@font-face {
   font-family: FiraSans-Medium;
   src: url(../font/fira_sans/FiraSans-Medium.ttf);
}
@font-face {
   font-family: FiraSans-Bold;
   src: url(../font/fira_sans/FiraSans-Bold.ttf);
}
@font-face {
   font-family: FiraSans-Regular;
   src: url(../font/fira_sans/FiraSans-Regular.ttf);
}
@font-face {
   font-family: FiraSans-SemiBold;
   src: url(../font/fira_sans/FiraSans-SemiBold.ttf);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

body * { -webkit-text-size-adjust: none; box-sizing: border-box; }

input:focus, select:focus, textarea:focus, button:focus, input:invalid { outline: none; box-shadow: none; }

input, textarea, select { font-weight: 400; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0px none; }

select::-ms-expand { display: none; }

a, a:link, a:visited, a:active, a:hover { cursor: pointer; text-decoration: none; outline: none; }

body {
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
	font-family: FiraSans-Regular;
}

ul, ol { list-style: none; }

b { font-weight: 700; }

input::-webkit-input-placeholder, input::-moz-placeholder, input:-moz-placeholder, input:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 1. BOOTSTRAP
/*-------------------------------------------------------------------------------------------------------------------------------*/
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { .container { width: 730px; } }
@media (min-width: 992px) { .container { width: 964px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

.row { margin-left: 0px; margin-right: 0; } 

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-0 { right: auto; }

.col-xs-push-12 { left: 100%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-0 { left: auto; }

.col-xs-offset-12 { margin-left: 100%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-0 { margin-left: 0; }

@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-offset-12 { margin-left: 100%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-0 { margin-left: 0; } }
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-0 { right: auto; }
  .col-md-push-12 { left: 100%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-0 { left: auto; }
  .col-md-offset-12 { margin-left: 100%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-0 { margin-left: 0; } }
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-offset-12 { margin-left: 100%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-0 { margin-left: 0; } }
.tooltip { position: absolute; z-index: 1070; display: block;  font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); }

.tooltip.in { opacity: .9; filter: alpha(opacity=90); }

.tooltip.top { margin-top: -3px; padding: 5px 0; }

.tooltip.right { margin-left: 3px; padding: 0 5px; }

.tooltip.bottom { margin-top: 3px; padding: 5px 0; }

.tooltip.left { margin-left: -3px; padding: 0 5px; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after,.row:after { content: " "; display: table; }

.clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; }

.center-block { display: block; margin-left: auto; margin-right: auto; }

.pull-right { float: right !important; }

.pull-left { float: left !important; }

.hide { display: none !important; }

.show { display: block !important; }

.invisible { visibility: hidden; }

.hidden { display: none !important; }

.affix { position: fixed; }


body, html { width: 100%; }
body.full-h, html.full-h { height: 100%; }

body { color: #4d4d4e; }
body.overflow { overflow: hidden; }

.h1 { font-size: 118px; }

.h2 { font-size: 105px; }

.h3 { font-size: 94px; }

.h4 { font-size: 70px; }

.h5 { font-size: 64px; }

.h6 { font-size: 50px; }

.h7 { font-size: 26px; line-height: 34px; }

.h8 { font-size: 27px; line-height: 40px; }

.h9 { font-size: 19px; }

.h10 { font-size: 18px; }

.h11 { font-size: 16px; }

.h12 { font-size: 14px; }

.h13 { font-size: 13px; letter-spacing: 1.6px; font-weight: 700; text-transform: uppercase; }

.h14 { font-size: 11px; }

.title-counter { text-align: center; padding-bottom: 45px; position: relative; }
.title-counter .title { padding-bottom: 25px; }
.title-counter span { position: relative; display: inline-block; width: 32px; height: 32px; font-size: 10px; color: #fff; background: #4d4d4e; line-height: 32px; border-radius: 50%; font-weight: 700; vertical-align: middle; }
.title-counter.no-padd { padding-bottom: 0px; }
.title-counter i { font-size: 30px; line-height: 55px; display: inline-block; vertical-align: bottom; }
.title-counter.col-white { color: #fff; }
.title-counter.col-white.col-white .title { color: #fff; }
.title-counter.no-margin { padding-bottom: 0px; margin: 0px; }
.title-counter.no-margin .title { padding-bottom: 0px; }

.title-second { text-align: center; padding-bottom: 35px; position: relative; }
.title-second .title { padding-bottom: 20px; }
.title-second.box-style { margin: 0 auto;     margin-top: 5%;}
.title-second.type-2 .title { font-size: 65px; line-height: 65px; padding-bottom: 0px; }
.title-second.type-2 .sub-title { font-size: 14px; line-height: 16px; letter-spacing: 6.2px; }
.title-second.type-2.col-style-1 { color: #fff; }
.title-second.type-2.col-style-2 { color: #484848; }

.simple-text { position: relative; }

.simple-text.large p { font-size: 25px; line-height: 36px; }
.simple-text.lg p { font-size: 22px; line-height: 30px; }
.simple-text.mdl p { font-size: 18px; line-height: 34px; }
.simple-text.md p { font-size: 16px; line-height: 24px; }
.simple-text.sm p { font-size: 15px; line-height: 23px; }
.simple-text.xs p { font-size: 14px; line-height: 22px; }
.simple-text.col-type-1 p { color: rgba(77, 77, 78, 0.6); }
.simple-text.col-type-2 p { color: #4d4d4e; }
.simple-text.col-type-3 p { color: rgba(255, 255, 255, 0.6); }
.simple-text.col-type-4 p { color: rgba(77, 77, 78, 0.7); }
.simple-text.col-type-5 p { color: #fff; }
.simple-text.col-type-6 p { color: rgba(255, 255, 255, 0.5); }

.back-cramps-list { font-size: 0px; }

.back-cramps-list li { display: inline-block; font-size: 15px; line-height: 18px; padding: 0px 20px; position: relative; overflow: hidden; }
.back-cramps-list li a { color: #4d4d4e; position: relative; }
.back-cramps-list li:before { content: ''; position: absolute; right: -100%; margin-right: 10px; height: 1px; background: #4d4d4e; top: 50%; width: 100%; margin-top: 2px; }
.back-cramps-list li:after { content: ''; position: absolute; left: -100%; margin-left: 10px; height: 1px; background: #4d4d4e; top: 50%; width: 100%; margin-top: 2px; }
.back-cramps-list li:first-child:after, .back-cramps-list li:last-child:before { display: none; }

.button-type-1 { position: relative; display: inline-block; height: 55px; border-radius: 27px; background: #75acff; padding: 0px 35px; font-weight: 700; color: #fff; text-align: center; border: 2px solid transparent; font-size: 13px; letter-spacing: 1.2px; line-height: 51px; text-transform: uppercase; overflow: hidden; }
.button-type-1:hover { background: none; border-color: #75acff; }
.button-type-1 span { position: relative; display: inline-block; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.button-type-1 span:before { content: attr(data-text); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; line-height: 51px; color: #75acff; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.button-type-1:hover span { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); }
.button-type-1.type-2 { border-radius: 0px; border-color: #4d4d4e; color: #4d4d4e; background: none; padding: 0px; }
.button-type-1.type-2 span { padding: 0px 75px; }
.button-type-1.type-2 span:before { color: #fff; background: #4d4d4e; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.button-type-1 i { font-size: 16px; display: inline-block; padding-right: 15px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.button-type-1:hover i { color: #75acff; }
.button-type-1.lg-padding { padding: 0px 60px; }

.button-type-2 { position: relative; display: inline-block; height: 77px; line-height: 73px; box-shadow: inset 0px 0px 0px 2px #fff; color: #fff; font-size: 13px; overflow: hidden; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; text-align: center; }
.button-type-2 span:before { content: ''; position: absolute; left: 0px; top: 0px; width: 0%; height: 2px; background: #333; z-index: 5; -webkit-transition: all 0.25s ease-out 0.75s; -moz-transition: all 0.25s ease-out 0.75s; -ms-transition: all 0.25s ease-out 0.75s; transition: all 0.25s ease-out 0.75s; }
.button-type-2:before { content: ''; position: absolute; right: 0px; bottom: 0px; height: 2px; width: 0%; background: #333; z-index: 5; -webkit-transition: all 0.25s ease-out 0.25s; -moz-transition: all 0.25s ease-out 0.25s; -ms-transition: all 0.25s ease-out 0.25s; transition: all 0.25s ease-out 0.25s; }
.button-type-2 span:after { content: ''; position: absolute; right: 0px; top: 0px; width: 2px; height: 0%; background: #333; z-index: 5; -webkit-transition: all 0.25s ease-out 0.5s; -moz-transition: all 0.25s ease-out 0.5s; -ms-transition: all 0.25s ease-out 0.5s; transition: all 0.25s ease-out 0.5s; }
.button-type-2:after { content: ''; position: absolute; left: 0px; bottom: 0px; height: 0%; width: 2px; background: #333; z-index: 5; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -ms-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; }
.button-type-2:hover span:before, .button-type-2:hover:before { width: 100%; }
.button-type-2:hover span:after, .button-type-2:hover:after { height: 100%; }
.button-type-2:hover span:before { transition-delay: 0s; }
.button-type-2:hover span:after { transition-delay: 0.25s; }
.button-type-2:hover:before { transition-delay: 0.5s; }
.button-type-2:hover:after { transition-delay: 0.75s; }
.button-type-2:hover { letter-spacing: 5px; }

.button-type-3 { position: relative; display: inline-block; height: 46px; border-radius: 25px; font-size: 0px; overflow: hidden; z-index: 5; text-transform: uppercase; backface-visibility: hidden; }
.button-type-3.type-1 { color: #fff; }
.button-type-3.type-2 { color: #b1b1b1; }
.button-type-3.type-1 span:first-child { border-right: 2px solid #fff; }
.button-type-3.type-2 span:first-child { border-right: 2px solid #b1b1b1; }
.button-type-3 > span { position: relative; display: inline-block; text-align: center; padding: 0px 25px; line-height: 46px; font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; }
.button-type-3 i { font-style: normal; display: inline-block; position: relative; }
.button-type-3:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 5; border-radius: 25px; z-index: 2; }
.button-type-3.type-1:before { box-shadow: inset 0px 0px 0px 2px #fff; }
.button-type-3.type-2:before { box-shadow: inset 0px 0px 0px 2px #b1b1b1; }
.button-type-3.type-2 span:first-child { background: #fff; z-index: 1; position: relative; display: inline-block; }
.button-type-3 span:last-child:before { content: ''; background: #75acff; width: 100%; height: 100%; left: 0%; opacity: 0; top: 1px; position: absolute; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.button-type-3:hover span:last-child:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; transition-delay: 0s; }
.button-type-3:hover span:last-child { color: #fff; }
.button-type-3.type-1 span:first-child:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.35s ease-out 0.15s; -moz-transition: all 0.35s ease-out 0.15s; -ms-transition: all 0.35s ease-out 0.15s; transition: all 0.35s ease-out 0.15s; }
.button-type-3.type-1:hover span:first-child { color: #75acff; }
.button-type-3.type-1:hover span:first-child:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.button-type-4 { font-size: 14px; font-weight: 700; color: #484848; position: relative; display: inline-block; z-index: 1; text-align: center; padding: 0px 60px; height: 60px; line-height: 60px; background: #a3de15; border-radius: 30px; text-transform: uppercase; overflow: hidden; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -ms-transition: all 0.45s ease-out; transition: all 0.45s ease-out; }
.button-type-4 span { position: relative; }
.button-type-4:before { content: ''; position: absolute; left: 50%; bottom: -40px; margin-left: -40px; width: 80px; height: 80px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; opacity: 0; }
.button-type-4:hover:before { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); background: #fff; opacity: 1; }
.button-type-4:hover { color: #a3de15; background: #fff; }

.tag-link { position: relative; display: inline-block; padding: 0px 20px; font-size: 11px; height: 30px; line-height: 30px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; border-radius: 15px; background: #4d4d4e; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.tag-link:hover { background: rgba(255, 255, 255, 0.5); color: #4d4d4e; }

.tags { text-align: center; position: relative; }
.tags .tag-link { margin: 0 7px; }

.tag-link-2 { position: relative; display: inline-block; margin: 0px 14px 14px 0px; padding: 0px 30px; text-align: center; height: 38px; border-radius: 19px; background: #dadbd9; text-transform: uppercase; font-size: 12px; letter-spacing: 1.4px; font-weight: 700; color: rgba(77, 77, 78, 0.6); line-height: 38px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.tag-link-2:hover { background: #75acff; color: #fff; }

.section { position: relative; }
.section.xxs-padding { padding: 0px 0px 70px 0px; }
.section.sm-padding { padding: 80px 0px 40px; }
.section.xs-padding { padding: 40px 0px 60px; }

.section-fullpage { position: relative; padding: 70px 0px 80px; }
.section-fullpage.full { height: 1080px; height: 100vmin; min-height: 800px; }

.full-h-section { height: 700px; height: 100vmin; min-height: 650px; }

.content-bg { padding: 160px 0px 180px; position: relative; }

.main-baner-align { padding-top: 90px; position: relative; width: 100%; display: table; height: 100%; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 5. HELP CLASSES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.bg-grey {
	background: #e8f5fe;
}

.bg-grey2 { background: #f1f1f1; }

.bg-section-1 { background: #484848; }

.bg-section-2 { background: #ededed; }

.pos-absol, .bg, .service-layer, .layer-bg-1, .layer-bg-2, .layer-bg-3, .layer-bg-4, .layer-bg-5, .layer-bg-6, .layer-bg-7, .nav-menu > ul > li > a:before, .pusher-layer, .search-input .send-button input, .slide-layer, .hold-layer, .hold-slide-layer, .mini-slider-layer, .clip-text:after, .clients-item .image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.transition-def, .button-type-3 > span, .button-type-3 span:last-child:before, a, .nav-menu > ul > li > a:before, .close img, .close-item img, .nav-page-pagination.fixed-nav li span, .tumbs-item .slide-swich img { transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; }

.bg {
	overflow: hidden;
	/*background-position: 50% 50%;*/
	background-repeat: no-repeat;
	background-attachment: scroll;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;*/
	background-size: cover;
	backface-visibility: hidden;
}
.bg, .service-layer { overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover; backface-visibility: hidden; }
.bg.fix, .fix.service-layer { background-attachment: fixed; }

.vertical-align, .search-panel.popup .close, .amount-wrap .val, .inside-img img, .skill-line { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); top: 0%; position: absolute; }
.vertical-align.full, .search-panel.popup .full.close, .amount-wrap .full.val, .inside-img img.full, .full.skill-line { left: 0px; width: 100%; text-align: center; }

.table-view { display: table; width: 100%; height: 100%; }

.cell-view { display: table-cell; vertical-align: middle; height: inherit; }

.clear { clear: both; overflow: hidden; height: 0px; font-size: 0px; display: block; }

.layer-bg-1 { background: rgba(104, 106, 176, 0.54); backface-visibility: hidden; }

.layer-bg-2 {background: rgba(49, 46, 73, 0.6); backface-visibility: hidden; }

.layer-bg-3 {
	
	transition: all 0.25s ease-out;
	backface-visibility: hidden;
}

.layer-bg-4 { background: rgba(77, 77, 78, 0.7); backface-visibility: hidden; }

.layer-bg-5 { background: rgba(39, 31, 69, 0.68); backface-visibility: hidden; }

.layer-bg-6 { background: rgba(43, 44, 56, 0.5); backface-visibility: hidden; }

.layer-bg-7 { background: rgba(40, 33, 33, 0.38); backface-visibility: hidden; }

.col-white { color: #fff; }

.column-50 { width: 50%; position: relative; }

.align-parent { display: inline-block; vertical-align: middle; }

.full-h { height: 100%; }

.align-bottom { display: table-row; }

.vertical-wrap { font-size: 0px; }

.vertical-wrap > div[class*="col"] { display: inline-block; vertical-align: middle; position: relative; float: none; }

.wr-last-child > div:last-child { padding-bottom: 0px; margin-bottom: 0px; }

.resp-img { width: 100%; height: auto; display: block; }

div.no-padding-block { padding-bottom: 0px; }

.sub-title-black { font-size: 12px; text-transform: uppercase; letter-spacing: 1.4px; line-height: 16px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 6. SLIDER STYLES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.full-h .swiper-container { height: 100%; }

.swiper-wrapper { cursor: url(../img/drag.png) 16 16, ew-resize !important; }

.pagination { text-align: center; position: absolute; bottom: 15px; left: 0px; width: 100%; z-index: 5; }

.swiper-pagination-bullet { position: relative; display: inline-block; width: 10px; height: 10px; background: #7d798f; margin: 0px 4px; opacity: 1; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }

.swiper-pagination-bullet-active { background: #fff; }

.pagination.hidden { display: none; }

.style-type-1 i { display: none; }


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 7. SLIDER NAV BUTTON STYLES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.swiper-button { position: absolute; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; text-align: center; cursor: pointer; z-index: 15; }

.small-arrow-style .swiper-button { position: absolute; width: 15px; height: 15px; line-height: 15px; font-size: 15px; color: #fff; top: 0px; opacity: 0.5; }
.small-arrow-style .swiper-button:hover { opacity: 1; }

.circle-arrow-style { position: absolute; left: 0px; bottom: 180px; max-width: 970px; width: 100%; left: 50%; z-index: 50; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.circle-arrow-style .swiper-button { width: 97px; height: 97px; border-radius: 50%; border: 2px solid rgba(77, 77, 78, 0.3); top: 0px; line-height: 93px; color: rgba(77, 77, 78, 0.3); overflow: hidden; }

.circle-arrow-style .swiper-button i { font-size: 40px; line-height: 90px; position: relative; display: inline-block; width: 100%; height: 100%; }

.circle-arrow-style .swiper-button i:after { position: absolute; left: 50%; top: 50%; font-size: 40px; color: #75acff; z-index: 5; width: 100%; height: 100%; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; opacity: 0; }

.circle-arrow-style .swiper-arrow-right { right: 0px; }

.circle-arrow-style .swiper-arrow-right i:after { content: '\e811'; -webkit-transform: translate(20%, -50%); -moz-transform: translate(20%, -50%); -ms-transform: translate(20%, -50%); transform: translate(20%, -50%); }

.circle-arrow-style .swiper-arrow-left i:after { content: '\e810'; -webkit-transform: translate(-120%, -50%); -moz-transform: translate(-120%, -50%); -ms-transform: translate(-120%, -50%); transform: translate(-120%, -50%); }

.circle-arrow-style i:before { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.circle-arrow-style .swiper-arrow-left { left: 0px; }

.circle-arrow-style .swiper-button:hover { border-color: #75acff; }

.circle-arrow-style .swiper-arrow-left:hover i:after { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; }

.circle-arrow-style .swiper-arrow-right:hover i:after { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; }

.circle-arrow-style .swiper-arrow-right:hover i:before { -webkit-transform: translateX(-300%); -moz-transform: translateX(-300%); -ms-transform: translateX(-300%); transform: translateX(-300%); opacity: 0; }

.circle-arrow-style .swiper-arrow-left:hover i:before { -webkit-transform: translateX(300%); -moz-transform: translateX(300%); -ms-transform: translateX(300%); transform: translateX(300%); opacity: 0; }

@media (max-width: 992px) { .circle-arrow-style .swiper-button { width: 50px; height: 50px; line-height: 43px; }
  .circle-arrow-style .swiper-button i:after, .circle-arrow-style .swiper-button i { font-size: 20px; line-height: 43px; } }
@media (max-width: 768px) { .circle-arrow-style { bottom: 65px; }
  .circle-arrow-style .swiper-arrow-right { right: 15px; }
  .circle-arrow-style .swiper-arrow-left { left: 15px; } }
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 8. SLIDER PAGINATION STYLES*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.pagination.style-type-2 { bottom: 120px; }
.pagination.style-type-2 .swiper-pagination-bullet { width: 45px; height: 30px; border-radius: 0px; background: none; margin: 0px 5px; position: relative; }
.pagination.style-type-2 .swiper-pagination-bullet i { font-size: 12px; text-align: center; text-transform: uppercase; font-weight: 700; color: #fff; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.pagination.style-type-2 .swiper-pagination-bullet:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 3px; background: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.pagination.style-type-2 .swiper-pagination-bullet:after { content: ''; position: absolute; left: 13px; bottom: 9px; width: 0%; height: 3px; background: #fff; }
.pagination.style-type-2 .swiper-pagination-bullet-active { background: none; width: 70px; }
.pagination.style-type-2 .swiper-pagination-bullet-active i { opacity: 1; }
.pagination.style-type-2 .swiper-pagination-bullet-active:before { bottom: 9px; background: none; }
.pagination.style-type-2 .swiper-pagination-bullet-active:after { width: 44px; -webkit-transition: all 0.35s ease-out 0.35s; -moz-transition: all 0.35s ease-out 0.35s; -ms-transition: all 0.35s ease-out 0.35s; transition: all 0.35s ease-out 0.35s; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 9. HEADER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header.style-center { position: fixed; left: 0px; top: 0px; height: 90px; width: 100%; background: #fff; z-index: 500; text-align: center; backface-visibility: hidden; }

.style-fullpage.header.bg-scroll { background: #484848; }

.scroll-hidden { -webkit-transition: all 0.35s ease-out 0.35s; -moz-transition: all 0.35s ease-out 0.35s; -ms-transition: all 0.35s ease-out 0.35s; transition: all 0.35s ease-out 0.35s; }

.scroll-hidden.active { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }

.logo-mobile, .open-menu { display: none; }

.header-wrap { position: relative; margin: 0px 90px; height: 100%; }

.style-fullpage.header { background: none; }
.style-fullpage.header .nav-menu > ul > li > a, .style-fullpage.header .header-icon a i { color: #fff; }
.style-fullpage.header .logo { left: 15px; }
.style-fullpage.header .header-icon { right: 15px; }
.style-fullpage.header .nav-menu ul > li.active > a, .style-fullpage.header .nav-menu ul > li:hover > a { color: #1a205a; }
.style-fullpage.header .nav-menu ul .sub-menu > li.active > a, .style-fullpage.header .nav-menu ul .sub-menu > li:hover > a { color: #fff; }
.style-fullpage.header .nav-menu > ul > li > a:before { background: #fff; }

.style-fullpage .header-wrap { margin: 0px auto; }

nav li { position: relative; }

.nav-menu > ul > li { position: relative; display: inline-block; margin: 0px 8px; padding: 5px 0px; }
.nav-menu > ul > li span { position: relative; z-index: 1; }
.nav-menu > ul > li a { display: block; font-size: 13px; color: #4d4d4e; text-transform: uppercase; font-weight: 700; letter-spacing: 1.4px; padding: 5px 10px; line-height: 13px; position: relative; overflow: hidden; }
.nav-menu > ul > li > a:before { content: ''; background: #002d5d; -webkit-transform: translateX(-110%); -moz-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); }

.nav-menu ul > li.active > a, .nav-menu ul > li:hover > a { color: #fff; background-color: #002d5d; }
.nav-menu ul > li.active > a:before, .nav-menu ul > li:hover > a:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.header.style-center nav { position: relative; padding: 29px 0px; display: inline-block; }

.logo { left: 0px; width: 100px; }
.logo img { width: 220px; height: auto; }

.header-icon { right: 0px;     top: 40%; }
.header-icon a { position: relative; float: left; margin: 0px 0px 0px 10px; }
.header-icon a span { width: 14px; height: 14px; line-height: 14px; position: absolute; right: -5px; bottom: -3px; background: #888; color: #fff; border-radius: 50%; font-size: 8px; font-weight: 400; }
.header-icon a i { color: #888888; font-size: 20px; }

.sub-menu { position: absolute; top: 100%; min-width: 220px; left: 0px; background: #fff; border: 1px solid rgba(4, 5, 5, 0.05); text-align: left; box-shadow: 0px 93px 122px rgba(2, 2, 2, 0.47); padding: 10px 0px; -webkit-transform: translateX(-35px); -moz-transform: translateX(-35px); -ms-transform: translateX(-35px); transform: translateX(-35px); visibility: hidden; opacity: 0; -webkit-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -moz-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -ms-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); }
.sub-menu li { padding: 0px 20px; }
.sub-menu li:last-child a { border-bottom: 0px none; }
.sub-menu .sub-menu { position: absolute; left: 100%; top: 0px; }

.nav-menu > ul > li .sub-menu li a { padding: 8px 10px; line-height: 16px; border-bottom: 1px solid #f2f2f2; font-size: 10px; }

.burger { position: absolute; cursor: pointer; display: none; padding: 9px 0px; width: 50px; height: 100%; left: 0px; z-index: 50; -webkit-transition: all 250ms ease-in 0.35s; -moz-transition: all 250ms ease-in 0.35s; -ms-transition: all 250ms ease-in 0.35s; transition: all 250ms ease-in 0.35s; }
.burger i { position: relative; width: 60%; display: block; margin: 20px auto 0; }
.burger i:before, .burger i:after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; display: block; height: 2px; background: #002d5d; transform-origin: center center; -webkit-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -moz-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -ms-transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); transition: all 250ms cubic-bezier(0.75, 0.35, 0.48, 1.145); }
.burger i:after { top: -3px; }
.burger i:before { top: 3px; }
.burger.active i:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.burger.active i:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; }

.mobile-footer { display: none; position: relative; width: 100%; text-align: center; }
.mobile-footer .folow { width: 100%; position: relative; display: inline-block; margin-bottom: 20px; }
.mobile-footer .folow a { margin: 0 10px; }
.mobile-footer .copyright { color: rgba(255, 255, 255, 0.25); font-weight: 300; font-size: 10px; margin-bottom: 20px; float: none; }

.solo-close-menu { position: absolute; text-align: center; width: 60px; height: 60px; top: 25px; left: 50%; margin-left: -30px; line-height: 60px; color: #fff; font-size: 18px; cursor: pointer; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10. FOOTER*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	position: relative;
	margin: 0 90px;
	height: 90px;
	/*background: #fff;*/
	padding: 36px 0px;
}

.footer.type-2 { background: #484848; margin: 0px; padding: 0px; display: inline-block; width: 100%; height: auto; }

.footer.fix-footer { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 500; margin: 0px; padding: 36px 90px; height: auto; }

.logo-f { display: block; z-index: 5; position: absolute; left: 0px; }
.logo-f img { width: 100px; height: auto; display: block; }

.footer.type-2 .top-bar .folow { right: 0px; position: absolute; z-index: 5; }

.top-bar { position: relative; width: 100%; border-bottom: 1px solid #6d6d6d; padding: 40px 0px; }
.top-bar .container { position: relative; }

.bottom-bar { position: relative; padding: 30px 0px 25px; }
.bottom-bar .simple-text { float: left; max-width: 450px; }
.bottom-bar .simple-text p { color: rgba(255, 255, 255, 0.4); }
.bottom-bar .copyright { float: right; font-size: 14px; line-height: 16px; color: rgba(255, 255, 255, 0.4); }

.footer-nav { position: relative; display: inline-block; text-align: center; width: 100%; }
.footer-nav li { display: inline-block; margin: 0 18px; line-height: 25px; font-size: 16px; }
.footer-nav li a { color: rgba(255, 255, 255, 0.4); }
.footer-nav li a:hover { color: #fff; }

.copyright { position: relative; float: left; display: inline-block; font-size: 13px; line-height: 24px; color: #748DA0; }

.footer .folow { position: relative; float: right; display: inline-block; }

.folow a { font-size: 16px; color: #bdbec0; display: inline-block; margin: 0px 0px 0px 20px; position: relative; }
.folow a:after { content: '';  position: absolute; display: block; width: 100%; text-align: center; line-height: 16px; font-size: 16px; color: #000; left: 0px; top: 0px; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; -webkit-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -moz-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -ms-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); }
.folow a:before { -webkit-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -moz-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); -ms-transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); transition: all 310ms cubic-bezier(0.75, 0.35, 0.48, 1.145); }

.folow.folow-title { text-align: center; }
.folow.folow-title span { font-size: 12px; padding-bottom: 20px; }
.folow.folow-title a { margin: 0 13px; }
.folow.folow-title a:after { color: #fff; }

.folow .fa-twitter:after { content: '\e806'; }

.folow .fa-facebook:after { content: '\e805'; }

.folow .fa-gplus:after { content: '\e804'; }

.folow .fa-tumblr:after { content: '\e807'; }

.folow .fa-pinterest:after { content: '\e808'; }

.folow .fa-linkedin:after { content: '\e809'; }

.folow.color-style a { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; color: #fff; text-align: center; font-size: 18px; }
.folow.color-style a:after { line-height: 50px; font-size: 18px; }
.folow.color-style a.fa-twitter { background: #4eccf0; }
.folow.color-style a.fa-facebook { background: #567da9; }
.folow.color-style a.fa-gplus { background: #ea6254; }
.folow.color-style a.fa-pinterest { background: #c24149; }
.folow.color-style a.fa-twitter:after { color: #4eccf0; }
.folow.color-style a.fa-facebook:after { color: #567da9; }
.folow.color-style a.fa-gplus:after { color: #ea6254; }
.folow.color-style a.fa-pinterest:after { color: #c24149; }
.folow.color-style a:hover { background: #fff; }

.main-content {
	position: relative;
	border: 90px solid #fff;
	height: 100%;
	/*padding: 45px 0px 20px;*/
	border-bottom: 0px none;
	/*overflow: hidden;*/
}
/*.main-content.no-top { padding: 0px; border-top-width: 0px; }*/
.main-content.no-padd {
	padding: 45px 0px 0px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 11. POPUP & PANEL*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.popup-wrap { position: relative; width: 100%; overflow: hidden; }

.wrap-over { position: relative; overflow: hidden; height: 100%; }

.pusher-layer { 
	background: none;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	z-index: 5500;
	/*-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;*/
	transition: all 0.6s ease-out;
}
.effect-push { position: relative; left: 0; height: 100%; background: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; backface-visibility: hidden; }
.effect-push.persp { perspective: 1000px; -webkit-perspective: 1000px; }

.container-perspective { position: relative; width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; overflow: hidden; }
.container-perspective.persp { -webkit-perspective: 1500px; perspective: 1500px; }
.container-perspective.add-effect { background: #7f7f7f;}
/*.container-perspective.add-effect .effect-push { -webkit-transform: translate3d(0px, 0, -94px) rotateY(6deg); -moz-transform: translate3d(0px, 0, -94px) rotateY(6deg); -ms-transform: translate3d(0px, 0, -94px) rotateY(6deg); transform: translate3d(0px, 0, -94px) rotateY(6deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }*/
.container-perspective.add-effect .pusher-layer { opacity: 1; visibility: visible; }
.container-perspective.open-bottom .effect-push { -webkit-transform: perspective(900px) translateY(-35%) scale(0.7) rotateX(10deg); -moz-transform: perspective(900px) translateY(-35%) scale(0.7) rotateX(10deg); -ms-transform: perspective(900px) translateY(-35%) scale(0.7) rotateX(10deg); transform: perspective(900px) translateY(-35%) scale(0.7) rotateX(10deg); -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.container-perspective.open-bottom .pusher-layer { opacity: 1; visibility: visible; }

.search-panel { position: fixed; left: 0px; top: 0px; width: 100%; height: 90px; background: #fff; z-index: 600; visibility: hidden; opacity: 0; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.search-panel.active { visibility: visible; opacity: 1; }
.search-panel.popup .close { width: 26px; height: 26px; right: 0px; margin-top: 5px; }
.search-panel .wrap { position: relative; margin: 0 90px; height: inherit; }

.serch-form { position: relative; max-width: 770px; margin: 0 auto; }
.serch-form input { position: relative; display: inline-block; padding: 10px 50px 10px 0px; width: 100%; height: 50px; background: none; color: rgba(77, 77, 78, 0.5); font-size: 26px; }
.serch-form .close-result { right: 0px; cursor: pointer; }

.close { position: absolute; right: 0px; top: 0px; cursor: pointer; }
.close:hover img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.close-item:hover img { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 12. RESPONSIVE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 992px) { .nav-menu > ul > li:hover > .sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
  .sub-menu > li:hover > a { color: #fff; background: #7f7f7f; }
  .sub-menu li:hover .sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
  .folow a:hover:after { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
  .folow a:hover:before {  -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } }
@media (max-width: 1400px) { /*.header-wrap, .footer, .search-panel .wrap { margin: 0 30px; }*/
  .header.style-center { height: 80px; z-index:50; }
  .header.style-center nav { padding: 16px 0px; }
  .main-baner-align { padding-top: 66px; }
  .search-panel { height: 66px; }
  .footer .folow { margin-top: 5px; }
  .footer { padding: 25px 0px; height: 66px; } }
@media (max-width: 1200px) { .nav-menu > ul > li { margin: 0px 7px; }
  .footer { height: 70px; padding: 25px 0px; }
  .search-panel { height: 66px; }
  .serch-form input { font-size: 18px; height: 40px; padding: 5px 0px; } }
@media (max-width: 992px) { .h6 { font-size: 40px; }
  .h4 { font-size: 60px; }
  .title-counter .title { padding-bottom: 15px; }
  .main-content { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
  .burger { display: block; }
  .burger.active { -webkit-transform: translateX(230px) translateY(0%); -moz-transform: translateX(230px) translateY(0%); -ms-transform: translateX(230px) translateY(0%); transform: translateX(230px) translateY(0%); background: #fff; top: 0px; text-align: center; }
  .nav-menu { display: table; width: 100%; height: 100%; }
  .logo-mobile { display: block; margin-bottom: 75px; padding-left: 20px; }
  .header.style-center nav { position: fixed; overflow-y: auto; z-index: 580; top: 0px; text-align: left; left: 0px; width: 250px; background: #002d5d; height: 100%; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
  .header.style-center nav .nav-menu > ul { position: relative; width: 100%; display: inline-block; padding: 0px 20px 60px 20px; }
  .header.style-center nav .nav-menu ul > li { display: block; padding: 0px; margin: 0px; }
  .header.style-center nav .nav-menu ul > li > a { color: #fff; padding: 0px 0px 30px; font-size: 14px; }
  .header.style-center nav .nav-menu ul > li .sub-menu li a { border-bottom: 0px none; color: rgba(255, 255, 255, 0.5); font-size: 12px; line-height: 12px; padding-bottom: 20px; }
  .style-fullpage .burger { left: 15px; }
  .style-fullpage .header-wrap { width: 100%; }
  .style-fullpage .burger.active { -webkit-transform: translateX(250px) translateY(0%); -moz-transform: translateX(250px) translateY(0%); -ms-transform: translateX(250px) translateY(0%); transform: translateX(250px) translateY(0%); }
  .align-bottom .mobile-footer { display: table-cell; vertical-align: bottom; }
  .open-menu { position: absolute; right: 0px; display: block; top: 0px; cursor: pointer; font-size: 13px; }
  .open-menu.act { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .header.style-center nav.slide { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
  
  .container-perspective.push-content .main-content { -webkit-transform: translateX(250px); -moz-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px); }
  .sub-menu { visibility: visible; display: none; padding: 0px 0px 10px 15px; opacity: 1; position: relative; top: auto; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); box-shadow: none; background: none; border: 0px none; min-width: 100%; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; }
  .sub-menu li { padding: 0px; }
  .sub-menu .sub-menu { position: relative; top: auto; left: auto; padding-bottom: 0px; }
  .serch-form { max-width: 320px; }
  .container-perspective.open-bottom .effect-push { -webkit-transform: perspective(100px) translateY(-100%) scale(1) rotateX(0deg); -moz-transform: perspective(100px) translateY(-100%) scale(1) rotateX(0deg); -ms-transform: perspective(100px) translateY(-100%) scale(1) rotateX(0deg); transform: perspective(100px) translateY(-100%) scale(1) rotateX(0deg); }
  .main-baner-align .cell-view { display: block; width: 100%; } }
@media (max-width: 768px) { .header-wrap, .footer, .search-panel .wrap { margin: 0px 15px; }
  .burger.active { -webkit-transform: translateX(235px) translateY(0%); -moz-transform: translateX(235px) translateY(0%); -ms-transform: translateX(235px) translateY(0%); transform: translateX(235px) translateY(0%); background: #FF662D; color:#fff; }
  .footer { text-align: center; height: auto; padding: 25px 0px 0px; }
  .footer .folow, .footer .copyright { float: none; width: 100%; margin-bottom: 20px; }
  .footer .folow a { margin: 0px 10px; }
  .blog-post-img .video-block { margin: 0px; } }
@media (max-width: 480px) { .footer { height: auto; display: inline-block; padding: 25px 0px 20px; }
  .h4 { font-size: 50px; }
  .h6 { font-size: 30px; }
  .h7 { font-size: 24px; line-height: 30px; }
  .serch-form { max-width: 220px; }
  .button-type-1 { height: 40px; line-height: 36px; padding: 0px 15px; font-size: 11px; }
  .button-type-1 span:before { line-height: 36px; font-size: 11px; }
  .mobile-auto .main-baner-align { padding: 66px 15px 0px; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 13. SHOP PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.shop-panel { 
	position: fixed;
	right: 0px;
	top: 0px;
	width: 75%; /*540px*/
	/*background: url(../img/inicio.jpg);*/
	background-size:cover;
	background-position:center;
	height: 100%;
	z-index: 550;
	/*-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);*/
	transform: translateX(100%);
	/*-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;*/
	transition: all 0.5s;
}
.popup.active { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.popup .close { width: 26px; height: 26px; top: 65px; right: 50px; z-index: 5; }

.counter { position: relative; display: inline-block; min-width: 110px;  text-align: center; color: #fff; padding: 0px 14px;  font-size: 10px; }
.counter input { display: inline-block; background: none; border: 0px none; max-width: 70px; text-align: center; color: #fff; line-height: 34px; font-size: 13px; font-weight: 700; }

.plus-val { float: right; cursor: pointer; }

.minus-val { float: left; cursor: pointer; }

.shop-panel-wrap {
	/*position: absolute;*/
	width: 100%;
	top: 0;
	bottom: 210px;
	padding: 0px !important; /* 50px 40px 0px;*/
	overflow-y: auto;
}
.shop-panel-wrap .title { color: #fff; padding-bottom: 70px; }
.shop-panel-wrap .title .h6 { padding-bottom: 15px; }
.shop-panel-wrap .title p { color: rgba(255, 255, 255, 0.4); }

.shop-item { position: relative; width: 100%; border-bottom: 1px solid #717171; padding-bottom: 25px; margin-bottom: 25px; display: inline-block; }
.shop-item .image { position: relative; float: left; overflow: hidden; max-width: 117px; }
.shop-item .image img { width: 100%; height: auto; border-radius: 50%; }
.shop-item .text { position: relative; padding-left: 140px; }
.shop-item .text a { font-size: 18px; line-height: 27px; color: #fff; display: block; padding-bottom: 15px; }
.shop-item .price-val { display: inline-block; padding-left: 30px; font-size: 16px; font-weight: 700; color: rgba(255, 255, 255, 0.25); line-height: 40px; }
.shop-item .close-item { right: 0px; cursor: pointer; z-index: 5; }
.shop-item:last-child { border-bottom: 0px none; }
.shop-item .text:hover a { color: rgba(255, 255, 255, 0.5); }

.shop-total-wrap { padding: 0px 40px 40px; }

.shop-total { position: absolute; left: 0px; bottom: 0px; width: 100%; background: #4d4d4e; z-index: 8; height: 210px; }
.shop-total .title-numb { display: inline-block; width: 100%; padding: 25px 0px 40px; border-top: 1px solid #717171; }
.shop-total .title-numb .h14 { color: rgba(255, 255, 255, 0.25); text-transform: uppercase; float: left; line-height: 26px; }
.shop-total .title-numb .price-val { color: #fff; font-size: 26px; font-weight: 700; float: right; }
.shop-total .button-type-2 { width: 100%; }



.card-item { position: relative; width: 100%; z-index: 2; overflow: hidden; border-radius: 5px; background: #fff; text-align: center; margin-bottom: 30px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; }
.card-item.full { min-height: 380px; text-align: left; }
.card-item.full .text { position: relative; max-width: 630px; padding: 50px 40px 40px 45px; height: 100%; }
.card-item.full .text .title { font-size: 27px; color: #fff; line-height: 32px; padding-bottom: 26px; display: block; }
.card-item.full .text .title:hover { color: rgba(255, 255, 255, 0.5); }
.card-item.full .sub-title { color: rgba(255, 255, 255, 0.5); padding-bottom: 7px; }
.card-item.full .simple-text { max-width: 330px; padding-bottom: 70px; }
.card-item.full .simple-text p { color: rgba(255, 255, 255, 0.5); }
.card-item.full .button { position: relative; }
.card-item.full .button-type-3 { position: absolute; left: 45px; bottom: 40px; }
.card-item.full.lg { height: 480px; }
.card-item .image { position: relative; display: block; height: 180px; margin-bottom: 15px; }
.card-item .text { padding: 0px 20px; }
.card-item .text .title { font-size: 16px; line-height: 26px; padding-bottom: 17px; display: inline-block; color: #4d4d4e; }
.card-item .text .title:hover { color: rgba(77, 77, 78, 0.5); }
.card-item .button-type-3.type-2 { margin-bottom: 25px; }
.card-item .sub-title { padding-bottom: 5px; }
.card-item .swiper-container { height: 100%; }
.card-item:hover { box-shadow: 0px 7px 50px rgba(1, 1, 1, 0.4); }
.card-item.type-2 .image { height: 285px; }

.sub-title {
	font-size: 11px;
	/*text-transform: uppercase;*/
	font-weight: 700;
	display: block;
	letter-spacing: 1.6px;
}

.sidebar-item { position: relative; background: #fff; border-radius: 5px; margin-bottom: 15px; }
.sidebar-item .title { border-bottom: 1px solid #d2d2d3; padding: 20px 15px; }
.sidebar-item .h13 { display: inline-block; }
.sidebar-item .title a { float: right; display: inline-block; color: #75acff; border-bottom: 2px solid #caddff; }
.sidebar-item .wrap { padding: 15px 15px 0px 15px; position: relative; display: inline-block; width: 100%; }

.input-entry { display: inline-block; cursor: pointer; position: relative; width: 100%; margin-bottom: 20px; }
.input-entry .checkbox-form { display: none; }
.input-entry .sp-check { position: relative; float: left; width: 17px; height: 17px; background: #c1c1c1; border-radius: 4px; }
.input-entry .sp-check img { visibility: hidden; opacity: 0; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -9px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.input-entry.act .sp-check { background: #75acff; }
.input-entry.act .sp-check img { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.input-entry.radio .sp-check { border-radius: 50%; }
.input-entry.act .label-text { color: #4d4d4e; }
.input-entry.radio .sp-check img { margin-left: -7.5px; margin-top: -5.5px; }

.label-text { position: relative; padding-left: 28px; font-size: 13px; display: block; font-weight: 700; color: rgba(77, 77, 78, 0.7); text-align: left; line-height: 18px; text-transform: uppercase; }

.tab-room { margin-left: -6px; margin-right: -6px; padding-bottom: 20px; }
.tab-room a { width: 50px; height: 50px; border: 2px solid #d2d2d3; line-height: 46px; font-size: 16px; font-weight: 700; color: #4d4d4e; text-align: center; display: inline-block; margin: 0 4px; border-radius: 50%; background: #fff; }
.tab-room a.act { border-color: #75acff; box-shadow: 0px 13px 27px rgba(4, 5, 5, 0.3); }

.slider-range { display: block; margin-top: 5px; }

.range-title { font-size: 10px; display: block; padding-bottom: 25px; text-transform: uppercase; }

.slider-range .ui-slider { margin-bottom: 10px; }

.ui-slider-horizontal { position: relative; height: 4px; text-align: left; background: #efefef; }

.ui-slider .ui-slider-range { position: absolute; top: 0; height: 100%; display: block; border: 0; background-position: 0 0; z-index: 1; background: #4d4d4e; }

.ui-slider .ui-slider-handle { position: absolute; top: -6px; cursor: default; -ms-touch-action: none; width: 16px; height: 16px; margin-left: -6px; border-radius: 50%; z-index: 2; background: #75acff; cursor: pointer; }

.ui-slider .ui-slider-handle:focus { outline: none; }

.amount-start { float: left; }

.amount-end { float: right; }

.input-range { position: relative; width: 100%; display: inline-block; margin-bottom: 20px; }

.amount-wrap { position: relative; display: inline-block; width: 100%; margin-bottom: 24px; }
.amount-wrap input { background: transparent; border: none; width: 100px; height: 35px; font-size: 11px; font-weight: 700; line-height: 35px; border: 2px solid #d2d2d3; border-radius: 20px; color: rgba(77, 77, 78, 0.5); padding: 0px 15px; display: inline-block; position: relative; }
.amount-wrap .amount-end { margin-right: 20px; }
.amount-wrap .val { right: 0px; font-size: 11px; color: rgba(77, 77, 78, 0.5); text-transform: uppercase; font-weight: 700; letter-spacing: -2px; }
.amount-wrap .val sup { font-size: 8px; margin-top: -5px; display: inline-block; vertical-align: top; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14. RESPONSIVE*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1400px) { /*.main-content { border-width: 30px; border-top-width: 66px; }*/
  .shop-panel-wrap { padding: 30px 20px 0px; bottom: 130px; }
  .shop-panel-wrap .title { padding-bottom: 30px; }
  .shop-item:last-child { margin-bottom: 0px; }
  .popup .close { top: 50px; right: 20px; }
  .shop-total { height: 130px; }
  .shop-total .title-numb { padding: 10px 0px 15px; }
  .shop-total-wrap { padding: 0px 20px 20px; }
  .shop-total-wrap .button-type-2 { height: 57px; line-height: 53px; } }
@media (max-width: 768px) { .main-content { border-width: 15px; border-top-width: 66px; }
  .card-item.full .text { max-width: 100%; left: 0px; top: 0px; padding: 30px; }
  .card-item.full .button { left: 30px; bottom: 30px; }
  .counter input { line-height: 28px; } }
@media (max-width: 540px) { .shop-panel { width: 100%; } }
@media (max-width: 480px) { .shop-item .text a { font-size: 16px; line-height: 22px; }
  .shop-item .image { max-width: 80px; }
  .shop-item .text { padding: 0px 20px 0px 100px; }
  .shop-panel-wrap .title .h6 { padding-bottom: 10px; }
  .popup .close { top: 34px; }
  .shop-item .price-val { padding-left: 0px; display: block; }
  .card-item.full .text { padding: 15px; }
  .card-item.full .text .title { font-size: 24px; line-height: 30px; }
  .tab-room a { margin: 0 3px; }
  .back-cramps-list li { padding: 0px 15px; } }
.drop-down.type-1 { position: relative; display: inline-block; max-width: 160px; }
.drop-down.type-1 .drop-down-text { position: relative; min-width: 130px; height: 30px; border-radius: 15px; background: #4d4d4e; font-size: 11px; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); padding: 0px 15px; display: inline-block; line-height: 30px; cursor: pointer; z-index: 100; }
.drop-down.type-1 .drop-down-text span { padding-right: 10px; }
.drop-down.type-1 .drop-down-list { background: #4d4d4e; padding: 15px 15px 5px 15px; min-width: 130px; margin-top: -15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.drop-down.type-1 .drop-down-list li { font-size: 11px; color: rgba(255, 255, 255, 0.5); line-height: 30px; display: block; text-transform: uppercase; cursor: pointer; }
.drop-down.type-1 .drop-down-list li:hover { color: #fff; }
.drop-down.type-1 .drop-down-text i { position: absolute; right: 15px; top: 0px; }

.drop-down.act { z-index: 450; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 15. SHOP PAGE TOP SIDEBAR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.drop-down-list { position: absolute; left: 0px; top: 100%; display: none; width: 100%; }

.top-shop-nav { position: relative; display: inline-block; width: 100%; background: #fff; border-radius: 5px; margin-bottom: 40px; padding: 20px 70px 20px 0px; z-index: 5; }

.top-shop-item { position: relative; display: inline-block; }

.top-shop-item .title { position: relative; display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 1.6px; padding: 0px 10px 0px 30px; }

.top-shop-item .input-entry { padding-left: 30px; margin-bottom: 0px; }

.filter-button { position: absolute; right: 0px; top: 0px; width: 70px; height: 100%; background: #75acff; text-align: center; line-height: 70px; font-size: 24px; color: #fff; cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.filter-button i { display: inline-block; position: relative; text-shadow: 0px 10px 10px rgba(4, 5, 5, 0.44); }

.page-pagination { position: relative; width: 100%; padding: 10px 60px; text-align: center; display: inline-block; font-size: 0px; background: #fff; border-radius: 5px; margin: 10px 0px 65px; }
.page-pagination a { width: 50px; height: 50px; display: inline-block; position: relative; line-height: 50px; font-size: 14px; font-weight: 700; color: #4d4d4e; border-radius: 50%; margin: 0 10px; }
.page-pagination .left-nav { float: left; }
.page-pagination .right-nav { float: right; }
.page-pagination a:hover { box-shadow: 0px 12px 23px rgba(2, 2, 2, 0.24); text-decoration: none; color: rgba(77, 77, 78, 0.5); background: #fff; }

.range-theme-2 { position: relative; display: inline-block; }

.range-theme-2 .theme-green .back-bar .pointer { width: 55px; height: 16px; background: none; border-radius: 8px; text-align: center; border: 0px none; }

.range-theme-2 .slider-container .back-bar .pointer-label { top: -5px; height: 16px; line-height: 16px; border-radius: 8px; background: #4d4d4e; color: rgba(255, 255, 255, 0.5); font-size: 11px; text-transform: uppercase; padding: 0px 10px; }

.range-theme-2 .theme-green .back-bar .selected-bar { background: #4d4d4e; }

.slider-container .scale { display: none; }

.slider-container .back-bar .pointer { cursor: pointer; }

.range-theme-1 { position: relative; width: 100%; margin-bottom: 30px; }

.range-theme-1 .slider-container { display: inline-block; }

.range-theme-1 .theme-green .back-bar .pointer { width: 16px; height: 16px; background: #75acff; border-radius: 50%; text-align: center; border: 0px none; }

.range-theme-1 .slider-container .back-bar .pointer-label { opacity: 0; }

.range-theme-1 .theme-green .back-bar .selected-bar { background: #4d4d4e; }

@media (max-width: 1200px) { .top-shop-item { width: 50%; float: left; margin-bottom: 20px; text-align: center; }
  .top-shop-item:nth-child(3) { clear: both; }
  .top-shop-item .title { padding: 0px 0px 10px 0px; display: block; }
  .top-shop-item .input-entry { padding-left: 0px; }
  .top-shop-nav { padding: 20px 70px 0px 20px; }
  .top-shop-item .input-entry { width: auto; } }
@media (max-width: 992px) { .page-pagination a { margin: 0px; }
  .page-pagination { padding: 10px; margin: 0px 0px 30px; } }
@media (max-width: 768px) { .card-item.full .button-type-3 { left: 30px; bottom: 30px; }
  .page-pagination a { width: 30px; height: 30px; line-height: 30px; font-size: 11px; } }
@media (max-width: 650px) { .top-shop-item { width: 100%; }
  .top-shop-nav { padding: 20px 50px 0px 10px; }
  .filter-button { width: 50px; height: 50px; line-height: 50px; border-radius: 5px; font-size: 16px; }
  .card-item.full.lg { height: 380px; }
  .card-item.type-2 .image { height: 185px; } }
@media (max-width: 480px) { .top-shop-nav { padding: 70px 10px 0px; }
  .card-item.full .button-type-3 { left: 15px; bottom: 15px; }
  .page-pagination a { width: 25px; height: 25px; line-height: 25px; }
  .page-pagination { padding: 10px 5px; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 19. ABOUT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.full-scroll-section { position: relative; width: 100%; height: 100%; }

.wrapper-full-scroll { -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -ms-transition: all 1s ease-out; transition: all 1s ease-out; }

.nav-page-pagination.fixed-nav { position: fixed; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5; }
.nav-page-pagination.right { right: 0px; width: 90px; }
.nav-page-pagination.fixed-nav li { position: relative; }
.nav-page-pagination.fixed-nav li span { position: relative; display: block; width: 5px; height: 5px; background: rgba(77, 77, 78, 0.7); margin: 0 auto 15px; border-radius: 50%; cursor: pointer; }
.nav-page-pagination.fixed-nav li.active span, .nav-page-pagination.fixed-nav li:hover span { -webkit-transform: scale(2.2); -moz-transform: scale(2.2); -ms-transform: scale(2.2); transform: scale(2.2); background: #4d4d4e; }

.tooltip-point { position: absolute; right: 0px; margin-right: 67px; top: -8px; font-size: 12px; z-index: 5; background: #75acff; color: #fff; border-radius: 10px; padding: 5px 8px 6px; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; cursor: pointer; }

.fixed-nav li:hover .tooltip-point { opacity: 1; margin-right: 57px; z-index: 1; }

.full-height-baner { position: relative; width: 100%; height: 100vmin; min-height: 800px; z-index: -1; }
.full-height-baner.section-scroll { min-height: 100%; }
.full-height-baner.over { overflow: hidden; z-index: 1; }

.scroll-fade.padd { left: 90px; right: 90px; width: auto; }

.over-wrap-hidden { height: 100vmin; position: relative; width: 100%; }

.typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; -ms-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }

@keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
.main-title.type-1 { backface-visibility: hidden; position: relative; }
.main-title.type-1 .h1 { font-size: 135px; line-height: 145px; padding-bottom: 15px; }
.main-title.type-1 .h14 { font-weight: 700; color: rgba(255, 255, 255, 0.5); letter-spacing: 1.4px; text-transform: uppercase; }
.main-title.type-1.text-left { padding: 0px 120px; }
.main-title.type-1.vertical-align, .search-panel.popup .main-title.type-1.close, .amount-wrap .main-title.type-1.val, .inside-img img.main-title.type-1, .main-title.type-1.skill-line { position: absolute; }

.inside-img img { max-height: 580px; }
.inside-img img:first-child { left: -90px; }
.inside-img img:last-child { right: -90px; }

.about-tags-block { text-align: center; padding: 130px 0px 205px; position: relative; }
.about-tags-block .title { font-size: 42px; line-height: 55px; padding-bottom: 30px; }
.about-tags-block .simple-text { padding-bottom: 35px; }
.about-tags-block .simple-text p { line-height: 40px; }
.about-tags-block .button-type-1 { margin: 0px 8px 16px; }

.about-team-block { font-size: 0px; position: relative; height: 900px; }

.desc-block { padding: 0px 35px 0px 85px; }

.tab-item { visibility: hidden; opacity: 0; height: 100%; width: 100%; left: 0px; top: 0px; position: absolute; }
.tab-item.active { visibility: visible; opacity: 1; }

.rel-item .tab-item { position: relative; height: auto; left: auto; top: auto; }

.tumbs-item { margin-bottom: 25px; position: relative; display: inline-block; }

.tumbs-item .slide-swich { position: relative; float: left; margin-right: 20px; width: 70px; height: 70px; z-index: 1; border-radius: 50%; overflow: hidden; background: #484848; cursor: pointer; }
.tumbs-item .slide-swich img { width: 100%; height: auto; display: block; opacity: 0.2; }
.tumbs-item .slide-swich.active img, .tumbs-item .slide-swich:hover img { opacity: 1; }

.team-desc { position: relative; width: 100%; }
.team-desc .title { font-size: 77px; line-height: 86px; padding-bottom: 20px; display: block; }
.team-desc .simple-text { padding-bottom: 65px; }
.team-desc .simple-text.lg p { font-size: 20px; line-height: 34px; }

.team-follow { position: relative; display: inline-block; vertical-align: top; }
.team-follow a { font-size: 30px; color: #4d4d4e; display: inline-block; padding-right: 30px; line-height: 50px; }
.team-follow a:hover { color: #75acff; }

.analitic-block { text-align: center; font-size: 0px; padding: 65px 0px 30px; position: relative; }

.circle-item { position: relative; width: 100%; display: inline-block; margin-bottom: 40px; text-align: center; }
.circle-item .title { font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 5.4px; padding-top: 20px; }

.client-block { padding: 70px 0px 50px; }

.client-item { position: relative; width: 100%; margin-bottom: 140px; text-align: center; }
.client-item a { display: inline-block; width: 100%; opacity: 0.3; }
.client-item:hover a { opacity: 1; }

.scroll-fade.bg, .scroll-fade.service-layer { position: fixed; }

.skill-line { left: 0px; width: 100%; text-align: center; color: #4d4d4e; font-size: 47px; font-weight: 700; }
.skill-line b { font-size: 30px; display: inline-block; color: #4d4d4e; }

.skill-circle { position: relative; display: inline-block; width: 210px; height: 210px; }

.slider-animation .swiper-slide .team-desc .title { opacity: 0; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.slider-animation .swiper-slide .team-desc .simple-text { opacity: 0; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all 0.45s ease-out 0.25s; -moz-transition: all 0.45s ease-out 0.25s; -ms-transition: all 0.45s ease-out 0.25s; transition: all 0.45s ease-out 0.25s; }

.slider-animation .swiper-slide .team-follow-wrap { opacity: 0; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); -webkit-transition: all 0.65s ease-out 0.35s; -moz-transition: all 0.65s ease-out 0.35s; -ms-transition: all 0.65s ease-out 0.35s; transition: all 0.65s ease-out 0.35s; }

.slider-animation .swiper-slide.swiper-slide-active .team-desc .title, .slider-animation .swiper-slide.swiper-slide-active .simple-text, .slider-animation .swiper-slide.swiper-slide-active .team-follow-wrap { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }

.service-item { position: relative; padding-bottom: 70px; text-align: center; }
.service-item .image {
	width: 120px;
	height: 120px;
	position: relative;
	/*background: #fff;*/
	border-radius: 50%;
	margin: 0 auto 15px;
	text-align: center;
	overflow: hidden;
	/*-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;*/
	transition: all 0.35s ease-out; }
.service-item .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; display: block; backface-visibility: hidden; }
.service-item .text .title { padding-bottom: 10px; }
/*.service-item:hover .image, .service-item.active .image {
	background: #75acff;
}*/
.service-item .image img.img-in { opacity: 0; -webkit-transform: translate(-50%, 150%); -moz-transform: translate(-50%, 150%); -ms-transform: translate(-50%, 150%); transform: translate(-50%, 150%); }
.service-item:hover .image .img-out, .service-item.active .image .img-out { -webkit-transform: translate(-50%, -150%); -moz-transform: translate(-50%, -150%); -ms-transform: translate(-50%, -150%); transform: translate(-50%, -150%); opacity: 0; }
.service-item:hover .image .img-in, .service-item.active .image .img-in { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; }
.service-item .simple-text p { /*color: rgba(77, 77, 78, 0.5);*/ }

.video-item { height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; overflow: hidden; z-index: -5; border-radius: 10px; }

.play-button { cursor: pointer; z-index: 5; }
.play-button img { opacity: 0.4; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.play-button img:hover { opacity: 1; }

.close-video { width: 30px; height: 30px; background: #fff; z-index: 8; color: #272b2b; opacity: 0; position: absolute; right: 15px; top: 15px; line-height: 30px; text-align: center; font-size: 24px; cursor: pointer; backface-visibility: hidden; }
.close-video span { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.video-item.act { z-index: 5; }
.video-item.act .video-title { opacity: 0; }
.video-item.act .close-video { opacity: 1; }
.video-item.act .video-wrapper { opacity: 1; visibility: visible; }

.video-wrapper { position: relative; width: 100%; display: block; background: #000; height: 100%; opacity: 0; visibility: hidden; }

.video-iframe { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.video-iframe iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; outline: none; }

.video-block { position: relative; width: 100%; overflow: hidden; height: 340px; box-shadow: 0px 73px 76px rgba(5, 5, 6, 0.75); border-radius: 10px; }
.video-block .bg, .video-block .service-layer, .video-block .layer-bg-2 { border-radius: 10px; }
.video-block.full-video { height: 100%; box-shadow: none; border-radius: 0px; }
.video-block.full-video .bg, .video-block.full-video .service-layer, .video-block.full-video .layer-bg-2 { border-radius: 0px; }

.caption { position: relative; text-align: left; }
.caption .title { padding-bottom: 10px; }
.caption .simple-text { padding-bottom: 30px; }

.history-slide { position: relative; width: 100%; padding-bottom: 0px; text-align: center; }

.block-img { position: relative; max-width: 370px; margin: -85px auto 0px; display: inline-block; }
.block-img .image { margin: 0px auto 20px; box-shadow: 0px 40px 87px rgba(5, 5, 6, 0.3); position: relative; width: 220px; height: 220px; border-radius: 50%; }
.block-img .title { font-size: 22px; line-height: 35px; padding-bottom: 20px; }
.block-img .title a { color: #4d4d4e; }
.block-img .title a:hover { color: #75acff; }

.mini-title { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #748DA0; }

.year-item { position: relative; text-align: center; overflow: hidden; }
.year-item b { font-size: 218px; color: rgba(77, 77, 78, 0.25); display: inline-block; line-height: 200px; font-weight: 900; position: relative; background: #eceeeb; padding: 0px 60px; }

.wrapp-line .swiper-slide:before { content: ''; position: absolute; left: 0%; width: 100%; background: url(../img/timeline_bg.png) repeat-x; height: 106px; top: 27px; }

.team-block { height: 580px; z-index: 5; }
.team-block .caption { text-align: center; position: relative; padding-top: 55px; backface-visibility: hidden; }

.gutter-15 .swiper-slide { padding: 0px 15px; }

.test-item {
	position: relative;
	width: 100%;
	padding: 25px;
}
.test-item .rate { float: right; }
.test-item h5 { position: relative; float: left; padding-bottom: 12px; letter-spacing: -0.2px; }
.test-item .simple-text { display: block; padding-bottom: 10px; clear: both; }

.rate { position: relative; display: inline-block; line-height: 20px; }
.rate i { font-size: 12px; color: #d4e51c; margin: 0 1px; }

.rev-title { position: relative; }
.rev-title .h6 { font-size: 53px; line-height: 55px; padding-bottom: 10px; }
.rev-title p { font-size: 18px; }

.team-item { position: absolute; bottom: 30px; left: 50%; margin-left: -115px; background: #fff; border-radius: 5px; padding: 25px 35px 30px; display: inline-block; width: 305px; text-align: center; z-index: 5; box-shadow: 0px 0px 51px rgba(5, 5, 6, 0.2); opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.team-item:before { content: ''; position: absolute; left: 50%; top: -8px; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ffffff transparent; }
.team-item .title { font-size: 25px; padding-bottom: 15px; }
.team-item .simple-text { padding-bottom: 20px; }
.team-item .share a { font-size: 20px; color: #4d4d4e; margin: 0px 10px; }
.team-item .share a:hover { color: #75acff; }
.team-item .image { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: 0 auto 20px; }

.hover-area { position: relative; width: 100%; height: 100%; float: left; }
.hover-area:hover .team-item { opacity: 1; visibility: visible; }
.hover-area:last-child .team-item { left: auto; right: 0px; margin-left: 0px; }
.hover-area:first-child .team-item { left: 0px; margin-left: 0px; }

.button-wrapper { display: block; max-width: 785px; margin: 0 auto; }

.no-overflow, .no-overflow .swiper-wrapper { overflow: visible !important; }

#fp-nav.right { right: 34px; }

.block-3 { position: relative; width: 100%; height: inherit; }

.fix-footer.no-padd { padding-right: 0px; padding-left: 0px; }

@media (min-width: 1200px) { .section-scroll.section.sm-padding { padding: 0px; margin: 0px; } }
@media (max-width: 1500px) { .section-scroll .service-item { padding-bottom: 30px; }
  .team-block { height: 420px; }
  .section-scroll .title-second { padding-bottom: 30px; }
  .year-item b { font-size: 118px; line-height: 160px; }
  .block-img .image { width: 140px; height: 140px; }
  .service-item .image { width: 70px; height: 70px; }
  /*.service-item .image img { max-width: 36px; }*/
  .main-title.type-1 .h1 { font-size: 90px; line-height: 100px; }
  .full-block .title-second .title, .full-block .rev-title .h6 { font-size: 40px; line-height: 50px; }
  .full-block .title-second { padding-bottom: 40px; }
  .full-block .service-item { padding-bottom: 50px; }
  .full-block .caption .title { font-size: 40px; line-height: 50px; }
  .full-block .simple-text.lg p { font-size: 18px; line-height: 22px; }
  .full-block .team-block .caption { font-size: 40px; line-height: 50px; } }
@media (max-width: 1400px) { .main-title.type-1 .h1 { font-size: 74px; line-height: 84px; }
  .about-tags-block .title { font-size: 32px; line-height: 42px; }
  .about-tags-block { padding: 80px 0px 100px; }
  .inside-img img { max-height: 350px; }
  .about-tags-block .button-type-1 { margin: 0px 5px 10px; }
  .team-desc .title { font-size: 56px; line-height: 66px; }
  .team-desc .simple-text.lg p { font-size: 18px; line-height: 32px; }
  .client-item { margin-bottom: 60px; }
  .desc-block { padding: 0px 35px; }
  .about-team-block { height: 700px; }
  .pagination.style-type-2 { bottom: 40px; }
  .block-img { max-width: 280px; }
  #fp-nav.right { right: 0px; }
  .footer.fix-footer { padding: 16px 30px; }
  .scroll-fade.padd { left: 30px; right: 30px; }
  .padd-wrap { padding: 66px 0px 54px; }
  /*.wrapper-full-scroll { padding-top: 66px; }*/
  .full-block .service-item .text .title { font-size: 20px; line-height: 26px; }
  .full-block .service-item { padding-bottom: 30px; }
  .full-block .title-second { padding-bottom: 10px; }
  .full-block .title-second .title { font-size: 30px; line-height: 40px; }
  .full-block .block-img .title { font-size: 20px; line-height: 24px; }
  .test-item .simple-text.xs p { font-size: 12px; line-height: 18px; }
  .full-block .team-item { padding: 15px; }
  .full-block .team-item .image { width: 80px; height: 80px; }
  .full-block .team-item .image img { width: 100%; height: auto; }
  .full-block .team-item .title { font-size: 18px; line-height: 22px; }
  .full-block .team-item .simple-text.xs p { font-size: 12px; line-height: 16px; }
  .full-block .team-item .share a { font-size: 18px; }
  .nav-page-pagination.right { right: 0px; width: 30px; }
  .tooltip-point { margin-right: 37px; }
  .fixed-nav li:hover .tooltip-point { margin-right: 27px; } }
@media (max-width: 1200px) { .over-wrap-hidden { height: 600px; }
  .full-height-baner { min-height: 600px; }
  .client-item img { max-width: 100%; height: auto; }
  .footer.fix-footer { position: relative; display: inline-block; }
  .full-height-baner.section-scroll { min-height: 600px; height: auto; }
  .scroll-fade.bg, .scroll-fade.service-layer { position: absolute; }
  .scroll-fade.padd { left: 0px; right: 0px; }
  .padd-wrap { padding: 66px 0px 0px; }
  .block-5 .footer.fix-footer { position: absolute; } }
@media (max-width: 1024px) { .full-block > .vertical-align.full, .search-panel.popup .full-block > .full.close, .amount-wrap .full-block > .full.val, .inside-img .full-block > img.full, .full-block > .full.skill-line { position: relative; top: auto; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }
  .full-block { padding: 100px 0px; position: relative; }
  .full-block .video-slider .vertical-align.full, .full-block .video-slider .search-panel.popup .full.close, .search-panel.popup .full-block .video-slider .full.close, .full-block .video-slider .amount-wrap .full.val, .amount-wrap .full-block .video-slider .full.val, .full-block .video-slider .inside-img img.full, .inside-img .full-block .video-slider img.full, .full-block .video-slider .full.skill-line { position: relative; top: auto; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); padding: 100px 0px 130px; }
  .full-block.block-3, .full-block.block-5 { padding: 0px; }
  .block-1.full-block { min-height: 600px; }
  .block-5 .footer.fix-footer { position: relative; display: inline-block; }
  .nav-page-pagination { display: none; } }
@media (max-width: 992px) { .about-tags-block .simple-text p { font-size: 18px; line-height: 30px; }
  .about-team-block { height: 600px; }
  .team-desc .title { font-size: 32px; line-height: 42px; }
  .team-desc .simple-text.lg p { font-size: 16px; line-height: 24px; }
  .team-desc .simple-text { padding-bottom: 35px; }
  .title-second h4.title { font-size: 40px; line-height: 50px; }
  .title-second .simple-text.lg p { font-size: 18px; }
  .button-type-1 { padding: 0px 25px; height: 45px; line-height: 41px; font-size: 11px; letter-spacing: 1px; }
  .button-type-1 span:before { line-height: 41px; }
  .title-second { padding-bottom: 40px; }
  .client-block { padding: 30px 0px; }
  .full-height-baner { height: auto; }
  .about-tags-block { padding: 80px 0px; }
  .analitic-block { padding: 75px 0px 10px; }
  .tumbs-item .slide-swich { width: 60px; height: 60px; margin-right: 10px; }
  .year-item b { font-size: 124px; line-height: 105px; }
  .block-img { max-width: 230px; margin-top: -15px; }
  .block-img .title { font-size: 16px; line-height: 26px; padding-bottom: 10px; }
  .wrapp-line .swiper-slide:before { top: -5px; }
  .section.full-h-section { height: auto; min-height: 400px; }
  .caption h2.title { font-size: 55px; line-height: 65px; }
  .simple-text.lg p { font-size: 18px; line-height: 30px; }
  .video-slider .no-mobile.vertical-align, .video-slider .search-panel.popup .no-mobile.close, .search-panel.popup .video-slider .no-mobile.close, .video-slider .amount-wrap .no-mobile.val, .amount-wrap .video-slider .no-mobile.val, .video-slider .inside-img img.no-mobile, .inside-img .video-slider img.no-mobile, .video-slider .no-mobile.skill-line { position: relative; top: auto; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); padding: 80px 0px 120px; }
  .team-block .caption { font-size: 55px; line-height: 65px; }
  .rev-title { text-align: center; margin-bottom: 40px; }
  .service-item .text .title { font-size: 20px; line-height: 30px; }
  .service-item { padding-bottom: 40px; }
  .history-slide { padding-bottom: 50px; }
  .team-item { visibility: visible; opacity: 1; bottom: auto; position: relative; left: auto; margin-left: 0px; width: 100%; padding: 30px 15px; }
  .team-block .caption { position: relative; margin-bottom: 30px; }
  .team-item:before { display: none; }
  .no-overflow { overflow: hidden !important; }
  .hover-area, .team-block { height: auto; }
  .team-block .no-overflow { padding-bottom: 60px; }
  .client-item a { padding: 0px 15px; }
  .padd-wrap { padding: 0px; }
  .full-block .team-block { height: auto; }
  .full-block { padding: 80px 0px; } }
@media (max-width: 768px) { .inside-img { display: none; }
  .about-team-block .container-swich { height: 400px; }
  .about-team-block { height: auto; }
  .about-team-block .column-50 { width: 100%; }
  .tumbs-item { width: 100%; margin: 35px 0px; }
  .main-title.type-1.text-left { padding: 0px 30px; }
  .video-block { margin: 30px 0px; }
  .video-slider .no-mobile.vertical-align, .video-slider .search-panel.popup .no-mobile.close, .search-panel.popup .video-slider .no-mobile.close, .video-slider .amount-wrap .no-mobile.val, .amount-wrap .video-slider .no-mobile.val, .video-slider .inside-img img.no-mobile, .inside-img .video-slider img.no-mobile, .video-slider .no-mobile.skill-line { padding-bottom: 100px; }
  .block-img { margin-top: 20px; }
  .wrapp-line .swiper-slide:before { display: none; }
  .year-item b { font-size: 80px; line-height: 90px; }
  .footer.fix-footer { padding: 25px 0px 0px; } }
@media (max-width: 480px) { .section.sm-padding { padding: 60px 0px 20px; }
  .main-title.type-1 .h1 { font-size: 50px; line-height: 56px; }
  .about-tags-block { padding: 60px 0px; }
  .desc-block { padding: 0px 15px; }
  .analitic-block { padding: 55px 0px 10px; }
  .client-block { padding: 20px 0px 10px; }
  .client-item { margin-bottom: 40px; }
  .team-follow a { padding-right: 20px; font-size: 20px; }
  .tumbs-item .slide-swich { width: 50px; height: 50px; }
  .main-title.type-1.text-left { padding: 0px 15px; text-align: center; }
  .gutter-15 .swiper-slide { padding: 0px; }
  .client-item img { max-width: 80%; } }
@media (max-width: 340px) { .serch-form { margin: 0px; }
  .block-1.full-block { min-height: 500px; }
  .team-follow a { padding-right: 10px; } }
@media (max-height: 670px) and (min-width: 1200px) { .footer.fix-footer { padding: 15px 30px; }
  .footer.fix-footer.no-padd { padding: 15px 0px; }
  .section-scroll .service-item .text .title { font-size: 20px; line-height: 30px; padding-bottom: 5px; }
  .section-scroll .service-item .simple-text p { font-size: 12px; line-height: 20px; }
  .section-scroll .service-item .image { width: 80px; height: 80px; }
  .section-scroll .service-item .image img { max-width: 35px; }
  .section-scroll .title-second .title { font-size: 40px; line-height: 50px; padding-bottom: 10px; }
  .section-scroll .caption .title { font-size: 60px; line-height: 75px; }
  .section-scroll .caption .simple-text.lg p, .section-scroll .title-second .simple-text.lg p, .section-scroll .block-img .title, .section-scroll .team-item .title { font-size: 18px; line-height: 20px; }
  .section-scroll .pagination.style-type-2 { bottom: 80px; }
  .section-scroll .year-item b { font-size: 150px; line-height: 150px; padding: 0px 50px; }
  .section-scroll .block-img .image { width: 140px; height: 140px; }
  .section-scroll .team-block .caption { font-size: 40px; line-height: 50px; padding-top: 90px; }
  .section-scroll .team-block { height: 385px; }
  .section-scroll .team-item { padding: 25px 15px 30px; }
  .section-scroll .team-item .image { width: 80px; height: 80px; }
  .section-scroll .team-item .image img { width: 100%; height: auto; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 21. PROJECT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.izotope-container { position: relative; }

.wh-50 { width: 50%; }

.wh-25 { width: 25%; }

.wh-100 { width: 100%; }

.grid-sizer { width: 0; }

.item { position: relative; float: left; display: block; }
.item img { width: 100%; height: auto; display: block; }

.project-item { position: relative; width: 100%; height: 100%; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.project-item .layer-bg-3 { opacity: 0; }

.project-title {
	position: absolute;
	left: 0px;
	top: 3%;
	width: 100%;
	text-align: center;
	z-index: 3;
}

.project-title .l_horizontal {
	color: #fff;
}

.project-item-v1 .title,.project-item-v1 .l_horizontal,
.project-item-v3 .title,.project-item-v3 .l_horizontal,
.project-item-v4 .title,.project-item-v4 .l_horizontal,
.project-item-v5 .title,.project-item-v5 .l_horizontal
 {
	opacity: 0;
	transition: opacity 1s linear;	
	
}

.project-item-v1:hover .title , .project-item-v1:hover .l_horizontal,
.project-item-v3:hover .title , .project-item-v3:hover .l_horizontal,
.project-item-v4:hover .title , .project-item-v4:hover .l_horizontal,
.project-item-v5:hover .title , .project-item-v5:hover .l_horizontal{
	transition: opacity 1s linear;
	opacity: 1;
}

.hoja {
	background-image: url(../imagenes/hojas.png);
    background-position: right bottom;
    background-size: contain;
    background-repeat: no-repeat;
    height:97%;
    z-index: 3;
}
.project-title .sub-title {
	color: #002d5d;
    margin-bottom: 20px;
    font-size: 80px;
    font-family: FiraSans-Bold;
    width:100%;
    margin-bottom: 20px;
    /*border-bottom: 1px dotted #ccc3;*/
    
}
.project-title .sub-title .b_bottom {
	width: 90px;
    height: 3px;
    background: #8db63d;
    margin: 4px 4px -1px;
    border-radius: 2px;
}
.project-title h2 {
	color: #002d5d !important;
    font-size: 17px;
    margin-bottom: 70px !important;
    font-family: FiraSans-Bold;
    float: left;
    margin-left: 5%;
    width: 100%;
    text-align: left;
 }
h4 .title {
	color: #002d5d !important;
    font-weight: bold !important;
}
h5 .subtitle {
	color: #002d5d !important;
    font-size: 13px !important;
    margin-top: 45px !important;
    margin-bottom: 50px !important;
}
.btn-naranja {
	background-color: #ff662d;
    color: #fff;
    padding: 16px 40px !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
    float: left;
    margin-left: 7%;
    position: relative;
}

.btn-naranja:hover {
	background-color: #002d5d;
    color: #fff !important;
    
}

.sub-title img {
	width: 45%;
	margin: 0 auto;
}
/*.project-title .linea {
	background-image: linear-gradient(-25%, #8db63d 25%, transparent 80%);
}*/

.project-title .title a { color: #fff; }
.project-title .title a:hover { color: #75acff; }
/*.project-title.sm {
	max-width: 470px;
}*/
.project-title.sm .title {
	font-size: 15px;
	text-align:center;
	color:#fff;
	margin-bottom:25px;
	font-family: FiraSans-Regular;	
}
.project-title a {
	color: #fff;
	font-family: FiraSans-Regular;
}
.project-title a .l_horizontal {
	width: 35px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 34%;
    margin: 0 auto;
    bottom: 2%;
}
.project-title a:hover {
	text-decoration: none;
	color: #FF662D;
}

.project-title.lg { max-width: 1280px; }
.project-title.lg .title { font-size: 80px; line-height: 90px; }

.filter-list { text-align: center; padding-bottom: 30px; }
.filter-list .link-style-1 { position: relative; display: inline-block; height: 30px; font-size: 15px; line-height: 26px; color: #4d4d4e; padding: 0px 15px; border-radius: 20px; overflow: hidden; z-index: 1; cursor: pointer; margin: 0 5px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.filter-list .link-style-1 span { z-index: 5; position: relative; }
.filter-list .link-style-1:before { content: ''; position: absolute; left: 0px; top: 0px; border-radius: 50px; background: #4d4d4e; width: 100%; height: 100%; border-radius: 20px; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.filter-list .link-style-1:hover:before, .filter-list .link-style-1.active:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
.filter-list .link-style-1:hover, .filter-list .link-style-1.active { color: #fff; }

.height-lg { height: 840px; }

.height-md { height: 435px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 23. PROJECT LIST SLIDER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.main-list-content { position: relative; width: 100%; overflow: hidden; padding: 20px 0px 50px; }

.project-list { height: auto; padding: 20px 0px; overflow: visible; }
.project-list .swiper-slide { width: auto; height: auto; }
.project-list .swiper-slide:first-child .bg, .project-list .swiper-slide:first-child .service-layer { transform-origin: left center; -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; }
.project-list .swiper-slide:last-child .bg, .project-list .swiper-slide:last-child .service-layer { transform-origin: right center; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; }

.project-item-2 { position: relative; display: block; width: 210px; height: 210px; margin: 0px 20px; }
.project-item-2 .layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 5; opacity: 0; background: rgba(77, 77, 78, 0.7); backface-visibility: hidden; }
.project-item-2 .bg, .project-item-2 .service-layer { -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.project-item-2 .main-img { max-width: 100%; height: auto; }

.slider-list-container { position: relative; width: 100%; display: inline-block; }

.slider-list-desc { position: absolute; left: 0px; top: 0px; width: 300px; height: 100%; padding: 20px 20px 0px 0px; background: #eceeeb; z-index: 5; font-size: 0px; }
.slider-list-desc .title { position: relative; text-align: right; font-size: 35px; line-height: 35px; }
.slider-list-desc:before { content: ''; position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; background: inherit; }

.slider-list-gallery { position: relative; float: left; width: 100%; padding-left: 300px; background: #eceeeb; }

.first-list .slider-list-desc { top: -20px; padding-top: 40px; }

@media (min-width: 992px) { .project-item-2:hover .layer { opacity: 1; }
  .project-item-2:hover .bg, .project-item-2:hover .service-layer { -webkit-transform: scale(1.37); -moz-transform: scale(1.37); -ms-transform: scale(1.37); transform: scale(1.37); box-shadow: 0px 59px 89px rgba(5, 5, 6, 0.75); z-index: 1; }
  .project-item-2:hover .vertical-align img, .project-item-2:hover .search-panel.popup .close img, .search-panel.popup .project-item-2:hover .close img, .project-item-2:hover .amount-wrap .val img, .amount-wrap .project-item-2:hover .val img, .project-item-2:hover .inside-img img img, .inside-img .project-item-2:hover img img, .project-item-2:hover .skill-line img { -webkit-transform: scale(0.63); -moz-transform: scale(0.63); -ms-transform: scale(0.63); transform: scale(0.63); } }
@media (max-width: 992px) { .slider-list-desc { position: relative; width: 100%; height: auto; display: inline-block; text-align: center; padding-top: 20px; }
  .first-list .slider-list-desc { top: auto; padding: 20px 0px 0px 0px; }
  .slider-list-desc .title { text-align: center; }
  .slider-list-gallery { padding-left: 0px; } }
@media (max-width: 768px) { .project-item-2 { width: 150px; height: 150px; margin: 0 10px; }
  .slider-list-desc .title { font-size: 26px; line-height: 32px; } }


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 27. PRODUCT PAGE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.blog-post-img .slider-swiching { height: inherit; position: relative; }

.main-baner-full.no-table { display: block; }

.caption-rate .title { line-height: 60px; padding-bottom: 15px; }

.caption-rate .sub-title { font-size: 12px; line-height: 16px; color: #767775; }

.sub-caption { display: block; font-size: 13px; position: relative; text-transform: uppercase; letter-spacing: 1.4px; color: rgba(77, 77, 78, 0.6); line-height: 13px; padding-bottom: 20px; font-weight: 700; }
.sub-caption.type-2 { color: #4d4d4e; padding-bottom: 40px; text-align: center; }

.rate.style-2 { margin-bottom: 30px; }
.rate.style-2 i.act { color: #75acff; }
.rate.style-2 i { color: #bdbebc; font-size: 16px; }
.rate.style-2 .sub-title { display: inline-block; padding-left: 5px; font-size: 14px; color: #767775; }

.pricelist { position: relative; float: left; padding: 30px 30px 45px; background: #fff; border-radius: 10px; width: 60%; margin-bottom: 50px; }
.pricelist ul { position: relative; width: 100%; margin-bottom: 20px; }
.pricelist ul:after { content: ''; position: absolute; left: 0px; bottom: 0px; height: 4px; border-radius: 2px; background: #e6e6e6; width: 100%; }
.pricelist ul li { display: inline-block; width: 100%; padding-bottom: 20px; }
.pricelist ul li span { font-size: 13px; font-weight: 700; color: #a3a3a3; line-height: 18px; display: block; float: left; letter-spacing: 1.4px; text-transform: uppercase; }
.pricelist ul li b { font-size: 20px; font-weight: 700; color: #4d4d4e; display: block; float: right; }
.pricelist ul li p { font-size: 13px; line-height: 16px; display: block; float: right; max-width: 150px; text-align: right; }

.right-item-wrapp { position: relative; float: left; width: 40%; padding: 0px 0px 0px 30px; }

.tags-item-wrap { padding-bottom: 75px; }

.share-item-wrap { margin-bottom: 50px; }

.price-item-wrap { margin-bottom: 60px; text-align: center; position: relative; display: inline-block; width: 100%; }
.price-item-wrap .counter { display: block; float: left; }
.price-item-wrap .price-val { display: inline-block; }
.price-item-wrap .button-type-1 { float: right; margin-top: -15px; }

.project-item-wrap { margin-bottom: 40px; }

.share-item-wrap .folow.color-style a { margin: 0px 5px 0px 0px; }

.counter.style-2 { border-color: #d2d2d3; color: #9c9d9c; display: inline-block; }
.counter.style-2 input { color: #4d4d4e; }

.price-val.type-2 { display: inline-block; }
.price-val.type-2 p { line-height: 35px; padding-right: 15px; display: inline-block; vertical-align: text-bottom; }
.price-val.type-2 span { font-size: 36px; color: #b1b1b1; font-weight: 700; display: inline-block; line-height: 36px; }

.slide-point { position: relative; width: 123px; height: 123px; border-radius: 50%; cursor: pointer; }
.slide-point:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0px 0px 0px 3px #fff; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.slide-point .bg, .slide-point .service-layer { width: 100px; height: 100px; border-radius: 50%; left: 50%; top: 50%; margin: -50px 0px 0px -50px; }
.slide-point .path { stroke: #75acff; stroke-width: 3; stroke-miterlimit: 10; }
.slide-point .spinner { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; }
.slide-point:hover:before, .slide-point.active:before { opacity: 1; }
.slide-point.active .spinner { opacity: 1; }
.slide-point.active .path { -webkit-animation: dash1 2s forwards; -moz-animation: dash1 2s forwards; -ms-animation: dash1 2s forwards; animation: dash1 2s forwards; }

.point-circle-slider { position: absolute; left: 50px; bottom: 45px; width: 100%; }
.point-circle-slider .swiper-container { width: auto; display: inline-block; }
.point-circle-slider .swiper-slide { padding: 0px 10px; }

@keyframes dash1 { 0% { stroke-dasharray: 380; stroke-dashoffset: -380; }
  100% { stroke-dasharray: 380; stroke-dashoffset: 0; } }
@-webkit-keyframes dash1 { 0% { stroke-dasharray: 380; stroke-dashoffset: -380; }
  100% { stroke-dasharray: 380; stroke-dashoffset: 0; } }
@-moz-keyframes dash1 { 0% { stroke-dasharray: 380; stroke-dashoffset: -380; }
  100% { stroke-dasharray: 380; stroke-dashoffset: 0; } }
@-ms-keyframes dash1 { 0% { stroke-dasharray: 380; stroke-dashoffset: -380; }
  100% { stroke-dasharray: 380; stroke-dashoffset: 0; } }
@media (max-width: 1880px) { .blog-post-desc.product-elem { padding: 70px 50px; }
  .share-item-wrap .folow.color-style a { margin: 0px 5px 0px 0px; }
  .pricelist { width: 100%; }
  .right-item-wrapp { width: 100%; padding: 0px; }
  .tags-item-wrap { padding-bottom: 30px; } }
@media (max-width: 1200px) { .price-item-wrap .button-type-1 { float: left; clear: both; margin-top: 0px; }
  .price-item-wrap .counter { margin-bottom: 30px; }
  .price-item-wrap .price-val { float: right; }
  .blog-post-desc.product-elem { padding: 50px 30px; } }
@media (max-width: 992px) { .point-circle-slider { text-align: center; left: 0px; bottom: 20px; }
  .point-circle-slider .swiper-slide { padding: 0px 5px; }
  .main-baner-full.no-table { height: auto; }
  .project-item-wrap { margin-bottom: 0px; }
  .caption-rate .title { font-size: 40px; line-height: 50px; } }
@media (max-width: 500px) { .blog-post-desc.product-elem { padding: 30px 15px; }
  .price-item-wrap .counter, .price-item-wrap .button-type-1 { float: none; }
  .price-item-wrap .price-val { float: none; margin-bottom: 30px; width: 100%; }
  .tags-item-wrap { text-align: center; }
  .tags-item-wrap .tag-link-2 { margin: 0px 7px 14px; }
  .share-item-wrap { text-align: center; }
  .share-item-wrap .folow.color-style a { margin: 0px 3px; } }
@media (max-width: 480px) { .pricelist ul li b, .pricelist ul li p { float: left; clear: both; text-align: left; }
  .caption-rate .title, .blog-post-desc .title { font-size: 30px; line-height: 36px; }
  .point-circle-slider { display: none; } }
.top-baner { position: relative; width: 100%; height: 1080px; height: 100vmin; min-height: 600px; }

.full-main-slide { position: relative; width: 100%; height: 100%; }

.full-main-slide-title { position: relative; width: 100%; color: #fff; display: table; height: 100%; width: 100%; }
.full-main-slide-title h2 { font-size: 112px; line-height: 104px; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; }
.full-main-slide-title p { font-style: italic; font-size: 30px; line-height: 47px; letter-spacing: -0.2px; display: block; margin-bottom: 20px; }
.full-main-slide-title .button-type-4 { backface-visibility: hidden; }

.scroll-down { position: absolute; left: 0px; bottom: 0px; text-align: center; width: 100%; }
.scroll-down img { position: relative; margin: 0 auto 60px; display: block; cursor: pointer; z-index: 5; }

.section-button { text-align: center; }

.item-type-1 { position: relative; width: 100%; }
.item-type-1 .image { position: relative; width: 100%; height: 275px; border-radius: 8px; overflow: hidden; margin-bottom: 35px; box-shadow: 0px 44px 98px rgba(21, 21, 22, 0.31); z-index: 5; }
.item-type-1 .bg, .item-type-1 .service-layer { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.item-type-1:hover .bg, .item-type-1:hover .service-layer { -webkit-transform: scale(1.2) rotate(3deg); -moz-transform: scale(1.2) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); }
.item-type-1 .text { padding: 0px 10px; }
.item-type-1 .title { font-size: 25px; line-height: 31px; color: #fff; letter-spacing: -0.2px; padding-bottom: 20px; display: block; }
.item-type-1 .title:hover { color: #a3de15; }
.item-type-1 .simple-text { padding-bottom: 45px; }
.item-type-1 .video-block { height: 275px; margin-bottom: 35px; box-shadow: 0px 44px 98px rgba(21, 21, 22, 0.31); }
.item-type-1 .play-button img { max-width: 40px; }

.service-item.type-3 { color: #fff; margin-bottom: 80px; padding: 0px 20px; }
.service-item.type-3 .image { background: none; border-radius: 0px; margin-bottom: 0px; height: auto; }
.service-item.type-3 .image img { position: relative; display: block; margin: 0 auto 20px; top: auto; left: auto; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.service-item.type-3 .title { font-size: 25px; padding-bottom: 20px; }
.service-item.type-3 .simple-text p { color: #fff; }

.lg-size { height: 540px; }

.sm-size { height: 270px; }

.project-item.type-2 { height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.project-item.type-2 a { font-size: 30px; font-weight: 700; line-height: 40px; color: #fff; padding-bottom: 15px; display: block; }
.project-item.type-2 a:hover { color: #a3de15; }
.project-item.type-2 .simple-text { padding-bottom: 40px; }
.project-item.type-2 .simple-text p { color: rgba(255, 255, 255, 0.5); }
.project-item.type-2 .sub-title { font-size: 14px; line-height: 14px; color: #a3de15; letter-spacing: 0px; position: relative; margin: 0px; }
.project-item.type-2 .sub-title:before { content: ''; position: absolute; width: 0px; height: 10px; background: #a3de15; top: 2px; left: -110px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.project-item.type-2 .project-title { position: relative; width: 100%; left: auto; top: auto; padding: 0px 50px; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.item.sm-size .project-item.type-2 .project-title a { font-size: 20px; line-height: 24px; padding-bottom: 10px; }
.item.sm-size .project-item.type-2 .project-title { padding: 0px 30px; }
.item.sm-size .project-item.type-2 .simple-text { padding-bottom: 20px; }
.item.sm-size .project-item.type-2 .simple-text p { font-size: 12px; line-height: 16px; }

.rel-wrap { position: relative; width: 100%; overflow: hidden; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(800px); transform: perspective(800px); }

.rel-wrap:hover { box-shadow: 0px 7px 50px rgba(1, 1, 1, 0.4); }

.rel-wrap:hover .project-title, .poster:hover .layer-bg-3 { opacity: 1; }

.rel-wrap:hover .sub-title:before { width: 100px; }

.gutter-style .item { padding: 0px 15px 30px; }

.gutter-style .grid-sizer { width: 1%; }

.item .poster .layer-bg-3 { background: rgba(44, 34, 34, 0.88); backface-visibility: hidden; height: auto; width: auto; left: -10px; top: -10px; right: -10px; bottom: -10px; }

.poster .shine { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 60%); background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 60%); z-index: 100; opacity: 0.2; }

.layer-bg { position: absolute; top: -14px; left: -10px; right: -10px; bottom: -10px; background-size: cover; background-repeat: no-repeat; background-position: 0 0; -webkit-transition: 0.1s; transition: 0.1s; }

.poster .vertical-align, .poster .search-panel.popup .close, .search-panel.popup .poster .close, .poster .amount-wrap .val, .amount-wrap .poster .val, .poster .inside-img img, .inside-img .poster img, .poster .skill-line { z-index: 500; }

.mobile-toggle-slide.type-2 .filter-list .link-style-1 { color: #fff; }
.mobile-toggle-slide.type-2 .filter-list .link-style-1:before { background: #2d2d2d; }

.izotope-append { position: relative; width: 100%; display: none; overflow: hidden; visibility: hidden; opacity: 0; height: 0px; }
.izotope-append .item { display: none; }
.izotope-append.act { visibility: visible; opacity: 1; display: block; height: auto; overflow: visible; }
.izotope-append.act .item { display: block; }

.step-swich-link { position: relative; text-align: center; font-size: 0px; }
.step-swich-link li { display: inline-block; position: relative; width: 25%; margin-bottom: 85px; cursor: pointer; }
.step-swich-link li .image { position: relative; margin: 0 auto 20px; }
.step-swich-link li .image img, .step-swich-link li .title { -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.step-swich-link li .img-out { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1.5); -moz-transform: translate(-50%, -50%) scale(1.5); -ms-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); opacity: 0; }
.step-swich-link li .title { color: rgba(255, 255, 255, 0.25); }
.step-swich-link li:hover .img-out, .step-swich-link li.active .img-out { -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; }
.step-swich-link li:hover .img-in, .step-swich-link li.active .img-in { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.step-swich-link li:hover .title, .step-swich-link li.active .title { color: #a3de15; }

.step-slider-item .text { padding-left: 40px; }
.step-slider-item .simple-text { padding-bottom: 45px; }
.step-slider-item .image img { max-width: 100%; height: auto; }
.step-slider-item .title { font-size: 44px; font-weight: 400; color: #fff; line-height: 53px; padding-bottom: 15px; display: block; }
.step-slider-item .title i { color: #a3de15; font-style: italic; }

.no-margin-bottom .card-item { margin-bottom: 0px; }

.quote { position: absolute; top: 10px; left: 10px; font-size: 250px; line-height: 150px; color: rgba(255, 255, 255, 0.1); font-weight: 400; }

.testi-slide { position: relative; width: 100%; padding: 30px 0px 80px 100px; margin-top: 60px; }
.testi-slide .title { color: #fff; line-height: 38px; display: block; padding-bottom: 35px; }
.testi-slide .simple-text p { color: rgba(255, 255, 255, 0.6); }

.testi-container .tab-links { padding-left: 100px; }

@media (max-width: 1200px) { .no-margin-bottom .card-item { margin-bottom: 30px; }
  .gutter-style .wh-25 { width: 50%; }
  .layer-bg { top: 0px; left: 0px; bottom: 0px; right: 0px; background-size: cover; }
  .project-item.type-2 .project-title { right: auto; }
  .poster .shine { display: none; } }
@media (max-width: 992px) { .full-main-slide-title h2 { font-size: 55px; line-height: 60px; }
  .full-main-slide-title p { font-size: 20px; line-height: 30px; }
  .style-fullpage.header .logo { left: 50%; }
  .style-fullpage.header .nav-menu > ul > li > a:before { background: none; }
  .style-fullpage.header .nav-menu ul > li.active > a, .style-fullpage.header .nav-menu ul > li:hover > a { color: #fff; }
  .mobile-toggle-slide.type-2 .slide-lidt-text { color: #fff; }
  .mobile-toggle-slide.type-2 .filter-list .link-style-1 { color: #4d4d4e; }
  .mobile-toggle-slide.type-2 .filter-list .link-style-1.active, .mobile-toggle-slide.type-2 .filter-list .link-style-1:hover { color: #fff; }
  .project-item.type-2 .project-title { opacity: 1; }
  .step-slider-item .image { width: 100%; display: block; }
  .step-slider-item .image img { margin: 0 auto 30px; display: block; }
  .step-slider-item .text { text-align: center; padding: 0px; }
  .footer.type-2 .logo-f, .footer.type-2 .top-bar .folow { position: relative; display: block; margin: 0 auto 20px; left: auto; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .footer.type-2 .top-bar .folow { width: 100%; text-align: center; margin-bottom: 0px; }
  .footer.type-2 .footer-nav { padding-bottom: 30px; }
  .footer.type-2 .logo-f img { margin: 0 auto; }
  .footer.type-2 .folow a { margin: 0 10px; }
  .bottom-bar .simple-text { width: 100%; text-align: center; float: none; margin: 0 auto 20px; }
  .bottom-bar .copyright { float: none; text-align: center; width: 100%; } }
@media (max-width: 768px) { .item-type-1 { margin-bottom: 30px; }
  .margin-custom > div > div:last-child .item-type-1 { margin-bottom: 0px; }
  .service-item.type-3 { margin-bottom: 30px; }
  .button-type-4 { height: 50px; line-height: 50px; padding: 0px 30px; font-size: 12px; }
  .title-second.type-2 .title { font-size: 40px; line-height: 50px; }
  .title-second.type-2 .sub-title { font-size: 12px; }
  .gutter-style .wh-25 { width: 100%; }
  .project-item.type-2 .project-title { padding: 0px 30px; }
  .step-slider-item .title { font-size: 30px; line-height: 36px; }
  .testi-slide { padding: 30px 0px 0px 30px; margin-top: 0px; }
  .quote { font-size: 100px; line-height: 80px; }
  .testi-container .tab-links { padding-left: 30px; }
  .section-fullpage.full { min-height: 600px; height: auto; } }
@media (max-width: 600px) { .step-swich-link li { width: 50%; margin-bottom: 40px; } }
@media (max-width: 480px) { .step-swich-link li .title { font-size: 14px; }
  .full-main-slide-title { padding: 100px 0px; } }
@media (max-width: 340px) { .top-baner { height: 600px; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 29. SINGLE
/*-------------------------------------------------------------------------------------------------------------------------------*/
.row.row-lg { margin-left: -25px; margin-right: -25px; height: 100%; }

.col { position: relative; padding: 0px 25px 35px; height: 100%; float: left; }

.col-100 { width: 100%; }

.col-60 { width: 60%; }

.col-40 { width: 40%; }

.single-slide { position: relative; width: 100%; height: 100%; }

.single2-slider { padding: 90px 0px 0px 220px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.single-desc { z-index: 5; color: #fff; position: absolute; }
.single-desc .folow span { font-size: 12px; font-weight: 700; color: rgba(255, 255, 255, 0.3); letter-spacing: 1.4px; text-transform: uppercase; }

.single2-desc { background: #7f7f7f; max-width: 420px; left: 35px; padding: 20px 30px 55px 80px; margin-top: 45px; -webkit-transition: all 0.55s ease-out; -moz-transition: all 0.55s ease-out; -ms-transition: all 0.55s ease-out; transition: all 0.55s ease-out; }
.single2-desc .title { font-size: 90px; line-height: 90px; display: block; min-width: 607px; padding-bottom: 40px; }
.single2-desc .simple-text { padding-bottom: 25px; }

.project-author { color: #fff; font-size: 15px; line-height: 18px; display: block; margin-bottom: 50px; }

.single2-point { position: absolute; right: 25px; top: 115px; width: 65px; padding: 3px; background: rgba(0, 0, 0, 0.25); z-index: 10; }
.single2-point li { position: relative; width: 100%; cursor: pointer; }
.single2-point li img { width: 100%; height: 33px; margin-bottom: 3px; display: block; }
.single2-point li:last-child img { margin-bottom: 0px; }
.single2-point li:before { content: ''; position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; background: rgba(255, 255, 255, 0.15); border: 1px solid #fff; opacity: 0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.single2-point li:hover:before, .single2-point li.active:before { opacity: 1; }

.main-content.open-panel .single2-slider { padding-left: 0px; }

.main-content.open-panel .single2-desc { left: -800px; }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 30. SINGLE 
/*-------------------------------------------------------------------------------------------------------------------------------*/
.single3-slider { padding: 90px 550px 0px 0px; }

.singl3-desc { right: 0px; width: 100%; overflow-y: auto; z-index: 25; max-width: 550px; background: #2f2f2f; top: 90px; bottom: 0px; padding: 45px 45px 60px; }
.singl3-desc .title { font-size: 67px; line-height: 75px; display: block; padding-bottom: 20px; }
.singl3-desc .simple-text p { color: rgba(255, 255, 255, 0.25); }
.singl3-desc .simple-text { padding-bottom: 75px; }
.singl3-desc .folow a:after { color: #fff; }
.singl3-desc .folow { position: relative; display: inline-block; width: 100%; padding-bottom: 60px; }

.single3-point { position: relative; width: 100%; height: 200px; }
.single3-point.active .layer-bg-3 { opacity: 0; }

.single3-slider-point { width: 200px; position: absolute; right: 550px; top: 90px; bottom: 0px; z-index: 15; height: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.single3-slider-point .swiper-slide { height: auto; }
.single3-slider-point.active { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.bar-navigation { position: absolute; left: -50px; width: 50px; z-index: 6; }
.bar-navigation .nav-arrow { background: #fff; text-align: center; width: 100%; height: 50px; line-height: 50px; font-size: 20px; color: #c3c3c3; cursor: pointer; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.bar-navigation .nav-arrow:hover { background: #201a1a; color: #fff; }

.close-nav-bar { position: relative; width: 100%; height: 50px; background: #201a1a; text-align: center; cursor: pointer; }
.close-nav-bar i { display: inline-block; margin-top: 23px; width: 25px; height: 2px; background: #fff; position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.close-nav-bar i:before { content: ''; position: absolute; left: 0px; top: -6px; width: 100%; height: 2px; background: #fff; backface-visibility: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.close-nav-bar i:after { content: ''; position: absolute; left: 0px; bottom: -6px; width: 100%; height: 2px; background: #fff; backface-visibility: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.close-nav-bar.active i { background: transparent; }
.close-nav-bar.active i:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
.close-nav-bar.active i:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0px; }
.close-nav-bar.type-2 { position: fixed; left: 140px; top: 50%; width: 50px; margin-top: -25px; z-index: 50; background: #7f7f7f; }
.close-nav-bar.type-2 i:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background: #9d9d9d; }
.close-nav-bar.type-2 i:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0px; background: #9d9d9d; }
.close-nav-bar.type-2 i { background: transparent; }
.close-nav-bar.type-2.active i:before { -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); top: -6px; width: 90%; }
.close-nav-bar.type-2.active i:after { -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); bottom: -6px; width: 90%; }

.sliders-wrapp { height: 100%; }

@media (max-width: 1500px) { .single2-desc .title { font-size: 60px; line-height: 60px; padding-bottom: 30px; }
  .single2-desc { left: 0px; padding: 30px 30px 30px 50px; }
  .close-nav-bar.type-2 { left: 30px; }
  .project-author { margin-bottom: 30px; } }
@media (max-width: 1400px) { .singl3-desc .title { font-size: 47px; line-height: 50px; }
  .singl3-desc .simple-text { padding-bottom: 50px; }
  .single3-slider-point { width: 100px; }
  .single3-point { height: 100px; }
  .single3-slider { padding: 66px 550px 0px 0px; }
  .single3-slider-point { top: 66px; }
  .singl3-desc { top: 66px; }
  .single2-desc { margin-top: 33px; }
  .single2-slider { padding: 66px 0px 0px 220px; }
  .col { padding: 0px 15px 30px; }
  .row.row-lg { margin-left: -15px; margin-right: -15px; } }
@media (max-width: 1200px) { .singl3-desc { width: 400px; }
  .single3-slider { padding: 66px 400px 0px 0px; }
  .single3-slider-point { right: 400px; } }
@media (max-width: 992px) { .singl3-desc { position: relative; display: inline-block; width: 100%; top: auto; max-width: 100%; margin-top: 66px; padding: 40px 30px; }
  .singl3-desc .folow { padding-bottom: 0px; }
  .singl3-desc .simple-text { padding-bottom: 30px; }
  .single3-slider-point { right: 0; top: 0; }
  .top-baner.slider-swiching { height: auto; }
  .sliders-wrapp { position: relative; width: 100%; height: auto; overflow: hidden; }
  .single3-slider { height: 450px; padding: 0px; }
  .close-nav-bar.type-2 { top: 66px; margin-top: 0px; }
  .single2-point { top: 75px; }
  .single2-slider { padding: 66px 0px 0px 0px; height: 750px; }
  .col { padding: 15px; }
  .row.row-lg { margin-left: 0px; margin-right: 0px; }
  .single2-desc { padding: 30px; }
  .single2-desc.vertical-align, .search-panel.popup .single2-desc.close, .amount-wrap .single2-desc.val, .inside-img img.single2-desc, .single2-desc.skill-line { top: 66px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-top: 0px; padding: 60px 30px 30px 30px; } }
@media (max-width: 768px) { .singl3-desc .title, .single2-desc .title { font-size: 30px; line-height: 40px; }
  .singl3-desc .simple-text p, .single2-desc .simple-text p { font-size: 12px; line-height: 20px; }
  .singl3-desc, .single2-desc { padding: 30px 15px; }
  .single3-slider { height: 400px; }
  .col-60, .col-40 { width: 100%; height: 50%; }
  .single2-desc .title { min-width: 100%; }
  .single2-desc .project-author { padding-bottom: 30px; } }
@media (max-width: 480px) { .single2-slider { height: 620px; }
  .single2-desc { z-index: 20; } }
@media (max-width: 378px) { .single2-slider { height: 580px; }
  .col { padding: 1px; }
  .close-nav-bar.type-2 { left: 15px; }
  .single2-desc.vertical-align, .search-panel.popup .single2-desc.close, .amount-wrap .single2-desc.val, .inside-img img.single2-desc, .single2-desc.skill-line { padding: 60px 15px 30px 15px; }
  .single-title .title { font-size: 20px; line-height: 24px; }
  .simple-text.sm p { font-size: 13px; line-height: 18px; }
  .single-title .simple-text { padding-bottom: 20px; } }

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 32. Mini */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@font-face { font-family: 'GTWalsheimProLight'; src: url("../font/walsheim/GT-Walsheim-Pro-Light.eot"); src: url("../font/walsheim/GT-Walsheim-Pro-Light.woff") format("woff"), url("../font/walsheim/GT-Walsheim-Pro-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'GTWalsheimProRegular'; src: url("../font/walsheim/GT-Walsheim-Pro-Regular.eot"); src: url("../font/walsheim/GT-Walsheim-Pro-Regular.woff") format("woff"), url("../font/walsheim/GT-Walsheim-Pro-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'GTWalsheimProBold'; src: url("../font/walsheim/GT-Walsheim-Pro-Bold.eot"); src: url("../font/walsheim/GT-Walsheim-Pro-Bold.woff") format("woff"), url("../font/walsheim/GT-Walsheim-Pro-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }
.mini-title-h1, .mini-title-h2, .mini-title-h3, .mini-title-h4, .mini-title-h5, .mini-title-h6, .mini-title-h7 { font-family: 'GTWalsheimProRegular'; color: #423c3c; }

.mini-title-h1.white-col, .mini-title-h2.white-col, .mini-title-h3.white-col, .mini-title-h4.white-col, .mini-title-h5.white-col, .mini-title-h6.white-col { color: #fff; }

.mini-title-h1 { font-size: 115px; line-height: 126px; }

.mini-title-h2 { font-size: 85px; line-height: 90px; }

.mini-title-h3 { font-size: 75px; line-height: 80px; }

.mini-title-h4 { font-size: 70px; line-height: 82px; }

.mini-title-h5 { font-size: 55px; line-height: 60px; }

.mini-title-h6 { font-size: 38px; line-height: 44px; }

.mini-title-h7 { font-size: 35px; line-height: 40px; }

.simple-text-mini { position: relative; }
.simple-text-mini p { font-size: 16px; line-height: 29px; color: #423c3c;  }
.simple-text-mini.lg p { font-size: 18px; line-height: 38px; }

.sub-mini-title { font-size: 35px; line-height: 50px; color: #423c3c; }
.sub-mini-title.sm { font-size: 28px; line-height: 45px; }
.sub-mini-title.sm a { display: inline-block; position: relative; color: inherit; }
.sub-mini-title.sm a:before { content: ''; position: absolute; left: 0px; bottom: 8px; width: 100%; height: 8px; z-index: -1; background: #39b2ff; }
.sub-mini-title.xs { font-size: 20px; line-height: 30px; color: rgba(66, 60, 60, 0.5); }
.sub-mini-title.xxs { font-size: 13px; text-transform: uppercase; line-height: 30px; letter-spacing: 6px; color: rgba(255, 255, 255, 0.5); }

.font-mini-light, .sub-mini-title, .mini-nav, .footer-mini .copyright, .footer-mini .link-contact, .blog-item-title, .author-name span, .mini-adr-item span, .mini-adr-item a, .mini-adr-item ul li, .input-label label, .input-label .input-field input, .input-label .input-field textarea, .send-mini-button span, .project-mini-title .title, .project-mini-title span, .project-filter a, .quote-mini-block .text blockquote p, .quote-mini-block .text blockquote .bq, .text-change-field { font-weight: 300; }

.font-mini-regular, .service-mini-item .value {  font-weight: 400; }

.font-mini-bold, .info-item {  font-weight: 700; }

.pagination.style-type-4 { position: absolute; left: 0px; bottom: 85px; width: 100%; }
.pagination.style-type-4 .swiper-pagination-bullet { width: 50px; display: block; border-radius: 0px; height: 4px; background: #fff; margin: 8px auto; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.pagination.style-type-4 .swiper-pagination-bullet:before { content: ''; position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: #39b2ff; -webkit-transition: all 0.45s ease-out 0.35s; -moz-transition: all 0.45s ease-out 0.35s; -ms-transition: all 0.45s ease-out 0.35s; transition: all 0.45s ease-out 0.35s; }
.pagination.style-type-4 .swiper-pagination-bullet-active { width: 95px; }
.pagination.style-type-4 .swiper-pagination-bullet-active:before { width: 100%; }

.header.mini-style { z-index: 50; position: absolute; left: 0px; top: 0px; width: 100%; }

.header.mini-style .logo-mini { max-width: 150px; position: absolute; top: 15px; left: 15px; width: 100%; }
.header.mini-style .logo-mini img { width: 100%; height: auto; }

.header.mini-style .folow { position: absolute; right: 15px; top: 15px; z-index: 5; }
.header.mini-style .folow a { color: #fff; line-height: 16px; }
.header.mini-style .folow a:after { color: #39b2ff; }
.header.mini-style .folow.dark a { color: #423c3c; }

.mini-nav {
	/*position: fixed;
	left: 0px;
	top: 50%;
	padding: 40px 30px;
	left: 10px;
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	min-width: 150px;
	background: #423c3c;*/
	position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0%, -50%);
    /*background: #979797;*/
    width: 100%;
    text-align: center;
}
.mini-nav:before { content: ''; position: absolute; left: -10px; top: 0px; width: 4px; height: 100%; background: #39b2ff; }
.mini-nav li a {
	font-size: 27px;
	line-height: 60px; /*36px*/
	color: #fff;
	font-weight: 700;
}
.mini-nav li a:hover, .mini-nav li a.active {
	color: #153e6c;
	text-decoration: none;
}
.mini-nav li:nth-child(2) a:hover ~ .column-mini-baner .column-60 {
	background-image: url(../img/bg_list_menu.jpg);
}

.mini-slider-layer { background: rgba(63, 63, 63, 0.5); backface-visibility: hidden; }

.content-load-wrap {
	/*position: relative;*/
	position: absolute;
	width: 100%;
	height: 1080px;
	height: 125vmin;
	min-height: 650px;
}
.content-load-wrap.auto-h { height: auto; }

.footer-mini { position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 20px 25px; z-index: 15; }
.footer-mini .copyright { font-size: 15px; line-height: 36px; color: rgba(255, 255, 255, 0.5); float: left; }
.footer-mini .copyright.dark { color: rgba(66, 60, 60, 0.5); }
.footer-mini .link-contact { float: right; }
.footer-mini .link-contact a { color: rgba(255, 255, 255, 0.5); text-decoration: underline; display: inline-block; padding: 0px 0px 0px 20px; line-height: 36px; }
.footer-mini .link-contact a:hover { color: #fff; }
.footer-mini .link-contact.dark a { color: rgba(66, 60, 60, 0.5); }
.footer-mini .link-contact.dark a:hover { color: #423c3c; }
.footer-mini .folow { display: none; }

.main-mini-title { color: #fff; }
.main-mini-title .mini-title-h2 span { display: inline-block; width: 85px; height: 85px; line-height: 75px; border: 5px solid #fff; text-align: center; border-radius: 50%; font-size: 44px; vertical-align: middle; }

.column-mini-baner.bg-dark { background: #2e2828; }

/*.column-mini-baner.bg-grey2 {
	background: #f1f1f1;
}*/

.column-mini-baner { width: 100%; height: inherit; position: relative; background: #fff; }
.column-mini-baner .column-50 { display: inline-block; vertical-align: middle; }
.column-mini-baner .column-30 {
	width: 50%;/*33.333%*/
	display: inline-block;
	vertical-align: middle; 
	position: absolute; /*relative*/
}
.column-mini-baner .column-60 {
	width: 50%;/*66.666%*/
	display: flex;/*inline-block*/
	vertical-align: middle;
	position: relative;
	float: right;
	padding:0;
	height: 100%;
	overflow: hidden;
	/*background-image: url(../img/inicio.jpg);
	background-position: center;
	background-size:cover;*/
}

.about-mini-img { height: inherit; }

.about-mini-desc { padding: 0px 90px 0px 100px; }
.about-mini-desc .sub-mini-title { padding-bottom: 15px; }
.about-mini-desc .simple-text-mini { padding-bottom: 30px; max-width: 800px; }
.about-mini-desc .simple-text-mini p { padding-bottom: 30px; }

.about-mini-info { position: relative; width: 100%; }

.info-item { display: inline-block; text-align: left; padding-right: 35px; }
.info-item .timer-info { font-size: 92px; line-height: 90px; color: rgba(66, 60, 60, 0.3); display: inline-block; vertical-align: middle; }
.info-item b { font-size: 35px; line-height: 35px; color: #39b2ff; display: inline-block; margin-left: -15px; vertical-align: middle; }

.service-mini-img { height: inherit; }

.service-mini-item { position: relative; width: 100%; padding-bottom: 50px; }
.service-mini-item .text { position: relative; padding-left: 80px; }
.service-mini-item .value { font-size: 150px; line-height: 122px; color: #39b2ff; position: relative; display: block; float: left; }
.service-mini-item .mini-title-h7 { padding-bottom: 10px; }

.blog-mini-item { position: relative; }
.blog-mini-item.lg { width: 100%; height: 538px; height: 50vmin; min-height: 500px; float: left; display: block; }
.blog-mini-item.sm { width: 50%; height: 538px; height: 50vmin; min-height: 500px; float: left; display: block; }

.blog-item-title { position: absolute; width: 100%; left: 0px; bottom: 0px; padding: 0px 45px 40px 45px; }
.blog-item-title .blog-date { position: relative; display: inline-block; font-size: 14px; color: rgba(255, 255, 255, 0.5); padding: 5px 10px; background: #423c3c; line-height: 14px; margin-bottom: 5px; }
.blog-item-title .title a { color: #fff; }
.blog-item-title .title a:hover { color: #39b2ff; }

body.overflowh { overflow: hidden; }

.popup-ajax { position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; z-index: 50; overflow: hidden; visibility: hidden; opacity: 0; }
.popup-ajax .image { width: 100%; height: 640px; position: relative; }
.popup-ajax.type-center { overflow-y: auto; }
.popup-ajax.type-center .popup-ajax-wrap { position: relative; max-width: 1170px; width: 100%; margin: 0 auto; background: #fff; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; overflow: hidden; height: auto; visibility: hidden; opacity: 0; }
.popup-ajax.type-center .popup-ajax-layer { position: fixed; }

.popup-ajax-layer { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(66, 60, 60, 0.9); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; visibility: hidden; opacity: 0; }

.popup-ajax-title .mini-title-h5 { text-align: center; color: #fff; }

.text-popup-ajax { padding: 70px; }
.text-popup-ajax .sub-mini-title { padding-bottom: 35px; }

.popup-ajax-wrap { position: absolute; right: 0px; width: 50%; top: 0px; background: #fff; height: 100%; overflow-y: auto; z-index: 500; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.35s ease-out 1.35s; -moz-transition: all 0.35s ease-out 1.35s; -ms-transition: all 0.35s ease-out 1.35s; transition: all 0.35s ease-out 1.35s; }

.close-ajax-popup { position: absolute; right: 45px; top: 45px; z-index: 5; }

.popup-ajax.active { visibility: visible; opacity: 1; }

.popup-ajax.active .popup-ajax-layer { visibility: visible; opacity: 1; }

.popup-ajax.active .popup-ajax-wrap { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.popup-ajax.type-center.active .popup-ajax-wrap { visibility: visible; opacity: 1; }

.client-mini-title { text-align: center; position: relative; padding-top: 70px; }
.client-mini-title .sub-mini-title { padding-bottom: 10px; }
.client-mini-title .title { padding-bottom: 50px; }

.client-slide { display: block; }
.client-slide img { margin: 0 auto; display: block; opacity: 0.4; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.client-slide img:hover { opacity: 1; }

.client-slider-mini { margin-bottom: 45px; }

.client-slider-mini .swiper-slide { min-height: 85px; }

.client-wrap-desc { position: relative; width: 100%; height: 100%; background: #fff; padding: 120px 100px 95px; }
.client-wrap-desc .simple-text-mini p { padding-bottom: 40px; }

.author-name { position: relative; }
.author-name .mini-title-h6 { padding-bottom: 5px; }
.author-name span { font-size: 14px; line-height: 29px; letter-spacing: 6px; color: rgba(66, 60, 60, 0.5); text-transform: uppercase; display: block; }

.client-mini-wrap { position: relative; width: 100%; display: inline-block; }
.client-mini-wrap .bg, .client-mini-wrap .service-layer { width: 50%; }
.client-mini-wrap .client-wrap-desc { position: relative; float: right; width: 50%; }

.address-item { padding: 0px 70px 0px 180px; }

.mini-adr-item { position: relative; width: 100%; padding-bottom: 60px; }
.mini-adr-item span { font-size: 20px; display: block; line-height: 30px; color: rgba(255, 255, 255, 0.5); }
.mini-adr-item a, .mini-adr-item ul li { font-size: 30px; line-height: 30px; color: #fff; display: block; }
.mini-adr-item a:hover { color: #39b2ff; }
.mini-adr-item:last-child { padding-bottom: 0px; }

.contact-form { position: relative; width: 100%; }
.contact-form .column-50 { float: left; padding-right: 70px; }
.contact-form .column-100 { float: left; width: 100%; padding-right: 70px; }

.input-label { position: relative; width: 100%; display: inline-block; }
.input-label label { font-size: 15px; color: #423c3c; display: block; position: relative; float: left; padding-bottom: 10px; }
.input-label .input-field { position: relative; display: inline-block; width: 100%; margin-bottom: 40px; }
.input-label .input-field input, .input-label .input-field textarea { position: relative; display: inline-block; width: 100%; height: 75px; line-height: 75px; padding: 0px 20px; background: #fff; font-size: 30px; }
.input-label .input-field textarea { height: 260px; resize: none; }

.send-mini-button { display: inline-block; background: #39b2ff; color: #fff; padding: 0px 30px; height: 70px; position: relative; min-width: 430px; float: right; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.send-mini-button input { position: absolute; background: none; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; cursor: pointer; }
.send-mini-button span { position: relative; display: inline-block; line-height: 70px; font-size: 25px; }
.send-mini-button i { position: absolute; right: 30px; top: 0px; font-size: 20px; line-height: 70px; }
.send-mini-button:hover { background: #fff; color: #39b2ff; }

.project-slider-mini { padding-bottom: 70px; }

.project-slider-mini .swiper-slide { max-width: 1340px; margin: 0 auto; opacity: 0.8; min-height: 650px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.project-slider-mini .swiper-slide-active.swiper-slide { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }

.project-mini-title .title { font-size: 64px; line-height: 64px; color: #fff; }
.project-mini-title .title a { color: inherit; }
.project-mini-title .title a:hover { color: #39b2ff; }

.project-mini-title span { font-size: 13px; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); letter-spacing: 6px; line-height: 16px; padding-bottom: 10px; display: block; }

.project-filter { position: relative; width: 100%; display: inline-block; padding: 120px 0px 60px; text-align: center; }
.project-filter a { font-size: 15px; line-height: 15px; color: #423c3c; position: relative; display: inline-block; margin: 0 15px; padding-bottom: 10px; }
.project-filter a:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 0%; background: #39b2ff; height: 4px; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }
.project-filter a:hover:before, .project-filter a.active:before { width: 100%; }

.pagination.style-type-5 { position: absolute; left: 0px; bottom: 20px; width: 100%; z-index: 15; }

.pagination.style-type-5 .swiper-pagination-bullet { width: 15px; display: inline-block; border-radius: 0px; height: 15px; background: none; margin: 0 auto; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.pagination.style-type-5 .swiper-pagination-bullet:before { content: ''; position: absolute; left: 50%; top: 50%; margin: -2.5px 0px 0px -2.5px; width: 5px; height: 5px; background: #c5c4c4; border-radius: 50%; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; -ms-transition: all 0.35s ease-out; transition: all 0.35s ease-out; }

.pagination.style-type-5 .swiper-pagination-bullet-active:before { -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); }

.img-detail { position: relative; height: 580px; float: left; }

.img-detail.full { width: 100%; }

.quote-mini-block { position: relative; width: 100%; float: left; }
.quote-mini-block .bg, .quote-mini-block .service-layer { width: 50%; }
.quote-mini-block .text { width: 50%; float: right; padding: 70px 50px 25px; }
.quote-mini-block .text blockquote p { font-size: 25px; line-height: 45px; padding-bottom: 40px; z-index: 1; }
.quote-mini-block .text blockquote { position: relative; }
.quote-mini-block .text blockquote .bq { position: absolute; display: block; line-height: 5px; z-index: -1; right: 0px; bottom: 0px; font-size: 240px; color: #39b2ff; }

.arrow-mini-back { position: relative; width: 100%; display: inline-block; background: #2c2222; padding: 40px 50px; }
.arrow-mini-back .circle-link { position: absolute; right: 50px; top: 45px; }
.arrow-mini-back .text { position: relative; width: 100%; padding-right: 120px; }
.arrow-mini-back .title { color: #fff; }
.arrow-mini-back .title a { color: inherit; }

.circle-link { width: 62px; height: 62px; border: 3px solid #fff; line-height: 58px; border-radius: 50%; text-align: center; font-size: 24px; color: #fff; display: block; }

.text-popup-ajax .project-mini-title { text-align: center; }
.text-popup-ajax .project-mini-title span { color: rgba(66, 60, 60, 0.5); }
.text-popup-ajax .project-mini-title .title { color: #423c3c; padding-bottom: 70px; }

.popup-ajax.type-center .simple-text-mini p { padding-bottom: 35px; }

.popup-ajax.type-center .simple-text-mini p:last-child { padding-bottom: 0px; }

.burger.mini-mobile-open { position: absolute; left: 50%; top: 20px; }
.burger.mini-mobile-open i:before, .burger.mini-mobile-open i:after { background: #39b2ff; }
.burger.mini-mobile-open.active { -webkit-transform: translateY(0) translateX(0); -moz-transform: translateY(0) translateX(0); -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); background: none; }

.text-change-field { position: relative; display: none; margin: 0 auto; height: 50px; line-height: 50px; border: 1px solid #423c3c; line-height: 50px; padding: 0px 15px; font-size: 15px; cursor: pointer; max-width: 320px; }
.text-change-field i { position: absolute; right: 15px; top: 0px; line-height: inherit; font-size: 14px; }

@media (max-width: 1910px) { .info-item .timer-info { font-size: 55px; }
  .info-item b { font-size: 28px; }
  .about-mini-info { text-align: center; } }
@media (max-width: 1800px) { .mini-title-h1 { font-size: 80px; line-height: 90px; }
  .mini-title-h2 { font-size: 60px; line-height: 70px; }
  .mini-title-h3 { font-size: 50px; line-height: 60px; }
  .mini-title-h4 { font-size: 50px; line-height: 60px; }
  .mini-title-h5 { font-size: 40px; line-height: 50px; }
  .sub-mini-title { font-size: 30px; line-height: 35px; }
  .service-mini-item { padding-bottom: 0px; }
  .service-mini-item .value { font-size: 80px; line-height: 70px; }
  .service-mini-item .text { padding-left: 60px; }
  .mini-adr-item a, .mini-adr-item ul li, .mini-adr-item .link-fax { font-size: 28px !important; } }
@media (max-width: 1600px) { .about-mini-desc { padding: 0px 60px; }
  .client-wrap-desc { padding: 60px; }
  .project-filter { padding: 80px 0px 40px; }
  .project-slider-mini .swiper-slide { min-height: 600px; } }
@media (max-width: 1400px) { .mini-title-h1 { font-size: 60px; line-height: 70px; }
  .sub-mini-title { font-size: 20px; line-height: 28px; }
  .simple-text-mini p { font-size: 14px; line-height: 22px; }
  .project-filter { padding: 60px 0px 20px; }
  .client-mini-title { padding-top: 60px; }
  .client-mini-title .title { padding-bottom: 30px; }
  .project-slider-mini { padding-bottom: 50px; }
  .project-slider-mini .swiper-slide { min-height: 470px; }
  .footer-mini { padding: 5px 15px; }
  .pagination.style-type-4 { bottom: 35px; }
  .blog-mini-item.lg, .blog-mini-item.sm { min-height: 380px; }
  .input-label .input-field input, .input-label .input-field textarea { height: 55px; line-height: 55px; font-size: 20px; }
  .input-label .input-field textarea { height: 180px; }
  .input-label .input-field { margin-bottom: 30px; }
  .send-mini-button { height: 55px; padding: 0px 20px; min-width: 230px; }
  .send-mini-button span, .send-mini-button i { line-height: 55px; font-size: 20px; }
  .popup-ajax .image { height: 450px; }
  .mini-adr-item a, .mini-adr-item ul li, .mini-adr-item .link-fax { font-size: 24px !important; } }
/*@media (max-width: 1280px) { .contact-baner.column-mini-baner .column-30 { width: 100%; padding: 80px 0px 60px; display: inline-block; height: auto; }
  .contact-baner.column-mini-baner .column-60 { width: 100%; height: auto; padding: 60px 60px 60px 220px; }
  .address-item.vertical-align, .search-panel.popup .address-item.close, .amount-wrap .address-item.val, .inside-img img.address-item, .address-item.skill-line, .search-panel.popup .address-item.close, .amount-wrap .address-item.val, .inside-img img.address-item, .address-item.skill-line { position: relative; top: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 0px 60px 0px 220px; }
  .mini-adr-item { width: 50%; float: left; padding-bottom: 30px; }
  .column-mini-baner.contact-baner { height: auto; }
  .contact-form .column-50, .contact-form .column-100 { padding-right: 30px; }
  .content-load-wrap.h-auto-desktop { height: auto; } }*/
@media (max-width: 992px) { .content-load-wrap { height: auto; }
  .header.mini-style { height: 62px; background: #fff; position: fixed; }
  .header.mini-style .folow a { color: #423c3c; }
  .slider-mini-main .swiper-slide { min-height: 962px; }

  .header.mini-style .logo-mini { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .mini-nav { -webkit-transform: translate(-120%, 0%); -moz-transform: translate(-120%, 0%); -ms-transform: translate(-120%, 0%); transform: translate(-120%, 0%); top: 62px; padding: 20px 15px; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -ms-transition: all 0.45s ease-out; transition: all 0.45s ease-out; }
  .mini-nav.slide { -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); }
  .address-item.vertical-align, .search-panel.popup .address-item.close, .amount-wrap .address-item.val, .inside-img img.address-item, .address-item.skill-line { padding: 0px 30px; }
  .contact-baner.column-mini-baner .column-60 { padding: 30px 30px 60px; }
  .contact-form .column-50, .contact-form .column-100 { padding: 0px 15px; }
  .mini-adr-item a, .mini-adr-item ul li { font-size: 22px; line-height: 22px; }
  .mini-adr-item span { font-size: 18px; line-height: 26px; }
  .contact-form { width: auto; margin-left: -15px; margin-right: -15px; }
  .service-mini-img { display: none; }
  .column-mini-baner .column-60, .column-mini-baner .column-50 { width: 100%; }
  .about-mini-desc { padding: 60px 30px 80px; }
  .about-mini-img { height: 350px; }
  .blog-mini-item.sm, .client-mini-wrap .client-wrap-desc { width: 100%; }
  .blog-item-title { padding: 30px; }
  .client-mini-wrap .bg, .client-mini-wrap .service-layer { width: 100%; height: 350px; position: relative; }
  .client-wrap-desc, .text-popup-ajax { padding: 60px 30px; }
  .popup-ajax-wrap { width: 100%; }
  .close-ajax-popup { right: 30px; top: 30px; }
  .simple-text-mini.lg p { font-size: 14px; line-height: 22px; }
  .text-popup-ajax .project-mini-title .title { padding-bottom: 30px; }
  .quote-mini-block .text blockquote p { font-size: 16px; line-height: 30px; padding-bottom: 30px; }
  .img-detail { height: 400px; }
  .quote-mini-block .text { padding: 50px 30px 25px; }
  .quote-mini-block .text blockquote .bq { font-size: 140px; }
  .header.mini-style .folow { display: none; }
  .burger.mini-mobile-open { left: auto; right: 15px; height: 50px; width: 50px; padding: 0; top: 6px; text-align: center; }
  .burger.mini-mobile-open i { width: 30px; margin: 25px auto; }
  .footer-mini .folow { display: inline-block; width: 100%; text-align: center; padding: 10px 0px; }
  .footer-mini .folow a { margin: 0 10px; }
  .footer-mini { position: relative; background: #fff; }
  .footer-mini .copyright { display: inline-block; width: 100%; text-align: center; line-height: 30px; color: rgba(66, 60, 60, 0.5); }
  .footer-mini .link-contact { width: 100%; display: inline-block; text-align: center; float: none; }
  .footer-mini .link-contact a { padding: 0px 10px; color: rgba(66, 60, 60, 0.5); }
  .text-change-field { display: block; }
  .mini-project-filter { position: absolute; left: 0px; top: 100%; width: 100%; background: #fff; padding: 10px 15px; display: none; }
  .project-filter { display: block; margin: 0 auto; max-width: 320px; z-index: 5; }
  .project-filter .mini-project-filter a { width: 100%; margin: 0px; padding-bottom: 15px; }
  .project-filter .mini-project-filter a:before { display: none; } }
@media (max-height: 767px) { .slider-mini-main .swiper-slide { min-height: 670px; } }
@media (max-width: 768px) { .mini-adr-item, .contact-form .column-50 { width: 100%; }
  .quote-mini-block .bg, .quote-mini-block .service-layer { width: 100%; height: 300px; position: relative; }
  .quote-mini-block .text { width: 100%; }
  .arrow-mini-back .title { font-size: 20px; line-height: 30px; } }
@media (max-width: 480px) { .mini-title-h1 { font-size: 50px; line-height: 60px; }
  .mini-title-h2 { font-size: 40px; line-height: 50px; }
  .mini-title-h3 { font-size: 45px; line-height: 55px; }
  .mini-title-h4 { font-size: 45px; line-height: 55px; }
  .mini-title-h5 { font-size: 30px; line-height: 40px; }
  .project-mini-title .title { font-size: 44px; line-height: 50px; }
  .main-mini-title { padding: 0px 15px; }
  .main-mini-title .mini-title-h2 span { width: 60px; height: 60px; line-height: 53px; font-size: 23px; border-width: 3px; }
  .address-item.vertical-align, .search-panel.popup .address-item.close, .amount-wrap .address-item.val, .inside-img img.address-item, .address-item.skill-line { padding: 0px 15px; }
  .contact-baner.column-mini-baner .column-60 { padding: 30px 15px 60px; }
  .contact-baner.column-mini-baner .column-30 { padding: 60px 0px; }
  .header.mini-style .logo-mini { max-width: 120px; }
  .about-mini-desc { padding: 30px 15px 30px; }
  .about-mini-desc .simple-text-mini p { padding-bottom: 0px; }
  .project-mini-title span { letter-spacing: 3px; }
  .about-mini-img { height: 250px; }
  .info-item { width: 100%; padding-right: 0px; text-align: center; }
  .blog-item-title .title { font-size: 35px; line-height: 40px; }
  .client-wrap-desc { padding: 30px 15px; }
  .client-mini-wrap .bg, .client-mini-wrap .service-layer { height: 250px; }
  .client-mini-title, .text-popup-ajax, .quote-mini-block .text { padding: 30px 15px; }
  .client-mini-title .title { padding-bottom: 0px; }
  .close-ajax-popup { right: 15px; top: 15px; }
  .sub-mini-title.sm { font-size: 22px; line-height: 34px; }
  .popup-ajax .image { height: 300px; }
  .blog-item-title { padding: 15px; }
  .img-detail.column-50 { width: 100%; }
  .img-detail { height: 250px; }
  .arrow-mini-back .title { display: none; }
  .arrow-mini-back { padding: 30px 15px; }
  .arrow-mini-back .sub-mini-title.xxs { line-height: 57px; letter-spacing: 3px; }
  .arrow-mini-back .circle-link { top: 30px; right: 15px; }
  .send-mini-button { min-width: 100%; width: 100%; }
  .project-filter a { margin: 0px 30px 15px; padding-bottom: 7px; } }

/********************************************************* CODIGO NUEVO *******************************************************************************/
/********************************************************* CODIGO NUEVO *******************************************************************************/
/********************************************************* CODIGO NUEVO *******************************************************************************/
/********************************************************* CODIGO NUEVO *******************************************************************************/
/********************************************************* CODIGO NUEVO *******************************************************************************/
/********************************************************* CODIGO NUEVO *******************************************************************************/

.vh-50 {
	height: 46vh;
}

.close {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}
.logo-mini img {
	width: 190px;
}


h4.title {
	color: #002d5d;
    font-size: 20px;
    text-align: justify;
    
    font-family: FiraSans-Medium;
}
h4.title > span {
	font-family: FiraSans-Bold;
}
h5.subtitle {
	color: #002d5d;
    opacity: 0.9;
    text-align: justify;
    margin-left: 5%;
    margin-top: 40px;
    margin-bottom: 50px;
    font-size: 17px;
    font-family: FiraSans-Regular;
    margin-right: 5%;
}

.hoja .sub-title {
	margin-top: 10%;
	margin-left: 5%;
	text-align: left;
}

.hoja .title {
width:90%;
margin-left: 5%;
	
}

.sinpadding {
	padding: 0px;
}
 .title-second {
	
    color: #002d5d;
}
 .title-second h2.h5 {
	font-size: 45px;
    font-family: FiraSans-Bold;
    line-height: 70px;
}
.simple-text p.cv {
	font-size: 14px;
    font-family: FiraSans-Regular;
    color: #748DA0;
    text-align: justify;
    line-height: 18px;	
}
.simple-text p.seg, .simple-text p.cl, .simple-text p.crec {
	font-size: 11px;
    font-family: FiraSans-Regular;
    color: #002d5d !important;
    text-align: justify;
    line-height: 18px;	
}
.simple-text p.co {
	font-size: 11px;
    font-family: FiraSans-Regular;
    color: #002d5d !important;
    text-align: justify;
    line-height: 15px;
}
h5.title {
	color: #002d5d !important;
    font-size: 17px;
    font-family: FiraSans-Bold;
    width: 100%;
    text-align: left;
}

.bg-grey .col-md-6 {
	padding:0px;
}
img.hoja2 {
	position: absolute;
    right: 12%;
    top: 10%;
    width: 120px;
}
img.hoja1 {
	position: absolute;
    left: 0px;
    top: 10%;
    width: 120px;
}
footer {
	padding: 0;
    margin: 0;
    background: #fff;
    width: 100%;
}
footer h4 {
 color: #002d5d;
 text-align:left;
 font-weight: bold;    
 font-size: 16px !important;
 text-transform: uppercase;
 margin-bottom: 15px !important;
}

.list-footer {
	text-align: left;
}

/*.naranja-footer {}*/
footer .naranja-fotter {
	padding: 12px 17px;
    border: none;
    margin-top: 30px !important;
    background-color: #ff662d;
    color: #fff;
    font-weight: 700 !important;
    border-radius: 0px !important;
}
footer .p {
	color: #002d5d;
    opacity: 0.8;
    font-size: 15px;
    line-height: 10px;
    font-weight: 400;
}

.footerdireccion {
	text-align: left;
}

.footerhorario {
	text-align: left;
}

.btnhome100 {
	background-color: #ff662d;
    color: #fff;
    padding: 16px 40px !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
	margin-top: 4%;
    
}

.video-o {
 	width: 100%;
 	
}

.homesection4-1{	
	padding:0px;	
	height: 45vh;
}

.homesection4-1 .sub-title
{
	margin-top: 4%;
}

.homesection4-2 .sub-title {
	margin-top: 14%;
}

.homesection4-2{
	padding:0px;	
	height: 45vh;
}

@media (min-width: 1600px) { 
	
	.homesection4-1{	
	    height: 51vh;
	}

.homesection4-2{	
	    height: 51vh;
	}
	
}

.project-item-v1,
.project-item-v3,
.project-item-v4,
.project-item-v5 {	
	overflow: hidden;
}

#projectv1 {	
	width: 148%;	
}

#projectv3 {	
	width: 148%;	
}

#projectv4 {	
	width: 130%;	
}

#projectv5 {	
	width: 130%;	
}

.project-title-v3 {	
	top: 25%;	
}

/*.project-item-v1::before,
.project-item-v4::before {
	content: "";
    width: 100%;
    height: 100%;
    background: #00000059;
    position: absolute;
    top: 0px;
    z-index: 1;
}*/

/*.project-item-v3::before,
.project-item-v5::before {
	content: "";
    width: 100%;
    height: 100%;
    background: #1248007a;
    position: absolute;
    top: 0px;
    z-index: 1;
}*/

.iconscroll {
	position: absolute;
    bottom: 5%;
    z-index: 9;
    width: 90px !important;
    left: 0px;
    
    animation-name: rebote;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: reverse;
	animation-timing-function: ease-out;
    	
}

@keyframes rebote {
  0%   {bottom: 5%;}
  25%  {bottom: 5%;}
  50%  { bottom: 7%;}
  75%  { bottom: 7%;}
  100% { bottom: 5%;}
}

.iconscrollbonarea {
	position: absolute;
    bottom: 8%;
    z-index: 9;
    width: 90px !important;
    left: 50%;
    margin-left: -45px;
    animation-name: rebotebonarea;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    animation-timing-function: ease-out;    	
}

@keyframes rebotebonarea {
  0%   {bottom: 8%;}
  25%  {bottom: 8%;}
  50%  { bottom: 10%;}
  75%  { bottom: 10%;}
  100% { bottom: 8%;}
}


.sectionbon-101 {	
	width: 400px;
	margin-top: 5%;
}

.sectionbon-102 {
	font-size:5.5rem;
	font-family: 'FiraSans-Bold';
	margin-top: 2%;
	color:#fff;
}

.sectionbon-102 span {	
	
}

.sectionbon-103 {
	font-size:1.5rem;
	margin-top: 2%;
	color:#fff;
	font-weight: 900;
}


.sectionbon-104{
	background-color: #ff662d;
    color: #fff;
    padding: 16px 40px !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
    margin-top: 1.5%;
    border:none;
}

.sectionbon-104:hover{
	background-color: #002d5d;    
}

.sectionrow-105 {
	padding-top:6%;
	
}

.bonareaslider-102{
	
	
	background: linear-gradient(90deg,#ffffff 50%,#ffffff00 50%),url(../imagenes/bg-vendido.jpg) no-repeat center;
    
}

.sectionbon-105{	
    color: #002d5d;
    font-size: 4rem;
    text-align: left;
    width: 100%;
    font-family: 'FiraSans-Bold';
}

.sectionbon-105-hr {
	width: 30%;
	height:3px;
	background: #FF662D;
	margin: 1%;
	margin-bottom: 1%;
}

.sectionbon-105-1{	
    color: #002d5d;
    font-size: 1.5rem;
    text-align: left;
    width: 100%;
    margin-top: 5%;
    margin-bottom: 5%;
    font-family: 'FiraSans-Bold';
}


.sectionbon-106{
	margin-top: 0%;
	margin-bottom: 0%;
	color:#fff;
	font-size: 4rem;
	font-family: 'FiraSans-Bold';
}

.sectionbon-106-2::before{
	content: "";
	width: 3px;
	height: 100%;
	background: #FF662D;
	position: absolute;
	right: 10%;
}

.sectionbon-107{
	color:#fff;
	font-size: 1.1rem;
	margin-top: 4%;
	font-weight: bold;
	line-height: 2;
}

.sectionbon-108{
	color:#fff;
	font-size: 3rem;
	margin-top: 4%;
	font-weight: bold;
}

.sectionbon-109{
background-color: #ff662d;
    color: #fff;
    padding: 16px 40px !important;
    font-size: 2rem;
    text-align: center;
    margin-top: 6%;
    float: left;
}

.sectionbon-109:hover{
	color:#fff; 
}

.full-scroll-section .row {
	margin-left: 0px;
	margin-right: 0px;
}

/**************************************************************SECCION LOTES *************************************************************************************/

@media (min-width: 992px) {
.modal-lg {
    max-width: 1000px;
}
} 

.lotificacion{
	
	text-align: center;
	height: 100%;
	background: url('../imagenes/pasto.jpg');
	background-size: cover;
	position: relative;
	height: 120%;
}



.lotificacion .mapa{
	margin-top: 0px;
	display: flex; 
	justify-content: center;
    align-items: center;
	padding-bottom:80px;
}
.lotificacion .next{
	margin-bottom: 5%;
}
.lotificacion h4{
	color: #003F6D !important;
	font-size: 2rem;
	margin-top: 3%;
	margin-bottom: 1%;
}

.lotificacion h4 span {
	font-family: 'FiraSans-Bold';
}

.lotificacion h6{
	font-size: 1.2rem;
	color: #003F6D;
	
	margin-bottom: 2%;
}
.lotificacion .vendido{
	position: relative;
	color: #003F6D;
	display: inline-block;
    margin-right: 100px;
    margin-bottom: 3%;
    font-size: 1.5rem;
}
.lotificacion .apartado{
	position: relative;
	color: #003F6D;
	display: inline-block;
	margin-bottom: 3%;
	font-size: 1.5rem;
}
.lotificacion .vendido:before{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	background: #E62F32;
	border-radius: 25px;
	left: -30px; 
	top: 0px;
}
.lotificacion .apartado:before{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	background: #7AB62B;
	border-radius: 25px;
	left: -30px;
	top: 0px;
}


.activarpopup {
	cursor: pointer;
}

.cont-cuadro{
	display: none;
	position: absolute;
	transform: scale(1.5);
}
.cuadro{
	position: relative;
	display: block;
	border: 1px solid #DDDDDD;
	background: #fff;
}
/*.cuadro:before {
    content: '';
    position: absolute;
    background: none;
    width: 0px;
    height: 0px;
    left: 48%;
    bottom: -14px;
    border-left: 8px solid transparent;
    border-right: 7px solid transparent;
    border-top: 14px solid #ffffff;
}*/
.digitos:before {
    content: '';
    position: absolute;
    background: #fff;
    width: 11px;
    height: 1px;
    left: 48%;
    bottom: -1px;
}

.cuadro .titulo h4{
	font-size: 1rem;
	background: #003F6D;
	color: #fff !important;
	letter-spacing: 1px;
	padding: 5px 20px;
}
.cuadro .titulo{
	
}
.cuadro .contenido p{
	color: #003F6D;
	background: #fff;
	letter-spacing: 1px;
    font-size: 0.8rem;
    margin-bottom: 5px;
    text-transform: inherit;
}
.cuadro .contenido p:before{
	display: none;
}
.cuadro .contenido p:after{
	display: none;
}
.cuadro .contenido{
	padding:10px 30px;
    text-align: left;
}
.cuadro .precio {
    margin-top: 10px;
    color: #7AB62B;
    margin-bottom: 10px;
}
.cuadro .digitos{
    font-size: 1rem;
    font-weight: 600;	
}


/* = MODAL LOTE = */
.modal-body .datos-lote .img {
	border-top: 2px solid #153E6C;
    border-right: 2px solid #153E6C;
    border-bottom: 2px solid #153E6C;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-body .datos-lote .borde{
	
}
.modal-body .datos-lote .lote{
	background: #003F6D;
	padding: 8px 0px 15px 8px;
	position: relative;
}

.modal-body .datos-lote .lotemuestra{
	width: 150px;	
}

.modal-body .datos-lote .img .base{
	color:#003F6D;
	position: absolute;
    top: 0px;
}

.modal-body .datos-lote .img .altura{
	position: absolute;
    top: 38%;
    left: 10%;
}


.modal-body .datos-lote .lote::before{
	content: "";
    width: 50px;
    background:#003F6D;
    height: 2px;
    position: absolute;
    right: -40px;
    margin-top: -8px;
	
}


.modal-body .datos-lote .lote h3{
	font-size: 1.3rem;
	color: #fff;
}
.modal-body .datos-lote .superficie{
	background: #fff;
	padding: 8px 0px 25px 8px;
	border-left: 2px solid #153E6C;
}
.modal-body .datos-lote .superficie h4{
	font-size: 1rem;
	color: #003F6D;
}
.modal-body .datos-lote .superficie span{
	font-size: 0.8rem;
	color: #003F6D;;
}
.modal-body .datos-lote .precio{
	background: #003F6D;
	padding: 8px 0px 15px 8px;
}
.modal-body .datos-lote .precio h4{
	font-size: 0.8rem;
	color: #fff;
}
.modal-body .datos-lote .estatus{
	background: #fff;
	padding: 8px 0px 8px 8px;
	border-left: 2px solid #153E6C;
}
.modal-body .datos-lote .estatus h4{
	font-size: 0.8rem;
	color: #003F6D;
	
}

.modal-body .datos-lote .apartado {
	background: #003F6D;
	text-align: center;
	padding: 8px 0px 25px 8px;
	position: relative;
}

.modal-body .datos-lote .apartado::before{
	content: "";
    width: 50px;
    background:#003F6D;
    height: 2px;
    position: absolute;
    right: -40px;
    margin-top: -8px;
	bottom: 0px;
}

.modal-body .datos-lote .apartado a{
	
    background: #7AB62B;
    padding: 5px 35px;
    border-radius: 2px;
    text-transform: uppercase;
    color: #fff; 
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
     
}

.modal-body .infolote {
	margin-top: 25px;
}

.modal-body .infolote label {
	font-size: 0.8rem;
    color: #6c757c;
    margin-bottom: 10px;
}

.modal-body .infolote input, .modal-body .infolote select {
	background: #fff;
}

.form-control {
    color: #073f6d !important;
    font-weight: 900 !important; 
    border-radius: 0rem !important;
    -webkit-appearance: button;
}
.modal-body .infolote .table-secondary{
	background: #E6E7EB;
}

.modal-body .infolote .rows {
	background: #D7DEE6;
}

.modal-body .infolote .btnenganche {
	
    background: #7AB62B;
    padding: 5px 35px;
    border-radius: 2px;
    text-transform: uppercase;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    float: right;
}

.modal-body .calinversion h5{
	margin-top:15px;
	color: #003F6D;
	font-size: 1.2rem;
}

.modal-body .calinversion .fondo{
	background: url('../images/bg-2-pop.jpg');;
	background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.modal-body .calinversion .fondo h5{
	color:#fff;
	margin-top:8px;
	font-size: 1rem;
	text-align: left;
}

.modal-body .calinversion .fondo .cuadrocalculo{
	color:#fff;
	font-size: 20px;
}

.modal-body .calinversion .fondo .cuadrocalculo p{
	padding: 15px 0px 8px;
	text-align: left;
}


.modal-body .calinversion .fondo  .contque {
	border: 1px solid #fff;
    margin: 8px 0px;
    width: 100%;
    height: 85%;
	display: flex;
    justify-content: center;
    align-items: center;
}

.modal-body .calinversion .fondo .contque h4 {
	color:#fff;
	font-size: 1rem;
}

.modal-body .calinversion .montobasado {
	color:#6c757c;
	font-size: 0.8rem;
    margin-bottom: 8%;
}



/*** MODAL DATOS GENERALES FORMULARIO****/

.modal-body .datos-generales h3{
	color:#003F6D;
	font-size: 0.9rem;
	margin-top: 25px;
}

.modal-body .datos-generales input, .modal-body .datos-generales textarea{
	background: #fff;
}

.modal-body .datos-generales .btnenviar{
	
    background: #7AB62B;
    padding: 5px 35px;
    border-radius: 2px;
    text-transform: uppercase;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    float: right;
}
area {
  cursor: pointer;
  }
.zoom {
	
  /*transform: scale(0.5);*/
 	zoom:0.6;
  }
  
#clote ,#cm2  {
	color:#003F6D !important;
}  


#cprecio {
	color:#7AB62B !important;
}


#request-form {
    position: fixed;
    top: -9999px;
    left: -9999px;
    background-color: #fff;
    z-index: 10000;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity .3s ease;
}

#request-form.open {
    top: 0;
    left: 0;
    opacity: 1;
}

.o-button_circle{
	    content: "";
    width: 50px;
    height: 64px;
    background:#FF662D;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    right: -30px;
}

.o-button_circle::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	position: absolute; 
}

.next:hover > .o-button_circle::before {
	/*transform:scale(5);
  	transition: scale 1s;*/
  	animation: zoomcirculo 1s linear infinite;
}




@keyframes zoomcirculo {
    0% {

        transform:scale(1);
    }
    50% {

        transform:scale(5);
    }
    
    100% {

        transform:scale(1);
    }
}

#request-form {
	/*background: url('../imagenes/bg-contacto.jpg');*/
	background-position: left center;
	background-size:cover;
}

.logo1contacto {
	width: 190px;
	float: left;
}

.logo2contacto {
	width: 100%;
	margin-top: 15%;
	float: left;
    padding: 30px;
}

#request-form .direccion h2{
	color:#002d5d;
	font-size: 20px;
	margin-top: 50px;
	margin-bottom: 15px;
}

#request-form .direccion p{
	color: #748DA0;
    font-size: 17px;
    line-height: 1.3;
}

#request-form .descargarpresentacion {
	color: #002d5d;
    border: 2px solid #FF662D;
    padding: 15px 20px 15px 15px;
    margin-top: 23%;
    float: left;
    font-size: 17px;
    font-weight: 600;
}

#request-form .right-panel form{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}

#request-form{position:fixed;top:-9999px;left:-9999px;background-color:#fff;z-index:10000;height:100%;width:100%;box-sizing:border-box;opacity:0;transition:opacity .3s ease}
#request-form.open{top:0;left:0;opacity:1}
#request-form .thank-box{left:82px;top:59px}
#request-form .left-panel,#request-form .right-panel{position:absolute;top:72px;min-height:576px;box-sizing:border-box}
#request-form .left-panel{left:16.66667%;width:25%;height:75%;max-height:724px}
@media only screen and (min-width:1440px){#request-form .left-panel .sep{height:46.5%!important}}
#request-form .left-panel .come{font-size:12px;line-height:8px;letter-spacing:1px;color:rgba(75,87,92,.4);text-transform:uppercase;display:block;margin-top:32px}
#request-form .left-panel .sep{height:28.5%;max-height:336px;width:1px;margin:11px 0 24px 23px;display:block;background-color:rgba(51,51,51,.1)}
#request-form .left-panel .address{margin:32px 0 24px}
#request-form .left-panel .address,#request-form .left-panel .phone{font-size:15px;line-height:10px;letter-spacing:.3px;color:#4b575c;font-weight:600}
#request-form .right-panel{left:45.83333%;width:47.65%;bottom:72px;border:3px solid #BACFD7;max-width:672px;min-width:608px; background: #F5FAFD;}
@media only screen and (min-width:1440px){#request-form .right-panel form{padding:12px 26px 88px 102px!important}
#request-form .right-panel form div.input input[type=text],#request-form .right-panel form div.input input[type=tel],#request-form .right-panel form div.input input[type=email]{ border-bottom: 1.5px solid #bfd1de;width: 100%;padding-bottom: 10px;color: #002d5d;font-size: 1rem;font-weight: 900;}
#request-form .right-panel form div.input span.placeholder{top:64px!important}
#request-form .right-panel form .checkbox{padding:4.713em 0 2.25em!important}}
#request-form .right-panel .form-wrap{background-color:rgba(208,232,243,.2);height:100%;position:relative}
#request-form .right-panel form{left:0;box-sizing:border-box;padding:16px 26px 64px 70px;text-align: center;}
#request-form .right-panel form div.input{width:100%;max-width:100%;padding:25px 5px 25px 5px!important;  }
#request-form .right-panel form div.input input{margin-bottom: 0px; padding: 0px;      width: 100%;} 
#request-form .right-panel form div.input span.placeholder{top:49px}
#request-form .right-panel form div.input.has-error input:not([type=checkbox]){background:url(/assets/public/images/triangle.svg) right 32px no-repeat}
#request-form .right-panel form .checkbox{padding:2.15em 0 1.688em}
#request-form .right-panel form .input input[type=checkbox]{border-color:#dbddde;width: 20px;height: 20px;-webkit-appearance: checkbox;appearance: checkbox;}
#request-form .right-panel form .input input,#request-form .right-panel form .input textarea{background-color:transparent;border-color:transparent}
#request-form .right-panel .close{position:absolute;top:0;right:0;transform:translate(50%,-50%);font-size: 3rem;color:#BACFD7;opacity: 1;}
.bo-101 {
	
    margin-top: 10%;
    margin-bottom: 22%;
}
#request-form .right-panel form input::-webkit-input-placeholder { color: #97acbb; }
#request-form .right-panel form input:focus{
	border-bottom: 1.5px solid #FF662D !important;
}
.bo-102 {
	position:absolute;
	margin-left: 30%;
    margin-top: 15%;
}

.homebo-101 {
	margin-top: 5% !important;
}
#request-form .right-panel form .phone.ft{
	margin-right: 10%;
}
#request-form .right-panel form .phone{
	width: 45% !important;
	float: left;
}
#request-form .right-panel form .email{
    margin-top: 17%;
}

#request-form .right-panel form .btnheadercontacto {
    background: #FF662D;
    color: #fff !important;
    padding: 15px 20px 15px 20px;
    text-decoration: none;
    cursor: pointer;
    border: none !important;
}

.homeslide1-1
{
	background-image:url(../img/slide1.jpg);
	background-size: cover;
	height: 91vh;
}

.homeslide1-2
{
	overflow:hidden;
	height: 45.5vh;
}

.homeslide1-3
{
	overflow:hidden;
	height: 45.5vh;
}

.nav-menu {
	display: none;
}

.videotres {
	background: url('../imagenes/bg-video-home.jpg')#E8F5FE;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 10% 0%;
}

#video-odos {
	display: none;
}


.centrado {
    display: flex ;
    align-items: center;
    justify-content: center;
}

.contactomobil {
		display: none;
	}
	
	.contactonomobil {
		display: block;
	} 

.contactologomobil {
	display: none;
}


.poli1 {
	background: #002d5d;
	height: 70vh;
	transition: height 1.5s;
}

.poli1 img {
	margin: auto;
    width: 250px;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
}

.poli1 .titulo{
	font-size: 14px;
	font-weight: 600;
	color:#fff;
}

.poli1 ul {
	margin-top: 30px;
	max-width: 315px;
    margin: auto;
}

.poli1 ul li {
	font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 22px;
    cursor: pointer;
   	width: 98%; 
   	position: relative; 	
}

.poli1 ul .active {
	color: #FF662D;
}

.poli1 ul .active::before{
	content: "";
	width: 20px;
	height: 20px;
	background:url('../imagenes/politicasflecha.png');
	color:#fff;
	position: absolute; 
	right: -20px;
	background-size: 100%;
	top:-5px;
}

.poli1 ul li:hover {
	
    color: #FF662D; 
    
}

.poli2 {
	height: 91vh;
	overflow-y: auto;
}

.poli2 h1 {
	font-size: 1.8rem;
    color: #002d5d;
    font-weight: 700;
    margin-bottom: 25PX;
}

.poli2 p,
.poli2 ul li{
	    font-size: 13px;
    color: #687983;
    line-height: 20px;
    margin-bottom: 13px;
}


.poli2 .sec1,
.poli2 .sec2,
.poli2 .sec3,
.poli2 .sec4,
.poli2 .sec5,
.poli2 .sec6,
.poli2 .sec7,
.poli2 .sec8,
.poli2 .sec9,
.poli2 .sec21,
.poli2 .sec22,
.poli2 .sec23,
.poli2 .sec24,
.poli2 .sec25,
.poli2 .sec26,
.poli2 .sec27,
.poli2 .sec28,
.poli2 .sec29{
	display: none;
	overflow-y: auto; 
	height: 100%;
	padding: 30px 0px;
}

.sectactive {
	display: block !important;
}


.poli3 {
	background: #002d5d;
	height: 20vh;
	margin-top: 2%;
	transition: height 1.5s;
}

.poli3 img {
	margin: auto;
     width: 250px;
    
    margin-top: 25px;
    margin-bottom: 25px;
    display: block;
}

.poli3 ul {
	display: none;
}

.poli3 ul {
	margin-top: 30px;
	max-width: 315px;
    margin: auto;
}

.poli3 ul li {
	font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 22px;
    cursor: pointer;
   	width: 98%; 
   	position: relative; 	
}

.poli3 ul .active {
	color: #FF662D;
}

.poli3 ul .active::before{
	content: "";
	width: 20px;
	height: 20px;
	background:url('../imagenes/politicasflecha.png');
	color:#fff;
	position: absolute; 
	right: -20px;
	background-size: 100%;
	top:-5px;
}

.secvivepoli,
.secbonapoli {
	cursor: pointer;
}

.conoce101{
	padding: 10px 10px;
    background: #FF662D;
}

.conoce101:hover{
	background: #002d5d;
}

.terminos-1{
	background: url(../imagenes/terminos-1.jpg);
    background-size: cover;
    background-position: center;
}

.termi-100 {
	text-align: center;
	background: #002d5d;
	padding: 50px 0px;
}

.termi-100 img {
	width: 50%
}

.termi-100-1 {
	color: #002d5d;
    font-family: 'FiraSans-Bold';
    font-size: 2.2rem;
    margin-top: 6%;
    padding-left: 10%;
    margin-bottom: 6%;
}

.lineatermi {
	background: #8A9EB5;
}

.termi-100-2 {
	font-family: 'FiraSans-Regular';
    color: #002d5d;
    font-size: 1.3rem;
    padding-left: 10%;
    margin-top: 58px;
    margin-bottom: 25px;
}

.termi-100-2:hover {
	color: #FF662D;
}

.termi-100-2 i {
	color: #FF662D;
    float: right;
    margin-right: 35%;
}

.termi-101 {
	font-family: 'FiraSans-Regular';
    color: #002d5d;
    font-size: 4rem;
    margin-top: 10%;
    text-align: center;
    margin-bottom: 20px;
}
.termi-101 span {
	font-family: 'FiraSans-Bold';	
}

.termi-102 {
	font-family: 'FiraSans-Regular';
    color: #002d5d;
    font-size: 2rem;    
    text-align: center;
}
.termi-102 span {
	font-family: 'FiraSans-Bold';	
}

.termi-col-1 {
	margin-bottom: 15%;
}

/*********** CADA TERMINO **************/

.catermi-100 {
	text-align: center;
	background: #002d5d;
	padding: 50px 0px;
}

.catermi-100 img {
	width: 37%
}

.catermi-100-1 {
	color: #002d5d;
    font-family: 'FiraSans-Bold';
    font-size: 2.2rem;
    margin-top: 6%;
    padding-left: 10%;
    margin-bottom: 6%;
}

.catermi-100-2 {
	color: #002d5d;
	font-family: 'FiraSans-Regular';
	padding-left: 10%;
	padding-right: 10%;
	font-size: 1.3rem;
    line-height: 1.3;
}

.caterminobtn {
	background: #FF662D;
    color: #fff;
    padding: 15px 25px;
    margin-left: 10%;
    border: none;
    margin-top:50px;
    font-size: 1.1rem;
    font-family: 'FiraSans-Regular';
    cursor: pointer;
}

.caterminobtn:hover {
	background: #002d5d;   
}

.catermi-101 {
	font-family: 'FiraSans-Regular';
    color: #fff;
    font-size: 4rem;
    margin-top: 10%;
    text-align: center;
    margin-bottom: 20px;
}
.catermi-101 span {
	font-family: 'FiraSans-Bold';	
}

.catermi-102 {
	font-family: 'FiraSans-Regular';
    color: #fff;
    font-size: 2rem;    
    text-align: center;
}
.catermi-102 span {
	font-family: 'FiraSans-Bold';	
}

.terminos-aplicacion{
	background: url(../imagenes/app-img.jpg);
    background-size: cover;
    background-position: center;
}

.terminos-fiestas{
	background: url(../imagenes/fiestas-img.jpg);
    background-size: cover;
    background-position: center;
}

.terminos-acceso{
	background: url(../imagenes/playa-img.jpg);
    background-size: cover;
    background-position: center;
}

.terminos-certificado{
	background: url(../imagenes/vacaciones-img.jpg);
    background-size: cover;
    background-position: center;
}

.caatras {
	color: #002d5d;
    font-size: 2rem;
    position: absolute;
    left: 10%;
    margin-top: 250px;
}

.caatras:hover {
	color: #FF662D;
	
}

/************* MODAL TERMINOS ****************/

.terminosmodal .modal-footer p
 {
 	text-align: center;
 	color: #687983;
 	width: 100%;
 }

.terminosmodal .modal-content{
	border:none;
}

.terminosmodal .modal-header{
	background: #002d5d;
	text-align: center;
}

.terminosmodal .modal-header img{
	width: 200px;
	margin: auto;
}

.terminosmodal .modal-header .close{
	opacity: 1;
	margin: 0px;
} 

.terminosmodal .modal-header .close span{
	color: #fff;
    border-radius: 59%;
    border: 1px solid #fff;
    padding: 1px 7px;
}

.terminosmodal .modal-body{
	padding: 4% 6%;
}

.terminosmodal .modal-body h1 {
	font-size: 2rem;
    margin-bottom: 10px;
    color:#002d5d;
    font-family: 'FiraSans-Bold';	
}

.terminosmodal .modal-body h2 {
	font-size: 1.5rem;
    margin-bottom: 40px;
    color:#002d5d;
}

.terminosmodal .modal-body p {
	color:#002d5d;
}

.terminosmodal .modal-body .pregunta {
	font-size: 1rem;
	margin-top: 20px;
}

.terminosmodal .modal-body .respuesta {
	font-size: 0.9rem;
	margin-top: 3px;
}



/********************************** RESPONSIVE PANTALLA MOBILE *******************************************/
@media only screen and (max-width:768px){	
	
	.lotesizq-popup {
	    position: relative !important;
	}
	
	.datosG h4 {
	    font-size: 1rem;
	    color: #073f6d;
	    margin-bottom: 5px;
	}
	.datosG h3 {
	    font-size: 1.8rem;
	    color: #073f6d;
	    margin-bottom: 3%;
	}
	.datosG ul {
	    font-size: 1rem;
	    color: #073f6d;
	}
	.datosG ul li {
	    margin-bottom: 5px;
	}
	
	
	.nav-menu {
		display: block;
	}

	
	.header.style-center .logo { 
		    right: auto;
		    left: 0px;
		    
	}
	
	.homeslide1-1 .project-title {
		position: relative;
		padding: 100px 0px 140px 0px;
	}
	
	.btnheadercontacto {
		display: none;
	}
	.about-mini-desc {
		display: none !important;
	}
	
	.logo-mini {
		display: none !important;
	}
	
	/*.mini-nav {
	transform: translate(0%, 0%) !important;
	top:auto !important;
	}
	
	  .content-load-wrap { padding-top: 0px; margin-top: 60px }
	
	.service-mini-img {
		height: 100vh !important;
	    padding: 0px !important;
	    position: relative !important;
	}
	
	.mini-slider-layer {
    background: #ffffff82;
    backface-visibility: hidden;
    padding: 13% 0% 7% 7% !important;
    position: relative;
		}
	
	.mini-nav li a {
		font-size: 1.5rem !important;
	}*/
	
	
	
	.wrapper-full-scroll {
    	padding-top: 0px;
	}
	
	.hoja .btn-naranja {
		margin-left: 0px;
		margin-bottom: 4px;
		float: none;
		width: 90%;
	}
	
	.homeslide1-1 {
	background-image: url(../imagenes/slide1mobil.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 3px;
	}
	
	.homeslide1-2 {
		height: auto;
	}
	
	.homeslide1-3 {
		height: auto;
	}
	
	#projectv1, #projectv3{
		width: 120%; 
		margin-top: 25px;		
	}
	
	.hoja .title {
   	 margin-left: 5%;
    	width: 90%;
    	margin-top: 5%;
	}
	
	.hoja .sub-title {
		width: 90%;
		margin-top: 0px;
	}
	
	.iconscroll {
		display: none;
	}
	
	.hoja {
		background: none;
	}
	
	 .project-item-v1 .title, .project-item-v1 .l_horizontal, .project-item-v3 .title, .project-item-v3 .l_horizontal, .project-item-v4 .title, .project-item-v4 .l_horizontal, .project-item-v5 .title, .project-item-v5 .l_horizontal {
		opacity: 1; 	
	 }
	 
	 .project-title-v3 {
    	top: 18%;
	 }
	 
	 .project-title .sub-title {
	 	margin-bottom: 0px;
	 }
	 
	 .project-title.sm .title {
	 	margin-bottom: 20px;
	 	padding: 0px 35px;
	 }
	 
	 .vertical-align .title-second h2.h5 {
	 	line-height: 45px;
	 }
	 
	 .full-block { padding: 40px 0px; }
	
	h4.title {
	 text-align: left;	
	 font-size: 18px;
	}
	
	h5.subtitle {
		text-align: left;
	}
	
	.service-item .image {
    width: 120px;
    height: 120px;
    margin-bottom: 0px;
    text-align: left;
    
	}
	
	.service-item .image img {
		width: 85%;
	}
	
	.simple-text p.cv {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.full-block .service-item .text .title {
		text-align: center;
	}
	
	#video-o {
 	display: none;	
	}
	
	#video-odos{
		display: block;
		width: 100%;
		height: 420px;
	}
	
	.videotres{
		margin-bottom: 25px;
		background: none;
	}
	
	.videotres > div {
		padding: 0px;
	}
	
	.homesection4-1 {
		height: auto;
		margin-bottom: 25px;
	}
	.homesection4-2 {
		height: auto;
		margin-bottom: 25px;
	}
	.nav-footer li .btnheadercontacto {
	    display: block;
	}
	
	#request-form .left-panel {
	    left: 5%;
	    width: 95%;
	    height: 45%;
	    max-height: 724px;
	}
	#request-form .right-panel {
	    left: 2%;
	    width:93%;
	    bottom: 72px;
	    border: 3px solid #BACFD7;
	    
	    min-width: 337px;
	    background: #F5FAFD;
	    top: 75%;
    	margin-bottom: 10%;
	}
	#request-form .right-panel form {
	    left: 0;
	    box-sizing: border-box;
        padding: 16px 5px 64px 5px;
	    text-align: left;
	}
	#request-form.open {
	    top: 0;
	    left: 0;
	    opacity: 1;
	    overflow-y: scroll;
	}
	#request-form .right-panel form .btnheadercontacto {
	     display: block; 
	}
	
	
	
	.homebo-101 {
    	margin-top: 13% !important;
	}
	
	.homesection4-2 .sub-title {
    margin-top: 7%;
	}
	
	.logofooter {
    float: none !important;
	}
	
	.centermobil {
		text-align: center;
	}
	
	.footeremail {
		margin-top: 0px !important;
    	margin-bottom: 20px;
	}
	
	.footerhorario {
		margin-top: 10px;
	}
	
	.sectionbon-102 {
	font-size: 3.5rem;
	margin-top: 22%;
	}
	
	.sectionbon-103{
		margin-top: 30%;
    margin-bottom: 34%;
	}
	
	.iconscrollbonarea {
		display: none;
	}
	
	.bonareaslider-102{
			
	background: none;
    text-align: center;
	}
	
	.sectionrow-105 {
		padding-top: 15%;
	}
	
	.bona-res-hoja {
		background: url(../imagenes/bg-vendido.jpg);
		background-size: cover;
		margin: 5% 0%;
		padding: 10% 0% 15% 0%;
		
	}
	
	.sectionbon-106-2::before {
		background: none;
	}
	
	.sectionbon-106-2 {
		margin-bottom: 40px;
	}
	
	.sectionbon-106 {
		line-height: 3rem;
	}
	
	.sectionbon-101{
		margin-top: 15%;
	}
	
	.contactomobil {
		display: block;
		top: 96% !important;
		left:2%;
	}
	
	.contactonomobil {
		display: none;		
	}
	
	.contactoformmobil{
		top:23% !important;
	}
	
	#request-form .right-panel form .phone {
		width: 100% !important;
	}
	
	#request-form .right-panel form .phone.ft {
		margin-right: 0px !important;
	}
	
	.contactologomobil {
		display: block;
	}
	
	.contactologomobil img {
		width: 60%;
	}
	
}


/********************************** RESPONSIVE *******************************************/
@media only screen and (max-width:992px){	
	
.header-icon {
		display: none;
	}
	
	.logo {
    right: 0px;
    left: auto;
   }
   
   .nav-menu {
	display: block;
	}
}



/********************************** RESPONSIVE PANTALLA GRANDE*******************************************/
@media only screen and (min-width:1600px){	
	.sectionbon-101 {
		margin-top: 12%;
	}	
}


@media screen and (min-device-width : 768px) and (max-device-width : 1024px){

.footeremail {
	width: 160px;
	padding: 24px 12px 15px 12px !important;
}
.cont .icono-logo {
	    width: 90%;
	    margin-bottom: 3%;
	}
}


/* Landscape */
			@media only screen 
			  and (min-width: 1024px) 
			  and (max-height: 1366px) 
			  and (orientation: landscape) 
			  and (-webkit-min-device-pixel-ratio: 1.5) {
			  	
			  	   			
    			.project-item-v1 .title, .project-item-v1 .l_horizontal, .project-item-v3 .title, .project-item-v3 .l_horizontal, .project-item-v4 .title, .project-item-v4 .l_horizontal, .project-item-v5 .title, .project-item-v5 .l_horizontal {
			    opacity: 1;
			    transition: opacity 1s linear;
				}
				
				.service-item .image {
				    border-radius: 0%;
				}
				
				footer {
					font-size: 12.5px;
				}
    			
    			.termi-100-2 i {
    color: #FF662D;
    float: right;
    margin-right: 12%;
}
    			
			}



@media only screen and (max-width:360px){
	
	.contactomobil {
		display: block;
		top: 110% !important; 
		left:2%;
	}
}