@charset "utf-8";
/* CSS Document */
body{color:#464646; font:400 13px/20px 'Open Sans', sans-serif; padding:0; margin:0;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.spacer{clear:both; display:block; line-height:0; font-size:0;}

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

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proximanova-reg-webfont.eot');
    src: url('../fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-reg-webfont.woff') format('woff'),
         url('../fonts/proximanova-reg-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#wrapper{width:100%; padding:0; margin:0;}
.content{max-width:1200px; margin:0 auto;}

/* -----------------------  header ------------------------- */
#header{background:url(../images/header_bg.jpg) 0 0 no-repeat #FFF; clear:both; min-height:174px;}
h1.logo{width:437px; height:115px; padding:0; margin:39px 0 0 25px; float:left;}
h1.logo a{text-decoration:none; overflow:hidden; line-height:normal; display:block;}
#header .rtpanel{float:right;}
#header nav{padding:20px 39px 21px; display:block; float:right; margin:0 0 43px; background:#cc0c00; border-radius:0 0 5px 5px; font-size:15px; line-height:17px;}
#header nav a{color:#fefefe; text-decoration:none; margin:0 7px; transition: all 300ms ease-in-out;}
#header nav a:hover{color:#ffbdb9;}

.searchBox{width:356px; margin:0; float:right; clear:both;}
.red-btn{background:url(../images/red_btn.gif) 0 0 repeat-x #cc0c00; border-radius:8px; border:#FFF 1px solid; -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55); -moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.55); box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.55); transition: all 300ms ease-in-out; font:400 17px/33px 'Open Sans', sans-serif; height:33px; text-decoration:none; padding:0 18px; color:#FFF;}
.red-btn:hover{background:#d92014; -webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75); -moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75); box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);} 
.searchBox .red-btn{margin-top:2px;}
.search{background:#FFF; border:#858585 1px solid; width:208px; height:36px; border-radius:8px; float:right;}
.search input[type="text"]{padding:9px 0 9px 15px; width:156px; background:none; border:0; color:#363636; font:400 13px/16px 'Open Sans', sans-serif; outline:none; float:left;}
.search input[type="submit"]{background:url(../images/search_btn.gif) 0 0 no-repeat; width:22px; height:23px; padding:23px 0 0 0; line-height:normal; text-indent:-999999em; overflow:hidden; line-height:normal; cursor:pointer; outline:none; padding:0; margin:7px 13px 0 0; float:right; border:0;}

/* --------------------- navigation --------------------- */
#navigation{background:url(../images/nav_bg.gif) 0 0 repeat-y #264291; height:61px; border-radius:10px 10px 0 0; margin-bottom:1px; clear:both; position:relative;}

/* ----------------- content block -------------------- */
#main{clear:both; background:url(../images/content_bg.gif) 0 0 repeat-x; overflow:hidden;}

/* ------------------- home page slider ------------------- */
#home-slider{clear:both;}
#home-slider .desc{background:url(../images/slider_desc_bg.gif) 0 0 repeat-y; width:353px; height:417px; float:left; position:relative;}
#home-slider .desc .botLine{height:13px; display:block; clear:both; background:url(../images/line.gif) 0 0 repeat-x; position:absolute; left:0; bottom:0; width:100%;}
#home-slider .desc .box-content{padding:55px 12px 20px 25px; clear:both; overflow:hidden;}
#home-slider .desc h2{color:#FFF; font:normal 31px/33px 'HomizioBlack'; padding:0; margin:0 0 26px;}
#home-slider .desc p{font-size:13px; line-height:21px; padding:0; margin:0 0 47px; color:#FFF;}
#home-slider .desc a{color:#ffdb00; text-decoration:none; font-size:15px; line-height:17px;}
#home-slider .desc a:hover{text-decoration:underline;}
#home-slider .slider{width:847px; float:right; position:relative;}
#home-slider .slider img{display:block;}
#home-slider .content{position:relative;}
#home-slider .pagination{position:absolute; right:10px; top:10px; z-index:100;}
#home-slider .pagination a{display:block; text-decoration:none; background:#d6d6d6; width:37px; height:0; padding:10px 0 0 0; line-height:normal; overflow:hidden; float:left; margin:0 0 0 3px; transition: all 300ms ease-in-out;}
#home-slider .pagination a:hover{background:#eaeaea;}
#home-slider .pagination a.active, #home-slider .pagination li.rslides_here a{background:#cc0c00;}

#container{-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.55);
box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.55); padding:5px 0 0 0; clear:both; overflow:hidden; min-height:100px; margin-bottom:3px;}

.leftPanel{width:505px; float:left;}
.rightPanel{width:693px; float:right;}

.homeBlock{padding:18px 24px 20px; clear:both; overflow:hidden;}
.homeBlock p{color:#393131; font-size:13px; line-height:19px; padding:0; margin:0 0 17px;}
.homeBlock h1{color:#393131; font:normal 31px/34px 'HomizioBlack'; padding:0; margin:0 0 18px;}

.latest-news{padding:0 0 15px; clear:both; overflow:hidden;}
.latest-news .title{height:46px; clear:both; background:#c1c1c1;}
.latest-news .title h3{color:#274293; background:url(../images/title_arrow.gif) 100% 0 no-repeat #dedede; font:normal 19px/20px 'proxima_nova_rgregular'; padding:13px 27px; margin:0; float:left; width:60%; text-transform:uppercase;}
.latest-news .title a{color:#394d85; text-decoration:none; margin:14px 32px 0 0; float:right;}
.latest-news .title a:hover{text-decoration:underline;}
.newsBlock{padding:17px 27px 0; clear:both; overflow:hidden;}
.newsBlock .news{border-bottom:#464646 1px dotted; clear:both; overflow:hidden; padding:0 0 18px; margin:0 0 15px;}
.newsBlock .news .date{color:#363636; font-size:13px; display:block; margin:0 0 3px;}
.newsBlock h4{color:#283a70; font:400 18px/19px 'Open Sans', sans-serif; padding:0; margin:0 0 2px;}
.newsBlock a{color:#1b1464; text-decoration:underline;}
.newsBlock a:hover{text-decoration:none;}
.newsBlock p{color:#363636; padding:0; margin:0;}
.newsBlock .news:nth-last-child(1){border:0; padding:0;}

.thumBox{margin:0 0 5px; clear:both; overflow:hidden;}
.thumBox .box{width:229px; float:left; margin:0 3px 0 0; cursor:pointer; position:relative; height:125px; transition: all 300ms ease-in-out}
.thumBox .box.last{margin-right:0;}
.thumBox .box-content{padding:24px 96px 0 12px; clear:both; overflow:hidden;}
.thumBox .box-content a{color:#fff; text-decoration:none;}
.thumBox .box-content a:hover{color:#fff; text-decoration:underline;}
.thumBox .box-content h3{color:#FFF; font:normal 18px/18px 'proxima_nova_rgregular'; padding:0; margin:0 0 6px; text-transform:uppercase; letter-spacing:-1px;}
.thumBox .box-content p{color:#FFF; font-size:12px; line-height:16px; padding:0; margin:0;}
.thumBox .box-content img{display:block; position:absolute; right:0; bottom:0;}
.thumBox .box.box1{background:url(../images/article_box1_bg.gif) 0 0 repeat-x;}
.thumBox .box.box2{background:url(../images/article_box2_bg.gif) 0 0 repeat-x;}
.thumBox .box.box3{background:url(../images/article_box3_bg.gif) 0 0 repeat-x;}
.thumBox .box:hover{background-position:0 -125px;}

.eventsBlock{width:347px; float:left;}
.eventsBlock .title{background:#c60c00; padding:0 17px; height:62px; clear:both;}
.eventsBlock .title h2{color:#FFF; font:normal 19px/20px 'proxima_nova_rgregular'; padding:21px 0; margin:0; text-transform:uppercase;}
.eventsBlock .event-content{padding:5px 11px; clear:both; overflow:hidden; background:#f7f7f7; min-height:282px;}
.eventsBlock .event-content img{display:block; width:100%;}

.socialBlock{width:344px; float:right;}
.socialBlock .title{height:62px; clear:both;}
.socialBlock .title a{display:block; float:left; background:url(../images/social_titlebg.gif) 0 0 repeat-x; text-decoration:none; color:#2c3153; font:normal 19px/20px 'proxima_nova_rgregular'; padding:21px 0; width:50%; text-transform:uppercase;}
.socialBlock .title a span{display:block; cursor:pointer; padding-left:54px;}
.socialBlock .title a.fb span{background:url(../images/facebook.png) 20px 50% no-repeat;}
.socialBlock .title a.twitr span{background:url(../images/twitter.png) 20px 50% no-repeat;}
.socialBlock .title a.active{background:url(../images/social_titlebg_active.gif) 0 0 repeat-x; color:#FFF;}
.socialBlock .social-content{padding:5px 11px; clear:both; overflow:hidden; background:#e2e2e2; min-height:282px;}

.bottom-block{background:#274293; padding:14px 0; clear:both; overflow:hidden; text-align:center; margin:0 0 11px; font:normal 16px/21px 'proxima_nova_rgregular'; text-transform:uppercase; letter-spacing:1px; color:#FFF;}

/* ---------------------- footer -------------------- */
#footer{background:#b3b3b3; clear:both; overflow:hidden;}
#footer .ltpanel{background:url(../images/footer_redbg.gif) 0 0 repeat-x; width:353px; float:left;}
#footer .ltpanel .panel-content{padding:33px 10px 20px 81px; min-height:522px; clear:both; overflow:hidden;}
#footer .ltpanel .logo{display:block; margin:0 0 12px; float:left;}
#footer .ltpanel .social-icons{clear:both; margin:0 0 23px; overflow:hidden;}
#footer .ltpanel .social-icons img{display:block; float:left; margin:0 3px 0 0;}
#footer .ltpanel .pic{display:block; margin:0 0 28px; clear:both; padding:0;}

#footer .ltpanel p{color:#FFF; font-size:15px; line-height:19px; padding:0; margin:0 0 17px;}
#footer .ltpanel p.ph{ font-size:16px;}

#footer .rtpanel{overflow:hidden; background:url(../images/footer_bg.gif) 0 0 repeat-x #c8c8c7; padding:14px 80px 30px 40px;}
#footer aside{float:left; display:table-cell; margin:0 47px 0 0;}
#footer h3{color:#3a3a3a; font:400 16px/19px 'Open Sans', sans-serif; padding:0; margin:0 0 4px;}
#footer ul{list-style-type:none; padding:0; margin:0 0 32px;}
#footer ul li{list-style-type:none; font-size:12px; line-height:16px; padding:0; margin:0 0 3px;}
#footer ul li a{color:#2a4698; text-decoration:none;}
#footer ul li a:hover{text-decoration:underline;}
#footer .copyright{color:#3a3a3a; font-size:11px; line-height:14px; clear:both; padding:34px 0 0 0; overflow:hidden;}

/* ---------------- inner pages --------------------- */
#container.inner-page{background:url(../images/inner_bg.gif) 0 0 repeat-y #FFF; clear:both; overflow:hidden; padding:0;}
.sidebar{width:353px; float:left;}
.sidebar .sidebar-block{padding:22px 25px; clear:both; overflow:hidden;}

.innerContent{overflow:hidden; background:#FFF;}
.sidebar .title{padding:15px 35px; clear:both; overflow:hidden; background:#465ca2;}
.sidebar .title h3{font:400 15px/17px 'Open Sans', sans-serif; color:#FFF; padding:0; margin:0;}
.breadcrumbs{padding:15px 23px; background:#7989bb; clear:both; margin-bottom:1px; overflow:hidden; font-size:15px; line-height:17px; color:#FFF;}
.breadcrumbs a{ color:#FFF; text-decoration:none;}
.breadcrumbs a:hover{text-decoration:underline;}

.ltmenu{padding:0 7px 0 23px; clear:both; margin:0 0 139px; overflow:hidden;}
.ltmenu ul{list-style-type:none; padding:0; margin:0;}
.ltmenu ul li{list-style-type:none; font-size:17px; line-height:19px; padding:0; margin:0; border-top:#838282 1px solid;}
.ltmenu ul li:first-child{border-top:0;}
.ltmenu ul li a{display:block; color:#274192; text-decoration:none; padding:8px 0; transition: all 300ms ease-in-out;}
.ltmenu ul li a:hover{color:#181e32;}
.ltmenu ul li ul{padding:8px 0 8px 33px;}
.ltmenu ul li li{border:0; font-size:14px; line-height:16px; margin:0 0 17px;}
.ltmenu ul li li a{display:inline; padding:0;}

#main .page-title{padding:35px 21px; clear:both; overflow:hidden; background:#d1160b;}
#main .page-title h1{color:#FFF; font:normal 39px/41px 'proxima_nova_rgregular'; padding:0; margin:0; text-transform:uppercase;}

.inner{padding:24px 25px 25px 26px; clear:both; overflow:hidden;}

.sml-banner{background:#464646; display:block; text-decoration:none; padding:48px 5px; text-align:center; color:#FFF; font-size:19px; line-height:20px; margin:0 0 17px; transition: all 300ms ease-in-out; border-radius:2px;}
.sml-banner:hover{background:#5d5d5d;}
.imgRt{display:block; float:right; padding:6px; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px rgba(50, 50, 50, 0.75); margin:5px 5px 30px 30px;}

@media, { .imgRt { border:#b5b5b5 1px solid;} } /* IE6/7 uses media, */
@media all\0 { .imgRt { border:#b5b5b5 1px solid;} } /* IE8 uses \0 */
@media all and (monochrome:0) { .imgRt { border:0\9;} .imgRt{box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);}} /* IE9 uses \9 */

.innerContent h1{color:#264293; font:normal 39px/41px 'proxima_nova_rgregular'; padding:0; margin:0 0 20px;}
.innerContent h2{color:#264293; font:600 20px/22px 'Open Sans', sans-serif; padding:0; margin:0 0 20px;}
.innerContent h2 a{color:#264293; text-decoration:none;}
.innerContent h2 a:hover{color:#264293; text-decoration:underline;}
.innerContent h3{color:#d0160b; font:400 19px/22px 'Open Sans', sans-serif; padding:0; margin:0 0 20px;}
.innerContent h4{color:#464646; font:700 15px/20px 'Open Sans', sans-serif; padding:0; margin:0 0 10px;}
.innerContent p{padding:0; margin:0 0 22px;}

/************************************************************************************
MOBILE
*************************************************************************************/
@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }
}
@media only screen and (orientation:portrait) {
body { -webkit-text-size-adjust:none; }
}

@media screen and (max-width: 1199px) {
	.content{width:92%;}
	#home-slider .slider{width:100%; float:none;}
	#home-slider .slider img{width:100%;}
	#home-slider .desc{width:auto; float:none; background-color:#2e4177; clear:both; overflow:hidden; height:auto;}
	#home-slider .desc .box-content{padding-top:25px; padding-bottom:45px;}
	.leftPanel{width:100%; margin:0 0 12px; clear:both;}
	.rightPanel{width:auto; padding:0 24px; float:none; overflow:hidden; clear:both;}
	.thumBox .box{width:32%; margin-right:2%;}
	.eventsBlock, .socialBlock{width:49%;}
	.eventsBlock .event-content img{width:auto; margin:0 }
	#footer .ltpanel{width:30%;}
	#footer .ltpanel .panel-content{padding-left:50px;}
	#footer .rtpanel{padding:14px 2% 20px;}
	#footer aside{margin-right:4%;}
	#footer .copyright{padding-top:29px;}
	.innerContent img{width:auto!important; max-width:100%; height:auto!important;}
	.sidebar{/*display:none;*/}
}

@media screen and (max-width: 860px) {
	#navigation{height:auto;}
	.eventsBlock .event-content img, .socialBlock .social-content img{width:100%;}
	#footer .ltpanel{width:100%; clear:both;}
	#footer .ltpanel .panel-content{padding:20px 5%; min-height:100px;}
	#footer .rtpanel{clear:both;}
	.sidebar{width:auto; background:#e9e9e9; border-bottom:#b5b5b5 1px solid; float:none; clear:both; overflow:hidden; margin:0;}
	.sidebar .sidebar-block{padding:22px 3%;}
	.ltmenu{padding:0;}
	.sml-banner{line-height:25px;}
	.imgRt{width:50%; margin:5px 5px 5% 5%;}
	.innerContent img{width:100%!important; max-width:100%; height:auto!important;}
	#container.inner-page{background:#FFF;}
}

@media screen and (max-width: 650px) {
	.content{width:86%;}
	#header{background:#FFF;}
	h1.logo{margin:20px auto ; float:none; width:100%; height:auto;}
	h1.logo img{width:100%;}
	#header .rtpanel{float:none; clear:both; overflow:hidden;}
	#header nav{float:none; text-align:center; border-radius:5px; margin-bottom:15px;}
	.searchBox{float:none; margin:0 auto 15px; overflow:hidden;}
	.thumBox .box, .thumBox .box.last{width:100%; margin:0 0 5px;}
	.thumBox .box-content{ padding: 24px 128px 0 38px;}
	.eventsBlock, .socialBlock{width:100%;}
	.eventsBlock .event-content img, .socialBlock .social-content img{width:auto;}
	
	#footer .ltpanel .panel-content{text-align:center;}
	#footer .ltpanel .logo{margin:0 auto 12px; float:none;}
	#footer .ltpanel .social-icons img{display:inline-block; float:none; margin:0 2px;}
	#footer aside{float:none; width:auto; display:block; clear:both; overflow:hidden; padding:0; margin:0 ; text-align:center;}
	#footer aside ul{ background:#dedede; border:#b9b9b9 1px solid; border-radius:2px; padding:20px 5%; width:60%; margin:0 auto 20px;}
	#footer aside img{margin-bottom:20px;}
	#footer h3{margin-bottom:8px;}
	
	.sidebar{width:auto; background:#e9e9e9; border-bottom:#b5b5b5 1px solid; float:none; clear:both; overflow:hidden; margin:0;}
	.ltmenu{margin-bottom:25px;}
	.innerContent{clear:both;}
	.innerContent img{width:auto!important; max-width:100%; height:auto!important; display:block; float:none!important; margin:0!important;}
	#container.inner-page{background:#FFF;}
	.innerContent div.inner table { font-size:9px; }
	.innerContent h3 { font-size:9px; font-weight:bold;}
	.innerContent div.inner table td, .innerContent div.inner table tr { padding:1px; }
}

@media screen and (max-width: 500px) {
	.latest-news .title h3{width:50%;}	
	#main .page-title h1{font-size:28px; line-height:33px;}
}

@media screen and (max-width: 400px) {
	.content{width:92%;}
	#header nav{padding-left:8px; padding-right:8px;}
	#header nav{font-size:14px;}
	.search{float:none; margin:0 auto 5px;}
	.searchBox{width:auto; text-align:center;}
	.searchBox .red-btn{float:none; margin:5px auto; display:inline-block;}
	
	#home-slider .desc h2{font-size:24px; line-height:28px; margin-bottom:18px;}
	#home-slider .desc p{margin-bottom:22px;}
	.homeBlock h1{font-size:22px; line-height:25px;}
	.latest-news .title h3{font-size:17px; padding:13px 3%;}
	.newsBlock h4{font-size:16px;}
	.thumBox .box-content{padding:24px 85px 0 8px;}
	.eventsBlock .event-content img, .socialBlock .social-content img{width:100%;}
	.eventsBlock .event-content, .socialBlock .social-content{min-height:100px;}
	.newsBlock, .rightPanel{padding-left:3%; padding-right:3%;}
	.socialBlock .title a{font-size:15px;}
	.socialBlock .title a span{padding-left:40px; }
	.socialBlock .title a.fb span, .socialBlock .title a.twitr span{background-position:10px 50%;}
	.bottom-block{padding:14px 2%; font-size:13px; line-height:17px;}
	#footer aside ul{width:80%;}
	
	.imgRt{float:none; margin:5px 5px 16px; width:88%;}
}