@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,900);
@import url(http://uk.allfont.net/allfont.css?fonts=montserrat-black);
@import url(http://uk.allfont.net/allfont.css?fonts=montserrat-light);
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);
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
}
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:0;
box-shadow:none
}
input, textarea, select {
	font-weight:400;
	-webkit-appearance:none;
	appearance:none;
	border-radius:0;
	border:0 none
}
select::-ms-expand {
display:none
}
a, a:link, a:visited, a:active, a:hover {
	cursor:pointer;
	text-decoration:none;
	outline:0
}
body {
	font-weight:normal;
	font-size:14px;
	line-height:1
}
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
}
.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:-15px;
	margin-right:-15px
}
.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-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style:normal;
	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:#093c66;
	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:#093c66
}
.tooltip.top-left .tooltip-arrow {
	bottom:0;
	right:5px;
	margin-bottom:-5px;
	border-width:5px 5px 0;
	border-top-color:#093c66
}
.tooltip.top-right .tooltip-arrow {
	bottom:0;
	left:5px;
	margin-bottom:-5px;
	border-width:5px 5px 0;
	border-top-color:#093c66
}
.tooltip.right .tooltip-arrow {
	top:50%;
	left:0;
	margin-top:-5px;
	border-width:5px 5px 5px 0;
	border-right-color:#093c66
}
.tooltip.left .tooltip-arrow {
	top:50%;
	right:0;
	margin-top:-5px;
	border-width:5px 0 5px 5px;
	border-left-color:#093c66
}
.tooltip.bottom .tooltip-arrow {
	top:0;
	left:50%;
	margin-left:-5px;
	border-width:0 5px 5px;
	border-bottom-color:#093c66
}
.tooltip.bottom-left .tooltip-arrow {
	top:0;
	right:5px;
	margin-top:-5px;
	border-width:0 5px 5px;
	border-bottom-color:#093c66
}
.tooltip.bottom-right .tooltip-arrow {
	top:0;
	left:5px;
	margin-top:-5px;
	border-width:0 5px 5px;
	border-bottom-color:#093c66
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .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
}
@font-face {
font-family:'montserratthin';
src:url("../font/montserrat-hairline-webfont.woff2") format("woff2"), url("../font/montserrat-hairline-webfont.woff") format("woff");
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'montserratthin';
src:url("../font/montserrat-thin-webfont.woff2") format("woff2"), url("../font/montserrat-thin-webfont.woff") format("woff");
font-weight:normal;
font-style:normal
}
.preload {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;
	z-index:5093c66
}
.loader {
	width:250px;
	height:50px;
	line-height:50px;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	text-transform:uppercase;
	font-weight:900;
	color:#093c66;
	letter-spacing:.2em
}
.loader::before, .loader::after {
content:"";
display:block;
width:15px;
height:15px;
background:#093c66;
position:absolute;
animation:load .7s infinite alternate ease-in-out;
-webkit-animation:load .7s infinite alternate ease-in-out
}
.loader::before {
top:0
}
.loader::after {
bottom:0
}
.preload.version2 {
	background:#2d333c
}
.preload.version2 .load-wave {
	position:absolute;
	width:0;
	height:10px;
	top:50%;
	left:0;
animation:wave .7s infinite alternate ease-in-out
}
.preload.version2 .load-wave:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:8px;
	width:100%;
	background:url(../img/word_wave.png) repeat-x
}
@keyframes wave {
0% {
width:0
}
100% {
width:100%
}
}
@-webkit-keyframes wave {
0% {
width:0
}
100% {
width:100%
}
}
@-moz-keyframes wave {
0% {
width:0
}
100% {
width:100%
}
}
@-ms-keyframes wave {
0% {
width:0
}
100% {
width:100%
}
}
@keyframes load {
0% {
left:0;
height:30px;
width:15px
}
50% {
height:8px;
width:40px
}
100% {
left:235px;
height:30px;
width:15px
}
}
@-webkit-keyframes load {
0% {
left:0;
height:30px;
width:15px
}
50% {
height:8px;
width:40px
}
100% {
left:235px;
height:30px;
width:15px
}
}
@-moz-keyframes load {
0% {
left:0;
height:30px;
width:15px
}
50% {
height:8px;
width:40px
}
100% {
left:235px;
height:30px;
width:15px
}
}
@-ms-keyframes load {
0% {
left:0;
height:30px;
width:15px
}
50% {
height:8px;
width:40px
}
100% {
left:235px;
height:30px;
width:15px
}
}
body, html {
	width:100%
}
body.full-h, html.full-h {
	height:100%
}
body {
	font-family:'Playfair Display', serif;
	color:#093c66
}
body.overflow {
	overflow:hidden
}
input, textarea {
	font-family:'Montserrat', sans-serif
}
.font-type-1, .questions input, .step-slider-item .title i {
	font-family:'Playfair Display', serif
}
.font-type-2, .loader, .h13, .title-counter span, .title-second.type-2 .title, .button-type-1, .button-type-2, .button-type-3, .button-type-4, .tag-link-2, .pagination.style-type-2 .swiper-pagination-bullet i, .nav-menu>ul>li a, .header-icon a span, .mobile-footer .copyright, .copyright, .shop-item .price-val, .shop-total .title-numb, .sub-title, .sidebar-item .title a, .label-text, .tab-room a, .amount-wrap input, .amount-wrap .val, .drop-down.type-1, .top-shop-item .title, .page-pagination a, .range-theme-2 .slider-container .back-bar .pointer-label, .date-line, .like-item, .load-more, .search-input .input-text, .list-toggle li a, .post-share .share span, .block-comment .caption, .comment-wrapper .title-comment, .main-title.type-1 .h14, .circle-item .title, .skill-line, .mini-title, .addr-item .addr-list li, .addr-item .link, .number-step span, .error-message, .marker-tooltip h5, .no-faound-title b, .price-item .title, .price-period-check, .price-value, .slider-range.type-2 .amount-start, .amount-wrap, .wide-sub-title, .range-bar-start, .total-price, .back-price-step, .sub-caption, .pricelist ul, .price-val.type-2, .item-type-1, .service-item.type-3, .project-item.type-2, .step-swich-link li .title, .step-slider-item, .single-desc .folow span, .solo-header nav, .solo-button.button-type-2.style-2, .solo-sub-title, .circle-solo-point.point-circle-slider .slide-point span {
	font-family:'Montserrat', sans-serif
}
.font-type-3, .sub-title-black, .post-author .image span, .post-author h5, .block-comment .caption a, .year-item b, .team-slide-item .sub-title, .full-main-slide-title h2, .date-slide, .author-comm, .filter-val-slide {
	font-family:'Montserrat Black', sans-serif
}
.font-type-4, .footer.type-2, .bottom-bar .copyright, .item-type-1 .simple-text p, .service-item.type-3 .simple-text p, .project-item.type-2 .simple-text p, .testi-slide .simple-text p, .single-desc .simple-text p, .project-author, .full-about-item.type-2 .signature {
	font-family:'Montserrat Light', sans-serif
}
.font-type-5, .title-second.type-2 .sub-title, .simple-text.index-type p, .h2-index, .h3-index, .h4-index, .drag-point, .slider-counter .counter-number, .slider-counter p, .slider-counter .counter-length, .clip-text, .full-about-item.type-2 p, .adres-item, .index-contact-form .final-message, .controls.submit-form .text, .index-contact-form .questions .input-control {
	font-family:'montserratthin'
}
.font-type-6, .onepagev6 {
	font-family:'Quicksand', sans-serif
}
.h1 {
	font-size:118px
}
.h2 {
	font-size:105px
}
.h3 {
	font-size:94px
}
.h4 {
	font-size:40px
}
.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:#093c66;
	line-height:32px;
	border-radius:50%;
	font-weight:700;
	vertical-align:middle
}
.title-counter.no-padd {
	padding-bottom:0
}
.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:0;
	margin:0
}
.title-counter.no-margin .title {
	padding-bottom:0
}
.title-second {
	text-align:center;
	padding-bottom:70px;
	position:relative
}
.title-second .title {
	padding-bottom:0
}
.title-second.box-style {
	max-width:700px;
	margin:0 auto
}
.title-second.type-2 .title {
	font-size:65px;
	line-height:65px;
	padding-bottom:0
}
.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 p {
	font-size:14px;
	line-height:22px;
	font-weight:400
}
.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:#093c66
}
.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:0
}
.back-cramps-list li {
	display:inline-block;
	font-size:15px;
	line-height:18px;
	padding:0 20px;
	position:relative;
	overflow:hidden
}
.back-cramps-list li a {
	color:#093c66;
	position:relative
}
.back-cramps-list li:before {
	content:'';
	position:absolute;
	right:-100%;
	margin-right:10px;
	height:1px;
	background:#093c66;
	top:50%;
	width:100%;
	margin-top:2px
}
.back-cramps-list li:after {
	content:'';
	position:absolute;
	left:-100%;
	margin-left:10px;
	height:1px;
	background:#093c66;
	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:0 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:0;
	border-color:#75acff
}
.button-type-1 span {
	position:relative;
	display:inline-block;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.button-type-1 span:before {
	content:attr(data-text);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:51px;
	color:#75acff;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .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:0;
	border-color:#093c66;
	color:#093c66;
	background:0;
	padding:0
}
.button-type-1.type-2 span {
	padding:0 75px
}
.button-type-1.type-2 span:before {
	color:#fff;
	background:#093c66;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0
}
.button-type-1 i {
	font-size:16px;
	display:inline-block;
	padding-right:15px;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.button-type-1:hover i {
	color:#75acff
}
.button-type-1.lg-padding {
	padding:0 60px
}
.button-type-2 {
	position:relative;
	display:inline-block;
	height:77px;
	line-height:73px;
	box-shadow:inset 0 0 0 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:0;
	top:0;
	width:0;
	height:2px;
	background:#333;
	z-index:5;
-webkit-transition:all .25s ease-out .75s;
-moz-transition:all .25s ease-out .75s;
-ms-transition:all .25s ease-out .75s;
transition:all .25s ease-out .75s
}
.button-type-2:before {
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	height:2px;
	width:0;
	background:#333;
	z-index:5;
-webkit-transition:all .25s ease-out .25s;
-moz-transition:all .25s ease-out .25s;
-ms-transition:all .25s ease-out .25s;
transition:all .25s ease-out .25s
}
.button-type-2 span:after {
	content:'';
	position:absolute;
	right:0;
	top:0;
	width:2px;
	height:0;
	background:#333;
	z-index:5;
-webkit-transition:all .25s ease-out .5s;
-moz-transition:all .25s ease-out .5s;
-ms-transition:all .25s ease-out .5s;
transition:all .25s ease-out .5s
}
.button-type-2:after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:0;
	width:2px;
	background:#333;
	z-index:5;
-webkit-transition:all .25s ease-out 0s;
-moz-transition:all .25s ease-out 0s;
-ms-transition:all .25s ease-out 0s;
transition:all .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:.25s
}
.button-type-2:hover:before {
transition-delay:.5s
}
.button-type-2:hover:after {
transition-delay:.75s
}
.button-type-2:hover {
	letter-spacing:5px
}
.button-type-3 {
	position:relative;
	display:inline-block;
	height:46px;
	border-radius:25px;
	font-size:0;
	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:0 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:0;
	top:0;
	z-index:5;
	border-radius:25px;
	z-index:2
}
.button-type-3.type-1:before {
	box-shadow:inset 0 0 0 2px #fff
}
.button-type-3.type-2:before {
	box-shadow:inset 0 0 0 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:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff;
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	transform:translateX(-100%);
-webkit-transition:all .35s ease-out .15s;
-moz-transition:all .35s ease-out .15s;
-ms-transition:all .35s ease-out .15s;
transition:all .35s ease-out .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:0 60px;
	height:60px;
	line-height:60px;
	background:#a3de15;
	border-radius:30px;
	text-transform:uppercase;
	overflow:hidden;
-webkit-transition:all .45s ease-out;
-moz-transition:all .45s ease-out;
-ms-transition:all .45s ease-out;
transition:all .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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0 20px;
	font-size:11px;
	height:30px;
	line-height:30px;
	color:rgba(255, 255, 255, 0.5);
	text-transform:uppercase;
	border-radius:15px;
	background:#093c66;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.tag-link:hover {
	background:rgba(255, 255, 255, 0.5);
	color:#093c66
}
.tags {
	text-align:center;
	position:relative
}
.tags .tag-link {
	margin:0 7px
}
.tag-link-2 {
	position:relative;
	display:inline-block;
	margin:0 14px 14px 0;
	padding:0 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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.tag-link-2:hover {
	background:#75acff;
	color:#fff
}
.section {
	position:relative
}
.section.xxs-padding {
	padding:0 0 70px 0
}
.section.sm-padding {
	padding:80px 0 40px
}
.section.xs-padding {
	padding:40px 0 60px
}
.section-fullpage {
	position:relative;
	padding:70px 0 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 0 180px;
	position:relative
}
.main-baner-align {
	padding-top:90px;
	position:relative;
	width:100%;
	display:table;
	height:100%
}
.bg-grey {
	background:#eceeeb
}
.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:0;
	top:0;
	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 .35s ease-out;
-webkit-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
-moz-transition:all .35s ease-out
}
.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(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
	top:50%;
	position:absolute
}
.vertical-align.full, .search-panel.popup .full.close, .amount-wrap .full.val, .inside-img img.full, .full.skill-line {
	left:0;
	width:100%;
	text-align:center
}
.table-view {
	display:table;
	width:100%;
	height:100%;
	margin-bottom: 20px;
}
.cell-view {
	display:table-cell;
	vertical-align:middle;
	height:inherit
}
.clear {
	clear:both;
	overflow:hidden;
	height:0;
	font-size:0;
	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 {
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .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:0
}
.vertical-wrap>div[class*="col"] {
display:inline-block;
vertical-align:middle;
position:relative;
float:none
}
.wr-last-child>div:last-child {
	padding-bottom:0;
	margin-bottom:0
}
.resp-img {
	width:100%;
	height:auto;
	display:block
}
div.no-padding-block {
	padding-bottom:0
}
.sub-title-black {
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1.4px;
	line-height:16px
}
.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:0;
	width:100%;
	z-index:5
}
.swiper-pagination-bullet {
	position:relative;
	display:inline-block;
	width:10px;
	height:10px;
	background:#7d798f;
	margin:0 4px;
	opacity:1
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 4px
}
.swiper-pagination-bullet-active {
	background:#fff
}
.pagination.hidden {
	display:none
}
.style-type-1 i {
	display:none
}
.swiper-button {
	position:absolute;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0;
	opacity:.5
}
.small-arrow-style .swiper-button:hover {
	opacity:1
}
.circle-arrow-style {
	position:absolute;
	left:0;
	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:0;
	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 {
	font-family:"fontello";
	position:absolute;
	left:50%;
	top:50%;
	font-size:40px;
	color:#75acff;
	z-index:5;
	width:100%;
	height:100%;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out;
	opacity:0
}
.circle-arrow-style .swiper-arrow-right {
	right:0
}
.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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.circle-arrow-style .swiper-arrow-left {
	left:0
}
.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
}
}
.pagination.style-type-2 {
	bottom:120px
}
.pagination.style-type-2 .swiper-pagination-bullet {
	width:45px;
	height:30px;
	border-radius:0;
	background:0;
	margin:0 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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.pagination.style-type-2 .swiper-pagination-bullet:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:3px;
	background:rgba(255, 255, 255, 0.3);
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0;
	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:0
}
.pagination.style-type-2 .swiper-pagination-bullet-active:after {
	width:44px;
-webkit-transition:all .35s ease-out .35s;
-moz-transition:all .35s ease-out .35s;
-ms-transition:all .35s ease-out .35s;
transition:all .35s ease-out .35s
}
.header.style-center {
	position:fixed;
	left:0;
	top:0;
	height:90px;
	width:100%;
	background:#004aad;
	z-index:500;
	text-align:right;
	backface-visibility:hidden
}
.style-fullpage.header.bg-scroll {
	background:#484848
}
.scroll-hidden {
-webkit-transition:all .35s ease-out .35s;
-moz-transition:all .35s ease-out .35s;
-ms-transition:all .35s ease-out .35s;
transition:all .35s ease-out .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:0 90px;
	height:100%
}
.style-fullpage.header {
	background:0
}
.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:0 auto
}
nav li {
	position:relative
}
.nav-menu>ul>li {
	position:relative;
	display:inline-block;
	margin:0 8px;
	padding:5px 0
}
.nav-menu>ul>li span {
	position:relative;
	z-index:1
}
.nav-menu>ul>li a {
	display:block;
	font-size:13px;
	color:#fff;
	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:#093c66;
	-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
}
.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 0;
	display:inline-block
}
.logo {
	left:0;
	width:200px
}
.logo img {
	width:147%;
	z-index:100;
	height:auto
}
@media(max-width:1024px)
{
.logo img {
    width:111% !important;
}
}
@media(max-width:767px)
{
.logo img {
    width:100% !important;
}
}
.header-icon {
	right:0
}
.header-icon a {
	position:relative;
	float:left;
	margin:0 0 0 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:#888;
	font-size:20px
}
.sub-menu {
	position:absolute;
	top:100%;
	min-width:220px;
	left:0;
	background:#004aad;
	border:1px solid rgba(4, 5, 5, 0.05);
	text-align:left;
	box-shadow:0 93px 122px rgba(2, 2, 2, 0.47);
	padding:10px 0;
	-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:0 20px
}
.sub-menu li:last-child a {
	border-bottom:0 none
}
.sub-menu .sub-menu {
	position:absolute;
	left:100%;
	top:0
}
.nav-menu>ul>li .sub-menu li a {
	padding:0 10px;
	line-height:35px;
	border-bottom:1px solid #f2f2f2
}
.burger {
	position:absolute;
	cursor:pointer;
	display:none;
	padding:9px 0;
	width:50px;
	left:0;
	z-index:50;
-webkit-transition:all 250ms ease-in .35s;
-moz-transition:all 250ms ease-in .35s;
-ms-transition:all 250ms ease-in .35s;
transition:all 250ms ease-in .35s;
	border:3px solid #093c66
}
.burger i {
	position:relative;
	margin:4px 4px 8px 8px;
	width:60%;
	display:block
}
.burger i:before, .burger i:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	display:block;
	height:2px;
	background:#fff;
	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
}
.footer {
	position:relative;
	margin:0 90px;
	height:90px;
	background-color: #004aad;
	padding:36px 0
}
.footer.type-2 {
	background:#484848;
	margin:0;
	padding:0;
	display:inline-block;
	width:100%;
	height:auto
}
.footer.fix-footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:500;
	margin:0;
	padding:36px 90px;
	height:auto
}
.logo-f {
	display:block;
	z-index:5;
	position:absolute;
	left:0
}
.logo-f img {
	width:100px;
	height:auto;
	display:block
}
.footer.type-2 .top-bar .folow {
	right:0;
	position:absolute;
	z-index:5
}
.top-bar {
	position:relative;
	width:100%;
	border-bottom:1px solid #6d6d6d;
	padding:40px 0
}
.top-bar .container {
	position:relative
}
.bottom-bar {
	position:relative;
	padding:30px 0 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:10px;
	line-height:24px;
	color:#ffffff;
	font-weight:bold
}
.footer .folow {
	position:relative;
	float:right;
	display:inline-block
}
.folow a {
	font-size:16px;
	color:#bdbec0;
	display:inline-block;
	margin:0 0 0 20px;
	position:relative
}
.folow a:after {
	content:'';
	font-family:"fontello";
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	line-height:16px;
	font-size:16px;
	color:#093c66;
	left:0;
	top:0;
	-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
}
.popup-wrap {
	position:relative;
	width:100%;
	overflow:hidden
}
.wrap-over {
	position:relative;
	overflow:hidden;
	height:100%
}
.pusher-layer {
	background:rgba(100, 77, 77, 0.44);
	cursor:pointer;
	visibility:hidden;
	opacity:0;
	z-index:5500;
-webkit-transition:all .6s ease-out;
-moz-transition:all .6s ease-out;
-ms-transition:all .6s ease-out;
transition:all .6s ease-out
}
.effect-push {
	position:relative;
	left:0;
	height:100%;
	background:#fff;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
	backface-visibility:hidden
}
.effect-push.persp {
	perspective:1093c66px;
	-webkit-perspective:1093c66px
}
.container-perspective {
	position:relative;
	width:100%;
	height:100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
	overflow:hidden
}
.container-perspective.persp {
	-webkit-perspective:1500px;
	perspective:1500px
}
.container-perspective.add-effect {
	background:#093c66;
	cursor:pointer
}
.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:0;
	top:0;
	width:100%;
	height:90px;
	background:#fff;
	z-index:600;
	visibility:hidden;
	opacity:0;
	text-align:center;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s
}
.search-panel.active {
	visibility:visible;
	opacity:1
}
.search-panel.popup .close {
	width:26px;
	height:26px;
	right:0;
	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 0;
	width:100%;
	height:50px;
	background:0;
	color:rgba(77, 77, 78, 0.5);
	font-size:26px
}
.serch-form .close-result {
	right:0;
	cursor:pointer
}
.close {
	position:absolute;
	right:0;
	top:0;
	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)
}
@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:#093c66
}
.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 {
opacity:0;
-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:66px
}
.header.style-center nav {
padding:16px 0
}
.main-baner-align {
padding-top:66px
}
.search-panel {
height:66px
}
.footer .folow {
margin-top:5px
}
.footer {
padding:25px 0;
height:66px
}
}
@media(max-width:1200px) {
.nav-menu>ul>li {
margin:0 7px
}
.footer {
height:70px;
padding:25px 0
}
.search-panel {
height:66px
}
.serch-form input {
font-size:18px;
height:40px;
padding:5px 0
}
}
@media(max-width:992px) {
.h6 {
font-size:40px
}
.h4 {
font-size:60px
}
.title-counter .title {
padding-bottom:15px
}
.main-content {
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
transition:all .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:0;
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:0;
text-align:left;
left:0;
width:250px;
background:#093c66;
height:100%;
-webkit-transform:translateX(-100%);
-moz-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s
}
.header.style-center nav .nav-menu>ul {
position:relative;
width:100%;
display:inline-block;
padding:0 20px 60px 20px
}
.header.style-center nav .nav-menu ul>li {
display:block;
padding:0;
margin:0
}
.header.style-center nav .nav-menu ul>li>a {
color:#fff;
padding:0 0 30px;
font-size:14px
}
.header.style-center nav .nav-menu ul>li .sub-menu li a {
border-bottom:0 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:0;
display:block;
top:0;
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%)
}
.header.style-center .logo {
left:70%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.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:0 0 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:0;
border:0 none;
min-width:100%;
-webkit-transition:none;
-moz-transition:none;
-ms-transition:none;
transition:none
}
.sub-menu li {
padding:0
}
.sub-menu .sub-menu {
position:relative;
top:auto;
left:auto;
padding-bottom:0
}
.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:0 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%)
}
.footer {
text-align:center;
height:auto;
padding:25px 0 0
}
.footer .folow, .footer .copyright {
float:none;
width:100%;
margin-bottom:20px
}
.footer .folow a {
margin:0 10px
}
.blog-post-img .video-block {
margin:0
}
}
@media(max-width:480px) {
.footer {
height:auto;
display:inline-block;
padding:25px 0 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:0 15px;
font-size:11px
}
.button-type-1 span:before {
line-height:36px;
font-size:11px
}
.mobile-auto .main-baner-align {
padding:66px 15px 0
}
}
.shop-panel {
	position:fixed;
	right:0;
	top:0;
	width:540px;
	background:#093c66;
	height:100%;
	z-index:550;
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
transition:all .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;
	border:2px solid #fff;
	height:40px;
	border-radius:20px;
	text-align:center;
	color:#fff;
	padding:0 14px;
	line-height:36px;
	font-size:10px
}
.counter input {
	display:inline-block;
	background:0;
	border:0 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:50px 40px 0;
	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:0;
	cursor:pointer;
	z-index:5
}
.shop-item:last-child {
	border-bottom:0 none
}
.shop-item .text:hover a {
	color:rgba(255, 255, 255, 0.5)
}
.shop-total-wrap {
	padding:0 40px 40px
}
.shop-total {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#093c66;
	z-index:8;
	height:210px
}
.shop-total .title-numb {
	display:inline-block;
	width:100%;
	padding:25px 0 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%
}
.main-content {
	position:relative;
	border:90px solid #fff;
	height:100%;
	padding:45px 0 20px;
	border-bottom:0 none
}
.main-content.no-top {
	padding:0;
	border-top-width:0
}
.main-content.no-padd {
	padding:45px 0 0
}
.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;
	margin-bottom:15px
}
.card-item .text {
	padding:0 20px
}
.card-item .text .title {
	font-size:16px;
	line-height:26px;
	padding-bottom:17px;
	display:inline-block;
	color:#093c66
}
.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:0 93px 122px rgba(2, 2, 2, 0.47)
}
.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 0 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 .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .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:#093c66
}
.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:#093c66;
	text-align:center;
	display:inline-block;
	margin:0 4px;
	border-radius:50%;
	background:#fff
}
.tab-room a.act {
	border-color:#75acff;
	box-shadow:0 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:#093c66
}
.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:0
}
.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:0;
	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:0 15px;
	display:inline-block;
	position:relative
}
.amount-wrap .amount-end {
	margin-right:20px
}
.amount-wrap .val {
	right:0;
	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
}
@media(max-width:1400px) {
.main-content {
border-width:0;
border-top-width:66px
}
.shop-panel-wrap {
padding:30px 20px 0;
bottom:130px
}
.shop-panel-wrap .title {
padding-bottom:30px
}
.shop-item:last-child {
margin-bottom:0
}
.popup .close {
top:50px;
right:20px
}
.shop-total {
height:130px
}
.shop-total .title-numb {
padding:10px 0 15px
}
.shop-total-wrap {
padding:0 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:0;
top:0;
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:0 20px 0 100px
}
.shop-panel-wrap .title .h6 {
padding-bottom:10px
}
.popup .close {
top:34px
}
.shop-item .price-val {
padding-left:0;
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:0 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:#093c66;
	font-size:11px;
	text-transform:uppercase;
	color:rgba(255, 255, 255, 0.5);
	padding:0 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:#093c66;
	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:0
}
.drop-down.act {
	z-index:450
}
.drop-down-list {
	position:absolute;
	left:0;
	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 0;
	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:0 10px 0 30px
}
.top-shop-item .input-entry {
	padding-left:30px;
	margin-bottom:0
}
.filter-button {
	position:absolute;
	right:0;
	top:0;
	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:0 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:0;
	background:#fff;
	border-radius:5px;
	margin:10px 0 65px
}
.page-pagination a {
	width:50px;
	height:50px;
	display:inline-block;
	position:relative;
	line-height:50px;
	font-size:14px;
	font-weight:700;
	color:#093c66;
	border-radius:50%;
	margin:0 10px
}
.page-pagination .left-nav {
	float:left
}
.page-pagination .right-nav {
	float:right
}
.page-pagination a:hover {
	box-shadow:0 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:0;
	border-radius:8px;
	text-align:center;
	border:0 none
}
.range-theme-2 .slider-container .back-bar .pointer-label {
	top:-5px;
	height:16px;
	line-height:16px;
	border-radius:8px;
	background:#093c66;
	color:rgba(255, 255, 255, 0.5);
	font-size:11px;
	text-transform:uppercase;
	padding:0 10px
}
.range-theme-2 .theme-green .back-bar .selected-bar {
	background:#093c66
}
.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:0 none
}
.range-theme-1 .slider-container .back-bar .pointer-label {
	opacity:0
}
.range-theme-1 .theme-green .back-bar .selected-bar {
	background:#093c66
}
@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:0 0 10px 0;
display:block
}
.top-shop-item .input-entry {
padding-left:0
}
.top-shop-nav {
padding:20px 70px 0 20px
}
.top-shop-item .input-entry {
width:auto
}
}
@media(max-width:992px) {
.page-pagination a {
margin:0
}
.page-pagination {
padding:10px;
margin:0 0 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 0 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 0
}
.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
}
}
.blog-item {
	position:relative;
	display:inline-block;
	width:100%;
	background:#fff;
	margin-bottom:55px;
	padding:35px 70px 40px
}
.blog-item .title {
	padding-bottom:15px
}
.blog-item .title a {
	color:#093c66
}
.blog-item .title a:hover {
	color:rgba(77, 77, 78, 0.5)
}
.blog-item .simple-text {
	padding-bottom:20px
}
.blog-item .simple-text p {
	color:rgba(77, 77, 78, 0.7)
}
.blog-item.full-w {
	padding:0
}
.blog-item.full-w .text {
	padding:20px 70px 20px;
	position:relative;
	display:inline-block;
	width:100%
}
.blog-item.full-w .like-item {
	float:left
}
.blog-item.full-w .like-item a {
	padding-right:40px
}
.blog-item.full-bg .title a, .blog-item.full-bg .date-line a {
	color:#fff
}
.blog-item.full-bg .simple-text p {
	color:rgba(255, 255, 255, 0.6)
}
.blog-item.full-bg .date-line span {
	color:rgba(255, 255, 255, 0.5)
}
.date-line {
	position:relative;
	display:inline-block;
	width:100%;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	padding-bottom:15px
}
.date-line a {
	color:#093c66;
	display:inline-block;
	padding-right:20px
}
.date-line a:hover {
	color:#75acff
}
.date-line span {
	color:rgba(77, 77, 78, 0.7)
}
.like-item {
	display:inline-block;
	position:relative;
	float:right;
	font-size:13px;
	text-transform:uppercase;
	font-weight:700;
	padding:25px 0
}
.like-item a {
	color:rgba(77, 77, 78, 0.3)
}
.like-item i {
	font-size:18px;
	padding-right:10px;
	vertical-align:middle
}
.like-item span {
	line-height:18px;
	vertical-align:middle
}
.like-item a:hover {
	color:#75acff
}
.wh-img .image {
	position:absolute;
	width:50%;
	height:100%;
	top:0;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	transition:all 300ms ease-out
}
.wh-img .simple-text {
	padding-bottom:75px
}
.blog-item.right-img .image {
	right:0
}
.blog-item.right-img .text {
	position:relative;
	float:left;
	width:50%;
	display:inline-block;
	height:100%;
	padding-right:60px
}
.blog-item.left-img .image {
	left:0
}
.blog-item.left-img .text {
	position:relative;
	float:right;
	width:50%;
	display:inline-block;
	height:100%;
	padding-left:60px
}
.load-more {
	position:relative;
	cursor:pointer;
	margin-bottom:60px;
	width:100%;
	text-align:center;
	font-size:13px;
	color:#093c66;
	font-weight:700;
	letter-spacing:1.2px;
	text-transform:uppercase;
	overflow:hidden;
	height:75px;
	line-height:75px;
	background:#eceeeb;
	box-shadow:0 35px 79px rgba(4, 5, 5, 0.4)
}
.load-more span {
	z-index:5;
	position:relative;
	display:inline-block
}
.load-more:before {
	content:'';
	width:100px;
	height:100px;
	background:#dedfdd;
	border-radius:50%;
	left:50%;
	bottom:0;
	margin:0 0 -50px -50px;
	position:absolute;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	transition:all 300ms ease-out
}
.load-more:hover:before {
	-webkit-transform:scale(5);
	-moz-transform:scale(5);
	-ms-transform:scale(5);
	transform:scale(5);
	opacity:0
}
.search-input {
	position:relative;
	width:100%;
	margin-bottom:20px
}
.search-input .input-text {
	position:relative;
	width:100%;
	height:50px;
	border:2px solid #d2d2d3;
	border-radius:5px;
	line-height:46px;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	padding:0 50px 0 15px;
	background:0
}
.search-input .send-button {
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:100%;
	line-height:50px;
	text-align:center;
	color:#a8a9a8
}
.search-input .send-button input {
	z-index:5;
	cursor:pointer;
	background:0;
	border:0 none
}
.sidebar-item.no-bg {
	background:0
}
.inst-row {
	margin-left:-7px;
	margin-right:-7px
}
.inst-item {
	position:relative;
	float:left;
	display:inline-block;
	width:33.333%;
	padding:0 7px 14px;
	border-radius:5px;
	overflow:hidden;
	height:70px
}
.inst-item a {
	position:relative;
	display:inline-block;
	width:100%;
	height:100%
}
.inst-item .bg, .inst-item .service-layer {
	border-radius:5px;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	transition:all 300ms ease-out
}
.inst-item:hover .bg, .inst-item:hover .service-layer {
	opacity:.5
}
.sidebar-item .title .link-inst {
	color:rgba(77, 77, 78, 0.5);
	border-bottom:0 none
}
.list-toggle li {
	border-bottom:1px solid #ededed;
	position:relative;
	width:100%;
	display:block
}
.list-toggle li a {
	padding:15px 20px;
	z-index:5;
	font-weight:700;
	font-size:13px;
	line-height:16px;
	text-transform:uppercase;
	color:rgba(77, 77, 78, 0.7);
	position:relative;
	display:inline-block;
	width:100%
}
.list-toggle li:hover a {
	color:#093c66
}
.list-toggle .arrow {
	position:absolute;
	right:20px;
	top:0;
	line-height:45px;
	display:block;
	font-size:10px;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
	color:rgba(77, 77, 78, 0.7)
}
.list-toggle .arrow.act {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg)
}
.list-toggle li ul {
	border-top:1px solid #ededed;
	display:none
}
.list-toggle li ul li a {
	padding:15px 20px 15px 35px;
	font-weight:400
}
.list-toggle li ul li:last-child {
	border-bottom:0 none
}
.sidebar-slider {
	position:relative;
	width:100%;
	height:300px;
	overflow:hidden
}
.sidebar-slider .bg, .sidebar-slider .service-layer {
	border-radius:5px
}
.sidebar-slider .title {
	color:#fff;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-bottom:1px solid rgba(255, 255, 255, 0.25);
	z-index:5
}
.sidebar-slider .small-arrow-style .swiper-button {
	line-height:50px
}
.sidebar-slider .small-arrow-style .swiper-arrow-right {
	right:10px
}
.sidebar-slider .small-arrow-style .swiper-arrow-left {
	right:25px
}
@media(min-width:992px) {
.wh-img:hover .image {
box-shadow:0 15px 90px rgba(4, 5, 5, 0.75)
}
}
@media(max-width:992px) {
.blog-item.left-img .text {
padding-left:30px
}
.blog-item.right-img .text {
padding-right:30px
}
.blog-item {
padding:30px
}
}
@media(max-width:768px) {
.wh-img .image {
position:relative;
width:100%;
height:300px
}
.blog-item.left-img .text, .blog-item.right-img .text {
width:100%;
padding:30px
}
.wh-img .simple-text {
padding-bottom:0
}
.blog-item, .load-more {
margin-bottom:30px
}
.blog-item {
padding:0
}
.blog-item.no-img {
padding:30px
}
.blog-item.full-w .text {
padding:20px 30px
}
}
@media(max-width:480px) {
.like-item {
padding:10px 0;
font-size:11px
}
.like-item i {
font-size:16px
}
.blog-item.left-img .text, .blog-item.right-img .text, .blog-item.no-img {
padding:20px 15px
}
.date-line a {
padding-right:10px
}
.date-line {
font-size:11px
}
.load-more {
font-size:11px;
line-height:45px;
height:45px
}
.blog-item.full-w .text {
padding:20px 15px
}
}
.align-wrap {
	margin-left:-25px;
	position:relative;
	width:100%;
	height:100%
}
.blog-post-img {
	position:relative;
	float:right;
	width:50%;
	height:inherit
}
.padd-wrap {
	position:relative;
	width:100%;
	padding:90px 0 95px;
	display:inline-block;
	height:100%
}
.blog-post-desc {
	position:absolute;
	width:50%;
	left:0;
	top:90px;
	bottom:0;
	overflow-y:auto;
	padding:70px 70px 70px 80px
}
.blog-post-desc .title {
	line-height:70px;
	padding-bottom:25px;
	display:block
}
.blog-post-desc .sub-title-black {
	color:rgba(77, 77, 78, 0.3);
	padding-bottom:20px
}
.blog-post-desc article .simple-text {
	padding-bottom:25px
}
.blog-post-desc .tags {
	margin-bottom:35px
}
.back-button {
	position:relative;
	width:30px;
	text-align:center;
	height:60px;
	display:block;
	margin-bottom:30px
}
.back-button i {
	color:#b1b2b0;
	font-size:55px;
	line-height:57px;
	display:block
}
.quote-text {
	border:1px solid #b6b7b5;
	position:relative;
	padding:35px 35px 50px;
	margin:20px 0 70px
}
.quote-text .sub-title {
	color:rgba(77, 77, 78, 0.5);
	font-size:12px;
	padding-bottom:20px;
	z-index:1;
	position:relative
}
.quote-text p {
	font-size:19px;
	line-height:28px;
	color:#093c66
}
.quote-text p i {
	font-style:italic;
	font-weight:700
}
.quote-text .bq {
	display:block;
	position:absolute;
	left:-55px;
	top:0;
	font-size:250px;
	line-height:110px;
	color:#eceeeb;
	text-shadow:0 39px 54px rgba(4, 5, 5, 0.35)
}
.post-author {
	position:relative;
	text-align:center;
	padding-bottom:30px
}
.post-author .image {
	position:relative;
	display:inline-block
}
.post-author .image span {
	font-size:85px;
	color:rgba(77, 77, 78, 0.15);
	letter-spacing:1.4px;
	line-height:90px;
	display:block;
	position:relative;
	text-transform:uppercase
}
.post-author .image img {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	top:0
}
.post-author h5 {
	font-size:15px;
	color:#093c66;
	line-height:18px;
	text-transform:uppercase;
	letter-spacing:1.4px
}
.post-share {
	position:relative;
	display:inline-block;
	width:100%;
	text-align:center;
	margin-bottom:50px
}
.post-share .share {
	position:relative;
	width:33.333%;
	height:59px;
	border:1px solid #b2b3b1;
	border-right:0 none;
	line-height:54px;
	display:block;
	float:left;
	color:rgba(77, 77, 78, 0.4)
}
.post-share .share:hover {
	color:#093c66
}
.post-share .share span {
	display:inline-block;
	font-size:12px;
	letter-spacing:5.4px;
	font-weight:700;
	text-transform:uppercase
}
.post-share .share i {
	display:inline-block;
	padding-right:15px;
	font-size:18px
}
.post-share .comm {
	position:relative;
	float:left;
	display:block;
	width:60px;
	line-height:56px;
	color:rgba(77, 77, 78, 0.4);
	border:1px solid #b2b3b1;
	font-size:18px
}
.post-share .comm:hover {
	color:#093c66
}
.share-wrap {
	position:relative;
	width:100%;
	padding-right:60px
}
.block-comment {
	position:relative;
	width:100%;
	margin-bottom:55px;
	display:inline-block
}
.block-comment .image {
	position:relative;
	float:left
}
.block-comment .image img {
	max-width:75px;
	height:auto
}
.block-comment .text {
	position:relative;
	padding-left:100px
}
.block-comment .text textarea {
	background:#fff;
	resize:none;
	border-radius:5px;
	height:135px;
	width:100%;
	padding:25px;
	font-size:14px;
	color:#093c66;
	position:relative;
	margin-bottom:15px
}
.block-comment .text .button-type-1 {
	margin-bottom:30px
}
.block-comment .caption {
	position:relative;
	display:block;
	padding-bottom:15px
}
.block-comment .caption a {
	font-size:14px;
	letter-spacing:1.4px;
	color:#093c66;
	padding-right:10px;
	text-transform:uppercase
}
.block-comment .caption span {
	font-size:13px;
	color:rgba(77, 77, 78, 0.5)
}
.comment-wrapper .title-comment {
	display:block;
	margin-bottom:40px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:5.4px;
	color:#093c66;
	text-align:center
}
.post-navigation {
	position:relative;
	width:100%;
	display:inline-block;
	padding-bottom:70px
}
.post-navigation .nav-arr {
	position:relative;
	width:50%;
	float:left;
	padding:0 45px
}
.post-navigation .nav-arr i {
	display:block;
	font-size:60px;
	line-height:60px;
	color:#b1b2b0;
	position:absolute;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-ms-transition:all 300ms ease-out;
	transition:all 300ms ease-out
}
.post-navigation h5 {
	font-size:15px;
	line-height:21px;
	color:#093c66;
	display:block;
	padding-bottom:10px
}
.post-navigation .sub-title-black {
	font-size:11px;
	color:rgba(77, 77, 78, 0.3)
}
.post-navigation .nav-arr:hover i {
	color:#093c66
}
.right-post-nav {
	text-align:right
}
.right-post-nav i {
	right:0
}
.right-post-nav:hover i {
	margin-right:15px
}
.left-post-nav {
	text-align:left
}
.left-post-nav i {
	left:0
}
.left-post-nav:hover i {
	margin-left:15px
}
@media(max-width:1500px) {
.post-navigation .right-post-nav {
padding:0 50px 0 0
}
.post-navigation .left-post-nav {
padding:0 0 0 50px
}
.blog-post-desc {
padding:70px 30px
}
.quote-text .bq {
left:0
}
.block-comment .text .button-type-1 {
margin-bottom:0
}
}
@media(max-width:1400px) {
.blog-post-desc {
top:66px
}
}
@media(max-width:1200px) {
.blog-post-desc {
padding:50px 30px
}
.post-share .share span {
font-size:11px;
letter-spacing:1.4px
}
}
@media(max-width:992px) {
.blog-post-img {
width:100%;
height:450px;
margin-top:66px
}
.blog-post-desc {
position:relative;
width:100%;
top:auto
}
.back-button {
margin-bottom:20px
}
.blog-post-desc .title {
font-size:40px;
line-height:50px;
padding-bottom:15px
}
.blog-post-desc article .simple-text.large p {
font-size:20px;
line-height:28px
}
.post-navigation {
padding-bottom:0
}
}
@media(max-width:500px) {
.post-navigation h5, .post-navigation .sub-title-black, .post-share .share span {
display:none
}
.post-share .share i {
padding-right:0
}
.post-navigation .right-post-nav, .post-navigation .left-post-nav {
padding:0
}
.post-navigation .nav-arr i {
position:relative
}
.quote-text {
padding:35px 25px
}
.quote-text .bq {
font-size:150px;
line-height:90px
}
.post-author .image span {
font-size:50px
}
.tags .tag-link {
margin:0 3px 6px
}
.block-comment .text {
padding-left:0
}
.block-comment .image {
display:block;
float:none
}
.block-comment .image img {
margin:0 auto 20px;
display:block
}
.blog-post-desc {
padding:30px 15px
}
.block-comment {
margin-bottom:30px
}
}
.full-scroll-section {
	position:relative;
	width: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;
	padding-top:90px
}
.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:0;
	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:#093c66
}
.tooltip-point {
	position:absolute;
	right:0;
	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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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 .7s infinite;
-moz-animation:blink .7s infinite;
-ms-animation:blink .7s infinite;
animation:blink .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:0 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 0 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:0 8px 16px
}
.about-team-block {
	font-size:0;
	position:relative;
	height:900px
}
.desc-block {
	padding:0 35px 0 85px
}
.tab-item {
	visibility:hidden;
	opacity:0;
	height:100%;
	width:100%;
	left:0;
	top:0;
	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:.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:#093c66;
	display:inline-block;
	padding-right:30px;
	line-height:50px
}
.team-follow a:hover {
	color:#75acff
}
.analitic-block {
	text-align:center;
	font-size:0;
	padding:65px 0 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 0 50px
}
.client-item {
	position:relative;
	width:100%;
	margin-bottom:140px;
	text-align:center
}
.client-item a {
	display:inline-block;
	width:100%;
	opacity:.3
}
.client-item:hover a {
	opacity:1
}
.scroll-fade.bg, .scroll-fade.service-layer {
	position:fixed
}
.skill-line {
	left:0;
	width:100%;
	text-align:center;
	color:#093c66;
	font-size:47px;
	font-weight:700
}
.skill-line b {
	font-size:30px;
	display:inline-block;
	color:#093c66
}
.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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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 .45s ease-out .25s;
-moz-transition:all .45s ease-out .25s;
-ms-transition:all .45s ease-out .25s;
transition:all .45s ease-out .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 .65s ease-out .35s;
-moz-transition:all .65s ease-out .35s;
-ms-transition:all .65s ease-out .35s;
transition:all .65s ease-out .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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0;
	top:0;
	overflow:hidden;
	z-index:-5;
	border-radius:10px
}
.play-button {
	cursor:pointer;
	z-index:5
}
.play-button img {
	opacity:.4;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:#093c66;
	height:100%;
	opacity:0;
	visibility:hidden
}
.video-iframe {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0
}
.video-iframe iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:0;
	outline:0
}
.video-block {
	position:relative;
	width:100%;
	overflow:hidden;
	height:340px;
	box-shadow:0 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:0
}
.video-block.full-video .bg, .video-block.full-video .service-layer, .video-block.full-video .layer-bg-2 {
	border-radius:0
}
.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:0;
	text-align:center
}
.block-img {
	position:relative;
	max-width:370px;
	margin:-85px auto 0;
	display:inline-block
}
.block-img .image {
	margin:0 auto 20px;
	box-shadow:0 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:#093c66
}
.block-img .title a:hover {
	color:#75acff
}
.mini-title {
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	color:rgba(77, 77, 78, 0.3)
}
.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:0 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:0 15px
}
.test-item {
	position:relative;
	width:100%;
	padding:25px;
	background:#fff
}
.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:0 0 51px rgba(5, 5, 6, 0.2);
	opacity:0;
	visibility:hidden;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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 #fff 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:#093c66;
	margin:0 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:0;
	margin-left:0
}
.hover-area:first-child .team-item {
	left:0;
	margin-left:0
}
.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:0;
	padding-left:0
}
@media(min-width:1200px) {
.section-scroll.section.sm-padding {
padding:0;
margin:0
}
}
@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:90px;
height:90px
}
.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 0 100px
}
.inside-img img {
max-height:350px
}
.about-tags-block .button-type-1 {
margin:0 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:0 35px
}
.about-team-block {
height:700px
}
.pagination.style-type-2 {
bottom:40px
}
.block-img {
max-width:280px
}
#fp-nav.right {
right:0
}
.footer.fix-footer {
padding:16px 30px
}
.scroll-fade.padd {
left:30px;
right:30px
}
.padd-wrap {
padding:66px 0 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:0;
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:0;
right:0
}
.padd-wrap {
padding:66px 0 0
}
.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 0;
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 0 130px
}
.full-block.block-3, .full-block.block-5 {
padding:0
}
.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:0 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 0
}
.full-height-baner {
height:auto
}
.about-tags-block {
padding:80px 0
}
.analitic-block {
padding:75px 0 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 0 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:0;
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:0 15px
}
.padd-wrap {
padding:0
}
.full-block .team-block {
height:auto
}
.full-block {
padding:80px 0
}
}
@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 0
}
.main-title.type-1.text-left {
padding:0 30px
}
.video-block {
margin:30px 0
}
.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 0 0
}
}
@media(max-width:480px) {
.section.sm-padding {
padding:60px 0 20px
}
.main-title.type-1 .h1 {
font-size:50px;
line-height:56px
}
.about-tags-block {
padding:60px 0
}
.desc-block {
padding:0 15px
}
.analitic-block {
padding:55px 0 10px
}
.client-block {
padding:20px 0 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:0 15px;
text-align:center
}
.gutter-15 .swiper-slide {
padding:0
}
.client-item img {
max-width:80%
}
}
@media(max-width:340px) {
.serch-form {
margin:0
}
.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 0
}
.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:0 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
}
}
.effect-push-2 {
	z-index:99;
	overflow:hidden
}
.left-desc {
	float:left;
	height:100%;
	padding:0 80px 0 120px;
	display:inherit
}
.left-desc .title {
	font-size:79px;
	line-height:84px;
	padding-bottom:90px
}
.bg-contact {
	background:#565656;
	padding:120px 0
}
.addr-item-wrap {
	padding-bottom:40px
}
.addr-item {
	padding-bottom:50px
}
.addr-item .sub-title {
	font-size:15px;
	color:rgba(0, 0, 0, 0.5)
}
.addr-item .addr-list li, .addr-item .link {
	font-size:30px;
	line-height:34px;
	font-weight:400;
	color:#093c66
}
.addr-item .link:hover {
	color:#75acff
}
.right-desc {
	float:left;
	height:100%;
	display:inherit
}
.map-wrapper {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}
.questform {
	position:relative;
	margin:0 auto;
	max-width:700px;
	margin-bottom:110px
}
.questions {
	position:relative;
	display:inline-block;
	width:100%
}
.questions input {
	position:relative;
	height:100px;
	padding:0 100px 0 24px;
	font-size:50px;
	line-height:100px;
	color:#fff;
	width:100%;
	background-image:-webkit-linear-gradient(90deg, #989898 0, #888888 100%);
	background-image:-moz-linear-gradient(0deg, #989898 0, #888888 100%);
	background-image:linear-gradient(0deg, #989898 0, #888888 100%);
	background-position:50% 50%;
	-webkit-background-origin:padding-box;
	background-origin:padding-box;
	-webkit-background-clip:border-box;
	background-clip:border-box;
	-webkit-background-size:auto auto;
	background-size:auto auto
}
.questions li {
	visibility:hidden;
	position:relative;
	height:0;
	overflow:hidden;
	opacity:0
}
.questions li.active {
	visibility:visible;
	height:auto;
	opacity:1
}
.questions li span {
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom:10px
}
.questions .sub-title {
	color:#d6d6d6;
	font-size:15px;
	position:relative;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.questions li.active .sub-title {
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%)
}
.questions li.move .sub-title {
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%)
}
.bottom-align {
	bottom:0;
	left:0;
	width:100%;
	position:absolute
}
.bottom-step-form {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	background:#093c66;
	visibility:hidden;
	opacity:0
}
.bottom-step-form.active {
	visibility:visible;
	opacity:1
}
.bottom-step-form .copyright {
	position:relative;
	width:100%;
	text-align:center;
	color:rgba(255, 255, 255, 0.5);
	font-weight:100;
	margin-bottom:80px;
	font-size:14px;
	line-height:20px
}
.simform-inner {
	position:relative;
	width:100%;
	display:inline-block;
	min-height:120px;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.controls {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	left:0
}
.submit-button {
	display:none;
	background:0;
	border:0 none;
	z-index:5
}
.next-step, .submit-button {
	position:absolute;
	right:0;
	height:100px;
	top:0;
	width:100px;
	text-align:center;
	font-size:30px;
	color:#fff;
	line-height:100px;
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	cursor:pointer
}
.progress {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:7px;
	background:#666;
	z-index:1
}
.progress-line {
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:0;
	background:#75acff;
	display:block
}
.number-step {
	position:absolute;
	right:0;
	top:10px
}
.number-step span {
	font-size:15px;
	color:rgba(255, 255, 255, 0.5);
	position:relative;
	display:inline-block
}
.error-message {
	position:absolute;
	left:0;
	top:10px;
	right:50px;
	font-size:13px;
	font-style:italic;
	color:#f56060;
	opacity:0;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.error-message.act {
	opacity:1
}
.final-message {
	visibility:hidden;
	opacity:0;
	font-size:40px;
	color:#fff;
-webkit-transition:all .45s ease-out;
-moz-transition:all .45s ease-out;
-ms-transition:all .45s ease-out;
transition:all .45s ease-out
}
.marker-tooltip {
	position:relative;
	padding:35px 25px 60px;
	background:#fff;
	min-width:260px;
	height:170px;
	text-align:center;
	overflow:visible;
	border-radius:0;
	border:0 none
}
.marker-tooltip .sub-title {
	padding-bottom:25px
}
.questform.last-step .simform-inner {
	opacity:0
}
.questform.last-step .final-message {
	visibility:visible;
	opacity:1
}
.full-height-baner.upper {
	z-index:5
}
.no-faound-title {
	position:relative;
	display:inline-block;
	z-index:5;
	padding:0 15px
}
.no-faound-title b {
	display:block;
	font-size:426px;
	color:#eceeeb;
	font-weight:700;
	line-height:315px;
	text-shadow:0 100px 139px rgba(5, 5, 6, 0.45);
	padding-bottom:60px;
	letter-spacing:-40px;
	margin-left:-40px
}
.no-faound-title .title {
	display:block;
	margin-bottom:30px
}
.close-form {
	position:absolute;
	display:none;
	right:15px;
	top:15px;
	width:30px;
	height:30px;
	cursor:pointer;
	z-index:50
}
.close-form img {
	width:100%;
	height:auto
}
@media(max-height:870px) {
.bottom-step-form .copyright, .questform {
margin-bottom:30px
}
}
@media(max-height:1700px) {
.left-desc {
padding:0 60px
}
.left-desc .title {
font-size:50px;
line-height:56px
}
.addr-item .addr-list li, .addr-item .link {
font-size:20px;
line-height:24px
}
}
@media(max-width:1400px) {
.left-desc .title {
padding-bottom:50px
}
.addr-item .addr-list li, .addr-item .link {
font-size:20px;
line-height:24px
}
.addr-item {
padding-bottom:30px
}
.bottom-step-form .copyright, .questform {
margin-bottom:30px
}
.questions input {
font-size:40px
}
}
@media(max-width:992px) {
.close-form {
display:block
}
.addr-item-wrap {
padding-bottom:30px
}
.full-height-baner.upper {
height:100vmin;
min-height:800px
}
.left-desc.column-50 {
width:100%;
height:auto;
padding:0 30px
}
.left-desc.column-50 .vertical-align, .left-desc.column-50 .search-panel.popup .close, .search-panel.popup .left-desc.column-50 .close, .left-desc.column-50 .amount-wrap .val, .amount-wrap .left-desc.column-50 .val, .left-desc.column-50 .inside-img img, .inside-img .left-desc.column-50 img, .left-desc.column-50 .skill-line {
position:relative;
display:inline-block;
width:100%;
top:auto;
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-ms-transform:translateY(0px);
transform:translateY(0px)
}
.left-desc.column-50 .caption {
padding:45px 0 60px;
text-align:center
}
.right-desc.column-50 {
width:100%;
height:400px
}
.bottom-step-form .bottom-align {
bottom:auto;
top:50px
}
}
@media(max-width:768px) {
.no-faound-title b {
font-size:250px;
line-height:200px;
padding-bottom:30px
}
.no-faound-title .title {
font-size:40px
}
.questform {
max-width:100%;
padding:0 15px
}
}
@media(max-width:480px) {
.full-height-baner.upper {
min-height:600px
}
.no-faound-title b {
font-size:170px;
line-height:130px
}
.caption h2.title {
font-size:35px;
line-height:45px;
padding-bottom:30px
}
.addr-item .addr-list li, .addr-item .link {
font-size:16px;
line-height:20px
}
.addr-item .sub-title {
padding-bottom:10px
}
.questions input {
height:60px;
line-height:60px;
padding:0 60px 0 15px;
font-size:20px
}
.next-step, .submit-button {
height:60px;
line-height:56px;
width:60px;
font-size:20px
}
.simform-inner {
min-height:70px
}
.questions .sub-title {
font-size:11px
}
.final-message {
font-size:24px
}
.questform {
margin-bottom:60px
}
}
.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 .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.project-item .layer-bg-3 {
	opacity:0
}
.project-title {
	position:absolute;
	left:60px;
	top:60px;
	max-width:660px
}
.project-title .sub-title {
	color:#fff;
	margin-bottom:20px;
	font-size:14px
}
.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:40px;
	line-height:50px
}
.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:#093c66;
	padding:0 15px;
	border-radius:20px;
	overflow:hidden;
	z-index:1;
	cursor:pointer;
	margin:0 5px;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.filter-list .link-style-1 span {
	z-index:5;
	position:relative
}
.filter-list .link-style-1:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	border-radius:50px;
	background:#093c66;
	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 .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .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:653px
}
.height-md {
	height:435px
}
.mobile-toggle-slide {
	text-align:center;
	position:relative;
	margin:0 auto;
	width:100%
}
.slide-lidt-text {
	position:relative;
	width:100%;
	display:none;
	padding:0 20px;
	height:50px;
	border:2px solid #d2d2d3;
	line-height:46px;
	margin:0 auto 30px;
	cursor:pointer
}
.slide-lidt-text i {
	position:absolute;
	right:20px;
	top:0
}
.gallery-slide-1 {
	padding-top:0
}
.gallery-slide-1 .swiper-slide {
	width:auto
}
.gallery-slide {
	text-align:center
}
.gallery-slide .text {
	max-width:570px;
	display:block;
	margin:50px auto 80px;
	padding:0 15px;
	opacity:0;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.gallery-slide .title {
	padding-bottom:10px;
	color:#093c66;
	display:block
}
.gallery-slide .image img {
	max-width:100%
}
.gallery-title {
	text-align:center;
	padding-top:60px;
	position:relative;
	width:100%
}
.gallery-title i {
	font-size:30px;
	line-height:55px;
	display:inline-block;
	vertical-align:bottom
}
.swiper-slide-active .gallery-slide .text {
	opacity:1
}
@media(min-width:992px) {
.item.scale-hover:hover .project-item {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);
z-index:5;
box-shadow:0 59px 89px rgba(5, 5, 6, 0.75)
}
.item.scale-hover:hover .project-item .layer-bg-3 {
opacity:1
}
}
@media(max-width:1200px) {
.project-title {
left:30px;
top:30px;
right:30px
}
.project-title .title, .project-title.sm .title, .project-title.lg .title {
font-size:30px;
line-height:40px
}
.project-title .sub-title {
margin-bottom:10px
}
.height-lg {
height:600px
}
.height-md {
height:300px
}
}
@media(max-width:992px) {
.project-item .layer-bg-3 {
opacity:1
}
.wh-50 {
width:100%
}
.slide-lidt-text {
display:inline-block
}
.mobile-toggle-slide {
max-width:320px
}
.mobile-toggle-slide ul {
position:absolute;
left:0;
top:50px;
background:#fff;
padding:20px;
min-width:100%;
z-index:50;
box-shadow:0 35px 79px rgba(4, 5, 5, 0.4)
}
.mobile-toggle-slide ul .link-style-1 {
width:100%;
display:block;
border-radius:0;
margin:0
}
.mobile-toggle-slide ul .link-style-1:before {
border-radius:0
}
.slide-toggle-list {
display:none
}
.gallery-slide .text {
margin-top:30px
}
.gallery-slide-1 .swiper-slide {
width:100%
}
.height-lg {
height:300px
}
.height-md {
height:300px
}
}
@media(max-width:768px) {
.main-baner-full {
display:inline-block
}
}
@media(max-width:480px) {
.project-title {
left:15px;
top:15px;
right:15px
}
.project-title .title, .project-title.sm .title, .project-title.lg .title {
font-size:20px;
line-height:26px
}
.project-title .sub-title {
font-size:11px
}
}
.main-list-content {
	position:relative;
	width:100%;
	overflow:hidden;
	padding:20px 0 50px
}
.project-list {
	height:auto;
	padding:20px 0;
	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:0 20px
}
.project-item-2 .layer {
	position:absolute;
	left:0;
	top:0;
	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 .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .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:0;
	top:0;
	width:300px;
	height:100%;
	padding:20px 20px 0 0;
	background:#eceeeb;
	z-index:5;
	font-size:0
}
.slider-list-desc .title {
	position:relative;
	text-align:right;
	font-size:35px;
	line-height:35px
}
.slider-list-desc:before {
	content:'';
	position:absolute;
	left:0;
	bottom:-100%;
	width:100%;
	height:100%;
	background:inherit
}
.slider-list-gallery {
	position:relative;
	float:left;
	width:100%;
	padding-left:40px;
	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:0 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 0 0 0
}
.slider-list-desc .title {
text-align:center
}
.slider-list-gallery {
padding-left:0
}
}
@media(max-width:768px) {
.project-item-2 {
width:150px;
height:150px;
margin:0 10px
}
.slider-list-desc .title {
font-size:26px;
line-height:32px
}
}
.price-wrap {
	margin-top:25px
}
.price-item {
	position:relative;
	display:inline-block;
	width:100%;
	background:#fff;
	padding:50px 35px 35px;
	text-align:center
}
.price-item .title {
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:5.4px;
	padding-bottom:10px
}
.price-item .simple-text {
	padding-bottom:25px
}
.price-item.center {
	padding:60px 35px 50px;
	margin-top:-25px
}
.price-item.year .price-value {
	font-size:24px
}
.price-item.year .price-value b {
	font-size:80px;
	line-height:70px
}
.price-item.year .price-value p {
	line-height:80px
}
.price-period-check {
	position:relative;
	text-align:center;
	margin:30px 0 35px;
	display:inline-block;
	width:100%
}
.price-period-check .sub-title {
	display:inline-block;
	padding-right:20px;
	line-height:30px;
	color:#fff
}
.price-period-check a {
	display:inline-block;
	font-size:11px;
	line-height:30px;
	color:rgba(255, 255, 255, 0.5);
	position:relative;
	text-align:center;
	padding:0 18px;
	height:30px;
	text-transform:uppercase;
	border-radius:15px
}
.price-period-check a.active, .price-period-check a:hover {
	background:#fff;
	color:#093c66
}
.price-value {
	font-size:35px;
	font-weight:700;
	color:#093c66;
	padding-bottom:50px;
	white-space:nowrap
}
.price-value p {
	display:inline-block;
	padding-right:15px;
	line-height:100px;
	vertical-align:top
}
.price-value b {
	font-size:110px;
	line-height:90px;
	display:inline-block
}
.price-value span {
	color:rgba(77, 77, 78, 0.3);
	display:inline-block
}
.slider-range.type-2 .ui-slider .ui-slider-handle {
	height:56px;
	width:56px;
	box-shadow:0 10px 13px rgba(21, 21, 22, 0.25);
	top:-23px
}
.slider-range.type-2 .ui-slider .ui-slider-handle:last-child {
	display:none
}
.slider-range.type-2 .ui-slider .ui-slider-handle:before {
	content:'\e816';
	font-family:"fontello";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	line-height:56px;
	color:#fff;
	font-size:30px
}
.slider-range.type-2 .ui-slider-horizontal {
	height:12px;
	background:#73a9fa;
	border-radius:3px;
	display:inline-block;
	width:100%;
	margin-bottom:60px
}
.slider-range.type-2 .ui-slider .ui-slider-range {
	background:#e0e2df;
	border-radius:3px
}
.slider-range.type-2 .amount-start {
	position:relative;
	background:0;
	margin:0 auto 40px;
	font-size:130px;
	font-weight:700;
	position:relative;
	width:100%;
	height:100px;
	line-height:100px;
	text-align:center;
	border:0 none;
	color:#093c66
}
.amount-wrap {
	position:relative;
	display:inline-block
}
.amount-wrap {
	position:relative;
	display:inline-block;
	font-size:35px;
	font-weight:700;
	line-height:130px;
	vertical-align:top
}
.wide-sub-title {
	font-size:14px;
	font-weight:700;
	letter-spacing:5.2px;
	text-transform:uppercase;
	margin-bottom:30px
}
.wide-sub-title.col-grey {
	color:rgba(77, 77, 78, 0.5);
	margin-bottom:10px
}
.price-choose {
	position:relative;
	text-align:center;
	padding:0 70px
}
.service-item-tooltip {
	position:absolute;
	bottom:-50px;
	left:0;
	text-align:center;
	width:100%;
	opacity:0;
	visibility:hidden;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.service-item-tooltip .wide-sub-title {
	position:relative;
	display:inline-block;
	padding:12px 15px;
	background:#fff;
	border-radius:5px;
	margin-bottom:0
}
.service-item-tooltip .wide-sub-title:before {
	content:'';
	position:absolute;
	left:50%;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 5px 6px 5px;
	border-color:transparent transparent #fff transparent;
	margin-left:-5px;
	top:-5px
}
.service-item.type-2 {
	display:inline-block;
	margin:0 30px 50px;
	padding:0;
	cursor:pointer
}
.service-item.type-2 .image {
	width:165px;
	height:165px;
	margin-bottom:0
}
.service-item.type-2:hover .service-item-tooltip, .service-item.type-2.active .service-item-tooltip {
	opacity:1;
	visibility:visible;
	bottom:-25px
}
.step-slider {
	position:relative;
	width:100%;
	display:none
}
.step-slider.active {
	display:block
}
.range-bar-start {
	margin:0 auto 40px;
	font-size:130px;
	font-weight:700;
	position:relative;
	width:100%;
	height:100px;
	line-height:130px;
	text-align:center;
	border:0 none;
	color:#093c66;
	background:0;
	padding:0
}
.range-bar {
	position:relative;
	width:100%;
	height:12px;
	background:#e0e2df;
	border-radius:3px;
	z-index:1;
	margin-bottom:65px
}
.line-active {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:0;
	border-radius:3px;
	height:100%;
	background:#75acff;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.rang-circle {
	position:absolute;
	right:0;
	margin-right:-28px;
	height:56px;
	width:56px;
	box-shadow:0 10px 13px rgba(21, 21, 22, 0.25);
	top:-23px;
	border-radius:50%;
	background:#75acff;
	backface-visibility:hidden;
	z-index:4
}
.rang-circle:before {
	content:'\e816';
	font-family:"fontello";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	line-height:56px;
	color:#fff;
	font-size:30px
}
.step-slider .reg-input {
	max-width:350px;
	margin:0 auto 30px;
	display:block
}
.total-price {
	display:block;
	position:relative;
	font-size:80px;
	font-weight:700;
	margin:0 auto 40px
}
.total-price i {
	font-size:30px;
	line-height:80px;
	vertical-align:top
}
.back-price-step {
	display:block;
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	color:rgba(77, 77, 78, 0.6);
	margin:10px 0 0
}
.back-price-step:hover {
	color:#75acff
}
@media(max-width:1200px) {
.price-item .price-value {
font-size:20px
}
}
@media(max-width:992px) {
.price-item {
margin-bottom:30px
}
.price-item.center {
margin-top:0
}
.price-wrap {
margin-top:0
}
.content-bg {
padding:120px 0 80px
}
.service-item.type-2 {
margin:0 10px 30px
}
}
@media(max-width:768px) {
.price-choose {
padding:0 15px
}
.service-item-tooltip {
opacity:1;
visibility:visible;
bottom:-25px
}
.service-item.type-2 {
display:block;
clear:both;
margin-bottom:50px
}
.service-item.type-2 .image {
background:#75acff
}
.service-item.type-2 .image img.img-out {
display:none
}
.service-item.type-2 .image img.img-in {
opacity:1;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%)
}
.slider-range.type-2 .amount-start {
font-size:60px;
line-height:40px;
margin-bottom:20px
}
.price-value {
padding-bottom:30px;
font-size:25px
}
.price-value b {
font-size:60px;
line-height:50px
}
.price-value p {
line-height:50px
}
}
@media(max-width:480px) {
.content-bg {
padding:100px 0 20px
}
.price-item {
padding:30px 15px
}
.price-period-check .sub-title {
display:block;
margin-bottom:10px
}
.range-bar-start {
font-size:80px;
line-height:80px
}
.total-price {
font-size:50px;
line-height:50px
}
.total-price i {
line-height:50px
}
}
@media(max-width:380px) {
.range-bar-start {
font-size:40px;
line-height:40px
}
}
.reg-form {
	position:relative;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:50px 40px 35px;
	max-width:480px;
	background:#fff
}
.reg-form .title {
	font-size:44px;
	line-height:50px;
	padding-bottom:50px
}
.reg-form .input-entry {
	margin-bottom:30px
}
.reg-form .input-entry .sp-check {
	display:inline-block;
	float:none
}
.reg-form .label-text {
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
	color:#093c66
}
.reg-form .label-text a {
	text-decoration:underline;
	color:inherit
}
.reg-form .label-text a:hover {
	color:#75acff
}
.reg-form .sub-title {
	font-size:13px;
	letter-spacing:0
}
.reg-form .button-type-1 {
	margin-bottom:35px
}
.reg-input {
	position:relative;
	display:inline-block;
	width:100%;
	height:65px;
	border:2px solid #d2d2d3;
	border-radius:30px;
	margin-bottom:20px;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.reg-input input {
	font-size:13px;
	text-align:center;
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
	border-radius:30px;
	background:0;
	padding:0 15px
}
.reg-input label {
	font-size:13px;
	color:rgba(77, 77, 78, 0.5);
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.reg-input.active {
	margin-top:30px;
	border-color:#75acff
}
.reg-input.active label {
	-webkit-transform:translateY(-60px);
	-moz-transform:translateY(-60px);
	-ms-transform:translateY(-60px);
	transform:translateY(-60px);
	color:#75acff
}
.button-type-1 input {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:0;
	z-index:5;
	cursor:pointer
}
.link-login {
	color:#d2d2d3
}
.link-login a {
	color:#093c66;
	text-decoration:underline
}
.link-login a:hover {
	color:#75acff
}
@media(max-height:670px) and (min-width:1200px) {
.reg-form {
padding:30px
}
.reg-form .title {
padding-bottom:20px;
font-size:36px;
line-height:46px
}
.reg-input {
height:55px;
border-radius:25px
}
}
@media(max-width:992px) {
.reg-input {
height:55px;
border-radius:25px
}
}
@media(max-width:480px) {
.reg-form {
padding:30px 15px
}
.reg-form .title {
font-size:34px;
line-height:40px;
padding-bottom:30px
}
.reg-form .label-text, .reg-form .sub-title {
font-size:11px
}
}
.service-nav {
	position:relative;
	margin:0 auto;
	background:#fff;
	width:345px;
	text-align:center;
	z-index:5
}
.service-nav li {
	font-size:25px;
	line-height:55px;
	color:#093c66;
	position:relative;
	cursor:pointer;
-webkit-transition:all .65s ease-out;
-moz-transition:all .65s ease-out;
-ms-transition:all .65s ease-out;
transition:all .65s ease-out
}
.service-nav li span {
	position:absolute;
	left:0;
	top:0;
	background:#093c66;
	width:100%;
	height:100%;
	z-index:-1;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.service-nav li.active {
	color:#333;
	font-weight:bold
}
.column-50.text-col {
	overflow-y:auto
}
.main-baner-full {
	position:relative;
	width:100%;
	height:100vmin;
	display:table
}
.scrol-section {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-transition:transform 1093c66ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition:transform 1093c66ms cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition:transform 1093c66ms cubic-bezier(0.42, 0, 0.58, 1);
	transition:transform 1093c66ms cubic-bezier(0.42, 0, 0.58, 1);
	backface-visibility:hidden;
	overflow:hidden;
	z-index:1
}
.scrol-section .column-50 {
	height:100%
}
.scrol-section .column-50.left {
	float:left
}
.scrol-section .column-50.right {
	float:right
}
.scrol-section.active {
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
	z-index:3
}
.scrol-section.first {
	z-index:2
}
.scrol-section.first .service-desc {
	margin-top:0
}
.main-content.no-margin {
	padding:0;
	margin:0;
	border-top-width:0;
	border-bottom-width:0
}
.service-desc {
	padding:130px 110px 95px 260px;
	position:relative;
	display:table;
	height:100%;
-webkit-transition:all 800ms cubic-bezier(0.42, 0, 0.58, 1) .2s;
-moz-transition:all 800ms cubic-bezier(0.42, 0, 0.58, 1) .2s;
-ms-transition:all 800ms cubic-bezier(0.42, 0, 0.58, 1) .2s;
transition:all 800ms cubic-bezier(0.42, 0, 0.58, 1) .2s
}
.service-desc .simple-text {
	margin-bottom:40px
}
.service-desc .simple-text p {
	font-size:17px;
	line-height:25px;
	color:#093c66;
	padding-bottom:25px
}
.service-caption {
	padding:0 110px 0 65px;
	color:#fff
}
.service-caption .sub-title {
	font-size:13px;
	letter-spacing:2.8px;
	padding-bottom:10px
}
.right .service-caption {
	text-align:right;
	padding:0 65px 0 110px
}
.left .service-desc {
	padding:130px 260px 95px 110px
}
.main-baner-align.padd-bottom {
	padding-bottom:95px
}
@media(max-width:1700px) {
.service-desc {
padding:130px 40px 95px 180px
}
.service-nav {
width:300px
}
.service-nav li {
font-size:18px;
line-height:46px
}
.left .service-desc {
padding:130px 180px 95px 40px
}
.service-desc .simple-text {
margin-bottom:20px
}
.right .service-caption {
padding:0 40px 0 60px
}
}
@media(max-width:1500px) {
.service-caption {
padding:100px 60px 54px 40px
}
.service-caption .title {
font-size:70px
}
.service-desc .simple-text p {
font-size:13px;
line-height:20px
}
}
@media(max-width:1300px) {
.service-caption .title {
font-size:55px
}
}
@media(max-width:992px) {
.main-baner-full.mobile-auto {
height:auto;
min-height:600px;
padding:50px 0 50px
}
.main-baner-full>.cell-view {
display:inline-block;
vertical-align:top;
width:100%
}
.service-nav {
top:0
}
.service-caption, .right .service-caption {
padding:0 30px
}
.mobile-toggle-slide.service-toggle {
z-index:5;
margin:0;
position:fixed;
top:110px;
left:50%;
margin-left:-160px
}
.mobile-toggle-slide.service-toggle .slide-lidt-text {
background:#fff;
margin:0;
font-size:18px;
line-height:46px
}
.service-desc, .left .service-desc {
padding:90px 30px 60px
}
.service-nav li span {
display:none
}
.service-nav li.active {
background:#093c66
}
.main-baner-align .service-desc .cell-view {
display:table-cell
}
.mobile-toggle-slide.service-toggle {
top:80px
}
}
@media(max-width:768px) {
.main-baner-full {
display:inline-block;
height:auto;
min-height:600px
}
.main-baner-align {
display:inline-block
}
.scrol-section .column-50 {
width:100%
}
.scrol-section {
position:relative;
width:100%;
display:inline-block;
display:none
}
.scrol-section .column-50.bg-col {
height:350px
}
.scrol-section .column-50.text-col {
padding:50px 0
}
.service-desc {
margin-top:0
}
.scrol-section-wrap {
position:relative;
width:100%
}
.service-desc.vertical-align, .search-panel.popup .service-desc.close, .amount-wrap .service-desc.val, .inside-img img.service-desc, .service-desc.skill-line {
position:relative;
top:auto;
-webkit-transform:translateY(0%);
-moz-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%)
}
.right .service-caption {
text-align:left
}
.scrol-section.active {
-webkit-transform:translateY(0%);
-moz-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
display:none
}
.scrol-section.first {
display:block
}
.service-desc, .service-caption, .right .service-caption, .left .service-desc {
padding:0 15px
}
.price-item.year .price-value b {
font-size:50px;
line-height:60px
}
.price-item.year .price-value {
font-size:20px
}
.main-baner-align .service-desc .cell-view {
display:block
}
}
@media(max-width:480px) {
.service-desc .simple-text p {
padding-bottom:15px
}
.service-nav li {
font-size:16px;
line-height:36px
}
.mobile-toggle-slide.service-toggle .slide-lidt-text {
font-size:16px
}
.service-caption .title {
font-size:35px
}
.mobile-toggle-slide.service-toggle {
max-width:280px;
margin-left:-140px;
top:70px
}
.mobile-toggle-slide.service-toggle ul {
max-width:280px;
min-width:100%
}
}
.service-item.type-4 .image {
	width:220px;
	height:220px;
	margin:0 auto 55px
}
.service-item.type-4 .image img {
	min-width:65px
}
.service-item.type-4 .simple-text {
	max-width:250px;
	margin:0 auto;
	display:block
}
.service-panel {
	position:fixed;
	right:0;
	top:0;
	width:100%;
	overflow-y:auto;
	max-width:740px;
	background:#fff;
	height:100%;
	z-index:550;
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s
}
.service-popup-wrap {
	position:relative
}
.service-popup-wrap .image-bg {
	text-align:center;
	height:530px;
	position:relative;
	width:100%
}
.service-popup-wrap .text {
	padding:45px 65px
}
.service-popup-wrap .text .title {
	padding-bottom:30px
}
.service-popup-wrap .simple-text p {
	padding-bottom:15px
}
.caption-service-popup {
	z-index:5
}
.caption-service-popup img {
	display:block;
	margin:0 auto 20px
}
.caption-service-popup .title {
	font-size:45px;
	line-height:60px;
	color:#fff;
	max-width:340px;
	display:block;
	margin:0 auto;
	padding:0 15px
}
@media(max-width:992px) {
.service-item.type-4 .image {
width:120px;
height:120px;
margin:0 auto 20px
}
.service-item.type-4 .image img {
min-width:inherit
}
}
@media(max-width:768px) {
.service-popup-wrap .text {
padding:30px 15px
}
.caption-service-popup .title {
font-size:35px;
line-height:40px
}
.service-popup-wrap .image-bg {
height:430px
}
}
.team-slide-item-wrap {
	height:100%;
	position:relative;
	width:100%;
	padding:90px 0 0
}
.team-slide-item {
	position:relative;
	float:left;
	width:25%;
	height:100%;
	-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)
}
.team-slide-item .folow a {
	margin:0 10px;
	font-size:24px;
	color:#fff
}
.team-slide-item .folow a:after {
	font-size:24px;
	color:rgba(255, 255, 255, 0.5)
}
.team-slide-item .desc {
	color:#fff;
	position:absolute;
	left:0;
	width:100%;
	top:0;
-webkit-transition:all .35s ease-out .35s;
-moz-transition:all .35s ease-out .35s;
-ms-transition:all .35s ease-out .35s;
transition:all .35s ease-out .35s
}
.team-slide-item .desc .title {
	font-size:36px;
	display:block;
	padding-bottom:15px;
	line-height:40px
}
.team-slide-item .sub-title {
	font-size:15px;
	letter-spacing:1.4px
}
.team-slide-item .detail-desc {
	position:relative;
	width:100%;
	color:#fff;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out;
	opacity:0
}
.team-slide-item .detail-desc .title {
	font-size:80px;
	line-height:70px;
	padding-bottom:50px
}
.team-slide-item .detail-desc .simple-text {
	max-width:450px;
	margin:0 auto 30px
}
.team-slide-item .bg, .team-slide-item .service-layer {
	overflow:visible
}
.team-slide-item:first-child .bg, .team-slide-item:first-child .service-layer {
	background-position:left center
}
.team-slide-item:last-child .bg, .team-slide-item:last-child .service-layer {
	background-position:right center
}
@media(min-width:1200px) {
.team-slide-item.out {
width:40%
}
.team-slide-item.out .desc {
-webkit-transform:scale(0.5);
-moz-transform:scale(0.5);
-ms-transform:scale(0.5);
transform:scale(0.5);
opacity:0;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.team-slide-item.out .detail-desc {
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
-webkit-transition:all .35s ease-out .3s;
-moz-transition:all .35s ease-out .3s;
-ms-transition:all .35s ease-out .3s;
transition:all .35s ease-out .3s
}
.team-slide-item.in {
width:20%
}
}
@media(max-width:1400px) {
.team-slide-item-wrap {
padding:66px 0 0 0
}
.team-slide-item .desc .title {
font-size:30px;
line-height:24px
}
.team-slide-item .sub-title {
font-size:12px
}
.team-slide-item .detail-desc .title {
font-size:40px;
line-height:40px;
padding-bottom:30px
}
.team-slide-item .detail-desc .simple-text p {
font-size:14px;
line-height:20px
}
}
@media(max-width:1200px) {
.lg-auto-height.top-baner {
height:auto
}
.team-slide-item {
width:50%;
height:auto
}
.team-slide-item .desc {
display:none
}
.team-slide-item .detail-desc {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
opacity:1;
color:#093c66
}
.team-slide-item .detail-desc .simple-text {
margin:0 auto 20px;
padding:0 30px
}
.main-baner-align.padd-bottom {
padding-bottom:0
}
.team-slide-item .detail-desc .simple-text p {
color:rgba(77, 77, 78, 0.7)
}
.team-slide-item .bg, .team-slide-item .service-layer {
position:relative;
width:100%;
height:350px;
margin-bottom:30px
}
.team-slide-item .vertical-align.full, .team-slide-item .search-panel.popup .full.close, .search-panel.popup .team-slide-item .full.close, .team-slide-item .amount-wrap .full.val, .amount-wrap .team-slide-item .full.val, .team-slide-item .inside-img img.full, .inside-img .team-slide-item img.full, .team-slide-item .full.skill-line {
position:relative;
top:auto;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
@media(max-width:768px) {
.team-slide-item {
width:100%
}
.team-slide-item .detail-desc .title {
font-size:30px;
line-height:35px
}
}
.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:#093c66;
	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:0;
	bottom:0;
	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:#093c66;
	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:0 0 0 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:0 5px 0 0
}
.counter.style-2 {
	border-color:#d2d2d3;
	color:#9c9d9c;
	display:inline-block
}
.counter.style-2 input {
	color:#093c66
}
.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:0;
	top:0;
	width:100%;
	height:100%;
	border-radius:50%;
	box-shadow:inset 0 0 0 3px #fff;
	opacity:0;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.slide-point .bg, .slide-point .service-layer {
	width:100px;
	height:100px;
	border-radius:50%;
	left:50%;
	top:50%;
	margin:-50px 0 0 -50px
}
.slide-point .path {
	stroke:#75acff;
	stroke-width:3;
	stroke-miterlimit:10
}
.slide-point .spinner {
	position:absolute;
	left:0;
	top:0;
	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:0 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:0 5px 0 0
}
.pricelist {
width:100%
}
.right-item-wrapp {
width:100%;
padding:0
}
.tags-item-wrap {
padding-bottom:30px
}
}
@media(max-width:1200px) {
.price-item-wrap .button-type-1 {
float:left;
clear:both;
margin-top:0
}
.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:0;
bottom:20px
}
.point-circle-slider .swiper-slide {
padding:0 5px
}
.main-baner-full.no-table {
height:auto
}
.project-item-wrap {
margin-bottom:0
}
.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:0 7px 14px
}
.share-item-wrap {
text-align:center
}
.share-item-wrap .folow.color-style a {
margin:0 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:0;
	bottom:0;
	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;
    border: 2px solid #004aad;
    padding: 10px;
    box-shadow: 2px 2px 2px 2px #DDD;
    border-radius: 15px;
    margin-bottom: 15px;
}
.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:0 44px 98px rgba(21, 21, 22, 0.31);
	z-index:5
}
.item-type-1 .bg, .item-type-1 .service-layer {
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0 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:0 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:0 20px
}
.service-item.type-3 .image {
	background:0;
	border-radius:0;
	margin-bottom:0;
	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:0;
	top:0;
	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:0;
	position:relative;
	margin:0
}
.project-item.type-2 .sub-title:before {
	content:'';
	position:absolute;
	width:0;
	height:10px;
	background:#a3de15;
	top:2px;
	left:-110px;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.project-item.type-2 .project-title {
	position:relative;
	width:100%;
	left:auto;
	top:auto;
	padding:0 50px;
	opacity:0;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0 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:0 93px 125px 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:0 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:0;
	left:0;
	right:0;
	bottom:0;
	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:.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:.1s;
transition:.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:0
}
.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:0
}
.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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0
}
.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 0 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.2)
}
.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:0;
left:0;
bottom:0;
right:0;
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:0
}
.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:#093c66
}
.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:0
}
.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:0
}
.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:0
}
.service-item.type-3 {
margin-bottom:30px
}
.button-type-4 {
height:50px;
line-height:50px;
padding:0 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:0 30px
}
.step-slider-item .title {
font-size:30px;
line-height:36px
}
.testi-slide {
padding:30px 0 0 30px;
margin-top:0
}
.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 0
}
}
@media(max-width:340px) {
.top-baner {
height:600px
}
}
.main-baner-full.align-center {
	padding:90px 0
}
.single-title {
	text-align:center;
	position:relative;
	display:inline-block;
	width:100%;
	padding:210px 0 0;
	z-index:1;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.single-title .title {
	font-size:90px;
	line-height:100px;
	padding-bottom:25px
}
.single-title .simple-text {
	padding-bottom:40px
}
.image-offset {
	position:relative;
	width:100%;
	height:100%;
	box-shadow:0 38px 98px rgba(0, 0, 0, 0.74)
}
.over-wrapp {
	position:absolute;
	overflow:hidden;
	left:0;
	top:90px;
	bottom:90px;
	right:0
}
.section-offset-container {
	position:absolute;
	width:100%;
	height:100%;
	z-index:5;
	left:0;
	top:0;
	overflow-y:auto;
	margin-left:20px;
	padding-right:20px
}
.slide-layer {
	background:rgba(49, 44, 44, 0.6);
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.hold-layer {
	background:rgba(77, 77, 78, 0.7);
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.main-baner-full.hold .hold-layer {
	background:rgba(71, 52, 52, 0.96)
}
.slide-elem {
	position:relative;
	padding:35px 0;
	width:100%;
	height:100%
}
.slide-elem .container {
	height:100%;
	position:relative
}
.single-caption {
	right:-240px;
	max-width:240px;
	padding:0 20px
}
.single-caption .title {
	font-size:36px;
	line-height:42px;
	color:#fff;
	padding-bottom:10px
}
@media(max-width:1840px) {
.single-caption {
position:relative;
right:0
}
}
@media(max-width:1500px) {
.single-title .title {
font-size:50px;
line-height:60px
}
.single-title {
padding-top:120px
}
}
@media(max-width:1200px) {
.single-page .over-wrapp {
bottom:0
}
.slide-elem {
height:500px
}
}
@media(max-width:1400px) {
.over-wrapp {
top:66px;
bottom:53px
}
.slide-elem .container, .single-title .container {
width:100%;
padding:0
}
.image-offset {
box-shadow:none
}
}
@media(max-width:1024px) {
.single-title {
padding-right:20px
}
.slide-elem {
padding-right:20px
}
}
@media(max-width:992px) {
.single-page .main-baner-full {
min-height:800px
}
.single-title {
padding:80px 15px 0
}
.single-title .title {
font-size:30px;
line-height:40px;
padding-bottom:15px
}
.slide-elem {
padding:15px 30px
}
.section-offset-container {
margin-left:0;
padding-right:0
}
}
@media(max-width:480px) {
.slide-elem {
padding:15px
}
.single-title {
padding-top:60px
}
}
.row.row-lg {
	margin-left:-25px;
	margin-right:-25px;
	height:100%
}
.col {
	position:relative;
	padding:0 25px 50px;
	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 0 0 220px;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:#093c66;
	max-width:420px;
	left:35px;
	padding:20px 30px 55px 80px;
	margin-top:45px;
-webkit-transition:all .55s ease-out;
-moz-transition:all .55s ease-out;
-ms-transition:all .55s ease-out;
transition:all .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:0
}
.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 .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.single2-point li:hover:before, .single2-point li.active:before {
	opacity:1
}
.main-content.open-panel .single2-slider {
	padding-left:0
}
.main-content.open-panel .single2-desc {
	left:-800px
}
.single3-slider {
	padding:90px 550px 0 0
}
.singl3-desc {
	right:0;
	width:100%;
	overflow-y:auto;
	z-index:25;
	max-width:550px;
	background:#2f2f2f;
	top:90px;
	bottom:0;
	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:0;
	z-index:15;
	height:auto;
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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 .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .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 .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.close-nav-bar i:before {
	content:'';
	position:absolute;
	left:0;
	top:-6px;
	width:100%;
	height:2px;
	background:#fff;
	backface-visibility:hidden;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.close-nav-bar i:after {
	content:'';
	position:absolute;
	left:0;
	bottom:-6px;
	width:100%;
	height:2px;
	background:#fff;
	backface-visibility:hidden;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .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:0
}
.close-nav-bar.active i:after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
	bottom:0
}
.close-nav-bar.type-2 {
	position:fixed;
	left:140px;
	top:50%;
	width:50px;
	margin-top:-25px;
	z-index:50;
	background:#093c66
}
.close-nav-bar.type-2 i:before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:0;
	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:0;
	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:0;
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 0 0
}
.single3-slider-point {
top:66px
}
.singl3-desc {
top:66px
}
.single2-desc {
margin-top:33px
}
.single2-slider {
padding:66px 0 0 220px
}
.col {
padding:0 15px 30px
}
.row.row-lg {
margin-left:-15px;
margin-right:-15px
}
}
@media(max-width:1200px) {
.singl3-desc {
width:400px
}
.single3-slider {
padding:66px 400px 0 0
}
.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:0
}
.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:0
}
.close-nav-bar.type-2 {
top:66px;
margin-top:0
}
.single2-point {
top:75px
}
.single2-slider {
padding:66px 0 0 0;
height:750px
}
.col {
padding:15px
}
.row.row-lg {
margin-left:0;
margin-right:0
}
.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:0;
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
}
}
@font-face {
font-family:'DINOT-Black';
src:url("../font/dinot/DINOT-Black.otf") format("opentype");
font-weight:900;
font-style:normal
}
@font-face {
font-family:'DINOT-Bold';
src:url("../font/dinot/DINOT-Bold.otf") format("opentype");
font-weight:700;
font-style:normal
}
@font-face {
font-family:'DINOT-CondBlack';
src:url("../font/dinot/DINOT-CondBlack.otf") format("opentype");
font-weight:700;
font-style:normal
}
@font-face {
font-family:'DINOT-Light';
src:url("../font/dinot/DINOT-Light.otf") format("opentype");
font-weight:300;
font-style:normal
}
.bg-sq1 {
	background:#fff
}
.bg-sq2 {
	background:#46ff38
}
.bg-sq3 {
	background:#5c46ff
}
.bg-sq4 {
	background:#a63030
}
.bg-sq5 {
	background:0;
	box-shadow:0 102px 150px rgba(2, 2, 2, 0.75)
}
.font-black, .button-type-2.style-2, .box-item .number, .price-number b, .price-number span {
	font-family:'DINOT-Black';
	font-weight:900
}
.font-bold, .box-title, .box-type-4 .sm-box-text h5 {
	font-family:'DINOT-Bold';
	font-weight:700
}
.font-cond, .box-title.xs, .box-title.sm, .box-title.md, .box-title.lg, .box-subtitle, .price-sm-item {
	font-family:'DINOT-CondBlack';
	font-weight:700
}
.font-light, .box-nav li a, .box-text p {
	font-family:'DINOT-Light';
	font-weight:300
}
.box-grad, .box-item .text-block, .price-sm-item {
	background-image:-webkit-linear-gradient(45deg, rgba(2, 2, 2, 0.12) 0, rgba(255, 255, 255, 0.12) 100%);
	background-image:-moz-linear-gradient(45deg, rgba(2, 2, 2, 0.12) 0, rgba(255, 255, 255, 0.12) 100%);
	background-image:linear-gradient(45deg, rgba(2, 2, 2, 0.12) 0, rgba(255, 255, 255, 0.12) 100%);
	background-position:50% 50%;
	-webkit-background-origin:padding-box;
	background-origin:padding-box;
	-webkit-background-clip:border-box;
	background-clip:border-box;
	-webkit-background-size:auto auto;
	background-size:auto auto
}
.box-grad2, .onepage-box.style-1 .box-type-4 .text-block, .onepage-box.style-2 .box-type-4 .text-block {
	background-image:-webkit-linear-gradient(-45deg, #f65236 0, #ca1933 100%);
	background-image:-moz-linear-gradient(135deg, #f65236 0, #ca1933 100%);
	background-image:linear-gradient(135deg, #f65236 0, #ca1933 100%);
	background-position:50% 50%;
	-webkit-background-origin:padding-box;
	background-origin:padding-box;
	-webkit-background-clip:border-box;
	background-clip:border-box;
	-webkit-background-size:auto auto;
	background-size:auto auto
}
.onepage-box {
	position:relative
}
.onepage-box.style-1 {
	background:#4e4040
}
.onepage-box.style-1 .box-container {
	background:#403030
}
.onepage-box.style-1 .header.box-style.bg-scroll {
	background:#3f2b2b
}
.onepage-box.style-1 .box-item .text-block {
	background-color:#403030
}
.onepage-box.style-1 .hold-slide-layer {
	background:#3f2b2b
}
.onepage-box {
	position:relative
}
.onepage-box.style-2 {
	background:#191e3f
}
.onepage-box.style-2 .box-container {
	background:#0b0e24
}
.onepage-box.style-2 .header.box-style.bg-scroll {
	background:#0b0e24
}
.onepage-box.style-2 .box-item .text-block {
	background-color:#0b0e24
}
.onepage-box.style-2 .hold-slide-layer {
	background:#0b0e24
}
.header.box-style {
	position:fixed;
	z-index:105;
	left:0;
	top:0;
	width:100%;
	height:150px;
	text-align:center;
-webkit-transition:all .55s ease-out;
-moz-transition:all .55s ease-out;
-ms-transition:all .55s ease-out;
transition:all .55s ease-out
}
.header.box-style.bg-scroll {
	height:80px
}
.header.box-style.bg-scroll .box-nav {
	padding:10px 0
}
.header.box-style .logo {
	left:0;
	-webkit-transform:translate(0%, -50%);
	-moz-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
	width:auto
}
.header.box-style .logo img {
	max-width:50px;
	height:auto
}
.header.box-style .add-nav-link {
	right:0;
	display:block
}
.header.box-style .container, .header.box-style .navigation {
	height:inherit
}
.header.box-style .navigation {
	position:relative;
	width:100%
}
.box-nav {
	position:relative;
	display:inline-block;
	padding:45px 0;
	overflow:hidden
}
.box-nav ul {
	display:block;
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	transform:translateX(100%);
-webkit-transition:all .55s ease-out;
-moz-transition:all .55s ease-out;
-ms-transition:all .55s ease-out;
transition:all .55s ease-out
}
.box-nav li {
	position:relative;
	display:inline-block;
	margin:0 20px
}
.box-nav li a {
	color:rgba(255, 255, 255, 0.5);
	font-size:19px;
	line-height:60px
}
.box-nav li a:hover, .box-nav li a.active {
	color:#fff
}
.box-nav.slide ul {
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-ms-transform:translateX(0%);
	transform:translateX(0%)
}
.add-nav-link {
	width:60px;
	height:60px;
	z-index:60;
	border-radius:50%;
	background:rgba(255, 255, 255, 0.1);
	text-align:center
}
.add-nav-link img {
	position:absolute;
	opacity:.3;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%) rotate(0deg);
	-moz-transform:translate(-50%, -50%) rotate(0deg);
	-ms-transform:translate(-50%, -50%) rotate(0deg);
	transform:translate(-50%, -50%) rotate(0deg);
	display:block;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.add-nav-link.act img {
	-webkit-transform:translate(-50%, -50%) rotate(45deg);
	-moz-transform:translate(-50%, -50%) rotate(45deg);
	-ms-transform:translate(-50%, -50%) rotate(45deg);
	transform:translate(-50%, -50%) rotate(45deg)
}
.top-box-slider {
	position:relative;
	width:100%
}
.scroll-down.lg {
	bottom:auto;
	top:15px
}
.main-container {
	padding-top:150px;
	position:relative;
	width:100%;
	overflow:hidden
}
.hold-slide-layer {
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.hold-slide .swiper-slide-active .hold-slide-layer {
	opacity:0;
	visibility:hidden
}
.hold-slide.gallery-slide-1 {
	padding-top:110px
}
.hold-slide .swiper-slide {
	max-width:945px
}
.pagination.style-type-3 {
	position:absolute;
	left:0;
	top:50px;
	bottom:auto;
	width:100%
}
.pagination.style-type-3 .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background:rgba(255, 255, 255, 0.2);
	margin:0 8px;
	vertical-align:middle;
-webkit-transition:margin .35s ease-out;
-moz-transition:margin .35s ease-out;
-ms-transition:margin .35s ease-out;
transition:margin .35s ease-out
}
.pagination.style-type-3 .swiper-pagination-bullet:before {
	content:'';
	position:absolute;
	left:-12px;
	top:-12px;
	border:5px solid rgba(255, 255, 255, 0.2);
	background:0;
	width:25px;
	height:25px;
	border-radius:50%;
	opacity:0;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out;
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-ms-transform:scale(0.5);
	transform:scale(0.5)
}
.pagination.style-type-3 .swiper-pagination-bullet-active {
	background:0;
	margin:0 13px
}
.pagination.style-type-3 .swiper-pagination-bullet-active:before {
	opacity:1;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.link-more {
	position:relative;
	display:block;
	width:70px;
	height:70px;
	border-radius:50%;
	border:3px solid rgba(255, 255, 255, 0.3)
}
.link-more img {
	position:absolute;
	opacity:.3;
	left:50%;
	top:50%;
	-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);
	display:block;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.link-more:hover img {
	-webkit-transform:translate(-50%, -50%) scale(0.8);
	-moz-transform:translate(-50%, -50%) scale(0.8);
	-ms-transform:translate(-50%, -50%) scale(0.8);
	transform:translate(-50%, -50%) scale(0.8)
}
.button-type-2.style-2 {
	white-space:nowrap;
	height:60px;
	line-height:60px;
	padding:0 30px;
	font-size:15px;
	letter-spacing:6px;
-webkit-transition:all .35s ease-out 1s;
-moz-transition:all .35s ease-out 1s;
-ms-transition:all .35s ease-out 1s;
transition:all .35s ease-out 1s
}
.button-type-2.style-2:hover {
	box-shadow:none;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	transition:none
}
.box-container {
	position:relative;
	width:100%;
	padding-top:380px
}
.box-title {
	font-size:31px;
	line-height:49px;
	padding-bottom:10px;
	letter-spacing:3.8px;
	text-transform:uppercase;
	color:#fff
}
.box-title.xs {
	font-size:32px;
	line-height:40px;
	letter-spacing:5px;
	letter-spacing:15px
}
.box-title.sm {
	font-size:88px;
	line-height:137px;
	letter-spacing:50px
}
.box-title.md {
	font-size:93px;
	line-height:96px;
	letter-spacing:42px;
	padding-bottom:20px
}
.box-title.lg {
	font-size:134px;
	line-height:137px;
	margin-left:-215px;
	letter-spacing:50px;
	padding-bottom:25px
}
.box-subtitle {
	font-size:32px;
	letter-spacing:5px;
	line-height:40px;
	text-transform:uppercase;
	color:#fff
}
.box-text {
	position:relative
}
.box-text p {
	font-size:17px;
	line-height:32px;
	color:rgba(255, 255, 255, 0.5)
}
.box-item {
	position:relative;
	width:100%;
	display:inline-block
}
.box-item .number {
	position:absolute;
	font-size:334px;
	line-height:210px;
	text-shadow:0 102px 150px rgba(2, 2, 2, 0.75);
	letter-spacing:-18px;
	color:rgba(255, 255, 255, 0.1)
}
.box-item .box-slider {
	width:570px;
	height:640px;
	position:absolute
}
.box-item .box-slider .shadow-imit {
	position:absolute;
	width:570px;
	height:570px;
	box-shadow:0 102px 150px rgba(2, 2, 2, 0.75);
	left:0;
	bottom:0
}
.box-item .box-slider .swiper-container {
	padding-top:70px
}
.box-item .box-slider .pagination.style-type-3 {
	top:30px
}
.box-item .text-block {
	position:relative;
	display:inline-block;
	box-shadow:0 102px 150px rgba(2, 2, 2, 0.75)
}
.square-box {
	position:absolute;
	width:395px;
	height:395px
}
.square-box.md {
	width:175px;
	height:175px
}
.square-box.lg {
	width:270px;
	height:270px
}
.square-box.sm {
	width:288px;
	height:377px
}
.box-type-1 {
	padding-bottom:185px;
	margin-bottom:360px
}
.box-type-1 .number {
	right:-17%;
	top:0;
	line-height:160px
}
.box-type-1 .image {
	width:570px;
	height:570px;
	position:absolute;
	top:24%;
	left:32%;
	box-shadow:0 102px 150px rgba(2, 2, 2, 0.75);
	z-index:2
}
.box-type-1 .text-block {
	padding:150px 85px 90px 80px;
	max-width:570px;
	z-index:5;
	margin-left:-18%
}
.box-type-1 .text-block .box-text {
	padding-bottom:30px
}
.box-type-1 .link-more {
	float:right
}
.box-type-1 .square-box {
	left:12%;
	bottom:11%
}
.box-type-2 {
	margin-bottom:250px
}
.box-type-2 .number {
	left:-215px;
	top:0;
	line-height:270px
}
.box-type-2 .box-slider {
	right:-120px;
	top:0;
	z-index:5
}
.box-type-2 .text-block {
	padding:100px 335px 140px 55px;
	max-width:730px;
	z-index:3;
	margin-left:80px;
	margin-top:330px
}
.box-type-2 .square-box {
	left:400px;
	top:200px
}
.box-type-2 .link {
	position:absolute;
	bottom:-25px;
	left:55px
}
.box-type-2 .button-type-2.style-2:after, .box-type-2 .button-type-2.style-2:before, .box-type-2 .button-type-2.style-2 span:after, .box-type-2 .button-type-2.style-2 span:before {
	background:#46ff38
}
.box-type-2 .button-type-2.style-2:hover {
	color:#46ff38
}
.box-type-3 {
	margin-bottom:260px
}
.box-type-3 .box-slider {
	left:-80px;
	z-index:5;
	top:0
}
.box-type-3 .text-block {
	padding:100px 115px 140px 260px;
	margin-top:330px;
	min-width:730px;
	z-index:3;
	margin-left:280px
}
.box-type-3 .link {
	position:absolute;
	left:260px;
	bottom:-25px
}
.box-type-3 .square-box {
	left:420px;
	top:210px
}
.box-type-3 .button-type-2.style-2:after, .box-type-3 .button-type-2.style-2:before, .box-type-3 .button-type-2.style-2 span:after, .box-type-3 .button-type-2.style-2 span:before {
	background:#5c46ff
}
.box-type-3 .button-type-2.style-2:hover {
	color:#5c46ff
}
.box-type-4 {
	padding-top:195px;
	margin-bottom:320px
}
.box-type-4 .number {
	right:-85px;
	top:0
}
.box-type-4 .text-block {
	min-width:1170px;
	padding:0 20px 0 120px;
	margin-left:-115px
}
.box-type-4 .text-block .box-text {
	max-width:340px;
	float:left
}
.box-type-4 .box-title {
	margin-top:-38px
}
.box-type-4 .sm-box-wrap {
	position:relative;
	display:inline-block;
	width:62%;
	float:right;
	margin-bottom:-25px;
	padding-top:30px
}
.box-type-4 .sm-box-text {
	position:relative;
	width:100%;
	display:inline-block;
	margin-right:70px;
	box-shadow:0 102px 150px rgba(2, 2, 2, 0.75);
	padding:60px 30px 50px 30px;
	min-height:255px
}
.box-type-4 .column-50 {
	float:left;
	padding-right:70px
}
.box-type-4 .sm-box-text h5 {
	font-size:17px;
	line-height:29px;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:5.8px
}
.box-type-4 .column-50:nth-child(1), .box-type-4 .column-50:nth-child(2) {
margin-bottom:75px
}
.box-type-5 {
	margin-bottom:130px
}
.box-type-5 .image {
	width:670px;
	height:670px;
	position:relative;
	float:left;
	margin-left:-160px;
	margin-top:110px;
	z-index:5
}
.box-type-5 .text-block-team {
	float:left;
	position:relative;
	width:40%;
	margin-top:220px;
	z-index:6
}
.box-type-5 .number {
	right:70px;
	top:0
}
.box-type-5 .square-box {
	left:325px;
	top:30px;
	z-index:3
}
.box-type-5 .box-text {
	padding:0 0 0 40px
}
.box-type-6 {
	padding-top:210px;
	margin-bottom:320px
}
.box-type-6 .number {
	right:-156px;
	top:0
}
.box-type-6 .box-title {
	text-align:center;
	padding-bottom:5px
}
.price-number {
	position:relative;
	width:100%;
	display:inline-block;
	padding-bottom:70px
}
.price-number b {
	font-size:595px;
	line-height:475px;
	color:rgba(255, 255, 255, 0.1);
	margin-left:-24px;
	position:relative;
	display:block
}
.price-number span {
	position:absolute;
	width:115px;
	height:115px;
	line-height:115px;
	color:#fff;
	font-size:41px;
	background:rgba(255, 255, 255, 0.1);
	bottom:0;
	right:-20px;
	text-align:center;
	text-transform:uppercase
}
.price-number span sub {
	font-size:20px;
	line-height:70px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:-15px
}
.start-calc {
	position:absolute;
	background:#ff3838;
	cursor:pointer;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	left:50%;
	top:50%;
	width:280px;
	height:280px;
	text-align:center;
	line-height:280px;
	color:#fff;
	font-size:100px;
	border-radius:50%
}
.start-calc:before {
	content:'';
	position:absolute;
	top:50%;
	left:-500%;
	width:500%;
	height:8px;
	margin-top:-4px;
	background:#ff3838
}
.price-sm-wrapp .column-50 {
	float:left;
	padding:0 0 0 70px
}
.price-sm-item {
	position:relative;
	width:176px;
	height:176px;
	box-shadow:0 102px 150px rgba(2, 2, 2, 0.75);
	color:#fff;
	padding:40px 0 0 100px
}
.price-sm-item .title {
	position:relative;
	min-width:360px
}
.price-sm-item .title h6 {
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
	letter-spacing:5px
}
.price-sm-item .title b {
	display:block;
	font-size:66px;
	line-height:66px
}
.box-type-7 {
	text-align:center;
	padding:140px 0 80px;
	margin-bottom:300px
}
.box-type-7 .number {
	left:50%;
	top:0;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%)
}
.box-type-7 .box-title {
	z-index:5;
	position:relative;
	padding-bottom:0
}
.box-type-7 .box-subtitle {
	padding-bottom:20px;
	z-index:5;
	position:relative
}
.box-type-7 .image {
	position:relative;
	width:100%;
	min-width:1646px;
	margin-left:-345px;
	display:block
}
.box-type-7 .image img {
	width:100%;
	height:auto;
	position:relative;
	z-index:1
}
.box-type-7 .column-50 {
	float:left;
	text-align:left;
	padding:0 40px
}
.box-type-7 .text {
	position:relative;
	width:100%;
	margin-top:-215px;
	padding:0 40px
}
.box-type-7 .text .box-title {
	letter-spacing:112px;
	margin-left:55px;
	padding-bottom:30px
}
.box-type-7 .square-box {
	position:relative;
	margin:-110px auto 0;
	display:block
}
.box-type-7 .link {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	transform:translateX(-50%);
	bottom:-25px;
	z-index:5
}
.box-type-7 .button-type-2.style-2:after, .box-type-7 .button-type-2.style-2:before, .box-type-7 .button-type-2.style-2 span:after, .box-type-7 .button-type-2.style-2 span:before {
	background:#ff3838
}
.box-type-7 .button-type-2.style-2:hover {
	color:#ff3838
}
.point-laptop {
	width:230px;
	height:230px;
	background:#fe3838;
	position:absolute;
	right:191px;
	top:-35px;
	border-radius:50%
}
@media(max-width:1290px) {
.box-container {
padding-top:180px
}
.main-container {
padding-top:80px
}
.header.box-style {
height:80px
}
.onepage-box.style-1 .header.box-style {
background:#3f2b2b
}
.onepage-box.style-2 .header.box-style {
background:#0b0e24
}
.box-nav {
padding:10px 0
}
.scroll-down.lg {
display:none
}
.box-type-1 {
margin-bottom:200px
}
.box-type-1 .number {
right:0
}
.box-type-1 .text-block {
margin-left:0
}
.box-type-1 .image {
left:auto;
right:0;
top:33%
}
.box-type-2 {
margin-bottom:200px
}
.box-type-2 .number {
left:0
}
.box-type-2 .box-slider {
right:0
}
.box-type-2 .text-block {
margin-left:0;
padding:100px 380px 95px 55px
}
.box-type-3 {
margin-bottom:200px
}
.box-type-3 .box-slider {
left:0;
width:470px;
height:570px
}
.box-type-3 .text-block {
margin-left:212px;
padding:100px 60px 116px 285px
}
.box-type-3 .box-slider .shadow-imit {
width:470px;
height:500px
}
.box-type-3 .link {
left:285px
}
.box-type-4 {
margin-bottom:200px
}
.box-type-4 .number {
right:10px
}
.box-type-4 .text-block {
min-width:100%;
margin-left:0
}
.box-type-4 .text-block {
padding:0 20px 0 60px
}
.box-type-4 .sm-box-wrap {
width:100%
}
.box-type-5 .image {
margin-left:0;
width:570px;
height:570px
}
.box-type-5 .text-block-team {
width:35%
}
.box-type-5 .number {
right:10px
}
.box-type-6 {
margin-bottom:200px
}
.box-type-6 .number {
right:10px
}
.price-number span {
right:20px
}
.box-type-7 {
margin-bottom:200px
}
.box-type-7 .image {
min-width:100%;
margin-left:0
}
.box-type-7 .text {
margin-top:-120px
}
.point-laptop {
width:130px;
height:130px;
right:115px
}
}
@media(max-width:992px) {
.box-type-1 {
padding-bottom:0;
margin-bottom:120px
}
.box-type-1 .text-block {
max-width:none;
width:100%;
padding:60px
}
.box-type-1 .image {
position:relative;
width:100%;
top:0;
height:370px
}
.square-box {
display:none
}
.box-item .text-block {
z-index:6
}
.box-item .number {
position:relative;
text-align:center;
display:block;
margin:0 auto 30px;
font-size:200px;
line-height:155px
}
.box-item .box-slider {
width:100%;
height:470px;
position:relative
}
.box-item .box-slider .shadow-imit {
width:100%;
height:400px
}
.box-type-2 .text-block {
margin-top:0;
padding:60px 60px 120px
}
.box-type-2 .link, .box-type-3 .link {
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
.box-type-3 .text-block {
margin:0;
padding:60px 60px 120px;
min-width:100%
}
.box-type-4 {
padding-top:0
}
.box-type-4 .column-50:nth-child(1), .box-type-4 .column-50:nth-child(2) {
margin-bottom:35px
}
.box-type-4 .box-title {
margin-top:20px
}
.box-type-5 .image {
margin-top:0;
width:100%;
height:370px
}
.box-type-5 .image .bg, .box-type-5 .image .service-layer {
background-position:top center
}
.box-type-5 .text-block-team {
width:100%;
margin-top:0
}
.box-title.lg {
margin-left:30px
}
.box-type-6 {
padding-top:0
}
.box-type-2, .box-type-4, .box-type-3, .box-type-6 {
margin-bottom:130px
}
.price-number b {
font-size:448px;
line-height:360px;
margin-left:-13px
}
.box-type-7 {
padding:0
}
.box-title.lg {
font-size:94px;
line-height:90px
}
.box-type-5 .text-block-team {
margin-top:30px
}
.start-calc {
font-size:75px;
line-height:180px;
width:180px;
height:180px
}
.price-sm-item .title b {
font-size:50px;
line-height:60px
}
.price-sm-wrapp .column-50 {
padding:0 0 0 40px
}
.price-sm-item {
padding:40px 0 0 30px
}
.price-number span {
width:80px;
height:80px;
line-height:80px;
font-size:30px
}
.box-type-7 .text .box-title {
letter-spacing:35px;
margin-left:35px
}
.box-title.sm {
letter-spacing:35px;
line-height:88px;
margin-left:35px
}
.box-type-7 .column-50 {
padding:0 20px;
z-index:6
}
.point-laptop {
display:none
}
.box-nav ul {
padding:40px 0;
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow-y:auto;
z-index:50
}
.onepage-box.style-1 .box-nav ul {
background:#3f2b2b
}
.onepage-box.style-2 .box-nav ul {
background:#3f2b2b
}
.box-nav li {
display:block
}
}
@media(max-width:768px) {
.box-container {
padding-top:80px
}
.box-title.lg, .box-title.md, .box-title.sm {
letter-spacing:35px;
font-size:64px;
line-height:60px
}
.box-item .number {
font-size:120px;
line-height:90px;
letter-spacing:3px
}
.box-type-4 .column-50 {
width:100%;
margin-bottom:35px
}
.box-type-4 .sm-box-text {
min-height:100%
}
.box-type-4 .sm-box-wrap {
margin-bottom:0
}
.price-number b {
text-align:center;
margin:0 auto;
font-size:260px;
line-height:190px
}
.start-calc {
width:100px;
height:100px;
line-height:100px;
font-size:40px
}
.box-type-7 .column-50 {
width:100%;
padding:0 20px 30px
}
.box-type-7 .square-box {
margin:-50px auto
}
.price-sm-wrapp .column-50 {
width:100%
}
.price-sm-wrapp .column-50:first-child {
padding-bottom:30px
}
}
@media(max-width:480px) {
.price-number {
padding-bottom:50px
}
.price-number b {
font-size:154px;
line-height:180px
}
.price-number span {
font-size:20px;
width:60px;
height:60px;
line-height:60px;
bottom:24px
}
.price-number span sub {
line-height:45px;
font-size:13px
}
.price-sm-item .title {
min-width:100%
}
.box-type-1 .image {
height:270px
}
.box-type-1 .text-block {
padding:30px
}
.box-type-1 .text-block .box-text {
padding-bottom:20px
}
.box-item .box-slider {
height:400px
}
.box-item .box-slider .shadow-imit {
display:none
}
.box-type-2 .text-block, .box-type-3 .text-block {
padding:30px 30px 80px
}
.box-title.lg, .box-title.md, .box-title.sm {
font-size:40px;
line-height:40px;
letter-spacing:5px
}
.box-type-4 .text-block, .box-type-5 .box-text, .price-sm-wrapp .column-50 {
padding:0 20px 0 30px
}
.box-type-4 .text-block {
width:100%
}
.box-type-4 .column-50 {
padding-right:0
}
.box-title.xs, .box-subtitle {
font-size:25px;
line-height:25px;
letter-spacing:5px
}
.price-sm-item {
width:100%
}
.box-title {
font-size:27px;
line-height:43px
}
.box-title.sm {
margin-left:0
}
.box-type-7 .text {
margin-top:0;
display:inline-block;
padding:0 30px 60px
}
.box-type-7 .column-50 {
padding:0 0 30px
}
.box-type-7 {
margin-bottom:130px
}
.box-type-7 .text .box-title {
letter-spacing:5px;
margin-left:0
}
.box-type-7 .square-box {
display:none
}
.button-type-2.style-2 {
letter-spacing:3px
}
}
@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;
	font-family:'GTWalsheimProLight'
}
.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:0;
	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-family:'GTWalsheimProLight';
	font-weight:300
}
.font-mini-regular, .service-mini-item .value {
	font-family:'GTWalsheimProRegular';
	font-weight:400
}
.font-mini-bold, .info-item {
	font-family:'GTWalsheimProBold';
	font-weight:700
}
.pagination.style-type-4 {
	position:absolute;
	left:0;
	bottom:85px;
	width:100%
}
.pagination.style-type-4 .swiper-pagination-bullet {
	width:50px;
	display:block;
	border-radius:0;
	height:4px;
	background:#fff;
	margin:8px auto;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.pagination.style-type-4 .swiper-pagination-bullet:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:100%;
	background:#fff;
-webkit-transition:all .45s ease-out .35s;
-moz-transition:all .45s ease-out .35s;
-ms-transition:all .45s ease-out .35s;
transition:all .45s ease-out .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:0;
	top:0;
	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:#fff
}
.header.mini-style .folow.dark a {
	color:#423c3c
}
.mini-nav {
	position:fixed;
	left:0;
	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:#093c66
}
.mini-nav:before {
	content:'';
	position:absolute;
	left:-10px;
	top:0;
	width:4px;
	height:100%;
	background:#fff
}
.mini-nav li a {
	font-size:20px;
	line-height:36px;
	color:#b1b0b0
}
.mini-nav li a:hover, .mini-nav li a.active {
	color:#fff
}
.mini-slider-layer {
	backface-visibility:hidden
}
.content-load-wrap.auto-h {
	height:auto
}
.footer-mini {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:20px 25px;
	z-index:15
}
.footer-mini .copyright {
	font-size:12px;
	line-height:36px;
	color:rgba(255, 255, 255, 0.5);
	float:right
}
.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:0 0 0 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;
	font-size:0;
	background:#fff
}
.column-mini-baner .column-50 {
	display:inline-block;
	vertical-align:middle
}
.column-mini-baner .column-30 {
	width:33.333%;
	display:inline-block;
	vertical-align:middle;
	position:relative
}
.column-mini-baner .column-60 {
	width:66.666%;
	display:inline-block;
	vertical-align:middle;
	position:relative
}
.about-mini-img {
	height:inherit
}
.about-mini-desc {
	padding:0 90px 0 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:#fff;
	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:#fff;
	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:0;
	bottom:0;
	padding:0 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:#fff
}
body.overflowh {
	overflow:hidden
}
.popup-ajax {
	position:fixed;
	right:0;
	top:0;
	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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(66, 60, 60, 0.9);
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0;
	width:50%;
	top:0;
	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 .35s ease-out 1.35s;
-moz-transition:all .35s ease-out 1.35s;
-ms-transition:all .35s ease-out 1.35s;
transition:all .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:.4;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0 70px 0 260px
}
.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:#fff
}
.mini-adr-item:last-child {
	padding-bottom:0
}
.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:0 20px;
	background:#fff;
	font-size:30px
}
.input-label .input-field textarea {
	height:260px;
	resize:none
}
.send-mini-button {
	display:inline-block;
	background:#fff;
	color:#fff;
	padding:0 30px;
	height:70px;
	position:relative;
	min-width:430px;
	float:right;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.send-mini-button input {
	position:absolute;
	background:0;
	left:0;
	top:0;
	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:0;
	font-size:20px;
	line-height:70px
}
.send-mini-button:hover {
	background:#fff;
	color:#fff
}
.project-slider-mini {
	padding-bottom:70px
}
.project-slider-mini .swiper-slide {
	max-width:1340px;
	margin:0 auto;
	opacity:.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 .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:#fff
}
.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 0 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:0;
	bottom:0;
	width:0;
	background:#fff;
	height:4px;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.project-filter a:hover:before, .project-filter a.active:before {
	width:100%
}
.pagination.style-type-5 {
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	z-index:15
}
.pagination.style-type-5 .swiper-pagination-bullet {
	width:15px;
	display:inline-block;
	border-radius:0;
	height:15px;
	background:0;
	margin:0 auto;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.pagination.style-type-5 .swiper-pagination-bullet:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	margin:-2.5px 0 0 -2.5px;
	width:5px;
	height:5px;
	background:#c5c4c4;
	border-radius:50%;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .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:0;
	bottom:0;
	font-size:240px;
	color:#fff
}
.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:0
}
.burger.mini-mobile-open {
	position:absolute;
	left:50%;
	top:20px
}
.burger.mini-mobile-open i:before, .burger.mini-mobile-open i:after {
	background:#fff
}
.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:0;
	background-color:#093c66
}
.text-change-field {
	position:relative;
	display:none;
	margin:0 auto;
	height:50px;
	line-height:50px;
	border:1px solid #423c3c;
	line-height:50px;
	padding:0 15px;
	font-size:15px;
	cursor:pointer;
	max-width:320px
}
.text-change-field i {
	position:absolute;
	right:15px;
	top:0;
	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:30px;
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:0
}
.service-mini-item .value {
font-size:80px;
line-height:70px
}
.service-mini-item .text {
padding-left:60px
}
.contact-baner.column-mini-baner .column-30 {
width:100%;
padding:80px 0 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 {
position:relative;
top:auto;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
padding:0 60px 0 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:1600px) {
.about-mini-desc {
padding:0 60px
}
.client-wrap-desc {
padding:60px
}
.project-filter {
padding:80px 0 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 0 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:0 20px;
min-width:230px
}
.send-mini-button span, .send-mini-button i {
line-height:55px;
font-size:20px
}
.popup-ajax .image {
height:450px
}
}
@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
}
.content-load-wrap {
padding-top:62px
}
.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 .45s ease-out;
-moz-transition:all .45s ease-out;
-ms-transition:all .45s ease-out;
transition:all .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:0 30px
}
.contact-baner.column-mini-baner .column-60 {
padding:30px 30px 60px
}
.contact-form .column-50, .contact-form .column-100 {
padding:0 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;
background-color:#093c66
}
.burger.mini-mobile-open i {
width:30px;
margin:25px auto
}
.footer-mini .folow {
display:inline-block;
width:100%;
text-align:center;
padding:10px 0
}
.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:0 10px;
color:rgba(66, 60, 60, 0.5)
}
.text-change-field {
display:block
}
.mini-project-filter {
position:absolute;
left:0;
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:0;
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:0 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:0 15px
}
.contact-baner.column-mini-baner .column-60 {
padding:30px 15px 60px
}
.contact-baner.column-mini-baner .column-30 {
padding:60px 0
}
.header.mini-style .logo-mini {
max-width:120px
}
.about-mini-desc {
padding:30px 15px 30px
}
.about-mini-desc .simple-text-mini p {
padding-bottom:0
}
.project-mini-title span {
letter-spacing:3px
}
.about-mini-img {
height:250px
}
.info-item {
width:100%;
padding-right:0;
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:0
}
.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:0 30px 15px;
padding-bottom:7px
}
}
.footer.fixed {
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#fff
}
.footer.fixed .folow {
	float:left;
	padding-left:30px
}
.footer.fixed .copyright {
	line-height:16px
}
.solo-open-menu {
	position:relative;
	display:inline-block;
	width:23px;
	height:14px;
	margin:35px 0;
	cursor:pointer
}
.solo-open-menu i {
	position:relative;
	width:19px;
	height:2px;
	background:#093c66;
	margin:6px auto 0;
	display:block
}
.solo-open-menu i:before {
	content:'';
	position:absolute;
	left:-2px;
	top:-6px;
	width:23px;
	height:2px;
	background:#093c66;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.solo-open-menu i:after {
	content:'';
	position:absolute;
	left:2.5px;
	top:6px;
	width:15px;
	height:2px;
	background:#093c66;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.solo-open-menu:hover i:before {
	width:15px;
	left:2px
}
.solo-open-menu:hover i:after {
	width:23px;
	left:-2.5px
}
.solo-header {
	position:fixed;
	left:0;
	top:0;
	text-align:center;
	z-index:500;
	width:100%;
	padding:230px 0 170px;
	opacity:0;
	visibility:hidden;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out;
	-webkit-transform:translateY(-50px);
	-moz-transform:translateY(-50px);
	-ms-transform:translateY(-50px);
	transform:translateY(-50px)
}
.solo-header nav {
	position:relative;
	width:100%
}
.solo-header ul li {
	display:inline-block;
	position:relative;
	margin:0 30px
}
.solo-header ul li a {
	position:relative;
	font-size:25px;
	line-height:30px;
	text-transform:uppercase;
	color:#fff;
	font-weight:700;
	letter-spacing:1.8px
}
.solo-header ul li a:before {
	content:'';
	position:absolute;
	left:50%;
	top:0;
	opacity:0;
	width:7px;
	height:120px;
	background:#535353;
	z-index:-1;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.solo-header ul li:hover a:before, .solo-header ul li.active a:before {
	top:-50px;
	opacity:1
}
.solo-header.show-solo-menu {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px)
}
.main-content.solo-type {
	height:100vmin;
	padding:0;
	border-top-width:0
}
.main-content.solo-type .content-load, .main-content.solo-type .ajax-load-content {
	height:inherit
}
.solo-baner {
	background:#fff;
	position:relative;
	width:100%;
	height:100%;
	padding:90px 0
}
.solo-baner .main-img {
	position:absolute;
	right:-5%;
	bottom:0;
	width:83%
}
.solo-baner .main-img img {
	width:100%;
	height:auto
}
.solo-baner.overflowh {
	overflow:hidden
}
.solo-button.button-type-2.style-2 {
	color:#093c66;
	box-shadow:inset 0 0 0 2px #093c66;
	font-size:13px;
	font-weight:700;
	letter-spacing:1.4px;
	height:53px;
	line-height:53px;
	padding:0 50px
}
.solo-button.button-type-2.style-2:before, .solo-button.button-type-2.style-2:after, .solo-button.button-type-2.style-2 span:before, .solo-button.button-type-2.style-2 span:after {
	background:#25c5f9
}
.solo-button.button-type-2.style-2:hover {
	color:#25c5f9
}
.solo-main-title {
	padding:0 70px 0 140px;
	z-index:5
}
.solo-main-title .simple-text {
	max-width:540px;
	padding-bottom:35px
}
.solo-main-title .title {
	font-size:150px;
	line-height:127px;
	padding-bottom:30px
}
.solo-main-title .title-md {
	font-size:98px;
	line-height:90px;
	padding-bottom:40px
}
.container-perspective.persp {
	-webkit-perspective:1500px;
	perspective:1500px
}
.container-perspective.open-solo-menu {
	background:#093c66
}
.container-perspective.open-solo-menu .effect-push {
	-webkit-transform:translate3d(0px, 23%, 0px) rotateX(48deg) scale(0.75);
	-moz-transform:translate3d(0px, 23%, 0px) rotateX(48deg) scale(0.75);
	-ms-transform:translate3d(0px, 23%, 0px) rotateX(48deg) scale(0.75);
	transform:translate3d(0px, 23%, 0px) rotateX(48deg) scale(0.75);
	-webkit-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.container-perspective.open-solo-menu .pusher-layer {
	opacity:1;
	visibility:visible
}
.left-column {
	width:65%;
	float:left;
	height:100%;
	position:relative
}
.right-column {
	width:35%;
	float:left;
	height:100%;
	position:relative
}
.solo-sub-title {
	position:absolute;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:1.4px;
	font-weight:700;
	color:#093c66;
	display:block;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	left:35px;
	top:290px
}
.main-slider {
	position:relative;
	width:100%;
	height:inherit;
	display:inline-block
}
.circle-solo-point.point-circle-slider {
	position:relative;
	display:inline-block;
	width:100%;
	left:0;
	bottom:auto
}
.circle-solo-point.point-circle-slider .swiper-slide {
	padding:0 15px 0 0
}
.circle-solo-point.point-circle-slider .slide-point .path {
	stroke:#25c5f9;
	stroke-width:2px
}
.circle-solo-point.point-circle-slider .slide-point {
	width:62px;
	height:62px
}
.circle-solo-point.point-circle-slider .slide-point:before {
	box-shadow:inset 0 0 0 2px rgba(77, 77, 78, 0.3);
	opacity:1;
	backface-visibility:hidden
}
.circle-solo-point.point-circle-slider .slide-point:hover:before, .circle-solo-point.point-circle-slider .slide-point.active:before {
	box-shadow:inset 0 0 0 2px #093c66
}
.circle-solo-point.point-circle-slider .slide-point span {
	position:absolute;
	font-size:13px;
	font-weight:700;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:62px;
	text-align:center;
	color:rgba(77, 77, 78, 0.3);
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.circle-solo-point.point-circle-slider .slide-point:hover span, .circle-solo-point.point-circle-slider .slide-point.active span {
	color:#093c66
}
.solo-page3 .left-column {
	width:55%
}
.solo-page3 .right-column {
	width:45%
}
.slide-shadow img {
	box-shadow:0 93px 122px rgba(2, 2, 2, 0.47);
	max-width:100%
}
.date-slide {
	position:relative;
	display:inline-block;
	padding:25px 0;
	background:#093c66;
	color:#fff;
	width:100%;
	text-align:center
}
.date-slide b {
	font-size:45px;
	line-height:45px;
	position:relative;
	display:block;
	padding-bottom:8px
}
.date-slide span {
	font-size:10px;
	text-transform:uppercase;
	display:block;
	position:relative;
	letter-spacing:1.4px
}
.testi-slider {
	position:fixed;
	left:0;
	width:100%;
	visibility:hidden;
	opacity:0;
	z-index:50;
	-webkit-transform:translateY(-75px);
	-moz-transform:translateY(-75px);
	-ms-transform:translateY(-75px);
	transform:translateY(-75px)
}
.testi-post-slider .swiper-slide {
	margin:0 20px;
	width:110px
}
.title-counter.solo-title-counter {
	padding:70px 0 30px
}
.title-counter.solo-title-counter .title {
	padding-bottom:0
}
.title-counter.solo-title-counter .open-slider {
	cursor:pointer
}
.title-counter.solo-title-counter .open-slider b {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	line-height:33px;
	font-size:10px;
	font-weight:400;
	border-radius:50%;
	background:#fff;
	color:#093c66;
	opacity:0;
	visibility:visible;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.solo-comment-slider {
	position:relative;
	width:100%;
	padding:90px 0 0
}
.solo-comment-slider .swiper-container {
	margin:0 80px;
	padding:0 60px
}
.solo-comment-slide {
	position:relative;
	width:100%;
	padding:0 60px;
	min-height:420px
}
.solo-comment-slide p {
	font-size:32px;
	line-height:50px;
	color:#093c66;
	padding-bottom:90px
}
.solo-comment-slide p a {
	font-weight:700;
	color:#093c66
}
.author-comm {
	position:absolute;
	bottom:0;
	width:100%;
	padding:20px 0;
	text-transform:uppercase
}
.author-comm:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:60%;
	height:2px;
	background:#093c66
}
.author-comm .title {
	font-size:15px;
	letter-spacing:1.5px;
	padding-bottom:13px
}
.author-comm .colmm-tags {
	font-size:12px;
	color:rgba(77, 77, 78, 0.3);
	letter-spacing:1.4px
}
.comm-arrow {
	position:absolute;
	top:50%;
	font-size:24px;
	width:50px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	text-align:center;
	z-index:15;
	margin-top:-25px
}
.comm-arrow.swiper-arrow-right {
	right:0
}
.comm-arrow.swiper-arrow-left {
	left:0
}
.solo-baner .client-item {
	margin:30px 0
}
.solo-projects-slider {
	position:fixed;
	left:0;
	top:320px;
	width:100%;
	z-index:50
}
.solo-projects-slider .swiper-slide {
	width:370px;
	margin:0 50px
}
.solo-projects-slider .swiper-container {
	padding-bottom:230px
}
.solo-project-slide {
	position:relative;
	width:100%;
	box-shadow:0 93px 122px rgba(2, 2, 2, 0.47);
	min-height:510px
}
.solo-project-slide .layer-bg-3 {
	opacity:0;
	display:block
}
.solo-project-slide .title {
	position:absolute;
	left:0;
	bottom:55px;
	width:100%;
	color:#fff;
	opacity:0;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.solo-project-slide .title h4 {
	font-size:43px;
	line-height:50px;
	margin-bottom:10px;
	position:relative;
	z-index:1
}
.solo-project-slide .title span {
	z-index:5;
	position:relative
}
.solo-project-slide .title:before {
	content:'';
	position:absolute;
	left:-7px;
	top:-15px;
	width:115px;
	height:120px;
	background:#093c66;
	-webkit-transform:skewX(-35deg) translateX(50px);
	-moz-transform:skewX(-35deg) translateX(50px);
	-ms-transform:skewX(-35deg) translateX(50px);
	transform:skewX(-35deg) translateX(50px);
	opacity:0;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.solo-project-slide:hover .title:before {
	opacity:1;
	-webkit-transform:skewX(-45deg) translateX(0px);
	-moz-transform:skewX(-45deg) translateX(0px);
	-ms-transform:skewX(-45deg) translateX(0px);
	transform:skewX(-45deg) translateX(0px)
}
.solo-project-slide:hover .layer-bg-3 {
	opacity:1
}
.solo-project-slide:hover .title {
	opacity:1;
	left:30px
}
.pagination.style-type-2.nubmer-point {
	bottom:140px
}
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet {
	width:44px
}
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet i {
	color:#093c66
}
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet:before {
	background:#093c66
}
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet:after {
	background:#093c66;
	left:0
}
.pagination.style-type-2.nubmer-point .swiper-pagination-bullet-active:before {
	background:0
}
.filter-val-slide {
	position:relative;
	display:inline-block;
	color:#fff;
	text-align:center
}
.filter-val-slide b {
	font-size:112px;
	line-height:100px
}
.filter-val-slide .h13 {
	font-size:12px;
	display:block
}
.filter-number-slider {
	position:relative;
	padding:120px 0 130px;
	text-align:center;
	visibility:hidden;
	opacity:0;
	-webkit-transform:translateY(-80px);
	-moz-transform:translateY(-80px);
	-ms-transform:translateY(-80px);
	transform:translateY(-80px)
}
.filter-number-slider .swiper-container {
	width:auto;
	max-width:1300px
}
.revers-color.active {
	background:#093c66
}
.revers-color.active .solo-title-counter, .revers-color.active .solo-comment-slide p, .revers-color.active .author-comm .title, .revers-color.active .solo-comment-slide p a, .revers-color.active .comm-arrow, .revers-color.active .filter-list .link-style-1, .revers-color.active .solo-sub-title, .revers-color.active .slide-lidt-text {
	color:#fff
}
.revers-color.active .open-slider {
	background:0
}
.revers-color.active .open-slider b {
	opacity:1;
	visibility:visible
}
.revers-color.active .author-comm .colmm-tags {
	color:rgba(255, 255, 255, 0.25)
}
.revers-color.active .author-comm:before {
	background:#fff
}
.revers-color.active .testi-slider {
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px)
}
.revers-color.active .solo-comment-slider {
	padding:165px 0 0 0
}
.revers-color.active .filter-number-slider {
	visibility:visible;
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px)
}
.revers-color.active .solo-projects-slider {
	top:664px
}
.solo-title-counter, .solo-comment-slide p, .author-comm .title, .open-slider, .open-slider b, .author-comm .colmm-tags, .author-comm:before, .testi-slider, .solo-comment-slider, .comm-arrow, .solo-comment-slide p a, .solo-projects-slider, .filter-number-slider, .solo-sub-title, .slide-lidt-text {
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
@media(max-width:1800px) {
.solo-main-title {
padding:0 60px
}
.solo-sub-title {
top:160px;
left:-30px
}
.solo-comment-slide p {
font-size:20px;
line-height:30px
}
.solo-main-title .title-md {
font-size:60px;
line-height:70px;
padding-bottom:25px
}
}
@media(max-width:1400px) {
.solo-main-title .title {
font-size:90px;
line-height:95px
}
.solo-main-title .title-md {
font-size:50px;
line-height:50px
}
.solo-open-menu {
margin:25px 0
}
.solo-header {
padding:130px 0
}
.solo-header ul li a {
font-size:18px;
line-height:20px
}
.solo-baner {
padding:66px 0
}
.solo-comment-slider .swiper-container {
margin:0 60px;
padding:0 30px
}
.solo-comment-slide {
padding:0 30px
}
}
@media(max-width:992px) {
.header.style-center .mobile-left.logo {
left:0;
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
transform:translate(0, -50%)
}
.solo-header ul li {
display:block;
margin:0 0 30px
}
.solo-header ul li a:before {
height:70px
}
.solo-header ul li:hover a:before, .solo-header ul li.active a:before {
top:-25px
}
.container-perspective.open-solo-menu .effect-push {
-webkit-transform:translate3d(0px, 100%, 0px) rotateX(48deg) scale(0.75);
-moz-transform:translate3d(0px, 100%, 0px) rotateX(48deg) scale(0.75);
-ms-transform:translate3d(0px, 100%, 0px) rotateX(48deg) scale(0.75);
transform:translate3d(0px, 100%, 0px) rotateX(48deg) scale(0.75)
}
.solo-header {
height:100%;
background:#093c66;
overflow-y:auto;
padding:110px 0
}
.main-content.solo-type {
height:auto
}
.solo-baner {
min-height:780px
}
.footer.fixed {
position:relative
}
.footer.fixed .folow {
padding-left:0
}
.solo-main-title.vertical-align, .search-panel.popup .solo-main-title.close, .amount-wrap .solo-main-title.val, .inside-img img.solo-main-title, .solo-main-title.skill-line {
position:relative;
left:0;
top:0;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
padding:60px
}
.slide-shadow.vertical-align, .search-panel.popup .slide-shadow.close, .amount-wrap .slide-shadow.val, .inside-img img.slide-shadow, .slide-shadow.skill-line {
position:relative;
left:0;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
top:0
}
.left-column, .right-column, .solo-page3 .left-column, .solo-page3 .right-column {
width:100%;
height:auto
}
.right-column .main-slider {
height:400px
}
.solo-baner.overflowh.slider-swiching {
padding-bottom:0
}
.solo-baner.overflowh {
padding-bottom:0
}
.bg-position>.bg, .bg-position>.service-layer {
display:none
}
.right-column.bg-position .main-slider {
height:auto
}
.right-column.bg-position .main-slider .swiper-container {
padding-bottom:60px
}
.solo-projects-slider {
position:relative;
top:0
}
.filter-number-slider {
position:absolute;
left:0;
width:100%;
padding:30px 0 60px
}
.solo-projects-slider .swiper-container {
padding-bottom:110px
}
.pagination.style-type-2.nubmer-point {
bottom:40px
}
.solo-baner.solo-page4 {
padding:66px 0 0
}
.filter-val-slide b {
font-size:70px;
line-height:70px
}
.revers-color.active .solo-projects-slider {
top:180px
}
.solo-baner .slide-lidt-text {
margin-bottom:60px
}
.solo-mobile-filter .filter-list {
position:absolute;
left:0;
top:50px;
border:2px solid #d2d2d3;
z-index:500;
background:#fff;
min-width:320px;
padding-bottom:0
}
.solo-mobile-filter .filter-list .link-style-1 {
display:block;
margin:5px 0
}
.solo-mobile-filter .filter-list .link-style-1:before {
display:none
}
.solo-mobile-filter .filter-list .link-style-1:hover, .solo-mobile-filter .filter-list .link-style-1.active {
color:#093c66
}
.solo-comment-slider {
padding:30px 0 100px 0
}
.solo-comment-slide {
min-height:100%
}
.author-comm {
position:relative
}
.solo-comment-slide p {
padding-bottom:30px
}
.testi-slider {
position:absolute
}
.solo-baner .title-second {
padding-top:60px
}
}
@media(max-width:768px) {
.solo-main-title {
padding:0 30px
}
.solo-main-title .title {
font-size:60px;
line-height:60px
}
.solo-baner {
min-height:780px
}
.footer.fixed {
height:auto;
margin:0
}
.footer.fixed .folow {
padding-left:0
}
.solo-main-title.vertical-align, .search-panel.popup .solo-main-title.close, .amount-wrap .solo-main-title.val, .inside-img img.solo-main-title, .solo-main-title.skill-line {
padding:30px
}
.solo-sub-title {
position:relative;
left:0;
top:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
padding:30px 0 0 30px
}
.solo-comment-slider .swiper-container {
margin:0 30px
}
.solo-baner.solo-page4 {
min-height:100%
}
}
@media(max-width:480px) {
.solo-main-title .title {
font-size:40px;
line-height:40px
}
.solo-main-title .title-md {
font-size:30px;
line-height:30px
}
.solo-main-title {
padding:0 15px
}
.solo-baner {
min-height:630px
}
.solo-main-title.vertical-align, .search-panel.popup .solo-main-title.close, .amount-wrap .solo-main-title.val, .inside-img img.solo-main-title, .solo-main-title.skill-line {
padding:30px 15px
}
.solo-sub-title {
padding:30px 0 0 15px
}
.solo-projects-slider .swiper-slide {
width:320px;
margin:0 10px
}
.solo-projects-slider .swiper-container.nubmer-point-style {
padding:0 30px 100px;
width:100%
}
.title-counter.solo-title-counter {
padding:30px 0
}
.solo-comment-slider .swiper-container {
margin:0 15px;
padding:0 15px
}
.solo-comment-slide p {
font-size:16px;
line-height:26px
}
.solo-comment-slide {
padding:0 15px
}
.comm-arrow.swiper-arrow-left {
left:-15px
}
.comm-arrow.swiper-arrow-right {
right:-15px
}
.solo-comment-slider {
padding:30px 0 80px
}
.testi-post-slider .swiper-slide {
width:80px;
margin:0 10px
}
.date-slide b {
font-size:30px;
line-height:30px
}
.revers-color.active .solo-comment-slider {
padding:145px 0 0 0
}
.date-slide span {
letter-spacing:0
}
.right-column.bg-position .main-slider {
height:auto
}
.right-column.bg-position .main-slider .swiper-container {
padding-bottom:0
}
}
@media(max-height:1093c66px) and (min-width:992px) {
.title-counter.solo-title-counter {
padding:30px 0
}
.solo-projects-slider {
top:285px
}
.solo-project-slide {
min-height:480px
}
}
@media(max-height:900px) and (min-width:992px) {
.solo-projects-slider {
top:230px
}
.title-counter.solo-title-counter .title {
font-size:40px
}
.title-counter.solo-title-counter {
padding:30px 0 20px
}
.solo-project-slide {
min-height:250px
}
.solo-baner .client-item img {
max-width:180px
}
.solo-baner .title-second .title {
font-size:50px;
line-height:60px
}
.solo-baner .title-second {
padding-bottom:14px
}
.solo-project-slide .title {
bottom:30px
}
.solo-project-slide .title h4 {
font-size:25px;
line-height:25px
}
.filter-number-slider {
padding:60px 0
}
.revers-color.active .solo-projects-slider {
top:490px
}
.solo-project-slide .title:before {
top:-30px
}
.solo-comment-slide {
min-height:300px
}
.solo-comment-slider {
padding:60px 0 0
}
.date-slide b {
font-size:35px;
line-height:35px
}
.solo-projects-slider .swiper-container {
padding-bottom:220px
}
}
.onepagev6 #fp-nav {
	visibility:hidden;
	opacity:0
}
.onepagev6 {
	font-weight:400;
	background:#2d333c
}
.header.right-style {
	position:relative;
	width:100%;
	overflow:hidden
}
.header.right-style .header-wrap {
	position:relative;
	width:100%;
	padding:0 90px;
	height:inherit
}
.header.right-style .burger {
	right:30px;
	left:auto;
	z-index:5093c66
}
.header.right-style .burger i:after, .header.right-style .burger i:before {
	background:#fff
}
.header.right-style .burger.active {
	-webkit-transform:translate(0%, -50%);
	-moz-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	transform:translate(0%, -50%);
	top:50%;
	padding:9px 0;
	background:0
}
.logo-left {
	left:100px;
	top:60px;
	z-index:150;
	position:fixed
}
.right-navigation {
	position:fixed;
	right:0;
	top:0;
	width:130px;
	height:100%;
	background:#2d333c;
	z-index:500;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.right-navigation .folow {
	padding-top:50px;
	text-align:center
}
.right-navigation .menu-scrol {
	position:relative;
	text-align:center;
	width:100%;
	height:100%;
	right:0;
	margin:0!important;
	top:0;
	padding:60px 12%
}
.right-navigation .menu-scrol li {
	display:block;
	margin:0 15px;
	width:auto;
	height:auto;
	float:left
}
.right-navigation .menu-scrol li a {
	font-size:14px;
	text-transform:uppercase;
	color:rgba(255, 254, 254, 0.5);
	position:relative;
	display:block
}
.right-navigation .menu-scrol li a:hover, .right-navigation ul li a.active {
	color:#fffefe
}
.right-navigation .copy {
	position:absolute;
	left:0;
	width:100%;
	bottom:60px;
	text-align:center;
	font-size:14px;
	color:rgba(255, 254, 254, 0.5)
}
.transform-wrap {
	position:fixed;
	width:100%;
	height:135px;
	transform-origin:left top;
	transform:rotate(90deg) translateY(-100%)
}
.folow.grey a {
	color:#62666d;
	margin:0 10px
}
.folow.grey a:after {
	color:#fff
}
.home-section {
	background:url(../img/onepage6_bg.jpg) no-repeat;
	background-size:cover;
	background-position:center center
}
.project-section {
	background:url(../img/onepage6_project_bg.jpg) no-repeat;
	background-size:cover;
	background-position:center center
}
.about-section {
	background:url(../img/onepage6_about_bg.jpg) no-repeat;
	background-size:cover;
	background-position:center center
}
.contact-section {
	background:url(../img/onepage6_contact_bg.jpg) no-repeat;
	background-size:cover;
	background-position:center center
}
.full-section-wrap {
	padding-right:130px
}
.full-section {
	position:relative;
	width:100%;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	transition:all 1s ease-out
}
.full-section-wrap.wrapper-full-scroll {
	padding-top:0
}
.full-main-title {
	position:relative;
	padding:0 100px
}
.title-h1 {
	font-size:96px;
	line-height:96px;
	font-weight:300;
	text-align:left;
	color:#fff;
	letter-spacing:-0.8px
}
.word-anime {
	display:inline-block;
	position:relative;
	padding-bottom:20px
}
.word-anime:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:8px;
	width:0;
	background:url(../img/word_wave.png) repeat-x;
-webkit-transition:all .85s ease-out .5s;
-moz-transition:all .85s ease-out .5s;
-ms-transition:all .85s ease-out .5s;
transition:all .85s ease-out .5s
}
.word-anime.sm:before {
	background:url(../img/word_wave_sm.png) repeat-x
}
.word-anime.sm {
	padding-bottom:10px
}
.scroll-down-section {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	font-size:14px;
	line-height:14px;
	color:rgba(255, 255, 255, 0.5);
	width:auto;
	position:absolute;
	left:40px;
	bottom:130px;
	cursor:pointer;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.scroll-down-section:hover {
	color:#fff
}
.open-all-project {
	position:absolute;
	width:60px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:20px;
	color:rgba(255, 255, 255, 0.25);
	left:50%;
	margin-left:-30px;
	top:50px;
	cursor:pointer;
	z-index:120
}
.open-all-project.act i:before {
	content:'\e800'
}
.project-item-wr {
	position:absolute;
	overflow:hidden;
	left:50%;
	top:50%;
	padding:0 100px;
	width:100%;
	z-index:55;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
-webkit-transition:all .55s ease-out;
-moz-transition:all .55s ease-out;
-ms-transition:all .55s ease-out;
transition:all .55s ease-out
}
.full-project-item {
	position:relative;
	display:inline-block;
	width:100%;
	opacity:0;
-webkit-transition:all .85s ease-in .5s;
-moz-transition:all .85s ease-in .5s;
-ms-transition:all .85s ease-in .5s;
transition:all .85s ease-in .5s
}
.full-project-item .image {
	width:66%;
	height:630px;
	position:relative;
	box-shadow:0 204px 144px rgba(0, 0, 0, 0.11);
-webkit-transition:all .55s ease-out;
-moz-transition:all .55s ease-out;
-ms-transition:all .55s ease-out;
transition:all .55s ease-out
}
.full-project-item .title {
	left:66%;
	text-align:left;
	width:100%
}
.full-project-item .title .title-h1 {
	margin-left:-190px;
	display:block;
	padding-bottom:25px
}
.full-project-item.right-style .image {
	float:right
}
.full-project-item.right-style .title {
	left:0
}
.full-project-item.right-style .title .title-h1 {
	margin-left:0
}
.full-project-item.right-style .project-author {
	float:right;
	padding-right:66%;
	margin-right:30px
}
.full-project-item .project-author {
	padding-left:30px
}
.project-author {
	font-size:16px
}
.about-layer.bg, .about-layer.service-layer {
	opacity:.2;
	background-size:contain;
	left:0;
	bottom:0;
	background-position:left bottom
}
.full-about-wr {
	position:relative;
	width:100%
}
.full-about-item {
	position:relative;
	max-width:990px;
	width:100%;
	display:block;
	margin:0 auto
}
.full-about-item p {
	font-size:32px;
	line-height:50px;
	font-weight:300;
	color:#fffefe;
	padding-bottom:40px
}
.signature {
	position:relative;
	float:right
}
.signature img {
	margin-bottom:15px
}
.signature span {
	display:block;
	font-size:16px;
	line-height:16px;
	text-transform:uppercase;
	color:#fffefe
}
.full-contact-item {
	position:relative;
	text-align:center
}
.full-contact-item .title-h2 {
	font-size:105px;
	line-height:134px;
	font-weight:300;
	letter-spacing:-0.8px;
	color:#fffefe
}
.full-contact-item p {
	font-size:31px;
	line-height:42px;
	color:rgba(255, 254, 254, 0.5);
	padding-top:35px
}
.full-contact-item p a {
	color:inherit
}
.full-contact-item p a:hover {
	color:#fff
}
.contact-footer-link {
	position:absolute;
	left:0;
	width:100%;
	bottom:115px;
	text-align:center
}
.contact-footer-link h4 {
	font-size:31px;
	line-height:58px;
	color:#fffefe;
	font-weight:300;
	display:block;
	padding-bottom:15px
}
.contact-footer-link a {
	display:inline-block;
	position:relative;
	text-transform:uppercase;
	font-size:16px;
	font-weight:300;
	margin:0 15px;
	color:#fffefe;
	line-height:16px
}
.contact-footer-link a:hover {
	color:#fff
}
.full-section.active {
	opacity:1;
	visibility:visible
}
.full-section.active .word-anime:before {
	width:100%
}
.full-section.active .full-project-item {
	opacity:1
}
.all-full-project {
	position:relative;
	width:100%;
	height:inherit;
	z-index:5;
	opacity:0;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.prev_full_project {
	position:relative;
	float:left;
	width:50%;
	height:33.333%
}
.prev_full_project:before {
	content:'';
	z-index:5;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	backface-visibility:hidden;
	background:#2d333c;
-webkit-transition:all .65s ease-out;
-moz-transition:all .65s ease-out;
-ms-transition:all .65s ease-out;
transition:all .65s ease-out
}
.full-section.open-all .all-full-project {
	opacity:1
}
.full-section.open-all .prev_full_project:before {
	height:0
}
.full-section.open-all .project-item-wr {
	top:0;
	left:0;
	-webkit-transform:translate(0%, 0%);
	-moz-transform:translate(0%, 0%);
	-ms-transform:translate(0%, 0%);
	transform:translate(0%, 0%);
	padding:0
}
.full-section.open-all .full-project-item .title {
	opacity:0
}
.full-section.open-all .full-project-item .image {
	width:50%;
	height:33.333vmin
}
.full-section.open-all .all-project-title {
	opacity:1;
	visibility:visible;
-webkit-transition:all .55s ease-out 1s;
-moz-transition:all .55s ease-out 1s;
-ms-transition:all .55s ease-out 1s;
transition:all .55s ease-out 1s
}
.title-h1 .typed-cursor {
	display:none
}
.all-project-title {
	color:#fffefe;
	position:absolute;
	text-align:center;
	opacity:0;
	visibility:hidden;
	left:50%;
	top:50%;
	z-index:55;
	max-width:1150px;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	backface-visibility:hidden
}
.all-project-title .title-h1 {
	padding-bottom:30px;
	text-align:center
}
.all-project-title .project-author {
	backface-visibility:hidden
}
@media(max-width:1400px) {
.title-h1 {
font-size:50px;
line-height:56px
}
.right-navigation .menu-scrol {
padding:60px 10%
}
.scroll-down-section {
bottom:85px;
left:-8px
}
.full-main-title {
padding:0 60px
}
.logo-left {
left:60px;
top:30px
}
.right-navigation .folow {
padding-top:30px
}
.right-navigation .copy {
bottom:30px
}
.full-project-item .image {
height:350px
}
.open-all-project {
top:15px
}
.full-about-item p {
font-size:22px;
line-height:32px;
padding-bottom:20px
}
.signature img {
max-width:130px
}
.full-contact-item .title-h2 {
font-size:60px;
line-height:70px
}
.full-contact-item p {
font-size:20px;
line-height:32px
}
.contact-footer-link {
bottom:30px
}
}
@media(max-width:1200px) {
.full-about-item {
padding:0 30px
}
}
@media(max-width:1024px) {
.full-section {
opacity:1;
visibility:visible
}
.full-project-item {
opacity:1
}
.word-anime:before {
width:100%
}
.home-section {
min-height:570px
}
.project-item-wr {
position:relative;
-webkit-transform:translate(0%, 0%);
-moz-transform:translate(0%, 0%);
-ms-transform:translate(0%, 0%);
transform:translate(0%, 0%);
top:0;
left:0;
padding:0 30px 60px;
margin-bottom:0
}
.scroll-down-section {
display:none
}
.full-main-title {
position:absolute;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
top:50%;
padding:0 30px
}
.project-section {
background:0;
padding:60px 0 0
}
.open-all-project {
display:none
}
.full-project-item.right-style .project-author {
margin-right:15px
}
.full-project-item .project-author {
padding-left:15px
}
.full-about-item {
padding:100px 30px;
-webkit-transform:translate(0%, 0%);
-moz-transform:translate(0%, 0%);
-ms-transform:translate(0%, 0%);
transform:translate(0%, 0%);
top:0;
position:relative
}
.full-contact-item {
display:inline-block;
padding:100px 30px;
width:100%
}
.contact-footer-link {
position:relative;
display:inline-block;
padding:0 0 60px;
bottom:0
}
.contact-section .vertical-align.full, .contact-section .search-panel.popup .full.close, .search-panel.popup .contact-section .full.close, .contact-section .amount-wrap .full.val, .amount-wrap .contact-section .full.val, .contact-section .inside-img img.full, .inside-img .contact-section img.full, .contact-section .full.skill-line {
position:relative;
-webkit-transform:translate(0%, 0%);
-moz-transform:translate(0%, 0%);
-ms-transform:translate(0%, 0%);
transform:translate(0%, 0%);
top:0
}
}
@media(max-width:992px) {
.right-navigation {
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%);
width:100%;
height:66px
}
.right-navigation.slide {
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
.right-navigation .copy, .right-navigation .folow {
display:none
}
.right-navigation .menu-scrol {
padding:26px 0;
height:auto
}
.right-navigation .menu-scrol li {
float:none;
display:inline-block
}
.header.right-style.bg-scroll {
background:#2d333c
}
.logo-left {
left:50%;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
top:20px
}
.full-section-wrap {
padding-right:0
}
.header.right-style .header-wrap {
padding:0;
margin:0
}
.header.right-style {
position:fixed;
height:66px;
z-index:500;
overflow:visible
}
.transform-wrap {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
.full-contact-item .title-h2 {
font-size:40px;
line-height:45px
}
}
@media(max-width:768px) {
.full-project-item .image {
width:100%
}
.full-project-item .title .title-h1 {
margin-left:0;
text-align:center;
font-size:30px;
line-height:30px
}
.full-contact-item .title-h2 {
font-size:30px;
line-height:40px
}
.full-project-item .title.vertical-align, .full-project-item .search-panel.popup .title.close, .search-panel.popup .full-project-item .title.close, .full-project-item .amount-wrap .title.val, .amount-wrap .full-project-item .title.val, .full-project-item .inside-img img.title, .inside-img .full-project-item img.title, .full-project-item .title.skill-line {
left:0;
text-align:center;
top:auto;
-webkit-transform:translateY(0%);
-moz-transform:translateY(0%);
-ms-transform:translateY(0%);
transform:translateY(0%);
position:relative;
margin-top:-20px;
display:inline-block;
padding-bottom:0
}
.project-author {
font-size:14px;
margin-bottom:0
}
.full-project-item .project-author {
padding-left:0
}
.full-project-item.right-style .project-author {
padding:0;
margin:0;
float:none
}
}
@media(max-width:480px) {
.right-navigation .menu-scrol li a {
font-size:13px
}
.right-navigation .menu-scrol li {
margin:0 10px
}
.header.right-style .burger {
right:20px
}
.title-h1 {
font-size:34px;
line-height:34px
}
.word-anime {
padding-bottom:10px
}
.word-anime:before {
background:url(../img/word_wave_sm.png) repeat-x;
height:4px
}
.project-item-wr {
padding:0 20px
}
.full-project-item .image {
height:150px
}
.project-section {
padding:0
}
.full-project-item {
padding-bottom:50px
}
.full-about-item p {
font-size:15px;
line-height:23px
}
.full-about-item {
padding:100px 20px
}
.about-layer.bg, .about-layer.service-layer {
background-size:cover
}
.signature span {
font-size:13px;
line-height:13px
}
.full-contact-item .title-h2 {
font-size:20px;
line-height:32px
}
.full-contact-item p {
font-size:15px;
line-height:22px;
padding-top:15px
}
.contact-footer-link a {
font-size:12px;
margin:0 10px 10px
}
.contact-footer-link h4 {
font-size:20px;
line-height:20px
}
.full-contact-item {
padding:60px 15px 80px
}
.right-navigation .menu-scrol {
padding:26px 30px 26px 0
}
}
@media(max-height:910px) and (min-width:1024px) {
.contact-footer-link {
bottom:30px
}
.full-contact-item .title-h2, .title-h1 {
font-size:60px;
line-height:70px
}
}
.modern-style .main-content {
	border-color:#342d2d
}
.header.modern-header {
	background:#342d2d
}
.header.modern-header .nav-menu>ul>li a {
	color:#fff
}
.header.modern-header .search-panel {
	background:#342d2d
}
.header.modern-header .burger.active {
	background:#342d2d
}
.header.modern-header .burger.active i:before, .header.modern-header .burger.active i:after {
	background:#fff
}
.header.modern-header .nav-menu>ul>li .sub-menu li a {
	color:#093c66
}
.header.modern-header .nav-menu>ul>li .sub-menu>li:hover>a {
	color:#fff
}
.modern-style #fp-nav {
	display:none!important
}
.simple-text.index-type p {
	font-size:15px;
	line-height:22px
}
.simple-text.index-type.lg {
	font-size:18px;
	line-height:24px
}
.index-bg1 {
	background:#2e2727
}
.index-bg2 {
	background:#312a2a
}
.index-bg3 {
	background:#282121
}
.h2-index {
	font-size:155px;
	color:#fff;
	text-transform:lowercase;
	line-height:122px;
	padding-bottom:30px;
	position:relative
}
.h3-index {
	font-size:74px;
	line-height:74px;
	text-transform:lowercase
}
.h4-index {
	font-size:22px;
	line-height:30px
}
.index-baner.main-baner-full {
	overflow:hidden
}
.swiper-container-horizontal>.swiper-scrollbar {
	display:block!important;
	opacity:1!important
}
.index-baner {
	padding:90px 0 0
}
.index-slider-container {
	position:relative;
	width:100%;
	height:100%
}
.index-slider {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	visibility:hidden;
	opacity:0
}
.index-slider.active {
	visibility:visible;
	opacity:1
}
.index-slider.active .main-index-title {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}
.range-slide-wrap {
	position:absolute;
	left:0;
	bottom:70px;
	text-align:center;
	width:100%
}
.range-slide {
	position:relative;
	display:block;
	margin:0 auto;
	width:180px;
	height:50px
}
.range-slide:before {
	content:'';
	width:100%;
	height:4px;
	background:url(../img/slider_dot.png) repeat-x;
	background-size:10px 4px;
	top:50%;
	left:0;
	margin-top:-2px;
	position:absolute
}
.drag-point {
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
	background:#544747;
	border-radius:50%;
	cursor:pointer;
	line-height:50px;
	font-size:12px;
	color:#093c66;
	text-align:center;
	z-index:5;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.drag-end {
	position:absolute;
	right:0;
	top:50%;
	margin-top:-13px;
	width:26px;
	height:26px;
	border-radius:50%;
	border:2px solid #544747;
	background:#282121
}
.section-index {
	position:relative;
	width:100%;
	height:91vmin;
	display:table
}
.section-index .full-about-item.type-2 {
	padding:0
}
.clip-text.lg {
	font-size:1080px;
	line-height:79%;
	margin-left:0;
	backface-visibility:hidden;
	background-size:100%
}
.clip-text.lg:before {
	background-image:none
}
.clip-text.lg:after {
	background:0
}
.clip-text.lg span {
	margin-left:0
}
.main-index-title {
	position:relative;
	width:100%;
	z-index:5;
	opacity:0;
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.main-index-title .h3-index {
	color:#fff;
	text-align:center
}
.team-clip-item {
	position:relative;
	width:100%;
	padding:0 15px;
	text-align:center
}
.team-clip-item .image {
	height:326px;
	position:relative;
	width:100%;
	margin-bottom:30px
}
.team-clip-item .text .h4-index {
	padding-bottom:10px;
	color:#fff
}
.team-clip-item .text .simple-text p {
	color:rgba(255, 255, 255, 0.5)
}
.clip-text span {
	display:block;
	margin-left:-20px
}
.slider-counter {
	left:45px;
	z-index:5
}
.slider-counter .counter-number {
	font-size:97px;
	line-height:97px;
	color:#fff;
	display:inline-block;
	vertical-align:middle
}
.slider-counter p {
	font-size:75px;
	color:rgba(255, 255, 255, 0.15);
	display:inline-block;
	vertical-align:middle
}
.slider-counter .counter-length {
	font-size:35px;
	color:rgba(255, 255, 255, 0.15);
	display:inline-block;
	vertical-align:bottom;
	line-height:50px;
	padding-left:8px
}
.clip-text {
	font-size:385px;
	line-height:326px;
	position:relative;
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
	color:#fff;
	margin:0 auto;
	background-clip:text;
	text-fill-color:transparent;
	-webkit-background-clip:text;
	-moz-background-clip:text;
	-webkit-text-fill-color:transparent;
	-moz-text-fill-color:transparent;
	text-transform:uppercase;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat
}
.clip-text:after {
	content:'';
	background-color:rgba(47, 40, 40, 0.75);
	z-index:-1
}
.clip-text:before {
	position:absolute;
	content:'';
	z-index:-2;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-image:inherit;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center
}
.clients-item {
	position:relative;
	width:100%;
	height:570px
}
.clients-item .bg-transper {
	opacity:.2
}
.clients-item .simple-text p {
	color:rgba(255, 255, 255, 0.5)
}
.clients-item .image {
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out;
	background:#312a2a
}
.clients-item:hover .service-layer {
	opacity:1
}
.clients-item:hover .image {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	transform:scale(1.05);
	z-index:5
}
.service-title {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	bottom:40px;
	padding:0 30px;
	z-index:5
}
.service-title img {
	margin-bottom:15px
}
.client-list {
	padding-bottom:40px;
	overflow:visible
}
.client-list .swiper-slide {
	width:370px
}
.service-layer {
	background-image:url(../img/service_layer.png);
	background-repeat:no-repeat;
	opacity:0;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.full-about-item.type-2 {
	max-width:720px;
	margin:0
}
.full-about-item.type-2 p {
	font-size:16px;
	line-height:24px;
	color:rgba(255, 255, 255, 0.5)
}
.full-about-item.type-2 .signature {
	float:left
}
.full-about-item.type-2 .signature span {
	letter-spacing:5.9px;
	font-size:14px;
	color:#093c66;
	padding-bottom:10px
}
.services-silde {
	position:relative;
	width:100%;
	display:inline-block;
	text-align:center
}
.services-silde .clip-text {
	font-size:140px;
	line-height:150px;
	-moz-background-image:none
}
.services-silde .clip-text:before {
	background-image:none
}
.services-silde .clip-text:after {
	display:none
}
.services-silde .image {
	margin-bottom:10px
}
.services-silde .clip-text span {
	margin-left:0
}
.text-clip-slider {
	padding:150px 0 80px
}
.text-clip-slider .pagination.style-type-3 {
	top:auto;
	bottom:20px
}
.contact-index-desc-wrap {
	position:relative;
	width:100%
}
.shadow-bg:after {
	position:absolute;
	top:0;
	width:50%;
	left:0;
	height:400px;
	content:'';
	box-shadow:inset 300px 0 300px rgba(47, 40, 40, 0.5)
}
.contact-index-desc {
	position:relative;
	width:60%;
	z-index:5
}
.adres-item {
	position:relative;
	padding-bottom:160px;
	font-size:35px;
	color:#fff;
	line-height:40px
}
.adres-item a {
	color:inherit;
	display:block;
	padding-bottom:20px
}
.adres-item p {
	padding-bottom:20px
}
.index-contact-form {
	position:relative;
	width:100%;
	display:inline-block
}
.index-contact-form .h3-index {
	color:#fff;
	padding-bottom:40px;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.index-contact-form .final-message {
	position:absolute;
	left:0;
	bottom:30px;
	width:100%;
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.index-contact-form .questions li {
-webkit-transition:all .35s ease-out;
-moz-transition:all .35s ease-out;
-ms-transition:all .35s ease-out;
transition:all .35s ease-out
}
.index-contact-form .error-message {
	top:auto;
	bottom:-25px;
	width:100%
}
.controls.submit-form {
	position:relative;
	float:left;
	margin-left:25px;
	height:60px;
	line-height:60px;
	background:url(../img/submit_bg.png) no-repeat;
	background-size:cover;
	padding:0 20px;
	width:auto;
-webkit-transition:all .25s ease-out;
-moz-transition:all .25s ease-out;
-ms-transition:all .25s ease-out;
transition:all .25s ease-out
}
.controls.submit-form .text {
	background:0;
	position:relative;
	display:inline-block;
	float:left;
	font-size:25px;
	color:#fff;
	line-height:60px;
	padding-right:80px
}
.controls.submit-form input {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5;
	background:0;
	cursor:pointer
}
.controls.submit-form i {
	position:relative;
	display:inline-block;
	float:right;
	font-size:25px;
	color:rgba(255, 255, 255, 0.2);
	line-height:60px
}
.index-contact-form .questions {
	max-width:400px;
	float:left
}
.index-contact-form .questions .input-control {
	background:0;
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(255, 255, 255, 0.25);
	font-size:35px;
	color:rgba(255, 255, 255, 0.5);
	height:60px;
	line-height:60px;
	display:inline-block;
	background:0;
	float:left;
	padding:0
}
.footer.type-3 {
	background:#342d2d;
	margin:0;
	padding:25px 90px 20px;
	display:inline-block;
	width:100%;
	float:left;
	height:auto
}
.footer.type-3 .folow a {
	color:#261e1e
}
.footer.type-3 .folow a:after {
	color:#fff
}
.controls.submit-form .next-step {
	height:100%;
	position:relative;
	line-height:normal
}
.questform.last-step .controls.submit-form {
	opacity:0
}
.questform.last-step .h3-index {
	opacity:0
}
.service-panel.index-popup {
	width:100%;
	position:absolute;
	max-width:100%;
	background:rgba(47, 40, 40, 0.7);
	overflow:hidden;
	z-index:5
}
.service-panel.index-popup .bg, .service-panel.index-popup .service-layer {
	width:177%
}
.service-panel.index-popup .text {
	max-width:59%;
	float:right;
	margin-right:80px;
	color:#fff;
	text-align:left
}
.service-panel.index-popup .simple-text p {
	color:rgba(255, 255, 255, 0.5)
}
.service-panel.index-popup .h3-index {
	padding-bottom:30px
}
.service-panel.index-popup .close {
	right:50px;
	top:50px;
	width:60px;
	height:60px;
	opacity:.25
}
.service-panel.index-popup .close:hover {
	opacity:1
}
@media(max-width:1800px) {
#map {
display:none
}
.clip-text.lg {
font-size:900px;
line-height:900px
}
.h3-index {
font-size:55px;
line-height:55px
}
.h2-index {
font-size:100px;
line-height:80px
}
.services-silde .clip-text {
font-size:90px;
line-height:100px
}
.adres-item {
padding-bottom:60px
}
}
@media(max-width:1400px) {
.clip-text.lg {
font-size:580px;
line-height:580px
}
.range-slide-wrap {
bottom:30px
}
.team-clip-item .image {
height:260px
}
.team-clip-item .clip-text {
font-size:260px;
line-height:260px
}
.h2-index {
font-size:60px;
line-height:60px;
padding-bottom:20px
}
.clients-item {
height:350px
}
.services-silde .clip-text {
font-size:70px;
line-height:80px
}
.h3-index {
font-size:40px;
line-height:50px
}
.adres-item {
font-size:20px;
line-height:25px
}
.input-control {
font-size:25px
}
.footer.type-3 {
padding:25px 30px
}
.index-baner {
padding-top:66px
}
.service-panel.index-popup {
width:100%
}
}
@media(max-width:1200px) {
.section-index .cell-view {
display:inline-block;
width:100%;
height:auto
}
.section-index {
position:relative;
padding:80px 0;
width:100%;
display:block;
height:auto
}
.index-slider-container {
height:auto;
min-height:600px
}
.index-contact-form .h3-index {
padding-bottom:20px
}
.text-clip-slider {
padding:80px 0
}
.controls.submit-form {
display:block;
margin-left:0
}
.input-control {
margin-bottom:30px
}
.main-baner-full.index-baner {
height:auto;
display:block
}
.clip-text.lg {
font-size:400px;
line-height:400px
}
.clients-item {
height:450px
}
.slider-counter {
left:15px;
top:0;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
.slider-counter p {
font-size:38px
}
.slider-counter .counter-number {
font-size:50px
}
.slider-counter .counter-length {
font-size:25px;
line-height:75px
}
.service-panel.index-popup .text {
margin-right:60px
}
}
@media(max-width:992px) {
.header.style-center.modern-header nav {
background:#342d2d
}
.header.style-center.modern-header .nav-menu>ul>li>a:before {
background:0
}
}
@media(max-width:768px) {
.services-silde .clip-text {
font-size:40px;
line-height:50px
}
.clip-text.lg {
background-size:150%;
font-size:500px;
line-height:500px
}
.footer.type-3 {
height:auto
}
.service-panel.index-popup .close {
width:45px;
height:45px;
right:30px;
top:30px
}
.service-panel.index-popup .close img {
width:100%;
height:auto
}
.service-panel.index-popup .h3-index {
padding-bottom:20px
}
.service-panel.index-popup .text {
max-width:100%;
padding:0 30px
}
.service-panel.index-popup {
background:#2f2828
}
.service-panel.index-popup .text {
margin-right:0
}
.section-index-contact {
padding:80px 0 0
}
.section-index .map-wrapper.type-2 {
position:relative;
width:100%;
height:300px
}
.contact-index-desc-wrap {
padding-bottom:30px
}
.contact-index-desc {
width:100%
}
.index-contact-form .error-message {
bottom:-5px;
left:15px
}
}
@media(max-width:680px) {
.index-contact-form .error-message {
bottom:-25px
}
}
@media(max-width:480px) {
.clip-text.lg {
font-size:300px;
line-height:400px
}
.index-slider-container {
min-height:510px
}
.main-index-title .h3-index {
font-size:30px;
line-height:30px
}
.adres-item {
font-size:17px
}
.input-control {
line-height:45px;
height:45px
}
.controls.submit-form {
height:45px;
line-height:45px
}
.controls.submit-form .text {
line-height:45px;
font-size:20px;
padding-right:60px
}
.controls.submit-form i {
line-height:45px;
font-size:20px
}
.index-contact-form .questions .input-control {
font-size:20px
}
.index-contact-form .h3-index {
font-size:30px;
line-height:30px
}
}
@media(max-height:735px) {
.index-slider-container {
min-height:400px
}
}
@media screen and (min-device-width:320px) and (max-device-width:1280px) {
#fbw {
width:245px!important
}
#map {
display:block
}
}
