/*--------------------CSS RESET--------------------------*/
a, abbr, acronym, address, article, aside, audio, b, blockquote, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strong, sub, sup, tfoot, thead, u, ul, var { background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: top; }
ul { list-style: none; }
blockquote, q { quotes: none; }
img { vertical-align: top; border: 0; }
embed { vertical-align: top; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline; }
input, textarea { border: 0; padding: 0; margin: 0; outline: 0; }
iframe { border: 0; margin: 0; padding: 0; }
input, textarea, select, button { margin: 0; padding: 0px; font:normal 13px/25px Roboto; color: #747474;font-weight:normal; }
input[type=text] { text-indent: 5px; }
html { }
body { margin: 0px; font: 13px/20px Roboto;font-weight:200;font-weight:normal; color: #000; direction: ltr; text-align: justify; background: #ffffff; }
a, span { display: inline-block; }
a { text-decoration: none; color: #595959; outline: none; -moz-transition: .4s; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
a:hover { color: #4f9ba8; }
strong { font-weight: bold; }
em { font-style: italic; }
ol { list-style: decimal; }
div, section, nav, aside, footer, article { margin: 0 auto; }
p { margin: 0; padding: 5px 0px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; }
.hidden { display: none; }
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.justify { text-align: justify; }
.rel { position: relative; }
.nobg { background: 0 !important; }
.noborder { border: none !important; }
.right { float: right !important }

@font-face {
	 font-family: Roboto; 
	 src: url("../fonts/woff2/roboto-v20-latin-ext_latin_cyrillic-300.woff2") format("woff2");
	 font-style: normal;
	font-weight: 300; 
	font-display: swap;
	 }
	 @font-face {
		font-family: Roboto; 
		src: url("../fonts/woff2/roboto-v20-latin-ext_latin_cyrillic-500.woff2") format("woff2");
		font-style: normal;
	   font-weight: 500; 
	   font-display: swap;
		}
		@font-face {
			font-family: Roboto; 
			src: url("../fonts/woff2/roboto-v20-latin-ext_latin_cyrillic-700.woff2") format("woff2");
			font-style: normal;
		   font-weight: 700; 
		   font-display: swap;
			}
			@font-face {
				font-family: Univia; 
				src: url("../fonts/woff2/Univia-Bold.woff2") format("woff2");
				font-style: normal;
			   font-weight: 700; 
			   font-display: swap;
				}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/woff2/IRANSansWeb_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Black.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
 @font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_Light.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/woff/IRANSansWeb.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}
@font-face {
    font-family: fontello;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/woff2/fontello.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/woff/fontello.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
	font-family: Phosphor;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff2/Phosphor.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
	url('../fonts/woff/Phosphor.woff') format('woff'); /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}


/*--------------------------------OWL---------------------------------*/
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-animated-out { z-index: 1 }
.owl-animated-in { z-index: 0 }
/*--------------------------------MAIN---------------------------------*/  
.bx{line-height:inherit !important;}
.center {
  font: 13px/25px Roboto;
  font-weight: normal;
  max-width: 1200px;
  box-sizing: border-box;
  width: 94%;
}
header{}
.topHead{height: 40px;background:#2b3b92;}
.topHeadItems{line-height: 40px;font-weight: 600;display: flex;color:#fff;justify-content: space-between;}
.topSlogan{margin:0}
.callUs{color:#fff;direction: ltr;}
.callUs i{font-size: 20px;margin-right: 5px;}
.callUs:hover{color:#05a2e5}
.topNav{background: #fff;}
.topNav .center{position: relative;}
.logo{width: 190px;height: 140px;display: flex;align-items: center;justify-content: center;text-align: center;position: absolute;top:-22px;right:50%;margin-right: -80px;}
.logo a{}
.logo img{width: 100%; height: auto;}
.topmenu{line-height: 100px;font-weight: bold;font-size: 15px;gap: 30px;}
.topmenu > li{}
.topmenu > li > a{color:#374550;}
.topmenu > li > a:hover{color:#05a2e5}
.topmenu > li:nth-child(4){margin-left: auto;}

.slVideo{position: relative;margin-bottom: 70px;}
.topVideo{width: 100%;height: auto;max-height: calc(100vh - 140px);object-fit: cover;}
.slVideo .center{position: absolute;top:0;left: 0;right:0;bottom: 0;display: flex;align-items: center;}
.slVideo::after{content: '';display: block;top:0;left:0;right:0;bottom: 0;position: absolute;background: rgba(0, 0, 0, 0.2);z-index: 2;}
.slogan{font-weight: bold;z-index: 3;;line-height: 60px;font-size: 25px;color:#fff;margin:0;text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.homeProductSection{}
.homeProducts{}
.homeProducts > img{ margin: 0 auto 10px;display: block;width: 8%;}
.homeProducts h2{font-weight: bold;font-size: 20px;color:#262626;text-align: center;margin-bottom: 100px;}
.homeProducts h2 span{font-weight: 600;}
.prList{width: 700px;margin:0 auto 100px;display: flex;gap: 50px;flex-wrap: wrap;}
.prList > li{width: 200px;border-radius: 5px;background: #f0f3f5;margin-bottom: 30px;}
.prItem{}
.prItem a{display: block;text-align: center;font-size: 14px;line-height: 30px;border-bottom: 5px solid #dadfe2;border-radius: 5px;}
.prItem figure{position: relative;margin-top:-30px;margin-bottom: 14px;}
.prItem figure img{position: absolute;top:0;left:0;right:0;bottom: 0;width: 100%;height: 100%;}
.prItem figure:before{content: '';display: block;padding-top: 69%;}
.prItem figure:after{content: '';display: block;position: absolute;bottom:-10px;right:0;left: 0;height:10px;background: url(../images/shadow.png) center center no-repeat;}
.prItem a strong{display: block;color:#374550;height: 60px;overflow-y: hidden;padding: 0 10px;}
.prItem a span{display: block;color:#8f9da7;padding-bottom: 20px;height: 60px;overflow-y: hidden;padding: 0 10px;font-size: 12px;}
.prItem a:hover{border-color: #05a2e5;}

.homeAboutSection{margin-bottom: 100px;}
.homeAbout{display: flex;justify-content: space-between;}
.homeAboutContent{flex:1;}

.homeAboutFigure img{}
.homeAboutContent{}
.homeAboutFigure {
    margin-left: 50px;
}
.hATitles{}
.hATitles > span{color:#2b3b92;margin-bottom: 10px;font-weight: bold;}
.hATitles h1{color:#374550;font-size: 30px;max-width: 400px;font-weight: bold;line-height: 60px;margin-bottom: 20px;text-align: left;}
.hATitles h1 span{color:#05a2e5}
.hATitles .cmspage{color:#55636f;margin-bottom: 30px;line-height: 23px;word-spacing: -1px;font-size: 14px;font-weight: normal;}
.showMoreLink{padding: 0 20px;border-radius: 5px;font-weight: 600;background: #05a2e5;line-height: 44px;color:#fff;font-size: 14px;}
.showMoreLink i{font-size: 20px;margin-left: 10px;transform: rotate(180deg);}
.showMoreLink:hover{color:#fff;background: #2b3b92;}

.whyUsSection{min-height: 510px;background: #374550 url(../images/logobg.jpg) right top no-repeat;padding: 60px 0;}
.whyTitles{}
.whyTitles h2{color:#fff;padding-top: 12px;margin-bottom: 12px;font-weight: bold;font-size: 32px;line-height: 50px;text-align: left;}
.whyTitles h2 span{font-weight: 600;display: block;}
.whyTitles p{color:#919fa8}

.whyUsList{display: flex;gap:30px;flex-wrap: wrap;}
.whyUsList > li{width: calc(33.33% - 20px);}
.whyItem{background: #fff;padding: 25px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.whyItem figure{margin-bottom: 10px;}
.whyItem strong{color:#374550;font-size: 15px;display: block;font-weight: bold;margin-bottom: 10px;}
.whyItem p{color:#55636f;height:100px;font-size: 12px;overflow: hidden;}
.whyItem:hover{background: #05a2e5;color:#fff;}
.whyItem:hover img{filter: brightness(0) invert(1);}
.whyItem:hover p{color:#fff;}

.brandSection{padding: 60px 0;}
.brandBox{display: flex;gap: 40px;}
.brandBoxTitle{line-height: 90px;width: 240px;margin:0;position: relative;}
.brandBoxTitle h2{color:#374550;font-weight: bold;font-size: 25px;}
.brandBoxTitle h2 span{font-weight: 600;}
.brandBoxTitle:after{height:2px;content:'';display: block;width: 40%;position: absolute;bottom: 0;right:0;background: #d5e7ea;}
.brandCarousel{width: calc(100% - 280px);}
.brandCarousel .item{text-align: center;}

.priceSection{position: relative;margin-bottom: 70px;min-height: 430px;}
.priceSection::before{content: '';display: block;height:430px;background: #55636f url(../images/petrobg.jpg) 0 0 no-repeat;position: absolute;top:0;right:0;left:0;z-index:0;}
.priceSection .center{position: relative;z-index: 2;}

.priceTabBox{padding-top:45px;position: relative;}
.priceTabs{font-weight: bold;font-size: 15px;display: flex;gap:6px;}
.priceTabs > li{}
.priceTabs > li > a{line-height: 90px;padding:0 30px;background: #4b5964;border-radius: 10px 10px 0 0;color:#8f9da7}
.priceTabs > li > a:hover,.priceTabs > li.active > a{color:#374550;background: #fff;}
.priceTabContents{}
.priceTabContents > li{display: none;background: #fff;padding-top: 25px;border-radius: 0 0 10px 10px;box-shadow: 0 5px 30px rgba(0,0,0,0.1);}
.priceTime{background: #282f39;padding:0 15px;line-height: 40px;border-radius: 5px;position: absolute;top:40px;color:#fff;display: flex;gap:20px;left:0;}
.pTime{direction: ltr;margin:0;}
.pTime i{color:#2b3b92;font-size: 20px;margin-right: 5px;}


.priceTbl{width: 100%;border-collapse: collapse;line-height: 32px;}
.priceTbl th{border-bottom: 1px solid #efeff1;padding: 12px;font-size: 13px;color:#8f9da7;}
.priceTbl td{border-bottom: 1px solid #efeff1;padding: 12px;color:#282f39;font-size: 12px;}
.priceTbl td a{background: #8f9da7;border-radius: 5px;padding:0 12px;color:#ffffff;}
.priceTbl td a:hover{color:#fff;background: #05a2e5;}
.green{color:#07b752}
.red{color:#f44336}
.priceTbl th:first-child,.priceTbl td:first-child{padding-right: 30px;}

.showAllPrices{padding: 20px 0;text-align: center;font-weight: 600;}
.showAllPrices a{color:#4e99a6;}
.showAllPrices a i{font-size: 20px;margin-right: 8px;}
.showAllPrices a:hover{color:#2b3b92;}


.blogSection{margin-bottom: 120px;}
.homeBlog{position: relative;}
.hbSl{color:#2b3b92;font-weight: 600;margin-bottom:15px;}
.homeBlog h2{color:#374550;font-weight: bold;margin-bottom: 60px;line-height: 40px;font-size: 28px;}
.homeBlog h2 span{font-weight: 600;}
.blogCarousel{}

.blogItem a{display: flex;gap: 32px;flex-direction: row-reverse;}
.blogItem a figure{flex:1;}
.blogItem a figure img{width: 100%;height: auto;border-radius: 4px;}
.blogItemDet{flex:1;direction: ltr;}
.blogItemDet strong{display: block;color:#374550;text-align:left;display: block;line-height: 34px;font-size: 15px;margin-bottom: 15px;}
.blogItemDet p{color:#8f9da7;height: 150px;overflow: hidden;margin-bottom: 25px;line-height: 25px;font-size: 13px;}
.blDate{display: block;color:#05a2e5;margin-bottom: 10px;}
.readMore{line-height: 44px;padding: 0 15px;border:1px solid #d3d3d3;border-radius: 5px;color:#55636f;}
.readMore i{font-size: 20px;margin-left: 10px;transform: rotate(180deg);}
.blogItem a:hover .readMore{color:#fff;background: #05a2e5;border-color:#05a2e5;}
.blogItem a:hover strong{color:#05a2e5}
.owl-dots{display: flex;justify-content: center;gap: 20px;margin-top: 45px;}
.owl-dot{width:70px;height:2px;border-radius: 1px;background: #aab4bd !important;}
.owl-dot.active{background: #4e99a6 !important;}
.owl-prev, .owl-next{border:1px solid #919fa9 !important;color:#9492a9 !important;background:#fff !important;position:absolute;margin-top:0px;top:-100px;right:50px;font-size:25px !important;font-family:boxicons !important;width:40px !important;height:40px!important;text-align:center;line-height:42px;border-radius:50%;}
.owl-prev{right:0;}
.owl-prev:before{content:'\ea50'}
.owl-next:before{content:'\ea4d'}
.owl-nav button:hover{color:#fff !important;background:#e66c2c !important;}


footer{background: #374550;position: relative;}
footer::before{content: '';display: block;position: absolute;top:0;left: 0;bottom: 0;width: 50%;z-index: 1;background: #131313;}
footer::after{content: '';display: block;position: absolute;top:0;right: 0;bottom: 0;width: 50%;z-index: 1;background: #374550;}
.footerFlx{display: flex;}
.ftRight{background: #131313;width: 450px;padding-top: 50px;}
.ftLeft{background: #374550;width: calc(100% - 450px);}
footer .center{position: relative;z-index: 2;}
.ftLeftContent{padding-left: 50px;padding-top: 50px;}
.ftLogo{margin-bottom: 40px;}
.ftLogo img{margin-bottom: 20px;}
.ftLogo strong{display: block;color:#f4f6f5;margin-bottom: 10px;}
.ftLogo span{display: block;color:#55636f}
.ftContact{}
.ftContact h2{font-weight: bold;color:#fff;font-size: 15px;margin-bottom: 20px;}
.ftCt{color:#919fa8;margin-bottom: 40px;}
.ftCt li{margin-bottom: 25px;}
.ftCt li i{color:#2b3b92;font-size: 24px;margin-right: 12px;}
.ftCt li a{color:#919fa8;}
.ftCt li a:hover{color:#05a2e5}
.socials{display: flex;justify-content: center;gap:15px;margin-bottom: 10px;}
.socials > li{}
.socials > li > a{padding: 4px;}
.socials > li > a:hover{transform: scale(1.1);}
.followUs{color:#919fa8;text-align: center;opacity: 0.4;margin-bottom: 10px;}

.ftLineBx{border-bottom: 1px solid #414e59;margin-bottom: 20px;padding-bottom: 20px;}
.ftLineBx h2{color:#fff;font-weight: bold;font-size: 15px;margin-bottom: 20px;}
.ftLinks{display: flex;flex-wrap: wrap;}
.ftLinks > li{width: 33.33%;margin-bottom: 15px;}
.ftLinks > li > a{color:#aab4bd;padding-left: 12px;position: relative;}
.ftLinks > li > a:hover{color:#05a2e5}
.ftLinks li a::before{content: '';display: block;width: 4px;height: 4px;border-radius: 50%;background: #a5beed;position: absolute;top:10px;left:0}
.mapBox{height: 100px;border-radius: 5px;background: #05a2e5;}
.copy{display: flex;font-size: 11px;justify-content: space-between;color:#fff;padding-bottom: 20px;}
.copyright{margin:0;}
.kaspid{margin:0;}
.kaspid a{color:#fff;}
.kaspid a:hover{color:#05a2e5;}