a:active {outline: 0;} *:focus {outline: none;}

strong, b {font-weight: 700;}
em, i {font-style: italic;}
p {line-height: 160%;}
.left {float: left;}
.right {float: right;}
.center {text-align: center !important;}
.tleft {text-align: left;}
.tright {text-align: right;}
.margin0 {margin: 0 !important;}
.padding0 {padding: 0 !important;}
.border0 {border: 0 !important;}
.padding-bottom0 {padding-bottom: 0 !important;}
.padding-top0 {padding-top: 0 !important;}
.clear {clear: both;}
img {max-width: 100%; height: auto; vertical-align: middle;}
.uppercase {text-transform: uppercase}
.no-case {text-transform: none !important;}
.relative {position: relative;}
.overflow-hidden {overflow: hidden;}
.rounded {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;	
}
div.rounded {overflow: hidden;}
button::-moz-focus-inner {padding: 0; border: 0}
:required {-webkit-box-shadow: none; box-shadow: none;}
.element-hidden {display: none;}
.full-width {width: 100%;}

::-moz-selection {background: #000; color: #fff;}
::selection {background: #000; color: #fff;}

.wrapper {width: 1240px; margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign {display: inline-block; vertical-align: middle; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.valign.bottom {vertical-align: bottom;}
.valign.top {vertical-align: top;}

.body-content {float: left; width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-content {padding: 50px 0;}
.half-content {float: left; width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.in-middle {display: inline-block; vertical-align: middle; width: 740px; text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.flex-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;	
}
.flex-row.align-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;	
}
.flex-row.align-justify {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.flex-row.align-center-justify {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;	
}

.bg-cover {background-repeat: no-repeat; background-position: center top; background-size: cover;}

.entry-content p, .entry-content .as-p {margin-bottom:30px; font-size: 1.125em; font-weight: 300;}
.entry-content p:last-child, .entry-content .as-p:last-child {margin: 0 auto !important;}
.entry-content p span, .entry-content h1 span, .entry-content h2 span {line-height: 110%;}
.entry-content center {line-height: 130%}

.entry-content .small {font-size: 0.875em;}


h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {margin: 0 auto;}

.bg-white {background-color: #fff;}
.bg-body {background-color: #000;}
.bg-red {background-color: #CC0001;}
.bg-light {background: #f4f4f4;}

.color-white {color: #fff;}
.color-body {color: #000;}
.color-red {color: #CC0001;}

.columns {width: calc(100% + 60px); margin: 0 0 0 -30px;}
.one-third {width: 33.333333333333333%; padding: 0 30px;}

a.button, .button a, button.button, input.button, span.button {display: inline-block; vertical-align: middle; 
	background: #CC0001; color: #fff;
	line-height: 74px; text-align: center; text-transform: uppercase; white-space: nowrap;
	padding: 0 40px; font-size: 1.25rem; font-weight: 600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	text-decoration:none;
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;
}
a.button:hover, .button a:hover, button.button:hover, input.button:hover, span.button:hover {background: #000;}

#hero {background: url(/wp-content/themes/bootscore-child/assets/img/eservice/e-service.jpg) no-repeat center center / cover; color: #fff; position: relative; line-height: 75vh;}
#hero:before {content: " "; display: block; width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; opacity: 0.6;}
#hero .valign {padding: 50px 0;}
#hero .content {display: inline-block; vertical-align: middle; width: 880px;}
#hero p {font-size: 1.125em;}

.icon-text + .icon-text {margin: 30px 0 0 0;}
.icon-text .icon {width: 80px;}
.icon-text .text {width: calc(100% - 80px); padding: 0 0 0 30px;}

.price-box {border: solid 1px #ccc; background: #fff; padding: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}
.price-box h3, .price-box p {margin: 0 0 20px 0;}
.price-box .price {margin: 0 0 30px 0;}
.price-box .small {margin: 0 0 5px 0;}

.contact-row .text {padding: 0 30px 0 0;}

@media screen and (max-width : 1280px) {
	.wrapper {width: 100%; padding: 0 20px;}
}

@media screen and (max-width : 920px) {
	#hero .content {width: 100%;}	
}

@media screen and (max-width : 780px) {
	.in-middle {width: 100%;}

	h1 {font-size: 2.25em;}
	h2 {font-size: 1.875em;}
}

@media screen and (max-width : 767px) {
	.one-third {width: 100%;}
	.one-third + .one-third {margin: 50px 0 0 0;}
}

@media screen and (max-width : 567px) {
	.contact-row {display: block; text-align: center;}
	.contact-row .text {padding: 0 0 30px 0;}
}

@media screen and (max-width : 413px) {
	#hero {line-height: 60vh;}
	
	h1 {font-size: 1.75em;}
	h2 {font-size: 1.5em;}
	
}