@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');

html,
* {
	cursor: none;
}

*,
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}

html, body {
  font-family: 'Poppins', sans-serif !important;
  font-size:18px;
  color:#ffffff;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:0;
  margin:0;
  background:#fff !important;
}


h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, ul, li {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	list-style:none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

h1, h2, h3, h4, h5, h6 {
  line-height:1.5;
  margin:0;
}

h2{
  font-size:150px;
  color:#ffffff;
}

h3{
  font-size:75px;
  color:#ffffff;
}

h4{
  font-size:45px;
  color:#ffffff;
}

article, p {
  font-size:18px;
  color:#ffffff;
  line-height:1.5;
  padding:0;
  margin:0;
}

a {
  color:#ffffff;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}

a:hover {
  color:#ffffff;
}

img {
  vertical-align:middle;
  border-style:none;
  max-width:100%;
}

.btn{
  font-size:15px;
  color:#ffffff;
  text-transform:uppercase;
  display:inline-block;
  padding:20px 60px;
  background:#ffffff;
}

.clearfix {
  display:inline-block;
}

.clearfix::after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:"";
  clear:both;
  height:0;
}

* html .clearfix {
  height:1%;
}

.clearfix {
  display:block;
}

/*******/

.o-scroll {
	background-color: #d4c9c9;
	overflow: hidden
}

html.has-scroll-smooth {
	overflow: hidden
}

html.has-scroll-dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.has-scroll-smooth body {
	overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
	min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
	height: 100vh;
	display: inline-block;
	white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	height: 100%
}
.cursor {position: fixed; width: 30px; height: 30px; border-radius: 50%; background-color: #ffffff; pointer-events: none; mix-blend-mode: difference; z-index: 999999; transition: transform 0.2s;}

header, footer, .dl-sections{float:left;width:100%;}
.dl-sections{padding:100px 0 0 0;}

.container{max-width: 1230px !important}
.top-nav{position: fixed; width: 100%; z-index: 11; transition: all .5s ease;}
.top-nav .header-block{display: flex; padding: 15px 0; justify-content: space-between; align-items: center;  transition: all .5s ease;}
.top-nav .header-block .logo{width: 269px; transition: all .5s ease;}
.top-nav .header-block .rightside{display: flex; align-items: center;}
.top-nav .header-block .rightside .demo-link{background: #04143c; font-size: 12px; font-weight: 500; color: #fff; border:none; border-radius: 25px; line-height: 38px; text-transform: uppercase; padding: 0 20px; text-decoration: none; letter-spacing: 1.5px}
.top-nav .header-block .rightside .mail{text-decoration: none; letter-spacing: 1.5px; font-size: 16px; font-weight: 500; color: #04143c; margin-right: 30px}
.top-nav.fixed{background: #fff; -webkit-box-shadow: 0px 0px 27px 0px rgba(23,23,23,0.1); -moz-box-shadow: 0px 0px 27px 0px rgba(23,23,23,0.1); box-shadow: 0px 0px 27px 0px rgba(23,23,23,0.1); transition: all .5s ease;}
.top-nav.fixed .header-block{padding: 10px 0; transition: all .5s ease;}
.top-nav.fixed .header-block .logo{width: 200px; transition: all .5s ease;}
.btn-blue{background: #28b1ff; border:#28b1ff 1px solid; font-size: 18px; color: #fff; letter-spacing: 1px; text-transform: uppercase; padding: 15px 45px; border-radius: 30px; text-decoration: none;}
.btn-blue:hover{text-decoration: none; background: transparent; color: #28b1ff}

.btn-blue-border{background: transparent; border:#28b1ff 1px solid; font-size: 18px; color: #28b1ff; letter-spacing: 1px; text-transform: uppercase; padding: 15px 45px; border-radius: 30px; text-decoration: none;}
.btn-blue-border:hover{text-decoration: none; background: #28b1ff; color: #fff}

.home-section{display: flex; align-items: center; align-content: center; width: 100%; justify-content: center; position: relative;  padding-top: 180px; background: url(../images/school/top-bg.jpg) center top repeat-x}
.home-section h1{font-size: 74px; line-height: 74px; font-weight: 700; color: #04143c; text-align: center;}
.home-section p{ font-size: 18px; font-weight: 300; color: #000; line-height: 30px; margin: 30px 0; text-align: center;}
.home-section .btn-area{display: flex; justify-content: center; margin-bottom: 30px}
.home-section .btn-area a{margin: 0 10px}
.home-section .photo-area{margin: 50px auto 0 auto; width: 1133px; position: relative; z-index: 1}
.home-section .photo-area .main-screen{position: relative; z-index: 1}
.home-section .photo-area .main-screen img{width: 100%}
.home-section .photo-area .red-circle{position: absolute; bottom: 50px; left: -20px; animation-name: spin; animation-duration: 10000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
.home-section .photo-area .green-circle{position: absolute; top: 0px; right: 30px; animation-name: spin; animation-duration: 10000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
.home-section .photo-area .blue-circle{position: absolute; bottom: 10px; right: 50px; animation-name: spin; animation-duration: 10000ms; animation-iteration-count: infinite; animation-timing-function: linear; }

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.about-section{display: flex; align-items: center; align-content: center; width: 100%; justify-content: center; position: relative; background: url(../images/school/about-bg.jpg) top right no-repeat; padding: 80px 0}
.about-section h2{font-size: 50px; line-height:50px; font-weight: 700; color: #04143c; margin-bottom: 25px}
.about-section h2 span{font-size: 20px; line-height: 20px; font-weight: 400;color: #28b1ff; display: block; text-transform: uppercase; margin-bottom: 10px}
.about-section p{ font-size: 16px; font-weight: 400; color: #5a6073; line-height: 24px; margin: 0 0 20px 0}
.about-section p strong{font-weight: 500}
.about-section ul.list{margin: 0px; padding: 0px; list-style: none; display: flex; flex-wrap: wrap;}
.about-section ul.list li{width: 20%; padding-right: 20px; padding-bottom: 20px}
.about-section ul.list li .icon-block{border:#28b1ff 1px solid; border-radius: 15px; position: relative; overflow:hidden; background: #fff}
.about-section ul.list li .icon-block::before{content: ''; position: absolute; bottom: -200px; left: 50%; margin-left: -130px; width: 260px; height: 260px; background: #28b1ff; border-radius: 50%; transition:all .5s ease;}
.about-section ul.list li .icon-block::after{content: ''; position: absolute; top: 0px; left: 50%; margin-left: -50px; width: 100px; height: 120px; background: #fff; border-radius: 0 0 50px 50px; transition: all .5s ease;}
.about-section ul.list li .icon-block .icon{width: 70px; height: 70px; position: relative; margin: 20px auto 40px auto; overflow: hidden; transition:all .5s ease; z-index: 1}
.about-section ul.list li .icon-block .icon img{position: absolute; top: 0px; width: 100%; transition:all .5s ease;}
.about-section ul.list li .icon-block .name{font-size: 16px; color: #fff; line-height: 24px; position: relative; z-index: 1; margin-bottom: 15px; text-align: center; transition:all .5s ease;}
.about-section ul.list li .icon-block:hover::before{bottom: -20px; transition:all .5s ease;}
.about-section ul.list li:nth-of-type(7n+1) .icon-block{border:#28b1ff 1px solid}
.about-section ul.list li:nth-of-type(7n+1) .icon-block::before{background: #28b1ff}
.about-section ul.list li:nth-of-type(7n+2) .icon-block{border:#f1434b 1px solid}
.about-section ul.list li:nth-of-type(7n+2) .icon-block::before{background: #f1434b}
.about-section ul.list li:nth-of-type(7n+3) .icon-block{border:#45d29e 1px solid}
.about-section ul.list li:nth-of-type(7n+3) .icon-block::before{background: #45d29e}
.about-section ul.list li:nth-of-type(7n+4) .icon-block{border:#ca5edb 1px solid}
.about-section ul.list li:nth-of-type(7n+4) .icon-block::before{background: #ca5edb}
.about-section ul.list li:nth-of-type(7n+5) .icon-block{border:#f87f5c 1px solid}
.about-section ul.list li:nth-of-type(7n+5) .icon-block::before{background: #f87f5c}
.about-section ul.list li:nth-of-type(7n+6) .icon-block{border:#04143c 1px solid}
.about-section ul.list li:nth-of-type(7n+6) .icon-block::before{background: #04143c}
.about-section ul.list li:nth-of-type(7n+7) .icon-block{border:#ffb35e 1px solid}
.about-section ul.list li:nth-of-type(7n+7) .icon-block::before{background: #ffb35e}

.key-features-section{display: flex; align-items: center; align-content: center; width: 100%; justify-content: center; position: relative;  padding: 20px 0 80px 0}
.key-features-section h2{font-size: 50px; line-height:50px; font-weight: 700; color: #04143c; margin-bottom: 25px; text-align: center;}
.key-features-section h2 span{font-size: 20px; line-height: 20px; font-weight: 400;color: #28b1ff; display: block; text-transform: uppercase; margin-bottom: 10px}
.key-features-section p{ font-size: 16px; font-weight: 400; color: #5a6073; line-height: 24px; margin: 0 0 20px 0; }
.key-features-section p.center{text-align: center;}
.key-features-section ul.feature-list{display: flex; margin:50px 0px 0px 0px; padding: 20px 0px; list-style: none; flex-wrap: wrap; position: relative;}
.key-features-section ul.feature-list .border-center{width: 2px; position: absolute; height: 100%; background: #e8e8e8; top: 0px; left: 50%; margin-left: -1px}
.key-features-section ul.feature-list .border-center::before{content: ''; width: 12px; height: 12px; background: #e8e8e8; position: absolute; top: -12px; left: -5px; border-radius: 50%;}
.key-features-section ul.feature-list .border-center::after{content: ''; width: 12px; height: 12px; background: #e8e8e8; position: absolute; bottom: -12px; left: -5px; border-radius: 50%;}
.key-features-section ul.feature-list li{width: 50%; padding-top: 10px; padding-bottom: 10px; position: relative;}
.key-features-section ul.feature-list li::before{content: ''; width: 24px; height: 2px; background: #e8e8e8; position: absolute; right: 0px; top: 79px}
.key-features-section ul.feature-list li .feature-box{background: #fff; position: relative; min-height: 140px; display: flex; align-items:center; -webkit-box-shadow: 0px 0px 27px 0px rgba(23,23,23,0.1); -moz-box-shadow: 0px 0px 27px 0px rgba(23,23,23,0.1); box-shadow: 0px 0px 27px 0px rgba(23,23,23,0.1); border-radius: 15px}
.key-features-section ul.feature-list li .feature-box p{font-size: 14px; line-height: 20px; font-weight: 400; color: #505050; margin: 0px;}
.key-features-section ul.feature-list li .feature-box p strong{font-size: 20px; line-height: 20px; font-weight: 700; color: #000; margin-bottom: 10px; display: block;}
.key-features-section ul.feature-list li .feature-box .number {text-align: center; width: 80px; height: 80px; border: #000 5px solid; position: absolute; border-radius: 50%; top: 30px; right: -40px; background: #fff; font-size: 40px; line-height: 70px; font-weight: 700; color: #000; }
.key-features-section ul.feature-list li:nth-of-type(2n+1){padding-right: 60px; text-align: right;}
.key-features-section ul.feature-list li:nth-of-type(2n+1) .feature-box{padding-right: 60px; padding-left: 30px}
.key-features-section ul.feature-list li:nth-of-type(2n+2){padding-left: 60px;}
.key-features-section ul.feature-list li:nth-of-type(2n+2) .feature-box{padding-left: 60px; padding-right: 30px}
.key-features-section ul.feature-list li:nth-of-type(2n+2) .feature-box .number{left: -40px; right: auto;}
.key-features-section ul.feature-list li:nth-of-type(2n+2)::before{left: 0px; right: auto;}
.key-features-section ul.feature-list li:nth-of-type(6n+1) .feature-box .number{border-color: #28b1ff; color: #28b1ff}
.key-features-section ul.feature-list li:nth-of-type(6n+2) .feature-box .number{border-color: #f1434b; color: #f1434b}
.key-features-section ul.feature-list li:nth-of-type(6n+3) .feature-box .number{border-color: #45d29e; color: #45d29e}
.key-features-section ul.feature-list li:nth-of-type(6n+4) .feature-box .number{border-color: #ca5edb; color: #ca5edb}
.key-features-section ul.feature-list li:nth-of-type(6n+5) .feature-box .number{border-color: #f87f5c; color: #f87f5c}
.key-features-section ul.feature-list li:nth-of-type(6n+6) .feature-box .number{border-color: #04143c; color: #04143c}

.software-features-section{width: 100%; justify-content: center; position: relative;}
.software-features-section h2{font-size: 50px; line-height:50px; font-weight: 700; color: #04143c; margin-bottom: 10px; text-align: center;}
.software-features-section p{ font-size: 16px; font-weight: 400; color: #000; line-height: 24px; margin: 0 0 30px 0; }
.software-features-section p.center{text-align: center;}
.software-features-section .slider-main-area{max-width: 1400px; margin: 0 auto; border-radius: 30px; background: url(../images/school/software-features.jpg) center bottom no-repeat; padding: 80px 0 280px 0; overflow: hidden; position: relative;}
.software-features-section .slider-main-area .content-box{background: #fff; padding: 20px; border-radius: 20px; position: relative; border-bottom: #28b1ff 8px solid; min-height: 232px}
.software-features-section .slider-main-area .content-box .title{font-size: 18px; color: #000; font-weight: 700; margin: 0 0 10px 0; line-height: 20px}
.software-features-section .slider-main-area .content-box p{font-size: 13px; line-height: 22px; color: #505050; font-weight: 400; margin: 0}
.software-features-section .slider-main-area .content-box .number{font-size: 132px; color: #28b1ff; line-height: 92px; position: absolute; bottom: 0px; right: 20px; font-weight: 700; opacity: 0.15}
.software-features-section .owl-theme .owl-dots{display: none}
.software-features-section .owl-theme .owl-nav [class*="owl-"]:hover{background: transparent}
.software-features-section .car-movement {overflow: hidden; position: absolute; bottom: 20px; width: 100%;}
.software-features-section .car-movement > .car {position: relative;display: inline-block; animation: linear infinite; animation-name: none; animation-duration: 0s; animation-name: run; animation-duration: 15s; width: 200px;}
.software-features-section .car-movement > .car img{width: 100%}


@keyframes run {
  0% {
    transform: rotateY(180deg);
    left: -250px;
  }
  50% {
    transform: rotateY(180deg);
    left: 100%;
  }
  51% {
    transform: rotateY(0deg);
    left: calc(100% + 100px);
  }
  100% {
    transform: rotateY(0deg);
    left: -250px;
  }
}

.app-section{padding: 80px 0}
.app-section .app-block{display: flex; align-items: center;}
.app-section .app-block .app-photo{display: flex; width: 50%}
.app-section .app-block .app-content{width: 50%; text-align: center; padding: 0 100px}
.app-section .app-block h2{font-size: 50px; line-height:50px; font-weight: 700; color: #04143c; margin-bottom: 30px; text-align: center;}
.app-section .app-block p{ font-size: 16px; font-weight: 400; color: #000; line-height: 24px; margin: 0 0 30px 0; }

.screenshot-section{padding:40px 0 80px 0}
.screenshot-section h2{font-size: 50px; line-height:50px; font-weight: 700; color: #04143c; margin-bottom: 80px; text-align: center;}
.screenshot-section .screenshot-slider{position: relative;}
.screenshot-section .screenshot-slider::before{content: ''; position: absolute; top: -34px; background: url(../images/school/laptop-img.png) center center no-repeat; width: 790px; height: 455px; z-index: 1; left: 50%; margin-left: -395px; background-size: cover;}
.screenshot-section .screenshot-slider .owl-item.active.center {margin-bottom: 50px;}
.screenshot-section .screenshot-slider .owl-item.active.center img{transform: scale(1); border-radius: 0px}
.screenshot-section .screenshot-slider .owl-item img{transform: scale(0.8); border-radius: 20px; -webkit-box-shadow: 0px 0px 27px 0px rgba(23,23,23,0.1); -moz-box-shadow: 0px 0px 27px 0px rgba(23,23,23,0.1); box-shadow: 0px 0px 27px 0px rgba(23,23,23,0.1);}
.screenshot-section .owl-theme .owl-dots{display: none}
.screenshot-section .owl-theme .owl-nav[class*="owl-"]:hover{background: transparent}
.owl-theme .owl-nav [class*="owl-"] {background: transparent !important;}

.footer-main{background: url(../images/school/footer-bg.png) center top repeat-x; padding: 80px 0 0 0}
.footer-area{display: flex;}
.footer-area .leftside{width: 50%; padding-right: 150px}
.footer-area .right-form{width: 50%; padding-top: 100px}
.footer-main h2{font-size: 80px; line-height:80px; font-weight: 700; color: #04143c; margin-bottom: 25px}
.footer-main h2 span{font-size: 20px; line-height: 20px; font-weight: 400;color: #3d718e; display: block; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 2px}
.footer-main .info{margin: 0 0 25px 0; padding-left: 60px; position: relative; font-size: 16px; color: #427a96; line-height: 24px; }
.footer-main .info a{color: #427a96; text-decoration: none}
.footer-main .info span{display: block; font-size: 14px; font-weight: 700; color: #020e29; text-transform: uppercase;}
.footer-main .info .icon{width: 40px; height: 40px; position: absolute; top: 0px; left: 0px;}
.footer-main h3{font-size: 30px; line-height: 30px; font-weight: 700; color: #04143c; margin: 0 0 25px 0}
.footer-main .wpcf7-form-control-wrap{margin-bottom: 20px; display: block;}
.footer-main .form-control{border: none; border-radius: 10px; font-size: 15px; color: #04143c; height: 50px;  -webkit-box-shadow: 0px 0px 14px 0px rgba(152,187,204,0.28); -moz-box-shadow: 0px 0px 14px 0px rgba(152,187,204,0.28); box-shadow: 0px 0px 14px 0px rgba(152,187,204,0.28);}
.footer-main .form-control:focus{outline: none; -webkit-box-shadow: 0px 0px 14px 0px rgba(152,187,204,0.28); -moz-box-shadow: 0px 0px 14px 0px rgba(152,187,204,0.28); box-shadow: 0px 0px 14px 0px rgba(152,187,204,0.28);}
.footer-main .btn-submit{background: #04143c !important; font-size: 12px; font-weight: 700; color: #fff !important; border:none; border-radius: 25px; line-height: 38px; text-transform: uppercase; padding: 0 20px; letter-spacing: 1px;}
.footer-main .btn-submit:focus{outline: none;}
.footer-main .wpcf7-not-valid-tip {color: #dc3232; font-size: 13px; font-weight: normal; display: block; line-height: 13px; margin-top: 5px;}
.footer-main .wpcf7 form .wpcf7-response-output{font-size: 14px; text-align: center; border-radius: 5px; margin: 15px 0;}
.copyright{padding: 35px 0; text-align: center; font-size: 18px; line-height: 18px; color: #04143c; border-top: #c2cfd6 1px solid}
.copyright a{color: #04143c}
.row-10{margin: 0 -10px}
.cols-10{padding: 0 10px}

@media (max-width:1460px) {
.software-features-section{padding: 0 30px}
}


@media (min-width: 768px) and (max-width: 1024px){
	.top-nav .header-block .logo{width: 200px;}
	.top-nav .header-block .logo img{width:100%;}
	.top-nav.fixed .header-block .logo{width: 200px;}
	.top-nav .header-block .rightside{display: block;}
	.top-nav .header-block .rightside .mail{font-size: 12px; margin-right: 10px;}
	.top-nav .header-block .rightside .demo-link{font-size: 10px; padding: 0 20px}

	.home-section{padding-top: 100px}
	.home-section h1{font-size: 36px; line-height: 44px;}
	.home-section p{font-size: 14px; line-height: 24px; margin: 15px 0}
	.home-section .btn-area a{text-align: center; font-size: 14px; }
	.home-section .photo-area{width: 100%}
	.home-section .photo-area .red-circle, .home-section .photo-area .green-circle, .home-section .photo-area .blue-circle{display: none}

	.about-section{background: none; padding: 80px 0 40px 0}
	.about-section h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.about-section h2 span {font-size: 14px; line-height: 14px;}
	.about-section p{font-size: 14px; line-height: 20px}
	.about-section ul.list{justify-content: center;}
	.about-section ul.list li{width: 25%; padding: 5px}

	.key-features-section{padding: 20px 0 60px 0}
	.key-features-section h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.key-features-section h2 span {font-size: 14px; line-height: 14px;}
	.key-features-section p{font-size: 14px; line-height: 20px}
	.key-features-section ul.feature-list{margin: 20px 0px 0px 0px}
	.key-features-section ul.feature-list .border-center{left: 0px; margin: 0px}
	.key-features-section ul.feature-list li{width: 100%}
	.key-features-section ul.feature-list li .feature-box{min-height: auto; padding: 15px}
	.key-features-section ul.feature-list li:nth-of-type(2n+1) .feature-box{padding: 15px 15px 15px 35px; text-align: left;}
	.key-features-section ul.feature-list li:nth-of-type(2n+2) .feature-box{padding: 15px 15px 15px 35px}
	.key-features-section ul.feature-list li:nth-of-type(2n+1){padding-left: 40px; padding-right: 0px}
	.key-features-section ul.feature-list li:nth-of-type(2n+2){padding-left: 40px}
	.key-features-section ul.feature-list li .feature-box .number{width: 40px; height: 40px; border:#000 2px solid; line-height: 36px; font-size: 20px; top: 10px; left: -20px; right: auto;}
	.key-features-section ul.feature-list li:nth-of-type(2n+2) .feature-box .number{top: 10px; left: -20px; right: auto;}
	.key-features-section ul.feature-list li .feature-box p strong{font-size: 16px; line-height: 18px;}
	.key-features-section ul.feature-list li .feature-box p {font-size: 12px; line-height: 16px;}
	.key-features-section ul.feature-list li::before {right: auto; top: 39px; left: 0px;}
	.key-features-section ul.feature-list li:nth-of-type(2n+2)::before {left: 0px}

	.software-features-section{padding: 0 10px}
	.software-features-section .slider-main-area{max-width: 100%; padding: 25px 15px 280px 15px}
	.software-features-section h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.software-features-section p{font-size: 14px; line-height: 20px; margin: 0 0 15px 0}
	.software-features-section .car-movement{left: 0px}

	.app-section .app-block{display: block;}
	.app-section .app-block .app-photo{width: 100%}
	.app-section .app-block .app-content{width: 100%; padding: 25px 0px 0px 0px}
	.app-section .app-block h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.app-section .app-block p{font-size: 14px; line-height: 20px; margin: 0 0 15px 0}
	.app-section .app-block a{ width: 100%; text-align: center; font-size: 14px; padding: 10px;}

	.screenshot-section{padding: 0 0 60px 0}
	.screenshot-section h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.screenshot-section .screenshot-slider::before {content: none}
	.screenshot-section .screenshot-slider .owl-item.active.center {margin-bottom: 0;}

	.footer-main{padding: 40px 0 0 0}
	.footer-area{display: block;}
	.footer-area .leftside{width: 100%; padding: 0px}
	.footer-main h2{font-size: 40px; line-height: 40px; margin-bottom: 15px;}
	.footer-main .info{font-size: 13px; line-height: 20px; padding-left: 50px}
	.footer-area .right-form {width: 100%; padding-top: 0;}
	.footer-main h3{font-size: 24px}
	.footer-main .form-control{margin-bottom: 10px}
	.footer-main .btn-submit{width: 100%; margin: 0 0 10px 0}
	.copyright{padding: 15px 0; text-align: center; font-size: 12px; line-height: 18px;}
}

@media (max-width: 767px) {
	.top-nav .header-block .logo{width: 150px;}
	.top-nav.fixed .header-block .logo{width: 150px;}
	.top-nav .header-block .rightside{display: block;}
	.top-nav .header-block .rightside .mail{display: none}
	.top-nav .header-block .rightside .demo-link{font-size: 10px; padding: 0 10px}

	.home-section{padding-top: 100px}
	.home-section h1{font-size: 36px; line-height: 44px;}
	.home-section p{font-size: 14px; line-height: 24px; margin: 15px 0}
	.home-section .btn-area{display: block;}
	.home-section .btn-area a{margin: 5px 0; width: 100%; text-align: center; font-size: 14px; padding: 10px;}
	.home-section .photo-area{width: 100%}
	.home-section .photo-area .red-circle, .home-section .photo-area .green-circle, .home-section .photo-area .blue-circle{display: none}

	.about-section{background: none; padding: 80px 0 40px 0}
	.about-section h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.about-section h2 span {font-size: 14px; line-height: 14px;}
	.about-section p{font-size: 14px; line-height: 20px}
	.about-section ul.list{justify-content: center;}
	.about-section ul.list li{width: 50%; padding: 5px}

	.key-features-section{padding: 20px 0 60px 0}
	.key-features-section h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.key-features-section h2 span {font-size: 14px; line-height: 14px;}
	.key-features-section p{font-size: 14px; line-height: 20px}
	.key-features-section ul.feature-list{margin: 20px 0px 0px 0px}
	.key-features-section ul.feature-list .border-center{left: 0px; margin: 0px}
	.key-features-section ul.feature-list li{width: 100%}
	.key-features-section ul.feature-list li .feature-box{min-height: auto; padding: 15px}
	.key-features-section ul.feature-list li:nth-of-type(2n+1) .feature-box{padding: 15px 15px 15px 35px; text-align: left;}
	.key-features-section ul.feature-list li:nth-of-type(2n+2) .feature-box{padding: 15px 15px 15px 35px}
	.key-features-section ul.feature-list li:nth-of-type(2n+1){padding-left: 40px; padding-right: 0px}
	.key-features-section ul.feature-list li:nth-of-type(2n+2){padding-left: 40px}
	.key-features-section ul.feature-list li .feature-box .number{width: 40px; height: 40px; border:#000 2px solid; line-height: 36px; font-size: 20px; top: 10px; left: -20px; right: auto;}
	.key-features-section ul.feature-list li:nth-of-type(2n+2) .feature-box .number{top: 10px; left: -20px; right: auto;}
	.key-features-section ul.feature-list li .feature-box p strong{font-size: 16px; line-height: 18px;}
	.key-features-section ul.feature-list li .feature-box p {font-size: 12px; line-height: 16px;}
	.key-features-section ul.feature-list li::before {right: auto; top: 39px; left: 0px;}
	.key-features-section ul.feature-list li:nth-of-type(2n+2)::before {left: 0px}

	.software-features-section{padding: 0 10px}
	.software-features-section .slider-main-area{max-width: 100%; padding: 25px 15px 280px 15px}
	.software-features-section h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.software-features-section p{font-size: 14px; line-height: 20px; margin: 0 0 15px 0}
	.software-features-section .car-movement{left: 0px}

	.app-section .app-block{display: block;}
	.app-section .app-block .app-photo{width: 100%}
	.app-section .app-block .app-content{width: 100%; padding: 25px 0px 0px 0px}
	.app-section .app-block h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.app-section .app-block p{font-size: 14px; line-height: 20px; margin: 0 0 15px 0}
	.app-section .app-block a{ width: 100%; text-align: center; font-size: 14px; padding: 10px;}

	.screenshot-section{padding: 0 0 60px 0}
	.screenshot-section h2{font-size: 30px; line-height: 30px; margin-bottom: 15px;}
	.screenshot-section .screenshot-slider::before {content: none}
	.screenshot-section .screenshot-slider .owl-item.active.center {margin-bottom: 0;}

	.footer-main{padding: 40px 0 0 0}
	.footer-area{display: block;}
	.footer-area .leftside{width: 100%; padding: 0px}
	.footer-main h2{font-size: 40px; line-height: 40px; margin-bottom: 15px;}
	.footer-main .info{font-size: 13px; line-height: 20px; padding-left: 50px}
	.footer-area .right-form {width: 100%; padding-top: 0;}
	.footer-main h3{font-size: 24px}
	.footer-main .form-control{margin-bottom: 10px}
	.footer-main .btn-submit{width: 100%; margin: 0 0 10px 0}
	.copyright{padding: 15px 0; text-align: center; font-size: 12px; line-height: 18px;}
}