@charset "utf-8";
/* CSS Document */

body{font-family: 'Open Sans', sans-serif; font-size:15px;}
p{line-height:1.9; text-align:justify;}

h1,h2,h3,h4,h5,h6{font-family: 'Cardo', serif;}
.clearfix{clear:both;}
.active{color:#ec4933 ;}
.active span{color:#ec4933 ;}
.heading h1{text-align:center; font-weight:700; text-transform:capitalize;}
li{list-style:none;}
a:hover{text-decoration:none;}
ul{list-style:none; margin:0;}



/* disclaimer */
.dis-btn {
	background-color:red ;
    float: right;
    font-size: inherit;
    font-weight:none;
    line-height: 0;
    text-shadow: none;
    opacity: inherit;
	color:#fff;
	padding:10px 15px;
}
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:70%;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:70%; 
  height:auto;
  padding:37px;
  background-color:#ffffff;
  font-size: 15pt;
}
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}

#lorem{
	
overflow-y: auto;
	font-size: 15px;
  text-align: left;
}
#popupfoot{
	overflow:auto;
  padding: 10px 0;
}
#popupfoot a {
    text-decoration: none;
    transition: 0.7s all ease-in-out;
}
#popupfoot a:hover{
	background:inherit ;
	color:inherit ;	
}

.popupoption a:hover{
	color: green;
}
.popupoption2 a:hover{
	
	color: red;
}

/* disclaimer-end */


.btn-danger {
    color: #fff;
    background-color:#ec4933;
    border-color: #dc3545;
    padding: 14px 33px;
    text-transform: uppercase;
    font-weight: 700;
}
.btn-info{
	background:#ec4933;
	border:none;
	 padding: 14px 33px;
}
.dropdown-menu a{
	font-size:14px;
	font-weight:700;
	color:#646363;
}

.haader2{display:none;}

.topNavCont span:nth-child(1), .topNavCont span:nth-child(2), .topNavCont span:nth-child(3){float:left;}
.topNavCont span:nth-child(5){float:right;}
.topNavCont span:nth-child(4){display:none;}

.topNav .sMedia{
	overflow: auto;
	display: table;
	float: right;
}
.topNavCont {
	width:100%;
    float: left;
    padding-left: 0px ;
}
.topNav span{display:inline-block; margin-left: 10px;}
.topNav ul li:hover{background:#8c8c8c;}
.topNav li {
    display: inline-block;
    list-style: none;
   width:20px;
   height:20px;
   background: #b1b1af;
   border-radius: 50%;
   padding: 2px;   
    cursor: pointer;
    font-size: 10px;
}

.topNav a{
    color: #fff;
}
.topNav a:hover{color:#ec4933 ;}

.topNav ul{padding:0; margin: 0;}
header .navbar .btn{
	font-size:14px;
	font-weight:700;
	color:#646363;
}
header{background:#fff; box-shadow: 1px 6px 9px -5px rgba(0,0,0,0.1);}
.navbar-header{float:left; padding-top: 13px;}
header .navbar {
	float:right;
    padding: 21px 0px;
    text-transform: uppercase;
    font-weight: 700 ;
    font-size: 14px ;
	background-color:#fff ;
}
header .navbar a{color:#646363; padding-left:30px ;}
header .navbar span{color:#fff;}
header .navbar a:hover span, header .navbar a:hover{color:#ec4933 ;}

.subnav {
  float: left;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}



#sllide1{
	background-image:linear-gradient(160deg,rgba(254,254,254,0.7),transparent), url(../img/slider-img-1.jpg); 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center;
	height:550px;
	width:100%;
	
}
#sllide2{
	background-image:linear-gradient(160deg,rgba(254,254,254,0.7),transparent), url(../img/slider-img-2.jpg); 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center;
	height:550px;
	width:100%;
}
#sllide3{
	background-image:linear-gradient(160deg,rgba(254,254,254,0.7),transparent), url(../img/slider-img-3.jpg); 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center;
	height:550px;
	width:100%;
}
#sllide4{
	background-image: url(../img/slider-img-4.jpg); 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center;
	height:550px;
	width:100%;
}
#sllide5{
	background-image: url(../img/slider-img-5.jpg); 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center;
	height:550px;
	width:100%;
}
#sllide6{
	background-image: url(../img/slider-img-6.jpg); 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center;
	height:550px;
	width:100%;
}
#sllide7{
	background-image: url(../img/slider-img-7.jpg); 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:center;
	height:550px;
	width:100%;
}
.carousel img{width:100%; height:100%;}
.carousel-caption{text-align:left;}
.carousel-caption h1{color:#ec4933; text-transform:uppercase; margin:0; font-size: 16px;}
.carousel-caption h2{text-transform:uppercase; margin:0; color: #000; font-size:30px;}
.carousel-caption p{margin-bottom:28px; color:#000;}
.carousel .carousel-control-prev, .carousel .carousel-control-next{
    left: 0;
    display: none;
}

.carousel-inner .text-center p{
	text-align:center !important;
}
.carousel-caption {
    right: 0%;
    bottom: 0px;
    left: 0%;
    z-index: 10;
    padding-top: 0px;
    padding-bottom: 0px;
    top: 37%;
    transform: translate(-0%,-50%);
    text-shadow: 0px 1px 1px #000;
}
.sliderBtm h1{font-weight:700;}
.sliderBtm .Div1 {
    background-color: #ec4933;
    color: #fff;
    padding: 20px 10px 20px 90px;
}
.sliderBtm .Div2{background-color:#fff; padding: 20px 90px 20px 10px;}

.aboutUs{
	background-image:url(../img/aboutBg.jpg); 
	background-repeat:no-repeat; 
	background-size:cover; 
	color:#FFF;
	padding-top:50px; 
	padding-bottom: 85px;
}
.aboutUs .btn-danger{margin-top:20px ;}
.aboutUs p{margin-bottom:30px;}
.aboutUs .space{margin:30px 0;}
.aboutUs .heading p{margin:0;}
.mainAbout h1{font-size: 33px; letter-spacing:2px; font-weight:700; font-family: 'Open Sans', sans-serif; text-transform:capitalize; margin-top: 26px;}

.ourEpert .row a{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	font-weight:700;
	text-transform:capitalize;
	font-size:20px;
	background: rgba(236,73,51,0.5);
	padding: 15px 13px;
	text-shadow: 1px 1px 1px #000;
}


.ourEpert .call a{font-size:14px; margin-top:10px;}
.call {margin-top:34px;}
.ourEpert .col-md-4 img{transition:0.7s all ease-in-out;}
.ourEpert .col-md-4{overflow:hidden;}
.ourEpert .col-md-4:hover img{transform:scale(1.2); transition:0.7s all ease-in-out;}
.ourEpert h1{margin-top:50px;}
.ourEpert span{color:#ec4933; font-size:34px;}
.ourEpert .col-md-4{margin-top:20px;}
.ourEpert .imgDiv{position:relative;}
.ourEpert .textDiv{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	right:0;
	bottom:0;
	background:none;
}
.ourservice .row a{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	font-weight:700;
	text-transform:capitalize;
	font-size:20px;
	background: rgba(236,73,51,0.5);
	padding: 15px 13px;
	text-shadow: 1px 1px 1px #000;
}
.ourservice .col-md-3 img{transition:0.7s all ease-in-out;}
.ourservice .col-md-3{overflow:hidden;}
.ourservice .col-md-3:hover img{transform:scale(1.2); transition:0.7s all ease-in-out;}
.ourservice{padding-bottom:90px;}
.ourservice h1{margin-top:70px;}
.ourservice .col-md-3{margin-top:20px;}
.ourservice .imgDiv{position:relative;}
.ourservice .textDiv{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	right:0;
	bottom:0;
	background:none;
}

.inauiry{
	background-image:url(../img/inquiryBG.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	color:#FFF;
}

.inauiry .form{
	padding-top:50px;
	padding-bottom:50px;
}

.inauiry h1{
	text-transform:capitalize;
	font-weight:700;
}

.developer {
    background-color: #616161;
    color: #fff;
	padding:10px;
}
#demo2 .carousel-caption p {
    margin-bottom: 12px;
    line-height: 1.2;
	text-align:center;
}
#demo2 .carousel-indicators {
    right: 5%;
    top: 43px;
	left:inherit;
}
#demo2 .carousel-indicators li {
    width: 15px;
    height: 15px;
    background-color: rgba(24, 23, 23, 0.5);
}

footer li a:hover{color:#6495ED !important;}
footer .row div:first-child li:nth-child(3){display:none;}
.developer p{margin:0; text-transform:uppercase; text-align: center;}
.footer1{background:#616161; color:#F0F8FF; padding: 22px 0;}
.footer1 .fas {
    color: #ec4933;
    position: relative;
    margin-left: -17px;
}
.footer1
.footer1 .adrs{margin:50px 0;}
.footer1 h1{text-transform:capitalize;}
footer{background:#393939; color:#FFF;}
footer ul{padding:0;}
footer ul a{color:#fff; text-transform:uppercase;}
footer h3{text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:22px; font-weight:700;}
footer{padding:40px 0px;}
.map iframe{width:100%; height: 180px;}
.contactD{margin-top:10px;}
.adrs li{padding-top:5px; padding-left: 17px;}
.adrs li a{color:#fff;}
.adrs li a:hover{color:#ea4b4b;}
.insideBg{
	background-image:url(../img/insideBg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	height:300px;	
}
.insideBg h1{color:#FFF; padding-top:121px; font-size:49px;}

.mainAbout{background:#f4f4f4; padding:50px 0px;}
.mainAbout h1{text-transform:capitalize;}
.Quote{background:#ec4933; padding:30px 0px;}

.contactUs{padding-bottom:50px; background:#f4f4f4;}
.contactUs .form h1{color:#ec4933; text-transform:capitalize; margin-top:50px;}
.contactUs  li{padding-bottom: 13px;}
.contactUs  li a{color:#000;}
.contactUs  li a:hover{color:#ea4b4b;}
.contactUs ul{padding:0;}

.MainService{padding:50px 0px;}
.MainService img{padding-bottom:30px; padding-top:20px; margin:0 auto; display:block;}
.MainService h2{font-size:33px; letter-spacing:2px; font-weight:700; font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
.MainService h1{font-size:33px; letter-spacing:2px; font-weight:700; font-family: 'Open Sans', sans-serif; text-transform:capitalize;}
.MainService h5{color:#ec4933;}
.MainService li{line-height:1.9;}
#contactform {  
  width: 241px;
  left: -241px;
 height: 326px;
  margin: 25px 0;
  position: fixed;
  box-shadow: 0 0 5px 0 #333;  
  top:20%;
  z-index: 99999;
}

#contact-button { 
  width: 15%;  
  padding: 7% 3%;  
  cursor: pointer;
  margin-left: 241px;
  margin-top: 40px;
  font-size: 23px; 
  color: white;  
  position: absolute;
}

#contactform{background-color:#272727 ;}
#contactform, #contact-button {
  background-color: #ED4E33;
  border-radius: 0 15px 15px 0; 
  border: 5px solid #666666; 
  border-left: none;
}

.rotated-text {
    display: inline-block;
    white-space: nowrap;
    /* this is for shity "non IE" browsers
       that dosn't support writing-mode */
    -webkit-transform: translate(1.1em,0) rotate(90deg);
       -moz-transform: translate(1.1em,0) rotate(90deg);
         -o-transform: translate(1.1em,0) rotate(90deg);
            transform: translate(1.1em,0) rotate(90deg);
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
   /* IE9+ */
   -ms-transform: none;
   -ms-transform-origin: none;
   /* IE8+ */
   -ms-writing-mode: tb-rl;
   /* IE7 and below */
   *writing-mode: tb-rl;
}

.rotated-text:before {
    content: "";
    float: left;
    margin-top: 100%;
}

#contactform form {
  width: 100%;
  padding: 20px;
}

#contactform form input {
  display: block;
  border: none;
  width: 205px;
  margin:0px;  
}

#contactform form textarea {
  width: 205px;
}

#contactform form textarea,#contactform form input { 
  border-radius: 5px;	  
}

#demo2 .carousel-caption {

    transform: none;
    text-align: center;
    right: 0%;
    width: 80%;
    background: #fff;
    color: #000;
    top: 20%;
    height: 200px;
    box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.5);
	text-shadow: 1px 1px 1px #fff ;
    border-radius: 4px;
	padding:40px;
}
#demo2 .carousel .carousel-control-prev,#demo2 .carousel .carousel-control-next{
    display:inline-block;
}

#demo2 .carousel-indicators .active {
    background-color: #ec4933;
}
.fakeImage{width: 497px; height: 262px; background:#696969; margin-top: 87px;}
.testimonial{background:#dedede;}
.testimonial h1{margin-top:50px;}
.testimonial h1::before {
    content: '';
    position: absolute;
    width: 200px;
    height: 2px;
    background: #ec4933;
    top: 22%;
    left: 4%;
}
.footer1 .iframe{height:200px;}
.footerSm {margin-top:20px;}
.footerSm  li{
    display: inline-block;
    list-style: none;
   width:20px;
   height:20px;
   background: #b1b1af;
   border-radius: 50%;
   padding: 3px;   
    cursor: pointer;
    font-size: 10px;
	margin-left: 8px;
}
.footerSm li:nth-child(3){display:inline-block ;}
.footerSm ul li:hover{background:#8c8c8c;}
.footerSm a{padding:2px;}
.footerSm  li:hover{background:#8c8c8c;}
.footerSm  a:hover{color:#fff;}
.form .fas{color:#ec4933;}
footer .row div{color:#ec4933;}
.developer div:nth-child(1) p:nth-child(1){text-transform:inherit;} 

/* counter */

.counterCont{
	font-size: 40px;
	color:#ec4933;
	font-weight: 700;
}
.counterCont h2{
	font-size: 23px;
	letter-spacing: 2px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif ;
	text-transform: uppercase;
	color:#000;
}

.copyRight p{font-size:14px; text-align:center; background: #393939; color:#fff;}

@media screen and (max-width:767px){
	header{display:none;}
	.haader2{display:block;}
	.haader2 .bg-dark {
    background-color: #fff ;
}
	.haader2 .navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
    background:#ec4933;
}
	.haader2 a{color:#000 ; text-transform: uppercase;}
	.haader2 .dropdown a, .haader2 a{font-size:13px; font-weight:700; padding-left:0;}
	.haader2 ul{padding:0; margin:0;}
	.haader2 span{color:#fff;}
	.haader2 a:hover, .haader2 a:hover span{color:#ec4933 ;}
	.haader2{box-shadow: 1px 6px 9px -5px rgba(0,0,0,0.1);}
	.aboutUs {padding-bottom: 50px;}
	.navbar-brand img{width:222px ;}
	.navbar-toggler {
    padding:2px 5px;
    font-size: 1.25rem;
    line-height: 0;
}
.topNav span:nth-child(2), .topNav span:nth-child(4){display:none;} 
.topNav span{display:block;}
.testimonial {	
    padding-bottom: 40px;
}
.topNav{display:none;}
#lorem{
	height:200px;
overflow-y: auto;
	font-size: 15px;
  text-align: inherit;
}
#lorem p{line-height:1.2; text-align:left; font-size:12px;}
#popupfoot a {
    font-size: 10px;
}
#sllide1 div:nth-child(1){text-align:center ; left:0% ;}
#sllide1 div:nth-child(1) p{text-align:center;}
#demo .carousel-caption{padding:20px; }
#demo .carousel-caption h2 {
    font-size: 18px;
}
footer h3 {
    margin-top: 30px;
}
#demo2 .carousel-indicators {margin: 0;}
#demo2 .carousel-caption{width:100%;}
#demo2 .carousel-caption p {
    margin-bottom: 12px;
    line-height: 1.2;
	text-align:center;
}
.carousel-caption h2{color: #2a2a2a;}
.carousel-caption p {color: #2a2a2a;}
#demo .carousel-caption h1 {
    font-size: 12px;
    margin: 12px;
}
#contactform {
    top: 20%;
}
#contact-button {
    margin-top: 173px;
}
}

@media screen and (max-width:1198px){
	header .navbar a {
    padding-left: 0px ;
}
}

@media screen and (max-width:410px){
	.testimonial h1::before {
		content: '';
		position: absolute;
		width: 200px;
		height: 2px;
		background: #ec4933;
		top: 31%;
		left: 4%;
	}
}

@media screen and (max-width:992px){
	.navbar-header {
    float: none;
    padding-top: 15px;
    text-align: center;
}

.topNavCont {
    float: none;
}
header .navbar {
    float: none;
    text-align: center;
}
.topNav .sMedia{
	overflow: auto;
	display: inline-block;
	float: none;
}

}