/*-------------------------------------------------
GLOBALS CLASSES
-------------------------------------------------*/
*{margin:0; padding:0;}
body{ font-family: 'Open Sans', sans-serif; background:#455268; color: #999;}
img{border:0;}
h1{font-family: 'Oswald', sans-serif; font-weight:normal;    margin-bottom: 20px;}
h2{font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:16px;}
h3{font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:24px; margin: 20px 0; font-weight: 700;}
/*h2{font-family: 'Oswald', sans-serif; font-weight:normal; font-size:16px;}
*/p{font-family: 'Open Sans', sans-serif; font-size:16px; padding-bottom:20px;}
a{color:#f23a3a; text-decoration:none;}
a:hover{ color:#91a3c2;}
/*h2{font-family: 'Open Sans', sans-serif;}
*//*--------------------------------------- 
GENERAL CLASS
----------------------------------------*/
.marRight30{margin-right:30px;}
.martop{margin-top:30px;}
.marbottom30{ margin-bottom:30px;}
.padding-bottom{padding-bottom:10px;}
.floatRight{float:right;}
.floatLeft{float:left;}
.clear{clear:both;}
.row{ width:970px; margin:0 auto;}
.page{width:970px; background:#1c263c; margin:0 auto;}
.wrapper{background:#1c263c; margin:0 auto; width:970px;}
.panel{ overflow:hidden;}
.panel ul, .panel ul{ padding: 20px; }
.controller{}
.title{}
.content ul,
.content ol { padding:0 40px 30px 40px;}
.content ul li,
.content ol li {margin: 5px 0;line-height: 18px; } 
.buttons{ width:80px; height:30px;}
.form{}
.text-field{ background:#91a3c2; width:200px; height:16px; padding:10px; border:none; font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff;}
.textarea{background:#91a3c2; width:200px; height:106px; padding:10px; border:none; font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff; overflow:auto;}
/*-------------------------------------------------
SOCIAL NETWORKING CLASSES
-------------------------------------------------*/
.social-wrapper{ background:#1c263c; height:55px; padding-top:25px;}
.social-wrapper .row{}
.social-wrapper .row ul{width:175px; float:right; list-style:none;}
.social-wrapper .row ul li{float:left; padding-right:15px;}
.social-wrapper .row ul li.no-padding{float:left; padding-right:0px;}
/*-------------------------------------------------
MENU  CLASSES
-------------------------------------------------*/
.header{background:#313c53; height:60px; padding-top:30px; padding-bottom:30px;}
.logo{float:left; width:240px;margin-top: -10px;}
.logo p { text-align: center; color:#999; }
.logo img { display: block; margin: 0 auto;}
.menu{float:right; width:auto; }
.menu ul li{ width:auto; float:left; list-style:none; }
.menu ul li a{float:left; text-decoration:none; color:#DCE0E9; font-size:14px; display:block; height:60px; line-height:60px; padding-left:20px; padding-right:20px; background:#f23a3a; border-right:1px solid #9D2525;}
.menu ul li a:hover{ color:#fff; background:#f23a3a;}
.menu ul li a.active{ color:#fff; background:#f23a3a;}
/*-------------------------------------------------
BANNER  CLASSES
-------------------------------------------------*/
.banner-wrapper{width:1030px; margin:0 auto;margin-bottom: 40px;}
.banner-wrapper .row{background:#1c263c;}
.banner-wrapper .controller{padding-top:30px; padding-bottom:30px; float:right;}
.banner-wrapper .controller ul li{padding-right:10px; float:left; list-style:none;}
.banner-wrapper .banner{width:970px; margin:0 auto;}
.banner .banner-bg{background:url(../images/banner-bg.jpg) no-repeat center; width:908px; height:498px; padding:0px 0px 0px 60px;}
.banner-bg .panel{float:left; width:450px; padding-top:100px;}
.banner-bg .panel .title h1{ color:#f23a3a; font-size:33px;}
.banner-bg .panel .content p{ font-size:20px; color:#fff; padding-top:30px;}
.banner-button{width:200px; height:50px; background:#455268; border-left:#f23a3a solid 10px; text-align:center;margin-top:35px;}
.banner-bg .panel .banner-button:hover{ background:#f23a3a; border-left:#455268 solid 10px;}
.banner-button a{color:#b6c0d2; line-height:50px; text-align:center; text-decoration:none; font-family: 'Oswald', sans-serif; font-size:18px;}
.banner-button a:hover{color:#fff; line-height:50px; text-align:center;}
.banner-bg .banner-img{ float:left; width:458px;}

/*-------------------------------------------------
BOX CLASSES
-------------------------------------------------*/
.boxs1{float:left; background:#202b43; width:263px; padding:50px 30px 50px 30px;}
.boxs2{float:left; background:#25314d; width:263px; padding:50px 30px 50px 30px;}
.boxs3{float:left; background:#2a3856; width:263px; padding:50px 30px 50px 30px;}
.title h1{ font-size:22px; color:#f23a3a; font-weight:normal;}
.title h2{ font-size:38px; color:#f23a3a;font-weight: 700;}
.panel-img{ margin:0 auto; padding:20px 0px 20px 0px; width:260px;}
.content p{ color:#999;}
.controller .buttons{ background:#9cff00; line-height:30px; text-align:center; float:left;}
.controller .buttons:hover{ background:#91a3c2; line-height:30px;}
.controller .buttons a{ text-decoration:none; color:#1c263c;}
.controller .buttons a:hover{color:#9cff00;}
/*-------------------------------------------------
CONTENT CLASSES
-------------------------------------------------*/
.content_wrap{margin:0 auto; padding:30px 30px 0px 30px;}
/*-------------------------------------------------
LEFT-PANEL CLASSES
-------------------------------------------------*/
.left-panel{width:910px;}
.left-panel .panel{ border:#24314c solid 1px; padding:30px 30px 40px 30px; background:#202b43; margin-bottom:30px;}
.left-panel .panel .title{ border-bottom:#25314c solid 1px; padding-bottom:20px; margin-bottom:30px;}
.panel .title .icons{ width:39px; height:0; float:left; padding-right:20px;}
.left-panel .panel .content img{ float:left; margin-right:30px;}
/*-------------------------------------------------
RIGHT-PANEL CLASSES
-------------------------------------------------*/
.right-panel{width:280px; float:left;}
.right-panel .panel{ border:#24314c solid 1px; padding:30px 30px 30px 30px; background:#202b43; margin-bottom:30px; overflow:auto;}
.right-panel .panel .title{ border-bottom:#25314c solid 1px; padding-bottom:20px;}
.right-panel .panel .content ul{padding-left:0px;}
.right-panel .panel .content ul li{ list-style: url(../images/arrow-small.jpg) inside; border-bottom:#25314c solid 1px;line-height:35px;}
.right-panel .panel .content ul li a{text-decoration:none; font-family: 'Open Sans', sans-serif; font-size:13px; color:#999;}
.right-panel .panel .content ul li a:hover{color:#9cff00;}

.right-panel .contact-panel{background:#9cff00; padding:30px 30px 30px 30px;}
.contact-panel .title{border-bottom:#8be400 solid 1px; padding-bottom:20px;}
.contact-panel .title h1{ color:#1c263c;}
.contact-panel .title h2{color:#1c263c;}
.contact-panel .form{ padding-top:5px;}
.contact-panel .form ul { padding-left:0px;}
.contact-panel .form ul li{ list-style:none; padding-top:14px;}
.contact-panel .buttons{ background:#1c263c; line-height:30px; text-align:center; float:left; margin-top:20px;}
.contact-panel .buttons:hover{ background:#91a3c2; line-height:30px;}
.contact-panel .buttons a{ text-decoration:none; color:#9cff00;}
.contact-panel .buttons a:hover{color:#1c263c;}
.search{ border-bottom:none; margin-top:20px}
.search ul li{list-style:none; float:left; border:none;display:block;}
.libg{background:#91a3c2; width:180px; text-indent:5px;}
.search-filed{width:180px; height:36px; border:none; float:left; background:none repeat scroll 0 0 transparent; text-indent:5px;font-family: 'Open Sans', sans-serif; font-size:13px; color:#fff;}
.contact-panel.padding-bottm{padding-bottom:20px;}

.address .panel { border:none; color:#91a3c2}
.address .panel .title h1 {  color:#9cff00; padding-bottom:10px;}
.address .panel .content p{color:#91a3c2;}
.address .panel .content p span { color:#91a3c2;}


/*-------------------------------------------------
PORTFOLIO CLASSES
-------------------------------------------------*/

.portfolio { overflow:hidden; width:900px; margin:0 auto;}
.portfolio .title h2{ font-size:14px; font-weight:normal;padding-bottom:20px; margin-bottom:30px; padding-top:10px;}
.portfolio .panel { width:278px; border:none;  background:#202b43; float:left; margin-bottom:30px; border:#24314c solid 1px;}
.portfolio .panel .content { padding:10px; padding-bottom:20px;}
.portfolio .panel .content p{ padding-bottom:20px;}
.portfolio .panel .content p span{ padding-bottom:10px; border-bottom: 1px solid #24314c;  color:#9cff00; display:block;}
.portfolio .panel .content a { color:#1c263c; background:#9cff00; padding:7px; text-decoration:none; font-family: 'Open Sans', sans-serif; font-weight:normal; font-size:13px;}
.portfolio .panel .content a:hover { background:#91a3c2;}
.portfolio .panel .content img{ padding-bottom:10px;}


/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
.footer-wrapper{ background:#313c53; margin-top:40px;}
.footer{ width:970px;margin:0 auto;} 
.footer .panel{border-right:#38445a solid 1px;float:left; width:290px; padding-left:30px; padding-top:60px;padding-bottom:60px; background:none;} 
.footer .panel.title{background:none;}
.footer h1{ font-size:22px;font-weight:normal;}
.footer h3{ font-size:22px;font-weight:normal; color:#fff;}
.footer .panel.title h2{ font-size:16px; color:#9cff00; padding-top:15px;}
.footer .panel .content{padding-top:30px;}
.footer .panel .content p{ color:#DCE0E9;line-height:22px; padding-bottom:0px;}
.footer .panel .content p a{ display: block; margin-bottom: 20px;color:#54657b; text-decoration:none;}
.footer .panel .content p a:hover{ color:#ffffff;}
.footer .panel .content p a.active{ color:#ffffff;}
.footer .panel .content p h2{font-size:25px; color:#ffffff;}
.footer .panel.border-right{border-right:none;}
.footer .links {list-style: none; padding: 0;}
.footer .links li a {font-size: 13px; line-height: 22px;}

/*-------------------------------------------------
DROPDOWN CLASSES
-------------------------------------------------*/

#nav li {
	display: inline-block;
	border-radius: 12px;
	position: relative;
}

#nav li:hover {
	background: #E09224;
}

#nav li ul li {
	border: none;
	box-sizing: border-box;
}

#nav li ul {
}


.submenu { 
	position: absolute;
	top: 60px;
	left: 0px;
	min-width: 200px;
	z-index: 9999;
	display: none;
}

#nav li ul.submenu li { 
	width: 100%;
	margin: 0;
}

#nav li ul.submenu li a {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	border-right: 0;
} 

#nav > li:hover { 
	border-radius: 15px 15px 0 0 ;
}

#nav li:hover .submenu li a {
	padding: 0 20px; 
}

#nav li .submenu li a:hover {
	background: #A10000; 
	color: #fff;
}

#nav li:hover .submenu { 
	display: block;

	transition: all 1s;

}

/*--- End ---*/

/*--- HEADER---*/

.img-box {
	float: right;
	margin: 0 20px 20px 20px;
	border: 5px solid #071127;
}

/*--- END ---*/