.about-content h3 {color:#8256ff;font-size:30px;font-weight:400;}
.read-more {background:#8256ff none repeat scroll 0 0;border:2px solid #8256ff;border-radius:5px;color:#ffffff;display:inline-block;font-size:14px;letter-spacing:2px;padding:8px 30px;text-transform:uppercase;}
.read-more:hover {background:#ffffff none repeat scroll 0 0;color:#8256ff;}
.features-box-icon {border-radius:5px;width:120px;}
.author-content{background:#f7f9fc none repeat scroll 0 0;padding-bottom:120px;padding-top:82px;position:relative;}
.author-content::after {border-bottom:40px solid rgba(0, 0, 0, 0);border-left:60px solid #f7f9fc;bottom:-40px;content:"";height:0;left:50px;position:absolute;width:0;}
.testmonial-quote {height:100%;left:0;position:absolute;top:0;width:100%;}
.testmonial-quote::before, .testmonial-quote::after {color:#dddddd;content:"\f10d";font-family:fontawesome;font-size:41px;left:20px;line-height:1;opacity:0.5;position:absolute;top:20px;}
.testmonial-quote::after {bottom:16px;content:"\f10e";left:auto;right:20px;top:auto;}
.testmonial-slider.owl-carousel {overflow:hidden;}
.testmonial-area .owl-nav > div {background:#8256ff none repeat scroll 0 0;border-radius:50%;color:#ffffff;font-size:30px;height:40px;left:-30px;opacity:0;padding-top:4px;position:absolute;text-align:center;top:30%;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;visibility:hidden;width:40px;}
.testmonial-area .owl-nav > div.owl-next {left:auto;right:-30px;}
.testmonial-area .owl-nav > div:hover {background:#586082 none repeat scroll 0 0;}
.owl-carousel:hover .owl-nav > div.owl-next {opacity:1;right:0;visibility:visible;}
.owl-carousel:hover .owl-nav > div.owl-prev {left:0;opacity:1;visibility:visible;}
.testmonial-area .owl-dots {left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.testmonial-area .owl-dots > div {border:1px solid #586082;border-radius:50%;display:inline-block;height:15px;margin:0 5px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:15px;}
.testmonial-area .owl-dots > div.active {background:#8256ff none repeat scroll 0 0;border-color:#8256ff;}
.owl-carousel:hover .owl-nav > div.owl-next {opacity:1;right:0;visibility:visible;}
.owl-carousel:hover .owl-nav > div.owl-prev {left:0;opacity:1;visibility:visible;}
.users-slider.owl-carousel {overflow:hidden;}
.users-area .owl-nav > div {background:#8256ff none repeat scroll 0 0;border-radius:50%;color:#ffffff;font-size:30px;height:40px;left:-30px;opacity:0;padding-top:4px;position:absolute;text-align:center;top:50%;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;visibility:hidden;width:40px;}
.users-area .owl-nav > div.owl-next {left:auto;right:-30px;}
.users-area .owl-nav > div:hover {background:#586082 none repeat scroll 0 0;}
.owl-carousel:hover .owl-nav > div.owl-next {opacity:1;right:0;visibility:visible;}
.owl-carousel:hover .owl-nav > div.owl-prev {left:0;opacity:1;visibility:visible;}
.users-area .owl-dots {left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.users-area .owl-dots > div.active {background:#8256ff none repeat scroll 0 0;border-color:#8256ff;}
.single-price{border:1px solid #f7f9fc;border-radius:5px;overflow:hidden;position:relative;z-index:1;-webkit-transition:0.3s;transition:0.3s;}
.single-price .area-bg {z-index:-1;}
.single-price .area-bg::before {background:rgba(0, 0, 0, 0) url("assest/img/price-bg.svg") no-repeat scroll center center / 100% 100%;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:-2;}
.single-price:hover .area-bg::after, .single-price.active .area-bg::after {opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.price-hidding h3, .price-rate h3 {color:#555;font-weight:500;}
.price-rate h3 sub, .price-rate h3 sup {font-size:24px;font-weight:400;}
.price-rate h3 sub {color:#4d557d;font-size:16px;}
.price-details ul {list-style:outside none none;margin:0;padding:0;}
.price-details li {margin-bottom:15px;}
.price-details p{color:#999;}
.purchase-button {background:#8256ff none repeat scroll 0 0;border:2px solid #8256ff;border-radius:5px;color:#ffffff;display:inline-block;letter-spacing:1px;padding:8px 30px;}
.purchase-button:hover {background:#ffffff none repeat scroll 0 0;color:#8256ff;}
.users_area {border:1px solid #f7f9fc;border-radius:15px;overflow:visible;position:relative;z-index:1;-webkit-transition:0.3s;transition:0.3s;}
.users_area .area-bg {z-index:-1;}
.users_area .area-bg::before {-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;z-index:-2;}
.users_area:hover .area-bg::after, .users_area.active .area-bg::after {opacity:1;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.users_area h3, .price-rate h3 {color:#555;font-weight:500;}
.price-rate h3 sub, .price-rate h3 sup {font-size:24px;font-weight:400;}
.price-rate h3 sub {color:#4d557d;font-size:16px;}
.price-details ul {list-style:outside none none;margin:0;padding:0;}
.price-details li {margin-bottom:15px;}
.price-details p{color:#999;}
.purchase-button {background:#8256ff none repeat scroll 0 0;border:2px solid #8256ff;border-radius:5px;color:#ffffff;display:inline-block;letter-spacing:1px;padding:8px 30px;}
.purchase-button:hover {background:#ffffff none repeat scroll 0 0;color:#8256ff;}
.panel.panel-default {margin-bottom:30px;}
.panel-default > .panel-heading {background-color:#ecf1fa;}
.active .accordion-toggle {color:#8256ff;}
.panel-body {border-top:0;}
.accordion-toggle .panel-title .fa-angle-down {margin-top:5px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.accordion-toggle.collapsed .panel-title .fa-angle-down {-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.download-button a {border:2px solid;border-radius:5px;color:#8256ff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 5px;padding:5px 25px 5px 60px;position:relative;width:210px;background:#8256ff none repeat scroll 0 0;border-color:#8256ff;-webkit-box-shadow:0 15px 50px rgba(130, 86, 255, 0.4);box-shadow:0 15px 50px rgba(130, 86, 255, 0.4);color:#ffffff;}
.download-button a i {font-size:30px;left:15px;line-height:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.download-button a:hover, .download-button a.active {background:#8256ff none repeat scroll 0 0;border-color:#8256ff;-webkit-box-shadow:0 15px 50px rgba(130, 86, 255, 0.4);box-shadow:0 15px 50px rgba(130, 86, 255, 0.4);color:#ffffff;}
.single-blog-item {-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.single-blog:hover {-webkit-box-shadow:0 0 20px #ddd;box-shadow:0 0 20px #ddd;-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.blog-details h3 {line-height:1.3;margin-bottom:25px;}
.blog-details a.readmore {display:inline-block;letter-spacing:1px;}
.single-blog-item:hover .blog-thumb img {opacity:0.5;-webkit-transform:scale(1.3) rotate(10deg);transform:scale(1.3) rotate(10deg);}
.contact-form-content {background:#ffffff none repeat scroll 0 0;-webkit-box-shadow:0 12px 35px rgba(130, 86, 255, 0.3);box-shadow:0 12px 35px rgba(130, 86, 255, 0.3);margin-top:-150px;}
.contact-form input, .contact-form textarea {border:0 none;border-radius:0;-webkit-box-shadow:0 0 0 1px #cacfda;box-shadow:0 0 0 1px #cacfda;margin-bottom:30px;min-height:50px;padding:10px;}
.contact-form input:focus, .contact-form textarea:focus {-webkit-box-shadow:0 0 0 1px rgba(130, 86, 255, 0.9);box-shadow:0 0 0 1px rgba(130, 86, 255, 0.9);}
.contact-form button {background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border:2px solid;border-radius:5px;color:#8256ff;font-size:14px;letter-spacing:2px;padding:8px 20px;text-transform:uppercase;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.contact-form button:hover {background:#8256ff none repeat scroll 0 0;border-color:#8256ff;color:#ffffff;}
.subscriber-form {background:#ffffff none repeat scroll 0 0;border:1px solid #dddddd;border-radius:5px;font-size:18px;height:70px;margin-bottom:50px;position:relative;text-transform:capitalize;}
.subscriber-form input {background:transparent none repeat scroll 0 0;border:0 none;border-radius:5px;color:black;height:100%;left:0;letter-spacing:1px;padding:10px 11% 10px 30px;position:absolute;top:0;width:80%;}
.subscriber-form button {background:#8256ff none repeat scroll 0 0;border:2px solid #8256ff;border-radius:5px;color:#ffffff;font-size:14px;height:100%;letter-spacing:2px;position:absolute;right:0;text-transform:uppercase;top:0;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:150px;}
.subscriber-form button:hover {background:#ffffff none repeat scroll 0 0;color:#8256ff;}
label.mt10 {bottom:-52px;left:0;position:absolute;right:0;text-align:center;}
label.mt10.valid {bottom:18px;color:#8256ff;left:0;position:absolute;right:0;text-align:center;}
.contact-area .box-icon {border:2px solid #8256ff;border-radius:50%;color:#8256ff;display:inline-block;font-size:30px;height:60px;padding-top:14px;text-align:center;width:60px;}
.contact-area .text-icon-box:hover .box-icon {background:#8256ff none repeat scroll 0 0;border-color:#8256ff;color:#ffffff;}
.footer-social-bookmark .social-bookmark li a {border:1px solid;border-radius:50%;font-size:20px;height:40px;margin:0 5px;padding-top:6px;text-align:center;width:40px;}
.footer-copyright {padding:10px 0;}
.scrolltotop {background:#404873 none repeat scroll 0 0;bottom:20px;color:#ffffff;display:none;font-size:20px;height:40px;padding-top:8px;position:fixed;right:130px;text-align:center;width:40px;z-index:9;}
.scrolltotop:hover {background:#8256ff;color:#ffffff;}
section {background:#ffffff;}
.welcome-text-area {position:relative;}
.top-area.single-page {height:460px;}
.page-barner-area {display:block;height:100%;width:100%;position:relative;}
.page-barner-area .about_us_bg{background:rgba(0, 0, 0, 0) url("assest/img/about/aboutus_banner.jpg") no-repeat scroll center center / contain; width:auto; height:100%; position:relative;}
.page-barner-area .mobile_bg{background:rgba(0, 0, 0, 0) url("assest/img/mobileBanner.jpg") no-repeat scroll center center / contain; width:auto; height:100%; position:relative;}
.page-barner-area .web_bg{background:rgba(0, 0, 0, 0) url("assest/img/webBanner.jpg") no-repeat scroll center center / contain; width:auto; height:100%; position:relative;}
.page-barner-area .users_bg{background:rgba(0, 0, 0, 0) url("assest/img/owner.jpg") no-repeat scroll center center / contain; width:auto; height:100%; position:relative;}
.page-barner-area .owner_bg{background:rgba(0, 0, 0, 0) url("assest/img/owner.jpg") no-repeat scroll center center / contain; width:auto; height:100%; position:relative;}
.page-barner-area .principal_bg{background:rgba(0, 0, 0, 0) url("assest/img/principal.jpg") no-repeat scroll center center / contain; width:auto; height:100%; position:relative;}
.page-barner-area .teacher_bg{background:rgba(0, 0, 0, 0) url("assest/img/teacher.jpg") no-repeat scroll center center / contain; width:auto; height:100%; position:relative;}
.page-barner-area .parents_bg{background:rgba(0, 0, 0, 0) url("assest/img/parents.jpg") no-repeat scroll center center / contain; width:auto; height:100%; position:relative;}
.page-barner-area .student_bg{background:rgba(0, 0, 0, 0) url("assest/img/student.jpg") no-repeat scroll center center / contain; width:auto; height:100%; position:relative;}
.screenshot-area .active .single-screenshot {box-shadow:0 2px 7px rgba(0, 0, 0, 0.3);}
.screenshot-area .center .single-screenshot {box-shadow:none; opacity:1;}
.users_icon{display:inline-block;margin:10px 0 10px;width:102px;border-radius:50%;padding:0.5em;background:#fff;}
.users_icon img{border-radius:50%;}
.user_users_icon {display:inline-block;margin-top:-80px;}
.user_users_icon img{width:60%;margin-top:-30px;}
.users_padding{padding:0px 70px;}
.user_users_padding{padding:0px 10px;text-align:center;}
.user_users_padding h4{margin-bottom:0;font-weight:500;font-size:18px;}
.navbar-brand>img{width:80%;}
.logo_brand{padding:0;}
.what_se_do_back{background:#DCDCDC;}
.what_se_do_back .area-title{margin-bottom:0;margin-top:60px;}
@media only screen and (max-width:500px) {
	.what_se_do_back .area-title{margin-bottom:250px;}
}
.tabs_section .nav-tabs>li>a{border:1px solid #ddd;}
.tabs_section .nav>li>a:focus, .tabs_section .nav>li>a:hover{color:#fff;border:1px solid #ddd;border-bottom-color:transparent;box-shadow:5px #ddd;-webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);-webkit-transform:translateY(-5px);transform:translateY(0px);border-radius:12px 9px 0px 0px;background:linear-gradient(144deg, #ff83f3, #ff7364 70%);}
.tabs_section .nav-tabs>li.active>a, .tabs_section .nav-tabs>li.active>a:focus, .tabs_section .nav-tabs>li.active>a:hover {color:#fff;border:1px solid #ddd;border-bottom-color:transparent;box-shadow:5px #ddd;-webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);-webkit-transform:translateY(-5px);transform:translateY(0px);border-radius:12px 9px 0px 0px;background:linear-gradient(144deg, #ff83f3, #ff7364 70%);}
.tabs_section .nav>li>a {padding:10px 25px;}
.tabs_section .nav-tabs{border-bottom:transparent;}
.tabs_section .nav-tabs>li>a {margin-right:0px;line-height:1.42857143;border-radius:10px 10px 0 0;}
.icon_background{position:absolute;z-index:99;}
.icon_background img{background:yellow;border-radius:50%;padding:21px;background:linear-gradient(135deg, #ff7364 40%, #ff83f3);background:linear-gradient(144deg, #ff83f3, #ff7364 70%);-webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 15px 50px rgba(130, 86, 255, 0.4);box-shadow:0 15px 50px rgba(130, 86, 255, 0.4);width:83%;}
.blog-details{margin-left:52px;position:absolute;z-index:9;}
.uper_details{background:linear-gradient(135deg, #ff7364 40%, #ff83f3);color:#fff;padding:8px 0px 8px 95px;border-radius:50px 8px 68px 28px;margin-bottom:0;width:77%;font-size:20px;font-weight:500;-webkit-box-shadow:5px -4px 25px rgba(130, 86, 255, 0.3);box-shadow:5px -4px 25px rgba(130, 86, 255, 0.3);}
.uper_details h3{margin-bottom:0; color:#fff;font-size:20px;font-weight:500;}
.lower_details{background:#fff;color:#555;padding:2px 0px 5px 95px;border-radius:9% 125px 9px 8%;margin-bottom:0;-webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);height:91px;width:100%;-webkit-box-shadow:0 8px 30px rgba(130, 86, 255, 0.2);box-shadow:0 8px 30px rgba(130, 86, 255, 0.2);}
.lower_details p{padding:0% 8.5% 0% 0%;font-size:15px;color:#999;line-height:1.4;height:auto;vertical-align:middle;}
.margin_bottom_70_50{margin-bottom:50px;}		
.users_para_height{height:320px;}
.drop_down a{color:#3e3e3e !important;}
@media only screen and (max-width:500px) {
	.without_padding_left{padding-left:0;}
	.margin_bottom_70_50{margin-bottom:70px;}
	.icon_background img {background:yellow;border-radius:50%;padding:4px;background:linear-gradient(135deg, #ff7364 40%, #ff83f3);background:linear-gradient(144deg, #ff83f3, #ff7364 70%);-webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 15px 50px rgba(130, 86, 255, 0.4);box-shadow:0 15px 50px rgba(130, 86, 255, 0.4);width:60%;}
	.blog-details {margin-left:29px;position:absolute;z-index:9;}
	.uper_details {background:linear-gradient(135deg, #ff7364 40%, #ff83f3);color:#fff;padding:8px 0px 6px 59px;border-radius:50px 8px 68px 28px;margin-bottom:0;width:100%;font-size:13px;font-weight:500;-webkit-box-shadow:5px -4px 25px rgba(130, 86, 255, 0.3);box-shadow:5px -4px 25px rgba(130, 86, 255, 0.3);}
	.uper_details h3 {margin-bottom:0;color:#fff;font-size:15px;font-weight:500;}
	.lower_details {background:#fff;color:#555;padding:6px 0px 5px 56px;border-radius:9% 15px 9px 15px;margin-bottom:0;-webkit-box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);box-shadow:0 7px 14px rgba(0, 0, 0, 0.3);height:auto;width:100%;-webkit-box-shadow:0 8px 30px rgba(130, 86, 255, 0.2);box-shadow:0 8px 30px rgba(130, 86, 255, 0.2);margin-left:5px;}
	.lower_details p {padding:0% 0% 0% 0%;font-size:13px;color:#999;line-height:1.6;}
}
@media only screen and (min-width:370px) and (max-width:767px) {
	.users_para_height{height:235px;}
}
@media only screen and (min-width:768px) and (max-width:1025px) {
	.users_para_height{height:275px;}
}
@media only screen and (min-width:750px) {
	.welcome-text h1 {font-size:50px;margin-bottom:0px;font-weight:500;background:#ae63f3;padding:5px 23px;width:86%;-webkit-clip-path:polygon(0% 0%, 0% 900%, 100% 0%);clip-path:polygon(0% 0%, 0% 900%, 100% 0%);}
	.welcome_text_p {background:#edb733;padding:5px 50px 5px 23px;width:76.4%;-webkit-clip-path:polygon(0% 0%, 0% 900%, 100% 0%);clip-path:polygon(0% 0%, 0% 900%, 100% 0%);font-size:16px;}
}
@media only screen and (min-width:1000px) and (max-width:1050px) {
	.welcome-text h1 {font-size:40px;width:96%;}
	.welcome_text_p {width:85.4%;}
}
@media only screen and (min-width:767px) and (max-width:1020px){
	.awesome_features_box {height:340px;}
}
@media only screen and (min-width:1020px) and (max-width:1030px){
	.awesome_features_box {height:370px;}
}
@media only screen and (min-width:1031px){
	.awesome_features_box {height:320px;}

}
@media only screen and (min-width:1031px) and (max-width:1380px){
	.scroll_fix{position:fixed; top:100px; width:43.3%;}
	.scroll_fix .screenshot-area{margin:21px 6px 19px 8px;}
	.scroll_fix .single-screenshot {margin:21px 6px 19px 8px;}
	.scroll_first{position:relative; top:0px; width:100%;}
}
@media only screen and (min-width:1381px) and (max-width:1900px) {
	.scroll_fix{position:fixed; top:100px; width:38.6%;}
	.scroll_fix .screenshot-area{margin:21px 6px 19px 8px;}
	.scroll_fix .single-screenshot {margin:21px 6px 19px 8px;}
	.scroll_first{position:relative; top:0px; width:100%;}
}
.about_us_page{background:linear-gradient(135deg, #ff7364 40%, #ff83f3);color:#fff;padding:8px 0px 8px 21px;border-radius:0px 0px 85px 0px;margin-bottom:0;width:32%;font-size:20px;font-weight:500;-webkit-box-shadow:5px -4px 25px rgba(130, 86, 255, 0.3);box-shadow:5px -4px 25px rgba(130, 86, 255, 0.3);margin-bottom:10px;}	
.permission_first{background:url(assest/img/web/permissions.png) no-repeat center;	background-size:cover;}
.permission_second{background:url(assest/img/web/permissions_selected.png) no-repeat center;background-size:cover;}
.student_first{background:url(assest/img/web/students.png) no-repeat center;background-size:cover;}
.student_second{background:url(assest/img/web/students_selected.png) no-repeat center;background-size:cover;}
.classes_first{background:url(assest/img/web/classes.png) no-repeat center;background-size:cover;}
.classes_second{background:url(assest/img/web/classes_selected.png) no-repeat center;background-size:cover;}
.subject_first{background:url(assest/img/web/subjects.png) no-repeat center;background-size:cover;}
.subject_second{background:url(assest/img/web/subjects_selected.png) no-repeat center;background-size:cover;}
.teacher_first{background:url(assest/img/web/teachers.png) no-repeat center;background-size:cover;}
.teacher_second{background:url(assest/img/web/teachers_selected.png) no-repeat center;background-size:cover;}
.schedule_first{background:url(assest/img/web/schedules.png) no-repeat center;background-size:cover;}
.schedule_second{background:url(assest/img/web/schedules_selected.png) no-repeat center;background-size:cover;}
.designation_first{background:url(assest/img/web/designation.png) no-repeat center;background-size:cover;}
.designation_second{background:url(assest/img/web/designation_selected.png) no-repeat center;background-size:cover;}
.staff_first{background:url(assest/img/web/staff.png) no-repeat center;background-size:cover;}
.staff_second{background:url(assest/img/web/staff_selected.png) no-repeat center;background-size:cover;}
.tracking_first{background:url(assest/img/web/tracking.png) no-repeat center;background-size:cover;}
.tracking_second{background:url(assest/img/web/tracking_selected.png) no-repeat center;background-size:cover;}
li .img-normal, li.active .img-active{display:block;float:left;height:75px;width:139px;margin-left:0;}
li .img-active, li.active .img-normal{display:none;}
.web_tabs .nav-tabs>li>a:hover {border-color:transparent;}
.web_tabs .nav>li>a:focus, .nav>li>a:hover {background-color:transparent;}
.web_tabs .nav>li>a {padding:2px 1px;}
.web_tabs .nav-tabs>li.active>a{border:1px solid transparent;}
.web_tabs .nav-tabs{border:transparent;}
.web_tabs .nav-tabs>li{margin-bottom:0px;}
.logo_name{font-size:18px; font-weight:100; letter-spacing:6px;color:#404873;}
.logo_main{color:#404873;margin:7px 0 8px;float:left;}
.is-sticky .logo_name, .is-sticky .logo_main{color:#404873;}
.logo_brand{margin:7px 0 8px;}
.awesome_features_box .box-img-icon{display:block;text-align:center;}
.awesome_features_box{text-align:center;}
@media only screen and (min-width:100px) and (max-width:769px){
	.about_us_page{width:100%;}
	.drop_down a {color:#fff !important;}
	.drop_down a:hover {color:#3e3e3e !important;}
	.awesome_features_box .box-img-icon{display:block;text-align:center;}
	.awesome_features_box{text-align:center;}
}
@media only screen and (min-width:400px) and (max-width:770px){
	.logo_main{float:none;}
	.is-sticky .logo_main, .is-sticky .logo_name {margin-top:-3px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
}
@media only screen and (min-width:100px) and (max-width:376px) {
	.logo_brand {margin:0px 0 8px;}
	.logo_main {color:#fff;margin:7px 0 8px;float:none;font-size:17px;}
	.logo_name {font-size:12px;font-weight:100;letter-spacing:6px;color:#fff;}
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {border:1px solid #ddd;}
[type="checkbox"].filled-in:not(:checked)+label:after {height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;z-index:0;}
[type="checkbox"].filled-in:checked+label:after {width:20px;height:20px;border:2px solid #17b0f1;background-color:#17b0f1;z-index:0;}
[type="checkbox"].filled-in+label:before, [type="checkbox"].filled-in+label:after {content:'';left:0;position:absolute;-webkit-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1;}
[type="checkbox"].filled-in:checked+label:before {left:1px;width:8px;height:16px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {position:absolute;opacity:0;pointer-events:none;}
[type="checkbox"]+label {position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.disabled{ pointer-events:none;background-color:#eee !important;-webkit-box-shadow:none;box-shadow:none;color:#999 !important;cursor:default;}
.invalid{box-shadow:0 0 0 1px #F44336 !important;}
valid{box-shadow:0 0 0 1px #cacfda !important;}
.testmonial_text{color:#337ab7;font-size:19px;}
.testmonial_text1{padding-left:60px;padding-right:60px;}
.swal2-popup{font-size:1.6rem !important;}
.sidebar-contact{position:fixed;top:73%;left:-450px;transform:translateY(-50%);width:450px;height:auto;padding:15px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.5);box-sizing:border-box;transition:0.5s;z-index:2;}
.sidebar-contact.active{left:0;}
.toggle {position:absolute;height:48px;width:128px;text-align:center;cursor:pointer;background:#f14f9a;background:-moz-linear-gradient(left, #f14f9a 0%, #a80513 100%);background:-webkit-linear-gradient(left, #f14f9a 0%,#a80513 100%);background:linear-gradient(to right, #f14f9a 0%,#a80513 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f14f9a', endColorstr='#a80513',GradientType=1 );top:155px;right:-70px;line-height:48px;color:#FFF;transform:translate(1.1em,0) rotate(90deg);}
.myTicker ul{padding:0;overflow:hidden;}
.myTicker li{list-style:none;border-bottom:1px solid green;padding:10px;height:300px;border-bottom:solid 1px #FFF;-webkit-transition:ease-in-out background-color .15s .05s;-o-transition:ease-in-out background-color .15s .05s;transition:ease-in-out background-color .15s .05s;}
.myTicker li h3{height:25px;line-height:25px;display:block;text-align:center;margin:10px auto;font-size:18px;overflow:hidden;font-family:'Microsoft Yahei';}
.myTicker li p{font-size:14px;}
.newsDateTime{text-align:right; font-size:13px; font-weight:bold;}
.main-banner-slider .single-mockups img{height:100% !important;border-radius:0 !important;}
.area-bg{top:100px !important;}
.mainmenu-area{background:#FFF !important;}

.chatContainer{position:fixed;bottom:20px;right:0px;z-index:99;}
#chat-circle{position:fixed;bottom:10px;right:20px;background:#5A5EB9;width:60px;height:60px;border-radius:50%;color:white;padding:15px;cursor:pointer;box-shadow:0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);z-index:100;}
.btn#my-btn{background:white;padding-top:13px;padding-bottom:12px;border-radius:45px;padding-right:40px;padding-left:40px;color:#5865C3;}
#chat-overlay{background:rgba(0, 0, 0, 0.3);position:fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:1000;}
.chat-box{display:none;background:#efefef;position:fixed;right:30px;bottom:50px;width:350px;max-width:85vw;max-height:100vh;border-radius:5px;box-shadow:0px 5px 35px 9px #ccc;z-index:1001;}
.chat-box-toggle{float:right;margin-right:15px;cursor:pointer;}
.chat-box-header{background:#5A5EB9;height:70px;border-top-left-radius:5px;border-top-right-radius:5px; color:white;text-align:center;font-size:20px;padding-top:17px;}
.chat-box-body{position:relative;height:400px;border:1px solid #ccc;overflow:hidden;}
.chat-box-body:after{content:"";background-image:url('../img/index.svg');opacity:0.1;top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:-1;}
#chat-input{background:#f5f7f9;height:45px;padding:10px 50px 10px 15px;border:1px solid #ccc;border-top:none;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
#chat-input::-webkit-input-placeholder{color:#ccc;}
#chat-input::-moz-placeholder{color:#ccc;}
#chat-input:-ms-input-placeholder{color:#ccc;}
#chat-input:-moz-placeholder{color:#ccc;}
.chat-submit{position:absolute;bottom:3px;right:10px;background:transparent;box-shadow:none;border:none;border-radius:50%;color:#5A5EB9;width:35px;height:35px;}
.chat-logs{padding:15px;height:390px;overflow-y:scroll;}
.chat-logs::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.chat-logs::-webkit-scrollbar{width:5px;background-color:#F5F5F5;}
.chat-logs::-webkit-scrollbar-thumb{background-color:#5A5EB9;}
@media only screen and (max-width:500px){
	.chat-logs{height:40vh;}
}
.chat-msg.user > .msg-avatar img{width:45px;height:45px;border-radius:50%;float:left; width:15%;}
.chat-msg.self > .msg-avatar img{width:45px;height:45px;border-radius:50%;float:right;width:15%;}
.cm-msg-text{background:white;padding:10px 15px 10px 15px;color:#666;max-width:75%;float:left;margin-left:10px;position:relative;margin-bottom:20px;border-radius:30px;}
.chat-msg{clear:both;}
.chat-msg.self > .cm-msg-text{float:right;margin-right:10px;background:#5A5EB9;color:white;}
.cm-msg-button>ul>li{list-style:none;float:left;width:50%;}
.cm-msg-button{clear:both;margin-bottom:70px;}

#formContainer{background:#fff;height:300px;}
#overlayOfflineForm{position:absolute;top:40%;display:none;z-index:1;background-color:#FFF;color:#000;text-align:center;padding:20px 15px;font-size:15px;}
#overlayOfflineForm p{font-size:18px;margin-bottom:25px;}
.form fieldset{padding:0;}
.form input{vertical-align:middle;}
.form textarea{resize:none;display:block;height:40px;width:100%;overflow:auto;padding:0 15px;color:#707070;font-size:13px;font-weight:bold;border:0;background-color:#fff;margin:13px 0;-webkit-appearance:none;}
#formFieldsContainer{padding:15px;width:100%;height:auto;position:absolute;top:25%;}
#formInnerHeight{margin:0 auto;}
#offlineForm #formInnerHeight{max-width:100%;}
#offlineForm fieldset{position:relative;}
#formContainer .inputContainer{background-color:#fff;border:0;padding:0;border-radius:5px;margin:0 0 11px 0;height:40px;}
.inputContainer.error, .form .textareaFieldset.error{border-color:#ef5656;color:#ef5656;margin-bottom:0!important;}
.inputContainer input{width:100%;margin:0;border:0;display:block;line-height:1.2em;padding:10px 0;color:#707070;font-size:13px;font-weight:bold;font-family:inherit;-webkit-appearance:none;padding:11px 0;}
.form-field-label{color:#707070;font-size:13px;font-weight:bold;}
.inputContainer.error input, .form .textareaFieldset.error textarea, .error .form-field-label{color:#ef5656;padding-right:30px;}
#offlineForm .textareaFieldset>.error.inputContainer, .error.inputContainer input{border-color:#e52f48!important;}
#formContainer .textareaFieldset>.inputContainer, #formContainer .inputContainer input{height:100%;border:1px solid #d0d0d0;padding-left:10px;border-radius:5px;}
.form-field-label.small{color:#b3b3b3;padding:1px 0 0 0;display:none;font-size:10px;position:absolute;top:0;left:4px;font-weight:bold;}
.formErrorIcon{display:none;position:absolute;top:50%;right:10px;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap;}
.field-error{font-size:17px;color:#ef5656;}
.formErrorContainer{display:none;margin:0 0 7px 15px;color:#e52f48;}
#offlineForm .formErrorContainer{margin:7px 0;text-align:right;font-size:13px;font-weight:600;}
#formContainer.has-required #formSubmit{float:none !important;width:100% !important;background-color:#8256ff;}
#offlineForm .textareaFieldset .inputContainer textarea{margin:0;padding:0;height:100%;padding-right:11px;box-sizing:border-box;}
.formButton{background-color:#8256ff;color:#ffffff;border-radius:5px;min-height:40px;border:0;font-weight:bold;}
