body{padding:0;margin:0;font-family:Roboto,sans-serif;font-size:15px}
img{max-width:100%;height:auto}
button{outline:0 !important}
.d-table{width:100%;height:100%}
.d-table-cell{vertical-align:middle}
.ptb-100{padding-top:100px;padding-bottom:100px;padding-top:100px;padding-bottom:100px}
.pt-100{padding-top:100px}
.pb-0{padding-bottom:0}
.mt-minus15{margin-top:-15px !important}
.mb-minus40{margin-bottom:-40px}
a{text-decoration:none;-webkit-transition:0.5s;transition:0.5s;outline:0 !important;color:#202647}
a:hover{text-decoration:none;color:#7b68ee}
p{font-family:"Catamaran",sans-serif;font-size:15px;line-height:1.8;color:#5f5f5f;letter-spacing:0.5px}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Dosis",sans-serif;color:#0b0b31;font-weight:700}
.default-btn-one{display:inline-block;padding:0.75rem 1.25rem;border-radius:10rem;color:#fff;font-size:1rem;-webkit-transition:all 0.3s;transition:all 0.3s;position:relative;overflow:hidden;z-index:1}
.default-btn-one:after{content:"";position:absolute;bottom:0;left:0;cursor:pointer;width:100%;height:100%;background-color:#7b68ee;border-radius:10rem;z-index:-2}
.default-btn-one:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#333;-webkit-transition:all 0.3s;transition:all 0.3s;border-radius:10rem;z-index:-1}
.default-btn-one a{width:100%;height:100%;color:#fff}
.default-btn-one:hover{color:#fff}
.default-btn-one:hover:before{width:100%}
.default-btn-one:hover a{color:#fff}
button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit}
button.default-btn-two{width:12rem;height:auto}
button.default-btn-two .circle{-webkit-transition:all 0.45s cubic-bezier(0.65,0,0.076,1);transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:relative;display:block;margin:0;width:3rem;height:3rem;background:#fff;border-radius:1.625rem}
button.default-btn-two .circle .icon{-webkit-transition:all 0.45s cubic-bezier(0.65,0,0.076,1);transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#333}
button.default-btn-two .circle .icon.arrow{-webkit-transition:all 0.45s cubic-bezier(0.65,0,0.076,1);transition:all 0.45s cubic-bezier(0.65,0,0.076,1);left:0.625rem;width:1.125rem;height:0.125rem;background:none}
button.default-btn-two .circle .icon.arrow::before{position:absolute;content:"";top:-0.25rem;right:0.0625rem;width:0.625rem;height:0.625rem;border-top:0.125rem solid #333;border-right:0.125rem solid #333;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
button.default-btn-two .button-text{-webkit-transition:all 0.45s cubic-bezier(0.65,0,0.076,1);transition:all 0.45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:0.75rem 0;margin:0 0 0 1.85rem;color:#fff;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}
button:hover .circle{width:100%}
button:hover .circle .icon.arrow{background:#333;-webkit-transform:translate(1rem,0);transform:translate(1rem,0)}
button:hover .button-text{color:#333}
.js-preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;visibility:visible;z-index:9999;-webkit-transition:opacity 0.25s ease;transition:opacity 0.25s ease}
.js-preloader.loaded{opacity:0;visibility:hidden;pointer-events:none}
@-webkit-keyframes dot{50%{-webkit-transform:translateX(96px);transform:translateX(96px)}
}@keyframes dot{50%{-webkit-transform:translateX(96px);transform:translateX(96px)}
}@-webkit-keyframes dots{50%{-webkit-transform:translateX(-31px);transform:translateX(-31px)}
}@keyframes dots{50%{-webkit-transform:translateX(-31px);transform:translateX(-31px)}
}.preloader-inner{position:relative;width:142px;height:40px;background:#fff}
.preloader-inner .dot{position:absolute;width:16px;height:16px;top:12px;left:15px;background:#4b8ef1;border-radius:50%;-webkit-transform:translateX(0);transform:translateX(0);-webkit-animation:dot 2.8s infinite;animation:dot 2.8s infinite}
.preloader-inner .dots{-webkit-transform:translateX(0);transform:translateX(0);margin-top:12px;margin-left:31px;-webkit-animation:dots 2.8s infinite;animation:dots 2.8s infinite}
.preloader-inner .dots span{display:block;float:left;width:16px;height:16px;margin-left:16px;background:#4b8ef1;border-radius:50%}
.go-top{position:fixed;cursor:pointer;top:0;right:15px;color:#fff;background-color:#3184c6;z-index:4;width:40px;text-align:center;height:40px;line-height:40px;opacity:0;visibility:hidden;-webkit-transition:0.9s;transition:0.9s;border-radius:50%}
.go-top.active{top:98%;-webkit-transform:translateY(-98%);transform:translateY(-98%);opacity:1;visibility:visible}
.go-top i{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;margin:0 auto;-webkit-transition:0.5s;transition:0.5s}
.go-top i:last-child{opacity:0;visibility:hidden;top:60%}
.go-top::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#202647;opacity:0;visibility:hidden;-webkit-transition:0.5s;transition:0.5s;border-radius:50%}
.go-top:focus,.go-top:hover{color:#fff}
.go-top:focus::before,.go-top:hover::before{opacity:1;visibility:visible}
.go-top:focus i:first-child,.go-top:hover i:first-child{opacity:0;top:0;visibility:hidden}
.go-top:focus i:last-child,.go-top:hover i:last-child{opacity:1;visibility:visible;top:50%}
.codepopular-responsive-nav{display:none}
.codepopular-nav{background-color:transparent;padding-top:15px;padding-bottom:15px;padding-right:0;padding-left:0}
.codepopular-nav .navbar{padding-right:0;padding-top:0;padding-left:0;padding-bottom:0}
.codepopular-nav .navbar ul{padding-left:0;list-style-type:none;margin-bottom:0}
.codepopular-nav .navbar .navbar-nav{margin-left:auto;margin-right:auto}
.codepopular-nav .navbar .navbar-nav .nav-item{position:relative;padding-top:15px;padding-bottom:15px;padding-left:0;padding-right:0}
.codepopular-nav .navbar .navbar-nav .nav-item a{font-size:15px;font-weight:500;color:#131f58;text-transform:capitalize;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:20px;margin-right:20px}
.codepopular-nav .navbar .navbar-nav .nav-item a.active,.codepopular-nav .navbar .navbar-nav .nav-item a:focus,.codepopular-nav .navbar .navbar-nav .nav-item a:hover{color:#7b68ee}
.codepopular-nav .navbar .navbar-nav .nav-item a i{font-size:10px;position:relative;top:-1px;margin-left:1px}
.codepopular-nav .navbar .navbar-nav .nav-item:last-child a{margin-right:0}
.codepopular-nav .navbar .navbar-nav .nav-item:first-child a{margin-left:0}
.codepopular-nav .navbar .navbar-nav .nav-item.active a,.codepopular-nav .navbar .navbar-nav .nav-item:focus a,.codepopular-nav .navbar .navbar-nav .nav-item:hover a{color:#7b68ee}
.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu{-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.32);box-shadow:0 0 15px 0 rgba(0,0,0,0.32);background:#fff;position:absolute;border:none;top:80px;left:0;width:230px;z-index:99;display:block;opacity:0;visibility:hidden;border-radius:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;padding-top:20px;padding-left:25px;padding-right:25px;padding-bottom:20px}
.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li{padding:0;line-height:33px}
.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li a{text-transform:capitalize;padding:8px 0;margin:0;color:#131f58;font-size:15px}
.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active,.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover{color:#7b68ee !important}
.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu{left:-245px;top:0;opacity:0;visibility:hidden}
.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a{color:#7b68ee}
.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active,.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover{color:#7b68ee}
.codepopular-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu{opacity:1;visibility:visible;top:100%}
.codepopular-nav .navbar .others-options{margin-left:30px}
.codepopular-nav .navbar .others-options .option-item{color:#5b5b98;display:inline-block;position:relative;line-height:1}
.codepopular-nav .navbar .others-options .option-item .search-btn{cursor:pointer;-webkit-transition:0.5s;transition:0.5s;color:#5b5b98;font-size:20px;font-weight:600}
.codepopular-nav .navbar .others-options .option-item .search-btn:hover{color:#7b68ee}
.codepopular-nav .navbar .others-options .option-item .close-btn{cursor:pointer;display:none;-webkit-transition:0.5s;transition:0.5s;width:20px;color:#5b5b98;font-size:18px}
.codepopular-nav .navbar .others-options .option-item .close-btn.active{display:block}
.codepopular-nav .navbar .others-options .option-item .close-btn:hover{color:#7b68ee}
.codepopular-nav .navbar .others-options .burger-menu{width:35px;height:auto;background-color:transparent;margin-left:30px;cursor:pointer;display:inline-block;position:relative;top:1px}
.codepopular-nav .navbar .others-options .burger-menu span{display:block;width:35px;height:3px;background:#5b5b98;-webkit-transition:0.5s;transition:0.5s;border-radius:30px;margin-left:auto;margin-bottom:4px}
.codepopular-nav .navbar .others-options .burger-menu span:nth-child(3){margin-bottom:0;width:28px;margin-left:auto}
.codepopular-nav .navbar .others-options .burger-menu:hover span{background:#202647}
.codepopular-nav .navbar .others-options .burger-menu:hover span:nth-child(3){width:35px}
.navbar-area{background-color:transparent;-webkit-transition:0.5s;transition:0.5s;position:absolute;z-index:999;left:0;top:0;width:100%;height:auto}
.navbar-area.is-sticky{position:fixed;top:0;left:0;width:100%;z-index:9999;-webkit-box-shadow:0 2px 28px 0 rgba(0,0,0,0.06);box-shadow:0 2px 28px 0 rgba(0,0,0,0.06);background:#fff !important;-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;-webkit-transition:0.5s;transition:0.5s}
@media only screen and (max-width:991px){.navbar-area{padding-top:20px;padding-bottom:20px}
.navbar-area.is-sticky{border-bottom:none;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,0.1);box-shadow:0 7px 13px 0 rgba(0,0,0,0.1);padding-top:15px;padding-bottom:15px}
.codepopular-responsive-nav{display:block}
.codepopular-responsive-nav .codepopular-responsive-menu{position:relative}
.codepopular-responsive-nav .codepopular-responsive-menu.mean-container .mean-nav ul{font-size:14px}
.codepopular-responsive-nav .codepopular-responsive-menu.mean-container .mean-nav ul li a{font-size:15px}
.codepopular-responsive-nav .codepopular-responsive-menu.mean-container .mean-nav ul li a.active{color:#7b68ee}
.codepopular-responsive-nav .codepopular-responsive-menu.mean-container .mean-nav ul li li a{font-size:15px}
.codepopular-responsive-nav .codepopular-responsive-menu.mean-container .navbar-nav{overflow-y:scroll;height:336px;-webkit-box-shadow:0 7px 13px 0 rgba(0,0,0,0.1);box-shadow:0 7px 13px 0 rgba(0,0,0,0.1)}
.codepopular-responsive-nav .codepopular-responsive-menu.mean-container .others-options{display:none}
.codepopular-responsive-nav .mean-container a.meanmenu-reveal{color:#202647}
.codepopular-responsive-nav .mean-container a.meanmenu-reveal span{background:#202647}
.codepopular-responsive-nav .logo{position:relative;width:50%;z-index:999}
.codepopular-nav{display:none}
}.navbar-two{background-color:#fff !important;-webkit-transition:0.5s;transition:0.5s;position:relative}
.navbar-two.is-sticky{position:fixed;top:0;left:0;width:100%;z-index:999;-webkit-box-shadow:0 2px 28px 0 rgba(0,0,0,0.06);box-shadow:0 2px 28px 0 rgba(0,0,0,0.06);background:#fff !important;-webkit-animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;animation:0.5s ease-in-out 0s normal none 1 running fadeInDown;-webkit-transition:0.5s;transition:0.5s}
.codepopular-nav .navbar .navbar-nav .nav-item .dropdown-menu::after{content:"";clear:both;display:block;position:absolute;overflow:hidden;background:#fff;width:20px;height:20px;top:-10px;z-index:999;left:14px;-webkit-transform:rotate(46deg);transform:rotate(46deg)}
.mega-menu.dropdown-menu{min-width:840px;padding:24px !important;background:#fff !important;border-radius:5px !important;left:-400px !important}
.mega-menu.dropdown-menu::after{left:436px !important}
.mega-menu.dropdown-menu li{width:33.33%;padding:0 !important;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;background:#fff;float:left}
.mega-menu.dropdown-menu li:hover{background:#eff4f4}
.mega-menu.dropdown-menu li a{display:block;padding:10px 10px !important;width:100%;height:100%}
.mega-menu.dropdown-menu li a span.mega-icon{float:left;width:35px;height:35px;background:linear-gradient(50deg,#5f29ff 0%,#d1bee8 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;border-radius:50%}
.mega-menu.dropdown-menu li a span.mega-icon i{font-size:16px !important;top:0px !important;left:0px !important;text-align:center;margin-left:0px !important;display:block !important}
.mega-menu.dropdown-menu li a .mega-content{overflow:hidden;display:block;padding-left:12px !important}
.mega-menu.dropdown-menu li a .mega-content h3{font-size:15px;margin-top:5px;font-weight:700}
.mega-menu.dropdown-menu li a .mega-content p{font-size:13px;line-height:18px}
@media (max-width:991px){.mega-menu.dropdown-menu{max-width:840px;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0px !important}
}.section-heading h6{text-align:center;color:#fe9700}
.section-heading h1{color:#0b0b31;text-align:center}
.section-heading p{text-align:center;font-family:"Catamaran",sans-serif;font-size:15px;line-height:1.8;color:#333;letter-spacing:0.5px}
.main-banner{height:800px;overflow:hidden;background-color:#7b68ee;position:relative}
.main-banner .banner-image{position:relative;padding-bottom:120px}
.main-banner .banner-image img{position:absolute}
.main-banner .banner-image img:nth-child(1){top:-150px;right:0}
.main-banner .main-banner-content h1{color:#fff}
.main-banner .main-banner-content p{color:#fff}
@media only screen and (min-width:0px) and (max-width:992px){.main-banner .banner-image img:nth-child(1){padding-top:150px}
}@media only screen and (min-width:995px) and (max-width:1200px){.main-banner .banner-image img:nth-child(1){margin-top:100px}
}@media only screen and (min-width:1400px) and (max-width:1800px){.main-banner .banner-image img:nth-child(1){margin-top:-40px}
}@media only screen and (min-width:1800px) and (max-width:2200px){.main-banner .banner-image img:nth-child(1){margin-top:-100px}
}.banner-curve{position:absolute;left:0;bottom:-1px;width:100%;height:78px;background-image:url(../img/banner-curve.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;z-index:2}
#services-section{margin-top:100px}
#services-section .services-item{padding:30px 25px;margin-top:50px;-webkit-box-shadow:0px 0px 20px 0px #e6e6e6;box-shadow:0px 0px 20px 0px #e6e6e6;-webkit-transition:0.3s;transition:0.3s}
#services-section .services-item .icon{text-align:center;padding-top:30px}
#services-section .services-item .icon ul{position:relative;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex}
#services-section .services-item .icon ul li{position:relative;list-style:none;width:66px;height:65px;margin:0 30px;-webkit-transform:rotate(-30deg) skew(25deg);transform:rotate(-30deg) skew(25deg)}
#services-section .services-item .icon ul li span{position:absolute;-webkit-transform:rotate(41deg);transform:rotate(41deg);top:0;left:0;width:100%;height:100%;background-color:#3184c6;-webkit-transition:0.5s;transition:0.5s;display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:35px !important}
#services-section .services-item:hover .main-icon{color:#fff !important}
#services-section .services-item:hover{margin-top:39px}
#services-section .services-item:hover span:nth-child(5){-webkit-transform:translate(40px,-40px);transform:translate(40px,-40px);opacity:1}
#services-section .services-item:hover span:nth-child(4){-webkit-transform:translate(30px,-30px);transform:translate(30px,-30px);opacity:0.8}
#services-section .services-item:hover span:nth-child(3){-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px);opacity:0.6}
#services-section .services-item:hover span:nth-child(2){-webkit-transform:translate(10px,-10px);transform:translate(10px,-10px);opacity:0.4}
#services-section .services-item:hover span:nth-child(1){-webkit-transform:translate(0,0);transform:translate(0,0);opacity:0.2}
#services-section .services-item .services-content h3{padding-top:35px;font-family:auto}
#services-section .services-item .services-content h3 a{color:#333;text-decoration:none;font-size:30px !important}
#services-section .services-item .services-content h3 a:hover{color:#7b68ee}
#services-section .services-item .services-content .read-more{position:relative;color:#333;font-size:20px;font-family:"roboto"}
#services-section .services-item .services-content .read-more:before{position:absolute;content:"\25BA";right:-20px;-webkit-transition:0.35s;transition:0.35s;visibility:hidden}
#services-section .services-item .services-content .read-more:hover:before{right:-30px;visibility:visible}
#services-section .services-item .services-content .read-more:hover{color:#7b68ee}
#about-section{margin-top:80px;padding:60px 0px;background-color:#fafbfc}
#about-section .about-item .about-content h6{color:#7b68ee}
#about-section .about-item .about-content h2{margin-top:30px}
#about-section .about-item .about-content p{padding:12px 0px}
#about-section .about-item .skills .resume-skill-single{margin-bottom:20px}
#about-section .about-item .skills .resume-skill-single:last-child{margin:0px}
#about-section .about-item .skills .resume-skill-single span{font-size:15px;font-weight:700;display:block;color:#333}
#about-section .about-item .skills .resume-skill-single .progress{background-color:#f1f1fa;border-radius:0px;height:15px}
#about-section .about-item .skills .resume-skill-single .progress .progress-bar{padding-top:2px;font-size:15px;font-weight:500;background-color:#333}
#about-section .about-item .about-img{margin-top:70px;position:relative}
#about-section .about-item .about-img .content{position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden;-webkit-transition:0.4s;transition:0.4s;text-align:center;padding-top:100px;-webkit-transform:perspective(700px) rotate(70deg) scale(0);transform:perspective(700px) rotate(70deg) scale(0);background-color:#1b1818ba}
#about-section .about-item .about-img .content h1{color:#fff}
#about-section .about-item .about-img .content p{color:#ff9800;font-size:large;font-weight:700}
#about-section .about-item .about-img:hover .content{visibility:visible;-webkit-transform:perspective(700px) rotate(0deg) scale(1);transform:perspective(700px) rotate(0deg) scale(1);-webkit-transition-duration:0.6s;transition-duration:0.6s}
#about-section .about-item .btn{border:2px solid #7b68ee}
#about-section .about-item .btn:hover{background-color:#7b68ee}
#about-section .about-item .btn:hover a{color:#fff}
.overview-section{padding:100px 0px}
.overview-section .overview-content h6{color:#ff9800}
.overview-section .overview-content h1{padding:8px 0px}
.overview-section .overview-content .features-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;list-style-type:none;margin-bottom:0;margin-top:16px;margin-left:-10px;margin-right:-10px}
.overview-section .overview-content .features-list li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin-top:15px;padding-left:10px;padding-right:10px}
.overview-section .overview-content .features-list li span{display:block;background-color:#ffffff;border-radius:5px;padding:15px 15px;z-index:1;position:relative;-webkit-transition:0.4s;transition:0.4s;color:#0b0b31;border-left:2px solid #3184c6;font-weight:600;font-size:15px;-webkit-box-shadow:0px 0px 10px 0px #eee;box-shadow:0px 0px 10px 0px #eee}
.overview-section .overview-content .features-list li span:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:100%;border-radius:3px;background-color:#3184c6;z-index:-1;-webkit-transition:0.4s;transition:0.4s}
.overview-section .overview-content .features-list li span:hover:after{width:100%}
.overview-section .overview-content .features-list li:hover span{color:#fff}
#counter-section{position:relative;padding:200px 0px;color:#fff;z-index:1}
#counter-section:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;border-radius:3px;background-color:#02000873;-webkit-transition:0.4s;transition:0.4s;z-index:-1}
#counter-section .counter-item-box h1{font-family:sans-serif;color:#fff}
#counter-section .counter-item-box h5{color:#fff !important}
@media (max-width:991px){#counter-section .counter-item-box{margin-top:35px}
}.testimonial-full .owl-nav .owl-prev{position:absolute;top:44%;left:0}
.testimonial-full .owl-nav .owl-next{position:absolute;top:44%;right:0}
.testimonial-slider-nav{width:35px;height:35px;background:#7b68ee;margin:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.testimonial-slider-nav:hover{background:#7b68ee}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#7b68ee}
#testimonial{padding:100px 0px}
#testimonial .testimonial-item{overflow:hidden;float:left;margin:2%;background:#fafafa;text-align:center;padding:30px 15px}
#testimonial .testimonial-item .rating-box ul{list-style:none}
#testimonial .testimonial-item .rating-box ul li{color:#ffce39;margin:0px;padding:0;font-size:20px;display:inline-block !important}
#testimonial .testimonial-item .testimonial-content{font-size:15px;color:#333;font-style:italic;line-height:1.8;letter-spacing:1px}
#testimonial .testimonial-item .avatar img{width:80px;height:80px;padding:2px;border-radius:50%;display:inline-block !important;border:5px solid #7b68ee}
.team-section{padding-bottom:70px}
.team-section .single-team-box{position:relative;-webkit-box-shadow:0px 1px 12px 0px #2a233c1f;box-shadow:0px 1px 12px 0px #2a233c1f;margin-top:30px;border-radius:5px;overflow:hidden;-webkit-transition:0.5s;transition:0.5s}
.team-section .single-team-box .team-image{border-radius:3px;overflow:hidden}
.team-section .single-team-box .team-image img{height:auto;-webkit-transition:0.5s;transition:0.5s}
.team-section .single-team-box:hover .team-image img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.team-section .single-team-box .team-info{padding:20px 15px 0px;text-align:center;-webkit-transition:0.5s;transition:0.5s}
.team-section .single-team-box .team-info h5{font-size:20px;color:#333;padding-bottom:8px}
.team-section .single-team-box .team-info .team-social-icon{padding-bottom:20px}
.team-section .single-team-box .team-info .team-social-icon a{margin:3px;display:inline-block}
.team-section .single-team-box .team-info .team-social-icon a i{color:#7b68ee;width:35px;height:35px;border:1px solid #7b68ee;font-size:17px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.team-section .single-team-box .team-info .team-social-icon a:hover i{color:#fff;background-color:#7b68ee}
.team-section .single-team-box:after{content:"";clear:both;display:block;position:absolute;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;width:0%;height:5px;background:#7b68ee;bottom:0;right:0}
.team-section .single-team-box:hover:after{width:100%;left:0}
.blog-section{background-color:#fafbfc;padding:80px 0px}
.blog-section .blog-item{margin-top:30px;}
.blog-section .blog-item .blog-img img{border-radius:5px}
.blog-section .blog-item .single-blog-item{padding:8px 10px}
.blog-section .blog-item .single-blog-item .blog-icon ul{padding-left:0px;margin-bottom:0px}
.blog-section .blog-item .single-blog-item .blog-icon ul li{padding-right:10px;display:inline-block;list-style:none}
.blog-section .blog-item .single-blog-item .blog-icon ul li a{color:#333 !important}
.blog-section .blog-item .single-blog-item .blog-content .blog-heading h5{padding-top:5px}
.blog-section .blog-item .single-blog-item .blog-content .blog-heading h5 a:hover{color:#5764ec}
.blog-section .blog-item .single-blog-item .blog-content .blog-heading .btn a{font-weight:700}
.blog-section .blog-item:hover .blog-heading .btn a{color:#5764ec}
.blog-section .paginition-area{margin-top:40px;text-align:center}
.blog-section .paginition-area a{width:45px;height:45px;margin:0 3px;display:inline-block;background-color:#ffffff;line-height:48px;color:#0b0b31;-webkit-box-shadow:0 2px 10px 0 #d8dde6;box-shadow:0 2px 10px 0 #d8dde6;font-size:18px;font-weight:700}
.blog-section .paginition-area a:hover{background-color:#5764ec;color:#fff}
.blog-right-section .main-search-ber .search-form{position:relative;margin-top:30px}
.blog-right-section .main-search-ber .search-form .search-field{background-color:transparent;height:50px;padding:6px 15px;border:1px solid #eeeeee;width:100%;display:block;outline:0;-webkit-transition:0.4s;transition:0.4s}
.blog-right-section .main-search-ber .search-form button{position:absolute;right:0;outline:0;bottom:0;height:50px;width:50px;z-index:1;border:none;color:#ffffff;background-color:#7b68ee;-webkit-transition:0.4s;transition:0.4s}
.blog-right-section .post-section .section-heading{position:relative}
.blog-right-section .post-section .section-heading:after{content:"";position:absolute;background:#7b68ee;bottom:-17px;left:0;width:70px;height:1.2px}
.blog-right-section .post-section .post-item{margin-top:20px;width:100%}
.blog-right-section .post-section .post-item .img{float:left;height:80px;overflow:hidden;position:relative;width:80px;margin-right:15px}
.blog-right-section .post-section .post-item .img img{width:80px;height:80px;display:inline-block;background-size:cover !important;background-repeat:no-repeat;background-position:center center !important}
.blog-right-section .post-section .post-item .post-info{overflow:hidden;margin-top:5px}
.blog-right-section .post-section .post-item .post-info span{display:block;color:#5f5f5f;text-transform:capitalize;margin-top:-2px;margin-bottom:3px;font-size:14px}
.blog-right-section .post-section .post-item .post-info a{font-size:18px !important;color:#333}
.blog-right-section .post-section .post-item .post-info a:hover{color:#7b68ee}
.blog-right-section .main-item .content ul{padding-left:0;margin-bottom:0;list-style-type:none}
.blog-right-section .main-item .content ul li{position:relative;margin-bottom:15px;color:#5f5f5f;padding-left:14px;font-size:15.5px;font-weight:400}
.blog-right-section .main-item .content ul li:after{background:#7b68ee;height:8px;width:8px;content:"";left:0;top:7px;position:absolute;border-radius:50px;border-right-style:inset}
.blog-right-section .main-item .content ul li a{color:#0b0b31;display:block}
.blog-right-section .main-item .content ul li a:hover{color:#7b68ee}
.blog-right-section .tags-section .content a{display:inline-block;color:#0b0b31;font-weight:400;font-size:14.5px !important;padding:6px 13px;border:1px dashed #7b68ee;margin-top:8px;margin-right:4px}
.blog-right-section .tags-section .content a:hover{background-color:#7b68ee;color:#fff}
.blog-right-section .single-blog h4{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}
.blog-right-section .single-blog .blog-tags a{border:1px solid #7b68ee;margin:5px;padding:10px 15px;font-size:12px !important;color:#7b68ee}
.blog-right-section .single-blog .blog-tags a:hover{background-color:#7b68ee;color:#fff}
.blog-right-section .single-blog-social-icon ul{text-align:center}
.blog-right-section .single-blog-social-icon ul li{list-style:none;display:inline-block}
.blog-right-section .single-blog-social-icon ul li a{width:40px;height:40px;line-height:35px;background-color:#7b68ee;border:2px solid #7b68ee;color:#ffffff;border-radius:50%;margin:0 3px;display:inline-block;cursor:pointer}
.blog-right-section .single-blog-social-icon ul li a:hover{background-color:#fff;color:#7b68ee;border:2px solid #7b68ee}
.blog-right-section #comment-section .comment-heading h2{padding-left:20px;color:#333;font-family:normal}
.blog-right-section .comment-item{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#f1f1f1;padding:15px 15px}
.blog-right-section .comment-item .user{padding:20px 15px}
.blog-right-section .comment-item .user span{padding:14px 20px;border-radius:50%;background-color:#4b8ef1;color:#fff;font-size:20px}
.blog-right-section .comment-item .content .name a{font-size:20px;font-weight:550;font-family:normal}
.blog-right-section .comment-item .content .name .comment-time{padding-left:20px;color:#999;font-weight:600}
.blog-right-section .comment-item .content .comment-icon a{margin-left:10px}
.blog-right-section .comment-item .content .comment-icon a i{font-size:18px}
.blog-right-section .comment-item .content .comment-icon span{margin-left:2px}
.hire-section{position:relative;z-index:1;background-position:center center;background-size:cover;background-repeat:no-repeat;text-align:center;padding:70px 0}
.hire-section::before{content:"";position:absolute;z-index:-1;left:0;top:0;height:100%;width:100%;background-color:#03030c;opacity:0.6}
.hire-content h6{font-size:16px;font-weight:700;color:#ff9800;letter-spacing:0.5px;text-transform:uppercase}
.hire-content h2{font-size:38px;color:#fff;margin:0;font-weight:700}
.hire-content p{color:#fff;font-size:18px;margin:20px 0 0 0}
.hire-content .hire-btn{margin-top:20px}
.hire-content .hire-btn .default-btn{margin-right:15px}
.partner-section{padding:80px 0px}
.partner-section .partner-item{border:1px solid #ddd;border-left:none}
.partner-section .partner-item:last-child{border-left:1px solid #dddddda6}
.wideget-section{padding:70px 0px;background-color:#1c1c23}
.wideget-section .footer-subscribe-wrapper .subscribe-area{position:relative;padding-bottom:50px;line-height:1.5;border-bottom:1px solid #777;color:#a2a8b1 !important}
.wideget-section .footer-subscribe-wrapper .subscribe-area .subscribe-content h2{color:#a2a8b1 !important}
.wideget-section .footer-subscribe-wrapper .subscribe-area .newsletter-form{max-width:580px;position:relative;margin-left:auto;margin-right:auto}
.wideget-section .footer-subscribe-wrapper .subscribe-area .newsletter-form .input-newsletter{display:block;width:100%;background-color:#ffffff;border:none;height:50px;padding-left:25px;border-radius:6px;outline:0;color:#0b0b31}
.wideget-section .footer-subscribe-wrapper .subscribe-area .newsletter-form button{position:absolute;right:0;top:0;background-color:#7b68ee;color:#ffffff;border:none;height:50px;padding:0 30px;border-top-right-radius:5px;border-bottom-right-radius:5px;-webkit-transition:0.4s;transition:0.4s;line-height:50px;text-transform:capitalize;font-size:16px;font-weight:400}
.wideget-section .footer-subscribe-wrapper .subscribe-area .newsletter-form button:hover{background-color:#333;color:#fff}
.wideget-section .main-footer-area{padding-top:50px}
.wideget-section .main-footer-area .footer-heading{margin-bottom:30px}
.wideget-section .main-footer-area .footer-heading h4{color:#a2a8b1;margin:0 0 0 0;position:relative;border-bottom:1px solid #777;padding-bottom:10px}
.wideget-section .main-footer-area .single-footer p{color:#a2a8b1;line-height:1.9}
.wideget-section .main-footer-area .single-footer .footer-social-icon{padding-left:0;margin-bottom:0;margin-top:20px}
.wideget-section .main-footer-area .single-footer .footer-social-icon li{display:inline-block;margin-right:10px;padding-bottom:10px}
.wideget-section .main-footer-area .single-footer .footer-social-icon li a{text-decoration:none;-webkit-transition:0.4s;transition:0.4s;outline:0 !important;color:#0b0b31}
.wideget-section .main-footer-area .single-footer .footer-social-icon li a i{display:inline-block;height:35px;width:35px;line-height:35px;background-color:#a2a8b1;border:1px solid #a2a8b1;border-radius:50px;-webkit-transition:0.5s;transition:0.5s;text-align:center}
.wideget-section .main-footer-area .single-footer .footer-social-icon li a i:hover{color:#fff;background-color:#5f29ff;border:1px solid #5f29ff;font-size:17px}
.wideget-section .main-footer-area .single-footer .footer-quick-links{margin-left:0;padding-left:0}
.wideget-section .main-footer-area .single-footer .footer-quick-links li{list-style:none;line-height:37px}
.wideget-section .main-footer-area .single-footer .footer-quick-links li a{color:#a2a8b1}
.wideget-section .main-footer-area .single-footer .footer-quick-links li:hover a{color:#5f29ff;text-decoration:underline}
.wideget-section .main-footer-area .single-footer .footer-info{overflow:hidden}
.wideget-section .main-footer-area .single-footer .footer-info .footer-info-contact{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-top:15px;margin-left:40px}
.wideget-section .main-footer-area .single-footer .footer-info .footer-info-contact i{color:#a2a8b1;padding-right:10px}
.wideget-section .main-footer-area .single-footer .footer-info .footer-info-contact h3{font-size:16px;color:#a2a8b1 !important;font-weight:600}
.wideget-section .main-footer-area .single-footer .footer-info .footer-info-contact a{color:#a2a8b1}
.wideget-section .main-footer-area .single-footer .footer-info .footer-info-contact .text{position:relative}
.wideget-section .main-footer-area .single-footer .footer-info .footer-info-contact .text .heading{position:relative;display:inline-block}
.wideget-section .main-footer-area .single-footer .footer-info .footer-info-contact .text .heading i{position:absolute;left:-30px;top:0}
@media (max-width:770px){.wideget-section .subscribe-area .newsletter-form button{margin-top:0px}
.wideget-section .footer-heading{text-align:center;margin-top:35px}
.wideget-section .footer-heading h4{text-align:center}
.wideget-section .single-footer{text-align:center;margin-left:0px}
.wideget-section .single-footer .footer-social-icon{text-align:center}
.wideget-section .single-footer .footer-quick-links{text-align:center}
}.copyright-area{background-color:#212129;padding:30px 0}
.copyright-area p{margin-top:15px;color:#a2a8b1;font-size:15px}
.copyright-area p a{color:#a2a8b1}
.copyright-area p a:hover{color:#5f29ff;text-decoration:underline}
.copyright-area ul{padding-left:0;margin-bottom:0;list-style-type:none;text-align:right}
.copyright-area ul li{display:inline-block;color:#a2a8b1;font-size:15px;position:relative;margin-left:10px;margin-right:10px;-ms-flex-item-align:start;-ms-grid-row-align:start;align-self:start}
.copyright-area ul li a{color:#a2a8b1}
.copyright-area ul li:hover a{color:#5764ec}
.hero-full .owl-nav .owl-prev,.hero-full-team .owl-nav .owl-prev{border-radius:50%;position:absolute;top:44%;left:0}
.hero-full .owl-nav .owl-next,.hero-full-team .owl-nav .owl-next{position:absolute;top:44%;right:0;border-radius:50%}
.hero-full-team .owl-item{padding:6px;}
.hero-slider-nav{border-radius:50px;width:50px;height:50px;background:#3184c6;margin:2px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out}
.hero-slider-nav:hover{background-color:#999}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#3184c6}
#hero .hero-slider-item{padding-top:50px;padding-bottom:180px;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;z-index:1;height:600px}
#hero .hero-slider-item::after{content:"";clear:both;display:block;position:absolute;width:100%;height:100%;z-index:-1;background:rgba(0,0,0,0.3);top:0;left:0}
#hero .hero-caption h2{padding-top:20px;font-size:50px;font-weight:700;line-height:1.2;margin-bottom:8px;color:white}
#hero .hero-caption h2:first-child{padding-top:120px;}
#hero .hero-caption p{margin-top:10px;font-family:"Catamaran",sans-serif;font-size:18px;line-height:1.8;color:#fff;letter-spacing:0.5px}
#hero .hero-caption .hero-btn button span{color:#fff}
#hero .hero-caption .hero-btn button:hover span{color:#333}
#hero .active .hero-slider-item h2{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay:0.5s;animation-delay:0.5s}
#hero .active .hero-slider-item p{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.8s;animation-delay:0.8s}
#hero .active .hero-slider-item .hero-btn{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.8s;animation-delay:0.8s}
@media (max-width:770px){.hero-caption h2{font-size:30px !important}
}#page .page-item{padding-top:240px;padding-bottom:100px;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;z-index:1;height:520px}
#page .page-item::after{content:"";clear:both;display:block;position:absolute;width:100%;height:100%;z-index:-1;background:rgba(0,0,0,0.3);top:0;left:0}
#page .page-item h1{color:#fff;padding-bottom:20px}
#page .page-item ul{list-style:none;color:#fff}
#page .page-item ul li{display:inline;margin-right:30px;font-size:20px}
#page .page-item ul li a{color:#fff}
#page .page-item ul li a:hover{color:red}
#page .page-item ul .active-item{position:relative}
#page .page-item ul .active-item::after{content:"";position:absolute;left:-20px;top:8px;width:10px;height:10px;border-radius:50%;background:#fff}
.services-page-title{position:relative}
.services-page-title .banner-curve{position:absolute;left:0;bottom:0px;width:100%;height:78px;background-image:url(../img/banner-curve.png);background-repeat:no-repeat;background-position:center bottom;background-size:100% 100%;z-index:2}
#pricing{padding:80px 0px}
#pricing .main-content h6{text-transform:uppercase;color:#ff6d60;font-size:20px}
#pricing .pricing-item{-webkit-transition:0.35s;transition:0.35s;-webkit-box-shadow:0px 0px 10px 0px #eee;box-shadow:0px 0px 10px 0px #eee;margin-top:50px;padding:20px 0px}
#pricing .pricing-item .pricing-heading h1{color:#3184c6}
#pricing .pricing-item .pricing-heading p{color:#3184c6}
#pricing .pricing-item .pricing-content ul{padding-left:0}
#pricing .pricing-item .pricing-content ul li{list-style:none;display:block;border-top:1px dashed;padding:10px 0;border-color:#dfe4e8}
#pricing .pricing-item .pricing-content ul .disable{color:#b7b7b7}
#pricing .pricing-item .pricing-btn .btn{-webkit-transition:0.35s;transition:0.35s;border:2px solid #3184c6}
#pricing .pricing-item .pricing-btn .btn a{color:#333}
#pricing .pricing-item .pricing-btn .btn:hover{background-color:#3184c6}
#pricing .pricing-item .pricing-btn .btn:hover a{color:#fff}
#pricing .pricing-item .price-tag{position:relative}
#pricing .pricing-item .price-tag h3{position:absolute;display:block;width:115px;height:50px;border-radius:25px 0 0 25px;background:#3184c6;line-height:50px;font-size:20px;color:#fff;top:12px;left:-10px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);text-align:center}
#pricing .pricing-item:hover{margin-top:25px}
#page-error{padding-bottom:50px}
#page-error .page-img img{max-width:100%;height:550px}
#page-error .error-content{padding:0px 200px}
#faq-item{padding:100px 0px}
#faq-item .accordion .accordion-item{background-color:#f0f0f6;margin-top:15px;border:1px solid #3184c6}
#faq-item .accordion .accordion-item .accordion-header button:focus{-webkit-box-shadow:none;box-shadow:none}
#faq-item .accordion .accordion-item .accordion-header button h5{color:#333}
#coming-soon{background-repeat:no-repeat;background-size:cover;padding:50px 0px}
#coming-soon .content p{padding:0px 150px;color:#333}
#coming-soon .content .contact-form{position:relative;margin:35px auto 55px;max-width:520px}
#coming-soon .content .contact-form .email-input{display:block;width:100%;height:56px;border:3px solid #3184c6;border-radius:40px;padding:15px 25px;outline:0 !important;background:#f1f2f3}
#coming-soon .content .contact-form .submit-btn{position:absolute;right:5px;top:5px;height:45px;background:#3184c6;color:#ffffff;border:none;border-radius:40px;width:130px;outline:0 !important;cursor:pointer;text-transform:uppercase;font-size:15px;font-weight:600}
#coming-soon .content .social-icon{margin-top:35px}
#coming-soon .content .social-icon ul{margin-top:15px;padding-left:0}
#coming-soon .content .social-icon ul li{display:inline-block}
#coming-soon .content .social-icon ul li a{width:40px;height:40px;line-height:35px;background-color:#3184c6;border:2px solid #3184c6;color:#ffffff;border-radius:50%;margin:0 3px;display:inline-block;cursor:pointer}
#coming-soon .content .social-icon ul li a:hover{background-color:#fff;color:#3184c6;border:2px solid #3184c6}
#coming-soon .countdown{width:720px;margin:0 auto}
#coming-soon .countdown .bloc-time{overflow:hidden;float:left;margin-right:45px;text-align:center}
#coming-soon .countdown .bloc-time:last-child{margin-right:0}
#coming-soon .countdown .count-title{display:block;margin-bottom:15px;font:normal 0.94em "Lato";color:#fff;text-transform:uppercase}
#coming-soon .countdown .figure{position:relative;float:left;height:100px;width:85px;margin-right:10px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,0.2),inset 2px 4px 0 0 rgba(255,255,255,0.08);box-shadow:0 3px 4px 0 rgba(0,0,0,0.2),inset 2px 4px 0 0 rgba(255,255,255,0.08)}
#coming-soon .countdown .figure:last-child{margin-right:0}
#coming-soon .countdown .figure>span{position:absolute;left:0;right:0;margin:auto;font:normal 5.94em/107px "Lato";font-weight:700;color:#7b68ee}
#coming-soon .countdown .figure .top:after,#coming-soon .countdown .figure .bottom-back:after{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:100%;border-bottom:1px solid rgba(0,0,0,0.1)}
#coming-soon .countdown .figure .top{z-index:3;background-color:#f7f7f7;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-top-left-radius:10px;border-top-right-radius:10px;-webkit-transform:perspective(200px);transform:perspective(200px)}
#coming-soon .countdown .figure .bottom{z-index:1}
#coming-soon .countdown .figure .bottom:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:50%;background-color:rgba(0,0,0,0.02)}
#coming-soon .countdown .figure .bottom-back{z-index:2;top:0;height:50%;overflow:hidden;background-color:#f7f7f7;border-top-left-radius:10px;border-top-right-radius:10px}
#coming-soon .countdown .figure .bottom-back span{position:absolute;top:0;left:0;right:0;margin:auto}
#coming-soon .countdown .figure .top{height:50%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#coming-soon .countdown .figure .top-back{height:50%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:4;bottom:0;background-color:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:perspective(200px) rotateX(180deg);transform:perspective(200px) rotateX(180deg);border-bottom-left-radius:10px;border-bottom-right-radius:10px}
#coming-soon .countdown .figure .top-back span{position:absolute;top:-100%;left:0;right:0;margin:auto}
@media (max-width:770px){#coming-soon .content p{color:#fff}
#coming-soon .bloc-time{margin-top:30px;margin-left:100px}
#coming-soon .bloc-time .count-title{color:#fff;font-weight:bold}
}#contact-section{padding:80px 0px}
#contact-section .contact-box{position:relative;-webkit-box-shadow:0px 0px 10px 0px #eee;box-shadow:0px 0px 10px 0px #eee;border-radius:10px;overflow:hidden;padding:50px 10px;-webkit-transition:0.35s;transition:0.35s;margin-top:40px}
#contact-section .contact-box .content .link{color:#333;font-weight:bold}
#contact-section .contact-box .content .link:hover{color:#3184c6}
#contact-section .contact-box:after{content:"";position:absolute;-webkit-transition:0.35s;transition:0.35s;left:0;top:0;height:5px;width:0%;background-color:#3184c6}
#contact-section .contact-box:hover::after{width:100%}
#contact-section .contact-box:hover{margin-top:25px}
#contact-form .contact-form{padding-bottom:50px}
#contact-form .contact-form form .form-group{margin-bottom:30px}
#contact-form .contact-form form .form-group .formError{font-weight:600;color:#f77474}
#contact-form .contact-form form .form-group .form-control{background-color:#ffffff;border:none;height:55px;font-size:15px;border-left:3px solid #7b68ee;-webkit-box-shadow:0px 0px 10px 0px #ab9999;box-shadow:0px 0px 10px 0px #ab9999}
#contact-form .contact-form form .form-group #message{height:auto;padding-top:15px;line-height:initial}
#contact-form .contact-form form .default-btn{-webkit-transition:0.35s;transition:0.35s;border:2px solid #7b68ee}
#contact-form .contact-form form .default-btn:hover{background-color:#7b68ee;color:#fff}
#contact-form .contact-form .success-message{color:#19d835;font-weight:bold;margin-top:20px;display:block}
#project-section{padding:80px 0px}
#project-section .main-item{margin-top:20px}
#project-section .main-item h3{margin-top:50px;color:#7b68ee}
#project-section .main-item .portfolio-item{overflow:hidden;margin-top:30px;position:relative}
#project-section .main-item .portfolio-item .content{color:#fff;position:absolute;height:100%;width:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:0.5s;transition:0.5s;padding-top:50px;left:0;bottom:0;background-color:#22363452}
#project-section .main-item .portfolio-item .content h5,#project-section .main-item .portfolio-item .content h4{color:#fff}
#project-section .main-item .portfolio-item .content .btn{border-radius:50px;margin-top:10px;width:150px;height:50px;border:2px solid #fff;-webkit-transition:0.35s;transition:0.35s}
#project-section .main-item .portfolio-item .content .btn a{color:#fff}
#project-section .main-item .portfolio-item .content .btn a i{padding-right:20px}
#project-section .main-item .portfolio-item .content .btn:hover{background-color:#333;border:2px solid #fff;margin-left:10px}
#project-section .main-item .portfolio-item .content .btn:hover a{color:#fff}
#project-section .main-item .portfolio-item:hover .content{-webkit-transform:scale(1);transform:scale(1)}
#project-details{padding-top:50px;padding-bottom:50px;background:whitesmoke}
#project-details .content-area .share .social-icon{margin-top:15px;padding-left:0}
#project-details .content-area .share .social-icon li{display:inline-block}
#project-details .content-area .share .social-icon li a{width:40px;height:40px;line-height:35px;background-color:#3184c6;border:2px solid #3184c6;color:#ffffff;border-radius:50%;margin:0 3px;display:inline-block;cursor:pointer}
#project-details .content-area .share .social-icon li a:hover{background-color:#fff;color:#3184c6;border:2px solid #3184c6}
#project-details .content-area .live-preview{padding-top:20px}
#project-details .content-area .live-preview .btn{border:2px solid #333;color:#333}
#project-details .content-area .live-preview .btn:hover{background-color:#333}
#project-details .content-area .live-preview .btn:hover a{color:#fff}
#it-solition{padding:90px 0px}
#it-solition .solution-item ul{margin-left:0;padding-left:0}
#it-solition .solution-item ul li{overflow:hidden;list-style:none !important;padding:7px 20px;border:1px solid #3184c6;margin-top:5px;font-weight:bold;position:relative;color:#3184c6;z-index:1}
#it-solition .solution-item ul li .arrow{position:absolute;left:-100%;top:8px;-webkit-transition:0.5s;transition:0.5s}
#it-solition .solution-item ul li .arrow i{font-size:20px}
#it-solition .solution-item ul li:after{content:"";-webkit-transition:0.35s;transition:0.35s;position:absolute;right:-100%;top:0;height:100%;width:100%;background-color:#3184c6;z-index:-1}
#it-solition .solution-item ul li:hover:after{right:0}
#it-solition .solution-item ul li:hover{color:#fff}
#it-solition .solution-item ul li:hover .arrow{left:10px}
#support{padding:80px 0px;background-color:#99999947}
#support .support-item{position:relative;padding:15px 20px;text-align:left;border-radius:10px;overflow:hidden;background-color:#fff}
#support .support-item .text{font-size:25px;font-weight:bold}
#support .support-item .support-btn{position:absolute;cursor:pointer;-webkit-transition:0.5s;transition:0.5s;right:0;top:0;bottom:0}
#support .support-item .support-btn a{font-size:20px;color:#fff;height:100%;padding:0px 50px;background-color:#3184c6;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#support .support-item .support-btn:hover{background-color:#333}
#services-section-item-2{padding:80px 0px}
#services-section-item-2 .services-item-two{position:relative;overflow:hidden;margin-top:50px;border:1px solid #ddd;padding:35px 25px}
#services-section-item-2 .services-item-two .icon{padding-bottom:20px}
#services-section-item-2 .services-item-two .icon i{color:#007aff;font-size:50px}
#services-section-item-2 .services-item-two .services-content h3{padding:5px 0px}
#services-section-item-2 .services-item-two .services-content .read-more{font-size:18px}
#services-section-item-2 .services-item-two:after{content:url("");position:absolute;left:0;top:0;background-color:#3184c6;width:100%;height:100%;opacity:0;-webkit-transition:0.5s;transition:0.5s;z-index:-1}
#services-section-item-2 .services-item-two::before{position:absolute;content:"";left:0;top:0;height:100%;width:100%;background:url(../img/blog/7.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1;-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0;-webkit-transition:0.5s;transition:0.5s}
#services-section-item-2 .services-item-two:hover::after{opacity:1}
#services-section-item-2 .services-item-two:hover::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
#services-section-item-2 .services-item-two:hover .icon i{color:#fff}
#services-section-item-2 .services-item-two:hover .services-content h3,#services-section-item-2 .services-item-two:hover .services-content p,#services-section-item-2 .services-item-two:hover .services-content a{color:#fff}
#index-2-team-section{margin-top:30px;padding-bottom:100px}
#index-2-team-section .ourTeam-hedding{margin-bottom:50px}
#index-2-team-section .ourTeam-hedding p{color:#979797}
#index-2-team-section .ourTeam-hedding h1{font-size:25px;font-weight:bold;color:#145889}
#index-2-team-section .ourTeam-box{overflow:hidden;border-radius:2px;border-top:6px solid #5dddd3;margin:0px;background-color:#f7f4f436;margin-bottom:30px;position:relative}
#index-2-team-section .ourTeam-box .section3{position:absolute;-webkit-transition:0.35s;transition:0.35s;bottom:-100px;background-color:#5dddd3}
#index-2-team-section .ourTeam-box .section3 i{color:#ffffff !important;padding:15px;font-size:15px}
#index-2-team-section .ourTeam-box:hover .section3{bottom:0px}
#index-2-team-section .section1{padding:30px 0px 30px 0px}
#index-2-team-section .section1 img{border-radius:50%;height:130px;width:130px}
#index-2-team-section .section2 p{font-weight:bold;color:#5dddd3;letter-spacing:1px}
#index-2-team-section .section2 span{color:#979597}
#index-2-team-section .section-info{border-top:6px solid #90dfaa}
#index-2-team-section .section-info p{color:#90dfaa}
#index-2-team-section .section-info .section3{background-color:#90dfaa}
#index-2-team-section .section-danger{border-top:6px solid #fd8469}
#index-2-team-section .section-danger p{color:#fd8469}
#index-2-team-section .section-danger .section3{background-color:#fd8469}
#index-two-contact-section{padding-bottom:110px}
#index-two-contact-section .contact-item{position:relative;-webkit-box-shadow:inset 0px 0px 5px 1px rgba(136,136,136,0.25);box-shadow:inset 0px 0px 5px 1px rgba(136,136,136,0.25);padding:10px;text-align:center;border-radius:10px;border-left:2px solid #3184c6;border-right:2px solid #3184c6;margin-top:25px}
#index-two-contact-section .contact-item h4{font-family:"Acme",sans-serif;margin:5px 0 15px;font-size:22px;color:#00a8ff}
#index-two-contact-section .contact-item i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:100px;color:#b5d8f5;opacity:0.5;z-index:-1}
#index-two-contact-section .contact-item address{color:#111;font-size:15px;font-weight:600;letter-spacing:1px}