* {
    margin: 0;
    padding: 0;
    outline: none !important;
    text-decoration: none;
}


@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf') format('truetype'),
		url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfontd41d.eot?v=3.0.1');
  src: url('fonts/fontawesome-webfontd41d.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('fonts/fontawesome-webfont78ce.woff?v=3.0.1') format('woff'),
    url('fonts/fontawesome-webfont78ce.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}


body {
	background-color: #fff;
	background-position:center top;
	background-repeat:repeat-y;
	background-size:cover;
	color: #2e2e2e;
	font-family: 'Roboto-Regular' !important;
	margin: 0;
	padding: 0;
	font-size:14px !important;
	font-weight: 300;
	scrollbar-highlight-color: #f1f1f1;
	scrollbar-face-color: #006A4D;
	scrollbar-arrow-color: #006A4D;

}


a {
    color:#69be28;
    outline: 0;
    text-decoration: none;
    transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    font-family: 'Roboto-Regular' !important;
}
a:hover {
text-decoration: none;
}

h1,h2,h3,h4,h5,h6{
	margin:0;	
	font-family: 'Roboto-Regular' !important;
}

h3 {
    font-size: 30px !important;
}




/*--------Header-Start---------*/

.Top-Header{
	background:#fff;
}

.navbar-brand img{
	width:70%;
}

.war-cont p{
    font-size: 30px;
    text-transform: uppercase;
    margin: 0px;
    letter-spacing: 3px;
    font-weight:100;
    color:#006499;
}
.war-cont p{
	color:#006499;
	font-weight:600;
}

.war-login{
	border:2px solid #00a7e4;
	text-transform:uppercase;
}

.mTop10{
	margin-top:10px !important;
}
.mBot0{
	margin-bottom:0px !important;
}

.war-login .nav-item{
	padding:4px 14px 2px 10px !important;
}

.shield-ico img{
	width: 65%;
	float: right;
}

.war-inn{
	margin-top: 120px;
}

/*--------Header-End---------*/


/*--------Inner-Sectoin-Start---------*/

.sub-head{
    width: 100%;
	padding: 10px;

}
.rowpad{
	padding-left: 16px;
	padding-right: 16px;
	
}
.bgw{
	background:#fff !important;
}
.war-ser-add .sub-head{
	padding:0px;
	margin-top:30px;
}

.war-ser-add i{
	color:#009ff2 !important;
}

.sub-head p{
	margin:0px;
	text-transform: uppercase;
    font-size: 22px;
	color:#000;
	font-weight:100;
}

.large-12{
	width:100%;
}
.war-pro-reg-form{
	background:#f9f9f9;
	padding:10px;
	border: 1px solid #ccc;
	height: auto;
	margin-bottom: 30px;
}

.war-pro-reg-form-bg{
	background-color: #04629f;
	background-image: url(../img/war-reg-bg.png);
	background-size:cover;
	height:421px;
}
.war-policy-btn{
	float:left;
}

.war-sub-btn, .war-can-btn{
	float:left;
}

.war-policy-btn .button{
	background-color:#04629f !important;
}

.war-can-btn .button{
	background:#fff !important;
	border:1px solid #cdcdcd;
	color:#000;
	margin-left:10px;
}
.war-pro-reg{
	color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 42px;
    padding: 160px 10px 10px 50px;
}



/*----------------TABS----------------*/
.tabs {
	max-width:100%;
	margin: 0 auto;
  }
  #tab-button {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
  }
  #tab-button li {
	display: table-cell;
	width: 20%;
  }
  #tab-button li a {
	display: block;
	padding:11px 5px 10px 5px;
	background: #eee;
	border: 1px solid #ddd;
	text-align: center;
	color: #000;
    text-decoration: none;
    text-transform: uppercase;
  }
  #tab-button li:not(:first-child) a {
	border-left: none;
  }
  #tab-button li a:hover,
  #tab-button .is-active a {
    border-bottom-color: transparent;
    background: #04629f;
	color: #fff;
	
  }

  #tab-button .is-active a {
  }


  
  
  
  .tab-button-outer {
	display: none;
  }
  .tab-contents {
	margin-top: 20px;
  }
  @media screen and (min-width: 768px) {
	.tab-button-outer {
	  position: relative;
	  z-index: 2;
	  display: block;
	}
	.tab-select-outer {
	  display: none;
	}
	.tab-contents {
	  position: relative;
	  top: -1px;
	  margin-top: 0;
    }
    #standard_warranty{
        height:auto !important;
    }

    .Top-Header .navbar-expand-md .navbar-collapse{
        display:block !important;
    }
    .war-login{
        width: auto;
        float: right;
    }
    .pRight10{
        padding-right:10px;
    }   
	
  }

  /*----------TABS-END-------------*/



  .war-pro-reg-pack {
    background: #f9f9f9;
    padding:0px !important;
    border: 1px solid #ccc;
    height: auto;
	margin-bottom: 30px;
	border-right:0px;
}

.war-pro-reg-pack:last-child{
	border-right:1px solid #ccc;
}
.war-pro-pack-head p{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    border-top: 1px solid #ccc;
	padding: 20px;
	margin:0px;
}
.war-pro-pack, .war-pro-pack1{
	padding:20px;
}
.war-pro-pack-cont p{
    text-align: center;
    font-size: 16px;
    padding: 0px 20px 20px 20px;
}

.war-ser-add ul li {
    display: block;
    line-height: 34px;
    border: 1px solid #ccc;
    border-bottom: 0px;
    padding: 2px 10px 0px 10px;
}
.war-ser-add ul li:last-child{
	border-bottom: 1px solid #ccc;
}
.war-ser-add{
	width: 30%;
    margin: 0 auto;
    text-align: center;
}


















.min-head p{
	font-size: 17px;
    padding: 10px;
	text-transform:uppercase;
	margin:0px;
}

.new-pro-cont ul li{
	display:block;
    line-height: 42px;
    border: 1px solid #ccc;
    border-bottom: 0px;
	padding: 2px 10px 0px 10px;
}


.new-pro-cont ul li:last-child{
	border-bottom:1px solid #ccc;
}
.new-pro-cont ul li i, .ben-of-war ul li i{
	color:#19ade6;
	padding-right: 5px;
}

.war-reg-form{
	padding: 10px;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #ccc;
	height: auto;
	margin-bottom: 30px;
}

label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0 !important;
}

input[type="text"]{
	    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin:0px 0px 18px 0px;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}

input[type="text"]:focus{
	background: #fafafa;
	border-color: #999999;
	outline: none;
}


.medium-6 {
    width: 50%;
}
.column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
}

button, .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-family: "Roboto", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 0.75rem 1.5rem 0.8125rem 1.5rem;
    font-size: 1rem;
    background-color: #009ff2;
    border-color: #007fc1;
    border: 1px solid #009ff2;
    color: #FFFFFF;
    transition: background-color 300ms ease-out;
	margin: 1px;
}


.table, .table td, .table th{
	border: 1px solid #ccc;
}

.p-reg-head{
	font-size: 17px;
	padding: 10px;
	text-transform: uppercase;
	margin: 0px;
}

.p-reg-head p{
	margin:0px;
}

.bronze-ico{
    background-image: linear-gradient(#786a47, #fff5dd, #786a47);
    text-align: center;
    padding: 18px;
    font-size:20px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius:15px;
    width:80%;
    margin: 0 auto;
    cursor:pointer;
}

.bronze-ico img{
	float:left;
}

.silver-ico{
	background-image: linear-gradient(#afafaf, #ffffff, #afafaf);
	text-align: center;
	padding: 18px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 15px;
	width:80%;
    margin:0 auto;
    cursor:pointer;
}
.gold-ico{
	background-image: linear-gradient(#ffcb6d, #ffffff, #ffcb6d);
	text-align: center;
	padding: 18px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius:15px;
	width:80%;
    margin:0 auto;
    cursor:pointer;
}
.platinum-ico{
	background-image:linear-gradient(#646575, #ffffff, #646575);
	text-align: center;
	padding: 18px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius:15px;
    width:80%;
    cursor:pointer;
	margin:0 auto;
}

.year-sel{
	padding: 30px 10px 30px 10px;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 18px;
}

.table thead th{
	text-align:center;
	text-transform:uppercase;
}
.table thead th{
	background: #f7f7f7;
}
.ben-of-war ul li{
	display:block;
    line-height: 42px;
    border: 1px solid #ccc;
    border-bottom: 0px;
	padding: 2px 10px 0px 10px;
}
.ben-of-war ul li:last-child{
	border-bottom:1px solid #ccc;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #007fc1;
}

.post-enq{
	padding: 10px;
	text-align: left;
	line-height: 28px;
}
.war-sub{
	text-align:center;
}

.harman-contact{
	margin: 0px;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
}

.harman-contact p{
    margin:0px;
    font-size: 22px;
}

.harman-contact p span{
    color: #19ade6;
    font-size: 23px;
}

.har-war-dis p{
	margin:0px;
}

.har-war-dis span{
	font-weight:600;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.har-cont-details{
	text-align:center;
}
.har-cont-details ul li{
	display: inline-block;
	padding: 10px 40px 10px 40px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	margin-right: 5px;
	margin-bottom:10px;
}

footer{
	background: #2c2c2c;
    padding: 10px;
    color: #fff;
    margin-top:30px;
    padding-top: 50px;
}

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

.foot-ico p{
	margin:0px;
	padding: 30px;
	font-size: 13px;
}

.foot-ico p a{
	color:#fff;
}

.foot-ico p i{
	font-size:24px;
	margin-right:10px;
}

.har-cont-details i{
	color:#009ff2;
}


.navbar-fixed-top{
position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0px;
	box-shadow:0px 5px 5px -4px rgb(0 0 0 / 8%);
}

.har-war-dis{
    text-align:center;
    padding-bottom: 30px;
}

table td a{
	color:#000;
}

table td a:hover{
	color:#585858;
	text-decoration:none;
}
.form-control{
	border-radius:0px !important;
}

.form-control:focus{
	background: #fafafa;
    border-color: #999999;
    outline: none;
	box-shadow:none !important;
}

.year-sel p{
	font-size: 12px;
	font-weight: 100;
	text-transform: capitalize;
	margin: 0px;
}

@media (max-width:767px){
	.war-login{
		margin-bottom: 10px !important;
		margin: 0px;
		text-align: center;
		margin-top: 13px;
	}
	
	.war-cont p{
		font-size:22px;
		line-height: 27px;
	}	
	.shield-ico{
		display:none;
	}

	.platinum-ico{
		width:94%;
	}
	.bronze-ico, .silver-ico, .gold-ico, .platinum-ico{
		width: 100%;
		font-size: 24px;
	}
	.table td, .table th{
		padding: 0.5rem;
	}
	/*#tab-select{
		background: #04629f;
		padding: 10px;
		width: 100%;
		color:#fff;
    }*/
    .tab-button-outer{
        display:block;
    }
    #tab-select{
        display:none;
    }

	.war-ser-add{
		width:100%;
	}
	.har-cont-details ul li{
		width:100%;
	}
	.war-sub-btn, .war-can-btn{
		float:none;
		margin-top:10px;
	}
	.war-can-btn input{
		margin:0px !important;
	}
	.war-policy-btn{
		margin-bottom: 10px;
	}
	.foot-ico p{
		padding:10px;
	}
	.sel-city select{
		width:92% !important;
	}
	/*.autocomplete{
		margin-top:60px;
    }*/
    #standard_warranty{
        height:auto !important;
    }
    .war-policy-btn, .war-policy-btn .button, .war-can-btn .button, .war-sub-btn .button{
        width:100% !important;
    }
    .war-pro-reg-pack{
        border-right:1px solid #ccc;
    }
    .z3{
        z-index:3;
    }
    .z2{
        z-index:2;
    }
    .z1{
        z-index:1;
    }
    .sel-city select{
        position:relative !important;
    }
}

@media only screen and (width:1024px){
	.war-login{
		width: 99px;
	}
}


/*--------Inner-Section-End---------*/

.war-pro-pack1 #foo .tooltip{
    background:#ccc !important;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }

.cus-log{
	float: left;
    width: 9%;
}

.cus-log img{
	width: 100%;
}


.har-war-dis img{
	width:40%;
}

.har-war-dis p{
	color: #000;
    font-size: 18px;
    padding-top: 10px;
}






.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    width: 88%;
    left: 15px;
    right: 0;
    margin-top: -16px;
  }
  
  .autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color:#f7f7f7 ; 
	border-bottom: 1px solid #d4d4d4; 
  }
  
  /*when hovering an item:*/
  .autocomplete-items div:hover {
	background-color: #e9e9e9; 
  }
  
  /*when navigating through the items using the arrow keys:*/
  .autocomplete-active {
	background-color: DodgerBlue !important; 
	color: #ffffff; 
  }




  .sel-city select {
    position:absolute;
	z-index: 1;
	-webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
}
.sel-city .selectOpen {
    z-index:9;
    background: #f9f9f9;
	color: #000;
	height:200px;
}


.service_address .sub-head p{
    background: #fbfbfb;
    font-size: 19px;
    padding: 10px;
    border: 1px solid #ccc;
    border-bottom: 0px;
}

.service_address input[type=radio]{
    float: inherit !important;
    margin-top: 5px;
    margin-right: 10px;
}


.tc-foot ul li{
    display: inline;
}
.tc-foot ul{
    margin:0px;
}

.tc-foot ul li i{
    color:#009ff2;
}

.tc-foot{
    text-align: center;
    background: #fbfbfb;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}



.foo{
    background:#f00;
}







#footer {
	background: #2c2c2c;
	font-size: 1.0625rem;
	font-weight: 400;
	color: white
}

#footer .social-links {
	padding-top: 20px
}

#footer a {
	color: #F9F9F9;
	padding: 0 3px
}

#footer a:hover {
	color: #AAAAAA
}

.sub-footer {
	padding-top: 20px
}

.sub-footer p {
	font-size: 1.0625rem;
	font-weight: 400 !important;
	color: white
}

.sub-footer p .small {
	font-size: 0.75rem;
	font-weight: 400;
	color: #AAAAAA
}

.f-right{
    float: right;
    width: 100%;
    padding-top: 30px;
}




#standard_warranty{
    height:400px;
}

.error{
    color: #f00;
    margin-top: -5px;
    display: block;
    margin-bottom: 6px !important;

}


footer a, footer a:visited {
    color: #fff;
}


footer .lang-btn {
    line-height: 1;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff;
    margin-bottom: 15px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ada_comp {
    margin-top: 5px;
    color: #aeaeae;
    font-size: 12px;
}


footer ul.nav li a:hover, footer ul.nav li span:hover, footer ul.nav li a:hover, footer ul.nav li span:hover, footer .copyright a:hover, footer ul li a:hover, footer ul.nav li a:focus, footer ul.nav li span:focus, footer ul.nav li a:focus, footer ul.nav li span:focus, footer .copyright a:focus, footer ul li a:focus, .resposive-text-center a:hover {
    background-color: transparent;
    color: #716f71;
    text-decoration: none;
}









.ttp {
    text-transform: uppercase;
    color: #555;
    cursor: pointer;
    font-size: 20px;
    padding: 15px 20px;
    position: relative;
    text-align: center;
    width: 200px;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
    z-index: 999;

  }
  
  .ttp .tooltip {
    background: #fbfbfb;
    top: 100%;
    border:1px solid #ccc;
    color: #000;
    display: block;
    left:0px;
    margin-bottom: 15px;
    opacity: 0;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    text-align: left;
    width: 100%;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
         -o-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
         -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
            margin-top:10px;
  }
  
  /* This bridges the gap so you can mouse into the tooltip without it disappearing */
  .ttp .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
  }  
  
  /* CSS Triangles - see Trevor's post */
  .ttp .tooltip:after {
    content: ""; 
    position: absolute; 
    bottom: 100%; 
    left: 50%; 
    margin-left: -5px; 
    border-width: 5px; 
    border-style: solid; 
    border-color: transparent transparent #04629f  
                transparent; 
  }
    
  .ttp:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
  }
  
  /* IE can just show/hide with no transition */
  .lte8 .ttp .tooltip {
    display: none;
  }
  
  .lte8 .ttp:hover .tooltip {
    display: block;
  }

  .tooltip i{
      color:#006499;
      padding-right:5px;
  }

  marquee i{
      color:#009ff2;
  }



  /*------Success-Page-Start-----*/

  .war-succ p i{
    display: block;
    font-size: 70px;
    color: #00f25b;;
  }
  .war-succ p{
    text-align: center;
    font-size: 44px;
    font-weight: 600;
    margin: 0px;
    text-transform: uppercase;
  }

  .war-succ p span{
    display: block;
    font-size: 15px;
    font-weight: 100;
  }

  .war-succ{
    padding:54px 10px 10px 10px;
  }

  .war-success-page .war-sub-btn{
      text-align: center !important;
      float:none !important;
  }


  .war-success-page .war-pro-reg-form-bg, .war-success-page .war-pro-reg-form{
    height: 351px;
  }

   .war-success-page .war-pro-reg{
    padding: 131px 10px 10px 50px !important;
  }



  /*------Success-Page-End-----*/


  /*------Failed-Page-End-----*/

  .pay-fail i{
      color:#f13f40 !important;
  }

  /*------Failed-Page-End-----*/


    /*------Feedback-Page-Start-----*/

.war-feedback-page .war-pro-reg-form-bg{
    background-color: #04629f;
    background-image: url(../img/war-feedbac-cont-bg-img.png);
    background-size: cover;
}

  .war-feedback-page .war-pro-reg-form-bg, .war-feedback-page .war-pro-reg-form{
    height: 187px;
  }
  .war-feedback-page .war-pro-reg{
    padding:79px 10px 10px 10px;
    text-align: center;
  }
  .war-feedback-page .war-pro-reg p{
      font-size:31px;
  }

  .war-feedback-page .war-pro-reg-form{
      background:#04629f;
      border:0px;
      padding:0px;
  }

  .war-feedback-page .war-succ{
      padding:0px;
  }

  .war-feedback-page .war-succ img{
      width:100%;
  }


  .table-bordered tbody tr:nth-of-type(odd) {
    background-color:rgb(189 189 189 / 5%);
}


/*----stars----*/
.user-rating {
    direction: rtl;
    font-size: 20px;
    unicode-bidi: bidi-override;
    padding: 0px 0px 0px 49px;
    display: inline-block;
}
.user-rating input {
    opacity: 0;
    position: relative;
    left: -15px;
    z-index: 2;
    cursor: pointer;
}
.user-rating span.star:before {
    color: #777777;
    content:"";
    /*padding-right: 5px;*/
}
.user-rating span.star {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: relative;
    z-index: 1;
}
.user-rating span {
    margin-left: -15px;
}
.user-rating span.star:before {
    color: #777777;
    content:"\f006";
    padding-right: 5px;
}
.user-rating input:hover + span.star:before, .user-rating input:hover + span.star ~ span.star:before, .user-rating input:checked + span.star:before, .user-rating input:checked + span.star ~ span.star:before {
    color: #ffd100;
    content:"\f005";
}

.selected-rating{
    color: #ffd100;
    font-weight: bold;
    font-size: 3em;
}

.war-feedback-page .war-sub-btn{
    text-align: center !important;
    float: none;
}

.mBot10{
    margin-bottom:10px;
}

@media (max-width:767px){
    .table-bordered td, .table-bordered th{
        width: 50%; 
    }
 
    .user-rating{
        padding:0px;
    }
    .table td, .table th{
        vertical-align: middle !important;
    }

    .user-rating span.star:before{
        padding:0px;
    }
    .war-feedback-page .war-pro-reg-form-bg, .war-feedback-page .war-pro-reg-form{
        height:80px;
        margin-bottom: 20px;
    }
    .war-feedback-page .war-pro-reg{
        padding: 19px 10px 10px 10px;
    }
    .war-feedback-page .war-succ img, .war-feedback-page .war-pro-reg-form, .war-quote-page .war-succ img{
        display:none;
    }

    .war-feedback-page-N .war-pro-reg-form-bg, .war-feedback-page-N .war-pro-reg-form{
        height:80px;
        margin-bottom: 20px;
    }
    .war-feedback-page-N .war-pro-reg{
        padding: 19px 10px 10px 10px;
    }
    .war-feedback-page-N .war-succ img, .war-quote-page .war-succ img, .prod-img .col-sm-8, .war-shield-content .col-sm-8{
        /*display:none;*/
    }
    .table td:first-child{
        width:30% !important;
    }
    .table td:last-child{
        width:70% !important;
        padding:0px !important;
    }

    #user-rating-form{
        text-align: right;
    }
    .quote-details{
        overflow: scroll;
    }
    .user-rating span.star{
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        position: absolute;
        z-index: 1;
    }
    .war-shield-content .war-pro-reg {
        padding: 7px 10px 10px 10px !important;
    }
}

@media only screen and (width:768px){
    
    .feedback-rating .table-bordered td:first-child{
        width:50%;
    }
    .feedback-rating .table-bordered td:last-child{
        width:50%;
    }
    #user-rating-form{

    }
}

@media (min-width:1024px){
    .ttp .tooltip{
        left: -35px;
        width: 140%;
        line-height: 16px;
        font-size: 12px;
    }
}

@media only screen and (width:1024px){
    .user-rating{
        padding:0px;
    }

    .feedback-rating .table-bordered td:first-child{
        width:50%;
    }
    .feedback-rating .table-bordered td:last-child{
        width:50%;
    }
    #user-rating-form{
        margin-left: 70px !important;
    }
}




    /*------Feedback-Page-End-----*/

    /*------Quote-Page-Start-----*/

.quote-details .table thead th{
    background: #646464;
    color: #fff;
    font-weight: 100;
}
.quote-details .table-bordered td{
    height:40px;
}
.FoatL{
    float:left !important;
}




@media (max-width:767px){
.war-quote-page .war-pro-reg-form{
    display:none;
}
.war-quote-page .war-pro-reg-form-bg{
    height: 80px;
}
.war-quote-page .war-pro-reg{
    padding: 19px 10px 10px 10px;
}
.war-feedback-page .war-sub-btn{
    width:100%;
}
.war-feedback-page .war-can-btn{
    width:100% !important;
}
.war-feedback-page-N .war-sub-btn{
    width:100%;
}
.war-feedback-page-N .war-can-btn, .war-group-btns{
    width:100% !important;
}
.war-group-btns #sub1, .war-group-btns #sub2{
    width:100%;
}

}

    /*------Quote-Page-End-----*/

@media screen and (width:640px){
    #tab-button li {
        display: inline-block;
        width: auto;
    }
}

@media screen and (min-width:640px) and (max-width:823px){
    .war-pro-reg-pack{
        max-width: 50%;
    }
    .war-cont p{
        font-size: 12px !important;
    }
    .navbar-brand img {
        width: 55%;
    }
    .navbar-brand img {
        width: 100%;
    }
    .navbar-brand{
        width:16%;
    }
    .container, .container-md, .container-sm {
        max-width: 780px !important;
    }
    .war-pro-reg-form-bg, .war-pro-reg-form{
        max-width: 100% !important;
        flex:100% !important;
    }
    .war-pro-reg-form-bg{
        height: 71px;
    }
    .war-pro-reg {
        color: #fff;
        font-size: 22px;
        text-transform: uppercase;
        font-weight: 600;
        line-height: 42px;
        padding: 17px 10px 10px 0px;
    }
    .war-inn {
        margin-top: 102px;
    }
    .ttp{
        width:100%;
        font-size: 14px;
        padding:10px;
    }
    .bronze-ico img{
        float:none;
        width: 30%;
    }
    .bronze-ico{
        line-height: 21px;
    }
    .silver-ico img, .gold-ico img, .platinum-ico img{
        width: 30%;
    }
    .war-pro-pack, .war-pro-pack1{
        padding: 7px;
    }

}


@media screen and (min-width:600px) and (max-width:750px){
    .war-cont{
    position: absolute;
    padding-left: 20%;
}
}

@media (max-width: 480px) {
    .navbar-brand{
        width:60%;
    }
    .war-cont p {
        font-size: 15px;
        line-height: 18px;
        padding-top: 10px;
    }
    .war-pro-reg{
        padding: 14px 10px 9px 10px;
        font-size: 20px;
    }
    .war-pro-reg-form-bg{
        height: 76px;
     margin-bottom: 10px;
    }
    #tab-button li {
        display: inline-block;
        width: auto !important;
    }
    #tab-button li a{
        padding: 9px;
        font-size: 13px;
    }
  
}

@media screen and (min-width:568px) and (max-width:599px){
    .navbar-brand img {
        width: 40%;
    }
    .war-pro-reg-form-bg{
        height: 71px;
    }
    .war-pro-reg{
        padding: 18px 10px 10px 50px;
    }
}




.war-feedback-page-N .war-pro-reg-form-bg, .war-feedback-page-N .war-pro-reg-form{
    height: 187px;
}

.war-feedback-page-N .war-pro-reg-form-bg {
    background-color: #04629f;
    background-image: url(../img/war-feedbac-cont-bg-img.png);
    background-size: cover;
}
.war-feedback-page-N .war-succ img {
    width: 100%;
}
.war-feedback-page-N .war-succ {
    padding: 0px;
}
.war-feedback-page-N .war-pro-reg {
    padding: 79px 10px 10px 10px;
    text-align: center;
}

.war-feedback-page-N .war-pro-reg-form {
    background: #04629f;
    border: 0px;
    padding: 0px;
    height: 100%;
}


.prg>.war-pro-reg-form {
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ccc;
    height: auto;
    margin-bottom: 30px;
}

.ttp p{
    margin:0px;
}

.choi-cont{
    text-align: center;
    background: #fbfbfb;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
}

.choi-cont h3{
    color:#000;
}

.p0{
    padding:0px !important;
}

.tac{
    text-align: center;
}
.tal{
    text-align:left;
}

.pro-extend-poli-img img, .pro-extend-poli-img input{
    width:100%;    
}

.pro-extend-poli-sec .war-policy-btn{
    display: inline-grid;
    width:100%;
}

.pro-extend-poli-sec .war-policy-btn input{
    margin:0px;
    background: #002238 !important;
    border:0px;
}
.pro-extend-poli-sec .war-policy-btn a{
    margin:0px;
    background: #002238 !important;
    color: #fff;
    border:0px;
}
.pro-extend-poli-sec .war-policy-btn a:hover{
    color: #fff;
    font-weight: bold;
}

.war-group-btns{
    width: auto;
    position: relative;
    text-align: right;
    float: right;
}

.war-rem-me{
    margin-top: 13px;
}

.war-shield-content .war-pro-reg p:first-child{
    font-size: 27px;
    color: #fff;
    margin: 0px;
    line-height: 33px;
}

.war-shield-content .war-pro-reg p:last-child{
    font-size: 14px;
    line-height: 19px;
    font-weight: 100;
    text-transform: capitalize;
    padding-top: 4px;
}

.war-shield-content .war-pro-reg{
    padding: 39px 10px 10px 10px;
}

.tc-foot p{
    margin:0px;
}
.tc-foot p i{
    color:#009ff2;
}

.prod-img .war-pro-reg{
    padding-top: 32px;
}

.prod-img p{
    font-size: 29px;
}

.tab-contents li p{
    margin:0px;
    font-size: 12px;
}

.disable-btn{
    padding:10px;
    
}


#sub1, #sub2
{
    background: #00a7e47a;
    border: 1px solid #efefef;
    padding: 12px;
    color: #f1f1f1;
}
input[type="submit" i] {
    color:#000;
}

.war-sub-btn [type=button]:not(:disabled), .war-sub-btn [type=reset]:not(:disabled), .war-sub-btn [type=submit]:not(:disabled), .war-sub-btn button:not(:disabled) {
    cursor: pointer;
    background:#00a7e4 !important;
}