*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
body{font-family:'Poppins', serif;color:#87868a;color: #5a5a5a;font-size:14px;line-height:24px;font-weight: 400;}
/* Start Loader */
.preloader{display:none;position:fixed;z-index:9999;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.35);}
.preloader:after{content:'';position:fixed;width:35px;height:35px;left:0;right:0;margin:0 auto;top:35%;display:inline-block;padding:0px;border-radius:100%;border:2px solid;border-top-color: rgb(227, 1, 15);border-bottom-color: rgba(212, 212, 212, 0.4);border-left-color: rgb(227, 1, 15);border-right-color: rgba(212, 212, 212, 0.4);-webkit-animation:preloader 0.8s linear infinite;animation: preloader 0.8s linear infinite;}
@keyframes preloader {
   from {transform:rotate(0deg);}
   to {transform:rotate(360deg);}
}
@-webkit-keyframes preloader {
   from {-webkit-transform:rotate(0deg);}
   to {-webkit-transform:rotate(360deg);}
}
/* End Loader */
a:hover {text-decoration: none;}
ul li{list-style:none;padding:0;}
ul li a{text-decoration:none;display:block;line-height:20px;font-size:14px;color:#424242;}
ul li.first{border-left:none;}
ul li a:active, ul li a:hover{color:#007dc5;}
.bg-light {
    background-color: #ebebeb!important;
}
.text-theme{color:#0398a6 !important;}
.bg-theme{background:#0398a6 !important;}
.text-theme-secondry{color:#272660 !important;}
.bg-theme-secondry{background:#272660 !important;}
.box-shadow{-webkit-box-shadow: inset 0 0 11px 1px rgba(0, 0, 0, 0.04);
    box-shadow: inset 0 0 11px 1px rgba(0, 0, 0, 0.04);}
.btn-theme-light{
    font-size: 16px;
    font-weight: 500!important;
    border: 1px solid #0398a6;
    background: rgba(255,255,255,0);
    color: #0398a6;
	}
.btn-theme-light:hover{
    border: 1px solid #0398a6;
    background: #0398a6;
    color: #fff;
	}
.btn-theme-light-inverse{
    font-size: 14px;
    font-weight: 500!important;
    border: 1px solid #fff;
    background: rgba(255,255,255,0);
    color: #fff;
	}
.btn-theme-light-inverse:hover{
    border: 1px solid #0398a6;
    background: #fff;
    color: #0398a6;
	}
.brand img{width:270px}
.brand-bg{width: 30%;height: 64px;}
.brand-bg:after{content:'';width:50px;height:100%;
	-webkit-transform: skew(-25deg);
	transform: skew(-25deg);
    position: absolute;
    right: -15px;
    background: #0398a6;}
.item-count{width:20px;height:20px;right: -12px;bottom:-10px;line-height: 20px;}
.navigation--fix{position:fixed;-webkit-transform:translateY(-40px);transform:translateY(-40px);z-index:1040;
-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);}
ul.social-icons li {
    color: #fff;
    list-style: none;
    display: inline-block;
    margin-right:5px;
    width: 2.2em;
    height: 2.2em;
    text-align: right;
    border-radius: 40px;
	vertical-align: top;
}
ul.social-icons a {
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    font-weight: 300;
    -webkit-transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);
}
ul.footer-social-icons li a{color: #343a40;}
ul.social-icons a:hover{color:#0398a6;}
.service_box div{background:#fff;border-top: 1px solid #eaeaea;}
.service_box div:hover > h6{color:#fff !important;}
.service_box div:hover > p{color:#fff;}
.service_box div:hover > a{background:#fff;color:#0398a6;}
.service_box div:hover {
    background-color:#0398a6;
    color: #fff;
}
.service_box img{
	height: 400px;
    object-fit: contain;
    width: 100%;
    background: #fff;
	border-radius: 20px;
	
	}
.help-section-icon{
	width: 115px;
    height: 115px;
    margin: -85px auto 40px;
    border: 12px solid #ebebeb;
    background: #fff;
    padding: 22px 18px;
    border-radius: 8px;
	}
.news-section{
	background: url(../imgs/news.html) no-repeat;
    background-size: 97%;
    background-position: center 25%;
}
.service-section{
	background: url(../imgs/services.html) no-repeat;
    background-size: 97%;
    background-position: center bottom;
	padding-bottom: 75px;
    margin-bottom: 100px;
}
@media (max-width: 500px){
	.brand img {width:170px;}
}


/*new css*/

.welcome {
	
	padding: 30px 0;
	background-color: #f5f5f5;
}

.welcome h4 {
	text-align: center;
	padding: 10px 0;
}


.welcome p{
	
	text-align: justify;
}



welcome::before {
    background: url("../images/water.png") 50% 100% repeat-x;
    content: "";
    position: absolute;
    height: 16px;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 3;
}

.water::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 25px;
    z-index: 2;
    bottom: 0;
    background-image: url("../images/water.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    -webkit-transform: scaleX(-1);
    transform: scaleY(-1);
}


.attributes li {
    color: #071C35;
    margin-bottom: 5px;
    padding-left: 30px;
    position: relative;
	list-style: none;
}

.attributes li:before {
    content: "\f101";
    font-family: "FontAwesome";
    position: absolute;
    font-weight: 400;
    font-size: 20px;
    color: #617CF1;
    left: 0;
    top: 2px;
	color: #071C35;
}


.attributes li i {
    margin: 8px 15px 0 0;
}



@media (max-width:768px){
	
	.welimg {
		display: none;
	}
}



/*List style One*/


.contact ul{
	
	padding: 0;
	margin: 0;
}

.contact li {
    color: #071C35;
    margin-bottom: 5px;
    position: relative;
	list-style-type: none;
}




.contact li i {
    margin: 8px 15px 0 0;
	font-size: 16px;
}


.service_box div {
    background: 
#fff;
border-top: 1px solid
    #eaeaea;
	text-align: center;
	border-radius: 20px;
}

.service_box .text-theme-secondry {
	
	font-size: 20px; 
	font-weight: normal;
	margin-bottom: 0;
}

.service_box .py-2 {
	
	font-size: 18px;
	color: #272660 ;
	padding-bottom: 0 !important;
}



.service_box .pdetail {
	margin: 0 0 0 0;
}


.service_box p {
	margin: 0 0 0 0;
}

span.onsale {
    left: auto;
    top: 10px;
    right: 30px;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    min-height: initial;
    text-transform: uppercase;
    background-color:#00b1b5;
        background-clip: border-box;
    color: #fff;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
	position: absolute;
}



.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .vc_section.vc_section-has-fill + .vc_section {
    padding-top: 35px;
}


.bg-color-black-dark.vc_row-fluid, .bg-color-black-dark.vc_section, .bg-color-black-dark.vc_column_container .vc_column-inner {
    background-color: 
    #005478;
}




.customsize {
	height: auto;
    max-width: 600px;
}

bg-parallax-static {
    background-attachment: fixed !important
}

.floating-label {
    display: block;
    position: absolute;
    top: 65px;
    right: 130px
}

@media (min-width:1200px) and (max-width:1599px) {
    .floating-label {
        right: 60px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .floating-label {
        right: 30px;
        top: 120px
    }
}

.body-black .floating-label {
    display: block;
    position: absolute;
    top: -25px !important;
    right: 110px
}

@media (min-width:1200px) and (max-width:1599px) {
    .body-black .floating-label {
        right: 60px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .body-black .floating-label {
        right: 30px;
        top: 120px
    }
}

.floating-glass {
    z-index: 2;
    position: relative
}

.floating-minerals {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.floating-minerals img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.floating-glass-div {
    min-height: 800px !important
}

@media (min-width:1200px) and (max-width:1599px) {
    .floating-glass-div {
        min-height: 700px;
        margin-top: -65px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .floating-glass-div {
        min-height: 700px;
        margin-top: -65px
    }
}

.floating-glass-1 {
    z-index: 5;
    position: absolute;
    -webkit-transform: translate(-47%, -50%);
    -moz-transform: translate(-47%, -50%);
    -o-transform: translate(-47%, -50%);
    -ms-transform: translate(-47%, -50%);
    transform: translate(-47%, -50%);
    left: 50%;
    top: 50%;
    margin-top: -30px;
    animation-name: floating_1;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(.445, .05, .55, .95);
    animation-iteration-count: infinite
}

@media (min-width:1200px) and (max-width:1599px) {
    .floating-glass-1 {
        left: 45%
    }
    .floating-glass-1 img {
        max-width: 120% !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .floating-glass-1 {
        left: 40%
    }
    .floating-glass-1 img {
        max-width: 135% !important
    }
}

.floating-glass-2 {
    z-index: 6;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 12px;
    -webkit-transform: translate3d(-99%, -40%, 0);
    -moz-transform: translate3d(-99%, -40%, 0);
    -o-transform: translate3d(-99%, -40%, 0);
    -ms-transform: translate3d(-99%, -40%, 0);
    transform: translate3d(-99%, -40%, 0);
    animation-name: floating_2;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(.445, .05, .55, .95);
    animation-iteration-count: infinite
}

.floating-glass-3 {
    z-index: 2;
    position: absolute;
    width: 670px;
    height: 670px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@keyframes floating_1 {
    0% {
        margin-top: -30px
    }
    50% {
        margin-top: 10px
    }
}

@keyframes floating_2 {
    0% {
        margin-top: 12px
    }
    50% {
        margin-top: 30px
    }
}


.heading.subcolor-main .subheader {
    color: #21b6ff
}

.heading.subcolor-second .subheader {
    color: #aec556
}

.heading.subcolor-white .subheader {
    color: #fff
}

.heading.subcolor-black .subheader {
    color: #112c91
}

.heading.subcolor-gray .subheader {
    color: #fff;
    zoom: 1;
    filter: alpha(opacity=2);
    -webkit-opacity: .02;
    -moz-opacity: .02;
    opacity: .02
}



.vc_column_container > .vc_column-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.vc_column_container {
    padding-left: 0;
    padding-right: 0;
}


.winside {
	
	margin-top: 150px;
}

.winside h1{
	
	font-size: 30px;
	color: #fff;
}

.winside h2{
	
	font-size: 18px;
	color: #21b6ff;
}


.winside p{
	
	font-size: 15px;
	color: #fff;
}


.cus {
	width: 85%;
}


@media (max-width:768px){
	
	.winside {
	
	margin-top: 50px;
}


.text-right {
    text-align: left !important;
}



.floating-glass-3 {
	display: none;
}


.winside h1, h2, p {
	
	text-align: center;
}

.spacer- {
    height: 20px !important;
}

.cus .col-md-4:last-child p {
	
	padding-bottom: 40px;
}

}



.spacer- {
	
	height: 40pt;
}


.order{
	padding: 3em 11.5em 4.5em 3.3em;
	background-color:#f4f7f9;
	background-image:url(../images/bg-6.jpg);
	position: relative;

text-align: center;

background-position: center;

background-repeat: no-repeat;

background-size: cover;
}

.sc-inner {
	text-align: left;
}

.sc-inner h1 {
	font-size: 30px;
	color: #0398a6;
	padding-bottom: 20px;
}


.sc-inner h2 {
	font-size: 40px;
	color: #2b2a2b;
	padding-bottom: 20px;

}

.sc-inner h3 {
	font-size: 20px;
	color: #212052;
	padding-bottom: 20px;

}


.sc-inner h4 a {
	font-size: 18px;
	color: #0398a6;

}

.sc-inner h4 a:hover {
	color: #212052;

}



@media (max-width:768px){
	
	.col5 {
		margin-bottom: 35px;
	}
	
	.hmobile img {
	display: none;}
	
	.service_box {
		
		padding-bottom: 30px;
	}
}

.service_box {
		
		padding-bottom: 30px;
	}


.top_section__block {
    margin-top: -48px;
	z-index: 100;
	background-color: #f5f5f5;
}

.single_top__block {
    background: 
#1bbce8;
color:
    #ffffff;
    min-height: 169px;
    padding: 20px 25px;
    position: relative;
	z-index:100;
	border-radius: 20px 0 20px;
}


@media (max-width:768px){
	
	.single_top__block {
    
    min-height: 0;
    padding: 10px 16px 5px 87px;
    
}


.top_section__block {
    margin-top: 0;
   
}

}

.single_top__block .icon-box__block {
    width: 68px;
	display: block;
	position: absolute;
	top: 25px;
	left: 10px;
	text-align: center;
	font-size: 35px;
}


.single_text__block {
    position: relative;
}


.single_top__block h2 {
    color: 
    #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
	font-weight: 600;
}


@media (max-width:768px){
	
	.single_top__block h2 {
    color: 
    #fff;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    font-weight: 600;
	text-align: left;
}

.single_top__block .icon-box__block {
    width: 68px;
	display: block;
	position: absolute;
	top: 15px;
	left: 10px;
	text-align: center;
	font-size: 25px;
}


.single_text__block p{
	
	text-align: left;
}

}

.single_top__block {
    color: 
    #ffffff;
}



.single_top__block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    
    width: 68px;
    height: 68px;
}


@media (max-width:767px){
	
.top_section__block .single_top__block {
    margin-top: 30px;
}

.top_section__block .container{
	
	max-width:95% !important;
	
}

.container{
	
	max-width:95% !important;
	
}


}

.top_section__block .container{
	
	max-width:80%;
	
}



/*==========================================
    faq page > faq
==========================================*/

.faq {
    padding: 30px 0 20px 0;
    background: #f4f4f4;
	margin-bottom: 3rem;
}

.faq .section-title {
    margin-bottom: 54px;
}

.faq .section-title h2 {
    margin-bottom: 22px;
}

.faq .accordion .card {
    border: none;
    margin-bottom: 30px;
}

.faq .accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 10px;
}

.faq .accordion .card .card-header {
    border: none;
    border-radius: 10px;
    padding: 0;
}

.faq .accordion .card .card-header h5 {
    padding: 0;
}

.faq .accordion .card .card-header h5 button {
    color: #1e3056;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    padding: 0 30px 0 70px;
    height: 80px;
    display: block;
    width: 100%;
    color: rgba(30, 48, 86, 0.8);
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);
    box-shadow: 0px -50px 140px 0px rgba(69, 81, 100, 0.1);
    border-radius: 10px 10px 0 0;
    position: relative;
}

.faq .accordion .card .card-header h5 button:after {
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-color: transparent;
    color: #836fff;
    text-align: center;
    border: 1px solid #836fff;
    border-radius: 50%;
    line-height: 100%;
    content: '\f067';
    font-size: 10px;
    line-height: 18px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.faq .accordion .card .card-header h5 button.collapsed {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(97, 125, 255, 0.2);
}

.faq .accordion .card .card-header h5 button[aria-expanded="true"]:after {
    content: '\f068';
    color: #fff;
    background-image: -webkit-linear-gradient(-180deg, #5e7eff 0%, #836fff 30%, #a85fff 100%);
}

.faq .accordion .card .card-body {
    -webkit-box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1);
    box-shadow: 0px 15px 140px 0px rgba(69, 81, 100, 0.1);
    border-radius: 0 0 10px 10px;
    padding-top: 0;
    margin-top: -6px;
    
    padding-bottom: 23px;
    color: rgba(30, 48, 86, 0.8);
    line-height: 30px;
}



.section-title h2 span {
    color: #0398a6;
}


.section-title h4 {
    color: #0398a6;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 9px;
    margin-top: -5px;
}



/*==========================================
    New About us page > ==========================================*/
	


.why-we{
	
	background: #fff;
}
	
.pt-110 {
    padding-top: 110px;
}


.section-padding {
    padding: 80px 0;
    padding-top: 80px;
}


.all-title h3 {
    font-size: 40px;
    position: relative;
    font-weight: 600;
    color: 
    #131b31;
    text-transform: uppercase;
    padding-bottom: 10px;
	text-align: center;
}



.all-title p {
    margin: 3px auto 55px;
    max-width: 750px;
	text-align: center;
}

.why-para p {
    text-align: left;
    margin-bottom: 20px;
}


.why-in-2 h4 {
    font-weight: 700;
    font-size: 16px;
    color: 
    #000;
    text-transform: uppercase;
    padding: 0 0 10px;
}


.why-in-2 .why-icon {
    position: absolute;
    left: 0;
}


.why-in-2 .why-content {
    padding-left: 60px;
}



/* Our History */

.our-history {
    background-color: 
    #f5f5f5;
}


.section-padding {
    padding: 80px 0;
}


.timeline-container {
    padding: 100px 0;
}

#history-timeline::before {
    background-color: 
    #0398a6;
}


.timeline-container::before {
    left: 50%;
    margin-left: -2px;
}


.timeline-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
}

.timeline-container {
    text-align: center;
}


.top-dot::before {
    content: "";
    top: -6px;
    border-radius: 50%;
    position: absolute;
    background-color: 
    #fff;
    margin-left: -8px;
    width: 17px;
    height: 17px;
    border-width: 3px;
    border-style: solid;
}


.top-dot::before, .bot-dot::before, .side-dot::before {
    border-color: 
    #0398a6;
}


.top-dot::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: -1px;
    margin-left: -3px;
}


.top-dot::after, .bot-dot::after, .side-dot::after {
    background-color: 
    #0398a6;
}	


.side-dot {
    position: absolute;
    right: -56px;
    top: 20px;
    z-index: 9;
}


.side-mark {
    position: absolute;
    top: 22px;
    width: 50px;
    height: 4px;
    left: 52px;
}


.side-mark {
    background-color: 
    #0398a6;
}


.timeline-content h2 {
    background-color: 
    #0398a6;
}

.timeline-content h2 {
    font-size: 20px;
    top: 7px;
    left: -10px;
    right: -10px;
    position: absolute;
    padding: 12px 0;
    font-weight: 700;
}


.timeline-content h3 {
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0;
}

.timeline-block:nth-child(2n+1) .timeline-content {
    float: right;
}


/*--------------------------------------
	our history
----------------------------------------*/
.timeline-container {
  position: relative;
  text-align: center;
}
.timeline-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
}

.timeline-block {
  margin-bottom: 40px;
}

.timeline-block:last-child {
  margin-bottom: 0;
}

.timeline-block {
  position: relative;
}

.timeline-block:after {
  content: "";
  display: table;
  clear: both;
}

.timeline-block:first-child {
  margin-top: 0;
}

.timeline-block:last-child {
  margin-bottom: 0;
}

.timeline-img {
  position: absolute;
  top: 7px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid;
  z-index: 9;
}

.timeline-img i {
  color: #000;
  font-size: 15px;
  padding-top: 8px;
}

.timeline-content {
  position: relative;
  margin-left: 60px;
  margin-right: 20px;
  background: #fff;
}

.timeline-content:after {
  content: "";
  display: table;
  clear: both;
}

.timeline-heading {
  color: #fff;
  padding-top: 55px;
  position: relative;
  background-color: #131b31;
}

.timeline-content h2 {
  font-size: 20px;
  top: 7px;
  left: -10px;
  right: -10px;
  position: absolute;
  padding: 12px 0;
  font-weight: 700;
}

.timeline-content h3 {
  font-size: 20px;
  font-weight: 300;
  padding: 20px 0;
  padding-left: 4px;
  padding-right: 4px;
}

.timeline-content p {
  margin: 20px 25px 35px;
}



@media only screen and (min-width: 1199px) {
  .menubar .nav-item {
    padding-right: 45px;
  }
  .timeline-container {
    padding: 100px 0;
  }

  .timeline-container::before {
    left: 50%;
    margin-left: -2px;
  }

  .timeline-block:first-child {
    margin-top: 0;
  }

  .timeline-block:last-child {
    margin-bottom: 0;
  }

  .timeline-img {
    width: 60px;
    top: 3px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
  }

  .timeline-img i {
    font-size: 25px;
    padding-top: 14px;
  }

  .timeline-content {
    margin: 0 10px;
    width: 38%;
  }

  .timeline-content .cd-read-more {
    float: left;
  }

  .timeline-block:nth-child(odd) .timeline-content {
    float: right;
  }

  .top-dot::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: -1px;
    margin-left: -3px;
  }

  .top-dot::before {
    content: "";
    top: -6px;
    border-radius: 50%;
    position: absolute;
    background-color: #fff;
    margin-left: -8px;
    width: 17px;
    height: 17px;
    border-width: 3px;
    border-style: solid;
  }

  .bot-dot::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    bottom: -1px;
    margin-left: -3px;
  }

  .bot-dot::before {
    content: "";
    bottom: -6px;
    border-radius: 50%;
    position: absolute;
    background-color: #fff;
    margin-left: -8px;
    width: 17px;
    height: 17px;
    border-width: 3px;
    border-style: solid;
  }

  .side-dot.inverse {
    right: 115px;
  }

  .side-mark.inverse {
    right: 54px;
    left: auto;
  }

  .side-dot {
    position: absolute;
    right: -56px;
    top: 20px;
    z-index: 9;
  }

  .side-mark {
    position: absolute;
    top: 22px;
    width: 50px;
    height: 4px;
    left: 52px;
  }

  .side-dot::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -1px;
  }

  .side-dot::before {
    content: "";
    bottom: -12px;
    border-radius: 50%;
    position: absolute;
    background-color: #fff;
    margin-left: -6px;
    width: 17px;
    height: 17px;
    border-width: 3px;
    border-style: solid;
  }
}


@media (max-width:768px){
	
	.top-dot::before {
	display: none;}
	
	.top-dot::after {
		display: none;
}
}


.timeline-img {
    border-color: 
#0398a6;
background-color:
    #fff;
}




/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer{
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	background: url(../images/footer-bg.jpg) bottom center no-repeat;
}

.main-footer:before{

	
		background:
	#4eacb8;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.9;
	position: absolute;
	top: 0;
	width: 100%;
}

.main-footer .widgets-section{
	position:relative;
	padding: 45px 0px 0px;
}

.main-footer .footer-column{
	position:relative;
	margin-bottom:40px;
}

.main-footer .logo-widget .footer-logo{
	position:relative;
	margin-bottom: 30px;
}

.main-footer .logo-widget .text{
	position:relative;
	color: #fff;
	font-size:14px;
	letter-spacing: -0.02px;
	line-height:1.7em;
	margin-bottom:25px;
	text-align: justify;
}

.footer-widget h2{
	position:relative;
	color:#272660;
	font-size:24px;
	font-weight:600;
	margin-bottom:30px;
	padding-bottom:18px;
	border-bottom:1px solid rgba(255,255,255,0.10);
}



@media (max-width: 768px){
	
	.footer-widget h2 {
		
		text-align: left !important;
	}
}


.footer-widget h2:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:-1px;
	width:70px;
	height:1px;
	background-color: #fff;
}

/*Link Widget*/

.links-widget .links{
	position: relative;
	margin: 0;
	padding: 0;
}

.links-widget .links li{
	position:relative;
	margin-bottom: 16px;
}

.links-widget .links li a{
	position:relative;
	color: #fff;
	font-size:16px;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.links-widget .links li a:hover{
	color:#000;
}

/*List Style One*/

.list-style-one{
	position:relative;
	margin: 0;
	padding: 0;
}

.list-style-one li{
	position:relative;
	color: #fff;
	font-size:14px;
	padding-left:38px;
	margin-bottom:10px;
	padding-bottom:0px;

}

.list-style-one li:last-child{
	border:0px;
	margin:0px;
	padding-bottom:0px;
}

.list-style-one li .icon{
	position:absolute;
	left:0px;
	top:5px;
	color: #fff;
	font-size:18px;
	line-height:1em;
}

.icon  i{
	position:absolute;
	left:0px;
	top:5px;
	color: #fff;
	font-size:16px;
	line-height:1em;
}

/*List Style Two*/

.list-style-two{
	position:relative;
}

.list-style-two li{
	position:relative;
	color:#afafb5;
	font-size:16px;
	line-height:1.6em;
	padding-left:38px;
	margin-bottom:14px;
	padding-bottom:14px;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.list-style-two li:last-child .icon{
	font-size:18px;
}

.list-style-two li strong{
	color:#ffffff;
}

.list-style-two li:last-child{
	border:0px;
	margin:0px;
	padding-bottom:0px;
}

.list-style-two li .icon{
	position:absolute;
	left:0px;
	top:4px;
	color:#fdb821;
	font-size:22px;
	line-height:1em;
}

/*List Style Three*/

.list-style-three{
	position:relative;
}

.list-style-three li{
	position:relative;
	padding-left:20px;
	color:#848484;
	font-size:16px;
	font-weight:400;
	margin-bottom:30px;
	font-family: 'Raleway', sans-serif;
}

.list-style-three li strong{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:600;
}

.list-style-three li:before{
	position:absolute;
	content:'';
	left:0px;
	top:10px;
	width:6px;
	height:6px;
	background-color:#cdcdcd;
}

/*List Style Four*/

.list-style-four{
	position:relative;
}

.list-style-four li{
	position:relative;
	padding-left:30px;
	color:#848484;
	font-size:16px;
	font-weight:400;
	margin-bottom:10px;
	font-family: 'Raleway', sans-serif;
}

.list-style-four li:before{
	position:absolute;
	content: "\f05d";
	left:0px;
	top:0px;
	color: #fdb821;
	font-size:16px;
	font-family: 'FontAwesome';
}



.contact-widget .contact-email{
	position:relative;
	color: #272660;
	font-size:14px;
	line-height:1.4em;
	display:inline-block;
	margin-top:15px;
	
}

.contact-widget .contact-email:hover{
	
	color: #fff;
	
}

..contact-widget .contact-email:before{
	position:absolute;
	content: "\f10b";
	left:0px;
	top:0px;
	color: #fdb821;
	font-size:16px;
	font-family: 'FontAwesome';
}



.main-footer .footer-bottom{
	position:relative;
	padding:22px 0px;
	border-top:1px solid rgba(255,255,255,0.10);
}

.main-footer .footer-bottom .copyright{
	position:relative;
	color:#fff;
	font-size:16px;
	font-weight:400;
	text-align: center;
}


.main-footer .footer-bottom .copyright a{
	
	color:#272660;
	
}


.main-footer .footer-bottom .copyright a:hover{
	
	color:#fff;
	
}

.main-footer .footer-bottom .social-column{
	text-align:right;
}


.main-footer .footer-bottom {
    position: relative;
    padding: 10px 0px;
    border-top: 1px solid 
    rgba(255,255,255,0.10);
}



.cus h4 {
	
	text-align: center;
	color: #11dff2;
	padding-top: 50px;
	font-size: 40px;
}


.btn-style-one {
	color: #fff;
	background-color: #4496a0;
	padding: 6px 15px 6px;
	border: 1px solid #68b8c2;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	border-radius: 4px;
}


.btn-style-one:hover {
	color: #272660;
	background-color: #4eacb8;
	
}


.btn-style-two {
	color: #fff;
	background-color: #272660;
	padding: 6px 15px 6px;
	text-transform: uppercase;
	border-radius: 10px 0 10px;
	line-height: initial;
	font-weight: 500;
	font-size: 14px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


.btn-style-two:hover {
	color: #fff;
	background-color: #4eacb8;
	
}

.sec1{
	
	float: left;
	margin: 0 0 0 0;
}





@media (max-width:768px){
	
.bg-dark .col-md-6{
	
	
	width: 50%;
}

}


.services-more-info {
	
	margin-bottom: 20px;
}

.services-more-info .single-info {
    margin-bottom: 20px;
    text-align: left;
    background-color: 
    #fff;
    padding: 20px;
}


.services-more-info .single-info h4 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: normal;
}

.services-more-info h3 {
    margin-bottom: 30px;
	text-align: center;
	color: #272660;
}


.services-more-info .single-info span {
    display: block;
    margin-top: 8px;
    font-weight: 500;
    font-size: 16px;
	color: #000;
}


.single-info i{
	
	font-size: 16px;
}


.navbar .dropdown-toggle, .navbar .dropdown-menu a {
    cursor: pointer;
}

.navbar .dropdown-item.active, .navbar .dropdown-item:active {
    color: inherit;
    text-decoration: none;
    background-color: inherit;
}

.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

@media (min-width: 767px) {
    .navbar .dropdown-toggle:not(.nav-link)::after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: .5em;
        vertical-align: 0;
        border-bottom: .3em solid transparent;
        border-top: .3em solid transparent;
        border-left: .3em solid;
    }
}


.demo{ background: #ebebeb ; }
.pricingTable{
    padding: 35px 0 10px 0;
    background: #fff;
    text-align: center;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
}
.pricingTable:before{
    content: "";
    border-top: 99px solid transparent;
    border-right: 120px solid #ebebeb;
    position: absolute;
    top: 0;
    right: 0;
}
.pricingTable .pricingTable-header{
    padding: 50px 7px 30px;
    z-index: 10;
    position: relative;
}
.pricingTable .pricingTable-header:before{
    content: "";
    width: 101%;
    height: 100%;
    background: #fb354a;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: skewY(15deg);
}
.pricingTable .title{
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}
/*.pricingTable .title:before{
    content: "";
    display: block;
    width: 70%;
    height: 2px;
    background: #fff;
    margin: 0 auto 7px;
}*/
.pricingTable .price-value{
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    padding: 47px 0;
    border: 7px solid #fff;
    font-size: 36px;
    color: #fff;
}

.pricingTable .price-value .fa, .fas {
	
	font-size: 30px;
	font-weight: normal;
}

.pricingTable .price-value:after{
    content: "";
    border-bottom: 99px solid transparent;
    border-left: 120px solid #ebebeb;
    position: absolute;
    bottom: -35px;
    left: 0;
    z-index: -2;
}
.pricingTable .month{
    display: block;
    font-size: 16px;
    text-transform: uppercase;
}
.pricingTable .pricing-content{
    padding: 0 10px;
    margin: 30px 0 10px 0;
    list-style: none;
    position: relative;
    z-index: 1;
}

@media (max-width:768px){
	
	.pricingTable .pricing-content {
    padding: 0 10px;
    margin: 50px 0 10px 0;
    list-style: none;
    position: relative;
    z-index: 1;
}
}

.pricingTable .pricing-content li{
    padding: 4px 0;
    font-size: 14px;
    color: #505050;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.pricingTable .pricing-content li:last-child{ border-bottom: none; }
.pricingTable .pricingTable-signup{
    display: inline-block;
    padding: 5px 28px;
    border: 2px solid #fff;
    border-radius: 0 0 15px 15px;
    background: linear-gradient(to bottom,#fb354a,#e0041a);
    font-size: 16px;
    color: #fff;
    transform: rotateX(-90deg);
    transform-origin: top center;
    transition: all 0.5s ease 0s;
}
.pricingTable .pricingTable-signup:hover{
    border: 2px dashed #e0041a;
    color: #e0041a;
    background: #fff;
}
.pricingTable:hover .pricingTable-signup{ transform: rotateX(0); }
.pricingTable.green .pricingTable-header:before{ background: #05b76a; }
.pricingTable.green .pricingTable-signup{ background: linear-gradient(to bottom,#05B76A,#069657); }
.pricingTable.green .pricingTable-signup:hover{
    border: 2px dashed #069657;
    color: #069657;
    background: #fff;
}
.pricingTable.blue .pricingTable-header:before{ background: #3f51b5; }
.pricingTable.blue .pricingTable-signup{ background: linear-gradient(to bottom,#3f51b5,#1d2d7c); }
.pricingTable.blue .pricingTable-signup:hover{
    border: 2px dashed #3f51b5;
    color: #3f51b5;
    background: #fff;
}
.pricingTable.skyblue .pricingTable-header:before{ background: #00bfff; }
.pricingTable.skyblue .pricingTable-signup{ background: linear-gradient(to bottom,#00bfff,#0193c4); }
.pricingTable.skyblue .pricingTable-signup:hover{
    border: 2px dashed #00bfff;
    color: #00bfff;
    background: #fff;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}
@media only screen and (max-width: 767px){
    .pricingTable:before{ border-top: 130px solid transparent; }
    .pricingTable .price-value:after{ border-bottom: 130px solid transparent; }
    .pricingTable .title:before{ width: 50%; }
}



@media (max-width:767px){
	
	.mdark, .text-dark {
		
	padding-top: 20px;}
	
	.why-content p{
		
		text-align: left;
	}
	
	}


.note{
	font-size: 18px;
	margin-top: 20px;
}

.note span{
	
	color: #272660;
	font-weight: 600;
}


.note p{
	color: #000;
}

.footer-item ul{
	
	margin: 0;
	padding: 0;
}

.footer-item li{
    list-style: none;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.footer-item li:last-child{
    border: none;
    margin: 0px;
    padding: 0px;
}
.footer-item .icon2{
    display: inline-block;
    float: left;
    height: 30px;
    width: 30px;
    background-color: #ffc000;
    color: #fff;
    text-align: center;
    line-height: 22px;
    border-radius: 100%;
    font-size: 12px;
    margin-right: 20px;
    margin-top: 5px;
}
.footer-item li:nth-child(1) .icon2{
    background-color: #45619d;
}
.footer-item li:nth-child(2) .icon2{
    background-color: #d6492f;
}


.footer-item li:nth-child(3) .icon2{
    background-color: #fff;
}





.footer-item  p {
    margin: 0px;
	color: #fff;
	display: table;
	padding-top: 6px;
	font-size: 16px;
}

.footer-item i{
	font-size: 18px;
	padding-top: 5px;
}


.certi img{
	
	border: 1px solid #dddddd;
	margin-top: 30px;
	margin-right: 10px;
	text-align: center;
}


.card-body ul li {
	
	list-style-type: circle;
}


table thead th h2 {
	font-weight: normal;
	font-weight: normal;
	font-size: 24px;
	padding: 0;
	margin: 0;
	
}


.table thead th {
    vertical-align: middle;
    border-bottom: 2px solid 
    #dee2e6;
        border-bottom-width: 2px;
}


.table thead th p{
	font-weight: normal;
}


.wh h4{
	
	font-size: 20px;
	color: #0398a6;
	padding-top: 10px;
}



.logo svg,
.logo div {
  width: 200px;
  height: 200px;
  position: absolute;
}
.logo svg {
  fill: #fff;
}
.logo div {
  width: 70px;
  height: 70px;
  border-radius: 20%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  mix-blend-mode: multiply;
  -webkit-animation: 2s cubic-bezier(0.66, -0.7, 0.27, 1.6) infinite;
          animation: 2s cubic-bezier(0.66, -0.7, 0.27, 1.6) infinite;
		  margin-top: -33px;
}
.logo div:nth-child(1) {
  background-color: #29ffff;
  -webkit-animation-name: rotate-1;
          animation-name: rotate-1;
}
.logo div:nth-child(2) {
  background-color: #ff65ff;
  -webkit-animation-name: rotate-2;
          animation-name: rotate-2;
}
.logo div:nth-child(3) {
  background-color: #ffc;
  -webkit-animation-name: rotate-3;
          animation-name: rotate-3;
}
@-webkit-keyframes rotate-1 {
  to {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@keyframes rotate-1 {
  to {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
}
@-webkit-keyframes rotate-2 {
  to {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
}
@keyframes rotate-2 {
  to {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
  }
}
@-webkit-keyframes rotate-3 {
  to {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}
@keyframes rotate-3 {
  to {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}

.logo p{
	
	font-size: 45px;
	position: absolute;
	bottom: 110px;
	left: 45px;
	top: 34px;
	color: #fff;
	
}


.logo {
	padding: 40px 0;
}

.logo p img{
	width: 270px;
	height: auto;
	margin-top: -32px;
	margin-left: -9px;
}


@media(max-width:767px){
	
	.logo p img {
    width: 240px;
    height: auto;
    margin-top: -26px;
    margin-left: -6px;
}

ul.social-icons li {
	margin-right: 0px !important;
}

}