@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

@font-face {

    font-family: 'myriadpro-semibold-webfont';

    src:url('../fonts/myriad-pro-semibold/myriadpro-semibold-webfont.eot');

    src:url('../fonts/myriad-pro-semibold/myriadpro-semibold-webfont_162a16fe.eot') format('embedded-opentype'),

        url('../fonts/myriad-pro-semibold/myriadpro-semibold-webfont.woff2') format('woff2'),

        url('../fonts/myriad-pro-semibold/myriadpro-semibold-webfont.woff') format('woff'),

        url('../fonts/myriad-pro-semibold/myriadpro-semibold-webfont.ttf') format('truetype'),

        url('../fonts/myriad-pro-semibold/myriadpro-semibold-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: "PTS55F-webfont";

    src:url('../fonts/pt-sans-reg/PTS55F-webfont.eot');

    src:url('../fonts/pt-sans-reg/PTS55F-webfont_162a16fe.eot') format('embedded-opentype'),

        url('../fonts/pt-sans-reg/PTS55F-webfont.svg') format('svg'),

        url('../fonts/pt-sans-reg/PTS55F-webfont.woff') format('woff'),

        url('../fonts/pt-sans-reg/PTS55F-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'open_sansregular';

    src: url('../fonts/open-sans-regular/OpenSans-Regular.eot');

    src: url('../fonts/open-sans-regular/OpenSans-Regular_162a16fe.eot') format('embedded-opentype'),

         url('../fonts/open-sans-regular/OpenSans-Regular.woff') format('woff'),

         url('../fonts/open-sans-regular/OpenSans-Regular.ttf') format('truetype'),

         url('../fonts/open-sans-regular/OpenSans-Regular.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'opensans-condlight';

    src: url('../fonts/OpenSans-Condensed-Light/opensans-condlight-webfont.eot');

    src: url('../fonts/OpenSans-Condensed-Light/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/OpenSans-Condensed-Light/opensans-condlight-webfont.woff') format('woff'),

         url('../fonts/OpenSans-Condensed-Light/opensans-condlight-webfont.ttf') format('truetype'),

         url('../fonts/OpenSans-Condensed-Light/opensans-condlight-webfont.svg#opensans-condlight') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'OpenSans-Semibold-webfont';

    src: url('../fonts/OpenSans-Semibold/OpenSans-Semibold-webfont.eot');

    src: url('../fonts/OpenSans-Semibold/OpenSans-Semibold-webfont_162a16fe.eot') format('embedded-opentype'),

         url('../fonts/OpenSans-Semibold/OpenSans-Semibold-webfont.woff') format('woff'),

         url('../fonts/OpenSans-Semibold/OpenSans-Semibold-webfont.ttf') format('truetype'),

         url('../fonts/OpenSans-Semibold/OpenSans-Semibold-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'myriad-pro-regular';

    src: url('../fonts/myriad-pro-regular/MyriadPro-Regular.eot');

    src: url('../fonts/myriad-pro-regular/MyriadPro-Regular_162a16fe.eot') format('embedded-opentype'),

         url('../fonts/myriad-pro-regular/MyriadPro-Regular.woff') format('woff'),

         url('../fonts/myriad-pro-regular/MyriadPro-Regular.ttf') format('truetype'),

         url('../fonts/myriad-pro-regular/MyriadPro-Regular.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'pt-sans-bold';

    src: url('../fonts/pt-sans-bold/pt-sans-bold.eot');

    src: url('../fonts/pt-sans-bold/pt-sans-bold_162a16fe.eot') format('embedded-opentype'),

         url('../fonts/pt-sans-bold/pt-sans-bold.woff') format('woff'),

         url('../fonts/pt-sans-bold/pt-sans-bold.ttf') format('truetype'),

         url('../fonts/pt-sans-bold/pt-sans-bold.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'MyriadPro-Bold';

    src: url('../fonts/myriad-pro-bold/MyriadPro-Bold.eot');

    src: url('../fonts/myriad-pro-bold/MyriadPro-Bold?#iefix') format('embedded-opentype'),

         url('../fonts/myriad-pro-bold/MyriadPro-Bold.woff') format('woff'),

         url('../fonts/myriad-pro-bold/MyriadPro-Bold.ttf') format('truetype'),

         url('../fonts/myriad-pro-bold/MyriadPro-Bold.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}

:-ms-input-placeholder {  
   color:#a9a9a9;
   opacity:1;  
}

::selection{background-color: #0366ff; text-shadow: none; color: #fff;}

::-webkit-selection{background-color: #0366ff; text-shadow: none; color: #fff;}

::-moz-selection{background-color: #0366ff; text-shadow: none; color: #fff;}

body{margin: 0; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; background-color: #fff; font-family: 'open_sansregular'; font-size: 14px; color: #333; background: #0366ff url(../img/body-bg.png) repeat;}

:focus{outline: 0;}

input, textarea, select{ border-radius:0; padding: 3px;}

a{
	text-decoration: none; 
	color: #0366ff; 
	transition:all ease 0.5s; 
	-o-transition:all ease 0.5s; 
	-moz-transition:all ease 0.5s; 
	-ms-transition:all ease 0.5s; 
	-webkit-transition:all ease 0.5s; 
	cursor: pointer;}

img{border: 0 none; max-width: 100%;}

h2, h3, h4, h5{margin: 0;  font-family: 'myriadpro-semibold-webfont';line-height: 1; font-weight: normal;}

h6{margin: 0; font-weight: normal;}

h2{font-size: 24px;margin-bottom: 15px; font-family: 'myriadpro-semibold-webfont';}

ul{margin:0; padding:0;}

ul li{ list-style:none;}

*,*:after,*:before{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

h3{color: #333; font-size: 20px; margin-bottom: 15px; margin-top: 10px; font-weight: normal; font-family: 'open_sansregular';}

h5{color: #0366ff; font-size: 16px; margin-top: 10px; margin-bottom: 12px; font-weight: normal; font-family: 'myriadpro-semibold-webfont'; }

p{margin: 0 0 15px; font-size:14px; line-height:22px;}

.align-right{text-align: right;}

.align-left{text-align: left;}

.align-center{text-align: center;}

.align-justify{text-align: justify;}

.clear{clear: both;}

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

.btn{ background:#0366ff; color:#ffffff; border:0 none; border-radius:3px; font-size:14px; text-transform:uppercase; font-family: 'open_sansregular'; padding:7px 20px; text-align: left;}

.btn:hover {}

.btn:active {box-shadow: 0 0 #561a56; -o-box-shadow: 0 0 #561a56; -moz-box-shadow: 0 0 #561a56; -ms-box-shadow: 0 0 #561a56; -webkit-box-shadow: 0 0 #561a56; top: 6px;}

.btn-split{ min-width: 200px; }

.btn-blog{ min-width: 180px; }

.pre-header{ height:40px; line-height:40px; background:#f0f0f0;}

.header{background:#fff; height:100px; width:100%;}

.logo{padding-top: 10px;float: left;}

.logo img{display: block;}

.header-right{float: right; font-family: 'swiss_721bold_condensed';}

.number{text-align: right; font-size: 24px; text-transform: uppercase; line-height: 18px;}

.number a{ background:url(../img/call-us.png) no-repeat 0 center; color:#000; line-height:40px; font-size:24px; padding-left:30px; font-family: 'myriadpro-semibold-webfont';}

.navigation{position: relative;}

.desktop-menu ul{margin: 0; padding: 0; list-style: none;}

.desktop-menu ul li{float: left; margin-right: 5px;}

.desktop-menu ul li:last-child{margin-right: 0;}

.desktop-menu ul li a{display: block; font-size: 15px; color: #000; line-height: 80px; padding: 10px 14px; text-transform: uppercase;  font-family: 'OpenSans-Semibold-webfont';}

.desktop-menu ul li a:hover, .navigation ul li.active a{color: #fff; background-color: #99CE63;}

.desktop-menu ul li a:hover, .navigation ul li.current a {

    background-color: #0366ff;

    color: #fff;

}


.mobile-menu{font-family: 'swiss_721bold_condensed';}



.contact-head{ color:#666; font-size:18px;font-family: 'OpenSans-Semibold-webfont';}

.call-fax{ background:url(../img/call-fax.png) no-repeat 0 center;  color:#00adf0; font-size:16px; font-family: 'OpenSans-Semibold-webfont';  padding: 5px 0 5px 35px;}

.sub-collapser{display:none;}

.error{color:#ff0000; font-size:13px;}

.banner{margin-bottom:40px;}

.heading{ margin-bottom:30px; padding:0 0 10px 0; width:100%; background:url(../img/heading-bg.jpg) bottom left repeat-x;}

.heading h2{ margin:0; display:block; font-size:30px;color:#000;}

.heading{font-size:30px;color:#000;font-family: 'OpenSans-Semibold-webfont';}

.heading .word1{padding-bottom: 4px;border-bottom:5px solid #0366ff; color:#0366ff;}

.welcome-home{width:840px;float:left;}

.right-form{float:right; width:300px;}

.field{margin-bottom:5px;}

.field input[type="text"], .field input[type="tel"], .field input[type="email"]{padding:5px 10px;width:100%; height:34px; line-height:24px; border:1px solid #cccccc; font-size:18px; color:#a9a9a9;font-family: "PTS55F-webfont"; border-radius:0; -webkit-appearance:none;}

.field textarea{padding:5px 10px;width:100%; height:83px; line-height:22px; border:1px solid #cccccc; font-size:18px; color:#a9a9a9;font-family: "PTS55F-webfont"; border-radius:0; -webkit-appearance:none; resize: none;}

.contact-btn{ margin-top:5px; width:93px; height:38px; background:url(../img/btn-bg.jpg) left top repeat-x; border:0; font-size:14px; text-transform:uppercase; color:#fff;font-family: 'myriad-pro-regular';} 

.footer-bottom{margin-top:30px;}

.bold-text{ font-size:24px; color:#0366ff;font-family: 'pt-sans-bold'; line-height:29px;}

.one-third{width:370px; margin-right:30px; float:left;}


.home-services{margin:30px 0 30px 0;padding: 80px 0 40px 0;background: url(../img/services-sec-bg.jpg) no-repeat center center fixed; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;}



.home-services li{padding:60px 30px 20px 30px;background:#fff;position:relative; text-align:center;}

.home-services li h3{padding:0; font-size:24px; color:#0366ff;}

.home-services li p{font-size:16px;font-family: "PTS55F-webfont"; color:#000; line-height:22px; min-height: 132px;}

.top-icon{ position:absolute; top:-50px; display:inline-block; left:0; right:0;}


.btn{ background-image: url(../img/btn-icon.png); background-position: 90% 10px; background-repeat: no-repeat; padding:0 35px 0 10px;color:#fff; border-radius:5px; display:inline-block; font-size:16px; height:36px; line-height:36px; font-family: 'myriad-pro-regular'; }

.btn-quote{ background:#33cc33; color:#000; border:0 none; border-radius:3px; font-size:14px; text-transform:uppercase; font-family: 'open_sansregular'; padding:7px 20px; text-align: left;}

.btn-quote:hover {}

.btn-quote:active {box-shadow: 0 0 #561a56; -o-box-shadow: 0 0 #561a56; -moz-box-shadow: 0 0 #561a56; -ms-box-shadow: 0 0 #561a56; -webkit-box-shadow: 0 0 #561a56; top: 6px;}

.btn-quote{ background-image: url(/theme/joecool/img/btn-icon.png); background-position: 90% 10px; text-transform:uppercase; background-repeat: no-repeat; padding:0 35px 0 10px;color:#fff; border-radius:5px; display:inline-block; font-size:18px; height:36px; line-height:36px; font-family: 'myriad-pro-regular'; }

.right-form .btn{margin-top:5px;}

.heading::first-word{ color:#f00;}

.client-testimonial{padding:0 35px; position:relative; text-align: justify;}

.client-testimonial:before{ position:absolute; left:0; top:0; content:""; background: url(../img/testimonial-left-icon.png) no-repeat; width:20px; height:19px;}

.client-testimonial:after{ position:absolute; content:""; right:0; bottom:0; background: url(../img/testimonial-right-icon.png) no-repeat; width:20px; height:19px;}

.name{ width:100%; text-align:right; display:block; font-size:20px; color:#0366ff;font-family: "PTS55F-webfont";}

.view-all{text-align:center;}

.client-logo{padding-top:30px;}

.client-logo ul li{width:270px; float:left;}

.client-logo ul li img{ display:block;}

.client-logo ul li:last-child{ margin-right:0;}

.inner-pages-banner{margin-bottom:30px;}

.inner-list{float:left; margin-right:50px;}

.inner-box h3{ font-size:24px; color:#0366ff; font-family: 'pt-sans-bold';}

.inner-box ul { margin-left:30px;}


.address-blog{ float:left; width:270px;}

.address-blog ul li{ padding-left:40px !important; padding-bottom:10px; padding-top:10px;}

.address-blog ul li a{ color:#000 !important;}

.c-address{background: url(../img/c-address.png) left 5px no-repeat !important;}

.c-call{background: url(../img/c-call.png) left 5px no-repeat !important;}

.c-email{background: url(../img/c-mail.png) left 5px no-repeat !important; line-height:10px;}

.inner-box .clear{height:0;}

.inner-testimonial{margin-bottom:30px; border-bottom:1px solid #CCC; padding-bottom:10px;}

.inner-testimonial:last-child{border-bottom:0; margin-bottom:0;}

.faq{margin-bottom:30px;padding:10px; border-radius:5px; background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5); -moz-box-shadow:0 0 3px rgba(0,0,0,0.5); -ms-box-shadow:0 0 3px rgba(0,0,0,0.5);}

.question{margin-bottom:10px;display:block; font-size:22px; color:#0366ff;font-family: 'pt-sans-bold';}

.ans{display:block;}



.footer-bottom{padding:30px 0 0 0; background:#222222;}

.footer-bottom .one-fourth{ width:270px; margin-right:30px; float:left;}
.footer-bottom .one-fourth:nth-child(4n){margin-right:0;}

.footer-bottom .one-fourth ul li a{ font-size:14px; color:#ffffff;}

.footer-bottom .one-fourth ul li a:hover{ text-decoration:underline;}

.footer-bottom .one-fourth ul li {float: left; margin-bottom: 12px; width: 135px;}

.one-third h2, .one-fourth h2, .one-fourth p{ color:#fff;}
.footer-bottom ul.social li{float:none;display: block;}

.last{margin-right:0 !important;}

.one-third a, .one-fourth a{ color:#fff;font-family: 'open_sansregular';}
.one-third span, .one-fourth span{ color:#fff;font-family: 'open_sansregular';}

.address-btm{margin-bottom:10px;padding:0 0 0 30px;width: 158px; background:url(../img/address-btn.png) left 5px no-repeat; display:block; line-height:24px;}

.btm-logo{padding-top:20px; margin-bottom:30px; display:block; width:auto; display:inline-table;}

.call-btm{margin-bottom:10px;padding:0 0 0 30px; background:url(../img/call-btm.png) left center no-repeat; display:block;}

.email-btm{padding:0 0 0 30px; background:url(../img/email-btm.png) left center no-repeat; display:block;}

.email-btm:hover{text-decoration:underline;}

.google-plus{background:url(../img/g-plus.png) left center no-repeat; width:138px; height:27px; display:inline-block; text-indent:-9999px;}

.fb{background:url(../img/fb.png) left center no-repeat; width:138px; height:27px; display:inline-block; text-indent:-9999px;}

.copyright{ height:auto; line-height:50px; background:#111111; text-align:center; color:#fff; font-size:14px; font-family: 'open_sansregular';}

ul.social li{display: block;}
.one-third a, .one-fourth a{color:#fff;}

.footer-bottom a{color:#FFF;}

.inner-list ul li {
    min-height: 1px;
}


.banner{position:relative;}

.slide-text{position:absolute; left:0; right:0; top:300px; text-align:center;}

.slide-details h2{ padding-bottom:15px; margin-bottom:20px; font-size:36px; text-transform:uppercase; font-family: 'MyriadPro-Bold'; color:#fff; background: url(../img/slide-text-line.jpg) bottom center no-repeat;}

.slide-details h3{ font-size:36px;font-family: "PTS55F-webfont"; color:#fff;}

.inner-pages-banner{width:100%;}

.inner-pages-banner img{display: block; width:100%;}

.hover{

	margin-left:-100%;

	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);

    height: 100%;

    position: absolute;

    width:100%;

	left:0;

	top:0;

	transition: all 0.7s ease;

	-webkit-transition: all 0.7s ease;

	-moz--webkit-transition: all 0.7s ease;

	-ms--webkit-transition: all 0.7s ease;

}

.hover span{

	display:block; 

	width:50px; 

	height:38px;

	background: url(../img/hover-icon.png) no-repeat;

	 margin: -19px auto 0;

    position: absolute;

    right: 0;

	left:0;

    top: 50%;

}


.ftg-items .tile:hover .hover{

	margin-left:0;

}
.servives-page-left{
	position:relative;
}
.ser-img-right{
	position:absolute;
	right: -325px;
	border: 3px solid #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}
.error{color:#f00 !important; border-color:#f00 !important;}
.thankyou {text-align: center;}
.thanku-msg{text-align:center;}
.thanku-msg img{ margin-bottom:20px;}
.thanku-msg p{line-height:28px; margin-bottom:0 !important; font-size:18px;}
.lb-image{width:100% !important;}
.inner-box h4 {
    color: #0366ff;
    font-family: "pt-sans-bold";
    font-size: 20px;
    margin: 10px 0;
}

.btn {cursor: pointer;}
.home-services ol li{padding:0; text-align:left; list-style-type:decimal;}
.home-services ol{margin-bottom:15px; min-height:410px;}
.view-all .btn{ padding: 0 45px 0 10px;}
.footer-logo {
    text-align: center;
}

.jcarousel-control-next {
    right: -20px!important;
}
.jcarousel-control-prev {
    left: -35px!important;
}
.logo-block {
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 22px;
    margin-right: 30px;
    min-height: 170px;
    padding: 15px;
    text-align: center;
    width: 240px;
}

.logo-block img{display: block; clear:left; margin-bottom: 10px;}
.logo-block-nth-child(3n){margin-right: 0;}
/*Faqs page accordian css start*/
#accordion  h4{ width:526px; height:23px; background:#F6F6F6;}
.acc_menu {margin: 0;  padding: 0; color:#373c41;}
.acc_menu > a {background:#F6F6F6;  display: block; text-transform:none;  margin-bottom: 2px; padding:5px 25px 5px 11px; text-decoration: none; color: #0366ff; font-family: "pt-sans-bold"; font-size:18px;}
.acc_menu p{text-transform:none; font-size: 14px; text-align:justify; margin:11px 15px;}
.acc_menu strong{margin:0 15px;}
.acc_menu > a.mainHeadSelected {color: #fff; background:url(bg.jpg);}
.statusicon {float: right;}
.acc_menu .subMenu {padding:0; margin-left:10px;}
.acc_menu .subMenu a {background:url("dash_arrow.png") no-repeat scroll 10px center transparent; /*color:#4B4A4A;*/ margin-bottom: 1px; text-decoration: none;}
.statusicon {float:left; margin:10px 11px 0 0; border:none;}
.subMenu ul li, .subMenu ol li {margin:20px 0 20px 20px; font-size:14px; background-position: left 7px;}
.subMenu > p > a {padding:0 !important; display:inline !important;}

.mdo{margin:10px; overflow:hidden; text-align:center;}
.mdo li{display:inline-table; width:auto; margin:0 10px; background:none!important; vertical-align:middle;}

.media{overflow:hidden;}
.media li{width:30.3%;
	float:left;
	margin:0 3% 3% 0!important;
	padding:0!important;
	background:none!important;
	text-align:center;
	color:#0366ff;
	font-size:17px;
	font-weight:600;
	position:relative;
	 min-height:370px;
	}
	
.media li a span{position:absolute; top:30%; left:43%; z-index:2; background:url("../img/play1.png"); width:53px; height:38px; text-indent:-9999px;}
	
.media li img{border:1px solid #ccc;
	margin-bottom:15px;}

.logos-1 {
    overflow: hidden;
}

img.content-img {
    float: right;
    width: 30%;
    box-shadow: 0px 0px 10px #828282;
    margin-left: 10px;
}

.address-blog.license1 ul li {
    padding-left: 0px !important;
    background-image: none;
}

.address-blog.license1 {
    width: 50%;
}

p.google {background-image: url(../img/google.png);background-position: 45px 0px;background-repeat: no-repeat;min-height: 35px;margin-bottom: 0px;}
p.yellow {background-image:url(../img/yellow.png);background-position: 45px 0px;background-repeat: no-repeat;min-height: 35px;margin-bottom: 0px;}
.client-testimonial p {margin-bottom: 5px;}
.inner-box ol li{  margin-bottom: 15px;}
.inner-box ol {margin-left:-22px;}
.you-tube {
    background: rgba(0, 0, 0, 0) url("../img/you-tube.png") no-repeat scroll left center;
    display: inline-block;
    height: 27px;
    text-indent: -9999px;
    width: 138px;
}
.block{display:block;}
.footer-logo .btm-logo{margin-right:15px;}
.right-img {
    float: right;
    margin-left: 20px;
}
.right-img img{ box-shadow: 0 0 10px #828282;}
.inline-img {
    position: relative;
    top: 12px;
}
.subscribe-video .btn{ background-position: 94% 11px;}
.desciption {
    color: #333;
    font-size: 12px;
    margin: 10px 0;
}
.fl-right{float:right;}
.testimonials-img img {
    margin-right: 10px;
    width: 150px;
}
ol.blue-colod-list{
	font-size: 1.2em;
	font-weight: normal;
	margin-left: 10px;
}
ol.blue-colod-list li, ul.blue-colod-list li {
    color: #0366ff;
}
ol.blue-colod-list ul li{color:#333;}
ol.blue-colod-list ul li:first-child{margin-top:10px;}
.blue-colod-list p{color:#333;}

ol.reasons-list{
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 10px;
}
ol.reasons-list li, ul.reasons-list li {
    color: #0366ff;
}
ol.reasons-list ul li{color:#333;}
ol.reasons-list ul li:first-child{margin-top:10px;}
.reasons-list p{color:#333;}

h4.faq-small {
    font-size: 16px;
    padding-bottom: 10px;
    text-decoration: underline;
}

.theam-blue{color:#0366ff;}

/* CSS for star ratings */

fieldset, label { margin: 0; padding: 0; }
.rating { 
  border: none;
  float: left;
}

.rating > input { display: none; } 

.rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  }