@import "../drfonts/proximanova/fonts.css"; /* Using a string */
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
/* h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;} */
h1,h2,h3,h4,h5,h6{font-weight:bold;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
.clear{clear:both;font-size:1px;line-height:1px;display:block;height:0;}
header,nav,section,article,aside,footer,hgroup{display:block;}
::selection{background:#0f94d9;color:#fff;}
figure{padding:0;margin:0;}
*{box-sizing:border-box;}
img{max-width:100%;height:auto;display:block;}
.pad-last{padding:0 !important;}
.no-bor{border:0 !important;}
.last{margin:0 !important;}
a{text-decoration:none;outline:0 none;cursor:pointer;}
a:hover{text-decoration:none;}
h1{font-size:60px;font-family:'Roboto', sans-serif;}
h2{font-family:'Roboto', sans-serif;}
h3{font-size:24px;color:#444;font-weight:600;font-family:'Roboto', sans-serif;margin:0 0 10px;}
h4{font-size:20px;color:#fff;font-weight:400;font-family:'Roboto', sans-serif;}
h5{font-size:35px;font-weight:700;}
h6{font-size:16px;}
p{font-size:16px;color:#000;font-weight:normal;line-height:24px; margin: 0;}
html{}
body{font-family: 'plutocond_regular';font-size:16px;}
.wrapper{padding:0;margin:0 auto;max-width: 1400px; width:100%;}
.fl-rt{float: right;}
.fl-lt{float: left;}


/****** Comingsoon Page******/
@font-face {
    font-family: 'plutocond_heavy';
    src: url('../drfonts/plutocondheavy/plutocondheavy-webfont.woff2') format('woff2'),
         url('../drfonts/plutocondheavy/plutocondheavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'plutocond_medium';
    src: url('../drfonts/plutocondmedium/plutocondmedium-webfont.woff2') format('woff2'),
         url('../drfonts/plutocondmedium/plutocondmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'plutocond_regular';
    src: url('../drfonts/plutocondregular/plutocondregular-webfont.woff2') format('woff2'),
         url('../drfonts/plutocondregular/plutocondregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* .row{display: block; margin: 0;} */

.header{background: #fff; position: static; text-align: center; padding: 10px 0;}
.header img{width: 180px; display: inline-block;}

.fl-rt{float: right;}
.fl-lt{float: left;}
header{padding:0;margin:0 auto;width:100%;position: sticky;left:0;-webkit-transition:0.2s ease-in-out;-moz-transition:0.2s ease-in-out;-o-transition:0.2s ease-in-out;transition:0.2s ease-in-out;z-index: 9999;top: 0;}
.top-menu ul li.menu{margin:15px 0px -2px 6px !important;display:none;}
#nav-icon{width:26px;height:20px;position:relative;margin:0px auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;cursor:pointer;}
#nav-icon span{display:block;position:absolute;height:3px;width:100%;background:#000;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;}
#nav-icon span:nth-child(1){top:0px;}
#nav-icon span:nth-child(2){top:8px;}
#nav-icon span:nth-child(3){top:16px;}
.open #nav-icon span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.open #nav-icon span:nth-child(2){opacity:0;left:-60px;}
.open #nav-icon span:nth-child(3){top:10px;transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}

.top-menu1{display: flex; width: calc(100% - 120px); padding: 8px 0 0 20px; float: left;}
.top-menu ul{margin: 0; padding: 0;}
.top-menu ul li{display: inline-block; margin: 0; padding: 0; position: relative; text-transform: uppercase;}
.top-menu ul li a{padding: 13px 10px;font-size: 14px;text-decoration: none;position: relative;}
.top-menu ul li a span{background: #8cc63f;border-radius: 100%;color: #000;text-align: center;font-size: 11px;width: 16px;height: 16px;display: inline-block;line-height: 16px;margin: 0;position: absolute;right: -1px;top: 6px;}
.top-menu ul li button{display: none; position: absolute;top: 100%;right: 0;border: 0;border-radius: 0;padding: 10px 20px;}
.top-menu ul li:hover button{display: block;}

.top-menu ul li .dropdown-toggle{cursor: pointer;}
.top-menu ul li .dropdown-menu{background-color: #fdedce; top: 0px;}
.top-menu ul li .dropdown-menu a.dropdown-item{display: block;padding: 8px 15px;line-height: normal;font-size: 16px;}
.top-menu ul li .dropdown-menu a.dropdown-item:hover{color: #528612 !important;}

.top-menu ul li a .fa-shopping-cart{font-size: 20px;}

.logo3{display: table; margin:0; padding: 0; width: 118px;}
.logo3 img{width: 100%; height: auto;}
#preHeader { /* height: 44px; */ line-height: 44px; position: relative; z-index: 1020;}
#preHeader{background:#fdedce;color:#000;font-weight:600;border-bottom:1px solid #fde5b5}
#preHeader a{color:#000}
.navbar{padding:0;margin:0;border-radius:0}
.navbar-collapse{padding:0}
.navbar-default{border:none}
.navbar-nav{display:block;text-align:center;float:none;margin:0}
.navbar-nav ul li{position:relative}
.navbar-nav ul{display:none;list-style-type:none;margin:0;padding:0}



/* .banner{display: block; margin: 0; padding: 0; background: url(../images/banners/Banner.png) no-repeat left top; background-size: cover;} */
.banner{display: block; margin: 0; padding: 0; background: url(/drimages/banners/Banner.png) no-repeat left top; background-size: cover;}
.banner figure{padding: 0 0 0 12%;}
.banner .row{display: flex; align-items: center; margin: 0;}
.banner h1{font-size: 60px; color: #fff;font-family: 'plutocond_heavy';}
.banner p{color: #fff; font-size: 22px;font-family: 'plutocond_medium';}
.bg{background: #fac864; height: 90px; display: block;margin: -80px 0 0;}
.banner-content{background:#333;text-align:left}

.thumnails-block{padding: 40px 0;}
.thumnails-block h2{text-transform: capitalize;font-family: 'plutocond_medium'; color: #000;font-size: 40px;}
.thumnails-block ul{margin: 0 -10px; padding: 0;}
.thumnails-block ul li{display: inline-block; margin: 0; padding: 10px 10px; float: left; width: 33.3%;}
.thumnails-block ul li img{width: 100%; height: auto;}

#menuCard1{background: #fac864;}
.how-it-works{padding:40px 0;}
.how-it-works h2{color:#000; font-size: 40px;  margin-bottom:40px;font-family: 'plutocond_heavy';}
.how-it-works .steps .item{margin:0 auto 25px; float: left;}
.how-it-works .steps .item h3{color:#423a3a;margin-bottom:10px;font-family: 'plutocond_heavy'; font-size: 24px;}
.how-it-works .steps .item p{color:#423a3a;font-family: 'plutocond_regular';}
.how-it-works .steps .item img{margin:0 auto 15px;}

.csFooter{background: #fa0019; text-align: center; padding: 20px 0;}
.csFooter p{color: #fff;}
/* #dialogoverlay{display:none;opacity:0.6;position:fixed;top:0px;left:0px;background:#000006;background:url(../images/overlay.png) repeat;width:100%;height:100%;z-index:9999999999999} */
#dialogoverlay{display:none;opacity:0.6;position:fixed;top:0px;left:0px;background:#000006;background:url(/drimages/overlay.png) repeat;width:100%;height:100%;z-index:9999999999999}
#dialogbox{display:none;position:fixed;border-radius:12px;width:350px;z-index:999999999999999;box-shadow:0 10px 25px rgba(0,0,0,0.5)}
#dialogbox>div{background:#FFF;margin:2px;border-radius:25px}
#dialogbox>div>#dialogboxhead{background:#fff;font-family:'Open Sans',sans-serif;border-radius:10px 10px 0 0;text-align:right;font-size:20px;font-weight:bold;padding:5px 8px;color:#000}
#dialogbox>div>#dialogboxbody{background:#FFF;padding:20px;font-family:'Proxima Nova';text-align:center;font-size:18px;color:#000}
#dialogbox>div>#dialogboxfoot{background:#FFF;padding:10px 20px 10px 10px;text-align:right;border-radius:0 0 10px 10px}
#okbtn,#nobtn{border:0 none;width:68px;height:30px;border-radius:6px;text-transform:uppercase;font-family:'proxima_nova_ltsemibold';color:#fff;font-weight:700;line-height:30px;background:#8cc63f;cursor:pointer;transition:all 0.4s ease-in-out;text-align:center}
/* .loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999999;background:url(../images/ajax-loader.gif) 50% 50% no-repeat #f9f9f9} */
.loader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999999;background:url(/drimages/ajax-loader.gif) 50% 50% no-repeat #f9f9f9}
.btn-csclr{background-color:#8cc63f;position: relative;top: 0px; margin-left:0px;}
.cs-hd1{ line-height: 60px; }

/******************* FOOTER ******************/
#mainFooter {
    background: #fff;
}
#footerRights {
    background: #000;
}
#mainFooter, #footerRights, #mainFooter a, #footerRights a {
    color: #000;
}
#mainFooter p.lead,
#mainFooter h4 {
    color: #8bc53f;
}
#toTop {
    background: #fff;
    border: 1px solid #ddd;
}
#toTop:hover {
    background: #8bc53f;
    color: #fff;
}
.iconCircle {
    border: 1px solid #fff;
}
a:hover .iconCircle {
    background: #fff;
    color: #000;
}


@media(max-width: 991px) {
    .container { width: 100%; max-width: 100%;}
    .banner h1{font-size: 40px;}
    .banner p{font-size: 18px;}
    .bg{height: 90px;}
    .thumnails-block h2, .how-it-works h2{font-size: 24px;}
    .top-menu1{height:100%;position:fixed;display:inline-block;float:none;background:#fdedce;width:280px;padding:0;right:-280px;top:50px;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;overflow:auto}
	.open header{}
	.open .top-menu1{right:0;}
 	ul.navbar-nav li{display: block;border-top: 1px solid rgb(140 198 63 / 21%);}
 	.top-menu ul li .dropdown-menu{background-color: #fdedce; text-align: center; width: 96%;}
 	.top-menu ul li.menu{display:inline-block;}
 	#preHeader{padding: 0 10px;}
 	.cs-hd1{ line-height: 40px; }

}

@media(max-width:767px) {
    .how-it-works .steps .item{margin: 0 auto;}
    #zipval::placeholder { 	text-align:center; }
    .top-menu ul li a{padding: 13px 4px;}
    .banner p{font-size: 14px; text-align:center;}
    
}

@media(max-width:575px) {
    .text-block{text-align: center; margin:0px 0 -100px;}
    .banner h1{font-size: 34px;margin: 0;text-align: center;}
    .bg{height: 120px; margin: 0;}

    .thumnails-block ul{margin: 0 -5px;}
    .thumnails-block ul li{padding: 5px 5px;}
    .top-menu ul li a{padding: 13px 4px;}
    #preHeader .pull-left, #preHeader .pull-right{float: none !important; margin: 0 auto; display: table;}
}

.modal_subscri .modal-header h4{color: #666;}

@media(min-width:767px) {
.btn-csclr{margin-left:6px;}
}