@charset "UTF-8";
/* CSS Document */
.parallex{
    background-image : url("/media/images/parallex.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   -webkit-box-shadow: inset 0px 18px 59px -5px rgba(0,0,0,0.46);
-moz-box-shadow: inset 0px 18px 59px -5px rgba(0,0,0,0.46);
box-shadow: inset 0px 18px 59px -5px rgba(0,0,0,0.46);
}
.col-centered{
    float: none;
    margin: 0 auto;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	outline: none;
}
body {line-height: 1; font-family: IranYekan, Tahoma, Verdana, sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
 
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 
 
input { outline: none; }
 
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
 
a { text-decoration: none; }
::selection {
	background: #E7002A;
	color: #fff;
}
::-webkit-selection {
	background: #E7002A;
	color: #fff;
}
::-moz-selection {
	background: #E7002A;
	color: #fff;
}
html, body {
	height: 100%;
}
.clearfix {
	zoom: 1;
}
.container:after {
	content : "\0020";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
	content : '\0020';
	display : block;
	overflow : hidden;
	visibility : hidden;
	width : 0;
	height : 0;
}
.row:after, .clearfix:after {
	clear : both;
}
.clear {
	clear : both;
	display : block;
	overflow : hidden;
	visibility : hidden;
	width : 0;
	height : 0;
}
.page-wrap{
 	/*min-height: 100%;					*/
 	margin-bottom: -380px; /* equal to footer height */
 	font-family: 'IranYekan','arial',sans-serif;
 	font-weight: normal;
 	color: #646464;
 	direction: rtl;
 	font-size: 14px;
}
.page-wrap:after{
    content:"";
  	display:block;
}
.site-footer, .page-wrap:after {
	height: 380px;   /* .footer height  */
}
.site-footer {
	min-width: 90%;
	background: #343434;
	font-family: 'IranYekan','arial',sans-serif;
	font-weight: normal;
	color: #fff;
	direction: rtl;
	font-size: 14px;
	position: relative;
}
/**************************  start frameworks  **************************/
h1{
	font-size: 1.8em;
	line-height: 1.5;
}
h2{
	font-size: 1.6em;	
	line-height: 1.5;
}
h3{
	font-size: 1.4em;
	line-height: 1.5;
}
h4{
	font-size: 1.3em;
	line-height: 1.5;
}
h5{
	font-size: 1.2em;
	line-height: 1.5;
}
h6{
	font-size: 1.1em;
	line-height: 1.5;
}
p{
	line-height: 1.6;
}
a{
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s;
}
.wrapper{
	width: 90%;
	margin: 0 auto;
}
.column2{
	width: 50%;
	float: right;
}
.column4{
	width: 25%;
	float: right;
}
.primary_btn{
	padding: 10px 40px;
	background-color: yellow;
	color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}


@media only screen and (max-width:991px) {
    .primary_btn{
        padding:7px 25px;
        font-size:90%;
    }
}

@media only screen and (max-width:350px) {
    .primary_btn{
        padding:6px 10px;
        font-size:80%;
    }
}
/**************************  start header  **************************/
header.siteHeader{
	border-bottom: 1px solid #262626;
	text-align: center;
	background-color:#343434;
}

header.siteHeader nav.globalNav{
	width: 90%;
	margin:0 auto;
}

.globalNav ul li{
	display: inline-block;
	vertical-align: middle;
}

.globalNav ul li a{
	color: #fff;
	padding: 10px;
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 20px;
	font-weight:600;
}

@media only screen and (max-width:928px){
    .globalNav ul li a{
        padding: 6px;
        font-size:85%;
    }
}

@media only screen and (max-width:840px){
    .globalNav ul li a{
        font-size:82%;
    }
}

.globalNav ul:first-child{
	float: right;
}

.globalNav div.useBoxNav{
	float: left;
	margin-top:0.5%;
}


.globalNav div:first-child{
	float: right;
}

.globalNav ul.useBoxNav{
	float: left;
}
.globalNav ul.useBoxNav li:first-child{
	background: url(../media/images/catalog.svg) no-repeat center right;
	padding-right: 20px;
}

.globalNav ul.useBoxNav li:nth-child(2){
	background: url(../media/images/store.svg) no-repeat center right;
	padding-right: 15px;
}

.globalNav ul.useBoxNav li:last-child a{
	border-right: 1px solid #000;
}

a.MainLogo{
	width: 60px;
	display: inline-block;
	margin-top: 25px;
}

.anchorBox{
	width: 400px;
	background: #E7002A;
	padding: 50px;
	color: #fff;
	text-align: center;
	margin-top: -90px;
	position: relative;
	z-index: 999999;
}

.anchorBox h1{
	font-weight: bold;
	font-size: 1.6em;
	display: inline-block;
	margin-bottom: 20px;
}

.anchorBox a{
	color: #fff;
	font-weight: lighter;
	background: url(../media/images/left-arrow.svg) no-repeat center left;
    padding-left: 50px;
    font-size: 14px;
}

section.homeTechnology{
	padding: 85px 81px 156px 7px;
	text-align: center;
    background-color: #3d3d3d;
    background-image: linear-gradient(30deg, #1c1c1c , #3d3d3d);
	margin:0;
	
}

section.homeTechnology ul li{
	display: inline-block;
	width: 27%;
	padding: 0 3%;
	vertical-align: top;
}

section.homeTechnology ul li h2{
	font-size: 1.2em;
	padding: 20px;
}

section.homeTechnology ul li p{
	font-weight: 100;
}

.techAnchorBox{
	margin-top: 150px;
}

section.homeProduct{
	background: url(../media/images/ourProduct.jpg) no-repeat center center;
	background-size: cover;
	padding: 80px 0;
	text-align: center;
	color: #fff;
}

section.homeProduct h2,section.ourBranchesHome h2{
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
}

section.homeProduct h3,section.ourBranchesHome h3{
	font-size: 1.2em;
	font-weight: 100;
	margin-top: 10px;
	text-align: center;
}

section.homeProduct ul li{
	width: 264px;
	margin-left: 2%;
	display: inline-block;
	background: #fff;
	text-align: right;
	padding-bottom: 50px;
	vertical-align: top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #646464;
	overflow: hidden;
	margin-bottom: 30px;
}

section.homeProduct ul{
	margin-top: 100px;
}

section.homeProduct ul li a:hover{
	opacity: 1;
}

section.homeProduct ul li a:hover h4{
	opacity: 0.6;
}

section.homeProduct ul li img{
	width: 100%;
}

section.homeProduct ul li h4{
	padding: 10px;
	color: #646464;
}

section.homeProduct ul li a>span{
	padding:10px;
	font-weight: lighter;
	color: #646464;
	font-size: 12px;
}

section.ourBranchesHome{
	background: url(../media/images/background-branches.svg) no-repeat center center;
	background: contain;
	padding: 80px 0;
}

section.ourBranchesHome .column2{
	margin-top: 140px;
}

section.ourBranchesHome .column2 p{
	padding: 10px 0 50px;
	width: 80%;
	font-weight: 100;
}

section.ourBranchesHome .column2:first-child{
	text-align: right;
}

section.ourBranchesHome .column2:last-child{
	text-align: left;
}

.designDevelop{
	margin: 0 auto;
	padding: 50px 250px;
	font-size: 14px;
	background-color:#343434;
	color:#fff;
}

.designDevelop .column2:first-child{
	text-align: right;
}

.site-footer .column4{
	padding-top: 50px;
}	

.site-footer .column4 h2{
	font-size: 1.2em;
	margin-bottom: 30px;
	color: #fff;
}

.site-footer .column4 ul li{
	margin-bottom: 15px;
}

.site-footer .column4 ul li a{
	color: #fff;
	font-weight: 100;
}

.footerContact ul li{
	direction: ltr;
}

.footerContact ul li ul{
	margin-top: 50px;
}

.footerContact ul li ul li{
	display: inline-block;
	margin: 0 8px;
}

.mobileNav{
	display: none;
}
/**************************  start product page  **************************/
.breadCrumb{
	margin-top: 50px;
	font-weight: 100;
}

.filterRw{
	background: #eee;
	padding: 25px 20px;
}

.filterRw .column2:last-child,.statusRw .column2:last-child{
	text-align: left;
}

.statusRw{
	background-color: #F9F9F9;
	padding: 25px 20px;
}



section.ourProduct ul li{
    transition: box-shadow 1s,border-radius 1s;
	width: 264px;
	margin: 1%;
	display: inline-block;
	padding-bottom: 10px;
	vertical-align: top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	overflow: hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-transition: box-shadow 1s; 
	background-color:#44454b;

}
section.ourProduct ul li:hover{
    	box-shadow: 0px 0px 20px 0 #fff;
    	-webkit-transition: box-shadow 1s; 
        transition: box-shadow 1s;
        	background-color:#ffd806 !important;
        	color:#44454b;
        	transition: all 0.3s ease-out 0s ;

}
section.ourProductt{
	text-align: center;
	color: #000;	
}

section.ourProductt ul li{
    transition: box-shadow 1s,border-radius 1s;
	width: 100%;
	margin-left: 3%;
	display: block;
	padding-bottom: 10px;
	vertical-align: top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #000;
	overflow: hidden;
	margin-bottom: 30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-transition: box-shadow 1s; 

}

section.section.ourProductt ul li ul li img{
	width: 100%;
}

section.ourProduct ul li h4{
	padding: 10px;
	color: #fff;
	font-family:Iranyekan !important;
}

section.ourProduct ul li a>span{
	padding:10px;
	font-weight: 100;
	color: #646464;
}

section.ourProductt ul li img{
	width: 100%;
}

section.ourProductt ul li h4{
	padding: 10px;
	color: #fff;
}

section.ourProductt ul li a>span{
	padding:10px;
	font-weight: 100;
	color: #646464;
}

.productAnchor{
	text-align: center;
	padding: 50px 0;
}


@media only screen and (max-width:1450px){
    .productAnchor{
	padding: 30px 0;
}
}

.prBtn{
	padding: 3% 0;
}


/**************************  start conact  **************************/

#home {
	min-height: 400px; 
	height: 400px;
	padding-top: 150px;
	margin: 0 auto;
	width: 100%;
	position: relative;
	direction: rtl;
	line-height: 1.6;
}

.firstSectionContactUS{
	width: 90%;
	position: fixed;
	left: 48.2%;
	margin-left:-45%;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.firstSectionContactUS img{
	margin-bottom: 20px;
}

.firstSectionContactUSthree{
	width: 28%;
	float: right;
	padding:0 2%;
}

.firstSectionContactUSthree a{
	display: block;
	color: #fff;
}

.awardParag{
	width: 750px;
	color:#fff;
	margin: 0 auto 50px;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
}

.applyNow{
	width: 200px;
	height: 200px;
	display: block;
	line-height: 200px;
	background-color: #E7002A;
	position: relative;
	margin: 0 auto;
	top: -100px;
	z-index: 1000;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.homeawardLink{
	display: inline-block;
	color: #fff;
	padding: 15px 80px;
	border:1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-ms-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}

.homeawardLink:hover{
	background-color: #3698d9;
	color:#fff;
	border-color: #3698d9;
}

#about {
	background:url(../media/images/parallaxAward.jpg) no-repeat center center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='../media/images/parallaxAward.jpg',
	sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../media/images/parallaxAward.jpg',izingMethod='scale')";
	min-height: 650px;
	height:650px;
	margin:0 auto;
	width: 100%;
	max-width: 1920px;
	position: relative;
	direction: rtl;
}

#about article{
	width: 90%;
	height: 500px;
	padding-top: 150px;
	left: 50%;
	margin-left: -45%;
	position: absolute;
	color:#fff;
	top: 0px;
	direction: rtl;
}

.ConditionSection h5{
	text-align: center;
	font-size: 18px;
	color:#000;
	line-height: 23px;
	margin-bottom: 60px;
}

.contactBackgroundFristSection{
	background: url(../media/images/aboutbackground.jpg) 0 0 repeat fixed; 
	background-size: cover;
}

.aboutBackgroundFristSection{
	background: url(../media/images/aboutbackground.jpg) 0 0 repeat fixed;
	background-size: cover; 
}

.formContactUs{
	text-align: center;
}

.formContactUs input,.formContactUs textarea{
	width: 70%;
	border:1px solid #000;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	background: transparent;
	margin: 0 auto 10px;
	padding:10px;
	color: #000; 
	font-weight: 100;
}

.formContactUs textarea{
	min-height: 150px;
}

.formContactUs button{
	border: 2px solid #E7002A;
}

.formContactUs button:hover{
	opacity: 0.6;
}
/**************************  start catalog  **************************/

section.ourCatalog{
	background: url(../media/images/productBackground.jpg) no-repeat center center;
	background-size: cover;
	padding: 100px 0;
	text-align: center;
	color: #fff;	
}

section.ourCatalog ul li{
	width: 264px;
	margin-left: 2%;
	display: inline-block;
	background: #fff;
	text-align: center;
	vertical-align: top;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #646464;
	overflow: hidden;
	margin-bottom: 30px;
}

section.ourCatalog ul li a:hover{
	opacity: 1;
}

section.ourCatalog ul li img{
	width: 100%;
}

section.ourCatalog ul li h4{
	padding: 10px;
	color: #646464;
	min-height:55px;
}

section.ourCatalog ul li a>span{
	padding:10px;
	font-weight: 100;
	color: #646464;
}

.searchBranches{
	text-align: center;
}

.searchBranches input{
	width: 60%;
	border: none;
	border-bottom: 1px solid #646464;
	background: transparent;
	padding: 5px;
}

.searchBranches button{
	background-color: red;
	background: url(../media/images/delete-cross.svg) no-repeat center center;
	width: 10px;
	height: 10px;
	border:none;
	position: relative;
	left: 20px;
}
/**************************  start branches  **************************/
.branchesTitlePage{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

.branchesTable{
	width: 100%;
	line-height: 2;
}

.branchesTable tr{
	border-bottom: 1px solid #ccc;
}

.branchesTable tr:nth-child(2n+1){
	background-color: rgba(255,255,255,0.2);
}

.branchesTable tr.tableHeader{
	border-bottom: 2px solid #000;
}

.branchesTable tr th{
	width: 10%;
	font-weight: bold;
}

.branchesTable tr td{
	width: 10%;
	padding: 0 1%;
}

.branchesTable tr th:first-child{
	width: 5%;
}

.branchesTable tr td:first-child{
	width: 5%;
}

.branchesTable tr td:first-child span{
	border:1px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-weight: 100;
	padding: 0;
}

.branchesTable tr th:nth-child(2){
	width: 5%;
}

.branchesTable tr td:nth-child(2){
	width: 5%;
}

.branchesTable tr span{
	display: block;
	padding: 10px 0;
}

.branchesTable tr td{
	vertical-align: middle;
}

/**************************  start other pages  **************************/
.txtSamplePages h1{
	padding-top: 20px;
	text-align:right;
	font-family:Iranyekan;
}
.txtSamplePages h2{
	font-size: 1.2em;
		text-align:right;
	font-family:Iranyekan;
}
.txtSamplePages h3{
	font-size: 1.1em;
	margin-top: 40px;
}
.txtSamplePages p{
	padding: 15px 0 0;
	font-weight: 100;
}
.standardBox{
	padding: 50px 0 0;
}
.standardBox li{
	width: 18%;
	float: right;
	margin-left: 2%;
}
.anitAwardBox{
	text-align: center;
}

/**************************  start blog page  **************************/
.newsContainer{
	width: 64%;
	float: left;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-ms-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	line-height: 1.5;
}
.newsContainerr{
	width: 1005;
	float: left;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-ms-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	line-height: 1.5;
}

.eachNews{
	padding-bottom: 20px;
	border-bottom:1px solid #000;
	margin-bottom: 20px;
}

.eachNews img{
	width: 100%;

}

.eachNews a.newsTitle{
	font-size: 22px;
	color: #525252;
	display: block;
	padding:10px 0px;
}
.newsTitlee{
	font-size: 22px;
	color: #525252;
	display: block;
	margin-right: 32%;
	/*border-radius: 5px;*/
	background-color: #9c0d00;
	padding: 6px 15px;
	color: #fff;
}

.eachNews a.newsTitle:hover{
	opacity:1;
	color: #E7002A;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}

.eachNews p{
	padding-bottom:10px;
	font-weight: 100;
}

.readMoreBtn{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	padding: 8px;
	border:1px solid #a09c9c;
	margin:5px 0px;
	color: #a09c9c;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	font-size: 11px;
}

.readMoreBtn:hover{
	opacity:1;
	background-color: #E7002A;
	color: #fff;
	border-color: #E7002A;
}

.newsSidebar{
	width: 30%;
	float: right;
	padding: 0px 1%;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-ms-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;	
}

.newsSidebar h2{
	font-size: 20px;
	color:#525252;
}

.newsSidebar ul li{
	padding: 10px 0px;
	border-bottom: 1px solid #525252;
}

.newsSidebar ul li a{
	display: block;
	padding: 5px 0px;
	color:#525252;
	-webkit-transition: all .7s;
	-moz-transition: all .7s;
	-ms-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
	font-weight: 100;
	line-height: 1.5;
}

.newsSidebar ul li a:hover{
	opacity:1;
	color: #E7002A;
}

.newsSidebar ul li b{
	color: #ccc;
	font-size: 12px;
}

.newsSidebar input{
	border:1px solid #525252;
	display: block;
	width: 100%;
	width: 100%;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.subscriptionDiv{
	padding: 35px 0px;
}


.newsContainer img{
	width: 100%;
}
.newsContainer .imagea{
	width: 30%;
	display: inline-block;
	float: right;
	border-radius: 5px;
}


.subjectMatterTitle{
	font-size: 22px;
	color: #525252;
	padding:20px 0px;
}

.subjectMatterWrapper p{
	padding-bottom: 20px;
	line-height: 25px;
	font-weight: 100;
}

.backBtn{
	border:1px solid #525252;
	color:#525252;
	padding: 7px 40px;
	display: inline-block;
	margin: 10px auto;
	position: relative;
	right:50%;
	margin-left: -58px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}

.backBtn:hover{
	opacity:1;
	background-color: #E7002A;
	color: #fff;
	border-color: #E7002A;
}

.pagination{
	text-align: center;
	padding: 0px 0px 30px;
}

.pagination ul li{
	display: inline-block;

}

.pagination ul li a{
	padding: 10px;
	border: 1px solid #525252;
	color: #525252;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(../js/PIE.htc);
}

.activePage{
	background-color: rgb(255,216,6)!important;
	color: #000!important;
	font-weight:600;
}

.blogWr{
	padding: 50px 0;
}
video{
	width: 100%;
	max-width: 100%;
}
/**************************  start media query  **************************/
@media only screen and (min-width: 1200px){
	.wrapper{
		width: 1200px;
	}
	header.siteHeader nav.globalNav{
		width: 1200px;
	}
	

}
@media only screen and (max-width: 775px){z
	.js #menu {
		display:none!important;
	}
	.js .slicknav_menu {
		display:none;
	}
	.slicknav_menu {
		display:block!important;
		position: relative;
		top: 0px;
		z-index:9;
	}
	.desktopNav{
		display: none;
	}
	a.MainLogo{
		position: absolute;
		top: 0;
		left: 5%;
		z-index: 9999;
	}
	#fwslider .slide_content_wrap { 
	    display: none;
	}
	.anchorBox{
		width: 100%;
		margin-top: -4px;
		position: relative;
		z-index: 99999;
		padding: 50px 0px;
	}
	section.homeTechnology ul li{
		width: 95%;
		margin-bottom: 100px;
	}
	section.homeTechnology{
		padding: 80px 0;
	}
	.techAnchorBox{
		margin-top: 0px;
	}
	section.homeProduct ul li{
		width: 47%;
		margin-left: 2%;
		margin-bottom: 50px;
		display: inline-block;
		background: #fff;
		text-align: right;
		padding-bottom: 50px;
		vertical-align: top;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		color: #646464;
		overflow: hidden;
	}
	.ourBranchesHome .column2{
		width: 100%;
		text-align: center!important;
		padding:0;
		margin: 0;
	} 
	section.ourBranchesHome{
		background-position: 0;
	}
	section.ourBranchesHome .column2 {
    	margin-top: 50px;
	}
	section.ourBranchesHome .column2 p{
		padding: 10px 0 50px;
		width: 100%;
		font-weight: 100;
	}
	.site-footer{
		height: auto;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		position: relative;

	}
	.site-footer .column4{
		width: 100%;
	}	
	.searchBranches input{
		width: 80%;
	}
	.newsSidebar{
		width: 100%;
		float: none;
		padding: 0;
	}
	.newsContainer{
		width: 100%;
		float: none;
	}
}
@media only screen and (max-width: 575px){

	section.homeProduct ul li{
		width: 95%;
	}

	.designDevelop .column2{
		/*width: 100%;*/
		text-align: center;
		margin-bottom: 20px;
	}

	.designDevelop .column2:first-child{
		text-align: center;
	}

	#home {
		min-height: 700px; 
		height: 700px;
		padding-top: 50px;
		margin: 0 auto;
		width: 100%;
		position: relative;
		direction: rtl;
		line-height: 1.6;
	}
	
	.firstSectionContactUSthree{
		width: 100%;
		float: none;
		padding: 0;
		margin-bottom: 70px;
	}
	.branchesTable tr th:first-child{
		display: none
	}
	.branchesTable tr td:first-child{
		display: none
	}

}
/**************************  end frameworks  **************************/



.modal-titlee{
    color:#fff;
}
.bg{
    background-color: rgba(0, 0, 0, 0.5);
}
.modal-contentt {
  position: relative;
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.modal-headerr{
    padding: Blog-Header.pngpx;
}
.ourProductt li:hover{
    transition: box-shadow 1s;
    box-shadow: 0 0 15px #fff;
}
.disp{
	color: #fff;
}
.pdfsvg{
	width: 35px;
	display: inline-block;
	float: left;
}
.newsTitleee h1{
	display: inline-block;
	padding:  12px 0;
	color: #000;
}
.newsTitleee{
	margin-top: 100px;
	color: #fff;

}
.pdfsvgg{
	width: 35px;
	/*display: inline-block;*/

	float: left;
	margin-top: 15px;
}
.newsTitle2{
	color: #fff;
	font-size: 20px;
	padding-top: 9px;
	display: inline-block;

}
.imageaa{
	border-radius: 15px;
	width: 100%;
}
.dispp2{
	margin: 8px 0 ;
}
.slider{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.tecimg5025{
    width: 50%;
    margin-top:-16.12%;
    float: right;
    height: 50%;
    
}
.tecimg2525{
    width: 25%;
    height: 50%;
    float: right;
}
.tecimg2550{
    width: 25%;
    height: 50%;
    float: right;
}
.tecimg2550 img,.tecimg2525 img,.tecimg5025 img{
    width: 100%;
    height: 100%;
}
.techimages{
    width: 100%;
    height: 100%;
    box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px -5px 20px 0px rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: inline-block;
}
.homeTechnology img{
    margin: 0 30px;
    float:right;
}





.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    box-shadow:0 4px 8px 0 transparent, 0 6px 20px 0 transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
 .ShortAbout{
     direction:rtl;
     font-family: IranYekan; 
     color:#fff;
     padding: 80px 150px;
     text-align:center;
     background-image:linear-gradient(30deg, #1c1c1c , #3d3d3d);
     
     
 }
 

  .ShortAbout p{
      padding-top:20px;
      text-align:justify;
  }

.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.awards{
    position: relative;
    padding: 0 250px 50px 250px;
    box-shadow: 1px -4px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.homeTechnology h2{
    color:#fff;
    text-align:right;
    padding:70px 0;
    padding-bottom: 30px;
    margin-top:-2em;
    height:100%;
    font-size:22px;
}
.homeTechnology img{
    width:25%;
    margin-right: 19%;
}
.slicknav_menu{
    background-color:#343434;
}
@media screen and (max-width: 800px) {
    .ShortAbout{
        padding:50px 25px;
    }
    .ShortAbout p{
        font-size:80%;
    }
    
     .ShortAbout h1{
     font-size:120%;
 }
    .btn-slider{
        display:none;
    }
            .ShortAbout{
     padding: 50px 20px;
 }
    .tecimg5025{
    display:none;
}
.tecimg2525{
    width: 100%;
}
.tecimg2550{
    width: 100%;

}
.tecimg2550 img,.tecimg2525 img,.tecimg5025 img{
    width: 100%;
}
.techimages{
    width: 100%;
}
.fix-search{
    display: none;
}





    .homeTechnology h2{
        padding:0;
        margin:0;
        text-align:center
    }
    .homeTechnology img{
         margin-right: 0;
         margin-top:25px;
         height:100%;
         padding: 20px;
         width:100%;
}
section.homeTechnology{
    padding:145px 0;
    padding-top:50px;
}
  .awards{
    padding: 20px ;
}
  }

.modal-footer{
    text-align:center !important;
}

.modal-title{
    text-align:right;
}

.position{
    margin:5% auto;
    padding:60px 0 !important;
}

.spanstyle{
    color:withe;
    padding-left:3%;
}



@media only screen and (max-width:775px){
    header.siteHeader nav.globalNav{
    display:none;
}
} 


.other-sites-links{
    display:block;
}

@media only screen and (max-width:1050px){
    .other-sites-links{
    display:none !important;
}
}


.phone-logo{
    display:none;
}

@media only screen and (max-width:775px) {
    .phone-logo{
        display:block;
        position:absolute;
        top:0;
        left:20px;
        z-index:10;
        max-width:70px;
        margin-top:3%;
    }
}

@media only screen and (max-width:500px) {
    .phone-logo{
        margin-top:5%;
    }
}


.backgroundFAQ{
    background: url("/media/images/NewStyle/img/elements/fagBg.png");
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    padding:3% 15%;
    margin:0;
    font-family:Iranyekan;
}





.backgroundFAQ .image{
    text-align:left;
    margin-top:5%;
    position:relative;
}

.backgroundFAQ .image img{
    width:30%;
    
}

.backgroundFAQ .image2{
    text-align:left;
    margin:0 0 10% 1%;
}

.backgroundFAQ .image2 img{
    width:21%;
    
}


.SigleGallery{
    background: url("/media/images/NewStyle/img/elements/articleBG.png");
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    padding:8% 22% 3%;
    margin:0;
    font-family:Iranyekan;
}

@media only screen and (max-width:1200px){
    .backgroundFAQ{
        padding:6% 15%;
    }
    
    .backgroundFAQ .image2 img{
        width:30%;
    }
    
    
    .productAnchor{
        padding: 15px 0;
    }
}

@media only screen and (max-width:991px){
    .backgroundFAQ .image img{
        width:35%;
    }
}

@media only screen and (max-width:768px){
    .backgroundFAQ .image{
        margin-top:10%;
    }
    
    .backgroundFAQ .image img{
        width:50%
    }
    
    .backgroundFAQ .image2 img{
        width:50%;
    }
}

@media only screen and (max-width:590px){
   .backgroundFAQ{
       padding:6% 8%;
   }
}

@media only screen and (max-width:430px){
    .backgroundFAQ{
        padding:11% 8%;
    }
    
    .backgroundFAQ .image img{
        width:80%;
    }
    
    .backgroundFAQ .image2 img{
        width:80%;
    }
}


.faqbtn{
    position:absolute;
    right:0;
    top:0;
    padding-right:0 !important;
}

@media only screen and (max-width:430px){
    .faqbtn{
        position:relative;
    }
    
    .productAnchor{
        padding: 30px 0 20px;
    }
    
    .backgroundFAQ .image{
        padding:10% 1% 3%;
    }
    
    .accordion{
     margin:5% 0 10%;   
    }
}

.accordion {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    margin: 50px 0;
}


@media only screen and (max-width:430px){
    
    .accordion{
     margin:5% 0 10%;   
    }
}
.accordion .item .heading {
    height: 100%;
    line-height: 50px;
    font-size: 17px;
    cursor: pointer;
    color: #fff;
    padding:0 15px;
    background: #343434  url('media/images/arrow.png') no-repeat;
    background-position: left 20px top -95px;
    border-bottom: 1px solid #343434 ;
    box-sizing: border-box;
    text-align:right;
}


@media only screen and (max-width:768px){
    .accordion .item .heading{
        line-height:45px;
        font-size:90%;
    }
}

.accordion .item.open .heading,
.accordion .item:last-child .heading { border: 0; }

.accordion .item.open .heading { background-position: left 20px top -5px; }

.accordion .item .content {
    display: none;
    padding: 15px;
    background: #fdfdfd;
    font-size: 15px;
    line-height:26px;
    text-align: right;
    direction:rtl
}

@media only screen and (max-width:768px){
    .accordion .item .content{
        font-size:85%;
    }
}
.accordion  {
    border: 1px solid #343434 ;
}


.glasses{    
    background: url("/media/images/NewStyle/img/elements/fagBg.png");
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    padding:10% 15%;
    margin:0;
    font-family:Iranyekan;
}


.backgroun-Hgalass{
    background: url("/media/images/NewStyle/img/elements/fagBg.png");
    background-size: contain;
    background-repeat: no-repeat;
    width:100%;
    padding:10% 0;
    margin:0;
    font-family:Ebrima;
    background-color:#5f5f61;
}

.backgroun-Hgalass .header{
    text-align:center;
    padding:6%;
    font-size:100%;
    font-weight:600;
    color:inherit;
}

.item-width .content{
    background-color:#171826;
    border-radius:4px;
    color:white;
    font-weight:700;
    transition:all 300ms ease-in-out;
    box-shadow:0 0 11px 0 #00000091;
}

.item-width .content:hover{
    background-color:rgb(255,216,6);
    color:black;
    box-shadow:0 0 11px 0 #ffffffb0;
    transition:all 300ms ease-in-out;
}

.item-width .content img{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

.container-Vglasses{
    max-width:1300px;
    margin:0 auto;
}

.item-width{
    flex:0 0 12.5%;
    max-width:12.58%;
    padding:7px 9px;
}


@media only screen and (max-width:1450px){
    .container-Vglasses{
        max-width:1000px ;
    }
    
    .item-width{
        flex:0 0 16.66666666666667%;
        max-width:16.66666666666667%;
    }
}

@media only screen and (max-width:1150px){
    .container-Vglasses{
        max-width:700px ;
    }
    
        .item-width{
        flex:0 0 25%;
        max-width:25%;
    }
}

@media only screen and (max-width:991px){
    .backgroun-Hgalass{
        padding-top:14%;
    }
}


@media only screen and (max-width:800px){
    .container-Vglasses{
        max-width:500px ;
    }
    
        .item-width{
        flex:0 0 33.33333333333333%;
        max-width:33.33333333333333%;
    }
    
    .backgroun-Hgalass{
        padding-top:18%;
    }
}

@media only screen and (max-width:550px){
    .container-Vglasses{
        max-width:350px ;
    }
    
        .item-width{
        flex:0 0 50%;
        max-width:50%;
    }
    
    .backgroun-Hgalass{
        padding-top:25%;
    }
}

@media only screen and (max-width:400px){
    .container-Vglasses{
        max-width:160px ;
    }
    
        .item-width{
        flex:0 0 100%;
        max-width:100%;
    }
    
    .backgroun-Hgalass{
        padding-top:100px;
    }
}

.col-md-1{
    flex:unset !important;
    max-width:unset !important;
    margin-bottom:3%;
}


.container-Hglasses{
    max-width:1300px;
    margin:0 auto;
}

.Horizontal-col-width{
    flex:0 0 25%;
    max-width:25%;
    padding:10px;
}


.container-Hglasses .header{
    text-align:center;
    padding:3.3%;
    font-size:100%;
    font-weight:600;
    color:inherit;
}

.Horizontal-col-width .content{
    background-color:#171826;
    border-radius:4px;
    color:white;
    font-weight:700;
    transition:all 300ms ease-in-out;
    box-shadow:0 0 11px 0 #00000091;
}

.Horizontal-col-width .content:hover{
    background-color:rgb(255,216,6);
    color:black;
    box-shadow:0 0 11px 0 #ffffffb0;
    transition:all 300ms ease-in-out;
}

.Horizontal-col-width .content img{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    width:100%;
}


@media only screen and (max-width:1450px){
    .container-Hglasses{
        max-width:1100px;
    }
}

@media only screen and (max-width:1450px){
    .container-Hglasses{
        max-width:900px;
    }
    
    .Horizontal-col-width{
        flex:0 0 33.33333333333333%;
        max-width:33.33333333333333%;
    }
}

@media only screen and (max-width:991px){
    .container-Hglasses{
        max-width:750px;
    }
}


@media only screen and (max-width:800px){
    .container-Hglasses{
        max-width:500px;
    }
    
    .Horizontal-col-width{
        flex:0 0 50%;
        max-width:50%;
    }
}


@media only screen and (max-width:550px){
    .container-Hglasses{
        max-width:400px;
    }
}


@media only screen and (max-width:460px){
    .container-Hglasses{
        max-width:350px;
    }
    
    .Horizontal-col-width{
        flex:0 0 100%;
        max-width:100%;
    }
}


@media only screen and (max-width:400px){
    .container-Hglasses{
        max-width:200px;
    }
}



.aboutBackground{
        background: url("/media/images/NewStyle/img/elements/fagBg.png");
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    padding:8% 15%;
    margin:0;
    font-family:Iranyekan;
}
.header-area .main-header{
    background-color:rgba(5, 6, 23, 0.8) !important;
}

.TechnologySection{
    background: url("/media/images/NewStyle/img/elements/fagBg.png");
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    padding:8% 0 3%;
    margin:0;
    font-family:Iranyekan;
}


.col-width{
    flex:0 0 49%;
    max-width:49%;
    position:relative;
    margin-bottom:2%;
}

.col-width:nth-child(odd){
        margin-right:1%;
}

.col-width:nth-child(even){
        margin-left:1%;
}

.TechnologySection .overlay{
    position:absolute;
    bottom:0;
    padding: 4% 6%;
    background-color:#0000007d;
    transition:300ms ease-in-out;
}

.TechnologySection h1{
    font-family:Beirot;
}

.col-width img{
    width:100%;
}

.container-section-tech{
    max-width:1300px;
    margin:0 auto;
}

.TechnologySection h2{
    font-family:Beirot;
    font-size:150%;
}

.phoneHidden{
    display:block;
}



@media only screen and (max-width:1430px){
   .container-section-tech{
        max-width:1100px;
    }
}

@media only screen and (max-width:1200px){
   .container-section-tech{
        max-width:900px;
    }
}

@media only screen and (max-width:991px){
   .container-section-tech{
        max-width:800px;
    }
    
    .TechnologySection .overlay{
        top:83%;
    }
    
    .col-width{
        overflow:hidden;
    }
    
    .TechnologySection h2{
        font-size:140%;
    }
    
    .hover{
        top:0 !important;
        transition:300ms ease-in-out;
        padding:8% 5% !important;
    }
    
}

@media only screen and (max-width:880px){
    .container-section-tech{
        max-width:650px;
    }
    
    .TechnologySection h2{
        font-size:120%;
        margin:0;
    }
    
    .TechnologySection p{
        font-size:84%;
    }
}

@media only screen and (max-width:720px){
    .container-section-tech{
        max-width:500px;
    }
    
    .col-width{
        flex:0 0 100%;
        max-width:100%;
        position:relative;
        margin:0 0 5% 0 !important;
    }
    
    .TechnologySection h2{
        font-size:150%;
    }
    
    .TechnologySection .overlay{
        top:86%;
    }
    
    .TechnologySection p{
        font-size:100%;
    }
    
    .TechnologySection{
        padding:13% 0 6%;
    }
}

@media only screen and (max-width:580px){
    .container-section-tech{
        max-width:380px;
    }
    
    .TechnologySection .overlay{
        top:84%;
    }
}

@media only screen and (max-width:450px){
    .container-section-tech{
        max-width:300px;
    }
    .TechnologySection .overlay{
        position:relative;
        top:0;
    }
    
    .phoneHidden{
        display:none;
    }
    
    .TechnologySection{
        padding-top:18%;
    }
}

@media only screen and (max-width:360px){
    .container-section-tech{
        max-width:250px;
    }

    .TechnologySection{
        padding-top:18%;
    }
}


.requestBG{
    background: url("/media/images/NewStyle/img/elements/fagBg.png");
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    padding:10% 0 10%;
    margin:0;
    font-family:Iranyekan;
}



.backgroundFAQ .item a{
    color:black;
}

.backgroundFAQ .item a:hover{
    color:red;
}

.backgroundFAQ .item p{
    margin:0 !important;
}