@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,900|Rubik:400,700&display=swap');

html, body { width: 100%; height: 100%;font-family: 'Montserrat', sans-serif; font-size: 13px; color: #333; font-weight: 300; }
input, select, textarea { font-family: 'Roboto', sans-serif; }
ul { list-style: none; padding: 0; margin: 0; }
a { text-decoration: none; outline: none; }
a:hover, a:focus { text-decoration: none; outline: none; }
img { max-width: 100%; width:auto; height: auto}
.hidden{display:none}
.f-10 { font-size: 10px !important; }
.f-12 { font-size: 12px !important; }
.f-14 { font-size: 14px !important; }
.f-16 { font-size: 16px !important; }
.f-18 { font-size: 18px !important; }
.f-20 { font-size: 20px !important; }
.f-24 { font-size: 24px !important; }
.f-26 { font-size: 26px !important; }
.f-30 { font-size: 30px !important; }
.f-36 { font-size: 36px !important; }
.f-46 { font-size: 46px !important; }
.f-42 { font-size: 42px !important; }
.f-60 { font-size: 60px !important; }
.font-rubik{font-family: 'Rubik', sans-serif;} 

/*.radius-0 { border-radius: 0; }
.btn { cursor: pointer; border-radius:2px;}
.btn:focus, .form-control:focus { box-shadow: none !important; }
 input:focus{outline: none;}*/
 .font-weight-bold-black{
  font-weight: 900;
 }
 .font-weight-bold-semi{
  font-weight: 500;
 }
.btn-white {
  color: #397CD3;
  background-color: #fff;
  border-color: #fff;
  font-weight: 500;
  border: none;
}
.btn-white:hover {
 color: #fff;
  background-color: #333;
  border: none;
}
 .min-line-height{line-height: 2}
.rounded-25{border-radius: 10px;}
.img-zoom{transition: all ease-in-out .2s;}
.img-zoom:hover{
  transform: scale(1.1);
  transition: all ease-in-out .3s;
}

.menu-nav li a{
  color: #fff;
  padding:10px 15px;
  display: inline-block;

  font-weight: 500;
  border-radius: 10px;
}
.menu-nav li a:hover{
  background: #fff;
  color:#3682D8;
}
.header.fixed-top .menu-nav li a:hover{
  background: #3682D8;
  color:#fff!important;
}

.menu-nav li a.blog{
  border:1px solid #fff;
  padding:10px 18px;
    margin: 0 12px;
}
.menu-nav li a.contact{
  border:1px solid #fff;
  background: #fff;
  color:#3682D8;
}

.small-img{
    height:88px!important;
}

.small-img2{
    height:101px!important;
}

.mb-0{
    
    margin-bottom:0px!important;
}

p {font-size:14px!important}


.flexslider{background: url(../img/main-bg.png) no-repeat center center;
background-size: cover;
min-height:  550px;
padding-top: 150px;

}
/*.flexslider,.flex-viewport,
.flexslider .slides,
.flexslider .slides > li,
.flexslider .slides img{
  height: 100%;
}*/
.flexslider .slides img{
  width: auto!important;
  max-width: 100%!important; 
   
} 
.heading-text{
  font-size: 38px;
  color:#333;
  font-weight: bold;
}

 .box-container
{
  border-bottom:0!important;
  line-height: 2;
  position: relative;
  overflow: hidden;
  height: 100%;

}
.count{
  position: absolute;
  bottom: 0;
  left: -50px;
  font-weight: bold;
  font-size: 18em;
  line-height: 0.65;
  color:#ecf1f7;
  z-index: -1
}
.border-bottom-side{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 8px;
  width: 100%;
  z-index: -2; 
background: #03cffd;  
background: -moz-linear-gradient(left,  #03cffd 0%, #3680d7 99%);  
background: -webkit-linear-gradient(left,  #03cffd 0%,#3680d7 99%); 
background: linear-gradient(to right,  #03cffd 0%,#3680d7 99%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03cffd', endColorstr='#3680d7',GradientType=1 );  

}
.btn-blue{
  color: #fff;
  border: none;
background: #03cffd;  
background: -moz-linear-gradient(left,  #03cffd 0%, #3680d7 99%);  
background: -webkit-linear-gradient(left,  #03cffd 0%,#3680d7 99%); 
background: linear-gradient(to right,  #03cffd 0%,#3680d7 99%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03cffd', endColorstr='#3680d7',GradientType=1 );  
}

.btn-blue:hover{
  color: #fff!important;
  border: none!important;
  background: #333!important;  
 

}
.blue-card{
    color: #fff;
background: #03cffd;  
background: -moz-linear-gradient(left,  #03cffd 0%, #3680d7 99%);  
background: -webkit-linear-gradient(left,  #03cffd 0%,#3680d7 99%); 
background: linear-gradient(to right,  #03cffd 0%,#3680d7 99%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03cffd', endColorstr='#3680d7',GradientType=1 );
}
.border-blue{border: 2px solid #03cffd}
.container-gray{
  background: #ecf1f7;
}
.custom-tab li a{
  color: #cad3da;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 20px;
  margin: 0 20px;
  border-bottom: 5px solid #cad3da

}
.custom-tab li a.active{ 
  border-bottom: 5px solid #1ba9eb;
   color: #34495e;
}
.shadow-blue{
  box-shadow: 0 0 24px #1ba9eb30;
}

.user-img{
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border:2px solid #1ba9eb;
  overflow: hidden;
}

footer{
  background: #34495e;
}

.f-menu li a{
  color: #6f859a;
  margin-bottom: 15px;
  display: block;
}

.header{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
 /* background:#2798e3;*/
}
.header.innerpage{
  

background: #00d2ff; /* Old browsers */
background: -moz-linear-gradient(left,  #00d2ff 0%, #3a7bd5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #00d2ff 0%,#3a7bd5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #00d2ff 0%,#3a7bd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2ff', endColorstr='#3a7bd5',GradientType=1 ); /* IE6-9 */


}

.header.fixed-top{
  background: #fff;
  box-shadow:0 0 15px rgba(0,0,0,0.15);
}
.color-logo{display: none;}
.header.fixed-top .color-logo{
display: inline-block;
}
.header.fixed-top .main-logo{
display:none;
}
.header.fixed-top .menu-nav li a,
.navbar-collapse.show .menu-nav li a{
  color: #333;
}
.header.fixed-top .menu-nav li a:hover,
.navbar-collapse.show .menu-nav li a:hover{
  color: #3682D8;
}

.header.fixed-top  .menu-nav li a.blog,
.navbar-collapse.show  .menu-nav li a.blog{
  border-color: #333;
}
.header.fixed-top  .menu-nav li a.blog:hover,
.navbar-collapse.show .menu-nav li a.blog:hover{
  border-color: #3682D8;
  color: #3682D8;
}
.header.fixed-top .menu-nav li a.contact,
.navbar-collapse.show .menu-nav li a.contact{
  border: 1px solid #3682D8;
  background: #3682D8;
  color: #fff;
}

.header .menu-nav li a.contact:hover{
   border: 1px solid #fff;
  background: #3682D8;
  color: #fff;
}
.header.fixed-top .menu-nav li a.contact:hover{
   border: 1px solid #3682D8;
  background: #fff;
  color: #3682D8!important;
}
.header.fixed-top .menu-nav li a.blog:hover{
   border: 1px solid #fff;
  background: #3682D8;
  color: #fff;
}


.svg-icon g {fill: #34495e;}
 
.mail-card {
  display: block;
  padding: 5px 15px 0;
  font-size: 26px;
  border: 1px solid #34495e;
  border-radius: 5px;
  color: #34495e;
}
.mail-card:hover {
   background:  #34495e;
    color: #fff;
}
.mail-card:hover .svg-icon g {
    fill: #fff;
}
.mail-card span {
  vertical-align: top;
  padding-top: 30px;
  display: inline-block;
}
.border-1{
  border: 1px solid #34495e;
}
.rounded-2{
  border-radius: 10px;
}

.m-wrap{
  background: none;
  box-shadow: none!important;
  min-height: 52px;
  border-color: #999;
}
.cursor-p{cursor:pointer;}



.custom-listing{    width: 100%;
    list-style: outside circle !important;
    margin-bottom: 10px!important;
    font-size: 14px;
    margin-left: 18px;)



/* Medium Devices, Desktops */
@media only screen and (min-width:1280px) {
  .container{max-width: 1400px;}

}

@media only screen and (max-width:1280px) {
  

}

@media only screen and (max-width:960px) {
  .menu-nav{
  background: #fff;
  width: 100%;
}
.menu-nav li a.blog,
.menu-nav li a.contact{
  margin: 0 0 10px   12px!important;
}
.slides .f-60{
  font-size: 30px!important;
}
.custom-tab li a{
  font-size: 16px;
}

}

@media only screen and (min-width:574px) {
   

}

@media only screen and (max-width:574px) {
  
}
 
@media only screen and (max-width:360px) {
  

}