body {background: transparent url('../images/back_img.jpg') repeat;margin: 0;padding: 0;}
.wrapper{ position: relative;display: block;margin: auto;}
span{ display: inline-block;}
a{ text-decoration: none;}
ul{ margin: 0;padding: 0;}
li{list-style-type: none;}
.clear{ clear: both;}
img{ max-width: 100%;}
textarea{ width: 98.5%;resize: none;padding: 10px 20px !important;color: #999 !important;}
.tr,.en,.ar,.fr{ display: none;}

section, section div,li {
  /* See it in slo-mo, you can change this */
  transition-duration: .6s;
}

* { box-sizing: border-box; }
html, body { height: 100%; }




header{ width: 100%;position: absolute;z-index: 1;top: 0;}
header .wrapper nav{ display: table;margin: auto;}
header .wrapper nav>ul li {display: inline-block; position: relative;margin-right:3px;}
header .wrapper nav>ul li a{ font-family: 'myrnormal';font-size: 1em;color: #fff;padding: 8px 4px;}
header .wrapper nav>ul>li>a:hover{background: rgba(250,156,21,1);background: -moz-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,156,21,1)), color-stop(49%, rgba(235,196,141,1)), color-stop(100%, rgba(250,156,21,1)));background: -webkit-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -o-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -ms-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: linear-gradient(135deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9c15', endColorstr='#fa9c15', GradientType=1 );color: #15631d; border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
header .wrapper nav>ul>li>a.active{background: rgba(250,156,21,1);background: -moz-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,156,21,1)), color-stop(49%, rgba(235,196,141,1)), color-stop(100%, rgba(250,156,21,1)));background: -webkit-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -o-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -ms-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: linear-gradient(135deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9c15', endColorstr='#fa9c15', GradientType=1 );color: #15631d; border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
 

header.alt{ position: relative;height: 195px;margin-top: 0;background: transparent url('../images/header_back_alt.png') no-repeat top center;}
header.alt .wrapper nav{padding-top: 15px}


#Home { width: 100%;overflow: hidden;}
#Home .flexslider{ margin: auto;display: block; background-image: url('../images/header_back2.png');background-repeat: no-repeat;background-position: top center;background-size: contain;}
#Home .flexslider .slides img{ width: auto;}
#Home .flexslider .slides > li{background-repeat: no-repeat;background-position: center;background-size: 99% auto;width: 100%;}
#Home .wrapper .hmlinks { width: 80%;display: table;margin:70px auto;}
#Home .wrapper .hmlinks  a {font: 16px myriadsemibold;width: 30.111111111111%;height: 123px;background-image: url('../images/hmButon.png');background-repeat: no-repeat;background-position: top center;background-size: contain;display: inline-block;line-height: 120px;text-align: center;padding-right: 25px;color: #15631d;}
#Home .wrapper .hmlinks  a:hover{background-image: url('../images/hmButon_hover.png');   color: #fff;}
#Home .wrapper .hmAltSerit{ width: 100%;background: url('../images/hmAltSerit.png') no-repeat top center;height: 72px;} 


#HeaderAlt{position: relative;z-index: 0;margin-top: -195px;}
#HeaderAlt .altSayfalarSlider{ height:183px;outline: 2px solid #fff;}
#HeaderAlt .altSayfalarSlider ul{ height:100%;}
#HeaderAlt .altSayfalarSlider ul li{ height:100%;background-repeat: no-repeat;background-size: cover;background-position: center;}
#HeaderAlt .altSayfalarSlider ul li img{width: 100%;}
.navigate { display: inline-block;margin: 15px auto;width: 100%; }
.navigate li { float: left; font-size: 12px;margin-right: 5px;margin-top: 5px;}
.navigate li a{ font-family:   myriadsemibold;color: #000;background: transparent url('../images/yon.png') no-repeat right center;padding-right: 20px;}
.navigate li span{font-family:myrnormal;color: #000;margin-top: 1.4333333px}
.navigate li.levha {display: none;margin: -23px auto;float: right;width: 150px;text-align: center;position: relative;}
.navigate li.levha span {background-color: rgb(42, 115, 50);padding: 8px 5px 3px;margin-top: 18px;margin-left: -17px;min-width: 130px;-webkit-box-shadow:  2px 13px 24px -1px rgba(0,0,0,0.75);-moz-box-shadow:  2px 13px 24px -1px rgba(0,0,0,0.75);box-shadow: 2px 13px 24px -1px rgba(0,0,0,0.75);color: #fff;-moz-animation: 3s ease 0s normal none infinite;-moz-transform-origin: center top;-webkit-animation:swing 3s infinite ease-in-out;-webkit-transform-origin:top;}
.navigate li.levha img { width: 100px;position: absolute;}


#main{ min-height: 500px;margin-top: 20px;}

/*Grup Sayfası*/
.grupGosterimi{ text-align: center;}
.grupGosterimi .grupList{width: 250px;display: inline-block;height: 150px; margin: 10px;outline: none;background-size: cover;background-repeat: no-repeat;position: relative;}
.grupGosterimi .grupList:hover img{box-shadow: none;}
.grupGosterimi .grupList span{ text-align: center;font: 14px myrnormal; color:#fff;background-color: #256F2C;padding: 4px 7px 2px;border-radius: 15px;position: absolute;bottom: -3px;left: 50px;border: 2px solid #fff;}
.grupGosterimi .grupList img{-moz-box-shadow:   inset 15px 10px 50px #000000;-webkit-box-shadow: inset 15px 10px 50px #000000;box-shadow: inset 15px 10px 50px #000000;}


.urunLinks{width: 20%;float: left;background: url('../images/footer_Top_Back.png') no-repeat top center;padding-bottom: 15px;margin-right: 10px;}
.urunLinks h3{font: 14px 'myriadsemibold';padding: 0 5px;color: rgb(37, 105, 44);text-shadow: 0 2px 3px rgba(255,255,255,0.5);-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;}
.urunLinks ul {margin-bottom: 40px;}
.urunLinks ul li{ width: 100%; margin-bottom: 10px;-webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.45), 0 2px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.45), 0 2px 0 rgba(0, 0, 0, 0.25);box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.45), 0 1px 0 rgba(0, 0, 0, 0.25);-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.urunLinks ul li:hover{-webkit-box-shadow: inset 0 -3px 0 rgba(64, 163, 74, 1), 0 2px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: inset 0 -3px 0 rgba(64, 163, 74, 1), 0 2px 0 rgba(0, 0, 0, 0.25);box-shadow: inset 0 -3px 0 rgba(64, 163, 74, 1), 0 1px 0 rgba(0, 0, 0, 0.25);}
.urunLinks ul li.active{-webkit-box-shadow: inset 0 -3px 0 rgba(64, 163, 74, 1), 0 2px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: inset 0 -3px 0 rgba(64, 163, 74, 1), 0 2px 0 rgba(0, 0, 0, 0.25);box-shadow: inset 0 -3px 0 rgba(64, 163, 74, 1), 0 1px 0 rgba(0, 0, 0, 0.25);}
.urunLinks ul li a{padding: 5px 5px 5px 15px;width: 100%;display: inline-block;font: 12px 'myriadsemibold';color: #000;}
.urunLinks ul li span{padding: 5px 5px 5px 15px;width: 100%;display: inline-block;font: 12px 'myriadsemibold';color: #000;cursor: pointer;}
.urunLinks ul.otherProducts{ margin-top: -12px;}
.urunLinks ul.otherProducts li { height: 25px;overflow: hidden; -webkit-box-shadow: inset 0 -3px 0 rgba(249, 146, 0, 1), 0 1px 0 rgba(255, 195, 120, 1);-moz-box-shadow:inset 0 -3px 0 rgba(249, 146, 0, 1), 0 1px 0 rgba(255, 195, 120, 1);box-shadow: inset 0 -3px 0 rgba(249, 146, 0, 1), 0 1px 0 rgba(255, 195, 120, 1);-webkit-border-radius: 3px;-moz-border-radius: 3px;}
.urunLinks ul.otherProducts li:hover { background-color: rgba(255, 195, 120, 1);height: auto; }
.urunLinks ul.otherProducts li:hover span{ color: #2A7332; }
.urunLinks ul.otherProducts li a{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;margin-bottom: 5px;color: #2A7332;}
.urunLinks ul.otherProducts li a:hover:before{ right: 0;}
.urunLinks ul.otherProducts li a:before{ content: "";position: absolute;z-index: -1;left: 0;right: 100%;top: 0;background:  rgba(64, 163, 74, 1);height: 4px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out; }
.urunLinks ul.otherProducts li a:hover{ color: #ffffff; }
.urunLinks ul.otherProducts li a.active{ color: #ffffff; }
.urunLinks ul.otherProducts li a.active:before{ right: 0; }


.urunDetay{ width: 75%;float: right;text-align: right;background: url('../images/urundetayserit.png') no-repeat top right;background-size: 85% auto;padding-top: 3px;margin-top: 0;}
.urunDetay h3{font-family: 'myriadsemibold';}
.urunDetay p{font-family: 'myrnormal';}


footer{ width: 100%;background: url('../images/footer_Top_Back.png') no-repeat top center;height: 122px;padding-top: 5px;text-align: center;margin-top: 25px;} 
footer h3{font:16px 'myriadsemibold';}
footer p{font:14px 'myrnormal'}


.fProfili {font-family: myrnormal;text-align: justify;padding-top: 100px;}


.karsilama{width: 100%;background: url('../images/karsilama.jpg') no-repeat top center;background-size: cover;}
.karsilama .dilSecimi{width: 100%;background: url('../images/linkler.png') no-repeat bottom center;margin: auto;display: block;position: relative;background-size:auto 100%;}
.karsilama .dilSecimi ul{ position: fixed;bottom: 35px;width: 100%;text-align: center;left: 0;}
.karsilama .dilSecimi ul li{ display: inline; }
.karsilama .dilSecimi ul li a{display: inline-block; }
.karsilama .dilSecimi ul li a img{ width: 50px; }
 




#map{ width: 100%;height: 350px;border-top: 1px solid #fff;margin-top: 10px;}
.iletisim .mesajFormu{ float: left;width: 50%;}
.iletisim .mesajFormu .form-area .form-left li{padding: 0 0 9px 0;float: left;width: 100%;}
.iletisim .mesajFormu .form-area .form-left li label{font-family: myrnormal,serif;color: #666;display: block;margin: 0 0 3px 0;}
.iletisim .mesajFormu .form-area .form-left li input{background-color: #ffffff;border: 1px solid #cccccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border linear 0.2s,box-shadow linear 0.2s;-moz-transition: border linear 0.2s,box-shadow linear 0.2s;-o-transition: border linear 0.2s,box-shadow linear 0.2s;transition: border linear 0.2s,box-shadow linear 0.2s;display: inline-block;font-size: 14px;line-height: 20px;vertical-align: middle;float: left;width: 100%;height: 43px !important;border: 1px solid #ccc !important;border-radius: 0 !important;padding: 0 20px !important;margin: 0 !important;color: #999 !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.iletisim .mesajFormu .form-area .form-left li span.msjGonder{background: rgba(250,156,21,1);background: -moz-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,156,21,1)), color-stop(49%, rgba(235,196,141,1)), color-stop(100%, rgba(250,156,21,1)));background: -webkit-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -o-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -ms-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: linear-gradient(135deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9c15', endColorstr='#fa9c15', GradientType=1 );color: #15631d;border-top-right-radius: 10px;border-bottom-left-radius: 10px;padding: 5px 10px;font-weight: bold;}
.iletisim .mesajFormu .form-area .form-left li span.msjGonder:hover{ opacity: 0.8;cursor: pointer;}
.iletisim .adres{float: left;padding: 12px;font-family: myrnormal,serif;width: 45%;}






section, .button { transition-timing-function: ease; }
.sosyalIkonsMobil{ display: none;}
.sosyalIkons section {display: inline-block;position: relative;padding: .375rem .375rem 0;height: 2.5rem;background: #A9ADB6;border-radius: .25rem;perspective: 300;box-shadow: 0 -1px 2px #fff, inset 0 1px 2px rgba(0,0,0,.2), inset 0 .25rem 1rem rgba(0,0,0,.1);}
.sosyalIkons .button { opacity: 0; }
.sosyalIkons .cover {position: absolute;top: 0; right: 0; bottom: 0; left: 0;transform-origin: center bottom;transform-style: preserve-3d;font: 1.25em/2 "icon";color: white;text-align: center;pointer-events: none;z-index: 100;}
.sosyalIkons .innie, .outie, .spine, .shadow { position: absolute; width: 100%; }
.sosyalIkons .innie, .outie {height: 100%;background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,.1) 100%);border-radius: .25rem;}

.sosyalIkons section:hover { background: #EBEFF2; }
.sosyalIkons section:hover .button { opacity: 1; }
.sosyalIkons section:hover .cover, section:hover .innie, section:hover .spine, section:hover .outie, section:hover .spine { transition-timing-function: cubic-bezier(.2,.7,.1,1.1); }
.sosyalIkons section:hover .cover { transform: rotateX(-120deg);  }
.sosyalIkons section:hover .shadow { opacity: 1;transform: rotateX(45deg) scale(.95);}
.sosyalIkons section .shadow {top: 100%;left: 0;height: 3.5rem;transform-origin: center top;transform: rotateX(90deg);opacity: 0;z-index: 0;background-image: -webkit-linear-gradient(top, rgba(0,0,0,.6) 0%, transparent 100%);background-image: linear-gradient(to bottom, rgba(0,0,0,.6) 0%, transparent 100%);border-radius: .4rem;}





.twit .innie:after, .twit .outie:after { content:"t"; }
.twit .innie {background-color: #67E2FE;text-shadow: 0 -2px 4px rgba(0,0,0,.2);}
.twit .spine {top: .25rem;background: #20C7F3;height: .25rem;transform: rotateX(90deg);transform-origin: center top;}
.twit .outie {background-color: #2EC8FA;transform: translateZ(.25rem);text-shadow: 0 2px 4px rgba(0,0,0,.2);}
section.twit:hover .innie { background-color: #3ADAFC; }
section.twit:hover .spine { background-color: #52B1E0; }
section.twit:hover .outie { background-color: #2174A0; color: rgba(255,255,255,0); }



.feys{ margin-top: 0;float: left;margin-right: 5px;}
.feys .innie:after,.feys .outie:after { content:"f"; }
.feys .innie {background-color: #4a66a7;text-shadow: 0 -2px 4px rgba(0,0,0,.2);}
.feys .spine {top: .25rem;background: #4a66a7;height: .25rem;transform: rotateX(90deg);transform-origin: center top;}
.feys .outie {background-color: #4a66a7;transform: translateZ(.25rem);text-shadow: 0 2px 4px rgba(0,0,0,.2);}
section.feys:hover .innie { background-color: #4a66a7; }
section.feys:hover .spine { background-color: #3d5a9d; }
section.feys:hover .outie { background-color: #3858a1; color: rgba(255,255,255,0); }


/* Twitter font icon: http://codepen.io/bennettfeely/pen/GCAKJ */
@font-face { font-family:icon; src: url('http://bennettfeely.com/fonts/icons.woff'); }



#feys {width:103px;height: 35px;margin:0;background-color: #d6dbde;background: #d6dbde -webkit-linear-gradient(bottom, rgb(215,219,222) 0, rgb(216,220,221) 60%, rgb(193,199,202) 100%);-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.2), 0px 1px 1px rgba(0,0,0,.5);background: #d6dbde -moz-linear-gradient(bottom, rgb(215,219,222) 0, rgb(216,220,221) 60%, rgb(193,199,202) 100%);-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.2), 0px 1px 1px rgba(0,0,0,.5);text-align: center;border-radius: 2px;line-height:9px;display: inline-block;  color: #4a66a7;font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;font-size: .8em;font-weight: bold;-webkit-perspective: 200;-webkit-perspective-origin: 50% 0;-moz-perspective: 200;-moz-perspective-origin: 50% 0; }
#feys #facebook {width: 103px;height: 35px;text-indent: -9999px;border: none;cursor: pointer;position: relative;bottom: 100%;-webkit-transform-origin: bottom;-webkit-transform-style: preserve-3d;-webkit-transition: -webkit-transform .5s ease;-webkit-transform: translateY(0) rotateX(0);-moz-transition: -moz-transform .5s ease;-moz-transform: translate(0);}
#feys #shadow {display: block;width: 109px;height: 0;position: absolute;z-index: -1;top: 31px;left: -3px;-webkit-transition: height 1s ease, opacity .5s ease;-moz-transition: height 1s ease, opacity .5s ease;opacity: 0;}
#feys #shadow img {width: 100%; height: 100%;float: left;}
#feys .logo, .top {position: absolute;}
#feys .top {width: 103px; height: 5px;top: 0;left: 0;background-color: rgba(84,113,173,1);-webkit-transform-origin: top;-webkit-transform: rotateX(-90deg);-webkit-transition: background-color .5s ease-out;-moz-transform-origin: top;-moz-transform: rotateX(-90deg);-moz-transition: background-color .5s ease-out;}
#feys .logo {background: rgba(0,0,0,1) url(../../lab.aqro.be/img/fb-title.jpg) no-repeat;width: 100%; height: 100%;}
#feys .recto {background-color: rgba(0,0,0,0);display: block;width: 100%;height: 100%;-webkit-transition: background-color .5s ease-in-out;-moz-transition: background-color .5s ease-in-out;}
#feys .verso {-webkit-transform: rotateX(-180deg) translateZ(5px);}
#feys:hover #facebook {-webkit-transform: translateY(5px) rotateX(-120deg);-moz-transform: translate(0px, 35px);}
#feys:hover .top{ background-color: rgba(50,74,122,1)}
#feys:hover .recto {	background-color: rgba(0,0,0,.5)}
#feys:hover #shadow { height: 45px; opacity: .5}





.loading{position: fixed;z-index: 9999;overflow: hidden;background:transparent url('../images/overlay.png') repeat ;width: 100%;height: 100%;}


@-webkit-keyframes rotate {from {-webkit-transform: rotateY(0);}to { -webkit-transform: rotateY(360deg);}}
img.preld{-webkit-animation-name:rotate; -webkit-animation-duration:5s; -webkit-animation-iteration-count:  infinite;-webkit-animation-timing-function: linear;position: absolute;bottom: 25px;right: 25px;width: 150px;}




.fuar { width: 100%;display: inline-block;border-bottom: 1px dashed darkgray;margin-bottom: 10px;padding-bottom: 10px;}
.fuar h3{font-family: myrnormal;}
.fuar .fuarOnizleme{float: left;width: 250px;display: inline-block;height: 150px; margin: 10px;outline: none;background-size: cover;background-repeat: no-repeat;position: relative;}
.fuar:hover .fuarOnizleme img{box-shadow: none;}
.fuar .fuarOnizleme img{-moz-box-shadow:   inset 15px 10px 50px #000000;-webkit-box-shadow: inset 15px 10px 50px #000000;box-shadow: inset 15px 10px 50px #000000;}
.fuar p{font-family: myrnormal;height: 58px;overflow: hidden;}

 
.fuar a{display: none; float: right;font-family: myrnormal;border: 1px solid;margin-right: 12px;padding: 3px 5px 1px;color: rgb(30, 88, 36);box-shadow: inset 1px 1px 10px gray;}
.fuar a:hover{ box-shadow: none;}
.fuar a:last-child{ display: block;}






.sb-toggle-left {width: 58px;  z-index: 10;float: left;padding: 14px;height: 48px;background: rgba(250,156,21,1);background: -moz-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,156,21,1)), color-stop(49%, rgba(235,196,141,1)), color-stop(100%, rgba(250,156,21,1)));background: -webkit-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -o-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -ms-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: linear-gradient(135deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9c15', endColorstr='#fa9c15', GradientType=1 );  position: absolute;border-radius: 5px;display: none;}
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {cursor: pointer;}
.navicon-line {width: 24px;height: 4px;border-radius: 1px;margin-bottom: 3px;background-color: #fff;}



nav.sb-slidebar{}
nav.sb-slidebar>img{  cursor: pointer;float: right;padding: 5px 7px;}
nav.sb-slidebar>ul{ padding-top: 50px; }
nav.sb-slidebar>ul li { width: 100%;margin-bottom: 2px;}
nav.sb-slidebar>ul li a{display: inline-block; font-family: 'myrnormal';font-size: 1em;color: #fff;padding: 8px 4px 5px;width: 100%;text-align: center;}
nav.sb-slidebar>ul>li>a:hover{background: rgba(250,156,21,1);background: -moz-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,156,21,1)), color-stop(49%, rgba(235,196,141,1)), color-stop(100%, rgba(250,156,21,1)));background: -webkit-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -o-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -ms-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: linear-gradient(135deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9c15', endColorstr='#fa9c15', GradientType=1 );color: #15631d; border-top-right-radius: 20px;border-bottom-left-radius: 20px;}
nav.sb-slidebar>ul>li>a.active{background: rgba(250,156,21,1);background: -moz-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,156,21,1)), color-stop(49%, rgba(235,196,141,1)), color-stop(100%, rgba(250,156,21,1)));background: -webkit-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -o-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: -ms-linear-gradient(-45deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);background: linear-gradient(135deg, rgba(250,156,21,1) 0%, rgba(235,196,141,1) 49%, rgba(250,156,21,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9c15', endColorstr='#fa9c15', GradientType=1 );color: #15631d; border-top-right-radius: 20px;border-bottom-left-radius: 20px;}