/*=========table of content start

    Template Name: Saalan
    Template URI: https://theme.bitspecksolutions.com/saalan/
    Author: Bitspeck Solutions
    Author URI: http://bitspeck.com/

==========================

CSS 

===========================

*Common CSS

==============================


preloader


===============================
home page::

1. header section
2. Carousel section
3. Feature section
4. About section
5. Contac section
6. Services section
7. Portfolio section
8. counter section
9. Testimonial section
10. Choose us section
11. Blog section
12. Client section
12. Footer section

=================================

Others Pages


==================================

==============table of content end*/


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;700;900&family=Roboto:wght@100;300;400;500;700;900&display=swap');
/*====================================
 global area - start
====================================*/
*{
  padding: 0;
  margin: 0;  
  outline: 0px;
  scroll-behavior: smooth;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

body {
  font-family: 'Rubik', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7rem;
  width: 100%;
  overflow-x: hidden;
  background-color: #ffffff;
}

html, body, .wrapper {
  height: 100%;
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: #232323;
  font-weight: normal;
  line-height: 2.7rem;
  font-family: 'Poppins', serif;
  letter-spacing: 0;
  margin: 0;
}
span{
  font-family: 'Roboto', sans-serif;
}

img {
  border: none;
  outline: none;
  max-width: 100%;
}

label {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 5px;
  max-width: 100%;
}

a img,
button,
iframe {
  border: none;
  text-decoration: none !important;
}

p {
  color: #232323;
  line-height: 1.7rem;
  text-transform: none;
  font-weight: 400;
}

input:focus, textarea:focus, 
 select:focus {
  outline: none;
  box-shadow: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -ms-box-shadow: inherit;
  -o-box-shadow: inherit;
}

ul,li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

a, a:active, a:focus, a:hover {
  outline: none;
  text-decoration: none;
  color: #0c3358;
}

b, strong {
  font-weight: 900;
}

.btn.focus, 
 .btn:active:focus, 
 .btn:active:hover, 
 .btn:focus, 
 .btn:hover {
  outline: 0;
}

input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
   box-shadow: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -ms-box-shadow: inherit;
  -o-box-shadow: inherit;
  min-height: 50px;
}

/*====================================
 global area - end
====================================*/

/*====================================
 common css - start
====================================*/
 section{
 	 padding: 40px 0px;
 }
 .owl-carousel .owl-nav button:focus{
    outline: none !important;
 }
 .owl-theme .owl-dots button:focus{
    outline: none !important;
 }


/*====================================
 common css - end
====================================*/

/*start preloader css*/

#preloader {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  overflow: visible;
  background: #fff url('../images/preloder.gif') no-repeat center center;
  animation: loader 5s infinite ease;
}

/*end preloader css*/


/*====================================
 header - start
====================================*/

/*header top css start*/

.header-top{
	background: #0c3358;
	padding: 15px 0px;
}
.topbar-ul1{
	margin-right: 30px;
	position: relative;
}
.topbar-ul1:after{
	content: '';
    position: absolute;
    width: 2px;
    height: 18px;
    right: -16px;
    top: 5px;
    background-color: #3d4043;
}
.topbar-ul2{
	margin-right: 30px;
	position: relative;
}
.topbar-ul2:after{
	content: '';
    position: absolute;
    width: 2px;
    height: 18px;
    right: -16px;
    top: 5px;
    background-color: #3d4043;
}
.topbar-ul1 li i{
	color: #ececec;
	font-size: 15px;
}
.topbar-ul1 li{
	color: #d6e1e9;
	font-size: 15px;
}
.topbar-ul2 li i{
	color: #ececec;
	font-size: 15px;
}
.topbar-ul2 li{
	color: #d6e1e9;
	font-size: 15px;
}
.topbar-ul3 li i{
	color: #ececec;
	font-size: 15px;
}
.topbar-ul3 li{
	color: #d6e1e9;
	font-size: 15px;
}
.topbar-socail li a i{
	font-size: 15px;
	color: #d6e1e9; 
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.topbar-socail li a i:hover{
	color: #0c3358; 
}

/*header top css end*/

/*menu css start*/

.sticky-header{
	width: 100%;
	z-index: 999;
}
.navbar-nav .nav-item .nav-link{
	font-weight: 600;
}
.menu-sticky{
	padding: 18px 0px;
	background: #ffffff;
}

.nav-item{
	position: relative;
    top: 12px;
}
.navbar-collapse .menu-btn .menu-contac-button{
	background: #0c3358;
	padding: 20px 40px !important; 
	color: #ffffff;
	font-weight: 600;
	border: none;
	border-radius: 10px;
}
.navbar-nav{
	margin-bottom: 20px;
}
.navbar .navbar-collapse .navbar-nav li.active a,
.navbar .navbar-collapse .navbar-nav li a:hover {
    background: transparent;
    color: #0c3358;
}
.navbar .navbar-collapse .navbar-nav li a:before {
    position: absolute;
    content: '';
    left: 8px;
    bottom: 0;
    right: 50%;
    height: 1px;
    background: #ffffff;
    border-bottom: 2px solid #0c3358;
    visibility: hidden;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: 1;
}

.navbar .navbar-collapse .navbar-nav li.active a:before,
.navbar .navbar-collapse .navbar-nav li a:hover:before {
    visibility: visible;
    right: 0;
    max-width: 50%;
}

.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:before{
	display: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
	color: #000000 !important;
	border-bottom: 1px solid #ccc !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover{
    background-color: #0c3358;
    color: #ffffff !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
	left: -50px;
}

/*====================================
 header - end
====================================*/

/*====================================
 banner - start
====================================*/

.carousel-item img{
	position: relative;
	height: 100vh;
}
.slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.25);
}
.slider-text{
	position: absolute;
}
.slider-content {
    position: absolute;
    display: block;
    top: 50%;
    margin-bottom: 50%
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-165%);
    left: 0;
    width: 100%;
}

.slider-content p{
	margin-bottom: 30px;
}
.slider-content h2{
  margin-bottom: 48px;
}
.slider-content .slidp2{
  margin-bottom: 48px;
}

.carousel-indicators{
	position: absolute;
	bottom: 50%;
	z-index: 9;
	right: -95%;
	transform: rotate(90deg);
}
.carousel-indicators li{
	width: 10px;
	height: 10px;
	background: #ffffff;
	border-radius: 500px;
	transform: rotate(180deg);
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
	cursor: pointer;
}
.carousel-indicators li.active{
	background: #0c3358;
	width: 12px;
	height: 12px;
	margin-top: -1px;
}



.carousel-item.active
.slider-content .slidp1{
    font-size: 18px;
    font-weight: 500;
    color: #0c3358;
}
.slider-content h2{
	font-size: 60px;
	font-weight: bolder;
	color: #ffffff;
	line-height: 4rem;

}
.slider-content .slidp2{
    color: #ffffff;
}
.slider-content a{
	background: #0c3358;
	border: none;
	padding: 20px 42px;
	border-radius: 5px;
	color: #ffffff;
}


/*====================================
 banner - end
====================================*/

/*====================================
 feature - start
====================================*/

#feature-section{
	background: #e3eff7;
}
.feature-contant{
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0px 0px 0px 0px #d2dde5;
    margin: 0px 10px;
}
.feature-contant img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
}
.feature-details h4{
	font-size: 22px;
	font-weight: bold;
	color: #000000;
}

.feature-details p{
	text-align: center;
	color: #8b8b8b;
}
.features .owl-nav{
	display: block !important;
}
.features .owl-nav .owl-prev{
    display: none !important;
}
.features .owl-nav .owl-next{
	background: #0c3358 !important;
	border-radius: 50px !important;
	height: 50px;
	width: 50px;
	position: absolute;
	bottom: -4%;
    left: 47%; 
}
.features-2 .owl-nav .owl-next{
	bottom: 0%;
}
.features .owl-nav .owl-next span{
	color: #ffffff;
	font-size: 24px;
}

/*====================================
 feature - start
====================================*/

/*====================================
 about us - start
====================================*/

.home2-about-section{
    padding: 120px 0px 120px 0px !important;
    background: rgba(227,239,247,0.8);
}
.about-page-section{
	background: rgba(227,239,247,0.8);
}
.about-main-img{
	border-radius: 10px;
	position: relative;
}
.about-img img{
	position: absolute;
    top: -18px;
    left: -11px;
    z-index: -1;
}
.about2-main-img{
	z-index: 9;
	margin-left: 12%;
}

.wining-text{
	width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    background: #fff;
    bottom: -45px;
    right: -18px;
}
.home2-wining-text{
	right: 380px;
	bottom: -30px;
	z-index: 10;
}
.wining-text ul{
	text-align: center;
	margin-top: 50%;
	transform: translateY(-50%);
}
.wining-text ul li{
	color: #ffffff;
}
.wining-text ul .num-text{
	font-size: 40px;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
}
.about-details .about-det-p{
	font-size: 18px;
	font-weight: 500;
	color: #0c3358;
}
.about-details p{
	color: #8b8b8b;
}
.about-details h3{
	font-size: 40px;
	font-weight: bold;
}
.about-list .success{
    margin-right: 40px;
}
.about-list .success .success1{
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
    color: #0c3358;
}
.about-list .team .team1{
	margin-bottom: 20px;
	font-weight: bold;
    font-size: 40px;
    color: #0c3358;
}
.panel-default{
	margin-bottom: 60px;
}
.home-1-panel-title button{
	font-size: 20px;
    font-weight: bold;
    color: #000000 !important;
}
.home-1-panel-title span i{
	width: 40px;
    height: 40px;
    background: #0c3358;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    margin-right: 20px;
    padding-top: 12px;
}

.home-1-panel-title span .up{
	display: none;

}
.home-2-panel-title{
	font-size: 20px;
  font-weight: bold;

}
.home-2-panel-title span i{
	width: 40px;
    height: 40px;
    background: #0c3358;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    margin-right: 20px;
    padding-top: 12px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}




/*====================================
 about us - end
====================================*/

/*====================================
 contact us - start
====================================*/

#contact-section{
	padding: 185px 0px;
	background-image: url(../images/contact2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: center;
}
.overlay-contact{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
}
.contact-details h3{
    font-size: 40px;
    font-weight: bolder;
    color: #ffffff;
}
.contact-details p{
    color: #ffffff;
    padding: 0px 265px;
}
.contact-details a{
    background: #0c3358;
    border: none; 
    border-radius: 5px;
    padding: 20px 35px;
    color: #ffffff; 
}
.map iframe{
	width: 100%;
}
 

/*====================================
 contact us - end
====================================*/

/*====================================
 service - start
====================================*/

.service-section{
	background-image: url(../images/service-bac-img.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: -2;
}
.overlay-service{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 81, 236, 0.04);
    z-index: -1;
}
.section-title{
	z-index: 99;
	margin-bottom: 65px;
}
.section-title .section-p1{
	font-size: 18px;
	font-weight: 500;
	color: #0c3358;
}
.section-title h3{
	font-size: 40px;
	font-weight: bold;
}
.section-title p{
	color: #8b8b8b;
}
.section-title .section-p2{
	padding: 0px 185px;
	color: #8b8b8b;
}
.service-img{
	text-align: center;	
}
.svi1{
	background: #e6e6e6;
	width: 100px;
	height: 100px;
	border-radius: 30%;
	display: inline-block;
}
.svi2{
	background: #e6e6e6;
	width: 100px;
	height: 100px;
	border-radius: 30%;
	display: inline-block;
}
.svi3{
    background: #dcf9f0;
    width: 100px;
	height: 100px;
	border-radius: 50%;
	display: inline-block;
}
.features-2 .owl-stage-outer{
	padding-bottom: 20px;
}

.service-img img{
    width: 42% !important;
    display: inline-block !important;
    margin-top: 50%;
    transform: translateY(-50%);
}
.home2-service-img{
	position: absolute;
    top: 38%;
    left: 38%;
}
.home2-feature-details{
	background: #ffffff;
	box-shadow: 0px 6px 10px 0px #ccc;
}

/*====================================
 service - end
====================================*/

/*====================================
 portfolio - start
====================================*/

.protfolio-list{
	margin-left: 50%;
    transform: translateX(-30%);
    margin-bottom: 40px;
}
.portfolio-details{
	border-radius: 10px;
	position: relative;
}
.port-overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.portfolio-contant{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40%;
	padding: 30px 0px 30px 30px; 
    background: #0c3358;
    opacity: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.portfolio-contant h5{
	color: #ffffff;
	font-size: 20px;
}
.portfolio-contant p{
	color: #ffffff;
}
.portfolio-details a img{
	border-radius: 10px;
}
.portfolio-details a:hover .port-overlay{
    opacity: 1;
}
.portfolio-details a:hover .portfolio-contant{
    opacity: 1;
}
.portfolio-btn{
	margin-left: 50%;
    transform: translateX(-50%);
    background: #0c3358;
    color: #ffffff;
}
.portfolio-btn:hover{
    color: #ffffff;
}

.nav-pills li a{
	background: none !important;
	color: #232323;
	font-weight: 600;
}
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
    color: #0c3358;
}

/*====================================
 portfolio - end
====================================*/

/*====================================
 counter - start
====================================*/

#counter-section{
	background-image: url(../images/counter-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: -2;
	background-position: center;
}
.overlay-counter{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(37,158,217,0.8);
    z-index: -1;
}
.number-count{
	background: #ffffff;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	display: inline-block;
}
.number-count ul li{
	margin-top: 50%;
    transform: translateY(-12px);
}
.count-text p{
   font-size: 22px;
   font-weight: 500;
   color: #ffffff; 
    font-family: 'Poppins', sans-serif; 
}
.count1 .number-count ul li{
    color: #0c3358;
    font-family: 'Poppins', sans-serif; 
    font-weight: bold;
    font-size: 40px;  
}
.count2 .number-count ul li{
    color: #ff7675;
    font-family: 'Poppins', sans-serif; 
    font-weight: bold;
    font-size: 40px;
}
.count3 .number-count ul li{
    color: #58e2b9;
    font-family: 'Poppins', sans-serif; 
    font-weight: bold;
    font-size: 40px;
}
.count4 .number-count ul li{
    color: #f8c75e;
    font-family: 'Poppins', sans-serif; 
    font-weight: bold;
    font-size: 40px; 
}

/*====================================
 counter - end
====================================*/

/*====================================
 client say - start
====================================*/

#clientsay-section{
	background: #e3eff7;
}

.clientsay .owl-dots .owl-dot{
	margin-top: 40px;
}
.clientsay .owl-dots .owl-dot span{
	background: transparent !important;
	border: 1px solid #0c3358;
}
.clientsay .owl-dots .owl-dot.active span{
	background: #0c3358 !important;
}
.client-details{
	background: #ffffff;
	border-radius: 10px;
	margin: 0px 10px;
}
.client-details p{
    color: #8b8b8b;
}
.client-details h5{
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
.client-details h5::before{
	position: absolute;
	content: '';
	width: 50px;
	height: 2px;
	left: 20px;
    top: 22px;
	background: #0c3358;
}

/*====================================
 client say - end
====================================*/

/*====================================
 chose - start
====================================*/

.chose-img img{
	position: relative;
	border-radius: 10px;
}
.blog-section2{
	background: none !important;
}
.faq-section{
	background: #e3eff7;
}
.chose-sub-img img{
	position: absolute;
	left: -10px;
    bottom: -27px;
    z-index: -2;
}
.chose-sub-img-2 img{
	position: absolute;
	bottom: 26px;
    left: 278px;
    z-index: -2;
}
.chose1 ul .chose-icons{
	background: #0c3358;
	padding: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
}
.chose1 ul .chose-title{
	font-size: 20px;
	font-weight: bold;
}
.chose1 ul .chose-icons a i{
	color: #ffffff;
}
.chose1 p{
	margin-left: 75px;
}
.hover-text-card{
	border: none !important;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.hover-text-card:hover{
    box-shadow: 0px 3px 7px -4px #8b8b8b;
  -webkit-box-shadow: 0px 3px 7px -4px #8b8b8b;
  -moz-box-shadow: 0px 3px 7px -4px #8b8b8b;
  -ms-box-shadow: 0px 3px 7px -4px #8b8b8b;
  -o-box-shadow: 0px 3px 7px -4px #8b8b8b;
    z-index: 3;
}
.hover-text-body{
    padding-left: 94px;
    padding-top: 0px;
    color: #8b8b8b;
}
.hover-text-header{
	border-bottom: none;
}
.hover-text-card2{
	background: none;
}
.hover-text-header2{
	background: none;
}
.blog-details{
	box-shadow: 0px 6px 10px 0px #ccc;
	-webkit-box-shadow: 0px 6px 10px 0px #ccc;
  -moz-box-shadow: 0px 6px 10px 0px #ccc;
  -ms-box-shadow: 0px 6px 10px 0px #ccc;
  -o-box-shadow: 0px 6px 10px 0px #ccc;
}
.faq-p2{
	color: #8b8b8b;

}
.faq-card{
	background: none;
	border: none;
}
.faq-card:hover{
	background: #ffffff;
}
.acco-head{
	background: none;
	border-bottom: none;
}
.faq-body{
	color: #8b8b8b;
	padding-left: 94px;
	padding-top: 0px;
}

/*====================================
 chose - end
====================================*/

/*====================================
 blog - start
====================================*/
#blog-section{
	background: #e3eff7;
}
.news-con{
	padding: 0px 0px 120px 0px;
}
.blogs-section{
	padding: 120px 0px 60px 0px;
}
.blog-contant{
	border-radius: 10px;
	background: none;
    margin: 0px 10px;
    padding: 0px 0px 10px;
}
.blog-contant img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	position: relative;
}
.blog-details p{
	color: #8b8b8b;
}
    
.blog-details h4{
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	line-height: 1.9rem;
	margin-top: 22px;
}
.blog-details span{
	color: #8b8b8b;
}
.blog .owl-nav{
	display: block !important;
}
.blog .owl-nav .owl-prev{
    display: none !important;
}
.blog .owl-nav .owl-next{
	background: #0c3358 !important;
	border-radius: 50px !important;
	height: 50px;
	width: 50px;
	position: absolute;
	bottom: -2%;
    left: 48%; 
}
.blog .owl-nav .owl-next span{
	color: #ffffff;
	font-size: 24px;
}


/*====================================
 blog- end
====================================*/


/*====================================
 brand - start
====================================*/
#brand-section{
   padding: 80px 0px;
}
.client .owl-item img {
   display: block;
   width: 70%;
}

/*====================================
  brand- end
====================================*/


/*====================================
  footer- start
====================================*/
#footer{
	background-image: url(../images/service-bac-img.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	z-index: -2;
	background-position: center;
}
.overlay-footer{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: rgba(27,29,33,0.5);*/
    background-color: #0c3358;
    z-index: -1;
}

.footer-text{
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1.9rem;
}
.footer-about p{
	color: #ffffff;
}
.footer-about ul li{
	/*background: rgba(73,74,77,0.8);*/
	width: 42px;
	height: 42px;
	border-radius: 50%;
	text-align: center;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.footer-about ul li:hover{
	background: #0c3358; 
}
.footer-about ul li:hover a i{
	color: #ffffff;
}
.footer-about ul li a i{
	margin-top: 50%;
	transform: translateY(-50%);
	transition: all 0.5s ease-in-out;
}
.footer-service ul li a{
	color: #ffffff;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.footer-service ul li a:hover{
	color: #0c3358;
}
.footer-service ul li{
	margin-bottom: 10px;
}
.media img{
	border-radius: 10px;
}
.media-body h5{
	color: #ffffff;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.9rem !important;
}
.media-body span{
    color: #85878b;
}
.footer-contact p{
	color: #ffffff;
}
.footer-contact ul li{
	color: #ffffff;
}
.footer-contact ul li i{
	color: #0c3358;
}
.footer-bottom-text{
    padding: 20px 0px;
    border-top: 1px solid #85878b;
}
.footer-bottom-text p{
	color: #ffffff;
}
footer .scrollToTop {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 25px;
    bottom: 6px;
    background: #000;
    border-radius: 50px;
    padding: 6px 16px;
}
footer .scrollToTop i {
    color: #fff;
    font-size: 30px;
}


/*====================================
  footer- start
====================================*/

/*====================================
  Other pages start
====================================*/


#page-breadcrumb {
    height: 250px;
    position: relative;
    z-index: 1;
    background: url(../images/contacto.jpg) left top no-repeat;
    background-size: cover;
    background-position: center;
}
.page-overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(14 44 86 / 31%);
    z-index: 0;
}
.breadcrumb-menu {
    color: #ffffff;
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-transform: capitalize;
    text-align: center;
}
.breadcrumb-menu h3 {
    font-size: 40px;
    font-weight: bold;
    text-transform: capitalize;
    color: #ffffff;
    margin-bottom: 15px;
}
.breadcrumb-menu .breadcrumb {
    background-color: transparent;
    border-style: none;
    border-radius: 0px;
    padding: 0;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb .active{
	color: #0c3358 !important;
}
.breadcrumb li a{
	color: #ffffff;
}


#about-sections{
	background: rgba(227,239,247,0.8);
}


.team-section{
	padding: 120px 0px 180px 0px;
}
.team-details{
	background: #ffffff;
    width: 80%;
    box-shadow: 0px 6px 75px 8px #ccc;;
    -webkit-box-shadow: 0px 6px 75px 8px #ccc;;
  -moz-box-shadow: 0px 6px 75px 8px #ccc;;
  -ms-box-shadow: 0px 6px 75px 8px #ccc;;
  -o-box-shadow: 0px 6px 75px 8px #ccc;;
    position: absolute;
    top: 80%;
    left: 10%;
    border-radius: 10px;
    padding: 20px;
}
.team-details h6{
	line-height: 1;
    font-size: 20px;
    font-weight: bold;
}
.team-details span{
	color: #8b8b8b;
}
.team-details ul li{
	width: 45px;
    height: 45px;
    border-radius: 50%;
}
.team-details ul .facebook-icon{
    background: #0c3358;
}
.team-details ul .twitter-icon{
	background: #50e1b6;
}
.team-details ul .google-icon{
	background: #ff7675;
}
.team-details ul li a i{
	margin-top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
}


.navigation{
	margin-left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 60px;
}
.pagination .page-item .page-link{
	border-radius: 50%;
    height: 40px;
    width: 40px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.pagination .page-link.active{
    background: #0c3358;
    color: #ffffff;
}


.post-thumbnail img{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.post-head{
	margin-top: 32px;
}
.post-head span{
	color: #8b8b8b;
}
.blog-details-title h4{
	font-size: 30px;
	font-weight: bold;
}
.blog-content-details p{
    color: #8b8b8b;
    margin-bottom: 40px;
}
.blockquote{
	padding: 40px;
	margin-bottom: 40px;
	background: #efefef;
	border-left: 2px solid #0c3358;
}
.blockquote p{
	font-size: 18px;
	color: #606060;
}
.prev-next-con{
	margin: 60px 0px 60px;
}
.blog-tags h6{
	font-size: 20px;
	font-weight: 500;
}
.share-list a{
	padding: 8px;
	background: #e3eff7;
	color: #8b8b8b;
	margin-right: 15px;
	border-radius: 5px;
}
.prev-next-con .prev{
    font-weight: 600;
}
.prev-next-con .next{
    font-weight: 600;
}
.prev-next-con .prev.active a{
	color: #0c3358;
}
.bottom-border-title h5{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 40px;
}
.blog-commenter-name{
    margin-bottom: 30px;
}
.blog-commenter-name h5{
	font-weight: 600;
}
.blog-commenter-name span{
	color: #8b8b8b;
}
.blog-author-paragraph{
	color: #8b8b8b;
}
.reply-btn{
	position: absolute;
	right: 0;
	background: #e3eff7;
	color: #0c3358;
	padding: 10px 30px;
	border-radius: 5px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.reply-btn:hover{
	background: #0c3358;
	color: #ffffff;
}
.blog-comments-div{
	border-bottom: 1px solid #e8e8e8;
}
.blog-commenter-img{
	border-radius: 50%;
	position: relative;
    top: -25px;
}
.blog-from .contact-text{
	font-size: 30px;
	font-weight: bold;
}
.blog-from p{
	color: #8b8b8b;
	margin-bottom: 60px;
}
.blog-from input{
    border: none;
    background: #e3eff7;
}
.blog-from textarea{
	border: none;
	background: #e3eff7;
}
.from-button{
	background: #0c3358;
	color: #ffffff; 
}
.form-control.input-field {
    float: left;
    width: calc(100% - 70px);
    border: none !important;
    background: #e3eff7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.single-right-sidebar-from button.search-btn {
    font-size: 22px;
    height: 50px;
    width: 70px;
    border: none;
    background: #0c3358;
    color: #ffffff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: all .5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.single-right-sidebar-from{
	margin-bottom: 30px;
}
.catagory-border-title h5{
	font-size: 20px;
	font-weight: bold;
}
.categories-list ul li{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.categories-list ul li a,i{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.categories-list ul li:hover{
    color: #0c3358;
}
.categories-list ul li:hover a{
    color: #0c3358;
}
.categories-list ul li:hover a i{
    color: #0c3358;
}
.rightbar-img{
	width: 100px;
	height: 100px;
}
.recent-border-title h5{
	font-size: 20px;
	font-weight: bold;
}
.rp-text h6{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7rem;
}
.rp-text small{
	font-size: 14px;
	color: #8b8b8b;
}
.rp-thumb{
	border-bottom: 1px solid #e8e8e8;
}
.tag-border-title h5{
	font-size: 20px;
	font-weight: bold;
}
.tag-list li {
    border-radius: 5px;
    padding: 10px 24px;
    margin: 0px 5px 10px 0px;
    display: inline-block;
    background: #e3eff7;
}


.contact_details{
	box-shadow: 0px 20px 25px 4px #ececec;
	 -webkit-box-shadow: 0px 20px 25px 4px #ececec;
  -moz-box-shadow: 0px 20px 25px 4px #ececec;
  -ms-box-shadow: 0px 20px 25px 4px #ececec;
  -o-box-shadow: 0px 20px 25px 4px #ececec;
	padding: 60px;
}
.contact-icon{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 40px;
}
.contact-icon img{
	width: 42% !important;
    display: inline-block !important;
    margin-top: 50%;
    transform: translateY(-50%);
}
.contact-icon1{
    background: #0c3358;
}
.contact-icon2{
    background: #0c3358;
}
.contact-icon3{
    background: #0c3358;
}
.contact-text h5{
    font-size: 22px;
    font-weight: bold;
}
.contact-text span{
	display: block;
	color: #8b8b8b;
}



.clients-item{
    text-align: center;
}
.clients-item .client-img{
    width: 80px;
    height: 80px;
    margin-left: 50%;
    transform: translateX(-50%);
}
.clients-item .client-img img{
	border-radius: 500px;
	opacity: 0.7;
}
.clients-item .client-review{
	display: none;
}
.clients-item .client-review p{
	width: 180%;
	color: #8b8b8b;
}
.clients-item .client-inpormation{
	display: none;
}
.clients-item .client-inpormation h6{
	font-size: 20px;
	font-weight: bold;
}
.clients-item .client-inpormation span{
	font-size: 14px;
	color: #8b8b8b;
}
.clientsay2 .owl-stage-outer{
	padding-bottom: 225px;
}
.clientsay2 .owl-item.active.center .client-img{
    width: 120px;
    height: 120px;
}

.clientsay2 .owl-item.active.center .client-img img{
    opacity: 2;
    border: 4px solid #0c3358;
}
.clientsay2 .owl-item.active.center .client-review{
	display: block;
	position: absolute;
    bottom: -130px;
    width: 381px;
    left: -175px;
}
.clientsay2 .owl-item.active.center .client-inpormation{
	display: block;
	position: absolute;
    bottom: -215px;
    left: -140px;
    width: 180%;
}

/*====================================
  Other pages end
====================================*/

/*===============index page css start==================*/

.indexlink{
  background: #f26522;
  color: #fff !important;
}
.preview-desc p{
  color: #fff;
}

.preview-button a{
  color: #fff;
}
.preview-button a i{
  margin-left: 5px;
}

.preview-item-img{
   background-color: #0c3358;
}
.preview-content{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
}
.banner-content-preview .title h1{
	font-weight: 700;
}
.preview-content a {
    background: #ffffff;
    border: none;
    padding: 20px 42px;
    border-radius: 5px;
    color: #0c3358;
}
.image-container span img {
    height: auto;
    max-width: 50%;
}
.features-item{
  background-color: #eee;
  padding: 30px;
}
.features-item .title-text{
  font-size: 18px;
  margin-top: 16px;
}
#preview-section .section-tittle::before{
  content: '';
  position: absolute;
  width: 80px;
  height: 2px;
  background-color: #f26522;
}
.image-container a img{
  position: relative;
}
.overlay-preview{
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
  background-color: rgba(37,158,217,0.44);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.overlay-preview:hover{
  background-color: rgba(37,158,217,0.88);
  cursor: pointer;
}
.overlay-preview .title-text{
  color: #fff !important;
  align-items: center;
  transform: translateY(200px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
} 
.overlay-preview:hover .title-text{
  font-size: 36px;
}
.banner-content-preview{
   transform: translateY(500px);
}
.preview-h1{
  color: #fff;
  background: none !important;
}
.preview-item-img{
    height: 90vh;
    min-height: 400px;
}