/*Header - Mail - Contact -FONT*/

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 400

.playwrite-gb-s-<uniquifier> {
  font-family: "Playwrite GB S", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

#header .header-body { }
.header-container{  height: 100px;}
/*.header-logo img{width: 100%; height: auto; margin: 0;}*/
.header-body .header-top{background: #ff008c; background: url(../img/home/safewalkchennaiBanner.jpg) top right; background-size: auto; background-size: cover;}
html .call-to-action.call-to-action-quaternary {  }
.header-logo{ width: 100% !important; height: auto; margin: 0 !important; }
/*#header .header-row{ padding:0 0 !important; position: relative; width: 100%; }*/
#header .header-row .header-columnTO{ width: 15%; }
#header .header-row .justify-content-endTO{ width: 85%; }
#header .header-nav.header-nav-line nav > ul > li > a { padding: 0 0 0 19px !important; font-family: "Raleway", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 0.5px; }
#header .header-nav-top .nav > li > a{ color: #ea0784; font-size: 15px; padding: 6px 10px; display: inline-block; font-weight: normal; font-family: "Playwrite GB S", cursive; transition: all 500ms ease-in-out; }
#header .header-nav-top .nav > li > a > i { color: #fff !important; position: relative; left: 0; top: 0; font-size: 17px !important; padding: 0 5px 0 0; margin: 0 0 0 0; }
.social-icons li a { -webkit-transition: all .2s ease; transition: all .2s ease; border-radius: 100%; display: block; height: 28px; line-height: 28px; width: 28px; text-align: center; color: #ff008c !important; text-decoration: none; font-size: .8rem; border: 1px solid #fff; background: #ffffffab; }
#header .header-nav-top .nav > li > a:hover{ color: #fff; transition: all 600ms ease-in-out; }
.owl-carousel.owl-loading { opacity: 1 !important; display: block; }
html.sticky-header-active #header .header-body {
  position: fixed;
  border-bottom-color: rgba(234,234,234,.5);
  -webkit-box-shadow: 0 0 3px rgba(234,234,234,.5);
  box-shadow: 0 0 3px rgba(234,234,234,.5) !important;
  box-shadow: 0px 20px 30px 0 rgba(0, 0, 0, 0.14) !important;
  top: -2px !important;
}
.main{}
.main .banner-video{ position: relative; width: 100%; padding: 0 0; margin: -50px 0 0 0; display: block; height: 550px; overflow: hidden; background: #100814; }
.main .banner-video video{ width: 100%;opacity: 0.7; }
.main .banner-video .banner-video-text{ position: absolute; content: ""; top: 100px; left: 0; z-index: 9; padding: 0; margin: 0; width: 100%; }
.main .banner-video .banner-video-text h1{font-family: "Raleway", sans-serif; color: #fff; font-size: 70px; font-weight: bold; line-height: 70px; padding: 120px 0 0 0; }
.main .banner-video .banner-video-text h1 span{ color: #ff008c;}
.main .banner-video .banner-video-text h2{font-family: "Raleway", sans-serif; color: #fff; font-weight: initial; font-size: 50px; line-height: 70px; padding: 0 20px 0 20px; margin: 0; background: #ff008c; width: auto; display: inline-block; border-radius: 5px;}
.main .banner-video .banner-video-text h6{ font-family: "Playwrite GB S", cursive; color: #ff008c; font-size: 20px; line-height: 29px; padding: 20px 0 0; }
.main .banner-video:hover .banner-video-text h6{  color: #fff;}
.h1tagNEW{ text-align: center !important; }
.h1tagNEW h1 a{ color: #fff !important; text-align: center !important; }
.h1tagNEW p {font-family: "Playwrite GB S", cursive; color: #fff !important; opacity: 1 !important; text-shadow: 4px 6px 2px rgba(0, 0, 0, 0.11);}
.newAbout{ width: 100%; padding: 40px 0 30px; margin: 0 auto;}
.newAbout .text-center{ width: 100%; padding: 0 0 !important;  margin:0 0;}
.newAbout .newAboutText{ width: 100%; padding: 0 0 !important; }
.newAbout .newAboutText h1{ color: #282828; text-align: left; font-family: "Raleway", sans-serif; letter-spacing: -0.5px; font-size: 35px !important; line-height: 45px !important; padding: 0; margin: 0; }
.newAbout .newAboutText p{ font-family: "Raleway", sans-serif; font-size: 15px; line-height: 27px; color: #484848;}
.newAbout .newAboutText p a{ }
.newAbout .newAboutText p b{ font-family: "Playwrite GB S", cursive; font-weight: normal !important; padding: 0 5px;}
.newAbout .newAboutvideo{ width: 100%; padding: 0 0 !important; position: relative; background: #000; overflow: hidden; border-radius: 6px; height: 250px;}
.newAbout .newAboutvideo video{ width: 100%; opacity: 0.8;}
.newAbout .newAboutvideo video:hover{ width: 100%; opacity: 1;}
.newmodeldetels{}
.newmodeldetels .newmodelname{width: 100%; border: 1px solid #ea0784; padding: 10px 0; color: #ea0784;}
.newmodeldetels .newmodelname:hover{border: 1px solid #fff; padding: 10px 0; color: #fff;}
.newmodeldetels .newmodeldecs{font-size: 15px; width: 50%; margin: 15px 0 14px; border: 1px solid #4d504e; height: 60px; letter-spacing: 0; font-family: "Raleway", sans-serif; padding: 15px 0 0; text-align: center; text-transform: capitalize; line-height: 20px;}