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

body {    
    /*color: #312F30;*/
    font-family: 'Nunito',sans-serif;
    font-size: 12px;
    /* font-weight: 300; */
    /* line-height: 1.2; */
    margin: 0;
}
a{
	text-decoration:none;
}
.wrapper {
    margin: 0 auto;
    max-width: 1024px;
    width: 100%;
	position:relative;
}
.wrapper-border{
	float:left;
	width:100%;
	background: url("images/body-bg.jpg") #6a681b no-repeat scroll center top;
	border:1px solid #000;
}
.header {
    background: url("images/header-bg.png") repeat-x scroll 0 0;
    color: #FFFFFF;
    float: left;
    padding: 0.5% 1% 0.5% 3%;
    width: 96%;
    z-index: 99999;
}
.header-left{
	float:left;
	width:auto;
	font-weight:bold;
	font-size:125%;
	text-transform:capitalize;
}
.header-right{
	float:right;
}
.nav {
    /*float: right;
    font-size:14px;
    width: 75%;*/
    /*
	width: 89%;
	width: 89%\0;
    */
}
.header-right-top {
    color: #E1D7D7;
    float: left;
    font-size: 100%;
    line-height: 15px;
    padding-bottom: 0;
    text-align: right;
    width: 100%;
}
.header-navigation {
    float: right;
    padding-top: 45px;
    width: 77%;
}
/*.nav ul{
	margin:0;
	padding:0;
}
.nav a{
	color: #FFFFFF;
}
.nav li {    
    float: left;
    list-style: none outside none;
    padding-left: 2%;
    width: auto;
	font-size:135%;
}*/
.nav a:hover {
	 color: #FFBE00
}
.slider{
	float:left;
	width:100%;
	 height:410px;
	position:relative;
}

.slider .bx-wrapper .bx-viewport {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 solid #FFFFFF;
    box-shadow: 0 0 0 #CCCCCC;
    left: 0;
}
.slider .bx-wrapper{
	margin-bottom:0;
}
.slider .bx-wrapper .bx-prev ,.slider .bx-wrapper .bx-next, .slider .bx-wrapper .bx-pager{
	display:none;
}
.on-the-slider {
    position: absolute;
    right: 6%;
    top: 9%;
}
.on-the-slider a{
	color:#fff;
}
.slider-tag-title {
    background: none repeat scroll 0 0 #000000;
    float: right;
    font-size: 225%;
    padding: 9px 6px;
    width: auto;
	margin-bottom:20px;
	font-family: 'Roboto', sans-serif;
}
.slider-first-button, .slider-second-button, .slider-third-button {
    background: url("images/page-middle-buttons.jpg") no-repeat scroll 0 0;
    clear: both;
    float: right;
    font-size: 135%;
    line-height: 46px;
    margin: 10px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
	max-width:225px;
}

.main-site {
    float: left;
    padding: 2.2% 2.9% 0 3.9%;
    width: 93.24%;
	background:#fff;
}
.main-section-title {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    float: left; 
    padding: 2%; 
    width: 96.5%;
	font-size:16.5px
}
.main-section-divs{
	position:relative;
}
.main-section-one{
	float: left;
    width: 27%;
	border: 1px solid;
}
.main-section-one a, .main-section-three a{
	color:#bd0000;
	font-style:italic;
}

.main-section-one-text {
    float: left;
    min-height: 140px;
    padding: 6% 2%;
	font-family: 'Roboto', sans-serif;
}
.main-section-third-text {
    float: left;
    min-height: 140px;
    padding: 6% 2%;
	font-family: 'Roboto', sans-serif;
}
.main-section-two {
    border: 1px solid;
    float: left;
    margin: -7% 3.93% 0 4.83%;
    padding: 0;
    width: 38%;
}
.main-section-two-text {
    float: left;
    min-height: 197px;
    padding: 13px;
	font-family: 'Roboto', sans-serif;
}
.main-section-two .main-section-title{
	width: 96.4%;
	opacity:1;
	font-size:29px;
}
.main-section-three{
	float: left;
    width: 24.7%;
	border: 1px solid;
}
.main-section-third-text span{
	font-size:100%;
}

.before-footer-section {
    background: url("images/local-weather.png") no-repeat scroll right bottom #FFFFFF;
    float: left;
    padding: 3% 5.5% 0 0;
    text-align: right;
    width: 94.52%;
}
.footer-section{
	float:left;
	width: 97.5%;
	background:#212429;
	color:#fff;
	padding:2.2% 1.3% 3.1%;
}
.footer-section li{
	list-style:none;
	font-size:100%;
	float:left;
	width:auto;
}
.footer-section a{
	color:#fff;
}
.footerLeft{
	float:left;
}
.footerLeft a {
    background: none repeat scroll 0 0 #2089A5;
    border-radius: 15px;
    float: left;
    padding: 4px 15px;
    width: auto;
}
.footerRight{
	float:right;
	padding-top:1%;
}
.footerRight li {
    padding-right: 13px;
    width: auto;
}
.menu-toggle{
	display:none;
}

/* Rating page style Start */

.wrapper-middle {
    float: left;
    max-width: 964px;
    padding: 18px 30px;
    width: 100%;
}
.wrapper-middle-inner {
    background: url("images/transparent-white.png") repeat scroll 0 0;
    /*background: white;*/
    float: left;
   /*
      height: 463px;
      overflow: auto;
   */
    padding: 10px 20px;
    width: 96%;
	font-family: 'Roboto', sans-serif;
}
.page-header-title {
    background: none repeat scroll 0 0 #2C3036;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 15px;
}
.page-title {
    background: url("images/title-bg.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    float: left;
    margin: 10px 0 5px 0;
    padding: 0 0 6px 12px;
    width: 100%;
    font-weight: bold;
}
.rating-one{
	float:left;
	width:100%;
}
.rating-page-table {
    border: 1px solid #487EBB;
    border-collapse: collapse;
	float:left;
    text-align: center;
    width: 100%;
	margin-bottom:0px;
    font-weight: bold;
}

.form-upper-part {
    float: left;
    width: 100%;
}
.form-upper-part input[type="text"]{
	/* background:url(images/rating-input.png);*/
    font-weight:bold;
    border: 1px solid #2C3036;
    float: left;
    margin-left: 13px;
    padding: 6px;
    width: 30%;
}
.form-upper-part select {
    border: 1px solid #2C3036;
	/* background:url(images/rating-input.png);*/
    font-weight:bold;
    float: left;
    margin: 0 0 0 13px;
    padding: 5px;
    width: 31.5%;
}
.form-upper-part label {
    float: left;
    padding: 5px 0 0;
    text-align: right;
    width: 15%;
    font-weight: bold;
}
.form-upper-part .right-col{
	float:right;
	margin-right:2px;
}
.rating-page-table tr {
    border-top: 1px solid #487EBB;
}
.first-rate-table {
    background:url(images/rating-tbl-head.png);
    border-top: 0 solid #487EBB;
}
.rating-page-table .first-rate-table td{
	border-left:1px solid #666;
}
.rating-page-table select {
    /*background: url("images/rating-input.png") repeat scroll 0 0;*/
    font-weight: bold;
    border: 1px solid #2C3036;
    float: left;
    padding: 6px;
    width: 100%;
}
.rating-page-table td{
	padding:5px 5px;
}
.rating-page-table .five-col{
	width: 35%;
}
.form-lower-part {
    float: left;
    width: 100%;
}
.form-lower-part input[type="text"] {
    /*background: url("images/rating-input.png") repeat scroll 0 0;*/
    font-weight: bold;
    border: 1px solid #2C3036;
    float: left;
    margin-left: 13px;
    padding: 6px;
    width: 14.9%;
}
.form-lower-part label {
    float: left;
    padding: 5px 0 0;
    text-align: right;
    width: 15.4%;
    font-weight: bold;
}

.discounts,
.wrapper-middle-inner .discounts {
    background: none repeat scroll 0 0 #ae0005;
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 2px 2px #666666;
    color: #FFFFFF;
    cursor: pointer;
    /* float: right; */
    font-size: 13px;
    margin: 25px 0 0;
	font-family: 'Nunito',sans-serif;
    padding: 5px 0;
    text-align: center;
    width:133px;
}
.form-middle-part{
	float:left;
	width:100%;
	margin-bottom:0px;
}
.form-middle-part select{
	/*background: url("images/rating-input.png") repeat scroll 0 0;*/
    font-weight: bold;
    border: 1px solid #2C3036;
    padding: 5px;
    width: 10%;
}
.left-side{
	/*float:left;
	width:auto;*/
}
.territory-lookup,.editraddress{
    background: none repeat scroll 0 0 #2c3036;
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 2px 2px #666666;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-family: 'Nunito',sans-serif;
    width:auto;
    padding: 5px 0;
    text-align: center;
    width:133px;
}

.editraddress{
    box-shadow: 10px 10px 14px -3px rgba(0,0,0,0.31);
}

.form-middle-part .territory-lookup{
    background: none repeat scroll 0 0 #2c3036;
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 2px 2px #666666;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 13px;
	font-family: 'Nunito',sans-serif;
	width:auto;
    padding: 5px 15px;
}
.wrapper-middle-inner input,.wrapper-middle-inner select{
	 font-size: 11px;
}
.rating-two, .rating-two-upper-part, .rating-two-lower-part{
	float:left;
	width:100%;
}
.rating-two-upper-part .left-side ,.rating-two-upper-part .right-side{
	display:inline-block;
	width:41.5%;
	/*max-width:380px;*/
	padding:15px;
	/* background:url(images/rating-tbl-head.png);*/
    font-weight:bold;
	border:1px solid #666;
	min-height:120px;
	font-size: 11px;
}
.rating-two-upper-part .middle-part {
    /*float: left;
    max-width: 150px;*/
    display:inline-block;
    width:15%;
    /*padding-top: 40px;*/
    text-align: center;
    /*width: 100%;*/
}
.right-arrow{
	background:url(images/right-arrow.jpg) no-repeat center 0;
}
.left-arrow{
	background:url(images/left-arrow.jpg) no-repeat center 0;
}
.rating-two-upper-part .middle-part a{
    display:block;
    margin:4px auto;
    width:38px;
    height:35px;
}
.rating-two-upper-part .middle-part a img{
    border:none;
}
.rating-two-upper-part .middle-part input {
    border: medium none;
    /*float: left;*/
    height: auto;
    margin: 5px 0 0 0;
    width: 100%;
	cursor:pointer;
    display:inline-block;
}
.app-code{
	float: left;
    width: 100%;
	padding:20px 0;
}
.app-code input[type="text"] {
    /*background: url("images/rating-input.png") repeat scroll 0 0;*/
    font-weight:bold;
    border: 1px solid #2C3036;
    float: left;
    padding: 6px;
    width: 14.9%;
}
.app-code label {
    float: left;
    padding: 5px 0 0;
    width: 15%;
}
.rating-two-page-table {
    border: 1px solid #487EBB;
    border-collapse: collapse;
	float:left;
    text-align: center;
    width: 100%;
	margin-bottom:0px;
    font-weight: bold;
}
.rating-two-page-table .first-rate-two-table{
	background: url("images/rating-tbl-head.png") repeat scroll 0 0;
    border-top: 0 solid #487EBB;
}
.rating-two-page-table tr {
    border-top: 1px solid #487EBB;
}
.rating-two-page-table td {
	padding:5px;
}
.rating-two-page-table .first-rate-two-table td {
    border-left: 1px solid #666666;
}
.all-input-buttons {
    float: left;
    margin-bottom: 5px;
    padding: 0 30px;
    width: 93%;
    margin-top: 5px;
}
.all-input-buttons input{
	font-family: 'Nunito',sans-serif;
}
.all-input-buttons .bottom-button-one{
    background: none repeat scroll 0 0 #ae0005;
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 2px 2px #666666;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 12px;
    padding: 4px 35px;
}
.all-input-buttons .bottom-button-two{
	border-radius: 5px;
    text-shadow: 0 2px 2px #666666;
    color: #FFFFFF;
	border:1px solid #666;
	background:#ccc;
	padding: 4px 25px;
	cursor: pointer;
	font-size: 12px;
	margin:0 90px;
}
.all-input-buttons .bottom-button-three{
	border-radius: 5px;
    text-shadow: 0 2px 2px #666666;
    color: #FFFFFF;
	border:1px solid #666;
	background:#ccc;
	padding: 4px 25px;
	cursor: pointer;
	font-size: 12px;
    margin: 0 90px;
}
.all-input-buttons .bottom-button-four{
    background: none repeat scroll 0 0 #2C3036;
    border: 0 none;
    border-radius: 5px;
    box-shadow: 0 2px 2px #666666;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 12px;
    padding: 4px 25px;
    width: auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome, .footerLeft , .slider-first-button, .slider-second-button, .slider-third-button {       
		font-size:14px !important;
    } 
	::i-block-chrome, .main-section-title{      
		font-size:12px !important;
    } 		
	::i-block-chrome,.main-section-two .main-section-title {
		font-size: 18px !important;
	}
	::i-block-chrome,.main-site {
		width: 93.38%;
	}	
	::i-block-chrome,.main-section-three .main-section-title {
		width: 96.8%;
	}
}

[data-tip] {
    position:relative;

}
[data-tip]:before {
    content:'';
    /* hides the tooltip when not hovered */
    display:none;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position:absolute;
    top:30px;
    left:35px;
    z-index:8;
    font-size:0;
    line-height:0;
    width:0;
    height:0;
}
[data-tip]:after {
    display:none;
    content:attr(data-tip);
    position:absolute;
    top:35px;
    left:0px;
    padding:5px 8px;
    background:#1a1a1a;
    color:#fff;
    z-index:9;
    font-size: 1em;
    height:25px !important;
    line-height:18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space:nowrap;
    word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
    display:block;
}

.non-weather-tooltip[data-tip]::after{
    font-size: 1.4em;
    background-color: red;
}

.terrbtn {
    margin-left: 41px;
}

.toast {
  opacity: 1 !important;
}

#toast-container > div {
  opacity: 1 !important; 
  width: 450px !important;
  font-size: 13px !important;
}

.toast-top-center { 
    top: 50% !important; 
    right: 50%; 
    /*margin-right: -150px; */
} 
/*@media all and (max-width: 240px) { 
    .toast-top-center { 
        margin-right: -54px; 
    } 
} 
@media all and (min-width: 241px) and (max-width: 320px) { 
    .toast-top-center { 
        margin-right: -64px; 
    } 
} 
@media all and (min-width: 321px) and (max-width: 480px) { 
    .toast-top-center { 
        margin-right: -96px; 
    } 
}*/

/* Rating page style End */



/* Responsive style Start */
/*
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media only screen and (max-width: 1024px) and (orientation:landscape) { 
}
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.nav li {
    font-size: 100%;
}
.slider-tag-title {
    font-size: 200%;
}
.slider-first-button, .slider-second-button, .slider-third-button {
    margin: 0 0 10px;
	 
}
.footer-section {
    width: 97.7%;
}
.main-section-title {
    width: 96.8%;
}
.nav {
    float: right;
    width: 86%;
}
.before-footer-section {
    padding: 3% 7% 0 0;
    width: 92.9%;
}
.wrapper-middle {
    padding: 18px 10px;
	width: 97.3%;
}
.wrapper-middle-inner {
    padding: 15px 10px;
    width: 97.3%;
}
.last-row-table {
    margin: 5px 0 20px 100px;
	width: 80%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
	
.header-right-top {
    font-size: 60%;
	 }
.header {
    padding:1%;
    width: 98.2%;
}
.header-navigation {
    padding-top: 12px;
}
.nav li {
    font-size: 80%;
    padding: 0 3% 2% 0;
}
.nav {
    float: left;
	width:100%
}
.header-left {
    font-size: 100%;
}
.main-site {
    float: left;
    padding: 2.5% 3% 0;
    width: 94.5%;
}
.main-section-one {
    width: 100%;
}
.main-section-two {
    margin: 3% 0 0 0;
    width: 100%;
}
.main-section-three {
    width: 100%;
	margin: 3% 0 0 0;
}
.menu-toggle {
    color: #FFBE00;
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
}
.nav ul {
    background: none repeat scroll 0 0 #000000;
    display: none;
    float: left;
    text-align: center;
	margin-top:5px;
}
.nav ul li {
    padding: 0 0 10px;
    width: 100%;
}
.slider-tag-title {
    font-size: 65%;
    margin-bottom: 3px;
}
.on-the-slider {
    top: 6%;
}
.slider{
	height:120px;
}
.slider-first-button, .slider-second-button, .slider-third-button {
    background: none repeat scroll 0 0 #950303;
    font-size: 60%;
    line-height: 18px;
    margin: 0 0 3px;
}
.footer-section {
    padding: 2.2% 0 3.1%;
    text-align: center;
    width: 100%;
}
.footerRight{
    width: 100%;
}
.footer-section li{
    float: none;
	padding:0;
}
.before-footer-section {
    padding: 9% 18% 0 0;
    width: 82%;
}
.wrapper-middle-inner {
    padding: 10px;
    width: 93%;
}
.wrapper-middle {
    padding: 10px;
    width: 93.5%;
	font-size:12px;
}
body{
	font-size:13px;
}
.form-upper-part input[type="text"] {
    margin: 0 0 4px 13px;
    width: 55%;
}
.form-upper-part select {
    margin: 0 0 4px 13px;
    width: 60%;
}
.form-upper-part .right-col {
    margin-right: 15px;
}
.form-upper-part label {
    width: 30%;
}
.form-middle-part select {
    margin-top: 5px;
    width: 25%;
}
.form-middle-part .territory-lookup{
	 margin-top: 5px;
}
.form-lower-part input[type="text"] {
    margin: 0 0 4px 13px;
    width: 50%;
}
.form-lower-part label {
    width: 38%;
}

.all-input-buttons .bottom-button-two {
    font-size: 12px;
    margin: 0;
    padding: 4px;
	float:right;
}

.rating-two-upper-part .middle-part {
    max-width: 100%;
    padding-top: 0;
}

.rating-two-upper-part .middle-part input {
    width: 50%;
}
.rating-two-upper-part .left-side, .rating-two-upper-part .right-side {
    font-size: 10px;
    max-width: 265px;
    min-height: 100px;
    padding: 5px;
}
.rating-two-page-table td {
    font-size: 8px;
    padding: 2px;
}
.app-code {
    padding: 10px 0;
}
.app-code label {
    width: 34%;
}
.app-code input[type="text"] {
    width: 60%;
}
.all-input-buttons .bottom-button-four {
    font-size: 12px;
    padding: 4px 53px;
	margin-top: 5px;
    width: auto;
}

.rating-page-table td {
    padding: 4px;
}
.all-input-buttons .bottom-button-three {
    font-size: 12px;
    margin-top: 5px;
	float:left;
    padding: 4px 27px;
}
.rating-page-table td {
    font-size: 8px;
    padding: 5px 2px;
}
.rating-page-table select {
    padding: 6px 3px;
}
.wrapper-middle-inner .rating-page-table input, .wrapper-middle-inner .rating-page-table select {
    font-size: 8px;
}
.all-input-buttons .bottom-button-one {
    font-size: 14px;
    padding: 4px 8px;
}
.all-input-buttons {
    padding: 0;
    width: 100%;
}
}
*/
/* Responsive style End */
/* Meenakshi Bhandari */
