/*------------------------------------------------------*/
/*----------------------BACKGROUND----------------------*/
.bg {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow: hidden;}
.bg img{position:absolute; top: 0px; width: 100%; height: 100%;}
.bg video{position:absolute;}
.bg-bg {background-position: 50% 0px; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bg-bg-bag {background-attachment: scroll;background-origin: initial;background-clip: initial;background-size: cover;background-repeat:no-repeat;background-position:50% 0;position:relative;}
.bg-bg-chrome{background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-ms-background-size: cover; background-size: cover; position:fixed;}
.bg-bg-chrome.act{position: absolute;}
.clip {clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}
.full-width {position:relative; width:100%;}
.full-height {height:100vmin; position:relative; float:left; width: 100%;}
.center_img {position: absolute;}
.bg-trans {background: transparent!important;}
.bg-grey-l {background: #efefef;}
.bg-grey-light {background: #FAFAFA;}
.bg-grey-light1 {background: #f8f8f8;}
.bold {font-weight: 700;}
.medium {font-weight: 600;}
.ex-bold {font-weight: 800;}
.fl {position: relative; float: left;}
.fr {position: relative; float: right;}

/*---header---*/
header.no-bg {background: rgba(255,255,255,0.4);}
header.not-fixed {position: relative;}
.current-menu-item a {color:  #b99d61;  padding:5px 10px; background:#ffffff;}
.centered {height: auto;}
.centered .logo, .centered .navigation {float: none;margin: 0 auto;text-align: center;}
.centered .table-cell {display: block;}
.centered .navigation .menu, .centered .navigation .second-menu {float: none;display: inline-block; padding: 20px 0 15px;}

@media screen and (max-width: 992px) {
    .centered .navigation .nav-menu-icon {float: left; padding: 20px 0 15px;}
    .centered .navigation .second-menu{margin-left: -18px;}
}

.second-menu {position: relative; float: left; margin-left: 21px; height: inherit; cursor: pointer; text-align: left; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.second-menu span {display: inline-block; margin-left: 10px; width: 30px; height: 2px; background: #777; position: relative; float: none;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.second-menu span:before {content: ''; position: absolute; left: 0px; top: -6px; height: 2px; width: 100%; background: #777;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.second-menu span:after {content: ''; position: absolute; left: 0px; top: 6px; height: 2px; width: 100%; background: #777;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.open-menu {position: relative; float: left; margin-top: -2px;}
.second-menu b {position: relative; float: left; font-size: 13px; line-height: 16px; font-weight: 700; text-transform: uppercase; color: #777;}
.right-menu {overflow-y: auto; position: fixed; right: 0%; top: 0px; padding: 30px; background: #fff; max-width: 400px; height: 100%; z-index: 5000; width: 100%; transform: translateX(100%); -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%); transition: transform .6s cubic-bezier(.6,0,.3,1); -webkit-transition: transform .6s cubic-bezier(.6,0,.3,1);-moz-transition: transform .6s cubic-bezier(.6,0,.3,1);-ms-transition: transform .6s cubic-bezier(.6,0,.3,1);}
.wrapp {position: relative; width: 100%; display: inline-block;}
.right-menu.slides { transform: translateX(0%); -webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);}
.close-menu {position: absolute; left: 0px; top: 12px; height: 25px; width: 30px; cursor: pointer; text-align: center; z-index: 55;}
.close-menu div {height: 2px; margin-top: 10px; width: 30px; background: #222; position: relative; display: inline-block; float: none; transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s; -webkit-transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s;-moz-transition: transform .6s cubic-bezier(.6,0,.3,1) 0.6s;-ms-transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s;}
.close-menu div:before {content: ''; position: absolute; left: 0px; top: 0px; height: 2px; width: 100%; background: #222; transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s; -webkit-transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s;-moz-transition: transform .6s cubic-bezier(.6,0,.3,1) 0.6s;-ms-transition: transform .6s cubic-bezier(.6,0,.3,1)  0.6s;}
.close-menu.active div {transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg); }
.close-menu.active div:before {transform: rotate(-90deg); -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.submit {position: absolute; right: 0px; top: 0px; height: 50px; width: 50px; background: #eee; border-radius: 50%; z-index: 65; text-align: center;}
.submit .submit-button {position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 5;}
.submit span {color: #222; font-size: 20px; line-height: 50px; position: absolute; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; cursor: pointer;}
.search-input {position: relative;  width: 100%; display: inline-block;}
.search-input .text-input {position:relative; width: 100%; border-radius: 5px; background: #eee; height: 0px; overflow: hidden; padding: 0px 50px 0px 15px; font-size: 14px; color: #222; margin-top: 40px; overflow: hidden; visibility: hidden; transition:all .35s ease-out;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-ms-transition:all .35s ease-out;}
.search-form.act .text-input {height: 50px; visibility: visible;}
.search-form.act .submit-button {z-index: 50;}
#menu-test {text-align: center;}
#menu-test > li {padding-bottom: 30px;position: relative; float: left; width: 50%; padding: 0px 0px 30px; text-align: center;}
#menu-test > li > a { display: block; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 20px; }
#menu-test > li > ul li { text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: 700; padding-bottom: 10px; color: #7f7f7f;}
.right-menu-link h2.title {padding-bottom: 30px;text-align: center;}
.right-menu-link li.menu-item-has-children{ position: relative; float: left; width: 50%; padding: 0px 0px 30px; text-align: center; }
.right-menu-link li.menu-item-has-children > a{ padding-bottom: 20px; font-size: 18px; line-height: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; color: #222; font-family: 'Lato', sans-serif; display: block; }
.right-menu-link li.menu-item-has-children li{ text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: 700; padding-bottom: 10px; color: #7F7F7F; }
.nav-menu-icon a i {top: -3px; position: relative;display: inline-block; border-radius: 0; width: 18px;height: 3px;color:#000;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background: #000;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a i:before, .nav-menu-icon a i:after {content:''; width: 18px;height: 3px; border-radius: 0;background: #262626;position: absolute;left:0;transition:all .2s ease-out;}
.nav-menu-icon a i:before {top: -7px;}
.nav-menu-icon a i:after {bottom: -7px;}
// .nav-menu-icon a:hover i:before {top: -10px;}
// .nav-menu-icon a:hover i:after {bottom: -10px;}
.nav-menu-icon a.active i {background: none;}
.nav-menu-icon a.active i:before {width: 24px; top:0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.nav-menu-icon a.active i:after {width: 24px; bottom:0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.black-menu .nav-menu-icon a.black i,
.black-menu .nav-menu-icon a.black i:after,
.black-menu .nav-menu-icon a.black  i:before{
    background: #000;
}
/*---mouse---*/
.intro-scroll-down {position: absolute; z-index: 1;bottom: 30px;left: 50%;margin-left: -15px; cursor: pointer;}
.intro-scroll-down .mouse {position: relative;display: block;width: 30px;height: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 2px solid #222;border-radius: 23px;-moz-border-radius: 23px;-webkit-border-radius: 23px;z-index: 50;}
.intro-scroll-down .mouse .mouse-dot {position: absolute;display: block;top: 29%;left: 50%;width: 6px;height: 6px;margin: -3px 0 0 -3px;background: #999;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-webkit-animation: ani-mouse 2.5s linear infinite;-moz-animation: ani-mouse 2.5s linear infinite;animation: ani-mouse 2.5s linear infinite;}
.view-portfolio {position: absolute; width: 100%; left: 0px; bottom: 20px; text-align: center;}
.view-portfolio a {font-size: 14px; text-transform: uppercase; font-family: 'Poppins', sans-serif;}

/*---dropdown---*/
.drop-wrap {position: relative; float: left;}
.drop {position: absolute; display: block; left: 0px; top: 0px; min-width: 120px;}
.drop b {position:relative; float: left; width: 100%; height: 50px; padding-left: 10px; background: #eee; border-radius: 5px; border: 0px none; font-size: 13px; cursor: pointer; text-transform: capitalize; font-weight: 300; line-height: 50px;color: #999;}
.drop .drop-list {position: absolute; right: 16px;top: 0px;font-size: 16px;color:#999; line-height: 50px;}
.drop span {position:absolute; left:0px; top:100%; width:100%; display: none; z-index: 50; border: 1px solid #ebebeb; margin: 0px;}
.drop-list.act {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); z-index: 51; margin-top: 8px;}
.drop span a, .drop .but b {color: #999; background: #fff; font-size: 13px; font-weight: 300; float: left; position: relative; width: 100%; height: 35px; text-decoration: none; text-align: left; line-height: 28px; padding: 3px 0 0 10px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; z-index: 52; text-transform: capitalize;}
.drop span a:hover, .drop .but b:hover {background: #222; color:#fff;}


/*---footer---*/
footer {position: relative; text-align: center; display: block; width: 100%; background: #000; color: #fff;}
.footer {position: relative; width: 100%; min-height: 200px;}
.footer-link {position: relative;  height: inherit;}
.footer-link ul, .footer-link li {display: inline;}
.footer-link a {font-size: 16px; line-height: 24px; margin: 0px 15px; color: #999;}
.footer-link a:hover {color: #fff;}
.footer-folow {position: relative;  }
.footer-folow a {font-size: 40px; margin: 0px 5px; vertical-align: bottom; font-weight: 800; color: #b99d61 }
.footer-folow a:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: .8;
    color: #b99d61;
}
.center .footer .footer-link, 
.center .footer .footer-folow {float: none;margin: 0 auto;text-align: center;clear: both;}
footer.reverse .footer-link {float: right;}
footer.reverse .footer-folow {float: left;}
.footer-copyright {
    padding-bottom: 13px;
    font-size: 14px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.content {position: relative; width: 100%; overflow: hidden; transition: transform .6s cubic-bezier(.6,0,.3,1);-ms-transition: transform .6s cubic-bezier(.6,0,.3,1); -webkit-transition: transform .6s cubic-bezier(.6,0,.3,1);-moz-transition: transform .6s cubic-bezier(.6,0,.3,1);}
body.act .content {transform: translateX(-400px); -webkit-transform: translateX(-400px);-moz-transform: translateX(-400px);-ms-transform: translateX(-400px);}
.layer-dark {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; z-index: 50; transition: all .6s cubic-bezier(.6,0,.3,1);-ms-transition: all .6s cubic-bezier(.6,0,.3,1); -webkit-transition: all .6s cubic-bezier(.6,0,.3,1);-moz-transition: all .6s cubic-bezier(.6,0,.3,1);}
body.act .layer-dark {visibility: visible; opacity: 1;}
.slider-vertical  .full-height {height: 700px;}
.main-slider {max-width: 1600px;}
.main-slider-atlanta .main-title h2 {
    color:#fff; 
    font-size: 60px;
}
.readmoreslider {
    border:2px solid #fff; 
    padding:10px 20px; 
    color:#fff; 
    font-size: 14px;
}
.main-slider-atlanta .main-title {
    text-align: left; 
    top:35%; 
    
}
.main-slider-atlanta .main-title h5 {
    color: #b99d61; 
}
.main-slider .swiper-slide .main-title {margin-left: -150px; transition: all .6s cubic-bezier(.6,0,.3,1);-ms-transition: all .6s cubic-bezier(.6,0,.3,1); -webkit-transition: all .6s cubic-bezier(.6,0,.3,1);-moz-transition: all .6s cubic-bezier(.6,0,.3,1); opacity: 0;}
.main-slider .swiper-slide.active .main-title {opacity: 1; margin-left: 0px;}
.main-slider .swiper-slide .full-height500 {height: 500px;
margin-top: 50px;
} 
.top-baner {position: relative; width: 100%; height: 100%; height: 600px;}
.padd-80 {padding-bottom: 80px;}
.filters-style-2 {
    text-align: center;
}
.more-project {position: relative; width: 100%; text-align: center;}
.load-more {cursor: pointer;}
.load-more span {text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 300; color: #999; position: relative; float: none; display: inline-block; width: 100%; padding-bottom: 15px;} 
.load-more img {position: relative; float: none; display: inline-block;}
.home-izotope .grid-sizer {width: 25%;}
.item a:active {color: #000;}
.item a:focus {color: #000;}
.home-izotope .item {position: relative; float: left; width: 25%; padding: 0px 15px; margin-bottom: 30px;}
.home-izotope .item.w-50 {width: 50%;}
.layer {position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; backface-visibility: hidden; background: rgba(255,255,255,0.8); text-align: center; opacity: 0;-webkit-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 320ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.nogutt-col2 .layer, .nogutt-col3 .layer, .nogutt-col4 .layer {left: 0px;}
.item .layer .vertical-align {padding: 0px 15px;}
.layer a {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1;}
.layer.bl_layer {background: rgba(0,0,0,0.8);}
.layer.bl_layer h4 {color: #fff;}
.layer.bl_layer h5 {color: #ebebeb;}
.layer h4 {padding-bottom: 5px; letter-spacing: 5px; margin-top: -25px;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.layer h5 {margin-top: -55px;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.item:hover .layer {opacity: 1;}
.item:hover .layer h5 {margin-top: 0px;}
.item:hover .layer h4 {margin-top: 0px;}
.no-more {position: relative; width: 100%; text-align: center; font-weight: 300; font-size: 16px; text-transform: uppercase; display: block; color: #999;}
.color-light {color: #E7E7E7;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.about-item {position: relative; width: 100%; padding-bottom: 40px; padding-right: 40px;}
.contact-item p {padding-bottom: 30px;}
.wpcf7-form .wpcf7-not-valid-tip { margin-bottom: 12px; margin-top: -12px; font-size: 12px; }
.wpcf7-form .wpcf7-response-output {clear: both; margin: 20px 40px 10px 0px; padding: 5px;float: left; font-size: 12px;}
.tt {text-transform: uppercase; font-size: 14px; color: #777; padding-bottom: 15px;}
.team-text {padding: 20px; position: absolute; left: 0px; top: -100%; width: 100%; height: 100%; z-index: 1; background: rgba(255,255,255,0.8);transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.team-block:hover .team-text {top: 0px;}
.team-text span {font-size: 12px; color: #777; display: block; padding-bottom: 15px;}
.team-text p {font-size: 13px; color: #555; padding-bottom: 20px;}
.team-text .team-share {padding: 0px;}
.team-text .team-share a {font-size: 17px; margin: 0px 10px;}
.team-text .team-share a:hover {color: #000;}
.skill {position: relative; width: 100%; margin-top: -10px;}
.about-item h4 {padding-bottom: 15px; font-size: 16px;}
.about-us h1 {padding-bottom: 10px;}
.about-us p {padding: 10px 0px 8px; color: #444;}
.team-block {position: relative; float: left; overflow: hidden; width: 100%; padding-bottom: 40px;}
.team-block img {width: 100%; height: auto;}
.later-team {position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; background: rgba(255,255,255,0.9); z-index: 1; padding: 40px 35px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.later-team h4 {padding-bottom: 15px; font-weight: 300;}
.later-team h6 {font-weight: 300; color: #555;}
.later-team p {font-size: 14px; color: #777; padding: 35px 50px 0px 0px;}
.team-share {padding-top: 30px;}
.team-share a {font-size: 22px; color: #555; margin: 0px 15px;}
.team-share a:first-child {margin-left: 0px;}
.hiden-text {opacity: 0; padding-top: 40px; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.team-block:hover .later-team {bottom: 0px;}
.team-block:hover .hiden-text {opacity: 1; padding-top: 0px;}
.servis-block {position: relative; float: left; width: 100%; text-align: center; padding-bottom: 30px;}
.servis-block.left{text-align: left;}
.servis-block.right{text-align: right;}
.servis-block i, .servis-block img {margin-bottom: 30px;font-size: 50px;color:#000;}
.servis-block h4 {padding-bottom: 20px; letter-spacing: 1px;} 
.servis-block p {color: #999;}
.subtitle {position: relative; width: 100%; text-align: center; padding-bottom: 50px;}
.subtitle h2 {padding-bottom: 10px;}
.subtitle h3 {padding-bottom: 10px; font-size: 32px;}
.subtitle h4 {padding-bottom: 15px;}
.subtitle p {padding-bottom: 20px;}
.top-baner.half-height {height: 200px;}
.content.page-body {margin-top: 50px;}
.container.page-body {margin-top: 50px;}
.top-baner.height-300 {height: 300px;}
.top-baner.height-400 {height: 400px; margin-top: 80px;}
.top-baner.marg-head-100 {
    margin-top: 115px;
    margin-bottom: 0;
    padding-bottom: 150px;
    height: auto;
}
/*.bg-green {background: #e7efef;}*/
.bg-green .main-title h2 {color: #000;}
.main-title.no-bg {background: none; border: 0px none; outline: none; }
.main-title p { font-size: 16px;}
.team-slider {padding-bottom: 40px;}
.team-slider .swiper-slide {padding: 0px 15px;}
.team-slider .point-style-2 {text-align: left; padding-left: 11px;}
.serv-text {padding-bottom: 30px;}
.serv-text h6 {padding-bottom: 10px;}
.serv-text p {font-size: 13px; color: #555;}
.full-about-baner {width: 100%; position: relative; min-height: 700px; margin-bottom: 80px;}
.full-about-baner .w-50:first-child {width: 50%; position: absolute; left: 0px; top: 0px; height: 100%;}
.full-about-baner .w-50:last-child {width: 50%; position: absolute; left: 50%; top: 0px; height: 100%;}
.about-baner-slider .swiper-slide .slides {height: 350px; width: 100%;}
.about-baner-slider .swiper-slide {width: 100%;}
.about-baner-slider {height: 350px;}
.bottom-about-title {background: #222; position: absolute; left: 0px; bottom: 0px; height: 350px; width: 100%;}
.bottom-about-title .title h6 {color: #fff; text-align: center; line-height: 20px;}
.serv-text.text-center a {font-size: 18px; text-align: center; font-family: 'Poppins', sans-serif; display: block; padding-bottom: 15px}
.service-icon {position: relative; width: 100%; padding: 120px 0px; margin-bottom: 80px;}
.info-block  {width: 100%; text-align: center; color: #fff;}
.info-block h4 {font-size: 36px; padding-bottom: 15px; letter-spacing: 0px;}
.black-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.price-block .button-style-2 a {color: #000; padding: 10px 25px; font-size: 14px; overflow: hidden; border: 0px none;}
.price-block .button-style-2 a:before {content: attr(data-text); padding: 10px 25px; white-space: nowrap; font-size: 14px; color: #fff; position: absolute; left: 0px; bottom: 0%; width: 100%; height: 100%; background: #000; z-index: 1; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;  border: 1px solid #000;}
.price-block .button-style-2 a:after {content: attr(data-text);padding: 10px 25px; white-space: nowrap; font-size: 14px; color: #444; position: absolute; left: 0px; top: -100%; width: 100%; height: 100%; background: #efefef; z-index: 2; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;  border: 1px solid #efefef;}
.price-block .button-style-2 a:hover {color: #efefef; border: 0px none;}
.price-block .button-style-2 a:hover:before {bottom: -100%;}
.price-block .button-style-2 a:hover:after {top: 0px;}
.price-block:hover {border: 1px solid #888;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - BLOG */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.item.blog-item {position: relative; float: left; margin: 0px 1% 30px; background: #fff;}
.blog-item-img {position: relative; width: 100%; overflow: hidden;}
.blog-item img {width: 100%; height: auto; transition: all 1.5s ease-out; -webkit-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;} 
.blog-item:hover .blog-item-img img {transform: scale(1.1);} 
.blog-item-text {padding: 0px 30px;}
.blog-item .blog-item-text h4 {word-wrap: break-word;font-size: 26px; padding-bottom: 20px; color: #222; display: block; font-family: 'Lato', sans-serif; line-height: 30px; letter-spacing: 1px; transition: all 0.3s ease;}
.blog-item .blog-item-text h4:hover {color: #000;}
.blog-item-bg {min-height: 400px;}
.full-img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.6); z-index: 5; opacity: 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;}
.blog-item:hover .full-img {opacity: 1;}
.top-bar {position: relative; width: 100%; padding: 20px 0px 15px; font-size: 14px; text-transform: uppercase; color: #999; font-weight: 300;}
.top-bar a {color: #999; margin-right: 15px; font-size: 13px;}
.top-bar a:hover {color: #000;}
.top-bar a:first-child {color: #000;}
.top-bar span {margin-right: 15px; font-size: 13px;}
.blog-link a {display: block; margin-bottom: 30px; font-size: 14px; color: #000;}
.blog-item a:hover {color: #999;}
.blog-item p {color: #999; font-size: 15px; padding-bottom: 40px;}
.blog-item button {margin-top: 40px;}
.read-more {letter-spacing: 2px; text-transform: uppercase; color: #555; margin: 25px 0px 15px; font-size: 16px; position: relative; display: block; font-weight: 300;}
.read-more:hover {color: #000;}
.nav-bar {position: relative; width: 100%; text-align: center; padding: 40px 0px 20px;}
.nav-bar a span {position: relative; float: none; display: inline-block; margin: 0px 3px; background: #ebebeb; padding: 8px 14px; font-size: 14px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.nav-bar a span:hover {background: #222; color: #fff;}
.blog-item.blog-item-4 .top-bar {font-size: 12px;}
.blog-item.blog-item-4 h5 a {padding-bottom: 20px; color: #222; display: block;}
.blog-item.blog-item-4 h5 a:hover {color: #999;}
.blog-item.blog-item-4 p {font-size: 13px;}
.blog-item.blog-item-4 button {margin-top: 20px;}
.blog-small .top-bar a {font-size: 12px;}
.blog-small .top-bar span {font-size: 12px;}
.blog-small h4 {font-size: 16px; line-height: 20px;}
.blog-small p {font-size: 13px;}
.sidebar > div.sidebar-block:nth-child(2){ padding-top: 100px; }
.widget_product_search form, .widget_search form {position: relative; height: 50px;background: #eee;border-radius: 5px;padding: 0 15px !important;}
.widget_product_search input, .widget_search input{height: 50px; font-size: 16px; color: #999;}
.widget_product_search .search-field, .widget_search .search-field {width: 80%;font-weight: normal;text-transform: capitalize;}
.widget_product_search label, .widget_search label{width: 100%;}
.widget_product_search input[type=submit], .widget_search .search-submit{position: absolute;right: 10px;top: 13px;font-size: 0; background: url('../img/search.png');width: 24px;height: 24px;}
.sidebar-block {position: relative; padding: 50px 0px; width: 100%; display: inline-block;}
.sidebar-block:first-child {padding-top: 0px;}
.sidebar-block h4 {padding-bottom: 35px;}
.serach-input {position: relative; width: 100%; border-radius: 5px; background:#eee; height: 50px; padding: 0px 15px; color: #999;}
.serach-input input {position: relative; width: 80%; height: 50px; font-size: 16px; color: #999; text-transform: capitalize;}
.serach-input span {font-size: 30px; position: absolute; right: 15px; top: 10px;}
.sidebar-cat {position: relative; width: 100%;font-size: 14px; text-transform: uppercase;}
.sidebar-cat li {font-size: 16px; text-transform: capitalize; color: #222; width: 100%; position: relative; padding: 8px 0px; border-bottom: 1px solid #eee; cursor: pointer;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.sidebar-cat span {position: relative; float: left; font-size: 13px; padding: 0px 15px; line-height: 33px; color: #999;}
.sidebar-cat b {position: relative; float: right; font-size: 14px; padding-right: 15px; line-height: 30px;}
.sidebar-cat li:last-child {border-bottom: 0px none;}
.sidebar-cat a:hover { color: #fff;}
.sidebar-cat li:hover {background: #222; color: #fff;}
.tags-button {position: relative; width: 100%;}
.tagcloud,.tags-button {text-align: justify;}
.tagcloud a,.tags-button a {display: inline-block; position: relative; padding: 8px 12px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #222; background: #ebebeb; margin: 0px 10px 10px 0px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.tagcloud a:hover, .tags-button a:hover {background: #222; color: #fff;}
.sidebar-block .arrow-style-1 span {color: #fff;}
.sidebar-block .slide-next {right: 15px;}
.list-archive {position: relative; width: 100%; padding: 0px 20px; float: none; display: inline-block;}
.list-archive li {font-size: 12px; text-transform: uppercase; line-height: 24px;}
.list-archive li a:hover {color: #999;}
.list-archive li span {position: relative; float: right; color: #999;}
.sidebar-tabs.tpl-tabs {width: 100%;}
.sidebar-tabs.tpl-tabs li {width: 50%;}
.sidebar-tabs.tabs-style-1.nav-tabs>li>a { margin-right: 0px; font-size: 13px;}
.widget_calendar {font-size: 14px;}
.sidebar-block td, .sidebar-block th {border: 1px solid #eee; padding: 3px 8px;text-align: center;}
.sidebar-block td a, .sidebar-block th a {text-decoration: underline;}
.sidebar-block select{font-size: 14px;max-width: 100%;}
.sidebar-block ul ul, .sidebar-block ul ol, .sidebar-block ol ol, .sidebar-block ol ul {padding-left: 20px;}
.widget_recent_comments a {text-decoration: underline;}
.widget_rss .rss-date{font-size: 12px;font-style: italic;}
.widget_rss li{margin-bottom: 20px;}
.widget_rss li a{font-size: 18px;text-decoration: underline;display: block;}
.widget_rss li:last-child{margin-bottom: 0;}
.sidebar-block img{max-width: 100%;}
.sidebar > .sidebar-block:first-child {padding-bottom: 0;}
.b-det-wrapp {position: relative; width: 100%; padding-bottom: 35px;}
.b-det-wrapp p {display: block; padding-bottom: 15px;}
.b-det-wrapp ul {padding-bottom: 15px; float: none;}
.b-det-wrapp img {width: 100%; height: auto;}
.det-tags {position: relative; width: 100%;float: left;}
.det-tags h4 {position: relative; float: left; padding-right: 20px; padding-top: 5px;}
.pad-80 {padding: 80px 0px;}
.pad-top-zerro {padding-top: 0;}
.comm-block {width: 100%; position: relative; float: left; padding-bottom: 50px;}
.comm-txt {position: relative; float: left; padding-left: 100px; padding-right: 10px; width: 100%;}
.comm-txt h5 {position: relative; float: left;}
.comm-txt p {position: relative; float: left; width: 100%; padding: 5px 0px; color: #333;}
.comm-txt a {position: relative; display: block; float: left;}
.date-post {position: relative; float: left; padding-left: 0; margin-top: 10px; margin-bottom: 10px;}
.comm-txt h5 {line-height: 14px; font-weight: 400; color: #000; }
.date-post span {position: relative; float: left; font-size: 14px; color: #999;}
.date-post h6 {position: relative; float: left; font-size: 13px; color: #333; padding-left: 10px; text-transform: capitalize;}
.comm-img {position: absolute; left: 0px; top: 0px;}
.comm-txt a {font-size: 12px; color: #000; text-transform: uppercase;}
.comm-txt a:hover {color: #999;}
.comment-form, .contact-form {position: relative; width: 100%; float: left;}
.comment-form h3, .contact-form h3, h3.contact-form {padding-bottom: 50px;}
.comments h3#reply-title {padding-bottom: 10px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - SHOP */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.shop-chose-wrap form{ position: relative; }
.shop-chose-wrap form:before{ content: "\f0dd"; font: normal normal normal 14px/1 FontAwesome; color: #999; position: absolute; bottom: 20px; right: 15px; }
.shop-chose-wrap select { min-width: 100%; width: 100%; font-family: 'Poppins', sans-serif; color: #999; font-weight: 300; font-style: normal; font-size: 14px; height: 50px; padding: 10px 15px 10px 10px; background: #eee; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0px none; }
.shop-chose-wrap.widget_product_search form:before{display: none;content: '';}
.shop {position: relative; width: 100%; padding: 80px 0px 40px;}
.shop-bar {width: 100%; max-width: 1200px; display: inline-block; position: relative; padding-bottom: 100px;}
.orlando_shop_sort_by, .shop-chose-wrap {position: relative; float: left; width: 20%;}
.orlando_shop_sort_by span, .shop-chose-wrap span {font-size: 14px; color: #000; font-weight: 300; position: relative; text-transform: uppercase; margin-right: 10px; line-height: 36px;}
.price-chose {position: relative; float: left;}
.price-chose .slider-handle {width: 12px; height: 12px; background: #222; opacity: 1;}
.price-chose .slider-selection {background-color: #999; border-radius: 2px; background-image: none; height: 3px;}
.price-chose .slider.slider-horizontal .slider-track {height: 3px; background: #999;}
.price-chose .slider.slider-horizontal .slider-selection {background: #222;}
.price-chose .tooltip-inner {background: #ebebeb; color: #222;}
.price-chose .tooltip.top .tooltip-arrow {border-top-color: #ebebeb;}
.shop-title {position: relative; width: 100%; padding-top: 25px; text-align: center; float: left;}
.shop-title h5 {text-transform: uppercase; padding-bottom: 10px;}
.shop-title span { font-weight: normal; font-size: 16px; color: #999; margin: 0px 10px; position: relative; float: none; display: inline-block;}
.shop-title del span {text-decoration: line-through;}
.style-link-1 {text-decoration: line-through;} 
.card-button {border: 2px solid #999; padding: 10px 15px; text-transform: uppercase; font-size: 14px; text-align: center; color: #222;}
.card-button span {padding-right: 10px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.card-button:hover {background: #222; border: 2px solid #222; color: #fff;}
.card-button:hover span {color: #fff;}
.left-filter .orlando_shop_sort_by, .left-filter .shop-chose-wrap {width: 100%; padding-bottom: 10px;}
.left-filter .drop-wrap {width: 100%;}
.left-filter .drop {min-width: 100%;}
.left-filter .orlando_shop_sort_by span, .left-filter .shop-chose-wrap span {background: #fff;}
.left-filter .price-bar b:first-child {position: absolute; left: 0px; top: -5px;}
.left-filter .price-chose b:last-child {position: absolute; right: 0px; top: -5px;} 
.left-filter .price-bar {width: 100%;}
.left-filter .price-chose {width: 100%; padding-bottom: 30px;}
.left-filter .slider.slider-horizontal {width: 100%!important;}
.left-filter .s-field {width: 100%; visibility: visible; opacity: 1;}
.left-filter .search {width: 100%;}
.left-filter .filter-drop .but {width: 100%; padding: 0px; display: block;} 
.search-button input {position: absolute; right: 0px; top: 0px; font-size: 16px; line-height: 35px; width: 50px; z-index: 5;}
.search-button span {line-height: 35px; position: absolute; right: 15px; top: 0px; font-size: 14px;}
.price-chose b {font-size: 13px; color: #999; font-weight: 300; padding: 0px 15px;}
.price-chose span {font-size: 14px; color: #000; font-weight: 300; position: relative; float: left; text-transform: uppercase; margin-right: 10px; line-height: 36px;}
.price-bar {position: relative; float: left; padding-top: 8px;}
.search {position: relative; float: right;}
.s-field {position: relative; float: left; width: 0; backface-visibility: hidden; opacity: 0; height: 35px; border: 1px solid #999; color: #999; padding: 0px 10px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.s-field.slide {width: 200px; opacity: 1;}
.s-icon {position: absolute; right: 0px; top: 1px; background: none; font-size: 20px; color: #222;}
.s-icon:hover {color: #999;}
.shop-item {position: relative; float: left; width: 100%;}
.shop-item img {width: 100%; height: auto;}
.wh-33 .item {width: 33.333%; padding: 0px 15px; margin-bottom: 30px; position: relative; float: left;}
.wh-33 .grid-sizer {width: 33.3333%;}
.wh-50 .item {width: 50%; padding: 0px 15px; margin-bottom: 30px; position: relative; float: left;}
.wh-50 .grid-sizer {width: 50%;}
.layer-shop {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.9); text-align: center; opacity: 0; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32); z-index: 50;}
.layer-shop h4 {padding-bottom: 10px; font-weight: 600; letter-spacing: 1px;} 
.layer-shop h5 {padding-bottom: 20px;}
.layer-shop .line {position: relative; display: block; width: 30px; height: 2px; background: #222; margin: 0 auto;}
.layer-shop span {font-size: 18px; color: #222; position: relative; float: none; display: inline-block; padding-top: 25px;}
.shop-item:hover .layer-shop {opacity: 1; transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}
.map {position: relative; width: 100%; display: inline-block;}
.map-canvas {height: 550px;}
.contact {padding: 80px 0px;}
.comment-form input, .contact-form input, textarea {width: 100%; height: 45px; border-bottom: 6px solid #fff; padding: 0px 15px; font-size: 14px; margin-bottom: 15px; text-transform: capitalize;}
.comment-form form, .contact-form form {padding-top: 10px;}
.comment-form textarea, .contact-form textarea {height: 120px; padding-top: 10px;}
.comment-form input[type="submit"], .contact-form input[type="submit"] {width: 120px; background: #fff; color: #aaa; text-align: center; border: 0px none; margin: 0px;}
.comment-form input[type="submit"]:hover, .contact-form input[type="submit"]:hover {background: #999; color:#fff;}
.submit-button {position: absolute; right: 0px; top: 0px; width: 50px; color: #999;}
.submit-button i {line-height: 50px; font-size: 14px; position: absolute; right: 20px;}
.submit-button input {position: absolute; left: 0px; top: 0px; background: none; width: 50px; height: 50px; z-index: 5;}
.adress-block {position: relative; width: 100%; text-align: left; padding: 0px 0px 20px;}
.adress-block h5 {padding-bottom: 15px;}
.adress-block a {font-size: 14px; color: #222; display: block; font-weight: 300;}
.adress-block ul li {font-size: 14px; color: #222; line-height: 24px; font-weight: 300;}
.main-slider .main-title {left: 30px; top: auto; bottom: 30px; padding: 0px; text-align: left; transform: translateY(0%); -webkit-transform: translateY(0%);-moz-transform: translateY(0%); -ms-transform: translateY(0%);}
.main-title {position: absolute; padding-left: 0px; padding-right: 0px; text-align: center; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.main-title.title-no-bg {background: none; outline: none; width: 100%;} 
.main-title.title-no-bg h1 {padding-bottom: 30px; letter-spacing: 12px;}
.main-title h2 {padding-bottom: 10px; padding-top: 10px;}
.main-title h2.type-2 {font-size: 80px; font-weight: 400; letter-spacing: 25px; line-height: 80px;} 
.main-title h2.type-3 {
    font-size: 70px;
    color: #222222;
    text-align: center;
    text-transform: none;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 0.1em;
} 
.main-title h2.type-3{
        font-family: "Poppins", sans-serif;
}
.skill-block {position: relative; float: left; width: 100%; height: 20px; margin: 10px 0px;}
.skill-block span {position: relative; font-size: 14px; color:#808080; padding: 10px 30px 2px 0px; font-weight: 300; text-transform: uppercase; background: #fff; z-index: 1;}
.skill-block .skill-line {height: 5px; background: #999; position: relative; margin-top: 3px; width: 100%; border-radius: 5px;}
.skill-block .skill-line div {position: absolute; background: #222; width: 0%; height:5px; transition:all 2s ease-in-out 0.3s;-webkit-transition:all 2s ease-in-out 0.3s;-moz-transition:all 2s ease-in-out 0.3s;-o-transition:all 2s ease-in-out 0.3s;-ms-transition:all 2s ease-in-out 0.3s;}
.skill-block h5 {font-size: 14px;text-align: right; position: absolute;right: -15px;top: -25px; color: #222;font-weight: 300;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - ELEMENTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.accordion > dt {margin-bottom: 10px;font-size: 12px;font-weight: 400; text-transform: uppercase;letter-spacing: 0.2em;}
.accordion > dt > a {display: block;position: relative;color: #777;text-decoration: none;padding: 14px 20px;border: 1px solid #e5e5e5;
  -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 {background: #000; color: #fff;}
.accordion > dd {margin-bottom: 10px;padding: 10px 20px 20px;font-size: 14px;line-height: 1.8;color: #777;}
.accordion > dt > a:after {content: "\f107";width: 15px;height: 15px;margin-top: -8px;position: absolute;top: 50%;right: 10px;font-family: 'FontAwesome';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;font-size: 15px;line-height: 15px;text-align: center;color: #999;-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);}
.gallery-caption, .bypostauthor {font-size: inherit;}
.toggle > dt {margin-bottom: 10px;font-size: 13px; font-weight: 400; text-transform: uppercase;letter-spacing: 0.2em;}
.toggle > dt > a {display: block;position: relative;color: #777;text-decoration: none;padding: 14px 20px;border: 1px solid #e5e5e5;-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 > dd {margin-bottom: 10px;padding: 10px 20px 20px;font-size: 14px;line-height: 1.8;color: #777;}
.skill-block.skill-style-2 .skill-line {height: 30px; background: #ebebeb;}
.skill-block.skill-style-2 span {position: absolute; background: none; color: #fff; padding: 7px 30px 2px 10px;}
.skill-block.skill-style-2 .skill-line div {height: 30px; background: #000;}
.skill-block.skill-style-2 h5 {color: #fff; right: 8px; top: 5px;}
.butt-style {text-transform: uppercase;  display: block; letter-spacing: 1px; font-weight: 300; margin-bottom: 15px;  -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);}
.button-style-1 { background: none; border: 1px solid #222; color: #222; display: inline-block;}
.button-style-1 a:hover {background: #222; color: #fff;}
.button-style-2 a { background: #222; border: 1px solid #222; color: #fff; display: inline-block;}
.button-style-2 a:hover {background: #fff; color: #222; border: 1px solid #222;}
.button-style-3 a {background: #fff; border: 1px solid #222; color: #222; border-radius: 30px; display: inline-block;}
.button-style-3 a:hover {background: #222; color: #fff; border: 1px solid #222;}
.button-style-4 a {background: #222; display: inline-block; border: 1px solid #222; border-radius: 30px; color: #fff;}
.button-style-4 a:hover {background: #fff; color: #222; border: 1px solid #222;}
.button-style-5 a {background: #ebebeb; display: inline-block; border: 1px solid #ebebeb; border-radius: 30px; color: #222;}
.button-style-5 a:hover {background: #fff; color: #222; border: 1px solid #222;}
.button-style-6 a {background: #ebebeb; display: inline-block; border: 1px solid #ebebeb; color: #222;}
.button-style-6 a:hover {background: #fff; color: #222; border: 1px solid #222;}
.b-lg {padding: 16px 40px; font-size: 18px;}
.b-md {padding: 11px 33px; font-size: 16px;}
.b-sm {padding: 8px 18px; font-size: 13px;}
.b-xs {padding: 7px 16px; font-size: 12px; letter-spacing: 1px;}
.serv-style-1 {text-align: center;}
.serv-style-1 .fa {font-size: 30px; color: #222; }
.serv-style-1 h4 {font-size: 16px;}
.prog-serv {position: relative; float: left; padding-top: 15px; width: 100%; text-align: center;}
.prog-serv h5 {position: relative; float: none; display: inline-block; width: 100%; padding-bottom: 20px;}
.prog-serv img {position: relative; float: none; display: inline-block;}
.grid-elem h4 {padding-bottom: 15px;}
.grid-elem h5 {padding-bottom: 15px;}
.grid-elem a {text-decoration: underline;}
.nav-tabs>li {float: left;margin-bottom: -1px; position: relative; display: block;}
.tabs-style-1.nav-tabs>li>a {margin-right: 2px;border: 1px solid #222; z-index: 5; border-radius: 0px; background: #fff; z-index: 5; margin-top: 1px; border-bottom: 0px none;}
.tabs-style-1.nav-tabs>li:last-child a {border-left: 0px none;}
.tpl-tabs {font-size: 12px;font-weight: 400; text-transform: uppercase;letter-spacing: 1px;border: 0px none;}
.tpl-tabs-cont {padding: 38px 0 0px;color: #222;line-height: 1.8;}
.t-con-style-1.tab-content>.tab-pane {display: none;visibility: hidden; padding: 30px 20px 25px 20px; border: 1px solid #222;}
.t-con-style-1.tab-content>.active {display: block;visibility: visible;}
.tabs-style-1.nav-tabs>li.active>a, .tabs-style-1.nav-tabs>li.active>a:focus, .tabs-style-1.nav-tabs>li.active>a:hover {border: 1px solid #999; background: #fff; color: #222; border-bottom: 0px none;}
.tabs-style-1.nav-tabs>li.active>a, .tabs-style-1.nav-tabs>li.active>a:focus, .tabs-style-1.nav-tabs>li.active>a:hover
.t-con-style-1.tab-content>.active {background: #fff;}
.tpl-minimal-tabs {width: 100%;}
.tpl-minimal-tabs > li { padding: 0 20px;background: none !important;float: none; position: relative; display: inline-block;}
.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 > 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.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 {padding: 40px 0px 0px; clear: both; text-align: center;}
.video {float: none;clear: both;width: 100%;position: relative;padding-bottom: 56.25%;height: 0;}
.video iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sound {width: 100%; position: relative;}
.sound iframe {width: 100%; height: auto;}
.swiper-slide img {width: 100%; height: auto;}
.arrow-style-1 span {font-size: 48px; color: #222;}
.slider-wrap.padding {position: relative; width: 100%; margin-top: 50px;}
.point-style-1 .swiper-pagination-switch {position: relative;display: inline-block;float: none;margin: 0 8px;width: 10px;height: 10px;cursor: pointer; border-radius: 50%; background: #222; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.point-style-1 .swiper-active-switch:before {content: ''; position: absolute; width: 14px; height: 14px; border-radius: 50%; border: 1px solid #222; left: -2px; top: -2px; transform: scale(0); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);}
.point-style-1 .swiper-pagination-switch.swiper-active-switch:before {transform: scale(2); -webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2); -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.point-style-1 .swiper-pagination-switch.swiper-active-switch {transform: scale(0.6); -webkit-transform: scale(0.6);-moz-transform: scale(0.6);-ms-transform: scale(0.6);}
.point-style-2 .swiper-pagination-switch {position: relative;display: inline-block;float: none;margin: 0 8px;width: 12px;height: 12px;cursor: pointer; border-radius: 50%; background: #222; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.point-style-2 .swiper-pagination-switch.swiper-active-switch {transform: scale(1.2); -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2); background: #afaeae; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.slider-3 .swiper-slide {padding: 0px 15px;}
.slider-4 .pagination {bottom: 30px;}
.fix-bg-slider {position: relative; width: 100%;}
.testi-slider-wrapp {position: relative; width: 100%; padding: 80px 0px 120px; text-align: center;}
.testi-slider-wrapp img {width: 70px; height: 70px;}
.testi-slider-wrapp p {padding-bottom: 40px;}
.testi-slider-wrapp img {margin-bottom: 20px;}
.slider-6 {padding: 120px 0px 80px; position: relative; width: 100%;}
.slide-7-wrap {position: relative; width: 100%; padding: 80px 0px 40px; float: left;}
.left-block {position: relative; float: left; width: 50%;}
.left-block img {width: 100%; height: auto;}
.right-block {position: relative; float: left; width: 50%; padding: 40px 0px; text-align: left; padding: 120px 30px 0px 60px;}
.right-block h4 {padding-bottom: 15px;}
.right-block p {padding-bottom: 25px;}
.pos-out.slide-next {right: -50px;} 
.pos-out.slide-prev {left: -50px;}
.alert {position: relative; width: 100%; padding: 15px; font-size: 18px; border: 1px solid #ebebeb; border-radius: 0px; background: #fbfbfb;}
.alert span {line-height: 23px; margin-right: 15px; color: #999;}
.alert p {font-size: 14px; text-transform: uppercase; color: #999; font-weight: 400;}
.f-awesome {font-size: 14px; color: #222;}
.f-awesome .fa-icon {font-size: 16px; color: #444;}
.f-awesome > div {padding: 0px; border: 1px solid #ebebeb;margin: -1px 0px 0px -1px;font-size: 13px;}
.f-awesome > div > i {display: inline-block;margin-right: 5px; min-width: 40px; min-height: 40px;border-right: 1px solid #ebebeb; line-height: 40px;text-align: center;font-size: 14px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - SHOP DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.shop-detail-info {position: relative; width: 100%;}
.shop-detail-info h4 {padding-bottom: 30px;}
.shop-detail-info p {padding: 25px 0px 30px; position: relative; width: 100%; float: left;}
.shop-price {position: relative; width: 100%; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 25px 0px 25px; float: left;}
.shop-price h6 {line-height: 20px;}
.shop-price h5 {padding-left: 15px;}
.rate-info {padding-top: 3px;}
.rate-info span {font-size: 16px; color: #ebebeb; margin: 0px 2px;} 
.rate-info .star-act {color: #222;}
.add-tocard {position: relative; float: left; width: 100%; padding: 20px 0px 25px; border-bottom: 1px solid #ebebeb;}
.add-tocard input[type="number"] {border: 1px solid #ebebeb; padding: 8px 5px; font-size: 13px; max-width: 100px; margin-right: 10px;}
.shop-det-tags {padding: 25px 0px;position: relative; float: left; width: 100%; border-top: 1px solid #ebebeb;}
.shop-det-tags-wr {width: 100%; position: relative; padding-bottom: 15px;}
.shop-det-tags-wr {font-size: 13px; color: #999; text-transform: uppercase;}
.image-list span {margin-right: 5px;}
.shop-det-tags-wr a {color: #999; font-size: 14px; padding: 0px 8px; text-transform: lowercase;}
.shop-det-tags-wr a:hover {color: #000;}
.heading-2 h1,.heading-2 h2,.heading-2 h3,.heading-2 h4,.heading-2 h4,.heading-2 h5,.heading-2 h6 {font-weight: 400; }
.heading-3 h1,.heading-3 h2,.heading-3 h3,.heading-3 h4,.heading-3 h4,.heading-3 h5,.heading-3 h6 {font-weight: 100; letter-spacing: 0px; font-family: 'latolight';}
.no-padding.padd-80 {padding: 0px;}
.main-title-fix {position: relative; width: 100%; height: 500px;}
.lg-title {padding: 40px 0px 10px;}
.md-title {padding: 50px 0px 0px;}
.sm-title {padding: 40px 0px 0px;}
.bg-grey-dark {background: #C7C7C7;}
.fix-title {position: relative; width: 100%;}
.subtitle-bg-lg {padding: 120px 0px 100px;}
.subtitle-bg-md {padding: 80px 0px 60px;}
.subtitle-bg-sm {padding: 40px 0px 20px;}
.team-col-4 .later-team {padding: 15px 5px;}
.team-col-5 .later-team {padding: 40px 10px; text-align: center;}
.team-col-5 .later-team p {display: none;}
.team-col-5 .team-share a {font-size: 18px;}
.team-col-5 .later-team h4 {font-size: 16px; padding-bottom: 10px;}
.col-5 {position: relative; float: left; width: 20%; padding: 0px 15px;}
.accordion .panel {border: none; -webkit-box-shadow: none;box-shadow: none; }
.accordion .panel-heading { position: relative;padding: 0px; }
.accordion .panel-title {font-weight: 300;text-transform: uppercase; letter-spacing: 0px;}
.accordion .panel-title a { font-size: 13px;padding: 15px 30px 15px 65px;display: block;background: #999;color: #fff; }
.accordion .panel-title a:hover {text-decoration: none; }
.accordion .panel-title a.collapsed {background: #ededed;color: #203c4d; }
.accordion .marker {width: 50px;height: 100%;color: #fff;background: #666;position: absolute;top: 0px;left: 0px; }
.accordion .marker__open {display: block;position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -5px; }
.accordion .marker__close {display: none;position: absolute;top: 50%;left: 50%;margin-top: -9px;margin-left: -6px; }
.accordion a.collapsed .marker {background: #222;}
.accordion a.collapsed .marker__open {display: none; }
.accordion a.collapsed .marker__close {display: block; }
.accordion .panel-body {font-size: 13px;font-weight: 300;line-height: 24px;color: #fff;background: #fff;padding: 25px 25px 0px 25px; }
.accordion .panel-body p {margin-bottom: 30px; color: #fff;}
#accordion-3 .panel-body p {margin-bottom: 30px; color: #222;}
#accordion-7 .panel-body p {margin-bottom: 30px; color: #222;}
#accordion-8 .panel-body p {margin-bottom: 30px; color: #222;}
.tabs-content .panel-body p {color: #222;}
.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {padding-left: 65px;margin-bottom: 15px;border: none; }
.panel-group {margin-bottom: 40px;}
.accordion.panel-group .panel + .panel {margin-top: 15px; }
.accordion.white .panel-title a.collapsed {background: #fff; }
.accordion.white .panel-body {background: #fff; }
.accordion.dark .panel-title a {background: #ebebeb; color: #222;}
.accordion.dark .panel-title a.collapsed {background: #ebebeb; }
.accordion.dark .panel-body {background: #222; }
.accordion.dark .marker {background: #222; }
.accordion.orange .panel-title a {background: #f48b24; }
.accordion.orange .panel-title a.collapsed {background: #f7f7f7;color: #231810; }
.accordion.orange .panel-body {background: #f7f7f7;color: #89837f; }
.accordion.orange .marker {background: #231810; }
.accordion.orange a.collapsed .marker {background: #f48b24; }
.accordion.white-black {border: 1px solid #f1f1f1; }
.accordion.white-black .panel + .panel { margin-top: 0px; }
.accordion.white-black .panel-title a {font-size: 11px;background: #1d4156;padding: 18px 30px 18px 32px; }
.accordion.white-black .panel-title a.collapsed { background: #fff; color: #203c4d;border-bottom: 1px solid #f1f1f1; }
.accordion.white-black .panel-title a .fa {position: absolute; top: 50%;left: 15px;margin-top: -5.5px;color: #079aee; }
.accordion.white-black .panel-title a.collapsed .fa { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);color: #079aee; }
.accordion.white-black .panel-body { background: #fff; }
.accordion.white-black .panel-default > .panel-heading + .panel-collapse > .panel-body {padding-left: 70px; }
.accordion.white-black .panel-collapse.collapse.in {border-bottom: 1px solid #f1f1f1; }
.tabs-block .nav-tab-item {font-size: 12px;font-weight: bold;color: #222;text-transform: uppercase;background: #ebebeb;padding: 17px 15px;cursor: pointer; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.tabs-block .nav-tab-item.active {background: #222; color: #fff;}
.nav-tab-item:hover {background: #222; color: #fff;}
.tabs-block .gallery {margin-bottom: 30px; }
.tabs-block.dark .nav-tab-item {background: #999;color: #222;border: none; }
.tabs-block.dark .nav-tab-item.active, .tabs-block.dark .nav-tab-item:hover {background: #ebebeb;color: #fff; }
.tabs-block.dark .nav-tab-item + .nav-tab-item {border-top: none;border-top: 1px solid #222; }
.price-block {position: relative; width: 100%; border: 1px solid #ebebeb; float: left; text-align: center; padding-bottom: 25px; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.price-block.act {border-color: #888;}
.price-price {position: relative; width: 100%; border-bottom: 1px solid #ebebeb; padding: 15px 0px;}
.price-price h4 {font-weight: 400; text-transform: uppercase; font-family: "Poppins";}
.price-title {position: relative; width: 100%; padding: 20px 15px; border-bottom: 1px solid #ebebeb;}
.price-title span {font-size: 80px; color: #222; line-height: 80px;}
.price-title sup {font-size: 40px; top: -0.6em; padding-right: 3px;}
.price-title sub {font-size: 24px; bottom: 0px;}
.price-block ul {position: relative; width: 100%; padding: 25px 0px;}
.price-block ul li {text-transform: uppercase; padding: 3px 0px;}
.price-block .button-style-2 {position: relative; width: 100%; text-align: center; padding-top: 25px; border-top: 1px solid #ebebeb; float: left;} 
.price-block .button-style-2  a {position: relative; float: none; display: inline-block; margin-bottom: 0px;}
.price-col-4 .price-title span {font-size: 60px; font-weight: 300; font-family: 'Poppins', sans-serif;}
.price-col-4 .price-price h4 {letter-spacing: 3px; font-size: 14px;}
.price-col-4.price-block ul li {font-size: 13px; line-height: 26px; text-transform: capitalize;}
.elem-form-select {position: relative; width: 100%;}
.elem-form-select .drop-wrap {width: 100%;}
.elem-form-select .drop-wrap .drop {max-width: 100%;}
.blog-post.item {padding-bottom: 40px;}
.blog-post {position: relative; width: 100%;}
.blog-post img {width: auto; height: auto;max-width: 100%;}
.single-post .blog-post img {width: 100%; height: auto;max-width: 100%;}
.line-item {position: relative; float: left; width: 25%; text-align: center; font-size: 16px; border: 1px solid #ebebeb; padding: 20px 0px; color: #999;}
.line-item span {position: relative; float: none; display: inline-block; padding-right: 10px; font-size: 16px; color: #999;}
.blog-post.item h4 { padding-bottom: 20px; font-family: 'Poppins', sans-serif; }
.blog-post h4 { width: 100%; -ms-word-wrap: break-word; word-wrap: break-word; padding-top: 20px;padding-bottom: 20px; display: inline-block;}
.full-izotope .item {width: 100%;}
.full-izotope .grid-sizer {width: 100%;}
.fotm-checks {display:inline-block;}
.fotm-checks > input + span {cursor: pointer;}
.fotm-checks span {display:block;}
.fotm-checks > span.check { border: 1px solid #999; width:28px;height:28px;}
.fotm-checks > input { position: absolute;visibility: hidden;width: 28px;height:28px;}
.fotm-checks > input:checked + span:before {content: url('../img/check.png');display:block;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - PORTFOLIO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.filters-style-1 .but {margin: 0px 10px; padding: 5px 12px;  letter-spacing: 2px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.filters-style-1 .but:hover {background: #f5f5f5;}
.filters-style-1 .but.activbut {background: #ffffff; color:#000;   box-shadow: -5px 5px 10px 0 rgba(0,0,0,.1);}
.item:hover{
    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
    transition: 0 0 0 0 rgba(0,0,0,.1);
}
.filters-style-2 .but {margin: 0px 10px; padding: 5px 12px; letter-spacing: 2px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.filters-style-2 .but:hover {background: #000; color: #fff;}
.filters-style-2 .but.activbut {background: #000; color: #fff;}
.wide-portfolio .subtitle {padding-left: 50px;}
.popup-gallery .item a {position: relative; width: 100%; float: left;}
.popup-gallery .item .layer {z-index: 5;  position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.blog-item.item { border:1px solid rgba(74,74,74,0.075);; box-shadow: none;     padding: 45px 45px 30px; }
.item-desc-s2 h4{
    font-size: 22px;
    line-height: 28px;
    text-align: left;
    text-transform: lowercase;
    font-weight: 700;
    
    transform: translateY(-50px); -webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px); opacity: 0;
}
.item-desc-s2:hover h4 {
transform: translateY(0px); -webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0); opacity: 1;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - PORTFOLIO DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.project-nav {position: relative; float: left; width: 100%; padding-bottom: 30px;}
.all-p {position: relative; float: none; display: inline-block; padding-top: 60px;}
.project-nav a:hover span {background: #000; color: #fff;}
.left-arrow-nav {position: relative; float: left;}
.project-nav span {font-size: 14px;font-weight: 300;text-transform: uppercase;line-height: 38px; position: relative;float: left;border: 2px solid #000;padding: 0px 10px; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.right-arrow-nav {position: relative; float: right;}
.sec-title {position: absolute; left: 50px; bottom: 50px; width: 100%; text-align: left;}
.wrapp-block {position: relative; width: 100%; padding: 80px 0px 40px;}
.det-img {position: relative; float: left; width: 100%; padding-bottom: 30px;}
.det-img img {width: 100%; height: auto;}
.padd-40 {margin-bottom: 40px;}
.padd-15 {padding: 15px;}
.det-wrapp img {width: 100%; height: auto;}
.fixed-detail-panel {position: relative; width: 100%; max-width: 360px; right: 0px; height: 100%; padding-bottom: 80px; overflow-y: auto; bottom: auto; top: auto; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.fixed-detail-panel.fix {position: fixed; top: 0px;}
.fixed-detail-txt h3 {padding-bottom: 35px; font-weight: 400; }
.fixed-detail-txt p {color: #999;}
.fixed-detail-txt {width: 100%; margin-bottom: 20px; padding: 35px 15px 35px 25px;}
.fixed-detail-txt span {font-size: 16px; text-transform: capitalize; font-weight: 300; display: block; padding-bottom: 8px;}
.fixed-detail-txt h5 {text-transform: capitalize; padding-bottom: 25px;}
.fixed-detail-txt *:last-child {padding-bottom: 0px;}
.layer-style-2 {position: absolute; cursor: url('../img/zoom.png'), pointer; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.8); text-align: center; opacity: 0; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.layer-style-2 h4 {font-weight: 400; color: #000; padding-bottom: 80px; transition:all .35s ease-out;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-ms-transition:all .35s ease-out;}
.layer-style-2 span {font-size: 14px; padding-top: 80px; text-transform: uppercase; font-weight: 300; color: #999; letter-spacing: 1px; margin-bottom: -80px; transition:all .25s ease-out;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;}
.det-img:hover .layer-style-2 {opacity: 1;}
.det-img:hover .layer-style-2 h4 {padding-bottom: 15px;}
.det-img:hover .layer-style-2 span {padding-top: 0px;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: pointer!important;}
.gutt-difer {position: relative; width: 100%; padding-bottom: 80px;}
.gutt-difer .item {padding: 0px 10px;}
.gutt-difer .det-img .main-title{padding-bottom: 20px;}
.gutt-difer .grid-sizer {width: 0px;}
.gutt-difer .item.w_25 {width: 25%;}
.gutt-difer .item.w_50 {width: 50%;}
.gutt-difer .item.w_100 {width: 100%;}
.main-title h2 {font-size:45px; line-height: 54px; font-weight: 700; text-transform: lowercase;}
.sort-b {text-transform: uppercase; font-size: 14px; color: #666; font-weight: 300; margin: 0px 24px; background: none; letter-spacing: 5px;}
.sort-b span {margin-top: -5px; font-size: 12px; color: #999; position: relative; float: right; padding-left: 5px;}
.item.disabled div {opacity: 0.1;}
.sliphover .det-img {padding-bottom: 0px; margin-bottom: 30px;}
.pr-sutitle {font-size: 14px; text-transform: uppercase; font-weight: 300; color: #999; letter-spacing: 1px;}
.multi-wrapp {position: relative; width: 100%; height: 100vh; float: left;}
#multiscroll-nav span {width: 12px; height: 12px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;}
#multiscroll-nav li .active span {background: #fff;}
#multiscroll-nav span{border-color:#fff;}
.multi-wrapp .det-img .layer-style-2 {cursor: pointer;}
.multi-wrapp .det-img .layer-style-2 .vertical-align {padding-right: 80px;}
.vertical-mode.point-style-1 .swiper-pagination-switch {margin-bottom: 10px;}
.video-wrapper {position: relative; width: 100%; height: 100vmin; float: left; min-height: 650px;}
video.bgvid-container {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
video.bgvid {max-width: 100%; position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(../img/home_image_1.jpg) no-repeat; background-size: cover; overflow: hidden;}
button.mfp-close {background: none; font-family: "Poppins"; font-weight: 100;right: 0px; left: auto; }
button.mfp-arrow {background: #fff; opacity: 1;}
.mfp-arrow-right, .mfp-arrow-left {width: 50px; height: 50px; right: 0px; top: 50%; margin: -35px 0px 0px 0px; background: #fff;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b, .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {display: none;}
.mfp-arrow-right:after {border: 0px none!important; content: '\f105'; font-size: 18px; line-height: 50px; color: #222; font-family: FontAwesome; margin: 0px; padding: 0px; left: auto; top: auto; text-align: center; position: relative; width: auto; height: auto;}
.mfp-arrow-left:after {border: 0px none!important; content: '\f104'; font-size: 18px; line-height: 50px; color: #222; font-family: FontAwesome; margin: 0px; padding: 0px; left: auto; top: auto; text-align: center; position: relative; width: auto; height: auto;}
.mfp-close {position: fixed; top: 0px; left: 0px; font-size: 55px; opacity: 1;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: pointer;}
.mfp-counter {display: none;}
.mfp-arrow:active { margin-top: -35px;}
button.mfp-arrow:hover {background: rgba(255,255,255,0.5);}
.pagination.point-style-2 .swiper-pagination-switch {width: 8px; height: 8px; margin: 0px 4px;}
#empty-search-result { width: 100%; text-align: center; }
#empty-search-result p { text-align: center; font-size: 20px; margin-bottom: 15px; }
#empty-search-result input{ border: 1px solid #eee; padding: 6px 12px; font-weight: normal; font-size: 16px; }
#empty-search-result input[type=submit]:hover{ border-color: #000; }
.sticky:before{font-family: 'FontAwesome'; content: '\f08d';position: absolute;left: -10px;top: -20px;font-size: 26px;transform: rotate(315deg);z-index: 1;}
#pager {padding: 10px 0;width: 100%;font-size: 16px;text-align: center;}
#pager span, #pager a {margin: 4px;}
#pager a {text-decoration: underline;}
#pager.pagination {margin-top: 30px;}
.item.hidden-info h4{margin-top: 20px;}
.error404 .top-baner.half-height { height: auto; }
.not-found { width: 100%; text-align: center; padding: 100px 0;}
.not-found span{ font-size: 18px; padding: 30px 0 20px; display: block; }
.not-found a{ font-size: 16px; display: block; margin-top: 20px; margin-bottom: 100px; text-decoration: underline; }
.simple-article-block { padding: 20px 0 30px; }
.page-content {margin-bottom: 35px;}
.page-details {margin-top: 7px; font-size: 12px;}
.simple-page-content {margin-top: 10px;}
.simple-page-content p {margin-top: 12px;}
.simple-page-content blockquote {margin: 10px 20px;}
.simple-page-content blockquote cite {display: block;}
.simple-page-content blockquote p {margin-top: 0;margin-top: 0;}
.simple-page-content a {text-decoration: underline;}
.simple-page-content .wp-caption.alignnone, .simple-page-content .aligncenter {clear: both;}
.simple-page-content figcaption {margin-top: 5px;font-size: 12px;}
.simple-page-content address, .simple-page-content dl, .simple-page-content table {font-size: 14px;margin: 15px 0;}
.simple-page-content td, .simple-page-content th {padding: 5px;border: 1px solid #eee;}
.simple-page-content dl dd {margin-left: 15px;}
.simple-page-content ul li, .simple-page-content ol li{font-size: 14px;}
.simple-page-content ul li {margin-left: 20px;list-style: square;}
.simple-page-content ul ol,
.simple-page-content ol ul,
.simple-page-content ol ol,
.simple-page-content ul ul {padding-left: 25px;}
.simple-page-content acronym {border-bottom: 1px dashed blue;}
.simple-page-content input {border: 1px solid #eee;}
.simple-page-content .post-nav{font-size: 14px;margin-top: 15px; width: 100%; text-align: center;}
.simple-page-content span, .simple-page-content em{font-size: 14px !important;}
.simple-page-content iframe{ max-width: 100%; }
.simple-page-content img{ max-width: 100%;height: auto;}

@media screen and (max-width: 992px) {
    ul.slidemenu {display: block;}
    .shop-detail-info h4 {padding-top: 40px;}
    /*nav > ul > li > a > span {position: absolute;}*/
    .menu ul li > ul li a {font-size: 14px;}
    .menu ul > li > ul > li {float: left; width: 100%;}
    .menu ul > li > ul > li > ul {display: none; position: relative; opacity: 1; visibility: visible; width: 100%; margin-top: 0px; margin-bottom: 0px; left: auto; float: left; max-width: 100%; border: 0px none;}
    .menu ul > li > ul > li > ul.slidemenu {display: block;}
    .menu ul > li > ul > li span {top: 10px; padding-left: 10px; right: auto; transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);} 
    .padd-80 {padding: 40px 0px;} 
    .home-izotope .item {width: 50%;}
    .about-item {padding-bottom: 30px;}
    .team-block {padding-bottom: 30px;}
    .servis-block {text-align: center; padding-bottom: 30px;}
    .vertical-mode.point-style-1 .swiper-pagination-switch {margin-bottom: 0px;}
    .sidebar-left-menu nav > ul > li{
        border:none;
    }
   .transpar-full-menu nav > ul > li,
    ul.slidemenu {display: block;}
    .shop-detail-info h4 {padding-top: 40px;}   
    /*nav > ul > li > a > span {position: absolute;}*/
    .menu ul li > ul li a {font-size: 14px; text-align: center; font-size: 10px;background-color: transparent; color:#000;
    }
    .menu ul > li > ul > li {float: left; width: 100%;}
    .menu ul > li > ul > li > ul {display: none; position: relative; opacity: 1; visibility: visible; width: 100%; margin-top: 0px; margin-bottom: 0px; left: auto; float: left; max-width: 100%; border: 0px none;}
    .menu ul > li > ul > li > ul.slidemenu {display: block; background-color: transparent;
    }
    .menu ul > li > ul > li span {top: 10px; padding-left: 10px; right: auto; transform: rotate(0deg);-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);} 
    .padd-80 {padding: 40px 0px;} 
    .home-izotope .item {width: 50%;}
    .about-item {padding-bottom: 30px;}
    .team-block {padding-bottom: 30px;}
    .servis-block {text-align: center; padding-bottom: 30px;}
    .vertical-mode.point-style-1 .swiper-pagination-switch {margin-bottom: 0px;}
    .fixed-detail-panel {width: 100%; float: left;}
    .fixed-detail-panel.fix {position: relative; width: 100%; float: left;}
    .sidebar-block {padding: 30px 0px;}
    .sidebar-block h4 {padding-bottom: 25px;}
    .pad-80 {padding: 40px 0px;}
    .orlando_shop_sort_by, .shop-chose-wrap {width: 50%; padding-bottom: 40px;}
    .adress-block {padding: 0px 0px 15px 0px; text-align: center;}
    .price-block {margin-bottom: 30px;}
    .contact-form {padding-top: 40px;}
    .contact .subtitle {padding-bottom: 10px;}
    .contact {padding: 40px 0px;}
    .animsition, .animsition-overlay {opacity: 1 !important;}
    .right-menu-link {padding-top: 20px;}
    .right-menu {padding: 30px 15px;}
    .second-menu {margin-right: 10px;}
    nav > ul.slidemenu > li {padding: 10px 0px 0px;}
    .menu ul > li > ul > li:last-child {border-bottom: 1px solid #F5F5F5;}
    .sidebar-left-menu .menu ul > li > ul > li:last-child {border:none;}
    .menu ul > li > ul > li > a > .fa {position: relative; display: inline-block; right: auto; top: auto; transform: rotate(0deg); -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);}
    .service-icon {padding: 60px 0px 30px;}
    .info-block {padding-bottom: 30px;}
    .full-about-baner .w-50 {position: relative; width: 100%;}
    .full-about-baner .w-50:last-child {left: 0px; position: relative; width: 100%;}
    .full-about-baner .w-50:first-child {width: 100%; position: relative; height: 300px;}
    .w-50 .slider-wrap, .w-50 .bottom-about-title {position: relative; float: left; width: 50%;}
    .tab-nav-wrapper {padding-bottom: 30px;}
    .map-canvas {height: 350px;}
    .about-item {padding-right: 0px;}
    .full-about-baner {margin-bottom: 0px;}
    .service-icon {margin-bottom: 40px;}
}

@media screen and (max-width: 768px) {
    .type-3{
        font-size: 80px !important;
        line-height: 100px !important;
        text-shadow: 0 0 0 !important;
        font-weight: 600;
    }
    .type-2{
        font-size: 80px !important;
        line-height: 100px !important;
        text-shadow: 0 0 0 !important;
    }
    .line-item {font-size: 13px;}
    .line-item span {display: none;}
    .shop-bar {padding-bottom: 80px;}
    .footer-folow {float: none; text-align: center; width: 100%; display: inline-block;}
    .footer-folow a {float: none;}
    .footer-folow a:hover {color:#fff; }
    .footer-link {width: 100%; text-align: center; float: none; display: inline-block; padding-bottom: 15px;}
    .footer-link a {float: none;}
    .shop {padding: 60px 0px 40px;}
}

@media screen and (max-width: 767px) {
    h1 {font-size: 40px; line-height: 45px;}
    h2 {font-size: 18px; line-height: 24px;}
    .main-title h2 {font-size: 40px; line-height: 45px;}
    .top-baner.height-400.main-banner-title {height: 300px;}
    .type-2{
        font-size: 40px !important;
        line-height: 45px !important;
    }
}

@media screen and (max-width: 640px) {
    .type-3{
        font-size: 50px !important;
        line-height: 70px !important;
    }
}
@media screen and (max-width: 480px) {
    .type-2{
        font-size: 35px !important;
        line-height: 55px !important;
    }
    .type-3{
        font-size: 35px !important;
        line-height: 55px !important;
    }
    .mobile-icon {margin-right: 15px;}
    .main-title h5 {font-size: 13px; line-height: 16px;}
    .main-title.title-no-bg h1 {font-size: 30px; line-height: 36px; padding-bottom: 15px;}
    .main-title.title-no-bg h3 {font-size: 13px; line-height: 16px;}
    .home-izotope .item {padding: 0px; margin-bottom: 15px; width: 100%;}
    .home-izotope .item.w-50 {width: 100%;}
    .main-title h2.type-2 {font-size: 40px; line-height: 50px; letter-spacing: 10px;}
    .line-item {width: 100% !important;display: block;padding: 10px 0;}
    .date-post {width: 100%; padding-top: 10px; padding-left: 0px;}
    .contact-form h3 {padding-bottom: 40px;}
    .tags-button {padding-top: 20px; float: left;}
    .accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {padding-left: 50px;}
    .shop-bar {padding-bottom: 40px;}
    .orlando_shop_sort_by, .shop-chose-wrap {width: 100%;}
    .price-chose {width: 100%; padding-bottom: 40px;}
    .search {float: left;}
    .shop-item {padding-bottom: 40px;}
    .w-50 .slider-wrap, .w-50 .bottom-about-title {width: 100%;} 
    .full-about-baner {min-height: 100%; display: inline-block; margin-bottom: 0px;}
    .service-icon {margin-bottom: 60px;}
    .top-baner.height-400 {height: 300px;}
    .main-slider .swiper-slide .full-height {height: 500px;}
}
@media screen and (max-width: 360px) {
    .intro-scroll-down {bottom: 12px;}
    .full-about-baner .w-50:first-child {display: none;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - WOOCOMMERCE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.woocommerce span.onsale { z-index: 1; width: 32px; height: 32px; font-size: 10px; line-height: 30px; top: -16px; left: 0; }
.shop-price .fl { font-size: 14px; font-weight: 300; text-transform: uppercase; letter-spacing: 3px; line-height: 20px; font-family: 'Lato', sans-serif; text-decoration: none; font-weight: bold; }
.shop-price .fl ins{ text-decoration: none; padding-left: 15px; }
.no-menu a {text-decoration: underline;}
.header-cart, .no-menu{height: inherit;float: left;font-size: 14px;margin-left: 10px;}
.header-cart {margin-left: 100px;font-size: 14px;margin-top: 15px;}
.shop-detail-info input[type="number"] {border: 1px solid #ebebeb; padding: 8px 5px; font-size: 13px; max-width: 100px; margin-right: 10px;}
.woocommerce div.product form.cart .button {letter-spacing: 1px;font-weight: 300;text-transform: uppercase; font-size: 13px;padding: 10px 18px; background: #222;border-radius: 0; border: 1px solid #222; color: #fff; display: inline-block;}
.woocommerce div.product form.cart .button:hover {background: #fff; color: #222; border: 1px solid #222;}
.woocommerce div.product form.cart {margin: 0;padding:20px 0px 25px;clear: both;border-bottom: 1px solid #ebebeb;}
.woocommerce-tabs h2{font-size: 20px;}
.woocommerce-tabs textarea{margin-bottom: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding: .2em 0;}
.woocommerce #reviews #comments ol.commentlist{padding-left: 0;}
.woocommerce-tabs.wc-tabs-wrapper{margin-top: 30px;}
.woocommerce .cart .button, .woocommerce .cart input.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit{ letter-spacing: 1px; font-weight: 300; text-transform: uppercase; font-size: 14px; padding: 10px 18px; background: #222; border-radius: 0; border: 1px solid #222; color: #fff; display: inline-block; height: auto; }
.woocommerce .cart .button:hover, .woocommerce .cart input.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #respond input#submit:hover{ background-color: #fff;color: #000; }
.woocommerce .woocommerce-message {font-size: 14px;}
.woocommerce-cart .cart-collaterals .cart_totals table th {padding: 6px;}
.woocommerce-cart table.cart td.actions .coupon .input-text {width: auto;height: 36px;line-height: 36px;}
.related.products h2, .woocommerce .cart_totals h2{font-size: 22px;}
.woocommerce .cart-collaterals{margin: 30px 0 60px;}
.woocommerce table.shop_table.cart{margin: 50px 0 0;}
.woocommerce div.product span.price del {opacity: 1;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {margin: 0; border-radius: 0; height: 3px; background-color: #999;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background-color: #222;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{width: 12px;height: 12px;}
.woocommerce .widget_price_filter .price_slider_wrapper {position: relative;}
.woocommerce .widget_price_filter .price_slider_amount {margin-top: 10px;}
.shop-chose-wrap span {margin-right: 0;}
.woocommerce .widget_price_filter .price_slider_amount {font-size: 14px;}
.woocommerce.shop-chose-wrap.widget_price_filter{padding-bottom: 30px;}
.woocommerce .item.product {margin-bottom: 1%;}
.woocommerce .cart-empty {margin-top: 50px;}
.woocommerce.archive .top-baner  {margin-top: 50px;}
.woocommerce-cart footer {margin-top: 50px;}
.woocommerce .item.product h3{ text-transform: uppercase; padding-bottom: 10px;font-family: 'Poppins', sans-serif; line-height: 22px; font-size: 14px;}
.woocommerce .widget_price_filter .price_slider_amount .button{font-size: 12px;margin-top: 5px;font-weight: normal;}
.woocommerce table.shop_table {font-size:15px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border:1px solid #ccc; padding:5px;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { letter-spacing: 1px;font-weight: 300; text-transform: uppercase; font-size: 14px; padding: 10px 18px; background: #222; border-radius: 0; border: 1px solid #222; color: #fff; display: inline-block; height: auto; }
.woocommerce .woocommerce-info {border-top-color:#000; }
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover{background-color: #fff;color:#000;}
#add_payment_method #payment, .woocommerce-checkout #payment {border-radius:0px;}
#order_review_heading {margin-top:10px; }
.woocommerce-checkout .woocommerce-info {margin-top: 30px !important;}
.woocommerce-checkout #order_review {margin-bottom: 30px;}
.woocommerce .woocommerce-message {border-top-color:#000; }
.woocommerce table.shop_table {border-radius:0px; }
.type-2{
    color: #131313;
    // font-size: 100px !important;
    // line-height: 120px !important; 
    letter-spacing: .15em;
    text-shadow: 
      1px -1px 0 #767676, 
      -1px 2px 1px #737272, 
      -2px 4px 1px #767474, 
      -3px 6px 1px #787777, 
      -4px 8px 1px #7b7a7a, 
      -5px 10px 1px #7f7d7d, 
      -6px 12px 1px #828181, 
      -7px 14px 1px #868585, 
      -8px 16px 1px #8b8a89, 
      -9px 18px 1px #8f8e8d, 
      -10px 20px 1px #949392, 
      -11px 22px 1px #999897, 
      -12px 24px 1px #9e9c9c, 
      -13px 26px 1px #a3a1a1, 
      -14px 28px 1px #a8a6a6, 
      -15px 30px 1px #adabab, 
      -16px 32px 1px #b2b1b0, 
      -17px 34px 1px #b7b6b5, 
      -18px 36px 1px #bcbbba, 
      -19px 38px 1px #c1bfbf, 
      -20px 40px 1px #c6c4c4, 
      -21px 42px 1px #cbc9c8, 
      -22px 44px 1px #cfcdcd, 
      -23px 46px 1px #d4d2d1, 
      -24px 48px 1px #d8d6d5, 
      -25px 50px 1px #dbdad9, 
      -26px 52px 1px #dfdddc, 
      -27px 54px 1px #e2e0df, 
      -28px 56px 1px #e4e3e2;
  }
  .three-block-item{
    text-align: left;
    padding-left: 70px;
    position: relative;
}
  .three-block i {
    /*padding: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 43px;
    font-style: normal;
    font-weight: 400;*/
  }
  .three-block p{
    display: inline-block;

    line-height: 1.5;
    font-family: 'designova_ss_regular', sans-serif;
  }
  .three-block h5{

    /* font-size: 18px; */
    color: rgb(34, 34, 34);
    /* font-weight: 300; */
    text-transform: none;
    /* text-transform: uppercase; */
  }
 .three-block-style3 i{
    position: static;
    display: inline-block;
    margin-bottom: 10px;
  }
.wpc-services-hide span{
    color: #333;
    font-size: 16px;
    line-height: 30px;
    font-style: normal;
}
.wpc-services-show i{
    font-size: 55px;
    padding-bottom: 15px;
}
.wpc-services-show{
    padding-top: 100px;
    padding-bottom: 100px;
    text-align: center;
    background-color: #fff;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MAIN SLIDER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-main-slider.swiper-container {
  overflow: visible; }
  @media (max-width: 991px) {
    .wpc-main-slider.swiper-container {
      overflow: hidden;
      margin-right: 20px; } }
  @media (max-width: 767px) {
    .wpc-main-slider.swiper-container {
      margin-right: 0; } }
  .wpc-main-slider.swiper-container:before {
    content: "";
    background-color: #f7f7f7;
    position: absolute;
    left: -100px;
    top: 0;
    width: 100px;
    z-index: 99;
    height: 100vh; }
    @media (max-width: 767px) {
      .wpc-main-slider.swiper-container:before {
        height: calc(100vh + 30px); } }

.wpc-main-slider .slide-wrap {
  background-size: cover;
  padding-top: 90px;
  box-sizing: border-box;
  padding-left: 100px; }
  @media (max-width: 1399px) {
    .wpc-main-slider .slide-wrap {
      padding-top: 50px;
      padding-left: 50px;
      min-height: 900px; } }
  @media (max-width: 991px) {
    .wpc-main-slider .slide-wrap {
      min-height: 800px; } }
  @media (max-width: 767px) {
    .wpc-main-slider .slide-wrap {
      padding-top: 30px;
      padding-left: 20px;
      min-height: 700px; } }
  @media (max-width: 500px) {
    .wpc-main-slider .slide-wrap {
      min-height: 420px; } }

.wrap-gallery-slider .swiper-wrap-gallery {
  -webkit-transition: 0.7s;
  transition: 0.7s; }

.wrap-gallery-slider .btn-toggle-slider {
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s; }
  @media (max-width: 1199px) {
    .wrap-gallery-slider .btn-toggle-slider {
      opacity: 1; } }

.wrap-gallery-slider:hover .swiper-wrap-gallery {
  padding-left: 100px; }
  @media (max-width: 991px) {
    .wrap-gallery-slider:hover .swiper-wrap-gallery {
      padding-left: 0; } }

.wrap-gallery-slider:hover .btn-toggle-slider {
  opacity: 1; }

@media (max-width: 1199px) {
  .gallery-section .s-back-switch {
    min-height: 900px; } }

.wpc-gallery-slider .slide-wrap {
  background-size: inherit;
  position: relative; }
  .wpc-gallery-slider .slide-wrap .hover-wrap {
    background-color: rgba(41, 41, 41, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
    padding-left: 49px;
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s; }
    @media (max-width: 1399px) {
      .wpc-gallery-slider .slide-wrap .hover-wrap {
        padding-left: 20px;
        padding-top: 20px; } }
    @media (max-width: 400px) {
      .wpc-gallery-slider .slide-wrap .hover-wrap {
        padding-left: 20px;
        padding-top: 10px; } }
  .wpc-gallery-slider .slide-wrap:hover .hover-wrap {
    opacity: 1; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TOP INFO */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-top-info .text {
  font: 12px "Lato", sans-serif;
  color: #fff;
  line-height: 17px; }
.wpc-top-info .img-frame {
  float: left;
  margin-right: 20px; }
  @media (max-width: 400px) {
    .wpc-top-info .img-frame {
      margin-right: 10px;
      max-width: 18%; } }
.wpc-top-info .wrap-text {
  padding-top: 10px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SOCIAL ICONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.wpc-soc-icons {
  position: absolute;
  bottom: 101px;
  padding-left: 6px; }
  @media (max-width: 1399px) {
    .wpc-soc-icons {
      bottom: 50px; } }
  @media (max-width: 767px) {
    .wpc-soc-icons {
      bottom: 20px; } }
  .wpc-soc-icons > .icon {
    margin-left: 0; }
  .wpc-soc-icons:hover .soc-group {
    display: inline-block; }
  .wpc-soc-icons .icon {
    background-color: transparent;
    display: inline-block;
    margin-left: -5px; }
    .wpc-soc-icons .icon .soc-group .fa {
      border-color: transparent; }
    .wpc-soc-icons .icon .fa {
      color: #fff;
      font-size: 13px;
      font-weight: 100;
      padding: 12px;
      display: inline-block;
      min-width: 11px;
      -webkit-transition: 1s;
      transition: 1s; }
      .wpc-soc-icons .icon .fa:hover {
        cursor: pointer; }
      .wpc-soc-icons .icon .fa.icon-share:hover {
        background-color: #FFF;
        color: #cab29a;
        vertical-align: bottom; }
      .wpc-soc-icons .icon .fa.fa-twitter {
        background-color: #55acee; }
        .wpc-soc-icons .icon .fa.fa-twitter:hover {
          background-color: #6cb7f0; }
      .wpc-soc-icons .icon .fa.fa-facebook {
        background-color: #3b5998; }
        .wpc-soc-icons .icon .fa.fa-facebook:hover {
          background-color: #4264aa; }
      .wpc-soc-icons .icon .fa.fa-pinterest-p {
        background-color: #bd081c; }
        .wpc-soc-icons .icon .fa.fa-pinterest-p:hover {
          background-color: #d50920; }
      .wpc-soc-icons .icon .fa.fa-google-plus {
        background-color: #dc4e41; }
        .wpc-soc-icons .icon .fa.fa-google-plus:hover {
          background-color: #e06257; }
      .wpc-soc-icons .icon .fa.fa-instagram {
        background-color: #3f729b; }
        .wpc-soc-icons .icon .fa.fa-instagram:hover {
          background-color: #467fad; }
      .wpc-soc-icons .icon .fa.fa-vimeo {
        background-color: #1ab7ea; }
        .wpc-soc-icons .icon .fa.fa-vimeo:hover {
          background-color: #31beec; }
      .wpc-soc-icons .icon .fa.fa-behance {
        background-color: #1769ff; }
        .wpc-soc-icons .icon .fa.fa-behance:hover {
          background-color: #3179ff; }
  .wpc-soc-icons .soc-group {
    margin-left: 0;
    display: none;
    margin-left: 15px;
    -webkit-transition: 1s;
    transition: 1s; }
    .wpc-soc-icons .soc-group.active {
      display: inline-block;
      margin-left: 15px; }
  .wpc-soc-icons.classic {
    bottom: 98px; }
    @media (max-width: 1399px) {
      .wpc-soc-icons.classic {
        bottom: 25px; } }
  .wpc-soc-icons.modern {
    bottom: 100px;
    padding-left: 0; }
    @media (max-width: 1399px) {
      .wpc-soc-icons.modern {
        bottom: 40px; } }
    @media (max-width: 1199px) {
      .wpc-soc-icons.modern {
        left: 20px; } }
    @media (max-width: 767px) {
      .wpc-soc-icons.modern {
        position: relative;
        bottom: 0;
        float: left; } }
  .wpc-soc-icons.classic-style {
    position: static; }
    .wpc-soc-icons.classic-style .soc-group {
      display: block;
      margin-left: 5px; }
    .wpc-soc-icons.classic-style .icon .fa {
      font-size: 20px;
      min-width: 70px;
      display: inline-block;
      text-align: center;
      min-height: 70px;
      padding-top: 25px;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
      @media (max-width: 420px) {
        .wpc-soc-icons.classic-style .icon .fa {
          font-size: 15px;
          min-height: 30px;
          min-width: 30px;
          padding-top: 15px; } }
      .wpc-soc-icons.classic-style .icon .fa:hover {
        -webkit-transform: scale(1.15);
        transform: scale(1.15); }
.wpc-icon-fullscren {
  position: absolute;
  bottom: 98px;
  right: 96px;
  cursor: pointer; }
  @media (max-width: 1399px) {
    .wpc-icon-fullscren {
      right: 55px;
      bottom: 25px; } }
  @media (max-width: 767px) {
    .wpc-icon-fullscren {
      right: 30px; } }
  .wpc-icon-fullscren .icon-size-fullscreen {
    font-size: 12px;
    padding: 13px 14px;
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    -webkit-transition: 1s;
    transition: 1s; }
    .wpc-icon-fullscren .icon-size-fullscreen:hover {
      background-color: #FFF;
      color: #cab29a; }
.wpc-social-icons {
  text-align: right;
  margin-right: 57px; }
  @media (max-width: 1199px) {
    .wpc-social-icons {
      margin-top: 15px;
      text-align: left; } }
  @media (max-width: 991px) {
    .wpc-social-icons {
      margin-right: 0;
      text-align: center; } }
  @media (max-width: 1199px) {
    .wpc-social-icons.center {
      text-align: center; } }
  .wpc-social-icons .flaticon-dribble-logo {
    color: #ea4c89; }
  .wpc-social-icons .flaticon-twitter {
    color: #55acee; }
  .wpc-social-icons .flaticon-facebook {
    color: #3b5998; }
  .wpc-social-icons i:before {
    font-size: 12px;
    margin-left: 16px;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  .wpc-social-icons i:hover:before {
    font-size: 13px; }
  .wpc-social-icons.classic {
    margin-right: 77px; }
    @media (max-width: 1199px) {
      .wpc-social-icons.classic {
        text-align: center;
        margin-right: 0; } }
.footer-folow a{
    font-size: 24px;
}
.h100{
    height: 100px;
}
.padd-lg-b10{
    padding-bottom: 10px;
}
.padd-lg-t10{
   padding-top: 10px;
}
.padd-lg-t30{
    padding-top: 30px;
}
.padd-lg-t50{
    padding-top: 50px;
}
.padd-lg-t80{
    padding-top: 80px;
}
.padd-lg-b80{
    padding-bottom: 80px;
}
.padd-lg-t135{
    padding-top: 135px;
}
.padd-lg-b135{
    padding-bottom: 135px;
}
.padd-lg-b50{
    padding-bottom: 50px;
}
.padd-l-30{
    padding-left: 30px;
}
.marg-l-30{
    margin-left: 30px;
}
.block-bg-white{
    background: #fff;
}