/* ==========================================================================
 Normalize
 ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}a:focus,a:hover,ins{text-decoration:none}abbr,address,article,aside,audio,b,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}q{quotes:none} a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}a:focus,a:hover{outline:0}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ padding: 0; margin: 0;}
body {overflow-x:hidden; font-family: 'Nunito', sans-serif; color: #111; -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -moz-text-size-adjust: 100%; }
img { max-width: 100%; }
ul, li { list-style: none; padding: 0; margin: 0; }
h1,h2,h3,h4,h5,h6 {font-family: 'Nunito', sans-serif; font-weight: 900; margin: 0; line-height: 1em; padding: 0; }
p {margin: 0; padding: 0; color: #333; font-size: 18px; line-height: 1.5em; }
a { text-decoration: none; color: #0c6d3a; }
a:hover{color: #0c6d3a;}
.mb0{ margin-bottom: 0;}
.btn{ border: none; font-weight: 600; }
.btn-lg{ }
.btn:focus, .btn:active{ outline: none; border: none;}
.btn-primary{ background: #0c6d3a; }
.btn-primary:hover, .btn-primary:focus{ background: #08502a; color: #fff;}
.btn-white{ background: #fff; color: #111;}
.btn-white:hover, .btn-white:focus{ background: #fff; color: #111;}
label{ cursor: inherit;}
header{ padding: 0; position: relative; }
.header-bottom{padding: 10px 0 15px;}
/* ==========================================================================
 Go To Top
 ========================================================================== */
.gotop {background: rgba(255, 255, 255, 0.3); display: table;float: left;height: 40px;position: absolute;right: 0px;text-align: center;top: -80px;width: 40px;}
.gotop i{ display: table-cell; vertical-align: middle; color: #fff;}
.gotop:hover{ background:rgba(255, 255, 255, 0.5); }

.logo{ width: 100%; font-size: 40px;}
.logo h2{ margin: 20px 0 0; font-size: 34px; }
.logo img{ display: block; max-width: 270px;}
.volunteer-btn{ text-align: left; margin-top: 5px; padding: 12px 15px;}
.volunteer-btn img{ float: left; margin-right: 15px; width: 43px;}
.volunteer-btn label{ display: block; font-size: 18px; line-height: 24px;}
.volunteer-btn span{ font-size: 12.5px; font-weight: 400; }
.navbar-default{background-color: #fff; margin: 10px 0;}
.navbar{min-height: auto;}
.navbar-nav > li{ margin-right: 14px;}
.navbar-nav > li:last-child{ margin-right: 0;}
.navbar-collapse{padding:0;}
.dropdown:hover .dropdown-menu{ display: block;}
.dropdown-menu{ padding: 0; border-radius: 4px;}
.dropdown-menu > li > a{ border-radius: 0 !important; font-size: 15px !important;}
.navbar-default .navbar-nav a{ border-bottom: 5px solid transparent; background: none; font-size: 17px; color: #222 !important; padding: 8px 12px !important; border-radius: 4px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background: #0c6d3a; color: #fff !important;}
.main-banner .owl-item {border-radius: 0px; overflow: hidden;}
/*.main-banner .owl-item img{ opacity: 0.5; }
.main-banner .owl-item.active img{ opacity: 1;}*/
/*.main-banner .owl-stage-outer{ overflow:inherit }*/

.main-banner .item{ width: 100%; height: 554px; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover;}


.main-banner .owl-controls {position: absolute; top: 50%; margin-top: -15px; width: 100%; display: none;}
.main-banner .owl-prev, .main-banner .owl-next{ font-size: 30px; color: #fff; margin: 0 15px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
.main-banner .owl-prev{ float: left;}
.main-banner .owl-next{ float: right;}
.main-banner .item{ width: 100%; position: relative;}
.section{ padding: 30px 0;}
.section.sm{padding: 25px 0;}
.green-bg{ background: #0c6d3a;}
.text-green{ color: #0c6d3a;}
.text-red{ color: #ff0000;}
.why-mustquito{ position: relative; padding: 75px 0 50px;}
.why-mustquito:after{ width: 50%; height: 100%; content: ""; background: #ececec; position: absolute; right: 0; top: 0; z-index: 1;}
/*.why-mustquito:before{ content: ""; position: absolute; z-index: 9; right: 40%; top: 0; width: 0px; height: 0px;border-style: solid; border-width: 565px 135px 0 0;border-color:  #0c6d3a transparent transparent transparent;  }*/
.why-mustquito h1{font-size: 36px;}

h1{ font-size: 40px; margin-bottom: 20px;}
h2{ font-size: 30px; margin-bottom: 20px; line-height: 40px;}
h3{ font-size: 24px; margin-bottom: 20px;}
h4{ font-size: 20px; margin-bottom: 20px; line-height: 26px;}
h5{ font-size: 18px; margin-bottom: 20px; line-height: 24px;}
h6{ font-size: 16px; margin-bottom: 20px; line-height: 22px;}
.grey-bg { background: #eee; }
.green-bg h1, .green-bg{ color: #fff;}
.green-bg .text-dark{ color: #00381b;}
.why-mustquito .signature{ padding: 20px 0 0; border-top: 2px solid #fff; margin-top: 20px;}
.why-mustquito .signature label{ display: block; font-size: 24px; margin-top: 5px;}
.exnora-mustquito-logo{ position: relative; z-index: 9;}
.list li{ margin-bottom: 25px; font-size: 18px; line-height: 28px; position: relative; padding-left: 40px; background: url(../images/list-bullet.png) no-repeat left 5px;}
.heading{ width: 80%; margin: 0 auto;}
.heading p{ font-size: 18px; line-height: 26px;}
.single-action{ min-height: 400px; position: relative; background: url(../images/bg.jpg) no-repeat center bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.single-action .container{ position: relative; z-index: 9;}
.single-action:after{ width: 100%; height: 100%; position: absolute; content: "";  left: 0; top:0; background: rgba(0,0,0,0.6);}
.single-action .heading, .single-action .heading p{ color: #fff;}
.download h2{ font-size: 24px; margin: 0;}
.download h2 a{ margin-left: 15px;}
.solution{ margin-top: 30px;}
.solution .head{ background: #0c6d3a; text-align: left;}
.solution .head h2{ color: #fff; font-size: 20px; margin-bottom: 0; line-height: 55px !important; display: inline-block;}
.solution .head h2 span{ background: #ff0000; width: 60px; height: 60px; line-height: 55px; margin-right: 20px; text-align: center; float: left; }
.solution .readmore{ display: block; text-align: center; color: #fff; background: #222; font-size: 14px; padding:15px 0 20px; margin-top: 5px; }
.solution-slider .owl-controls, .solution-slider-sm .owl-controls{ margin: 0;}
.solution-slider .owl-prev, .solution-slider .owl-next, .solution-slider-sm .owl-prev, .solution-slider-sm .owl-next{ font-size: 26px; width: 40px; height: 40px; background: #0c6d3a; color: #fff; text-align: center; line-height: 32px; display: inline-block; position: absolute; top: -60px; right: 0;}
.solution-slider .owl-prev, .solution-slider-sm .owl-prev{ right: 45px;}
.solution-slider .owl-prev i{margin-left: -2px;}
.solution-slider .owl-next i{margin-left: 2px;}

footer{ background: #eaeaea; padding-top: 50px;}
.footer-bottom{background: #0c6d3a; padding:15px 0; margin-top: 25px;}
.footer-bottom p, .footer-bottom a{color: #fff;  font-size: 14px;}
.links li{ margin-bottom: 20px; position: relative; padding-left: 15px;}
.links li:before { content: "\f105"; position: absolute; z-index: 9; left: 0; top: 2px; font-family: 'FontAwesome';}
.links li a{ color: #222; font-size: 16px;}
.social-media li{ display: inline-block; margin-right: 5px;}
.social-media li a{ width: 35px; height: 35px; background: #0c6d3a; color: #fff; border-radius: 50%; text-align: center; line-height: 35px; font-size: 18px; display: inline-block;}
.inner-banner{ width: 100%; padding: 50px 25px; border-radius: 4px; background: url(../images/inner-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.inner-banner h1{ color: #fff; font-size: 36px;}
.sep{ width: 100%; height: 1px; border-bottom:3px double #777; margin: 30px 0; }
.box{ width: 100%; border: 1px solid #999; background: #f6f6f6;}
.panel-success {border-color: #0c6d3a;}
.panel-success > .panel-heading {background-color: #0c6d3a;border-color: #0c6d3a;}
.panel-heading h4{ margin: 0 0 10px;}

.ordered-list li{ margin-top: 10px; line-height: 24px;}
.option-panels .panel-body{ min-height: 220px;}
.checklist li{color: #222; font-size: 18px; margin-bottom: 15px; position: relative; padding-left: 30px; text-align: left}
.checklist li:before { content: "\f046"; color: #0c6d3a; position: absolute; z-index: 9; left: 0; top: 2px; font-family: 'FontAwesome';}
.book-container{ background: #222; overflow: hidden;}

.icon{ width: 120px; height: 120px; background: #0c6d3a; color: #fff; font-size: 50px; line-height: 120px; border-radius: 50%; margin: 15px auto;}
.faq{ padding: 25px; background: #eaeaea; margin-bottom: 15px; border-radius: 6px;}
.faq h3{ font-size: 22px;  color: #0c6d3a;}

.img-holder{ width: 100%; margin-bottom: 15px; height: 250px; overflow: hidden; position: relative; }
.img-holder img{ opacity: 1; width: 100%; object-fit: cover;}
.img-holder:hover img{ opacity: 1;}
/*.img-holder:after{ width: 100%; height: 100%; left: 0; top: 0; content: ""; display: block; z-index: 1; position: absolute;}*/
.img-holder .download, .download{ width: 50px; height: 50px; text-align: center; z-index: 11; background: #0c6d3a; color: #fff !important; font-size: 26px; line-height: 52px; position: absolute; top: 0px; right:0px; }
.img-holder .view-in-tab, .view-in-tab{ width: 50px; height: 50px; text-align: center; z-index: 11; background: #0c6d3a; color: #fff !important; font-size: 26px; line-height: 52px; position: absolute; top: 0px; right:60px; }
.download-box h3{ font-size: 20px; color: #fff; text-align: center; line-height: 24px;}
.download-box{background: #0c6d3a; padding: 5px; margin-bottom: 30px;cursor:pointer; position: relative;}
.pb0{ padding-bottom: 0;}
.mb0{ margin-bottom: 0 !important;}

.follow-title{ left: 20px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 50px;}
.socialCircle-item {
  width: 80px;
  height: 80px;
  position: absolute;
  background: #333;
  margin: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 30px;
  cursor: pointer;
}
.modal .close{ z-index: 99; position: relative;}

.socialCircle-container {
  position: relative;
  width: 500px;
  height: 500px;
  margin: 0 auto;
}

.socialCircle-center {
	overflow: hidden;
  width: 250px;
  height: 250px;
  background: #35DBCD;
  margin: 50%;
  position: absolute;
  text-align: center;
  color: #ffffff;
  font-size: 60px;
  cursor: pointer;
}
.socialCircle-item:hover{ color: #fff;}
.socialCircle-item.facebook{ background:#3b5a99; }
.socialCircle-item.twitter{ background:#23a6d1; }
.socialCircle-item.instagram{ background:#ef549e; }
.socialCircle-item.linkedin{ background:#007ab9; }
.socialCircle-item.pinterest{ background:#cb2128; }
.socialCircle-item.youtube{ background:#c5312b; }

.follow-download{width: 60px; height: 60px; display: block; z-index: 99;  position: absolute; top: 60px; right: 15px; }

#flipModal .modal-body{padding: 0;}
.download-section .img-holder{margin-bottom: 0;}
.download-section .download-box{padding-bottom: 0;}
.download-title{display: table; height: 70px; width: 100%;}
.download-title h3{vertical-align: middle; display: table-cell;}
.book_holder{ overflow: hidden;}
.modal-dialog.modal-lg { width: 80%; margin: 70px auto 0; }

/*new */
.header-top{padding: 10px 0 15px; background: #0c6d3a;}
.header-top p{font-size: 14px; color: #fff;}
.join-btn{padding: 3px 15px; font-weight: 400;  border:1px solid #fff; border-radius: 4px; color: #fff; }
.join-btn:hover, .join-btn:focus{ color: #fff;}
.ml10{margin-left: 10px;}
.green-txt{color: #0c6d3a !important;}
.plastic-logo{padding-right: 15px; margin-top: 0px;}
.plastic-content{border-left: 2px solid #0d6d3a; padding-left: 40px;}
.plastic-content .green-txt{font-weight: 600;}
.fw600{font-weight: 600;}
.fs20{font-size: 20px;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}
.mt25{margin-top: 25px;}

.prevention-content{z-index: 999; position: relative; padding-left: 20px;}
.pollution-row{border-bottom: 2px solid #0c6d3a; padding-bottom: 25px; margin-top: 30px; position: relative; z-index: 999;}
.pollution-icon{width: 82px; height: 82px; margin-right: 15px; border-radius: 50%; vertical-align: top; background: #0c6d3a; color: #fff; display: inline-block; text-align: center; line-height: 78px; font-size: 30px; font-weight: 600;}
.pollution-content{display: inline-block;}
.pollution-content h2{color: #222222; font-size: 26px; text-transform: uppercase; line-height: 32px;}
.by-txt{width: 50px; height: 50px; line-height: 50px; text-transform: uppercase; background: #0c6d3a; color: #fff; display: block; text-align: center; border-radius: 50%; font-size: 18px; font-weight: 600; margin: -30px auto; position: relative; top: 19px;}
.recycle{border-bottom: none; margin:30px 0 0; padding-bottom: 0;}
.text-upper{text-transform: uppercase;}
.lg-btn{padding: 15px 55px; font-size: 18px;}
.pb70{padding-bottom: 70px;}
.pad25{ padding: 25px;}
.solution{ text-align: center;}
.solution .pollution-icon{ width: 100px; height: 100px; font-size: 40px;  line-height: 90px;}
.solution h2{ text-transform: uppercase;}