/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Lychee.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 17-07-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOME */
/* 03 - ABOUT */
/* 04 - BLOG */
/* 05 - SHOP */
/* 06 - ELEMENTS */
/* 07 - SHOP DETAIL */
/* 08 - PORTFOLIO */
/* 09 - PORTFOLIO DETAIL */

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'intro_regular';
    src: url('../font/intro-webfont.eot');
    src: url('../font/intro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/intro-webfont.woff2') format('woff2'),
         url('../font/intro-webfont.woff') format('woff'),
         url('../font/intro-webfont.ttf') format('truetype'),
         url('../font/intro-webfont.svg#intro_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../font/proximanova-regular-webfont.eot');
    src: url('../font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-regular-webfont.woff2') format('woff2'),
         url('../font/proximanova-regular-webfont.woff') format('woff'),
         url('../font/proximanova-regular-webfont.ttf') format('truetype'),
         url('../font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {margin:0px; padding:0px; height:100%; width: 100%;}
body {margin:0px; padding:0px; font-size:100%; height:100%; width:100%; font-family: 'proxima_nova_rgregular'; color:#222; background-color: #fff; font-weight: 300; font-style: normal;}
a {text-decoration:none; color: inherit; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
a:hover {text-decoration: none;}
a img{border: 0px none;}
a:hover {outline: none;}
a:active {outline: none; text-decoration: none;}
a:focus {outline: none; outline-offset: 0px; text-decoration: none; color:inherit;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px;}
.clear_l{clear:both;}
ul {padding:0px; margin:0px; list-style:none;}
input:focus, select:focus, textarea:focus, button:focus{outline:none; box-shadow:none;}
::-webkit-input-placeholder {color:#999; opacity: 1;}
::-moz-placeholder          {color:#999; opacity: 1;}
:-moz-placeholder           {color:#999; opacity: 1;}
:-ms-input-placeholder      {color:#999; opacity: 1;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
article, section, footer, header, figure, aside, hgroup, nav{display:block;}
header,nav,article,footer,section,aside,figure,figcaption{display:block}
button {outline: none; border: none; box-shadow: none; background: none;}

/*------------------------------------------------------*/
/*----------------------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%;}
.vertical-center {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%;}
.vertical-align {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%; position: absolute; width: 100%; left: 0px;}
.center_img {position: absolute;}
.swiper-container{margin:0 auto; height: inherit; width: 100%; position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden;}.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-slide{position:relative; float: left;}

h1, h2, h3, h4, h5, h6 {font-family: 'intro_regular';}
h1 {font-size: 48px; font-weight: 300; line-height: 50px; text-transform: uppercase; letter-spacing: 5px;}
h2 {font-size: 36px; line-height: 42px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px;}
h3 {font-size: 24px; line-height: 28px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px;}
h4 { font-size: 18px; line-height: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px;}
h5 {font-size: 14px; line-height: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px;}
h6 {font-size: 13px; line-height: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px;}
p {font-size: 14px; line-height: 24px; font-weight: 300;}
ul li {font-size: 16px; line-height: 32px; font-weight: 300;}
ol li {font-size: 16px; line-height: 32px; font-weight: 300; list-style-position: outside;}
.marker-list li {list-style: square; list-style-position: inside;}
ul li a:hover {text-decoration: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
input {font-size: 14px; border: none; background: none;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;}
textarea {font-size: 13px; line-height: 26px; border: none; border-bottom: 1px solid #ccc; color: #aaa;text-transform: uppercase; padding-left: 5px; padding-bottom: 10px; background: none;}
iframe {border: none;}
q {font-size: 18px; line-height: 26px; color: #000; font-style: italic; font-weight: 300;}
i { font-size: 18px;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.bg-white {background: #fff;}
.bg-grey-light {background: #FAFAFA;}
.bg-dark {background: #000;}
.bold {font-weight: 700;}
.medium {font-weight: 600;}
.ex-bold {font-weight: 800;}
.fl {position: relative; float: left;}
.fr {position: relative; float: right;}
.table-cell {display: table-cell; vertical-align: middle; height: inherit;}

/*---header---*/

header {position: fixed; background: #fff; left: 0px; top: 0px; width: 100%; height: 50px; z-index: 40; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
header .container , header .container-fluid {height: inherit;}
header.no-bg {background: rgba(255,255,255,0.4);}

header.fix {background: rgba(255,255,255,0.9);}
nav {position: relative; float: right; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;} 
nav > ul > li {position: relative; float: left; margin: 0px 21px; font-size: 13px; font-weight: 700; line-height: 16px; text-transform: uppercase; }
nav > ul > li > a:hover {color: #000;}
nav ul li a {color: #777;}
nav > ul > li.active > a {color: #000;}
nav > ul > li.active > span {color: #000; transform: rotateX(-180deg);-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);-ms-transform: rotateX(-180deg);}
nav > ul > li > a > .fa {padding-left: 10px; display: none; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
nav ul > li ul {opacity: 0; position: absolute; top: 25px; background: #fff; visibility: hidden; left: 0; display: block; min-width: 150px;  transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out; border: 1px solid #f5f5f5;}
nav {height: inherit; position: relative; float: left;}
.menu ul > li > ul > li > a > .fa {position: absolute; right: 12px; line-height: 15px; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.menu ul > li:hover .dropmenu {opacity: 1; visibility: visible;}
.menu ul > li > ul > li > ul {opacity: 0; visibility: hidden; position: absolute; left: 100%; max-width: 150px; background: #fff; top: 0px;}
.menu ul > li > ul > li {position: relative; border-bottom: 1px solid #f5f5f5;}
.menu ul > li > ul > li:last-child{border-bottom: 0px none;}
.menu ul > li > ul > li:hover ul {opacity: 1; visibility: visible;}
.menu ul li > ul li a {display: block; clear: both; padding: 8px 7px; position: relative; font-size: 12px; line-height: 16px;}
.menu ul > li > ul > li > a:hover {background: #f5f5f5; color: #000;}
nav > ul > li:last-child .dropmenu {left: 0%;right: auto;}
nav > ul > li:last-child .dropmenu li {text-align: left;}


.header {position: relative; width: 100%; display: inline-block; height: inherit;}
.navigation {position: relative; float: right; height: inherit;}
.logo {position: relative; float: left; height: inherit; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.logo a {color: #000;font-size: 18px; line-height: 26px; text-align: center; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; font-family: 'intro_regular';}

.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: 70px; 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;}
.right-menu-link {text-align: center;}
.right-menu-link .title {padding-bottom: 30px;}
.menu-list {position: relative; float: left; width: 50%; padding: 0px 0px 30px; text-align: center;}
.menu-list h4 {margin-bottom: 20px;}
.menu-list ul li {text-transform: uppercase; font-size: 13px; line-height: 20px; font-weight: 700; padding-bottom: 10px; color: #7f7f7f;}

/*---burger menu---*/

.nav-menu-icon {position: relative; float: right; text-align: center; width: 24px; height: inherit; z-index: 600; display: none; 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 {cursor: pointer;text-decoration: none; width: 24px;}
.nav-menu-icon a i {top: -3px; position: relative;display: inline-block; border-radius: 50%; width: 3px; 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: 3px; height: 3px; border-radius: 50%;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);}

/*---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: 'intro_regular';}

/*---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: 100px;}
.footer-link {position: relative; float: left; height: inherit;}
.footer-link a {position: relative; float: left; font-size: 16px; line-height: 24px; margin: 0px 15px; color: #999;}
.footer-link a:hover {color: #fff;}
.footer-folow {position: relative; float: right;}
.footer-folow a {position: relative; float: left; font-size: 23px; margin: 0px 5px; vertical-align: bottom; font-weight: 100;}
.footer-folow a:hover {color: #999;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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 .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-height {height: 700px;} 

.top-baner {position: relative; width: 100%; height: 100%; height: 700px;}
.main-wrapp {position: relative; width: 100%; padding: 80px 0px 40px; overflow: hidden;}
.padd-80 {padding-bottom: 80px;}
.fillter-wrap {position: relative; width: 100%; text-align: left; padding: 0px 0px 40px;}
.fillter-wrap .but {text-transform: uppercase; font-size: 14px; color: #666; font-weight: 300; margin: 0px 50px 0px 0px; background: none; letter-spacing: 5px;}
.fillter-wrap .but span {margin-top: -5px; font-size: 12px; color: #999; position: relative; float: right; padding-left: 5px;}
.fillter-wrap .but.activbut {color: #999;}
.fillter-wrap .but.activbut span {text-decoration: line-through;}
.izotope-container {position: relative; width: 100%;}
.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;}
.item h2, .item h3, .item h4, .item h5 {font-family: 'proxima_nova_rgregular';}
.item img {width: 100%; height: auto; display: block; backface-visibility: hidden;}
.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;}
.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 img {margin-bottom: 30px;}
.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; margin-top: 50px;}
.top-baner.height-300 {height: 300px;}
.top-baner.height-500 {height: 450px; margin-top: 50px;}
.bg-green {background: #e7efef;}
.bg-green .main-title h2 {color: #567a7a;}
.top-baner.height-500 .main-title {padding: 0px;}
.main-title.no-bg {background: none; border: 0px none; outline: none; }
.main-title p {font-size: 16px; letter-spacing: 2px; font-style: italic;}

.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: 'intro_regular'; 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 {font-size: 26px; padding-bottom: 20px; color: #222; display: block; font-family: 'intro_regular'; line-height: 30px; letter-spacing: 1px; transition: all 0.3s ease;}
.blog-item .blog-item-text h4:hover {color: #567a7a;}
.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: #567a7a;}
.top-bar span {margin-right: 15px; font-size: 13px;}
.blog-link a {display: block; margin-bottom: 30px; font-size: 14px; color: #567a7a;}

.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-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 li:hover {background: #222; color: #fff;}
.popular-block {position: relative; width: 100%; padding-bottom: 30px; display: inline-block;}
.popular-block p {font-size: 14px; line-height: 18px; color: #999; padding-bottom: 20px;}
.popular-block:last-child {padding-bottom: 0px;}
.pop-img {position: relative; float: left; width: 40%;}
.pop-img img {width: 100%; height: auto;}
.pop-text {position: relative; float: left; padding-left: 15px; width: 60%;}
.pop-text h5 {padding-bottom: 10px; font-size: 14px; line-height: 16px;}
.pop-text a:hover {color: #999;}
.pop-text span {font-size: 14px; font-weight: 500; color: #999;}
.tags-button {position: relative; width: 100%;}
.tags-button a {position: relative; float: left; padding: 8px 12px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: #222; background: #ebebeb; margin: 0px 10px 15px 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;}
.tags-button a:hover {background: #222; color: #fff;}
.sidebar-block .arrow-style-1 span {color: #fff;}
.sidebar-block .slide-prev {left: 15px;}
.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;}

.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;}
.comments {position: relative; width: 100%; float: left;}
.comments h3 {padding-bottom: 50px;}
.comm-block {width: 100%; position: relative; float: left; padding-bottom: 50px;}
.comm-txt {position: relative; float: left; padding-left: 110px; width: 100%;}
.comm-txt h5 {position: relative; float: left;}
.comm-txt p {position: relative; float: left; width: 100%; padding: 5px 0px; color: #999;}
.comm-txt a {position: relative; display: block; float: left;}
.date-post {position: relative; float: left; padding-left: 25px;}
.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: #999; 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;}
.contact-form {position: relative; width: 100%; float: left;}
.contact-form h3 {padding-bottom: 50px;}
.popular-block.padd-80 {padding-bottom: 80px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - SHOP */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.shop {position: relative; width: 100%; padding: 80px 0px 40px;}
.shop-bar {width: 100%; max-width: 1200px; display: inline-block; position: relative; padding-bottom: 100px;}
.shop-chose-wrap {position: relative; float: left; width: 20%;}
.shop-chose-wrap span {font-size: 14px; color: #000; font-weight: 300; position: relative; float: left; 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-size: 16px; color: #999; margin: 0px 10px; position: relative; float: none; display: inline-block;}
.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 .shop-chose-wrap {width: 100%; padding-bottom: 60px;}
.left-filter .drop-wrap {width: 100%;}
.left-filter .drop {min-width: 100%;}
.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;}
.contact-form input, textarea {width: 100%; height: 45px; border: 1px solid #999; padding: 0px 15px; font-size: 14px; margin-bottom: 15px; text-transform: capitalize;}
.contact-form form {padding-top: 10px;}
.contact-form textarea {height: 120px; padding-top: 10px;}
.contact-form input[type="submit"] {width: 120px; background: #222; color: #fff; text-align: center; border: 0px none; margin: 0px;}
.contact-form input[type="submit"]:hover {background: #999;}
.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;}
/*retocado bottom*/
.main-slider .main-title {left: 30px; top: auto; bottom: 200px;/*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; 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; letter-spacing: 5px;}
.main-title h2.type-2 {font-size: 80px; font-weight: 400; letter-spacing: 25px; line-height: 80px;} 

.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);}

.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;}
.tab-pane .pop-text a h5 {font-size: 13px; line-height: 16px;} 
.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-wrap {width: 100%; position: relative;}
.video-wrap {width: 100%; position: relative;}
.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;}

.slide-prev { position: absolute; top: 50%; left: 30px; z-index: 5; cursor: pointer; width: 25px; height: 25px; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg)  translateY(-50%);}
.slide-prev:before {position: absolute; left: 0px; top: 0px; width: 100%; height: 2px; background: #222; content: '';}
.slide-prev:after {position: absolute; left: 0px; bottom: 0px; width: 2px; height: 100%; background: #222; content: ''; }
.slide-next { position: absolute; top: 50%; right: 15px; z-index: 5; cursor: pointer;transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg)  translateY(-50%);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg)  translateY(-50%); width: 25px; height: 25px;}
.slide-next:before {position: absolute; left: 0px; bottom: 0px; width: 100%; height: 2px; background: #222; content: ''; }
.slide-next:after {position: absolute; right: 0px; bottom: 0px; width: 2px; height: 100%; background: #222; content: '';}
.slide-next:before, .slide-next:after, .slide-prev:after, .slide-prev:before {-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);} 
.slide-prev:hover:before, .slide-next:hover:before {height: 5px;}
.slide-prev:hover:after, .slide-next:hover:after {width: 5px;}
.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;}
.pagination {position: absolute; width: 100%; text-align: center; left: 0px; bottom: 0px; z-index: 5;} 
.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 {background: #f9f9f9;}
.bg-grey-dark {background: #C7C7C7;}
.bg-dark {background: #222; color: #fff;}
.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: "proxima_nova_rgregular";}
.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: 'intro_regular';}
.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 {position: relative; width: 100%; padding-bottom: 40px;}
.blog-post img {width: 100%; height: auto;}
.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 h4 { padding-bottom: 20px; padding-top: 40px; display: inline-block;}
.blog-post p {padding-bottom: 30px;}
.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 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.nogutt-col2 .item {width: 50%;}
.grid-sizer {width: 0;}
.nogutt-col3 .item {width: 33.3333%;}
.nogutt-col4 .item {width: 25%;}
.nogutt-col4 .item h4 {letter-spacing: 1px;}
.popup-gallery.nogutt-col4 .item.w-50 {width: 50%;}
.nogutt-col5 .item {width: 20%;}
.nogutt-col5 .item h4 {letter-spacing: 1px; font-size: 16px;}
.nogutt-col5 .item h5 {font-size: 12px;}
.filters-style-1 .but {margin: 0px 10px; padding: 5px 12px; border-radius: 15px; 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: #f5f5f5;}
.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;}

.gutt-col2 .item {width: 48%; margin:1%;}
.gutt-col3 .item {width: 31%; margin:1%;}
.gutt-col4 .item {width: 23%; margin:1%;}
.gutt-col5 .item {width: 19%; margin:0.5%;}
.gutt-col5 .item h4 {font-size: 14px;}
.gutt-col5 .item h5 {font-size: 12px;}

.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%;}
.item-desc {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background: rgba(255,255,255,0.6); text-align: center; opacity: 0; transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.item-desc:hover {opacity: 1;}
.item-desc h5 {padding-bottom: 20px; font-size: 12px; transform: translateX(-20px); -webkit-transform: translateX(-20px);-moz-transform: translateX(-20px);-ms-transform: translateX(-20px); opacity: 0; transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;}
.item-desc h4 {font-size: 16px; font-weight: 700; padding-bottom: 5px; transform: translateX(-40px); -webkit-transform: translateX(-40px);-moz-transform: translateX(-40px);-ms-transform: translateX(-40px); opacity: 0; transition: all 0.35s ease-in;-webkit-transition: all 0.35s ease-in;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease-in;-ms-transition: all 0.35s ease-in;}
.popup-gallery .item .link {position: relative; opacity: 0; display: inline-block; float: none; width: 50px; height: 50px; border-radius: 50%; background: #fff; margin: 0px 5px; color: #888; transform: translateX(50px); -webkit-transform: translateX(50px);-moz-transform: translateX(50px);-ms-transform: translateX(50px);}

.item-desc:hover h4, .item-desc:hover h5 {transform: translateY(0); -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;}
.item-desc:hover .link {opacity: 1; transform: translateX(0); -webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);}
.popup-gallery .item .link i {font-size: 15px; line-height: 50px;}
.popup-gallery .item .link:hover {color: #fff; background: #888;}
.item-desc.black {background: rgba(0,0,0,0.8);}
.item-desc.black {color: #fff;}

.gutt-col4 .item .item-desc h4 {font-size: 12px;}
.gutt-col4 .item .item-desc h5 {padding-bottom: 10px;}
.gutt-col5 .item .item-desc h4 {font-size: 12px; line-height: 14px;}
.gutt-col5 .item .item-desc h5 {padding-bottom: 10px; font-size: 11px;}
.gutt-col5.popup-gallery .item .link {width: 30px; height: 30px;}
.gutt-col5.popup-gallery .item .link i {line-height: 30px; font-size: 12px;}
	
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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%;}

.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;}
.fillter-wrap .sort-b.active {color: #999;}
.fillter-wrap .sort-b.active span {text-decoration: line-through;}
.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;}
.ms-section img {width: auto; height: 100%;}
#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: #000;}
.multi-wrapp .det-img .layer-style-2 {cursor: pointer;}
.multi-wrapp .det-img .layer-style-2 .vertical-align {padding-right: 80px;}

.pagination.vertical-mode {width: 50px; transform: translateY(50%); -webkit-transform: translateY(50%);-moz-transform: translateY(50%);-ms-transform: translateY(50%); right: 50px; left: auto; bottom: 50%;}
.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 {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: "proxima_nova_rgregular"; 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;}
.animated {animation-fill-mode: none; -webkit-animation-fill-mode: none;}

@media screen and (max-width: 1170px) {
    nav > ul > li {margin: 0px 10px;}
}
@media screen and (max-width: 992px) {
	.nav-menu-icon {display: block;}
	nav > ul > li {float: left; display: block; width: 100%; margin: 0px; padding: 10px 0px; font-size: 16px; border-top: 1px solid #f5f5f5; padding-left: 15px; position: static;}
	nav > ul > li:last-child {border-bottom: 1px solid #f5f5f5;}
    nav ul > li ul {display: none; position: relative; opacity: 1; visibility: visible; width: 100%; margin-top: 10px; top: 0px; margin-bottom: 10px;} 
	ul.slidemenu {display: block;}
	nav ul {padding: 0px;}
	.shop-detail-info h4 {padding-top: 40px;}
	nav > ul > li > a > .fa {display: inline-block;}
	nav {position: fixed; width: 100%; height: 100%; padding-top: 80px; background: #fff;left: 0px; top: 0px; z-index: 500; text-align: left; overflow-y: auto; transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%); -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);}
	nav.slide-menu {transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
	nav > ul > li:last-child .dropmenu li {text-align: left;}
	nav ul {width: 100%; padding: 0;}
	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);} 
	.main-wrapp {padding: 80px 0px 40px;} 
	.padd-80 {padding: 40px 0px;} 
    .home-izotope .item {width: 50%;}
	.fillter-wrap {padding-bottom: 40px;}
	.about-item {padding-bottom: 30px;}
	.team-block {padding-bottom: 30px;}
	.servis-block {text-align: center; padding-bottom: 30px;}
	.pagination.vertical-mode {bottom: 20px; transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0); width: 100%; right: 0px;}
	.vertical-mode.point-style-1 .swiper-pagination-switch {margin-bottom: 0px;}
	
	.nogutt-col3 .item {width: 50%;}
	.nogutt-col4 .item {width: 33.3333%;}
	.gutt-col4 .item {width: 31%;}
	.gutt-col5 .item {width: 31%;}
	.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;}
	.popular-block.padd-80 {padding-bottom: 40px;}
	.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;}
	
	.ms-right {width: 100%!important; position: relative; float: left;}
	.ms-left {width: 100%!important; position: relative; float: left;}
	.ms-section img {width: 100%; height: auto;}
	.right-menu-link {padding-top: 20px;}
	.right-menu {padding: 30px 15px;}
	.second-menu {margin-right: 10px;}
	nav > ul > li {padding: 0px;}
	nav > ul > li > a {padding: 10px 0px; display: inline-block;}
	nav ul.table-cell {position: relative; width: 100%; text-align: center; display: block;}
	nav > ul.slidemenu > li {padding: 10px 0px 0px;}
	nav ul > li ul {margin: 0px; border-top: 0px none;}
	.menu ul > li > ul > li:last-child {border-bottom: 1px solid #F5F5F5;}
	.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;}
	.popup-gallery.nogutt-col4 .item {width: 50%;}
	 nav > ul > li:last-child .dropmenu li {text-align: center;}
}

@media screen and (max-width: 768px) {
	.fillter-wrap {text-align: center;}
	.fillter-wrap .but {width: auto; margin: 6px auto; display: block;}
	.fillter-wrap .but span {float: none;} 
	.nogutt-col4 .item {width: 50%;}
	.gutt-col3 .item {width: 48%;}
	.gutt-col5 .item {width: 48%;} 
	.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-link {width: 100%; text-align: center; float: none; display: inline-block; padding-bottom: 15px;}
	.footer-link a {float: none;}
	footer {padding: 20px 0px;}
	.main-wrapp {padding-bottom: 0px;}
	.shop {padding: 60px 0px 40px;}
	.fillter-wrap {padding-bottom: 15px;}
}

@media screen and (max-width: 480px) {
	.mobile-icon {margin-right: 15px;}
	.nav-menu-icon {margin-right: 15px;}
	.main-title h2 {font-size: 30px; line-height: 36px;}
	.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-wrapp {padding-top: 40px;}
	.pagination.vertical-mode {bottom: 10px;}
	.popup-gallery.nogutt-col4 .item.w-50 {width: 100%;}
	.main-title h2.type-2 {font-size: 40px; line-height: 50px; letter-spacing: 15px;}
	.nogutt-col2 .item {width: 100%;}
	.nogutt-col3 .item {width: 100%;}
	.nogutt-col4 .item {width: 100%;}
	.gutt-col2 .item {width: 98%;}
	.gutt-col3 .item {width: 98%;}
	.gutt-col4 .item {width: 98%;}
	.gutt-col5 .item {width: 98%;}
	.line-item {width: 33.333%;}
	.line-item:last-child {display: none;}
	.pop-text h5 {font-size: 13px; letter-spacing: 2px;}
	.date-post {width: 100%; padding-top: 10px; padding-left: 0px;}
	.contact-form h3 {padding-bottom: 40px;}
	.comments 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;}
	.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-500 {height: 300px;}
	.main-slider .swiper-slide .full-height {height: 500px;}
	
}
@media screen and (max-width: 360px) {
    .intro-scroll-down {bottom: 12px;}
	.pop-text h5 {letter-spacing: 0px;}
	.full-about-baner .w-50:first-child {display: none;}
	/*.encabezado {padding-top:0px; padding-left:10px!important;}
	.h2 {font-size:18px!important; color:#FFF; font-weight:normal;}*/
	
}
.white-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.0);}
.about-item h4 {padding-bottom: 15px; font-size: 38px;  /*font-weight: 400!important; font-family: 'intro_regular';*/}
.about-item h4 .h1 {font-size: 38px; font-weight: 300; line-height: 50px; text-transform: uppercase; letter-spacing: 5px; }
.encabezado {padding-top:0px; padding-left:60px!important;}
.h2 {font-size:16px!important; color:#FFF; font-weight:normal; margin-top:5px!important;}
.blanco{color:#FFF; margin:30px;}
.footer-link .fa{ color:#ffffff;}
.fa-map-marker{ color:#333 !important;}
.fa-chevron-down { color:#333 !important;}
.fa-angle-down{ color:#333 !important;}
.fa-calendar{color:#F75677!important;}/*#3C2031*/
.fa-check-square-o{color:#F75677!important;}
.fa-arrow-circle-right{color:#F75677!important;}
.nav-menu-icon a i {top: -3px; position: relative;display: inline-block; border-radius: 50%; width: 23px; 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:23px; height: 3px; border-radius: 50%;background: #262626;position: absolute;left:0;transition:all .2s ease-out;}
.second-menu {position: relative;float: left;margin-left: 25px; margin-right:25px;}
.three-menu {position: relative;float: left;margin-left: 5px; display:inline;height: inherit; cursor: pointer; text-align: left;}
.nav-menu-icon div{float:left;}
.descrip h1{margin-top:30px!important; font-family: 'proxima_nova_rgregular';}
@media screen and (max-width: 480px) {
	.descrip h1{margin-top:-150px!important;}
	.encabezado {padding-top:0px; padding-left:10px!important;}
	}
.top-baner.ligh-height {height: 100px;margin-top: 50px;}
.reservas{ width:100%; height:10px; overflow:visible; text-align:right; color:#FFF; padding-right:40px; padding-top:10px;}
.top-baner.half-height {/*height: 100px; */margin-top: 50px; color:#FFF;}
.bg-green {background: #150E0E;}
.bg-cabecera{height:60px!important;background: #150E0E;}
nav > ul > li.active > span {color: #000; transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);}

p.inicio{text-align: left!important;}

.encabezado-reservas{padding-top:0px;!important;}
#reservas{visibility:visible;}
#wrap-resv{background-color:#333; opacity:0.8;visibility:visible;}
.top-reservas{ padding-top:30px; height: 250px; overflow:visible!important;}
.top-ofertas{ padding-top:10px; height: 250px; overflow:visible!important;}

@media screen and (max-width: 992px) {
	#wrap-resv{background-color:#333; opacity:0.0;}
	#reservas{visibility:hidden;}
	form .contact-form .cabecera {padding-top:0px !important;}
	.top-reservas{ padding-top:0px; height:280px; background-color:#000;}
	.top-ofertas{ padding-top:0px !important; height: auto!important;background-color:#000; overflow:visible!important;}
	
}

.contact-form input[type="submit"] {
    background: #C21646;
}

.submit1 {position: absolute; right: -5px; top: 0px; height: 25px; width: 25px; background: #ffffff; border-radius: 50%; z-index: 65; text-align: center;}
.submit1 .submit-button {position: absolute; right: -5px; top: 0px; width: 100%; height: 100%; z-index: 5;}
.submit1 span {color: #222; font-size: 10px; line-height: 25px; position: absolute; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; cursor: pointer;}

.submit2 {position: absolute; right: -40px; top: 0px; height: 25px; width: 25px; background: #ffffff; border-radius: 50%; z-index: 65; text-align: center;}
.submit2 .submit-button {position: absolute; right: -40px; top: 0px; width: 100%; height: 100%; z-index: 5;}
.submit2 span {color: #222; font-size: 10px; line-height: 25px; position: absolute; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; cursor: pointer;}

.submit3 {position: absolute; right: -75px; top: 0px; height: 25px; width: 25px; background: #ffffff; border-radius: 50%; z-index: 65; text-align: center;}
.submit3 .submit-button {position: absolute; right: -75px; top: 0px; width: 100%; height: 100%; z-index: 5;}
.submit3 span {color: #222; font-size: 10px; line-height: 25px; position: absolute; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; cursor: pointer;}

.submit4 {position: absolute; right: -110px; top: 0px; height: 25px; width: 25px; background: #ffffff; border-radius: 50%; z-index: 65; text-align: center;}
.submit4 .submit-button {position: absolute; right: -110px; top: 0px; width: 100%; height: 100%; z-index: 5;}
.submit4 span {color: #222; font-size: 10px; line-height: 25px; position: absolute; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; cursor: pointer;}

.submit5 {position: absolute; right: -145px; top: 0px; height: 25px; width: 25px; background: #ffffff; border-radius: 50%; z-index: 65; text-align: center;}
.submit5 .submit-button {position: absolute; right: -145px; top: 0px; width: 100%; height: 100%; z-index: 5;}
.submit5 span {color: #222; font-size: 10px; line-height: 25px; position: absolute; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; cursor: pointer;}

.submit6 {position: absolute; right: -180px; top: 0px; height: 25px; width: 25px; background: #ffffff; border-radius: 50%; z-index: 65; text-align: center;}
.submit6 .submit-button {position: absolute; right: -180px; top: 0px; width: 100%; height: 100%; z-index: 5;}
.submit6 span {color: #222; font-size: 10px; line-height: 25px; position: absolute; width: 100%; height: 100%; z-index: 8; left: 0px; top: 0px; cursor: pointer;}

/**/
@import url("css/fontello.css");
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?3557651');
  src: url('../font/fontello.eot?3557651#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?3557651') format('woff'),
       url('../font/fontello.ttf?3557651') format('truetype'),
       url('../font/fontello.svg?3557651#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
.read-more {
    font-size: 12px;
    color: #000;
    line-height: 34px;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-left: 26px;
    padding-right: 63px;
    border: 2px solid #efefef;
    position: relative;
    border-radius: 3px;
    display: inline-block;
    letter-spacing: 2px;
}

.read-more:after {
    position: absolute;
    top: 50%;
    right: 19px;
    margin-top: -17px;
    font-family: "fontello";
    font-size: 20px;
    content: "\e879";
    color: #000;
    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -ms-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
              transition: all 0.3s ease-in-out;
}

.read-more:hover:after {
    right: 10px;
}

.read-more.dark {
    color: #fff;
    border-color: #fff;
    background-color: #000;
}

.read-more.dark:after {
    color: #fff;
}
.bt-situacion{z-index:10; position: absolute; border:#09F 0px solid; top : 10px; border-radius:15px; background:transparent; visibility:hidden; padding:20px;} 

@media only screen and (min-width: 240px) and (max-width: 479px), only screen and (min-device-width: 240px) and (max-device-width: 479px) and (orientation:portrait)
{
.top-baner.half-height {height: 270px;}
#map_canvas{height:400px !important;}
.bt-situacion{z-index:10; position: absolute; border:#09F 0px solid; top : 10px; border-radius:15px; background:transparent; visibility:hidden; padding:0px;} 
.read-more{display:block; !important;}
}
a.enlace-correo {font-weight:bold; color:#F75677 !important;}
.fa-long-arrow-right{color:#F75677!important;}
.apt{color:#C468B1!important;}
.h2-servicios {font-family: 'proxima_nova_rgregular';font-size: 28px; font-weight: 300; line-height: 50px; text-transform: uppercase; letter-spacing: 5px; }
.peq{font-size:12px !important;}
.icon-pie{margin-left:5px;}
.enlaces-pie{float:none !important; margin-left:5px !important; color:#FFF !important;}
.footer-link a {margin: 0px 5px;}
.footer {
    min-height: 120px;
}