/*
Design URL  :   Enigma Fitness - 20june2022
Design by   :   Cross Country Webservices  
Designer    :   Rajesh Kumar Kukreja
Version     :   HTML5/ CSS3 / Bootstrap 4.7
*/

 /*  font-family:'Open Sans',sans-serif; */
/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');*/

/* font-family: 'TitlingGothicFB Comp';*/
@import url('https://fonts.cdnfonts.com/css/titlinggothicfb-comp?styles=21098,21096,21094');

/*font-family: 'Quicksand', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');


html {   scroll-behavior: smooth;   /*font-size: 62.5%; color: #373737;*/}  

.clearfix { clear: both; position: relative; }
.padding-0{ padding: 0; }
.add-bottom5{margin-bottom:5px;} .add-bottom10{margin-bottom:10px;} .add-bottom{margin-bottom:15px;} 
.add-bottom20{margin-bottom:20px;} .add-bottom25{margin-bottom:25px;} .add-bottom35{margin-bottom:35px;} 
.add-bottom-top35{ padding:35px 0;} .add-bottom-top15{ padding:15px 0;}  .add-top100{ padding-top:100px;} .add-top10{ padding-top:10px;}
.add-top{margin-top:15px;}  .cred{color:#e31e25; display:inline;} .img{ margin: 5px 15px 0 0;} 
.bg-gray{ background: #f5f5f5; } .bg-white{ background: #fff; }

*{ padding: 0px; margin: 0px;  } 
*:focus, *:visited { outline: none; text-decoration: none; }
a:hover, a:focus { outline: none; text-decoration: none;}

body{ font-family: 'Quicksand', sans-serif;  /* font-weight: 400; */ font-size:18px; line-height: 28px;  /*color:#3a3a3a; */  color: #d5d5d5;} 

h1, h2, h3, h4, h5{ font-family: 'TitlingGothicFB Comp', sans-serif; font-weight: 500; letter-spacing: 0.02em; }


p{  font-family: 'Quicksand', sans-serif;  font-size: 18px;  line-height:30px; color:#3a3a3a; font-weight: 400;   text-decoration:none;
 margin:0px; padding:0px; margin-bottom: 15px;}
p a, p a:active, p a:visited {color:#3a3a3a;} p a:hover{color:#000; } 
p strong{   font-weight: bold; color:#3a3a3a; }   em{ font-weight:normal;} 



#myBtn { display: none; position: fixed; bottom: 5px; right: 5px; z-index: 99999; font-size: 13px; border: none; outline: none; 
    background-color: #111; background: #e72324; /*opacity: 1;*/   color: white;  font-weight: 300; cursor: pointer;   padding: 10px 10px;   border-radius: 50px; }
#myBtn:hover {   opacity: 0.8; }

.btn { background-color: transparent; border: 1px solid #eee; border-radius: 0;  color:#eee; cursor: pointer; display: inline-block; 
  position: relative; text-transform: none; transition: background-color 0.2s, color 0.2s; white-space: nowrap; 
  letter-spacing: 0.10em; padding:10px 20px; margin-top: 10px;  } 

.btn:hover, .btn:focus { opacity: 0.9;  outline: none; border: 1px solid #b02a30; border-radius: 0;  color:#b02a30;
    box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 1%);
}

 

/* Navbar */
.fix-nav { background-color: #fff; border-bottom: 1px solid #ddd;    z-index: 9999999999;  }
.sticky { position: fixed; top: 0; width: 100% }

nav.navbar {   padding: .7rem 0px;   max-width: 1200px;  margin: 0 auto; }
nav.navbar .navbar-brand{    padding: 0.2125rem   0; max-width: 140px;}

.navbar-expand-lg .navbar-nav .nav-link {  font-size:12px; line-height: 14px; font-weight: 600; color: #8b8b8b;  text-transform: uppercase;
  padding-right: 1.5rem;  padding-left: 1.5rem; text-align: center;     }
.navbar-expand-lg .navbar-nav .nav-link {  padding: 0 1.2rem; } 

/* 20june2022 */
.navbar-expand-lg .navbar-nav .nav-link span{ display: block; }
.navbar-expand-lg .navbar-nav li.nav-item {  align-items: center;  display: flex; }

.navbar-expand-lg .navbar-nav li.nav-item .trial-btn{ background-color: #af282e; opacity: 0.7; border: none; border-radius: 0;  color:#eee;  
  cursor: pointer; display: inline-block; position: relative; /*text-transform: none;*/ transition: background-color 0.2s, color 0.2s; white-space: nowrap;  
  padding:5px 10px;  margin-top: 0px; margin-left: 2rem; margin-right: 120px;  }

.navbar-expand-lg .navbar-nav li.nav-item .trial-btn:hover, .navbar-expand-lg .navbar-nav li.nav-item .trial-btn:focus { opacity: 1;  outline: none;}
 

.nav-item.social-media{ float: right; top: 15px; }
/*.nav-item.social-media .media-box{  width:200px; margin: 0 auto;  }*/
.nav-item.social-media .fa {font-size:14px; width:14px; color: #4c4c4c; text-align:center; text-decoration:none; margin: 0.7px 7px; border-radius: 50%; }   
.nav-item.social-media .fa:hover { opacity: 0.7; }



/* Banner 080421 */
.header-video {   height: 95vh; overflow: hidden; z-index: 1; position: relative;} 
.header-video video {   width: 100%;   height: auto; }

.header-video .layer {position: absolute; top: 0; left: 0; width: 100%;  height: 100vh;    background-color: rgba(0, 32, 135, 0.40);
  /*height: 100%; max-height: 650px;*/    }
.header-video .carousel-caption { position: absolute;   bottom: 30%;   text-align: center; 
left: 10%; right: 10%; }
.header-video .carousel-caption h2{ font-size: 96px;  line-height: 96px;  color: #d5d5d5; font-weight: 500; 
  text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);}
.header-video .carousel-caption a.btn{ min-width: 200px; font-family: 'TitlingGothicFB Comp', sans-serif; font-size: 16px;}
/*.header-video .carousel-caption p{  font-size:22px;  font-weight: 400; line-height: 30px;  color: #d5d5d5;}*/


.container{ max-width: 1200px; }

/* Services */
.services-link{ padding: 5rem 0rem;/* min-height: 350px;*/  }
/*.services-link .container{ min-width: 1240px; }*/
.services-link ul{ list-style-type: none; text-align: left; }
.services-link ul li{ display: inline-block; color: #b7b7b7;  font-size: 70px; font-weight: 600;}
.services-link ul li a{ text-transform: uppercase; color: #b7b7b7; font-size: 70px; line-height: 100px; font-family: 'TitlingGothicFB Comp', sans-serif; font-weight: 500; padding-left: 12px; }
.services-link ul li a:hover{ color: #cdcbcb;  }



/* About Us */
/*#about , #gallery, #services, #blog,  #contact{ position: relative;  top: -50px;   height: 0;    
 width: 0;     opacity: 0;     display: block; }  */


.parallax-s1 { background: url(../images/s3.jpg) transparent;  background-attachment: fixed; background-position: center; 
  background-repeat: no-repeat; background-size: cover;   padding: 40px 0px;}
.parallax-s4 { background: url(../images/s1.jpg) transparent;  background-attachment: fixed; background-position: center; 
  background-repeat: no-repeat; background-size: cover;   padding: 40px 0px;}




.parallax-s2 { background: url(../images/s2.jpg) transparent;  background-attachment: fixed; background-position: center; 
  background-repeat: no-repeat; background-size: cover;   padding: 40px 0px;}
.parallax-s3 { background: url(../images/s3.jpg) transparent;  background-attachment: fixed; background-position: center; 
  background-repeat: no-repeat; background-size: cover;   padding: 40px 0px;}
.parallax-s5 { background: url(../images/s5.jpg) transparent;  background-attachment: fixed; background-position: center; 
  background-repeat: no-repeat; background-size: cover;   padding: 40px 0px;}
.parallax-s6 { background: url(../images/s6.jpg) transparent;  background-attachment: fixed; background-position: center; 
  background-repeat: no-repeat; background-size: cover;   padding: 40px 0px;}




/* Services */
.services{ padding: 6.5rem 1.8rem;/* background: #000;*/ }
.services .content-box{ max-width: 430px;  background: rgba(0,0,0,0.8); padding:40px 30px; }
.services .content-box h2{ font-size: 56px; line-height: 64px; color: #ae2329; font-weight: 500; text-transform: uppercase; }
.services .content-box p { font-size: 16px;  line-height: 26px; color: #d5d5d5; font-weight: 300;  margin-bottom: 30px;}
.services .content-box p strong{color: #ccc;     font-weight: 300; }
.services .content-box a.btn{ color: #d5d5d5; border: 1px solid #eee; font-family: 'TitlingGothicFB Comp', sans-serif; }
.services .content-box a.btn:hover, .services .content-box a.btn:focus{ color: #ae2329; border: 1px solid #ae2329; }
/*.services.gray-bg{ padding: 5rem 1.8rem; background: #1b1b1b; }*/

/* Services ends here */

 
/*  */
.try-class{  padding: 5rem 0; background: #f7f7f7; }
.try-class .insta-box{ background: #fff;/* min-height: 400px;*/ }


.try-class .content-box h2{ font-size: 86px; line-height: 96px; font-weight: 500; color: #8e8e8e; }
.try-class .content-box h2 a{ line-height: 120px; font-weight: 500; color: #d5d5d5;  background: #8e8e8e;  padding:0px 15px; margin-top: 7px; }
.try-class .content-box h2 a:hover{  color: #d5d5d5;  background: #999;   }


/* testimonials */
.testimonials{ padding: 5rem 0; background: #0d0d0d; /*min-height: 500px;*/}
.testimonials .dcYwgx {   font-family: 'TitlingGothicFB Comp', sans-serif; color: #ae2329; font-weight: 600;}

.testimonials h2{ font-size: 86px; line-height: 96px; color: #8e8e8e; margin-bottom: 40px;}
.testimonials h2 span{ color: #ae2329;}

.test-box1{ background: #1b1b1b; padding: 25px; margin-bottom: 35px; }
.test-box1 .test-img{ max-width: 80px; margin-bottom: 15px; }

/*.test-box1 .test-content{ }*/
.test-box1 .test-content p{ font-size: 16px; line-height: 26px; font-weight: 400; color: #ddd; }
.test-box1 .test-content h5.author{ font-size: 22px; line-height: 30px; font-weight: 500; color: #d5d5d5; margin-top: 40px; }
.test-box1 .test-content h5.author span{ font-size: 16px; line-height: 26px; font-weight: 450; color: #bdbdbd; display: block; font-family: open sans, sans-serif; }


/* Reach Us */
.reach-us{  background: #000;  padding: 5rem 0;  } 

/*.con-bg{  background:url(../images/con-bg.jpg) transparent;  background-attachment: fixed; background-position: center; 
  background-repeat: no-repeat; background-size: cover;   padding: 35px 30px 0px 30px; margin-left: -15px; }*/

.form-bg{ background: #111; }
.con-bg{  background:#222;  padding: 35px 30px 0px 30px; margin-left: -15px; }
.con-bg2{  background: #151515; }

 
.con-bg h2{ font-size: 26px; line-height: 32px; color: #d5d5d5; }
.con-bg p{ font-size: 14px; line-height: 20px; color: #d5d5d5; }
.con-bg p.phone{ font-size: 16px; line-height: 22px; }
.con-bg p a{color: #ddd; display: block;  } .con-bg p a:hover{ color: #d5d5d5; }
.con-bg p span{ display: block; }


/**/
.reach-us .content-form-box{ padding: 20px 20px; }
.reach-us .content-form-box h3{font-size: 50px; line-height: 54px; color: #ae2329; margin-bottom: 10px; }
.reach-us .content-form-box p{font-size: 14px;  line-height: 24px; color: #d5d5d5; font-weight: 300; margin-bottom: 10px; }


.reach-us .content-form-box .form-group label{  font-size: 14px; line-height: 20px; color: #d5d5d5; font-weight: 500; margin-bottom: 7px; }

.reach-us .content-form-box .form-group .form-control{  font-size: 14px; color: #d5d5d5; font-weight: 300; border-radius: 0;  
  background: #1b1b1b; border: 1px solid #7e716f;   min-height: 44px;   /*box-shadow: 3px 2px 10px 0px rgba(255,255,255,0.25);*/}
.reach-us .content-form-box .form-group .form-control:focus {  border-color: #7e716f;    box-shadow: 3px 2px 5px 0px rgb(255 255 255 / 15%); }


.reach-us .btn{ color: #d5d5d5; font-size: 15px; background: #ae2329; width: 100%; border: 0px; font-family: 'TitlingGothicFB Comp', sans-serif; }
.reach-us .btn:hover{ color: #d5d5d5; opacity: 0.9;    }


/*.ajax-response-output {  color: #ffc107; font-size: 16px;} p.error { color: #ffc107; }*/
.ajax-response-output, p.error { color: #ffc800;     font-size: 14px;     font-weight: 300; }


/**** Placeholder Css ***/
.reach-us ::-webkit-input-placeholder { /* WebKit, Blink, Edge */  font-size: 15px; color:#9b9b9b;  font-weight: 400;  }
.reach-us :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size: 15px; color:#9b9b9b;  font-weight: 400;     opacity:  1; }
.reach-us ::-moz-placeholder { /* Mozilla Firefox 19+ */    font-size: 15px; color:#9b9b9b;  font-weight: 400;     opacity:  1; }
.reach-us :-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 15px; color:#9b9b9b;  font-weight: 400;  } 
.reach-us ::-ms-input-placeholder { /* Microsoft Edge */    font-size: 15px; color:#9b9b9b;  font-weight: 400; }
 
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

.footer1{ background: #fff; padding: 2rem 0 2rem 0;  }
.footer1 .fnav ul{ list-style-type: none;     padding-inline-start: 0px;   margin-bottom: 0px;}
.footer1 .fnav li{ display: inline-block;  margin: 0  35px 0 0px;    }
.footer1 .fnav li a{ color: #8e8e8e; font-size: 15px; line-height: 22px; font-weight: 600; text-transform: uppercase;  }
.footer1 .fnav li a:hover{ color: #777; }


.footer1 .social-media2{ float: right; margin-top: 3px; }
.footer1 .social-media2 .fa {font-size:20px; width:20px; color: #818181; text-align:center; text-decoration:none;  margin: 0.7px 11px; border-radius: 50%; }  
.footer1 .social-media2 .fa:hover { opacity: 0.7; }


.footer2{ background: #000; padding: 2rem 0 2rem 0;  }
.footer2 p{ color: #ccc;  font-size: 14px; }
.footer2 p a{ color: #888;   }
.footer2 p a:hover{ color: #555;   }

.footer2 .fnav ul{ list-style-type: none; margin-bottom: 0px;      padding-inline-start: 0px;  }
.footer2 .fnav li{ display: inline-block;  margin: 0  0px 0 30px;    }
.footer2 .fnav li a{ color: #8e8e8e; font-size: 15px; line-height: 22px; font-weight: 450; text-transform: uppercase;  }
.footer2 .fnav li a:hover{ color: #777; }

/*  */
.partner-with-us{ padding: 50px 0; }

.partner-content-box{ padding: 25px; padding-right: 10%; }
.partner-content-box h2{ font-size: 52px; line-height: 62px; color: #d5d5d5; text-transform: uppercase; margin-bottom: 35px;  }
.partner-content-box h5{ font-size: 24px; line-height: 34px; color: #ae2329;  margin-top: 0px; margin-bottom: 5px;   }

.partner-content-box h6{ font-size: 18px; line-height: 22px; color: #eee;  margin-top: 0px; margin-bottom: 5px;   }

.partner-content-box p{  font-size: 16px; line-height: 24px; color: #d5d5d5; margin-bottom: 35px; }
.partner-content-box p a{ color: #ae2329; }
.partner-content-box p a:hover{ color: #ddd; }


.partner-content-box ul{ list-style-type: none; margin-bottom: 0px;      padding-inline-start: 0px;  }
.partner-content-box li{ color: #d5d5d5; font-size: 16px; line-height: 24px; margin-bottom: 10px; background: url(../images/bullet.png) 0px 7px no-repeat; padding-left: 25px; }
/*.partner-content-box li:hover{ color: #777; }*/

.reach-us .content-form-box.partner-form{ padding: 30px 20px; }
.reach-us .content-form-box.partner-form h3{ font-size: 28px; line-height: 36px;  }

.reach-us .content-form-box.partner-form h3{ font-size: 28px; line-height: 36px;  }

.reach-us .content-form-box.partner-form p{ font-size: 16px; line-height: 22px; margin-bottom: 20px; }
.reach-us .content-form-box.partner-form label{ font-size: 16px; }


/* Customize the label (the container) */
.reach-us .content-form-box.partner-form label.container-radio {   display: inline-block;   position: relative;   padding-left: 30px;   margin: 12px 0;   cursor: pointer;  
 font-size: 14px; font-weight: 400;    -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;  
  user-select: none; margin-right: 30px; }

/* Hide the browser's default radio button */
label.container-radio input {   position: absolute;   opacity: 0;   cursor: pointer;   height: 0;   width: 0; }

/* Create a custom radio button */
label.container-radio .checkmark {   position: absolute;   top: 0;   left: 0;   height: 20px;   width: 20px;   background-color: #d5d5d5;   border-radius: 50%; }
/* On mouse-over, add a grey background color */
label.container-radio:hover input ~ .checkmark {   background-color: #ccc; }

/* When the radio button is checked, add a blue background */
label.container-radio input:checked ~ .checkmark {   background-color: #b02a30; }

/* Create the indicator (the dot/circle - hidden when not checked) */ 
label.container-radio .checkmark:after {   content: "";   position: absolute;   display: none; }

/* Show the indicator (dot/circle) when checked */
label.container-radio input:checked ~ .checkmark:after {   display: block; }

/* Style the indicator (dot/circle) */
label.container-radio .checkmark:after {   top: 5px;   left: 6px;   width: 7px;   height: 7px;   border-radius: 50%;   background: white; }




/* ABOUT US PAGE */
.bmi-calc-home { background: #eee; padding: 70px 15px; } 
.bmi-calc-home h2, .bmi-calc-home p{ text-align: left; }
.bmi-calc-home h2{ font-size: 56px;     line-height: 64px;     color: #ae2329;     font-weight: 500;     text-transform: uppercase; }
/*.bmi-calc-home h2:before{ border-top:4px solid #ae2329; display: block; content: " "; position:relative;  padding-top: 5px;   width: 180px;}*/


.bmi-calc-home h3{  color: #252525; font-size: 26px;  text-transform: uppercase;  margin-bottom: 25px;   }
.bmi-calc-home h3:before{ border-top:4px solid #ae2329; display: block; content: " "; position:relative;  padding-top: 5px;   /*width:300px;*/ width: 180px;}

.bmi-calc-home p{ font-size: 16px; line-height: 26px; margin-bottom: 15px;   }    
.bmi-calc-home img{ /*margin-top: 80px;*/ width: 100%; }


/* RESEDULE  */
.table-schedule th{ text-align: center; vertical-align: top;    font-size: 16px;  }
.td1{ color:black; text-align: center; background: #eee; }
.td2{ color:black;   font-size: 16px; text-align: center; }
.td2 td span{ font-size: 12px; display: block; }
 

/*  BMI CALCULATOR  */
.bmi-calc{ max-width: 500px; }
.bmi-calc .form-group{ margin-bottom:15px; }
.bmi-calc .form-group input:not([type="submit"]), .bmi-calc .form-group select { 
  color:#444;  border-radius: 0px;  padding: 10px 20px  10px 10px;  
z-index: 1;  position: relative; font-size: 14.5px; line-height: 25px; height: 35px; border: none; border-bottom:1px solid #aaa; 
background: #eee; width:100%;  }

/*.bmi-calc .form-control {    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);}*/
.bmi-calc  .form-control{  font-size: 14px; color: #eee; font-weight: 300; border-radius: 0;  
  background: #eee ; border: 1px solid #7e716f;   min-height: 44px;    /*box-shadow: 3px 2px 10px 0px rgba(255,255,255,0.25);*/}
.bmi-calc  .form-control:focus {  border-color: #7e716f;    box-shadow: 3px 2px 5px 0px rgb(255 255 255 / 15%); }


.bmi-calc .form-group input:not([type="submit"]) { font-weight: 600; }

.bmi-calc .btn{ color: #d5d5d5; font-size: 15px; background: #ae2329; width: 100%; border: 0px; font-family: 'TitlingGothicFB Comp', sans-serif; }
.bmi-calc .btn:hover{ color: #d5d5d5; opacity: 0.9;    }

.bmi-calc .form-group ::-webkit-input-placeholder{ color:#444; font-weight: 400; opacity: 1 !important; /* for older chrome versions. may no longer apply. */ }
.bmi-calc .form-group :-moz-placeholder { /* Firefox 18- */     color:#444; font-weight: 400;   opacity: 1 !important; }
.bmi-calc .form-group ::-moz-placeholder {  /* Firefox 19+ */   color:#444; font-weight: 400;      opacity: 1 !important; }
.bmi-calc .form-group :-ms-input-placeholder { color:#444; font-weight: 400; }  

#bmi_value{ /*font-size: 20px;*/   } 
#indicator{ font-size: 16px; line-height: 24px; }


.calc-table > thead > tr > th { background: #ae2329; color: #fff; font-weight: 500; text-align: center;  }
.calc-table > thead > tr > td { text-align: center; }


/*  */



/* #    Media Queries by Rajesh Kumar Kukreja : Cross Country Webservices
============================================================================================================== */ 


/* Desktop resolution  : screen 01 */
@media only screen and (min-width: 2301px) and (max-width: 2900px) {  
.navbar,footer .container-fluid{ max-width: 1310px; }
}


/* Desktop resolution : screen 02 */
@media only screen and (min-width: 1901px) and (max-width: 2300px) { 
.navbar,footer .container-fluid{ max-width: 1310px; }
}


/* Desktop resolution : screen 03 */
@media only screen and (min-width: 1601px) and (max-width: 1900px) { 
.navbar,footer .container-fluid{ max-width: 1310px; }
}


/* Desktop resolution : screen 04 */
@media only screen and (min-width: 1441px) and (max-width: 1600px) {  
.navbar,footer .container-fluid{ max-width: 1310px; }
}




/* 15.6 Laptop resolution : screen 05 */
@media only screen and (min-width: 1281px) and (max-width: 1440px) { }


/* Smaller than standard 960 (devices and browsers) : screen 06 */
@media only screen and (min-width: 1025px) and (max-width: 1280px) { 

nav.navbar {  padding: 0.7rem 2rem; }
.navbar-expand-lg .navbar-nav .nav-link { padding:0 0.9rem; } 
.navbar-expand-lg .navbar-nav li.nav-item .trial-btn { /*margin-right: 3rem;*/ margin:0 2rem; }

/*.container {  max-width: 980px; }*/

.services-link, .services, .testimonials, .try-class, .reach-us, .footer1, .footer2  { padding: 4rem 2rem; }
.footer1, .footer2  { padding: 1.8rem 2rem; }

.services-link ul li{ display: inline-block; color: #b7b7b7;  font-size: 60px; font-weight: 600;}
.services-link ul li a{ text-transform: uppercase; color: #b7b7b7; font-size: 60px; line-height: 80px; font-family: 'TitlingGothicFB Comp', sans-serif; font-weight: 500; padding-left: 12px; }

 }


/* Smaller than standard 960 (devices and browsers) : screen 07 */
@media only screen and (min-width: 990px) and (max-width: 1024px) { 
nav.navbar {  padding: 0.7rem 1.8rem; }
.navbar-expand-lg .navbar-nav .nav-link { padding:0 0.9rem; } 
.navbar-expand-lg .navbar-nav li.nav-item .trial-btn { margin:0 0.9rem; }

.services-link, .services, .testimonials, .try-class, .reach-us, .footer1, .footer2  { padding: 4rem 2rem; }
.footer1, .footer2  { padding: 1.8rem 2rem; }

.services-link ul li{ display: inline-block; color: #b7b7b7;  font-size: 50px; font-weight: 600;}
.services-link ul li a{ text-transform: uppercase; color: #b7b7b7; font-size: 50px; line-height: 60px; font-family: 'TitlingGothicFB Comp', sans-serif; font-weight: 500; padding-left: 12px; }


  }


/* Tablet Portrait size to standard 990 (devices and browsers) : screen 08 */
@media only screen and (min-width: 959px) and (max-width: 990px) { 
nav.navbar {  padding: 0.7rem 1.8rem; }
.navbar-expand-lg .navbar-nav .nav-link { padding:0 0.9rem; } 
.navbar-expand-lg .navbar-nav li.nav-item .trial-btn { margin:0 0.9rem; }

.services-link, .services, .testimonials, .try-class, .reach-us, .footer1, .footer2  { padding: 4rem 2rem; }
.footer1, .footer2  { padding: 1.8rem 2rem; }

.services-link ul li{ display: inline-block; color: #b7b7b7;  font-size: 40px; font-weight: 600;}
.services-link ul li a{ text-transform: uppercase; color: #b7b7b7; font-size: 40px; line-height: 60px; font-family: 'TitlingGothicFB Comp', sans-serif; font-weight: 500; padding-left: 12px; }

 }
    
    
/* Tablet Portrait size to standard 960 (devices and browsers) : screen 09 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
nav.navbar {  padding: 0rem 1.8rem; }
nav.navbar .navbar-brand {  padding: 1.2125rem 0; }
.navbar-collapse {  margin-bottom: 15px; }  

.navbar-nav { /*text-align: right; max-width: 300px; */}    
.navbar-nav li.nav-item{ background: #f5f5f5; margin-bottom: 3px; }
.navbar-expand-lg .navbar-nav .nav-link span { display:contents; }
.navbar-expand-lg .navbar-nav li.nav-item .trial-btn { margin-left: 1rem; }
 
/**/

.header-video video {  width: 100vw;  height: 100vh;  object-fit: cover;  position: absolute;  left: 0px;  top: 0px; }


/**/
.services-link, .services, .testimonials, .try-class, .reach-us, .footer1, .footer2  { padding: 4rem 2rem; }
.footer1, .footer2  { padding: 1.8rem 2rem; }

.footer2 p { color: #ccc;  font-size: 14px; text-align: center; margin-bottom: 7px; }
.footer2 .fnav.pull-right{ float: none; margin-top: 0px; }
.footer2 .fnav ul{ text-align: center; }

.services-link ul li{ display: inline-block; color: #b7b7b7;  font-size: 40px; font-weight: 600;}
.services-link ul li a{ text-transform: uppercase; color: #b7b7b7; font-size: 40px; line-height: 60px; font-family: 'TitlingGothicFB Comp', sans-serif; font-weight: 500; padding-left: 12px; }

}
    
    
/* All Mobile Sizes (devices and browser) : screen 10 */
@media only screen and (max-width: 800px) { }


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) : screen 11 */
@media only screen and (min-width: 480px) and (max-width: 767px) {  

html { font-size: 62.5%;} 

nav.navbar {  padding: 0rem 1.8rem; }
nav.navbar .navbar-brand {  padding: 1.2125rem 0; }
.navbar-collapse {  margin-bottom: 15px; }  

.navbar-nav { /*text-align: right; max-width: 300px; */}    
.navbar-nav li.nav-item{ background: #f5f5f5; margin-bottom: 3px; }
.navbar-expand-lg .navbar-nav .nav-link span { display:contents; }
.navbar-expand-lg .navbar-nav li.nav-item .trial-btn { margin-left: 1rem; }

.navbar-toggler-icon {  width: 2.7rem;   height: 2.7rem; }
/**/

.header-video video {  width: 100vw;  height: 100vh;  object-fit: cover;  position: absolute;  left: 0px;  top: 0px; }
.header-video .carousel-caption h2 {  font-size: 7.6rem;  line-height: 7.6rem; }



/**/
.services-link, .services, .testimonials, .try-class, .reach-us, .footer1, .footer2  { padding: 4rem 1.5rem; }
.services-link ul li, .services-link ul li a, .testimonials .dcYwgx { font-size: 5rem;  line-height: 5rem; }


.services .content-box.pull-right { float: none;}
.services .content-box { max-width: 430px; margin: 0 auto; }
.services .content-box p {  font-size: 1.6rem; line-height: 2.6rem;       margin-bottom: 15px;}


.try-class .content-box h2 { font-size: 5rem;  line-height: 5rem; }
.try-class .content-box h2 a{    line-height: 6rem; }


.footer1, .footer2  { padding: 1.8rem 2rem; }
.footer2 p {   font-size: 11px; text-align: center; margin-bottom: 0px; }

.footer2 .fnav.pull-right{ float: none; }


.footer1 .fnav ul, .footer2 .fnav ul{ text-align: center;  margin-bottom: 7px; padding-inline-start:0px; }
.footer1 .fnav ul li, .footer2 .fnav ul li { margin: 0 12px; }

.footer1 .social-media2 {  float: none;   margin: 3px auto; width: 190px;  }

/*nav.navbar .navbar-brand {  padding: 1.2125rem 0; max-width: 200px; }
.navbar-collapse {  margin-bottom: 15px; }  .navbar-nav { text-align: right; }    
.navbar-nav li.nav-item{ background: #f5f5f5; margin-bottom: 3px; }*/
}
  

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) : screen 12 */
@media only screen and (max-width: 479px) {  
/* nav.navbar .navbar-brand {  padding: 1.2125rem 0; max-width: 200px; }
.navbar-collapse {  margin-bottom: 15px; }  .navbar-nav { text-align: right; }    
.navbar-nav li.nav-item{ background: #f5f5f5; margin-bottom: 3px; }*/



html { font-size: 62.5%;} 

nav.navbar {  padding: 0rem 1.8rem; }
nav.navbar .navbar-brand {  padding: 1.2125rem 0; }
.navbar-collapse {  margin-bottom: 15px; }  

.navbar-nav { /*text-align: right; max-width: 300px; */}    
.navbar-nav li.nav-item{ background: #f5f5f5; margin-bottom: 3px; }
.navbar-expand-lg .navbar-nav .nav-link span { display:contents; }
.navbar-expand-lg .navbar-nav li.nav-item .trial-btn { margin-left: 1rem; }
/*.navbar-expand-lg .navbar-nav li.nav-item {   align-items: center;   display: block; }*/
.navbar-toggler-icon {  width: 2.7rem;   height: 2.7rem; }



/**/
.header-video video {  width: 100vw;  height: 100vh;  object-fit: cover;  position: absolute;  left: 0px;  top: 0px; }
.header-video .carousel-caption h2 {  font-size: 4.6rem;  line-height: 4.6rem; }



/**/
.services-link, .services, .testimonials, .try-class, .reach-us, .footer1, .footer2  { padding: 4rem 0rem; }
.services-link ul li, .services-link ul li a, .testimonials .dcYwgx { font-size: 3rem;  line-height: 4rem; }
.testimonials { padding: 4rem 1.5rem; }

.services .content-box.pull-right { float: none;}
.services .content-box { max-width: 430px; margin: 0 auto; }
.services .content-box h2 {  font-size: 3.7rem;  line-height: 4.7rem; }
.services .content-box p {  font-size: 1.6rem; line-height: 2.6rem; margin-bottom: 15px; }




.try-class .content-box h2{ font-size: 3rem;  line-height: 4rem; }
.try-class .content-box h2 a{    line-height: 5rem; }


.reach-us .content-form-box {  padding: 15px 7px; }
.reach-us .content-form-box h3 {  font-size: 3.7rem;  line-height: 4.7rem; }


.footer1, .footer2  { padding: 1.8rem 2rem; }
.footer2 p {   font-size: 11px; line-height: 16px; text-align: center; margin-bottom: 0px; }

.footer2 .fnav.pull-right{ float: none; }


.footer1 .fnav ul, .footer2 .fnav ul{ text-align: center;  margin-bottom: 7px; padding-inline-start:0px; }
.footer1 .fnav ul li, .footer2 .fnav ul li { margin: 0 12px; }

.footer1 .social-media2 {  float: none;   margin: 3px auto; width: 190px;  } 
}
    

/* Small devices (mobile, 360px and down) : screen 13 */
@media only screen and (max-width: 360px) {  }


/* Small devices (mobile, 320px and down) : screen 14 */
@media only screen and (max-width: 320px) {   }