/*
Site Name:Kelly Equipment Supplies Landing Page
Author: (I) Softnio
Tracking Change: 161806#iO:170811#1039
*/
/* ############# GENERAL RESETS AND FIXES ############# */
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* ## FONT FACE ## */
@font-face {
    font-family: 'Gotham'; font-weight:normal; font-style:normal; src: url('../fonts/GothamBook.eot'); src: url('../fonts/GothamBook.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamBook.woff2') format('woff2'), url('../fonts/GothamBook.woff') format('woff'), url('../fonts/GothamBook.ttf') format('truetype'), url('../fonts/GothamBook.svg#Gotham') format('svg'); font-weight:400; font-style:normal; }
@font-face {
	font-family: 'Gothambold';src: url('../fonts/GothamBold.eot');src: url('../fonts/GothamBold.eot') format('embedded-opentype'),url('../fonts/GothamBold.woff2') format('woff2'),url('../fonts/GothamBold.woff') format('woff'),url('../fonts/GothamBold.ttf') format('truetype'),url('../fonts/GothamBold.svg#ufonts_com_gothamBold') format('svg'); font-weight:700; font-style:normal;}
@font-face {
	font-family: 'GothamMedium';src: url('../fonts/GothamMedium.eot');src: url('../fonts/GothamMedium.eot') format('embedded-opentype'),url('../fonts/GothamMedium.woff2') format('woff2'),url('../fonts/GothamMedium.woff') format('woff'),url('../fonts/GothamMedium.ttf') format('truetype'),url('../fonts/GothamMedium.svg#ufonts_com_gothamBold') format('svg');  font-weight:500; font-style:normal;}

/* ############# GENERAL STYLES ############# */
body {font-family:'Gotham', Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:24px; position: relative; z-index: 2; margin: 0;}
h1, h2, h3, h4, h5{font-weight: 600; font-style: normal; color: #000; font-family: 'GothamMedium', sans-serif;}

h1{font-size: 30px; padding: 0 0 20px; line-height: 40px; color: #000;}
h3{font-size: 18px; line-height: 25px; color: #fff; font-weight: 500;}
h4{font-size: 18px; line-height: 22px; padding: 0 0 10px; margin-bottom: 12px; color: #000;}
a:link, a:visited {color:#fff; text-decoration:none;}
a:focus, a:hover{color:#fff; text-decoration:none;}
a:active {color:#333; text-decoration:none;}
p {padding:0 0 10px 0; font-size: 15px; line-height: 20px;}
.clearing, .flowfix {overflow:hidden; width:100%;} .overfix {overflow:hidden;} .clr {clear:both; line-height:0px; height:0; display:block;} 
.section {float:left; width:100%; clear:both;}

/* ############# GENERAL STUCTURE ############# */
body {background:#fff;}
.wrapper{padding: 30px 36px; float: left; width: 100%;} 
.inner-wrapper{background:#f6f6f6; text-align:center; padding: 100px 0 0;}

.site-logo{max-width:380px; margin: 0 auto;} .site-logo img{max-width:100%; height:auto; display:block;}

.icontent{padding-top:30px;}
.inav ul li{display:inline-block; vertical-align:top;}
.inav ul li a{display:block; padding:5px; color:#0e559f; font-size:24px; line-height:28px; font-weight:700;}

.info{font-size:16px; line-height:22px; color:#000; padding: 15px 0 20px;}
.info h4{font-family: 'Gotham'; font-weight:300; margin:0; font-size:16px;}
.info p{color:#0e559f; font-weight:700; font-family:Gothambold, sans-serif; text-transform:uppercase;}
.info h6{ font-size:16px; font-family:GothamMedium, sans-serif; font-weight:500; text-transform:none; color:#000; padding:0 10px;} .info h6 strong{color:#0e559f;} .info h6 a{color:inherit;}

.owl-carousel .owl-nav.disabled{display:block;}
.owl-theme .owl-nav [class*=owl-] {color: #FFF; font-size: 14px; margin: 0; padding:12px 7px; background: rgba(0,0,0,.7); display: inline-block; cursor: pointer; position:absolute;  top:50%; transform:translateY(-50%); height:50px; width: 50px;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{text-indent: -9999em; background-repeat: no-repeat; background-position: 50% 50%; background-size:10px auto;}

.owl-carousel .owl-nav .owl-prev{left:0; background-image:url(../images/prev-icon.png); }
.owl-carousel .owl-nav .owl-next{right:0; background-image:url(../images/next-icon.png);}

.one-half{width:50%; float:left;}
.one-half.first{background:#0e559f; padding:60px 60px 25px 0;}
.register-form{max-width:460px; width: 100%; float:right;}
.register-form h3{font-size:24px; line-height:28px; padding-bottom:22px; font-family:'Gothambold', sans-serif; font-weight:700;}
.register-form p{font-size:12px; line-height:16px; color:#fff; margin-top: 15px;}
.register-form p img{max-width:10px; height:auto; display:inline-block;}
.register-form p span{display:block; text-transform:uppercase; line-height:23px;}
.one-half iframe{height: 327px;}

#mc-embedded-subscribe-form{width: 460px;}
#mc_embed_signup { background:none !important;}
.form { padding-left:10px; padding-right:10px;}
#mc_embed_signup .mc-field-group { width:100% !important; }
.mc-field-group + .mc-field-group{margin-top:6px;} input[type="submit"]{margin-top:6px !important;}
#mc_embed_signup div.mce_inline_error {background:none !important; font-weight:400 !important; padding:0 10px !important; color:#000 !important;} 
#mc_embed_signup div.response { width:100% !important; padding: 5px 0.5em 0.5em 0 !important; color:#fff !important;font-weight:normal !important; margin: 0 0 1em !important; }
#mc-embedded-subscribe-form{width: 100%;}
#mce_inline_error{color:#000 !important}
#mc_embed_signup{background:#333; clear:left; font:14px Helvetica,Arial,sans-serif; }
#mc_embed_signup div.mce_inline_error{background-color: red !important;color: #fff !important;font-weight: bold !important;margin: 0 0 1em;padding: 5px 10px !important;z-index: 1;}
#mce-responses {margin-top:6px;}

 /*   Form   */
input.input, input[type=text], input[type=password], input[type=email], input[type=tel], input.wpcf7-text, input.wpcf7-email, input.wpcf7-date, input.wpcf7-tel, select, textarea {background: #fff !important; border: 2px solid #fff !important; font-family: 'Gotham', sans-serif; font-size: 14px !important; line-height: 18px; color: #999999 !important; width: 100% !important; font-weight:400; padding: 8px 10px !important; box-sizing: border-box !important; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; }
input.error, select.error, textarea.error {border-color:#ffbfbf;} input.wpcf7-file {padding:5px 5px 5px;}
input.wpcf7-submit, input.button, input.submit, input#submit, input[type="button"], input[type="submit"] {background: #a7a9ac none repeat scroll 0 0 !important;border: 0 none; box-sizing: border-box; color: #fff !important;display: block; font-family: 'GothamMedium', sans-serif;font-size: 16.67px !important;font-weight: 500 !important;height: auto !important;line-height: 20px; padding:10px 15px !important;text-align: center !important;text-decoration: none;width: 100% !important;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; transition:all ease-in 400ms; -webkit-transition:all ease-in 400ms; -moz-transition:all ease-in 400ms; white-space:normal; text-transform:uppercase; margin-top: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input.wpcf7-submit:hover, input.button:hover, input.submit:hover, input#submit:hover, input[type='button']:hover, input[type='submit']:hover {color:#a7a9ac !important; background:#fff !important; text-decoration:none; cursor:pointer;}

@media (min-width: 1600px) {
	
	.icontent h3{margin-bottom: 33px; margin-top: 16px;}
	.mc-field-group + .mc-field-group, #mce-responses{margin-top: 13px;}
	input.input, input[type=text], input[type=password], input[type=email], input[type=tel], input.wpcf7-text, input.wpcf7-email, input.wpcf7-date, input.wpcf7-tel, select, textarea { padding: 19px 19px 19px !important;}
	input.wpcf7-submit, input.button, input.submit, input#submit, input[type="button"], input[type="submit"] {padding:20px 0px 20px !important;}
	.one-half.first{padding-right:130px;}
	.one-half iframe{height:405px;}
}

@media (max-width: 1279px) {
	.inner-wrapper{padding-top:40px;}
	.site-logo {max-width: 300px;}
	.icontent {padding-top: 20px;}
	.icontent h1 {font-size: 26px; padding: 0 0 15px; line-height: 36px;}
	.inav ul li a{font-size:20px;line-height:22px;}
	
	.info{padding:10px 0 15px;}
	.info h4{font-size:15px; line-height:18px;}
	.info h6{font-size:14px; line-height:16px;}
	
	.one-half.first{padding:40px 30px 15px 0;}
	.register-form{max-width:300px;}
	.register-form h3{font-size:20px; line-height:24px; padding-bottom:16px;}
	.one-half iframe{height: 299px;}
	
	input.wpcf7-submit, input.button, input.submit, input#submit, input[type="button"], input[type="submit"]{margin-top: 6px; font-size: 13px !important; padding:8px 12px !important;}
	.footer .socials h4{padding-top: 5px; padding-bottom: 0;}
}

@media (max-width: 979px) {
	.inner-wrapper{padding-top:20px;}
	.site-logo {max-width: 250px;}
	.icontent {padding-top: 15px;}
	.icontent h1 {font-size: 22px; padding: 0 0 10px; line-height: 30px;}
	.inav ul li a{font-size:18px;line-height:20px;}
	
	.info{padding:10px 0 15px;}
	.info h4{font-size:14px; line-height:18px;}
	.info h6{font-size:12px; line-height:16px;}
	
	.one-half.first{padding:30px 0 10px;}
	.register-form{max-width:280px; float:none; margin:0 auto;}
	.register-form h3{font-size:20px; line-height:24px; padding-bottom:16px;}
	.register-form p{font-size:10px; margin-top:10px;}
	.register-form p span{line-height:18px;}
	.one-half iframe{height: 263px;}	
	
	
	input.wpcf7-submit, input.button, input.submit, input#submit, input[type="button"], input[type="submit"]{font-size: 13px !important; padding:10px 12px !important;}
	
}
@media (max-width: 767px) {
	.wrapper{padding:10px 15px;}
	.site-logo {max-width: 200px;}
	.icontent h1 {font-size: 18px; line-height: 25px;}
	.inav ul li a{font-size:13px;line-height:18px;}
	
	.info{padding:5px 0 10px; font-size:11px;}
	.info p{font-size:14px;}
	.info h4{font-size:14px; line-height:18px;}
	.info h6{font-size:12px; line-height:20px;}
	
	.one-half{width:100%; float:none;}
	.one-half.first{padding:30px 0 10px;}
	.register-form{max-width:90%; float:none; margin:0 auto;}
	.register-form h3{font-size:20px; line-height:24px; padding-bottom:16px;}
	.register-form p{font-size:9px; margin-top:10px;}
	.register-form p span{line-height:18px;}
	.one-half iframe{height: 263px;}
	
	.owl-theme .owl-nav [class*=owl-]{display:none;}
}
@media (max-width: 599px) { 
	.info h6 span{display:block;}
}
/*End Styles