@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600;700&display=swap');
@font-face{font-family:'Myriad Pro';src:url(../fonts/myriadpro-regular.eot);src:url(../fonts/myriadpro-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/myriadpro-regular.woff2) format("woff2"),url(../fonts/myriadpro-regular.woff) format("woff"),url(../fonts/myriadpro-regular.ttf) format("truetype"),url(../fonts/myriadpro-regular.svg#MyriadPro-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');*/
/*--Resetcss--*/
/*==================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:#fff}
a:hover{text-decoration:none;color:#fff}
a:active{color:#fff}
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;color:#000}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #cacaca;font-size:17px;color:#434343;border-radius:5px;width:100%;height:50px;padding:8px 15px}
.datepickers .form-control{width:100%;border-radius:5px}
select.form-control{background:url(../images/select-arrow.png) no-repeat 99% 5px}
.form-control::-moz-placeholder{color:#797979;opacity:1}
.form-control:-ms-input-placeholder{color:#797979}
.form-control::-webkit-input-placeholder{color:#797979}
.form-control:focus{box-shadow:none}
textarea{font:17px Arial, Helvetica, sans-serif}
textarea.form-control{height:90px}
.block{display:inline-block;width:100%}
.button{font-family:"Raleway", Arial, sans-serif;display:inline-block;background-color:#1f599f;border:none;box-shadow:none;color:#fff;font-size:18px;font-weight:500;text-transform:uppercase;padding:10px 37px;text-align:center;vertical-align:middle;border-radius:4px;position:relative;z-index:10;overflow:hidden;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
a.button,a:visited.button{color:#fff}
a[href="tel"]
.button:hover{color:#fff}
.button,.button::after{-webkit-transition:all 0.3s;transition:all 0.3s}
.button::before,.button::after{content:'';position:absolute;z-index:-1}
.form-group span{color:#fff;padding:0 3px}

/*-- Btn-hover effect --*/
.btn-hover{color:#6f6362}
.btn-hover:before, .btn-hover:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.btn-hover:before{right:-50px;border-right:50px solid transparent;border-bottom:80px solid #333239;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.btn-hover:after{left:-50px;border-left:50px solid transparent;border-top:80px solid #333239;-webkit-transform:translateX(100%);transform:translateX(100%)}
.btn-hover:hover{color:#fff}
.btn-hover:hover:before{-webkit-transform:translateX(-49%);transform:translateX(-49%)}
.btn-hover:hover:after{-webkit-transform:translateX(49%);transform:translateX(49%)}
.alert-success{opacity:1;margin:1rem 0 0}.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}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none;margin:0}
.list li{background:url(../images/circle-arrow.png) no-repeat left 9px;color:#515157;font-size:15px;line-height:24px;margin:0 0 10px;padding-left:21px;font-weight:normal}
.list li:last-child{margin-bottom:0}
.list-sm{list-style:none;margin:0}
.list-sm li{background:url(../images/circle.png) no-repeat left 5px;color:#646464;font-size:18px;line-height:24px;margin:0 0 15px;padding-left:28px}
.list-sm li:last-child{margin-bottom:0}
.list-numeric{list-style:number;font-size:16px;color:#686868}
.list-numeric li{line-height:24px;margin:0 0 16px}
figure{margin-bottom:0}
.service hr{border-bottom:1px solid #c9c9c9;margin:55px 0 13px;opacity:1}

/*-- Body --*/
html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;min-height:100%;color:#424242}
/*====----====*/

.container{max-width:1190px;margin:0 auto;position:relative;padding:0 15px}
html,body{overflow-x:hidden}

/*--FetchFonts--*/
h1,h2,h3,h4,h5,h6{font-family:Raleway, Arial, sans-serif}
.login a,.intro p,.intro .button,.main-nav li{font-family:Raleway, Arial, sans-serif;font-weight:400}

/*.hd-h2{color:#000;font-size:50px;font-weight:400}*/
.hd-h1,.hd-h2{font-size:34px;font-weight:300;color:#050505;margin:0 0 10px}
.hd-h1 span.thick,.hd-h2 span.thick,.main-nav li{font-family:'Open Sans', Arial, sans-serif;font-weight:700}
.hd-h2 span.dblock{display:block}
.subhead{font:25px 'Myriad Pro',Arial, sans-serif;display:block;margin-top:10px}
/*.hd-h3{color:#000;font-size:26px;margin:0 0 35px;text-transform:uppercase}*/
/*-- Header --*/
#top{background:url(../images/top-bg.webp) no-repeat center 0;background-size:cover/*;min-height:757px*/}
#header{min-height:68px;padding:15px 0;border-bottom:1px solid #628abb/*;-webkit-transition:all 500ms ease 0s;-moz-transition:all 0.4s ease-in*/}
#header .navbar-brand{margin:0;padding:0;position:relative/*;z-index:1000*/}
#header .navbar-brand a{display:inline-block;vertical-align:top}
#header .navbar-brand img{max-width:140px;height:auto}
#header{position: absolute;left: 0;right: 0;width: 100%;top: 0;}
body #top{padding:66px 0 0;}
.intro{padding: 33px 0 0;}

/*-- Main Navigation --*/
.main-nav{text-align:right}
.main-nav ul{display:inline-block;margin-right:10px}
.main-nav li{display:inline-block;vertical-align:middle;font-size:0.9rem; font-weight:500;margin:0 10px;text-transform:uppercase;position:relative}
.main-nav li a,.main-nav li.active span{display:block;color:#fff;padding:10px 2px 10px}
.main-nav ul.menu > li:after{content:'';position:absolute;bottom:0;left:0;border-bottom:2px solid #fff;width:0;webkit-transition:width .5s ease-in-out;transition:width .4s ease-in-out;}
.main-nav ul.menu > li:hover:after,.main-nav ul.menu > li.active:after{width:100%}


.main-nav .button{background:#52b0e3;display:inline-block;padding:7px 20px}

.main-nav .sub-menu{position:absolute;top:55px;left:0;background:#0f4078;border:1px solid #1f589e;width:300px;padding:10px 15px;text-align:left;visibility:hidden;opacity:0;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in; z-index:1000 }
.main-nav ul.sub-menu li{text-transform:none}
.main-nav ul.sub-menu li:hover a{color:#84d0f9}
.main-nav ul.sub-menu li + li{border-top:1px solid #265a94}
.main-nav ul li:hover .sub-menu{top:45px;visibility:visible;opacity:1;}
.main-nav ul.sub-menu li{display:block}

#nav{position:relative/*;border-top:1px solid #e5e5e5*/}
#nav ul{z-index:10;clear:both;text-align:left;margin-top:0;padding-top:20px}
#nav li{font-size:1rem;/*margin:0 2px;*/position:relative}
#nav ul li a,#nav ul li span{display:block;padding:15px 15px;transform:perspective(1px) translateZ(0);position:relative;overflow:hidden;vertical-align:top}
#nav ul li a:before{content:"";position:absolute;z-index:-1;left:51%;right:51%;top:0;background:#1c2b70;height:3px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
/*#nav ul li a:hover:before,#nav ul li a:focus:before,#nav ul li a:active:before{left:0;right:0}*/
/*#nav ul li.active span{border-top:3px solid #1c2b70;padding-top:12px}*/
#nav a,#nav a:active,#nav a:visited,#nav span,#nav span:active,#nav span:visited{color:#fff}
#nav li a:hover,#nav li.active span{color:#fff}
/*.close-menu,.mhead{display:none}*/

.b-wrap{width:100%;position:relative;overflow-x:hidden;-webkit-transition:all ease .6s;-moz-transition:all ease .6s;-ms-transition:all ease .6s;-o-transition:all ease .6s;transition:all ease .6s}
.sidemenu{width:270px;height:100%;position:fixed;left:-270px;top:0;background-color:#00020c;box-shadow:2px 0 5px #262626;-webkit-transition:all ease .6s;-moz-transition:all ease .6s;-ms-transition:all ease .6s;-o-transition:all ease .6s;transition:all ease .6s}
.sidemenu .container{width:auto;padding:0}
.sidemenu ul{padding-left:0;margin-top:80px}
.sidemenu li{list-style:none;padding:0;border-bottom:solid 1px #262626}
.sidemenu li a,.sidemenu li span{display:block;text-decoration:none;text-transform:uppercase;font-size:.9rem;color:#fff}
.sidemenu #menu > li.has-submenu:hover > a{background-color:#194b8b;cursor:pointer}
.mhead{position:absolute;right:15px;top:8px;width:38px;min-height:50px;z-index:1000}
.menu-ham{float:left;width:36px;height:21px;padding:0;/*margin-left:162px;*/cursor:pointer}
.close-menu{min-height:30px;float:right;margin-right:18px;padding-top:23px;cursor:pointer;position:relative;z-index:100}
.close-menu,.mhead,.menu-ham{display:block}
.close-menu img{height:20px;width:20px;display:block}
/*#header .dropdown-toggle::after{margin-left:-10px}*/

/*--Sub menu--*/
#nav .sub-menu,.main-nav{display:none}
.plus-minus{width:40px;height:40px;position:absolute;top:5px;right:0;background:url(../images/plus-minus-menu.gif) no-repeat center 0;cursor:pointer}
.sidemenu .signup{margin-top:20px;display:block;text-align:center}

/*-- Shrink header --*/
.shrink #header{position:fixed;top:0;left:0;width:100%;background:#19529b;/*max-height:67px;*/z-index:100001;-webkit-transition:all ease .6s;-moz-transition:all ease .6s}
.shrink .login{opacity:0}
.shrink #top{/*padding-top:230px;*/z-index:1001}
/*.shrink .open-menu #header{left:270px;border:1px solid #f00}
.open-menu{left:0}
.open-menu #header{border:1px solid #0f0}*/
.shrink #header.open-menu{-webkit-transition:all ease .6s;-moz-transition:all ease .6s;/*opacity:1 !important*/}
/*body.shrink{padding:33px 0 0;}*/
body.shrink #header{position:fixed;}
/*body.shrink #top{padding:0;}*/

.animated{
  -webkit-animation-duration:1s;
          animation-duration:1s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
} 
 /*@-webkit-keyframes fadeInDown{
  0%{
    opacity:0;
   -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }

  100%{
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}
@keyframes fadeInDown{
  0%{
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }

  100%{
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}*/
.fadeInDown{
  -webkit-animation-name:fadeInDown;
          animation-name:fadeInDown;
}
/*-- End:Shrink header --*/



.login{background:rgba(0,0,0,0.1);width:100%;margin-top:15px;padding:10px 0 5px;text-align:center}
.login form{max-width:520px;margin:0 auto}
.login .form-group{display:inline-block;vertical-align:middle;width:100%;/*width:49%;min-width:100px;*/padding:4px 0 10px}
.login a{font-size:13px}
.login a,.login a:visited{color:#fff}
.login .button{background:#52b0e3;margin-right:10px}
.login .form-control{background:transparent;border:solid 1px #799bc6}
.login input::placeholder{color:#98b3d3}
.login .form-login{width:100%}
.login a:hover{ color:#52b0e3;text-decoration:underline }
.login .button{font-size:15px;padding:10px 15px 7px}
.hvr-reveal{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative;overflow:hidden;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}
.hvr-reveal:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-color:#799bc6;border-style:solid;border-width:0;-webkit-transition-property:border-width;transition-property:border-width;-webkit-transition-duration:0.1s;transition-duration:0.1s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-reveal:hover{background:transparent;color:#fff}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before{-webkit-transform:translateY(0);transform:translateY(0);border-width:3px}

.intro{background:url(../images/intro-img.webp) no-repeat center 100%;background-size:90% auto;padding-top:20px;min-height:72vh/*661px*/}
.intro p{font-size:25px;color:#fff;line-height:initial;padding:8px 20px}
.intro p span{font-size:29px;display:block;margin-top:20px}
.intro .button{background:#52b0e3;font-size:17px;width:100%;max-width:240px;padding:8px 10px;margin-bottom:10px;border-radius:50px;border:1px solid transparent}
.intro .button.outline{background:transparent;border:1px solid #fff;padding:8px 10px}
/*.intro .button:hover,.intro .button.outline:hover{background:#058dd6}*/
.intro .button:hover{border:1px solid #fff}
.hvr-rectangle-out{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0, 0, 0, 0);position:relative;background:#2098D1;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:0.3s;transition-duration:0.3s}
.hvr-rectangle-out:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#1b83bc;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active{color:white}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before{-webkit-transform:scale(1);transform:scale(1)}

#content{min-height:350px}
/*----popup box----*/
/*.login-form #password-field{position:absolute;right:0;top:6px;color:#969696}
.modal-login .form-group .bar{border-bottom:2px solid #b7b7b7}
.modal-login .login-form h1{font-weight:600;font-size:1.95rem;text-align:center;color:#313538;margin:35px 0 40px}
.modal-login .login-form .button{background-color:#1c2b70;color:#fff;border-radius:6px}
.modal-login .login-form .capture{margin:40px auto}
.modal-login.login-form .signup{color:#6d6d6d;display:block}
.modal-login .login-form .signup a{color:#383637;display:inline-block}
.modal-login .login-form .signup a:hover{color:#1c2b70}
.modal-login .modal-body{padding:40px;background-color:#fff;box-shadow:1px 1px 4px rgba(0,0,0,0.15);border-radius:8px}
.modal-login .modal-header,.modal-login .modal-footer{border:none;padding:0}
.modal-login .modal-header .close{font-size:2.15rem;color:#000;padding:6px;padding:0;opacity:.8}
.modal-login .modal-content{margin:0 auto;max-width:400px}
.modal-login .modal-footer .btn-secondary{background:#1c2b70}
.modal-login #loginbox{background-color:transparent;padding:0}
.modal-login .login-form{padding:0;background:none;border-radius:0;box-shadow:none}
.modal-login.modal{z-index:155550}*/

.modal.client-contact{top:10%}  
.modal-header{padding:0;border-bottom:0}
.modal-body{padding:20px;min-height:350px}
.modal-content{border-radius:.6rem;padding: 20px 0px 20px 0px;}
.modal h3{font:28px 'Myriad Pro',Arial, sans-serif;color:#000}
.modal-header .btn-close{position:absolute;top:16px;right:18px;background-color:#eaeaea;background-size:11px auto;border-radius:25px;z-index:10000;opacity:0.8}
.modal-open,.modal.show{padding-right:0!important}

/*-- client contact popup --*/
.client-contact{ padding:10px 0;}
.client-contact a{ font-size:20px}
.client-contact a:hover{color:#16539c}
.modal .hd-h2{font:32px 'Myriad Pro',Arial, sans-serif}
.modal .hd-h2.small{font-size:25px}

.client-contact p{font:18px Roboto ,Arial, sans-serif;line-height:22px;padding:2px 15px 20px}
.client-contact p span{display:block;margin:10px 0;font-weight:600}

/*-- Contact form popup --*/
/*.modal .form-group{padding-bottom:10px}*/
.contact-form form{position:relative}
.modal.contact-form .hd-h2{font-size:45px;margin-bottom:0}

/*.contact-form{max-width:700px;width:100%;margin:0 auto}*/
.contact-form label{font-size:0/*font-family:"Roboto", Arial, Helvetica;font-size:16px;font-weight:600*/}
/*.contact-form .form-group{ margin:3px 0}*/
.contact-form .button{background:#265da0;width:100%;max-width:210px}
.contact-form .button:hover{ background:#52b0e3}
.contact-form .submit{background-color:rgba(228,168,83,1);font:20px "Roboto", Arial, sans-serif;color:#fff;width:100%;max-width:190px;height:50px;padding:0 15px;margin:10px 0;border-radius:25px;text-transform:uppercase;transition:0.3s}
.contact-form .submit:hover{background-color:#be8636}
.bootstrap-datetimepicker-widget{top:40px;background:#ddd}
span.error{display:block;color:#d60606;font-size:15px;margin:5px 0 -10px;text-align:left}
.alert-error{ display: block;color:#f00;margin-top: 5px;}
.g-recaptcha{transform:scale(0.86);-webkit-transform:scale(0.86);transform-origin:0 0;-webkit-transform-origin:0 0}
#loader{background:url(../images/loading.gif) no-repeat center center;position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;margin:0 auto;display:none}



.software-section{text-align:center;padding:35px 0 15px}
.software-section li{display:inline-block;margin:0 20px 20px}
.features-smart{background-color:#f3f3f3;padding:20px 0 6px 0}
.features-smart p{font-size:15px;font-family:Arial, sans-serif;color:#949494;padding-top:0}

.features-smart ul{margin:25px auto}
.features-smart .box{background-color:#fff;width:100%;border:1px solid #ddd;margin:0 0 30px 0;}
.features-smart .box figure{padding:20px 0 5px 0}
.features-smart .box h3{font-size:20px;font-family:'Raleway', Arial, sans-serif;font-weight:600;color:#050505}
.features-smart .box p{color:#424242;padding:0 15px 20px 15px}

/*-- hower effects --*/
.features-smart .box{position:relative;overflow:hidden;transition:all 0.3s ease-in-out}
.features-smart .box:hover{transform:scale(0.95);box-shadow:0 10px 20px 0 rgb(0 0 0 / 26%)}



/*-- Sponsors --*/
.sponsors{padding-top:40px;max-width:1900px;margin:0 auto }
.sponsors ul{--bs-gutter-x:0rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-top:30px}
.sponsors ul>*{flex-shrink:0;width:100%;max-width:100%}
.sponsors li{flex:0 0 auto;width:33.3333%;position:relative}
.sponsors li figure{overflow:hidden}
.sponsors li img{-webkit-transition:transform .2s ease-in;transition:transform .2s ease-in}
.sponsors li:hover img{transform:scale(1.15)}
.sponsors li figure:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0, 0.22);-webkit-transition:background .3s ease-in;transition:background .3s ease-in}
.sponsors li:hover figure:after{background:transparent}


/*-- Testimonials --*/
.testimonial{ background:#52b0e3;color:#fff;margin:0 auto;text-align:center;position:relative; padding:25px 0}
.testimonial .hd-h2, .testimonial p,.auto-counter li span,.auto-counter em{font-family:"Roboto", Arial, Helvetica;font-weight:300;color:#fff}
.testimonial p{ font-size:13px;line-height:20px;color:#dceff9}
.owl-carousel{ background:none}
.testimonial-slider{ position:relative}
.testimonial-slider{ padding-top:50px;padding-bottom:17px}
.testimonial .quote{ position:relative}
.testimonial .quote img{ position:absolute;top:0;left:-35px}
.testimonial .content-check{background:#fff;padding:55px 50px 80px 50px;border-radius:0;width:100%;margin:0 auto;position:relative}
.testimonial .content-check p{font-family:"Myriad Pro",Arial,Helvetica;color:#999999;font-size:16px;font-weight:400;line-height:30px;margin:0 0px 0px 25px;text-align:center}
.content-check .vit-logo{background:#fff;position:absolute;bottom:-43px;left:0;right:0;margin:0 auto;height:100px;width:100px;border-radius:50%;z-index:1000;box-shadow:0px 6px 0px 9px rgb(0,0,0,0.1);-moz-box-shadow:0px 6px 0px 9px rgb(0,0,0,0.1);-webkit-box-shadow:0px 6px 0px 9px rgb(0,0,0,0.1);-o-box-shadow:0px 6px 0px 9px rgb(0,0,0,0.1)}
.content-check .vit-logo img{position:relative;margin:17px auto 0;border-radius:60px}
.content-check .vit-cont{position:absolute;bottom:-115px;left:0;right:0;margin:0 auto;max-width:155px;width:100%;font-family:"Open Sans",Arial,Helvetica;font-size:16px;color:#fff;font-weight:700;line-height:20px;text-align:center;z-index:1001}
.content-check .vit-cont span{font-weight:600}
.testimonial .owl-controls .owl-page span{ box-shadow:none;background:none}
.testimonial .owl-controls .owl-page{border:2px solid #fff;border-radius:50%;background:none;padding:2px}
.testimonial .owl-controls .owl-page.active span{ margin:1px;background:#fff;border-radius:50%}
.testimonial .owl-carousel .owl-wrapper-outer{padding:0 0 165px 0}

/*-- Counter --*/
.auto-counter{padding:60px 0 0;position:relative;text-align:center;background:#ededed}
.auto-counter li{color:#444444;margin-bottom:50px;letter-spacing:2px;background:url(../images/counter-sprite.png) no-repeat center 0;padding-top:68px}
.auto-counter li.clients{background-position:center -189px}
.auto-counter li.project{background-position:center -377px}
.auto-counter li.awards{background-position:center -562px}
.auto-counter li span{font-size:13px;text-transform:uppercase;display:block;color:#787878;font-weight:300}
.auto-counter em{display:inline-block;font-size:60px;font-style:normal;vertical-align:middle;color:#000;font-weight:700}

/*== Inner Pages ==*/

/*-- About Us --*/
.aboutus-bulksms{ background:url(../images/aboutus-intro-bg-img.jpg) no-repeat center 0;background-size:90% auto;/*min-height:70vh;*/ padding:70px 0}
.aboutus-bulksms .hd-h1{ font-weight:400 }
.aboutus-bulksms p{color:#7d7d7d;font-family:Arial, sans-serif;font-size:16px}


/*-- Footer --*/
.footer{background:#212121}
.footer h3{font-size:25px;font-family:'Raleway', Arial, sans-serif;font-weight:300;color:#fff;padding-bottom:0}
.footer .links li{font-size:15px;font-family:Arial, sans-serif;color:#646464;line-height:25px}
.footer p{color:#7e7e7e}
.footer li a,.footer li a:visited{color:#7e7e7e}
.footer li a:hover{color:#fff}

.footer-top{display:grid;grid-template-columns:100%;padding:50px 20px 20px 20px}
.footer-top .box{margin:0 auto;padding-bottom:25px;text-align:center}
.footer-top .box.first-box{grid-row:3}
.footer-logo img{margin:20px auto;display:block}

.social-link{padding-top:15px}
.social-link li{display:inline-block;font-size:20px;border:2px solid #7e7e7e;border-radius:50px;text-align:center;margin-left:6px;position:relative;/*display:flex;justify-content:center;flex-direction:column;*/box-shadow:0 10px 10px rgba(0, 0, 0, 0.1);cursor:pointer;transition:all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55)}
/*.social-link li a,.social-link li a:visited{color:#fff}*/
.social-link li a{display:block;width:37px;height:37px;border-radius:50%;padding-top:4px}

.social-link .tooltip{display:block;position:absolute;top:15px;font-size:16px;background-color:#fff;color:#fff;padding:6px 15px 0;border-radius:3px;box-shadow:0 10px 10px rgba(0, 0, 0, 0.1);opacity:0;pointer-events:none;transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}
.social-link .tooltip::after{position:absolute;content:"";height:12px;width:12px;background-color:#fff;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);transition:all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}
.social-link li:hover .tooltip{opacity:1;visibility:visible;pointer-events:auto;opacity:1;bottom:-1rem}
.social-link li:hover{border:2px solid #fff}
.social-link li:hover a{color:#fff}
.social-link .facebook:hover,.social-link .facebook:hover .tooltip, .social-link .facebook:hover .tooltip::after{background-color:#3b5998}
.social-link .twitter:hover, .social-link .twitter:hover .tooltip, .social-link .twitter:hover .tooltip::after{background-color:#2b97f1}
.social-link .google:hover, .social-link .google:hover .tooltip, .social-link .google:hover .tooltip::after{background-color:#dd4b39}
.social-link .linkedin:hover, .social-link .linkedin:hover .tooltip, .social-link .linkedin:hover .tooltip::after{background-color:#006599}
.tooltip{bottom:0;left:50%;transform:translate(-50%, 100%)}
.tooltip::after{left:50%;transform:translate(-50%, -50%) rotate(45deg);top:1px}

.footer-base{background-color:#4d4d4d}
.footer-base .copyright{font-size:13px;font-family:Arial, sans-serif;color:#fff;text-align:center;padding:15px 0}

/*== Responsive  ==*/
@media (min-width:481px){
/*body{border:1px solid pink}*/
.login .form-group{width:49%}/*.shrink #top{padding-top:190px}*/
.intro{min-height:67vh}
.software-section li{margin:0 15px 20px}
.g-recaptcha{transform:none;-webkit-transform:none}
}

@media (min-width:576px){
.intro{background-size:65% auto;min-height:57vh}
.software-section li{margin:0 20px 20px}
.sponsors li{width:16.6666%}
.testimonial .content-check{border-radius:0 35px}
.modal-body{padding:20px 40px}
body.shrink{padding:0;}

/*body{border:1px solid lightgreen}*/
}
@media (min-width:640px){
  .footer-logo img{margin:20px 0}
  .footer-top{display:grid;grid-template-columns:50% 50%}
  .footer-top .box{margin:0;padding-bottom:45px;text-align:left}
  .footer-top .box.first-box{grid-column:1/3;grid-row:3}
/*.intro{padding: 51px 0 0;}*/
  
  /*body{border:1px solid yellow}*/
}
@media (min-width:768px){
/*#top{padding-top:165px}*/
#header .navbar-brand img{max-width:none}.login form{max-width:800px}.login .form-group{width:28%;margin:0 0.5%}.mhead{top:16px}
.shrink .hd-h2 span.dblock{display:inline}    
.software-section li{margin:0 10px 20px}
.footer-top .box.first-box{grid-column:1 /3}
body #top{padding: 96px 0 0;}

/*body{border:1px solid orange}*/
}

@media (min-width:992px){
#header{min-height:96px;padding-top:23px}#header{border-bottom:1px solid #628abb}.shrink .login{opacity:1}/*.shrink #top{padding-top:100px}*/
.main-nav{display:block}.menu-ham{display:none}
.login{background:none;width:75%;margin-top:0;padding:0;text-align:left;z-index:100}.login form{padding-right:44px}.login .form-group{width:31.5%}
.intro{min-height:69vh}.intro p{font-size:30px;padding:8px 0}.intro p span{font-size:40px;margin-top:8px}.intro .button{font-size:20px;max-width:320px;padding:15px 10px}.intro .button.outline{padding:15px 10px}

.hd-h1,.hd-h2{font-size:50px}
.tel a{pointer-events:none}

.testimonial{ padding:70px 0 25px 0}.testimonial-slider{ padding-top:52px}.testimonial p{ font-size:16px;line-height:5px}.testimonial .quote{ position:relative}
.testimonial .quote img{ top:0;left:-35px}.testimonial .content-check{ padding:54px 102px 58px 70px;max-width:530px;/* width:63%;*/border-radius:0 65px}.testimonial .content-check p{ font-size:18px;line-height:30px;margin:0 0px 0px 25px}.content-check .vit-logo{bottom:31%;left:auto;right:-53px}.content-check .vit-cont{bottom:40%;left:auto;right:-40%;max-width:135px;text-align:left}.testimonial .owl-carousel .owl-wrapper-outer{ padding:0 190px 0 0} 

.software-section li{margin:0 21px 20px}
.features-smart{padding:40px 0 6px 0}
/*.features-smart h2{font-size:50px}*/
.sponsors h2{font-size:50px}.sponsors li{width:11.1111%}

.footer-top{grid-template-columns:44% 28% 28%; padding:60px 0 30px 0}.footer h3{padding-bottom:15px}.footer .links li{line-height:30px}.footer-top .box{padding-bottom:0}.footer-top .box.first-box{grid-column:1;grid-row:1;padding-right:50px}.footer-base .copyright{padding:28px 0}.aboutus-bulksms .hd-h1{ font-size:40px}
/*body{border:1px solid #000}*/
}

@media (min-width:1200px){
.login form{max-width:840px;padding-right:0}.login .form-group{width:30%}.login .button{font-size:18px;padding:8px 33px 7px}
.intro{background-size:auto;padding-top:67px;min-height:661px}
.software-section li{margin:0 27px 20px}
.testimonial .content-check{max-width:700px}
.content-check .vit-cont{right:-30%}
/*body{border:1px solid red}*/
}