﻿body{
    background: #ffffff;
       font-family: parsdata-en, parsdata-ir;
    font-size: 12px;
}
html {
    font-family: "Lucida Sans", sans-serif;
}
.color{
         width: 100%;
         float: right;
}

.clearfix:after, clearfix:before{
	content:"";
	display: table;
}
.clearfix:after{
	clear: both;
}

.menu_me{
    width: 100%;
    /* background: #ffffff; */
    height: 39px;
}

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.head-tools {
    position:  relative;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#33b5e5;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #0099cc;
}

.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;padding: 1px!important;/* float: right; */}
.col-6 {width: 50%;}
.aside {
    background-color: #33b5e5;
    padding: 15px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.col-1 {width: 8.33%;}

.col-3 {width: 25%;}

.col-2 {width: 16.66%;text-align: center;}
h2{
    font-size: 16px;
    text-align:right;
    padding-top: 8px;
    /* padding-right:10px; */
}
.col-7 {width: 58.33%;}
.title-blue3, .title-green3, .title-red3, .title-black3 {
    /* min-height:18px; */
    color:#f7f7f7;
    font-size: 12px;
    /* margin-bottom: 15px; */
}
.simple-block3 .title a, .title-blue3 a, .title-green3 a, .title-red3 a, .title-black3 a {
    color:#fff;
}
.simple-block3 .title a:hover, .title-blue3 a:hover, .title-green3 a:hover, .title-red3 a:hover, .title-black3 a:hover {
    color:#ccc;
}
.simple-block3 .title {
    border-bottom:1px solid #bbbbbb;
    padding-bottom:7px;
}
.content {
    padding:16px 0 16px 0;
}
.disp {
    display:inline-block;
    width:100%;
}
.title-blue1 {
    /* background: url(../Images/bg-block3.gif) repeat-x left top #EB6B06; */
    /* background: url(../images/service-bg.png); */
    border-radius: 5px 5px 0 0;
}
.title-blue2 {
    /* background:url(../Images/bg-block1.gif) no-repeat left top; */
}



.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;/* padding-top: 3px!important; */padding-bottom: 0px!important;padding-left: 0px!important;padding-right: 0px!important;}
.t1 {
    /* background:url(../Images/bg-block7.gif) repeat-x left top; */
}
.t2 {
    /* background:url(../Images/bg-block5.gif) no-repeat left top; */
}

.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.t3 {
    /* background:url(../Images/bg-block6.gif) no-repeat right top; */
    height:8px;
    font-size:1px;
}
.cont-blue {
    /* padding:17px 16px 30px; */
    text-align:justify;
}
.cont-blue-menu {
    padding:17px 30px 30px 30px;
}

.simple-block1 {
    /* background:url(../Images/bg-node.gif) repeat-x left top #e5e5e5; */
}
.simple-block2 {
    /* background:url(../Images/node-left.gif) no-repeat left top; */
}
.simple-block3 {
    /* background:url(../Images/node-right.gif) no-repeat right top; */
    /* padding:17px 10px 30px; */
}
.simple-block3 .cont {
    /* padding:17px 0 30px 0; */
    /* margin-bottom:10px; */
    text-align:justify;
}
.cDivPrint img {
    cursor: pointer;
    margin: 6px 2px;
    padding-right: 8px;
    /* border-right: 2px solid #990000; */
}

.print-me {
    float: right;
    margin-top: 5px;
}
/**************** Red Block ****************/
.bred {
    background-color:#aa0505;
    margin: 0 0 10px 0;
    color: #fff;
}
.bred div.lt-corner {
    background: url('../Images/bred-lt.gif') no-repeat left top;
}
.bred .rt-corner h1,
.bred .rt-corner h2,
.bred .rt-corner h3{
    background: url('../Images/bred-rt.gif') no-repeat right top;
    min-height: 25px;
    padding: 12px 16px 10px;
    font: bold 9px tahoma;
    text-align: right;
    font-family: parsdata-sans;
}
.bred div.rb-corner {
    background: url('../Images/bred-rb.gif') no-repeat right bottom;
}
.bred div.lb-corner {
    background: url('../Images/bred-lb.gif') no-repeat left bottom;
    display:inline-block;
    width:100%;
}
.cont002{
    padding: 10px 9px;
}
.bred-content {
    font-size: 11px;
    margin: 0;
    background-color: #aa0505;/*overflow: auto;*/
}
.bred div.title {
    background: url(../Images/bred-x.gif) repeat-x left bottom;
    font: bold 11px tahoma;
    text-align: center;
}
.bred a, .bmain a:visited {
    color: #ffd9d9;
    text-decoration: none;
}
.bred a:hover {
    color: #fff;
    border-width: 0;
}
.bred div.title a{
    color:#fff;
}
.bred div.title a:hover{
    color:#000;
}
/**************** Brown Block ****************/
.bw {
    background-color:#ece4d5;
    margin: 0 0 10px 0;
    color: #333;
}
.bw div.lt-corner {
    background: url('../Images/bw-lt.gif') no-repeat left top;
}
.bw .rt-corner h1,
.bw .rt-corner h2,
.bw .rt-corner h3 {
    background: url('../Images/bw-rt.gif') no-repeat right top;
    padding: 12px 16px 10px;
    min-height:25px;
    font:bold 11px tahoma;
    text-align: right;
    font-family: parsdata-sans;
}
.bw div.rb-corner {
    background: url('../Images/bw-rb.gif') no-repeat right bottom;
}
.bw div.lb-corner {
    background: url('../Images/bw-lb.gif') no-repeat left bottom;
    display:inline-block;
    width:100%;
}
.bw-content {
    font-size: 0.923em;
    margin: 0;
    color: #50493c;
    background-color: #dbd1be;/*overflow: auto;*/
}
.bw div.title {
    color: #50493c;
    font:bold 11px tahoma;
    background: url(../Images/bw-x.gif) repeat-x left bottom;
    text-align: center;
}
.bw a, .bmain a:visited {
    color: #50493c;
}
.bw a:hover {
    color:#c00;
    text-decoration: none;
}
/**************** Main Block ****************/
.bmain {
    background: #f3ede3 url('../Images/bmain-t.gif') repeat-x 0 top;
    margin: 0 0 10px 0;
    color: #333;
}
.bmain div.r-corner {
    background: url('../Images/bmain-r.gif') repeat-y right top;
}
.bmain div.b-corner {
    background: url('../Images/bmain-b.gif') repeat-x left bottom;
}
.bmain div.l-corner {
    background: url('../Images/bmain-l.gif') repeat-y left top;
}
.bmain div.lt-corner {
    background: url('../Images/bmain-lt.gif') no-repeat left top;
}
.bmain div.rt-corner {
    background: url('../Images/bmain-rt.gif') no-repeat right top;
}
.bmain div.rb-corner {
    background: url('../Images/bmain-rb.gif') no-repeat right bottom;
}
.bmain div.lb-corner {
    background: url('../Images/bmain-lb.gif') no-repeat left bottom;
}
.bmain-content, .bs-content {
    font-size: 0.923em;
    padding: 10px 13px 10px 13px;
    margin: 0 0 0 0;
    color: #50493c;/*overflow: auto;*/
    /*display:inline-block;*/
}
.bmain-content .title h1,
.bmain-content .title h2,
.bmain-content .title h3 {
    padding-bottom:10px;
}
.bmain a, .bmain a:visited, .bs a, .bs a:visited {
    color: #343027;
}
.bmain a:hover, .s a:hover {
    text-decoration: none;
    color: #5e5646;
}
/**************** Main Block ****************/
.bs {
    margin: 0 0 10px 0;
    color: #333;
    background-color: #f3ede3;
    border: 1px #ccc solid;
    display:block;
}
.bs div.lt-corner {
    background: url('../Images/bs-lt.gif') no-repeat left top;
    margin: -1px;
    position: relative;
}
.bs div.rt-corner {
    background: url('../Images/bs-rt.gif') no-repeat right top;
}
.bs div.rb-corner {
    background: url('../Images/bs-rb.gif') no-repeat right bottom;
}
.bs div.lb-corner {
    background: url('../Images/bs-lb.gif') no-repeat left bottom;
}

/* ------- */
.bmenu div.title{
    color: #FFFFFF;
    font: bold 1px parsdata-sans;
    background: url(../Images/bmenu-x.gif) repeat-x left bottom #88806c;
    height: 39px;
    border-radius: 5px 5px 0px 0px;
}
.bmenu div.title a{
    color:#e7dfcb;
}
.bmenu div.title a:hover{
    color:#fff;
}
/**************** Footer ****************/
* html .footer {
    padding: 0 0 20px 0;
    color: #b33c35;
    margin-right: 1px;
    margin-right: 0;
}
/********** ... *** ... *** ... **********/

.col-6 ul li {
    /* padding: 10px 1px; */
    /* font-family: parsdata-yekan-numbers,parsdata-yekan; */
}
p.cLable {
    color: #0278B2;
}

* {
    box-sizing: border-box;
}

.menu_me2 {
    width: 100%;
    margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
#p-2 {
    width: 200px !important;
    height: 220px !important;
}
#p-1 {
    width: 200px !important;
    height: 220px !important;
}
    .bottom-menu .col-2 {
        width: 33%
    }

    #cssmenu {
        margin-bottom: 3px
    }

#cssmenu ul li a {
    font-family: parsdata-ir;
    padding: 3px !important;
    line-height: 1.5;
    text-align: center;
}
.main-about-box {
    position: absolute;
    z-index: 10;
    float: left;
    width: 30%;
    top: 36% !important;
}
.Under-Products {
    right: 0% !important;
}
.maps.col-6 {
    margin-top: 43px;
}
.col-2.logo {
    float: right;
    position: relative;
    background: #FFF;
    border-top: 0;
    padding-bottom: 0px !important;
}
.Products span {

    left: 130px !important;
}
.best-Products {
    margin-right: 20px;
}
.main-menu{margin-top:0!important;}
    #cssmenu ul li.havesub ul {
        right: 0!important;
        /* padding-right:40px */
    }
    .menu_me {
        background: #cac7c3;
    }
    ul.dropdownv ul {
        width: 220px;
        position: absolute;
        top: 0;
        right: 100%;
        margin-right: 10px;
        z-index: 1;
        -moz-box-shadow: -1px 1px 5px #ccc;
        -webkit-box-shadow: -1px 1px 5px #ccc;
        box-shadow: -1px 1px 5px #ccc
    }
}

ul.dropdownv .havesub > ul {
    display: block!important
}

.col-6 img {
    height: auto
}

.row .col-2 {
    padding-right: 0;
    padding-left: 0
}

.row .col-10 {
    padding-right: 0;
    padding-left: 0
}

#img1 {
    background: green;
    width: 100px;
    height: 100px;
    outline: 1px solid #f93
}

.bw .rt-corner h1,
.bw .rt-corner h2,
.bw .rt-corner h3 {
    font-size: 11px!important;
    font-family: parsdata-sans
}

.bred .rt-corner h1,
.bred .rt-corner h2,
.bred .rt-corner h3 {
    font-size: 11px!important;
    font-family: parsdata-sans
}

.mybt {
    cursor: pointer;
    display: block;
    float: left;
    width: 10%;
    margin: auto
}

.mybt img {
    height: 34px;
    width: 36px;
    margin-top: 1px;
    margin-left: 10px;
    -webkit-animation-name: example;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-name: example;
    animation-duration: 1s;
    position: relative;
    animation-iteration-count: infinite
}


.menu_me2 .col-12 {
    padding: 0!important;
    margin: 0
}

.MapPath ul li span {
    background: url(../Images/circle-map.png) no-repeat right 7px;
    font-family: parsdata-ir;
    font-weight: lighter;
}

.tnav {
    font: bold .875em 'lucida sans unicode', verdana
}


.bmenu {
    background-color: #595448;
    margin: 0 0 10px;
    color: #fff
}

.bmenu div.lt-corner {
    background: url(../Images/bmenu-lt.gif) no-repeat left top
}

.bmenu .rt-corner h1,
.bmenu .rt-corner h2,
.bmenu .rt-corner h3 {
    background: url(../Images/bmenu-rt.gif) no-repeat right top;
    min-height: 30px;
    padding: 14px 16px 3px;
    font: bold 11px tahoma
}

.bmenu div.rb-corner {
    background: url(../Images/bmenu-rb.gif) no-repeat right bottom
}

.bmenu div.lb-corner {
    background: url(../Images/bmenu-lb.gif) no-repeat left bottom;
    width: 100%;
    display: inline-block
}

.bmenu div.lt-corner {
    background: url(../Images/bmenu-lt.gif) no-repeat left top
}

.bmenu .rt-corner h1,
.bmenu .rt-corner h2,
.bmenu .rt-corner h3 {
    background: url(../Images/bmenu-rt.gif) no-repeat right top;
    min-height: 30px;
    padding: 14px 16px 3px;
    font: bold 11px tahoma
}

.bmenu div.rb-corner {
    background: url(../Images/bmenu-rb.gif) no-repeat right bottom
}

.bmenu div.lb-corner {
    background: url(../Images/bmenu-lb.gif) no-repeat left bottom;
    display: inline-block;
    width: 100%
}

.bmenu-content {
    font-size: .923em;
    margin: 0;
    background-color: #595448
}


* {
    box-sizing: border-box
}
.color4 ul {
    text-decoration: none;
    list-style-type: none
}



.col-2.logo img {
    width: 93% !important;
}
    #cssmenu {
        margin-bottom: 3px
    }

    .rows {
        width: 50%!important
    }
    #cssmenu ul li.havesub ul {
        right: 0!important;
        /* padding-right:40px */
    }
    .menu_me {
        padding: 0
    }
    .bw .rt-corner h1,
    .bw .rt-corner h2,
    .bw .rt-corner h3 {
        text-align: center;
        font-size: 12px!important;
        font-family: parsdata-sans
    }
    .bred .rt-corner h1,
    .bred .rt-corner h2,
    .bred .rt-corner h3 {
        font-size: 12px!important;
        text-align: right
    }
}

.row:after {
    content: "";
    clear: both;
    display: block
}

ul.dropdownv .havesub > ul {
    display: block!important
}

.col-6 img {
    height: auto
}

.row .col-2 {
    padding-right: 0;
    padding-left: 0
}

.row .col-10 {
    padding-right: 0;
    padding-left: 0
}

#img1 {
    background: green;
    width: 100px;
    height: 100px;
    outline: 1px solid #f93
}


@media (max-width: 1921px){
.col-2.logo img {
    width: 47% !important;
}
}

.me-newtable table:first-child {
    width: 100%;
    text-align: center;
    margin-top: 15px
}

.me-newtable table:first-child thead tr {
    background: #ea5b0c;
    color: #fff;
    height: 45px
}

.me-newtable table:first-child tbody tr {
    height: 40px;
    color: #363636
}

.me-newtable table:first-child tbody tr:nth-child(odd) {
    background: #f3f2f2
}

.me-newtable table:first-child tbody tr:nth-child(even) {
    background: #fff
}

.rows {
    float: right;
    text-align: justify
}

.bx-next {
    position: absolute;
    top: 40%;
    right: 0;
    width: 33px;
    height: 54px;
    text-indent: -999999px;
    background: url(../Images/light_next.png) no-repeat 0 -54px
}

.bx-prev {
    position: absolute;
    top: 40%;
    left: 0;
    width: 33px;
    height: 54px;
    text-indent: -999999px;
    background: url(../Images/light_prev.png) no-repeat 0 -54px
}

.bx-next:hover,
.bx-prev:hover {
    background-position: 0 0
}



table.ftable {
    font-family: arial
}
#cssmenu ul > li:hover > ul > li a {
    color: #FFF;
}
#cssmenu ul > li:hover > ul > li a:hover{
    background: #1389e4;
    color: #FFF!important;
}
li{list-style:none;}
/********************/
/*****************************/
/*******************/
.top-header{
	float:right;
	background:#919191;
	position:relative;
}
.green-zone.col-12{
	width:100%;
	float:right;
	background:url(/Files/1/site/about-back.png);
	position:relative;
	}
.ribon-bar{
 float:left;
 height: 390px;
 width:122px;
 background:url(/Files/1/site/about-ribon.png);
 left:40px;
 position: relative;
}
.intro-box{
	width:60%;
	height:auto;
	padding:30px;
	margin: 71px;
	float:right;
	background:rgba(255,255,255,0.5);
	border-radius:5px;
}
.intro-box p{
	font-size:16px;
	text-align:justify;
}
.intro-box h1{font-size:20px;position:relative;padding-right: 30px;margin-bottom: 10px;}
.intro-box h1:before{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f95e00;
    position: absolute;
    top: 7px;
    right: 0;
}
.product-row{
	width:91%;
	margin:40px auto;

	}
.product-box{
	width: 154px;
	height: 297px;
	float:right;
	padding: 10px;
	border-radius: 5px;
	margin: 20px;
	position:relative;
	background:#6f7923;
}
.product-box img{
		position:absolute;
		left: 12px;
		top: 12px;
		border-radius: 5px;
		width: 100%;
		box-shadow: 1px 8px 19px 1px;
}
	.product-box a {
    display: block;
    position: absolute;
    z-index: 10;
    bottom: -40px;
    text-decoration: none;
    font-size: 16px;
    color: #555;
}
	.product-box a:before {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: absolute;
	content:'';
	right: -19px;
	top: 10px;
	background: #8b982c;
}
.title-block-def h2 {
    text-align: center;
	position:relative;
    margin-top: 14px;
    margin-bottom: 20px;
    font-size: 27px;
    color: #555;
}
.title-block-def h2 span{position:relative;}
.title-block-def h2 span:before {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    content: '';
    top: 20px;
    left: -23px;
    background: #717b24;
}
.title-block-def h2 span:after {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    content: '';
    top: 20px;
    right: -23px;
    background: #717b24;
}
.news-bar.col-12{
	float:right;
	width:100%;
	 background:url(/Files/1/site/background2.png);

	background-attachment:fixed;
}
.bd1 {

    margin-right: 30px;
    background: rgba(184,199,74,0.7);
    border-radius: 5px;
    width: 95%;
    display: flex;
margin: 20px;
}
.news-box.col-8{
    float: right;
}
.news-img{float:left;}
.cont-block-def {
    float: right;
    margin-bottom: 60px;
}
.container {
    width: 1170px;
    margin: 0 auto;
}
.row-dark.col-12{
	float:right;
	width:100%;
	padding:30px;
	background:#f0f0f0;

}
.row-group.col-12 {
    margin: 15px 79px 20px;
    float: right;
}