@import 'https://fonts.googleapis.com/css?family=Overlock';
@import url(https://fonts.googleapis.com/css?family=Fauna+One);
li ul tr td div p span,  { margin:0px; padding:0px;}

h1, .h1, h2, .h2, h3, .h3 h4 {
    margin-top: 0!important;
    margin-bottom: 0!important;
	font-family: 'Overlock', cursive;
}

a { outline:none !important;}
p{ font-size:14px; color:#ccc; margin:0px; border:0px;   }
ul li active{ outline:none!important;}
h2{ font-weight: normal; color:#fff;}
h3{font-weight: normal; color:#fff;}
h4{font-family: 'Overlock', cursive; font-size:22px;}
h5{ color:#fff; font-size:15px;}

label{ font-weight:normal; }

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-thumb {
	background-color: #ececec;
}
:-webkit-scrollbar-track {
	background: #ececec;
	box-shadow: inset 1px 1px 2px #E0E0E0;
	-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
	border: 1px solid #D8D8D8;
}
::-moz-scrollbar {
	width: 8px;
	height: 8px;
	
}
::-moz-scrollbar-thumb {
	background-color: #ececec;
}
:-moz-scrollbar-track {
	background: #ececec;
	box-shadow: inset 1px 1px 2px #E0E0E0;
	-moz-box-shadow: inset 1px 1px 2px #E0E0E0;
	border: 1px solid #D8D8D8;
}
:-moz-selection { /* Code for Firefox */
    color:#fff;
    background: #3b94d9;
}
::selection {
    color:#fff; 
    background:#3b94d9;
}

.container{ width:90%; 	margin: 0 auto; 
	}

body{ margin:0; padding:0; -webkit-transition: width 2s; /* Safari */
    transition: width 2s; font-family:Arial, Helvetica, sans-serif; background:#3e84e0;}
	
header{ padding:0; background-color:#fff; -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42);
box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42); }

.menu{-webkit-transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
  transition:         all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);}


.cap {
    font-size: 35px;
	line-height:30px;
	margin-bottom:15px;
	float:left;
   font-family: 'Overlock', cursive;
    color: #fff;
  
}
.cap-sm {
    font-size: 14px;
	float:left;
    color: #e2e2e2;
	line-height:22px!important;
	font-weight:normal;
    
}
.cap-box {
    margin-top: 25%;
    text-align: left;
	width:800px;
	
}
.cap-box a{ padding:10px 20px; background: #FF9900; margin-top:20px; float:left; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; color:#fff; font-size:15px; text-decoration:none; }
.cap-box a:hover{ background:#16346e;  color:#fff;}

.h-abt{background-image:url(../images/abt-bg.png); background-position:right top; background-size:cover; width:65%; padding:50px 30px 50px 17px; min-height:380px; float:left;}
.h-abt a{ background-color:#FF9933; padding:5px 12px 5px 12px; color:#fff; border-radius: 3px; font-size:25px; float:left; line-height:25px; text-decoration:none; margin-top:10px;}
.h-abt a:hover{ background-color:#fff; color:#FF9933; }

.h-srv{width:35%; padding:20px 70px 20px 40px;  background-color:#16346e; float:left; min-height:380px;}
.blg{ width:30%; padding:10px 80px 0 20px; float:left; background-color:#FFFFFF; min-height:420px;}

.hm-svr-box{}




ul.menu-navigation{
font-size:1em;
float:left;
width:100%;
margin:0;
padding:0;
list-style:none;
background:#1d5cb8;
}

ul.menu-navigation li a{
display:block;
color:#fff;
text-decoration:none;
width:100%;
padding:5px 5px 5px 15px;
border-bottom:1px solid #16346e;
}

ul.menu-navigation li span{
display:none;}

ul.menu-navigation li a:hover{
background-color:#1c407e;
}

ul.menu-navigation li a:hover span{
display:block;
font-size:0.8em;
padding:10px 0;}

.first{
display:block!important;
font-size:0.8em;
padding:10px 0;}


.accordion-inner li{ color:#fff; margin-left:-20px; font-size:12px; padding:1px 0; color:#ccc;}
.accordion-inner{  padding-bottom:5px; padding:5px;}

.computer{
	color: whitesmoke;
	margin: 0 auto;
}

.green{
	color: yellowgreen;
}
.purple{
	color: crimson;
}




.btn{ padding:5px 10px!important; background: #FF0000!important; font-size: 19px; color:#fff!important;  float:right; border-radius: 0px; font-family:Arial, Helvetica, sans-serif;}
.tog-4{display:none; background-color:#046fe0;width:100%;height:200px; float: left;}
.tog-4 h3{ margin:10px 0!important;}
.tog-3{display:none; background-color:#1b2f57;width:100%;height:200px; float: left;}
.tog-3 h3{ margin:10px 0!important;}
.tog-2{display:none; background-color:#ccc;width:100%;height:200px; float: left; }
.tog-2 h3{ color:#333!important; margin:10px 0!important;}
.tog-2 p{ color:#333!important;}



.tog-4 a{ color:#fff; padding-top:20px; float:left; text-decoration:none;}
.tog-3 a{ color:#fff; padding-top:20px; float:left; text-decoration:none;}
.tog-2 a{ color:#fff; padding-top:20px; float:left; text-decoration:none;}


.fixed {
    position:fixed;
    top:0;
	background: #fff; 
	padding:5px 0!important;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.59);
-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.59);
box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.59);
-webkit-transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
  transition:         all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);

}

.nav-bdr{ background:url(../images/bdr.png)repeat; height:2px;}
.footer{background-color:#020a21; text-align:center; color:#ffffff; padding:10px; float:left; width:100%; font-size:12px;}
.logo-txt{text-transform: uppercase; float:left; padding:19px 7px; border-left: solid thin #f1f1f1; margin-left:7px;  font-size:13px; color:#747577; font-weight:bold;}
.logo-txt:hover{ color:#747577; text-decoration:none;}
.logo{ padding:3px 0!important;}
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 10000;
   overflow:hidden!important;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  overflow:hidden;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/Preloader_1.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}




    .tab-home{ width:100%; float:right;  margin-top:-64px; height:auto; z-index:900; position:relative; font-size:17px;} 
    .tab-01{ padding:20px 30px; background:#046fe0; float:right; color:#fff;}
    .tab-02{padding:20px 30px; background:#1b2f57; float:right; color:#fff;} 
    .tab-03{padding:20px 30px; background:#ebc43f; float:right; color:#000;} 




.tog-4 a{ color:#fff; float: left;}


.inner_page_banner{ width:100%;  background:url(../images/inner_page_banner.png); background-size:cover; position: relative; padding:14% 0 8% 0;}
.inner_page_banner h3{ text-align:center; width:50%; margin:0 auto;}

.inner_page_content_wrap{ width:100%; height:auto; float:left; background-color:#16346e;}
.inner_page_content_wrap p{ color:#3c3c3c;}
.inner_page_content_left_box{ width:50%; background-color:#f1f6fd; height: auto; min-height:400px; padding:2% 2% 2% 6.5%; float:left; }
.inner_page_content_left_box h4{ color:#005cd8;}
.inner_page_content_right_box{ width:50%;  float:left; padding:2% 6% 2% 2%;}
.inner_page_content_right_box h4{ color:#ebc43f;}
.inner_page_content_right_box p{ color:#cccccc;}



.inner_page_content_left_service_box{ width:30%;  height: auto;  padding:2% 2% 2% 6.5%; float:left; }
.inner_page_content_right_service_box{ width:70%; background-color:#f1f6fd; min-height:400px;  float:left; padding:2% 6% 2% 2%;}
.inner_page_content_left_service_box h4{ color:#ebc43f!important;}

.inner_page_content_left_service_box li{ list-style:none; width:100%;background:#1d5cb8; padding:10px; margin-bottom:1px; color:#fff;  }
.inner_page_content_left_service_box li:hover{ background:#1c407e;}
.inner_page_content_left_service_box a{  width:100%!important; color:#ccc; text-decoration:none; font-size:14px!important; }
.inner_page_content_left_service_box ul{ padding:0!important;}

.inner_page_content_right_service_box h5{ color:#16346e;}
.active_service{ background-color:#1b2f57!important;  font-size:14px!important;}
/* .active{  font-size:16px; color:#ffb400!important;  border-bottom: solid 2px #ffb400;  transparent!important;  } */
.social{ width:100%; height: auto; padding:5px; text-align:center; float:left;}
.social_icon{font-size:26px; margin:0 3px; color:#fff;}
.social_icon:hover{ color:#2d71f9;}

.inner_page_content_right_contact_box{ width:50%; background-color:#f0ede5; min-height:500px;  float:left; padding:2% 6% 2% 2%;}

.contact_add p{ color:#CCCCCC;}
.inner_page_content_left_contact_box{  width:100%;   height: auto;  padding:2% 6% 2% 6%; float:left;}
.inner_page_content_left_contact_box h4{ color:#ebc43f;}
.inner_page_content_centere_contact_box{  width:50%;  min-height:500px; background:#FFFFFF; height: auto;  padding:2% 2% 2% 6%;  float:left;}

.submit-btn{ background-color:#ff9933; color:#fff; padding:8px 18px; border:0; }
.submit-btn:hover{ background:#16346e;}
.wrap-nml{width:60%; margin:50px auto; height: auto; border: solid thin #ebc43f; padding:15px; text-align:justify;}
footer{ color:#CCCCCC;}
footer a{ color:#CCCCCC; text-decoration: none;}
footer a:hover{ color:#ff9933; text-decoration:none;}






.inner_page_content_left_blog_box{ width:70%; background-color:#fff; min-height:400px;  height: auto;  padding:2% 2% 2% 6.5%; float:left; }
.inner_page_content_right_blog_box{ width:30%; background-color:#e8e8e8; min-height:400px;  float:left; padding:2% 6% 2% 2%;}

.inner_page_content_left_blog_box a{ color:#333333; text-decoration:none;}
.inner_page_content_left_blog_box a:hover{color:#133981}

.tag{padding:5px 10px; background-color:#CCCCCC; float:left; margin:0 1px; color:#333333;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.tag:hover{background-color:#ff9900; color:#fff;}
.bdr{ border-bottom:solid thin #CCCCCC; width:100%; margin:10px 0; float:left;}
.rcnt-post{ padding:5px 0; color:#333333; border-bottom:solid thin #CCCCCC;}
.rcnt-post:hover{ color:#133981;}










@media screen and (max-width: 1200px) {
.slides-navigation {
  bottom: 25%!important;
}
.wrap-nml{width:75%;}


.h-abt p{ font-size:13px;}




.blg{min-height:453px;}


}
@media screen and (max-width: 950px) {

}
@media screen and (max-width: 950px) {

.h-abt{ width:100%; padding:50px 30px 50px 0px; min-height:auto;}
.h-srv{width:100%; padding:50px 60px 50px 60px ;  min-height:auto;  }
.blg{ width:50%; padding:10px 55px 0 20px; float:left; background-color:#FFFFFF;  min-height:400px;}
.inner_page_banner{ height:200px;}

.wrap-nml{width:85%;}
.h-abt p{ color:#CCCCCC;}


	

}

@media screen and (max-width: 774px) {
 .tab-home{ float: left;  margin-top:0px; font-size:14px;  } 
 .tab-01{ padding:10px 20px; background:#046fe0; float: left; color:#fff; width:33.33%; min-height:70px; }
    .tab-02{ padding:10px 20px; background:#1b2f57; float:left; color:#fff;width:33.33%; min-height:70px;} 
    .tab-03{ padding:10px 20px; background:#ebc43f; float:left; color:#000; width:33.33%; min-height:70px;  }
	.cap-box {
    margin-top: 35%;
    text-align: left;
	width:100%;

}
.mob{height:auto!important; padding-bottom:15px;}

.inner_page_content_left_blog_box{ width:100%; min-height:0px; padding:2% 6% 2% 6%; }
.inner_page_content_right_blog_box{ width:100%; min-height:0px; padding:2% 6% 2% 6%;}

.inner_page_content_left_box{ width:100%; min-height:0px; padding:2% 6% 2% 6%; }
.inner_page_content_right_box{ width:100%; padding:2% 6% 2% 6%;}
.inner_page_content_left_service_box{ padding:2% 6% 2% 6%; width:100%; }
.inner_page_content_right_service_box{  min-height:0px;   padding:2% 6% 2% 6%; width:100%;}
.inner_page_content_centere_contact_box{  width:100%;  min-height:0px;  padding:2% 6% 2% 6%;}
.inner_page_content_right_contact_box{ width:100%; min-height:0px; padding:2% 6% 2% 6%;}
.hid{ display:none;}
.inner_page_banner {
    height: 120px;
}

.inner_page_banner{  padding:0.2% 0 0.2% 0!important;}
.cap{ font-size:16px; line-height: normal; margin-top:20px;}
.typewriter1{ font-size:12px; line-height: normal;}


}
@media screen and (max-width: 700px) {
.tab-01{ width:100%; min-height: auto; }
    .tab-02{width:100%; min-height:auto;} 
    .tab-03{width:100%; min-height:auto; }
	.h-srv{width:100%; padding:0px 40px 30px 40px ;  min-height:auto;  }
.blg{ width:100%; padding:20px;}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing:0px;
    color: #1d5cb8;
	font-size:13px;
	font-weight:bold;
	 border-radius: 0;
	 background-color:#dddddd;
	  padding:6px 10px!important;
	  border-bottom:solid thin #cacaca;
}
.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff!important;
    background-color:#000!important;
    border-bottom:solid thin #cacaca!important;
	 padding:6px 10px;
}

}
@media screen and (max-width: 965px) {
	.logo-txt{ display:none!important;}
}





.navbar-default {
    border-color: transparent;
    background-color: #fff!important;
	-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42);
box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.42);
padding-top:3px!important;
}

.navbar-default .navbar-brand {
  
    color: #1ee2e7;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #ffa928;
    background-color: transparent!important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #666;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent!important;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing:0px;
    color: #1d5cb8;
	font-size:16px;
	font-weight:bold;
	 border-radius: 0;
	 font-family: 'Overlock', cursive;
	 
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #FF9900;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #FF9900;
    background-color:transparent;
	border-bottom:solid 3px #FF9900;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color:#FF9900;
    background-color: #fff;
}

@media(min-width:768px) {
    .navbar-default {
        padding: 10px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 0px;
    }

    .navbar-default.navbar-shrink {
        padding: 0px 0;
        background-color: #fff;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

}


.navbar-brand {
    float: left;
    height: auto!important; 
    padding: 0px!important;
    font-size: 18px;
    line-height: 20px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding:26px 0px;
	margin:0 8px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: inherit;
}
.logo-mob{float:left; position:relative; width: inherit;}
.logo-mob-sm{float:left;  position: absolute; display:none; margin:2px 0;}


.home-blog{width:100%; color:#333333; margin-top:20px; height:300px; overflow:scroll; padding:0 10px 0 0;}
.home-blog h5{color:#3b94d9;}
.home-blog-date{color:#ff691f!important; font-size:12px;}
.home-blog p{ font-size:13px; color: #666666; line-height:16px; margin:5px 0;}
.home-blog-imag{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; width:100%; overflow:hidden; margin-top:3px;}
.tag-home{color:#ff691f; margin-top:10px; float:left; padding-right:8px;}
.border-blog{ border-bottom:solid thin #CCCCCC; padding:5px 0; float:left; width:100%;}

.blog-box-hm{border-bottom:solid thin #CCCCCC; padding:10px 0; float:left;}

/* ///////////////////////  NeW STYLES 22-10-2021 ////////////////// */



/* //////////////////////////////////////////////////////////////////////////// */

.registerbox{  width:100%;  min-height:500px; background:#FFFFFF; height: auto;  padding:2% 20% 2% 20%;   }

label{ text-align:left!important; float:left; color:#3b3b3b; font-size:14px; font-weight:400;}

.form-control{ 
	border-radius: 2px; 
	margin-bottom: 15px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #666;
	font-size: 15px;
	height:50px;
	padding:10px 5px;
	background: #f6f6f6;
}


.form-wrap{background-color:#3498db; padding:10px 0; }
.form-heading{font-style:normal; font-size:20px; color:#fff; }
.form-normel-txt{font-size:15px; color:#000066;}
.form-section{padding:20px 0; width:100%; float:left;}

.reset-password{width:40%; margin:0 auto; height:auto; background-color:#fff; padding:20px; border:solid thin #CCCCCC; margin-top:20px; margin-bottom:20px;}
.recovery{font-size:12px; margin-bottom:5px; color:#4b4b4b;}
.news-more{background-color:#0a499e; color:#fff; padding:5px 10px; float:right; margin-top:10px;}
.news-more:hover{background-color: #14308b; color:#fff; padding:5px 10px; float:right; margin-top:10px; text-decoration:none;}
.news-rt-box{padding:10px; float:left; background-color:#d9edf7; border:solid thin #CCCCCC; margin-bottom:20px;}
 .news-rt-box p{margin-bottom:5px;}
 .news-rt-box span{background-color:#3da5b2; color:#fff;  padding:0px 3px; }
.news-rt-sub-box{ float:left; width:100%; border-bottom:solid thin #fff; padding:10px 0;}


/*form styles*/
#msform {
	width:100%;
	margin: 50px auto;
	text-align: center;
	position: relative;
	color:#666;
}

#msform fieldset {
	background: white;
	border: solid thin #3498db;
	/* border-radius: 3px; */
	/* box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); */
	 padding:0px 0px;
	
	/*box-sizing: border-box; */
	width: 100%;
	
	
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 2px;
	margin-bottom: 15px;
	width: 100%;
	box-sizing: border-box;
	font-family: montserrat;
	color: #222;
	font-size: 15px;
}
/*buttons*/
#msform .action-button {
	width: 100px;
	background: #0067db;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #0067db;
}
/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	color: #2C3E50;
	margin-bottom: 10px;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
}

.text-field{ width:100%; padding:10px; background-color:#eeeeee; margin-bottom:20px; border:0; color:#a55118; outline:none; border-bottom:solid thin #eeeeee;}
.textarea{width:100%; padding:10px; background-color:#eeeeee; margin-bottom:20px; border:0; color:#a55118; outline:none; border-bottom:solid thin #eeeeee;}
.txtbold{font-weight: bold; color:#000000;font-size: 13px;}
.captcha-code img {
    width: 160px;
}