/*-- Fonts --*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
/*-- Reset css --*/
/*==================box-sizing================*/
*{box-sizing:border-box}
*,
*:before,
*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,
*:before,
*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#5c5c5c}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:16px;padding:8px 0;line-height:24px;margin:0}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #e1e1e1;font-size:15px;color:#434343;border-radius:4px;width:100%;height:50px;padding:8px 15px}
.form-control::-moz-placeholder{color:#5a5a5a;opacity:1}
.form-control:-ms-input-placeholder{color:#5a5a5a}
.form-control::-webkit-input-placeholder{color:#5a5a5a}
.form-control:focus{box-shadow:none}
.btn-primary{width:100%;background-color:#252525;border:0;font:20px "Roboto Regular", Arial, sans-serif;font-weight:600;padding:16px 0 0 0;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase}
.btn-primary:hover,.btn-primary:focus{background:#059ad9}
.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display:inline-block;width:100%}
.button{display:inline-block;background-color:#262626;border:none;box-shadow:none;color:#fff;font-size:24px;text-transform:uppercase;border:none;padding:15px 26px;text-align:center;vertical-align:middle;border-radius:6px;font-weight:600;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
.button:hover,.button:focus{background-color:#e26a05;color:#fff}
button:focus{outline:none}

a:visited.button{color:#fff}
.error{display:block;color:#d60606;padding-top:5px;text-align:left}
.alert-success{opacity:1}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.ucase:before{text-transform:uppercase}
.block{display:inline-block;width:100%}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none;margin:18px 0 35px;padding:0}
.list{list-style:none;margin:10px 0 0;padding:0}
.list li{background:url(../images/rightsign.png) no-repeat left 4px;font-size:18px;color:#000;margin:0;padding:0 0 10px 40px}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
/*-- Body --*/
html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#000}
.container{/*max-width:1190px;*/margin:0 auto;position:relative;padding:0 15px}

/*-- Fetch Fonts --*/
h1,h2,h3,h4,h5,h6,.button{font-family:"Raleway", Arial, sans-serif}
.hd-h1{font-family:"Raleway", Arial, sans-serif;color:#000;font-size:53px;margin:0 0 6px;font-weight:700}
.hd-h1 span{color:#1076f6;display:inline-block;text-transform:uppercase}
.hd-h2{font-family:"Raleway", Arial, sans-serif;color:#030303;font-size:40px;margin:0 0 10px;font-weight:600}
.raleway400{font-family:"Raleway", Arial, sans-serif;font-weight:400;color:#5a5a5a;line-height:31px}
.home .intro p{font-family:"Raleway", Arial, sans-serif;font-weight:400}
.list li,.modal-title{font-family:"Raleway", Arial, sans-serif;font-weight:600}
.callbox,.business-plans p.voicemails,.business-plans li span{font-family:"Roboto", Arial, sans-serif;font-weight:500}
/*-- Container --*/
#content{display:inline-block;width:100%;min-height:300px}

/*-- Header --*/
.header{padding:3px 0}
.callbox{position:absolute;right:15px;top:21px}
.callbox img{display:inline-block;vertical-align:middle;margin-right:10px}
.callbox span{display:inline-block;vertical-align:middle;font-size:21px;color:#1c1c1c;font-style:normal;text-transform:uppercase}
.logobrand{margin:0}
.top-link{display:inline-block;margin:0 10px 0 0}
.top-link .button{padding:10px 20px;background:#f37f1d;color:#fff}
.top-link .button:hover,.top-link .button:focus{background-color:#cc5e00;color:#fff}
.callbox .call{display:inline-block}

/*====----Home Page----=====*/
#top{background:url(../images/intro-bg.jpg) no-repeat center 0;min-height:542px;position:relative;margin:0 auto;background-size:cover;background-color:transparent;/*background-attachment:fixed;*/}
.home .intro{display:block;padding:157px 0 0;text-align:center}
.home .intro h1{font-size:66px;color:#fff;margin:0 0 15px;font-weight:600;text-transform:uppercase;;opacity:1}
.home .intro h1 span{display:block}
.home .intro p{font-size:26px;color:#fff;margin:0;font-weight:400}
.home .intro p{display:block;position:relative;text-transform:capitalize;letter-spacing:1px;overflow:hidden}

.home .intro p{color:#fff;background:-webkit-linear-gradient(left,#d48503,#fff,#f5a623);background-size:1600px 200px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:animationgradienttitle;animation-name:animationgradienttitle;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
@-webkit-keyframes animationgradienttitle{
0%{background-position:0 1600px}
100%{background-position:1600px 0}
}
@keyframes animationgradienttitle{
0%{background-position:0 1600px}
100%{background-position:1600px 0}
}
.intro .slide.slide-a .slide-a-child{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;-webkit-transition:all 1s;transition:all 1s}
.intro .slide.slide-a .slide-a-child.is-visible{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.intro .slide.slide-a p{font-size:25px}
.intro .slide.slide-b h2{-webkit-transform:translateX(50px);transform:translateX(50px)}
.intro .slide.slide-b p:first-of-type{-webkit-transform:translateX(-50px);transform:translateX(-50px);margin-bottom:20px}
.intro .slide.slide-b p:last-of-type{-webkit-transform:translateX(50px);transform:translateX(50px)}
.intro .slide.slide-b .slide-b-child{-webkit-transition:all 1s;transition:all 1s;opacity:0}
.intro .slide.slide-b .slide-b-child.is-visible{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
.intro .slide.slide-c .slide-c-child{-webkit-transition:all 1s cubic-bezier(0.25,0.25,0.23,1.405);transition:all 1s cubic-bezier(0.25,0.25,0.23,1.405);-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}
.intro .slide.slide-c .slide-c-child.is-visible{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.intro .slide.slide-d .slide-d-child{-webkit-transition:all 1s;transition:all 1s;opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
.intro .slide.slide-d .slide-d-child.is-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.intro .slide.slide-d button.slide-d-child{-webkit-transform:translateY(50px);transform:translateY(50px)}
@-webkit-keyframes bar{
0%{width:0}
100%{width:100%}
}
@keyframes bar{
0%{width:0}
100%{width:100%}
}
/*====----====*/

.welcome-holder{padding:45px 0 80px}
.figbox{margin:0}

.voicemail{background:url(../images/voicemail-bg.jpg) no-repeat center 0;min-height:341px;position:relative;margin:0 auto;background-size:cover;background-color:transparent;padding:60px 0;text-align:center}
.voicemail .hd-h2{color:#fff;margin:0 0 24px}
.voicemail p{padding:0 0 3px;color:#fff}

/*-- Business Plans --*/
.business-plans,.button{font-family:"Raleway", Arial, sans-serif;font-weight:600}
.business-plans{background:#e8e6e6;padding:35px 0 50px;text-align:center}
.business-plans .box{background:#fff;padding:20px 20px 25px;border-radius:6px;box-shadow:0 0 25px rgba(0,0,0,0.15);margin:40px 1.5% 0;flex:0 0 30.333333%;max-width:30.333333%;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in}
.business-plans .box:hover{box-shadow:0 0 25px rgba(0,0,0,0.35)}
.business-plans h2{color:#000;font-size:45px;font-weight:600}
.business-plans h3{font-size:24px;color:#fff;font-weight:600;text-transform:uppercase;width:256px;height:76px;margin:-33px auto 0;padding-top:10px}
.business-plans .yellow h3{background:url(../images/head-yellow.png) no-repeat center 0}
.business-plans .red h3{background:url(../images/head-red.png) no-repeat center 0}
.business-plans .green h3{background:url(../images/head-green.png) no-repeat center 0}
.business-plans h3 span{display:block}
.business-plans p.voicemails{font-size:17px;color:#f5a623}
.business-plans h4{color:#111;font-size:25px;text-transform:uppercase;font-weight:600}
.business-plans li{background:url(../images/sep.png) repeat-x 0 100%;padding:12px 0;margin-bottom:10px;text-align:left}
.business-plans li:last-child{background:none}
.business-plans li span{display:block;background:url(../images/rightsign.png) no-repeat 0 0;font-size:16px;color:#000;padding-left:32px}
.business-plans li p{font:14px Arial, Helvetica, sans-serif;color:#5e5e5e;line-height:20px;padding:8px 10px 8px 30px}
.button{font-size:17px;color:#fff;border-radius:35px;text-transform:uppercase;padding:12px 30px;border:0}
.btn:hover{color:#fff}
.btn.yellow{background:#f5a623}
.btn.yellow:hover,.btn.yellow:focus,.btn.green:active{background:#c47b02}
.btn.red{background:#f64d4d}
.btn.red:hover,.btn.red:focus,.btn.red:active{background:#cc2727}
.btn.green{background:#30dbb5}
.btn.green:hover,.btn.green:focus,.btn.green:active{background:#039d7b}
.button:focus,.button:active{border:0;box-shadow:none}
.proplan{padding-top:18px}

#footer{background:#000;text-align:center;padding:53px 0 75px}
#footer .copyright{border-bottom:solid 1px #1c1c1c;padding:12px 0 50px;color:#fff;font-size:15px}
#footer .callbox{position:static}
#footer .callbox span{display:block;font-size:42px;color:#f5a623;text-transform:uppercase;font-weight:600}
.scrollup{width:60px;height:60px;position:fixed;bottom:45px;right:0;line-height:40px;left:0;display:none;text-indent:-9999px;border-radius:3px;background-color:#000;border-radius:50%;border:solid 1px #343434;margin:0 auto}.scrollup:before{font-family:"FontAwesome";content:"\f077";color:#fff;font-size:18px;padding-right:3px;text-indent:0;position:absolute;right:0;top:6px;left:4px;margin:0 auto;text-align:center}

.modal .modal-header{display:block;text-align:center}
.modal-title{margin:0 0 15px;line-height:1.5;font-size:24px}
.modal .modal-header .row{margin-right:-6px;margin-left:-6px}
.modal .modal-header [class*="col-"]{padding-right:6px;padding-left:6px}
.modal .modal-header .button{font-size:15px;padding:10px 40px;text-align:center;display:block;margin:0 auto}
.modal .modal-header label{display:block}

/*====Responsive====*/
@media (max-width:1199px){
img{display:block;max-width:100%;height:auto}.img-responsive{display:block;max-width:100%;height:auto}
.home .intro h1{font-size:55px}.home .intro p{font-size:21px}.hd-h2,.business-plans h2{font-size:33px}
.list li{background-position:left 2px;font-size:16px}.business-plans h3,.business-plans h4{font-size:21px}
.button{font-size:16px;padding:12px 27px}
#footer .callbox span{font-size:35px}
.top-link .button{font-size:14px;padding:12px 18px;text-transform:capitalize}
.callbox span{font-size:16px}
/*body{border:1px solid #000*/
}
@media (max-width:1024px){
.intro-text h1 strong{font-size:51px} 
/*body{border:1px solid orange}*/
}
@media (max-width:991px){
.callbox{top:10px} 
.business-plans .box{flex:0 0 100%;max-width:100%}.home .intro h1{font-size:45px}
.welcome-holder{padding:26px 0 50px}.figbox,.figbox img{margin:18px auto 0;text-align:center}
.voicemail{padding:50px 0}#footer{padding:40px 0 50px}.scrollup{bottom:24px}
#footer .callbox span{font-size:27px}
 /*body{border:1px solid red}*/ 
}
@media (max-width:767px){
.header{padding:10px 0}
.callbox{position:static;margin:0 auto}
.logobrand,.logobrand img{margin:0}.logobrand{max-width:150px}
.callbox .top-link{position:absolute;margin:0;right:15px;top:10px}
.callbox span{font-size:18px}.home .intro h1{font-size:35px}.home .intro h1 span{display:inline-block}
.home .intro{padding:60px 0 0}#top{min-height:100%;padding:0 0 80px}
.hd-h2, .business-plans h2{font-size:26px}.voicemail{padding:40px 0 80px;min-height:100%}
.business-plans{padding:18px 0 50px}
.modal .modal-header [class*="col-"]{margin:0 0 10px}
.modal .modal-header .form-group.row{margin:0 -6px}
.form-group{margin-bottom:10px}
/*body{border:1px solid lightgreen}*/
}
@media (max-width:480px){
html{-webkit-text-size-adjust:none}
.home .intro h1{font-size:27px}.home .intro{padding:40px 0 0}
#top{padding:0 0 60px}.hd-h2,.business-plans h2{font-size:24px}
#footer .callbox span{font-size:21px}.callbox span{font-size:16px}
.scrollup{width:50px;height:50px;line-height:33px}
/*body{border:1px solid magenta}*/
}