@charset "utf-8";
/*------------------------------------------------------------------
Project:    Premier Vista
-------------------------------------------------------------------*/
@import "font-awesome.min.css";
@import "et-line.css";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* ==============================
   Common styles
   ============================== */
  
.align-center{ text-align:center !important; }
.align-left{ text-align:left !important;}
.align-right{ text-align:right !important; }
.left{float:left !important;}
.right{float:right !important;}
.relative{position:relative;}
.hidden{display:none;}
.inline-block{display:inline-block;}
.white{ color: #fff !important; }
.black{ color: #111 !important; }
.color{ color: #212121 !important; }
.glass{ opacity: .5; }
.italic { font-style: italic; }
.overflow { overflow: visible !important }
.l-space-1 {letter-spacing: 1px;}
.help-block {font-size: 12px; color: #3a3a3a}
.fs-12 {font-size: 12px !important}
.fs-13 {font-size: 13px !important}
.fs-14 {font-size: 14px !important}
.fs-15 {font-size: 15px !important}
.fs-16 {font-size: 16px !important}
.fs-18 {font-size: 18px !important}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}
.fw-800 {font-weight: 800 !important;}
.no-border {border: none !important;}
.opacity-7 {
    opacity: 0.7;
}
.l-border {border-left: 1px solid #ddd}
.mb--10 {margin-bottom: -10px;}
.image-fullwidth img{
    width: 100%;
}
.text-green {color: #212121 !important}
.text-purple {color: #9289b9 !important}
.position-top {
    background-position: top center !important
}
.modal-open .modal {
    padding-right: 0 !important;
}
.modal-open .o-hidden {
    overflow: hidden;
}
body.modal-open {
    padding-right: 0 !important;
    overflow: visible;
}
.stick-fixed{
    position: fixed !important;
    top: 0;
    left: 0;
}
.round{
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}
::-moz-selection{ color: #fff; background:#000; }
::-webkit-selection{ color: #fff;    background:#000; }
::selection{ color: #fff;    background:#000; }

.animate, .animate *{
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.no-animate, .no-animate *{
    -webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
    -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}

.shadow{
    -webkit-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
    box-shadow: 0px 3px 50px rgba(0, 0, 0, .15);
}
.white-shadow{
    -webkit-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
    -moz-box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
    box-shadow: 0px 0px 200px rgba(255, 255, 255, .2);
}

.clearlist, .clearlist li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
}

.full-wrapper {
    margin: 0%;
}
.full-wrapper-alt {
    margin: 0% 0 0 3%;
}
.container-fluid{
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 20px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container-1400{
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 80px;
    padding-right: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html{
    overflow-y: scroll;
    -ms-overflow-style: scrollbar;
    scroll-behavior:smooth
}
html, body{
    height: 100%;
    -webkit-font-smoothing: antialiased;
}
.page{
    overflow: hidden;
}

.body-masked{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff url(../images/loader.gif) no-repeat center center;
    z-index: 100000;    
}

.mask-delay{
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
    animation-delay: 0.75s;
}
.mask-speed{
    -webkit-animation-duration: 0.25s !important;
    -moz-animation-duration: 0.25s !important;
    animation-duration: 0.25s !important;
} 
iframe{
    border: none;
}
a, b, div, ul, li{
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent; 
    -moz-outline-: none;
}
a:focus,
a:active{
    -moz-outline: none;
    outline: none;
}
img:not([draggable]), embed, object, video{
    max-width: 100%;
    height: auto;
}



/* ==============================
   Page loader
   ============================== */


.page-loader{
    display:block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fefefe;
    z-index: 100000;    
}

.loader{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    z-index: 100001;
}

.spinner {
  margin: 0px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #D49539;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}


/* ==============================
   Typography
   ============================== */

body{
    color: #111;
    font-size: 14px;
    font-family: "Lato", sans-serif;
    line-height: 1.6;    
    -webkit-font-smoothing: antialiased;
}

a{
    color: #111;
    text-decoration: none;
}
a:hover{
    color: #888;
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
    margin-bottom: 1.3em;
    line-height: 1.4;
    font-weight: 400;
   
}
h1{
    font-size: 32px;
}
h2{
    font-size: 28px;
}
h6{
    font-weight: 700;
}
p{
    margin: 0 0 2em 0;
}
ul, ol{
    margin: 0 0 1.5em 0;
}
dl dt{
    margin-bottom: 5px;
}
dl dd{
    margin-bottom: 15px;
}
pre{
    background-color: #f9f9f9;
    border-color: #ddd;

}
hr{
    background-color: rgba(255,255,255, .08);
}
hr.white{
    background: rgba(255,255,255, 1);
    height: 1px;
}
hr.black{
    border-color:rgba(190, 190, 190, .35);
    background: rgba(190, 190, 190, .35);
}
hr.green{
    border-color:rgba(121, 209, 206, .9);
    background: rgba(121, 209, 206, .9);
}
.uppercase{
    text-transform: uppercase;
}
.font-alt{
    font-family: "Lato", sans-serif;
}
.normal{
    font-weight: normal;
}
.strong{
    font-weight: 700 !important;
}
.lead{
    margin: 1em 0 2em 0;
    font-size: 140%;
    line-height: 1.6;
}
.text{        
    font-size: 16px;
    font-weight: 300;
    color: #5f5f5f;
    line-height: 1.8;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6{
    color: #111;
}

.dropcap{
    float: left;
    font-size: 3em;
    line-height: 1;
    padding: 2px 8px 2px 0;    
}


.big-icon{
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
    border: 3px solid #fff;
    text-align: center;
    line-height: 88px;
    font-size: 32px;
    color: rgba(255,255,255, .97);
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.big-icon .fa-play{
    position: relative;
    left: 4px;
}
.big-icon.big-icon-rs{
    border: none;
    width: auto;
    height: auto;
    font-size: 96px;
}

.big-icon-link{
    display: inline-block;
    text-decoration: none;
}
.big-icon-link:hover{
    border-color: transparent !important;
}
.big-icon-link:hover .big-icon{
    border-color: #fff;
    color: #fff;
    
    -webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
    -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}
.big-icon-link:active .big-icon{
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -o-transform: scale(0.99);
    -ms-transform: scale(0.99);
    transform: scale(0.99);
}

.wide-heading{
    display: block;
    margin-bottom: 10px;
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 0.4em;    
    text-align: center;
    text-transform: uppercase;
    opacity: .9;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.big-icon-link:hover,
.big-icon-link:hover .wide-heading{
    color: #fff;
    text-decoration: none;
}
.sub-heading{
    font-size: 16px;
    font-style: italic;
    text-align: center;
    line-height: 1.3;
    color: rgba(255,255,255, .75);
}

.big-icon.black{
    color: #000;
    border-color: rgba(0,0,0, .75);
}
.big-icon-link:hover .big-icon.black{
    color: #000;
    border-color: #000;
}
.wide-heading.black{
    color: rgba(0,0,0, .87);
}
.big-icon-link.black:hover,
.big-icon-link:hover .wide-heading.black{
    color: #000;
    text-decoration: none;
}
.sub-heading.black{
    color: rgba(0,0,0, .75);
}



/* ==============================
   Buttons
   ============================== */
  
.btn-mod,
a.btn-mod{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 13px;
    color: #fff;
    background: rgba(34,34,34, .9);
    border: none;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 0.5px;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
   -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus{
    color: rgba(255,255,255, .85);
    background: rgba(0,0,0, .7);
    text-decoration: none;
    outline: none;
    border-color: transparent;    
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-mod:active{
    cursor: pointer !important;
    outline: none !important;
}
.login-signup .btn-mod.btn-small {
    padding: 10px 30px;
}
.btn-mod.btn-small-xs{
    height: auto;
    padding: 5px 25px;
    font-size: 16px;
    letter-spacing: 0.5px;
} 
.btn-mod.btn-small{
    height: auto;
    padding: 8px 40px;
    font-size: 16px;
    letter-spacing: 0.5px;
} 
.btn-mod.btn-medium{
    height: auto;
    padding: 14px 30px;
    font-size: 14px;
} 
.btn-mod.btn-medium-sm{
    height: auto;
    padding: 12px 35px;
    font-size: 14px;
}
.btn-mod.btn-large{
    height: auto;
    padding: 12px 45px;
    font-size: 13px;
} 

.btn-mod.btn-glass{
    color: rgba(255,255,255, .75);
    background: rgba(0,0,0, .40);
}
.btn-mod.btn-glass:hover,
.btn-mod.btn-glass:focus{
    color: rgba(255,255,255, 1);
    background: rgba(0,0,0, 1);
}
.header-border-btn {
    border-radius: 12px;
    border: 1px solid #D49539;
    padding: 6px 25px;
    font-size: 14px;
    font-weight: 400;
    height: auto !important;
    margin-top: 28px;
    display: flex !important;
    align-items: center;
    gap: 10px;
    line-height: normal !important;
}
.btn-mod.btn-border{
    background-color: #fff;
    border: 1px solid #D49539;
    border-radius: 8px;
    color: #333;
}
.btn-mod.btn-border:hover,
.btn-mod.btn-border:focus{
    color: #212121 !important;
    border-color: transparent;
    background: #FBE1B8;
}

.btn-mod.btn-border-c{
    color: #010101;
    border: 1px solid #010101;
    background-color: #212121;
}
.btn-mod.btn-border-c:hover,
.btn-mod.btn-border-c:focus{
    color: #333;
    background: #212121;
    box-shadow: 0 15px 27px -16px rgb(11 11 11 / 40%)
}

.btn-mod.btn-border-w{
    color: #fff;
    border: 2px solid rgba(255,255,255, .75);
    background: transparent;
}
.btn-mod.btn-border-w:hover,
.btn-mod.btn-border-w:focus{
    color: #111;
    border-color: transparent;
    background: #fff;
}

.btn-mod.btn-w{
    color: #333;
    background: #fff;
    border:1px solid #333;
}
.btn-mod.btn-w:hover,
.btn-mod.btn-w:focus{
    color: #333;
    background: #212121;
    box-shadow: 0 15px 27px -16px rgb(11 11 11 / 40%)
}

.btn-mod.btn-w-color{
    color: #e41919;
    background: #fff;
}
.btn-mod.btn-w-color:hover,
.btn-mod.btn-w-color:focus{
    color: #151515;
    background: #fff;
}
.btn-mod.btn-theme{
    color: #58595b;
    border: 1px solid #58595b;
    background: #212121;
}
.btn-mod.btn-theme:hover,
.btn-mod.btn-theme:focus{
    color: #333;
    background: #212121;
    box-shadow: 0 15px 27px -16px rgb(11 11 11 / 40%)
}
.btn-mod.btn-color{
    color: #212121;
    transition: all 0.5s;
    background: #D49539;
    background: -webkit-linear-gradient(to right, #E7B25D, #D49539, #E7B25D, #D49539);
    background: linear-gradient(to right, #E7B25D, #D49539, #E7B25D, #D49539);
}
.btn-mod.btn-color:hover,
.btn-mod.btn-color:focus{
    color: #fff;
    box-shadow: inset 0 0 0 2em #D49539;
    border-color: #D49539;
    background: #D49539;
    background: -webkit-linear-gradient(to right, #E7B25D, #D49539, #E7B25D, #D49539);
    background: linear-gradient(to right, #E7B25D, #D49539, #E7B25D, #D49539);
}
.btn-mod.btn-circle{
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.btn-mod.btn-round{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.btn-icon{
    position: relative;
    border: none;
    overflow: hidden;
}
.btn-icon.btn-small{
    overflow: hidden;
}
.btn-icon > span{
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    left: 0;
    color: #777;
    font-size: 48px;
    opacity: .2;
    
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.btn-icon:hover > span{
    opacity: 0;
    
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
.btn-icon > span.white{
    color: #fff;
}
.btn-icon > span.black{
    color: #000;
}
.btn-full{
    width: 100%;
}


/* ==============================
   Forms fields
   ============================== */

.form label span {
    color: #949494;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select{
    display: inline-block;
    height: 42px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0px;
    color: #000;
    border: none;
    background-color: #e1e1e1;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.form select{
    font-size: 15px;
    padding: 4px 15px;
}
.form select[multiple]{
    height: auto;
}
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="number"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="password"]:hover,
.form input[type="date"]:hover,
.form input[type="color"]:hover,
.form select:hover{
    border-color: rgba(0,0,0, .2);
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form input[type="date"]:focus,
.form input[type="color"]:focus,
.form select:focus{
    color: #111;
    border-color: rgba(0,0,0, .7);
    
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, .3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0, .3);
    box-shadow: 0 0 3px rgba(0,0,0, .3);
    outline: none;
}
.form input[type="text"].input-lg,
.form input[type="email"].input-lg,
.form input[type="number"].input-lg,
.form input[type="url"].input-lg,
.form input[type="search"].input-lg,
.form input[type="tel"].input-lg,
.form input[type="password"].input-lg,
.form input[type="date"].input-lg,
.form input[type="color"].input-lg,
.form select.input-lg{
    height: 46px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
}
.form input[type="text"].input-md,
.form input[type="email"].input-md,
.form input[type="number"].input-md,
.form input[type="url"].input-md,
.form input[type="search"].input-md,
.form input[type="tel"].input-md,
.form input[type="password"].input-md,
.form input[type="date"].input-md,
.form input[type="color"].input-md {
    height: 37px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
}
.form input[type="text"].input-sm,
.form input[type="email"].input-sm,
.form input[type="number"].input-sm,
.form input[type="url"].input-sm,
.form input[type="search"].input-sm,
.form input[type="tel"].input-sm,
.form input[type="password"].input-sm,
.form input[type="date"].input-sm,
.form input[type="color"].input-sm,
.form select.input-sm{
    height: 31px;
    padding-left: 10px;
    padding-right: 10px;
}
.form textarea{
    font-size: 15px;
    font-weight: 400;
    text-transform: none !important;
    letter-spacing: 0px;
    color: #000;
    border: none;
    background-color: #F1F1F1;
    outline: none;
    padding-top: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.form textarea:hover{
    border-color: rgba(0,0,0, .2);
}
.form textarea:focus{
    color: #111;
    border-color: rgba(0,0,0, .7);
    -webkit-box-shadow: 0 0 3px rgba(21,21,21, .3);
    -moz-box-shadow: 0 0 3px rgba(21,21,21, .3);
    box-shadow: 0 0 3px rgba(21,21,21, .3);
}
.form-inner-container {
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
    height: 100%;
}
.filters .custom-filter {
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 10px 25px;
}
.filters .input-md {
    border-radius: 35px;
    border: solid 1px #d8d8d8;
    padding: 5px 18px;
    color: #333333;
    height: 45px;
    text-transform: none;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 16px;
}
.filters select {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.filters .selectDiv {
  position: relative;
}
.filters .selectDiv:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #333333;
    border-width: 0px 1px 1px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
    z-index: 2;
    width: 8px;
    height: 8px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    pointer-events: none;
}
.form .form-group{
    margin-bottom: 20px;
}
.form .form-group label {
    margin-bottom: 5px;
}
.form input.error{
    border-color: #e41919;
}
.form div.error{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(228,25,25, .75);
    color: #fff;
}
.form div.success{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(50,178,95, .75);
    color: #fff;
}
.form-tip{
    font-size: 11px;
    color: #aaa;
}
.form-tip .fa{
    font-size: 12px;
}
/* ==============================
   Home sections
   ============================== */
  
/*
 * Header common styles
 */

.home-section{
    width: 100%;
    display: block;    
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.left-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
}
.right-top-overlay {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}
.home-content{
    display: table;
    width: 100%;
    height: 100%;
    text-align: left;
}


/* Home content */

.home-content{
    position: relative;
}
.home-text{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.home-banner {
    text-align: center;
    padding-top: 210px;
}
.l-big {
    font-size: 180px;
    color: #fff;
    line-height: 180px;
}
/* Scroll down icon */

@-webkit-keyframes scroll-down-anim {
    0%{ bottom: 2px; }
    50%{ bottom: 7px; }
    100%{ bottom: 2px; }
}
@-moz-keyframes scroll-down-anim {
    0%{ bottom: 2px; }
    50%{ bottom: 7px; }
    100%{ bottom: 2px; }
}
@-o-keyframes scroll-down-anim {
    0%{ bottom: 2px; }
    50%{ bottom: 7px; }
    100%{ bottom: 2px; }
}
@keyframes scroll-down-anim {
    0%{ bottom: 2px; }
    50%{ bottom: 7px; }
    100%{ bottom: 2px; }
}

.scroll-down{
    width: 40px;
    height: 40px;
    margin-left: -20px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    text-align: center;
    text-decoration: none;
    
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 

}

.scroll-down:before{
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    margin: 0 0 0 -10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background: #fff;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    
    z-index: 1;
}

.scroll-down:hover:before{
    opacity: .6;
}


.scroll-down-icon{
    display: block;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    position: absolute;
    left: 50%;
    bottom: 4px;
    color: #111;
    font-size: 15px;

    -webkit-animation: scroll-down-anim 1s infinite;
    -moz-animation: scroll-down-anim 1s infinite;
    -o-animation: scroll-down-anim 1s infinite;
    animation: scroll-down-anim 1s infinite; 
    
   
   z-index: 2;
}


/*
 * HTML5 BG VIdeo
 */

.bg-video-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
} 
.bg-video-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.bg-video-wrapper video{
    max-width: inherit;
    height: inherit;
    z-index: 0;
} 
a.bg-video-button-muted{
    position: absolute;
    bottom: 0;
    left: 15px;    
    font-size: 28px;
    color: #fff;  
    opacity: .75;    
    z-index: 1000;
}

/* 
 * Headings styles
 */

.hs-wrap{
    margin: 0 auto;
    position: relative;
    text-align: center;    
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}

.hs-wrap-1{
    max-width: 350px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.banner-desc {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400;
    color: #ffffff !important;
}
.hs-line-1{
    margin-top: 0;
    position: relative;
    text-transform: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    letter-spacing: 0px;
    color: #ffffff !important;
}
.hs-line-2{
    margin-top: 0;
    position: relative;
    font-size: 58px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0em;
    line-height: 1.2;
    color: #f6ae26;
}
.hs-line-3{
    margin-top: 0;
    position: relative;
    text-transform: none;
    font-size: 32px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -1px;
    color: #fff;
}
.hs-line-4{
    margin-top: 0;
    position: relative;
    font-size: 28px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #333333;
}
.hs-line-4 span img {
    margin-left: 10px;
    margin-top: -2px
}
.hs-line-4 .count {
    font-size: 15px;
    font-family: "Lato", sans-serif;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    color: #333333;
    text-transform: uppercase;
}
.hs-line-5 {
    margin-top: 0;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: 0em;
    color: #333333
}
.hs-line-5 span {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    color: #333333
}
.hs-line-6{
    margin-top: 0;
    position: relative;
    text-transform: none;
    font-size: 85px;
    line-height: 75px;
    font-weight: 100;
    letter-spacing: -4px;
    color: #bcb2e9;
}
.hs-line-6.no-transp{
    opacity: 1;
}
.hs-line-7{
    margin-top: 0;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0px;
    line-height: 1.2;
}
.hs-line-7.adjust {
    padding: 0 10px;
}
.hs-line-8{
    margin-top: 0;
    position: relative;
    font-size: 45px;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: -2px;
    line-height: 1.2;
}
.hs-line-9 {
    margin-top: 0;
    position: relative;
    font-size: 20px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: -1px;
    color: #212121;
    line-height: 1.2;
}
.hs-line-10{
    margin-top: 0;
    display: inline-block;
    position: relative;
    padding: 15px 24px;
    background: rgba(0,0,0, .75);
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(255,255,255, .85);
}
.hs-line-10 > span{
    margin: 0 10px;
}
.hs-line-10.highlight{
    background: #e41919;
    opacity: .65;
}
.hs-line-10.transparent{
    background: none;
    color: #aaa;
    padding: 0;
}
.hs-line-11{
    margin-top: 0;
    position: relative;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    line-height: 1.8;
    opacity: .9;
}
.hs-line-12{
    margin-top: 0;
    position: relative;
    font-size: 80px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.4em;
}
.hs-line-13{
    margin-top: 0;
    position: relative;
    font-size: 96px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}
.hs-line-14{
    margin-top: 0;
    position: relative;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.7em;
}
.hs-line-15{
    margin-top: 0;
    position: relative;
    font-size: 36px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1.3;
}
.no-transp{
    opacity: 1 !important;
}

.fullwidth-galley-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 25;
}

/* ==============================
   Classic menu bar
   ============================== */

.nav-logo-wrap{
    text-align: left;
    margin-top: 10px;
    margin-right: 0px;
}
.nav-logo-wrap .logo{
    vertical-align: middle;
    max-width: 180px;
    height: 89px;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.nav-logo-wrap .logo:before,
.nav-logo-wrap .logo:after{
    display: none;
}
/*
 * Desktop nav
 */

.main-nav{
    width: 100%;
    height: 85px !important;
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    background: rgba(255,255,255, .97);
    
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.05);
    box-shadow:  0 1px 0 rgba(0,0,0,.05);
    
    z-index: 1030;
    
    -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

.small-height{
    height: 75px !important;
}
.small-height .nav-logo-wrap {
    margin-top: 10px;
}
.small-height .nav-logo-wrap .logo img{
    max-width: 210px;
}
.inner-nav{
    display: block;
    position: relative;
    float: none;
    text-align: center;
}
.inner-nav ul{
    float: right;
    margin: auto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: none;
    text-align: center;
    line-height: 1.3;
}
.inner-nav ul li {
    float: left;
    margin-right: 0;
    padding: 0 30px;
    position: relative;
}
.inner-nav ul li a{
    color: #6D6D6D;
    letter-spacing: 0px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.inner-nav ul li a:hover {
    color: #2D2D2D;
}
.inner-nav ul li a.active{
    color: #2D2D2D;
    font-weight: 700;
    position: relative;
    background-color: transparent;
    text-decoration: none;
}
.inner-nav ul li a.active::after {
    position: absolute;
    width: 100%;
    content: "";
    left: 0;
    right: 0;
    bottom: 20px;
    height: 2px;
    background-color: #D49539;
    border-radius: 5px;
    transition: 0.6s;
}
.login-nav {
    float: right !important;
    margin-right: 0px;
}
.login-nav ul li:last-child {
    padding-right: 0;
}
.cart-count {
    position: absolute;
    color: #fff;
    right: 7px;
    top: 5px;
    font-size: 12px;
    font-weight: 500;
}
/* Menu sub */

.mn-sub{
    display: none;
    width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    background: rgba(30,30,30, .97);
}
.mn-sub li{
    display: block;
    width: 100%;
    margin: 0 !important;
}
.inner-nav ul li .mn-sub li a{
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.3 !important;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 11px 15px;
    font-size: 13px;
    text-align: left;
    text-transform: none;    
    border-left: none;
    border-right: none;
    letter-spacing: 0;
    color: #b0b0b0 !important;
    cursor: pointer;
}

.mobile-on .mn-has-multi > li:last-child > a{
    border-bottom: 1px solid rgba(255,255,255, .065) !important;
}

.mn-sub li a:hover,
.inner-nav ul li .mn-sub li a:hover,
.mn-sub li a.active{
    background: rgba(255,255,255, .09);
    color: #f5f5f5 !important;
}

.mn-sub li ul{
    left: 100%;
    right: auto;
    top: 0;
    border-left: 1px solid rgba(255,255,255, .07);
}
.inner-nav > ul > li:last-child .mn-sub,
.inner-nav li .mn-sub.to-left{
    left: auto;
    right: 0;
}
.inner-nav li:last-child .mn-sub li ul,
.inner-nav li .mn-sub li ul.to-left{
    left: auto;
    right: 100%;
    top: 0;
    border-left: none;
    border-right: 1px solid rgba(255,255,255, .07);
}
.mobile-on .inner-nav li:last-child .mn-sub li ul{
    left: auto;
    right: auto;
    top: 0;
}

.mn-wrap{
    padding: 8px;
}

/* Menu sub multi */

.mn-has-multi{
    width: auto !important;
    padding: 15px;
    text-align: left;
    white-space: nowrap;
}
.mn-sub-multi{
    width: 190px !important;
    overflow: hidden;
    white-space: normal;
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
}
.mn-sub-multi > ul{
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
}
.mn-group-title{
    font-weight: 700;
    text-transform: uppercase;
    color: #fff !important;
}
.mn-group-title:hover{
    background: none !important;
}

.mobile-on .mn-sub-multi > ul{
    left: auto;
    right: auto;
    border: none;
}
.mobile-on .mn-sub-multi{
    display: block;
    width: 100% !important;
}


.mobile-on .mn-sub-multi > ul > li:last-child > a{
    border: none !important;
}
.mobile-on .mn-sub > li:last-child > a{
    border: none !important;
}
.mobile-on .mn-sub-multi:last-child > ul{
    border-bottom: none !important;
}

/*
 * Mobile nav
 */

.mobile-on .desktop-nav{
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0 15px;
    
    z-index: 100;    
}
.mobile-on .full-wrapper .desktop-nav{
    padding: 0;
}


.mobile-on .desktop-nav ul{
    width: 100%;
    float: none;
    background: rgba(18,18,18, .97);
    position: relative;
    overflow-x: hidden;
}
.mobile-on .desktop-nav > ul{
    overflow-y: auto;
}
.mobile-on .desktop-nav ul li{
    display: block;
    float: none !important;
    overflow: hidden;
}
.mobile-on .desktop-nav ul li ul{
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255, .1);
}
.mobile-on .desktop-nav ul li a{
    display: block;
    width: 100%;
    height: 38px !important;
    line-height: 38px !important;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    text-align: left;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255, .065);
    color: #999;
    letter-spacing: 1px;
    cursor: pointer;
}
.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active{
    background: rgba(255,255,255, .03);
    color: #ddd;
}

/* Menu sub */

.mobile-on .mn-has-sub > .fa{
    display: block;
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -8px;
    text-align: center;
    border: 1px solid rgba(255,255,255, .1);
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.mobile-on .js-opened > .mn-has-sub > .fa{
    border-color: rgba(255,255,255, .4);
    line-height: 14px;
}
.mobile-on .inner-nav li{
    margin: 0 !important;
}
.mobile-on .mn-sub{
    display: none;
    opacity: 0;
    position: relative;
    left: 0 !important;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: none !important;
    border-right: none !important;
    border-top: none ;
    z-index: 10;
}
.mobile-on .mn-sub li{
    padding-left: 10px;
}


.inner-nav li.js-opened .mn-sub{
    opacity: 1;
}


.mobile-nav{
    display: none;
    float: right;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    border-left: 1px solid rgba(0,0,0, .05);
    border-right: 1px solid rgba(0,0,0, .05);
    cursor: pointer;
    
    -webkit-user-select: none;  
    -moz-user-select: none;     
    -ms-user-select: none;     
    -o-user-select: none;
    user-select: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property:  background, color;
}
.mobile-nav:hover,
.mobile-nav.active{
    background: #fff;
    color: #777;
}
.mobile-nav:active{
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
    -moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
    box-shadow: 0 0 35px rgba(0,0,0,.05) inset;
}
.no-js .mobile-nav{
    width: 55px;
    height: 55px;
}
.mobile-on .mobile-nav{
    display: table;
}
.mobile-nav .fa{
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 21px;
    color: #000;
}

/* Menu sub multi */

.mobile-on .mn-has-multi{
    width: auto;
    padding: 0;
    text-align: left;
    white-space: normal;
    
}
.mobile-on .mn-sub{
    width: 100%;
    float: none;
    position: relative;
    overflow-x: hidden;
}

/*
 * Dark panel style
 */

.main-nav.dark{
    background-color: #fff;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:  none;
}
.main-nav.dark.small-height {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.main-nav.dark.small-height .inner-nav ul > li > a {
    color: #333333
}
.main-nav.dark .mobile-nav{
    background-color: transparent;
    border-color: transparent;
    color: rgba(255,255,255, .9);
}
.main-nav.dark .mobile-nav:hover,
.main-nav.dark .mobile-nav.active{
    color: #fff;
}

.main-nav.mobile-on.dark .inner-nav{
    border-top: 1px solid rgba(100,100,100, .4);
}
.main-nav.dark .mn-sub{    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:  none;
}
.main-nav.dark .mn-soc-link{
    border: 1px solid rgba(255,255,255, .2);
}
.main-nav.dark .mn-soc-link:hover{
    border: 1px solid rgba(255,255,255, .3);
}

/*
 * Transparent panel style
 */

.main-nav.transparent{
    background: transparent !important;
}
.main-nav.js-transparent{
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

/* 
 * Centered menu 
 */
.mn-centered{
    text-align: center;
}
.mn-centered .inner-nav{
    float: none;
}
.mn-centered .inner-nav > ul{
    float: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.mn-centered .inner-nav > ul > li:first-child{
    margin-left: 0;
}
.mn-centered .mobile-nav{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
/* 
 * Aligned left menu 
 */
.mn-align-left{

}
.mn-align-left .inner-nav{
    float: none;
    width: 100%;
}
.mn-align-left .inner-nav > ul{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.mn-align-left .inner-nav > ul > li:first-child{
    margin-left: 0;
}
.mn-align-left .mobile-nav{
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/* ==============================
   Fullscreen menu
   ============================== */
 
 .fm-logo-wrap{
    position: absolute;
    top: 30px;
    left: 30px;
    height: 54px;
    z-index: 1030;
}
.fm-logo-wrap .logo{
    display: block;
    max-width: 200px;
    position: relative;
    top: 50%;  
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
} 

/* Active menu button */

.fm-button.active{
    background: #222;
    z-index: 2001;
}
.fm-button.active span{
    background: transparent;
}
.fm-button.active span:before{ 
    top: 0;   
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fm-button.active span:after{    
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); 
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Menu wrapper */

.fm-wrapper{
    display: none;
    width: 500px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 80px 65px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #4f2825;
    z-index: 2000;
    
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.fm-wrapper-sub{
    display: table;
    width: 100%;
    height: 100%;
    opacity: 0;
}
/* Scrollbar Styling */
.fm-wrapper::-webkit-scrollbar {
    width: 10px;
}
 
.fm-wrapper::-webkit-scrollbar-track {
    background-color: #4f2825;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.fm-wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #411210; 
}
.fm-wrapper-sub.js-active{
    opacity: 1;
}

.fm-wrapper-sub-sub{
    display: table-cell;
    text-align: center;
    vertical-align: top;
}
.fm-menu-links,
.fm-menu-links ul{
    margin: 0;
    padding: 10px 0;
    line-height: 1.3;
    text-align: left;
}
.fm-menu-links ul.fm-sub{
    padding: 0;
}
.fm-menu-links a{
    display: block;
    position: relative;
    margin: 0;
    padding: 12px 0px;
    font-size: 25px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    
    -webkit-tap-highlight-color: rgba(255,255,255, .1); 
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
    z-index: 11;
}
.no-touch .fm-menu-links a:hover,
.fm-menu-links a:active,
.fm-menu-links li.js-opened > a{
    color: #f6ae26;
    text-decoration: none;
}
.fm-menu-links li{
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}

.fm-menu-links li > a:active,
.fm-menu-links li.active > a,
.fm-menu-links li a.active{
    color: #f6ae26;
}
.fm-menu-links li.js-opened:before{
    display: none;
}
.no-touch .fm-menu-links li.js-opened > a:hover,
.fm-menu-links li.js-opened > a:active{
    color: #fff;
}
.fm-header {
    display: flex;
    padding-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}
.fm-header .title {
    opacity: 0.6;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #fff;
}
.fm-has-sub{
    
}
.fm-has-sub .fa{
    font-size: 14px;
}
.js-opened > .fm-has-sub > .fa{
    color: #fff;
}
.fm-sub{
    display: none;
    opacity: 0;
    position: relative;
}
.fm-sub > li > a{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 400;
}

.fm-menu-links li.js-opened .fm-sub{
    opacity: 1;
}
.fm-search{
    width: 320px;
}
.fm-search input.search-field{
    background: transparent;
    color: #555;
    text-align: center;
    border: none;
    border-bottom: 1px solid rgba(255,255,255, .2);
}
.fm-search input.search-field:hover{
    border: none;
    border-bottom: 1px solid rgba(255,255,255, .4);
}
.fm-search input.search-field:focus{
    color: #999;
    border-color: rgba(255,255,255, .7);
}
.fm-search .search-button:hover{
    color: #fff;
}
.menu-element-pista {
    position: absolute;
    top: 70%;
    left: 0;
}
.menu-element-nut {
    position: absolute;
    top: 25%;
    right: 50px;
}
/* Social links */

.fm-social-links{
    padding: 10px;
    font-size: 14px;
    text-align: center;
}
.fm-social-links > a{
    display: inline-block;
    margin: 0 2px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border: 1px solid rgba(255,255,255, .15);
    text-align: center;    
    text-decoration: none;
    color: #555;
    
    -webkir-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.fm-social-links > a:hover{
    border-color: rgba(255,255,255, .3);
    color: #999;
}

/* ==============================
   Sections styles
   ============================== */
.page-section,
.small-section{
    width: 100%;
    display: block;    
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    padding: 140px 0;
}
.small-section{
    padding: 70px 0;
}
.small-title{
    padding: 0;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.3em;
}
.section-icon{
    margin-bottom: 7px;
    text-align: center;
    font-size: 32px;
}
.small-title .serif{
    text-transform: none;
    font-weight: 400;
}
.small-title.white{
    color: #fff;
}
.bg-header {
    background: #fff3dd; 
    background: -webkit-linear-gradient(to top, #ffffff, #fff3dd);
    background: linear-gradient(to top, #ffffff, #fff3dd);
}
.bg-scroll{
    background-attachment: scroll !important;
}
.bg-pattern{
    background-repeat: repeat;
    background-size: auto;
}
.bg-pattern-over:before,
.bg-pattern-over .YTPOverlay:after{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat;
    background-size: auto;
    background-image: url(../images/pattern-bg-2.png);
}
.bg-theme{
    background-color: #552623;
}
.bg-gray-lighter{
    background-color: #f5f5f5;
}
.img-rounded img {
    border-radius: 15px;
}
.bg-dark,
.bg-dark-lighter,
.bg-dark-alfa-30,
.bg-dark-alfa-50,
.bg-dark-alfa-70,
.bg-dark-alfa-90,
.bg-dark-alfa,
.bg-color,
.bg-color-lighter,
.bg-color-alfa-30,
.bg-color-alfa-50,
.bg-color-alfa-70,
.bg-color-alfa-90,
.bg-color-alfa{
    color: #fff;
}
.bg-dark a,
.bg-dark-lighter a,
.bg-dark-alfa-30 a,
.bg-dark-alfa-50 a,
.bg-dark-alfa-70 a,
.bg-dark-alfa-90 a,
.bg-dark-alfa a,
.bg-color a,
.bg-colorlighter a,
.bg-color-alfa-30 a,
.bg-color-alfa-50 a,
.bg-color-alfa-70 a,
.bg-color-alfa-90 a,
.bg-color-alfa a{
    color: rgba(255,255,255, .8);
    padding-bottom: 3px;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.bg-dark a:hover,
.bg-dark-lighter a:hover,
.bg-dark-alfa-30 a:hover,
.bg-dark-alfa-50 a:hover,
.bg-dark-alfa-70 a:hover,
.bg-dark-alfa-90 a:hover,
.bg-dark-alfa a:hover,
.bg-color a:hover,
.bg-color-lighter a:hover,
.bg-color-alfa-30 a:hover,
.bg-color-alfa-50 a:hover,
.bg-color-alfa-70 a:hover,
.bg-color-alfa-90 a:hover,
.bg-color-alfa a:hover{
    color: rgba(255,255,255, 1);
    text-decoration: none;
}
.bg-color .text,
.bg-color-lighter .text,
.bg-color-alfa-30 .text,
.bg-color-alfa-50 .text,
.bg-color-alfa-70 .text,
.bg-color-alfa-90 .text,
.bg-color-alfa .text,
.bg-color .section-text,
.bg-color-lighter .section-text,
.bg-color-alfa-30 .section-text,
.bg-color-alfa-50 .section-text,
.bg-color-alfa-70 .section-text,
.bg-color-alfa-90 .section-text,
.bg-color-alfa .section-text{
    color: rgba(255,255,255, .75);
}
.bg-color .white,
.bg-color-lighter .whitet,
.bg-color-alfa-30 .white,
.bg-color-alfa-50 .white,
.bg-color-alfa-70 .white,
.bg-color-alfa-90 .white,
.bg-color-alfa .white{
    color: #fff;
}
.bg-dark{
    background-color: #333333;
}
.bg-dark-lighter{
    background-color: #252525;
}
.bg-dark-alfa:before,
.bg-dark-alfa .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(17,17,17, .97);
}
.bg-dark-alfa-30:before,
.bg-dark-alfa-30 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34,34,34, .3);
    z-index: 99;
}
.bg-dark-alfa-50:before,
.bg-dark-alfa-50 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34,34,34, .5);
}
.bg-dark-alfa-70:before,
.bg-dark-alfa-70 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(17,17,17, .7);
}
.bg-dark-alfa-90:before,
.bg-dark-alfa-90 .YTPOverlay:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(3,3,3, .9);
}
.bg-orange{ background-color: #f47631 !important; }
.bg-yellow{  background-color: #ffce02 !important; }
.bg-purple-dark{ background-color: #bcb2e9 !important; }
.color-purple {
    color: #bcb2e9
}
.bg-green{ background-color: #e7fffa !important; }
.bg-green .section-title {
    color: #82ccbc
}
.bg-green .btn-mod.btn-color {
    color: #333;
    border: 1px solid #333;
    background: #82ccbc;
}
.bg-pink{ background-color: #fff5fc !important; }
.bg-pink .section-title {
    color: #ea94d4
}
.bg-pink .btn-mod.btn-color {
    color: #333;
    border: 1px solid #333;
    background: #ea94d4;
}
.bg-purple{ background-color: #f6f4ff !important; }
.bg-purple .section-title {
    color: #bcb2e9
}
.bg-purple .btn-mod.btn-color {
    color: #333;
    border: 1px solid #333;
    background: #c4b9f1;
}
.bg-red{ background-color: #e13939 !important; }

.section-title {
    font-size: 38px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -1px;
    color: #212121;
}
.link {
    color: #D49539;
    text-decoration: underline;
    font-size: 13px;
    font-weight: 400;
}
.section-title.l-70 {
    line-height: 70px
}
.section-title span {
    font-size: 170px;
    line-height: 125px;
    font-weight: 500;
}
.section-title-alt {
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0px;
    color: #212121;
}
.section-more{
    margin-top: 7px;
    color: #999;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.4em;
    text-decoration: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.section-more:hover{
    text-decoration: none;
    color: #000;
 
}
.section-more .fa{
    font-size: 12px;
}

.section-heading {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5em;
    line-height: 1.3;
}
.section-line{
    width: 55px;
    height: 1px;
    margin: 30px auto;
    background: #111;
}
.section-text{
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #404040;
}
.section-text p {
    margin-bottom: 15px;
}
.section-text h4 {
    margin-top: 0;
    font-family: 'DM Serif Display', serif;
    position: relative;
    font-size: 28px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #333333;
    margin-bottom: 20px;
}
.section-text h5 {
    margin-top: 0;
    font-family: 'DM Serif Display', serif;
    position: relative;
    font-size: 20px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #333333;
    margin-bottom: 20px;
}
.section-text blockquote{
    margin-top: -5px;
}
.section-bot-image{
    margin: 140px 0 -140px;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0); 
}
.image-fullwidth img{
    width: 100%;
}

/* Breadcrumbs */

.mod-breadcrumbs{
    margin-top: -5px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.4em;
    text-decoration: none;
    text-transform: uppercase;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.mod-breadcrumbs span{
    opacity: .65;
}
.mod-breadcrumbs a{
    text-decoration: none;

}
.mod-breadcrumbs a:hover{
    text-decoration: none; 
}
.mod-breadcrumbs .fa{
    font-size: 12px;
}
.mod-breadcrumbs-mini{
    text-align: left;
}

.home-bot-image{
    width: 100%;
    position: absolute;
    bottom:0;
    left: 0;
    text-align: center;
}

.fixed-height-large,
.fixed-height-medium,
.fixed-height-small{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fixed-height-large{
    min-height: 800px;
}
.fixed-height-medium{
    min-height: 700px;
}
.fixed-height-small{
    min-height: 500px;
}
.bg-bottom {
    background-position: bottom center
}

/*
 * Split section
 */

.split-section{
    width: 100%;
    display: block;    
    position: relative;
    overflow: hidden;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.split-section-headings{    
    width: 50%;
    position: relative;
    overflow: hidden;
    text-align: center;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.ssh-table{
    width: 100%;
    min-height: 500px;
    display: table;
}
.ssh-cell{
    display: table-cell;    
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.split-section-content{
    width: 50%;
    position: relative;
    overflow: hidden;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.split-section-wrapper{
    padding: 0 80px;
}

/* ==============================
   Contact Item
   ============================== */

.contact-item{
    color: #606060;
    font-size: 15px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    -webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.contact-item.b-border{
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
/* ==============================
   Other Item
   ============================== */
.other-item{
    margin: 0;
    position: relative;
    padding-left: 125px;
    padding-top: 0px;
    
    -webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.other-icon{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.other-icon img {
    border-radius: 15px;
}
.other-title {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #333333;
    margin-bottom: 10px;
}
.other-sub-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
    margin-bottom: 10px;
}
/* ==============================
   Features
   ============================== */

.features-item{
    padding: 15px 65px 15px 15px;
}
.features-icon{
    font-size: 48px;
    line-height: 1.3;
    color: rgba(255,255,255, .9);
}
.features-title{
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: rgba(255,255,255, .9);
}

.features-descr{
    font-size: 15px;
    font-weight: 300;
    color: rgba(255,255,255, .75);
}

.features-icon.black{
    color: rgba(0,0,0, .9);
}
.features-title.black{
    color: rgba(0,0,0, .9);
}
.features-descr.black{
    color: rgba(0,0,0, .75);
}



/* ==============================
   Alt features
   ============================== */
.alt-features-item{
    margin-top: 0px;
    padding: 45px;
}
.alt-features-icon{
    margin-bottom: 20px;
}
.alt-features-title{
    font-size: 28px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    margin-bottom: 20px;
}
.alt-features-descr {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #404040;
}

/* ==============================
   Alt features New
   ============================== */
.core-features-item{
    margin-top: 0px;
    padding: 0px;
}
.core-features-icon{
    margin-bottom: 20px;
}
.core-features-title{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.29;
    letter-spacing: normal;
    color: #212121;
    margin-bottom: 20px;
}
.core-features-descr {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #404040;
}

/* ==============================
   Benefits
   ============================== */

.benefits-grid{
    margin: 0 0 -40px -20px;
    text-align: center;
    vertical-align: top;
}
.benefit-item{
    display: inline-block;
    width: 264px;
    margin: 0 0 40px 20px;
    padding: 15px;
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    cursor: default;
}
.benefit-number{
    width: 100%;
    position: absolute;
    top: 0;
    left: -50px;
    font-size: 120px;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    color: rgba(0,0,0, .025);
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.benefit-icon{
    position: relative;
    margin-bottom: 6px;
    font-size: 32px;
}
.benefit-title{
    position: relative;
    margin: 0 0 17px 0;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
}
.benefits-descr{
    position: relative;
    font-size: 13px;
    font-weight: 300;
    color: #777;
}

.benefit-item:after{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0, .015);    
    opacity: 0;    
    
    -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.benefit-item:hover:after{
    opacity: 1;    
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.benefit-item:hover .benefit-number{
    color: rgba(0,0,0, .035);
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
}

/* ==============================
   Banner section
   ============================== */

.banner-section{
    overflow: visible;
    border-bottom: 1px solid transparent;
}
.banner-heading{
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: rgba(255,255,255, 0.9);
}

.banner-decription{
    margin-bottom: 35px;
    font-size: 15px;    
    font-weight: 300;
    color: rgba(255,255,255, .7);
}

.banner-image{
    margin: -40px 0 0 0;
    text-align: right;
}
.banner-image img{
    
}


/* ==============================
   Testimonial
   ============================== */

.testimonial{
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
}
.testimonial-author h3 {
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    margin-bottom: 10px;
}
.testimonial-author p {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0
}
.testimonial-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.testimonial-img .author-img img {
    border-radius: 100%;
    border: 15px solid #fce5ba;
}
.testi-quote {
    position: absolute;
    right: 100px;
    top: 15px;
}
/*
 * Logotypes
 */

.logo-item{
    height: 80px;
    text-align: center;
    opacity: .75;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    
}
.logo-item:hover{
    opacity: 1;
}
.logo-item img{
    position: relative;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}



/* ==============================
   Post previews
   ============================== */

.post-grid{
    
}
.post-prev-img{
    margin-bottom: 23px;
    position: relative;
}
.post-prev-img a{
    -webkit-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.2s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-prev-img a:hover{
    opacity: .85;
}
.post-prev-img img{
    width: 100%;
    border-radius: 20px;
}
.post-prev-title{
    font-size: 28px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #333333;
    margin-bottom: 15px;
}
.post-prev-title a{
    color: #777;
    text-decoration: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-prev-title a:hover{
    color: #111;
}
.post-prev-info,
.post-prev-info a{
    font-size: 15px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    color: #333333;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.post-prev-info a:hover{
    color: #111;
}
.post-prev-text {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
}
.post-prev-text a {
    color: #f6ae26;
}


/* ==============================
   Newsletter
   ============================== */

.newsletter-label{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}
.form input.newsletter-field{
    max-width: 293px;
}
.form input.newsletter-field:hover{
    
}
.form input.newsletter-field:focus{
    
}
.form input.newsletter-field::-webkit-input-placeholder{
    color: #777;
}
.form input.newsletter-field:focus::-webkit-input-placeholder{
    color: #111;
}

.form input.newsletter-field:-moz-placeholder{
    color: #777;
}
.form input.newsletter-field:focus:-moz-placeholder{
    color: #111;
}

.form input.newsletter-field::-moz-placeholder{
    color: #777;
}
.form input.newsletter-field:focus::-moz-placeholder{
    color: #111;
}

.form input.newsletter-field:-ms-input-placeholder{
    color: #777;
}
.form input.newsletter-field:focus:-ms-input-placeholder{
    color: #111;
}

/*
 * Contact form
 */

.cf-left-col{
    width: 49.4%;
    float: left;
    margin-right: 1.2%;
}
.cf-right-col{
    width: 49.4%;
    float: left;
}
.contact-form .form-group{
    margin-bottom: 10px;
}



/* ==============================
   Google maps 
   ============================== */

.google-map{
    position: relative;
    background: #111;
}
#map-canvas{    
    height: 410px;
    position: relative;
    background-color: #111 !important;
    z-index: 1;
}
.gm-style-cc{
    display: none !important;
}
.gm-style-iw div{
    color: #777;
}
.map-section{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 !important;
    background: rgba(17,17,17, .93);
    z-index: 2;
    cursor: pointer;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.map-section:hover{
    background: rgba(17,17,17, .90);
}
.map-toggle{
    width: 200px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -100px;
    color: #fff;
    text-align: center;
}
.mt-icon{
    width: 27px;
    height: 27px;
    line-height: 27px;
    margin: 6px auto 25px;
    position: relative;
    color: #111;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.mt-icon:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    
}
.mt-icon i,
.mt-icon span{
    position: relative;
}
.mt-text{
    margin-left: 12px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: rgba(255,255,255, .75);
}
.mt-close{
    display: none;
}

/* Map opened */

.map-section.js-active{
    height: 50px;
    background: rgba(17,17,17, .75);
}
.map-section.js-active:hover{
    background: rgba(17,17,17, .85);
}
.map-section.js-active .mt-icon{
    opacity: 0;
}
.map-section.js-active .mt-text{
    position: relative;
    top: -20px;
}


/* ==============================
   Footer
   ============================== */
.footer-bg {
    background-color: #191919
}
.footer .form-control {
    width: 100%;
    height: 48px !important;
    border-radius: 12px !important;
}
.goto-top {
    position: absolute;
    top: 0%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}
.goto-top .desc{
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    margin-bottom: 5px;
}
.goto-top .arrow {
    border-radius: 50px;
    width: 60px;
    height: 61px;
    line-height: 55px;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 20px 46px 0 rgba(0, 0, 0, 0.11);
    background-color: rgba(45, 39, 38, 0.8);
}
.footer .section-text{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #fff;
}
.footer .section-text a{
    font-size: 16px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #fff;
}
.footer-text {
    border-top: 1px solid #BEB8B8;
}

.footer .color:hover {
    color: #fff !important
}
.footer .inner-padding {
    padding-right: 50px;
}
.footer-copy {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}
.footer-copy a {
    color: #fff;
    transition: all 0.5s;
}
.footer-copy a:hover {
    color: #D49539;
}
.footer-made {
    color: #bba8a7;
    font-size: 16px;
    font-weight: 300;
    text-align: right;
}
.footer-made a{
    color: #ffc500;
}
.footer-links {
    color: #fff;
    opacity: 0.6;
}
.footer-links a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: right;
    padding: 0 10px;
    transition: all 0.5s;
}
.contact-us .footer-social-links a {
    color: #333;
}
.footer-social-links{
    font-size: 22px;
    text-align: right;
}

.footer-social-links a{
    width: 30px;
    height: 30px;
    color: #211212;
    line-height: 30px !important;
    position: relative;
    margin: 0 6px;
    background-color: #D49539;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.footer-social-links a i,
.footer-social-links a span{
    position: relative;
    top: 0;
    left: 0; 
}
.footer-social-links a:before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    
}
.footer-social-links a:hover{
    opacity: 0.8;
}

/*
 * Pagination
 */

.pagination{
    font-size: 13px;
    font-family: "Lato", sans-serif;
}
.pagination a{
    display: inline-block;
    min-width: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    padding: 7px 14px;
    border: 1px solid #eaeaea;
    color: #999;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.pagination .fa{
    margin-top: 1px;
    font-size: 16px;
}
.pagination a:hover{
    text-decoration: none;
    border-color: #bbb;
    color: #444;
}
.pagination a.active,
.pagination a.active:hover{
    border-color: #bbb;
    color: #444;
    cursor: default;
}
.pagination a.no-active,
.pagination a.no-active:hover{
    border-color: #efefef;
    color: #bbb;
    cursor: default;
}
.comment-item {
    padding-top: 30px !important;
    font-size: 16px;
    line-height: 1.44;
    font-weight: 500;
    letter-spacing: normal;
    color: #333333;
    overflow: hidden;
}
.comment-item  p {
    margin-bottom: 10px;
}
.comment-item:first-child{
    padding-top: 0;
    border-top: none;
}
.comment-item-data {
    margin: 0 0 10px;
    display: flex;
    justify-content: space-between;
}
.comment-item-data .date {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.64;
    letter-spacing: 0.93px;
    color: #333333;
}
.comment-item-data .star-rating {
    color: #333333;
    font-weight: 500;
    font-size: 16px;
}
.comment-item-data .star-rating i {
    font-size: 18px;
    color: #f6ae26
}
.comment-item-data .star-rating .inactive {
    color: #333333;
    opacity: 0.5
}
.comment-item-data a{
    color: #777;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.comment-item-data a:hover{
    color: #000;
    text-decoration: none;
}
.comment-author{
    display: block;
    margin-right: 0px;
    font-size: 20px;
    font-weight: 500; 
    color: #333333
}
.footer-about {
    padding-right: 30px;
}
.sidebar{
    margin-top: 10px;
}
.widget{
    margin-bottom: 0px;
}
.widget .img-left{
    margin: 0 10px 10px 0;
}
.widget .img-right{
    margin: 0 0 10px 10px;
}
.widget-title{
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.14px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.widget-title-alt{
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
    color: #fff;
    text-transform: none;
    margin-bottom: 15px;
}
.widget-body{
    font-size: 13px;
    color: #777;
}
.widget-body ul {
    margin: 0;
    padding: 0
}
.widget-body ul li {
    list-style: none;
    text-align: left;
    padding: 5px 0;
}
.widget-body ul li:first-child {
    padding-top: 0
}
.widget-body ul li a {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.14px;
    text-align: left;
    color: #fff;
    transition: all 0.5s;
}
.widget-body ul li a:hover {
    color: #f6ae26
}
.widget-text{
    line-height: 1.7;
}
.widget-body .input-group {
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
    border-radius: 30px;
}
.widget-body .form-control {
    background-color: transparent;
    border-radius: 30px;
    border: none;
    font-size: 15px;
    padding: 10px 30px;
    height: 60px;
    color: #fff;
}
.widget-body .form-control::-webkit-input-placeholder{
    color: #fff;
    opacity: 0.6;
}
.widget-body .form-control:focus::-webkit-input-placeholder{
    color: #fff;
    opacity: 0.6;
}
.widget-body .form-control:-moz-placeholder{
    color: #fff;
    opacity: 0.6;
}
.widget-body .form-control:focus:-moz-placeholder{
    color: #fff;
    opacity: 0.6;
}
.widget-body .form-control::-moz-placeholder{
    color: #fff;
    opacity: 0.6;
}
.widget-body .form-control:focus::-moz-placeholder{
    color: #fff;
    opacity: 0.6;
}
.widget-body .form-control:-ms-input-placeholder{
    color: #fff;
    opacity: 0.6;
}
.widget-body .form-control:focus:-ms-input-placeholder{
    color: #fff;
    opacity: 0.6;
}
.widget-body .input-group>.input-group-append>.btn {
    border-radius: 30px;
}
.widget.inner-padding {
    padding-left: 60px;
}
.widget-body .btn-mod.btn-medium {
    padding: 12px 35px;
}
.widget-member {
    border-radius: 12px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    background-color: #2b364f;
    position: relative;
    margin-top: 50px;
    padding: 25px 120px 25px 25px
}
.widget-member-icon {
    position: absolute;
    top: -38px;
    right: 0
}
.widget-member-details p {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}

/* Search widget */

.search-wrap{
    position: relative;
}
.search-wrap .actions {
    position: absolute;
    right: 0;
    top: 30px;
}
.search-field{
    width: 100% !important;
    height: 85px !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 24px;
    font-weight: normal;
    line-height: 0.96;
    letter-spacing: normal;
    color: #333333;
    opacity: 0.8; 
    padding: 22px 50px;
}
.search-field:hover,
.search-field:focus {
    outline: 0;
    box-shadow: 0;
    border: none;
}
.search-button{
    width: 42px;
    height: 40px;
    line-height: 38px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    left: 0px;    
    overflow: hidden;
    background: transparent;
    border: none;
    outline: none;
    color: #999;
    font-size: 14px;
}
.search-button:hover{
    color: #232323;
}
.search-button:hover + .search-field{
    border-color: #fff;
}
.searchModal .modal-dialog {
    max-width: 100% !important;
    margin: 100px auto
}
.searchModal .modal-content {
    border-radius: 0px;
}
/* Widget menu */

.widget-menu{
    font-size: 13px;
}
.widget-menu li{
    padding: 5px 0;
    
}
.widget-menu li a{
    color: #555;
    text-decoration: none;
    padding-bottom: 2px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-menu li a:hover,
.widget-menu li a.active{
    color: #999;
}
.widget-menu li small{
    font-size: 11px;
    color: #aaa; 
}


/* Widget tags */

.tags{
    
}
.tags a{
    display: inline-block;
    margin: 0 2px 5px 0;
    padding: 5px 7px;
    border: 1px solid #e9e9e9;
    color: #777;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.tags a:hover{
    text-decoration: none;
    border-color: #333;
    color: #111;
}

/* Comments */
.widget-comments{
    color: #aaa;
}
.widget-comments li{
    padding: 12px 0;
    border-bottom: 1px dotted #eaeaea;
}
.widget-comments li a{
    color: #555;
    text-decoration: none;
    
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-comments li a:hover{
    color: #999;
}


/* Posts */
.widget-posts{
    color: #aaa;
}
.widget-posts li{
    font-size: 12px;
    padding: 12px 0;
    border-bottom: 1px dotted #eaeaea;
}
.widget-posts li a{
    font-size: 13px;
    display: block;
    color: #555;
    text-decoration: none;
    
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.widget-posts li a:hover{
    color: #999;
}
.widget-posts-img{
    float: left;
    margin: 0 7px 0 0;
}
.widget-posts-descr{
    overflow: hidden;
}


/* ==============================
   Shortcodes
   ============================== */

.margin-block{
    margin-bottom: 30px;
}


/*
 * Owl Carousel
 */

.owl-carousel{
    overflow: hidden;
}
.owl-buttons{
    position: static;
}
.owl-prev,
.owl-next{
    opacity: 0;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 20px;
    text-align: center;
    color: #333333;
    
    z-index: 6;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-prev{
    left: 0px;
}
.owl-next{
    right: 0px;
}
.owl-prev:before,
.owl-next:before{
    content: "";
    display: block;
    width: 66%;
    height: 66%;
    position: absolute;
    top: 17px;
    left: 0;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-next:before{
    left: auto;
    right: 0;
}
.owl-prev .fa,
.owl-next .fa{
    position: relative;
}
.owl-prev:hover,
.owl-next:hover{    
    -webkit-transition: 0 none !important;  
    -moz-transition: 0 none !important;  
     -ms-transition: 0 none !important;
    -o-transition: 0 none !important;    
    transition:0 none !important;  
}
.owl-prev:hover:before,
.owl-next:hover:before{
    opacity: 0.87;
}
.owl-prev:active:before,
.owl-next:active:before{    
    opacity: 0.6;
}
.owl-carousel:hover .owl-prev{
    opacity: 1;
    left: 0px;
}
.owl-carousel:hover .owl-next{
    opacity: 1;
    right: 0px;
}
.owl-pagination{
    display: block;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 0;
    text-align: center;
}
.item-carousel .owl-page {
    display: block;
}
.item-carousel.owl-carousel {
    overflow: visible;
}
.owl-page{
    display: inline-block;
    padding: 6px 4px;
    position: relative;
}
.owl-page span{
    width: 5px;
    height: 15px;
    display: block;
    background: #d8d8d8;
    position: relative;
    z-index: 1000 !important;
    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.owl-page:hover span{
    background: #f6ae26;
}
.owl-page.active span{    
    box-shadow: 1px 2px 4px 0 rgba(246, 174, 38, 0.81);
    background-color: #f6ae26;
    -webkit-transform: scale(1.3333333);
    -moz-transform: scale(1.3333333);
    -o-transform: scale(1.3333333);
    -ms-transform: scale(1.3333333);
    transform: scale(1.3333333);
}
.fullwidth-slider .owl-page span {
    width: 5px;
    height: 5px;
    display: block;
    background: #d8d8d8;
}
.fullwidth-slider .owl-page:hover span{
    background: #f6ae26;
}
.fullwidth-slider .owl-page.active span{    
    box-shadow: none;
    background-color: #f6ae26;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -o-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}
.item-carousel .owl-prev{
    left: -73px;
    top: 50px;
    opacity: 1;
}
.item-carousel .owl-next{
    right: auto;
    opacity: 1;
    left: -73px;
    top: auto;
}
section:hover .item-carousel.owl-carousel .owl-prev{
    opacity: 1;
    left: -73px;
}
section:hover .item-carousel.owl-carousel .owl-next{
    opacity: 1;
    left: -73px;
    right: auto;
}
.item-carousel{
    margin-bottom: -50px;
    padding-bottom: 50px;
}
.item-carousel .owl-pagination{
    bottom: 0;
    left: -70px;
    top: 50px;
}
.work-full-slider .owl-pagination,
.content-slider .owl-pagination{
    bottom: 15px;
}

.black-arrows .owl-prev,
.black-arrows .owl-next{
    color: #fff;
}
.black-arrows .owl-prev:before,
.black-arrows .owl-next:before{
        background: rgba(0,0,0, 1);
}



/*
 * Tabs
 */

.tpl-tabs{
    border-color: #e5e5e5;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;    
}
.tpl-tabs > li > a{
    text-decoration: none;
    color: #777;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.tpl-tabs > li > a:hover{
    background-color: #f5f5f5;
}
.tpl-tabs li.active a{
    color: #000;
}
.tpl-tabs-cont{
    padding: 30px 0;
    color: #777;
    line-height: 1.8;
}

/*
 * Tabs minimal
 */

.tpl-minimal-tabs{
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;    
    border: none;
}
.tpl-minimal-tabs > li{
    padding: 0 30px;
    background: none !important;
}
.tpl-minimal-tabs > li > a{
    padding: 6px 20px 5px;
    text-decoration: none;
    color: #000;
    background: none;
    border: 1px solid transparent;
    
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.tpl-minimal-tabs > li > a:hover{
    background: none;
    border-color: #e9e9e9;
    color: #777;
}
.tpl-minimal-tabs li.active a,
.tpl-minimal-tabs li.active a:hover{
    border: 1px solid #222 !important;
    background: none !important;
    color: #000;
    cursor: default;
}
.tpl-minimal-tabs-cont{
}


/*
 * Tabs Alternative
 */

.tpl-alt-tabs{
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.4em;    
    border: none;
}
.tpl-alt-tabs > li{
    width: 215px;
    display: inline-block;
    vertical-align: top;
    float: none;    
    padding: 0;    
    background: none !important;
    
}
.tpl-alt-tabs > li > a{
    text-decoration: none;
    color: #a3a3a3;
    background: none !important;
    border: none !important;
    
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
}
.tpl-alt-tabs > li > a:hover{
    background: none;
    color: #111;
}
.tpl-alt-tabs li.active a,
.tpl-alt-tabs li.active a:hover,
.tpl-alt-tabs li.active a:focus{
    cursor: default;
    color: #111;
}
.alt-tabs-icon{
    display: block;
    margin-bottom: 12px;
    font-size: 48px;
    letter-spacing: 0;
}
.tpl-minimal-tabs-cont{
}


/*
 * Alert messages
 */

.alert{
    margin: 10px auto 10px;
    padding: 14px 20px; 
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    border: 1px solid #ddd;
    font-size: 15px;
    letter-spacing: 0px;
    text-transform: none;
    color: #212121;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
}
.success{
    border-color: #a9e2c2;
    color: #36a367;
}
.info{
    border-color: #9ecdfc;
    color: #297ad3;
}
.notice{
    border-color: #f9ce75;
    color: #e9a00a;
}
.error{
    border-color: #ffbbbb;
    color: #e33131;
}
.accordion > dt{
    margin-bottom: 0px;
    text-transform: none;
    letter-spacing: 0em;
}
.accordion > dt > a{
    display: block;
    position: relative;
    text-decoration: none;
    padding: 10px 0px;
    border-bottom: solid 0.5px #cbcbcb;
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion > dt > a:hover{
    text-decoration: none;
    border-bottom: solid 0.5px #cbcbcb;
    background-color: #fcfcfc;    
    color: #000;
}
.accordion > dt > a.active{
    color: #212121;
    border-bottom: solid 0.5px #cbcbcb;
    background-color: transparent;
}
.accordion > dt > a:after{
    content: "\f106";
    font-family: 'FontAwesome';
    margin-top: -14px;
    font-size: 18px;
    color: #212121;
    position: absolute;
    top: 50%;
    right: 10px;
    speak: none;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after{
    content: "\f107";
    font-family: 'FontAwesome';
    color: #212121;
}
.accordion > dt > a:hover:after{
    color: #f6ae26;
}
.accordion > dd{
    margin-bottom: 10px;
    padding-top: 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #605553;
}


/*
 * Toggle
 */
.toggle {
    border-bottom: solid 0.5px #333333;
}
.general-tabs .toggle {
    border-bottom: none;
}
.general-tabs .toggle > dt {
    font-size: 22px;
}
.general-tabs .toggle > dt > a {
    border-top: none;
    border-bottom: solid 0.5px #333333;
}
.general-tabs .toggle > dt:last-child a {
    border-bottom: solid 0.5px #333333;
}
.general-tabs .toggle > dt > a:hover{
    text-decoration: none;
    border-top: none;
    background-color: #fcfcfc;    
    color: #000;
}
.general-tabs .toggle > dt > a.active{
    color: #000;
    border-bottom: none;
    background-color: transparent;
}
.toggle > dt {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 500;
    text-transform: none;
    color: #212121;
    letter-spacing: 0em;
}
.toggle > dt > a {
    display: block;
    position: relative;
    text-decoration: none;
    padding: 18px 0px;
    border-bottom: solid 1px #707070;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt:last-child a {
    border-bottom: solid 1px #333333;
}
.toggle > dt > a:hover{
    text-decoration: none;
    border-bottom: solid 1px #333333;
    color: #212121;
}
.toggle > dt > a.active{
    color: #212121;
    border-bottom: solid 0.5px #333333;
}
.toggle > dt > a:after{
    content: "";
    background-image: url('../images/icons/plus.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    right: 10px;
    speak: none;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after{
    content: "";
    background-image: url('../images/icons/minus.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 4px;
    color: #333333;
    margin-top: 0;
}
.toggle > dt > a:hover:after{
    color: #f6ae26;
}
.toggle > dd {
    margin-bottom: 10px;
    padding-top: 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.47;
    letter-spacing: normal;
    color: #404040;
}

/*
 * Progress bars
 */

.tpl-progress{
    margin-top: 10px;
    margin-bottom: 50px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    overflow: visible;
    height: 2px;
    background: #f0f0f0;
    
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.tpl-progress .progress-bar{
    padding-top: 2px;
    position: relative;
    overflow: visible;
    background-color: #222;
    font-size: 11px;
    color: #000;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tpl-progress .progress-bar > span{
    display: inline-block;    
    min-width: 24px;
    height: 24px;
    padding: 0 3px;
    position: absolute;
    top: 0px;
    right: -5px;

    text-align: center;
    line-height: 23px;
    letter-spacing: 0;
    
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

}
.progress-color .progress-bar{
    background-color: #e41919;
    color: #e41919;
}
.progress-color .progress-bar > span{
    background-color: #e41919;
    color: #fff;
}

/* Alt bar */
.tpl-progress-alt{
    background: #f2f2f2;
    
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.tpl-progress-alt .progress-bar{
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    overflow: visible;
    background-color: #222;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.highlight pre{
    border-color: #eaeaea;
    background: #fcfcfc;
    color: #555;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/*
 * Font icons examples
 */

.fa-examples{
    color: #555;
    margin-left: 1px;
}
.fa-examples > div{
    padding: 0;
    border: 1px solid #e5e5e5;
    margin: -1px 0 0 -1px;
    font-size: 13px;
}
.fa-examples > div:hover{
    background: #f0f0f0;
    color: #000;
}
.fa-examples > div > i{
    display: inline-block;
    margin-right: 5px;
    min-width: 40px;
    min-height: 40px;
    border-right: 1px solid #f1f1f1;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
}
.fa-examples > div > .muted{
    margin-left: 5px;
    color: #999;
    font-size: 12px;
}
.fa-sm{
    width: 20px;
    font-size: 14px;
}

.et-examples{
    color: #555;
    margin-left: 1px;
    vertical-align: middle;
}
.et-examples .box1{
    display: block;
    width: 33%;
    float: left;
    padding: 0;
    border: 1px solid #e5e5e5;
    margin: -1px 0 0 -1px;
    font-size: 13px;
}
@media only screen and (max-width: 1024px) {
    .et-examples .box1{
        width: 50%;
    }
}
@media only screen and (max-width: 480px) {
    .et-examples .box1{
        width: 100%;
    }
}
.et-examples .box1:hover{
    background: #f8f8f8;
    color: #111;
}
.et-examples .box1 > span{
    display: inline-block;
    margin-right: 5px;
    min-width: 70px;
    min-height: 70px;
    border-right: 1px solid #f1f1f1;
    line-height:70px;
    text-align: center;
    font-size: 32px;
}

/* ==============================
   Intro page
   ============================== */

.intro-image{
    width:100%;
}
.intro-label{
    position: absolute;
    top:7px;
    right: 10px;
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.label-new{
    background: #f32929;
    color: white;
    padding: 2px 3px;
    font-size: 9px;
    font-weight: 700; 
    text-transform: uppercase;
    letter-spacing: 1px;
}
.label-for-button{
    position: absolute;
    top: -5px;
    right: -5px;
}
.intro-label-round{
    width: 50px;
    height: 50px;
    position: absolute;
    top:-5px;
    right: -5px;
    color: rgba(255,255,255, .85);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    line-height: 50px;
    background: #f32929;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/* ==============================
   Special demos
   ============================== */

/*
 * Magazine
 */

.magazine-logo-text{
   margin-top: 0;
    position: relative;
    font-size: 25px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1.8;
}

.blog-posts-carousel-item{
    padding-bottom: 20px;
}
.blog-posts-carousel-item .post-prev-title,
.blog-posts-carousel-item .post-prev-info{
    padding: 0 10px;
}

.blog-post-prev-small{
    color: #aaa;
    font-size: 12px;
    padding: 12px 0;
    border-top: 1px dotted #eaeaea;
}

.blog-post-prev-small a{
    font-size: 13px;
    display: block;
    color: #555;
    text-decoration: none;
    
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.blog-post-prev-small a:hover{
    color: #999;
}

.blog-posts-carousel-alt li img{
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.blog-posts-carousel-alt li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    
    -webkit-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 5s cubic-bezier(0.000, 0.000, 0.580, 1.000);    
    
}
.blog-slide-info{
    width: 100%;
    padding: 30px 30px 30px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: rgba(255,255,255, .75);
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
    
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
    background-color: rgba(0, 0, 0, 0);
    
    background: rgba(0,0,0, .65);
}
.blog-slide-title{
    margin-bottom: 6px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}
.blog-slide-title a{
    display: block;
    color: rgba(255,255,255, .85);
    text-decoration: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.blog-slide-title a:hover{
    color: rgba(255,255,255, 1);
}
.blog-slide-data{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
.blog-slide-data a{
    color: rgba(255,255,255, .65);
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.blog-slide-data a:hover{
    color: rgba(255,255,255, 1);
    text-decoration: none;
}

/*
 * Landing
 */

.play-video-link{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: #111;
}
.play-video-link:hover,
.play-video-link:focus{
    color: #777;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.play-video-link .fa{
    vertical-align: middle;
}

.download-button{
    display: inline-block;
    position: relative;
    padding: 13px 20px 13px 55px;
    border: 2px solid #111;
    text-align: left;
    text-decoration: none;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.download-button:hover,
.download-button:focus{
    text-decoration: none;
    color: #111;
    opacity: .6;
}
.db-icon{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
}
.db-title{
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
}
.db-descr{
    display: block;
    font-size: 11px;
    color: #777;
    font-weight: 400;
}

/*
 * Photography 1
 */

.fullwidth-slideshow{
    cursor: grab;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.fullwidth-slideshow-pager-wrap{
    cursor: default;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 60px 0 20px 0;
    
    z-index: 25;
    
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
    background-color: rgba(0, 0, 0, 0);
}
.fullwidth-slideshow-pager-wrap .owl-item{
    opacity: .7;
    -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.fullwidth-slideshow-pager-wrap .owl-item:hover{
    opacity: 1;
}
.fullwidth-slideshow-pager-wrap .owl-item.synced{
    opacity: 1;
}
.fsp-item{
    margin: 0 2px;
    cursor: pointer;
}
.fsp-item:active{
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -o-transform: scale(0.98);
    -ms-transform: scale(0.98);
    transform: scale(0.98);
}
.fsp-item img{
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -border-radius: 2px;
    
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .75);
}


/*
 * Photography 2
 */

.side-panel-is-left{
    margin-left: 270px;
}
.sp-overlay{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(10,10,10, .85);
    cursor:crosshair;
    
    z-index: 1030;
}
.side-panel{
    position: fixed;
    top: 0;
    left: 0;
    width: 270px;
    height: 100%;
    padding-bottom: 60px;
    overflow-y: auto;
    color: rgba(255,255,255, .65);
    background: #151515;
    text-align: center;
    
    z-index: 1031;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-close-button{
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255,255,255, .5);
    opacity: .5;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
   
    
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg); 
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sp-close-button:hover{
    opacity: .75;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg); 
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sp-close-button:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width:14px;
    height: 2px;
    margin: -1px 0 0 -7px;
    background: #fff;
}
.sp-close-button:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width:2px;
    height: 14px;
    margin: -7px 0 0 -1px;
    background: #fff;
}

/* Responsive menu button */

.sp-button{
    display: none;
    position: fixed;
    top: 20px;
    left: 20px;
    width: 54px;
    height: 54px;
    background: #111;
    opacity: .85;
    text-indent: -12345px;
    z-index: 1030;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
    -webkit-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: opacity 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sp-button:hover{
    opacity: 1;
}
.sp-button span{
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -11px;
    
    -webkit-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sp-button span:before,
.sp-button span:after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    top: -6px;
    left: 0;

    -webkit-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -webkit-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
    -moz-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -moz-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
    -o-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -o-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
    -ms-transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), -ms-transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
    transition: top 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), bottom 0.07s cubic-bezier(0.000, 0.000, 0.580, 1.000), transform 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000) 0.07s;
}
.sp-button span:after{
    top: auto;
    bottom: -6px;
}


/* Logo */
 .sp-logo-wrap{
}
.sp-logo-wrap .logo{
    display: block;
    padding: 30px;
    text-align: center;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
} 
.sp-logo-wrap .logo img{
    max-width: 100%;
}

/* Menu */

.sp-wrapper{
    
}
.sp-menu-links,
.sp-menu-links ul{
    margin: 0;
    padding: 10px 0;
    line-height: 1.3;
    text-align: center;
}
.sp-menu-links ul.sp-sub{
    padding: 0;
}
.sp-menu-links a{
    display: block;
    position: relative;
    margin: 0;
    padding: 15px 20px;
    color: #999;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    
    -webkit-tap-highlight-color: rgba(255,255,255, .1); 
        
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    
    z-index: 11;
}
.no-touch .sp-menu-links a:hover,
.sp-menu-links a:active,
.sp-menu-links li.js-opened > a{
    color: #d5d5d5;
    text-decoration: none;
}
.no-touch .sp-menu-links a:hover{
    background-color: rgba(255,255,255, .05);
}
.sp-menu-links li{
    margin: 0;
    padding: 0;
    position: relative;
}

.sp-menu-links li > a:active,
.sp-menu-links li a.active{
    color: #f5f5f5;
}
.sp-menu-links li.js-opened:before{
    display: none;
}
.no-touch .sp-menu-links li.js-opened > a:hover,
.sp-menu-links li.js-opened > a:active{
    color: #fff;
}

.sp-has-sub{
    
}
.sp-has-sub .fa{
    font-size: 14px;
}
.js-opened > .sp-has-sub > .fa{
    color: #fff;
}
.sp-sub{
    display: none;
    opacity: 0;
    position: relative;
}
.sp-sub > li > a{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 400;
}

.sp-menu-links li.js-opened .sp-sub{
    opacity: 1;
}
.sp-search{
    width: 100%;
}
.sp-search input.search-field{
    background: transparent;
    color: #555;
    text-align: center;
    border: none;
    border-bottom: 1px solid rgba(255,255,255, .2);
}
.sp-search input.search-field:hover{
    border: none;
    border-bottom: 1px solid rgba(255,255,255, .4);
}
.sp-search input.search-field:focus{
    color: #999;
    border-color: rgba(255,255,255, .7);
}
.sp-search .search-button:hover{
    color: #fff;
}


/* Social links */

.sp-social-links{
    position: fixed;
    bottom: 0;
    left: 0;
    width: inherit;
    padding: 10px 10px 30px 10px;
    font-size: 14px;
    text-align: center;
    background: transparent;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    z-index: 1032;
}
.sp-social-links > a{
    display: inline-block;
    margin: 0 2px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    border: 1px solid rgba(255,255,255, .15);
    text-align: center;    
    text-decoration: none;
    color: #555;
    
    -webkir-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.sp-social-links > a:hover{
    border-color: rgba(255,255,255, .3);
    color: #999;
}

/* White side panel */

.side-panel.white{
    color: rgba(0,0,0, .65) !important;
    background: #fafafa;
    border-right: 1px solid rgba(0,0,0, .07);
}
.side-panel.white .sp-close-button{
    border: 1px solid rgba(0,0,0, .5);
}

.side-panel.white .sp-close-button:before{
    background: #000;
}
.side-panel.white .sp-close-button:after{
    background: #000;
}
.side-panel.white .sp-menu-links a{
    color: #777;
    -webkit-tap-highlight-color: rgba(0,0,0, .05); 
}
.side-panel.white .sp-menu-links li{
    border-top: 1px solid rgba(0,0,0, .04);
}
.side-panel.white .sp-menu-links li:last-child{
    border-bottom: 1px solid rgba(0,0,0, .04);
}

.no-touch .side-panel.white .sp-menu-links a:hover,
.side-panel.white .sp-menu-links a:active,
.side-panel.white .sp-menu-links li.js-opened > a{
    color: #111;
    text-decoration: none;
}
.no-touch .side-panel.white .sp-menu-links a:hover{
    background-color: rgba(0,0,0, .03);
}

.side-panel.white .sp-menu-links li > a:active,
.side-panel.white .sp-menu-links li a.active{
    color: #111;
}
.no-touch .side-panel.white .sp-menu-links li.js-opened > a:hover,
.side-panel.white .sp-menu-links li.js-opened > a:active{
    color: #111;
}

.side-panel.white .js-opened > .sp-has-sub > .fa{
    color: #333;
}
.side-panel.white .sp-sub > li{
    border: none!important;
}

.side-panel.white .sp-social-links > a{
    border: 1px solid rgba(0,0,0, .15);
    color: rgba(0,0,0, .4);
}
.side-panel.white .sp-social-links > a:hover{
    border-color: rgba(0,0,0, .3);
    color: rgba(0,0,0, .75);
}

/* Photo Tilt effect */

.tilt-wrap{
    width: 100%;
    position: relative;
}
.tilt{
    overflow: visible;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
} 
.tilt__back, .tilt__front{
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
} 
.tilt__back{
    position: relative;
} 
.tilt__front{
    position: absolute;
    top: 0;
    left: 0;
}

/*
 * Coming soon page
 */

.countdown{
    display: inline-block;
}
.countdown > li{
    float: left;
    margin: 0 30px;
}
.countdown-number{
    position: relative;
    display: block;
    width: 94px;
    height: 94px;
    color: #111;
    font-size: 36px;
    text-align: center;
    line-height: 84px;
}
.countdown-number > span{
    position: relative;
    z-index: 2;
}
.countdown-number > b{
    display: block;
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
    color: #999;
    z-index: 2;
}
.countdown-number:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255, .95);
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    
    z-index: 1;
}

/* Dark Timer */

.countdown.dark .countdown-number{
    color: #fff;
}
.countdown.dark .countdown-number > b{
    color: #aaa;
}
.countdown.dark .countdown-number:before{
    background: rgba(0,0,0, .8);
}


/* ==============================
   Bootstrap multicolumn grid
   ============================== */

/* clear the first in row for any block that has the class "multi-columns-row" */
.multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: left; }
.multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: left; }
.multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: left; }
.multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: left; }
.multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: left; }

@media (min-width: 768px) {
    /* reset previous grid */
    .multi-columns-row .col-xs-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-xs-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-xs-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-xs-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-xs-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for small columns */
    .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 992px) {
    /* reset previous grid */
    .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-sm-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-sm-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-sm-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for medium columns */
    .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: left; }
}
@media (min-width: 1200px) {
    /* reset previous grid */
    .multi-columns-row .col-md-6:nth-child(2n + 3) { clear: none; }
    .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
    .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }
    .multi-columns-row .col-md-2:nth-child(6n + 7) { clear: none; }
    .multi-columns-row .col-md-1:nth-child(12n + 13) { clear: none; }

    /* clear first in row for large columns */
    .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
    .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
    .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
    .multi-columns-row .col-lg-2:nth-child(6n + 7) { clear: left; }
    .multi-columns-row .col-lg-1:nth-child(12n + 13) { clear: left; }
}
.insta-bg {
    background-image: url(../images/insta-bg.jpg);
    background-repeat: no-repeat;
    padding: 0px 50px;
    border-radius: 30px;
    width: 100%;
    background-size: cover;
    background-position: center center
}
.insta-post {
    margin-bottom: 30px;
}
.topleft {
  position: absolute;
  top: 0;
  left: 16px;
}
.bottomleft {
  position: absolute;
  bottom: 0;
  left: 16px;
}
.middle {
    padding-left: 40px;
}
.catering-booking .inner-padding {
    padding: 50px 0px 50px 120px;
}
.deal-list {
    margin: 0px;
}
.deal-list .inner-padding {
    padding: 50px 60px 50px 35px;
}
.deal-list .innerlist {
    padding-right: 120px;
    padding-top: 60px;
}
.deal-list ul {
    padding: 0;
    margin: 0
}
.deal-list ul li {
    list-style: none;
    padding: 25px 0;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #333333;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    cursor: pointer;
    border-bottom: solid 2px #333333;
}
.deal-list ul li.active {
    color: #f6ae26;
    border-bottom: solid 2px #f6ae26;
}
.deal-list ul li:hover {
    color: #f6ae26;
    border-bottom: solid 2px #f6ae26;
}
.discover-list .bg {
    background-size: cover;
    padding: 190px 0 0;
    background-position: center right;
    min-height: 820px;
    border-top-left-radius: 320px;
}
.discover-info {
    text-align: left;
    padding: 0px 100px;
}
.discover-info h3 {
    margin-bottom: 15px;
    font-size: 28px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #fff;
}
.discover-info p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #fff;
}
.product-list {
    background-color: #4f2725;
    border-bottom-right-radius: 320px;
}
.product-list .bg {
    background-size: cover;
    padding: 190px 0 0;
    background-position: center right;
    min-height: 760px;
    border-bottom-right-radius: 320px;
}
.product-info {
    position: absolute;
    bottom: 60px;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
}
.product-arrow {
    position: absolute;
    bottom: 33%;
    right: 192px;
    transform: translate(-50%, -50%);
}
.product-arrow a:hover svg path {
    fill: #fff
}
.product-arrow a:hover svg rect {
    stroke: #fff
}
.product-info h3 {
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #fff;
}
.product-item {
    padding: 60px 10px;
    border-radius: 185px;
}
.product-item.color1 {
    background-color: #de986f;
}
.product-item.color2 {
    background-color: #84B0D2;
}
.product-item.color3 {
    background-color: #BA597F;
}
.product-item.color4 {
    background-color: #E9D187;
}
.product-item.color5 {
    background-color: #F3D067;
}
.product-item.color6 {
    background-color: #DC6D68;
}
.product-item.color7 {
    background-color: #C7A879;
}
.product-wise .slick-list {
    padding: 0 20% 0 0 !important
}
.product-wise .slick-slide {
    margin: 0 18px;
}
/*.product-wise .slick-dots {
    width: auto;
    right: 0;
    background-color: #575251;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    bottom: -80px;
    padding-left: 10px;
    padding-top: 5px;
    height: 45px;
}
.product-wise .slick-dots li button:before {
    color: #c5c5c5;
    opacity: 0.7;
    font-size: 9px;
    top: -2px;
    left: 10px;
}
.product-wise .slick-dots li {
    margin: 10px 0;
    width: 22px;
}
.product-wise .slick-dots li.slick-active button:before {
    color: #f6ae26;
    opacity: 1;
    font-size: 30px;
    top: -1px;
    left: 5px;
}*/
.product-wise .slick-prev {
    border-radius: 100px;
    width: 60px;
    height: 60px;
    background-color: #57514f;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.product-wise .slick-prev:before {
    content: "\f104";
    font-size: 28px;
    left: 23px;
    position: absolute;
    line-height: 0;
    color: #fff;
    font-family: 'FontAwesome';
}
.product-wise .slick-prev {
    bottom: -120px;
    top: auto;
    margin-left: 10px;
    right: 18%;
    left: auto;
}
.product-wise .slick-prev:hover {
    background-color: #f6ae26;
}
.product-wise .slick-prev:hover:before {
    color: #000;
}
.product-wise .slick-next {
    border-radius: 100px;
    width: 60px;
    height: 60px;
    background-color: #f6ae26;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.product-wise .slick-next:hover {
    background-color: #f6ae26;
}
.product-wise .slick-next:hover:before {
    color: #000;
}
.product-wise .slick-next:before {
    content: "\f105";
    font-size: 28px;
    right: 23px;
    position: absolute;
    line-height: 0;
    font-family: 'FontAwesome';
}
.product-wise .slick-next {
    bottom: -120px;
    top: auto;
    margin-right: 20px;
    right: 5%;
}
.bestseller-products .product-item {
    padding: 140px 0 60px;
    border-radius: 0;
}
.bestseller-products .slick-slide {
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.bestseller-products .slick-prev {
    border-radius: 100px;
    width: 60px;
    height: 60px;
    background-color: #57514f;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.bestseller-products .slick-prev:before {
    content: "\f104";
    font-size: 28px;
    left: 23px;
    position: absolute;
    line-height: 0;
    color: #fff;
    font-family: 'FontAwesome';
}
.bestseller-products .slick-prev {
    bottom: auto;
    top: -15px;
    left: 44%;
    margin-left: 20px;
}
.bestseller-products .slick-prev:hover {
    background-color: #f6ae26;
}
.bestseller-products .slick-prev:hover:before {
    color: #000;
}
.bestseller-products .slick-next {
    border-radius: 100px;
    width: 60px;
    height: 60px;
    background-color: #f6ae26;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.bestseller-products .slick-next:hover {
    background-color: #f6ae26;
}
.bestseller-products .slick-next:hover:before {
    color: #000;
}
.bestseller-products .slick-next:before {
    content: "\f105";
    font-size: 28px;
    right: 23px;
    position: absolute;
    line-height: 0;
    font-family: 'FontAwesome';
}
.bestseller-products .slick-next {
    bottom: auto;
    top: -15px;
    margin-right: 20px;
    right: 44%;
}
.bestseller-products .slick-slide.slick-current.slick-active.slick-center {
    transform: scale(1.3) !important;
    margin-top: 0 !important
}
.bestseller-products .slick-slide .product-item {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    -ms-transition: -ms-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;  
}
.bestseller-products .slick-slide.slick-current.slick-active.slick-center .product-item:hover {
    transform: scale(1) !important;
}
.bestseller-products .slick-slide .product-item:hover {
    transform: scale(1.2) !important;
}
.bestseller-products .slick-slide.product-one {
    transform: rotate(20deg);
    margin-top: -180px;
}
.bestseller-products .slick-slide.product-two {
    transform: rotate(15deg);
    margin-top: -100px;
}
.bestseller-products .slick-slide.product-three {
    transform: rotate(10deg);
    margin-top: -15px;
}
.bestseller-products .slick-slide.product-four {
    transform: rotate(350deg);
    margin-top: -15px;
}
.bestseller-products .slick-slide.product-five {
    transform: rotate(345deg);
    margin-top: -100px;
}
.bestseller-products .slick-slide.product-six {
    transform: rotate(340deg);
    margin-top: -180px;
}
.section__products-hoverState {
    transition: all 0.4s ease-in-out;
    z-index: -1;
}
.section__products-image {
    opacity: 1;
    transition: all 0.2s ease-in-out;
}
.section__products-productTop {
    position: absolute;
    opacity: 0;
    width: 85px;
    transform: rotate(73deg);
    left: 95px;
    top: 85px;
    z-index: 2;
}
.section__products-productBottom {
    position: absolute;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.slick-center .product-item:hover .section__products-image {
    opacity: 0
}
.slick-center .product-item:hover .section__products-productBottom {
    opacity: 1;
    transform: rotate(-8deg);
}
.slick-center .product-item:hover .section__products-productTop {
    opacity: 1;
    transform: scale(1) rotate(345deg) translate3d(-75px, -20px, 0);
    width: 75px;
    left: 85px;
    top: 88px;
}
.product-details {
    position: absolute;
    opacity: 0;
    bottom: 55px;
    left: -70px;
    text-align: right;
    transition: all 0.2s ease-in-out;
}
.product-details .product-title {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: right;
    color: #333333;
    margin-bottom: 5px;
}
.product-details .amount {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.15;
    letter-spacing: normal;
    text-align: right;
    color: #333333;
}
.slick-center .product-item:hover .product-details {
    opacity: 1
}
.view-product {
    position: absolute;
    opacity: 0;
    bottom: 100px;
    right: -8px;
    transition: all 0.2s ease-in-out;
}
.view-product svg {
    max-width: 45px;
}
.slick-center .product-item:hover .view-product {
    opacity: 1
}
.nav-sorting ul {
    margin: 0;
    padding: 0
}
.nav-sorting ul li {
    display: inline-block;
    padding: 0 25px;
    list-style: none;
}
.nav-sorting ul li:first-child {
    padding-left: 0
}
.nav-sorting ul li a {
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: rgba(45, 39, 38, 0.3);
}
.nav-sorting ul li a.active {
    color: #333333;
    position: relative;
}
.nav-sorting ul li a.active:after {
    background-color: #f6ae26;
    width: 6px;
    height: 6px;
    position: absolute;
    content: "";
    border-radius: 50%;
    bottom: -10px;
    left: 50%;
    margin-left: -3px;
}
.nav-sorting ul li a:hover {
    color: #333333;
    position: relative;
}
.nav-sorting ul li a:hover:after {
    background-color: #f6ae26;
    width: 6px;
    height: 6px;
    position: absolute;
    content: "";
    border-radius: 50%;
    bottom: -10px;
    left: 50%;
    margin-left: -3px;
}
.p-item {
    padding: 0px;
    border-radius: 0px;
    margin-bottom: 60px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.p-item .product-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 5px;
    color: #333333;
}
.p-item .price {
    font-size: 25px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
}
.p-item .add-to-cart {
    background-color: #fff;
    padding: 6px 20px;
    border: 1px solid #58595b;
    border-radius: 8px;
    color: #333;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.p-item .add-to-cart:hover {
    color: #333;
    background: #212121;
    box-shadow: 0 15px 27px -16px rgb(11 11 11 / 40%)
}
.category-item {
    cursor: pointer;
}
.category-item .inner {
    padding: 0 25px;
}
.category-item .inner .name {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    text-align: center;
    color: #333333;
    margin-top: 10px;
}
.category-item .cat-container {
    background-color: #f0efef;
    padding: 30px 6px;
    border-radius: 185px;
    transition: all 0.2s ease-in-out;
}
.category-item .cat-container .image {
    transition: all 0.2s ease-in-out;
}
.category-item .cat-container:hover .image img {
    transform: scale(1.5) translate3d(12px, 4px, 0);
}
.category-item .cat-container.active .image img {
    transform: scale(1.5) translate3d(12px, 4px, 0);
}
.category-item .cat-container:hover.cat-1 {
    background-color: #de986f
}
.category-item .cat-container.cat-1.active {
    background-color: #de986f
}
.category-item .cat-container:hover.cat-2 {
    background-color: #84b0d2
}
.category-item .cat-container.cat-2.active {
    background-color: #84b0d2
}
.category-item .cat-container:hover.cat-3 {
    background-color: #ba597f
}
.category-item .cat-container.cat-3.active {
    background-color: #ba597f
}
.category-item .cat-container:hover.cat-4 {
    background-color: #e9d187
}
.category-item .cat-container.cat-4.active {
    background-color: #e9d187
}
.category-item .cat-container:hover.cat-5 {
    background-color: #f3d067
}
.category-item .cat-container.cat-5.active {
    background-color: #f3d067
}
.category-item .cat-container:hover.cat-6 {
    background-color: #dc6d68
}
.category-item .cat-container.cat-6.active {
    background-color: #dc6d68
}
.category-item .cat-container:hover.cat-7 {
    background-color: #c7a879
}
.category-item .cat-container.cat-7.active {
    background-color: #c7a879
}
.category-item .cat-container:hover.cat-8 {
    background-color: #f3d067
}
.category-item .cat-container.cat-8.active {
    background-color: #f3d067
}
.category-item .cat-container:hover.cat-9 {
    background-color: #ba597f
}
.category-item .cat-container.cat-9.active {
    background-color: #ba597f
}
.categories .slick-prev {
    border-radius: 50px;
    width: 25px;
    height: 25px;
    background-color: #f6ae26;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.categories .slick-prev:before {
    content: "\f104";
    font-size: 18px;
    left: 8px;
    position: absolute;
    line-height: 0;
    color: #4f2825;
    font-family: 'FontAwesome';
}
.categories .slick-prev {
    left: 10px;
    z-index: 999;
    margin-top: -25px;
}
.categories .slick-prev:hover {
    background-color: #f6ae26;
}
.categories .slick-prev:hover:before {
    color: #000;
}
.categories .slick-next {
    border-radius: 50px;
    width: 25px;
    height: 25px;
    background-color: #f6ae26;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.categories .slick-next:hover {
    background-color: #f6ae26;
}
.categories .slick-next:hover:before {
    color: #000;
}
.categories .slick-next:before {
    content: "\f105";
    font-size: 18px;
    right: 8px;
    position: absolute;
    line-height: 0;
    font-family: 'FontAwesome';
}
.categories .slick-next {
    right: 10px;
    z-index: 999;
    margin-top: -25px;
}
.categories .slick-prev.slick-disabled {
    background-color: #57514f
}
.categories .slick-prev.slick-disabled:before {
    color: #fff;
}
.categories .slick-next.slick-disabled {
    background-color: #57514f
}
.categories .slick-next.slick-disabled:before {
    color: #fff;
}
.ratings {
    color: #333333;
    font-weight: 500;
    font-size: 16px;
}
.ratings i {
    font-size: 18px;
    color: #f6ae26
}
.ratings .inactive {
    color: #333333;
    opacity: 0.5;
}
.pdetails-bx .section-text {
    opacity: 0.8;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
}
.pdetails-bx .inner-container {
    padding-left: 60px;
}
.pdetails-bx .inner-container .add-to-wishlist {
    position: absolute;
    right: 30px;
    top: 10px;
    z-index: 99;
}
.pdetails-bx .inner-container .add-to-wishlist:hover svg path {
    fill: #f6ae26
}
.product-weight {
    border-radius: 30px;
    border: solid 1px #d8d8d8;
    padding: 5px;
}
.pdetails-bx .attribute-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    color: #333333;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.tabs {
    display: flex;
    position: relative;
    border-radius: 30px;
    border: solid 1px #d8d8d8;
    padding: 5px;
}
.tabs label {
    margin-bottom: 0;
}
.tabs label a {
    color: #fff
}
.tabs * {
    z-index: 2;
}   
.tabs input[type=radio] {
    display: none;
}
.tab {
    display: inline-block;
    height: 45px;
    width: 96px;
    padding: 9px 20px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    border-radius: 30px;
    transition: color 0.15s ease-in;
}
.tabs input[type=radio]:checked + label {
  color: #fff;
}
.tabs input[id=radio-1]:checked ~ .glider {
  transform: translateX(0);
}

.tabs input[id=radio-2]:checked ~ .glider {
  transform: translateX(100%);
}

.tabs input[id=radio-3]:checked ~ .glider {
  transform: translateX(200%);
}
.glider {
  position: absolute;
  display: flex;
  height: 45px;
  width: 98px;
  background-color: #575251;
  z-index: 1;
  border-radius: 99px;
  transition: 0.25s ease-out;
}

@media (max-width: 700px) {
  .tabs {
    transform: scale(0.6);
  }
}
.select-qty {
    border-radius: 30px;
    border: solid 1px #d8d8d8;
    min-height: 55px;
}
.select-qty .form-control {
    background-color: #fff;
    border: none;
    min-height: 54px;
    font-size: 16px;
    text-align: center;
}
.add-to-cart .info {
    display: flex;
    justify-content: space-between;
}
.add-to-cart .info .price {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    position: relative;
    color: #333333;
}
.add-to-cart .info .price:after {
    height: 30px;
    width: 1px;
    background-color: #333333;
    opacity: 0.4;
    position: absolute;
    content: "";
    right: -20px;
    top: -4px;
}
.add-to-cart .info .price .regular-price {
    opacity: 0.5;
    text-decoration: line-through;
    padding-right: 10px;
}
.add-to-cart .btn-mod.btn-medium {
    padding: 18px 45px 18px 20px
}
.add-to-cart .add-basket {
    display: flex;
    align-items: center;
}
.add-to-cart .add-basket svg {
    margin-right: 10px;
}
.add-to-cart .add-basket {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
}
.cart-toaster {
    padding: 5px;
    border-radius: 30px;
    background-color: #333333;
    display: flex;
    align-items: center;
    position: absolute;
    top: -60px;
    right: 85px;
}
.cart-toaster .image {
    margin-right: 15px;
}
.cart-toaster .image img {
    border-radius: 50px;
    width: 40px;
    background-color: #f0efef;
}
.cart-toaster .desc {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding-right: 15px;
}
.writeReview .modal-content {
    border-radius: 30px;
}
.writeReview .modal-header {
    padding: 30px 40px 0 40px;
    border: none;
}
.writeReview .modal-body {
    padding: 30px 40px 30px 40px;
}
.writeReview .modal-header .close {
    padding: 1rem 1rem;
    margin: -0.5rem -1rem -1rem auto;
    opacity: 1;
}
.customModal .modal-content {
    border-radius: 30px;
}
.customModal .modal-header {
    padding: 30px 40px 0 40px;
    border: none;
    display: block;
}
.customModal .modal-body {
    padding: 30px 55px 30px 55px;
}
.customModal .modal-header .close {
    padding: 1rem 1rem;
    margin: -0.5rem -1rem -1rem auto;
    opacity: 1;
    position: absolute;
    top: 15px;
    right: 40px;
}
.theme-form .form-group {
    margin-bottom: 25px;
}
.theme-form select {
    font-size: 16px;
    padding-left: 20px;
}
.theme-form .form-control {
    border: solid 1px #d8d8d8 !important;
    border-radius: 35px !important;
    height: 50px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.theme-form label {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    color: #333333;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.theme-form label span {
    opacity: 0.7;
    text-transform: none;
    letter-spacing: 0;
}
.theme-form textarea {
    min-height: 130px !important
}
div.stars {
    display: inline-block;
}
input.star {
    display: none
}
label.star {
    padding: 2px;
    float: right;
    font-size: 18px;
    color: #333333;
    opacity: 0.6;
    transition: all .2s
}
input.star:checked~label.star:before {
    content: '\f005';
    color: #f6ae26;
    transition: all .25s
}
input.star-1:checked~label.star:before,
input.star-5:checked~label.star:before {
    color: #f6ae26
}
label.star:hover {
    transform: rotate(-15deg) scale(1.3)
}
label.star:before {
    content: '\f006';
    font-family: FontAwesome
}
.view-more a {
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    color: #f6ae26;
    text-transform: uppercase;
}
.phonenumber {
    position: relative;
}
.phonenumber .countrycode {
    position: absolute;
    top: 33px;
    left: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    color: #333333;
}
.phonenumber .form-control {
    padding-left: 48px !important;
}
.quick-link {
    margin-top: 5px;
}
.quick-link a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 0.5px;
    text-align: right;
    color: #f6ae26;
}
.move-to-bag {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
}

.cart {
  position: fixed;
  background: #fff;
  width: 480px;
  max-width: 90%;
  height: 100%;
  top: 0;
  right: 0;
  box-shadow: -2px 0 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  transform: translate(500px, 0);
  transition: transform 250ms ease-in-out;
  z-index: 1040;
}

body.open .cart {
  transform: translate(0, 0);
}

.cart__header {
  box-sizing: border-box;
  position: absolute;
  background: #fff;
  width: 100%;
  padding: 25px 25px 0 25px;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 2;
}
.cart__header .hs-line-4 {
    font-size: 40px;
}
.cart__header .cart-count {
    top: 32px;
}
.cart__text {
  position: absolute;
  right: 20px;
  top: 25px;
}
.cart__products {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 140px 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
}
.cart__products::-webkit-scrollbar {
  width: 8px;               /* width of the entire scrollbar */
}

.cart__products::-webkit-scrollbar-track {
  background: #fff;        /* color of the tracking area */
}

.cart__products::-webkit-scrollbar-thumb {
  background-color: #552623;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 5px solid #ddd;  /* creates padding around scroll thumb */
}
.cart-product {
    display: flex;
    align-items: center;
}
.cart-product .image {
    margin-right: 15px;
}
.cart-product .image img {
    max-width: 100px;
}
.cart-product .cart-delete {
    position: absolute;
    right: 10px;
    top: 5px;
}
.cart-product .cart-delete img {
    max-width: 16px;
}
.cart-product .attribute {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.64;
    letter-spacing: normal;
    color: #333333;
}
.cart-product .name {
    font-size: 18px;
    text-align: left !important;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    margin-bottom: 5px
}
.cart-product .amount {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
    margin-bottom: 0px;
}
.cart-product-details .input-group {
    max-width: 100px;
    margin-top: 5px;
}
.cart-product-details .btn-mod.btn-border-c {
    padding: 7px 10px;
    font-size: 11px;
}
.cart-product-details .btn-mod.btn-border-c.left-radius {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.cart-product-details .btn-mod.btn-border-c.right-radius {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.cart-product-details button img {
    max-width: 10px;
}
.cart-product-details .select-qty {
    min-height: 25px;
}
.cart-product-details .select-qty .form-control {
    min-height: 25px;
    font-size: 12px;
    border: 1px solid #333;
    padding: 0;
}
.cart__products article {
  padding: 15px 25px;
  border-bottom: 1px dotted #CCC;
}
.cart__products article h1 {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
}
.cart__products article p {
  font-size: 14px;
  margin: 0;
}
.cart__products article p a {
  color: #F00;
}

.cart__product {
  display: none;
}

.cart__empty {
  padding: 30px 15px;
  margin: 0;
  font-style: italic;
  text-align: center;
}
.cart__empty.hide {
  display: none;
}

.cart__footer {
  box-sizing: border-box;
  position: absolute;
  background: #212121;
  border-top: 1px solid #ddd;
  width: 100%;
  padding: 15px 25px;
  left: 0;
  bottom: 0;
  z-index: 2;
  text-align: left;
}
.cart__footer .btn-mod.btn-border {
    border: 1px solid #151515;
}
.subtotal_text {
    font-size: 20px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    margin-bottom: 5px;
}
.subtotal_subamount {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.28;
    letter-spacing: normal;
    text-align: right;
    color: #333333;
    margin-bottom: 5px;
}
.lightbox {
  position: fixed;
  background: #000;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1030;
  opacity: 0;
  transition: opacity 250ms ease-in-out, width 0ms ease-in-out 250ms;
}
.checkout-form label {
    font-size: 16px;
}
.checkout-form .control__indicator {
    top: 5px;
}
body.open .lightbox {
  width: 100%;
  opacity: 0.5;
  transition: opacity 250ms ease-in-out, width 0ms ease-in-out;
}
.social-divider {
    background-color: #333;
    width: 2px;
    height: 100px;
    position: relative;
    display: block;
    margin: 10px auto;
}
.social-divider .or {
    background-color: #fff;
    position: absolute;
    top: 50%;
    padding: 0px 25px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    text-transform: uppercase;
    color: #707070;
    font-size: 15px;
    font-weight: 600;
}
.otpVerify .modal-content {
    border-radius: 15px;
}
.otpVerify .modal-body {
    padding: 45px 35px;
}
.otpVerify .modal-body .otp {
    border-radius: 30px;
    border: solid 1px #d8d8d8;
    display:inline-block;
    width:50px;
    height:50px;
    margin: 0 3px;
    text-align:center;
}
.otpVerify .btn-mod.btn-small {
    padding: 10px 25px;
    font-size: 13px;
}
.otpVerify .close {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 999;
}
.selectiveForm .radio {
    margin-bottom: 5px;
    font-size: 14px;
}
.selectiveForm [type="radio"]:checked,
.selectiveForm [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.selectiveForm [type="radio"]:checked + label,
.selectiveForm [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #404040;
}
.selectiveForm [type="radio"]:checked + label:before,
.selectiveForm [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #707070;
    border-radius: 100%;
    background: #fff;
}
.selectiveForm [type="radio"]:checked + label:after,
.selectiveForm [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #333;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.selectiveForm [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.selectiveForm [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.control-group {
}
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 15px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #707070;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #D49539;
  border: 1px solid #D49539;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #D49539;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.selectiveForm .phonenumber {
    position: relative;
}
.selectiveForm .phonenumber .countrycode {
    position: absolute;
    top: 39px;
    left: 20px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    color: #333333;
}
.selectiveForm .phonenumber .form-control {
    padding-left: 60px;
}
.selectiveForm select {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.selectiveForm .selectDiv {
  position: relative;
}
.product-inner-details .selectiveForm .selectDiv:after {
    margin-top: -2px;
}
.selectiveForm .selectDiv:after {
    content: "";
    position: absolute;
    background-image: url('../images/icons/down-arrow.svg');
    background-repeat: no-repeat;
    z-index: 2;
    right: 10px;
    width: 11px;
    height: 6px;
    top: 50%;
    margin-right: 2px;
    margin-top: 0;
    pointer-events: none;
}
.selectiveForm .quantityValue {
    border: none !important;
}
.selectiveForm .btn-mod.btn-border-c {
    padding: 15px 25px
}
.selectiveForm .select-qty {
    min-height: 50px;
}
.selectiveForm textarea.form-control {
    border-radius: 20px !important;
    padding: 20px;
    min-height: 145px !important;
}
.calculation {
    background-color: #eae9e9;
    border-radius: 20px;
    padding: 20px;
    min-height: 145px;
}
.calculation .inner {
    display: flex;
    padding: 3px 0;
    justify-content: space-between;
    align-items: center;
} 
.calculation .inner.total-payment {
    background-color: #212121;
    padding: 10px 10px;
}   
.calculation .inner .title {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
}
.calculation .inner .green {
    color: #65c40b
}
.toaster-message {
    border-radius: 43px;
    position: fixed;
    bottom: 50px;
    left: 50%;
    color: #fff;
    font-size: 13px;
    line-height: 1.4;
    transform: translate(-50%, -50%);
    text-align: left;
    background-color: #333333;
}
.toaster-message .content {
    display: flex;
    padding: 15px 25px;
    text-align: left;
    align-items: center;
}

.checkout ul {
    padding: 0;
    margin: 0
}
.checkout ul li {
    list-style: none;
    padding: 15px 0;
    display: block;
}
.checkout ul li .step {
    display: flex;
    align-items: flex-start;
}
.checkout ul li .step .count {
    background-color: #f6ae26;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    border-radius: 50px;
    text-align: center;
    font-size: 14px;
    line-height: 1.64;
    letter-spacing: normal;
    text-align: center;
    line-height: 30px;
    color: #333333;
}
.checkout ul li .step .step-name {
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.user-selected-email {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
    display: flex;
    align-items: center;
    font-family: 'Lato', sans-serif
}
.user-selected-address {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
    display: flex;
    max-width: 50%;
    text-align: right;
    align-items: flex-start;
    font-family: 'Lato', sans-serif
}
.sign-in-cta {
    margin-top: 27px;
}
.order-summary {
    border-radius: 20px;
    border: solid 1px #d8d8d8;
    background-color: #fff;
    padding: 30px;
    margin-left: 50px;
}
.order-summary h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
}
.edit {
    padding: 4px 15px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.64;
    letter-spacing: 0.5px;
    text-align: center;
    color: #333333;
    border-radius: 35px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    border: solid 1px #333333;
}
.edit:hover {
    background-color: #552623;
    color: #fff;
}
.ship-address {
    padding: 15px;
    position: relative;
    margin-bottom: 30px;
    min-height: 155px;
    line-height: 1.4;
    border: 2px solid #333;
}
.ship-address .add-new {
    position: absolute;
    top: 50%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ship-address.selected {
    background-color: #212121
}
.ship-address .default {
    position: absolute;
    right: 15px;
    color: #fff;
}
/* The container */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border-radius: 4px;
    border:1px solid #333333;
}
.container-checkbox:hover input ~ .checkmark {
    background-color: #333333;
}
.container-checkbox input:checked ~ .checkmark {
    background-color: #333333;
}
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}
.container-checkbox .checkmark:after {
    left: 8px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.giftWrap h4, .summaryWrap h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
}
.giftWrap-container {
    background-color: #fef3df;
    border-radius: 15px;
    padding: 20px;
    display: flex;
    align-items: center;
}
.giftWrap-container .desc {
    padding: 0 15px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
    border-right: 1px solid #e5cfcd
}
.summaryWrap .cart-product .image img {
    max-width: 90px;
}
.summaryWrap .cart-product-details {
    width: 100%;
}
.summaryFooter .calculation {
    background-color: #fff;
    padding: 0;
    min-height: auto;
    margin-bottom: 25px;
}
.custom-modal .modal-content {
    border-radius: 20px;
}
.custom-modal .modal-body {
    padding: 0
}
.custom-modal .modal-body img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.custom-modal .modal-body .left-image img {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
}
.custom-modal .modal-body .inner-body {
    padding: 30px;
}
.custom-modal .close {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 99;
    opacity: 1;
}
.custom-modal .modal-body .inner-body-alt {
    padding: 0px 30px 0 0;
}
.box-cc {
    border:1px solid #ddd;
    text-align: center;
    padding: 30px 45px;
    border-radius: 15px;
    font-size: 15px;
    color: #333333;
    min-height: 192px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.box-cc:hover {
    border: 1px solid #f6ae26;
}
.coupon-delete {
    position: absolute;
    right: 135px;
    top: 12px;
}
.coupon-delete img {
    max-width: 16px;
}
.occ-profile ul {
    margin: 0;
    padding: 0;
}
.occ-profile ul li {
    list-style: none;
    display: block;
    padding: 15px 0;
}
.occ-profile ul li a {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
    padding: 15px 20px;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.occ-profile ul li a.active {
    background-color: #fef3df;
    border-radius: 30px;
}
.occ-profile ul li a:hover {
    background-color: #fef3df;
    border-radius: 30px;
}
.profile-container {
    padding-bottom: 80px;
    padding-left: 40px;
}
.left-border {
    border-left: 1px solid #ddd
}
.saved-address .bb-box {
    padding: 20px;
    border-radius: 30px;
    margin-bottom: 30px;
    border: solid 1px #d8d8d8;
    position: relative;
    min-height: 250px;
}
.saved-address .bb-box .name {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.64;
    letter-spacing: normal;
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #333333;
}
.saved-address .bb-box .address {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    padding-bottom: 10px;
    color: #333333;
}
.saved-address .bb-box .actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.saved-address .bb-box .delete-address {
    padding: 20px 25px;
    position: absolute;
    right: 70px;
    bottom: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.saved-address .bb-box .delete-address:hover g {
    fill: #f6ae26
}
.saved-address .bb-box .edit-address {
    background-color: #f6ae26;
    padding: 20px 25px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.saved-address .bb-box .edit-address:hover {
    background-color: #4f2825;
}
.saved-address .bb-box .edit-address:hover path {
    fill: #fff;
}
.my-orders .od-box {
    padding: 20px;
    border-radius: 30px;
    margin-bottom: 30px;
    border: solid 1px #d8d8d8;
    position: relative;
}
.testimonials .slick-slide {
    padding: 10px 0 80px 0;
}
.testimonials .slick-next:before {
    background-image: url('../images/arrow-right.png');
    width: 13px;
    height: 25px;
    display: inline-block;
    content: "";
}
.testimonials .slick-next {
    right: -50px;
    background-color: transparent;
}
.testimonials .slick-prev:before {
    background-image: url('../images/arrow-left.png');
    width: 13px;
    height: 25px;
    display: inline-block;
    content: "";
}
.testimonials .slick-prev {
    left: -50px;
    background-color: transparent;
}
.testi-item{
    margin: 0;
    position: relative;
    padding-left: 220px;
    padding-top: 40px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    
    -webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.testi-icon{
    width: 160;
    height: 160;
    position: absolute;
    top: -2px;
    left: 0;
    line-height: 160;
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.testi-icon img {
    border-radius: 50%;
    border: 15px solid #e2fffe;
}
.testi-title{
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 600;
    color: #333;
}
.my-orders .od-box .order-details {
    padding-top: 15px;
}
.my-orders .od-box .order-details .alt-service-icon {
    width: 60px;
    height: 60px;
}
.my-orders .od-box .order-details .alt-service-item {
    padding-left: 75px;
    padding-top: 8px;
}
.my-orders .od-box .actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
}
.my-orders .od-box .re-order {
    padding: 20px 0 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.my-orders .od-box .re-order:hover g {
    fill: #f6ae26
}
.my-orders .od-box .view-details {
    background-color: #f6ae26;
    padding: 20px 25px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.my-orders .od-box .view-details a {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.53;
    letter-spacing: 1px;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
}
.my-orders .od-box .view-details:hover {
    background-color: #4f2825;
}
.my-orders .od-box .view-details:hover a {
    color: #fff
}
.order-details .right-content ul {
    padding: 0;
    margin: 0
}
.order-details .right-content ul li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
    text-align: center;
}
.order-details .inner-container {
    padding: 25px;
    border-radius: 25px;
    border: solid 1px #d8d8d8;
}
.order-details .inner-container.set-h-2 {
    min-height: 190px;
}
.order-details .cart-product .image {
    margin-right: 15px;
    padding: 10px;
    border-radius: 15px;
    border: solid 1px #ededed;
}
.order-details .cart-product .image img {
    max-width: 60px;
}
.timeline {
   margin: 20px auto;
   position: relative;
   overflow: hidden;
}
.timeline:before {
   content: '';
   position: absolute;
   top: 0;
   left: 50%;
   margin-left: -1px;
   width: 2px;
   height: 70%;
   border:1px dashed #CCD1D9;
   z-index: 1
}
.timeline-block {
   width: -webkit-calc(50% + 8px);
   width: -moz-calc(50% + 8px);
   width: calc(50% + 8px);
   display: -webkit-box;
   display: -webkit-flex;
   display: -moz-box;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -moz-box-pack: justify;
   justify-content: space-between;
   clear: both;
}
.timeline-block-right {
   float: right;
}
.timeline-block-left {
   float: left;
   direction: rtl
}
.marker {
   width: 25px;
   height: 25px;
   border-radius: 50%;
   border: 2px solid #F5F7FA;
   background: #b8b8b8;
   margin-top: 5px;
   z-index: 99;
    text-align:center;
    position: relative;
    left:0px;
    font-size: 10px;
}
.marker.active{
  width: 25px;
  height: 25px;
  background:#5bd040;
  left: 0px;
}
.timeline-content {
   width: 95%;
   padding: 5px 15px;
   color: #666
}
i.fa.fa-check{
  display:none;
}
i.fa.fa-check.active {
 display:block !important;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    height: 50%;
  color:#fff;
}
.timeline-content h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.44;
    letter-spacing: normal;
    color: #333333;
    margin-bottom: 0
}
.timeline-content span {
    font-size: 13px;
    line-height: normal;
    letter-spacing: normal;
    color: #333333;
}
.timeline-content p {
   font-size: 14px;
   line-height: 1.5em;
   word-spacing: 1px;
   color: #888;
}
.timeline:before {
    left: 13px;
    width: 2px;
    top: 8px;
}
.timeline-block {
  width: 100%;
  margin-bottom: 30px;
}
.timeline-block-right {
  float: none;
}

.timeline-block-left {
  float: none;
  direction: ltr;
}
.page-not-found-01 {
    position: absolute;
    left: 0;
    bottom: 0;
}
.page-not-found-02 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
}
.product-slider .content-container {
    padding-right: 50px;
    padding-top: 100px;
}
.product-slider .section-text {
    z-index: 99;
    position: relative;
}
.product-img img {
    transform: scale(1.3);
}
.productDesc-item{
    margin: 0;
    position: relative;
    padding-left: 90px;
    padding-top: 7px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    z-index: 99;
    -webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.productDesc-icon{
    width: 75px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 75px;
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.slider-tabs {
    position: relative;
    z-index: 99;
    margin-bottom: -80px;
    margin-top: 60px;
}
.slider-tabs ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.slider-tabs ul li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}
.slider-tabs ul li a {
    border-radius: 10px;
    border: 1px solid #333;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 12px;
}
.slider-tabs ul li a.active-purple {
    background-color: #c4b9f1;
    position: relative;
}
.slider-tabs ul li a.active-pink {
    background-color: #ea94d4;
    position: relative;
}
.slider-tabs ul li a.active-green {
    background-color: #82ccbc;
    position: relative;
}
.slider-tabs ul li a.active-purple:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    background-color: #58595b;
    width: 8px;
    height: 8px;
    border-radius: 50px;
}
.slider-tabs ul li a.active-pink:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    background-color: #58595b;
    width: 8px;
    height: 8px;
    border-radius: 50px;
}
.slider-tabs ul li a.active-green:after {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    background-color: #58595b;
    width: 8px;
    height: 8px;
    border-radius: 50px;
}
.home-products-slider .slick-next:before {
    background-image: url('../images/arrow-right-black.png');
    width: 17px;
    height: 33px;
    display: inline-block;
    content: "";
}
.home-products-slider .slick-next {
    right: 80px;
    z-index: 99;
    background-color: transparent;
}
.home-products-slider .slick-prev:before {
    background-image: url('../images/arrow-left-black.png');
    width: 17px;
    height: 33px;
    display: inline-block;
    content: "";
}
.home-products-slider .slick-prev {
    left: 80px;
    z-index: 99;
    background-color: transparent;
}
.product-images .slick-slide {
    padding: 0 30px 0 0px;
}
.product-images .slick-slide img {
    border-radius: 20px;
}
.product-images .slick-next:before {
    background-image: url('../images/arrow-right-b.png');
    width: 13px;
    height: 25px;
    display: inline-block;
    content: "";
}
.product-images .slick-next {
    right: -10px;
    background-color: transparent;
}
.product-images .slick-prev:before {
    background-image: url('../images/arrow-left-b.png');
    width: 13px;
    height: 25px;
    display: inline-block;
    content: "";
}
.product-images .slick-prev {
    left: -50px;
}
.product-inner-details .price {
    font-size: 30px;
    font-weight: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: left;
    color: #333333;
}
.product-details-spec {
    margin-bottom: 25px;
}
.product-details-spec p {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #232323;
    margin-bottom: 5px;
}
.product-inner-details .price sup {
    font-size: 20px;
    font-weight: 200;
}
.product-inner-details select.form-control {
    background-color: transparent;
    padding: 0px 15px;
    font-size: 15px;
    border: 1px solid #333;
    border-radius: 8px;
    min-height: 35px;
}
.product-inner-details .product-desc p {
    margin-bottom: 5px;
}
.payment-method {
    border: 1px solid #333;
    padding: 8px 15px;
    margin-bottom: 20px;
}
.selectiveForm .payment-method .radio {
    margin-bottom: 0
}
.selectiveForm .payment-method .radio label {
    margin-bottom: 0
}
.payment-method.selected{
    background-color: #82d1ce;
    border: 1px solid #333;
    padding: 8px 15px;
}
.selectiveForm .payment-method [type="radio"]:checked + label:before,
.selectiveForm .payment-method [type="radio"]:not(:checked) + label:before {
    top: 4px;
}
.selectiveForm .payment-method [type="radio"]:checked + label:after,
.selectiveForm .payment-method [type="radio"]:not(:checked) + label:after {
    top: 7px;
}
.account-menu ul {
    padding: 0;
    margin: 0;
}
.account-menu ul li {
    list-style: none;
    display: block;
    padding: 8px 0;
}
.account-menu ul li a {
    color: #000;
    font-size: 15px;
}
.account-menu ul li a:hover {
    color: #212121;
}
.account-menu ul li a.active {
    color: #212121;
}
.saved-addresses .btn-mod.btn-small {
    padding: 4px 20px;
    font-size: 14px;
}
.spassword {
    position: absolute;
    right: 25px;
    top: 36px;
}
.show-password {
    background-image: url(../images/icons/show-password.svg);
    background-repeat: no-repeat;
    width: 19px;
    height: 14px;
    display: inline-block;
}
.hide-password {
    background-image: url(../images/icons/hide-password.svg);
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    display: inline-block;
}
.custom-table thead tr th {
    background-color: #212121;
    color: #333;
    border: 1px solid #333;
}
.custom-table tbody tr td {
    border: 1px solid #333;
}
.custom-table tbody tr td a {
    color: #77adab;
}
.box-one {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
        transition: 0.6s;
}
.box-one:hover {
    margin-top: -7px;
}
.box-one .icon-box {
    background-color: #D49539;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.box-one .icon-box img {
    max-width: 45px;
}
.box-one .title {
    color: #212121;
    font-weight: 600;
}

.subtitle {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #D49539;
    margin-bottom: 5px;
}
.sell-content {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 45px;
    padding-right: 65px;
}
.sell-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    margin-left: 60px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.sell-image-pos {
    position: relative;
}
.sell-image-corner {
    position: absolute;
    bottom: -10px;
    left: -7px;
    margin-left: 60px;
}
.sell-area .container-stretch {
    position: relative;
    padding-left: calc((100% - 1320px) / 2);
    padding-right: 0;
}
.container-stretch {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}
.vista-custom-btn {
    background: #D49539;
    background: -webkit-linear-gradient(to right, #E7B25D, #D49539, #E7B25D, #D49539); 
    background: linear-gradient(to right, #E7B25D, #D49539, #E7B25D, #D49539); 
    padding: 10px 30px;
    color: #212121;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    font-size: 15px;
    border: 1px solid #FCD28F;
    border-radius: 10px;
    transition: all 0.35s;
}
.btn-style503 {
    transition: all 0.5s;
}
.btn-style503:hover {
    box-shadow: inset 0 0 0 2em #D49539;
    border-color: #D49539;
    color: #fff;
}
.commercial-content {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 45px;
    padding-right: 65px;
}
.commercial-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    margin-left: -60px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.commercial-image-pos {
    position: relative;
}
.commercial-image-corner {
    position: absolute;
    bottom: -10px;
    right: -7px;
    margin-right: 60px;
}
.commercial-area .container-stretch {
    position: relative;
    padding-left: 0;
    padding-right: calc((100% - 1320px) / 2);
}
.subscribe-bg {
    background-image: url('../images/subscribe-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 240px;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: -280px;
    overflow: hidden;
}
.subscribe-bg .input-group {
    flex-wrap: inherit;
    background-color: #fff;
    border-radius: 10px;
}
.subscribe-bg .input-group button {
    border: none;
}
.subscribe-bg .input-group .form-control {
    background-color: transparent;
    border: none;
    min-width: 300px;
}
.subscribe-bg .btn-mod.btn-medium {
    padding: 14px 45px;
}
.subscribe-bg .corner-left {
    position: absolute;
    bottom:-1px;
    left:-1px;
}
.subscribe-bg .corner-right {
    position: absolute;
    top: 0px;
    right: 0px;
}
.large-top-padding {
    padding-top: 120px;
}
.large-bottom-padding {
    padding-bottom: 290px;
}
.large-bottom-padding2 {
    padding-bottom: 250px;
}
.contact-us-today {
    background-color: #fff;
    border: 1px solid #E7B25D;
    padding: 50px;
    border-radius: 15px;
    position: relative;
}
.contact-us-today h5 {
    color: #D49539;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
}
.contact-us-today p {
    color: #606060;
    margin-bottom: 0;
}
.contact-us-today .number {
    color: #212121;
    font-size: 34px;
    font-weight: 600;
}
.text-right {
    text-align: right;
}
.contact-us-today .corner-left {
    position: absolute;
    bottom:-1px;
    left:-1px;
}
.contact-us-today .corner-right {
    position: absolute;
    top: 0px;
    right: 0px;
}
.service-item{
    margin: 0;
    position: relative;
    padding-left: 145px;
    padding-top: 50px;
    padding-right: 30px;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    
    -webkit-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.3s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.service-icon{
    width: 90px;
    height: 90px;
    position: absolute;
    top: 40px;
    left: 35px;
    line-height: 90px;
    text-align: center;
    font-size: 28px;
    color: #111;
    
    -webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.services-title{
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}
.bg-box-one {
    background-image: url('../images/bg-one.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 180px;
}
.bg-box-two {
    background-image: url('../images/bg-two.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 280px;
}
.bg-box-three {
    background-image: url('../images/bg-three.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 180px;
}
.bg-box-four {
    background-image: url('../images/bg-four.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 280px;
}
.bg-box-five {
    background-image: url('../images/contact-info-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 280px;
    border-radius: 15px;
    border:1px solid #cacaca;
    padding: 30px;
}
.properties-slide-item {
    border-radius: 15px;
    background-color: #fff;
    margin: 0 10px 80px;
}
.properties-slide-item .properties-image {
     position: relative;
}
.properties-slide-item .properties-image a img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.properties-slide-item .properties-image .featured-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     color: #fff;
     border-radius: 5px;
     padding: 2px 10px;
     transition: 0.6s linear;
     font-size: 14px;
     position: absolute;
     left: 10px;
     top: 10px;
}
 .properties-slide-item .properties-image .featured-btn:hover {
     background-color: #ddd;
}
 .properties-slide-item .properties-image .media {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 2px 10px;
     background: rgba(252, 210, 143, 0.7);
     border-radius: 5px;
     position: absolute;
     left: 10px;
     bottom: 10px;
}
 .properties-slide-item .properties-image .media span {
     color: #212121;
     margin-right: 8px;
     font-weight: 600;
}
 .properties-slide-item .properties-image .media span:last-child {
     margin-right: 0;
}
 .properties-slide-item .properties-image .media span:last-child {
     margin-right: 5px;
}
 .properties-slide-item .properties-image .link-list {
     position: absolute;
     right: 10px;
     top: 10px;
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
}
 .properties-slide-item .properties-image .link-list li {
     display: inline-block;
     list-style-type: none;
     margin-right: 10px;
}
 .properties-slide-item .properties-image .link-list li:last-child {
     margin-right: 0;
}
 .properties-slide-item .properties-image .link-list .link-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: rgba(252, 210, 143, 0.7);
     color: #212121;
     border-radius: 5px;
     padding: 2px 10px;
     transition: 0.6s linear;
     font-size: 14px;
     font-weight: 600;
}
 .properties-slide-item .properties-content {
     padding: 20px;
}
 .properties-slide-item .properties-content .top {
     display: flex;
     justify-content: space-between;
}
 .properties-slide-item .properties-content .top .title h3 {
     margin-bottom: 0;
     font-size: 20px;
     font-weight: 600;
}
 .properties-slide-item .properties-content .top .title span {
     font-size: 14px;
     letter-spacing: 0.52px;
     display: block;
     color: #858585;
     margin-top: 0px;
}
 .properties-slide-item .properties-content .top .price {
     font-size: 24px;
     color: #ddd;
     font-weight: 600;
     padding-left: 10px;
}
 .properties-slide-item .properties-content .info-list {
     display: flex;
     align-items: center;
     margin-top: 15px;
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
}
 .properties-slide-item .properties-content .info-list li {
     list-style-type: none;
     margin-right: 15px;
     display: flex;
     align-items: center;
}
 .properties-slide-item .properties-content .info-list li:last-child {
     margin-right: 0;
}
 .properties-slide-item .properties-content .info-list li .icon {
     display: inline-block;
     height: 45px;
     width: 45px;
     line-height: 45px;
     text-align: center;
     border-radius: 50px;
     background-color: #FBE1B8;
     position: relative;
}
 .properties-slide-item .properties-content .info-list li .icon img {
     position: absolute;
     left: 0;
     right: 0;
     margin: auto;
     top: 50%;
     width: 30px;
     transform: translateY(-50%);
}
 .properties-slide-item .properties-content .info-list li span {
     font-size: 15px;
     font-weight: 500;
     letter-spacing: 0.5px;
     color: #212121;
     margin-left: 7px;
}
 .properties-slide-item .properties-content .info-list li:hover .icon {
     background-color: #ddd;
}
 .properties-slide-item .properties-content .bottom {
     display: flex;
     align-items: center;
     justify-content: space-between;
     border-top: 1px solid rgba(255, 255, 255, 0.49);
     margin-top: 15px;
     padding-top: 10px;
}
 .properties-slide-item .properties-content .bottom .price {
    font-size: 20px;
    color: #212121;
    font-weight: 600;
 }
.properties-slide-item .properties-content .bottom .price span {
    font-size: 14px;
    font-weight: 400;
    color: #7f7f7f;
 }
 .properties-slide-item .properties-content .bottom button {
    font-size: 13px;
    color: #D49539;
    display: flex;
    align-items: center;
    gap: 10px;
 }
.about-image {
    border-radius: 15px;
}
.small-item-carousel .owl-pagination {
    top: 20px;
    right: 25px;
    display: flex;
    justify-content: end;
    left: auto;
}
.small-item-carousel .owl-pagination .owl-page span {
    width: 12px;
    height: 5px;
    background-color: #D9D9D9;
}
.small-item-carousel .owl-pagination .owl-page.active span {
    background-color: #D49539;
    box-shadow: none;
}

.blog-posts-carousel .owl-pagination {
    bottom: 30px;
}
.blog-posts-carousel .owl-pagination .owl-page span {
    width: 7px;
    height: 7px;
    background-color: #D9D9D9;
}
.blog-posts-carousel .owl-pagination .owl-page.active span {
    background-color: #D49539;
}
.overlay-one {
    position: absolute;
    top: -100px;
    left: -30px;
}
.overlay-one img {
    border-radius: 12px;
    border: 10px solid #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.inner-container {
    padding-left: 60px;
}
.overlay-two {
    position: absolute;
    bottom: -70px;
    right: -30px;
}
.overlay-two img {
    border-radius: 12px;
    border: 10px solid #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.private-residence-banner-search-form {
    background-color: #fff;
    padding: 25px 40px;
    border-radius: 20px;
    max-width: 1100px;
    margin: 190px auto 0;
}
.private-residence-banner-search-form .form-group.wrap1 {
    padding-right: 35px;
}
.private-residence-banner-search-form .form-group.wrap2 {
    padding-left: 35px;
    padding-right: 35px;
}
.private-residence-banner-search-form .form-group {
    border-right: 1px solid #C5C5C5;
}
.private-residence-banner-search-form .form-group.wrap3 {
    padding-left: 35px;
    padding-right: 35px;
}
.private-residence-banner-search-form .form-group.wrap4 {
    border-right: none;
    text-align: end;
}
.private-residence-banner-search-form .form-group .default-btn {
    border: none;
    gap: 10px;
    background: #D49539;
    background: -webkit-linear-gradient(to right, #E7B25D, #D49539, #E7B25D, #D49539);
    background: linear-gradient(to right, #E7B25D, #D49539, #E7B25D, #D49539);
    display: inline-flex;
    padding: 15px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    color: #212121;
    font-weight: 600;
    transition: 0.6s;
}
.private-residence-banner-search-form .form-group label {
    font-weight: 600;
    color: #212121;
    display: block;
    margin-bottom: 0px;
    text-align: left !important;
}
.private-residence-banner-search-form .form-group .form-select {
    background-color: transparent;
    border: none;
    box-shadow: unset;
    outline: 0;
    background-position: right 0 center;
    color: #8f8f8f;
    transition: 0.6s;
    font-size: 15px;
    padding: 0 25px 0 0;
    cursor: pointer;
    background-image: url(../images/arrow-down.svg);
    background-size: 10px 9.5px;
}
.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.icon-form {
    position: absolute;
    top: 8px;
    left: 20px;
}
.form-inner-container .form-control {
    padding-left: 50px;
}
.whatsapp {
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 999;
    transition: 0.6s;
}
.whatsapp:hover {
    bottom: 30px;
}
.whatsapp .whatsapp-icon {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #E7B25D;
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    line-height: 1;
}
.legal-text p {
    margin-bottom: 15px;

}
.legal-text h1,
.legal-text h2,
.legal-text h3,
.legal-text h4,
.legal-text h5,
.legal-text h6 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 15px;
}
.about-box {
    background-color: #fff;
    border-radius: 15px;
    text-align: center;
    overflow: hidden;
    border: 1px solid #D49539;
}
.inner-pad {
    padding: 40px 55px;
}
.our-commitment {
    background-color: #fff;
    border-radius: 15px;
    padding: 45px 25px;
    min-height: 330px;
}
.commitment-img img {
    height: 330px;
    object-fit: cover;
    width: 100%;
    border-radius: 15px;
}
.dubai {
    width: 100%;
    height: 340px;
    background-image: url('../images/dubai.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 70px;
    border-radius: 15px;
    position: relative;
}
.dubai .girl {
    position: absolute;
    right: 40px;
    bottom: 0;
}
.filter-sidebar {
    background-color: #fff;
    border: 1px solid #D49539;
    border-radius: 10px;
    padding: 25px;
}
.filter-sidebar .widgetTitle {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.search-form {
    position: relative;
}
.search-form .search-icon {
    position: absolute;
    right: 10px;
    top: 10px;
}
.search-form .form-control {
    padding-right: 50px;
}
.listing-page .properties-slide-item {
    margin: 0 0 30px 0;
}
.listing-page select {
    background-color: #E8E8E8;
    border-radius: 10px;
    min-width: 170px;
}
.price-input {
  width: 100%;
  display: flex;
  margin: 30px 0 15px;
}
.price-filter .price-input .field {
  display: flex;
  width: 100%;
  height: 45px;
  align-items: center;
}
.price-filter .field input {
  width: 100%;
  padding: 4px 0;
  outline: none;
  font-size: 14px;
  margin-left: 0px;
  border-radius: 8px;
  text-align: center;
  border: 1px solid #D49539;
  -moz-appearance: textfield;
}
.price-filter input[type="number"]::-webkit-outer-spin-button,
.price-filter input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-filter .price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.price-filter .slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.price-filter .slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #E7B25D;
}
.price-filter .range-input {
  position: relative;
}
.price-filter .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.price-filter input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #E7B25D;
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.price-filter input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #E7B25D;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.property-details-area.with-extra-top {
     position: relative;
     z-index: 1;
     margin-top: -120px;
}
 .property-details-content {
     border-radius: 12px;
     background-color: #fff;
     padding: 25px;
}
 .property-details-content .left-content .title {
     display: flex;
     align-items: center;
}
 .property-details-content .left-content .title h2 {
     font-weight: 600;
     font-size: 30px;
     margin-bottom: 0;
     line-height: 1.2;
     margin-top: 0;
}
 .property-details-content .left-content .title .featured-btn {
     display: inline-flex;
     padding: 8px 15px;
     background: #E7B25D;
     color: #fff;
     line-height: 1;
     transition: 0.6s;
     font-size: 14px;
     border-radius: 10px;
     margin-left: 20px;
}
 .property-details-content .left-content .title .featured-btn:hover {
     background: #ddd;
     color: #fff;
}
 .property-details-content .left-content .address {
     font-size: 14px;
     letter-spacing: 0.52px;
     display: block;
     color: #606060;
     margin-top: 10px;
}
 .property-details-content .left-content .info-list {
     display: flex;
     align-items: center;
     line-height: 1;
     padding-left: 0;
     padding-right: 0;
     margin-top: 20px;
     margin-bottom: 0;
}
 .property-details-content .left-content .info-list li {
     list-style-type: none;
     margin-right: 25px;
     display: flex;
     align-items: center;
}
 .property-details-content .left-content .info-list li:last-child {
     margin-right: 0;
}
 .property-details-content .left-content .info-list li span {
     font-size: 15px;
     font-weight: 500;
     letter-spacing: 0.5px;
     margin-left: 10px;
     color: #606060;
}
 .property-details-content .left-content .group-info {
     display: flex;
     align-items: center;
     padding-left: 0;
     padding-right: 0;
     margin-top: 25px;
     margin-bottom: 0;
}
 .property-details-content .left-content .group-info li {
     list-style-type: none;
     margin-right: 10px;
     position: relative;
}
 .property-details-content .left-content .group-info li button {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     width: 32px;
     height: 32px;
     line-height: 32px;
     background-color: transparent;
     border: 1px solid #b4b7c9;
     font-size: 18px;
     color: #b4b7c9;
     border-radius: 5px;
     transition: 0.6s;
}
 .property-details-content .left-content .group-info li button:hover {
     background-color: #ddd;
     border: 1px solid #ddd;
     color: #fff;
}
 .property-details-content .left-content .group-info li:last-child {
     margin-right: 0;
}
 .property-details-content .left-content .group-info li .dropdown {
     position: relative;
}
 .property-details-content .left-content .group-info li .dropdown .dropdown-toggle::after {
     display: none;
}
 .property-details-content .left-content .group-info li .dropdown .dropdown-menu {
     background-color: #000;
     border-radius: 10px;
     padding: 10px 12px;
     border: none;
}
 .property-details-content .left-content .group-info li .dropdown .dropdown-menu li {
     display: flex;
     justify-content: space-between;
     margin-right: 12px;
     line-height: 1;
}
 .property-details-content .left-content .group-info li .dropdown .dropdown-menu li a i {
     color: #fff;
     transition: 0.6s;
     font-size: 15px;
}
 .property-details-content .left-content .group-info li .dropdown .dropdown-menu li a i:hover {
     color: #ddd;
}
 .property-details-content .left-content .group-info li .dropdown .dropdown-menu li:last-child {
     margin-right: 0;
}
 .property-details-content .left-content .group-info li .dropdown .dropdown-menu.show {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
.property-details-content .right-content {
     text-align: end;
}
 .property-details-content .right-content button{
    display: inline-flex;
    color: #D49539;
    font-size: 14px;
    align-items: center;
    justify-content: end;
    gap: 10px;
}
 .property-details-content .right-content .link-list {
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
}
 .property-details-content .right-content .link-list li {
     display: inline-block;
     list-style-type: none;
     margin-right: 10px;
}
 .property-details-content .right-content .link-list li:last-child {
     margin-right: 0;
}
 .property-details-content .right-content .link-list li .link-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 8px 15px;
     background: #E7B25D;
     color: #fff;
     border-radius: 10px;
     transition: 0.6s;
     font-size: 14px;
}
 .property-details-content .right-content .link-list li .link-btn:hover {
     background-color: #ddd;
}
 .property-details-content .right-content .price {
     font-size: 34px;
     color: #212121;
     font-weight: 600;
     line-height: 1;
     margin-top: 25px;
     margin-bottom: 15px;
}
.property-details-content .right-content .price span {
    font-size: 14px;
    font-weight: 400;
    color: #7f7f7f;
}
.property-details-content .right-content .user {
     display: flex;
     align-items: center;
     justify-content: end;
}
 .property-details-content .right-content .user img {
     max-width: 30px;
     border: 2px solid #fff;
     box-shadow: 0px 4px 20px 0px rgba(84, 196, 217, 0.15);
     border-radius: 50px;
     margin-right: 10px;
     transition: 0.6s;
}
 .property-details-content .right-content .user a {
     font-size: 14px;
     color: #212121;
     letter-spacing: 0.52px;
}
 .property-details-content .right-content .user a:hover {
     color: #ddd;
}
 .property-details-content .right-content .user:hover img {
     border: 2px solid #ddd;
}
 .property-details-image .block-image {
     overflow: hidden;
     border-radius: 10px;
     position: relative;
}
.property-details-image .left-gallery {
    height: 100px;
    display: block;
}
.property-details-image .left-gallery img {
    object-fit: cover;
    height: 100px;
}
.property-details-image .right-gallery {
    height: 463px;
    display: block;
}
.property-details-image .right-gallery img {
    object-fit: cover;
    width: 100%;
    height: 463px;
}
.property-details-image .block-image img {
     transition: 0.6s;
     border-radius: 5px;
}
 .property-details-image .block-image:hover img {
     transform: scale(1.1);
}
 .property-details-inner-content {
     margin-top: 25px;
}
 .property-details-inner-content .description {
     border-radius: 12px;
     background-color: #fff;
     padding: 35px 30px;
     margin-bottom: 25px;
     color: #404040;
}
 .property-details-inner-content .description h3 {
     font-size: 24px;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 15px;
}
 .property-details-inner-content .overview {
     border-radius: 12px;
     background-color: #fff;
     padding: 35px 30px;
     margin-bottom: 25px;
}
 .property-details-inner-content .overview h3 {
     font-size: 25px;
     font-weight: 600;
     margin-bottom: 25px;
     margin-top: 0;
}
 .property-details-inner-content .overview .overview-list {
     margin-bottom: 0;
     display: flex;
     padding-left: 0;
     padding-right: 0;
}
 .property-details-inner-content .overview .overview-list li {
     list-style-type: none;
     border-radius: 10px;
     background: #F7F7F7;
     padding: 25px 15px;
     text-align: center;
     margin-right: 7px;
     border: 1px solid #fff;
     width: 150px;
     transition: 0.6s;
}
 .property-details-inner-content .overview .overview-list li:last-child {
     margin-right: 0;
}
 .property-details-inner-content .overview .overview-list li h4 {
     font-weight: 600;
     font-size: 14px;
     color: #404040;
     margin-bottom: 7px;
}
 .property-details-inner-content .overview .overview-list li span {
     font-size: 12px;
     color: #606060;
}
.property-details-inner-content .overview .overview-list li .icon {
    height: 46px;
    margin-bottom: 15px;
}
 .property-details-inner-content .overview .overview-list li:hover {
     border: 1px solid #D49539;
}
 .property-details-inner-content .features {
     border-radius: 12px;
     background-color: #fff;
     padding: 35px 30px;
     margin-bottom: 25px;
}
 .property-details-inner-content .features h3 {
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 0;
     margin-top: 0;
}
 .property-details-inner-content .features .list {
     margin-top: 20px;
     margin-bottom: 0;
     padding-left: 0;
     padding-right: 0;
}
 .property-details-inner-content .features .list li {
     list-style-type: none;
     display: flex;
     align-items: center;
     line-height: 1;
     color: #404040;
     margin-bottom: 15px;
}
 .property-details-inner-content .features .list li img {
     font-size: 25px;
     color: #ddd;
     margin-right: 12px;
}
 .property-details-inner-content .features .list li:last-child {
     margin-bottom: 0;
}
 .property-details-inner-content .floor-plan {
     border-radius: 5px;
     background-color: #f7f8f9;
     padding: 35px 30px;
     margin-bottom: 25px;
}
 .property-details-inner-content .floor-plan .title {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-bottom: 25px;
}
 .property-details-inner-content .floor-plan .title h3 {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 0;
}
 .property-details-inner-content .floor-plan .title .info-list {
     display: flex;
     align-items: center;
     line-height: 1;
     margin: 0;
     padding-left: 0;
     padding-right: 0;
}
 .property-details-inner-content .floor-plan .title .info-list li {
     list-style-type: none;
     margin-right: 25px;
     display: flex;
     align-items: center;
}
 .property-details-inner-content .floor-plan .title .info-list li:last-child {
     margin-right: 0;
}
 .property-details-inner-content .floor-plan .title .info-list li span {
     font-size: 15px;
     font-weight: 500;
     letter-spacing: 0.5px;
     margin-left: 10px;
}
 .property-details-inner-content .floor-plan .floor-image img {
     border-radius: 5px;
}
 .property-details-inner-content .video {
     border-radius: 12px;
     background-color: #fff;
     padding: 35px 30px;
     margin-bottom: 25px;
}
 .property-details-inner-content .video h3 {
     font-size: 24px;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 25px;
}
 .property-details-inner-content .video .inner {
     position: relative;
}
 .property-details-inner-content .video .inner img {
     border-radius: 12px;
}
 .property-details-inner-content .video .inner .video-btn {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     text-align: center;
}
 .property-details-inner-content .video .inner .video-btn img {
     display: inline-block;
     height: 95px;
     width: 95px;
     line-height: 95px;
     background-color: rgba(255, 255, 255, 0.1);
     color: #fff;
     text-align: center;
     border-radius: 50%;
     font-size: 37px;
     transition: 0.6s;
     padding: 15px;
}
 .property-details-inner-content .video .inner .video-btn img:hover {
     background-color: #ddd;
}
 .property-details-inner-content .location {
     border-radius: 12px;
     background-color: #fff;
     padding: 35px 30px;
     margin-bottom: 25px;
}
 .property-details-inner-content .location .title {
     margin-bottom: 15px;
}
 .property-details-inner-content .location .title h3 {
     font-size: 24px;
     font-weight: 600;
     margin-top: 0;
     margin-bottom: 0;
}
 .property-details-inner-content .location .title p {
     margin-bottom: 0;
     color: #404040;
}
 .property-details-inner-content .location iframe {
     display: flex;
     width: 100%;
     height: 410px;
     border-radius: 10px;
}
.property-details-sidebar .booking,
.property-details-sidebar .contact-details {
    border-radius: 12px;
    background-color: #fff;
    padding: 35px 25px;
    margin-bottom: 35px;
}
.property-details-sidebar .form-control {
    padding-left: 50px;
}
.property-details-sidebar h3 {
    font-size: 24px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 15px;
}
.error-message {
    font-size: 13px;
    color: #f00;
}
.filter-mobile {
    display: none;
}