/* 
Document   : layout
Description: layout styles

*/

/* Table of Content
==================================================

#BOOSTRAP CUSTOMIZATION
#TYPOGRAPHY
#GENERAL
#PARALLAX STUFF
#HEADER
#MAIN MENU 
#FOOTER 
#SLIDERS
#BLOG
#NEWS
#PAGES
#PORTFOLIO
#FORMS
#MISCELANIOUS

*/

/* CAUSEROAR CUSTOMIZATION
================================================== */

@font-face {
    font-family: 'bebas_neueregular';
    src: url('http://causeroar.com/fonts/bebasneue-webfont.eot');
    src: url('http://causeroar.com/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/bebasneue-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/bebasneue-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/bebasneue-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.eot');
    src: url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight';
    src: url('http://causeroar.com/fonts/robotocondensed-light-webfont.eot');
    src: url('http://causeroar.com/fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedregular';
    src: url('http://causeroar.com/fonts/robotocondensed-regular-webfont.eot');
    src: url('http://causeroar.com/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.eot');
    src: url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedlight';
    src: url('http://causeroar.com/fonts/robotocondensed-light-webfont.eot');
    src: url('http://causeroar.com/fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('http://causeroar.com/fonts/robotocondensed-italic-webfont.eot');
    src: url('http://causeroar.com/fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/robotocondensed-italic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/robotocondensed-italic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('http://causeroar.com/fonts/robotocondensed-bolditalic-webfont.eot');
    src: url('http://causeroar.com/fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedbold';
    src: url('http://causeroar.com/fonts/robotocondensed-bold-webfont.eot');
    src: url('http://causeroar.com/fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold_italic';
    src: url('http://causeroar.com/fonts/roboto-bolditalic-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-bolditalic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-bolditalic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-bolditalic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotobold';
    src: url('http://causeroar.com/fonts/roboto-bold-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-bold-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoblack_italic';
    src: url('http://causeroar.com/fonts/roboto-blackitalic-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-blackitalic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-blackitalic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-blackitalic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('http://causeroar.com/fonts/roboto-light-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-light-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-light-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-light-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoblack';
    src: url('http://causeroar.com/fonts/roboto-black-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-black-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-black-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-black-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight_italic';
    src: url('http://causeroar.com/fonts/roboto-lightitalic-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-lightitalic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoitalic';
    src: url('http://causeroar.com/fonts/roboto-italic-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-italic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-italic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium_italic';
    src: url('http://causeroar.com/fonts/roboto-mediumitalic-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-mediumitalic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-mediumitalic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin';
    src: url('http://causeroar.com/fonts/roboto-thin-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-thin-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('http://causeroar.com/fonts/roboto-medium-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-medium-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('http://causeroar.com/fonts/roboto-regular-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-regular-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin_italic';
    src: url('http://causeroar.com/fonts/roboto-thinitalic-webfont.eot');
    src: url('http://causeroar.com/fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/roboto-thinitalic-webfont.woff2') format('woff2'),
         url('http://causeroar.com/fonts/roboto-thinitalic-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/roboto-thinitalic-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLight';
    src: url('http://causeroar.com/fonts/OpenSans-Light-webfont.eot');
    src: url('http://causeroar.com/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('http://causeroar.com/fonts/OpenSans-Regular-webfont.eot');
    src: url('http://causeroar.com/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('http://causeroar.com/fonts/OpenSans-Semibold-webfont.eot');
    src: url('http://causeroar.com/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('http://causeroar.com/fonts/OpenSansBold-webfont.eot');
    src: url('http://causeroar.com/fonts/OpenSansBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://causeroar.com/fonts/OpenSansBold-webfont.woff') format('woff'),
         url('http://causeroar.com/fonts/OpenSansBold-webfont.ttf') format('truetype'),
         url('http://causeroar.com/fonts/OpenSansBold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

h2.demolnhd {
text-align: center; 
color: #131313; 
letter-spacing: 0; 
font-size: 28px; 
line-height: 28px; 
text-transform: uppercase; 
font-family: roboto_condensedregular, arial, sans-serif; 
font-weight: normal;
padding: 0; 
margin: 0 0 6px 0; 
}
.sub {
font-size: 20px;
line-height: 1.1em;
margin-bottom: 4px;
font-weight: 300;
text-transform: initial !important;
color: #fff;
}

.socialtop-wrapper{
height:120px;
text-align:center;
background:#e96654 url(http://www.causeroar.com/images/redsmx.jpg) center no-repeat;
}
.seintrotxt {
font: 20px robotolight_italic; 
color: #777; 
line-height: 1.5em;
}
.seintromd {
font: 16px robotolight; 
color: #777; 
line-height: 1.5em;
}
.seintrosm {
font: 14px robotolight; 
color: #777; 
line-height: 1.5em;
}
.ie7 .socialtop-wrapper .socialtop-title,
.ie8 .socialtop-wrapper .socialtop-title{
width:auto;
font:24px roboto_condensedregular;
position:relative;
}

.socialtop-wrapper{
width:100%;
margin:0 0 32px 0;
position:relative; 
padding: 0;
}

.socialtop-wrapper .socialtop-title{
color:#fff;
letter-spacing:0.05em; 
margin: 0; 
padding: 30px 0 0 0;
}

@media only screen and (min-width:0px) and (max-width:719px){

.socialtop-wrapper .socialtop-title
{font:24px roboto_condensedregular;}

.seintrotxt {
font: 16px robotolight_italic; 
color: #8c8e90; 
line-height: 1.6em;
}
}

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

.socialtop-wrapper .socialtop-title{
font:30px roboto_condensedregular;
}
}
@media only screen and (min-width:1600px){

.socialtop-wrapper .socialtop-title{
font:36px roboto_condensedregular;
}
}

.demobar {
background-color: #333; 
padding: 5px; 
margin: 0;
}
h2.demopghd {
text-align: center; 
color: #fff; 
letter-spacing: 0; 
font-size: 28px; 
line-height: 28px; 
text-transform: uppercase; 
font-family: bebas_neueregular, arial, sans-serif; 
font-weight: normal;
padding: 0; 
margin: 0; 
}
h2.demolnhd {
text-align: center; 
color: #131313; 
letter-spacing: 0; 
font-size: 30px; 
line-height: 30px; 
text-transform: uppercase; 
font-family: roboto_condensedregular, arial, sans-serif; 
font-weight: normal;
padding: 0; 
margin: 0 0 6px 0; 
}
.demobord {
border: 4px solid #ccc; 
padding: 12px;
}
.democt {
text-align: center; 
margin-top: 8px;
}


/* CAUSEROAR TEAM
================================================== */
#crteam{
padding-bottom:50px
}
#crteam p{
font-size:16px;
line-height: 24px;
color: #000;
font-family: robotoregular, arial, sans-serif; 
}
#crteam .circle{
border-radius:300px; 
border: 4px solid #fff;
}
#crteam .circle:hover{
cursor:pointer;
box-shadow:0 0 5px 2px #dc4239;
transition:box-shadow 300ms ease-out;
-webkit-transition:box-shadow 300ms ease-out;
-moz-transition:box-shadow 300ms ease-out
}
#crteam{
background-color:#eee !important
}
#crteam h3 strong{
font-weight:600;
text-transform:uppercase;
font-size:24px; 
font-family: robotoregular, arial, sans-serif; 
margin-top: 8px;
}
#crteam .subheader{
font-weight:500;
color:grey;
}
#teamhead{
background:#dd4138;
padding-bottom:65px;
padding-top:65px;
position:relative;
text-align:center;
text-transform:uppercase;
z-index:2
}
#teamhead .tmhead-title{
font-size:80px;
font-weight:300;
line-height:1;
margin:0; 
color: #fff;
}
#teamhead .tmhead-title strong{
font-weight:400
}
#teamhead .ourgoal{
font-size:26px;
line-height:1.25;
margin:11px auto 0;
max-width:900px
}
#teamhead .arrow{
background:url("http://www.causeroar.com/images/arrowteam.png") no-repeat;
height:30px;
left:50%;
margin-left: -49px;
pointer-events:none;
position:absolute;
top:100%;
width:105px
}
#teamhead{
background:#dd4138;
color:#fff
}
#teamhead
.ourgoal{
max-width:580px;
width:100%
}

#tmsocwrap {
margin: 0 auto; 
text-align: center; 
display: inline;
}
#tmsocin {
width: 100%; 
text-align: center;
}
.tmsoc {
display: inline-block;
}
.tmsoc .soclft {
float: left; 
margin: 0 6px 0 0;
}
.tmsoc .soclftnm {
float: left; 
margin: 0;
}

@media (max-width: 780px) {
.tmhead-title {
 font-size: 28px;
}
#teamhead .tmhead-title {
 font-size: 50px;
}
#teamhead .ourgoal {
font-size: 20px;
}
}
@media (max-width: 480px) {
#teamhead {
    padding-bottom: 25px;
    padding-top: 25px;
}

#teamhead .tmhead-title {
font-size: 35px;
}

}
@media (max-width: 380px){
#crteam p {
    font-size: 14px;
    line-height: 1.4;
}

@media (max-width: 320px){
#teamhead .tmhead-title{font-size:28px}
#teamhead
.tagline{font-size:20px}
}
}

/* BOOSTRAP CUSTOMIZATION
================================================== */
.navbar {margin-bottom:0;}
.navbar-default {background:none; border:none;}
.navbar>.container .navbar-brand{margin-left: 15px;}
.nav.nav-tabs {margin-bottom:22px;}
.btn:active, .btn.active{
-webkit-box-shadow:none;box-shadow:none
}
.container .jumbotron{border-radius: 0;}
.jumbotron h1 {text-align: left;}
/*forms*/
.form-control {-webkit-box-shadow:none;box-shadow:none}
.error {padding: 5px;
margin-bottom: 20px;
display:block;
}
/*tabs*/
.panel-default>.panel-heading{
 -webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.panel-default {
	border:none;
}
.navbar-default .navbar-toggle {
	margin-top: 22px;
}

.label {text-transform: uppercase;} 


.navbar-nav{ margin-left:0; margin-right:0; }
.navbar-collapse { padding: 0; }
.navbar-nav.pull-right>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu.pull-right{
	right:auto;
}


li.Nactive > ul.subMenu {
	display: block !important;
}

.navbar-nav .Nactive .subMenu{
	margin-left:10px;
}

ul.dropdown-menu {
position: static;
clear: both;
float: none;
display: none;
width:auto;
background: none;
border: none;
box-shadow: none;

}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
margin-bottom:22px;
}

#preHeader .col-xs-6{
margin-bottom: 0;
}


/*** MEDIA QUERIES ***/
.img-circle {width:140px; height:140px;}
@media(max-width:1121px){
}

@media(min-width:1120px){
	.navbar>.container .navbar-brand{margin-left: 0;}
	.navbar-collapse {padding-right:0;}
		.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
margin-bottom:0;
}
}

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

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

/*** END MEDIA QUERIES ***/

/* END BOOSTRAP CUSTOMIZATION
================================================== */



/* NEKO CSS FRAMEWORK
================================================== */
/*** lists ***/
.iconList li:before{
	content:'\e818';
	font-family: 'custom-icons';
	font-size: 10px;
	text-align: left;
	padding: 0;
	margin:0;
	display:inline-block;
	margin-right:10px;
	line-height:1em;
}
.iconList li {padding:5px;}
/*** icons ***/
.iconRounded{
	border-radius:8px;
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	font-size:18px;	
}
.iconRounded:before{margin: auto;text-align: center; line-height: 40px; }
.iconBig{
	font-size: 66px;
}



.iconBig.iconRounded{
	width: 130px;
	height: 130px;
}
.iconBig.iconRounded:before{
	line-height: 130px;	
}
.iconMedium {
	font-size: 44px;
}
.iconMedium.iconRounded{
	width: 75px;
	height: 75px;
}
.iconMedium.iconRounded:before{
	line-height: 75px;	
}

.iconSmall {
	font-size: 14px;
}
.iconSmall.iconRounded{
	width: 33px;
	height: 33px;
}
.iconSmall.iconRounded:before{
	line-height: 33px;	
}

/*** icon Headings ***/
.iconBlocHeading {position:relative; padding-left:50px;}
.iconBlocHeading i{position:absolute; left:0;}
.iconBlocHeading h2{display: block;}
.iconBlocHeading h3{display: block;}


/*** boxes ***/
.boxFeature{margin-bottom:33px;}
.boxContent{padding:22px;}
.boxContenthm{padding:22px;margin-right: 15px;margin-left: 15px;}

h3.boxhead{
padding: 0; 
margin: 4px 0 0 0;
font-size:24px;
line-height: 24px;
font-family: bebas_neueregular, arial black, helvetica, sans-serif; 
font-weight:normal;
text-transform: uppercase;
}


.boxFocus{padding:22px;}
.boxIconServices {text-align:center}
.boxIconServices i{ margin:0 auto 22px auto;}
.boxIconServices .boxContent{ padding:0}
/* box icons */
.boxIcon a{
	padding:33px;
	text-align: center;
	display: block;
	border-radius: 11px;
	margin-bottom:9px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.boxIcon a span {display:none;}
.boxIcon i {margin: 0 auto 22px auto; display: block; border-radius:50%;}
.boxIcon h2 {font-size: 18px} 
.boxIcon p {margin: 0;}

.boxIcon a:hover{text-decoration:none;border-bottom-width: 4px; margin-bottom:0; margin-top:5px; }
.boxIcon a:hover p {display:none;}
.boxIcon a:hover span {display:block;}
/*** testimonial **/
.boxTestimonial blockquote{
	padding:33px 33px 44px 33px;
	font-size:22px;
	line-height: 33px;
	background:#f7f7f7;
	position:relative;
}

.boxTestimonial blockquote:after {
	top: 100%;
	left:50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(247, 247, 247, 0);
	border-top-color: #F7f7f7;
	border-width: 11px;
	margin-left: -11px;
}
.boxTestimonial .clientIcon img {
	width:50px;
	height:50px;
	margin-right: 10px;
}


.boxTestimonial blockquote{

	}



 
.clientIcon span {font-weight: 300;}
.clientIcon span, .clientIcon span strong {vertical-align: bottom; font-size: 14px;}


/*** utilies classes ***/
.bthead2 {
border-top: 2px solid #A5A5A5;
}
.bt1 {
border-top: 1px solid #eee;
}
.bt1sv {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 36px;
}
.wk0 {
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
}
.m24 {
	margin-left:24px;
	margin-right:24px;
}
.mr8 {
	margin-right:8px;
}
.ml15 {
	margin-left:15px;
}
.mb0 {
	margin-bottom:0px;
}
.mb4 {
	margin-bottom:4px;
}
.mb8 {
	margin-bottom:8px;
}
.mb15 {
	margin-bottom:0.75em;
}
.mb30 {
	margin-bottom:1.5em;
}
.mb20 {
	margin-bottom: 20px;
}
.mb40 {
	margin-bottom:2em;
}
.mt6 {
	margin-top:6px;
}
.mt8 {
	margin-top:8px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:0.75em;
}
.mt30 {
	margin-top:1.5em;
}
.mt40 {
	margin-top:2em;
}
.mt45 {
	margin-top: 55px;
}
.mt55 {
	margin-top: 55px;
}
.mbpb0 {
	padding-bottom:0px;
	margin-bottom: 0px;
}
.mtpt0 {
	padding-top:0px;
	margin-top: 0px;
}

.pb0 {
	padding-bottom:0px;
}
.pb12 {
	padding-bottom:12px;
}

.pb15 {
	padding-bottom:0.75em;
}
.pb30 {
	padding-bottom:1.5em;
}
.pb40 {
	padding-bottom:2em;
}
.pt15 {
	padding-top:0.75em;
}
.ptem {
	padding-top:1em;
}
.ptem2 {
	padding-top:1.25em;
}
.pt30 {
	padding-top:1.5em;
}
.pt40 {
	padding-top:2em;
}
.p6 {
		padding-bottom:6px;
		padding-top: 6px;
	}
pl0{
padding-left: 0px !important;

}	
.boldsub {
color: #131313;
font-family: robotobold, arial, sans-serif;
font-weight: normal;
margin-bottom: 4px;
font-size: 16px;
}
.bdsubsv {
color: #131313;
font-family: robotobold, arial, sans-serif;
font-weight: normal;
margin-bottom: 12px;
font-size: 16px;
}
.hombtct {
text-align: center; 
margin-left: auto; 
margin-right: auto;
}

.color2 h3.botm  {
color: #fff;
font-size: 44px;
line-height: 44px;
font-weight: normal;
position: relative;
margin-bottom: 11px;
font-family: bebas_neueregular, arial, sans-serif;
}

.mainhdf {
font-family: roboto_condensedbold, arial, sans-serif;
}
.noMargin {
	margin:0!important;
}
.noPaddingBottom {
	padding-bottom:0!important;
}
.noPaddingTop {
	padding-top:0
}

.utilities_demo {padding-left: 1.5em; padding-right: 1.5em;}

/*** end utilies classes ***/
/* images */

.imgBorder {
	/*padding:11px;
	margin-bottom: 22px;*/
}


/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){
	#boxedLayout {background: #e2e2e2; padding-top: 22px;}
	#boxedLayout #globalWrapper{
		width:768px;
		margin:auto;
		background: #fefefe;
		border:1px solid #ccc;
	}
	#boxedLayout .navbar-fixed-top {position: static;}

	.mb15 {
		margin-bottom:1.5em;
	}
	.mb30 {
		margin-bottom:3em;
	}
	.mb40 {
		margin-bottom:4em;
	}
	.mt15 {
		margin-top:1.5em;
	}
	.mt30 {
		margin-top:3em;
	}
	.mt40 {
		margin-top:4em;
	}

	.pb15 {
		padding-bottom:1.5em;
	}
	.pb30 {
		padding-bottom:3em;
	}
	.pb40 {
		padding-bottom:4em;
	}
	.pt15 {
		padding-top:1.5em;
	}
	.pt30 {
		padding-top:3em;
	}
	.pt40 {
		padding-top:4em;
	}
	.boxIconServices h2{font-size:20px;  }
	.boxIconServices i{float:left;}
	.boxIconServices.posLeft i{ float:left;}
	.boxIconServices .boxContent {padding:0 0 0 152px; text-align:left;}
	.boxIconServices.posLef .boxContent {padding:0 0 0 152px;  }
}

@media(min-width:992px){

	#boxedLayout #globalWrapper{
		width:992px;
	}

	.boxIconServices.posLeft i { float:right;}
	.boxIconServices.posLeft .boxContent {padding:0 152px 0 0;text-align: right;}
	.boxIconServices i { float:left;}
	.boxIconServicest .boxContent {padding:0 0 0 152px;}
	
}

@media(min-width:1200px){
	#boxedLayout #globalWrapper{
		width:1200px;
	}
}

/*** END MEDIA QUERIES ***/
/* NEKO CSS FRAMEWORK
================================================== */

/* TYPOGRAPHY
================================================== */

body {
	font-size:14px;
	line-height: 23px;
font-family: robotoregular, arial, sans-serif; 
color: #171717 !important;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	padding-top: 87px;
}



h1, h2, h3, h4, h5, h6, legend {
	margin:0;
	text-transform: uppercase; 
font-family: bebas_neueregular, arial, sans-serif; 
font-weight: normal;
}
h1 {
	font-size: 33px;
	line-height: 33px;
	font-weight: normal !important;
	text-transform:uppercase;
	position:relative;
	margin-bottom: 11px;
}




.bigTitle, h1.bigTitle, h2.bigTitle, h3.bigTitle {
	font-weight: 400;
	font-size: 5em;
	line-height:1em;
	text-transform:uppercase;
	padding:0.5em 0 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}


.paralaxText h2 {
	font-size: 3.21em;
	font-weight: 400;
	line-height:1.5em;
	text-transform:uppercase;
	padding:0.5em;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.paralaxText blockquote {
	font-size: 18px;
	line-height:22px;
	margin-bottom: 0;
	font-weight: 300;
	font-family: robotolight_italic, 'Oswald',sans-serif;
	padding-left: 0;
	border: none;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
	letter-spacing: 0.075em;
}
.paralaxText .testimonialCarousel blockquote {text-transform: none;letter-spacing:normal;
	font-size: 18px;
	line-height:24px;
	}
.paralaxText .iconBig {
		font-size: 22px;
	}

.title{padding:22px 11px;text-align:center;}
.title h1 {font-size:28px;}
.title h1:after,.title h1:before {
	font-family: 'custom-icons';
	content:'\e818';
	font-size:16px;
	margin: 0 11px;
	line-height:44px;
	vertical-align:middle
}


h2 {
	font-size:30px;
	line-height: 1.3 !important;
	font-weight: normal;
	padding:0;
	margin-bottom:0;
	text-transform: uppercase;

}
h1.pagehd {
	font-size:30px;
	line-height: 36px !important;
	font-weight: normal;
	padding:0;
	margin-bottom:0;
	text-transform: uppercase;
	color: #333;
}



h2.homehd {
	font-size:40px;
	line-height: 1.2 !important;
	font-weight: normal;
	font-style: normal;
	padding:0;
	margin-bottom:0;
	text-transform: uppercase;

}

h2.subTitle{
padding: 0; 
margin: 4px 0 0 0;
font-size:20px;
line-height: 28px !important;
font-family: bebas_neueregular, arial black, helvetica, sans-serif; 
font-weight:normal;
text-transform: uppercase;
text-align:center;
}





/* remove the underline on H1 when not needed */
h1.bigTitle:after, .boxWrapper h1:after, .pricingBloc h1:after, .team h1:after, .iconBoxV3 h1:after, #sliderWrapper h1:after, .fullwidthbanner-container h1:after, .camera_caption h1:after, .caption h1:after, .bulle h1:after, .iconBoxV2 .iconBox-body h1:after {
	content:none
}
h3, legend {
	font-size:20px;
	line-height: 1.1em;
	margin-bottom: 4px;
	font-weight: 300;
	text-transform: uppercase;
}
h4 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 11px;
	font-style: bold;
	font-weight:300;
}
h5 {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
}
h6 {
	font-weight: 300;
	font-style: italic;
	margin-bottom: 2em;
	font-size: 12px;
	line-height:1.1em;
}
h1 small, h2 small, h3 small, h4 small {
	text-transform:none;
	font-size:0.5em;
	font-weight:400;
	color:inherit;
}
p, ul {
	margin-top: 0;
	margin-bottom: 12px;
}
strong {
	font-weight:bold
}
small, aside {
}
li {
	line-height: inherit;
}
a:link, a:visited {
	text-decoration:none;

}
a:hover, a:active {
	text-decoration:underline;
}
ul.iconsList li a:hover {
	text-decoration:none;
}
a.readMore {
	font-style:italic;
}
.pfleft {
float: left; 
text-align: left;
}
.pfleftsm {
float: left; 
text-align: left;
font-size: 11px;
margin: 0;
padding: 0;
}
.pfright {
float: right;
text-align: right;
}
.pfclear {
clear: both;
}
.pfimg{
border: 2px solid #E1E1E1;
}
.pfimgsm{
border: 1px solid #E1E1E1;
}

blockquote {
	font-size:22px;
	line-height: 33px;
	margin-bottom:22px;
	font-weight:300;
	font-family: 'Oswald',sans-serif;
	padding:0;
	border:none;
	text-align:left;
}
blockquote h1 {
	display:inline;
}
blockquote p {
	font-size: inherit;
	display:inline;
}
blockquote small, .ctaBox blockquote small{
	font-size:75%;
	display:inline-block;
	line-height: 1em;
font-family:robotolight, arial;
}
blockquote:before {
	content:'\e928';
	font-family: 'custom-icons';
	margin-right:0.5em;
}
blockquote:after {
	content:'\e929';
	font-family: 'custom-icons';
	margin-left:0.5em;
}

blockquote.pull-right {border:none;}

.quoteRow blockquote:before, .quoteRow blockquote:after {
	content:none;
}
hr {
	padding:0;
	margin:0;
}
.hero-unit blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){
	
	body{padding-top: 127px;}
	h1 {
		font-size: 44px;
		line-height: 44px;
	}
	.paralaxText blockquote {
		font-size: 33px;
		line-height:33px;
	}
	.paralaxText .iconBig {
		font-size: 66px;
	}

	.title{padding:66px 11px;}
	.title h1 {font-size: 44px;}
}
@media(min-width:992px){}

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

/*** END MEDIA QUERIES ***/


/* END TYPOGRAPHY
================================================== */
/* GENERAL
================================================== */

/*** buttons ***/
.btn {
	text-transform:uppercase;
	padding:15px 20px;
	font-size:18px;
	font-family: 'Oswald',sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	border:none;
	    white-space: normal !important;
	    }


.btn-lg {
	padding:18px 23px;
	font-size:22px;
}

.btn-med {
	padding:12px 18px;
	font-size:16px;
	border-radius:4px;
}
.btn-sm {
	padding:10px 13px;
	font-size:12px;
	border-radius:4px;
}
.btn-xs {
	padding:4px 7px;
	font-size:10px;
	border-radius:4px;
	border-bottom-width: 2px!important;
}
.btn11 {
font-size:11px;
letter-spacing: 0;
}

.btn-link {
	text-transform:none;
	text-shadow:none;
	padding:0;
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
}
.btn i:before {
	text-align:left;
}

/*** call to actioon ***/

.ctaBox{padding:33px 11px;}
.ctaBoxFullwidth{padding:0;}

.ctaBox a {margin-top:22px;} 
.ctaBox h1{
	font-size:30px;
	line-height: 38px;
	margin-bottom:0;
	font-weight:300;
	font-family: 'Oswald',sans-serif;
	padding:0;
	border:none;
	text-align:left;
	letter-spacing:normal;
	text-transform:none;
}
.ctaBox blockquote {
	font-size:44px;
	line-height: 44px;
	margin-bottom: 0;
	}
a.btnRight{float:right;}
/*** MEDIA QUERIES ***/

@media(max-width:767px){
	.btn-lg {
		padding: 14px 18px;
		font-size: 18px;
	}
}

@media(min-width:768px){

}

@media(min-width:992px){
	
	.ctaBox a {float:right; margin-top:0;} 

	a.btnLeft{float:left;}
}

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

/*** END MEDIA QUERIES ***/

/* END GENERAL
================================================== */

/* PARALLAX STUFF
================================================== */
#paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7{
	width:100%;
	background-repeat: repeat;
	background-attachment: scroll;
    background-position: 50% 0;
	background-size: cover;
	overflow: hidden;
	/*position: relative;*/
}
.maskParent{position: relative; height:100%;}
.paralaxText {
	padding-top:23px;
	padding-bottom:23px;
	text-align:center;
	position: relative;
}
.paralaxMask {
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	background:rgba(0,0,0,0.15);
}

/*** MEDIA QUERIES ***/
 

@media(max-width:767px){}

@media(min-width:768px){

	#paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7 {
        background-size: 120%;
    }
	.paralaxText {
		padding-top:23px;
		padding-bottom:23px;
	}

}

@media(min-width:992px){

	#paralaxSlice1, #paralaxSlice2, #paralaxSlice3, #paralaxSlice4, #paralaxSlice5, #paralaxSlice6, #paralaxSlice7{
    	background-attachment: fixed;
    }
	.paralaxText {
		padding-top:26px;
		padding-bottom:26px;
	}
}

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

/*** END MEDIA QUERIES ***/


/* END PARALLAX STUFF
================================================== */

/* HEADER
================================================== */
#preHeader .socialNetwork, .contactPhone{display:inline-block; float:right;}
.contactPhone{
padding-right:11px; 
margin-top:10px;
  font-size: 13px;
 }
#preHeader .socialNetwork {margin-bottom:0;}
#preHeader .socialNetwork .iconRounded{width:22px;}
#preHeader .socialNetwork .iconRounded:before{font-size:12px;}

ul.quickMenu {
	margin:6px 0 0 0;
	padding:0;
}
ul.quickMenu li {
	display:inline-block;
	padding-right: 11px;
}

ul.quickMenu li a {
	font-size:12px;
	margin:0;
	padding:0;
	display:block;
	line-height:1em;
	font-family:Arial, Helvetica, sans-serif;
}
ul.quickMenu li a:hover {text-decoration:none;}
ul.quickMenu li a.linkLeft {
	margin-left:0;
}
.navbar-brand{padding:12px 0;}


.fixedHeader {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.fixedHeader #mainMenu li a {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}
.fixedHeader .nav-brand {
    margin-top: 0.6em;
    width: 100px;
}


/*** header options ***/


/* header 1 */
body.header1{padding-top:127px;}
.header1 .navbar-nav ul ul{ top:0px }
.header1 ul.quickMenu li, .header1 .contactPhone {margin-right: 11px;}
.header1 #mainHeader{border:none;}
.header1 .sep{display:none;}
.header1 .navbar-nav > li#lastMenu > a {padding-right:15px;}
.header1 .navbar-nav ul {border-top: none;top:88px;}



/** header 2 **/
body.header2 {padding-top: 64px;}
.header2 #preHeader {display:none!important;}
.header2 .navbar-nav ul ul{ top:-4px }
.header2 .navbar-brand {padding:11px 0;}
.header2 .navbar-nav > li > a, .header2 .navbar-nav > li.sep:before{line-height: 1em;}
.header2 .navbar-nav > li.sep:before{content:' | ';}
.header2 .navbar-nav ul {top:58px;}
.header2 .navbar-nav ul li a {text-transform: none;}


/*** header 3 ***/
.header3 .navbar-default .navbar-nav > li > a { text-transform: none; font-weight: 300; }
.header3 .sep{display:none;}

/**** header 4 ****/
#headerShadows{ z-index:2; position:relative; top:27px; }
.header4 #preHeader {display:none!important;}
.header4 .navbar-nav ul ul{ top:0px }
.header4 .navbar-default .navbar-nav > li > a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; text-transform: none; font-weight: 300; }
.header4 .sep{display:none !important;}
.header4 .navbar-nav > li#lastMenu > a {padding-right:15px;}
.header4 .navbar-nav ul {border-top: none; top:91px; }
.header4 .navbar-nav ul li a {text-transform: none;}


/***** header 5 *****/
body.header5 {padding-top: 87px;}
#boxedLayout.header5 #mainHeader{ box-shadow: none; }

.header5 #preHeader {display:none!important;}
.header5 .navbar-nav ul ul{ top:-12px }
.header5 #mainHeader{border:none;}
.header5 .navbar-nav > li#lastMenu > a {padding-right:10px;}
.header5 .sep{display:none !important;}
.header5 .navbar-nav ul li a { text-transform: none;}
.header5 .navbar-nav > li.sep:before{ display:none; }

/*** end header options ***/


/*** MEDIA QUERIES ***/
@media(max-width:767px){}

@media(min-width:768px){

	/* Header 1 */
	body.header1 { padding-top: 127px; }
	.header1 .navbar-nav > li.sep{display: none;}

	/** Header 2 **/
	.header2 .navbar-nav{ margin-top:4px; }

	/*** Header 3 ***/
	.header3 .navbar-nav > li.sep{display: none;}

	/**** Header 4 ****/
	body.header4 {padding-top: 64px;}

	/***** Header 5 *****/
	.header5 .navbar-default .navbar-nav > li > a {
	text-transform:none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	border-radius:4px;
	padding:10px;
	margin: 27px 0 0 11px;
	line-height:1em;
	}
	.header5 .navbar-nav ul { border-top:none;top:60px; padding:11px 0; width:150px; border-radius:11px; }
	.header5 .navbar-nav ul li a { margin:0 11px; border-radius: 4px;}
}

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

/*** END MEDIA QUERIES ***/



/* END HEADER
================================================== */



/* MAIN MENU
================================================== */


.navbar-nav > li > a {
    display: block;
    padding: 11px 0;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Oswald',sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.navbar-nav > li.sep{ display: none; }
.navbar-nav > li#lastMenu > a {padding-right:0; /*align right*/}



#mainHeader .pull-right{ float:none !important; }

/*** sub menus ***/

.navbar-nav ul li{position:relative;}

.navbar-nav ul {
	display:none;
	padding: 0;
	margin: 0;
	list-style-type:none;
}

.navbar-nav ul ul{ top:-4px }

.navbar-nav ul li a:hover{text-decoration:none;}

.navbar-nav ul li a{display:block; padding:11px 0;}

#mainMenu .navbar-nav li a.hasSubMenu:after{
	font-family: "custom-icons";
	display: block;
	content: "\e92c";
	float: right;
	margin-right: 5px;
}



#mainMenu .navbar-nav i{
	float:right;
}



/*** MEDIA QUERIES ***/

@media(max-width:767px){


}

@media(min-width:1120px){

	#mainHeader .pull-right{ float:right !important; }

	.navbar-nav > li > a{
		font-size: 1.15em;
		font-weight: 400;
		padding: 22px 11px;
		line-height:44px;
		vertical-align:middle;
	}


	.navbar-nav > li > a i {
		display: block;
	}

	.navbar-nav ul {
		position: absolute;
		top: 88px;
		left: 0;
		z-index: 1024;
	}

	.navbar-nav ul {
		width: 160px;
	}

	
	.navbar-nav > li.sep{display: block;}

	.navbar-nav > li.sep:before{
		content:'\e818';
		font-family: 'custom-icons';
		display:block;
		font-size: 10px;
		text-align: center;
		padding: 0;
		margin-top: 22px;
		margin-bottom: 22px;
		line-height:44px;
	}

	#mainMenu .navbar-nav li a.hasSubMenu:after{
		display: none;
	}

	.navbar-nav ul li a{
	padding:6px 11px;
	display:block; 
	text-transform: uppercase;
	font-size:12px;
	color: #fff !important;
	}
	.navbar-nav ul li{padding:0;}

}

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

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

/*** END MEDIA QUERIES ***/


/* END MAIN MENU
================================================== */
/* HOME
================================================== */
#home, #owlSlider{padding-top:44px;}
#mapWrapper{ height:350px; }
#noSliderWrapper{padding-top:44px;}




/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){#home{padding-top:54px;}}

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

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

/*** END MEDIA QUERIES ***/

/* END HOME
================================================== */
/* NEWS
================================================== */
.newsText{padding:20px 20px 20px 20px;}
.newsText h3{margin-bottom: 8px;}
.date{font-size:12px; line-height:12px;font-style: italic;}
.newsText p{font-size:12px;} 

/* END NEWS
================================================== */

/* FOOTER 
================================================== */

footer{padding:44px 0 0 0; border-bottom: 10px solid #DD4138;}
#footerLogo {margin-bottom: 22px;}
#footerRights {padding:0px;margin-top:0px; text-align: center; font-size:10px;}



@media(min-width:768px){.footerWidget{float:right;}}
/* END FOOTER 
================================================== */


/* SLIDERS
================================================== */
/*** supersized ***/

#superSizedSlider {text-align:center;}
#superSizedSlider h1 {
	font-size:22px;
	margin-top:20%;
	display:inline-block;
	padding:44px 33px 33px 33px;
	line-height:1.1em;
}
#superSizedSlider h1 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	text-decoration:none;
	font-size:22px;
	text-transform:none;
	margin-top: 1em;
}
/** replace arrows with font **/
#nextslide, #prevslide {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: 'custom-icons';
    text-align: center;
    font-size: 1em;
    height: 1em;
    line-height: 2em;
    width: 1em;
}
#prevslide:before {
    content: '\e765';
}
#nextslide:before {
    content:'\e766';
}
a#nextslide:hover, a#prevslide:hover {
    text-decoration: none;
}

/*** flex full***/
.flexslider {overflow:hidden;}
.flexslider .flex-direction-nav a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: 'custom-icons';
    font-size: 1.5em;
    height: 4em;
    text-align: center;
    width: 2em;
}
.flexslider .flex-direction-nav a i {
    line-height: 4em;
}
.flexslider .flex-direction-nav a:hover {
    text-decoration: none;
}
.flexslider {
    margin: 0;
}
.flexslider .slides li {
    margin: 0;
    position: relative;
}
.flexslider .logoSlider img {
    width: auto;
}
.flexslider .caption {
    position: absolute;
    top: 0;
    width: 48%;
}

.flexslider .caption p {
    font-size: 10px;
    line-height: 1.5em;
    margin: 0;
    padding: 1em 0;
}
.flexslider h1 {
    display: inline-block;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0.25em;
    text-transform: uppercase;
    line-height: 1em;
}

.flexslider h2 {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    padding: 10px;
    text-transform: none !important;
    font-family: roboto_condensedlight, arial, sans-serif !important;
    line-height: 1.6em !important;
}
.flexslider .caption.left {
    left: 50px;
    width: 55%;
}
.flexslider .caption.right {
    right: 0;
}
.flexslider .caption, .flexslider .caption div {
    display: none;
}

.flexiShadow img {
    margin-bottom: 3em;
    vertical-align: top;
}
.flexslider .caption .element1-1, .flexslider .caption .element1-2, .flexslider .caption .element1-3, .flexslider .caption .element1-4 {
    margin-left: 2%;
}
.flexslider .caption .element1-1 {
    margin-top: 7%;
}
.flexslider .caption .element1-2 {
    margin-top: 2%;
    width: 60%;
}
.flexslider .caption .element1-3 {
    margin-top: 2%;
    width: 70%;
}
.flexslider .caption .element1-4 {
    margin-top: 2%;
}
.flexslider .caption .element2-1 {
    display: inline-block;
}
.flexslider .caption .element2-1, .flexslider .caption .element2-2, .flexslider .caption .element2-3, .flexslider .caption .element2-4 {
    margin-top: 2%;
    margin-left: 2%;
}
.flexslider .caption .element2-1 {
    margin-top: 30%;
    margin-left: 2%;
}
.flexslider .caption .element2-3 p {
    width: 320px;
}
.flexslider .caption .element3-1, .flexslider .caption .element3-2, .flexslider .caption .element3-3 {
    margin-left: 2%;
}
.flexslider .caption .element3-1 {
    margin-top: 10%;
}
.flexslider .caption .element3-2 {
    margin-top: 2%;
}
.flexslider .caption .element3-3 {
    margin-top: 2%;
}
.flexslider .caption .element4-1, .flexslider .caption .element4-2, .flexslider .caption .element4-3 {
}
.flexslider .caption .element4-1 {
    margin-top: 40px;
}
.flexslider .caption .element4-2 {
    margin-top: 2%;
}
.flexslider .caption .element4-3 {
    margin-top: 2%;
}



/*** OWL slider home ***/

#homeCarousel {text-align: center;}
#homeCarousel h1 {
	margin-bottom: 11px;
	font-weight: 400;
	font-size: 32px;
	line-height:1em;
	text-transform:uppercase;
	padding:0;
	text-shadow:1px 2px 1px rgba(0, 0, 0, 0.2);
	width:100%;
	text-align:center;
	display: inline-block;
}
#homeCarousel h1:after  {content:''}
#homeCarousel h2 {text-align:center; display: block;margin-bottom: 11px;}
#homeCarousel .btn {margin-top: 11px;}

#homeCarousel .owl-pagination {text-align: center;}

/*** OWL carousel ***/
.owl-carousel .imgWrapper {margin-right: 15px;margin-left: 15px;} 
/* remove default OWL arrows */


/** OWL SLIDER **/

.owl-theme .owl-controls .owl-buttons div{
	position:absolute;
	top:30%;
	background:none;
	font-family: 'custom-icons';
	font-size:22px;
	text-align:center;
	color:#fff;
	opacity:1;
	border-radius: 4px;
	padding:0;

}

#carouselWorks1.owl-theme .owl-controls .owl-buttons div{top:42%;}


.noOwlButtons .owl-buttons{display:none;}

.owl-next {right:0;}
.owl-prev {left:0;}

.owl-next i, .owl-prev i {display:block; padding: 10px 5px;}


.owl-theme .owl-controls {margin-top:22px;}

#carouselWorksFullscreen img{ width: 100%}

/*** camera ***/
.camera_caption h1  {
	font-size: 22px;
	margin-bottom: 11px;
	font-weight: 400;
	line-height: 1em;
	text-transform: uppercase;
	padding: 0;
	text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
	text-align: left;
	display: inline-block;
}
.camera_caption h2  {
	font-size: 11px;
	}
.camera_caption p { display:none;}
.camera_caption {bottom:10%;width:60%;left:44px;}
.camera_caption > div{padding:22px;}
.camera_wrap .camera_pag .camera_pag_ul {text-align: center;}

/*** layer Slider ***/
#layerslider h1 {padding:11px; border-radius:4px;}

#layer-slider-blog #layerslider h1 {background:none; font-size: 88px; text-align: center}
#layer-slider-blog #layerslider h2 { text-align: center;}
.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next, .ls-borderlesslight .ls-nav-prev, .ls-borderlesslight .ls-nav-next {z-index:100!important; display:none;}


/*** MEDIA QUERIES ***/

@media(max-width:400px){
	#homeCarousel h2 {font-size: 12px;}
.paralaxText .testimonialCarousel blockquote {text-transform: none;letter-spacing:normal;
	font-size: 16px;
	line-height:20px;
	}
}

@media(min-width:768px){
	/* OWL Carousel */
	#homeCarousel h1 {font-size:40px; text-align: left;}
	#homeCarousel h2 {text-align:left;}
	#homeCarousel {
		margin-top:44px;
		text-align:left;
	}
	#homeCarousel .owl-pagination {text-align: left;}

	/* FLEX slider */
	.flex-control-nav{display:block!important;}

	.flexslider .caption p { font-size: 14px;}
	.flexslider h1 {font-size: 33px;}
	.flexslider h2 {font-size: 16px;}

	/* Camera slider */
	.camera_caption {width:40%;}
	.camera_caption h1 { font-size: 27px;}
	.camera_caption h2 { font-size: 16px; }
	.camera_caption p { display:block; line-height: 1.5em;}

	/* Supersized slider */
	#superSizedSlider h1 {font-size:88px;}
	#nextslide, #prevslide {
		font-size: 4em;
		height: 4em;
		line-height: 4em;
		width: 2em;
	}
	.ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next, .ls-borderlesslight .ls-nav-prev, .ls-borderlesslight .ls-nav-next {display:block;}

	}
@media(min-width:992px){
	#homeCarousel h1 {font-size: 50px;}
	#homeCarousel {
	margin-top:66px;
	}

	.flexslider .caption p { font-size: 14px;}
	.flexslider h1 {font-size: 44px;}
	.flexslider h2 {font-size: 22px;}

	.camera_caption h1 { font-size: 33px;}
	.camera_caption h2 { font-size: 22px; }
	.camera_caption p { font-size: 12px; }
}

@media(min-width:1200px){
	#homeCarousel h1 {font-size: 80px;}
	#homeCarousel {
		margin-top:55px;
		}
	.flexFullScreen {
	min-height: 500px;
	}
}
@media(min-width:1199px){

	.flexFullScreen {
	min-height: 400px;
	}
}
/*** END MEDIA QUERIES ***/

/* BLOG
================================================== */
article.post{margin-bottom: 22px;}
.post h2 a:hover{text-decoration:none;}
.postMeta {
	/*border-radius: 4px;*/
	background: #F00;
	text-align: center;
	padding:2px;
}
.postDate {padding: 11px 0;}
.postDate span{
	text-align: center;
	display: block;
}
.dateDay{
	font-size: 33px;
	font-weight: 400;
	padding: 11px 0;
	font-family: 'Oswald',sans-serif;
	width: 100%;
	line-height: 22px;
}
.formatIcon {padding:11px 0; border-top:1px solid #fff;}
.formatIcon i {font-size: 22px;}

ul.entry-meta {margin:0; padding:0; margin-bottom:11px; font-size:11px;}
ul.entry-meta li {display:inline-block;}

.widget {margin-bottom:22px;padding-bottom:22px;}
.tagCloud a:link, .tagCloud a:visited {
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin: 0 3px 14px 0;
	padding: 7px;
	border-radius: 2px;
	line-height: 1em;

}

/* END BLOG
================================================== */

/* PAGES
================================================== */
.page-header .col-sm-6{ margin-bottom:0; }
.page-header{padding: 18px 0 12px 0;margin:0;}
.page-header.bigHeader {padding-bottom:0 }
.page-header h1{
padding:0;  
margin:0;   
font-size: 30px; 
line-height: 28px;
text-transform: uppercase; 
font-family: bebas_neueregular, arial, sans-serif; 
font-weight: normal;}
.page-header p {margin:0 0 0 0;}

.page-header.bigHeader h1{margin-bottom:17px;}
.page-header.bigHeader p{margin-bottom:12px;}

ul#navTrail {padding:0; margin-bottom: 0;}
ul#navTrail li{display:inline-block;font-size:12px;}
ul#navTrail li a{text-decoration: none; }
ul#navTrail li a:after{content:" / ";}

/** sidebar **/
nav#subnav {margin-bottom: 22px;}
nav#subnav ul {margin:0; padding:0; list-style-type: none}
nav#subnav ul li a{
	margin:0;
	padding:11px;
	display: block;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
nav#subnav ul li a:hover{text-decoration: none;}
nav#subnav ul li a i {float:right;display:none; margin-top: 4px;}
nav#subnav ul li a:hover i, nav#subnav ul li a.active i {display:block;}
nav#subnav{padding:0;}

@media(min-width:768px){
	ul#navTrail {float:right;}
	.formatIcon i {font-size: 33px;}
}
@media(min-width:992px){
	
}

@media(min-width:1200px){

}

/* END PAGES
================================================== */


/* PORTFOLIO
================================================== */
nav#filter {margin-bottom:22px;}
nav#filter ul {padding:0;}
nav#filter li{ display:inline-block;list-style:none;}
.isotopeItem {margin-bottom: 22px;}
.isotopeItem .boxContent{margin-top:22px; padding:0;}
.page-header .projectTitle {text-align: right;}
header#project{padding:22px 0;}
#project h1 {text-align:left;}
.centerBtn {display:inline-block!important;}
#fullWidthImageProject img{width: 100%;}
#portfolioFullWidth #shareme {float:right;}


/*** pinterest like ***/
.pinBox{
	padding:15px;
	position:relative;
}
.pinBox .boxContent{
	margin-top: 11px;
	}
.pinInfo{
	padding:11px 0 0 0;
	margin:0;
}
.pinInfo li {
	display: inline-block;
}
.pinInfo li a {
	text-decoration: none;
	font-size:12px;
}

/* END PORTFOLIO
================================================== */

/* FORM
================================================== */
textarea#comments {height:87px;}
#verify {width:auto; display:inline-block;margin-top:11px;}
.securityCheck h3 {margin-bottom:7px;}

/*** MEDIA QUERIES ***/

@media(max-width:767px){}

@media(min-width:768px){
	.page-header .projectTitle {text-align: left;}
	#verify {margin-left:15px; margin-top: 0;}
}

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

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

/*** END MEDIA QUERIES ***/

/* END FORM
================================================== */


/* SOCIAL APPS
================================================== */

.appdesc h2 {
    font:36px/1.2 "roboto_condensedregular", sans-serif;
    color:#71980d;
    margin:0 0 8px 0;
}
.appdesc h2 span {
font-family:"roboto_condensedbold", sans-serif;}

.appdesc h2 a {
    text-decoration: none;
}

.appdesc p {
    margin:0 0 18px 0;
    font-size: 17px;
    line-height: 27px;

   
}
.rowbd4 {
border-bottom: 4px dotted #dcdbdb
}
.rowt4 {
border-top: 4px dotted #dcdbdb
}
#centeredmenu {
   float:left;
   width:100%;
   background-color: #eee;
    border-bottom: 5px solid #DD4138;
   overflow:hidden;
   position:relative;
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   font-family: robotoregular, arial, sans-serif;
}
#centeredmenu ul li a {
         color: #000;
    display: block;
    font-size: 1.3em;
    line-height: 49px;
   margin:0 0 0 1px;
   padding:3px 20px;
   background-color: #eee;
   text-decoration:none;
}
#centeredmenu ul li a:hover {
   background:#DD4138;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#DD4138;
   font-weight:normal;
}

/* responsive rules */
@media all and (max-width : 980px) {
    #centeredmenu ul, #centeredmenu, #centeredmenu ul li {
        float: none;
    }
   
}

/* END SOCIAL APPS
================================================== */



/* MISCELANIOUS
================================================== */
/* Preloader one page */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10000; /* makes sure it stays on top */
}

#status {
	width:100px;
	height:100px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	
	margin:-50px 0 0 -50px; /* is width and height divided by two */
	text-align: center;
	padding-top:15px;
	text-transform: uppercase;
	border-radius:11px;
}

/* demo */
.highlight{margin-bottom: 44px;}
.bs-docs-section .btn {margin-bottom: 11px;}


/*** STYLE SWITCHER ***/
#switcherContent{padding:0 15px 15px 15px;}
.styleSwitcher {background:#333; position:fixed; top:200px; width:170px;left:-170px;z-index:9999}' +
.switcher.dark{background:#555;}
.styleSwitcher ul li{display:inline-block;}
.styleSwitcher ul {display:block; padding:0; margin:0}
.styleSwitcher ul.switcher li a {display:block; text-indent:-3000px; overflow:hidden; border:none; width:20px; height:20px; margin:0 5px 5px 0;}
.styleSwitcher h1 {padding:0 0 6px 0; line-height:44px;font-size:14px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform:uppercase; color:#ddd;border:none; margin:0; text-align:left;}
.styleSwitcher h1:after {content:none;}
.styleSwitcher #showHideSwitcher{outline:none; width:50px; height:50px; position:absolute; right:-50px; background:#333; top:0; font-size:24px; text-align:center; line-height:50px; color:#555;}
.styleSwitcher #showHideSwitcher:hover i {color:#999;}
.styleSwitcher select{font-size:11px;margin:0 0 15px 15px;background:#222; border:1px solid #444; width:120px;padding:4px; color:#fff;}

a.btnSwitcher {
	display: block;
	width:120px;
	border:1px solid #444;
	background:#222;
	margin-top:10px;
	text-transform: uppercase;
	padding:10px;
	color:#777;
	text-decoration: none;
	text-align: center;
}
.btnSwitcher.active, .btnSwitcher:hover {
	border-color:#666;
	background:#333;
	color:#ddd;
} 
/* font icon test */
ul.iconsTest {
	margin:0 0 22px 0;
}
.iconsTest li {
	display:block;
	float:left;
	margin-right: 22px;
}
.ico1 {
	color: #00CCFF;
	font-size: 1em;
}
.ico2 {
	color: #3366FF;
	font-size: 3em;
}
.ico3 {
	color: #6666CC;
	font-size: 6em;
}
.ico4 {
	color: #FFFFFF;
	font-size: 6em;
	text-shadow: 0 2px 2px #777777;
}


/*** hover images ***/
.imgHover article {
	position:relative;
}
.mask {
	position:absolute;
	top:0;
	left:15px;
	background: rgba(255,255, 255, 1);
	/*width:100%;*/
	display:none;
    z-index:0;
}
.iconLinks {
	display:none;
    position: relative;
}

.iconLinks a{  
    display: inline-block;
    text-decoration:none;

}
.iconLinks a:hover i{     
    -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.iconLinks a span{
	position: relative;
	top: 0px;
	font-size: 14px;
	text-align: center;
	width: 100%;
	display: block;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;

}

.mediaHover {
	text-align:center;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;

}

.ie8 .mask {
	bacground:white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}


ul.socialNetwork {padding:0; display: block;}
ul.socialNetwork li {display:inline-block; list-style-type: none;}

/*** pricing table ***/
.pricingBloc {
	text-align:center;
	margin-top:22px;
	 -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.pricingBloc:hover {
margin-top:18px;
}
.pricingBloc ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:12px;
}
.pricingBloc ul li {
	padding:11px 0
}
.pricingBloc h2 {
	font-size: 14px;
	margin-bottom: 0;
	padding: 11px;
	font-weight: 300;
}
.pricingBloc h3 {
	font-size: 28px;
	font-weight: 400;
	display: block;
	padding: 22px;
	margin-bottom: 0;
}
.pricingBloc h3 span {
	font-size: 14px;
	font-weight: 300;
	margin: 11px 0 0 0;
	display: block;
	letter-spacing: normal;
}
.pricingBloc p {
	margin-bottom:0;
	padding:1.5em
}
.pricingBloc.focusPlan {
	margin-top:0;
}
.pricingBloc.focusPlan h3 {
	font-size:44px;
	padding:22px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
/*** end pricing table ***/

/*** responsive video ***/
.videoWrapper {
	position: relative;
    padding-bottom: 54%;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoWrapper.video1 {
padding-bottom: 39.6%; /*ratio = 198/500*100 */
}

p.credits {
	padding:1.5em;
	margin-bottom:1.5em
}
/*** end responsive video ***/

/*** share plugin ***/

.sharrre .button {
float: left;
width: 60px;
}
#shareme h4 {margin-top: 22px; font-size: 16px;}
#shareme a {
	display:block;
	text-align: center;
	width: 44px;
	height: 44px;
	padding-top: 10px;
	float:left;
}
#shareme i {color:#fff;}
#shareme .facebook {background:#3b5998;}
#shareme .twitter {background:#55ACEE;}
#shareme .googleplus {background:#d34836;}
/*** MEDIA QUERIES ***/

@media(max-width:767px){}

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

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

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

/*** END MEDIA QUERIES ***/

/* END MISCELANIOUS
================================================== */


 /******************************************************************************/
/*  Services Section							*/
/******************************************************************************/

.servpic {
font-size: 11px; 
line-height: 14px; 
font-family: robotolight, arial, sans-serif;
margin-top: 4px;
}
.servred {
color: #DD4A38;
}
.servbarrd {
background-color: #dd4238; 
padding: 6px; 
color: #fff;
}
.mb25 {
margin-bottom: 25px;
}
 /******************************************************************************/
/*  Blockquote								*/
/******************************************************************************/

#quote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 0px;
padding:.5em 10px;
}
.quoteftleft {
float: left; 
width: 7%; 
margin-right: 12px;
 }
.quoteftrt {
float: left; 
width: 90%; 
 }
 
.quotelfttxt {
font-size: 26px; 
color: #000; 
font-weight: normal; 
font-family: 'bebas_neueregular',  Arial, Helvetica, sans-serif; 
padding-top: 8px
 }
 
.quoterttxt {
font-size: 14px; 
color: #777; 
font-weight: normal; 
letter-spacing: .05px; 
font-style: italic; 
font-family: Arial, Helvetica, sans-serif; 
line-height: 19px
}
 
    
 /* SHARE */
        .shareRow {margin-bottom: 30px; margin-top: 20px;}
        .shareRow .shareLabel {
            float: left;
            font-weight: bold;
            text-align: center;
            width: 60px;
            margin-right: 5px;
            box-sizing: border-box;
            -moz-box-sizing:border-box;
            -webkit-box-sizing:border-box;
        }
        .orange .shareLabel {background-color: #FF821F;}
        .green .shareLabel {background-color: #A7B742;}
        .yellow .shareLabel {background-color: #F1C336;}
        .purple .shareLabel {background-color: #6A194D; color: #ffffff;} /* used on Expertise and Work */
        .blue .shareLabel {background-color: #87CCE6;}
   


/************************************************************************************
NAV
*************************************************************************************/
#subnav-wrap {
	margin: 0;
	padding: 0;
	
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}
#subnav  {
	margin: 0 0 0 18px;
	padding: 0 6px 0 0;
	
}
#subnav li {
	margin: 0;
	padding: 0 6px 0 0;
	
}
#subnav li {
	list-style: none;
	float: left;
	margin-right: 5px;
	font-size: 16px;
}
#subnav li .current {
	background-color:#DD4138;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}


/* nav link */
#subnav a {
	padding: 9px;
	display: block;
	color: #000;
	background: #ecebeb;
	font-family: roboto_condensedregular, arial, sans-serif;
	margin-bottom: 5px;
}
#subnav a:hover, a.current {
	background-color:#DD4138;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}


/* nav dropdown */
#subnav ul {
	background: #fff;
	position: absolute;
	margin: 0;
	padding: 0;
	border: none;
	display: none; /* hide dropdown */
	width: 170px;
}
#subnav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#subnav ul li a {
	padding: 6px 12px 6px 12px;
font-size: 14px;
margin-bottom: 1px;
line-height: 18px;
}


#subnav li:hover > ul {
	display: block; /* show dropdown on hover */
}


  /* SPECIALTIES */    
           .rowspecialbox {
               border-top: 6px solid #eeeeee;
            margin-bottom: 0px;
        }
         .rowspecialbot {
 border: 2px solid #eee; margin: 0px 0 6px 0;
          }    
              .rowspecialbox .title {
              font-size: 26px;
                  font-family: 'bebas_neueregular', Helvetica, Arial, sans-serif;
            font-weight: normal;
            text-transform: uppercase;
            margin: 5px 0 2px 0;
        }
        .rowspecialLinks {
           
            padding: 0;
            margin: 0;
                     overflow:hidden;
        }

         .rowspecialwraptop { 
        border-top: 1px dashed #C8C8C8; 
        border-bottom: 1px dashed #C8C8C8; 
        padding-top: 6px;
        padding-bottom: 6px; 
        margin-bottom: 6px;
        margin-top: 6px;
         }
        .rowspecialwrap { 
        border-bottom: 1px dashed #C8C8C8; 
        padding-bottom: 6px; 
        margin-bottom: 6px;
         }
          .rowspecialwraplast { 
        border-bottom: 1px dashed #C8C8C8; 
        padding-bottom: 6px; 
        margin-bottom: 20px;
         }
        .rowspecialLinks img {
            float: left;
            margin-right: 8px;
   
        }
        .rowspecialLinks .linkPod {
            float: left;
            width: 50%;
        
        }
        .rowspecialLinks .linkPod div {
            padding-top: 3px;
            
        }
        .rowspecialLinks .linkPod a {
            color: #333333;
           
        }
        .rowspecialLinks .linkPod.left {
            border-right: 1px dashed #C8C8C8;
          
        }
        .rowspecialLinks .linkPod.right {
            padding-left: 15px;
        }
        .rowspecialLinks .linkPod.left div,
        .rowspecialLinks .linkPod.right div {
            overflow: hidden;
        }
        .rowspecialLinks div {
            font-size: 12px;
            font-weight: bold;
            line-height: 14px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }     
     
     
     


/************************************************************************************
MOBILE
*************************************************************************************/


@media screen and (max-width: 1009px) {
.flexslider .caption .element1-1 {
margin-top: 3%;
}
.flexslider .caption .element1-2 {
    width: 100%;
    margin-top: 1%;
}
.flexslider .caption .element1-3 {
margin-top: 1%;
}
#subnav  {
	margin: 0;
	padding: 0 6px 0 0;
	
}
	/* nav-wrap */
	#subnav-wrap {
		position: relative;
		margin-top: 12px;
			font-family: helvetica, arial, sans-serif;
	}

	/* menu icon */
	#menu-icon {
		color: #fff;
		width: auto;
		height: 36px;
		background: #DD4138 url(http://www.sanfranciscodesignweb.com/image/menu-iconwhite.png) no-repeat 10px center;
		padding: 6px 10px 0 42px;
		cursor: pointer;
		font-weight: bold;
		font-size: 16px;
		border: solid 1px #DD4138;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #DD4138;
	}
	#menu-icon.active {
		background-color: #DD4138;
	}
	
	/* main nav */
	#subnav {
		clear: both;
		
		width: auto;
		z-index: 10000;
		padding: 5px 10px;
		background: #DD4138;
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		border: solid 1px #DD4138;
		display: none; /* visibility will be toggled with jquery */
	}
	#subnav li {
		clear: both;
		float: none;
		margin: 2px 10px 8px 10px;
	}
	
	#subnav li .current {
	background-color:#DD4138;
	color:#fff;
	font-weight: normal;
	text-decoration: none;
}

	#subnav a, 
	#subnav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #fff;
		border: none;
	}
	#subnav a:hover, 
	#subnav ul a:hover {
		background: none;
		color: #fff;
	}
	#subnav a:hover, a.current {
	background-color:#DD4138;
	color:#fff;
	font-weight: normal;
	text-decoration: none;
}

	/* dropdown */
	#subnav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#subnav ul li {
		margin: 3px 0 3px 15px;
	}
.btn-med {
	padding:8px 11px 6px;
	font-size:12px;
	border-radius:4px;
}	
	.mt45 {
	margin-top: 0px;
}
}
@media screen and (min-width: 1009px) {

	/* ensure #subnav is visible on desktop version */
	#subnav {
		display: block !important;
	}

}
       
/* ============================================================================================================================== */
/* PHONE PORTRAIT */
/* ============================================================================================================================== */
@media (max-width: 480px) {

.color2 h3.botm  {
color: #fff;
font-size: 34px;
line-height: 34px;
font-weight: normal;
position: relative;
margin-bottom: 11px;
font-family: bebas_neueregular, arial, sans-serif;
}


.page-header h1{
font-size: 22px; 
line-height: 22px;
}

#subnav a {
	margin-bottom: 0px;
}
#subnav  {
	margin: 0;
	padding: 0 6px 0 0;
	
}

    /* SHARE */
        .shareRow .imgIconShare {
            height: 30px;
            width: 30px;
            margin-right: 5px;
        }
        .shareRow .shareLabel {
           padding-top: 5px;
            height: 30px;
        }
 

#quote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 0px;
padding: 2px 10px;
}

 .quoteftleft {
float: none;
width: 95%; 
margin: 0; padding: 0;
 }
.quoteftrt {
float: none;
width: 95%; 
margin: 0; padding: 0;
 }

 .quotelfttxt {
font-size: 20px; 
color: #000; 
font-weight: normal; 
font-family: 'bebas_neueregular',  Arial, Helvetica, sans-serif; 
padding-top: 0px
 }
 
.quoterttxt {
font-size: 12px; 
color: #757575; 
font-weight: normal; 
letter-spacing: -.04px; 
font-style: italic; 
font-family: Arial, Helvetica, sans-serif; 
line-height: 16px
}
}

/* ============================================================================================================================== */
/* CUSTOM
/* ============================================================================================================================== */

.servintro {
font-size: 18px; 
line-height: 26px; 
font-family: robotolight_italic, sans-serif;
}
.servblk  {
    margin:0 0 18px 0;
}
.servblk h1 {
    font:30px/1.2 "robotolight", sans-serif;
    color:#dd4138;
    margin:0 0 8px 0;
}
.servblk h1 span {font-family:"robotobold", sans-serif;}

.servblk h1 a {
    text-decoration: none;
}

.servblk h3{
 font:20px/1.2 roboto_condensedregular, sans-serif;
    color:#131313;
    margin:0 0 8px 0;
padding: 0;
text-transform: none;
}


.servblk p {
    margin:0 0 12px 0;
    font-size: 16px;
    line-height: 24px;
}
p.subhd {
    margin:0 0 4px 0;
    font-size: 16px;
   font-family:"robotobold", sans-serif;
   text-decoration: underline;
   color: #131313;
}
.servadd {
line-height: auto;
}
.servadd a:link{
color: #131313;
text-decoration: none;
}
.servadd a:hover{
color: #dd4138;
text-decoration: none;
}

 .quoteftleftb {
float: left; 
width: 10%; 

 }
.quoteftrtb {
float: left; 
width: 80%; 
padding-left: 5%;
 }
 
.quotelfttxtb {
font-size: 30px; 
line-height: 30px;
color: #000; 
font-weight: normal; 
font-family: 'bebas_neueregular',  Arial, Helvetica, sans-serif; 
padding-top: 6px;
 }
 
.quoterttxtb {
font-size: 14px; 
color: #757575; 
font-weight: normal; 
letter-spacing: -.04px; 
font-style: italic; 
font-family: Arial, Helvetica, sans-serif; 
line-height: 18px;
padding-bottom: 6px
}
.medhd {
    display: block;
}

@media (min-width: 1121px) {
.medhd {
    display: none;
}
}

@media screen and (min-width:768px) and (max-width:1009px) { 
 h1.prophd {
margin-top: 44px !important;
}
 .quoteftleftb {
float: none;
width: 95%; 
margin: 0; padding: 0;

 }
.quoteftrtb {
float: none;
width: 95%; 
margin: 0; padding: 0;
 }
  }


@media (min-width: 768px) and (max-width: 979px) {
  
   .quoteftleftb {
float: none;
width: 95%; 
margin: 0; padding: 0;

 }
.quoteftrtb {
float: none;
width: 95%; 
margin: 0; padding: 0;
 }

 }

@media (max-width: 767px) {
h1.prophd {
     font-size: 32px !important;
    line-height: 1.4 !important;
    margin-top: 0 !important;
}
  .quoteftleftb {
float: none;
width: 95%; 
margin: 0; padding: 0;

 }
.quoteftrtb {
float: none;
width: 95%; 
margin: 0; padding: 0;
 }
}
@media (max-width: 480px) {
.ctaBox h1 {
    font-size: 28px;
    line-height: 1.3;
}
h3.widget-title {
    margin: 0 auto 12px;
    text-align: center;
}
.navrw {
    margin: 0 auto;
    text-align: center;
}
.navrt,
.navlf {
    width: 75% !important;
}
h1.prophd {
     font-size: 28px !important;
}
.btn {
    padding: 12px;
    font-size: 16px;
    line-height: 1.4;
}
h1 {
    font-size: 28px;
      line-height: 1.4;
}

.flexslider {
    display: none;
}
h2.homehd {
	font-size:28px;
	line-height: 1.2 !important;
}
h2 {
	font-size:28px;
	line-height: 1.2 !important;

}
.servintro {
font-size: 16px; 
line-height: 24px; 
letter-spacing: 0em;
font-family: robotolight_italic, sans-serif;
}

.servblk h3{
 font:18px/1.2 roboto_condensedregular, sans-serif;
 
}

.servblk p {
    font-size: 14px;
    line-height: 22px;
}

.servblk h1 {
font-size: 24px;
line-height: 1.3;
}

.quoteftleftb {
float: none;
width: 95%; 
margin: 0; padding: 0;
}

.quoteftrtb {
float: none;
width: 95%; 
margin: 0; padding: 0;
}

.quotelfttxtb {
font-size: 28px; 
line-height: 30px;
color: #000; 
font-weight: normal; 
font-family: 'bebas_neueregular',  Arial, Helvetica, sans-serif; 
}
 
.quoterttxtb {
font-size: 14px; 
color: #757575; 
font-weight: normal; 
letter-spacing: -.04px; 
font-style: italic; 
font-family: Arial, Helvetica, sans-serif; 
line-height: 18px;
padding-bottom: 6px
}

.iconBig {
    font-size: 44px;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    width: auto;
    margin-right: 8px;
   margin-left: 0;
}
.appdesc h2 {
   font-size: 28px;
   line-height: 1.3;
}
.inner-slide h1 {
    font-size: 32px;
    line-height: 1.2;
   text-align: center;
}
.inner-slide h2 {
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
}
}
@media (max-width: 380px) {
.iconBig {
    font-size: 38px;
}
.btn {
  font-size: 15px;
}
.ctaBox h1 {
    font-size: 24px;
}
.navbar-brand>img {
max-width: none;
width: 80%;
}
.servblk h1 {
font-size: 22px;
}
.quotelfttxtb {
font-size: 24px; 
}
}
@media (max-width: 320px) {
.btn {
  font-size: 14px;
}
h1 {
    font-size: 24px;
      line-height: 1.4;
}
.appdesc h2 {
   font-size: 24px;
}
.inner-slide h1 {
    font-size: 28px;
}
.inner-slide h2 {
    font-size: 18px;
}
}