/* footer*/
  @font-face {
  font-family:'Satisfy Regular';src:url(../css/fonts/Satisfy-Regular.ttf);
  }
  /*@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: local('Satisfy Regular'), local('Satisfy-Regular'), url(https://fonts.gstatic.com/s/satisfy/v8/2OzALGYfHwQjkPYWELy-cw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}*/
  
.footer-distributed{
	background-color: transparent;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 115px 0px 0px;
	background-image:url("../images/footer-background.png");
	background-repeat:no-repeat;
	background-size:cover;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 33%;
	padding:30px;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 10px 0 12px 30px;
	padding: 0;
}
ul.footer-links li{
	list-style:inside square;
	font-size: 18px;
}

.footer-distributed .footer-links a{
	line-height: 36px;
	text-decoration: none;
	color:  inherit;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-weight:500;
}

.footer-distributed .footer-company-name{
	color:  #ffffff;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center{
	width: 33%;
	padding:30px;
}

.footer-distributed .footer-center i{
	background-color: #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed .footer-center p a{
	color:  #5383d3;
	text-decoration: none;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 33%;
	padding:30px;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #ffffff;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	line-height:24px;
	margin: 0;
}
.footer-distributed .footer-company-about i{
	width:64px;
	height:64px;
}
.footer-distributed .footer-company-about i img{
	max-width:100%;
	height:auto;
}
.footer-company-about i{
	display: inline-block;
    font-size: 35px;
    vertical-align: top;
    margin-top: 4px;
    margin-right: 15px;
	color:#b22222;
}
.footer-company-about h4{
	display:inline-block;
}

.footer-distributed .footer-company-about span,.footer-right span{
	display: block;
	color:  #ffffff;
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size: 28px;
	font-weight:700;
}

.footer-distributed .footer-icons{
	margin-top: 20px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 75px;
    height: 75px;
	cursor: pointer;
	/*background-color:  #33383b;*/
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 10px;
}
.footer-icons i.fa {
    padding: 23px 0px 20px;
    font-size: 32px;
}
span.address{
	display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
	margin-left:20px;
}
.copy-bottom{
	width: 100%;
    padding: 20px;
    text-align: center;
	border-top: 2px solid #ffffff;
}
a.youtube{background-color:#ca1d0a;}
a.google{background-color:#ca1d0a;}
a.facebook{background-color:#3b579d;}
a.twitter{background-color:#00aced;}
a.pintrest{background-color:#c94638;}
a.linkedin{background-color:#007bb6;}


/* Not Working
#mainpic, img{
    width:100%;
    height:300px;
}
*/


.main-container{
	width:100%;
	padding-top:0px;
	display:table;
}
.box-top img{max-width:100%;}
.box-top{
	width: 28%;
    float: left;
    background: #fff;
    height: 165px;
    display: table;
	transition: all .2s ease-in-out;
    border: 3px solid #b22222;
    box-shadow: 0px 0px 30px 0px #888;
    text-align: center;
	margin: 25px;
	border-radius: 10px;
	overflow:hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
.box-top:hover {
    transform: scale(1.1);
}





.box-sorry img{max-width:100%;}
.box-sorry{
	width: 40%;
    float: center;
    background: #fff;
    height: 320px;
    display: table;
	transition: all .2s ease-in-out;
    border: 3px solid #b22222;
    box-shadow: 0px 0px 30px 0px #888;
    text-align: center;
	margin: 25px;
	border-radius: 10px;
	overflow:hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
.box-sorry:hover {
    transform: scale(1.1);
}


.box-sorry-mobile img{max-width:100%;}
.box-sorry-mobile{
	width: 90%;
    float: center;
    background: #fff;
    height: 250px;
    display: table;
	transition: all .2s ease-in-out;
    border: 3px solid #b22222;
    box-shadow: 0px 0px 30px 0px #888;
    text-align: center;
	margin: 25px;
	border-radius: 10px;
	overflow:hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
.box-sorry-mobile:hover {
    transform: scale(1.1);
}






.vote-thumbnails{
	width: 15%;
}
.vote-thumbnails i{
	margin-top: 0px;
}
.vote-box-1,.vote-box-2,.vote-box-3,.vote-box-4{
	width: 100%;
	margin: 0px 0px 10px 0px;
    background: #fff;
    padding: 5px;
    border:1px solid #ddd;
	box-shadow: 0px 0px 10px 0px #ddd ;
	max-height: 120px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.vote-box-1,.vote-box-4{
	min-height: 137px;
}
.vote-box-1 img,.vote-box-2 img,.vote-box-3 img,.vote-box-4 img{
	max-width:100%;
	height:about;
	overflow:hidden;
}
.vote-box-1 h3,.vote-box-2 h3,.vote-box-3 h3,.vote-box-4 h3{
	font-size: 15px;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
	font-weight: 800;
    font-style: italic;
	margin: 10px 0px 0px;
}

hr{
    background-color: rgb(255, 255, 255);
    color: rgba(0,0,0,.08);
    padding: 2px;
    width: 45px;
    border: 0px;
    float: left;
    margin-top: 15px;
}


/* sign up form*/

.sign-container {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  background: #B22222;
  padding:30px;
  margin-bottom:50px;
}
.sign-container #contact input::placeholder{
	color:#000000;
	opacity:1;
}
.sign-container #contact input::-ms-input-placeholder{
	color:#ffffff;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact input[type="password"],
#contact textarea,
#contact button[type="submit"] {
  font-family: 'Open Sans', sans-serif;
}

#contact {
  background: #ffffff;
  padding: 20px 20px 20px;
  box-shadow: 0px 0px 1px 0px #000;
  margin:10px 0px;
}

#contact h3 {
  display: block;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

fieldset {
  border: medium none !important;
  margin: 0 14px 20px;
  min-width: 45.6%;
  padding: 0;
  width: 40.6%;
  display:inline-block;
}

fieldset.date{
	margin:40px 0px 0px;
}
#contact input#user-name{
	background-image:url("../images/user.png");
	background-position:left;
	background-repeat:no-repeat;
}
#contact input#password{
	background-image:url("../images/lock.png");
	background-position:left;
	background-repeat:no-repeat;
}
#contact input#email{
	background-image:url("../images/mail.png");
	background-position:left;
	background-repeat:no-repeat;
}
#contact select#country{
	background-image:url("../images/location.png");
	background-position:left;
	background-repeat:no-repeat;
}
#contact select#calender{
	background-image:url("../images/day.png");
	background-position:left;
	background-repeat:no-repeat;
	width:25%;
}

.radio-buttons{
	margin: 30px 0px;
}

.radio-buttons input[type="radio"],.radio-buttons{
	color:#000000;
	font-size:14px;
	letter-spacing:1px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact input[type="password"],
#contact select,
#contact textarea {
	width: 100%;
    border-bottom: 1px solid #000;
    background: transparent;
    padding:10px 10px 10px 20px;
	line-height: 23px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
	color:#000000;
	font-size:13px;
	letter-spacing:1px;
	
	-webkit-transition: border-color 0.3s ease-in-out;
  -moz-transition: border-color 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out;
}

#contact select option{
	color:#000;
}

#contact input[type="text"]:hover,#contact input[type="text"]:focus,#contact input[type="text"]:active,
#contact input[type="email"]:hover,#contact input[type="email"]:focus,#contact input[type="email"]:active,
#contact input[type="tel"]:hover,#contact input[type="tel"]:focus,#contact input[type="tel"]:active,
#contact input[type="url"]:hover,#contact input[type="url"]:focus,#contact input[type="url"]:active,
#contact input[type="password"]:hover,#contact input[type="password"]:focus,#contact input[type="password"]:active,
#contact textarea:hover,#contact textarea:focus,#contact textarea:active,
#contact select:hover,#contact select:focus,#contact select:active{
  
  border-bottom: 1px solid #4CAF50;
  border-top:0px;
  border-left:0px;
  border-right:0px;
  outline:none;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

#contact button[type="submit"] {
  cursor: pointer;
  width: auto;
  border: none;
  background: #4CAF50;
  color: #FFF;
  border-radius: 5px;
  padding: 10px 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

#contact button[type="submit"]:hover {
  background: #43A047;
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}

.copyright {
  text-align: center;
}

#contact input:focus,
#contact textarea:focus {
  outline: 0;
  border: 1px solid #aaa;
}

::-webkit-input-placeholder {
  color: #888;
}

:-moz-placeholder {
  color: #888;
}

::-moz-placeholder {
  color: #888;
}

:-ms-input-placeholder {
  color: #888;
}
fieldset.region select {
    width: 49.1%;
    border: 1px solid #ccc;
    background: #FFF;
    /* margin: 0 0 5px; */
    padding: 6px 8px 9px 8px;
}
fieldset.date select {
    width: 32%;
    border: 1px solid #ccc;
    background: #FFF;
    /* margin: 0 0 5px; */
    padding: 8px;
}
fieldset.date {
    width: 100%;
}
.navbar-form{
	padding-top: 15px;
}
.nav.navbar-nav{
	margin-left:30px;
}
.no-winner-message{
	background-color:#b22222;
}
.no-winner-message h3{
	color:#ffffff;
	display:block;
	padding:20px;
}
.data-table td.table-heading,td.table-heading{
	background-color:#000000;
    padding: 15px 20px;
    font-size: 18px;
    border-radius: 10px 10px 0px 0px;
	font-family: 'Alegreya Sans SC', sans-serif;
	text-align:center;
}
.data-table td input[type="text"],.data-table td select,.data-table td input[type="password"],.data-table td input[type="email"],
.data-table td input[type="phone"]{
	width:100%;
	padding:6px 10px;
}
.data-table td{
	padding:0px 15px 10px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	width:auto;
}
.data-table tr{
	background-color:transparent;
}
.data-table tbody{
	background-color:#eeeeee;
}
.female span,.male span,.female input,.male input{
	display:inline-block;
	width:auto;
	vertical-align: top;
}
.data-table td .female input,.data-table td .male input{
	width:auto;
}
.female,.male{
	display:inline-block;
}
.date-of-bir td{
	padding:0px 5px;
}
.your-data-table{
	width:80%;
}
.sent{
	background-color:#4CAF50;
	border-radius: 5px;
padding: 10px 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 13px;
border: none;
    color: #fff;
	margin-bottom: 15px;
}
table.your-images{
	background-color:#eeeeee;
	padding: 0px 0px 0px;
}
.highlight-strip,.data-table td.highlight-strip{
	font-family: 'Alegreya Sans SC', sans-serif;
	font-size:16px;
	color:#fff;
	background-color: #000;
    text-align: center;
    padding: 5px 0px;
}
.data-table a:visited,.data-table a:visited>code {
    color: #4CAF50;
}
.search-form{
	margin-right:30px;
}
.user-welcome{
	font-family: 'Alegreya Sans SC', sans-serif;
	color:#ffffff;
	font-weight:700;
	font-size: 22px;
	display: block;
    margin-bottom: 3px;
}
.user-info{
	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 11px;
	line-height:16px;
	color:#ffffff;
}
.setting-icon span{
	display:block;
	background-color:#b22222;
	padding:7px;
	border-radius:100%;
	color:#ffffff;
	width: 34px;
    height: 34px;
}
.logout-img{
	display:block;
	background-color:#b22222;
	padding:7px;
	border-radius:100%;
	color:#ffffff;
	width: 34px;
    height: 34px;
}
.setting-icon span img,.logout-img img{
	width:100%;
}
.setting-icon font,.logout-icon font{
	font-size:13px;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	line-height:15px;
}
.logout-icon font{
	margin-top: 9px;
    display: inline-block;
}
.container {
    width: 1170px;
	margin:auto;
}
.footer-left h3 a img{
	max-width:100%;
}
.faq-wrapper{
	width:80%;
	margin:auto;
}
@media only screen and (max-width:1199px){
	
	.container{
		width: 970px;
		margin:auto;
	}
	.footer-distributed{
		padding: 90px 0px 0px;
	}
	.footer-distributed .footer-company-about span, .footer-right span{
		font-size: 23px;
	}
	.footer-company-about i{
		margin-right: 10px;
	}
	.footer-distributed .footer-company-about i {
		width: 52px;
		height: 52px;
	}
	.footer-company-about h4 {
		display: inline-block;
		margin: 10px 0px;
	}
	.sign-container{
		max-width:900px;
	}
	.box-top{
		margin: 18px;
	}
}
@media only screen and (max-width:991px){
	body{
		padding-top: 0px;
	}
	.container{
		width: 740px;
		margin: auto;
		padding:0px;
	}
	.vote-box-1 h3, .vote-box-2 h3, .vote-box-3 h3, .vote-box-4 h3{
		font-size: 13px;
	}
	.navbar-inverse.navbar-fixed-top{
		position:static;
	}
	.navbar-inverse.navbar-fixed-top{
		display: flex;
		align-content: center;
		align-items: center;
	}
	.navbar-right{
		width: 40%;
	}
	.navbar-form.navbar-right button{
		padding: 7px 10px;
	}
	.navbar-form.navbar-right input[type=text], .navbar-form.navbar-right input[type=password]{
		width: 36%;
		margin-right: 5px;
		float: left;
	}
	.navbar-inverse .navbar-nav>li>a{
		padding: 30px 8px;
	}
	.footer-distributed .footer-left {
		width: 32%;
		padding: 10px;
	}
	.footer-distributed .footer-links{
		margin: 10px 0 12px 0px;
		line-height: 30px;
	}
	.footer-distributed .footer-icons a{
		width: 56px;
		height: 56px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
	.footer-icons i.fa{
		padding:0px;
		font-size: 28px;
	}
	.footer-distributed .footer-company-about i {
		width: 44px;
		height: 44px;
	}
	.footer-company-about h4{
		width: 130px;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
     margin-left: 10px; 
	 margin-right:0px;
	}
	.navbar-brand{
		width: 100px;
		margin-left: 10px;
	}
	.navbar-right {
     margin-right: 0px; 
	}
	.footer-distributed .footer-left,.footer-distributed .footer-right {
		padding: 20px;
	}
	.footer-distributed .footer-links a{
		line-height: 30px;
	}
	.sign-container{
		max-width:700px;
	}
	.sign-container fieldset{
		margin: 0 10px 20px;
	}
	.faq-wrapper{
		width:100%;
	}
}
@media only screen and (max-width:767px){
	.container{
		width: 550px;
		margin: auto;
		padding:0px;
	}
	.navbar-header{
		text-align: center;
	}
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
		float:none;
		display:inline-block;
		margin:0px;
	}
	.nav.navbar-nav{
		margin:0px;
		text-align: center;
	}
	.nav.navbar-nav li{
		display:inline-block;
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 15px 10px;
		font-size: 16px;
	}
	.navbar-right {
		width: 100%;
	}
	.navbar-form{
		padding: 15px 15px 0px;
	}
	.navbar-form.navbar-right input[type=text], .navbar-form.navbar-right input[type=password]{
		margin-right: 10px;
	}
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
		margin-right: 0px;
		margin-left: 0px;
	}
	.navbar-collapse{
		padding-right: 0px;
        padding-left: 0px; 
	}
	.social-icons ul li a{
		width: 40px;
		height: 40px;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.social-icons ul li a i{
		padding:0px;
		font-size: 20px;
	}
	.image-wrapper{
		height: 330px;
	}
	.rating-star-section input{
		width:25px;
	}
	.footer-distributed .footer-company-about i{
		display:none;
	}
	.footer-company-about h4 {
		width: 100%;
	}
	.vote-box-1, .vote-box-2, .vote-box-3, .vote-box-4{
		padding:2px;
	}
	.sign-container{
		max-width:500px;
	}
	.sign-container fieldset{
		margin: 0 10px 20px;
		min-width: 43.6%;
	}
	.box-top {
		margin: 20px 10px;
	}
	.vote-box-1, .vote-box-4 {
		min-height: 109px;
	}
}
@media only screen and (max-width:565px){
	.container{
		width: 100%;
		padding:0px 20px;
	}
	.navbar-inverse .navbar-nav>li>a {
		padding: 10px 7px;
		font-size: 15px;
	}
	.navbar-form {
		padding: 15px 0px 0px;
	}
	.navbar-form.navbar-right input[type=text], .navbar-form.navbar-right input[type=password]{
		width: 35%;
		padding: 5px 10px;
		font-size: 12px;
	}
	.navbar-form.navbar-right button {
		padding: 5px 10px;
	}
	.main h2{
		font-size: 24px;
		line-height: 26px;
	}
	.content-wrapper {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.social-icons {
		margin: 10px 0px 20px;
		width: 100%;
		text-align: left;
	}
	.social-icons ul{
		text-align: center;
	}
	.social-icons ul li{
		margin-bottom:0px;
		display: inline-block;
	}
	.image-section{
		width: 100%;
	}
	.rating-star-section {
		width: 100%;
		text-align: left;
	}
	.rating-star-section table {
		width: 100%;
		text-align:center;
	}
	.rating-star-section form {
		display: inline-block;
		margin: 10px 5px 0px;
	}
	.footer-distributed .footer-left,.footer-distributed .footer-right{
		width:100%;
	}
	.footer-distributed .footer-left, .footer-distributed .footer-right {
		padding: 0px;
	}
	.footer-distributed {
		padding: 30px 0px 0px;
		background:transparent;
		background-color:#000000;
		margin-top: 40px;
	}
	.footer-distributed .footer-icons a{
		width: 40px;
		height: 40px;
	}
	.footer-icons i.fa{
		font-size: 20px;
	}
	.footer-distributed .footer-icons {
		margin-top: 10px;
	}
	.vote-thumbnails {
		width: 100%;
		margin-top: 20px;
	}
	.vote-box-1, .vote-box-2, .vote-box-3, .vote-box-4{
		width: 29%;
		margin: 10px 6px;
	}
	.main-container{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.sign-container {
		max-width: 100%;
		margin: 0px;
		background: transparent;
		padding: 0px 20px;
	}
	.sign-container fieldset {
		margin: 0 0px 20px;
		min-width: 100%;
	}
	#contact {
		padding: 30px 20px 0px;
		margin: 10px 0px;
		border: 5px solid #B22222;
	}
	.box-content h3{
		line-height: 20px;
		font-size: 16px;
		margin: 0px 5px;
	}
	.box-top{
		height: 130px;
	}
	.box-content h3 {
		line-height: 18px;
		font-size: 14px;
		margin: 0px 5px;
	}
	.box-top {
		margin: 15px 10px;
	}
	.image-wrapper-cover{
		padding: 0px;
		border-radius: 6px;
	}
}


form {
    border:none;
}

input[type=text], input[type=password] {
    width: 38%;
    padding: 6px 20px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

button {
    background-color: #4CAF50;
    color: white;
    padding: 6px 20px;
    margin: 0px 0;
    border: none;
    cursor: pointer;
    width: 22%;
}

button:hover {
    opacity: 0.8;
}

.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

form .container {
    padding: 0px;
	width:100%;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}