@charset "utf-8";
/* CSS Document */
body{
background-color:#f6f6f6;
font-family: 'Lato', sans-serif;
}

::-webkit-scrollbar {
    width: 8px;
	height:8px;
	background-color:white;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
	box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0.8); 
}

content{
position:relative;
display:block;
padding-top:100px;
}

#cpa_slider {
	background: rgba(142,147,163,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(142,147,163,1)), color-stop(80%, rgba(92,99,120,1)), color-stop(100%, rgba(80,87,109,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
	background: radial-gradient(ellipse at center, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e93a3', endColorstr='#50576d', GradientType=1 );
	margin-top: 20px;
}
#cpa_slider {
	width: 100%;
	position: relative;
    height: 290px;
}
.creative-awards{
	margin-top: 30px;
    font-size: 26px;
    margin-left: 25px;
    font-weight: 500;
	margin-bottom: 10px;
	font-family: 'Montserrat',sans-serif;
	color: #eda64c;
}
.cpa-slider-div{
	margin-top: 0;
}
#cpa_slider .wrapper {
    width: calc(100% - 20px);
    overflow-x: auto;
    overflow-y: hidden;
    height: 285px;
    min-height: 10em;
    margin: 0 10px;
    position: absolute;
    top: 0;
}

#cpa_slider ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#cpa_slider .wrapper ul {
/*  width: 9999px;  */ /*calculated dynamically */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

#cpa_slider ul li {
  display:block;
  float:left;
/*
  padding: 10px;
  height: 85px;
  width: 85px;
*/
}

#cpa_slider ul li a img {
  display:block;
}
#cpa_slider .content {
	height: 230px;
		border-radius: 8px;
}
#cpa_nav {
    display: none;
    text-align: center;
    padding: 10px;
    position: relative;
    width: 100%;
    height: 100%;
}
#cpa_nav a.arrow {
width: 45px;
display: none;
padding: 10px;
position: absolute;
}
#cpa_nav a.arrow.cpa_forward {
    right: 10px !important;
}
#cpa_nav a.arrow.cpa_back {
    left: 0 !important;
}
.cpa_card_info {
	margin: 5px 0;
	color: #FFF;
}
.card-img .cpa_card_info {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cpa_card_likes {
	float: right;
}
.cpa_card_info .cpa_card_likes{
	display: none;
}
.grid-item {
	/* because for some reason the slider compresses the cards */
	width: 370px !important;
	height: auto;
	box-shadow: none;
}
.reno_post .card-img {
	background: #FFF;
}
content .cat_slider_container{
background: rgba(142,147,163,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(142,147,163,1)), color-stop(80%, rgba(92,99,120,1)), color-stop(100%, rgba(80,87,109,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
background: radial-gradient(ellipse at center, rgba(142,147,163,1) 0%, rgba(92,99,120,1) 80%, rgba(80,87,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e93a3', endColorstr='#50576d', GradientType=1 );
position:relative;
display: block;
width:100%;
min-height:50px;
padding-bottom:20px;
height:auto;
}

content .cat_slider_container ::-webkit-scrollbar {
    width: 5px;
	height:3px;
	background-color:transparent;
}
 
/* Track */
content .cat_slider_container ::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
content .cat_slider_container ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.3); 
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
	box-shadow: inset 0 0 6px rgba(255,255,255,0.5); 
}
content .cat_slider_container ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,255,255,0.8); 
}


content .cat_slider_container .prev_btn{
position:absolute;
display: block;
left:0;
width:48px;
margin-top:110px;
margin-left:3%;
font-size: 50px;
background-color: transparent;
padding:0;
border:0;
z-index:5;
}

content .cat_slider_container .nxt_btn{ 
position:absolute;
display:block;
right:0;
width:48px;
margin-top:110px;
margin-right:3%;
font-size:50px;
vertical-align:middle;
background-color:transparent;
padding:0;
border:0;
z-index:5;
}

content .cat_slider_container button-container .disabled{ 
color:#fff !important;
}


content .cat_slider_container button:focus{
outline:none;
}

content .cat_slider_container button:hover{
color:#fff;
}

content .cat_slider_container .slider_container{
position:relative;
display:block;
width:84%;
height:auto;
margin:auto;
}

content .cat_slider_container .slider_container .sub-title{
position:relative;
display:block;
width:100%;
float:left;
padding-top:15px;
padding-left:10px;
color:#fff;
height:40px;
font-size:15px;
cursor:default;
}

content .cat_slider_container .slider_container .sub-title i{
font-size:18px !important;
margin-left:2px;
}

content .cat_slider_container .slider_container .slider_outer-elements-container{
position:relative;
display:block;
width:100%;
height:auto;
overflow-y: hidden;
overflow-x:scroll;
}
content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container{
position:relative;
display:block;
width:100000px;
float:left;
height:auto;
overflow:hidden;
}
content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container .collection-element{
position:relative;
float:left;
display:block;
width:350px;
height:220px;
margin:10px;
overflow:hidden;
}

content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container .collection-element .collection-img{
position:relative;
display:block;
width:100%;
float:left;
height:90%;
overflow:hidden;
background-color: black;
}

content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container .collection-element .collection-img img{
position:relative;
display:block;
width:100%;
height:auto;
margin:auto;
left:0;
bottom:0;
}

content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container .collection-element p{
position:relative;
display:block;
width:100%;
height:10%;
font-size:15px;

float:left;
margin:0;
padding-top:2px;
color:#fff;
}

content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container .collection-element p span{
position:relative;
display:block;
float:right;
font-weight: bold;
}

@media(max-width:768px){
content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container .collection-element{
width:280px;
height:190px;
	}
content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container .collection-element p{
font-size:13px;
	}
content .cat_slider_container .prev_btn{
margin-top:100px;
	}
content .cat_slider_container .nxt_btn{
margin-top:100px;	
	}
	.creative-awards{
		font-size: 22px;
		margin-left: 10px;
	}
}

@media(max-width:400px){
content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container .collection-element{
width:200px;
height:150px;
	}
content .cat_slider_container .slider_container .slider_outer-elements-container .slider-elements-container .collection-element p{
font-size:10px;
	}
content .cat_slider_container .prev_btn{
display: none;
	}
content .cat_slider_container .nxt_btn{
display:none;	
	}

}

/*Main Content*/

.main_content_container{
position:relative;
display:block;
width:100%;
max-width:1280px;
padding:0;
margin:auto;
height:auto;
overflow:auto;
}

.main_content_container .main_content_title{
    position:relative;
    display:block;
    width:100%;
    margin:auto;
    text-align:left;
    font-family:'Montserrat',sans-serif;
    font-weight:500;
    font-size:32px;
    margin-top:15px;
    margin-bottom:15px;
    padding-left:20px;
    padding-right:20px;
}

@media(max-width:450px){
    .main_content_container .main_content_title{
        font-size:26px;
        padding-left:12px;
        padding-right:12px;
    }
	.creative-awards{
		font-size: 18px;
		margin-top: 20px;
	}
}

.main_content_container .grid-item{
    float:left; 
}

/*BreadCrumbs Bar*/
.main_content_container breadcrumbs{
position:relative;
display:block;
width:85%;
margin:auto;
height:auto;
margin-top:20px;
}

.main_content_container breadcrumbs a{
color:#FF6E40;
font-style: italic;
opacity:0.7;
}

.main_content_container breadcrumbs a:hover{
color:#FF6E40;
opacity:1;
}

.main_content_container breadcrumbs button{
position:relative;
width:auto;
height:20px;
padding:0px 6px 0px 6px;
margin:1px;
color:#fff;
background:#bbb;
opacity:0.85;
border:0;
border-radius:5px;
font-size:12px;
transition: 0.4s;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(212,212,212,1);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(212,212,212,1);
box-shadow: inset 0px 0px 5px 0px rgba(212,212,212,1);
}

.main_content_container breadcrumbs button span{
margin-right:5px;
vertical-align: top;
}

.main_content_container breadcrumbs button:hover{ 
opacity:1.0;
}
.main_content_container breadcrumbs button:focus{
outline:0;
}

.main_content_container breadcrumbs-left{
width: 58%;
display:inline-block;
vertical-align: top;
}
.main_content_container breadcrumbs-left-header{
position:relative;
display:block;
}
.main_content_container breadcrumbs-right{
width:40%;
display:inline-block;
vertical-align: top;
}

.main_content_container breadcrumbs-right-header{
position:relative;
display:block;
}

@media(max-width:600px){
	.main_content_container breadcrumbs-left{
	display:block;
	width:100%;
	}
	.main_content_container breadcrumbs-right{
	display:block;
	width:100%;
	margin-top:5px;
	}
}

.main_content_container content_header{
position:relative;
display:block;
width:85%;
height:auto;
margin:15px 7.5% 0 7.5%;
}

.main_content_container content_header sub-title{
position:relative;
display:inline-block;
font-size:40px;
font-family: 'Montserrat', sans-serif;
}

.main_content_container content_header sub-title p1{
font-weight:bold;
font-size:40px;
}

.main_content_container content_header button-container{
position:relative;
display:inline-block;
float:right;
margin-top:0.5%;
}

.main_content_container content_header button-container .btn-group-droppy{
margin-right:5px;
}

.main_content_container content_header button-container .btn-group-droppy button{
width:150px;
text-align: left;
}

.main_content_container content_header button-container .btn-group-droppy button span{
float:left;
}

.main_content_container content_header button-container .btn-group-droppy button i{
float:right;
margin-top:2%;
font-size:22px !important;
}


.main_content_container content_header button-container .btn-group-droppy ul{
width:100%;
min-width:140px !important;
}
.main_content_container content_header button-container .btn-group-droppy ul .active a{
background-color:#f6f6f6;
color:#383838;
}
.main_content_container content_header button-container .btn-group button{
}

.main_content_container content_header button-container .btn-group .btn{
font-size:16px !important;
background-color:transparent !important;
box-shadow:none;
border:1px solid #666;
padding:6px 12px  6px 12px;
}

.main_content_container content_header button-container .btn-group .btn-secondary{
color:rgba(102,102,102,0.6);

}

.main_content_container content_header button-container .btn-group .btn:hover{
color:rgba(102,102,102,1);
}

.main_content_container content_header button-container .btn-group .btn:focus{
outline:none !important;

}

.pagination-container{
    position:relative;
    display:block;
    max-width:1280px;
    height:auto;
    text-align:center;
    margin:auto;
}

.pagination{
position: relative;
display:inline-block;
width:auto;
height:auto;
margin:auto;
max-width:1280px;
text-align:center;
cursor: default;
margin-bottom:10px;
clear:both;
overflow:auto;
}

.pagination li{
display:inline-block;
cursor: pointer;
font-size:20px;
color:#383838;
}

.pagination li:hover{
color:#FF6E40;
}

.pagination li.active{
color:#FF6E40;
}

.pagination li.disabled{
color:#CCCCCC;
cursor:not-allowed;
}

/* Collections */
#post_collections {
	padding: 20px;
}
a.collection_link {
	padding: 5px;
	margin-right: 10px;
	background: #383838;
	border-radius: 3px;
	color: #FFF;
	font-size: 0.8em;
}