/*

[ 01 ] Variables
[ 02 ] Framwork
[ 03 ] Fixed Slider
[ 04 ] Scroll To Top Button
[ 05 ] Preloader
[ 06 ] Upper Footer
[ 07 ] Section Title
[ 08 ] Ajax Response Overlay Pop Up
[ 09 ] JavaScript Form Errors
[ 10 ] Breadcrumb Section
[ 11 ] Company Bio Section (Home Page)
[ 12 ] Services Section (Home Page)
[ 13 ] Our Memories Section (Home Page)
[ 14 ] Our Vision Section (Company Profile Page)
[ 15 ] Our Core Values Section (Company Profile Page)
[ 16 ] HSE and Service Quality Section (HSE & Service Quality Page)
[ 17 ] Events Section (Comunity Page)
[ 18 ] Contact Info Section (Support Page)
[ 19 ] Contact Form Section (Support Page)



*/






/* ======================================================================================*/
/* ============================== [01] Variables ========================================*/
/* ======================================================================================*/

:root{
	--theme-color:#006d68;
	--secondary-color:#149959;
}



/* ======================================================================================*/
/* ================================= [02] Framwork ======================================*/
/* ======================================================================================*/
body{
    overflow-y: scroll;
    overflow-x: hidden;
	font-size:15px; 
	color:#676a6e; 
	line-height:1.8em;	
	font-weight:400; 
	background:#ffffff; 
	background-size:cover;	
	background-repeat:no-repeat; 
	background-position:center top; 
	-webkit-font-smoothing:antialiased;
	font-family: "Poppins", sans-serif; 
}

/** {
	margin:0px; 
	padding:0px;	
	border:none; 
	outline:none;
}*/


a{
	text-decoration:none;	
	cursor:pointer;	
}

a:hover, 
a:focus, 
a:visited {
	text-decoration:none; 
	outline:none;
}


h1, h2, h3, h4, h5, h6{
	position:relative; 
	font-weight:normal; 
	margin:0px; 
	background:none; 
	line-height:1.6em; 
	color:#222;
}


p {
	position:relative; 
	line-height:1.8em;
}

img{
	display:inline-block; 
	max-width:100%;
}

ul{
	margin: 0;
}


.gray-background{
	background: #f5f5f5;
}


.propetro-btn{
	background: var(--theme-color) !important;
	color: #FFF !important;
	padding: 10px 30px !important;
	display: inline-block !important;
	width: auto !important;
	height: auto !important;

}

.navbar-active{
	color: var(--secondary-color) !important;
}

/* Padding */
.padding-bottom-50{
	padding-bottom: 50px !important;
}



/* ======================================================================================*/
/* ================================== [03] Fixed Slider =================================*/
/* ======================================================================================*/
#home-landing .overlay,
.page-title .overlay{
    background: linear-gradient(to top right, #000000ad 30%, #00000000 100%);
    height: 100%;

}


.page-title h2{
	display: inline-block;
	padding: 0px 0px 8px 0;
	/*border-top: 1px solid;*/
	border-bottom: 1px solid;
	font-weight: normal;
	font-size: 2rem;
	position: relative;
	bottom: 20px;
}


/* ======================================================================================*/
/* ============================== [04] Scroll To Top Button =============================*/
/* ======================================================================================*/
.scroll-to-top{
	position:fixed; 
	bottom:15px;	
	right:15px;	
	width:40px;	
	height:40px; 
	color:#ffffff;	
	font-size:24px; 
	cursor:pointer;	
	text-transform:uppercase; 
	z-index:999; 
	line-height:38px; 
	text-align:center; 
	border-radius:5px; 
	background:#1c1c1c;	
	display:none; 
	-webkit-transition:all 300ms ease; 
	-ms-transition:all 300ms ease;	
	-o-transition:all 300ms ease;	
	-moz-transition:all 300ms ease;	
	transition:all 300ms ease;
}

.scroll-to-top:hover{
	color:#ffffff;	
	background: var(--theme-color);
}


/* ======================================================================================*/
/* ============================== [05] Preloader ========================================*/
/* ======================================================================================*/

.preloader {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

.preloader .loader {
  position: absolute;
  left: 50%;
  top: 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%);
  
}



.loading {
  display: flex;
  animation-delay: 1s;
}

.loading .dot {
  position: relative;
  width: 2em;
  height: 2em;
  margin: 0.8em;
  border-radius: 50%;
  background: var(--theme-color);
}
.loading .dot::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  animation: wave 2s ease-out infinite;
}
.loading .dot:nth-child(1) {
  opacity: 0.3;
}
.loading .dot:nth-child(1)::before {
  animation-delay: 0.2s;
}
.loading .dot:nth-child(2) {
 opacity: 0.5;
}
.loading .dot:nth-child(2)::before {
  animation-delay: 0.4s;
}
.loading .dot:nth-child(3) {
  opacity: 0.7;
}
.loading .dot:nth-child(3)::before {
  animation-delay: 0.6s;
}
.loading .dot:nth-child(4) {
  opacity: 0.9;
}
.loading .dot:nth-child(4)::before {
  animation-delay: 0.8s;
}
.loading .dot:nth-child(5) {
  opacity: 1;
}
.loading .dot:nth-child(5)::before {
  animation-delay: 1s;
}

@keyframes wave {
  50%,
  75% {
    transform: scale(2.5);
  }
  80%,
  100% {
    opacity: 0;
  }
}



/* ======================================================================================*/
/* ============================== [06] Upper Footer =====================================*/
/* ======================================================================================*/
.footer-sec{
	position:relative; 
	background:url(../images/backgrounds/footer-pattern.jpg); 
	background-position: center 0%;
    background-size: cover;
    background-repeat: no-repeat;
    display: table;
    width: 100%;
    height: 75%;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    z-index: 1;
    position: relative;
    color: #BFBFBF;
}

.footer-sec-overlay{
	padding-top: 50px;
	background: linear-gradient(to top right, #000000e8 30%, #000000a1 100%);
}

.footer-sec .footer-top-item .footer-logo{
	position:relative;
}

.footer-sec .footer-img img{
}

.footer-sec .footer-info{
	margin-bottom:20px;
}

.footer-sec .footer-info ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer-sec .footer-info .footer-logo{
	margin-bottom:20px;
}

.footer-sec .footer-info .footer-social{}

.footer-sec .footer-info .footer-social li{
	display:inline-block;
	padding-right:8px;
}

.footer-sec .footer-info .footer-social li a{
	text-decoration:none; 
	font-size:22px;
}

.footer-sec .footer-info .footer-social li:nth-child(1) a{
	color:#3a7ae6;
}

.footer-sec .footer-info .footer-social li:nth-child(2) a{
	color:#33ccff;
}

.footer-sec .footer-info .footer-social li:nth-child(3) a{
	color:#dc4a38;
}

.footer-sec .footer-info .footer-social li:nth-child(4) a{
	color:#0274b3;
}


.footer-sec .footer-info .footer-social li:nth-child(5) a{
	color:#41b2dc;
}

.footer-sec .footer-info .footer-title{
	color:#fff; 
	position:relative; 
	border-bottom:1px solid #4b4b4b; 
	padding-bottom:15px; 
	margin-bottom:20px;
	font-size:24px; 
	font-family: 'Oswald', sans-serif; 
	text-transform:uppercase;
	font-weight: normal;
}

.footer-sec .footer-info .service-link{}

.footer-sec .footer-info .service-link li{}

.footer-sec .footer-info .service-link li a{
	display:inline; 
	color:#d7d7d7; 
	margin-bottom:5px; 
	position:relative; 
	transition:all 0.5s ease; 
	-moz-transition:all 0.5s ease; 
	-webkit-transition:all 0.5s ease; 
	-ms-transition:all 0.5s ease; 
	-o-transition:all 0.5s ease;
}


.footer-sec .footer-info .service-link li a span{
	color: var(--theme-color);
	display: inline-block;
	margin-right: 5px;
	font-size: 13px;
}
	

.footer-sec .footer-info .service-link li a:hover{
	color: var(--theme-color); 
	padding-left:15px;
}

.footer-sec .footer-info .service-link li:hover a:before{
	color: var(--theme-color); 
	padding-left:15px;
}

.footer-sec .footer-info .footer-adress{
	list-style:none; 
	margin:0px;
}

.footer-sec .footer-info .footer-adress li{
	float:left; 
	width:100%; 
	margin:0; 
	padding:5px 0px;
}

.footer-sec .footer-info .footer-adress li > i{
	display:inline-block; 
	margin-right: 8px;
	font-size:18px; 
	color: var(--theme-color); 
	position: relative;
	top: 4px;
	width: 20px;
	text-align: left;
	float: left

}

.footer-sec .footer-info .footer-adress li span{
	font-family:"Open Sans", sans-serif; 
	font-size:14px; 
	color:#fff; 
	line-height:24px;
	width: calc(100% - 28px);
	display: block;
	float: left
}

.footer-sec .copyright-content{
	padding:15px 0; 
	margin-top:20px; 
	border-top:1px solid #4d4d4d; 
	position:relative;
}

.footer-sec .copyright-content p{
	color:#adadad; 
	margin-bottom:0;
}

.footer-sec .copyright-content p a{
	color: #FFF;
	font-weight: bold;
}

.footer-sec .copyright-content .footer-bottom-menu{
	text-align:right;
	margin: 0;
	padding: 0;
}

.footer-sec .copyright-content .footer-bottom-menu li{
	display:inline-block;
}

.footer-sec .copyright-content .footer-bottom-menu li a{
	display:block; 
	font-size:14px; 
	color:#c7c7c7; 
	margin-left:15px; 
	transition:all 0.5s ease; 
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease; 
	-ms-transition:all 0.5s ease; 
	-o-transition:all 0.5s ease; 
}

.footer-sec .copyright-content .footer-bottom-menu li a:hover{
	color: var(--theme-color); 
}

/* ======================================================================================*/
/* =============================== [07] Section Title ===================================*/
/* ======================================================================================*/
.section-title{
	margin:0; 
	padding-bottom:15px; 
	text-align:center;
}

.section-title h3{
	position:relative; 
	font-size:40px; 
	margin-bottom:40px; 
	text-transform:uppercase; 
	font-weight:700; 
	line-height:42px; 
	font-family:'Oswald', sans-serif;
}

.section-title h3:after{
	content:''; 
	background: var(--theme-color); 
	height:2px; 
	width:60px; 
	position:absolute;	
	bottom:-20px; 
	left:50%;	
	margin-left:-30px;
}

.section-title h3 span{
	color:var(--theme-color); 
	font-weight:400;
}

.section-title p{
	max-width:800px; 
	margin:auto; 
	line-height:23px;
}



/* H4 */
.secondary-section-title{
	padding-bottom: 10px;
}

.section-title h4{
	position:relative; 
	font-size:24px; 
	margin-bottom:20px; 
	text-transform:uppercase; 
	font-family:'Oswald', sans-serif;
	color: #FFF;
}



.section-title h4:after{
	content:''; 
	background: var(--theme-color); 
	height:2px; 
	width:60px; 
	position:absolute;	
	bottom: -8px; 
	left:50%;	
	margin-left:-30px;
}

.section-title h4 span{
	color:var(--theme-color); 
	font-weight:400;
}


/* ======================================================================================*/
/* =========================== [08] Ajax Response Overlay Pop Up ========================*/
/* ======================================================================================*/

.ajax-response-overlay{
	display: none;
    position: fixed;
    top: 0;
    left: 0;	
    height: 100%;
    width: 100%;
    z-index: 500;   
	background: #00000069
}

.custom-pop-up{
  margin: auto;
  border-radius: 20px;
  background: #FFF;
  position: fixed;
  top: 0%;
  height: 300px;
  width: 300px;
  text-align: center;
  padding: 12px;
  bottom: 0%;
  left: 0%;
  right: 0%;
  z-index: 25;  
}


.custom-pop-up .close-icon{
  position: absolute;
  top: 20px;
  right: 20px; 
  font-size: 22px;
  cursor: pointer; 
}

.custom-pop-up .sucess-icon,
.custom-pop-up .danger-icon{
  font-size: 60px;
  margin-top: 15px; 
  margin-bottom: 20px;
}

.custom-pop-up .sucess-icon{
  color: #080; 
}

.custom-pop-up .danger-icon{
  color: #9e0707;
}


.custom-pop-up #response-place{
  margin:  0px;  
  color: #555;
  position: static;
/*	width: 100px;
	height: 100px;*/
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	  
}


.custom-pop-up  .loader-container{

}

/* ======================================================================================*/
/* =============================== [09] JavaScript Form Errors ==========================*/
/* ======================================================================================*/

.error-container{
	position: absolute;
	color: #c30000;
	padding-left: 12px;
	font-size: 12px;
	display: none;
}


/* ======================================================================================*/
/* ================================ [10] Breadcrumb Section =============================*/
/* ======================================================================================*/
.breadcrumb-section{
  background: #f5f5f5;
}

.breadcrumb-section .breadcrumb{
  margin: 0
}

.breadcrumb-section .breadcrumb li{
  font-size: 14px;
}

.breadcrumb-section .breadcrumb a{
  color: var(--secondary-color);
}

/* ======================================================================================*/
/* ==================== [11] Company Bio Section (Home Page) ============================*/
/* ======================================================================================*/
.company-bio-section{
	padding: 80px 0;
	background:url(../images/backgrounds/company-bio.png); 
	background-size: cover;
}



/* ======================================================================================*/
/* =========================== [12] Services Section (Home Page) ========================*/
/* ======================================================================================*/

.services-section{
	position:relative; 
	padding:50px 0 20px; 
	background-size:cover;
}


.services-grid{
	margin: 0;
	list-style-type: none;
	padding: 0;
}

.services-grid li{
	margin-bottom:30px;

}

.service-inter{
	background:#fff; 
	padding:2px; 
	border:1px solid #e4e4e4; 
	-webkit-box-shadow:0 4px 10px rgba(0, 0, 0, 0.09); 
	box-shadow:0 4px 10px rgba(0, 0, 0, 0.09);    
	-webkit-transition:all 0.3s linear 0s; 
	transition:all 0.3s linear 0s;
}

.services-grid .service-inter:hover{
	-webkit-box-shadow:0 4px 61px rgba(0, 0, 0, 0.09); 
	box-shadow:0 4px 61px rgba(0, 0, 0, 0.09);
}

.services-grid li:hover img{
	-webkit-transform:scale(1.5); 
	transform:scale(1.5);
}


.service-inter h4{
	font-size:16px; 
	line-height:27px; 
	margin-top:14px;
	margin-bottom: 12px; 
	text-align: center;
}

.service-inter .post-tittle h4 a{
	color: var(--theme-color); 
	/*font-weight:700; */
	text-decoration: none; 
	/*font-family:'Oswald', sans-serif;*/
}




.style-greens-two{
	position:relative; 
	overflow:hidden; 
	width:100%; 
	background:#000000; 
	text-align:center; 
	box-shadow:0 0 5px rgba(0, 0, 0, 0.15);
}
.style-greens-two *{
	-webkit-box-sizing:border-box; 
	box-sizing:border-box; 
	-webkit-transition:all 0.3s ease-in-out; 
	transition:all 0.3s ease-in-out;
}


.style-greens-two img{
	max-width:100%;
	height: 200px;
	width: 100%;
}


.style-greens-two div{
	width:50px; 
	height:50px; 
	position:absolute; 
	top:50%; 
	left:50%; 
	display:block; 
	-webkit-transform:translate(-50%, -50%); 
	transform:translate(-50%, -50%); 	
	box-shadow:0 0 4px rgba(0, 0, 0, 0.3); 
	background:#ffffff;
	opacity:0; 
}


.style-greens-two div:before, 
.style-greens-two div:after{
	content:''; 
	width:50px; 
	height:50px; 
	background:rgba(255, 255, 255, 0.4); 
	position:absolute; 
	top:0; 
	left:0;  
	-webkit-transition:all 0.3s ease-in-out; 
	transition:all 0.3s ease-in-out;
}


.style-greens-two i{
	position:absolute; 
	top:0; 
	left:0; 
	font-size:18px; 
	color:#000000; 
	width:50px; 
	height:50px; 
	line-height:50px;
}


.style-greens-two a{
	left:0; 
	right:0; 
	top:0; 
	bottom:0; 
	position:absolute;
}


.style-greens-two.green{
	background-color: var(--theme-color); 
}
.style-greens-two.green i{
	color: var(--theme-color); 
}


.service-inter:hover .style-greens-two img, 
.style-greens-two.hover img{
	opacity:0.3; 
	-webkit-filter:grayscale(100%); 
	filter:grayscale(100%);
}

.service-inter:hover .style-greens-two div, 
.style-greens-two.hover div{
	opacity:1;
}

.service-inter:hover .style-greens-two div:after, 
.service-inter:hover .style-greens-two.hover div:after, 
.service-inter:hover .style-greens-two div:before, 
.service-inter:hover .service-inter:hover .style-greens-two div:before{
	-webkit-transition-delay:0.1s; 
	transition-delay:0.1s;
}

.service-inter:hover .style-greens-two div:before, 
.style-greens-two.hover div:before{
	-webkit-transform:scale(1.45); 
	transform:scale(1.45);
}


.service-inter:hover .style-greens-two div:after, 
.style-greens-two.hover div:after{
	-webkit-transform:scale(1.88); 
	transform:scale(1.88);
}


/* ======================================================================================*/
/* ===================== [13] Our Memories Section (Home Page) ==========================*/
/* ======================================================================================*/

.our-memories-slider  .inner-slide{
	padding: 0 20px;
	/*border: 1px solid #CCC;*/
	text-align: center;
}

.our-memories-slider  .inner-slide > div{
	/*background: #000;*/
	width: 100%;
}


.our-memories-slider  .inner-slide .service-inter{
	padding: 0;
}

.our-memories-slider  .inner-slide .service-inter h4{
	margin-bottom: 14px;
}

.our-memories-slider  .inner-slide figure{
	position: relative;
	overflow: hidden;
}


.our-memories-slider  .inner-slide .memory-overlay{
	position: absolute; 
	top: 0; 
	left: 0; 
	background: var(--theme-color); 
	width: 100%; 
	height: 100%; 
	opacity: 0;
	color: #FFF;
	padding: 10px;
	/*margin-top: 100%;*/
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}


.our-memories-slider  .inner-slide:hover .memory-overlay{
	opacity: 0.85
}

.our-memories-slider  .inner-slide img{
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
	height: 200px;
	width: 100%;	
}

.our-memories-slider  .inner-slide:hover img{
	-webkit-transform:scale(1.5); 
	transform:scale(1.5);	
}


.our-memories-slider  .inner-slide .memory-overlay .memory-caption{
	width: 100%;
	position:absolute; 
	top:50%; 
	left:50%; 
	display:block; 
	-webkit-transform:translate(-50%, -50%); 
	transform:translate(-50%, -50%);
	color: #FFF; 	
}

.our-memories-slider  .inner-slide .memory-overlay .memory-caption i{
	margin-right: 5px
}

.our-memories-slider  .inner-slide .memory-overlay .memory-caption span{
}


.slick-prev:before,
.slick-next:before {
	color: #666;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;  
	font-size: 25px;  	
}

.slick-prev:before {
  content: "\f104";
}


.slick-next:before {
    content: "\f105";
}






/* ======================================================================================*/
/* ================= [14] Our Vision Section (Company Profile Page) =====================*/
/* ======================================================================================*/
.container-fluid{
	padding: 0 !important;
}

.container-fluid .row{
	margin: 0;
	position: relative;
}

.container-fluid .row > div{
	padding: 0;
	margin: 0;
}


.container-fluid-inner-container{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.our-vision-section{
	background: #323232;
}




.section-normal .text-part{
	right: 0;
}



.our-vision-section .content p{
	/*text-align: justify;*/
	color: #FFF
}

.our-vision-section .content a{
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
	display: inline-block;
	margin-top: 10px;
	background: var(--theme-color);
	border: 0;
	outline: 0;
	padding: 10px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.our-vision-section .content a:hover{
	background: var(--secondary-color);
}


.our-vision-section .content a i{
	margin-right: 5px;
	position: relative;
	top: 1px;
}

.our-vision-section .content ul {
	margin-left: 0px;
}


.our-vision-section .content ul li{
	color: #FFF;
	list-style-type: none;
}

.our-vision-section .content ul li i{
	margin-right: 5px;
	color: var(--theme-color);
	width: 20px;
	float: left;
	position: relative;
	top: 7px;
}

.our-vision-section .content ul li span{
	float: left;
	width: calc(100% - 25px);
	display: block;
}

.vision-inner{
	overflow: hidden;
}

.our-vision-section img{
	width: 100%;
}

.sections-reverse .right{
	float: right;
}

.our-vision-section .half-circle-image{
	border-top-left-radius: 400px;	
}


.section-normal .half-circle-image{
	border-top-left-radius: 0;	
	border-top-right-radius: 400px;	
}

.section-normal{
	/*background: var(--theme-color);*/
}


.section-normal h4 span {
	/*color: #323232;*/
}

.section-normal h4:after{
	/*background: #323232;*/
}


@media(max-width: 1100px){
	.our-vision-section .content{
		padding: 50px 10px;
	}
}

@media(min-width: 992px){
	.our-vision-section .text-part{
		position: absolute;
	    top: 0;
	    bottom: 0;	
	}

	.our-vision-section .content{
		padding: 30px 85px;
		color: #FFF;
		width: 100%;
		position:absolute; 
		top:50%; 
		left:50%; 
		display:block; 
		-webkit-transform:translate(-50%, -50%); 
		transform:translate(-50%, -50%);	
		
	}	
}


@media(max-width: 991px){
	.our-vision-section .half-circle-image{
		border-top-left-radius: 0;	
	}	
}




/* ======================================================================================*/
/* ================== [15] Our Core Values Section (Company Profile Page) ===============*/
/* ======================================================================================*/
.our-core-values-section{
	padding: 50px 0 20px;
}

.our-core-values-section .core-value{
	margin-bottom: 30px;
	position: relative;

}

.our-core-values-section .core-value .inner-core-value{
	background-color: #f4f4ff;
	padding: 30px 20px;
	/*box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);*/
	position: relative;
	border-radius: 10px;
	text-align: center;
}


/*.our-core-values-section .core-value::after{
    position: absolute;
	left:0;
	bottom:0;
	width: 0;
	height: 0px;
	background: var(--theme-color);
	content:"";
	-webkit-transition: width ease-in-out 0.5s;
	-moz-transition: width ease-in-out 0.5s;
	-o-transition: width ease-in-out 0.5s;
	transition: width ease-in-out 0.5s;
}*/


.our-core-values-section .core-value:hover::after{
	width: 100%;
	height: 2px;
}


.our-core-values-section .core-value .inner-core-value i{
	margin-bottom: 20px;
    font-size: 30px;
    background: var(--theme-color);
    color: #FFF;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
}

.our-core-values-section .core-value .inner-core-value h3{
	margin-bottom: 15px;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    line-height: 30px;
    text-transform: capitalize;
}

.our-core-values-section .core-value .inner-core-value p{

}




/* ======================================================================================*/
/* =========== [16] HSE and Service Quality Section (HSE & Service Quality Page) ========*/
/* ======================================================================================*/

.hse-and-service-quality-section p{
	text-align: left;
}

.hse-and-service-quality-section p:first-of-type{
	margin-bottom: 30px;
}




/* ======================================================================================*/
/* ======================= [17] Events Section (Comunity Page) ==========================*/
/* ======================================================================================*/

.navigate-events-section .service-inter{
	padding: 0px;
}


.navigate-events-section .service-inter{
	box-shadow: 0 0 0 0;
}

.navigate-events-section .service-inter:hover{
	box-shadow: 0 0 0 0;
}

.navigate-events-section .service-inter .post-tittle{
	padding: 12px;
}

.navigate-events-section .service-inter .title-container{
	margin-bottom: 20px;
}

.navigate-events-section .service-inter h4{
	text-align: left;
	margin-top: 5px;

}

.navigate-events-section .service-inter h4 a{
	color: var(--theme-color);
	font-weight: normal;
}

.navigate-events-section .service-inter p{
	text-align: left;
	margin: 0
}


/* ======================================================================================*/
/* =================== [18] Contact Info Section (Support Page) =========================*/
/* ======================================================================================*/
.contact-info-section{
	border-bottom: 1px solid #efefef
}


.contact-info-section .icon-container,
.contact-info-section h3{
	text-align: center;
}


/* ======================================================================================*/
/* ===================== [19] Contact Form Section (Support Page) =======================*/
/* ======================================================================================*/
.form-left-title{
    margin: 0 0 20px 15px;
    font-weight: bold;
    color: #323232;	
}

.support-section .contact-blocks{
	background: var(--theme-color);
	color: #FFF;
	padding: 40px;
}


.support-section .contact-blocks .contact-block{
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px 0;
}


.support-section .contact-blocks .contact-block:first-of-type{
	padding-top: 0;
}

.support-section .contact-blocks .contact-block:last-of-type{
	border: 0;
	padding-bottom: 0;
}

.support-section .contact-blocks h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #FFF;
	margin-top: 0;
	padding-top: 0;
}


.support-section .contact-blocks div{
	margin: 0;
	font-size: 14px;
	overflow: hidden;
}


.support-section .contact-blocks span,
.support-section .contact-blocks p{
	float: left;
}

.support-section .contact-blocks span{
	width: 15px;
	margin-right: 5px;
	color: var(--theme-color)
}

.support-section .contact-blocks p{
	width: calc(100% - 20px);
	margin: 0;
}


.support-section .contact-form-container{
	max-width: 800px;
	margin: auto;
}


.support-section form input,
.support-section form select,
.support-section form textarea {
  background: #FFF;
  width: 100%;
  height: 55px;
  border: 1px solid #dedede;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.support-section form .selectboxit {
	height: 55px;
}

@media (max-width: 991px) {
  .support-section form input,
  .support-section form select,
  .support-section form textarea,
  .support-section form .selectboxit-container {
    height: 45px !important;
  }
}

.support-section form input:focus,
.support-section form select:focus,
.support-section form textarea:focus {
  /*border-color: var(--theme-color);*/
}

.support-section form textarea {
  max-height: 150px;
  min-height: 150px;
  max-width: 100%;
  min-width: 100%;
}

.support-section form {
  /*overflow: hidden;*/
}


.support-section form select {
  display: inline-block;
  color: #a9a9a9;
  cursor: pointer;
  opacity: 1;
  padding: 6px 12px;
  font-size: 15px;
  font-size: 0.9375rem;
}

.support-section form > div {
  width: calc(50% - 30px);
  float: left;
  margin: 0 15px 30px;
}

.support-section .submit-area{
	margin-bottom: 0;
	width: 100%;
	text-align: center;
	margin-left: 0;
}


.support-section .submit-area input{
	width: 200px !important
}

/*.support-section .submit-area input[disabled=disabled]{
	cursor: not-allowed;
}
*/
@media (max-width: 600px) {
  .support-section form > div {
    width: calc(100% - 30px);
    float: none;
  }
}

.support-section form .fullwidth {
  width: calc(100% - 30px);
  float: none;
  clear: both;
}


/* Select box */



.selectboxit-container .selectboxit,
.selectboxit-container .selectboxit:hover{
	background: #FFF;
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 0 0 0 0;
}

.selectboxit-container span, 
.selectboxit-container .selectboxit-options a{
	height: 100%;
	line-height: 55px;	
	border-radius: 0;
	color: #807b77
}

/* ======================================================================================*/
/* ============ [20] Season Training Plan (Season Training Plan Page) ===================*/
/* ======================================================================================*/
.season-training-plan{
	padding: 50px 0 30px;
}



.season-training-plan .season-training-plan-left,
.season-training-plan .season-training-plan-right{
	padding: 25px;
	border: 1px solid #EEE;
	margin-bottom: 20px;
}


.season-training-plan .season-training-plan-left ul{
	margin: 0;
}


.season-training-plan .season-training-plan-left .categories-list > li:first-of-type{
	padding-top: 0
}




.season-training-plan .season-training-plan-left .categories-list > li{
	border-bottom: 1px solid #EEE;
	padding: 8px 0;
	font-size: 1.1rem;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	color: #323232;
}

.season-training-plan .season-training-plan-left .subcategories-list{
	margin-left: 40px;
	margin-bottom: 20px;
}

.season-training-plan .season-training-plan-left .subcategories-list:last-of-type{
	margin-bottom: 0;
}

.season-training-plan .season-training-plan-left .subcategories-list > li{
	padding-top: 8px;
 }

.season-training-plan .season-training-plan-left .subcategories-list > li a{
	position: relative;
	font-size: 1rem;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	color: #323232;	
	-webkit-transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-o-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}


.season-training-plan .season-training-plan-left .subcategories-list > li a span{
	color: #999;
	font-size: 13px;
}

.season-training-plan .season-training-plan-left .subcategories-list > li a:hover{
	color: var(--theme-color);
	margin-left: 10px;
}


.season-training-plan .season-training-plan-left .subcategories-list > li a:hover:before{
	border-color: var(--theme-color);
}

.season-training-plan .season-training-plan-left .subcategories-list > li a:before{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 9px;
	height: 9px;
	border: 2px solid #323232;
	border-radius: 100%;
	margin-left: -16px;

}


/*Right Part*/
.season-training-plan .season-training-plan-right{
	padding: 0px 25px;
}

.season-training-plan .season-training-plan-right .right-part-title{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 35px;
	border-bottom: 1px solid #EEE
}


.season-training-plan .season-training-plan-right .course-inner{
	min-height: 200px;
	/*border: 1px solid #EEE;*/
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.15);
	padding: 10px;
	font-size: 14px;
	margin-bottom: 30px;
}

.season-training-plan .season-training-plan-right .course-inner .image-container{
	height: 180px;
	overflow: hidden;
}

.season-training-plan .season-training-plan-right .course-inner .image-container img{
	width: 100%;
	height: 100%;
}

.season-training-plan .season-training-plan-right .course-inner .course-info{
	padding: 10px 0 0;
}

.season-training-plan .season-training-plan-right .course-inner .title-container{}

.season-training-plan .season-training-plan-right .course-inner .title-container a{
	color: var(--theme-color);
}


.info-container{
	margin: 25px 0;
}

.info-container ul{
	margin: 0;
	color: #878787;
}

.info-container ul li{
	margin-bottom: 5px;
}

.info-container ul li a{
	color: #878787;
}

.info-container ul span{
	display: inline-block;
	margin-right: 10px;
	color: var(--theme-color);
}

.season-training-plan .season-training-plan-right .course-inner .button-container{

}

.season-training-plan .season-training-plan-right .course-inner .button-container a{
	width: 100%;
	border: 0;
	border-radius: 0;
	background: var(--theme-color);
	text-transform: uppercase;
	letter-spacing: 1px;
}


/* ======================================================================================*/
/* ============ [21] icon Container () ===================*/
/* ======================================================================================*/


.icon-text-container{
	text-align: center;
	padding: 25px;
}

.icon-text-container i{
	font-size: 8rem;
    color: #323232;
    opacity: .2
}


.icon-text-container p{
	font-size: 1.1rem;
	color: #323232;
	font-weight: normal;
	opacity: .8;
	margin-bottom: 0;
	margin-top: 10px;
}

/* =======================================================================*/
/* ======= [22] Course Info Section (Course Registeration Page) ==========*/
/* =======================================================================*/
.course-info-section{
	border-bottom: 0 !important
}


.course-info-section .core-value .inner-core-value{
	text-align: left !important;
}


.course-info-section .core-value .icon-container {
	text-align: left;
}


.course-info-section .core-value i{
	

}


.course-info-section .core-value .inner-core-value{
	display: flex;
	border-radius: 7px;
	padding: 1.25rem
}

.course-info-section .core-value .inner-core-value i{
	text-align: center !important;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px;
    min-width: 45px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--theme-color);
    text-align: center;
    color: #ffffff;
    line-height: 45px;
    font-size: 20px;
    margin-right: 15px;	
    margin-bottom: 0;
}

.course-info-section .core-value .inner-core-value h6{
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.3
}

.course-info-section .core-value .inner-core-value span,
.course-info-section .core-value .inner-core-value span a{
	font-size: 14px;
	color: #8380ae;
}



/* =======================================================================*/
/* ========== [23] Buttons Section (Course Registeration Page) ===========*/
/* =======================================================================*/
.buttons-section{
	padding: 50px 0;
}


.buttons-section a{
	background: var(--theme-color);
	margin: auto;
	padding: 16px 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.buttons-section a:hover{
	background: var(--theme-color);
}


/* =======================================================================*/
/* ======= [24] Register Form Section (Course Registeration Page) ========*/
/* =======================================================================*/
.register-btn{
    width: 100% !important;
    height: 57px !important;
}

/* =======================================================================*/
/* =========== [25]Course Content Section (Course Content Page) ==========*/
/* =======================================================================*/
.course-content-section{
	padding: 50px 0;
}


.course-content-section .course-content{
	border: 1px solid #EEE; 
	padding: 25px;
}


/* =======================================================================*/
/* ================== [26] Results Section (Search Page) =================*/
/* =======================================================================*/

.search-results-section{
	padding: 50px 0;
	background: #f5f7f9
}

.search-results-section .number-of-results{
	text-align: center;
	font-weight: bold;
	background-color: #fff;
	padding: 20px;
	margin: 0 0 20px;

}

.search-results-section .number-of-results h2{
	font-size: 20px;
	line-height: 1.8;	
}

.search-results-section .number-of-results p{
    margin: 0;
    font-weight: normal;
}

.search-results-section .number-of-results h2 span{
	color: var(--theme-color);
}

.search-results-section .result-box{
	background-color: #fff;
	padding: 15px;
	margin-bottom: 15px;	
}

.search-results-section .result-box h4 a{
	color: #0075ff;
	font-weight: bold;
}

.search-results-section .result-box ul{
	margin: 0;
	margin-top: 5px;
}

.search-results-section .result-box li{
	display: inline-block;	
	font-size: .9em
}



.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	background: var(--theme-color);
	border-color: var(--theme-color);
}


/* =======================================================================*/
/* ================= [27]Event Content Section (Event Page) ==============*/
/* =======================================================================*/
.event-content .panel-body{
	background: #f4f4ff;
	color: #323232;
}

.event-content .panel-footer{
	background: #FFF;
}

.event-content .core-value{
	margin-bottom: 20px;
}


@media(max-width: 991px){
	.event-content .core-value{
		margin-bottom: 30px;
	}
}


.event-content #jssor_1{
	max-width: 100% !important;
}



/* =======================================================================*/
/* ================ [28] Clients Section (our partner page) ==============*/
/* =======================================================================*/

.full-clients .client-image-container{
  height: 250px; 
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #EEE;
  padding: 10px;
}

.full-clients .client-image-container a{
  position:relative; 
  width: 100%; 
  height: 100%; 
  display: block;
}

.full-clients .client-image-container a img{
  width: 60%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

@media(max-width: 825px){
  .full-clients img{
    width: 31%;
    margin-right: 1%;
  }
}

@media(max-width: 600px){
  .full-clients img{
    width: 48%;
    margin-right: 1%;
  }
}

@media(max-width: 400px){
  .full-clients img{
    width: 99%;
    margin-right: 1%;
  }
}


/* =======================================================================*/
/* ================== [29] Service Section (Service page) ================*/
/* =======================================================================*/
.service-page .season-training-plan-left{
	padding: 0;
}

.service-page .season-training-plan-left .season-training-plan-left-header{
	padding: 10px 20px;
	background: #f4f4ff;
}

.service-page .categories-list{
	padding: 10px 20px;
}

.service-page .categories-list li:last-of-type{
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.service-page .categories-list li a{
	font-size: 1rem;

}


.season-training-plan-right table{
	width: calc(100%) !important;
	border: 0 !important;
}

.season-training-plan-right table td{
	padding: 10px;
	border: 0
}

.season-training-plan-right table td * {
	padding: 0;
	margin: 0;
}

.season-training-plan-right table tr:first-of-type{
	background: #00bab2 !important;
	color: #FFF !important;
	font-weight: bold !important;

}

.season-training-plan-right table tr:nth-child(odd){
	background: #f4f4ff;
}

/* =======================================================================*/
/* ================ [30] Courses List (Courses List page) ================*/
/* =======================================================================*/