/* 
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; }
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 h1{background: url(images/logo.png) no-repeat right center ; height: 51px;}
.logo-box h1 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 }
.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:#447BC7 }

.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  }

.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 } 

/*============== Slideshow ================*/

.slideshow{padding: 0px 15px; height: 460px ; position: relative}
.slideshow *{direction: ltr}
.camera_wrap a,.camera_wrap img,.camera_wrap ol,.camera_wrap ul,.camera_wrap li,.camera_wrap table,.camera_wrap tbody,.camera_wrap tfoot,.camera_wrap thead,.camera_wrap tr,.camera_wrap th,.camera_wrap td
.camera_thumbs_wrap a,.camera_thumbs_wrap img,.camera_thumbs_wrap ol,.camera_thumbs_wrap ul,.camera_thumbs_wrap li,.camera_thumbs_wrap table,.camera_thumbs_wrap tbody,.camera_thumbs_wrap tfoot,.camera_thumbs_wrap thead,.camera_thumbs_wrap tr,.camera_thumbs_wrap th,.camera_thumbs_wrap td{background:none;border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;list-style:none}
.camera_wrap{display:none;float:left;position:relative;z-index:0;  height: 460px}
.camera_wrap img{max-width:none !important}
.camera_fakehover{height:100%;min-height:60px;position:relative;width:100%;z-index:1}
.camera_wrap{width:100%}
.camera_src{display:none}
.cameraCont,.cameraContents{height:100%;position:relative;width:100%;z-index:1;}
.cameraSlide{bottom:0;left:0;position:absolute;right:0;top:0;width:100%}
.cameraContent{bottom:115px;display:none;left:0;position:absolute;right:0;top:0;width:100%}
.camera_target{bottom:0;height:335px;left:0;overflow:hidden;position:absolute;right:45px;text-align:left;top:0;width:100%;z-index:0 ; background: #f7f7f7 url(images/loading.gif) no-repeat center center;}
.camera_overlayer{bottom:0;height:375px;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%;z-index:0;}
.camera_target_content{ position:relative;top:335px;z-index:2 ; width: 93.66666667%; height: 105px; background: #30383f; border-radius: 0 0 7px 7px; margin: 0 auto; box-shadow: 0 0 5px #6B6262}
.camera_target_content .camera_link{display:block;height:100%;text-decoration:none}
.camera_loader{-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;height:36px;left:50%;overflow:hidden;position:absolute;margin:-18px 0 0 -18px;top:50%;width:36px;z-index:3}
.camera_bar{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:3}
.camera_thumbs_wrap.camera_left .camera_bar,.camera_thumbs_wrap.camera_right .camera_bar{height:100%;position:absolute;width:auto}
.camera_thumbs_wrap.camera_bottom .camera_bar,.camera_thumbs_wrap.camera_top .camera_bar{height:auto;position:absolute;width:100%}
.camera_nav_cont{height:65px;overflow:hidden;position:absolute;right:9px;top:15px;width:120px;z-index:4}
.camera_caption{display:block;;width:100%;direction:rtl;text-align:right; padding: 20px;}
.camera_caption *{direction: rtl}
.camera_caption a{display:block;width:130px;height:30px;border-radius:18px;background:#fff; text-align:center;line-height:30px;color:#30383f ; margin: -10px 0 0 10px; font-size: 14px; -webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s; float: left}
.camera_caption a:hover{ background:#447BC7 ; color: #fff }
.camera_caption a i{float: right; margin:8px 10px 0 0; font-size: 20px;}
.camera_caption > div{color:#fff;font-size:17px;text-align:right;}
.camera_caption > div h3{font-size: 18px; margin-bottom: 12px; color: #d6d6d6}
.camerarelative{overflow:hidden;position:relative}
.imgFake{cursor:pointer}
.camera_command_wrap .hideNav{display:none}
.camera_command_wrap{left:0;position:relative;right:0;z-index:4}
.camera_wrap .camera_pag{position: absolute; top: 300px; left: 12%; width: 20px;}
.camera_wrap .camera_pag .camera_pag_ul{list-style:none;margin:0;padding:0;text-align:right}
.camera_wrap .camera_pag .camera_pag_ul li{border-radius:8px;cursor:pointer;height:12px;margin:7px ;position:relative;text-align:left;text-indent:-9999px;width:12px; border: 2px solid #fff}
.camera_commands_emboss .camera_pag .camera_pag_ul li{-moz-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:0 1px 0 rgba(255,255,255,1),inset 0 1px 1px rgba(0,0,0,0.2)}
.camera_wrap .camera_pag .camera_pag_ul li > span{border-radius:8px; height:10px; left:-1px; overflow:hidden;position:absolute;top:-1px;width:10px}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span{background: #fff}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span{background: #fff}
.camera_pag_ul li img{display:none;position:absolute}
.camera_pag_ul .thumb_arrow{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid;top:0;left:50%;margin-left:-4px;position:absolute}
.camera_prev,.camera_next,.camera_commands{cursor:pointer;height:67px;margin-top:-20px ; position:absolute; top:45%; width:59px; z-index:2 ;font-family:FontAwesome; color: #fefefe; opacity: 1 !important}
.camera_prev{right:60px}
.camera_prev > span:before{display:block;height:67px;width:59px; content: "" ; background:url(images/arrow-slide.png) no-repeat right center; }
.camera_next{left:40px}
.camera_next > span:before{display:block;height:67px;width:59px; content: "";background:url(images/arrow-slide.png) no-repeat left center;}
.camera_commands{right:41px}
.camera_clear{display:block;clear:both}
.showIt{display:none}
.camera_clear{clear:both;display:block;height:1px;margin:-1px 0 25px;position:relative}
.corner-right , .corner-left{width:40px;height: 41px; position: absolute;bottom: -1px ; display: block}
.corner-right{background: url(images/corner-right.png) no-repeat center center; right: 0px}
.corner-left{background: url(images/corner-left.png) no-repeat center center; left: 0px}

/*============== Main- Text ===============*/

.main-text{margin-top: 40px; text-align: justify}
.main-text div.col-xs-11{margin: 0 auto; float: none; padding: 0px; height: auto}
.main-text div.col-xs-11 section.about-box{padding: 0px; text-align: justify}
.main-text h2 ,.main-bottom h3{color: #267ece ; font-size: 25px ; padding-right: 0px; margin-bottom: 40px }
.main-text h2 span , .main-bottom h3 span{width: 10px; height: 14px; background: url(images/sprite.png) no-repeat 1px -67px; display: block; float: right; margin: 9px 0 0 10px}
.main-text p{color: #4c596d; font-size: 17px ; line-height: 28px;}
.main-text img{float: left; margin-top: 50px;}
.main-text div.col-xs-11 section.about-box a{display: block; color: #7b7b7b; margin-top: 30px; font-size: 17px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.main-text div.col-xs-11 section.about-box a:hover{color: #267ece ;}
/*=========== Main-center ==============*/

.main-center{background: #f8f8f8 ; height: 440px; margin-top: 50px; position: relative}
.main-center .container{position: relative;}
.main-center .container > h3{height: 40px; line-height: 40px; color: #267ece ; font-size: 22px; margin: 55px 0 20px; padding-right: 30px;}
.shadow-top{width: 100%; height: 25px; background: url(images/shadow-top.png) no-repeat center top; position: absolute; top: 0px; right: 0px}
.shadow-bottom{width: 100%; height: 25px; background: url(images/shadow-bottom.png) no-repeat center top; position: absolute; bottom: 0px; right: 0px}
.project-slide , .project-slide *{direction: ltr}
.project-slide div.slick-slide{ background: #fff; height: 220px; border:1px solid #cbcbcb; border-radius: 5px; float: right ; margin: 20px 36px 0 18px; overflow: hidden ; position: relative}
@media(min-width:1023px){
    .project-slide div.slick-slide{width:255px !important;}
}
.project-slide div.slick-slide img{display: block; margin: 0 auto}
.project-slide div.slick-slide section{ height: 63px; width: 100%; padding: 7px 10px 5px; background: url(images/sprite.png) no-repeat 10px -97px ; padding-left: 25px; position: relative}
.project-slide div.slick-slide 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}
.project-slide div.slick-slide section h3{ font-size: 15px; color: #4c596d; text-align: right;line-height: 23px;}
.project-slide div.slick-slide section h3 a{color: #4c596d}
.project-slide div.slick-slide::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);
}
.project-slide div.slick-slide:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
.project-slide div.slick-slide:hover section h3 a{color: #5086da}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.slick-arrow {width: 35px; height: 35px; background: #fff url(images/sprite.png) no-repeat;border:1px solid #cbcbcb; border-radius: 3px; position: absolute; top: 100px; -webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s; opacity: 0}
.slick-arrow:hover{background: #f9f9f9 url(images/sprite.png) no-repeat; border:1px solid #ababab }
.slick-prev , .slick-prev:hover{background-position: -127px 7px ; right:9px; z-index: 1}
.slick-next , .slick-next:hover{background-position: -89px 7px ; left: 15px; z-index: 1}
.view-all{color: #7b7b7b; border-bottom: 1px solid #7b7b7b; padding-bottom: 3px; position: absolute; top: 55px; left: 55px; font-size: 17px;}
.project-slide:hover .slick-arrow{opacity: 1}
.view-all:hover ,.view-all:active , .view-all:focus{color: #4c596d ; border-bottom: 1px solid #4c596d }

/*=============== Main-Bottom ==================*/

.main-bottom{background: #fff ; height: auto; padding: 50px 0 40px; position: relative}
.main-bottom h3{margin-bottom: 55px; margin-right: 15px;}
.image-news{display: block; height: 165px; border: 1px solid #cbcbcb; border-radius: 2px; margin-bottom: 30px; width: 595px; overflow: hidden}
a.title{color: #267ece; font-size: 19px; margin-bottom: 10px; line-height: 27px; display: block;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
a.title:hover{color: #4c596d; text-shadow: 1px 1px #fff}
.main-bottom article{text-align: justify}
.main-bottom article span{color: #9b9b9b; display: block; text-align: right; margin-bottom: 20px; font-size: 16px;}
.main-bottom article p{font-size: 16px; color: #4c596d;}
.main-bottom article a.readmore{color: #7b7b7b;  margin-top: 40px; display: block;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.main-bottom article a.readmore:hover{color:#267ece;}
.news-archive{padding-right: 25px;}
.news-archive ul li{width: 100%; height: 80px; border-top: 1px solid #dbdbdb; padding: 7px 0 ; background: url(images/sprite.png) no-repeat 10px -84px ;}
.news-archive ul li:first-child{border: none ; padding-top: 0px}
.news-archive ul li a{color:#267ece; font-size: 17px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s; }
.news-archive ul li a:hover{color: #4c596d; text-shadow: 1px 1px #fff}
.news-archive ul li span{display: block; margin: 7px 0 ; color: #9b9b9b}

/*=============== 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}

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

@media(min-width:767px) and (max-width:900){
    .navbar-nav > li{font-size: 14px}
    .logo-footer{margin-bottom: 20px}
}

@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}
    .slideshow{height: 395px; padding: 0px 12px}
    .cameraContents , .camera_target_content , .logo-about , .corner-right , .corner-left{display: none}
    .main-text{ padding: 0px}
    .main-text h2, .main-bottom h3{font-size: 21px;}
    .main-text p{font-size: 14px;}
    .view-all{display: none}
    .project-slide div.slick-slide{width: auto}
    .project-slide div.slick-slide img{width: 100%;}
    .image-news{width: 100%;}
    a.title , .main-bottom article p{font-size: 15px;}
    .main-bottom article span{font-size: 14px}
    .news-archive{margin-top: 50px;}
    .news-archive ul li{background: none}
    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;}
    
}