/*

	Template Author : pixelhint.com
	Author Email    : contact@pixelhint.com
	Template Name   : Sublime
	
	
	*****************************************
	
	
    - fonts
    - general css
    - billboard
    - header
    - services
    - video
    - testimonials
    - blog posts
	- footer
	
*/



/*  Fonts  */
@import url(https://fonts.googleapis.com/css?family=Jura:400,300,500,600&subset=latin,greek);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek);
/*  General CSS*/
body{
    background: #fff;
	margin:0 auto;
}

.wrapper{
    width: 1055px;
    margin: 0 auto;
}

h1, h2, h3, h4, h5 ,h6{
    color: #626262;
    font-family: "raleway-regular", arial;
    letter-spacing: 1px;
}

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6          { font-weight: bolder }

.clearfix:before,  
.clearfix:after {  
    content: " ";  
    display: table;  
}  
.clearfix:after {  
    clear: both;  
}  
 
.clearfix {  
    *zoom: 1;  
}

/*    Billboard    */
.billboard{
	width:100%;
    height: 868px;
    position: relative;
}

.billboard.light{
    background: url('../images/bigimg.jpg') no-repeat center 150px;   
     
    /*background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
}

.billboard.dark{
    background: url('../images/bigimg.png') no-repeat;
    
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}


.billboard .shadow{
    position: absolute;
    width: 100%;
    height: 142px;
    bottom: 0;
    left: 0;
    margin-bottom: -1px;
    background: url('../img/shadow.png') repeat-x;
}

.billboard .caption{
    margin-top: 0px;
    text-align: center;
}

.billboard .caption.light{
    color: #fff;
}

.billboard .caption.dark{
    color: #5d5d5d;
}

.billboard h1.sitetitle{
    font-family: "Jura";
    font-weight: 600; 
    font-size: 50px;
    margin: 333px 0 0 0;
    float: left;
    text-align: center;
    color: #f05921;
    width: 100%;
}

h1.sitetitle{
    font-family: "Jura";
    font-weight: 600; 
    font-size: 40px;
    margin: 30px 0 0 0;
    float: left;
    text-align: center;
    color: #f05921;
    width: 100%;
}
.seperator {
	float: left;
	width: 1075px;
	height: 24px;
	text-align: center;
	margin: 5px auto;
}

.billboard .caption div.introtxt{
    font-family: "Jura";
    font-weight: 600; 
    margin-bottom: 30px;
    display: block;
    margin: 0 auto;
    width: 45%;
	line-height:40px;
}

.billboard .caption div.introtxt > span {display: block; text-align: left;}
.whotxt {font-size: 35px; font-weight:bold; padding: 0 0 0 0px;}
.whattxt {font-size: 27px; padding: 0 0 0 0px;}
.totxt {font-size: 27px; padding: 0 0 0 70px;}
.wheretxt {font-size: 34px;}

.billboard .caption.light h1{
    color: #fff;
}

.billboard .caption.dark h1{
    color: #5d5d5d;
}

.billboard .caption p{
    font-family: "raleway-regular";
    font-size: 18px;
    margin-bottom: 30px;
}

.billboard .caption.light p{
    color: #fff;
}

.billboard .caption.dark p{
    color: #5d5d5d;
}

.billboard .caption hr{
    display: inline-block;
    height: 1px;
    width: 30px;
    border: 0!important;   
    margin: 0;
    padding: 0;
}

.billboard .caption.light hr{
    background: #fff;
}

.billboard .caption.dark hr{
    background: #5d5d5d;
}

.votebigbtn {float: left; width: 100%; height: 70px;}
.votebigbtn > a {display: block; width: 840px; height:70px; line-height: 70px; border: 3px solid #f15a22; font-family: 'Jura'; font-size: 50px; font-weight: 600; color: #f15a22; text-align: center; text-decoration: none; margin: 20px auto; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear;}

.votebigbtn > a:hover {background-color:#f15a22; color: #fff; }


/*    header    */
header{
    width: 100%;
    height: 150px;
    background: url(../images/headerbg.png) repeat-x center top #7dacb6;
	z-index:999;
}

header .logo{
    float: left;
    margin-top: 50px;
}

header .toplogo { float: left; width: 410px; position: relative;}
header .toplogo > img {float: left; position: absolute;}
header .toplogo > img.logopen {left: 0px; top: 0px;}
header .toplogo > img.logoletters {left: 200px; top: 20px;}

header nav{
    float: right;
    margin-top: 57px;
}


header nav ul li{
    list-style: none;
    display: block;
    float: left;
}

header nav ul li.votelink a {border: 1px solid #fff;}

header nav ul li a{
    text-decoration: none;  
    font-family: "Jura";
    font-size: 22px;
	padding: 5px 20px; 
    transition:all .2s linear;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
}

header.light nav ul li a{  
    color: #fff;
}

header.light nav ul li a:hover{
    color: #7dacb6;
}

header.light nav ul li.votelink a:hover{
    color: #fff;
    border: 1px solid #7dacb6;
    background-color: #7dacb6;
}

header.dark nav ul li a{  
    color: #5d5d5d;
}



header.dark nav ul li a:hover{
    color: #919191;
}

/*    Categoty Nav     */
.category-nav {float:left; width: 1055px; padding: 10px; height: 124px; margin: 0 auto; background-color: #ffd464;}
.category-nav > ul {float: left; width: 1055px; height: 124px; margin: 0 auto; padding: 0px; list-style-type: none;}
.category-nav > ul > li {float: left; width: 25%; height: 62px; text-align: center;}
.category-nav > ul > li.mover, .category-nav > ul > li:hover {background: url(../images/catlibg.png) no-repeat center center;}
.frow {}
.sonerow {line-height: 54px;}
.category-nav > ul > li > a {display:block; width:100%; height:51px; font-family: 'Open Sans'; font-size: 16px; line-height: 20px; text-align: center; text-decoration: none; color: #144f5c; padding: 13px 0 0 0; font-weight: 700;}


/*    Services    */
.services {background:url(../images/wharrow-onbl.png) no-repeat center top #7dacb6; padding: 40px 0; height: 770px;}
.sectiontitle {font-family: 'Jura'; font-size: 50px; text-align: center; padding: 0px; margin: 10px 0 40px 0;}
.bawtitle {color: #ffca40;}
.videoframe {display: block; margin: 0 auto 30px auto; width: 667px; height: 332px;}
.videoframe > iframe {float: left; width: 590px;}
.videoframe > ul {float: left; width: 55px; margin: 0 0 0 20px; padding: 0px; list-style-type: none;}
.videoframe > ul > li {float: left; width: 57px; height: 57px; margin-bottom: 15px;}
.videoframe > ul > li > a {float: left; width: 57px; height: 57px; overflow: hidden; text-indent: -9999px;}
.videoframe > ul > li.fb > a{background:url(../images/socialbtns.png) no-repeat center top; }
.videoframe > ul > li.fb > a:hover{background:url(../images/socialbtns_o.png) no-repeat center top; }
.videoframe > ul > li.tw > a{background:url(../images/socialbtns.png) no-repeat center -70px;}
.videoframe > ul > li.tw > a:hover{background:url(../images/socialbtns_o.png) no-repeat center -70px;}
.videoframe > ul > li.mail > a{background:url(../images/socialbtns.png) no-repeat center -140px;}
.introtext {font-family: 'Open Sans'; font-size: 15px; font-weight: 400;display: block; width: 900px; margin: 0 auto; line-height: 18px;}
.introtext > h3 {font-family: 'Jura'; font-size: 30px; font-weight: 600;}
.introtext > p {padding: 10px 0;}
.bawtext {color: #fff; text-align: center;}
.bawtext > h3 {color: #ffca40;}
.bigbtn {float: left; width: 100%; height: 90px;}
.bigbtn > a {display: block; width: 350px; height:50px; line-height: 50px; font-family: 'Jura'; font-size: 40px; font-weight: 600; text-align: center; text-decoration: none; margin: 20px auto; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear;}
.bawmore > a { border: 3px solid #fff; color: #fff;}
.bawmore > a:hover {background-color:#fff; color: #7dacb6; }

/*    Contest    */
.contest {background:url(../images/blarrow-onyl.png) no-repeat center top #ffd464; padding: 40px 0; height: 1600px; width:100%}
.conttitle {color: #f05921;}
.giftframe {display: block; width: 100%;height: 387px; text-align: center;}
.conttext {color: #4d4d4d;}
.conttext > h3 {color: #f05921;}
.bigbtn > a {display: block; width: 350px; height:50px; line-height: 50px; font-family: 'Jura'; font-size: 40px; font-weight: 600; text-align: center; text-decoration: none; margin: 20px auto; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear;}
.contmore > a { border: 3px solid #f05921; color: #f05921;}
.contmore > a:hover {background-color:#f05921; color: #fff;}
h4.xorigoi {float: left; width: 100%; text-align: center; font-size: 30px; font-weight: 600; color: #f05921; font-family: 'Jura';}
ul.xorigoi {float: left; width: 100%; margin: 20px 0; padding: 0px; list-style-type: none; }
ul.xorigoi > li {float: left; width: 25%; text-align: center;}

/*    testimonials    */
.testimonials{ background:url(../images/ylarrow-onwh.png) no-repeat center top; padding: 40px 0; height: 595px;}
.testtitle {color: #f05921;}
.testimonials ul{ margin-top: 70px;  list-style: none;}

.testimonials ul li{
    display: block;
    float: left;
    width: 33%;
}

.testimonials ul li:first-child{
    margin-left: 0;
}

.testimonials ul li .quotes{
    margin-right: 10px;
}

.testimonials ul li p {
    color: #838181;
    font-family: "Open Sans";
    font-size: 15px;
    line-height: 28px;
    letter-spacing: .5px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    display: block; width: 90%;
}

.testimonials ul li p .triangle{
    display: block;
    width: 10px;
    height: 5px;
    background: url('../img/testimonial_triangle.png') no-repeat;
    position: absolute;
    bottom: -5px;
    left: 40px;
}

.testimonials ul li .client{ float: left;  width: 100%; clear: both;}

.testimonials ul li .client img.avatar{
	display: block;
	clear: both;
    margin: 0 auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    border: 10px solid #fff;
    box-shadow: 0px 0px 30px 0px #ddd;
}

.testimonials ul li .client .client_details{
    display: block;
    margin: 20px auto 0 auto;
    text-align: center;
    clear: both;
}

.testimonials ul li .client .client_details h4{
    color: #4d4d4d;
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.testimonials ul li .client .client_details h5{
    color: #7b7979;
    font-family: "raleway-regular";
    font-size: 12px;
    margin: 0;
    font-weight: normal;
}


/*    footer    */
footer{
    padding: 0;
    background: url(../images/footerbg.jpg) repeat-x left 66px #7dacb6;
    height: 430px;
}

footer .footer_logo{
    float: left;
    margin: -38px 0 0 0;
}

footer .rights p{
    float: left;
    color: #838181;
    font-family: "raleway-regular";
    font-size: 13px;
    margin: 5px 0 0 40px; 
}

footer .rights p a{
    color: #777;
    font-family: "raleway-semibold";
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

footer > div > nav{
    float: right;
    margin-top: 22px;
}


footer > div > nav ul li{
    list-style: none;
    display: block;
    float: left;
}

footer > div > nav ul li.votelink a {border: 1px solid #fff;}

footer > div > nav ul li a{
    text-decoration: none;  
    font-family: "Jura";
    font-size: 22px;
	padding: 5px 20px; 
    transition:all .2s linear;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
}

footer > div > nav ul li a{  
    color: #fff;
}

footer > div > nav ul li a:hover{
    color: #f05921;
}

footer > div > nav ul li.votelink a:hover{
    color: #fff;
    border: 1px solid #f05921;
    background-color: #f05921;
}

.smallfooter {float: left; width: 100%; color: #fff; font-family: 'Open Sans'; font-size: 12px;  margin: 20px 0 0 0;}
.smallfooter > nav {float: left;}
.smallfooter > nav > ul {float: left;}
.smallfooter > nav > ul > li {float: left; padding: 0 5px; border-right: 1px solid #5b5d5f;}
.smallfooter > nav > ul > li > a:link, .smallfooter > nav > ul > li > a:visited {text-decoration: none;}
.smallfooter > nav > ul > li > a:hover {text-decoration: underline;}
.smallfooter > nav > ul > li.flilast{border-right: 0px solid #fff;}
.smallfooter > div {float: right;}
.fb-like-box {float: right; background: #fff; margin: 50px 0 0 0; padding: 0px;}


/*   fixed btn   */

#fixedinfo {display: block; right:0px !important; width: 185px; height: 302px; position: absolute; top: 200px; right: 0px; background: url(../images/fixbtn.png) no-repeat right top; z-index: 9999;}
.stickinfo {position:fixed !important; top:30px !important;}
#fixedinfo > a {display: block; right:0px !important; width: 162px; height: 242px; margin: 60px 0 0 22px; position: relative; font-family: 'Jura'; font-weight: 600; text-decoration: none;}
#fixedinfo > a > span {display: block; text-align: center; position: absolute;}
.counter {font-size: 26px; top: 16px; width: 100px; left: 43px;}
.counttxt {font-size: 16px; top: 40px; width: 100px; left: 43px;}
.fxbtn {font-size: 30px; bottom: 10px; width: 162px; }

/* ============================= Article Page ===================================== */

.article-body > h2 {font-family: 'Jura'; font-size: 50px; font-weight: 600; color: #7dacb6; margin: 40px 0 15px 0; padding: 0px;}
.article-body > h3 {font-family: 'Open Sans'; font-size: 16px; font-weight: 700; color: #4d4d4d; margin: 30px 0 4px 0; padding: 0px;}
.article-body > p {font-family: 'Open Sans'; font-size: 14px; font-weight: 400; color: #4d4d4d; margin: 4px 0 4px 0; padding: 0px; line-height: 18px;}
.article {height: auto; margin: 0 0 80px 0;}
.article-body > ul {float: left; width: 100%; margin: 4px 0px 20px 20px; padding: 0px; list-style-type: disc;}
.article-body > ul > li {float: left; width: 60%; clear: both; margin: 5px 0; font-family: 'Open Sans'; font-size: 14px; line-height: 18px;}

/* ============================= Contest Page ===================================== */

.contestpage {height: 1540px; margin: 0 0 80px 0;}
.contest-body > h2 {float: left; width:100%; font-family: 'Jura'; font-size: 50px; font-weight: 600; color: #7dacb6; margin: 0 0 15px 0; padding: 30px 0 0 0px; text-align: center;}
.contest-body > p {font-family: 'Open Sans';  font-size: 14px; font-weight: 400; color: #4d4d4d; margin: 4px 0 20px 0; padding: 0px; line-height: 18px; text-align: center;}

.gifts {float: left; width: 100%; height: 387px; text-align: center; background: #7dacb6;}
.winners > ul {float: left; width: 100%; margin: 20px 0; padding: 0px; list-style-type: none;}
.winners > ul > li {float: left; width: 100%; height: 40px; line-height: 40px; font-family: 'Open Sans'; font-size: 15px;}
.winners > ul > li > span {display: inline-block; font-family: 'Jura'; font-size: 25px; color: #fff; background: #7dabb5; border-radius: 500px; width: 30px; height: 30px; text-align: center; line-height: 30px; margin: 0 5px;}
.contest-terms {float:left; width: auto; height: 25px; margin: 15px 0; text-decoration: none; font-family: 'Open Sans'; color: #f15a22; clear: right; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear;}
a.contest-terms:hover {color: #7dabb5;}
.votesmallbtn {float:left; width: 295px; height: 66px; clear: left;}
.votesmallbtn > a {display: block; width: 295px; height:66px; line-height: 70px; border: 3px solid #f15a22; font-family: 'Jura'; font-size: 40px; font-weight: 600; color: #f15a22; text-align: center; text-decoration: none; margin: 20px 0; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear;}
.votesmallbtn > a:hover {background-color:#f15a22; color: #fff;}

/* ================================ HowTo Page ===================================== */
.howtopage {height: 1920px; margin: 0 0 80px 0;}
.howto-body > h2 {float: left; width:100%; font-family: 'Jura'; font-size: 50px; font-weight: 600; color: #7dacb6; margin: 0 0 15px 0; padding: 30px 0 0 0px; text-align: center;}
.howto-body > p {font-family: 'Open Sans';  font-size: 14px; font-weight: 400; color: #4d4d4d; margin: 4px 0 20px 0; padding: 0px; line-height: 18px; text-align: center;}
.howto {font-family: 'Open Sans'; font-size: 14px; line-height: 18px; margin-top: 20px;}
.howto > div {float: left; width: 100%; margin: 0 0 35px 0;}
.howto > div > span {float:left; font-family: 'Jura'; font-size: 25px; color: #fff; background: #7dabb5; border-radius: 500px; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-top: 0px; margin-left: 5px; margin-right: 5px; padding: 0}
.ht1 {margin-bottom: 410px;}
.ht2 {margin-bottom: 110px;}
.ht3 {margin-bottom: 40px;}
.howto > div > div {display: block; margin: 20px 0; font-family: 'Jura'; font-size: 16px; color: #7dabb5;}
.howto > div > div > span {color: #f15a22; padding: 10px 0;}
.howto > div > div img, .howto > div img{display: block; margin: 20px 0;}

/* ================================ Terms Page ===================================== */
.termspage {height: 2140px; margin: 0 0 80px 0;}
.terms2page {height: 4400px; margin: 0 0 80px 0;}
.terms-body > h2 {float: left; width:100%; font-family: 'Jura'; font-size: 50px; font-weight: 600; color: #7dacb6; margin: 0 0 15px 0; padding: 30px 0 0 0px; text-align: center;}
.terms-body > p {font-family: 'Open Sans';  font-size: 14px; font-weight: 400; color: #4d4d4d; margin: 4px 0 20px 0; padding: 0px; line-height: 18px; text-align: center;}
.term {font-family: 'Open Sans'; font-size: 14px; line-height: 18px; margin-top: 20px;}
.term > div {float: left; width: 100%; margin: 0 0 15px 0;}
.term > div > span {float:left; font-family: 'Jura'; font-size: 25px; color: #fff; background: #7dabb5; border-radius: 500px; width: 30px; height: 30px; text-align: center; line-height: 30px; margin-top: 0px; margin-left: 5px; margin-right: 5px; padding: 0}
.term > div > span.ht1 {margin-bottom:70px;}
.term > div > span.ht2 {margin-bottom: 15px;}
.term > div > span.ht3 {margin-bottom: 3px;}
.term > div > span.ht4 {margin-bottom:3px;}
.term > div > span.ht5 {margin-bottom: 71px;}
.term > div > span.ht6 {margin-bottom: 52px;}
.term > div > span.ht7 {margin-bottom:70px;}
.term > div > span.ht8 {margin-bottom: 20px;}
.term > div > span.ht9 {margin-bottom: 10px;}
.term > div > span.ht10 {margin-bottom:35px;}
.term > div > span.ht11 {margin-bottom: 57px;}
.term > div > span.ht12 {margin-bottom: 50px;}
.term > div > span.ht13 {margin-bottom:56px;}
.term > div > span.ht14 {margin-bottom: 110px;}
.term > div > div {display: block; margin: 20px 0; font-family: 'Jura'; font-size: 16px; color: #7dabb5;}
.term > div > div > span {color: #f15a22; padding: 10px 0;}
.term > div > div img, .howto > div img{display: block; margin: 20px 0;}
.termsspace {padding: 5px 0 !important;}
.whbgl {color: #f15a22 !important;}
/* =================================== VOTE PAGE ======================================== */
.votepage {height: 1200px; margin: 0 0 80px 0; background: none !important;}
.votesection {float: left; width: 100%; height: 430px; text-align: center; background: #7dacb6; margin: 20px 0;}
.aftervote p{float:left; width: 100%; font-family: 'Open Sans'; font-size: 15px; line-height: 20px; text-align: center;}
.simplelink {font-family: 'Open Sans'; font-size: 15px; line-height: 20px; color: #f15a22; text-decoration:none; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear;}
.simplelink:hover {color: #7dabb5;}
.avnote {width:985px !important; padding: 20px 45px; margin: 20px 0; background: #e5eef0;}
.votepage h1.sitetitle {margin-top: 40px !important;}
.voteboxes {float: left; width: 100%; height: 430px; text-align: center; background: #7dacb6; margin: 20px 0;}
.vote-box-wrap {float:left; max-width: 1100px; height: 280px; margin: 0 auto; padding: 0;}
.vote-box-wrap > div {float: left;}
.vote-box-inner {width: 990px; margin: 40px 0 50px 0;}
.voteboxes > .votec > .arrowbtns {float:left; width: 215px;}
.voteboxes > .votec >.arrowbtns > a {display: block; width: 215px; height: 430px; overflow: hidden; text-indent: -9999px;}
.voteboxes > .votec > .previous {height: 430px; background: url(../images/big-prnxt.png) no-repeat left center; margin: -39px 35px 0 0;}
.voteboxes > .votec > .next {height: 430px; background: url(../images/big-prnxt.png) no-repeat right center; margin:  -387px 0 0 1025px;}
.video-wrap {float: left; width: 391px; height: 230px; margin: 0 20px 0 0;}
.vote {float: left;}
.vote > h2 {display: block; width: 100%; margin: 0px 0 50px 0; padding: 0px; font-family: 'Jura'; font-weight: 600;  color: #fff; font-size: 30px; text-align: center;}
.votemore {float: left;}
.votemore > a {float: left; font-family: 'Jura'; font-size: 25px; font-weight: 600; color: #fff; padding: 10px; text-decoration: none; background: #f15a22; line-height: 30px; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear;}
.votemore > a:hover {background: #ffd464; color:#7dacb6;}
.orclass {font-family: 'Open Sans'; font-size: 20px; font-weight: 800; color: #fff; padding: 0 20px; line-height: 50px;}
.votearea > form {float: left;}
.zipsearch {font-family:'Open Sans'; width: 330px; height: 47px; border: none; background: url(../images/searchinput.jpg) no-repeat left top; padding: 0 10px; line-height: 47px;}
.btnrow {display:block; width: 990px; height: 66px; margin: 40px auto 0px auto;}
.btnrow > div.previous {float: left;}
.btnrow > div.vote-button {float: left;}
.btnrow > div.next {float: right;}
.btnrow > .arrowbtns {width: 230px; height: 52px;}
.btnrow > .arrowbtns > a {display:block; width:224px; height:46px; border: 3px solid #fff; color: #fff; font-family: 'Jura'; font-size: 25px; line-height: 46px; margin: 7px 0; text-decoration: none; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear;}
.btnrow > .arrowbtns > a:hover {background: #fff; color: #7dacb6;}
.vote-button {width: 393px; height: 66px; margin: 0 0 0 68px;}
.vote-button > a {display:block; width:387px; height:60px; border: 3px solid #ffd464; color: #ffd464; font-family: 'Jura'; font-size: 50px; line-height: 60px; text-decoration: none; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear;}
.vote-button > a:hover {background: #ffd464; color: #7dacb6;}
.votec {display: block; margin: 0 auto; width: 1491px;}
@media screen and (max-width: 1490px) {
	.voteboxes { }
    .voteboxes > .votec > .arrowbtns{ display: none;}
    .votec {width: 1075px;}
    .vote-box-wrap {float: none !important; display:block; width: 990px; margin: 40px auto 0 auto;}
    .vote-box-inner {float: none !important; display:block; width: 990px; margin: 0 auto;}
    .btnrow  {float: none !important; display:block; margin: 0 auto;}
}

.votearea {float: left; margin: -20px 0 0 0; width: 560px;}
.votearea > .book {width: 500px; height: 110px; padding: 0 0 0 60px; background: url(../images/bookbg.png) no-repeat left top;}
.votearea > .book > .bookimg {float: left;}
.votearea > .book > .bookinfo {float: left; margin: 0 0 0 20px; width: 400px;}
.votearea > .book > .bookinfo > h3 {font-family: 'Jura'; margin: 0px; padding: 0px; font-size: 20px; font-weight: 600; color: #fff; text-align: left;}
.votearea > .book > .bookinfo > p {font-family: 'Open Sans'; margin: 0px; padding: 0px; font-size: 15px; font-weight: 600; color: #376e7a; text-align: left;}
.changevote {float: left; width: 100%; text-align: left; margin: 5px 0 0 -37px; font-family: 'Jura'; font-size: 16px; font-weight: 400; color: #f15a22; text-decoration: none; transition:all .4s linear; -webkit-transition:all .4s linear; -moz-transition:all .4s linear; -o-transition:all .4s linear;}
.changevote:hover {color: #fff;}
.voteof {float: right; width: 100%; text-align: right; margin: 52px 0 0 0;}
.voteof > a {font-family: 'Jura'; font-size: 16px; color: #fff; text-decoration: none; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear;}
.voteof > a:hover {color: #ffd464 !important;}
/* =================================== SEARCH PAGE ======================================== */
.searchpage > header {position: relative; z-index: 9999;}
.searchpage > #mainbody-wrap {float: left;}
.searchpage > footer {float: left; width: 100%;}
.searchtop {float: left; width: 100%; height: 350px; background: url(../images/searchtop-bg.png) no-repeat center bottom #7dacb6; position: relative;}
.bookspat {float: left; width: 100%; height: 137px; background: url(../images/bookspat.png) repeat-x center bottom; position: absolute; left: 0px; bottom: 0px;}
.searchtitle > h1 {display: block; font-family: 'Jura'; font-size: 18px; color: #fff; text-align: center; width: 510px; margin: 30px 0 0 270px;}
.searchtitle > h1 > span{display: block; font-size: 37px;}
.searchtitle {display: block; width: 1075px; margin: 0 auto;}
.searchmenu {float: left; width: 100%; height: 93px; background: #ffd464;}
.searchmenu > .navigation {display: block; width: 1075px; height: 93px; margin: 0 auto;}
.searchmenu > .navigation > .searchtitle {float: left; width: 257px; height: 93px; background: url(../images/searcharr.png) no-repeat left top;}
.searchmenu > .navigation > .searchtitle > h2 {margin: 0px; padding: 0px; font-family: 'Jura'; color: #fff; font-size: 30px; padding: 14px 20px; text-shadow: 1px 1px 1px #333;}
.absearch {float: left; width: 790px;}
.absearch > div {float: left; margin: 0 0 0 20px; width: 790px;}
.absearch > div > ul {float: left; width: 100%; height: 30px; margin: 5px 0; padding: 0px; list-style-type: none;}
.absearch > div > ul > li {float: left; padding: 10px 5px;}
.absearch > div > ul > li > a {display: block; width: 100%; height: 20px; line-height: 20px; font-family: 'Open Sans'; font-size: 16px; font-weight: 600; color: #107287; text-decoration: none; padding: 0 3px; text-align: center; border-radius: 6px;}
.absearch > div > ul > li > a:hover {color: #fff; background: #f15a22;}
.booksresults {float: left; width: 100%; margin:20px 0 0 0;}
.resultswrap {display: block; width: 1075px; margin: 0 auto;}
.resultswrap > .title {float: left; font-family:'Open Sans'; width: 100%; height: 100px; line-height: 139px; padding: 0 0 0 10px;}
.resultswrap > .title > .actletter {float: left; width: 45px; height: 32px; background: url(../images/smallpenbg.png) no-repeat left bottom; font-family: 'Open Sans'; font-size: 18px; color: #fff; text-align: center; padding: 60px 0 0 0; line-height: 18px;}
.resultswrap > .title > .resultno, .resultswrap > .title > .activeletter {color: #f15a22;}
.results {float: left; width: 1075px;}
.results > ul {display: block; width: 1075px; margin: 0px; padding: 0px; list-style-type: none;}
.result {float: left; width:123px;  margin: 0 20px 15px 0; height: 300px;}
.result > a:link, .result > a:visited {display:block; position: relative; padding: 10px 5px; text-decoration: none; color: #414141; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.active > a > .ctabtn {display: block !important; position: absolute; font-family:'Open Sans'; z-index: 999; width: 113px; height: 125px;  background: rgba(255,102,0,0.4); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-align: center; line-height: 125px; font-weight: 800; text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}
.result > a > .inactive {display:none;}
.results > ul > li.active > a, .result > a:hover {color: #fff; background: #ff6600;}
.coverimg {display: block; max-width:125px; margin: 0 auto; max-height: 180px; overflow: hidden; text-align: center;}
.wrname {font-family: 'Open Sans'; font-size: 11px; font-weight: 600; text-align: center; margin: 5px 0 0 0;}
.bookname {font-family: 'Open Sans'; font-size: 12px; font-weight: 300; text-align: center; margin: 0 0 0px 0; line-height: 15px;}
.active > a > .wrname, .active > a > .bookname {color: #fff !important;}
.backbtn {float: right; font-family: 'Jura'; color: #f15a22; text-decoration: none; font-size: 15px;}


/* --------------------------- CONTACT PAGE ----------------------- */
.contactpage {height: 1240px;}
.contactpage h1.sitetitle {color: #f15a22;}
.contest-body form {display: block; width: 570px; margin: 0 auto;}
.contest-body form input[type="text"] {display: block; width: 560px; height: 36px; border: 2px solid #dadada; margin: 0 0 10px 0; padding: 5px;}
.contest-body form textarea {display: block; width: 560px; height: 216px; border: 2px solid #dadada; margin: 0 0 10px 0; padding: 5px;}
.contest-body form input[type="submit"] {float: right; width: 258px; height: 66px; border: 3px solid #f15a22; background: none; color: #f15a22; font-family: 'Jura'; font-size: 35px; cursor: pointer; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; outline: none;}
.contest-body form input[type="submit"]:hover {background: #f15a22; color: #fff;}

/* --------------------- Pop Ups ------------------------- */
.pup01 {display: block; position: relative; width: 720px; height: 720px; background: #ffd464; border-radius: 2500px;}
.pup02 {display: block; position: absolute; left: 10px; top: 10px; width: 700px; height: 700px; background: #7dacb6; border-radius: 2500px;}
.pup03 {display: block;  position: absolute; left: 25px; top: 25px; width: 650px; height: 650px; background: #fff; border-radius: 2500px;}
.spacepen {display: block; position: absolute; left:170px; top: -53px; width: 308px; height: 365px;}
.pup03 .pup-title {display: block; width: 650px; text-align: center; color: #f15a22; font-family: 'Jura'; font-size: 60px; margin: 350px 0 0 0;}
.pup03 > p {color: #414141;}
.pup03 .linkrow {float: left; width: 500px; margin: 18px 0 0 91px;}
.pup03 .linkrow > a {float: left; font-family: 'Jura'; font-size: 30px; text-align: center; text-decoration: none; line-height: 66px; }
.pup03 .linkrow > a.continuebtn { width: 189px; height: 66px; border: 3px solid #919191; color: #919191; margin: 0 10px 0 0;transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear;}
.pup03 .linkrow > a.continuebtn:hover {background: #919191; color: #fff;}
.pup03 .linkrow > a.completionbtn { width: 260px; height: 66px; border: 3px solid #f15a22; color: #f15a22;transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear;}
.pup03 .linkrow > a.completionbtn:hover {background: #f15a22; color: #fff;}

.sqpup01 {float: left; width: 810px; padding: 5px; background: #ffd464;}
.sqpup02 {float: left; width: 780px;  border: 15px solid #7dacb6; background: #fff;}
.sqpup02 .pup-title {display: block; width: 780px; text-align: center; color: #f15a22; font-family: 'Jura'; font-size: 40px; margin: 0px 0 0 0;}
.sqpup02 > p {display:block; width:780px; text-align:center; font-family: 'Open Sans'; font-size: 15px; font-weight: 400; color: #414141; line-height: 20px; margin: 0 0 40px 0;}
.sqpup02 > form {display: block; width: 750px; margin: 10px auto;}
.sqpup02 > form > .linkrow2 {display: block; width:100%;}
.sqpup02 > form > .checkrow  {float:left; width:100%; margin: 5px 0 40px 0; }
.sqpup02 > form > .checkrow > input {float: left; margin: 0 5px 0 0;}
.sqpup02 > form > .checkrow > label {float:left; width: 400px;font-family: 'Open Sans'; padding: 0 3px; font-size: 13px; color: #666;}
.sqpup02 > form > .checkrow > label > a {display: inline-block; color: #f15a22; text-decoration: underline;}
.sqpup02 > form > .linkrow2 > div {float: left;}
.sqpup02 > form > .linkrow2 > .mail-login {}
.sqpup02 > form > .linkrow2 > .mail-login > input[type="text"] {float: left; width: 271px; margin: 0 10px 0 0; padding: 0 5px; height: 43px; border: 2px solid #dadada; background: url(../images/mailicon.png) no-repeat 230px center #fff; outline: none;}
.sqpup02 > form > .linkrow2 > .mail-login > input[type="submit"] {float: left; width: 172px; height: 45px; border: 2px solid #f15a22; color: #f15a22; font-family: 'Jura'; font-size: 25px; text-align: center; background: #fff;transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; cursor: pointer; outline: none;}
.sqpup02 > form > .linkrow2 > .mail-login > input[type="submit"]:hover {background: #f15a22; color: #fff;}
.ordiv {float: left; height: 45px; line-height: 45px; font-family: 'Open Sans'; font-size: 28px; font-weight: 800; color: #7dacb6; text-align: center; padding: 0 10px;}
.sqpup02 > form > .linkrow2 > .fb-login {width: 200px; height: 45px;}
.sqpup02 > form > .linkrow2 > .fb-login > a {display: block; width: 240px; height: 43px;border: 2px solid #3c66ba; color: #3c66ba; font-family: 'Jura'; font-size: 25px; text-align: center; background: #fff;transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; text-decoration: none; line-height: 43px;}
.sqpup02 > form > .linkrow2 > .fb-login > a:hover {background:#3c66ba; color: #fff; }

.myvotes {float: left; width: 780px; background: url(../images/poptitshadow.png) no-repeat left 30px;}
.myvotestitle {display: block; width: 750px; font-family: 'Jura'; font-size: 25px; font-weight: 600; color: #333; margin: 0 auto 30px auto; }
.myvotedbooks {display: block; width: 750px; margin: 0 auto;}
.myvotedbooks > ul {display: block; width: 750px; margin: 0px; padding: 0px; list-style-type: none;}
.myvotedbooks > ul > li {float: left; width: 50%; margin: 0 0 20px 0; height: 130px;
}
.myvotedbooks > ul > li > .book {display: block; width: 100%;}
.myvotedbooks > ul > li > .book > a > .bookimg {float: left; width: 71px; height: 110px; background: url(../images/bookbg.png) no-repeat left top; padding: 0 0 0 61px; margin: 0 15px 0 0;}
.myvotedbooks > ul > li > .book > a > .bookimg > img {width: 71px; height: 108px;}
.myvotedbooks > ul > li > .book > a > .bookinfo {float: left; width: 60%;}
.myvotedbooks > ul > li > .book > a > .bookinfo > h2 {font-family: 'Jura'; font-size: 22px; font-weight: 600; color: #414141; margin: 0 0 10px 0;}
.myvotedbooks > ul > li > .book > a > .bookinfo > h3 {font-family: 'Open Sans'; font-size: 18px; font-weight: 400; color: #f15a22; margin: 0 0 10px 0;}
.myvotedbooks > ul > li > .book > a > .bookinfo > p {font-family: 'Open Sans'; font-size: 14px; font-weight: 400; color: #414141; margin: 0 0 10px 0;}
.myvotedbooks > ul > li > .book > .bookimg {float: left; width: 71px; height: 110px; background: url(../images/bookbg.png) no-repeat left top; padding: 0 0 0 61px; margin: 0 15px 0 0;}
.myvotedbooks > ul > li > .book > .bookimg > img {width: 71px; height: 108px;}
.myvotedbooks > ul > li > .book > .bookinfo {float: left; width: 60%;}
.myvotedbooks > ul > li > .book > .bookinfo > h2 {font-family: 'Jura'; font-size: 22px; font-weight: 600; color: #414141; margin: 0 0 10px 0;}
.myvotedbooks > ul > li > .book > .bookinfo > h3 {font-family: 'Open Sans'; font-size: 18px; font-weight: 400; color: #f15a22; margin: 0 0 10px 0;}
.myvotedbooks > ul > li > .book > .bookinfo > p {font-family: 'Open Sans'; font-size: 14px; font-weight: 400; color: #414141; margin: 0 0 10px 0;}
#cancel {display: block; width: 79px; height: 79px; background: url(../images/close.png) no-repeat center center; text-overflow: hidden; text-indent: -9999px; position: absolute; right: -10px; top:-40px;
}

#checkmail {display: block; width: 730px; background:#ffd464; padding: 5px;}
#checkmail > .smpup {display:block; width: 700px; border: 15px solid #7dacb6; background: #fff;}
.checkmail-title { font-family: 'Jura'; font-size: 25px; font-weight: 600; color: #f15a22; margin: 10px auto 30px auto; text-align: center;}
.checkmailtxt { font-family: 'Open Sans'; font-size: 16px; font-weight: 400; color: #414141; margin: 10px auto 30px auto; text-align: center;}

.finalpup {float: left; background: #ffd464; width: 810px; padding: 5px;}
.finalpup01 {float: left; background: #fff; width: 782px; border:15px solid #7dacb6;}

.finalpup01 > .pup-title { font-family: 'Jura'; font-size: 25px; font-weight: 600; color: #f15a22; margin: 10px auto 30px auto; text-align: center;}
.finalpup01 > p { font-family: 'Open Sans'; font-size: 16px; font-weight: 400; color: #414141; margin: 10px auto 10px auto; text-align: center;}
.finalpup01 > .linkrow {display: block; width: 568px; margin: 10px auto 30px auto; padding: 0 0 45px 0;}
.finalpup01 > .linkrow > a {float:left; margin: 0 20px;}
.finalpup01 > .linkrow > a.fb-share {display: block; width: 240px; height: 43px;border: 2px solid #3c66ba; color: #3c66ba; font-family: 'Jura'; font-size: 25px; text-align: center; background: #fff;transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; text-decoration: none; line-height: 43px;}
.finalpup01 > .linkrow > a.fb-share:hover {background:#3c66ba; color: #fff; }

.finalpup01 > .linkrow > a.tw-share {display: block; width: 240px; height: 43px;border: 2px solid #4099ff; color: #4099ff; font-family: 'Jura'; font-size: 25px; text-align: center; background: #fff;transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; text-decoration: none; line-height: 43px;}
.finalpup01 > .linkrow > a.tw-share:hover {background:#4099ff; color: #fff; }

#notification {display: block; width: 730px; background:#ffd464; padding: 5px;}
#notification > .smpup {display:block; width: 700px; border: 15px solid #7dacb6; background: #fff;}
.checkmail-title { font-family: 'Jura'; font-size: 25px; font-weight: 600; color: #f15a22; margin: 10px auto 30px auto; text-align: center;}
.checkmailtxt { font-family: 'Open Sans'; font-size: 16px; font-weight: 400; color: #414141; margin: 10px auto 30px auto; text-align: center;}

.completionbtn-notification {display: block; width: 250px; height: 45px; line-height: 45px; margin: 40px auto; border: 2px solid #414141; color: #414141; font-family: 'Jura'; text-decoration: none; font-size: 30px;transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear;}
.completionbtn-notification:hover {background: #414141; color: #fff;}

#video {background: #ffd464; padding: 5px;}
.videopup {float:left; background: #fff; border:15px solid #7dacb6; padding: 30px;}
.videopup > .checkmail-title {width: 500px;}

.sponsorssec {height: 960px;}
.sponsorsu {float: left; width: 100%; margin: 0px !important; padding: 0px !important; list-style-type: none !important;}
.sponsorsu > li {float: left !important; width: 100px !important; margin: 0 25px 0 0 !important; clear: none !important;}

.confirmvote > #alert {position: absolute; font-family: 'Open Sans'; font-size: 14px; top:172px; left: 329px;}


/* --------------------------- TOP TEN PAGE ----------------------- */
.ttvotepage {height: 2500px; margin: 0 0 80px 0; background: none !important;}
.ttvotepage h1.sitetitle {margin-top: 40px !important;}
.ttvotesection {float: left; width: 100%; height: 1690px; text-align: center; background: #7dacb6; margin: 20px 0;}
.ttvotesection > .voteboxes > .votec > .arrowbtns {float:left; width: 138px;}
.ttvotesection > .voteboxes > .votec >.arrowbtns > a {display: block; width: 138px; height: 280px; overflow: hidden; text-indent: -9999px;}
.ttvotesection > .voteboxes > .votec > .previous {height: 280px; background: url(../images/sm-prnxt.png) no-repeat left center; margin: 0 35px 0 0;}
.ttvotesection > .voteboxes > .votec > .next {height: 280px; background: url(../images/sm-prnxt.png) no-repeat right center; margin:-1608px 0 0 392px !important;}
.ttvotesection .vote-box-wrap {height: 320px !important;}
.ttnotep {text-align: left; font-family: 'Open Sans'; font-size: 14px; font-weight: 300; color: #fff; line-height: 18px;}
.ttlist {float: none; display: block; width: 990px; margin: 0 auto;}
.ttlogo {float: left; width: 442px; height: 246px; margin: 0 50px 160px 0;}
.ttul {display: inline; margin: 0px; padding: 0px; list-style-type: none;}
.ttul > li {position:relative; float: left; width: 225px; margin: 0 0 70px 0; padding: 30px 10px 10px 10px;}
.tt-bookimg {display: block; width: 135px; height: 205px; padding: 5px; border: 1px solid #fff; margin: 0 auto 10px auto;}
.ttul > li > .tt-bookinfo > * {display: block; font-family: 'Open Sans'; color: #fff;}
.ttwriter {font-weight: 300; font-size: 15px;}
.tttitle {font-weight: 600; font-size: 18px; line-height: 26px;}
.ttpublish {font-weight: 400; font-size: 13px;}
a.ttvote:link, a.ttvote:visited {font-family: 'Jura' !important; text-decoration: none; background: #f15a22; width: 120px; height: 25px; margin: 10px auto; line-height: 25px; font-size: 17px;}
.ttvotesection > .voteboxes > .votec > .btnrow {float: none !important; display: block; margin: 0 auto 20px auto;}
a.ttmore:link, a.ttmore:visited {font-size: 14px; font-weight: 600; text-decoration: none;}
a.ttmore:hover {text-decoration: underline;}
.ttclosebtn {display: none;}
.ttliactive > .ttclosebtn {display: block !important; position: absolute; top: 5px; color: #fff; font-family: 'Jura'; width: 225px; text-align: center; line-height: 30px; background: url(../images/ttclose.png) no-repeat 160px top; text-decoration: none; font-size: 20px;}
.ttliactive {background: #f15a22; border: 1px solid #fff; }
.ttliactive .tt-bookimg {border:none !important;}