﻿.sub_header{background: #307393; width: 100%; height: 50px; line-height: 50px;  float: left;}
.sub_header p{font-size: 14px;  color: #fff; display: inline-block}
.sub_header i{font-size: 16px;}
.cross_line p{position: relative; padding: 0 20px 0;}
.cross_line p:last-child{padding: 0 0 0 20px}
.cross_line p:after{content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #6dacca; transform: rotate(10deg);}
.cross_line p:last-child:after{background: none}
.sub_header p a{color: #fff;}
.sub_header p a i{font-size: 14px;}

.navDesign{border-radius: 0;  background: #fff; margin-bottom: 0;  float: left; width: 100%;}
.navDesign a.navbar-brand{padding: 5px 15px;}
.navDesign .navbar-collapse{padding: 0;}
.navDesign .navbar-nav{float: right}
.navDesign .nav li a{color: #2d3035; font-size: 14px;}
.navDesign .nav li a:hover, .navDesign .nav li a:focus{background-color: #307393; border: none; color: #fff;}
.navDesign .dropdown-menu{padding: 0;}
.navDesign .dropdown-menu li{background: #307393; padding: 10px 15px; border-bottom: 1px solid #4196bf;}
.navDesign .dropdown-menu li a{color: #fff; line-height: normal; font-size: 13px; padding: 0}
/*.navDesign .nav li a.active{color: #307393; position: relative}
.navDesign .nav li a.active:before{height: 2px; background: #307393; content: ""; position: absolute; bottom: 11px; width: 20px; left: 26px;}*/

.affix {top:0;width: 100%; z-index: 9999 !important; transition: 0.5s ease-in; box-shadow: 1px 2px 4px #ddd;}
.affix ~ .container {position: relative; top: 50px;}

footer{width: 100%; float: left; background-image:url('../Images/footer-img.jpg'); padding: 50px 0;}
footer p{font-size: 14px; color: #fff; margin: 0 0 15px; line-height: 25px;}
footer p a, footer p a:hover{font-size: 18px; color: #fff}
footer p a{font-size: 14px}
footer p a:hover{color: #fff; font-size: 14px}
footer p:last-child{margin: 0;}
footer img{margin: 0 0 30px}
footer h5{font-size: 18px; color: #fff; position: relative; margin: 0 0 30px;}
footer h5:before{position: absolute; bottom: -10px; left: 0; width: 80px; height: 2px; background: #0abde3; content:""}
footer ul{margin: 20px 0 0; padding: 0;}
footer li a, footer li a:hover{font-size: 14px; color: #fff; padding: 10px 0; text-decoration: none}
footer li{position: relative; padding: 7px 0 7px 30px; list-style: none}
footer li:before{position: absolute; width: 10px; height: 10px; background: #0abde3; content: ""; top: 10px; left: 10px; border-radius: 100%;}
footer input{height: 50px; width: 100%; border: 1px solid #b7b7b7; font-size: 14px; background: none; border-radius: 4px; padding: 0 15px; margin: 15px 0 25px; color: #fff}
footer button{background: #0abde3; height: 50px; color: #fff; text-align: center; font-size: 14px; border: none; width: 100%; border-radius: 4px;}
footer ::-webkit-input-placeholder {color: #fff;}
footer ::-moz-placeholder {color: #fff;}
footer :-ms-input-placeholder {color: #fff;}
footer :-moz-placeholder {color: #fff;}

.sub-footer{width: 100%; float: left; background: #307393; padding: 10px 0; text-align: center}
.sub-footer p, .sub-footer p a{color: #fff; font-size: 12px; line-height:20px;}
.sub-footer p a:hover{color: #fff; text-decoration: none;}

@media (max-width: 767px){
    .navbar-toggle .icon-bar{background: #307393;}
    .navbar-nav{float: left!important; width: 100%; text-align: left;}
    .navDesign .navbar-collapse{padding: 0 15px;}
    .navDesign .nav li a.active:before{background: none}
}