/*
Author: Rayatul Islam  <a href="http://bright-webs.com/">Bright Web Solutions</a>
Author URI: http://bright-webs.com/
*/

html,body{height:100%;background:url(../images/bg.jpg) no-repeat center top/cover #f3f3f3;font-size:18px}
img{max-width:100%}
h1,h2,h3,h4{padding:0;margin:0}
h2{font-size:36px}
p{font-size:18px;color:#222;line-height:30px}
a:hover,a:focus{text-decoration:none;outline:none;color:#020053}
li,ul{margin:0;padding:0}
ul,ol{padding-left:15px;margin-bottom:15px}
.h5,h5{font-size:24px;font-weight:700}
.fix{overflow:hidden}
.pt100{padding-top:100px}
.pb100{padding-bottom:100px}
.mt100{margin-top:100px}
.mb100{margin-bottom:100px}
.mt60{margin-top:70px}
.mr20{margin-right:20px}
.mb0{margin-bottom:0!important}
.col-push{left:50%}
.col-pull{right:50%}
.nopad{padding-left:0;padding-right:0}
.spad{padding-top:55px;padding-bottom:55px}
.section-title{text-align:center;margin-bottom:50px;padding-top:50px;position:relative}
.section-title h2{text-transform:uppercase;color:#fff;font-weight:400}
.section-title h2 span{padding:0 3px 5px;display:inline-block;color:#FFF}
.section-title:after{content:"";position:absolute;left:50%;top:0;width:5px;height:30px;margin-left:-2.5px;background:#000}
.section-title.left{text-align:left}
.section-title.left:after{left:0;margin-left:0}
.section-title.dark h2{color:#020053}
.login_row{margin-bottom:8px}
#captcha{clear:both;display:block;font-size:18px;font-weight:700}
.site-btn{font-size:15px;color:#641fb1;display:inline-block;text-transform:uppercase;background:#000;padding:15px 50px;font-weight:500;letter-spacing:1px;min-width:170px;text-align:center;border:none}
.site-btn.btn-2{background:#020053;color:#fff;font-weight:400}
.site-btn.btn-3{background:transparent;color:#020053;border:1px solid #020053;padding:14px 50px}
.site-btn:hover,.site-btn:focus{text-decoration:none;outline:none}
#preloder{position:fixed;width:100%;height:100%;top:0;left:0;z-index:999999;background:#f1f1f1;display:table}
.loader{text-align:center;display:table-cell;vertical-align:middle}
.loader img{animation:loader .8s linear infinite;-webkit-animation:loader .8s linear infinite}
.loader h2{font-size:14px;margin-top:10px}
.responsive{display:none}
.header-section{width:100%;position:relative;overflow:hidden;z-index:999;padding:0 50px;-webkit-transition:all .4s ease 0;-o-transition:all .4s ease 0;transition:all .4s ease 0}
.header-section .logo{display:inline-block;float:left;padding:10px 0}
.header-section .logo img{-webkit-transition:all .4s ease 0;-o-transition:all .4s ease 0;transition:all .4s ease 0}
.header-section .menu-list{list-style:none;float:right;margin-top:20px}
.header-section .menu-list li{display:inline;text-transform:uppercase;font-size:16px}
.header-section .menu-list li a{display:inline-block;padding:35px 15px;margin-right:0;color:#000;position:relative;font-weight:700;letter-spacing:.09em;-webkit-transition:all .4s ease 0;-o-transition:all .4s ease 0;transition:all .4s ease 0}
.header-section .menu-list li a:hover,.header-section .menu-list li a.active{color:#020053}
.header-section .menu-list li:last-child a{margin-right:0}
.header-section .menu-list li.active a{color:red}
.header-section .menu-list .current a:after{width:10px;margin-left:-5px}
.hero-section{position:relative;padding:40px 0}
.hero-content .subttl{font-size:35px;line-height:40px;margin-bottom:2px}
.hero-content .mainttl{color:red;font-weight:700;font-size:50px;line-height:50px;margin-bottom:20px}
.hero-content .hero-center{display:table-cell;vertical-align:middle}
.hero-content p{font-size:16px;line-height:24px;color:#000}
.about-section,.team-section{background:#020053;position:relative;z-index:2}
.about-contant{position:relative;z-index:5}
.about-contant p,.about-contant ul,.about-contant ol{color:#fff}
.about-contant h2{color:#fff}
.about-contant h3{color:#fff}
.about-contant ul,.about-contant ol{padding-left:15px}
.promotion-section{background:#FFF;padding:50px 0}
.bigTitle{margin-bottom:35px}
.promotion-section h1{font-weight:700;color:#000;font-size:45px;line-height:40px;margin-bottom:18px;text-align:center}
.promotion-section h1 span{color:red}
.promotion-section p{font-size:15px;line-height:24px;margin-bottom:0}
.promotion-section .promo-btn-area{text-align:right;padding-top:15px;text-align:center}
.promotion-section .promo-btn-area p{font-size:20px;margin-bottom:10px}
.innerContainer{background:#FFF;padding:50px 0}
.featBox{margin-bottom:30px}
.featBox h3{font-size:20px;margin-bottom:10px}
.CTA-section{background:#f2f2f2;padding:40px 0}
.CTA-section p{font-size:25px}
.contact-section{position:relative}
.contact-section:after{position:absolute;content:"";width:50%;height:100%;right:-15px;top:0;background:#020053;z-index:-1}
.form-class input[type="text"]{width:100%;margin-bottom:26px;border:none;background:#f6edfb;padding:17px 20px}
.form-class input[type="text"]:focus,.form-class input[type="text"]:hover{outline:none}
.form-class textarea{width:100%;margin-bottom:40px;border:none;background:#f6edfb;padding:15px 20px;height:260px}
.footer_menu{padding:15px 0;background:#343434}
.footer_menu ul{list-style:none;padding:0;margin:0;text-align:center}
.footer_menu ul li{font-size:18px;padding:0 15px;display:inline;background:url(../images/bar.png) no-repeat right center}
.footer_menu ul li:last-child{background:0}
.footer_menu ul li a{color:#FFF}
.footer-section{background:#4b4b4b;text-align:center}
.footer-section h2{color:#020053;font-size:14px;padding:18px 0}
.footer-section p{font-size:16px;color:#FFF}
@media only screen and (min-width: 1550px) {
#testimonial-slide .owl-dots{right:-100px}
.test-overlay{width:500px}
}
@media only screen and (min-width: 1280px) and (max-width: 1549px) {
#testimonial-slide .owl-dots{right:-40px}
.test-overlay{width:400px}
}
@media only screen and (min-width: 992px) and (max-width: 1279px) {
#testimonial-slide .owl-dots{right:-25px}
}
@media only screen and (max-width: 1254px) {
#testimonial-slide .owl-dots{top:95%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;left:50%;margin-left:-4px}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.test-overlay{display:none}
#testimonial-slide .owl-dots{top:95%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;left:50%;margin-left:-4px}
.card-section{padding-bottom:0}
.lab-card{margin-bottom:80px}
.promotion-section .promo-btn-area{text-align:left}
.contact-section::after{width:100%;right:0}
.contact-info{margin-bottom:95px}
.col-push{left:0}
.col-pull{right:0}
.sv-card{margin-bottom:30px}
.newsletter-section h2{margin-bottom:30px}
.circle-progress{margin-bottom:40px}
.icon-box{margin-bottom:30px}
.facts .fact{margin-bottom:40px}
}
@media only screen and (max-width: 767px) {
.header-section .logo{padding-top:20px;padding-bottom:20px}
.header-section .menu-list{display:none;float:none;clear:both;border-top:1px solid #ddd}
.header-section .menu-list li{display:inline}
.header-section .menu-list li a{display:block;padding:10px;margin-right:0}
.header-section .menu-list li a:after{left:0}
.header-section .menu-list li a:hover:after{width:10px;margin-left:10px}
.header-section .menu-list .current a:after{margin-left:10px}
.responsive{display:block;color:#333;font-size:34px;position:absolute;right:30px;padding-top:10px;cursor:pointer}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{width:50px}
.hero-content img{max-width:280px}
.test-overlay{display:none}
#testimonial-slide .owl-dots{top:86%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;left:50%;margin-left:-4px}
.card-section{padding-bottom:0}
.lab-card{margin-bottom:80px}
.testimonial-section{padding-top:160px}
.member{margin-bottom:60px}
.promotion-section .promo-btn-area{text-align:left}
.contact-section::after{width:100%;right:0}
.contact-info{margin-bottom:95px}
.col-push{left:0}
.col-pull{right:0}
.devices{margin-top:70px;margin-bottom:70px}
.sv-card{margin-bottom:30px}
.newsletter-section h2{margin-bottom:30px}
.buttons button{margin-bottom:20px}
.facts .fact{margin-bottom:40px}
}
@media only screen and (max-width: 479px) {
.header-section{padding:0 20px}
.intro-video{margin-top:-30px}
.post-thumbnail .post-date{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.single-post .author .avatar{margin-right:20px}
.single-post .author .avatar img{min-width:60px}
.buttons button{margin-bottom:20px}
}
@media screen and (max-width:768px) {
.promotion-section h2{font-size:36px}
.hero-section{height:auto!important;text-align:center}
.featBox{text-align:center}
.owl-height{height:300px!important}
}
@media screen and (max-width:480px) {
.header-section .logo{width:75%}
}