@charset "utf-8";
/* CSS Document */

*	{
		padding:0;
		margin:0;
	}

body	{
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		/*background-color: #f4f4f4;*/
	}


.desktop	{
		background-color: #fff;
	}

ul, li	{
		list-style:none;
		margin:0;
		padding:0;
	}

a	{
		text-decoration:none;
		cursor:pointer;
	}

a,
a:hover,
a:active,
a:focus	{
		text-decoration:none;
	}

h1, h2, h3, h4, h5 ,h6, p	{
		font-weight:normal;
		margin:0;
		padding:0;
	}

.clear	{
		clear:both;
	}

.container	{
		max-width:1230px;
		width:100%;
		margin:0 auto;
	}

/* header */

.header	{
		padding:40px 0;

	}

.header	.container	{
		display:table;
	}

/*.header	.logo	h1	{
		color:#000;
		font-size:41px;
		letter-spacing:-0.4px;
		font-family: 'BentonSans-Medium';
		vertical-align:middle;
		display:inline-block;
		font-family: 'dinCondensedBld';

	}


.header	.logo	.bundle-icon	{
		vertical-align:middle;
		display:inline-block;
	}

	.header	.logo	img	{ width:148px; }*/

.header	.logo-bg	{
		background: url(../img/logo.png);
    	width: 148px;
    	height: 35px;
    	background-size: cover;
		-ms-interpolation-mode: nearest-neighbor;
		image-rendering: -webkit-optimize-contrast;
		image-rendering: -webkit-crisp-edges;
		image-rendering: -moz-crisp-edges;
		image-rendering: -o-crisp-edges;
		image-rendering: pixelated;
	}

.logo {
    height: 46px;
    background-image: url('../img/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .logo {
        background-image: url('../img/logo-2x.png');
    }
}

.bundle-icon	.left,
.bundle-icon	.right	{
		display:table-cell;
		vertical-align:top;
	}

.bundle-icon	span	{
		background-color:#eb2737;
		display:block;
		width:19px;
	}

.bundle-icon	.left	span:nth-child(1)	{
		height:23px;
		margin-right:2px;
	}

.bundle-icon	.right	span:nth-child(1)	{
		height:13px;
		margin-bottom:2px;
	}

.bundle-icon	.right	span:nth-child(2)	{
		height:20px;
	}

.header	.logo,
.header	ul.social	{
		display:table-cell;
		vertical-align:middle;
		width:50%;
	}

.header	ul.social	{
		text-align:right;
	}

.header	ul.social	li	{
		display:inline-block;
		padding:0 12px;
	}

.header	ul.social	li:last-child	{
		padding-right:0;
	}

    .header ul.social li:first-child {
        margin-right: 20px;
        font-size: 14px;
        vertical-align: top;
        color: #8f8f8f;
        font-family: 'Montserrat-Regular', sans-serif;
    }

    .header ul.social svg {
        fill: currentColor;
        color: #010002;
    }

        .header ul.social svg:hover {
            color: #3a3a3a;
        }


/* populernews */

.populernews	{
		display:table;
		width:100%;
		padding-top:48px;
	}

.cokokunuyor,
.cokpaylasiliyor	{
		display:inline-block;
		vertical-align:top;
		width:50%;
	}

@-moz-document url-prefix() {
	.cokokunuyor,
	.cokpaylasiliyor	{
		float:left;
	}
}

.cokokunuyor	.head,
.cokpaylasiliyor	.head	{
	    border-bottom: 1px solid #e8e8e8;
		width: 100%;
		max-width: 570px;
	}

.cokokunuyor	h2,
.cokpaylasiliyor	h2	{
		font-size:19px;
		color:#232327;
		font-family: 'Montserrat-SemiBold';
		padding-bottom:2px;
		display:inline-block;
	}

.cokpaylasiliyor	.head	{
		float:right;
	}

.cokokunuyor	h2 span,
.cokpaylasiliyor	h2 span	{
		content:"";
		display:block;
		width:100%;
		height:5px;
		background-color:#eb2737;
		position:relative;
		top:5px;
	}


.cokpaylasiliyor	h2 span	{
		background-color:#27a8eb;
	}


.cokokunuyor	ul,
.cokpaylasiliyor	ul	{
		margin:36px 0;

	}

.cokokunuyor	ul	li,
.cokpaylasiliyor	ul	li	{
		backface-visibility: hidden;
		-webkit-backface-visibility:hidden;
		background-color:#fff;

	}



.cokpaylasiliyor .rs-slide-bg	{
		float:right;
		/*max-width:550px; */
	}


.populernews	.content	{
		display:table;
		width:100%;
	}

.populernews	.content	.left,
.populernews	.content	.right	{
		display:inline-block;
		vertical-align:top;
		max-width:50%;
		height:100%;
	}

.populernews	.content	.right	{
		padding-left:18px;
		/*max-width:282px;*/
	}

.populernews	.content	.left	{
		 background-size:cover;
		 height: 234px;
		 width: 49%;
		 max-width:50%;
		 background-position: center;
	}



.populernews	.content	.left img	{
    width: 264px;
    height: 234px;
	}





.populernews	.content	.heading	{
		width:100%;
		display:table;
	}

.populernews	.content	.heading	h4	{
		color:#303039;
		font-size:12px;
		font-family: 'Montserrat-Regular';
	}

.populernews	.content	.heading	.channel,
.populernews	.content	.heading	.date	{
		width:50%;
		display:table-cell;
		vertical-align:top;
	}

.populernews	.content	.heading	.date	{
		text-align:right;
	}

.populernews	.content	.heading	.date	.date-icon	{
		vertical-align:top;
	}

.populernews	.content	.heading	.date	img	{
		padding-right:2px;
		width:14px;
	}

.populernews	.content	.heading	.date	img,
.populernews	.content	.heading	.date	h4	{
		display:inline-block;
		vertical-align:top;
	}

.populernews	.content	.right	h3	{
		color: #232327;
		font-family: 'Montserrat-Bold';
		font-size:26px;
		line-height:31px;
		letter-spacing:-0.3px;
		/*overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;*/
	}

.populernews	.content	.right	p	{
		color: #303039;
		font-family: 'Montserrat-Regular';
		font-size:13px;
		line-height:17px;
		padding-top:14px;
		font-family: 'HelveticaNeue';

	}

.cokokunuyorbtn,
.cokpaylasiliyorbtn	{
		font-family: 'Montserrat-SemiBold';
		font-size:14px;
		background-color:#ebc827;
		color:#fff;
		transition:background-color 0.5s;
		display:block;
		height:72px;
		line-height:72px;
		padding:0 36px;
		background-repeat:no-repeat;
		/*background-blend-mode: multiply;
		background-image:url(../img/multiply_bg.jpg);*/
		position:relative;
		text-transform:uppercase;
		overflow:hidden;
	}

.cokokunuyorbtn i,
.cokpaylasiliyorbtn i	{
	    position: absolute;
		z-index: 1;
		display: block;
		text-align: center;
		margin: 0 auto;
		top:0;
		opacity:1;
		transition:all 0.3s;
	}

.cokokunuyorbtn i	{
		left:45%;
	}

.cokpaylasiliyorbtn i	{
		right:45%;
	}

.cokokunuyorbtn:hover i	{
		opacity:1;
		left:40%;
	}

.cokpaylasiliyorbtn:hover i	{
		opacity:1;
		right:40%;
	}

.cokokunuyorbtn:hover,
.cokokunuyorbtn:focus,
.cokokunuyorbtn:active,
.cokpaylasiliyorbtn:hover,
.cokpaylasiliyorbtn:focus,
.cokpaylasiliyorbtn:active	{
		color:#fff;
		text-decoration:none;
	}

.cokokunuyorbtn	 {
		text-align:right;
		background-position:left center;
	}

.cokpaylasiliyorbtn	{
		background-color:#c44be2;
		background-position:right center;
	}

.cokokunuyor	.ckpylslyrBtn,
.cokpaylasiliyor	.ckoknyrBtn	{ display:none; }


.cokokunuyorbtn	.multiply-image	{
		left: 0;
		height: 100%;
		background-size: cover;
		width: 138px;
		position: absolute;
		z-index: 999999999;
		top: 0;
		height: 72px;
		opacity: 1;
		-webkit-filter: brightness(80%);
		transition:all 0.3s;
		background-position:center;
		background-repeat:no-repeat;
	}

.cokpaylasiliyorbtn 	.multiply-image	{
		right:0;
		height: 100%;
		background-size: cover;
		width: 138px;
		position: absolute;
		z-index: 999999999;
		top: 0;
		height: 72px;
		opacity: 1;
		-webkit-filter: brightness(80%);
		transition:all 0.3s;
		background-position:center;
		background-repeat:no-repeat;


	}

.mac .cokokunuyor	.multiply-image	{
	    background-color:#ebc827;
		background-blend-mode: multiply;
		-webkit-filter: brightness(100%);
	}

.mac .cokpaylasiliyorbtn	.multiply-image	{
	    background-color:#c44be2;
		background-blend-mode: multiply;
		-webkit-filter: brightness(100%);
	}

.rs-slide-bg	{
	 max-width:570px;
	}

.cokokunuyorbtn:hover .multiply-image,
.cokpaylasiliyorbtn:hover .multiply-image	{
		-webkit-filter: brightness(100%);
		filter: brightness(100%);
	}



/* tab */

.tab	{
		padding-top:50px;
	}

.tab	.tab-content	{
		position:relative;
		min-height:230px;
	}

.nav-tabs	{
	border-bottom:1px solid #e8e8e8;
	display:table;
	width:100%;
	position:relative;
}

.nav-tabs>li	{
		padding-right:57px;
		margin-bottom: -2px;
		float:none;
		display:table-cell;
		white-space:nowrap;
	}

.nav-tabs>li:last-child	{
		padding:0;
	}

.nav-tabs>li>a	{
		color:#232327;
		font-size:14px;
		font-family: 'Montserrat-SemiBold';
		text-transform:uppercase;
		margin:0;
		border:0;
		padding:8px 0;
		outline:none;
	}

.nav>li>a:focus,
.nav>li>a:hover	{
		background-color:transparent;
		color:#232327;

	}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover	{
		border:0;
		color:#232327;
	}

.tab-content	ul	{
		padding-top:34px;
		display:table;
		width:100%
	}

.tab-content	ul	li	{
		display:table-cell;
		vertical-align:top;
		padding:0 17px;
		/*height:100%;*/
		position:relative;
		padding-bottom:32px;
		/*padding-right: 1.888vw;*/
		/*display:inline-block;*/
		width:20%;
	}

/*.tab-content	ul	li:last-child	{
		padding-right:0;
	}*/

.tab-content	ul	li	.content	{
		max-width:211px;
		   max-width: 100%;
		   word-wrap:break-word;
		       /*min-width: 11vw;
   				 max-width: 11vw;*/
				 width:100%;

	}

.tab-content	ul	li	.content	.image	{
		width:211px;
		height:176px;
		overflow:hidden;
		    /*width: 100%;
    		height: 18vh;*/
			width:100%;
	}


.effect-scale	{
		background-size:cover;
		background-position:center;
		width:211px;
		height:176px;
		   /* width: 100%;
    		height: 18vh;*/
			width:100%;

		-webkit-transition: all .2s ease-in 0s;
		transition: all .2s ease-in 0s;
		transform:scale(1);
		-webkit-transform:scale(1);
		-ms-transform: scale(1);
	}
.effect-scale:hover	{
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);



	}

.tab-content	ul	li	.content	h3	{
		color:#262627;
		font-size:18px;
		line-height:22px;
		font-family: 'Montserrat-Bold';
		padding-top:10px;

	}

.tab-content	ul	li	.content	h4	{
		color:#303039;
		font-size:12px;
		font-family: 'Montserrat-Regular';
		padding-top:12px;
	}

.tab-content	ul	li	.content	.channel	h4	{
		text-transform:uppercase;
	}

.tab-content	ul	li	.content	.date	{
		display:table-footer-group;
		position:absolute;
		bottom:0;
	}

.tab-content	ul	li	.content	.date	img	{
		display:inline-block;
		vertical-align:middle;
		padding-right:2px;
		width:14px;
	}

.tab-content	ul	li	.content	.date	h4	{
		font-size:11px;
		display:inline-block;
	}

/*.fade {
		opacity: 0;
		-webkit-transition: opacity 0.5s ease-in-out;
		-o-transition: opacity 0.5s ease-in-out;
		transition: opacity 0.5s ease-in-out;
	}*/

.ismail {
	  display: block;
	  position: absolute !important;
	  bottom: 0;
	  left: 0;
	  height: 3px;
	  background: #eb2737;
	  width:109.609px;
	  transition: all 0.5s;
	}

.ripple {
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  position: absolute;
  opacity: 1;
}

.rippleEffect {
  -webkit-animation: rippleDrop .6s linear;
  animation: rippleDrop .6s linear;
}

@-webkit-keyframes
rippleDrop {  100% {
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
}

@keyframes
rippleDrop {  100% {
 -webkit-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
}



/* slider */

.slider	{
		position:relative;
		padding-top:62px;
	}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo .item	{
		position:relative;
	}

#owl-demo .item	.shadow	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:9;
	}

#owl-demo .item	.shadow	img	{
		height:100%;

	}

#owl-demo .item	.content	{
		position:absolute;
		z-index:99;
		color:#fff;
		bottom:0;
		left:0;
		padding:40px 60px;
	}

#owl-demo .item	.content	a	{
		color: #ffffff;
	}


#owl-demo .item	.content	h4	{
		font-size:22px;
		font-family: 'Montserrat-SemiBold';
		/*font-size: 1.2vw;*/
	}

#owl-demo .item	.content	h3	{
		font-size:50px;
		line-height:56px;
		font-family: 'Montserrat-Bold';
		padding-top:15px;
		    /*font-size: 2.6vw;
			line-height:2.7vw;*/

		letter-spacing:-0.3px;

	}

.customNavigation	{
		position:absolute;
		top:50%;
		left:0;
		width:100%;
	}

.customNavigation	a	{
		width:31px;
		height:60px;
		display:block;
		background:url(../img/arrow.png) no-repeat;
		cursor:pointer;
		text-indent:-999999px;
	}

.customNavigation	.prev	{
		float:left;
		margin-left:50px;
	}

.customNavigation	.next	{
		background-position:-31px 0;
		float:right;
		margin-right:50px;
	}

.owl-theme .owl-controls .owl-page span {
		display: block;
		width: 25px;
		height: 5px;
		margin: 7px 7px;
		filter: Alpha(Opacity=100);
		opacity: 1;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: #c4c4c4;
	}

.owl-theme .owl-controls .owl-page:nth-child(1).active span	{
		background-color:rgb(235, 108, 39);
	}

.owl-theme .owl-controls .owl-page:nth-child(2).active span		{
		background-color:rgb(36, 209, 105);
}

.owl-theme .owl-controls .owl-page:nth-child(3).active span	{
		background-color:#c44be2;
	}

.owl-theme .owl-controls .owl-page:nth-child(4).active span		{
		background-color:#ebc827;
}

.owl-theme .owl-controls .owl-page	{
	vertical-align:middle;
}




/* whathappenedyesterday */

.whathappenedyesterday	{
		padding-top:35px;
		padding-bottom:88px;
	}

.dunneokundu	{
		max-width:730px;
		display:inline-block;
		vertical-align:top;
		width:100%;
	}

.dunneokundu	h2	{
		font-family: 'Montserrat-Regular';
		color:#303039;
		font-size:28px;
	}

.dunneokundu	h2:before	{
		content:"";
		width:5px;
		height: 31px;
		background-color: #eb2737;
		display: inline-block;
		vertical-align: top;
		margin-right:8px;
	}

.dunneokundu	h2 b	{
		font-family: 'Montserrat-Bold';
	}

.dunneokundu	ul	{
	padding-top:7px;
	}


.dunneokundu	ul	.content	{
		display:table;
		width:100%;
	}

.dunneokundu	ul	li	{
		padding-top:47px;
	}

.dunneokundu	ul li .content	.left,
.dunneokundu	ul li .content	.right	{
		display:inline-block;
		vertical-align:top;
		height:100%;
    	max-width: 550px;
	}

.dunneokundu	ul li .content	.left	.image	{
	    width: 176px;
		height: 148px;
		overflow:hidden;
	}

.dunneokundu	ul li .content	.left	.effect-scale	{
	    width: 176px;
		height: 148px;
		background-size: cover;
		background-position: center;
		-webkit-transition: all .2s ease-in 0s;
		transition: all .2s ease-in 0s;
		transform:scale(1);
		-webkit-transform:scale(1);
		-ms-transform: scale(1);
	}

.dunneokundu	ul li .content	.left .effect-scale:hover	{
		transform:scale(1.1);
		-webkit-transform:scale(1.1);
		-ms-transform:scale(1.1);
	}

.dunneokundu	.content	.right	{
		padding-left:18px;
	}

.dunneokundu	.content	.heading	{
		width:100%;
		display:table;
	}

.dunneokundu	.content	.heading	h4	{
		color:#303039;
		font-size:12px;
		font-family: 'Montserrat-Regular';
	}

.dunneokundu	.content	.heading	.channel,
.dunneokundu	.content	.heading	.date	{
		width:50%;
		display:table-cell;
		vertical-align:top;
	}

.dunneokundu	.content	.heading	.channel	h4	{
		text-transform:uppercase;
	}

.dunneokundu	.content	.heading	.date	{
		text-align:right;
	}

.dunneokundu	.content	.heading	.date	.date-icon	{
		vertical-align:top;
	}

.dunneokundu	.content	.heading	.date	img	{
		padding-right:2px;
		width:14px;
	}

.dunneokundu	.content	.heading	.date	img,
.dunneokundu	.content	.heading	.date	h4	{
		display:inline-block;
		vertical-align:top;
	}

.dunneokundu	.content	.right	h3	{
		color: #232327;
		font-family: 'Montserrat-Bold';
		font-size:20px;
		line-height:24px;

	}

.dunneokundu	.content	.right	p	{
		color: #303039;
		font-family: 'Montserrat-Regular';
		font-size:15px;
		line-height:22px;
		padding-top:14px;
		font-family: 'HelveticaNeue';


	}


.widget	{
		max-width:377px;
		width:377px;
		height:311px;
		display:table;
		vertical-align:top;
		float:right;
		background-color:#00a6e3;
		border:19px solid #f3f3f3;
		/*border:0;
		width:340px;
		height:283px;
		background-color:transparent;*/

	}

/* footer */

.footer {
    position: relative;
    background-color: #08121d;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 87px;
    z-index: 999999;
}

.footer	h2	{
		color:#fff;
		font-size:28px;
		font-family: 'Merriweather_Lg';
	}

.footer	h3	{
		color:#eb2737;
		font-size:24px;
		font-family: 'Merriweather_Bd';
		padding-top:5px;
	}

.footer	a.bundle-link	{
		color:#fff;
		font-size:18px;
		font-family: 'Merriweather_It';
		padding-top:15px;
		display:block;
	}

.footer	ul	 {
		padding-top:38px;
	}

.footer	ul	li	{
		display:inline-block;
		padding:0 15px;
	}

.footer	ul	li	a	{
		display:block;
		width:161px;
		height:54px;

	}

.footer	ul	li	a.app-store {
		background:url(../img/app_store.png) no-repeat;
	}

.footer	ul	li	a.google-play {
		background:url(../img/google_play.png) no-repeat;
	}

.footer	ul	li	a	img	{
		width:161px;
	}


/* detailpage */


.detailpage	{
		padding-top:50px;
		padding-bottom:100px;
	}

.detailpage	.container	{
		max-width: 800px;
		text-align:center;
	}

.detailpage	.container	h2	{
		color:#1b1b1b;
		font-size:40px;
		line-height:54px;
		font-family: 'Montserrat-Bold';
		letter-spacing:-1.5px;
	}

.detailpage	.container	.detail	{
		width:100%;
		display:table;
		max-width:366px;
		margin:0 auto;
		padding-top:14px;
	}

.detailpage	.container	.detail	.channel,
.detailpage	.container	.detail	.date,
.detailpage	.container	.detail	.social	{
		display:inline-block;
		vertical-align:middle;
	}

.detailpage	.container	.detail	.channel	{
		padding-right:24px;
	}

.detailpage	.container	.detail	.date	{
        vertical-align: bottom;
		padding-right:46px;
	}

.detailpage	.container	.detail-image	{
		margin-top:24px;
	}

.detailpage	.container	.detail-image	img	{
		margin:0 auto;
	}

.detailpage	.container	.detail	.date	img,
.detailpage	.container	.detail	.date	h4,
.detailpage	.container	.detail	.social	li	{
		display:inline-block;
	}

.detailpage	.container	.detail	.date	img	{
		padding-right:4px;
		width:14px;
	}

.detailpage	.container	.detail	.social	li		{
		padding-right:14px;
	}

.detailpage	.container	.detail	.social	li img		{
		width:30px;
	}

.detailpage	.container	.detail	.social	li:last-child	{
		padding:0;
	}

.detailpage	.container	.detail	h4	{
		color:#303039;
		font-family: 'Montserrat-SemiBold';
		font-size:14px;
	}

.detailpage	.container	.detail .date	h4		{
		font-family: 'Montserrat-Regular';
        vertical-align: middle;
	}

.detailpage	.container	.detail .channel	h4	{
		max-width: initial;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align:right;
	}

.detailpage	.container	a.readonweb	{
        width: 100%;
		font-family: 'Montserrat-Regular';
		font-size:14px;
		color:#1e1e1e;
		border:1px solid #8e8e8e;
		border-radius:3px;
		height:62px;
		line-height:62px;
		display:block;
		margin-top:48px;
		position:relative;
		text-align:center;
		text-transform:uppercase;
		background-image: url('../img/readonweb_bg.png');
		background-repeat: no-repeat;
		background-position: calc(100% - 30px) center;
		font-style:normal;
	}

.detailpage	.container	a.readonweb:hover	{
		color: #fff;
		background-color: #353535;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

.detailpage	.container	a.readonweb:hover	span	{
		background-color: #fff;
	}

.detailpage	.container	a.readonweb	i	{
		display: inline-block;
		position: absolute;
		width: 9px;
		height: 18px;
		right: 30px;
		top: 50%;
		margin-top: -5px;
		display:none;
	}

.detailpage	.container	a.readonweb	span	{
		display: block;
		width: 13px;
		height: 0.5px;
		background-color: #585858;
		transform: rotate(45deg);
		position: absolute;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

.detailpage	.container	a.readonweb	span:nth-child(1)	{
	    top: 0;
	}

.detailpage	.container	a.readonweb	span:nth-child(2)	{
		transform: rotate(-45deg);
		position: absolute;
		top: 9px;
	}



.loader {
    position: absolute;
    top: 50%;
    left: 50%;
	margin-left:-35px;
	margin-top:-10px;


}
.sk-spinner-three-bounce.sk-spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center;
}
.sk-spinner-three-bounce div {
    width: 8px;
    height: 8px;
    background-color: #eb2737;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
    0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}@keyframes sk-threeBounceDelay {
    0%, 100%, 80% {
    -webkit-transform: scale(0);
    transform: scale(0);
}
40% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
}

.date	.date-icon	{
		background: url(../img/date_icon.png);
		height: 14px;
		width: 14px;
		background-size: cover;
		display: inline-block;
		vertical-align: middle;
	}


.readonweb	{
		float: left;
	}

.webrazziLink	{
		float: right;
	}


.detail-image {
    position: relative;
}

    .detail-image img {
        width: 100%;
    }

.detailpage .container .detail .channel:first-child h4 {
    font-size: 20px;
    font-family: 'Montserrat-Regular', sans-serif;
}

.sticky-social-share {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -120px;
}
    .sticky-social-share svg:hover {
        fill: currentColor;
        stroke: currentColor;
    }

    .sticky-social-share > :first-child {
        font-size: 14px;
        color: #8f8f8f;
        font-family: 'Montserrat-Regular', sans-serif;
    }

    .sticky-social-share > li {
        padding-bottom: 20px;
    }

@media only screen and (max-width: 1040px) {
    .sticky-social-share {
        margin-left: -60px;
    }
}

@media only screen and (max-width: 940px) {
    .sticky-social-share {
        display: none;
    }
}

.detailpage .container .detail {
    width: 100%;
    display: table;
    max-width: initial;
    margin: 0 auto;
    padding-top: 14px;
    padding-bottom: 24px;
}

    .detailpage .container .detail .channel {
        padding-right: 2px;
    }

.affix {
    position: fixed;
}

.sticky-social-share.affix {
    top: 50px;
    transform: translateY(0%);
}



.app-suggest {
    padding: 10px;
    box-shadow: 0 -3px 10px 0 rgba(0,0,0,.0785);
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 75px;
    z-index: 999999;
    background-color: #fff;
}

@media only screen and (max-width: 768px) {
    .app-suggest {
        display: none;
    }
}

.app-suggest-logo {
    width: 58px;
    height: 58px;
    margin-right: 30px;
}

.app-suggest-text {
    color: #272727;
    max-width: 450px;
    font-weight: normal;
    font-family: 'San Francisco', sans-serif;
    padding-top: 9px;
    font-size: 16px;
}


    .app-suggest-text span {
        font-weight: 600;
    }

.app-suggest-inner {
    position: relative;
    display: flex;
    margin: 0 auto;
    max-width: 770px;
}

.app-suggest-btn {
    font-family: 'San Francisco', sans-serif;
    position: absolute;
    right: 0;
    width: 160px;
    height: 40px;
    border-radius: 30px;
    text-align: center;
    line-height: 40px;
    background-color: #dd1327;
    color: #fff;
    margin-top: 9px;
    font-size: 13px;
    font-weight: 600;
}

    .app-suggest-btn:hover, .app-suggest-btn:focus {
        color: #fff;
    }