@import url(http://fonts.googleapis.com/css?family=Raleway:400,700);
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/roboto-regular.eot');
    src: url('../fonts/roboto-regular.eot') format('embedded-opentype'),
         url('../fonts/roboto-regular.woff') format('woff'),
         url('../fonts/roboto-regular.ttf') format('truetype'),
         url('../fonts/roboto-regular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: 'RobotoItalic';
    src: url('../fonts/roboto-italic.eot');
    src: url('../fonts/roboto-italic.eot') format('embedded-opentype'),
         url('../fonts/roboto-italic.woff') format('woff'),
         url('../fonts/roboto-italic.ttf') format('truetype'),
         url('../fonts/roboto-italic.svg#RobotoItalic') format('svg');
}
@font-face {
    font-family: 'FuturaLight';
    src: url('../fonts/ful____.eot');
    src: url('../fonts/ful____.eot') format('embedded-opentype'),
         url('../fonts/ful____.woff') format('woff'),
         url('../fonts/ful____.ttf') format('truetype'),
         url('../fonts/ful____.svg#FuturaLight') format('svg');
}

@font-face {
    font-family: 'FuturaBold';
    src: url('../fonts/fub_____0.eot');
    src: url('../fonts/fub_____0.eot') format('embedded-opentype'),
         url('../fonts/fub_____0.woff') format('woff'),
         url('../fonts/fub_____0.ttf') format('truetype'),
         url('../fonts/fub_____0.svg#FuturaBold') format('svg');
}

@font-face {
    font-family: 'FuturaMedium';
    src: url('../fonts/fu______0.eot');
    src: url('../fonts/fu______0.eot') format('embedded-opentype'),
         url('../fonts/fu______0.woff') format('woff'),
         url('../fonts/fu______0.ttf') format('truetype'),
         url('../fonts/fu______0.svg#FuturaMedium') format('svg');
}



body{
	background:#fff;
	color:#464849;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	min-width: 320px;
}

img{max-width:100%;}

.page-header{
}

.page-header h2{
	color:#2b707f;
	text-align:center;
	font-family: 'RobotoItalic';
	border-bottom:1px solid #2b707f;
	font-size:28px; 
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}

div.itemHeader h2.itemTitle{
	color:#2b707f;
	text-align:left;
	font-family: 'RobotoItalic';
	border-bottom:1px solid #2b707f;
	font-size:28px; 
	padding:0 0 10px 0;
	margin:0 0 5px 0;
}

.itemToolbar{display:none;}

div.catItemHeader h3.catItemTitle{
	font-family: 'RobotoRegular'!important;
	font-size:28px!important;
}
span.catItemImage img {
    border: 1px solid #ccc;
    padding: 0; margin: 6px 0 0;
}
div.catItemImageBlock {
    margin: 0;
    padding: 0;
}
div.catItemView {
    padding: 0;
}
div.catItemHeader span.catItemAuthor,.itemAuthor{font-style:italic;color: #2b707f;}

a.k2ReadMore {
	background: #add353 none repeat scroll 0 0;
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-family: "Raleway",sans-serif;
    font-size: 19px;
    padding: 10px 30px;
    transition: opacity 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
}

a.k2ReadMore:hover{
	text-decoration:none; color:#FFF;background:#009bc7;
}

div.itemContainer {
    border-bottom: 1px solid #2b707f;padding: 0 0 15px;
    float: left;
    margin-bottom: 20px;
}

.nav-fixed{
	min-height: 46px !important;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
	 box-shadow: 0 0 3px #000;
	  -moz-box-shadow: 0 0 3px #000;
	   -webkit-box-shadow: 0 0 3px #000;
}

.responsive_nav{display:none;}
.navbar-nav > li > a{font-family: 'RobotoRegular';font-size:16px; color:#464849; padding:10px 20px!important;}
.navbar-nav li:hover a,
.navbar-nav li a:hover,
.navbar-nav li.active a{
	color:#009bc7;
}

.navbar-nav ul{
	display: none;
    list-style:none;
	position:absolute;
	background:#4a97a8;
	z-index:9999;
	width:210px;
	padding:5px 0;
	margin:0;
	-webkit-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
}

.navbar-nav li:hover ul{
	display:block;
}

.navbar-nav ul li{
	display:block;
	padding:0 10px;
}

.navbar-nav ul li a{
	padding:7px 10px;
	display:block;font-family: "RobotoRegular";
	color:#FFF!important;
	border-bottom: 1px solid #65b0c1;
}

.navbar-nav ul li ul{display: none !important;
    left: 210px;top:5px;}
.navbar-nav ul li:hover ul{display: block !important;}
.navbar-nav ul li a:hover{text-decoration:none;color:#585858; background:#2b707f;}

.navbar-nav li.lastitem a{padding-right:0!important; border:none;}

.cl_resp{
    display: none;
}

.responsive_nav:hover span, 
.responsive_nav:hover span:before, 
.responsive_nav:hover span:after, 
.responsive_nav.active span, 
.responsive_nav.active span:before, 
.responsive_nav.active span:after{
	background-color: #009bc7;
}


@media only screen and (max-width:1024px) {
	
	.navbar-nav,.navbar-nav li:hover ul{display:none;}
	
	#header .cl_resp {
    	clear: both;
    	display: block;
	}
	
	.navbar-nav {
    	border-top: 0px solid #e4ebf0;
    	margin: 0;
    	position: relative;
		float:none!important;
	}
	
	.navbar-nav ul{position:relative; width:100%;}
	
	.navbar-nav > li{float:none!important;}
	
	.responsive_nav {

  border: 1px solid #dddddd;

  box-sizing: border-box;

  display: block !important;

  float: left;

  height: 34px;

  margin:0;

  position: relative;

  right: 0%;

  transition: all 0.3s ease-in-out 0s;

  width: 34px;

  z-index: 99;

}



	.responsive_nav span {

	    display:block;

	    height:2px;

	    position:relative;

	    width:16px;

	    top:11px;

	    left:8px;

	}



	.responsive_nav span:before, 

	.responsive_nav span:after {

	    content:"";

	    display:block;

	    height:2px;

	    left:0;

	    position:absolute;

	    top:4px;

	    width:16px;

	}



	.responsive_nav span:after {

		top:8px;

	}



	.responsive_nav span,

	.responsive_nav span:before,

	.responsive_nav span:after {

		background-color:#000000;

	}

	

	.responsive_nav:hover span,

	.responsive_nav:hover span:before,

	.responsive_nav:hover span:after,

	.responsive_nav.active span,

	.responsive_nav.active span:before,

	.responsive_nav.active span:after {

		-webkit-transition:background-color .3s ease-in-out;

		-moz-transition:background-color .3s ease-in-out;

		-ms-transition:background-color .3s ease-in-out;

		-o-transition:background-color .3s ease-in-out;

		transition:background-color .3s ease-in-out;

	}
	
}

#header{
	padding:18px 0;
	position: fixed;
	z-index: 99999;
	width:100%;
	top: 0;
	background:#FFF;
}

.socials{
	text-align:right;
	padding: 0 0 15px;
}

.socials a{
	display: inline-block;
    padding: 0 0 0 15px;
}

.socials p{margin:0;}

.socials img{}

.nav-header{float: right;}

#banner{margin-top:117px; background:#2b707f;}

#banner p{margin:0;}

#banner-inner .custom{min-height:253px;}

#banner-inner h1{color: #fff;
    font-family: "FuturaMedium";
    font-size: 48px;
    letter-spacing: 1px;
    margin: 0;
    padding: 60px 0 0 15px;
    }

#banner-general{ background: rgba(0, 0, 0, 0) url("../images/banner-general.png") no-repeat scroll right top;
    min-height: 253px;}

#banner-general h1{}

#mainbody{
	padding: 30px 0;
	min-height: 440px;
}

body.home #mainbody{min-height:20px;}

#featured{
	background:#009bc7;
	color:#FFF;
	padding: 25px 0;
}

#featured h2{
	font-family: 'RobotoItalic';
	font-size:28px;
	line-height:normal;
	margin: 0;
}

#featured a.btn-download{
	background: url("../images/icon-clound.png") no-repeat scroll 17px center;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-family: "RobotoItalic";
    line-height: 32px;
    padding: 8px 23px 8px 73px;
    text-transform: uppercase;
	margin-top: 10px;
}

#featured-inner,#content-area,#bottom-inner{max-width:1000px;margin: 0 auto;}

#bottom{padding:30px 0;}

#footer{
	background:url(../images/bgfooter.png) repeat;
	padding:30px 0;
}

#footer-bottom{
	background:#009bc7;
	color:#FFF;
	font-family: 'RobotoRegular';
	font-size:13px;
	padding: 15px 0 5px;
}

#footer-inner ul{}
#footer-inner ul li{margin-right: 90px;float:left;}
@media only screen and (max-width:1199px) {
	#footer-inner ul li.item-104,
	#footer-inner ul li.item-106,
	#footer-inner ul li.item-107,
	#footer-inner ul li.item-169
	{margin-right: 90px;float:none;}

}

#footer-inner ul li a{font-family: 'Raleway', sans-serif; font-size:16px; color:#FFF;padding: 0 0 5px; font-weight:400;}
#footer-inner li ul{list-style:none; padding:0; margin:0;}
#footer-inner li ul li{ clear: both; display: block; margin-right: 0; max-width: 100%;padding: 3px 0;}
#footer-inner li ul li a{font-size:13px; padding:0;color:#FFF;} 
#footer-inner li.active a,#footer-inner ul li a:hover{color:#009bc7;}
#footer-inner li.lastitem{margin:0;}
.footer-nav ul{margin:0; padding:0;text-align: right;}
.footer-nav ul li{display: inline;}
.footer-nav ul li a{color:#FFF;display: inline;padding: 0 10px;}
.footer-nav ul li a:hover{text-decoration:underline;}

#back-to-top {
    bottom: 20px;
    display: none;
    position: fixed;
    right: 5px;
    z-index: 1000;
}

#back-to-top a:hover {
    background-color: #222222;
}
#back-to-top a {
    display:block;width:40px;height:40px;background:#515A5F url(../images/backtotop.png) no-repeat center center;text-indent:-9999px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transition:0.2s all linear;-moz-transition:0.2s all linear;-o-transition:0.2s all linear;transition:0.2s all linear;
}

.slide-text{padding: 80px 0 0 15px;}

.slide-text h1{
	font-family: "FuturaMedium";
    font-size: 65px!important;
    letter-spacing: 1px;
    margin: 0!important;
    padding: 0 0 5px!important;
    text-transform: uppercase;
	color:#FFF;
}

.slide-text h2{
	font-family: 'FuturaMedium';
	font-size:48px;
	padding:0 0 8px;
	margin:0;
	text-transform:uppercase;
	color:#FFF;
}

.slide-text h3{
	font-family: 'FuturaLight';
	font-size:42px;
	padding:0 0 8px;
	margin:0;
	color:#FFF;
}

.slide-text p{
	font-family: 'Raleway', sans-serif; font-size:14px;
	line-height:22px;
	padding: 10px 0;
	color:#FFF;
}

.djslider-default .slide-desc{top:0;width:60%!important;}

.slide-text a{
	font-family: 'Raleway', sans-serif; font-size:19px;
	color:#FFF;
	background:#add353;
	 padding: 10px 30px;
	 display:inline-block;
	 border-radius:6px;
	 -webkit-border-radius:6px;
	-moz- border-radius:6px;
	-webkit-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	-moz-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	-ms-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	-o-transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
	transition:opacity .3s ease-in-out, margin .3s ease-in-out, visibility .3s ease-in-out;
}

.slide-text a:hover{text-decoration:none; color:#FFF;background:#009bc7;}
.k2CategoriesListBlock ul{list-style:none; padding:0; margin:0;}
.k2CategoriesListBlock ul li{padding: 0 0 5px 15px;}
.k2CategoriesListBlock ul li a{}

/*
#banner-inner .custom {
	background-position: 0 41px;
	background-size: 100% auto;
}
*/

@media only screen and (max-width:1199px) {
	#banner-inner .custom {
		background-position: 0 33px;
		background-size: auto 220px;
	}
}

@media only screen and (max-width:1041px) {
	#banner-inner .custom {
		background-position: 0 44px;
		background-size: 100% auto;
	}
}

@media only screen and (max-width:1024px) {
	#banner-inner .custom {
		background-position: 0 53px;
		background-size: auto 200px;
	}
}

@media only screen and (max-width:992px) {
	#banner-inner .custom {
		background-position: -125px 53px;
		background-size: auto 200px;
	}
}

@media only screen and (max-width:768px) {
	#banner-inner .custom {
		background-position: -125px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:758px) {
	#banner-inner .custom {
		background-position: -135px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:748px) {
	#banner-inner .custom {
		background-position: -145px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:738px) {
	#banner-inner .custom {
		background-position: -155px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:728px) {
	#banner-inner .custom {
		background-position: -165px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:718px) {
	#banner-inner .custom {
		background-position: -175px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:708px) {
	#banner-inner .custom {
		background-position: -185px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:698px) {
	#banner-inner .custom {
		background-position: -195px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:688px) {
	#banner-inner .custom {
		background-position: -205px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:678px) {
	#banner-inner .custom {
		background-position: -215px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:668px) {
	#banner-inner .custom {
		background-position: -225px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:658px) {
	#banner-inner .custom {
		background-position: -235px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:648px) {
	#banner-inner .custom {
		background-position: -245px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:638px) {
	#banner-inner .custom {
		background-position: -255px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:628px) {
	#banner-inner .custom {
		background-position: -265px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:618px) {
	#banner-inner .custom {
		background-position: -275px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:608px) {
	#banner-inner .custom {
		background-position: -285px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:598px) {
	#banner-inner .custom {
		background-position: -295px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:588px) {
	#banner-inner .custom {
		background-position: -305px 53px;
		background-size: auto 200px;
	}
}
@media only screen and (max-width:578px) {
	#banner-inner .custom {
		background-position: -315px 53px;
		background-size: auto 200px;
	}
}

@media only screen and (max-width:568px) {
	#banner-inner .custom {
		background-position: -550px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:560px) {
	#banner-inner .custom {
		background-position: -560px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:550px) {
	#banner-inner .custom {
		background-position: -570px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:540px) {
	#banner-inner .custom {
		background-position: -580px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:530px) {
	#banner-inner .custom {
		background-position: -590px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:520px) {
	#banner-inner .custom {
		background-position: -600px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:510px) {
	#banner-inner .custom {
		background-position: -610px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:500px) {
	#banner-inner .custom {
		background-position: -620px 0;
		background-size: auto 250px;
	}
}

@media only screen and (max-width:490px) {
	#banner-inner .custom {
		background-position: -630px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:480px) {
	#banner-inner .custom {
		background-position: -640px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:470px) {
	#banner-inner .custom {
		background-position: -650px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:460px) {
	#banner-inner .custom {
		background-position: -660px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:450px) {
	#banner-inner .custom {
		background-position: -670px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:440px) {
	#banner-inner .custom {
		background-position: -680px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:430px) {
	#banner-inner .custom {
		background-position: -690px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:420px) {
	#banner-inner .custom {
		background-position: -700px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:410px) {
	#banner-inner .custom {
		background-position: -710px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:400px) {
	#banner-inner .custom {
		background-position: -720px 0;
		background-size: auto 250px;
	}
}

@media only screen and (max-width:390px) {
	#banner-inner .custom {
		background-position: -730px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:380px) {
	#banner-inner .custom {
		background-position: -740px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:370px) {
	#banner-inner .custom {
		background-position: -750px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:360px) {
	#banner-inner .custom {
		background-position: -760px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:350px) {
	#banner-inner .custom {
		background-position: -770px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:340px) {
	#banner-inner .custom {
		background-position: -780px 0;
		background-size: auto 250px;
	}
}
@media only screen and (max-width:330px) {
	#banner-inner .custom {
		background-position: -790px 0; 
		background-size: auto 250px;
	}
}


@media only screen and (max-width:320px) {
	#banner-inner .custom {
		background-position: -790px 0;
		background-size: auto 250px;
	}
}