/*   
Theme Name: SearchPro Systems 2014
Theme URI: http://www.searchprosystems.com
Description: Theme for 
Author: Dan Mensinger
Author URI: http://www.searchprosystems.com
Version: 1.0
Tags: fixed width, two columns, right sidebar, widgets, gravatars
.
Copyright SearchPro Systems 2014
.
*/

/*
ORANGE : #f15928
GREEN  : #76c044
BLUE   : #107dc1
*/

body{
	font-family: 'arial', Sans-Serif;
	color:#333;
    background-color: #111;
	margin: 0;
	padding: 0;
	}
	
iframe, object, embed {max-width: 100%;}

a{text-decoration:none;color: #1571d6;}

a:hover{color:#f15928;}

a img{border: 0px;}
a img{
    opacity: 1.0;
	filter: alpha(opacity=100);
    transition: opacity .20s ease-in-out;
   -moz-transition: opacity .20s ease-in-out;
   -webkit-transition: opacity .20s ease-in-out;
   } 
a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	}

img.expand{    
	-webkit-transform: scale(0.8,0.8);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(0.8,0.8);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(0.8,0.8);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
	}
img.expand:hover{   
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1,1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    position: relative;
    z-index: 99;
	}
img.main{ background-color:#efefef; width:96%; padding:2%; height:auto;}
		
h1{font-size:34px; margin:0px 0px 15px 0px; padding:0px; line-height:42px; font-family:'roboto'; font-weight:300;}
h2{font-size:30px; margin:0px 0px 15px 0px; padding:0px; line-height:40px; font-family:'roboto'; font-weight:700;}
h3{font-size:24px; margin:0px 0px 15px 0px; padding:0px; line-height:32px; font-family:'roboto condensed'; font-weight:700;}
h4{font-size:20px; margin:0px 0px 15px 0px; padding:0px; line-height:28px; font-family:'roboto condensed'; font-weight:700;}
h5{font-size:14px; margin:0px 0px 15px 0px; padding:0px;}

p{margin: 0px 0px 15px 0px;}

strong{}

hr{
  border:0;
  border-top: 1px solid #ccc;
  height: 0;
  background: #ccc;
  margin:20px 0px;
  }

.orange{color: #f15928;}
.green{color: #76c044;}
.blue{color: #107dc1;}

.wrapper{
	width:1080px;
	margin:0px auto;
	padding:0px 0px;
	}
	
#header-mobile{display:none;}

#header{
	margin:0px auto;
	width:100%;
	height:100px;
	display:block;
    background-color: #111;
	position:fixed; 
	z-index:1000;
	overflow:hidden;
    transition: height 500ms;
	}
#header.hide {
    height:0px;
	}
#header .logo a{
	display:block;
	width:250px;
	height:66px;
	float:left;
	position:relative;
	top:20px;
	}
#header .tagline{
	display:block;
	float:right;
	position:relative;
	top:40px;
	margin:0px 15px 0px 0px;
	padding:0px 15px 0px 0px;
	border-right:1px solid #333;
	}
#header .contact{
	display:block;
	float:right;
	position:relative;
	top:40px;
	clear:right;
	}
#header .contact-mobile{display:none;}
	
#page{
	width:100%;
	min-width: 1080px;
	padding: 200px 0px 30px 0px;
	overflow:hidden;
	background-color:#fff;
	}
.full{text-align:center;}

#page h1.pagetitle{display:block; padding:0px 0px 38px 0px; margin:0px 0px 25px 0px; 	
	background-image:url("images/divider.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	}
#page h1.pagetitle-left{color:#f15928;}
#page h2, #section h2{color:#f15928;}
#page h3, #section h3, #home-blog h3{color:#76c044;}

#content{
	width: auto;
	font-size:16px;
	line-height: 24px;
	overflow:hidden;
	}
#content img{max-width:100%; height:auto;}	

	
/* BUTTONS */

#button{    
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1,1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
	}
#button:hover{   
	-webkit-transform: scale(1.1,1.1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.1,1.1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1.1,1.1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    position: relative;
    z-index: 99;
	}
	
#button a{display:block; padding:12px 16px; color:#fff; font-size:16px; text-align:center; font-family:'roboto condensed'; font-weight:700;}

#button.green {background-color:#76c044;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	 max-width:200px;
	}
#button.green:hover{background-color:#368600;}

#button.blue {background-color:#107dc1;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	 max-width:200px;
	}
#button.blue:hover{background-color:#009dff;}

#button.orange {background-color:#f15928;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	 max-width:200px;
	}
#button.orange:hover{background-color:#e83f09;}

/* FOOTER */

#footer{
	width:100%;
	min-width: 1080px;
	margin:0px auto;
	display:block;
	font-size:14px;
	line-height:22px;
	padding:30px 0px;
	color:#999;
	}
#footer p{line-height:24px;}
#footer h3{color:#666;}
#footer hr{border-top: 1px solid #333; background: #333}
#footer img{max-width:100%; height:auto;}	

#footer-nav-wrap{
	background-color:#000;
	padding:25px 0px 10px 0px;
	color:#666;
	font-size:13px;
	overflow:hidden;
	}

#top{
	display:block;
	float:right;
	margin-top:-10px;
	}
#top a{
	display:block;
	width:45px;
	height:45px;
	background-image:url("images/top.png");
	background-position:top center;
	background-repeat:no-repeat;
	margin-left:25px;
	float:right;
	}
#top a:hover{background-position:bottom center;}


/* SMEDIA */
	 
#smedia{}
#smedia a{
	float:left;
	display:block;
	width:64px;
	height:64px;
	margin:0px 5px 5px 0px;
	}
#smedia a{    
	}
#smedia a:hover{   
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	}
	
#smedia .fb a{
	background-image:url("images/fb.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	}
#smedia .fb a:hover{background-position:top center;}

#smedia .tw a{
	background-image:url("images/tw.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	}
#smedia .tw a:hover{background-position:top center;}

#smedia .gp a{
	background-image:url("images/gp.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	}
#smedia .gp a:hover{background-position:top center;}

#smedia .yt a{
	background-image:url("images/yt.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	}
#smedia .yt a:hover{background-position:top center;}

#smedia .in a{
	background-image:url("images/in.png");
	background-position:bottom center;
	background-repeat:no-repeat;
	}
#smedia .in a:hover{background-position:top center;}

	
/* HOME */

#home{width:100%; position:relative; top:160px; margin-bottom:160px;}
#home img{max-width:100%; height:auto;}	

#home .header{width:100%; height:100px; display:block;}
#home .header strong{font-family:'roboto condensed'; font-size:40px; font-weight:700; color:#000; line-height:100px;}
#home .header em{font-family:'roboto'; font-size:36px; font-style:italic; font-weight:700; color:#fff; }

#slider-title{color:#f15928;}
.big_orange{background-color:transparent!important;}
#slider-title strong{font-family:'roboto condensed'; font-weight:700;}
#slider-title em{font-family:'roboto'; font-style:italic; font-weight:700; }

#home .header.slider{ display:block; position:relative; z-index:100; margin-bottom:0px;} 
#home .slider strong{font-size:48px;} #home .slider em{font-size:48px;}

#home .header.work{ display:block; background-image:url("images/header-blue.png-"); background-color:#107dc1; background-repeat:repeat;} 
#home .header.solutions{ display:block; background-image:url("images/header-green.png-"); background-color:#76c044; background-repeat:repeat;} 
#home .header.team{ display:block; background-image:url("images/header-orange.png-"); background-color:#f15928; background-repeat:repeat;} 

#home .section-next a{display:block; float:right; height:48px; width:48px; margin-bottom:-20px; position:relative; top:-75px; background-image:url("images/arrow_down.png"); background-position:top;}
#home .section-next a:hover{background-position:bottom;}
#home .section-prev a{display:block; float:right; height:48px; width:48px; margin-bottom:-20px; position:relative; top:-75px; background-image:url("images/arrow_up.png"); background-position:top;}
#home .section-prev a:hover{background-position:bottom;}
#home .goto { display: block; margin: -60px 0 0; padding: 60px 0 0;}

#home-slider{
	display:block;
	height:100%;
	overflow:hidden;
	}
#home-slider .text{display:block; max-width:600px;}
#home-slider p{font-size:16px; line-height:26px; margin:20px 0px;}
#home-slider h1{font-family:'roboto'; font-size:68px; color:#ccc; line-height:68px; text-transform:uppercase; font-weight:700;}
#home-slider h2{font-weight:300; font-size:30px;}
#home-slider h2 .green{font-weight:700;}
#home-slider .button-orange{ position:relative; float:right; right:-140px; top:-70px; width:150px;}
#home-slider .promo{
	display:block;
	width:100%;
	max-width:740px;
	height:160px;
	background-image:url("images/black25.png");
	background-repeat:repeat;
	border:1px solid #333;
	}

#home-mobile-cta{display:none;}

#home-work{
	display:block;
	background-color:#333;
	color:#ccc;
	padding:60px 0px;
	text-align:center;
	}
#home-work h1{color:#666; margin-bottom:25px;}
#home-work h3{text-transform:uppercase;}
#home-work a img{margin:0 10px 40px 10px; vertical-align:middle;}	
	
#home-solutions{
	display:block;
	background-color:#fff;
	padding:60px 0px;
	text-align:center;
	}
#home-solutions img{max-width:100%; height:auto; margin-bottom:15px;}	

	
#home-team{
	display:block;
	background-color:#efefef;
	}
#home-team ul {
	height:400px;
	overflow:hidden;
	margin:0px auto;
	padding:0px;
	width:100%;
	list-style-type:none;
	list-style-image:none;
	}
#home-team li {width:100%; height:400px; margin:0px; padding:0px;}
#home-team h1{font-size:28px; line-height:40px;}
#home-team .text{display:block; width:70%; margin:50px 0px;}
#home-team img{float:right;}
#home-team .sig{font-family:'roboto'; color:#f1582b; font-size:36px; font-style:italic; text-align:right;}
#home-team .bx-controls{display:none;}
#slide-andy{
	background-image:url("images/team-andy.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	position:relative; right:-20px;
	}
#slide-jay{
	background-image:url("images/team-jay.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	position:relative; right:-20px;
	}	
#slide-meghan{
	background-image:url("images/team-meghan.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	position:relative; right:-20px;
	}
#slide-dan{
	background-image:url("images/team-dan.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	position:relative; right:-20px;
	}
#slide-jason{
	background-image:url("images/team-jason.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	position:relative; right:-20px;
	}
#slide-chris{
	background-image:url("images/team-dubs.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	position:relative; right:-20px;
	}
	
#home-blog{
	display:block;
	background-image:url("images/wood-gray.jpg");
	background-repeat:repeat;
	padding:20px 0px 40px 0px;
	}
#home-blog .header strong{color:#76c044;}
	
	
/* SECTIONS */

#section{
	display:block;
	width:100%;
	min-width:1000px;
	padding:0px 0px;
	overflow:hidden;
	}
#section .wrapper{padding:40px 0px; overflow:hidden;}
#section.top{margin-top:-50px;}
#section.bottom{margin-bottom:-50px;}
#section.white{background-color:#fff;}
#section.lightgray{background-color:#efefef;}
#section.darkgray{
	background-color:#282828;
	color:#ccc;
	}
#section.brick{
	background-image:url("images/brick.jpg");
	background-position:top center;
	background-repeat:repeat;
	color:#ccc;
	}

#arrow-down{
	width:100%;
	height:20px;
	display:block;
	margin:0px auto -20px auto;
	z-index:1;
	position:relative;
	}
#arrow-down.repeat{background-repeat:repeat-x!important;}
#arrow-down.white{
	background-image:url("images/arrow-down-white.png");
	background-position:top center;
	background-repeat:no-repeat;
	}
#arrow-down.white-small{
	background-image:url("images/arrow-down-white-small.png");
	background-position:top center;
	background-repeat:no-repeat;
	}		
#arrow-down.white-outline{
	background-image:url("images/arrow-down-white-outline.png");
	background-position:top center;
	background-repeat:no-repeat;
	}	
#arrow-down.blue{
	background-image:url("images/arrow-down-blue.png");
	background-position:top center;
	background-repeat:no-repeat;
	}
#arrow-down.green{
	background-image:url("images/arrow-down-green.png");
	background-position:top center;
	background-repeat:no-repeat;
	}
#arrow-down.orange{
	background-image:url("images/arrow-down-orange.png");
	background-position:top center;
	background-repeat:no-repeat;
	}
	
#services img{max-width:100%; height:auto; margin-bottom:15px;}	
.service {min-height:320px;} /* set min height for services page panels */
.service .container{padding:0px 20px;}
.service #button.green{max-width: 150px;}

#sub-services img{max-width:70%; height:auto; margin-bottom:15px;}	


		
/* COLUMNS (Shortcode Columns Plugin) */

.full_width, .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth {float: left;}

.full_width  {width: 100%;}
.one_half  {width: 50%;}
.one_third  {width: 33.3%;}
.two_third  {width: 66.6%;}
.one_fourth  {width: 25%;}
.three_fourth  {width: 75%;}
.one_fifth  {width: 20%;}
.two_fifth  {width: 40%;}
.three_fifth  {width: 60%;}
.four_fifth  {width: 80%;}
.one_sixth  {width: 16.6%;}


.one_half {
	width: 48% !important;
	margin-right: 4% !important;
}
.one_half.last_column {
	width: 48% !important;
	margin-right: 0px !important;
}
.one_third {
	width: 32% !important;
	margin-right: 2% !important;
}
.one_third.last_column {
	width: 32% !important;
	margin-right: 0px !important;
}
.two_third {
	width: 65% !important;
	margin-right: 3% !important;
}
.two_third.last_column {
	width: 65% !important;
	margin-right: 0px !important;
}
.one_fourth {
	width: 23.5% !important;
	margin-right: 2% !important;
}
.one_fourth.last_column {
	width: 23.5% !important;
	margin-right: 0px !important;
}
.three_fourth {
	width: 74.5% !important;
	margin-right: 2% !important;
}
.three_fourth.last_column {
	width: 74.5% !important;
	margin-right: 0px !important;
}
.one_fifth {
	width: 18.4% !important;
	margin-right: 2% !important;
}
.one_fifth.last_column {
	width: 18.4% !important;
	margin-right: 0px !important;
}
.two_fifth {
	width: 39% !important;
	margin-right: 2% !important;
}
.two_fifth.last_column {
	width: 39% !important;
	margin-right: 0px !important;
}
.three_fifth {
	width: 59% !important;
	margin-right: 2% !important;
}
.three_fifth.last_column {
	width: 59% !important;
	margin-right: 0px !important;
}
.four_fifth {
	width: 79.6% !important;
	margin-right: 2% !important;
}
.four_fifth.last_column {
	width: 79.6% !important;
	margin-right: 0px !important;
}
.one_sixth {
	width: 15% !important;
	margin-right: 2% !important;
}
.one_sixth.last_column {
	width: 15% !important;
	margin-right: 0px !important;
}


.clear_column {
	clear:both;
	display:block;
	font-size:0; height:0;
	line-height:0; width:100%;
	overflow: hidden;
}
	

/* GALLERIES */

.gallery{}
.gallery a img{
	margin:0px 10px 12px 0px;
    opacity: 1.0;
	filter: alpha(opacity=100);
    transition: opacity .20s ease-in-out;
   -moz-transition: opacity .20s ease-in-out;
   -webkit-transition: opacity .20s ease-in-out;
   }
.gallery a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	}
.gallery-item{text-align:left!important;}	

.gallery-item {
    float: left;
    width: 21%;
    margin: 10px 2%;
    background-color: #FFFFFF;
    }

.gallery-item img {
    width: 90%;
    height: auto;
    margin: 5%;
    }	


.pikachoose{margin:0px 0px 30px 0px; padding:25px; background-color:#111;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.pikachoose .visit{display:block; position:absolute; border:1px solid red; z-index:100; }

/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; height: auto; width:100%; display:block; overflow:hidden; }
.pika-thumbs img{max-width:125px; height:auto;}
.pika-thumbs li{ width: 125px; height:49px;  padding: 0; overflow: hidden;
	float: left; list-style-type: none; padding: 3px; margin: 5px; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 100%; display:block;  margin:0px auto;}
.pika-stage {position: relative; text-align:center; overflow:hidden; height:auto;}
.pika-stage img{width:100%; height:auto; }
.pika-stage .caption {position: absolute; background: #111; font-size: 20px;  color: #fff; padding: 6px 20px; text-align: right; bottom: 0px; right: 0px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(images/slide-prev.png) no-repeat top; height: 40px; width: 50px; top: 42%; left: 10px;cursor:pointer;}
.pika-imgnav a.previous:hover{background-position:bottom;}
.pika-imgnav a.next {background: url(images/slide-next.png) no-repeat top; height: 40px; width: 50px; top: 42%; right: 10px;cursor:pointer;}
.pika-imgnav a.next:hover{background-position:bottom;}
.pika-textnav, .pika-counter{display:none;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
text-align:right; position:absolute; top:15px; right:15px; }

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 0px 0px 0px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: auto; width: 100%;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}

	
/* GRAVITY FORMS */

.gform_wrapper{}
.gform_wrapper ul li{margin:0px; padding:0px}
.gform_heading{}
.gform_title{}
.gform_description{}
.gform_body{}
.gform_fields{}  /* Box around all fields */
.gfield{} /* Box around individual field sections & titles */
.gfield_label{}
.gfield_checkbox{font-size:14px;}
.gform_fields input{background-color:#fff; border: 1px solid #ccc;}
.gform_fields textarea{background-color:#fff; border: 1px solid #ccc;}
.gform_fields select{background-color:#fff; border: 1px solid #ccc;}


#gform_1 .gform_fields input{background-color:#444; border: 0px solid #ccc; color:#ccc; padding:8px; width:96%;}
#gform_1 .gform_fields textarea{background-color:#444; border: 0px solid #ccc; color:#ccc; padding:8px; width:96%;}
#gform_1 .gform_fields select{background-color:#444; border: 0px solid #ccc; color:#ccc; padding:8px; width:96%;}

#gform_wrapper_2{
	background-color:#efefef;
	padding:15px 25px;
	}


/* QUERY STYLES */ 

#query{
	margin:15px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	border-top:1px solid #ccc;
	overflow:hidden;
	}

#query .content{
	width:auto;
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	}
#query .content p{margin:0px 0px 5px 0px; padding:0px;}
#query .text{
	display:block;
	width:auto;
	padding-left:170px;
	}
#query .title a{font-weight:700; font-family:'roboto condensed'; font-size:22px;}
#query .title a:hover{}

#query .metadate {
	font-size:13px;
	line-height:18px;
	color:#f15928;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
	margin:5px 0px;
}

#query .thumb{
	float:left;
	display:block;
	margin-right:15px;
	}
#query .thumb a img{margin:3px 0px 0px 0px; width:100%; height:100%; max-width:150px;
    opacity: 1.0;
	filter: alpha(opacity=100);
    transition: opacity .20s ease-in-out;
   -moz-transition: opacity .20s ease-in-out;
   -webkit-transition: opacity .20s ease-in-out;
	border:3px solid #efefef;
   }
#query .thumb a:hover img{
    opacity: 0.8;
	filter: alpha(opacity=80);
	border:3px solid #ccc;
	}	

#query .more a{}
#query .more a:hover{}	


#query-dark{
	display:block;
	padding:20px;
	background-color:#111;
	margin-bottom:20px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}	
#query-dark .content{
	width:auto;
	display:block;
	margin:0px 0px 0px 0px;
	color:#ccc;
	overflow:hidden;
	}
#query-dark .content p{margin:5px 0px 5px 0px; padding:0px;}
#query-dark .text{
	display:block;
	width:auto;
	padding-left:119px;
	text-align:left;
	}
#query-dark .title a{font-family:'roboto condensed'; font-size:24px; font-weight:700; text-transform:uppercase; line-height:26px; padding-right:100px; display:block;}
#query-dark .title a:hover{}

#query-dark .thumb{
	float:left;
	display:block;
	margin-right:15px;
	}
#query-dark .thumb a img{margin:3px 0px 0px 0px; width:100%; height:100%; max-width:100px; border:2px solid #ccc;}
#query-dark .thumb a:hover img{border:2px solid #f15928;}	
#query-dark .date{
	display:block;
	width:90px;
	height:50px;
	padding:5px 10px 0px 0px;
	background-image:url("images/metadate.png");
	background-position:top right;
	background-repeat:no-repeat;
	float:right;
	margin-bottom:-55px;
	top:-29px;
	position:relative;
	}
#query-dark .month{
	font-size: 14px;
	color: #83ef3c;
	font-family:'roboto condensed';
	text-transform:uppercase;
	float:right;
	line-height:40px;
	padding-right:8px;
}
#query-dark .day{
	font-size:30px;
	font-family:'roboto condensed';
	text-transform:uppercase;
	float:right;
	color:#fff;
}


/* NAVIGATION */

#nav {
	width:100%;
    height: 60px;
	background-color:#252525;
	margin: 0px;
	padding:0px;
	font-size:15px;
	font-weight:bold;
	position:fixed; 
	z-index:1000;
	top:100px;
	border-bottom:1px solid #111;
    transition: top 500ms;
	}
#nav.bump{top:0px;}
#nav .wrapper{border-left:1px solid #111;overflow:hidden;}
#nav ul {
	display:inline;
	margin:0px;
	padding:0px;
	}
	
#nav ul li {
	padding:0px;
	display:inline;
	}
	
#nav ul li a {
    display: block;
    padding: 0px;
    margin:0px;
    height: 60px;
	line-height: 85px;
    color: #fff;
	text-transform:uppercase;
    transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
    opacity: 0.5;
	filter: alpha(opacity=50);
	background-repeat:no-repeat;
	text-align:center;
	}
#nav ul li .menu-item{
	display:block; 
	border-right:1px solid #111;
    height: 60px;
	width:11%;
	float:left;
	}	

#nav ul li a:hover {
	background-color:#333;
    opacity: 1;
	filter: alpha(opacity=100);
	}

#nav ul li.current_page_item a{
    opacity: 1;
	filter: alpha(opacity=100);
	}

#nav ul li .home a{background-image:url("images/icon-home.png");background-position: center 8px;}
#nav ul li .seo a{background-image:url("images/icon-cog.png");background-position: center 8px;}
#nav ul li .web a{background-image:url("images/icon-monitor.png");background-position: center 8px;}
#nav ul li .video a{background-image:url("images/icon-play.png");background-position: center 8px;}
#nav ul li .social a{background-image:url("images/icon-social.png");background-position: center 8px;}
#nav ul li .blog a{background-image:url("images/icon-pencil.png");background-position: center 8px;}
#nav ul li .content a{background-image:url("images/icon-content.png");background-position: center 8px;}
#nav ul li .about a{background-image:url("images/icon-info.png");background-position: center 8px;}
#nav ul li .contact a{background-image:url("images/icon-contact.png");background-position: center 8px;}

#nav-top {
	margin: 0px auto;
	padding:0px 0px 0px 0px;
    height: 20px;
	float:right;
	position:relative;
	top:30px;
	}

#nav-top ul {
	display:inline;
	margin:0px;
	padding:0;
	}
	
#nav-top ul li {
	padding:0px;
	display:inline;
	font-size:13px;
	}
	
#nav-top ul li a {
    display: block;
    padding: 0px;
    margin:0px 0px 0px 25px;
    height: 20px;
    line-height: 10px;
    float: right;
    color: #666;
	}
	
#nav-top ul li a:hover {
    color: #fff;
	}

#nav-top ul li.current_page_item a{
     color: #f15928;  
	}
	
#nav-footer {
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	float:left;
	display:block;
	position:relative;
	top:5px;
	}
#nav-footer ul {
	display:inline;
	margin:0px;
	padding:0;
	}
#nav-footer ul li {
	padding:0px;
	display:inline;
	}
#nav-footer ul li a {
    display: block;
    padding: 0px;
    margin:0px 30px 0px 0px;
    float: left;
    color: #666;
	font-size:13px;
	text-transform:uppercase;
	}
#nav-footer ul li a:hover {color: #fff;}
#nav-footer ul li.current_page_item a{color: fff;  }

/* SIDEBAR */

#sidebar {
	font-size:14px;
	line-height:22px;
	width: 100%;
	padding:0px 0px;
	margin:0px;
	}

#sidebar #query .thumb a img{max-width:75px;}
#sidebar #query .text{padding-left:96px;}
#sidebar #query .title{margin-bottom:5px;}

#sidebar ul li {
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {margin: 0px;padding: 0px;}
#sidebar ul p, #sidebar ul select {margin: 0px;}
#sidebar ul ul, #sidebar ul ol {margin: 0px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 20px;}
#sidebar ul ul li, #sidebar ul ol li {margin: 0px;padding: 0px;}
	
#sidebar ul ul li a{
	margin:5px 0px;
	padding:0px 0px 3px 0px;
	display:block;
	border-bottom:1px solid #ccc;
	font-size:14px;
	font-weight:bold;
	}
#sidebar ul ul li a:hover{
	}
#sidebar .current_page_item a{
	color:#76c044;
	}
#sidebar ul ul ul li a{
	margin:5px 0px;
	padding:0px 0px 3px 0px;
	display:block;
	border-bottom:1px solid #ccc;
	color:#333;
	font-size:11px;
	line-height:15px;
	}
	
/* POST */

.metaauthor {
	font-size:11px;
	color:#666;
	background-color:#e7e7e7;
	padding:2px 10px;
	display:block;
	text-transform:uppercase;
}
.metaauthor a{color:#333;}
.metaauthor a:hover{color: #000;}

.metadate{font-size:14px; color:#666; font-weight:700; font-family:'roboto condensed'; }

.entry {
	margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.entry ul{
	margin: 0px;
	padding: 0px 0px 25px 25px;
	overflow:hidden;
	}
.entry ul li{
	list-style-image:url(images/bullet.png);
	margin: 0px 0px 4px 0px;
	padding: 0px;
	text-align:left;
	}
.entry ul.center li{
	text-align:center; 
	list-style-image:none; 
	list-style-type:none;
	color:#f15928;
	font-size:18px;
	margin:0px 0px 6px 0px;
	font-family:'roboto condensed'; font-weight:700;
	}
	
.entry blockquote {
	font-size:34px;
	line-height:40px;
	padding:0px 0px;
	margin:30px 0px;
	color:#f1582b;
	font-family:'roboto'; 
	font-weight:300;
	font-style:italic;
}
.entry blockquote.change {
	font-size:18px;
	line-height:24px;
	color:#333333;
	font-family:'roboto'; 
	font-weight:300;
	font-style:italic;
	background-color:#e5E5E5;
	padding:40px 20px;
	margin-top:-25px;
}
.entry table {
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#ccc;
	font-size:0.9em;
}

.entry table tr td {
	padding:5px 10px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;

}

.entry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
	
.alignright {
	padding:0;
	margin: 0px 0px 5px 15px;
	display: inline;
	float:right;
	}

.alignleft {
	padding:0;
	margin: 0px 15px 5px 0;
	display: inline;
	float:left;
	}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#navigation{
	margin:20px 0px 0px 0px;
	display:block;
	padding:0px;
	overflow:hidden;
	color:#333;
	}
#navigation a{padding:5px; display:block;}
#navigation a:hover{}
#navigation .left{float:left;}
#navigation .right{float:right;}


/* COMMENTS*/

#comments {
	font-size:12px;
	width:auto;
	margin:0px;
	padding:20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#ccc;
	color:#333;
}

.commentlist {
	margin:0px 0px;
	padding:0 0 1px 0;
	border-bottom: 1px dashed #666;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	border-top: 1px dashed #666;
}

li.comment div, li.pingback div {
	padding:20px 0px 10px 0px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even {
}

.commentlist li.odd {
}

.comment-author img{
	float:left;
	border: 1px solid #555;
	padding:2px;
	margin: 2px 8px 0px 0px;
	}
	
ul.children li {
	list-style:none;
}

.commentarea{
	width:500px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #ccc;
	margin:0px 0px 10px 0px;
	padding:5px;
	color:#555;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background: url("images/diagonal.gif") repeat;
	}
.commentinput{
	width:250px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:12px;
	border:1px solid #ccc;
	margin:0px 0px 10px 0px;
	padding:5px;
	color:#555;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background: url("images/diagonal.gif") repeat;
	}


/* CUSTOM SEARCHBAR */

#searchbar{
    float: right;
	margin: 0px 0px 0px 0px;
    background-color:transparent;
	width:180px;
	position:relative;
	top:240px;
	right:78px;
}
#searchbar a img{
	margin: 0px 0px 10px 0px;
}
#searchform{
	background-color:transparent;
	border: 0px;
	float:left;
	color:#ccc;
	width:180px;
	padding:6px;
}


/* Print Styles */
@media print {
body { background:white; color:black; margin:0; }
#header { display:none; }

#page{border:0px; padding:0px; margin:0px; width:auto;}
#content {margin-left:0; float:none; width:auto; border:0px; font-size:10pt;}

#comments { display:block; background:white; color:black; }
#comments .avatar{display:none}
#comments .reply{display:none;}
#comments .comment-edit-link{display:none;}

#sidebar { display:none; }
#footer { display:none; }
#respond {display:none;}
#navigation{display:none;}

/* Slick Social Plugin, if used */
#dcssb-slick{display:none;}
#sb-container{display:none;}
}

.content-packages {
	overflow:visible !important;
}

.packages {
	border:1px solid #E5E5E5;
	overflow:visible;
}

.package-head {
	font-weight:bold;
}

.packages-pricing {
	font-weight:bold;
	font-size:22px;
}

.packages-pricing span {
	font-weight:normal;
	font-size:14px;
}

.service-package {
	overflow:visible;
	text-align:center;
	position:relative;
}

.service-package div {
	float:left;
	padding:10px;
}

.service-package .main {
	border:1px solid #E5E5E5;
	box-sizing:border-box;
	width:calc(100% - 800px);
	font-weight:bold;
}

.service-package .block {
	width:160px;
	border:1px solid #E5E5E5;
	box-sizing:border-box;
	position:relative;
}

.service-package .circle {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	width:20px;
	height:20px;
	border-radius:100px;
}

.service-package .circle.green {
	background-color:#76C044;
}

.service-package .absolute-description {
	position:absolute;
	top:110%;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	text-align:center;
	background-color:#333333;
	padding:10px;
	opacity:0;
	visibility:hidden;
	transition:1.5s;
	-webkit-transition:1.5s;
	-moz-transition:1.5s;
	color:#FFFFFF;
	border-radius:10px;
	z-index:99;
	min-width:600px;
	display:none;
	font-size:16px;
}

.service-package .absolute-description:before {
	content:"";
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #333333;
	left:50%;
	top:-10px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
}

.service-package:hover .absolute-description {
	opacity:1;
	visibility:visible;
	display:block;
	top:calc(100% + 10px);
}

.packages-mobile {
	display:none;
	border:1px solid #FFFFFF;
}

.packages-mobile .package-head {
	padding:20px;
	border:1px solid #FFFFFF;
	font-size:22px;
	cursor:pointer;
}

.packages-mobile .content {
	display:none;
}

.packages-mobile .content .service-package {
	padding:10px 0;
	border-bottom:1px solid #E5E5E5;
	text-align:left;
	position:relative;
	font-weight:bold;
}

.packages-mobile .content .service-package .absolute-description {
	min-width:90%;
	max-width:90%;
    line-height: 16px;
}

.packages-mobile .content .service-package i {
	display:inline-block;
	border-radius:100px;
	background-color:#E5E5E5;
	width:15px;
	height:15px;
	margin-bottom:-3px;
	position:relative;
}

.packages-mobile .content .service-package i:before {
	content:"?";
	font-size:12px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
}

.packages-mobile .content .service-package b {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	height:100%;
	width:30px;
	text-align:center;
}

.packages-mobile .content .service-package b span {
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
}

.packages-mobile .content .service-package b.check {
	background-image:url(images/checkmark-green.png);
	background-size:auto 80%;
	background-repeat:no-repeat;
	background-position:center center;
}

.packages-mobile .package-head.bg-green {
	background-color:#9BBB59;
}

.packages-mobile .package-head.bg-grey {
	background-color:#BFBFBF;
}

.packages-mobile .package-head.bg-blue {
	background-color:#95B3D7
}

.packages-mobile .package-head.bg-orange {
	background-color:#F79646
}

.packages-mobile .package-head.bg-red {
	background-color:#DD0806;
}

.packages-mobile .package-head:after {
	content:"+";
}

.packages-mobile .service-pricing {
	font-size:28px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
}

.packages-mobile .service-pricing span {
	font-weight:normal;
	font-size:14px;
}

.footer-form label {
	display:none !important;
}

.footer-form ul li textarea, .footer-form ul li input {
	background-color:#FFFFFF !important;
}

.footer-form ul li {
	box-sizing:border-box !important;
	float:left !important;
	width:50% !important;
	margin-top:10px !important;
	vertical-align:top;
}

.footer-form ul li#field_1_4 {
	float:none !important;
	display:inline-block;
	width:40%;
}

.footer-form ul li#field_1_4 textarea {
	width:100%;
	box-sizing:border-box;
	height:140px;
}

.footer-form .gform_footer input {
	background-color:#f1582b;
	color:#FFFFFF;
	border:none;
	padding:5px 20px;
	cursor:pointer;
}