@font-face {
    font-family: Erasdemi;
    src: url(../fonts/ERASDEMI.TTF);
}
a, img{border:none; outline:none;}
body{
	background:#000 url(../images/bg.jpg) no-repeat center top;
	margin: 0;
	background-repeat: repeat-y;
}
.clr{clear:both;}
#header{width:835px; margin:0 auto; height:95px;}
#logo{width:350px; height:95px; float:left; margin-top:0px;}
.menu{
	width:376px;
	float:right;
	margin-top:0px;
	margin-right: 0px;
	margin-left: 20px;
}

.container {
    width: 835px;
	padding:0px !important;
}
.top_header {
    padding: 0px !important;
}

.navArea {
    float: right;
}
#banner{width:835px; margin:0 auto;  height:301px;}
#bannerpart{width:835px; float:right;height:301px; background:#030303;}
#content{
	
	margin:0 auto;
	height: auto;
}
#contentpart{background:#5DB4E3; }
#contentparttext{ font:bold 16px 'arial'; color:#06499B; padding:15px 0px; text-align:center;}
#footer{width:835px; margin:0 auto; padding-bottom:20px; }
#footermid{width:835px;float:right;background:#333333 repeat-x; height:190px;  margin-bottom:20px;}
#bottompart{
	width:835px;
	background:url(../images/bottom.png) repeat-x;
	height:76px;
	margin-left: auto;
	margin-right: auto;
}
.textbottom{
	font:20px 'arial';
	color:#fff;
	padding:25px 0 0 25px;
	text-align:left;
	height:76px;
	width: 810px;
}
.textbottom a{font:20px 'arial'; color:#fff; text-decoration:none;}
.textbottom a:hover{font:20px 'arial'; color:#fff; text-decoration:underline;}
.footerleft{width:260px; float:left; padding:0px 0 0 0; margin-top:25px;margin-left:13px; }
.footerleft a{text-decoration:none; color:#fff;}
.footerleft a:hover{text-decoration:underline; color:#fff;}
.footerleft p{font:14px 'arial'; color:#fff; padding:0px; margin:0px; line-height:30px;}
.footerleft span{font:10px 'arial'; color:#fff; padding:5px 0 0 0 !important;}
.footerright{width:440px; float:right; padding:0px 0 0 0; margin-top:25px;margin-right:13px; }
.footerrightlist{width:440px; float:left; }
.footerrightlist ul{width:auto; float:right; padding:0px; margin:0px; list-style:none;}
.footerrightlist ul li{font:14px 'arial'; color:#fff; padding:0px 16px; margin:0px; float:left; }
.footerrightlist ul li a{ float:left; color:#fff;  text-decoration:none;}
.footerrightlist ul li a:hover{ float:left; color:#fff;  text-decoration:underline;}
.scroll{width:808px; padding:0px 0px; float:left; margin:20px 10px; height:178px;}
.socialnetwork{  
    float: right;
	text-align:right;
    margin: 05px 20px 0 0;
    width:120px;}
	.socialnetwork p{  margin:5px 0px; padding:0px;}

.menu ul {
	width:auto; float:right; margin:0px; padding:0px; list-style:none;line-height:28px;
}
.menu ul li {
    font:16px 'arial'; color:#fff; float:left; margin:0px; padding:0 0px; margin:0 2px;}

.menu li a {
	font:16px 'arial'; color:#fff; float:left;padding:0 12px; text-decoration:none; line-height:28px;}
	
.menu li a:hover, .menu ul li:hover a {
   background:#06499B; border-radius:3px;
}
.menu a.still {
   background:#06499B; border-radius:3px;
}
.menu li ul {
     background: none repeat scroll 0 0 #06499B;
    border: 1px solid #000000;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    color: #333333;
    display: none;
    height: auto;
    margin: 28px 0 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
   float:left;
    width: 110px;
    z-index: 200;
	padding-bottom:10px;
}

.menu li:hover ul {
	display: block;
	width: 150px;
}
.menu li li {
	border-radius: 6px 6px 6px 6px;
	display: block;
	float: none;
	margin: 0;
	width: 500px;
	overflow:hidden;
	padding-top: 6px;
}
.menu li:hover li a {
    background: none repeat scroll 0 0 transparent;
	border:none;
}
.menu li ul a {
    display: block;
    font-size: 14px;
    font-style: normal;
    height: 24px;
    margin: 0;
    padding: 0 10px 0 15px;
    text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
}
.menu li ul a:hover, .menu li ul li:hover a {
  	text-decoration:underline;
       color: #fff;
}
#counter{
	float:left;
	width:200px;
	text-align:right;
	margin:5px 0;
	margin-top: 15px;
	margin-left: 240px;
}
.marquee0 {
 top: 0px!important;
}
    
            .map{margin: 10px 0 10px 10px}
            #contentpart.container {
                background-color: white !important;
            }
            .col-md-6{margin-bottom: 15px}
            .get-in-touch{text-align: center}

            input.form-control,select.form-control {
                background: transparent none repeat scroll 0 0 !important;
                border: 1px solid #ccc !important;
                border-radius: 5px;
                box-shadow: none !important;
                display: block;
                font-size: 15px !important;
                padding: 5px 15px !important;
                transition: all 0.4s ease-out 0s;
                border-radius: 30px;
            }
            contact_left_pay{margin-bottom: 20px}
            .contact_left_pay,.contact_map_wrp,.contact_outer1 {
                background-color: #fff;
                border: 20px solid #fff;
                border-radius: 20px;
                box-shadow: 0 5px 13px rgba(68, 68, 68, 0.6);
                padding: 0;
                margin-top: 15px;
            }
            .contact_left_pay p {
                padding-bottom: 2px;
            }
            body a {
                color: #036297;
                transition: color 0.2s linear 0s;
            }
            .contact_left_pay .divider-border {
                background-color: #ddd;
                height: 1px;
                margin: 0 auto 10px;
            }
            h2 {
                font-size: 22px;
                line-height: 36px;
                margin-bottom: 10px;
            }

            p,h2,h1,span{color:#01479c}

            .submit-btn {
                color: #fff;
                background-color: #374961;

            }
            .contact_left_pay a {
                font-size: 14px;
            }
            .contact_left_pay a {
                text-decoration: underline;
            }
            .contact_left_pay a {
                font-size: 13px;
            }
            .submit-btn.btn.btn-default {
                padding: 10px 24px !important;
                text-transform: uppercase
            }
            .submit-btn-container{text-align: center;}
            label.error {
                margin-top: 3px;
                margin-left: 8px;
                font-size: 14px;
                color: red;
                font-weight: lighter;
            }
            .alert-success,.alert-danger {
                padding: 9px;
            }
            .company-heading{color: #FF0000}
            .company-heading{font-size:16px; }
            .capital-letter {
                color: #ff0000;
                font-size: 22px;
            }
            .contact_left_pay > p,.contact_left_pay > p a {
                color: #1E487C;
            }
            select.form-control {
                font-size: 13px !important;
            }
            .company-heading {
                font-family: "Erasdemi", sans-serif;
            }
            .contact_outer1 , .contact_left_pay {
                min-height: 580px;
            }
  
  
@media (min-width: 1084px) {
	.container {
    width: 835px;
	
}	
}
  
@media (max-width: 800px) {
	.container {
    width: 780px;
	padding:0px;
	
}
.map {
  margin: 0px;
}
}


@media (max-width: 768px) {
	.container {
    width: 745px ;
	padding:5px !important;
}
.map {
  margin: 0px;
}
}


@media (max-width: 736px) {
	.container {
    width: 700px ;
	padding:0px !important;
}
.map {
  margin: 0px;
}
}


@media (max-width: 667px) {
	.container {
	width: 605px ;
	padding: 0px !important;
}
}

@media (max-width: 561px) {
.container {
	width: 536px;
	padding: 0px !important;
}
.navArea {
		padding: 0px !important;
}
}


@media (max-width: 520px) {
.container {
	width: 493px;
	padding: 0px !important;
}
.navArea {
		padding: 0px !important;
}	
}


@media (max-width: 480px) {
.container {
	width: 453px;
	padding: 0px !important;
}	
.navArea {
		padding: 0px !important;
}	
}



@media (max-width: 420px) {
.container {
	width: 400px;
	padding: 0px !important;
}	
.navArea {
		padding: 0px !important;
}	
}



@media (max-width: 384px) {
.container {
	width: 352px;
	padding: 0px !important;
}	
.navArea {
		padding: 0px !important;
}
	
}

@media (max-width: 360px) {
.navArea {
	margin: 0px -18px 10px 0px;
}
.container {
	width: 322px;
	padding: 0px !important;
}

.footerleft {
    width: 260px;
    float: left;
    padding: 0px 0 0 0;
    margin-top: 25px;
    margin-left: 29px;
}
.footerrightlist {
    width: 332px;
    float: left;
    margin-top: 22px;
    margin-left: -10px;
}
#counter {
    float: left;
    width: 200px;
    text-align: right;
    margin: 5px 0;
    margin-top: 15px;
    margin-left: 25px;
}