/*
Design URL 	: 	GIG - 26Nov21
Design by  	: 	Cross Country Webservices
Designer   	: 	Rajesh Kumar Kukreja
Version	   	:	  HTML 5 / CSS 3 / Bootstrap 4
*/

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

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

@font-face{
  font-family:'Glyphicons Halflings';
  src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot");
  src:url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.woff") format("woff"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
  url("https://stackpath.bootstrapcdn.com/bootstrap/3.3.6/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg")
}



html {   scroll-behavior: smooth; }  
body{ font-family: 'Open Sans', sans-serif;   font-weight: 400;  font-size:18px; line-height: 28px;  color:#4d4d4d; overflow-x: hidden; } 

h1, h2, h3, h4, h5{ font-weight: 400;  color:#4d4d4d; font-family: 'Playfair Display', serif;}
p{  font-family: 'Open Sans', sans-serif;   font-size: 14px;  line-height:24px; color:#4d4d4d; font-weight: 300; text-decoration:none; margin:0px 0px 15px 0px; padding:0px;}
p a, p a:active, p a:visited {color:#4d4d4d;} p a:hover{color:000; } 
p strong{   font-weight: bold; color: inherit; }   em{ font-weight:normal;} 

a:hover, a:focus { outline: none; text-decoration: none;} *:focus, *:visited { outline: none; text-decoration: none; }
button:focus {     outline: 0px dotted;     outline: 0px auto -webkit-focus-ring-color; }

/***  issule resolved (carousel content blink) ***/

body{overflow-x: hidden; -webkit-transform: translateZ(0);  -moz-transform: translateZ(0); }

/*backtotop*/
#myBtn { display: none; position: fixed; bottom: 5px; right: 5px; z-index: 99999; font-size: 14px; 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; }

/* common btn class */
.btn { background-color: #4d4d4d; border: none; border-radius: 0rem;  font-family: 'Open Sans', sans-serif;  color:#fff; cursor: pointer; display: inline-block; position: relative; text-transform: uppercase; 
transition: background-color 0.2s, color 0.2s; white-space: nowrap; font-size: 15px;  padding:15px 40px; margin-top: 20px; font-family: 700;  } 
.btn:hover, .btn:focus { opacity: 0.9;  outline: none; color: #fff;}
 
.clearfix { clear: both; position: relative; }
 

/* Style the header */
.fix-nav { background: none;   position: absolute;   /*position: fixed;*/  top: 0px; width: 100%; z-index: 999999; }
.content {  padding: 16px; } /* Page content */
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky { /*position: fixed;*/ position: absolute; top: 0; width: 100%; background:rgba(0, 0, 0, 0.8); }
/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content { padding-top: 0px; }
 

/* Navbar */
.navbar {   padding: .0rem 1.5rem; align-items: normal;}
nav.navbar.navbar-expand-xl.navbar-light {     max-width: 1600px;     margin: 0 auto; }
nav .navbar-brand{   padding-top: .7125rem; padding-bottom: .6125rem; max-width: 200px; opacity: 0.8; }
nav .navbar-brand:hover{ opacity: 0.7;  }
.navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.8rem;  padding-left: 0.8rem; max-width: 1300px; }
.navbar-nav .nav-link { color: #fff; font-size: 14px;  font-weight: 300; }

.navbar-light .navbar-nav .active>.nav-link{ color: #fff; }
.navbar-light .navbar-nav .nav-link { color: #fff; text-transform: uppercase;  }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #fff; opacity: 0.7; /* color: rgba(0,0,0,.7);*/ }

.navbar-expand-xl .navbar-nav .dropdown-menu {   position: absolute;     z-index: 999999;      margin-top: 0px;   text-align: left; background:rgba(0, 0, 0, 0.7);  }

.dropdown-item {  color: #bbb; font-size: 14px; text-transform: uppercase;  z-index: 999999; padding: 0.25rem 1rem 0.25rem 1rem;}
.dropdown-item:focus, .dropdown-item:hover { color: #fff;  text-decoration: none; background: #111;  }

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(255,255,255,.9); }

/*Dropdown Hover*/
.dropdown:hover>.dropdown-menu {   display: block; }



/* toggle icon */
.container-toggle {   display: inline-block;   cursor: pointer; z-index: 999999999; margin-right: 20px; margin-top: 30px;  }
.bar1, .bar2, .bar3 {   width: 35px;   height: 2px;   background-color: #fff;   margin: 6px 0;   transition: 0.4s;}
.change .bar1 {   -webkit-transform: rotate(-45deg) translate(-9px, 6px);   transform: rotate(-45deg) translate(-9px, 6px); }
.change .bar2 {opacity: 0;}
.change .bar3 {   -webkit-transform: rotate(45deg) translate(-8px, -8px);   transform: rotate(45deg) translate(-8px, -8px); }

/**/
/* The side navigation menu */
.sidenav {
  /*height: 100%;*/ /* 100% Full-height */
  height: 100vh;
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 99999999; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  /*background-color: #111;*/ /* Black*/
  background-color: rgba(0, 0, 0, 0.85); 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 90px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

.sidenav .dropdown-menu{ /*display: block;*/ background: #111;}
.sidenav .navbar-nav .nav-link, .sidenav .dropdown-item {  color: #cfcfcf;  font-size: 1.5rem; line-height: 40px;  font-weight: 300; font-family: 'Playfair Display', serif;}
.sidenav .navbar-nav .nav-link:hover, .sidenav .dropdown-item:hover {  color: #fff; }
 


/* The navigation menu links */
.sidenav a {   padding: 8px 8px 8px 32px;   text-decoration: none;   font-size: 25px;   color: #818181;   display: block; 
  transition: 0.3s; text-align: center; }

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {   color: #f1f1f1; }

/* Position and style the close button (top right corner) */
.sidenav .closebtn {   position: absolute;   top: 0;   right: 20px; margin-top: 15px;   font-size: 50px;    color: #fff;  }

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {   transition: margin-right .5s;   padding: 0px; }

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {   .sidenav {padding-top: 15px;}   .sidenav a {font-size: 18px;} }




/* Crousal * Banner 080421 */
/*.banner-new {position:relative;  }
.banner-new .slide{   overflow: hidden; }
.banner-new  .carousel-item { height: 100vh; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }

.banner-new .carousel-caption { position: absolute;   bottom: 22%;   text-align: center; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);}
.banner-new .carousel-caption h2{ font-size: 62px; font-weight: 400; line-height: 62px;  color: #fff;  font-family: 'Playfair Display', serif; }
.banner-new .carousel-caption p{  font-size:24px;  font-weight: 400; line-height: 42px;  color: #fff;}
.banner-new .carousel-control-next, .banner-new .carousel-control-prev {width: 7% ;  }*/
 

 /* Video Banner  */
/* Banner 080421 */
.header-video {   height: 100vh; overflow: hidden;} 
.header-video video {   width: 100%;   height: auto; }
.header-video .layer {position: absolute; top: 0; left: 0; width: 100%;  height: 100vh; /*height: 100%; max-height: 650px;*/   background-color: rgba(0, 32, 135, 0.40); }
.header-video .carousel-caption { position: absolute;   bottom: 15%;   text-align: center; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);
left: 10%; right: 10%; }

.header-video .carousel-caption h2{ font-size: 52px; font-weight: 400; line-height: 62px; letter-spacing: 0.03em;  color: #fff;  font-family: 'Playfair Display', serif; }
.header-video .carousel-caption p{  font-size:22px;  font-weight: 400; line-height: 30px;  color: #fff;}
  

 
/* S2 */
.home-s2{ padding: 70px 0; text-align: center; }
.home-s2 h2{ font-size: 42px; line-height: 52px; font-weight: 400; color: #4d4d4d;   }
.home-s2  p{ font-size: 13px; line-height: 22px; font-weight: 400; color: #4d4d4d;      max-width: 700px;     margin: 0 auto;}


/* S3 - SERVICES */
.home-s3{ padding: 0; text-align: center; background: #f8f8f8; }
.home-s3 .container-fluid{ padding: 0px; }
.home-s3 .container-fluid .col-md-6{ padding: 0px; }

.home-s3 .content{ padding: 0px 35px; }
.home-s3 h2{ font-size: 42px; line-height: 52px; font-weight: 400; color: #4d4d4d;   }
.home-s3  p{ font-size: 13px; line-height: 22px; font-weight: 400; color: #4d4d4d;  }

.home-s3 .btn{ background: #f8f8f8; border: 1px solid #bbb9b9; border-radius: 0px; color: #4d4d4d; padding: 10px 40px; }
.home-s3 .btn:hover{  background: #4d4d4d; color: #fff; border: 1px solid #4d4d4d; }

 
/* S4 - GET INSPIRED  */
.inspired{ padding: 70px 0; text-align: center; }
.inspired .container-fluid{ max-width: 1280px;}
.inspired h2{ font-size: 42px; line-height: 52px; font-weight: 400; color: #4d4d4d;   }
.inspired  p{ font-size: 13px; line-height: 22px; font-weight: 400; color: #4d4d4d;  }

.inspired .card{ border: 0px; }
.inspired .card .card-body{ background:#f2f2f2;     padding: 2.5rem 1.25rem; }
.inspired .card .card-title { font-size: 38px; line-height: 48px; color: #4d4d4d; }
.inspired .card .card-text{ font-size: 13px; line-height: 22px; color: #4d4d4d; }

.inspired .card .btn{ background:#f2f2f2; border: 0px; color: #4d4d4d; border-top: 1px solid #ccc; width: 60%; text-transform: uppercase;  }
.inspired .card .btn:hover{ opacity: 0.7; width: 80%;  }
.inspired a:hover{ opacity: 0.7; width: 80%;  }


/* Testimonials New */
.home-s5{ background: #f2f2f2; }
.home-s5 .container-fluid{ padding: 0px; }
.home-s5 .freetext{ padding:7% 10% 5% 10%;  text-align: center;   }
.home-s5 .freetext h2.title{   font-size: 42px; line-height: 52px; color: #4d4d4d;   margin-bottom: 15px; }
.home-s5 .freetext p.title{   font-size: 13px; line-height: 22px; color: #4d4d4d;  margin-bottom: 50px; }

 
/*.home-s5 .freetext h2.title span{display: block;}
.home-s5 .freetext h2.title:after{   content: "";  display: block;  margin: 20px auto;  width: 60px;  border-bottom: 4px solid #8e9b4a;  float: left; }*/
/*.home-s5 .freetext p{ max-width: 400px;  }*/

.home-s5 .freetext p.author-details{ font-size: 13px; line-height: 22px; width: 220px; padding-top: 15px; margin: 0 auto; margin-top: 25px; 
  /*padding-left: 80px; background: url(../images/quote-sigan1.png) 0 15px no-repeat; */ font-weight: 300; }
.home-s5 .freetext p.author-details span{ display: block; font-size: 16px; line-height: 22px; color: #4d4d4d; font-weight: 400; border-top: 1px solid #eee; padding-top: 7px; }
.testimonials .carousel-indicators { /*justify-content: unset;*/ margin-right: 15%; /* margin-left: 0%;*/ margin-bottom: 3%; }
.testimonials .carousel-indicators li { background-color: #aaa; }

.testimonials .carousel-item { position: static; min-height: 100%; top: 20px;  bottom: auto; transition: none;  min-height: 300px;  margin-bottom: 30px;}
.testimonials .carousel-caption { position: static; padding: 0px; min-height: 100%; max-width: 700px; margin: 0 auto;} 
.testimonials .carousel-caption p{ font-weight: 400; /*font-style: italic; */}

.testimonials .carousel-control-next, .testimonials .carousel-control-prev { width: 5%; top: -50%;}
.testimonials .pull-left{ float: left; } .testimonials .pull-right{ float: right; }

 /*  */
.contact-body .content-form-box{border:1px solid #ddd; padding:45px 45px 40px 45px; min-height: 580px; }
.contact-body .content-form-box h3{ margin-bottom: 20px; }
.contact-body .content-form-box .form-group label{  font-size: 15px; line-height: 20px; color: #000; font-weight: 400; }
.contact-body .content-form-box .form-group .form-control{  font-size: 14px; color: #555; font-weight: 400; border-radius: 0; }

 
/**/
footer{ background: #222; padding: 4% 0 10px 0; }
footer .logo-footer{width: 180px; margin: 0 auto 40px auto;}

footer  h2{   font-size: 42px; line-height: 52px; color: #fff; margin-bottom: 25px; text-align: center; }
footer .form-inline{ max-width: 550px; margin: 0 auto 17px auto; }
footer .form-inline .form-control{ width: 100%; min-height: 50px;  background: #222; border:1px solid #999999; border-radius: 0px; font-size: 14px; color: #a7a7a7; text-align: center; }
footer .form-inline .btn{ font-size: 13px; width: 100%; min-height: 50px; margin-top: 0px; background: #222; border:1px solid #999999; border-left:0px; }
footer .form-inline .btn:hover{   background: #999999; border:1px solid #999999;   border-left:0px;}
footer .form-inline *{ padding: 0px; }
footer p.note{ font-size: 13px; line-height: 18px; color: #fff; text-align: center; font-weight: 300; }

footer .footer{ border-top:1px solid #999;  width: 100%; margin-top: 50px; padding: 40px 15px; }
footer .footer ul{ list-style-type: none; 
    padding-inline-start: 0px;}
footer .footer ul li, footer .footer ul li a { font-size: 13px; line-height: 36px; font-weight: 400; color: #fff;  } 

footer .footer h3{font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 24px; font-weight: 800; color: #fff; margin-bottom: 5px; }
footer .footer p{ font-size: 13px; line-height: 24px; font-weight: 400; color: #fff; margin-bottom: 12px; }
footer .footer p a{ font-weight: 400; color: #fff; }
footer .footer p a:hover, footer .footer a:hover{ opacity: 0.7; }


footer .con-right { /*float: none; */ margin: 0 auto; width: 148px;} 
footer .con-right .social-media{  margin-top: 15px; }
footer .con-right .social-media .media-box{  /*width:200px; margin: 0 auto; */ }
footer .con-right .social-media .fa {font-size:26px; width:26px; color: #fff; text-align:center; text-decoration:none; margin: 0.7px 7px 0.7px 0px; border-radius: 50%; }   
footer .con-right .social-media .fa:hover { opacity: 0.7; }


footer .copyrights{ background: #4d4d4d; padding: 15px 0; }
footer .copyrights p{ text-align: center; font-size: 12px; line-height: 18px; color: #fff; margin-bottom: 0px; }
footer .copyrights p a{ color: #999;  }
footer .copyrights p a:hover{ color: #999; opacity: 0.7;  }

/**/


/* Blog - 2 Dec 2021 */
.header-blog {   height: 350px; overflow: hidden;} 
.header-blog .layer {position: absolute; top: 0; left: 0; width: 100%;  height: 350px;   background-color: rgba(0, 32, 135, 0.70); }
.header-blog .carousel-caption { position: absolute;   bottom: 15%;   text-align: center; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);}
.header-blog .carousel-caption h2{ font-size: 52px; font-weight: 400; line-height: 62px;  color: #fff;  font-family: 'Playfair Display', serif; }
.header-blog .carousel-caption p{  font-size:22px;  font-weight: 300; line-height: 30px;  color: #fff;}
 
 /*   */
 .header-blog-details{  height: 300px; overflow: hidden; }
 .header-blog-details img{  width: 100vw;   /*height: 80vh;*/ height: 300px;   object-fit: cover;     position: absolute; left: 0px;     top: 0px;   }
 .header-blog-details .layer {position: absolute; top: 0; left: 0; width: 100%;  height: 300px;   background-color: rgba(0, 32, 135, 0.70); }
 .header-blog-details .carousel-caption { position: absolute;   bottom: 15%;   text-align: center; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);}
 .header-blog-details .carousel-caption h2{ font-size: 52px;  line-height: 56px;  color: #fff;  font-family: 'Playfair Display', serif; }


.blog-detail-page{ max-width: 1000px; margin: 0 auto; text-align: left; padding-top: 0px; }
.blog-detail-page .content{ padding: 70px 0px 0px 0px;  }
.blog-detail-page .content img{ margin: 7px 24px 24px 0px; }
.blog-detail-page .content h3{ font-size: 42px; line-height: 52px; margin-bottom: 25px;  }
.blog-detail-page .content p{ font-size: 14px; line-height: 24px; margin-bottom: 25px; color: #4d4d4d; font-weight: 400;  }
.blog-detail-page .content ul{ list-style-type: circle;       padding-inline-start: 20px; }
.blog-detail-page .content ul li{font-size: 13px; line-height: 26px; margin-bottom: 7px; color: #4d4d4d; font-weight: 400; 
    /*background: url(../images/bullets_03.png) 0 5px no-repeat; padding-left: 25px;*/}

/*.content ul li:before {  content: ''; display: block;     width: 5px;     height: 5px;     border-radius: 100%;     background-color: #273037;     position: absolute;
    top: 9px;      left: 5px; }*/


.content-v2 ul{ list-style-type: none;       padding-inline-start: 0px;}
.content-v2 ul li{font-size: 16px; line-height: 26px; margin-bottom: 7px; color: #4d4d4d; font-weight: 300; 
    background: url(../images/bullets_03.png) 0 10px no-repeat; padding-left: 25px;}



.blog-detail-page .sidebar{ background: #eeeeea; width: 100%; }
.blog-detail-page .sidebar .content-box{ padding: 5px 30px;}
.blog-detail-page .sidebar .content-box h4{ font-size: 26px; line-height: 32px; font-weight: 600; margin-bottom: 15px;  }
.blog-detail-page .sidebar .content-box  ul{ list-style-type: none;       padding-inline-start: 0px;}
.blog-detail-page .sidebar .content-box  ul li{font-size: 15px; line-height: 18px; margin-bottom: 15px; }
.blog-detail-page .sidebar .content-box  ul li a{ color: #4d4d4d;  font-weight: 400; }
.blog-detail-page .sidebar .content-box  ul li a:hover{ opacity: 0.7;}


/* Services */
 /*   */
.header-service-detail{  /*height: 500px; max-height: 350px;*/   width: 100%;  height: 100vh; overflow: hidden; }
.header-service-detail img{  width: 100vw;     /*height: 500px; max-height: 350px;*/ height: 100vh;  object-fit: cover;     position: absolute; left: 0px;     top: 0px;   }
.header-service-detail .layer {position: absolute; top: 0; left: 0;    width: 100%;  height: 100vh;  
    /*background-color: rgba(1, 32, 135, 0.70); */ /*background-color: rgba(0, 18, 76, 0.70); */ background-color: rgba(0, 0, 0, 0.40);}
.header-service-detail .carousel-caption { position: absolute;   bottom: 15%;   text-align: center; }
.header-service-detail .carousel-caption h2{ font-size: 62px;  line-height: 62px; font-weight: 400;   color: #fff;  margin-bottom: 15px; text-shadow: 4px 3px 4px rgba(0, 0, 0, 0.5);}
.header-service-detail  .carousel-caption p{  font-size:22px;  line-height: 30px; font-weight: 300;   color: #fff; text-shadow: 4px 3px 4px rgba(0, 0, 0, 1.5);}


.service-detail-page{ padding: 50px 0 0px 0;  }
.service-detail-page .container-fluid{ padding: 0px; margin: 0px; }
.service-detail-page .container-fluid:first-child{ max-width: 1280px; margin: 0 auto; }
.service-detail-page .content:first-child { padding-top: 40px; }
.service-detail-page .content h2{ font-size: 42px; line-height: 48px; font-weight: 400;   margin-bottom: 25px;  }
.service-detail-page .content p{ font-size: 18px; line-height: 28px; font-weight: 300; margin-bottom: 25px; text-align: left; }
.service-detail-page .why-us { text-align: center; max-width: 1000px; margin: 0 auto 50px auto; }



.service-detail-page .why-us h2{ font-size: 62px; line-height: 68px; font-weight: 400; /*color: #888;*/  }

.service-detail-page .container-fluid.offer {padding: 0px; width: 100%; background: #fafafa; }
.service-detail-page .container-fluid.offer .content{ max-width: 720px; padding: 20px 5%  20px 5% ; }
.service-detail-page .container-fluid.offer .content h2{ font-size: 60px; line-height: 68px; font-weight: 600; color: #4d4d4d;  }


.service-detail-page .container-fluid.offer.benifits {padding: 0px; width: 100%; background: #fff; }


/*  */
.contact-page { max-width: 700px; margin: 50px auto; text-align: center; }
.contact-page h2{ font-size: 50px; line-height: 54px; margin-bottom: 25px;  }
.contact-page h2 span{ font-size: 22px; line-height: 32px; display: block; margin-bottom: 7px;  }
.contact-page p{ font-size: 13px; line-height: 18px;  margin-bottom: 25px;  }



.contact-page .content-form-box{ width: 100%; max-width: 380px; margin: 0 auto; }
/*.contact-page .content-form-box h3{ margin-bottom: 20px; }
.contact-page .content-form-box .form-group label{  font-size: 15px; line-height: 20px; color: #fff; font-weight: 400; margin-bottom: 3px; }*/
.contact-page .content-form-box .form-group .form-control{  font-size: 13px; color: #4d4d4d; font-weight: 400; border-radius: 0;  
   background-color: #ededed/*rgba(255, 255, 255, 0.90)*/;  min-height: 52px;  box-shadow: 3px 2px 10px 0px rgba(255,255,255,0.12); border: 1px solid #ededed;}
.contact-page .content-form-box .form-group .form-control:focus {  border-color: #ff7800; }
.contact-page .btn{ border-radius: 0px; font-size: 15px; font-weight: 400; text-transform: capitalize;  background: #ff7800; padding: 10px 25px; }
.contact-page .btn:hover{ opacity: 0.7;  }


/**** Placeholder Css ***/
.contact-page ::-webkit-input-placeholder { /* WebKit, Blink, Edge */  font-size: 15px; color:#4d4d4d;  font-weight: 400;  }
.contact-page :-moz-placeholder { /* Mozilla Firefox 4 to 18 */  font-size: 15px; color:#4d4d4d;  font-weight: 400;     opacity:  1; }
.contact-page ::-moz-placeholder { /* Mozilla Firefox 19+ */    font-size: 15px; color:#4d4d4d;  font-weight: 400;     opacity:  1; }
.contact-page :-ms-input-placeholder { /* Internet Explorer 10-11 */   font-size: 15px; color:#4d4d4d;  font-weight: 400;  } 
.contact-page ::-ms-input-placeholder { /* Microsoft Edge */    font-size: 15px; color:#4d4d4d;  font-weight: 400; }



/* 16.02.2022 */
.about-us-page{ padding: 10px 0 20px 0; margin: 0; }
.about-us-page .container-fluid{ padding: inherit;  max-width: 1240px; }
.about-us-page .container-fluid .content{max-width: 700px; margin: 0 auto; padding: 0px; }
.about-us-page .content h2{  font-size: 42px; line-height: 52px; font-weight: 400; color: #3d3d3d;   margin-bottom: 25px;   text-align: center; }
.about-us-page .content h3{  font-size: 32px; line-height: 42px; font-weight: 400; color: #3d3d3d;   margin-bottom: 25px;   text-align: center; }
.about-us-page .content p{  font-size: 13px; line-height: 22px; font-weight: 400; color: #3d3d3d; margin-bottom: 25px; text-align: center; }

/*  */
.why-page{ padding: 70px 0 0 0; margin: 0; }
.why-page .container-fluid{   max-width: 1240px; margin: 0px auto; }
.why-page .container-fluid .content{ margin: 0px 30px; padding: 15px 0; border-top: 1px solid #ccc; }

.why-page .content h2{  font-size: 42px; line-height: 52px; font-weight: 300; color: #3d3d3d; margin-bottom: 5px;}
.why-page .content h3{  font-size: 32px; line-height: 42px; font-weight: 300; color: #3d3d3d; margin-bottom: 5px;  }
.why-page .content p{   font-size: 13px; line-height: 22px; font-weight: 400; color: #3d3d3d; margin-bottom: 25px; }

.why-page .content ul{ list-style-type: none;     margin-block-start: 0; padding-inline-start: 7px; }
.why-page .content li{ background: url(../images/arrow-bullet2.png) 0 10px no-repeat; font-weight: 400; padding-left: 25px; font-size: 13px; color: #3d3d3d; margin-left: 0px;  }


/*  */
.service-page{ padding: 10px 0 20px 0; margin: 0; }
.service-page .container-fluid{   max-width: 1240px; margin: 0px auto; }
.service-page .container-fluid .freetext{ max-width: 700px; margin: 0 auto; padding: 0px; text-align: center; }
.service-page .freetext h2{  font-size: 42px; line-height: 52px; font-weight: 300; color: #3d3d3d; margin-bottom: 25px;}
.service-page .freetext p{   font-size: 13px; line-height: 22px; font-weight: 400; color: #3d3d3d; margin-bottom: 25px; }

.service-page .container-fluid .content.content2{ max-width: 450px; margin: 0 auto; }

.service-page .content h4{ /*font-family: 'Open Sans', sans-serif; */  font-size: 32px; line-height: 42px; font-weight: 300;  margin-bottom: 25px;  }
/*.service-page .content h3{  font-size: 32px; line-height: 42px; font-weight: 300; color: #3d3d3d; margin-bottom: 5px;  }*/
.service-page .content p{   font-size: 13px; line-height: 22px; font-weight: 400; color: #3d3d3d; margin-bottom: 25px; }

.service-page .content ul{ list-style-type: none;     2margin-block-start: 0; padding-inline-start: 7px; margin-bottom: 25px; }
.service-page .content li{ background: url(../images/arrow-bullet2.png) 0 5px no-repeat; font-weight: 400; 
    padding-left: 25px; font-size: 13px; line-height: 20px; margin-bottom: 12px; color: #3d3d3d; margin-left: 0px;  }

.service-page .card-box{ max-width: 980px; margin: 0 auto; }









/*  */
 
 


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

/* Desktop resolution  : screen 01 */
@media only screen and (min-width: 2301px) and (max-width: 2900px) { .content {  max-width: 800px;   margin: 0 auto; }      }

/* Desktop resolution : screen 02 */
@media only screen and (min-width: 1901px) and (max-width: 2300px) { .content {  max-width: 800px;   margin: 0 auto; }      }

/* Desktop resolution : screen 03 */
@media only screen and (min-width: 1601px) and (max-width: 1900px) { .content {  max-width: 800px;   margin: 0 auto; }      }

/* Desktop resolution : screen 04 */
@media only screen and (min-width: 1301px) and (max-width: 1600px) {  }

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


/* Smaller than standard 960 (devices and browsers) : screen 06 */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {  
.navbar-brand img{ max-width: 105px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} .navbar-nav{ margin-top: -25px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }

/**/
.header-video video{  width: 100vw; /* Could also use width: 100%;*/ height: 100vh; object-fit: cover; position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-video .layer{ height: inherit; }
.header-video .carousel-caption h2 { font-size: 42px; line-height: 52px; }

  /**/
.header-blog img{ width: 100vw; /* Could also use width: 100%; */     height: 80vh; object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-blog .layer{ height: 80vh; }
.header-blog .carousel-caption {    position: absolute;     bottom: 4%; }
.header-blog .carousel-caption h2 { font-size: 42px; line-height: 52px; }

}



/* Smaller than standard 960 (devices and browsers) : screen 07 */
@media only screen and (min-width: 990px) and (max-width: 1024px) {  
.navbar-brand img{ max-width: 105px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} .navbar-nav{ margin-top: -25px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }


 
/**/
.header-video video{      width: 100vw; /* Could also use width: 100%; */     height: 100vh;
    object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-video .layer{ height: inherit; }
.header-video .carousel-caption h2 { font-size: 42px; line-height: 52px; }
 

 /**/
.header-blog img{      width: 100vw; /* Could also use width: 100%; */     height: 80vh;
    object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-blog .layer{ height: 80vh; }
.header-blog .carousel-caption {    position: absolute;     bottom: 4%; }
.header-blog .carousel-caption h2 { font-size: 42px; line-height: 52px; }
 
}


/* Tablet Portrait size to standard 990 (devices and browsers) : screen 08 */
@media only screen and (min-width: 959px) and (max-width: 990px) {
.navbar-brand img{ max-width: 105px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} .navbar-nav{ margin-top: -25px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }


/**/
.header-video video{      width: 100vw; /* Could also use width: 100%; */     height: 100vh;
    object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-video .layer{ height: inherit; }
.header-video .carousel-caption h2 { font-size: 42px; line-height: 52px; }
 


 /**/
.header-blog img{      width: 100vw; /* Could also use width: 100%; */     height: 80vh;
    object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-blog .layer{ height: 80vh; }
.header-blog .carousel-caption {    position: absolute;     bottom: 4%; }
.header-blog .carousel-caption h2 { font-size: 42px; line-height: 52px; }
 
}
	
	
/* Tablet Portrait size to standard 960 (devices and browsers) : screen 09 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.navbar-brand img{ max-width: 105px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} .navbar-nav{ margin-top: -25px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }


/**/
.header-video video{      width: 100vw; /* Could also use width: 100%; */     height: 100vh;
    object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-video .layer{ height: inherit; }
.header-video .carousel-caption h2 { font-size: 42px; line-height: 52px; }
.header-video .carousel-caption p { font-size: 19px; line-height: 24px; }

/**/
.home-s3 { max-width: 90%; margin: 0 auto; } 
.home-s3 .content{ padding: 7% 40px; } 

/**/
.home-s5 .freetext { padding: 7% 3% 5% 3%; }
.testimonials .carousel-caption { max-width: 500px;}

.logo-footer{width: 200px; margin: 0 auto;}


 /**/
.header-blog img{      width: 100vw; /* Could also use width: 100%; */     height: 80vh;
    object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-blog .layer{ height: 80vh; }
.header-blog .carousel-caption {    position: absolute;     bottom: 4%; }
.header-blog .carousel-caption h2 { font-size: 42px; line-height: 52px; }


/*  */
.blog-detail-page .sidebar .content-box{ padding: 5px 30px;}


/*  */
.service-detail-page{  max-width: 650px; margin: 0 auto; text-align: center; }
.service-detail-page .offer{ margin-bottom: 50px; }
.service-detail-page .container-fluid.offer .content { padding:40px;}
.service-detail-page .container-fluid.offer .content h2 { font-size: 42px; line-height: 52px; }
.content ul li { background: none; padding-left: 0px; text-align: left;}

}
	
	
/* 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) {  
.navbar-brand img{ max-width: 105px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9); */} .navbar-nav{ margin-top: -25px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }


 
/**/
.header-video video{      width: 100vw; /* Could also use width: 100%; */     height: 100vh;
    object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-video .layer{ height: inherit; }
.header-video .carousel-caption{ bottom: 3%; left: 7%; right: 7%; }
.header-video .carousel-caption h2 { font-size: 42px; line-height: 52px; }
.header-video .carousel-caption p { font-size: 18px; line-height: 24px; }

.home-s3 { max-width: 90%; margin: 0 auto; } 
.home-s3 .content{ padding: 7% 40px; } 

.home-s5 .freetext { padding: 7% 3% 5% 3%; }
.testimonials .carousel-caption { max-width: 500px;}

.logo-footer{width: 108px; margin: 0px auto 30px auto;}

/**/
footer .footer ul li, footer .footer ul li a, footer p, footer h3  { text-align: center; }
footer .footer ul  {padding-inline-start: 0px; }
footer .con-right { width: 147px; margin: 0 auto; }

 /**/
.header-blog img{      width: 100vw; /* Could also use width: 100%; */     height: 80vh;
    object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-blog .layer{ height: 80vh; }
.header-blog .carousel-caption {    position: absolute;     bottom: 4%; }
.header-blog .carousel-caption h2 { font-size: 42px; line-height: 52px; }


.blog-detail-page .content{ text-align: center; }
.blog-detail-page .content li{ background: none; padding-left: 0px; }
.blog-detail-page .sidebar .content-box{ text-align: center; margin-bottom: 15px; }


/*  */
.service-detail-page{  max-width: 650px; margin: 0 auto; text-align: center; }
.service-detail-page .offer{ margin-bottom: 50px; }
.service-detail-page .container-fluid.offer .content { padding:40px;}
.service-detail-page .container-fluid.offer .content h2 { font-size: 42px; line-height: 52px; }
.content ul li { background: none; padding-left: 0px; text-align: left;}

}
  


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) : screen 12 */
@media only screen and (max-width: 479px) {
.navbar-brand img{ max-width: 105px; }
.navbar { padding: 0.5rem 1.5rem; /*background:rgba(0, 0, 0, 0.9);*/ } .navbar-nav{ margin-top: -25px; }
.navbar-light .navbar-nav .nav-link {    color: #fff;     text-transform: uppercase;  padding-right: 0px;     text-align: right; }
.navbar-nav .dropdown-menu { position: static; right: 0; float: none; max-width: 300px;}
.navbar-toggler { background: #d0212a;} .navbar-toggler-icon{ color: #fff; }



/**/
.header-video {  /*height: calc( 100% - 140px);     overflow: hidden;     margin-top: 141px;*/ }
.header-video video{      width: 100vw; /* Could also use width: 100%; */     height: 100vh;
    object-fit: cover;     position: absolute; /* Change position to absolute if you don't want it to take up the whole page */
    left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-video .layer{ height: inherit; }
.header-video .carousel-caption{ bottom: 3%; left: 7%; right: 7%; }
.header-video .carousel-caption h2 { font-size: 32px; line-height: 42px; }
.header-video .carousel-caption p { font-size: 18px; line-height: 24px; }

.home-s2 h2, .home-s3 h2, .home-s4 h2, .inspired h2, .home-s5 .freetext h2.title {     font-size: 52px;  line-height: 62px;}
.home-s3 { max-width: 90%; margin: 0 auto; } 
.home-s3 .content{ padding: 7% 40px; } 

.home-s5 .freetext { padding: 7% 3% 5% 3%; }
.testimonials .carousel-caption { max-width: 500px;}

.logo-footer{width: 108px; margin: 0px auto 30px auto;}

/**/
footer .footer ul li, footer .footer ul li a, footer p, footer h3  { text-align: center; }
footer .footer ul  {padding-inline-start: 0px; }
footer .con-right { width: 147px; margin: 0 auto; }


 /**/
.header-blog{ width: 100vw;  height: 90vh; }
.header-blog img{ width: 100vw;  height: 90vh; object-fit: cover; position: absolute; left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-blog .layer{ height: 90vh; }
.header-blog .carousel-caption {    position: absolute;     bottom: 4%; left: 7%; right: 7%; }
.header-blog .carousel-caption h2 { font-size:32px; line-height: 42px; }
.header-blog .carousel-caption p { font-size: 16px; line-height: 24px; } 


/*  */
.header-blog-details{ width: 100vw;  height: 90vh; }
.header-blog-details img{ width: 100vw;  height: 90vh; object-fit: cover; position: absolute; left: 0px;     top: 0px;     /*z-index: -1;*/ }
.header-blog-details .layer{ height: 90vh; }
.header-blog-details .carousel-caption {    position: absolute;     bottom: 4%; left: 7%; right: 7%; }
.header-blog-details .carousel-caption h2 { font-size:36px; line-height: 42px; }
.header-blog-details .carousel-caption p { font-size: 16px; line-height: 24px; } 

.blog-detail-page .content{ text-align: center; }
.blog-detail-page .content li{ background: none; padding-left: 0px; }
.blog-detail-page .sidebar .content-box{ text-align: center; margin-bottom: 15px; }

/*  */
.header-service-detail .carousel-caption { left: 7%; right: 7%; bottom: 4%;  }
.header-service-detail .carousel-caption h2 {font-size: 36px;     line-height: 42px;} 
.header-service-detail .carousel-caption p { font-size: 17px; line-height: 24px; } 

.service-detail-page{  max-width: 650px; margin: 0 auto; text-align: center; }
.service-detail-page .offer{ margin-bottom: 50px; }
.service-detail-page .container-fluid.offer .content { padding:40px;}
.service-detail-page .container-fluid.offer .content h2 { font-size: 42px; line-height: 52px; }
.content ul li { background: none; padding-left: 0px; text-align: left;}


/*  */
.header-service-detail.header-contact .carousel-caption { left: 7%; right: 7%; bottom: 2%; }
.header-service-detail.header-contact .carousel-caption h2 {font-size: 36px;     line-height: 42px;} 
.header-service-detail.header-contact .carousel-caption p {font-size: 18px;     line-height: 24px;}

.contact-page{ max-width: 90%; margin: 40px auto; }
.contact-page h2 span{ line-height: 16px; line-height: 22px; margin-bottom: 20px; }
.contact-page h2{ font-size: 36px; line-height: 42px; }


.header-service-detail{  height: 500px; max-height: auto; overflow: hidden; }
.header-service-detail img{  width: 100vw;   /*height: 80vh;*/ height: 500px; max-height: auto;  object-fit: cover;     position: absolute; left: 0px;     top: 0px;   }
.header-service-detail .layer {position: absolute; top: 0; left: 0; width: 100%;  height: 500px; max-height: auto;   background-color: rgba(0, 32, 135, 0.70); }
}


/* 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) {   }