.center{text-align:center}
[class^="icon-"],
[class*=" icon-"]{font-family:FontAwesome;font-style:normal;}
@media only screen and (min-width:45.063em){}
@media only screen and (min-width:63.063em){#sticky-box-container{position:absolute;height:calc(100% - 20px);padding-left:1rem;}
}
@media only screen and (max-width:45em){#logo{text-align:center}
}

.page_category .products.products_shortened h2{font-size:9pt;font-family:pbo;width:147px;float:right;margin:0px;padding:5px 5px 0 0;}
.page_category .products.products_shortened h2 a{display:inline-block;width:100%;overflow:hidden}
.page_category .products.products_shortened .details{padding-right:60px;height:100%;position:relative;}
.page_category .products.products_shortened .details time{position:absolute;bottom:3px;font-size:9pt;min-width:110px;text-align:center;}
.page_category .products.products_shortened .strapline,
.page_category .products.products_shortened .details time{display:none;}
.page_category .products.products_shortened .imageviewer_holder,
.page_category .products.products_shortened .imageblock,
.page_category .products.products_shortened .imageholder,
.page_category .products.products_shortened img{/*! width:58px !important; *//*! height:58px !important; *//*! float:right; *//*! clear:left; */}
.page_category .products.products_shortened img{/*! border:1px solid #ddd; */}
.page_category .products.products_shortened .pad,
.page_category .products.products_shortened .box{width:100%;height:100%;}
.page_category .products.products_shortened .item{/*! height:58px; *//*! width:207px; *//*! float:right; *//*! overflow:hidden; *//*! background:#eee; *//*! margin:5px; *//*! border-radius:0 0 10px 0; *//*! border:1px solid #eee; */}
.page_category .subcategories.subcategories_shortened h2{font-size:9pt;font-family:pbo;width:147px;float:right;margin:0px;padding:5px 5px 0 0;}
.page_category .subcategories.subcategories_shortened h2 a{display:inline-block;width:100%;overflow:hidden}
.page_category .subcategories.subcategories_shortened .details{padding-right:60px;height:100%;position:relative;}
.page_category .subcategories.subcategories_shortened .details time{position:absolute;bottom:3px;font-size:9pt;min-width:110px;text-align:center;}
.page_category .subcategories.subcategories_shortened .strapline,
.page_category .subcategories.subcategories_shortened .details time{display:none;}
.page_category .subcategories.subcategories_shortened .imageviewer_holder,
.page_category .subcategories.subcategories_shortened .imageblock,
.page_category .subcategories.subcategories_shortened .imageholder,
.page_category .subcategories.subcategories_shortened img{width:58px !important;height:58px !important;float:right;clear:left;}
.page_category .subcategories.subcategories_shortened img{border:1px solid #ddd;}
.page_category .subcategories.subcategories_shortened .pad,
.page_category .subcategories.subcategories_shortened .box{width:100%;height:100%;}
.page_category .subcategories.subcategories_shortened .item{height:58px;width:207px;float:right;overflow:hidden;background:#eee;margin:5px;border-radius:0 0 10px 0;border:1px solid #eee;}
#searchbutton_basic{padding:0px;font-size:16pt}
.search .ajax__tab_default .ajax__tab_body{min-height:10px!;height:10px !important;}
.search #cntMain_tabSearchContainer{height:100px}
.products_classicsearch .item .highlight{background-color:#fd6;color:#d30;}
.products_classicsearch{overflow:hidden}
.products_classicsearch h2{font-size:9pt;font-family:pbo;width:200px;float:right;margin:0px;padding:5px 5px 0 0;background:url(../images/menu-back.png);}
.products_classicsearch h2 a{display:inline-block;width:100%;overflow:hidden}
.products_classicsearch .details{padding-right:10px !important;height:100%;position:relative;}
.products_classicsearch .details time{position:absolute;bottom:3px;font-size:9pt;min-width:120px;text-align:center;}
.products_classicsearch .strapline,
.products_classicsearch .details time{display:none;}
.products_classicsearch .imageviewer_holder,
.products_classicsearch .imageblock,
.products_classicsearch .imageholder,
.products_classicsearch img{width:80px !important;height:80px !important;float:right;clear:left;}
.products_classicsearch img{border:1px solid #ddd;}
.products_classicsearch .pad,
.products_classicsearch .box{width:100%;height:100%;}
.products_classicsearch .item{height:80px;width:280px;float:right;overflow:hidden;background:#eee;margin:5px;border-radius:0 0 10px 0;border:1px solid #eee;}
#sticky-box-container{background:#eff;padding:5px;text-align:right;}
.sticky-box{top:0px;position:sticky;}
.sticky-box .imageviewer{cursor:pointer;border:6px solid #eee;border-radius:0 0 0 30px;overflow:hidden;top:20px;margin:0px;}
.image-box .imageviewer{position:relative;cursor:pointer;display:inline-block;}
.image-box .imageviewer #gallery-count{position:absolute;right:5px;bottom:5px;background:#fff;border-radius:5px;padding:0 3px;color:#7c4dff}
#p-content{padding-top:30px!important;z-index:10 !important;position:relative;text-align:center;}
#p-content #article-title{position:relative;margin:0px auto;font-family:pbo;background:#fff;font-weight:bold;text-align:center;z-index:1;padding:0;font-size:13pt;margin:0px auto;margin-bottom:8px;max-width:90%;}
#p-content #article-title:before,
#p-content #article-title:after{content:'';height:100%;display:inline-block;position:absolute;background:#fff;top:0px;border-radius:50%;z-index:-1;}
#p-content #article-title:before{}
#p-content #article-title:after{}
#p-content-top-border{border-width:3px 3px 0px 3px;border-radius:50px 50px 0px 0px;border-style:solid;border-color:#fff;position:relative;height:20px;}
#p-content-inner{height:100%;position:relative;content:"";}
#p-content-inner:after{content:'';top:0px;background:linear-gradient(white, transparent);width:3px;height:50%;position:absolute;right:0px}
#p-content-inner:before{content:'';top:0px;background:linear-gradient(white, transparent);width:3px;height:50%;position:absolute;left:0px;}
#p-content-inner-body{background:#fff;position:relative;margin:0 20px 20px 20px;border-radius:20px 20px 0 0;padding:20px;display:inline-block;width:calc(100% - 50px);min-height:350px;}
#p-content-inner-body #description{padding-right:10px;text-align:justify;}
#p-content-inner-body #description *{line-height:30px;}
#p-content-inner-body #description p{text-align:justify}
#p-content-inner-body .singleimage{border:6px solid #eee;border-radius:0 0 0 30px;overflow:hidden;height: initial !important;width: initial !important;}
.hand{cursor:pointer}
#p-content-inner-body #strapline{background:#eee;margin-top:20px;line-height:20px;padding:6px;text-align:justify}
#p-content-inner-body .datecreate{background:#eee;padding:6px;display:block;margin:0px;color:#999}
#p-content-inner-body .attributes{margin-top:20px;}
#p-content-inner-body .attributes thead,
#p-content-inner-body .attributegrouphead{display:none;}
#p-content-inner-body .attributes td{background:#eee;border-bottom:solid 1px #ddd;}
.main-container h2.blockheader{background:rgb(168, 141, 114);color:#000;padding:0px;overflow:hidden}
.main-container h2.blockheader a,
.main-container h2.blockheader > span{color:#000;background:#ffcc66;padding:4px 15px;display:inline-block;height:100%;position:relative;min-width:30%;cursor:initial;}


.relatedcategories ul,.right-boxes .products,#p-content{background:#2b8d9f;margin:0px;padding:3px 10px;margin-bottom:10px;z-index:-1;}
.relatedcategories ul li{text-align:center;position:relative;margin-top:5px;width:90%;background:#fff;display:inline-block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;height:25px;}
.relatedcategories ul li:before,
.relatedcategories ul li:after{content:'';height:25px;width:25px;display:inline-block;position:absolute;background:#fff;top:-1px;border:1px solid #ccc;border-radius:50%;z-index:-1;}
.relatedcategories ul li:before{right:-12px;}
.relatedcategories ul li:after{left:-12px;}
.relatedcategories ul li a{display:inline-block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}
.relatedcategories ul li:hover,
.relatedcategories ul li:hover:after,
.relatedcategories ul li:hover:before{background:#eee}
.right-boxes{padding-top:10px}
.right-boxes .imageblock,.right-boxes .strapline{display:none}
.right-boxes h3{}
.right-boxes h3 a{display:block;padding:4px;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;-moz-binding: url('ellipsis.xml#ellipsis');}
.right-boxes .products.products_tabular .item time{color:#000;font-size:9.5pt;font-family:bkoodak;display:none !important;padding:4px;}
.right-boxes .products{padding:5px 5px 1px 5px}
.right-boxes .item{margin-bottom:5px}
.islamic-star{padding-top:60px}
.islamic-star:after{width:120px;height:120px;display:inline-block;position:absolute;top:-60px !important;left:calc(50% - 70px);padding:31px;color:#3cc;font-weight:bold;font-size:15px;text-shadow:1px 1px 2px #bfb9b9;text-align:center;vertical-align:middle}
#accordion-section{height:100%;display:inline-block;position:relative;padding-bottom:60px;width:100%;}
#accordion-section:after{content:"مجموعه موضوعی احکام";background:url('../images/dark-star.png') no-repeat;background-size:120px;}
#marja:after{content:"درختواره رساله مراجع";background:url('../images/green-star.png') no-repeat;background-size:120px;color:#fff;}
#head-bot-bottom:after{/*! content:"مطالب جدید"; *//*! background:url('../images/yellow-star.png') no-repeat; *//*! background-size:120px; *//*! top:-22px !important; *//*! color:#fff; */}
#random-question:after{content:"مجموعه سوالات احکام";background:url('../images/orange-star.png') no-repeat;background-size:120px;}
#right-menu{background:rgba(204,204,204,0.3) url(../images/geometric-right.png) no-repeat 0 50%;padding-left:10px;}
#right-menu:before{opacity:0.3;content:'';height:37px;background:#ddd url(../images/geometric-up.png) no-repeat 50% 0;width:100%;display:block;}
#right-menu:after{opacity:0.3;content:'';height:37px;background:#ddd url(../images/geometric-down.png) no-repeat 50% 0;width:100%;display:block;}
#right-menu ul{margin:0px;position:relative;z-index:0}
#right-menu ul:before{opacity:0.7;z-index:-1;content:'';height:100%;width:100%;left:0px;top:0px;position:absolute;background:url(../images/menu-back.png)}
#right-menu ul a{color:#000;font-size:14px;font-weight:bold;padding:5px 0px;display:inline-block;}
#random-question{position:relative;background:rgba(255,204,153,0.5) url(../images/footer-back.png);}
#random-question .imageblock{display:none}
#random-question .products{background:rgba(255,255,255,0.6);padding:10px;margin:10px 0px;border-right:5px solid #f90}
#random-question *{font-weight:bold;}
#random-question h2 a{color:#3cc;font-size:17px}
#random-question .strapline{font-style:normal;}
.contentcss .products_normal{overflow:hidden;}
.contentcss .products_normal h2{font-size:9pt;font-family:pbo;width:148px;float:right;margin:0px;padding:5px 5px 0 0;}
.contentcss .products_normal h2 a{display:inline-block;width:100%;overflow:hidden;}
.contentcss .products_normal .details{padding-right:60px;height:100%;position:relative;text-align:right}
.contentcss .products_normal .strapline{display:none;}
.contentcss .products_normal .imageviewer_holder,
.contentcss .products_normal .imageblock,
.contentcss .products_normal .imageholder,
.contentcss .products_normal img{width:58px !important;height:58px !important;float:right;clear:left;}
.contentcss .products_normal img{border:1px solid #ddd;}
.contentcss .products_normal .pad,
.contentcss .products_normal .box{width:100%;height:100%;}
.contentcss .products_normal .item{height:58px;width:242px;float:right;overflow:hidden;background:#ddd;margin:5px;border-radius:0 0 10px 0;border:1px solid #eee;}
.accordioncss{text-align:center}
.accordioncss>div:nth-child(odd){border:10px solid #ddd;min-height:78px !important;display:inherit!important;margin-top:-10px;}
.accordioncss>div:nth-child(5){min-height:120px !important;}
.headcss{cursor:pointer;color:#666;font-size:14pt;position:relative;border-radius:10px 10px 0 0;border:3px solid #999;border-bottom:0px;width:150px;display:inline-block;height:35px;margin-top:10px;margin-bottom:-20px;clear:both;z-index:0;padding:3px;}
.headcss:before{content:'';width:100%;height:100%;display:inline-block;position:absolute;left:0px;background:url(../images/page-back.jpg);border-radius:10px 10px 0 0;z-index:-1;top:0px;}
.headcss:after{content:'';width:100%;height:100%;display:inline-block;position:absolute;left:0px;background:rgba(153,153,153,0.6) url(../images/geometric-up.png) no-repeat 50% 100%;background-size:50%;z-index:-1;top:0px;}
.contentcss{background:#fff;padding:10px}
.contentcss .ajax__tab_default>.ajax__tab_header{background:#3ff;border-radius:10px}
.contentcss .ajax__tab_default>.ajax__tab_header .ajax__tab_outer{background:transparent;}
.contentcss .ajax__tab_default>.ajax__tab_header .ajax__tab_active{background:#9ff;height:100% !important;display:inline-block !important;}
.contentcss .ajax__tab_default>.ajax__tab_header .ajax__tab:first-child{border-radius:0 10px 10px 0}
.contentcss .ajax__tab_default>.ajax__tab_header .ajax__tab_outer a{padding:8px 10px;}
.vtab .ajax__tab_header_verticalleft .ajax__tab_outer{background:transparent!important;height:100%;padding:0px!important}
.vtab .ajax__tab_header_verticalleft .ajax__tab:first-child{margin-top:10px;}
.vtab .ajax__tab_header_verticalleft .ajax__tab{width:calc(100% - 30px);position:relative;margin-top:8.5px;display:block !important;margin-right:15px;}
.vtab .ajax__tab_header_verticalleft .ajax__tab_inner{height:100%;margin:0px;padding:0px;}
.vtab .ajax__tab_header_verticalleft .ajax__tab_inner a:first-child{}
.vtab .ajax__tab_header_verticalleft .ajax__tab_inner a:last-child{padding:5px;background:#fc9;height:30px !important;width:100%;position:relative;overflow:hidden;z-index:1;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');}
.vtab .ajax__tab_header_verticalleft .ajax__tab_inner:last-child:after{content:'';width:30px;height:30px;background:#fc9;display:inline-block;position:absolute;border-radius:50%;top:0px;right:-15px;z-index:0;}
.vtab .ajax__tab_header_verticalleft .ajax__tab_inner:last-child:before{content:'';width:30px;height:30px;background:#fc9;display:inline-block;position:absolute;border-radius:50%;top:0px;left:-15px;z-index:0;}
.vtab .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner a:last-child{background:#fc6;color:#000;}
.vtab .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner:last-child:after{background:#fc6;}
.vtab .ajax__tab_header_verticalleft .ajax__tab_active .ajax__tab_inner:last-child:before{background:#fc6;}
.vtab .ajax__tab_body_verticalleft .ajax__tab_panel{position:relative;background:#eee;margin:10px;border-radius:15px;padding:10px;margin-bottom:0px;min-height:224px;}
.vtab{position:relative;overflow:hidden;}
.progressing:before{content:'';position:absolute;height:100%;width:100%;left:0px;background:rgba(0,0,0,0.3) url(../images/loader1.gif) no-repeat 50% 50%;background-size:50px;z-index:100}
#marja{padding-bottom:60px;background:#3cc url(../images/marja-min.jpg);background-size:100%;width:100%;position:relative;}
#marja>div:before{z-index:0;content:" ";position:absolute;display:inline-block;background:rgba(255,255,255,0.4);width:100%;height:65%;left:0px;border-radius:0 0 100% 0;top:0px;}
#marja>div:after{z-index:0;content:" ";position:absolute;display:inline-block;background:rgba(51,204,204,0.6);width:100%;height:100%;left:0px;overflow:hidden;top:0px;}
#marja >div> section{text-align:center;}
#marja ul{margin:0px;position:relative;z-index:2;display:inline-block}
#marja ul li{list-style:none;display:inline-block;width:51.5px;height:215px;position:relative;}
#marja ul li a img{position:absolute;left:-11px;z-index:10;width:62px;}
#marja ul li a span{background:rgba(255,255,255,0.5);display:inline-block;transform:rotate(-90deg);position:absolute;width:165px;text-align:center;bottom:88px;font-size:13pt;left:-68px;height:40px;bottom:60px;}
#marja ul li a span:after,
#marja ul li a span:before{content:'';width:20px;height:40px;background:rgba(255,255,255,0.5);display:inline-block;position:absolute;z-index:0;}
#marja ul li a span:after{left:-20px!important;right:initial;border-radius:initial;border-top-left-radius:initial;border-bottom-left-radius:initial;border-bottom-left-radius:25px;border-top-left-radius:25px;}
#marja ul li a span:before{right:-20px!important;right:initial;border-radius:initial;border-bottom-right-radius:initial;border-top-right-radius:initial;border-top-right-radius:25px;border-bottom-right-radius:25px;}
#ido-logo{background:rgba(255, 255, 255, 1);display:inline-block;border-radius:0 0 30% 30%;padding:20px 5px 5px 5px;width:100px;}
#ido-logo img{}
#nowtime{background:rgba(51,255,255,0.3);padding:5px;display:inline-block;}
#logo-image{width:70%;}
#inner-page #logo-image{width:60%;}
#book-introduction{dispaly:table;height:220px;background:url('../images/book-introduction.png') no-repeat 25%;background-size:contain;content:'';}
#book{float:right;height:100%;display:table-cell;text-align:left;vertical-align:middle;width:60%;}
#book img{height:100%;}
#book-introduction h2{color:#630 !important;font-size:13px}
header{position:relative;}
header:before{/*! content:''; *//*! background:#6ff url('../images/head-top-back.png'); *//*! background-size:10% auto; *//*! opacity:0.3; *//*! filter:alpha(opacity=50); *//*! position:absolute; *//*! height:100%; *//*! width:100%; */}
#head-bot{position:relative;overflow:hidden;padding-top:17px;}
#head-bot:before{/*! transform-origin:top left; *//*! -ms-transform:skew(0deg, 2.7deg); *//*! -webkit-transform:skew(0deg, 2.7deg); *//*! transform:skew(0deg, 2.7deg); */content:'';background:#33ffff;opacity:0.4;filter:alpha(opacity=50);position:absolute;height:100%;width:100%;top:0px;}
#head-bot-bottom{position:relative;padding-top:100px;padding-bottom:70px;}
#head-bot-bottom:before{/*! transform-origin:bottom right; *//*! -ms-transform:skew(0deg, -3deg); *//*! -webkit-transform:skew(0deg, -3deg); *//*! transform:skew(0deg, -3deg); */content:'';position:absolute;/*! background:#8af8f8 url('../images/geometric-pattern.png'); */height:100%;width:100%;top:0px;}
#head-top>div:nth-child(2),
#head-top>div:nth-child(3){padding-top:20px;}
#inner-page header>div:nth-child(2){text-align:center}
#inner-page header{background:rgba(51,255,255,0.4);}
@media only screen and (min-width:45.063em){.mid-sec-back{margin-right:0px !important;margin-left:0px!important;}
.inner-box > .columns> h2.blockheader{margin-right:0rem!important;margin-left:0px!important;}
#head-top{}
#event .item{width:23% !important;height:25% !important;border-radius:20px 0 0 0;}
#event .item .imageholder a img{width:100% !important;height:100% !important;}
#event .item .imageholder{border-radius:18px 0 0 0;}
}
@media only screen and (min-width:63.063em){#event .item{border-radius:40px 0 0 0;width:110px !important;height:110px !important;}
#event .item .imageholder{border-radius:35px 0px 0 0;}
}
@media only screen and (max-width:45em){#event .item{width:23% !important;height:25% !important;border-radius:20px 0 0 0;}
#event .item .imageholder a img{width:100% !important;height:100% !important;}
#event .item .imageholder{border-radius:18px 0 0 0;}
}
.header-left img{max-width: 220px;display: block;float: left;margin: 0 0 2px 25px;}



/*=====================================
           mizkhedmat Boxes
=======================================*/

#mizkhedmat:before                           { opacity: 0.5;content:'';background: url('../images/app-back.png');background-size: 100% 100%;height: 100%;width: 100%;position: absolute;top: 0px;left: 0px;z-index: -1;}
#mizkhedmat:after                            { content:'';background: url('../images/mob-icon.png') no-repeat ;height: 60%;width: 50%;position: absolute;right: 30px;bottom: 0px;z-index: 0}
#mizkhedmat .mizkhedmat-inner>div                { z-index: 1;position: relative;width: 37%}
#mizkhedmat .mizkhedmat-inner>div ul             { margin:30px 0 0 0 }
#mizkhedmat .mizkhedmat-inner>div ul li          { position: relative;border-bottom:1px solid #bbb;margin-bottom: 5px;height: 50px }
#mizkhedmat .mizkhedmat-inner>div ul li:before   { top:0px;content: '';width: 46px;background: #fff;display: inline-block;height: 46px;position: absolute;border-radius: 50%; }
#mizkhedmat .mizkhedmat-inner>div ul li a        { font-family: tahoma;font-weight: bold ;font-size: 10pt;display: inline-block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; /* required for Opera */-ms-text-overflow: ellipsis; /* required for IE8, allegedly */-moz-binding: url('ellipsis.xml#ellipsis'); /* for Firefox; details here */}

#mizkhedmat .mizkhedmat-inner>div                { padding-top: 30px;}
#mizkhedmat .pad                             { position: relative;border-bottom: 1px solid #bbb;margin-bottom: 5px;height: 50px;}
.mizkhedmat-inner-left .pad                  { padding: 10px 26px 10px 0px;}
.mizkhedmat-inner-right .pad                 { padding: 10px 0px 10px 26px;}
#mizkhedmat .strapline,#mizkhedmat time          { display: none}
#mizkhedmat .imageblock                      { top: 0px;background: #fff;display: inline-block;position: absolute;border-radius: 50%;}
.mizkhedmat-inner-left .imageblock           { right:-23px;}
.mizkhedmat-inner-right .imageblock          { left:-23px;}
#mizkhedmat .imageblock,#mizkhedmat .singleimage { height: 46px!important;width:46px!important}
#mizkhedmat .singleimage img                 { height: 46px!important;width:46px!important;border-radius: 50%;}
#mizkhedmat .mizkhedmat-inner .details a         { font-family: pbo, Segoe UI, Arial, Helvetica, Sans-Serif;font-weight: bold ;font-size: 10pt;display: inline-block;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis; /* required for Opera */-ms-text-overflow: ellipsis; /* required for IE8, allegedly */-moz-binding: url('ellipsis.xml#ellipsis'); /* for Firefox; details here */}


.mizkhedmat-inner-left                       { float: left}
.mizkhedmat-inner-left li                    { padding: 10px 26px 10px 0px;}
.mizkhedmat-inner-left li:before             { right:-23px;}
.mizkhedmat-inner-right                      { float: right}
.mizkhedmat-inner-right li                   { padding: 10px 0px 10px 26px;}
.mizkhedmat-inner-right li:before            { left:-23px}
.mizkhedmat-inner-right li a                 { text-align: left}

/*=====================================
           Poster Boxes
=======================================*/
#posterbox .item                        { border: 4px solid #fff;overflow: hidden;height: 305px;width: 30%;float: left;margin:0 1.6%;border-radius:20px}
#posterbox .imageholder img             {height: 300px; width: 200px !important;  }
#posterbox .details                     {display: none;}
/*=====================================
           Grey Box
=======================================*/
.greybox                                     { background:rgba(204,204,204,0.7);height:350px;margin: 1.2rem 0.5375rem;padding: 22px 22px 0px 22px;position: relative;z-index: 0px}
.greybox h2                                  { margin: 0px;;text-align: center;position: absolute;width: 100%;top: 11px;z-index: 1; left: 0px;}
.greybox h2 a                                { display: inline-block;text-align: center;background: #fff;width: 50%;position:relative;height:30px;font-family:pbo, Segoe UI, Arial, Helvetica, Sans-Serif;font-weight: bold; border-radius: 20px;line-height: 25px;}
.greybox h2 a.green                          { color: #3c6; }
.greybox h2 a:before,.greybox h2 a:after
                                             { content: '';/*! width: 22px; */background: #fff;display: inline-block;height: 22px;position: absolute;/*! border-radius: 50%; */}
.greybox h2 a:before                         { /*! left: -11px; */}
.greybox h2 a:after                          { right: -11px;}

.greybox .greybox-inner                      { border-width: 3px 3px 0px 3px;border-radius: 40px 40px 0px 0px ;border-style: solid;border-color: #fff; height: 40px;position: relative;}
.greybox .greybox-inner>div                  { margin-top:37px;height: 260px;position: absolute;width:100%;padding: 0px 20;}
.greybox .greybox-inner>div:after            { content:'';top:0px; background: linear-gradient(white, transparent);width:3px;height: 100%;position: absolute;right: -3px}
.greybox .greybox-inner>div:before           { content:'';top:0px; background: linear-gradient(white, transparent);width:3px;height: 100%;position: absolute;left: -3px}



#top-slider{margin: 0px auto;max-width: 1110px;}
#top-slider .pag-item{text-align:center;margin-top:10px;position:absolute;bottom:10%;left:50%; display:none }
#top-slider .pag-item a{height:12px;width:12px;background:rgba(255,255,255,0.4);text-indent:-999px;display:inline-block;margin-right:4px;border-radius:50%;box-shadow:inset 0 8px 8px -10px #696868}
#top-slider .pag-item a.sel{background:url('../images/newsbox-header-back.jpg')}
#top-slider .sj-k2slickslider .arow-left{height:30px;width:30px;background:url("../images/row_left_slide.png") no-repeat scroll center center rgba(0,0,0,0.4);top:45%;left:-32px;cursor:pointer;position:absolute;transition:left 0.2s ease-in-out;z-index: 2;}
#top-slider .sj-k2slickslider .arow-left .over-row{position:absolute;height:100%;width:100%;top:0;left:4;background:#478bca;opacity:0.2;transform:scale(0);-webkit-transform:scale(0);transition:all 0.2s ease-in;}
#top-slider .sj-k2slickslider .arow-left:hover{background-color:#478bca;transition:all 0.4s ease-in;}
#top-slider .sj-k2slickslider .arow-left:hover .over-row{transform:scale(1);-webkit-transform:scale(1);transition:all 0.2s ease-in;opacity:1;background:transparent;}
#top-slider .sj-k2slickslider .arow-right{height:30px;width:30px;background:url("../images/row_right_slide.png") no-repeat scroll center center rgba(0,0,0,0.4);top:45%;right:-32px;cursor:pointer;position:absolute;transition:right 0.2s ease-in-out;z-index: 2;}
#top-slider .sj-k2slickslider .arow-right .over-row{position:absolute;height:100%;width:100%;top:0;left:0;background:#478bca;opacity:0.2;transform:scale();-webkit-transform:scale(0);transition:all 0.2s ease-in;}
#top-slider .sj-k2slickslider .arow-right:hover{background-color:#478bca;transition:all 0.4s ease-in;}
#top-slider .sj-k2slickslider .arow-right:hover .over-row{transform:scale(1);-webkit-transform:scale(1);transition:all 0.2s ease-in;opacity:1;background:transparent;}
#top-slider:hover .arow-left{left:8px;transition:left 0.2s ease-in-out;}
#top-slider:hover .arow-right{right:8px;transition:right 0.2s ease-in-out;}

.bg-black{background-image: url(../images/color-bg.jpg);}