/********** Welcome *************/
/*@import url('https://fonts.googleapis.com/css?family=Fira+Sans');*/

section {
	margin: 0;
}


/******* Why handymen **********/
.whypart {
	background: #fff;
}

.whybox {
	border: 1px solid #000;
	line-height: 1;
	text-align: left;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	height: 200px;
	background: #fff;
}

.whybox h4 {
	text-align: left;
	font-weight: bold;
	text-shadow: 1px 1px #777;
	/*font-family: 'Fira Sans', sans-serif;*/
}

.whybox p {
	color: #000;
}

.whybox .icons {
	/*margin: 50px 0 0 0;*/
	text-align: right;
	margin: auto;
}

.whybox .whyimg {
	width: 80px;
	height: auto;
	text-align: center;
}

.rwhydm {
	padding-bottom: 2%;
}

/*#f7941d    orange */ 
/*#b6d54e    lemon */


/******* Video Part *******/
.videopart {
	background: #fff;
	padding-bottom: 5%;
}

.video-container {
	background:#010001;
	padding: 20px 0px 14px 0px;
}

#index-video {
	background: url(../video/video_cover.png) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}

/*.videoview {
	padding-left: 19px;
}*/

/*.vid { padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 25px;} */
/*.vid iframe, .vid object,.vid embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/
/*.video-mobile-headline{display: none; margin:0px;}*/



/****************** Download ******************/
#download {
	/*background: #bedcff;*/
	/*background: linear-gradient(to top left, #66ffff 0%, #ff99cc 100%);*/
	background: url(../Pic/App_download.png);
	padding-bottom: 5%;
}

#download h1 {
	color: #fff;
}

.downloadpart {
	/*padding-top: 1%;
	padding-bottom: 3%;*/
	text-align: center;
	line-height: 3;
	margin-left: 3%;
	margin-right: 3%;
}

.downloadpart h1{
	font-size: 34pt;
	text-align: center;
	line-height: 2;
	text-transform: uppercase;
	/*font-weight: bold;*/
}

.downloadimg {
	width: 220px;
	height: auto;
	text-align: right;
}

a:hover .downloadimg {
	opacity: 0.6;
}

.downloadlink {
	text-align: right;
}

.android {
	margin-top: 60px;
	margin-bottom: 10px;
}

.apple {
	margin: 0;
}

.qr {
	text-align: left;
}

.qrimg {
	width: 200px;
	height: auto;
	padding: 10px;
	background: #fff;
	border-radius: 8px;
	/*border: 2px solid #ff8c00;*/
}

/****************** Type of Services **************/

/* Site Heading */
.site-heading h1{
	padding-top: 1%;
	padding-bottom: 2%;
	line-height: 2;
	text-align: center;
    font-size : 34pt;
    margin-bottom: 10px;
    font-weight: 200;
    text-transform: uppercase;
}

/*horizontal scrollbar*/
div.scrollmenu {
    background-color: #333;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    height: 425px;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    background-color: #777;
    /*border-radius: 5px*/
}

/* Feature-CSS */
.Features-section {
	padding-bottom: 2%;
}

.feature-box {
	background: rgba(34,49,63,0.9);
	/*background: rgba(0,0,0,0.9);*/
	/*width: 200px;*/
	/*background: url('../Photo Bank/Category/Beautiful-Fence-Painting-Combination-With-Images-About-House-Color-Combinations-Inspirations-Picture.jpg');
	background: rgba(0,0,0,0.9);
	background-size: auto 380px;*/
	width: 220px;
	height: 380px;
    text-align: center;
    padding: 20px 10px 20px 10px;
    transition: .5s;
    /*margin-bottom: 30px;*/
    border: 2px solid #ccc;
    border-radius: 10px;
    text-align: left;
}

.feature-box h4 {
	line-height: 0;
	color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 25px 0 15px;
    bottom: 30px;
    position: absolute;
    opacity: 1;
    /*font-family: 'Fira Sans', sans-serif;*/
}

.feature-box .chi {
	bottom: 60px;
	position: absolute;
}

.feature-box .bgimg {
	display: block;
	width:110%;
	height:112%;
	opacity: 0.5;
	background-color: #fff;
	position:relative;
	top: -20px;
	left: -10px;
	border-radius: 8px;
}

a:hover {
	text-decoration: none;
	/*background: url(../Photo Bank/);*/
}

/*a .feature-box:hover {
	background: #ccc;
}*/

a .feature-box:active {
	background: #01264c;
}

img {
	object-fit: cover;
	width:100px;

	height:100px;
}
p {
	color: #fff;
	line-height: 2;
}

/**** media screen effect ****/

@media all and (max-width: 1240px) {

	.contact-add-box{
		padding: 10px;
	}
}

@media (max-width: 1199px){
	.feature-box h4 {
	    font-size: 16px;
	}

	.whybox {
		height: 235px;
	}
}

@media (max-width: 991px){
	.whybox .icons {
		text-align: center;
	}

	.whybox {
		height: 200px;
	}
}

@media all and (max-width: 767px) {

	.downloadlink {
		text-align: center;
	}

	.qr {
		text-align: center;
	}

	.android {
		margin-top: 0;
		margin-bottom: 23px;
	}

	.apple {
		margin-bottom: 23px;
	}

	.whybox h4 {
		text-align: center;
	}

	.whybox p {
		text-align: center;
	}


/*	#digital, #traditional, {
		float: none;
	}

	#digital {
		width: 100%;
	}
	#traditional {
		width: 100%;
	}*/

	/*.whyhdm h1, .diff h1, .type h1, .contact-section h1 .site-heading h1{
		line-height: 2;
		font-size: 30px;
	}

	.line { 
    	border-left:none;
    	border-top: 1px solid lightgray;
	}*/
}

@media all and (max-width: 414px) {

	.text {
		width: 70%;
	}

	.text h1 {
		font-size: 30px;
	}

	textarea {
		resize: vertical;
	}

/*	.type h1, .contact-section h1, .site-heading h1 {
		line-height: 2;
		font-size: 24px;
	}*/

}

@media all and (max-width: 403px) {

	.whybox {
		height: 235px;
	}

	.whybox h4 {
		text-align: left;
	}

	.whybox p {
		text-align: left;
	}

}

@media all and (max-width: 389px) {
	.whybox {
		height: 260px;
	}
}

@media all and (max-width: 359px) {
	.downloadimg {
		width: 250px;
	}
}