.header-bg .navbar-default .navbar-toggle:focus,.header-bg .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
/*
Theme Name: Neat Cup
Theme URI: http://dimensiongraphic.com/
Author: Jaymed Technologies
Author URI: http://jaymedtech.com/
Description: Neat Cup is comfortable, clean and gives you up to 12 hours of continual protection. You might even forget you're on your period! Feel free to sleep, swim, run, dance and be happy.
Version: 1.3
*/
@font-face {
  font-family: 'AmaticSC-Regular';
  src: url('fonts/AmaticSC-Regular.eot?#iefix') format('embedded-opentype'),  
  url('fonts/AmaticSC-Regular.woff') format('woff'), 
  url('fonts/AmaticSC-Regular.ttf')  format('truetype'), 
  url('fonts/AmaticSC-Regular.svg#AmaticSC-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AmaticSC-Bold';
  src: url('fonts/AmaticSC-Bold.eot?#iefix') format('embedded-opentype'),  
  url('fonts/AmaticSC-Bold.woff') format('woff'), 
  url('fonts/AmaticSC-Bold.ttf')  format('truetype'), 
  url('fonts/AmaticSC-Bold.svg#AmaticSC-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Antipasto';
  src: url('fonts/Antipasto.eot?#iefix') format('embedded-opentype'),  
  url('fonts/Antipasto.woff') format('woff'), 
  url('fonts/Antipasto.ttf')  format('truetype'), 
  url('fonts/Antipasto.svg#Antipasto') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
	font-family: 'AmaticSC-Regular';
}


a:focus, a:hover{text-decoration:none !important;}
.header-bg{background:#fff; width:100%; position:fixed; z-index:999; border-bottom: 5px solid #000;}
.menu{width:60%; float:left;}
.menu .navbar-default{background-color: transparent; border:none; margin-bottom:0px;}
.menu .navbar-default .navbar-nav li a{font-family: 'AmaticSC-Bold'; font-size:28px; color:#2e789b; text-transform: uppercase;}
.menu .navbar-default .navbar-nav li a:hover{color:#4cbea1;}
.menu .navbar-default .navbar-nav li.current-menu-item a {color: #333 !important;}
.sco-media{text-align:right; width:20%; float:left;}
.sco-media ul{margin:0px; padding:0px;}
.sco-media ul li{display:inline-block; padding: 11px 10px 10px;}
.sco-media ul li a i{color:#4cbea1; font-size:28px;}
.sco-media ul li a i:hover{color:#f15f62;}
.lang{text-align:right; width:20%; float:left;opacity:0 !important;}
.lang ul{margin:0px; padding:0px;}
.lang ul li{display:inline-block; padding:5px 10px;}
.lang ul li a{ font-family: 'AmaticSC-Bold'; font-size:28px; color:#f15f62; text-transform: uppercase;}
.lang ul li a:hover{color:#4cbea1; text-decoration:none;}
.lang-mob{display:none;}
.non-dis{opacity:0.4;}
.caption{text-align:center; padding-top:13%;}
.caption img{display:inline-block;}
.caption h1{font-family: 'AmaticSC-Bold'; font-size:8vw; color:#4cbea1; margin:0px; text-transform: uppercase;}
.caption h4{font-family: 'AmaticSC-Bold'; font-size:4vw; color:#fff; margin:0px; text-transform: uppercase; display:none;}
.satifaction-des{margin-right:1%; padding-top:5%; position:absolute; right:0;}
.sati-icon{float:right; z-index:1; position: relative;overflow: hidden;}
.sati-icon a{transition: 0.3s all ease;}
.sati-icon img{float:right; position:relative; z-index:2;}
.sati-text{font-family: 'Antipasto'; color: #e5f5fd; font-size: 20px; background: rgba(255, 255, 255, 0.2);  padding: 15px 5px; width: 100%; text-align: center; float: right; margin-top: -100px; z-index:1; position: relative; right: -100%; line-height: 30px; text-transform: uppercase; display: inline-block; opacity: 0;}
/* .satifaction-des .sati-icon.wow.bounce.overflow_auto{overflow: inherit !important;} */
.satifaction-mob{display:none;}
.share-the-love .modal-dialog{margin-top:20%;}
.share-the-love .modal-content{border-radius:0px; border:2px solid #f15f62;}
.share-the-love .close{color:#f15f62; font-size:40px; opacity:10; line-height: 20px; margin-top: 0; padding: 7px 7px 0 0; height: 40px;}
.share-the-love .modal-header {border-bottom: none; padding: 0;}
.share-the-love .modal-body{overflow:hidden;}
.share-the-love .modal-body h2{font-family: 'AmaticSC-Bold'; font-size:50px; text-align:center; margin:0px; color:#000; font-weight:bold; text-transform: uppercase;}
.share-the-love .modal-body h6{font-family: 'AmaticSC-Bold'; font-size:21px; text-align:center; margin:5px 0px 30px; color:#000; border-top:1px solid #f15f62; border-bottom:1px solid #f15f62; padding:8px 0px; text-transform: uppercase;}
.share-the-love .modal-body h3{font-family: 'AmaticSC-Regular'; font-size:40px; text-align:center; margin:0px; color:#000; text-transform: uppercase;}
.share-the-love .modal-body h1{font-family: 'AmaticSC-Regular'; font-size:60px; text-align:center; margin:0px; color:#f15f62; font-weight:bold; text-transform: uppercase;}
.share-the-love .modal-body h4{font-family: 'AmaticSC-Regular'; font-size:36px; text-align:center; margin:0px; color:#000; text-transform: uppercase;}
.share-the-love .modal-body h5{font-family: 'AmaticSC-Regular'; font-size:36px; text-align:center; margin:0px; color:#4cbea1; font-weight:bold; text-transform: uppercase;}
.share-the-love .modal-body .cup-icon{text-align:center; padding-top:20px;}
.share-the-love .modal-body form{margin-top:20px;}
.share-the-love .modal-body form .form-control{ background:#000; border-radius:0px; border:2px solid #f15f62; color:#fff; font-family: 'AmaticSC-Bold'; font-size:20px; width: 65%; float:left;}
.share-the-love .modal-body form .btn-default{background:#4cbea1; olor:#000; font-family: 'AmaticSC-Bold'; font-size:24px; border:none; border-radius:0px; width:32%; float:right; padding:0px;}
.home-bg{background:url(img/home-bg.jpg) no-repeat top center fixed; background-size:cover; width:100%; height:100%; overflow:hidden;}
.bg-color{background:rgba(0, 0, 0, 0.5); padding-bottom:13%;}
.home-page{padding:3% 0;}
.home-cont{background:rgba(0, 0, 0, 0.4); padding:8% 8% 0; border:1px solid #ccc; border-radius:5px 5px 0px 0px; overflow:hidden;}
.home-cont p{font-size:24px; color:#fff; font-family: 'Antipasto'; margin-bottom:20px; text-align:justify; line-height: 30px;}
.home-shop-now{width:80%; margin:5% auto 0%; overflow: hidden;}
.divder1{border-bottom:1px solid #ccc; width:30%; float:left; margin-top: 35px;}
.divder2{border-bottom:1px solid #ccc; width:30%; float:left; margin-top: 35px;}
.shop-now-btn{text-align:center; float:left; padding:0 1%; width:38%; }
.shop-now-btn a{padding:5px; color:#f15f62; border:4px solid #984a4a; font-family: 'AmaticSC-Regular'; font-size:50px; width:100%; display:inline-block; line-height:50px; background:rgba(0, 0, 0, 0.3); text-transform: uppercase;}
.shop-now-btn a:hover{text-decoration:none;}
.healthiest{width:90%; margin:3% auto; overflow: hidden; padding:5%; background:rgba(0, 0, 0, 0.5); border:1px solid #ccc;}
.healthiest h3{font-family: 'AmaticSC-Bold'; font-size:30px; margin:0px 0px 15px 0px; color:#fff; text-transform: uppercase;}
.healthiest ul{margin-bottom:20px;}
.healthiest ul li{font-size:20px; color:#fff;  font-family: 'Antipasto';}
/* vivek */
#navbar {width:115%;margin-left:-15px;}
.navbar-header .icon-bar {transition: 0.3s all ease;}
.cross-line1 {transform: rotate(-40deg) scalex(1.1); position: relative;top: 6px;}
.cross-line2 {display:none !important;}
.cross-line3{transform: rotate(40deg) scalex(1.1);margin-top: 0px !important;}
.home-animation{opacity: 0;left: -7000px;position: relative;}
.home-right-animation{opacity: 0;right: -7000px;position: relative;}
.home-fade-animation{opacity: 0;position: relative;}
.generatedCode {
	font-family: 'AmaticSC-Bold';
	font-size:30px;
}
.generatedCode strong {
	font-weight:bold;
	color:#f15f62;
	font-size:36px;
	display:block;
}
.wpcf7-response-output{
	border-color: #f00 !important;
	color:#f00;
	font-family: 'Antipasto';
	font-size: 16px;
}
.contact-form .form-group span {
	font-size: 16px;
	font-family: 'Antipasto';
}
.satisfactionBg {
	display:inline-block;
	float:right;
	cursor:pointer;
	overflow:hidden;
	width:500px;
	border-radius:0 120px 120px 0;
}
.sati-textInner {
	width:76%;
}
	

/********************** Our Story **************/

.story-bg{background:url(img/story-bg.jpg) no-repeat top center fixed; background-size:cover; width:100%; height:100%; overflow:hidden;}
.story-page{padding:5% 0;}
.our-story-cup{text-align:center;}
.our-story-cup img{width:100%; height:auto;}
.story-cont{background:rgba(0, 0, 0, 0.4); padding:5%; border:1px solid #ccc; border-radius:5px;}
.story-cont p{font-size:24px; color:#fff;  font-family: 'Antipasto'; margin-bottom:20px; text-align:justify; line-height: 30px;}
.dioxins{background:rgba(0, 0, 0, 0.4); padding:5%; border:1px solid #ccc; border-radius:5px; margin:5% 0 2%;}
.dioxins p{font-size:24px; color:#fff;  font-family: 'Antipasto'; margin-bottom:20px; text-align:justify; line-height: 30px;}
.story-cont p span, .dioxins p span{color:#4cbea1;}
.neat-cup-text{font-family: 'AmaticSC-Bold'; font-size:40px; text-transform: uppercase;}


/********************** Tips **************/

.tips-bg{background:url(img/tips-bg.jpg) no-repeat top center fixed; background-size:cover; width:100%; height:100%; overflow:hidden;}
.tips-now-btn{text-align:center; width:280px; margin:5% auto; }
.tips-now-btn{padding:5px; color:#fff; font-family: 'AmaticSC-Bold'; font-size:50px;  display:inline-block; line-height:50px; background:#f15f62; text-transform: uppercase;}
/* .tips-now-btn a:hover{text-decoration:none;} */
.tips-page{padding:5% 0; background:rgba(225, 225, 225, 0.5); margin-bottom: 5%;}
.parts-tips-one{width:38%; float:left; z-index: 1; position:relative;}
.parts-tips-two{width:24%; float:left; text-align:center; padding-top: 30px;}
.parts-tips-two img{width:100%; height:auto;}
.parts-tips-three{width:38%; float:left;}
.one{float: left; width: 100%;}
.number-list {float: left; width: 4%; margin-right:3%;}
.number-list2 {float: left; width: 4%; margin-left:3%;}
.ch-num{font-family: 'AmaticSC-Bold'; font-size:50px; color:#f15f62; font-weight:bold; line-height: 50px;}
.line-1{background-image: radial-gradient(circle, #f15f62 3px, transparent 0px); background-repeat: repeat-x; background-size: 11px 8px; height: 8px; margin: 7px 0 0 -140px; width: 152px; transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg);}
.line-2{background-image: radial-gradient(circle, #f15f62 3px, transparent 0px); background-repeat: repeat-x; background-size: 11px 8px; height: 8px; margin: 43px 0 0 -165px; width: 185px;  transform: rotate(-29deg); -moz-transform: rotate(-29deg); -webkit-transform: rotate(-29deg); -o-transform: rotate(-29deg); -ms-transform: rotate(-29deg);} 
.name-des {float: left; width: 67%;}
.name{background: #f15f62; color: #fff; font-family: "AmaticSC-Regular"; font-size: 30px; line-height: 30px; padding: 5px 12px; text-align: center; text-transform: uppercase;margin-bottom:20px;display:inline-block;}
.des{background:rgba(0, 0, 0, 0.7);color: #fff;font-family: 'Antipasto';font-size: 18px;line-height: 20px;padding: 10px; text-align: justify; width: 100%;}
.cap-icon-right { float: left;width: 26%;text-align: right;}
.cap-icon-left { float: left; width: 26%;text-align: left;}
.two {float: left;margin-top: 137px; width: 100%;}
.name2{background: #f15f62; color: #fff; font-family: "AmaticSC-Regular"; font-size: 30px; line-height: 30px; padding: 5px 12px; text-align: center; text-transform: uppercase;margin-bottom:20px; float:right;}
.des2{background:rgba(0, 0, 0, 0.7);color: #fff;font-family: 'Antipasto';font-size: 18px;line-height: 20px;padding: 10px; text-align: justify; width: 100%; float:right;}
.ch-num2{font-family: 'AmaticSC-Bold'; font-size:50px; color:#f15f62; font-weight:bold; line-height: 50px; text-align:right;}
.line-3 {background-image: radial-gradient(circle, #f15f62 3px, transparent 0px); background-repeat: repeat-x; background-size: 11px 8px; height: 8px; margin: 37px 0 0 -5px; width: 152px; transform: rotate(33deg); -moz-transform: rotate(33deg); -webkit-transform: rotate(33deg); -o-transform: rotate(33deg); -ms-transform: rotate(33deg);}
.line-4 {background-image: radial-gradient(circle, #f15f62 3px, transparent 0px); background-repeat: repeat-x; background-size: 11px 8px; height: 8px; margin: 51px 0 0 -17px; width: 130px;transform: rotate(55deg); -moz-transform: rotate(55deg); -webkit-transform: rotate(55deg); -o-transform: rotate(55deg); -ms-transform: rotate(55deg);}
.three{float: left; width: 100%;}
.four{float: left;margin-top: 97px; width: 100%;}
.neat-mob{display:none;}
.measurements-page{padding:5% 0; background:rgba(225, 225, 225, 0.5); margin-bottom: 5%;}
.measurements-page h2{text-align:center; font-family: 'AmaticSC-Bold'; font-size:4vw; margin:0px 0px 50px 0px; color:#4cbea1; text-transform: uppercase;}
/*.smallin{float:right; text-align:right;}
.smallin img{width:100%; height:auto;}
.largein{float:left; text-align:left;}
.largein img{width:100%; height:auto;}
.smallItem img{width:100%; height:auto;}*/

.smallItem .img-responsive {
	margin:0;
	display:inline-block;
}
.smallItemleft .measurmentImg {
    margin-top: 9px;
}
.smallItemleft .about-cup-small {
    margin-top: 22px;
}

.smallItemleft .about-cup-small {
    margin-left: 20%;
}

.smallItemright .about-cup-small {
    margin-right: 15%;
}

.smallItemright .measurmentImg {
    margin-top: 12px;
}

#neatcup_subscribe, #neatcup_shop_subscribe {
	position:relative;
	padding-bottom:16px !important;
}
#neatcup_subscribe #email-error, #neatcup_shop_subscribe #email-error{
	position: absolute;
	left: 0;
	top: 40px;
	color: red;
}


/********************** Shop **************/

.shop-bg{background:url(img/shop-bg.jpg) no-repeat top center fixed; background-size:cover; width:100%; height:100%; overflow:hidden;}
.shop-bg .bg-color{background:rgba(225, 225, 225, 0.5);}
.shop-bg .bg-color .caption h4{color: #000;}
.shop-page{padding:5% 0;}
.shop-product ul{margin:0px; padding:0px; list-style:none;}
.shop-product ul li{width: 45.8%; margin:0 2%; display:inline-block; margin-bottom:30px;}
.shop-product ul li .product{position:relative;}
.shop-product ul li .product a{padding: 17.5px; border: 2px solid transparent; display:inline-block; outline:none; position:relative;}
.shop-product ul li .product a:hover{border:2px solid #000; background:rgba(0, 0, 0, 0.4);}
.price{background:#4cbea1; border-radius:50%; width:100px; height:100px; text-align:center; color:#fff; font-family: 'AmaticSC-Bold'; font-size:42px; float:right; padding-top:21px;}
.cup-product-img{text-align:center;}
.cup-product-img img{width:100%; height:auto;}
.product-name{width:100%; display: inline-flex;}
.product-name a{background: #f15f62; color: #fff; font-family: "AmaticSC-Regular"; font-size: 36px; line-height: 36px; padding: 5px 10px; text-align: center; width:100%; text-transform:uppercase;}
.product-name a:hover{color: #fff;}
.mask{display:none;}
.shop-product ul li .product:hover .mask{position:absolute; transition: all 0.4s ease-in-out 0s; height:100%; width:100%; overflow:hidden; left:0; top:0; vertical-align: middle; display: flex; border:2px solid #000; background:rgba(0, 0, 0, 0.4);}
.shop-product ul li .product:hover .mask .white-text{margin: auto;}
.shop-product ul li .product:hover .mask .white-text a{color:#fff; font-family: "AmaticSC-Regular"; font-size:30px; line-height:30px; background:#f15f62; text-transform: uppercase; padding:5px 30px;}
.shop-product ul li .product:hover .mask .white-text a:hover{background:#f15f62; border: 2px solid transparent;text-decoration: none;}
#offer_modal .modal-body h3,#offer_modal .modal-body h4{font-size: 30px;}
#offer_modal .modal-body h5{font-size: 36px;}
#offer_modal .modal-body h1 {font-size: 70px;}


/********************** Contact **************/

.contact-bg{background:url(img/contact-bg.jpg) no-repeat bottom center fixed; background-size:cover; width:100%; height:100%; overflow:hidden;}
.contact-page{padding:0 0 22%;}
.contact-bg .bg-color{padding-bottom:8.5%;}
.contact-form{background:url(img/form-bg.jpg) repeat left top; padding:1%; width: 500px; overflow: hidden; left:1.5%; position:relative; margin-top:-20%;}
.contact-form h3{font-family: 'AmaticSC-Bold'; font-size:40px; margin:0 0 15px 0; color:#000; text-transform: uppercase;}
.contact-form p{font-family: 'Antipasto';font-size: 24px; line-height: 26px; color:#787676; margin:0 0 15px 7%;}
.contact-form .form-control{background:rgba(210, 210, 210, 0.5); color:#717680; font-family: 'AmaticSC-Bold'; font-size:20px; border:1px solid #c8c7c7; box-shadow:none; border-radius:0;}
.contact-form .btn-default{background: #f15f62; color: #fff; font-family: 'AmaticSC-Bold'; font-size: 24px; line-height: 26px; padding: 7px 15px; text-align: center; text-transform:uppercase; border-radius:0; float:right;}
.contact_modal .modal-header,.contact_modal .modal-body{padding: 0px;}
.contact_modal .modal-header .close{position: absolute;padding: 0px;z-index: 999;right: 10px;top: 5px;}
.contact_modal .contact-form{margin-top: 0%;width: 100%;left: 0%;padding: 6% 3% 2% 3%;}
.contact_btn.home-shop-now{margin: 3% auto 0%;}
.shop_contact_btn.home-shop-now{margin: 1% auto 0%;}
.shop_contact_btn .shop-now-btn a{background: rgba(230, 230, 230,0.8);}
.about_contact_btn .shop-now-btn a{background: rgba(230, 230, 230,0.8);}
.shop_contact_btn .divder2,.shop_contact_btn .divder1,.about_contact_btn .divder2,.about_contact_btn .divder1{border-bottom: 1px solid #f15f62;}
.about_contact_btn.home-shop-now {margin: 0% auto 3%;}
.shop-now-btn a:hover, .shop-now-btn a:focus {
    text-decoration: none;
    color: #f15f62;
}

/********************** FAQ **************/

.faq-bg{background:url(img/faq-bg.jpg) no-repeat top center fixed; background-size:cover; width:100%; height:100%; overflow:hidden;}
.faq-page{padding:3% 0;}
.faq-tag{width:80%; margin:5% auto; text-align:center;}
.faq-tag h5{text-align:center; margin:5% auto; padding:5px 5%; color:#fff; font-family: 'AmaticSC-Bold'; font-size:50px;  display:inline-block; line-height:50px; background:#f15f62; text-transform: uppercase;}
.faq-tag p{font-family: 'Antipasto';font-size: 24px; line-height: 30px; color:#fff; margin:0 0 15px 0;}
.resp-vtabs .resp-tab-content h5{margin:0px;}
.resp-vtabs .resp-tab-content h5 p{font-family: 'Antipasto';font-size: 30px; color:#fff; text-transform:uppercase; margin:0 0 1% 0; text-align:center;}
.resp-vtabs .resp-tab-content h5 p span{font-family: 'AmaticSC-Bold';  font-size: 30px; color:#4dbea1;}
.resp-vtabs .resp-tab-content p .green-text{font-family: 'AmaticSC-Bold';  font-size: 26px; color:#4dbea1;}
.brack{display:block;}
#verticalTab{display: inline-block !important;position: relative;width: 100%;}
.faq-top{position: absolute; text-align: center; right: 10px; bottom: 37%;cursor: pointer;display: none;}
.faq-top i{color: #f15f62; font-size: 30px;}
.faq-top p{color: #f15f62;}
.faq_content{display: inline-block;margin: 0;width: 100%;padding: 10px;background: rgba(0,0,0,0.3);}
.faq_content li{border: 2px solid #f15f62;color: #fff;cursor: pointer;display: block;float: none;font-family: "AmaticSC-Bold";font-size: 27px;line-height: 25px;margin: 5px 0;padding: 0px;text-align: center;text-transform: uppercase;font-weight: normal;}
.faq_content li span{font-family: 'AndaleMono';}
.faq_content li>a{color:#fff;padding: 10px;display: block;width: 100%;}
.faq_content li>a.list-active{background:#f15f62; color:#000;}
.faq_right_sec{background: rgba(0,0,0,0.3);padding: 10px;display: inline-block;width: 100%;}
.faq_right_sec.active{background: rgba(0,0,0,0.7);}
.faq_right_sec>p{margin: 0 0 15px;padding: 0px;font-family: 'Antipasto';font-size: 22px;color: #fff;line-height: 30px;text-align: center;}
.faq_right_sec h5{margin: 0 0 15px;padding: 0px;font-family: 'Antipasto';font-size: 24px;color: #fff;line-height: 30px;text-align: center;text-transform: uppercase;}
.faq_right_sec ul{display: inline-block;width: 100%;}
.faq_right_sec ul>li{margin: 0 0 15px;padding: 0px;font-family: 'Antipasto';font-size: 22px;color: #fff;line-height: 30px;float: left;list-style-type: none;width: 100%;}
.faq_right_sec  a{color: #f15f62;}
.faq_right_sec  a:hover{color: #4cbea1;}

/********************** Instructions **************/

.instructions-bg{background:url(img/instructions-bg.jpg) no-repeat top center fixed; background-size:cover; width:100%; height:100%; overflow:hidden;}
.instructions-now-btn{text-align: center;margin: 5% auto;color: #fff;font-size: 50px;display: inline-block;line-height: 50px;text-transform: uppercase;border: 1px solid #f15f62; background:#f15f62;padding: 5px 3%; font-family: 'AmaticSC-Bold';}
.instructions-page{margin-bottom: 3%;}
.instructionsfor{background:rgba(0, 0, 0, 0.55); padding:5%; border:1px solid #ccc; border-radius:5px;}
.instructionsfor h3{font-family: 'AmaticSC-Bold'; font-size:40px; text-transform: uppercase; color: #4cbea1;}
.instructionsfor h3 span{font-family: 'Antipasto';}
.instructionsfor p{font-size:24px; color:#fff;  font-family: 'Antipasto'; margin-bottom:20px; text-align:justify; line-height: 30px;}
.download-instructions{text-align: right;}
.download-instructions a{text-align: center; color: #fff;font-size: 40px;display: inline-block;line-height: 40px;text-transform: uppercase;border: 1px solid #f15f62; background:#f15f62;padding: 5px 3%; font-family: 'AmaticSC-Bold';}
.download-instructions a:hover{color: #fff;}
.instructionsfor p a{color: #f15f62;}
.instructionsfor p a:hover{color: #4cbea1;}
.instructionsfor ul li{font-size:24px; color:#fff;  font-family: 'Antipasto'; margin-bottom:20px; text-align:justify; line-height: 30px; list-style: none;}
.instructionsfor address{font-size:24px; color:#fff;  font-family: 'Antipasto'; margin-bottom:20px; text-align:justify; line-height: 30px; font-style: italic;}
.instructionsfor address a{color: #f15f62;}
.instructionsfor address a:hover{color: #4cbea1;}

.copy {
    background: #000;
    padding: 10px 0;
    text-align: center;
    color: #fff;
}

.copy a{color:#4cbea1;}
.copy a:hover{color:#fff;}

/********************** Media queries **************/

@media (max-width: 390px) {
	.smallItem img {
		display:inline-block;
	}
	.smallItem {
		margin-bottom:20px;
	}
	.smallItem .measurmentImg {
		width:30px;
	}
	.smallItem .neatCupImage {
		width:140px;
	}
}


@media (max-width: 1920px) {
.share-the-love .modal-dialog{margin-top:15%;}
}

@media (max-width: 1700px) {
.contact-form{margin-top:-5%;}
}

@media (max-width: 1366px) {
.satifaction-des{padding-top:8%;}
.caption {padding-top: 25%;}
.share-the-love .modal-dialog{margin-top:15%;}	
}

@media (max-width: 1280px) {
.share-the-love .modal-dialog{margin-top:18%;}		
}

@media (max-width: 1199px) {
.shop-product ul li{width: 45.5%;}
.name, .name2{font-size: 24px; line-height: 24px; padding: 5px 10px; margin-bottom: 15px;}
.des, .des2{font-size: 17px; line-height: 18px;}	
.cap-icon-left img, .cap-icon-right img{width:95%; height:auto;}
.four{margin-top: 52px;}
.two{margin-top: 70px;}
.line-1{margin: 3px 0 0 -119px; width: 130px; transform: rotate(-2deg); -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg);}
.line-2{margin: 43px 0 0 -142px; width: 163px; transform: rotate(-34deg); -moz-transform: rotate(-34deg); -webkit-transform: rotate(-34deg); -o-transform: rotate(-34deg); -ms-transform: rotate(-34deg);}
.line-3{margin: 30px 0 0 -5px; width: 120px; transform: rotate(33deg); -moz-transform: rotate(33deg); -webkit-transform: rotate(33deg); -o-transform: rotate(33deg); -ms-transform: rotate(33deg);}
}

@media (max-width: 1024px) {
.share-the-love .modal-dialog{margin-top:16%;}		
}

@media (max-width: 991px) {
.menu{width:58%;}
.sco-media{width:19%;}
.lang{width:23%;}
.menu .navbar-default .navbar-nav li a{font-size: 26px;}	
.lang ul li a{font-size: 26px;}	
.sco-media ul li a i{font-size: 26px;}
.sco-media ul li{padding: 12px 10px 11px;}
.lang ul li{padding: 7px 10px 6px;}
.satifaction-des{padding-top:10%;}
.tips-page .container{width:100%;}
}

@media (max-width: 960px) {
.name, .name2{font-size: 21px; line-height: 21px; margin-bottom: 10px;}
.des, .des2{font-size: 15px; line-height: 16px;}	
.cap-icon-left img, .cap-icon-right img{width:85%; height:auto;}
.four{margin-top: 66px;}
.two{margin-top: 95px;}
}

@media (max-width: 940px) {
.four{margin-top: 52px;}
.line-1{margin: 3px 0 0 -116px;}
.line-2{margin: 40px 0 0 -136px; width: 152px;}
.line-4{margin: 53px 0 0 -24px; width: 142px;}
}

@media (max-width: 920px) {
.two{margin-top: 70px;}
.four{margin-top: 45px;}
.line-2 {margin: 40px 0 0 -132px;}
}

@media (max-width: 900px) {
.line-1 {margin: 2px 0 0 -108px; width: 119px;}
.line-2 {margin: 37px 0 0 -126px; width: 142px;}
.line-3{margin: 24px 0 0 -5px; width: 110px;}
.line-4 {margin: 48px 0 0 -25px; width: 130px;}	
}

@media (max-width: 870px) {
.line-4{margin: 42px 0 0 -18px; width: 119px;}
.line-2 {margin: 30px 0 0 -118px; width: 134px;}
}

@media (max-width: 850px) {
.two{margin-top: 60px;}
.four{margin-top: 40px;}
}

@media (max-width: 820px) {
.line-1 {margin: 0 0 0 -97px; width: 112px;}
.line-2 {margin: 26px 0 0 -110px; width: 123px;}
.line-3 {margin: 22px 0 0 -5px; width: 97px;}
.line-4 {margin: 35px 0 0 -20px; width: 108px;}
.des, .des2{font-size: 14px;}
}

@media (max-width: 800px) {
.des, .des2{padding:7px;}
.name, .name2{font-size: 20px; line-height: 20px;}
.line-3{margin: 20px 0 0 -5px;}
.share-the-love .modal-dialog{margin-top:10%;}	
}

@media (max-width: 780px) {
.two {margin-top: 50px;}
.four {margin-top: 30px;}
.name, .name2{padding: 5px 9px;}
.tips-page{margin-bottom: 10%; padding: 10% 0;}
}

@media (max-width: 768px) {
.share-the-love .modal-dialog{margin-top:35%;}
}

@media (max-width: 767px) {
.menu{width:96.1%; position:absolute; z-index:1;}
.sco-media{width:34%; text-align:center; margin-left: 33%; position: relative; z-index:2;}
.lang{width:33%; position: relative; z-index:2;}
.menu .navbar-default .navbar-toggle{float:left; border:none;margin-top: 10px; padding: 3px;}
.menu .navbar-default .navbar-toggle .icon-bar{background-color: #2e789b; height: 6px; width: 34px;}
.menu .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}
.menu .navbar-default .navbar-collapse, .navbar-default .navbar-form{background: #fff;}
.menu .nav li{border-bottom: 1px solid #2e789b;height: 41px !important;}
.menu .nav li:last-child{border-bottom: none;}
.satifaction-mob{text-align:center; display:block; padding-top:3%;}
.sati-text-mob{ color:#e5f5fd; font-size:24px; background:rgba(255, 255, 255, 0.3); padding:5px; width:45%; margin:2% auto 0; line-height:30px; opacity:0;top: -53px;overflow:hidden;position: relative;}
.satifaction-des{display:none;}
.our-story-cup{margin-bottom:20px;}
.our-story-cup img{width:auto; height:auto;}
.neat-des{display:none;}
.neat-mob{display:block;}
.mob-tips-one{width:35%; float:left; padding-top: 15%;}
.mob-tips-one img{width:100%; height:auto;}
.mob-tips-two{width:65%; float:left;}
.cap-icon-right{width: 25%; margin-left:3%;}
.cap-icon-right img{width:100%;}
.name-des{width: 65%;}
.line-1 {margin: 44px 0 0 -150px;  width: 174px; transform: rotate(-33deg); -moz-transform: rotate(-33deg); -webkit-transform: rotate(-33deg); -o-transform: rotate(-33deg); -ms-transform: rotate(-33deg);}
.line-2 {margin: 122px 0 0 -218px; width: 300px; transform: rotate(-58deg); -moz-transform: rotate(-58deg); -webkit-transform: rotate(-58deg); -o-transform: rotate(-58deg); -ms-transform: rotate(-58deg);}
.line-3 {margin: -60px 0 0 -159px; width: 178px; transform: rotate(39deg); -moz-transform: rotate(39deg); -webkit-transform: rotate(39deg); -o-transform: rotate(39deg); -ms-transform: rotate(39deg);}
.line-4 {margin:0 0 0 -206px; width: 208px; transform: rotate(19deg); -moz-transform: rotate(19deg); -webkit-transform: rotate(19deg); -o-transform: rotate(19deg); -ms-transform: rotate(19deg);}
.three .ch-num{margin-top: 50px;}
.name{margin-bottom:15px; padding: 5px 10px;}
.des{padding: 10px; font-size: 18px; line-height:20px;}
.two {margin-top: 20px;}
.four {margin-top: 35px;}
.navbar-header{padding-bottom: 15px;}
.smallItemleft .about-cup-small { margin-top: 0; margin-left: 0;}
.smallItemright .about-cup-small {margin-top: 50px; margin-right: 0;}
}
	
@media (max-width: 736px) {
.menu{width:95.9%;}	
.line-1 {margin: 40px 0 0 -138px; width: 164px}
.line-2 {margin: 120px 0 0 -208px; width: 284px; transform: rotate(-61deg); -moz-transform: rotate(-61deg); -webkit-transform: rotate(-61deg); -o-transform: rotate(-61deg); -ms-transform: rotate(-61deg);}
.line-3 {margin: -60px 0 0 -153px; width: 178px; transform: rotate(41deg); -moz-transform: rotate(41deg); -webkit-transform: rotate(41deg); -o-transform: rotate(41deg); -ms-transform: rotate(41deg);}
.line-4 {margin: -27px 0 0 -190px; width: 196px; transform: rotate(25deg); -moz-transform: rotate(25deg); -webkit-transform: rotate(25deg); -o-transform: rotate(25deg); -ms-transform: rotate(25deg);}
.four .ch-num{margin-top: 20px;}
.share-the-love .modal-dialog{margin-top:10%;}
}

@media (max-width: 700px) {
.line-2{margin: 115px 0 0 -200px; width: 273px;}
.line-4{margin: -35px 0 0 -185px; transform: rotate(35deg); -moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); -o-transform: rotate(35deg); -ms-transform: rotate(35deg);}
.three{margin-top:15px;}	
.line-3 {margin: -65px 0 0 -156px; width: 185px; transform: rotate(50deg); -moz-transform: rotate(50deg); -webkit-transform: rotate(50deg); -o-transform: rotate(50deg); -ms-transform: rotate(50deg);}
.four {margin-top: 30px;}
}

@media (max-width: 667px) {
.menu{width:95.5%;}
.line-1 {margin: 36px 0 0 -129px; width: 152px;}
.line-2 {margin: 100px 0 0 -186px; width: 255px;}
.four {margin-top: 20px;}	
}

@media (max-width: 640px) {
.menu{width:95.3%;}	
.home-cont{padding: 3% 3% 0;}
.home-shop-now{width: 100%;}
.shop-now-btn a{font-size: 40px; line-height: 40px;}
.divder1, .divder2{margin-top: 27px;}
.healthiest{width: 100%;}
.des{font-size: 16px; line-height: 18px;}
.mob-tips-one{padding-top: 16%;}
.line-3 {margin: -60px 0 0 -156px;}
.four {margin-top: 25px;}
.line-2 {margin: 98px 0 0 -178px; width: 244px;}	
.tips-now-btn{width: 240px;}
.tips-now-btn{font-size: 40px; line-height: 40px;}
.caption h1{font-size:15vw;}
.caption h4{font-size:10vw;}
.share-the-love .modal-dialog{margin-top:10%;}
.price{width:60px; height:60px; padding-top:10px; font-size:28px;}	
#offer_modal .info_sec{width: 60%;padding:0px;}
#offer_modal .image_sec{width: 20%;}
#offer_modal .image_sec img{width: 100%;}
#offer_modal .modal-body h3, #offer_modal .modal-body h4 {font-size: 25px;}
#offer_modal .modal-body h1 {font-size: 50px;}
#offer_modal .modal-body h5 {font-size: 30px;}
}

@media (max-width: 600px) {
.lang{display:none;}
.lang-mob{display:none; text-align:right; float:right; margin-top: 11px; z-index:2; position:relative;}
.lang-mob ul{margin:0px; padding:0px;}
.lang-mob ul li{display:inline-block; padding:0px 10px; border-right:1px solid #f15f62; line-height: 24px;}
.lang-mob ul li:last-child{border-right:none;}
.lang-mob ul li a{ font-family: 'AmaticSC-Bold'; font-size:24px; color:#f15f62; text-transform: uppercase;}
.lang-mob ul li a:hover{color:#4cbea1; text-decoration:none;}
.sco-media ul li a i{font-size:24px;}
.sco-media ul li{padding: 14px 10px 10px;}
.sati-icon-mob img{width:20%;z-index: 2;position: relative;}
.sati-text-mob{width:52%;}
.menu{width:95%;}
.shop-product ul li{width: 96%;}
.home-cont p{font-size: 20px; line-height: 26px;}
.story-cont p, .dioxins p{font-size: 20px; line-height: 26px;}
.neat-cup-text{font-size: 30px;}
.shop-bg .bg-color, .contact-bg .bg-color{padding: 20% 0;}
.contact-form {width: 94%; margin:-10% 3% 0; left:0;}
.des{padding:5px;}
.line-1 {margin: 35px 0 0 -115px;width: 141px;}
.line-2 {margin: 89px 0 0 -164px; width: 222px;}
.line-3 {margin: -60px 0 0 -138px; width: 167px; transform: rotate(46deg); -moz-transform: rotate(46deg); -webkit-transform: rotate(46deg); -o-transform: rotate(46deg); -ms-transform: rotate(46deg);}
.line-4 {margin: -35px 0 0 -180px;}
.share-the-love .modal-dialog{margin-top:25%;}
.measurements-page h2{font-size: 9vw;}
}

@media (max-width: 568px) {
.menu{width:94.7%;}	
.des {font-size: 15px;line-height: 17px;}
.line-1 {margin: 29px 0 0 -110px; width: 134px;}
.line-2 {margin: 83px 0 0 -154px; width: 207px;}
.line-3 {margin: -60px 0 0 -126px; width: 153px;}
.line-4 {margin: -35px 0 0 -160px; width: 177px;}
.share-the-love .modal-dialog{margin-top:10%;}
}

@media (max-width: 540px) {
.line-1 {margin: 27px 0 0 -100px; width: 119px;}	
.line-2 {margin: 65px 0 0 -133px; width: 178px; transform: rotate(-55deg); -moz-transform: rotate(-55deg); -webkit-transform: rotate(-55deg); -o-transform: rotate(-55deg); -ms-transform: rotate(-55deg);}
.name {margin-bottom: 10px;}
.line-3 {margin: -64px 0 0 -133px; width: 164px; transform: rotate(54deg); -moz-transform: rotate(54deg); -webkit-transform: rotate(54deg); -o-transform: rotate(54deg); -ms-transform: rotate(54deg);}
.line-4 {margin: -32px 0 0 -153px; width: 185px; transform: rotate(48deg); -moz-transform: rotate(48deg); -webkit-transform: rotate(48deg); -o-transform: rotate(48deg); -ms-transform: rotate(48deg);}
}

@media (max-width: 500px) {
.mob-tips-one {padding-top: 21%;}
.line-2 {margin: 67px 0 0 -128px;}
.line-3 {margin: -62px 0 0 -112px; width: 146px;}
.four {margin-top: 20px;}
}

@media (max-width: 480px) {
.sco-media ul li{padding: 14px 5px 10px;}	
.satifaction-mob .sati-icon img{width:15%;}
.share-the-love .modal-body h3{font-size: 30px;}
.share-the-love .modal-body h1{font-size: 45px;}
.share-the-love .modal-body h4{font-size: 24px;}
.share-the-love .modal-body h5{font-size: 26px;}
.sati-text-mob{width: 60%; line-height: 28px;}
.menu{width:93.7%;}	
.healthiest h3{font-size: 26px;}
.mob-tips-one {padding-top: 25%;}
.line-1 {margin: 37px 0 0 -96px;width: 119px; transform: rotate(-43deg); -moz-transform: rotate(-43deg); -webkit-transform: rotate(-43deg); -o-transform: rotate(-43deg); -ms-transform: rotate(-43deg);}
.line-2 {margin: 69px 0 0 -128px; transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); -o-transform: rotate(-60deg); -ms-transform: rotate(-60deg);}
.line-4 {margin: -34px 0 0 -145px; width: 185px; transform: rotate(52deg); -moz-transform: rotate(52deg); -webkit-transform: rotate(52deg); -o-transform: rotate(52deg); -ms-transform: rotate(52deg);}
.name{font-size: 18px; line-height: 18px;}
}

@media (max-width: 460px) {
.two, .three, .four {margin-top: 10px;}
}

@media (max-width: 440px) {
.mob-tips-one {padding-top: 31%;}
.des {font-size: 14px;line-height: 15px;}
.line-1 {margin: 40px 0 0 -96px; transform: rotate(-49deg); -moz-transform: rotate(-49deg); -webkit-transform: rotate(-49deg); -o-transform: rotate(-49deg); -ms-transform: rotate(-49deg);}
.line-2 {margin: 73px 0 0 -128px; transform: rotate(-64deg); -moz-transform: rotate(-64deg); -webkit-transform: rotate(-64deg); -o-transform: rotate(-64deg); -ms-transform: rotate(-64deg);}
.three .ch-num {margin-top: 20px;}
.line-3 {margin: -33px 0 0 -105px;width: 135px; transform: rotate(51deg); -moz-transform: rotate(51deg); -webkit-transform: rotate(51deg); -o-transform: rotate(51deg); -ms-transform: rotate(51deg);}
.line-4 {margin: -34px 0 0 -130px; width: 144px; transform: rotate(37deg); -moz-transform: rotate(37deg); -webkit-transform: rotate(37deg); -o-transform: rotate(37deg); -ms-transform: rotate(37deg);}
}

@media (max-width: 414px) {
.share-the-love .modal-body .cup-icon img{width:100%; height:auto;}
.share-the-love .modal-body h3{font-size: 26px;}
.share-the-love .modal-body h4{font-size: 16px;}
.share-the-love .modal-body h5{font-size: 25px;}	
.share-the-love .modal-body h6{font-size: 20px;}
/* .sati-icon-mob img{width:15%;} */
.sati-text-mob{width: 90%;}
.menu{width:92.8%;}
.shop-now-btn a{font-size: 36px; line-height: 36px;}	
.two{margin-top: 5px;}
.name{font-size: 16px;line-height: 16px; margin-bottom: 5px;}
.mob-tips-one {padding-top: 30%;}
.line-1 {margin: 40px 0 0 -90px;}
.line-2 {margin: 74px 0 0 -123px;}
.line-3 {margin: -30px 0 0 -94px; width: 109px; transform: rotate(46deg); -moz-transform: rotate(46deg); -webkit-transform: rotate(46deg); -o-transform: rotate(46deg); -ms-transform: rotate(46deg);}
.line-4 {margin: -34px 0 0 -116px; width: 132px; transform: rotate(43deg); -moz-transform: rotate(43deg); -webkit-transform: rotate(43deg); -o-transform: rotate(43deg); -ms-transform: rotate(43deg);}
.ch-num{font-size: 40px; line-height: 40px;}
.des {line-height: 14px;}
.share-the-love .modal-dialog{margin-top:35%;}	
}

@media (max-width: 375px) {
.sati-text-mob{font-size: 16px;line-height: 22px;padding: 10px;}
.menu{width:92%;}
.des {font-size: 12px; line-height: 13px;}
.name{padding:5px;}
.mob-tips-one {padding-top: 35%;}
.two{margin-top: 0px;}
.three{margin-top: 5px;}
.ch-num{font-size: 36px; line-height: 36px;}
.line-1 {margin: 44px 0 0 -90px; transform: rotate(-55deg); -moz-transform: rotate(-55deg); -webkit-transform: rotate(-55deg); -o-transform: rotate(-55deg); -ms-transform: rotate(-55deg);}
.line-2 {margin: 74px 0 0 -119px; width: 174px; transform: rotate(-67deg); -moz-transform: rotate(-67deg); -webkit-transform: rotate(-67deg); -o-transform: rotate(-67deg); -ms-transform: rotate(-67deg);}
.line-3 {margin: -30px 0 0 -73px; width: 90px; transform: rotate(38deg); -moz-transform: rotate(38deg); -webkit-transform: rotate(38deg); -o-transform: rotate(38deg); -ms-transform: rotate(38deg);}
.line-4 {margin: -26px 0 0 -96px; width: 111px; transform: rotate(27deg); -moz-transform: rotate(27deg); -webkit-transform: rotate(27deg); -o-transform: rotate(27deg); -ms-transform: rotate(27deg);}
.share-the-love .modal-dialog{margin-top:30%;}
#offer_modal  .info_sec{width: 55%;padding:0px;}
#offer_modal .image_sec{width: 22.5%;}
#offer_modal .modal-body h3, #offer_modal .modal-body h4 {font-size: 22px;}
#offer_modal .modal-body h5 {font-size: 23px;}
}

@media (max-width: 360px) {
.menu{width:91.7%;}
.shop-now-btn a{font-size: 30px; line-height: 30px;}	
.divder1, .divder2{margin-top: 25px;}
.mob-tips-one {padding-top: 37%;}
.name {font-size: 14px;line-height: 14px;}
.line-1 {margin: 44px 0 0 -86px;}
.line-2 {margin: 73px 0 0 -113px; width: 167px;}
.line-3 {margin: -23px 0 0 -70px; width: 79px;}
.line-4 {margin: -18px 0 0 -96px;  width: 111px; transform: rotate(38deg); -moz-transform: rotate(38deg); -webkit-transform: rotate(38deg); -o-transform: rotate(38deg); -ms-transform: rotate(38deg);}
.four{margin-top: 5px;}
.two {margin-top: -5px;}
.des {line-height: 12px;}
.three .ch-num {margin-top: 10px;}
.four .ch-num {margin-top: 6px;}
.tips-now-btn {width: 200px;}
.tips-now-btn {font-size: 32px; line-height: 32px;}
.share-the-love .modal-dialog{margin-top:20%;}
}


@media (max-width: 320px) {
.menu{width:90.7%;}
.des {font-size: 11px; line-height: 11px;}
.name {font-size: 13px;line-height: 13px;}
.mob-tips-one {padding-top: 43%;}
.line-1 {margin: 40px 0 0 -87px; transform: rotate(-64deg); -moz-transform: rotate(-64deg); -webkit-transform: rotate(-64deg); -o-transform: rotate(-64deg); -ms-transform: rotate(-64deg);}
.line-2 { margin: 66px 0 0 -102px; width: 156px;}
.line-3 {margin: -23px 0 0 -60px; width: 69px;}
.line-4 {margin: -18px 0 0 -94px; transform: rotate(46deg); -moz-transform: rotate(46deg); -webkit-transform: rotate(46deg); -o-transform: rotate(46deg); -ms-transform: rotate(46deg);}
}