/*
Theme Name:     Scroller Theme Child
Template:       scroller
*/

@import url("../scroller/style.css");
@import url("../scroller/style-mobile.css");
@import url("../scroller/style-custom.css");


/* GLOBAL
#####################################################*/
.consolebot {max-width: 300px;}
#contact a.dark-bg-link {color: #FFEDD1 !important;}
a.darkest-bg-link {color: #FFD494 !important;}
a#comparison-chart {display: block; position: relative; top: -90px; visibility: hidden;}
.page-template-template-fullwidth-php .hrlineB, .page-template-default .hrlineB {background-image: none; margin-bottom: 0 !important;}
.page-template-template-fullwidth-php .hrlineB span, .page-template-default .hrlineB span {background-color: transparent;}
.div-lg {width: 100%; height: 40px;}
.div-40 {width: 100%; height: 40px;}
.div-30 {width: 100%; height: 30px;}
.div-25 {width: 100%; height: 20px;}
.div-20 {width: 100%; height: 20px;}
.div-15 {width: 100%; height: 15px;}
.div-10 {width: 100%; height: 10px;}
.clearspace {clear: both;}
h3 {font-size: 24px; line-height: 28px;}
h2 {font-size: 44px; line-height: 49px;}
h2.singletitle {margin: 20px 0; font-size: 40px !important; line-height: 45px !important;}
h1, h2, h3 {font-weight: normal !important;}
p.legal {font-size: 11px; line-height: 14px; font-style: oblique; color: #ccc; clear: both; padding-top: 20px;}
p {margin-bottom: 14px;}
.section>.container>p.section_text {margin-bottom: 0;}

/*.tmnf-sc-quote p {color: #80A6D1 !important; font-size: 1.4em;}*/

/* HEADER
#####################################################*/
.stuff, #header_bottom{ height:140px; bottom:0px; } /* slider + logo section height */
.stuff .flexhead{ height:110px; }
h1.classic {margin: 5px 0 5px 0 !important;}
i {border: 0 !important;}
#header {background-color: #fff; background-image: url('http://wiki.consoleos.com/w/skins/common/images/cos/gfx/header-edge-bg-repeat.png'); background-position: center bottom; background-repeat: repeat-x;}

/* LOGO
#####################################################*/
.logo_bottom img {height: 100px;}
#header img#logo_small {margin-top: 7px; width: 200px !important; height: 40px !important;}

/* NAV 
#####################################################*/
#header ul#nav {padding-top: 30px; padding-bottom: 30px; vertical-align: middle;}
#header #navigation #nav li a {font-family: 'PT Sans' !important; padding: 0 14px 0 14px !important; font-size: 16px !important; line-height: 16px !important; margin-bottom: 0; font-weight: 700 !important; color: #8c2424 !important;}
#header #navigation #nav li a:hover, #header #navigation #nav li.current a {color: #C73434 !important;}


/* NAV MOBILE
#####################################################*/
a#navtrigger {text-indent:-9999px; background-color: #fff; margin: 0 auto; background: url("http://consoleos.com/wp-content/uploads/2015/05/cos-mobile-bars.png") no-repeat center center !important;}

a#navtrigger:hover {background: url("http://consoleos.com/wp-content/uploads/2015/05/cos-mobile-bars.png") no-repeat center center !important; background-color: #fff;}

a#navtrigger.active {background: url("http://consoleos.com/wp-content/uploads/2015/05/cos-mobile-bars.png") no-repeat center center !important; background-color: #fff;}

.showtrig{ display: block !important; float:none; overflow:hidden;}
.hidenav{ display:none !important;}
.shownav{ display: inline-block !important;}


/* PAGES
#####################################################*/
/*.page-id-2939 .hrlineB, .page-id-3336 .hrlineB, .page-id-3379 .hrlineB, .page-id-3384 .hrlineB {display: none;}
.page-id-3336 h3 {font-size: 30px; color: #e88e52}
.page-id-3387 .hrlineB {background-image: none; margin-bottom: 0 !important;}
.page-id-3387 .hrlineB span {background-color: transparent;}
*/
/* Wiki Feedback Page */
.page-id-3527 .itemtitle {display: none;}

.page-template-template-fullwidth-php h2.itemtitle {width: 100%; font-size: 34px !important; line-height: 42px !important; letter-spacing: 0 !important;}

/* IMAGES
#####################################################*/
.entryfull img.aligncenter {width: 100%; margin:5px 0 30px 0;}
.single-post .entry img.aligncenter, .single-post .entry img.alignleft, .single-post .entry img.alignright, .single-post .entry img.alignnone {width: 100%;}
.single-post .entry .wp-caption img {width: 100% !important;}
#videos .twocol-one .wp-caption.aligncenter img, #videos .twocol-one .wp-caption.alignnone img {width: 80% !important; height: auto !important; margin: 0; padding-top: 20px;}
#videos .twocol-one .wp-caption.aligncenter, #videos .twocol-one .wp-caption.alignnone {width: 80% !important; height: auto !important; margin: 0; margin-left: 10%; margin-right: 10%;}
.wp-caption {width: 100% !important;}
.wp-caption p.wp-caption-text {font-size: 11px; padding: 0 10px 0 10px; margin: 5px 0 0 0;}
#console .threecol-one img.alignnone, .page-id-3455 .threecol-one img.alignnone {width: 100% !important; height: auto !important;}

/* SIDEBAR
#####################################################*/
#sidebar>ul>li {line-height: 19px !important;}
#sidebar>ul>li>span.post-date {display: block; font-size: 12px; font-style: oblique; margin-bottom: 10px; margin-top: 2px;}
#sidebar>ul>li>a:hover {}
#sidebar h2 {border-bottom: 0; padding-bottom: 0; margin-bottom: 10px;}
#sidebar .tmnf-sc-button.green.large {margin-top: 6px;}

/* CONTAINER-SECTION
#####################################################*/
h2.head ::after {color: #ffbe5c !important;}
.section_template h2 {color:#fff !important; text-shadow:1px 1px 0 #000}
.section .container {overflow: hidden;padding: 40px 4% 40px 4%;}
.section .container h2, .section_template .container h2, .free_content h1, .free_content h2, h2.singletitle, .upper h2.itemtitle {line-height: 49px; letter-spacing: -0.04em !important; clear: both;}
h3, .upper .section h4 {letter-spacing: 0 !important;}
.section>.container>h2.head {float: left; margin: 35px 5% 0 0; width: 34%; font-weight: 700; font-size: 54px; line-height: 61px !important;}
.section > .container > p.section_text {padding: 25px 0 30px 40px; min-height: 75px; float: left; width: 56%; background: url("/wp-content/themes/scroller/images/line-v.png") left repeat-y; font-size: 18px; line-height: 22px; color: #666;}
.container_block{padding-top:100px !important; margin-bottom:40px !important;}
.upper .item_full h3, .upper .item_carousel h3, .upper li.staff h3, .upper .scroll li a, .upper .navi li a, .upper .section h2, .upper .section_template h2, .upper h2.itemtitle, .upper .section h4, .free_content h1, .free_content h2 {text-transform: none !important;}
.free_content h1, .free_content h2 {line-height: 1.2em !important; font-size: 60px;}

/* TOGGLE
#####################################################*/
.shortcode-toggle.toggle-more.closed.white {display: inline !important; margin-top: -10px;}
h4.toggle-trigger {display: inline !important; width: auto; line-height: 13px !important; height: 13px !important;}
.toggle-trigger {display: inline !important; width: auto;}
.shortcode-toggle h4 a {display: inline !important; padding: 0 !important; background: url("/images/shortcode-toggle-close-disabled.png") no-repeat 6% center !important; background-image: none !important; color: #666 !important; font-style: oblique; text-shadow: none; font-weight: normal; font-size: 13px !important; line-height: 13px !important;}
.shortcode-toggle.open h4 a {}
.shortcode-toggle.closed h4 a {background-image: url("/images/shortcode-toggle-open-disabled.png"); background-image: none; background-repeat: no-repeat; background-position: 6% center !important;}
.shortcode-toggle .toggle-content {padding: 0 15px 0 15px !important;}

/* SECTION SLIDER or HOME INTRO
#####################################################*/
.home-intro-slider {margin: 90px 0 20px 0;}
ul.slides li.free_slider.flex-active-slide .free_content h2, ul.slides li.free_slider .free_content h2 {padding-left: 5% !important; padding-right: 5%; text-align: center; color: #fff; font-family: Open Sans !important; font-size: 34px; line-height: 44px !important; font-weight: normal !important;}
ul.slides li.free_slider.flex-active-slide .free_content h3, ul.slides li.free_slider .free_content h3 {padding-left: 5% !important; padding-right: 5% !important; text-align: center; color: #fff; font-size: 36px; line-height: 44px; font-weight: normal !important; margin: 20px 0 10px 0;}

#home, .mainflex_wrap, .mainflex_holder, .mainflex { height: 500px !important; min-height:500px !important; overflow: hidden !important;}
.home-intro {margin: 35px 0 45px 0;}
.home-intro h3 {text-align: center; color: #fff; font-size: 36px; line-height: 44px; font-weight: normal !important; margin: 20px 0 10px 0;}

/* SECTION TEXT CONSOLE
#####################################################*/
#console {background-color: #fff;}
.section .container h2 {line-height: 1.1em;}
h3.cos-info, p.cos-info {display: inline !important;}
h3.cos-info {font-size: 15px; font-weight: 900 !important; margin-top: 15px !important;}
#console p {margin-bottom: 0 !important;}
#console p.cos-info, #console p.cos-content-last {font-size: 14px; margin-bottom: 0 !important;}
#console p.cos-content {font-size: 14px; margin-bottom: 10px !important;}
.post-2810.mylayouttype.type-mylayouttype.status-draft.hentry.singlepost .entry p {margin: 0;}
.fourcol-one img.alignnone.size-full.wp-image-2807 {width: 120px !important; height: auto !important; margin: 45px auto 15px auto !important;}
#layoutpost-2563 {width: 100%; background-color: #000;}
#layoutpost-2563 img {width: 100%; background-position: 50% 30% !important;}

/* SECTION VIDEOS
#####################################################*/
#videos.section {background-color: #9c9c9c !important;}
#videos.section p iframe {float:none; padding: 0;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; margin-bottom: 20px; overflow: hidden; border-top: 10px solid #D25E00;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#videos.section {background: url("http://consoleos.com/wp-content/uploads/2014/11/bg-starburst-med-grey-2500x2500.jpg") no-repeat 50% 0;}
#videos.section .container h2, #videos.section .container p.section_text {color: #444 !important;}

/* CONTACT FORM 7 PLUGIN
#####################################################*/
.wpcf7 {background-color: #f7f7f7; border: 1px solid #DCDCDC;}
.wpcf7-form p {font-weight: normal !important;}
.wpcf7-form p input, .wpcf7-form p textarea {width: 86%; margin-top: 4px; margin-bottom: 5px; border: 1px solid #DCDCDC !important; background-color: #fff;}
.wpcf7-form {padding: 0; padding: 20px 15px 30px 30px;}
.wpcf7-form p input[type=submit] {background-color: #e88e52;}
.wpcf7-validation-errors {border: 2px solid #f40 !important; background-color: #fff;}
.wpcf7-mail-sent-ok {border: 2px solid #86BD27 !important; background-color: #fff;}
span.wpcf7-not-valid-tip {position:relative !important; margin-top:5px; display: inline !important; color: #F40; font-size: 0em; font-size: 12px; font-weight: normal;}
.wpcf7-form p input[type="email"] {margin-right: 10px !important;}

/* SECTION SERVICES - ABOUT
#####################################################*/
#about {background-color: #fff !important;}
.services h3 {padding: 0; height: 24px; position: relative; text-transform: none; letter-spacing: -0.03em; transition: all 300ms linear; font-weight: 900 !important; font-size: 18px; line-height: 22px;}
.services h3 i {font-size: 45px;}
#about #services-wrap ul#servicesbox li.services {border-top: 10px; border-bottom: 0; border-style: solid; border-color: #587C9E !important; margin: 20px 3px 20px 3px; width: 26%;}
#about #services-wrap ul#servicesbox li.services h3 {margin-top: 0 !important;}
#servicesbox li:hover {background-color: #F3F8FD;}
#servicesbox {width:100%; overflow:hidden; padding: 15px 0 0 1px;}
#servicesbox li p {height: auto; width: 100%; height: auto; min-height: 190px; text-align: justify;}
#about #services-wrap ul#servicesbox li.services:hover h3 a {color: #222;}
i {border: 1px solid #DFEDFC;}
i.mmv img {-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;}
#about.section>.container>h2.head {color: #fff;}
#about.section>.container>p.section_text {color: #fff;}
#servicesbox li h3 i {display: none;}
#services-wrap {overflow: hidden; margin: 0; padding: 0;}


/* COMPARE
#####################################################*/
#compare {background-color: #fff;}
#compare.section {background-image: url("/wp-content/uploads/2014/10/divider-shadow.png"); background-size: 80%; background-position: 50% 0% !important; background-repeat: no-repeat; padding-top: 30px;}
#compare.section a img.pdf {width: 100%; height: auto;}
#compare .pp_description {display: none !important;}

/* SECTION PRICING
#####################################################*/
li.pricing_three.normal {width: 35%;}
li.pricing_three.main {width: 60%;}
li.normal h2 {color: #333; background-color: #ffedd1 !important;}
li.pricing ul {text-align: left !important; line-height: 18px;}
.plan-bottom a {letter-spacing: 1px; font-weight: 700; font-size: 17px; background-color: #A2D64F !important;}
.plan-bottom a:hover {background-color: #AFE854 !important; border-top: 1px solid #fff;}
.plan-terms {padding-top: 12px; line-height: 18px;}
.plan-price {font-weight: normal; letter-spacing: 0; font-size: 0; font-size: 25px;}
#products .pricing-wrap ul.pricing_main li.pricing.pricing_three.main {-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
#products.section .container p.section_text {color: #d9d9d9 !important;}

/* SECTION UPDATES
#####################################################*/
#updates.section {background-color: #EDEDED !important;}

/* SECTION CONTACT
#####################################################*/
.ftfform {margin: 25px 10px 40px 0;}
.wpcf7-submit {background-color: #ededed;}
.wpcf7-form p {font-size: 16px; color: #333; font-weight: 700;}
#mc_embed_signup {width: 100%}
input.cos-input-field {background-color: #ededed;}
input[type="email"] {width: 90%; font-size: 16px !important; color: #333 !important; margin-right: 30px !important;}
input#mce-EMAIL.required.email {margin-right: 20px !important;}
#contact.section .container h2 {font-weight: 700; font-size: 54px;}
#contact.section {background-color: #9C9C9C !important; color: #fff !important;}
#contact.section h2, #contact.section p {color: #fff !important;}
h4.cos-contact {color: #fff; font-weight: normal;}
h3.cos-contact-info, h4.cos-contact-info, h6.cos-contact-info {color: #D9D9D9; margin-top: 0;}
#contact.section {background-image: url("/wp-content/uploads/2014/10/divider-shadow.png"); background-size: 80%; background-position: 50% 0% !important; background-repeat: no-repeat;}
#contact.section .container h2 {line-height: 1.1em !important; letter-spacing: -0.01em !important; margin-top: 0;}

/* PRESS RESOURCES
#####################################################*/
.wp-caption {padding-top: 10px !important; margin-bottom: 20px !important; padding: 3px; background: none; background: #EBEBEB;}
.press-list {margin-left: 6%; margin-bottom: 200px;}
.wp-caption p.wp-caption-text {font-size: 12px; line-height: 15px; margin: 3px 0 10px 0;}

/* PRESS HIGHLIGHTS
#####################################################*/
#press-highlights a img {max-width: 248px; max-height: 80px; margin-left: auto !important; margin-right: auto !important;}

/* DATA TABLES
#####################################################*/
table.dataTable {table-layout: fixed; }
.wpDataTable .header {padding-top: 10px; padding-bottom: 10px; width: 16%; height: 100px; word-wrap:break-word !important; white-space: normal;}
.dataTables_filter {display: none;}
.wpDataTablesWrapper table.wpDataTable tr.odd td, .wpDataTablesWrapper table.wpDataTable tr.even td {width: 16%; height: auto; word-wrap:break-word; font-size: 11px; line-height: 13px;}
table.wpDataTable td, table.wpDataTable.th {white-space: normal !important;}

/* POSTS social links added
#####################################################*/
.entry p a {color: #F2AD44 !important;}
.entry p a:hover {background: none !important; color: #222222 !important;}
.entry .fl, .entry .fr {line-height: 18px;}
.entry p.meta.fl i {display: none;}
.single-post h2, .archive h2 {font-size: 34px !important; line-height: 42px !important; letter-spacing: 0 !important;}
.single-post h3, .archive h3 {font-size: 26px; line-height: 31px; letter-spacing: normal !important;}
.single-post img.main-single {display: none;}
.single-post p {text-align: justify;}
.single-post .hrline, .single-post .buttons {display: none;}
.single-post .tmnf-sc-button.green.large {margin-top: 6px;}
.single-post .meta {margin: 4px 0 !important;}
.archive.date .hrline, .archive .hrline span, .archive.category .hrline, .archive.author .hrline, .archive.author .hrlineB, .archive .hrlineB span {height: 0; margin-bottom: 0 !important;}
.archive.date h2.itemtitle, .archive.category h2.itemtitle {margin-bottom: 0; letter-spacing: 0 !important;}
.archive.author h2.itemtitle {margin-bottom: 10px; display: none;}
.authorarchive h2.itemtitle {display: block !important; letter-spacing: 0 !important;}
.authorarchive {margin-bottom: 0;}
.archivepost ul li p.meta span {}
.single-post .entry span.fl, .single-post .entry span.fr {display: none;}

/* SOCIAL
#####################################################*/
.addthis_toolbox {display: inline-block;}
.addthis_button_facebook, .addthis_button_linkedin, .addthis_button_google_plusone_share, .addthis_button_twitter, .addthis_button_email, .addthis_button_compact, .addthis_counter addthis_bubble_style, .addthis_button_facebook_like {display: inline !important; margin-bottom: 6px;}
.addthis_button_facebook_like {margin: 6px 0 6px 3px;}

.cos-social-txt {display: inline !important; color: #fff;}
ul#cos-social-menu {display: inline !important; overflow: hidden; padding: 0; margin: 0;}
ul#cos-social-menu li {padding-top: 3px;}
ul#cos-social-menu li a i.icon-facebook {border: 0; padding-left: 5px; padding-right: 5px;}
ul#cos-social-menu li a i.icon-twitter {border: 0;}
ul#cos-social-menu li {display: inline !important; width: 34px !important; height: 34px !important; margin: 0 0 0 5px; padding: 7px; background-color: #F29C46 !important; background-color: #FFB647 !important; -moz-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
ul#cos-social-menu li a {display: inline; color: #fff !important; font-size: 18px; text-align: center; width: 34px !important; height: 34px !important; text-align: center;}

/* BUTTONS
#####################################################*/
input {border: 0 !important;}

input.tmnf-sc-button.green.cos-btn-center-mobile {margin-left: 0;}
.home-intro-slider a.tmnf-sc-button span {line-height: 1em; min-height: 16px; font-size: 18px;}
.cos-btn {display: inline-block; vertical-align: middle; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; position: relative; font-size: 16px !important; line-height: 20px; font-weight: 700; padding: 10px 18px; border: none !important; border-radius: 3px;}
.cos-btn.primary {background-color: #FFB647; color: #fff;}
.cos-btn.primary:active {top: 1px; position: relative; background-color: #ffbe5c;}
.cos-btn.primary:hover {background-color: #ffbe5c; color: #fff;}

input.tmnf-sc-button, a.tmnf-sc-button, .cos-btn.primary {font-family: sans-serif; display: inline-block; padding:10px 18px !important; font-size:1.2em !important; letter-spacing: .07em; font-weight: 700 !important; line-height: 1.2em !important; min-height: 16px !important; margin:0 .6em 1.5em 0; border: 1px solid #4081af; border-bottom-color: #20559a; color: white !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none !important;	
/*Border radius*/
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;	
/*Background*/
background-color: #237fd7; /*Fallback*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf));
background: -moz-linear-gradient(center top, #52a8e8 20%, #2e76cf 100%);	
/*Box shadow*/
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .20) /*Shadow*/;
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .20) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .20) /*Shadow*/;}

input.tmnf-sc-button:hover, input.tmnf-sc-button.hover, input.tmnf-sc-button.active {text-decoration: none !important;
/*Background*/
background: #0073d2; /*Fallback*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca));
background: -moz-linear-gradient(center top, #3e9ee5 20%, #1666ca 100%);}

input.tmnf-sc-button:active, input.tmnf-sc-button.active {border-color: #20559a;
/*Box shadow*/
-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/, 0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;}

input.tmnf-sc-button.custom:hover { opacity:0.85; }
input.tmnf-sc-button span { line-height:1.2em; min-height: 16px; }

input.tmnf-sc-button.orange, a.input.tmnf-sc-button.orange, a.input.tmnf-sc-button.orange.large {
border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e)); background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%);}

input.tmnf-sc-button.orange:hover, a.tmnf-sc-button.orange:hover {
background: #d25e00 !important; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116)) !important; background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%) !important;}

input.tmnf-sc-button.green { 
border-color: #87bf00; border-bottom-color: #7ca122; 
background: #87c000; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513)); background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%);}
input.tmnf-sc-button.green:hover { 
background-color: #8dc11e; background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16)); background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%);}


/* FOOTER
#####################################################*/
#footer {background-color: #5c5c5c; color: #fff; border-top: #ffbe5c; height: auto;}
#footer #copyright .fl {color: #fff;}
#copyright .fr, .itemtitle, .hrlineB {}
#footer a {color: #FFD494;}
#footer a:hover {color: #ffbe5c;}
#footer::after {background-color: #5c5c5c;}
.page-template-template-fullwidth-php .container.container_block, .page-template-default .container.container_block, .single-post .container.container_block {min-height: 94%;}
.page-template-template-fullwidth-php #footer, .page-template-default #footer, .single-post #footer {height: 100px; margin-top: -140px; padding-bottom: 40px;}
.page-template-template-fullwidth-php .entryfull, .page-template-default .entry, .single-post .entry {padding-bottom: 140px;}
.page-template-default .sidebar, .single-post .sidebar {padding-bottom: 0;}

/* MOBILE
#####################################################*/
/* @the 960px grid
********************************************************************************************
********************************************************************************************/
.container {width: 100%; max-width: 960px; margin: 0 auto; padding:0; overflow:hidden; position:relative;}

.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol,.warpbox {
margin-left:0;
float: left;
min-height: 1px;
overflow:hidden;
}

.threecol{
margin:0 3.5% 30px 0;
width:20.7%;
}

.threecol_spec{
margin:0 2.8% 30px 0;
width:20.85%;
padding:4px;
float:left;
background:url("images/transparent-light.png");
}

.fourcol {
width:29%;
margin:0 2.8% 30px 0;
padding:4px;
float:left;
background:url("images/transparent-light.png");
}

.eightcol {
width: 67%;
padding-right:0;
padding-left:0;
float:left;
}

.sixcol {
width:45.4%;
margin:0 2.8% 30px 0;
padding:4px;
float:left;
background:url("images/transparent-light.png");
}

.eightcol .sixcol{background:none !important;}

.twelvecol {
width: 90%;
float: left;
}

.first {
margin-left: 0px;
}

object, embed {
max-width: 100%;
}

img {height: auto;}


/* MOBILE Max 1030
#####################################################*/
@media screen and (max-width: 1030px) { /* Specific to this particular image */
.slider_full img {left: 50%; margin-left: -700px; /* 50% */ }
.section .container{padding:80px 2% 80px 2%;}
/*.section{ background-attachment:scroll !important;}*/
.widgetflexslider .flex-direction-nav li .flex-next {right:-15px;}
.widgetflexslider .flex-direction-nav li .flex-prev {left:-15px;}  
input.tmnf-sc-button.green.cos-btn-center {margin-left: 0; margin-left: 42%;}
}
/* MOBILE Max 1000
#####################################################*/
@media screen and (max-width: 1000px){
.container {width: auto; margin: 0 20px; padding: 0 0;}
.item_blog.item_height3 {height: 170px;}
.item_blog .imgwrap {max-width: 220px; margin: 15px;}
.item_blog .imgwrap img {max-width: 220px;}
}
/* MOBILE Max 980
#####################################################*/
@media screen and (max-width: 980px){
#servicesbox {padding-top: 0;}
#about #services-wrap ul#servicesbox li.services {margin: 20px 5% 20px 0; padding-top: 20px; padding-bottom: 20px; width: 92%; height: auto !important;}
#servicesbox li p {padding-left: 6%; padding-right: 6%; height: auto; width: auto; min-height: 0;}
#servicesbox h3 i {display: none;}
#servicesbox h3 {margin-top: 0;}
.item_blog.item_height3 {height: 170px;}
.item_blog .imgwrap {max-width: 210px; margin: 15px;}
.item_blog .imgwrap img {max-width: 210px;}
}
/* MOBILE Max 970
#####################################################*/
@media screen and (max-width: 970px){
.section .container{padding: 40px 0 !important;}
#header a img.logo{margin: 0 0 30px 0;}
.flexfull_wrap{max-height: 580px !important;}
.attachment-folio_slider{width: 100%;}
}
/* MOBILE Max 940
#####################################################*/
@media screen and (max-width: 940px){
.fourcol-one,.fourcol-two {width: 30% !important;}
.twocol_one_last {width: 100% !important}
}
/* MOBILE Max 900
#####################################################*/
@media screen and (max-width: 900px){
.fl {margin-right: 25px;}
.fr {float: left !important;}
.item_blog.item_height3 {height: 140px;}
.item_blog .imgwrap {max-width: 160px; margin: 15px;}
.item_blog .imgwrap img {max-width: 160px;}
input.tmnf-sc-button.green.cos-btn-center {margin-left: 0; margin-left: 38%;}
}
/* MOBILE Max 850
#####################################################*/
@media screen and (max-width: 850px){
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 130px; margin: 15px; vertical-align: middle;}
.item_blog .imgwrap img {max-width: 130px;}
.section>.container>p.section_text, .section>.container>h2.head {width: 100% !important; padding: 10px 0 !important; background: none !important;}
#about.section {background-image: none !important; background-color: #9DB5D1 !important;}
}
/* MOBILE Max 800
#####################################################*/
@media screen and (max-width: 800px){
.fourcol-one,.fourcol-two {width:44% !important;}
.twocol_one_last {width: 100% !important;}
.item_blog.item_height3 {height: 180px;}
.item_blog .imgwrap {max-width: 140px; margin: 15px 15px 60px 15px;}
.item_blog .imgwrap img {max-width: 140px;}
#about #services-wrap ul#servicesbox li.services {margin: 20px 5% 20px 0; width: 86%;}
}

/* MOBILE Max 780
#####################################################*/
@media screen and (max-width: 780px){
#header ul#nav {padding-top: 30px; padding-bottom: 30px; vertical-align: middle;}
}

/* MOBILE Max 770
#####################################################*/
/*iPad */
@media screen and (max-width: 770px){
.mainflex,.mainflex_holder,.mainflex_wrap {height:600px !important;}
.free_content h2 {font-size:34px !important;}
.home-intro-slider {margin: 100px 0 20px 0;}
ul.slides li.free_slider.flex-active-slide .free_content h2, ul.slides li.free_slider .free_content h2 {padding-left: 7% !important; padding-right: 7%; text-align: center; color: #fff; font-family: Open Sans !important; font-size: 34px !important; line-height: 42px !important; font-weight: normal !important;}
.stuff p {width: 100%;}
#navigation h1 {margin: 20px 0 5px 0; display:block !important; position:relative; top:auto; opacity:1; overflow: hidden; height: 34px !important; float: left;}
h2.head, p.section_text {width: 100% !important; padding: 10px 0 !important; background: none !important;}
li.staff img, .item_full img, .item_slider img {width: 100%;}
.featuredflex .flex-direction-nav li a {top: 25%;}
.featuredflex .flex-direction-nav li .flex-next {left: auto;right: 7px;}
.item_slider {padding-bottom: 35px !important;}
.item_slider img {margin-bottom: 15px !important;}
.item_slider h2, .item_slider p {width: 90%; padding: 0 5% !important; border: none; float: left; margin:5px 0 5px 0 !important;}
#clientsbox li {width: 33%;}
.item_blog.item_height3 {height: 180px;}
.item_blog .imgwrap {max-width: 120px; margin: 15px 15px 60px 15px;}
.item_blog .imgwrap img {max-width: 120px;}
.resmode-No {display: none; visibility: hidden;}
#portfolio-filter {padding-top: 100px !important;}
.comment-form-author, .comment-form-email, .comment-form-url {width: 29.3%;}
h2.singletitle {font-size: 40px;}
.tab-post {height: auto; font-size: 10px !important;}
.container_block {padding-top: 120px !important;}
.bigmenu .scroll, .bigmenu .navi {padding: 0 0 10px 0; right: auto; left: 0; float: left;}
a#navtrigger {display: block;}
#navigation {display: none;}
.logo_bottom img {height: 70px;}
.scroll, ul.navi {padding: 0 !important; float: none;}
.scroll>li, .navi li {width: 100%; text-align: center;}
.scroll>li>a, .navi li a {font-size: 18px !important; line-height: 18px !important; padding: 18px 0 !important;}
#header #navigation #nav li a {font-size: 16px !important; line-height: 16px !important; margin-bottom: 14px;}
.sub-menu, .children {z-index: 9999;}
li.scrollparent>a {padding-left: 12px !important;}
.scroll {width: 100%;}
#header h1.showme, #header h1.classic {display: none !important;}
#header {padding: 0 0 25px 0; position: relative !important; top: auto !important; left: auto; margin:0; float:left;}
a#logo_res {display: block; height: auto; float: none; margin: 0 auto 10px auto; overflow: hidden;}
a#logo_res img {display: block; width: 200px; height: 40px; overflow: hidden; float: none; margin: 10px auto 0 auto;}
input.tmnf-sc-button.green.cos-btn-center {margin-left: 0; margin-left: 39%;}
}
/* MOBILE Max 740
#####################################################*/
/* Mobile */
@media handheld, only screen and (max-width: 740px) {
.home-intro-slider {margin: 0 0 25px 0;}
.press-list {margin-left: 15%;}
body {font-size: 16px; -webkit-text-size-adjust: none;}
body {width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0; padding-right: 0; margin-top:0;}
.mainflex_holder, .flexfull_wrap, .flexfull, .slider_full {position: relative; height: 800px; width: 100%;}
.slider_full img {position: relative; top: auto;}
.slider_full:after {display: none; visibility: hidden;}
#header, .onecol, .twocol, .threecol,.threecol_spec, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,.fifthcol, #foliocontent, #foliosidebar {width: auto; float: none !important; padding-left: 20px; padding-right: 20px; margin-left: 0; margin-right: 0;}
#sidebar {margin-left: 0 !important; width: 100%; max-width: none !important;}
#foliosidebar, #foliocontent {padding-left: 0; padding-right: 0;}
.fourcol {padding: 0 !important; max-width: 290px; float: none; margin: 0 auto 30px auto;}
.sixcol {padding: 0 !important; float: none; margin: 0 auto 30px auto;}
.container_alt, .container_block {padding-top: 40px !important; margin-bottom: 0 !important;}
#content,#sidebar {padding-left: 0; padding-right: 0; margin-top: 40px;}
#navigation h1 {display: none !important;}
#header_bottom {display: none; visibility: hidden;}
.warpbox, .loop {width: 100% !important; padding: 10px 0 !important; background: none !important;}
.mainflex .flex-control-nav {top: 25px;}
.stuff span.slidebg {left: 0;}
.stuff .flexhead {left: 8%; top: 15px;}
.stuff p {width: 95%;}
#copyright {padding: 0 5%;}
#clientsbox {width: 100%; margin: 0 0;}
li.staff {text-align: left;}
li.staff img {margin: 0 25px 25px 0;}
.pagination {margin-bottom: 40px; height: 35px;}
#header {padding: 0 0 25px 0; position: relative !important; top: auto !important; left: auto; margin:0; float:left;}
a#logo_res {display: block; height: auto; float: none; margin: 0 auto 10px auto; overflow: hidden;}
a#logo_res img {display: block; width: 100%; height: auto; overflow: hidden; float: none; margin: 10px auto;}
a#navtrigger {display: block;}
#navigation {display: none;}
.scroll, ul.navi {padding: 20px 0 0 0 !important; float: none;}
.scroll>li, .navi li {width: 100%; text-align: center;}
.scroll>li>a, .navi li a {font-size: 18px !important; line-height: 18px !important; padding: 12px 0 !important;}
.sub-menu, .children {z-index: 9999;}
li.scrollparent>a {padding-left: 12px !important;}
#header h1.showme, #header h1.classic {display: none !important;}
.free_content h1, .section h1 {font-size: 30px !important;}
.free_content h2 {font-size: 30px !important; padding-top: 20px !important;}
.free_content h3 {font-size: 16px !important;}
.free_content p {display: none;}
li.pricing_three.normal, li.pricing_three.main {width: 96%; margin-left: 2%; margin-right: 2%;} 
#products .pricing-wrap ul.pricing_main li.pricing.pricing_three.normal {-moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 250px; margin: 0 15px 0 0;}
.item_blog .imgwrap img {max-width: 250px;}
.page-template-template-fullwidth-php .container.container_block, .page-template-default .container.container_block, .single-post .container.container_block {min-height: auto;}
.page-template-template-fullwidth-php #footer, .page-template-default #footer, .single-post #footer {height: 100px; margin-top: 20px; padding-bottom: 40px;}
.page-template-template-fullwidth-php .entryfull, .page-template-default .entry, .single-post .entry {padding-bottom: 20px;}
.page-template-default .sidebar, .single-post .sidebar {padding-bottom: 15px;}
.free_content p {display: inline-block;}
}
/* MOBILE Max 639
#####################################################*/
@media only screen and (max-width: 639px) {
ul.slides li.free_slider.flex-active-slide .free_content h2, ul.slides li.free_slider .free_content h2 {padding-left: 7% !important; padding-right: 7%; text-align: center; color: #fff; font-family: Open Sans !important; font-size: 28px !important; line-height: 36px !important; font-weight: normal !important;}
.press-list {margin-left: 0; margin-bottom: 30px;}
.scrollTo_top {visibility: hidden; display: none;}
.tmnf-sc-quote.left, .tmnf-sc-quote.right {width: 100%; float: none; margin-left: 0; margin-right: 0;}
.contact-form .forms textarea, .contact-form .forms input.txt{width: 100%; float: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.contact-form .forms label {margin-bottom: 10px;}
.contact-form .forms .buttons .submit, .contact-form .forms input#sendCopy {margin-left: 0;}
a.hoverstuff-zoom {display: none; visibility: hidden;}
.twocol-one,.threecol-one,.threecol-two,.fourcol-one,.fourcol-two,.fourcol-three,.fivecol-one,.fivecol-two,.fivecol-three,.fivecol-four,.sixcol-one,.sixcol-two,.sixcol-three,.sixcol-four,.sixcol-five {width: 100% !important;}
.fourcol-one img.alignnone.size-full.wp-image-2807 {width: 120px !important; height: auto !important; margin-left: 5%; margin-bottom: 15px;}
.section>.container>h2, h2.itemtitle {font-size: 30pt; letter-spacing: -2px; width: 100%;}
#header a img.logo {display: block; float: none; margin: 0 auto 30px auto;}
.featuredflex .flex-direction-nav li a {display: none !important;}
.featuredflex .flex-direction-nav li .flex-next {left: auto; right: 7px;}
.item_slider {padding-bottom: 35px !important;}
.item_slider h2, .item_slider p {padding: 0 5% 5px 5% !important; margin: 0; width: 90%; border:none;}
li.pricing_three, li.pricing_four {width: 48%;}
li.pricing_three.normal, li.pricing_three.main {width: 96%; margin-left: 2%; margin-right: 2%;}
li.staff img {margin: 0 25px 10px 0; float: left; width: auto;}
#clientsbox li {width: 50%;}
#clientsbox li img {width: 100%;}
.section>.container>p {-moz-column-count: 1; -moz-column-gap: 30px; -webkit-column-count: 1; -webkit-column-gap: 30px; margin-bottom: 25px; overflow: hidden;}
iframe {width: 100%; max-height: 400px;}
ul.medpost>li>.meta, ul.medpost>li>.entry {text-align: left; width: 100%;}
ul.medpost>li>.meta {height: 20px; overflow: hidden;}
.comment-form-author, .comment-form-email, .comment-form-url {width: 28.6%;}
#respond textarea {width: 94%;}
.flex-direction-nav li a {width: 20px;}
.flex-direction-nav li .flex-next {right: 0px; background-position: -2px 25px;}
.flex-direction-nav li .flex-prev {left: 0px; background-position: -2px 25px;}
img.alignleft, .attachment-folio_slider, .main-single, img.alignright, img.aligncenter, .wp-caption, .wp-caption img {width: 100%; margin: 5px 0 30px 0;}
#about #services-wrap ul#servicesbox li.services {margin: 20px 3% 20px 0; width: 80%;}
#servicesbox li p {padding-left: 3%; padding-right: 3%; min-height: 0;}
#videos.section {background-image: none; background-color: #E3E3E3 !important;}
input.tmnf-sc-button.green.cos-btn-center, input.tmnf-sc-button.green.cos-btn-center-mobile {margin-left: 0; margin-left: 35%;}
.home-intro-slider .intro-slider-mobile input.tmnf-sc-button {display: inline-block;}
} 
/* MOBILE Max 570
#####################################################*/
@media only screen and (max-width: 570px) {
}
/* MOBILE Max 500
#####################################################*/
@media only screen and (max-width: 500px) {
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 180px; margin: 15px;}
.item_blog .imgwrap img {max-width: 180px;}
input.tmnf-sc-button.green.cos-btn-center, input.tmnf-sc-button.green.cos-btn-center-mobile {margin-left: 0; margin-left: 29%;}
}
/* MOBILE Max 450
#####################################################*/
@media only screen and (max-width: 450px) {
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 140px; margin: 15px;}
.item_blog .imgwrap img {max-width: 140px;}
}
/* MOBILE Max 429
#####################################################*/
@media only screen and (max-width: 429px) {
iframe {max-height: 280px;}
.item_height2 {height: auto;}
li.staff img {margin: 0 auto 25px auto; float: none; display: block; width: auto;}
.comment-form-author, .comment-form-email, .comment-form-url {width: 102%;}
#respond textarea {width: 91.5%;}
#about #services-wrap ul#servicesbox li.services {margin: 20px 2% 20px 0; width: 76%;}
#servicesbox li p {padding-left: 3%; padding-right: 3%; min-height: 0;}
.item_blog.item_height3 {height: 150px;}
.item_blog .imgwrap {max-width: 120px; margin: 15px;}
.item_blog .imgwrap img {max-width: 120px;}
}