﻿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,font,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}ul,li{float:left;display:inline;}h1,h2,h3,h4,h5{font-weight:normal;}i,em{font-style:normal;}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} /* Finish RESET */ body{color:#333;font-size:13px;font-family:Roboto,Arial;line-height:20px;-webkit-text-size-adjust:100%;} a{color:#333;text-decoration:none;} a:hover{color:#EC3606;text-decoration:none;} input,textarea,select{float:left;font-size:14px;color:#666;margin:0;font-family:Roboto,Arial;} textarea{padding-top:10px !important;padding-bottom:10px !important;} select{padding:0 10px !important;} .input{width:100%;height:40px;border:1px solid #ADADAD;background:#F9F9F9;padding:0 11px;box-shadow:inset 2px 2px 0 rgba(0,0,0,0.07);border-radius:2px;} .input:focus{border-color:#666;background:#FFF;box-shadow:0 0 10px rgba(0,0,0,0.15);} .error{border-color:#C00;box-shadow:inset 2px 2px 0 rgba(240,0,0,0.12),0 0 7px rgba(255,0,0,0.20);background:#FFF6F6;} .button{ float:none; height:40px; font-size:16px; font-family:Roboto,Arial; font-weight:700; line-height:40px; display:inline-block; padding:0 25px; cursor:pointer; border:none; color:#FFF; background:#666; text-shadow:1px 1px 0 rgba(0,0,0,0.27); box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2); border-radius:2px;} .button:hover{background:#008CCC;} .wrap{float:left;width:100%;position:relative;} .tal{text-align:left !important;} .tac{text-align:center !important;} .fl{float:left !important;} .fr{float:right !important;} .w100{float:left;width:100% !important;}.mt-40{margin-top:40px !important;}.samanyolu{width:100%;display:inline-block;background-color:#FFF;box-shadow:0 0 100px rgba(0,0,0,0.9);}/* Start TOP */ #header{float:left;width:100%;height:50px;position:relative;z-index:8000;background-color:#EC3606;} #logo{float:left;padding:10px 0 10px 50px;} #logo img{float:left;height:30px;} #logo img:hover{opacity:0.7;}#nav{position:absolute;top:0;left:0;padding-top:50px;overflow:hidden;width:100%;color:#FFF;z-index:200;display:inline-block;}#nav ul{width:100%;}#nav li{width:100%;border-bottom:1px solid rgba(0,0,0,0.1);}#nav li a{float:left;width:100%;height:45px;padding:0 20px;font-size:14px;line-height:45px;font-weight:700;color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.5);}#nav li a:hover{background:rgba(0,0,0,0.15);}#nav li a.active{box-shadow:inset 3px 0 0 #EC3606;background:rgba(250,250,250,0.05);}.top-weather{float:right;width:65px;height:50px;padding-top:7px;margin-right:10px;position:relative;z-index:5000;color:#FFF;overflow:hidden;background:url(../images/arrow-white-down.png) no-repeat right 31px;background-size:auto 3px;}.top-weather i{float:left;position:relative;font-weight:700;}.top-weather i span{display:block;margin-bottom:-4px;font-size:14px;}.top-weather select{width:80px;height:20px;font-size:10px;font-family:Oswald;font-weight:700;padding:0 !important;color:#FFF;background:transparent;border:none;}.top-weather select:focus{color:#000;}/* Finish TOP */ .top-namaz{float:left;width:100%;height:40px;background:url(../images/gradient.png) repeat-x;background-size:auto 100%;box-shadow:inset 0 -1px 0 #DDD;font-size:11px;font-family:Roboto Condensed;line-height:13px;text-align:center;}.top-namaz ul{width:100%;}.top-namaz li{height:40px;width:16.666%;padding-right:1px;background:url(../images/spacer.png) no-repeat right top;background-size:1px 100%;color:#666;text-shadow:1px 1px 0 #FFF;}.top-namaz li div{float:left;width:100%;height:100%;padding-top:8px;position:relative;}.top-namaz li.current-time div{background:url(../images/spacer.png) repeat-x;background-size:auto 100%;}.top-namaz li.current-time div::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:url(../images/arrow-white.png) no-repeat center top;background-size:auto 100%;}.top-namaz li strong{color:#000;font-weight:700;}.top-adv{float:left;width:100%;padding:10px 0;text-align:center;}.top-adv img{display:inline-block;}/* Start SLIDER */ .slick-wrap{float:left;width:100%;padding-bottom:30px;margin-bottom:10px;position:relative;z-index:90;overflow:hidden;box-shadow:0 -1px 0 #FFF;}.slick-wrap .controls{height:100%;}.slick-wrap .slick-prev,.slick-wrap .slick-next{display:none !important;}.slider{float:left;width:100%;position:relative;z-index:700;}.slider div{float:left;width:100%;height:100%;text-align:center;position:relative;overflow:hidden;}.slider div img{float:left;width:100%;}.slider div span{float:left;width:100%;height:45px;padding:0 5px;background:url(../images/spacer.png) repeat-x;background-size:auto 100%;font-size:16px;font-family:Oswald;line-height:42px;text-shadow:0 -1px 0 #FFF;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.07);position:relative;}.slider div span::before{content:"";position:absolute;left:0;top:-6px;right:0;height:6px;background:url(../images/arrow-white.png) no-repeat center top;background-size:auto 100%;}ul.slick-dots{position:absolute;width:100%;height:12px;text-align:center;left:0;bottom:-22px;z-index:900;}ul.slick-dots li{float:none;margin:0 3px;display:inline-block;}ul.slick-dots li button{border:2px solid #F2430A;width:8px;height:8px;padding:0;margin:0;background:transparent;border-radius:6px;text-indent:-9999px;cursor:pointer;} ul.slick-dots li.slick-active button{background:#F2430A;}  /* Start FOOTER */ .footer-share{float:left;width:100%;padding:30px 0;margin-top:50px;background-color:#2D2D2D;text-align:center;}.footer-share ul{float:none;display:inline-block;}.footer-share li{padding:0 5px;}.footer-share li a{float:left;}.footer-share li a img{width:40px;height:40px;border-radius:2px;}.footer-share li a img:hover{opacity:0.7;}.footer{float:left;width:100%;padding:20px 0;background-color:#4B4B4B;font-family:Roboto Condensed;position:relative;text-align:center;}.footer::before{content:" ";position:absolute;left:0;right:0;top:-15px;height:30px;background:url(../images/logo-white.png) no-repeat center top;background-size:30px;}.footer ul{float:none;display:inline-block;}.footer li{padding:0 14px;border-right:1px solid #5D5D5D;}.footer li:last-child{border-right:none;}.footer li a{color:#FFF;}.footer li a:hover{color:#BBB;}.samanyolu-group{float:left;width:100%;height:100px;margin-top:32px;font-size:11px;line-height:15px;color:#999;text-align:center;box-shadow:inset 0 1px 0 #E7E7E7;}.samanyolu-group::before{content:" ";float:left;width:100%;height:62px;margin-top:-12px;background:url(../images/samanyolu-group.png) no-repeat center top;background-size:auto 50px;}/* Finish FOOTER */ .light-header{float:left;width:100%;height:43px;margin-top:2px;border-bottom:1px solid #E3E3E3;box-shadow:0 -2px 0 #EE4C03;color:#EE4C03;font-size:15px;font-family:Oswald;line-height:43px;text-align:center;/* background:#F9F9F9 url(../images/arrows.png) no-repeat center top;*/ background-color:#F9F9F9;background-size:auto 3px;text-shadow:1px 1px 0 #FFF;}.light-header-green{box-shadow:0 -2px 0 #2A5918;color:#2A5918;}.light-header-black{box-shadow:0 -2px 0 #000;color:#FFF;background-color:#444;text-shadow:1px 1px 0 rgba(0,0,0,0.3);border-color:#444;}.dark-header{border-bottom:none;box-shadow:0 -2px 0 #2A5918;color:#FFF;background-color:#68974F;/* background-image:url(../images/arrow-green.png);*/ text-shadow:1px 1px 0 rgba(0,0,0,0.3);}.black-header{border-bottom:none;box-shadow:0 -2px 0 #000;color:#FFF;background-color:#444;background-image:url(../images/arrow-black.png);text-shadow:1px 1px 0 rgba(0,0,0,0.3);}.box-link-all{float:left;width:100%;text-align:center;}.box-link-all a{float:left;width:100%;height:40px;font-weight:500;line-height:38px;color:#999;box-shadow:inset 0 -1px 0 #EAEAEA;text-shadow:1px 1px 0 #FFF;}.box-link-all a:hover{color:#333;background:#F9F9F9;}.light-box-all{float:left;width:100%;text-align:center;box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);}.light-box-all a{display:inline-block;height:39px;font-family:Oswald;font-size:12px;color:#999;line-height:40px;box-shadow:inset 0 1px 0 #999;}.light-box-all a:hover{color:#333;}.light-box-all a span{height:39px;display:inline-block;background:url(../images/arrow-grey-2.png) no-repeat center top;}.light-box-all a.orange{color:#EC4C01;}.light-box-all a:hover.orange{color:#666;}.light-box-all a.pink{color:#8C1955;font-family:Roboto;font-weight:700;font-size:14px;}.icon-media{position:absolute;left:13px;top:13px;width:20px;height:20px;background:url(../images/icon-video.png) no-repeat;background-size:100%;z-index:1000;}.media-block-gallery .icon-media{background-image:url(../images/icon-gallery.png);}.news-main{float:left;width:100%;margin-bottom:15px;}.news-main ul{width:100%;padding:0 10px;}.news-main li{width:50%;padding:0 5px;}.news-main li a{float:left;width:100%;font-size:15px;font-weight:700;}.news-main li a img{float:left;width:100%;padding:2px;border:1px solid #CCC;border-radius:2px;}.news-main li a span{float:left;width:100%;height:65px;padding-top:5px;}.news-list ul{padding-top:15px;}.news-list li{border-bottom:1px solid rgba(0,0,0,0.1);margin-bottom:15px;}.news-block{float:left;width:100%;margin-bottom:30px;}.news-block ul{width:100%;}.news-block li{width:100%;border-bottom:1px solid rgba(0,0,0,0.1);}.news-block li a{float:left;width:100%;height:86px;padding:15px;display:table;font-size:15px;font-weight:500;}.news-block li a img{float:left;width:110px;height:76px;padding:2px;border:1px solid #CCC;border-radius:2px;}.news-block li a span{width:100%;height:76px;padding-left:15px;display:table-cell;vertical-align:middle;}.sport-block li:first-child a img{width:100%;height:auto;}.sport-block li:first-child a span{float:left;height:auto;padding:10px 0 0 0;font-size:17px;font-weight:700;}.breadcrumb{float:left;width:100%;background:url(../images/gradient.png) repeat-x;background-size:auto 100%;box-shadow:inset 0 -1px 0 #DDD;font-size:11px;line-height:25px;color:#666;text-shadow:1px 1px 0 #FFF;}.breadcrumb a{float:left;padding:0 11px 0 10px;background:url(../images/spacer.png) no-repeat right top;background-size:1px 100%;color:#666;}.breadcrumb a:hover{background-color:#FFF;box-shadow:inset 0 -1px 0 #DDD;}.breadcrumb span{float:right;padding:0 10px 0 11px;background:url(../images/spacer.png) no-repeat left top;background-size:1px 100%;}.page-title{float:left;width:100%;padding:15px;font-family:Oswald;font-size:26px;color:#1D1D1D;line-height:30px;}.cat-title{padding-top:10px;padding-bottom:0;font-size:20px;line-height:24px;text-align:center;}.main-idea{float:left;width:100%;padding:15px;margin-bottom:15px;}.main-idea ul{width:100%;margin:-10px 0;}.main-idea li{width:100%;border-bottom:1px solid #EDEDED;}.main-idea li:last-child{border-bottom:none;}.main-idea li a{float:left;width:100%;min-height:110px;padding:10px 105px 10px 0;font-size:15px;font-weight:500;line-height:18px;position:relative;}.main-idea li a .photo{position:absolute;right:0;top:10px;}.main-idea li a .photo::before{content:" ";position:absolute;left:-2px;bottom:-2px;width:20px;height:20px;border:2px solid #FFF;border-radius:7px;background:#EE4C03 url(../images/quote.png) no-repeat center;background-size:8px;}.main-idea li a .photo img{float:right;width:90px;height:90px;border-radius:15px;}.main-idea li a span{float:left;width:100%;}.main-idea li a span i{color:#999;}.more{float:left;width:100%;padding:0 15px;margin-top:0px;margin-bottom:10px;} .more a{float:left;width:100%;height:45px;border:2px solid #DDD;border-radius:5px;text-align:center;font-size:14px;font-family:Oswald;line-height:41px;color:#999;} .more a:hover{border-color:#999;color:#333;}.news-photo{float:left;width:100%;padding-bottom:20px;}.news-photo img{float:left;width:100%;border-radius:2px;}.news-detail-wrap{float:left;width:100%;padding:0 15px 20px 15px;}.page-share{float:left;width:100%;padding-bottom:15px;}.summary{float:left;width:100%;padding-bottom:15px;/*margin-bottom:15px;*/ margin-bottom:0px;border-bottom:1px solid #EEE;font-size:17px;font-weight:500;line-height:26px;color:#1D1D1D;} .news-text{float:left;width:100%;padding-bottom:20px;margin-bottom:25px;font-size:17px;line-height:26px;border-bottom:1px solid #EEE;} .page-time{float:left;width:100%;color:#999;}  .media-block{float:left;width:100%;margin-bottom:10px;background-color:#444;overflow:hidden;} .media-block ul{width:100%;} .media-block li{width:50%;} .media-block li a{float:left;width:100%;color:#FFF;transition:all 0.3s;} .media-block li a:hover{color:#FF9845;background-color:#181818;} .media-block li a img{float:left;width:100%;} .media-block li a div{float:left;width:100%;padding:0 10px 15px 45px;position:relative;background:url(../images/shadow.png) no-repeat;background-size:100% 100%;} .media-block li a div span{float:left;width:100%;height:75px;padding-top:15px;overflow:hidden;font-size:15px;font-weight:500;} .media-block li a div i{float:left;width:100%;padding-top:6px;opacity:0.5;} .media-block li a:hover div i{opacity:1;}  .media-arrows{float:left;width:100%;background:url(../images/gradient.png) repeat-x center top;background-size:auto 100%;color:#666;text-align:center;position:relative;} .media-arrows div{float:left;width:100%;position:relative;z-index:10;} .media-arrows div a{float:left;opacity:0.5;} .media-arrows div a:hover{background-color:#FFF;opacity:1;} .media-arrows div a:last-child{float:right;} .media-arrows a img{float:left;height:44px;padding:10px 20px;}  .media-arrows span{position:absolute;left:51px;right:51px;z-index:5;height:44px;line-height:44px;font-size:20px;} .media-arrows span::before{content:"";position:absolute;left:1px;width:1px;height:45px;background:url(../images/spacer.png) no-repeat;background-size:1px 100%;} .media-arrows span::after{content:"";position:absolute;right:1px;width:1px;height:45px;background:url(../images/spacer.png) no-repeat;background-size:1px 100%;}  .media-detail{float:left;width:100%;padding:15px;margin-bottom:10px;background:#444 url(../images/arrow-black.png) no-repeat center top;background-size:auto 5px;color:#FFF;text-align:center;} .media-detail .header{float:left;width:100%;padding-bottom:15px;font-family:Oswald;font-size:20px;line-height:26px;} .media-detail .content{float:left;width:100%;} .media-detail .content img{float:left;width:100%;}  .tab-main-wrap{float:left;width:100%;}  .tab-dark{ float:left; width:100%; height:43px; margin-top:2px; border-top:none; box-shadow:0 -2px 0 #000; font-size:15px; font-family:Oswald; line-height:43px; color:#CCC; text-align:center; background-color:#444; text-shadow:1px 1px 0 rgba(0,0,0,0.5);}  .tab-dark h3{float:left;width:50%;box-shadow:inset -1px 0 0 rgba(0,0,0,0.3);cursor:pointer;} .tab-dark h3:last-child{box-shadow:none;}  .tab-dark-active{color:#FFF;background:url(../images/arrow-black.png) no-repeat center top;background-size:auto 4px;}  .live-match-wrap{float:left;width:100%;padding:0 10px 10px 10px;background-color:#68974F;box-shadow:0 2px 0 #2A5918;}  .live-menu{float:left;width:100%;} .live-menu select{float:left;width:100%;height:34px;font-size:13px;font-weight:700;line-height:34px;border:1px solid #000;padding:5px 10px !important;background-color:#FFF;border-radius:2px;text-align:center !important;}  .live-match{float:left;width:100%;color:#FFF;font-family:Oswald;line-height:30px;text-shadow:0 1px 0 rgba(0,0,0,0.3);} .live-match ul{width:100%;} .live-match li{width:100%;} .live-match li a{ float:left; width:100%; padding:15px 0; box-shadow:0 -1px 0 rgba(0,0,0,0.1); color:#FFF; transition:all 0.2s; position:relative;}  .live-match li a:hover{color:#FC3;background-color:rgba(0,0,0,0.1);} .live-match li:last-child a{padding-bottom:5px;}  .live-match li i{float:left;width:40%;padding-right:5px;text-align:right;white-space:nowrap;} .live-match li i img{float:left;width:24px;height:24px;padding:3px;margin-top:3px;background-color:#FFF;border-radius:2px;position:relative;} .live-match li span{float:right;width:40%;padding-left:5px;white-space:nowrap;} .live-match li span img{float:right;width:24px;height:24px;padding:3px;margin-top:3px;background-color:#FFF;border-radius:2px;position:relative;}  .live-match li strong{float:left;width:20%;text-align:center;font-weight:400;} .live-match li em{float:left;width:48%;height:30px;background:url(../images/icon-score.png) no-repeat;background-size:100% 100%;} .live-match li em:last-child{float:right;}  .live-match-header{float:left;width:100%;padding:10px 15px;margin-top:10px;background-color:#68974F;box-shadow:0 2px 0 #2A5918;text-align:center;font-size:16px;font-family:Oswald;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.3);} .live-match-header a{display:inline-block;color:#FFF;} .live-match-header div{float:left;width:100%;height:40px;padding:0 55px;position:relative;margin:5px 0;} .live-match-header div img{position:absolute;top:0;left:0;width:40px;height:40px;padding:5px;background-color:#FFF;border-radius:2px;} .live-match-header div i{float:left;width:100%;text-align:left;} .live-match-header div span{position:absolute;top:0;right:0;width:40px;height:40px;background:url(../images/icon-score.png) no-repeat;background-size:100% 100%;}  .live-block{float:left;width:100%;padding:15px;}  .live-minute{float:left;width:100%;height:35px;padding:5px 0;background-color:#FC0;text-align:center;border-radius:2px;} .live-minute span{float:left;width:100%;height:13px;box-shadow:inset 0 -1px 0 #FFDB4D;} .live-minute span i{float:left;min-width:30px;height:25px;padding:0 5px;margin-left:5px;background-color:#FFF;color:#000;border-radius:2px;font-size:17px;font-weight:700;line-height:26px;} .live-minute span a{float:right;height:25px;padding:0 7px;margin-right:5px;background-color:#FFF;color:#000;border-radius:2px;font-weight:700;line-height:26px;} .live-minute span a:hover{background-color:#000;color:#FFF;}  .live-text-detail{float:left;width:100%;padding-top:15px;} .live-text-detail tr{border-bottom:1px solid #EEE;transition:all 0.3s;} .live-text-detail tr:hover{background-color:#F5F5F5;} .live-text-detail td{padding:8px 0;vertical-align:top;line-height:16px;} .live-text-detail img{height:16px;}  .live-text-detail tr.goal td{color:#090;font-size:15px;font-weight:700;line-height:20px;}  .weather-wrap{float:left;width:100%;padding:15px;} .weather-menu{float:left;width:100%;} .weather-menu select{float:left;width:100%;height:34px;font-size:13px;font-weight:700;line-height:34px;border:1px solid #999;padding:5px 10px !important;background-color:#F8F8F8;border-radius:2px;text-align:center !important;}  .weather-detail{float:left;width:100%;margin-top:15px;font-family:Oswald;text-shadow:1px 1px 0 #FFF;} .weather-detail ul{width:100%;} .weather-detail li{width:100%;padding:7px 0 7px 10px;border-bottom:1px solid #DDD;} .weather-detail li:nth-child(odd){background-color:#F9F9F9;} .weather-detail li:first-child{background-color:#EEE;font-weight:700;} .weather-detail li span{float:left;width:25%;} .weather-detail li i{float:left;width:25%;text-align:center;}  .namaz-times{float:left;width:100%;margin-top:15px;font-size:19px;} .namaz-times span{float:left;width:100%;border:1px solid #CCC;text-align:center;font-weight:700;font-size:15px;line-height:33px;border-radius:2px;color:#EC3606;background-color:#F2F2F2;} .namaz-times p{float:left;width:100%;padding:10px 0;border-bottom:1px solid #E5E5E5;} .namaz-times p:nth-child(odd){background-color:#F9F9F9;} .namaz-times p i{float:left;width:50%;text-align:right;} .namaz-times p i::after{float:right;content:":";color:#999;padding-left:20px;} .namaz-times p strong{float:right;width:50%;padding-left:20px;font-weight:700;}  /* Start CONTACT */  .contact-map{float:left;width:100%;height:250px;padding:15px;}  .contact{float:left;width:100%;padding:0 15px 15px 15px;}  .contact p{float:left;width:100%;padding:15px 0;border-bottom:1px solid rgba(0,0,0,0.06);} .contact p:last-child{border-bottom:none;} .contact p label{float:left;width:100%;min-height:10px;line-height:30px;font-weight:700;} .contact p em{color:#C00;font-style:normal;} .contact p i{float:left;width:100%;} .contact p i img{float:left;width:130px;height:40px;padding:3px;margin-bottom:10px;border:1px solid #999;border-radius:2px;} .contact p i span{float:left;margin-right:15px;line-height:40px;font-weight:700;} .contact p i span input{float:left;margin:13px 7px 0 0;}  .contact-info p{padding:10px 0;} .contact-info p label{width:100%;line-height:20px;} .contact-info p i{width:100%;}  .sign-in{float:left;width:100%;} .sign-in p i{width:50%;}  a.password{float:right;line-height:40px;font-size:15px;}  /* Finish CONTACT */  /* Start PAGINATION */  .pages{float:left;width:100%;padding:0 10px;font-size:14px;line-height:40px;color:#999;text-align:center;}  .pages ul{float:none;display:inline-block;} .pages li{padding:0 4px 10px 4px;} .pages li a{float:left;width:40px;height:40px;color:#666;border:1px solid #E8E8E8;border-radius:2px;} .pages li a:hover,.pages a.current{color:#008DCC;border-color:#008DCC;}  /* Finish PAGINATION */ .js-sh-tab{display:none;} .js-show{display:block;} /* Fixed TOP */ /* MD */ .share-button{margin-right:5px;} .main-idea li a .photo img{width: 111px !important;height:82px !important;} .main-idea li a span{width: 95% !important;} .yz-dty{ display: table-cell; vertical-align: middle; height: 35px; width: 50%; padding-left: 15px; font-weight: 500; padding-top: 5px;} .yz-list{ float: left; width: 91px !important; height: 76px !important; padding: 2px; border: 1px solid #CCC; border-radius: 2px;} /* son */ @media only screen and (max-width:360px){  .news-main li{width:100%;padding-bottom:25px;} .news-main li a span{height:auto;}  .media-block li{width:100%;} .media-block li a div span{height:auto !important;}}
﻿.close-btn{display:block;width:30px;height:30px;outline:none;background:#000 url("../images/icon-close.png") no-repeat;background-size:100%;text-indent: 100%;opacity:1;-webkit-tap-highlight-color: rgba(0,0,0,0);} .nav-btn{ position:absolute; width:40px; height:50px; border:none; background:url(../images/icon-menu.png) no-repeat left center; background-size:auto 100%; display:block; top:0; left:0; z-index:9999; text-indent:-9999px;} .nav-btn:hover{color:#FFF;} #outer-wrap{position:relative;overflow:hidden;width:100%;background:#222;} #inner-wrap{position:relative;width:100%;display:inline-block;} #nav:not(:target){z-index: 1;height: 0;} #nav:target .close-btn{display: block;} #nav .close-btn{position: absolute;top:-50px;right:20px;} #nav ul{box-shadow:0 -1px 0 rgba(0,0,0,0.15);} .js-ready #nav{height: 100%;width:270px;background:none;/* box-shadow:inset -30px 0 60px -20px rgba(0,0,0,0.9);*/} .js-ready #nav .close-btn{display:block;opacity:0.3;} .js-ready #nav .close-btn:focus,.js-ready #nav .close-btn:hover{opacity:1;} .js-ready #nav{left: -270px;} .js-ready #inner-wrap{left: 0;} .js-nav #inner-wrap{left:270px;} .js-nav #nav{height:auto;padding-bottom:100px;} .csstransforms3d.csstransitions.js-ready #nav{ left: 0; -webkit-transform: translate3d(-100%,0,0); -moz-transform: translate3d(-100%,0,0); -ms-transform: translate3d(-100%,0,0); -o-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;} .csstransforms3d.csstransitions.js-ready #inner-wrap{ left: 0 !important; -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); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden;}  .csstransforms3d.csstransitions.js-nav #inner-wrap{-webkit-transform: translate3d(270px,0,0) scale3d(1,1,1);-moz-transform: translate3d(270px,0,0) scale3d(1,1,1);-ms-transform: translate3d(270px,0,0) scale3d(1,1,1);-o-transform: translate3d(270px,0,0) scale3d(1,1,1);transform: translate3d(270px,0,0) scale3d(1,1,1);}.csstransforms3d.csstransitions.js-ready #nav .block{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 300ms 100ms,-webkit-transform 500ms ease;-webkit-transition-delay: ease,0s;-moz-transition: opacity 300ms 100ms ease,-moz-transform 500ms ease;-o-transition: opacity 300ms 100ms ease,-o-transform 500ms ease;transition: opacity 300ms 100ms ease,transform 500ms ease;-webkit-transform: translate3d(270px,0,0) scale3d(0.9,0.9,0.9);-moz-transform: translate3d(270px,0,0) scale3d(0.9,0.9,0.9);-ms-transform: translate3d(270px,0,0) scale3d(0.9,0.9,0.9);-o-transform: translate3d(270px,0,0) scale3d(0.9,0.9,0.9);transform: translate3d(270px,0,0) scale3d(0.9,0.9,0.9);-webkit-transform-origin: 50% 0%;-moz-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;-o-transform-origin: 50% 0%;transform-origin: 50% 0%;}.csstransforms3d.csstransitions.js-nav #nav .block{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;-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);}}