﻿ /* =================================================================================

    Project Information

    Theme Name: CMDS Online Theme Child
    Theme URI: http://www.cmdsonline.com
    Description: Custom WordPress theme framework for CMDS clients.
    Version: 5.2
    Author: CMDS Online
    Author URI: http://www.cmdsonline.com
    Template: cmds_theme

================================================================================= */

/******************** FONT LIST **********************/

/*font-family: 'Raleway', sans-serif;*/

@font-face {
font-family: 'icons';
src: url('fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
url('fonts/fa-solid-900.ttf') format('truetype'),
url('fonts/fa-solid-900.svg#fontawesomeregular'
) format("svg");
}

/************ BOOTSTRAP CUSTOMIZATIONS ************/

@media (min-width:995px){ .container { width: 949px; } }
@media (min-width:1200px){ .container { width: 1110px; } }

/*********** CMDS Helper Classes *************/

.navbar-nav>li { float:none; }
.nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after { content:normal !important; }
.absolute { position:absolute; }
.relative { position:relative; }
.pull-none { float:none !important; }
.vertical-align { display: table-cell; vertical-align: middle; }
.no-side-padding { padding-left:0px !important; padding-right:0px !important; }
.no-right-padding { padding-right:0px !important; }
.no-left-padding { padding-left:0px !important; }
.no-top-padding { padding-top:0px !important; }
.no-bottom-padding { padding-bottom:0px !important; }

.padding-bottom-5 { padding-bottom:5px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-15 { padding-bottom:15px; }
.padding-bottom-20 { padding-bottom:20px; }
.padding-bottom-25 { padding-bottom:25px; }
.padding-bottom-30 { padding-bottom:30px; }
.padding-bottom-35 { padding-bottom:35px; }
.padding-bottom-40 { padding-bottom:40px; }
.padding-bottom-45 { padding-bottom:45px; }

.padding-top-5 { padding-top:5px; }
.padding-top-10 { padding-top:10px; }
.padding-top-15 { padding-top:15px; }
.padding-top-20 { padding-top:20px; }
.padding-top-25 { padding-top:25px; }
.padding-top-30 { padding-top:30px; }
.padding-top-35 { padding-top:35px; }
.padding-top-40 { padding-top:40px; }
.padding-top-45 { padding-top:45px; }

.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-bottom-35 { margin-bottom:35px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-bottom-45 { margin-bottom:45px; }

.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.margin-top-15 { margin-top:15px; }
.margin-top-20 { margin-top:20px; }
.margin-top-25 { margin-top:25px; }
.margin-top-30 { margin-top:30px; }
.margin-top-35 { margin-top:35px; }
.margin-top-40 { margin-top:40px; }
.margin-top-45 { margin-top:45px; }

.no-side-margin { margin-left:0px !important; margin-right:0px !important; }
.no-right-margin { margin-right:0px !important; }
.no-left-margin { margin-left:0px !important; }
.no-top-margin { margin-top:0px !important; }
.no-bottom-margin { margin-bottom:0px !important; }
.email-confirm { display:none; }

.col-5 { float:left; width:20%; padding:10px; }

/*********** CMDS General Tag Styles *************/

* { box-sizing:border-box; }

body { background: #fff; font-family: 'Arial', sans-serif; }
p { font-size:18px; line-height:28px; }
a { color:#4199dc; /*text-decoration:underline;*/ transition: all 0.25s; }
a:visited { /*color:#1e4263; text-decoration:underline;*/ }
a:hover, a:active, a:focus { color:#32a440; }
ul { padding-bottom:0px; margin-bottom:5px; padding-left:0px; margin-top:5px; }
ul li { padding-bottom:9px; padding-left:16px; list-style:none; font-size:18px; }
h1 { font-family: 'Raleway', sans-serif; font-size:38px; color:#1973b8; margin:0px; padding:0px; line-height:1.25; }
h2 { font-family: 'Raleway', sans-serif; font-size:38px; color:#1973b8; margin:0px; padding:0px; line-height:1.1; }
h3 { font-family: 'Raleway', sans-serif; font-size:26px; color:#000000; margin:0px 0px 0px 0px; padding:0px; line-height:1.3; }
h4 { line-height:21px; }
h5 { font-size: 16px; }
h6 { }
sup { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.7em; }
h2 sup { font-size: 0.6em; top: -0.6em; }
.wp-pagenavi { padding-top: 15px; padding-bottom:25px; text-align: center; font-size: 16px; }
.wp-pagenavi a, .wp-pagenavi span {border: 0 !important; padding: 0 6px !important; line-height: 1; display: inline-block; vertical-align: middle;}
.wp-pagenavi a span {padding: 0 !important; margin: 0; display: inline-block; vertical-align: middle;}
.wp-pagenavi i { font-family: icons; font-size: 20px; font-style: normal; display: inline-block; vertical-align: middle;}

.button { display:inline-block; font-family: 'Raleway', sans-serif; font-weight:bold; font-size:14px; line-height: 1; color:#fff; background:#32a440; padding:12px 20px 12px 15px; border-radius:10px; text-transform:uppercase; text-decoration:none; transition:0.5s all ease; -webkit-appearance: none; appearance: none; border: 0; }
.button:after { content:'\f054'; font-family:icons; font-size:12px; position:relative; top:-1px; right: -5px; transition:0.5s all ease; }
.button:hover { background:#4fc05d; color:#fff; text-decoration:none; transition:0.5s all ease; }
.button:hover:after { right:-8px; transition:0.5s all ease; }

.bold-link { font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 700; color: #4793ce; text-transform: uppercase;}
.bold-link:after { content:'\f054'; font-family:icons; font-size:12px; position:relative; top:-1px; right: -5px; }

.blue { color:#1973b8 !important; }

/*********** Flex Classes *************/
.flex-md,
.flex-sm,
.flex-xs { display: block }

.flex-lg { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex-align-center { -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex-align-end { -ms-flex-align: end; -ms-flex-align: flex-end; -webkit-align-items: flex-end; align-items: flex-end; }
.align-self-end { -ms-align-self: end; -ms-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; }
.flex-justify-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex-justify-around { -ms-flex-pack: space-around; -webkit-justify-content: space-around; justify-content: space-around; }
.flex-justify-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
.flex-content-center { -ms-align-content: center; -webkit-align-content: center; align-content: center; }
.flex-dir-col { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }


/******* Header ******/
header { padding-top:40px; position:relative; z-index:3; }
#header-top { background:#0a375a; }
.full-width-header { padding-left:5%; padding-right:5%; }

.header-aux { display:inline-block; float:right; padding:0; margin:0; }
.header-aux li { display:inline-block; padding:0; padding-left:40px; padding-top:5px; padding-bottom:5px; font-size: 12px; position:relative; }
.header-aux li a { font-family: 'Raleway', sans-serif; font-weight:700; font-size:12px; color:#fff; line-height:1; text-transform:uppercase; text-decoration:none; }
.header-aux li.call a {text-transform: none;}
.header-aux .sub-menu { /*display:none;*/ visibility: hidden; opacity:0; position:absolute; top:30px; right:0px; width:150px; z-index:5; background:#1973b8; transition: all 0.25s; }
.header-aux .sub-menu li { padding:0; display:block; text-align:right; }
.header-aux .sub-menu li a { display:block; padding:6px; opacity:0.8; }
.header-aux .sub-menu li a:hover { opacity:1; }
.header-aux li:hover .sub-menu { /*display: block;*/ visibility: visible; opacity:1; list-style: none; top:17px; transition: all 0.25s; }
.header-aux li.login .fa { color:#32a440; position:relative; top:-1px; }
.header-aux li.call span { font-family: arial, sans-serif; font-weight:normal; }

#logo-home { width:149px; float:left; height:59px; }
.tagline { display:inline-block; font-family: 'Raleway', sans-serif; font-size:14px; line-height:18px; color:#fff; margin-top:15px; margin-left:20px; }

.call-mobile { position:fixed; top:0; right:0; padding: 13px 20px; color:#fff; line-height:1; font-size:14px; z-index:999999; }
.call-mobile:hover { color:#32a440; text-decoration:none; }

#stickyquote { display:none; }

#stickyquote.round-button { position:fixed; bottom:-100px; right:20px; width:80px; height:80px; line-height:16px; border: 5px solid #f5f5f5; border-radius: 50%; color:#f5f5f5; text-align:center; text-decoration:none; background: #32a440; box-shadow: 0 0 3px gray; font-size:14px; font-weight:700; transition: bottom .4s ease;}
#stickyquote.active {bottom:20px;}
#stickyquote.round-button .quote-text { padding-top:18px; }
#stickyquote.round-button .quote-truck { padding-top:15px; font-size:35px; display:none; }
#stickyquote.round-button:hover { background: #3ccc4e; color:#fff; text-decoration:none; }

/******* Homepage ******/
#home-hero { position:relative; height:750px; background:#ccc; overflow:hidden; }
#home-hero:before { content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:0; padding-bottom: 9%; background:url('images/hero-bottom.svg') no-repeat top center; background-size:cover; z-index:3; }
#home-hero.service-hero:before {bottom: -4px;}
#home-hero:after { content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:0; padding-bottom: 12%; background:url('images/blue-curve.svg') no-repeat top center; background-size:cover; z-index:2; }
#home-hero.service-hero:after {content: none;}
#home-hero.service-hero svg {position: absolute; z-index: 2; bottom: 2%; left: 0; width: 100%; }
#home-hero video { position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:auto; z-index:1; }
.hero-overlay { position:absolute; width:100%; height:100%; top:0; left:0; z-index:2;
background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 35%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0) 35%);
background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0) 35%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 );
}

#home-hero.cs { height:300px; }

#home-hero-content { position:relative; z-index:2; width:500px; top:150px; float: right; }
#home-hero-content.left {left: 0; float: left;}
#home-hero-content h1 { color:#fff; margin-bottom:5px; }
#home-hero-content p { color:#fff; margin-bottom:18px; }
#home-hero-content .button { padding:12px 60px 12px 55px; }


#home-hero-content.home { position:relative; z-index:2; width:100%; top:157px; float: right; text-align:center; }
#home-hero-content.home h1 strong { font-size:72px; line-height:1.1 }

#home-hero-content.service-hero { padding-left:0px; }

#home-top { background:#f3f3f4; padding:30px 0 40px 0; }
#home-top-content { padding:0 50px; }
#home-top-content h2 { margin-bottom:15px; }
#home-top-content a:after { content:'\f054'; font-family:icons; font-size:14px; position:relative; top:-1px; right: -5px; color:#32a440; }

.difference { border-top:1px solid #aeaeae; margin-top:40px; padding-top:40px; }
.nal-difference { margin-top:20px; }
.nal-difference li { position:relative; display:inline-block; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:700; color:#0a395e; text-transform:uppercase; padding-left: 0px; padding-right:20px; }
.nal-difference li:last-child { padding-right:0; }
.nal-difference li:before { content:'\f00c'; font-family:icons; font-size:14px; color:#32a440; position:relative; left:-5px; }

#solutions { position:relative; padding:75px 0 100px 0; }
#solutions:before { content:''; display:block; background:url(images/solutions-top.svg) no-repeat center; width:100%; height:100px; position:absolute; top:-65px; left:0; background-size: 100% 100%; z-index: 1; }
#solutions:after { content:''; display:block; background:url(images/solutions-bottom.svg) no-repeat center; width:100%; height:100px; position:absolute; bottom:-40px; left:0; background-size: 100% 100%; z-index: 1; }
#solutions h2 { font-size:74px; line-height:1; color:#fff; margin-bottom: 10px; }
#solutions p { color:#fff; margin-bottom:20px; }

.blue-overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background: -moz-linear-gradient(left, rgba(10,55,90,1) 0%, rgba(10,55,90,1) 25%, rgba(10,55,90,0.6) 35%, rgba(10,55,90,0.6) 65%, rgba(10,55,90,1) 75%, rgba(10,55,90,1) 100%);
    background: -webkit-linear-gradient(left, rgba(10,55,90,1) 0%,rgba(10,55,90,1) 25%,rgba(10,55,90,0.6) 35%,rgba(10,55,90,0.6) 65%,rgba(10,55,90,1) 75%,rgba(10,55,90,1) 100%);
    background: linear-gradient(to right, rgba(10,55,90,1) 0%,rgba(10,55,90,1) 25%,rgba(10,55,90,0.6) 35%,rgba(10,55,90,0.6) 65%,rgba(10,55,90,1) 75%,rgba(10,55,90,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a375a', endColorstr='#0a375a',GradientType=1 );
}

.white-overlay {
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 1%, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 55%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 1%,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 1%,rgba(255,255,255,0) 20%,rgba(255,255,255,1) 55%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}

.black-overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.7);
}

#footer-form { position:relative; padding:100px 0; }
#footer-form:before { content:''; display:block; background:url(images/solutions-top.svg) no-repeat center; width:100%; height:100px; position:absolute; top:-65px; left:0; background-size: 100% 100%; z-index: 1; }
#footer-form h2 { font-size:52px; line-height:1; color:#fff; margin-bottom: 10px; }
#footer-form p { color:#fff; margin-bottom:20px; }

.each-repeater {position:relative; padding:100px 0;}
.each-repeater:nth-of-type(even):before { content:''; display:block; background:url(images/solutions-top.svg) no-repeat center; width:100%; height:100px; position:absolute; top:-65px; left:0; background-size: 100% 100%; z-index: 1; }
.each-repeater:nth-of-type(even):after { content:''; display:block; background:url(images/solutions-bottom.svg) no-repeat center; width:100%; height:100px; position:absolute; bottom:-40px; left:0; background-size: 100% 100%; z-index: 1; }
.each-repeater h2 { font-size:74px; line-height:1; margin-bottom: 10px; }
.each-repeater p { margin-bottom:20px; }

.each-repeater:nth-of-type(even) .white-overlay {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-group {  }
.panel-group .panel { border-radius:0px; border:0px; margin-bottom: 2px; }
.panel-default > .panel-heading { border-radius:0px; background-color:#1973b8; padding: 0; transition: all 0.25s; }
.panel-default > .panel-heading:hover {background-color: #244291; }
.panel-default > .panel-heading.active:hover {background-color: #eee; }
.panel-default > .panel-heading a { font-weight:bold; color:#fff; font-size:16px; text-transform: uppercase; padding: 15px 15px; display: block;}
/*.panel-default > .panel-heading .glyphicon { color:#fcca31; }*/
.panel-heading.active { background:#e8e8e8; }
.panel-heading.active a { color:#b85919; }
.panel-default > .panel-heading.active .glyphicon { color:#b85919; }
.panel-body { border-top:0px !important; padding:15px 30px; }
.page-content .panel-body p { color:#000 !important; font-size:16px; line-height:28px; }
.panel-body h3 { font-size:14px; font-weight:700; color:#1973b8; }
.page-content .panel-body ul, .page-content .panel-body ul li { text-transform:none; font-size: 16px; line-height: 28px; font-weight:400; color:#000; font-family: 'Arial', sans-serif; }


#solutions .panel-body p { color:#000; }
#solutions .panel-heading.active { background:#fff; }
#solutions .panel-default > .panel-heading a { padding: 20px 15px; font-size:22px; }

.button.outline { background:transparent; border:1px solid #32a440; color:#32a440; }
.button.outline:hover { background:#32a440; color:#fff; }

.button.outline-white { background:transparent; border:1px solid #fff; color:#fff; }
.button.outline-white:hover { background:#32a440; color:#fff; border-color: #32a440; }

.button.outline-blue { background:transparent; border:1px solid #4793ce; color:#4793ce; }
.button.outline-blue:hover { background:#4793ce; color:#fff; border-color: #4793ce; }
.button.outline-blue:after { color:#4793ce; transition:0.25s color ease; }
.button.outline-blue:hover:after { color:#fff; transition:0.25s color ease; }

#tech { padding:120px 0;position:relative; }
.tech-content { float:right; }
.tech-content h2 { font-size:72px; line-height:1; margin-bottom: 10px; }
.tech-content p { margin-bottom:20px; }

#partners { background:#f3f3f4; padding:45px 0; }
#partners h3 { display:inline-block; width:25%; float:left; /*padding: 15px 0;*/ padding: 30px 0; }
#partners #logos { display:inline-block; width:75%; float:left; overflow:hidden; }
#partners #logos .slick-slide { margin:0 20px; max-width:100px; }
#partners #logos .slick-track { display:flex; align-items:center; }

#map-section { background:url(images/map-bg.jpg) no-repeat center; background-size:cover; /*min-height:750px;*/ padding:100px 0; }
#map-section #map-content { margin-top:90px; }
#map-section #map-content hr { border-top: 1px solid #aeaeae; margin:35px 0; }
#map-section #map-content h3 { line-height:1.25; }
#map-section #map-content .button { margin-top:15px; }

/**** Interior Pages ****/
#interior-content { /*margin-bottom:50px;*/ }
#page-header { height:300px; position:relative; }
#page-header:before { content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:0; padding-bottom: 10%; background:url('images/header.svg') no-repeat center; background-size:cover; z-index:3; }
#page-header:after { content:''; display:block; position:absolute; bottom:0px; left:0; width:100%; height:0; padding-bottom: 11%; background:url('images/blue-curve.svg') no-repeat center; background-size:cover; z-index:2; }
.header-overlay { position:absolute; width:100%; height:100%; top:0; left:0; z-index:1;
background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 35%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0) 35%);
background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 20%,rgba(0,0,0,0) 35%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 );
}
.page-content { padding:0 20px 40px 20px; font-family: 'Arial', sans-serif; }
.page-content h1 { font-size:42px; color:#0a375a; padding-bottom:15px; border-bottom:1px solid #aeaeae; margin-bottom:15px; }
.page-content h2, .page-content h3 { /*margin-bottom:20px;*/ margin:20px 0; }
.page-content p { color:#000; font-size:16px; line-height:28px; margin-bottom:20px; }
.page-content ul {padding-left: 0;}
.page-content ul li {position:relative; display:block; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:700; color:#0a395e; text-transform:uppercase; padding-left: 20px; text-indent: -19px; padding-right:20px;}
.page-content ul li:before { content:'\f00c'; font-family:icons; font-size:14px; color:#32a440; position:relative; left:0; padding-right: 5px; }

.page-content ul.inline { text-align:center; }
.page-content ul.inline.left { text-align:left !important; }
.page-content ul.inline li { display:inline-block; }

.nav-tabs > li { text-indent: 0px !important; padding: 0px !important; }
.nav-tabs > li::before { content:none !important; }
.nav-tabs > li > a { background:#1973b8; color:#fff; border-radius:0px !important; }
.nav-tabs > li > a:hover { background:#32a440 !important; color:#fff !important; }
.nav-tabs > li.active > a { border-bottom:0px; }
#location-tabs { margin-top:35px; }
#location-tabs h3 { margin:20px 0; }
#location-tabs .tab-content { border: 1px solid #ddd; border-top:0px; }

#location-tabs .tab-content { overflow: hidden !important; height: 650px; }

/* location map height hack
.tab-pane.fade.active { height:0; }
.tab-pane.fade.in.active { height:auto; }
*/

.sidebar-form, .sidebar-widget.contact-info { background:#0a375a; padding:30px 25px; margin-top:100px; position:relative; }
.sidebar-form:before, .sidebar-widget.contact-info:before { content:''; display:block; background:url(images/sidebar-top.svg) no-repeat; width:100%; height:0; padding-bottom: 6%; position:absolute; top:-10px; left:0; }
.sidebar-form h2, .sidebar-widget.contact-info h2 { color:#fff; font-size:36px; line-height:1; margin-bottom:20px; }
.sidebar-form h3, .sidebar-widget.contact-info h3 { color:#fff; font-size:32px; line-height:1; margin-bottom:10px; }
.sidebar-form h4, .sidebar-widget.contact-info h4 { color:#fff; font-size:12px; line-height:16px; font-weight:normal; }
.sidebar-form p, .sidebar-widget.contact-info p { color:#fff; font-size: 16px; font-weight: 200; }
.sidebar-form .button { display:block; border:0px; }
#sidebar-form .button {margin: 0 auto; display: block; padding: 12px 40px ;}
#sidebar-form { margin:15px 0; }

.btn-group.bootstrap-select {width: 100% !important;}
.bootstrap-select.btn-group .dropdown-menu li {padding-left: 0; text-indent: 0;}
.bootstrap-select.btn-group .dropdown-menu li:before {content: none !important;}
.bootstrap-select > .dropdown-toggle:hover, .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default,.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {background: none; box-shadow: 0;}

input[type="text"], textarea, .bootstrap-select > .dropdown-toggle { width:100%; margin-bottom:10px; font-family: 'Raleway', sans-serif; font-size:12px; color:#777777; text-transform: uppercase; font-weight:700; padding:15px; border-radius: 0; border: 1px solid #aeaeae; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none; }
input[type="text"] { height:45px; }
textarea { height:105px; }
input[type="text"]:focus, textarea:focus {outline-color: #4E94C9;}

input[type="text"]::-webkit-input-placeholder { color: #000; }
input[type="text"]::-moz-placeholder { color: #000;}
input[type="text"]:-ms-input-placeholder { color: #000; }
input[type="text"]:-moz-placeholder { color: #000; }
textarea::-webkit-input-placeholder { color: #000; }
textarea::-moz-placeholder { color: #000;}
textarea:-ms-input-placeholder { color: #000; }
textarea:-moz-placeholder { color: #000; }
/*legend { padding: 15px; background: #002f5f; color: #fff; }*/

.careers-container .careers-form input[type="text"].invalid { border: 1px solid red; }
.careers-container .careers-form select.invalid { border: 1px solid red; }
.careers-container .careers-form textarea.invalid { border: 1px solid red; }

.careers-container .careers-form fieldset {
    border: 1px solid #022556;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.careers-container .careers-form fieldset legend {
    margin-left: -15px;
    width: calc( 100% + 29px);
    max-width: calc( 100% + 29px);
    padding: 1rem 1.25rem;
    background: #002f5f;
    color: #fff;
}

.careers-container .careers-form .btn-group.bootstrap-select { width:auto !important; }
.careers-container .careers-form .bootstrap-select > .dropdown-toggle { width:auto; }
.careers-container .careers-form .bootstrap-select.btn-group .dropdown-menu li { padding-right:0; }

.careers-container .careers-form .error {
    color: red;
}
#errorBox {
    background: #f2dede;
    color: #b94a48;
}
#errorBox p {
    padding: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#errorBox ol {
    padding: 1.25rem;
    padding-left: 40px;
    padding-bottom:20px;
}

#latest-news { border:1px solid #1871b8; margin-bottom:100px; min-height:350px; position:relative; margin-top:50px; }
#latest-news .date, .entry-header .date, #news-block .date { font-family: 'Raleway', sans-serif; font-size:12px; font-weight:700; color:#4793ce; text-transform: uppercase; }
#latest-news h2, #news-block h2 { margin-bottom:10px; }
#latest-news h3, #news-block h3 { font-size:22px; line-height: 28px; }
#latest-news .news-img { position:absolute; height:100%; width:50%; left:0; top:0; }
#latest-news .news-content, #news-block .news-content { width:50%; padding:60px; position:absolute; right:0; height: 100%; }
#news-block .news-img { width:100%; padding-bottom:65%; }
#news-block .news-content { position:relative; width:100%; padding: 30px; height:auto; }
#latest-news .all-news, #news-block .all-news { position:absolute; right:25px; bottom:25px; font-family: 'Raleway', sans-serif; font-size:12px; font-weight:700; color:#32a440; text-transform: uppercase; }
#latest-news .all-news:after, #news-block .all-news:after { content:'\f138'; font-family:icons; font-size:30px; position:relative; top:5px; right: -10px; }
#latest-news .all-news:hover, #news-block:hover .all-news { text-decoration: none; color:#4fc05d; }

#news-block {display:block; border:1px solid #1871b8; margin-bottom:30px; min-height:350px; position:relative;}
#news-block P {font-size: 16px; line-height: 1.8;}
#news-block:hover { background: #1871b8; color: #fff; text-decoration: none;}
#news-block:hover .date, #news-block:hover h3, #news-block:hover p {color: #fff !important;}
#news-block:hover h3 { text-decoration:underline; }
#news-block:hover .all-news {color: #fff;}

#callouts {margin: 30px auto;}
.each-callout {background: #fff; border-top: 10px solid; padding: 30px; box-shadow: 0 0 25px 0px rgba(26,23,24,0.1); height: 100%;}
.each-callout .title { /*font-size: 65px;*/ font-size: 50px; line-height: 1.2; }
.each-callout .title sup {font-size: 30px; color: #878787; vertical-align: super;}
#additional-content ul li {display: inline-block;}

.career-benefit { text-align:center; border-bottom:1px solid #ccc; padding-bottom:15px; margin:25px 0; }
.career-benefit h3 { font-weight:bold; text-transform:uppercase; margin-bottom:10px; }

.careers-cta { padding:150px 0; background-color: #1973b8; margin-bottom:40px; position:relative; }
.careers-cta .overlay { position:absolute; width:100%; height:100%; top:0; left:0; background-color: #0a375a; opacity:0.75; z-index:1; }
.careers-cta .container { position:relative; z-index:2; }
.careers-cta h2, .careers-cta h3, .careers-cta p { color:#fff; }
.careers-cta h2 { margin-bottom:15px; }

.service-case-studies { display:none; }

/**** Single Page ****/
.single-page .page-content article .entry-summary img { max-width: 100%; height: auto; width: 100%; }

/**** Footer Content ****/
footer { background: #f3f3f4; padding:50px 0; }
#logo-footer { width:170px; display:inline-block; }
.footer-bottom { margin-top:40px; }
.footer-bottom .copy { float:left; }
.footer-bottom .privacy { float:right; }
.footer-copy { font-family: 'Raleway', sans-serif; font-size:14px; color:#707578; }
.footer-copy a { color:inherit; }

.footer-menu { display:inline-block; }
.footer-menu li { display:inline-block; padding:0;  }
.footer-menu li:first-child a { padding-left:0px; }
.footer-menu li:last-child a { padding-right:0px; }
.footer-menu li a { font-family: 'Raleway', sans-serif; font-weight:700; font-size:16px; color:#1973b8; padding:0 15px; }
.footer-menu li a:hover { text-decoration:none; color:#32a440; }

.footer-aux { display:inline-block; margin-left:35px; }
.footer-aux li { display:inline-block; }
.footer-aux a { font-family: 'Raleway', sans-serif; font-size:12px; font-weight:700; color:#1973b8; text-transform: uppercase; }
.footer-aux a:hover { text-decoration:none; color:#32a440; }
.footer-aux .login { margin-left:20px; }

.social-footer { display:inline-block; margin-left:35px; }
.social-footer ul li { display:inline-block; padding:0; margin:0 5px; }
.social-footer ul li a { color:#0a375a; font-size:24px; }
.social-footer ul li a:hover { color:#32a440; }

/* Breadcrumbs */
p.breadcrumbs { font-family: 'Raleway', sans-serif; font-size:12px; color:#4793ce; text-transform:uppercase; line-height:1; margin-bottom:20px; margin-top:20px; }
p.breadcrumbs a { color:#4793ce; }
p.breadcrumbs a:hover { }
.single-page .breadcrumbs span[property="itemListElement"] > span[property="name"] { display: none; }

.team-member h2 { margin-bottom:5px; }
.team-member { }
.team-member .member-photo { margin-bottom:20px; }
.team-member.exec h2 { font-size:20px; line-height:1.1; margin-bottom:5px; padding-bottom:0px;  }
.team-member.exec h3 { font-size:12px; line-height:1.1; margin-bottom:10px; padding-bottom:0px;  }

.team-bg:hover { cursor:pointer; text-decoration:none !important; }
.team-bg:hover > h2 { color:#60baff; }
.team-bg:hover > h3 { color:#999; }

.modal.team { z-index:999999; }
.modal.team .modal-body { padding:25px; border-top:5px solid #1973b8; border-bottom:10px solid #0a375a; background: url(images/team-modal-window.jpg) top right no-repeat; background-size: 100% 100%;  }
.modal.team .modal-dialog { width: 1000px; }
.modal.team .modal-content { border-radius:0px !important; border:0px !important; }
.modal.team .btn { background:#32a440 !important; color:#fff !important; z-index:100; position:absolute; right:5px; top:5px; height:40px; width:40px; border:0; font-size:20px; padding:0; }
.modal.team .modal-footer { border:0px; background:#fff; }
.modal.team .member-name { color:#fff; background:#ff2962; padding:8px; font-size:24px; text-transform:uppercase; font-weight:700; margin-bottom:0px; }
.modal.team .member-title { color:#fff; background:#000; padding:5px; font-size:18px; font-weight:400; margin-top:0px; }
.modal.team .bio { font-size:17px; color:#062f3b; line-height:24px; padding-top:40px; }
.modal.team .headshot { width:100% !important; min-width:100% !important; bottom:0px; margin-bottom:0px; }
.modal.team .modal-backdrop { opacity:0.75 !important; }
.modal.team h3 { font-size:24px; color:#062f3b; margin-bottom:25px; }

.modal.team { width:100%; height:100%; }
.modal.team .modal-dialog { position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

/******* Main Navigation *****/
#navigation { display: inline-block; margin-right:90px; }
#navigation .nav li { display:inline-block; padding:0px; padding-right:20px; position:relative; }
#navigation .nav li:last-child { padding-right:0; }
#navigation .nav li a { font-family: 'Raleway', sans-serif; font-size:16px; color:#fff; font-weight:700; padding:10px; }
#navigation .nav li a .fa { color:#32a440; font-size:12px; position:relative; top:-2px; left:5px; }

#navigation .nav li .sub-menu li a .fa  { left:0px; color:#1973b8; }


#navigation:hover .nav li a { opacity:0.75; }
#navigation .nav li:hover a { opacity:1; }
.nav > li > a:focus, .nav > li > a:hover { background-color:transparent; }
#navigation .nav li.menu-item-has-children { position:relative; }
#navigation .nav li.menu-item-has-children:after { content:'\f078'; font-family:icons; font-size:12px; position:absolute; top:15px; right: 10px; color:#32a440; }
#navigation .sub-menu { background: #f8f8f8; position: absolute; top: 50px; z-index: 99999; padding: 0px 0px 0px 0px; margin: 0px; width: 200px; visibility: hidden; opacity:0; padding:0; margin:0; text-align:left; margin-left:5px; transition: all 0.25s; border-top:4px solid #1973b8; }
#navigation .nav .sub-menu  { /*display: none;*/  }
#navigation .nav li:hover .sub-menu { /*display: block;*/ visibility: visible; opacity:1; list-style: none; top: 35px; transition: all 0.25s; }
#navigation .nav .sub-menu li { padding: 0; margin: 0px; line-height: 1em; float: none; border: 0px; display: block; }
#navigation .nav .sub-menu li a { display:block; padding:10px; font-size:14px; text-decoration:none; opacity:0.8; color:#1973b8; border-bottom:1px solid #e8e8e8; }
#navigation .nav .sub-menu li a:hover { text-decoration:none; opacity:1; background:#fff; }

#mg-wprm-wrap ul li { padding:0; }
html body #wprmenu_menu_ul li.wprmenu_parent_item_li > ul { padding:0 !important; }
html body #wprmenu_menu_ul li.wprmenu_parent_item_li > ul li a { font-size:13px !important; text-transform:capitalize !important; }

    .hamburger-box { top:6px; }
    .hamburger-box .hamburger-inner { width: 25px !important; height: 1px !important; border-radius: 1px !important; }
    .hamburger-box .hamburger-inner::before { top:4px !important; width: 25px !important; height: 1px !important; border-radius: 1px !important; }
    .hamburger-box .hamburger-inner::after { top:8px !important; width: 25px !important; height: 1px !important; border-radius: 1px !important; }

    .hamburger.is-active .hamburger-box { top:0px; }
    .hamburger.is-active .hamburger-box .hamburger-inner::before { top:10px !important; width: 25px !important; height: 1px !important; border-radius: 1px !important; }
    .hamburger.is-active .hamburger-box .hamburger-inner::after { top:20px !important; width: 25px !important; height: 1px !important; border-radius: 1px !important; }

    #wprmenu_bar .menu_title { font-size:16px !important; top: -8px !important; }

/*********** RESPONSIVE IFRAMES *************/
.flex-video {
    position: relative;
    padding-top: 0px;
    padding-bottom: 100%; /* Fix for Google Maps on contact page */
    /* padding-bottom: 67.5%; */
    height: 0;
    margin-bottom: 0px;
    overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}


/*********** Image posts *************/

img.alignleft, .wp-caption.alignleft { float: left; margin: 12px 24px 12px 0; }
img.alignright, .wp-caption.alignright { float: right; margin: 12px 0 12px 24px; }
img.aligncenter, .wp-caption.aligncenter { display: block; clear: both; margin-top: 12px; margin-bottom: 12px; margin-left: auto !important; margin-right: auto !important; }

/*********** EXTRA MEDIA QUERIES *************/

@media screen and (max-width: 1800px) {
    #home-top {background-position: 120% 10px !important;}
}

@media (max-width: 1500px) {
    #home-hero.service-hero svg {bottom: 1%;}
    #home-top {background-position: 140% 10px !important;}
    .each-callout .title { /*font-size: 50px;*/ font-size: 45px; }
    .each-callout .title sup {font-size: 20px;}
}

@media (max-width: 1400px) {
    #home-hero video { width:auto; height:105%; }
    footer { padding-bottom:100px; }
}

@media (max-width: 1375px) {
    .each-callout .title { /*font-size: 50px;*/ font-size: 40px; }
}

@media screen and (max-width: 1300px) {
    #home-top {background-position: 160% 10px !important;}
}

@media (max-width:1200px) {
    .col-5 { width:25%; }
    .flex-lg,
    .flex-sm,
    .flex-xs { display: block }
    .flex-md { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }
    #navigation { margin-right:20px; }
    #navigation .nav li a { font-size:14px; }
    #navigation .nav li.menu-item-has-children:after { top:12px; }
    #navigation .nav .sub-menu li a { font-size:12px; }
    #solutions h2, .tech-content h2, .each-repeater h2 { font-size:60px; }
    #solutions::before { top:-60px; }
    .footer-menu { margin-bottom:15px; }
    .sidebar-form h3, .sidebar-widget.contact-info h3 { font-size:28px; }
    .each-callout .title {font-size: 30px;}
    .each-callout .title sup {font-size: 15px;}
    #home-top {background-position: 180% 10px !important;}
    #solutions .panel-default > .panel-heading a {  font-size:18px; }
    #location-tabs .tab-content { overflow: hidden !important; height: 565px; }
}

@media screen and (max-width: 1100px) {
    #home-top {background-position: 220% 15px !important;}
    .modal.team .modal-dialog { width: 768px; }
}

@media screen and (max-width: 1000px) {
    #home-top {background-position: 250% 30px !important;}
}

@media screen and (max-width: 992px) {
    #home-top {background-image: none !important;}
}

@media (max-width:991px) {
  .col-5 { width:33%; }
    .flex-lg,
    .flex-md,
    .flex-xs { display: block }
    .flex-sm { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }

    .blue-overlay {
        background: -moz-linear-gradient(top, rgba(10,55,90,1) 0%, rgba(10,55,90,1) 25%, rgba(10,55,90,0.6) 35%, rgba(10,55,90,0.6) 65%, rgba(10,55,90,1) 75%, rgba(10,55,90,1) 100%);
        background: -webkit-linear-gradient(top, rgba(10,55,90,1) 0%,rgba(10,55,90,1) 25%,rgba(10,55,90,0.6) 35%,rgba(10,55,90,0.6) 65%,rgba(10,55,90,1) 75%,rgba(10,55,90,1) 100%);
        background: linear-gradient(to bottom, rgba(10,55,90,1) 0%,rgba(10,55,90,1) 25%,rgba(10,55,90,0.6) 35%,rgba(10,55,90,0.6) 65%,rgba(10,55,90,1) 75%,rgba(10,55,90,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a375a', endColorstr='#0a375a',GradientType=0 );
    }

    .white-overlay {
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 99%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 99%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 55%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 99%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    }

    .quote-header { margin-top:15px; }
    #home-hero { height:650px; }
    #home-hero:after { bottom:0px; }
    .hero-overlay { background:#000; opacity:0.6; height: 99%; }
    #home-hero-content { position: relative; top:auto; right:auto; width:80%; margin:0 auto; margin-top:90px; float:none !important; text-align:center; }
    #home-hero-content.service-hero { padding-left:15px; }
    #home-hero-content.home { top:auto; }
    .solution-content { margin-bottom:25px; }
    #tech, .each-repeater { background: none !important;  padding: 75px 0 0 0; }
    #tech .white-overlay, .each-repeater .white-overlay { display: none; }
    .each-repeater:nth-of-type(even):before { content:none; }
    .each-repeater:nth-of-type(even):after { content:none; }
    .each-repeater img { margin-bottom:25px; }
    #partners h3 { display:block; width:100%; float:none; padding:0; margin-bottom:15px; }
    #partners #logos { display:block; width:100%; float:none; }
    #map-section { padding:50px 0; }
    #map-section #map-content { margin-top:25px; padding:0 15px !important; }
    #map-section #map-content hr { margin:25px 0; }
    #map-section #map-content .button { margin-top:20px; }
    .map-img { width:400px; margin:0 auto; }
    .footer-menu { display:none; }
    .page-content { padding: 0 20px 40px 20px; }
    .sidebar-form, .sidebar-widget.contact-info { margin-top:0px; margin-bottom:50px; }
    .sidebar-form::before, .sidebar-widget.contact-info::before { top:-30px; }
    #latest-news { padding-bottom:30px; }
    #latest-news .news-img { position:relative; height:400px; width:100%; top:auto; left:auto; }
    #latest-news .news-content { position:relative; width:100%; padding:30px 30px 20px 30px; right:auto; height:auto; }
    #latest-news .all-news { position:relative; right:auto; bottom:auto; margin:0 30px; float: right; }
    #footer-form:before {content: none;}

    .each-callout {margin-bottom: 30px;}
    .each-callout .title {font-size: 65px;}
    .each-callout .title sup {font-size: 30px;}
    .team-contact { margin-bottom:5px; }

    #location-tabs .tab-content { overflow: hidden !important; height: 440px; }
    .modal.team .modal-dialog { position: relative; top: 0; left: 0; transform: none; }

    #home-hero-content.home h1 strong { font-size:52px; line-height:1.1; margin-bottom:10px; display:inline-block; }
}

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

@media (min-width:767px) {
#stickyquote.round-button:hover > .quote-truck { display:block; }
#stickyquote.round-button:hover > .quote-text { display:none; }
}

@media (max-width:768px){
  .modal.team .modal-dialog { width: auto; }
  .modal.team .modal-body { padding-bottom:15px; }
    .modal.team .bio { font-size:15px; line-height:1.2; }
  .modal.team .member-name { margin-top:40px; }
}

@media (max-width:767px){
  .col-5 { width:50%; }
    .flex-lg,
    .flex-md,
    .flex-sm { display: block }
    .flex-xs { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; }
    .sub-menu { position: relative; }
    header { padding-left:15px; padding-right:15px; }
    .tagline { display:none; }
    h2 { font-size:32px; }
    p { font-size:16px; line-height:24px; }
    #home-hero { height:600px; }
    #home-hero-content { margin-top:65px; }
    #home-hero-content.home { margin-top:100px; top:0px; }
    #home-hero-content.left {left: auto; float: none;}
    #home-hero-content h1 { font-size:32px; }
    #page-header { height:250px; }
    .panel-default > .panel-heading a { font-size:16px; }
    .panel-body p { font-size:14px; line-height:24px; }
    #solutions { padding:50px 0; }
    #solutions h2, .tech-content h2, .each-repeater h2 { font-size:45px; }
    #solutions::before { content:none; }
    #solutions::after { content:none; }
    #solutions .panel-default > .panel-heading a { padding: 15px 7px; font-size:12px; }
/*    #tech, .each-repeater { padding:50px 0 0 0; }*/
    #tech { padding:50px 0 0 0; }
    .each-repeater { padding:0 0 45px 0; }
    .map-img { width:300px; }
    #logo-footer { display:block; margin:0 auto; }
    .social-footer { display:block; text-align:center; margin-top:25px; margin-left:0; }
    .footer-aux { display:block; margin-left:0; text-align:center; margin-top:15px; }
    .footer-bottom { margin-top:25px; }
    .footer-bottom .copy, .footer-bottom .privacy { float:none; text-align:center; }
    .page-content { padding: 0 20px 30px 20px; }
    .sidebar-form::before, .sidebar-widget.contact-info::before { top:-25px; }
    .sidebar-form .button { width:100%; }
    #latest-news .news-img { height:300px;  }
    .page-content h1 { font-size:36px; }
    .page-content h2 { font-size:28px; }
    #home-hero.service-hero {height: auto; min-height: 450px; padding-bottom: 50px;}
    #home-hero.service-hero svg {bottom: 0;}
    #news-block { height:auto !important; }
    .modal.team .modal-body { background:#fff !important; }
    .full-width-header { padding-left:0px; padding-right:0px; }
}

@media (max-width:680px) {

    #page-header:before { padding-bottom: 16%;  }
    #page-header:after {  padding-bottom: 20%; }
    #page-header { background-position-x: 30% !important; }
    .nal-difference li { font-size:19px !important; }
    #home-hero-content h1 { font-size:24px; }
    #home-hero-content.home h1 strong { font-size:32px; line-height:1.1; margin-bottom:10px; display:inline-block; }

}

@media (max-width:550px) {
  .col-5 { width:100%; }
    .sidebar-form::before, .sidebar-widget.contact-info::before { top:-20px; }
    #solutions .panel-default > .panel-heading a { padding: 15px 5px; font-size:11px; }
    #location-tabs .tab-content {
        overflow: hidden !important;
        height: 317px;
    }
    .each-callout .title { font-size: 40px; }
}

@media (max-width:480px) {
    #home-hero-content { width:90%; }
    #home-top-content { padding:0; }
    #page-header { height:200px; }
    .nal-difference li { display:block; padding-right:0px; }
/*    .panel-default > .panel-heading { padding:15px 0; }*/
    .panel-default > .panel-heading a { font-size:13px; }
    #map-section #map-content h2 { font-size:28px; }
    #map-section #map-content h3 { font-size:21px; }
    .sidebar-form::before, .sidebar-widget.contact-info::before { top:-15px; }
    #latest-news .news-img { height:250px;  }
    .each-callout .title {font-size: 40px;}
    .each-callout .title sup {font-size: 20px;}
}

@media (max-width:400px) {
    #location-tabs .tab-content {
        overflow: hidden !important;
        height: 225px;
    }
}

@media (max-width:380px) {
    #home-hero.service-hero:before {bottom: -2px;}
    .each-callout .title {font-size: 40px;}
    .each-callout .title sup {font-size: 15px;}
}

@media screen and (min-width:0) {}

@media only screen and (max-width:768px) and (orientation: landscape) {}

/* iPad specific (portrait) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {}

/* iPad 1 & 2 specific */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { }

/* iPhone 6 specific*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) { }

/* iphone 5 specific */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) { }

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) { }

/*********** IE 10 ***********/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .img-responsive { max-width:100% !important; height: auto !important; width: auto !important; } #home-hero.service-hero svg { height:138px; } }
/********* END IE 10 ********




