/*



Theme Name: Oiltech Child



Theme URI: https://owdt.com



Description: This is a child theme for Oiltech.



Author: OWDT



Author URI: https://owdt.com



Template: oiltech



Version: 1.0



*/







@import url("../oiltech/style.css");
/* Red                                                  d2232a rgba(210,35,42,0.5) */



/* dark gray                                            505050  */



/* light gray                                           676767  */



/* very light gray (like footer)                        F4F4F6  */











/* General style edits - January 2016 */







body { color: black }
body p { color: black }
.site-content .large-8 a:hover { text-decoration: underline }
h2, h3, h4, h5, h6 { margin-bottom: .75rem; font-family: 'Arvo', serif; color: black !important }
.entry-content h2:first-of-type { margin-top: 0; padding-top: 0; margin-bottom: 22px }
.entry-content p + h2, .entry-content p + h3 { margin: 50px 0 22px !important }
p + h2, p + h3, p + h4, p + h5, p + h6, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6 { margin: 4.5rem 0 1.7rem; display: block; clear: both }
ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 { display: block; clear: both; padding-top: 1.8rem }
p { font-size: 1rem; line-height: 1.8 }
.entry-content ul { margin-bottom: 1.25em }
blockquote { margin: 0 0 25px 25px; float: right; width: 50% }
blockquote p { padding-bottom: 5px; color: #d2232a !important }
strong { color: #000 }
.site-content ul li { padding: 0; margin: 0 0 10px 15px; color: #333; list-style-image: url(images/list-arrow.png); font-size: 1rem }
.site-content ul { float: none; clear: both }
.site-content ul:after { float: none; width: 100%; clear: both; content: ""; display: block; height: 1px }
.site-content .headline-row ul li { background: rgba(0,0,0,0.2); font-size: 24px; line-height: 1.3; margin-bottom: 15px; list-style: none; position: relative; }
.site-content .headline-row ul li a { padding: 8px 25px 8px 15px; border: 1px solid white; display: inline-block; width: 100%; text-align: center }
.site-content .headline-row ul li a:after { font-family: fontawesome; content: "\f0da"; right: 10px; top: 9px; position: absolute }
.site-content .headline-row ul li a:hover { background-color: #d2232a; border: 1px solid #d2232a; text-decoration: none }
.entry-content a { color: #d2232a }
.entry-content a:hover { text-decoration: underline }
.hidden { display: none }
.main-navigation ul li a { font-weight: normal; letter-spacing: .5px; }
.main-navigation.align_left { text-align: right }
.main-navigation a:hover { color: #dd0000 !important; opacity: 1 !important }
.nopadding .vc_column-inner { padding: 0 }  /* Use this to eliminate paddings and margins on full-screen videos (home page) */
.nopadding .wpb_content_element { margin-bottom: 0 }
.with-big-text { padding: 50px 20% 5px; text-align: center }
.with-big-text p:first-of-type { font-size: 30px; color: #BBB }
.subsection-background-1 { background-image: url(/wp-content/uploads/petrochem-testing-bk-1170.jpg); background-position: center bottom !important; padding-bottom: 220px !important; background-repeat: no-repeat}
a.buttonlink-left { padding: 10px 15px; border: 1px solid #d2232a; border-bottom: 5px solid #d2232a; background: #adadad url(images/diagonals.png); color: #FFF !important; float: right }
a.buttonlink-right { padding: 10px 15px; border: 1px solid #d2232a }
.home .large-8 p { max-width: 900px; margin-left: auto; margin-right: auto }
.home h2 { margin-top: 3.8rem }
.copyright_text { color: #d2232a; font-size: 10px }
.copyright_text a { text-decoration: none; border-bottom: none !important }
.copyright_text span, .copyright_text span a { font-weight: 400; font-size: 10px; font-family: sans-serif !important; letter-spacing: 4px !important; text-transform: uppercase; line-height: 2; color: #868686 }
.page-title:after { background: #505050 !important; display: none }
.main-navigation ul li a:hover { color: #d2232a !important }
.main-navigation ul ul { border-top: 10px solid #d2232a; border-right: 1px solid #d2232a; border-bottom: 1px solid #d2232a; border-left: 1px solid #d2232a; font-family: 'Arvo', sans-serif; background: #676767 url(images/diagonals.png) }
.main-navigation ul ul li a { color: #FFF !important }
.main-navigation ul ul li a:hover { color: #000 !important }
.vc_col-sm-2 img.aligncenter { max-width: 36% }
.entry-content p { text-align: justify }
.boxed-row p { text-align: inherit }
.tests-body tr { vertical-align: top }
.tests-body td { padding: 10px 15px 15px 0; width: 33.333%; border-top: none; border-bottom: 1px solid rgba(84,84,84,0.15); }
.tests-body td, .tests-body td span { font-size: 1rem; font-family: 'Open Sans', sans-serif !important; line-height: normal; font-weight: bold}
.tests-body td b { margin-bottom: 5px !important; display: inline-block; font-weight: normal; font-size: 0.8rem }
.centered-text-box { padding: 0 15% !important}
.page-template-page-service-landing .page-title { text-align: center }
.page-template-page-service-landing .site-content { background: transparent }
.page-template-page-service-landing .content-area { padding: 0 }
.page-template-page-service-landing #content .large-12 { margin: 65px 0 30px }
.page-template-page-service-landing #site-footer { margin-top: 0 !important }
blockquote p { text-align: left !important }
.showthis { opacity: 1 !important }






/* Structure and Layout edits */



/* #site-navigation-top-bar { display: none } */



/* body:not(.home) #site-footer { margin-top: 40px } */



.main-navigation .logout_link { display: none }
.site-header { background: black !important }
#site-top-bar { padding-top: 9px; height: 60px !important }
#site-footer { border-top: 1px solid #BBB }
.site-footer-widget-area > .row { border-bottom: none }
.site-footer-widget-area .textwidget { text-align: center }
.site-footer-widget-area .widget_text { margin-bottom: 0 }
.site-footer-widget-area { margin-bottom: 30px }
.site-footer-widget-area .textwidget img { max-width: 200px; height: auto }
.sidebar-container { margin-top: 380px }
.headline-row { min-height: 415px; box-shadow: 0 0 0 7px white; margin-top: -84px !important; background-size: cover }
.headline-row p { line-height: 1.6 }
.headline-row .vc_col-sm-6 .vc_column-inner { padding: 50px }
.headline-row h2, .headline-row h3, .headline-row li, .headline-row strong, .headline-row a { color: white !important }
.headline-row h2 { margin-bottom: 25px }
.headline-row h1 { color: white !important }
.headline-row p { color: white; font-size: 1.5em }
.headline-2 { color: black }
.headline-row.vc_custom_1456852257534, .headline-row.vc_custom_1457718422917 { background-position: left center !important }
.headline-row .vc_col-sm-12 .vc_column-inner { padding: 35px 35px 0px }
.headline-row h1.page-title { text-align: center }
.page-title-right { margin-left: 50% }
.page-title-right h1.page-title { text-align: left }
.wpb_widgetised_column { margin-bottom: 0; padding-right: 0 }
.wpb_widgetised_column table { margin-bottom: 15px; margin-left: 30px; }
.wpb_widgetised_column table tr { vertical-align: top }
.wpb_widgetised_column table tr td { border: none }
.wpb_widgetised_column table tr td:first-of-type { width: 34px }
.wpb_widgetised_column table td { padding-top: 10px; padding-bottom: 10px; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: normal }
.widget a { font-family: 'Open Sans', arial, sans-serif !important }
.wpb_widgetised_column a:hover { text-decoration: underline; color: #d2232a !important }
.widget ul li a { /* padding-left: 23px removed to eliminate trap space in mid-size screens */ }
.vc_col-sm-9 ul { margin: 25px 0 35px 20px }
.vc_gitem-zone.vc-gitem-zone-height-mode-auto { border-bottom: 1px solid rgba(84,84,84,0.15) }
.site-footer-widget-area .textwidget img { max-width: 60px; height: auto }
.columntext { width: 30%; padding: 0; margin-right: 3.333%; float: left !important }
.columntext h5 { margin-top: 0; text-align: center }
.sidebar-wrapper .wpb_widgetised_column { float: none !important } /* Keeps second sidebar widget from floating right */
.wpb_widgetised_column .widget { border-bottom: none; padding-top: 0; padding-bottom: 35px }
.wpb_widgetised_column ul li { width: 100%; margin: 0 0 18px 41px }
.wpb_widgetised_column h4 { color: #d2232a !important; border-bottom: 1px solid rgba(84,84,84,0.15); padding-bottom: 5px; }
.widget_search .search-form { border-color: #505050 !important }
.widget_search .search-field { background: #F5F5F5 }
.vc_col-sm-9 .vc_col-sm-3 .vc_column-inner .wpb_wrapper { border-right: 1px solid rgba(84,84,84,0.15); position: relative; padding: 0 15px 0 120px } /* left thumbnails */
.vc_col-sm-9 .vc_col-sm-3 .vc_column-inner .drops .wpb_wrapper { padding: 0 0 0 50px } /* left thumbnail - drops image */
.vc_grid-container-wrapper .wpb_content_element { margin-bottom: 0 }
.callout-box { padding: 50px; background-color: white; color: black; font-style: italic }
.callout-box h2 { color: black; font-style: normal }
.callout-box strong { color: #d2232a }
.entry-meta { display: none }
.vc_col-sm-9 .vc_col-sm-2 { position: relative }
.side-popout-menu { position: absolute; top: 0; right: 5px; width: 43px; overflow: hidden; z-index: 9; border-right: 1px solid rgba(84,84,84,0.15); border-bottom: 1px solid rgba(84,84,84,0.15); border-left: 1px solid rgba(84,84,84,0.15); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s }
.entry-header.with_featured_img { background-image: none !important }
.row { max-width: 1400px }
.entry-header .large-10.large-centered { width: 100%; padding: 0 15px }
.site-tools{position: relative;z-index: 10;}
.site-tools ul .search-button { margin: 0 15px 0 15px; float: right; }
.site-tools ul { border-left: 1px solid black }
.home .site-tools ul { border-left: 1px solid white }
.fa-bars { font-size: 33px !important; margin-top: 2px !important }
.menu-button-text { margin-right: 8px; border-left: none }
.offcanvas_open .menu-button-text { color: transparent }
.offcanvas_open .menu-button-text:after { content: "CLOSE"; color: black; display: block; width: 80px; position: absolute; top: 8px; left: 0 }
.offcanvas_open.home .menu-button-text:after { color: white }
.nano { background: #d2232a }
.mobile-navigation { border-bottom: none; padding: 10px 0; }
.mobile-navigation:first-of-type { padding-bottom: 0 }
.mobile-navigation:last-of-type { padding-top: 0 }
.mobile-navigation a { font-size: 16px; color: white; padding: 10px 0; line-height: 1.1 }
.mobile-navigation a:hover { color: black }
.primary-navigation { margin-bottom: 15px; padding-top: 15px; padding-bottom: 15px !important; border-bottom: 1px solid rgba(255,255,255,.3);}
.mobile-navigation.primary-navigation a {font-weight: normal; font-size: 13px;}
.offcanvas_open #scroll-to-top {display: none !important;}
a#scroll-to-top { position: fixed; z-index: 99; bottom: 20px; right: 15px; font-size: 19px; text-align: center; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: 0.5s; transition: all 0.5s }
a#scroll-to-top:before { content: "\f0aa"; font-family: fontawesome; display: block; font-size: 32px; }
.offcanvas_open .st-pusher:hover { cursor: pointer }
.language-and-currency-offcanvas { display: none !important }
#content .hentry { background: #EDEDED; border-top: 5px solid #CCCCCC; /* NO padding-bottom */ }
.headline-row .vc_column-inner > .wpb_wrapper .wpb_text_column:last-of-type { margin-left: 50% }
.entry-content ul { margin-left: 0 }
.vc_col-sm-3 { padding-right: 5% } /* extra gutter for service subpages */
.entry-content .vc_column-inner .wpb_wrapper > .vc_inner.vc_row-fluid { margin-top: 30px }
#oiltech-menu-item-2009 a {display:block; font-family:sans-serif; text-transform:none; cursor:default; font-size: 13px; padding: 5px 0}
#oiltech-menu-item-2009 a:hover {color: black !important}
#oiltech-menu-item-222 a{padding-top:0px; padding-right:0px; font-size: 13px; padding: 0; margin-top: -3px; display: block}
#site-footer { background: white !important; }
.site-footer-widget-area a { color: #868686 !important; font-weight: normal; }
.search #primary .large-9 { width: 100%; float: none }
.search #primary .large-3 { display: none }
.subservicebox a:hover { text-decoration: none !important }

.slide-from-right.st-menu {z-index:10;}
#mobiles-menu-offcanvas {padding-left: 20px; padding-right: 20px;}

.mobile-navigation .menu-item-has-children.current a, .mobile-navigation .menu-item-has-children.current .more {color: #fff;}

.a[title="Our Crew in Egypt"] p{height:auto}


.smallwhitebox {padding: 25px; background-color: white; color: black}
.smallwhitebox p {font-size: 1rem}
.smallwhitebox a {display: block; width: 150px; text-align: center; margin: 15px auto; border: 1px solid black; color: black; line-height: 40px}
.smallwhitebox a:hover {background-color: #EDEDED; text-decoration: none}
.margintopspan {padding-top: 25px}
.phoneline {display: block; margin: 15px 0 0; font-weight: bold}
.phoneline + br {display: none}
.centered-form {max-width: 660px !important; margin: 0 auto !important}
.page-id-1756 h3 {min-height: 80px}
.page-id-1756 .vc_gitem-post-data-source-post_excerpt {min-height: 70px}
.single .content-area {padding: 0}
.single .intro-effect-fadeout {background: white}
.single .hentry {padding-top: 75px}
.single #nav-below {margin: 50px 0 0; padding-bottom: 75px}
.single .post_meta {display: none}
.single .entry-title {margin-bottom: 75px}
.main-navigation ul li {display:block;top:30px}
.main-navigation ul {width: 290px;float: right; margin-top: 12px}


/* Service subpages */
.servicebox h2 { min-height: 130px; margin-top: 1.7rem }
.vc_gitem-zone-a .vc_gitem-row-position-bottom { padding: 0 25px }
.page-template-page-service-landing .vc_gitem-row-position-top, .page-template-page-service-landing .vc_gitem-row-position-bottom { position: relative !important }
.page-template-page-service-landing .vc_gitem_row .vc_gitem-col { padding: 0 }
.page-template-page-service-landing .vc_custom_heading a { color: #d2232a !important; font-size: 18px; line-height: 1 !important; }
.page-template-page-service-landing .vc-gitem-zone-height-mode-auto:before { display: none }
.page-template-page-service-landing .vc_gitem-zone.vc-gitem-zone-height-mode-auto { border-bottom: none }
.page-description { display: none }


/* Adjust for 3 column paddings */
.vc_col-sm-12 .vc_inner.vc_row-fluid .vc_col-sm-2 + .vc_col-sm-8 { padding-right: 15px }
.vc_col-sm-12 .vc_inner.vc_row-fluid .vc_col-sm-8 + .vc_col-sm-2 { padding-left: 15px; border-left: 1px solid rgba(84,84,84,0.15) }
.vc_col-sm-12 .vc_inner.vc_row-fluid .vc_col-sm-8 + .vc_col-sm-2 .wpb_widgetised_column:last-of-type li:last-of-type { padding-bottom: 0 }
#moreservices { background: white; border-top: 5px solid #CCC; padding: 75px 25px 10px; margin: 75px auto 0; }
#moreservices .vc_gitem-row-position-middle { display: none }
#moreservices .vc_custom_heading a { color: #d2232a !important; font-size: 18px; line-height: 1 !important; }
#moreservices .vc_gitem-row-position-top, #moreservices .vc_gitem-row-position-bottom { position: relative !important; top: auto !important; left: auto !important; bottom: auto !important; right: auto !important }
#moreservices h3 { margin-top: 0; line-height: 16px; min-height: 50px; }
#moreservices .wpb_single_image { margin-bottom: 0; }
#moreservices .vc-gitem-zone-height-mode-auto:before { display: none }
#moreservices .vc_btn3-style-flat { border-radius: 0; background-color: #d2232a }
#moreservices .vc_gitem_row .vc_gitem-col { padding: 25px }
#moreservices .vc_gitem-zone .vc_gitem-zone-mini .vc_col-sm-6.vc_gitem-col.vc_gitem-col-align-left { background-color: transparent !important; }
#moreservices .vc_column-inner img { transform: none; transition-duration: 1s }
#moreservices .vc_column-inner img:hover { transform: scale(1.05, 1.05); cursor: pointer }
.ms-skin-black-1 .ms-nav-prev { left: -35px }
.ms-skin-black-1 .ms-nav-next:hover, .ms-skin-black-1 .ms-nav-prev:hover { background-image: url(../../plugins/masterslider/public/assets/css/skins/light-skin-2.png); }
.ms-skin-black-1 .ms-nav-next { right: -35px; }
.relatedservices { text-align: center; margin-bottom: 55px; }
.relatedservices p { font-size: 30px; font-weight: bold; font-family: 'Arvo', sans-serif; margin-bottom: 20px !important; }
.relatedservices:after { content: url(images/arrow-down.svg); width: 70px; height: auto; display: block; margin: 0 auto; }
.site-content { background: #EEE }
.large-10.large-centered.without-sidebar h1.page-title { margin: 0 0 45px; color: #d2232a }
.subservicebox .vc_grid-item .vc_grid-item-mini { border: 1px solid #C7C7C7; border-radius: 3px; background: white }
.subservicebox .vc_grid-item .vc_grid-item-mini img { border-top-left-radius: 2px; border-top-right-radius: 2px }
.subservicebox .vc_grid-item .vc_grid-item-mini:hover { box-shadow: 0px 16px 30px -18px rgba(130, 130, 130, 0.8); }
.page-template-page-service-landing .subservicebox .vc_custom_heading a { color: black !important }
.page-template-page-service-landing .subservicebox .vc_custom_heading h3 a { color: #d2232a !important }
.page-id-375 .vc_pageable-slide-wrapper .vc_gitem-row-position-bottom { min-height: 320px } /* Services page */
/*  massimo's changes */



.page-title { text-align: left; font-size: 3.25rem; line-height: 65px; color: white }
.search .page-title { color: #505050 }
.home .page-title { color: #d2232a }
h1:first-child { padding-bottom: 10px !important; }
.site-footer-widget-area .textwidget img { height: auto; max-width: 90px; }
/* Standard OWDT styles - use as needed */



.with-padding { padding: 25px 50px }
.padded-box { padding: 50px }
.padded-box-right { padding: 50px 50px 50px 20px }
.padded-box-left { padding: 50px 20px 50px 50px }
.big-message-top { text-align: center; font-size: 2em; padding: 0 25px; border-left: 5px solid #F7F7F7; border-right: 5px solid #F7F7F7; margin: 0 20% !important; line-height: normal }
.big-message-top.padded-box { margin: 50px 20% !important }
.graybackground { background-color: #F7F7F7; padding: 25px 15px; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8 }
.graybackground2 { background-color: #F7F7F7; padding: 0px; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8 }
.graybackground .wpb_content_element, .graybackground2 .wpb_content_element, .equalheight.wpb_content_element { margin-bottom: 0 }
/* Home page video and buttons */



#primary { background-color: white !important }
.blackbackground { position: relative } /* necessary for the waves to show up in the right place */
#video-viewport { position: relative; top: 0; left: 0; overflow: hidden; background-color: black !important  /* This covers up .blackbackground once videos are loaded */ }
video { max-width: none }
#homevideo1 { z-index: 1 }
#video-viewport-mobile { position: relative; background-image: url(images/petroleum-testing-1334.jpg); background-size: cover; background-position: center }
#video-viewport-mobile .homebuttons { bottom: auto; right: auto; position: relative }
.homebuttons { position: absolute; bottom: 0; right: 0; padding: 50px }
.buttonbase { position: absolute; overflow: hidden; text-align: left; padding: 15px 0px 15px 17px; width: 400px; border-top: 1px solid #d2232a; border-right: 1px solid #d2232a; border-bottom: 1px solid #d2232a; border-left: 10px solid #d2232a; margin-bottom: 15px; font-size: 35px; line-height: 1; font-family: 'Arvo', sans-serif; color: #FFF !important; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 4; background: #676767 url(images/diagonals.png); border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.buttonbase:hover { border-left-width: 20px; width: 410px }
.entry-content a.buttonbase:hover { text-decoration: none !important }
#homebutton1 { display: block; position: absolute; bottom: 0; right: 0; width: 950px; height: 100vh; z-index: 1; cursor: default; }
#homebutton1b { display: block; position: absolute; bottom: 50px; right: 50px; width: 400px; height: 400px; z-index: 2; cursor: default; }
#homebutton2 { right: 50px; bottom: 345px; }
#homebutton3 { right: 50px; bottom: 190px; }
#homebutton4 { right: 50px; bottom: 50px; margin-bottom: 0 }
#homebutton2:hover, #homebutton3:hover, #homebutton4:hover { right: 40px }
.buttonbase span { display: block; font-size: 16px; font-style: italic; font-family: 'Open Sans', sans-serif; margin-top: 10px; color: black; position: relative }
.buttonbase span:after { content: " >"; font-size: 18px; padding-top: 3px; position: absolute; top: -3px; left: 112px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
a:hover { opacity: 1 !important }
#video-viewport-mobile #homebutton2:active, #video-viewport-mobile #homebutton3:active, #video-viewport-mobile #homebutton4:active { background-color: #d2232a !important; background-image: none !important }
/* Home Waves */



.homewaves { position: absolute; left: 0; bottom: 0px; z-index: 3; width: calc(100vw - 400px) }
#waves-1 { position: absolute; left: 0; bottom: 64px; fill: #FFF; opacity: 0.2; width: calc(100vw - 400px); height: 424px; transition-duration: 0.5s }
#waves-2 { position: absolute; left: 0; bottom: 131px; fill: #FFF; opacity: 0.2; width: 100%; height: 202px; transition-duration: 0.5s }
#waves-3 { position: absolute; left: 0; bottom: 50px; fill: #FFF; opacity: 0.2; width: 100%; height: 268px; transition-duration: 0.5s }
.opacitychange1 #waves-1 { opacity: 0.5; fill: #d2232a }
.opacitychange2 #waves-2 { opacity: 0.5; fill: #d2232a }
.opacitychange3 #waves-3 { opacity: 0.5; fill: #d2232a }
/* Home page content popups */



.popup_background { display: none !important }
.popup_content { display: block !important; position: absolute !important; right: 40px; bottom: 50px; background-color: white; width: 410px; height: 439px; border: 1px solid #d2232a; box-shadow: -5px 5px 12px rgba(0, 0, 0, 0.8) }
.popup_content { -webkit-transform: scaleY(0); -webkit-transform-origin: bottom; -moz-transform: scaleY(0); -moz-transform-origin: bottom; -ms-transform: scaleY(0); -ms-transform-origin: bottom; -o-transform: scaleY(0); -o-transform-origin: bottom; transform: scaleY(0); transform-origin: bottom }
.popup_wrapper_visible .popup_content { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1) }
#popup_two{height:458px;}
#popup_three{height:525px;}
#popup_two.popup_content { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top }
#popup_three.popup_content { -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center }
.popup_content h3 { margin: 0; padding: 10px 80px 10px 25px; height: 80px; color: white !important; font-size: 27px; font-weight: normal }
.popup_content h3 { background: #676767 url(images/diagonals.png) }
.popup_content button { background-color: #d2232a; height: 80px; line-height: 80px; width: 80px; padding: 0; margin: 0; position: absolute; top: 0; right: 0; font-family: 'Open Sans', sans-serif; box-shadow: 0 0 20px rgba(0,0,0,0.4) inset }
.popup_content button:hover { background-color: black }
.popup_content p { margin: 25px; font-size: 14px }
.popup_content ul { margin: 0 25px 25px 25px }
.popup_content ul li { padding: 0; margin: 0 0 10px 15px; color: #d2232a; font-size: 14px; list-style-image: url(images/list-arrow.png) }
.popup_content ul li a { color: #d2232a; font-size: 14px; }
.popup_content ul li a:hover { text-decoration: underline }
#homevideo2, #homevideo3, #homevideo4 { height: 100vh }
#homevideo2 { background: rgb(255,48,48); background: -moz-linear-gradient(-45deg, rgba(255,48,48,1) 0%, rgba(0,43,80,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,48,48,1) 0%, rgba(0,43,80,1) 100%); background: linear-gradient(135deg, rgba(255,48,48,1) 0%, rgba(0,43,80,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2232a', endColorstr='#002b50', GradientType=1 );
}
#homevideo3 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#505050+0,022047+100 */ background: rgb(80,80,80); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(80,80,80,1) 0%, rgba(2,32,71,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(80,80,80,1) 0%, rgba(2,32,71,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(80,80,80,1) 0%, rgba(2,32,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#022047', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#homevideo4 { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#111111+1,505050+100 */ background: rgb(17,17,17); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(17,17,17,1) 1%, rgba(80,80,80,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(17,17,17,1) 1%, rgba(80,80,80,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(17,17,17,1) 1%, rgba(80,80,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#505050', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#homebutton2 span:after { -webkit-animation-name: buttonanimation2; -moz-animation-name: buttonanimation2; -ms-animation-name: buttonanimation2; -o-animation-name: buttonanimation2; animation-name: buttonanimation2; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
#homebutton3 span:after { -webkit-animation-name: buttonanimation3; -moz-animation-name: buttonanimation3; -ms-animation-name: buttonanimation3; -o-animation-name: buttonanimation3; animation-name: buttonanimation3; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s }
#homebutton4 span:after { -webkit-animation-name: buttonanimation4; -moz-animation-name: buttonanimation4; -ms-animation-name: buttonanimation4; -o-animation-name: buttonanimation4; animation-name: buttonanimation4; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s }
 @-webkit-keyframes buttonanimation2 {
 0% {
 transform: none
}
 20% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @-moz-keyframes buttonanimation2 {
 0% {
 transform: none
}
 20% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @-o-keyframes buttonanimation2 {
 0% {
 transform: none
}
 20% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @keyframes buttonanimation2 {
 0% {
 transform: none
}
 20% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @-webkit-keyframes buttonanimation3 {
 0% {
 transform: none
}
 40% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @-moz-keyframes buttonanimation3 {
 0% {
 transform: none
}
 40% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @-o-keyframes buttonanimation3 {
 0% {
 transform: none
}
 40% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @keyframes buttonanimation3 {
 0% {
 transform: none
}
 40% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @-webkit-keyframes buttonanimation4 {
 0% {
 transform: none
}
 60% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @-moz-keyframes buttonanimation4 {
 0% {
 transform: none
}
 60% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @-o-keyframes buttonanimation4 {
 0% {
 transform: none
}
 60% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
 @keyframes buttonanimation4 {
 0% {
 transform: none
}
 60% {
 transform: translateX(5px)
}
 100% {
 transform: none
}
}
.headerlink { position: fixed; top: 0; left: 0; z-index: -1; visibility: hidden; }
/* All media queries - Min Width */

@media (min-width: 40.063em) {  /* = 641px */
.slide-from-right.st-menu-open .st-pusher { -webkit-transform: translate3d(-500px, 0, 0); transform: translate3d(-500px, 0, 0) }
.st-menu { width: 500px }
.single .entry-title {font-size: 3.6rem}
}

@media (min-width: 767px) {
#video-viewport-mobile { max-height: 400px }
}

@media (min-width: 63.9375em) {   /* = 1023px */
#page_wrapper.transparent_header .site-header { background: none !important }
.callout-box p:last-of-type { padding-left: 66%; text-align: left !important }
}

@media (min-width: 63.9375em) {
.menu-button-text { display: block }
}

@media (min-width: 1024px) {
.subsection-background-1 { margin: 0 !important; padding-left: 15% !important; padding-right: 15% !important; width: 100% !important }
.sidebar-wrapper { padding-left: 30px }
.mobile-navigation { padding-top: 100px !important }
}

@media (min-width: 1439px) {
.servicebox { min-height: 650px }
}

@media (min-width: 1680px) {
.callout-box p:last-of-type { padding-left: 80% }
.entry-content h2:first-of-type { line-height: 29px; }
}

/* All media queries - Max Width */



@media (max-width: 1679px) {
.vc_col-sm-9 .vc_col-sm-3 .vc_column-inner .wpb_wrapper { padding: 0 15px 0 80px }
.subsection-background-1 { padding-bottom: 120px !important }
.wpb_text_column.wpb_content_element.vc_custom_1454013255837 { padding-top: 100px !important }
}

@media (max-width: 1439px) {
.vc_col-sm-9 .vc_col-sm-3 .vc_column-inner .wpb_wrapper { padding: 0 15px 0 40px }
}

@media (max-width: 1400px) {
.page-id-375 .vc_pageable-slide-wrapper .vc_gitem-row-position-bottom { min-height: 455px }
}

@media (max-width: 1279px) {
.headline-row.vc_custom_1456852257534, .headline-row.vc_custom_1457718422917 { background-position: right center !important }
.headline-row .vc_col-sm-6:first-of-type { display: none }
.headline-row .vc_col-sm-6:last-of-type { width: 100% }
.vc_col-sm-9 .vc_col-sm-3 .vc_column-inner .wpb_wrapper { padding: 0 15px 0 0px }
}

@media (min-width: 1024px) and (max-width: 1440px) {
.buttonbase { width: 300px; font-size: 25px }
.buttonbase:hover { width: 310px }
#homebutton2 { bottom: 285px }
#homebutton3 { bottom: 160px }
#homebutton2:hover, #homebutton3:hover, #homebutton4:hover { right: 40px }
.homewaves { width: calc(100vw - 300px) }
#waves-1 { bottom: 64px; width: calc(100vw - 300px); height: 342px }
#waves-2 { bottom: 117px; width: 100%; height: 164px }
#waves-3 { bottom: 50px; width: 100%; height: 224px }
}

@media (max-width: 1023px) {
.homewaves { display: none }
.homebuttons { bottom: 50px; padding: 25px }
.buttonbase { position: relative; width: 100%; font-size: 20px; border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: 20px; }
.buttonbase:hover { border-left-width: 10px; width: auto }
#homebutton2, #homebutton3, #homebutton4, #homebutton2:hover, #homebutton3:hover, #homebutton4:hover { right: auto; bottom: auto }
.headline-row { margin-top: -35px !important }
.headline-row .vc_column-inner > .wpb_wrapper .wpb_text_column:last-of-type { margin-left: 0 }
.page-title-right { margin-left: 0 }
.page-title-right h1.page-title, .headline-row p { text-align: center }
.site-content .headline-row ul, .site-content .headline-row ul li { margin-left: 0 }
.site-content .headline-row ul li a { padding: 8px 25px 8px 22px }
.relatedservices p { line-height: 1.2 }
.vc_col-sm-3 { padding-right: 0 } /* remove extra gutter for service subpages */
.centered-text-box { padding: 0 }
.page-id-375 .vc_pageable-slide-wrapper .vc_col-sm-4 { width: 100%; float: none; padding: 0 0 30px } /* Services page */
.page-id-375 .vc_pageable-slide-wrapper .vc_gitem-row-position-bottom { min-height: 1px }
.page-template-page-service-landing .page-title { margin: 25px 0 !important }
}

@media (max-width: 1022px) {
.single .intro-effect-fadeout {padding-top: 75px}
}

@media (max-width: 768px) {
.subsection-background-1.large-8 .wpb_text_column.container { padding-top: 50px !important }
.home .subsection-background-1 { padding-bottom: 0px !important }
}
@media all and (device-width: 768px) and (orientation:landscape) {
#homebutton2{
bottom:90px !important;
}
#homebutton3{
bottom:-25px !important;
}
#homebutton4{
bottom:-150px !important;
}
#video-viewport-mobile{
max-height: 500px;
}
.land-fullwidth{
margin-left:0px !important;
}

.aboutUs{
margin-left:0px !important;
}
.aboutUs h1{
text-align:center !important;
}
}

@media all and (device-width: 768px) and (orientation:portrait) {


#homebutton2{
bottom:100px !important;


}
#homebutton3{
bottom:75px !important;



}
#homebutton4{
bottom:50px !important;

}
.home .page-title{
		margin-top:-20px !important;

	}
#cool_find_div{
    bottom: 21em !important;
    left: 0em !important;

}
#video-viewport-mobile{
max-height: 645px;
}
#video-viewport-mobile .homebuttons{
width: 47%;
float: right;
}
}

@media (max-width: 767px) {
.vc_col-sm-9 .vc_col-sm-3 .vc_column-inner .wpb_wrapper { display: none }
.page-title { font-size: 2.6rem; line-height: 1.2; }
.content-area { padding: 45px 0 0 0; }
.page-child .large-12 .vc_col-sm-3 img { display: none }
.vc_col-sm-2 img.aligncenter { display: none }
blockquote { margin: 20px 0 25px; width: 100%; float: none }
blockquote p { padding-left: 43px }
.tests-body tr { display: block }
.tests-body td { display: block; width: 100%; float: none; border-bottom: none }
.tests-body td b { margin-bottom: 0 !important }
}
.paddingZero{
padding:0px !important;
}

.marginContact{
margin:25px !important;
padding-bottom: 25px;
}

@media (max-width: 700px) and (orientation: landscape) {
.buttonbase br { display: none }
.buttonbase span { display: none }
}

@media (max-width: 399px) {
.page-title { font-size: 2.2rem !important; line-height: 1.2 !important }
.home h2 { margin-top: 2rem }
h2, h3, h4, h5, h6 { line-height: 1 !important }
.site-content .headline-row ul li { font-size: 20px; line-height: 1.2 }
.site-content ul { margin-left: 15px }
.mobile-navigation a { font-size: 1em }
}

@media (max-width: 359px) {
.page-title { font-size: 1.8rem !important }
.home .page-title { font-size: 2.4rem !important }
h2 { font-size: 1.5rem }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( min-device-pixel-ratio: 2), only screen and ( -webkit-min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) {
.ms-skin-black-1 .ms-nav-next:hover, .ms-skin-black-1 .ms-nav-prev:hover { background-image: url(../../plugins/masterslider/public/assets/css/skins/light-skin-2-retina.png); }
}



/*........Added Codes......*/
body p { font-size: 18px; }
.popup_content h3 { margin: 0; padding: 10px 80px 10px 25px; height: 80px; color: white !important; font-size: 25px !important; font-weight: normal; }

.tests-header {padding: 3px 0 10px 15px; background-color: white;}
.tests-body {}
.alphabetlinks a {width: 30px; height: 30px; text-align: center; line-height: 30px; display: inline-block; float: left; margin: 0 0 15px 15px; background-color: white; text-decoration: none; color: black !important}
.alphabetlinks a:hover {background-color: yellow; text-decoration: none}
#cool_find_div {background-color: #545454; padding: 5px 0 5px 8px; border: 1px solid #999}
span#findtest {color: white;}
button#cool_find_btn {border: none !important; background: none !important; color: black; font-family: arial; font-weight: bold; font-size: 20px !important;}
input#cool_find_text {min-width: 100%}
.cool_find_menu {background-color: transparent !important}
button.cool_find_btn {background: transparent; color: black}

.cool_find_btn svg circle{
stroke:white;
}
.cool_find_btn svg line{
stroke:white;
}
.parent-link {display: block !important; margin-left: -18px; margin-right: -18px; max-width: calc(100% + 36px); margin-bottom: 50px}
.parent-link .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {margin: 25px 0 0 0; border-bottom: 1px solid white; display: block; text-align: left; background-color: transparent; border-left: none; border-right: none; border-top: none; background-image: none; border-radius: 0px}
.parent-link a {font-family: 'Open Sans', sans-serif; margin-top: 8px !important}
.parent-link a:before {content: "\f177"; font-family: fontawesome; font-size: 14px; margin-right: 10px}


@media only screen and (max-width: 772px) and (min-width: 768px){
    .ccsf-media{
	height:241px !important;
    }

}


@media only screen and (min-width: 1200px) and (max-width: 1200px){
    .sixUp{
	height:164px !important;
    }

}
@media only screen and (max-width: 1199px) and (min-width: 1010px){
    .sixUp{
	height:260px !important;
    }

}
@media only screen and (max-width: 1010px) and (min-width: 904px){
    .sixUp{
	height:311px !important;
    }

}

@media only screen and (max-width: 1107px) and (min-width: 1010px){
    .fourUp{
	height:259px !important;
    }

}

@media only screen and (max-width: 1010px) and (min-width: 767px){
    .fourUp{
	height:311px !important;
    }

}

@media only screen and (max-width: 933px) and (min-width: 767px){
    .twoUp{
	height:312px !important;
    }

}
@media only screen and (max-width: 818px) and (min-width: 767px){
    .crudeMedia{
	height:311px !important;
    }

}
@media only screen and (max-width: 908px) and (min-width: 767px){
    .mob-media{
	height:311px !important;
    }

}

@media only screen and (max-width: 1200px) and (min-width: 1010px){
    .subservicebox p{
	height:223px;
    }

}
#gform_3 .gform_page_footer input:hover, #gform_submit_button_2:hover{
background-color:#d2232a !important;
color:white !important;

}

#gform_3 .gform_page_footer input, #gform_submit_button_2{
background:none !important;
border: 1px solid black;
color: black;
}


@media only screen and (max-width: 1010px) and (min-width: 767px){
    .subservicebox p{
	height:276px;
    }
.subservicebox p:nth-child(2){
	height:311px;
    }
}

@media only screen and (min-width: 1200px) {
    .subservicebox p{
	height:128px;
    }

}

.smallwhitebox a:hover{
color:white !important;
background-color:#d2232a !important;
}

.menuflags {margin-top: 70px; margin-bottom: 25px;}
.menuflags img {margin-right: 25px; border: 1px solid white}
@media (min-width: 64em) {
    .menuflags {
        margin-bottom: 0
    }
}


/* .main-navigation Special Edits */
@media (min-width: 768px) {
    #menu-hamburger {
        padding: 0;
    }
    #menu-hamburger:before, 
    #menu-hamburger:after {
        content: '';
        visibility: hidden;
        display: block;
        font-size: 0;
        clear: both;
        height: 0;
    }
    #menu-hamburger > li {
        float: left;
        margin-bottom: 15px;
        margin-left: 0;
        padding: 0;
    }
    #menu-hamburger > li:hover {
        border-color: #fff;
    }
    #menu-hamburger > li a {
        padding: 12px 0;
        border: 1px solid rgba(255, 255, 255, .5);
		display: block;
		transition: all 0.3s;
		background-color: transparent
    }
    #menu-hamburger > li a:hover,  
    #menu-hamburger > li a:focus,
    #menu-hamburger > li a:active {
        background-color: #fff;
        color: #d2232a;
    }
    #menu-hamburger .sub-menu {
        display: block !important;
        padding: 0 0 10px 0;
    }
    #menu-hamburger .more, 
    #menu-hamburger .more i {
        display: none !important;
    }
    .menu-item-2156 {
        border: 1px solid rgba(255, 255, 255, .5);
    }
    .menu-item-2156 a {
        border: 0 !important;
        display: block;
        width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px
    }
    .menu-item-2156 > a {
		margin-top: 10px
    }	
    .menu-item-2156 > a:before {
        display: none;
    }
    .menu-item-2156 .sub-menu a {
        padding-left: 40px !important;
    }
    .menu-item-2156 .sub-menu a:before {
        content: '';
        border-top: 1px solid #fff;
        height: 1px;
        width: 7px;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        margin-left: -15px;
    }
	
	#mobiles-menu-offcanvas {padding: 0 30px}
	.menu-item-479 {width: calc((100% - 15px) / 2); margin-right: 15px !important; text-align: center}
	.menu-item-480 {width: calc((100% - 15px) / 2); margin-right: 0 !important; text-align: center}
	.menu-item-1968 {width: 100%; margin-right: 0 !important; text-align: center}
	.menu-item-2586 {width: 100%; margin-right: 0 !important; text-align: center}

	
	.menu-item-2156 {width: 100%; text-align: center}
	.mobile-navigation .sub-menu a {text-align: left}

	.menu-item-1122 {width: 100%; margin-right: 0 !important; text-align: center}
	.menu-item-1969,.menu-item-2692{width: 100%; margin-right: 0 !important; text-align: center}

}

.single-post-header.with-thumb{
margin-top: -190px !important;
    margin-bottom: -228px !important;
}
.single-post-header-bkg{
background-image: none !important;
}
.single-post-header-overlay{
    background: none !important;
}
.single-post-header.with-thumb .entry-title{
color:#d2232a !important;
}
.single #nav-below{
background: #EEE !important;
margin: 0px 0 0 !important;
padding-top: 75px !important;
}

@media all and (max-width:1023px) and (min-width:642px){
.single-post-header.with-thumb .entry-title{
margin-top:-55px;
}
.ipad-margin{
margin-top:-140px !important;
}
}
.height-pdf{
height:48px !important;
}

@media all and (max-width:641px){
.single-post-header.with-thumb .title {
    padding: 125px 0 185px 0 !important;
}
.single-post-header.with-thumb .entry-title {
    margin-top: -153px !important;
}
#nav-below .without-sidebar{
margin-top:-32px !important;
}
.single-post-header.with-thumb {
    margin-top: 1px !important;
    margin-bottom: -228px !important;
}
}
.popmake-title{
text-align:center !important;
font-family: 'Arvo',sans-serif !important;
color:#d2232a !important;
}

.sales-link{    
position: fixed;
bottom: 45px;
left: 0px;
background-color: #545454;
padding: 5px 10px 5px 10px;
border: 1px solid #999;
color: white !important;
font-weight: 100;
font-size: 16px;
white-space: nowrap;
border-left: 0px;
	z-index: 9
}
.sales-link img {
    width: 60px;
    height: auto;
}
.sales-link a{color: white; padding-left: 6px; opacity: 0; max-width: 0px; float: right; line-height: 3.5;}
.sales-link a:hover{text-decoration: none !important;}
.sales-link:hover a{opacity: 1; max-width: 200px;}

.underlink {z-index: -99999; position: absolute}


/* Nov 2020 fixes after updating WP */
.st-container {overflow: visible}