@charset "UTF-8";
/* CSS Document 
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
@import "fontface.css";*/

/*---------------- LAYOUT --------------- */
body{
   margin: 0;
   padding: 0;
   background-image: none;
   background-color: white;
   font-family: Helvetica,sans-serif;
   font-size:13px;
   }
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 940px;
  }
}
.slide {position:relative; z-index:-991; margin:0 auto;}

/* NAVIGATION ------------- */
#navigation {position:absolute; top:25px; background-color:#000;width:100%; height:auto;max-height:75px;}
.navbar {z-index:999;}
.navbar-inverse {background-color:#000;border-color:#000;}
.navbar-inverse .navbar-nav > li > a {color:#FFF;font-size:15px;margin-top:10px;margin-left:20px; !important}
.navbar-inverse .navbar-nav > li > a:hover {background-color: #004862;} 
.navbar-collapse {position:relative; z-index:99;}
/*
.navbar-inverse .navbar-nav > li > a:selected {background-color: #004862;} 
.navbar-inner {
    background:transparent;
}
 */
#main {margin-top:120px;} /* for sub pages only */
 
#sidebar {
	background-color:#F3F3F3; 
	/*width:100%; */
	min-height:500px;
	margin-top:20px;
	padding-top:20px;}

#footer {
	background-color:#222;
	padding-top: 10px;
	border-top: 1px solid #000;
	margin-top:20px;
	width:100%;
	height:auto;
}
	#footer p, #footer a { color: #bfbfbf; }
	#footer h4 { color: #fff; text-transform: none; }
	#footer-nav ul {}
	#footer-nav li { display: inline;}
	#footer-nav li a { color: #999; text-decoration: none; text-transform: capitalize; margin-right: 10px; margin-left: 10px; letter-spacing: 1px; font-size: 11px; border-bottom: 1px solid #000; }
	#footer-nav li a.selected { color: #fff; }
	#footer-nav li a:hover { border-bottom: 1px solid #fff; color: #fff; text-decoration: none; }
	#bottomline { background-color: #000; padding-top: 10px; padding-bottom: 40px; margin-top: 20px; height:auto;}
	#bottomline .copy { color: #999; font-size: 11px; letter-spacing: 0px; margin-top:0; margin-right:50px;padding-top:10px; padding-left:20px; float:left; }

/* TYPOGRAPHY ----------------*/
p {line-height:1.6em;padding-bottom:12px; }
h1, h2, h3, h4, h5, h6{	font-family: 'Titillium Web', sans-serif;}
/*
	.ffthin { font-family: 'TitilliumText22LThin', Arial, sans-serif; }
	.ffmedium { font-family: 'TitilliumText22LMedium', Arial, sans-serif; }
	.ffbold { font-family: 'TitilliumText22LBold', Arial, sans-serif; }
	.ffxbold { font-family: 'TitilliumText22LXBold', Arial, sans-serif; }

	.smallcaps { font-variant: small-caps; letter-spacing: 1px; }
	.uppercase { text-transform: uppercase; }
/*
	h1 { font-size: 26px; line-height:.8em;}
	h2 { font-size: 24px; text-transform: uppercase; line-height: 1.1em; }
	h3 { font-size: 18px; text-transform: uppercase; margin-bottom:1em;}
	h4 { font-size: 17px; }
	h5 { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
	h6 { font-size: 26px; line-height: 1.1em}
*/
	h1, h2, h3, h4, h5, h6 { font-family: 'TitilliumText22LRegular', Arial, sans-serif; color: #000; }
	
	a.readmore { color: #CD0507; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: capitalize; margin-left: 10px; }
	a.readmore:hover { text-decoration: underline; color: #000; }
	
	/* testimonials bar */
	#testimonials { line-height: 1.25em;padding-top:20px;margin-left:-10px; }
	#testimonials li { margin-bottom: 30px; background: url(../images/quote.png) no-repeat 0px 0; padding-left: 5px; padding-right: 0px; text-shadow: 0 1px 0 #fff; font-style:italic; }	

/* LISTS  */

ul {list-style: none;}
ul.redbull {list-style-image: url(../images/arrow-red.gif);}
li {margin-left:-10px; padding:5px 0px 5px 0px; font-size:128%;}
li.current {list-style-image: url(../images/arrow-red.gif);}

/* Portfolio Page -- */
#portfolio h4 { background: #CD0507; display: block; float: left; margin-left: 10px; z-index: 101; position: absolute; max-width: 400px; top: 275px; }
#portfolio h4 a { text-decoration: none; color: #fff; font-size: 15px; text-transform: capitalize; padding: 10px 14px 6px; float: left; margin-top: 0; position: relative; z-index: 100; overflow: hidden; }
#portfolio p {margin-top:25px;}
/* 
#portlist { float: left; margin-left:-35px;}
#portlist ul {list-style:none; }	
#portlist li { float: left; margin:0px 32px 5px 0px; position: relative; width: 400px; min-height:325px; }
#portlist li.last { margin-bottom:0px;}
#portlist li a.thumb { display: block; border-bottom: 2px solid #fff; overflow: hidden; }
#portlist li a.thumb:hover { border-bottom: 2px solid #000;}
#portlist li h4 { background: #CD0507; display: block; float: left; margin-left: 10px; z-index: 101; position: absolute; max-width: 400px; top: 135px; }
#portlist li h4 a { text-decoration: none; color: #fff; font-size: 15px; text-transform: capitalize; padding: 10px 14px 6px; float: left; margin-top: 0; position: relative; z-index: 100; overflow: hidden; }
#portlist li h4 a:hover { background-color: #000; }
#portlist li p { padding:23px 20px 0px;}
*/
/* OTHER */
.clear {clear:both;}
.floatr {float:right;}
.floatl {float:left;}
.frame1 {border:1px solid #CCCCCC;}
.cta {background-color:#CD0507; padding:10px 15px 10px 15px; font-size:16px; color:#FFF;}
.cta a {text-decoration:none; color:#FFF;}
.pad {padding:20px;} 
.box {padding:30px; border:1px solid #ccc;}
.box-top {position:relative; z-index:-2; border-top: 5px solid #999;margin-top:20px;}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}

/* IMAGES ------- */
.frame {border:1px solid #CCCCCC;margin:15px;}

/* FORMS ----------*/
#contactForm {width:100%;overflow:hidden; background-color:#e8e8e8;padding:15px;}

/* IPAD  ----- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
/* styles here */
.navbar-inverse .navbar-nav > li > a {color:#FFF;font-size:15px;margin-top:10px;margin-left:0;}
#portfolio h4 { display:none; }

}

/* SMARTPHONE */
@media only screen 
and (max-device-width : 430px) {
/* styles here */
#navigation {top:0;}
.navbar-header {float:right;/*width:50%;*/margin:0;}
.navbar-toggle {margin-right:0;}
.slide {margin-top:30px;}
#main {margin-top:80px;}
/*#sidebar {position:relative; z-index:-99; margin-top:0; min-height:0px;float:right;}*/
#portfolio h4 { display:none; }
hr {display:none;}

}