body, .modal-title, .teamSlider h3 span, .testimonalContainer h3 span {  font-family: 'Titillium Web', sans-serif; }
#menu, h2 span, .closeMenu {  font-family: 'Titillium Web', sans-serif; }
h2, h3, .locationTitle, .chooseTeamSelect li a {  font-family: 'Titillium Web', sans-serif; }
.customPanel .panel-title a span, .contactUsform input[type="submit"], h6, .teamSearchBtn, .datePickerBox .input-group-addon, .fromName, .modal-footer .btn, .teamSlider h3, .testimonalContainer h3, .clientsDetails h3, .socialDetails li h3 { font-family: 'Titillium Web', sans-serif; }

/* General
=============================================================*/

.title h2 {text-align: center;
    font-weight: 600;
    padding-top: 30px;
    padding-bottom: 0px;}

body {
    color: #16242d;
    font-family:'Titillium Web', sans-serif !important;
    font-size: 14px;
    line-height: 24px;

}
a {
    color: #2395DA;
    text-decoration: none;
}
a:hover {
    color: #16242d;
    text-decoration: none;
}

.logo-animated {
	margin-top: 180px; 
	transition-property: width;
    transition-duration: 3s;
    transition-timing-function: linear;
    transition-delay: 3s;}
.b-tx{ font-weight:600}	
.logo{    
    display: block;
    padding: 8px;
	}	
.introbg{ 
background:url(../images/bg.jpg) no-repeat left top;

}	
.iconbg{
	background-color:#e0eaee;
	padding:20px 10px;
}
.iconbg h4{
	color:#0f0f0f; font-weight:600}
.testimo{
	background-color: #fbfbfb;
    padding: 5px 0px 15px;}	
.about-post	h2{    color: #1798d3;}
.about-post p{
	font-size: 20px;
    letter-spacing: 1px;
    font-style: italic;
    line-height: 30px;
    font-weight: 600;
}
.bs-example{    border-radius: 15px;
    border: 2px solid #333;
    margin-bottom: 20px;}
.bs-example .titl{    
    color: #1798d3;
    font-size: 18px;
    font-weight: 600;}	
.enter{
    display: block;
    width: 20%;
    margin: auto;
    margin-top: 44px;
    background-color: #16242D;
    padding: 3px 20px 5px;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 1px 2px 11px #000;
	}
.enter a{
    color: #fff;
    font-size: 87px;
	transition-property: width;
    transition-duration: 3s;
    transition-timing-function: linear;
	text-decoration:none;
    transition-delay: 3s;}

.enter:hover{
	background-color: #2395DA !important;
	text-decoration:none;
	}
h4{font-family: 'Titillium Web';
    color: #424242 ;
}
h5{
	font-family:'Titillium Web';
    color: #fff;
    line-height: 16px;
    font-size: 14px;
	margin:0px;
}
p{font-family: 'Titillium Web' ;color:#16242d; text-align:justify; line-height:20px; font-size:16px;
}
.btn-success {
    color: #fff;
    background-color: #16242D;
    border-radius: 0px;
    padding: 3px 10px;
	border:none;
}
.btn-success:hover {
    background-color: #16242D;
}
.top-text {
    color: #555;
    line-height: 30px;
    letter-spacing: 0.2px;
    font-size: 16px;
	text-align:right;
	margin-top: 15px;
	font-family: 'Titillium Web', sans-serif;
}
.icn{ font-size:22px !important;}
.mrg{margin-top: 12px;}
.mrgbtm{margin-bottom: 10px;}
.navbar-default {
    /* background-color: #f8f8f8; */
    /* border-color: #e7e7e7; */
    background: none !important;
    border: none !important;
    margin-top: 12px;
}
.requestquote {
    display: block;
    border-radius: 4px;
    margin-top: 10px;
    padding: 8px 12px 7px 44px;
    color: #fff;
    background: #2395da url(../images/globe.png) no-repeat 11px;
    font-size: 17px;
    text-shadow: 0px 1px 0px #004067;
    letter-spacing: 0.5px;
    width: auto;
	float: right;
	text-decoration:none;
}
.requestquote:hover {
	background: #333 url(../images/globe.png) no-repeat 11px;
	cursor:pointer;
	text-decoration:none;
	color:#fff;	
	}
	
.dwnload {
    display: block;
    border-radius: 4px;
    margin-top: 7px;
    padding: 8px 12px 7px 44px;
    color: #fff;
    background: #a8cc45 url(../images/brochre.png) no-repeat 11px;
    font-size: 17px;
    text-shadow: 0px 1px 0px #004067;
    letter-spacing: 0.5px;
    width: auto;
    float: right;
    text-decoration: none;
    margin-bottom: 8px;
	    font-weight: 600;
}
.dwnload:hover {
	background: #333 url(../images/brochre2.png) no-repeat 11px;
	cursor:pointer;
	text-decoration:none;
	color:#fff;	
	}
.fl-r{float:right}
.fl-l{float:left}		
.toptex{
	float:right;
	width:100%;
	}
.toplnk{
    position: relative;
    top: 6px;
    font-size: 17px;
    padding-right: 20px;
	color: #fff;
    font-weight: 600;
	}			
hr {
    margin-top: 0px;
    margin-bottom: 1px;
    border: 0;
    border-top:1px solid #E8E8E8
}
.blue{color:#2395DA;}
.green{color:#a7cb44;}

.thumbnail {
    padding: 0px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px;
    border-radius: 0px;
    margin: 0px -8px;
}
.apply{
	background-color: #16242D;
    display: block;
    color: #fff;
    text-align: center;
    padding: 12px 0px;
    font-size: 24px;
}
.apply:hover{
	background-color: #1673B5;
	text-decoration:none;
	color:#fff;   
}
.abbulletex{
	font-size: 18px;
    padding-left: 10px;
    line-height: 30px;
	}
.map{    
    padding: 0px;
    margin-bottom: -6px;}
.nopading{ padding-left:0px !important; padding-right:0px !important}	
/****************************************
Contact Us
****************************************/
 #contact{
    padding:10px 0 10px;
  }

  .contact-text{
    margin:45px auto;
  }

  .mail-message-area{
    width:100%;
    padding:0 15px;
  }

  .mail-message{
    width: 100%;
    background:rgba(255,255,255, 0.8) !important;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    transition: all 0.7s;
    margin:0 auto;
    border-radius: 0;
  }

  .not-visible-message{
    height:0px;
    opacity: 0;
  }

  .visible-message{
    height:auto;
    opacity: 1;
    margin:25px auto 0;
  }

/* Input Styles */

  .form{
   width: 100%;
    padding: 15px;
    background: #fefefe;
    border: 1px solid #2395da;
    margin-bottom: 25px;
    color: #666 !important;
    font-size: 18px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    font-weight: 300;
    font-family: Titillium Web;
  }

  .form:hover{
    border:1px solid #2395da;
  }

  .form:focus{
    color: white;
    outline: none;
    border:1px solid #2395da;
  }

  .textarea{
    height: auto;
    min-height: 192px;
    max-width: 100%;
  }
  
/* Generic Button Styles */

 

/* Send Button Styles */

  .form-btn{
   width: 270px;
    display: block;
    height: auto;
    padding: 15px;
    color: #fff;
    background: #a8cc45;
    border: none;
    border-radius: 0px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    font-size: 20px;
	border-radius:7px;
  }
  

  .form-btn:hover{
    background:#2395DA;
    color: white;
    border:none;
  }

  .form-btn:active{
    opacity: 0.9;
  }

input {
    position: relative;
    z-index: 9999;
}
.inner01{ margin-left:-30px !important;}
.icn{margin-right: 8px;}
.cntc h4 {
    font-family: 'Titillium Web';
    color: #1d1d1d;
    font-weight: 600;
    font-size: 16px;
}
.cntc p {
    font-family: 'Titillium Web';
    color: #16242d;
    text-align: justify;
    line-height: 20px;
    font-size: 14px;
}
	
/****************************************
 Scroll up
 ****************************************/
.scrollup {
    width: 40px;
    height: 40px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    opacity: 0.5;
    position: fixed;
    bottom: 6px;
    right: 15px;
    display: none;
    text-align: center;
    color: #fafafa;
    font-size: 28px;
    background:#a7cb44;
    z-index: 9999;
	border-radius:7px;
	color:#000;
}

.scrollup:hover {
    width: 40px;
    height: 40px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;}

.scrollup i {
    line-height: 38px;
}

a.scrollup:hover {
    text-decoration: none;
    color: #fff;
    outline: none;
	
}
.mrglft{ margin-left: 0px !important;}
.mrgtp{ margin-top: 0px !important;}
/*****************************************
Page loading animation css
****************************************/
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/clock.gif) center no-repeat #fff;
}	

/***************************************
toggle button
**************************************/
.navbar-default .navbar-toggle {
    border-color: #C3C3C3;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #16242d;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	color:#fff;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #000;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.quote{
	background-color: #16242D;
    padding: 20px 0px;
    border-top: 4px solid #1E94D7;
    border-bottom: 4px solid #2297D7;}
/***************************************
Carousel
***************************************/
.carousel-caption {
    padding-bottom: 10px;
    background-color:rgba(2,43,122, 0.80);
    display: block;
    padding: 0px 5px 14px 10px;
    width: 20%;
	text-align:left;
	float:left;
	}
.carousel-caption h3 {
     font-size:24px;
	}
.carousel-caption ul li {
    font-size:18px;
	line-height:3px;
	margin: 0px;
    padding: 0px;
	}		
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 72%;
    padding-left: 0;
    margin-left: -30%;
    text-align: right;
    list-style: none;
}


.cption {
   position: absolute;
    width: 50%;
    height: 75%;
    padding: 0px 17px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 4px;
    margin-top: 0px;
    top: 12%;
    background: url(../images/bdr.png) center no-repeat;
    /* margin-bottom: 60px; */
    z-index: 105;
    left: 27%;
    padding: 180px;
    text-align: center;
    background-size: contain;
    /* bottom: 13%; */
    font-size: 24px;
    text-shadow: 0px 0px 5px #000;
 
}
.cption a{ 
    font-size: 16px;
    background-color: #FFF;
    padding: 2px 6px;
    color: #16242D;
    border-radius: 2px;
}
.cption a:hover{ 
    font-size: 16px;
    background-color: #16242D;
    padding: 2px 6px;
    color: #fff;
	text-decoration:none;
    border-radius: 2px;
	border:1px solid #fff;
}

.cption h2{font-size: 32px;
    color: #fff;
    line-height: 20px;
    text-shadow: 1px 1px 2px #526B0E;}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
    height: auto;
    margin-bottom: 0px;
}
.icncolr{color:#00548F;}

.item,
.active,
.carousel-inner {
    height: 100%;
	
}

.carousel-inner > .item {
    border-bottom: none;
	
}

/* Background images are set within the HTML using inline CSS, not here */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.fnt{font-family: 'Titillium Web'; font-size: 16px;  }
.iwidth{    
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center;}
.about{
	background-color: #F2F6F9;
    border-top: 1px solid #E6EBEF;
	border-bottom: 1px solid #E6EBEF;
	padding: 20px 0px
	}
.lmrgn{margin: -10px 0px 0px 23px !important;}
			
/****************************************
Navigation menu
****************************************/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 16px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 10px;
    margin-top: 10px;
	font-size: 19px;
    color: #333;
}

.nav>li>a:hover,.active {
    border-bottom: 2px solid #2395da;
	color:#fff;

}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #a8cc45;
}
.green-petch{
	background:url(../images/green-petch.jpg) no-repeat;
	color:#fff;
	display:block;
	min-height:100px;
	text-align:center; margin:auto; padding:40px 20px;
	font-size: 35px;
    font-style: italic;
    letter-spacing: 2px;
    text-shadow: 0px 1px 5px #333;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #2395DA;
    border-color: #2395da;
    color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #FFF;
    text-decoration: none;
    background-color: #2395DA;
	
}
.dropdown-menu > li > a {
    display: block;
    padding: 7px 25px 5px 14px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px dashed #ccc;
}
/*****************End of horizontal menu***********************/
/* ## Social */

.social {
  display: inline-block;
  line-height: 0;
  list-style: none;
  margin: 5px 0;
  padding: 0;
  float: right;
}

.social:before,
.social:after {
  content: " ";
  display: table;
}

.social:after {
  clear: both;
}

.social li {
  float: left;
  margin: 5px 0;
  /* Footer specific */
}

.social li + li {
  margin-left: 5px;
}

.site-footer .social li {
  margin-bottom: -4px;
  margin-top: 8px;
}

.social a {
  transition: background-color .2s, color .2s;
  background-color:#2395DA;
  border-radius: 4px;
  color: #fff;
  display: block;
  height: 32px;
  position: relative;
  width: 32px;
}

.social a:hover,
.social a:focus {
  background-color: #16242d;
  color: #fff;
}

.social a[style] {
  transition: .2s opacity;
}

.social a[style]:hover,
.social a[style]:focus {
  opacity: .7;
}

.social i {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/************************************************************
Footer
***********************************************************/
footer{font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom:10px;
  background-color: #0095d9;
  }
.textwidget{ text-align:center;color: #fff; letter-spacing: 2px;}  
.footersection{
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
	font-family: 'Titillium Web';
	background-color:#232323;
	padding-bottom: 10px;
}
.footersection h3{ 
    font-size:16px;
	color:#a7cb44;
	font-weight:600;
}
.footersection .info{margin-left:-15px;}
.newsletter-widget{
    background-color: #3498db;
}
.tfield{width: 80%;
    font-size: 12px;
	font-family: Titillium Web;
	}
.footersection p{ font-size:12px; line-height:15px; color:#ccc;
}
.submintbtn{
	background-color: #2395DA;
    width: 16%;
    font-size: 12px;
    font-family: Titillium Web;
    color: #fff;
    font-weight: bold;
	}
#ftext{
	display:block;
	width:100%;
	}	
#ftext li{	
	line-height:20px;
	}	
#ftext li a{
	font-size: 14px;
    font-family: Titillium Web;
    color: #ccc;
	line-height:20px;
	}
#ftext li a:hover{
    color: #ccc;
	cursor:pointerl
	}
.fifont {
   font-size: 9px;
   padding-right: 3px;
   color: #ccc;
}
.fa-ul>li {
    position: relative;
    line-height: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.fa-ul{font-size: 16px;}
@media (max-width: 991px) {
.top-text {
    color: #555;
    line-height: 30px;
    letter-spacing: 0.2px;
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 10px;
}
.requestquote {
    margin: auto;
    width: 188px;
    float: none;
}
.dwnload {
    display: block;
    border-radius: 4px;
    margin-top: 20px;
    padding: 8px 12px 7px 44px;
    color: #fff;
    /* margin-right: 20px; */
    background: #a8cb45 url(../images/globe.png) no-repeat 11px;
    font-size: 17px;
    text-shadow: 0px 1px 0px #004067;
    letter-spacing: 0.5px;
    width: 212px;
    float: none;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.toptex {
    float: none;
    text-align: center;
    margin: auto;
    margin-top: 17px;
}
.lststyle{ display:block !important}	
}
@media (min-width:768px) and (max-width:992px){
.col-1{
	float:left;
	width:50%;
	}
.col-2{
	float:right;
	width:50%;
	}	
.cption {
    position: absolute;
    width: 60%;
    height: 75%;
    margin-top: 0px;
    top: 12%;  
    margin-bottom: 60px;
    z-index: 105;
    left: 20%;
    padding: 81px 10px;
    bottom: 13%;
    font-size: 36px;
	}
.navbar-default .navbar-nav>li>a {
   font-size: 16px;
}
.enter {  
    width: 30%; 
}
.logo-animated {
	margin-top: 30%; }
.scrollup {
    bottom: 53px;
}
.abbulletex {
    font-size: 16px;
    padding-left: 10px;
    line-height: 30px;
}	
}
@media (min-width:400px) and (max-width:767px){
.col-1{
	float:left;
	width:50%;
	}
.col-2{
	float:right;
	width:50%;
	}
.enter {  
    width: 50%; 
}
.logo-animated {
	margin-top: 30%; }

.navbar-default .navbar-nav>li>a {
   font-size: 16px;
}
.social {
        float: none;
}	
.textwidget {
    text-align: center;
	padding-bottom: 8px;
}
.scrollup {
    bottom: 53px;
}
.abbulletex {
    font-size: 14px;
    padding-left: 0px;
    line-height: 22px;
}
.cption {display:none;}	
}
@media (min-width:320px) and (max-width:399px){

.navbar-default .navbar-nav>li>a {
   font-size: 16px;
}
h3 {
    font-size: 14px !important;
}
.enter {  
    width: 50%; 
}
.logo-animated {
	margin-top: 30%; }
.social {
        float: none;
}	
.textwidget {
    text-align: center;
	padding-bottom: 8px;
}
.scrollup {
    bottom: 6px;
}
.abbulletex {
    font-size: 11px;
    padding-left: 0px;
    line-height: 22px;
}
.cption h4, p{
	font-size: 13px;
    margin-bottom: 1px;
	}
.cption {display:none;}	
}
@media (min-width:992px) and (max-width:1280px){
.sda{ width:100%; float:left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
.dsh{width:100%; float:left;}
.logo-animated {
	margin-top: 100px; }	
.logo{ text-align:center}
.maxwith{ width:100%;}
.abbulletex {
    font-size: 16px;
    padding-left: 10px;
    line-height: 30px;
}
.cption {
    position: absolute;
    width: 60%;
    height: 75%;
    padding: 0px 17px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 4px;
    margin-top: 0px;
    top: 12%;
    background: url(../images/bdr.png) center no-repeat;
        background-size: auto auto;
    margin-bottom: 60px;
    z-index: 105;
    left: 20%;
    padding: 128px 10px 0px;
    text-align: center;
    background-size: contain;
    bottom: 13%;
    font-size: 32px;
    text-shadow: 0px 0px 5px #000;
}
	
}

/* Owl Carousel Bootstrap Custom CSS */

.toplnk a{
    color:#fff;
}
.tp-row{
	display:inline-block;
	background-color:#1798d3;
	width: 100%;
	}
/* Header Navigation */
#top-nav{
	border-bottom: 1px solid #e1e6dd;
	background: #FFF;
	-webkit-transform: translateZ(0)

}
#top-nav.navbar{
	margin-bottom: 0px;

}
#top-nav.navbar .nav{
	margin: 8px 0px;
}
	
#top-nav.navbar .nav > li > a {
	padding: 6px 12px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 400;

	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}
#top-nav.navbar .nav > li > a.download{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#top-nav.navbar .nav > li > a.download-on{
	background-color: #ff8a3c;
	color: #ffffff;
}
#top-nav.navbar .nav > li > a.download-on:hover{
	color: #ffffff;
	background-color: #ff7920;
}
.btn-navbar span.icon-bar{
	margin-top: 0px;
}

/* Header  */

#header{
	background: #f1f1f1;
	padding: 100px 0 100px;
}
#header h1{
	color: #7fc242;
	margin-bottom: 10px;
	margin-top: 40px;
}
#header h3{
	margin-bottom: 30px;
	width: 400px;
}
#header .btn-success {
	padding: 15px 30px;
	margin-bottom: 5px;
}
#header .logo{
	display: block;
	margin-top:60px;
	float: right
}
img.arrow-down{
	margin: 0 auto;
	display: block;
}
h1{
	margin-top: 80px;
}

pre.pre-show{
	margin: 40px 0px;

}
.tab-content pre.pre-show{
	margin: 0px 0px 0px 0px;
}
.nav-tabs{
	margin-top: 20px;
	margin-bottom: 0px;
	
}
.tab-content{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	
}
/* Content */
.table th, .table td {
padding: 8px 12px;
}

/* Footer */

#footer{
	padding: 20px 0px;
	background: #f3f3f3;
	text-align: center
}
.twitter-share-button{
	top: 4px;
	position: relative;
}

/* Demo Slides */

#owl-example .item{
	padding: 30px 0px;
	margin: 10px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
#owl-example .item img{
	width: auto;
	margin: 0 auto;
	display: block;
}
#owl-example .item h3{
	font-size: 28px;
	font-weight: 300;
	margin: 25px 0 0;
}
#owl-example .item h4{
	margin: 5px 0 0;
	font-size: 18px;
}
.item h1{
	margin: inherit;
}

.orange{
	background: #ff8a3c;
}
.darkCyan{
	background: #42bdc2;
}
.forestGreen{
	background: #7fc242;
}
.yellow {
	background: #ffd800;
}
.dodgerBlue {
	background: #388bd1;
}
.skyBlue {
	background: #a1def8;
}
.zombieGreen {
	background: #3fbf79;
}
.violet {
	background: #db6ac5;
}
.yellowLight {
	background: #fee664;
}
.steelGray {
	background: #cad3d0;
}

/* More Demo Box */

#example-info h1,
#more h1{
	margin-top: 40px;
}
.demos-row{
	margin-top: 30px;
	margin-bottom: 30px;
}
.demo-page{
	margin-top: 0px;
	margin-bottom: 100px;
}
.demo-box{
	display: block;
	background: #f3f3f3;
	text-align: center;
	font-size: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.demo-box h3{
	padding-bottom:20px;
	margin: 0px;
	color: #869690;
}
.demo-box:hover{
	text-decoration: none;
}
.demo-wrapper{
	padding: 30px 0px 20px 0px;
	padding-left: 30px;
	padding-right: 30px;
}
.demo-slide {
	float: left;
}
.demo-slide .bg{
	background: #aebab6;
	margin-right: 1px;
	height: 100%;
}
.demo-box:hover .demo-slide .bg{
	background: #7fc242;
}
/* Images */
.demo-images .demo-slide{
	height: 40px;
	width: 33.3333333%;
}

/* Full */
.demo-full {
	padding-left: 0px;
	padding-right: 0px;
}
.demo-full .demo-slide{
	height: 40px;
	width: 25%;
}

/* Custom */
.demo-custom .demo-slide{
	height: 40px;
	width: 10%;
}
/* One */
.demo-one .demo-slide{
	height: 40px;
	width: 100%;
}

/* json */

.demo-Json .demo-slide {
	height: 40px;
	width: 20%;
}
.demo-Json-custom .demo-slide{
	height: 40px;
	width: 33.3333333%;
}
/* loading icon */

.demo-lazy .demo-slide{
	height: 40px;
	width: 33.3333333%;
}
.demo-lazy .demo-slide .bg{
background: url('../img/AjaxLoader.gif') no-repeat center center #aebab6;
}

/* Auto Height */
.demo-height .demo-slide{
	height: 40px;
	width: 100%;
}

/* Changelog  */
#changelog{
	margin-bottom: 40px;
}
#changelog .label{
	margin-bottom:10px;
}
#changelog .log{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e1e6dd;
}
/* Faq */
#faq dt {
	line-height: 26px;
}
#faq dd{
	line-height: 22px;
	margin-bottom: 20px;
}



/* Responsive Stuff */


@media (max-width: 979px) {
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	padding: 0px;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
	}
}
@media (max-width: 768px) {
	.navbar.navbar-fixed-top{
		position: static;
	}
	.btn.btn-navbar{
		margin: 9px 20px 9px 8px;
		padding: 10px 10px;
	}
	.nav-collapse .nav > li{
		border-top: 1px solid #e1e6dd;
		text-align: center
	}
	#header .logo{
		margin-top:40px;
		margin: 20px auto 0px;
		float: none;
		height: 150px;
	}
	#header {
		text-align: center;
		padding: 60px 0px 30px;
	}
	#header h1{
		margin: 10px 0;
	}
	#header h3{
	margin-bottom: 10px;
	width: auto;
	padding: 0px 20px;
	}
	h1 {
		font-size: 38px;
		margin: 20px 0;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 12px;
	}
	.toplnk {
    font-weight: 600;
    text-align: center;
    display: block;
	margin-bottom: 15px;
}

}


@media (max-width: 480px) {
	.navbar-fixed-top, .navbar-fixed-bottom {
	position: static;
	}
	#header {
		text-align: center;
		padding: 20px 0px 20px;
	}
	#header .logo{
		margin-top:0px;
	}
	.owl-pagination{display: none;}

}

/*
NO MORE TABLES!! ;)
*/
@media (max-width: 767px) {

	.hp-table table, .hp-table thead, .hp-table .hp-table tbody, .hp-table th, .hp-table td, .hp-table tr { 
		display: block; 
	}
	.hp-table thead tr { 
		display: none;
	}
	.hp-table tr { border: 0px solid #ccc; margin-bottom: 10px; }
	
	.hp-table td:before { 
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

	.hp-table td:nth-of-type(2):before { 
		content: "Default:";
		font-weight: bold;
	}
	.hp-table td:nth-of-type(3):before { 
		content: "Type:";
		font-weight: bold;
	}
	.hp-table td:nth-of-type(4):before { 
		content: "Description:";
		font-weight: bold;
	}
	.green-petch {
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-style: italic;
    letter-spacing: 2px;
    text-shadow: 0px 1px 3px #333;
    }
}