mo/* ------------------------
    General
------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=ZCOOL+QingKe+HuangYou');

body {font-family: 'Poppins', sans-serif; font-weight: normal; font-style: normal; font-size: 15px; line-height: 1.7; color:#424141;}


/* ------------------------
    Typography
------------------------*/
h1, h2, h3, h4, h5, h6{font-weight:normal; margin-top: 0px; margin-bottom: 0px; text-transform: capitalize;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 50px; font-style: normal; line-height: 60px; font-weight: 700; text-transform: capitalize; color: #0e2949;}
h2 { font-size: 40px; font-style: normal; line-height: 50px; font-weight: 700; color: #0e2949; text-transform: capitalize; margin-bottom: 10px; position: relative;}
h3 { font-size: 30px; font-style: normal; line-height: 36px; font-weight: 500; color: #0e2949;}
h4 { font-size: 24px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 30px; color: #0e2949;}
h5 { font-size: 20px; font-style: normal; margin-bottom: 10px; font-weight: 500; line-height: 26px; color: #0e2949;}
h6 { font-size: 18px; font-style: normal; line-height: 24px; margin-bottom: 10px; color: #0e2949;}
ul { margin: 0px; padding: 0px; }
u {text-decoration-style: wavy;}

/* ------------------------
    Helper class
------------------------*/
p{line-height: 1.9;}
.lead{font-weight: normal; font-size: 16px; line-height: 30px;}
.o-hidden{overflow: hidden;}
.img-center{display: inline-block !important; max-width: 100%;}
.pos-r{position: relative;}
.z-index-0{z-index: 0; position: relative;}
.z-index-1{z-index: 1; position: relative;}
h1 span{color: #425edb;}
section{padding: 80px 0;}
.section-title{margin-bottom:50px;}
.section-title p{font-size: 16px;}
.align-item-middle{display: -webkit-flex; /* Safari */  -webkit-align-items: center; /* Safari 7.0+ */  display: flex; align-items: center;}
.align-item-middle > div{width: 100%;}

.font-w-3{font-weight: 300;}
.font-w-4{font-weight: 400;}
.font-w-5{font-weight: 500;}
.font-w-6{font-weight: 600;}
.font-w-7{font-weight: 700;}
.font-w-8{font-weight: 800;}
.font-w-9{font-weight: 900;}

.line-h-2{line-height: 1.6;}
.line-h-3{line-height: 1.7;}
.line-h-4{line-height: 1.8;}
.line-h-5{line-height: 1.9;}

.letter-space-1{letter-spacing: 5px;}
.letter-space-2{letter-spacing: 10px;}
.letter-space-3{letter-spacing: 15px;}


/* ------------------------
    Text color
------------------------*/
.text-theme{color: #425edb;}
.text-black{color:#0e2949 !important;}
.text-grey{color:#999999;}
.text-rgba{color: rgba(255,255,255,0.8);}


/* ------------------------
    Background color
------------------------*/
.white-bg{background-color: #ffffff !important;}
.dark-bg{background-color: #12142c;}
.grey-bg{background-color: #f3f6ff;}
.theme-bg{background-color: #425edb;}
.transparent-bg{background-color: inherit !important;}
.gradient-bg{background: rgb(66,94,219); background: linear-gradient(90deg, rgba(66,94,219,1) 20%, rgba(107,66,219,1) 100%);}


/* ------------------------
    Border Radius
------------------------*/
.radius{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.radius-0{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.radius-1{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.radius-2{-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.radius-3{-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.radius-4{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

/* ------------------------
    Button
------------------------*/
.btn{padding: 12px 25px; font-weight: 500; background: none; color: #0e2949; border-radius: 5px; border: none; position: relative; overflow: hidden; z-index: 9;}
.btn-sm{padding: 10px 20px;}
.btn span{transition: inherit;}
.dark-bg .btn, .theme-bg .btn{color: #ffffff;}
.btn.focus, .btn:focus{box-shadow: none;}
.btn:hover {background: #425edb; color: #fff;}
.btn.btn-theme{background-image: -webkit-linear-gradient(left, #425edb 0%, #6b42db 100%);
    background-image: linear-gradient(to right, #425edb 0%, #6b42db 100%); color: #ffffff;}

.btn.btn-theme:hover{background-image: -webkit-linear-gradient(left, #6b42db 0%, #425edb 100%);
    background-image: linear-gradient(to right, #6b42db 0%, #425edb 100%);}
.btn.btn-border{border:2px solid #425edb;}
.dark-bg .btn.btn-border, .theme-bg .btn.btn-border{border:2px solid rgba(255,255,255,0.2);}
.btn.btn-border:hover{background: #ffffff; color: #425edb}
.btn.btn-circle{border-radius: 30px;}
.btn.btn-white{background: #ffffff; color: #0e2949}
.btn.btn-white.btn-border{border-color: #ffffff; background: none; color: #ffffff;}
.btn.btn-white:hover{background: #ffffff; color: #6b42db;}
.btn.btn-white.btn-border:hover{color: #6b42db;}
.btn + .btn{margin-left: 10px;}
.btn-simple{color: #0e2949; padding: 0; background: none !important;}
.dark-bg .btn-simple, .theme-bg .btn-simple{color: #ffffff;}
.btn-simple:hover{color: #6b42db; box-shadow: none; background: none;}
.btn-simple:before, .btn-simple:after{display: none;}
.theme-bg .btn-simple:hover{color: #0e2949;}

.theme-bg .title{color: #ffffff;}

/* ------------------------
    Header
------------------------*/
.header {position: absolute; top: 0; width: 100%; z-index: 1200;}
#header-wrap {padding: 10px 0;}
#header-wrap.fixed-header {position: fixed; top:0; left:0; width: 100%; z-index: 999 !important; background: #ffffff !important; padding: 5px 0;}
.logo img {height: 70px;}
#header-wrap.fixed-header .logo img {height: 65px;}


/*--navigation--*/
.navbar{padding: 0;}
.navbar .fullwidth > ul{width: 100% !important; min-width: inherit !important; max-width: inherit !important; right: 0; margin: 0 !important}
.nav-item.fullwidth{position: static;}
.navbar-nav{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.navbar-nav,.navbar-nav ul,.navbar-nav li{list-style:none;margin:0;padding:0;line-height:normal;}
.navbar-nav li > ul{display:none;}
.navbar-nav li,.navbar-nav a{position:relative;}
.navbar-nav a{display:block;}
.navbar-nav li ul{padding: 10px; position: absolute; background: #ffffff; border-radius: 5px; border:none; border-top: 3px solid #425edb; -webkit-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out;}
.navbar-brand{margin-right: 0;}
.navbar-nav ul a{padding: 10px 20px; white-space: nowrap; position: relative; background: none; color: #0e2949; font-size: 14px; font-weight: 500;}
.navbar-nav ul a:hover{background: #ffffff; color: #425edb; padding-left: 15px;}
.navbar-nav .nav-link.highlighted, #header-wrap.fixed-header .navbar-nav .nav-link.highlighted{color: #0e2949;}
.navbar-nav a .sub-arrow {display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: middle; border-top: .3em solid; border-right: .3em solid transparent; border-left: .3em solid transparent;}
.navbar-nav li ul li a .sub-arrow {display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: middle; border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-right:none; border-left: .3em solid;}

.navbar-brand{margin-right: 0;}
.navbar-nav .nav-item{margin-right: 5px}
.navbar-nav .nav-item:last-child{margin-right: 0}
.navbar-nav .nav-link{color: #0e2949; font-weight: 500; border-radius: 5px; padding: 10px 25px !important; text-transform: capitalize; overflow: hidden; position: relative;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-item .nav-link.active {color: #ffffff;}
.navbar-nav .nav-link::after {display: block; position: absolute; margin: 0; top: 0; bottom: 0; left: 0; right: 0; content: '.'; color: transparent; width: 1px; height: 1px; border-radius: 50%; background: transparent;}
.navbar-nav .nav-link:hover::after, .navbar-nav .nav-item .nav-link.active::after {-webkit-animation: circle 2s ease-in forwards;}
@-webkit-keyframes circle {
  0% {width: 1px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 1px; z-index: -1; background: #425edb; border-radius: 100%;}
  100% {background: #425edb; height: 5000%; width: 5000%; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border-radius: 5px;}
}

/* ------------------------
    Banner
------------------------*/
.fullscreen-banner{position: relative;}
[data-bg-img]{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.align-center{position: absolute; top: 50%; width: 100%; z-index: 9;}
.align-end{position: absolute; bottom: 0; width: 100%; z-index: 9;}
.fullscreen-banner .owl-carousel, .fullscreen-banner .owl-stage-outer, .fullscreen-banner .owl-stage, .fullscreen-banner .owl-item{height: 100%;}
.banner h1 span{position: relative;}
.banner h1 span::before {content: ""; position: absolute; left: 0; top: 50%; background: #f3f6ff; width: 100%; height: 20%; z-index: -1;}

.banner .owl-carousel .owl-nav { display: block; position: absolute; text-indent: inherit; bottom: inherit; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 0; width: 100%; cursor: pointer; z-index: 999;}
.banner .owl-carousel .owl-nav button.owl-prev,
.banner .owl-carousel .owl-nav button.owl-next{width: 70px; height: 70px; line-height: 70px; display: block; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.banner .owl-carousel .owl-nav button.owl-prev{left:0;}
.banner .owl-carousel .owl-nav button.owl-next{right:0;}


/* -------------------------------
   Background Position & Size
-------------------------------*/
.bg-cover{background-size: cover;}
.bg-contain{background-size: contain;}
.bg-pos-l{background-position: left;}
.bg-pos-r{background-position: right;}
.bg-pos-rt{background-position: right top;}
.bg-pos-lt{background-position: left top;}
.bg-pos-rb{background-position: right bottom;}
.bg-pos-lb{background-position: left bottom;}

/* ------------------------
    Section Title
------------------------*/
.title {position: relative; color: #0e2949; margin-bottom: 15px;}
.text-white .title, .text-white h6{color: #ffffff}


/* ------------------------
    Featured Box
------------------------*/
.featured-item{padding: 40px 30px; position: relative; background: #ffffff}
.featured-item .featured-icon{display:inline-block;}
.featured-item .featured-icon i{font-size: 60px; line-height: 60px; color: #425edb}
.featured-desc p{margin-bottom: 0;}
.featured-title h4{margin: 30px 0 20px; text-transform: capitalize;}

.featured-item .top-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 50%;}
.featured-item .btm-layer {position: absolute; left: 0px; bottom: 0px; width: 100%; height: 50%;}
.featured-item .top-layer:before, .featured-item .top-layer:after,
.featured-item .btm-layer:before, .featured-item .btm-layer:after{position: absolute; content: ''; width: 0px; height: 50%; background-color: #425edb; transition: all 800ms ease; -moz-transition: all 800ms ease; -webkit-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease;}
.featured-item .top-layer:before { left: 0px; top: 0px;}
.featured-item .top-layer:after {right: 0px; bottom: 0px;}
.featured-item .btm-layer:before {left: 0px; top: 0px;}
.featured-item .btm-layer:after {right: 0px; bottom: 0px;}
.featured-item:hover .top-layer:before, .featured-item:hover .top-layer:after,
.featured-item:hover .btm-layer:before, .featured-item:hover .btm-layer:after {width: 100%;}
.featured-item:hover,
.featured-item:hover .featured-icon i,
.featured-item:hover h4{color: #ffffff;}
.featured-item .featured-icon,
.featured-item h4,
.featured-item .featured-desc{z-index: 9; position: relative;}

.featured-item.left-pos{padding: 0 0 0 100px; box-shadow: none; overflow: inherit; background: none}
.featured-item.left-pos .featured-icon{position: absolute; top: 0; left: 0;}
.featured-item.left-pos .featured-icon i{font-size: 80px;}
.featured-item.left-pos h4{margin-top: 0;}
.featured-item.left-pos .featured-icon span {position: absolute; top: 50%; left: 50%; z-index: -1; margin-top: -20px; margin-left: -20px;}
.featured-item.left-pos .featured-icon span::after{background: #cdf3f6; left: 0; top: 0; border-bottom-right-radius: 40%; border-bottom-left-radius: 80%; content: ""; height: 50px; position: absolute; width: 50px;}
.featured-item.left-pos:hover .featured-icon i{color: #6b42db; transform: scale(1.1);}
.featured-item.left-pos:hover h4{color: #6b42db;}
.featured-item.left-pos:hover{color: #0e2949;}

.featured-item.left-pos.boxed{background: #ffffff; border-radius: 5px; padding: 30px 30px 30px 110px;}
.featured-item.left-pos.boxed .featured-icon{top: 30px; left: 30px;}
.featured-item.left-pos.boxed .featured-icon i{font-size: 60px; line-height: 50px;}
.owl-carousel .featured-item{margin: 30px 10px;}

.service-box{background: #ffffff; padding: 30px;}
.service-box h3{margin-bottom: 20px;}


/* ------------------------
    Accordion
------------------------*/
.accordion .card {border: none; border-radius: 0; margin-bottom: 20px; overflow: inherit;}
.accordion .card:last-child{margin-bottom: 0;}
.accordion .card-header {background: none; border:none; position: relative; padding: 0;}
.accordion .card-header a{padding: 20px 50px 20px 20px; background: #ffffff; border-radius: 5px; font-weight: 500; font-size: 15px; color: #0e2949; text-transform: capitalize; display: inline-block; width: 100%;}
.accordion .card.active a, .accordion .card a:hover{background: #425edb; color: #ffffff}
.accordion .card-body {padding: 30px;}
.accordion .card-header a span:after,
.accordion .card-header a span:before,
.accordion .card-header a span {content: ''; position: absolute; left: 20px; top: 50%;}
.accordion .card-header a span:before,
.accordion .card-header a span:after {width: 20px; height: 2px; background: #425edb; top: 50%; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%)}
.accordion .card-header a span:before {-webkit-transform: translate(-50%) rotate(90deg); transform: translate(-50%) rotate(90deg)}
.accordion .card-header a span{left: inherit; right: 30px;}
.accordion .card-header a[aria-expanded="true"] span:before {-webkit-transform: translate(-50%) rotate(0deg); transform: translate(-50%) rotate(0deg)}
.accordion .card.active a span:after, .accordion .card a:hover span:after,
.accordion .card.active a span:before, .accordion .card a:hover span:before{background: #ffffff;}


/* ------------------------
    Counter
------------------------*/
.counter{position: relative; text-align: center;}
.counter span{font-size:50px; font-weight:700; line-height:50px; color:#0e2949;}
.counter i{font-size:80px; line-height:80px; color: #425edb; display:block; margin-bottom: 20px;}
.counter h5{display: block; font-weight:normal; color:#6b42db; font-size:20px; position:relative; margin:10px 0 0;}
.text-white .counter span, .text-white .counter i, .text-white .counter h5{color:#ffffff;}


/* ------------------------
    Tab
------------------------*/
.tab .nav-tabs{border:none; display: table; width: 100%; text-align: center;}
.tab .nav-tabs .nav-link{background: #f9f9f9; border-radius: 5px; font-size: 20px; font-weight: 500; color: #0e2949; position: relative; display: table-cell; width: auto; border:none; border-top:3px solid transparent;  padding:20px;}
.tab .nav-tabs .nav-link.active, .tab .nav-tabs .nav-link:hover, .tab .nav-tabs.active > a:focus, .tab .nav-tabs > a:hover{background: #425edb; color: #ffffff;}
.tab .tab-content{padding: 30px;}
.vision-sec .tab ul li{padding-left: 70px; position: relative;}
.vision-sec .tab ul li i {position: absolute; left: 0; background: #ffffff; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; top: 50%; text-align: center; font-size: 20px; margin-top: -25px;}

/* ------------------------
    Team
------------------------*/
.team-member{position: relative; text-align: center;}
.owl-carousel .team-member {margin: 0 15px;}
.team-images{position: relative; overflow: hidden; border-radius: 50%;}
.team-member .team-description {padding: 20px; text-align: center;}
.team-member .team-description span{color: #6b42db; font-weight: 400;}
.team-member .team-description h5{ margin: 0 0 10px; text-transform: uppercase; font-weight: 500; color: #0e2949;}
.team-member img{width: 100%;}


/* ------------------------
    Testimonials
------------------------*/
.testimonial{background: #ffffff; border-radius: 10px; display: inline-block; margin: 50px 50px 0; position: relative;}
.testimonial-content{padding: 50px 50px 50px 130px; position: relative;}
.testimonial-content p{font-size: 16px; line-height: 30px; margin-bottom: 0;}
.testimonial .testimonial-caption label{margin-bottom: 0; font-weight: 500; color: #425edb; display: block; margin-bottom:15px;}
.testimonial .testimonial-caption h5{color: #0e2949; font-weight: 500; display: inline-block; margin-bottom:10px;}
.testimonial-img {left: 0; position: absolute; top: 0;}
.testimonial .testimonial-img img{width: 100px; height: 100px; border-radius: 40%; padding: 2px;}
.testimonial .testimonial-quote {bottom: 0; color: rgba(14,41,73,0.1); display: inline-block; font-size: 100px; position: absolute; right: 50px;}
.testimonial::before {content: ""; background: #ffffff; width: 100%; height: 100%; position: absolute; left: -20px; top: -20px; z-index: -1;}
.testimonial::after {content: ""; background: #ffffff; width: 100%; height: 100%; position: absolute; right: -20px; bottom: -20px; z-index: -9;}


/* ------------------------
    Portfolio
------------------------*/
.portfolio-filter { display: inline-block; margin:0 auto 50px; text-align: center;}
.portfolio-filter button {position: relative; border-radius: 5px; cursor: pointer; border:none; font-size: 16px; font-weight: 500; color: #0e2949; float: left; text-transform: capitalize;}
.portfolio-filter button:focus {outline: none; outline-style: none; outline-offset:0; }
.portfolio-filter button.is-checked, .portfolio-filter button:hover {background: #425edb; color: #ffffff;}
.portfolio-filter button + button {margin-left: 20px;} 
.isotope .grid-item img {width: 100%;}
.theme-bg .portfolio-filter button.is-checked, .theme-bg .portfolio-filter button:hover,
.gradient-bg .portfolio-filter button.is-checked, .gradient-bg .portfolio-filter button:hover{background: #ffffff; color: #425edb;}

.grid .grid-item{padding: 10px;}
.grid.columns-2 .grid-item, .masonry.columns-2 .masonry-brick { width: 50%;}
.grid.columns-3 .grid-item, .masonry.columns-3 .masonry-brick{ width: 33.333333%;}
.grid.columns-4 .grid-item, .masonry.columns-4 .masonry-brick { width: 25%;}
.masonry .masonry-brick {float: left; margin-bottom: 30px; padding: 0 15px; position: relative;}
.grid.no-gutters .grid-item{padding: 0;}
.masonry.no-gutters .masonry-brick{padding: 0; margin: 0;}

.portfolio-item {overflow: hidden; position: relative;}
.portfolio-title h4{color: #0e2949; margin-top: 10px;}
.portfolio-title span{color: #425edb; text-transform: uppercase;}
.portfolio-item .portfolio-img{position: relative; overflow: hidden; border-radius: 5px;}
.portfolio-item .portfolio-img::before {display: block; background: rgba(0, 0, 0, 0.95); content: ""; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 1;}
.portfolio-item:hover .portfolio-img::before {opacity: 1; visibility: visible;}
.portfolio-title {padding: 30px;}
.popup-link {display: block; font-weight: 600; font-size: 18px; color: #0e2949; background: #FFFFFF; padding: 10px 20px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); position: absolute; top: 3.9rem; right: 3rem; z-index: 500;}
.popup-link::before {display: block; content: ""; height: 1px; width: 3rem; background: rgba(255, 255, 255, 0.3); position: absolute; top: 50%; right: -3rem;}
.popup-link:hover {background: #425edb; color: #FFFFFF;}
.portfolio-item:hover .popup-link {opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}


/* ------------------------
    How It Work
------------------------*/
.work-process {background: #fff; padding: 50px 30px; border-radius: 5px; text-align: center; margin: 0 15px;}
.work-process i {font-size: 40px; line-height: 50px; color: #425edb; background: #e8fdfa; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; animation: pulse-2 1.2s infinite;}
.work-process h5{margin: 15px 0;}
.work-process p{margin-bottom: 0;}

/* ------------------------
    Blog - Post
------------------------*/
.post{position:relative;}
.post .post-image {overflow: hidden; position: relative;}
.post .post-desc{padding: 30px; background: #ffffff; position: relative;}
.post .post-desc h4{margin:15px 0 0; text-transform: capitalize; font-weight: 500;}
.post .post-desc h4 a{color: #0e2949; display: inline-block;}
.post .post-desc h4 a:hover{color: #425edb}
.post .post-desc p{margin: 15px 0 0;}

.post-meta {background: rgb(66,94,219); background: linear-gradient(90deg, rgba(66,94,219,1) 20%, rgba(107,66,219,1) 100%); border-radius: 5px; width: 85%; text-align: center; padding: 10px 5px; position: absolute; left: 50%; top: 0;}
.post-meta ul li{list-style-type: none; display: inline-block; font-size: 13px; color: #ffffff;}
.post-meta ul li:after {content: "|"; display: inline-block; margin: 0 5px 0 8px; opacity: 0.7;}
.post-meta ul li:last-child:after {display: none;}
.post-author{position: absolute; left: 30px; bottom: -25px;}
.post-author-img {display: inline-block; width: 80px; height: 80px; border-radius: 50%; overflow: hidden; vertical-align: top;}
.post-author span{font-size: 16px; color: #425edb; font-weight: 500; padding-left: 15px; padding-top: 15px; display: inline-block;}


/* ------------------------
    Clients Logo
------------------------*/
.clients-logo img{opacity: 0.5}
.clients-logo img:hover{opacity: 1}

/* ------------------------
    Footer
------------------------*/
.footer{padding: 80px 0;}
.footer-pattern {bottom: 0; position: absolute;}
.primary-footer{position: relative; z-index: 99; font-size: 16px;}
.secondary-footer{color: #424141; font-weight: normal;}
.copyright{margin-top: 50px;}
.copyright span a{font-weight: bold;}
.footer-logo img{height: 70px;}
.primary-footer, .primary-footer a{color: #424141;}
.primary-footer h4{margin-bottom: 20px;}

.media-icon.list-inline li{display: inline-block;}
.media-icon li{margin-bottom: 15px; font-weight: 400;}
.media-icon li:last-child{margin-bottom: 0;}
.media-icon li a{color: #425edb}
.media-icon li a:hover{text-decoration: underline !important; color: #6b42db;}

.footer-list li{margin-bottom: 2px; text-transform: capitalize;}
.footer-list li:last-child{margin-bottom: 0;}
.footer-list li a{font-size: 16px; font-weight: 400; border-radius: 5px; color: #0e2949; padding: 8px 20px 8px 0; display: inline-block;}
.footer-list li a:hover{color: #ffffff; background: #425edb; padding: 8px 20px;}
.footer-list .list-inline li{display: inline-block; margin: 0 10px;}

.footer-logo{margin-bottom: 15px;}
.social-icon ul li{display: inline-block;}
.social-icon ul li + li{margin-left: 10px;}
.social-icon ul li a{display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; -webkit-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px rgba(72, 73, 121, 0.15);}
.social-icon ul li a:hover{border-radius: 0;}
.social-facebook a{color: #5d82d1;}
.social-twitter a{color: #40bff5;}
.social-gplus a{color: #db5442;}
.social-linkedin a{color: #238cc8;}


 /* ------------------------
    Subscribe Form
------------------------*/
.subscribe-form {margin: 0; padding: 0; position: relative;}
#mc-form {width: 100%;}
#mc-form input[type="email"] {width: 100%; border: none; background: #ffffff; border-radius: 7px; color: #0e2949; font-size: 14px; padding: 0 20px; height: 60px;}
#mc-form input[type="email"]::-webkit-input-placeholder {color: #0e2949;}
#mc-form input[type="email"]::-moz-placeholder {color: #0e2949;}
#mc-form input[type="email"]:-ms-input-placeholder {color: #0e2949;}
#mc-form input[type="email"].placeholder {color: #0e2949 !important;}
#mc-form .btn {position: absolute; border-radius: 0px; top: 5px; right: 5px; padding: 0 25px; transition: 0.20s; height: 50px; border-radius: 7px;}


/* ------------------------
    Side Background
------------------------*/
.image-column {position: absolute; left: 0px; top: 50%;}
.image-column.right{right: 0; left: inherit;}

/* ------------------------
    List Icon
------------------------*/
.list-icon li{position: relative; padding-left: 40px;}
.list-icon li + li{margin-top: 10px;}
.list-icon li i {position: absolute; left: 0; top: 0; text-align: center; font-size: 20px; color: #425edb}
.text-white .list-icon li i {color: #ffffff;}


/* ------------------------
    Contact
------------------------*/
.contact-main{border-radius: 5px; padding: 30px;}
.contact-info li {padding-left: 100px; position: relative;}
.contact-info li i{position: absolute; left: 50px; top: 0; line-height: 24px; font-size: 30px; color: #425edb; text-align: center;}
.contact-info li span{font-size: 16px; color: #424141; font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 5px;}
.contact-info li p{margin-bottom: 0; line-height: 24px;}
.contact-info li a{color: #424141;}
.contact-info li a:hover{color: #425edb;}
.contact-info{position: relative;}
.contact-info:before {content: ' '; background: #d4d9df; display: inline-block; position: absolute; left: 9px; width: 2px; height: 100%; z-index: 400;}
.contact-info > li:before {content: ' '; background: white; display: inline-block; position: absolute; border-radius: 50%; border: 3px solid #425edb; left: 0; width: 20px; height: 20px; z-index: 400;}
.contact-info > li::after {content: ' '; background: #6b42db; display: inline-block; position: absolute; border-radius: 50%; top: 5px; left: 5px; width: 10px; height: 10px; z-index: 400;}
.form-group{margin-bottom: 20px; position: relative;}
 label{font-size: 14px; color: #0e2949}
.form-control{height: 50px; border-radius: 5px; font-size: 13px; color: #424141; background: #e8fdfa; border: none;}
textarea.form-control{height: 150px; border-radius: 5px;}
.form-control:focus{box-shadow: none; background: none; border:1px solid #425edb;}
select.form-control {-moz-appearance: none; -webkit-appearance: none; appearance: none; height: 50px !important;}
.help-block.with-errors {position: absolute; color: red; right: 15px; font-size: 10px; line-height: 14px;}

.form-control::-webkit-input-placeholder {color: #424141;}
.form-control::-moz-placeholder {color: #424141;}
.form-control::-ms-input-placeholder {color: #424141;}
.form-control::-moz-placeholder {color: #424141;}

.dark-bg .form-control{background: rgba(255,255,255,0.020); border: 1px solid #6b42db; color: #ffffff;}

.dark-bg .form-control::-webkit-input-placeholder {color: #ffffff;}
.dark-bg .form-control::-moz-placeholder {color: #ffffff;}
.dark-bg .form-control::-ms-input-placeholder {color: #ffffff;}
.dark-bg .form-control::-moz-placeholder {color: #ffffff;}

.info-img:before {position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; background-image: url(../images/pattern/02.png); z-index: -1; background-size: cover;}
.img-effect .img-2{position: absolute; top: 50%; left: 50%;}

.modal{z-index: 99999; top: 50%; height: auto; padding: 0 !important;}
.modal-open{overflow: scroll;}
.modal-content{
    justify-content: space-between; 
    /* -ms-flex-direction: row; 
    flex-direction: row; */
    -ms-flex-direction: column; 
    flex-direction: column;
    /*align-items: center;*/
    text-align: center;
    overflow: hidden;
    /* background-color: #425edb; */
    background-color: #425edb99; 
    border: none;}
.modal-header, .modal-footer{
    display: block; 
    /*width: 50%; */
    border: none; padding: 0 30px
    
}
.modal-header h2,.modal-header h3,.modal-footer, .modal-header h5{color: #ffffff;}
.modal-header h5 a:hover{color: #0e2949}
.modal-dialog{max-width: 800px; margin: 0 auto;}
.modal-backdrop{z-index: 9999;}
.modal .modal-body {/* padding: 15px 40px;*/ padding: 7px 40px;
/*background: #ffffff;)*/
background:#ffffff7d;
    
}
.modal .modal-body textarea.form-control{height: 80px;}
.modal-header .close {padding: 0; margin: 0; position: absolute; left: 500px!important; top: 20px; color: #fff;}

.bg-animation {position: absolute; top: -100px; left: 0;}

.price-table {padding-bottom: 30px; background: #ffffff; border-radius: 5px; position: relative; overflow: hidden; text-align: center;}
.price-header{padding: 50px 50px 80px; margin-bottom: 50px; position: relative; z-index: 9;}
.price-table .price-header::after {position: absolute; left: 0; bottom: -20px; width: 100%; background-color: #fff; content: ''; height: 50px; z-index: -1; transform: skewY(-5deg);}
.price-title {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}
.price-title h3 {font-size: 20px; color: #425edb; font-weight: 500; margin-bottom: 0; text-transform: uppercase; display: inline-block; background: #ffffff;  border-radius: 30px; padding: 6px 30px;}
.price-value h2 {color: #ffffff; font-size: 50px; font-weight: normal; margin-bottom: 15px; font-family: 'ZCOOL QingKe HuangYou', cursive;}
.price-list ul{margin: 0 30px; text-align: left;}
.price-list ul li {font-size: 15px; padding-left: 30px; margin-bottom: 9px; position: relative;}
.price-list ul li i {position: absolute; left: 0; top: 0; font-size: 18px; color: #6b42db;}


.custom-slider h4{font-weight: 500; line-height: 34px; margin-bottom: 0; font-size: 22px;}
.custom-slider h4 span{color: #6b42db}

.contact-btn {cursor: pointer; display: inline-block; position: fixed; right: -70px; top: 50%; z-index: 99; 
transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg);}
.contact-bg { background: #ffffff; color: #425edb; text-transform: uppercase; position: relative; display: block; padding: 10px; font-weight: 600; z-index: 10; -webkit-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 13px 3px rgba(0,0,0,0.1); box-shadow: 0 0 13px 3px rgba(0,0,0,0.1);}
.contact-btn:hover .contact-bg{background: #425edb; color: #ffffff}
.contact-form {background: #ffffff; height: 100%; border: 1px solid rgba(0, 0, 0, 0.2); padding: 80px 30px 30px; width: 450px; position: fixed; right:-600px; top: 0; z-index: 2000;}
.close-btn {background: #425edb; color: #fff !important; cursor: pointer; font-weight: bold; padding: 7px 15px; position: absolute; right: 20px; top: 10px;}

/*Custom Css*/
#enquiry h2{
    color:#ffffff;
    padding:20px 0px;
}
#enquiry{
    margin:30px 0px;
}
input:focus, textarea:focus {
  background-color: #fff!important;
}
.linear-grad{
    background-color: #F3F6FF; /* For browsers that do not support gradients */
  background-image: linear-gradient(#F3F6FF, #ffffff); /* Standard syntax (must
}



@-webkit-keyframes pulse-2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(66,94,219, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(66,94,219, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(66,94,219, 0);
  }
}
@keyframes pulse-2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(66,94,219, 0.4);
    box-shadow: 0 0 0 0 rgba(66,94,219, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(66,94,219, 0);
      box-shadow: 0 0 0 10px rgba(66,94,219, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(66,94,219, 0);
      box-shadow: 0 0 0 0 rgba(66,94,219, 0);
  }
}