/*
Theme Name: KeyWord Theme
Theme URI: http://www.tetroo.ir/
Description: KeyWord Theme
Version: 1.0.0
Author: Tetroo Team
Author URI: http://www.Tetroo.com
*/
@import url("");
@import url("");
@font-face {
    font-family: 'B Yekan';
	font-weight: normal;
    font-style: normal;
    src: url('font/byekan.ttf') format('truetype');
}

*:focus {
    outline: none;
}
img{
	border:0px;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

.font-set{
	font-family: 'B Yekan';
	font-weight: normal;
	font-style: normal;
	direction:rtl;
	text-align:right;
}
.font-set-none{
	font-family: 'B Yekan';
	font-weight: normal;
	font-style: normal;
	direction:rtl;
	text-align:caption-side;
}
.ads-wide-box-title{
	font-family: 'B Yekan';
	font-weight: normal;
	font-style: normal;
	direction:rtl;
	text-align:center;
	font-size: 40px;
	letter-spacing: 0.02em !important;;
}
.ads-wide-box-1{
	font-family: 'B Yekan';
	font-weight: normal;
	font-style: normal;
	direction:rtl;
	text-align:justify;
	font-size:17px;
}
.footer-copy{
	text-align:left;
}
.contact-error{
	display:none;
}
.single-content-text{
	width:80%;
	margin:auto;
	padding:0 0 0 0;
	font-family: b yekan;
	 direction: rtl;

}
.single-content-text p{
	font-family: b yekan;
	width:99%;
	padding:0.8% 4% 0.8% 4%;
	margin:0 0% 0 0;
	text-align:justify;
	direction:rtl;
	
}
.single-content-text img{
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	padding:1% 0% 0% 0.5%;
	max-width:100%;height:auto;
	opacity:0.9;
}
.single-content-text img:hover{
	opacity:1;

}
.single-content-text .aligncenter{
    clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.single-content-text iframe,.single-content-text .wp-video{
    clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/*Style-common*/
.responsive-cat-p{
	display:none;
}
.view {
	float:right;
   width: 28%;
   height: auto;
    margin: 1.2% 3.2% 1.2% 0%;
   padding:0;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
   -webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}
#best-post .view {
	 width: 30%;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   padding:0;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
   padding:0;
   margin:0;
}
.view h2 {
   color:#371D60;
   text-align: center;
   position: relative;
   font-size: 20px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
   padding:0;
   text-align:center;
   font-family: 'B Yekan';
	font-weight: normal;
   font-style: normal;
   direction: rtl;
   letter-spacing: 0px;
    font-size: 17px !important;
	
}
.view p {
   font-size: 16px;
   position: relative;
   color: #fff;
   padding: 10px 40px 10px;
   text-align: justify;
    font-family: 'B Yekan';
	font-weight: normal;
    font-style: normal;
   direction: rtl;
}
.view a.info {
   transition:All 1s ease;
   -webkit-transition:All 1s ease;
   -moz-transition:All 1s ease;
   -o-transition:All 1s ease;
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   text-transform: uppercase;
   font-size:16px;
    font-family: 'B Yekan';
	font-weight: normal;
    font-style: normal;
}

/*End-Style-common-10*/
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   padding-bottom:2%;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.page-top-image img{
  width:100%;
}
.clear{
	clear:both;
}
.category-margin-all{
	width:100%;
	height10px;
	margin:4% auto 4% auto;
}

iframe,.wp-video{
    clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
	max-width:100%;height:auto;
}
.single-content-text img{
    clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding:1% 1% 1% 1%;
	max-width:100%;height:auto;
}
/*page-number-responsive*/
.page-keeper{
	width:20%;
	margin:auto;
	margin-bottom:2%;
}
.wp-pagenavi{
	width:100%;
	margin:auto;
}
.wp-pagenavi span{
	font-size:18px;
}
.pages {
	float:right;
	padding:0 3px 0 3px;
	margin:0 5px 0 5px;
	background-color:#e7e7e7;
	color:#333;
	background-image:url(../images/bg/cat-bg.png);
	background-repeat:repeat;
	-webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}
.nextpostslink{
	display:none;
	float:right;
	color:#333;
	background-image:url(../images/bg/cat-bg.png);
	background-repeat:repeat;
}
.previouspostslink{
	display:none;
	float:left;
	color:#333;
	background-image:url(../images/bg/cat-bg.png);
	background-repeat:repeat;
}
.wp-pagenavi a{
	font-size:18px;
	padding:0 3px 0 3px;
	margin:0 5px 0 5px;
	background-color:#e7e7e7;
	color:#333;
	background-image:url(../images/bg/cat-bg.png);
	background-repeat:repeat;
	-webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}
.current{
	padding:0 3px 0 3px;
	margin:0 5px 0 5px;
	background-color:#e7e7e7;
	color:#333;
	background-image:url(../images/bg/cat-bg.png);
	background-repeat:repeat;
	color:#F00;
	border:1px solid #666;
	-webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}	
#map-block iframe{
   width: 100%;
}	
html body.size-1140 section div#carousel div#owl-demo.owl-carousel.owl-theme div.owl-wrapper-outer div.owl-wrapper div.owl-item div.item div.line div.text.hide-s p.font-set a.font-set{ color:#FFF;}				
/*End-Style-common*/
.tags-link a{
	text-align: center !important;
	direction: rtl !important;
	color: #fff;
	font-size: 14px !important;
	line-height: 20px;
	font-family: 'B Yekan';
}
.single-Contact-keep{
	width:100%;
	text-align:center;
	font-family: 'B Yekan';
	margin-bottom:25px;
	direction:rtl !important;
}
#Single-Contact{
    color:green;
    font-size:22px;
    font-weight:bold;
    text-align:center !important;
    
}
#reg-btn{
    margin:1.5% auto 0 auto;
    width:22%;
    max-width:100%;
}
@media only screen and (max-width: 750px) {
    #reg-btn{ width:40%;}
}




/*Colors*/

::selection {
  background: #010F32;
  color: #ffffff;
}
::-moz-selection {
  background: #010F32;
  color: #ffffff;
}
nav {
    background: none repeat scroll 0 0 #2A4FAD;
}
.top-nav li a:hover, .top-nav li.active-item a {

    background: none repeat scroll 0 0  #61A7F7;
    border-top: 2px solid;
    color: #FFF;
}
@media screen and (max-width:900px) {
    .top-nav li a {background:none repeat scroll 0 0 #978888;}
}


/*slider*/
.prev-arrow, .next-arrow {
   background: none repeat scroll 0 0  #2A4FAD;
}
#carousel .text h6 {
   background: none repeat scroll 0 0 #61A7F7;
    opacity: 0.8;
}
#carousel .text p {
   background: none repeat scroll 0 0  #2A4FAD;
    opacity: 0.8;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #2A4FAD;
    border: 3px solid rgba(0, 40, 58, 0.57);

}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: none repeat scroll 0 0 #61A7F7;
}


/*section*/
#first-block,#first,#about-us,#order,#services,#register,footer {
    background: none repeat scroll 0 0  #2A4FAD;
}
#first-block h1,#first h1,#first-block h2,#first h2,#about-us h2,#register h4,#services h4,#services h3{
    color:#ffffff !important;
}
#first-block p,#first p,#about-us h5,#services p,#register h4,#first .export_link{
    color:#ffffff !important;
}
a.white-btn {
    background-color: #2A4FAD;
    border: 1px solid #ffffff;
    color: #ffffff;
}
a.white-btn:hover {
    background: none repeat scroll 0 0 #ffffff;
    color: #2A4FAD;
    border: 1px solid #2A4FAD;
}
#btn-hover{
   background-color: #ffffff;
    border: 1px solid #2A4FAD;
    color: #2A4FAD;
}
#btn-hover:hover{
    background: none repeat scroll 0 0 #2A4FAD;
    color: #ffffff;
    border: 1px solid #ffffff;
}
.view a.info {
      background-color: #2A4FAD;
      color: #ffffff;
    border: 1px solid #ffffff;
}
.view a.info:hover {
     background: none repeat scroll 0 0 #ffffff;
     color: #2A4FAD;
      border: 1px solid #2A4FAD;
}
#features,#features-2,#our-work {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    padding: 6em 2em;
    position: relative;
    text-align: center;
    z-index: 2;
    background: #eeeeee url('https://deutsch-rasht.ir/wp-content/uploads/2020/12/background.jpg') no-repeat center top;
    background-size: auto 120%;
    background-attachment: fixed;
    overflow: hidden;
    align: center;
    
}
#about-us,#order {
    
    clear: both;
}
article h1, article h2, article h3, article h4, article h5, article h6 {
    color: #fff;
}
h4.section-title {
    color: #2A4FAD;
}
#features h3{
    color:;
}
#features p{
    color:#2A4FAD;
}
a.tab-label, a.tab-label:link, a.tab-label:visited {
   background:  #2A4FAD none repeat scroll 0 0;
     color: #FFF;
}
a.tab-label:hover, a.tab-label.active-btn {
    background: #2A4FAD;
    color: #FFF;
}
.our-work-text{
     background: #2A4FAD;
    color: #FFF;
}
.news-date {
   background:  #2A4FAD none repeat scroll 0 0;
}
#contact h3 {
   color:  #2A4FAD            }
#contact input:hover, #contact textarea:hover{
    border-color: #2A4FAD;
    color: #2A4FAD;
}
#Contact_Text:hover{
    background-color: #2A4FAD !important;
    border:1px solid #fff !important;
    color:#fff !important;
    font-family: 'B Yekan';
}
a.color-btn:hover, form.customform button.color-btn:hover {
    border: 1px solid #fff;
    color: #fff;
    background: #2A4FAD;
}
@media screen and (max-width:900px) {
    background: #fff !important;
    color: #FFF !important;
    border: 2px solid #FFF;
}
.top-nav li a {
    color: #FFF;
   border-top: 2px solid  #2A4FAD;    
}