.vote-quiz-main {
 font-family: "Open Sans",sans-serif;
}
.row{
	margin-left:0px;
	margin-right:0px;
}
.vote-quiz-text:after {
	border-bottom: 30px solid transparent;
	border-left: 20px solid #6fafce;
	border-top: 30px solid transparent;
	content: "";
	left: 100%;
	position: absolute;
	top: 0;

}
.vote-quiz-text {
    background-color: rgb(64, 177, 208) !important;
    color: #ffffff;
    float: left;
    font-weight: 600;
    height: 60px;
    letter-spacing: 0.12em;
    line-height:60px;
    margin-right: 40px;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
}
.question-quiz {
	background-color: rgb(19, 30, 32) !important;
	height: 60px;
	color: #ffffff;
	
}
.bubble { 
  position: absolute; 
  top: 0px; 
  height: 60px; 
  display: table; 
  left:90px;
}

.bubble p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}


.vote-quiz {
	font-size:16px;
	color:#fff;
	
}
.vote-quiz-1 {
	text-align: right;
	background-color: rgb(64, 177, 208) !important;
	height:60px;
	padding:0px;
}
.vote-quiz-1 .bubble { 
	display: table;
    height: 60px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
	left:auto;

}
.vote-quiz-2 .bubble { 
	display: table;
    height: 60px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
		left:auto;

}
.vote-quiz-2{
	height:60px;
	background-color: rgb(0, 0, 0) !important;
	padding:0px;
}
.no-padding {
	padding-left:0px;
	padding-right:0px;
}
.quiz-or {
	backface-visibility: hidden;
	background-color: rgb(0, 0, 0);
	border: 2px solid #fff;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	height: 40px;
	line-height: 37px;
	padding: 0 8.02px;
	position: absolute;
	text-transform: uppercase;
	top: 10px;
	z-index: 5;
	transform:translateX(-43%);
}
.quiz-image {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	overflow:hidden;
	max-height:300px;
	padding:0px;
	z-index:10000;
	cursor:pointer;
}

.quiz-image:hover .img{
	
	  -moz-transform: scale(1.2,1.2);
    -webkit-transform:  scale(1.2,1.2);
    transform:  scale(1.2,1.2);
}
.quiz-counter{
	background-color: rgb(64, 177, 208);
	border-color: #6fafce;
	color: #fff;
	display: block;
	border-radius: 80px;
    font-size: 19px;
    font-weight: 600;
    height: 80px;
    left: 50%;
    line-height: 26px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
	border:1px solid rgb(64, 177, 208);
}

.quiz-counter-no-vote {
	background-color: #fff;
	color:rgb(64, 177, 208);
	padding-top:25px;
}

.quiz-counter svg {
	transition: all 0.3s ease 0s;
	visibility: visible;
	display: block;
	height: 18.5px;
	margin-left: 18px;
	margin-top: 18px;
	opacity: 1;
}
.quiz-counter-no-vote svg{

}
.quiz-counter-no {
	margin-left: -6px;
}

 
@media screen and (max-width:975px){
    #content .bg-base {
		min-height:1300px;
	}
	
}
@media screen and (max-width:600px){
  .hidden-cus-600 {
	display:none !important;
  }
	
}
@media screen and (max-width:520px){
  .hidden-cus-600 {
	display:none !important;
  }
 .question-quiz {
	line-height:18px;
  }
  .col-xs-12, .col-md-9,.md-pull-right  {
	padding-left:0px;
	padding-right:0px;
  }
   .vote-quiz {
	font-size:13px;
  }	
}
@media screen and (max-width:476px){
  .hidden-cus-476 {
	display:none !important;
  }

 .quiz-or {
		width:30px;
		height:30px;
		font-weight:100px;
		font-size:13px;
		padding-left:4px;
		line-height:23px;
	}
}

@media screen and (max-width:390px) {
	.vote-quiz {
		padding-right:0px;
		padding-left:0px;
	}
	.container {
		margin-left:10px !important;
		margin-right:10px !important;
		 padding-left: 5px;
		padding-right: 5px;
	}
	
	
}
@media screen and (max-width:360px) {
	.vote-quiz-1 .bubble p {
		text-align:left;
		padding-left:5px;
	}
	
}