@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700');

body{font-family: 'Hind', sans-serif !important;}
p{ color: #4e4e4e; font-size: 18px; line-height: 28px; font-weight: 400;}
.tc{ text-align: center;}
.tl{ text-align: left;}
.tr{ text-align:right;}
.mrg-t-ext{ margin-top:60px;}

h1, h2, h3, h4, h5, h6{ margin: px; padding: 0px;}

.pad-top{ padding-top: 60px;}
.pad-bot{ padding-bottom:60px;}
.mrg-top{ margin-top: 50px;}

.heading{ font-size: 40px; font-weight: 600; color: #ffcc00; text-align: center; position: relative; margin-bottom: 80px;}
.heading span{ display: block; font-size: 20px; color: #fff; font-weight: 500; line-height: 20px; }
.heading:after{ border-bottom: #fff solid 1px; bottom: -10px; left: 0px; right: 0px; position: absolute; content: ''; width:50%; margin: 0 auto;}

header{ background:url(../images/header-bg.jpg); background-size: cover; padding-bottom: 50px;}
.top{ position: fixed; margin-top: 10px;}
.adword{ margin-top: 20px;}
.callme{text-align: right; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; margin-top: 20px;}
.callme a{ font-size: 31px; color: #fff; display: block; line-height: 20px;}
.bx-controls { display: none;}

header .h1{ font-size: 40px; color: #f4ad24; font-weight: 500; margin-top: 100px;  }
.header-sub-heading{ font-size: 23px; font-weight: 700; color: #fff;}
.listing{ margin: 0px 0px 30px 0px; padding: 0px; list-style: none;}
.listing li{ font-size: 25px; color: #fff; list-style: none; margin-top: 15px; background:url(../images/check.png); background-position: left 5px; background-repeat: no-repeat; padding-left: 35px;}

.form{ margin-top: 100px; background: #fff; padding: 30px; box-sizing: border-box;}
.form .f-title{ font-size: 35px; font-weight: 700; color: #f4ad24;}
.form .f-title span{ display: block; font-size: 13px; color: #000; font-weight: 300; line-height: 10px; margin-bottom: 25px;}
.form input[type="text"], .form input[type="email"], .form input[type="number"], .form textarea{ width: 100%; padding: 10px; border: #a3a3a3 solid 1px; font-size: 13px; color:#1c2227; margin-bottom: 10px;}
.form input[type="submit"]{ background: #f4ad24; font-size: 25px; font-weight: 700; border:none; outline:0px; padding: 10px; width: 100%; margin-top: 20px; text-transform: uppercase; color: #fff;}

.font-60{ font-size: 60px; font-weight: 700; text-transform: uppercase; color: #ffcc00; padding-bottom: 10px;}
.font-30, .listing2 ul li{font-size: 30px; color: #1c2227;}
.listing2 ul{ list-style: none; margin: 0px; padding: 0px;}
.listing2 ul li{ font-weight: 600; background: url(../images/arow.png); background-position: top left; background-repeat: no-repeat; padding-left: 40px; margin-top: 12px;}


.boxes{ background: #f8f8f8; padding: 35px; box-sizing: border-box; text-align: center; margin-bottom: 30px;}
.boxes .boxes-title{ font-size: 30px; font-weight: 600; color: #ffcc00; line-height: 30px; border-bottom: #ffcc00 solid 1px; margin-bottom: 20px; padding-bottom: 20px;}
.boxes p{ color: #1c2227; font-size: 16px; line-height: 24px;}
.budget{ font-size: 40px; text-align: center; color: #f27d00; text-transform: uppercase; margin-top:30px;}
.budget span{ font-size: 50px; font-weight: 700; display: block;}

.ppc-type-section{ background: #1c2227;}
.tab-box{ list-style: none; margin: 0px; padding: 0px; text-align: center;}
.tab-box a{ background: #191f23; box-sizing:content-box; display: block; margin-bottom: 30px; font-size: 22px; text-transform: uppercase; color: #475158; font-weight: 600; line-height: 26px; padding: 30px 50px; box-sizing: border-box; text-decoration: none;}
.tab-box a:hover{ color: #f4ad24; text-decoration: none;}
.tab-box i{ display: block; margin-bottom: 10px; font-size: 40px;}
.tab-content .infotitle h3{ color: #ffcc00; font-size: 30px; margin-bottom: 30px;}
.tab-content .infotitle h3 span{ border-bottom: #ffcc00 solid 1px;}
.tab-content p{ font-size: 20px; color: #fff; line-height: 30px;}
.ppctype{ text-align: center; margin-top: 40px;}
.ppctype p{ color: #fff; font-size: 20px;}
.ppctype .free-consultation a{ display: inline-block; background: #ffcc00; padding: 13px 30px; font-size: 30px; color: #1c2227; font-weight: 700; line-height: 30px;}



.ppc-flow{ position: relative; height: 950px;}
.ppc-flow ul{ margin: 0px; padding: 0px;}
.ppc-flow ul li{ list-style: none; position: absolute; width: 338px; height: 338px; background-position: left top; background-repeat: no-repeat;}
.ppc-flow ul li a{font-size: 25px; font-weight: 700; color: #fff; text-decoration: none; display: block;}
.ppc-flow ul li.first{ top: 554px; left: 39px; background:url(../images/chart-step1.png);}
.ppc-flow ul li.second{ top: 170px; left: 39px;  background:url(../images/chart-step2.png);}
.ppc-flow ul li.third{ top: 0px; left: 210px;  background:url(../images/chart-step3.png);}
.ppc-flow ul li.four{ top: 0px; right: 200px;  background:url(../images/chart-step4.png);}
.ppc-flow ul li.five{ top: 170px; right: 39px;  background:url(../images/chart-step5.png);}
.ppc-flow ul li.six{ top: 554px; right: 39px;  background:url(../images/chart-step6.png);}
.ppc-flow ul li.first a{margin:70px 60px;}
.ppc-flow ul li.second a{margin:180px 60px 70px 60px;}
.ppc-flow ul li.third a{margin:130px 60px 70px 150px;}
.ppc-flow ul li.four a{margin:130px 100px 70px 50px;}
.ppc-flow ul li.five a{margin:130px 60px 70px 80px;}
.ppc-flow ul li.six a{margin:100px 60px 70px 80px;}

.ppc-flow-maintext{ font-size: 80px; font-weight: 900; line-height: 70px; position: absolute; top: 420px; left: 0px; right: 0px; margin: 0 auto; width: 450px; z-index: 101; }
.ppc-flow ul li .ppc-f-details{ display: none; border-radius: 360px; width: 500px; height: 500px; margin: 0px; }
.ppc-flow ul li.first:hover .ppc-f-details{display: block; background: #43363b; position: absolute; top: -275px; left: 280px; z-index: 102;}
.ppc-flow ul li.second:hover .ppc-f-details{display: block; background: #ff664d; position: absolute; top: 105px; left: 280px; z-index: 103;}
.ppc-flow ul li.third:hover .ppc-f-details{display: block; background: #35c6e1; position: absolute; top: 278px; right: -268px;  z-index: 104;}
.ppc-flow ul li.four:hover .ppc-f-details{display: block; background: #fdcc41; position: absolute; top: 280px; right: 120px;  z-index: 105;}
.ppc-flow ul li.five:hover .ppc-f-details{display: block; background: #97c72e; position: absolute; top: 110px; right: 280px;  z-index: 106;}
.ppc-flow ul li.six:hover .ppc-f-details{display: block; background: #8c5cad; position: absolute; top: -275px; right: 280px;  z-index: 107;}



.ppc-chart{ display: none;}
.ppc-chart .panel-default>.panel-heading{ background:#1C2227; color:#fff; text-align: left;}
.ppc-chart .panel-default{border-color:#000;}
.ppc-chart .panel-default>.panel-heading+.panel-collapse>.panel-body{ background:#3e3e3e;}
.ppc-chart .panel-default>.panel-heading+.panel-collapse>.panel-body p{ font-size:16px; line-height:20px; text-align: left; color: #fff;}
.ppc-chart .panel-title a{ display:block;}
.ppc-chart .panel-title{ position:relative;}
.ppc-chart .panel-title i{ position:absolute; top:0px; right:0px; font-weight:700;}
.ppc-chart .collapsed .panel-title:after{ width:14px; height:2px; background:#fff; position:absolute; top:12px; right:1px; content:'';}
.ppc-chart .collapsed .panel-title:before{ width:2px; height:14px; background:#fff; position:absolute; top:6px; right:7px; content:'';}



.ppc-f-text{ width: 80%; margin: 0 10%;}
.ppc-f-text h5{ font-size: 30px; margin-top: 100px; color: #fff; font-weight: 700;}
.ppc-f-text p{ font-size: 18px; line-height: 28px; color: #fff;}


.ads-created{ background: #ffcc00;}
.ads-created .heading{ color: #1c2227;}
.ads-created .heading:after{border-bottom: #1c2227 solid 1px;}
.ads-created .item:after{ border-bottom: #000 solid 10px;}
.ads-created .item img{ border: #d6ab00 solid 3px;}


.testimonial-seciton{background: #ffcc00; padding-bottom: 100px;}
.testimonial-seciton .heading, .testimonial-seciton .heading span{ color: #1c2227;}
.testimonial-seciton .heading:after{border-bottom: #1c2227 solid 1px;}
.testimonial-seciton .student-img{ border-radius: 100px; width: 100px; height: 100px;}
.testimonial-seciton p{ color: #1c2227; font-size: 18px; font-weight: 300; text-align:left; margin-top: 20px; padding-right: 50px;}
.testimonial-seciton .name{ color: #1c2227; font-size: 16px; font-weight: 700; margin-top: 20px;}
.testimonial-seciton .carousel-indicators{ bottom: -50px;}


.pricing .heading span{ color: #1c2227;}
.pricing .heading:after{border-bottom: #1c2227 solid 1px;}
.pricing .pircetag{ text-align: center; font-size: 60px; color: #1c2227; background: #ffcc00; border-radius: 360px; padding: 40px 50px; line-height: 70px; text-transform: uppercase; margin-bottom:10px;}
.pricing .font-30{ font-size:20px; text-align:center;}
.pricing p span{ font-size:12px; text-align:center; display:block; line-height:10px;}

.footer{ background:#1C2227 url(../images/footermap2.png) 0px 80px no-repeat; padding-bottom:30px; margin-top: 20px;}
.footer .contact_heading span{ font-size:37px; font-weight:900; color:#fff;}
.contact_infobox{ width:100%; }
.contact_infobox .calltext{ font-size:40px; color:#ffcc00; font-weight:300; line-height:45px;}
.contact_infobox .callno{ font-size:37px; color:#fff; font-weight:500; }
.contact_infobox .info span{ color:#fff; font-size:15px; padding:3px 5px; background:#000;}
.contact_infobox .info a{ color:#ffcc00;}
.contact_infobox .info img{ width:24px; height:27px; float:left;}
.footer p{ color: #fff;}
.contact_infobox .copyright{color:#696464; font-size:15px; margin-top:30px; float:left; width:100%;}
.footer_link{ text-align: center; margin-bottom: 50px;}
.footer_link .free-consultation a{ display: inline-block; background: #ffcc00; padding: 5px 20px; font-size: 20px; color: #1c2227; font-weight: 500; line-height: 30px;}
.contact_infobox .calltext{ font-size: 30px;}
.smicon a{ font-size: 20px; background: #000; padding: 2px 10px 0px 10px; margin-top: 30px;display: inline-block;}
.copyright{ color: #fff; padding-top: 40px; display: block;}


.fix-btn{ float: right;}
.fix-btn a{ background: #000; padding: 5px 30px; color: #fff; font-size: 25px; font-weight: 500; position: fixed; bottom: 0px; right: 0px;}