/*@font-face {
  font-family: "Helvetica Neue";
  src: url("../font/hal/helveticaneue.eot?#iefix") format("embedded-opentype"), url("../font/hal/helveticaneue.woff") format("woff"), url("../font/hal/helveticaneue.ttf") format("truetype"), url("../font/hal/helveticaneue.svg") format("svg");
  font-weight: normal;
  font-style: normal; }*/
@font-face {
  font-family: "Helvetica Neue";
  src:  url("../font/hal/HELVETICANEUE-BOLDCOND.OTF");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Helvetica Neue LT";
  src:  url("../font/hal/HelveticaNeue-Thin.otf");
  font-weight: normal;
  font-style: normal; }


body{
background:#fff;
max-width: 1440px;
  margin: auto !important;
height:100%;
}

::selection{
background:#fe415f;	
color:#fff;
text-shadow:none;
}
.header-body{
  //background:#16abbf;
  position: absolute;
  float: left;
  width: 100%;
  z-index: 989888898;
  max-width: 1440px;
}
.header-thankyou{
}
.header-body .row{
margin:0px;
}
.logo {
   padding: 2.5% 0px 7px 0.5%!important;
}
.h_contact {
  padding-right: 1.3% !important;
  line-height: 2;
}
.above_contact {
  display: block;
  color: #fff;
    font-size: 1.38em;
  padding-top: 2%;
  text-align: right;
}
.call_now {
  color: #0e4761;
  font-weight: 700;
  font-size: 1.38em;
}
.c-details{
  float: right;
  min-width: 54% !important;
  width: auto;
  text-align: right;
}
.c_number {
  color: #fdcd67;
    font-size: 1.38em;
  font-weight: 600;
}

.h_contact a {
  float: right;
}
.h_contact a img{
  width: 90% !important;
  float: right;
}


.banner-row{
  //background: #16ABBF !important;
  margin-bottom: 0px;
}
.banner {
  background: url(../images/header_bg.png);
  width: 100%;
  float: left;
  min-height: 1000px;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; 
  background-position:top center;
margin-top:8%;
}

.banner_subheading, .banner_heading {
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: box;
  box-pack: center;
  box-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color:#fff;
    float: left;
  width: 100%;
  position: relative;
  

}
.banner_heading {
  margin-top: 7.5%;
  text-transform: uppercase;
}
.banner_heading span {
  color: #E8EA3E;
}
.banner_heading h2 {
  font-weight: 400;
  font-size: 3.12em;
  margin-bottom: 0.78rem;
}
.banner_subheading{
	
}
.banner_subheading h4 {
  font-weight: 400;
    font-size: 1.3em;
  background: #0e4761;
  padding: 15px;
  margin: 0;
}
.old_price{
  color: #E8EA3E;
  font-size: 1.6em;
}
/*.old_price::after {
    border-bottom: 3px solid #fe415f;
    content: "";
    position: absolute;
    right: 235px;
    top: 50%;
    float:left;
    width:4%
}
*/
.old_price_strike{
  color: #fe415f;
}

.slider {
  background: url(../images/slider_bg_06.png);
  min-height: 835px;
  float: left;
  width: 100%;
    /*overflow: hidden;*/
}
#banner-roll {
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: box;
  box-pack: center;
  box-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  float: left;
  width: 100%;
    background: url(../images/roll_07.png);
  min-height: 60px;
  background-position: center;
  background-repeat: no-repeat;
	  margin-top: -42px;
}
#banner-drop {
	  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: box;
  box-pack: center;
  box-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  float: left;
  width: 100%;
    height: 0em;
    overflow: hidden;
    transition-property: height;
    transition: all 1.5s ease-in-out;
	background:url(../images/drop_07.png);
	  background-repeat: no-repeat;
    background-position: top center;
  margin-top: -2px;
	
}
/*.banner-row:hover #banner-drop {
        height: 22em;
}*/
.banner-drop-height {
        height: 22em !important;
}
.banner-drop-zero {
        height: 0em;
}

.orders{
background:url(../images/order_bg_02.png) #cfdfec;
float:left;
width:100%;
min-height:500px;
  background-position: bottom center;
  background-size: cover;	
    padding-bottom: 12%;
    padding-top: 20%;
}
.left_order{
background:url(../images/bg_order_03.png);
  min-height: 600px;
    background-size: cover;
  background-repeat: no-repeat;
    margin-left: 10% !important;	
	padding: 0 2.15rem !important;
	-webkit-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.38);
box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.38);
}
.left_order h2 {
  font-weight: 300;
    font-size: 2.4em;
  color: #89ce23;
  margin-bottom: 5px;
}
.left_sub_heading {
  color: #327594;
  font-size: 1.9em;
  font-weight: 300;
}

.left_order_desc {
  color: #327594;
  font-size: 2.36em;
  width: 89%;
  font-weight: 300;
  padding-top: 0%;
  
}
.order_arrow {
  position: relative;
  left: -32px;
    width: 112%;
  float: left;
}
.right_order{
background:url(../images/right_side_bg_order_03.png);
  min-height: 600px;
    margin-left: -3% !important;
  margin-top: 2%;
  background-size: cover;
  background-repeat: no-repeat;	
    text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important;
  -webkit-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.38);
box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.38);
	
}
.right_order h2{
color:#fff;
font-weight:900;
font-size: 8em;
  font-family: sans-serif;
}
.right_order h2 sub, .right_order h2 sup {
   font-size: 30%;
  font-weight: 800;
}

.right_order h2 sup {
    top: -1.2em;
}

.right_order h2 sub {
    bottom: 0.05em;
}
.f_list img {
  margin-right: 5%;
}
.f_list {
  font-size: 1.5em;
  color: #4a141c;
  font-weight: 300;
  text-align: center;
}
.f_list li {
  width: 100%;
  margin: auto;
  padding-top: 2%;
  padding-bottom: 2%;
  text-align: left;
  padding-left: 20%;
}
.f_list li:nth-child(even) {
  background: #f54762;
}

/*Live Chat*/
.live_chat {
 
  background: url(../images/live-chat_bg_03.png) #000;
  color: #fff;
    width: 75%;
  padding: 2%;
  border-radius: 5px;
}
.live_chat p {
  font-weight: 700;
    font-size: 1.3em;
  text-transform: uppercase;
  margin-bottom: 0px;
  text-align:center;
}
.live_chat .blu {
  color: #288eb7;
}
.live_chat .yel {
  color: #e6e93d;
}
.live_chat .arrow_l {
  position: absolute;
  left: -6%;
  top: 0%;
}

footer{
background:url(../images/footer_10.png);
float:left;
width:100%;
  min-height: 60px;	
    text-align: center;
}


/*Slider*/
.sequence-pagination {
  right: 25% !important;
  background: url(../images/mac_03.png);
  background-size: contain;
  height: 519px;
  width: 600px;
  background-position: center;
  background-repeat: no-repeat;
    bottom: -88% !important;
}

.sequence-pagination li {
  height: 256px !important;
  width: 463px;
  position: absolute;
  top: 4.4%;
  left: 11.3%;
    overflow: hidden;
  object-fit: cover;
  object-position: center;
  opacity: 0;
    pointer-events: none;
}
.sequence-pagination li img {
  height: 256px !important;
  width: 463px;
}
.sequence-pagination .current {
  opacity: 1;
}
#sequence > .sequence-canvas > li img {
  height: 100%;
  width: 90%;
  margin-top: 5% !important;
  border: 15px solid #fff;
  left: 0px;
  margin: auto;
  position: initial;
  object-fit: cover;
  object-position: center;
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: box;
  box-pack: center;
  box-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.test_bg {
  float: left;
  width: 100%;
}
.client{
  float: left;
  width: 100%;
text-align: right;
}
.client .client_name{
  text-align: right;
  color: #039BE5;
  font-style: italic;
  position: relative;
  top: -10px;
  padding-right: 7%;
float:right;
  margin-top: 3%;
}
.client .client_img{
  width: 50px;
  height: auto;
  border-radius: 50%;
  position: relative;
  top: -50px;
  left: 15px;
  text-align: left;
  float: left;
}
.testimonials .client1 .test_bg, .testimonials .client2 .test_bg{
  background: url(../images/testimonial-border.png);
  background-repeat: no-repeat !important;
   background-repeat-x: repeat !important;
  background-position: bottom;
  padding-bottom: 7%;
	padding-left:0px;
	padding-right:0px;
}
.testimonials .client1 {
  margin-right: 16% !important;
  margin-left: 9% !important;
}
.testimonials blockquote {
  border: none;
  padding-left: 0px;
  text-align: right;
  font-weight: 700;
}
.testimonials .colon {
  position: relative;
  left: -40px;
  top: 35px;
}
.testimonials blockquote p {
  font-size: 1.6em;
  font-weight: 300;
  text-align:left;
  color:#4b5e6d;
}
.exit_overlay{
  position: fixed;
  top: 50%;
  left: 50%;
background: url(../images/pop_up.png) #000;
  transform: translate(-50%, -50%);
min-height:500px;
  width: 60%;
  border-radius: 5px;
}

.thank_body{
  background: #16ABBF;
}
.c-out{
margin:auto !important;
}


.thankyou {
  background: url(../images/thankyou_bg.png) #16ABBF;
  background-repeat: no-repeat;
  min-height: 500px;
  background-position: top center;
    margin-top: -40px;
    text-align: center;
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: box;
  box-pack: center;
  box-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.social_footer {
  float: left;
  width: 100%;
  position: relative;
  top: -80px;
}
.social_footer ul li {
  display: inline;
    margin-right: 1%;
}

 .thankyoufooter {
  background: #0e4761;
  position: relative;
  bottom: 0px;
}
.thankyoufooter p {
  color: #307493;
  font-weight: 700;
}

.testimonials {
  margin-top: -4%;
}






@media only screen and (min-width: 601px){
.logo{
	text-align:center;	
}




}
@media only screen and (max-width: 768px){
	
}

@media only screen and (max-width: 1023px){
	.sequence-pagination {
  display: none !important;
}
.orders {
  padding-top: 0% !important;
}

.banner {
margin-top:0%;
}
.header-body{
  position: initial;
  float: left;
  width: 100%;
  max-width: 1440px;
}
.banner-row {
  background: #CFDFEC;
}

}
@media only screen and (max-width: 1024px){
.left_order_desc {
  color: #327594;
  font-size: 2.12em;
  line-height: 1.43;
}
.banner_subheading h4 {
  font-size: 1.1em;
}
.banner_heading h2 {
  font-size: 2.22em;
}
.above_contact {
  font-size: 1.14em;
}
.call_now,.c_number {
  font-size: 0.98em;
}
.sequence-next, .sequence-prev {
  top: 50% !important;
}
.slider {
  min-height: 700px;
}
.orders {
  padding-top: 35%;
}

}



@media only screen and (max-width: 992px){
.logo {
  padding-left: 0px !important;
text-align: center;
}

.btn_call_now {
  float: left;
  width: 100%;
  text-align: center;
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: box;
  box-pack: center;
  box-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.c-details {
  text-align: left;
  width: 100% !important;
  text-align: center;
}
.live_chat {
  width: 100%;
}

.above_contact {
  text-align: center;
}
.banner_heading h2 {
  font-size: 2.35em;
  text-align: center
}
.banner_subheading h4 {
  font-size: 1.2em;
  text-align: center
}

.slider {
	  height:auto;
}
.left_order {
  margin-left: auto !important;
}
.left_order_desc {
  font-size: 1.95em;
}



.testimonials .client1, .testimonials .client2 {
  margin-right: 1% !important;
  margin-left: 1% !important;
     padding-left: 8% !important;
  padding-right: 1% !important;
}

}

@media only screen and (width: 1280px){
.above_contact {
  font-size: 1.06em;
   padding-top: 3%;
}
.call_now {
  font-size: 1em;
}
.c_number {
  font-size: 0.8em;
}
.logo {
  text-align: left;
  padding-left: 3% !important;
}
.logo img {
  width: 80%;
  text-align: left;
}

}
@media only screen and (max-width: 1279px){
.banner {
margin-top:9%;
}


}


@media only screen and (width: 1366px){
.above_contact {
  font-size: 1.18em;
}
.c_number {
  font-size: 0.99em;
}
.call_now {
  color: #0e4761;
  font-weight: 700;
  font-size: 1.18em;
}
.left_order_desc {
  font-size: 2.76em;
}


}
@media only screen and (width: 1440px){
.sequence-next {
  right: -8% !important;
}
.sequence-prev {
  left: -8% !important;
}



}