/*-- Fonts --*/
@font-face{font-family:'Raleway';font-style:normal;font-weight:300;font-display:swap;src:local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;font-display:swap;src:local(Raleway),local(Raleway-Regular),url(https://fonts.gstatic.com/s/raleway/v13/1Ptug8zYS_SKggPNyC0ITw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:500;font-display:swap;src:local('Raleway Medium'),local(Raleway-Medium),url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Raleway';font-style:normal;font-weight:600;font-display:swap;src:local('Raleway SemiBold'),local(Raleway-SemiBold),url(https://fonts.gstatic.com/s/raleway/v13/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:100;src:local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
  
/*-- 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:#5c5c5c;outline:none;border:none;text-decoration:none;outline: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:26px;margin:0;color:#424242}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #efefef;font-size:14px;color:#808080;border-radius:4px;width:100%;height:44px;padding:8px 15px}
.form-control::-moz-placeholder{color:#2c2c2c;opacity:1}
.form-control:-ms-input-placeholder{color:#2c2c2c}
.form-control::-webkit-input-placeholder{color:#2c2c2c}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:100px}
.block{display:inline-block;width:100%}
.button{display:inline-block;background-color:#fff;font-size:14px;text-transform:uppercase;padding:8px 15px;text-align:center;vertical-align:middle;border-radius:24px;color:#333;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in}
.button{color:#333}
.button:hover{background:#03a6f6;color:#fff;box-shadow:0 0 10px 0 #0283f3 inset, 0 0 20px 2px #0283f3}

.error{ display:block;color:#d60606; margin-top:5px}
.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}
.list{list-style:none;margin:10px 0 0;padding:0}
.list li{background:url(../images/rightsign.png) no-repeat left 8px;font-size:18px;color:#333;margin:0 0 10px;padding-left:40px}

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

/*====----====*/
html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}
/*====----====*/
.container{margin:0 auto;position:relative;padding:0 15px}/*-- Container --*/
.floathover{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.floathover:hover{-webkit-transform:translate(0px,-10px);transform:translate(0px,-10px)}
.borderhover{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;position:relative}
.border-span{display:block}
.borderhover::before, .borderhover::after{content:"";width:0;height:2px;position:absolute;transition:all 0.2s linear;background:#01c4fb}
.border-span::before, .border-span::after{content:"";width:2px;height:0;position:absolute;transition:all 0.2s linear;background:#01c4fb}
.borderhover:hover::before, .borderhover:hover::after{width:100%}
.borderhover:hover .border-span::before, .borderhover:hover .border-span::after{height:100%}
/*----- borderhover -----*/
.borderhover::after{left:0;bottom:0;transition-duration:0.4s}
.borderhover .border-span::after{right:0;top:0;transition-duration:0.4s}
.borderhover::before{right:0;top:0;transition-duration:0.4s}
.borderhover .border-span::before{left:0;bottom:0;transition-duration:0.4s}

h1,h2,h3,h4,h5{font-family:'Raleway', Arial, sans-serif;font-weight:400}
.signup li a,.button,.newsletter .button,.morelink{font-family:'Roboto', Arial, sans-serif;font-weight:500}
.home .intro h1{font-family:'Roboto', Arial, sans-serif;font-weight:100}
.home .intro h1 strong{font-family:'Raleway', Arial, sans-serif;font-weight:700}
.hd-h1{font-family:'Raleway', Arial, sans-serif;font-weight:600;font-size:35px;color:#fff;margin:24px 0 0;text-align:center}
.hd-h2{font-family:'Raleway', Arial, sans-serif;font-weight:600;font-size:31px;color:#1c1c1c;margin:0 0 15px}
.hd-h2 span{font-family:'Raleway', Arial, sans-serif;font-weight:300;color:#8f8f8f;display:inline-block}
.heading{font-family:'Raleway', Arial, sans-serif;font-weight:600;font-size:31px;color:#1c1c1c;margin:0 0 15px}
.heading span{font-family:'Raleway', Arial, sans-serif;font-weight:300;color:#1c1c1c;display:block;font-size:24px}
.more-features .info h3,.school-erp-system ul li h3,.amazing-features li h3,.author,.newsletter .hd-h2,.client-feedback .author h3{font-family:'Raleway', Arial, sans-serif;font-weight:600}
/*-- Common Hover--*/
#content{display:inline-block;width:100%;min-height:300px;padding:12px 0 26px}
.home #content{padding:40px 0 26px}
/*====----====*/
html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}
.page-body,.page-content{position:relative}
.page-body{min-height:100vh}
.page-content{min-height:100vh;background-color:#fff}
/*====----====*/
.nav{position:fixed;top:0;bottom:0;width:261px;padding:35px 0;box-sizing:border-box;background-color:#1c1c1c;box-shadow:4px 0 5px 0 rgba(0,0,0,0.14),1px 0 10px 0 rgba(0,0,0,0.12),2px 0 4px -1px rgba(0,0,0,0.3);opacity:0;visibility:hidden;z-index:500}
.nav-list{position:relative;padding:0;margin:55px 0 0;list-style-type:none;width:100%}
.nav-list li:not(:last-child){margin-bottom:6px;border-bottom:solid 1px #333}
.nav-list li a,.nav-list li span{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;display:block;align-items:center;color:#fff;text-decoration:none;padding:10px 18px 12px}
.nav-list li a:hover,.nav-list li.active a,.nav-list li.active span{color:#01c6fb}
.nav-link-icon{position:relative;top:-3px;margin-right:10px;color:currentColor}
.nav-close{position:absolute;top:40px;right:30px;width:40px;height:25px;cursor:pointer}
.nav-close:before,.nav-close:after{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;display:block;width:4px;height:28px;border-radius:10px;content:'';-webkit-transform-origin:center center;transform-origin:center center;background-color:#fff}
.nav-close:before{position:absolute;top:0;left:18px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-close:after{position:absolute;top:0;right:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-close:hover:before,.nav-close:hover:after{background-color:#fff}
.nav-open-btn{position:fixed;top:40px;right:30px;transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;width:35px;height:25px;overflow:hidden;cursor:pointer;z-index:10000}
.nav-open-btn::before{content:" ";height:44px;width:48px;background:#01c4fb;position:fixed;top:28px;right:24px;border-radius:4px}
.nav-open-btn.js-hidden{transition-property:all;transition-duration:0;transition-timing-function:linear;transition-delay:0;opacity:0;visibility:hidden}
.nav-open-btn__bar{width:100%;height:3px;background-color:#fff;border-radius:20px}
.nav-open-btn__bar:nth-child(1){position:absolute;top:0;left:0}
.nav-open-btn__bar:nth-child(2){position:absolute;top:8px;left:0}
.nav-open-btn__bar:nth-child(3){position:absolute;top:16px;left:0;width:80%}
.nav-offcanvas-1{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;right:-260px}
.nav-offcanvas-1.js-opened{transition-property:right;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;right:0;opacity:1;visibility:visible}
.page-content-offcanvas-1{transition-property:all;transition-duration:.2s;transition-timing-function:linear;transition-delay:0;right:0}
.page-content-offcanvas-1.js-opened{transition-property:all;transition-duration:.3s;transition-timing-function:linear;transition-delay:0;right:260px}
.canvas-logo{position:absolute;left:15px;top:32px}
/*-- Submenu in responsive --*/
#nav li.has-submenu{position:relative}
#nav .sub-menu{display:none}
#nav li.has-submenu .expand-collapse{width:16%;background:url(../images/expand-collapsed-menu.png) no-repeat 50% 0;position:absolute;top:0;right:0;display:block;z-index:1000000;height:40px;cursor:pointer}
#nav li.has-submenu.open > .expand-collapse{background-position:50% 100%}
/*====----====*/
.home #top{background:url(../images/header-svg.png) no-repeat center 0;min-height:724px;position:relative;margin:0 auto;background-size:cover}
#top{background:url(../images/inner-bg.png) no-repeat center 0;min-height:285px;position:relative;margin:0 auto;background-size:cover}
.header{padding:12px 0 10px;position:relative}
.logo-brand{margin:0;max-width:171px}
.logo-brand img{display:block}
.topaside{float:none;margin:15px 0 0}
.signup,.signup li,.signup li a{display:inline-block;vertical-align:middle}
.signup{text-align:left;margin:6px 0 0 0}
.signup li.slesh{color:#fff;padding:0 6px}
.signup li a{display:inline-block;color:#fff;font-size:15px;text-transform:uppercase;padding:3px 3px}
.topaside .getdemo{float:right}
.home .intro-box{padding-top:26px}
.home .intro{float:none;width:100%}
.home .intro-fig{float:none;width:100%;margin:50px auto 0}
.home .intro-fig img{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;box-shadow:0px 85px 36px -36px rgba(0,0,0,0.15)}
.home .intro-fig:hover img{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)}
.home .intro h1{color:#fff;font-size:33px;margin:0 0 6px}
.home .intro h1 strong{-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in;display:inline;
background-image:-webkit-linear-gradient(left, white 25%, #fa75a4 37.5%, #01d2fd, #64c7ff 62.5%, white 75%);
  background-image:linear-gradient(90deg, white 25%, #fa75a4 37.5%, #01d2fd, #64c7ff 62.5%, white 75%);
  background-position:right center;
  background-size:400% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:white;
  -webkit-text-fill-color:transparent;
  text-fill-color:transparent;
  transition:color 200ms linear}
.home .intro-box:hover h1 strong{background-position:left center;color:#01d2fd;transition:background-position 2000ms ease-out}
.home .intro p{color:#fff;padding:8px 0 24px}
.home .intro .button{padding:8px 24px;border-radius:6px;font-size:18px}
.animation-jump{
    position:relative;
    -webkit-animation:animation-jump 5s ease-in-out infinite;
    animation:animation-jump 5s ease-in-out infinite}
.animation-bg{
    -webkit-animation:animation-bg 2s ease-in-out infinite;
    animation:animation-bg 2s ease-in-out infinite}

.amazing-features{background:none;min-height:100%;padding:0 0 25px}
.amazing-features .hd-h2{text-align:center;margin:0 0 35px}
.arc-border{text-align:center;background:url(../images/arc-border.png) no-repeat center 48px}
.amazing-features li{margin:0 0 15px}
.amazing-features li span{height:102px;width:102px;display:block;margin:0 auto;position:relative;line-height:102px;background:#fff;border:1px solid transparent;
border-radius:50%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.amazing-features li:hover span{animation:pulse 3000ms infinite}
.amazing-features li span img{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;display:inline-block;vertical-align:middle;margin-top:-6px}
.amazing-features li:hover span img{-webkit-filter:contrast(250%);filter:contrast(250%)}
  
.amazing-features li span:before{content:" ";position:absolute;left:-2px;top:-3px;right:0;margin:0 auto;height:105px;width:105px;background:url(../images/circle-box.png) no-repeat center center}
.amazing-features .communication,.amazing-features .digital-diary{margin:0}
.amazing-features .digital-attendance{}
.amazing-features li h3{margin:15px 0 0;color:#0289f4;font-size:21px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.amazing-features li p{font-size:15px;padding:8px 15px;line-height:24px;margin:0;color:#868585}
.amazing-features li:hover h3{color:#0369f0}

.more-features{background:#f1f5ff;padding:40px 0 33px}
.more-features ul{padding-top:26px}
.more-features ul li{margin:0 0 15px}
.more-features ul li:nth-child(2n+1){clear:both}
.more-features .hd-h2{text-align:center;margin:0 0 10px}
.more-features .hd-h2 span{color:#5c5c5c}
.more-features .management{border:solid 2px #c9d1e5;background:#fff;padding:15px;min-height:171px;border-radius:10px;box-shadow:0 0 16px rgba(0,0,0,0.15);position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;text-align:center}
.more-features .management:hover{box-shadow:0px 3px 24px 0px rgba(0, 0, 0, 0.35)}
.more-features figure{float:none;margin:0 auto}
.management figure img{-webkit-transition:all .3s ease-out;transition:all .3s ease-out;margin:0 auto}
.more-features .info{margin:0}
.more-features .info.rightside{margin:0}
.more-features .info h3{margin:10px 0 0;font-size:21px;color:#3a3a3a;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.more-features .info p{font-size:15px;line-height:24px;color:#3a3a3a}
.management:hover img{-webkit-filter:hue-rotate(-180deg);filter:hue-rotate(-180deg)}
.management:hover .info h3{color:#02a2f6}

.sms-web-app{background:rgb(3,101,240);background:linear-gradient(90deg, rgba(3,101,240,1) 0%, rgba(2,123,242,1) 35%, rgba(1,210,253,1) 100%);padding:45px 0 55px}
.sms-web-app .hd-h2{color:#fff}
.sms-web-app .hd-h2 span{color:#fff;display:inline-block}
.sms-web-app .web-fig{margin:24px 0 0}
.sms-web-app .web-fig img{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.sms-web-app:hover .web-fig img{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg)}

.sms-web-app .list li{color:#fff}
.school-erp-system{background:url(../images/school-erp.png) no-repeat top center;padding:45px 0}
.school-erp-system .hd-h2{text-align:center;margin:0 0 24px}
.school-erp-system ul{border-left:solid 5px #0286f4}
.school-erp-system ul li{position:relative;padding:26px 0 0 31px}
.school-erp-system ul li:before{content:" ";position:absolute;left:-15px;top:26px;height:24px;width:24px;border-radius:50%;background:#0286f4;margin:0 auto;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.school-erp-system ul li h3{margin:0;color:#3a3a3a;font-size:20px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.school-erp-system ul li:hover h3{color:#0286f4}
.school-erp-system ul li:hover:before{-webkit-animation:pulse 3000ms infinite;animation:pulse 3000ms infinite}

.client-feedback{padding:0 0 35px}
.client-feedback .feedback{background:#fff;position:relative;padding:15px;box-shadow:0 0 16px rgba(0,0,0,0.05);z-index:100;border-radius:10px;text-align:center}
.client-feedback .feedback:after{content:" ";position:absolute;right:0;bottom:0;background:url(../images/client-feedback-texture.png) no-repeat;width:479px;height:162px;z-index:-1}
.client-feedback .row{padding-top:35px;margin:0 auto}
.client-feedback ul li[class*="col-"]{flex:0 0 100%;max-width:100%;width:100%}
.client-feedback .figbox{float:none;height:100px;width:100px;border-radius:50%;margin:0 auto;border:solid 10px #e7f3ff;display:block}
.client-feedback .figbox img{border-radius:50%;display:block;margin:0 auto;max-width:100%;height:100%}
.client-feedback .author{margin:10px 0 6px 0;min-height:50px}
.client-feedback .author h3{margin:0 0 6px;font-size:25px;color:#3a3a3a}
.client-feedback .author span{font-size:18px;color:#78748d}
.client-feedback .feedback p{padding:8px 0 8px;line-height:24px;color:#645f7d;min-height:124px}
.client-feedback .feedback:before{content:" ";position:absolute;right:50px;top:26px;display:none;background:url(../images/comma.png) no-repeat;width:126px;height:87px;z-index:-1}

/* newsletter */
.newsletter{background:rgb(3,99,239);background:linear-gradient(90deg, rgba(3,99,239,1) 0%, rgba(2,150,246,1) 41%, rgba(1,212,253,1) 100%);padding:45px 0}
.newsletter .hd-h2{color:#fff}
.newsletter .hd-h2 span{color:#fff}
.newsletter p{font-size:16px;color:#fff;padding:0 0 44px}
.newsletter .content .form-control{width:100%;max-width:100%;background:transparent;padding:24px 0 24px 24px;border-color:#fff;border-radius:50px;margin:0 auto;color:#fff;position:relative;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.newsletter .input-group{position:relative;display:flex;border-collapse:separate}
.newsletter .content .form-control:focus{border-color:#036bf0}
.newsletter .newsletter-subscribe{max-width:763px;margin:0 auto}
.newsletter .input-group-btn.subscribe{position:static;width:100%;right:8px;z-index:100;margin:15px 0 0}
.newsletter .button{background-color:#fff;font-size:18px;font-family:'roboto',Arial,sans-serif;padding:10px 15px 8px;width:auto;min-width:185px;border-radius:50px;color:#333;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.newsletter .button:hover{background-color:#0366f0;color:#fff} 
.newsletter .form-control::-webkit-input-placeholder{color:#fff;opacity:1}
.newsletter .form-control::-moz-placeholder{color:#fff;opacity:1}
.newsletter .form-control:-ms-input-placeholder{color:#fff;opacity:1}
.newsletter .form-control::-ms-input-placeholder{color:#fff;opacity:1}
.newsletter .form-control::placeholder{color:#fff;opacity:1}
.newsletter .button.btn-bg{background-color:#0366f0;color:#fff}

/* bottom-logos */
.sponsor-logos{background-color:#fff;padding:45px 0 15px}
.sponsor-logos ul{display:block;width:100%;border:1px solid #ececec;border-width:1px 0 0 0}
.sponsor-logos ul li{border:1px solid #ececec;border-width:0 1px 1px 0;padding:30px 15px 0;float:left;min-height:105px;width:50%}
.sponsor-logos li:first-child{border-left:1px solid #ececec}
.sponsor-logos li:last-child{margin:0 auto;float:none;clear:both;border:1px solid #ececec;border-width:0 1px 1px 1px}
.sponsor-logos li span{display:block}
.sponsor-logos li img{border-style:none;display:block;margin:0 auto;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.sponsor-logos li:hover img{-webkit-filter:hue-rotate(-180deg);filter:hue-rotate(-180deg)}

/* footer */
.footer-top{padding-bottom:0;background-color:#fff}
.footer-top h3{font-size:20px;color:#3f405e;padding:0 0 8px}
.footer-top p{font-size:16px;color:#84859a;padding-bottom:18px}
.footer-top .social-links{padding:0 0 20px}
.footer-top .social-links li{display:inline-block;padding:0 20px 0 4px}
.footer-top .footer-links li{padding:0 0 11px;font-size:17px}
.footer-top .footer-links li span,.footer-top .footer-links li a{color:#5c5c5c}
.footer-top .footer-links li.active span,.footer-top .footer-links li.active a,.footer-top .footer-links li:hover a{color:#038ef5}
.footer-top .social-links i{font-size:17px}
.footer-top .social-links .facebook .fa{color:#3978fb}
.footer-top .social-links .twitter .fa{color:#77aaeb}
.footer-top .social-links .instagram .fa{color:#7721cc}
.footer-top .social-links .linkedin .fa{color:#0077b7}
.footer-logo img{margin:0 auto}
/*.footer-logo,.footer-logo img{margin:0 auto;max-width:75%}*/
/* footer-copyright */
.footer-copyright{background:rgb(3,99,239);background:linear-gradient(90deg, rgba(3,99,239,1) 0%, rgba(2,150,246,1) 41%, rgba(1,212,253,1) 100%);padding:15px 0 10px}
.footer-copyright p{color:#fff;font-size:15px}

/*====----about-us----====*/
.welcome-holder{padding:0 0 18px}
.welcome-holder .figbox{position:relative;top:18px;margin:0}
.welcome-holder .signature{margin:31px 0 26px;display:block}
.welcome-holder .ceosign{font-size:24px;margin:0;color:#1c1c1c}
.welcome-holder .ceosign span{font-size:18px;color:#535e72;display:inline-block}
.manage-your-work{background:url(../images/gray-irregular-shape.png) no-repeat center top;padding:24px 0 50px}
.manage-your-work li{margin:0 0 15px}
.manage-your-work li[class*="col-"]{float:none;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%}
.manage-your-work li figure{margin:0 auto 24px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.manage-your-work li:hover figure{-webkit-transform:translate(0px,-10px);transform:translate(0px,-10px)}
.manage-your-work .work{background:#fff;border:solid 1px #e3e8fe;padding:40px 15px;text-align:center}
.manage-your-work .work figure img{margin:0 auto}
.manage-your-work .work h3{font-size:18px;color:#566175;margin:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.manage-your-work ul.row{padding:33px 0 0}
.manage-your-work .secure .borderhover::before,.manage-your-work .secure .borderhover::after{background:#a62694}
.manage-your-work .secure .border-span::before,.manage-your-work .secure  .border-span::after{background:#a62694}
.manage-your-work .secure:hover .work h3{color:#a62694}
.manage-your-work .setup .borderhover::before,.manage-your-work .setup .borderhover::after{background:#34cae8}
.manage-your-work .setup .border-span::before,.manage-your-work .setup  .border-span::after{background:#34cae8}
.manage-your-work .setup:hover .work h3{color:#34cae8}
.manage-your-work .support .borderhover::before,.manage-your-work .support .borderhover::after{background:#ff768d}
.manage-your-work .support .border-span::before,.manage-your-work .support  .border-span::after{background:#ff768d}
.manage-your-work .support:hover .work h3{color:#ff768d}
.manage-your-work .design .borderhover::before,.manage-your-work .design .borderhover::after{background:#9a4dff}
.manage-your-work .design .border-span::before,.manage-your-work .design  .border-span::after{background:#9a4dff}
.manage-your-work .design:hover .work h3{color:#9a4dff}
.auto-counter{background:url(../images/world-map.png) no-repeat center top;padding:0 0 40px;position:relative;text-align:center}
.auto-counter:before{content:" ";background:url(../images/transparent-count-bg.png) no-repeat;position:absolute;left:0;top:0;right:0;margin:0 auto;height:315px;width:1084px}
.auto-counter .block{padding-top:25px}
.auto-counter li{float:none;width:100%;color:#fff;margin-bottom:18px}
.auto-counter li span{font-size:18px;text-transform:capitalize;font-weight:400;display:block;color:#272d3a}
.auto-counter label,.auto-counter li em{display:inline-block;font-size:33px;font-weight:500;vertical-align:middle;margin:0;font-weight:500;color:#535e75}
.auto-counter li em{font-style:normal;vertical-align:top}
.auto-counter .button{background:rgb(3,99,239);background:linear-gradient(90deg, rgba(3,99,239,1) 0%, rgba(2,150,246,1) 41%, rgba(1,212,253,1) 100%);color:#fff;font-size:15px;padding:12px 24px;margin-top:15px;border-radius:35px}

.video-holder{padding:0 0 50px}
.video-holder .video{margin-top:50px}
.video-holder .video figure{position:relative;max-width:759px;max-height:400px}
.video-holder .video figure,.video-holder .video figure img{margin:0 auto}
.video-holder .ui-play{display:block;background-color:#fff;height:60px;width:60px;border-radius:50%;color:#6f2df4;line-height:60px;font-size:20px;    padding-left:4px;position:absolute;left:0;right:0;top:50%;margin:-33px auto 0;text-align:center;text-decoration:none}
.video-holder .ui-play{color:#08a9f0}
.video-holder .ui-play:hover{background-color:#049bf6;color:#fff}
.video-holder .ui-play:after{content:"";position:absolute;left:-5px;top:-5px;height:70px;width:70px;border:3px solid #fff;border-radius:50%;
-webkit-animation:icon-bubble 1s infinite forwards linear;
animation:icon-bubble 1s infinite forwards linear}
.video-holder .ui-play:before{content:"";position:absolute;left:-5px;top:-5px;
height:70px;width:70px;border:3px solid #fff;border-radius:50%;-webkit-animation:icon-bubble 1s infinite forwards linear 0.5s;animation:icon-bubble 1s infinite forwards linear 0.5s}

#content.feature-blog{padding-top:0}
#content.feature-blog .more-features{padding:90px 0 33px;margin-top:-100px}

/* contact-us */
.contact-us{background:url(../images/gray-irregular-shape.png) no-repeat center 100px;padding-bottom:0}
.contact-us h3{font-family:'Raleway', Arial, sans-serif;font-weight:600;font-size:45px;color:#1c1c1c;padding-bottom:25px}
.contact-us .row{padding-top:33px}
.contact-us .contact-info{padding-left:0;text-align:center}
.contact-us .contact-info h4{font-family:'Raleway', Arial, sans-serif;font-weight:600;font-size:20px;color:#3a3a3a}
.contact-us input{margin-bottom:23px}
.contact-us .contact-info address{font-size:16px;color:#787878;line-height:26px;padding:0}
.contact-us .contact-info .email{font-size:18px;color:#787878;padding:0 0 30px}
.contact-us form{width:100%;max-width:490px;margin:18px auto 0}
.contact-us .form-control{background:transparent;border:1px solid #c5c5c5;padding:23px 0 23px 20px}
.contact-us .button{width:100%;max-width:160px;display:block;background:linear-gradient(90deg, rgba(3,99,239,1) 0%, rgba(2,150,246,1) 41%, rgba(1,212,253,1) 100%);color:#fff;font-size:16px;margin:25px auto 0}

/* Get Demo */
.get-demo{background:url(../images/gray-irregular-shape.png) no-repeat center 130px;padding-bottom:6px}
.get-demo h3{font-family:'Raleway', Arial, sans-serif;font-weight:600;font-size:45px;color:#1c1c1c}
.get-demo p{color:#6f6f6f}
.get-demo .demo-form form{width:100%;max-width:492px;margin:0 auto;padding-top:16px}
.get-demo .demo-form form input{margin-bottom:23px}
.get-demo .demo-form .form-control{background:transparent;border:1px solid #c5c5c5;padding:23px 0 23px 20px}
.get-demo .demo-form select{background:transparent;border:1px solid #c5c5c5;padding:12px 0 12px 20px}
.get-demo .demo-form .form-group select{width:100%}
.get-demo p{text-align:center;margin:0 auto}
.get-demo .button{background:linear-gradient(90deg, rgba(3,99,239,1) 0%, rgba(2,150,246,1) 41%, rgba(1,212,253,1) 100%);color:#fff;margin:24px 0 auto;width:100%;max-width:187px}
.get-demo textarea.form-control.form-area{height:150px}

.scrollup{width:40px;height:40px;position:fixed;bottom:27px;right:15px;display:none;text-indent:-9999px;border-radius:3px;background-color:#01c4fb}
.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}

/*-- Read More --*/
.morecontent span{display:none}
.morecontent span a{color:#fff}
.morelink{color:#fff;font-size:13px;display:block;background:#01c4fb;width:100%;max-width:110px; padding:5px 10px;margin-top:10px;text-transform:uppercase}
a.morelink:visited{color:#fff}
.morelink:hover{background:#03a1cd}

/*====---- min-width ----====*/

@media (min-width:576px){
	.header:after{content:" ";background:linear-gradient(to right, #5695f4, #55d4fc);height:1px;position:absolute;left:0;bottom:0;right:0;width:100%;margin:0 auto}
	.topaside{margin:1px 55px 0 0}.signup{margin:8px 10px 0 0}
	.header{padding:12px 0 18px}
	.signup{text-align:right;margin:8px 15px 0 0}
	#content{padding:26px 0 26px}
	.home .intro-box{padding-top:40px}
	.home .intro h1{font-size:40px;margin:0 0 10px}
	.more-features figure{float:left;margin:0}
	.more-features .management{padding:20px 24px 18px 24px;min-height:171px;text-align:left}
	.management figure img{margin:0}
	.more-features .info{margin:0 0 0 112px}
	.more-features .info.rightside{margin:0 0 0 127px}
	.client-feedback .feedback{padding:27px;text-align:left}
	.client-feedback .author{margin:0 0 24px 135px;min-height:100px}
	.client-feedback .figbox{float:left;margin:0}
	.client-feedback .feedback p{padding:8px 33px 8px 0;min-height:150px}
	.sponsor-logos ul{display:table;width:100%;border:1px solid #ececec;border-width:1px 0 1px 0}
	.sponsor-logos ul li{border:1px solid #ececec;border-width:0 1px 0 0; padding:30px 15px;display:table-cell;width:1%;float:none}
	.sponsor-logos li:last-child{border:1px solid #ececec;border-width:0 1px 0 0}
	.hd-h1{font-size:41px;margin:40px 0 10px}	
	.welcome-holder{padding:0}
	.manage-your-work li[class*="col-"]{float:left;-webkit-flex:0 0 50%;flex:0 0 50%;max-width:50%;width:50%}
	
	/*body{border:1px solid pink}*/	
}

@media (min-width:640px){
	.container{max-width:600px}	
	.home .intro-fig{float:right;width:50%;margin:-18px -15px 0 0}
	.home #top{min-height:526px}
	.home .intro .button{padding:10px 35px;border-radius:6px;font-size:20px}
	.home .intro p{padding:8px 0 35px}
	.hd-h2,.heading{font-size:41px}
	.client-feedback .feedback:before{display:block}
	.newsletter .content .form-control{padding:34px 0 36px 40px}
	.newsletter .input-group-btn.subscribe{position:absolute;top:6px;right:8px;z-index:100;width:auto;margin:0}
	.newsletter .button{padding:15px 24px;width:100%;min-width:180px;font-size:20px}
	.footer-top p{font-size:17px;padding-bottom:35px}
	/*.footer-logo,.footer-logo img{margin:0 auto;max-width:100%}	*/
	.manage-your-work .work{padding:60px 15px}
	.auto-counter .block{padding-top:25px}
	.auto-counter li{float:left;width:49.33%;margin-bottom:24px}
	.auto-counter li:last-child{width:100%;margin:0 auto 24px}	
	/*body{border:1px solid blue}*/
}

@media (min-width:768px){
	.container{max-width:735px}
	.logo-brand{max-width:282px}
	.header{padding:12px 0 26px}.topaside{float:right;margin:8px 60px 0 0}
	.button{font-size:15px;padding:10px 24px}
	.home .intro-box{padding-top:60px}
	.home #top{min-height:586px}
	#content{padding:35px 0 40px}
	.home #content{padding:50px 0 40px}
	.amazing-features{background:url(../images/amazing-features-bg.png) no-repeat center bottom;padding-bottom:426px}
	.arc-border{background-position:center35px}
	.amazing-features li h3{margin:24px 0 0;font-size:21px}
	.amazing-features .communication,.amazing-features .digital-diary{margin:33px 0 0}
	.list li{font-size:20px}
	.school-erp-system ul li{padding:26px 0 0 40px}
	.newsletter .button{min-width:235px}
	.footer-copyright p{font-size:16px}	
	#content.feature-blog .more-features{padding:100px 0 33px}
	.contact-us .contact-info address{font-size:18px;line-height:30px}	
	/*body{border:1px solid lightgreen}*/
}

@media (min-width:992px){
	.container{max-width:960px}
	.topaside{margin-top:15px}
	.home .intro{max-width:740px}
	.home .intro-fig{margin:-35px -15px 0 0}
	.home #top{min-height:666px}
	.amazing-features li h3{margin:28px 0 0;font-size:25px}
	.amazing-features .communication,.amazing-features .digital-diary{margin:60px 0 0}
	.more-features{background:#f1f5ff;padding:60px 0 50px}
	.more-features ul li{margin:0 0 24px}
	.more-features .info{margin:0 0 0 126px;min-height:145px}
	.more-features .info.rightside{margin:0 0 0 140px}
	.sms-web-app{padding:80px 0}
	.sms-web-app .hd-h2 span{display:block}
	.sms-web-app .web-fig{margin:0}
	.school-erp-system{padding:60px 0}
	.school-erp-system .hd-h2{margin:0 0 50px}
	.client-feedback{padding:0 0 75px}
	.newsletter{padding:60px 0 66px}.newsletter .hd-h2{padding-bottom:15px}
	.footer-top{padding-bottom:40px}
	.footer-copyright{padding:31px 0 18px}
	.sponsor-logos{background-color:#fff;padding:57px 0 24px}	
	.manage-your-work li[class*="col-"]{-webkit-flex:0 0 25%;flex:0 0 25%;max-width:25%;width:25%}
	.auto-counter .block{padding-top:35px}
	.auto-counter li{float:left;width:33.33%;color:#fff;margin-bottom:35px}
	.auto-counter li span{font-size:21px}
	.auto-counter label,.auto-counter li em{font-size:40px}
	.auto-counter li:last-child{width:33.33%}
	.auto-counter .button{font-size:18px;padding:16px 44px}
	.welcome-holder{padding:0 0 35px}
	.welcome-holder .figbox{position:relative;top:35px;margin:0}
	.auto-counter{padding:0 0 90px}
	.video-holder{padding:10px 0 106px}
	#top{min-height:324px}
	.hd-h1{font-size:51px}	
	#content.feature-blog .more-features{padding:110px 0 50px}
	.contact-us .row{padding-top:45px}
	.contact-us .contact-info{text-align:left}
	.scrollup{bottom:50px}
	.contact-us .button{max-width:128px;margin:25px 0 0}
	/*body{border:1px solid red}*/
}

@media (min-width:1025px){
	.container{max-width:980px}
	.home #top{min-height:724px}
	.home .intro-box{padding-top:90px}
	.home .intro{float:left;width:50%}
	.home .intro h1{font-size:50px;margin:0 0 15px}
	#content{padding:50px 0 70px}
	.home #content{padding:75px 0 70px}
	.hd-h2{font-size:51px}
	.heading{font-size:51px;margin:0 0 18px}
	.heading span{display:block;font-size:26px}
	.amazing-features li h3{margin:28px 0 0;font-size:25px}		
	.manage-your-work{padding:50px 0 106px}
	.contact-us{padding-bottom:70px}
	/*body{border:2px solid orange}*/
}

@media (min-width:1200px){
	.container{max-width:1190px}
	.topaside{margin-right:60px}
	.home .intro-box{padding-top:115px}
	.amazing-features .communication,.amazing-features .digital-diary{margin:84px 0 0}
	.more-features .info h3{margin:15px 0 0;font-size:25px}	
	.contact-us .contact-info{padding-left:136px}
	.contact-us form{margin:0}
	.contact-us{padding-bottom:170px}

	/*body{border:2px solid #000}*/
}
@media (min-width:1281px){
	.topaside{margin-right:24px}
	.sponsor-logos .container{max-width:1260px}
	/*body{border:2px solid red}*/
}
/*====--for background--=====*/
@media (min-width:1360px){
	.nav-open-btn::before{background:#01cdfc}
	/*body{border:1px solid green}*/
}
@media (min-width:1920px){
	.home #top{min-height:800px}
	/*body{border:2px solid #00f}*/
}
@media (min-width:2048px){
	.home #top{min-height:840px}
	/*body{border:2px solid black}*/
}
@media (min-width:2160px){
	.home #top{min-height:960px}
	/*body{border:2px solid #ff0}*/
}
@media (min-width:2280px){
	.home #top{min-height:980px}
	/*body{border:2px solid #0ff}*/
}
@media (min-width:2436px){
	.home #top{min-height:1000px/*;background-position:100% 100%;margin-right:-18%;*/}
	/*body{border:2px solid pink}*/
}

/*====---- max-width ----====*/
/*====----=====*/
@media (max-width:1199px){
	.img-responsive{display:block;height:auto;max-width:100%}	
}
@media (max-width:1024px){
	img{display:block;max-width:100%;height:auto}
}
@media (max-width:991px){
	.nav-open-btn::before{top:19px}.nav-open-btn{top:31px}
	.nav-close{top:28px}	
}
@media (max-width:767px){ 
	.nav-open-btn::before{top:12px}.nav-open-btn{top:24px}
	.nav-close{top:24px}.product-col,.company-col,.logo-col{flex:0 0 33.33%;max-width:33.33%;width:33.33%}
	.footer-top h3{margin:0}
}
@media (max-width:639px){
	.school-erp-system{background:url(../images/school-erp-web.png) no-repeat top center}	
	.morelink{margin:10px auto 0}
	
	footer{text-align:center}
}
@media (max-width:575px){
	.container{width:96%}
	.topaside{background:rgba(255,255,255, 0.15);padding:5px 10px}.getdemo .button{font-size:12px;padding:5px 12px;margin-top:3px}	
	.product-col,.company-col,.logo-col{flex:0 0 100%;max-width:100%;width:100%;border-bottom:solid 1px #efefef}
	/*.footer-logo,.footer-logo img{margin:0 auto;max-width:100%}*/
	/*body{border:1px solid blue}*/
}
@media (max-width:480px){
	.client-feedback .row{padding-top:75px}
	.client-feedback .owl-controls{top:24px}
	
	/*.footer-top [class*="col-"]:last-child{border-bottom:none}*/
	/*.footer-logo,.footer-logo img{margin:0 auto;max-width:75%}	*/
	/*body{border:1px solid magenta}*/
}
@media (max-width:320px){	
	/*body{border:1px solid pink}*/
}

/*====--animation--=====*/
/*====----fadeInUp----====*/
@keyframes fadeInUp{
    from{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
@-webkit-keyframes fadeInUp{
    from{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
}
.animated{animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both}
.animatedFadeInUp{opacity:0}
.fadeInUp{opacity:0;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
/*====----pulse----====*/
@-webkit-keyframes pulse{
  0%{-webkit-box-shadow:0 0 0 0 #0369f0;box-shadow:0 0 0 0 #0369f0}
  40%{-webkit-box-shadow:0 0 0 50px rgba(255, 194, 17, 0);box-shadow:0 0 0 50px rgba(255, 194, 17, 0)}
  70%{-webkit-box-shadow:0 0 0 50px rgba(255, 194, 17, 0);box-shadow:0 0 0 50px rgba(255, 194, 17, 0)}
  100%{-webkit-box-shadow:0 0 0 0 rgba(255, 194, 17, 0);box-shadow:0 0 0 0 rgba(255, 194, 17, 0)}
}
@keyframes pulse{
	0%{-webkit-box-shadow:0 0 0 0 #0369f0;box-shadow:0 0 0 0 #0369f0}
  40%{-webkit-box-shadow:0 0 0 50px rgba(255, 194, 17, 0);box-shadow:0 0 0 50px rgba(255, 194, 17, 0)}
  70%{-webkit-box-shadow:0 0 0 50px rgba(255, 194, 17, 0);box-shadow:0 0 0 50px rgba(255, 194, 17, 0)}
  100%{-webkit-box-shadow:0 0 0 0 rgba(255, 194, 17, 0);box-shadow:0 0 0 0 rgba(255, 194, 17, 0)}
}
/*====----fade-in----====*/
@keyframes fade-in{from{opacity:0}to{opacity:1}  
} 
.fade-in{opacity:0;animation:fade-in 1s ease-in-out forwards}
.fade-in:nth-child(2){animation-delay:.25s} 
.fade-in:nth-child(3){animation-delay:.5s} 
/*====----animation-jump----====*/
@-webkit-keyframes animation-jump{
    0%{top:3px}
    50%{top:-30px}
    100%{top:3px}
}
@keyframes animation-jump{
    0%{top:3px}
    50%{top:-30px}
    100%{top:3px}
}
@-webkit-keyframes animation-bg{
    0%{background-position:top}
    50%{background-position:bottom}
    100%{background-position:top}
}

@keyframes animation-bg{
    0%{background-position:top}
    50%{background-position:bottom}
    100%{background-position:top}
}
/*====----icon-bubble----====*/
@-webkit-keyframes icon-bubble{
    0%{-webkit-transform:scale(0.85);transform:scale(0.85);opacity:1}
    25%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0.8}
    50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0.55}
    75%{-webkit-transform:scale(1.32);transform:scale(1.32);opacity:0.3}
    100%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}
}
@keyframes icon-bubble{
    0%{-webkit-transform:scale(0.85);transform:scale(0.85);opacity:1}
    25%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0.8}
    50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0.55}
    75%{-webkit-transform:scale(1.32);transform:scale(1.32);opacity:0.3}
    100%{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}
}