/****      <>       ****/
							 
                             /****** css reset ******/
		@charset 'utf-8';
*,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, input, button, select, textarea { background: transparent; border: 0; margin: 0px; padding: 0px; vertical-align: baseline; font-family:IRANSans, Tahoma, Arial; }
*, *::before, *::after { box-sizing: border-box; }
html, body {height:100%; direction:rtl;}
html{ overflow-y: scroll; }
body{ font-family:"b yekan"; background: #000; }
h1 {font-size: 1.8em; line-height: 30px}
h2 {font-size: 1.5em; line-height: 25px;}
h3 {font-size:12px; line-height:14px; }
p{color: #ecf0f1;}
a{ font-size:12px; color: #CCFFFF; text-decoration:none; }
a:hover { text-decoration:none }
                             /****      allweb       ****/
.allweb{ width: 100%; height: auto; float: right; }
                             /****      menu       ****/
.menu{ float: right; width: 100%; height: auto; background: linear-gradient(#000099,#000); border-radius: 6px; margin: 1px auto; padding: 5px; position: relative; box-sizing: border-box; box-shadow: 0 2px 5px rgba(0,0,0,.2); }
.menu .logo{ color: #fff; float: left; height: 60px; font-size: 36px; line-height: 60px; padding: 0 20px; text-align: center; box-sizing: border-box; font-weight: 700; text-decoration: none; background: none; }
.menu .logo img{ height: 60px; }
.menu nav{ float: right; }
.menu nav ul{ margin: 0; padding: 0; display: flex; border: 1px solid none; }
.menu nav ul li{ margin: 4px; border: 1px solid none; }
.menu nav ul li a{ float: right; padding: 10px; color: #fff; font-size: 20px; background: linear-gradient(#05000A,#000066); border-radius: 1px; display: block; }
.menu nav ul li a .active, .menu nav ul li a:hover{ color: #0000FF; background: none; }
.menu a,li{ text-decoration: none; transition: all 0.3s ease-in-out; }
.menu li{ float: right; list-style: none; }
.menu .clearfix{ clear: both; }
@font-face { font-family: 'icomoon'; src:url('https://ooliya.ir/style/fontAwsome/fonts/icomoon.eot'); src:url('https://ooliya.ir/style/fontAwsome/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('https://ooliya.ir/style/fontAwsome/fonts/icomoon.woff') format('woff'), url('https://ooliya.ir/style/fontAwsome/fonts/icomoon.ttf') format('truetype'), url('https://ooliya.ir/style/fontAwsome/fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; }
.dl-menuwrapper { display: none; }
.dl-menuwrapper button{ display: none; }
@media (max-width: 850px){.menu {display: none;}
.dl-menuwrapper {float: right;width: 100%;height: auto;background: linear-gradient(#000099,#000);display: block;float: right;position: relative;-webkit-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper .logo{color: #fff;float: left;height: 60px;font-size: 36px;line-height: 60px;padding: 0 20px;text-align: center;box-sizing: border-box;font-weight: 700;text-decoration: none;background: none;}
.dl-menuwrapper .logo img{height: 60px;}
.dl-menuwrapper:first-child {margin-right: 100px;}
.dl-menuwrapper button {display: block;background: linear-gradient(#000,#000099);border: none;width: 48px;height: 45px;text-indent: -900em;overflow: hidden;position: relative;cursor: pointer;outline: none;}
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul {background: linear-gradient(#000099,#000);}
.dl-menuwrapper button:after {content: '';position: absolute;width: 68%;height: 5px;background: #fff;top: 10px;left: 16%;box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;}
.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;text-align: center;}
.dl-menuwrapper li {position: relative;width: 100%;}
.dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;outline: none;}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 50px;font-family: 'icomoon';speak: none;-webkit-font-smoothing: antialiased;content: "\e000";}
.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(212,204,198,0.3);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: rgba(0,0,0,0.15);}
.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);transform: translateY(0px);}
.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {display: none;}
.dl-menu.dl-subview li.dl-subview,.dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}
.dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;}
.dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;}
.dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;animation: MenuAnimOut2 0.3s ease-in-out;}
.dl-menu.dl-animate-out-3 {-webkit-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;}
.dl-menu.dl-animate-out-4 {-webkit-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;}
.dl-menu.dl-animate-out-5 {-webkit-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;}
@-webkit-keyframes MenuAnimOut1 {0% { } 50% {-webkit-transform: translateZ(-250px) rotateY(30deg);} 75% {-webkit-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;} 100% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;} }
@-webkit-keyframes MenuAnimOut2 {0% { } 100% {-webkit-transform: translateX(-100%);opacity: 0;} }
@-webkit-keyframes MenuAnimOut3 {0% { } 100% {-webkit-transform: translateZ(300px);opacity: 0;} }
@-webkit-keyframes MenuAnimOut4 {0% { } 100% {-webkit-transform: translateZ(-300px);opacity: 0;} }
@-webkit-keyframes MenuAnimOut5 {0% { } 100% {-webkit-transform: translateY(40%);opacity: 0;} }
@keyframes MenuAnimOut1 {0% { } 50% {-webkit-transform: translateZ(-250px) rotateY(30deg);transform: translateZ(-250px) rotateY(30deg);} 75% {-webkit-transform: translateZ(-372.5px) rotateY(15deg);transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;} 100% {-webkit-transform: translateZ(-500px) rotateY(0deg);transform: translateZ(-500px) rotateY(0deg);opacity: 0;} }
@keyframes MenuAnimOut2 {0% { } 100% {-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;} }
@keyframes MenuAnimOut3 {0% { } 100% {-webkit-transform: translateZ(300px);transform: translateZ(300px);opacity: 0;} }
@keyframes MenuAnimOut4 {0% { } 100% {-webkit-transform: translateZ(-300px);transform: translateZ(-300px);opacity: 0;} }
@keyframes MenuAnimOut5 {0% { } 100% {-webkit-transform: translateY(40%);transform: translateY(40%);opacity: 0;} }
.dl-menu.dl-animate-in-1 {-webkit-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s; }
.dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;animation: MenuAnimIn2 0.3s ease-in-out; }
.dl-menu.dl-animate-in-3 {-webkit-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease; }
.dl-menu.dl-animate-in-4 {-webkit-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease; }
.dl-menu.dl-animate-in-5 {-webkit-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;}
@-webkit-keyframes MenuAnimIn1 {0% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;} 20% {-webkit-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;} 100% {-webkit-transform: translateZ(0px) rotateY(0deg);opacity: 1;} }
@-webkit-keyframes MenuAnimIn2 {0% {-webkit-transform: translateX(-100%);opacity: 0;} 100% {-webkit-transform: translateX(0px);opacity: 1;} }
@-webkit-keyframes MenuAnimIn3 {0% {-webkit-transform: translateZ(300px);opacity: 0;} 100% {-webkit-transform: translateZ(0px);opacity: 1;} }
@-webkit-keyframes MenuAnimIn4 {0% {-webkit-transform: translateZ(-300px);opacity: 0;} 100% {-webkit-transform: translateZ(0px);opacity: 1;} }
@-webkit-keyframes MenuAnimIn5 {0% {-webkit-transform: translateY(40%);opacity: 0;}100% {-webkit-transform: translateY(0);opacity: 1;} }
@keyframes MenuAnimIn1 {0% {-webkit-transform: translateZ(-500px) rotateY(0deg);transform: translateZ(-500px) rotateY(0deg);opacity: 0;} 20% {-webkit-transform: translateZ(-250px) rotateY(30deg);transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;} 100% {-webkit-transform: translateZ(0px) rotateY(0deg);transform: translateZ(0px) rotateY(0deg);opacity: 1;} }
@keyframes MenuAnimIn2 {0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;} 100% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;} }
@keyframes MenuAnimIn3 {0% {-webkit-transform: translateZ(300px);transform: translateZ(300px);opacity: 0;} 100% {-webkit-transform: translateZ(0px);transform: translateZ(0px);opacity: 1;} }
@keyframes MenuAnimIn4 {0% {-webkit-transform: translateZ(-300px);transform: translateZ(-300px);opacity: 0;} 100% {-webkit-transform: translateZ(0px);transform: translateZ(0px);opacity: 1;} }
@keyframes MenuAnimIn5 {0% {-webkit-transform: translateY(40%);transform: translateY(40%);opacity: 0;} 100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;} }
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation: SubMenuAnimIn1 0.4s ease;animation: SubMenuAnimIn1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;animation: SubMenuAnimIn2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {-webkit-animation: SubMenuAnimIn3 0.4s ease;animation: SubMenuAnimIn3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {-webkit-animation: SubMenuAnimIn4 0.4s ease;animation: SubMenuAnimIn4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {-webkit-animation: SubMenuAnimIn5 0.4s ease;animation: SubMenuAnimIn5 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1 {0% {-webkit-transform: translateX(50%);opacity: 0;}100% {-webkit-transform: translateX(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn2 {0% {-webkit-transform: translateX(100%);opacity: 0;}100% {-webkit-transform: translateX(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn3 {0% {-webkit-transform: translateZ(-300px);opacity: 0;}100% {-webkit-transform: translateZ(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn4 {0% {-webkit-transform: translateZ(300px);opacity: 0;}100% {-webkit-transform: translateZ(0px);opacity: 1;}}
@-webkit-keyframes SubMenuAnimIn5 {0% {-webkit-transform: translateZ(-200px);opacity: 0;}100% {-webkit-transform: translateZ(0);opacity: 1;}}
@keyframes SubMenuAnimIn1 {0% {-webkit-transform: translateX(50%);transform: translateX(50%);opacity: 0;}100% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}}
@keyframes SubMenuAnimIn2 {0% {-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0;}100% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}}
@keyframes SubMenuAnimIn3 {0% {-webkit-transform: translateZ(-300px);transform: translateZ(-300px);opacity: 0;}100% {-webkit-transform: translateZ(0px);transform: translateZ(0px);opacity: 1;}}
@keyframes SubMenuAnimIn4 {0% {-webkit-transform: translateZ(300px);transform: translateZ(300px);opacity: 0;}100% {-webkit-transform: translateZ(0px);transform: translateZ(0px);opacity: 1;}}
@keyframes SubMenuAnimIn5 {0% {-webkit-transform: translateZ(-200px);transform: translateZ(-200px);opacity: 0;}100% {-webkit-transform: translateZ(0);transform: translateZ(0);opacity: 1;}}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation: SubMenuAnimOut1 0.4s ease;animation: SubMenuAnimOut1 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;	animation: SubMenuAnimOut2 0.3s ease-in-out;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {	-webkit-animation: SubMenuAnimOut3 0.4s ease;	animation: SubMenuAnimOut3 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {	-webkit-animation: SubMenuAnimOut4 0.4s ease;	animation: SubMenuAnimOut4 0.4s ease;}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {	-webkit-animation: SubMenuAnimOut5 0.4s ease;	animation: SubMenuAnimOut5 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1 {0% {-webkit-transform: translateX(0%);opacity: 1;	}	100% {-webkit-transform: translateX(50%);opacity: 0;	}}
@-webkit-keyframes SubMenuAnimOut2 {0% {-webkit-transform: translateX(0%);opacity: 1;	}	100% {-webkit-transform: translateX(100%);opacity: 0;	}}
@-webkit-keyframes SubMenuAnimOut3 {0% {-webkit-transform: translateZ(0px);opacity: 1;	}	100% {-webkit-transform: translateZ(-300px);opacity: 0;	}}
@-webkit-keyframes SubMenuAnimOut4 {0% {-webkit-transform: translateZ(0px);opacity: 1;	}	100% {-webkit-transform: translateZ(300px);opacity: 0;	}}
@-webkit-keyframes SubMenuAnimOut5 {0% {-webkit-transform: translateZ(0);opacity: 1;	}	100% {-webkit-transform: translateZ(-200px);opacity: 0;	}}
@keyframes SubMenuAnimOut1 {0% {-webkit-transform: translateX(0%);transform: translateX(0%);opacity: 1;	}100% {-webkit-transform: translateX(50%);transform: translateX(50%);opacity: 0;	}}
@keyframes SubMenuAnimOut2 {0% {-webkit-transform: translateX(0%);transform: translateX(0%);opacity: 1;	}	100% {-webkit-transform: translateX(100%);transform: translateX(100%);opacity: 0;	}}
@keyframes SubMenuAnimOut3 {0% {-webkit-transform: translateZ(0px);transform: translateZ(0px);opacity: 1;	}	100% {-webkit-transform: translateZ(-300px);transform: translateZ(-300px);opacity: 0;	}}
@keyframes SubMenuAnimOut4 {0% {-webkit-transform: translateZ(0px);transform: translateZ(0px);opacity: 1;	}	100% {-webkit-transform: translateZ(300px);transform: translateZ(300px);opacity: 0;	}}
@keyframes SubMenuAnimOut5 {0% {-webkit-transform: translateZ(0);transform: translateZ(0);opacity: 1;	}	100% {-webkit-transform: translateZ(-200px);transform: translateZ(-200px);opacity: 0;	}}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {	position: relative;	opacity: 1;	-webkit-transform: none;	transform: none;}
.no-js .dl-menuwrapper li .dl-submenu {	display: block;}
.no-js .dl-menuwrapper li.dl-back {	display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {	background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {	content: '';}}
                             /****      slyler       ****/
.g-slyder{width: 100%;height: 550px;}
@media (max-width: 638px){.g-slyder{width: 100%;height: 550px;}.slyle-card{position: absolute;width: 100px;height: 150px;}}
.slyle-card{position: relative;width: 300px;height: 400px;background: #262626;overflow: hidden;}
.slyle-card input, .toggle{position: absolute;width: 50px;height: 50px;bottom: 20px;right: 20px;outline: none;z-index: 10;}
.slyle-card input{opacity: 0;}
.slyle-card .toggle{pointer-events: none;border-radius: 50%;background: #fff;transition: 0.5s;text-align: center;line-height: 50px;font-size: 36px;box-shadow: 0 0 0 0px #000066;}
.slyle-card input:checked ~ .toggle{box-shadow: 0 0 0 500px #000066;transform: rotate(225deg);}
.slyle-card .imgbx, .slyle-card .details{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.slyle-card .imgbx img{top: 0;left: 0;width: 100%;height: auto;}
.slyle-card .details{padding: 20px;box-sizing: border-box;z-index: 11;pointer-events: none;transition: 0.5s;opacity: 0;font-size:15px;}
.slyle-card input:checked ~ .details{opacity: 1;transition-delay: 0.5s;}
.slyle-card .details h2{margin-bottom: 5px;color: #66CCFF;font-size:18px;}
.slyle-card .details p{margin: 0;padding: 0;color: #fff;}
                           /****      card-post       ****/
.card-post{top: 5px;height: auto;width: 95%;background: #000066;}
.card-post img{background: none;color: #000066;}
.card-post .m-img{width:300px; height:300px;}
.card-post .h-img{width:300px; height:400px;}
.card-post h2{margin: 0 0 10px;padding: 0;color: #fff;font-size: 20px;text-align:center;}
.card-post h2 span{color: #ffeb3b;font-size: 16px;}
.card-post h2 div{color: #33CC33;height: auto;width: 90%;background: #000;border-radius: 10540254643165400000000px;}
.card-post h2 div:hover{color: #33CC33;background: #300047;border-radius: 5px;border-bottom-left-radius: 10000px;border-bottom-right-radius: 10000px;}
.card-post h2 div h5{font-size: 11px;height: auto;width: 70%;background: #000066;left: 8px;color: #33CCCC;border-bottom-left-radius: 10000px;border-bottom-right-radius: 10000px;}
.card-post h2 div h5 span{font-size: 12px;color: #FF9900;}
.card-post h3{margin: 0 0 10px;padding: 0;color: #fff;font-size: 15px;text-align: right;}.card-post h3 ul{content: "";clear: both;display:table;}
.card-post h3 p{margin: 0 0 1px;padding: 0;color: #33CCFF;font-size: 15px;text-align: right;}
.card-post h3 span{color: #ffeb3b;font-size: 15px;}
.card-post h4{margin: 0 0 10px;padding: 0;color: #ffeb3b;font-size: 15px;text-align: right;}
.card-post h4 ul{content: "";clear; both;display:table;}
.card-post h4 span{color: #FF3366;font-size: 15px;}
.card-post h6{margin: 0 0 10px;padding: 0;color: #fff;font-size: 15px;text-align: right;}
.card-post h6 ul{content: "";clear; both;display:table;width: 100%;border: 5px solid #000;margin: 0;padding: 0;background: none;list-style: none;text-transform: none;font-family: 'Lato', Arial, sans-serif;	}
.card-post h6 ul li{overflow: auto;float: both;width: 99%;height: auto;border: 1px solid #fff;margin: 1px;text-align: center;	}
.card-post h6 p{margin: 0 0 1px;padding: 0;color: #33CCFF;font-size: 15px;text-align: right;}
.card-post h6 span{color: #ffeb3b;font-size: 15px;}
.card-post h6 img{height: 130px;width: 200px;border: 1px solid #fff;}
.card-post .h1{height: auto;width: 100%;color: #33CC33;background: #000;border-radius: 5px;border-bottom-left-radius: 10000px;border-bottom-right-radius: 10000px;}
.card-post .h1 h1 {font-size: 20px;color: #fff;}
.card-post .h1 h1 span{font-size: 22px;color: #0000FF;}
.card-post .h1 div{font-size: 18px;height: auto;width: 85%;background: #000066;color: #FFFF00;border-bottom-left-radius: 10000px;border-bottom-right-radius: 10000px;}
.card-post h6 ul li .v{margin: 0 20% 20% 0;border:1px solid #fff;width:700px;height: auto;font-family: 'Lato', Arial, sans-serif;	overflow: auto;float: both;}
@media (max-width: 1132px){.card-post h6 ul li .v{width:60%;}}
@media (max-width: 438px){.card-post h6 ul li .v{margin: 0;width:98%;}}
@media (max-width: 900px){.card-post .m-img{width:200px; height:200px;}.card-post .h-img{width:200px; height:250px;}.card-post .h1{height: auto;width: 100%;}.card-post .h1 h1 {font-size: 15px;}.card-post .h1 h1 span{font-size: 19px;}.card-post .h1 div{font-size: 9px;height: auto;width: 70%;}}
@media (max-width: 500px){.card-post .m-img{width:100px; height:100px;}.card-post .h-img{width:100px; height:120px;}.card-post h2{font-size: 20px;}.card-post h2 span{font-size: 16px;}.card-post h2 div h5{font-size: 11px;height: auto;width: 70%;}.card-post h2 div h5 span{font-size: 12px;}.card-post h3{font-size: 10px;}.card-post h3 p{font-size: 10px;}.card-post h3 span{font-size: 10px;}.card-post h4{font-size: 10px;}.card-post h4 span{font-size: 10px;}.card-post h6{font-size: 10px;}.card-post h6 p{font-size: 10px;}.card-post h6 span{font-size: 10px;}.card-post h6 img{height: 130px;width: 200px;}.card-post .h1{height: auto;width: 100%;}.card-post .h1 h1 {font-size: 10px;}.card-post .h1 h1 span{font-size: 15px;}.card-post .h1 div{font-size: 9px;height: auto;width: 50%;}}
                             /****      SCROLLBAR       ****/
::-webkit-scrollbar{width: 12px;}
::-webkit-scrollbar-thumb{background: linear-gradient(#000,#0066CC);border-radius: 6px; background-clip: padding-box;}
::-webkit-scrollbar-track {background-color: #f4f4f4;}
							 /****      سربرگ هایی که با آیکون سایت هستند       ****/
.sar{}
.sar .top{width: 100%;height: 28px;background-size: 28px 28px;background-position: right top;}
.sar .left{float: left;width: 28px;height: 55px;background-size: 28px 28px;background-position: right top;}
.sar .right{float: right;width: 28px;height: 55px;background-size: 28px 28px;background-position: right top;}
.sar .zzz{width: 97%; height: 28px; background-size: 28px 28px; background-position: right top; border: 2px solid #4caf50; }
.sar h4{background: none;font-size: 20px;color: #fff;}
.sar h4 img{top: 0;width: 38px;height: 38px;}
@media (max-width: 500px){.sar h4{font-size: 12px;}}
							 /****      index-slider       ****/
.index-slider{width: 70%;height: auto;background: none;display: flex;overflow-x: auto;border: 1px solid #000099;}
.index-slider div{width: 100%; height: auto; scroll-behavior: smooth; flex-shrink: 0; scroll-behavior: smooth;}
.index-slider div img{flex-shrink: 0;width: 50%;}
.index-slider div p{color: #FF0066; font-size: 15px;background: #000099;}
							 /****      <btn>       ****/
.sh-btn{width: 100%;height: auto;}
.sh-btn a{display:table;width: 150px;height: 30px;padding: 1px 1px;text-decoration: none;text-align: center;color: #fff;font-size: 12px;text-transform: uppercase;font-family: b yekan;letter-spacing: 4px;overflow: hidden;background: linear-gradient(#000099,#000099,#000,#000099,#000099)  , rgba(255,255,255,.1);box-shadow: 0 5px 5px rgba(0,0,0,.2);border-radius: 12px;border: 1px solid #000099;}
.sh-btn a:hover{font-family: sans-serif;border-radius: 0;border: 1px solid #fff;}
							 /****      <loading>       ****/
.ts-container{min-height: 100vh;background: #0f0500;display: -webkit-box;display: -ms-flexbox;display: flex;}
.ts-content{margin: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;transform: scale(0.7);}
.animation-block{position: relative;}
.animation-container-shadow{position: absolute;top: 30px;left: 32px;width: 140px;height: 140px;border-radius: 50%;}
#animation {display: block;position: relative;height: 200px;width: 200px;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.animation-img{background-image: url("https://ooliya.ir/image/ooliya.png");background-size: contain;background-repeat: no-repeat;position: absolute;height: 200px;width: 200px;-webkit-backface-visibility: visible;backface-visibility: visible;}
.animation-img img{width:100%;height:100%;}
#back {position: absolute;top: 5%;left: -5%;height: 110%;width: 110%;-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-transform: rotateX(60deg) rotateY(0deg) translateZ(30px);transform: rotateX(60deg) rotateY(0deg) translateZ(30px);}
#back2 {position: absolute;top: -10%;left: -10%;height: 110%;width: 110%;-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-transform: rotateX(60deg) rotateY(130deg) translateZ(30px);transform: rotateX(60deg) rotateY(130deg) translateZ(30px);}
#back3 {position: absolute;top: 0;left: -10%;height: 110%;width: 110%;-webkit-backface-visibility: visible;backface-visibility: visible;-webkit-transform: rotateX(60deg) rotateY(40deg) translateZ(30px);transform: rotateX(60deg) rotateY(40deg) translateZ(30px);}
.inimatebacke{width: 100%;height: 100%;border-top: 5px solid #00FFCC;border-radius: 50%;-webkit-animation: cubeAnimation 1.1s infinite linear;animation: cubeAnimation 1.1s infinite linear;}
.inimatebacke2{width: 100%;height: 100%;border-top: 5px solid #00FFCC;border-radius: 50%;-webkit-animation: cubeAnimation 1s infinite linear;animation: cubeAnimation 1s infinite linear;}
.inimatebacke3{width: 100%;height: 100%;border-top: 5px solid #00FFCC;border-radius: 50%;-webkit-animation: cubeAnimation 1.2s infinite linear;animation: cubeAnimation 1.2s infinite linear;}
@-webkit-keyframes cubeAnimation {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes cubeAnimation {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
							 /****      login       ****/
.login-box{width: 280px;position: absolute;top: 45%;left: 50%;transform: translate(-50%,-50%);color: #fff;}
.login-box h1{float: left;font-size: 40px;border-bottom: 6px solid #000099;margin-bottom: 50px;padding: 13px 0;}
.login-box .textbox{width: 100%;overflow: hidden;font-size: 20px;padding: 8px 0;margin: 8px 0;border-bottom: 1px solid #0000CC;}
.login-box .textbox:hover{border-bottom: 1px solid #000066;}
.login-box .textbox i{width: 26px;float: left;text-align: center;}
.login-box .textbox input{border: none;outline: none;background: none;color: #fff;font_size: 18px;width: 80%;float: left;margin: 0 10px;text-align: center;}
.login-box .btn_login{width: 100%;background: none;border: 2px solid #0000CC;color: #fff;padding: 5px;font-size: 18px;cursir: pointer;margin: 12px 0;}
.login-box .btn_login:hover{border: 2px solid #000066;}
							 /****      contact-info       ****/ /****  منوی سمت چپ        -      3گزینه  ****/
.contact-info {position: fixed; top: 40%; z-index: 99999; left: 0;}
.contact-info .option {cursor: pointer; position: relative;}
.contact-info .option p{display: block;width: 60px;text-align: center;height: 60px;line-height: 60px;background: #FFE5FF;color: #b9b9b9;font-size: 20px;transition: 0.6s;}
.contact-info .option:hover p {color:#3498db;}
.contact-info .text{position: absolute;height: 50px;width: 200px;background: #1b1b1b;top: 0;z-index: -1;left: -180px;color: #FF3366;line-height: 60px;text-align: center;transition: 0.6s;font-size: 17px;}
.contact-info .option:hover .text {left: 60px;}
.contact-info p:nth-child(1):hover{background: #33CCCC;}  /*   telegram  */
.contact-info p:nth-child(2):hover{background: #CC3300;}  /*   instagram  */
.contact-info p:nth-child(3):hover{background: #00CC00;}  /*   facebook  */
							 /****      <>       ****/
.link a{color: #00F000;}
							 /****      footer       ****/
.footer{float: right;width: 100%;height: auto;background: #000033;}
.footer p{color: #fff;margin: 20px 1% 0;font-size: 15px;}
.footer h3{color: #FF0066;float: right;margin: 20px 1% 0;font-size: 18px;}
.footer h4{color: #FFFFFF;float: right;margin: 20px 1% 0;font-size: 16px;}
.footer h5{color: #FFFFFF;font-size: 13px;}
@media (max-width: 500px){.footer p{font-size: 10px;}.footer h3{font-size: 13px;}.footer h4{font-size: 11px;}.footer h5{font-size: 8px;}}
.footer .leftside {float: none;width: 25%}
.footer .adv-left {float: left;background: none;}
.footer .adv-left ul{float: left;background: none;list-style: none;text-align: center;}
.footer .adv-left ul li {text-align: cenetr;width:35px;height:35px;background:none;border-radius: 20px;}
.footer .adv-left ul li:hover a{color: #fff;font-size: 31px;}
.footer .adv-left ul li a{text-align: cenetr;background:none;font-size: 20px;color: #0066CC;}
.footer .adv-left ul li:hover .e{color: #fff;font-size: 22px;}
.footer .adv-left ul li:hover .g{color: #fff;font-size: 28px;}
.footer .adv-left ul li:nth-child(1):hover{width:29px; height:29px; color: #fff; border-radius: 20px; background: #33CCCC; border: 3px solid #fff;}  /*   telegram  */
.footer .adv-left ul li:nth-child(2):hover{border-radius: 5px; background: linear-gradient(#CC3300,#FF00FF);}  /*   instagram  */
.footer .adv-left ul li:nth-child(3):hover{border-radius: 5px; background: #0000FF;}  /*   facebook  */
.footer .adv-left ul li:nth-child(4):hover{width:29px; height:29px; background: #00CC33; border: 3px solid #fff;}  /*   whatsapp  */
.footer .adv-left ul li:nth-child(5):hover{background: #FF0000;}  /*   pinterest  */
.footer .adv-left ul li:nth-child(6):hover{background: #CC0000;}  /*  google-plus  */ 
.footer .adv-left ul li:nth-child(7):hover{border-radius: 5px; background: #00FF00;}  /*   phone  */
.footer .adv-left ul li:nth-child(8):hover{border-radius: 5px; background: #CCFF00;}  /*   email  */
.footer.footttovkrfg{float: right;width: 100%;height: auto;padding: 10px;margin: 5px;}
.footer .footttovkrfg :hover{padding-right: 15px;  }
.footer-menu{width: auto;height: auto;background: linear-gradient(#000099,#000);border-radius: 4px;margin: 1px auto;padding: 5px;}
.footer-menu ul {border: 1px solid none;cursor: pointer;position: relative;}
.footer-menu ul li{margin: 4px;border: 1px solid none;text-align: center;transition: 0.6s;}
.footer-menu ul li a{padding: 10px;color: #fff;font-size: 14px;background: linear-gradient(#05000A,#000066);}
.footer-menu ul li a .active, .footer-menu ul li a:hover{color: #0000FF;background: none;}
.footer-menu a,li{float: right;text-decoration: none;transition: all 0.3s ease-in-out;}
.footer-menu li{list-style: none;}
@media (max-width: 500px){.footer-menu ul li{margin: 2px;}.footer-menu ul li a{padding: 10px;font-size: 14px;}	}
@media (max-width: 460px){.footer-menu ul li a{padding: 7px;font-size: 12px;}	}
@media (max-width: 383px){.footer-menu ul li a{padding: 6px;font-size: 10px;}	}
@media (max-width: 345px){.footer-menu ul li a{padding: 4px;font-size: 8px;}	}
@media (max-width: 270px){.footer-menu ul li a{padding: 2px;font-size: 6px;}	}
							 /****      <card-postal>       ****/
.wrap {background: #000;width: 100%;min-height: 100%;display: block;overflow-x: hidden;}
.content {width: 100%;display: block;}
.row {width: 100%;margin: 0;padding: 0;display: block;text-align: center;perspective: 1000px;}
.row:first-child .set {margin-top: 0;}
.set {background: #262626;width: 256px;height: 256px;margin: -60px 8px 0;display: inline-block;outline: 1px solid transparent;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 1);position: relative;transform: rotateX(45deg);transform-style: preserve-3d;font-weight: 700;color: #fff;text-decoration: none;}
.set:hover .layer:not(.three) {box-shadow: 0 0 8px 0 #000;}
.set:hover .layer.one {transform: translateZ(12px);}
.set:hover .layer.two {transform: translateZ(24px);}
.set:hover .layer.three {transform: translateZ(32px);text-shadow: 0 0 4px #000;}
.set img {width: 100%;height: 100%;display: block;opacity: 0.25;transition: opacity 0.5s;}
.set:hover img {opacity: 1;}
.layer {background: #262626;display: block;outline: 1px solid transparent;box-shadow: 0 0 4px 0 #000;top: 0;right: 0;bottom: 0;left: 0;position: absolute;transition: box-shadow 0.5s, transform 0.5s, text-shadow 0.5s;text-align: left;}
.layer.one {transform: translateZ(4px);}
.layer.two {transform: translateZ(8px);}
.layer.three {background: none;padding: 16px;box-shadow: none;top: auto;right: auto;transform: translateZ(8px);}
							 /****      <gallery>       ****/
/* ANIMATIONS */
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
/* APP */
.app__list {display: grid;grid-template-columns: repeat(6, 16.66%);margin: 20px 10px;}
.app__card {background-color: #FFFFFF;padding: 10px 10px 20px;-webkit-animation: fadeIn 1s;-moz-animation: fadeIn 1s;-o-animation: fadeIn 1s;animation: fadeIn 1s;-webkit-transition-duration: 500ms;-moz-transition-duration: 500ms;-o-transition-duration: 500ms;transition-duration: 500ms;}
.app__picture {overflow: hidden;}
.app__picture img {width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;-webkit-transition-duration: 500ms;-moz-transition-duration: 500ms;-o-transition-duration: 500ms;transition-duration: 500ms;}
.app__picture img:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.app__title {text-align: center;font-weight: 700;margin-top: 10px;font-size: 1.3rem;letter-spacing: -1px;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;color: #000;}
/* CUSTOM */
@media screen and (max-width: 1200px) {.app__list {grid-template-columns: repeat(5, 20%);}}
@media screen and (max-width: 1024px) {.app__list {grid-template-columns: repeat(4, 25%);}}
@media screen and (max-width: 860px) {.app__list {grid-template-columns: repeat(3, 33.33%);}}
@media screen and (max-width: 800px) {.app__list {grid-template-columns: repeat(2, 50%); }}
/* MOBILE */
@media screen and (max-width: 750px) {.app__list {grid-template-columns: repeat(1, 1fr); }}
							 /****      <advertising>       ****/
.advertising{top: 5px;width: 95%;height: auto;background: none;}
.advertising img{background: none;width: 480px;height: 240px;margin: 2px;} 
@media screen and (max-width: 1038px) {.advertising img{background: none;width: 400px;height: 200px;margin: 1px;	} }
@media screen and (max-width: 870px) {.advertising img{background: none;width: 350px;height: 175px;margin: 1px;	} }
@media screen and (max-width: 750px) {.advertising img{background: none;width: 320px;height: 160px;margin: 1px;} }	

							 /****      <>       ****/

							 /****      <>       ****/

							 /****      <>       ****/

							 /****      iphone       ****/
.iphone_conte123434542{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 280px;height: 540px;background: url();border-radius: 35px;box-shadow: inset 0 0 15px rgba(0,0,0,.2), 0 40px 100px rgba(0,0,0,.4);transition: .5s;}
.iphone_conte123434542:before{content: '';position: absolute;top: 15px;left: 15px;width: calc(100% - 30px);height: cale(100% - 30px);background: #262626;border-radius: 25px;box-shadow: inset 0 0 20px rgba(0,0,0,.2);transition: .5s;}
.iphone_conte123434542:after{content: '';position: absolute;top: 15px;left: 50%;transform: translateX(-50%);width: 130px;height: 16px;background: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
							 /****      envelope       ****/
.contac12323t_info_255_1231234{position: fixed;top: 70%;z-index: 99999;left: 3%;}
.optio12313n255_1234112{cursor: pointer;position: relative;}
.optio12313n255_1234112 img{display: block;width: 60px;text-align: center;height: 60px;line-height: 60px;background: #none;color: #212121;font-size: 20px;transition: 0.6s;}
.optio12313n255_1234112:hover img{color:#3498db;}
.text_i1421nfo_255213414{position: absolute;height: 600px;width: 300px;background: none;top: -600px;z-index: -1;left: -500px;color: #FF3366;line-height: 60px;text-align: center;transition: 0.6s;font-size: 17px;}
.optio12313n255_1234112:hover .text_i1421nfo_255213414{left: 60px;}
							 /****      contact iphone       ****/
.contact_iphone_ooliya{background: #fff;position: absolute;transform: translate(-50%,-50%);left: 50%;top: 50%;width: 400px;}
.contact_iphone_ooliy{width: 100%;background: #2196f3;overflow: hidden;color: #fff;}
.contact_iphone_ooliy span{font-size: 100px;display: block;text-align: center;padding: 40px;}
.contact_iphone_ooliy span img{width: 100%;height: 30px;font-size: 100px;display: block;text-align: center;padding: 40px;}
.contact_iphone{padding: 10px;overflow: hidden;font-family: 'Montserrat', sans-serif;color: gray;}
.contact_iphone label{font-weight: 700;}
.contact_iphone_texti{width: 100%;border: 1px;border-bottom: 2px solid #2196f3;font-size: 20px;margin: 8px 0;display: block;outline: none;color: gray;}
.contact_iphone_textm{width: 100%;border: none;border-bottom: 2px solid #2196f3;font-size: 20px;margin: 8px 0;display: block;outline: none;color: gray;min-height: 100px;}
.contact_iphone_button{width: 100%;color: #fff;padding: 10px;text-align: center;background: #2196f3;font-size: 20px;}
                             /****      <video-page>       ****/
.clearboth {width:100%; height:0px; line-height:0px; display:block; clear:both; overflow:hidden; font-size:0px;}
/* ===================================================================== */
#main {max-width:1280px; width: 100%;  padding:10px; margin:auto; margin-top:5px; display:block; box-sizing: border-box}
.ziro-video_pad { float:right; display:block; margin:0; padding-left: 20px; width:70%; box-sizing: border-box}
.ziro-video_pad h1 {font-family:Arial; }
.video_pad .ziro-video_pad #video .video { width: 100%; height: 477px; margin: 0px;  object-fit: fill; font-size: 12px; }
.video_pad .ziro-video_pad .doreh_info .profile_img div{ width:60px; height:60px; text-align:center; display:block; margin:auto  }
.video_pad .ziro-video_pad .doreh_info .profile_img img{width:60px; height:60px; border-radius:50px; }
.video_btn_box {width:100%; height: 42px; background: #252222; display: block; box-sizing: border-box}
.video_btn_box .ziro-video-btn { color: #fff; font-size: 19px; display: inline-block; width: 21%; font-weight: normal; margin: 0; text-align: center; padding: 11px 0; border-radius: 0; border:0; box-sizing: border-box}
.video_btn_box .ziro-video-btn:hover {color: #fff; background: #0000CC ; }
.video_btn_box .ziro-video-btn span {font-size: 13px; margin-right: 5px}
.video_btn_box .btn_more {width: 10%}
.video_btn_box .fa {color:#fff; vertical-align: middle}
.single_playlist_hr {width: 100%; height: 1px; display: none; border-top: 1px solid #000; background: #444; margin: 0; padding: 0;}
.end_video_rec {position: absolute; top:0; left: 0; width: 100%;  z-index: 10;  background: rgba(0,0,0, 0.8); display: none; height: 100%; /*padding-top: 10%;*/ box-sizing: border-box; overflow: hidden}
.end_video_rec .dash_video:hover {box-shadow: none; border-radius: 0}
.video_title, .video_des {width:100%; height:auto; margin:15px 0 10px 0; }
.video_title h1, .video_des h1 {color:#FFFFCC; background: linear-gradient(#000,#000,#000,#0A0AFF); display: inline-block; font-size: 1.6em; font-family: IRANSans, Tahoma, Arial; font-weight:bold; width: 100%   }
.video_title h2, .video_des h2 {color:#0000FF; display: inline-block; font-size: 1em; font-family: IRANSans, Tahoma, Arial; font-weight:bold; width: 100%   }
.video_title .show_more_des {float:left; font-size: 24px; margin-top: 2px; margin-left: 5px }
.doreh_info {float:right; overflow:hidden; width:100%; display:block;    margin: 7px 0; padding: 15px 0; clear: both; border-bottom: 1px solid #e8e8e8;}
.doreh_info a {line-height:18px; margin:2px 2px 0 0; font-weight:bold; font-size:11px; display:block }
.doreh_info a:hover {color:#65019b}
.doreh_info .profile_img {margin-left:4px;}
.doreh_info .profile_img img { border: 1px solid #efefef}
.doreh_info .doreh__info {float:right}
.doreh_info .doreh__info a:hover { color: #0033CC; }
.doreh_info .doreh__info button { background: #0000CC; color: #fff; }
.doreh_info .doreh__info button:hover { background: #0033CC; }
.doreh_info .doreh__info .channel_title {font-size: 13px; font-weight: bold; margin: 7px 0}
.doreh_info .clicked_box {border: none; box-shadow:none}
.doreh_info .loder_img_gif { width: 20px; height: 20px}
.video_comment .add_comment .profile_img, .doreh_info .profile_img, .dash_info .profile_img, .dash_comment .profile_img{ display:inline-block; float:right;}
.video_info {width:100%; clear: both; display: table}
.playlist_top .playlist_title .profile_img {display: inline-block; float: right}
.single_playlist .header .list_info .profile_img {display: inline-block; margin-left: 5px;}
.video_comment .show_comment .profile_img {float: right; display: inline-block; margin: 0 0 10px 20px; box-sizing: border-box}
.dash_my_comment .profile_img {margin-right:-7px}
.channel_top .channel_title {margin:5px 16px 0 0; color:#333; /*width:650px;*/     }
.channel_cover .channel__info, .channel_cover .channel_title { margin-right: 16px; display: block; width: calc(100% - 171px); float:right; }
.channel_cover .channel_top .channel_title h1 {display: inline-block; margin-left: 25px}
.channel_top .ferstbtn {font-size:14px; margin-top:20px; display:inline-block; padding: 10px 10px}
.ferstbtn { background: #672498; padding: 5px 7px; color: #fff; width: auto; border: 0; height: auto; font-size: 11px }
.ferstbtn:hover {color: #fff}
.video_des p { margin:10px 0 0 0; font-size:14px; line-height:30px; color:#FFFFFF; }
.video_des .x-img {width:500px; height:320px;}
.video_des .y-img {width:300px; height:400px;}
.video_des .m-img {width:300px; height:300px;}

.tag_video { margin-top: 10px; display:table; clear: both; width: 100%; padding-bottom: 15px; line-height: 25px}
.tag_video a{ display: inline-block; margin-left: 10px}
.tag_video a:hover { color:#0033FF; }
.tag_video strong {font-weight:normal; font-size:12px}
.tag_video .fa {font-size: 11px}
.tag_video .cat_tag strong {font-size: 13px}
.tag_video .cat_tag .fa {font-size: 12px}
.m_modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;  background-color: rgba(0,0,0,0.6); }
.m_modal_box {display: block; margin: 150px auto; background-color: #fefefe;    border: 1px solid #888;width: 80%; max-width: 500px; border-radius: 4px; box-sizing: border-box; -webkit-animation-name: m_modal_b; -webkit-animation-duration: 0.4s; animation-name: m_modal_b; animation-duration: 0.4s }
.m_modal_content {padding: 20px;}
.m_modal_content .loder_img_gif {margin: 5px auto; display: block}
.m_modal_header {width: 100%;  border-bottom: 1px solid #c1c1c1; padding: 15px; box-sizing: border-box; font-weight: bold; font-size: 15px  }
.m_modal_header .fa-times {font-size: 22px; width: 20px; float: right; cursor: pointer; margin-top: -5px; margin-left: 10px}
.side_left { width:30%; height:100%; float:left; /*border-right:1px solid #e8e8e8; padding-right:20px;*/ box-sizing: border-box}
.video_type1 li {width:100%;  display:block; padding:10px 0; clear: both; border:0.4px solid #002AD1;  } /* border-bottom:1px solid #e5e5e5} */
.video_type1 li span {line-height:18px }
.video_type1 li .video_link {text-decoration:none; color:#999; width:100%; height:100%;}
.video_type1 li img {margin-left:4px; position: absolute; width: 100%; height: auto; max-height: 100%;}
.video_type1 li:hover {}
.video_type1 li h3, .video_type1 li h2, .video_type1 li a { max-height:50px; font-weight:bold; text-align:right; color:#FFF0FF; width:auto; margin:0; font-size:12px; line-height:2; }
.video_type1 li:first-child {padding-top:0}
.video_type1 .duration{ bottom:7%; left:6%; background:#000;  opacity: 0.75; filter: alpha(opacity=75); color:#CCFFFF;   position:absolute;  display:block; padding:2px 3px 1px 3px; border-radius:5px; font-size:11px;  }
.video_type1 .thum { float:right; width: 50%; position: relative; display: inline-block; margin-left: 10px; border:0.4px solid #0000CC; }
.video_type1 .user_link, .video_type1 .date {display: block; margin-top: 5px; font-size: 10px; color:#CCFFFF;}
.dash_video .thum, .video_type1 .thum  {display:block; position:relative;   }
.dash_video .heigher, .video_type1 .heigher , .video_type_playlist .heigher , .single_video_list .heigher {padding:0; padding-bottom: 59%; position: relative; display:block;}
.single_video_list .thum { float:right; width: 40%; position: relative; display: inline-block; margin-left: 10px   }
.video_type_playlist .thum { float:right; width: 20%; position: relative; display: inline-block; margin-left: 10px   }
.single_video_list li .video_link {text-decoration:none; color:#999; width:100%; height:100%;}
.video_type_playlist li .video_link {text-decoration:none; color:#999; width:100%; height:100%;}
.dash_video .duration { bottom:5%; left:4%; background:#000;  opacity: 0.75; filter: alpha(opacity=75); color:#FFF;   position:absolute;  display:block; padding:5px 4px 3px 4px; border-radius:5px; font-size:12px;  }
.single_video_list .duration{ bottom:7%; left:6%; background:#000;  opacity: 0.75; filter: alpha(opacity=75); color:#FFF;   position:absolute;  display:block; padding:2px 3px 1px 3px; border-radius:5px; font-size:11px;  }
.video_type_playlist .duration{ bottom:7%; left:6%; background:#000;  opacity: 0.75; filter: alpha(opacity=75); color:#FFF;   position:absolute;  display:block; padding:2px 3px 1px 3px; border-radius:5px; font-size:11px;  }
.dash_comment .date, .video_comment .date  {font-size:11px; display:block; margin-bottom:5px}
.single_video_list .user_link, .single_video_list .date {display: block; margin-top: 5px; font-size: 10px; }
.video_type_playlist .user_link, .video_type_playlist .date {display: block; margin-top: 5px; font-size: 10px; }
.dash_video .more .date {color:#fff; display:block; margin:8px 0; font-size:10px; float:left; margin-left:15%}
.video_full .date {font-size:13px; display:block; margin-top:12px}
                             /****      <video-page_mobile>       ****/
.is_mobile {display: none !important;}
@media only screen and (max-width: 800px){
	#main {width: 100%; margin: 0; box-sizing: border-box; padding: 4px; padding-top: 0}
    .video_pad {padding: 0 !important;}
	.ziro-video_pad {width: 100%; float: none; padding: 0}
    .video_btn_box {height: 37px; }
    .video_btn_box .ziro-video-btn { font-size: 17px; padding: 10px 0; width: 22.5%;  }
    .video_btn_box .btn_more {width: 5%} 
    .video_btn_box .ziro-video-btn span {font-size: 12px}
	.single_playlist_hr {display: block}
    .video_title {margin:6px 0 8px 0;} 
    .video_title h1 {font-size: 1.1em;  width: calc(100% - 24px)  }
	.video_title span { color: #00CCFF; }
	.video_title , .doreh_info, .video_dl, .video_info {padding-right:5px; padding-left: 5px; box-sizing: border-box}
    .is_mobile {display: inline-block !important;}
	.doreh_info { margin: 4px 0; padding: 4px 0;}
	.doreh_info .doreh__info .channel_title {font-size: 12px}
	.dash_info .profile_img {display: none;}
	.channel_cover .channel_top .channel_title h1 { margin-left:10px }
	.channel_top .channel_title {width: calc(95% - 100px); box-sizing: border-box; margin: 15px 7px 0 0}
	.channel_top .ferstbtn {font-size:12px; margin-top:10px; display:inline-block; padding: 7px 7px}
	.is_pc {display: none;}
	.video_info {border-top:1px solid #e1e1e1}
	.video_des p {font-size: 12px}
	.video_des .x-img {width:350px; height:210px;}
	.video_des .y-img {width:250px; height:350px;}
	.video_des .m-img {width:250px; height:250px;}
	.tag_video {margin-top: 25px}
	.side_left {width: 100%; float: none; box-sizing: border-box; border: none; margin: 0; padding: 0}
	.single_pad {padding: 7px}
	.video_type_playlist .thum { width: 30%;  }
	.video_pad .ziro-video_pad #video .video { display:table; height: 400px;}}
@media only screen and (max-width: 420px) {
    .end_video_rec { position: fixed; width: 100%; height: 100%; top:0; left: 0 }
    .playlist_top .editable_active {width: 90%}
    .video_type_playlist .thum { width: 40%;  }
	.video_type_playlist .list_action {position: none; float: left; margin-left: 15px;} 
	.video_pad .ziro-video_pad #video .video { display:table; height: 300px;}
	.video_des .x-img {width:300px; height:180px;}
	.video_des .y-img {width:200px; height:300px;}
	.video_des .m-img {width:200px; height:200px;}}
@media only screen and (max-width: 320px) { 
	.video_pad .ziro-video_pad #video .video {display:table; height:250px;}
	.end_video_rec { position: fixed; width: 100%; height: 100%; top:0; left: 0 } 
	.playlist_top .editable_active {width: 90%} 
	.video_type_playlist .thum { width: 40%; }
	.video_des .x-img {width:260px; height:140px;}
	.video_des .y-img {width:180px; height:260px;}
	.video_des .m-img {width:180px; height:180px;}}