* {
	margin: 0;
	padding: 0;
	border: 0;
	
}

.menuActive {
    color: #dc2525 !important;
    font-weight: 800 !important;
}
.containerbox {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.containerbox {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.containerbox {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
   .containerbox {
      max-width: 960px;
   }
}

@media (min-width: 1200px) {
	.containerbox {
		max-width: 1140px;
	}
}
.containerbox,
.containerbox-fluid {
    padding-right: 15px;
    padding-left: 15px;right: auto;
    margin-left: auto;
}
/* There is a home page header */
#home-header {
	width: 100%;
	height: auto;
	padding: 10px 0;
	background: #35383fb3;
	position: absolute;
	top: 0;
	z-index: 1111;
	clear: both;
}
.headerhomewrap {
	display: grid;
	grid-template-columns: repeat(2, 80% 5%);
	justify-content: space-between;
	align-items: center;
}
#showmenu {
    font-size: 1.5em;
    border-radius: 5px;
    display: grid;
    justify-content: center;
    align-content: center;
    width: 35px;
    height: 35px;
}
#showmenu:hover {
    cursor: pointer;
}
.mob-toggle {
	display: block !important;
}
.mainmenu .mob-toggle{
	background:0 0;
	padding:15px
}
.mainmenu li a:hover,.footermenulists li a:hover {
    color: #dc2525 !important;
    transition: all .1s ease;
}
.mainmenu .mob-toggle a{
	color:#fff
}
.mainmenu .mob-toggle:hover{
	background:0 0;color:#e16831
}
.mainmenu .mob-toggle:hover a{
	color:#fff
}
@media screen and (min-width: 600px) {
	.headerhomewrap {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

@media screen and (max-width: 600px) {
	.secmenubar {
		display: block !important;
	}
	.headermenu ul {
		list-style: none;
		display: none;
	}	
}

@media screen and (min-width: 600px) {
	.headermenu ul {
		display: flex;
		justify-content: space-around;
		align-items: center;	
		list-style: none;
	}	
}

.headermenu ul li {
	padding: 0 10px;
}
.togglemenu li {
    padding: 5px 0 !important;
}
.headermenu ul li a {
	text-decoration: none;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 400;
}
.headerhomelogo {
	width: 80px;
}
@media screen and (min-width: 600px) {
	.headerhomelogo {
		width: 90px;
	}
}
img {
	width: 100%;
	height: auto;
}
/**/
#pageslider {
	overflow: hidden;
	height: auto;
}
@media screen and (min-width: 600px) {
	#pageslider {
		overflow: hidden;
		height: auto;
	}	
}
@media screen and (min-width: 1200px) {
	#pageslider {
		overflow: hidden;
		height: 600px;
	}	
}
@media screen and (max-width: 600px) {
	.headermenu {
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		right: 0;
		background: #35383fb3;
		top: 94px;
		text-align: center;
	}	
}

.togglemenu {
	display: block !important;
}
/* Marqueen SLider */
.marqueen-caption {
    position: relative;
}
.marqueen-caption p {
    font-family: 'Raleway', sans-serif;
    font-size: 2em !important;
    position: absolute;
    color: #000;
    left: -2em;
    bottom: 3em;
    display: block !important;
    
}
@media screen and (max-width: 600px) {
    .marqueen-caption {
        text-align: center;
        width: 100% !important;
    }
   .marqueen-caption p  {
        left: 0;
        bottom: 0;
        font-size: 1.5em !important;
   }
}
.marquee { font-size: 16px; height: 600px; width: 100%;}
@media screen and (max-width: 600px) {
	.marquee {
		margin: 0;
	}
}
@media screen and (min-width: 600px) {
    .marquee {
        height: 350px;
    }
}
@media screen and (min-width: 992px) {
    .marquee {
        height: 600px;
    }
}
.hompagemail a, .homepagephone a {
    color: #fff;
    text-decoration: none;
}

.marquee .marquee_data { display: none; }
.marquee .marquee_stage_large {
	height: inherit;
	position: relative;
	overflow: hidden;
	object-fit: cover;
}

.marquee .marquee_container_1,.marquee .marquee_container_2 {
	height: inherit;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}

.marquee .marquee_container_1 {
	z-index: 101;
}
.marquee .marquee_container_2 {
	z-index: 102;
}

.marqueen_caption {
	position: absolute;
}

.marquee .marquee_panel {
	height: 300px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	background: center  center / cover no-repeat;
}
@media screen and (min-width: 600px) {
    .marquee .marquee_panel {
    	height: 350px;
    	width: 100%;
    
    }    
}
@media screen and (min-width: 992px) {
    .marquee .marquee_panel {
    	height: 600px;
    	width: 100%;
    
    }    
}
.marquee  .marqueen_caption {
	width: 68%;
	position: absolute;
	bottom: 35px;
	left: 0px;
	margin-left: 16%;
	font-family: "Lato", sans-serif;
	padding-bottom: 15px;
}
.marquee .marqueen_caption h3 { text-align:center; font-family: 'PT Serif', serif; margin: 0px 0px 0px 0px; font-weight: 400; font-size: 2.7em; color:#fff; }
.marquee .marqueen_caption p { margin: 0px 50px 15px 50px; color: #888; font-size: 1.3em; color: rgba(255,255,255,.75); }
.marquee .marqueen_caption a.cta { display: grid; width: 20%;margin: 0 auto;text-align:center;background-color: rgba(255,255,255,0); text-transform: uppercase; color:#fff; font-size: .9em; padding: 6px 20px; transition: background-color .7s, border .7s; border: 1px solid rgba(255,255,255,.5); border-radius: 5px; text-decoration: none; }

.marquee .marqueen_caption a:hover { background-color: rgba(255,255,255,.6); color:#000; border-color: rgba(255,255,255,0); }

.marquee .overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	background-image: liner-gradient(rgba(0,0,0,0) 45%, rgba(0,0,0,.7) 70%);
	background-size: center center;
}
.marquee .marquee-nav {
	position: absolute;
	bottom: 10px;
	left: 0px;
	text-align: center;
	width: 100%;
	z-index: 103;
}

.marquee .marquee-nav div {
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 2px solid rgba(255,255,255,.5);
	border-radius: 50%;
	margin: 0px 8px 0px 8px;
	cursor: pointer;
	transition: background-color .4s,border .4s;
}
.marquee .marquee-nav div:hover {
	border-color: #fff;
	background: rgba(255,255,255,.2);
}

.marquee .marquee-nav div.selected {
	background: #fff;
}

.marquee .btn {
	width: 39px;
	height: 39px;
	/*background: rgba(255,255,255,.2) no-repeat;*/
	background-size: 50px 50px;
	position: absolute;
	cursor: pointer;
	top: 50%;
	/*border-radius: 50%; border: 2px solid rgba(255,255,255, .5);*/
	transition: background-color .5s, border .5s; 
}



.marquee .btn.prev {
	left: 20px;
	z-index: 104;
	background-image: url(../images/arrow_left.svg); 
	background-position: -8px 4px;
	color: #fff;
}


.marquee .btn.next {
    color: #fff;
	right: 20px;
	z-index: 105;
	background-image: url(../images/arrow_right.svg);
	background-position: -3px 4px;
}

.marquee .marquee_stage_small {
	height: inherit;
	position: relative;
	overflow: hidden;
}

.marquee .marquee_stage_small .marquee_panel {
	width: 100%;
	height: inherit;
	position: absolute;
	top: 0px;
	left: 0px; 
}

@media screen and (max-width: 800px) {
	.marquee {
		font-size: 14px;
		
		background: #444;
	}

	.marquee .btn {
		width: 15px;
		height: 15px;
		background-size: 33px 20px;
		top: 50%;
	}

	.marquee .btn.prev {
		background-position: -4px 4px;
	}

	.marquee .btn.next {
		background-position: -1px 4px;
	}

	.marquee .marqueen_caption {
		width: 80%;
		margin-left: 10%;

	}
	.marquee .marqueen_caption p {
		display: none;
	}
	.marquee .marqueen_caption a.cta {
		margin-top: 10px;
		padding: 4px 20px;
	}

	.marquee .marquee-nav div {
		width: 8px;
		height: 8px;
		margin: 0px 12px 0px 12px;
	}

}

@media screen and (max-width: 600px) {
	.marquee {
		height: 250px;

	}
	.marquee .overlay {
		display: none;
	}
	.marquee .marquee_panel .marqueen_caption {
		margin: 0px;
		padding: 10px 10px 20px 10px;
		width: 100%;
		bottom: 0px;
		background-color: rgba(0,0,0,.65);
	}
	.marquee .marquee_panel .marqueen_caption a.cta {
		padding: 8px 30px;
	}
}
@media (max-width: 992px) and (min-width:768px) {
    .marquee {
        height: 500px;
    }
    .marquee .marquee_panel {
        height: 500px;
    }
}
#aboutus {
	width: 100%;
	height: auto;
	position: relative;
/*	background: #dc2525;*/
}

.border-traingletop::before {
	width: 99.5%;
	height: 200px;
	display: block;
	content: "";
	background: #dc2525;
	position: absolute;
	top: -90px;
	transform: rotate(-5deg);
	z-index: 1109;
	left: 0;
}
.border-traingletop::after {
	display: block;
	content: "";
	width: 99%;
	height: 140px;
	background: #dc2525;
	position: absolute;
	top: -5em;
	transform: rotate(3deg);
}
/*.border-aboutuscenter {
	width: 100%;
	padding: 20px 0;
	background: #dc2525;
}*/
.aboutviewwrap {
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.inneraboutleftwrap {
	padding: 30px;
	display: grid;
	grid-template-columns: repeat(2, 20% 75%);
	grid-gap: 2em;
	align-items: center;
}
.border-aboutleft {
	border-radius: 20px;
	top: -200px;
	position: relative;
	z-index: 1111;
	width: 40%;
	border: 1px solid transparent;
	margin: 0 auto ; 
	background: #252627;
}
.border-abourright {
	width: 50%;
	position: relative;
	top: -130px;
	z-index: 99999;
}
.aboutuscontent p {
	color: #fff;
	font-size: 1em;
	word-break: break-all;
}
.abouticonpan i {
	color:  #fff;
	font-size: 4em;
	display: block;
	text-align: center;
}
.abouticonpan code {
	color: #fff;
	padding-top: 20px;
	text-align: center;
	display: block;
	font-size: 1.2em;
}
.visioninnerheader h1 {
	padding: 20px 0 0;
	color: #fff;
}
.visioninnercontent p {
	padding: 10px 0;
	color: #fff;
}
.bordert-trainglebut {
	position: relative;
}
.bordert-trainglebut::before {
	display: block;
	content: "";
	width: 99%;
	height: 140px;
	background: #dc2525;
	position: absolute;
	top: -9em;
	transform: rotate(3deg);
}
#aboutwrapper {
	width: 100%;
	height: auto;
	padding: 50px 0;
	background: #dc2525;
	margin-top: 0;
}
@media screen and (min-width: 768px) {
	#aboutwrapper {
		margin-top: -1150px;
	}
}
.aboutusinnerbox {
    width: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(1, 100%);
    grid-gap: 3em;
}
/* No greater than 900px, no less than 400px */
@media (max-width: 992px) and (min-width: 800px) {
    .aboutusinnerbox {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 100%);
        grid-gap: 3em;
    }
}

@media screen and (min-width: 768px) {
	#triangeabout {
		-webkit-clip-path: polygon(100% 69%, 0% 100%, 100% 100%);
		clip-path: polygon(100% 69%, 0% 100%, 100% 100%);
		background: #dc2525;
		padding: 896px 0 0 0;
		position: relative;
		top: -896px;
		z-index: 999;
	}	

}

@media screen and (min-width: 800px) {
    .aboutusinnerbox {
		display: grid;
	    /*grid-template-columns: repeat(2, 40% 60%);*/
	    grid-template-columns: repeat(1, 60%);
	    justify-centent: center;
	    grid-gap: 3em;
	}
	.abouthomeright {
	   top: 127px;
	}
}
@media screen and (min-width: 992px) {
	.abouthomeright {
	    
	}
}
.abouthomeleft {
	border: 1px solid #252627;
	padding: 10px;
	background: #252627;
	border-radius: 10px;
	position: relative;
	z-index: 1111111;
	top: 2em;
	display: none;
}
.homeaboutleftwrapper {
	display: grid;
	grid-template-columns: repeat(2, 20% 60%);
	grid-gap: 2em;
	align-items: center;
}
@media screen and (max-width: 600px) {
    .nav-menuwrapper {
    	display: grid;
    	grid-template-columns: repeat(1, 80%);
    	justify-content: center;
    }
    .abouthomeicon {
        display: grid;
        grid-template-columns: repeat(2, 80px auto);
        align-items: center;
    }
}
.abouthomeicon {
	text-align: center;
}
.abouthomeicon i {
	font-size: 4em;
	color: #fff;
}
.abouthomeicon code {
	color: #fff;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1em;
	font-weight: 400;
	padding: 15px 0;
}
.abouthomecontent p {
    color: #fff;
    text-align: justify;
    word-break: break-all;
    font-size: 0.8em;
    padding: 20px 0 0;
    line-height: 25px;
    font-family: 'Raleway', sans-serif;
}

.certifleft .certifiimage::before {
    width: 200px;
    height: 500px;
    background: #dc2525;
    content: "";
    left: -1em;
    position: absolute;
    top: -0.8em;
    z-index: -11;
    display: none;
}
.certifleft .certifiimage::after {
    
    width: 200px;
    height: 500px;
    background: #dc2525;
    content: "";
    right: 1em;
    position: absolute;
    bottom: -0.2em;
    z-index: -11;
    display: none;
}
@media screen and (min-width: 768px) {
	.certifleft .certifiimage::before {
	    display: none;
        width: 100px;
        height: 300px;
        background: #dc2525;
        content: "";
        left: 2.5em;
        position: absolute;
        top: -0.5em;
        z-index: -11;
	}
	.certifleft .certifiimage::after {
	    display: none;
	    width: 200px;
	    height: 500px;
	    background: #dc2525;
	    content: "";
	    right: 3.5em;
	    position: absolute;
	    bottom: -0.2em;
	    z-index: -11;
	}
}

.abouthomeright {
	padding: 50px 0 0;
}

@media screen and (min-width: 768px) {
	.abouthomeright {
		position: relative;
		z-index: 55555;
		/*top: 127px;*/
		padding: 80px 0;
		width: 80%;
		margin: 0 auto;
		left: 40%;
	}	
}
.abouthomerighttitle {
	padding-bottom: 20px;
}
.abouthomerighttitle h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	letter-spacing: 3px;
}
.abouthomerighttitle h2, .abouthomerightcontent p {
	color: #fff;
}
.abouthomerightcontent > p {
    width: 100%;
}
.abouthomerightcontent > p > code {
font-size: 0.9em;
padding: 5px 0;
display: grid;
grid-template-columns: repeat(2, 20px auto);
align-items: center;

}
.abouthomerightcontent > p > code > i {
    font-size: 0.9em;
}
.abouthomerightcontent p {
	font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
	line-height: 20px;
	font-weight: 500;
}
#aboutusbuttontrain {
	webkit-clip-path: polygon(100% 100%, 0 89%, 100% 87%);
	clip-path: polygon(100% 100%, 0 87%, 100% 87%);
	padding: 300px 0;
	background: #dc2525;
	position: relative;
	top: -522px;
}
@media screen and (max-width: 550px) {
    #aboutusbuttontrain {
        clip-path: none
        webkit-clip-path: none
        position: relative;
        z-index: -11;
    }    

}
@media screen and (max-width: 600px) {
    #aboutusbuttontrain {
        clip-path: none
        webkit-clip-path: none
    }
    /*#valuehomemain .containerbox, #brothercompaire .containerbox, #home-header .containerbox, #ourparteners .containerbox,#footerhome .containerbox{*/
    /*    padding-left: 0 !important;*/
    /*            padding-right: 0 !important;*/
    /*    margin-left: 0 !important;*/
    /*    margin-right: 0 !important*/
    /*    }*/
    /*#valuehomemain .containerbox {*/
    /*        padding-left: 0 !important;*/
    /*        padding-right: 0 !important;*/
    /*        margin-left: 0 !important;*/
    /*        margin-right: 0 !important*/
    /*}*/
}
#aboutusafter {
	
    padding: 200px 0 0 0;
    clip-path: polygon(0% -0.39%, 100% 34.07%, 100% 59.73%, 0% 7.08%);
    webkit-clip-path: polygon(0% -0.39%, 100% 34.07%, 100% 59.73%, 0% 7.08%);
    position: relative;
    top: -600px;
}
@media screen and (min-width: 992px) {
    #aboutusafter {
        background: #921919;
    }
    
}
#ourservices {
	width: 100%;
	padding: 200px 0;
	height: auto;
	background: #181818;
	margin-top: -50em;
}
@media screen and (max-width: 600px) {
    #ourservices {
        padding: 100px 0 200px;
    }
}
.ourserviceheader {
	text-align: center;
}
.ourserviceheader h2, .ourvalueheader h2 {
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	letter-spacing: 5px;
}
.ourservicecontent {
}
.ourservicecontent p {
    width: 80%;
    padding: 0 10px;
    margin: 0 8%;
	color: #fff;
	text-align: center;
}
.ourservicecontent p {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-size: 0.9em;
	word-break: break-all;
	padding: 10px 0;
}
.ourservicewrapper {
	width: 80%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 100%);
	justify-content: space-between;
	padding: 50px 0 0;
}
@media screen and (min-width: 768px) {
	.ourservicewrapper {
		width: auto;
		margin: 0;
		display: grid;
		grid-template-columns: repeat(2, 45%);
		justify-content: space-between;
		padding: 50px 0 0;
	}	
}
.ourservicehomeleft, .ourservicehomeright {
	position: relative;
}
.ourservicehomeleft img, .ourservicehomeright img {
	padding: 50px 0;
}
.ourservicehomecaption {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    bottom: 54px;
    width: 100%;
    background: linear-gradient(180deg, transparent, #7b7b7be6);
    padding: 20px 0;
}

@media screen and (min-width: 768px) {
	.ourservicehomeleft img, .ourservicehomeright img {
		padding: 0;
	}
    .ourservicehomecaption {
        bottom: 7px;
    }	
    .ourservicehomecaption p {
        font-size: 1.2em;
    }
}

.ourservicehomecaption p {
	color: #fff;
	margin: 0 10px 0;
}
.ourservicehomeleft img, .ourservicehomeright img {
	height: auto;
	/*object-fit: cover;*/
}
@media screen and (min-width: 700px) {
    .ourservicehomeleft img, .ourservicehomeright img {
        height: 400px;
    /*object-fit: cover;*/
    }   
}
img {
	width: 100%;
	height: auto;
}
.servicedetail {
	width: 85%;
	justify-content: flex-end;
	display: flex;
	padding: 30px 0 0 0;
}
.servicedetail a {
	background: #dc2525;
	padding: 8px 20px;
	color: #fff;
	text-decoration: navajowhite;
	border-radius: 5px;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
	font-weight: 500;
	letter-spacing: 3px;
}
@media screen and (min-width: 768px) {
	.servicedetail {
		text-align: right;
		padding: 30px 0 0 0;
		width: auto;
	}	
	.servicedetail a {
		background: #dc2525;
		padding: 8px 20px;
		color: #fff;
		text-decoration: navajowhite;
		border-radius: 5px;
		font-family: 'Raleway', sans-serif;
		font-size: 0.9em;
		font-weight: 500;
		letter-spacing: 3px;
	}	
}

#valuehometraingle {
	width: 100%;
	height: auto;
	background: #dc2525;
}
#valuehomemain {
	width: 100%;
	height: auto;
	background: #dc2525;
	margin-top: -10.5em;
	position: relative;
	z-index: 111;
}
.ourvaluelistspanel {
	width: 80%;
	margin: 0 7%;
	display: flex;
	flex-wrap: wrap;

}
@media screen and (min-width: 768px) {
	.ourvaluelistspanel {
		width: auto;
		display: flex;
		margin: 0;

	}	
}

.ourvaluelist {
	width: 80%;
	margin: 20px auto;
}
@media screen and (min-width: 600px) {
    .ourvaluelist {
    	width: 33.3%;
    	margin: 20px auto;
    }
}
@media screen and (min-width: 992px) {
    .ourvaluelist {
    	width: 25%;
    	margin: 20px auto;
    }
}
@media screen and (min-width: 1200px) {
    .ourvaluelist {
    	width: 20%;
    	margin: 20px auto;
    }
}
.ourvaluecaption {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
	letter-spacing: 5px;
}
#valuehometraingle {
	clip-path: polygon(1px 5.47%, 99.95% 83.24%, 100% 100%, 0% 100%);
	background: #dc2525;
	padding: 80px 0;
	position: relative;
	top: -160px;
	webkit-clip-path: polygon(1px 5.47%, 99.95% 83.24%, 100% 100%, 0% 100%);

}
#ourvaluestrainglebut {
	clip-path: polygon(0px -4.53%, 100% 0.24%, 100.00% 33.00%, 0% 100%);
	background: #dc2525;
	padding: 50px 0;
	webkit-clip-path: polygon(0px -4.53%, 100% 0.24%, 100.00% 33.00%, 0% 100%);
	z-index: 111;
	position: relative;
}
#ourvaluetraingafter {
	padding: 100px 0;
	background: #9b1b1b;
	clip-path: polygon(0px 33.47%, 100% 0.74%, 100% 33.47%, 0.26% 33%);
	position: relative;
	margin-top: -70px;
	webkit-clip-path: polygon(0px 33.47%, 100% 0.74%, 100% 33.47%, 0.26% 33%);
	z-index: 11;
}
#certicafeofincor {
	width: 100%;
	background: #181818;
	margin-top: -150px;
/*	padding: 50px 0;*/
}
.aboutuswrapmore {
	display: flex;
	justify-content: flex-end;
	padding: 10px 0;
}
.aboutuswrapmore a {
    margin-right: 3em;
    padding: 8px 25px;
    color: #fff;
    background: #d84141;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    border-radius: 5px;
    box-shadow: -3px 2px 0 1px rgba(255, 255, 255, 0.06);
}
.certifihost {
	display: grid;
	width: 80%;
	margin: 0 auto;
	grid-template-columns: repeat(1, 100%);
	justify-content: space-between;
	grid-gap: 3em;
	overflow: hidden;
}	
@media screen and (min-width: 768px) {
	.certifihost {
		width: auto;
		display: grid;
		margin: 0;
		grid-template-columns: repeat(2, 45% 55%);
		justify-content: space-between;
		overflow: hidden;
		grid-gap: 0;
	}	
}

.certifiimage {
	width: 80%;
	position: relative;
	margin: 0px auto;
}
.certifleft {
	position: relative;
}
@media screen and (min-width: 768px) {
	.certifleft::after {
		content: "";
		display: block;
		background: #181818;
		width: 300px;
		height: 1000px;
		position: absolute;
		transform: rotate(20deg);
		top: -4em;
		right: -9em;
		z-index: 1;
	}	
}
.certifleft .certifiimage {
	width: 100%;
	margin: 80px auto 0;
	height: auto;
	position: relative;
	z-index: 11;
}
@media screen and (min-width: 768px) {
	.certifleft .certifiimage {
		width: 80%;
		margin: 80px auto 0;
		height: auto;
		position: relative;
		z-index: 11;
	}	
}

.certifleft .certifiimage img {
	width: 100%;
	height: auto;
	margin: 0;
	
}
@media screen and (min-width: 768px) {
	.certifleft .certifiimage img {
		width: 60%;
		height: 500px;
		margin-left: 20%;
	}	
}
@media screen and (max-width: 768px) {
	.cerfifright {
		margin-bottom: 50px;
	}	
}

.cerfifright .certifiimage {
	width: 100%;
	margin-top: 15px;
	height: auto;
}
.cerfifright .certifiimage img {
	height: 600px;
	object-fit: cover;
}
.headofficeheader {
	text-align: center;
	color: #fff;
	position: relative;
}

.headofficeheader::before {
	content: "";
    display: block;
    width: 100%;
    height: 200px;
    background: #dc2525;
    position: absolute;
    top: -8em;
    transform: rotate(8deg);
}
@media screen and (max-width: 768px) {
   .headofficeheader::before {
       width: calc(100%  + 5em);
       left: -5em;
   } 
}
.head-office {
	margin-top: -10px;
	background: #dc2525;
	padding: 10px 0;
	height: 200px;
}
.headofficeheader h2 {
	position: relative;
	z-index: 11;
}
.certifiheader {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 111;
}
.certificateheader h2 {
	color: #fff;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	padding: 80px 0 0px;
	text-transform: uppercase;
	font-size: 1.5em;
}
.certifiheader h2 {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	padding: 10px 50px;
	font-weight: 500;
	border: 1px solid transparent;
	background: #252627;
	font-size: 1.5em;
}
@media screen and (max-width: 600px) {
    .certifiheader h2 {
        padding: 8px 30px;
	    font-size: 1.2em;        
    }
}
@media (max-width:900px) and (min-width:762px) {
    .certifiheader h2 {
	    font-size: 1.2em;  
	    border: 1px solid red;
	    margin-left: 30px;
    }

}

.certifiheader h2::before {
    border: 3px solid #252627;
    content: 'HEAD OFFICE';
    color: transparent;
    padding: 10px 50px;
    position: absolute;
    top: -0.5em;
    z-index: -9;
    margin-left: -1.3em;
}
@media screen and (max-width: 768px) {
    .certifiheader h2::before {
        display: none;
    }
}
.certifiaddress {
	width: 80%;
	margin: 20px auto;
	position: relative;
	z-index: 222;
}
@media screen and (min-width: 768px) {
    .certifiaddress {
        width: 60%;
    }
}
.cefocateofficewrap {
	margin-top: -60px;
}
.homepagecontact p {
	color: #fff;
	font-size: 1em;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1px;
	line-height: 25px;
	text-align: center;
}
#brothercompaire {
	width: 100%;
	padding: 50px 0;
	height: auto;
	background: #dc2525;
	box-shadow: 0px 0px 20px 2px #020802;
	z-index: 111111;
	position: relative;
}
@media (max-width:769px) and (min-width:768px) {
    #brothercompaire {
        margin-top: -1em;
    }
}
.brothercompairetitle h2,.ourpartnerheader h2 {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.5em;
}
.brothercompairecontent p {
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
	color: #fff;
	padding-top: 10px;
}
.certificateboxlists {
	display: grid;
	grid-template-columns: repeat(1, 100%);
	grid-row-gap: 2em;
	justify-content: space-between;
	margin: 50px 0 30px;
}
@media screen and (min-width: 768px) {
	.certificateboxlists {
		grid-template-columns: repeat(2, 50%);
		grid-gap: 0;
	}
}

@media screen and (min-width: 992px) {
	.certificateboxlists {
		grid-template-columns: repeat(3, 33.3%);
	}	
}
.cerfitficatbox {
	width: 85%;
	margin: 5%;
	box-shadow: 0px 0px 20px 2px #020802;
	height: 500px;
}
.cerfitficatbox img {
	width: 100%;
	height: 500px;
}
/* home page footer */
#footerhome {
	width: 100%;
	height: auto;
	background: #181818;
	padding: 50px 0 0;
	position: relative;
	z-index: 1;
}
.footerhomecomhead {
	text-align: center;
}
.footerhomecomhead h2 {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 1.5em;
}
.footerhomecomhead strong {
	font-family: 'Raleway', sans-serif;
	color: #dc2525;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.5em;
	padding-left: 20px;
}
.footermenulists {
	display: grid;
	justify-content: space-around;
	grid-template-columns: repeat(1, 1fr);
	list-style: none;
	text-align: center;
	padding: 30px 0;
	width: 80%;
	margin: 0 auto;
}
.brothercompairewrap, .ourpartenerswrap, .footerhomecomhead,.footerhomemenu, .footercopyrightmsg {
    width: 80%;
    margin: 0 auto;
}
@media screen and (min-width: 600px) {
	.footermenulists {
		display: flex;
		justify-content: center;
		list-style: none;
		padding: 30px 0;
	}	
}

.footermenulists li a {
	text-decoration: none;
	color: #fff;
	padding: 0 30px;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
	padding: 5px;
}
@media screen and (min-width: 992px) {
    .footermenulists li a {
        padding: 0 15px;
    }
}
.footersocialmeidalinks {
	width: 30%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 25%);
	list-style: none;
	align-items: center;
}
.footersocialmeidalinks li {
	width: 50%;
	margin: 0 auto;
}
.footersocialmeidalinks li img {
	width: 100%;
}
.footercopyrightmsg {
	text-align: center;
	padding: 20px 0;
}
.footercopyrightmsg p,.footercopyrightmsg p a {
	color: #ddd;
	font-family: 'Raleway', sans-serif;
	font-size: 0.8em;
	text-decoration: none;
}

@media screen and (max-width: 600px) {
    .containerbox {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .ourvaluewrapperpanel, .milestonehead,.milesstonewrapper {
        width: 80% !important;
        margin: 0 auto;
    }    
}
/* Service Page */
#security-service {
	margin-top: -10px;
	background: #181818;
}
#headerwrapper-secu {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 111;
}
#headerwrapper-secu::after {
content: "";
display: block;
width: 100%;
height: 20px;
position: absolute;
bottom: 0px;
background: url('../images/sercurityserviceundre.png');

}
@media screen and (min-width: 600px) {
    #headerwrapper-secu::after {
        content: "";
        display: block;
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 7px;
        background: url('../images/sercurityserviceundre.png');
    }    
}
.headersecurity-pa {
	position: relative;
}
.headersecurity-pa img {
	width: 100%;
    height: 300px;
}
@media screen and  (min-width: 768px) {
    .headersecurity-pa img {
        height: auto;
    }    
}
.securityviewleft img {
	width: 100%;
	height: 700px;
}
.headerimagepage-caption {
	position: absolute;
	left: 30%;
	top: 350px;
}
@media screen and (max-width: 600px) {
    .headerimagepage-caption {
    	left: 10%;
    	top: 350px;
    }
}
@media screen and (min-width: 992px) {
   .headerimagepage-caption {
	position: absolute;
	left: 50%;
	top: 350px;
    } 
}
.headerimagepage-caption h2, .headerimagepage-caption2 h2 {
    font-family: 'Kodchasan', sans-serif;
    color: #dc2525;
    font-size: 2em;
    text-transform: uppercase;
} 
@media screen and (min-width: 992px) {
    .headerimagepage-caption h2, .headerimagepage-caption2 h2 {
        font-size: 4em;

    }   
}

.headerimagepage-caption2 h2 {
    padding-left: 100px;
}
.securityserwrapper {
	display: grid;
	grid-template-columns: repeat(1, 100%);
	align-items: center;
}
@media screen and (min-width: 768px) {
    
}
@media screen and (min-width: 768px) {
    .securityserwrapper {
    	display: grid;
    	grid-template-columns: repeat(2, 45% 55%);
    	align-items: center;
    }    
}
.securityrightservice {
	background: #181818;
	position: relative;
	z-index: 111;
}
.sercuirycontentwrapper {
	padding: 50px 30px;
}
.securitycontentheader h2 {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-size: 1.2em;
	text-transform: capitalize;
	font-weight: 400;
}
.securitycontenttext p {
	padding: 30px 0;
	line-height: 25px;
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-size: 0.9em;
	text-transform: capitalize;
	font-weight: 400;
}
.securitycontentlists p {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-size: 0.9em;
	text-transform: capitalize;
	font-weight: 400;
	line-height: 25px;
}
.securityleftservice {
	position: relative;
}
.securityleftservice::before {
    content: "";
    display: block;
    width: 150px;
    height: 800px;
    position: absolute;
    background: #181818;
    transform: rotate(12deg);
    right: -73px;
    top: -2em;
}
@media screen and (max-width: 768px) {
    .securityleftservice::before {
        display: none;
    }
}
.headerimagepage-caption2 {
	position: absolute;
    top: 350px;
}
#securityserrow2 {
	margin-top: -10px;
	position: relative;
	z-index: 1111;
}
#security-service2 {
	position: relative;
	margin-top: -10px;
	z-index: 111;
	background: #181818;
}
.securityleftservice2 {
	position: relative;
}
.securityleftservice2::after {
	position: absolute;
	content: "";
	display: block;
	width: 200px;
	height: 800px;
	background: #181818;
	transform: rotate(-12deg);
	top: -4em;
	left: -5em;
}
@media screen and (max-width: 768px){
    .securityleftservice2::after {
        display: none;
    }
}
.securityrightservice2 {
	margin: 0;
}
@media screen and (min-width: 992px) {
    .securityrightservice2 {
    	margin: 0 100px 0;
    }    
}
#securityuniforms {
	width: 100%;
	height: auto;
	position: relative;
}
#securityuniforms::before {
	display: block;
	content: "";
	width: 100%;
	height: auto;
	position: absolute;
	background: #911919;
	left: 0;
	right: 0;
	padding: 5px 0;
	top: 0px;
	z-index: 1111;
}
.securityuniformshead {
	width: 100%;
	height: auto;
	background: #dc2525;
	padding: 200px 0;
	position: relative;
	z-index: 222;
}
.securityuniformshead::before {
	display: block;
	width: 100%;
	content: '';
	position: absolute;
	top: -268px;
	background: #911919;
	padding: 152px 0;
	clip-path: polygon(0px 91%, 100% 91.1%, 100% 100%, 0.42% 91.78%);
	-webkit-clip-path: polygon(0px 91%, 100% 91.1%, 100% 100%, 0.42% 91.78%);
}
.securityuniformsbody {
	width: 100%;
	padding: 200px 0;
	position: relative;
	background: #911919;
}
.secboxssevicelists {
	width: 80%;
	margin: 0 10%;
	position: absolute;
    top: 100px;
    grid-gap: 3em;
    z-index: 3333;
}
.securityuniformbox {
	width: 80%;
	margin: 0 10%;
	height: 500px;
	background: #fff;
}
/*.testimonial {
	width: 80% !important;
	margin: 0 10% !important;
}*/
.pic img {
	width: 90% !important;
	margin: 0 5%;
	height: 600px !important;
	position: relative;
	top: -1em;
	object-fit: cover !important;
}
.testimonial{ margin: 0 20px 50px; position: relative; overflow: hidden; }


.owl-theme .owl-controls{
    margin-top: 10px;
    margin-left: 30px;
}
.owl-theme .owl-controls .owl-buttons div{
    opacity: 0.8;
    background: #fff;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 20px;
    color: #1f487e;
}
/*.owl-next:before{ content: "\f054"; }	*/
.owl-next > span {
    font-size: 5em;
    color: #fff;
    top: 200px;
    position: absolute;
    right: 0;
}
.owl-prev > span {
    font-size: 5em;
    color: #fff;
    top: 200px;
    position: absolute;
    left: 0;
}
.testimonial-profile {
	position: absolute;
    top: 92%;
    text-align: center;
    left: 0;
    right: 0;
    background: #dc2525;
    width: 90%;
    left: 5%;
    padding: 13px 0px;
}
.title {
	color: #fff;
	font-family: 'Raleway', sans-serif;
    font-size: 1.2em;
    text-transform: capitalize;
    font-weight: 400;
}
.milestonesfooter {
	width: 100%;
	height: auto;
	padding: 30px 0;
	background: #181818;
}
.milestonelistboxs {
	display: grid;
	grid-template-columns: repeat(1, 100%);
}
@media screen and (min-width: 768px) {
    .milestonelistboxs {
    	display: grid;
    	grid-template-columns: repeat(3, 33.3%);
    }    
}
.milestonehead h2 {
	color: #fff;
	font-family: 'Raleway', sans-serif;
    font-size: 1.5em;
    line-height: 25px;
    font-weight: 400;	
    padding: 20px 0;
}
.milistbox p {
	color: #fff;
	font-family: 'Raleway', sans-serif;
    font-size: 1em;
    line-height: 25px;
    justify-content: space-between;
    text-transform: capitalize;
    font-weight: 400;	
}
#aboutus-page {
	width: 100%;
	height: 100vh;
	background: url('../images/aboutusheader.jpg') center center / cover no-repeat;
	position: relative;
	z-index: 111;
}
.aboutpagetitlepos {
	position: relative;
}
.aboutpageheadinner {
    display: none;
}
@media screen and (min-width: 992px) {
    .aboutpagetitlepos::before {
    	position: absolute;
        content: "";
        display: block;
        width: 500px;
        height: 100vh;
        padding: 50px 0;
        background: #181818;
        right: 66px;
        top: 101px;
        -webkit-clip-path: polygon(93% 0, 100% 0, 100% 100%, 56% 100%);
        clip-path: polygon(93% 0, 100% 0, 100% 100%, 56% 100%);
    }
    .aboutpagetitlepos::after {
    	position: absolute;
    	content: "";
    	display: block;
    	width: 100px;
    	height: 100vh;
    	background: #181818;
    	top: 101px;
    	right: 0;
    }
    .aboutpageheadinner {
        display: block;
        position: absolute;
        top: 80vh;
        right: 3%;
        z-index: 1111;
        display: grid;
        grid-template-columns: repeat(2, 30% 50%);
        grid-gap: 1em;
        align-items: center;
    }    
}


.aboutustitlehead h2 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
}
.aboutuspageicon i  {
    color: #fff;
    font-size: 2em;
    border: 1px solid transparent;
    background: #dc2525;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    font-weight: 600;
}
#aboutus-wrapper {
	position: relative;
	background: #181818;
	width: 100%;
	height: auto;
}
.aboutuswrappanel {
	display: grid;
	grid-template-columns: repeat(1, 100%);
	margin:  0 10%;
	padding: 50px 0;
	align-items: center;
}
@media screen and (min-width: 992px) {
    .aboutuswrappanel {
    	display: grid;
    	grid-template-columns: repeat(2,45% 55%);
    	align-items: center;
    	padding: 0;
    	margin: 0;
    }
    #aboutus-wrapper {
    	height: 100%;
    }
}

/*@media screen and (min-width: 992px) {*/
    .aboutuswrapleft {
    	width: 100%;
    	background: url('../images/aboutuspage.jpg') center center / cover no-repeat;
        display: block;
    	height: 500px;
    	object-fit: cover;
    }    


@media screen and (min-width: 992px) {
    .aboutuswrapleft {
        height: 700px;
    }
}
.aboutuspagewrap {
	padding: 0 50px;
}
.aboutushead h2 {
	font-family: 'Raleway', sans-serif;
	color: #dc2525;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.5em;
	padding: 30px 0;
}
.aboutuscontent p {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	font-weight: 500;	
	font-size: 0.9em;
	margin: 30px 0;
	text-indent: 50px;
	line-height: 20px;
}
.aboutuswrapleft {
	position: relative;
	
}
@media screen and (min-width: 992px) {
    .aboutuswrapleft::after {
    	content: "";
    	display: block;
    	width: 200px;
    	height: 800px;
    	background: #181818;
    	position: absolute;
    	right: -5em;
    	transform: rotate(12deg);
    }    
}

.aboutuswrapright {
	position: relative;
}

.aboutuswrapleft::before {
	content: "\f106";
	display: none;
	color: #fff;
	position: absolute;
	width: 40px;
	height: 40px;
	background: #dc2525;
	text-decoration: inherit;
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	font-size: 2em;
	bottom: 3em;
	right: 4.5em;
	z-index: 11;
}
@media screen and (min-width: 992px) {
    .aboutuswrapleft::before {
        display: block;
    }
}
/* */
*{
	margin: 0;
	padding: 0;
	border: 0;
}
.single_gallery img {
    width: 100%;
    height: 500px;
    object-fit:cover;
}
#main_gallery{
	width: 100%;
	height: auto;
	background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 100%),url('../images/25_gallery3.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 150px 0;
}
.main_gallery_container{
	width: 60%;
	height: auto;
	margin: 0 auto;
}
.main_gallery_header i{
	color: #dc2525;
	font-style: normal;
}
.main_gallery_header sup {
	font-size: 0.8em !important;
}
.main_gallery_header h2{
	text-align: center;
	letter-spacing: 3px;
	color: #fff;
	font-size: 5em;
	font-weight: 400;
	font-family: 'Raleway', sans-serif
}
.main_gallery_header{
	padding: 100px 0;
	position: relative;
}
.main_gallery_header p{
	color: #fff;
	font-size: 1.2em;
	position: absolute;
	right: 7em;
	font-family: 'Raleway', sans-serif
}
#security_gallery{
	width: 100%;
	height: auto;
	background-color: #000;
}
.security_gallery_container{
	padding: 50px 0 0;
}
.single_gallery img{
	width: 100%;
}
.security_gallery_top_wraper{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.security_gallery_bottom_wraper{
	display: flex;
	justify-content: space-between;
}
@media screen and (min-width: 600px) {
	.security_gallery_top_wraper > div {
		width: 32%;
		padding: 8px 0 0 0;
		height: auto;
	}	
}
@media screen and (min-width: 992px) {
	.security_gallery_top_wraper > div {
		width: 23%;
		padding: 8px 0 0 0;
		height: auto;
	}	
}
@media screen and (min-width: 1200px) {
	.security_gallery_top_wraper > div {
		width: 19%;
		padding: 8px 0 0 0;
		height: auto;
	}	
}
.security_gallery_top_wraper > div img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.security_gallery_top_wraper {
	padding-bottom: 50px;
}
/*.one_img {
	width: 19%;
}
.two_img {
	width: 19%;
}
.three_img {
	width: 19%;
}
.four_img {
	width: 19%;
}
.five_img {
	width: 19%;
}
.one_img img{
	width: 100%;
}
.two_img img{
	width: 100%;
}
.three_img img{
	width: 100%;
}
.four_img img{
	width: 100%;
}
.five_img img{
	width: 100%;
}*/
@media screen and (max-width: 600px){
	.main_gallery_container{
		width: 90%;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	.main_gallery_header{
		padding: 0;
		padding-top: 60px;
	}
	.main_gallery_header i{
		font-size: 1.3em;
	}
	.main_gallery_header h2{
		font-size: 1em;
	}
	.main_gallery_header {
	    text-align: center;
	}
	.main_gallery_header p{
		font-size: 1em;
		text-align: center;
   		/*margin-top: -12px;*/
	}
	.security_gallery_container{
		width: 90%;
		margin: 0 5%;
	}
	.security_gallery_top_wraper{
		display: block;
		padding-top: 27px;
	}
	.one_img{
		width: 100%;
	}
	.two_img{
		width: 100%;
		padding-top: 27px;
	}
	.three_img{
		width: 100%;
		padding-top: 27px;
	}
	.four_img{
		width: 100%;
		padding-top: 27px;
	}
	.five_img{
		width: 100%;
		padding-top: 27px;
	}
	.security_gallery_bottom_wraper{
		display: block;
		padding-top: 27px;
	}
	.single_gallery{
		padding-top: 18px;
	}
}
/*contact page css*/

#contact_page{
	width: 100%;
	height: auto;
	padding: 50px 0;
	background-color: #1e1d1d;
}
.contact_page_container{
	padding: 100px 0;
}

@media screen and (min-width: 768px) {
    .contact_page_wraper{
    	display: flex;
    	justify-content: space-between;
    }    
}
.contact_page_left_panel{
	width: 40%;
}
.contact_page_right_panel{
	width: 30%;
}
.contact_left_header h2{
	color: #fff;
	border-bottom: 2px solid red;
	font-size: 1.5em;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	display: flex;
	padding-right: 15px;
}
.contactpanelheader h2 {
    color: #fff;
	border-bottom: 2px solid red;
	font-size: 1.5em;
	font-weight: 400;
	font-family: 'Raleway', sans-serif;
	padding-right: 10px;
	display:flex;
	position: relative;
	width: 120px;
}
.contatpage_address_title p {
    color: #fff;
	font-size: 0.8em;
	font-weight: 400;
	padding: 30px 0 0;
	font-family: 'Raleway', sans-serif;    
}
.contactpanelheader h2:after {
    content: "";
    display: flex;
    background: red;
    position: absolute;
    height: 2px;
    width: calc(100% + 20px);
    top: 35px;
}
.contact_left_header_desc p{
	color: #fff;
	font-size: 1em;
	padding: 20px 0;
}
.contact_left_location_wraper{
	display: flex;
}
.location_icon i{
	font-size: 2.3em;
	color: #fff;
	padding-right: 25px;
}
.location_desc h2{
	color: #fff;
	font-size: 1.5em;
}
.location_desc p{
	color: #fff;
	font-size: 1em;
}
.contact_left_phone_wraper{
	display: flex;
}
.phone_icon i{
	color: #fff;
	font-size: 2.3em;
	padding-right: 35px;
}
.phone_desc h2{
	color: #fff;
	font-size: 1.5em;
}
.contact_left_header{
	display: flex;
	border-bottom: 2px solid red;
    padding-bottom: 5px;
    width: 65%;
}
.phone_desc p{
	color: #fff;
	font-size: 1em;
}
.contact_left_email_wraper{
	display: flex;
}
.email_icon i{
	color: #fff;
	font-size: 2.3em;
    padding-right: 25px;
}
.email_desc h2{
	color: #fff;
	font-size: 1.5em;
}
.email_desc p{
	color: #fff;
	font-size: 1em;
}
@media screen and (max-width: 600px){
	.contact_page_container{
		/*width: 90%;*/
	}
	.contact_page_wraper{
		width: 80%;
		margin: 0 auto;
	}
	.contact_page_left_panel{
		width: 100%;
	}
	.contact_left_header{
		width: 50%;
		border-bottom: 1px solid red;
	}
	.contact_page_right_panel{
		padding-top: 50px;
	}
}
/*   */
.contactpagebox {
    display: grid;
    grid-template-columns: repeat(2, 50px auto);
    align-items: center;
    padding: 20px 0;
    grid-gap: 2em 1.5em;
}
.newcontactpage_left {
    width: 100%;
}
.contactpagebox {
    transition: all .3s ease;
}
.mail-lists a {
    display: block;
    text-decoration: none;
    color: #fff;
}
.mailaddre a {
    display: block;
    text-decoration: none;
    color: #fff;
}
@media screen and (min-width: 992px) {
    .newcontactpage_left {
        width: 50%;
    }    
}
.contactpageaddressicon i {
    font-size: 50px;
    color: #fff;
}
.contactpageadd_info h2 {
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 1em;
    letter-spacing: 1px;
    padding-bottom: 5px;
}
.contactpageadd_info p {
    padding: 2px 0;
    font-size: 0.8em;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
}
/* New update for home page */
/* =====================
    Our Partners
=========================*/
#ourparteners {
    width: 100%;
    height: auto;
    padding: 30px 0;
    background: #181818;
}
.testimonial-home {
    width: 150px;
}
.ourpartnerinfopanel > #testimonial-slider {
    width: 80%;
    margin: 0 15%;
    padding: 50px 0 0 0;
}
.owl-nav {
    display: none !important;
}
@media screen and (min-width: 992px) {
    .owl-nav {
        display: block !important;
    }   
}
#testimonial-slider > .owl-nav > .owl-prev > span {
    position: absolute;
    top: 234px !important;
    left: -80px;
}
#testimonial-slider > .owl-nav > .owl-next > span {
    position: absolute;
    top: 234px !important;
    right: -60px;
}
.newcontactpage_righ > iframe {
    width: 100%;
    margin: 0 auto;
    height: 500px;
}
@media screen and (min-width: 768px) {
    .newcontactpage_righ {
        width: 500px;
       
    }   
}
.contactpageaddressicon, .contactpageaddressicon i  {
    transition: all .1s ease;    
}
.contactpagebox:hover .contactpageaddressicon {
    border: 1px solid #dc2525;
    background:#dc2525 ;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transition: all .1s ease;
}
.contactpagebox:hover .contactpageaddressicon i {
    font-size: 1.8em;
    display: flex;
    justify-content: center;
    transition: all .3s ease;
    line-height: 50px;
}

/* Gallery Slider */
        /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssora106 {display:block;position:absolute;cursor:pointer;}
        .jssora106 .c {fill:#fff;opacity:.3;}
        .jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
        .jssora106:hover .c {opacity:.5;}
        .jssora106:hover .a {opacity:.8;}
        .jssora106.jssora106dn .c {opacity:.2;}
        .jssora106.jssora106dn .a {opacity:1;}
        .jssora106.jssora106ds {opacity:.3;pointer-events:none;}

        .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
        .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
        .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
        .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
        .jssort101 .p:hover{padding:2px;}
        .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
        .jssort101 .p:hover.pdn{padding:0;}
        .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
        .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
        .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
        .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
        .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
        
        
code.mai {
    color: #485649;
    font-size: 1.2em;
    font-weight: 600;
}