/*@charset "utf-8"; */
/* CSS Document */
/*
# ------------------------------------------------------------------------
# Rayan Theme Templates
# ------------------------------------------------------------------------
# Copyright (C) 2012-2020 (Rayan). All Rights Reserved.
# Website:  (..)
# ِDesign by : (Niloo.Khalilnejad)
# ------------------------------------------------------------------------
*/
/* -------Rayan Template------*/
body { background-color:#fff; color:#444; direction:ltr !important; font-family:'segoeui' !important; font-size:14px; margin:0px auto 0;}
.itemid-101 #sp-main-body{display: none;}
@font-face { font-family:'segoeui';
    src: url('../fonts/segoeui.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/segoeui.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/segoeui.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */;}
p { margin:10px 0;}
#offcanvas-toggler { float:none !important; margin:0 auto !important; text-align:center;}
h1,h2,h3,h4,h5,h6 { font-family:'segoeui' !important;}
#sp-component .sp-column article.item.item-page div p { font-size:19px;}
#sp-component article.item.item-page p { color:#333;}
a:focus { outline:none !important;}
/*-----  CLASS  ------*/
.prodget { border:1px solid #999;}
.lngmeteringsystems { color:#0085A0 !important;	font-family:"Helvetica Narrow","Arial Narrow",Tahoma,Arial,Helvetica,sans-serif; font-size:34px !important; font-style:normal; font-variant:normal; font-weight:100; line-height:30px;}

/*-----  HEADER  ------*/
#sp-topheadersites { background-image:url("../images/headerbg.jpg"); background-position:center top; background-repeat:repeat-x; background-size:cover}
#sp-topheadersites p { margin-bottom:0 !important;}
#sp-headert02 { padding-top:10px;}
#sp-topheader02 p img.flagesa { display:inline;height: 1%;width: 21%; }
#sp-topheader02 p img.mapsdf { display:inline;height: 5%; width: 44%;}
#sp-topheader02 p {display: inline-flex;}
input, textarea, .uneditable-input{width:160px !important;}
#sp-topheader02{padding-left: 0;padding-top: 2.5%;}
#sp-search{padding-top: 2.5%; padding-bottom:20px;}
#sp-search .search input { width:200px !important; margin:0 auto;}
#sp-internalslider { position:relative; bottom:-15px;}
/*-----  Menu  ------*/
#sp-header { background-color:
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e01d23+0,a91016+100 */
background: rgb(224,29,35); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224,29,35,1) 0%, rgba(169,16,22,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(224,29,35,1) 0%,rgba(169,16,22,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(224,29,35,1) 0%,rgba(169,16,22,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e01d23', endColorstr='#a91016',GradientType=0 ); /* IE6-9 */}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {background-color:rgba(153,0,0,0.9) !important;padding: 0 !important;}
#sp-menu .sp-dropdown-items li.sp-menu-item a { padding: 5px 10px !important; text-align:left; height:41px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{background: #D91B21 !important;color: #fff !important;}
#sp-menu li {border-right: 1px solid #8f0006;}
#sp-menu .sp-dropdown-items li.sp-menu-item { border:none;}
#sp-menu li a:hover {background: 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,2f2f2f+100 */
background: rgb(102,102,102); /* Old browsers */
background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(47,47,47,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(47,47,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(47,47,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */    
 color: #fff !important; height:41px;}
#sp-menu li.sp-menu-item a {padding: 0 28px;}
#sp-menu li:last-child { border-right:solid 0px #ececec;}
#sp-menu li a { font-weight:normal !important; padding:0px 17px 0px; color:#fff; font-size:14px; margin:0px auto;}
#sp-menu li a:hover { color:#19c5cb;}
#sp-menu li.active a { color:#fff; height:41px;
background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,2f2f2f+100 */
background: rgb(102,102,102); /* Old browsers */
background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(47,47,47,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(47,47,47,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(47,47,47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */;}
#sp-menu li a:before { content:'' !important;}
.PTW div.sp-dropdown.sp-dropdown-main.sp-menu-right{width:350px !important;}
/*-----  Slider  ------*/
#sp-slider .ari-image-slider-wCtrlNav {margin:0;}
#sp-slider .nivo-controlNavHolder {background:#eee;}
#sp-slider .slide-text {font-family:'segoeui' !important; padding: 15% 20% 10% 5%; text-align:justify; direction:ltr; font-size:12px;}
#sp-slider .slide-text h2 {font-family:'segoeui' !important; text-align: left; padding:0 0 15px 0; font-size:30px !important;}
#sp-sliderinternal .custom img { border:solid 1px #bbb;}
/*-----  ABOUT US  ------*/
#sp-aboutposit {margin-top:45px;}
#sp-aboutpos01 h1 { color: #b9141a;font-family:'segoeui' !important;font-size:26px;font-weight: normal;letter-spacing: 2px !important;
text-transform: capitalize;}
#sp-aboutpos01 button { background: transparent none repeat scroll 0 0 !important;border: 0 none;border-radius: 2px;color: #bc151b;
float: right;font-size: 14px;margin-top: 10px;padding: 0 16px 2px;text-transform: capitalize;}
#sp-aboutpos01 button:hover { color:#5B0609;}
#sp-aboutpos01 p { font-size: 15px;line-height: 30px; text-align: justify !important;}
#sp-aboutpos02 img {border: 1px solid #fff;box-shadow: 1px 1px 2px #444;}
#sp-aboutpos02 { padding-bottom:20px;}
/*-----  middle  ------*/
#sp-fourboxposi div.container{padding: 50px 0;}
#sp-fourboxposi img { transform:scale(1.07, 1.07);filter: grayscale(0);}
#sp-fourboxposi img:hover {transition:all 600ms ease-in-out 0s; filter: grayscale(100%);}
#sp-fourboxposi .box {overflow: hidden;position: relative;}
#sp-fourboxposi .box p {margin: 0;}
#sp-fourbox01 h3 { padding-left:50px !important; padding-right:50px !important;}
#sp-fourbox01 h3, #sp-fourbox03 h3 {min-height:90px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(224, 29, 35, 1) 0%, rgba(169, 16, 22, 1) 100%) repeat scroll 0 0; color:#fff; font-size:22px !important; margin:0; text-align:center;}
#sp-fourbox02 h3, #sp-fourbox04 h3 {min-height:90px; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(102, 102, 102, 1) 0%, rgba(47, 47, 47, 1) 100%) repeat scroll 0 0; color:#fff; font-size:22px !important; margin:0; text-align:center;}
#sp-fourboxposi .custom h3 { text-align:center; align-items:center; justify-content:center; display:flex; padding:17px 10px; text-shadow:0px 3px 2px #333;}
.slides_control .bt-inner a.bt-image-link { margin-left:10px; margin-right:20px; background-image:url('../images/bg.png') !important; float:left; opacity:1 !important; overflow:hidden !important; background-size:100% auto; background-repeat:no-repeat;}
.bt-cs .bt-inner img {opacity:0.9 !important;}
.bt-cs .bt-inner img:hover {opacity:0.8 !important;}
#sp-newsletter{  color: #fff !important; background: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a61015+0,990000+100 */
background: rgb(166,16,21); /* Old browsers */
background: -moz-linear-gradient(top, rgba(166,16,21,1) 0%, rgba(153,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(166,16,21,1) 0%,rgba(153,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(166,16,21,1) 0%,rgba(153,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61015', endColorstr='#990000',GradientType=0 ); /* IE6-9 */}
#sp-position1 .acymailing_introtext{ float: left;text-align: left !important;width: 40%;}
#sp-position1 table.acymailing_form {float: right;}
#sp-position1{background: url(../images/news-letter.png) no-repeat left center;padding: 20px 70px;}
#sp-position1 h3.sp-module-title{font-size: 18px;}
#sp-fourboxposi .sp-column:hover {box-shadow: 0 0 10px -2px #222 !important;}
/*-----  ARTICLE NEWS  ------*/
#sp-news1 h1 { color:#880016; font-size:20px; margin-bottom:0 !important; margin-left:10px;}
#sp-news2 h1 { color:#578ab5; font-size:20px; margin-bottom:0 !important; margin-left:10px;}
#sp-modipertre .slides_container { padding:20px 0;}
#sp-modipertre .bt-cs ul.bt_handles { top:-20px; right:0;}
#sp-modipertre .sp-module-content h3 { margin-top:5px;}
#sp-modipertre #sp-news1 .bt-inner a.bt-title { text-transform:uppercase; color:#880016; text-align:justify;}
#sp-modipertre #sp-news1 .bt-inner a.bt-title:hover { color:#F05F65;}
#sp-modipertre #sp-news2 .bt-inner a.bt-title { text-transform:uppercase; color:#055091; text-align:justify;}
#sp-modipertre #sp-news2 .bt-inner a.bt-title:hover { color:#368cd6;}
#sp-modipertre .bt-inner .bt-introtext { color:#656565; font-size:15px; text-align:justify;}
#sp-modipertre .bt-inner p.readmore a { background-color:#a8a8a8; border-radius:5px; color:#fff; float:right; margin-top:20px; padding:7px 15px; text-transform:uppercase;}
#sp-modipertre .bt-inner p.readmore a:hover { background-color:#ccc; border-radius:5px; color:#999;}
#sp-modipertre #sp-news1 .sp-module-content h3 a { color:#880016; }
#sp-modipertre .sp-module-content h3 a { float:right; background-image:url('../images/plus-button.png'); background-size:45px auto; line-height:50px; padding-right:50px; background-repeat:no-repeat; background-position:right center;}

/*-----  Contact Page  ------*/
#sp-component .contactpou{width: 30px;}
/*-----  ACY Page  ------*/
.acyfield_name .inputbox,.acyfield_email .inputbox{border:none;border-radius:0;color:#9d0507;margin-right:6px;width:98%!important;}
.button.subbutton.btn.btn-primary{background:#838486 none repeat scroll 0 0;border:1px solid #838486;border-radius:0;width:100px!important;text-transform:uppercase;}
.blogblogingpagep .cat-children,.blogblogingpagep .entry-header h2{display:none;}