@charset "utf-8";
/* CSS Document */
body{
	background-color: #fff;
}


.paddbot{
	padding-top: 60px;
}


.sectcolor{
	background-color: #f8f8f8;
	padding-top: 40px;
	margin-bottom: 60px;
	margin-top: -50px;
}

.secblue{
		background-color: #38ABDF;
	padding: 20px 0px;
	color:aliceblue;

}

.breadcrumb{
	 	background-color: #fff;
		text-transform: uppercase;
		letter-spacing: .12rem;
		display: inline-block;
		padding: 0px;
	position: relative;
	height:8px;


}

.machineimage{
	position: relative;
	width: 100%;
	padding: 0px 5%;

}



.heightauto{
	height: 1000px;
	border:5px solid red;

}

.breadcrumb .active{
	color: #004dab;
}


.brdcrmb{
		border-bottom: 1px solid #ccc;
		padding: 0px;

	background-color: #fff;
	position: relative;
		margin-top: 120px;
	 height:30px;


}

.breadcrumb strong{
	font-weight:400;
}
.breadcrumb li{

  display: inline-block;
  margin-left: 5px;

  position: relative;
	font-size: .425em
}

.breadcrumb a{
	color:#666;
	text-decoration: none;
}

.breadcrumb a:hover{
	color:#003087;
	text-decoration: none;
}



.breadcrumb a::after {
	  content: '/';

  display: inline-block;
	margin-left: 5px;
}

.breadcrumb a::before {
	  content: '';

  display: block;
  height: 2px;
	background-color: #003087;

  position: absolute;
  bottom: -7px;
  width: 0%;

  transition: all ease-in-out 250ms;

}

.breadcrumb a:hover::before {
  width: 100%;

}



.wtrmark{
	background-color: rgba(255,255,255,0.01);
	height:100%;
	z-index: 99;
	position: absolute;
}



.machinedia img{
	width:900px;
}



.machinelayout {
	position: relative;
	width:90%

}


.machinelayout img {
	z-index: -1;
	align-content: center;
		width:auto;
	margin: 0 auto;
	display: block;




}


.fourty{
	position: relative;
	height: 40vh;

}

.image-height-fluid{
	min-height: 100%;
margin-top: 5vh;

}

.image-height-fluid img{
	max-height: 100%!important;
}



.equipmenu{
	position: fixed;
	z-index: 99999;
	right:0;

      max-height: calc(100vh - 9rem);
      overflow-y: auto;

	width:370px;
	Height:auto;
	padding: 0px;
  transition: all ease-in-out 250ms;




	display: grid;
  justify-content: end;
	pointer-events: none;
	top:120px;

}





	.utilities ul li{
		list-style: none;
		padding-left: 10px;

	}



	.utilities ul {
						text-align: left

	}


	.utilities img {
		padding:5px;
}





.equipmenu .heading{

	background-color: #011b52;
	color: #fff;
	text-align: center;
	display: block;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	font-weight: 500;
  	transition: all ease-in-out 200ms;
	z-index: 99998;
	overflow: hidden;
	width:50px;
	height:220px;

  justify-self: end;
	grid-column-start: 1;
		pointer-events:all;

}


.equipmenu .heading span{
	/** **/

transform: rotate(-90deg);

	display: block;
	width:200px;
	position: absolute;
	margin: auto 0;
	padding: 10px 20px;
	bottom: 0;


	transition: all .3s ease-in;

	  justify-self: end;
transform-origin: left;
	margin-left: 30px;


}

.equipmenu .heading:hover span{


}


.equipmenu .heading:hover{
			box-shadow: 0 0 5px rgba(0,0,0,0.95);

  transition: all ease-in-out 200ms;



}






.floatmenu{

	width: 300px;
	overflow:auto;
	float: right;
  transition: all ease-in-out 250ms;
	background-color: #fff;
		z-index: 999;
				box-shadow: 0 0 5px rgba(0,0,0,0.95);
	border-bottom: 1px solid  rgba(0,0,0,0.25);
	border-top: 1px solid  rgba(0,0,0,0.25);

	position: relative;

		 justify-self: end;

  grid-column-start: 2;
	pointer-events: all;
}

.floatmenu-active {
	width: 0px;
  transition: all ease-in-out 250ms;
	  justify-self: end;



}






.slidingmenu{

	padding: 0px;
   height: auto;
    max-height: 80vh;
    overflow-x: hidden;


}

.slidingmenu ul{
	margin-top: 5px;
	border-bottom: 1px solid #ccc;


}


.slidingmenu ul:last-child{
	margin-top: 20px;
	border-bottom: 0px ;

}













.slidingmenu li{
list-style: none;
margin-left: -20px;
		transition: all ease-in 200ms;


}




.slidingmenu h2{
	font-weight: 700;
	font-size: 1em;
margin-left: -20px;
	padding-top: .825em;
	padding-bottom: .375em;
	display: inline-block;


}








.slidingmenu h3 {
padding-left: 8px;


	align-items: center;
	font-size: .8em;
	line-height: 1.35em;

	text-transform: uppercase;
text-decoration: none;

letter-spacing: 0.06em;
font-weight: 500;
	color: #171717;
	display: block;


		transition: all ease-in-out 200ms;

		padding-top: .425em;
	padding-bottom: .425em;

}





























.slidingmenu h3:before{
	  content: '\203a';
	font-size:1.25em;
	padding-right: 5px;
}




.slidingmenu h3:hover{

color: #0066a1;
background: #f5f5f5;

	margin-left: 10px;






}




.slidingmenu .active h3 {
font-weight: 600;
	color:darkorange;


}

.slidingmenu ul{
	border-bottom: 1px solid #d3deed;
}

.slidingmenu li:last-child{
	padding-bottom: 20px;

}

.slidingmenu br{
	margin-bottom: 0px !important;
}

.slidingmenu #rq:before{
	content: '';
}
.slidingmenu #rq{
	margin: 0 auto;
	left: auto;
	padding:.625em 2em;
	background-color: #004dab;


			color: #fff;



		align-items: center;
	font-size: .87em;
line-height: 1.25em;

	text-transform: uppercase;
text-decoration: none;

letter-spacing: 0.06em;
font-weight: 500;
	display: inline-block;
	transition: all ease-in 300ms;

}


.slidingmenu #rq:hover{


	background-color: #003087;

	/*

	background-color: #003087;
	*/
			box-shadow: 0 0 5px rgba(0,0,0,0.95);
	color:#c7a185;


}

h1{
	  font-style: normal;
  font-weight: 400;

	margin-bottom: .75rem;
	font-size: .825rem;
	text-transform: uppercase;
	letter-spacing: .38125rem;
	color: #666;

	padding-top: 4rem;

}


.minitxt {



}

h2{
		font-style: normal;
	color: #011b52;
	font-weight: 700;
	line-height: 1.4;
	text-rendering: auto;
	padding-bottom: 1.75rem;
	font-size: 2.175rem;

}

.scttitle{


}




.maincontact{
	background-color: #fff;
	color: #011b52;
	padding-bottom: 60px;


}

.contitle{

	font-size: 2.8125rem;
	line-height: 1.11111;
	font-weight: 700;
	font-style: normal;
	padding-top: 50px;
	padding-bottom: 50px;


}


.contitle span{
	font-size: 1.2125rem;
	line-height: 24px;
	font-weight: 500;

}




.textarea{
    background-color:#000000;
}





.bluebar{
		border-bottom: 3px solid #2aa9e0;
	width:25%;
	padding-bottom: 20px;

}

.sctdescrp{
	font-size: 1em;
	font-weight: 400;
	line-height: 2em;
	margin-bottom: 1.875rem;
	text-rendering: auto;
	color: #3c3c3c;
}




.sctdescrp li{
list-style: decimal;
	   float: right;
   width: 100%;

}

.sctdescrp b{
	font-weight: 400;

}

.sctdescrp i{
	font-style: normal;

}

.cntntinfo p{
	font-size: 1em;
	font-weight: 400;
	line-height: 2em;
	margin-bottom: 1.875rem;
	text-rendering: auto;
	color: #3c3c3c;
}


.introtxt {
	width: 100vw;
	padding: 1.5em 17% 3.5em 17%;
}
.introtxt > p, ol{
	font-size: 1.6em;
	font-weight: 300;
	list-style: none;
	padding-bottom: .5em;
	line-height: 1.75em;


}

.introtxt  ol{
	font-weight: 400;

}


.introtxt  li{
	font-weight: 200;
	list-style: square;
	margin-left: 1.5em;
		line-height: 1.5em;


}
.multi-column {
    -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
     column-count: 2;
     column-gap: 2.5em;
	   width: 1200px;
	font-size: 1em;

}

.multi-column li{
	margin-right: -.3em;
}

.cntnt{
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	padding-top: 20px;
	padding-bottom: 10vh;


}



.cntnt2{
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	position: relative;
	padding-top: 50px;
	padding-bottom: 40px;
	padding-left: 400px;


}
.botthead{
	position: absolute;
	z-index: 99999;
}

.botthead h3{
	color: #fff

}

.botthead pi{
	color: #fff;
		font-size:1.750em;

}

.bottmenu li a{
	font-size: 1em;
	color: #f8f8f8;

}
.bottmenu hd{
	font-size: 1.125em;
	color: #f8f8f8;
	margin-top: 10px;

}

.bottmenu .colleft{
	border-right:1px solid #3a8aeb  ;
}

.bottling{
	position: relative;
}

.bottling  h1{
	color: #fff;
	text-transform: uppercase;
	font-size: 2.50em;
		  font-weight: 700;
		margin-top: 10%;
	line-height: 3.25em;


}

.bottling h2{
	color: #fff;
	text-transform: capitalize;
	font-size: 2em;
		  font-weight: 300;
	line-height: 1.3em;

}


.bottling .sectcolor h2{
	color: #004dab;
	text-transform: capitalize;
	font-size: 2em;
		  font-weight: 300;
	line-height: 1.3em;

}
.bottling pi{
	color: #fff;
	text-transform: capitalize;
	font-size: 2em;
		  font-weight: 300;
	line-height: 1.3em;
	padding-top: 50px;
	padding-bottom: 20px;

}
.bottling h4{
	color: #f8f8f8;
	text-transform: uppercase;
		border-bottom: 1px dotted #3a8aeb;


	padding-bottom: 15px;


}

.custoffer .s1 .clientlist td{
	padding: 1em 0px !important;

}


.bottling .paddbot h2 {
	margin-top: 20%;


	padding-bottom: 15px;


}

.bottling .paddbot h3 a{
	color:#004dab;
	text-transform: uppercase;


	padding-bottom: 15px;


}


.bottling .paddbot .ima{
	max-height: 800px;
	position: relative;
	margin: 0px;
	padding: 0px;

}


.bottling .paddbot .ima img{
	height:auto;


}





.bottling  und{
	border-bottom: solid 4px #c7a185;
}

.bottling p{
	font-size: 1.375em;
line-height: 2.125em;
	font-weight: 300;
}

.bottling video{
	z-index: -1;
	position: relative;
	width: 100%;
	top:-300px;

}


.bottling row{
	padding-bottom: 50px;
}
.bottlingline{
	padding: 0px;
	height:550px;
	overflow: hidden;
	margin-bottom: 10px;
	width: 100%;
}

.softgel .bottlingline img{
	z-index: -100 !important;
	position: relative;
}

.bottsect{
	margin-bottom: 60px;

}


.bottsect .col-6 {
	border:3px solid #fff;
		padding: 0px;
	position: relative;
	z-index: 2;


}


.bottsect img {
	height: 400px;
	position: relative;
	z-index: 1;
	background: rgba(62,62,62,0.98);


}


.packaging hd {
	padding-top: 10px;
	font-size: 1.250em;
	padding-bottom: 5px;
	display: block;
text-transform: uppercase

}





.packaging  a {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px solid #3a8aeb;
	text-transform: capitalize;
	color:#fff;


}


.packaging h2 a {
	font-size: 2em;
	border-bottom:1px solid #3a8aeb;
	text-transform: capitalize;
	color:#fff;
	font-weight: 200;


}
.bgimg{
    background: url("../imgs/United-Pharmatek-Bottles.png") no-repeat bottom right fixed;
	height:100%;
	width: 100%;
	position: absolute;
	bottom: 0px;

}

.capsulebgimg{
    background: url("../imgs/Softgel-Capsules.png") no-repeat bottom right fixed;
	height:100%;
	width: 100%;
	position: absolute;
	bottom: 0px;

}



.centImage{
	max-height: 35vw;
	text-align: center;
	min-height: 25vw;
}

.infocont{
	background-color: #003087;
	color: #f5f5f5;


	height:auto;
	position: relative;
		padding: 0;
	margin: 0;

overflow: hidden;
	width: 100%;


}

.infocont .main h2{
	color:#f5f5f5;
}


	.infocont .main {
	color:#f5f5f5;
	font-size: 2.15em;
	font-weight: 800;



	  position:relative;
 left:18%;
font-size: 2.2vw;


width: 65%;
margin-top: 6%;
}



.infocont .submain {
	color:#f5f5f5;
	font-size: 1.em;
	font-weight: 300;
	padding-top: 20px;
font-size: 1.75vw;




}

.infocont .submain h3{
		color:#f5f5f5;
}


.moreinfo{
		background-color: rgba(0,52,255,0.00);
	border-bottom: 0px;

}


.moreinfo .container-fluid{
	padding: 0px;
	overflow: hidden;
	background-color: rgba(0,52,255,0.00);

}

.card-header{
	background-color: rgba(0,52,255,0.00);
}




.moreinfo a{
	color: #011b52;
margin-left: 52%;
	font-size: 1em;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
		  transition: all ease-in-out 250ms;
			padding-right: 35px;



}

.moreinfo a:hover{
	color: #004dab;
	font-size: 1em;
	font-weight: 800;
	  transition: all ease-in-out 250ms;


}



.moreinfo a::after{
		        font-family: "Font Awesome 5 Free";

	content: '\f078';
	font-weight: 600;
	transition: all ease-in-out 250ms;
	position: absolute;
	transform: rotate(-90deg);
	margin-left: 5px;


}




.moreinfo--rotate::after{
	position: absolute;

	transition: all ease-in-out 250ms;
	transform: rotate(0deg) !important;



}




.moreinfo a{
	border:2px solid #004dab;
	color:#fff;
	padding:10px 15px;
	background-color: #011B52;
	padding-right: 35px;
	transition: all ease-in-out 250ms;

}


.moreinfo a:hover{
	color:orange;
	font-weight:600;

}



 .moreinfo .card{
	padding: 0px;
	margin: 0px;
	background-color: rgba(255,255,255,0.00);
}

.card-body{
	padding: 0px;
	margin: 0px;
		background-color: rgba(0,52,255,0.00);

}

.layout {
	margin: 0px auto;
	padding-bottom: 10vh;
	width: 100%;
		display: flex;
		text-align: center;
		justify-content: center;
		z-index: -1;
		position: relative;
	padding:	10% 0;

}



.layout0 {
	margin: 0px ;
	padding: 0px;

}

.layout span{
width: 60%;
border-bottom: 1px solid #004dab;
position: absolute;
bottom: 0%;

}


.layout img{
	width: 33%;
	height:auto;
	margin: 0px auto;
	z-index: -1;

}


.layout .full-width {
	width: 100%;
	height:auto;
	margin: 0px auto;
	z-index: -1;

}


.layout .full-height {
	width: auto;
	height:100%;
	margin: 0px auto;
	z-index: -1;

}


.layout .full-height img {
	width: auto;
	height:100%;
	margin: 0px auto;
	z-index: -1;

}




.layout .singleimg img{
	width: 75%;
	height:auto;
	margin: 0px auto;
	z-index: -1;

}

.layout h3{
	color: #004dab;

}



.infopic {

	padding: 0px;
	margin: 0px;



}

.infopic div{
		height:100%;
	width: 100%;

-webkit-box-shadow: inset 0px 5px 49px -7px rgba(1,27,82,0.55);
-moz-box-shadow: inset 0px 5px 49px -7px rgba(1,27,82,0.55);
box-shadow: inset 0px 5px 49px -7px rgba(1,27,82,0.55);

	z-index: 2;
	position: absolute;
	top:0;
	left:0;
	background-color: rgba(0,77,171,0.05);
  transition: all ease-in-out 250ms;


}

.infopic div:hover{
-webkit-box-shadow: inset 0px 5px 49px -7px rgba(1,27,82,0.05);
-moz-box-shadow: inset 0px 5px 49px -7px rgba(1,27,82,0.05);
box-shadow: inset 0px 5px 49px -7px rgba(1,27,82,0.05);

	transition: all ease-in-out 250ms;


}



.infopic img{
    width: 100%;
    max-height: 100%;


	overflow: hidden;
	z-index: 1;
	background-size: cover;




}



.specs{
	padding-top: 50px;
	padding-bottom: 40px;
	background-color: #004dab;
	border-top:1px solid #fff;
	color:#fff;
	position: relative;
	padding-right: 0px;
	width: 100%;
	text-transform: capitalize;



}

.mainspecs h3{
	font-size: 2.375rem;

	font-weight: 300;
	line-height: 2rem;
	margin-bottom: 1.875rem;
	text-rendering: auto;
	color: #FFFFFF;

}

.subspecs h4{
	font-size: 1.375rem;

	font-weight: 300;
	line-height: 2rem;
	margin-bottom: 1.875rem;
	text-rendering: auto;
	color: #FFFFFF;

}


.specssec h3{
	color: #f8f8f8;
	text-transform: uppercase;
		border-bottom: 1px dotted #3a8aeb;


	padding-bottom: 15px;
}



.softgelshapes .table{
	color:#011b52 !important;;
	border-color: #1775e8;
	font-weight: 200;
	background-color: #fff;
	font-size: .875em;

}


.table{
	color:#fff !important;;
	border-color: #1775e8;
	font-weight: 200;

}

.table-responsive{
	width:80vw !important;
}


.softgels h2{
	color:#fff;
}

.softgels h3{
	font-size: 1.375em;
		font-weight: 600;
	padding-left: 20px;
}


.scmap{
	position: relative;
	height: 450px;
}








.overlay{
	background-color: rgba(232,238,248,0.64);

	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
}








.worldmap{

background-size: cover;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;

justify-content: center;

background-color: #dedede;

}






.ftrhdngs{
	padding-top: 1.4rem;
	color: #fff;
	font-weight: 800;
	line-height: 2.0rem;

	padding-bottom: .44rem;
	font-size: 1.0rem;




}


.ftrhdngs2{

	text-transform: uppercase;
	letter-spacing: .27925rem;

}




.ftrsbhdngs{
	color: #fff;
	font-weight: 300;
	line-height: 1.8rem;
	font-size: 1.1rem;

}

.labsubcontent{
	width: 90%;


}

.labsubcontent hr{
    box-sizing: content-box;
    height: 0;
    border: 0;
        border-top-width: 0px;
        border-top-style: none;
        border-top-color: currentcolor;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
	width: 90%;
	padding-bottom: 60px;
}


.labsubcontent span{
	font-weight: 300;
	font-size: 1.125em;
}




.spectable h2{
	padding: 0px;
	color: #FFF;
	font-size: 1.125em;


}











.errorcode{
	width:100%;
	height:100vh;
	background-color: #011b52;
	position: absolute;
	top:0;

}


.errorshade{
	background-color: rgba(0,77,171,.85);
			transition: all .3s;


}

.deco .errorshade{
	background-color: rgba(0,77,171,.65);
	height:100%;


}

.errortext{
	position: absolute;
	z-index: 99999999;

	width: 100%;
	display: block;
	text-align: center;
	margin-top: 30vh;

}




.errortext .title::before {
    display: block;
    position: absolute;
    bottom: 10%;
    left: 40%;
    width: 2vw;
    height: 3px;
    background: #fff;
    content: '';
}

.errortext  h1{
    display: inline-block;
	font-size: 2.875em;
	color:#FFFFFF;
	border:6px solid #fff;

}

.errortext .title{
display: inline-block;
margin: 0 0 10px;
padding: 40px 30px;
position: relative;
z-index: 2;
letter-spacing: 0.25em;
text-transform: uppercase;
	font-weight: 700;


}
.errortext  h1::before{
}



.errortext p{
	color:#fff;
	font-size: 2.250em;
	font-weight: 200;
		padding: 0px 30px;

}

.errortext p a{
	text-transform: uppercase;
		font-size: 2.125em;
	padding: 0px 10px;
	    position: relative;
		z-index: 9999999999999;
	font-weight: 600;




}

.errortext p a:hover{
	color: #b6886c;
	  transition: all ease-in-out 200ms;
	text-decoration: none;


}

.errortext p a:before {
    display: block;
    position: absolute;
    bottom: 3;
    left: 0;
    width: 0%;
    height: 4px;
    background: #fff;
    content: '';
			  transition: all ease-in-out 300ms;


}

.errortext p a:hover:before {
	    display: block;
    position: absolute;
    width: 100%;
    background: #b6886c;
    content: '';
		  transition: all ease-in-out 300ms;

}





.fullvideo{

	position: relative;
}

.fullvideo video{
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 0;
}




.viddivcont{
	position: relative;
	width: 100%;
	height: auto;
	padding: 3%;
}

.viddivcont .viddiv{
	width: 80%;
  left: 50%;
  margin-left: -40%;
	position: absolute;
}


.divbottom{
	bottom:-50%;

	min-height: 100vh;
}

.relative{
	position: relative !important;
}















@media (max-width: 1080px) {


	.viddivcont .viddiv{
		width: 80%;
	  left: 50%;
	  margin-left: -40%;
		position: relative;
	}


	.specs{

		border-top:0px solid #fff;




	}

	.dotmbg{
		background:	#004dab;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: -2;


	}

	.fullvideo{
		width: 100%;
		height: auto;
		position: relative;
	}

	.fullvideo video{
		width: 100%;
		position: relative;
		z-index: -1;

	}




	.breadcrumb li {
		font-weight: 200;
		font-size:.875em;

	}




	.table{

		font-size: 56%;

	}




	.infocont{
		height:auto;
		border-top:1px solid #3a8aeb;
		font-size: .5em;

		padding: 15vh 8%;
	}


			.infocont .main{
			height: auto;
			position: relative;
			font-size: 5vw;

			margin-top: 0%;
			width: 100%;

			left:0%;


		}

		.infocont .submain{
			position: relative;

			font-size: 4vw;
		}



	.hero{
		padding: 0px ;

	}


.multi-column {
    -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
     column-count: 2;
     column-gap: 2.5em;
	   width: 600px;

}




	.slidingmenu h3{
		/** color:pink; **/;


	}




.equipmenu .heading{

  	transition: all ease-in-out 200ms;
width:70px;
	height:300px;

	overflow: hidden;


}

	.equipmenu .heading span{
	width:225px;
bottom:40px;

	}



.equipmenu {

  	transition: all ease-in-out 200ms;
	width:510px;


	overflow: hidden;
	top:160px;


}





.floatmenu{
width: 0px;

  transition: all ease-in-out 250ms;



}


.floatmenu-active {
		width: 450px;
  transition: all ease-in 250ms;



}


	.slidehamtog{
		top: -42%;
		padding: 48px;
		left:-90px;


	}






.slidehamburger,
.slidehamburger::before,
.slidehamburger::after {
  content: '';
  display: block;
  background: #fff;
  height: 2.6px;
  width: 1.35em;
  border-radius: 0px;
  transition: all ease-in-out 300ms;

  transform: translateY(10px) rotate(180deg);


}

.slidehamburger::before {


	   transform: translateY(12px) rotate(-0deg);
	 	opacity: 1;
}

 .slidehamburger::after {
  transform: translateY(4px);

}




 .open .slidehamburger {

	  content: '';
  display: block;
  background: #fff;
  height: 2.6px;
  width: 1.35em;
  border-radius: 0px;
  transition: all ease-in-out 300ms;
  transform: translateY(-8px);
	 	   transform: translateY(12px) rotate(-45deg);


}

 .open  .slidehamburger::before {

	  background: #fff;
	opacity: 0;
	}

 .open .slidehamburger::after {
  transform: translateY(-3px) rotate(90deg);
}





.cntnt{

	margin-top: 200px;


}
















}
.diagr {

}

.diagr img{
	height: 500px;
justify-content: center;
}












.imagesfadein {
	position: relative;
    top:0px;
		display: flex;
		align-items: center;
		justify-content: center;

		display: flex;

		flex-direction: row;

}
.imagesfadein img {
position: absolute;
top: 0px;
   -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 20s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 20s;
		display: inline-block;
		align-items: center;

}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    50% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    50% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

#f1 {
    background-color: #011b52;
		height: auto;
}
#f2 {
    -webkit-animation-delay: -10s;
    background-color: #011b52;
		height: auto;
}


.resize{
	width:98% !important;
}















@media (max-width: 1080px) {





	.layout img{
		width: 90%;

	}

	.imagesfadein {
height: 75vh;


	}


		.imagesfadein img {
	width: 85%;
	top: auto;



		}


	}






	@media all and (max-width: 980px)  {



		.viddivcont {
		    position: relative;
		    width: 100%;
		    height: auto;
		    padding: 0%;
		}


		.viddivcont .viddiv {
		    width: 100%;
		    left: 0%;
		    margin-left: 0%;
		    position: relative;
		}



}