/*
Theme Name: Gotempties
Text Domain: #
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 
Author: Francis 
Author URI: #
Theme URI: #
 */


@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Work Sans', sans-serif; font-size:16px; color:#000000; line-height:24px; background:#fff; min-height:100%;}
p{ margin:0px; padding:0px 0 25px 0; font-family: 'Work Sans', sans-serif; font-size:16px; color:#000000; line-height:24px;}
h1{ margin: 0; padding:0px 0 25px 0; font-family: 'Oswald', sans-serif; font-size: 50px; line-height:54px; padding-bottom: 20px; margin:0px; color:#231f20;}
h2{ margin: 0; padding:0px 0 25px 0; font-family: 'Oswald', sans-serif; font-size: 50px; line-height:54px; padding-bottom: 20px; margin:0px; color:#231f20;}
h3{ margin: 0; padding:0px 0 25px 0; font-family: 'Oswald', sans-serif;}
h4{ margin: 0; padding: 0; font-family: 'Oswald', sans-serif;}
h5{ margin: 0; padding: 0; font-family: 'Oswald', sans-serif;}
h6{ margin: 0; padding: 0; font-family: 'Oswald', sans-serif;}

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;color:#4c7998;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover;}

.no-pad { padding:0px !important;}
.no-mag { margin:0px !important;}

/*	Reset style			*/
::-moz-selection { color: #fff; background: #c0262e;}
::selection {  color: #fff; background: #c0262e;}

/* for footer contact */
.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#000000;opacity:1}
.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder {color:#000000;opacity:1}
.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#000000;opacity:1}
.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder {color:#000000;opacity:1}

.form-control, input[type="text"],input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], select { display: block; width: 100%; font-family: 'Poppins', sans-serif; font-size: 16px; color: #000000; height: auto;  background-color: #f1f1f1; padding: 13px 20px; margin-bottom: 30px; outline: none; border-radius: 0; box-shadow: none; line-height: normal; border:none; border:1px solid #f1f1f1;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
textarea.form-control, textarea {height:95px;resize:none; overflow:hidden; padding:0 0 10px; margin-bottom:35px}
.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border:1px solid #ccc;}
/* for footer contact */

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border: 1px solid #bcbcbc;
    border-radius: 0;
    box-shadow: none;
    background: url(images/down-arrow.png) no-repeat 83.5% center;
    font-size: 18px;
    color: #7e7e7e;
    height: 44px;
    padding: 0 13px;
    font-family: 'Work Sans', sans-serif;
    line-height: normal;
    font-weight: 400;
    text-transform: none;
    cursor: pointer;
    background-color: #fff;
    margin: 0 0 10px;
}
select.form-control:focus {border:1px solid #bcbcbc;outline: none;background:url(images/down-arrow.png) no-repeat 94.5% center;}
select.form-control option {color:#1f1f1f; font-size:18px; font-weight:400;}

.btn, .btn:active, .btn.active { position: relative; font-family: 'Work Sans', sans-serif; font-size: 18px; line-height: 24px; padding:19px 40px; color: #fff; font-weight: 700; outline: none; border: none; text-transform:uppercase; background-repeat: no-repeat; background-size: 100% 100%; border-radius:0px; background-color:#1d56a9; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn span { display:inline-block; position:relative;}
.btn span.arrow-icon { display:inline-block; position:relative; line-height: 8px; top: -1px; margin-left:5px; left: 0px; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn span.arrow-icon:after { display:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0;box-shadow:none; color:#fff;}
.btn:hover { color:#fff; background-color:#082f67;}
.btn:hover span.arrow-icon { left:5px;}

.btn.no-bg-btn, .btn.no-bg-btn:active, .btn.no-bg-btn.active { background-color:transparent; padding:0px; color:#1d56a9;     line-height: 28px;}
.btn.no-bg-btn span:after { content:' '; position:absolute; width:100%; height:2px; background-color:#1d56a9; left:0px; bottom:0px; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn.no-bg-btn:focus, .btn.no-bg-btn:active:focus, .btn.no-bg-btn.active:focus, .btn.no-bg-btn.focus, .btn.no-bg-btn:active.focus, .btn.no-bg-btn.active.focus {}

 
.padTopbtm{padding:90px 0;}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}

/*		menu style		*/
.navWrap { position: relative; z-index: 9; float: none; margin: 0px auto; left: 0px; right: 0px; display: inline-block; vertical-align:middle;}
.navigation ul{ margin:0px; padding: 0px; list-style: none; }
.navigation ul > li{ float: none; display: inline-block; vertical-align: top;position: relative; margin:0px; border-right:0;}
.navigation ul > li:after { display:none;}
.navigation ul > li:last-child { margin-right:0;}
.navigation ul > li:first-child { margin-left:0;}
.navigation ul > li > a{ color: #fff; line-height: normal; display: block; font-size: 20px; line-height:24px; padding:21px 35px; display: block; text-transform: uppercase;}
.navigation ul > li.arrow > a {padding-right:18px;}
.navigation ul > li:hover > a { color: #4f504e; background-color:#f7ce44;}
.navigation ul > li.active > a { color: #4f504e; background-color:#f7ce44;}
.navigation ul > li ul { visibility: hidden; opacity: 0;position: absolute; top: 75px; left:0px; width: 100%; transform: translateY(60%); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 210px; background: #ffffff; border: 0; border-radius: 0px; padding:0px;  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.navigation ul > li:hover > ul {visibility: visible; opacity: 1; z-index: 10; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; text-align: left; top: 66px;}
.navigation ul > li > ul li{ display: block; margin: 0px; padding:0; text-align:left;}
.navigation ul li > ul li a {color: #192340;border:0;padding: 13px 20px 13px 13px; margin:0; border-radius:0; height:auto; line-height:normal; font-size: 15px; line-height: normal;text-transform: uppercase;}
.navigation ul > li > ul li:last-child a {border-bottom:0;}
.navigation ul > li > ul > li:hover > a {color: #5d5552; background-color: #f7ce44;}
.navigation ul > li > ul li.has-children:hover:after { color:#fff;}
.navigation ul > li > ul li.active a { color:#204662;}
.has-children:after { content: '\f054'; position: absolute; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; top: 0px; right: 19px; bottom: 0px; margin: auto; height: 25px;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}

.navigation ul > li > ul > li > ul { visibility: hidden; opacity: 0;position: absolute; top: -6px; left: 212px; width: 100%; transform: translateY(60%); z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 210px; background: #ffffff; border: 0; border-radius: 0px; padding:6px; border-radius: 10px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);}
.navigation ul > li > ul > li:hover > ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; text-align: left;}
.navigation ul li > ul li > ul li{ display: block; margin: 0px; padding:0; text-align:left;}
.navigation ul li > ul li > ul li a {color: #192340;border:0;padding: 13px 20px 13px 13px; margin:0; border-radius:0; height:auto; line-height:normal; font-size:15px; line-height:19px; text-transform:none; text-transform:mormal; border-radius:0;}
.navigation ul li > ul li > ul li:last-child a {border-bottom:0;}
.navigation ul li > ul li > ul li:hover a {color:#fff; background-color: #dc081b;}

.header-bottom { width:100%; position:relative; background-color:#5d5552;}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:42px; padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:10px 13px 9px 13px;position:relative;top:0px;right:0;left:0 !important;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700; background-color:#ef4a2a; margin:0;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#ef4a2a;margin-top:7px; position: absolute;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%; box-sizing: border-box;}
.mean-container .mean-nav ul li a{display:block;float:left;width:100%;padding:9px 5%; font-size:15px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase; box-sizing: border-box;}
.mean-container .mean-nav ul li:first-child a {border-top:0;}
.mean-container .mean-nav ul li li a{  width: 100%; padding: 9px 50px; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,0.25);opacity: .75; filter: alpha(opacity=75); text-shadow: none!important; visibility: visible; box-sizing: border-box; font-size: 13px; background-color: #400204;}
.mean-container .mean-nav ul li li.active a {background:#4c7898;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{    width: 100%; padding: 9px 10%;}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav > ul > li.active > a, .mean-container .mean-nav > ul > li.current_page_item > a, .mean-container .mean-nav > ul > li > a:hover{background:#ad3119;}
.mean-container .mean-nav ul li a.mean-expand{margin-top:0px;width:42px;height:42px;padding:9px 12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:#8c0208;border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important; color:  #fff}
.mean-container .mean-nav ul li a.mean-expand:hover{background: #8c0208;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.small_nav{ position: relative; }

/* triangle-box */
.triangle-box {width: 0;height: 0;border-style: solid;border-width:0 45px 45px 0;border-color:transparent #ef4a2a transparent transparent; position:absolute; right:0; top:0; z-index:111; cursor:pointer; display:none;}
.triangle-box.active {border-color:transparent #c14d32 transparent transparent; }
.triangle-box i {color:#fff; font-size:14px;}
.triangle-box .fa-plus { margin: 5px 0 0 25px; }
.triangle-box .fa-minus {display:none;margin:8px 0 0 25px; color: #ffffff;}
.triangle-box.active .fa-plus {display: none;}
.triangle-box.active .fa-minus {display: block;}

/* scroll top */
.scrollTop { position: fixed; width: 35px; bottom: 2%; right: 1%; background-color: #1b4e94; color: #fff; font-size: 18px; line-height: 31px; opacity: 0; visibilty: hidden; webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; border: 2px solid #1b4e94; border-radius: 0;}
.scrollTop:hover, .scrollTop:focus{ color: #1b4e94; border: 2px solid #1b4e94; background-color: #fff;}
.scrollTop.pop{opacity:1; visibility:1;}

/* header */
.mainhd{ position:relative; z-index: 1; width: 100%; padding: 15px 0px;}
.header-bot{ padding:9px 0 14px;}
.logo { width: 100%; float: left; max-width:340px; padding: 0px; margin:18px 0px;}
.logo a { display:block; position:relative;}
.group-nav-right { position:relative; margin:0px; padding:0px 0px; float: right;max-width: inherit; width: auto;}
.group-nav-right .group-click-con { position:relative;float: left;  max-width: inherit;}
.lansl {margin: 9px 0 0 30px; float: right; max-width: inherit; width: 62px;}
.group-nav-right .group-click-con p { padding:0px; margin:0px 0px 10px; color:#fff;}
.nav-outer{float: right;}
/*Header end*/

/*Banner*/
.banner {position: relative; width:100%; height:768px;background: #dedcdd;}
.banner img { width: 100%; height:100%;}
.banner .container{position: absolute; top:calc(50%); transform: translateY(-50%); left:0; right:0; text-align: center;}
.banner h2{ font-size:62px; line-height: 72px; color: #000; padding: 0px 0px 30px; margin-bottom: 0;}
.banner h2 span{ font-weight: 600;}
.banner p { color: #000000; font-weight: 500; font-size: 22px; line-height: 27px; }
.adjust-banner-content { max-width:580px; float:right; width:100%; text-align:left;}
/*Banner*/


/* seviez section */
.saviez-section { width:100%; position:relative; padding:95px 0px 160px; margin:0px; text-align:center;}
.saviez-section h1 { position:relative; margin:0px 0px 100px; padding:0px; font-size:45px; line-height:50px; font-weight:700; font-family: 'Work Sans', sans-serif; color:#1d56a9;}
.saviez-section h1:after { content: ' '; position: absolute; width: 57px; height: 6px; background-color: #1d56a9; left: 0px; right: 0px; bottom: -20px; margin: auto;}
.saviez-section .row [class*="col-"]:first-child { float:right; position:relative;}
.saviez-text { text-align:left; position:relative; padding:0px 20px 0px 0px;}
.saviez-text ol { padding:0px; margin:0px; list-style: none; counter-reset: my-awesome-counter;}
.saviez-text ol li { list-style:none; padding:0px 0px 0px 40px; margin:0px 0px 30px; counter-increment: my-awesome-counter; position: relative;}
.saviez-text ol li:last-child { margin:0px;}
.saviez-text ol li::before { content: '\f1b8'; color: #1b4e94; font-weight: bold;  width: 29px;height: 29px; display: inline-block; text-align: center; line-height: 30px; background-color: transparent; border-radius: 50%; position: absolute; left: 0px; top: 0px; font-size: 20px; font-family: fontawesome;}
.saviez-img { width:100%; position:relative; padding:0px 0px 0px 30px; margin:0px;}
.saviez-img:before {content: ' '; position: absolute; width: 240px; height: 240px; background-color: #1b4e94; bottom: -20px; right: -20px; z-index: -1;}
.saviez-img img { width:100%; height:100%; object-fit:cover;}
.saviez-img:after { content: ' '; position: absolute; width: 328px; height: 339px; background-image: url(../images/recycle-logo.png); background-repeat: no-repeat; bottom: -150px; right: -190px; z-index: -2;}

/* cartouches-section */
.cartouches-section { width:100%; position:relative; background-repeat:no-repeat; background-size:cover; text-align:center; padding:120px 0px;}
.cartouches-section .btn.no-bg-btn { font-size:31px; line-height:34px; color:#fff;}
.cartouches-section .btn.no-bg-btn span:after { background-color:#fff;}

/* footer */
.mainft { width:100%; position:relative; margin:0px; padding:65px 0px; text-align:center; background-color:#f6f6f6;}
.mainft .ft-logo { max-width:353px; position:relative; width:100%; margin:0px auto 30px;}
.mainft .ft-logo a { display:block; position:relative;}
.mainft .ft-listing { position:relative; margin:0px 0px 35px; padding:0px;}
.mainft .ft-listing ul, .mainft .ft-listing ul li { padding:0px; margin:0px; list-style:none;}
.mainft .ft-listing ul li p { font-size:18px; line-height:24px; color:#000; padding: 0px;}
.mainft .ft-listing ul li p i {color: #1b4e94; font-size: 30px; line-height: 30px; position: relative; top: 5px; margin-right: 5px;}
.mainft .ft-listing ul li p a { color:#000;}
.mainft .ft-listing ul li p a:hover { color:#1b4e94;}
.mainft .last-footer p {font-family: 'Raleway', sans-serif; font-size:14px; line-height:16px; padding:0px;}

/* information */
.information-section { width:100%; position:relative; margin:0px; padding:90px 0px;}
.gotempties-box { width:100%; position:relative; box-sizing:border-box; padding:70px 100px; background-color:#f6f6f6; text-align:center;}
.gotempties-box h1 { position:relative; margin:0px 0px 60px; padding:0px; font-size:45px; line-height:50px; font-weight:700; font-family: 'Work Sans', sans-serif; color:#1d56a9;}
.gotempties-box h1:after { content: ' '; position: absolute; width: 57px; height: 6px; background-color: #1d56a9; left: 0px; right: 0px; bottom: -20px; margin: auto;}
.gotempties-box > p { font-size:24px; line-height:26px; margin:0px 0px 20px;}
.form-each { width:100%; position:relative; margin:0px; padding:0px;}
.form-each .row { counter-reset: my-awesome-counter2;}
.form-each .row [class*="col-"] { list-style: none; counter-increment: my-awesome-counter;}
.form-each .row [class*="col-"] .group-bx { padding:0px; margin:0px 0px 60px; position: relative;}
.form-each .row [class*="col-"] .group-bx .heading-label { position:relative;}
.form-each .row [class*="col-"] .group-bx .heading-label h2 { list-style:none; padding:0px 0px 20px 40px; margin:0px 0px 0px; counter-increment: my-awesome-counter2; position: relative;}
.form-each .row [class*="col-"] .group-bx .heading-label h2::before {content: counter(my-awesome-counter2); color: #fff; font-weight: bold; width: 29px; height: 29px; display: inline-block; text-align: center; line-height: 30px; background-color: #ccc; border-radius: 50%; position: absolute; left: 0px; top:-3px; font-family: 'Work Sans', sans-serif; font-size:17px; font-style:italic;}

.group-bx { width:100%; position:relative; padding:0px; margin:0px; text-align:left;}
.group-bx .heading-label h2 { font-size:18px; line-height:24px; color:#000000; font-family: 'Work Sans', sans-serif; font-weight:600;}
.radio-bx-inline { width:100%; position:relative; margin:0px; padding:0px 0px 0px 40px;}
.radio-bx-inline .radio {margin: 0px;position: relative;display: inline-block; margin-right: 20px; margin-bottom: 10px;}
.radio-bx-inline .radio label, .radio-bx-inline .checkbox label { padding-left:20px; font-size: 14px; color: #000; font-weight: 500;     line-height: 20px;}
.radio-bx-inline .radio input[type="radio"] {position: absolute;opacity: 0;}
.radio-bx-inline .radio input[type="radio"] + .radio-label:before {content: '';background: #f4f4f4;border-radius: 100%;border: 1px solid #b4b4b4;display: inline-block;width: 9px;height: 9px;position:absolute;top: 7px;margin-right: 10px;vertical-align: top;cursor: pointer;text-align: center;-webkit-transition: all 250ms ease;transition: all 250ms ease; left:0px;}
.radio-bx-inline .radio input[type="radio"]:checked + .radio-label:before {background-color: #3197EE;}
.radio-bx-inline .radio input[type="radio"]:focus + .radio-label:before {outline: none;border-color: #3197EE;}
.radio-bx-inline .radio input[type="radio"]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4;}
.radio-bx-inline .radio input[type="radio"] + .radio-label:empty:before {margin-right: 0;}

.mid-form .control-label { text-align:left; float: left; font-size:16px; line-height:20px; color:#6e6d6d; font-weight:500; margin: 0px 0px 15px;}
.fill-form { position:relative; padding: 0px; max-width: 750px; width: 100%; margin: 0px auto; }
.fill-form h3 { font-size:24px; line-height:26px; color:#1d56a9; font-weight:500; padding:0px 0px 60px 0px; font-family: 'Work Sans', sans-serif; font-weight:600;}
.fill-form h2 { position:relative; margin:0px 0px 60px; padding:0px; font-size:45px; line-height:50px; font-weight:700; font-family: 'Work Sans', sans-serif; color:#1d56a9;}
.fill-form h2:after { content: ' '; position: absolute; width: 57px; height: 6px; background-color: #1d56a9; left: 0px; right: 0px; bottom: -20px; margin: auto;}
.fill-form p { padding:0px 0px 40px}
.mid-form .btn { padding:19px 100px; background-image: url(../images/arrow-right-icon.png); background-repeat: no-repeat;
background-position: 160px center;background-size: inherit;}
.mid-form .btn:hover {background-position: 165px center;}

.g-recaptcha{ margin: 0 0 25px 0; }

/**			==============	Responsive style start	============================---------------------------------------------------------------****
*********************************************--------------------------------------------------------------------------------------------------***/

/*------ adjust container media end ------*/


@media only screen and (max-width:1440px){
h1, h2 { font-size: 34px; line-height: 36px;}
.btn, .btn:active, .btn.active { font-size: 14px;}

.banner h2 { font-size: 50px; line-height: 54px;}

.saviez-img:after { width: 240px; height: 240px; bottom: -110px; right: -120px; z-index: -2; background-size: 100%;}
.saviez-img:after {right: -80px}
}

@media only screen and (max-width:1299px){
	
.group-order-now { margin-left: 15px;}
.navigation ul > li > a { font-size: 14px;  padding: 21px 15px;}
.navigation ul li > ul li a { padding: 7px 10px; font-size: 14px }
.adjust-banner-content { max-width: 480px;}
.banner h2 { font-size: 42px; line-height: 44px; margin: 0 0 5px 0; }
.banner h6 { font-size: 16px; line-height: 20px;}

.saviez-img:after { display:none;}
.saviez-text ol li { margin: 0px 0px 20px}
.saviez-section h1 { margin: 0px 0px 80px;}
.saviez-section h1 { font-size: 36px; line-height: 40px;}
.cartouches-section .btn.no-bg-btn { font-size: 24px; line-height: 26px;}

.gotempties-box h1, .fill-form h2 { font-size: 36px; line-height: 40px;}
.gotempties-box { padding: 40px 60px;}
.group-nav-right {max-width:570px;}
}
/*******		end 1299		*/

@media only screen and (max-width:1169px){
.banner {height:auto;}
.banner img {height:auto;}
}

@media only screen and (max-width: 991px) {
.btn, .btn:active, .btn.active { padding: 10px 9px 11px 16px;}
h1, h2 { font-size: 30px; line-height: 34px;}
p { padding: 0px 0 15px 0; font-size:15px; line-height:24px;}

.triangle-box{display: block}
.group-order-now {display:none; position: absolute;margin: 0px;padding:37px 0px;float: none;left: 0;right: 0;top: 0px;text-align: center;background-color: #d8d8d8;z-index: 110;}
.group-nav-right { margin: 0px; padding: 0px; float: none; position: inherit;text-align:center;max-width:100%;}
.mean-container .mean-nav { float: none; width: 100%; right: 0; z-index: 10;     margin: 40px 0 0 0; }
.nav-outer{float: none; margin-top: 26px;}
.mean-container .mean-bar{float: right; margin: 0 10px 0 0px;}

.mainhd { padding: 20px 0px;}
.logo {margin: 0 auto 12px; float: none;}

.banner h2 { font-size: 30px; line-height: 34px; margin: 0px 0 0px 0;}
.banner h2 br { display:none;}
.banner p { font-size: 16px; margin-bottom: 0; padding: 0px 0px 30px;}
.adjust-banner-content { max-width: 400px;}
.saviez-section .row [class*="col-"]:first-child { float:none;}
.saviez-img { padding:0px 20px 0px 0px; margin-bottom:60px;}
.saviez-img:before { right: 0;}
.saviez-section { padding: 60px 0px;}
.saviez-section h1 { font-size: 30px; line-height:34px; margin: 0px 0px 60px;}
.saviez-section h1:after { height: 4px; bottom: -15px;}

.cartouches-section .btn.no-bg-btn {    font-size: 18px;    line-height: 20px;}
.cartouches-section { padding: 80px 0px;}

.mainft { padding: 60px 0px;}

.information-section { padding:60px 0px;}
.gotempties-box h1, .fill-form h2 { font-size: 30px; line-height:34px; margin: 0px 0px 40px;}
.gotempties-box h1:after, .fill-form h2:after { height: 4px; bottom: -15px;}
.gotempties-box > p {font-size: 16px;line-height: 20px;margin: 0px 0px 30px;}
.gotempties-box {padding: 30px;}
.fill-form h3 { padding: 0px 0px 40px 0px;}
.form-each .row [class*="col-"] .group-bx { margin:0px 0px 40px 0px}
.radio-bx-inline .radio { margin-bottom: 5px;}
.group-nav-right .group-click-con {float:none;display:inline-block;vertical-align:top;}
.lansl {float:none;display:inline-block;vertical-align:top;margin:0}
}
/*******		end 991		*/

@media only screen and (max-width: 767px) {
h1, h2 { font-size: 24px; line-height: 26px;}
.btn, .btn:active, .btn.active { padding: 6px 15px;}

.form-control, input[type="text"], input[type="tel"], input[type="email"], textarea, input[type="password"], input[type="number"], select { padding: 7px 10px; margin-bottom: 20px;}

.logo {width: 100%;max-width: 190px;padding: 0px;margin: 6px auto;}
.mainhd { position: relative; left: 0px; top: 0px; z-index: 1; width: 100%; padding: 20px 0px;}
.mean-container .mean-nav { margin:40px 0 0 0; }
.banner .container{position: static; transform: translateY(0); background-color:#bed4f3; padding:30px 0px;}
.banner h2 { font-size: 24px; line-height: 30px; margin: 0; padding: 0px 0px 15px 0px;}
.adjust-banner-content { max-width: 360px; margin: 0px auto; float: none; text-align: center; padding: 0px 15px;}
.banner p { padding: 0px 0px 15px;}
.banner:before { display:none;}

.group-order-now { padding: 15px 0px;}

.saviez-text { padding:0px;}

.saviez-section { padding: 30px 0px;}
.saviez-section h1 {font-size: 24px;line-height: 26px;margin: 0px 0px 40px;}
.saviez-img {margin-bottom: 40px;}
.mainft { padding: 30px 0px;}
.mainft .ft-logo { margin: 0px auto 15px;}
.mainft .ft-listing { margin: 0px 0px 15px;}
.mainft .ft-logo { max-width: 320px; padding:0px 30px}

.information-section { padding: 30px 0px;}
.gotempties-box h1, .fill-form h2 { font-size:24px; line-height:26px; margin:0px 0px 40px;}
.gotempties-box h1 br, .fill-form h2 br { display:none;}
.gotempties-box > p { margin: 0px 0px 10px;}
.gotempties-box { padding: 0;background-color: transparent;}
.form-each .row [class*="col-"] .group-bx .heading-label h2 { padding: 0px 0px 10px 40px;}
.form-each .row [class*="col-"] .group-bx { margin: 0px 0px 20px 0px;}
.fill-form h3 { font-size: 16px; line-height: 20px; padding: 0px 0px 20px;}
.fill-form p { padding: 0px 0px 20px;}
.fill-form p br { display:none;}
.mid-form .btn { padding: 8px 50px;background-position: 94px center;}
.mid-form .btn:hover {background-position: 98px center;}
.mid-form .control-label {margin-bottom: 5px;}
.mainft .last-footer p {font-size: 13px; line-height: 17px;}
	select.form-control {margin:0;height:36px;}
	.group-nav-right .group-click-con {display:block;    margin: 0 auto;}
	.lansl {display:block;margin:8px auto 0;}
}
/*******	 end 767		*******/

@media only screen and (max-width: 639px){
.logo { width: 240px; float: none; margin: 0px auto 15px;}
.group-nav-right { width:100%;}
.group-nav-right .group-click-con { float:none; margin:0px auto; text-align:center;}
.nav-outer { margin-top: 5px;}
.header-bot {padding: 25px 0;}
.mean-container .mean-nav {margin: 31px 0 0 0;}
.mean-container a.meanmenu-reveal { margin:0px; }
.triangle-box { border-width: 0 40px 40px 0;}
.triangle-box .fa-plus { margin: 5px 0 0 20px;}
.triangle-box .fa-minus { margin: 6px 0 0 20px;}
.mean-container .mean-nav ul li a { font-size: 13px;}

.banner .container { padding: 25px 0px;}
.banner h2 {font-size: 20px;line-height: 24px;margin: 0;padding: 0px 0px 10px 0px;}

.cartouches-section { padding: 40px 0px;}
.cartouches-section .btn.no-bg-btn { font-size: 16px; line-height: 18px;}

.mainft .ft-listing ul li p i {font-size: 20px;line-height: 20px;position: relative;top: 2px;margin-right: 5px;}
.mainft .ft-listing ul li p { font-size: 15px; line-height: 18px;}
.btn span.arrow-icon {display:block;margin: 10px 0 5px;}
.cartouches-section .btn.no-bg-btn {white-space:inherit;padding: 6px 0 0; }
}

.hide-logo .logo a:first-child {display: none;}
/*******	 end 639		*******/