@charset "UTF-8";

  
 /*****************************
 *   01. header
 ***************************** */
.topheaderBanner{
  background-color: #121481;
}
 
.header-top {
  background-color: #121481;
  /*background-color: #121481;*/
  color: #7286a0;
  line-height: 10px;
} 

header {
  background-color: #ffffff;
  padding: 0; }

.logo-column a.logo {
  height: 35px;
  padding: 5px 0; }
.logo-column a.logo img {
    max-height: 100%; }
	  
 
 
.nav-column {
  padding: 5px 0;
  font-size: 16px; }
.nav-column a, .nav-column span {
  color: #7286a0;
  line-height: 25px;
  vertical-align: top;
  cursor: pointer; }
.nav-column a:hover, .nav-column span:hover {
   color: #b5c3d4; }
.nav-column .right-nav {
   float: right;
   position: relative; }
.nav-column .right-nav span {
   padding: 0 15px; }
.nav-column .right-nav .search-icon.active {
   color: red; }
.nav-column .right-nav .search-icon.active::before {
   content: ""; }
.nav-column .right-nav .header-social {
   display: inline-block; }
.nav-column .right-nav .header-social a {
   padding: 0 5px;
   vertical-align: top; }
  .nav-column .right-nav .header-social a {
        padding: 0 5px;
        vertical-align: top;
		font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    border-radius: 50%;
    color:#333366;
    box-shadow: inset 0 0 0 2px #333366;
   -webkit-box-shadow: inset 0 0 0 1px #333366;
    -webkit-transition: background-color 400ms, background-color 400ms;
    transition: background-color 400ms, background-color 400ms;
    position: relative; }


 .nav-column .right-nav .header-social a:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#bbbbdd), to(#000033));
    background-image: linear-gradient(90deg, #bbbbdd 0%, #000033 100%);
    color: #fff;
    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 255);
    -webkit-box-shadow: inset 0 0 0 3px #333366;
} 
  
  
  
.slicknav_menu {
  background-color: #1f2131;
  border-bottom: 1px solid #585757; }
@media only screen and (min-width: 991px) {
.slicknav_menu {
  display: none; } }
 
 


#menu ul {
  text-align:left;
  margin: 0; }
  #menu ul li.has-child > a::after {
    content: "";
    font-family: "fontawesome";
	margin-left: 4px; 
    }
  #menu ul > li {
    display: inline-block;
    position: relative;
	border-left-color:#FFFFFF; }
    #menu ul > li > a {
    
      font-weight: 500;
      line-height: 25px; }
      #menu ul > li > a:hover {
        color: #ffffff; }
      #menu ul > li.current-menu-item > a {
      color: #ffffff;
	 float:left;
       position: relative;
	  }


#menu ul ul {
  position: absolute;
  background-color: #fff;
  left: 0;
  top: calc(100% + 23px);
  z-index: 2;
  width: 220px;
  text-align: left;
  padding: 15px 20px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.9); }
  #menu ul ul::after {
    content: "";
    border: 8px solid transparent;
    border-bottom-color: #fff;
    left: 25px;
    top: -16px;
    position: absolute; }
  #menu ul ul::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    left: 0;
    top: -20px; }
  #menu ul ul li {
    display: block; }
    #menu ul ul li a {
      display: block;
      font-weight: 300;
      color: #222538;
      font-size: 13px;
      padding: 0;
      margin: 5px 0; }

#menu ul li:hover > ul {
  opacity: 1;
  visibility: visible; }
  
 
 
  
  
  
 /* preloader css */
.preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  text-align: center; }

.preloader-spin {
  margin: 0 auto;
  height: 35px;
  width: 35px;
  display: inline-block;
  background: transparent;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  border-color: #d0d0d0 #d0d0d0 #111111 #d0d0d0;
  animation: 1s linear 0s normal none infinite running spinner_preloader; }

@keyframes spinner_preloader {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(720deg); } } 
  
  
  .main-nav {
  background-color: #1f2131;
  padding: 10px 0;
  
   
  }
  .main-nav a {
    color: #7286a0;
    padding: 0 10px; }

	
.bg5 {
 height:100%;
 padding:0;
 width:100%;
 height:auto;
 margin: 0;
 
  }
 
  
   .bg5 h1 {
   font-size:32px;
   padding_left:25px;
   padding-top:25px;
   font-weight:900;
  }
 
     .bg5 h2 {
   font-size:14px;
   padding_left:25px;
   padding-top:5px;
   font-weight:200;
   color:#000000;
  }
 
  .bg5 h3 {
   font-size:12px;
   font-weight:200;
   color:#FFFFFF;
  padding-top:5px;
   padding-bottom:5px;
  }
 
  
.bg5 ul{
list-style-type: none;
margin: 0;
padding: 0;
width:100%;
background-color:#333333;
/*position: fixed;*/
left: 100%;
overflow: auto;
float:right;

}
 
.bg5 li{
list-style-type: none;
background-color: #333333;
border:1px solid #999999;

}


.bg5 li a{
dispaly: block;
color: #000;
padding: 8px 16px;
text-decoration: none;

}
 
.bg5 li a.active{
/*background-color:#666666;*/
background-color:#122CA9;
color: white;
width:100%;

}

.bg5 li a:hover{
background-color:#121481;}	
	 
 
	
.tabs-area .tabs-nav li a.active {
  background-color: #121481;
   }	
	
	
.sp {
  padding-top: 20px;
  padding-bottom: 50px; }
  
.spt {
  padding-top: 10px;
  padding-bottom: 5px;
  height:30%;}

.spb {
  padding-bottom: 20px;
 }	
	
	
	
  


#menu ul ul li a:hover {
  color: #4698ff; }
 



  
/*#rcorners1{
   background-color:#333366;
   border: 2px solid #333366;
   border-radius: 25px;
   padding: 2px; 
   color: #FFFFFF;
   font-size:16px;
   }*/
    
 #rcorners1:hover{
    border: 2px solid #000000;
    background-color:#0066CC;
   }
  
 #rcorners2{
   border: 1px solid #333366;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border-radius: 25px;
   padding: 2px; 
   colo:#000033;
   font-size:14px;
   width:70%;
   height:auto;
   background-color:#FFFFFF; 
   } 
   
   .rcorners2.img{
   padding-left:10px;
   }
    #rcorners2:hover{
    background-image: -webkit-gradient(linear, left top, right top, from(#bbbbdd), to(#2c8cb3));
    background-image: linear-gradient(90deg, #bbbbdd 0%, #333366 100%);
	/*background-color:#0069d9;*/
    color: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: inset 0 0 0 1px #333366;

   } 
   
  
 blockquote{
	border:none;	
}


blockquote h3{
	font-size:16px;	
}

 blockquote h3:before{
 content:open-quote;
 color:#FFFFFF;
 }
 
 blockquote h3:after{
 content:close-quote;
 font-weight: bold;
 font-size:100px;
 color:#333366;
 }
 

/*  
.trns, .button, .button-2, .nav-column a, .nav-column span, .nav-column .right-nav span, form.search-form, #menu ul > li > a, #menu ul ul, #menu ul ul::after, #menu ul ul li a, .hero-slider .owl-dots .owl-dot, .single-service .inner, .single-service-2 .inner, .single-service-3 .inner, .single-service .inner .title .icon, .single-service-2 .inner .title .icon, .single-service-3 .inner .title .icon, .single-service .inner .title h4, .single-service-2 .inner .title h4, .single-service-3 .inner .title h4, .single-service .inner .content, .single-service-2 .inner .content, .single-service-3 .inner .content, .isotope-menu li, .single-portfolio .inner .portfolio-img .hover-content, .single-portfolio .inner .portfolio-content h3, .faq-sidebar li a, .single-team .inner .team-img::after, .contact-form input:not([type="submit"]),
.contact-form textarea {
  -webkit-transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s;
  transition: all 0.3s cubic-bezier(0.84, 0.35, 0.39, 0.74) 0s; }
 */ 
  
  
* {
  margin: 0;
  padding: 0; }

img {
  max-width: 100%; }

a,
span {
  display: inline-block; }

.no-padding {
  padding: 0; }

.static {
  position: static; }

.relative {
  position: relative; }



/* button */
.button-2 {
  font-size: 14px;
  line-height: 40px;
  padding: 0 20px;
  border: 2px solid;
  color: #fff;
  border-radius: 3px;
  font-weight: 400; }
  .button-2:hover {
    color: #fff;
    background-color: #333;
    border-color: #333 !important; }
  @media only screen and (max-width: 767px) {
    .button-2 {
      font-size: 13px;
      padding: 0 15px;
      line-height: 32px; } }

.button-2 {
  font-size: 14px;
  line-height: 40px;
  padding: 0 20px;
  border: 2px solid;
  color: #fff;
  background-color: transparent;
  border: 2px solid #c1c2c5;
  color: #2d3666;
  border-radius: 10px;
  font-weight: 400; }
  .button-2:hover {
    color: #fff;
    background-color:#333366;
    border-color: #333; }
  @media only screen and (max-width: 767px) {
    .button-2 {
      font-size: 13px;
      padding: 0 15px;
      line-height: 32px; } }

/* section title */
.section-title {
  text-align: center;
  font-size: 16px;
  color: #7d91aa;
  font-weight: 300;
  margin-bottom: 5px; }
  .section-title h2 {
    margin: 0 0 5px;
    font-size: 40px;
    font-weight: 700;
    color: #333366; }
  .section-title.white {
    color: #ffffff; }
    .section-title.white h2 {
      color: #fff; }

/* page-title */
.page-title {
  font-size: 16px;
  color: #7d91aa; }
  .page-title h2 {
    font-size: 50px;
    font-weight: 700;
    color: #333; }
  .page-title p:last-child {
    margin-bottom: 0; }

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 27px;
  font-weight: 400;
  color: #2d3666; }

h1, h2, h3, h4, h5, h6 {
  color: #333366; }

/*
iframe {
  border: none; }
*/


 


hr.underline{
	border-top: 2px solid gray;
	width:90%;
}


/*****************************
 *   08. footer-top
 ***************************** */
footer {
  /*background-color: #122CA9;*/
  background-color: #1c2434;
  
  color: #7286a0;
  line-height: 24px; }
  
hr.footer-topic{
	border-top: 2px solid gray;
	width:50%;
}

  .footer-top {
  background-color:#121481;
  padding-top:10px;
 }
  .footer-top a {
    color: #7286a0;
    padding: 0 5px; }
	
	.footer-top a:hover {text-decoration:underline;}
  @media only screen and (max-width: 991px) {
    .footer-top {
      text-align: center; }
      .footer-top .text-right {
        text-align: center !important;
        margin-top: 5px; } }

.footer-middle {
  padding: 5px 0; }
  @media only screen and (max-width: 991px) {
    .footer-middle {
      padding: 0px 0; } }
  .footer-middle .media img {
    width: 60px; }
    .footer-middle .media img img {
      width: 100%; }
	  

.footer_widget h5 {
  font-size: 16px; }

.footer_widget h4,
.footer_widget h5 {
  color: #7286a0; }

@media only screen and (max-width: 991px) {
  .footer_widget {
    padding: 15px; } }
.footer_widget h4 {
  margin-bottom: 40px;
  font-size: 18px; }
  @media only screen and (max-width: 991px) {
    .footer_widget h4 {
      margin-bottom: 20px; } }
.footer_widget ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .footer_widget ul li a {
    color: #7286a0;
    padding: 3px 0; }
.footer_widget .media {
  margin-bottom: 14px; }
  .footer_widget .media h5 {
    margin: 0;
    line-height: 20px; }
  .footer_widget .media a {
    color: #7286a0;
    font-size: 14px; }
  .footer_widget .media span {
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px; }
.footer_widget .nw_form {
  position: relative; }
  .footer_widget .nw_form input {
    width: 100%;
    display: block;
    background-color: #1f2131;
    border-radius: 3px;
    height: 40px;
    border: 1px solid #1f2131;
    color: #7286a0;
    text-indent: 20px; }
    .footer_widget .nw_form input::-webkit-input-placeholder {
      color: #7286a0; }
    .footer_widget .nw_form input::-moz-placeholder {
      color: #7286a0; }
    .footer_widget .nw_form input:-ms-input-placeholder {
      color: #7286a0; }
    .footer_widget .nw_form input:-moz-placeholder {
      color: #7286a0; }
  .footer_widget .nw_form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    border: none;
    color: #fff;
    padding: 0 15px;
    border-radius: 0 3px 3px 0;
	background-color:#7286a0; }

.footer-bottom {
  background-color: #121481;
 }
  .footer-bottom a {
    color: #7286a0;
    padding: 0 10px; }
	

	
	
  @media only screen and (max-width: 991px) {
    .footer-bottom {
      text-align: center; }
      .footer-bottom .text-right {
        text-align: center !important;
        margin-top: 5px; } }

/*****************************
 *   09. tabs-area
 ***************************** */
.tabs-area .tabs-nav {
  display: block;
  padding-bottom: 30px;
  padding-top:10px;
  overflow: hidden; }
  .tabs-area .tabs-nav li {
    width: 25%;
    padding: 0 12.5px;
    display: inline-block;
    float: left;
    position: relative; }
    @media only screen and (max-width: 991px) {
      .tabs-area .tabs-nav li {
        width: 50%;
        margin-top: -5px; } }
    .tabs-area .tabs-nav li a {
      text-align: center;
      color: #222538;
      display: block;
     /* border-bottom: 2px solid #222538;*/
	  border-radius: 10%;
	  border:1px solid #A2BDDF;
      padding: 25px 0; 
	  }
      .tabs-area .tabs-nav li a::after {
        content: "";
        border: 10px solid transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); 
		}
      .tabs-area .tabs-nav li a i {
        display: block;
        font-size: 24px;
        margin-bottom: 12px; }
      .tabs-area .tabs-nav li a span {
        font-size: 18px;
        font-weight: 700; }
    .tabs-area .tabs-nav li a.active {
      color: #fff;
      border-radius: 5px; }
      .tabs-area .tabs-nav li a.active::after {
        border-bottom-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        opacity: 1; }

.tabs-area .tab-content {
  border: 1px solid #cad4de;
  padding: 40px;
  border-radius: 4px;
 
  }
 

/*
.single-team .inner {
  text-align: center; }
  .single-team .inner .team-img {
    position: relative; }
    .single-team .inner .team-img img {
      width: 100%; }
    .single-team .inner .team-img::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0; }
    .single-team .inner .team-img:hover::after {
      opacity: 0.4; }
  .single-team .inner .team-content {
    padding: 25px 0; }
    .single-team .inner .team-content h4 {
      font-size: 18px;
      font-weight: 400; }
    .single-team .inner .team-content h5 {
      font-weight: 300;
      font-size: 16px;
      color: #7d91aa; }
    .single-team .inner .team-content a {
      display: inline-block;
      color: #7d91aa;
      padding: 2px;
      margin: 0 3px;
      font-size: 16px; }*/

/*****************************
 *   12. contact-area
 ***************************** */
/*@media only screen and (max-width: 767px) {
  .contact-info {
    margin-bottom: 30px; } }
.contact-info .single-info {
  font-size: 16px;
  font-weight: 300; }
  .contact-info .single-info:not(:last-child) {
    margin-bottom: 20px; }
  .contact-info .single-info h5 {
    font-size: 16px;
    font-weight: 500;
    color: #7d91aa; }
  .contact-info .single-info p:last-child {
    margin-bottom: 0; }
  .contact-info .single-info a {
    color: #333;
    display: inline-block;
    margin-right: 8px; }

.contact-form {
  border: 1px solid #cad4de;
  padding: 40px;
  border-radius: 3px; }
  .contact-form input:not([type="submit"]),
  .contact-form textarea {
    border: 1px solid #cad4de;
    width: 100%;
    background-color: #f9fbfd;
    margin-bottom: 30px;
    border-radius: 3px;
    height: 40px;
    text-indent: 20px; }
    .contact-form input:not([type="submit"])::-webkit-input-placeholder,
    .contact-form textarea::-webkit-input-placeholder {
      color: #7d91aa; }
    .contact-form input:not([type="submit"])::-moz-placeholder,
    .contact-form textarea::-moz-placeholder {
      color: #7d91aa; }
    .contact-form input:not([type="submit"]):-ms-input-placeholder,
    .contact-form textarea:-ms-input-placeholder {
      color: #7d91aa; }
    .contact-form input:not([type="submit"]):-moz-placeholder,
    .contact-form textarea:-moz-placeholder {
      color: #7d91aa; }
    .contact-form input:not([type="submit"]):focus,
    .contact-form textarea:focus {
      outline: none;
      border: 1px solid; }
  .contact-form textarea {
    height: 120px;
    padding-top: 10px; }*/

.google-map {
  height: 500px;
  width: 100%;
  display: block;
  background-color: #eee; }
  @media only screen and (max-width: 767px) {
    .google-map {
      height: 280px; } }
  .google-map iframe {
    width: 100%;
    height: 100%;
    border: none; }
	
	
	

.media.service-box {
    margin: 5px 0;

}

.media.service-box .pull-left {
    margin-right: 20px;

	
}

.media.service-box .pull-left>h6 {
  font-size: 12px;

max-width:75%;
  
  

	
}

.media.service-box .pull-left>i {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
    border-radius: 25%;
    color:#333366;
    box-shadow: inset 0 0 0 2px #333366;
   -webkit-box-shadow: inset 0 0 0 1px #333366;
    -webkit-transition: background-color 400ms, background-color 400ms;
    transition: background-color 400ms, background-color 400ms;
    position: relative;
}




.media.service-box:hover .pull-left>i {
    background-image: -webkit-gradient(linear, left top, right top, from(#bbbbdd), to(#000033));
    background-image: linear-gradient(90deg, #bbbbdd 0%, #000033 100%);
    color: #fff;
    box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 255);
    -webkit-box-shadow: inset 0 0 0 3px #333366;
}
	

#menu {
  list-style: none;
  margin:0;
}

#menu li {
  display: inline;
  padding: 0 5px;
  border-left: solid 1px black;
}

#menu li:first-child {
  border-left: none;
}

#menu {
  list-style: none;
}

#menu2 li {
  display: inline;
  padding:5px;
  border-left: solid 1px white;
}

#menu2 li:first-child {
  border-left: none;
}

.menu2 .li img:hover {
  filter: none;
  opacity: 1;
}