﻿html, body { font-family: 'Josefin Sans', sans-serif; color: #000; font-size: 20px; line-height:30px; }

.lessPadding { padding: 0 !important;}

.pointerLink { color: #F79122; }
.pointerLink a { color: #F79122; }
.pointerLink a:hover { color: #000; }
.pointerLink img { margin-right: 4px; padding-bottom: 3px; }
a{color:#000; text-decoration:none;}
a.white { color: #fff; font-size: 25px; }
a:hover, a.white:hover { text-decoration: none; color: #F79122; }
a.under { color:#fff; }
a.under:hover { text-decoration:underline; }

.product-slider-nav {color:#F79122; text-align:right; margin-top:20px;}

.sliderImg h2, .sliderImg h3, .sliderImg h4 { color: #fff; text-align: center; }
.top { padding-top: 20px; }

.sliderImg { -moz-box-shadow: inset 0px 2px 10px 0px #666; -webkit-box-shadow: inset 0px 2px 10px 0px #666; box-shadow: inset 0px 2px 10px 0px #666; }

.stretch { width: 100%; height: 100%; }

.orangeBar { background: #F79122; }
.orangeBar .center div,  .orangeBar .center div a { text-align: center; color: #fff; font-size: 25px; font-weight: bold; padding: 1% 0; letter-spacing: 1px; }
.orangeBar .center img { margin-top: -3px; }

.orangeBar .subBar div {color: #fff; font-size: 20px;  letter-spacing: 1px; min-height:70px; padding-top:15px;}

.orangeBar .subBar img {margin-right:-7px; -webkit-transform: scale(0.9); /* Saf3.1+, Chrome */ -moz-transform: scale(0.9); /* FF3.5+ */ -ms-transform: scale(0.9); /* IE9 */ -o-transform: scale(0.9); /* Opera 10.5+ */ transform: scale(0.9); /* IE6–IE9 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand'); }
.orangeBar .subBar .nav {letter-spacing:1px; display:inline-block; font-size:30px; text-transform:uppercase;}
.orangeBar .subBar .subNav {font-size:22px; display:inline-block; text-transform:uppercase;}
.orangeBar .subBar .bar {display:inline-block; margin:0 10px 5px; }
.orangeBar .subBar .social {display:inline-block; text-align:right; }
.orangeBar .subBar .contact-info {margin:0; padding:20px 0 0 0;}
.orangeBar .subBar .social {margin:0; padding:15px 0 0 0;}

.solution { font-size: 20px; }
.solutionTitle { color: #05382F; font-size: 50px; text-align: center; margin: 5% 0; }
.solution h2 { margin-top: 0px; }
.solution h4 { color: orange; padding: 10px 0 10px 0; font-weight: bold; }

.news { background: url('/Images/news-bg.png') no-repeat center center; background-size: cover; width: 100%; margin: 3% 0; padding: 50px 0; font-size: 20px; }

.news .title { font-size: 50px; text-align: center; margin: 20px 0;}
.news h4 { margin-top: 30px; font-weight: bold; }
.news-border { margin-bottom: 40px; }

/* main copy */
.maincopy { margin:3% 0 0 0; }
.maincopy a {color:#F79122; text-decoration:none;}
.maincopy a:hover {text-decoration:none; color:#000;}
.maincopy .ReadMore, .maincopy .ReadMore2 {color:#F79122; font-size:20px; font-weight:bold; margin-top:15px;}
.maincopy .ReadMore3 {margin-top:20px; }
.maincopy .ReadMore3 .icon {margin:0 10px 0 0; padding:0; }
.maincopy .ReadMore3 img { width: 23px; }
.maincopy .ReadMore3 a {text-transform:uppercase; font-size:13px; color:#666; }
.maincopy .ReadMore3 a:hover {color:#F79122; }
.quote {margin-bottom:30px; }
.ProductDownloadBtn {color:#fff; background:#666; padding:10px; font-size:16px; font-weight:bold; text-align:center; margin-top:20px;}
.request {font-size:16px; font-weight:bold; margin:50px 0 5px 0; line-height:20px;}
.request-email, .request-phone {font-size:17px;}
.request-email {margin-bottom:15px; }
.filename {display: inline-block; width: 160px; line-height:16px; vertical-align:middle;}
.partner { height: 100px; display: table; padding: 15% 0; }
.product-sliderImg img {width:auto!important; }

.maincopy .Pointer {background:url('/images/pointer_orange.png') no-repeat left center; padding:0 20px; margin-top:15px; }
.icon {display:inline-block; padding:0 10px; }
.icon img {width:25px; vertical-align:middle; padding-bottom:5px; }
/*.maincopy .ReadMore:hover {text-decoration:underline;}*/
.maincopy h2{ margin-bottom:20px;}
.subBar h1 {margin:0 initial; padding:0 initial;}
.quote{color:#F79122; text-align:right;}
.RemoveLastBorder div:not(:nth-child(3n+3)) { border-right:1px solid #DEDEDE; }
.solutions-left { padding-right: 40px; border-right: solid 2px #D9D9D9; }
.solutions-right { padding-left: 40px; }

/* footer */
hr, .footerHr { background-color: #D9D9D9; height: 1px; margin: 2% 0; }
.footerHr { margin: 6% 0; }
.footerNav li { margin: 0 0 5% 5%; text-transform: uppercase; }
.footerNav li a { font-size: 15px; }
footer { font-size: 15px; }
.footer { height: 200px; }
.copyright { margin-top: 40px; }
.siteby { text-align: right; margin-right: 7px; }
/* navigation */
#nav { padding-top: 30px; text-transform: uppercase; text-align: right; }
#nav ul { margin: 0; }
#nav ul li a { font-family: Montserrat; font-weight: bold; font-size: 17px; padding: 20px 15px 32px 15px; display: inline-block; }
#nav ul li a:hover, #nav ul li a.on { color: #F79122; text-decoration: none; }

#nav ul li { position: relative; list-style: none; }
#nav ul li ul { display: none; background: #ffffff; position: absolute; top: 82px; left: 0px; padding: 0px; z-index: 1000; padding: 15px 0; }
#nav ul li ul li a { text-align: left; line-height:24px; width: 280px; display: block; padding: 10px 20px; text-transform: uppercase; font-weight: normal; margin: 0; }
#nav ul li ul li a:hover { color: #fff; background: #666666; }

#nav ul li ul { -moz-box-shadow: inset 0px 5px 10px -5px #666; -webkit-box-shadow: inset 0px 5px 10px -5px #666; box-shadow: inset 0px 5px 10px -5px #666; border-radius: 0 0 3px 3px; }

/* slider navigation */
.slider { position: relative; }
.slider #prev { background: url('/images/next_left_slider_arrow.png') no-repeat center center; width: 10%; height: 293px; position: absolute; left: 0; top: 0px; cursor: pointer; z-index: 99; opacity: 1; filter: alpha(opacity=100); }
.slider #prev:hover { opacity: 1; filter: alpha(opacity=100); }
.slider #next { background: url('/images/next_right_slider_arrow.png') no-repeat center center; width: 10%; height: 293px; position: absolute; right: 0; top: 0px; cursor: pointer; z-index: 99; opacity: 1; filter: alpha(opacity=100); }
.slider #next:hover { opacity: 1; filter: alpha(opacity=100); }
/*.darker {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background-color:rgba(0, 0, 0, 0.2);}*/

/* google map shadow */
#map { position: relative; z-index: 0; }
#map > .map-wrapper { position: relative; z-index: 5; }
#map:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 10; pointer-events: none; -webkit-box-shadow: inset 0px 2px 10px 0px #666; -moz-box-shadow: inset 0px 2px 10px 0px #666; box-shadow: inset 0px 2px 10px 0px #666; }

/* form */
.contact-form { padding-left: 40px; border-left: solid 2px #D9D9D9; }
.form1 div {margin-bottom:15px;  }
select, input:not([type=submit]), textarea {font-size:20px; padding:10px; line-height:20px; border:solid 1px #ccc;}
.form1 label { font-weight: normal; margin-bottom:0px; }
.form1 .field-validation-error {color:red; font-size:13px;}
/*.form1 .validation-summary-errors {color:red;}*/
::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { /* Firefox 18- */ color: #000; }
::-moz-placeholder { /* Firefox 19+ */ color: #000; }
:-ms-input-placeholder { color: #000; }
.button {margin-bottom:25px; outline: 0;  border:none; padding:5px 15px; color:#fff; background-color:#F79122;}
.button:hover {}

/* captcha */
.captcha br:not(:last-child) {display:none;}
.captcha #CaptchaInputText{width:100%; display:block; margin:10px 0;}
.captcha .field-validation-error {display:block; }

/* sitemap */
.sitemap ul {margin:0; padding:0; }
.sitemap li { list-style:none;  font-weight:normal;}
.sitemap > ul > li{width:33%; vertical-align:top; font-weight:bold; margin-top:3%;}
.sitemap li a {color:#000; text-transform:uppercase; font-size:16px; }
.sitemap li a:hover { color:#F79122; }


/* responsive */

#Nav_Rep {display:none; }

@media screen and (max-width: 1200px) {
    #nav {display:none; }
    #Nav_Rep {display:block;}   
    #Nav_Rep ul li {display:block;}
    .toggle-menu {position:absolute; right:20px; top:30px; cursor: pointer; }
    .sliderImg h2 {font-size:35px !important; }

    .solutionTitle, .news .title { color: #000; font-size: 40px; text-align: left; padding-bottom: 25px; margin:30px 0; border-bottom:1px solid #DEDEDE; }
    .news {background:none; padding:0px 0; }

    .footer {border-right:none !important; padding-bottom:20px;}
    .footer-divider {border-bottom:1px solid #DEDEDE; margin-bottom:20px; padding-bottom:20px; }
    .footerNav li { margin: 0 0 7px 0; }
    .footer.social {text-align:left !important; }
    .siteby { display: none; }
    .siteby2 {display:block; margin-top:20px; }
    .solutions-left { padding-right: 15px; border-right: none; }
    .solutions-right { padding-left: 15px; }
}

@media screen and (max-width: 990px) {
    .RemoveLastBorder div:not(:nth-child(3n+3)) { border-right:0px solid #DEDEDE; }
    .solution .col-md-4 {height:initial !important; margin-bottom:25px; border-bottom:1px solid #DEDEDE; }
    .solution .col-md-4:last-child {border-bottom:none; }
    .partner {padding: 30px 0; }
    .quote-block {padding:0 20px !important; border:none !important; }
    .news-border { margin-bottom: 15px; }
    .contact-form { padding-left: 15px; border-left: none; }   
    .sitemap > ul > li{width:50%; vertical-align:top; font-weight:bold; margin-top:3%;} 
}

@media screen and (max-width: 768px) {
    html, body { font-size: 19px; line-height: 25px; }
    .footer { height: initial; }
    .sliderImg {background-position:70% center !important;}
    .sliderImg h2 {font-size:40px; padding-top:40px; }
    .subBar .nav, .subBar .subNav { margin-left:-15px; }
    .details-icons {padding:0 0 0 10px !important; text-align:left !important; }
    .product-slider-nav {color:#F79122; text-align:left;}
    #map {height:200px !important;}
}

/*back to top*/
.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	opacity: .5; filter: alpha(opacity=50);
	padding-right: 1em;
	display: none;
}

.back-to-top:hover {	
	opacity: 1; filter: alpha(opacity=100);
}	
