/*
Theme Name: Z
Version: 0.2
Theme URI: http://www.99robots.com
Description: Designed by 99 Robots
Author:Gabfire Themes
Author URI: http://www.99robots.com
Tags: four-columns,three-columns, two-columns, white, light, 99robots, wpsite
Bootstrap: 3.1.0
Text Domain:gabfire
	Copyright:(c) 2008-2013 GabfireThemes.
	License:GNU General Public License v2.0
	License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

/* --------------------------------------------
= TABLE OF CONTENTS
	0. Resets
	1a. Generic
	1b. Elements
	2. Wildcards
	3. Navigation
	4. Content Section (About and Services)
	5. Skill Bar
	6. Text Bar
	7. Pricing Table
	8a. Team Members (old)
	8b. About Page (charlie version)
	9. Portfolio
	10. Bottom Quote (hidden from theme)
	11. Testimonials
	12. Blog
	13. Contact
	14. Footer
	15. Post and Page Templates
	16. Sidebar
	17. Comments
	18. Category and Post Type Archives
	19. Login Page Templates
	20. Fonts
 ---------------------------------------------- */

/*  WPSITE v3.0 COLOR PALETTE
	-----------------------------------------

#4aaeee - blue
#1982d1 - wp link blue
#ed833f - orange

##f33768 - pink

#E5F4FB - light blue2
#DC302E - reddish-orange
#D54E21 - orangish-red
#1982d1 - 2011blue
#D3E7F8 - light blue
#F26F56 - some orange
#EDD7B2 - yellow


99 ROBOTS:
-----------------
#0399CB - Blue
#005273 - Teal Blue Dk
#19BCB9 - Aqua

#F15928 - Orange

#7AB55C - Green
#6AA74C - Green Dk

#F7C03E - Yellow

#F0EEE8 - Beige
#3D3A32 - Brown

#C02D50 - Pink

END */



/* --------------------------------------------
 = 0. WPSITE RESET
 ---------------------------------------------- */

html {
	height: 100%;
}

body {
	height: 100%;
	width: 100%;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	background:#f5f5f5;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

body.single {
    background: #fff;
}


/* Inner pages requires padding top value to push
 * content down and to preven nav to overlap content
 */
/* .archive, .page, .single-portfolio, #single-cv { margin-top: 120px; } */
.archive .pagewrap, .page .pagewrap, .single-portfolio .pagewrap, #single-cv .pagewrap { margin-top: 60px; }
.single-portfolio.body-fullwidth,
.single-portfolio.body-leftsidebar,
.single-portfolio.body-bigpicture,
.single-portfolio.body-default,
.page-template-index-youtube-php,
.page-template-index-vimeo-php,
.page-template-index-bgslider-php,
.page-template-index-callout-php { padding-top: 0; }
iframe {border:none;max-width:100%; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin: 0.5em 0 0.5em;
	margin: 0.5em 0 30px;
	font-family: "Exo 2", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1, .h1 {
    font-size: 36px;
    font-weight: 900;
    line-height: 40px;
}
h2, .h2 {
    font-size: 30px;
    font-weight: 900;
    line-height: 34px;
}
h3, .h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
}
h4, .h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}
h5, .h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}
h6, .h6 {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}
p {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 30px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
}
ul, ol {
    font-weight: normal;
    font-size: 18px;
}


/* --------------------------------------------
 = 1a. GENERIC
 ---------------------------------------------- */

 /*----- [[ universal image classes ]] -----*/
img { max-width:100%;height:auto; }

.cf_video {
	line-height:0;
}

.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px
}
.entry .alignleft,
.entry .alignright,
.entry .aligncenter {
	margin-bottom:30px
}

a,
a:hover,
a:focus,
a:active,
a.active {
	text-decoration: none;
}
a:focus{
	outline: none !important;
}
a {
	color: #4aaeee;
}
a:hover,
a:focus,
a:active,
a.active {
	color: #59ABE3;
}
::-moz-selection {
	text-shadow: none;
	background: #FFE35F;
	color:#000;
}
::selection {
	text-shadow: none;
	background: #FFE35F;
	color:#000;
}
img::selection {
	background: 0 0;
}
img::-moz-selection {
	background: 0 0;
}
.add-some-space {
	display:block;
	height:20px;
}


.coverbgimage{
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	background-color: #4aaeee;
}

.entry-title {
		font: bold 36px/48px open sans,arial,sans-serif;
		letter-spacing:-1px;
		color:#333;
		display:block;
		margin:0 0 30px;
}


/* Front page section titles */
.section-title h2 {
	font:56px 'Exo 2', Arial, sans-serif;
	font-weight:300;
	letter-spacing:-2px;
	text-align:center;
	color:#555;
	display:block;
	margin-bottom:15px;
}
.section-title h4 {
	font:28px 'Exo 2', Arial, sans-serif;
	font-weight:300;
	text-align:center;
	color:#888;
	display:block;
	margin-bottom:60px;
}
.section-title strong {
	font-weight:300;
	color:#e35028;
	display:inline
}


.panelwrap {
	background: #fff;
	border: 1px solid #ddd;
}

body.single .panelwrap {
    border: none;
}
.sidebar .widget {
	background: #fff;
	margin-bottom:30px;
}

input[type=search] {width:100%;padding-left:10px;}
.search-form .search-submit {width:100%;}
.search-form .search-submit:hover {box-shadow: 0 0 5px #ccc inset}
.search-form label {width: 100%}
.search-form .screen-reader-text {display: none;}
.widget_search input {width:100%}

/* --------------------------------------------
 = 1b. ELEMENTS
 ---------------------------------------------- */

 input:active, input:focus, textarea:active, textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
 }

/* new button styles */
.btn-orange { background: #F15928; border-radius: 2px; color: white; font-size: 24px; font-weight: 700; }
.btn-orange:hover { background: #CA390B; color: white; }

.btn-green  { background: #94cd4b; border-radius: 2px; color: white; font-size: 24px; font-weight: 700; }
.btn-green:hover  { background: #7AB928; color: white; }

.btn-blue   { background: #4aaeee; border-radius: 2px; color: white; font-size: 24px; font-weight: 700; }
.btn-blue:hover   { background: #259AE6; color: white; }

.btn-dkwhite   { background: #f5f5f5; border-radius: 2px; color: #444; font-size: 24px; font-weight: 700; }
.btn-dkwhite:hover   { background: #e9e9e9; color: #333; }

.btn-white   { background: #fff; border-radius: 2px; color: #444; font-size: 24px; font-weight: 700; }
.btn-white:hover   { background: #efefef; color: #333; }

.btn-black   { background: #080808; border-radius: 2px; color: #fff; font-size: 24px; font-weight: 700; }
.btn-black:hover   { background: #222; color: #fff; }

.btn-dkgray   { background: #333; border-radius: 2px; color: #fff; font-size: 24px; font-weight: 700; }
.btn-dkgray:hover   { background: #444; color: #fff; }

.btn-ltgray   { background: #e9e9e9; border-radius: 2px; color: #444; font-size: 24px; font-weight: 700; }
.btn-ltgray:hover   { background: #eee; color: #333; }

.btn-none { color: inherit; font-size: 24px; font-weight: 700; }
.btn-none:hover { opacity: .8; }

.btn-space{ margin: 20px 0; padding: 15px 30px; letter-spacing: .75px;}

.btn-sm { font-size: 12px; font-weight: normal; }


/*----- [[ Success, info, notice and error/alert boxes and other mis classes ]] -----*/
.gabfire_danger,
.gabfire_alert,
.gabfire_warning,
.gabfire_success,
.gabfire_info 		{ padding:0.8em !important;margin-bottom:1em;border:2px solid #ddd; }
.gabfire_danger,
.gabfire_alert 		{ background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4; }
.gabfire_warning 	{ background:#fff6bf;color:#514721;border-color:#ffd324; }
.gabfire_success	{ background:#e6efc2;color:#264409;border-color:#c6d880; }
.gabfire_info 		{ background:#d5edf8;color:#205791;border-color:#92cae4; }
.gabfire_danger a,
.gabfire_alert a 	{ color:#8a1f11;text-decoration:underline; }
.gabfire_warning a	{ color:#514721;text-decoration:underline; }
.gabfire_success a	{ color:#264409;text-decoration:underline; }
.gabfire_info a 	{ color:#205791;text-decoration:underline; }


/* --------------------------------------------
 = 2. Wildcards
 ---------------------------------------------- */

/* Padding */
.nopadding, .np {padding: 0 !important;}
.nptop {padding-top: 0 !important;}
.npbottom {margin-bottom: 0;padding-bottom: 0 !important;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.p30 {padding: 30px;}
.p40 {padding: 40px;}
.p50 {padding: 50px;}
.pt {padding-top: 50px;}
.pb {padding-bottom: 50px;}
.pt10 {padding-top: 10px;}
.pb10 {padding-bottom: 10px;}
.pt20 {padding-top: 20px;}
.pb20 {padding-bottom: 20px;}
.pt30 {padding-top: 30px;}
.pb30 {padding-bottom: 30px;}
.pt40 {padding-top: 40px;}
.pb40 {padding-bottom: 40px;}
.pt50 {padding-top: 50px;}
.pb50 {padding-bottom: 50px;}
.pt0 {padding-top: 0;}
.pb0 {padding-bottom: 0;}

/* Margin */
.nomargin, .nm {margin: 0 !important;}
.nmtop {margin-top: 0 !important;}
.nmbottom {margin-bottom: 0 !important;}
.m10 {margin: 10px;}
.m20 {margin: 20px;}
.m30 {margin: 30px;}
.m40 {margin: 40px;}
.m50 {margin: 50px;}
.mt {margin-top: 50px;}
.mb {margin-bottom: 50px;}
.mt10 {margin-top:10px;}
.mb10 {margin-bottom: 10px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom: 20px;}
.mt30 {margin-top:30px;}
.mb30 {margin-bottom: 30px;}
.mt40 {margin-top:40px;}
.mb40 {margin-bottom: 40px;}
.mt50 {margin-top:50px;}
.mb50 {margin-bottom: 50px;}
.mt0 {margin-top: 0;}
.mb0 {margin-bottom: 0;}

/* Display */
.inline {display: inline !important;}
.inline-block {display: inline-block !important;}
.block {display: block !important;}
.hide, .hidden {display: none !important;}

/* Clear */
.clearleft {clear: left;}
.clearright {clear: right;}
.clearboth {clear: both;}

/* Text Align */
.centered, .textcenter {text-align: center;}
.textleft {text-align:left;}
.textright {text-align:right;}

/* Align */
.center {margin: 0 auto;}

/* Width */
.w-100 {width: 100%;}
.w-50 {width: 50%;}

/* Text Color */
.text-white {color: #fff;}
.text-blue {color: #59ABE3;}
.text-dkblue {color: #4aaeee;}
.text-gray {color: #909090;}
.text-ltgray {color: #e9e9e9;}
.text-mdgray {color:#ccc;}
.text-dkgray {color: #333;}
.text-black {color: #080808;}
.text-jelly {color: #2574A9;}
.text-teal {color: #4ECDC4;}
.text-green {color: #6A9B23;}
.text-orange {color: #F15928}

/* Text Misc. */
.bold {font-weight: bold;}
.light {font-weight: 100;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.strikethrough {text-decoration: line-through;}

/* Background Color */
.nobg { background:none !important; }
.bg-yellow {background-color: #FDE3A7;}
.bg-white {background-color: #fff;}
.bg-dkwhite {background-color: #f5f5f5;}
.bg-blue {background-color: #4aaeee;}
.bg-dkblue {background-color: #59ABE3;}
.bg-gray {background-color: #333;}
.bg-ltgray {background-color: #e9e9e9;}
.bg-jelly {background-color: #2574A9;}
.bg-teal {background-color: #4ECDC4;}
.bg-ltgreen {background-color: #90EE90;}
.bg-green {background-color: #94cd4b;}
.bg-dkgreen {background-color:#6d9f2c;}
.bg-orange {background-color: #F15928;}
.bg-black {background-color: #080808;}

/* Background Texture */
.bg-orange-grid {background-image: url(images/orange_pattern.png);}
.bg-orange-rad {background: radial-gradient(ellipse at center,rgba(245,165,30,.6) 10%,rgba(245,165,30,.1) 70%,rgba(245,165,30,0) 100%);}
.bg-white-rad {background: radial-gradient(ellipse at center,rgba(255,255,255,.2) 10%,rgba(245,165,30,.1) 70%,rgba(245,165,30,0) 100%);}

/* Border */
.nobd, .noborder {border: none !important;}

.bd-white {border: #fff 1px solid;}
.bd-blue {border: #59ABE3 1px solid;}
.bd-dkgray {border: #333 1px solid;}
.bd-gray {border: #888 1px solid;}
.bd-mdgray {border: #ccc 1px solid;}
.bd-mdgray50 {border: #ddd 1px solid;}
.bd-ltgray {border: #e9e9e9 1px solid;}
.bd-jelly {border: #2574A9 1px solid;}
.bd-teal {border: #4ECDC4 1px solid;}
.bd-green {border: #6A9B23 1px solid;}
.bd-orange {border: #F15928 1px solid;}

/* Border Top */
.bt-ltgray {border-top:1px solid #e6e6e6;}
.bt-dkgray {border-top:1px solid #333;}

/* Border Bottom */
.bb-ltgray {border-bottom:1px solid #e6e6e6;}
.bb-dkgray {border-bottom:1px solid #333;}

/* Border Extras */
.bd-1 {border-width: 1px;}
.bd-2 {border-width: 2px;}
.bd-3 {border-width: 3px;}
.bd-4 {border-width: 4px;}
.bd-5 {border-width: 5px;}

.bd-solid {border-style: solid;}
.bd-dashed {border-style: dashed;}
.bd-dotted {border-style: dotted;}

.bd-left {border-left: solid 1px #e6e6e6;}
.bd-top {border-top: solid 1px #e6e6e6;}
.bd-right {border-right: solid 1px #e6e6e6;}
.bd-bottom {border-bottom: solid 1px #e6e6e6;}



/* Border Radius */
.radius, .rd { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.rd-1 { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
.rd-2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.rd-3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.rd-4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.rd-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.radius-full { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.no-radius, .square { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/* Opacity */
.opacity-90 {opacity: 0.9;}
.opacity-80 {opacity: 0.8;}
.opacity-70 {opacity: 0.7;}

/* Labels */
.label-white label {color: #fff;}

/* List Styles */
.list-none, .list-none ul {list-style: none;}
.list-checkbox {list-style: none;}
.list-checkbox li {padding: 2px 0;}
.list-checkbox li::before {content:'\2713\0020';}
.list-plugin {list-style: none;}
.list-plugin li {padding: 2px 0;}
.list-plugin li::before {font-family: FontAwesome; content:'\f1e6'; padding-right: 10px;}
.list-file {list-style: none;}
.list-file li {padding: 2px 0;}
.list-file li::before {font-family: FontAwesome; content:'\f0f6'; padding-right: 10px;}
.list-numbered li {padding-left: 4px; margin-left: 10px;}
.list-numbered {margin-left: 10px; margin-bottom: 0;}
.list-circle, .list-circle ul {list-style-type: circle;}

/* --------------------------------------------
 = 3. NAVIGATION
 ---------------------------------------------- */

/* Top Header */
#top-header {
    background-color: #333;
    border-bottom: 1px solid #212121;
    color: #9e9e9e;
    font-size: 1em;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}
#top-header ul {
    line-height: 1.2em;
    padding: 0;
}
#top-header li {
    border-color: #4f4f4f;
    border-style: solid;
    border-width: 0 1px 0 0;
    display: inline;
    padding: .5em;
    font-weight: bold;
}
#top-header a {
    color: #9e9e9e;
    font-size: 16px;
}
#top-header a:hover {
    color: #fff;
}
#top-header li.last {border: 0;}
#top-header li.cart a {color: #fff;}

/* Main Navigation */
.navbar-inverse {
	border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 0;
	padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}

.navbar-inverse .navbar-nav > li a {
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
}
.navbar-inverse .navbar-nav > li a:hover {
	color: #9e9e9e;
}
.navbar-inverse .navbar-nav > .active a, .navbar-inverse .navbar-nav > .active a:hover, .navbar-inverse .navbar-nav > .active a:focus {
	color: #005273;
	background-color: transparent;
}
.navbar-inverse .navbar-nav .current-menu-item a {color:#4aaeee;}

.navbar-inverse .menu-item-has-children .sub-menu {padding-left: 0; list-style: none; font-size:13px;background: #4aaeee;padding: 0 5px; display: none;}
.navbar-inverse .menu-item-has-children:hover .sub-menu {display:block;}
.navbar-inverse .menu-item-has-children .sub-menu li {padding-bottom: 5px;}

.navbar-inverse .navbar-brand {
	font-weight: 900;
    height: 50px;
    line-height: 20px;
    padding: 5px 0 0;
    color:#333;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #d9dbda; }
.navbar-inverse .navbar-brand img {max-height:40px;opacity: 1;transition: opacity 0.3s linear 0s;}
.navbar-inverse .navbar-brand img:hover {max-height:40px;opacity: 0.75;}


/* --------------------------------------------
 = 4. SERVICES
 ---------------------------------------------- */

.page-template-tpl-services-landing-page #services-menu .btn { background: #333; }

.page-template-tpl-services-main #services-blowups .sub-services-block a:hover {opacity: .7; cursor: pointer;}
.page-template-tpl-services-main #services-blowups .sub-services-block a { background: #fff; }
.page-template-tpl-services-main #services-blowups #service-marketing:hover .service-cover { background: url(images/service-marketing.jpg) top left no-repeat; background-size: cover;}
.page-template-tpl-services-main #services-blowups #service-marketing:hover .sub-services-block a { color: #fff; }
.page-template-tpl-services-main #services-blowups #service-marketing .sub-services-block a.bg-jelly { background: #dedede; }
.page-template-tpl-services-main #services-blowups #service-marketing:hover .sub-services-block a.bg-jelly { background: #2574A9; }
.page-template-tpl-services-main #services-blowups #service-marketing:hover .sub-services-block a.bg-blue { background: #4aaeee; }
.page-template-tpl-services-main #services-blowups #service-development:hover .service-cover { background: url(images/service-development.jpg) top center no-repeat; background-size: cover;}
.page-template-tpl-services-main #services-blowups #service-development:hover .sub-services-block a { color: #fff; }
.page-template-tpl-services-main #services-blowups #service-development .sub-services-block a.bg-green { background: #dedede; }
.page-template-tpl-services-main #services-blowups #service-development:hover .sub-services-block a.bg-green { background: #94cd4b; }
.page-template-tpl-services-main #services-blowups #service-development:hover .sub-services-block a.bg-dkgreen { background: #6d9f2c; }
.page-template-tpl-services-main #services-blowups .sub-services-block a h2 { font-size: 1.2em; font-weight: lighter; }

/* --------------------------------------------
 = 5. PRODUCTS
 ---------------------------------------------- */

#edd-grid .product { min-height: 400px; }
#edd-grid .product h4 {line-height: 1em;}
#edd-grid .cat-pop {transition: all ease .3s;}
#edd-grid .cat-pop:hover {transform: translateY(-20px);}
.edd-csau-products {border: none;}
.edd-csau-products .edd_download_inner {
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 30px;
    padding: 30px;
    background: #fafafa;
}
.edd-csau-products .edd_download_inner h3 {
    margin-bottom: 15px;
}
.edd-csau-products .edd_download_inner p {
    font-size: 14px;
}
.edd-csau-products .edd_download_inner .edd_download_purchase_form {
    margin: 0;
}

pre#edd-changelog p {
  line-height: 1em;
  font-size: 14px;
  margin-bottom: 5px;
}

#edd_sl_license_keys {width: 100%; margin-bottom: 50px;}
.edd-manage-license-back {
    background: none;
    border: none;
    padding: 0;
    color: #4aaeee;
    font-weight: 100;
    text-shadow: none;
    box-shadow: none;
}

/* --------------------------------------------
 = 6. DOCUMENTATION
 ---------------------------------------------- */

.doc-header {padding-bottom: 20px;}

#doc-grid .doc-sidebar strong { text-transform: uppercase; font-size: 13px; }
#doc-grid .doc-sidebar li a {color: #858585; font-size: 13px;}
#doc-grid .doc-sidebar li a:hover {color: #333;}
#doc-grid .doc-sidebar li.current-menu-item > a {color: #333; font-weight: bold;}
#doc-grid .doc-sidebar ul.sub-menu {padding-left: 20px; display: none;}
#doc-grid .doc-sidebar .current-menu-item ul.sub-menu {display: block;}

#doc-grid .doc-body h2 {border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; padding-top: 20px; }

#doc-grid .doc-body img {
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* --------------------------------------------
 = 6. PURCHASE RECEIPT
 ---------------------------------------------- */

h2.purchase-receipt {border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; padding-top: 20px; }

/* --------------------------------------------
 = 7. PRICING TABLE
 ---------------------------------------------- */

/* --- new pricing table --- */
.pricing-tables { padding: 20px; }
.pricing-tables h1 { font-size: 48px; }

.pricing-tables .plan.first { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pricing-tables .plan.last { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pricing-tables .plan.recommended { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.pricing-tables .plan.recommended .head { margin-bottom: 43px; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.pricing-tables.attached .col-sm-4,
.pricing-tables.attached .col-md-4,
.pricing-tables.attached .col-sm-3,
.pricing-tables.attached .col-md-3 { padding-left: 0; padding-right: 0; }

.pricing-tables.attached .plan { border-radius: 0; }
.pricing-tables.attached .plan .head { border-radius: 0; }
.pricing-tables.attached .plan.recommended { border-radius: 4px; }
.pricing-tables.attached .plan.recommended .head { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.pricing-tables.attached .plan.last { border-bottom-right-radius: 4px; }
.pricing-tables.attached .plan.last .head { border-top-right-radius: 4px; }
.pricing-tables.attached .plan.first { border-bottom-left-radius: 4px; }
.pricing-tables.attached .plan.first .head { border-top-left-radius: 4px; }

.plan { box-shadow: 0 2px 2px rgba(10, 10, 10, 0.06); min-height: 100px; background: #fff; border-radius: 4px; margin: 20px 0; padding-bottom: 25px; text-align: center; }
.plan .head { border-top-left-radius: 4px; border-top-right-radius: 4px; padding: 12px 16px; background: #222; color: #fff; }
.plan .head h1, .plan .head h2, .plan .head h3 { padding: 0; margin: 0; font-weight: 100; }

.plan .price { border-bottom: 1px solid #eee; margin: 0 auto 30px auto; width: 80%; }
.plan .price h3 { font-size: 60px; vertical-align: top; margin-bottom: 0; line-height: 1; }
.plan .price h3 span { font-size: 38px; vertical-align: top; position: relative; margin: 6px 0 0 -7px; display: inline-block; }
.plan .price h4 { color: #aaa; font-size: 14px; }

.plan .btn { padding: 10px 30px; font-weight: 500; }
.plan .btn a {color: #fff !important;}

.plan ul { list-style-type: none; padding: 20px; margin-top: 2px; }
.plan ul li { line-height: 22px; padding: 8px 0; font-size: 14px; font-weight: 400; }
.plan ul li a { text-decoration: underline; color: #e6e9ed; }
.plan ul li:last-child { border-bottom: none; }
.plan ul strong { font-weight: 700; }
.plan ul li:first-child { background: #fafafa}
.plan ul li:nth-child(3) { background: #fafafa}
.plan ul li:nth-child(5) { background: #fafafa}
.plan ul li:nth-child(7) { background: #fafafa}

.plan.recommended { margin-top: 6px; box-shadow: 0 0 22px rgba(10, 10, 10, 0.42); position: relative; z-index: 99; border-radius: 4px; }
.plan.recommended .head { border-top-left-radius: 4px; border-top-right-radius: 4px; background: #171717; }
.plan.recommended .btn { margin-bottom: 10px; }

.pricing-tables.attached .col-md-3.outsider { padding-right: 40px; }
.pricing-tables.attached .col-md-3.outsider .plan .head{ border-top-left-radius: 4px; border-top-right-radius: 4px; }

/* --------------------------------------------
 = 8a. TEAM MEMBERS
 ---------------------------------------------- */
	#our-team {
		background:#f5f5f5;
		padding:65px 0 85px;
	}
	/* Carousel */
	.carousel-two {text-align:center;height:301px;}
	.carousel-two .item-wrapper {position: relative;}
	.carousel-two .item img{max-width:100%}
	.carousel-two p.member-name{margin:0 !important;font:400 17px/40px Oswald,Arial,sans-serif;background:#fff;border:1px solid #eee;border-top:none}
	.carousel-two .item:hover p.member-name {
		background:#4aaeee;
		color:#fff;
		border-right:none;
		border-left:none;
		-webkit-transition: background-color 500ms linear;
		 -moz-transition: background-color 500ms linear;
		 -o-transition: background-color 500ms linear;
		 -ms-transition: background-color 500ms linear;
		 transition: background-color 500ms linear;
	}
	.carousel-two .item p.member-name a {color:#222}
	.carousel-two .item:hover p.member-name a {color:#fff;text-decoration:none}
	.carousel-two-controls {
		display:block;
		text-align:center;
		font-size:20px;
		padding-top:30px
	}
	.carousel-two-controls i {cursor:pointer}
	.carousel-two .item-wrapper{
		padding: 0;
		position: relative;
		overflow: hidden;
		width:100%
	}
	.carousel-two .item-wrapper:hover .member-caption{
		opacity: 1;
	}
	.carousel-two .item-wrapper img{
		margin: 0;
		padding: 0;
		float: left;
		z-index: 4;
	}
	.member-caption{
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;
	}
	.member-blur{
		background-color: rgba(0,0,0,0.65);
		height: 300px;
		width: 380px;
		z-index: 5;
		position: absolute;
	}
	.member-caption-text .caption-firstrow{
		text-transform: uppercase;
		font-size: 24px;
	}
	.member-caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 380px;
		height: 300px;
		text-align: center;
		top:80px;
	}
	.profile-link {
		margin-bottom:25px
	}
	.profile-link a {
		color:#eee
	}
	.profile-link a:hover {
		color:#fff;
		text-decoration:none
	}


/* --------------------------------------------
 = 8b. ABOUT (charlie version)
 ---------------------------------------------- */
#about-hero {background:#4AAEEE;display: block;}
	#about-hero h2 {color:#FFF;}

#team{display:block;overflow:hidden;background:#FFF;padding-top: 50px;padding-bottom: 50px;border-bottom: 1px solid #ddd;}
	.member-wrap{background:#FFF;display:block; overflow:hidden;padding: 50px 0 0;}
	.member-wrap img {max-height: 490px;border-bottom: 5px solid #4AAEEE;}
	.member-wrap p {font-size: 16px;}
	.member-wrap a {font-weight: bold;}
	span.member-title {font-style: italic;font-size: 14px;}

#certifications {display: block;overflow: hidden;background: #FFF;padding-top: 30px;padding-bottom: 50px;}
	#certifications h2 {margin-top: 1em;}
	.mycert {color:#E36F3E;}
	.certimage {margin-top: 20px;}

#organizations {display: block;overflow: hidden;background:#333;color:#FFF;}

#serviceworkfoot {display: block;overflow: hidden;}
	.halfblock {display:block;background:#f7f7f7;padding-top: 80px;padding-bottom: 80px;text-align: center;border-top: 1px solid #ddd;}
	.halfblock:hover {background:#282828;transition: all 0.2s ease-out 0s;color:#FFF;}
	.halfblock i {font-size: 44px;margin-bottom: 10px;}
	.halfblock h3 {font-weight: bold;font-size:40px;}
	.halfblock span {color:#666666;font-weight:bold;font-size:16px;}
	.halfblock.col1 {border-right: 1px solid #ddd;}

	.fullblock {display:block;overflow:hidden;background:#4AAEEE;text-align: center;color:#FFF;}
	.fullblock:hover {background:#282828;transition: all 0.2s ease-out 0s;color:#FFF;}
	.full-link {display:block;padding-top: 30px;padding-bottom: 30px;color:#FFF;}
	.full-link:hover {padding-top: 30px;padding-bottom: 30px;color:#FFF;}
	.full-link span {font-weight: bold;font-size: 16px;}

@media (max-width: 768px) {
	.member-wrap img {max-height: 300px;border-bottom: 5px solid #4AAEEE;}
	.member-wrap h2 {text-align: center;}
	.member-wrap p {font-size: 14px;}
	.member-wrap p.nmbottom {text-align:center;}

	#certifications h2, #certifications p {text-align:center;}
}

@media (max-width: 520px) {
	.halfblock {padding-top: 50px;padding-bottom: 50px;}
	.halfblock i {font-size: 32px;}
	.halfblock h3 {font-size:32px;}

	#certifications h2 {margin-top: 0;}
	#certifications .border-right {border-right: 0;}
	.certimage {margin-top: 0;}
}




/* --------------------------------------------
 = 9. PORTFOLIO
 ---------------------------------------------- */
#portfolio {
	display:block;
	position: relative;
	z-index: 99999;
	overflow:visible;
}
	.filtreable_item img{
		width:100%;
		margin:0
	}
	#filter {
 	width: 100%;
 	text-align: center;
		margin-bottom:25px
	}
	#filter li {display: inline-block;}
	.portfolio_view,
	.portfolio_view .portfolio_mask,
	.portfolio_view .content {
		width:263px;
		height:175px;
	}
	.portfolio_view {
	 overflow: hidden;
	 position: relative;
	 text-align: center;
	 -webkit-box-shadow: 1px 1px 5px #e6e6e6;
	 -moz-box-shadow: 1px 1px 5px #e6e6e6;
	 box-shadow: 1px 1px 5px #e6e6e6;
	 cursor: default;
	}
	.portfolio_view .portfolio_mask,.portfolio_view .content {
	 position: absolute;
	 overflow: hidden;
	 top: 0;
	 left: 0;
	}
	.portfolio_view img {
	 display: block;
	 position: relative;
	}
	.portfolio_mask h2 {
	 color: #fff;
	 text-align: center;
	 position: relative;
	 font-size: 17px;
	 padding: 10px 0;
	 background: rgba(0, 0, 0, 0.6);
	 margin: 15px 0 0 0;
	}
	.portfolio_mask h2 a {
	 color: #fff;
	}
	.portfolio_mask h2 a:hover {
	 text-decoration:none;
	}
	.portfolio_mask p {
	 font-family: Georgia, serif;
	 font-style: italic;
	 font-size: 12px;
	 position: relative;
	 color: #fff;
	 padding: 20px 10px 10px;
	 text-align: center;
	}
	.portfolio_mask a.info {
		margin:0 auto;
		display: inline-block;
	 padding: 2px 7px;
	 background: rgba(0, 0, 0, 0.6);
	 color: #fff;
	 text-decoration:none;
	 font-size:12px;
	 -webkit-box-shadow: 0 0 1px #000;
	 -moz-box-shadow: 0 0 1px #000;
	 box-shadow: 0 0 1px #000;
	}
	.portfolio_mask a.info:hover {
	 -webkit-box-shadow: 0 0 5px #000;
	 -moz-box-shadow: 0 0 5px #000;
	 box-shadow: 0 0 5px #000;
	}

	.portfolio_view img {
	 -webkit-transition: all 0.2s linear;
	 -moz-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
	 -ms-transition: all 0.2s linear;
	 transition: all 0.2s linear;
	}
	.portfolio_view .portfolio_mask {
	 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 filter: alpha(opacity=0);
	 opacity: 0;
	 background-color: rgba(74,174,238, 0.7);
	 -webkit-transition: all 0.4s ease-in-out;
	 -moz-transition: all 0.4s ease-in-out;
	 -o-transition: all 0.4s ease-in-out;
	 -ms-transition: all 0.4s ease-in-out;
	 transition: all 0.4s ease-in-out;
	}
	.portfolio_view h2 {
	 -webkit-transform: translateY(-100px);
	 -moz-transform: translateY(-100px);
	 -o-transform: translateY(-100px);
	 -ms-transform: translateY(-100px);
	 transform: translateY(-100px);
	 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 filter: alpha(opacity=0);
	 opacity: 0;
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 -ms-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	}
	.portfolio_view p {
	 -webkit-transform: translateY(100px);
	 -moz-transform: translateY(100px);
	 -o-transform: translateY(100px);
	 -ms-transform: translateY(100px);
	 transform: translateY(100px);
	 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 filter: alpha(opacity=0);
	 opacity: 0;
	 -webkit-transition: all 0.2s linear;
	 -moz-transition: all 0.2s linear;
	 -o-transition: all 0.2s linear;
	 -ms-transition: all 0.2s linear;
	 transition: all 0.2s linear;
	}
	.portfolio_view:hover img {
	 -webkit-transform: scale(1.1,1.1);
	 -moz-transform: scale(1.1,1.1);
	 -o-transform: scale(1.1,1.1);
	 -ms-transform: scale(1.1,1.1);
	 transform: scale(1.1,1.1);
	}
	.portfolio_view a.info {
	 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 filter: alpha(opacity=0);
	 opacity: 0;
	 -webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 -ms-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 position: absolute;
	 bottom: 10px;
	 left:30%;
	 right:30%;
	}
	.portfolio_view:hover .portfolio_mask {
	 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 filter: alpha(opacity=100);
	 opacity: 1;
	}
	.portfolio_view:hover h2,
	.portfolio_view:hover p,
	.portfolio_view:hover a.info {
	 -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 filter: alpha(opacity=100);
	 opacity: 1;
	 -webkit-transform: translateY(0px);
	 -moz-transform: translateY(0px);
	 -o-transform: translateY(0px);
	 -ms-transform: translateY(0px);
	 transform: translateY(0px);
	}
	.portfolio_view:hover p {
	 -webkit-transition-delay: 0.1s;
	 -moz-transition-delay: 0.1s;
	 -o-transition-delay: 0.1s;
	 -ms-transition-delay: 0.1s;
	 transition-delay: 0.1s;
	}
	.portfolio_view:hover a.info {
	 -webkit-transition-delay: 0.2s;
	 -moz-transition-delay: 0.2s;
	 -o-transition-delay: 0.2s;
	 -ms-transition-delay: 0.2s;
	 transition-delay: 0.2s;
	 cursor: pointer;
	}

	.single-member .portfolio_view img,
	.single-member .portfolio_view,
	.single-member .portfolio_view .portfolio_mask,
	.single-member .portfolio_view .content	{
		width:263px;
		height:175px
	}

	.single-member .portfolio_view h2 {
	 padding: 5px 0;
	 font-size:14px
	}

#portfolio .modal {
	overflow-x: auto;
}

#portfolio .modal .close {
	color:#fff;
	opacity: 1;
}

/* --------------------------------------------
 = 10. Bottom Quote (hidden from theme)
 ---------------------------------------------- */
#bottomquote {
	background:url(images/defaults/11.jpg) center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
	#bottomquote .add-pattern {
		background: url(images/pattern.png) repeat;
		padding:80px 0;
		text-align:center;
		color:#fff;
	}
	#bottomquote .home_quote {
		font:46px/50px Oswald, Arial, sans-serif;
		text-shadow: 1px 1px 1px #000;
		font-weight:300;
		color:#fff;
	}
	#bottomquote .toldby {font:italic 19px georgia, serif;margin:0}

/* --------------------------------------------
 = 11. TESTIMONIALS
---------------------------------------------- */
	#testimonials {
		background:url(images/defaults/11.jpg) fixed center center;
		position:relative;
		color:#fff;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
	#testimonials .add-pattern {
		background: url(images/pattern.png) repeat;
		padding:80px 0;
		text-align:center;
		color:#fff;
	}
	#testimonials img {
		width:70px;
		display:inline-block;
		margin:0 5px;
		border:2px solid #fff;
	}

	#testimonials p {
		font:26px/30px Oswald, Arial, sans-serif;
		text-shadow: 1px 1px 1px #000;
		font-weight:300;
		color:#fff;
		margin:0 0 25px
	}

	#testimonials .section-title h2,
	#testimonials .section-title h4 {color:#fff;}
 	#testimonials .toldby {
		font:italic 19px georgia, serif;
		margin:0 0 25px
	}

/* --------------------------------------------
 = 12. BLOG
 ---------------------------------------------- */
 #timeline {
	width:100%;
	display:block;
	padding:65px 0 85px;
	overflow:hidden;
}

	#timeline .btn {
		padding:10px;
		margin:10px auto 0;
		width:180px;
		border-color: #4aaeee;
		border-radius: 5px;
		font: 13px "Helvetica Neue",Helvetica,Arial,sans-serif;
		line-height:19px;
		font-weight: 700;
		color: #fff;
		background-color: #4aaeee;
		-webkit-transition: background .3s ease-in-out;
		-moz-transition: background .3s ease-in-out;
		-o-transition: background .3s ease-in-out;
		transition: background .3s ease-in-out;
		min-width:150px;
		text-align:center;
	}

	#timeline .btn:hover,
	#timeline .btn:focus,
	#timeline .btn:active,
	#timeline .btn.active
	{
		border-color: #59ABE3;
		color: #fff;
		background-color: #59ABE3;
	}

	#timeline .btn:active,
	#timeline .btn.active {
		background-image: none;
	}

	.timeline_container {
		width:930px;
		overflow:hidden;
		position:relative;
		margin:0 auto;
	}
	.timeline_container .timeline_divider {
		height:100%;
		position:absolute;
		background:#eee;
		left:50%;
		width:2px;
		margin-left:-1px;
		bottom:20px;
		z-index:-1;
	}
	.timeline_container .tooltip {
		width:130px
	}
	ul.timeline {
		width:930px;
		list-style:none;
		overflow:hidden;
		margin:0 0 10px;
		padding:0;
	}
	ul.timeline h2 {
		font:18px/23px Oswald, Arial, sans-serif;
		margin:0 0 10px;
		padding:0
	}
	ul.timeline h2 a {
		color:#222;
	}
	.timeline li {
		width:440px;
		background:#fff;
		padding:15px 15px 0;
		position:relative;
		margin:0 0 30px;
		border:1px solid #eee;
		 -webkit-box-shadow: 0 4px 4px -2px #ddd;
		 -moz-box-shadow: 0 4px 4px -2px #ddd;
				box-shadow: 0 4px 4px -2px #ddd;
	}
	.timeline .featured-media {
		margin:-15px -15px 15px;
		width:440px;
		max-width:440px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		overflow:hidden
	}
	.timeline li:nth-child(even) {
		float:right;
		clear:right;
	}
	.timeline li:nth-child(odd) {
		float:left;
		clear:left;
	}
	.timeline .timeline-arrow {
		position:absolute;
		width:15px;
		height:20px;
		background:url(images/arrow-rightleft.png)
	}
	.timeline .blog-posttime {
		position:absolute;
		font-size:10px;
		z-index:999999;
		color:#e2e2e2;
		cursor:pointer;
	}
	.timeline .blog-posttime:hover {
		color:#555;
	}
	.timeline li:nth-child(odd) .arrow-odd {
		bottom:110px;
		right:-15px;
		background-position:right;
	}
	.timeline li:nth-child(odd) .posttime-odd {
		bottom:114px;
		right:-30px;
	}
	.timeline li:nth-child(even) .arrow-even {
		bottom:70px;
		left:-15px;
		background-position:left;
	}
	.timeline li:nth-child(even) .posttime-even {
		bottom:74px;
		left:-30px;
	}
	.timeline p {
		margin-bottom:15px;
		font-size:14px;
		line-height:19px;
	}
	.timeline .blog-postmeta {
		border-top:1px solid #eee;
		background:url(images/bg-blogpostmeta.png);
		margin:0 -15px -1px;
		overflow:hidden;
		height:40px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.timeline .blog-postmeta img {
		margin:0 7px 0 0;
		float:left;
	}
	.timeline .blog-postmeta p {
		font:11px Raleway, arial, sans-serif;
		line-height:15px;
		margin:0;
		padding-top:5px;
	}

	.nnr-filter .label {
    	padding: 8px 25px;
    	cursor: pointer;
        display: inline-block;
        margin-bottom: 5px;
	}

	.nnr-filter .single-list-item h2 {font-size: 27px;}

	.nnr-filter .single-list-item-big-website .website-data a {
    	color: #333;
	}
	.nnr-filter .single-list-item-big-website .website-data a:hover {
    	color: #efefef;
	}

    .nnr-filter .single-list-item-big-website .website-data .website-rating {
        font-size: 36px;
        font-weight: bold;
    }
    .nnr-filter .single-list-item-big-website .website-data .website-rating small {
        font-size: 50%;
    }

/* --------------------------------------------
 = 13. CONTACT
---------------------------------------------- */
#contact {
	width:100%;
	overflow:hidden;
	background:url(images/defaults/contact-bg.jpg) top center;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
	#contact .add-pattern {
		background: url(images/pattern-dark.png) fixed;
		padding:65px 0 85px;
		text-align:center;
		color:#fff;
	}
	#contact .section-title h2,#contact .section-title h4 {
	 color: #fff;
	 font-weight:400
	}
	.email-confirmation {
		margin:0;
		text-align:center;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	#contact .section-title h4 {
	 color: #fff;
	}
	#contact .companyaddress {
		background:rgba(0,0,0,0.7);
		padding:20px;
		color:#eee;
		font-size:13px;
		font-family:raleway;
	}
	#contact .companyaddress a,
	#contact .companyaddress a:hover	{
		color:#fff;
	}
	#contact .companyaddress strong {
		display:block;
	}
	#contact .companyaddress p {margin-bottom:18px;}
	#contact .companyaddress p.social-btns {margin:9px 0 0}

	#contactform {
		background:rgba(0,0,0,0.7);
		padding-top:20px;
		padding-bottom:20px;
		overflow:hidden;
	}
	#contactform input ,#contactform textarea{
		/* customize bootstrap form defaults */
		background:rgba(0,0,0,0.6);
		color:#ccc;
		font-size:12px;
		height:40px;
		padding:9px 12px;
		outline: none;
		border: 1px solid #444;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		margin-bottom:20px;
	}
	#contactform textarea{
		height:160px
	}
	#contactform input:focus,#contactform textarea:focus {
		background:rgba(0,0,0,0.9);
	}
	.btn-custom-darken.active {
	 color: rgba(255, 255, 255, 0.75);
	}
	.btn-custom-darken {
		color: #fff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #222324;
		background-image: -moz-linear-gradient(top, #2c2d2e, #131314);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c2d2e), to(#131314));
		background-image: -webkit-linear-gradient(top, #2c2d2e, #131314);
		background-image: -o-linear-gradient(top, #2c2d2e, #131314);
		background-image: linear-gradient(to bottom, #2c2d2e, #131314);
		background-repeat: repeat-x;
		border-color: #131314 #131314 #000000;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}
	.btn-custom-darken:hover,
	.btn-custom-darken:focus,
	.btn-custom-darken:active,
	.btn-custom-darken.active,
	.btn-custom-darken.disabled {
		color: #fff;
		background-color: #131314;
		outline:none !important;
	}
	.btn-custom-darken:active,
	.btn-custom-darken.active {
		background-color: #000000;
	}

/* --------------------------------------------
 = 14. FOOTER
---------------------------------------------- */

/* Main Footer */

#footer a {font-size: 14px;color:#666; }
#footer a:hover {color:#eee; }
#footer p {font-size: 14px;color:#666; }


/* Footer Link Lists */

#footer-links {
 color:#fff;
 background-image: url(images/pattern-dark.png);
}
#footer-links a { color:#ccc; }
#footer-links a:hover { color:#eee; }


/* Footer Contact */

#footer-contact { background: #f3f3f3; }
#footer-contact .icon { font-size: 40px; }
#footer-contact h5 {
	letter-spacing: 1px;
	text-transform: uppercase;
}


/* Footer Social */

#footer-social { overflow: hidden; }
#footer-social .contact-form {
    display: block;
    float: left;
    width: 50%;
}
#footer-social .contact-form form {
    display: block;
    padding-bottom: 75%;
    position: relative;
    width: 100%;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    padding: 0;
}
#footer-social .contact-form form section {
    background: none repeat scroll 0 0 #fc9800;
    text-align: center;
    display: block;
    color: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
}
#footer-social .contact-form form section h2 {
    color: #ffe35f;
    font-family: "Satisfy",cursive;
    font-size: 6em;
    font-weight: 400;
    line-height: 1;
    margin: 60px 0 0;
    padding: 0;
}
#footer-social .contact-form form section h3 {
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin: 1em 0 0;
    padding: 0;
}
#footer-social .contact-form form section p {
    margin: 0;
    padding: 0;
}
#footer-social img {
    display: block;
    float: left;
    max-width: 100%;
    position: relative;
    width: 100%;
    border: 0 none;
    vertical-align: middle;
}


/* Footer Optin */

#footer-optin {
    overflow: hidden;
    margin: 50px 0 20px;
}
#footer-optin h3 { font-size: 24px; }
#footer-optin h3, #footer-optin p { margin: 0; }
#footer-optin h3 span {
    display: block;
    margin: 4% 0 2%;
    color: #ddd;
    font-size: 18px;
    font-style: italic;
}
#footer-optin input {
    width: 100%;
    margin: 0 0 2% 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#footer-optin .subscribe-submit {
    margin-left: 0;
    width:100%;
    margin: 0 0 2% 0;
    border: 0;
}
#footer-optin em {
    color: #f15928;
    display: block;
    font-size:12px;
    text-align: left;
    margin: 0;
    margin-right: 40px;
    padding: 0;
}
#footer-optin label {
    width:100%;
    padding: 10px 0;
    color:#FFF;
    overflow: hidden;
    text-align: center;
    margin-bottom: 0;
}

/* Google Conversion Pixel Fix */
iframe[name=google_conversion_frame] {position: absolute; top: 0;}


/* --------------------------------------------
 = 15. POST PAGE TEMPLATES
---------------------------------------------- */

/*----- [[ Single Page Common ]] -----*/

	.sticky {
		background:#efefef
	}
	/*Static Page Post Title*/
	.page .entry .entry-title {
		font: bold 36px/48px open sans,arial,sans-serif;
		margin:0 0 30px;
		background:none;
		padding:0;
		text-shadow: none;
		letter-spacing:-1px;
	}

	.subtitle {font:italic 22px 'Droid Serif',Georgia,Times,serif;margin-bottom:30px;letter-spacing:0;line-height:29px;}
	.entry .widget a {text-decoration:none}
	.entry .widget a:hover{text-decoration:underline}

	.single_postmeta {}
	.single_postmeta .entry-title {background:none;text-shadow:none;color:#333;font-size:13px;line-height:13px;display:inline;margin:0;padding:0;letter-spacing:0;}
	.single_postmeta .avatar  { border-radius: 50%; }
	.single_postmeta p.author-byline {font-size: 16px;}
	.single_postmeta p {font-size:13px;margin:0 0 20px;line-height: 1.6em;}
	.single_postmeta a {color:#111; font-weight: bold; text-decoration: underline;}
	.single_postmeta a:hover {color:#333}

	/* Post-Page Typograhpy */
	blockquote {
		clear: both;
		margin: 30px;
		padding: 15px;
		border-left: 5px solid #555;
		border-right: 5px solid #555;
		background-color: #f7f7f7;

	}
	blockquote p {font:italic 16px/24px 'Droid Serif', Georgia, Serif;margin:5px 0;color:#666}

	.entry ul { margin-bottom: 30px; padding-left: 30px; }
	.entry ul ul { margin: 0; }
	.entry ul li {list-style-type: disc;padding:4px 0 }
	.entry ul ul li {list-style-type: circle; }

	.entry ol { margin-bottom: 30px; padding-left: 30px; }
	.entry ol ol { margin: 0; }
	.entry ol li { list-style-type: decimal;padding:4px 0 }
	.entry ol li ol li { list-style-type: lower-alpha; }

	.post-pagination {font-size:12px;line-height:19px;font-family:arial,sans-serif;display:block;overflow:hidden;width:100%;padding-bottom:10px;}
	.post-pagination strong{float:left;margin:5px;}
	.post-pagination span {background:#efefef;border:1px solid #efefef;display:block;padding:0 5px;float:left;margin:4px 8px 0 0;}
	.post-pagination a span {background:#fff;color:#333;border:1px solid #efefef;}
	.post-pagination a:hover span {background:#F76C3A;color:#fff}

	.wp-caption {text-align: center;margin-bottom:0}
	.wp-caption img {border: 0 none;display: block;line-height:0;margin:0 auto;padding:0;}
	.wp-caption .wp-caption-text {font-size: 12px;line-height: 20px;margin: 0;padding: 0 4px;}

/*----- [[ Single Page CV Template ]] -----*/
	#single-cv {
		padding-bottom: 70px;
		background:#fff
	}

	.team-singlephoto img {
		border:1px solid #efefef;
		padding:5px;
		background:#fff;
	}
	.member-details {
		float:left;
	}
	.member-details p {
		margin-bottom:20px;
	}
	.singlepage_position {
		font:22px Raleway, Arial, sans-serif;
		color:#4aaeee;
		font-weight:300;
		display:block;
		margin-bottom:15px;
	}
	p.phone-email {
		font-size:13px;
	}
	p.phone-email a {
		color:#333
	}
	.resume-text p {
		margin-bottom:15px;
	}
	.resume {
		font-size:14px;
		line-height:18px
	}
	.resume strong{color:#4aaeee;display:block;margin:0 0 4px}
	.resume h3 {
		font:24px Roboto Condensed, Arial, sans-serif;
		color:#4aaeee;
		font-weight:400;
		padding-bottom:5px;
		margin:30px 0 10px;
		border-bottom:1px dashed #ccc;
	}
	.resume h3.small-caption {
		font:15px Raleway,"Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
		color:#fff;
		font-weight:400;
		padding:5px 10px;
		margin:0;
		border-bottom:none;
	}
	.additional-info {
		padding-top:10px;
	}
	.dl-horizontal dt {
		text-align:left;
		width:100px
	}
	.dl-horizontal dd {
		margin-left:110px;
		background:#efefef;
		padding:7px 12px;
		margin-bottom:10px;
	}
	.single figure {
/*
		background:#efefef;
		border:1px solid #ddd;
		padding:5px;
*/
		margin-bottom:10px;
		overflow:hidden;
		max-width: 100%
	}
	.single figure:hover {
		background:#ddd
	}
	.single figure.active_member, .single figure.active_member:hover {
		background:#4aaeee;
		color:#fff;
	}
	.single figure.active_member .entry-title {
		color:#fff;
	}
	.single figure img {
		margin:0 10px 0 0
	}
	.single figure .entry-title {
		font-size:16px;
		margin:5px 0;
		letter-spacing:0
	}
	.single figure .entry-title a {
		color:#222
	}
	.single figure .sidebar_position {
		font-size:14px;
		line-height:19px
	}
	.single figure:nth-child(odd) {
		float:left
	}
	.single figure:nth-child(even) {
		float:right
	}

/*----- [[ Single Page Default Layout ]] -----*/
	#featured-image-holder {
		height:500px;
		position:relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		-webkit-animation: fadeIn 2s; /* Safari, Chrome and Opera > 12.1 */
		 -moz-animation: fadeIn 2s; /* Firefox < 16 */
			-ms-animation: fadeIn 2s; /* Internet Explorer */
			 -o-animation: fadeIn 2s; /* Opera < 12.1 */
				animation: fadeIn 2s;
	}

	#featured-image-holder .add-pattern {
		background: url(images/pattern-dark.png) top center;
		display:block;
		height:400px;
		text-align:center;
		color:#fff;
	}
	#featured-image-holder .title-wrapper {
		width:100%;
		margin:0 auto;
		position: absolute;
		left: 0;
		right: 0;
		display: table;
		height: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
	}
	#featured-image-holder .entry-title {
        display: table-cell;
		vertical-align: middle;
		text-align: center;
		color: #fff;
		text-shadow: 1px 0 1px rgba(94, 94, 94, 1);
	}
	#featured-image-holder .entry-title h1 {
    	font-size: 50px;
    	line-height: 60px;
    	text-align: center;
    	max-width: 600px;
    	margin: 10px auto;
	}
	.pagewrap {
		margin-top: 60px;
		margin-bottom: 55px;
		max-width:1140px;
		border-top:none;
		overflow:hidden;
	}
	.gabfire_breadcrumb {
		position: relative;
		background: #F7F7F7;
		padding: 13px 0 13px 25px;
	}
	.gabfire_breadcrumb a, .gabfire_breadcrumb span {
		float: left;
		display: block;
		color: #333;
		font-weight: 700;
		margin-right:10px
	}
	.gabfire_breadcrumb span {
		font-weight:normal;
	}
	.gabfire_breadcrumb .gabfire_bc_separator {
		float: left;
		display: block;
		width:10px;
		margin-right:10px
	}
	#blog-fullwidth .gabfire_breadcrumb {
		background-image:none
	}

	.article-wrapper {
		padding:40px;
		background:#fff
	}
	.page .article-wrapper {
		padding-bottom:25px;
	}

	.innerslider-wrapper {position:relative;margin:-40px -55px 25px;color:#fff;}
	.carousel-four {list-style:none;}
	.carousel-four iframe {width:100% !important;min-height: 480px !important}
	.carousel-four p.innerslide_text {padding:10px;margin:0;font:italic 14px 'Droid Serif',Georgia,Times,serif;position:absolute;left:30px;bottom:30px;width:300px;background:rgba(0,0,0,0.6);line-height:18px}
	.carousel-four .owl-pagination {position:absolute;right:10px;bottom:4px;display:none}
	.carousel-four.owl-theme .owl-controls .owl-page span {width:10px;height:10px;background:#fff;margin:0 3px;}
	.carousel-four-controls {position:absolute;width:100%;z-index:1;right:0;top:50%;margin-top:-11px;height:22px;display:none}
	.carousel-four-controls span i {font-size:24px;line-height:24px;}
	.carousel-four-controls span {color:#fff;cursor:pointer;background:rgba(0,0,0,0.4);padding:2px 12px;}
	.owl-controls.clickable {margin:0}
	.innerslider-wrapper:hover .carousel-four-controls,
	.innerslider-wrapper:hover .carousel-four .owl-pagination{
		display:block;
		-webkit-animation: fadeIn 1s; /* Safari, Chrome and Opera > 12.1 */
		 -moz-animation: fadeIn 1s; /* Firefox < 16 */
			-ms-animation: fadeIn 1s; /* Internet Explorer */
			 -o-animation: fadeIn 1s; /* Opera < 12.1 */
				animation: fadeIn 1s;
	}

/*----- [[ Portfolio Template ]] -----*/
.single-portfolio .innerslider-wrapper {
	margin:0;
}
#blog-portfolio {
	background-image:none
}
#blog-portfolio .gabfire_breadcrumb {
	background-image:none;
	margin:0;
}
.portfolioslide_wrapper {
	background:#fff;
	margin:0;
	padding:40px 50px 45px;
	border-bottom:1px solid #ddd;
}
#blog-portfolio .portfolioslide_wrapper h1{margin: 0 0 15px}

/*----- [[ Big Picture Post Template ]] -----*/
	#blog-bigpicture {
		background-image:none
	}
	#blog-bigpicture .gabfire_breadcrumb {
		background-image:none;
		margin:0;
	}
	/*big picture post template*/
	.bigpicture_wrapper {
		background:#fff;
		margin:0;
		padding:40px 50px 45px;
		border-bottom:1px solid #ddd;
	}
	.bigpicture .gabfire_breadcrumb {
		margin:0;
		background-image:none;
	}
	/* Big picture image wrapping */
	.bigpicture_item {
		overflow:hidden;
		background:#333;
		padding:7px;
		margin-bottom:30px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	.bigpicture_item:last-child {
		margin-bottom:0;
	}
	/* caption text with in big picture */
	.bigpicture_item p {
		margin:0;
		color:#fff;
		font-size:13px;
		padding:7px 10px 0;
		line-height:17px
	}
	.bigpicture .content {
		border-top:1px solid #e1e1e1;
		padding-top:40px
	}
	.bigpicture .sidebar .widget:first-child .widgettitle {
		border-top:1px solid #e1e1e1 !important;
	}

/*----- [[ Full width post template ]] -----*/


/*----- [[ Left Sidebar Post Template ]] -----*/

	#blog-leftsidebar .pagewrap .gabfire_breadcrumb {
		background-image: none;
	}
	#blog-leftsidebar .pagewrap .sidebar .widget .widgettitle {
/* 		background: #fafafa url(images/bc_separator.png) no-repeat right center; */
		background: #fafafa;
	}


/*----- [[ Main Service Page Template ]] -----*/




/*----- [[ Single Service Page Template ]] -----*/

#services-single .gform_title {color: #fff;}

/*----- [[ Contact Page Template ]] -----*/


#tpl-contact h1 {font-size:70px;}
#tpl-contact .ginput_container {font-size:18px;}
#tpl-contact #gform_wrapper_1 .gfield_label {font-size: 20px; font-weight: 300;}
#tpl-contact .gform_wrapper .top_label li.gfield.gf_left_half {margin-right: 2.5%}
#tpl-contact .gform_wrapper .top_label li.gfield.gf_left_half input, #tpl-contact .gform_wrapper .top_label li.gfield.gf_right_half input {width:100%;}
#tpl-contact .textarea {width: 100%; border: 1px solid #aaa;}
#tpl-contact .gform_wrapper select {height: 40px; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #fff; margin-bottom: 30px;border:1px solid #aaa;}
#tpl-contact .gform_wrapper select option { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#tpl-contact .gform_wrapper .gform_footer .gform_button {padding:15px;}
#tpl-contact .gform_wrapper .gform_footer .gform_button:hover {box-shadow: none;}

#tpl-contact .gform_wrapper div.validation_error {font-size: 1em; font-weight: 100;}
#tpl-contact #gform_confirmation_message_1 {background: #c1ffc1;color: #6A9B23; font-weight: 100;padding: 30px;text-align: center;}
#tpl-contact .gform_wrapper .top_label input.large {width: 100%;}

/* --------------------------------------------
 = 16. SIDEBAR
---------------------------------------------- */
.sidebar {padding-bottom:20px;}
.sidebar .widgettitle {

	background: #f15928;
	background: #333;
	color:#FFF;
	display:block;
	padding:14px 0 14px 20px;
	font: bold 16px/19px Raleway, 'Open Sans', Arial, sans-serif;
	float:none;
	letter-spacing:0;
    margin: -25px -20px 30px;
}
.sidebar .widget:first-child .widgettitle {
	border-top:none;
}
.sidebar .widgetinner {
	padding: 25px 20px 30px;
}
.sidebar .widgetinner ul {
	padding: 0 0 0 20px;
}
.sidebar .text-widget {
	font-size:14px;
	color:#666
}
.gabfire_ajaxtabs .panes ul {padding-left:0}
.sidebar .widgetinner ul li a {
	color:#555;
}
.sidebar .widgetinner ul li a:hover {
	color:#f76c3a;
}
.sidebar .flickr_badge_image {
	margin: 0 8px 16px;
}
.sidebar .flickr_badge_image .widgetinner {
	padding-bottom:10px
}
.sidebar .flickr_badge_image img {
	width:78px;
}
.sidebar .tab_titles a {
	padding:0 !important;
}
.sidebar .tab_titles li:before {
	content: "";
	border: none;
	display: block;
	height: 0;
	width: 0;
	left: auto;
	top: auto;
	position: static;
}
.sidebar_portfolio_view {float:left;display:block;margin: 0 0 10px}
.sidebar_portfolio_view:nth-child(even) {float:right}

.sidebar_portfolio_view.portfolio_view img,
.sidebar_portfolio_view.portfolio_view,
.sidebar_portfolio_view.portfolio_view .portfolio_mask,
.sidebar_portfolio_view.portfolio_view .content	{
	width:150px;
	height:93px;
}
.sidebar_portfolio_view h2 {
	padding: 5px 0;
	font-size:14px
}

/*	----------------------------------------------
= 17. COMMENT FORM
-------------------------------------------------- */
.commentswrapper {padding-bottom:7px}
#comments {font-size:13px;line-height:18px;background:#fff;margin-top:35px}
#comments-title {color:#999;margin:0 0 20px 0;font-size:20px}
#comments-title span {color:#222;}
#comments .navigation {overflow:hidden;margin-bottom:2em;}
#comments .navigation .nav-next {width:auto;float:right}
#comments .navigation .nav-previous {width:auto;float:left}
#comments blockquote { background:url(../framework/images/blockquote_gray.gif) no-repeat 0 20px; font:italic 14px/1.45 Georgia, serif;margin:5px 0;padding: 10px 20px 10px 50px; color: #555;font-style:italic;margin-bottom:15px;}
#comments blockquote p {font-style:italic;margin:5px 0;}

#comments .comment-inner ul {margin: 0 0 15px 10px; padding-left: 20px;}
#comments .comment-inner ul ul { margin: 0; }
#comments .comment-inner ul li { list-style-type: disc !important; }
#comments .comment-inner ul ul li { list-style-type: circle; }

#comments .comment-inner ol {margin: 0 0 15px 10px; padding-left: 20px;}
#comments .comment-inner ol ol { margin: 0; }
#comments .comment-inner ol li { list-style-type: disc !important; }
#comments .comment-inner ol li ol li { list-style-type: lower-alpha; }

.commentlist {margin:20px 0 !important;padding:0 !important;}
.commentlist li {list-style-type:none !important;padding:0 !important}
.commentlist .children {margin-left:40px;padding-left:0}
.commentlist .children .avatar {width:35px;height:35px;}

.commentlist li > div {
	border:1px solid #efefef;
	background:#fcfcfc;
	padding:10px 20px 3px 20px;
	position:relative;
	margin-bottom:20px;
	margin-left:85px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.commentlist .pingback {
	margin-bottom:20px;
}
.commentlist li > div:hover {
	background:#fff;
}

.commentlist li > div:before {
	content:url(images/commentarrow.png);
	left:-17px;
	top:25px;
	position:absolute;
	z-index:999;
}
.commentlist li > div:hover:before {
 content:url(images/commentarrow-white.png);
}
.commentlist li.bypostauthor > div {
	background:#f5f5f5;

}
.commentlist li.bypostauthor > div:before {
	content:url(images/commentarrow-bypostauthor.png);
}
.commentlist li.bypostauthor > div:hover:before {
 content:url(images/commentarrow-white-bypostauthor.png);
}

.commentlist .avatar {
	position:absolute;
	top:3px;
	left:-80px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	border-radius:50%;
	box-shadow:0 0 0 3px #ccc;
}
.commentlist li li .avatar {
	left:-70px;
}
.comment-reply-link {
	position:absolute;
	top:60px;
	left:-80px;
	font-size:13px;
	width:50px;
	text-align:center;
	color:#cccccc;
}
li li .comment-reply-link {
	left:-70px;
}
.comment-author {
	font:14px 'Open Sans', Arial, sans-serif;
	margin-bottom:5px;
	display:block;
	color:#777
}
.comment-author .fa-user {color:#666}
.comment-author a {color:#222}
.comment-date-link {
	font:12px/15px 'Open Sans', Arial, sans-serif;
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
	color:#aaa;
}
.comment-pagination {
	padding-left:20px;
	margin-top:10px;
}
.comment-pagination a,
.comment-pagination .current {
	border:solid 1px #dddddd;
	padding:3px 12px;
	display:inline-block;
	text-decoration:none;
}
.comment-pagination a {
	background:#fcfcfc;
}
.comment-pagination a:hover {
	background:#0090d3;
	border:solid 1px #0090d3;
	color:#ffffff;
}
#comment-pagination-1 {
	border-bottom:solid 1px #dddddd;
}
#comment-pagination-1 a, #comment-pagination-1 .current {
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	margin-bottom:-1px;
}
#comment-pagination-1 .current {
	border-bottom:solid 1px #ffffff;
}
#comment-pagination-2 {
	border-top:solid 1px #dddddd;
}

#comment-pagination-2 a, #comment-pagination-2 .current {
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	margin-top:-1px;
}
#comment-pagination-2 .current {
	border-top:solid 1px #ffffff;
}

/* Comment Form */
#respond {
    background-color:#fafafa;
    padding:20px 20px 20px 20px;
    overflow:hidden;
    border:1px solid #e7e7e7;
    clear:both;
    margin:0 0 10px 0;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#respond a {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
li #respond {margin:0 0 1em 0;}
#respond h3 {margin:0 0 10px;font:19px arial, sans-serif; color:#444}
#respond .comment-notes { font-size:14px; margin-bottom:15px;}
#respond p { margin:0;font-size:14px; margin-bottom:15px;}
#respond .form-field-wrapper{display:block;margin:0 0 15px;float:left;width:194px;}
#respond .form-field-wrapper.mid-input-item{margin:0 12px;}
.children #respond .form-field-wrapper{float:none;width:220px;display:block;margin: 0 0 15px !important}
#respond .comment-form-author input,
#respond .comment-form-email input,
#respond .comment-form-url input {width:165px;}
#respond .form-allowed-tags { clear:both;display:block; margin-top:0;font-size:11px;font-style:italic;color:#888}
#respond .form-allowed-tags code { margin-top:5px;font-size:11px;line-height:16px}
#respond p textarea{
	font:13px arial, sans-serif;
	color:#444;
	border:1px solid #efefef;
	width:100%;
	font-size:15px;
	padding:10px;
	-webkit-box-shadow:inset 0 0 15px #ddd;
	 -moz-box-shadow:inset 0 0 15px #ddd;
	 box-shadow:inset 0 0 15px #ddd;
}
#respond .comment-form-comment label{ padding-top:7px;font-size:13px}
#respond #cancel-comment-reply-link {display:block;font-size:13px;line-height:24px}
#respond #comment-msg { font-size:1em; font-style:italic;}
#respond .form-submit { display:block;margin:15px 0 0 0}
#respond .form-submit #submit { padding:10px 0; margin-left:0; font-size:13px;font-weight:bold; text-align:center; width:140px;height:40px;cursor:pointer;border:1px solid #efefef;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	box-shadow:inset 0 0 5px #eee;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	}
#respond .form-submit #submit:hover {background:#ec4017;color:#fff;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
li #respond {margin-bottom:1em}

/*	----------------------------------------------
= 18. ARCHIVE PAGES
-------------------------------------------------- */
.archive .aligncenter {margin-bottom:15px;display:block;line-height:0}
.archive .fullwidth .content {padding-left:40px;padding-right:40px}
.archive .fullwidth .gabfire_breadcrumb {margin-left:-40px;margin-right:-40px}
.archivepage.entry {margin-top:30px;border-top:1px dotted #ddd;padding-top:30px}
.archivepage.entry:first-child {margin-top:0;border-top:none;padding-top:0}
.archivepage.entry .entry-title {font:normal 26px/30px open sans,arial,sans-serif;margin:0 0 10px;background:none;padding:0;text-shadow: none;letter-spacing:-1px}
.archivepage.entry .entry-title a {color:#333}
.archivepage.entry .entry-title a:hover {color:#f76c3a;text-decoration:none}

/* Archive page post meta */
p.archive_postmeta {overflow:hidden;font-size:13px;text-shadow:0 0 1px #eee;line-height:16px;font-family:Open Sans, sans-serif;color:#222;margin-bottom:20px}
	p.archive_postmeta a,
	p.archive_postmeta a:hover,
	p.archive_postmeta a:focus,
	p.archive_postmeta a:active {text-decoration:none;outline:none;color:#999}
	p.archive_postmeta a:hover {color:#000}
	p.archive_postmeta span i {color:#777;font-size: 13px;margin-right: 3px;padding: 2px;text-align: center;width: 15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
	p.archive_postmeta .post-edit-link {padding-left:0}

/* Archive page pagination */
.archive-pagination {float:left;display:block;width:100%;margin-bottom: 5px;overflow:hidden;font:12px arial,sans-serif;margin:25px 0 30px;border-top:1px dotted #ddd;padding-top:30px}
	.archive-pagination .page-numbers {background:#fff;color:#333;border:1px solid #efefef;display:block;padding:5px 8px 3px;float:left;margin:4px 6px 0 0;}
	.archive-pagination .page-numbers:hover {background:#F76C3A;color:#fff;text-decoration:none;}
	.archive-pagination .page-numbers.dots:hover {background:#fff;color:#333}
	.archive-pagination .page-numbers.current,.archive-pagination .page-numbers.current:hover {background:#efefef;color:#333}

/* 2 col archive pages */
.archive-2col article {width:302px;float:left}
.archive-2col article:nth-child(2n) {float:right}
	.archive-2col p.archive_postmeta {margin-bottom:10px;}

	/* Remove border top from second entry */
	.archive-2col article.entry:nth-child(2) {margin-top:0;border-top:none;padding-top:0}

	/* Archive 2col with sidebar */
	.archive-2col article.entry .entry-title {font-size:19px;line-height:23px;padding-bottom:0;letter-spacing:0}
	.archive-2col iframe {width:302px;height:164px}

	/* Archive 2col no-sidebar */
	#blog-fullwidth .archive-2col article.entry {width:488px}
	#blog-fullwidth .archive-2col iframe {width:488px;height:265px}
	#blog-fullwidth .archive-2col article.entry .entry-title {font-size:22px;line-height:25px;padding-bottom:0;letter-spacing:0}

/* Archive 3col no-sidebar */
.archive-3col article {width:313px;margin-right:45px;float:left}
	.archive-3col article.lastarticle {margin-right:0}
	.archive-3col article.entry .entry-title {font-size:21px;line-height:25px;padding-bottom:0;letter-spacing:0}
	.archive-3col p.archive_postmeta {margin-bottom:7px;}
	.archive-3col article.entry iframe{width:313px;height:170px}

	/* Remove border top from first three entries */
	.archive-3col article:nth-child(-n+3) {margin-top:0;border-top:none;padding-top:0}

/* 4 col archive pages */
.archive-4col article {width:231px;margin-right:35px;float:left;overflow:hidden}
	.archive-4col article.lastarticle {margin-right:0}
	.archive-4col article.entry .entry-title {font-size:20px;line-height:23px;padding-bottom:0;letter-spacing:0}
	.archive-4col p.archive_postmeta {margin-bottom:7px;}
	.archive-4col article.entry iframe{width:231px;height:125px}

	/* Remove border top from first three entries */
	.archive-4col article:nth-child(-n+4) {margin-top:0;border-top:none;padding-top:0}

/* portfolio archive page */
	.archive .innerslider-wrapper {margin: 5px 0 45px}
	.archive .carousel-four .owl-pagination {display:block;}
	.archive .carousel-four-controls {display:block}
	.archive .innerslider-wrapper:hover .carousel-four-controls,
	.archive .innerslider-wrapper:hover .carousel-four .owl-pagination {
		display:block;
		-webkit-animation: fadeIn 0;
		 -moz-animation: fadeIn 0;
			-ms-animation: fadeIn 0;
			 -o-animation: fadeIn 0;
				animation: fadeIn 0;
	}
	.archive .innerslider-wrapper .postcaption{position:absolute;right:40px;top:40px;padding:10px 15px;width:280px;background: rgba(0,0,0,0.7)}
	.archive .innerslider-wrapper .entry-title {color:#fff;font-size:25px;margin:0 0 15px;line-height:27px;letter-spacing:0}
	.archive .innerslider-wrapper .entry-title a {color:#fff;}
	.archive .innerslider-wrapper .entry-title a:hover{text-decoration:underline}
	.archive .innerslider-wrapper .postmeta {font-size:14px}
	.archive .innerslider-wrapper .postmeta a {color:#ccc;}
	.archive .innerslider-wrapper .postmeta a:hover{color:#fff;}
	.archive-portfolio.archive-2col article:nth-child(-n+3) {border-top:none;margin-top:0;padding-top:0}

/* portfolio archive page */
	.viewcv{
		float:right;
		margin:4px 0 0;
	}
	.archive-member article {
		padding-bottom:15px;
	}

/*	----------------------------------------------
= 19. LOGIN PAGE TEMPLATE
-------------------------------------------------- */
#gabfire-login {
	padding:20px 35px 35px;
	display:block;
	background: #fff;
	color:#6d6d6d;
	text-shadow:1px 1px 0 #fff;
	border:1px solid #e1e1e1;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	 box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	}

#gabfire-login h3 {
	margin-bottom:25px
}
#gabfire-login h3 small {
font-size:13px;
display:block;
padding-top:8px
}
#gabfire-login label {
font-weight:normal
}
#gabfire-login #reg_passmail, #gabfire-login .login-remember {margin-bottom:15px}
#gabfire-login input[type="text"] {display: block;border: 1px solid #e1e1e1;padding: 4px 4px;-moz-border-radius: 4px;-webkit-border-radius:4px;border-radius:4px;width: 100%;}
#gabfire-login input[type="text"]:hover {border-color: #ccc;}
#gabfire-login input[type="text"]:focus {-moz-box-shadow: 0 0 3px #ccc;-webkit-box-shadow: 0 0 3px #ccc;box-shadow: 0 0 3px #ccc;}
#gabfire-login #wp-submit {
 background: #fff;
 background-image: -webkit-linear-gradient(top, #fff, #eee);
 background-image: -moz-linear-gradient(top, #fff, #eee);
 background-image: -ms-linear-gradient(top, #fff, #eee);
 background-image: -o-linear-gradient(top, #fff, #eee);
 background-image: linear-gradient(to bottom, #fff, #eee);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
 color: #444444;
 padding: 8px 20px 8px 20px;
 border: solid #eee 1px;
 text-decoration: none;
 margin:0;
}

#gabfire-login #wp-submit:hover {
 background: #f5f5f5;
 background-image: -webkit-linear-gradient(top, #f5f5f5, #f5f5f5);
 background-image: -moz-linear-gradient(top, #f5f5f5, #f5f5f5);
 background-image: -ms-linear-gradient(top, #f5f5f5, #f5f5f5);
 background-image: -o-linear-gradient(top, #f5f5f5, #f5f5f5);
 background-image: linear-gradient(to bottom, #f5f5f5, #f5f5f5);
 text-decoration: none;
}


/* --------------------------------------------
 = 20. FONTS
---------------------------------------------- */
@font-face {
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 300;
 src: local('Raleway Light'), local('Raleway-Light'), url(//themes.googleusercontent.com/static/fonts/raleway/v7/-_Ctzj9b56b8RgXW8FAriRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 400;
 src: local('Raleway'), url(//themes.googleusercontent.com/static/fonts/raleway/v7/IczWvq5y_Cwwv_rBjOtT0w.woff) format('woff');
}
@font-face {
 font-family: 'Raleway';
 font-style: normal;
 font-weight: 700;
 src: local('Raleway Bold'), local('Raleway-Bold'), url(//themes.googleusercontent.com/static/fonts/raleway/v7/JbtMzqLaYbbbCL9X6EvaIxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
/*
@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 300;
 src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(//themes.googleusercontent.com/static/fonts/robotocondensed/v9/b9QBgL0iMZfDSpmcXcE8nCj3Mi2hOMP9GNHlaDA9WRI.woff) format('woff');
}
@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 400;
 src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(//themes.googleusercontent.com/static/fonts/robotocondensed/v9/Zd2E9abXLFGSr9G3YK2MsK8NE7_Gi-Xz52ZQ_AwfA78.woff) format('woff');
}
@font-face {
 font-family: 'Roboto Condensed';
 font-style: normal;
 font-weight: 700;
 src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(//themes.googleusercontent.com/static/fonts/robotocondensed/v9/b9QBgL0iMZfDSpmcXcE8nJT5GEmoOtNsejy4tIPLwv0.woff) format('woff');
}
@font-face {
 font-family: 'Droid Serif';
 font-style: italic;
 font-weight: 400;
 src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(//fonts.gstatic.com/s/droidserif/v6/cj2hUnSRBhwmSPr9kS5899kZXW4sYc4BjuAIFc1SXII.woff) format('woff');
}
@font-face {
 font-family: 'Oswald';
 font-style: normal;
 font-weight: 300;
 src: local('Oswald Light'), local('Oswald-Light'), url(//fonts.gstatic.com/s/oswald/v9/l1cOQ90roY9yC7voEhngDD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
 font-family: 'Oswald';
 font-style: normal;
 font-weight: 400;
 src: local('Oswald Regular'), local('Oswald-Regular'), url(//fonts.gstatic.com/s/oswald/v9/PyqsDANUgLi2UsdO-d4iZQ.woff) format('woff');
}
*/
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v3/67PFCF-E5tJ4OT0xf2g4_4DGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v3/TcVKmYnemVyF2Qc-sZ-RtYDGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: local('Exo 2'), local('Exo2-Regular'), url(https://fonts.gstatic.com/s/exo2/v3/mJrGVjHbrdshrbGyvd7vdaCWcynf_cDxXwCLxiixG1c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(https://fonts.gstatic.com/s/exo2/v3/bjq6AK9kaX_qiS97tqNwpBkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(https://fonts.gstatic.com/s/exo2/v3/j6S3lQriBGoUURQ3ejUiKBkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  src: local('Exo 2 Bold'), local('Exo2-Bold'), url(https://fonts.gstatic.com/s/exo2/v3/AbMslUVu4Wq5jvNwOBLwLnYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* --------------------------------------------
 = 21. PORTFOLIO
 ---------------------------------------------- */

#portfolio-featured .portfolio-featured-row {position: relative; height: 500px;}
#portfolio-featured .portfolio-featured-row .col-md-12 {height: 500px;}
#portfolio-featured .portfolio-featured-row .portfolio-content {position: absolute; bottom: 15px; right: 45px; box-shadow: 2px 2px 5px #333;}
#portfolio-featured h2, #portfolio-contact h2 {font-size: 48px; line-height: 1.5em;}

#portfolio-testimonials p {font-size: 24px; line-height:42px;}

#portfolio-callout .portfolio-callout-left {
	position: relative;
	background: #f5f5f5;
	height: 500px;
}
#portfolio-callout .portfolio-callout-left:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #f5f5f5;
	border-width: 30px;
	pointer-events: none;
	margin-top: -30px;
	z-index: 999;
}

#portfolio-grid-row .portfolio-grid-item img {
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: ease all .6s;
    margin-bottom: 30px;
}
#portfolio-grid-row .portfolio-grid-item img:hover {
    -moz-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

#blog-portfolio .entry-title h1 {font-weight: 600;}
#blog-portfolio .entry-content h2 {padding-top: 50px;}
#blog-portfolio .entry-content img {margin: 50px -85px; max-width: none;}
#blog-portfolio .entry-content img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

/* --------------------------------------------
 = 22. AFFILIATE PROGRAM
 ---------------------------------------------- */

#affiliate-program .affiliate-wrapper {
    position: relative;
}
#affiliate-program .affiliate-intro-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(25,25,25,0.3);
}

#affiliate-program .affiliate-intro-container #affiliate-intro {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
}

.post-11411 .affwp-form textarea, .post-11411 .affwp-form input[type="text"], .post-11411 .affwp-form input[type="password"], .post-11411 .affwp-form input[type="email"], .post-11411 .affwp-form input[type="url"] {width: 500px;border: #eee solid 1px; line-height: 1.5em; padding-left: 10px;}
.post-11411 .affwp-form textarea {
    padding: 5px 10px;
    font-size: 16px;
}
.post-11411 .affwp-form label {
    float: left;
    padding-right: 20px;
}
.post-11411 .affwp-form input.button {background: #F15928; border-radius: 2px; color: white; font-size: 24px; font-weight: 700; float: left; margin: 20px 0; padding: 15px 30px; letter-spacing: .75px; clear: both;}
.post-11411 .affwp-form input.button:hover { background: #CA390B; color: white; }

.post-11411 .affwp-form legend {
    display: none;
}
.post-11411 #affwp-tos {
    margin-right: 5px;
}
.post-11411 h1 {
    margin: 0 0 50px 0;
}

.affwp-referral-url-submit-wrap .button {background: #F15928; color: #fff;}
.affwp-referral-url-submit-wrap .button:hover { background: #CA390B; color: white; }

/* --------------------------------------------
 = 51. WPsite SECTION - Split Hero on HomePage with Robot and Collage
 ---------------------------------------------- */
#under {
/*
	background: url(images/bg-header-space2.jpg) no-repeat scroll center center / cover rgba(0, 0, 0, 0);
*/
	background: url(images/bg-collage-people-gray.jpg) repeat scroll top left rgba(0, 0, 0, 0);
/*

    background-color: #0399CB;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), transparent);
*/
	width: 100%;
}
#halfscreen {
/*
    background: url(images/header-gray.jpg) no-repeat scroll center center / cover rgba(0, 0, 0, 0);
*/
    /* background: #4aaeee; */
/* 	background: #4aaeee url(images/wpsite-rocket-vertical-285.png) no-repeat center 120px; */
/* 	background:  url(images/wpsite-rocket-vertical-flame-235.png) no-repeat center 80px; */
	background:  url(images/robot-green-suit-300.png) no-repeat center bottom;

	border-bottom: 10px solid #fbd206;
	border-bottom: 6px solid #dedede;
    min-height: 600px;
    text-align: center;
    width: 100%;
    display: block;
    color: #fff;
}
#halfscreen .wps-products {/* background-color: rgba(66, 96, 116, 0.97); */padding:100px 150px 0; /* border-right:1px solid #fff; */}
#halfscreen .wps-services {/* background-color: rgba(0, 200, 215, 0.97); */padding:100px 150px 0;}


@media (min-width: 769px) and (max-width: 991px) {

	#halfscreen .wps-products {padding:30px 30px 0;}
	#halfscreen .wps-services {padding:30px 30px 0;}

}


@media (max-width: 768px) {

	#halfscreen {background:  none;height:auto;border: 0;}
	#halfscreen .wps-products {background: #4aaeee;height: auto; padding:30px 30px 0;}
	#halfscreen .wps-services {background: #4aaeee;height: auto; padding:30px 30px 0;}

}


@media (max-width: 520px) {

	#under {background: none;height: auto;}
	#halfscreen {background:  none;height:auto;border: 0;}
	#halfscreen .wps-products {background: #4aaeee;height: auto; padding:30px 20px 0;}
	#halfscreen .wps-services {background: #4aaeee;height: auto; padding:30px 20px 0;}

	.subscribe-input {width: 100%;}

}

/* --------------------------------------------
 = 21. bbPress - Forum
 ---------------------------------------------- */

.bbp-reply-content blockquote {clear: none;}




/* --------------------------------------------
 = 51. WPsite SECTION - Split Hero on HomePage with Robot and Collage
 ---------------------------------------------- */
#hero-split {overflow: hidden;}
#hero-split #underlayer {
	width: 100%;
    background-image: url(images/bg-splitcolors-blue.png);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: contain;
}
#hero-split #splitscreen {
/*
	background: url(//www.shopify.com/assets2/homepage/homepage-person@desktop-7d8f6cddf33ac4a940e6f3cf5e126d99.png) no-repeat center bottom;
*/
	background: url(images/man-with-laptop.png) no-repeat center bottom;
	border-bottom: 10px solid #fbd206;
	border-bottom: 6px solid #dedede;
    text-align: center;
    width: 100%;
    min-height: 600px;
    height: auto;
    display: block;
    color: #fff;
}
#hero-split #splitscreen h3 {font-weight: normal;}
#hero-split #splitscreen .wps-products {/* background-color: #f1e7d5; */padding:100px 150px 70px;color:#333;}
#hero-split #splitscreen .wps-services {/* background-color: #94cd4b; */padding:100px 150px 70px;}




#hero2 {
	background: url(images/hero2.jpg) no-repeat center top;
	padding-top: 250px;
	background-attachment: relative;
	background-position: center center;
	min-height: 700px;
	width: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#hero2 h1 {
	color: white;
	font-size: 40px;
	line-height: 1.2em;
}
#hero2 h3 {
	color: white;
	font-weight: 300;
	line-height: 1.2em;
}
#hero2 .herobtn {margin-right: 30px;}


#hero3 {
    background: #4aaeee;
	width: 100%;
	padding: 40px 0;
	color:#fff;
}



#hero-desk {
/*     background: #4aaeee; */
	background: url(images/hero-desk2.jpg) center center;
	width: 100%;
	padding: 40px 0;
	color:#fff;
	border-bottom: 1px solid #e5e5e5;
/* 	border-top: 1px solid #e5e5e5; */

}
#hero-desk h1 {
	color: #333;
	font-size: 40px;
	line-height: 1.2em;
}
#hero-desk  h3 {
	color: #333;
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
}
#hero-desk small {
    color: #333;
    background-color: #FFE355;
    padding: 3px;
}


/* --------------------------------------------
 = 51. SECTION - 99Robots Testimonials
 ---------------------------------------------- */

#nnr-testimonials i {
	font-size: 50px;
}

#nnr-testimonials p.text {
	font-size: 16px;
}
#nnr-testimonials p.testimonial {
	font-size: 16px;
	font-family: "Open Sans", serif;
	font-weight: 100;
	font-style: italic;
}

#nnr-testimonials p.testimonial img {
	margin-top: 15px;
	clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#nnr-testimonials-2 .triangle {
    position: absolute;
    right: 50%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 0px 0 30px;
    border-color: #4aaeee transparent transparent transparent;
}

/* --------------------------------------------
 = 51. SECTION - Clients
 ---------------------------------------------- */

/* SPONSORS */
#clients {
	background: #f2f2f2;
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
}

.myclient img {
	max-width: 140px;
	max-height: 60px;
	vertical-align: middle;
}

.myclient .col-sm-2 {
	height: 80px;
	line-height: 80px;
}

#clientrow {
	padding-top: 30px;
	padding-bottom: 30px;
	display: block;
	overflow: hidden;
}
#clientrow h2 {
	margin-top: 1em;
}
.customer-logo {
    padding: 1.5rem;
}
.customer-logo img {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    max-width: 100%;
}
.myheart {color:#E36F3E;}

@media (max-width: 520px) {

	#clientrow h2 {
		margin-top: 0;
	}
	#clientrow .col-sm-3 {
	    padding-left: 15px;
	    padding-right: 15px;
	}
	#clientrow .border-right {
	    border-right: 0;
	}
	.customer-logo {
	    padding: 0;
	}

}


/* --------------------------------------------
 = 51. WPsite SECTION - Plugins List on HomePage
 ---------------------------------------------- */

#plugin-vlist { display: block; overflow: hidden; }
#plugin-vlist .container {padding-left: 0 !important;padding-right: 0 !important;}
#plugin-vlist .col-md-12 {padding-left: 0 !important;padding-right: 0 !important;}
.plugin-vitem { padding: 10px; }
.plugin-vitem ul.check-list { margin-left: 0; padding-left:0; }
.plugin-vitem .check-list li { list-style: outside none none !important; border-color: rgba(204, 211, 219, 0.75); border-top: 1px dotted rgba(204, 211, 219, 0.75); padding-bottom: 0.75rem; padding-top: 0.75rem; }
.plugin-vitem .check-list a { text-decoration: none; margin-left: 20px; font-size: 16px; }
.plugin-vitem .check-list a:hover { color: #0399CB; }


/* --------------------------------------------
 = 52. WPsite SECTION - Plugins Grid
 ---------------------------------------------- */

#plugin-grid {
    margin: 50px 0;
    margin: 20px 0;
    overflow: hidden;
    box-sizing: border-box;
}
.plugin-box {
    border: 1px solid #d4d9dc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 15px 15px 0 15px;
    text-align: center;
    overflow: hidden;
    	min-height: 208px;
    background: #fff;
}
#plugin-grid h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 20px;
}
#plugin-grid i {
    color: #e74c3c;
    font-size: 48px;
}
#plugin-grid p {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}
.infolink{
	margin:0 auto;
	width:24px;
	height:24px;
	display: block;
	overflow: hidden;
	background:url(images/z-icons/icon-info-24.png) no-repeat center center;
	text-decoration: none;
	color:#FFF;
	margin-bottom:10px;
}
.infolink a{text-decoration: none;}
.plugin-request-box {background:#fee586;}

.button-plugin {
    background: none repeat scroll 0 0 #1abc9c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 0 #169d82;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    position: relative;
    text-decoration: none;
}





/* --------------------------------------------
 = 53. SECTION - Promotion Section
 ---------------------------------------------- */


#promotion-cta.promotion-winter { background: #ccc url(images/snowflakes.png) no-repeat center center; }
#promotion-cta.promotion-summer {
    background: #DBC8B4 url(images/Simple-Beach.png) no-repeat top center;

}

#promotion-cta h2 {
	font-weight: 700;
	line-height: 1.5em;
}

.highlightme { background-color:#FFD03A; padding:5px;}
.btn-download {
	background: #f5d845;
	color: white;
}






/* --------------------------------------------
 = 53. SECTION - Home Blog Posts Section
 ---------------------------------------------- */
.homeblogwrap {background:#FFF;}
.homeblogposts {margin-bottom:50px;overflow: hidden;clear:both;}
.homeblogposts h2 {font-size: 16px;line-height:22px;font-weight:bold;margin: 0 0}
.homeblogposts .item{margin-bottom:30px;padding: 0 20px 10px;}





/* --------------------------------------------
 = 54. WPsite SECTION - Pre-Footer
 ---------------------------------------------- */


/* Pre Footer Image */
#pf {
	background: url(images/pf.jpg) no-repeat center top;
	padding-top: 200px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 600px;
	width: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#pf h1 {
	color: white;
	font-size: 60px;
	font-weight: 900;
}

#pf h4 {
	color: white;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
}

/*Social Icons */

.social-icons {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.social-icons i {
	font-size: 30px;
	padding: 15px;
}

.social-icons a {
	color: #9a9a9a;
}

.social-icons a:hover {
	color: #fddc92;
}


/* CTA NEWSLETTER  2 SECTION */

.socialiconrow {
	font-size: 28px;
}
.socialiconrow a {color: #fff;margin: 0 10px;}
.socialiconrow a:hover {color:#343434;}


/* CTA NEWSLETTER  2 SECTION */

#footer-new {
    background: #4aaeee;
	padding-bottom: 50px;
	padding-top: 50px;
	color: #fff;
}


/* FORM CONFIGURATION */

input {
	font-size: 16px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 20px;
	padding: 7px 30px 10px;
	border: 1px solid #b9b9af;
	margin-bottom: 10px;
	background-color: #fff;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	-o-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.subscribe-input {
	float: left;
	text-align: left;
	color: #333;
}

.subscribe-submit {
	right: 0;
}


/* --------------------------------------------
 = 99. SECTION - Home Blog Posts - Flush
 ---------------------------------------------- */

.how-it-works-section {
    background-color: #fff;
    color: inherit;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
}

.fadeIn {
    animation-name: fadeIn;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.hiw-item {
    background-color: #fff;
    margin-left: -15px;
    margin-right: -15px;
}
.hiw-item img {
    height: auto;
    max-width: 100%;
}
.hiw-item-picture {
    width: 100%;
}
.hiw-item.even {
    background-color: #f6f6f6;
}
.hiw-item-text {
    min-height: 180px;
    padding: 50px 20px 0;
    position: relative;
    text-align: center;
}
.hiw-item-icon {
    color: #fff;
    display: block;
    height: 70px;
    left: 50%;
    line-height: 60px;
    margin: -35px 0 0 -35px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 70px;
}

.hiw-item-icon img {
    border: 5px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 50%;
}
.hiw-item-title {
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.2em;
}



/*  %%%%     PRODUCT ROWS     %%%%  */
/*  %%%%     PRODUCT ROWS     %%%%  */
/*  %%%%     PRODUCT ROWS     %%%%  */

#nnr-product section { border-bottom: 1px solid #ededed; }

.rowprod {
    padding-bottom: 50px;
    padding-top: 50px;
}


/* Video */
.row-video {
	text-align:center;
	min-height: 650px;
	width: 100%;
}

.row-video h3 {
	font-weight: 900;
	font-size: 70px;
	letter-spacing: 2px;
	line-height: 1em;
}

.row-video h4 {
	font-weight: 400;
}

.row-video p {
	font-weight: 400;
}

.row-video img {
	padding-bottom: 0;
}
.row-video .edd-video {
    display: block;
    overflow: hidden;
}


/* Row 2 Col - Left */
.row2left {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.row2left .col-md-6 {
	padding-right: 0;
}

.row2left p {
	font-size: 16px;
}


/* Row 2 Col - Blue */
.row2right {
	width: 100%;
	padding-top: 100px;
	padding-bottom: 100px;
}

.row2right .col-md-6 {
	padding-left: 0;
}

.row2right p {
	font-size: 16px;
}


/* Row 2 Col - half&half */
.halfhalf{padding: 0 !important;}


.bg01 {
/* 	background: url(images/new/bg01.jpg) no-repeat center top; */
	background-repeat: no-repeat;
	background-attachment: relative;
	background-position: center center;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

	height: 450px;
	margin: 0;
}


/* Row 3 Col - Squares */
.squares {
	padding: 50px 20px;
	margin: 0;
}

.squares p {
	color: white;
	font-size: 15px;
}

.squares i {
	font-size: 50px;
}


/* Row 3 Col - Icon Top */

.circle-icon {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	border-radius: 50%;
	border: #fff 2px solid;
	position: relative;
	font-size: 50px;
	padding: 25px;
}

.circle-icon-sm {
	width: 70px;
	height: 70px;
	margin: 0 auto;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #1e2827;
	position: relative;
}

.circle-icon-sm .icon-sm {
	color: #fff;
	line-height: 70px;
	text-align: center;
}

.icon-sm {
	font-size: 30px;
}
.textleft{text-align: left;}

/* Row 4 Col - Icon Top */

.four-column-top .col-md-3 {
    min-height: 325px;
}

/* Row Price */
.price-table {
	background: white;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
}

.black {
	font-weight: 700;
	color: #5a5a5a
}

.price-icon {
	width: 180px;
	height: 180px;
	margin: 0 auto;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #1e2827;
	position: relative;
}

.price-icon .tag {
	color: #fff;
	line-height: 180px;
	text-align: center;
}

h1.tag {
	font-size: 50px;
	font-weight: 700;
}

h5.tag {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
	letter-spacing: 1px;
}

.row2top .image-bg { min-height: 600px;}

/* FAQ */

#product-faq {}

/* --------------------------------------------
 = 51. WPsite SECTION - Gravity Forms Override
 ---------------------------------------------- */

.gform_wrapper {margin: 0 !important; max-width: 100% !important; padding: 0 10px}
.gform_wrapper textarea {max-width: 100%;}
.gform_wrapper .gform_footer {padding: 0 !important}
.gform_wrapper .gform_footer .gform_button {border: none; background: #F15928; color: #fff; width: 100%}
.gform_wrapper .gform_footer .gform_button:hover {box-shadow: 0 0 10px #333 inset}
.gform_wrapper .gfield_checkbox br {display: none}
.gform_wrapper .gform_footer p {display: none}

/* --------------------------------------------
 = 100. TPL - Maintenance Page Template
 ---------------------------------------------- */

 h4.panel-title a:hover {cursor: pointer;}

 /* --------------------------------------------
 = 101. TPL - Landing Page Template
 ---------------------------------------------- */

#landing-page #lp-testimonial p {font-size:30px; line-height: 1.3em;}


 /* --------------------------------------------
 = 201. EDD - Product Section Templates
 ---------------------------------------------- */

.single-download .navbar-inverse {background: #222;}

.edd-featured-area h1 {
    font-size: 56px;
    line-height: 1.1em;
}
.edd-featured-area h2 {
    font-size: 40px;
    line-height: 1.4em;
    font-weight: 100;
}
.edd-featured-area .btn.w-100 {font-size: 24px;}
.edd-social-proof strong {font-size: 50px;}
.edd-benefits h1 {font-weight: 100;}
.edd-benefits h5 {font-weight: 100; line-height: 2em;}

.btn-edd {border: 2px solid #fff; color: #fff; background: none; font-size: 22px; font-weight: bold;}
.btn-edd:hover {background: rgba(245, 245, 245, 0.1);color: #fff}

.edd-use-item img {
    border: 1px solid #E8E8E8 ;
    box-shadow: 3px 3px 5px #DADADA ;
    padding: 5px;
    background:white;
}


.edd-cta .product-cta {margin: 0 10px;}


#edd-account .tab-content #edd_profile_editor_form select, #edd-account .tab-content #edd_profile_editor_form input {width: 50%; max-width: 300px; padding: 6px 8px;}
#edd-account .tab-content #edd_profile_editor_form label { font-size: 14px; }
#edd-account #edd_login_form {text-align: center;}
#edd-account #edd_login_form legend {padding-bottom:15px;}

#edd_show_terms {display: none;}
#edd_terms_agreement {padding-left: 25px!important;}
#edd_mailchimp {padding-left: 25px!important;padding-bottom: 15px!important;}
#edd_mailchimp p {font-size: inherit;}

/* --------------------------------------------
 = 21. Z Media Queries
 ---------------------------------------------- */


@media (min-width: 992px) and (max-width: 1200px) {
	.responsive_menu, .sb-selector {display: none !important;}
	.tinynav, .sb-holder {display: block;}
	.section-title h2 {
		font-size:48px;
	}
	.section-title h4 {
		font-size:24px;
	}
	.featured-text h1{
		font-size: 35px;
		line-height: 35px;
	}
	.featured-text h2 {
		font-size: 48px;
		line-height:48px;
	}
	.pricing-table {
		width: 920px;
	}
	.pricing-table .plan {
		width: 230px;
	}
	.filtreable_item {
		margin:10px;
	}
	.carousel-one {
		height:335px;
	}
	.member-blur,
	.member-caption-text{
		height: 214px;
		width: 313px;
	}
	.member-caption-text{
		top:60px;
	}
	.carousel-two {
		height:270px;
	}
	.portfolio_view,
	.portfolio_view .portfolio_mask,
	.portfolio_view .content {
		width:216px;
		height:144px;
	}
	.portfolio_mask h2 {
	 font-size: 15px;
	 padding: 6px 0;
	 margin: 10px 0 0 0;
	}
	.pagewrap {
/* 		background-image: url(images/bg-content-md.png) !important; */
/* 		background: #fff; */
		max-width:940px;
	}
	.sidebar .widgetinner {
		padding: 25px 15px 30px;
	}
	.sidebar .widgettitle {
		margin-right:-15px;
		margin-left:-15px;
	}
	.sidebar .flickr_badge_image {
		margin-right:7px;
		margin-left:7px;
		padding:0;
		border:none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.sidebar .flickr_badge_image img{
		border-color:#555;
		width:70px;
		height:70px;
	}
	.sidebar_portfolio_view.portfolio_view img,
	.sidebar_portfolio_view.portfolio_view,
	.sidebar_portfolio_view.portfolio_view .portfolio_mask,
	.sidebar_portfolio_view.portfolio_view .content	{
		width:253px;
		height:157px;
	}
	.sidebar_portfolio_view {
		margin-bottom:25px
	}
	.small-caption {
		bottom:0;
		left:0;
		position: absolute;
		font-size: 15px;
		background: rgba(0, 0, 0, 0.6);
		padding:5px 10px;
		margin:0;
	}
	.small-caption a {
		color: #ffffff;
	}
	.small-caption a:hover {
		text-decoration:none;
	}

	/* 2 col archive pages */
	.archive-2col article.entry1,.archive-2col article.entry2 {width:517px;}
	.archive-2col article.entry1 iframe,.archive-2col article.entry2 iframe {width:517px;height:273px}
	.archive-2col article.entry:nth-child(2) {margin-top:20px;border-top:1px dotted #ddd;padding-top:25px}
	.archive-2col article {width:241px}
	.archive-2col iframe {width:241px;height:131px}

	/* Archive 2col no-sidebar */
	#blog-fullwidth .archive-2col article.entry {width:390px}
	#blog-fullwidth .archive-2col iframe {width:390px;height:212px}
	#blog-fullwidth .archive-2col.archive-portfolio iframe {width:390px;height:205px}
	#blog-fullwidth .archive-2col article.entry:nth-child(2) {margin-top:0;border-top:none;padding-top:0}
	.archivepage.entry {padding-top:25px;margin-top:20px;}

	/* Archive 3col no-sidebar */
	.article-wrapper.archive-3col {padding:25px 20px}
	.archive-3col article {width:266px;margin-right:35px}
	.archive-3col article.entry iframe{width:266px;height:144px}

	/* 4 col archive pages */
	.archive-4col article {width:181px}
	.archive-4col article.entry iframe{width:181px;height:98px}

	/*portfolio category slider*/
	.carousel-four iframe {min-height: 440px !important}

	/*post templates*/
	#featured-image-holder,
	#featured-image-holder .add-pattern	{
		height:300px
	}
	#featured-image-holder h1 {font-size:28px;}

	#respond .form-field-wrapper{margin:0 0 15px;float:none;width:250px;}
	#respond .form-field-wrapper.mid-input-item{margin:0 0 15px;}
	.commentlist .children {margin-left:20px;}

	#blog-default article iframe,
	#blog-bigpicture article iframe,
	#blog-leftsidebar article iframe,
	#body-default article iframe{
		width:517px;
		height: 280px;
	}

	#blog-fullwidth .pagewrap {
		background-image: none !important;
/* 		background-color:#fff */
	}
	#blog-fullwidth iframe,
	#blog-fullwidth :not(.archive-2col) iframe,
	#blog-fullwidth :not( .archive-portfolio) iframe {
		width:830px;
		height:auto;
	}

	#single-cv .entry-title {margin-top:5px}
	#single-cv .portfolio_view img,
	#single-cv .portfolio_view,
	#single-cv .portfolio_view .portfolio_mask,
	#single-cv .portfolio_view .content	{
		width:218px;
		height:145px;
	}
	.single figure {
		width:222px;
	}
	#hero-split #splitscreen .wps-products {padding: 100px 140px 70px;}
	#hero-split #splitscreen .wps-services {padding: 100px 140px 70px;}

	#blog-portfolio .entry-content img {
    	margin: 100px -150px;
	}
}

@media (min-width: 769px) and (max-width: 991px) {
	.responsive_menu, .sb-selector {display: none !important;}
	.tinynav, .sb-holder {display: block;}
	.section-title h2 {
		font-size:40px;
	}
	.topslider iframe,.youtube-controls, .vimeo-controls {display:none}
	.section-title h4 {
		font-size:22px;
	}
	.featured-text h1{
		font-size: 35px;
		line-height: 35px;
	}
	.featured-text h2 {
		font-size: 48px;
		line-height:48px;
	}
	.gabfire_spacer {
		margin-top:0;
	}
	.abouttext {
		margin-top:15px;
		padding-bottom:0;
	}
	.pricing-table {
		width: 720px;
	}
	.pricing-table ul {
		font-size:14px;
	}
	.pricing-table .plan {
		width: 180px;
	}
	.filtreable_item {
		margin:10px;
	}
	.carousel-one {
		height:335px;
	}
	.member-blur,
	.member-caption-text{
		height: 246px;
		width: 360px;
	}
	.member-caption-text{
		top:60px;
	}
	.carousel-two {
		height:270px;
	}
	.portfolio_view,
	.portfolio_view .portfolio_mask,
	.portfolio_view .content {
		width:161px;
		height:107px;
	}
	.portfolio_mask h2 {
	 font-size: 15px;
	 background:none;
	 padding: 5px 0;
	 margin: 10px 0 20px;
	}
	.timeline_container,
	ul.timeline {
		width:720px;
	}
	.timeline li,
	.timeline .featured-media {
		width:335px;
		max-width:335px;
	}
	.timeline li iframe {
		width:335px;
		height:133px;
	}
	ul.timeline h2 {
		font-size:17px
	}
	.pagewrap {
		max-width:720px;
/* 		background-image: url(images/bg-content-sm.png) !important; */
/* 		background: #fff; */
	}
	.sidebar .widgetinner {
		padding: 20px 10px 30px;
	}
	.sidebar .widgettitle {
		margin:-20px -10px 30px
	}
	.sidebar .flickr_badge_image {
		margin-right:7px;
		margin-left:7px;
		padding:0;
		border:none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.sidebar .flickr_badge_image img{
		border-color:#555;
		width:81px;
		height:81px;
	}
	.sidebar_portfolio_view.portfolio_view img,
	.sidebar_portfolio_view.portfolio_view,
	.sidebar_portfolio_view.portfolio_view .portfolio_mask,
	.sidebar_portfolio_view.portfolio_view .content	{
		width:190px;
		height:118px;
	}
	.sidebar_portfolio_view {
		margin-bottom:20px
	}
	.small-caption {
		bottom:0;
		left:0;
		position: absolute;
		font-size: 15px;
		background: rgba(0, 0, 0, 0.6);
		padding:5px 10px;
		margin:0;
	}
	.small-caption a {
		color: #ffffff;
	}
	.small-caption a:hover {
		text-decoration:none;
	}
	.article-wrapper {
		padding:25px 20px
	}
	/* 2 col archive pages */
	.archive-2col article {width:410px}
	.archive-2col iframe {width:410px;height:223px}
	.archive-2col article.entry:nth-child(2) {margin-top:20px;border-top:1px dotted #ddd;padding-top:25px}

	/* Archive 2col no-sidebar */
	#blog-fullwidth .archive-2col article.entry {width:308px}
	#blog-fullwidth .archive-2col iframe {width:308px;height:167px}
	#blog-fullwidth .archive-2col article.entry:nth-child(2) {margin-top:0;border-top:none;padding-top:0}
	.archivepage.entry {padding-top:25px;margin-top:20px;}

	/* Archive 3col no-sidebar */
	.archive-3col article {width:193px;margin-right:35px;}
	.archive-3col article.entry iframe{width:193px;height:105px}

	/* 4 col archive pages */
	.archive-4col article {width:307px}
	.archive-4col article.second_lastarticle {margin-right:0}
	.archive-4col article.entry iframe{width:307px;height:167px}
	.archive-4col article.entry:nth-child(3),
	.archive-4col article.entry:nth-child(4) {margin-top:20px;border-top:1px dotted #ddd;padding-top:25px}

	/*Portfolio Category Template*/
	.carousel-four iframe {min-height: 400px !important}

	/*Post Templates*/
	#featured-image-holder,
	#featured-image-holder .add-pattern	{
		height:250px
	}
	#featured-image-holder h1 {font-size:26px;}
	.innerslider-wrapper {margin:-25px -35px 25px}
	#respond .form-field-wrapper{margin:0 0 15px;float:none;width:250px;}
	#respond .form-field-wrapper.mid-input-item{margin:0 0 15px;}
	.comment-date-link {
		position:static;
		display:block;
		text-align:left;
		margin:3px 0 7px;
	}
	.commentlist .children {margin-left:10px}

	.size-medium {width:225px;height:auto}

	#blog-default article iframe,
	#blog-bigpicture article iframe,
	#blog-leftsidebar article iframe,
	#body-default article iframe{
		width:410px;
		height: 220px;
	}

	#blog-fullwidth .pagewrap {
		background-image: none !important;
/* 		background-color:#fff */
	}
	#blog-fullwidth iframe,
	#blog-fullwidth :not( .archive-2col ) iframe{
		width:650px;
		height:auto;
	}

	#single-cv .entry-title {margin-top:0}
	.team-singlephoto img {float:right;width:190px;margin-bottom:-125px}
	#single-cv .entry-title {margin-top:5px}
	#single-cv .portfolio_view img,
	#single-cv .portfolio_view,
	#single-cv .portfolio_view .portfolio_mask,
	#single-cv .portfolio_view .content	{
		width:348px;
		height:232px;
	}
	.single figure {
		width:230px;
	}
	.single figure:nth-child(odd),
	.single figure:nth-child(even)	{
		float:left
	}
	.single figure.member2,
	.single figure.member5{
		margin-left:15px;margin-right:15px
	}
	#hero-split #splitscreen .wps-products {padding: 100px 50px 0;}
	#hero-split #splitscreen .wps-services {padding: 100px 50px 0;}

    #featured-image-holder .entry-title h1 {font-size: 24px; line-height: 30px; }


    .page-template-tpl-services-main #services-blowups #service-marketing .service-cover { background: url(images/service-marketing.jpg) top left no-repeat; background-size: cover;}
    .page-template-tpl-services-main #services-blowups #service-marketing .sub-services-block a { color: #fff; }
    .page-template-tpl-services-main #services-blowups #service-marketing .sub-services-block a.bg-jelly { background: #2574A9; }
    .page-template-tpl-services-main #services-blowups #service-marketing .sub-services-block a.bg-blue { background: #4aaeee; }
    .page-template-tpl-services-main #services-blowups #service-development .service-cover { background: url(images/service-development.jpg) top center no-repeat; background-size: cover;}
    .page-template-tpl-services-main #services-blowups #service-development .sub-services-block a { color: #fff; }
    .page-template-tpl-services-main #services-blowups #service-development .sub-services-block a.bg-green { background: #94cd4b; }
    .page-template-tpl-services-main #services-blowups #service-development .sub-services-block a.bg-dkgreen { background: #6d9f2c; }

    .product-grid .featured-product .btn {width: 100%;}

    #portfolio-callout .portfolio-callout-left {height: auto;}
    #portfolio-callout .portfolio-callout-left:after {content: none;}
    #blog-portfolio .entry-content img {
        margin: 50px 0;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
	.wow {
	 visibility: visible !important;
	 -webkit-animation: none !important;
		 -moz-animation: none !important;
		 -o-animation: none !important;
		 -ms-animation: none !important;
			 animation: none !important;
	}

	#mainnav {padding-left:10px;padding-right:10px}
	.home #mainnav {padding-left:0;padding-right:0}
	.topslider iframe,.youtube-controls, .vimeo-controls {display:none}
	.responsive_menu, .sb-selector {display: none !important;}
	.tinynav, .sb-holder {display: block;}
	.sb-options {width:300px;left:-265px;}
	.section-title h2 {
		font-size:40px;
	}
	.section-title h4 {
		font-size:22px;
	}
	.featured-text h1{
		font-size: 28px;
		line-height: 28px;
	}
	.featured-text h2 {
		font-size: 35px;
		line-height:35px;
	}
	.gabfire_spacer {
		margin-left:17%;
	}
	.aboutimg {
		margin: 0 auto;
		display:block;
	}
	.introdutive-text {
		text-align:center;
	}
	.carousel-one {
		height:325px;
	}
	.pricing-table {
		width: 100%;
	}
	.pricing-table .plan {
		padding: 20px 10px;
		width: 50%;
	}
	.pricing-table .most-popular {
		padding: 30px 10px;
	}
	.pricing-table h3 {
		padding: 20px 10px;
		margin: -20px -10px 50px -10px;
	}
	.pricing-table .most-popular h3 {
		margin-top: -30px;
		padding: 30px 10px;
	}
	.carousel-two {
		height:70%;
	}
	.item-wrapper img {
		width:100%
	}
	.filtreable_item {
		width:46%;
		margin:2%;
		height:auto;
	}
	.portfolio_view,
	.img-portfolio img{
		width:100%;
		height:auto;
	}
	.small-caption {
		bottom:0;
		left:0;
		position: absolute;
		font-size: 17px;
		background: rgba(0, 0, 0, 0.6);
		padding:5px 10px;
		margin:0;
	}
	.small-caption a {
		color: #ffffff;
	}
	.small-caption a:hover {
		text-decoration:none;
	}
	.timeline_container {
		width:100%;
	}
	ul.timeline {
		width:100%;
	}

	.timeline li {
		width:100%;
	}
	.timeline .featured-media {
		margin:0 0 5px 10px;
		width:160px;
		max-width:160px;
		height:90px;
		float:right;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.gabfire_breadcrumb {
		background-image:none;
		padding: 13px 25px;
		margin:0 -15px;
	}
	.pagewrap {
/* 		background:#fff !important; */
		margin-bottom:0
	}
	.article-wrapper {
		padding:20px 10px;
	}
	p.archive_postmeta {
		margin-bottom:15px;
	}
	.sidebar .widget:first-child .widgettitle {
		border-top:1px solid #e1e1e1
	}
	.sidebar_portfolio_view {
		margin-bottom:15px
	}
	.sidebar_portfolio_view.portfolio_view,
	.sidebar_portfolio_view.portfolio_view .portfolio_mask,
	.sidebar_portfolio_view.portfolio_view .content	{
		width:48%;
		height:auto;
	}
	.sidebar_portfolio_view.portfolio_view img {
		width:100%;
		height:auto;
	}
	.sidebar_portfolio_view.portfolio_view .small-caption {
		font-size:15px
	}

	.page-template-index-youtube-php,
	.page-template-index-vimeo-php,
	.page-template-index-bgslider-php,
	.page-template-index-callout-php	{ padding-top: 0; }

	/* 2 col archive pages */
	.archive-2col article,
	#blog-fullwidth .archive-2col article.entry {width:100%;float:none !important}
	.archive-2col iframe,
	#blog-fullwidth .archive-2col iframe {width:100%;height:auto;min-height:250px;}

	.archive-2col article.entry:nth-child(2),
	#blog-fullwidth .archive-2col article.entry:nth-child(2)	{margin-top:20px;border-top:1px dotted #ddd;padding-top:25px}
	.archivepage.entry {padding-top:25px;margin-top:20px;}

	/* Archive 3col no-sidebar */
	.archive-3col article {width:100%;margin-right:0}
	.archive-3col article img {width:100%;height:auto}
	.archive-3col article:nth-child(2),
	.archive-3col article:nth-child(3) {margin-top:20px;border-top:1px dotted #ddd;padding-top:25px}

	/* 4 col archive pages */
	.archive-4col article {width:100%;margin-right:0;float:none;}
	.archive-4col article.entry iframe{width:100%;height:auto;min-height:250px;}
	.archive-4col article.entry:nth-child(2),
	.archive-4col article.entry:nth-child(3),
	.archive-4col article.entry:nth-child(4) {margin-top:20px;border-top:1px dotted #ddd;padding-top:25px}

	/*Portfolio Category Template*/
	.carousel-four iframe {min-height: 350px !important}
	.carousel-four .posttitle {margin:0  !important;font-size:18px !important;}

	/*Post templates*/
	#featured-image-holder,
	#featured-image-holder .add-pattern	{
		height:200px
	}
	#featured-image-holder h1 {font-size:24px;}
	#blog-leftsidebar .pagewrap .sidebar .widget .widgettitle {background-image:none}
	.innerslider-wrapper {margin:-20px -25px 25px}
	.single .carousel-four-controls {display:block}

	#respond .form-field-wrapper{margin:0 0 13px;float:none;width:250px;}
	#respond .form-field-wrapper.mid-input-item{margin:0 0 15px;}
	.commentlist .children {margin-left:15px;}

	.bigpicture_wrapper,
	.portfolioslide_wrapper	{
		padding:25px;
	}
	.bigpicture_item {
		margin-bottom:24px;
	}
	#blog-default article iframe,
	#blog-bigpicture article iframe,
	#blog-leftsidebar article iframe,
	#body-default article iframe,
	#blog-fullwidth iframe {
		width:100%;
		height:auto;
	}

	#single-cv .entry-title {margin-top:0}
	#single-cv .cv-top {padding-top:30px}
	#single-cv .btn-social.btn-sm {padding-left:35px}
	#single-cv dd {margin-top:-15px;}
	.team-singlephoto img {float:right;width:170px;margin-bottom:-125px}
	#single-cv .entry-title {margin-top:5px}
	#single-cv .portfolio_view img,
	#single-cv .portfolio_view,
	#single-cv .portfolio_view .portfolio_mask {
		width:100%;
		height:auto;
	}
	.single figure {
		width:49%;
	}

	#hero-desk > .mt {margin-top: 0}
	#hero-desk > .mb {margin-bottom: 0}
	#hero-desk h1 {font-size: 30px}
	#hero-desk h3 {font-size:18px}

	#clientrow, #plugin-vlist, #footer-optin {text-align: center;}

	#hero-split #splitscreen {background: none}
	#hero-split #splitscreen .wps-products {padding: 100px 100px 0; background: #f1e7d5;}
	#hero-split #splitscreen .wps-services {padding: 100px 100px 0;background: #4aaeee;}

    #product-search .btn {width: 100%;}

	#footer p {text-align: center;}

	.edd-benefits, .edd-benefits .pull-right {text-align: center !important;}

	.edd-uses {text-align: center !important;}
	.edd-uses .edd-use-item img {margin-bottom: 30px;}
	.edd-uses .edd-use-item:last-child {margin-bottom: 0;}

    .edd-cta h2 {margin-top: 0;}

	.edd-featured-area {text-align: center !important;}
	.edd-featured-area h1 {font-size: 36px;}
	.edd-featured-area h2 {font-size: 18px;}

    #featured-image-holder .entry-title h1 {font-size: 24px; line-height: 30px; }

    .plugin-vitem {padding: 0;}
    .home-directory-list, #plugin-vlist {margin-bottom: 0;}
    .navbar-inverse .navbar-brand img {margin-left: 15px;}

    .page-template-tpl-services-main #services-blowups #service-marketing .service-cover { background: url(images/service-marketing.jpg) top left no-repeat; background-size: cover;}
    .page-template-tpl-services-main #services-blowups #service-marketing .sub-services-block a { color: #fff; }
    .page-template-tpl-services-main #services-blowups #service-marketing .sub-services-block a.bg-jelly { background: #2574A9; }
    .page-template-tpl-services-main #services-blowups #service-marketing .sub-services-block a.bg-blue { background: #4aaeee; }
    .page-template-tpl-services-main #services-blowups #service-development .service-cover { background: url(images/service-development.jpg) top center no-repeat; background-size: cover;}
    .page-template-tpl-services-main #services-blowups #service-development .sub-services-block a { color: #fff; }
    .page-template-tpl-services-main #services-blowups #service-development .sub-services-block a.bg-green { background: #94cd4b; }
    .page-template-tpl-services-main #services-blowups #service-development .sub-services-block a.bg-dkgreen { background: #6d9f2c; }

    .product-grid .featured-product .btn {width: 100%;}

    #portfolio-callout .portfolio-callout-left {height: auto;}
    #portfolio-callout .portfolio-callout-left:after {content: none;}

    #blog-portfolio .entry-content img {
        margin: 50px 0;
        max-width: 100%;
    }
    #portfolio-featured .portfolio-featured-row .portfolio-content {right: 0;}
}

@media (max-width: 520px) {
	.featured-text-inner {
		padding:15px;
	}
	.featured-text h1{
		font-size: 19px;
		line-height: 19px;
	}
	.featured-text h2 {
		font-size: 21px;
		line-height:21px;
	}
	.sidebar_portfolio_view.portfolio_view .small-caption {
		font-size:13px
	}
	.archive-default iframe,
	.archive-2col iframe,
	.archive-3col iframe,
	#blog-fullwidth .archive-2col iframe,
	.archive-4col article.entry iframe,
	.archive-portfolio arcticle iframe	{min-height:150px;}

	.carousel-four iframe {min-height: 250px !important}
	.archive .innerslider-wrapper .postcaption {width:220px}

	/*Post templates*/
	#featured-image-holder h1 {font-size:22px;}
	.carousel-four p.innerslide_text {left:40px;width:200px}

	#respond .form-field-wrapper{margin:0 0 15px;float:none;width:100%;}
	#respond .form-field-wrapper.mid-input-item{margin:0 0 15px;}
	#respond .form-field-wrapper.mid-input-item{
		margin:0 0 15px;
	}
	.comment-date-link {
		position:static;
		display:block;
		text-align:left;
		margin:3px 0 7px;
	}
	#blog-default article iframe,
	#blog-bigpicture article iframe,
	#blog-leftsidebar article iframe,
	#body-default article iframe,
	#blog-fullwidth iframe {
		width:100%;
	}
	#single-cv {padding-bottom:40px}
	.team-singlephoto img {float:none;width:100%;margin-bottom:25px}
	.single figure {width:100%}
	#single-cv .btn-social.btn-sm {padding-left:38px;width:100%;margin:0 0 10px;display:block;}

	#hero-split #splitscreen .wps-products {padding: 50px 10px 0;}
	#hero-split #splitscreen .wps-services {padding: 50px 10px 0;}

	#featured-image-holder .entry-title h1 {font-size: 24px; line-height: 30px; }

	#portfolio-featured .portfolio-featured-row, #portfolio-featured .portfolio-featured-row .col-md-12 {height: 300px;}
}

/* --------------------------------------------
 = PRESS PAGE
---------------------------------------------- */

/*	Colors guide 
	added by Francisco Mejia 2016-5-12
*/

#colors
{	background:#fff
}
.swatches div > p
{	color:#eee;
	text-align:center;
	padding:40px 5px;
	margin:15px 0;
	
	font-size:18px;
	letter-spacing:1px;
	text-transform:lowercase;
	
	opacity:.9;
	transition:opacity 1s;
}
.swatches div > p:hover
{	opacity:1;
}
.swatches div > p:after
{	content:' ';
	diplay:block;
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	position:absolute;top:10px;left:10px;
	border:1px solid #eee;
	pointer-events:none;
}
.swatches .s1{background:#fff;color:#555;letter-spacing:2px}
.swatches .s2{background:#eee;color:#333}
.swatches .s3{background:#e9e9e9;color:#333}
.swatches .s4{background:#080808}
.swatches .s5{background:#333}
.swatches .s6{background:#f15928}
.swatches .s7{background:#4aaeee;color:#fff}
.swatches .s8{background:#94cd4b;color:#fff}

/* Logos section */
#logos
{	background:#4aaeee;
	color:#fff
}
#logos .img-responsive
{	background:#fff;
	border:1px solid #eee;
	background: linear-gradient(rgba(255,255,255,.9),white), url('images/squares.png');
	height: 300px;
	padding:10px;
	width:100%;
	object-fit: contain;
	cursor:pointer
}
#logos i {font-weight:100}
/* dropdown hover animation */
#logos .dropdown:hover .dropdown-menu, #logos .dropdown.open .dropdown-menu 
{	opacity:1;
	max-height:100%;
}
#logos .dropdown-menu
{	margin-top:0;
	color:#000;
	border:0;
	border-radius:0;

	display:block;
	opacity:0;
	max-height:0%;
	overflow:hidden;
	transition: opacity .3s, max-height .3s ease-out;
}
#logos .dropdown-menu p
{	margin: 0 0 0 10px;
	font-size:16px;
	white-space:nowrap;
}
#logos .dropdown-menu a
{	color:#333;
	background: #88cefb;
	border-color: #4aaeee;
	border-radius:0;
	font-size:12px;
}
#logos .dropdown-menu a:hover
{	background: #a6dcff;
	border-color: #037bc7;
}
#logos .btn-group-justified
{	padding-right:10px;
}

/* Team Photos section */
#team-photos
{	background:#f15928;
	color:#fff
}
#logos a,#team-photos a
{	color:#fff
}

/* Media Mentions section */
#media-mentions
{	background:#fff;
}
#media-mentions blockquote
{	border-color:#eee;
	border-right:0;
	background:none;
}