@font-face {
  font-family: 'Untitled';
  src: url('Rhyder.eot');
  src: url('Rhyder.eot?#iefix') format('embedded-opentype'),
    url('Rhyder.woff') format('woff'),
    url('Rhyder.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
 @font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 600;
 src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
 @font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
body{
  font-family: "Roboto";
}
h1{
  font-family: Raleway;
  text-align: center;
}
a:focus {
    outline: medium none;
    outline-offset: 0;
}
#logo-container img{
  margin-top:9px;
}
.navbar-brand > img{
  height:81px !important
}

 .active-menu{
     color: #3499C3 !important;
    font-weight: bold;
}

.services-cat li {
    color: #7D5E5E;
    font-size: 17px;
}
.mobile-custom .active-menu{
     color: #3499C3 !important;
     background-color:#ddd;
    font-weight: bold;
}
.footer-copyright{
  font-weight:400;
  font-family: Raleway;
}
.errorMsg{
  color:red;
}
/* =================Header CSS -===============  */
.nav-custom .navbar-nav li{
	border: 1px solid #fff;
}
nav .nav-custom li a:hover{
    background-color: hsla(0, 0%, 0%, 0.1) !important;
    border:1px solid #4D4E4E  !important;
}
.nav-custom .navbar-nav li.active,
.nav-custom .navbar-nav > li:hover {
    background-color: transparent !important;
    color:#000;
    font-weight:bold;
    border:1px solid #4D4E4E !important;
}
nav ul li.active {
    background-color: #C2CDD5;
    border:1px solid #4D4E4E;
}
.nav-custom .navbar-nav > li > a{
  font-weight:bold; 
}
.nav-custom .navbar-nav > li > a{
   border:1px solid #fff; 
   font-weight:bold; 
}
.nav-custom  .nav > li > a:hover, 
.nav-custom  .nav > li > a:focus{
  background-color:transparent !important;
}
/* .nav-custom .navbar-nav > li{
  border:1px solid #fff;
} */
.navbar-right .page-scroll{
  padding:10px !important;
}
.nav-new li a{
  color:#fff;
}
.dropdown-menu li:hover{
  background-color:#0E63B3;
  width:100% !important;
  transition:none 0s ease 0s !important;
}
.dropdown-menu li a{
  padding:10px;
}
.dropdown-menu li a:hover{
  background-color:#0E63B3;
  width:100% !important;
  transition:none 0s ease 0s !important;
}
.nav-custom  li.dropdown:hover ul.dropdown-menu,
ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block !important;    
}
.nav-custom .dropdown-menu{
    margin-top: 0;
    border-color:#3A8DAD;
    background-color: #3A8DAD;
    padding: 0;
    border-radius: 0px !important; 
}
.nav-custom .dropdown-menu  li{
    width:100% !important;  
}
.nav-custom .dropdown-menu > li > a:hover, 
.nav-custom .dropdown-menu > li > a:focus{
  background-color: hsl(209, 85%, 38%) !important;
    color: hsl(0, 0%, 100%) !important;
}
.mobile-custom li:hover, 
.mobile-custom li.active {
    background-color: hsla(0, 0%, 0%, 0.1) !important;
}
.orange-text.text-lighten-3 {
    color: #ffcc80 !important;
    font-size: 12px;
}
.logo-mobile{
   background-image: url(http://2.bp.blogspot.com/-2RewSLZUzRg/U-9o6SD4M6I/AAAAAAAADIE/voax99AbRx0/s1600/14%2B-%2B1%2B%281%29.jpg);
   background-position: 50% 52%;
   padding: 22% !important;
}
.navbar-toggle .icon-bar{
  background-color:#000;
}

.navbar-nav {
    background-color: hsl(0, 0%, 100%);}
nav {
    color: #fff;
    background-color: #fff;
    width: 100%;
    height: 85px;
    line-height: 56px;
}
/* .navbar-nav li:hover,
.navbar-nav .active{
  background-color:hsl(205, 18%, 80%);
} */
.bg-grey{
  background-color: #EEEEEE;
  margin-bottom:0;
}
.mobile-custom i{
  font-size:18px;
  padding-right:15px;
}
.mobile-custom li a{
    font-size: 14px;
    width: 115%;
    color:#000;
    margin: 0;
    margin-left: -16px;
}
nav ul a,
nav .brand-logo {
  color: #444;
  font-family: 'Open Sans';
}
.navbar-brand{
  padding:0 !important;
}

.button-collapse {
  color: #26a69a;
}

.parallax-container {
  min-height: 522px;
  height: auto;
  color: #fff;
  background-color: #fff;
  opacity: 0.999999;
  width: 100%;
  margin-left: -1px;
  }
  .about-parallax.parallax img {
    top:-6px !important;
  }

.social-foot i{
  font-size: 2em;
  padding: 19px 25px;
  cursor:pointer;
}
.welcome h2
{
    color: #000;
    line-height: 1.5em;
    font-weight: 500;
    font-family: Raleway;
  }
.welcome h3{
    color: #000;
    line-height: 1.5em;
    font-weight: 300;
    font-family: Raleway;
    margin-bottom: 5%;
  }
  .services .card-content{
    text-align:center;
  } 
  .services .card .card-action{
    text-align:right;
  }
   .banner-custom {
    color:#818181;
    font-family: Raleway;
   }
  .banner-custom img{
    margin-top: 29%;
  } 
  .page-scroll .fa-angle-down {
    color: #fff;
    font-size: 3em;
    z-index: 999;
    padding-bottom: €;
    margin-top: 26px;
    -webkit-animation: bounce 3000ms infinite;
    animation: bounce 3000ms infinite;
}
  .banner-custom h1{
    padding-top: 61%;
    font-size: 4.5em;
    color: #000;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    text-align: left;
    font-family: Roboto;
  }  
  .banner-custom p{
    color: #000;
    font-size: 1.6em;
    font-weight: bold;  
  }
.read-btn{
    padding: 10px 15px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    float: left;
    color:#818181;
    background-color:#fff;
 }
 .read-btn:hover,
 .read-btn:focus{
  text-decoration: none;
 }
/*  ==============WARM-CUSTOM CSS=========== */
 .warm-custom h2{
  font-family: Raleway;
 } 
 .warm-custom p{
  font-family: 'Open Sans';
  font-size: 15px;
 }
 .warm-custom {
  margin-top: 2%;
  margin-bottom: 4%;
 } 
 .image-margin img{
  margin:8% 0;
 }
 .image-bottom img{
  margin-bottom: 4%; 
}
.services{
  margin:5% 0;
}
/* =========ABOUT US CSS===========  */
.about-banner h1{
  margin-top:14%;
}
.about-us{
  margin-bottom:5%;
}
.about-us p{
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: .5px;
    font-weight: 300;
    font-style: normal;
    color: #1f1f1f;
    margin-bottom:1%;
    text-align:justify;
}
.about-us h1{
  font-family: Raleway;
  text-align: center;
  line-height: 1.2em;
  text-transform: none;
  letter-spacing: 0px;
  font-weight: 300;
  font-style: normal;
  margin: 6% 5% 3%;
  color:#1c1c1c;
}
.h1-custom{
  font-family: Raleway;
  text-align: center;
  line-height: 1.2em;
  text-transform: none;
  letter-spacing: 0px;
  font-weight: 300;
  font-style: normal;
  margin: 6% 5% 3%;
  color:#1c1c1c;
}
.team-banner{  
   font-family: Raleway;
}
.team-banner h2{

}
.team-banner h1{
  font-size:5em;
  font-weight:500;
}

/* ============TEAM STYLE CSS===========  */
.team{
    padding:75px 0;
}
h6.description{
  font-weight: bold;
  letter-spacing: 2px;
  color: #999;
  border-bottom: 1px solid rgba(0, 0, 0,0.1);
  padding-bottom: 5px;
}
.profile{
      margin-top: 25px;
    padding: 0 5%;
}
.profile h1{
  font-weight: normal;
  font-size: 23px;
  font-family: Raleway;
  text-align: center;
}
.profile h2{
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  margin-top: 5px;
}
.profile .img-box{
  opacity: 1;
  display: block;
  position: relative;
}
.profile .img-box:after{
  content:"";
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.img-box ul{
  position: absolute;
  z-index: 2;
  bottom: 50px;
  text-align: center;
  width: 100%;
  padding-left: 0px;
  height: 0px;
  margin:0px;
  opacity: 0;
}
.profile .img-box:after, .img-box ul, .img-box ul li{
  -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.img-box ul i{
  font-size: 20px;
  letter-spacing: 10px;
}
.img-box ul li{
  width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #88C425;
    margin: 2px;
    padding: 5px;
  display: inline-block;
}
.img-box a{
  color:#fff;
}
.img-box:hover:after{
  opacity: 1;
}
.img-box:hover ul{
  opacity: 1;
}
.img-box ul a{
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.img-box a:hover li{
  border-color: #fff;
  color: #88C425;
}
a{
    color:#88C425;
}
a:hover{
    text-decoration:none;
    color:#519548;
}
i.red{
    color:#BC0213;
}
/* =========CONTACT-US CSS============ */
.contact-us a{
  color:#333;
}
.contact-us address{
    font-weight: 300;
    font-style: normal;
    font-size: 21px;
}
.contact-form{
  margin:14px 0;
}
.contact-form .btn{
  padding: 0 6%;
  font-size: 16px;
  border-radius: 0;
  background-color:#0FC3FF;
}
.contact-form input{
  border:1px solid #A1A1A1 !important;
  height:36px;
}
.contact-form textarea{
  border:1px solid #A1A1A1 !important;
  height:50px;
}
.contact-form .input-field .active{
  font-size:15px !important;
}
.contact-form .input-field label{
  left:2rem;
}
.contact-form .input-field input,
.contact-form .input-field textarea{
  font-size: 15px !important;
  padding-left: 4px;
}
.contact-form .input-field label.active {
  -webkit-transform: translateY(-130%);
          transform: translateY(-130%);
}
.captcha-head h4{
    font-size: 16px;
    color: #858585;
    margin-top: 0;
    font-weight: normal;
}


/* =========SERVICES CSS====== */
.services{
  margin:3%  -15px;
  margin-top:0 !important;
}
.services p{
    font-size: 16px;
    line-height: 1.6em;
    letter-spacing: .5px;
    font-weight: 300;
    font-style: normal;
    color: #1f1f1f;
    margin-bottom: 1%;
    text-align: justify;
}
.services-cat .col-md-3{
  padding:3px !important;
}
.services-cat {
   margin-bottom: 6%;

}
.services-cat a{
  color: #7D5E5E;
    font-size: 17px;
}

.services-cat ul{
  list-style-type: square;
  padding-left: 26px;
}
.services-cat h4 a{
     color: #86ABD2;
    font-size: 21px;
        text-decoration: none;
    vertical-align: middle;
}
.services-cat img{
  padding-bottom: 10px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.services-cat .serve-box{
  padding: 10px;
  min-height: 283px;
  margin: 0.5rem 0 1rem 0;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
}
.services-cat h2{
         font-family: Raleway;
    text-align: center;
    margin: 4%;
  }
.services-cat i{
 font-size: 6em;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
  min-height:69px;
}
@media(min-width:767px) {
    .navbar {
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

.mr-top{
  margin-top:5%;
  margin-bottom:5%;
}
.intro-section,
.about-section,
.services-section,
.contact-section {
    height: 100%;
    background: #fff;
}
.contact-head h3{
  font-size:21px;
  font-weight: bold;
  font-family: Raleway;
}
.country{
  font-size:16px !important;
  margin:0 !important;
  font-weight:400 !important;
  margin-top: 10px;
}
.contact-form input:not([type]), 
.contact-form input[type=text], input[type=password], 
.contact-form input[type=email], input[type=url], 
.contact-form input[type=time], input[type=date], 
.contact-form input[type=datetime-local], 
.contact-form input[type=tel], 
.contact-form input[type=number], 
.contact-form input[type=search], 
.contact-form textarea.materialize-textarea{
  margin-bottom:0 !important;

}
.contact-min{min-height: 78px;}

.src-image {
  display: none;
}

.card-custom {
  overflow: hidden;
    padding: 0;
    cursor:pointer;
    background-color: #fff;
    color: rgb(136, 172, 217);
}
.card-custom:hover{
    background-color: #DAEBE9;
    color: #fff;
}
.card-custom:hover .avatar i{
    background-color: #4E4F4F;
    border-color: #4E4F4F;
    color:#fff;
}

.content{
border:1px solid #e0e0e0;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    /* margin-top: -45px; */
    padding-top: 38px;
    height:473px;
}
.card-custom h4{
  text-align:center;
  } 
.card-custom .header-bg {
     position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    height: 70px;
    border-bottom: 1px #FFF solid;
    z-index: 1;
}
.card-custom .avatar {
    position: relative;
    margin-top: 15px;
    z-index: 100;
    text-align: center;
}

.card-custom .avatar i {
    width: 100px;
    font-size: 4em;
    background-color: #DAEBE9;
    height: 100px;
    color: #000;
    padding: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid #DAEBE9;
}
.icon-seo {
    background: url(assets/images/vivanta-sprites.png) no-repeat center;
    background-position: 28px -1329px;
    width: 100px;
    height: 100px;
}
.client-box {
    align-items: center;
    color: #b4b4b4;
    cursor:pointer;
    display: flex;
    height: 160px;
    margin-bottom:15px;
    justify-content: center;
        border: 1px solid #e0e0e0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 5px 0 rgba(0,0,0,0.12);
   /*  -webkit-box-shadow: 0px 0px 2px 2px rgba(238,238,238,0.5);
    -moz-box-shadow: 0px 0px 2px 2px rgba(238,238,238,0.5);
    box-shadow: 0px 0px 2px 2px rgba(238,238,238,0.5); */
}
.client-box img{
  max-height:150px;
  margin:5px;
}
.client-box { 
    -webkit-transition: all 2s ease; 
    -moz-transition: all 2s ease; 
    -ms-transition: all 2s ease; 
    transition: all 2s ease; 
} 

/* .client-box:hover {
   -moz-transform: scale(1.3);
 -webkit-transform: scale(1.3);
 transform: scale(1.2);
} */

.services-cat .content p{
  color: #000;
  padding: 0 10px;
}

.serviceUl li{
  font-size: 16px;
    line-height: 30px;
}
.footerAdd{
  text-transform: uppercase;
}