@import 'https://fonts.googleapis.com/css?family=Economica:700|Oswald:700';

@font-face {
	font-family: 'Museo500-Regular';
	src:url('fonts/MUSEO500-REGULAR.otf') format('truetype');
}
@font-face {
	font-family: 'Museo100-Regular';
	src:url('fonts/MUSEO100-REGULAR.otf') format('truetype');
}
@font-face {
	font-family: 'Museo900-Regular';
	src:url('fonts/MUSEO900-REGULAR.otf') format('truetype');	
}
@font-face {
	font-family: 'Museo300-Regular';
	src:url('fonts/MUSEO300-REGULAR.otf') format('truetype');	
}
@font-face {
	font-family: 'Museo500-Regular';
	src:url('fonts/MUSEO500-REGULAR.otf') format('truetype');
}
@font-face { 
	font-family: 'Museo700-Regular';
	src:url('fonts/MUSEO700-REGULAR.otf') format('truetype');
}
@font-face {
	font-family: 'Jaguar-Bold';
	src:url('fonts/Jaguar-Bold.html') format('truetype');
	}
	
.top-contact{ padding:5px 15px; line-height:34px;}
.top-contact-icon{ color:#ff5a00; font-size:16px;}
.coffee{background-image:url(images/coffee.png); background-repeat:no-repeat; background-position:bottom left; padding-left:30px; }	

.zoomout img { height:84px; width:auto;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.shrink img{height: 52px; width:auto;}
.content-tab-show{ display:none;}

.navbar-nav-ex li a{ color:#000!important; border-bottom:2px solid #fff; font-family:'Museo500-Regular';}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover
{ color:#000!important; background-color:transparent; border-bottom:2px solid #0089d0!important; font-family:'Museo500-Regular'}
.navbar-nav-ex li a:hover{ color:#000!important; border-bottom:2px solid #0089d0;}
.nav-bg{  border-radius:0px; border:none; margin-bottom:0px; background-color:transparent;}
.dropdown-menu{ border:none; -webkit-box-shadow: 0 16px 10px rgba(0,0,0,.5); min-width:180px; left:0px!important; right:auto!important;}
.dropdown-menu-ex > li > a {color:#333!important; padding:7px 15px 7px 24px!important; border-bottom:0px solid #FFF; border-right:3px solid #FFF;   -o-transition:.2s;
  -ms-transition:.2s;
  -moz-transition:.2s;
  -webkit-transition:.2s;
  /* ...and now for the proper property */
  transition:.2s; }
.dropdown-menu-ex > li > a:hover {color:#333!important; padding:7px 10px 7px 15px!important; border-left:3px solid #F60; border-right:0px solid #FFF; border-bottom:0px solid #FFF; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ color:#333!important; background-color:#FFF; border-bottom:1px #FFFFFF solid;}
.sec-lv{-webkit-box-shadow: 12px 6px 5px 0 rgba(0,0,0,.2);}

.small-banner{ min-height:120px;}
.small-banner h1{ color:#FFF; font-family:'Museo900-Regular'; margin-top:40px;}
.about-sec p{line-height:24px; font-size:16px;}

.red{
    color:red;
    }
.form-area
{
    background-color: #FAFAFA;
	padding: 0px 20px 60px;
	margin: 0px 0px 60px;
	border: 1px solid #CCC;
	}

#header {
  background-color: #F4F4F4;
  width: 100%;
 

  z-index:999;
  top: 0;
  left: 0;
 transition: all 1s ease;
}
.dropdown-toggle{ white-space: nowrap!important;}
.container-box{ padding:30px 0px 10px 0px;}

.ser-box{ border-radius:6px;}
.ser-box-green{ background-color:#42a113;}
.ser-box-blue{ background-color:#0c9bca;}
.ser-box-orange{ background-color:#e33800;}
.serv-box{ padding-bottom:15px;}
.icon-pad{ padding-right:15px;}
.ser-box-lit-green{ background-color:#00a49e;}
.ser-box-up{ padding-top:20px;}
.ser-box-up h1{font-family: Museo900-Regular; font-size:32px; color:#FFF; margin:0px; padding:0px; text-transform:uppercase;}
.ser-box-up h3{font-family: Museo100-Regular; font-size:24px; color:#FFF;  margin:0px; padding:0px;  text-transform:uppercase;}
.ser-box-up p{ color:#FFF;}
.ser-box-but{background-color: rgba(0, 0, 0, 0.4); border-bottom-left-radius:6px;  border-bottom-right-radius:6px; padding:0px; text-transform:uppercase;}
.ser-box-but a{ color:#FFF; text-decoration:none; font-size:11px; }
.ser-box-but a:hover{ color:#FFF; text-decoration:none;}


.about-sec{ padding:20px 0px;}
.about-sec h1{font-family: Museo500-Regular; font-size:40px; color:#0c9bca; margin:0px; padding:0px; text-transform:uppercase; text-align:center; padding:20px 0px;}
.about-sec > h1 > .sm{font-family: Museo100-Regular; font-size:40px; color: #333; margin:0px; padding:0px; text-transform:uppercase;}

.about-sec a{ border-radius:26px; color:#333; border:1px #CCCCCC solid; text-decoration:none; padding:12px 30px;   -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  /* ...and now for the proper property */
  transition:.4s;}
.about-sec a:hover{ border-radius:26px; color:#FFF; border:1px #006 solid; background-color: #006baa;   -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  /* ...and now for the proper property */
  transition:.4s;}
  
  .about-sec-link a{ border-radius:26px; color:#333; border:1px #CCCCCC solid; text-decoration:none; padding:14px 20px 18px 20px;    -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  /* ...and now for the proper property */
  transition:.4s;}
.about-sec-link a:hover{ border-radius:26px; color:#FFF; border:1px #006 solid; background-color:#EFEFEF;   -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  /* ...and now for the proper property */
  transition:.4s;}
.contact-icon strong{ font-size:14px; color: #333;}
  
  
.ser-sec{ background-image:url(images/ser-bg.jpg); padding:15px 0px;}
.ser-sec h4{ color:#FFF; font-family: Museo500-Regular; font-size:24px; }
.ser-sec p{ color:#FFF;}
.ser_box{ padding:15px 15px;}
.ser_box img{ border-radius:4px;}

.soft-icon{border-bottom:3px solid #ff7f02;}
.soft-pad{padding:15px; min-height:140px;}
.soft-pad-org{padding:15px; background-color:#ff7f02; min-height:140px;}

.soft-pad-org a{ padding:10px; color:#FFF; border:1px solid #FFF; display:block; text-decoration:none; width:380px; margin-left:auto; margin-right:auto; margin-top:15px;}

.soft-pad-org a:hover{ padding:10px; color:#000; border:1px solid #000;}
.soft-pad-org h5{  font-family: Museo900-Regular; margin:0px; padding:0px; text-transform:uppercase;}
.soft-pad-org h1{  font-family: Museo900-Regular; margin:0px; padding:0px; font-size:36px;  text-transform:uppercase;}

.testimonial{ padding:40px 0px;}
.testimonial h2{ font-family: Museo100-Regular; color:#676767; font-size:36px; padding-bottom:20px; }
.testimonial p{ color:#676767; font-size:16px; line-height:28px;}


.ar-set { padding-top:50px; margin-left:-10px; text-align:right; color:#666;   }
.ar-set2 { padding-top:50px;  margin-right:-10px; float:right;  color:#666;       }

.ar-set a{  color:#666; font-size:18px;  padding:10px;}
.ar-set a:hover{  color: #F00;}
.ar-set2 a{ color:#666;  font-size:18px;   padding:10px; }
.ar-set2 a:hover{  color: #F00;}

.footer-bar{background-image:url(images/f-bg.png); padding:20px 0px; }
.footer-bar { color:#FFF;}
.footer-bar a{ color:#FFF; text-decoration:none; display:block; line-height:22px;}
.footer-bar a:hover{ color: #CCC; text-decoration:none; }
.footer-bar h4{ color:#FFF; font-family: Museo900-Regular;}

.newsl{ border-radius:0px; height:40px; width:100%; margin-bottom:10px;}
.newsl-btn{ border-radius:0px;  background-color:#ff7800; border:1px #ff7800 solid; color:#FFF;  font-size:14px; padding:10px 30px; text-transform:uppercase; }
.copy{ background-color:#e3e3e3; color:#666; font-size:12px; padding:15px 0px;}


@media (min-width:900px) and (max-width:2400px){
.navbar-nav-ex li a{padding:15px 20px;}	
	
}

@media (min-width:900px) and (max-width:1200px){

.ser-box-up h1{font-family: Museo900-Regular; font-size:28px; color:#FFF; margin:0px; padding:0px; text-transform:uppercase;}
.ser-box-up h3{font-family: Museo100-Regular; font-size:21px; color:#FFF;  margin:0px; padding:0px;  text-transform:uppercase;}
.icon-pad{ padding-right:10px; width:70px;}	
}


@media (min-width:768px) and (max-width:899px){
.navbar-nav-ex li a{padding:15px 10px;}	
.ser-box-up h1{font-family: Museo900-Regular; font-size:22px; color:#FFF; margin:0px; padding:0px; text-transform:uppercase;}
.ser-box-up h3{font-family: Museo100-Regular; font-size:16px; color:#FFF;  margin:0px; padding:0px;  text-transform:uppercase;}
.icon-pad{ padding-right:10px; width:50px;}	
}

@media (min-width:320px) and (max-width:766px){
.content-tab{ display:none;}
.nav-bg{  border-radius:0px; border:none; margin-top:-50px; margin-bottom:0px; background-color:transparent;}
.zoomout img { height:64px; width:auto;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.shrink img{height: 52px; width:auto;}

.ser-box-up h1{font-family: Museo900-Regular; font-size:28px; color:#FFF; margin:0px; padding:0px; text-transform:uppercase;}
.ser-box-up h3{font-family: Museo100-Regular; font-size:21px; color:#FFF;  margin:0px; padding:0px;  text-transform:uppercase;}
.icon-pad{ padding-right:10px; width:70px;}	
.about-sec{ padding:10px 0px;}
.about-sec h1{font-family: Museo500-Regular; font-size:24px; color:#0c9bca; margin:0px; padding:0px; text-transform:uppercase; text-align:center; padding:10px 0px;}
.about-sec > h1 > .sm{font-family: Museo100-Regular; font-size:24px; color: #333; margin:0px; padding:0px; text-transform:uppercase;}
}