/*Reset*/
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}img {vertical-align:top;}input[type=text], textarea{ outline:none;border-radius:0;}
/* latin-ext */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: local('Signika-Light'), url(http://fonts.gstatic.com/s/signika/v6/Z-FsjIS3sPD5Zt6xiv44RyEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  src: local('Signika-Light'), url(http://fonts.gstatic.com/s/signika/v6/koFYE26bhT88HgRA8f4vbfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika'), local('Signika-Regular'), url(http://fonts.gstatic.com/s/signika/v6/AF4iYPZnDjGMiNsxxSXYQfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: local('Signika'), local('Signika-Regular'), url(http://fonts.gstatic.com/s/signika/v6/q41y_9MUP_N8ipOH4ORRvw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: local('Signika-Semibold'), url(http://fonts.gstatic.com/s/signika/v6/8-PQNacfI9IhpgehJGCuGCEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  src: local('Signika-Semibold'), url(http://fonts.gstatic.com/s/signika/v6/FZa_MODmDkR9DTu5jHSnSfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  src: local('Signika-Bold'), url(http://fonts.gstatic.com/s/signika/v6/F587cG5P5ff3TX6w4JloryEAvth_LlrfE80CYdSH47w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  src: local('Signika-Bold'), url(http://fonts.gstatic.com/s/signika/v6/7M5kxD4eGxuhgFaIk95pBfk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
input {
	outline:  none !important;
}


html {
	width: 100%;
}

* {
	-webkit-text-size-adjust: none;
}


body {
	font: 13px/19px  Arial, Helvetica, sans-serif;
	color:#ecedef;
	position:relative;
	background: #334960;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'Signika', sans-serif;
	color: #ecedef;
}

h2 {
	font-size: 60px;
	padding-top: 101px;
	line-height: 60px;
	text-align: center;
}

h3 {
	font-size: 48px;
	line-height: 54px;
}

img {
	max-width: 100%;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

a {
	text-decoration: none;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	color: #b288ab;
}

a:hover {
	color: #FFF;
	
}

.clear {
	float: none !important;
	clear: both;
}



/*header*/

header {
	display: block;
	position: fixed;
	z-index: 999;
	left: 0;
	right: 0;
	padding-bottom: 10px;
	top: 0;
	overflow: hidden;
	background-color: #334960;
	transition: 0.2s ease;
	-o-transition: 0.1s ease;
	-webkit-transition: 0.2s ease;

}

h1 {
	padding-top: 10px;
	float: left;
	z-index: 999;

}
header h1 a {
	display: block;
	overflow: hidden;
	/*width: 108px;
	height: 43px;*/
	text-indent: -999px;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}

header h1 a img {
	display: block;	
}

/*Content*/
.content {
	padding-top: 125px;
	text-align: center;
	position: relative;
}

.content:after {
	display: block;
	position: absolute;
	content: '';
	z-index: 1;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 37px 50px 0 50px;
	border-color: #334960 transparent transparent transparent;
	left: 50%;
	margin-left: -50px;
	top: 0;

}

#page2:after {
	border-color: #334960 transparent transparent transparent;
}

#page3:after {
	border-color: #006089 transparent transparent transparent;
}

#page4:after {
	border-color: #334960 transparent transparent transparent;
}

#page5:after {
	border-color: #006089 transparent transparent transparent;
}

#page1, #page2, #page3, #page4 {
	padding-bottom: 300px;
}

header.page1 .men .hover{
	top: 0;
}

header.page2 .men1 .hover{
	top: 0;
}

header.page3 .men2 .hover{
	top: 0;
}

header.page4 .men3 .hover{
	top: 0;
}

header.page5 .men4 .hover{
	top: 0;
}

header.page1 .hover {
	background-color: #006089;
}

#page2, #page4 {
	background-color: #006089;
}

header.page2, header.page4 {
	background-color: #006089;
}

header.page2 .hover, header.page4 .hover {
	background-color: #334960;
}

#page3, #page5 {
	background-color: #334960;
}

header.page3, header.page5 {
	background-color: #334960;
}

header.page3 .hover, header.page5 .hover {
	background-color: #006089;
}


.slogan h3 {
	margin-bottom: 30px;
}

.text1 {
	font-size: 19px;
	line-height: 1.5;
}

.box {
	padding: 23px 0 24px;
	border-top-width: 4px;
	border-bottom-width: 4px;
}

.box img {
	border: 3px solid #f4948b;
	border-radius: 500px;
	margin-bottom: 19px;
}

.box .text1 {
	margin-bottom: 1px;
}

.slogan {
	margin-bottom: 75px;
}

#page2 .box {
	color: #fff;
	background-color: #006089;
	border: 3px solid #334960;
	padding: 22px 15px 27px;
}

#page2 .box img {
	margin-bottom: 21px;
	border-color: #c8f5ee;
	background-color: #334960;
}

#page2 .box .text1 {
	margin-bottom: 16px;
}

.companies .grid_3 {
	height: 350px;
}

.companies img {
	margin-bottom: 19px;
}

.companies .text1 {
	margin-bottom: 9px;
}

.companies a {
	display: inline-block;
	color: #b288ab;
	padding-right: 12px;
	background: url(../images/link_marker.png) right 4px no-repeat;
	margin-top: 14px;
}

.companies a:hover {
	color: #fff;
}

/************Footer***********/

footer {
	display: block;
}

.copy {
	color: #e0e8ec;
	padding-top: 29px;
	padding-bottom: 30px;
	font-size: 12px;
	line-height: 24px;
	text-align:center;
}

.copy a img {
	width:82px;
}

/**to top**/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:40px;
	margin-right: -620px !important;
	overflow:hidden;
	width:45px;
	height:45px;
	border:none;
	text-indent:-999px;
	z-index:999;
	background:url(../images/totop.png) no-repeat left top;
	transition: 0s ease;
	-webkit-transition: 0s ease;
	-o-transition: 0s ease;	
}

#toTop:hover {
	background-position: right 0;
}

.support {
	text-align: left;
	width: 40% !important;
}

.slider_wrapper {
	overflow: hidden;
	position: relative;
	z-index: 0;
	width: 940px;
	height: 376px;
	display:none;
}

.caption {
	left: 0px;
	right: 0px;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1 !important;

}

.pagination  {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 73px;
	/*width: 356px;*/
	height: 32px;
	margin-left: -178px;
	/*overflow: hidden;*/
	right: 0;
	z-index: 999;
	text-align: left;

}

.pagination li {
	float: left;
}

.pagination li+li {
	margin-left: 16px;
}

.pagination li a {
	display: block;
	width: 32px;
	cursor: pointer;
	height: 32px;
	background: url(../images/pagination.png) right 0 no-repeat;
	overflow: hidden;
	color: transparent;
	text-indent: -100px;
	transition: 0s ease;
	-o-transition: 0s ease;
	-webkit-transition: 0s ease;
}

.pagination li a:hover, .pagination li.current a {
	background-position: 0 0;
	cursor: pointer;
}

/****Form****/

#form {
padding-top: 6px;
}

#form input {
	color:#FFF;
	 border: 1px solid #3c7f9f;
	 padding: 4px 12px 9px;
	background-color: #334960;
	width: 100%;
	height: 31px;
	float:left;
	font: 13px/18px  Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
}

#form textarea {
	color:#FFF;
	height: 170px;
	overflow: auto;
	background-color: #334960;
	 border: 1px solid #3c7f9f;
	 padding: 12px 12px 9px;
	width: 100%;
	position: relative;
	resize:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
	float:left;
	font: 13px/18px  Arial, Helvetica, sans-serif;
	margin: 0;
	
}
#form label {
	position:relative;
	display: block;
	min-height: 51px;
	width: 185px;
	float: left;
}


.email {
	margin-left: 10px;
}






#form .error, #form .empty {
	color: #FFF;
	display: none;
	font-size: 11px;
	line-height:14px;
	width:auto;
	position: absolute;
	z-index: 999;
	right: 5px;
	bottom: 4px;
	float:left;
}

#form .message .error, #form .message .empty {
	bottom: -16px;
}

#form .error-empty {
	display:none;
	float:left;
}

.btns {
	position:relative;
	padding-top: 20px;
	text-align: center;

}


.btns a {
	display: inline-block;
	font-size: 19px;
	line-height: 18px;
	background-color: #334960;
	color: #FFF;
	border: 1px solid #3c7f9f;
	min-width: 107px;
	padding: 5px 10px 6px;
	cursor: pointer;
}


#form .message {
	width: 100%;
}

.message br {
	height: 0;
	line-height: 0;
}

#form .success {
	display: none;
	position: absolute;
	width: 100%;
	color:#FFF;

	 border: 1px solid #3c7f9f;

	background-color: #334960;

	text-align: center;
	padding: 20px 10px;
	z-index: 999;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */
}



.success_wrapper {
	position: relative;	
}

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12 {
  zoom: 1;
}


 
.menu_block  {
	z-index: 999;
	float: right;
}

nav>.sf-menu {
}
nav{ position:relative;padding: 0px 0 0 0;}
.sf-menu li {float:left;position:relative; }
.sf-menu>li {
	float: left;
	position: relative;

}

.sf-menu>li+li {
}


.sf-menu>li>a{
	font-size: 18px;
	font-family: 'Signika', sans-serif;
	color: #fff;
	position: relative;
	line-height: 24px;
	padding: 38px 13px 6px;
	display: block;
	z-index: 999;
	position: relative;
}

.sf-menu>li .hover {
	position: absolute;
	left: 0;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	display: block;
	z-index: 0;
	right: 0;
	height: 100%;
	top: -100%;
}