@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;}
html {
  scroll-behavior: smooth;
}

#onepage-mainbox{
	display: none;
}

.onepage-header{
	position: relative;
	background: url("../image/first/petrochemical-plant_0.jpg") center no-repeat fixed;
	background-size: cover;
}
.header-cover{
	background-color: #000000;
	opacity: 0.85;
}
.header-cover2{
	position: absolute;
	bottom: 0;
	height: 80px;
	background:  url("../image/vector/head-cover2.png") repeat-x bottom;
	background-size: 12px;
}
.cover{
	position: absolute;
	
}
.top-cover{
	height: 80px;
	top: 0;
	background:  url("../image/vector/top-cover.png") repeat-x top;
	background-size: 12px;
}
.bottom-cover{
	height: 80px;
	bottom: 0;
	background:  url("../image/vector/bottom-cover.png") repeat-x bottom;
	background-size: 12px;
}
.left-cover{
	width: 150px;
	left: 0;
	background:  url("../image/vector/left-cover.png") repeat-y left;
	background-size: 100px;
}
.right-cover{
	width: 150px;
	right: 0;
	background:  url("../image/vector/right-cover.png") repeat-y right;
	background-size: 100px;
}
.head-nav{
	position: absolute;
	top: 0;
	z-index: 100;
}
.nav-logo{
	width: 60px;
	height: auto;
	margin-left: 40px;
}
.nav-logo2{width: 45px; height: auto;}
.header-box{
	position: absolute;
	top: 25%;
	color: #fffbbb;
	text-shadow: 2px 2px 0px #000000;
	
}
.header-subbox{
	margin: 0 auto;
	
}
.nav-shape{
	text-align: right;
	padding-top: 20px;
	padding-right: 40px;
}
#down-arrow-box{
	height: 60px;
	position: absolute;
	bottom: 15px;
	opacity: 0.45;
}


.onepage-nav{
	height: 60px;
	position: fixed;
	top: -10px;
	background-color: rgba(44,44,44,0.95);
	display: none;
	z-index: 1000;
}
.nav-expandbox{
	background-color: rgba(44,44,44,1);
	border-radius: 50px;
}

.onepage-main{
	position: relative;
	
	font-family: font2;
	overflow: hidden;
}
/*
.dot-cover{
	
	top: 0;
	left: 0;
	background: url("../image/vector/lightdots-texture.png") fixed repeat;
	background-size: 200px;
	opacity: 0.1;
}
.dot-covering{
	
	bottom: 0;
	left: 0;
	height: 300px;
}
*/

.box-center{
	margin: 0 auto;
}
.main-box1{
	height: auto;
	border-radius: 100px;
	border: solid #00E1D0 1px;
	margin-top: 50px;
	position: relative;
}
.main-box1-h{
	position: absolute;
	top: 80px;
	right: -30px;
	height: 80px;
	font-size: 30pt;
	line-height: 80px;
	color: #00E1D0;
}
.about-txt,.products-txt{
	direction: rtl;
	text-align: justify;
	
	font-size: 10pt;
	padding: 40px 15px 40px 15px;
	text-shadow: 2px 2px 4px #000000;
	
}
.about,.product,.files,.contact{position: absolute;}
.about-topcover,.product-topcover,.files-topcover,.contact-topcover{
	top: 0;
	left: 0;
	border-radius: 100px;
	overflow: hidden;
	opacity: 0.05;
	transition: 2s;
}


#about-logobox,#products-logobox{
	height: 160px;
}
#about-logo,#products-logo{
	display: none;
}


.line-cover{
	position: absolute;
	top: 81px;
	right: -1px;
	width: 3px;
	height: 79px;
}
.line-1px-box1{
	position: absolute;
	top: 80px;
	right: -25px;
	width: 50px;
	height: 1px;
	background-color: #00E1D0;
	
}
.line-1px-box2{
	position: absolute;
	top: 160px;
	right: -1100px;
	width: 1250px;
	height: 1px;
	background-color: #00E1D0;
	
}


.partners-box,.suppliers-box{
	border-radius: 50px;
	overflow: hidden;
	position: relative;
	background-color: white;
}
.cover-box{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: black;
	opacity: 0.25;
}

#goal-box{
	position: relative;
	background: url("../image/first/goal1.jpg") center no-repeat fixed;
	background-size: cover;
}
.goal-txtbox{
	border-radius: 40px;
	border: thin double #fffaaa;
	background-color: rgba(0,0,0,0.95);
	opacity: 0.1;
	transition: 3s;
}

#product-field{
	position: relative;
}
.product-bg{
	top: 0;
	left: 0;
	background: url("../image/vector/product-bg2.png") repeat-y;
	background-size: cover;
	opacity: 0.05;
}
.product-box{
	position: relative;
	
	border-radius: 50px;
	overflow: hidden;
	border: 1px solid #00E1D0; 
	box-shadow: 2px 2px 0px 0px #00E1D0;
	transition: 0.5s;
	text-shadow: 1px 1px 0 black;
}
.product-box:hover{
	box-shadow: 2px 2px 5px 5px #00E1D0;
}
.product-box:hover .box-head-bg1{opacity: 0.05;}
.product-box:hover .box-head-bg2{width: 75%; height: 140px;background-color: #0E7263; opacity: 0.7;}

.product-box:hover .box-pic{width: 100%; height: 140px;}
.product-box:hover .box-h-title1{font-size: 30pt; text-shadow: 2px 2px 5px #000000;}
.product-box:hover .box-h-title2{opacity: 0.7; color: #00E1D0;}
.box-cover{
	opacity: 0.2;
}
.box-head-bg1{
	background-color: #00E1D0;
	opacity: 0.2;
	transition: 0.5s;
}
.box-head-bg2{
	height: 100px;
	top: 0;
	right: 0;
	background-color: #2A313D;
	border-bottom: 1px solid #00E1D0;
	opacity: 0.5;
	transition: 0.5s;
}

.box-h-title1{
	top: 45px;
	right: 10%;
	direction: rtl;
	line-height: 60px;
	font-size: 25pt;
	color: #00E1D0;
	transition: 0.5s;
}
.box-h-title2{
	top: 88px;
	left: 10%;
	line-height: 60px;
	font-size: 20pt;
	color: #000000;
	opacity: 0.3;
	transition: 0.5s;
}

.box-pic{
	
	background-size: cover;
	border-radius: 0 0 40px 0;
	width: 50%;
	height: 100px;
	transition: 0.5s;
}
.box-pic1{
	background-image: url("../image/products/pipe.jpg");
}
.box-pic2{
	background-image: url("../image/products/fittings.jpg");
}
.box-pic3{
	background-image: url("../image/products/valves.jpg");
}
.box-pic4{
	background-image: url("../image/products/flanges.jpg");
}
.box-pic5{
	background-image: url("../image/products/gaskets.jpg");
}
.box-pic6{
	background-image: url("../image/products/connectors.jpg");
}
.box-pic7{
	background-image: url("../image/products/instruments.jpg");
}
.box-pic8{
	background-image: url("../image/products/bolts.jpg");
}
.box-main-txt{
	margin-top: 140px;
	
	font-size: 10pt;
}
.txt-r-r{
	direction: rtl;
	text-align: right;
}


.file-box{
	position: relative;
	margin: 50px 0 10px 0;
	overflow: hidden;
	border-radius: 50px;
	box-shadow: 2px 2px 2px 2px #00E1D0;
	
}
.file-txt{
	font-size: 10pt;
	text-shadow: 1px 1px 0 black;
	
	
}
.file-cover{
	top: 0;
	left: 0;
	background-color: black;
	opacity: 0.5;
}
.file-cover:hover{
	opacity: 0.2;
}

#contact{position: relative;}
.map-box{position: relative;}
.map-base{
	top: 50px;
	left: -40px;
	opacity: 10%;
	transition: 1s;
	z-index: 2;
}
.fix-base{
	top: 0;
	left: 0;
}
.map-field{
	top: 0;
	left: 20%;
	border-radius: 50%;
	overflow: hidden;
}

.fixheigt{
	height:  180px;
}

.contact-txt{
	direction: rtl;
	text-align: right;
	font-size: 10pt;
	text-shadow: 2px 2px 4px #000000;
	
}
.google-map{
	height: 450px;
	z-index: 1;
	border-radius: 100px;
	overflow: hidden;
	opacity: 0.65;
}

.form-box{
	margin-top: -450px;
	font-family: font2;
	border-radius: 0px 0px 125px 125px;
	border-bottom: thin double #fffaaa;
	position: relative;
	background: url("../image/first/petrochemical-plant_0.jpg") center no-repeat fixed;
	background-size: cover;
	overflow: hidden;
}
#form{
	padding-top: 450px;
}
.line1px{
	height: 1px;
}

.form-massage{
	direction: rtl;
}

.txt-c{font-size: 18pt;}
.txt-c-md{font-size: 22pt;}
.txt-c-lg{font-size: 24pt;}


.onepage-footer{
	background: url("../image/vector/footer vector5.png") no-repeat bottom;
	background-size: cover;
	text-shadow: 2px 2px 4px #000000;
}
.i-f1{
	color: #fffbbb;
	font-size: 25px;	
}
.footertxt{
	color: #fffccc;	
}

.footsign{
	height: 30px;
	background: url("../image/vector/fs-bg.png") no-repeat center;
	background-size: 300px;
}

.designerlink{
	margin: 0px auto;
	width: 310px;
	height: 30px;
}

.up{
	opacity: 0.15;
	position: fixed;
	bottom: 20px;
	right: 20px;
	color: #fffbbb;
	display: none;
}