﻿x` 
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}  
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: 0.75s
}
@-webkit-keyframes flip {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
transform:perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}     
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
} 
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
} 



header {
	position: absolute;
	z-index: 500;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	line-height: 1;
	/*background:  #7e7e7e;*/
	background:#435259;
}
header .title {
	margin: 30px auto 15px;
}
header .btns {
	display: flex;
	max-width: 522px;
	width: 100%;
}
header .logo {
	margin: 50px 0 -50px;
	position: absolute;
	left: 2%;
	right: 0;
	display: inline-block;
 	max-width: 150px; z-index:111111;
}
.tt{font-size:18px;  color:#000; font-weight:300; max-width:400px;position: absolute; margin: 0 0 0 28%; /*float:right; margin-right:250px;text-align:left*/}
.move2{ margin:auto}
 @media (max-width:1400px) {header .logo {left:15px; top:-45%; max-width:130px; } .move2{ margin-left:180px}.move{ }
.tt{max-width:430px; float:right; text-align:left; font-size:15px; }
}

@media (max-width:1199px) {.tt{ margin:0 0 0 32%; }}

@media (max-width:956px) {
.tt {  font-size:13px; }
}

header .logo img { max-width:100%; width:100%;}

#top-bar {
	background-color: #333333;
	padding: 10px 10px 20px;

	letter-spacing: 1px;
}
#top-bar .links {
	color: #fff;
}
#top-bar .links a {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	margin: 0 10px;
}
#top-bar .links a:hover {
	color: #c4e5f2;
}
#main-header {
	padding: 0;
	transition: min-height 0.3s;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: start;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1500px; position:relative;
	margin: 0 auto; text-decoration:none !important; 
}
#main-header .header-contact:nth-of-type(1) {
	order: -1;
}
#main-header .header-contact .tel i {
	font-size: 38px;
	display: inline-block;
	vertical-align: middle;
	color: #c4e5f2;
	margin-top: -4px;
}

#main-header .header-contact address i {
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
	color: #c4e5f2;
}

#main-header .header-contact {
	text-align: center;
	padding: 10px 10px 10px;text-decoration:none !important;
}


#main-header .header-contact .tel {
	display:inline-block;
	vertical-align:middle;
	font-size: 30px;
	margin:0 10px 0 50px;
	color: #fff;text-decoration:none !important;
}
#main-header .header-contact address { margin:0px; display:inline-block; vertical-align:bottom;}

#main-header .header-contact address a {
	color: #fff; max-width:350px;
	font-size: 18px;
	display: inline-block;text-decoration:none !important;
	vertical-align: middle;
	transition: color .3s;
 	text-align: center; letter-spacing:1px;
 }
#main-header .header-contact > a:hover, #main-header .header-contact address a:hover {
	color: #c4e5f2;
}

@media (min-width:900px) {
.scrolled #top-bar, .scrolled header .title {
	display: none;
}
.scrolled header {
	position: fixed !important;
	/*box-shadow: 1.5px 2.6px 59px rgba(16, 17, 17, 0.35);
	background-color: #7e7e7e;*/
}

.scrolled header #main-header { padding:15px 0; }

.scrolled header .dr-box-title, .scrolled header .header-contact { display:none; }

.scrolled #main-header .header-contact .tel {
	font-size: 35px;
}
.scrolled header .logo {
	margin: 0;left: 0px; top:10px;
}
.scrolled header .logo img {
	max-width: 100px;
}
.scrolled #main-header .header-contact {
	padding: 10px;
}
.scrolled nav > ul > li > a {
	/*padding: 5px 0;*/
	padding:8px 0 8px 0;
}
}

@media (min-width:759px) {


header nav { background: #ffffff; }

header nav > ul {
	/*max-width: 1350px;*/
	text-decoration:none !important;
	margin: 0 auto;
	-ms-flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	/*border-top: 1px solid rgba(150, 44, 42, 0.2);*/
	/*border-bottom:1px solid #000;*/
	padding: 20x;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	max-width:1500px;
}
nav ul {
	margin: 0;
	padding: 0;
	list-style: none;text-decoration:none !important;
}
nav li {
	position: relative;
	margin: 0;text-decoration:none !important;
}
nav li a:hover {
	color: #fff;
}
nav > ul {
	font-size: 0;
	text-align: center;
	vertical-align: top;
	display: inline-block;text-decoration:none !important;
}
nav > ul > li {
	display: inline-block;text-decoration:none !important;
	margin: 0 auto;
/*	flex: 0 1 140px;
*/}
nav > ul > li:last-of-type > ul {
	left: auto;
	right: 0;
}
nav > ul > li:nth-of-type(1) {
	margin-left: 200px;
}
nav ul li:hover > ul {
	display: block;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
nav > ul > li > a {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	border-bottom: 4px solid transparent;
	border-top:4px solid transparent;
	color: black;
	display: block;text-decoration:none !important;
	padding: 10px 0px;text-decoration:none;
	transition: background .3s, color .3s;
}
nav > ul > li:hover > a {
	color: black;text-decoration:none;
	border-bottom-color: #435259;
}
nav > ul > li ul {
	position: absolute;
	z-index: 9999;
	display: none;
	width: 255px;
	background-color: #7e7e7e;
}

 
nav > ul > li ul a:hover {
	background-color: #fff;
	color: #17355b;text-decoration:none !important;
}
nav > ul > li > ul {
	text-align: left;text-decoration:none !important;
	display: none;
	top: 100%;
	left: 0;
}
nav > ul li:hover > ul {
	display: block;
}
nav > ul > li ul li {
	display: block;
	margin: 0;
}
nav > ul > li > ul > li > ul {
	display: none;
	left: 100%;
	top: 0;
}
nav > ul > li > ul a {
	display: block;
	padding: 5px 30px;
	line-height: 30px;
	font-size: 16px;
	color: #fff; text-decoration:none !important;
}
nav li:before {
	content: none;
}
.mean-show {
	display: none !important;
}
}

@media (max-width:1285px) {
nav > ul > li > a {
	font-size: 14px;
}
}

@media (max-width:1120px) and (min-width:759px) {
/*#main-header .header-contact .tel i, #main-header .header-contact address i {
	display: none;
}*/
#main-header .header-contact .tel, .scrolled #main-header .header-contact .tel {
	font-size: 24px;
}
/*nav > ul > li:nth-of-type(4) {
	margin-left: 240px;
}*/
}

@media (max-width:780px) and (min-width:900px) {
header {
	position: fixed !important;
	box-shadow: 1.5px 2.6px 59px rgba(16, 17, 17, 0.35);
}
}

@media (max-width:1000px) {
/*header {
	background-color: #17355b !important;
}*/
}
.show2{ display: none}


@media (max-width:759px) {

.text-left, .text-right { text-align:center !important; }

#main-header .header-contact address { margin:10px 0; }

header {
	position: relative;
	top: 0;
	left: 0;
	z-index: 500;
 	background-color: #fff !important;
}
 

.place-nav{ display:none !important}
#main-nav{display:none !important}
.show2{ display:block}
}
