@font-face {
    font-family:'MyriadPro';
    src:url('../fonts/MyriadPro-It.eot');
    src:local('Myrian pro'),
        local('b Myrian pro'),
        url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-It.woff') format('woff'),
        url('../fonts/MyriadPro-It.ttf') format('truetype')
}
@font-face {
    font-family:'Yekan';
    src:url('../fonts/BYekan.eot');
    src:local('bYekan'),
        local('b Yekan'),
        url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BYekan.woff') format('woff'),
        url('../fonts/BYekan.ttf') format('truetype')
}
@media (max-width: @screen-lg) {
    body{font-size: 13px;}
}

@media (max-width: @screen-md) {
    body{font-size: 12px;}
}
@media (max-width: @screen-sm) {
    body{font-size: 10px;}
}

@media (max-width: @screen-xs) {
    body{font-size: 8px;}
}
a {text-decoration:none !important;transition:1s}
a:hover {text-decoration:none !important}
body {
    font-family:'Yekan';
    margin:0px;
    padding:0px;
    color:#404040;
    direction:rtl;
    text-align:right;
    margin-top:4% ;
    background-color:#000000;
}
.hr1 {border:2px solid #d9dbdf;margin:0px;padding:0px}
.hr2 {border:2px solid #c4c6ca;margin:0px;padding:0px}
.hr3 {border:1px solid #99c93b}
ul {list-style-type:none}
a {text-decoration:none}
.MarginPadding0 {margin:0px;padding:0px}
.FloatRight {float:right}
.FloatLeft {float:left}
.Clear{clear:both}
.TextRight {text-align:right;direction:rtl}
.TextLeft{text-align:left;direction:ltr}
.DisplayInline li {display:inline}
.ColorWhite {color:#fff}
.ColorBlack {color:#EDEDED}
.Margin0 {margin:0px}
.Padding0 {padding:0px}
.bkwhite {background-color:#ffffff}
.txtFooter {border:0px;background-color:#b3b6b8;margin-bottom:5px;font-size:small;color:#fff}
.BtnFooterConfirm {border:0px;background-color:#678d1c;font-size:small;color:#fff;padding:6px}
::-webkit-input-placeholder {color:#fff}
:-moz-placeholder {color:#fff}
::-moz-placeholder{color:#fff}
:-ms-input-placeholder {color:#fff}
.arrowleft {width:25px;height:25px;background-image:url(../image/theme/icons.png);background-position:-100px 5px}
/*Layout*/
#MainWrapper {}
header{background-image:url(../image/theme/HeaderBack.gif)}
header span {font-family:'Yekan'}
header #LogoText {text-align:left;font-weight:bold}
header #LogoText a {padding-left:6%}
header #Menu {background-color:#157cc0;margin:0px;padding:0px;font-size:13px}
header #Menu li {border-left:1px solid #3e9edd;margin:0px}
header #Menu li a {color:#fff}
footer {background-color:#343434}
footer h4 {color:#99c93b;font-weight:bold}
footer ul li {line-height:28px}
footer ul li a {color:#e4e4da;font-size:small}
footer ul li a:hover {color:#99c93b}
footer ul {margin:0px;padding:0px;list-style-image:url(../image/theme/arrowleft.png);margin-right:20px}
#Bottom {background-color:#545454;padding:10px}
#Bottom {color:#b3b6b8;font-size:small}
#Bottom a {color:#99c93b}
footer p {color:#e4e4da;font-size:small}
#FooterContact div {margin-bottom:7px}
#FooterAddressICO{background-image:url(../image/theme/icons.png);background-position: -119px 60px;display: inline-block;width: 21px;height: 20px;}
#FooterCallICO {background-image:url(../image/theme/icons.png);background-position: -230px 60px;display: inline-block;width: 21px;height: 20px;}
#FooterFaxICO {background-image:url(../image/theme/icons.png);background-position: -189px 60px;display: inline-block;width: 21px;height: 20px;}
#FooterMailICO {background-image:url(../image/theme/icons.png);background-position: -153px 60px;display: inline-block;width: 21px;height: 20px;}
#FacebookICO {background-image:url(../image/theme/icons.png);background-position: -152px 37px;display: inline-block;width: 32px;height: 30px;}
#TwitterICO {background-image:url(../image/theme/icons.png);background-position: -185px 37px;display: inline-block;width: 32px;height: 30px;}
#GPlusICO {background-image:url(../image/theme/icons.png);background-position: -216px 37px;display: inline-block;width: 32px;height: 30px;}
#RSSICO {background-image:url(../image/theme/icons.png);background-position: -248px 37px;display: inline-block;width: 32px;height: 30px;}
#AparatICO{background-image:url(../image/theme/aparat.png);display: inline-block;width: 30px;height: 30px;margin-left:10px}
#LinkedinICO{background-image:url(../image/theme/linkedin.png);display: inline-block;width: 30px;height: 30px;margin-left:10px}
#InstagramICO{background-image:url(../image/theme/instagram.png);display: inline-block;width: 30px;height: 30px;}
/*ProjechShow*/
.vlightbox1 li {display:inline-block}
/*Default.aspx*/
.banner { position: relative; overflow: auto; }
.banner li { list-style: none;}
.banner ul li { float: left;}
#slideshow img {width:100%;height:400px}
#slideshow { 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    
}
#MainText{background-color:#99c93b}
#Brands {background-color:#fff;border:4px solid #e6e6e6;padding: 10px 0px 10px 0px;}
#Brands marquee{width:1400px}
#Brands ul {width:100%;margin:0 auto}
#Brands ul li {display:inline-block;margin:0px 1% 0px 1%}
#Brands ul li img{max-width:150px;max-height:100px}
#Services {margin-top:20px;margin-bottom:15px}
#Services div div{background-color:#838383;padding-bottom:5px}
#Services div img {width:100%;height:230px}
#Services div h4 {color:#fff;padding:5px}
#Services div p{text-align:justify;font-size:small;color:#fff;padding:5px}
#Services div a.continue{background-color:#99c93b;color:#fff;text-align:center;display:block;width:40%;font-size:small;margin:5px;height: 30px;padding-top: 6px;}
#Services div a {color:#fff}
#News a:hover {color:#63c32f}
#News{background-color:#545454;min-height:365px}
#Login div {text-align:center;margin:0px 0px 5px 0px;}
#Login a {display:block;color:#fff;text-align:center;font-size:small}
#Login .txtlogin {border:0px;border-radius:3px}
#Login {margin-left:0px;padding-left:0px;min-height:295px;min-height:310px}
#Login #LoginContent {background-color:#545454;min-height:242px}
#Profile {background-color:#545454;min-height:335px;padding:5px;font-size:small;color:#ffffff}
#LoginContent .btn {width:100%;}
#Login h2 {background-color:#313131;padding:5px 25px 5px 5px;color:#fff;font-weight:bold;margin:0px;font-size:18px}
#Login h2 span {background-image:url(../image/theme/icons.png);background-position: 40px 4px;width: 43px;height: 32px;display: inline-block;}
#News h2 {background-color:#313131;padding:5px 25px 5px 5px;color:#fff;font-weight:bold;margin:0px;font-size:18px}
#News h2 span {background-image:url(../image/theme/icons.png);background-position: 40px -28px;width: 43px;height: 32px;display: inline-block;}
#News ul{margin:0px;padding:0px;list-style-image:url(../image/theme/arrowleft.png);margin-right:20px;padding:20px 20px 0px 20px}
#News ul li a {color:#fff;font-size:small}
.continue {background-color:#99c93b;color:#fff;text-align:center;display:block;width:100px;font-size:small;border:0px}
#News a.continue{background-color:#99c93b;color:#fff;text-align:center;display:block;width:100px;font-size:small;margin:5px;height: 30px;padding-top: 6px;}
#MainText h1{margin:0px;padding:18px;text-align:center;color:#fff;font-size:26px;font-family:MyriadPro}
#LatestProjects {background-color:#252525;}
#LatestProjects h3 {font-weight:bold;color:#fff;padding: 10px 40px 10px }
#ProjectContent {background-color:#545454}
/*Bootstrap Force*/
header .navbar-nav > li > a {border-radius:0px}
header .nav>li>a:hover,.nav>li>a:focus{background-color:#63c32f}
header .navbar-nav > li.active > a, .navbar-nav > li.active > a:hover, .navbar-nav > li.active > a:focus {background-color:#63c32f}
header .dropdown-menu {background-color:#157cc0;font-size:13px;padding:0px}
.dropdown-menu li {padding: 6px 0px 6px 0px !important;border-top: 1px solid #898989 !important;}
header .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color:#63c32f}
header .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #63c32f;border-color: #EDEDED;}
header .navbar-collapse {padding:0px}
header .container-fluid {padding:0px}
header .navbar-default {background-color: transparent;border-color: transparent;}
header .navbar {margin:0px;border:0px;background-color: #157cc0;min-height:38px;border-radius:0px}
header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color:#63c32f}
header .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color:#63c32f}
header .navbar-default .navbar-toggle {background-color:#63c32f}
header .navbar-toggle {margin-right:20px}
.dropdown-submenu {position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0;right: 100%;margin-top: -2px;margin-left: -1px;-webkit-border-radius: 6px 0px 6px 6px;-moz-border-radius: 6px 0px 6px;border-radius: 6px 0px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu {    display: block;}
.dropdown-submenu>a:after {display: block;content: " ";float: left;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 5px 5px 0px;border-right-color: #ccc;margin-top: 5px;margin-right: -10px;position:relative;left:-14px}
.dropdown-submenu:hover>a:after {border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 6px 0 6px 6px;-moz-border-radius: 6px 0 6px 6px;border-radius: 6px 0 6px 6px;}