/*css*/
@import "reset.css";
@import "grid.css";
@import "superfish.css";

@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(//fonts.googleapis.com/css?family=Open+Sans:300);
@import url(//fonts.googleapis.com/css?family=Open+Sans:600);
/*@import url(//fonts.googleapis.com/css?family='Open Sans':400,700,900);*/



html, body {
	width: 100%;
	background: #fff;
	color: #363f45;
	font: normal 14px/23px 'Open Sans', sans-serif;
}

p {margin-top: 9px;}

a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}

a, .owl-prev, .owl-next {
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

* {
	-webkit-text-size-adjust: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

/************Header************/

#header {
	position: relative;
}

.header_bg {
	background: #e9eff3;  
	width: 100%;
    overflow: hidden; 
	margin: 0 auto;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
}

h1 a {z-index: 1; position: relative;}


/************Content***********/

#content {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
}    
    
.bg_1, .bg_2, .bg_3, .bg_4, .bg_5, .bg_6, .bg_7, .bg_8 {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #084a8b;
	padding: 0px 0 0px 0;
}

.bg_1 {background: #fff; padding: 0px 0 0px 0; }  
.bg_2 {background: #fff; padding: 35px 0 35px 0;  }
.bg_3 {background: #fff;    padding: 20px 0 0px 0; }
.bg_4 {padding: 40px 0 20px 0; }
.bg_5 {background: #fff;    padding: 20px 0 45px 0; }
.bg_6 {background: #fff; padding: 0px 0 0px 0; }
.bg_7 {background: #fff; padding: 0px 0 0px 0; } 
.bg_8 {    
    
    padding: 2px 0 4px 0; 
    margin-bottom: 20px;
-webkit-box-shadow: 0px 8px 6px -2px rgba(135,131,135,0.68);
-moz-box-shadow: 0px 8px 6px -2px rgba(135,131,135,0.68);
box-shadow: 0px 8px 6px -2px rgba(135,131,135,0.68);
} 
 
.lineblue {
      border-bottom: 3px solid #084a8b;       
}
.image img {
	text-align: center;
	margin: 0px 15px 30px 0px;

}

.title_1, .title_2, .title_3 {
	display: block;
	font: 600 60px/60px 'Open Sans', sans-serif;
	color: #084a8b;
	text-transform: uppercase;
	margin: -9px 0 2px -5px;
}

.title_2 {
	font: 600 70px/70px 'Open Sans', sans-serif;
	margin: -11px 0 0 0; 
	padding-left: 150px;
}

.title_3 {
	font: 400 40px/40px 'Open Sans', sans-serif;
	color: #084a8b;
	margin-top: 3px;
    text-align: center; 

}

h2,h3,h4,h5,h6 {
	font: 300 30px/30px 'Open Sans', sans-serif;
	color: #363f45;


}

h2 {
    font: 600 24px/24px 'Open Sans', sans-serif;    
	line-height: 42px;
	color: #c31d23;
	margin-bottom: 5px;
    padding-right: -30px;
    padding-top: 30px;
    text-align: center;
    letter-spacing: 0.02em;  
}

h3 {
    font: 600 24px/24px 'Open Sans', sans-serif;    
	line-height: 42px;
	color: #363f45;
	margin-bottom: 5px;
    padding-right: -30px;
    text-align: center;
    letter-spacing: 0.02em;  
}

h4 {
	font-size: 20px;
	line-height: 25px;
	color: #363f45;
}

h5 {
	font-size: 16px;
	line-height: 26px;
	color: #363f45;
	font-weight: bold;
    letter-spacing: 0.02em;
    margin-top: 16px;
    margin-bottom: -16px;
}

h6 {
	font-size: 14px;
	line-height: 25px;
	color: #084a8b;
	font-weight: normal;
	margin-top: 1px;
}

br {display: block;}

.block {margin-top: -2px;}

.col1 {color: #084a8b; font-weight: 400; margin-top: 10px;}
.col2 {color: #363f45;}



a.link, a.link_5, a.link_6 {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 26px;
    margin-top: 16px;
    text-decoration: none;
    text-transform: none;
    color: #084a8b;
    padding: 0 0 3px 0;
}

a.link_5 {

}

a.link_6 {
}


a.link_5:hover {color: #363f45;}

a.link:hover, a.link_6:hover {color: #363f45;}




.image_1, .image_2 {
    display: inline-block;
    float: left;
    margin: 0 29px 0px 0;
}

.image_2 {
	position: relative;
    display: block;
    float: left;
    margin: 0 45px 0 0;
    width: 105px;
}   

.block img {margin-top: 8px;}

.block h4 a {
	text-decoration: none;
	color: #084a8b;
	font-weight: 600;
}

.block h4 a:hover {color:#363F45;}

.block p {margin-top: 9px;}

time {
	color: #084a8b;
	font: 600 50px/50px 'Open Sans', sans-serif;
	display: block;
	text-align: center;
	text-transform: uppercase;
	padding-left: 18px;
	margin-top: -3px;
}

time>span {
	font-size: 20px;
	line-height: 20px;
	color: #363f45;
	display: block;
	font-weight: 300;
	padding-left: 2px;
	margin-top: 6px;
}

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 147px;
    left: 63.35%;
    margin-left: 500px;
    overflow: hidden;
    width: 73px;
    height: 73px;
    border: none;
    text-indent: -999px;
    z-index: 20;
    background: url(../images/toTop.png) 0 0 no-repeat;
    opacity: .8;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
    
    transition: 0s ease;
    -o-transition: 0s ease;
    -webkit-transition: 0s ease;
}

#toTop:hover {
    outline: none;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.article {
	position: relative;
	overflow: hidden;
	margin: -1px 0 15px;
}
.article+.article {margin-bottom: 20px;}
.article a {font-weight: 300;}
.article div img {width: 100%; margin: 6px 0 20px;}

ul.date_list {
	margin: 0 0 9px;
	position: relative;
	overflow: hidden;
}

ul.date_list li {
   margin-bottom: 23px;
   overflow: hidden;
   position: relative;
}

ul.date_list time {
	background: #084a8b;
	font: 600 40px/40px 'Open Sans', sans-serif;
	color: #fff;
	display: block;
	position: relative;
	margin-top: 5px;
	padding: 12px 0 14px;
}

ul.date_list time:after {
	position: absolute;
	content: "";
	background: url(../images/page1_img9.png) 0 0 no-repeat;
    height: 15px;
    position: absolute;
    right: -12px;
    top: 14px;
    width: 12px;
}

ul.date_list li>div a.link_2{
	font-weight: 300;
}

ul.date_list p {margin-top: 17px;}

ul.date_list time>span {
	font-size: 15px;
	color: #000;
	padding: 0;
}

ul.list {
	position: relative;
	overflow: hidden;
	margin: 14px 0 11px;
	width: 106%;
}
ul.list li {
	float: left;
	background: url(../images/bull.png) 0 11px no-repeat;
	width: 100%;
	padding-left: 15px;
}
ul.list li a {
	color: #bab9b9;
	text-transform: uppercase;
	text-decoration: none;
	font: 300 14px/30px 'Open Sans', sans-serif;
}

ul.list li a:hover {
	color: #084a8b;
}

ul.list_2 {
	position: relative;
	overflow: hidden;
}

ul.list_2 li {
	overflow: hidden;
	margin-bottom: 20px;
}

ul.list_2 li>div {
	position: relative;
	overflow: hidden;
}

.number {
	float: left;
	margin-right: 20px;
	font: 600 50px/48px 'Open Sans', sans-serif;
	color: #084a8b;
}

.image_3 {margin-bottom: 20px;}
.image_3 img {width: 100%; margin-top: 6px;}

.thumb img {margin-bottom: 20px; width: 100%;}
.thumb a {font-weight: 300;}

table.table {
	width: 100%;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	margin: 50px 0 10px;
	border: none;
	font: 100 14px/18px 'Open Sans', sans-serif;
}

.table td, .table th {border: 1px solid #f3f3f3; width: 20%;}
.table td {padding: 11px 0 12px;}
.table th {color: #084a8b;font: normal 18px/50px 'Open Sans', sans-serif;}

.section, .extra_wrapper {position: relative;overflow: hidden;}
.section {margin: -1px 0 55px;}
.section time {float: left; padding: 0px; margin: 0 16px 0 0;}
.section time>span {padding: 0;}
.extra_wrapper hr {
	margin: 3px 0 30px; 
	height: 3px; 
	background: #084a8b; 
	border: none;
	position: relative;
}

.extra_wrapper p>a {color: #084a8b;text-decoration: none;display: inline-block;}
.extra_wrapper p>a:hover {color: black;}
.extra_wrapper>img {margin-bottom: 12px; width: 100%;}

.index {
	position: relative; 
	right: -3px;
	float: right;
	margin-top: -23px; 
	padding-left: 17px;
	background: url(../images/bull_2.png) 0 8px no-repeat;
}

.index a {color: #444444; text-decoration: none; font: normal 14px/25px 'Open Sans', sans-serif;}
.index a:hover {color: #084a8b;}

aside .list {margin: -5px 0 68px;}

.text_1 {position: relative; overflow: hidden; margin-bottom: 37px;}
.text_1 h4 {font-weight: 400;}
.text_1 p {line-height: 24px; margin-top: 16px;}

.text_2 {position: relative; overflow: hidden; margin-bottom: 37px; font: normal 14px/25px 'Open Sans', sans-serif;}
.text_2 h4 {font-weight: 400;}
.text_2 p { margin-top: 16px; font-weight: normal; font-size: 16px; line-height: 26px; letter-spacing: 0.02em;}

.text_3 {position: relative; overflow: hidden; margin-bottom: 37px; font: normal 14px/25px 'Open Sans', sans-serif;}
.text_3 h4 {font-weight: 400;}
.text_3 p { margin-top: 0px; font-weight: normal; font-size: 16px; line-height: 26px; letter-spacing: 0.02em;}

.text_1+a {color:#084a8b; text-decoration: underline;}
.text_1+a:hover {color: #444444;text-decoration: none;}

.text_bold {font-weight: bold; padding: 0 0 3px 0;}




    #owl-demo .item{
    margin: 0px 20px 0px 0px;
    }
    #owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
    border: 3px solid #fff;  
    }




/************Footer************/

#footer {
	position: relative;
	overflow: hidden;
	padding: 20px 0 20px;
	color: #fff;
    background: #084a8b;
	font: 600 15px/17px 'Open Sans', sans-serif;
    letter-spacing: 0.02em;

 

}
                                                  
a.logo_2 {
	color: #009de0;
	float: left;
	text-decoration: none;
	line-height: 18px;
	font-weight: 600;
}

a.link_4 {
	color: #fff;
	text-decoration: none;
	text-transform: none;
    padding: 0px 0px 4px 0px;    
}

a.link_4:hover, address a:hover {
	color: #000;
    padding: 0px 0px 4px 0px;	
}

.copy {
	float: left;
	line-height: 14px;
	color: #009de0;
	position: relative;
	width: 174px;
}

address {
	position: relative;
	overflow: hidden;
	width: 100%;
	line-height: 20px;
    padding-top: 10px;   
}

address a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

address>div {
  
    float: left;
}

address img {margin: 3px 25px 10px 0;}

address br {margin: 0;}

.fleft {
	float: left;
	width: auto !important;
	margin-right: 28px;
	margin-bottom: 0px;
	margin-top: 5px;
}

.fright {
	float: right !important;
}

ul.socials {
	margin-top: 2px;
	position: relative;
	overflow: hidden;
}

ul.socials li {
	float: right;

}

ul.socials li a {
	background: #fff;
	position: relative;
	width: 34px;
	height: 34px;
	text-decoration: none;
	color: #009de0;
	text-align: center;
	line-height: 36px;
	font-size: 18px;

	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-ms-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;
}

ul.socials li a:hover {
	background: #424955;
}


/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 1199px) {
	
	.image img {width: 28%;}

	 a.link_1 {font-size: 28px;padding: 0 16px;}
  	.title_3 {font-size: 36px; line-height: 36px; margin-left:2px;}

  	.title_2 {font-size: 56px; line-height: 58px;}

  	ul.date_list time {width: 52px;}
	
	h1 a img {width: 50%;}
}

@media only screen and (max-width: 995px) {

	.image img {width: 28%;}
	
	ul.socials {margin-top: 31px!important;}

    h1 a img {width: 50%;} 
}

@media only screen and (max-width: 767px) {
  
	.image img {width: 45%;}

 	h2 {padding-top: 0px; text-align: left;}
	
	.splash {display: none;}

  	address {margin-bottom: 20px;}

	.text {margin-bottom: 30px; }
	.title_2 {font-size: 53px; line-height: 53px; margin: 0; display: inline; padding-left: 0;}
	.title_3 {padding-left: 0;}

	time {padding: 0; margin: -2px 20px 0 0; float: left; }

	ul.date_list time {padding: 12px 15px 14px; width: auto;}

	.wrap {margin-bottom: 30px;}

  	.header_bg {
  		-webkit-background-size: cover;
  		background-size: cover;
  	}

  	.aside, .thumb {margin-bottom: 30px;}

  	a.link_1 {margin-top: 30px;float: left; line-height:60px;}

	.bg_1, .bg_2, .bg_3, .bg_4, .bg_5, .bg_6 {padding: 10px 0 10px;}

    h1 a img {width: 100%;}

	.table th {padding: 12px 3px; line-height: 22px;}
}

@media only screen and (max-width: 480px) {

	.image img {width: 90%;}

	address > div {margin-right: 15px;}

	address img {margin-right: 0;}

	.table td {font-size: 10px; padding: 3px 2px; line-height: 12px;}
	.table th {font-size: 12px; line-height: 15px;}

	.image_1 {display: block; margin: 0 0 20px; float: none;}
	.image_1 img {width: 100%;}

	a.link_1 {line-height: 75px;}

	.article {margin-bottom: 30px;}
  
}

@media only screen and (max-width: 320px) {
  
}
