@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800|Open+Sans:400,400i,600,700|Raleway:400,500,600,700,800);
body,html{height:100%}
.floatleft{float:left}
.floatright{float:right}
.alignleft{float:left;margin-right:15px;margin-bottom:15px}
.alignright{float:right;margin-left:15px;margin-bottom:15px}
.aligncenter{display:block;margin:0 auto 15px}
a:focus{outline:0 solid}
img{max-width:100%;height:auto}
.fix{overflow:hidden}
p{margin:0 0 15px;color:#777}
h1,h2,h3,h4,h5,h6{margin:0 0 15px;color:#444;font-weight:700;font-family:Raleway,sans-serif}
h1{font-size:48px;line-height:50px;font-family:Montserrat,sans-serif}
h2{font-size:38px;line-height:40px}
h3{font-size:30px;line-height:32px}
h4{font-size:24px;line-height:26px}
h5{font-size:20px;line-height:22px}
h6{font-size:16px;line-height:20px}
a{transition:all .3s ease 0s;text-decoration:none}
a:hover{color:#cbab4e;text-decoration:none}
a:active,a:hover{outline:0 none}
a:focus,a:hover{color:#333;text-decoration:none}
body{background:#fff none repeat scroll 0 0;color:#777;font-family:'Open Sans',sans-serif;font-size:14px;text-align:left;overflow-x:hidden;line-height:24px}
#scrollUp{background:#000 none repeat scroll 0 0;border-radius:2px;bottom:15px;box-shadow:0 0 10px rgba(0,0,0,.05);color:#fff;font-size:20px;height:34px;line-height:30px;opacity:.6;right:15px;text-align:center;transition:all .3s ease 0s;width:34px}
#scrollUp:hover{background:#cbab4e;opacity:1}
.clear{clear:both}
ul{list-style:outside none none;margin:0;padding:0}
button,button[type=submit],input,input[type=date],input[type=email],input[type=password],input[type=tel],input[type=text],input[type=url],select,textarea{-moz-appearance:none;box-shadow:none!important}
input:focus,select:focus,textarea:focus{outline:0}
div#preloader{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;overflow:visible;background:#fff url('img/logo/preloader.gif') no-repeat center center}
.navbar-collapse{padding-left:0}
::-moz-selection{background:#165852;text-shadow:none}
::selection{background:#cbab4e;text-shadow:none}
.color{color:#3c409b;font-weight:700}
.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
.area-padding{/* padding:90px 0 */padding:40px 0}
.area-padding-2{padding:70px 0 50px}
.padding-2{padding-bottom:90px}
.section-headline{margin-bottom:60px;position:relative}
.section-headline h3{display:inline-block;font-size:30px;font-weight:700;text-transform:uppercase}
.section-headline.white-headline h3,.section-headline.white-headline p{color:#fff}
.section-headline.text-left{margin-bottom:30px}
.section-headline::after{border:1px solid #3c409b;bottom:-10px;content:"";left:0;margin:0 auto;position:absolute;width:60px;right:0}
.section-headline.text-left h3::after{border:2px solid #3c409b;left:0;right:auto}
.section-headline p{max-width:650px;font-size:16px;letter-spacing:.5px;margin:0 auto;line-height:26px}
.sub-head h4{color:#fff;font-size:30px;position:relative;padding-bottom:30px}
.sub-head h4::after{border:2px solid #3c409b;bottom:0;content:"";left:0;margin:0 auto;position:absolute;width:20%}
.sub-head p{color:#fff;font-size:17px;margin-top:20px;line-height:26px}
.mar-row{margin-top:50px}
.small-title{text-transform:uppercase;font-size:13px;margin-bottom:10px;color:#3c409b}
.section-headline h4{font-size:26px;max-width:800px;line-height:36px;font-weight:700;margin:0 auto;text-transform:uppercase}
.load-more-btn{text-transform:uppercase;background:#3c409b;display:inline-block;padding:15px 30px;color:#fff;font-weight:600;margin-top:30px;border-radius:3px;width:200px;transition:.4s;border:2px solid #3c409b}
.load-more-btn:hover{background:#fff;border:2px solid #3c409b;color:#3c409b;transition:.4s}
.bg-color{background:#f9f9f9}
:focus{outline:-webkit-focus-ring-color auto 0}
.parallax-bg{position:relative}
.parallax-bg:before{position:absolute;left:0;top:0;width:100%;height:100%;background:#002c57;opacity:.8;content:""}
.single-brand-item{border:1px solid #ccc}
.topbar-left ul li{display:inline-block}
.topbar-area{background:#3b3f9b}
.topbar-left ul li a{color:#ddd;display:block;font-weight:600;margin-right:20px;padding:15px 0;text-decoration:none;font-size:16px}
.topbar-left ul li a i{color:#3c409b;font-size:16px;padding-right:7px}
.topbar-right{position:relative;display:block}
.top-social{float:right;padding:15px 0;margin-right:10px}
.top-social ul li{display:inline-block}
.top-social ul li a{color:#ddd;margin-right:5px;display:block;text-align:center;font-size:15px;width:26px;height:26px;border-radius:5px;line-height:25px}
.top-social ul li a:hover{color:#fff;background:#3c409b}
.quote-button{float:right}
.quote-button .quote-btn{text-transform:uppercase;font-size:14px;font-weight:800;color:#fff;background:#3c409b;display:inline-block;border:2px solid #3c409b;padding:14px 20px;margin:0;transition:.4s}
.quote-button .quote-btn:hover{background:#fff;color:#3c409b;border:2px solid #fff;transition:.4s}
.slogan{margin-bottom:0;padding:16px 0;color:#fff;font-size:16px}
.header-area{background:#fff;box-shadow:2px 2px 5px #ccc,0 0 0 #ccc}
.logo{display:block}
.logo a{display:inline-block;height:auto;padding:0px 0}
.main-menu ul.navbar-nav li{float:left;position:relative}
.main-menu ul.navbar-nav>li>a{background:rgba(0,0,0,0) none repeat scroll 0 0;color:#444;font-size:14px;font-weight:700;padding:56px
 0;text-transform:uppercase;font-family:Montserrat,sans-serif;margin:0 15px}
.main-menu ul.navbar-nav li a:hover{color:#3b3f9b}
.main-menu ul.navbar-nav>li>a::before{background:#3b3f9b;content:"";height:2px;position:absolute;top:0;width:0;transition:.5s;left:0}
.main-menu ul.navbar-nav>li.active>a::before,.main-menu ul.navbar-nav>li:hover>a:before{width:100%}
.main-menu ul.navbar-nav li.active a:focus{color:#3b3f9b}
.main-menu ul.navbar-nav li.active a{background:rgba(0,0,0,0) none repeat scroll 0 0;color:#3b3f9b;position:relative;z-index:9999999}
.navbar{border:medium none;margin-bottom:0}
.navbar-default{background:rgba(0,0,0,0) none repeat scroll 0 0}
.main-menu ul.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{background:0 0;color:#3b3f9b}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background-color:transparent;color:#3b3f9b}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:0 0}
.main-menu ul.nav li ul.sub-menu{background:#fff;border-top:2px solid #3b3f9b;left:0;opacity:0;position:absolute;top:115%;transition:all .3s ease 0s;visibility:hidden;width:220px;z-index:-99}
.pagess{position:relative}
.navbar.navbar-default{float:right}
.main-menu ul.nav li ul.sub-menu li{border-bottom:1px solid #ddd;padding:0;position:relative;width:100%}
.main-menu ul.nav li:hover ul.sub-menu{top:100%;opacity:1;z-index:999;visibility:visible}
.main-menu ul.nav li ul.sub-menu li a{color:#444;display:block;font-size:13px;font-weight:700;padding:10px 15px;text-transform:uppercase;font-family:Montserrat,sans-serif}
.main-menu ul.nav li ul.sub-menu li a span{color:#3b3f9b}
.main-menu ul.nav li:hover ul.sub-menu li a:hover{color:#3b3f9b}
.main-menu ul.nav li ul.sub-menu li:last-child{border:none}
.stick .header-search input,.stick span.search-button i{color:#444}
.search-option-5 button.button{display:inline-block;border:none;background:0 0;padding:0}
.search-option{background:#fff none repeat scroll 0 0;bottom:-48px;color:#444;display:none;position:absolute;right:20px;width:260px;z-index:99999}
.search-option input{background:#fff none repeat scroll 0 0;border:medium none;color:#444;display:block;float:left;font-size:14px;font-style:italic;padding:8px 10px;width:210px;height:44px}
.search-option button.button{background:#3b3f9b;border:medium none;color:#fff;display:inline-block;float:right;font-size:17px;line-height:35px;padding:5px 15px;text-align:center}
.header-right-link a.main-search{color:#fff;display:inline-block;float:right;font-size:16px;line-height:39px;position:relative;text-align:center;width:40px;height:40px;background:#3b3f9b;border-radius:5px;margin:35px 0 35px 10px}
.header-area.stick{left:0;position:fixed;top:0;width:100%;z-index:999999;box-shadow:0 0 5px #000,-2px -2px 5px #000;background:#fff}
.header-area.stick .logo a{display:inline-block;height:auto;padding:11px 0}
.header-area.stick .main-menu ul.navbar-nav li a{padding:25px 0}
.header-area.stick .quote-button{float:right;padding:13px 5px}
.header-area.stick .header-right-link a.main-search{margin:15px 10px}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a{color:#444;display:block;font-size:13px;font-weight:700;padding:10px 15px}
.header-area.stick .main-menu ul.nav li ul.sub-menu li a:hover{color:#3b3f9b}
.header-area.stick .navbar-brand>img{display:block;width:160px;height:auto}
.mobile-menu-area{background:#f9f9f9 none repeat scroll 0 0;padding:10px 0}
.mean-container .mean-bar::after{content:"";font-size:21px;left:5%;position:absolute;top:12px;text-transform:uppercase;font-weight:500}
.mean-container a.meanmenu-reveal:hover{color:#252525}
.mean-container .mean-nav ul{list-style-type:none;margin:20px 0;padding:0;width:100%}
.mean-container .mean-nav ul li a{background:#f8f8f8 none repeat scroll 0 0;color:#444;display:block;float:left;font-size:12px;font-weight:700;margin:0;padding:13px 10px;text-align:left;text-decoration:none;text-transform:uppercase;width:90%}
.mean-nav ul li.mean-last{margin-bottom:20px}
.mean-container .mean-nav ul li a.mean-expand{color:#444;line-height:17px}
.mean-container .mean-nav ul li{width:99.7%}
.intro-content{position:relative;z-index:1}
.intro-content::after{background:rgba(10,27,40,.8) none repeat scroll 0 0;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
.slider-content{position:absolute;right:0;text-align:left;top:50%;z-index:3;left:0;margin:0 auto;margin-top:-120px}
.layer-1-2{margin:20px 0}
.layer-1-1 p{color:#fff;font-size:22px;letter-spacing:.6px;line-height:30px;font-weight:500}
.layer-1-2 h1{color:#fff;font-size:70px;font-weight:800;line-height:90px;text-transform:uppercase;letter-spacing:2px;margin:20px 0}
.ready-btn{border:1px solid #3b3f9b;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:12px 20px;text-align:center;text-transform:uppercase;transition:all .4s ease 0s;z-index:222;background:#3b3f9b;width:160px;border-radius:50px}
.ready-btn:hover{color:#fff;background:#3b3f9b;border:2px solid #3b3f9b;text-decoration:none}
.ready-btn.right-btn{margin-left:15px;background:0 0;border:2px solid #fff;color:#fff}
.ready-btn.right-btn:hover{background:#3b3f9b;border:2px solid #3b3f9b}
.ready-btn.left-btn:hover{background:0 0;border:2px solid #fff;color:#fff}
.layer-1-2 .color{color:#3b3f9b;font-weight:900}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next,.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{color:#fff;font-size:28px;margin-top:-20px;position:absolute;top:50%;text-align:center;line-height:58px;opacity:0;border:2px solid #fff;width:60px;height:60px;border-radius:50%}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{left:10%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s}
.intro-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{right:10%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{right:2%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;opacity:1}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{left:2%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;opacity:1}
.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,.intro-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{color:#fff;background:#3b3f9b;border:2px solid #3b3f9b}
.intro-carousel .owl-item .layer-1-2{transform:translateY(100%);opacity:0;transition:all 1s ease-in-out .3s}
.intro-carousel .owl-item .layer-1-1{transform:translateY(100%);opacity:0;transition:all 1s ease-in-out 1s}
.intro-carousel .owl-item .layer-1-3{transform:translateY(100%);opacity:0;transition:all 1s ease-in-out 1.5s}
.intro-carousel .owl-item.active .layer-1-1,.intro-carousel .owl-item.active .layer-1-2,.intro-carousel .owl-item.active .layer-1-3{transform:translateY(0);opacity:1}
.intro-carousel .owl-item.active .slider-images img{transform:scale(1.1);transition:10s}
.well-services{padding:0px 15px;/* box-shadow:0 5px 25px rgba(0,0,0,.1); */background:#F8F8F8 !important;position:relative;height: 290px;margin-top:30px;}
.well-content1{padding-top:30px;}
.well-services::after{position:absolute;left:0;bottom:0;width:0%;height:2px;background:#3b3f9b;content:"";transition:.5s}
.well-services:hover::after{width:100%;height:2px;background:#3b3f9b;transition:.5s}
.well-icon{margin-bottom:20px;display:block;width: 120px;height: 120px;margin-top: -60px;margin-bottom: 1.5rem;display: inline-flex;align-items: center;justify-content: center;background: #FFFFFF;border-radius: 120px;transition: .5s;}
.well-icon a{font-size:50px;line-height:60px;color:#3b3f9b}
.about-content h4{font-weight:600;line-height:32px;text-transform:uppercase;font-size:22px;position:relative;padding-bottom:15px}
.about-content h4 ::after{border:1px solid #da646b;bottom:0;content:"";left:0;margin:0 auto;position:absolute;width:12%}
.about-content p{font-size:14px;letter-spacing:.5px;line-height:24px;text-align: justify;}
.about-details{overflow:hidden;display:block;padding-top:10px}
.icon-title{display:block;overflow:hidden}
.single-about{width:48%;float:left;margin-right:20px}
.single-about p{text-align:left}
.single-about:nth-child(2n),.single-about:nth-child(4n){margin-right:0}
.single-about:nth-child(3n),.single-about:nth-child(4n){margin-bottom:0}
.single-about a{font-size:40px;color:#3b3f9b;float:left;line-height:49px}
.single-about h5{font-size:18px;color:#666;float:left;line-height:50px;padding-left:10px;margin-bottom:0;font-weight:600}
.about-image{border-radius:10px}
.about-image img{border-radius:10px;width: 100%;}
.services-area{background:#fff}
.services-all{margin-top:-30px}
.single-services{box-shadow:none;margin-top:30px;position:relative;z-index:1;border:1px solid #f6f6f6;padding:20px 10px}
.service-icons{width:60px;float:left;height:60px;font-size:30px;color:#fff;background:#3b3f9b;line-height:56px;text-align:center;border-radius:50%;border:2px solid #3b3f9b}
.services-all .service-content{padding-left:75px}
.single-services .service-content h4{font-size:18px;text-transform:uppercase;font-weight:700}
.single-services .service-content h4 a{color:#444}
.single-services .service-content h4 a:hover{color:#3b3f9b}
.single-services:hover .service-icons{color:#3b3f9b;background:#fff;border:2px solid #3b3f9b}
.counter-area{background:rgba(0,0,0,0) url(img/background/bg1.jpg) no-repeat scroll bottom center/cover}
.counter-inner{background:#f6f6f6;padding:100px 30px 100px 70px}
.fun_text{text-align:center;background:#3b3f9b;padding:30px 15px;border-radius:10px}
.fun_text:nth-child(3n){margin-right:0}
.fun_text span{color:#fff;display:block;font-size:36px;font-weight:700;padding-bottom:10px;line-height:40px}
.fun_text>h5{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;margin-bottom:0}
.single-awesome-project{float:left;overflow:hidden;width:100%}
.project-all{margin-top:-40px}
.project-all .single-awesome-project{margin-top:30px;position:relative}
.first-item{margin-bottom:30px}
.project-carousel .col-md-4{width:100%}
.awesome-img{display:block;width:100%;height:100%;position:relative;overflow:hidden}
.awesome-img img{transform:scale(1.1);transition:.4s}
.single-awesome-project:hover .awesome-img img{transform:scale(1);transition:.4s}
.awesome-img>a{display:block;position:relative}
.single-awesome-project:hover .awesome-img>a::after{opacity:1}
.single-awesome-project:hover .add-actions{opacity:1}
.awesome-img>a::after{/* background:rgba(0,44,87,.95); */content:"";height:100%;left:0;position:absolute;top:0;width:100%;opacity:0;transition:.4s}
.add-actions{display:block;height:100%;left:0;opacity:0;/* position:absolute; */position:relative;text-align:center;transition:all .4s ease 0s;width:100%;z-index:9999;top:0;cursor:pointer}
.port-icon{color:#f4f4f4;display:inline-block;cursor:pointer;top:80%;position:relative;font-size:40px;margin-top:-25px;float:right;right:20px}
.project-dec{display:block;padding:20px 0 0 0;position:absolute;top:10px;left:30px;transition:.5s;opacity:0}
.project-dec h4{color:#fff;font-size:22px;font-weight:500;text-decoration:none;text-transform:capitalize;margin-bottom:5px;cursor:pointer}
.project-dec h4 a{color:#fff}
.project-dec h4 a:hover{color:#3b3f9b}
.project-dec span{font-size:14px}
.project-dec p{margin-bottom:0}
.pst-content{padding-left:10px}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next,.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{color:#fff;font-size:18px;margin-top:-20px;position:absolute;top:50%;text-align:center;line-height:39px;opacity:0;border:1px solid #fff;width:40px;height:40px;border-radius:50%}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{left:10%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s}
.project-carousel.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{right:10%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next{right:2%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;opacity:1}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev{left:2%;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;opacity:1}
.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-next:hover,.project-carousel.owl-carousel.owl-theme:hover .owl-controls .owl-nav div.owl-prev:hover{color:#fff;background:#3b3f9b;border:1px solid #3b3f9b}
.single-awesome-project:hover .project-dec{left:40px;transition:.5s;opacity:1}
.quote-area{background:url(img/background/bg1.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover}
.quote-area #contactForm{margin-top:20px}
.quote-area .quote-icon{display:block;margin-bottom:40px}
.quote-area .quote-icon i{color:#fff;float:left;font-size:30px;border:1px solid #3b3f9b;background:#3b3f9b;width:50px;height:50px;text-align:center;line-height:50px}
.quote-area .quote-icon span{color:#fff;display:block;padding-left:70px;line-height:24px;font-size:17px}
.form-row{margin-top:60px}
.quote-area #contactForm input{border:none;border-radius:0;height:46px;margin-bottom:20px;width:100%;padding:6px 12px;color:#555}
.quote-area .contact-form textarea#message{height:115px;border-radius:0;border:none;margin-bottom:20px}
.quote-area .quote-btn{background:#3b3f9b;border:1px solid #3b3f9b;color:#fff;padding:10px 20px;font-size:17px;font-weight:700;text-transform:uppercase;display:block;width:100%;transition:.4s;border-radius:0}
.quote-area .quote-btn:hover{background:#fff;border:1px solid #3b3f9b;color:#3b3f9b;transition:.4s}
.testimonial-area{background:#fff}
.testimonial-carousel .owl-stage-outer{padding:30px 0}
.single-testi{padding:30px 20px;position:relative;/* border:1px solid #f1f1f1 */}
.testi-img{margin-bottom:30px}
.testimonial-area .active.center .single-testi{padding:30px 20px;position:relative;border:none;box-shadow:5px 5px 15px rgba(0,0,0,.1),-5px -5px 15px rgba(0,0,0,.1)}
.testi-img img{width:100%;max-width:80px;height:auto;border-radius:50%;float:left}
.client-rating{padding-bottom:10px}
.client-rating a{display:inline-block;color:#fec731;font-size:18px}
.texti-name{padding-left:20px;margin-top:15px;display:inline-block}
.texti-name h4{font-weight:700;text-transform:uppercase;font-size:15px;margin-bottom:0}
.guest-rev a{color:#3b3f9b}
.testi-text p{color:#444}
.testi-text h5{color:#444;font-size:20px}
.testi-text a{color:#3b3f9b}
.Reviews-content{margin-top:-30px}
.testimonial-carousel.item-indicator{padding:10px 0 20px}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot>span{background:#444 none repeat scroll 0 0;display:inline-block;height:8px;width:8px;-moz-transition:.4s;-webkit-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s;border-radius:50%}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots{bottom:0;display:block;left:50%;margin-left:-20px;position:absolute}
.testimonial-content{margin-bottom:15px}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot{display:inline-block;margin:0 3px}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span{background:#3b3f9b}
.reviews-page .single-testi{margin-bottom:30px}
.subscribe-area{position:relative;background:url(img/background/bg1.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover}
.subs-title{margin-bottom:30px}
.subs-title h4{font-size:30px;font-weight:500}
.subs-overly{background:rgba(255,255,255,.6) none repeat scroll 0 0;float:right;height:100%;overflow:hidden;padding:50px 100px;position:absolute;right:0;top:0;width:100%}
.contact-form.news-form .form-control{border:1px solid #ccc;color:#444;float:left;width:70%;padding:5px 15px;height:48px;background:#fff}
.contact-form.news-form .add-btn{float:right;margin-left:15px;margin-top:0;text-transform:uppercase;background:#3b3f9b;display:inline-block;padding:11px 30px;color:#fff;font-weight:600;border-radius:3px;max-width:210px;transition:.4s;border:2px solid #3b3f9b;width:100%}
.contact-form.news-form .add-btn:hover{background:#fff;color:#3b3f9b;border:2px solid #3b3f9b}
.blog-grid{margin-top:-30px}
.blog-image{overflow:hidden;display:block}
.image-scale{position:relative;transform:scale(1.1);display:block;transition:.5s}
.image-scale::after{position:absolute;content:"";background:rgba(0,46,91,.3);width:100%;height:100%;left:0;top:0}
.blog-content a h4{font-size:18px;text-transform:capitalize;font-weight:600;color:#444;line-height:24px;margin-top:-20px}
.blog-meta{position:relative;top:-40px;background:#3b3f9b;width:150px;padding:7px 10px;left:0;text-align:center}
.blog-meta span{color:#fff;font-size:14px;font-weight:700;padding-right:10px}
.blog-title{margin-top:12px}
.single-blog:hover .image-scale{transform:scale(1);transition:.5s}
.single-blog:hover .image-scale::after{background:rgba(0,46,91,0)}
.single-blog{margin-top:30px;position:relative;overflow:hidden}
.blog-grid-fast{margin-top:-30px}
.single-blog.b-mar{margin-top:20px}
.blog-content a h4:hover{color:#3b3f9b}
.blog-btn{display:inline-block;font-weight:700;color:#444;position:relative;text-transform:uppercase;font-size:12px}
.blog-btn::after{position:absolute;content:"";left:0;bottom:0;opacity:0;transition:.5s;background:#3b3f9b;width:0;height:2px}
.blog-btn:hover{color:#3b3f9b}
.blog-btn:hover.blog-btn::after{width:100%;opacity:1;transition:.5s}
.footer-area{/* padding:70px 0; */padding:30px 0;background:#474aa1}
.footer-logo{margin-bottom:15px}
.footer-head p{color:#ddd}
.footer-head h4{color:#ddd;font-size:18px;margin-bottom:20px;text-transform:uppercase;font-weight:700}
.footer-head .single-blog{margin-top:35px;position:relative;overflow:visible}
.footer-head .blog-content a h4{color:#fff;margin-bottom:5px;line-height:22px;font-size:17px}
.footer-head .blog-content a h4:hover{color:#3b3f9b}
.footer-head .blog-btn{color:#3b3f9b}
.footer-head .blog-text p{margin-bottom:10px}
.footer-icons ul li{display:inline-block}
.footer-icons ul li a{color:#ddd;display:block;font-size:16px;line-height:28px;text-align:center;margin-right:5px;width:30px;height:30px;border:1px solid #ddd;border-radius:50%}
.footer-icons ul li a:hover,.footer-tags li a:hover{color:#fff;background:#3b3f9b;border:1px solid #3b3f9b}
.footer-tags li{float:left}
.footer-tags li a{color:#ddd;display:block;font-size:14px;line-height:28px;text-align:center;margin:3px;border:1px solid #002c57;background:#002c57;font-weight:600;padding:3px 5px;border-radius:2px}
.footer-icons{margin-top:20px}
.footer-contacts p span{color:#3b3f9b;font-weight:700}
.footer-content{display:block;overflow:hidden}
.footer-list li a{color:#ddd;padding:3px 0 3px 20px;display:block;position:relative;font-weight:500;font-size: 13px;}
.footer-head address{font-size:13px}
.footer-list li:first-child a{padding-top:0}
.footer-list li:last-child a{padding-bottom:0}
.footer-list li a::after{position:absolute;content:"\e876";right:auto;top:2px;font-family:berater;font-size:12px;left:0}
.footer-list li a:hover{color:#ffffff}
.footer-area-bottom{background:#3b3f9b none repeat scroll 0 0;padding:8px 0;border-top:1px solid #3b3f9b}
.copyright-text a:hover{text-decoration:underline;color:#3b3f9b}
.copyright-text a{color:#ddd}
.copyright>p{margin-bottom:0;color:#ddd}
.copyright a{color:#3b3f9b}
.header-two{position:absolute;top:0;left:0;width:100%;height:auto;z-index:999}
.topbar-area-2{background:0 0}
.header-area-2{background:0 0;box-shadow:none;border-top:1px solid rgba(255,255,255,.2)}
.topbar-area-2 .topbar-left ul li a{color:#fff}
.header-area-2 .main-menu ul.navbar-nav li a{color:#fff}
.intro-area-2 .slider-content{margin-top:-70px}
.header-area-2.stick{background:#252525}
.footer-area-2{background:#111}
.footer-area-2 .footer-tags li a{border:1px solid #222;background:#222}
.footer-area-bottom-2{background:#111 none repeat scroll 0 0;border-top:1px solid #333}
.footer-area-2 .footer-tags li a:hover{background:#3b3f9b;border:1px solid #3b3f9b}
.services-2 .service-images{display:block}
.services-2 .single-services{box-shadow:0 5px 25px rgba(0,0,0,.1);position:relative;z-index:1;border:none;padding:0}
.services-2 .service-content{padding:30px 20px}
.read-more{font-weight:700;text-transform:uppercase;color:#444;position:relative;font-family:Montserrat,sans-serif;font-size:13px;z-index:2}
.read-more::after{position:absolute;content:"\f105";font-family:fontAwesome;right:-12px;top:-3px}
.read-more:hover{color:#3b3f9b}
.banner-area{background:rgba(0,0,0,.7) url(img/background/bg1.jpg) no-repeat scroll center center/cover;display:block;overflow:hidden;position:relative;z-index:1}
.banner-contact{padding:30px 0 0}
.banner-contact span i{display:inline-block;width:50px;height:50px;color:#fff;border:1px solid #3b3f9b;background:#3b3f9b;text-align:center;line-height:46px;border-radius:50%;margin-right:20px}
.banner-contact span{color:#fff;font-weight:700;font-size:24px;margin-right:20px}
.banner-btn{border:1px solid #3b3f9b;display:inline-block;padding:12px 20px;color:#fff;font-weight:700;font-size:20px;background:#3b3f9b;border-radius:2px;text-transform:uppercase;border-radius:50px}
.banner-btn:hover{background:0 0;border:1px solid #fff;color:#fff}
.banner-content h2{margin:0 auto;color:#fff;font-size:60px;line-height:70px;font-weight:900;text-transform:uppercase;font-family:Montserrat,sans-serif}
.team-img{position:relative}
.team-img>a{display:block}
.team-img>a::after{background:rgba(0,0,0,.7);bottom:0;content:"";height:100%;left:0;position:absolute;transition:all .5s ease 0s;width:100%;opacity:0}
.single-team-member:hover .team-img a:after{opacity:1}
.single-team-member:hover .team-social-icon{top:45%;opacity:1}
.team-social-icon{left:50%;margin-left:-61px;opacity:0;position:absolute;top:30%;transition:1.3s}
.team-social-icon ul li{display:inline-block}
.team-social-icon ul li a{border:1px solid #fff;border-radius:50%;color:#fff;display:block;font-size:15px;height:40px;line-height:39px;margin:0 3px;width:40px;text-align:center}
.team-social-icon ul li a:hover{color:#fff;border:1px solid #3b3f9b;background:#3b3f9b}
.team-content{padding:10px;position:relative;border:1px solid #ccc;text-align:center;border-top:none;z-index:1}
.team-content::before{position:absolute;content:"";left:0;top:0;background:#3b3f9b;width:0%;height:100%;opacity:0;transition:.4s;z-index:-1}
.team-content>h4{color:#444;margin-bottom:5px;font-weight:700;text-transform:uppercase;font-size:18px}
.team-content>p{color:#666;margin-bottom:5px;font-size:15px;font-weight:700}
.single-team-member:hover .team-content::before{opacity:1;transition:.4s;width:100%}
.single-team-member:hover .team-content>h4,.single-team-member:hover .team-content>p{color:#fff}
.all-team{margin-top:-30px}
.all-team .single-team-member{margin-top:30px}
.header-middle-area .header-info{width:33.33%;float:left;padding:33px 0}
.header-middle-area .header-info-text span{display:block;font-size:14px}
.header-middle-area .info-simple{font-weight:700;color:#777;font-size:12px}
.header-middle-area .header-icon{float:left;margin-right:10px}
.header-middle-area .logo a{padding:25px 0}
.header-icon i{color:#3b3f9b;font-size:34px;line-height:40px}
.info-first{font-weight:700;color:#444}
.header-area-3{background:#fff;border-top:1px solid rgba(0,174,240,.2);box-shadow:none}
.header-area-3.stick{background:#fff}
.header-area-3 .navbar.navbar-default{float:left}
.header-area-3 .main-menu ul.navbar-nav li a{padding:20px 15px;color:#444;margin:0}
.header-area-3.stick .main-menu ul.navbar-nav li a{padding:25px 15px}
.header-area-3 .main-menu ul.navbar-nav li.active>a,.header-area-3 .main-menu ul.navbar-nav>li>a:hover{background:#3b3f9b;color:#fff}
.header-area-3 .header-right-link a.main-search{margin:10px 0 10px 10px}
.header-area.stick .header-right-link a.main-search{margin:15px 0 15px 10px}
.intro-area-3 .layer-1-2 h1{font-size:44px;line-height:64px;max-width:800px}
.choose-area{background-image:url(img/background/bg1.jpg);background-position:top center;background-size:cover;background-repeat:no-repeat}
.left-headline{position:relative;padding-bottom:10px}
.choose-area .services-all{margin-top:-10px}
.left-headline::after{border:1px solid #3b3f9b;bottom:-15px;content:"";left:0;margin:0 auto;position:absolute;width:60px;right:auto}
.left-headline p{margin:initial}
.choose-wrapper{background:#f9f9f9;padding:80px 30px 80px 100px}
.single-services .service-content h4{font-size:18px;text-transform:uppercase;font-weight:700}
.single-services .service-content h4 a{color:#444}
.single-services .service-content h4 a:hover{color:#3b3f9b}
.single-services .service-content p{color:#666}
.pricing-area{background:#fff}
.pricing-content{margin-top:-30px}
.table-list{margin-top:30px}
.top-price-inner{border-bottom:1px solid #ccc;padding:20px 20px}
.top-price-inner h4{color:#444;font-size:24px;text-transform:uppercase;font-weight:700;margin-bottom:30px}
span.users{color:#3b3f9b;text-transform:uppercase;font-size:13px;font-weight:700}
.prices{font-size:26px;font-weight:600;color:#444;padding-right:10px}
.table-list{box-shadow:0 5px 25px rgba(0,0,0,.1);text-align:center;transition:all .4s ease 0s;background:#fff;border-radius:5px;position:relative;padding:20px 0}
.table-list ol li{color:#666;padding:12px 0;position:relative;text-align:center}
.price-btn{padding:30px 20px}
.price-btn a{color:#fff;text-transform:uppercase;transition:all .4s ease 0s;border-radius:5px;font-weight:700;font-size:14px;padding:12px 30px;background:#3b3f9b;border:1px solid #3b3f9b;letter-spacing:1px}
.table-list>h3{color:#455454;font-size:24px;font-weight:400;line-height:25px;text-transform:capitalize;transition:all .4s ease 0s}
.table-list ol{list-style:outside none none;margin:0;padding:0}
.price-btn a:hover{background:#fff;color:#3b3f9b;border:1px solid #3b3f9b}
span.base{position:absolute;top:0;left:0;background:#3b3f9b;color:#fff;width:60px;height:60px;line-height:60px;border-radius:50px;font-weight:700;box-shadow:0 5px 25px rgba(0,0,0,.1)}
.project-menu li a{color:#444;display:inline-block;font-size:14px;padding:5px 10px;text-transform:uppercase;transition:all .3s ease 0s;font-weight:700;letter-spacing:.5px;border-radius:2px}
.project-menu li a.active,.project-menu li a:hover{color:#fff;text-decoration:none;background:#3b3f9b}
.project-menu{margin-bottom:10px}
.project-menu li{display:inline-block}
.project-menu li a:hover{color:#fff;text-decoration:none}
.project-content{margin-top:-10px}
.project-content .single-awesome-project{margin-top:30px}
.project-content .project-dec{top:40px}
.project-content .single-awesome-project:hover .project-dec{top:40px}
.page-area{position:relative}
.page-area{background:url(img/background/b.jpg);background-repeat:no-repeat;background-size:cover;background-position:top center}
.breadcumb-overlay{position:absolute;background:rgba(10,27,40,.6) none repeat scroll 0 0;top:0;width:100%;left:0;height:100%}
.breadcrumb{padding:100px 0;background-color:transparent;margin-bottom:0}
.breadcrumb .section-headline h3{font-size:48px;letter-spacing:2px;line-height:48px;text-transform:inherit}
.breadcrumb .section-headline{margin-bottom:0}
.breadcrumb .section-headline h3::after{display:none}
.breadcrumb ul{padding:10px 0}
.breadcrumb ul li{display:inline-block;color:#fff;padding:0 10px 0 20px;position:relative;font-size:16px}
.breadcrumb ul li.home-bread{padding-left:0}
.breadcrumb ul li.home-bread::after{position:absolute;content:"\f105";font-family:fontAwesome;right:-10px;top:0}
.breadcrumb .section-headline::after{display:none}
.testimonial-page-area{background:#fff}
.welcome-page-area{background:#f9f9f9}
.pricing-page-area{background:#f9f9f9}
.testimonial-page-area .single-testi{margin-top:30px;padding-right:5px;padding-left:5px;}
.team-page-area{margin-top:-40px}
.team-page-area .single-team-member{margin-top:40px}
.video-area .video-inner{background:url(img/about/vd.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative;border-radius:6px}
.video-area .video-inner::after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(10,27,40,.2) none repeat scroll 0 0}
.video-area .video-content{width:100%;height:100%;min-height:330px}
.video-text h4{font-weight:600;line-height:32px;text-transform:uppercase;font-size:21px;position:relative}
.marker-list li{color:#444;padding-left:30px;margin:10px 0;position:relative}
.marker-list li::after{position:absolute;content:"\e87f";left:0;top:3px;font-family:berater;color:#3b3f9b;font-weight:700}
.single-brand-item a{border:1px solid #ddd;display:block}
.video-play.vid-zone{background:#fff;border-radius:100%;display:inline-block;font-size:28px;height:70px;line-height:70px;text-align:center;width:70px;overflow:hidden;position:absolute;top:50%;z-index:999;left:0;right:0;margin:0 auto;transition:.4s;margin-top:-35px}
.video-play.vid-zone i{color:#3b3f9b;margin-left:5px}
.video-play.vid-zone:hover{background:#3b3f9b;color:#fff;transition:.4s}
.video-play.vid-zone:hover i{color:#fff}
.testimonial-review .single-testi{margin-top:30px}
.faq-details .panel-heading{padding:0}
.panel{margin-bottom:20px;background-color:#fff;border:none;border-radius:4px;box-shadow:0 5px 25px rgba(0,0,0,.1)}
.panel-default{border-color:#ddd;border-radius:0!important}
.panel-group .panel+.panel{margin-top:10px}
.panel-default>.panel-heading{color:#666}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd;background:#fff}
.faq-details h4.check-title a{color:#666;display:block;font-weight:500;padding:10px 10px 10px 40px;text-decoration:none;background:#fff}
.panel-body{padding:15px 15px 0 45px}
.faq-details h4.check-title{color:#666;font-size:16px;margin-bottom:0;text-transform:capitalize}
.faq-details a span.acc-icons{position:relative}
.faq-details a span.acc-icons::before{color:#666;content:"\e874 ";font-family:berater;font-size:16px;left:-26px;line-height:39px;position:absolute;text-align:center;top:-10px}
.faq-details a.active span.acc-icons::before{color:#3b3f9b;content:"\e873";font-family:berater;font-size:16px;left:-26px;line-height:39px;position:absolute;text-align:center;top:-10px}
.faq-details .panel-heading h4 a.active{color:#3b3f9b;background:#f9f9f9}
.faq-content{background:#f9f9f9;padding:6% 10%;border-radius:5px;box-shadow:0 5px 25px rgba(0,0,0,.1)}
.faq-content .contact-form textarea#message{height:135px}
.faq-page .quote-btn{font-weight:600;color:#fff;background:#3b3f9b;display:inline-block;border:2px solid #3b3f9b;padding:10px 20px;width:134px;text-transform:uppercase;border-radius:3px;transition:.4s;margin-top:10px}
.faq-page .quote-btn:hover{color:#3b3f9b;background:#fff;border:2px solid #3b3f9b;transition:.4s}
.error-easy-text{font-weight:700;text-transform:uppercase;font-size:30px}
.high-text{font-size:200px;line-height:200px}
.error-bot{font-size:24px}
.error-btn{background:#3b3f9b;border:2px solid #3b3f9b;color:#fff;font-size:16px;padding:12px 20px;transition:.4s;margin-top:15px;text-transform:capitalize;margin-top:30px;display:inline-block;font-weight:700}
.error-btn:hover{background:#fff;border:2px solid #3b3f9b;color:#3b3f9b}
.contact-details{display:block;overflow:hidden;background:#f5f5f5;padding:40px 30px;margin-bottom:40px}
.contact-head{background:#f9f9f9;padding:40px 30px}
.contact-head h3{font-weight:600;font-size:26px}
.contact-inner a i{color:#3b3f9b;display:inline-block;font-size:20px;text-align:center;line-height:40px;margin-right:15px;border-radius:50%}
.contact-inner a{color:#666;font-size:16px;display:block}
.contact-head p{font-size:16px}
.contact-form input[type=email],.contact-form input[type=text]{border:1px solid #ccc;border-radius:0;height:44px;margin-bottom:15px;padding-left:20px;width:100%}
.contact-form textarea#message{border:1px solid #ccc;border-radius:0;height:180px;padding:20px;width:100%}
.contact-page .contact-btn{background:#3b3f9b;border:2px solid #3b3f9b;color:#fff;display:inline-block;font-size:16px;margin-top:5px;padding:10px 40px;transition:.4s;width:auto;float:left;text-transform:uppercase;border-radius:2px;font-weight:700}
.contact-page .contact-btn:hover{background:0 0;border:2px solid #3b3f9b;color:#3b3f9b;transition:.4s}
.map-area{padding-top:10px}
.project-page-area .project-menu li a{color:#444}
.project-2-column .project-single{float:left;width:50%}
.project-4-column .project-single{float:left;width:25%}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div{background:rgba(0,0,0,0) none repeat scroll 0 0;border:1px solid #fff;border-radius:0;color:#fff;display:inline-block;font-size:14px;height:40px;line-height:38px;position:relative;text-align:center;transition:all .5s ease 0s;width:40px;border-radius:50%}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev{top:50%;position:absolute;left:3%;margin-top:-30px}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next:hover,.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-prev:hover{background:#3b3f9b;border:1px solid #3b3f9b;color:#fff}
.project-carousel-2.owl-carousel.owl-theme .owl-controls .owl-nav div.owl-next{margin-top:-30px;position:absolute;right:3%;top:50%}
.project-history{background:#f5f5f5;padding:20px;margin-bottom:30px}
.project-details h4{font-size:26px;font-weight:600}
.project-name ul li{color:#444;font-weight:500;font-size:18px;line-height:32px;margin:10px 0}
.project-name span{padding-right:15px;min-width:110px;display:inline-block;font-weight:700;font-size:18px}
.project-inner{margin-bottom:40px}
.project-details p{font-size:14px;letter-spacing:.5px;margin-bottom:25px}
.blog-search-option input{padding:5px 15px;width:80%;border:none;height:42px}
.blog-search-option{margin-bottom:30px;display:block;border:1px solid #ccc}
.blog-search-option button{background:0 0;border:none}
.blog-search-option button i{line-height:16px;font-size:20px;padding:0 10px}
.blog-search-option button i:hover{color:#3b3f9b}
.left-blog h4{border-bottom:1px solid #ddd;color:#444;font-size:17px;font-weight:500;margin-bottom:0;padding:15px 0;text-transform:uppercase}
.left-blog{overflow:hidden;padding-bottom:20px}
.left-blog li{border-bottom:1px solid #ddd;display:block}
.left-blog ul li a{color:#444;display:block;font-size:16px;padding:10px 0;text-transform:capitalize;position:relative}
.left-blog ul li a:after{position:absolute;content:"\e876";font-family:berater;right:12px;top:10px;font-size:14px}
.popular-tag.left-blog ul li a:after{display:none}
.recent-single-post{border-bottom:1px solid #ddd;display:block;overflow:hidden;padding:15px 0}
.recent-single-post:last-child{border-bottom:none}
.post-img{display:inline-block;float:left;padding:0 5px;width:35%}
.pst-content{display:inline-block;float:left;width:65%;padding-left:10px}
.left-blog ul li a:hover,.pst-content p a:hover{color:#3b3f9b}
.pst-content p a{color:#444;font-size:15px}
.blog-tags{padding:1px 0}
.left-blog li:last-child{border-bottom:0}
.popular-tag.left-blog ul li a:hover{color:#fff}
.popular-tag.left-side-tags.left-blog ul{padding:0}
.left-tags .left-side-tags ul li{border-bottom:0;display:inline-block;margin:5px 0}
.left-tags .left-side-tags ul li a{padding:3px 10px;width:auto;border:2px solid #3b3f9b;background:#3b3f9b;color:#fff;border-radius:5px;font-weight:700;font-size:14px}
.left-tags .left-side-tags ul li a:hover{border:2px solid #3b3f9b;background:#fff;color:#3b3f9b}
.left-side-tags h4{margin-bottom:15px}
.comments-heading h3,h3.comment-reply-title{border-bottom:1px solid #e8e8e9;color:#444;font-size:18px;margin:0 0 20px;padding:0 0 5px;text-transform:capitalize}
.comments-list ul li{margin-bottom:25px}
.comments-list-img{float:left;margin-right:15px}
.comments-content-wrap{color:#444;font-size:14px;margin:0 0 15px 60px;padding:10px;position:relative}
.blog-content p{font-size:15px;letter-spacing:.5px}
blockquote{padding:10px 20px;margin:0 0 20px;font-size:15px;border-left:5px solid #3b3f9b;font-style:italic}
blockquote p{font-size:16px!important;line-height:28px}
.author-avatar{display:inline-block;float:left;width:10%}
.author-description h2{color:#777;font-size:20px;text-transform:uppercase}
.author-description h2 a{color:#333}
.comments-content-wrap span b{margin-right:5px}
span.post-time{margin-right:5px}
.comments-content-wrap p{color:#444;margin-top:10px}
li.threaded-comments{margin-left:50px}
.comment-respond{margin-top:20px}
span.email-notes{color:#42414f;display:block;font-size:12px;margin-bottom:10px}
.comment-respond p{color:#444;margin-bottom:5px}
.comment-respond input[type=email],.comment-respond input[type=text]{border:1px solid #e5e5e5;border-radius:0;height:32px;margin-bottom:15px;padding:0 0 0 10px;width:100%}
.comment-respond textarea#message-box{border:1px solid #e5e5e5;border-radius:0;max-width:100%;padding:10px;height:160px;width:100%}
.comments-content-wrap span a{color:#3b3f9b}
.comments-content-wrap span a:hover{color:#3b3f9b}
.comment-respond .add-btn.contact-btn{background:#3b3f9b;color:#fff;display:block;font-size:16px;margin-top:5px;padding:12px 20px;transition:.4s;border-radius:5px;width:auto!important;margin-top:20px;border:2px solid #3b3f9b;text-transform:uppercase;font-weight:700}
.comment-respond .add-btn.contact-btn:hover{background:#fff;color:#3b3f9b;border:2px solid #3b3f9b}
.pagination{display:inline-block;padding-left:0;margin:30px 0 0;border-radius:4px}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#fff;background-color:#333;border:none;margin-left:-1px;border-radius:5px}
.pagination>li{display:inline-block;margin:0 3px}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#3b3f9b;border-color:#3b3f9b;cursor:default;border-radius:5px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#fff;background-color:#3b3f9b;border-color:#3b3f9b;border-radius:2px}
.blog-page-details .left-blog-page{margin-top:0;margin-bottom:30px}
.single-post-comments{margin-top:30px}
.single-page-head{margin-bottom:30px}
.single-services-page p{color:#666}
.left-menu li:first-child{margin:0 0 2px}
.left-contact h4{font-size:24px;text-transform:uppercase;margin-bottom:30px}
.left-menu li{display:block;margin:5px 0}
.build-img .page-img{padding-bottom:0}
.left-menu ul li.active a{background:#3b3f9b none repeat scroll 0 0;color:#fff;position:relative}
.left-menu ul li a:hover{color:#fff;background:#3b3f9b}
.left-menu ul li a{background:#f9f9f9;color:#444;display:block;font-size:15px;font-weight:700;padding:14px 20px;position:relative;text-decoration:none;text-transform:uppercase}
.left-menu ul li a:hover::after,.left-menu ul li.active a::after{content:"\e876";font-family:berater;font-size:15px;position:absolute;right:18px;top:15px}
.download-btn h4{text-transform:uppercase;font-weight:700;font-family:'Open Sans',sans-serif}
.download-btn h4{text-transform:uppercase}
.down-btn i{font-size:24px;float:right}
.down-btn{border:1px solid #3b3f9b;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-bottom:15px;padding:15px;text-align:left;text-transform:uppercase;transition:all .4s ease 0s;z-index:222;background:#3b3f9b;width:100%;position:relative;border-radius:3px}
.down-btn.apli{margin-bottom:0}
.down-btn:hover{color:#3b3f9b;background:#fff;border:1px solid #3b3f9b}
.single-page-head .clients-testi{padding:20px 15px;border:1px solid #3b3f9b}
.single-page-head .review-text{margin-top:20px}
.clients-testi .guest-rev,.clients-testi .review-text a{color:#444}
.clients-testi .single-review{border:none}
.review-text h4{text-transform:uppercase;font-size:16px;margin-bottom:0}
.single-page-head .review-text p{color:#666;font-size:16px;font-weight:500;letter-spacing:.5px;font-style:italic}
.single-page-head .review-img{margin-top:0}
.single-page-head .review-img img{border-radius:50%}
.page-content h3{font-weight:600;padding:15px 0 0}
.single-well{margin-top:20px}
.single-page{overflow:hidden}
.single-well h3{margin-bottom:15px}
.single-well.last-part p{margin-bottom:0}
.service-list li{display:block;position:relative;padding-left:30px;color:#444}
.service-list li::before{position:absolute;left:0;content:"\f00c";font-family:fontawesome;top:0;color:#3b3f9b}
.single-page-head .service-btn{width:100%;margin:20px 0 0 0}
.single-services-page .marker-list li{color:#444}
.mar-row .single-well{margin-top:0}
.navbar-brand>img{width:60%}
.mobile-menu img{width:100%}
.join{margin-top:6px}
.join1{margin-top:0px} 
.app{text-align:center}
.button-1{width:100px;height:30px;border:2px solid #fff;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:5px 0 5px 0;border-radius:10px}
.button-1 a{font-size:14px;color:#fff;text-decoration:none;transition:all .5s ease;z-index:2;position:relative;padding:3px}
.eff-1{width:140px;height:50px;top:-2px;right:-140px;background:#fff;position:absolute;transition:all .5s ease;z-index:1}
.button-1:hover .eff-1{right:0;}
.button-1:hover{border:2px solid #fff;}
.button-1:hover a{color:#3b3f9b}
.button-2{width:100px;height:30px;border:2px solid #fff;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:5px 0 5px 0;border-radius:10px}
.button-2 a{font-size:14px;color:#fff;text-decoration:none;transition:all .5s ease;z-index:2;position:relative;padding:3px}
.eff-2{width:140px;height:50px;top:-50px;background:#fff;position:absolute;transition:all .5s ease;z-index:1}
.button-2:hover .eff-2{top:0}
.button-2:hover{border:2px solid #fff;}
.button-2:hover a{color:#3b3f9b}
.button-3{width:100px;height:30px;border:2px solid #fff;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:5px 0 5px 50px;border-radius:10px}
.button-3 a{font-size:14px;color:#fff;text-decoration:none;transition:all .5s ease;z-index:2;position:relative;padding:3px}
.eff-3{width:140px;height:50px;bottom:-50px;background:#fff;position:absolute;transition:all .5s ease;z-index:1}
.button-3:hover .eff-3{bottom:0}
.button-3:hover{border:2px solid #fff;}
.button-3:hover a{color:#3b3f9b}
.button-4{width:100px;height:30px;border:2px solid #fff;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:5px 0 5px 50px;border-radius:10px}
.button-4 a{font-size:14px;color:#fff;text-decoration:none;transition:all .5s ease;z-index:2;position:relative;padding:3px}
.eff-4{width:140px;height:50px;left:-140px;background:#fff;position:absolute;transition:all .5s ease;z-index:1}
.button-4:hover .eff-4{left:0}
.button-4:hover{border:2px solid #fff;}
.button-4:hover a{color:#3b3f9b}
#todayrate{position:fixed;top:256px;left:-198px;z-index:9999;background:#fff}
#todayrate a{background:#dd3182;border-bottom-left-radius:1em;border-bottom-right-radius:1em;height:35px;line-height:35px;width:67%;right:-74px;position:absolute;text-decoration:none;color:#fff;font-size:18px;top:60%;margin-top:-10%;text-align:center;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);_display:block!important}
#todayrate a:hover{background-position:center right;color:#fff;background:#dd3182}
#todayrate #tab-text{top:150px}
.rate1{font-size:14px;padding:1px 22px 20px 16px;display:block;margin:6% 0 0 -3%;color:#000;background:#fff}
.rate{color:#fff;margin-top:5px}
.rate strong{color:#fff;padding:0 5px}
.rate span{color:#fff;padding:0 3px}
.rate{font-size:15px}
address{color:#ddd;line-height:1.8}
address a{color:#ddd}
address a:hover{color:#ddd}
.powerd{text-align:right;color:#fff;}
.testimonial-page-area1{color:#000;}
.box{padding: 30px 15px;box-shadow: 0 5px 25px rgb(0 0 0 / 10%);position: relative;}
.aboutus_img {display: flex !important;align-items: center;justify-content: center;margin-bottom: 21px;}
.aboutus_bottom {text-align: center;margin-top: 40px;margin-bottom: 40px;}
.about-area p{color:#000}
.about-area h5{color:#000;font-size: 17px;}
.about-area h4{color:#000}
.well-services h4{font-size:20px;}
.banner img{width:100%}
textarea.form-control{height: 150px;margin-bottom: 15px;}
.contact_but{display: flex !important;align-items: center;justify-content: center;}
.saving_left{line-height: 2;background: #fff;margin-bottom: 34px;box-shadow: 1px 2px 2px 2px #c9ccf3;}
.saving_left1{text-align: center;line-height: 3;}
.saving_left1 li{font-size: 15px;font-weight: 700;}
.active{color:#e10c7a !important;font-weight: 700;font-size: 18px;}
.saving_left1 li a{color: #636363}
.saving_left2{margin-top: 5px;margin-bottom: 5px;border: 1px dotted #eadfdf;}
..theme-title{position:relative;margin-bottom:10px}
.theme-title h2{font-size:34px;font-family:'DM Serif Display',serif;text-align:center;font-weight:400;color:#202020;position:relative}
.title{font-size:34px;font-family:'DM Serif Display',serif;text-align:center;font-weight:bold;color:#3b3f9b;padding:0 24px;position:relative;z-index:1;background:#fff}
.bhoechie-tab-container{margin-top:30px;}
.bhoechie-tab p {line-height: 30px;word-spacing: 0px;}
.joni_saving {text-align: center;margin-top: 25px;} 
.joni_saving img {width: 16%;display: inherit;} 
.tableresponstive {width: 100%;margin-left: 0%;margin-top: 20px;margin-bottom: 20px;}
.table_responstiveheader {color: #000;border: 1px solid #3b3f9b;font-size: 16px!important;}
.table_responstiveheader th {padding: 8px;text-align: center;font-weight: 400;border: 1px solid #e10c7a;background: #e10c7a;color: #fff;}
.table_responstive1 {font-size: 16px!important;}
.table_responstive1 td {padding: 8px;text-align: center;color: #191919;border: 1px solid #3b3f9b;}
.table_responstive2 td{padding: 8px;text-align: center;border: 1px solid #ddd;}
@keyframes typing {
  0%   { content: ""; }
  4%   { content: "A"; }
  8%   { content: "Ai"; }
  12%  { content: "Ais"; }
  16%  { content: "Aish"; }
  20%  { content: "Aishw"; }
  24%  { content: "Aishwa"; }
  28%  { content: "Aishwar"; }
  32%  { content: "Aishwary"; }
  36%  { content: "Aishwarya"; }
  40%  { content: "Aishwaryam"; }
  44%  { content: "Aishwaryam "; }
  48%  { content: "Aishwaryam T"; }
  52%  { content: "Aishwaryam Th"; }
  56%  { content: "Aishwaryam Tha"; }
  60%  { content: "Aishwaryam Than"; }
  64%  { content: "Aishwaryam Thang"; }
  68%  { content: "Aishwaryam Thanga"; }
  72%  { content: "Aishwaryam Thanga "; }
  76%  { content: "Aishwaryam Thanga M"; }
  80%  { content: "Aishwaryam Thanga Ma"; }
  84%  { content: "Aishwaryam Thanga Mal"; }
  88%  { content: "Aishwaryam Thanga Mali"; }
  92%  { content: "Aishwaryam Thanga Malig"; }
  96%  { content: "Aishwaryam Thanga Maliga"; }
  100% { content: "Aishwaryam Thanga Maligai"; }
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.typewriter {
  --caret: currentcolor;color: #3b3f9b;
}

.typewriter::before {
  content: "";
  animation: typing 4s infinite;
}

.typewriter::after {
  content: "";
  border-right: 1px solid var(--caret);
  animation: blink 0.5s linear infinite;
}

.typewriter.thick::after {
  border-right: 1ch solid var(--caret);
}

.typewriter.nocaret::after {
  border-right: 0;
}


@media (prefers-reduced-motion) {
  .typewriter::after {
    animation: none;
  }
  
  @keyframes sequencePopup {
    0%, 100% { content: "Aishwaryam Thanga Maligai"; }
    25% { content: "Aishwaryam Thanga Maligai"; }
    50% { content: "Aishwaryam Thanga Maligai"; }
    75% { content: "Aishwaryam Thanga Maligai"; }
  }

  .typewriter::before {
    content: "Aishwaryam Thanga Maligai";
    animation: sequencePopup 6s linear infinite;
  }
}
.collection_top .col-md-3{padding-left: 4px;padding-right: 4px;}
.whatsAppIcon{position:fixed;bottom:70px;z-index:99;right:10px;}
.chatTextButton{color: #fff;margin-left: 5px;}
.whatsAppIcon img{width:100%;margin-top:-4px;display: inline;}