body{background-color: whitesmoke; font-family: 'Montserrat', sans-serif;}
*{box-sizing: border-box; transition: all 0.3s;}
.clearfix:before, .clearfix:after {content: ""; display: table; }
.clearfix:after {clear: both; }


.main-div{max-width: 100%; margin: 0 auto;}
.flyer-cont{max-width: 870px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; position: relative;}
.fly-inn{}
.fly-header{background-image: url(../../uploads/iframes/img/header-bg.jpg); background-size: cover; background-position: 50% 50%;
background-repeat: no-repeat; position: relative; min-height: 426px; padding-top: 20px;}

.headerlogo img{max-width: 255px;}
.header-left{color: #fff;}
.header-left h1{font-size:35px; font-weight: 600;}
.header-left h3{font-size:20px; font-weight: 400; line-height: 33px;}
 
.fly-mid-top {background: #f6f8f8; }
.benefits-sec {margin-top: -150px; }
.rate-as{color: #3a3a3a; font-size: 9px; position: absolute; top: -22px}
.benefits-left .benefit-list{background: #fff; border-radius: 5px; padding: 10px;  }
.benefit-list h3{padding: 0; margin: 0 0 11px; font-size: 20px; color: #272a65; line-height: 1;}
.benefit-list ul{list-style: none; padding: 0; margin: 0;}
.benefit-list li{list-style: none; padding: 0; margin: 0; color: #db107c; font-size: 12px; font-weight: 600;
line-height: 26px;}


.table-list{ border-radius: 5px; background: #fff; }
.table-list .table{margin-bottom: 15px;}
.table-list td, .table-list th{border-left:1px solid #a7a9ac; text-align: center;
 color: #2c3342; font-size: 12px; text-transform: uppercase; font-weight: 600; padding: 6px 15px;}
.table-list th{}
.table-list td{border-top:1px solid #a7a9ac;}
.table-list td:first-child, .table-list th:first-child{border-left: none; text-align: left;}
.table-list tbody tr:hover td{color: #dc0f7d;}

.table-total{ border-radius: 7px; background: #272a64; color:#fff;}
.table-total td{color:#fff; border-left:1px solid #fff; text-align: center; border-top: none; font-size: 12px; font-weight: 600;}
.table-total td:first-child{border-left: none;}
.table-total td.total {text-transform: uppercase; font-size: 11px;}

.benefits-bott-sec {padding-bottom: 10px; background: #f6f8f8;   }
.benefits-bott-sec p {color: #231f20; font-weight: 400; font-size: 16px; text-align: center; line-height: 28px; }
.benefits-bott-sec ul {padding: 0; margin: 0; list-style: none; display: table; width: 100%; }
.benefits-bott-sec ul li {display: table-cell; width: 33.333%; }
.benefits-bott-sec ul li:nth-child(2) {text-align: center;}
.benefits-bott-sec ul li:nth-child(3) {text-align: right;}

.w-45{width: 45%;}
.w-50{width: 50%;}
.w-55{width: 55%;}
.f-left{float: left;}
.f-right{float: right;}

.fly-mid-bott{/*margin-top: 15px;*/ padding-top:30px;  background: #fff;}
.transparency-inn h3 {color: #2c3342; line-height: 1; padding: 0; margin: 0 0 20px;
font-weight: 600; font-size: 26px; }
.transparency-table{background: #e2147a;  -webkit-border-radius: 5px 5px 0 0; 
-moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.transparency-inn .table{text-align: center; margin-bottom: 0;}
.transparency-inn .table thead{color: #fff; }
.transparency-inn .table tbody{background: #e8e8e8; color: #231f20;}
.transparency-inn .table td, .transparency-inn .table th{text-align: center;}
.transparency-inn .table td{color: #636e6d; padding: 12px 10px 15px; font-size: 13px;}
.transparency-inn .table td strong{
	color: #2c2e35;
	width: 100%;
	float: left;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.4em;
}
.transparency-inn .table td span{display: block; font-size: 11px; color: #6d6d6d;}
.transparency-inn h4 {color: #2c3342; text-transform: uppercase; font-weight: 400; padding: 0;
margin: 20px 0 0; line-height: 24px; font-size: 15px; }

.top-tips{margin-left: 13%;}
.top-tips h3, .how-it-work h3 {color: #2c3342; line-height: 1; padding: 0; margin: 0 0 12px;
font-weight: 600; font-size: 26px; }
.top-tips ul{list-style: none; padding: 0; margin: 0;}
.top-tips ul li {color: #2c3342; line-height: 23px; font-size: 14px; padding:2.5px 0 2.5px 25px; position: relative;}
.top-tips ul li:before{content: ""; position: absolute; left: 0; top: 7px; display: inline-block;
background: url('../../uploads/iframes/img/arrow-1.png') no-repeat; width: 15px; height: 14px;}

.serv-list{padding:15px 0 10px;}
.serv-list ul{padding: 0; margin: 0; list-style: none;}
.serv-list li {padding: 0; margin: 0; display: inline-block; padding: 0 15px;
width: 25%; float: left; text-align: center; box-sizing: border-box; position: relative;}

.serv-list li:after, .serv-list li:before {content: "";
height: 1px;
background: #b7b7b8;
display: block;
top: 61px;
position: absolute;
z-index: 1;
width: 42%;
left: 79%;
z-index: 1;}
.serv-list li:last-child:after, .serv-list li:last-child:before{content: none;}
.serv-list li .image-icon-box img {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
    margin-bottom: 15px;
}
.serv-list li:hover .image-icon-box img {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.free-acc {
    text-align: center;
}
.free-acc a {
    text-align: center;
    background: #9E5DC2;
    color: #fff;
    border-radius: 40px;
    padding: 13px 35px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}
.free-acc a:hover {
    text-decoration: none;
    background: #e2147a;
}
.image-box{position: relative;}
.image-box span{display: inline-block; position: relative;}
.image-box span{-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;} 
.image-box span:hover{-webkit-transform: rotate(360deg); transform: rotate(360deg);}

/*.triangle:before{-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;} 
.image-box:hover span:after{-webkit-transform: rotate(360deg); transform: rotate(360deg);
border-color: red;}
*/
 
 .table-list table tr td:nth-child(3){ width: 110px;}
.table-list table tr td:last-child { width: 112px; }
.table-total table tr td:last-child {width: 111px;}
.table-total table tr td:nth-child(2) { width: 110px; }

.image-box span img{position: relative; top: 3px;}
.image-box.circle4 img{top: 0;}
.image-box{height: 108px; }
.image-box span:before {content: ' '; display: inline-block; width: 95px;
height: 95px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
border: 6px solid; position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}

.image-box span:after {content: ' '; display: inline-block; width: 120px; height: 120px;
-moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 150px; border-color: #999c9b;
border: 1px solid; position: absolute; color: #999c9b; top: 50%; left: 50%;
transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}

.circle1{color: #dc0e7d;}
.circle2{color: #fcb234;}
.circle3{color: #a4b56e;}
.circle4{color: #43bcc4;}

.triangle:before {width: 0; height: 0; border-right: 9px solid #9a9c9b;
border-top: 9px solid transparent; position: absolute; top: -18px; left: 69px; content: ""; }



.fly-footer{background: #e2147a; text-align: center;; border-radius: 6px;
 padding: 15px 15px 7px 15px; color: #fff; margin-top: 15px; margin-bottom: 20px;}
.fly-footer h4{font-size: 20px; padding: 0; margin: 0; line-height: 1; font-weight: 600;}
.fly-footer ul{padding: 0; margin:10px 0 0; list-style: none;}
.fly-footer ul li{display: inline-block; padding: 0 15px; border-right: 1px solid #fff; margin-bottom: 8px;}
.fly-footer ul li:last-child{border-right: 0;}
.fly-footer ul li, .fly-footer ul li a{color: #fff; font-size: 14px;}
.fly-footer ul li i{margin-right: 5px;}
.fly-footer ul li a:hover{text-decoration: none;}


@media screen and (min-width: 768px) {
	.fly-header{padding-top: 30px;}
.headerlogo {position: absolute; right: 30px; }
.header-left{color: #fff; max-width: 414px; padding-left: 15px}
.header-left h1 {
font-size: 40px;
}

.benefits-left{width: 35%; float: left;}
.benefits-right{width: 65%; float: left;}
.benefits-right .price-table{margin-left: 25px;} 
}


@media screen and (max-width: 991px) {
.transparency-inn h3, .top-tips h3, .how-it-work h3 {font-size: 24px; }
}

@media screen and (max-width: 768px) {
	.benefits-bott-sec{padding-top: 15px;}
	.serv-list li:after, .serv-list li:before {width: 34%; left: 83%; }

}

@media screen and (max-width: 767px) {
.fly-header{text-align: center;}
.headerlogo {display: inline-block; text-align: center;}
.headerlogo img {max-width: 215px; }

.header-left{max-width: 414px; margin: 0 auto;}
.header-left h1{font-size:28px; margin-bottom: 5px; margin-top: 20px;}
.header-left h3{font-size:17px; line-height: 27px; padding: 0; margin: 0;}
.benefits-right .price-table{margin-top:15px;} 
.price-table .table{border:solid 1px #a7a9ac;}
.table-total .table{border:none;}

.benefits-sec{
	position:relative;
}
.benefits-bott-sec{padding-top: 10px; padding-bottom: 10px;}
.benefits-bott-sec p, .transparency-inn h4 {font-size: 14px; line-height: 27px; }
.transparency-inn h3, .top-tips h3, .how-it-work h3{font-size: 22px;}
.transparency-col, .tips-col{width: 100%;}
.top-tips {margin-left: 0; margin-top: 25px;}

.how-it-work {margin-top: 25px;}
.serv-list li:after, .serv-list li:before {width: 34%; left: 83%; }



}

@media screen and (max-width: 640px) {
.header-left h1 {font-size: 23px;}
.header-left h3 {font-size: 14px; line-height: 25px;}
.serv-list li{width: 50%; min-height: 185px;}
.serv-list li:nth-child(1), .serv-list li:nth-child(2) {margin-bottom: 20px;}
.serv-list li:after, .serv-list li:before {content: none;}
/* .benefits-bott-sec li:nth-child(1) img{max-width: 135px;}
.benefits-bott-sec li:nth-child(2) img, .benefits-bott-sec li:nth-child(3) img{max-width: 75px;} */
.benefits-bott-sec li:nth-child(1) img{max-width: 100px;}
.benefits-bott-sec li:nth-child(2) img {max-width: 65px;}
.benefits-bott-sec li:nth-child(3) img{max-width: 120px;}
.fly-footer ul li:nth-child(2) {border-right: none;}
.how-it-work h3{text-align: center;}

}


@media screen and (max-width: 480px) {
.fly-header{min-height: 406px;}
.headerlogo img {max-width: 185px; }
.transparency-inn h3, .top-tips h3, .how-it-work h3 {font-size: 18px; }
.benefits-right {overflow-x: scroll; }
.benefits-right .price-table {width: 500px; }
.serv-list li{width: 100%; min-height: 185px;}
.serv-list li:last-child{min-height: inherit; margin-bottom: 10px;}
/* .benefits-bott-sec li:nth-child(1) img{max-width: 115px;}
.benefits-bott-sec li:nth-child(2) img, .benefits-bott-sec li:nth-child(3) img{max-width: 65px;} */
.benefits-bott-sec li:nth-child(1) img{max-width: 100px;}
.benefits-bott-sec li:nth-child(2) img {max-width: 65px;}
.benefits-bott-sec li:nth-child(3) img{max-width: 120px;}

.fly-footer ul {margin: 15px 0 0;}
.fly-footer ul li {border-right: none; display: block;}

}