@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:700');
@import url('https://fonts.googleapis.com/css?family=Poppins');/*font-family: 'Poppins', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Oswald');/*font-family: 'Oswald', sans-serif;*/
.goTop {
	width: 40px;
	height: 40px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background-color:rgb(180 127 44);
	 
	transform: translate(80px, 0px);
	transition: all .3s ease-in;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color:#FFFFFF; z-index:1000;
}

.details_cls h4 {
	font-size: 45px;
	color: #e65704;
	font-family: 'Poppins';
	padding-top: 100px;
}


.details_cls span {
	color: #7E7E7E;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    line-height: 25px;
    padding-top: 5px;
}

._details {
	padding-top: 160px;
}

._cbtn {
	background-color: transparent !important;
	display: none !important;
	border: solid 1px rgb(197 197 197 / 50%) !important;
}

._cbtn i {font-size: 25px; color: #d1d1d1;}

.show1 {
	transform: translate(0px, 0px) !important; 
}

.modal {z-index: 999999 !important;}

.modal-header {background-color: #f3f3f3;}

.modal-title {margin-top: 16px !important; margin-left: 15px !important;}

.modal-header {padding: 0 !important;}

.modal-header .close {background-color: red; padding: 15px; opacity: 1 !important; margin-top: 0 !important;}



.service h1,.slider_con h1{font-family: 'Oswald', sans-serif; text-transform:uppercase; margin-bottom:50px; text-align: center;}

/*-------------------HEADER----------------*/
.header{ position:fixed; z-index:1111; width:100%;}
.hebt{height: auto; transition:ease 0.4s;}
.hebtch{height:85px;transition:ease 0.4s;}
.navbar {min-height: 40px !important;}

.header_top{ /* background-color:rgba(60,52,127,1.00); */ background-color: #314152 /* #a30d2b */; max-height:40px; color:#FFFFFF;}
.header_top p{font-size: 14px;color: #ebebeb /* #cbc6f5 */; font-family: 'Montserrat', sans-serif;text-align: left;
   font-weight: 300; word-spacing: 0.2em;padding-top: 10px;}
 .ht_fore span{ float:right;} 

.ht_fore i{display: inline-block; padding-right: 8px;color: #ebebeb;padding-top: 12px;font-size: 14px;}

/*.about_img {position: relative; overflow: hidden;}
.about_img::after {content: ""; position: absolute; background-color: rgba(0,0,0,1); height: 50px; width: 100px; bottom: 0; z-index: 999; }*/

@media (min-width:0px) and (max-width:360px) {
	
	.logoimage_chan {
		width: 90%;
	}
	.logoimage {
		width: 105%;
	}
	
	.mob-pad {
		margin-left: 4px !important;
	}
	.slide-text h1 {
		line-height: 30px !important;
	}
	.baner-section {
		padding-top: 190px !important;
	}
	.justify_content {
		display: block;
	}
}

@media (min-width:361px) and (max-width:380px) {
	
	.logoimage_chan {
		width: 90%;
	}
	.logoimage {
		width: 100%;
	}
	
	.mob-pad {
		margin-left: 4px !important;
	}
	.slide-text h1 {
		line-height: 30px !important;
	}
	.baner-section {
		padding-top: 190px !important;
	}
	.justify_content {
		display: block;
	}
}

@media (max-width: 575px) {

	.details_cls h4  {
		padding-top: 40px;
		font-size: 40px;
		margin-bottom: 30px;
	
	}

	.details_cls span  {
		
		display: block;
		font-size: 20px;
	
	}

	._details {
		padding-top: 200px;
	}

	._cbtn {
		display: block !important;
	}

	._cClass { display: none; }

	
	.mob-pad {
		margin-left: 25px;
	}
	.smallp {
		padding-left: 9px;
	}
	
	.smallbtn {
		margin-left: 9px;
	}
.ht_fore span {
    text-align: center;
    float: none;
    padding-left: 120px !important;
    /* padding-bottom: 10px; */
}
	.header_top {padding-top: 8px; padding-bottom: 8px;}
}

.header_bootam{background-color: #fff;  
  box-shadow: 0px 0px 21px -5px rgba(0,0,0, .5)}
 .logoimage{ padding-top:15px;transition:ease 0.4s;} 
 .logoimage_chan{ padding-top:5px;transition:ease 0.4s;} 
 .menu_mar{margin-top:28px; margin-bottom: 26px !important; transition:ease 0.4s;} 
.menu_mar_chan{margin-top:16px;transition:ease 0.4s;} 
 
 
.menu_effect  {position: relative;z-index: 1;}
.menu_effect a {overflow: hidden;margin: 0 15px;}
.menu_effect a span {display: block;padding: 10px 15px;background: #fff;transition: transform 0.3s;}
.menu_effect a::before {position: absolute;top: 0;left: 0;z-index: -1;padding: 10px 20px;width: 100%;height: 100%;background:#bf7808;color: #fff;content: attr(data-hover);transition: transform 0.3s;}
.menu_effect a:hover span,.cl-effect-10 a:focus span {transform: translateX(100%);}
.menu_effect a:hover::before,.cl-effect-10 a:focus::before {transform: translateX(0%);}

.navbar-nav>li>a {
    padding-top: 0px !important;
    padding-bottom:0px !important;} 
	.nav>li>a {
    position: relative;
    display: block;
     padding: 0px 0px !important; }
 
   
  .menu{ display:block; visibility:visible; margin-left:100px;}  
  .menu a{font-family: 'Open Sans', sans-serif !important ; font-size: 13.5px !important;
          text-transform: uppercase; color:#000000 !important}  
   
.menu-list{}

/* .menu a:hover{ color:#3C347F !important;}   
*/
  .dropdown-item:act {
    color: #3C347F;
    background-color: transparent;} 
	.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent !important; }
   /* burger MENU*/
.burger-menu {
	position: absolute;
	top: 13px;
	right: -36px;
	width: 50px;
	height: 22px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
	-webkit-transition: transform 330ms ease-out;
	-moz-transition: transform 330ms ease-out;
	-o-transition: transform 330ms ease-out;
	transition: transform 330ms ease-out;
	display: none;
	visibility: hidden;
}
.burger-menu.menu-open {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.line-menu {
	background-color:#314152;
	border-radius: 2px;
	width: 100%;
	height: 3px;
}
.line-menu.line-half {
	width: 50%;
}
.line-menu.first-line {
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transform-origin: right;
}
.menu-open .line-menu.first-line {
	-webkit-transform: rotate(-90deg) translateX(13px);
	-moz-transform: rotate(-90deg) translateX(13px);
	-o-transform: rotate(-90deg) translateX(13px);
	transform: rotate(-90deg) translateX(13px);
}
.line-menu.last-line {
	align-self: flex-end;
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transform-origin: left;
}
.menu-open .line-menu.last-line {
	-webkit-transform: rotate(-90deg) translateX(-13px);
	-moz-transform: rotate(-90deg) translateX(-13px);
	-o-transform: rotate(-90deg) translateX(-13px);
	transform: rotate(-90deg) translateX(-13px);
}
/* burger MENU*/
.btnmenu {
	background-color:#FDFDFD;
	display: none;
	padding-top: 20px;
	width: 100%;
}
/* collapsible*/


@media (max-width: 575px) {
.btnmenu {
    padding-top: 45px !important;
}
	}

.collapsible {
	background-color:rgba(247,247,247,1.00);
	color: white;
	cursor: pointer;
	padding: 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
font-family: 'Open Sans', sans-serif !important ;	display: none;
}
.menu_active, .collapsible:hover {
	
	border: none;
}
.collapsible:after {
	content: '\002B';
	color: black;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}
.menu_active:after {
	content: "\2212";
}
.content {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	background-color:#E3E3E3 !important;
	display: none;
}
.me  a {
	color:#000!important;
	display: block;
}
  
  .con4 a {
	font-size: 14px;
	color: #4F4F4F !important;
	text-decoration: none !important;
	font-style: italic;
	display: block !important;
	transform: translatex(0px);
	padding-bottom: 12px;
	transition: all 0.2s ease-in-out;
	font-family: 'Open Sans', sans-serif !important ;


	padding-left: 5px;
}
.con4 a:hover {
	transform: translateX(15px);
	color:#3C347F !important;
}  
.pad_tb {
	padding-top: 25px;
	padding-bottom: 15px;
}
.me:hover a {
	color:#3C347F!important; text-decoration:none !important;
}

.btnmenu {
	background-color:#FDFDFD;
	display: none;
	padding-top: 20px;
	width: 100%;
	padding-bottom: 20px;
}

/*-------------------HEADER----------------*/
/*-----------------------BANNER-------------*/
.baner-section{  padding-top: 136px}
@media (max-width: 575px) {
.baner-section {
    padding-top: 140px;
}
}
	/*-----------------------BANNER-------------*/

/*-------------------BANNER-BOTTAM----------------*/

.banner-btm{    /* background-color: #3C347F; */
    min-height: 105px;
	background-color: #314152;
    width: 100%;}
.banner-btm h4{ font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: #ebebeb /* #a29bdc */;
    font-weight: 500;
    line-height: 24px;
    margin-top: 16px;}
.banner-btm h5{ font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #fff !important;
    font-weight: 400;
    line-height: 24px;}
/*-------------------BANNER-BOTTAM----------------*/
/*-------------------CON-1----------------*/
.con_1box{ background-color:#EDEDED;}
.con-1{ padding:80px 0px 80px 0px ;}
.con_1box:after,.con_1box:before
{
    z-index:-1;
    position:absolute;
    content:"";
    bottom:15px;
    left:17px;
    width:50%;
    top:80%;
    max-width:300px;
    background:#777;
    -webkit-box-shadow:0 15px 10px rgba(119,119,119,.59);
    -moz-box-shadow:0 15px 10px rgba(119,119,119,.59);
    box-shadow:0 15px 10px rgba(119,119,119,.59);
    -webkit-transform:rotate(-3deg);
    -moz-transform:rotate(-3deg);
    -o-transform:rotate(-3deg);
    -ms-transform:rotate(-3deg);
    transform:rotate(-3deg)
}
.con_1box:after
{
    -webkit-transform:rotate(3deg);
    -moz-transform:rotate(3deg);
    -o-transform:rotate(3deg);
    -ms-transform:rotate(3deg);
    transform:rotate(3deg);
    right:17px;
    left:auto
}

.con_1_img{ padding:30px 40px 13px 40px !important;}
.con_1_img h6{ text-transform:uppercase; text-align:center; padding-top:15px;
font-family: 'Open Sans', sans-serif; font-size:17px;}
/*------------------./-CON-1----------------*/
/*------------------SERVICES----------------*/
.service{box-shadow:0px -3px 10px 0px rgba(0,0,0,.098);
	background-color:#F8F8F8; padding: 50px 0px 0px 0px;}
.cir_ser{ width:50px; height:50px;background-color:rgb(49 65 82); border-radius:25px;
  text-align:center;  color:#FFF;  }
  .cir_ser i{top: 4px;
    font-size: 2.5rem;
    margin-top: 11px;}
	.service a {
		text-decoration: none !important;
		/* background-color: #314152; */
		display: block;
		padding: 5px;
	}

  .service h4{font-family: 'Poppins', sans-serif; font-size:20px;padding-top:2px;
   padding-left:13px; color: #000;}
.ser_div{ padding-bottom:50px;} 
/*-----------------./-SERVICES----------------*/
/*-------------------CON-2----------------*/
.con-2{ margin: 50px 0px 50px 0px; background-image:url(../img/slide.jpg); background-repeat:no-repeat; background-size:cover;
 height:300px;}
 .con-2_box{ height:300px; background-color:#ff8118; 
 clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);}
 .con-2_box h3{font-family: 'Poppins', sans-serif; color:#FFF; line-height:35px;
 padding-top:30px ; }
 .con-2_bttn{ padding:5px 15px; background-color:#e65704; border: solid #e65704 1px;
 color:#fff; margin-top:10px;}
  .con-2_bttn:hover{ background-color:#e65704; color:#FFFFFF;}
/*------------------./-CON-2----------------*/
/*-----------------------------SLIDER---------------------------*/
.slider_con {
	padding-bottom:40px;}
.slider_con_row1{ padding-top:80px;}
.sli_row2 img{position:relative;  margin: 0 auto;}
.image2{ position:relative;}
.overly2{ position:absolute; right:0px; bottom:0px;top:0px; left:0px;
 opacity:0.4; transition:all ease-in-out 0.4s;}
.sli-ma:hover .overly2{ opacity:0;}
.sli_row2_col{}
.sli_row2_col h5{ text-transform:uppercase; color:#000;font-family: 'Poppins', sans-serif; 
 font-size:16px; padding-left:3px; text-align: center; }

/*-----------------------------./SLIDER---------------------------*/
/*--------CON-3--------*/
.con-3{ padding:50px 0px;}
.con-3 h3, .con-3 h2{font-family:  'Roboto', sans-serif; font-size:30px;color:rgb(51, 51, 51);
font-family: 'Oswald', sans-serif; line-height:40px;}
.con-3 h2 {font-size: 31px;font-family:  'Oswald', sans-serif;}
.con-3 p{ color:#7E7E7E;font-family: 'Poppins', sans-serif; font-size:16px; line-height:25px; padding-top:5px;}
.testimonial-content p{ color:#7E7E7E;font-family: 'Poppins', sans-serif; font-size:14px; line-height:25px; padding-top:5px;}
.con-3_btn{ 
      padding: 14px 33px;
    background-color: #ff9b1f /*  #e85804 */;
    float: right;
    border: solid rgba(60,52,127,1.00) 1px;
    border-radius: 3px;
    font-size: 15px;
    color: rgba(255,255,255,1.00);
    transition: all .4s ease-in-out;
    cursor: pointer;
    font-weight: 400;
    margin-top: 30px;
}
.con-3_btn:hover {
	 background-color:#ff8036;
	color: rgba(255,255,255,1.00);}

@media (max-width: 575px){
.con-3_btn {
    margin-bottom: 20px;
	float: none;
	width: 100%;
	margin-top: 15px;
}
	.banner-btm h4 {
		padding-top: 25px;
	}
	}

/*--------CON-3--------*/
/*------------------GALLERY---------------*/
.gallery{ padding:50px 0px;}
.justify_content{ display: flex;
    justify-content: center;}
	.nav-justified>li {
    width: auto !important;}

@media (max-width: 575px) { 
	
	.justify_content{ display: grid; }
	
}
/*------------------./-GALLERY----------------*/

/* Extra small devices (portrait phones, less than 576px) col-12*/
@media (max-width: 575px) { 
.ht_one p{padding-top:8px !important;}
.header_top p{text-align: center;padding-top:0px; 
   }
.header_top{ max-height:160px;}
 .ht_fore span{ text-align:center;float:none; padding-left:107px; padding-bottom:10px; }  
 .ht_fore i{padding-right:20px;padding-top:0px; font-size: 1.8em; }
   
.burger-menu { display:block; visibility:visible; display:flex !important; top: 35px;
    right: 15px;
}
.menu {display:none !important; visibility:hidden !important ;}	
.collapsible {
	display: block
}
.content {
	display: block
}
.banner-btm h4{font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
    padding: 5px 14px;
    text-align: justify;
    padding-right: 22px;}
	
.banner-btm h5{	
	    font-size: 14px;
    line-height: 20px;
}
.mb-2{ margin-bottom:20px; }
.ht_xs_grid{ width:50% !important; float:left !important;}
  .service h4{ font-size:18px;
   padding-left:10px;}
.service h1,.slider_con h1{ font-size:30px;}
.con-2_box h3{ margin-top:0px !important ;font-size:18px; line-height:25px;}
.con-3{ padding:10px 0px;}
.con-3 h3{ font-size:25px;}
.con-3_btn{ margin-bottom:20px;}
 }

/*Small devices (landscape phones, 576px and up) col-sm*/
@media (min-width: 576px) and (max-width: 767px) { 
.header_top p{padding-top:10px;
   }
.header_top{ max-height:95px;}
.ht_two p{ float:right !important;}
	
.burger-menu { display:block; visibility:visible; display:flex !important; top:42px;
    right:46px;
}
.menu {display:none !important; visibility:hidden !important ;}	

.collapsible {
	display: block
}
.content {
	display: block
	
}
.pb-2{ margin-bottom:20px;}
.mb-2{ margin-bottom:20px; }

.ht_grid{ width:50% !important; float:left !important;}
.mb-2{ margin-bottom:20px; }
  .service h4{ font-size:17.5px;
   padding-left:12px;}
.service h1,.slider_con h1{ font-size:30px;}
.con-2_box h3{ margin-top:0px !important;}
.con-3{ padding:10px 0px;}
.con-3 h3{ font-size:25px;}
.con-3_btn{ margin-bottom:20px;}

 }

/*Medium devices (tablets, 768px and up) col-md*/
@media (min-width: 768px) and (max-width: 991px) { 

.burger-menu { display:block; visibility:visible; display:flex !important; top:51px;
    right:46px;
}
.menu {display:none !important; visibility:hidden !important ;}	

.collapsible {
	display: block
}
.content {
	display: block
}	
.mb-2{ margin-bottom:20px; }
.con-2_box h3{ margin-top:0px !important; padding-top:50px;}
.con-3{ padding:10px 0px;}
.con-3 h3{ font-size:30px;}
.con-3_btn{ margin-bottom:20px;}

 }

/*Large devices (desktops, 992px and up) col-lg*/
@media (min-width: 992px) and (max-width: 1199px) { 
.burger-menu { display:block; visibility:visible; display:flex !important; top:55px;
    right:68px;
}
.menu {display:none !important; visibility:hidden !important ;}	

.collapsible {
	display: block
}
.content {
	display: block
}
.mb-2{ margin-bottom:20px; }
  .service h4{ font-size:19px;
   padding-left:12px;}
.con-2_box h3{ margin-top:0px !important;padding-top:50px;}
.con-3_btn{ margin-bottom:20px;}

 }

/*Extra large devices (large desktops, 1200px and up) col-xl*/
@media (min-width: 1200px) { 
	
	

 }