/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,700,100italic,300italic,400italic,700italic);
*/
/*font-family: 'Teko', sans-serif;*/

@import url('https://fonts.googleapis.com/css?family=Teko');
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Semi+Condensed:300,400,500,600,700,800,900');

body {
  padding-top: 0px;
  background: #fff;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 400;
  color: #1b1919; 
  font-size:18px;
/*      text-shadow: 1px 0px 0px #270202;*/
/*  line-height: 26px;*/
}
h1,
h2,
h3,
h4,
h6{
  font-weight: 600;
font-family: 'Encode Sans Semi Condensed', sans-serif;
  color: #272727;
}
h5{

font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 900;
  color: #f9f9f9;
  font-size: 60px;
      text-shadow: 1px 1px 1px #101010;

}
.address img{
  height: 320px;
  padding: 1px 1px 1px 2px;
}

.Light49{ font-family:'Roboto-thin'; font-size:49px;}
a {
  color: #45aed6;
  -webkit-transition: color 400ms, background-color 400ms;
  -moz-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #2a95be;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;

}
.gradiant {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
.gradiant-horizontal {
  background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
}

#services .container h5{
    color: #404142;
  text-align: left;
font-family: 'Teko', sans-serif;
text-shadow: transparent;


      font-size: 195px;
    opacity: 0.6;
    margin-top: -130px;
    margin-bottom: -74px;
}

#services .container h4{
  font-size: 30px;
}

.section-header {
  margin-bottom: 50px;
}
.section-header .section-title {
  font-size: 36px;
  color: #101010;
  text-transform: uppercase;
  position: relative;
/*  padding-bottom: 20px;*/
  margin: 0 0 20px;

  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 700;
}
.section-header .section-title:before {
  content: "";
  position: absolute;
    width: 296px;
    bottom: 0;
    left: 43%;
  margin-left: -70px;
  height: 2px;
/*    background-image: linear-gradient(#ff6347, #e6988a);*/
}
.section-header .section-title:after {
  content: "";      
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -11px;
  left: 50%;
  margin-left: -12px;
/*  border: 5px solid #fff;
  border-radius: 20px;*/
/*  background: #ffcb25;*/
}




.btn {
  border-width: 0;
  border-bottom-width: 3px;
  border-radius: 3px;
}
.btn.btn-primary {
  background: #ff641b;
  border-color: #ff641b; border-radius:25px;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  background: #e84a00;
}
.column-title {
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  position: relative;
}
.column-title:after {
  content: " ";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 40%;
  border-bottom: 1px solid #45aed6;
}
ul.nostyle {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}
ul.nostyle i {
  color: #45aed6;
}
.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}


@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
/*************************
*******Header******
**************************/
.logo img{
  height: 60px;
}


.carousel-content {
    background-image: linear-gradient(to right, rgb(44, 82, 105), rgba(255, 255, 255, 0));
    text-shadow: 1px 1px 1px #101010;
/*    background-color: #00000069;*/
        padding: 0px 1px 2px 28px;
            border-radius: 10px 0px 0px 10px;
  }

.collapse.navbar-collapse.navbar-right {
       padding: 25px 0px 0px 0px;
       overflow-x: hidden;
     }

.navbar.navbar-default {
  border: 0;
  border-radius: 0;
  margin-bottom: 0; background:#fff;
}
.navbar.navbar-default .navbar-toggle {
  margin-top: 32px;
}
.navbar.navbar-default .navbar-brand {
  height: auto;
  padding: 0px 0px 0px 0px;
}

.navbar-header {
    padding: 16px 0px 0px 12px;
}


.form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
}


#main-slider {
  overflow: hidden;
}
#main-slider .item img{
/*  height: 750px;*/
  background-repeat: no-repeat;
  background-position: 13% 0;
  background-size: cover;
}
#main-slider .slider-inner{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}
#main-slider .slider-inner h2 {
  margin-top: 247px;
  font-size: 40px;
  line-height: 1;
  text-transform: capitalize;     
  font-family: 'Encode Sans Semi Condensed', sans-serif;
  font-weight: 800;
  color: #fff; 
  /*text-align:center;*/
}

#main-slider .slider-inner p {
  margin-top: 20px;
  font-size: 16px;
  line-height:25px;
  text-transform: capitalize; 
  font-family:'Encode Sans Semi Condensed', sans-serif;
  color: #fff; 
  /*text-align: center;*/
}

#main-slider .slider-inner h2 > span {
  color: #45aed6;
}
#main-slider .slider-inner .btn {
  margin-top: 20px; background:transparent; border:3px solid #f26522; border-radius:30px;
}
#main-slider .slider-inner .btn.btn-primary{ padding:10px 46px; font-size:22px;}
#main-slider .slider-inner .btn.btn-primary:hover{ background:#f26522;}
#main-slider .owl-prev,
#main-slider .owl-next {
  position: absolute;
  top: 50%;
/*  background-color: rgba(0, 0, 0, 0.2);*/
  color: #fff;
  font-size: 30px;
  display: inline-block;
  margin-top: -35px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 100px;
  z-index: 5;
/*  -webkit-transition: background-color 400ms;
  transition: background-color 400ms;*/
}
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover {
/*  background-color: #45aed6;*/
}



#main-slider .owl-prev {
  left: -35px;
  text-indent: 14px;
}
#main-slider .owl-next {
  right: -35px;
  text-indent: -14px;
}
#bar {
  width: 0%;
  max-width: 100%;
  height: 3px;
  background: #ff6c00;
}
#progressBar {
  margin-top: -4px;
  position: relative;
  z-index: 999;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
}

#features {
  padding: 100px 0;
}




#features .media.service-box:first-child {
  margin-top: 80px;
}
#services {
/*  padding: 150px 0 87px;*/
  padding: 210px 0 87px;
background-image: url('../images/parallax.png');     background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#services2{
 position: relative; top:-90px;
}

#about-us2{
position: relative; top:-89px;
}

#services img{
height: 80px;
text-align: center;
}

#signage {
  padding: 87px 0 87px;
}
#about-us {
  padding: 87px 0 87px;
}

#about-us p{
color: #f2f2f2;
}


#partners h4{
  /*font-size: 60px;*/
  color: #101010;
      font-size: 38px;
      font-family: 'Encode Sans Semi Condensed', sans-serif;
    font-weight: 700;
}

#services h5{
  font-size: 60px;
  color: #9c9c9c;
}

#partners {
  padding: 87px 0 87px;

  background-image: url(../images/partner.png) ;

/*      background-position: center;*/
/*          background-repeat: no-repeat;*/
}


.features .box{
/*background-color: #37abda82;*/
/*border-radius: 5px 5px 5px 5px;*/
    border: 1px solid #328db1;
/*height: 290px;*/
height: 350px;
border-radius: 10px;
/*might doble check for responsive*/
width: 280px;
    margin-left: 10px; 
    margin-bottom: 5px;
}

.features .box:hover{
/*  background-color: #40deffd4;
      border-right: none;*/
    }

/*    .features h4{
      transform: rotate(90deg); float: right;  background: #f0783c;
    padding: 2px;
    margin-top: -10px;
    }*/
.head-h4 h4{
color: #f2f2f2;
font-size: 30px;
}

.head-h4{
    background-color: #ff7f22;
padding: 5px;
    margin-bottom: 20px;
    width: 100%;


}
#signage {
  padding: 120px 0 87px;
    background-image: url(../images/partner.png) ; 
}
#about-us {
/*  padding: 87px 0 87px;*/
/*  background: #fdeee6;*/
background-image: url(../images/about.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.media.service-box {
  margin: 25px 0; text-align:center;
}


.media.service-box .pull-left {
  width:100%; 
  padding-bottom:70px;
}

.media.service-box .pull-left > i {
    font-size: 60px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  width: 64px;
  border-radius: 100%;
  color: #343d63;
/*background: #f02702;*/
    /* -webkit-box-shadow: inset 0 0 0 1px #d7d7d7; */
/*    box-shadow: 0px 0px 1px 4px #f17639;*/
  transition: background-color 400ms, background-color 400ms;
  position: relative;




}
.media.service-box .pull-left > i:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  right: -10px;

}

.media-body h4{ margin-bottom:15px; 

  font-family:'Encode Sans Semi Condensed', sans-serif;
   font-size:22px; color:#000000;
     font-weight: 500;
/*       font-style: italic;*/}
.media-body p{ line-height:20px;}
.media.service-box:hover .pull-left > i {
/*  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
*/ /* color: #000;*/
/*  box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: inset 0 0 0 5px rgba(255, 255, 255, 0.8);*/
}

.media-body.serv{
/*    background-color: #90e4ffbf;*/
    padding: 5px;
/*    border-radius: 15px;*/
/*    box-shadow: 1px 1px 7px;*/
  }
  .media-body.serv:hover {
        background-color: #90e4ffbf;
        transition: 1s;
        border-radius: 15px;
      box-shadow: 1px 1px 7px #4bff69;
  }


#portfolio {
  padding: 87px 0;
  background: #fdeee6;
}
#portfolio .portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 0 50px;
  display: inline-block;
}
#portfolio .portfolio-filter > li {
  float: left;
  display: block;
}
#portfolio .portfolio-filter > li a {
  display: block;
  padding: 7px 15px;font-family: 'Roboto-regular';
  color: #64686d;
  position: relative;
}
#portfolio .portfolio-filter > li a:hover,
#portfolio .portfolio-filter > li a.active {
  background: #ff641b;
  color: #fff;
 /* box-shadow: 0 -3px 0 0 #318daf inset;
  -webkit-box-shadow: 0 -3px 0 0 #318daf inset;*/
}
/*#portfolio .portfolio-filter > li a.active:after {
  content: " ";
  position: absolute;
  bottom: -17px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: #318daf transparent transparent transparent;
}*/
#portfolio .portfolio-filter > li:first-child a {
  border-radius: 0px 0 0 0px;
}
#portfolio .portfolio-filter > li:last-child a {
 /* border-radius: 0 4px 4px 0;*/
}
#portfolio .portfolio-items {
  margin: -15px;
}
#portfolio .portfolio-item {
  width: 24.9%;
  float: left;
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#portfolio .portfolio-item .portfolio-item-inner {
  position: relative;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
  opacity: 0;
  transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
/*  background: rgba(0, 0, 0, 0.5);*/
  color: #fff;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info h3 {
  font-size: 16px;
  line-height: 1;
  margin: 0;
  color: #fff;
}
#portfolio .portfolio-item .portfolio-item-inner .portfolio-info .preview {
  position: absolute;
  top: -18px;
  right: 12px;
  border-radius: 50%;
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
  -webkit-box-shadow: 0 0 0 2px #fff;
}
#portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#testimonial {
  background-size: cover;
  padding: 87px 0 80px 0;

}
#testimonial h4 {
  color: #fff;
  margin-bottom: 0;
}
#testimonial small {
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.7);
}
#testimonial .btns {
  margin-top: 10px;
}

#testimonial .col-sm-6{border-bottom:1px solid #f4f4f4; border-right:1px solid #f4f4f4; padding-bottom:20px;}
#testimonial .col-sm-6:nth-child(2n+0){border-right:0px solid #f4f4f4;}
#testimonial .col-sm-6:nth-child(3), #testimonial .col-sm-6:nth-child(4){border-bottom:0px solid #06F;}
#testimonial .panel-one{ padding-bottom:20px; padding-top:20px; float:left; height:200px; overflow:hidden;}
#testimonial .user-img{ width:25%; margin-right:15px; float:left;}
#testimonial .user-img img{ border-radius:50%; border:4px solid #e5e5e5; width:100%;}

#testimonial .testi-info{ width:66%; float:left;}
#testimonial .testi-info h4{ font-size:18px; color:#454545; margin:0px; padding-top:15px;}
#testimonial .testi-info h5{ font-size:14px; color:#454545; margin:0px; padding-bottom:10px; font-weight:normal;}
#testimonial .testi-info p{ font-size:15px; color:#454545; line-height:20px;}






#meet-team {
  padding: 87px 0 87px 0;
}
#meet-team .team-member {
  padding: 13px;
  background: #eeeeee;
  border: 2px solid #eeeeee;
  transition: border-color 400ms;
  -webkit-transition: border-color 400ms;
}
#meet-team .team-member .team-img {
  margin: -15px -15px 0 -15px;
}


#meet-team .team-member .team-info {
/*  padding-bottom: 10px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 10px;*/
}

.team-info h3{ margin-bottom:0px;}

#meet-team .team-member:hover {
  border-color: #45aed6;
}
#meet-team .team-member:hover .social-icons > li > a {
  background: #45aed6;
}
#meet-team .social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
}
#meet-team .social-icons > li {
  display: inline-block;
}
#meet-team .social-icons > li > a {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background: #222534;
  border-radius: 3px;
}
.divider {
  margin-top: 50px;
  margin-bottom: 50px;
  background-image: -moz-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
  background-image: -webkit-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
  background-image: -ms-linear-gradient(180deg, #ffffff 0%, #e3e3e3 49%, #ffffff 100%);
  width: 95%;
  height: 1px;
}
.progress {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #eeeeee;
}
.progress .progress-bar.progress-bar-primary {
  background-image: -moz-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(4deg, #2caab3 0%, #2c8cb3 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.nav.main-tab {
  background: #eee;
  border-bottom: 3px solid #222534;
  border-radius: 3px 3px 0 0;
}
.nav.main-tab > li > a {
  color: #272727;
}
.nav.main-tab > li.active > a {
  background: #222534;
  color: #45aed6;
}
.nav.main-tab > li:first-child > a {
  border-radius: 3px 0 0 0;
}
.nav.main-tab > li:last-child > a {
  border-radius: 0 3px 0 0;
}
.tab-content {
  border: 1px solid #eee;
  border-top: 0;
  padding: 20px 20px 10px;
  border-radius: 0 0 3px 3px;
}
.panel-default {
  border-color: #eee;
}
.panel-default > .panel-heading {
  background-color: #fff;
  border-color: #eee;
}
.panel-default > .panel-heading .panel-title {
  font-size: 14px;
  font-weight: normal;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eee;
}
#animated-number {
  padding: 87px 0 87px;
  background: #132125 url(../images/bg.jpg) no-repeat 0 0;
  background-size: cover;
  color: #fff;
}
#animated-number h1,
#animated-number h2,
#animated-number h3,
#animated-number h4 {
  color: #fff;
}
#animated-number strong {
  display: block;
  margin-bottom: 30px; font-size:22px; font-family: 'Roboto-light'; text-transform:capitalize;
}
.animated-number {
  display: inline-block;font-family: 'Roboto-medium';
  width: 180px;
  height: 180px;
  font-size: 29px;
  line-height: 180px;
  border: 5px solid #fff;
  border-radius: 100px;
  margin-bottom: 20px;
}
#pricing {
  padding: 84px 0 70px 0px; background:#c4f0fb;
}
#pricing ul.pricing {
  list-style: none;
  padding: 0;
  margin: 10px 0 30px;
  border: 1px solid #eee;
  border-radius: 5px 5px 4px 4px;
  padding: 15px;
  text-align: center; background: #fff; box-shadow:1px 1px 1px rgba(0,0,0,0.1);
}
#pricing ul.pricing:hover{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.2); transition:all 0.3s ease 0s;}

#pricing ul.pricing li {
  display: block; font-size:18px;
  padding: 5px 10px; background: #fff;
}
#pricing ul.pricing li.plan-header {
 
  border-radius: 4px 4px 0 0;
  margin: -15px -15px 10px;
  padding: 15px 15px 30px;
  border: 0;
}
#pricing ul.pricing li.plan-header .price-duration {
  position: relative;
  margin-top: -63px;
  top: -10px;
  display: inline-block;
  width: 116px;
  height: 116px;
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  color: #fff;
  border-radius: 100px;
  border: 5px solid #f6f6f6;
}
#pricing ul.pricing li.plan-header .price-duration > span {
  display: block;
  line-height: 1;
}
#pricing ul.pricing li.plan-header .price-duration > span.price {
  font-size: 24px;
  font-weight: 700;
  margin-top: 35px;
}
#pricing ul.pricing li.plan-header .price-duration > span.duration {
  margin-top: 5px;
}
#pricing ul.pricing li.plan-header .plan-name {
  margin-top: 10px;
  font-size: 20px;font-family:'Roboto-medium';
  color: #272727;
  font-weight: normal;
  line-height: 2;
  text-transform: uppercase;
}

#pricing ul.pricing li.plan-header .plan-price {
  margin-top: 10px;
  font-size: 60px;
  color: #454545;
  font-weight:600;
  line-height: 1; font-family:'Roboto-regular';
  text-transform: uppercase;
}

#pricing ul.pricing li.plan-purchase .btn-primary { background:#ff641b; border-radius:30px; margin-top:25px; padding:15px 25px 10px; font-size:18px; font-family:'Roboto-medium';}

#pricing ul.pricing li.plan-header .plan-price span{ font-size:18px; display:block; text-align: center; text-transform:lowercase; font-weight:normal;}

#pricing ul.pricing.featured {
  background: #222534;
  color: #fff;
  border: 0;
}
#pricing ul.pricing.featured li.plan-header {
  background-image: -moz-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -webkit-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
  background-image: -ms-linear-gradient(90deg, #2caab3 0%, #2c8cb3 100%);
}
#pricing ul.pricing.featured li.plan-header .plan-name {
  color: #fff;
}
#get-in-touch {
  padding: 22px 0 50px;
  color: #454545; 
  background:url(../images/mapss.png);
 background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

#get-in-touch h4{
  font-size: 60px;
  color: #f2f2f2;
  font-weight: 900;
  text-shadow: 1px 1px 1px #101010;
}

#get-in-touch h1,
#get-in-touch h2 {
  color: #000000;
}
#get-in-touch .address{ float:left; width:100%; margin-bottom:25px;}
#get-in-touch .address h4{ font-size:20px; color:#080000; margin:0px; padding-bottom:5px;}
#get-in-touch .address p{ 
    font-size: 30px;
    color: #080000;
    line-height: 1;
    margin: 0px;
    padding-bottom: 0px;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    font-weight: 700;
}


#get-in-touch .address b{
font-weight: 800; 
font-size: 20px; 
line-height: 1;
}

br{
  line-height: 1px;
}

/*#get-in-touch .address p{
  font-weight: 200; font-size: 20px; line-height: 1;
}*/

#get-in-touch .form-control{ height:40px;font-family: 'Roboto-regular'; color:#323232;}
#get-in-touch  textarea.form-control{ height:135px;color:#323232;}

#get-in-touch .btn.btn-primary{font-family: 'Roboto-medium'; font-size:22px; padding:8px 40px;}

#blog {
  padding: 87px 0 87px 0; background:#f6f6f6; overflow:hidden;
}

#blog .blog-post {
  padding: 15px; background:#fff; 
}
#blog .blog-post .item {
  height: 200px; }

#owl-example .item{ margin:15px;}



#blog .blog-post .post-format {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  background: #222534;
  border: 3px solid #fff;
  border-radius: 100px;
}
#blog .blog-post.blog-large .entry-thumbnail {
  margin: -15px -15px 15px;
  position: relative;
}
#blog .blog-post.blog-large .entry-thumbnail img{ max-width:100%;}

#blog .blog-post.blog-large .post-format {
  width: 66px;
  height: 66px;
  line-height: 60px;
  position: absolute;
  right: 20px;
  bottom: -33px;
}
#blog .blog-post.blog-large .post-format > i {
  font-size: 20px;
}
#blog .blog-post.blog-large .entry-date {
  font-size: 12px;font-family: 'Roboto-regular';
  display: block;
  margin-bottom: 5px; text-align:center;
  text-transform: uppercase;
  color: #45aed6;
}
#blog .blog-post.blog-large .entry-title {
  margin-top: 0;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}
#blog .blog-post.blog-large .entry-title a {
  color: #64686d; font-size:18px; text-transform:uppercase; font-weight:normal; font-family: 'Roboto-medium';
}
#blog .blog-post.blog-large .entry-title a:hover {
  color: #45aed6;
}
#blog .blog-post.blog-media {
  margin-bottom: 30px;
}
#blog .blog-post.blog-media .entry-thumbnail {
  margin: -15px 15px -15px -15px;
  position: relative;
}
#blog .blog-post.blog-media .post-format {
  position: absolute;
  top: 20px;
  right: -10px;
}
#blog .blog-post.blog-media .entry-date {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
  color: #45aed6;
}
#blog .blog-post.blog-media .entry-title {
  margin-top: 0;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 15px;
}
#blog .blog-post.blog-media .entry-title a {
  color: #64686d;
}
#blog .blog-post.blog-media .entry-title a:hover {
  color: #45aed6;
}
#blog .blog-post .entry-meta {
  margin-top: 20px;
  border-top: 1px solid #eee;
  padding-top: 15px;
}
#blog .blog-post .entry-meta > span {
  display: inline-block;
  margin-right: 10px;
  color: #999;
}
#blog .blog-post .entry-meta > span > a {
  color: #999;
}
#blog .blog-post .entry-meta > span > a:hover {
  color: #45aed6;
}
#blog .btn.btn-primary{ font-family: 'Roboto-regular'; font-size:15px; margin-top:20px; padding:10px 30px;}
#contact {
  position: relative;
  overflow: hidden;
}
#contact .container-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(69, 174, 214, 0.3);
  z-index: 1;
}
#contact .contact-form {
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  margin-top: 50px;
}
#contact .contact-form h3 {
  margin-top: 0;
}


#contact .text h5{
  color: #101010;
}

/***********************
********* Footer ******
************************/
#footer {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  background: #2e2e2e;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #45aed6;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0 -7.5px;
}
#footer ul > li {
  display: inline-block;
  margin: 0 7.5px;
}

.gmap{
  border: 10px solid #f6f5f0;
/*    border-radius: 50%;*/
    height: 390px;
    width: 504px;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
    background-color: #11215196;
    color: #f1f1f1;
  cursor: pointer;
  padding: 15px;
  border-radius: 7px;
}


.fab {
/*  padding: 20px;*/
  font-size: 20px;
/*  font-style: italic !important;*/
  padding-right: 5px;
/*  width: 50px;*/
/*  text-align: center;
  text-decoration: none;
  margin: 5px 2px;*/
}

.fab:hover {
    opacity: 0.7;
}

.fab fa-facebook-f {
  background: #3B5998;
  color: white;
  font-style: bold;
}

.fab fa-twitter {
  background: #55ACEE;
  color: white;
}

.fab fa-google-plus-g {
  background: #dd4b39;
  color: white;
}

/* Hover styles for services */
.hvrbox,
.hvrbox * {
    box-sizing: border-box;
 /*       border-radius: 5px; */
}
.hvrbox {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    height: auto;
        padding-bottom: 20px;
}
.hvrbox img {
    width: 100%;

}

/*.hvrbox img:hover {
  filter: blur(13px);
}*/
.hvrbox .hvrbox-layer_bottom {
    display: block;
}
.hvrbox .hvrbox-layer_top {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
/*    background: rgba(0, 0, 0, 0.6);*/
    /*background:rgb(253, 238, 230);*/
    background: rgba(253, 238, 230, 0.58);
      /*filter: blur(13px);*/
    color: #fff;
    padding: 15px;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
    opacity: 1;
}


.hvrbox .hvrbox-layer_slideleft {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}
.hvrbox:hover .hvrbox-layer_slideleft,
.hvrbox.active .hvrbox-layer_slideleft {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/*change hover text here*/
.hvrbox .hvrbox-text {
/*    text-align: center;*/
    font-size: 18px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text h1{
  text-align: center;
/*     font-size: 26px;*/
    font-size: 18px;
    font-family: 'Encode Sans Semi Condensed', sans-serif;
/*    font-style: italic;*/
/*    font-family: fantasy;*/
}

.hvrbox .hvrbox-text p{
  text-align: left;
  font-size: 10px;
}
.hvrbox .hvrbox-text img{

}

.hvrbox .hvrbox-text_mobile {
    font-size: 15px;
    border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
    border-top: 1px solid rgba(179, 179, 179, 0.7);
    margin-top: 5px;
    padding-top: 2px;
    display: none;
}
.hvrbox.active .hvrbox-text_mobile {
    display: block;
}

/*end of services*/


.img.pull-left.col-md-3.col-xs-12,.feature-wrap p{
    margin: 0 0 40px;
}

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

                    #main-menu.navbar-default {
                      background: rgb(255, 255, 255);
                      -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
                      box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
                      padding: 1px 1px 18px 1px;
                          border-bottom: 1px solid #ff7f22;
                    }
                    
                    #main-menu.navbar-default .navbar-nav > li > a {
                  font-family: 'Encode Sans Semi Condensed', sans-serif;
                  font-weight:600;
                  padding-bottom: 9px;
                  padding: 9px 35px;
                    }
                  hr {
                    height: .25rem;
                    width: 10%;
                    margin: 0;
                    background: tomato;
                    border: none;
                    transition: .3s ease-in-out;
                      margin-left: 4%;
                  }
                    .two:hover ~ hr {
                    margin-left: 24%;
                    background: #1e2d5b;
                  }

                  .three:hover ~ hr {
                    margin-left: 45%;
                      background: tomato;
                  }

                  .four:hover ~ hr {
                    margin-left: 65%;
                      background: #1e2d5b;
                  }
                  .five:hover ~ hr {
                    margin-left: 85%;
                      background: tomato;
                  }
                  .effect-underline:hover {
                      background-size: 60% 100%;
                    }

                  .effect-underline {
                      background-image: linear-gradient(120deg, #e2f8ff 0%, #99d0ff 100%);
                    background-repeat: no-repeat;
                    background-size: 0% 0.2em;
                    background-position: 0 60%;
                    transition: background-size 0.25s ease-in;
                    &:hover {
                      background-size: 100% 50%;

                    }
                  }

                  .parallax{
                        background-image: url("images/bg1.png");

                      /* Set a specific height */
                      height: 500px; 

                      /* Create the parallax scrolling effect */
                      background-attachment: fixed;
                      background-position: center;
                      background-repeat: no-repeat;
                      background-size: cover;
                  }

                    #main-menu.navbar-default .dropdown-menu {
                      padding: 0 20px;
                      min-width: 220px;
                      background-color: rgba(26, 28, 40, 0.9);
                      border: 0;
                      border-radius: 0;
                      box-shadow: none;
                      -webkit-box-shadow: none;
                      background-clip: inherit;
                    }
                    #main-menu.navbar-default .dropdown-menu > li {
                      border-left: 3px solid transparent;
                      margin-left: -20px;
                      padding-left: 17px;
                      -webit-transition: border-color 400ms;
                      transition: border-color 400ms;
                    }
                    #main-menu.navbar-default .dropdown-menu > li > a {
                      border-top: 1px solid #404455;
                      padding: 15px 0;
                      color: #eeeeee;
                    }
                      #main-menu.navbar-default .dropdown-menu > li:first-child > a {
                      border-top: 0;
                    }
                     #main-menu.navbar-default .dropdown-menu > li.active,
                    #main-menu.navbar-default .dropdown-menu > li.open,
                    #main-menu.navbar-default .dropdown-menu > li:hover {
                      border-left-color: #45aed6;
                    }
          
}


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


                   #main-menu.navbar-default .dropdown-menu > li.active > a,
                    #main-menu.navbar-default .dropdown-menu > li.open > a,
                    #main-menu.navbar-default .dropdown-menu > li:hover a {
                      color: #45aed6;
                      background-color: transparent;
                    }

                    #footer .social-icons {
                      float: right;
                    }


                        #get-in-touch .address p {
                          font-size: 23px;}

}


@media (max-width:499px){
h5.media-heading {
    text-align: center;
    font-size: 42px;
  }
  .gmap{
    
    height: 170px;
    width: 274px;
  }

}

@media (max-width:500px){

  .container {
     overflow-x: hidden; }
                        /*nav bar dongle*/
                        .navbar.navbar-default .navbar-toggle {
                            margin-top: 5px;
                        }

                        .navbar-brand>img {
                            display: block;
                            padding-left: 151px;
                        }

                        ul.nav.navbar-nav {
                            text-align: center;
                        }

                        #about-us{
                              background: #33667d;
                        }
                        /*slider*/
                        #main-slider .item {
                            /*height: 500px;*/}


                          #blog .blog-post.blog-large .entry-thumbnail img, .team-img img{ width:100%;}
                          .animated-number{ height:130px; width:130px; line-height:130px; font-size:22px;}
                          #animated-number strong{ font-size:17px;}
                          #blog .blog-post.blog-large .entry-thumbnail{ padding-top:0px;}

                        #get-in-touch h1,
                        #get-in-touch h2 {
                          color: #000000;
                          text-align: center;
                        }
                        h5.media-heading{
                          text-align: center;
                        }

                        #get-in-touch .address{ 
                          float:left; 
                          width:100%; 
                          text-align: center;
                          margin-bottom:25px;}


                        .container.text-center{
                          font-size: 11px;
                        }

                        #get-in-touch .address h4{ font-size:20px; 
                          color:#080000; 
                          margin:0px; 
                          padding-bottom:5px;}
                        #get-in-touch .address p{ 
                            font-size: 30px;
                            color: #080000;
                            line-height: 1;
                            margin: 0px;
                            padding-bottom: 5px;
                            font-family: 'Encode Sans Semi Condensed', sans-serif;
                            font-weight: 800;
                        }


                        #get-in-touch .form-control{ height:40px;font-family: 'Roboto-regular'; color:#323232;}
                        #get-in-touch  textarea.form-control{ height:135px;color:#323232;}

                        #get-in-touch .btn.btn-primary{font-family: 'Roboto-medium'; font-size:22px; padding:8px 40px;}

}
/*end of 500*/

@media (max-width:767px) {
                    .navbar {
                        padding: 0px 0;
                        -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;
                    }

                        #meet-team .team-member{ margin-bottom:25px;}
                        #meet-team .team-member .team-img, #meet-team .team-member .team-info h3 { text-align:center;}
                        #meet-team .team-member .team-info span { text-align:center; display:block;}
                        #blog .blog-post{ margin-bottom:20px;}

                        h5{
                              text-align: center;
                        }
                        #get-in-touch .address {
                          float: left;
                          width: 100%;
                          margin-bottom: 25px;
                          text-align: center;
                      }
                        #get-in-touch p{
                          text-align: center;
                        }
                      .navbar.navbar-default .navbar-toggle {
                          margin-top: 5px;
                      }

                      .navbar-brand>img {
                          display: block;
                          padding-left: 301px;
                      }

                    #get-in-touch h4 {
                            font-size: 45px;
                            text-align: center;}
                    .gmap{
                        width: 320px;
                        height: 166px;
                    }

}






@media (min-width: 768px) and (max-width:999px) {
                  	#main-menu.navbar-default .navbar-nav > li > a{ padding-left:8px; padding-right:8px; font-size:15px;}
                  	#meet-team .team-member{ margin-bottom:25px;}
                  	#meet-team .team-member .team-img, #meet-team .team-member .team-info h3 { text-align:center;}
                  	#meet-team .team-member .team-info span { text-align:center; display:block;}

                    .gmap{
                      width: 340px;
                      height: 340px;
                    }
                          #get-in-touch h4 {
    font-size: 45px;}
	
	}





@media only screen and (min-width: 970px) {
                        h5{
                          font-size: 46; }

                        #get-in-touch .address p {
                          font-size: 23px;
                        line-height: 1.3em;}


}


@media(min-width:480px){

  .navbar.navbar-default {
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    background: #fff;
    float: left;
    text-align: center;
}
}

@media(min-width:600px){
        .media-body p {
          line-height: 25px;
      }
.section-header .section-title {
    font-size: 38px;}

    #footer{
      font-size: 15px;
    }



}


@media(min-width:768px){
          .media-body p {
          line-height: 21px;
      }
/*  .features .box{
    width: 365px;
}*/

/*.img.pull-left.col-md-3.col-xs-12, .feature-wrap p{
  text-align: center;
}*/
/*#services .container h4{
  text-align: center;
}*/

}

@media (min-width: 300px) and (max-width:767px){
  .features .box{
width: auto;
    margin-right: 10px;
}

#services .container h5{
  margin-top: 0px;
      font-size: 100px;
      text-align: center;
}

#footer p{
text-align: center;
font-size: 15px;
}

.logo img {
    height: 50px;
}

.img.pull-left.col-md-3.col-xs-12,.feature-wrap h4 {
    text-align: center;
}



}

@media (min-width: 800px) and (max-width:991px){
  .features .box{
width: 365px;
/*    margin-right: 10px;*/
}

@media (min-width: 992px) and (max-width:1199px){

  .features .box{
/*background-color: #37abda82;*/
/*border-radius: 5px 5px 5px 5px;*/
 /*   border: 1px solid #328db1;
height: 290px;
height: 350px;
border-radius: 10px;*/
/*might doble check for responsive*/
width: 230px;
    margin-left: 10px;  
}
.hvrbox img {
    /* max-width: 100%; */
    width: 230px;
}
.gmap {
     width: 100%; }


.img.pull-left.col-md-3.col-xs-12, .feature-wrap p{
  text-align: left;
}
#services .container h4{
  text-align: left;
}

}
@media(min-width:1200px){

#services .container h4,p{
  text-align: left
}
    }