/* 
Theme Name:GreenPress
Theme URI:http://greenweb.ir
Version:1.1
Author:GreenWeb Team
Author URI:http://greenweb.ir
*/
/*==============Reset-CSS =============*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ul { list-style:none; }
input { border: none; height: 18px; outline:none; }
* { outline:none !important; }
a { text-decoration: none; outline:none; cursor: pointer; }
a:hover , a:active, a:focus{ text-decoration: none !important; outline:none; }
.clear { clear: both; }
img { border:none; }

/*=====================================*/
body{ font:12px tahoma; }
@media(min-width:1200px){ body{overflow-x: hidden}}
body *{direction: rtl;}

@font-face {font-family: 'vazir-b';src: url('http://www.peyrizantoos.com/greencontent/themes/GreenPress/font/Vazir-Bold.eot');
 src: url('http://www.peyrizantoos.com/greencontent/themes/GreenPress/font/Vazir-Bold.eot?#iefix') format('eot'),
url('http://www.peyrizantoos.com/greencontent/themes/GreenPress/font/Vazir-Bold.woff2') format('woff2'),
url('http://www.peyrizantoos.com/greencontent/themes/GreenPress/font/Vazir-Bold.woff') format('woff'), 
url('http://www.peyrizantoos.com/greencontent/themes/GreenPress/font/Vazir-Bold.ttf') format('ttf');  
font-weight: bold;
}

@font-face {font-family: 'vazir'; src: url('http://www.peyrizantoos.com/greencontent/themes/GreenPress/font/Vazir.eot');
 src: url('http://www.peyrizantoos.com/greencontent/themes/GreenPress/font/Vazir.eot?#iefix') format('eot'), 
url('http://www.peyrizantoos.com/greencontent/themes/GreenPress/font/Vazir.woff') format('woff'), 
url('http://www.peyrizantoos.com/greencontent/themes/GreenPress/font/Vazir.ttf') format('ttf');  
font-weight: normal;
}
.font-face{font-family: 'vazir' ; font-size: 14px;; font-weight: normal}
.font-face-b{font-family: 'vazir-b' ; font-size: 14px;; font-weight: bold}

/*========================================*/

.header-top{width: 100%; height: 15px ; background: #2e6abc;}
@media (min-width: 992px)and (max-width:1199px){
.container{width: 1120px;}
}
@media (min-width: 1200px){
.container{width: 1270px;}
}

.logo-box , nav.navbar{float: none; margin: 40px auto 0; height: auto}
nav.navbar{border: none}
@media (min-width: 768px){
    .navbar-collapse {width:75%}
}
.logo-box h2{background: url(images/logo.png) no-repeat right center ; height: 51px;}
.logo-box h2 a{font-size: 0px; display: block ; width: 100%; height: 50px}
.logo-box div{text-align: left}
nav.navbar{border-radius: 7px 7px 0 0; background: #2566be; height: 60px}
.navbar-nav>li{float: right;margin: 0 5px; font-size: 16px }
@media (min-width: 992px)and (max-width:1199px){.navbar-nav>li{margin: 0 2px}}
.navbar-default .navbar-nav>li>a{color: #fff; display: inline-block;vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;position: relative;overflow: hidden; padding: 20px 8px}
.navbar-default .navbar-nav>li:first-child a{padding-right:0px }
.navbar-default .navbar-nav>li:first-child{margin-right: 0px}
.navbar-default .navbar-nav>li>a:before { content: "";position: absolute;z-index: -1;left: 50%;right: 50%;top: 0;background: #ff9f16;height: 3px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.navbar-nav>li>a:hover:before, .navbar-nav>li>a:focus:before, .navbar-nav>li>a:active:before  { left: 0;right: 0;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#ff9f16 }
.language{width: 85px; height: 25px; background: url(images/sprite.png)no-repeat 1px 6px; color: #fff; font-family: sans-serif; padding-left: 25px; line-height: 25px; text-align: left;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s; position: absolute; left: 25px; top: 17px}
a.language:hover, a.language:focus{color: #ff9f16 ; background-position:1px -21px }

.navbar-default .navbar-toggle , .navbar-default .navbar-toggle:hover , .navbar-default .navbar-toggle:focus ,.navbar-default .navbar-toggle:active {background: none; border: none; margin-top: 15px; margin-right: 15px}
.navbar-default .navbar-toggle .icon-bar{background-color: #ff9f16}
.navbar-collapse.in{background: #2566BE; padding: 0px; width: 100%; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color:#4381d7 }
.navbar-default .navbar-nav>li ul{position: absolute; top: 60px; right: 0px; min-width: 180px ; background: #2566BE; box-shadow: 0 1px 5px #444; display: none ; z-index: 1}
.navbar-default .navbar-nav>li ul li{border-bottom:1px solid #447BC7; padding: 8px 25px 8px 10px;  font-size: 15px; background: url(images/arrow-menu.png) no-repeat 165px 16px;}
.navbar-default .navbar-nav>li ul li a{color: #fff; -webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s; }
.navbar-default .navbar-nav>li ul li a:hover{color:#ff9f16 }
.navbar-nav>li.active > a span{height: 4px; width: 100%; display: block; position: absolute; bottom: 0px;}
.navbar-nav>li.sub{background: url(images/submenu.png)no-repeat 96% 33px ;padding-right: 8px  }

/*=============== Footer ==================*/

footer{border-top: 15px solid #267ece; margin-top: 30px ; background: #3a424d ; padding: 70px 0 0;}
footer ul{margin-top: 32px ;}
footer ul li{float: right; margin: 0 15px;}
footer ul li a{color: #fff; font-size: 16px; -webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
footer ul li a:hover{color:#267ece ; text-shadow:1px solid #4c596d  }
.copyright{background: #323a44; height:65px; margin-top: 70px }
.copyright .greenweb{line-height: 60px; height:60px; color: #787e86; }
.copyright .greenweb a{color: #787e86; -webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s}
.copyright .greenweb a:hover{color: #a6afbb;}
.copyright span{float: left; direction: ltr; text-align: left; font-family: sans-serif;display: block; width: 250px; color:#686868 ; height: 80px; line-height: 80px;}
.social-link {height: 35px; margin-top: 30px}
.social-link a{display: block; float: left; margin: 0 4px; background: url(images/sprite.png) no-repeat ; opacity: 0.7 ; -webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s }
.social-link a#facebook{background-position: -137px -166px; width: 20px; height: 18px; }
.social-link a#twitter{background-position: -130px -191px; width: 19px; height: 18px; }
.social-link a#instagram{background-position: -129px -214px; width: 21px; height: 20px; }
.social-link a#google{background-position: -127px -238px; width: 26px; height: 17px; }
.social-link a:hover{opacity: 1}

/*============ Page ==============*/

.inside-content{padding: 0px}
.main-text{float: none; margin: 0 auto 30px; padding: 0px ; border: 1px solid #cbcbcb; border-radius: 0 0 4px 4px; border-top: none; box-shadow: 0px 10px 14px #F5F5F5}
.main-text header{height: 115px;background: url(images/header.jpg)no-repeat center top; position: relative; margin-bottom: 70px}
.main-text header h1{ color: #fff; font-size: 24px; padding-right: 30px ; height: 115px; line-height: 30px; padding-top: 40px}
.polygan{width: 23px; height: 13px; display: block; border-bottom: 13px solid #fff; border-left: 13px solid transparent; border-right: 13px solid transparent; position: absolute; bottom:0px; right: 30px;}
.main-text .content{padding: 0 30px 50px; height: auto}
.main-text .content p {font-size: 16px; line-height: 31px; color: #4c596d; margin: 20px 0}
.main-text .content p:first-child{margin-top: 0px}
.main-text .content article{ padding: 0px;text-align: justify}
.main-text .content .single-image{text-align: center;}
.main-text .content .single-image img{display: block; margin: 0 auto}
.main-text .content ul , .main-text .content ol{margin-right: 20px;}
.main-text .content ul li , .main-text .content ol li{background: url(images/bullet.png) no-repeat right 22px; padding: 7px 15px 7px 0; font-size: 16px; line-height: 30px ; color:#4c596d }
.main-text .content ol li{background: none; margin-right: 15px}
.main-text .content table{width: 90%; margin: 30px auto;  }
.main-text .content table tr:first-child td{background: #4c596d; color: #fff; font-size: 17px ; text-align: center; padding: 10px; border-left:1px solid #69717D; border-bottom: 3px solid #4c596d}
.main-text .content table tr:first-child td:first-child{border-right:1px solid #4c596d}
.main-text .content table tr td{color:#4c596d; text-align: center; line-height: 25px; font-size: 14px; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 10px }
.main-text .content table tr td:first-child{border-right:1px solid #e0e0e0}
.main-text .content table tr:nth-child(even) td{background:#F1F1F1 }
#gallery.public ul{text-align: center}
#gallery.public ul li{display: inline-block; background: none }
#gallery.public ul li img{border: 1px solid #4c596d; border-radius: 3px}



/*============ Contact ===========*/

.contact-form{padding-left: 40px !important;}
.cform .dashicons, .dashicons-before:before{float: left; margin-top: 20px}
.contact-form .cform .dashicons, .contact-form .dashicons-before:before{float: left; margin-top: 5px}
.cform input.secinput{width: 46%;}
.main-text .content .cform ol li{padding: 0px}
.contact-info{padding-top: 20px;}
.contact-info h3{color: #2566be ; background: url(images/phone.png) no-repeat right -3px; padding-right: 35px; font-size: 19px; margin-bottom: 30px}
.main-text .content .contact-info ul{margin-right: 20px;}
.main-text .content .contact-info ul li{color: #344058; font-size: 17px; padding: 5px 0; background: none}
.main-text .content .contact-info ul li strong{font-weight: normal; font-size: 16px; margin-left: 10px;color: #1e558e}
.main-text .content .contact-info ul li.address{margin-top: 20px;}
.main-text .content .contact-info ul li.address strong{color: #344058; font-size: 18px; font-weight: bold}
.main-text .content p.cf-sb{margin: 50px 0;}

/*============ News Rachive ==============*/

.main-text.archive article{width: 94%; height: 190px; border-bottom: 1px solid #d4d4d4;padding: 30px 0px 15px; margin: 0 auto}
.main-text.archive article .media-left{width: 135px; height: 135px; background: #f9f9f9; border: 1px solid #2566be; float: right; margin-left: 25px; border-radius: 5px; text-align: center;overflow: hidden}
.main-text.archive article .media-body{position: relative}
.main-text.archive article .media-body p{height: 85px; overflow: hidden ; color: #4c596d; font-size: 15px; text-align: justify}
.main-text.archive article .media-body p.news-text{margin-top: 30px; height: 45px}
.main-text.archive article h3.media-heading{display: inline-block; font-size: 19px; color: #267ece; background: url(images/arrow.png) no-repeat right 8px ; padding-right: 15px}
.main-text.archive article h3.media-heading:hover{color: #267ece}
.main-text.archive article .media-body a:hover h3{color: #606060}
.continu{color: #31516d;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin-right: 10px; font-size: 16px; float: left;margin-top: 10px}
.continu:hover{color: #7b7b7b; }
.date-box{position: absolute; top: -5px; left: 0px;width: 165px;text-align:left}
span.date{color: #afafaf; font-size: 15px; background: url(images/date.png) no-repeat right 12px;  height: 35px; line-height: 35px;display:inline-block; padding-right: 21px;}
.wp-pagenavi{width:94%; height: 60px;padding-top: 30px;  margin: 50px auto 20px;clear: both;}
.wp-pagenavi a ,.wp-pagenavi span{ width: 22px; height: 22px; text-align: center; line-height: 25px;; color: #828282; float: left; margin: 0 2px;-webkit-transition: 0.5s; -moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; border: none }
.wp-pagenavi span , .wp-pagenavi span.current , .wp-pagenavi a:hover{background: #267ece; border-radius: 3px; color: #fff;}
span.word{color: #606060}
.wp-pagenavi span.pages{float: right; width: 150px; background: none; color: #828282; text-align: right;border: none}
p.empty{color: #4c596d ; padding: 30px }

/*============ Manager ===========*/

.main-text.manager ul li{float: right; margin-bottom: 20px; height: 300px;}
@media(min-width:1200px){
    .main-text.manager ul li{width: 20%;} 
}
.main-text.manager ul li img{border: 1px solid #ced2db; border-radius: 4px; display: block; margin: 0 auto 20px}
.main-text.manager ul li h4{text-align: center; color: #2566be; font-size: 16px;}
.main-text.manager ul li h4 span{display: block; margin-top: 10px; color: #344058; font-size: 14px;}

/*============ Archive ==============*/

.main-text.project{padding-bottom: 30px}
.main-text.project ul{padding: 0 30px 30px; float: right; width: 100%}
.main-text.project ul li{background: #fff; height: 220px; border:1px solid #cbcbcb; border-radius: 5px; float: right ; margin: 20px 5px 10px ; overflow: hidden ; position: relative ; padding: 0px; overflow: hidden}
@media(min-width:1200px){
    .main-text.project ul li.col-md-3{width: 24%;}  
}
.main-text.project ul li div.thumbnail{padding: 0px; line-height: 0px; border: none; background: none; margin-bottom: 0px; border-radius: 0px}
.main-text.project ul li img{display: block; margin: 0 auto; width: 100%;}
.main-text.project ul li section{ height: 70px; width: 100%; padding: 7px 10px 15px; background: url(images/sprite.png) no-repeat 10px -90px; padding-left: 25px; position: relative}
.main-text.project ul li section span{width: 19px; height: 11px; display: block; border-bottom: 11px solid #fff; border-left: 11px solid transparent; border-right: 11px solid transparent;position: absolute ; top: -11px ; right: 20px}
.main-text.project ul li section h3{ font-size: 15px; color: #4c596d; text-align: right;    line-height: 23px;}
.main-text.project ul li section h3 a{color: #4c596d}
.main-text.project ul li::before { position: absolute; top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);
}
.main-text.project ul li:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
.main-text.project ul li:hover section h3 a{color: #5086da}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/*============ Single Project ==============*/

.simplegallery { width: 100%; margin-bottom: 30px;  overflow: hidden;}
.simplegallery .content {   width: 295px;   height: 265px;   margin: 0 auto 10px;   position: relative; overflow: hidden; border-radius: 5px; padding: 0px }
.simplegallery .content a{ width: 295px; height: 265px; margin: 0 auto;}
.simplegallery .content img { border-radius: 5px; border: 1px solid #b9b9b9; height: 265px;}
.simplegallery .container_thumbnail { margin-top: 5px;direction: ltr;height: 130px; margin: 0 auto;position: relative}
.simplegallery .container_thumbnail .thumb {display: inline-block; width: 88px !important; height: 77px !important; margin: 0px 6px 0 6px; padding: 0px ; background: none; border-radius: 5px; border: 1px solid #b9b9b9;}
.simplegallery .container_thumbnail .thumb img { width: 88px !important; height: 77px !important;}

ul.thumbnail{border: none;}
.simplegallery .container_thumbnail .last { margin: 0; }
#gallery .container_thumbnail .prev{position: absolute; top: 110px; right: 7px; z-index: 100; width: 15px; height: 16px;  cursor: pointer; background:url(images/sprite.png) no-repeat -137px -1px;}
#gallery .container_thumbnail .next{position: absolute; top: 110px; left: 7px; z-index: 100; width: 14px; height: 16px; background: url(images/sprite.png) no-repeat -97px -1px; cursor: pointer;}
#gallery .container_thumbnail span.text{position: absolute; top: 104px; left: 112px; color: #4c596d ; font-size: 15px}
.single-project{margin-bottom: 50px;}
.single-project h2, .pages h2{ color: #4c596d ; font-size: 22px; margin-bottom: 20px;}
.single-project span{color: #5f6772; font-size: 15px;}
span.done{color: #73b122}
span.doing{color: #e5730d}
strong{font-size: 15px;}
.project-image{margin-top: 30px !important; border: 1px solid #4c596d; border-radius: 5px;box-shadow:  0 0 6px #737373}
.aligncenter{display: block;margin: 0 auto}
.alignleft{float: left;margin: 0 24px 0 0}
.alignright{float: right;margin: 0 0px 0 24px;}
/*============== Certificate ==================*/

#swipebox-overlay * {direction: ltr}
.certificate ul li , .horizontal ul li{ float: right; background: none !important; margin: 0 10px 20px ; }
.certificate ul li img , .horizontal ul li img{border: 1px solid #c6c6c6; border-radius: 5px}

/*================= 404 ====================*/

.nothing{border-top:8px solid #5086da}
.not-found{width: 53%; height: 300px; margin: 150px auto; text-align: center;}
.not-found img{display: block; margin: 0 auto 50px; max-width: 196px;}
.not-found p{color: #828282; font-size: 16px; margin-bottom: 20px}
.not-found a{color:#5086da; font-size: 16px; }

/*============ Media =============*/

@media(min-width:767px) and (max-width:1024px){
    .navbar-nav > li{font-size: 14px}
    .logo-footer{margin-bottom: 20px}
    footer div img{width: 100%; max-width: 370px}
    footer ul{margin-top: 22px;}
    
    .contact-form{padding-left: 0px !important}
    .main-text .content .cform ol li{float: right; width: 100%;}
    img.captcha{top: 56px !important;}
    label.secq, label.seccap{width: 100%; }
    
    .main-text.project ul li{width: 48%}
    .main-text.project ul li div.thumbnail{height: 165px; overflow: hidden}
    
    .main-text .content .single-image{margin-bottom: 30px}
    
    .certificate ul li, .horizontal ul li{margin: 0 26px 20px}
    
    
}

@media(width:1024px){
    
    .main-text.project ul li{width: 32% }
    .main-text.project ul li div.thumbnail{height: 155px; overflow: hidden}
}


@media(max-width:650px){
     .logo-box{height: 50px}
    .logo-box h1{background: url(images/logo-responsive.png) no-repeat center center;}
    .logo-box div{display: none}
    
     nav.navbar{padding-right: 0px ; padding-left: 0px}
    .navbar-nav{margin: 0px}
    .navbar-nav > li{width: 100%;}
    .navbar-default .navbar-nav > li:first-child a{padding-right: 15px}
    .navbar-default .navbar-nav > li a{font-size: 14px;}
    .navbar-default .navbar-nav>li>a:before{background: none}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{background: #2566BE}
    .navbar-default .navbar-nav > li{margin: 0 5px}
    .navbar-default .navbar-nav > li > a{padding: 13px 15px}
    .navbar-default .navbar-nav>li ul{box-shadow: none; width: 100%; display: block}
    .navbar-default .navbar-nav>li ul li{background: none}
    .navbar-nav > li.sub{background-position: 96% 24px}
    
    .container{padding: 0px}
    .main-text .content{padding: 0 20px 50px}
    .main-top{padding: 0px}
    .main-text .content .single-image{margin-bottom: 30px;}
    .main-text .content p{font-size: 15px}
    
    footer div img{width: 100%; max-width: 370px}
    footer ul{border-top:1px solid #4b535d; padding-top: 30px; margin-top: 50px }
    footer ul li{width: 100%; padding-top: 15px}
    .copyright .greenweb{text-align: center}
    .social-link{display: none}
    .slick-arrow{top: -65px;}
    .slick-next, .slick-next:hover{left: 6px;}
    .slick-prev, .slick-prev:hover{right: 208px;}
    
    .contact-form{padding-left: 0px !important}
    .cform label , .cform input.secinput {width: 100%;}
    img.captcha{top:49px !important; width: 95px;}
    .cform .dashicons, .dashicons-before::before{float: none; position: absolute; left: 2px ; top: 30px;}
    .contact-form .cform .dashicons, .contact-form .dashicons-before::before{float: none; position: absolute; left: 2px ; top: 48px;}
    span.emailreqtxt{width: 160px}
    .main-text .content p{margin: 40px 0;}
    div.cf_info{width: 100% !important}
    .contact-info{padding-right: 0px; padding-left: 0px; margin-top: 50px}
    
    .main-text.project ul li div.thumbnail{height: 165px; overflow: hidden}
    
    .simplegallery .content , .simplegallery .content a{width: 245px; margin: 0 auto 10px; padding: 0px}
    .simplegallery .container_thumbnail{width: 100% !important}
    
    .main-text header h1{font-size: 19px; padding-top: 15px}
    .main-text.archive article{height: 365px}
    .main-text.archive article .media-left{float: none; margin: 0 auto 20px}
    .main-text.archive article .media-body p.news-text{height: 49px ; text-align: center}
    span.date{display: none}
    .main-text.archive article h3.media-heading{font-size: 17px ; background: none; text-align: center ; width: 100% ; padding-right: 0px}
    .main-text .content .single-image{margin-bottom: 30px}
    
    .not-found p{font-size: 15px}
    
    .certificate ul{margin: 0px}
    .certificate ul li, .horizontal ul li{float: none; margin: 0 auto 20px ; padding: 0px; text-align: center}
    
}

@media(width:640px){
    
    .main-text.project ul li{width: 47% }
    .main-text.project ul li div.thumbnail{height: 155px; overflow: hidden}
} 

@media(width:600px){
    
    .main-text.project ul li{width: 47% }
    .main-text.project ul li div.thumbnail{height: 155px; overflow: hidden}
}