@font-face {
    font-family: 'Hoop';
    src: url('font/hoop.eot');
    src: url('font/hoop.eot?#iefix') format('embedded-opentype'),
        url('font/hoop.woff2') format('woff2'),
        url('font/hoop.woff') format('woff'),
        url('font/hoop.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
	font-family: 'UniSansBook';
	src: url('font/Uni-Sans-Book.eot');
	src: url('font/Uni-Sans-Book.eot?#iefix') format('embedded-opentype'),
		url('font/Uni-Sans-Book.woff2') format('woff2'),
		url('font/Uni-Sans-Book.woff') format('woff'),
		url('font/Uni-Sans-Book.ttf') format('truetype'),
		url('font/Uni-Sans-Book.svg#Uni-Sans-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}






html, body {
  margin:0;
  padding:0;
  font-family:UniSansBook,Arial,sans-serif;
  font-size:15px;
  color:#4a4a4a;
  -webkit-text-size-adjust:none;
  background: #fff url(../../img/site/skin.jpg) no-repeat center center;
  background-attachment: fixed;
  background-size: cover;
}

#headerdiv {
  position:relative;
  background: #d8e3e7 url(../../img/site/topb.jpg) repeat 0 0;
}

.wrapper {
  width: expression((document.body.clientWidth > 1110)? "1110px" : "auto");
  max-width:1110px;
  margin: 0 auto;
  padding:0 20px;
  position:relative;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  background-color:#fff;
  overflow:hidden;
}

#headerdiv {
  border-bottom:1px solid #fff;
}

#solosusky {
   float:right;
   margin-top:33px;
}


.container {
  margin-right: 330px;
}
.content {
  float: left;
  width: 100%;
  position:relative;
}
.sidebar {
  float: right;
  width: 300px;
  margin-right: -330px;
}
#cleared {
  clear: both;
}


.logo {
  margin:20px 0;
  width:300px;
  height:57px;
}

.ad {
  line-height:100%;
  background-color:#e28427
}


nav ul {
  background-color:#2d88b2;
  list-style: none;                        
  text-align: center;
  text-align:center;
  border-top:1px solid #fff;
  margin:0;
  text-align:left;
  padding:0 20px;
  height:37px;
}
nav li {
  display: block;
  float:left;
  height:38px;
  border-left:1px solid #fff;
  transition: all 0.3s;
  margin: 0;
}
nav li:last-child {
  border-right:1px solid #fff;
}
nav a, nav a:link {
  display: block;
  padding: 10px 20px 9px 20px;
  color: #fff !important;
  background-color: #2d88b2;
  transition: all 0.3s;
  font-family:Hoop,Arial,sans-serif;
}
nav a:hover {
  color: #47afd3 !important;
  background-color: #fff;
  text-decoration:none;
}
nav span {
  display: block;
  text-transform:uppercase;
}



nav li.sel a, nav li.sel a:link {
  display: block;
  padding: 10px 20px 9px 20px;
  color: #fff !important;
  background-color: #47afd3;
  transition: all 0.3s;
}
nav li.sel a:hover {
  color: #fff !important;
  background-color: #47afd3;
  text-decoration:none;
}
nav li.sel span {
  display: block;
  text-transform:uppercase;
}







.artmediaitem {
  float:left;
  display:block;
  margin-right:4px;
  margin-bottom:4px;
}
.artmediaitem img {
  border:1px solid #ccc;
  width:70px;
  height:70px;
}



a, a:link, a:visited { color:#47afd3; text-decoration:none }
a:hover { color:#47afd3;text-decoration: underline }

a.nounder, a.nounder:link, a.nounder:visited { font-family:hoop;color:#ffffff; text-decoration:none }
a.nounder:hover { color:#ffffff;text-decoration: none }



.content img {
  max-width:100%;
  height:auto;
}
.openimage {
  width:100%;
  height:auto;
  min-height:20px;
}



.wrapper2 {
  margin: 0 -20px;
}
.leaderboard {
  position:relative;
  background-color:#4a4a4a;
  padding:10px 0;
  border-bottom:20px solid #231f20;
}


H1 {
  font-family:'Hoop',Arial,sans-serif;
  text-transform: uppercase;
  font-size:38px;
  color:#47afd3;
  margin:0;
  padding:0;
  line-height:100%;
  font-weight:normal;
}
h2 {
  margin:0;
  padding:0;
  font-family:'Hoop',Arial,sans-serif;
  text-transform: uppercase;
  font-size:40px;
  color:#ed1f78;
  font-weight:normal;
  text-align:center;
}

.artbody {
  line-height:180%;
  font-size:125%;
}
@media (max-width: 450px) {
  .artbody {
    font-size:16px;
  }
}



.articletit {
  padding:10px 10px;
}


div.bubblemenu {
  display: block;
  float:right;
}

div.bubblemenu a {
  display: block;
  text-decoration:none;
  margin-left:20px;
  width:90px;
  height:90px;
  border-radius:50%;
  padding:5px;
  background:#fff;
  box-shadow: 2px 2px 8px rgba(49,32,95,0.55);
  overflow:hidden

  -webkit-transition: all 100ms ease-in;
  -webkit-transform: scale(1);
  -ms-transition: all 100ms ease-in;
  -ms-transform: scale(1);
  -moz-transition: all 100ms ease-in;
  -moz-transform: scale(1);
  transition: all 100ms ease-in;
  transform: scale(1);
}
div.bubblemenu a > DIV {
  background-color:#fff;
  background-repeat:no-repeat;
  width:90px;
  height:90px;
  border-radius:50%;
  position:relative;
  overflow:hidden;
}
div.bubblemenu a > DIV > SPAN {
  position:absolute;
  background-color:rgba(49,32,95,0.55);
  background-size:cover;
  bottom:0;
  width:100%;
  text-align:center;
  color:#fff;
  text-decoration:none;
  padding:3px 0 8px 0;
  -ms-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -webkit-font-smoothing: antialiased;
}
.pgtitle, .pgtitle2 {
  color: #47afd3;
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: 'Hoop';
  padding:8px 0
}

.pgtitle {
  margin-left:-20px;
  padding-left:83px;
  background: transparent url(../../img/site/pgtitle.png) no-repeat 0 0;
}


div.bubblemenu a:hover {
  z-index: 2;
  -webkit-transition: all 100ms ease-in;
  -webkit-transform: scale(1.5);
  -ms-transition: all 100ms ease-in;
  -ms-transform: scale(1.5);
  -moz-transition: all 100ms ease-in;
  -moz-transform: scale(1.5);
  transition: all 100ms ease-in;
  transform: scale(1.15);
  background-color:yellow;
}
div.bubblemenu a:hover > DIV > SPAN {
  color:yellow;
}

.menumobile {
  display:block;
  display:none;
  background-color:rgba(0,0,0,0.55);
  width:32px;
  height:32px;
  padding:4px;
  border-radius:5px;
  position:absolute;
  top:26px;
  right:10px;
  z-index:1003;
}
.menumobile svg{
  fill: #fff;
}

.menumobileC {
  display:none;
  background-color:rgba(0,0,0,0.5);
  width:100%;
  height:100%;
  z-index:10;
  top:0;
  bottom:0;
  left:0;
  position:fixed;
  z-index:1000;
}
.menumobileC2 {
  background-color:rgba(0,0,0,0.9);
  width:60%;
  max-width:280px;
  height:100%;
  top:0;
  left:0;
  position:fixed;
  z-index:1001;
  overflow:auto;
}
.menumobileC a.mmlist {font-size:16px;text-align:left;color: #fff; display: block;padding: 15px 0;margin:0 10px 0 10px;text-transform:uppercase;text-decoration:none; border-bottom:1px solid #cfcfcf}
.menumobileC a.mmlist:hover {color: #47afd3; text-decoration:none}
.menumobileC a.mmlist:active { color: #47afd3; }

.menumobileC a:last-child {
  border-bottom:0;
}

.artph {
  margin-bottom:25px;
  background: transparent url(../../img/site/artb.png) no-repeat right bottom;
  border-bottom-right-radius: 16px;
  border-top-left-radius: 8px;
}


.wbox {
  background-color: #d6d5d5;
  padding: 15px 20px;
  line-height: 170%;
  margin-left: -20px;
}
.wboxns {
  margin-left: -20px;
  padding:0;
  margin-bottom:-3px;
}
.wboxcat {
  background-color:#2a2a2a;
  padding: 15px 20px;
  line-height: 150%;
}

.slidemax { margin:0 }
@media (max-width: 480px) {
  .slidemax {
    margin:-10px -10px 10px -10px;
    -webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0% 100%);
  }
  .slidemax .slideitemtt {
    padding-bottom:15px;
  }
}

@media (max-width: 880px) {
  .wrapper {
    padding: 0 10px;
    border-left:0;
    border-right:0;
  }
  .wrapper2 {
    margin: 0 -10px;
    border-left:0;
    border-right:0;
  }
  .pgtitle {
    margin-left: -16px;
    padding-left: 68px;
    background: transparent url(../../img/site/pgtitle2.png) no-repeat 0 0;
  }

  .openimagecr {
    display:none;
  }


  H1 {
    font-size: 30px;
  }
  H2 {
    font-size: 26px;
  }
  .wbox {
    margin-left:-10px;
    margin-right:-10px;
    padding:10px
  }
  .wboxns {
    margin-left:-10px;
    margin-right:-10px;
    padding:0;
  }
  .ad {
    margin: 0 -10px;
  }
  .videopage {
    margin-top: -26px;
  }
}


@media (max-width: 780px) {
  .menudisplay {
    display:none;
  }
  #headerdiv {
    background-image:none;
  }
  #solosusky {
     margin-top:26px;
     margin-right:60px;
  }
  .menumobile {
    display:block;
  }
}





.metainfo {
  margin-top:10px;
}
.articledate {
  color:#4a4a4a;
  font-size:80%;
  padding-left:20px;
  background: transparent url(../../img/site/clock-black.png) no-repeat center left;
  opacity:0.7;
  float:left;
  margin-right:20px;
  line-height:160%;
}
a.articlecat {
  color:#4a4a4a;
  font-size:80%;
  padding-left:20px;
  background: transparent url(../../img/site/category-black.png) no-repeat center left;
  opacity:0.7;
  float:left;
  line-height:160%;
}


.articledateW {
  color:#fff;
  font-size:80%;
  padding-left:20px;
  background: transparent url(../../img/site/clock.png) no-repeat center left;
  opacity:0.7;
  float:left;
  margin-right:20px;
  line-height:160%;
}
a.articlecatW {
  color:#fff;
  font-size:80%;
  padding-left:20px;
  background: transparent url(../../img/site/category.png) no-repeat center left;
  opacity:0.7;
  float:left;
  line-height:160%;
}




.lbbox {
  margin-top:30px;
  border:1px solid #fff;
}
.lbboxc {
  padding:15px 10px;
  display: block;
  background-color:#d6d5d5;
}
.lbboxc img {
  max-width:100%;
}

.lbtitle {
  font-size: 16px;
  background-color:#47afd3;
  padding: 4px 0;
  text-transform: uppercase;
  font-family: 'Hoop';
  color: #fff;
  border-bottom:1px solid #fff;
}

.lbtitle div {
  display:inline-block;
  padding:0 5px;
  margin-left:5px;
}






.tags {
  list-style: none;
  margin: 8px 0 0 0;
  overflow: hidden;
  padding: 0;
}

.tags li {
  float: left;
}

.tag {
  background: #47afd3;
  border-radius: 3px 0 0 3px;
  color: #f3aa1c !important;
  display: inline-block;
  height: 26px;
  line-height: 26px;
  padding: 0 20px 0 23px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.tag::before {
  background: #f3aa1c;
  border-radius: 10px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 6px;
  left: 10px;
  position: absolute;
  width: 6px;
  top: 10px;
}

.tag::after {
  background: #f3aa1c;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #47afd3;
  border-top: 13px solid transparent;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
}

.tag:hover {
  background-color: #fff;
  text-decoration:none;
}
.tag:hover::after {
   border-left-color: #fff;
}




ul.related { padding:0;display: block;background-color:#d6d5d5;margin:0; list-style: none;}
ul.related li { padding: 0;position: relative;  display:block; border-bottom: 1px solid #fff; }
ul.related li .reltextC  { display:block;padding:10px 10px }
ul.related li .reltext  { display:block;height:65px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
ul.related li img { float: left; margin-right:10px; width:85px; height:85px; }
ul.related li a .reltbb, ul.related li a:link .reltb, ul.related li a:hover .reltb, ul.related li a:visited .reltb { text-decoration:none !important;color:#4a4a4a !important }
ul.related li:last-child { border-bottom: 0 }

ul.related li .reltext  { color:#4a4a4a }

.catlistbkg {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    background-color: ##f3aa1c;
    margin-bottom: 40px;
}



ul.prog { padding:0;display: block;margin:0; list-style: none;margin:-10px 10px 10px;}
ul.prog li { padding: 0;position: relative;  display:block; margin:5px 0 25px 0 }
ul.prog li .cardcat  { font-size:22px; font-family: 'Hoop',Arial,sans-serif;  }
ul.prog li img { display:block; width:100% }
ul.prog li .botff { padding: 18px 10px 4px 10px }
ul.prog li a .reltbb, ul.prog li a:link .reltb, ul.prog li a:hover .reltb { text-decoration:none !important; }
ul.prog li:hover .cardcat{ color:#47afd3 }
.cardcat.progtthp  { font-size:20px; font-family: 'Hoop',Arial,sans-serif; color: #f2f2f2; }


.indexpad {
  position:relative;
}

.carddiv {
  margin-bottom:20px;
  padding-right:10px;
  width:50%;
  float:left;
  box-sizing: border-box;
}
.carddiv:nth-child(2n+3) { padding-left:0; padding-right:10px; }
.carddiv:nth-child(2n+2) { padding-left:10px; padding-right:0; }


.carddiv img, .carddiv3 img, .carddiv3b img {
  width:100%;
  height:auto;
  display:block;
  border-bottom:1px solid #fff;
}

.card {
  background-color: #47afd3;
  border-radius:10px;
  overflow:hidden;
}
.carddiv3hp .card .indextitle, .cardtitle {
  padding: 2px 8px;
}


.carddiv3, .carddiv3b {
  margin-bottom:20px;
  padding-right:10px;
  width:33%;
  width:33.3333%;
  float:left;
  box-sizing: border-box;
}
.carddiv3:nth-child(3n+3) { padding-left:10px; padding-right:0; }
.carddiv3:nth-child(3n+2) { padding-left:5px; padding-right:5px; }
.carddiv3:nth-child(3n+4) { padding-left:0; padding-right:10px; }
.carddiv3b:nth-child(3n+3) { padding-left:10px; padding-right:0; }
.carddiv3b:nth-child(3n+2) { padding-left:5px; padding-right:5px; }
.carddiv3b:nth-child(3n+4) { padding-left:0; padding-right:10px; }

.cardcat {color:#fff;display:block;padding:8px 0 0 0; text-transform:uppercase; font-size:11px; font-family: Arial,sans-serif; }


@media (max-width: 550px) {
  .carddiv3 {
    width:50%;
  }
  .carddiv3:nth-child(2n+3) { padding-left:0; padding-right:10px; }
  .carddiv3:nth-child(2n+2) { padding-left:10px; padding-right:0; }
  
  .carddiv3b {
    width:50%;
  }
  .carddiv3b:nth-child(2n+3) { padding-left:0; padding-right:10px; }
  .carddiv3b:nth-child(2n+2) { padding-left:10px; padding-right:0; }
}
@media (max-width: 380px) {
  .carddiv3 {
    width:100%;
  }
  .carddiv3:nth-child(2n+3) { padding-left:0; padding-right:0; }
  .carddiv3:nth-child(2n+2) { padding-left:0; padding-right:0; }
}


.card {
  transition: 0.3s;
  display:block;
}
.card .indextitle, .cardtitle {
  padding: 2px 8px;
  display:block;
  height: 82px;
  overflow:hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  font-size:120%;
}
.card .indexdate {
  display:block;
  padding: 2px 8px;
  height:30px;
  color:#fff;
}
.card img {
  display:block;
}

@media (max-width: 450px) {
  .carddiv {
    margin-bottom:20px;
    padding-right:0;
    width:100%;
    float:none;
  }
  .carddiv:nth-child(2n+3) { padding-left:0; padding-right:0; }
  .carddiv:nth-child(2n+2) { padding-left:0; padding-right:0; }
}
.h1op {
  display:none;
}



.tagcloud { text-align:center;line-height:200%;text-transform:lowercase; }
.tagcloud-1,a.tagcloud-1,a.tagcloud-1:link,a.tagcloud-1:active,a.tagcloud-1:visited,a.tagcloud-1:hover{font-size:80%}
.tagcloud-2,a.tagcloud-2,a.tagcloud-2:link,a.tagcloud-2:active,a.tagcloud-2:visited,a.tagcloud-2:hover{font-size:100%;color:#4e6695}
.tagcloud-3,a.tagcloud-3,a.tagcloud-3:link,a.tagcloud-3:active,a.tagcloud-3:visited,a.tagcloud-3:hover{font-size:120%;color:#745573}
.tagcloud-4,a.tagcloud-4,a.tagcloud-4:link,a.tagcloud-4:active,a.tagcloud-4:visited,a.tagcloud-4:hover{font-size:140%;color:#9b4352}

.playimg {
  position: relative;
}
.playimg:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: url(../../img/site/play-icon.png) no-repeat center center;
}


.pagination {
  clear:both;
  font-size:18px;
  margin:0 10px;
  padding-top:20px;
  line-height:20px;
  display:block;
  text-align:center;
}

.pagination .disabled {
  color: #434343;
  padding:5px;
  background-color:#cfcfcf;
  border-radius:10px;
  display:inline-block;
  display:none;
  margin:0 3px;
  width:20px;
  height:20px;
  text-align:center;
}
.pagination .current {
  padding:5px;
  background-color:#47afd3;
  border-radius:10px;
  color: #fff;
  margin:0 3px;
  width:20px;
  height:20px;
  display:inline-block;
  text-align:center;
}

.pagination a,.pagination a:visited, .pagination a:link {
  padding:5px;
  background-color:#d8e3e7;
  border-radius:10px;
  color: #47afd3;
  margin:0 3px;
  width:20px;
  height:20px;
  display:inline-block;
  text-decoration:none;
  text-align:center;
}
.pagination a,.pagination a:hover, .pagination a:active {

}

.videopage H1 { margin-top:20px }

.videopage .metainfo {
  padding-bottom:40px;
}

ul.related .imgthumb {
  float:left
  position: relative;

}
ul.related .imgthumb:before {
  content: '';
  width:80px;
  height:80px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(../../img/site/play-icon-sm.png) no-repeat center center;
}

.gallerypage .pgtitle {
  margin-bottom:0;
}
.gallerypage .metainfo {
  margin-top:0;
  padding-bottom:20px;
}

.gallerypage figure {
  width:25%;
  float:left;
  margin:0;
  padding:0;
  display:inline;
}
.gallerypage figure a {
  display:block;
  margin:5px;
}
.gallerypage figure img {
  width:100%;
  height:auto;
  border:1px solid #ccc;
}
@media (max-width: 450px) {
  .gallerypage figure {
    width:33%;
    width:33.333333%;
  }
}



.artbody img[align="left"],
.artbody img[style*="float: left"],
.artbody img[style*="float:left"]{
    margin: 3px 15px 3px 0;
    max-width:50%;
}
.artbody img[align="right"],
.artbody img[style*="float: right"],
.artbody img[style*="float:right"]{
    margin: 3px 0 3px 15px;
    max-width:50%;
}

@media (max-width: 450px) {
  .artbody img[align="left"],
  .artbody img[style*="float: left"],
  .artbody img[style*="float:left"],
  .artbody img[align="right"],
  .artbody img[style*="float: right"],
  .artbody img[style*="float:right"]{
    float: none !important;
    width: 100%;
    max-width:100%;
    height: auto;
    display: block;

  }
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 0 5px 0;
  overflow:hidden;
  border-bottom:1px solid #fff;
}
@media (max-width: 880px) {
  .rslides {
    margin-top:-20px;
  }
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  background-color:#2d88b2;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  max-width: 100%;
  width:60%;
  border: 0;
  float:left;
}


.dslider_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../../img/site/slider.png) no-repeat left top;
  margin-top: -45px;
}





.rslides2 {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow:hidden;
}
.rslides2 li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides2 li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides2 img {
  display: block;
  height: auto;
  width: 100%;
  height:auto;
  border: 0;
  float:left;
}
.rslides2 > div {
  position:relative;
  display:block;
}
.botff {
  position:absolute;
  bottom:0;
  display:block;
  padding:5px 10px 50px 10px;
  background-color:rgba(211, 33, 39, 0.77);
  text-align:center;
  color:#fff;
  width:102%;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Hoop',Arial,sans-serif;
  box-sizing:border-box;
  transform: rotate(-4deg);
  margin: 0 -20px -40px 0;
}
.botff > span {
  transform: rotate(4deg);
}




.dslider_nav:active {
  opacity: 0.6;
}
.dslider_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}
.dslider_nav.prev {
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}

.dslider_nav:focus {
  outline: none;
}
.dslider_tabs {
  padding:0;
  list-style: none;
  margin: -30px auto 0 auto;
  text-align: center;
  z-index: 60;
  position: absolute;
  left: 0;
  right: 0;
}

.dslider_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
}

.dslider_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
}

.dslider_here a{
  background: #fff;
  background: rgba(255,255,255, .8);
}

.slideitem {
  width: 40%;
  position: absolute;
  right: 0;
  height:100%;
  top:0
}
.slideitem td {
  padding: 5% 10% 5% 3%;
  text-align:left;
}


.slideitem, .slideitem a, .slideitem a:hover {
  font-family:'Hoop',Arial,sans-serif;
  color:#47afd3;
}


.slideitemtt {
  text-transform: uppercase;
  font-size:40px;
  color:#47afd3;
  font-family:'Hoop',Arial,sans-serif;
  padding-left:10px;
}
.slideitemsub{
  font-size:20px;
  font-family:'UniSans',Arial,sans-serif;
  color:#045175;
  padding-left:10px;
  padding-top:10px;
  border-top: 1px solid #fff;
    margin-top: 8px;
}


@media (max-width: 860px) {
  .slideitemtt {
    font-size:30px;
  }
  .slideitemsub {
    font-size:18px;
    border-top: 0;
    margin-top: 0;
  }
}

@media (max-width: 660px) {
  .slideitemtt {
    padding-left:0;
    font-size:20px;
  }
  .slideitemsub {
    padding-left:0;
    font-size:16px;
  }
  .slideitem {
    width: auto;
    position: relative;
    display:block;
  }
  .slideitem td {
    border-top:1px solid #fff;
    padding: 5px 10px;
    text-align:center;
  }
  .slideitem td  {
    height:97px;
  }
  .slideitem td > span {
    max-height:97px;
    display:block;
    overflow:hidden;
  }
  .rslides img {
    width: 100%;
    -webkit-clip-path: none;
    clip-path: none;
    margin-bottom:0;
  }
}



#nogrid img {
  display:block;
}
#nogrid .imgdivpre {
  width: 48%;
  display:block;
  float:left;
  padding-right:20px
}
#nogrid .imgdivsi {
  clear:both;
  display:block;
}
@media screen and (max-width: 480px) {
  #nogrid .imgdivpre {
    width: 100%;
    display:inline;
    float:none;
    padding-right:0
  }
  #nogrid .imgdivsi {
    clear:both;
    display:inline;
  }
}


@media all and (max-width: 1000px) {
  .logo {
    margin:20px 0;
    width:254px;
    height:47px;
  }
}
@media all and (max-width: 600px) {
  .menumobile {
    top: 12px !important;
  }
  #solosusky {
     margin-top:16px;
     margin-right:60px;
     margin-left:20px;
  }
  #solosusky img {
     height:32px;
     width:71px;
  }
  .logo {
    margin:15px 0;
    width:164px;
    height:31px;
  }
}


@media screen and (max-width: 480px){
	#grid2[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}

@media screen and (min-width: 600px) {
	#grid2[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}



@media screen and (max-width: 480px){
	#grid2[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}

@media screen and (min-width: 481px) {
	#grid2[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}



@media screen and (max-width: 480px){
	#grid[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#grid[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}
@media screen and (min-width: 769px) {
	#grid[data-columns]::before {
		content: '3 .column.size-1of3';
	}
}
.column { float: left;  }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }
.pregrid { position:relative; margin: 0 -10px; }


.playimg2 {
  position: relative;
}
.playimg2:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: url(../../img/site/play-icon-sm.png) no-repeat center center;
}

.hpbox3 {
  margin: 0 10px 30px 10px;
}
.box3tt {
  color:#fff;
  padding:3px 5px;
  font-size:110%;
  text-align:center;
  font-weight:bold;
  text-transform:uppercase;
}

.hpbox {
  background-color:#292727;
  min-height:150px;
  padding:10px;
  font-size:130%;
  line-height:150%;
  margin-bottom: 30px;
}
.hpbox img {
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
  margin-top:-15px;
  display:block;
  float:left;
  margin-right:15px;
     width:180px;
     height:180px;
}
.hpbox .ttdiv { color:#47afd3 }
.hpbox .ttdiv span { color:#fff }

@media screen and (max-width: 560px){
  .hpbox {
    padding:5px 10pxpx;
    min-height:100px;
    font-size:120%;
  }
  .hpbox img {
     width:120px;
     height:120px;
  }
}



.hpbox2 {
  box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
  margin: 0 0 35px 0 ;
}


.hpgallery {
  margin: 20px 0 45px 0;
  background-color:#ccc;
  background-position: center center;
  background-size:cover;
}
.jcarousel li {
  position:relative;
}
.hpgallery .label {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:10;
  background-color:rgba(0,0,0,0.6);
  padding:5px;
  color:#fff;
  text-align:center;
}
.hpgallery svg {
  display:block;
}

H2.hpt {
  font-family: 'Hoop',Arial,sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 100%;
  font-weight: normal;
  display:block;
  text-align:center;
  margin:5px 0;
}
.pregrid H2.hpt {
  margin-bottom:25px;
}







#footer {
  position:relative;
  background-color:#d8e3e7;
}
.footergroup { padding:30px 10px 20px 10px; }
.footergroup td { margin:0; height:80px; font-size: 11px; color:#47afd3; border-right:1px solid #47afd3; padding:0 7px; }
.footerlogo { display:block; width: 142px; height:22px; background: transparent url(../../img/site/deagostini.png) no-repeat 0 0; }
.footergroup a, .footergroup a:link, .footergroup a:visited, .footergroup a:hover, .footergroup a:active { color: #47afd3; text-decoration:none; }
.footergroup td ul { list-style-type: none; padding:0; margin:0; }
.footercopy { padding:12px 20px 12px 20px; font-size: 12px; color:#fff; background-color:#47afd3 }
.footercopy a, .footercopy a:link, .footercopy a:visited { color: #fff; text-decoration:none; }
.footercopy a:hover, .footercopy a:active { color: #f3aa1c; text-decoration:none;  }

.datisocietari {  clear:both; color:#fff; padding-top:20px; padding-bottom:20px; background-color:#47afd3; font-size:10px }


@media all and (max-width: 780px) {
  .footergroup {
    display:none
  }
  .footercopy {
    padding: 12px 10px 0  10px;
  }
  #footercopyl {
    background: transparent url(../../img/site/deagostiniw.png) no-repeat 0 0;
    padding-top:32px;
    float: left !important;
    margin: 20px 0 10px 0 !important;
  }
  #footerlink {
    clear: both;
    float: left !important;
    margin: 0 0 10px 0 !important;
    color:#bebebe;
  }
}




.optleftimg {
  float:left;
  max-width:50% !important;
  margin-right:10px;
}
@media all and (max-width: 400px) {
  .optleftimg {
    display: none;
  }
}

.suplogo {
  text-align:center;
  background-size: cover;
  background-position:center center;
  background-image:url(../../img/site/bk.jpg);
  background-repeat: no-repeat;
  padding:10px;
}


.videolist {
  float:left;
  width:45%;
  margin-bottom:11px;
}
.videolist span {
  display: block;
  max-height: 56px;
  overflow: hidden;
}
.videobig {
  width:55%;
  float:left;
}
.videobig img {
  width:100%;
}

.videobig span {
  padding-top: 5px;
  display: block;
}
.videobig .videolistimg, .videobig span {
  margin-right:20px;
}

.videoplaytime {
  position:absolute;
  bottom:1px;
  right:0;
  padding:3px 6px;
  background-color:rgba(0,0,0,0.6);
  padding:5px;
  color:#fff;
  font-size:70%;
}
.carddiv .videoplaytime {
  bottom:4px;
}

.videolist .videolistimg {
  float:left;
  width:33%;
  width:33.333333%;
  position:relative;
  margin-right:10px;
}



@media all and (max-width: 500px) {
  .videolist {
    float:none;
    width:100%;
    max-width:100%;
    padding-top:11px;
    clear:both;
  }
  .videobig {
    width:100%;
    float:left;
  }
  .videobig span {
    padding-bottom: 9px;
  }
  .videobig .videolistimg, .videobig span {
    margin-right:0;
  }
}


ul.catlist { padding:0;display: block;background-color:#d6d5d5;margin:0; list-style: none;}
ul.catlist li { padding: 0;position: relative;  display:block; border-bottom: 1px solid #fff; }
ul.catlist li .reltextC  { display:block;padding:10px 10px }
ul.catlist li .reltext  { display:block;height:16px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
ul.catlist li img { float: left; margin-right:10px; width:85px; height:35px;  }
ul.catlist li a .catlist, ul.catlist li a:link .reltb, ul.catlist li a:hover .reltb { text-decoration:none !important;color:#000 }
ul.catlist li:last-child { border-bottom: 0 }
ul.catlist .shadow { width:85px; z-index: 4; }
ul.catlist .shadow { width:100%; }
ul.catlist a.nounder { color:#4a4a4a; fint-weight:normal }


.ptimg img {  display:block;float: none; margin-right:0; width:300px; height:150px; -webkit-clip-path: unset; clip-path: unset; }
.ptimg {
  border-bottom:1px solid #fff;
  height: 150px;
  overflow:hidden;
  background-color:#e28427;
  overflow:hidden
}
@media all and (max-width: 880px) {
  .ptimg img, ul.primetime li.ptfst img {
    -webkit-clip-path: circle(105.2% at 16% 45%);
    clip-path: circle(105.2% at 16% 45%);
  }
}


.square {
  position: relative;
  margin:0;
  padding:0;
  border:1px solid #fff;
  overflow:hidden;
}
.square:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.square-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.div169 {
  position: relative;
  margin:0;
  padding:0;
  border:1px solid #fff;
  overflow:hidden;
}
.div169:before {
	content: "";
	display: block;
  padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
}
.div169-content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.btn {
    border-radius: 50px;
    color: #fff !important;
    overflow: hidden;
    background: #47afd3;
    margin-top: 20px;
    right: 15px;
    bottom: 15px;
    font-size: 12px;
    padding: 8px 20px;
}






.atbsearch *:focus {
    outline: none;
}
.atbsearch .search {
  background: none repeat scroll 0 0 #fff;
  border: 0 none;
  float: left;
  font-size: 12px;
  height: 40px;
  margin: 0;
  padding: 10px;
  width: 100%;
  box-sizing:border-box;
}
.atbsearch button {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAMFBMVEUAAAD///////////////////////////////////////////////////////////87TQQwAAAAD3RSTlMAzxDvv4BAMCBwUN+vn2CnIjmlAAAAeElEQVQI12PACTpDF0BZuv//f4awmeR/u/z/B2by/p/AoPM/AcTs/wkk/AVAzPkbgET9DxAz3gFIMH9DY67/BFfA/AdIyIO1cf13Zyj8LwQ2+P1/4///PyqAmGzy/z/KQ4U50hoUwcJQh/wPgDlU8XMBjMkUjuwDAN9EKZf9JNjGAAAAAElFTkSuQmCC) no-repeat scroll center center #47afd3;
  cursor: pointer;
  height: 40px;
  text-indent: -99999em;
  transition: background 0.3s ease-in-out 0s;
  width: 40px;
  border: 2px solid #fff;
  box-sizing:border-box;
}