.c-button,
.c-menu__close {
    -moz-appearance: none;
    appearance: none;
    border-radius: none;
    -webkit-appearance: none;
    font-size: 14px;
    box-shadow: none
}
.bottom-margin{
    margin-bottom: 9px;
    margin-top: 0px;
    width: 98.8%;
}
.c-button:focus,
.c-menu__close:focus {
    outline: 0
}

#carbonads,
.c-mask,
.c-menu {
    position: fixed
}

 

*,
::after,
::before {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

body,
html {
    margin: 0;
    padding: 0;
    height: 100%
}

body {
    color: #474D54;
    background-color: #fafafa;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Helvetica, Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.8
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3b3b3b;
    font-weight: 700;
    line-height: 1.2
}

a {
    color: #02a7e0 ;
    text-decoration: none
}
a {
  font-weight:normal;
}
a:hover,
a:focus,
a:active {
    color:  #0084b2;
    cursor: pointer;
    text-decoration: none
}
a:hover:after,
a:focus:after,
a:active:after {
  width: 100%;
}


b,
strong {
    font-weight: 700;
	color: #02a7e0;
}

img {
    max-width: 100%;
    height: auto
}

.o-wrapper {
    transition: transform .3s
}

.c-menu,
.o-wrapper {
    -webkit-transition: -webkit-transform .3s
}

.o-container {
    margin: 0 auto;
    padding: 0 12px;
    max-width: 960px
}
.accordion dt.open .on-air-mobile{color:#02a7e0 !important;}
.on-air-mobile{color:#6f6f6f !important}
@media all and (min-width:480px) {
    .o-container {
        padding: 0 24px
    }
}

@media all and (min-width:720px) {
    .o-container {
        padding: 0 48px
    }
}

.o-header {
    margin: 0;
    padding: 0
}

.o-header-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #67b5d1
}

.o-header-nav__link {
    padding: 12px;
    color: #fff
}

.o-header-nav__link:hover {
    color: #fff;
    background-color: #3184a1
}

.o-header__title {
    margin: 24px;
    padding: 0;
    color: #818181;
    font-size: 28px;
    font-weight: 300;
    text-align: center
}

@media all and (min-width:480px) {
    .o-header__title {
        margin: 36px;
        font-size: 42px
    }
}

.o-sub-nav {
    margin: 0 0 24px;
    padding: 0
}

.o-sub-nav__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.o-sub-nav__item {
    margin: 0;
    padding: 4px
}

.o-sub-nav__link {
    display: block;
    margin: 0;
    padding: 4px 24px;
    border: 2px solid #67b5d1
}

.o-sub-nav__item.active .o-sub-nav__link,
.o-sub-nav__link:hover {
    color: #fff;
    background-color: #67b5d1
}

.o-footer {
    padding: 12px 0;
    text-align: center
}

@media all and (min-width:480px) {
    .o-footer {
        padding: 24px 0
    }
}

@media all and (min-width:720px) {
    .o-sub-nav {
        margin: 0 0 48px
    }
    .o-footer {
        padding: 48px 0
    }
}

.c-menu {
    z-index: 200;
    background-color: #fff;
    transition: transform .3s
}

.c-menu__items {
    list-style: none;
    margin: 0;
    padding: 0
}

.c-menu--push-left,
.c-menu--push-right,
.c-menu--slide-left,
.c-menu--slide-right {
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

@media all and (min-width:320px) {
    .c-menu--push-left,
    .c-menu--push-right,
    .c-menu--slide-left,
    .c-menu--slide-right {
        width: 300px
    }
}

.c-menu--push-left .c-menu__item,
.c-menu--push-right .c-menu__item,
.c-menu--slide-left .c-menu__item,
.c-menu--slide-right .c-menu__item {
    display: block;
    text-align: center;
        border-top: solid 1px #ccc;
    /*border-bottom: solid 1px #3184a1*/
}

.c-menu--push-left .c-menu__item:first-child,
.c-menu--push-right .c-menu__item:first-child,
.c-menu--slide-left .c-menu__item:first-child,
.c-menu--slide-right .c-menu__item:first-child {
    border-top: none
}

.c-menu--push-left .c-menu__item:last-child,
.c-menu--push-right .c-menu__item:last-child,
.c-menu--slide-left .c-menu__item:last-child,
.c-menu--slide-right .c-menu__item:last-child {
    border-bottom: none
}

.c-menu--push-left .c-menu__link,
.c-menu--push-right .c-menu__link,
.c-menu--slide-left .c-menu__link,
.c-menu--slide-right .c-menu__link {
    display: block;
        padding: 15px 70px;
    color: #777
}

.c-menu--push-left .c-menu__close,
.c-menu--push-right .c-menu__close,
.c-menu--slide-left .c-menu__close,
.c-menu--slide-right .c-menu__close {
    /*display: block;*/
    display: none;
       padding: 20px 24px;
    width: 100%
}

.c-menu--push-left,
.c-menu--slide-left {
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media all and (min-width:320px) {
    .c-menu--push-left,
    .c-menu--slide-left {
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px)
    }
}

.c-menu--push-left.is-active,
.c-menu--slide-left.is-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-menu--push-right,
.c-menu--slide-right {
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

@media all and (min-width:320px) {
    .c-menu--push-right,
    .c-menu--slide-right {
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px)
    }
}

.c-menu--push-right.is-active,
.c-menu--slide-right.is-active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.c-menu--push-bottom,
.c-menu--push-top,
.c-menu--slide-bottom,
.c-menu--slide-top {
    vertical-align: middle;
    width: 100%;
    height: 60px;
    text-align: center;
    overflow-x: scroll
}

.c-mask,
body.has-active-menu {
    overflow: hidden
}

.c-menu--push-bottom .c-menu__items,
.c-menu--push-top .c-menu__items,
.c-menu--slide-bottom .c-menu__items,
.c-menu--slide-top .c-menu__items {
    display: inline-block;
    text-align: center
}

.c-menu--push-bottom .c-menu__item,
.c-menu--push-top .c-menu__item,
.c-menu--slide-bottom .c-menu__item,
.c-menu--slide-top .c-menu__item {
    display: inline-block;
    line-height: 60px
}

.c-menu--push-bottom .c-menu__link,
.c-menu--push-top .c-menu__link,
.c-menu--slide-bottom .c-menu__link,
.c-menu--slide-top .c-menu__link {
    display: block;
    padding: 0 4px;
    color: #fff
}

.c-menu--push-bottom .c-menu__close,
.c-menu--push-top .c-menu__close,
.c-menu--slide-bottom .c-menu__close,
.c-menu--slide-top .c-menu__close {
    display: inline-block;
    margin-right: 12px;
    padding: 0 24px;
    height: 60px;
    line-height: 60px
}

.c-menu--push-top,
.c-menu--slide-top {
    top: 0;
    left: 0;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px)
}

.c-menu--push-top.is-active,
.c-menu--slide-top.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.c-menu--push-bottom,
.c-menu--slide-bottom {
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px)
}

.c-menu--push-bottom.is-active,
.c-menu--slide-bottom.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.o-wrapper.has-push-left {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

@media all and (min-width:320px) {
    .o-wrapper.has-push-left {
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px)
    }
}

.o-wrapper.has-push-right {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media all and (min-width:320px) {
    .o-wrapper.has-push-right {
        -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transform: translateX(-300px)
    }
}

.o-wrapper.has-push-top {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px)
}

.o-wrapper.has-push-bottom {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px)
}

.c-menu__close {
    color: #fff;
    background-color: #595959;
    border: none;
    cursor: pointer
}

.c-mask {
    z-index: 100;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .3s, width 0s .3s, height 0s .3s;
    transition: opacity .3s, width 0s .3s, height 0s .3s
}

.c-mask.is-active {
    width: 100%;
    height: 100%;
    opacity: .7;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-buttons {
    margin-bottom: 48px;
    text-align: center
}

.c-button {
    display: none;
    margin: 4px;
    padding: 12px 24px;
    color: #67b5d1;
    background: 0 0;
    border: 2px solid #67b5d1;
    cursor: pointer
}

.carbon-img,
.carbon-wrap {
    display: block;
    margin: 0 0 4px
}

.c-button:disabled {
    opacity: .3;
    cursor: not-allowed
}

#carbonads {
    bottom: 12px;
    right: 12px;
    z-index: 1000;
    padding: 24px 12px 12px;
    width: 154px;
    background-color: #fff;
    line-height: 1.1;
    border: 1px solid #e7e7e7
}

.carbon-img {
    padding: 0;
    width: 130px;
    height: 100px
}

.carbon-text {
    color: #818181;
    font-size: 12px
}

.carbon-poweredby {
    font-size: 10px
}

.carbonad__close {
    display: block;
    position: absolute;
    top: 0;
    left: 12px;
    height: 24px;
    font-size: 11px;
    line-height: 24px
}

@media all and (max-width:660px) {
    #carbonads {
        display: none
    }
}

.responsive-btn {
    display: none
}

@media only screen and (min-width:260px) and (max-width: 991px) {
    .responsive-btn {
        display: block !important
    }
    .main-nav {
        display: none !important;
    }
	.sb-search {
        margin-top: -50px;
    left: 0px;
    position: absolute;
}
/* 	.desktop-search{
		display: none !important;
	} */
    
    .discovery-logo-mobile{width: 175px;}
	 
}
@media only screen and (max-width: 1200px) and (min-width: 1192px){
    .main-nav-list, .sf-menu{
        margin: 18px -112px 0 15px !important;
        }
    }
@media only screen and (min-width:991px) and (max-width: 1200px) {
    .main-nav-list > li > a, .sf-menu > li > a{
        padding: 12px 20px 23px;
        font-size: 13px;
    }
    .main-nav-list, .sf-menu{
        margin: 18px 25px 0 15px;
    }
}
@media only screen and (min-width:1025px) and (max-width: 1191px) {
    .top-menu-ul {
    /*margin-top: -42px !important;*/
}

.main-nav-list, .sf-menu
{
    /*margin: -11px;*/
    margin: -100px;
}
.discovery-logo{
    width: 150px
}

}
@media only screen and (min-width:768px) and (max-width: 991px) {
    .main-header,
    .sticky-header {
        padding: 35px 0px 20px 58px;
       padding-left: 0;
	       max-height: 130px;
    }
	#bg_pattern{display:none;}
}
@media only screen and (min-width:260px) and (max-width: 767px) {
     .bottom-margin{
        margin-bottom: 9px;
        margin-top: 9px;
        width: 100%;
    }
    .discovery-logo-mobile {
        float: left;
        /* margin-left: -18%; */
        margin-top: 0px;
        width: 150px;
    }
	.element-item h4 {font-size:13px!important;    padding: 5px 0px;}
	h3.ribbon_blue, h3.ribbon_green, h3.ribbon_red, h3.ribbon_yellow {
    font-size: 10px;
}
    .main-header,
    .sticky-header {
              padding: 37px 0px 20px 0px;
        /* padding-left: 20%; */
    }
	.main-header, .sticky-header {
    height: 77px;
}
    .discovery-logo-mobile {
        margin-top: -7px;
    } 
    .discovery-menu-icon {
      /*   margin: -7px !important; */
        margin-right: 3% !important;
		margin-top: -35px!important;
    }
    .squarebrackets {
        font-size: 30px;
        width: 270px;
        line-height: 24px;
    }
    .squarebrackets-span {
        font-size: 15px;
    }
    .squarebrackets:after {
        border-right: 10px solid #fff;
        border-top: 10px solid #fff;
        border-bottom: 10px solid #fff;
        right: 20px;
        top: -25px;
        bottom: -10px;
    }
    .squarebrackets:before {
        border-left: 10px solid #fff;
        border-top: 10px solid #fff;
        border-bottom: 10px solid #fff;
        left: 20px;
        top: -25px;
        bottom: -10px;
    }
    .video-overlay-title {
        font-size: 16px;
        line-height: 21px;
        padding-top: 5px;
        width: 100%;
        text-align: center;
    }
    .cell {
        display: block;
        margin: 50px 0px;
    }
	.table-margin {
    margin-bottom: -379px !important
	}
	
	.mobile-search{
		margin-top: -10px !important;
		margin-right: -25px !important;
	}
	.sb-search.sb-search-open, .no-js .sb-search{width: 100%;}
}


@media only screen and (min-width:260px) and (max-width: 767px) and (orientation: landscape) {
    .discovery-logo-mobile {
       /*  margin-left: -5%; */
    }
	.table-margin {
    margin-bottom: -35px !important;
	}
	.block-shows-responsive{
        width: 50% !important;
        float: left; }
}
@media only screen and (min-width:768px) and (max-width: 992px) and (orientation: landscape) {
    .block-shows-responsive{
        width: 33.33% !important;
        float: left; }
        
        
    
}
@media only screen and (min-width:472px) and (max-width: 600px)  {
     .video-responsive-md{
        width: 100% !important;
        float: left;overflow: hidden;
        left: 16%;
 } 
}
@media only screen and (min-width:220px) and (max-width: 410px)  {
     .video-responsive-md{
        width: 100% !important;
        float: left;overflow: hidden;
        left: 3%;
 } 
 
}
@media only screen and (min-width:411px) and (max-width: 471px)  {
     .video-responsive-md{
        width: 100% !important;
        float: left;overflow: hidden;
        left: 9%;
 } 
}
@media only screen and (min-width:601px) and (max-width: 767px)  {
     .video-responsive-md{
        width: 50% !important;
        float: left; 
 } 
}

@media only screen and (min-width:400px) and (max-width: 767px)  {
     .canvas-responsive{
        width: 50% !important;
        float: left; } 
}
@media only screen and (min-width:768px) and (max-width: 856px)  {
     .menu-discovery1 {
        margin-top: -35px;
    }
}
@media only screen and (min-width:857px) and (max-width: 991px)  {
     .menu-discovery1 {
        margin-top: -20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .discovery-logo-mobile {
        float: left;
        margin-left: -7%;
        margin-bottom: 3%;
        margin-top: 0px;
        width: 170px;
    }
    .ovrflwX-hidden {
    overflow-x: hidden;
    height: 100%;
    overflow-y: scroll; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
}

 
.table-margin {
    margin-bottom: 6px;
}

.img-responsive {
    width: 100%;
}

.discovery-menu-icon {
    display: block !important;
    margin: 0px;
    /* margin-right: 10%; */
    float: right;
}
.discovery-menu-img{width: 40px;/*     margin: 0px 25px; */}

/*index responsive style*/

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    /*	MENU */
    .discovery-logo {
        width: 14% !important;
        height: 50px;
        margin-left: -40px;
    }
    .main-nav-list,
    .sf-menu {
        padding-left: 0px;
        margin-left: 0px;
    }
    .sb-search.sb-search-open,
    .no-js .sb-search {
          width: 100%;
    }
    .main-header .main-nav,
    .sticky-header .main-nav {
        width: 100%;
        padding: 0 0px;
    }
    .mr22 {
        margin-right: 22px;
    }
    .sb-icon-search,
    .sb-search-submit {
        /* right: -25px; */
    }
    /*	MENU */
    /*	SLIDER */
    .content-overlay {
        padding-bottom: 0%;
        padding-top: 0%;
        overflow: hidden;
    }
    /*.mb-mt-0{margin:0px !important}*/
    .table-margin {
        margin-bottom: 50px !important;
    }
    
    .main-header, .sticky-header{
        /*margin-left: 5%;*/
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .cell {
        display: block !important;
        vertical-align: baseline !important;
        margin-top: 35px !important;
    }
    .table-margin {
        margin-bottom: -520px;
    }
    .block-shows-responsive {
        width: 50%;
        float: left;
    }
	.overlay {
    height: 82%;
}
    .main-header,
    .sticky-header {
        padding: 50px 0 0 0px
    }
	.mobile-search{
		margin-top: -10px !important;
		margin-right: -25px !important;
	}
    .ml10{margin-left: 10px;}
}
.discovery-menu-icon {
    margin-top: -38px!important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
 .squarebrackets {
        font-size: 40px;
        width: 400px;
    }
    .squarebrackets-span {
        font-size: 15px;
    }
    .squarebrackets:after {
        border-right: 20px solid #fff;
        border-top: 20px solid #fff;
        border-bottom: 20px solid #fff;
        right: 20px;
        top: -25px;
        bottom: -10px;
    }
    .squarebrackets:before {
        border-left: 20px solid #fff;
        border-top: 20px solid #fff;
        border-bottom: 20px solid #fff;
        left: 20px;
        top: -25px;
        bottom: -10px;
    }
    .video-overlay-title {
            font-size: 25px;
    line-height: 30px;
    padding-top: 25px;
    width: 100%;
    text-align: center;
    }
    
    .objectfit{
    object-fit: cover !important;
    object-position: 50% 50% !important;
    height: 385px !important; 
}
}


@media only screen and (max-width: 1024px) {
#my-video{ 
    visibility: hidden;
}

.responsiveSliderImage{
    background:url(../img/discovery-background-image.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    
}

.margin-0{margin-top: 0% !important;}

.featured-title{
        line-height: 0px;
    margin-bottom: 22px;
}

.menuList{color:#1e91da;}
}
@media only screen and (max-width: 1050px) and (min-width: 1040px){
     .arrow-right{margin-left:10%;}
}
@media only screen and (max-width: 1039px) and (min-width: 991px){
     .arrow-right{margin-left:10.5%;}
}
@media only screen and (max-width: 991px) and (min-width: 943px){
     .arrow-right{margin-left:10.9%;}
}
@media only screen and (max-width: 942px) and (min-width: 843px){
     .arrow-right{margin-left:11.8%;}
}
@media only screen and (max-width: 842px) and (min-width: 764px){
     .arrow-right{margin-left:12.8%;}
}
@media only screen and (max-width: 1070px) and (min-width: 944px){
     .tabs1 .tabs-list .tab23{padding: 0 0 0 7px;width: 45%;}
     .tabs1 .tabs-list .tab21{padding: 70px 0 170px 0;}
}
@media only screen and (max-width: 943px) and (min-width: 842px){
    .tabs1 .tabs-list .tab12{width:70%;}
    .tabs1 .tabs-list .tab21{padding: 100px 0 200px 0;}
    .tabs1 .tabs-list .tab23{padding: 0 0 0 7px;width: 40%;}
}
@media only screen and (max-width: 841px) and (min-width: 768px){
    .tabs1 .tabs-list .tab12{width:60%;}
    .tab12-t{font-size: 19px !important;line-height: 27px !important;}
    .tab12-p{font-size: 12px !important;line-height: 19px !important;}
    .tabs1 .tabs-list .tab23{padding: 0px 0 0 7px;width: 46%;}
    .tabs1 .tabs-list .tab22{width: 34%;}
    .tabs .tab-content p{font-size: 14px;line-height: 25px;}
    .tabs1 .tabs-list .tab21{padding: 200px 0 200px 0;}
}
@media only screen and (max-width: 767px) and (min-width: 1px){
    .tabs1 .tabs-list .tab11{min-width:100%;padding: 18px 0;}
    .accordion dt.open .tab11{color:#fff;}
    .tabs1 .tabs-list .tab21{display: none;}
    .arrow-right{display: none;}
    .tabs1 .tabs-list .tab12{width:70%;}
    .tab12-t{font-size: 15px !important;line-height: 18px !important;}
    .tab12-p{font-size: 14px !important;line-height: 18px !important;}
    .tabs1 .tabs-list .tab23{width: 100%;padding: 0 15px;}
    .tabs1 .tabs-list .tab22{width: 100%;padding: 15px;margin-left:0;}
    .tabs .tab-content p{font-size: 14px;line-height: 23px;}
    .accordion dt.open .on-air-mobile{color:#fff !important}
    .on-air-mobile{color:#6f6f6f !important}
}
@media only screen and (max-width: 480px) and (min-width: 400px){
    .tabs1 .tabs-list .tab12{width:60%;}
}
@media only screen and (max-width: 399px) and (min-width: 350px){
    .tabs1 .tabs-list .tab12{width:55%;}
}
@media only screen and (max-width: 349px) and (min-width: 1px){
    .tabs1 .tabs-list .tab12{width:50%;}
}
/*@media only screen and (max-width: 589px) and (min-width: 400px){
    .tabs1 .tabs-list .tab11{min-width:67px;font-size:17px;}
    .tabs1 .tabs-list .tab21{min-width:67px;font-size:17px; padding: 86px 0 220px 0;}
    .tabs1 .tabs-list .tab13{min-width: 48px;}
    .tabs1 .tabs-list .tab12{width:52%;}
    .tab12-t{font-size: 13px !important;line-height: 15px !important;}
    .tab12-p{font-size: 12px !important;line-height: 18px !important;}
    .tabs1 .tabs-list .tab23{padding: 0px 0 0 3px;width: 72%;}
    .tabs1 .tabs-list .tab22{width: 34%;}
    .tabs .tab-content p{font-size: 12px;line-height: 23px;}
}
@media only screen and (max-width: 399px) and (min-width: 300px){
    .tabs1 .tabs-list .tab11{min-width:47px;font-size:14px;}
    .tabs1 .tabs-list .tab21{min-width:47px;font-size:14px;    padding: 95px 0 200px 0;}
    .tabs1 .tabs-list .tab13{min-width: 48px;}
    .tabs1 .tabs-list .tab12{width:45%;}
    .tab12-t{font-size: 14px !important;line-height: 12px !important;}
    .tab12-p{font-size: 12px !important;line-height: 12px !important;}
    .tabs1 .tabs-list .tab23{padding: 0px 0 0 3px;width: 72%;}
    .tabs1 .tabs-list .tab22{width: 34%;}
    .tabs .tab-content p{font-size: 12px;line-height: 18px;}
}*/




@media only screen and (max-width: 1050px) and (min-width: 791px){
    .tabs1 .tabs-list .tab111{width:48%;}
    .tabs1 .tabs-list .tab122{width:48%;}
    
}
@media only screen and (max-width: 790px) and (min-width: 630px){
    .tabs1 .tabs-list .tab111{width:48%;}
    .tabs1 .tabs-list .tab122{width:48%;}
}
@media only screen and (max-width: 630px) and (min-width: 400px){
    .tabs1 .tabs-list .tab111{width:46%;}
    .tabs1 .tabs-list .tab122{width:46%;}
    .accordion dt a{font-size: 12px !important}
    
}
.logo_s{
	    margin: 0 auto;
    display: table;
}
.search-video {
    left: 0%!important;
}
.search-block {display: table;    margin: 0 auto;}
.search-video h3{text-align: center;}
}
.wrapper h4{font-weight:100;}
@media (min-width:991px){
.element-item h4{
    position: relative;
    color: white;
	padding: 2px 0px;
	padding-left: 10px;
}
.overlay{
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
	background: rgba(0, 0, 0, 0); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)); /* Standard syntax (must be last) */
    display: block;
    z-index: 0;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}
.page-control a, .post-block .post-detail span.metas, .post-block .post-detail h4, .post-block .post-detail, .post-block .post-detail p {
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.post-block:hover .post-detail {
	   margin-top: -50px;
}
.post-block .post-detail {
    margin-top: -40px;
    position: absolute;
}
}
.default{box-shadow: 0 8px 20px -6px black;}
.accordion dt.open .fa-plus:before {
    background: #fff;
    padding: 5px;
    border-radius: 50%;
}
@media only screen and (max-width: 826px) and (min-width: 746px){
       .tabs1 .tabs-list .tab21 { padding: 200px 0 200px 0;}
}
