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

	Project Information

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

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

/******************** FONT LIST **********************/
@font-face {
	font-family: 'Aller Regular';
	src: url('fonts/Aller_Rg.eot');
	src: url('fonts/Aller_Rg.woff') format('woff'), 
	     url('fonts/Aller_Rg.ttf') format('truetype'), 
             url('fonts/Aller_Rg.svg') format('svg');
}

@font-face {
	font-family: 'Aller Bold';
	src: url('fonts/Aller_Bd.eot');
	src: url('fonts/Aller_Bd.woff') format('woff'), 
	     url('fonts/Aller_Bd.ttf') format('truetype'), 
             url('fonts/Aller_Bd.svg') format('svg');
}

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

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 101% !important;
    left: -1px;
}

/*********** 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 { padding-bottom:20px; }
.padding-top-5 { padding-top:5px; }
.padding-top-10 { padding-top:10px; }
.padding-top-45 { padding-top:45px; }
.padding-top-35 { padding-top:35px; }
.padding-top-25 { padding-top:25px; }
.padding-top-15 { padding-top:15px; }
.padding-bottom-5 { padding-bottom:5px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-45 { padding-bottom:45px; }
.padding-bottom-35 { padding-bottom:35px; }
.padding-bottom-25 { padding-bottom:25px; }
.padding-bottom-15 { padding-bottom:15px; }
.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; }
.bg-offwhite { background:#f9f9fc; }

/*********** CMDS General Tag Styles *************/
* { box-sizing:border-box; /*transition: all 0.25s;*/ }
body { color:#665953; font-size:15px; font-family: 'Roboto', Arial, sans-serif; line-height:25px; }
p { color:#665953; font-size:15px; font-family: 'Roboto', Arial, sans-serif; line-height:25px; margin-top:10px; margin-bottom:10px; }
a { color:#ed9622; text-decoration:none; }
a:visited { color:#ed9622; text-decoration:none;  }
a:hover, a:active { color:#eba239; text-decoration:none; }
ul { padding-bottom:0px; margin-bottom:5px; padding-left:30px; margin-top:5px; }
ul li { padding-bottom:9px; padding-left:5px; color:#665953; font-size:15px; font-family: 'Roboto', Arial, sans-serif; line-height:25px; }
h1 { font-size:40px; color:#ed9622; padding:20px 0px 20px 0px; line-height:42px; font-family: 'Noto Sans', Roboto, Arial, sans-serif; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin-bottom:25px; }
h2 { font-size:32px; color:#665953; margin-top:10px; margin-bottom:10px; line-height:36px; font-family: 'Noto Sans', Roboto, Arial, sans-serif; }
h3 { font-size:27px; color:#eba239; margin-top:10px; margin-bottom:10px; line-height:30px; font-family: 'Noto Sans', Roboto, Arial, sans-serif; }
h4 { line-height:21px; font-family: 'Noto Sans', Roboto, Arial, sans-serif; }
h5 { font-size: 16px; font-family: 'Noto Sans', Roboto, Arial, sans-serif; }
h6 { font-family: 'Noto Sans', Arial, sans-serif; }
h1 b { font-family: 'Noto Sans', Arial, sans-serif; font-weight:700; }
h2 b { font-family: 'Noto Sans', Arial, sans-serif; font-weight:700; }
h3 b { font-family: 'Noto Sans', Arial, sans-serif; font-weight:700; }
h4 b { font-family: 'Noto Sans', Arial, sans-serif; font-weight:700; }
h5 b { font-family: 'Noto Sans', Arial, sans-serif; font-weight:700; }
h6 b { font-family: 'Noto Sans', Arial, sans-serif; font-weight:700; }
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; }


/******* Header ******/
header { background:#fcfcfc; padding-top:20px; padding-bottom:20px;  }
header span { font-size:20px; color:#665953; font-family:'Roboto', Arial, sans-serif; font-weight:400; text-transform:uppercase; padding-right:40px; }
header span b { font-weight:600; }
#header-top { }
.interior-top-border { border-top:10px solid #e0e0e0; width:100%; }
#logo-home img { max-width:280px; }

/**** Interior Content ****/
#interior-sub-menu { width:100%; background:#ed9622; color:#ffffff; }
#interior-content a { color:#ed9622; }
#interior-content a:hover { color:#eba239; }
#page-head { position:relative; }
#page-head .page-header-img { width: 100%; display: block; position:relative; }
.header-play-button { position:absolute; width:100%; top:35%; }
.play { opacity:0.7; }
.play:hover { cursor:pointer; opacity:1; }
#interior-sub-menu ul { margin-top:0px; margin-bottom:0px; position:relative; left:-30px; margin-left:0px; padding-left:10px; }
#interior-sub-menu ul li { display:inline-block; padding:15px 20px 15px 20px;  }
#interior-sub-menu ul li a { color:#ffffff; font-size:14px; } 
#interior-sub-menu ul li:hover { background: url(images/interior-child-menu-over.png) center bottom no-repeat; }
#interior-sub-menu ul li.current-menu-item, #interior-sub-menu ul li.current-menu-ancestor, #interior-sub-menu ul li.current-page-ancestor { background: url(images/interior-child-menu-over.png) center bottom no-repeat; }
#interior-sub-menu ul li.current-menu-item, #interior-sub-menu ul li.current_page_item, #interior-sub-menu ul li.current-page-ancestor { background: url(images/interior-child-menu-over.png) center bottom no-repeat; }
.case-study { padding-top:20px; padding-bottom:20px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin-top:11px; }
.case-study h3 { font-size:25px !important; color:#6a6a6a !important; }
.case-study h4 { font-size:18px !important; color:#eba239 !important; }
.case-study p { font-size:15px; line-height:23px; color:#757575; }
.sidebar-widget.sidebar-form { margin-bottom:30px; }

#interior-sub-menu ul li { display:inline-block; padding:10px 20px 10px 20px;  }
#interior-sub-menu ul li a { color:#ffffff; font-size:14px; } 

/**** Custom TINYMCE Styles ****/
.large-text { color:#6d6d6d; font-size:18px; line-height:28px; }
a.cta-link { color:#ed9622; font-size:18px; line-height:24px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:8px 0px 10px 0px; margin-top:15px; width:100%; display:inline-block; }
a.cta-link:hover { text-decoration:none; color:#c04319 !important; }
a.cta-link::after { font-family: 'Glyphicons Halflings'; content:"\e092"; padding-left:15px; top:3px; position:relative;}

/**** Right Sidebar ****/
#sidebar-right { padding-top:60px; }
#sidebar-right h4 { color:#ed9622; font-size:32px; margin-bottom:15px; }

/**** Page Content ****/
.page-content { }

/**** Footer Content ****/
.footer-copy { background:#ed9622; color:#fff; text-align:center; padding:10px; width:100%; font-size:12px; }

footer { background:#fcfcfc; padding-top:60px; padding-bottom:60px; margin-top:0px; text-align:left; }
footer span { color:#665953; font-size:20px; text-transform:uppercase; }
footer .address { font-size:12px; color:#aaaaaa; padding-top:20px; }
footer .button { margin-left:20px; font-size:12px; padding:11px; text-transform:none !important; }
footer ul { padding-top:15px; padding-bottom:30px; }
#menu-footer-menu { padding-left:0px !important; }
footer ul li { display:inline-block !important; padding:0px 18px; font-size:15px; border-left:1px solid #919191; line-height:16px; }
footer ul li:first-child { display:inline-block !important; padding:0px 18px 0px 0px; border-left:0px; }
footer ul li a, footer ul li a:visited { color:#919191 !important; }
footer ul li a:hover, footer ul li a:active { color:#ed9622 !important; }

/********* Breadcrumbs *******/
.breadcrumbs { margin:25px 0 0 0; color:#665953; font-size:13px; }
.breadcrumbs .sep { color:#e0e0e0; padding-left:5px; padding-right:5px; }
.breadcrumbs a { }
.breadcrumbs a:hover { }

/********* Search Bar ********/
#search-bar { display:table; height:45px; margin-top:4px; }
#search-bar input { background:#24b1f7; color:#ffffff; font-size:16px; padding:2px 9px 2px 9px; height:23px;}
#search-bar .search-icon { position: absolute; z-index: 6; top: 3px; right: 7px; }
.search_field { display: table-cell; vertical-align:middle; }
.search_field input { border: none; padding: 0; }
.search_field button { border: none; background: url(images/theme/search-icon.png) no-repeat; background-position: 0px 3px; width: 23px; height: 20px; float:left; }
#search-bar input::-webkit-input-placeholder { color: #ffffff; }
#search-bar input:-moz-placeholder { color: #ffffff; }
#search-bar input::-moz-placeholder { color: #ffffff; }
#search-bar input:-ms-input-placeholder { color: #ffffff; }

/******* Main Navigation *****/
#navigation { margin-top:20px; }
#navigation .nav { list-style: none; margin: 0; padding: 0; width: 100%; color:#ffffff; margin-top:0px; text-transform:uppercase; position:relative; }
#navigation .nav li { padding:0px; text-align: center; text-align: center; background:none; position:relative; display: inline-block; padding:10px 20px 10px 20px;  }
#navigation .nav li a { color:#665953; font-size:15px; text-decoration:none; padding:0px; display: block; line-height:15px; font-family:'Open Sans', Arial, sans-serif; font-weight:600; }
#navigation .nav li a div { text-align:center; height:35px; width:100%; }
#navigation .nav li a span { text-align:center; width:100%; padding-top:1px; }
#navigation .nav li a:hover, #navigation .nav li a:focus { color:#ed9622; background:none; }
#navigation .nav li:first-child a { }
#navigation .nav li:last-child  { border-right:0px !important; padding-right:0px;  }
#navigation .nav li.current-menu-item a, #nav li.current-menu-ancestor a, #nav li.current-page-ancestor a { color:#ed9622; background:none; }
#navigation .nav .current-menu-item, #navigation .nav .current_page_item, #navigation .nav .current-page-ancestor { color:#ed9622; background:none; }
#navigation .nav li.menu-item-has-children .relative:hover > a { color:#ed9622; background:none; }
#navigation .nav li:hover > a { }

/* .sub-menu { background: #fcfcfc; position: absolute; top: 30px; z-index: 10000; padding: 26px 0px 0px 0px; margin: 0px; min-width: 220px; }
#navigation .nav .sub-menu  { display: none; }
#navigation .nav li:hover .sub-menu { display: block; list-style: none; }
#navigation .nav .sub-menu li { text-align:left; padding: 10px 10px 10px 10px; margin: 0px; line-height: 1em; float: none; border-bottom: 1px solid #ececec; min-width: 220px !important; display: block; height:auto !important; }
#navigation .nav .sub-menu li:hover, #navigation .nav .sub-menu li.current_page_item { background:#ed9622; color:#ffffff !important; }
#navigation .nav .sub-menu li.current_page_item > a, #navigation .nav .sub-menu li:hover > a { color:#ffffff !important; } 
#navigation .nav .sub-menu li:last-child { background:none !important; }
#navigation .nav .sub-menu li:last-child.current_page_item { background:#ed9622 !important; color:#ffffff; }
#navigation .nav .sub-menu li:last-child:hover { background:#ed9622 !important; }
#navigation .nav .sub-menu li a { line-height:15px; font-size:13px; color: #bfbfbf !important; border: 0px; }
#navigation .nav .sub-menu li a:hover, #navigation .nav .sub-menu li a:focus { color:#ffffff !important; background:none !important; }
#navigation .nav .sub-menu li .sub-menu { }
#navigation .nav .sub-menu li .sub-menu li { } 
#navigation .nav .sub-menu li .sub-menu li a { }
#navigation .nav .sub-menu li .sub-menu li a:hover { }

#navigation .nav .sub-menu li a div { display: block; text-align:center; height:auto; width:100%; }
#navigation .nav .sub-menu li a span { vertical-align: middle; display:block; text-align:center; width:100%; padding-top:1px; } */
#mg-wprm-wrap ul li { width:100% !important; padding-bottom: 0px !important; }
#mg-wprm-wrap ul li ul  { top:0px; }

/******* Global Assets ********/
.button, .button:visited { padding:10px 20px 10px 20px; background:#ed9622; border-radius:20px; color:#ffffff; text-decoration:none; text-transform:uppercase; }
.button:hover, .button:active { background:#eba239; color:#ffffff; text-decoration:none; }

/*********** Homepage *************/
.home-page-carousel { max-height: 740px; overflow: hidden; }
@media (max-width:991px) {
	.home-page-carousel { max-height: auto; overflow: visible; }
}
.flexslider { border:0px; }
.slide-container { width: 100%; position: absolute; top: 127px; left: 0%; padding: 75px 50px 70px 50px; }
.slide-container h2 { color:#ffffff; font-size:60px; line-height:67px; text-transform:none; margin-bottom:60px; }
.slide-container h3 { color:#ffffff; font-size:65px; line-height:0px; margin-bottom:50px; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; }
.background-right { background-position:100% -100px !important; }
.background-left { background-position:-200px 50% !important; }
.fancy span { display: inline-block; position: relative; }
.fancy span:before, .fancy span:after { content: ""; position: absolute; line-height:30px; height: 5px; border-top: 4px solid white; top: 0; width: 100px; opacity: 0.6; }
.fancy span:before { right: 100%; margin-right: 15px; }
.fancy span:after { left: 100%; margin-left: 15px; }
.slide-container .slide-link { background:#ed9622; padding:22px; color:#ffffff; border-radius:40px; font-size:19px; margin-top:40px; }
.slide-container .slide-link:hover { background:#eba239; text-decoration:none; }
.accreditations-container { width: 100%; position: absolute; bottom: 90px; left: 0%; font-size:20px; color:#ffffff; text-transform:uppercase; font-family: 'Roboto', Arial, sans-serif; z-index:100; }
.accreditations-container span { opacity: 0.6; }
.accreditations-container img { padding-left:40px; padding-right:40px; }
.accreditations-footer { background:#665953; padding:20px 0; color:#fff; margin-top:45px; }
.accreditations-footer span { display:inline-block; margin-top:10px; }
#home-content { padding-top:70px; color:#665953; font-size:15px; font-family: 'Roboto', Arial, sans-serif; }
#home-content h3 { color:#ed9622; font-size:40px; font-weight:400; margin-bottom:20px; font-family: 'Roboto', Roboto, Arial, sans-serif; }
#home-content h4 { color:#ed9622; font-size:40px; font-weight:400; margin-bottom:20px; margin-top:0px; font-family: 'Roboto', Roboto, Arial, sans-serif; }
#home-content a { color:#ed9622; }
.home-service { padding:150px 50px 150px 50px; text-align:left; }
.home-service h2 { font-size:50px; line-height:56px; color:#665953; font-weight:400; padding-bottom:10px; font-family: 'Roboto', Roboto, Arial, sans-serif; }
.home-service h3 { font-size:28px; line-height:42px; color:#eba239; font-weight:400; font-family: 'Roboto', Roboto, Arial, sans-serif; }
.home-service p { font-size:15px; line-height:23px; color:#665953; font-weight:400; font-family: 'Roboto', Arial, sans-serif; padding-top:10px; padding-bottom:10px; }
.home-service .button { margin-right:15px; }
.home-casestudy { text-align:left; }
.home-casestudy .top-bottom-padding { padding:60px 0px 60px 0px; }
.home-casestudy h2 { font-size:50px; line-height:56px; color:#ffffff; font-weight:400; padding-bottom:10px; font-family: 'Roboto', Roboto, Arial, sans-serif; }
.home-casestudy h3 { font-size:28px; line-height:42px; color:#eba239; font-weight:400; font-family: 'Roboto', Roboto, Arial, sans-serif; }
.home-casestudy p { font-size:15px; line-height:23px; color:#f9f9fc; font-weight:400; font-family: 'Roboto', Arial, sans-serif; padding-top:10px; padding-bottom:10px; }
.home-casestudy .button { background:#ed9622; color:#ffffff; margin-right:15px;  }
.home-casestudy .button:hover { background:#eba239;}
.home-casestudy a { color:#eba239; }
#home-form { text-align:left; }
#home-form input[type="text"], #home-form textarea { width:100%; padding:10px; border:1px solid #b5b5b5; background:#fcfcfc; color:#000000; margin-bottom:15px; text-align:left; }
#home-form textarea { height:80px; }
#home-form .button { border:0px; background:#ed9622; }
#home-form .button:hover { background:#eba239; }
#home-form input::-webkit-input-placeholder, #home-form textarea::-webkit-input-placeholder { color: #000000; }
#home-form input:-moz-placeholder, #home-form textarea:-moz-placeholder { color: #000000; }
#home-form input::-moz-placeholder, #home-form textarea::-moz-placeholder { color: #000000;  }
#home-form input:-ms-input-placeholder, #home-form textarea:-ms-input-placeholder { color: #000000; }
#home-form input.error::-webkit-input-placeholder { color: #fddfcb; }
#home-form input.error:-moz-placeholder { color: #fddfcb; }
#home-form input.error::-moz-placeholder { color: #fddfcb;  }
#home-form input.error:-ms-input-placeholder { color: #fddfcb; }

/********* Custom Select Fields **********/
.bootstrap-select .dropdown-toggle { 
    border-radius: 0px;
    color: #333;

    border-color: #ccc; 
    padding: 6px 12px;
    text-transform: none;
	width:100%; padding:10px; border:1px solid #b5b5b5; background:#fcfcfc; color:#000000; margin-bottom:15px; text-align:left;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:100% !important; }
.bootstrap-select .dropdown-menu.open { padding:0; }
.bootstrap-select .dropdown-menu.inner li { padding-left:0; padding-bottom:0; background:#ecebe7; font-size:12px; }
.bootstrap-select .dropdown-menu.inner li a { color:#5a5854 !important; height:29px; padding-top:5px; }
.bootstrap-select .dropdown-menu.inner li a:hover { background-color:#ed9622; color:#fff !important; }
.caret::before { content:''; display:block; width:17px; height:12px; background:url(images/arrow-down-orange.png) no-repeat center; color:#ed9622; position:absolute; right:-9px; top:-7px; }
.open>.dropdown-toggle.btn-default:hover { background-color: #fcfcfc; }

/*********** 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; }
}

/********* Video Popup Overlay ***********/
.overlay { width: 100%; height: 100vh; /* 50% opacity black */ background: rgba(0,0,0,.5); /* Stays locked on scroll */ position: fixed; /* On top of the rest*/ z-index: 2; /* Hidden */ opacity: 0; /* No interference */ left: -100%; /* CSS3 Transition */ transition: opacity .5s; -webkit-transition: opacity .5s; z-index:99; }
.video-container { width: 90%; /* Centering */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:100; }
.close-video { width: 20px; fill: white; position: absolute; right: 0px; /* Bring above video */ top: -30px; opacity:1; z-index:105; }
.close-video:hover { /* 50% opacity white */ fill: rgba(255,255,255,1); cursor: pointer; }
.show { opacity: 1; z-index:99; }

/*********** 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 (max-width:1280px) {
.flexslider .controls { top:40% !important; }
.flex-direction-nav .flex-next { right:5% !important; }
.flex-direction-nav .flex-prev { left:5% !important; }
}

@media (max-width:1199px) {
#navigation .nav li a { font-size:15px; }
#navigation .nav li { padding:10px 10px 10px 10px; }
.slide-container { padding-top:20px; }
.slide-container h2 { font-size:40px; line-height:47px; text-transform:uppercase; margin-bottom:40px; }
.slide-container h3 { font-size:45px; line-height:0px; margin-bottom:50px; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; }
.slide-container .slide-link { padding:15px; font-size:16px; }
.accreditations-container { bottom:50px; }
footer ul li { font-size:13px; }
}


@media (max-width:1024px) {
.home-service { padding:90px 0px 90px 0px; }
.background-right { background-position:70% -200px !important; }
.background-left { background-position:-700px 50% !important; }
}

@media (max-width:991px) {
.slide-container { padding-top:0px; }
#navigation .nav li a { font-size:13px; }
#navigation .nav li { padding:10px 5px 10px 5px; }
header span { font-size:16px; padding-right:20px; }
header .button { padding:5px 10px 5px 10px; font-size:12px; }
.accreditations-container { font-size:15px; }
.accreditations-container img { padding-left:20px; padding-right:20px; }
.header-play-button { top:25%; }
footer ul li { padding:0px 5px 0px 5px !important; font-size:11px; }
#interior-sub-menu ul { left:-10px; }
#interior-sub-menu ul li { display:inline-block; padding:10px 9px;  }
#interior-sub-menu ul li a { color:#ffffff; font-size:12px; } 
}

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

/* bootsrap sm */
@media (max-width:979px) {}

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

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

@media (max-width:768px){}

/* bootsrap xs */
@media (max-width:767px){
#wprmenu_bar .menu_title a { color:#fff !important; top: -1px !important; }
.no-left-padding { padding-left:15px !important; }
.no-right-padding { padding-right:15px !important; }
header span { padding-bottom:10px; padding-right:0px; }
header .button { margin-top:5px; }
#logo-home { margin-bottom:10px; }
#logo-home img { max-width:300px;}
.text-center-mobile { text-align:center !important; }
.text-center-mobile img { text-align:center !important; }
#navigation { display:none; }
.slide-container { top:40px; padding:25px 20px 25px 20px; }
.slide-container h2 { font-size:20px; line-height:24px; text-transform:uppercase; margin-bottom:15px; }
.slide-container h3 { font-size:20px; line-height:0px; margin-bottom:15px; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; }
.slide-container .slide-link { padding:7px; font-size:12px; }
.fancy span:before, .fancy span:after { border-top: 1px solid white; width: 20px; }
.home-service { padding:50px 0px 50px 0px; }
.home-service h2 { font-size:30px; line-height:36px; }
.home-service h3 { font-size:18px; line-height:22px; }
.home-service p { font-size:13px; line-height:20px; }
.background-right { background-position:60% -200px !important; }
.mobile-distribution { background-position:60% -400px !important; }
.background-left { background-position:-900px 50% !important; }
.mobile-transport { background-position:-600px 50% !important; }
.home-casestudy h2 { font-size:30px; line-height: 36px; }
.home-casestudy h3 { font-size:20px; line-height:22px; }
.home-casestudy .button, .home-service .button { margin-right:5px; padding:7px; font-size:12px; }
#home-content { padding-top:50px; }
#home-content h3 { font-size:30px; }
#home-content h4 { font-size:30px; }
}

@media (max-width:680px) {}

@media (max-width:480px) {

}

@media (max-width:380px) {
.slide-container { top:0px; }
}

@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; } }
/********* END IE 10 ********