/*============ Image Boxes ============ */
.section-side-image *,.section-side-image *:before,.section-side-image *:after{box-sizing:initial !important}
.section-side-image {
	position: relative;
	padding: 0px;
	margin: 0px;
	background: #f2f2f2;
}
.section-side-image .img-holder {
	overflow: hidden;
	height: 100%;
	padding: 0px;
	top: 0px;
	position: absolute;
}
.background-imgholder.top-padd {
	padding-top: 80px;
}
.section-side-image .text-inner-0 {
	padding: 0px;
}
.section-side-image .text-inner-1 {
	padding: 10px 10px 10px 0;
}
.section-side-image .text-inner-2 {
	padding: 20px 20px 20px 0;
}
.section-side-image .text-inner-3 {
	padding: 30px 30px 30px 0;
}
.section-side-image .text-inner-4 {
	padding: 40px 40px 40px 0;
}
.section-side-image .text-inner-5 {
	padding: 50px 50px 50px 0;
}
.section-side-image .text-inner-6 {
	padding: 60px 60px 60px 0;
}
.section-side-image .text-inner-7 {
	padding: 70px 70px 70px 0;
}
.section-side-image .text-inner-8 {
	padding: 80px 80px 80px 0;
}
.section-side-image .text-inner-9 {
	padding: 90px 90px 90px 0;
}

.section-side-image .text-inner.two {
	padding: 0px 80px 0px 0;
}
.background-imgholder {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: -1;
	background-size: cover !important;
	background-position: 50% 50% !important;
}
.section-side-image  {
	overflow: hidden; z-index: 20;
}
/* side image 2
 ------------------------------ */
.section-side-image-2 {
	position: relative;
	padding: 0px;
	margin: 0px;
}
.section-side-image-2 .img-holder {
	overflow: hidden;
	height: 100%;
	padding: 0px;
	top: 0px;
	position: absolute;
}
.section-side-image-2 .background-imgholder-2.top-padd {
	padding-top: 80px;
}
.section-side-image-2 .text-inner.two {
	padding: 0px 80px 0px 0;
}
.section-side-image-2 .background-imgholder-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	background-size: cover !important;
	background-position: 50% 50% !important;
}
.image-holder {
	width: 100%;
	float: left;
}
.image-holder.lesswidth1 {
    width: 80%;
}
.image-holder.lesswidth2 {
    width: 75%;
}
.image-holder.lesswidth3 {
    width: 70%;
}
.image-left {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0 20px 0 0;
    transition: all 0.3s ease-out 0s;
}
.img-align-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.nodisplay-image {
	display: none;
}
/* background image full width
 ------------------------------ */
.background-imgholder-full {
	width: 100%;
	padding: 0px;
	margin: 0px;
	float: left;
}

/*============ Text Boxes ============ */

	
.text-box-right {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
}
.text-box-left {
	display: block;
	padding: 0px 0px 0px 0;
	margin: 0px;
	text-align: right;
}
.item-holder {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.text-box-inner {
	width: 100%;
	float: left;
	padding: 40px;
}
.text-box {
	width: 100%;
	position: relative;
	float: left;
	z-index: 200;
}
.text-box.light {
	background-color: #fff;
	color: #222;
}
.text-box.darks {
	background-color: #242424; color: #f1f1f1;
}

/* text boxe padding
 ------------------------------ */
.text-box.padding-0 {
	padding: 0px;
}
.text-box.padding-1 {
	padding: 10px;
}
.text-box.padding-2 {
	padding: 20px;
}
.text-box.padding-3 {
	padding: 30px;
}
.text-box.padding-4 {
	padding: 40px;
}
.text-box.padding-5 {
	padding: 50px;
}
.text-box.padding-6 {
	padding: 60px;
}
.text-box.padding-7 {
	padding: 70px;
}
.text-box.padding-8 {
	padding: 80px;
}
.text-box.padding-9 {
	padding: 90px;
}

        .service-box{
            position: relative;
            float: left;
            overflow: hidden;
            perspective:1000px;
            -webkit-perspective:1000px;
        }
        .service-icon{
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
        }

        .service-content{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
            background-color: #fafafa;
            backface-visibility:hidden;
            transform-style: preserve-3d;
            -webkit-transform: translateY(110px) rotateX(-90deg);
            -moz-transform: translateY(110px) rotateX(-90deg);
            -ms-transform: translateY(110px) rotateX(-90deg);
            -o-transform: translateY(110px) rotateX(-90deg);
            transform: translateY(110px) rotateX(-90deg);
            	box-shadow:0 0 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
        }
        .service-box .service-icon .front-content{
            position: relative;
            top:80px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .service-box .service-icon .front-content img {
            margin-bottom: 5px;
            margin-top: 5px;
        }

        .service-box .service-icon .front-content h3 {
            font-size: 18px;
            text-align: center;
            background: transparent;
            margin-bottom: 15px;
            text-transform: uppercase;
        }
        .service-box .service-content h3 {
            font-size: 15px;
            font-weight: 700;
            background: transparent;
            margin-bottom:10px;
            margin-top: 10px;
            text-transform: uppercase;
        }
        .service-box .service-content p {
            font-size: 13px;
            margin:0;
        }

        .service-box:hover .service-icon{
            opacity: 0;
            -webkit-transform: translateY(-110px) rotateX(90deg);
            -moz-transform: translateY(-110px) rotateX(90deg);
            -ms-transform: translateY(-110px) rotateX(90deg);
            -o-transform: translateY(-110px) rotateX(90deg);
            transform: translateY(-110px) rotateX(90deg);
        }
        .service-box:hover .service-content {
            opacity: 1;
            -webkit-transform: rotateX(0);
            -moz-transform: rotateX(0);
            -ms-transform: rotateX(0);
            -o-transform: rotateX(0);
            transform: rotateX(0);
        }