@charset "utf-8";
*{ margin:0; padding:0;}
img{ max-width:100%;}

.carousel-caption h2 {text-align:left !important; }
.carousel-caption p  {text-align:left !important;display:block !important; }
.carousel-caption {text-align:left !important; }

a, a:focus{ outline:none; border:none; text-decoration:none;}
.top{ width:100%; float:left; border-top:3px solid #4078db;}
.logo{ float:left;}
.right-box{ width:30%; float:right; margin:35px 0 0;}
.right-icon{ width:50px; float:left; padding:10px 8px; text-align:center; background:#fff; box-shadow:2px 2px 4px #aaa; border:1px solid #eee; border-radius:50%;}
.right-textbox{ width:80%; float:left; padding:0 0 0 10px;}
.right-text{ width:100%; float:left; font-family: 'Roboto-Regular'; font-size:16px; color:#666; padding:0;}
.right-hdng{ width:100%; float:left; font-family: 'robotobold'; font-size:16px; color:#1b1b1b;}
.right-hdng a{ color:#1b1b1b; text-decoration:none;}
.right-hdng a:hover{ color:#1b1b1b; text-decoration:underline;}
.navigation{ width:100%; float:left; border-top:1px solid #eee;}
.services{ width:100%; float:left; padding:50px 0; background:#f5f8fb;}
.services-img{ display:flex; background:#f8f8f8;}
.services-box{ width:100%; float:left; background:#fff; padding:50px; transition:all .3s ease-in-out;}
.services-box:hover{ box-shadow:0 0 10px #ccc; transition:all .3s ease-in-out;}
.services-box-hdng1{ width:100%; float:left; color:#4078db; font-size:20px; font-family: 'Roboto-Regular'; transition:all .3s ease-in-out;}
.services-box-brdr{ width:60px; height:2px; float:left; background:#4078db;}
.services-box-hdng2{ width:100%; float:left; padding:15px 0; font-family: 'robotobold'; font-size:26px; color:#1b1b1b;}
.services-box-hdng3{ width:100%; float:left; padding:5px 0; font-family: 'robotobold'; font-size:20px; color:#1b1b1b;}
.services-box:hover .services-box-hdng2{ color:#4078db; transition:all .3s ease-in-out;}
.services-box-text{ width:100%; float:left; padding:0 0 15px; font-family: 'Roboto-Regular'; font-size:16px; color:#666;}
.services-box-hdng1 a{ float:left; text-decoration:none; color:#666;}
.services-box-hdng1 a:hover{ float:left; transition:all .3s ease-in-out; color:#4078db;}
.about{ width:100%; float:left; padding:50px 0;}
.products{ width:100%; float:left; padding:15px 0 0; background:url(../imgs/services-bg.jpg) repeat top center;}
.products-box{ height:100%; float:left; position:relative;}
.products-hdng{ width:100%; float:left; padding:15px; font-family: 'Roboto-Regular'; font-size:24px; color:#fff; background-image: linear-gradient(transparent, black); position:absolute; z-index:2; bottom:0px; left:0;}
.privacy{ width:100%; float:left;}
.privacy-box{ width:100%; float:left; padding:40px 40px 0 40px;}
.newsletter{ width:100%; float:left; background:#4078db;}
.newsletter-bg{ width:100%; float:left; background:url(../imgs/newsletter-bg.jpg) no-repeat top left;}
.newsletter-left{ width:100%; float:left; padding:80px 40px 40px;}
.services-box-hdng3{ text-align:left;}
.services-box-hdng3 img{ float:left; padding:0 10px 0 0;}
.newsletter-left a{ float:left; text-decoration:none; color:#1b1b1b;}
.newsletter-left-btn{ float:left; font-size:16px; color:#fff !important; margin:20px 0 0; font-family: 'Roboto-Regular'; padding:10px 20px; background:#000;}
.newsletter-form{ width:100%; float:right; margin:30px 0; background:#fff; padding:50px;}
.form-hdng{ width:100%; float:left; padding:5px 0; font-family: 'robotomedium'; font-size:30px; color:#1b1b1b;}
.form-text{ width:100%; float:left; padding:0 0 10px; font-family: 'Roboto-Regular'; font-size:16px; color:#666;}
.form-input{ width:100%; float:left; height:40px; padding:5px 15px; margin-bottom:10px; font-family: 'Roboto-Regular'; font-size:16px; color:#1b1b1b; border:1px solid #eee;}
.form-textarea{ width:100%; height:60px; float:left; padding:5px 15px; margin-bottom:10px; font-family: 'Roboto-Regular'; font-size:16px; color:#1b1b1b; border:1px solid #eee;}
.form-btn{ float:left; padding:10px 25px; font-family: 'robotomedium'; font-size:16px; color:#fff; background:#000;}
.footer{ width:100%; float:left; background:#1b1b1b; color:#fff; padding:40px 0 0;}
.ftr-hdng{ width:100%; float:left; padding:5px 0; font-family: 'robotomedium'; font-size:20px; color:#fff;}
.ftr-text{ width:100%; float:left; padding:20px 0 10px; font-family: 'Roboto-Regular'; font-size:16px; color:#666;}
.ftr-text ul{ margin:0; padding:0;}
.ftr-text ul li{ width:50%; float:left; list-style:none; padding:0 0 5px;}
.ftr-text ul li a{ float:left; font-family:'Roboto-Regular'; font-size:16px; color:#666; text-decoration:none; transition:all .3s ease-in-out;}
.ftr-text ul li a:hover, .ftr-text ul li a:focus{ color:#fff; transition:all .3s ease-in-out;}
.ftr-text{ width:100%; float:left; padding:20px 0 10px; font-family:'Roboto-Regular'; font-size:16px; color:#666;}
.ftr-btm{ width:100%; float:left; text-align:left; font-family: 'Roboto-Regular'; font-size:16px; color:#666; border-top:1px solid #666; margin:30px 0 0; padding:20px 0;}
.ftr-btm .container a{ float:right; text-align:right; color:#666; text-decoration:none; font-family: 'Roboto-Regular';}

.about-page{ width:100%; float:left; padding:0;}
.about-bnr{ width:100%; float:left; background:#000; position:relative;}
.about-img{ width:100%; float:left; opacity:.4;} 
.about-img img { width:100% !important; float:left; } 
.about-bnr-texbox{ width:80%; float:left; padding:30px 0; position:absolute; z-index:2;}
.about-hdng{ width:100%; float:left; font-family:'robotomedium'; font-size:60px; color:#fff;}
.about-left{ width:100%; float:left; background:url(../imgs/about-img-bg.jpg) repeat; padding:60px 60px 60px 0;}
.about-right{ width:100%; float:left; padding:60px 0 0 60px;}
.about-btm{ width:100%; float:left; padding:60px 0 0;}
.about-text{ width:100%; float:left; padding:0 0 15px; font-family: 'Roboto-Regular'; font-size:16px; color:#666;}
.about-text ul{ margin:0; padding:0;}
.about-text ul li{ width:100%; float:left; padding:5px 0; list-style:none;}
.about-text ul li span{ float:left; padding:0 10px 0 0;}
.about-sbhdng{ width:100%; float:left; color:#4078db; font-size:20px; font-family: 'Roboto-Regular'; transition:all .3s ease-in-out;}

.services-pbox{ width:100%; float:left; background:#fff; margin:40px 0 0; padding:20px;}
.services-pbox-text{ width:100%; float:left; padding:15px 0 0; font-family: 'Roboto-Regular'; font-size:16px; color:#666;}

.projects-area{ width:100%; float:left; padding:50px 0; background:#f1f1f1;}
.project-box{ width:100%; float:left; box-shadow:2px 2px 8px #ccc; background:#fff; padding:10px;}
.projects-area-text{ width:100%; float:left; padding:0 0 5px; font-family: 'Roboto-Regular'; font-size:14px; color:#888;}
.projects-area-text span{ float:left; color:#222; font-family: 'robotomedium';}
.projects-area-btn{ float:left; padding:10px 0; font-family: 'robotomedium'; font-size:14px; color:#4078db;}
.projects-area-btn a, .projects-area-btn a:hover{ float:left; color:#4078db;}

.contact-area{ width:100%; float:left;}
.contact-left{ float:left; padding:60px;}
.left-box{ width:100%; float:left; padding:20px; background:#eee;}
.left-box-hdng{ width:100%; float:left; font-size:24px; color:#1b1b1b; font-family:'robotomedium'; text-transform:uppercase;}
.left-box-left{ width:60px; height:60px; float:left; text-align:center; background:#fff; padding:10px 0;}
.left-box-left img{ display:inline-block; text-align:center;}
.left-box span{ width:80%; float:left; font-size:16px; color:#1b1b1b; font-family:'Roboto-Regular'; padding:15px 0 0 20px;}
.left-box a{ text-decoration:none; color:#1b1b1b;}
.contact-right{ float:right; padding:60px 0;}
.contact-right-box{ width:100%; float:left; padding:5px 0;}
.contact-right-box-input{ width:100%; height:44px; float:left; padding:2px 20px; color:#1b1b1b; font-size:14px; font-family:'Roboto-Regular'; margin:0 0 10px; border-radius:3px; border:1px solid #ccc;}
.contact-right-box-textarea{ width:100%; height:100px; float:left; padding:10px 20px; color:#1b1b1b; font-size:14px; font-family:'Roboto-Regular'; margin:0 0 10px; border-radius:3px; border:1px solid #ccc;}
.contact-right-box-btn{ float:left; padding:10px 30px; color:#fff; background:#111; font-size:14px; font-family:'Roboto-Regular'; margin:0 0 10px; border-radius:3px; border:none; outline:none; cursor:pointer; text-transform:uppercase;}


@media only screen and (max-width:1280px){
.right-box{ width:35%; margin:35px 0 0;}
}

@media only screen and (max-width:1200px){
.right-box{ width:40%; margin:35px 0 0;}
}



@media only screen and (max-width:1024px){
.right-box{ width:42%; margin:35px 0 0;}
.services-box{ padding:30px;}
.services-box:hover{ box-shadow:0 0 10px #ccc;}
.services-box-hdng1{ font-size:16px;}
.services-box-brdr{ width:60px; height:2px;}
.services-box-hdng2{ padding:10px 0; font-size:22px;}
.services-box-hdng3{ padding:5px 0; font-size:16px;}
.services-box-text{ padding:0 0 10px; font-size:14px;}
.about{ padding:30px 0;}
.products-hdng{ padding:10px; font-size:20px;}
.privacy-box{ padding:10px 20px 0 20px;}
.newsletter-form{ margin:20px 0; padding:30px;}
.form-hdng{ padding:5px 0; font-size:26px;}
.form-text{ padding:0 0 10px; font-size:14px;}
.form-input{ height:34px; padding:5px 15px; margin-bottom:10px; font-size:14px;}
.form-textarea{ height:50px; padding:5px 15px; margin-bottom:10px; font-size:14px;}
.form-btn{ padding:7px 25px; font-size:14px; border:none;}
.footer{ padding:20px 0 0;}
.ftr-hdng{ padding:5px 0; font-size:18px;}
.ftr-text{ padding:15px 0 10px; font-size:14px;}
.ftr-text ul li a{ font-size:14px;}
.ftr-text{ padding:15px 0 10px; font-size:14px;}
.ftr-btm{ font-size:14px; padding:15px 0;}

}



@media only screen and (max-width:990px){
.right-box{ width:50%; margin:35px 0 0;}
.services-box{ padding:20px;}
.services-box:hover{ box-shadow:0 0 5px #ccc;}
.services-box-hdng1{ font-size:14px;}
.services-box-brdr{ width:40px; height:2px;}
.services-box-hdng2{ padding:10px 0; font-size:20px;}
.services-box-hdng3{ padding:5px 0; font-size:14px;}
.services-box-text{ padding:0 0 10px; font-size:12px;}
.about{ padding:10px 0;}
.products-hdng{ padding:10px; font-size:16px;}
.privacy-box{ padding:10px 20px 0 20px;}
.newsletter-form{ margin:20px 0; padding:20px;}
.form-hdng{ padding:5px 0; font-size:26px;}
.form-text{ padding:0 0 10px; font-size:14px;}
.form-input{ height:34px; padding:5px 15px; margin-bottom:10px; font-size:14px;}
.form-textarea{ height:50px; padding:5px 15px; margin-bottom:10px; font-size:14px;}
.form-btn{ padding:7px 25px; font-size:14px; border:none;}
.footer{ padding:20px 0 0;}
.ftr-hdng{ padding:5px 0; font-size:16px;}
.ftr-text{ padding:10px 0 10px; font-size:12px;}
.ftr-text ul li a{ font-size:12px;}
.ftr-text{ padding:10px 0 10px; font-size:12px;}
.ftr-btm{ font-size:12px; padding:10px 0;}
.about-hdng{ font-size:54px;}
.about-left{ padding:50px 50px 50px 0;}
.about-right{ padding:50px 0 0 50px;}
.about-btm{ padding:50px 0 0;}
}

@media only screen and (max-width:768px){
.right-box{ width:50%; margin:10px 0 0;}
.right-icon{ width:40px; padding:5px;}
.right-text{ font-size:14px; padding:10px 0 0;}
.right-hdng{ font-size:14px;}
.services-box{ padding:15px;}
.services-box-hdng1{ font-size:14px;}
.services-box-brdr{ width:30px; height:2px;}
.services-box-hdng2{ padding:10px 0; font-size:18px;}
.services-box-hdng3{ padding:5px 0; font-size:12px;}
.services-box-text{ padding:0 0 10px; font-size:12px;}
.products-hdng{ padding:5px; font-size:14px;}
.newsletter-left{ padding:0;}
.form-input{ height:40px; padding:5px 15px; margin-bottom:10px; font-size:14px;}
.form-textarea{ height:70px; padding:5px 15px; margin-bottom:10px; font-size:14px;}
.form-btn{ padding:10px 25px; font-size:14px; border:none;}
.about-bnr-texbox{ padding:20px 0;}
.about-hdng{ font-size:36px;}
.about-left{ padding:30px 30px 40px 0;}
.about-right{ padding:40px 0 0 40px;}
.about-btm{ padding:40px 0 0;}
.about-text{ padding:0 0 15px; font-size:14px;}
.contact-left{ float:left; padding:40px;}
.left-box{ padding:15px;}
.left-box-left{ width:50px; height:50px; padding:10px;}
.left-box span{ width:80%; font-size:14px; padding:5px 0 0 10px;}
}

@media only screen and (max-width:568px){
.right-icon{ width:40px; padding:5px; display:none;}
.right-textbox{ width:100%; padding:0;}
.services{ padding:10px 0;}
.about-bnr-texbox{ padding:10px 0;}
.about-hdng{ font-size:26px;}
.about-left{ padding:30px 30px 30px 0;}
.about-right{ padding:30px 0 0 30px;}
.about-btm{ padding:30px 0 0;}
.about-text{ padding:0 0 10px; font-size:12px;}
.contact-left{ float:left; padding:20px;}
.left-box{ padding:10px 15px;}
.left-box-left{ width:40px; height:40px; padding:7px;}
.left-box span{ width:80%; font-size:14px; padding:0 0 0 10px;}
}

@media only screen and (max-width:480px){
.right-box{ width:50%; margin:10px 0 0; display:none;}
.about-bnr-texbox{ padding:0;}
.about-hdng{ font-size:20px;}
.about-left{ padding:20px 20px 20px 0;}
.about-right{ padding:20px 0 0 20px;}
.about-btm{ padding:20px 0 0;}
}