/*
Theme Name: Thomas Digital
Theme URI: http://underscores.me/
Author: Thomas Digital
Author URI: https://thomasdigital.com/
Description: Thomas Digital WordPress Theme is based on Underscores starter theme called <code>_s</code>, or <em>underscores</em> customized into fully custom WordPress template.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: comsec
Tags: responsive-layout, theme-options, custom-menu

The theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*================================
	# Fonts
==================================*/
/** Font Awesome Icons **/
@font-face {
  	font-family: 'FontAwesome';
  	src: url('css/fonts/fontawesome-webfont.eot?v=4.6.3');
  	src: url('css/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('css/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('css/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('css/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('css/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  	font-weight: normal; font-style: normal;}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 23, 2018 */
@font-face {
    font-family: 'latoregular';
    src: url('css/fonts/lato-regular-webfont.woff2') format('woff2'),
         url('css/fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'latoitalic';
    src: url('css/fonts/lato-italic-webfont.woff2') format('woff2'),
         url('css/fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'latobold';
    src: url('css/fonts/lato-bold-webfont.woff2') format('woff2'),
         url('css/fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'latoblack';
    src: url('css/fonts/lato-black-webfont.woff2') format('woff2'),
         url('css/fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'latosemibold';
    src: url('css/fonts/lato-semibold-webfont.woff2') format('woff2'),
         url('css/fonts/lato-semibold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'montserratsemibold';
    src: url('css/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('css/fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'montserratbold';
    src: url('css/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('css/fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;}

/*================================
	# Normalize
==================================*/
html { box-sizing: border-box;}
*, *:before, *:after { box-sizing: inherit;}
body { font-size: 17px; font-family: 'latoregular'; margin: 0; padding: 0; color: #666;}
embed, iframe, object { max-width: 100%; width: 100%; display: inline-block;}
a { text-decoration: none; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; word-wrap: break-word; color: inherit;}
a:hover, a:active { color: inherit;}
a:focus { outline: none;}
a img:hover { -moz-opacity: 0.90; opacity: 0.90; filter: alpha(opacity=90); zoom: 1;}
img { max-width: 100%; height: auto; border: 0;}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'montserratbold';
	margin: 0;
	padding: 0;
	line-height: 120%;
}
h1 { font-size: 70px; text-transform: uppercase; color: #FFF;}
h2 { font-size: 35px; color: #333;}
h3 { font-size: 20px; color: #333;}
h4 { font-size: 18px; color: #333;}
h5 { font-size: 16px; color: #444;}

/** CSS Animations **/
.animation-element { position: relative;}
@keyframes fadeIn {
  from { opacity: 0;}
  to { opacity: 1;}
}
@keyframes fadeInLeft {
  from { opacity: 0; transform: translate3d(-100%, 0, 0);}
  to { opacity: 1; transform: none;}
}
.fadeInLeft { animation-name: fadeInLeft;}
@keyframes fadeInUp { 
    0% { opacity: 0; transform: translateY(400px);} 
    50% { opacity: 0.3;}
    100% { opacity: 1; transform: translateY(0);} 
} 
@keyframes fadeInUpShort { 
    0% { opacity: 0; transform: translateY(20px);} 
    100% { opacity: 1; transform: translateY(0);} 
}
@keyframes fadeInDownShort { 
    0% { opacity: 0; transform: translateY(-20px);} 
    100% { opacity: 1; transform: translateY(0);} 
} 
@keyframes fadeInLeftShort { 
    0% { opacity: 0; transform: translateX(-30px);} 
    100% { opacity: 1; transform: translateX(0);} 
} 
@keyframes fadeInRight {
  from { opacity: 0; transform: translate3d(100%, 0, 0);}
  to { opacity: 1; transform: none;}
}
.fadeInRight { animation-name: fadeInRight;}
@keyframes fadeInRightShort { 
    0% { opacity: 0; transform: translateX(30px);} 
    100% { opacity: 1; transform: translateX(0);} 
} 
@keyframes fadeInDown {
  from { opacity: 0; transform: translate3d(0, -100%, 0);}
  to { opacity: 1; transform: none;}
}
@keyframes growIn { 
    0% { transform: scale(0.5);} 
    50% { transform: scale(1.2);} 
    100% { transform: scale(1.2); opacity:1;} 
} 

/*================================
	# Class (Clearings, Alignments etc.)
==================================*/
.container {
	max-width: 1170px;
	position: relative;
  	margin-right: auto;
  	margin-left: auto;
  	padding: 0;
}

.clear { 
	clear: both;
}

.container:before,
.container:after,
.clear:before,
.clear:after {
	content: "";
	display: table;
}

.container:after,
.clear:after {
	clear: both;
}

img.alignleft {
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 10px;
	float: left; 
}

img.alignright {
	margin-top: 5px; 
	margin-left: 25px;
	margin-bottom: 10px;
	float: right; 
}

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

.hover-element {
	position: relative;
	vertical-align: middle; 
	-webkit-transform: translateZ(0); 
	transform: translateZ(0); 
	-webkit-backface-visibility: hidden; 
	backface-visibility: hidden; 
	-moz-osx-font-smoothing: grayscale; 
	overflow: hidden;
}

.hover-element:before {
	content: ""; 
	-webkit-transition-duration: 0.3s; 
	transition-duration: 0.3s; 
	-webkit-transition-timing-function: ease-out; 
	transition-timing-function: ease-out; 
	z-index: -1;
}


/*================================
	# HEADER
==================================*/
.admin-bar { /* Adjust when logged in the WP Admin */}
.site-header { position: relative; padding: 0;}
.fixed-header { width: 100%; position: fixed; left: 0; z-index: 7;}
.fixed-header-withbanner { background: rgba(0,0,0,0.60);}
.fixed-header-nobanner { background: rgba(0,0,0,0.95);}
.sticky-header { background: rgba(0,0,0,0.90); top: 0; z-index: 9;}

/** Logo + Navigation **/
.site-logo { padding: 8px 0 0 0; float: left;}
.site-logo img { width: auto; max-height: 90px;}
.site-logo img:hover { opacity: 0.95; -moz-opacity: 0.95; filter: alpha(opacity=95);}
.site-header address { margin: 12px 0 0 0; padding: 0; float: right; clear: right;}
.site-header address a { font: normal 18px 'latobold'; margin: 0 0 0 7px; padding: 0; display: inline-block; color: #FFF;}
.site-header address a:hover { color: #C11D24;}
/* SVG */
#handset-icon {
	max-width: 24px;
	max-height: 25px;
	display: inline-block;
	-webkit-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
	-webkit-transform: scale(0);
		-ms-transform: scale(0);
			transform: scale(0);
	-webkit-animation: showingPhoneIcon 1s ease-out 0s forwards;
			animation: showingPhoneIcon 1s ease-out 0s forwards;
}
#handset-icon #waves #wave-1 {
	opacity: 0;
	-webkit-animation: showing-ring 4s linear 1s infinite;
			animation: showing-ring 4s linear 1s infinite;
}
#handset-icon #waves #wave-2 {
	opacity: 0;
	-webkit-animation: showing-ring 4s linear 1.3s infinite;
			animation: showing-ring 4s linear 1.3s infinite;
}
#handset-icon #waves #wave-3 {
	opacity: 0;
	-webkit-animation: showing-ring 4s linear 1.6s infinite;
			animation: showing-ring 4s linear 1.6s infinite;
}

@-webkit-keyframes showing-ring {
  0%{ opacity: 0;}
  25%{ opacity: 1;}
  50%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes showing-ring {
  0%{ opacity: 0;}
  25%{ opacity: 1;}
  50%{ opacity: 0;}
  100%{ opacity: 0;}
}
@-webkit-keyframes showingPhoneIcon {
  0%{ -webkit-transform: scale(0); transform: scale(0);}
  75%{ -webkit-transform: scale(1.15); transform: scale(1.15);}
  100%{ -webkit-transform: scale(1); transform: scale(1);}
}
@keyframes showingPhoneIcon {
  0%{ -webkit-transform: scale(0); transform: scale(0);}
  75%{ -webkit-transform: scale(1.15); transform: scale(1.15);}
  100%{ -webkit-transform: scale(1); transform: scale(1);}
}

.site-navigation { margin: 0; padding: 5px 0 0 0; float: right; clear: right;}
.site-navigation ul { margin: 0; padding: 0;}
.site-navigation li { position: relative; display: inline-block; list-style-type: none; cursor: default;}
.site-navigation li a { position: relative; font: normal 15px 'latosemibold'; text-transform: uppercase; margin: 0 23px; padding: 19px 0 22px 0; display: inline-block; vertical-align: top; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; color: #FFF;}
.site-navigation ul li.menu-item-has-children a { padding-right: 10px;}
.site-navigation li.menu-item-has-children:last-child a { margin-right: 0; padding-right: 0;}
.site-navigation li a:before { height: 2px; background: #C11D24; position: absolute; left: 50%; right: 50%; bottom: 0; -webkit-transition-property: left, right; transition-property: left, right; content: ""; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; z-index: -1;}
.site-navigation li a:hover:before { left: 0; right: 0;}
.site-navigation li > a:hover,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-parent > a,
.site-navigation .current-menu-ancestor > a { color: #C02D24;}
.site-navigation .current-menu-item > a:before,
.site-navigation .current-menu-parent > a:before,
.site-navigation .current-menu-ancestor > a:before { left: 0; right: 0;}
.site-navigation ul ul { width: 200%; position: absolute; top: auto; left: -999em; text-align: left; margin: -2px 0 0 0; padding: 0; border-top: 3px solid #C11D24; z-index: 5;}
.site-navigation ul li.menu-item-17 ul { width: 150%;}
.site-navigation ul li.menu-item-20 ul { width: 150%;}
.site-navigation ul li:hover > ul { left: 0;}
.site-navigation ul ul li { width: 100%;}
.site-navigation ul ul li a { width: 100%; background: #FFF; text-transform: none; margin: 0; padding: 10px 10px 10px 20px; color: #000;}
.site-navigation ul ul li a:hover,
.site-navigation ul ul .current-menu-item > a,
.site-navigation ul ul .current-menu-parent > a,
.site-navigation ul ul .current-menu-ancestor > a { }
.site-navigation ul ul li a:before { left: 100%; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.site-navigation ul ul ul { width: 100% !important; top: 0; left: -999em; margin: 0; border-top: none;}
.site-navigation ul ul li:hover > ul { left: 100%;}
.site-navigation ul li.menu-item-has-children > .menu-icon { width: 40px; height: 100%; position: absolute; top: 0; right: 0; text-align: center; display: block; line-height: 270%; cursor: pointer;}
.site-navigation li.menu-item-has-children:last-child .menu-icon { display: none;}
.site-navigation ul li.menu-item-has-children > .menu-icon:after { font: normal 14px 'FontAwesome'; vertical-align: middle; content: "\f0d7"; color: #FFF;}
.site-navigation ul li.menu-item-has-children:hover > .menu-icon:after { }
.site-navigation ul li.menu-item-has-children > .menu-icon.active:after { content: "\f0d8";}
.site-navigation ul li.current-menu-item.menu-item-has-children > .menu-icon:after,
.site-navigation ul li.current-menu-ancestor.menu-item-has-children > .menu-icon:after { content: "\f0d7"; color: #C02D24;}
.site-navigation ul li.current-menu-item.menu-item-has-children > .menu-icon.active:after,
.site-navigation ul li.current-menu-ancestor.menu-item-has-children > .menu-icon.active:after { content: "\f0d8";}
.site-navigation ul ul li.menu-item-has-children a { padding-right: 0;}
.site-navigation ul ul li.menu-item-has-children > .menu-icon { line-height: 220%;}
.site-navigation ul ul li.menu-item-has-children > .menu-icon:after { font-size: 15px; content: "\f0da"; color: #222;}
.site-navigation ul ul li.current-menu-item.menu-item-has-children > .menu-icon:after,
.site-navigation ul ul li.current-menu-ancestor.menu-item-has-children > .menu-icon:after { content: "\f0da";}

.site-navigation .menu-toggle,
.site-navigation.toggled ul { display: none;}
.site-navigation .menu-toggle { width: 70px; height: 35px; background: url('img/mobile_menu.png') no-repeat 10px center #C11D24; position: relative; padding: 0; z-index: 1;}
.site-navigation .menu-toggle:before { position: absolute; top: 10px; right: 10px; font: normal 14px 'FontAwesome'; content: "\f067"; color: #FFF;}
.site-navigation.toggled .menu-toggle:before { content: "\f068";}
.site-navigation.toggled .menu-toggle,
.site-navigation.toggled .menu-toggle:focus,
.site-navigation .menu-toggle:hover { cursor: pointer;}


/*================================
	## Header Banner
==================================*/
.banner-viewport { width: 100%; position: relative; margin: 0 !important; overflow: hidden;}
.banner-viewport .custom-banner { width: 100%; height: 588px; background-size: cover !important; position: relative;}
.home .banner-viewport .custom-banner { height: 700px;}
.banner-viewport .custom-banner-default { height: auto; margin-top: 100px; margin-bottom: -10px; padding: 50px 0 0 0;}
.banner-viewport .custom-banner:focus { outline: none;}
.banner-viewport .custom-banner:before { width: 100%; height: 100%; background: url(img/banner_gradiant.png) repeat left top; position: absolute; top: 0; left: 0; content: '';}
.home .banner-viewport .custom-banner:before { background: url('img/banner_gradiant_lighter.png') repeat left top;}
.banner-viewport .custom-banner-default:before { background: none; position: static; content: attr(x);}
.banner-viewport .custom-banner video { width: 100%; height: auto;}
.banner-viewport .custom-banner iframe { width: 100%; height: auto;}
.banner-viewport .custom-banner .iframeHolder { position: relative; padding: 56.25% 0 0 0;}
.banner-viewport .custom-banner .iframeHolder iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.banner-viewport .custom-banner .vertical { width: 100%; position: absolute; top: 59%; left: auto; right: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.home .banner-viewport .custom-banner .vertical { top: 56%;}
.banner-viewport .custom-banner-default .vertical { position: relative; top: 0; -webkit-transform: none; transform: none;}
.banner-viewport .custom-banner .banner-content { width: 100%; text-align: center; color: #FFF;}
.banner-viewport .custom-banner-default .banner-content { color: #666;}
.banner-viewport .custom-banner-default .banner-content h1 { font-size: 62px; color: #333;}
.page-template-template-contact .banner-viewport .custom-banner .banner-content h1 { font-size: 65px;}
.banner-viewport .custom-banner .banner-content .desc { font-size: 22px; padding: 5px 0 0 0; line-height: 35px;}
.banner-viewport .custom-banner .banner-content .cta { margin-top: 30px; display: inline-block;}
.banner-viewport .custom-banner .banner-content .cta a { height: 42px; background: #C11D24; font: normal 13px 'montserratbold'; text-transform: uppercase; padding: 0 22px; display: block; line-height: 45px; color: #FFF;}
.banner-viewport .custom-banner .banner-content .cta:hover a,
.banner-viewport .custom-banner .banner-content .cta.current a { background: #FFF; color: #C11D24;}
.banner-viewport .slick-arrow { width: 36px; height: 36px; position: absolute; top: 96%; text-align: center; line-height: 36px; border: 2px solid #F1C654; -webkit-border-radius: 50%; border-radius: 50%; z-index: 2;}
.banner-viewport .slick-arrow:hover { border: 2px solid #FFF;}
.banner-viewport .slick-arrow.slick-prev { left: 46.5%;}
.banner-viewport .slick-arrow.slick-next { right: 46.5%;}
.banner-viewport .slick-arrow.slick-disabled,
.banner-viewport .slick-arrow.slick-disabled:hover { opacity: 0.5;}
.banner-viewport .slick-arrow:hover { opacity: 0.8;}
.banner-viewport .slick-arrow:before { font-size: 28px; color: #F1C654;}
.banner-viewport .slick-arrow:hover:before { color: #FFF;}

.company-badges { width: 100%; background: #383838; padding: 20px 70px 15px 70px;}
.company-badges .badge { text-align: center; margin: 0; padding: 0 10px;}
.company-badges .badge img { width: auto; max-height: 70px; margin: 0 auto;}
.company-badges .slick-arrow { width: 20px; height: 24px; position: absolute; top: 45%; text-align: center; line-height: 24px; z-index: 2;}
.company-badges .slick-arrow:hover { }
.company-badges .slick-arrow.slick-prev { left: 30px;}
.company-badges .slick-arrow.slick-next { right: 30px;}
.company-badges .slick-arrow.slick-disabled,
.company-badges .slick-arrow.slick-disabled:hover { opacity: 0.5;}
.company-badges .slick-arrow:hover { opacity: 0.8;}
.company-badges .slick-arrow:before { font-size: 32px; color: rgba(255,255,255,0.40);}
.company-badges .slick-arrow:hover:before { color: #FFF;}


/*================================
	# CONTENT
==================================*/
.site-content { background: #FFF;}
.site-content .content-area { width: 100%;}
.content-area .main-content-container { padding: 70px 0 50px 0;}
.content-area .page-content { margin: 0; padding: 0;} 
.content-area .page-content .wp-caption.aligncenter { width: 100% !important; text-align: center;}
.content-area .page-content .wp-caption .wp-caption-text { padding-top: 10px;}
.content-area .page-content h3 { margin: 35px 0 20px 0;} 
.content-area .page-content h3.notopmargin { margin-top: 0;}
.content-area .page-content h5 { margin: 0 0 10px 0;}

.content-area .tscm-pricing-columns { margin: 0; padding: 70px 0 80px 0; clear: both;}
.content-area .tscm-pricing-columns .column { width: 31.66%; margin: 0; padding: 0; display: block; float: left;}
.content-area .tscm-pricing-columns .column-2 { margin-left: 2.5%; margin-right: 2.5%;} 
.content-area .tscm-pricing-columns .column .heading { text-align: center; padding: 40px 20px 22px 20px;}
.content-area .tscm-pricing-columns .column-1 .heading { background: #C11D25;} 
.content-area .tscm-pricing-columns .column-2 .heading { background: #0D0D0D;} 
.content-area .tscm-pricing-columns .column-3 .heading { background: #535353;} 
.content-area .tscm-pricing-columns .column .heading h3 { font-size: 25px; text-transform: uppercase; margin-bottom: 8px; color: #FFF;}
.content-area .tscm-pricing-columns .column .heading h6 { font-size: 17px; font-family: 'latoregular'; color: #FFF;}
.content-area .tscm-pricing-columns .column .content { min-height: 700px; padding: 30px 30px 10px 30px; border: 1px solid #A7A7A7; border-top: none; color: #333;} 
.content-area .tscm-pricing-columns .column .content h4 { font-size: 21px; text-transform: uppercase; margin: 15px 0 10px 0;} 
.content-area .tscm-pricing-columns .column .content h4 a:hover { color: #D22D27;} 
.content-area .tscm-pricing-columns .column .content h5 { font-size: 17px; text-transform: uppercase;}
.content-area .tscm-pricing-columns .column .content h5 a:hover { color: #D22D27;} 
.content-area .tscm-pricing-columns .column .content ul li { padding: 4px 0 4px 7px; color: #C11D25;}
.content-area .tscm-pricing-columns .column .content ul li em { font-style: normal; color: #333;} 
.content-area .tscm-pricing-columns .column .content p { margin-bottom: 20px; line-height: 125%;}
.content-area .tscm-pricing-columns .column .content strong { font-size: 16px;} 
.content-area .tscm-pricing-columns .column .content .bigger { font-size: 17px;} 
.content-area .tscm-pricing-columns .column .content small { font-family: 'latoitalic';}
.content-area .tscm-pricing-extension-content { } 
.content-area .tscm-pricing-extension-content .section-content h3 { font-size: 22px; margin: 25px 0 20px 0;} 
.content-area .tscm-pricing-extension-content .section-content h5 { font-size: 17px; margin: 0 0 15px 0;}
.content-area .tscm-pricing-extension-content .section-content a { color: #D22D27;}
.content-area .tscm-pricing-extension-content .section-content a:hover { text-decoration: underline;}  
.content-area .page-content a { color: #D22D27;}
.content-area .page-content a:hover { text-decoration: underline;}

.content-area ul { margin: 0; padding: 0 0 20px 15px;}
.content-area ul li { padding: 3px 0 3px 5px; line-height: 150%; list-style-type: disc;}
.content-area ul ul { padding: 0 0 0 24px;}
.content-area ul ul li { padding: 2px 0 2px 1px; list-style-type: circle;}
.content-area ol { padding: 5px 0 0 15px;}
.content-area ol li { padding: 3px 0 3px 10px; list-style-type: decimal; line-height: 160%;}
.content-area ol ul { padding-top: 15px;}
.content-area p { margin: 0 0 30px 0; padding: 0; line-height: 30px;}


/*================================
	# FOOTER
==================================*/
.site-footer { background-size: cover !important; position: relative; padding: 0;}
.site-footer:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: '';}
.site-footer a:hover { text-decoration: underline;}
.site-footer .footer-top { width: 100%; padding: 0; color: #FFF;}
.site-footer .footer-top .container { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid rgba(221,221,221,0.10);}
.site-footer .footer-top .heading { display: inline-block; color: #FFF;}
.site-footer .footer-top .divider { font-size: 18px; font-family: 'latoitalic'; padding-left: 8%; display: inline-block;}
.site-footer .footer-top .cta-link { height: 48px; background: #C11D24; font: normal 20px 'montserratsemibold'; text-transform: uppercase; padding: 0 40px; display: block; float: right; line-height: 50px;}
.site-footer .footer-top .cta-link:hover { background: #FFF; text-decoration: none; color: #C11D24;}
.site-footer .footer-middle { width: 100%; padding: 0; color: #DDD;}
.site-footer .footer-middle .container { padding-top: 70px; padding-bottom: 50px; border-bottom: 1px solid rgba(221,221,221,0.10);}
.site-footer .footer-middle .column-14 { width: 29%; display: block; float: left;}
.site-footer .footer-middle .column-14 img { width: auto; max-height: 90px;}
.site-footer .footer-middle .column-14 address { font: normal 15px 'latoregular'; margin-top: 17px; padding: 0 0 0 27px; line-height: 30px;}
.site-footer .footer-middle .column-14 .location { background: url('img/location_icon_light.png') no-repeat left 8px;}
.site-footer .footer-middle .column-14 .phone { background: url('img/phone_icon_light.png') no-repeat left 8px;}
.site-footer .footer-middle .column-23 { width: 71%; font-size: 0; display: block; float: right;}
.site-footer .footer-middle .column-23 .widget { width: 30%; font-size: 15px; font-family: 'latoregular'; display: inline-block; vertical-align: top;}
.site-footer .footer-middle .column-23 .widget_custom_html { width: 40%;}
.site-footer .footer-middle .column-23 h5 { font-size: 16px; padding: 0 0 12px 0; color: #FFF;}
.site-footer .footer-middle .column-23 .menu { margin: 0; padding: 0;}
.site-footer .footer-middle .column-23 .menu li { margin: 0; padding: 0; display: block; list-style-type: none;}
.site-footer .footer-middle .column-23 .menu li a { padding: 5px 0; display: block; line-height: 20px;}
.site-footer .footer-middle .column-23 .menu li a:hover,
.site-footer .footer-middle .column-23 .menu li.current-menu-item a { text-decoration: underline;}
.site-footer .footer-middle .column-23 .textwidget { line-height: 30px;}
.site-footer .column-left { width: 65%; padding: 25px 0; float: left;}
.site-footer .column-right { width: 35%; text-align: right; padding: 25px 0; float: right;}
.site-footer .column-left cite { font-style: normal; font-size: 15px; line-height: 150%; color: #DDD;}
.site-footer .column-right .social-media { margin: 0; padding: 0;}
.site-footer .column-right .social-media li { margin: 0 4px;}
.site-footer .column-right .social-media li a { background: #FFF; font-size: 16px; text-decoration: none; margin: 0; color: #000;}
.site-footer .column-right .social-media li a.fa-facebook { font-weight: bold; padding: 6px 9.5px;}
.site-footer .column-right .social-media li a.fa-google-plus { padding: 6px 4px;}
.site-footer .column-right .social-media li a:hover { color: #FFF;}
#scroll-top { width: 32px; height: 32px; background: #FFF; position: fixed; bottom: 25px; right: 20px; -webkit-border-radius: 50%; border-radius: 50%;}
#scroll-top:before { font: normal 22px 'FontAwesome'; text-align: center; line-height: 30px; display: block; content: "\f106"; color: #C12D24;}
#scroll-top:hover:before { line-height: 28px;}


/*================================
	# Media Elements
==================================*/
.wp-caption,
.gallery-caption {
	font-size: 0.9rem;
	font-style: italic;
	margin: 0 0 20px 0;
	max-width: 100%;
	color: #666;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.gallery .gallery-item {
	width: 100%;
	max-width: 25%;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 1.5em 0;
	padding: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-item .gallery-icon {
	width: 100%;
	padding: 0;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(90%);
	filter: opacity(90%);
}

.gallery-caption {
	display: block;
	padding: 5px 0 0 0;
	margin-bottom: 0;
}


/*================================
	# Social Media using Font Awesome Icons
==================================*/
.fa {
  	font: normal normal normal 14px/1 FontAwesome;
  	font-size: inherit;
  	display: inline-block;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}

.fa-facebook-f:before,
.fa-facebook:before { content: "\f09a";}
.fa-facebook-official:before { content: "\f230";}
.fa-facebook-square:before { content: "\f082";}
.fa-twitter:before { content: "\f099";}
.fa-twitter-square:before { content: "\f081";}
.fa-instagram:before { content: "\f16d";}
.fa-linkedin:before { content: "\f0e1";}
.fa-linkedin-square:before { content: "\f08c";}
.fa-google:before { content: "\f1a0";}
.fa-google-plus:before { content: "\f0d5";}
.fa-google-plus-square:before { content: "\f0d4";}
.fa-google-plus-circle:before,
.fa-google-plus-official:before { content: "\f2b3";}
.fa-google-wallet:before { content: "\f1ee";}
.fa-flickr:before { content: "\f16e";}
.fa-youtube:before { content: "\f167";}
.fa-youtube-square:before { content: "\f166";}
.fa-youtube-play:before { content: "\f16a";}
.fa-vimeo:before { content: "\f27d";}
.fa-vimeo-square:before { content: "\f194";}
.fa-pinterest:before { content: "\f0d2";}
.fa-pinterest-p:before { content: "\f231";}
.fa-pinterest-square:before { content: "\f0d3";}
.fa-reddit:before { content: "\f1a1";}
.fa-reddit-square:before { content: "\f1a2";}
.fa-feed:before,
.fa-rss:before { content: "\f09e";}
.fa-rss-square:before { content: "\f143";}
.fa-wordpress:before { content: "\f19a";}
.fa-xing:before { content: "\f168";}
.fa-xing-square:before { content: "\f169";}
.fa-medium:before { content:"\f23a";}
.fa-medium-square:before { content: "\f23a";}

.social-media {
	margin: 0;
	padding: 0;	
}

.social-media li {
	text-align: center;
	margin-bottom: 10px;
	display: inline-block;
	list-style-type: none;	
}

.social-media li a {
	background-color: #323436;
	position: relative;
	font-size: 13px;
	text-decoration: none;
	margin: 0 3px;
	padding: 6px 7px;
	vertical-align: middle;
	-webkit-border-radius: 50%;
	  -moz-border-radius: 50%;
	    border-radius: 50%;
  	-webkit-transform: translateZ(0);
  	  transform: translateZ(0);
  	-webkit-backface-visibility: hidden;
  	  backface-visibility: hidden;
  	-moz-osx-font-smoothing: grayscale;
  	-webkit-transition-property: color;
  	  transition-property: color;
  	-webkit-transition-duration: 0.2s;
  	  transition-duration: 0.2s;
	color: #FFF;	
}

.social-media li a:after {
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
	content: "";
	z-index: -1;
  	-webkit-transform: scaleY(0);
  	  transform: scaleY(0);
  	-webkit-transform-origin: 50% 100%;
  	  transform-origin: 50% 100%;
  	-webkit-transition-property: transform;
  	  transition-property: transform;
  	-webkit-transition-duration: 0.2s;
  	  transition-duration: 0.2s;
  	-webkit-transition-timing-function: ease-out;
  	  transition-timing-function: ease-out;
}

.social-media li a:hover:after, 
.social-media li a:focus:after, 
.social-media li a:active:after {
  -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

/* Social Media Theme Backgrounds **/
.social-media li a.fa-facebook,
.social-media li a.fa-facebook:after { background-color: #204385;}
.social-media li a.fa-twitter,
.social-media li a.fa-twitter:after { background-color: #2AA9E0;}
.social-media li a.fa-google-plus,
.social-media li a.fa-google-plus:after { background-color: #D3492C;}
.social-media li a.fa-envelope,
.social-media li a.fa-envelope:after { background-color: #FF802C;}
.social-media li a.fa-map,
.social-media li a.fa-map:after { background-color: #323436;}
.social-media li a.fa-pinterest,
.social-media li a.fa-pinterest:after { background-color: #CA2128;}
.social-media li a.fa-instagram,
.social-media li a.fa-instagram:after { background-color: #2E6B94;}
.social-media li a.fa-linkedin,
.social-media li a.fa-linkedin:after { background-color: #02669A;}
.social-media li a.fa-tumblr,
.social-media li a.fa-tumblr:after { background-color: #44546B;}
.social-media li a.fa-wordpress,
.social-media li a.fa-wordpress:after { background-color: #21759B;}
.social-media li a.fa-flickr,
.social-media li a.fa-flickr:after { background-color: #0063DB;}
.social-media li a.fa-youtube,
.social-media li a.fa-youtube:after { background-color: #CF3427;}
.social-media li a.fa-vimeo-square,
.social-media li a.fa-vimeo-square:after { background-color: #17AEE1;}
.social-media li a.fa-dribbble,
.social-media li a.fa-dribbble:after { background-color: #EA4C89;}
.social-media li a.fa-delicious,
.social-media li a.fa-delicious:after { background-color: #0165CA;}	
.social-media li a.fa-stumbleupon,
.social-media li a.fa-stumbleupon:after { background-color: #EB4823;}
.social-media li a.fa-reddit,
.social-media li a.fa-reddit:after { background-color: #EF4623;}
.social-media li a.fa-rss,
.social-media li a.fa-rss:after { background-color: #FF5B22;}
.social-media li a.fa-skype,
.social-media li a.fa-skype:after { background-color: #00AFF0;}
.social-media li a.fa-yahoo,
.social-media li a.fa-yahoo:after { background-color: #500095;}
.social-media li a.fa-yelp,
.social-media li a.fa-yelp:after { background-color: #CF2200;}
.social-media li a.fa-medium,
.social-media li a.fa-medium:after { background-color: #4c6ef5;}


/*================================
	# Responsive Media Queries 
==================================*/
@media screen and (max-width: 1290px) {
	.home-client-reviews .company-client-reviews .slick-arrow.slick-prev { left: 0;}
	.home-client-reviews .company-client-reviews .slick-arrow.slick-next { right: 0;}
	.client-reviews-container .company-client-reviews .slick-arrow.slick-prev { left: 0;}
	.client-reviews-container .company-client-reviews .slick-arrow.slick-next { right: 0;}
	.page-template-template-company .company-team-container .company-team-members { padding: 0 30px 30px 30px;}
	.company-team-container .company-team-members .slick-arrow.slick-prev { left: 0;}
	.company-team-container .company-team-members .slick-arrow.slick-next { right: 0;}
}

@media screen and (max-width: 1220px) {
	.container { max-width: 100%; padding: 0 20px;}
	.banner-viewport .custom-banner video { width: auto;}
	
	.interval-columns-container .interval-columns .column-content { width: 65%;}
	.interval-columns-container .interval-columns .column-media { width: 35%;}
	.interval-columns-container .interval-columns .column-content .vertical { padding: 40px 50px 20px 50px;}
}

@media screen and (max-width: 1100px) {
	.site-navigation li a { margin: 0 20px;}
	
	.site-footer .footer-top .heading { font-size: 32px; margin-bottom: 25px; display: block;}
	.site-footer .footer-top .divider { padding: 10px 0 17px 0; padding-left: 0; display: none;}
	.site-footer .footer-top .cta-link { font-size: 18px; display: inline-block; float: none;}
}

@media screen and (max-width: 1024px) {
	.site-logo { padding: 8px 0;}
	.site-header address { margin: 30px 100px 0 0;}
	.site-navigation { width: auto; background: #C11D24; position: absolute; top: 32px; right: 20px; padding: 20px 0 10px 0; float: none; z-index: 2;}
	.site-navigation .menu-header-navigation-container > ul { min-width: 370px; max-height: 450px; overflow-y: auto;}
	.site-navigation ul { width: 100%; display: none;}
	.site-navigation ul li { display: block;}
	.site-navigation ul li a { margin: 0 20px; padding: 13px 15px; display: block; color: #FFF;}
	.site-navigation ul li a:before { background: #FFF;}
	.site-navigation li > a:hover,
	.site-navigation .current-menu-item > a,
	.site-navigation .current-menu-parent > a,
	.site-navigation .current-menu-ancestor > a { color: #FFF;}
	.site-navigation ul li.menu-item-has-children > .menu-icon { width: 45px; height: 100%; position: absolute; top: 0; right: 0; text-align: center; display: block; line-height: 300%; cursor: pointer;}
	.site-navigation li.menu-item-has-children:last-child .menu-icon { display: block;}
	.site-navigation ul li.menu-item-has-children > .menu-icon:after { font: normal 15px 'FontAwesome'; vertical-align: middle; content: "\f103";}
	.site-navigation ul ul li.menu-item-has-children > .menu-icon:after { content: "\f103";}
	.site-navigation ul li.menu-item-has-children:hover > .menu-icon:after { }
	.site-navigation ul li.menu-item-has-children > .menu-icon.active:after { content: "\f102";}
	.site-navigation ul li.current-menu-item.menu-item-has-children > .menu-icon:after,
	.site-navigation ul li.current-menu-ancestor.menu-item-has-children > .menu-icon:after { content: "\f102";}
	.site-navigation ul li.current-menu-item.menu-item-has-children > .menu-icon.active:after,
	.site-navigation ul li.current-menu-ancestor.menu-item-has-children > .menu-icon.active:after { content: "\f103";}
	.site-navigation ul ul { width: 100%; position: static; padding: 10px 20px; display: none;}
	.site-navigation ul li.menu-item-17 ul { width: 100%;}
	.site-navigation ul li.menu-item-20 ul { width: 100%;}
	.site-navigation ul li.current-menu-item.menu-item-has-children ul,
	.site-navigation ul li.current-menu-ancestor.menu-item-has-children ul { display: block;}
	.site-navigation ul ul li { width: 100%; display: block;}
	.site-navigation ul ul li a { font-size: 15px; padding: 8px 15px;}
	.site-navigation ul ul li > a:hover,
	.site-navigation ul ul .current-menu-item > a,
	.site-navigation ul ul .current-menu-parent > a,
	.site-navigation ul ul .current-menu-ancestor > a { color: #C02D24;}
	.site-navigation ul ul ul { background: #FFF; padding: 0 0 0 15px;}
	.site-navigation ul ul ul li { width: auto; display: inline-block;}
	.site-navigation ul ul ul li a { font-size: 14px; display: block;}
	.site-navigation .menu-toggle,
	.site-navigation.toggled .nav-menu { display: block;}
	.site-navigation .menu-toggle { position: absolute; top: 0; right: 0;} 
	
	.banner-viewport .custom-banner { height: 500px;}
	.home .banner-viewport .custom-banner { height: 600px;}
	.banner-viewport .custom-banner-default { height: auto !important;}
	.banner-viewport .custom-banner .banner-content h1 { font-size: 50px;}
	.page-template-template-contact .banner-viewport .custom-banner .banner-content h1 { font-size: 50px;}
	.banner-viewport .custom-banner .banner-content .desc { font-size: 19px; line-height: 32px;}
	.home-about .column-content { width: 100%; padding: 0 0 50px 0; float: none;}
	.home-about .column-media { width: 100%; float: none;}
	.home-about .column-media .media-vimeo-container { width: 75%;}
	.home-about .column-media .media-youtube-container { width: 75%;}
	.home-tsc .column-viewport { width: 100%; float: none;}
	.home-tsc .column-specification { width: 100%; margin-top: 35px; float: none;}
	.home-tsc .column-viewport .hotspot-1 { left: 13.5%;}
	.home-tsc .column-viewport .hotspot-2 { top: 32.5%; left: 16.7%;}
	.home-tsc .column-viewport .hotspot-3 { top: 51%; left: 14.2%;}
	.home-tsc .column-viewport .hotspot-4 { left: 18.5%;}
	.home-tsc .column-viewport .hotspot-5 { left: 40.5%;}
	.home-tsc .column-viewport .hotspot-6 { right: 49.7%;}
	.home-tsc .column-viewport .hotspot-7 { right: 37.7%;}
	.home-tsc .column-viewport .hotspot-8 { right: 29.7%;}
	.home-tsc .column-viewport .hotspot-9 { right: 34.5%;}
	.home-tsc .column-viewport .hotspot-10 { right: 23.8%;}
	.home-tsc .column-viewport .hotspot-11 { right: 32.2%;}
	.home-tsc .column-viewport .hotspot-12 { top: 21.5%; right: 31.2%;}
	.company-about-container .company-about-tabs .tabs-list li { width: 50%;}
	.company-about-container .company-about-tabs .tabs-list li:nth-of-type(3) a { border-top: none; border-left: 2px solid #C11D24;}
	.company-about-container .company-about-tabs .tabs-list li:nth-of-type(4) a { border-top: none;}
	.company-about-container .company-about-tabs .tabs-list li:nth-of-type(5) a { border-top: none; border-left: 2px solid #C11D24;}
	.interval-columns-container .interval-columns .column-content { width: 100%; padding: 50px 70px 30px 70px; float: none !important;}
	.interval-columns-container .interval-columns .column-media { width: 100%; padding-left: 70px; padding-right: 20px; float: none !important;}
	.interval-columns-container .interval-columns .column-content .vertical { padding: 0;}
	.interval-columns-container .interval-columns .column-media img { width: auto;}
	.company-team-container .comsec-team-members .team .team-heading { width: 40%;}
	.main-content-container .tscm-industries .industry { width: 48.5%;}
	.main-content-container .tscm-industries .industry:nth-of-type(3n+2) { margin-right: 0; margin-left: 0;} 
	.main-content-container .tscm-industries .industry:nth-of-type(odd) { margin-right: 1.5%;} 
	.main-content-container .tscm-industries .industry:nth-of-type(even) { margin-left: 1.5%;}
	.services-container .services { width: 47%; margin: 0 0 30px 0;}
	.services-container .services:nth-of-type(odd) { margin-right: 1.80%;}
	.services-container .services:nth-of-type(even) { margin-left: 1.80%;}
	.single-product-container .product .tabs-list li { width: 50%;}
	.single-product-container .product .tabs-list li:nth-of-type(even) a { border-right: none;}
	.faqs-container .faq .question { padding: 35px 50px;}
	.faqs-container .faq .answer { padding: 0 50px 40px 50px;}
	.tscm-spygadgets-container .gadget .content { width: 100%; float: none !important;}
	.tscm-spygadgets-container .gadget .media { width: 100%; float: none !important;}
	.tscm-spygadgets-container .gadget .media-youtube { max-width: 60%;}
	.videos-container .video { width: 48%;}
	.videos-container .video:nth-of-type(3n+3) { margin-left: 0; margin-right: 0;}
	.videos-container .video:nth-of-type(even) { float: left; clear: left;}
	.videos-container .video:nth-of-type(odd) { float: right; clear: right;}
	.contact-main-container .top-container .column-left { width: 100%; min-height: 0; padding: 60px 0 50px 0;}
	.contact-main-container .top-container .column-right { width: 100%; position: static; padding: 60px 20px 10px 20px;}
	.contact-main-container .middle-container .container { padding-bottom: 30px;}
	.contact-main-container .middle-container .location { width: 46%; margin: 0 2% 40px 2%;}
	.contact-main-container .middle-container .location .location-map { height: 340px;}
	
	.articles-container .column-content { width: 100%; float: none;}
	.articles-container .column-sidebar { width: 100%; margin-top: 50px; float: none;}
	.articles-container .column-sidebar .widget .widget-title { font-size: 32px;}
} 

@media screen and (max-width: 900px) {
	.home-solutions .solution .column-left { width: 100%; float: none;}
	.home-solutions .solution .column-right { width: 100%; float: none;}
	.home-products .product { width: 100%; margin-top: 40px;}
	.home-products .product:nth-of-type(odd) { float: none;}
	.home-products .product:nth-of-type(even) { float: none;}
	.home-products .product .video_thumbnail img { max-height: 100%;}
	.leftright-columns-container .lr-row .column-left { width: 100%; float: none;}
	.leftright-columns-container .lr-row .column-right { width: 100%; float: none;}
	.content-area .page-content img.alignright { margin-left: 0; float: none;}
	.tscm-equipments-container .equipment .content { width: 100%; float: none;}
	.tscm-equipments-container .equipment .media { width: 100%; float: none;}
	.tscm-equipments-container .equipment .media_thumbnail img { max-height: 520px;}
	.company-affiliations-container .comsec-affiliations .affiliation .affiliation-heading { width: 100%; margin: 0 0 20px 0; float: none;}
	.company-affiliations-container .comsec-affiliations .affiliation .affiliation-heading .affiliation-logo img { max-width: 300px; max-height: 250px;}
	.products-container { padding: 70px 0 20px 0;}
	.products-container .product { width: 100%; margin-bottom: 50px;}
	.products-container .product:nth-of-type(odd) { float: none;}
	.products-container .product:nth-of-type(even) { float: none;}
	.products-container .product .video_overlay .play { left: 44%;}
	.content-area .page-content .column-33 { width: 100%; margin-top: 25px !important;}
	.content-area .tscm-pricing-columns { padding: 50px 0 20px 0;}
	.content-area .tscm-pricing-columns .column { width: 100%; margin-bottom: 50px; float: none;}
	.content-area .tscm-pricing-columns .column-2 { margin-left: 0; margin-right: 0;}
	.content-area .tscm-pricing-columns .column .content { min-height: 0;}
	
	.site-footer .footer-middle .container { padding-top: 50px; padding-bottom: 30px;}
	.site-footer .footer-middle .column-14 { width: 100%; padding-bottom: 20px; float: none;}
	.site-footer .footer-middle .column-23 { width: 100%; float: none;}
	.site-footer .column-left { width: 100%; text-align: center; float: none;}
	.site-footer .column-right { width: 100%; text-align: center; padding-top: 0; float: none;}
}

@media screen and (max-width: 768px) {
	.home-about .column-media .media-vimeo-container { width: 100%;}
	.home-about .column-media .media-youtube-container { width: 100%;}
	.home-tsc .column-viewport .hotspot-1 { left: 17.5%;}
	.home-tsc .column-viewport .hotspot-2 { left: 21.7%;}
	.home-tsc .column-viewport .hotspot-3 { left: 18.2%;}
	.home-tsc .column-viewport .hotspot-4 { left: 23.5%;}
	.home-tsc .column-viewport .hotspot-5 { left: 51.5%;}
	.home-tsc .column-viewport .hotspot-6 { right: 35.5%;}
	.home-tsc .column-viewport .hotspot-7 { right: 20.5%;}
	.home-tsc .column-viewport .hotspot-8 { right: 10%;}
	.home-tsc .column-viewport .hotspot-9 { right: 16.5%;}
	.home-tsc .column-viewport .hotspot-10 { right: 2.8%;}
	.home-tsc .column-viewport .hotspot-11 { right: 13.2%;}
	.home-tsc .column-viewport .hotspot-12 { right: 12.2%;}
	.home-client-reviews .review .review-message { font-size: 18px; padding-right: 50px; padding-left: 50px;}
	
	.single-services-container .services .services-lma-columns .lma-row .column-left { width: 100%; float: none;}
	.single-services-container .services .services-lma-columns .lma-row .column-right { width: 100%; float: none;}
	.main-content-container .services-lma-columns .lma-row .column-left { width: 100%; float: none;}
	.main-content-container .services-lma-columns .lma-row .column-right { width: 100%; float: none;}
	.services-wccomsec .content ul.alignleft { width: 100%; float: none;}
	.services-wccomsec .content ul.alignright { width: 100%; margin-top: 5px; float: none;}
	.tscm-spygadgets-container .gadget { margin-top: 50px;}
	.tscm-spygadgets-container .gadget .media-youtube { max-width: 100%;}
	.tscm-spygadgets-container .gadget .devices .device { width: 50%; padding: 0 0 35px 0;}
	
	#scroll-top { right: 10px;}
}
	
@media screen and (max-width: 700px) {
	.company-team-container .comsec-team-members .team .team-heading { width: 100%; margin: 0 0 22px 0;}
	.services-container .services { width: 97%; margin: 0 0 35px 0;}
	.services-container .services:nth-of-type(odd) { margin-right: 0;}
	.services-container .services:nth-of-type(even) { margin-left: 0;}
	.faqs-container .faq .answer div.alignleft { width: 100%; float: none; clear: both;}
	.faqs-container .faq .answer div.alignright { width: 100%; margin-top: 30px; float: none; clear: both;}
	.videos-container .video { width: 100%;}
	.videos-container .video:nth-of-type(even) { float: none; clear: both;}
	.videos-container .video:nth-of-type(odd) { float: none; clear: both;}
	.contact-main-container .bottom-container .section-content .gform_wrapper form .gform_fields li.column-left { width: 100%; float: none !important; clear: both;}
	.contact-main-container .bottom-container .section-content .gform_wrapper form .gform_fields li.column-right { width: 100%; float: none !important; clear: both;}
	.contact-main-container .bottom-container .section-content .gform_wrapper form .gform_fields #field_1_9 { margin-top: 10px !important;}
}

@media screen and (max-width: 641px) {
	.banner-viewport .custom-banner video { display: none !important; visibility: hidden !important;} 
}

@media screen and (max-width: 570px) {
	body { font-size: 16px;}
	.container { padding: 0 15px;}
	.fixed-header { position: relative; padding-bottom: 10px;}
	.fixed-header-withbanner { background: rgba(0,0,0,0.95);}
	.site-logo { width: 100%; text-align: center; padding: 10px 0; float: none; clear: both;}
	.site-logo img { max-height: 70px;}
	.site-header address { text-align: center; margin: 2px 0 10px 0; float: none;}
	.sticky-header .site-header address { display: none;}
	.site-navigation { width: 100%; min-height: 37px; position: relative; top: 0; right: 0; padding: 0; float: none;}
	.site-navigation .menu-header-navigation-container > ul { min-width: 0; padding-bottom: 10px;}
	.site-navigation ul li a { margin: 0 10px;}
	.site-navigation .menu-toggle { width: 100%; height: 37px; background: url('img/mobile_menu_sm.png') no-repeat 50% center #C11D24; position: static; margin: 0;}
	.site-navigation .menu-toggle:before { position: absolute; top: 12px; left: 55%; font-size: 10px;}
	.banner-viewport .custom-banner { height: 450px;}
	.home .banner-viewport .custom-banner { height: 500px;}
	.banner-viewport .custom-banner-default { margin-top: 0; padding-top: 70px;}
	.banner-viewport .custom-banner .vertical { top: 47%;}
	.home .banner-viewport .custom-banner .vertical { top: 48%;}
	.banner-viewport .custom-banner .banner-content h1 { font-size: 40px;}
	.page-template-template-contact .banner-viewport .custom-banner .banner-content h1 { font-size: 40px;}
	.home-about h2.section-heading { font-size: 32px;}
	.home-solutions .solution .column-content { padding: 20px 20px;}
	.home-solutions .solution .column-content h3 { font-size: 18px;}
	.home-solutions .solution .column-content .description { font-size: 15px; line-height: 22px;}
	.home-products h2.section-heading { font-size: 32px;}
	.home-tsc .column-viewport .hotspot { width: 30px; height: 30px; background: url('img/hs_red_mobile.png') no-repeat center;}
	.home-tsc .column-viewport .hotspot:hover,
	.home-tsc .column-viewport .hotspot.active { background: url('img/hs_blue_mobile.png') no-repeat center;}
	.home-tsc .column-specification h2 { font-size: 25px;}
	.home-tsc .column-specification .hotspot h3 { font-size: 18px;}
	.company-about-container .company-about-tabs .tabs-list li { width: 100%;}
	.company-about-container .company-about-tabs .tabs-list li a { border-left: 2px solid #C11D24;}
	.leftright-columns-container .lr-row .column-content { min-height: 0; padding: 20px 20px 15px 20px;}
	.leftright-columns-container .lr-row .column-content h3 { font-size: 18px;}
	.leftright-columns-container .lr-row .column-content .description { font-size: 15px; line-height: 22px;}
	.leftright-columns-container .lr-row .column-background img { min-height: 220px;}
	.interval-columns-container .interval-columns .column-content { padding: 50px 20px 20px 20px;}
	.interval-columns-container .interval-columns .column-media { padding-left: 20px; padding-right: 20px;}
	.interval-columns-container .interval-columns .column-media img { width: 100%;}
	.client-testimonials-container .review .review-message { font-size: 18px; padding: 30px 35px 25px 35px; line-height: 140%;}
	.content-area .page-content img.alignleft { margin-right: 0; float: none; clear: both;}
	.main-content-container .tscm-industries .industry { width: 100%; display: block;}
	.main-content-container .tscm-industries .industry:nth-of-type(odd) { margin-right: 0;} 
	.main-content-container .tscm-industries .industry:nth-of-type(even) { margin-left: 0;}
	.services-container .services .services-heading h3 { font-size: 19px;}
	.single-services-container .services .services-content h2 { font-size: 32px;}
	.single-services-container .services .services-lma-columns .lma-row .column-content h3 { font-size: 18px;}
	.main-content-container .services-lma-columns .lma-row .column-content h3 { font-size: 18px;}
	.services-wccomsec h2.heading { font-size: 32px;}
	.single-product-container .product .product-content h2 { font-size: 30px;}
	.single-product-extension-content h2.heading { font-size: 30px;}
	.single-product-container .product .tabs-list li { width: 100%;}
	.single-product-container .product .tabs-list li a { border-right: none;}
	.single-product-wbc h2.heading { font-size: 30px;}
	.single-product-wbc .content .column { width: 100%; margin: 0 0 30px 0; padding: 0; display: block;}
	.faqs-container .faq .question { font-size: 18px; padding: 25px 20px;}
	.faqs-container .faq .answer { padding: 10px 20px 30px 20px;}
	.tscm-spygadgets-container .gadget .devices .device { width: 100%;}
	.contact-main-container .top-container h2 { font-size: 30px;}
	.contact-main-container .middle-container h2.section-heading { font-size: 30px;}
	.contact-main-container .bottom-container h2.section-heading { font-size: 30px;}
	.contact-main-container .middle-container .location { width: 100%; margin: 0 0 40px 0;}
	.contact-main-container .top-container .contact .info-left { width: 100%; float: none;}
	.contact-main-container .top-container .contact .info-right { width: 100%; margin-top: 10px; float: none;}
	.contact-main-container .top-container .comsec-badges .badge { margin-top: 25px; margin-right: 20px;}
	.contact-main-container .top-container .column-content .gform_wrapper form .gform_fields li.gf_left_half { width: 100%; float: none !important;}
	.contact-main-container .top-container .column-content .gform_wrapper form .gform_fields li.gf_right_half { width: 100%; float: none !important;}
	
	.articles-container .column-content article .post-heading h3 { font-size: 18px;} 
	.articles-container .column-sidebar .widget .widget-title { font-size: 27px;}
	
	.site-footer .footer-top .heading { font-size: 27px;}
	.site-footer .footer-top .cta-link { height: 46px; font-size: 16px; padding: 0 30px; line-height: 48px;}
	.site-footer .footer-middle .column-23 .widget { width: 100%; padding: 15px 0; display: block;}
}

@media screen and (max-width: 500px) {
	.home-about .column-links .link { width: 100%; text-align: center; margin: 15px 0 0 0; display: block;}
	.home-products .product .product-links .link-to-prod { width: 100%; text-align: center; margin: 0 0 15px 0; padding: 0 20px; display: block;}
	.home-products .product .product-links .link-to-prodpdf { width: 100%; text-align: center; margin: 0; padding: 0 20px; display: block;}
	.home-tsc .column-viewport .hotspot-1 { top: 25%; left: 16%;}
	.home-tsc .column-viewport .hotspot-2 { top: 35%; left: 20%;}
	.home-tsc .column-viewport .hotspot-3 { left: 17%;}
	.home-tsc .column-viewport .hotspot-4 { top: 58%; left: 23%;}
	.home-tsc .column-viewport .hotspot-5 { top: 34%; left: 52%;}
	.home-tsc .column-viewport .hotspot-6 { bottom: 4%; right: 33.5%;}
	.home-tsc .column-viewport .hotspot-7 { bottom: 21%; right: 18%;}
	.home-tsc .column-viewport .hotspot-8 { bottom: 12%; right: 8%;}
	.home-tsc .column-viewport .hotspot-9 { bottom: 38%; right: 14%;}
	.home-tsc .column-viewport .hotspot-10 { top: 46%; right: 0;}
	.home-tsc .column-viewport .hotspot-11 { top: 38%; right: 12%;}
	.home-tsc .column-viewport .hotspot-12 { right: 11%;}
	.home-tsc .column-specification .hotspot .link { margin-top: 10px;}
	.home-client-reviews .review .review-heading h4 { font-size: 14px;}
	.home-client-reviews .review .review-heading h5 { font-size: 14px;}
	.home-client-reviews .review .review-message { font-size: 17px; padding-right: 35px; padding-left: 35px;}
	.home-client-reviews .client-reviews-link { font-size: 14px;}
	.home-client-reviews .company-client-reviews .slick-arrow:before { font-size: 35px;}
	.company-affiliations-container .comsec-affiliations .affiliation .affiliation-heading .affiliation-logo img { max-width: 100%; max-height: 100%;}
}

@media screen and (max-width: 470px) {
	.home-tsc .column-viewport .hotspot-9 { bottom: 35%;}
	.home-tsc .column-viewport .hotspot-11 { top: 35%;}
	.home-tsc .column-specification h2 { font-size: 19px; line-height: 150%;}
	.home-tsc .column-specification .hotspot h3 { font-size: 16px;}
	.home-tsc .column-specification .hotspot .content { font-size: 14px; line-height: 160%;}
} 

@media screen and (max-width: 420px) {
	.banner-viewport .custom-banner { height: 400px;}
	.home .banner-viewport .custom-banner { height: 500px;}
	.banner-viewport .custom-banner .banner-content h1 { font-size: 35px;}	
	.page-template-template-contact .banner-viewport .custom-banner .banner-content h1 { font-size: 35px;}
	.contact-main-container .top-container .column-content .gform_wrapper form .gform_fields #field_1_9 ul li { width: 100%; margin: 5px 0 0 0 !important; float: none;}
}