/* FRONTEND CSS
*********************************************/

@font-face {
    font-family: 'IRANSansWeb(FaNum)';
    src: url('../fonts/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'),
         url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"),
	url("../fonts/fontawesome-webfont.woff") format("woff"), 
	url("../fonts/fontawesome-webfont.ttf") format("truetype"), 
	url("../fonts/fontawesome-webfont.svg") format("svg");
}

html {
  overflow-y: scroll;
}


/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

div,ul,li,p,h1,h2,h3,h4,h5,h6,a,img{ margin:0; padding:0;}
 #tinymce{background:none!important;}

.nav>li>a:hover, .nav>li>a:focus{background:none !important;}
.nav>li>a{padding: 0 !important;}
.btn{padding: 0px !important}
.btn{outline:none !important;}
a {color: #535a60; text-decoration: none !important;}
a:hover {color: #EA6903 !important; text-decoration: none !important;}
img{max-width: 100%;}

body{background-color: #FFFFFF; font-family: 'IRANSansWeb(FaNum)' !important; direction:rtl; margin: 0; padding: 0;}


.home .box-header{margin-bottom: 0px; border-bottom:none;}
.box-header{margin-bottom: 30px; border-bottom: 1px solid #dbdbdb;}

.logo{text-align: left; margin-top: 19px; margin-bottom: 12px;}
	
.bac-icon-searching{text-align: left; z-index: 1; cursor: pointer;}
.icon-searching{text-align: right;}
.icon-searching:before{font-family: "FontAwesome"; content: "\f002"; font-size: 18px; color: #000; cursor: pointer;}
.chenge-icon:before{content: "\f00d"; font-size: 18px;}
.bac-searching{z-index: 1; background: #212a3b; position: absolute; top:102px; z-index: 9; width: 100%; display: none;}
.searching{margin-top: 39px; margin-bottom: 37px; text-align: center; position: relative;}
.screen-reader-text{display:none;}
.searching #offlajn-ajax-search97{width: 50%; margin: 0 auto; float: none;}
.searching input.inputbox{
    border:none;
    width: 55%;
    padding-right: 5px;
    padding-left: 5px;
    color: #fff;
    border-bottom: 2px solid #a8acaf;
    border-left: none;
    border-right: none;
    border-top: none;
    background: none;
    padding: 12px 6px 10px;
    font-size: 13px;
}
.searching button{background: none !important; font-size: 0; border: none;}
.searching button:before{left: 27px; position: relative; font-family: "FontAwesome"; content: "\f002"; font-size: 18px; color: #fff; display: table; cursor: pointer;}
.searching::-webkit-input-placeholder{color: #a8acaf; padding-right: 5px; font-weight: normal;}
.searching:-ms-input-placeholder{color:#a8acaf; padding-right: 5px; font-weight: normal;}
.searching::placeholder{color: #a8acaf; padding-right: 5px; font-weight: normal;}

.main-menu{margin-top: 36px;}
div#maximenuck87 span.titreck{font-family: 'IRANSansWeb(FaNum)' !important;}
.main-menu li{padding: 4px 8px 2px 8px;}
.main-menu li a{text-align: right; color: #000;}
.main-menu li.item101 a span{font-size: 0;}
.main-menu li.item101 a:before{font-family: "FontAwesome"; content: "\f015"; font-size: 20px; color: #F16436;}
.main-menu div#maximenuck87 div.floatck{margin-top: 10px;}
.main-menu ul ul li{background: #ededed; border-bottom: 1px dotted #ddd; padding: 8px 5px 8px 3px;}


.bg1 {width:100vw; height:600px; background:url(../../../images/novinlight-groupe.jpg) no-repeat center center; background-size:cover; position:relative; z-index:1;}


/**************tab toggel**************/
.inner-tab{ 
    position: fixed;
    z-index: 999999;
    right: -121px;
    top: 300px;
    transition: width 1s;
    width: 166px;
    height: 45px;
    background: #1F1F1F;
    color:#fff;
    transition: right 1s;
}
.inner-tab .text-tab a{padding-top: 12px; display: block; padding-right: 45px; padding-left: 0; color: #fff;}
.inner-tab.box2{top: 228px;}
.inner-tab.box3{top: 284px;}
.inner-tab.box4{top: 340px;}
.inner-tab.box2 .text-tab a{padding-right:18px;}
.inner-tab.box2 .text-tab:before{content: "\f044"; font-family: "FontAwesome"; color: #fff; position: absolute; top: 6px; left: 13px; font-size: 25px;}
.inner-tab.box3 .text-tab:before{content: "\f080";  font-family: "FontAwesome"; color: #fff; position: absolute; top: 6px; left: 13px; font-size: 25px;}
.inner-tab.box4 .text-tab:before{content: "\f095"; font-family: "FontAwesome"; color: #fff; position: absolute; top: 6px;  left: 13px; font-size: 25px;}
.inner-tab:hover{right:0; transition: right 1s;}


.sh-title-under-slider{text-align: center; margin: 40px 0;}
.sh-title-under-slider h1{font-size: 25px; padding-bottom: 10px;}
.sh-title-under-slider p{font-size: 16px; line-height: 37px;}
.sh-content1{position: relative; height:485px; background: url(../../../images/composit.webp); background-repeat: no-repeat; background-position: center center;}
.sh-content2{margin-bottom: 40px; position: relative; height:485px; background: url(../../../images/estil.webp); background-repeat: no-repeat; background-position: center center;}
.sh-content3{position: relative; height:485px; background: url(../../../images/chaleniom.webp); background-repeat: no-repeat; background-position: center center;}
.sh-content1 .custom, .sh-content2 .custom, .sh-content3 .custom{position: absolute; bottom: 13px; background: #ffffff87; width: 100%; margin: 0; padding: 12px 9px;}
.sh-content1 .custom p, .sh-content2 .custom p, .sh-content3 .custom p{margin: 0; position: relative; font-size: 16px; font-weight: bold; text-align: center;}
.sh-content1 .custom a, .sh-content2 .custom a, .sh-content3 .custom a{color: #000;}

.sh-title-content h3{font-size: 25px; padding-bottom: 10px; text-align: center;}



.bg2{clear: both; padding: 50px 0;  background: url(../../../images/bg2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.bg2 img{display: block; margin: 0 auto;} 

.sh-content5 {margin-top: 50px; margin-bottom: 80px;}
.sh-content6{margin-top: 50px; margin-bottom: 80px;}
.sh-content6 .moduletable{padding-top: 40px;}
.sh-content6 h3{padding-bottom: 15px; font-size: 25px;}
.sh-content6 p{text-align: justify; line-height: 2; font-size: 15px;}

.sh-content7, .sh-content8, .sh-content9{margin-top: 50px; margin-bottom: 50px; text-align: justify;}
.sh-content7 a, .sh-content8 a, .sh-content9 a{color:#0089ff;}

.partner h3{text-align: center; padding-bottom: 20px; color:#FBBF07; padding-bottom:50px;}
.partner .newsflash-title {margin:3px;text-align:center;padding:9px 0;background:#090e13a3;color:#fff !important;border-radius:10px;font-weight:bold;box-shadow:inset 2px 2px 5px rgba(255,255,255,0.6), inset -2px -2px 5px rgba(0,0,0,0.4);}
.partner .newsflash-title a{font-size: 16px; color: #fff !important;}
.partner .newsflash-title a:hover{color:#F16436 !important;}
.partner .moduletable{margin-bottom: 20px;}
.partner h2{text-align: center; padding-bottom: 20px;}
.partner .mod-articlesnews__item{ width: 25%; float: right; margin-bottom: 50px; padding: 0;}


.home .bac-footer{margin-top:0px;}
.bac-footer{background: #000000; padding-top: 80px; color: #B9B9B9; margin-top:30px;}
.footer1 h3, .footer2 h3{color: #fff;}
.footer1 a, .footer2 a{color:#B9B9B9 !important;}
.footer1 a:hover, .footer2 a:hover{color:#F16436 !important;}
.footer1 ul{float: right;}
.footer1 .contact-modir{margin-right: 30px;}

.footer2 li a:before{content: "\f104"; font-family: "FontAwesome"; color: #fff; top: 3px; font-size: 18px; position: relative; padding-left: 5px;}
.footer1 li{list-style: none; line-height: 2;}
.footer2 li .fa.fa-caret-down{display: none !important;}
.footer2 .social{text-align: left;}

.footer2 .social p{font-size: 0; float: left;}
.footer2 .social a{background: #1A1A1A; width: 45px; height: 45px; display: block; border-radius: 50%; text-align: center; margin-right: 10px;}
.footer2 .social p:nth-child(1) a:before{content: "\f099"; font-family: "FontAwesome"; color: #fff; top: 9px; font-size: 21px; position: relative; padding-left: 3px;}
.footer2 .social p:nth-child(2) a:before{content: "\f16d"; font-family: "FontAwesome"; color: #fff; top: 9px; font-size: 20px; position: relative; padding-left: 0px;}
.footer2 .social p:nth-child(3) a:before{content: "\f1d9"; font-family: "FontAwesome"; color: #fff; top: 11px; font-size: 18px; position: relative; padding-left: 0px;}
.footer2 .social p:nth-child(4) a:before{content: "\f232"; font-family: "FontAwesome"; color: #fff; top: 6px; font-size: 23px; position: relative; padding-left: 0px;}

.footer2 .social a:hover:before{color:#F3531F !important;}


.icon-chat{background: #bf0707; width: 70px;  height: 70px; border-radius: 50%;  animation: pulse 2s infinite; text-align: left; left: 5px; position: fixed; bottom: 5px;}
.icon-chat a {font-size: 0; color: #fff;  display: block;}
.icon-chat a:before {font-size: 37px; color: #fff; display: block; font-family: "FontAwesome"; content: "\f095"; text-align: center; padding-top: 11px;}
.icon-chat a:hover:before{color: #fff;}
@keyframes pulse {
0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(218, 182, 105, 0.7);
}
70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(99, 90, 213, 0);
}
100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(99, 90, 66, 0);
}
}




.copyright{border-top: 1px solid #222222; text-align:center; padding-bottom: 20px;  margin-top: 70px; padding-top: 20px;}
.copyright a{color:#BF0707;}

/** inner page **/
.content-inner .main-box p{font-family: 'IRANSansWeb(FaNum)' !important; line-height: 2; font-size: 15px !important; text-align: justify;}
.content-inner .main-box p span{font-family: 'IRANSansWeb(FaNum)' !important; line-height: 2; font-size: 15px !important;}
.content-inner .main-box .blog-item{background: #E9EBEC; margin-bottom: 20px; padding: 10px;}
.content-inner .main-box h1{font-size: 27px;}
.content-inner .main-box h2{font-size: 25px;}
.content-inner .main-box .blog-item .page-header h2{line-height: 35px; font-size: 20px; font-weight: normal; text-align: right; background: #f2f2f2; padding-right: 10px; border-right: 3px solid #FF5001; margin-bottom: 10px;}
.content-inner .main-box .com-content-article .table{text-align: center;}
.content-inner .main-box .com-content-article__body ul{padding-right: 20px;}

/*.education .content-inner .main-box .blog-item{background: #ececec; padding: 10px;}*/


/*** products page ***/
.products .content-inner .main-box .blog-item .page-header h2{font-size: 16px; font-weight: normal; height: 35px; margin: 0; text-align: right;
line-height: 35px; background: #f2f2f2; padding-right: 10px; border-right: 3px solid #FF5001; margin-bottom: 10px;}
.products .content-inner .main-box .com-content-article img{margin: 0 auto; display: block; border: 1px solid #ccc; padding: 8px;}
.products .content-inner .main-box .com-content-article .nemoneh-neon-flexi img{margin: 0; display: inline-block;}
.products .content-inner .main-box .com-content-article h3{font-size: 18px; font-weight: 600;}
.products .content-inner .main-box .com-content-article h2{font-size: 21px; font-weight: 600;}
.products .content-inner .main-box .blog-item{background:#fff;}
.products .content-inner .main-box .blog-item .page-header{border-bottom:none;}

/** list-gheimat **/
.list-gheimat .content-inner .main-box .blog-item .page-header h2{font-size: 16px; font-weight: normal; height: 35px; margin: 0; text-align: right;
line-height: 35px; background: #f2f2f2; padding-right: 10px; border-right: 3px solid #FF5001; margin-bottom: 10px;}
.list-gheimat .content-inner .main-box .com-content-article img{margin: 0 auto; display: block; border: 1px solid #ccc; padding: 8px;}
.list-gheimat .content-inner .main-box .com-content-article h3{font-size: 18px; font-weight: 600;}
.list-gheimat .content-inner .main-box .com-content-article h2{font-size: 21px; font-weight: 600;}
.list-gheimat .content-inner .main-box .blog-item{background:#fff;}
.list-gheimat .content-inner .main-box .blog-item img{width: 265px; height: 213px;}
.list-gheimat .content-inner .main-box .blog-item .page-header{border-bottom:none;}


/*** nemone-kar ***/
.nemone-kar .content-inner .main-box .com-content-article div{margin-bottom: 30px; text-align: center;}
.nemone-kar .content-inner .main-box .com-content-article img{display: block; margin: 0 auto 10px;}
.nemone-kar .content-inner .main-box .com-content-article a{font-size: 16px;}    



/** anva tablo **/
.mataleb-site ul{padding-right: 20px;}




/** aboutus **/
.aboutus .content-inner .main-box{text-align: justify;}


/** contactus **/
.contactus .content-inner .main-box li{list-style: none; padding-bottom: 10px;}


/** vorod hamkar **/
.vorodhamkar .visCSSlabel{float: right; width: 13%;}
.vorodhamkar input[type="reset"], .vorodhamkar input[type="submit"]{background: #f3531f; color:#fff; padding:10px 30px !important;}
.vorodhamkar input[type="reset"]:hover, .vorodhamkar input[type="submit"]:hover{background:#fff ; color:#f3531f;}


/** sabtsefaresh **/
.sabtsefaresh .visCSSlabel{float: right; width: 13%;}
.sabtsefaresh input[type="reset"], .sabtsefaresh input[type="submit"]{background: #f3531f; color:#fff; padding:10px 30px !important;}
.sabtsefaresh input[type="reset"]:hover, .sabtsefaresh input[type="submit"]:hover{background:#fff ; color:#f3531f;}


/** blog **/
.blog.weblog .items-more ol li a:before {content: "\f00c"; font-family: 'FontAwesome'; color: #ff4f00; margin-left: 5px;}
.blog.weblog ol.nav-tabs{padding-right: 0;}
.blog.weblog .nav-tabs > li > a:hover{border-color: transparent;}
.blog.weblog .content-inner .main-box .com-content-article .nemoneh-neon-flexi img{width: 339px; margin: 0; display: inline-block;}


/** sidebar **/
.sidebar{padding: 2px 0px;}
.sidebar .moduletable{background: #E9EBEC; padding: 20px;}
.sidebar h3 {background: #f26522; margin-top: 16px; color: #fff; margin-bottom: 12px; font-size: 18px; padding: 15px 8px;}
.sidebar h3:after{font-family: "FontAwesome"; content: "\f104"; font-size: 22px; color: #fff; float: right; padding-left: 3px; margin-top: -4px;}
.sidebar li{list-style: none; margin-bottom: 5px; padding: 10px 0; border-bottom: 1px solid #F16436;}
.sidebar li a{color: #000; font-size: 13px;}
.sidebar li a:hover{color: #777 !important;}



/*************** pagination **************/
.pagination{margin:0 auto; width:100%; clear: both; padding-top: 80px;}
.pagination .pagination-list{text-align: center; width: 100%;}
.pagination li {display: inline-block !important; padding-right: 15px !important; padding-left:15px !important;}
.pagination li .icon-angle-double-right:before{font-family: "FontAwesome"; content: "\f101"; font-size: 19px; color: #000;}
.pagination li .icon-angle-right:before{font-family: "FontAwesome"; content: "\f105"; font-size: 19px; color: #000;}
.pagination li .icon-angle-left:before{font-family: "FontAwesome"; content: "\f104"; font-size: 19px; color: #000;}
.pagination li .icon-angle-double-left:before{font-family: "FontAwesome"; content: "\f100"; font-size: 19px; color: #000;}
.pagination li.active a{color: #ff0000;}



/** comments-form **/
#comments-form input{width: 100%; margin-bottom: 10px; background: #f1f2f6; border: 1px solid #e0e1e7; border-radius: 5px; height: 40px;}
#comments-form textarea{max-width: 100% !important; width: 100% !important; margin-bottom: 10px; background: #f1f2f6; border: 1px solid #e0e1e7; border-radius: 5px; height: 100px;}
#comments-form .grippie{max-width: 100% !important; width: 100% !important;}
#comments-form-buttons #comments-form-send a{background: #0A7781; color: #fff !important; padding: 6px 15px; box-shadow: 1px 2px 3px #999; display: block; height: 36px;}
#comments-form-buttons #comments-form-send a:hover{background: #F5770B;}
#comments-form .btn, #comments-report-form .btn{background: none !important;}
#comments-form .btn div, #comments-report-form .btn div{background: none !important;}



#toTop {
  display: block;
  position: fixed;
  top: 90%;
  right: 20px;
  padding: 10px;
  width: 45px;
  height: 45px;
  z-index: 100;
  background:#f3531f;
  border-radius:50%;
}
#toTop span:before{content: "\f148"; font-family: "FontAwesome"; font-size:25px; color:#fff; padding-right: 5px; line-height: 1;}


/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}

@media (max-width: 768px) {
  
}

@media (max-width: 767px) {
   .logo{text-align: center;}
   .col-xs-10.box-menu{float: right;}
   .searching {margin-top: 3px; margin-bottom: 0;}
   .searching input.inputbox{width: 99%;}
   .searching button:before {left: -126px; top: -35px;}
   .bac-searching{top: 120px;}
   .main-menu {margin-top: 0;}
   .main-menu li {padding: 4px 8px 6px 8px;}
   #maximenuck87 .maximenumobiletogglerck:checked + ul.maximenuck {background: #d1d1d1; padding: 5px 8px; position: absolute; z-index: 9999999;}
   .bg1 {height: 200px; background-size: cover;}
   .partner .mod-articlesnews__item {width: 100%;}
   .sh-title-under-slider h1 {font-size: 22px; line-height: 30px;}
   .bg2 img{height: auto;}
   .sh-content5 {margin-bottom: 0;}
   .sh-content5 img{width: 100%; height: auto;}
   .sh-content6{margin-top: 0px; margin-bottom: 0;}
   .partner h3{font-size: 20px;}
   .bac-footer{padding-top: 29px;}
   .footer1 .contact-modir {margin-right: 0;}
   .footer2 .social{margin-top: 20px;}
   div.itemFullText img {height: auto;}
   .sabtsefaresh .visCSSlabel {width: 94%;}
   .visCSSinput, .editor {width: 97%;}
   .products .content-inner .main-box .com-content-article img{height: auto;}
   .content-inner .main-box .blog-items img{height: auto; width: 100%; margin: 0 auto; display: block;}
   .content-inner .main-box .com-content-article img{height: auto;}
   .blog.weblog .content-inner .main-box .com-content-article .nemoneh-neon-flexi img {width: 100%; margin: 0 auto; display: block;}
   .products .content-inner .main-box .com-content-article .nemoneh-neon-flexi img{width: 100%; margin: 0 auto; display: block;}
   
   .proj-anjam .content-inner .main-box .com-content-article .nemoneh-neon-flexi img {width: 100%; margin: 0 auto; display: block;}
   
   .nemonehkar .content-inner .main-box .com-content-article img{width: 95% !important;}
}
@media (max-width: 480px) {
  
}

@media (max-width: 425px) {
  
}

@media (max-width: 320px) {
   
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
     
}
@media (min-width: 980px) and (max-width: 1200px){
	
}
/* Large desktop */
@media (min-width: 1201px) {
   
}

/* Landscape phones and down */
@media (max-width: 480px) {
	
  
}
@media (min-width: 481px) and (max-width: 500px) {

}
@media (min-width: 768px) and (max-width: 900px){
	
}
@media (min-width: 901px) and (max-width: 1200px) { 
  
}
@media (min-width: 768px) and (max-width: 959px) {
    
}
@media (min-width: 960px) and (max-width: 1200px){ 
  
}
@media (min-width: 960px) and (max-width: 980px) {
  
}
@media (min-width: 980px) and (max-width: 1216px) {
 
}
@media (min-width: 992px) and (max-width: 1200px) {
}









