@charset "utf-8";
/* CSS Document 

Longshot Green #4eb8ee

*/

/*--Import GLOBAL CSS--*/
@import url('/sites/all/themes/rollontires/css/global.css');

@media(min-width:1361px){
	.container{max-width:1360px;}
}
@media(max-width:1360px){
	.container{max-width:100%;}
}
@font-face {
  font-family: 'PumpTriline';
  src: url('../fonts/PumpTrilineITC-Normal.ttf')  format('truetype'); /* Safari, Android, iOS */
}
#user-profile-form .field-purchased-nids-add-more-wrapper,
#user-profile-form #edit-field-cancellation-date,
#user-profile-form #edit-field-purchased-nids {display: none !important;}
#top-top {background:#e6ab50;color:#FFF;padding: 10px;display: flow-root;}
#top-top p {float:right;}
#top-top a {color:#FFF;font-weight:bold;}
#activecampaign-profile-view-form table,
#edit-activecampaign-lists table,
#edit-activecampaign-tags table {width:100%;}
#activecampaign-profile-view-form td,
#edit-activecampaign-lists td,
#edit-activecampaign-tags td {padding:15px 0;}


/* Upgrade Page */
.view-upgrade .Ultra {    background-color: #1f6f11 !important;
    color: #FFF;
    font-weight: bold;}
.view-upgrade .Ultra .views-field-title {}
.view-upgrade .Ultra .views-field-commerce-price {}
.view-upgrade .Ultra .views-field-field-product-reference {}

.Wednesday .view-upgrade .Today039s,
.Wednesday.page-node-10594 .view-upgrade-daily-pick-only,
.Wednesday.page-node-10594 .view-today-s-daily-pick,
.Wednesday .purchase-daily,
.Wednesday #block-block-6 {display:none;}


.upgrade {    background: #4aa23a;
    padding: 0px 10px;
    border-radius: 10px;}
 .upgrade:hover {background:#d1e063;color:#000 !important;}
.hide {display:none;}
#block-block-4 {    background: #13460a;
    color: #FFF;
    padding: 20px;}

.message {margin-bottom:20px;}
#block-block-4 p, #block-block-4 li {margin-bottom:20px;font-size: 18px;}
#block-block-4 h2 {margin-top:0px;color:#FFF;}
.view-id-top_news h4,
.view-daily-picks-ultra-premium- h4,
.view-weekly-picks-by-user-and-nid- h4,
.view-faq h4,
.view-id-commerce_addressbook .views-row,
.view-daily-picks-by-user-and-nid- h4 {    border-bottom: 4px solid #4eb8ee;
    margin: 20px 0 30px 0;
    padding-bottom: 10px;}
.main-container .action-links a {background:#4eb8ee;padding:5px;color:#FFF;font-weight:bold;margin:20px;font-size:20px;display: inline-block;}
.node-page {padding:20px;}
.logo {text-align: center;color: #FFF;}
.field-name-commerce-price {font-size: 20px;
    font-weight: bold;
    margin: 20px;
color:#4eb8ee;}
.primary-font {    font-size: 42px;
    padding-right: 123px;color:#FFF;font-family: 'PumpTriline', Fallback, sans-serif;font-size: 50px;}
.logo p {}
.logo span {margin-top: 14px;
    display: inline-block;
    font-size: 29px;}
.logo img {max-height: 60px;width: auto;}
body{font-family: 'Open Sans', sans-serif;}
header.header{padding: 0px 0 10px 0;background:#4eb8ee;}
.logo a{vertical-align:top; max-width:260px}
nav.menu ul li{float:left; margin-right:25px;}
nav.menu ul li:last-child{margin-right:0;}
nav.menu ul li a{font-size:25px; color:#FFF; display:block; text-transform:uppercase; font-weight:700;}
nav.menu ul li a:hover {color:#CCC;}
.social-icons a{display:block; float:left;}
.social-icons a i{display:block; font-size:25px; color:#FFF;}
nav.menu .social-icons{margin-left:35px;}
.social-icons a{margin-right:20px;}
.social-icons a:last-child{margin-right:0;}
.nav-icon{width:46px; height:46px; background-color:#4eb8ee; cursor:pointer; padding:5px 10px;right: 0;margin-right: 10px;position: absolute;}
.nav-icon span{display:block; height:3px; background-color:#fff; position:relative;}
.nav-icon span:before{position:absolute; left:0; top:-10px; width:100%; height:100%; background-color:#fff; content:"";}
.nav-icon span:after{position:absolute; left:0; bottom:-10px; width:100%; height:100%; background-color:#fff; content:"";}
.banner{overflow:hidden;}
.banner .container{padding-top:30px; padding-bottom:30px;}
.app-icons{margin:-8px;}
.app-icons a{padding:8px;}
.app-icons a img{max-height:80px;}
.banner h5{margin-top:20px;}
.banner .app-icons{margin-top:40px;}
.app-display-wrap:after{content:""; width:700px; height:700px; border-radius:100%; background-color:#4eb8ee; position:absolute; left:0; top:20%;}
.app-display{position:relative; z-index:1;}
.section{padding:60px 0;}
.section-block{margin-bottom:60px;}
.section-block:last-child{margin-bottom:0;}
.service-icon{min-height:105px; margin-bottom:30px;}
.service-item h2,
.service-item h6{margin-top:15px;color:#000;font-size:26px;}
.service-item img {filter: hue-rotate(260deg);}/*
.app-screenshot-slider{background:url(/sites/all/themes/rollontires/images/tire-rotated.jpg) center center no-repeat; background-size:cover;}
*/
.app-screenshot-slider {background-color:#4eb8ee;}
.headding{margin-bottom:40px;}
.app-screenshot-slider .headding{color:#fff;}
.image-slider-wrap{padding:0 150px;}
.image-slider-btn{width:70px; height:70px; background-color:#fff; border-radius:100%; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;}
.image-slider-btn i{font-size:40px; color:#4eb8ee; line-height:1;}
.image-slider-btn.prev{left:0;}
.image-slider-btn.next{right:0;}
.app-screenshot-slider:before{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); content:"";}
.app-screenshot-slider .container{position:relative; z-index:9;}
.sub-header{overflow:hidden; margin-bottom:40px;}
.sub-header span{padding:0 30px; position:relative;}
.sub-header span:before, .sub-header span:after{content:""; position:absolute; top:50%; transform:translateY(-50%); width:500%; height:6px; background-color:#4eb8ee;}
.sub-header span:before{right:100%;}
.sub-header span:after{left:100%;}
.pricing-table-header{background-color:#4eb8ee; padding:15px; min-height:125px;}
.pricing-table-header h2{color:#fff;}
.pricing-table-contents{padding:15px; border:3px solid #4eb8ee; border-top:0;}
.pricing-table-contents ul li{margin-bottom:20px;}
.pricing-table-contents ul li:last-child{margin-bottom:0;}
.pricing-table-contents ul li h6 span{margin-right:15px;}
.pricing-table-contents ul li h6 span:last-child{margin-right:0;}

.region-content{width: 100%;padding: 20px;}

#contact h3 {margin-bottom:15px !important;    font-size: 25px;}
h1.page-header {text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 25px;
    margin: 25px 0;}
h2 {color:#4eb8ee;margin:15px 0;}
#webform-client-form-7 .captcha {
 	width: 100%;
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
 }


input[type="checkbox"] {
  transform:scale(2, 2);
  margin: 20px 10px;
}



  .upgrade-text p, .upgrade-red p {font-size: 20px;margin-bottom:20px;}
 .upgrade-text {font-weight:bold;text-align: center}
 .upgrade-red {padding:20px;font-weight:bold;text-align: center;color:#FFF;background:red;}
 .page-user-edit .field-name-field-device-type,
 .page-user-edit .field-name-field-device-push-id-gcm,
 .page-user-edit .field-name-field-device-push-id-apn,
 .page-user-edit .field-name-field-activecampaign-id,
 .page-user-register .field-name-field-device-type,
 .page-user-register .field-name-field-device-push-id-gcm,
 .page-user-register .field-name-field-device-push-id-apn,
 .page-user-register .form-item-countrycode,
 .page-user-register .field-name-field-phone,
 .page-user-register nav.menu,
 .page-user-register .tabs.primary,
.page-user-register .field-name-field-first-name,
.page-user-register .field-name-field-last-name,  
.page-user-register .password-strength,
.page-user-register h1.page-header {display:none !important;}

.page-user-register form {max-width:400px;margin:0 auto;}

#block-block-9 {background: green;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 20px;}

 
.form-submit {margin-left:15px;}
#webform-client-form-7 .form-item {float:left;}

.page-checkout #edit-customer-profile-billing-addressbook--2,
.page-checkout .commerce-stripe-country,
.page-checkout input.form-item-customer-profile-billing-commerce-customer-address-und-0-country,
.page-checkout .street-block .thoroughfare,
.page-checkout .street-block .premise,
.page-checkout .addressfield-container-inline .state,
.page-checkout .addressfield-container-inline input,
.form-control,
#card-element{height:75px; border-radius:0; border:3px solid #4eb8ee; font-size:20px; color:#000; padding:10px 25px;}

#card-errors {border:none;}

.form-control:focus{box-shadow:none; border-color:#4eb8ee; color:#000;}
textarea.form-control{min-height:200px; resize:none;}
footer.footer{background-color:#4eb8ee; min-height:80px; padding:10px 0;margin-top: 60px;}
.footer-links, .copyright{font-size:15px; font-weight:700; color:#fff;}
.footer-links a{color:#fff;}
.footer-links a:hover{color:#fff; text-decoration:underline;}
footer.footer .social-icons a i{color:#fff;}

@media(min-width:1431px){
	.pricing-list .row.rows{margin:-15px -50px;}
	.pricing-list .row.rows .columns{padding:15px 50px;}
	.contact-form .row.rows{margin:-20px -40px;}
	.contact-form .row.rows .columns{padding:20px 40px;}
}
@media(max-width:1360px){
	header.header{padding:30px 0;}
	.logo a{max-width:200px;}
	nav.menu ul li a{font-size:20px;}
	nav.menu ul li{margin-right:20px;}
	nav.menu .social-icons{margin-left:25px;}
	.social-icons a{margin-right:15px;}
	.social-icons a i{font-size:22px;}
	.section{padding:50px 0;}
	.section-block{margin-bottom:50px;}
	.form-control{height:75px; border-width:2px; font-size:18px; padding:10px 20px;}
	.footer-links, .copyright{font-size:20px;}
}
@media(max-width:1199px){
	.logo {max-width: 120px;}
	.primary-font {font-size: 35px;padding-right: 100px;}
	.logo p {}
	.logo img {max-width:90%;}
	header.header{padding:15px 0;}
	.logo a{max-width:150px;}
	.logo a{max-width:170px;}
	nav.menu ul li a{font-size:18px;}
	nav.menu ul li{margin-right:15px;}
	nav.menu .social-icons{margin-left:20px;}
	.social-icons a{margin-right:10px;}
	.app-icons{margin:-4px;}
	.app-icons a{padding:4px;}
	.app-icons a img{max-height:60px;}
	.service-icon{margin-bottom:15px;}
	.service-icon span{max-width:80px;}
	.section{padding:40px 0;}
	.section-block{margin-bottom:40px;}
	.image-slider-btn{width:50px; height:50px;}
	.image-slider-btn i{font-size:30px;}
	.image-slider-wrap{padding:0 100px;}
	.headding{margin-bottom:30px;}
	.sub-header{margin-bottom:30px;}
	.sub-header span:before, .sub-header span:after{height:4px;}
	.sub-header span{padding:0 15px;}
	.pricing-table-header{min-height:auto;}
	.form-control{height:70px; font-size:16px; padding:10px 15px;}
	.footer-links, .copyright{font-size:18px; font-weight:600;}
}
@media(min-width:992px){
	.banner .rows .columns:first-child{order:2;}
}
@media(max-width:991px){
	.logo {max-width: 120px;}
	.primary-font {font-size: 30px;padding-right: 70px;}
	.logo p {}
	.logo img {max-width:90%;}
	header.header{padding:10px 0;}
	.logo a{max-width:120px;}
	nav.menu ul li a{font-size:15px;}
	nav.menu .social-icons{margin-left:15px;}
	.social-icons a i{font-size:20px;}
	.app-icons a img{max-height:50px;}
	.app-display-wrap:after{display:none;}
	.banner-contents{text-align:center; max-width:80%; margin:0 auto;}
	.app-display{max-width:200px;}
	.banner h5{margin-top:15px;}
	.banner .app-icons{margin-top:30px;}
	.section{padding:30px 0;}
	.section-block{margin-bottom:30px;}
	.service-item{margin:0 auto;}
	.service-icon{margin-bottom:10px; min-height:inherit;}
	.service-icon span{max-width:60px;}
	.service-item h6{margin-top:10px;}
	.image-slider-btn{width:40px; height:40px;}
	.image-slider-btn i{font-size:26px;}
	.image-slider-wrap{padding:0 80px;}
	.headding{margin-bottom:25px;}
	.sub-header{margin-bottom:25px;}
	.sub-header span:before, .sub-header span:after{height:3px;}
	.sub-header span{padding:0 10px;}
	.form-control{height:59px; font-size:15px; padding:10px;}
	textarea.form-control{min-height:150px;}
	.footer-links, .copyright{font-size:16px; font-weight:500;}
	footer.footer{min-height:auto; text-align:center;}
	.footer-columns{margin-bottom:15px;}
	.footer-columns:last-child{margin-bottom:0;}
}
@media(min-width:768px){
	.nav-icon{display:none !important;}
	.service-item{max-width:85%;}
}
@media(max-width:767px){
	header.header{padding:5px 0; box-shadow:0 0 2px rgba(0,0,0,0.2);}
	.social-icons{display:none;}
	nav.menu{display:none; z-index:99;}
	nav.menu ul{position:absolute; left:0; top:100%; width:100%;}
	nav.menu ul li{float:none; margin:0; border-bottom:1px solid #20425e;}
	nav.menu ul li:last-child{border:0;}
	nav.menu ul li a{line-height:40px; padding:0 15px; background-color:#4eb8ee; color:#fff; font-size:14px; font-weight:600;}
	nav.menu ul li a:hover{background-color:#20425e;}
	.logo a{max-width:100px;}
	.image-slider-btn{width:36px; height:36px;}
	.image-slider-btn i{font-size:22px;}
	.image-slider-wrap{padding:0 60px;}
	.sub-header span:before, .sub-header span:after{height:2px;}
	.pricing-table-contents{border-width:2px;}
	textarea.form-control{min-height:120px;}
	.footer-links, .copyright{font-size:14px;}
}
@media(max-width:640px){
ul.tabs::after {content:"";clear:both;display: block;}
.tabs li {float:left;margin-bottom: 20px;}
.tabs li a {}
}
@media(max-width:575px){
	.image-slider-wrap{padding:0 50px;}
	.form-control{height:50px;}
}
@media(max-width:480px){
	.form-control{height:46px;}
}