@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800&subset=latin,cyrillic-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic);


body{
	background:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	color:#444444;
}
*{
	margin:0px;
	padding:0px;
}

h1{
	font-weight: 700  !important;
	font-size:28px !important;
	font-family:  sans-serif !important;
	line-height: 32px !important;
	color:#1d4863;
	margin: 0.67em 0;
}
h2{
	font-weight: 600 !important;
	font-size:22px !important;
	color:#222222;
	line-height: 32px;
	margin: 0.67em 0;
}
h3{
	text-transform:uppercase;
	font-weight: 600  !important;
	font-size:16px !important;
    line-height: 32px !important;
	margin: 0.67em 0;
	font-family: 'Raleway', sans-serif !important;
}


h4{

	font-weight: 500;
	font-size:20px;
        line-height: 32px;
	margin: 0.67em 0;
font-family:  sans-serif;
}
h5{
	font-weight:400;
	font-size:20px;
	font-family:  sans-serif;
}
h6{
	font-weight: 300;
	font-size:20px;
	font-family: 'Raleway', sans-serif;
}
p{
	font-family: 'Source Sans Pro', sans-serif ;
	font-weight:300 ;
	font-size:16px ;
	line-height: 27px ;
	text-align: justify ;
}

a{
	text-decoration:none;
}

ul, ol{ margin-top:0;margin-bottom:0px;margin-left:25px;
 }

li{
	/*list-style:none;*/
	font-size:16px;
	line-height: 25px;
}
a .img{
	border:none;

}
a{
	color: #0072cf;
	outline: none;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s; 
}
a:hover {text-decoration: underline;transition: background-color 0.5s ease; }
img{
        border: 0;
        vertical-align: middle;
}
/*img:hover {transition: background-color 0.5s ease; }*/

.clear{
	clear:both;
}
.height5{	height:5px; }
.height10{	height:10px; }
.height15{	height:15px; }
.height20{ 	height:20px; }
.height25{	height:25px; }
.height30{	height:30px; }
.height35{	height:35px; }


.top-bar span{ font-weight:400;	font-size:18px;	font-family: 'Raleway', sans-serif; color:#fff;   margin: 12px 30px 0 0;  float: left;}
.top-bar .get-touch{ float:right;}
.top-bar .get-touch ul{ float:left; margin-top:60px;}
.top-bar .get-touch li{ float:left; list-style:none;/*border-left: solid 1px #9fa3aa;*/ }
.top-bar .get-touch li i.icon-phone4{  margin: 1px 5px 0 0;  float: left;  font-size: 22px;}
.top-bar .get-touch li i.icon-mail {  float: left;  font-size: 22px;  margin: 1px 7px 0 0;}
.top-bar .get-touch li:last-child{ border-right: none; }
.top-bar .social-icons li:last-child{ border-right: solid 1px #9fa3aa; }
.top-bar .get-touch li a{   color: #fff;  padding: 13px 14px;  float: left;}
.top-bar .get-touch li i{ font-size:22px;}
.top-bar .get-touch .social-icons { float:left;}
.top-bar .get-touch .social-icons li a{ padding:13px 10px;}
.top-bar .get-touch .social-icons li a.fb:hover{ background:#5c85ce;}
.top-bar .get-touch .social-icons li a.tw:hover{ background:#02c0f2;}
.top-bar .get-touch .social-icons li a.gp:hover{ background:#eb6850;}
.top-bar .get-touch .social-icons li:last-child a:hover{ color:#fff;}



.header{   min-height: 98px; background-color:#0598B8;}
/*.logo img {  width: 222px;}*/
.logo img {  width: 400px;z-index: 9999999;}
.header .nav{ float:right; margin:10px 0 0 0;}
.header .nav li{ float:left; padding: 11px 0;}
.header .nav li a{ color:#333; font-family: 'Raleway', sans-serif; font-size: 20px; padding:12px 20px !important; }
.header .nav li.parent:hover a{ color:#fff;}
.header .nav li.parent .submenu a{ color:#222;}
.header .nav li.parent .submenu a:hover{ color:#fff;}
.header .nav li.item-select{ color: #fff;  border-radius: 5px; padding: 11px 0;}
.header .nav li.item-select a{color: #fff;  padding:10px 24px;}
.header .nav li:hover{  border-radius: 5px;  padding: 9px 0;}
.header .nav li a:hover{   color: #fff; padding:10px 24px;}

.nav-left{
	background-color:#D0EDF5;
	background-size: cover !important;
	margin: 5px 5px 5px -5px;
	padding: 20px 0px;
}

.nav-left .nav{
	margin-left:5px !important;
}

.nav-left .nav li a:hover{ color:#1d4863;}

.dark-back{ background:#f5f5f5; }
.light-back{ background:#fff; }


.content{ margin:0 0 0 0;}

div.page-main {
	text-align:center;
}
div.page-main h1{font-size:45px; font-weight:700; color:#1d4863; margin-top: 70px;}
div.page-main h2{color:#222; font-size:40px; font-weight:200; }



.footer-bottom{ background-color:#0598B8;   padding: 24px ; }
.footer-bottom .copyrights{ float:left; color:#fff; margin:3px 0 0 0; font-size:15px; display: block !important; }
.footer-bottom .social-icons{ float:right;}
.footer-bottom .social-icons a{   color: #fff;  border: solid 1px #fff;  padding: 7px 9px;  border-radius: 100%;  font-size: 16px;}
.footer-bottom .social-icons a.fb:hover{   background: #5c85ce;  border: solid 1px #5c85ce;  }
.footer-bottom .social-icons a.tw:hover{   background: #02c0f2;  border: solid 1px #02c0f2;  }
.footer-bottom .social-icons a.gp:hover{   background: #eb6850;  border: solid 1px #eb6850;  }
.footer-bottom .social-icons a.vimeo:hover{   background: #68d4ee;  border: solid 1px #68d4ee;  }

html,
body{
     height: 100%;
}
.wrapper {
    position: relative;
    min-height: 100%;
}

#wrap {
    padding-bottom: 100px;
}
/*.footer-bottom {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
}*/

b, strong {
     font-weight: bold !important; 
}


@media only screen and (min-width : 320px) and (max-width : 780px) {
	.logo img {  width: 370px !important;}
	h1 {font-size:26px !important; line-height: 22px !important;}
	h2 {font-size:24px !important; line-height: 20px !important;}
    .news-list img{ float:none !important;}
	.news-item {text-align:left !important;}
	iframe{width:100% !important;}
	.container{width:99% !important;display:inline-block !important; }
 	div.page-main {display:none !important; }
	div.top-bar div.col-md-6:first-child{display:none ;width:3%; }
	a#specialButton{display:none !important; }
	div.latest-news{padding: 0 0 !important;}
	div.owl-wrapper{width:100% !important;}
	div.get-touch ul li:nth-child(2){display:none !important;}
	.header .nav li a {padding: 8px 5px !important;}
	ul.submenu{display:none !important; }
}