@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
.clear{ clear:both;}
body{ background:url(../../Images/bg.gif) repeat; margin:0 auto;}
header{ /*background: none repeat scroll 0 0 #03509E;*/;  background:url(../../Images/footer-bg.jpg) repeat; box-shadow:0 1px 5px #1462c2;}
.logo{ margin: 2px 0 2px; float:left;}
.icon{ float:right;  margin: 20px 30px 0 0; color:#fff;}
.turn-down{ margin:0 0 0 10px;}
.banner{}

nav{ background:#333;}
nav ul{}
nav ul li{ float:left; list-style:none; line-height:28px;  margin: 0 0 0 0px;}
nav ul li a{ font-family: "Open Sans",sans-serif; font-size:12px; color:#fff; font-weight:600; transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;}
nav ul li a:hover{ text-decoration:none; color: #63c6ae;}

.feature{ text-align:center; padding: 80px 0 0;}
.feature h1{ color:black; text-transform:uppercase; color: #333333;}
.feature p{ padding:20px 10%; color:#4a4a4a;}
.feature article{ margin-bottom:40px;  color:#000;}
.feature h2{ text-transform:uppercase; font-size:22px; font-weight:bold; color:#1462c2; text-shadow: 0 1px 0 #000000;}
.feature section { background: none repeat scroll 0 0 rgba(237, 246, 254, 0.6);; margin: 0 1%;  width: 23%; padding:20px;  transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; margin:0 13px;}
.centered{ margin: 0 auto; width: 100%;}
.feature section .outer-border{ border: 1px solid #000000; border-radius: 50px; padding: 20px;}
.feature section a{ color:#fff; text-transform:uppercase; font-weight:bold; font-size:12px; text-align:center; text-decoration:none;}
.feature section a .more{ width:70px; border-radius:6px; background:#1462c2; padding:10px;  transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; float:left;  margin: 0 0 0 50px;}
.feature section a .more:hover{ background:#22a237; text-decoration:none;}
.feature section ul{ color:black; padding:20px 0;}
.feature section:hover{ background:none repeat scroll 0 0 rgba(131, 190, 249, 0.6);}
.feature section img{ float:right; margin: 0 60px 0 0;}
.feature section:hover .effect{ box-shadow: 0 0 8px #1462c2;}

footer{ background:url(../../Images/footer-bg.jpg) repeat; color:#fff; margin-top:0px;line-height:20px; height:30px !important; padding:5px 0 15px 0; }
footer .quick-links{  padding: 0 10%;}
footer .quick-links ul{}
footer .quick-links ul li{ list-style:none; /*padding: 0 0 0 8px;*/}
footer .quick-links ul li a{ color:#fff; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; padding: 0 0 0 10px;}
footer .quick-links ul li a:hover{ text-decoration:none; color: #63c6ae;}
footer h3{ text-transform:uppercase; font-size:18px; font-weight:bold; color:#418ae4;}
footer .share{ padding:0 10%;}
footer .share ul{}
footer .share ul li{ list-style:none; float:left; margin:0 20px 0 0;}
footer .share ul li a{ transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; color:#fff;}
footer .share ul li a:hover{ color:#63aefa;} 
footer  .contact{}
footer .contact ul{}
footer  .contact ul li{ list-style:none; float:left;}
footer .contact ul li p{ float:right; padding:0 0 0 10px;}

.content{ margin:50px 0;}
.content .left{}
.content .right{ border: 1px solid; float: right;  padding: 10px;}

.login-left{}
form{ witdh:auto;}
.login-content{ background:url(../../../Images/bg.gif) repeat; display:table; margin:80px 50px;}
.login-content form{ background:#e1e5f5; border-radius:10px; padding:25px 20px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.9);}
.login-content form input{ border: medium none;
    height: 45px;
    margin: 0 0 15px;
    width: 100%;  border-radius:6px;}
.login-content form input[type="submit"]{ background:#2fb8e5; color:#fff;}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}