/* 
   Author: Cagatay KARA
   Author URI: http://www.ckara.com
*/

.icon_social_media{
	width:40px;
	height:40px;
	margin:5px;
}

.CKReklamList{
    float:left;
    position: relative;
    display: block;
    width:100%;
    min-height:560px;
    height:auto;
}

.CKReklamListBox{
    float:left;
    position: relative;
    display: block;
    /*background-color: #fff;*/
    margin:2px;
    width:32%;
    height:auto;
    max-height:240px;
    overflow:hidden;
    min-width:368px;
}

.CKReklamListBoxItem{
    float:left;
    position: relative;
    display:block;
    width:100%;
    height:100%;
    border:#ccc 1px solid;
    max-height:350px;
}

.CKReklamListBoxItemIMG{
	clear:both;
	display:block;
    float:left;
    position: relative;
    width:30%;
	height:auto;
	margin:0px;
	max-height:240px;	
}

.CKReklamListBoxItemIMG img{
	display: block;
}

.CKReklamListBoxItemTIT{
    float:right;
    position:relative;
    width:68%;
    height:100px;
    text-align:left;
}

.CKReklamListBoxItemTIT .name{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    margin-top:2px;
    text-align:left;
    overflow:hidden;
    border-bottom:#ccc 1px solid;
}

.CKReklamListBoxItem  a{
	font-family: “Segoe UI”,Arial,Helvetica,sans-serif;
}
.CKReklamListBoxItem .name a,
.CKReklamListBoxItem .name a:visited{
	color:#666 !important;
	font-size:0.9em;
}

.CKReklamListBoxItemTIT .corner{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    margin-top:2px;
    text-align:left;
    overflow:hidden;
}

.CKReklamListBoxItem .corner a,
.CKReklamListBoxItem .corner a:visited{
	color:#000 !important;
	font-size:1.0em;
}

.CKReklamListBoxItemTIT .postLink{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    margin-top:2px;
    text-align:left;
    overflow:hidden;
}

.CKReklamListBoxItemTIT .postLink span{
	font-style: italic;
	font-size:0.6em !important;
}

.CKReklamListBoxItem .postLink a,
.CKReklamListBoxItem .postLink a:visited{
	color:#333 !important;
	font-size:1.2em;
}

.CKReklamListBoxItemTIT .socialMedia{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    margin-top:2px;
    text-align:center;
    overflow:hidden;
}

.CKReklamListBoxItemTIT .socialMedia .icon_social_media{
	max-width:26px;
	max-height:26px;
}


/***************************** POST TITLE ***/
.CKReklamPostTitle{
    float:left;
    position: relative;
    display: block;
    /*background-color: #fff;*/
    margin:3px;
    width:100%;
    height:auto;
    max-height:240px;
    overflow:hidden;
}

.CKReklamPostTitleItem{
    float:left;
    position: relative;
    display:block;
    width:100%;
    height:100%;
    border:#ccc 1px solid;
    max-height:350px;
}

.CKReklamPostTitleItemIMG{
	clear:both;
	display:block;
    float:left;
    position: relative;
    width:30%;
	height:auto;
	margin:0px;
	max-height:240px;
	max-width:120px;	
}

.CKReklamPostTitleItemIMG img{
	display: block;
}

.CKReklamPostTitleItemTIT{
    float:left;
    position:relative;
    margin-left:5px;
    width:50%;
    height:160px;
    text-align:left;
}

.CKReklamPostTitleItemTIT .name{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    margin-top:2px;
    text-align:left;
    overflow:hidden;
}


.CKReklamPostTitleItem .name{
	color:#333 !important;
	font-size:0.9em;
}

.CKReklamPostTitleItemTIT .corner{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    margin-top:2px;
    text-align:left;
    overflow:hidden;
}

.CKReklamPostTitleItem .corner{
	color:#000 !important;
	font-size:1.4em;
}


.CKReklamPostTitleItemTIT .socialMedia{
    float:left;
    position:absolute;
    width:100%;
    height:auto;
    bottom:0px;
    text-align:left;
    overflow:hidden;
}

.CKReklamPostTitleItemTIT .socialMedia .icon_social_media{
	max-width:26px;
	max-height:26px;
}

/******************* WIDGET *******************************/

.CKReklamWGBox{
    float:left;
    position: relative;
    display: block;
    /*background-color: #fff;*/
    margin:2px;
    width:32%;
    height:auto;
    max-height:240px;
    overflow:hidden;
    min-width:368px;
}

.CKReklamWGBoxItem{
    float:left;
    position: relative;
    display:block;
    width:100%;
    height:100%;
    max-height:20px;
    padding:5px;
}

.CKReklamWGBoxItem:not(:last-child){
    border-bottom:#ccc thin dotted ;
    margin-bottom:2px;
}

.CKReklamWGBoxItemTIT{
    float:right;
    position:relative;
    width:68%;
    height:100px;
    text-align:left;
}

.CKReklamWGBoxItemTIT .name{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    margin-top:2px;
    text-align:left;
    overflow:hidden;
}

.CKReklamWGBoxItem  a{
	font-family: “Segoe UI”,Arial,Helvetica,sans-serif;
}
.CKReklamWGBoxItem .name a,
.CKReklamWGBoxItem .name a:visited{
	color:#666 !important;
	font-size:0.9em;
}

.CKReklamWGBoxItemTIT .corner{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    margin-top:2px;
    text-align:left;
    overflow:hidden;
}

.CKReklamWGBoxItem .corner a,
.CKReklamWGBoxItem .corner a:visited{
	color:#000 !important;
	font-size:1.0em;
}

.CKReklamWGBoxItemTIT .socialMedia{
    float:left;
    position:relative;
    width:100%;
    height:auto;
    margin-top:2px;
    text-align:center;
    overflow:hidden;
}

.CKReklamWGBoxItemTIT .socialMedia .icon_social_media{
	max-width:26px;
	max-height:26px;
}

/*** Scrolling ***/

.CKReklamWGBoxScrollBox {
	margin: 0em auto;
	padding: 0em;
	width: 100%;
	height: 100px;
	position: relative;
	overflow: hidden;
  	top: 0em;
  	font-size:14px;
}


.CKReklamWGBoxScrollBoxScroll {
	position: absolute;

	/*-webkit-animation: scroll 15s linear infinite;
	-moz-animation: scroll 15s linear infinite;
	-ms-animation: scroll 15s linear infinite;
	-o-animation: scroll 15s linear infinite;
	animation: scroll 15s linear infinite; */
}

.CKReklamWGBoxScrollBoxScroll li{
	list-style: circle;
}


#arrow {
border-right:2px solid black;
border-bottom:2px solid black;
width:8px;
height:8px;
transform: rotate(-45deg);
margin-top:50px;
}

.CKReklamWGBoxScrollBoxScroll li{
	padding-bottom: 10px;list-style:none;
}

.CKReklamWGBoxScrollBoxScroll li:before{
border-right: 2px solid black;
border-bottom: 2px solid black;
width: 10px;
height: 10px;
transform: rotate(-45deg);
content: "";
display: inline-block;
margin-right: 5px;
}



.CKReklamImage{
    width: 100%;
    height:auto;
}