*{margin:0px;padding:0px;}
a{text-decoration:none !important;}
html{overflow-x:hidden; scroll-behavior: smooth;}
body{font-family: 'Lato', sans-serif; overflow-x:hidden;}
@font-face{font-family:"Century Gothic";font-style:normal;font-weight:normal;src:url("../fonts/breeserif-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/breeserif-regular-webfont.woff") format("woff"), url("../fonts/Century Gothic.ttf") format("truetype"), url("../fonts/breeserif-regular-webfont.svg#bree_regular") format("svg");}
.visible{display:block !important;}
.hidden{display:none;}
img{ max-width:100%;}


.fixed {
position: fixed;
top: -5px;
left: 0;
width: 100%;
box-shadow: 0 0 40px #222;
-webkit-box-shadow: 0 0 40px #222;
-moz-box-shadow: 0 0 40px #222;
padding-top: 10px;
	padding-bottom: 10px;
}


header{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 999;
    padding: 9px 0px;
}
.logo{
    float: left;
    width: 100%;
}
.logo a{}
.logo a img{
    max-height: 85px;
}
.logo a:hover{}
.menu01{
    float: left;
    width: 100%;
    height: auto;
    padding-top: 25px;
}
.menuiner{
    float: left;
    width: 100%;
    text-align: right;
}
.menuiner ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    text-align: right;
    float: none;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 0px;
}
.menuiner ul li{
    display: inline-block;
    font-size: 16px;
    margin-left: 20px;
}
.menuiner ul li a{
    color: #4d4d4d;
    font-weight: 600;
}
.menuiner ul li a:hover{
    color: #0086ff;
}
.calrigt01{
    float: none;
    display: inline-block;
    margin-left: 20px;
}
.calrigt01 a{
    font-size: 25px;
    color: #0086ff;
    font-weight: 800;
}
.calrigt01 a:hover{
    color: #ed1c24;
}

.banner01{
    float: left;
    width: 100%;
    height: auto;
}

.bnrimg01{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}
.bninnr{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    }
.bnrimg01 img{}
.banertxt{
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    z-index:9;
    text-align: center;
}
.banertxt h3{
    font-size: 47px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 14px;
}
.banertxt p{
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 25px;
}
.banertxt a{
    background-color: #0086ff;
    color: #fff;
    padding: 12px 15px;
    min-width: 150px;
    display: inline-block;
    border-radius: 45px;
}
.banertxt a:hover{
    background-color: #fff;
    color: #000;
}
.textrgiht{ text-align:right; padding-right:20%;}
.banner01 .owl-dots{
    margin-top: -80px !important;
    position: absolute;
    width: 100%;
}
.banner01 .owl-dots button{outline: 0px;}
.banner01 .owl-dots button span{
    width: 35px !important;
    height: 3px !important;
    outline: 0px;
} 
.banner01 .owl-dots button.active{}
.textrgiht .bninnr{padding-right: 10%;}

.section01{float: left;width: 100%;height: auto;position: relative;}
.section01 .row{
    margin-top: -25px;
}
.section01 .row .col-md-4{
    background-color: #fff;
}
.boxx01{
    float: left;
    width: 100%;
    height: auto;
    background-color: #f2f3f5;
    padding: 20px;
    position: relative;
    z-index: 1;
    padding-left: 130px;
    padding-top: 30px;
    min-height: 140px;
}
.boxx01 img{
    float: left;
    max-height: 80px;
    position: absolute;
    top: 18px;
    left: 13px;
}
.boxx01 h3{
    margin-top: 0px;
    font-size: 20px;
    text-transform: uppercase;
}
.boxx01 p{
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 0px;
}
.section02{
    width: 100%;
    height: auto;
    float: left;
    padding: 30px 0px 50px;
}
.suporthed01{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
.suporthed01 h2{
    font-size: 41px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #0086ff;
}
.suporthed01 h3{
    margin-top: 0px;
    margin-bottom: 20px;
}
.suporthed01 p{
    font-size: 16px;
    line-height: 26px;
    max-width: 900px;
    margin: auto;
    margin-bottom: 20px;
}
.suporthed01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.suporthed01 ul li{
    font-size: 19px;
    display: inline-block;
    margin: 10px 20px;
    width: 15%;
    text-transform: uppercase;
    FONT-WEIGHT: 500;
}
.suporthed01 h5{font-size: 25px;
    margin-top: 25px;
    display: inline-block;
    margin-bottom: 0px;
    color: #ed1c24;}
.suportser01{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    border: 1px solid #ddd;
    padding: 10px;
    box-shadow: 3px 3px 3px rgb(0 0 0 / 15%);
    min-height: 345px;
}
.suportser01 img{
    max-height: 125px;
}
.suportser01 h3{
    font-size: 28px;
}
.suportser01 p{
    font-size: 16px;
    line-height: 26px;
}
.suportser01 ul{
    column-count: 2;
    text-align: left;
    padding-left: 20px;
    margin-bottom: 0px;
}
.suportser01 ul li{
    margin-bottom: 9px;
}

.section03{width:100%;height:auto;float:left;text-align:center;background-color:#f3f3f5;padding: 50px 0px 40px;}
.servhed01{width:100%;height:auto;float:left;margin-bottom: 20px;}
.servhed01 h2{
    font-size: 41px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 0px;
    margin-bottom: 12px;
    color: #0086ff;
}
.servhed01 p{
    font-size: 16px;
    line-height: 26px;
    max-width: 900px;
    margin: auto;
    margin-bottom: 20px;
}
.serbox001{width:100%; height:auto; float:left;}
.serbox001 img{
    max-height: 120px;
}
.serbox001 h3{
    margin-top: 15px;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.serbox001 p{
    font-size: 16px;
    line-height: 26px;
display: none;
}
.section04{ width:100%; height:auto; float:left; padding:40px 0px;}
.section05{width:100%; height:auto; float:left; padding:40px 0px; background-image:url(../images/bg3.png); background-repeat: no-repeat;    background-size: cover;  background-position: center;  background-attachment: fixed; text-align:center; background-color: #f3f3f5;}
.section06{
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 0px 40px;
}
.pricingbox{
    float: left;
    width: 100%;
    background-color: #f9f9f9;
    padding: 20px;
    text-align: center;
	    min-height: 715px;
}
.pricingbox h3{
    margin-top: 0px;
    margin-bottom: 17px;
}
.pricingbox h4{
    font-size: 19px;
    color: #ed1c24;
}
.pricingbox p{
    font-size: 16px;
}
.pricingbox a{
    background-color: #ff006e;
    color: #fff;
    padding: 10px 20px;
    display: block;
    border-radius: 46px;
    font-size: 16px;
}
.pricingbox a:hover{
    background-color: #333;
}
.pricingbox ul{float: left;width: 100%;height: auto;list-style: none;margin: 0px;padding: 0px;margin-top: 20px;}
.pricingbox ul li{
    font-size: 15px;
    border-top: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer{float: left;width: 100%;height: auto;/* background-image:url(../images/bg4.jpg); */padding: 15px 0px;background-attachment: fixed;background-position: center top;background-color: #f5f5f5;}
footer h3{
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 15px;
}
footer p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0px;
    text-align: center;
}
footer p a{
    color: #ff006e;
}
footer p a:hover{
    color: #000;
}


.popfrme{}
.popfom{
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 25px;
    max-width: 450px;
    border-radius: 4px;
    position: relative;
    padding-right: 15px;
    padding-bottom: 10px;
}
.popfom h3{
    margin-top: 0px;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 22px;
}
.popfom .clospop{
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px;
    color: #000;
    font-size: 19px;
    font-weight: 800;
    cursor: pointer;
}
.popfom .clospop:hover{
    color: #0086ff;
}
.popfom  ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    height: auto;
}
.popfom  ul li{
    float: left;
    width: 50%;
    padding-right: 9px;
    margin-bottom: 15px;
}
.popfom  ul li input{
    width: 100%;
    height: 46px;
    border: 1px solid #cacaca;
    padding: 10px;
    color: #000;
	outline:0px;
	box-shadow:none;
}
.popfom  ul li select{
    width: 100%;
    height: 46px;
    border: 1px solid #cacaca;
    padding: 10px;
    color: #000;	
	outline:0px;
	box-shadow:none;
}
.popfom  ul li button{
    width: 100%;
    height: 45px;
    border: 0px;
    background-color: #0086ff;
    color: #fff;
    font-size: 15px;
}
.popfom  ul li button:hover{
    background-color: #ff006e;
}
.popfom  ul li i{}
.popfom  ul li:nth-last-child(1){ width:100%;}
#fadeandscale_wrapper{     background-color: rgb(0 0 0 / 60%);}


.thankyou{
    text-align: center;
    padding: 20px;
}
.thankyou h1{}
.thankyou h2{
    margin-bottom: 33px;
}
.thankyou a{
    background-color: #fff;
    color: #000;
    border: 1px solid #333;
    padding: 10px 20px;
    border-radius: 32px;
}
.thankyou a:hover{
    background-color: #000;
    color: #fff;
}

.cloudbg01{
    float: left;
    width: 100%;
    height: auto;
    padding: 40px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 60px;
}
.cloudbg01 h3{
    color: #fff;
    font-size: 40px;
    margin-bottom: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
.cloudbg01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.cloudbg01 ul li{
    display: inline-block;
    margin-right: 10px;
    color: #fff;
}
.cloudbg01 ul li a{
    background-color: #0086ff;
    color: #fff;
    padding: 6px 12px;
}
.cloudbg01 ul li a:hover{
    background-color: #ed1c24;
}
.clodservice001{ width: 100%; height: auto; float: left; padding: 50px 0px;     text-align: justify;}
.clodservice001 img{
    margin-bottom: 20px;
}
.clodservice001 h3{
    font-size: 30px;
    font-weight: 600;
    color: #333;
        margin-top: 0px;
}
.clodservice001 p{
    font-size: 15px;
    line-height: 23px;
}
.clodservice001 p a{ color:#000;     font-weight: 600;}
.clodservice001 h4{font-weight: 600;margin-top: 18px;}
.clodservice001 .row{ margin-bottom: 20px;}
.clodservice001 ul{list-style: none;margin: 0px;padding: 0px;margin-bottom: 15px;}
.clodservice001 ul li{
    margin-bottom: 6px;
}

.about001{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-top: 30px;
    text-align: center;
}
.about001 h3{
    font-size: 41px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 0px;
    margin-bottom: 12px;
    color: #0086ff;
}
.about001 p{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}
.abtmision01{
    float: left;
    width: 100%;
    border: 1px solid #f3f3f5;
    padding: 20px;
    box-shadow: 4px 4px 4px #ededed;
    min-height: 230px;
    margin-bottom: 15px;
}
.abtmision01 p{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
}
.abtmision01 p strong{}
.abtus0001{ width: 100%; height: auto; float: left; padding-bottom: 40px; padding-top: 10px;}

.whatsupfixed{position: fixed; bottom: 50px; right: 15px;  z-index: 150;}

.whts01 {
       max-height: 39px;
       margin-top: 0px;
       margin-left: 0px;
}
.whts02 {
    max-height: 38px;
    display: none;
    margin-top: 0;
    margin-right: 0;
}
.whtsup{float: none;margin-left: 0px;}

.fotfixedcall{position:fixed;bottom:105px;right: 15px; z-index:125;}
.fotfixedcall a{ display:block;}
.fotfixedcall a img{ max-height:40px;}
.fotfixedcall a:hover img{ opacity: 0.8;}

.fotclall{
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #000;
}
.fotclall a{
    color: #ff006e;
}
.fotclall a:hover{
    color: #007aff;
}

.contpage01{
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 30px;
    margin-top: 30px;
}
.contpage01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
.contpage01 ul li{
    float: left;
    width: 33.3%;
    padding: 0px 10px;
    margin-bottom: 14px;
}
.contpage01 ul li input{
    height: 50px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 15px;
    color: #000;
    outline: 0px;
    box-shadow: none;
}
.contpage01 ul li select{
    height: 50px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px 15px;
    color: #000;
    outline: 0px;
    box-shadow: none;
}
.contpage01 ul li textarea{}
.contpage01 ul li button{
    width: 100%;
    height: 50px;
    border: 0px;
    background-color: #0086ff;
    color: #fff;
    text-transform: uppercase;
}
.contpage01 ul li button:hover{
    background-color: #333;
}

@media (max-width:660px){
    .whts01{ display:none;}
	.whts02{ display:block;}
    .contpage01{ padding: 20px;}
    .contpage01 ul li{ width: 100%; padding: 0px 0px;}
	
}