p {

	font-size: 15px;

	line-height: 22.4px;

	color: #6c7279;

	text-align: justify;

}

h1 {

	font-size: 65px;

	color: #2d3033;

}

h2 {

	font-size: 22px;

	color: #2d3033;

	font-weight: 600;
	text-transform:capitalize;

}

h3 {

	font-size: 18px;

	color: #2d3033;

	font-weight:600;



}

h4 {

	font-size: 22px;

	color: #2d3033;

	font-weight: 400;

}

h5 {

	font-size: 14px;

	color: #2d3033;

	text-transform: uppercase;

	font-weight: 700;

}

.btn {

	background-color: #fd1a1e;

	color: #fff;

	font-size: 13px;

	font-weight: 600;

	border: 0;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	display: inline-block;

	text-transform: uppercase;

}

.btn:hover, .btn:focus {

	background-color: #3d3d3d;

	color: #fff;
l
}

.btn-large {

	padding: 15px 40px;

}

/* ------------------------------------------------------------------------------

	Global Styles

-------------------------------------------------------------------------------*/

a {

	color: #e84545;

}

a:hover, a:focus {

	text-decoration: none;

	-moz-transition: background-color, color, 0.3s;

	-o-transition: background-color, color, 0.3s;

	-webkit-transition: background-color, color, 0.3s;

	transition: background-color, color, 0.3s;

}

body {

	font-family: "Open Sans", Arial, sans-serif;

	font-weight: 400;

	color: #6c7279;

}

ul, ol {

	margin: 0;

	padding: 0;

}

ul li {

	list-style: none;

}

.section {

	padding: 45px 0;

}

.no-padding {

	padding: 0;

}

.no-gutter [class*=col-] {

	padding-right: 0;

	padding-left: 0;

}

.space {

	margin-top: 60px;

}

/* ------------------------------------------------------------------------------

	Header

-------------------------------------------------------------------------------*/

#header {

	position: fixed;

	width: 100%;

	z-index: 999;

}

#header .header-content {

	margin: 0 auto;

	max-width: 1170px;

	padding:20px 0;

	width: 100%;

	-moz-transition: padding 0.3s;

	-o-transition: padding 0.3s;

	-webkit-transition: padding 0.3s;

	transition: padding 0.3s;

	line-height:78px;

}

#header .logo {

	float: left;

	font-size:24px;

	font-weight:700;

	color:#fff;

	text-decoration:none;

	text-transform:uppercase;

	letter-spacing:7px;

	background:url("../images/genix-logo.png") no-repeat right top ;

	height: 70px;

    width: 171px;

}

#header.fixed {

	background-color: #fff;

	border-bottom: 1px solid #EDEDED;

}



#header.fixed .logo {

	background-color: #c2c2c2;

	background:url("../images/genix-logo-fixed.png") no-repeat right top ;

    width: 133px;

	height: 60px;

	margin-top: 12px;

}





#header.fixed a {

	color: #000;

}

#header.fixed .header-content {

	border-bottom: 0;

	padding: 2px 0 0 0;

}

#header.fixed .nav-toggle {

	top: 18px;

	color: #000;

}

.navigation.open {

	opacity: 0.9;

	visibility: visible;

	-moz-transition: opacity 0.5s;

	-o-transition: opacity 0.5s;

	-webkit-transition: opacity 0.5s;

	transition: opacity 0.5s;

}

.navigation {

	/*float: right;*/

	text-align: center;

}

.navigation li {

	display: inline-block;

}

.navigation a {

	color: rgba(255, 255, 255, 0.75);

	font-size: 13px;

	font-weight: 700;

	margin-left: 40px;

	text-transform: uppercase;

}

.navigation a:hover, .navigation a.active {

	color: #fff;

}

.nav-toggle {

	display: none;

	height: 44px;

	overflow: hidden;

	position: fixed;

	right: 5%;

	text-indent: 100%;

	top: 32px;

	white-space: nowrap;

	width: 44px;

	z-index: 99999;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

}

.nav-toggle:before, .nav-toggle:after {

	border-radius: 50%;

	content: "";

	height: 100%;

	left: 0;

	position: absolute;

	top: 0;

	width: 100%;

	-moz-transform: translateZ(0);

	-ms-transform: translateZ(0);

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-webkit-transition-property: -webkit-transform;

	transition-property: transform;

}

.nav-toggle:before {

	/*background-color: #fcb040;*/

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-webkit-transform: scale(1);

	transform: scale(1);

	-moz-transition-duration: 0.3s;

	-o-transition-duration: 0.3s;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

}

.nav-toggle:after {

	background-color: #ed1c24;

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-webkit-transform: scale(0);

	transform: scale(0);

	-moz-transition-duration: 0s;

	-o-transition-duration: 0s;

	-webkit-transition-duration: 0s;

	transition-duration: 0s;

}

.nav-toggle span {

	background-color: #000;

	bottom: auto;

	display: inline-block;

	height: 3px;

	left: 50%;

	position: absolute;

	right: auto;

	top: 50%;

	width: 18px;

	z-index: 10;

	-moz-transform: translateX(-50%) translateY(-50%);

	-ms-transform: translateX(-50%) translateY(-50%);

	-webkit-transform: translateX(-50%) translateY(-50%);

	transform: translateX(-50%) translateY(-50%);

}

.nav-toggle span:before, .nav-toggle span:after {

	background-color: #000;

	content: "";

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

	-moz-transform: translateZ(0);

	-ms-transform: translateZ(0);

	-webkit-transform: translateZ(0);

	transform: translateZ(0);

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-transition: -moz-transform 0.3s;

	-o-transition: -o-transform 0.3s;

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;

}

.nav-toggle span:before {

	-moz-transform: translateY(-6px) rotate(0deg);

	-ms-transform: translateY(-6px) rotate(0deg);

	-webkit-transform: translateY(-6px) rotate(0deg);

	transform: translateY(-6px) rotate(0deg);

}

.nav-toggle span:after {

	-moz-transform: translateY(6px) rotate(0deg);

	-ms-transform: translateY(6px) rotate(0deg);

	-webkit-transform: translateY(6px) rotate(0deg);

	transform: translateY(6px) rotate(0deg);

}

.nav-toggle.close-nav:before {

	-moz-transform: scale(0);

	-ms-transform: scale(0);

	-webkit-transform: scale(0);

	transform: scale(0);

}

.nav-toggle.close-nav:after {

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-webkit-transform: scale(1);

	transform: scale(1);

}

.nav-toggle.close-nav span {

	background-color: rgba(255, 255, 255, 0);

}

.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {

	background-color: #fff;

}

.nav-toggle.close-nav span:before {

	-moz-transform: translateY(0) rotate(45deg);

	-ms-transform: trans7

lateY(0) rotate(45deg);

	-webkit-transform: translateY(0) rotate(45deg);

	transform: translateY(0) rotate(45deg);

}

.nav-toggle.close-nav span:after {

	-moz-transform: translateY(0) rotate(-45deg);

	-ms-transform: translateY(0) rotate(-45deg);

	-webkit-transform: translateY(0) rotate(-45deg);

	transform: translateY(0) rotate(-45deg);

}

/* ------------------------------------------------------------------------------

	Banner

-------------------------------------------------------------------------------*/



.banner {

	/*background-image: url(../images/genix-lab.jpg);*/

	background-position: center top;

	background-repeat: no-repeat;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

	/*height:760px;*/

	background-attachment:fixed;

		

}



.home .banner-text {

	padding-top: 40vh;

}





.banner-text {

	padding-top: 20vh;

}

.banner-text h1 {

	color: #fff;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 45px;

	font-weight: 700;

	/*text-transform: uppercase;*/

	text-shadow: 2px 2px #494949;

	text-align: center;

}

.banner-text p {

	color: rgba(255, 255, 255, 0.60);

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-top: 30px;

	margin-bottom: 80px;

}





.about .banner {

	background-image: url(../images/about-header-inner.jpg);

	background-position: center top;

	background-repeat: no-repeat;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

	height:760px;

	background-attachment:fixed;

		

}

.banner-text {

	padding-top: 20vh;

}

.about .banner-text h1 {

	color: #fff;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 45px;

	font-weight: 700;

	/*text-transform: uppercase;*/

	text-shadow: 2px 2px #494949;

	text-align: center;

}

.about .banner-text p {

	color: rgba(255, 255, 255, 0.60);

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-top: 30px;

	margin-bottom: 80px;

}



.abouttxt.redtop .redbg{top:-60px!important;}



.contact .banner {

	background-image: url(../images/contact-top-img.jpg);

	background-position: center -97px;

	background-repeat: no-repeat;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;



	background-attachment:fixed;

		

}



.contact .banner-text h1 {

	color: #fff;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 45px;

	font-weight: 700;

	/*text-transform: uppercase;*/

	text-shadow: 2px 2px #494949;

	text-align: center;

}

.contact .banner-text p {

	color: rgba(255, 255, 255, 0.60);

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-top: 30px;

	margin-bottom: 80px;

}







.product .banner {

	background-image: url(../images/product-inner-bg.jpg);

	background-position: center top;

	background-repeat: no-repeat;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

	height:370px;

	background-attachment:fixed;

		

}



.product .banner-text h1 {

	color: #fff;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 45px;

	font-weight: 700;

	/*text-transform: uppercase;*/

	text-shadow: 2px 2px #494949;

	text-align: center;

}

.product .banner-text p {

	color: rgba(255, 255, 255, 0.60);

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-top: 30px;

	margin-bottom: 80px;

}









.careers .banner {

	background-image: url(../images/genix-hr-inner.jpg);

	background-position: center top;

	background-repeat: no-repeat;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

	background-attachment:fixed;

		

}



.careers .banner-text h1 {

	color: #fff;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 45px;

	font-weight: 700;

	/*text-transform: uppercase;*/

	text-shadow: 2px 2px #494949;

	text-align: center;

}

.careers .banner-text p {

	color: rgba(255, 255, 255, 0.60);

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-top: 30px;

	margin-bottom: 80px;

}









.gp .banner {

	background-image: url(../images/global-presence.jpg);

	background-position: center -45px;

	background-repeat: no-repeat;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

	background-attachment:fixed;

		

}



.gp .banner-text h1 {

	color: #fff;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 45px;

	font-weight: 700;

	/*text-transform: uppercase;*/

	text-shadow: 2px 2px #494949;

	text-align: center;

}

.gp .banner-text p {

	color: rgba(255, 255, 255, 0.60);

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-top: 30px;

	margin-bottom: 80px;

}

.paddig-space label {

    padding-left: 22px;
    margin-top: 7px;

}



.life .banner {

	background-image: url(../images/lifeatgenix-inner.jpg);

	background-position: center top;

	background-repeat: no-repeat;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

	background-attachment:fixed;

		

}




.life .banner-text h1 {

	color: #fff;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 45px;

	font-weight: 700;

	/*text-transform: uppercase;*/

	text-shadow: 2px 2px #494949;

	text-align: center;

}

.life .banner-text p {

	color: rgba(255, 255, 255, 0.60);

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-top: 30px;

	margin-bottom: 80px;

}






.safety .banner {

	background-image: url(../images/safety.jpg);

	background-position: center top;

	background-repeat: no-repeat;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

	background-attachment:fixed;

		

}




.safety .banner-text h1 {

	color: #fff;

	font-family: "Open Sans", Arial, sans-serif;

	font-size: 45px;

	font-weight: 700;

	/*text-transform: uppercase;*/

	text-shadow: 2px 2px #494949;

	text-align: center;

}

.safety .banner-text p {

	color: rgba(255, 255, 255, 0.60);

	font-size: 16px;

	font-weight: 400;

	line-height: 24px;

	margin-top: 30px;

	margin-bottom: 80px;

}








.facility .banner {

	background-image: url(../images/facility-header.jpg);

	background-position: center top;

	background-repeat: no-repeat;

	-moz-background-size: cover;

	-o-background-size: cover;

	-webkit-background-size: cover;

	background-size: cover;

	height:760px;

	background-attachment:fixed;

	

		

}



/* ==========================================================================

	$intro

========================================================================== */

.intro {

	background-color: rgba(0, 102, 179,0.7);

}

.intro h3 {

	color: #fff;

	margin-top: 0;

}

.intro p {

	

	color:#fff;

	font-weight: 400;

}

/* ------------------------------------------------------------------------------

	About

-------------------------------------------------------------------------------*/

.aboutus-section {

	padding-top: 100px;

	

}

.aboutus {



}

.aboutus-content {

	padding: 0 15px;

	margin-top: 30px;

}

.aboutus .icon {

	color:#fcb040;

	font-size: 50px;

	padding-left: 15px;

}



.abouttxt{z-index:2;

position: relative;



}







/* ------------------------------------------------------------------------------

	About

-------------------------------------------------------------------------------*/

.product-section {

	padding-top: 100px;

	

}



.product-content {

	padding: 0 15px;

	margin-top: 30px;

}

.aboutus .icon {

	color:#fcb040;

	font-size: 50px;

	padding-left: 15px;

}



.producttxt{z-index:2;

position: relative;



}




hr {margin: 25px 0;}




/* ------------------------------------------------------------------------------

	 Footer

-------------------------------------------------------------------------------*/

.footer {

	text-align: left;

	/*margin-top: 20px;*/

	background-color: #181818;

}

.footer-top {

	/*background-color: #181818;*/

	padding-top: 50px;
	margin-top: 20px;

}

.footer-bottom {

	background-color: #313454;

	padding: 20px 0;

}

.footer .footer-col {

	margin-bottom: 80px;

}

.footer h5 {

	color: #fff;

}

.footer h5 {

	margin-bottom: 20px;

}

.footer p {

	color:#a5a5a5;

}

.footer a {

	color:#a5a5a5;

}

.footer a:hover {

	color: #da0009;

}

.footer .footer-share {

	margin-top: 0;

}

.footer .footer-share li {

	display: inline-block;

	float: none;

}

.footer .footer-share a {

	border: none;

	font-size: 21px;

	color: rgba(255, 255, 255, 0.25);

}

.footer .fa-heart {

	color: #e84545;

	font-size: 11px;

	margin: 0 2px;

}

.aboutbg{background:url("../images/banner.jpg") no-repeat right top ;

background-attachment:fixed;

background-position: center;

background-size: cover;

}

.footer ul li{    text-transform: uppercase;

    font-size: 12px;

    margin-bottom: 4px;}

.google{position:relative;margin-bottom: 14px;}

.google:after{content:'Google Certified';font-size: 10px;top: 24px;position: absolute;left: 70px; color:#a5a5a5;}

/*header- video*/

.home-background-video {

    position: absolute;

    width: 100%;
	bottom:0;
    left: 0;

    z-index: 0;

}



.parallax-product{

	

	min-height: 800px;

	height: 100vh;

    background: transparent;

	padding: 25vh 0 0 0vh;

	/*padding:34vh 0 0 20vh;*/

	/*background-image: url(../images/productbg.jpg);*/

	background-attachment: fixed;

		-webkit-background-size: cover;

	-moz-background-size: cover;

	

	

}



.parallax-about{

    min-height: 800px;

	height: 100vh;

    background: transparent;

	padding: 25vh 0 0 0vh;

	/*background-image: url(../images/about-header-mainpage.jpg);*/

	background-attachment: fixed;

	-webkit-background-size: cover;

	-moz-background-size: cover;

}



.parallax-corporate{

	min-height: 800px;

	height: 100vh;

    background: transparent;

	padding: 25vh 0 0 0vh;

	/*background-image: url(../images/corporatebg.jpg);*/

	background-attachment: fixed;

		-webkit-background-size: cover;

	-moz-background-size: cover;

	

	

}



.parallax-lifeatgenix{

	min-height: 815px;

	height: 100vh;

    background: transparent;

	padding: 20vh 0 0 0vh;

	/*background-image: url(../images/lifeatgenixbg.jpg);*/

	background-attachment: fixed;

		-webkit-background-size: cover;

	-moz-background-size: cover;

	

	

}
.test {
    background-image: url('safety.jpg');
}
.parallax-safety{

	min-height: 815px;

	height: 100vh;

    background: transparent;

	padding: 20vh 0 0 0vh;

	/*background-image: url(../images/lifeatgenixbg.jpg);*/

	background-attachment: fixed;

		-webkit-background-size: cover;

	-moz-background-size: cover;

	

	

}





section{padding:0!important; margin:0!important;}

/*.parallax-mirror{top:9px!important}*/

.primary-nav .fa-facebook{background-color: #4267b2;

    padding: 10px 11px 6px 11px;

    border-radius: 50%;

	color:#fff;

	}

/*.redbg{background-color:#ed1c24 ;padding: 40px; top:80px;}*/



.redbg{background-color:rgba(255, 0, 0, 0.7)!important;;padding: 40px; top:0px;}





.redbg a{

	border: 1px solid #d00008;

   	padding: 5px 14px;

	color:#fff;

	background-color: #a10007;

}



.redbg a:hover{background-color:#000;background-color: #8c1000;color: #fff;}

.txtwhite p, .txtwhite h3{color:#fff;}

.nopad{padding:0px;}

.about-header{background-image: url(../images/about-header-mainpage.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    -moz-background-size: cover;

    -o-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

    min-height: 580px;

    background-attachment: fixed;

	margin-bottom: 20px !important;

}

.abouttopimg{position: relative;top:-60px;}

.aboutus-video img{width:100%}







.product-header{background-image: url(../images/productbg.jpg);

    background-position: center top;

    background-repeat: no-repeat;

    -moz-background-size: cover;

    -o-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

    min-height: 580px;

    background-attachment: fixed;

	margin-bottom: 20px !important;

}

.producttopimg{position: relative;top:-60px;}

.product-video img{width:100%}

.animated{-webkit-animation-fill-mode: backwards!important;} 

.productimg{position:relative; top:-60px;}

.carousel-control.right{background-image:none;}

.carousel-control.left{background-image:none;}



.glyphicon-chevron-right:before, .glyphicon-chevron-left:before{

    color: #000;

}



/*Loader*/



/*---------------------------------------

    Preloader section              

-----------------------------------------*/

.preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  display: flex;

  flex-flow: row nowrap;

  justify-content: center;

  align-items: center;

  background: none repeat scroll 0 0 #ffffff;

}



.sk-rotating-plane {

  width: 50px;

  height: 50px;

  background-color: #222;

  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;

          animation: sk-rotatePlane 1.2s infinite ease-in-out; }



@-webkit-keyframes sk-rotatePlane {

  0% {

    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {

    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {

    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }



@keyframes sk-rotatePlane {

  0% {

    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);

            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }

  50% {

    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }

  100% {

    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }





.triangle{

    width: 100px;

    height: 100px;

    background: red;

    left:50%;

    position: absolute;

}



.director{background:url(../images/directorimg.jpg) no-repeat;

    height: 65vh;

    background-attachment: fixed;

    top: 0px;

    background-position-y: 45px;

	background-position-x: center;

	background-size: cover;



}

.hr{border:1px solid #c2c2c2;}

.dirbox img:after{border:1px solid #c2c2c2;}

.padtb20{padding:15px;}

.border-redbg{background-color: #ec1e26;padding: 12px;border: 1px solid #bb0000; color: #fff;}

.social-inline div{float: left;margin-right: 18px;font-size: 18px; border: 1px solid #232323;padding: 5px 8px;width: 40px;text-align: center;}

.social-inline .f:hover{background-color:#4267b2; color:#000;}

.social-inline .t:hover{background-color:#1da1f2; color:#000;}

.social-inline .l:hover{background-color:#00659A; color:#000;}

.social-inline .y:hover{background-color:#f00; color:#fff;}

.red-box{background-color: #fd1a1e; position: relative; top: -100px; left: 70px; padding: 90px 30px; color: #fff;}

.grayborder{border: 1px solid #f0f0f0; box-shadow: 1px 0px 1px 0px #d0d0d0;}

.product {text-align: center; min-height: 200px;}

.product .grayborder span{text-align: left;}

.product-name{background-color:#f7f7f7; padding: 10px 15px; color:#6c7279;text-align: left; border: 1px solid #e1e1e1;min-height:102px;}

.product-name:hover{background-color:#dcdcdc; color:#000; border: 1px solid #e1e1e1;}

.margin-bottom30{margin-bottom: 30px;}
.margin-bottom10{margin-bottom:10px;}
.margin-bottom50{margin-bottom:50px;}





.innerproduct strong{background-color:#f3f3f3; width:100%; display: block;padding:10px}

.innerproduct strong:hover{background-color:#adadad; color:#fff;}

.innerproduct span{width:100%; display: block;padding:10px}

.innerproduct span:hover{background-color: #fffdf9}

.padtop30{padding-top:30px;}

.pdfbtn{float: left;border-radius: 51px; padding: 4px 8px 3px 25px;background-color: #f72028;color: #fff;}

.careerbtn .btn.btn-danger{padding: 10px 70px;}

.files{ padding: 5px 11px; border: 1px solid #c2c2c2; border-radius: 5px;}

.pdfbtn span{margin-right: 10px;}

.backbtn{float:right;line-height: 40px;}

.backbtn i:before{margin-right:10px;}

.backbtn .fa{margin-top:20px;}

.border-gray{border:1px solid #dedede; border-radius: 5px;}

.heading-bline{border-bottom:1px solid #dedede;display: block; text-align: left; margin-bottom:10px;}

.heading-bline h3{margin-left:15px;}

.product-graybg{background-color: #f9f9f9; padding-bottom: 13px;}

.jobform label span{color:#F00;}



/*mouse wheel*/

.home-scroll {

    position: absolute;

    width: 32px;

    height: 52px;

    left: 50%;

    bottom: 50px;

    margin-left: -16px;

    cursor: pointer;

    pointer-events: auto;

    z-index: 99;

    -webkit-transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

    transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.home-scroll::before {

    position: absolute;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    top: 0;

    left: 0;

    border: 1px solid #000;

    border-radius: 15px;

    content: '';

    -webkit-transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

    transition: border 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

}



.home-scroll::after {

       position: absolute;

    width: 3px;

    height: 10px;

    top: 60%;

    left: 50%;

    margin-left: -1px;

    margin-top: -4px;

    border-radius: 15px;

    background-color: #000;

    content: '';

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -webkit-animation: scroll 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;

    animation: scroll 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;

    -webkit-transition: background 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);

	transition: background 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}







@keyframes scroll {

 0% {

  -webkit-transform-origin:50% 0;

  transform-origin:50% 0;

  -webkit-transform:translate(0, -25px) scaleY(0.2);

  transform:translate(0, -25px) scaleY(0.2);

 }

 90% {

  -webkit-transform:translate(0, 0) scaleY(1);

  transform:translate(0, 0) scaleY(1)

 }

 100% {

  -webkit-transform-origin:50% 100%;

  transform-origin:50% 100%;

  -webkit-transform:translate(0, 0) scaleY(0);

  transform:translate(0, 0) scaleY(0)

 }

}









/*Loader*/



.preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #fff;

    z-index: 99999;

    height: 100%;

    width: 100%;

    overflow: hidden !important;

} 





.loaded {

    width: 70px;

    height: 70px;

    position: absolute;

    left: 49%;

    top: 47%;

    background-image: url(../images/preloading.gif);

    background-repeat: no-repeat;

    background-position: center;

    -moz-background-size: cover;

    background-size: cover;

    margin: -20px 0 0 -20px;

}

.formula{font-size:12px;}

.page ul{padding:7px;}

.page ul li{display: inline;}

.page ul li a{border: 1px solid #c2c2c2;background-color: #000; padding: 2px 8px;margin: 3px; color:#fff;}

.page ul li a:hover{background-color:#f00; color:#fff; }

.pname{color:#000; font-weight: bold;}

#pak{padding-right: 20px;}

#pak ul li{height:35px;padding: 6px 0 0 35px;border-bottom:1px solid #c2c2c2;}

.pakflag :before{content: ""; background:url(../images/pak-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

    top:18px;

    left: 20px;

	position: absolute;

}



.afgflag :before{content: ""; background:url(../images/afg-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.sriflag :before{content: ""; background:url(../images/sri-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.myaflag :before{content: ""; background:url(../images/mya-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.camflag :before{content: ""; background:url(../images/cam-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.vieflag :before{content: ""; background:url(../images/vie-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.ghaflag :before{content: ""; background:url(../images/gha-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}

.nigflag :before{content: ""; background:url(../images/nig-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}

.ivoflag :before{content: ""; background:url(../images/ivo-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.benflag :before{content: ""; background:url(../images/ben-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.togoflag :before{content: ""; background:url(../images/togo-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.cameflag :before{content: ""; background:url(../images/Came-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.chadflag :before{content: ""; background:url(../images/chad-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.uzbflag :before{content: ""; background:url(../images/uzb-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.libflag :before{content: ""; background:url(../images/lib-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.iraqflag :before{content: ""; background:url(../images/iraq-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.laoflag :before{content: ""; background:url(../images/lao-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.senflag :before{content: ""; background:url(../images/sen-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}



.maliflag :before{content: ""; background:url(../images/mali-map.jpg); height: 24px; width: 24px;padding: 11px 8px 0px 16px;

    background-repeat: no-repeat;

     left: 20px;

	position: absolute;

}





.toparow{float:right; margin: 32px 0;}

.country_link ul li{height:30px;}

.country_link{padding: 10px 0 0 0px;}

.amcharts-chart-div a{display:none!important;}



#pak ul li a{ color: #000000;

    font-weight: bold;

    font-size: 11px;}
#pak ul li a:hover{color:#f00;}

.fancybox img{ margin: .4% .2%; width: 49%;}

.eventname ul li{border-bottom: 1px solid #c2c2c2;

    padding: 9px 15px;  list-style-position: inside; list-style-type: disc}

.eventname ul li:hover{background-color:#f7f7f7}

a:focus, a:hover {

	color: #000;}

.eventname h3{padding: 10px 11px; margin: 0;background-color:#f72028; color:#fff;}

.gp-name{height: 399px;overflow-y: scroll;}

.footer .social-inline a:hover{color: #000;}

.sound:before{content: "images/bgmusic-long.mp3"}



.hseq{

    padding:14px;

    margin-right: 15px;

	background-color: #ec1e26;

	border-radius: 4px;

}



.hseq:before{font-size: 30px;color: #fff;}

.res .img-responsive{margin:0 auto;padding: 5px;}

.borderbox{border:1px solid #c2c2c2;margin-bottom: 30px;}

.res h2{margin-bottom:30px;}

footer{background-image:url(../images/footerx.png);

background-repeat: no-repeat;

background-position:right center;; 

}
.curPage{background-color:#f00!important;}
.insta:hover{background-color:#fb3958;}
.copy{
    
	background-color: rgba(0, 0, 0, 0.5);
    padding:6px 24px;
	border-top: 1px solid #313131;
    
}
.home .footer-top{margin-top: 0px;}
.cap #captcha_reload{background-color:#c2c2c2; padding: 0 54px;}
.cap img{border:1px solid #c2c2c2;}




/* The Modal (background) by sikandar */
.modal {
  display: "block"; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  
 
}