body{
    background-color:rgb(249,249,249);
    color:#000;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size:1em;
    line-height:1.3em; 
    font-weight:normal;
    margin:0;
        
}

a, a:visited, a:active, a:hover {
    color: #307DA8;
    text-decoration: none;
}

a:hover {
    color: #e00000;
}

.sublink-icon {
    float: left;
    border: #f3f3f3 1px solid;
    height: 60px;
    width: 100px;
    margin: 3px 15px 3px 3px;
    text-align: center;
}

.ritzy_frame{
    margin: 10px 0;
    border: 2px solid #9b9246;
    display: block;
    text-align: center;
    background-color: #000215;
    padding: 10px;
}


.ritzy_text{
    display: block;
    font-family: 'Alatsi', sans-serif;
    color: white;
    text-transform: uppercase;
    padding: 13px 10px 10px 10px;
    text-align: center;
    font-weight: normal;
    line-height:1em; 
    font-size: 29px;
    background-image: linear-gradient(to right, #696336,#938937, #696336, #696336, #696336, #696336,#696336, #696336, #938937, #696336);
}


.ritzy_small_text{
    font-family: 'Alatsi';
    font-size: 12px;
    color: #c4bf93;
    text-transform: uppercase;
    letter-spacing: 8px;
    padding: 5px 0 0 0;
    display: block;
    line-height:1.1em; 
    text-shadow: 1px 1px 7px #0000008f;
}


.link-icon {
    float: left;
    height: 60px;
    text-align: center;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 2px;
    width: 100px;
    margin: 10px;
transition: .35s;
}



.link-icon:hover {
    transform: scale(1.1);
}

.link-icon-text {
    display: block;
    margin-top: 1px;

    height: 30px;
    font-size:12px;
    text-align:center;

}

.grid-item { width: 108px; }
.grid-item--width2 { width: 200px; }


.sublink {
    display: block;
    clear: right;
    border-radius: 6px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    padding: 5px;
    border: 1px #eee solid;
    background: #fff;
    min-height: 68px;
    margin: 0 0 10px 30px; ;  
}

#header-container {
    background: #092834;
    min-height: 90px;
    z-index: 999;
    height: 0px;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

#banner {
    float: left;
    text-align: left;
    margin-bottom: -4px;
    margin-top: 0px;
}

#crumb, #daily_crumb {
    font-family: 'Oswald', sans-serif;
    padding-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 5px;
}










#logo {
    width: 90px;
    height: 90px;
}


img {
    max-width: 100%;

    border:0;
}




h1 {
    font-family: 'Oswald', sans-serif;
    color: #000;
    font-size: 24px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2em;
    font-weight: normal;



    margin: 30px 0;
    background-color: #fff;
    border-left: 33px #e00000 solid;
    padding: 5px 10px;


}


h2, h2 a, h2 a:hover {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    display: block;
    line-height: 1.2em;
    vertical-align: baseline;
    margin: 40px 0 20px 0;
    padding: 3px 9px;
    font-weight: normal;
    color: #fff;
    border-left: 8px solid #e00000;
    background-color: #092834;
}


h3, h3 a, h3 a:hover {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    margin: 20px 3px 20px 0;;
    display: block;
    clear: both;
    font-weight: normal;
    border-bottom: rgb(224, 0, 0) 2px solid;
    padding-left: 7px;
    text-transform: uppercase;
}

.left_column_topics {
    display: none;
}
#main_column, main_section, #topic_section {
    margin: 0;
    padding: 0 5px;
    overflow: hidden;
}


.top10link {
    padding: 3px 0;
    border: 1px rgba(220, 220, 220, 0.5) solid;
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    float: left;
    width: 90px;
    margin: 0 0px 20px 10px;
    height: 90px;
    text-align: center;
}
.favicon {
    height: 32px;
    width: 32px;
    margin: 8px 0;
}

.pop {
    color: #000;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    padding-left: 10px;
    display: block;
    clear: both;
    text-align: left;
}

.poplarge {
    color: #ef6b33;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    text-align: right;
    margin: 0 10px 20px 0;
    display: block;
    line-height: 1.2em;
}

.Top20city {
    font-family: 'Oswald', sans-serif;
    background-color: #E00000;
    font-size: 18px;
    color: #fff;
    padding: 5px 0px;
    text-align: center;
    display: inline-block;
    float: left;
    width: 32px;
    margin-right: 15px;
    margin-bottom: 5px;
}

.NCities a {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    color: #307DA8;
    display: block;
    margin: 0 4px;
    padding: 5px 2px;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
}

.NCities a:hover {
    color: #fff;
    background-color: #f53300;
}




.top10mag, .mag {
    padding: 5px;
    border: 1px #eee solid;
    background: #fff;
    margin: 10px 10px 30px 0px;
    font-size: 14px;
    color: #333;
    width: 100%;
    float: left;
}

.top10mag {
    width: 294px;
    margin-top: 0;
}

.mag{
    width: 174px;
    height: 480px;
    margin: 0 15px 40px 0;

}


.adcenter {
    padding: 2px;
    border: 1px #eee solid;
    background: #fff;
    clear: both;
    margin: 5px 0;
    text-align: center;
}

.subscribe_large a {
    display: block;
    background-color: #e00000;
    color: #fff;
    text-transform: none;
    padding: 2px;
    width: 115px;
    margin: 5px 0px 5px 5px;
    text-align: center;
}

.scroll,  .scroll2{
    height: 110px;
    width: 98%;
    overflow: auto;
    color: #4c4c4c;
}

.scroll2 {
    height: 132px;
}

.magtitle {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    padding-top: 5px;
    height: 50px;
    font-size: 18px;
}

.sitelisting {
    display: block;
    border-top: 1px #e6e6e6 dashed;
    margin-top: 1px;
    overflow: hidden;
    height: 33px;
}

.sitelisting a {
    font-size: 10px;
    line-height: 1em;
    width: 86px;
    display: block;
}

.sitelogo {
    height: 50px;
    width: 84px;
    display: block;
    margin: 0 auto;
}
.magazinecategories {
    margin: 5px 8px 10px 0;
    background: #fff;
    padding: 0px;
    border: 1px #eee solid;
    display: block;
    width: 100%;
    float: left;
}


.topic_categories {
    margin: 5px 10px 10px 0;
    background: #397d98;
    padding: 0px;
    border: 1px #eee solid;
    display: block;
    width: 100%;
    float: left;
}

.catimage {
    border-left: solid 10px #e00;
    float: left;
}

.menu_description{
color:#000; 
font-size:14px;
padding:7px;
}


.topic_categories > a, 
.topic_categories > a:active, 
.topic_categories > a:visited, 
.topic_categories > a:hover     {

    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: normal;
    margin: 10px 13px;
    color: #fff;

}


.categorytitle, .categorytitle a {
    font-family: 'Oswald', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: normal;
    margin: 13px;

}


.categorytitle-large, .categorytitle-large a {

    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
    text-decoration: none;
    font-weight: normal;
    margin-top: 25px;
    margin-left: 25px;
}



.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    margin-bottom: 0px;
}

footer {
    background-color: #0B1F27;
    color: #eee;
    padding: 20px 0;

    font-size: 90%;
    margin-top: 30px;
}


footer a{color:#eee;text-decoration:none;}
footer a:visited{color:#eee;text-decoration:none;}
footer a:hover {color: #bbb;}

.footer-copy {
    margin-bottom: 20px;
    padding-left: 10px;
}

footer a:visited {
    color: #eee;
    text-decoration: none;
}
.footer-links {

    padding-left: 10px;
}



.link-arrow-box {
    float: right;
    border-radius: 2px;
    border: #e0e0e0 1px solid;
    height: 34px;
    width: 34px;
    margin: 7px 11px;
    /* background-color: #f9f9f9; */
}
.link-arrow-img {
    margin: 5px;
}

.newlink-city {
    display: block;
    clear: both;
    padding-left: 5px;
    border: 1px #eee solid;
    background: #fff;
    width: 100%;
    min-height: 50px;

    margin-bottom: 20px;
}


.newlink-city-text {
    font-size: 16px;
    padding: 10px;
    width: 75%;
}

.newlink-text {
    font-size: 14px;
    padding: 10px;
    font-weight: 500;
    padding: 10px;
    line-height: 18px;
}

.link-arrow-text {
    display: block;
    color: #205471;
    font-size: 30px;
    margin: 3px 10px;
}

#nav {
    list-style: none;
    margin-left: -30px;
    font-family: 'Oswald', sans-serif;
}

#nav li {
    border-left: solid 6px #ddd;
    padding: 7px 0 7px 7px;
    display: block;
}

#nav li:hover, #nav li.current {
    background-color: #ededed;
    border-left: solid 6px #f53300;
    color: #333;
    display: block;
}

#nav li a {
    font-size: 13px;
    color: #555;
    display: block;
text-transform: uppercase;
}

.top-news-number {
    background-color: #EEB500;
    color: #fff;
    display: inline-block;
    width: 30px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

.top-number{
background-color: #EEB500;
    color: #fff;
    display: block;
    width: 30px;
    margin-right: 10px;
    margin-top: 23px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    float: left;
}


.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 10px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(0, 52, 84, 0.4);
    font-size: 12px;
    padding: 1em;
    display: none;
    border-radius: 5px;
    font-size: 26px;
    padding: 5px 7px 11px 7px;
    color: #fff;
}


.back-to-top:hover {
    background-color: rgba(202, 186, 124, 0.6);
}


.largephoto-disc {
    text-transform: none;
    color: #000;
    clear: both;
    opacity: 0.75;
    font-size: 11px;
    color: #777;
    margin-right: 10px;
    margin-top: -1px;

}

.ad {
    padding: 5px;
    border: 1px #eee solid;
    background: #fff;
    clear: both;
    margin: 10px 0;
}

.home-ad{
    padding: 5px;
    background: #fff;
    clear: both;
}

.allcountries {
 font-size: 14px;
 width: 90%;
 margin: 10px;
}

.flag{
display:none;
}

.topics-select{
display:block;
}


@media only screen and (min-width: 980px) {
    .wrapper {
        max-width: 980px;
        margin: 0 auto;
    }

#nav {
    margin-left: -46px;
}


.flag{
display:block;

}

.topics-select{
display:none;
}

#crumb {
    margin-left: 134px;
}


 #daily_crumb {
    padding-left: 10px;
    display:inline-block;
}

.top10link {
    padding: 3px 0;
    border: 1px rgba(220, 220, 220, 0.5) solid;
    background: #fff;
    border-radius: 6px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    float: left;
    width: 110px;
    margin: 0 .9% 3% .9%;
    height: 110px;
    text-align: center;
}
.favicon {
    margin: 13px 0;
}

.sitelisting {
    display: block;
    border-top: 1px #e6e6e6 dashed;
    margin-top: 1px;
    overflow: hidden;
    height: 43px;
}
.sitelisting a {
    font-size: 12px;
    line-height: 1.1em;
    margin-top: 2px;
    width: 106px;
    display: block;
}

.sitelogo {
    height: 60px;
    width: 100px;
    display: block;
    margin: 0 auto;
}

.nav_column {
    background-color: #fff;
    float: left;
    display: block;
    margin-top: 0px;
    border-left: 6px #ddd solid;
    width: 100%;
}




#logo {
    width: 120px;
    height: 120px;
    margin: 0;
}




h1 {
    font-size: 40px;
    margin: 50px 0;
    background-color: #fff;
    border-left: 67px #e00000 solid;
    padding: 10px 20px;
   
}


h2, h2 a, h2 a:hover {
    font-size: 24px;
    border-left: 10px solid #e00000;
    margin: 40px 0 20px 0;
    padding: 8px 16px;

}


.right_column {
    float: left;
    display: block;
    width: 306px;

}



.topic_right_column {
    float: left;
    display: block;
    width: 390px;

}

.left_column, .left_column_topics {
    float: left;
    display: block;
    width: 180px;
    padding-right:20px;
}

#main_column {
    padding: 0 0 0 20px;
    overflow: hidden;
}


#main_section {
    padding-right: 30px;
    overflow: hidden;
    float:left;
    width:622px;
}

#topic_section {
    padding-right: 30px;
    overflow: hidden;
    float:left;
    width:550px;
}



.grid_1 { width: 5%; }
.grid_2 { width: 14%; }
.grid_3 { width: 31%; }
.grid_4 { width: 32%; }
.grid_5 { width: 39.5%; }
.grid_6 { width: 48%; }
.grid_7 { width: 58%; }
.grid_8 { width: 63%; }
.grid_9 { width: 66%; padding-right:28px;}
.grid_10 { width: 82.5%; }
.grid_11 { width: 88%; }
.grid_12 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin-left: 0px;
	float: left;

}

.footer-text {
    float: left;
    margin-left: 20px;
}

.footer-links {
    float: right;
}

.footer-copy {
    float: left;
}





}






nav > ul {
    float: right;
    padding: 48px 0 0 0;
    list-style: none;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    top: 42px;
    margin: 0;


}

nav > ul > li {
    text-align: center;
    cursor: pointer;
    display: inline-block;

}

nav > ul > li > a,  nav > ul > li > a:visited, nav > ul > li > a:active{

    color:#fff;    
    line-height: 12px;
    padding: 15px;
    display:block;

}

nav > ul > li > a:hover {
background-color: #e00000;
color: #fff;


}

[type="checkbox"], label {
	  display: none;
}

@media screen and (max-width: 980px) {
	nav ul {
		  display: none;
	}
label {
    display: block;
    background: #e00000;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 25px;
}
  
label:after {
    content: '';
    display: block;
    width: 25px;
    height: 5px;
    background: #fff;
    margin: 7px;
    box-shadow: 0px 10px 0px #fff, 0px 20px 0px #fff;
}

	[type="checkbox"]:checked ~ ul {
  		display: block;
  		z-index: 9999;
  		position: absolute;
		  right: 0px;
		  left: 0px;
	}


	nav ul li {
		display: block;
  		float: none;
  		width: 100%;
  		text-align: left;
  		background: #051f29;
		text-indent: 10px;
	}


}

#new-button{display:none}

@media screen and (min-width: 600px) {
#new-button{
    border-radius: 69%;
    display: table-cell;
    margin-right: 20px;
    background-color: #e00000;
    color: #fff;
    padding: 2px 5px 4px 5px;
    font-size: small;
    text-transform: initial;
    top: -57px;
    right: -44px;
    position: relative;
}
}



.left_arrow,
.right_arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -45px;
  margin-left: -35px;
  width: 70px;
  height: 90px;
}

.left_arrow {
    left: -15px;
}

.right_arrow {
    right: -72px; 
}



.slider_left_arrow {
    left: 0px;
}

.slider_right_arrow {
    right: 0px; 
}



.slider_left_arrow,.slider_right_arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
    margin-left: 0;
    height: 100%;
    background-color: #081d2561;
}






button {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  outline:0;
}

.owl-nav svg {
  padding: 5px;
}




.left_arrow:hover polyline,
.left_arrow:focus polyline,
.right_arrow:hover polyline,
.right_arrow:focus polyline
{
  stroke-width: 8;
 color:blue;
}

.left_arrow:active polyline,
.right_arrow:active polyline,
 {
  stroke-width: 8;
  transition: all 100ms ease-in-out;
}

.slider_left_arrow:hover polyline,
.slider_left_arrow:focus polyline,
.slider_right_arrow:hover polyline,
.slider_right_arrow:focus polyline
{
  stroke-width: 6;
 color:blue;
}

.slider_left_arrow:active polyline,
.slider_right_arrow:active polyline,
 {
  stroke-width: 6;
  transition: all 100ms ease-in-out;
}



polyline {
  transition: all 250ms ease-in-out;
}

 

      .slider-frame {position: relative; margin: 0 auto; overflow: hidden;}
      .slider-frame .btn {width: 40px; height: 100%; position: absolute; top: 0; z-index: 1000;}
      .slider-frame .btn.prev {left: 0px;}
      .slider-frame .btn.next {right: 0px;}
      .slider-frame .slider-container {transition: margin-left .5s ease, left .5s ease; position: absolute; left: 0;}
      .slider-frame .slider-container .slide {float: left; position: relative; top: 0; transition: width .5s ease, height .5s ease, top .5s ease;}
      .slide img{height:100%}
      .owl-nav, .owl-dots {height:0; line-height:0} 
      .owl-nav {display: none;}
      .owl-stage-outer{padding: 5px 0;}
      .owl-carousel:hover .owl-nav {display: block;}
      .wrap {max-width:100%; margin:auto;}
      .imgwrap {position:relative; width:100%; padding:50% 0 0;	overflow: hidden; margin:0px; display:inline-block; -webkit-transition: .35s; transition: .35s; border: 1px solid #5b6f7740;}
      .imgwrap:hover {transform: scale(1.05);}
      .imgwrap img {position: absolute; top:50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%);}






.newlink-text2 {
    font-size: 14px;
    padding: 10px;
    font-weight: 500;
    padding: 10px;
    text-align: center;
line-height: 18px;
}


.sublink-icon2 {
    /* float: left; */
    /* border: #f3f3f3 1px solid; */
    height: 60px;
    width: 100px;
    margin: 4px;
    text-align: center;
    margin: auto;
}



.top-number2 {
    background-color: #EEB500;
    color: #fff;
    display: block;
    width: 30px;
    /* margin-right: 10px; */
    /* margin-top: 23px; */
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    float: left;
    border-radius: 6px 0 0 0;
}




.sublink2 {
    display: inline-block;
    clear: right;
    border-radius: 6px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    padding: 0px;
    border: 1px #eee solid;
    background: #fff;
    min-height: 68px;
    margin: 10px 5px;
    width: 47%;
}


.slidewrap {
    position: relative;
    width: 31%;
    padding: 0px;
    overflow: hidden;
    margin: 0 1%;
    display: inline-block;
    -webkit-transition: .35s;
    transition: .35s;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4), 0 3px 10px 0 rgba(0, 0, 0, 0.4);

}

.slidewrap:hover {
    transform: scale(1.05);
}

#play-video > a:before {
    position: absolute;
    content: '';
    background-image: url(/images/lib/video-play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    opacity: 0.7;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.topic{
    background-color: #e00000;
    padding: 2px 5px;
    min-width: 70px;
    display: inline-block;
    border-radius: 3px 3px 0 0;
    font-size: 13px;
    float: left;
    margin-top:2%;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    line-height: 1.5;
    color:#fff;
}



 @media only screen and (min-width: 980px){
#date{
float: right;
    padding: 23px;
    font-size: 27px;
    }

.topic{

    padding: 3px 10px;
    min-width: 100px;
    display: inline-block;
    border-radius: 3px 3px 0 0;
    margin-top: 2%;
    font-size: 16px;
    float: left;
    text-align: center;
    text-transform: uppercase;


}










}


.homeframe {
background-color: #fff;
    padding: 15px 15px 15px 0px;
    margin-bottom: 5%;
    clear: both;
    border-left: 15px solid #fff;
    border-radius: 0 3px 3px 3px;
}


@media only screen and (min-width: 970px) { 
  .container {
    width: 90%;
    max-width: 970px;
  }
}




.img_social_button { 
   display: none;
    margin-bottom: -54px;
    width: 105px;
    float: right;}


.large_image:hover > .img_social_button{display : block}

.img_social_button .twitter, .img_social_button .facebook, .img_social_button .email  {background-color:#c00000}


.twitter, .facebook, .email {
    width: 31%;
    margin: 1%;
}


@media only screen and (min-width: 45em){
.social_text {display:inline-block}

}


.twitter {
    position: relative;
    height: 30px;
    box-sizing: border-box;
    padding: 4px 2px 3px 5px;;
    background-color: #1b95e0;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    float:left;
    display: inline-block;
}




.twitter:active, .twitter:focus, .twitter:hover {
    background-color: #0c7abf;
}


.facebook {
    position: relative;
    height: 30px;
    box-sizing: border-box;
    padding: 3px;
    background-color: #4267b2;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    float:left;
    display: inline-block;
}




.facebook:active, .facebook:focus, .facebook:hover {
    background-color: #365899;
}




.email {
    position: relative;
    height: 30px;
    box-sizing: border-box;
    padding: 3px;
    background-color: #5c6988;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    float:left;
    display: inline-block;
}




.email:active, .email:focus, .email:hover {
    background-color: #38435d;
}





.twitter i {
    position: relative;
    top: 0px;
    display: inline-block;
    width: 22px;
    height: 18px;
    background: transparent 0 0 no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
}




.facebook i {
    position: relative;
    top: 0px;
    display: inline-block;
    width: 22px;
    height: 18px;
    background: transparent 0 0 no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMin meet' viewBox='0 0 262 266.895'><path id='path3087' fill='%23fff' d='M182.409,262.307v-99.803h33.499l5.016-38.895h-38.515V98.777c0-11.261,3.127-18.935,19.275-18.935 l20.596-0.009V45.045c-3.562-0.474-15.788-1.533-30.012-1.533c-29.695,0-50.025,18.126-50.025,51.413v28.684h-33.585v38.895h33.585 v99.803H182.409z'></path></svg>");
}


.email i {
    position: relative;
    top: -1px;
    left:1px;
    display: inline-block;
    width: 22px;
    height: 20px;
    background: transparent 0 0 no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMin meet' viewBox='0 0 512 512'><path id='path3087' fill='%23fff' d='M101.3 141.6v228.9h0.3 308.4 0.8V141.6H101.3zM375.7 167.8l-119.7 91.5 -119.6-91.5H375.7zM127.6 194.1l64.1 49.1 -64.1 64.1V194.1zM127.8 344.2l84.9-84.9 43.2 33.1 43-32.9 84.7 84.7L127.8 344.2 127.8 344.2zM384.4 307.8l-64.4-64.4 64.4-49.3V307.8z'></path></svg>");
}



.email a:hover, .facebook a:hover, .twitter a:hover{color: #fff;}



/* ==== GRID SYSTEM ==== */

.container {
  width: 80%;
  margin-left: auto;
  margin-right: auto;

}

.row {
  position: relative;
  width: 100%;
margin-bottom:3%;
}

.row [class^="col"] {
  float: left;
margin-bottom:3%;
  min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 100%;
}

.col-1-sm {
  width: 4.33%;
}

.col-2-sm {
  width: 12.66%;
}

.col-3-sm {
  width: 21%;
}

.col-4-sm {
  width: 29.33%;
}

.col-5-sm {
  width: 37.66%;
}

.col-6-sm {
  width: 49%;
}

.col-7-sm {
  width: 54.33%;
}

.col-8-sm {
  width: 62.66%;
}

.col-9-sm {
  width: 71%;
}

.col-10-sm {
  width: 79.33%;
}

.col-11-sm {
  width: 87.66%;
}

.col-12-sm {
  width: 100%;
}

.row::after {
	content: "";
	display: table;
	clear: both;
}

.hidden-sm {
  display: none;
}

@media only screen and (min-width: 33.75em) {  /* 540px */
  .container {
    width: 85%;
  }
}

@media only screen and (min-width: 45em) {  /* 720px */
  .col-1 {
    width: 4.33%;
  }

  .col-2 {
    width: 12.66%;
  }

  .col-3 {
    width: 21%;
  }

  .col-4 {
    width: 29.33%;
  }

  .col-5 {
    width: 37.66%;
  }

  .col-6 {
    width: 49%;
  }

  .col-7 {
    width: 62.33%;
  }

  .col-8 {
    width: 62.66%;
  }

  .col-9 {
    width: 71%;
  }

  .col-10 {
    width: 79.33%;
  }

  .col-11 {
    width: 87.66%;
  }

  .col-12 {
    width: 100%;
  }

  .hidden-sm {
    display: block;
  }
}

.border{

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);

}


button .left_arrow,
button .right_arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -45px;
  margin-left: -35px;
  width: 60px;
  height: 90px;
}

button .left_arrow {
    left: -5px;
}

button .right_arrow {
    right: -60px; 
}

.article-container { position: relative; padding-bottom: 0%; max-width: 100%; } 
.embed-container { position: relative; padding-bottom: 50%; height: 0; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }






.daily-h1 {
    text-align: center;
    margin: 3% auto;
    border-bottom: 5px solid #e00000;
    display: table;
    text-transform: uppercase;
    padding: 0;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    line-height: 1.5;
    border-left: 0;
    background-color: transparent;
    font-weight: 600;
}

.daily-h2 {
    color: #000;
    margin: 20px auto;
    text-align: center;
    border-bottom: 5px solid #e00000;
    display: table;
    text-transform: uppercase;
    padding: 0;
    line-height: 1.5;
    font-weight: 600;
    background-color: transparent;
    border-left: 0;
}


.hideonmobile{ display:none}


.top-social-links{
    display: inline-block;
    margin-top: 30px;
    width: 110px;
    float: right;
    margin-left: 20px;
}



@media only screen and (min-width: 980px){
.daily-h2 {
    font-size: 2rem;
}

.hideonmobile{ display:block}


.top-social-links{margin-top: 50px;}



.ul_daily > li {
    text-align: center;
    display: table-cell;
    cursor: pointer;
 }
}


.ul_daily{
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    background-color: #1f313a;
    list-style: none;
}

.ul_daily > li {
    text-align: left;
    display: block
    cursor: pointer;
    margin-left: -40px;
}

.ul_daily > li > a,  .ul_daily > li > a:visited, .ul_daily > li > a:active{

    color:#fff;    
    line-height: 12px;
    padding: 15px;
    display:block;

}

.ul_daily > li > a:hover {
background-color: #e00000;
color: #fff;
}