/*
Theme Name: AL-MASS INTERNATIONAL LTD.
Theme URI: http://dhaka-bd.org
Author: Dhaka-BD
Author URI: http://dhaka-bd.org
Version: 1.0
Description: Custom Travel Agency Template.
Tags: No tags available
License: Unlimited
License URI: http://dhaka-bd.org
Text Domain: English(USA)
=====================================
    font-family: 'Monoton', cursive;
    font-family: 'Roboto', sans-serif;
    font-family: 'Syncopate', sans-serif;
=====================================
*/
@import url('https://fonts.googleapis.com/css2?family=Monoton&family=Roboto:wght@300;400;500&family=Syncopate:wght@700&display=swap');
:root {
	--primary-color: #1360B5;
	--primary-color-text: #FFF;	
	--primary-color-hover: #5fa5f0;
	--primary-text-color: #7A7A7A;
	--text-color: #000;
	--border-color: #F4F4F4;
	--border-color-2: #ECECEC;
	
}
body,h1,h2,h3,h4,*{
	margin: 0;
	padding: 0;
}
body{
	overflow-x: hidden;
}
body, p {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 26px;	
}
p{
	color: #000;
}
.links{
	color: var(--primary-color);
}
.links:hover{
	text-decoration: underline;
}
h1,h2,h3,h4{
	font-family: 'Syncopate', sans-serif;
}
.hilight{
	color: var(--primary-color);
}
.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999999999999;
	background-color: #FFF;
}
.preloader::before{
	position: absolute;
	content: "";
	top: 35%; right: 0; left: 0;
	margin: auto;
	border: 1px solid #ececec;
	border-radius: 50%;
	border-top: 1px solid #adadad;
	width: 40px;
	height: 40px;
	-webkit-animation: spin 0.7s linear infinite; /* Safari */
	animation: spin 0.7s linear infinite;
}
.preloader::after {
	content: "Please wait. Website is loading ...";
	position: absolute;
	top: 35%;
	right: 0;
	left: 0;
	margin: 60px auto 0;
	text-align: center;
	color: #868686;
}
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }
a:link,a,a:focus{
	text-decoration: none;
	outline: none;
}

header{
	position: relative;
	/* position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100; */
	background-color: #fff;
	border-top: 10px solid var(--primary-color);	
}
.header-fix {
	position: fixed;
	box-shadow: 0 9px 80.8px -10.8px rgba(16, 37, 65, 0.16);
	top: -70px;	
}
.header-fix::before {
	position: absolute;
	content: "";
	top: 55px;
	left: 0;
	right: 0;
	height: 10px;
	z-index: 1;
	background-color: var(--primary-color);
}
.nav-sec{
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	align-items: center;
}

nav.menu > ul > li > a{
	color: var(--primary-color);
}
nav.menu > ul > li > a::before,nav.menu > ul > li.active > a::before{
	border-bottom-color: var(--primary-color);
}
nav.menu > ul > li.active a::before {
	width: 100%;
}
nav.menu > ul > li:last-child > a,nav.menu > ul > li:last-child{
	padding-right: 0;
}

nav.menu > ul ul li:hover > a, nav.menu > ul ul li.active > a{
	color: var(--primary-color);
}
.nav-button::after {
	position: absolute;
	content: "";
	top: 5px;
	right: -4px;
	bottom: 5px;
	left: -4px;
	z-index: -1;
	background-color: #15CF5A;
	border-radius: 25px;
	padding: 0 15px !important;
}
.mobile .nav-button::after {
	top: 3px;
	right: -11px;
	left: -10px;
}
.nav-button > a{
	color: var(--primary-color-text) !important;
}
.mobileMenu h1 {
	font-size: 14px;
	line-height: 18px;
	color: #FFF;
	background-color: #1393d8;
	text-transform: uppercase;
}
.backdropLayer {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 1;
	display: none;
}

/* main{
	margin-top: 166px;
} */

.device-responsive{
	display: none;
}

img{
	max-width: 100%;
}
.area-banner{
	padding: 15px 0 0;
	background-image: linear-gradient(190deg, var(--primary-color-hover) 23%, #2981F200 33%);
}
.sec-title h1 {
	text-transform: uppercase;
	line-height: 44px;
}
.sec-title > p{
	margin-top: 10px;
}
.sec-title .separetor{
	position: relative;
	display: block;
	width: 100%;
	z-index: 1;
	margin: 20px 0 30px;
}
.sec-title .separetor::before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	width: 600px;
	height: 1px;
	bottom: 0;
	z-index: -2;
	margin: auto auto;
	border-bottom: 1px solid var(--border-color-2);
}
.sec-title .separetor::after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	width: 600px;
	bottom: 0;
	z-index: -1;
	margin: auto auto;
	background: linear-gradient(to right, #FFF, transparent, #FFF);
}
.sec-title .separetor > span{
	background-color: #fff;
	padding: 2px 15px;
}

.logo {
	height: 60px;
	display: flex;
	align-items: center;
}
.logo > img{
	max-height: 100%;
}
.logo-title {
	font-family: 'Roboto', sans-serif;
	font-size: 21px;
	color: var(--primary-color) !important;
}
.logo-des{
	margin-left: 10px;
}
.logo-des p{
	margin: 0;
}
.social-sec{
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid var(--border-color);
}

.contact-list, .social-list{
	list-style: none;
	margin: 0;
}
.contact-list{
	margin-right: 30px;
}
.contact-list li{
	float: left;
	display: flex;
	margin-right: 20px;	
}
.con-ico {
	width: 30px;
	height: 30px;
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	margin-right: 10px;
}
.con-des {
	position: relative;
	top: -3px;
}
.con-des p{
	margin: 0;
	line-height: 17px;
}
.con-des p:not(.con-txt){
	font-size: 11px;
	color: var(--primary-text-color);
}
.con-txt a{
	color: var(--text-color);
}

.social-list li{
	float: left;
	display: flex;
	margin-right: 5px;
}
.social-list li:last-child{
	margin-right: 0;
}
.social-list li > a{
	width: 30px;
	height: 30px;
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
}
.social-list li:hover > a{
	background-color: var(--primary-color-hover);
}

.area-profile{
	padding: 80px 0;
}
.profile-sec{
	display: flex;
	align-items: flex-start;
}
.profile-sec > div{
	flex: 1;
}
.profile-thumb{
	position: relative;
	z-index: 1;
}
.profile-thumb > span.arrow-top::before, .profile-thumb > span.arrow-top::after{
	position: absolute;
	content: "";
	top: -35px;
	left: -35px;
	width: 100px;
	height: 100px;
	border-top: 10px solid var(--primary-color);
	border-left: 10px solid var(--primary-color);
	z-index: -1;
}
.profile-thumb > span.arrow-top::after{
	top: -30px;
	left: -30px;
	border-top: 10px solid var(--border-color-2);
	border-left: 10px solid var(--border-color-2);
	z-index: -2;
}
.profile-thumb > span.arrow-bottom::before, .profile-thumb > span.arrow-bottom::after{
	position: absolute;
	content: "";
	bottom: -35px;
	right: -35px;
	width: 100px;
	height: 100px;
	border-bottom: 10px solid var(--primary-color);
	border-right: 10px solid var(--primary-color);
	z-index: -1;
}
.profile-thumb > span.arrow-bottom::after {
	bottom: -38px;
	right: -38px;
	border-bottom: 10px solid var(--border-color-2);
	border-right: 10px solid var(--border-color-2);
	z-index: -2;
}
.profile-des{
	padding-left: 80px;
}
.profile-thumnail {
	position: relative;
	z-index: 1;	
}
.profile-thumnail > img{
	border: 10px solid #fff;
	box-shadow: 0 0px 1px 0 rgba(0,0,0,0.3);
}
.profile-thumnail::before,.profile-thumnail::after{
	position: absolute;
	content: "";
	top: 5px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border: 10px solid #fff;
	box-shadow: 0 0px 1px 0 rgba(0,0,0,0.3);
	transform: rotate(2deg);
}
.profile-thumnail::after{
	transform: rotate(-2deg);
}

.button {
	border: none;
	height: 42px;
	background-image: linear-gradient(to right, var(--primary-color), var(--primary-color-hover));
	display: inline-block;
	line-height: 42px;
	padding: 0 20px;
	color: var(--primary-color-text) !important;
	text-transform: uppercase;
	border-bottom: 1px solid var(--primary-color);
	border-radius: 25px;
}
.button:hover {
	background-image: linear-gradient(to right, var(--primary-color-hover), var(--primary-color));
}

.area-training{
	padding: 60px 0;
}
.training-card {
	margin: 20px;
	background-color: #FFF;
	box-shadow: 0px 3px 11px -3px rgba(16, 37, 65, 0.1);
	border-radius: 0 0 10px 10px;
}
.training-card img{
	border-radius: 10px 10px 0 0;
}
.training-des{
	padding: 10px 5px;
}
.training-des > p{
	margin: 0;
}
.owl-nav{
	position: absolute;
	top: 0;	
	left: -70px;
	right: -70px;
	display: flex;
	justify-content: space-between;
	z-index: -1;
}
.area-training .owl-nav{
	top: 32%;
}
.owl-nav button{
	width: 60px;
	height: 60px;
	border: none !important;
	border-radius: 100% !important;
	line-height: 64px !important;
	background-color: #fff !important;
	box-shadow: 0px 9px 20.8px 1.2px rgba(16, 37, 65, 0.16);
	color: var(--primary-text-color) !important;
	display: flex;
	align-items: center;
}
.owl-theme .owl-nav .disabled{
	cursor: not-allowed;
}

.area-get-quoite{
	margin: 60px 0 100px;
}
/* .area-get-quoite::after{
	content: "";
	position: absolute;
	top: 40px;
	right: 0;
	bottom: 80px;
	left: 0;
	background: var(--border-color);
	z-index: -1;
	transform: skewY(5deg);
} */
.area-get-quoite::after {
	content: "";
	position: absolute;
	top: 80px;
	right: 0;
	bottom: 120px;
	left: 0;
	background: var(--border-color);
	z-index: -1;
	transform: skewY(5deg);
}
.quoite-sec{
	display: flex;
	justify-content: space-between;
	padding: 60px 0;
}
.quoite-sec > div{
	flex: 1;
}
.quoite-form{
	background-color: #FFF;
	padding: 40px;
	box-shadow: 0px 9px 60.8px 1.2px rgba(16, 37, 65, 0.16);
}
.quoite-des {
	/* display: flex;
	flex-direction: column;
	justify-content: center; */
	padding-right: 60px;
	padding-top: 100px;
}
.msg{
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.msg-des {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.msg-left{
	margin-right: 15px;
}
.msg-right{
	margin-left: 15px;
}
.msg-des .social-list{
	margin-bottom: 15px;
}
.msg-des > img{
	border: 10px solid var(--primary-color);
	margin-bottom: 20px;
}
.msg-title {
	font-weight: bold;
	margin-bottom: 0;
}

.des-title{
	margin-bottom: 15px;
}
.form-control{
	height: 50px;
	border-radius: 0;
	box-shadow: none;
}
.input-gp{
	position: relative;
	z-index: 1;
}
.input-gp .form-ico{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 40px;
	background-color: var(--primary-color);
	color: var(--primary-color-text);
	z-index: 1;
	text-align: center;
	line-height: 50px
}
.input-gp > .form-control{
	padding-left: 50px;
	border-color: var(--border-color-2);
}
.input-gp > textarea.form-control{
	padding-top: 14px;
}
textarea{
	resize: vertical;
	min-height: 100px;
}
.input-gp > .form-control:focus{
	box-shadow: none;
	border-color: var(--primary-color-hover);
}

.area-export-manpower .owl-nav {
	top: 23%;
}
.training-des > .title{
	text-transform: uppercase;
	text-align: center;
}

.area-recroute-counter{
	margin: 200px 0 60px;
}
.area-recroute-counter::before,.area-recroute-counter::after{
	content: "";
	position: absolute;
	top: -100px;
	right: 0;
	bottom: -100px;
	left: 0;
	background-color: var(--border-color);
	z-index: -1;
	transform: skewY(-5deg);
}
.area-recroute-counter::after{
	top: 0;
	bottom: -500px;
	z-index: -1;
	transform: skewY(0);
}
.counter-sec{
	display: flex;
	justify-content: space-between;
	border-top: 10px solid var(--primary-color);
}
.counter-sec > div{
	flex: 1;
}
.coutner-item {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 60px 20px;
	background-color: #FFF;
	box-shadow: 0px 9px 20.8px 1.2px rgba(16, 37, 65, 0.16);
	text-align: center;
}
.counter-thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	font-size: 44px;
	margin-bottom: 10px;
	color: var(--primary-color);
}
.counter-num {
	font-size: 16px;
	font-family: 'Syncopate', sans-serif;
}

footer{
	position: relative;
	z-index: 1;	
	background-color: transparent;
	background-image: linear-gradient(190deg, #005DEB 28%, #17B4F8 100%);
}

.bgsvg{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
	z-index: -1;
}
.bgsvg svg{
	width: calc(294% + 1.3px);
	height: 253px;
	display: block;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.bgsvg svg .elementor-shape-fill {
	fill: #17B4F8B8;
}

.footer-sec {
	display: flex;
	justify-content: space-between;
	margin: 60px 0 0;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #FFFFFF;
	box-shadow: 29px 29px 60px 0px rgba(0,0,0,0.2);
	padding: 030px 30px 30px 30px;	
}
.footer-sec, .footer-sec p{
	color: #FFF;
}
.footer-des{
	flex: 2;
	padding-right: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.footer-members{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.office{
	margin: 10px 0 0;
}
.member-list{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 40px 70px;
}
.member-list li{
	width: 50%;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.member-list li:nth-child(2n+1){
	width: calc(50% - 5px);
	margin-right: 5px;
}
.member-list li img{
	max-height: 80px;
}


.copyright{
	padding: 30px 0;
}
.copyright p{
	margin: 0;
	color: #FFF;
	font-size: 12px;
}
.copyright a{
	color: #FFF;
	text-decoration: underline;
}
.flex-slide{
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.3) !important;
}

.quick-call{
	position: fixed;
	left: 5%;
	bottom: 8%;
	z-index: 101;
	border-radius: 25px;
	box-shadow: 0px 9px 20.8px 1.2px rgba(16, 37, 65, 0.3);
}
.call-ico{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 34px;
	height: 34px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	/* background-color: #DD1616; */
	color: #fff;
	animation: buffering 1s infinite ease-in-out;
}
.quick-call > a{
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 20px 0 50px;
	border-radius: 25px;
	background-color: #20c55d;
	color: #FFF;	
}
.call-ico::before {
    content: "";
    position: absolute;
    border: 1px solid #25D366;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    animation: pulse 1s linear infinite
}

.call-ico::after {
    content: "";
    position: absolute;
    border: 1px solid #25D366;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    animation: pulse 1s linear infinite;
    animation-delay: 0.3s
}

@keyframes pulse {
    0% {
        transform: scale(0.5);
        opacity: 0
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(1.3);
        opacity: 0
    }
}

  @-webkit-keyframes buffering {
	0% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg);
	}
	10% {
	  -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	  -webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	  -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	  -webkit-transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg);
	}
	100% {
	  -webkit-transform: rotate(0) scale(1) skew(1deg);
	}
  }

.openMnu{
	color: var(--primary-color);
	border-color: var(--primary-color);
	border-radius: 3px;
}

.wrraper .area-banner{
	margin-bottom: 40px;
}
.banner-heading {
	border-radius: 15px;
	min-height: 400px;
	display: flex;
	align-items: flex-end;
	position: relative;
	overflow: hidden;
}
.banner-heading::after{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-image: linear-gradient(transparent, #000);
}
.banner-heading > div{
	position: relative;
	z-index: 2;
}
.heading{
	flex: 1;
	padding: 40px 0 50px;
}
.heading h3{
	text-transform: uppercase;
	color: var(--primary-color-text);
}
.breadcmb{
	list-style: none;
	display: flex;
	margin: 5px 0 0 2px;
}
.breadcmb li:not(:last-child){
	margin-right: 10px;
	padding-right: 15px;
}
.breadcmb li{
	position: relative;
	z-index: 1;
	color: var(--primary-color-text);
}
.breadcmb li:not(:last-child)::after {
	position: absolute;
	content: "\f105";
	top: 6px;
	right: 0;
	font: normal normal normal 14px/1 FontAwesome;
	z-index: -1;
	color: #FFF;
}
.breadcmb li a{
	color: var(--primary-color-hover);
}
[space="true"]{
	padding-bottom: 25px;
}
.content-grid{
	display: flex;
	justify-content: space-between;
}
.content-grid > div{
	flex: 1;
}
.content-grid > div.grid-sidebar{
	flex: 0 0 300px;
}
.content-grid > div:first-child{
	margin-right: 20px;
}
.img-left {
	float: left;
	margin: 0 26px 10px 0;
	clear: right;
}
[alpha="true"]{
	position: relative;
	z-index: 1;
}
[alpha="true"] > div{
	position: relative;
	z-index: 3;
}
[alpha="true"]::after{
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(#fff, rgba(255,255,255,.8));
	z-index: 2;
}
.img-border{
	border: 10px solid var(--primary-color);
}
.list {
	list-style-position: inside;
	margin-left: 20px;
}
.thumbnailer{
	display: block;
	margin: 0 auto;
	text-align: center;
}
.thumbnailer .des{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
}
.thumbnailer .des > p{
	margin: 0;
}
.thumbnailer .des .name{
	font-weight: 500;
}
.thumbnailer .des .social-list{
	margin-top: 10px;
}

/************ START ORGANIZATION MATRIX *************/
.organization-matrix{
	display: flex;
	flex-direction: column;
}
.matrix-row{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.matrix-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0 42px 60px 0 rgba(0,0,0,.2);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.matrix-item:not(:last-child){
	margin-right: 20px;
}
.matrix-item:hover{
	background-color: var(--primary-color);	
}
.matrix-item:hover, .matrix-item:hover p{
	color: #FFF;	
}
.matrix-des {
	display: flex;
	flex-direction: column;
	padding: 15px 0 0;
	align-items: center;
}
.matrix-item p{
	margin: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.matrix-item .name{
	font-weight: 500;
	font-size: 14px;
}
.matrix-item .text-muted{
	font-size: 13px;
}
.matrix-des .social-list{
	margin-top: 10px;
}
.matrix-item:hover .social-list li a{
	background-color: var(--primary-color-hover);
}
@media(max-width: 400px){
	.matrix-row {
		margin-bottom: 3px;
	}
	.matrix-item:not(:last-child) {
		margin-right: 3px;
	}
	.matrix-item{
		padding: 0;
		flex: 1;
	}
	.matrix-des{
		padding: 10px;
	}
	.matrix-des p {
		font-size: 11px;
		line-height: 14px;
	}
}
/************ END ORGANIZATION MATRIX *************/

.figure{
	display: flex;
	flex-wrap: wrap;
}
.figure > div{
	flex-basis: calc(25% - 20px);
}
.fig-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-color: #FFF;
	box-shadow: 0 42px 60px 0 rgba(0,0,0,.2);
	-webkit-transition: all .3s;
	transition: all .3s;
	margin-bottom: 20px;
}
.fig-item:not(:last-child){
	margin-right: 20px;
}
.fig-item:hover{
	background-color: var(--primary-color);	
}
.fig-item:hover, .fig-item:hover p{
	color: #FFF;	
}
.fig-des{
	padding: 15px;
}
.fig-des p{
	margin: 0;
}
.uppercase{
	text-transform: uppercase;
}
.responsive{
	max-width: 100%;
	overflow-x: auto;
}

.certificats{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.cer-item {
	flex-basis: calc(25% - 20px);
	padding: 0;
	margin: 10px;
	display: flex;
	align-items: center;
	/* box-shadow: 0 0px 20px 0 rgba(0,0,0,.2); */
	cursor: pointer;
	flex-direction: column;
	position: relative;
	z-index: 0;
}

.cer-item::after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	right: 0;
	height: 60%;
	background-image: linear-gradient(transparent, #000);
	z-index: 1;
	border-radius:  0 0 15px 15px;
}
.cer-item img{
	border-radius: 15px;
}
.cer-des{
	padding: 10px 15px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.cer-item p {
	margin: 0;
	color: #FFF;
	line-height: 20px;
}
.cer-des span{
	color: #CACACA;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 14px;
}
.cer-img{
	height: 350px;
	width: 100%;
}
@media(max-width: 767px){
	.cer-item {
		flex-basis: calc(50% - 20px);
	}
	.cer-des span{
		text-transform: none;
	}
	.cer-img{
		height: 200px;
		width: 100%;
	}
}

/* START MODALx */
.modalx{
	position: fixed;
	top: 0;
	left: 0;
	right: -30px;
	bottom: 0;
	z-index: 999999999;
	background-color: rgba(0,0,0,.8);
	overflow-x: hidden;
	overflow-y: auto;
	padding: 40px;
	display: none;
	justify-content: center;
	align-items: flex-start;	
}
.modalx .modalx-body{
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
	max-width: 900px;
}
@media(max-width: 900px){
	.modalx .modalx-body{
		position: relative;
		z-index: 1;
		margin-bottom: 40px;
		max-width: 85%;
	}
	.modalx{
		right: -5px;
	}
}
.modalx .modalx-content{
	margin-bottom: 40px;
}
.modalx .modalx-content img{
	max-width: 100%;
}
.modalx .modalx-close{
	position: absolute;
	top: 0;
	right: -50px;
	width: 30px;
	height: 30px;
	background-color: #cdcdcd;
	cursor: pointer;
	background: url(assets/images/clips/close-white.png) no-repeat center center;
}
.modalx .modalx-close:active{
	top: 2px;
}
.modalx .modalx-closer{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}
/* END MODALx */

.zoomer[data-hide="true"],.zoomer-2[data-hide="true"]{
	display: none;
}

/*************************
		GLOBAL CSS
*************************/

section, .social-sec,.nav-sec,footer,header,main,.content{
	float: left;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

.box-shadow{
	box-shadow: 0 1px 6px 1px rgba(98, 98, 98, 0.3);
}

.transition,.button{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media (min-width: 1201px){
	.heading h3 {
		font-size: 34px;
	}
}
@media (max-width: 1200px){
	.logo-title {
		font-size: 16px;
	}
	.logo-title strong{
		font-weight: normal;
	}
	.logo {
		flex: 0 0 300px;
	}
	.member-list {
		margin: 0;
	}
	.banner-heading {
		min-height: 280px;
	}
}

@media (max-width: 992px){
	.device-responsive{
		display: block;
	}	
	.heading {
		padding: 20px 0 20px;
	}
	.banner-heading {
		min-height: 245px;
	}
}
@media (max-width: 767px){
	.social-sec{
		display: none;
	}
	.profile-sec,.quoite-sec,.content-grid {
		flex-direction: column;
	}
	.content-grid > div:first-child{
		margin-right: 0;
	}
	.arrow-top,.arrow-bottom{
		display: none;
	}
	.area-profile {
		padding: 30px 0;
	}
	.profile-thumb{
		display: none;
	}
	.profile-des {
		padding-left: 0;
	}
	.sec-title {
		text-align: center;
	}
	.sec-title h1{
		font-size: 26px;
		line-height: 36px;
	}
	.sec-title h3{
		font-size: 18px;
	}
	.sec-title h3 {
		font-size: 18px;
		line-height: 26px;
	}
	.button {
		height: 35px;
		line-height: 36px;
		padding: 0 18px;
		font-size: 11px;
	}
	.button-group {
		display: flex;
		justify-content: center;
	}
	.profile-des br{
		display: none;
	}
	.sec-title .separetor::before,.sec-title .separetor::after {
		width: 100%;
	}
	.owl-nav {
		left: -10px;
		right: -10px;
		z-index: 2;
	}
	.sec-title .separetor {
		margin: 20px 0 10px;
	}
	.area-training {
		padding: 0;
	}
	.area-get-quoite {
		margin: 0px 0 50px;
	}
	.quoite-des {
		padding: 70px 0 15px;
	}
	.area-recroute-counter {
		margin: 80px 0 40px;
	}
	.area-recroute-counter::before {
		top: -50px;
	}
	.banner-heading {
		min-height: 200px;
	}
	.banner-heading {
		min-height: 190px;
	}
}
@media (max-width: 600px){
	.quoite-form {
		padding: 20px;
	}
	.msg-left {
		margin-right: 10px;
	}
	.msg-right {
		margin-left: 10px;
	}	
	.counter-sec, .footer-sec {
		flex-direction: column;
	}
	.footer-des h2{
		font-size: 22px;
		line-height: 28px;
	}
	.footer-des {
		padding-right: 0;
		margin-bottom: 30px;
	}
	.member-list {
		width: 200px;
	}
	.footer-list {
		margin-top: 15px;
	}
	.banner-heading {
		min-height: 120px;
		background-size: 100% 100% !important;
	}
	.heading h3 {
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
	}
	.breadcmb li {
		font-size: 13px;
	}
	.breadcmb {
		margin: 0;
	}
	.breadcmb li:not(:last-child) {
		margin-right: 5px;
		padding-right: 10px;
	}
	.figure > div{
		flex-basis: calc(50% - 20px);
	}
}
@media (max-width: 400px){
	.logo {
		flex: 0 0 250px;
	}
	.logo-title {
		font-size: 12px;		
	}
	.logo-title strong{
		font-weight: bold;
	}
	.logo-des{
		margin-left: 5px;
	}
	.logo-des p{
		font-size: 13px;
		line-height: 19px;
	}	
	.msg-title {
		font-weight: normal;
		margin-bottom: 0;
		line-height: 20px;
	}
	.msg-desig {
		font-size: 11px;
		line-height: 16px;
		color: #666;
	}
	.links {
		font-size: 14px;
	}	
}
@media (max-width: 370px){
	.figure > div{
		flex-basis: 100%;
		margin-right: 0 !important;
	}
}