@import url(//fonts.googleapis.com/css?family=Roboto);
.primaryContainer {font-family: 'Roboto', sans-serif;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width:977px;
    max-width: 99%; 
	 background:url(images/back-bg.png) repeat; 
	

	 
}

	 
	 .content-row{ padding:15px; }

.top-bg{ width:100%; float:left; background:url(images/form-bg.png);
}
.top-mid {
    float: left;
 padding-top:11px; padding-bottom:11px;
    margin-left: 0%;
    margin-top: 2px;
    clear: none;
    width: 99.99926847610492%;
 
}
.logo-bg {
    float: left;
    
    margin-left: 20px;
    
    clear: none;
    width:24.886%;
  
  
}
/*===================menu============================*/
@import url(//fonts.googleapis.com/css?family=Oswald:400,300,700);
.menu-bg {
    float: right;
    
   /* margin-left: 15.929073218799541%;*/
    margin-top:8px;
    clear: none;
 /*   width:68.187%;*/
	 width:20.187%;
   
}

.nav-bg{width:100%; float:left;}
.nav-bg ul{ list-style-type:none; padding:0px; margin:0px;}
.nav-bg ul li{ float:left;display:block;}
.nav-bg ul li a{padding:8px 9px;display:block; margin-left:8px;  margin-right:8px;font-family: 'Oswald', sans-serif; font-size:16px;}
.nav-bg ul li a:hover,.nav-bg ul li.current_page_item a { background:#21d3f9; color:#FFF;
-webkit-border-radius:4px;

	 -o-border-radius:4px;
	 -moz-border-radius:4px;
	border-radius:4px; 
	font-family: 'Oswald', sans-serif; font-size:16px; border:1px solid#1097c8;
	 }
	 .nav-bg ul li:last-child {border-left:2px solid #333;}


	
	
	
	.socil-bg{width:50%; float:right;}
	.socil-bg ul{ padding:0px; margin:0px; list-style-type:none; float:left;}
	.socil-bg li{ float:left; margin-left:9px; margin-bottom:10px;}

.menu-icon{ display:none;}
/*===================menu============================*/
body{background:#1c1a1a; font-size:14px;}
	.wrapper{ width:100%; float:left;
}
	
	.wrp-in{}
.ful-banerr{  background:url(images/ful-b.png);
	 -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; width:100%; float:left; }
.banner{ 
background:url(images/tex-bg.png) repeat; width:100%; color:#FFF; float:left;
 
 
    
}
.banner-bg-2{  padding-left:50px; padding-right:50px;font-family: 'Oswald', sans-serif; font-size:21px; padding-top:20px; padding-bottom:20px;
}

.form-bg {
    float: left;

   
    
    clear: none;
    width: 36.54174021299154%;
  
}


.form-bg2 {
    float: left;

   
    
    clear: none;
    width:100%;
  
}
.form-input-bg{width:98%; float:left; padding-bottom:7%; padding-top:7%; margin-top:3%; background:url(images/form-bg.png) repeat; border:1px solid #b2b0af; }
.arrow{width:15px; height:29px; float:left; margin-top:16%; margin-left:-5px;}
.form-input-bg2{width:100%; float:left; background:#2a2b29; padding-bottom:7%; padding-top:7%; }
.banner-all-text {
    float: right;
   
    
    margin-top:10px;
    clear: none;
    width:53.075%;
 
}
.mid-content {
    float: left;
   
    margin-left: 0%;

    clear: both;
    width: 99.99926847610492%;
   
}
.h1-heding{font-family: 'Oswald', sans-serif; font-size:24px; color:#333333; font-weight:normal; width:100%; float:left;text-align:center; background:#21d3f9; margin:0px; padding:10px 0px; color:#FFF;}
.heding-h1{font-family: 'Oswald', sans-serif; font-size:24px; color:#333333; font-weight:normal; width:90%; float:left; margin-left:2%;}
.heding-h2{font-family: 'Oswald', sans-serif; font-size:20px; color:#575757;  font-weight:normal; width:98%; float:left; padding:0px; margin:0px;}
.heding-h3{font-family: 'Oswald', sans-serif; font-size:18px; color:#575757;  font-weight:normal; width:98%; float:left; padding:0px; margin-top:15px; margin-bottom:0px;}
.banner-heding{font-family: 'Oswald', sans-serif; font-size:30px; color:#333333; font-weight:normal; width:100%; float:left; }
.bold-font{ font-weight:400;font-family: 'Oswald', sans-serif; color:#000; font-size:15px;}
.articles-box{ float:left; padding:10px;}
.ar-txet{width:100%; float:left; margin-top:10px;}
strong{ font-size:16px; font-weight:normal; color:#333;}
.left-img-box { width:27%; float:left;}
.right-text{float:left; }

.img-right-text-box{ float:right; width:62%;}
.in-box-img{ width:36%; float:left; margin-right:2%;}
.left-bg {
    float: left;
    
    margin-left: 0.11089558297174755%;
    
    clear: none;
    width: 68.1110788693822%;
    background:#fff;


}
.right-bg {
    float: right;

   
	width:28.795%;
   
}

.box-img {
    float: left;
 
    margin-left: 1.5868468003168477%;
    margin-top: 23px;
    clear: none;
    width:21.513%;
    
   
}
.box-img-text1 {line-height:24px;
    float: right;

    margin-right: 3.377742362062605%;
    margin-top: 17px;
    clear: none;
    width:71.396%;
     font-size:14px; color:#808181;
}
.box-img-text2 { line-height:24px;
    float: left;
  
    margin-left: 1.5868468003168477%;
    margin-top: 12px;
    clear: both;
    width: 96.29173693086003%;
      
  font-size:14px;color:#808181; padding-bottom:5%; /*border-bottom:1px solid #f1f1f1;*/
}
.ol-bg{ float:left; font-weight:400;font-family: 'Oswald', sans-serif; font-size:16px; color:#333;}
.box-img-text2a {line-height:24px;
    float: left;
  
    margin-left: 1.5868468003168477%;
    margin-top: 12px;
    clear: both;
    width: 96.29173693086003%;
      
  font-size:14px;color:#808181; padding-bottom:5%; 
}
.box-left-img-text {line-height:24px; margin-top:2%;
    float: left;
    
    margin-left: 1.7554808643977917%;
    
    clear: both;
    width:75%;
       background:#FFFFFF;
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat; font-size:14px; color:#808181;
}
.box-left-img  {
    float: right;
  
     margin-right:2%;
    margin-top: 25px;
    clear: none;
    width: 20.30860033726813%;
      background:#FFFFFF;
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}
.sub-box {
    float: left;
    
    margin-left: 0.0023094484377491494%;
   
    clear: none;
    width: 99.77897166481478%;
      background:#fff;
 margin-bottom:15px;
 border-bottom:3px solid#000000;
}
.sub-heding-text { 
    float: left;
    
    margin-left: 0%;
    margin-top: 1px;
    clear: none;
    width: 99.99769393785145%;
    background:#f8fbfc;
 color:#FFFFFF; font-size:14px;
font-family: 'Oswald', sans-serif; font-weight:normal;font-style:normal; padding-top:12px; padding-bottom:12px;
 border-bottom:1px dotted #bdbebe;
}
.sub-heding-text span{ padding-left:10px; float:left;
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400; color:#424242;}
.sub-heding-text span:before{ content:"➜"; padding-right:5px; font-size:18px; float:left; line-height:18px; font-weight:normal; color:#21D3F9;
text-shadow: 1px 1px 1px #666;}
.sub-content-text {
    float: left;
    
    margin-left: 0%;
    margin-top: 7px;
    clear: both;
    width: 91.99769393785145%;
    font-size:14px; line-height:24px; color:#717272; padding-left:4%; padding-right:4%;
}
.read-more-bg {  margin-bottom:4%;font-family: 'Oswald', sans-serif; font-size:16px;
    float: left;
    
  
    margin-top: 2px;
    clear: both;
    width:20%;
     margin-top:3%; text-align:center; background:#21d3f9; 
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding-top:6px; padding-bottom:6px; 
	-webkit-box-shadow:0px 2px 0px #40808e;
-moz-box-shadow:0px 2px 0px #40808e;
box-shadow: 0px 2px 0px #40808e;
 color:#FFF;
}
.read-more-bg:hover{background:#13caf1;}


.read-more-bg a{ color:#FFF; font-size:14px; }
.box-arow{width:23px;   padding-top:0px; height:12px; margin:-6px auto 0px auto;}


.red{width:100%; float:left;  height:45px; text-align:center; line-height:40px}
.red-text{width:100%; float:left;font-family: 'Oswald', sans-serif; color:#bab9ba;}
h1,h2,h3,h4{font-family: 'Oswald', sans-serif; font-style:normal; font-weight:400;}

.i-read{float:left; line-height:35px; font-size:14px; text-align:right;}
.red-text:hover{ color:#166ca3; padding-top:2%;

-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.box23 {
    float: left;
    height: 192px;
    margin-left:0%;
    margin-top: 14px;
    clear: both;
    width: 99.77897166481478%;
    background:#FFFFFF;
    background-attachment: scroll;
    background-size: auto;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}
.box24 {
    float: left;
    height: 51px;
    margin-left: 0px;
    margin-top: 1px;
    clear: none;
    width: 99.99769393785145%;
    background:#0099CC;
    background-attachment: scroll;
    background-size: auto;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}
.box25 {
    float: left;
    height: 104px;
    margin-left: 0px;
    margin-top: 7px;
    clear: both;
    width: 99.99769393785145%;
     background:#0099FF;
    background-attachment: scroll;
    background-size: auto;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}
.box26 {
    float: left;
    height: 28px;
    margin-left: 68.02771034921442%;
    margin-top: 2px;
    clear: both;
    width: 31.973465919935744%;
    background:#333333;
    background-attachment: scroll;
    background-size: auto;
    background-position: 0px 50%;
    background-repeat: repeat repeat;
}
.footer-bg{
    float: left;
    
    margin-left: 0%;
    
    clear: both;
    width: 99.99926847610492%;
 
}
.footer-logo {
    float: right;
   
    margin-left: 0%;
    margin-top: 12px;
    clear: none;
    width:auto;
 
}
.copy-text{text-shadow: 0px 0px 2px #000; color:#979797; font-size:14px; width:auto; float:left; margin-top:3%; }
.box7 {
    float: left;
    height: 35px;
    margin-left: 7.640226167540411%;
    
    clear: none;
    width: 84.738584838962%;
    background:#FFFFFF;
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}
.banner-h1-txet{ color:#FFFFFF; padding:0px; margin:0px; font-weight:normal;width:100%; float:left; font-size:42px;}
.banner-h3-txet{color:#FFFFFF; padding:0px; margin:0px; font-weight:normal;width:100%; float:left;}
.banner-text{width:100%; float:left;font-weight:normal;color:#1b1b1b; font-size:18px;}
.drop-box { font-style:italic ; font-size:14px; color:#a4a2a2;
    float: left;
     padding-top:2%;
	    padding-bottom:2%; padding-left:1%; padding-right:1%;
    margin-left: 7.770434811314613%;
    margin-bottom: 13px;
    clear: both;
    width: 82.738584838962%;
    background:#FFFFFF;
    background-attachment: scroll;
    background-size: auto;
    background-position: 0px 50%;
    background-repeat: repeat repeat; border:1px solid #154b47; outline:none; 
	-webkit-border-radius:4px;
	 -o-border-radius:4px;
	 -moz-border-radius:4px;
	border-radius:4px; 
	 border:1px solid #333;
	
}
.search-button {font-family: 'Oswald', sans-serif; font-style:normal; font-weight:400;
    float: left; border:none;
  
    margin-left: 25.770434811314613%;
    margin-top: 5px;
    clear: both;
    width:45%;
  background:#de4b39;
    background-attachment: scroll;
    background-size: auto;
    background-position: 0px 50%;
    background-repeat: repeat repeat;  text-align:center; font-size:30px; color:#FFFFFF; font-weight:normal;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
		-ms-border-radius:5px;
		-o-border-radius:5px;
		
	
}
.search-button:hover{ background:#e74e3c;}
.form-heding {font-family: 'Oswald', sans-serif; font-size:40px; color:#ffffff;
    float: left;
clear: none;
    width:100%;
	 text-align:center; font-weight:bold;
    
}
.form-heding2 { margin-top:3%;margin-bottom:2%;
    float: left;

    margin-left:5%;

    clear: none;
    width:90%;
    
}
.footer{  border-top:1px solid #dbdfe3; width:100%; float:left;  padding-top:10px; padding-bottom:10px; margin-top:1%;}
.back-top{ padding:7px; background:#166CA3; color:#FFF; margin-top:1%; float:left; position:fixed; z-index:99999; cursor:pointer;  right:10px; bottom:5px; background:url(images/back-top.png) no-repeat; height:67px; width:71px; text-indent:-9999px;}

/*=====================================================================contact=================================================================*/
.contact-form-bg{ width:94%; float:left; margin:3%;}
.input-box{width:100%; float:left; margin-bottom:2%;}
input[type="text"],input[type="email"]{ width:40%; padding:3px 4px; color:#808181; font-size:14px; font-weight:normal;


 border:1px solid #CCCCCC;
}
textarea{width:60%; padding:3px 4px; color:#808181; font-size:14px; font-weight:normal; resize:none;



 border:1px solid #CCCCCC}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{ background:#ffffff;
-webkit-box-shadow: 0 0 2px 0px #c7c7c7 inset;
-moz-box-shadow: 0 0 2px 0px #c7c7c7 inset;
box-shadow: 0 0 2px 0px #c7c7c7 inset; border:1px solid #21d3f9;}

.send{ padding:4px 8px; background:#21d3f9; color:#FFFFFF; border:none;}

.list-in-page{float:left; margin:0px;list-style:url(images/dot.png); padding-top:1%; width:90%;}
.list-in-page li { margin-bottom:10px; }
.tabil-bg{width:100%; float:left; padding-top:1%; padding-bottom:1%;
}

.tabil-bg table tr td{ border:1px solid #166CA4;padding-top:2%; padding-bottom:2%;}

.left-logo-bg{width:30%; float:left;}
.left-footer-bg{width:30%; float:right;}
.f-menu{width:60%; float:right; margin:0px; padding-top:18px; }
.f-menu li{ float:left; margin-left:31px; }
.f-menu li:first-child{margin-left:0px;}
.f-menu li a{ color:#FFFFFF;text-shadow: 0px 3px 2px #000; font-size:14px;}
.f-menu li a:hover{ color:#21d3f9;}
.copy-txet{width:100%; float:left; color:#FFFFFF; font-size:13px;text-shadow: 0px 2px 2px #000; padding-top:4%; text-align:right;}
.wdc{ color:#f9d612;}
/*=====================================================================contact=================================================================*/
@media only screen and (max-width: 1038px) {.left-footer-bg{}

.left-footer-bg{ padding-right:2%;}}
@media only screen and (max-width: 949px) {.left-footer-bg{width:35%;}}
@media only screen and (max-width:813px) {.f-menu li{width:100%; float:none; margin-left:0px;}}
@media only screen and (max-width: 567px){
	.img-right-text-box{width:100%;}
.left-logo-bg{width:50%; float:none;  margin:auto;  }
.left-footer-bg{width:100%; float:left;}
.copy-txet{ text-align:center;}}
@media only screen and (max-width: 1029px) {


   .box7 {
        float: left;
        height: 35px;
        margin-left: 7.640226167540411%;
        margin-top: 16px;
        clear: none;
        width: 84.738584838962%;
      background:#FFFFFF;
        background-attachment: scroll;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: repeat repeat;
   }
   .drop-box {
        float: left;
       
        margin-left: 7.770434811314613%;
        margin-bottom: 13px;
        clear: both;
        width: 84.738584838962%;
       background:#FFFFFF;
        background-attachment: scroll;
        background-size: auto;
        background-position: 0px 50%;
        background-repeat: repeat repeat;
		
   }
   .search-button {
        float: left;
        
        margin-left: 7.770434811314613%;
        margin-top: 11px;
        clear: both;
        width: 84.738584838962%;
      
   }
   .banner-all-text {
     
       
        clear: none;
     
   }
   .form-bg {
       
        margin-left: 6.135123667395546%;
        clear: both;
        
   }
   .form-heding {
       
    
 
   }
 
}
@media only screen and (max-width: 698px) {

.nav-bg ul li:last-child {border:none;}
.menu-t { padding-left:1%;}
}
@media only screen and (max-width: 768px) {

.banner-h1-txet{ font-size:26px;}
}




@media only screen and (max-width: 700px) {
.box-img-text1{width:98%; margin-right:0px; margin-left:1%;}
.box-left-img-text{width:95%; margin-left:0px; margin-left:2%;}
.box-left-img  {}
.menu-icon{ display: block; cursor:pointer; width:96%;  margin-top:3%; margin-left:2%; margin-right:2%;
 background:url(images/nav-icon.png) #3fbfb5 no-repeat center; text-indent:-99999px; height:30px; border:1px solid#10746d;}

   .footer-bg{
        margin-top: 20px;
        margin-left: 0%;
        clear: both;
   }
   .mid-content {
        margin-top: 20px;
        margin-left: 0%;
        clear: both;
        
   }
   .banner{
        margin-top: 20px;
        margin-left: 0%;
        clear: both;
     
   }
 
   .menu-bg {
        margin-left: auto;
        float: none;
        clear: none;
        margin-top: 12px;
        width: 97.37562415607482%;
        margin-right: auto;
   }
   .logo-bg {
        margin-left: auto;
        float: none;
        clear: none;
        margin-top: 3px;
        width: 66.44060586325068%;
        margin-right: auto;
   }
   .banner-all-text {
        
        margin-top: 27px;
        margin-left: auto;
        clear: none;
        float: none;
        width: 94.52183801126644%;
        margin-right: auto;
   }
   .form-bg {
     
        margin-left: auto;
        float: none;
        clear: none;
       
        width: 94.8472087897772%;
        margin-right: auto;
   }
   .form-heding {
        margin-left: auto;
        float: none;
        clear: none;
        margin-top: 11px;
        width: 59.05642315359431%;
        margin-right: auto;
   }
    .form-heding2 {
        margin-left: auto;
        float: none;
        clear: none;
        margin-top: 11px;
        width: 59.05642315359431%;
        margin-right: auto;
   }
   .right-bg { float:none; clear:both;
        margin-top: 22px;
        margin-left: 2.395813581846916%; padding-top:5%;
       
        width: 94.68452340052181%;
   }
   .left-bg {
        width: 94.8472087897772%;
        margin-top: 7px;
        margin-left: 2.395813581846916%;
        clear: none;
   }
}


@media only screen and (max-width: 700px) {
input[type="text"],input[type="email"]{ width:95%;


}
textarea{width:95%;

}

.form-input-bg{ border-bottom:4px solid #000000; border-right:none;}
.arrow{ display:none;}
}
@media only screen and (max-width: 520px) {.copy-text{width:100%;}.footer-logo{width:100%;}}


/*===============================================secp===================================*/
.sec-p-hed-link{width:100%; text-align:center; float:left; padding-top:2%;}
.sec-p-hed-link a{  color:#003366;}
.sec-p-hed-link a:hover{text-decoration:underline;}

.sec-p-hed-link2{width:100%; text-align:center; float:left; padding-top:2%; padding-bottom:2%; }
.sec-p-hed-link2 a{  color:#FFFFFF;background:#CCCCCC; padding-left:5px; padding-right:5px;}
.sec-p-hed-link2 a:hover{background:#166ca3;


-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}


ul.sec-list{ float:left; width:90%;}
ul.sec-list li{ background:url(images/dot.png) no-repeat left; padding-left:2%;}
ul.sec-list li a{ color:#003366;}
ul.sec-list li a:hover{ text-decoration:underline;}
.link-cl{ color:#21d3f9; }
.link-cl:hover{text-decoration:underline;}
.box-img-text2 p{ width:100%; float:left; padding-bottom:2%;}
ul.sec-list2{ float:left; width:auto;}

.text-articles {width:100%; float:left; padding:10px;}


/*=====================pagineshan===================*/
.page-numbers{padding:5px 8px; float:left; border:1px solid #CCC; margin-right:5px;}
.current{ border:1px solid #0CF; background:#0CF; color:#FFF;}


/*=======================comment==========================*/
.commentlist{width:80%; float:left;}
.comment-body{width:400px; float:left; margin-bottom:15px;}
ol{ list-style-type:none;}
#respond{width:94%; float:left; margin-left:2%;}
.photo{ float:left;}
.fn{ float:left;}
.commentmetadata{ float:left; margin-top:5px;}
.comment-text{width:100%; float:left; margin-top:10px;}
.reply{ float:left;width:100%; margin-top:10px; }
.reply a{color:#0CF;}
.comment-img{ float:left; width:32px;}
.comment-all-text{ float:left; margin-left:5px; width:310px;}
/*.comment-author{width:80%; float:left; margin-bottom:15px;}*/