@charset "utf-8";

/* CSS Document */

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; margin: 0; padding: 0;}

a{ -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s;}

a:hover{text-decoration: none;}

img{max-width: 100%;}

.sectionContainer{width: 100%; display: inline-block;}

body{font-family: 'Lato', sans-serif; background: #eef2f5;}

#section-1{background:url("../images/top-bg.jpg") no-repeat center; background-size: cover; padding: 60px 0;}

.headingFamily{font-family: 'Oswald', sans-serif;}

#title_1{font-size: 53px; color: #fff; text-align: center; font-weight: 700; text-shadow: 0 6px 7px rgba(0,0,0,.06);}

#description_1{font-size: 18px; color: #fff; text-align: center; padding-top: 15px;}

.topCont{margin-top: 60px;}

#vid_3 iframe{width: 100%; height: 430px; border: 10px solid #fff; border-radius: 4px;}

#title_2{font-size: 30px; color: #fff; margin-top: 30px;}

.topContRight{padding-left: 30px;}

#description_2{font-size: 20px; color: #fff; margin-top: 30px;}

#description_2 ul, #description_2 ul li, #description_2 ol, #description_2 ol li{width: 100%; display: inline-block;}

#description_2 ul li, #description_2 ol li{ padding-left: 40px; position: relative; margin-bottom: 15px;}

#description_2 ul li:after, #description_2 ol li:after{content: '';width: 24px; height: 23px; position: absolute; top: 5px; left: 0; background: url("../images/bullet.png") no-repeat center; background-size: 100% 100%; text-shadow: 0 3px 3px rgba(0,0,0,.1);}

#btn_purchase_1{width: 325px; max-width: 100%; font-size: 22px; font-weight: 700; color: #0e5360; display: block; background: #ffe400; box-shadow: 0 14px 29px rgba(0, 190, 103,.13); padding: 15px 0; border-radius: 50px; text-align: center;font-family: 'Oswald', sans-serif; text-transform: uppercase;}

#btn_purchase_1 i{margin-right: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}

#btn_purchase_1:hover{box-shadow: 0 20px 29px rgba(0, 190, 103,.33);}

#section-2{margin-top: 50px;}

#ele_8{margin-top: 30px;}

#title_3{color: #46386c; font-size: 36px; font-weight: 700;}

#ele_7{text-align: center;}

#description_3{ font-size: 18px; color: #323232; line-height: 30px; margin-top: 30px;}

#section-3{background: url("../images/section3Back.png") no-repeat center; background-size: auto 100%; padding: 60px 0;}

.reviewCont{width: 100%; display: inline-block; padding: 55px 15px 60px; background: #1ab9d6; position: relative; border-radius: 6px;}

.reviewCont:before{content: ''; position: absolute; width: 214px; height: 85px; background: url("../images/rating.png") no-repeat center; background-size: 100% 100%; left: -47px; top:-24px;}

.reviewCont:after{content: ''; position: absolute; width: 109px; height: 110px; background: url("../images/thumbup.png") no-repeat center; background-size: 100% 100%; bottom: -20px; right: -20px;}

#title_4{font-size: 36px; font-weight: 700; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 0 6px 7px rgba(0,0,0,.06);}

#title_5{font-size: 26px; color: #fcff00; text-align: center; padding-top: 15px;}

#description_4{text-align: center; margin-top: 20px;}

#description_4 p{font-size: 18px; color: #fff; line-height: 25px; text-align: center; width: 70%; display: inline-block;}

#section-4{margin-top: 30px;}

#title_6{font-size: 36px; color: #46386c; font-weight: 700; text-align: center; text-transform: uppercase;}

.prodMain{width: 100%; display: inline-block; margin-top: 50px; position: relative;}

.prodHeading{font-size: 26px; font-weight: 300; color: #271b59; text-align: center;}

.prodImgCont{padding: 25px 20px; width: 100%; display: inline-block; background: #fff; border-radius: 4px; box-shadow: 0 0 57px rgba(0,0,0,.03); margin-top: 20px; position: relative;}

.prodImgCont .imgContainer{border-radius: 4px; box-shadow: 0 31px 92px rgba(39,27,89,.1); overflow: hidden;}

.prodImgCont:before, .prodImgCont:after{position: absolute; content: '';width:419px; height: 316px; background: url("../images/prod-before.png") no-repeat center; background-size: 100% 100%; z-index: -1;}

.prodImgCont:before{top:-70px; left: -84px;}

.prodImgCont:after{bottom: -80px; right: -84px;}

#section-4 .col-md-6:nth-child(1) .prodImgCont:after, #section-4 .col-md-6:nth-child(2) .prodImgCont:before{display: none;}

#title_9{font-size: 50px; color: #271b59; text-align: center; text-transform: uppercase;}

#section-5{margin-top: 40px; padding-bottom: 150px; position: relative; background: url("../images/last-section.png") no-repeat center bottom;}

#section-5:after{position: absolute; width: 100%; height: 10px; left: 0; bottom: 0; content: '';/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1ab9d6+0,76d5e7+100 */

background: rgb(26,185,214); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(26,185,214,1) 0%, rgba(118,213,231,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(26,185,214,1) 0%,rgba(118,213,231,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(26,185,214,1) 0%,rgba(118,213,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab9d6', endColorstr='#76d5e7',GradientType=0 ); /* IE6-9 */

}

#description_5{text-align: center; margin-top: 20px;}

#description_5 p{font-size: 20px; line-height: 36px; color: #323232; width: 85%; display: inline-block;}

#btn_purchase_2{width: 492px; display: block; clear: both; margin: 30px auto 0; max-width: 100%; border-radius: 50px; font-size: 30px; color: #ffff; text-transform: uppercase; text-align: center; padding: 20px 10px;background: #1ab9d6; font-family: 'Oswald', sans-serif; font-weight: 700;}

#btn_purchase_2 i{margin-right: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}

#btn_purchase_2:hover{box-shadow: 0 10px 20px rgba(0,0,0,.1);}

.description ul, .description ol{padding-left: 20px;}

#description_4 ul, #description_4 ol, #description_5 ul, #description_5 ol{display: inline-block; width:100%; float: left; text-align: left; padding-left: 30px;}

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

	.prodImgCont:after{right: -20px;}

	#title_2{margin-top: 10px;}

}

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

	#description_1 br{display: none;}

	.topContRight{padding-left: 0;}

	#vid_3 iframe{height: 330px;}

}

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

	#title_1{font-size: 40px;}

	#section-1{padding: 30px 0;}

	.topContRight{margin-top: 30px;}

	#description_3{margin-top: 20px;}

	#title_6, #title_9, #title_4, #title_3{font-size: 30px;}

	.prodMain{margin-top: 30px;}

	#description_5 p, #description_4 p{width: 100%;}

	#btn_purchase_2{font-size: 25px;}

}

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

	.prodImgCont:before, .prodImgCont:after{display: none;}

	#title_1{font-size: 30px;}

	#vid_3 iframe{height: 250px;}

	.topCont{margin-top: 30px;}

	#description_1, #description_2, #description_4 p, #description_5 p, #description_3{font-size: 16px; line-height: 25px; text-align: justify; text-align-last:center; }

	#description_2, #description_3{text-align-last: left;}

	#description_2{text-align: left;}

	#title_5{font-size: 20px;}

	#title_9{font-size: 25px;}

	#btn_purchase_2{font-size: 22px;}

}