/*
Theme Name 	: 	ccws : update May 2021
Description	: 	Web Design Comapny Delhi 
Design URL 	: 	ccws.in 
Design by  	: 	CrossCountryWebServices
Designer   	: 	Rajesh Kumar
Version	   	:	  HTML5/CSS3
*/

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



/*** Basic CSS ***/
body {color:#2a2a2a;  line-height: 1.7em; font-family: 'Lato', sans-serif; font-weight:400; }
.mb-10{ margin-bottom:10px !important;} 
.add-bottom15{ margin-bottom:15px;} .add-bottom25{ margin-bottom:25px;} .add-bottom35{ margin-bottom:35px;} .add-bottom45{ margin-bottom:45px;}
.right{ text-align:right;} .left{ text-align:left;}

/** css for single page slide ease **/
html {   scroll-behavior: smooth; }

/*p{font-family: 'Lato', sans-serif; color:#424242; line-height:24px;   font-weight:400; font-size:15px;}*/
p {  font-family: 'Lato', sans-serif;  color: #444545; font-weight: 400;  font-size: 18px; line-height: 28px;  }
p a{color:#424242; text-decoration:none;} p a:hover{color:#727272; text-decoration:none;}

.hd1{font-family: 'Lato', sans-serif; font-size: 35px; line-height: 45px; font-weight: 900; color:#424242;  text-align:center;   margin-bottom:5px;}

/*.hd2{font-family: 'Lato', sans-serif; color:#424242; line-height:30px; text-align:center; font-weight:400; font-size:20px; margin-bottom:7px;}  */
.hd2{font-family: 'Lato', sans-serif; font-size: 32px; line-height: 42px; font-weight: 800; color:#424242;  text-align:center;   margin-bottom:5px;}


.hd2 a{ color:#424242; text-decoration:none;}  .hd2 a:hover{ color:#555; text-decoration:none;}
.hd3{font-family: 'Lato', sans-serif; color:#fff; line-height:30px; text-align:center; font-weight:400; font-size:16px; margin-bottom:7px;} 
.hd4{font-family: 'Lato', sans-serif; color:#5886cc; line-height:30px; text-align:left; font-weight:400; font-size:18px; margin:10px 0 3px 0;} 
h1, h2, h3, h4, h5, h6 { color: #000000; font-family: 'Lato', sans-serif; font-weight:600;}
	
 /* SCROLL TO TOP BUTTON */
#myBtn { display: none; position: fixed; bottom: 10px; right: 15px; z-index: 99; font-size: 13px; border: none; outline: none;
  background-color: #ed5647; opacity: 1;   color: white;  font-weight: 300; cursor: pointer;   padding: 10px 10px;   border-radius: 50px; }
#myBtn:hover {   opacity: 0.8; }

.rev-subtitle{font-size:30px; font-weight:600; text-transform:none; line-height:45px;}

/* Home Banner  30 Sep 2020*/
/*.home-banner{position:relative;  background: url(images/slider-1.jpg) 0 0 no-repeat; width: 100%; height: 100vh;
background-size: cover !important;  background-repeat: no-repeat !important; background-position: center !important; }*/
/*.home-banner .layer{background-color: rgba(0, 0, 0, 0.10); position: absolute;}*/
/*.swiper-slide .swiper-caption{ position: absolute; top: 22%;  right: 0px; width: 100%; height: 100%;}
.swiper-slide .swiper-caption h2{ color: #ffffff; font-size:30px; font-weight:600; text-transform:none; line-height:45px;
max-width: 800px; margin: 0 auto;  text-align: center; }
.swiper-slide .swiper-caption h2 span{ display: block; }*/


.services-head{ min-height: 250px; display: block; margin-bottom: 20px; }
/*.logo{ width:240px; height:60px; background:url(images/logo.png); z-index:99999;}*/
/*.lrg-logo {width:240px; height:66px; background:url(images/logo1.png) no-repeat;}*/
.lrg-logo {width:250px;   height:60px;  }


/*.sml-logo {width:240px; height:60px; background:url(images/logo1.png) no-repeat;}*/
/*.lrg-logo2 {width:240px; height:66px; background:url(images/logo-dark.png) no-repeat;}
.sml-logo2 {width:240px; height:66px; background:url(images/logo-dark.png) no-repeat;}*/



/* 14june 2023 */
.luxxata-logo {    position: absolute;   top: 10px;  left: 250px; }




/***  Header  ***/
/*header.transparent { position: absolute;  width: 1140px; }*/
/*nav.site-navigation {  margin-top: 15px; }*/
nav.site-navigation ul li a{color: #fff; font-size: 16px; font-family: 'Lato', sans-serif; text-decoration: none; text-transform: none; font-weight:600;}
nav.site-navigation ul.main-menu > li > a {     padding: 20px 15px 30px;  }

nav.site-navigation ul li a:hover, nav.site-navigation ul li a:focus{color: #ffeeed; text-decoration:none;}

nav.site-navigation ul li a.btn1{   padding:10px 20px; margin-left:110px;  background: #0137fd;  color: #fff; border-radius:7px; }
/*nav.site-navigation ul li a.btn1{   padding:10px 20px; margin-left:110px;  background: #fff;   color: #0137fd; border-radius:7px; }*/
nav.site-navigation ul li a.btn1:hover, nav.site-navigation ul li a.btn1:focus{ opacity: 0.9; /*border:1px solid #fff; color:#fff;*/}

nav.site-navigation ul li > ul.sub-menu a {clear:both; color:#424242; display:block; font-size:13px; padding:13px 20px; width: 100%;}
header.site-header.classic nav.site-navigation ul li a { color: #000; }



.rev_slider {font-family: 'Lato', sans-serif; }

/** Main Menu on Scroll **/
header.sticky.transparent { background: rgba(255, 93, 76, 0.9) none repeat scroll 0 0;/* background:#657081;*/ }


header.classic { background: #fff; border: 1px solid #e5e5e5;  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.14);   border: none; min-height: 76px; }


/* 28 june 2022 */
header.site-header.classic .main-menu {   margin: 6px 0 18px 0; }
header.site-header.classic nav.site-navigation ul.main-menu > li > a.btn1 { padding:7px 15px 10px 15px; color: #fff; background: #ff5e4c; border-radius: 0px; font-size: 14px; }
header.site-header.classic nav.site-navigation ul.main-menu > li > a.btn1 {  }


header.site-header.classic .site-navigation .mobile-wrap > ul > li > a { color: #454545; }
header.site-header.classic .site-navigation .mobile-wrap > ul > li > a:hover, header.site-header.classic .site-navigation .mobile-wrap > ul > li > a:focus {
    color: #ff5e4c; }



/*** inner page ***/
.in-header-bg{ background:#fff; }
.in-header-bg nav.site-navigation ul li a { color: #252525; font-size: 15px; font-family: 'Lato', sans-serif;     text-decoration:none; text-transform:none; font-weight:600; }
.in-header-bg nav.site-navigation ul li a:hover{ color: #fc695a; }
.in-header-bg nav.site-navigation ul li a.btn1 { /*border:1px solid #252525;*/ padding:7px 10px; border-radius:0px; margin-left:220px; background: #f2867b; color: #fff;}
.in-header-bg nav.site-navigation ul li a.btn1:hover { background: #f4ecea; color: #ed566a; /*border:1px solid #ff5e4c; color:#ff5e4c;  padding:3px 10px; border-radius:5px;  */}
.in-header-bg.sticky.transparent { /*background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;*/ background:#fff; border-bottom:1px solid #ddd; }



/*** Homepage CSS ***/
.bg-white{ background:#fff;  padding:45px 0 45px 0;} 
.bg-white2{ background:#fff;  padding:0px 0 45px 0;} 


.bg-gray{ background:#f5f5f5; padding:45px 0 55px 0;} 
.border-gray{border-top:1px solid #eee; padding:65px 0 0px 0;}
 
p.w70{ width:70%; margin:0 auto; font-size:16px; font-weight:400; text-align:center; }
.services-hp { background:#f8f8f8; padding:35px 0 0px 0; border-bottom:1px solid #eee;}

.services-hp .hd1{ text-align:center;}
.ser_left { margin-bottom:25px;} .ser_left .hd2{ text-align:right; } .ser_left p{ text-align:right; font-size:15px;}
.ser_right{ margin-bottom:25px;} .ser_right .hd2{ text-align:left; } .ser_right p{ text-align:left; font-size:15px;}

.about-hp { background:#fff; padding:45px 0 10px 0;} 
.about-hp .hd1{ text-align:left;}

/*** Portfolio 13 Nov ***/
.portfolio-hp { background:#f5f5f5; padding:45px 0 55px 0; margin-bottom:65px;} 
.portfolio-hp .hd1{ text-align:center; margin-bottom:4px;} 
.portfolio-hp p{ text-align:center; color:#444;}
.projects-item .project-desc { display: block; text-align:left; }
.projects-content .projects-item { margin-top: 0px; margin-bottom: 30px; transition: opacity 0.5s !important;}

.gallery > [class*="col-"] { margin: ; padding:10px; }

.projects-pagination > button { background: #f5f5f5;  border: 1px solid; border-radius: 3px; color: rgba(0, 0, 0, 0.12); display: inline-block;  height: 37px;  position: relative;   width: 37px; }
.projects-pagination > button:hover {  background: #fff;  }
.projects-pagination {  display: block; margin-top: -35px; text-align: right; }


.carousel-inner > .item > img, .carousel-inner > .item > a > img{ width: 714px; /* use this, or not */ margin: auto;}
.carousel-control.left, .carousel-control.right {  background-image: none }
.carousel-control { font-size: 20px; color: #d5d5d5; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.3); text-shadow:none; }
.carousel-control:hover, .carousel-control:focus { font-size: 20px; color: #d5d5d5;  text-shadow:none;}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 20%; margin-left: -10px;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{ right: 20%; margin-right: -10px;}

/*** Testimonials 13 Nov ***/
.testimonials { margin-bottom: 10px;}
.testimonials .testimonial-owl-nav { position: absolute; bottom: 30px; right:45%; z-index: 1;}
ul.testimonial-wrap li > p { text-align:center; font-style:normal; color:#424242; line-height: 1.65em; margin-bottom: 30px; font-size:15px; } /* Font */
.owl-carousel .owl-stage-outer {padding-bottom:35px;}
.testimonials .testimonial-owl-nav { bottom: 40px;  right: 45%; z-index: 1;  }
.testimonials .owl-stage-outer {border: 0px solid #e5e5e5; box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.14);}

/** CLIENTS **/
.container_clients{ width:88%; max-width: 1300px; margin: 0 auto; padding:15px 0%; }

.clients1{ margin-bottom:50px; width:100%;}
.clients1 img{width:170px; /*background:#fff;*/ margin:10px; /*border:inset 1px solid #fff;*/}
.clients1 ul{ list-style-type:none; text-align:center; margin:0px; padding:0px; } 
.clients1 ul li{ display:inline;  margin:0px 0px 30px 0px; padding:0px;  background: none; text-decoration: none;}

/*Grayscale + zoom*/
.clients1 img {       filter: gray;   -webkit-filter: grayscale(100%);   transform: scale(0.9);   transition: transform 0.6s;  /* Animation */  }
.clients1 img:hover { filter: color;  -webkit-filter: grayscale(0%);     transform: scale(1.0); }

.social a { transition: background-color 0.2s, color 0.2s; /* background-color: #729ee2;*/ background-color:transparent; border-radius: 4px; color: #fff;  display: block; height: 32px; position: relative; width: 32px; } .social a:hover { background-color:transparent; color:#aaa;}




.btn_vm { background-color: #fff; border: 1px solid #3a598b; color: #3a598b; border-radius: 5px; cursor: pointer; display:inline-block; position:relative; text-transform:none; transition:background-color 0.2s, color 0.2s;     white-space: nowrap;font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; margin: 0 auto; 
padding: 7px 15px 9px 15px;     margin-bottom: 30px; }
.btn_vm:hover { background-color: #3a598b; }

/**** FOOTER NEW 2018****/
.container_query{ width:80%; margin: 0 auto; padding:55px 5%; background:#faf6f5; }
.container_query p{color:#424242; font-weight:400;}
.container_query2{ padding:55px 45px; background:#e4e4e4; }
.container_query2 p{color:#424242; font-weight:400;}
.container_query2 .captcha, .container_query .captcha{ margin-top:7px; margin-left:-15px;/* border:1px solid #fff; width:70px;*/}

p.security-msg{ color:#FF0000; text-align:center; padding-bottom:15px; }

::-webkit-input-placeholder{ font-size: 14px; color:#424242; opacity: 1 !important; /* for older chrome versions. may no longer apply. */ }
:-moz-placeholder { /* Firefox 18- */     font-size: 14px; color:#424242;   opacity: 1 !important; }
::-moz-placeholder {  /* Firefox 19+ */   font-size: 14px; color:#424242;      opacity: 1 !important; }
:-ms-input-placeholder { font-size: 14px; color:#424242; }

.footer-new{ padding:25px 0 35px; } 
.footer-new .hd1{margin:0px; padding:0px; line-height:40px;}
.footer-new .hd1 a{ font-weight:800; text-align:center; font-size:20px;  color:#424242;  }
.footer-new .hd1 a:hover{ font-weight:800; text-align:center; font-size:20px; color:#ff5d4c; }
.footer-new p{ text-align:center; font-weight:400; color:#424242; max-width:650px; margin:0 auto;}
.footer-new p span{ display:block; font-size:14px; color:#353535;	 }

.footer-new ul{ margin:35px 0 30px 0; text-align:center;}
.footer-new ul li{ margin:0; padding:0px 15px; line-height:22px; font-weight:600; list-style-type:none; display:inline; }
.footer-new ul li a{ color:#202020; text-decoration:none;}
.footer-new ul li a:hover{ color:#ff5d4c; text-decoration:none;}

.social-m{ padding:7px 0; margin-bottom:30px; } 
.social-m ul{ margin: 0; padding:0px; text-align:center; list-style-type:none;}
.social-m ul li{ margin:0; padding:0px 7px; line-height:22px; font-weight:600; list-style-type:none; display:inline; }
.social-m a img.grayscale2:hover {opacity:0.5; } 

/**** Footer New Ends ****/



/***  CONTACT PAGE  ***/
.bg-contact{ background: #f8f8f8; padding: 0px 0;  margin-bottom: 0px; }
.bg-contact .container-fluid{ padding: 0px; max-width: 1366px; }
.bg-contact .inner-page{ padding: 0px; padding-left: 16%; }

.phone-icon{ background:url(images/icons/ic_phone.png) 0px 3px no-repeat; padding-left:40px; font-size:20px; color:#ff5e4c; 
line-height:28px; font-weight:600; letter-spacing:0.06em; margin-top:20px; }
.phone-icon a{color:#ff5e4c; text-decoration:none;} .phone-icon a:hover{color:#424242; text-decoration:none;}

.location-icon{ background:url(images/icons/ic_location.png) 0px 3px no-repeat; padding-left:40px;  margin-top:20px; }

.email-icon{ background:url(images/icons/ic_email.png) 0px 3px no-repeat; padding-left:40px;  margin-top:20px; color:#ff5e4c;}
.email-icon a{color:#ff5e4c; text-decoration:none; font-size: 18px; } .email-icon a:hover{color:#424242; text-decoration:none;}

.gtalk-icon{ background:url(images/icons/ic_gtalk.png) 0px 3px no-repeat; padding-left:40px;  margin-top:15px; color:#ff5e4c;}
.gtalk-icon a{color:#ff5e4c; text-decoration:none;} .gtalk-icon a:hover{color:#424242; text-decoration:none;}

.skype-icon{ background:url(images/icons/ic_skype.png) 0px 3px no-repeat; padding-left:40px;  margin-top:15px; color:#ff5e4c; }
.skype-icon a{color:#ff5e4c; text-decoration:none;} .skype-icon a:hover{color:#424242; text-decoration:none;}

/** request-quote **/
.request-quote{ margin-top:20px;}
.request-quote .form-group input:not([type="submit"]), .form-group textarea {font-size: 15px; color: inherit; width: 100%; 
	background: #f5f5f5; 	border: 1px solid #f5f5f5;  border-radius:3px; padding:15px 20px; z-index:1; position: relative; }
.request-quote .form-group { margin-bottom: 15px; }	
/*.request-quote .form-group.col-sm-6, .request-quote .form-group.col-md-12{ padding-right:0px; }*/
.request-quote .form-group textarea { height: 120px; margin-bottom: 0px; max-width: 100%; }
.request-quote .captcha{ margin-top:7px;}

.get-directions { background:#ff5d4c; line-height:50px; width:100%; margin-top:65px; color:#fff;  font-size:46px; text-align:center; font-weight:300; padding:25px 0 35px 0; }
 

/** Panel headings **/
.panel-group .panel + .panel { margin-top: 5px; margin-top:0px; }
.panel-heading { /*padding: 10px 15px;*/ padding:0px; }
.panel-heading a {     background-color: #ff5e4c;     border-bottom: 1px solid #ff5e4c; }
.panel-heading a.collapsed:hover,
.panel-heading a.collapsed:focus { color: #ff5e4c; }

 
.panel-heading h4{ font-size:18px; text-transform:none; font-weight:400; }
.panel-body .hd4{color: #ff5e4c;}
.inner-page2 p{ margin-bottom:15px; line-height:30px;}
.inner-page2 ul{ list-style:none; margin:0px 0px 35px 0px ; padding:0px;}
.inner-page2 li{ background:url(images/tick.png) no-repeat 2px 10px; padding:0px 0px 0px 30px; line-height:30px; color:#424242;}

.inner-page2 p.location{ background:url(images/icons/ic2_loc.png) no-repeat 2px 5px; padding:0px 0px 0px 35px;}
.inner-page2 p.calendor{ background:url(images/icons/ic2_cal.png) no-repeat 2px 5px; padding:0px 0px 0px 35px;}

/*.panel-body .btn{ background:#4c7bc2;} .panel-body .btn:hover{ background:#3a68ad;}*/

/* # Send Queries === */
.modal2 { display: none;  position: fixed; z-index: 999; left: 0;     top: 0; width: 100%;  height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content2 { background-color: #fefefe; margin: 2% 10%; padding: 20px;  border: 1px solid #888;     width: 100% ; }
.modal-backdrop { position: static; top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1040; background-color: #000; }
/* The Close Button */
.close2 { color: #aaa; float: right; font-size: 28px; font-weight: bold;}
.close2:hover, .close2:focus { color: black; text-decoration: none; cursor: pointer; }



/** 14 April 2018 **/
.btn { background-color: #ff5d4c; border: none;  border-radius: 4px;     color: #fff;}
.btn:hover, .btn:focus { background-color: #ec4331}
 
.form-group input:not([type="submit"]):focus,
.form-group textarea:focus {   border-color: #fd998f;  outline-color: #fd998f; }


.services-head img{ width: 80%; margin: 0 10%; }
.services-head .hd1{  line-height:32px;  text-align:center; font-weight:400; font-size:22px; margin: 15px 0 40px 0px; width:100%;  }



/*PORTFOLIO*/
.container-box {     position: relative;     width: 100%; display: block; /*max-height: 440px; overflow: hidden;*/ }
.image {   opacity: 1;   display: block;   width: 100%;   height: auto;   transition: .5s ease;   backface-visibility: hidden; }
.middle {   transition: .5s ease;   opacity: 0;   position: absolute;    top: 45%;   left: 50%;   
    transform: translate(-50%, -50%);   -ms-transform: translate(-50%, -50%);   text-align: center; }
.container-box:hover .image {   opacity: 0.2; } 
.container-box:hover .middle {   opacity: 1; }
.text { font-weight: 400;  color: #2a2a2a;    font-size: 22px;   padding: 16px 32px; text-transform: uppercase; }
.text2{  border:3px solid #ff5d4c;   font-weight: 400;  color: #2a2a2a;    font-size: 26px; display: block;   padding: 16px 10px;}
.text3 { font-weight: 400;  color: #454545;    font-size: 16px;   padding: 16px 32px; text-transform: uppercase; }
.portfolio-page .col-md-8, .portfolio-page .col-md-4{    padding: 0px; }


.industry {   padding: 25px 0px 0px 0px; min-height: 200px;  margin: 0px 0px 30px 0px ; border: 1px solid #eee; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.09); }
.industry span{ display: block; text-align: center; width: 100%; margin-bottom: 10px; } 
.industry p{  font-size: 18px; font-weight: 300; text-align: center; }
.industry:hover{ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  } 

/* FOOTER */
.chat-icons{ text-align: center; margin-bottom: 35px;  }
.chat-icons .whatsapp{ font-size: 16px; text-align: center; font-weight: 700; color:#4da735; line-height: 26px; margin-top: 15px; display: block; }
.chat-icons .skype{ color: #00aff0;  margin-top: 10px;}  
.chat-icons .hangout{ color: #1ea362;  margin-top: 10px;} 
.chat-icons p{ font-weight: 300;  line-height: 24px; }  
.chat-icons p a, .chat-icons p a:focus{ color: #000; font-weight: 400; display: block; } 
.chat-icons p a:hover{ color: #00aff0; text-decoration: none;}

/* ABOUT HOMEPAGE */
.about1{ padding:  40px 0 30px 0; }
.about1 p{ text-align: center; font-size: 20px; line-height: 32px; font-weight: 400; color: #424242; }
.about1 p strong{ font-weight: 600;}


/* PORTFOLIO ON HOMEPAGE */
.portfolio{ padding: 0; }
.portfolio .col-md-3, .portfolio .col-md-2 {   margin: 0;     padding: 0px 1px; }

.port_image1{ position: relative; max-width: 800px;    margin: 0px auto 3px auto;  }
.port_image1 .port_text {       position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.78) 0%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.78) 0%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.78) 0%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.78) 0%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0) 100%);
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.78) 0%, rgba(128, 128, 128, 0) 50%, rgba(255, 255, 255, 0) 100%); */
}
.port_image1 .port_text {   /*box-shadow:  2px 5px 10px 2px rgba(0, 0, 0, 0.08);*/ transition: 0.2s; /* filter: contrast(90%);*/ }  
.port_image1 .port_text:hover {/*   box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.50); */  filter: contrast(75%); }

.port_image1 .port_text1 span{font-size:22px; line-height:40px; color:#fff; display:block; font-weight:300; }
.port_image1 .port_text1 { font-size:15px; color:#fff; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.9);  position: absolute;  bottom: 20px; width: 90%; 
    padding:0px 5%; font-weight: 300;  }




/* PROGRAMME MODAL POPUP */ 

.modal {   /*display: none; */  position: fixed;   z-index: 1100;   padding-top: 100px;   left: 0;   top: 0;   width: 100%;   height: 100%;
  overflow: auto;    background: rgba(0, 0, 0, 0.6);  }

.modal .close {   color: white; opacity: 0.9;   position: absolute;   top: 30px;   right: 50px;   font-size: 35px;   font-weight: bold; }
.modal .close:hover, .close:focus {   color: #fff;   text-decoration: none;   cursor: pointer; opacity: 0.5;}
.modal-content { position: relative; background: rgba(255, 255, 255, 0.9); margin: auto; padding:0; width: 90%; max-width: 900px; }

.modal-content .container{ width: 100%;}
.modal-content .mySlides {   display: none; text-align: left; padding:50px 30px; }
.modal-content .mySlides img{border-radius: 0px;}

.modal .mySlides h3{ color: #ff5e4c;  font-size: 24px; line-height: 34px; }
.modal .mySlides h5{ color: #000; font-size: 18px; line-height: 34px; margin: 0px; }
.modal .mySlides p img{width: 16px;} 

.modal a.btn{ color: #fff; } .modal a.btn:hover{ color: #fff;  opacity: 0.8;}
.modal .mySlides p {color: #333; font-weight: 400; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 26px; }

/*.modal .mySlides p.list{ line-height: 32px; margin: 20px 0; }*/
.modal .fa{ color: #bdd162; } .modal table { margin:15px 0; }
.modal table td{ padding:3px  12px 3px 0px; font-family: 'Lato', sans-serif; color: #333; font-size: 14px; font-weight: 400;  line-height: 25px;  }
.modal-content ul{ list-style-type: none; margin:7px 0 20px 0; padding: 0px;  }
.modal-content li{ background: url(images/tick.png) 0px 5px no-repeat;  padding-left: 25px; line-height: 24px; }

/* Next & previous buttons */
.modal .prev, .modal .next {   cursor: pointer;   position: absolute;   top: 54%;   width: auto;   padding: 12px;   margin-top: -50px;
  color: #fff;  background-color: rgba(0, 0, 0, 0.2); font-weight: normal;   font-size: 30px;   transition: 0.6s ease;   border-radius: 0 3px 3px 0;   user-select: none;   -webkit-user-select: none; } .modal .next {   right: 0;   border-radius: 3px 0 0 3px; }
.modal .prev:hover, .modal .next:hover {   color: #fff; opacity: 0.8;}

/*.btn{ background: #ff5e4c; color: #fff; } .btn:hover{ opacity: 0.08; }*/


/* portfolio hover image text 14.2.19 */
.port2_container {   position: relative;   width: 100%; margin-bottom: 2px; }
.port2_image {   display: block;   width: 100%;   height: auto; }
.port2_overlay {   position: absolute;   top: 0;   bottom: 0;   left: 0;   right: 0;   height: 100%;   width: 100%;   opacity: 0;   transition: .5s ease;
 background: #3f84b4;  }
.port2_container:hover .port2_overlay {   opacity: 0.9; }
.port2_text {position: absolute;   top: 0px;   left: 0px;  padding: 30px 25px; text-align: center; 
-webkit-transform: translate(0%, 0%);  -ms-transform: translate(0%, 0%);   transform: translate(0%, 0%);   }

.port2_text h3{ color: #fff; font-size: 22px; line-height: 34px; margin: 0px 0px 10px 0px; }
.port2_text h5{ color: #fff; font-size: 16px; line-height: 34px; margin: 0px; }

.port2_text ul{ list-style-type: none; margin:7px 0 20px 0; padding: 0px; color: #fff; }
.port2_text li{ background: url(images/tick2.png) 0px 5px no-repeat;    font-size: 13px; line-height: 24px; color: #fff; padding-left: 25px;}
.port2_text p { font-weight: 600; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 24px; color: #fff;}


.port2_text .btn{ background: #fe796a; text-transform: lowercase; font-weight: 600;  letter-spacing: 0.1em;}
.port2_text .btn:hover{  background:#ff5e4c; }

.about-us1 .hd1{ text-align: center; font-weight: 300; }
.about-us1 p, .about-us1 ul{ font-size:18px; line-height: 30px; font-weight: 300; color: #000;  text-align: center; }

.about-box{ background: #faf6f5; padding: 30px 20px; }
.inner-page .about-box .hd3{ font-weight: 400;  font-size: 18px; line-height: 28px; font-style: normal;}

.blockquote-style-2 p { border-left: 7px solid #fba39a; font-size: 18px; line-height: 28px;  padding: 0; padding-left: 19px; margin-left: 15px; }


/* SERVICES (inner pages) - 08 JULY 2019 */
.inner-header { position:relative; width: 100%; /* overflow: hidden;*/ padding-top:25px; min-height:330px;} 
.inner-header img{ width: 100%; }
.inner-header .layer{  background: #f2867b; /*background: #fb948a;*/ position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*background-color: rgba(0, 0, 0, 0.10);*/ 
/*background: -webkit-linear-gradient(top, rgb(244, 223, 219) 0%, rgb(236, 211, 205) 100%);
background: -o-linear-gradient(top, rgb(244, 223, 219) 0%, rgb(236, 211, 205) 100%);
background: -ms-linear-gradient(top, rgb(244, 223, 219) 0%, rgb(236, 211, 205) 100%);
background: -moz-linear-gradient(top, rgb(244, 223, 219) 0%, rgb(236, 211, 205) 100%);
background: linear-gradient(to bottom, rgb(244, 223, 219) 0%, rgb(236, 211, 205) 100%); */

/*background: -webkit-linear-gradient(top, rgb(244, 236, 234) 0%, rgb(246, 203, 193) 100%);
background: -o-linear-gradient(top, rgb(244, 236, 234) 0%, rgb(246, 203, 193) 100%);
background: -ms-linear-gradient(top, rgb(244, 236, 234) 0%, rgb(246, 203, 193) 100%);
background: -moz-linear-gradient(top, rgb(244, 236, 234) 0%, rgb(246, 203, 193) 100%);
background: linear-gradient(to bottom, rgb(244, 236, 234) 0%, rgb(246, 203, 193) 100%);*/
} 
.inner-header .layer .container{ position:absolute; width:100%;}

/*.inner-header .layer .container .banner-hd1{ text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px; position:absolute; top:160px; width:100%; color:#fff; font-size: 36px;  font-weight:600;   text-align:center; }  
.inner-header .layer .container .banner-hd1 span{ display: block; width: 40%;  margin: 25px auto;    color:#fff;   font-size: 22px;  font-weight:400; line-height:32px; text-align:center; } */

.inner-header .layer .container .banner-text{  position:absolute; top:145px; width:100%; }  
.inner-header .layer .container .banner-text h1{ color:#fff; font-size: 38px;  font-weight:700; text-align:center;  margin: 0px; padding: 0px;/* text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;*/ /*font-family: 'PT Sans', sans-serif;*/}  
.inner-header .layer .container .banner-text p{  color:#fff; font-size: 21px;  font-weight:500; line-height:32px; display: block; width: 40%;  margin: 15px auto; text-align:center; /*text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;*/ /*font-family: 'PT Sans', sans-serif;*/ }


.inner-page { padding:15px 0 ;}  
.inner-page p{ text-align: left; }
.inner-page .hd1{ text-align:left;  margin-bottom: 10px;}
.inner-page .hd2{ text-align:left; /*font-size: 20px; color: #252525;  margin-bottom: 10px;*/}
.inner-page .hd3{ text-align:left; font-size: 17px; line-height: 24px; color: #252525; font-weight: 400; font-style: italic; margin-bottom: 10px;}

.inner-page p{  font-size:18px; line-height: 28px; color:#424242;  }

.inner-page ul{ list-style:none; margin:0px 0px 35px 0px ; padding:0px;}
.inner-page li span{ display: block; font-size: 18px;  line-height: 28px;  font-weight: 400; color: #ff5d4c; }
.inner-page li{ /*background:url(images/bullet.png) no-repeat 2px 10px;*/ padding:0px;  color:#424242; font-size: 18px;  line-height: 28px; margin-top: 25px;}
.inner-page ul.bullet li{ background:url(images/bullet.png) no-repeat 2px 8px; padding:0px 0px 0px 25px ;  font-size: 18px;  line-height: 24px;color:#424242;    margin: 10px 0 0 15px;}

.ip-center .hd1, .ip-center .hd2, .ip-center .hd3, .ip-center p, .ip-center li, .ip-center img  { text-align: left; padding: 0 15px; }
.ip-right .hd1, .ip-right .hd2, .ip-right .hd3, .ip-right p, .ip-right li, .ip-right img {text-align:left; /*direction:rtl; */ padding: 0 15px; }
.ip-left .hd1, .ip-left .hd2, .ip-left .hd3, .ip-left p, .ip-left li, .ip-left img { text-align: left; padding: 0 15px; }
.ip-right .hd3{ text-align: left; direction: inherit; } 



/* ABOUT US */
/*.parallax { background-image: url(images/parrallax.jpg);  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; 
    margin: 30px 0; padding: 40px 10px 0px 0;} .parallax .bg-white2{ background: none;  } */


/* SERVCIES TABS 13 JULY */

.fixme {width: 100%; margin:0px auto 0 auto; z-index:9999999999;  position:static;  }
.fixme.bottom { /*position: absolute; bottom:0px; top: auto; */ display: none; }   

/*.services-tabing{ background:rgba(255, 255, 255, 0.9); padding:30px 0; }
.services-tabing ul{ text-align: center; margin: 0px; padding: 0px; }
.services-tabing li{  margin: 0px 15px; display: inline; }
.services-tabing li a{ border: 1px solid #fb948a; color: #000; padding: 7px 15px ;  border-radius: 7px; }
.services-tabing li a:hover{ border: 1px solid #fb948a; color: #fb948a; } */

.services-tabing{ /*background:rgba(255, 255, 255, 0.9);*/ background: #fff; padding:30px 0; }
.services-tabing ul{ text-align: center; margin: 0px; padding: 0px; }
.services-tabing li{  margin: 0px 15px; display: inline;  /*font-family: 'PT Sans', sans-serif; */font-size: 15px; font-weight: 600; }
.services-tabing li a{color: #f87568; background: #f4ecea;  padding: 7px 15px;  border-radius: 0px; }
.services-tabing li a:hover{ background: #f2867b; color: #fff; }

/*.services-tabing li a{ background: #f2867b; color: #fff; }
.services-tabing li a:hover{color: #ed5647; background: #f1e7e5; }*/


.slide-up{position: relative;  top: -80px;   height: 0;     width: 0;     opacity: 0;     display: block; }


/* 12 April 2020 */
.light-orange-bg{  /*background: #faf6f5; */ }
/*.hd1 {  font-weight: 700; color: #424242; font-size: 28px; }*/


.inner-header .layer .container .banner-text h1 {  font-weight: 700;}
.ip-right { /*padding-left: 50px;*/  padding-top: 25px;} 
.ip-left { /*padding-right: 50px;*/ padding-top: 50px;}

.ip-left-img img{ float: right; padding: 0 15px; }


/*21 04 2020 */
.inner-page .chat-icons, .inner-page .chat-icons p, .inner-page .chat-icons .whatsapp  { text-align: left; margin-bottom: 0px; }
.inner-page .chat-icons { margin-bottom: 0px; margin: 20px 0 0px 0;  padding-left: 0;} 
.bg-contact-inner { margin-top: 0px; }
.portfolio-inner { margin-top: 60px; }


/* 22 04 2020 */
.header-bg1{ background: #d25f53; margin-top: 90px; }  .header-bg1 .container-fluid{ padding: 0px; }
.header-bg1 .banner-text1 { padding: 11% 0 0 30%;  }
.header-bg1 .banner-text1 h1{ color:#fff; font-size: 38px; line-height:48px; font-weight:700; text-align:left; }  
.header-bg1 .banner-text1 p{  color:#fff; font-size: 21px; line-height:31px;  font-weight:500;  }



/*  26 April 2020  */
.header-bg2{ background: #ff5e4c;  }  
/*.header-bg2 .banner-text1 { margin-top: 90px;  min-height: 320px; padding-top: 70px;  }*/
.header-bg2 .banner-text1 { margin-top: 0px;  min-height: 280px; padding-top: 70px;  }
.header-bg2 .banner-text1 h1{ color:#fff; font-size: 38px; line-height:46px; font-weight:700; text-align:left; }  
.header-bg2 .banner-text1 p{  color:#fff; font-size: 18px; line-height:28px;  font-weight:300; font-style: italic;  }



/* Web Services : 20 May 2021 */
.home-services{ background: #ff5e4c; padding: 80px 0; 
background: #ff5e4c; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff5e4c 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff5e4c 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff5e4c 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5e4c', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}   
.home-services .col-md-6{ padding: 0px; }
.home-services .content-box{ background: #fff; padding: 25px 40px; min-height: 850px; /*background: rgb(229,229,229);
background: linear-gradient(333deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);*/
background-color: transparent;     background-image: linear-gradient( 300deg ,#6a6a6a -20%,#fff 31%);}



.home-services .content-box.content-box-s2 { background-color: transparent; background-image: linear-gradient( 58deg ,#6a6a6a -20%,#fff 31%);}

.home-services .content-box2, .home-services .img-box img{ min-height: 750px; max-height: 750px; /*min-height: 110.3vh;*/ }
.home-services .img-box{  padding: 0px 0;  /*min-height: 800px;*/ }

.home-services .content-box h2{ font-size: 44px;  line-height: 54px; font-weight: 800; color: #424242; }
.home-services .content-box h2 span{font-size: 17px; line-height: 24px; color: #424242; display: block; font-weight: 400; }
.home-services .content-box p{ font-size: 18px; line-height: 28px; color: #424242; }
.home-services .content-box p a.btn1 { padding: 7px 15px 10px 15px;  color: #fff;  background: #ff5e4c;  border-radius: 0px;  font-size: 14px; }
.home-services .content-box p a.btn1:hover{ opacity: 0.9; }


/*** Flex CSS : 20 May 2021 */
.aligner {   display: flex;   align-items: center;   justify-content: center; }
.aligner-item {   max-width: 50%; } 	
.aligner-item--top {   align-self: flex-start; } 	
.aligner-item--bottom {   align-self: flex-end; }


/* Why Us : 20 May 2021 */
.home-whyus{ background: #ff5e4c; padding: 80px 0; }   

.home-whyus h2{ font-size: 44px;  line-height: 54px; font-weight: 800; color: #fff; }
.home-whyus h2 span{font-size: 17px; line-height: 24px; color: #fff; display: block; font-weight: 400; }
.home-whyus p{ font-size: 18px; line-height: 24px; color: #fff; max-width: 850px; }

.home-whyus .content-box{ max-width: 300px; }
.home-whyus .content-box h3{ font-size: 28px; line-height: 38px; color: #fff;  }
.home-whyus .content-box p{ font-size: 18px; line-height: 28px; color: #fff; max-width: 850px; }


/* Blog : 20 May 2021 */
.home-blog{ background: #ff5e4c; padding: 80px 0; }   
.home-blog h2{ font-size: 44px;  line-height: 54px; font-weight: 800; color: #fff; text-align: center; }
/*.home-blog h2 span{font-size: 17px; line-height: 24px; color: #fff; display: block; font-weight: 400; }*/
.home-blog p{ font-size: 18px; line-height: 24px; color: #fff; font-weight: 400;  }
.home-blog p a{display: block; font-weight: 700; color: #fff; font-size: 14px; line-height: 24px;}

.home-blog .blog-box{ max-width: 950px; margin-bottom: 40px; }
.home-blog .blog-box h3, .home-blog .blog-box h3 a{ font-size: 28px; font-weight: 600; line-height: 38px; color: #fff;  }
.home-blog .blog-box a:hover{ color: #eee;  }



/* SWIPER */
.swiper-container {  height: 76vh; width: 100%;   /*height: 100%;*/  background: #ff5e4c; } 
.swiper-slide {      height: 76vh;    background-size: cover !important;  background-repeat: no-repeat !important;  background-position: center !important;  }
.swiper-slide .swiper-caption { position: absolute; top: auto; top: 22%;   left: 6%; right: 6%;  	z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; }
.swiper-slide .swiper-caption h2 { color: #ffffff; font-size: 35px; font-weight: 900;   line-height: 45px; max-width: 800px;
    margin: 0 auto; text-align: center;}
.swiper-slide .swiper-caption h2 span{ display: block; }    
/*.swiper-slide .swiper-caption h2{   font-size: 4vw; line-height: 5vw;  max-width: 60%; font-weight: 400; color: #fff; text-align: center;  margin: 15px auto;  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5); }*/
/*.swiper-slide .swiper-caption p{   font-size:1.5vw;  line-height: 2vw; max-width: 60%;  font-weight: 300; color: #fff; margin-bottom: 15px;   margin: 0 auto;  text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5); }*/
.swiper-button-prev{ left: 0px; } .swiper-button-next{ right: 0px; }
.swiper-button-prev, .swiper-button-next { color:#fff; background-color: rgba(0, 0, 0, 0.10); 
	padding: 7px 4px; width: 60px; height: 80px; } 
.swiper-button-prev:hover, .swiper-button-next:hover { color:#fff; background-color: rgba(0, 0, 0, 0.08); }	
.swiper-button-next:after, .swiper-button-prev:after {font-size: 30px;  content: ""; }
 
 /*.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 15%;  left: 0;  width: 100%; }
.swiper-pagination-bullet { width: 12px; height: 12px;   opacity: 0.8;  background: #fff; }
.swiper-pagination-bullet-active{ background: #028196; }
*/


/* Quick enquiry bottom */
.quick-enquiry-bottom{ padding: 60px 0 70px;   /*background: #eee;*/ }
.quick-enquiry-bottom .container-fluid{ max-width: 700px; margin: 0 auto; }
.quick-enquiry-bottom .hd1{ font-size: 32px;  line-height: 42px; font-weight: 800; /*color: #424242; */margin-bottom: 25px;   }
.quick-enquiry-bottom .btn { background-color: #ff5d4c; width: 100%; padding: 15px; border: none; border-radius: 4px; 
 color: #fff; font-size: 16px; font-weight: 600; }
 .quick-enquiry-bottom .btn:hover{ opacity: 0.9; }



/* New Internal Page : 22 May 2021 */

header.in-header-bg-red{ background: #ff5e4c; min-height: 90px;  }
.new-services-header{ max-width: 1600px;   margin: 0 auto; }

.new-services-header .col-md-6{ padding: 0px; }
.new-services-header .content-box{ padding: 70px 50px;/* min-height: 530px; */
	background-color: transparent; background-image: linear-gradient( 300deg ,#6a6a6a -20%,#fff 31%);}
.new-services-header .content-box h2{ font-size: 45px; line-height: 55px; color: #424242;  font-weight: 800; margin-top: 5px; }
.new-services-header .content-box p { font-size: 18px; line-height: 28px; color: #424242; margin-bottom: 25px; max-width: 680px;   }
.new-services-header .content-box blockquote {  padding: 5px 20px; margin: 0 0 0px; border-left: 7px solid #ff5e4c; } 
.new-services-header .content-box blockquote p{font-size: 24px; line-height: 34px; margin-bottom: 0px;  }


/* Intenal - Banner 11012022 - Rajesh Kumar Kukreja*/
.i-banner img{ border-radius: 15px;  }
.new-services-header .btn{ background: #0137fd; text-transform: inherit; font-size: 14px;  font-weight: 400; margin-bottom: 40px;}
.new-services-header .btn:hover{ opacity: 0.9; }
/*.w3-animate-fading{animation:fading 3s infinite} 
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:30}}
*/



/*  PORTFOLIO  */
.portfolio-slider{  background: #b5b4b5;  }
[class*="col-md-"] + [class*="col-md-"] {  margin-top: 0px; }
.new-services-header .content-box, .new-services-header .portfolio-slider{ /*min-height: 515px; max-height: 515px;*/ overflow: hidden; }
.portfolio-slider .cd-testimonials-wrapper {   position: relative;   width: 100%;   max-width:1024px;  
  margin: 0em auto;   -webkit-font-smoothing: antialiased;   -moz-osx-font-smoothing: grayscale;   padding: 0px;   z-index: 1; }
.portfolio-slider .flex-direction-nav li {   position: absolute;   height: 126px;   width: 80px;   top: 35%; }
.portfolio-slider .flex-direction-nav li a {height: 120px;  width: 80px; background-color: rgba(0, 0, 0, 0.10);}
.portfolio-slider .flex-direction-nav li a::before, .portfolio-slider .flex-direction-nav li a::after {    background-color: #ffffff; }
.portfolio-slider .flex-direction-nav li:first-child {   left: 0px;  } 
.portfolio-slider .flex-direction-nav li:last-child {   right: 0px; }



/* testimonials */
.test-bg { padding: 70px 0; }
.cd-testimonials p {  font-size: 18px; line-height: 28px; color: #424242; font-weight: 700;   /* font-size: 1.375rem; */ }
.cd-author .cd-author-info li, .cd-author .cd-author-info li:last-child {    font-size: 18px; font-weight: 400; }


/* Web Services : 20 May 2021 */
.web-services{ padding: 80px 0; 
/*background: rgb(255,94,76); background: linear-gradient(291deg, rgba(255,94,76,1) 0%, rgba(0,0,0,1) 100%);*/ }
.web-services p.message{ max-width: 80%; margin: 0 auto; margin-bottom: 35px;
font-size: 24px; line-height: 32px; text-align: center; color: #fff; font-weight: 700; }

.web-services .content-box h2 { font-size: 34px; line-height: 44px; margin: 0px 0px 10px 0px ; }
.web-services .content-box p.subtitle {  font-size: 16px;  line-height: 24px; color: #666; }
.web-services .content-box p { font-size: 18px; line-height: 28px; }





/* Blog Page New : 26 May 2021 */
/*.blog-page .container{ max-width: 1100px; }*/

.breadcrumb-bg {   margin:10px 0px 15px 0px; padding: 10px 16px; list-style: none;   background-color: #fff; }
.breadcrumb-bg ul{ margin: 0px; padding: 0 20px; }
ul.breadcrumb-blog li { color: #424242;  display: inline;   font-size: 14px; font-weight: bold; margin: 0px; }
ul.breadcrumb-blog li+li:before {   padding: 8px;   color: black;   content: "/\00a0"; }
ul.breadcrumb-blog li a {   color: #424242;   font-weight: normal; text-decoration: none; } 
ul.breadcrumb-blog li a:hover {   color: #ff5e4c;   text-decoration: none;}

.blog-page p.message { max-width: 900px;  margin: 0px auto  35px auto;   font-size: 24px; line-height: 32px;
    text-align: center;     color: #424242;     font-weight: 700; }


.blog-post1{ /*background: #f5f5f5; */ width: 100%; /*min-height: 500px; */max-width: 715px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-bottom: 40px;  }

.blog-post1 .blog-content{ padding:35px;  }
.blog-post1 .blog-content h2, .blog-post1 .blog-content h2 a{ font-size: 30px; line-height: 1.1; /*text-align: center; */color: #424242; margin: 0px; }
.blog-post1 .blog-content h2 a:hover{  color: #ff5e4c;  }


.blog-sidebar{ padding: 30px 30px; width: 100%; min-height: 100px; margin-bottom: 20px;
background: rgb(228,216,214);
background: linear-gradient(40deg, rgba(237,224,221,1) 0%, rgba(250,246,245,1) 100%);  }

.blog-sidebar h2{ font-size: 20px;  line-height: 30px; color: #424242; margin: 0px 0 16px 0; }
.blog-sidebar ul{ list-style: none;  }
.blog-sidebar li{ font-size: 16px; line-height: 20px; margin-bottom: 16px; }
.blog-sidebar li a{ color: #424242; } .blog-sidebar li a:hover{ color: #ff5e4c;  }


.blog-post1:last-child{ margin-bottom: 90px; }
.blog-sidebar:last-child{margin-bottom: 90px;}


/*  */
.blog-post2{ /*background: #f5f5f5; */ width: 100%; min-height: 500px; max-width: 715px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-bottom: 90px;  }
.blog-post2 .blog-content{ padding:35px; max-width: 650px;  }
.blog-post2 .blog-content h2 { text-align: left; color: #424242; margin: 0px 0 25px 0; }
.blog-post2 .blog-content p{ font-size: 18px; margin-bottom: 15px; } 
 
.blog-post2 .blog-content ul{ list-style: none; margin:20px 0;  }
.blog-post2 .blog-content li{   background:url(images/bullet.png) no-repeat 2px 8px; padding:0px 0px 0px 25px ;  
	font-size: 18px;  line-height: 24px;color:#424242;    margin: 10px 0 0 0px;}

.blog-post2 .blog-content blockquote{ margin: 30px 0; }
.blog-post2 .blog-content blockquote.style-1{  padding: 10px 20px;   
    font-size: 24px; line-height: 34px; font-weight: 400px; border-left: 5px solid #ff5e4c;  }



.blog-post2 .blog-content .tags {  }
.blog-post2 .blog-content .tags  a{  margin:0px  10px 10px 0px;  display: inline-block;
font-size: 14px;  line-height: 24px;   	color:#424242;    background: #f4ecea;  padding:7px 15px;
 border: 1px solid #eee; border-radius: 7px; }
.blog-post2 .blog-content .tags  a:hover{   color: #000; background: #ddd;}


.simplewebchat_float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 7px;
    right: 7px;
    z-index: 995;
}



/*
Theme Name 	: 	ccws : update May 2021
Description	: 	Web Design Comapny Delhi 
Design URL 	: 	ccws.in 
Design by  	: 	CrossCountryWebServices
Designer   	: 	Rajesh Kumar
Version	   	:	  HTML5/CSS3
*/

/* #Media Queries for Mobile Website by Rajesh Kumar
====================================================================================================*/ 


@media only screen and (min-width: 1900px) and (max-width: 2600px) { 
/* 20 Sep 2020 */
.swiper-slide .swiper-caption{top: 20%;  }
.swiper-slide .swiper-caption h2{  font-size:50px; line-height:65px; max-width: 50%;   }
.swiper-slide .swiper-caption h2 span{ display: inline; }
}



/* 15.6 Laptop resolution*/
@media only screen and (min-width: 1281px) and (max-width: 1400px) { 
.header-bg1 .banner-text1 { padding: 9% 0 0 32%;  } 

.swiper-slide .swiper-caption{top: 20%; left: 5px; width: 100%;    }
 }


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1280px) { 
/*.mobile-header-fix { top: 0px;   position: fixed;  z-index: 999;  text-align: center;   display: block; width: 100%;}*/
/*.lrg-logo {width:240px; height:60px; background:url(images/logo1.png) no-repeat;}*/
.sml-logo {width:240px; height:60px; background:url(images/logo2.png) no-repeat;}
.logo{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform: translateY(-50%); top:50%;}
 
.burger.inner-pg { color: #000; border: 1px solid #000; border-radius: 4px; right: 0;}
.burger.inner-pg span{ background:#000;}

/*.in-header-bg nav.site-navigation ul li a.btn1 { border:1px solid #252525; padding:3px 10px; border-radius:5px; margin-left:10px;}
nav.site-navigation ul li a.btn1 { border:1px solid #fff; padding:3px 10px; border-radius:5px; margin-left:10px;}
*/
/*** inner page ***/
.inner-header { position:relative; width: 100%; /* overflow: hidden;*/ margin-top:80px;  min-height: 240px;}  
.inner-header .layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.inner-header .layer .container .banner-text{ /*text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px;*/ position:absolute; top:50px; width:100%;}  
.inner-header .layer .container .banner-text p{ display: block; width: 60%;  margin: 15px auto; color:#fff;   font-size: 22px;  font-weight:600; line-height:32px; text-align:center; }

.header-bg1 .banner-text1 { padding: 9% 3% 0 20%;  }

/* 21 May 2021 : Rewamp */
.swiper-slide .swiper-caption{top: 20%; left: 5px; width: 100%;    }



/**/
header.in-header-bg-red{ background: #ff5e4c; min-height: 90px; padding: 8px 0;  }
.new-services-header .content-box, .new-services-header .portfolio-slider{  min-height: auto !important; max-height: 100% !important; overflow: visible; }
.new-services-header .content-box h2{ font-size: 35px; line-height: 45px;  }
.new-services-header .content-box p{ font-size: 16px; line-height: 24px; }
.new-services-header .portfolio-slider{ min-height: auto !important; max-height: 100% !important; overflow: visible; background: #fff; }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 990px) and (max-width: 1024px) { 
/*.lrg-logo {width:240px; height:60px; background:url(images/logo1.png) no-repeat;}*/
.sml-logo {width:240px; height:60px; background:url(images/logo2.png) no-repeat;}
.logo{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform: translateY(-50%); top:50%;}

.burger.inner-pg { color: #000; border: 1px solid #000; border-radius: 4px; right: 0;}
.burger.inner-pg span{ background:#000;}

/*** inner page ***/
.inner-header { position:relative; width: 100%; /* overflow: hidden;*/ margin-top:80px;  min-height: 240px;}  
.inner-header .layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.inner-header .layer .container .banner-text{ /*text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px;*/ position:absolute; top:50px; width:100%;}  
.inner-header .layer .container .banner-text p{ display: block; width: 60%;  margin: 15px auto; color:#fff;   font-size: 22px;  font-weight:600; line-height:32px; text-align:center; }

/*22 04 2020*/
.header-bg1 .banner-text1 { padding: 30px 0 30px 50px; padding-bottom: 10px; }
.header-bg1 .banner-text1 h1{ color:#fff; font-size: 30px; line-height:36px; font-weight:700; text-align:left; }  
.header-bg1 .banner-text1 p{  color:#fff; font-size: 20px; line-height:26px;  font-weight:500;  }

/* 21 May 2021 : Rewamp */
.swiper-slide .swiper-caption{top: 20%; left: 5px; width: 100%;    }
.swiper-slide .swiper-caption h2{  font-size:35px; line-height:45px; font-weight: 900; max-width: 80%;   }
.swiper-slide .swiper-caption h2 span{ display: block; }

/**/
header.in-header-bg-red{ background: #ff5e4c; min-height: 90px; padding: 8px 0;  }
.new-services-header .content-box, .new-services-header .portfolio-slider{  /*min-height: 407px; */max-height: 100% !important; overflow: visible; }
.new-services-header .content-box {  padding: 25px;   }
.new-services-header .content-box h2{ font-size: 35px; line-height: 45px;  }
.new-services-header .content-box p{ font-size: 16px; line-height: 24px; }
.new-services-header .content-box blockquote p { font-size: 20px; line-height: 30px; margin-bottom: 0px; }
.new-services-header .portfolio-slider{ min-height: auto !important; max-height: 100% !important; overflow: visible; background: #fff; }


/* */
.web-services .content-box2{ padding: 15px 25px; } 
.web-services .content-box h2 {  font-size: 32px;   line-height: 40px; }
.web-services .content-box p{ font-size: 17px; line-height: 27px; }
}

/* Tablet Portrait size to standard 990 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 989px) {
/*.lrg-logo {width:240px; height:60px; background:url(images/logo1.png) no-repeat;}*/
.sml-logo {width:240px; height:60px; background:url(images/logo2.png) no-repeat;}
.logo{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform: translateY(-50%); top:50%;}

.burger.inner-pg { color: #000; border: 1px solid #000; border-radius: 4px; right: 0;}
.burger.inner-pg span{ background:#000;}

/*** inner page ***/
.inner-header { position:relative; width: 100%; /* overflow: hidden;*/ margin-top:80px;  min-height: 240px;}  
.inner-header .layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.inner-header .layer .container .banner-text{ /*text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px; */position:absolute; top:50px; width:100%;}  
.inner-header .layer .container .banner-text p{ display: block; width: 60%;  margin: 15px auto; color:#fff;   font-size: 22px;  font-weight:600; line-height:32px; text-align:center; }

/*22 04 2020*/
.header-bg1 .banner-text1 { padding: 30px 0 30px 50px; padding-bottom: 10px; }
.header-bg1 .banner-text1 h1{ color:#fff; font-size: 30px; line-height:36px; font-weight:700; text-align:left; }  
.header-bg1 .banner-text1 p{  color:#fff; font-size: 20px; line-height:26px;  font-weight:500;  }


/* 21 May 2021 : Rewamp */
.swiper-slide .swiper-caption{top: 20%; left: 5px; width: 100%;    }
.swiper-slide .swiper-caption h2{  font-size:26px; line-height:36px; max-width: 80%;   }
.swiper-slide .swiper-caption h2 span{ display: block; }



/**/
header.in-header-bg-red{ background: #ff5e4c; min-height: 90px; padding: 8px 0;  }
.new-services-header .content-box, .new-services-header .portfolio-slider{  min-height: auto !important; max-height: 100% !important; overflow: visible; }

.new-services-header .content-box {  padding: 25px; }
.new-services-header .content-box h2{ font-size: 35px; line-height: 45px;  }
.new-services-header .content-box p{ font-size: 16px; line-height: 24px; }
.new-services-header .content-box blockquote p { font-size: 20px; line-height: 30px; margin-bottom: 0px; }
.new-services-header .portfolio-slider{ min-height: auto !important; max-height: 100% !important; overflow: visible; background: #fff; }

 
 /* */
.web-services .content-box2{ padding: 15px 25px; } 
.web-services .content-box h2 {  font-size: 32px;   line-height: 40px; }
.web-services .content-box p{ font-size: 15px; line-height: 24px; }
 }
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
/*.lrg-logo {width:240px; height:60px; background:url(images/logo1.png) no-repeat;}*/
.sml-logo {width:240px; height:60px; background:url(images/logo2.png) no-repeat;}
.logo{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform: translateY(-50%); top:50%;}

.rev-subtitle{font-size:28px; font-weight:600; text-transform:none; line-height:38px;}

/*** inner page ***/
.inner-header { position:relative; width: 100%; /* overflow: hidden;*/ margin-top:80px;  min-height: 240px;}  
.inner-header .layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.inner-header .layer .container .banner-text{ /*text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px; */position:absolute; top:50px; width:100%;}  
.inner-header .layer .container .banner-text p{ display: block; width: 70%;  margin: 15px auto; color:#fff;   font-size: 22px;  font-weight:600; line-height:32px; text-align:center; }

 
.burger.inner-pg { color: #000; border: 1px solid #000; border-radius: 4px; right: 0;}
.burger.inner-pg span{ background:#000;}

/*.services-tabing{ background: #f8f8f8; padding: 15px 0; }  
.services-tabing li{  margin: 7px 10px 10px 0px; }
.services-tabing li a{ padding: 7px 10px ;  border-radius: 7px; font-size: 13px; }
*/

.services-tabing{ background:rgba(255, 255, 255, 0.9); padding:30px 0; }
.services-tabing li{  margin: 7px 10px 10px 0px; }
.services-tabing li a{ padding: 7px 10px ;  border-radius: 7px; font-size: 13px; }

/*  12 04 2020 */
.ip-right-img .img-responsive, .ip-left-img .img-responsive{ width: 80%; display: block;   margin-left: auto;   margin-right: auto; }
.ip-left-img img{ float: none; padding: 0 15px; }

.ip-right, .ip-left{ padding: 20px 20px }


/*22 04 2020*/ .header-bg1 img{ display: none; }
.header-bg1 .banner-text1 { padding: 30px 0 30px 50px; padding-bottom: 10px; max-width: 480px; }
.header-bg1 .banner-text1 h1{ color:#fff; font-size: 30px; line-height:36px; font-weight:700; text-align:left; }  
.header-bg1 .banner-text1 p{  color:#fff; font-size: 20px; line-height:26px;  font-weight:500;  }
 

/*25 04 2020 */
.bg-contact .container{ padding: 0px; }
.chat-icons { padding-left: 0px; }
.chat-icons p{ font-size: 13px; line-height: 20px; } 

/*05.01.2020*/ 
.site-navigation .main-menu li a:hover, .site-navigation .main-menu li a:active, .site-navigation .main-menu li a:focus {   color: #ff5e4c; }
.site-navigation .main-menu li a:hover, .site-navigation .main-menu li a:focus{  color: #ff5e4c;}
.site-navigation .mobile-showchildren:hover, .site-navigation .mobile-showchildren:active { color: #fff; }


.services-head{ min-height: 250px; display: block; margin-bottom: 40px; }

/* 21 May 2021 : Rewamp */
.swiper-slide .swiper-caption{top: 20%; left: 5px; width: 100%;    }
.swiper-slide .swiper-caption h2{  font-size:26px; line-height:36px; max-width: 80%;   }
.swiper-slide .swiper-caption h2 span{ display: block; }

/**/
header.in-header-bg-red{ background: #ff5e4c; min-height: 90px; padding: 8px 0;  }
.new-services-header .content-box, .new-services-header .portfolio-slider{  min-height: auto !important; max-height: 100% !important; overflow: visible; }
.new-services-header .aligner{ display: block }
.new-services-header .portfolio-slider{ min-height: auto !important; max-height: 100% !important; overflow: visible; background: #fff; }


/* */
.web-services .content-box2{ padding: 15px 25px; } 
.web-services .content-box h2 {  font-size: 32px;   line-height: 40px; }
.web-services .content-box p{ font-size: 15px; line-height: 24px; }


/*  */
.blog-sidebar{ padding: 30px 30px; width: 100%; max-width: 500px; margin: 15px auto;}

.blog-post2, .blog-post1:last-child,.blog-sidebar:last-child{margin-bottom: 60px;}
}	



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

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
/*.lrg-logo {width:240px; height:60px; background:url(images/logo1.png) no-repeat;}*/
/*.sml-logo {width:240px; height:60px; background:url(images/logo2.png) no-repeat;}*/
.logo{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform: translateY(-50%); top:50%;}



/* 14june 2023 */
.logo{ margin-top:14px; }
.lrg-logo {  padding-top:7px; }
/*.luxxata-logo { left: 150px; max-width: 140px; position: absolute; top: 15px; }*/


.burger.inner-pg { color: #000; border: 1px solid #000;} .burger.inner-pg span{ background:#000;}

.social-media{ padding-left:0px;  } 
.site-navigation .main-menu li.social-media a { display:inline; line-height:26px; padding:15px 7px;}

/**** FOOTER NEW 2018****/
.footer-new ul{ margin:25px 0 20px 0; padding:0px; text-align:center;}
.footer-new ul li{ margin:0; padding:0px 15px; line-height:26px; font-weight:600; list-style-type:none; display:block; }

.social-m ul{ margin: 0; padding:0px; text-align:center; list-style-type:none;}
.social-m ul li{ margin:0; padding:0px 7px; line-height:22px; font-weight:600; list-style-type:none; display:inline; }

/*** inner page ***/
.inner-header { position:relative; width: 100%; /* overflow: hidden;*/ margin-top:80px;  min-height: 250px;}  
.inner-header .layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.inner-header .layer .container .banner-text{ /*text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px;*/ position:absolute; top:50px; width:100%;}  
.inner-header .layer .container .banner-text p{ display: block; width: 70%;  margin: 15px auto; color:#fff;   font-size: 22px;  font-weight:600; line-height:32px; text-align:center; }
 
.services-tabing{ background:rgba(255, 255, 255, 0.9); padding:20px 0; }
.services-tabing ul{ text-align: center; margin: 0px ; }
.services-tabing li{  margin: 10px 15px; display: inline-block; line-height: 24px;  }
.services-tabing li a{ padding: 7px 10px ;  border-radius: 7px; font-size: 12px; }


/*  12 04 2020 */
.ip-right-img .img-responsive, .ip-left-img .img-responsive{ width: 80%; display: block;   margin-left: auto;   margin-right: auto; }
.ip-left-img img{ float: none; padding: 0 15px; }
.ip-right, .ip-left{ padding: 20px 20px }

/*22 04 2020*/
.header-bg1 img{ display: none; } .header-bg1 .banner-text1 { padding: 30px; padding-bottom: 10px; }
.header-bg1 .banner-text1 h1{ color:#fff; font-size: 26px; line-height:30px; font-weight:700; text-align:left; }  
.header-bg1 .banner-text1 p{  color:#fff; font-size: 17px; line-height:22px;  font-weight:500;  }


/*25 04 2020 */
.bg-contact .container{ padding: 0px; }
.chat-icons { padding-left: 0px; }
.chat-icons p{ font-size: 13px; line-height: 20px; } 

/*05.01.2020*/ 
.site-navigation .main-menu li a:hover, .site-navigation .main-menu li a:active, .site-navigation .main-menu li a:focus {   color: #ff5e4c; }
.site-navigation .main-menu li a:hover, .site-navigation .main-menu li a:focus{  color: #ff5e4c;}
.site-navigation .mobile-showchildren:hover, .site-navigation .mobile-showchildren:active { color: #fff; }


/* 20 Sep 2020 */
.services-head{ min-height: 350px; display: block; margin-bottom: 20px; }



 
/* Revamp: 20 May 2021*/
.home-services { padding: 40px 15px;} 
.home-services .content-box, .home-services .img-box{ margin-bottom: 0px; }

.home-services .content-box{ margin-bottom: 50px; padding: 20px 20px 20px; min-height:350px; }

.home-services .content-box h2, .home-blog h2, .hd1, .home-whyus h2{ font-size: 34px; line-height: 38px; }
.home-services .content-box h2 span/*, .home-services .content-box p*/{ font-size: 16px; line-height: 22px; }
.home-services .aligner{   display: block;   align-items: center;   justify-content: center; }
/*#first {  order: 1; } #second {     order: 2; } #third {     order: 3; } #fourth {     order: 4; }*/
.home-services .content-box2, .home-services .img-box img {  min-height: auto!important;  max-height: 100%!important; width:100%; }


.home-whyus .content-box {  max-width: 100%; }

/**/
.contact-form{ max-width: 600px; }
.inner-page .chat-icons {    margin: 20px 0 0px 15px; width: 30%; float: left;}

.swiper-slide .swiper-caption{top: 20%; left: 5px; width: 100%;    }
.swiper-slide .swiper-caption h2{  font-size:22px; line-height:28px; max-width: 80%;   }
.swiper-slide .swiper-caption h2 span{ display: inline; }

/* */
.bg-contact .container-fluid{ padding: 15px; }
.bg-contact .inner-page {     padding: 40px 0px; }
.bg-contact .aligner {   display: block;   align-items: center;   justify-content: center; }

.quick-enquiry-bottom {   padding: 50px 7px; }


/**/
header.in-header-bg-red{ background: #ff5e4c; min-height: 90px; padding: 8px 0;  }
.new-services-header .aligner{ display: block }

.new-services-header .content-box {   padding: 15px 25px 35px 25px; min-height: auto !important; max-height: 100% !important; overflow: visible;}
.new-services-header .portfolio-slider{ min-height: auto !important; max-height: 100% !important; overflow: visible; background: #fff; }

[class*="col-md-"] + [class*="col-md-"] {  margin-top: 0px; }
.bg-white { background: #fff;  padding: 10px 0 10px 0; }

/*  */
.blog-sidebar{ padding: 30px 30px; width: 100%; max-width: 500px; margin: 15px auto;}

/*  */
.blog-post1 .blog-content , .blog-post2 .blog-content { padding: 20px 15px; }
.blog-post2 .blog-content h2, .blog-post1 .blog-content h2, .blog-post1 .blog-content h2 a{ font-size: 22px; line-height: 28px; }
.blog-post2, .blog-post1:last-child,.blog-sidebar:last-child{margin-bottom: 60px;}

}




/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {	
/*.lrg-logo {width:240px; height:60px; background:url(images/logo1.png) no-repeat;}*/
.sml-logo {width:240px; height:60px; background:url(images/logo2.png) no-repeat;}
.logo{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform: translateY(-50%); top:50%;}



/* 14june 2023 */
.logo{ margin-top:14px; }
.lrg-logo {  padding-top:7px;  }
/*.luxxata-logo { left: 150px; max-width: 140px; position: absolute; top: 15px; }*/



.burger.inner-pg { color: #000; border: 1px solid #000;} .burger.inner-pg span{ background:#000;}

.social-media{ padding-left:0px;  } 
.site-navigation .main-menu li.social-media a { display:inline; line-height:26px; padding:15px 7px;}




/*      slide title     */
.rev-subtitle{font-size:26px; font-weight:600; text-transform:none; line-height:34px;}
.projects-pagination {  display: block; margin-top: 0px; text-align: right; }

/**** FOOTER NEW 2018****/
.footer-new .hd1 a { font-weight: 900; text-align: center; font-size: 16px; color: #202020; }
.footer-new ul{ margin:25px 0 20px 0; padding:0px; text-align:center;}
.footer-new ul li{ margin:0; padding:0px 15px; line-height:26px; font-weight:600; list-style-type:none; display:block; }

.social-m ul{ margin: 0; padding:0px; text-align:center; list-style-type:none;}
.social-m ul li{ margin:0; padding:0px 7px; line-height:22px; font-weight:600; list-style-type:none; display:inline; }


/*** inner page ***/
.inner-header { position:relative; width: 100%; /* overflow: hidden;*/ margin-top:80px;  min-height: 250px;}  
.inner-header .layer{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 

.inner-header .layer .container .banner-text{ /*text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px;*/ position:absolute; top:40px; width:100%;}  
.inner-header .layer .container .banner-text h1{ color:#fff; font-size: 27px; }
.inner-header .layer .container .banner-text p{ display: block; width: 90%;  margin: 15px auto; color:#fff;   font-size: 20px;  font-weight:600; line-height:30px; text-align:center; }

.container_query { width: 86%;  margin: 0 auto; padding: 55px 3%; }

.ip-center .hd1, .ip-center .hd2, .ip-center .hd3{ text-align: left; padding: 0 15px; }
.ip-right .hd1, .ip-right .hd2, .ip-right .hd3 {text-align:left; direction: inherit;  padding: 0 15px; }
.ip-left .hd1, .ip-left .hd2, .ip-left .hd3{ text-align: left; padding: 0 15px; }


/*.services-tabing{ background: #f8f8f8; padding: 10px 0 10px 0; } .services-tabing ul{ text-align: center; margin: 0px 30px; }
.services-tabing li{  margin: 7px 10px 10px 0px; display: inline; float: left;}
.services-tabing li a{ padding: 7px 10px ;  border-radius: 7px; font-size: 13px; }
*/

.services-tabing{ background:rgba(255, 255, 255, 0.9); padding:20px 0; }
.services-tabing ul{ text-align: center; margin: 0px ; }
.services-tabing li{  margin: 10px 15px; display: inline-block; line-height: 24px;  }
.services-tabing li a{ padding: 7px 10px ;  border-radius: 7px; font-size: 12px; }


/*  12 04 2020 */
.ip-right-img .img-responsive, .ip-left-img .img-responsive{ width: 100%; display: block;   margin-left: auto;   margin-right: auto; }
.ip-left-img img{ float: none; padding: 0 15px; }

.ip-right, .ip-left{ padding: 20px 20px }

/*22 04 2020*/
.header-bg1 img{ display: none; } .header-bg1 .banner-text1 { padding: 30px; padding-bottom: 10px; }
.header-bg1 .banner-text1 h1{ color:#fff; font-size: 26px; line-height:30px; font-weight:700; text-align:left; }  
.header-bg1 .banner-text1 p{  color:#fff; font-size: 17px; line-height:22px;  font-weight:500;  }



/*  26 April 2020  */
.header-bg2 .banner-text1 { margin-top: 90px;  min-height: 180px; padding-top: 10px;  }
.header-bg2 .banner-text1 h1{ color:#fff; font-size: 26px; line-height:30px; font-weight:700; text-align:left; }  
.header-bg2 .banner-text1 p{  color:#fff; font-size: 16px; line-height:22px;  font-weight:500;  }
 
.bg-contact .container{ padding:0 7px; }
.chat-icons { padding-left: 7px; } 
.chat-icons p{ font-size: 13px; line-height: 20px; } 
 
[class*="col-md-"] + [class*="col-md-"] {  margin-top: 10px; }


/*05.01.2020*/ 
.site-navigation .main-menu li a:hover, .site-navigation .main-menu li a:active, .site-navigation .main-menu li a:focus {   color: #ff5e4c; }
.site-navigation .main-menu li a:hover, .site-navigation .main-menu li a:focus{  color: #ff5e4c;}
.site-navigation .mobile-showchildren:hover, .site-navigation .mobile-showchildren:active { color: #fff; }



/* 20 Sep 2020 */
/*.home-banner{position:relative;  background: url(images/slider-1.jpg) -50px 0 no-repeat;
background-size: cover !important;  background-repeat: no-repeat !important; background-position: center !important; }*/

.services-head{ min-height: 250px; display: block; margin-bottom: 20px; }


/* Revamp: 20 May 2021*/
.home-services { padding: 40px 15px;} 
.home-services .content-box, .home-services .img-box{ margin-bottom: 0px; }
.home-services .content-box{ margin-bottom: 50px; padding: 20px 20px 20px;     min-height: auto; text-align: center; }

.home-services .content-box h2, .home-blog h2, .hd1, .home-whyus h2{ font-size: 34px; line-height: 38px; }
.home-services .content-box h2 span/*, .home-services .content-box p*/{ font-size: 16px; line-height: 22px; }
.home-services .aligner{   display: block;   align-items: center;   justify-content: center; }
/*#first {  order: 1; } #second {     order: 2; } #third {     order: 3; } #fourth {     order: 4; }*/
.home-services .content-box2, .home-services .img-box img {  min-height: auto!important;  max-height: 100%!important; }




.swiper-slide .swiper-caption{top: 20%; left: 5px; width: 100%;    }
.swiper-slide .swiper-caption h2{  font-size:22px; line-height:28px; max-width: 80%;   }
.swiper-slide .swiper-caption h2 span{ display: inline; }

/* */
.bg-contact .container-fluid{ padding: 15px; }
.bg-contact .inner-page { padding: 40px 0px; }
.bg-contact .aligner { display: block;   align-items: center;   justify-content: center; }

.quick-enquiry-bottom { padding: 50px 7px; }
.swiper-button-prev, .swiper-button-next { padding: 7px 15px; width: 40px; height: 60px; } 

/* */
header.in-header-bg-red{ background: #ff5e4c; min-height: 90px; padding: 8px 0;  }
.new-services-header .aligner{ display: block }

.new-services-header .content-box {   padding: 15px 25px 35px 25px; min-height: auto !important; max-height: 100% !important; overflow: visible;}
.new-services-header .portfolio-slider{ min-height: auto !important; max-height: 100% !important; overflow: visible; background: #fff; }

/* */
[class*="col-md-"] + [class*="col-md-"] {  margin-top: 0px; }
.bg-white { background: #fff;  padding: 10px 0 10px 0; }

.cd-testimonials p { font-size: 22px;  line-height: 30px; }
.home-blog .blog-box h3 a{font-size: 22px;  line-height: 30px; }


/*  */
.blog-post1 .blog-content , .blog-post2 .blog-content { padding: 20px 15px; }
.blog-post2 .blog-content h2, .blog-post1 .blog-content h2, .blog-post1 .blog-content h2 a{ font-size: 22px; line-height: 28px; }
.blog-post2, .blog-post1:last-child,.blog-sidebar:last-child{margin-bottom: 60px;}

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

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