@charset "utf-8";
/* CSS Document */
body{background:#fff; color:#595959; font-size:16px; font-family: 'Open Sans'; font-weight:400; line-height:26px;}
a, a:hover, a:focus{text-decoration:none;outline:none;color:inherit;}
img{max-width:100%;}
ul, li{margin:0;padding:0;list-style:none;}
h1, h2, h3, h4{margin:0; color:#232526; font-weight:600;}
h1{font-size:60px;}
h2{font-size:40px;}
h3{font-size:34px;}
h4{font-size:26px;}
p{margin:0; padding:0;}

/* buttons */
.white_btn{background:#fff; padding:18px 20px; font-size:22px; font-weight:600; color:#2fbdff; display:inline-block; border-radius:2px; border:none; box-shadow:0 2px 0 #24abe9;}

/************ main css ***************/

/* header part */
header{border-top:4px solid #2fbdff; padding:8px 0; }

/* top banner section */
#top_banner{background:url(../images/banner_img.jpg) no-repeat top center; background-size:cover; padding:13% 0 22%; position:relative; position:relative;}
.banner_text h1{text-transform:uppercase; font-weight:800; color:#5dd3ff;}
.banner_text h3{color:#d4f1ff; font-weight:400; padding:10px 0;}
.banner_text span{color:#fff; display:inline-block; background:#2fbdff; padding:18px 20px 20px; font-size:26px; font-weight:600; position:relative;}
.banner_text span:before{width: 0; height: 0; border-top: 32px solid transparent; border-right: 18px solid #2fbdff; border-bottom: 32px solid transparent; position:absolute; top:0; left:-18px; content:'';}
.banner_text span:after{width: 0; height: 0; border-top: 32px solid transparent; border-left: 18px solid #2fbdff; border-bottom: 32px solid transparent; position:absolute; top:0; right:-18px; content:'';}
.bottom_shape{position:absolute; width:100%; bottom:0;}

/* top boxes part */
#boxes_part {margin-top: -12%;}
.box img{position:relative;}
.box h4{position:absolute; bottom:15px; left:30px; color:#fff; padding-top:10px;}
.box h4:after, .heading h2:after{content:''; left:0; top:0; width:45px; height:4px; background:#fff; position:absolute;}
.box{background:url(../images/box_img1.jpg) no-repeat; background-size:cover; min-height:364px;}
.box_bg2{background:url(../images/box_img2.jpg) no-repeat;}
.box_bg3{background:url(../images/box_img3.jpg) no-repeat;}

/* reason behind spymaster section */
#spymater_reason{padding:60px 0 100px;}
.heading h2{position:relative; padding-top:10px;}
.heading h2:after{left:0; right:0; margin:0 auto; background:#2fbdff;}
.reason_bx img{background:#f5f6f8; border:1px solid #eceef2; padding:15px;}
.reason_bx p{font-size:18px; padding-top:10px;}
.reason_txt{padding:20px 20px 0;}

/* use spymasterpro part */
#use_spy{background:url(../images/use_spy_bg.jpg) no-repeat; background-size:cover; padding:60px 0;}
.use_spy_txt ul li{color:#f7f9fa; font-size:18px; background:url(../images/point.png) no-repeat left; padding:3px 25px;}
.use_spy_txt .heading h2, .doubt_txt .heading h2{color:#fff;}
.use_spy_txt .heading h2:after, .cheat_txt .heading h2:after, .doubt_txt .heading h2:after{left:0; right:auto;}
.spy_img > img {margin: -19% 0;}

/* cheating husband part */
#cheat_husband{padding:110px 0 60px;}
#cheat_husband .heading h2{color:#232526;}
.cheat_txt{margin-top:40px;}

/* Husband’s doubt section */
#doubt_part{background:url(../images/doubt_bg.jpg) no-repeat; background-size:cover; color: #f7f9fa; overflow:hidden;}
.doubt_txt {padding: 49px 15px;}
#doubt_part .cheat_img img{border-left:2px solid #fff; max-width:none;}

/* husband save part */
#husband_save{padding:60px 0;}

/* blue strip part */
#blue_strip{background:#2fbdff; padding:40px 0;}
#blue_strip h3{color:#fff; display:inline-block; padding-right:20px;}

/* footer */
footer{padding:20px 0; font-size:18px}
footer a:hover{color:#2fbdff; transition: all ease-in 0.4s; -webkit-transition: all ease-in 0.4s;}

/* responsive */

@media(max-width:1200px){
.box h4 {font-size: 20px;}
.heading h2 {font-size: 30px;}
#cheat_husband {padding: 69px 0 60px;}
.cheat_txt {margin-top: 0;}
#blue_strip h3 {font-size: 30px;}
#blue_strip {padding: 32px 0;}
}

@media(max-width:992px){
.banner_text h3 {font-size: 24px;}
.banner_text h1 {font-size: 50px;}
.banner_text span {font-size: 21px;}
.reason_txt > h4 {font-size: 20px;}
.reason_bx p {font-size: 16px;}
.use_spy_txt ul li {font-size: 16px;  padding: 3px 0 3px 25px;}
.spy_img > img {margin: 31px 0;}
#spymater_reason {padding: 55px 0 60px;}
.heading h2 {font-size: 25px;}
.cheat_txt > p, .doubt_txt  {font-size: 14px;  line-height: 24px;}
#blue_strip h3 {padding-right: 15px; font-size: 22px;}
#blue_strip .white_btn{ font-size: 18px; padding: 11px;}
footer {font-size: 16px;}
#doubt_part .cheat_img img {margin: 72px 7px 0;}
.box{min-height:250px;}
.box {background-position: bottom center;} 
}

@media(max-width:768px){
.banner_text h3 {font-size: 22px;}
.banner_text h1 {font-size: 44px;}
.spy_img, .cheat_img{text-align: center;}
.spy_img > img, .cheat_img > img{width: 74%;}
.spy_img > img {margin: 30px 0 0;}
.cheat_img > img {margin-bottom: 20px;}
.reason_txt {padding: 15px 10px;}
#doubt_part .cheat_img {text-align: center;}
#doubt_part .cheat_img img {float: none;  margin: 0 0 38px;}
.doubt_txt {padding: 60px 20px 26px 8%;}
.box {background-size: 100% auto;  min-height: 162px;}
}

@media(max-width:576px){
.box {margin: 0 auto 10px;  min-height:300px; background-position:center center;}
.box img {height: 100%; width:100%;}
.box h4 {bottom: 24px;}
.banner_text span::after, .banner_text span::before{border-bottom: 22px solid transparent; border-top: 22px solid transparent;}
.banner_text span {font-size: 14px; padding:9px 0;}
.banner_text h3 {font-size: 16px;  line-height: 22px; padding:8px 0 3px;}
.banner_text h1 {font-size: 28px;}
.heading h2 {font-size: 20px;}
.reason_txt > h4 {font-size: 16px;}
.reason_bx p {font-size: 14px; padding-top: 4px;}
.heading{margin-bottom:15px !important;}
#spymater_reason {padding: 30px 0 25px;}
.use_spy_txt ul li {font-size: 15px;  padding: 2px 0 2px 25px;}
.spy_img > img {margin: 22px 0 0; width:68%;}
#use_spy {padding: 55px 0;}
#cheat_husband {padding: 46px 0 40px;}
#husband_save { padding: 30px 0 40px;}
#blue_strip{text-align: center;}
#blue_strip h3 {font-size:18px;  padding-right: 0;}
#blue_strip .white_btn {font-size: 16px;  padding: 10px 12px;  margin-top: 10px;}
footer{font-size: 14px;}
.cheat_img > img{width:68%;}
}