/* GENERAL */

.title_text{
	font-size: 32px;
	font-weight: 700;
	
}

.tittle-services{
	background-color: black
}

	.highlight {
	    color: #F76801;
	}

	.responsive{
		max-width: 100%;
		height: auto;
	}

	.bg-text{
        opacity: 0.35;
        color:#949494; 
        font-weight: bold;
        /* text-transform: uppercase; */
	}

	.page-section-headings{
		font-size: 36px;
		line-height: 37px;
	}

	.copyright{
		background-color: E5E5E5;
		color: #313131;
	}

	button[aria-expanded=true] .testing1 {
	   display: none;
	}
	button[aria-expanded=false] .testing {
	   display: none;
	}

	.navbar-toggler{
		border: none;
	}

	.navbar-toggler:focus{
		box-shadow: none;
	}

/* GENERAL */

/* NAV */
	.bg-nav{
		background-color: rgba(255,255,255,1.00);
		box-shadow: 1px 4px 6px -2px rgba(0,0,0,0.30);
	}
/* NAV */

/* HOME */
	.bg-home {
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    height: 620px;
	    background-image: url(../img/background/home_bg.png);
	    /*background: rgba(0, 0, 0, .3) url(../img/background/home_bg.png) no-repeat center;*/
	    /*background-blend-mode: darken;*/
	}
.arrow-container {
  margin-top: -20px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  padding-bottom: 15px;
}

.arrow {
  width:60px;
  border-width:0px;
  border:0px;
  position: fixed;
  bottom: 0
}
	



	.img-home{
	    content: url(../img/home_logo.png);
	}

	@media (max-width: 991px) {
		/*.bg-home {
	        background-size: cover;
	        background-position: center;
	        background-repeat: no-repeat;
	        background: url(../img/background/service_bg.png);
		    background: rgba(0, 0, 0, .3) url(../img/background/mobile/home_bg.png) no-repeat center;
		    background-blend-mode: darken;
		}*/
		.bg-home .container{
	        padding-left: 0px !important;
		}
	}

	@media (max-width: 575px) {
		#home .container{
			width: 85%;
			/* padding-left: 3rem !important; */
		}

		.bg-home {
		    background-size: cover;
		    background-position: center;
		    background-repeat: no-repeat;
		    height: 700px;
		    background-image: url(../img/background/mobile/home_bg.png);
		}

		.img-home{
		    content: url(../img/home_logo_m.png);
		}
	}
/* HOME */

/* ABOUT */
	.bg-about{
	    background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat;
	    height: 380px;
	    background-image: url(../img/background/bg2.png);
	}

	.img-freedom{
	    content: url(../img/Freedom.png);
	}

	.img-professional{
	    content: url(../img/Professional.png);
	}

	.img-target{
	    content: url(../img/Target.png);
	}

	.img-value{
	    content: url(../img/Value.png);
	}

	#about .title1{
		font-size: 40px;
		line-height: 50px;
	}
	#about .title2{
		font-size: 20px;
		line-height: 35px;
	}

	#about h2{
		font-size: 8vw; 
		position: absolute; 
		margin-top: -3%;
	}

	#about .divider-custom {
	  margin: 1rem 0;
	  width: 100%;
	  align-items: center;
	}

	#about .divider-custom .divider-custom-line {
	  width: 20%;
	}
	

	@media (max-width: 1399px) {
		.about-section-heading{
			font-size: 26px;
			line-height: 37px;
		}

		#about .title1{
			font-size: 35px;
			line-height: 40px;
		}
		#about .title2{
			font-size: 18px;
			line-height: 25px;
		}

		#about .divider-custom .divider-custom-line {
		  width: 49%;
		}
	}

	@media (max-width: 1199px) {
		.about-section-heading{
			font-size: 24px;
			line-height: 30px;
		}

		#about .title1{
			font-size: 32px;
			line-height: 35px;
		}
		#about .title2{
			font-size: 17px;
			line-height: 23px;
		}

		#about .divider-custom .divider-custom-line {
		  width: 59%;
		}
	}

	@media (max-width: 991px) {
		#about h2{
			font-size:  15vw;
			margin-top: -4%;
		}

		#about .divider-custom .divider-custom-line {
		  width: 100%;
		}

		.img-about{
		    width: 90%;
		    margin: auto;
		}
		#about p{
			font-size: 26px !important;
		}
	}

	@media (max-width: 575px) {
		#about .container{
			width: 85%;
		}
		#about .title1{
			font-size: 25px;
			line-height: 25px;
		}
		#about .title2{
			font-size: 14px;
			line-height: 17px;
		}
		#about p{
			font-size: 16px !important;
		}
		/* .bg-about{
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			height: 1275px !important;
			background-size: 100% 100% !important;
			background-image: url(../img/background/mobile/bg2.png) !important;
		} */
		
	}
/* ABOUT */

/* SERVICE */
	.bg-service {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        /* background-color: white; */
	    /*background: rgba(0, 0, 0, .3) url(../img/background/service_bg.png) no-repeat center;*/
	    /*background-blend-mode: darken;*/
	    /* background-size: cover;
	    background-position: center;
	    background-repeat: no-repeat; */
	    /* height: 841px; */
	    background-image: url(../img/background/bg3.png);
	}

	#service .divider-custom .divider-custom-line {
	  	width: 100%;
    	max-width: 12rem;
	}

	#service h2{
		font-size: 8vw; 
		position: absolute; 
		left: 0;
    	right: 0;
    	margin-top: -2%;
	}

	@media (max-width: 767px) {
		.bg-service {
	        background-size: cover;
	        background-position: center;
	        background-repeat: no-repeat;
			background-color: white;
		}

		#service h2{
			font-size: 85px; 
			position: absolute; 
			left: 0;
	    	right: 0;
	    	margin-top: -3%;
		}
	}

	@media (max-width: 575px) {
		#service .container{
			width: 85%;
		}

		#service h2{
			font-size: 75px; 
			position: absolute; 
			left: 0;
	    	right: 0;
	    	margin-top: -5%;
		}
	}

	@media (max-width: 450px) {
		#service h2{
			font-size: 55px; 
			position: absolute; 
			left: 0;
	    	right: 0;
	    	margin-top: -5%;
		}
	}
/* SERVICE */

/* CONTACT */
	#contact{
		padding-bottom: 2rem;

	}
	.bg-contact {
        background-size: cover;
        /*background-position: center;*/
        background-repeat: no-repeat;
        background-image: url(../img/background/Quote-BAnner-BW.jpg);
	}

	.bg-contact2 {
		/* background-image: url(../img/background/contact.jpg); */
		background: white;
		background-repeat: no-repeat;
		background-size:cover;
		margin: 0 auto;
}
	#contact .divider-custom .divider-custom-line {
	  	width: 100%;
    	max-width: 12rem;
	}

	#contact h2{
		font-size: 8vw; 
		position: absolute; 
		left: 0;
    	right: 0;
    	margin-top: -2%;
	}

	section#contact p.title{
		width: 60%;
    	margin: auto;
	}

	.contact-img1{
	    content: url(../img/contact1.png);
	    max-width: 156%;
	    height: auto;
	    z-index: 1;
	}

	.contact-img2{
	    content: url(../img/contact2.png);
	    max-width: 156%;
	    height: auto;
	    z-index: 1;
	}

	.contact-img3{
	    content: url(../img/text-bg1.svg);
	    max-width: 100%;
	    height: auto;
	}

	.address-text{
		font-size: 18px;
		text-align: center; 
		width: 80%; 
		margin: auto; 
		position: relative; 
		top: -50%;
	}

	.third-img{
		position: relative;
		right: 17%;
		margin-top: -25px;
	}

	@media (max-width: 1199px) {
		section#contact p.title{
			width: 80%;
	    	margin: auto;
	    	font-size: 15px;
		}

		.address-text{
			font-size: 14px;
		}
	}

	@media (max-width: 991px) {
		section#contact p.title{
			width: 80%;
	    	margin: auto;
	    	font-size: 15px;
		}

		.address-text{
			font-size: 10px;
		}
	}

	@media (max-width: 767px) {
		.bg-contact {
	        background-size: cover;
	        background-position: center;
	        background-repeat: no-repeat;
	        background-image: url(../img/background/mobile/contact_bg.png);
		}

		#contact h2{
			font-size: 85px; 
			position: absolute; 
			left: 0;
	    	right: 0;
	    	margin-top: -3%;
		}

		section#contact p.title{
			width: 80%;
	    	margin: auto;
	    	font-size: 15px;
		}

		.hidethis{
			display: none;
		}

		.address-text{
			font-size: 18px;
			text-align: center; 
			width: 55%; 
			margin: auto; 
			position: relative; 
			top: -50%;
		}

		.address-text .location{
			padding-bottom: 1rem;
		}

		.third-img{
			position: initial;
			right: 0px;
			margin-top: -270px;
		}

		.contact-img3{
		    content: url(../img/text-bg.svg);
		    max-width: 100%;
		    height: auto;
		}

		.contact-img2{
		    content: url(../img/contact2_m.png);
		    max-width: 100%;
		    height: auto;
		}

	}

	@media (max-width: 575px) {
		#contact .container{
			width: 85%;
		}
		
		#contact h2{
			font-size: 75px; 
			position: absolute; 
			left: 0;
	    	right: 0;
	    	margin-top: -5%;
		}

		section#contact p.title{
			width: 100%;
	    	margin: auto;
	    	font-size: 14px;
		}

		.address-text{
			font-size: 17px;
			text-align: center; 
			width: 65%; 
			margin: auto; 
			position: relative; 
			top: -50%;
		}
	}

	@media (max-width: 450px) {
		#contact h2{
			font-size: 55px; 
			position: absolute; 
			left: 0;
	    	right: 0;
	    	margin-top: -5%;
		}

		.address-text{
			font-size: 16px;
			text-align: center; 
			width: 75%; 
			margin: auto; 
			position: relative; 
			top: -50%;
		}
	}
/* CONTACT */


/* scroll down */
.demo a {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.demo a:hover {
  opacity: .5;
}

	#section10 a {
  		padding-top: 60px;
	}
	#section10 a span {
 		 position: absolute;
  		top: 0;
  		left: 50%;
 		 width: 30px;
 		 height: 50px;
		 margin-left: -15px;
 		 border: 2px solid #fff;
 		 border-radius: 50px;
 		 box-sizing: border-box;
	}
		#section10 a span::before {
 		 position: absolute;
 		 top: 10px;
 		 left: 50%;
 		 content: '';
 		 width: 6px;
 		 height: 6px;
 		 margin-left: -3px;
 		 background-color: #fff;
		  border-radius: 100%;
 		 -webkit-animation: sdb10 2s infinite;
		  animation: sdb10 2s infinite;
 		 box-sizing: border-box;
	}

		@-webkit-keyframes sdb10 {
  		0% 
	{
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@media (max-width:629px) {
  img#optionalstuff {
    display: none;
  }
}

.map{
	height: 370px;
}

.location{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 38px;
	width: 38px;
	background-image: url(../img/location.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
}
.email{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 38px;
	width: 38px;
	background-image: url(../img/email.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
}
.tel{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 38px;
	width: 38px;
	background-image: url(../img/tel.png);
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
}
.btn2{
	background: #F76801 0% 0% no-repeat padding-box;
	border-radius: 7px;	
	width: 164px;
	height: 50px;
	line-height: 50px;
	color:#FFFFFF;
	padding: 0 !important;
	border: 0 !important;
	text-align: center;
}

.contact_pc{
	background: #F76801 0% 0% no-repeat padding-box;
	border-radius: 7px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	color: white !important;
	margin-top:0.5rem !important; 
	padding-top:0px !important;
	/* font-size: 12px; */
}
.contact_h5{
	display: none;
}

.contact_title_pc {
	display: block;
}

.contact_title_h5{
	display: none;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
	color: #F76801 !important;
}

.navbar-nav .show>.nav-link.active,
.navbar-nav .show>.nav-link:focus,
.navbar-nav .show>.nav-link:hover {
	color: #F76801 !important;
}
.navbar-nav .nav-link.contact_pc {
    color: white !important;
}
.navbar-link {
	width:auto !important; 
	height: 58px !important;
}
.pt-120 {
	padding-top:120px;
}
.pl-50 {
	padding-left:50px;
}
.pb-300 {
	padding-bottom: -300px;
}
.fs-14 {
	font-size: 14px;
}
.fs-18 {
	font-size: 18px;
}
.home-sec {
	padding: 1rem 0; 
	text-align: left;
}
.about-us {
	padding-bottom: .5rem; 
	padding-top: .5rem;
}
.about-us-label {
	color:#F76801; 
	text-align: left; 
	font-weight: bold;
}
.our-solution-label {
	color:#F76801; 
	padding-bottom: 2rem; 
	font-weight: bold;
}
.img-fluid {
	width: 80%;
}
.contact-us {
	box-shadow: 1px 10px 22px #D0D6EB;
}
.contact-us-map {
	padding-left:0px; 
	margin-bottom: 0px !important; 
	padding-right: 0px !important;
}
.contact-us-col {
	text-align: left; 
	padding-left: 50px; 
	margin-bottom: 0px !important;
}
.contact-us-title {
	padding: 1rem 0; 
	text-align:left;
}
.address-with-br {
	font-size: 14px; 
	color:#313131; 
	display: inline-block; 
	margin-top: 1rem; 
	vertical-align: middle;
}
.email-with-br {
	font-size: 14px; 
	color:#313131; 
	display: inline-block; 
	margin-top: 1rem; 
	vertical-align: middle;
}
.phone {
	font-size: 14px; 
	color:#313131; 
	display: inline-block; 
	margin-top: 1rem;
}