/*-- Fonts --*//*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700'); 
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');*/ 
@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}
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; /*;font-family:Arial, Helvetica, sans-serif*/}
.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;}
.button{color:#333}
.button:hover,.button:hover{background:#03a6f6;color:#fff}
.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-family:Arial, Helvetica, sans-serif;font-weight:400;*/font-size:15px;min-height:100%;color:#404040}

/*====----====*/
html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden}
/*====----====*/
.container{/*max-width:1160px;*/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{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;}
/*.home #content{padding:0}*/
/*====----====*/
html,body{margin: 0;padding: 0;min-height: 100vh;overflow-x: hidden;}
.page-body,.page-content{position: relative;}
.page-body{min-height: 100vh;/*-webkit-perspective: 1500px;perspective: 1500px;background-color: rgba(28, 28, 28, 0.5);*/}
.page-content{min-height: 100vh;background-color: #fff;}
/*====----====*/
.nav {
  position: fixed;
  top: 0;
  bottom: 0;
  /*width: 260px;*/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 styles */
.nav-list {
  position: relative;
  padding: 0;
  margin: 45px 0 0 0;
  list-style-type: none;
  width: 100%;
}

/* nav item styles */
.nav-list li:not(:last-child) {
  margin-bottom: 6px;
  border-bottom: solid 1px #333;
}

/* nav link styles */
.nav-list li a,.nav-list li span {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  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 styles */
.nav-link-icon {
  position: relative;
  top: -3px;
  /* !!!use only with material design icons */
  margin-right: 10px;
  color: currentColor;
}

/* close icon styles */
.nav-close {
  position: absolute;
  top: 40px;
  right: 30px;
  width: 40px;
  height: 25px;
  cursor: pointer;
  /* close icon elements */
  /* hover effect */
}
.nav-close:before, .nav-close:after {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  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 styles */
.nav-open-btn {
  position: fixed;
  top: 40px;
  right: 30px;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  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: 0s;
  transition-timing-function: linear;
  transition-delay: 0s;
  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%;
}

/* Demo #1: styles */
.nav-offcanvas-1 {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  /*left: -260px;*/ right: -260px;
  /* opened styles */
}
.nav-offcanvas-1.js-opened {
  transition-property: right;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  /*left: 0;*/ right: 0;
  opacity: 1;
  visibility: visible;
}

.page-content-offcanvas-1 {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  /*left: 0;*/ right: 0;
  /* opened styles */
}
.page-content-offcanvas-1.js-opened {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
  right: 260px;
} 
/*-- 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;}
.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;}
.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 {/*border-color: #0369f0;*/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-transform:translate(0px,-10px);transform:translate(0px,-10px);}*/
.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%;}
.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 .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 10px;}
.footer-top .social-links li{float: left;padding: 0 14px;}
.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{color:#3978fb}
.footer-top  .social-links .twitter{color:#77aaeb}
.footer-top  .social-links .instagram{color:#7721cc}
.footer-top  .social-links .youtube{color:#d83629}
.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-"]{-webkit-flex: 0 0 100%;flex: 0 0 100%;max-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,.video-holder .video figure img{margin:0 auto;}
#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 .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: 128px;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-top: 25px;}

/* 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;}

.scrollup{width:40px;height:40px;position:fixed;bottom:50px;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;}


/*====----header-shrink----====*/
@media (min-width:992px){
/*-- Header Fixed --*/

}
@media (max-width:991px){
	
}
/*====---- min-width ----====*/

@media (min-width:576px){
	.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-"]{-webkit-flex: 0 0 50%;flex: 0 0 50%;max-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;min-height:810px;}
	.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;}
	.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:90px 0 66px}
	.footer-top{padding-bottom:50px;}
	.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%;}
	.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 .contact-info{text-align:left}
	

	/*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:1px 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:1px solid #000;}*/
}
@media (min-width:1281px){
	.topaside {margin-right:24px;}

	/*body{border:1px 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:1px solid red;}*/
}
@media (min-width:2048px){
	.home #top{min-height: 840px;}

	/*body{border:1px solid black;}*/
}
@media (min-width:2160px){
	.home #top{min-height: 960px;}

	/*body{border:1px solid red;}*/
}
@media (min-width:2280px){
	.home #top{min-height: 980px;}

	/*body{border:1px solid black;}*/
}
@media (min-width:2436px){
	.home #top{min-height: 1000px;background-position:100% 100%;margin-right:-18%;}
	

	/*body{border:1px solid red;}*/
}

/*====---- 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;}.footer-top [class*="col-"]{flex: 0 0 50%;max-width: 50%;}
	.footer-top h3{margin:0;}
	
	/*.manage-your-work li[class*="col-"]{-webkit-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}*/
}
@media (max-width:639px){
	.school-erp-system{background:url(../images/school-erp-web.png) no-repeat top center;}
	
	
}
@media (max-width:575px){
	.container{width:96%}
	.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-"]{flex: 0 0 100%;max-width: 100%;border-bottom:solid 1px #efefef;}
	.footer-top [class*="col-"]:last-child{border-bottom:none;}
	.footer-logo,.footer-logo img{margin:0 auto;max-width:75%;}
	
	/*.manage-your-work li[class*="col-"]{-webkit-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}*/
	
	/*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;}
}