*{margin:0 auto; padding:0; outline:none; /*list-style:none;*/}
body,p{font-family:'Open Sans', sans-serif;color:#7e7673;font-size:16px;outline: none;}
span.error:empty,small.error:empty{display:none;}
.system-message,.system-error-message{background:none;border:none;color:#6e6460;margin:0;padding:0;}
p{margin-bottom:16px}
p.lead{font-family: 'Open Sans', sans-serif;text-align:center;font-size:16px;margin-bottom:0;}
.system-message h1,.system-error-message h1{font-size:36px;}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif; color:#404141;}
h1{ font-size:32px; margin-bottom:10px;}
h2{font-size:16px;margin-bottom:13px;font-weight:normal !important;color:#7e7673 !important;}
h3{font-size:18px; margin-bottom:16px;font-weight: bold;}
h4{font-size:16px;margin-bottom:21px}
h5{font-size:13px;margin-bottom:26px}
h6{font-size:10px;margin-bottom:37px}
a,a:visited,.breadcrumbs a{color:#080808;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out; outline: none;}
h1 a,h2 a,h3 a,h4 a,h5 a,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited{ /*color:#D1010D;*/ }
.blog-container a{/*color:#D1010D;*/}
a:hover,a:focus,.breadcrumbs a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus{color:#D1010D; outline: none;}
a img{-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out; outline: none;}
a img:hover{opacity:.7;}
em,input[type="text"],textarea,select{font-family:'Open Sans', sans-serif;}
input[type="text"],input[type="email"],input[type="password"],input[type="submit"],texarea,select{border-radius:3px;height:auto;padding:10px 13px;}
input[type="text"],input[type="email"],input[type="password"],textarea{background:#fff;}
input[type="submit"]{font-weight:500;background:#D1010D;color:#fff;border-radius:0px;text-transform:uppercase;margin-bottom:20px;border:none;cursor:pointer;padding:15px 20px;}
input[type="submit"]:hover {font-weight:500;background:#D1010D;color:#fff;border-radius:0px;text-transform:uppercase;margin-bottom:20px;border:none;cursor:pointer;padding:15px 20px;}

ul li ul {
    margin-left: 50px;
}
a{
  text-decoration: underline;
}
.px-0{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.py-5{
  padding: 50px 0px;
}
.clear{
  clear: both;
}
.mx-2{
    margin:5px 10px;
}
.mr-2{
  margin-right: 10px;
}
.mt-4 {
    margin-top:20px
}
li.mb-2 {
    margin-bottom:10px;
}
.mb-5{
  margin-bottom: 25px;
}
.m-auto{
  margin:auto;
}
.bg-gray{
  background-color: #eaeaea;
}
.text-end{
  text-align: end;
}
.legal-text{
  font-size: 12px;
}
.main_header a, .contact-phone a, .contact-footer-btn a, .contact-button, .contact-location a, .contact-col a, .zero-contact-pg a{
  text-decoration: none;
}
.top-bar-bg {
  background-color: #f5f5f5;
}
.header-top-bar li {
    margin:0px 10px;
}
.header-top-bar{
  list-style:none;
  justify-content:end;
  align-items: center;
  flex-wrap: wrap;
}
.header-top-bar li a{
  text-decoration: none;
  font-size: 14px;
}
.search-box .search-icon{
 position:absolute;
 top:10px;
 right:0;
}
.search-box input{
 min-width:250px;
 border:1px solid #ddd;
}
.main_header .top-bar .top-bar-left > ul > li:nth-last-child(1) a{
    background: #D1010D;
    color:#fff;
    padding: 2px 10px;
    width: auto;
}
span.icon > img{
  margin-top: -5px;
  margin-right: 5px;
}

.feedback {
  background-color : #D1010D;
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 4px;
  border-color: #D1010D;
}
a.feedback:hover {
    background: #fff;
    border: 1px solid #D1010D;
    color: #D1010D !important;
}
.d-flex{
  display:flex;
}
.align-items-center{
  align-items: center;
}
#mybutton {
  position: fixed;
    bottom: 50%;
    right: -45px;
    transform: rotate(-90deg);
    display: none;
}

.mw-600{
  max-width:600px;
}
.mw-275{
  max-width:275px;
  width:275px;
  height:auto;
}
.mw-300{
  max-width:300px;
  width:300px;
  height:auto;
}
.mw-400{
  max-width:400px;
  width:400px;
  height:auto;
}
.mw-250{
   max-width:250px;
    width:250px;
    height:auto;
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child){
    float:left;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
table.results-table{
     min-width: 400px;
}
table.results-table td{
    border:1px solid #ddd;
}
table.results-table h3{
    margin-bottom:0px;
}
.table-container{
    overflow:auto;
}

a.banner-btn {
    background:#fff;
    padding:10px 15px;
    text-decoration:none;
}
a.banner-btn:hover {
   background:#D1010D;
    color:#fff;
}
.Bottom_Center {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
}
.Bottom_Left {
    position: absolute;
    top: 90%;
    left: 5.4%;
}
.Bottom_Right {
    position: absolute;
    top: 90%;
    right: 6%;
}

input#id_1 {
    width: 30px;
    height:42px;
    border: none;
    background: url(../images/search-icon.jpg) no-repeat center;
    position: absolute;
    top: 0px;
    right: 5px;
    bottom: 0px;
    cursor: pointer;
    outline: none;
    border: none;
    box-shadow: none;
    border: 1px solid #ddd;
}

.top-bar input{
  margin-right:0 !important;
  border:1px solid #ddd;
}
.s_site_search_input {
  border:1px solid #ddd !important;
  background: #fff !important;
  margin-top: 10px;
}
.small-sharebtn, #st-4.st-left{
    display:none;
}
.sharethis-inline-share-buttons .st-btn{
    min-width:40px !important
}
.form-box{
    background:#f6f6f6;
    padding:30px 25px;
    border-radius: 20px;
}
.form-box input[type="text"], .form-box input[type="email"]{
    background:#fff;
    margin-bottom:20px !important;
}
/*----------------warning pop up css start------------------------*/        

    #modalOverlay {
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999999999999999999999999999999999;
            height: 100%;
            width: 100%;
    }
.modalPopup {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            width: 30%;
            padding: 20px 0 30px;
            -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
            -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
            box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    }
.modalContent {padding: 0 1em;}

.modalContent h1 {
  margin-bottom: .2em;
  font-size: 22px !important;
  text-transform: unset !important;
}
.modalContent p {font-size: 16px;margin: .75em 0 1.5em;}
.buttonStyle {

        cursor: pointer;
        font-weight: bold;
        font-size: 14px;        
        color: #000;
        text-decoration: none;
        }
        a.btn-contact{
            border: 1px solid #df1837;
    padding: 5px 16px;
    border-radius: 3px;
    background: #df1837;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
        }

        @media (max-width: 767px) {
            .modalPopup{
                width: 94%;
                top: 45%;
                height: auto;
                overflow-y: scroll;
            }
            .modalContent h1{
                line-height: 30px !important;
            }
            .modalContent{
                padding: 0 13px;
            }
        }


        /* -------------------warning pop up css end------------------------------*/
table.webform, table.reporting {
    border: medium none;
    background: none !important;
}
table tr:nth-of-type(2n) {
    background: none!important;
}
table.webform td{
      line-height: 24px;
    padding: 6px;
    background: none !important;
}

select.cust-sel {
   width: 25%;
    margin-left: 20px;
}
/*start------------------------*/
.hoverable-text,.hoverable-text__icon{
  position: relative;
  cursor: pointer;
  
}
.hoverable-text__icon::before {
      content: '';
      width: 14px;
      height: 14px;
      background-color: #fbfbfb;
      border-style: solid;
      border-color: #d1d6dc;
      border-width: 0 1px 1px 0;
      transform: rotate(45deg);
      position: absolute;
      left: 4px;
      top: -20px;
      z-index: 1;
      box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
      display: none;
    }
    .hoverable-text:hover .toooltip {
      display: block;
    }
      .hoverable-text--custom .toooltip {
      bottom: calc(100% + 12px);
    }
    .hoverable-text--custom .toooltip::after {
      display: none;
    }
    .hoverable-text--custom:hover .hoverable-text__icon::before {
      display: block;
    }
    
    .toooltip {
      position: absolute;
      left: -120px;
      right: auto;
      bottom: 100%;
      line-height: 1.4;
      color: #797c80;
      width: 180px;
      display: none;
      width: 260px;
    }
    
    .toooltip::after {
      content: '';
      width: 14px;
      height: 14px;
      background-color: #fbfbfb;
      border-style: solid;
      border-color: #d1d6dc;
      border-width: 0 1px 1px 0;
      transform: rotate(45deg);
      display: block;
      margin: -7px auto 0;
      box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.05);
    }
   
    
    .tooltip__text-block {
      padding: 10px 12px;
      background-color: #fbfbfb;
      box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
      border: solid 1px #d1d6dc;
      border-radius: 4px;
      display: block;
    }
    
    .tooltip__text-block ul{
      margin-left: 20px;
    }
    .tooltip__text-block ul li {
    font-size: 13px;
    color: #0a0a0a;
    }

.accessoires-images{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.form-block-produits-frais {
    margin:40px 0px;
    border:1px solid #ddd;
    padding:20px;
}
span.pdf-img {
    margin-right:10px;
}
span.pdf-img img{
   margin-top: -5px;
}
.pdf-img{
    width: 16px;
    height: 16px;
    display: block;
    float:left;
    margin:-5px 8px 0px 0px;
    background-position: center;
    background-size: cover;
    margin-top: 4px;
}
span.pdf{
      background-image: url(https://uploads.prod01.london.platform-os.com/instances/378/assets/images/ui/pdf.png?updated=1583252528129);
}
.breadcrumb-section{
    margin-bottom:40px;
    border-bottom:0.5px solid #ddd;
    padding-bottom:10px;
}
.products_page .row{
  margin-top:40px !important;
  margin-bottom: 40px !important;
}
.products_page .row .medium-6 img{
    display: block;
    margin-left:auto;
    margin-right:auto;
    box-shadow: 10px 12px 40px rgba(0, 0, 0, 0.2);
}
.image-shadow{
  box-shadow: 10px 12px 40px rgb(0 0 0 / 20%);
  margin:20px 10px;
}
.accessoires-images .small-6{
    padding:10px;
}
.mt-2{
  margin-top: 20px;
}
.mg-btm-20{
  margin-bottom: 20px !important;
}
.border-imgs img{
  border: 1px solid #d8d8d8;
}
.mrqs-imgs img{
  max-width: 60%;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */  color:#a8a8a8 ;}
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder { /* Firefox 18- */ color: #a8a8a8  }
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder { /* Firefox 19+ */ color: #a8a8a8  }
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder { /* IE 10+ */ color:#a8a8a8 }
input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder { /* Edge */ color:#a8a8a8 } 
textarea::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */  color:#a8a8a8;}

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
ol, ul , figure{margin:0;/*list-style-type: none;*/ }
ol{margin-left: 50px;}
ol ol, ol ul, ul ol, ul ul{margin:0}
.row{width:100%;max-width:1220px;}
.row .row{width: auto;margin-top: 0;margin-bottom: 0;}
.row .form-block-produits-frais .row {
    display:flex;
    flex-wrap:wrap;
}
div#portfolio {
    margin: 0 0px 30px 0px;
}
a#catshopbuy {font-family:'Open Sans', sans-serif;font-weight:500;letter-spacing:2px;background:#52CAB3;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;}
a#catshopbuy:hover {background:#276D5F;color:#fff;transition-duration:.5s;}

a#catshopclear {font-family:'Open Sans', sans-serif;font-weight:500;letter-spacing:2px;background:#b5b5b5;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;  font-size: 12px; text-align: center; text-shadow: none; padding: 1em;}
a#catshopclear:hover {background:#646464;color:#fff;transition-duration:.5s;}
.model_pagination .pagination-link {
    width:30px;
    height:30px;
    line-height:30px;
    background:#D1010D;
    color:#fff;
    margin:0px 5px;
    text-align:center;
}
.model_pagination .pagination-link a{
    display:block;
     color:#fff;

}
.pagination.pagination-02 li.page-item.disabled {
    padding:0;
}

.page-item.active a.page-link {
    color: #fff;
    cursor: default;
    background-color: #D1010D;
    border-color: #D1010D;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.blogpostparent + .cstm-page-div {
    display:none !important;
}
.BlogRecentPost a:hover {  color: #d1010d !important;  text-transform: none;}
.opt-discount input[type="submit"] { margin-top: 10px; }
.blog-head-black{color:#000 !important;  font-family: "Open Sans",sans-serif;  font-size: 25px;  font-weight: 300;  letter-spacing: 5px;  line-height: 30px;  margin-bottom: 20px;  text-transform: uppercase;}
.BlogRecentPost a{color:#000 !important;text-transform: none !important;}
.blog-black {color:#7e7673 !important;text-transform: none !important;}
.product-remove a:link, .product-remove a:visited { font-size: 20px; color: #606060; line-height: 20px;transition-duration:.5s;}
.product-remove a:hover { color: #900; }
.product-image img, .product-title{ margin-bottom: 20px;}
table tbody, table tfoot, table thead {
  background-color: #fefefe;
  border: 0px solid #f1f1f1 !important;
}
input[type="text"],input[type="email"],input[type="password"]{font-family:'Open Sans', sans-serif;font-size:13px;border: 1px solid #FBFBFF; margin-bottom: 10px;padding: 11px;font-weight: normal;  background: #fbfbfb; box-shadow: none;}
textarea{border-radius:3px;padding:10px 13px;background:#fbfbfb; box-shadow: none; resize: none;    border: 1px solid #FBFBFF;margin-bottom: -5px; }
ul li{font-size:16px;margin-bottom:0;}

/*buttons*/
.button { background-color:#D1010D;margin-bottom:0; color: #fff; font-family: 'Open Sans', sans-serif; font-weight:700}
.button:hover { background-color:#D1010D;margin-bottom:0; color: #fff; font-family: 'Open Sans', sans-serif; font-weight:700}
.button,/*button*/,input[type="submit"],a#catshopbuy:link,a#catshopbuy:visited{font-family:'Open Sans', sans-serif;font-weight:500;letter-spacing:2px;background:#1abc9c;color:#fff;border-radius:3px;text-transform:uppercase;}
.button.secondary,button.secondary {background:#777777;color:#fefefe;}
.button.hollow {  border: 1px solid #6bb6c2; color: #6bb6c2;}

.button:hover,.button.secondary:hover,button.secondary:hover,button:focus,.button:focus,input[type="submit"]:hover,input[type="submit"]:focus {color:#fff;transition-duration:.5s;}
.button:visited{color:#fff;}

.form-head-red{color:#d1010d;}
/*header*/
header{width:100%;padding:0px 0 15px 0; background: #fff;position:fixed;top:0; z-index: 101; border-bottom: 1px solid #d8d8d8;}
.main_header{width:100%; float:left;padding:0px 12px}
.top-bar,.top-bar ul,.top-bar.expanded .title-area{background-color:#74D4C2;}
.utility-nav{background:url(../images/ultility-nav.png);margin:0;padding:5px 0 0;}
.utility-nav ul,.utility-nav ul li{list-style:none outside none;margin:0;padding:0;}
.utility-nav li{float:left;}
.utility-nav li span{margin-right:5px;color:#1abc9c;}
.utility-nav li a{font-size:12px;font-weight:400;color:#fff;position:relative;font-family:'Open Sans', sans-serif; top:-2px;padding:5px;}
.utility-nav li:hover{background:#1abc9c;}
.utility-nav li:hover > a,.utility-nav li:hover > a span{color:#fff;}
aside .is-drilldown li.selected{background:#ECECEC;}
aside li.selected > a.selected { color: #080808; }
aside li.is-selected > a{color:#080808;}

.inner-content ul li {
    list-style-image: url(../images/wine_bottle-red.png);
}
.blogpostparent .side-panel {
    padding: 0 0 0 20px;
}
.top-bar .menu .selected>a {color:#D1010D;}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); display:none}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{border-color:transparent #fff transparent transparent;}
.is-accordion-submenu-parent>a:after { border-color: #D1010D rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important; }
.is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #D1010D; }
.js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #D1010D rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }

.show-for-small-only .is-accordion-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.show-for-small-only .is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; }
.show-for-small-only .js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.top-bar-left .show-for-small-only a { color: #fff; }
#i-portfolio {  margin-bottom: 20px;}
/*This section prevents the mobile menu bar from flashing when the page loads*/
/*This is directly from the Foundation documentation*/
.no-js .top-bar { display: none; }

@media screen and (min-width: 40em) {
    .no-js .top-bar { display: block; }
    .no-js .title-bar { display: none; }
}
/* End of section to prevent mobile menu bar flashing*/

#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; height: 100%; z-index: 9999; overflow: hidden; }
#status{width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; background-image:url(../images/loader.gif); background-repeat: no-repeat; background-position: center;  margin: -115px 0 0 -110px; z-index: 9999;}

button.menu-icon{background:none;}
.shopping-cart{color:#FFFFFF;font-size:13px;font-family:'Open Sans', sans-serif;}
#catCartSummary table tbody,#catCartSummary table tfoot,#catCartSummary table thead{border:none;background:none;}
a.cartSummaryLink{color:#1abc9c;}
.utility-nav .uty0,.utility-nav .uty1{display:none;}
table.cartSummaryTable{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;margin:0 0 0 20px;}
td.cartSummaryItem{color:#FFFFFF;font-size:12px;padding:0;}

/*alert boxes*/
.alert-box{display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;font-size:.8125rem;transition:opacity 300ms ease-out;background-color:#008cba;color:#fff;border-color:#0078a0;border-style:solid;border-width:1px;padding:.875rem 1.5rem .875rem .875rem;}
.alert-box .close{font-size:1.375rem;line-height:0;position:absolute;top:50%;margin-top:-.6875rem;right:.25rem;color:#333;opacity:0.3;padding:9px 6px 4px;}
.alert-box .close:hover,.alert-box .close:focus{opacity:0.5;}
.alert-box.radius{border-radius:3px;}
.alert-box.round{border-radius:1000px;}
.alert-box.success{background-color:#43ac6a;color:#fff;border-color:#3a945b;}
.alert-box.alert{background-color:#f04124;color:#fff;border-color:#de2d0f;}
.alert-box.secondary{background-color:#e7e7e7;color:#4f4f4f;border-color:#c7c7c7;}
.alert-box.warning{background-color:#f08a24;color:#fff;border-color:#de770f;}
.alert-box.info{background-color:#a0d3e8;color:#4f4f4f;border-color:#74bfdd;}
.alert-box.alert-close{opacity:0;}

/*search*/
.search-container{display:none;background:url(../images/ultility-nav.png) repeat scroll 0 0 rgba(0,0,0,0);padding:30px 0 0;}
.search-icon span{color:#FFFFFF;margin-left:10px;cursor:pointer; position: relative; top: -3px; padding: 5px;}
.search-container input[type="text"]{height:auto;padding:14px 15px;}

/*slider*/
.slick-slider{overflow:hidden;margin:0;}
.slick-slide img{width:100%;}
.slide-description{position:absolute;width:100%;margin-top:330px;z-index:1;}
.slick-dots{bottom:0;}
.slick-dots li button:before{color:#98918d;opacity:1;font-size:13px;}
.slick-dots li.slick-active button:before{color:#1abc9c;}
.hero-slider .slick-dots{bottom:145px;z-index:1;text-align:left;margin:0 0 0 25%;}
.hero-slider .slick-dots li button:before{content:none;}
.hero-slider .slick-dots li{width:auto;margin:0 5px 0 0;}
.hero-slider .slick-dots li button{width:50px;height:5px;border-radius:0;background:#fff;padding:0;}
.hero-slider .slick-dots li.slick-active button{background:none repeat scroll 0 0 #52cab3;height:15px;top:-10px;}
.slide-description span{color:#18987f;font-size:46px;float:left;margin:0 15px 30px 0;}
.slide-description h1{color:#fff;font-weight:100;}
.slide-description h2{color:#fff;font-weight:100;}
.slide-description-contents {background: rgba(0, 0, 0, 0.35); color:#fff; border-radius: 3px; padding: 20px;}
.slide-description h1.brown,.slide-description h2.brown{color:#6e6460;}
.slide-description h1{font-size:100px;line-height:134px;margin-bottom:30px;}
.slide-description h2{font-family:'Open Sans', sans-serif;float:left;font-size:18px;text-align:left;text-transform:uppercase;}
.slide-description h2 em{font-style:normal;text-transform:none;white-space:nowrap;} 
.list-vins > li {
  list-style-image: url("../images/wine_bottle-red.png");
}
ul.list-vins , ul {
    margin-left: 50px;
}
.post-body ul li {
    color: #d1010d;
    list-style-image: url("../images/wine_bottle-red.png");
}
.home-slider { position: relative;}
i.fa.prev-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;left:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.next-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;right:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.prev-btn:hover,i.fa.next-btn:hover{opacity:1;}

/*section main*/
section.main{padding:30px 0 50px;}
.feature-image{border-radius:90em;overflow:hidden;width:100%;height:100%;max-width:189px;margin-bottom:30px;}

/*events section*/
section.events{background:url(../images/events-bg.jpg) repeat-x top;padding:50px 0;}
.event-item{background:rgba(255,255,255,0.9);box-shadow:0 1px 1px rgba(0,0,0,0.2);border-top:5px solid #6bb6c2;margin-bottom:30px;padding:20px 30px;}
.event-date{background:#D1010D;width:75px;height:75px;border-radius:90em;font-size:24px;text-align:center;color:#fff;font-family:'Open Sans', sans-serif;text-transform:uppercase;padding-top:14px;margin:0 auto 20px;padding-left: 10px;padding-right: 35px;}
.event-date span{display:block;line-height:1.2;}
.event-date span.month{font-size:16px;}
.event-item h3{text-align:center;font-weight:100;}
.event-item-detail{background:url(../images/dashed-bg.jpg) repeat-x bottom;margin-bottom:30px;padding-bottom:30px;}
.event-item-detail h3{margin-bottom:5px;}
.event-details{line-height:18px;color:#99918e;font-size:13px;font-family:'Open Sans', sans-serif;margin-bottom:10px;}
.dash{width:30px;height:1px;background:#6bb6c2;margin:20px auto;}
.event-item p{font-size:13px;}
.event-item-detail .button{float:right;}

/*announcements*/
.news-item{margin-bottom:30px;}
.news-item h3{margin-bottom:5px;}
.news-details{line-height:18px;color:#99918e;font-size:13px;font-family:'Open Sans', sans-serif;margin-bottom:10px;}

/*faq*/
.faq-question a{color:#6e6460;font-family:'Open Sans', sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;}
.faq-details{padding-top:10px;margin-bottom:0px;padding-bottom:20px;}
.faq-details a{font-family:'Open Sans', sans-serif;font-size:14px;text-transform:none;font-weight:normal;color:#D1010D;}
.faq-icon{background:none repeat scroll 0 0 #D1010D;border-radius:90em;color:#fff;display:inline-block;font-family:'Open Sans', sans-serif;font-size:15px;font-weight:600;height:30px;width:30px;padding-top:3px;position:relative;text-align:center;text-transform:uppercase;margin:0 15px 17px 0;}
.faq-icon.answer{background:#D1010D;}
.card-header.panel-heading{
    padding: 15px 15px;
    border-bottom: 1px solid #ccc;
}
div#faqSectionAccordion{margin-bottom: 50px;}

.accordion-title { padding: 1.25rem 1rem; line-height: 1;  font-size: 1.5rem; color: #D1010D; }

/*page-title*/
section.page-title{overflow:hidden;position:relative;}
section.page-title img{width:100%;}
.row.page-headline{position:absolute;z-index:1;top:0;left:0;right:0;}
.row.page-headline h1{color:#fff;margin-top:190px;}

/*breadcrumps-container*/
.breadcrumps-container { padding: 30px 0 20px; }

/*about*/
section.main span.fa-heart{display:block;color:#c87492;font-size:46px;width:46px;margin:0 auto 30px;}
p.literature-container span.icon,p.literature-container span.name{font-family:'Open Sans', sans-serif;margin:0 3px 0 0;}
p.literature-container img{vertical-align:middle;}
.double-dash{height:3px;background:url(../images/dashed-bg.jpg) repeat-x top;margin:30px 0;}
.what_we_do {
  background-color: #fff;
}

/*store / products*/
.product-thumbs { padding:10px;}
.product-thumb { margin-bottom:20px;}

/*misc*/
img.post-image {width: 100%; margin-bottom: 20px;}
.blogpost-result-item.item.panel-body { padding-top: 30px; font-size: .8rem; }
.cb-Tags { margin-bottom: 5px; }
.cb-Image img { width: 100%; }
.mb10 {margin-bottom: 10px;}
.select2-container .select2-search--inline { border-bottom: none; }
.page-nav span#pagination { display: inline-block; }
p.page-nav{text-align:center;}
.page-nav a { margin: 0 9px; display: inline-block; color: #D1010D;}
.pagination li a { color: #D1010D; }
.pagination-previous a::before,.pagination-previous.disabled::before{content:'\00ab';display:inline-block;margin-right:.5rem;}
.pagination-next a::after,.pagination-next.disabled::after{content:'\00bb';display:inline-block;margin-left:.5rem;}
.pagination .current { background: #D1010D; color: #fefefe; }
.photo-item { position: relative; }
p.photo-caption { position: absolute; bottom: 5px; left: 4px; background: rgba(0, 0, 0, 0.5); width: calc(100% - 8px); color: #fff; padding-left: 10px; padding-right: 10px; overflow: hidden; }
.blog-post h3.post-title {
       padding: 10px 0 5px;
}
/*************media queries**************/
@media only screen and (min-width: 0) and (max-width: 640px) {
  .columns, .column {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
  .mw-250{
   max-width:100%;
    width:100%;
    height:auto;
  }
  .main_header {
      margin-top:12px;
  }
  .header-top-bar .contact-cta{
    display: none;
  }
    .logo a {  
   text-align: right;
    position: absolute;
    right: 0;
    }
    
    .menu-icon.dark {   
    margin-left: 10px;
}
    .menu.vertical > li {
    display: block;
    margin-left: 10px;
}
    
    .top-bar-section ul{margin-top:48px;}
   .logo img {
   
    height: 42px;
    margin-top: -15px;
}
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 5px; padding: 5px; }
    .slide-description h1{font-size:20px;line-height:20px;margin-bottom: 0px; }
    .slide-description h2{display:none;}
    .slide-description span { display:none; }
    i.fa.prev-btn,i.fa.next-btn { opacity:0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .community-search-wrap{background:none;padding:20px 0 60px;}
    .search-ellipse{border-radius:0;display:block;float:none;width:100%;background:none;box-shadow:none;height:auto;text-align:left;padding:0;}
    .search-ellipse h2{text-align:left;}
    .search-ellipse h2,.search-ellipse h6{color:#6e6460;display:inline;margin:auto;}
    section.main{padding:20px 0;}
    footer{text-align:center;padding:20px 0 10px;}
    footer p,footer div.copy{margin-bottom:15px;}
    .social-icons{float:none;}
    .row.page-headline h1{font-size:1.75rem;margin-top:15px;}
    .ecommerce-list-view .card{
        max-width:400px;
        margin:auto !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:30px;line-height:30px;margin-bottom: 15px; }
    .slide-description h2{font-size:12px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 10px 0; }
    .row.page-headline h1{margin-top:20px;}
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .top-bar .name{margin-top:-5px;max-width:126px;}
    .top-bar-section ul li > a{font-size:13px;}
    .side-search h2{font-size:38px;}
    .side-search h6{font-size:9px;}
    .search-filters a{margin-left:10px;}
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 10px; padding: 10px; }
    .slide-description h1{font-size:30px;line-height:30px; margin-bottom: 15px; }
    .slide-description h2{font-size:12px;line-height:13px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 30px 0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:30px; font-size: 2rem;}
    .top-bar-left ul li.d-md-none {
        display:none;
    }
    .top-bar-left{width:auto !important;float:right !important;}
}
@media only screen and (min-width: 860px){
  .top-bar-left ul li.d-md-none {
        display:none;
  }
  .top-bar-left{width:auto !important;float:right !important;}
  .d-md-flex{
    display:flex;
  }
  .w-md-33{
    width:33.33%;
  }
  .top-bar{
    width:70% !important;
    float:left !important;
  }
  
}

@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .top-bar .name{margin-top:-18px;max-width:199px;}
    .top-bar-section ul li > a{font-size:14px;}
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:70px;line-height:70px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:70px; font-size: 2.5rem;}
}
@media only screen and (min-width: 1200px) { 

.top-bar{
    width:83% !important;
    float:left !important;
  }
}
@media only screen and (min-width: 1400px) { 
    .slide-description{margin-top:50px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:130px;}
}


/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 8px;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;z-index:1045;margin:0 auto;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out;}
.mfp-zoom{cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-hide{display:none!important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;z-index:1046;-webkit-box-shadow:none;box-shadow:none;padding:0;}
button::-moz-focus-inner{border:0;padding:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;padding:0 0 18px 10px;}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);top:50%;width:90px;height:110px;-webkit-tap-highlight-color:transparent;margin:-55px 0 0;padding:0;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}
.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none;}
.mfp-close:hover,.mfp-close:focus,.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}

/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:40px 0;}

/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /* Remove all paddings around the image on small screen  */
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
    .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;top:auto;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:3px 5px;}
    .mfp-img-mobile .mfp-counter{right:5px;top:3px;}
    .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}
    .mfp-img-mobile img.mfp-img,.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
}

@media all and (max-width: 900px) {
  .products_page .row{
    border:1px solid #ddd;
  }
  .products_page .row .medium-6{
      padding:20px;
  }
  
    .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
    .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
    .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
    .mfp-container{padding-left:6px;padding-right:6px;}
}

.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-ie7 .mfp-img,.mfp-ie7 .mfp-container{padding:0;}


/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none;/* -webkit-user-select: none; -khtml-user-select: none;*//* -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none;*/ -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('../images/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Slick Slider  Icons */
@font-face { font-family: "slick"; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format("embedded-opentype"), url('../fonts/slick.woff') format("woff"), url('../fonts/slick.ttf') format("truetype"), url('../fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }

/* Slick Slider  Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 55%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: 'Open Sans', sans-serif; font-size:0px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left:0px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: 0px; }
.slick-next:before { content: "\2192"; }

/* Slick Slider Dots */
.slick-slider { margin-bottom:0px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: 'Open Sans', sans-serif; font-size:0px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }

.docs-code.kitchen-sink{border:1px solid #cacaca;max-height:300px;overflow-y:scroll;margin-bottom:1rem;}
.docs-code-copy{position:absolute;top:0;right:0;background:#2199e8;color:#FFF;font-size:.8rem;z-index:1;padding:.75rem 1rem;}
.docs-code,pre{position:relative;}
.docs-code.kitchen-sink code{border:0;}
.docs-code code,pre code{display:block;overflow-x:auto;background:#f9f9f9;margin-bottom:1.5rem;padding:1rem;}
.row.display{background:#eee;font-size:11px;margin-bottom:10px;line-height:2rem;border:solid 1px #c6c6c6;margin-left:0!important;margin-right:0!important;}
.row.display .columns:nth-child(2),.row.display .columns.small-centered,.row.display .columns.large-centered{background:#D1010D;}
.docs-component .thumbnail{margin-left:auto;margin-right:auto;display:block;}
.docs-toc .active{background:#D1010D;color:#FFF;}
/*END KITCHEN SINK DOCS*/


.logo a{ float: left;line-height: 35px; color: #000;font-family: 'Open Sans', sans-serif;font-size: 23px; font-weight:600;text-transform: uppercase;cursor: pointer;}
.logo span { position: relative; float: left; width: 20px; height: 20px; background: #D1010D; background: rgba(76,221,243,0.5); margin:7px 7px 0 0;}
.logo span em { position: absolute; width: 10px; height: 10px; background: #D1010D;  bottom: 0;  left: 0;}

.top-bar{width:auto; float:right;}
.top-bar, .top-bar ul, .top-bar.expanded .title-area {padding:0; background-color: inherit;}
.top-bar-left ul li{ padding: 0 5px 0 4px; float: left; }
.top-bar .menu a{padding:0;line-height:35px; color:#414141;letter-spacing: 2px;font-size:13px; font-weight:400;font-family:'Open Sans', sans-serif;text-transform: uppercase;}
.top-bar-left ul li ul li a{line-height:15px !important; color:#fff !important}
.top-bar-left ul li ul li a:hover{color:#414141 !important}
.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:0}
.top-bar .menu a:hover{color:#D1010D;}
.top-bar-left{width:100%;float:left;}
.top-bar-left ul li ul{background: #D1010D;}
.top-bar-left ul li ul li{padding: 7px 15px;}

.main-slider{width:100%;float:left; max-height: 760px;}
.home_slider{width:100%;float:left;position:relative}
.home_slider:after{content:'';/*background:transparent url(../img/overlay.png);*/ width: 100%; height: 600px;/*position:absolute;*/ top:0; left:0;  z-index: 3;}
.home_slider li img , .dault-page-banner img {max-width:100%;margin-top:158px; z-index:-1;}
.slider_desc{width:100%;float:left; position:absolute; top:0% !important;/*top:50%;*/left:0;margin-top: 150px !important; text-align:center;z-index: 10;color:#fff}
.slider_desc h2{ font-size: 27px; letter-spacing: 3px;color:#404141 !important; font-weight:400}

.slider_desc .t-current-out {margin: 10px 0 0;position: relative;text-align: center;height:100%;width:100%}
.slider_desc .t-current-out .t-current-in {width: 100%;font-family: 'Open Sans', sans-serif;position: absolute;/*opacity: 0;*/font-size: 100px;letter-spacing: 5px;text-transform: uppercase;z-index: 100; font-weight:600; top: 40px;line-height: 100px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;   transition-timing-function: ease;   -webkit-transition-timing-function: ease; }
.slider_desc t-current-in {color:fff !important;    opacity: 1; top: 0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
transition-timing-function: ease;   -webkit-transition-timing-function: ease;}

.slider_desc .spacer { width: 100%; max-width:60px; margin:164px auto 0; background:#D1010D; height:2px;}
.slider_desc p{font-size: 60px;font-family: 'Open Sans', sans-serif; width: 1200px;color:#fff; text-transform: none; margin:0 auto 40px; font-weight: 400;}
.slider_desc a.button{border:2px solid #D1010D;color: #fff;    padding: 14px 53px; font-size: 14px; background:inherit}
.slider_desc a.button:hover{border:2px solid #fff}

.home_slider .slick-prev:before, .home_slider .slick-next:before{font-size:0;}
.home_slider .slick-next{right:70px;background:transparent url(../images/s-next.png);  width: 81px; height: 80px; opacity: 0.3; z-index:99; background-size: cover;}
.home_slider .slick-next:hover , .home_slider .slick-prev:hover{ opacity: 1;}
.home_slider .slick-prev{left:70px;background:transparent url(../images/s-prev.png);  width: 81px; height: 80px; opacity: 0.3; z-index:99; background-size: cover;}

section.hp-products-sec {
    background:#f5f5f5;
}
#about{
  background: #fff !important;
  padding-top: 40px;
}
.feature-work , .team_wrap , .our_services{width:100%;float:left;background: #fff;padding-bottom: 85px; position:relative;}
.feature-work:after , .team_wrap:after{content: ''; position: absolute; width: 0; height: 0; border: 30px solid #f7f7f7; border-bottom: 0px solid transparent; border-right: 30px solid transparent; border-left: 30px solid transparent; left:0; right:0;margin:0 auto; bottom: -28px;text-align:center;}
.sub-title{width:100%;max-width:100%;margin:0 auto;text-align:center; padding:80px 0;}
.sub-title h1 {color: #404141; font-size: 22px;line-height:30px;margin-bottom:20px;font-family: 'Open Sans', sans-serif; font-weight:300; letter-spacing: 5px;text-transform: uppercase;}
.inner-content h1 , .main h1 {color: #404141; font-size: 26px;line-height:30px;margin-bottom:20px; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing: 1px;}
.sub-title .blue-border{width:100px;height:2px; background:#D1010D;margin:0 auto 50px;}
.sub-title p.lead{color: #757575;font-weight:300}

.featured-slider{width:100%; float:left; text-align:center;}
.featured-slider a.btn-featured{color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 400; text-align: center; font-family: 'Open Sans', sans-serif; background: #D1010D; border-radius: 25px;
    padding: 13px 25px 13px;  letter-spacing: 1px;width: 163px; position: relative; z-index:99; top: 38px;}
.featured-slider a.btn-featured:hover { background: #D1010D;}

.feature_gallery{width:100%;float:left;padding:23px 0}
.f-single{width:100%;float: left;position: relative;padding-top:85px;}
.f-image{ cursor: pointer; position: relative;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff;}
.image-hover-overlay{width: 100%; height: 100%; position: absolute; left: 0; top: 0; zoom: 1; opacity: 0;}
.f-image .image-hover-overlay, .t-photo .image-hover-overlay{ z-index: 11; background-color: #000!important; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}

.f-image .f-category {position: absolute; top: 20%; left: 50%; z-index: 20;display: block; margin-left: -22px; width: 44px; height: 44px;text-align: center; line-height: 44px; zoom: 1; filter: alpha(opacity=0);
    opacity: 0; background:url(../images/color-icons.png) no-repeat scroll -220px 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.blue .f-image .f-category { background-position: 0 0;}
.f-single .portfolio-meta, .t-element .portfolio-meta { color: #fff; position: absolute; bottom: 0; left: 0; z-index: 20; width: 100%; text-align: center; text-transform: uppercase; zoom: 1; filter: alpha(opacity=0);
    opacity: 0; font-size: 15px; font-weight: 400; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}

.f-single:hover .f-image { opacity: 1;}

.f-single:hover .image-hover-overlay, .t-element:hover .image-hover-overlay { zoom: 1; filter: alpha(opacity=85);  opacity: .85; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.f-image .image-hover-overlay, .t-photo .image-hover-overlay { z-index: 11;  background-color: #000!important;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.f-single:hover .f-category, .t-element:hover .f-category { top: 85px; zoom: 1; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}

.f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta { bottom: 75px;  zoom: 1; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}

.portfolio-meta div:last-child { font-weight: 400; opacity: 0.5; font-size: 13px;}

.f-single:hover .f-info { cursor: pointer; opacity: 1; background: #D1010D; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.f-info { font-weight: 400; text-align: center;  font-family: 'Open Sans', sans-serif; font-size: 17px; color: #404141; background: #fff; line-height: 30px; padding: 40px 20px; letter-spacing: 1px; text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;   -moz-transition: all 0.2s ease-out;   -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}


.feature_gallery .slick-prev, .feature_gallery .slick-next{top:10px;}
.feature_gallery .slick-next{background: url(../images/f-next.png) no-repeat #D1010D; width: 30px; height: 57px;right:38%;    z-index:9;}
.feature_gallery .slick-prev{background: url(../images/f-prev.png) no-repeat #D1010D; width: 30px; height: 57px;left:38%;     z-index:9;}
.feature_gallery .slick-prev:hover, .feature_gallery .slick-next:hover{background-color: #D1010D;}
.feature_gallery .slick-prev:before, .feature_gallery .slick-next:before{font-size:0;}

.about_wrap{width:100%;float:left;}
.about_content{width:100%;float:left;padding: 0px 0px 70px 0;}
.about_content .title , .what_block .title{width:100%;float:left; text-align:center;}
.about_content .title h4 , .what_block .title h4{font-weight: 400; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #d7d9da; text-transform: uppercase;margin-bottom:0}
.about_content .title h2 , .what_block .title h2{font-weight: 300; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 28px;  color: #434343;padding:10px 0 15px 0; margin-bottom:0}

.amazing-slider{width:100%; float:left; padding:0 40px}
.amazing-slider .slick-dots{bottom:0;position:relative}
.amazing-slider .slick-dots li{width:14px;height:14px;border-radius:50%;border:2px solid #eaeaea;position:relative;margin-top:35px;background:#fff}
.amazing-slider .slick-dots li.slick-active button:before{opacity:1}
.amazing-slider .slick-dots li.slick-active{border: 2px solid #D1010D; background: #D1010D;}

.amazing-slider:hover .slick-prev , .testimonial_slider:hover .slick-prev ,.brands-logo-slider:hover .slick-prev  {background:#d1010d url("../images/f-prev.png") no-repeat scroll 0 0;width: 30px; height: 57px; color:#D1010D; z-index: 99;}
.amazing-slider:hover .slick-next , .testimonial_slider:hover .slick-next , .brands-logo-slider:hover .slick-next{background:#d1010d url("../images/f-next.png") no-repeat scroll 0 0;width: 30px; height: 57px; color:#D1010D; z-index: 99;}
.amazing-slider .slick-prev, .amazing-slider .slick-next{top:43% !important;}

.testimonial_slider .slick-prev , .testimonial_slider .slick-next{top:35% !important;}

.about_desc{width:100%;float:left;padding:0 30px}
.about_desc p{color: #888888; font-size: 15px; line-height: 26px;}

.parallax_wrap{width:100%;float:left;text-align: center; background:url(../images/parallax-01.jpg);height: 680px;overflow: hidden;position:relative}
.parallax{background-position:0% 0%;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.parallax_wrap .sub-title , .p-two .sub-title{padding:140px 0 15px 0}
.parallax_wrap .sub-title h4 , .p-two .sub-title h4{font-weight: 400; color: #fff; text-transform: uppercase;opacity: 0.5;}
.parallax_wrap .sub-title h1 , .fun-facts .sub-title h1 , .p-two .sub-title h1{font-weight: 300;letter-spacing: 0; text-transform:capitalize; font-family: 'Open Sans', sans-serif; font-size: 35px; color: #fff;}
.p-image-02 , .p-image-second , .p-image-first{position: absolute; bottom: 0; left:0;right:0;}


.team_wrap .sub-title , .our_services .sub-title{padding:80px 0 50px 0}
.t-list{width:100%;float:left;}
.t-element{width:100%;float:left;}
.t-photo {width:100%; position: relative; overflow: hidden;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.t-photo img{width:100%}
.t-photo .f-category { position: absolute;top: 20%; left: 50%; z-index: 20;display: block; margin-left: -22px; width: 44px; height: 44px; text-align: center; line-height: 44px; zoom: 1; filter: alpha(opacity=0);
    opacity: 0; background: url(../images/color-icons.png) no-repeat -220px -44px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.blue .t-photo .f-category { background-position: 0 -44px;}

.t-element .portfolio-meta div:last-child{ font-weight: 400;  opacity: 1;  font-size: 16px;}
.t-data{ background: #fff; text-align: center; text-transform: uppercase; font-family: 'Open Sans', sans-serif;padding: 24px 30px; overflow: auto; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
.t-name{ color: #030303; font-size: 18px;}
.t-info { color: #7f7f7f; font-size: 14px;  margin-top: 10px; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.t-spacer { width: 40px; height: 2px;  background: #D1010D; margin: auto;  margin-top: 30px;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.t-social{width:100%; float:left; position:relative;margin-top:20px;}
.t-social ul li{width:auto;display:inline-block; padding:0 10px;}
.t-social ul li a{font-size:20px; color: #bababa;  width: 34px; height: 34px;  border: 1px solid #bababa;  border-radius: 50%; display: block;  line-height: 34px;}
.t-element:hover .f-category { top: 65px;}
.t-element:hover .t-data { background: #D1010D;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.t-element:hover .t-info { color: #fff;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
.t-element:hover .t-spacer { background: #fff;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
.t-element:hover .t-social ul li a{color: #fff;border: 1px solid #fff;}

.fun-facts{width:100%;float:left;padding-bottom:100px;}
.fun-facts .sub-title{padding:80px 0 10px 0}
.fun-facts .sub-title h4{font-size: 15px; color: #d7d9da;text-transform: uppercase;font-weight:600}
.fun-facts .sub-title h1{color:#434343;}

.counter-block{width:100%;float:left;text-align:center;}
.counter-block h1{font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 100px;  color: #000000; line-height: 75px;margin-bottom:0}
.counter-block h1 img{display:block;margin:0 auto 20px; background-color: #D1010D;}
.counter-block h3{font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 20px; color: #7f7f7f; text-transform: uppercase; padding-top:25px; letter-spacing: 1px;margin-bottom:0}

.p-two{width:100%;float:left;text-align: center; background:#D1010D url(../images/parallax-02.png); background-size: cover;height: 625px;overflow: hidden;position:relative;}
.p-image-01{ position: absolute; left: 0; right: 0; bottom:-3px;}
.p-two .sub-title h4{color:#404040;font-weight:600}

.service_block{width:100%;float:left;}
.sl-element{width: 236px; height: auto; float: left;padding-top: 10px; text-align: center; position: relative; overflow: visible;}
.sl-element figure{width: 110px;height: 110px;line-height:110px; background:#D1010D;border-radius:50%;margin:0 auto 30px}
.sl-element figure:hover{background:#434343;/*cursor: crosshair;*/}
.sl-element h3 a:hover{color:#434343 !important;/*cursor: crosshair;*/}
.sl-element h3{font-family: 'Open Sans', sans-serif; color: #434242; font-weight: 400;margin-bottom:0; text-transform: uppercase;}

.tooltip {width:100%; display: none; position: absolute;max-width:100% !important; background: #000; top: auto; bottom: 100%; left:0;  padding:15px;  margin-bottom:20px;}
.details{color: #fff;  font-size: 14px;  text-align: left; font-weight: 300; font-family: 'Open Sans', sans-serif; line-height: 30px;}
.details ul { list-style: none;padding: 0;}
.list-dot { display: inline-block; margin: 0px 7px -3px 0px; width: 15px; height: 15px; background:url(../images/ckeck.png) no-repeat #D1010D;}
.visible {display: block;}
.tooltip.top:before, .tooltip:before{border:none}

.what_we_do{width:100%;float:left;background:#f5f5f5;}
.what_block{width:100%;float:left;padding:80px 0px 0px 0px;}

/* Skills */
.sk-container , .testimonial_slider{width:100%;float:left;padding: 0 30px;}
.skill-1 .skill-in {width: 0%;}
.skill-2 .skill-in {width: 0%;} /* Change your percent Skills here!*/
.skill-3 .skill-in {width: 0%;} /* Change your percent Skills here!*/
.skill-4 .skill-in {width: 0%;} /* Change your percent Skills here!*/
.skill-5 .skill-in {width: 0%;} /* Change your percent Skills here!*/
.progress-bar { /*height: 36px;*/width:100%;background: #f5f5f5;}
.progress-bar .skill-in {display: inline-block; height: 100%;background: #f5f5f5 ;/*background: #D1010D url(../img/skill-sprite.png) repeat-x;*/}
.info-skills {  /*position: absolute;*/font-family: 'Open Sans', sans-serif;font-size: 14px;color: #d1010d;font-weight: 600;/*line-height: 60px;*/  padding-left: 18px; text-transform: uppercase;}
.info-skills span { font-weight: 300;}
/*.skill-content {margin-bottom: 32px;}*/
.skill-content:last-child {margin-bottom: 0;}

.testimonial_slider li{float: left; width: 100%; padding-bottom: 30px; margin-bottom: 30px;}
.testimonial_slider li figure{width:25%;float:left;padding-right:20px;}
.testimonial_slider li figure img{border-radius:50%;}
.testo_desc{width:75%;float:left;}
.testo_desc p{font-size:14px; color: #acacac;margin-bottom:0}
.testo_desc p span{ color: #474747; font-weight: 600;padding-top: 10px;display: inline-block;}

.testimonial_slider .slick-dots{position:initial}
.testimonial_slider .slick-dots li , .wrapper-project .slick-dots li{width:14px;height:14px;border-radius:50%;border:2px solid #eaeaea;position:relative;margin-bottom: 0;padding:0;float:none}
.testimonial_slider .slick-dots li.slick-active button:before{opacity:1}
.testimonial_slider .slick-dots li.slick-active , .wrapper-project ul.slick-dots li.slick-active{border: 2px solid #D1010D; background: #D1010D;}
/* .wrapper-project ul.slick-dots{position:relative;margin-top: 30px;bottom: 0;}*/
.wrapper-project ul.slick-dots li{margin: 0 7px;}


.wrapper-project ul:hover .slick-next{background: url(../images/work-arrows.png) no-repeat; width: 30px; height: 57px;right:15px;z-index: 99999;}
.wrapper-project ul:hover .slick-prev{background: url(../images/work-arrows.png) no-repeat; width: 30px; height: 57px;left:15px;background-position: bottom left; z-index: 9;}


/* .portfolio-slider .slick-dots{position: relative;bottom: 0px;} */
.portfolio-slider .slick-dots li{margin: 30px 5px;}


#video_background {position: absolute;bottom: 0px;right: 0px;min-width: 100%;min-height: 100%;width: auto;height: auto; z-index: -1000; overflow: hidden;}
.container-video {width:100%;float:left; position: relative;overflow: hidden;height: 700px;}
.parallax-info { position: absolute;  z-index: 50; width: 100%;  height: 100%;}
.full_slide {}
.p-video { display: inline-block;padding: 0;margin: 0;width: 100%;  padding-top: 56.25%; heigth: auto; position: absolute;top: 0;z-index: 5;}
.p-video > iframe { position: absolute; top: 0px;left: 0px; right: 0px; bottom: 0px;z-index: -100;}
.mk-video-mask {position: absolute; top: 0; left: 0;z-index: 10;width: 100%;height: 100%;background: url(../images/05.png) center repeat;}
.p-video-title {height: auto;margin: auto;text-align: center;opacity: 0.7;  font-size: 50px;font-weight: 300;font-family: 'Open Sans', sans-serif;letter-spacing: 30px; text-transform: uppercase;width: 1275px;color: #fff;
 position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); 
 -ms-transform: translate(-50%,-50%); }
.p-video-title span {}
.video-container{ position: relative; padding-bottom: 56.25%; padding-top:0px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Portfolio */
.boundingBox{width:100%;float:left;overflow:hidden;}
.our_portfolio{width:100%;float:left;padding-top:40px;background: #f7f7f7;overflow: hidden;}
.our_portfolio .sub-title{padding: 80px 0 50px 0;}
ul#portfolio-list li img{width:100%;}
ul#portfolio-filter{width: 100%;text-align: center;display: block;margin: 0 auto;margin-bottom:80px;}
ul#portfolio-list{width:100%; margin:0 auto;float: left;}
ul#portfolio-filter li:last-child {border-right: 0px;}
ul#portfolio-filter li{background: #fff;cursor:pointer;display: inline-block;line-height: 32px;font-weight:400; color: #c1c1c1;text-transform:capitalize;padding:0 20px;font-size:15px;font-family: 'Open Sans', sans-serif;}
ul#portfolio-filter li:hover{background:#D1010D;color:#fff;}
ul#portfolio-list > li {width: 20%;float: left;overflow: hidden; position:relative;display: block;}
ul#portfolio-list > li > a {display: block;width: 100%; }
ul#portfolio-list > li:hover .gallery-title{background:#50a2de;}
ul#portfolio-list > li:hover .gallery-title p, ul#portfolio-list > li:hover .gallery-title span{color:#fff;}
ul#portfolio-list-home{width:auto; max-width:1170px; margin:0 auto}
ul#portfolio-list-home > li {width:50%;height: auto;display: block;float: left;overflow: hidden;padding-right:6px; position:relative;}
ul#portfolio-list-home > li.three-col {width:33.333%;height: auto;display: block;float: left;overflow: hidden;padding:6px 6px 0 0; position:relative;}
.filtr-item .f-single{padding-top:0}
.filtr-item .f-image .image-hover-overlay{background-color: #D1010D !important}
ul#portfolio-list .f-image .f-category{background-position:14.3% 0;}
ul#portfolio-list .portfolio-meta div:last-child { font-weight: 400; opacity: 1;  font-size: 13px; color: #555;}
.filtr-item .f-single:hover .portfolio-meta{top:50%;  zoom: 1; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
ul#portfolio-filter li.active{ background:#D1010D;color:#fff;}
#i-portfolio{width:100%;float:left;}

/* END Portfolio  */

.brand_wrap{width:100%;float:left;padding:30px 0px; text-align:center;background:#fff;}

.brands-logo-slider figure img {  width: 200px !important;}
.brands-logo-slider .slick-prev,.brands-logo-slider .slick-next {  top: 40% !important;}

.brand_wrap ul{width:100%;float:left;text-align:center;}
.brand_wrap ul li{float:left;}
.brand-logo{width:100%;float:left}
.brands-logo-slider figure img{width:auto}
.img-spacer{width:100%;float:left;background:#f7f7f7;text-align:center;}
.img-item{position:relative;top:95px;}

.footer-block .sub-title{padding:0px 0 0px 0;}
.footer_contact{width:100%; float:left;background: #eaeaea;}
.footer-block{width:100%; float:left;padding: 30px 0 60px;}
.contact-col h4{font-weight: 400; font-size: 15px; color: #d7d9da; text-transform: uppercase;margin-bottom: 5px;line-height: 20px;}
.contact-col h2{font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 28px; color: #434343; margin-bottom: 40px;}
.contact-col p{color: #3f3f3f; font-size: 15px;margin-bottom: 6px; font-weight: normal; line-height: 23px;}
.contact-side p, .contact-side p a{font-size: 15px; color: #7e7673;}
p.contact-footer-btn{margin-top:15px;}
.hrs-div{margin-top: 20px;min-height: 110px;}
.contact-col p span{color:#696666;font-size:13px; padding-left: 0px;}
.contact-col p a span:hover, .contact-side p a:hover{color:#c00000;}
.contact-col p em{float: left;    margin-right: 10px;    margin-top: 8px;}
.contact-form form input[type="submit"]{background:#D1010D;font-family: 'Open Sans', sans-serif;font-size:14px; margin-bottom:0;padding: 8px 0;width:100%;margin-top: 25px;}
/*.contact-form form input[type="submit"]:hover{background: #f7f7f7; color:#D1010D;}*/
.newsletter-form input {
  border: 1px solid #ddd;
}
/* Scroll Up */
.scrollup {z-index: 500;width: 50px;height: 50px;border-radius: 50%;opacity: 0.8;position: fixed;bottom: 50px;right: 40px;display: none;background:#D1010D;color:#fff !important;line-height:49px;font-size: 25px;text-transform: uppercase;text-align: center;font-weight: 300;}

/* Map */
#maps {width: 100%; height: 500px;overflow: hidden;}
.map-content {width: 100%;}
.inner-map {width: 100%;height: 500px;}

.footer-bottom{width:100%;float:left; padding:0 0 30px; text-align:center;padding-top:20px}
.footer_social{width:100%;float:left;margin-bottom:30px}
.footer_social ul li{width:auto; display:inline-block; margin:0 10px}
.footer_social ul li a{width: 51px; height: 51px; border:1px solid #e0e0e0; border-radius:50%; color:#a1a1a1; display:block; font: normal normal normal 24px/2 FontAwesome;text-align:center}
.footer_social ul li a:hover{opacity: 0.7;background-color:#d1010d;}
.footer_social ul{
    margin:20px 0px
}
.footer-bottom p{ color: #080808; font-size: 13px;margin-bottom:0}
.anchor{width:100%;float:left;background: #fff;}

.inner-content{width:100%;float:left;padding:180px 0 40px 0;}
.off-canvas-wrapper{overflow:hidden;}

.btn-view{width: 100%;  float: left;  text-align: center;  margin-top:50px;}
.btn-view a.button{/*text-transform: capitalize;*/ border-radius: 0px;}
.btn-view a.button:hover{background: #D1010D;}
.btn-view.mt-10 {
    margin-top:15px;
}
.top-bar ul li a.active{color: #D1010D !important;}


.comment_listview {width: 100%; float: left; padding: 0px 0 15px 0;border-bottom: 1px dotted #eee; margin-bottom: 30px;}
.comment_listview ul{width:100%; height:auto; float:left;padding-bottom:0px;}
.comment_listview ul li { width: 100%;height: auto; float: left; margin-bottom: 25px; padding: 15px 15px; border: 1px solid #eee; border-radius: 10px;}
.comment_listview ul li:nth-child(2n+2) { width: 85%;float:right}
.comment-item{width:100%; height:auto; float:left;}
.comment-image{width:70px; height:70px;border-radius:50%; float:left;border:2px solid #6ec6cd;}
.comment-image figure{padding:3px; width:auto; display:inline-block;border-radius:50%;}
.comment-image figure img{ width:100%; display:inline-block;border-radius:50%;}
.comment-content {width: auto;height: auto; padding: 0 0 0 90px;}
.comment-content h5{font-size:20px; display:inline-block; width:auto; margin:0px 22px 0px 0px; line-height:20px; float:left; font-weight:normal;text-transform:capitalize;}
.comment-content h5 a{font-size:20px; display:inline-block; width:auto;line-height:20px; float:left; font-weight:normal;}
.comment-content h5 a:hover{color:#60564D;}
.comment-content span {font-size: 12px;}
.comment-content a{float:right; color:#00CEF3; font-size:12px; font-weight:bold;}
.comment-content p{font-size:12px; margin-top:8px;margin-bottom:10px;}
.comment_listview .block-title{margin-bottom:20px;}
.comment-list{width: 100%; float: left; }
.javascptdisable {
  text-align: right;
}
.contactez-footer {
  text-align: left !important;
}
.warning-alco {
  text-align: center;
    padding: 30px 0;
}
.contact-time {
  height: 98px;
}
.contact-phone {  height: 73px;}
.footer-block .fa.fa-map-marker {
  float: left;
  padding-bottom: 40px;
}
.footer-block .fa.fa-clock-o {
  float: left;
  padding-bottom: 40px;
}
.footer-block .fa.fa-phone {
  float: left;
  margin-right: 7px;
}
.fa.fa-clock-o {
  margin-right: 7px;
}
.main .fa.fa-phone {
  margin-right: 7px;
}
.dropdown.menu.show-for-medium {
  display: block !important;
}




.map_content{width:100% ;float:left;position:relative}
#map{width:100%; height:500px; float:left; border:none; box-shadow:none;}
#googleMap {height: 100%;width: 100%;}


@charset "UTF-8";

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.contact-location {
  height: 100px;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}


.main-content{width:100%;float:left;}
.faq-question { width: 100%; float: left;}
.inner-content .sub-title{padding: 40px 0;}
.booking-container input[type="text"]{margin-bottom: 10px !important;border: 1px solid #cacaca;}
.comment-list input[type="text"] , .comment-list textarea{border: 1px solid #cacaca;}

 .is-dropdown-submenu {   
    min-width: 220px !important;  
}

.offer-images img{
    max-width:32%;
    margin-right:1%;
    margin-top:20px;
}
.accept-checkbox {
    font-size:13px
}
.align-items-center{
  align-items: center;
}
table.responsive-table.no-border td{
  border:0px !important;
}
table.responsive-table.vertical-align-top td{
  vertical-align: top;
}

/*product list view css start*/

.ecommerce-list-view .card {
    min-height:350px;
    margin-bottom:20px;
    border:1px solid #d8d8d8;
    margin: 0px 10px 15px 0px;
    height: 98%;
}
.ecommerce-list-view .card .card-body, .ecommerce-list-view .card .card-footer{
    padding:0px 15px;
}
.ecommerce-list-view .sidebar .box{
    border:1px solid #ddd;
    padding-bottom: 30px;
}
.ecommerce-list-view .sidebar .card-header h4{
    background:#D1010D;
    padding:10px;
    color:#fff;
}
.ecommerce-list-view .sidebar .accordion-title{
    padding:10px;
    font-size:18px;
    background:#fff !important;
    padding-bottom:10px;
    border: 0;
    color: #000;
}
.ecommerce-list-view .sidebar .accordion-content{
    padding:10px;
}
.sg-ecommerce-list-01 h2{
    margin-bottom:40px;
}
.ecommerce-list-view .sidebar .accordion{
    border:0;
    margin-left: 50px;
}
.ecommerce-list-view .sidebar .accordion .normal-category{
   padding: 10px;
    font-size: 18px;
    background: #fff !important;
    padding-bottom: 10px;
    border: 0;
    color: #000;
}
.ecommerce-list-view .card-header button.menu-icon {
    position:absolute;
    right:25px;
}
.ecommerce-list-view .card-header .menu-icon:after, .menu-icon:hover:after{
    background-color:#fff !important;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}  
.product-detail-view-img{
  box-shadow: 0 2px 8px 0 rgb(80 80 80 / 20%);
}
.sg-ecommerce-list-01 .cstm-page-div {
    text-align:center;
}
#categories-block ul > li{
    position:relative
}
#categories-block span.accordion-icon {
    position:absolute;
    right:10px;
    width: 30px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    cursor: pointer;
}
.subcategories-panel{
  display: none;
}
.text-decoration-none{
  text-decoration: none;
}
.flex-wrap{
  flex-wrap: wrap;
}
.produit-breadcrumb {
    text-align:end;
}
.ecommerce-list-view .search-box .input-group{
    position:relative;
}
.ecommerce-list-view .search-box .search-icon {
    position:absolute;
    top:0;
    right:0;
}
.ecommerce-list-view .search-box input{
    border:1px solid #ddd;
}

/*==========    MEDIA  QUERIES  ==========*/


@media (min-width: 768px) {
   
 .for-big-right {    float: right;}
 .mw-md-50{
   width:50%;
 }
 .d-md-flex{
   display: flex;
 }
 table.responsive-table td{
    border:1px solid #ddd;
    padding: 20px;
}
  table.responsive-table.border-none td{
    border:none;
    padding: 20px 0px; 
 }
}

@media only screen and (max-width: 1920px) and (min-width: 1601px){
    
.slider_desc {        margin-top: 245px !important;}
.slider_desc h2 {  margin-bottom: 5px;}
    
}

@media only screen and (max-width: 1600px) and (min-width: 1367px) {
.slider_desc {        margin-top: 190px !important;}
    .slider_desc h2 {  margin-bottom: 5px;}
    
    
            }


@media (max-width: 1850px) {
    .f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta{bottom:50px}
}

@media only screen and (max-width: 1850px) and (min-width: 1300px) {
.pd-zero-footer{ padding:0px;}
.zero-contact-pg{width:330px;padding: 0;}
.zero-contact-pg1{width:270px;}
}


@media (max-width: 1366px) {
    .slider_desc h2 {  margin-bottom: 5px;}
    
.slider_desc {    margin-top:155px !important;}
    .slick-prev, .slick-next {top: 55% !important; }
.f-single:hover .f-category, .t-element:hover .f-category {top: 40px;}
.f-single .portfolio-meta, .t-element .portfolio-meta{font-size:12px}
.f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta{bottom:40px}
.home_slider .slick-prev{left:0;}
.home_slider .slick-next{right:0;}
.slider_desc .t-current-out .t-current-in {font-size:80px;}
.slider_desc .spacer { margin: 164px auto 0;}
.container-video{height:auto;}
}
@media (max-width: 1365px) {
.top-bar .menu a {
    font-size: 12px;
    letter-spacing: 0;
}
}
@media (max-width: 1280px) {
    .home_slider li img , .dault-page-banner img{max-width:100%;margin-top:94px}
.f-info{padding:15px;}
.main-slider{margin-top:75px;}
.t-social ul li {padding: 0 4px;}
.main_header{padding:0 0px;}

}

@media (min-width:1024px) {
   .top-bar-left{
     padding-top: 20px !important;
   } 
    .vert-algn{
        display: flex;
align-items: center;
    
    }
.address-height {
    height: 95px;
}

.padding-desktop{
    padding-bottom: 75px !important;
}
}

@media (max-width:1024px) {
    .home_slider li img ,.dault-page-banner img {
  margin-top: 142px;
 }
    .contact-location {  height: 95px;}
.cont-map {  padding-bottom: 40px !important;}
    .contact-time {  height: 94px;}    
.slider_desc {    margin-top: 70px !important;}
    .slick-prev, .slick-next {top: 45% !important;}
    .top-bar .menu a{font-size:12px;letter-spacing: 0;}
    .top-bar-left ul li { padding: 0 7px;}
    .slider_desc .t-current-out .t-current-in{font-size:40px; line-height:55px;}
    .slider_desc h2 { font-size: 22px;margin-bottom: 0;}
    .slider_desc .spacer {margin: 80px auto 20px;}
    .slider_desc p{margin: 0 auto 20px;}
    .featured-slider a.btn-featured {font-size: 12px; padding: 8px 25px 8px; letter-spacing: 0;}
    .feature_gallery{padding:15px 0}
    .t-social{margin-top:15px;}
    .t-spacer{margin-top:10px;}
    .counter-block h1{font-size:50px;}
    .p-two{height:auto;}
    .p-image-01{position:inherit;bottom:0}
    .sl-element{width:20%;} 
    .parallax_wrap .sub-title, .p-two .sub-title { padding: 70px 0 15px 0;}
    #map{height:400px;}
    ul#portfolio-list .f-image .f-category {top: 25px;}
    .tooltip ul li{font-size:11px;}
    .tooltip{padding:15px 10px}
    .about_desc , .amazing-slider{padding:0;}
    .p-video-title{margin-top:25%;}
    
    .project-content img { width:100% !important}
    /* .project-content { width: 100%  !important;  margin: auto  !important;} */
    
}

@media (max-width:991px) {
   .mw-600{
    max-width:100%;
  }
       .vert-algn{
        display: columns;
align-items: center;
    
    }
    .contact-side {
  margin-top: 20px;
}
.counter-block h3{font-size: 14px;}
ul#portfolio-list > li { width: 33.3%;}
    
}

@media (max-width:800px) {
    .sk-container {  
    margin-left: 0px !important;}
    
    .head-social-icons {
  display:none !important;
}
    .footer-block .fa.fa-phone {  float: left;  margin-right: 5px;}
.contact-col p {font-size: 13px; margin-bottom: 6px; line-height: 25px;}
    .fa.fa-clock-o {  margin-right: 3px !important;}
.contact-col p em { margin-right: 5px;}
/*.contact-col p span{padding-left:5px}*/
.top-bar-left ul li { padding: 0 10px;}
.top-bar .menu a{font-size:13px;letter-spacing: 0;}
/*.slider_desc{top:50%;}*/
.slider_desc p { font-size: 15px; width: 530px;}
.sub-title {padding: 50px 0;}
.sub-title .blue-border{margin: 0 auto 20px;}
.feature_gallery .slick-prev{left:30%;}
.feature_gallery .slick-next{right:30%;}
.parallax_wrap{height:620px;}
.t-data {padding: 15px 10px;}
.t-social ul li a {font-size:15px; width: 25px; height: 25px; line-height: 25px;}
.img-item{top:0;}
.footer-bottom{padding:30px 0;}
.sl-element figure { width: 90px; height: 90px; line-height: 90px;}
.t-element .portfolio-meta div:last-child {font-size: 14px; text-transform: capitalize;}
ul#portfolio-list .f-image .f-category { top: 15px;}
.sl-element h3{font-size:14px}
.sk-container, .testimonial_slider{padding:0}

}

@media only screen and (min-width: 380px) and (max-width: 768px) {
 .main-slider {
    margin-top: 40px !important;
    }
    .sl-element h3{font-size:12px}
}

@media (max-width: 768px){
   
  .blog-container img{
    max-width:100% !important;
    height:auto !important;
  }
    .home_slider li img , .dault-page-banner img {
  margin-top: 204px;
 }
    .map-contact {  text-align: center;}
   .contact-side {
  margin-top: 20px;
}
    .fa.fa-clock-o {  margin-right: 2px !important;}
.slick-prev, .slick-next {      top: 57% !important; }
.contact-phone {  height: 63px;}
    
.slider_desc {    margin-top: 160px !important;}
    .javascptdisable {  text-align: center !important;}
.contactez-footer {  text-align: center !important;}
.offer-images img{
    max-width:100%;
    margin-right:1%;
    margin-top:20px;
   }
   iframe {
    max-width:100% !important;
   }
}

@media (max-width: 767px) {
  .header-top-bar {
    justify-content: center;
  }
  .team_wrap .sub-title , .our_services .sub-title{padding:40px 0 40px 0}

 
    
    #wpac-google-review {   
    margin-bottom: 15px;
}
    
    .post-body iframe {
    max-width: 100%;   
}
.post-body img {
    max-width: 100% !important;   
    margin: 0px !important;
    padding: 0px;
    }
    
    .slider_desc {  display: none;}
    
.contact-time {  height: 65px;}
    .contact-phone {  height: 95px;}
    
    .sub-title h1 {font-size: 22px; line-height:34px; margin-bottom: 22px;}
    p.lead{font-size:14px}
    .t-name{font-size:14px}
    .t-info , .testo_desc p{font-size:12px}
    .testimonial_slider li{margin-bottom:10px;}
    .contact-col h2{font-size:22px;}
    .contact-col p , .contact-col p span{font-size:11px;}
    .parallax_wrap .sub-title, .p-two .sub-title { padding: 40px 0 15px 0;}
    .parallax_wrap { height: 560px;}
}

@media (max-width: 667px) {
    .contact-phone {height: 93px;}
    .slider_desc {    margin-top: 143px !important;}
    .slider_desc ul li { font-size: 40px; line-height: 50px;}
    .slider_desc .spacer {margin: 65px auto 15px;}
    .slider_desc p { font-size: 13px; width: 400px;}
    /*.contact-col p{float:left}*/
    .footer_social ul li a {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
    .footer_social{margin-bottom:20px;}
    .home_slider .slick-prev { left: 10px; width: 40px; height: 40px; opacity: 0.5; }
    .home_slider .slick-next { right: 10px; width: 40px; height: 40px; opacity: 0.5; }
    .map-contact iframe{height:200px;}
    .contact-side p{font-size:14px;}
}

@media (max-width: 639px) {
    /*.dropdown.menu.show-for-medium {    display: none !important;}*/
#categories-block{
  display: none;
}
header{
  padding: 20px 20px 15px 20px;
}
    .contact-phone {    height: 35px;}
    .contact-time {    height: 60px;}
    .contz-mg{margin-top:0px !important;}
.title-bar { background: inherit;color: #fefefe; padding: 0;}
.primary-nav{width:100%; float:right}
.menu-icon:after , .menu-icon:hover:after{background:#000; box-shadow: 0 7px 0 #000,0 14px 0 #000;}
.top-bar{width:100%;float:left}
.top-bar-left ul li { padding:5px 0; display: block; float:none}
.top-bar-left ul li ul li { padding: 5px 10px;}
.top-bar-left ul li ul{margin:0}
    .top-bar-left h4{margin:0}
    .top-bar .menu a { line-height: 25px;}
.title-bar .menu-icon{margin:0}
.t-element , .counter-block{margin-bottom:20px;}
.counter-block h3{padding-top:10px;}
.counter-block h1 img {margin: 0 auto 0px;}
.fun-facts{padding-bottom:30px;}
.f-single{padding-top:50px;}
.feature-work, .team_wrap, .our_services{padding-bottom:40px;}
.about_content , .what_block , .footer-block{padding:40px 0}
.about_content .title h2, .what_block .title h2{padding: 10px 0 30px 0;}
.amazing-slider{margin-bottom:15px;}
.parallax_wrap { height: 520px;}
.sk-container, .testimonial_slider{margin-bottom:20px;}
.footer-block .sub-title { padding: 0px 0 40px 0;}
.contact-col h2{margin-bottom:15px;}
.contact-col p { float: none; text-align: left;}
.contact-col{text-align:left; margin-bottom:20px}
.p-video-title{font-size:30px;letter-spacing: 20px;}
.sk-container, .testimonial_slider{padding:0}
    .project-content img { width: 100% !important;}
    .ch-grid {width: 33.3% !important;}
    .hrs-div{min-height:auto;}
  .hrs-div.first-hrs-div {
      margin-top:0px;
  }
  
  .hrs-div.third-hrs-div + br {
      display:none;
  }
  .top-bar-left ul li {
      padding: 5px 20px;   
  }
  .top-bar-left .show-for-medium > li {
     border-bottom:1px solid #ddd;
  }
  .top-bar-left .is-dropdown-submenu{
      position:relative;
  }
  header{
    border-bottom:none;
  }
  header .dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    content: "\f0d7";
    font-family: FontAwesome;
    display: inline-block;
    color: #EF0012;
    margin-left: -1.3em;
    width: 1.3em;
    position:absolute;
    right:0;
    top:0;
   }


}

@media (max-width:568px) {
     .home_slider li img , .dault-page-banner img {
  margin-top: 91px !important;
 }
    .slick-prev, .slick-next {      top: 40% !important; }

.slider_desc {    margin-top: 40px !important;}
    .slider_desc ul li {font-size:30px; line-height:40px;}
    .slider_desc ul{margin:0;}
    .slider_desc .spacer {margin: 45px auto 10px;}
    .slider_desc p { font-size: 12px; width: 355px;}
    .slider_desc a.button{ padding: 10px 20px; font-size: 12px;}
    .sl-element figure {width: 70px;height: 70px; line-height: 70px;}
    ul#portfolio-filter li{margin:0 2px;font-size:12px; padding: 0 10px;}
    .ch-grid { width:50% !important;}
    .gallery img{margin-bottom:10px;}
    .inner-content{padding: 90px 0 40px 0;}
}
@media (max-width: 480px) {
   .mw-400{
     max-width:100%;
   }
    .home_slider li img , .dault-page-banner img {
  margin-top: 25px;
 }
    .slick-prev, .slick-next {      top: 50% !important; }
.slider_desc {    margin-top: 37px !important;}
    .feature_gallery .slick-prev {left: 15%;}
    .feature_gallery .slick-next {right:15%;}
    .t-list .small-6{width:100%;}
    .f-single:hover .f-category, .t-element:hover .f-category { top:20%;}
    .f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta { bottom: 40%;}
    ul#portfolio-list > li { width:50%;}
    .slider_desc ul li {font-size:15px; line-height:20px;}
    .slider_desc p { font-size: 12px; width: 280px;}
    
    .slider_desc .spacer {margin:30px auto 10px;}
    .slider_desc p { margin: 0 auto 10px;}
    .parallax_wrap {height: 410px;}
    .parallax_wrap .sub-title h4, .p-two .sub-title h4{margin-bottom:10px;}
    .sl-element figure img{width:30px;}
    
    .home_slider .slick-prev, .home_slider .slick-next{ }
    
    .parallax_wrap .sub-title h1, .fun-facts .sub-title h1, .p-two .sub-title h1{font-size:22px;}
    .fun-facts .sub-title {padding: 40px 0 0px 0;}
     .ch-grid {width:50% !important;}
}
@media (max-width:414px) {
  .mob-height-1{height: 24px;}
  .mob-height-2{height: 50px;}
  .mob-hght-30{height: 30px;}
  .hrs-div{min-height:auto;margin-bottom:10px;margin-top:50px;}
  .contact-col p{margin-bottom: 6px;line-height: 22px;}
  .contact-col p, .contact-col p span{font-size:12px;}
  .hrs-div{
    min-height:auto;
  }
  .hrs-div.first-hrs-div {
      margin-top:35px;
  }
  
  .hrs-div.second-hrs-div {
       margin-top:10px;
  }
  .hrs-div.third-hrs-div + br{
      display:none;
  }
  
  .hrs-div.fourth-hrs-div {
      margin-top:10px;
  }
}
@media (max-width:379px) {
    .home_slider li img , .dault-page-banner img{
  margin-top: 0px;
 }
    .slick-prev, .slick-next {      top: 45% !important; }

.slider_desc {    margin-top: 22px;}
    .main-slider { margin-top: 65px;}
    .slider_desc h2 {font-size: 18px;}
    .slider_desc .spacer { margin: 30px auto 0px;}
    .sub-title h1 { font-size: 22px; line-height: 34px; margin-bottom: 10px;}
    .sub-title { padding: 40px 0;}
    .about_content .title h2, .what_block .title h2{padding:10px 0}
    .about_desc p {font-size: 12px; line-height: 22px;}
    .parallax_wrap { height: 310px;}
    .sl-element figure {width: 50px; height: 50px; line-height: 50px;}
    .sl-element figure img { width: 20px;}
    .sl-element h3 { font-size: 11px;}
    .f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta { bottom: 20%;}
    ul#portfolio-filter{margin-bottom:30px;}
    ul#portfolio-filter li{ padding: 0 5px; font-size: 10px;}
    .p-video-title {font-size: 14px;letter-spacing: 12px;}
    #map{height: 300px;}
   
}

@media (max-width:320px) {
    .slick-prev, .slick-next {     display: none !important; }
.slider_desc {    margin-top: 8px;}
}

.info-project{width: 100%; float: left;margin-top: 40px;}
.tag-project{ text-align: center;  text-transform: uppercase; font-size: 12px; color: #929292; font-family: 'Open Sans', sans-serif; letter-spacing: 3px;}
.title-project {  color: #000;  font-size: 30px;  font-family: 'Open Sans', sans-serif;  margin: 5px 0 20px;  text-transform: uppercase;  text-align: center; font-weight: 300;}
.info-project .spacer { width: 100px;  height: 2px; background: #D1010D;  margin:0 auto;}
.info-project .description {  color: #646464;  font-size: 14px; font-family: 'Open Sans', sans-serif;  margin:50px 0;}

/* Portfolio */
.p-category {text-decoration: none;position: relative;  margin: 0 auto;z-index: 20; display: block; width: 44px;height: 44px;text-align: center;line-height: 44px;zoom: 1;filter: alpha(opacity=0);
    opacity: 0; background: url(../images/color-icons.png) 0 -88px no-repeat;cursor: pointer;  -webkit-transition: all 0.3s ease-in-out;   -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.ch-grid:hover .p-category {opacity: 1;}
.nav-wrapper {position: relative;}
.nav-wrapper:hover .nav-work {  opacity: 1}
.nav-work { opacity: 0; -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.nav-work div { position: absolute; top: 47%;   width: 30px;    height: 60px;   cursor: pointer;    background: url("../images/work-arrows.png") no-repeat;}
.nav-work .w-prev { left: 15px; background-position: bottom left;}
.nav-work .w-next { right: 15px;    background-position: top left; z-index: 99999;}
.w-arrows .close {  background-position: -264px bottom; border: none;borde-radius: none;}
.w-arrows .btn-next {background-position: right bottom;}
.w-arrows .btn-prev {background-position: -218px bottom;}
.w-arrows div { cursor: pointer;display: block; height: 44px;width: 44px;line-height: 32px; border: 2px solid #ddd; border-radius: 50%; text-transform: uppercase;margin: 0 10px;text-align: center;
    background: url(../images/color-icons.png) no-repeat bottom right;display: inline-block;}
.w-arrows {width: 100%;  margin: 0 auto; text-align: center; display: block;}
.w-arrows.last {margin:0px auto 150px;}
.ch-item {float: left;width: 100%;cursor: pointer;}
.ch-item img {  width: 100%;}
.ch-grid img {  opacity: 1; -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.ch-grid:hover img {opacity: 0.1;   -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.ch-grid:hover div {opacity: 1; -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.ch-grid {overflow: hidden; background-color: #D1010D;}
.ch-grid div {cursor: pointer;position: absolute;/*background: #D1010D;   background: rgba(76,221,243,0.8);*/   width: 100%;height: 100%;left:0;opacity: 0; -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;}
.ch-grid div span { display: block; padding: 0 0;margin: 20% 20px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;letter-spacing: 1px;font-size: 16px;font-weight: 400;color: #fff;text-align: center;}
.ch-grid div span span {margin: auto;   text-transform: lowercase;  font-size: 16px;    font-weight: 400;}
.ch-grid div span span.p-category { margin-bottom: 15px;}
.ch-grid div span span.cat2 {color: #555;padding: 0;font-size: 13px;text-transform: uppercase;}
#options {  width: 100%;   margin: 0 auto;  text-align: center; float: none; display: block;}
#filters{    margin-bottom: 70px;}
.folio-btn {list-style: none;background: #fff;   display: inline-block; cursor: pointer;border-radius: 3px; font-family: 'Open Sans', sans-serif;font-size: 15px;color: #c1c1c1;font-weight: 400;line-height: 32px; text-decoration: none;  margin: 0 5px 10px; -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.folio-btn:hover {  color: #fff;    -webkit-transition: all 0.2s ease-in-out;   -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.folio-btn:firt-child {margin-left: 0;}
.folio-btn:last-child { margin-right: 0;}
.folio-btn.selected {   border: none !important;    background: #D1010D !important;color: #fff !important;}
.p-roll {position: absolute;width: 100%;height: 100%;cursor: pointer;background: #D1010D;   color: #fff;opacity: 0;webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;   transition: all 0.2s ease-in-out;}
.p-roll:hover { opacity: 0.7;   -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.ch-grid {position: relative;list-style: none;    width: 14%;   float: left;}
.bottom-line {border-bottom: solid 1px #f7f7f7; width: 1180px;margin: 85px auto 0;}



/* Project Window Ajax */
.project-show {
    overflow: auto;
}
.project-window {
    width: 100%;
}
.project-content {
    width: 1180px;
    margin:0 auto;
}
.project-content img {
    /*width: 1180px;*/
    width: 400px;
}
.wrapper-project {
    overflow: hidden;
    width: 100%;
    height: auto;
}
.wrapper-project ul {
    margin: 0;
    padding: 0;

}
.wrapper-project ul li {
  float: left;
  list-style: outside none none;
  margin: 20px 0 0;
  text-align: center;
  width: 1180px;
}

.controller-2, .controller-3 {  right: 0;  position: relative;  margin: 30px 0 60px;  left: 0;}
.controller-3 {margin-top: 0;}
.controller-2 ul, .controller-3 ul {
        position: relative;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 100%;
}
.controller-2 ul li, .controller-3 ul li {
    list-style: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #eaeaea;
    background: #fff;
    display: inline-block;
    margin: 0 7px;
    cursor: pointer;
    margin: 35px 0 0 15px;
}
.controller-3 ul li {
    border: 2px solid #fff;
}
.controller-2 ul li:hover, .controller-3 ul li:hover {
    border: 2px solid #D1010D;
    background: #D1010D;
}
.controller-3 ul li.selected{border: 2px solid #D1010D !important; background: #D1010D !important;}


/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
      -ms-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}



@media only screen and (max-width: 1258px) and (min-width: 976px) {
.project-content{width: 900px !important;}
.project-content img{width: 900px !important;}
.info-project{margin-top: 0;}
.w-arrows.last { margin: 0px auto 70px;}
}
@media screen and (max-width:1024px){
    .blog-container p img{
    width:100% !important;
    height:auto !important;
}
table.responsive-table tr,table.responsive-table td{
      display:block;
    }
}


@media only screen and (min-width: 796px) and (max-width: 976px) {
.project-content {width: 700px !important;}
.project-content img{width: 700px !important;}
.controller-3{ margin: 0px;}
}

@media only screen and (min-width: 480px) and (max-width: 795px) {
.project-content{width: 400px !important;}
.project-content img{width: 400px !important;}
.info-project { margin-top: 0;}
.info-project .description{margin: 30px 0;}   
}

@media only screen and (max-width: 479px) {
.project-content{width: 300px !important;}
.project-content img{width: 300px !important;}
.info-project .description p{font-size: 14px;}
.home_slider li img{
  height: 210px;
  object-fit: cover;
}
.Bottom_Right {
    position: absolute;
    top: 80%;
    right: 6%;
}
}


@media screen and (max-width:640px){
  .search-box #product-search{
    min-width: 210px;
  }
  .dropdown.menu.show-for-medium {
    /*display: block !important;*/
  }
   .home_slider li img , .dault-page-banner img {
    margin-top: 100px;
   }
  .tooltip--fixed-width{
    right: unset;
    left: unset;
    width: 300px;
  }
  
  input#site_search_field {
      width: 100%;
  }   
  .Bottom_Center{
    top: 67% !important;
  }
  header {
      padding:0;
      padding-bottom: 10px;
  }
  .header-top-bar li {
      display:none;
  }
  .header-top-bar li:nth-child(2) {
      display:block;
  }
    
}

/*
@media (max-width:940px) { .slider_desc { top: 42%;} }

@media (max-width:768px) { .slider_desc { top: 41%;} }

@media (max-width:767px) { .slider_desc { top: 39%;} }

@media (max-width:550px) { .slider_desc { top: 37%;} }

@media (max-width:480px) { .slider_desc { top: 35%;} }

@media (max-width:320px) {.slider_desc { top: 30%;} } */

.top-bar-left {  padding-top: 5px;}
.cont-map {
    padding-bottom: 15px;
}
.cont-clock {
  padding-bottom: 45px;
}

.main.fa.fa-map-marker {  float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding-bottom: 20px;}
.contact-button {  background-color: #d1010d;color: #fff !important;  padding: 7px;}
.contact-footer-btn a { color: #fff !important;}
.main-menu-list ul li {
  color: #d1010d;
 list-style-image: url("../images/wine_bottle-red.png");
}

.contz-mg{margin-top:37px;}
.photogalleryItem img {  border: 1px solid #d8d8d8;}
.gallery table {
    border-collapse: separate;
   
}
.quiet-icon .footer_social ul li a {
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  color: #a1a1a1;
  display: block;
  font-size: 13px;
  height: 32px;
  line-height: 30px;
  width: 35px;
}

.slider_desc { display:block;}
.skill-content {
  color: #d1010d;
  list-style-type: none;
  margin-top: 40px;
}
.skill-content::before {
  content: url("../images/wine_bullet.png");
  float: left;
}
/*.progress-bar.skill-1 {
  margin-top: -29px;
}*/

.testimonial_slider {
    margin-top: 40px;
}
.blue-border-1 {
  background: #d1010d none repeat scroll 0 0;
  height: 2px;
  margin: 0 auto 50px;
  max-width: 490px;
}
.select-month-year select#ddMonth {
    width: 48%;
    margin-right: 2%;
    float: left;
}
.select-month-year select#ddYear {
    width: 50%;
}
footer .contact-form .rc-anchor-normal {
  height: 74px;
  max-width: 240px !important;
}

.blog-inline-list li a {font-size:30px;}
.blog-inline-list li{ float:left;margin-right:10px;}
.blog-inline-list li::last-child { clear:both;margin-right:5px;}
.blog-social {
    margin-bottom: 40px;
}
 .about_content .title h3,.what_block .title h3 {    
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    color: #7e7673 !important;
    padding: 10px 0 15px 0;
    margin-bottom: 0;
}
.sub-title h2.lead {
    color: #757575;
    font-weight: 300;
}
h2.lead {
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 16px;
    margin-bottom: 0;
}

.header_social ul li a {
    width: 28px;
    height: 28px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    color: #a1a1a1;
    display: block;
    line-height: 25px;
    font-size: 17px;
    margin-left: 5px;
}
.header_social ul li {
    width: auto;
    display: inline-block;
    margin: 0 5px;
}
.header_social {    
    float: right;   
}
.header_social ul li a::before {
    margin-left: 6px;
}
.head-social-icons {
    position: relative;
    width: 100%;
}
.header_social ul li a:hover {
    background-color: #D1010D;
    border: 1px solid #D1010D !important;
}
.header_social .fa.fa-facebook::before {
    margin-left: 8px !important;
}
.small-sharebtn #st-1 .st-btn > svg {
    height: 16px;
    width: 16px;
    position: relative;
    top: 4px !important;
    vertical-align: top;
}
.small-sharebtn #st-1.st-has-labels .st-btn {
    min-width: 37px !important;
}

.small-sharebtn #st-1 .st-btn {
    height: 25px !important;
}
.small-sharebtn #st-1 .st-btn > span {   
    top: -4px !important;
}

#wpac-facebook-review{
background-color: #fff !important;
width: 240px;
float: left;}

#wpac-google-review{   
width: 200px;
float: left;}

.wp-facebook-content-inner {
    display: none !important;
}
.blog-post ul li {
    color: #000 !important;
    list-style-image: url("../images/wine_bottle-red.png");
}

.blog-post ul li a {
    color: #d1010d !important;
    list-style-image: url("../images/wine_bottle-red.png");
}