@import url('https://fonts.googleapis.com/css?family=Cute+Font');
@import url('https://fonts.googleapis.com/css?family=Cuprum');
.class{font-family: 'Hind', sans-serif;}
.quick-view-popup .info-title, .btn-sing-up, .shop .detail-item .description ul li > span, .tab-menu, .price, .btn-1, .btn-2{font-family: 'Titillium Web', sans-serif;}
.percent-img-wrapper .percent-img-1 span{font-family: 'Oswald', sans-serif; font-weight: 700;}
.radio .text{font-family: 'Cabin', sans-serif;}
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
i{font-style: italic;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none; -youbkit-touch-callout: none; 
	-youbkit-user-select: none;  
	-moz-user-select: none;       
	-ms-user-select: none;      
	user-select: none; }
.clear{clear:both; overflow: hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}
input, textarea, select{-webkit-appearance: none; border-radius: 0;}
input[type='number'] {
    -moz-appearance: textfield;
}
input[type=checkbox] {-webkit-appearance:checkbox;}

/*a.chair:hover{background:#e8b720; width:100%;color:#fff;}*/
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
body{font-family: 'Hind', sans-serif; font-weight: 300; font-size: 15px; line-height: 24px; color: #928c8c;}
body:not(.loaded) *{-webkit-transition: none !important; transition: none !important;}
ul{list-style-type: none;}

.is-mobile{display: none;}
@media (max-width: 1199px) {
    .is-mobile{display: block;}
}

#content{overflow-x: hidden;}

/*table*/
.table-view{height: 100%; width: 100%; display: table;}
.row-view{display: table-row;}
.cell-view{display: table-cell; vertical-align: middle; height: inherit;}

.height-min{min-height: 100vh; height: 100%;}
@media (max-width: 1199px) {
  .height-min{min-height: 1px; height: 100%;}
}

/*flex*/
.flex-js{display: flex; /*width:100%;*/ -webkit-align-items:center; align-items:center;}
.flex{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  /*width: 100%;*/ height: 100%; min-height: inherit;
}
.flex-in{display: inline-block; width: 100%;}
.flex-order-1{order: 1;}
.flex-order-2{order: 2;}
.flex-eq-h{display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: stretch; -webkit-align-items: stretch; -webkit-box-align: stretch; align-items: stretch; width: 100%; height: 100%; min-height: inherit;}
@media (min-width: 992px) {
  .flex-md{display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; /*width: 100%;*/ height: 100%; min-height: inherit;}
}
@media (min-width: 768px) {
  .flex-sm{display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; /*width: 100%;*/ height: 100%; min-height: inherit;}
}
@media (max-width: 991px) {
  .flex-js{display: block;}
  .flex{display: block;}
  .flex-eq-h{display: block;}
}
/*flex*/

/*inputs*/
.input-wrapper{display: inline-block; position: relative; margin: 0; height: 100%; width: 100%;}
.input-wrapper .input-style{position: relative; display: block; float: left; width: 100%; height: 40px; margin-right: 0; margin-bottom: 10px; overflow: hidden;}
.input-wrapper .input-style input{width: 100%; height: 100%; padding: 0 15px; color: #222; background-color: transparent; border: 1px solid #e3e3e3;}
.input-wrapper .input-style label{position: absolute; left: 15px; top: 6px; cursor: text; font-size: 13px; line-height: 16px; -moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out; transition-delay: 250ms; -moz-transition-delay: 250ms; -webkit-transition-delay: 250ms; -ms-transition-delay: 250ms;}
.input-wrapper .input-style.focus label{top: 6px; opacity: 0; transition-delay: 0ms; -moz-transition-delay: 0ms; -webkit-transition-delay: 0ms; -ms-transition-delay: 0ms;}

.input-wrapper .input-style.half{width: calc(50% - 5px); margin-right: 10px;}
.input-wrapper .input-style.half.half-right{margin-right: 0;}
.input-wrapper .input-style.third{width: calc(33.33% - 7px); margin-right: 10px;}
.input-wrapper .input-style.third.third-right{margin-right: 0;}
@media (max-width: 1199px) {
  .input-wrapper .input-style.third{width: 100%;}
}
@media (max-width: 767px) {
  .input-wrapper .input-style.half{width: 100%;}
}
/*buttons*/
.btn-wrap{position: relative; display: inline-block;}
.btn-1{position: relative; float: left; padding: 7px 25px 7px 25px; background:#fff; color: #222; font-size: 12px; line-height: 24px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.btn-1 span{z-index: 2; position: relative; color: #222; cursor: pointer;}
.btn-1:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f6c220; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.btn-1.border{border: 1px solid #f6c220;}
.btn-1.border span{color: #f6c220;}
.btn-1.border:before{background: #222; width: calc(100% + 2px); left: -1px; height: calc(100% + 2px); top: -1px;}
.btn-2{position: relative; float: left; padding: 7px 25px 7px 25px; background:#f6c220; color: #fff; font-size: 12px; line-height: 24px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.btn-2 span{z-index: 2; position: relative; color: #fff; cursor: pointer;}
.btn-2:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #222; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.btn-play{position: absolute; left: 50%; top: 50%; width: 84px; height: 54px; text-align: center; background-color: #f6c220; cursor: pointer; color: #fff; margin-left: -42px; margin-top: -27px; outline: 3px solid rgba(223, 205, 80, 0.5); box-sizing: border-box;}
.btn-play i{line-height: 54px;}

@media (min-width: 1200px) {
    .btn-1:hover span{color: #fff;}
    .btn-1.border:hover span{color: #f6c220;}
    .btn-2:hover span{color: #f6c220;}
    .btn-1:hover:before{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
    .btn-2:hover:before{opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
    .btn-play:hover{background-color: rgba(255,255,255,0.7); color: #f6c220; outline-color: #f6c220;}
}
 
.h1,.h2,.h3,.h4,.h5,.h6, .h1-2{font-family: 'Cuprum', sans-serif; color: #222; font-weight: 400; margin: 0;}
.h1{font-size: 60px; line-height: 60px; padding-bottom: 17px; position: relative;}
.h1:before{content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #f6c220;}
.h1-2{font-size: 60px; line-height: 60px; padding-bottom: 17px; position: relative;}
.h1-2:before{content: ""; position: absolute; width: 50px; height: 1px; bottom: 0; left: 50%; margin-left: -25px; background-color: #f6c220;}
.h2{font-size: 40px; line-height: 40px; padding-bottom: 22px; position: relative;}
 
.h2.text-left:before {left: 0px; margin-left: 0px;}
.h2.white:before{background-color: #fff;}
.h3{font-size: 28px; line-height: 28px; text-transform: uppercase;}
.h4{font-size: 24px; line-height: 24px; text-transform: uppercase;}
.h5{font-size: 16px; line-height: 40px; text-transform: uppercase;}
.h6{font-size: 18px; line-height: 24px;}
.h6.sm {font-size: 14px; line-height: 22px;}
.h7{font-size: 13px; line-height: 24px; color: #fff; font-family: 'Hind', sans-serif;}

.large{font-size: 26px; line-height: 26px;}
.big{font-size: 15px; line-height: 26px;}
.normal{font-size: 15px; line-height: 24px;}
.small{font-size: 13px; line-height: 32px;}
.small-sm{font-size: 13px; line-height: 24px;}
.small-xs{font-size: 12px; line-height: 28px;}

@media (max-width: 991px) {
  .h1{padding-bottom: 10px;}
  .h1:before{display: none;}
}
@media (max-width: 479px) {
  .h1{font-size: 46px; line-height: 46px;}
}

article{position: relative; float: left; width: 100%;}
.article{position: relative; float: left; width: 100%;}

.white{color: #fff;}
.white-70{color: rgba(255,255,255,0.7);}
.black{color: #222222;}
.grey{color: #989898;}
.yellow{color: #f6c220;}

/*hover*/
.img-hover-1,
.img-hover-2{display: block; width: 100%; overflow: hidden;}
.img-hover-1 img,
.img-hover-2 img{display: block; width: 100%; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transition:transform 300ms ease-out; -o-transition:transform 300ms ease-out; -webkit-transition:transform 300ms ease-out; transition:transform 300ms ease-out; -ms-transition:transform 300ms ease-out;}
@media (min-width: 1200px) {
  .hover-1:hover{color: #f6c220; cursor: pointer; -moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out;}
  .img-hover-1:hover img{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
  .img-hover-2:hover img{-ms-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9);}
}
/*hover*/
 
 
.fl{float: left; width:100%;}


/*nopadding class*/
.nopadding {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
@media (min-width: 992px) {
  .nopadding-md{padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
}

/*background*/
.bg{position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment:scroll;}
.bg.fix{background-attachment: fixed;}
.bg-layer-5{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.bg-layer-6{position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%; left: 0px; top: 0px;}
.img{width: 100%; height: auto; display: block;}

/*table*/
.table-view{height: 100%; width: 100%; display: table;}
.row-view{display: table-row;}
.cell-view{display: table-cell; vertical-align: middle; height: inherit;}

/*block*/
.block{position: relative; float: left; width: 100%;}
.wide-container-fluid{position: relative; padding: 0 50px;}
.container-fluid-05{position: relative; padding: 0 5px;}
.container-fluid-10{position: relative; padding: 0 10px;}
@media (max-width: 767px) {
  .wide-container-fluid{padding: 0 15px;}
}

.grid-5-col{position: relative; width: 20%; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px;}

  
 
.overlay-wrapper, .overlay-wrapper-video{visibility: hidden; width: 100%; height: 100%; position: fixed; z-index: 100;}
.overlay-wrapper.active, .overlay-wrapper-video.active{visibility: visible;}
.overlay-menu{width: 100%; height: 100%; z-index: -15; opacity: 0; left: 0;}
.overlay-wrapper.active .overlay-menu{opacity: 1; z-index: 15;}
.overlay-menu ul{display: inline-block; width: 100%; z-index: 6; list-style-type: none;}
.overlay-menu ul > li{position: relative; float: left; margin: 15px 0; padding: 5px 0; font-size: 18px; width: 100%;}
.overlay-menu ul > li > ul{position: absolute; width: 100%; visibility: hidden; opacity: 0; left: calc(100% + 10px); padding: 20px 20px; background-color: #222; z-index: 6; list-style-type: none; text-align: left;}
.overlay-menu ul > li > ul > li{font-size: 14px; padding: 10px 0; margin: 0;}
.overlay-menu ul > li > a:before{position: absolute; width: 0; height: 1px; background: #f6c220; content: ""; left: 0; bottom: 0;}
.overlay-menu ul > li.active > a:before{width: 100%;}
.overlay-menu ul > li > ul > li a:before{display: none;}
.overlay-menu a{color: white; position: relative; padding-bottom: 10px;}
.overlay-animation:before{width: 0; height: 100%; position: absolute; left: 50%;  top: 0; background-color: rgba(34,34,34,0.95); content: "";}
.overlay-animation:after{width: 0; height: 100%; position: absolute; right: 50%;  top: 0; background-color: rgba(34,34,34,0.95); content: "";}
.overlay-wrapper.active .overlay-animation:before, .overlay-wrapper-video.active .overlay-animation:before{width: 50%;}
.overlay-wrapper.active .overlay-animation:after, .overlay-wrapper-video.active .overlay-animation:after{width: 50%;}
.overlay-menu .col-md-2{padding: 0;}

.btn-close *{backface-visibility:  hidden;}
.btn-close{width: 46px; height: 46px; background: #151515; display: block; position: absolute; right: 35px; top: 30px; cursor: pointer; z-index: 7;}
.btn-close span{width: 14px; height: 2px; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -7px; background: white; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.btn-close span:nth-child(2){transform: rotate(135deg); -webkit-transform: rotate(135deg);}

.overlay-menu .basket,
.overlay-menu .login-wrapper{display: inline-block; width: 100%; text-align: center; opacity: 1; visibility: hidden; z-index: -10; color: #fff; -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); margin-left: 0; margin-right: 0; margin-bottom: 10px;}
.overlay-menu .basket{margin-bottom: 25px;}
.overlay-wrapper.active .overlay-menu .basket,
.overlay-wrapper.active .overlay-menu .login-wrapper{z-index: 10; visibility: visible;}

@media (max-height: 720px) {
  .overlay-menu{position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 70px 15px 15px 15px;}
}

@media (min-width: 992px) {
  .btn-close:hover {background: white;}
  .btn-close:hover span{background: #151515;}
  .overlay-menu ul{text-align: center;}
  .overlay-menu ul > li:hover > ul{visibility: visible; opacity: 1; left: 100%;}
  .overlay-menu ul > li:hover > a:before{width: 100%;}
  .overlay-menu ul > li > ul > li a:hover{color: #f6c220;}
}
@media (max-width: 991px) {
  .overlay-menu{position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 70px 15px 15px 15px;}
  .overlay-menu a{float: left;}
  .overlay-menu ul{position: relative; float: left; text-align: left;}
  .overlay-menu ul > li > span{position: absolute; height: 45px; width: 45px; margin-top: -10px; right: 0; cursor: pointer;}
  .overlay-menu ul > li > span:before{content: ""; position: absolute; top: 22px; left: 13px; height: 1px; width: 18px; background-color: white;}
  .overlay-menu ul > li > span:after{content: ""; position: absolute; top: 13px; left: 22px; height: 18px; width: 1px; background-color: white;}
  .overlay-menu ul > li.active.clicked span:after{transform: rotate(90deg); -webkit-transform: rotate(90deg); opacity: 0;}
  .overlay-menu ul > li {margin: 0;}
  .overlay-menu ul > li > ul{position: relative; float: left; margin: 0; transform: none; background-color: inherit; left: 10px; padding: 0px; visibility: visible; opacity: 1; display: none; transition: none; -webkit-transition: none;-ms-transition: none;-moz-transition: none;}
  .clicked:after{transform: rotate(90deg); -webkit-transform: rotate(90deg); opacity: 0;}
  .overlay-menu ul > li > ul li a{padding: 0px;}

  .overlay-menu ul > li.active.clicked ul li{padding: 10px 10px 10px 0; height: auto;}
  .overlay-menu ul > li.active.clicked ul li a{font-size: 14px;}
    .btn-close{top: 15px; right: 15px;}
}

/*overlay-video*/
.overlay-wrapper.video.active{visibility: visible;}

.video-wrapper{position: relative; float: left; display: block; width: 100%;}
.video .iframe-wrapper{position: absolute; left: 0; top: 46px; bottom: 46px; right: 0;}
.full-size{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.button-close{width: 40px; height: 40px; background: transparent; display: inline-block; vertical-align: bottom; cursor: pointer;}
.button-close:before{content:""; width: 18px; height: 2px; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -7px; background: #222; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out;}
.button-close:after{content:""; width: 18px; height: 2px; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -7px; background: #222; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out;}
@media (min-width: 1200px) {
  .button-close:hover:before,
  .button-close:hover:after{background-color: #f6c220;}
  .popup-wrapper.z-lower{z-index: 11;}
}
@media (max-width: 1199px) {
  .popup-wrapper{z-index: 150;}
}
@media (max-width: 767px) {
  .popup-align{padding: 50px 15px 50px 15px;}
}

 

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/

header{position: fixed; width: 100%; left: 0; top: 0; z-index: 50; padding: 5px 0 5px 0; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;}
header.scrolled{padding: 5px 0 5px 0; border-bottom: 1px solid #e3e3e3; background: rgba(0, 0, 0, 0.7803921568627451)!important;}
.logo{height: auto; line-height: 60px; position: relative; top: 0; /*background-color: #fff; padding: 20px; margin-left: -20px;*/}
.logo img{vertical-align: middle;}

header.header-style-2{background: rgba(0, 0, 0, 0.7803921568627451); height: 70px; }

/*menu*/
header ul.header-menu{display: inline-block; height: 60px; line-height: 60px; vertical-align: top; width: auto; z-index: 10; list-style-type: none; visibility: visible; opacity: 1; -moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out; -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px);}
header ul.header-menu > li{position: relative; display: inline-block; margin: 0 5px; font-size: 13px; width: auto; vertical-align: middle;}
header ul.header-menu > li > a{display: block;  font-size: 18px; height: 30px; line-height: 31px; width: auto; padding: 0 20px; color: #fff; font-family: 'Cuprum', sans-serif;}
header ul.header-menu > li.active > a{color: #fff;}
header ul.header-menu > li > a span{z-index: 1; position: relative;}
header ul.header-menu > li.active > a:before{height: 100%;}
header ul.header-menu > li > a:before{position: absolute; width: 100%; height: 0; background: #e8b720; content: ""; left: 0; bottom: 0; -moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out;}
header ul.header-menu > li > ul{position: absolute; width: 138px; visibility: hidden; opacity: 0; left: 50px; padding: 9px 20px; background-color: #222; z-index: 6; list-style-type: none; text-align: left; -moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out;margin-top:18px;}
header ul.header-menu > li > ul > li{padding: 0; margin: 0;}
header ul.header-menu > li > ul > li a{color:#fff; font-size: 17px; display: block; width: 100%; height: 30px; line-height: 30px; margin: 5px 0; }

/*{color:#fff; font-size: 16px; display: block; width: 100%; height: 30px; line-height: 30px; margin: 5px 0; }*/

header ul.header-menu > li >ul>li a:hover{color:#fff; font-size: 17px; display: block; width: 100%; height: 30px; line-height: 30px; margin: 5px 0;}

.sub-list{position: absolute;
    width: 105px;
    visibility: hidden;
    opacity: 0;
    /* left: -1px; */
    padding: 12px 22px;
    background-color: #080403;
    z-index: 6;
    list-style-type: none;
    text-align: left;}

header a{color: #222; position: relative;}
header ul.header-menu > li:hover > ul{visibility: visible; opacity: 1; left: 0;}

/*hamburger*/
.hamburger-icon-2,
.hamburger-icon{width: 40px; height: 45px; position: relative; display: inline-block; cursor: pointer; margin-right: -10px; margin-top: 6px; /*background-color: #fff;*/}
.hamburger-icon-2{margin-top: 6px; z-index: 100; vertical-align: top;}
.hamburger-icon-2 span,
.hamburger-icon span{background-color: #f7c121; height: 2px; width: 18px; position: absolute; left: 11px; -moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out;}
.hamburger-icon-2 span:nth-child(1),
.hamburger-icon span:nth-child(1){bottom: 27px;}
.hamburger-icon-2 span:nth-child(2),
.hamburger-icon span:nth-child(2){bottom: 21px;}
.hamburger-icon-2 span:nth-child(3),
.hamburger-icon span:nth-child(3){bottom: 15px;}
.hamburger-icon-2.active span:nth-child(1){-ms-transform: rotate(45deg) translateX(4px) translateY(4px); -webkit-transform: rotate(45deg) translateX(4px) translateY(4px); transform: rotate(45deg) translateX(4px) translateY(4px);}
.hamburger-icon-2.active span:nth-child(2){opacity: 0;}
.hamburger-icon-2.active span:nth-child(3){-ms-transform: rotate(-45deg) translateX(4px) translateY(-5px); -webkit-transform: rotate(-45deg) translateX(4px) translateY(-5px); transform: rotate(-45deg) translateX(4px) translateY(-5px);}

 
@media (min-width: 1200px) {
  header.header-style-2 .hamburger-icon{display: none;}
  .hamburger-icon-2:hover span:nth-child(1),
  .hamburger-icon:hover span:nth-child(1){bottom: 29px;}
  .hamburger-icon-2:hover span:nth-child(3),
  .hamburger-icon:hover span:nth-child(3){bottom: 13px;}
  .hamburger-icon-2.active:hover span:nth-child(1){bottom: 27px;}
  .hamburger-icon-2.active:hover span:nth-child(3){bottom: 15px;}

  header ul.header-menu > li > a:hover:before{height: 100%;}
  header ul.header-menu > li > a:hover{color: #fff;}
  header ul.header-menu > li > ul > li a:hover{color: #f6c220;}
  
  header.header-style-2.open-style ul.header-menu,
  header.header-style-2.open-style .login-wrapper,
  header.header-style-2.open-style .basket,
  header.header-style-2.active ul.header-menu,
  header.header-style-2.active .login-wrapper,
  header.header-style-2.active .basket{visibility: hidden; opacity: 0; -ms-transform: translateX(30px); -webkit-transform: translateX(30px); transform: translateX(30px);}
}
  header.header-style-2.open-style .hamburger-icon-2{display: none;}
  header.header-style-2.open-style .login-wrapper{margin-right: 0;} 

@media (max-width: 1199px) {
  header.header-style-2 .hamburger-icon-2,
  header.header-style-2 ul.header-menu,
  header.header-style-2 .login-wrapper,
  header.header-style-2 .basket{display: none;}

  header.scrolled,
  header{position: fixed; width: 100%; left: 0; top: 0; z-index: 20; padding: 5px 0;}
  .logo{height: 50px; line-height: 50px;}
  header .hamburger-icon{margin-top: 2px;}
}

@media (max-width: 767px) {
  .hamburger-icon-2,
  .hamburger-icon{margin-right: 0;}
  .logo{margin-left: 0;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/

footer{padding: 20px 0 10px 0; border-top: 1px solid #e3e3e3}
footer ul{list-style-type: none;}
footer ul li{margin-bottom: 5px;}
footer ul li a{color: #989898}
footer .copyright a{color: #222;}
footer .copyright .fa{color: #e9edd9;}

footer h6.h7{text-transform: uppercase; font-family: 'Titillium Web', sans-serif;}

/*follow*/
.follow{font-size: 0; }
.follow .item{width: 30px; height: 30px; text-align: center; color: #cbcbcb; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; margin: 0 5px; position: relative; border: 1px #cbcbcb solid; background: #fff; font-size: 12px; vertical-align: bottom;}
.follow .item:last-child{margin-right: 0;}
.follow .item .fa{position: relative; line-height: 28px; padding-top: 2px;}
.follow .item:before{position: absolute; border-radius: 50%; -webkit-border-radius: 50%; left: -2px; top: -2px; right: -2px; bottom: -2px; content: ""; background: #222; transform: scale(0); -webkit-transform: scale(0);}

/*footer-black*/
footer.footer-black{background-color: #222; color: rgba(255,255,255,0.7);}
footer.footer-black ul li a{color: rgba(255,255,255,0.7);}
footer.footer-black .copyright a{color: #fff;}
footer.footer-black .copyright .fa{color: #f6c220;}
footer.footer-black .follow .item{background-color: #111111; border:none; color: #a1a1a1;}
footer.footer-black .follow .item:before{background-color: #f6c220;}

@media (min-width: 1200px) {
  .follow .item:hover:before{transform: scale(1); -webkit-transform: scale(1);}
  footer.footer-black .follow .item:hover,
  .follow .item:hover{color: #fff;}
  footer ul li a:hover{color: #222;}
  footer .copyright a:hover{color: #e9edd9;}
  footer.footer-black .copyright a:hover{color: #f6c220;}
  footer.footer-black ul li a:hover{color: #f6c220;}
}
@media (max-width: 991px) {
  footer{text-align: center;}
}

 
.sorting-menu{position: relative; display: inline-block; width: 100%; height: auto; text-align: center; z-index: 11;}
.sorting-menu ul{list-style-type: none; display: inline-block;}
.sorting-menu ul li{position: relative; float: left; display: inline-block; height: 30px; line-height: 28px; padding: 0 20px; margin: 0 5px; font-size: 16px; color: #838586; cursor: pointer; padding-top: 2px;font-weight:400;}
.sorting-menu ul li.active{color: #fff; /*background-color: #f6c220;*/}
.sorting-menu ul li:before{content:""; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background-color: #f6c220; z-index: -1;}
.sorting-menu ul li.active:before{height: 100%;}
.sorting-menu .button-drop{display: none; width: 100%; text-transform: uppercase;}
.sorting-menu .button-drop a{display: inline-block; color: #a1a1a1; width: 300px; height: 50px; line-height: 50px; border-bottom: 2px solid #f6c220; font-weight: bold;}
.sorting-menu .button-drop a i{display: inline-block; padding-left: 10px; margin-right: -20px;}
.sorting-menu .button-drop a i.fa-angle-up{display: none;}
.sorting-menu .button-drop.active a i.fa-angle-down{display: none;}
.sorting-menu .button-drop.active a i.fa-angle-up{display: inline-block;}
@media (min-width: 1200px) {
  .sorting-menu ul li:hover{color: #fff;}
  .sorting-menu ul li:hover:before{height: 100%;}
}
@media (max-width: 767px) {
  .sorting-menu .button-drop{display: block;}
  .sorting-menu ul{display: none;}
  .sorting-menu ul.active{display: inline-block;}
  .sorting-menu ul li{display: block; width: 100%; margin: 5px 0;}
  .sorting-menu ul li:first-child{margin-top: 10px;}
  .sorting-menu ul li.active:before{display: none;}
}
  /*isotope masonry*/
.grid{position: relative; float: left; width: 100%; display: block; overflow: hidden;    text-align: center;}
.grid-sizer{width: 1%;}
.grid-item{position: absolute; width: 33%; padding: 50px 25px 50px 25px;}

.grid-item.big{padding: 0 25px 49px 25px;}
.grid-item .img-wrapper{position: relative; float: left; overflow: hidden;}
.grid-item a:first-child{position: relative; float: left; width: 100%; height: 100%; overflow: hidden; margin-bottom: 20px;}
.grid-item img{width: 100%; float: left;}
.grid-item a{text-transform: uppercase;}
.grid-item p{font-size: 13px; line-height: 24px; padding-left: 25px; position: relative; margin-top: 5px;}
.grid-item p:before{content: ""; position:  absolute; left: 0; top: 50%; width: 15px; height: 1px; background-color: #f6c220;}
@media (min-width: 1200px) {
  .grid-item img:hover{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
  .grid-item a:hover{color: #f6c220;}
}
@media (max-width: 991px) {
  .grid-item{width: 50%;}
  .grid-item,
  .grid-item.big{padding: 25px}
}
@media (max-width: 767px) {
  .sorting-menu ul li.active{color: #fff; background-color: #f6c220;}
}
@media (max-width: 479px) {
  .grid-item.big,
  .grid-item{width: 100%; padding: 20px 0;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - ABOUT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.percent-img-wrapper{position: relative; top: 0; left: 0; width: 100%;}
.percent-img-inner{padding-bottom: 87.7%;}
.percent-img-item-1{position: absolute; width: 15.8%; top: 10%; left: 0;}
.percent-img-1{padding-bottom: 444%; background-repeat: no-repeat; background-size: cover; background-position: center;}
.percent-img-item-2{position: absolute; width: 82.5%; top: 0; left: 17.8%;}
.percent-img-2{padding-bottom: 106.3%; background-repeat: no-repeat; background-size: cover; background-position: center;}

.about-list{list-style-type: none; position: relative; float: left;}
.about-list li{margin-bottom: 40px; position: relative; float: left;}
.about-list li:last-child{margin-bottom: 0;}
.about-list li article{padding-left: 60px;}
.about-list li img{width: 100%; max-width: 35px; position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.swiper-style-1{position: relative;}

.quote article{display: none;}
.quote article.active{display: block;}
.quote article .h6{color: #fff; text-transform: uppercase; margin: 10px 0 5px 0;}
.quote article span{margin-bottom: 35px;}
.quote article p{margin: 10px 0;}
.quote ul{width: 100%; display: inline-block; list-style-type: none; text-align: center; margin-top: 40px;}
.quote ul li{margin: 0 4px; cursor: pointer; display: inline-block;}
.quote ul li img{display: block;}
.quote .quote-nav{-ms-filter: grayscale(1); -webkit-filter: grayscale(1); filter: grayscale(1);}
.quote .quote-nav.active{-ms-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0);}
@media (min-width: 1200px) {
    .quote .quote-nav:hover{-ms-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0);}
}
/*QUOTE*/

/*OUR PREFERENCE*/
.slide-number{font-size: 30px; line-height: 32px; font-weight: 500; color: #f6c220;}

.detail-info span{color: #222; text-transform: uppercase; font-weight: 600;}
.detail-info p{color: #989898; padding-left: 20px; position: relative;}
.detail-info p:before{content: ""; position: absolute; left: 0; top: calc(50% - 1px); width: 10px; height: 1px; background-color: #f6c220;}

.percent-img-wrapper.style-2 .percent-img-1{position: relative;}
.percent-img-wrapper.style-2 .percent-img-1 span{position: absolute; left: 0; top: 47%; font-size: 350px; color: #f6c220;}
.percent-img-wrapper.style-2 .percent-img-2:before{content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 2.3%; background-color: #fff;}
/*OUR PREFERENCE*/

/*TEAM*/
.team-img{position: relative; display: block;}
.team-img:before{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 40px); background-color: #e3e3e3;}
.team-img img{position: relative; display: block; margin: 0 auto;}
@media (min-width: 1200px) {
  .team-img:hover:before{background-color: #f6c220; height: 100%;}
}
@media (max-width: 479px) {
  .percent-img-wrapper.style-2 .percent-img-1 span{font-size: 200px;}
}
/*TEAM*/

/*EXCURSION*/
.excursion .excursion-video{position: relative;}
.excursion .excursion-video img{display: block; width: 100%;}
.excursion .excursion-preview img{width: 100%; display: block; -ms-filter: grayscale(1); -webkit-filter: grayscale(1); filter: grayscale(1); cursor: pointer;}
.excursion .excursion-preview.active img{-ms-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0);}
.excursion .excursion-preview p{color: #989898; padding-left: 22px; position: relative; font-size: 13px; line-height: 24px;}
.excursion .excursion-preview p:before{content: ""; position: absolute; left: 0; top: calc(50% - 1px); width: 15px; height: 1px; background-color: #f6c220;}

@media (min-width: 1200px) {
  .excursion .excursion-preview img:hover{-ms-filter: grayscale(0); -webkit-filter: grayscale(0); filter: grayscale(0);}
}
@media (max-width: 991px) {
  .excursion .excursion-video{margin-bottom: 30px;}
}
/*EXCURSION*/

/*DESIGN ITEM*/
.swiper-style-2 .swiper-slide{padding: 0 5px;}
.swiper-style-2 .swiper-container{padding: 0 5px;}
.design-item{position: relative; width: 100%; float: left; background-color: #fff; margin: 0; padding: 50px;}
.price{font-size: 24px; line-height: 24px; color: #222;}
.price sup{font-size: 15px; line-height: 15px;}
 .price.price-sm{font-size: 18px;}
  .price.price-sm sup{font-size: 11px; line-height: 11px;}
.design-item img{display: block; width: 100%; max-width: 306px; margin: 0 auto;}


/*KNOW MORE*/
ul.author-date{list-style-type: none;}
ul.author-date li{display: inline-block; margin-right: 15px; font-size: 12px; line-height: 24px; vertical-align: middle;}
ul.author-date li:last-child{margin-right: 0;}
ul.author-date li img{margin-right: 7px; display: inline-block; vertical-align: middle;}
ul.author-date li span{display: inline-block;}
/*KNOW MORE*/

/*INSTAGRAM*/
.swiper-instagram .swiper-container{padding: 0 10px;}
/*INSTAGRAM*/
 
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 15 - CSS ANIMATION */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.btn-sing-up:before, .shop .shop-form .input-wrapper .input-style.focus .fa, .btn-play, .sorting-menu ul li:before, .sorting-menu ul li, a, .follow .item, .follow .item:before, .btn-1 span, .btn-2:before, .btn-1:before, .btn-1 span, .overlay-menu ul > li > span:after, .overlay-menu ul > li > a:before, .btn-close, .hamburger-icon span{-moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out;}
  .overlay-menu ul > li > ul{-moz-transition:all 50ms ease-out; -o-transition:all 50ms ease-out; -webkit-transition:all 50ms ease-out; transition:all 50ms ease-out; -ms-transition:all 50ms ease-out;}
  .overlay-menu ul > li > ul li, .overlay-menu ul > li.active.clicked ul li, .animation-wrapper, .overlay-menu, .overlay-animation:before, .overlay-animation:after{-moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; -webkit-transition:all 150ms ease-out; transition:all 150ms ease-out; -ms-transition:all 150ms ease-out;}
  .class{-moz-transition:all 700ms ease-out; -o-transition:all 700ms ease-out; -webkit-transition:all 700ms ease-out; transition:all 700ms ease-out; -ms-transition:all 700ms ease-out;}
  .class{-moz-transition:all 1000ms ease-out; -o-transition:all 1000ms ease-out; -webkit-transition:all 1000ms ease-out; transition:all 1000ms ease-out; -ms-transition:all 1000ms ease-out;}
  .class{-moz-transition:all 2000ms ease-out; -o-transition:all 2000ms ease-out; -webkit-transition:all 2000ms ease-out; transition:all 2000ms ease-out; -ms-transition:all 2000ms ease-out;}
  
  /*transition delay 
  .overlay-wrapper.active, .overlay-wrapper.active .overlay-animation:before, .overlay-wrapper.active .overlay-animation:after, .overlay-menu{transition-delay: 0ms; -moz-transition-delay: 0ms; -webkit-transition-delay: 0ms; -ms-transition-delay: 0ms;}
  .class{transition-delay: 150ms; -moz-transition-delay: 150ms; -webkit-transition-delay: 150ms; -ms-transition-delay: 150ms;}
  .class{transition-delay: 250ms; -moz-transition-delay: 250ms; -webkit-transition-delay: 250ms; -ms-transition-delay: 250ms;}
  .class{transition-delay: 300ms; -moz-transition-delay: 300ms; -webkit-transition-delay: 300ms; -ms-transition-delay: 300ms;}
  .class{transition-delay: 450ms; -moz-transition-delay: 450ms; -webkit-transition-delay: 450ms; -ms-transition-delay: 450ms;}
  .overlay-animation:before, .overlay-animation:after, .overlay-wrapper.active .overlay-menu{transition-delay: 500ms; -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -ms-transition-delay: 500ms;}
  .class{transition-delay: 700ms; -moz-transition-delay: 700ms; -webkit-transition-delay: 700ms; -ms-transition-delay: 700ms;}
  .class{transition-delay: 750ms; -moz-transition-delay: 750ms; -webkit-transition-delay: 750ms; -ms-transition-delay: 750ms;}
  .overlay-wrapper{transition-delay: 1000ms; -moz-transition-delay: 1000ms; -webkit-transition-delay: 1000ms; -ms-transition-delay: 1000ms;} */


_:-ms-fullscreen, :root .bloom.index03 .quote .quote-nav{opacity: 0.5;}
_:-ms-fullscreen, :root .bloom.index03 .quote .quote-nav.active{opacity: 1;}
 

@media (max-width: 480px) {
.logo img { width:120px;}
.pdb20 {padding-bottom:20px;}





}
@media (max-width:768px) {
	section.home-slider {
    padding-top: 70px;}	
	
	
	.slider-content {
    position: absolute;
    display: block;
    top: 30%;
    transform: translateY(-50%);
    left: 0;
    z-index: 5;
    width: 100%;}
	
	
	.slider-content h2 {
        font-size: 40px;
        margin-bottom: 5px;}
    
	
}
p {margin-bottom: 15px; line-height: 24px;}


.no-padding {padding:0px;}
.mgt30 {margin-top:30px;}
.mgt40 {margin-top:40px;}
 .pdt10 {padding-top:10px}	
.pdtb60 {padding:60px 0px;}
.h4style { font-size: 16px;
    color: #000;}
	
.h2style {font-family: 'Cuprum', sans-serif;
    font-size: 36px; color: #000;line-height: 40px;	}
	
.h2style_white {font-family: 'Cuprum', sans-serif;
    font-size: 36px; color: #fff;line-height: 40px;	}	

.pstyle p {font-size: 15px;
    line-height: 20px;
letter-spacing: .2px;padding:10px 0px;}
 
.titile_line1:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100px;
    top: 5px;
    left: -111px;
    background: rgba(0, 0, 0, 0.34);
}
.titile_line1:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100px;
    top: 5px;
    left: 23px;
    background: rgba(0, 0, 0, 0.34);
}
/*
.title>span {
    color: #f7c121;
    font-size: 36px;
    font-weight: 700;
}
*/
.titile_line1 {
    display: block;
    height: 12px;
    width: 12px;
    background: #f7c121;
    position: relative;
    left: 50%;
    margin-left: -9px;
}


.titile_line2:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 70px;
    top: 6px;
    left: 12px;
    background: rgba(0, 0, 0, 0.34);
}
 
#middil_section .titile_line2:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 70px;
    top: 6px;
    left: 12px;
    background: rgb(241, 240, 240);
}
 
.titile_line2 {
    display: block;
    height: 12px;
    width: 12px;
    background: #f7c121;
    position: relative;
    left: 0%;
	margin-bottom: 20px
     
}

.h3_subhead {font-size: 26px; margin-bottom:5px;
    color: #000;
    font-weight: 400;font-family: 'Cuprum', sans-serif;
	}
	
.h3_subhead_white {font-size: 26px; margin-bottom:5px;
    color: #fff;
    font-weight: 400;font-family: 'Cuprum', sans-serif;
	}	
 
.p_white .pstyle .titile_line1:after { background: rgb(255, 255, 255);}
.p_white .pstyle .titile_line1:before {background:rgb(255, 255, 255);}
.p_white .pstyle p {color:#eee;}

.h3style { font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #000;font-weight: 400;    font-family: 'Cuprum', sans-serif;}

.h3style span {color:#f7c121; }	
.highlight_text {    color: rgba(0, 0, 0, 0.6509803921568628);
    font-weight: 600;}	
	
.values {padding:70px 0px;}
.show_contant {padding: 20px 0px; background: #fff; text-align:center;}
.show_contant .h6 {
    font-size: 18px;
    line-height: 24px;
}
.copyright {padding-top:20px}

.left_me {float:left;}
.right_me {float:right;}
.center_me {text-align:center;margin-top:10px;}

	
.values1 {
	background: #f7c121;
    padding: 20px;
    text-align: center;
}
.values2 {
	background: #222;
    padding: 20px;
    text-align: center;}
.values3 {
	background: #f7c121;
    padding: 20px;
    text-align: center;
}
.values4 {
	background: #222;
    padding: 20px;
    text-align: center;
	}

.values .fa {font-size: 45px; color:#fff;}
.h4white {color:#fff;font-size:18px;margin-top: 10px;}



/*  ==============  project Hover Css =============  */
.project_div {
    position: relative;
}
.project_div .img-holder{
    display: block;
    overflow: hidden;
    position: relative;  
	margin-bottom: 10px;
}
.project_div .img-holder img{
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    width: 100%;        
}
.project_div:hover .img-holder img{
   /* transform: scale(1.1); */
}
.project_div .img-holder .overlay-style-one .box .content a i {
    border: 2px solid #f9c322;
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 15px;
    color: #fff;
    line-height: 38px;
    transition: all 500ms ease;
}
.project_div:hover .img-holder .overlay-style-one{
    opacity: 1;
    -webkit-transform: perspective(400px) translate3d(0deg);
    -moz-transform: perspective(400px) translate3d(0deg);
    -ms-transform: perspective(400px) translate3d(0deg);
    -o-transform: perspective(400px) translate3d(0deg);
    transform: perspective(400px) translate3d(0deg);    
}
.project_div .img-holder .overlay-style-one .box .content a:hover i{
    background: #f9c322;
    color: #fff;
    border-color: #f9c322;
}

.project_div .text-holder {
    text-align:center;
    position: relative; 
    background: #fff;
    display: block;
     padding: 10px 0px;
	border:1px solid rgba(47, 67, 149, 0.07058823529411765);
}
 
.project_div .text-holder:before {
    width: 100%;
    height: 3px;
    position: absolute;
    content: "";
    background: #000000;
    left: 0;
    top: -1px;
}
.project_div .text-holder:after {
  width: 100%;
  height: 3px;
  position: absolute;
  content: "";
  background: #f9c322;
  left: 0;
  top: -1px;
  transform: scaleX(0);
  transition: .5s ease;
}
.project_div:hover .text-holder:after {
  transform: scaleY(1);
  transition: .5s ease;
}
.project_div .text-holder .title{
    color: #0055b2;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize;
    transition: all 500ms ease;
    margin-bottom: 0px;
	
}

.project_div .text-holder .text h6 { color:#000000;font-size: 18px;font-weight: 400;}

.project_div .text-holder .title:hover{
    color: #8cb412;
}
.project_div .text-holder p{font-size: 14px;
    line-height: 20px;}

.overlay-style-one{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    padding:0px;
    color:#ffffff;
    opacity:0;
    background: rgba(0, 0, 0, 0.6588235294117647);
    -webkit-transform: perspective(400px) translate3d(-90deg);
    -moz-transform: perspective(400px) translate3d(-90deg);
    -ms-transform: perspective(400px) translate3d(-90deg);
    -o-transform: perspective(400px) translate3d(-90deg);
    transform: perspective(400px) translate3d(-90deg);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}
.overlay-style-one .box .content p {text-align:center;color:#fff; padding: 5px; }
#gotop {z-index:999; border: 1px solid rgba(247, 253, 255, 0.77);}
/**------ Page Header -------**/
.page_header {
 
}
.shadow_one {
    background: rgba(0, 0, 0, 0.4588235294117647);
}
.page_header .page-content {
    position: relative;
	    text-align: center;
}
.page_header .page-content h1 {
  margin-top: 250px;
    font-size: 30px;
    color: #fff;
    margin-bottom: 10px;
	    font-family: 'Cuprum', sans-serif;
		 
}
.page_header .page-content p {
    padding-bottom: 30px;
    margin: 0;
    color: #fff;
	    text-align: center;
}
.page_header .page-content .page_nav {
    background: rgba(27, 27, 27, 0.6705882352941176);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    bottom: 0;
    padding: 18px 40px 10px;
    display: inline-block;
    margin-top: 0px;
    color: #fff;
    font-size: 0.875em;
     
}
.page_header .page-content .page_nav a {
    display: inline-block;
    margin: 0 10px;
    color: #fff;
	font-weight: 600;
}
.page_header .page-content .page_nav a.active {
    color: #f7c121;
}

.page_header .page-content .page_nav span i {
    margin-right: 5px;
}

/**-------Page Header ends------**/

/*** ============== contact form =============== ***/
 
.default-form .form-group .field-label {
    display: block;
    line-height: 24px;
    text-transform: firsttopcase;
    margin-bottom: 10px;
    color: #232323;
    font-weight: 500;
    font-size: 13px;
}

.default-form .form-group .field-label sup {
    color: #ff0000;
    font-size: 14px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea {
    display: block;
    width: 100%;
    line-height: 24px;
    height: 48px;
    font-size: 14px;
    border: 1px solid #eff4f9;
    padding: 11px 15px;
    background-color: #ffffff;
    color: #000;
    border-radius: 0px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.default-form select {
    cursor: pointer;
    -moz-appearance: none;
     -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/icons/icon-select.html) right center no-repeat;
}

.default-form textarea {
    height: 200px;
    resize: none;
}
 

.default-form select option {
    text-indent: 15px;
}

.default-form input:focus, .default-form input:hover,
.default-form select:focus, .default-form select:hover,
.default-form textarea:focus, .default-form textarea:hover {
    border-color: #fbca00 !important;
    background-color: rgba(255, 255, 255, 0.50) !important;
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error {
    border-color: #ff0000 !important;
}

.default-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0px 0px;
    margin: 0px;
    text-transform: firsttopcase;
    font-size: 11px;
    color: #ff0000;
    font-weight: 500;
}

.contact-form {
    position: relative;
    color: #000;
}

#contact_section .inner-box {
    border: 1px solid #eff4f9;
    padding: 15px 20px 0;
    margin-bottom: 30px;
}
#contact_section .inner-box p {margin-top:0px; text-align:center}


#contact_section .contact_info {
    position: relative;
    margin-bottom: 40px;
}

#contact_section .contact_info ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#contact_section .contact_info li {
    position: relative;
    padding-left: 90px;
    margin-bottom: 35px;
    line-height: 24px;
    color: #8d8d8d;
    padding-top: 5px;
    font-size: 15px;
}

#contact_section .contact_info li a {
    color: #8d8d8d;
}
#contact_section .contact_info li a:hover {
    color: #f7c122;
}

#contact_section .contact_info li h3 {
    color: #23282a;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
	    margin-top: 0;
}



#contact_section .contact_info li .fa {
    position: absolute;
    left: 0px;
    top: 10px;
    width: 60px;
    height: 60px;
    background-color: #fbf8f7;
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    color: #f7c122;
    box-shadow: -2px -2px 10px #1e1e1e;
}

#contact_section textarea {
    height: 200px;
}

#contact_section .text {
    padding: 0px 10px;
}

.contact_text p { text-align:center;}
.contact_text {margin-bottom:40px;}



/* Btn CSS */
.simple-default-btn {
    border: none;
    border-radius: 0;
    color: #ffffff;
	font-weight:600;
    background: #f7c122;
    padding: 7px 12px;
     margin-top:5px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-black {
    background: #111111;
}
a.simple-default-btn:focus {color:#fff}


/*.simple-default-btn:before {
    content: '';
    width: 30px;
    height: 200px;
    background: #fdfcc8;
    position: absolute;
    left: -30px;
    top: -100px;
    z-index: 0;
    opacity: 0.5;
    -ms-transform: rotate(20deg); /* IE 9  
    -webkit-transform: rotate(20deg); /* Safari 
    transform: rotate(20deg);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.simple-default-btn:hover:before {
    left: 300px;
    z-index: -1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}*/
.simple-default-btn:hover {
    color: #ffffff;
    background: #111111;
    z-index: 1;
    border-color: #6AB4FF;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
 


.img_control {width:100%;}
.social-icons ul {padding-left:0px}



.pdtb40 {padding:40px 0px;}
.inner-box {
    border: 1px solid #eff4f9;
    padding: 15px 20px 0;
    margin-bottom: 30px;
}
.bg_shade_1 {padding: 40px 20px;
    background: rgba(247, 193, 33, 0.16862745098039217);
}
.bg_shade_1 p { font-weight: 400;}
.bg_shade_1 p span {color:#000}
	
.cf_pd0 {padding:0px;}

.shadow_two {
    background: rgba(9, 14, 19, 0.75);
	    padding: 40px 0px;
}
 
.shadow_two .h2_heading {color:#fff; padding: 15px 0px 0px 0px;
    margin-bottom: 0;    font-size: 24px;line-height: 30px;}
.shadow_two p {color:#eee;}
.img_top {margin-top: -50px;}
.showoff {text-align:center;padding:20px 0px;}
.show_xs {display:none}
.list_inline .list-inline {text-align:center;}
.list_control .list-item {
    padding: 0px;
    list-style-type: none;
}

.list_control .list-item .fa {
    float: left;
    padding-top: 5px;
    color: #f7c122;
}

.list_control .list-item li {
    padding-left: 25px;
    padding-bottom: 10px;
    line-height: 22px;
    letter-spacing: 0.2px;
    font-size: 15px;
}
.list_control .list-inline {text-align:center;}
.panel_h3 { font-size: 36px;
color: #fff; }
.panel_h3 span { font-size:24px;} 
#bottom_panel .list_control p {text-align:center;   margin-bottom: 0;} 
.grid-item img, .prod-item .prod-item-img, .overlay-menu ul > li > ul{-moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out;}
  
.image_control {
border: 1px solid #eee !important;
    padding: 50px 20px !important;
}  
.inline_list_control .list-inline {
    text-align: center;
}
.inline_list_control .list-inline li {
    padding: 15px 20px;
    font-weight: 600;
}
.inline_list_control .list-inline li a {
    text-decoration: none;
    color: #132f57;
}
.inline_list_control .list-inline li .fa {
    padding: 5px;
    color: #e8b720;
} 
  
  .btn {
    display: inline-block;
    padding: 0px 0px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 100;
    line-height: 2;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
}
  
  
@media (max-width:320px) {
 
}
@media (max-width:480px) {
.left_me {float:none;text-align:center}
.right_me {float:none;text-align:center;margin-top: 10px;}
.center_me {float:none;text-align:center; margin-top: 0px;}
.pd0 {padding:0px;}
.hide_xs {display:none}
.show_xs {display:block}
.showoff {margin-bottom:70px;}
.logo img {width:150px;}
.list_inline .list-inline li {width:100%; margin-bottom:25px;box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.21176470588235294);
    padding: 10px 0px;}
.list_control .list-inline li {width:100%;padding: 7px 0px;}	
}