/*@charset "utf-8"; */
/* CSS Document */
/*
# ------------------------------------------------------------------------
# Rayan Theme Templates
# ------------------------------------------------------------------------
# Copyright (C) 2012-2020 (Rayan). All Rights Reserved.
# Website:  (..)
# ِDesign by : (Niloo.khalilnejad)
# ------------------------------------------------------------------------
*/
/* -------Vitra Template------*/
@font-face { font-family:'Yekan';
    src: url('../fonts/Yekan.eot?#') format('eot'),  /* IE6–8 */
       url('../fonts/Yekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('../fonts/Yekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */;}

/* -------MY EDIT Template------*/
.itemid-312 #sp-main-body{display: none;}
body{font-family: 'Yekan' !important;font-size: 12px;}
a{outline: none !important;}
#sp-main-body{padding: 0 0 10px 0 !important;}
#sp-component .page-header{margin: 0 !important;padding: 0 !important;border: none !important;}
#sp-component .entry-header{margin: 0 !important;padding: 0 !important;}
#sp-component article{text-align: justify;  font-size: 13px !important;margin: 0 !important;}
#sp-component .header img{width: 100%;   border: 5px solid #fff; box-shadow: 2px 2px 3px #666;}
#sp-component h1{ text-align:right; border-bottom:3px solid #1fb25a !important; color:#000 !important; font-family:"yekan"; font-size:16px; font-weight:600;
margin:0 0 15px; padding:10px 10px; text-transform:uppercase;}
#sp-component article h4{ border-bottom: 3px solid #1fb25a !important;color: #000 !important;font-family: "arial";font-size: 18px; font-weight: normal;
margin: 0 0 15px;padding: 10px 10px;}

.blog div.cat-children{display: none;}
.sp-module ul > li > a::before {content: none !important;}

/*------ top ------*/
#sp-top-bar{border-bottom: 2px solid #999;}
#sp-logo h1{float: left;margin: 0;}
#sp-top p{float: right;}
#sp-top .sp-module { background: #e6e6e6;margin-top: 10px !important;}

/*------menu------*/
#sp-menu a{font-family: 'yekan' !important;}
#sp-menu a:hover{background: #1DB159;color: #fff !important;}

#sp-menu .sp-megamenu-parent > li.first.active > a, #sp-menu .sp-megamenu-parent > li.first:hover > a{border-bottom: 2px solid #fff !important;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a{color: #fff !important;background: #1eb25a;}
#offcanvas-toggler { float:left !important;}
.offcanvas-inner li { background:#333; padding:0 10px;}
#offcanvas-toggler > i { color: #1fb25a !important;  margin: 0 !important;}
.offcanvas-inner a{border-bottom: 1px solid #1fb25a !important; color: #fff !important;font-size: 12px !important;font-weight: normal;}
.offcanvas-inner a:hover { color: #1fb25a !important;background: #333 !important;}
#offcanvas-toggler { line-height: 50px !important;}
#sp-menu #offcanvas-toggler.visible-xs:hover{border-bottom: none !important;}
#sp-menu .sp-megamenu-parent { text-align: center;width: 100%;}
#sp-top p {margin: 5px 10px;}
#sp-top p a{color: #000 !important;text-transform: uppercase;}
#sp-top p a:hover{color: #1fb25a !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {background: #1eb25a !important;color: #fff !important;}
#sp-menu li.first a{background: url(../images/home-ico.png) no-repeat center center;color: transparent !important;display: inline;}
#sp-menu ul.sp-dropdown-items a {font-size: 12px !important;padding: 2px 10px !important;text-align: right !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{background: #1EB359 !important;}
#sp-menu .sp-dropdown-inner ul.sp-dropdown-items li.sp-menu-item a:hover{border-bottom: 0 !important;}

/*------slider------*/
#sp-slider{width: 100% !important;}
#sp-header div.container {padding: 0;width: 100% !important;}
#sp-slider .credit{display: none;}
.accordion-slider .as-mask{width: 100% !important;}
#sp-header .navigation-container {position: relative;top: 50% !important;}
#sp-slider .sp-module-content img{border-bottom: 2px solid #FF7F4C;}
#sp-slider #djslider199 img{border: none !important;}

/*------news------*/
#sp-user1 .sp-module-content { float:right;}
#sp-user1 h3.sp-module-title { background: rgba(0, 0, 0, 0) url("../images/news-ico.png") no-repeat scroll right center; color: #1fb25a;
float: right; font-family: "yekan";font-weight: 600;margin: 0;padding: 10px 35px;width:100px;}
#sp-news {padding: 20px 0;}
#sp-news div.container{padding: 5px 30px !important;}
#sp-user1{background: #e3e3e3 !important;padding: 5px 15px;}
#sp-nh201,.sp-nh-item{background: #e3e3e3 !important;}
#sp-user1 span.sp-nh-title {color: #5f5f5f !important;font-weight: 600;}
#sp-user1 .sp-nh-text{display: none;}

/*------row01------*/
#sp-row01 div.container {padding:30px 15px;}
#sp-row01{text-align: center;background: #f5f5f5;}
#sp-row01 .sp-module{text-align: center;}
#sp-row01 h3.sp-module-title {color: #fff;font-family: yekan;margin: 0;text-align: center;}
#sp-row01 table td{border: none; padding: 0 0 15px;}
#sp-row01 table tbody tr td img {margin: -20px auto 0;position: relative;width: 40%;}
#sp-row01 td.title {color: #fff;font-size: 16px !important;font-weight: normal;padding: 0 0 5px;}
#sp-row01 table a{color: #fff !important;}
#sp-row01 #sp-position1 table {width: 100%;background: #BBC9B2;border: none;border-radius: 10px;}
#sp-row01 #sp-position2 table {width: 100%;background: #a4adb7;border: none;border-radius: 10px;}
#sp-row01 #sp-position3 table {width: 100%;background: #a4c5d4;border: none;border-radius: 10px;}
#sp-row01 #sp-position4 table {width: 100%;background: #d7c0b7;border: none;border-radius: 10px;}


/*------bottom------*/
#sp-bottom {border-bottom: 1px solid #bdbdbd;padding: 15px 0;}
#sp-position7 h3.sp-module-title{color: #1fb25a;font-family: yekan;font-size: 16px !important;font-weight: 600 !important;}
#sp-position6 h3.sp-module-title {color: #1fb25a;font-family: yekan;font-size: 16px !important;font-weight: 600 !important;
margin: 30px 0 5px !important;text-align: right;}
#sp-position7 p{background: rgba(0, 0, 0, 0) url("../images/Square.png") no-repeat scroll right 8px; margin: 10px 0;padding: 0 20px;}
#sp-position7 a{color: #000 !important;}
#sp-position6 p {display: inline;}
#sp-position6 img {display: inline;}
#sp-position6 .sp-module {margin: 0 0 15px !important;text-align: center;}
#sp-position6 #contact p { display: block !important;text-align: right;}
#sp-position6 #contact p#add { background:  url("../images/location.png") no-repeat scroll right center / 20% auto;padding: 5px 60px 5px 0;}
#sp-position6 #contact p#tel { background:  url("../images/tel.png") no-repeat scroll right center / 20% auto;padding: 15px 60px 15px 0;}
#sp-position6 #contact p#mail { background:  url("../images/mail.png") no-repeat scroll right center / 20% auto;padding: 15px 60px 15px 0;}
#sp-position6 #contact p#fax { background:  url("../images/fax.png") no-repeat scroll right center / 20% auto;padding: 15px 60px 15px 0;}
#sp-position5 .bt-googlemaps {border: 2px solid #bdbdbd;border-radius: 10px;}

#sp-position1 , #sp-position2 , #sp-position3 , #sp-position4 { padding-bottom:15px; padding-top:10px;}
/*------copyright------*/
#sp-copyright{ border-top: 2px solid #1fb25a;background: 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,e0e0e0+81,c9c9c9+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 50%, rgba(224,224,224,1) 81%, rgba(201,201,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 50%,rgba(224,224,224,1) 81%,rgba(201,201,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(224,224,224,1) 81%,rgba(201,201,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */}
#sp-footer{padding: 0 !important;background: none !important;color: #000 !important;}
#sp-footer p a{color: #000 !important;}
#sp-footer p {margin-bottom: 5px !important;font-size: 12px;}

/*------contact us page------*/
.pic img {float: right;padding: 0 0 0 5px;}
#satr1, #satr2, #satr3, #satr4, #satr5 {margin: 0 0 15px;}
#tel, #fax, #mob, #add, #mail {padding: 4px 0 0;}
.bt-googlemaps {border: 1px solid #fff;box-shadow: 2px 2px 3px #444;}
.formResponsive{width: 100% !important;}
.formResponsive .formHorizontal .rsform-block{float: none !important;}
.formResponsive .formHorizontal .formControlLabel{float: right !important;text-transform: capitalize;  font-size: 12px !important;}
.formResponsive .formHorizontal .formControls{  margin-right: 110px !important;margin-left: 0 !important;}
#sp-position8 textarea#subject.rsform-text-box {height: 140px !important;width: 100%;}
#sp-map div.container {padding: 0;width: 100% !important;}
#sp-position8 h3.sp-module-title{font-family: 'yekan' !important;font-weight: 600;}

/*------products page------*/
#sp-component article.item.item-page div p img.pro{float: left !important;margin: 0 30px 0 0 !important;  width: 80% !important;}
#sp-component .blog p.title a {color: #d34fea;font-weight: 600;text-transform: capitalize;}
#sp-component .blog p {text-align: center;}
#sp-component .blog img {border: 1px solid #d2d3d7; padding: 5px !important;width: 100%;}
#sp-component .blog .readmore a.btn.btn-default {border: medium none !important;font-size: 12px !important;margin: 0;padding: 0;color: #1FB25A;
 font-weight: 600;}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
background: none !important;border: none !important;}
#sp-component .blog article p strong{font-size: 12px;}
#sp-component article div p {font-size: 13px !important;color: #000;}
#sp-component .entry-header h2 {background: rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll right center;font-family: yekan;
font-size: 16px !important;font-weight: 600;margin: 3% 0 !important;padding: 0 10px 3px 0 !important;text-align: right;}
#sp-component .row02 {text-align: center;margin: 10px 0 0 0}
#sp-component .row01{text-align: center;padding: 15px 0 0;}
#sp-component .row02 p img{display: inline;width: 11%;}
#sp-component .row01 p img{display: inline;width: 12%;}
#sp-component table{width: 90%;border: none !important;}
#sp-component table td{border: none !important;padding: 0 30px;}
#sp-component table td img {display: inline; float: left;margin: 0 10px 0 0;}
#sp-component ul li {color: #000 !important;margin: 0 0 5px;}
#sp-component .blog .clearfix .entry-header h2{ font-size:14px !important; line-height:20px; margin:4% 10% !important;}
#sp-component .row01 img{margin: 0 auto;}

/*------left menu------*/
#sp-left h3.sp-module-title {background: #605d5d none repeat scroll 0 0;border-top: 2px solid #2EE878;color: #fff;
font-family: yekan;font-size: 15px !important;font-weight: normal;margin: 38px 0 6px !important;padding: 5px 10px 8px 5px !important;
text-transform: capitalize !important;}
#sp-left ul.nav.menu a{text-transform: capitalize;font-size: 12px;background: #e7e8ea url("../images/arrow.png") no-repeat scroll 3% center;
padding: 0 0 0 20px !important;font-weight: 600 !important;}
#sp-left ul.nav.menu .deeper.parent ul.nav-child.unstyled.small li a{  background-color: #fff !important; 
background-image: url("../images/arrow.png") !important;background-position: 3% center !important;background-repeat: no-repeat !important;
background-size: 2% 15%;font-weight: normal !important;margin: 0 10px !important;}
#sp-left .sp-module ul > li > a:hover{color: #000 !important;}


/*------accordeonck------*/
.accordeonck {border: none !important;box-shadow: none !important;;background: none !important;}
.accordeonck  li a{ border-bottom: 1px solid #d6d7db;direction: rtl;font-size: 13px !important;font-weight: normal !important; padding: 0 20px 0 5px !important;text-align: right !important;line-height: 25px !important;}
#sp-left .accordeonck ul .menu{background: none !important;box-shadow: none !important;border: 0 !important;}
.accordeonck  li ul li{margin: 0 !important;}
.accordeonck ul.menu{background: none !important;}
.accordeonck ul#accordeonck231.menu li.level1 a,
.accordeonck ul#accordeonck231.menu li.accordeonck.parent.level1 a.toggler.toggler_1{ font-size:16px !important;
 background-color: #f2f2f4 !important;background-position: 98% center !important;line-height: 30px !important;padding: 2px 25px !important;}
.accordeonck ul#accordeonck252.menu,.accordeonck ul#accordeonck253.menu,
.accordeonck ul#accordeonck254.menu,.accordeonck ul#accordeonck255.menu,
.accordeonck ul#accordeonck256.menu,.accordeonck ul#accordeonck257.menu{padding: 0 !important;border-radius: 0;}
#sp-left #accordeonck231.menu{padding: 0 !important;}
#sp-left .accordeonck.level2 a:hover{background: #1fb25a none repeat scroll 0 0;color: #777!important;font-weight: normal !important;}
#sp-left .accordeonck .active .level2 a.isactive { background:none; color:#DB8008 !important; font-weight: bold !important; padding-right:50px !important; text-align:justify; font-size:16px !important;}

/*------solution------*/
#sp-user2{text-align: center; padding: 0 0 70px;}
#sp-component article img {margin: 0 auto !important;}

/*------Pdf------*/
#sp-component .pdf-main {margin: 0 auto !important;text-align: center !important;}
#sp-component .col1{ display: inline-block;text-align: center !important;width: 30%;}
#sp-component .col1 p a img{margin: 0 auto;}

.itemid-324 #sp-component .blog  img,.itemid-317 #sp-component .blog  img,
.itemid-326 #sp-component .blog  img{width: 80% !important;margin: 0 auto;}

.itemid-324 #sp-component .blog .clearfix .entry-header,.itemid-317 #sp-component .blog .clearfix .entry-header,
.itemid-326 #sp-component .blog .clearfix .entry-header{position: relative !important;}

.itemid-324 #sp-component .entry-header h2,.itemid-317 #sp-component .entry-header h2,
.itemid-326 #sp-component .entry-header h2{background: none;font-family: yekan;font-size: 12px !important;font-weight: normal;padding: 0 10px 3px 0 !important;text-align: center;}

.itemid-324 #sp-component .blog .clearfix .entry-header h2,.itemid-317 #sp-component .blog .clearfix .entry-header h2,
.itemid-326 #sp-component .blog .clearfix .entry-header h2{line-height: 25px;margin: 0 !important;}

.blog p.pdf a{ background: rgba(0, 0, 0, 0) url("../images/pdf.png") no-repeat scroll right center;color: #000 !important;padding: 0 25px 0 0;}
#sp-component .blog .clearfix h3 {font-family: yekan !important;font-size: 16px !important;font-weight: 600;margin: 0 0 10px;text-align: center;}

/*------phocagallery------*/
#phocagallery #pg-icons{display: none;}
#sp-component .pg-cv-box.item:hover{background:none !important;}
#sp-component .pg-cv-name{text-align:center;color: #000 !important;font-size: 13px !important;font-weight: 600;}
#sp-component #phocagallery img.pg-image{border: 1px solid #fff;box-shadow: 1px 1px 2px #666;}
/*------color charts------*/
.itemid-330 #sp-component img{width: 75%;margin: 0 auto;}

#sp-user3 h3.sp-module-title {border-bottom: 1px solid #d1d1d1;font-family: yekan;font-size: 16px;font-weight: 600;padding: 0 0 10px;}
#sp-user3 #detiles.rsform-text-box{height: 160px;width: 100%;}
.rahnamako tr.pdf td a span { background: rgba(0, 0, 0, 0) url("../images/pdf.png") no-repeat scroll right center;color: #000 !important;padding: 0 25px 0 0;}
table.rahnamako tbody tr td { padding:0 !important;}
table.rahnamako { display: inline-flex; margin: 0 20px; width: 250px !important;}
.ferdivl {text-align: center;}


#sp-left .accordeonck.item-432.level1 a ,
#sp-left .level1 a.toggler.toggler_1 { color:#088969 !important;}
#sp-left .level2 a { color:#000 !important;}
#sp-news { background-color: #e3e3e3; margin-top: 20px; padding: 0;}
#sp-component .blog .clearfix div.entry-image.intro-image{ overflow:hidden; position:relative; top:75px; margin-bottom:75px;}
#sp-component .blog .clearfix .entry-header { position:absolute !important; top:0 !important;}
.sp-nh-buttons, .sp-nh-item, .sp-nh-prev, .sp-nh-next { height:auto !important;}
.alert h4{font-family:yekan;}