@ url('../../../../../../');html,
body{width:100%;height:100%;margin:0;padding:0;}
body{font-family:'Raleway', sans-serif;font-weight:400;color:#373737;position:relative}
#body-wrap{overflow-x:hidden;}
ul{list-style:none;margin:0;padding:0}
a,
a:visited,
a:focus,
a:active,
a:hover{text-decoration:none;outline:none;}
a,
button{-webkit-transition:0.3s;transition:0.3s}
a{color:#2c3e50;font-size:14px}
h1,
h2,
h3,
h4,
h5,
h6,
h1,
.h1,
.h2,
.h3{font-weight:400;margin-top:0}
h1{font-size:46px;line-height:56px;}
h2{font-size:36px;line-height:46px}
h3{font-size:24px;line-height:34px}
h4{font-size:20px;line-height:30px}
h5{font-size:18px;line-height:28px}
h6{font-size:16px;line-height:26px}
p{font-size:14px;color:#777777;line-height:24px;}
.bg-gray{background-color:#f7f7f9}
.form-control{border:1px solid #e6f0fa;-webkit-box-shadow:0 0px 0px rgba(0, 0, 0, 0) inset;box-shadow:0 0px 0px rgba(0, 0, 0, 0) inset;border-radius:2px}
.m-0{margin:0}
.p-0{padding:0}
.float-left{float:left}
.float-right{float:right}
.bg-cover{background-position:center center;background-repeat:no-repeat;background-size:cover;}
.overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.85);opacity:0.8}
.site-preloader{background-color:#2196f3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999999;}
.site-preloader .spinner{width:60px;height:60px;margin:21% auto;background-color:#fff;border-radius:100%;-webkit-animation:sk-scaleout 1.0s infinite ease-in-out;animation:sk-scaleout 1.0s infinite ease-in-out;}
@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}
100%{-webkit-transform:scale(1.0);opacity:0;}
}
@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0);}
100%{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0;}
}
nav.navbar.bootsnav{background-color:#f7f7f9;border-bottom:0;}
nav.navbar.bootsnav ul.nav > li > a{color:#2c3e50;font-weight:600;}
nav.navbar.bootsnav ul.nav > li > a:hover,
nav.navbar.bootsnav ul.nav > li.active > a{color:#2196f3;}
.attr-nav a{display:inline-block;background-color:#2196f3;color:#fff;padding:8px 24px;border-radius:25px;margin:20px 0 0 25px;font-weight:500}
.affix{width:100%;}
.navbar{-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.navbar.affix{-webkit-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc;top:0;width:100%;}
.navbar.affix-top{position:static;top:-10px;}
#welcome-area{padding:100px 0;}
.wecome-content{padding:12% 0 0;}
.wecome-content h1{font-weight:700;}
.wecome-content a{display:inline-block;background-color:#2196f3;color:#fff;padding:10px 30px;border-radius:25px;margin:20px 0 0;font-weight:500}
.wecome-content a:hover{background-color:#0a80dd;}
.welcome-img img{max-width:450px;}
.wecome-content.newsletter-content h1{margin:0 0 30px;font-size:36px;line-height:46px;}
#slider-area{height:600px}
.slide-content{padding:25% 0 0;}
.slide-img{padding:15% 0 0;}
.slide-content h2{font-weight:700;}
.slide-content a{display:inline-block;background-color:#2196f3;color:#fff;padding:10px 30px;border-radius:25px;margin:20px 0 0;font-weight:500}
.slide-content a:hover{background-color:#0a80dd;}
.slide-img img{max-width:450px;}
.slider-carousel .owl-nav > div{position:absolute;left:10px;top:50%;width:40px;height:40px;font-size:20px;padding:5px 10px;background-color:rgba(0, 0, 0, 0.5);color:#fff;-webkit-transition:0.3s;transition:0.3s;}
.slider-carousel .owl-nav > div:hover{background-color:#3094f1;}
.slider-carousel .owl-nav .owl-next{padding:5px 10px;right:10px;left:auto;}
.slider-carousel .owl-dots{position:absolute;left:0;right:0;bottom:0;text-align:center;}
.slider-carousel .owl-dot{width:30px;height:6px;display:inline-block;margin:0 4px;background-color:#555}
.slider-carousel .owl-dot.active{background-color:#3094f1}
#about-area{padding:80px 0 30px;}
.about-content h2{font-weight:700;}
.about-content a{display:inline-block;background-color:#2196f3;color:#fff;padding:10px 30px;border-radius:25px;margin:24px 0 0;font-weight:500}
.about-content a:hover{background-color:#0a80dd;}
.about-img img{max-width:350px;margin:0 auto}
.section-heading{margin:0 0 50px;}
.section-heading h2{font-weight:700;}
#features-area{padding:80px 0 60px;}
.features-single{background-color:#fff;border:1px solid #e6f0fa;padding:40px 20px 30px;margin:0 0 30px}
.features-single i{color:#2196f3;font-size:40px;border:2px solid #e6f0fa;width:80px;height:80px;display:inline-block;border-radius:50%;line-height:75px;}
.features-single h4{font-weight:600;color:#555;margin:15px 0 5px;}
#video-area{background-image:url(../images/video-bg.jpg);position:relative;padding:100px 0 110px;background-attachment:fixed}
.video-content h2{color:#fff;font-weight:700;}
.video-content a{display:inline-block;font-size:30px;margin:15px 0 0;border-radius:50%;height:70px;width:70px;line-height:72px;padding-left:5px;color:#fff;background-color:#2196f3;}
.video-content a:hover{color:#2196f3;background-color:#fff;}
#core-features-area{padding:80px 0 0}
.core-features-single{margin:0 0 40px;}
.core-feature-content{border:1px solid #e6f0fa;padding:40px;position:relative;-webkit-box-shadow:0 0 10px #e6f0fa;box-shadow:0 0 10px #e6f0fa;}
.core-feature-content.arrow-right::after{content:'';background-color:transparent;border-left:40px solid #e6f0fa;border-bottom:20px solid transparent;border-top:20px solid transparent;display:block;position:absolute;left:100%;width:100%;top:50%;}
.core-feature-content.arrow-left::after{content:'';background-color:transparent;border-right:40px solid #e6f0fa;border-bottom:20px solid transparent;border-top:20px solid transparent;display:block;position:absolute;right:100%;width:100%;top:50%;}
.core-feature-content i{color:#2196f3;font-size:50px;display:inline-block;}
.core-feature-content h4{font-weight:600;color:#555;margin:10px 0 5px;}
.core-feature-img img{max-width:300px;margin:0 auto}
#why-choose-area{padding:80px 0;}
.why-choose-image img{max-width:350px;margin:0 auto;}
.why-choose-content h2{font-weight:700;}
.why-choose-content ul li{display:block;padding:4px 0;font-weight:500;color:#555}
.why-choose-content ul li i{color:#2196f3;margin-right:2px;}
#product-area{padding:80px 0 60px}
.product-single{border:1px solid #e6f0fa;margin:0 0 30px;-webkit-box-shadow:0 0 10px #e6f0fa;box-shadow:0 0 10px #e6f0fa;padding:40px 0;}
.product-single img{max-width:250px;margin:0 auto;}
.product-single h4{font-weight:600;margin:0}
.product-single h3{font-weight:700;color:#2196f3;margin:0 0 15px;}
.product-single h2 span{font-size:24px;}
.product-single a{display:inline-block;background-color:#2196f3;color:#fff;font-weight:500;padding:6px 14px;border-radius:25px;}
.product-single a:hover{background-color:#0a80dd;}
.product-single a i{padding-right:4px;}
#testimonial-area{padding:80px 0 130px}
.client-img img{max-width:100px;border-radius:50%;border:2px solid #e6f0fa;}
.client-comment{background-color:#fff;border:1px solid #e6f0fa;padding:20px;position:relative;}
.client-comment::after{content:'';background-color:transparent;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #e6f0fa;display:block;position:absolute;left:40px;bottom:-20px;}
.client-info{margin:40px 0 0;}
.client-details h5{font-weight:600;margin:0;}
.testimonial-carousel .owl-dots{position:absolute;left:0;right:0;bottom:-50px;text-align:center}
.testimonial-carousel .owl-dot{width:12px;height:12px;border:2px solid #2196f3;border-radius:50%;display:inline-block;margin:0 2px}
.testimonial-carousel .owl-dot.active{background-color:#2196f3;}
#faq-area{padding:80px 0 65px}
.panel-default > .panel-heading{color:#555;background-color:transparent;border-color:#e6f0fa;}
.panel-default{border-color:#e6f0fa;}
.panel{-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);box-shadow:0 0 0 rgba(0, 0, 0, 0);}
.panel-title{font-weight:500;}
.faq-img img{max-width:400px;margin:0 auto;}
#newsletter-area{position:relative;padding:80px 0 90px;background-image:url(../images/newsletter-bg.jpg);}
.newsletter-content h2{font-weight:700;color:#fff;margin:0 0 40px;}
.newsletter-content input{height:50px;border-radius:25px;padding-left:20px}
.newsletter-content button{width:100%;height:50px;background-color:#2196f3;border:0;color:#fff;font-weight:500;margin:15px 0 0;border-radius:25px;}
.newsletter-content button:hover{background-color:#0a80dd;}
#contact-area{padding:80px 0 90px}
.contact-form input{height:50px;border-radius:25px;padding-left:20px}
.contact-form textarea{border-radius:25px;padding-left:20px}
.contact-form button{background-color:#2196f3;color:#fff;border:0;padding:12px 30px;font-weight:500;border-radius:25px;}
.contact-form button:hover{background-color:#0a80dd;}
.contact-info{padding-left:30px;}
.contact-info-single{margin:0 0 30px;}
.contact-info-single h6{font-weight:600;margin:0 0 5px;}
.contact-info-single h6 i{color:#2196f3;}
.contact-social h6{font-weight:600;}
.contact-social ul li{display:inline-block;}
.contact-social li a{display:block;border:2px solid #2196f3;color:#2196f3;padding:4px 8px;border-radius:4px;font-size:16px;}
.contact-social li a:hover{background-color:#2196f3;color:#fff;}
#footer{background-color:#1c1c1c;}
#footer p{margin:0;padding:20px 0;font-weight:500;color:#fff;}
.preview-single{margin:0 0 30px;}
.preview-single:hover .preview-overlay{opacity:1;visibility:visible}
.preview-inner{border:1px solid #e6f0fa;-webkit-box-shadow:0 0 10px #e6f0fa;box-shadow:0 0 10px #e6f0fa;position:relative}
.preview-overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);opacity:0;visibility:hidden;-webkit-transition:0.3s;transition:0.3s}
.preview-table{display:table;width:100%;height:100%;text-align:center}
.preview-cell{display:table-cell;vertical-align:middle}
.preview-cell a{display:inline-block;background-color:#fff;padding:10px 20px;border-radius:4px;font-weight:600;}
.preview-cell a:hover{background-color:#2196f3;color:#fff}
.preview-single h3{text-align:center}
.preview-single h3 a{display:inline-block;font-weight:600;font-size:16px;margin:20px 0 0}
.preview-single h3 a:hover{color:#2196f3;}
.demo-heading-content h1{font-weight:700;}
.demo-heading-content a{display:inline-block;background-color:#2196f3;color:#fff;font-weight:600;padding:12px 30px;border-radius:2px;margin:30px 10px 0;}
#demo-heading{padding:130px 0 140px;}
#demo-preview-area{padding:100px 0 60px;}