/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
html, body {height: 100%;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* layout */
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;font-weight: bold;}
p, span, div {font-family: 'Roboto', sans-serif;font-size: 15px;}
p,h2 {text-align: center;}
img { display: block;}
.footer {background-color: #252525;min-height: 200px;color: #fff;font-size: 14px;}
.row  {padding: 100px 0;}
.align-c {max-width: 1024px; margin: 0 auto;}
.mif-img {margin-top: 50px;}
.ticker {height: 150px;background-color: #E8E8E8;}
.about  {background-color: #fff;}
.service {/*background-image: url(../img/1200.jpg); background-position: center;background-size: cover;*/ position: relative;}
/*.service-ovl {width: 100%; height: 100%;background-color: rgba(256,256,256,0.8);position: absolute;top: 0; left: 0;z-index: 100}*/
.benefit {/*background-image: url(../img/O81GBA0.jpg); background-position: center; -webkit-background-size: cover;*/ position: relative;}
/*.benefit-ovl {width: 100%; height: 100%;background-color: rgba(256,256,256,0.85);position: absolute;top: 0; left: 0;z-index: 100}
background-size: cover;*/
.service.parallax-window {min-height: 730px;background: transparent;}
.benefit.parallax-window {min-height: 700px; background:transparent;}

.brand {background-color: #fff;}
.contact {background-color: #fff;}
.footer {background-color: #111;}

/* GNB */
.gnb-center {max-width: 1024px;margin: 0 auto;}
.navbar {background-color: #111;z-index: 99999}
.nav.navbar-nav {float: right;position: relative!important;}
.navbar-fixed-top {border: 0;}
.navbar-default .navbar-nav > li > a {color: #fff;}
.navbar-brand {width: 250px;height: 50px;padding: 12px 15px;}
.navbar-brand img {width: 100%;}
.hamburger-inner {background-color: #fff;}
.hamburger-inner::before {background-color: #fff;}
.hamburger-inner::after {background-color: #fff;}
.navbar-nav>li>a:hover {color: #0B914F!important}
.navbar-nav>li>a.on {color: #00BA5D!important;font-weight: bold;}


/* INDEX TOP */
.mif-img img {width: 100%;}
.mif-img-400 {display: none;margin-top: 50px;}
.mif-img-400 img {width: 100%;}
.ticker-wrapper {padding-top: 33px;}
#images-webticker img {width: 100%;}
#images-webticker li {width: 100px;margin: 0 30px;}
.gmc {width: 160px;}
.gmc img {width: 100%;}

/* ABOUT */
.title {padding-bottom: 40px; padding-top: 20px;}
.about p {line-height: 1.8em;}
.about .row {padding-top: 80px;}
.img-container {width: 100px; height: 100px;margin: 0 auto;}
.img-container img {width: 100%;}
.intro-logo {width: 80px;margin: 0 auto;}
.intro-logo img {width: 100%;}

/* SERVICE */
.service .row {z-index: 9999;position: relative;}
.service .col-md-4 {padding:0 10px;height: 200px;margin: 10px 0;}
.service .row1 {padding-bottom: 0;padding-top: 90px;}
.service .row2 {padding-top: 0;padding-bottom: 130px;}
.service .title {color: #fff;}
.service1 img {border: 1px solid #cfcfcf;}
.service2 img {border: 1px solid #cfcfcf;}
.service3 img {border: 1px solid #cfcfcf;}
.service4 img {border: 1px solid #cfcfcf;}
.service3,.service4 {margin-top: 10px;}
.row2 .col-md-3 {padding: 0 5px;}
.col-wrapper {position: relative; height: 200px;overflow: hidden}
.ovl {position: absolute;top: 200px;width: 100%; height: 100%; background-color: rgba(1,116,59,0.92);}
.ovl-conts {position: absolute;top: 50%; left: 50%;transform: translate(-50%,-50%);width: 100%;}
.ovl h4, .ovl p {color: #fff;text-align: center;}
.ovl h4 {font-size: 20px;padding-bottom: 10px;}
.ovl p {font-size: 14px;line-height: 1.5em}
.service img {width: 100%;height: 100%;}
.service-400 {display: none;}

/* BENEFITS */
.benefit .row {}
.benefit .row1 {padding-bottom: 50px;padding-top: 90px;position: relative;z-index: 999}
.benefit .row2 {padding-top: 0;padding-bottom: 50px;height: 100%;position: relative;z-index: 999}
.benefit .row3 {padding-top: 50px;position: relative;z-index: 999}
.benefit .title {color: #fff;padding-bottom: 0;}
.benefit-slider h3 {padding: 10px 0 20px 0;font-size: 24px;text-align: center;}
.benefit-slider h3, .benefit-slider p {color: #fff;}
#slidePager li {padding: 0 40px 0 0;}
#slidePager .col-md-2 {padding: 0;}
.benefit li img {width: 100%;}
.b-conts5 img {width: 100%;}
.benefit-slider li p {line-height: 1.5em;}
.bx-viewport {position: relative;}
.bx-controls {width: 100%; height: 30px;position: absolute;top: 40px; left: 0; }
.bx-prev {display: block;float: left;width: 19px;height: 30px; text-indent: -9999px;background-image: url(../img/slider-prev.png);background-position: 0 0; background-size: cover}
.bx-next {display: block;float: right;width: 19px;height: 30px; text-indent: -9999px;background-image: url(../img/slider-next.png);}
.thumb-wrap {display: none;margin: 0 auto;}
.thumb-wrap img {width: 100%;}
.test-div {padding: 0 20px 20px 20px;}
.test-div img {width: 100%; border: 1px solid #a1a1a1;}
.benefit-container-wrap {padding-top: 25px;padding-left: 35px;padding-right: 0;}
.benefit-container  {padding: 30px 40px 40px 40px}
.benefit p {text-align: left;}

/* BRANDS */
.brand .row1 {padding-bottom: 0;padding-top: 50px;}
/*.brand .row2,.row3,.row4,.row5,.row6 {padding: 0;}*/
.brand .row2 {padding-top: 0;padding-bottom: 30px;}
.brand .row3  {padding-top: 0;padding-bottom: 70px;}
.brand .row3 p {line-height: 1.5em; font-size: 13px;}
.auto-brand{padding: 20px 45px;}
.brand img {width: 100%;}

.benefit-slider h3 {padding-bottom: 20px;}
/* CONTACT */
.contact .row1 {padding-bottom: 0;padding-top: 50px;}
.contact .row2 {padding-top: 0;padding-bottom: 0;}
.contact .row2 p {line-height: 1.8em;}
.contact .row3 {padding-bottom: 50px;padding-top: 30px;}
.mapContainer {border: 1px solid #cfcfcf;}
#contactMap {height: 400px;}
.btn-primary.btn-send {background-color: #00743B;}


/* FOOTER */
.footer .row {padding: 0;}
.footer h3 {padding: 40px 0 20px 0}
.footer p {line-height: 1.5em;font-size: 14px;}
.font {float: left; padding-right: 20px;}
.contacts-info p {text-align: left;}
.contact-conts{float: left;}
.contacts-info .fa {font-size: 22px;}
.contacts-info h3 {font-size: 20px;}
.email {padding-bottom: 10px;}
.phone {padding-bottom: 10px;}
.location {padding-bottom: 40px;}
.copyright {padding-bottom: 20px;padding-top:150px;text-align: right;}
.copy {padding-top: 10px;float: right;}
.logo-container {float: right;}
.mif-w-logo img {width: 100%;}

@media only screen and (max-width: 400px) {
    

}

/*Smaller device*/
@media only screen and (max-width: 575px) { 
    h2,p {text-align: center!important;}
    .navbar-brand {width: 220px;margin-left: 10px;padding-left: 10px;padding-top: 12px;}
    .navbar-nav>li {float: left;}
    .hamburger {padding: 13px 15px 10px 15px;}
    .mif-img {display: none;}
    .mif-img-400 {display: block;}
    .auto-brand {padding: 10px 30px}
    .service1,.service2 {padding-bottom: 20px;}
    .service .service1 {padding-top: 10px;}
    .service .service2 {padding-top: 10px;}
    .service-orig {display: none;}
    .service-400 {display: block;}
    .benefit .row1 {padding-bottom:  0;}
    .benefit .title {padding-bottom: 20px;}
    .benefit-slider h3 {padding: 10px 0;}
    .test-div {display: none;}
    #slidePager li {padding: 0 5px 0 5px;}
    .benefit-container-wrap {display: none;}
    .benefit-container {padding: 0 0 30px 0}
    .benefit-container .bx-viewport {padding-bottom: 20px;}
    .benefit-slider h3 {font-size: 20px; text-align: center;padding-top: 0;}
    .thumb-wrap {display: block;width: 120px;}
    .bx-controls {display: block;}
    .contact .row2 {padding-bottom: 0;}
    .mapContainer {padding-bottom: 40px;}
    .copyright {padding-top: 10px;}
    .contact-conts p {text-align: left!important}
}
/*Small devices (landscape phones, 576px and up)*/
@media only screen and (min-width: 576px) and (max-width: 767px) { 
    h2,h4,p {text-align: center!important;}
    .navbar-brand {width: 220px;margin-left: 10px;padding-left: 10px;padding-top: 12px;}
    .navbar-nav>li {float: left;}
    .hamburger {padding: 13px 15px 10px 15px;}
    .mif-img {display: none;}
    .mif-img-400 {display: block;}
    .auto-brand {padding: 20px 50px;}
    .service1,.service2 {padding-bottom: 20px;}
    .service .service1 {padding-top: 10px;}
    .service .service2 {padding-top: 10px;}
    .service-orig {display: none;}
    .service-400 {display: block;}
    .benefit .row1 {padding-bottom: 0;}
    .benefit .title {padding-bottom: 0;}
    .benefit-slider h3 {text-align: center;}
    .benefit-container {padding: 0;}
    #slidePager li {padding:0 30px 0px 30px;display: none;}
    .test-div {display: none;}
    .bx-controls{display: block;}
    .bx-controls-direction{height: 25px;margin: 10px 0 30px 0}
    .thumb-wrap {display: block;width: 150px;}
    .contact .row2 {padding-bottom: 0;}
    .mapContainer {padding-bottom: 40px;}
    .location {padding-bottom: 20px;}
    .copyright {padding-top: 30px;}
    .contact-conts p {text-align: left!important}
}
/* Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    
    .navbar-brand {width: 250px;padding-left: 15px;padding-top: 12px;}
    .navbar-nav {margin-top: 0;}
    .hamburger{display: none;}
    .auto-brand {padding: 20px 60px;}
    .service1 {padding-bottom: 20px;}
    .service .service2 {padding-top: 10px;}
    .service-orig {display: none;}
    .service-400 {display: block;}
    .benefit-container-wrap {padding-top: 10px;}
    .benefit-container  {padding: 30px 0 40px 0}
    .benefit-slider h3 {font-size: 22px; text-align: center;padding-bottom: 20px}
    .benefit-slider p {text-align: left;}
    #slidePager li {padding: 0 30px 0 0}
    .contact .row2 {padding-bottom: 0;}
    .mapContainer {padding-bottom: 40px;}
}

/* Large devices (desktops, 992px and up)*/
@media only screen and  (min-width: 992px) and (max-width: 1199px){
    #navbarNavDropdown {width: 870px;}
    .hamburger{display: none;}
    
    
}

/* Extra large devices (large desktops, 1200px and up)*/
@media only screen and (min-width: 1200px) { 
    .navbar-nav {margin-top: 0;}
    .hamburger{display: none;}
    
}