/*
 Theme Name:     CCTV
 Description:    CCTV Website
 Author:         WMA Studios
 Author URI:     http://wmastudios.com
 Template:       Divi
 Version:        3.0.9
*/

@import url("../Divi/style.css");
 
/* ------------------------------------------------------- */

/* --- FONTS --- */
 
@font-face {
	font-family: Raleway-ExtraBold;
	src: url('/wp-content/uploads/fonts/Raleway-ExtraBold.ttf');
}

@font-face {
	font-family: Raleway-Bold;
	src: url('/wp-content/uploads/fonts/Raleway-Bold.ttf');
}

@font-face {
	font-family: Raleway-SemiBold;
	src: url('/wp-content/uploads/fonts/Raleway-SemiBold.ttf');
}

@font-face {
	font-family: Raleway-Medium;
	src: url('/wp-content/uploads/fonts/Raleway-Medium.ttf');
}

@font-face {
	font-family: Raleway-Regular;
	src: url('/wp-content/uploads/fonts/Raleway-Regular.ttf');
}

/* --- FONTS END --- */

.et_pb_widget a {
	color: #FFF;
}

.et_fixed_nav #main-header {
	position: fixed;
}

.fade {
	opacity: 0;
	-moz-transition: 1s all;
    -webkit-transition: 1s all;
	transition: 1s all;
}

.pulse {
	animation-name: pulse_animation;
	animation-duration: 5000ms;
	transform-origin:70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.menu-logo {
	position: fixed;
    padding-left: 34px;
}

@media (min-width: 981px) {
	.menu-logo {
		position: relative;
    	top: 50%;
    	transform: translateY(-50%);
	}
}

.menu-logo img {
	width: 44px;
	position: relative;
	top: 2px;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
	top: 30px;
}

#main-header, #main-header.et-fixed-header {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background-color: transparent;
}

body #page-container .et_slide_in_menu_container {
	height: 93px;
	padding-top: 0 !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
	font-family: Raleway-Regular;
	font-size: 18px;
}

.et_header_style_fullscreen .et_slide_in_menu_container {
	height: 9.5%;
}
.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
	position: relative;
}

@media (min-width: 981px) {
	.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
		/*top: 50%;*/
    	transform: translateY(-50%);
    	height: 50px;
		margin: 0 auto;
    	width: auto;
	}
}

.et_header_style_fullscreen .et_pb_fullscreen_nav_container {
	display: table !important;
	text-align: center;
}

.et_header_style_fullscreen ul#mobile_menu_slide {
	display: table-cell !important;
	text-align: center;
}

.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
	opacity: 1;
}

.et_header_style_fullscreen .et_mobile_menu {
	-webkit-transition: unset;
	transition: unset;
}

.et_header_style_fullscreen #et-top-navigation {
	padding: 36px 0 24px 0 !important;
}

.et_header_style_fullscreen .et_mobile_menu li {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	-webkit-transition: unset;
	transition: unset;
}

#logo {
	margin-top: 2px;
	height: 44px;
	width: 44px;
}

.testimonial-section:before {
	position: absolute;
	top: 0;	
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255, 255,0) 100%);
	content: "";
    height: 30%;
	width: 100%;
	display: block;
}

.testimonial-section:after {
	background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255, 255,0) 100%);
	position: absolute;
	bottom: 0;	
	content: "";
    height: 30%;
	width: 100%;
	display: block;
}

.et_pb_fullscreen_menu_opened .et_mobile_menu li:nth-child(1),
.et_pb_fullscreen_menu_opened .et_mobile_menu li:nth-child(2),
.et_pb_fullscreen_menu_opened .et_mobile_menu li:nth-child(3),
.et_pb_fullscreen_menu_opened .et_mobile_menu li:nth-child(4),
.et_pb_fullscreen_menu_opened .et_mobile_menu li:last-child {
	-webkit-transition-delay: unset;
	transition-delay: unset;
}

@media (min-width: 981px) {
	.et_pb_fullscreen_menu_opened .et_mobile_menu li {
		display: inline-block;
	    padding-left: 24px !important;
	    padding-right: 24px;
	}
}

.et_pb_fullscreen_menu_opened .et_mobile_menu li:last-child {
	margin-right: 0;
}

#page-container {
	padding-top: 0 !important;
}

.et_pb_row.et_pb_row_fullwidth {
	width: 100% !important;
	max-width: 100% !important;
}

.header {
	height: 100vh;
	display: table;
    width: 100%;
	background-size: cover;
    background-position: center bottom;
}

.header .et_pb_row {
	display: table-cell;
    vertical-align: middle;
}

.header-icon img {
	width: 74%;
}

.header .et_pb_column_1_2 {
	margin-right: 0;
}

.header-text {
	width: 80%;
	margin-top: 30%;
}

.product-header.et_pb_section {
	margin-top: 10%;
	padding: 0;
}

.myexcerpt {
	min-height: 290px;
}

.header-text p, .product-header p, a[href^=tel] {
	color: #e5002b;
	font-family: Raleway-SemiBold;
	font-size: 18px;
    letter-spacing: 1px;
	line-height: 28px;
}

.product-header p {
	font-size: 20px;
	line-height: 30px;
}

.header-text p span {
	font-family: Raleway-ExtraBold;
}

h1, h2, h3 {
	font-family: Raleway-ExtraBold;
	text-transform: uppercase;
	color: #000;
}	

h1 {
	font-size: 16px;
    letter-spacing: 2px;
}

h2 {
	font-size: 56px;
    line-height: 72px;
    letter-spacing: 6px;
}

h3 {
	font-size: 68px;
    line-height: 80px;
    letter-spacing: 6px;
}

h4 {
	color: #e5002b;
	font-family: Raleway-Medium;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h5 {
	font-family: Raleway-SemiBold;
	color: #e5002b;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.dash-divider {
	width: 5%;
    margin: 44px auto 72px auto !important;
}

.scroll-arrow img {
	width: 56px;
	-moz-transition: .5s all;
    -webkit-transition: .5s all;
	transition: .5s all;
}

.scroll-arrow img:hover {
	opacity: 0.5;
	-moz-transition: .5s all;
    -webkit-transition: .5s all;
	transition: .5s all;
}

p {
	font-family: Raleway-Medium;
    color: #000;
}

.process {
	margin-bottom: 96px;
}

.process-img:before {
	content: url(/wp-content/uploads/2017/11/arrows.gif);
    position: absolute;
    top: 25%;
    left: -25%;
}


.process.process-2 .process-img:before {
    left: -15%;
}

.cross p:first-child:before {
	content: url('/wp-content/uploads/2017/11/cross.png');
    position: absolute;
    top: -40px;
    left: -50px;
	transform: scale(0.25);
	-moz-transition: 1s all;
    -webkit-transition: 1s all;
	transition: 1s all;
}

.cross-red p:first-child:before {
	content: url('/wp-content/uploads/2017/11/cross-red.png');
    position: absolute;
    top: -40px;
    left: -50px;
	margin-top: 30%;
	transform: scale(0.25);
	-moz-transition: 1s all;
    -webkit-transition: 1s all;
	transition: 1s all;
}

.cross p.visible:first-child:before, .cross-red p.visible:first-child:before {
	transform: scale(1);
	-moz-transition: 1s all;
    -webkit-transition: 1s all;
	transition: 1s all;
}

.arrow img {
	width: 30px;
	-moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
	transition: 0.5s all;
}

.arrow img:hover {
	opacity: 0.5;
	-moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
	transition: 0.5s all;
}

.line-height-up h3 {
    top: -85px;
    position: relative;
}

.cleaner-text {
	padding-left: 25%;
	padding-right: 8%;
}

.cross.cleaner-text p:first-child:before {
	left: 20%;
}

.van {
	overflow: hidden;
}

.van.visible {
	overflow: unset;
}

.van img {
	position: absolute;
    bottom: -70px;
	right: -200%;
	z-index: 99;
	-moz-transition: 3s all;
    -webkit-transition: 3s all;
	transition: 3s all;
}

.van img.visible {
	right: 0;
	-moz-transition: 3s all;
    -webkit-transition: 3s all;
	transition: 3s all;
}

p span {
	font-family: Raleway-Bold;
	color: #e5002b;
}

.wpcf7-form { 
	width: 85%;
    float: right;
    margin-right: 5%;
	position: relative;
    top: 44px;
}

.contact-form .et_pb_text {
	width: 90%;
	margin: 0 auto;
	padding: 24px 24px 24px 44px;
}

.contact-form .et_pb_row {
	padding-bottom: 34px;
}

.contact-form .et_pb_contact_form {
	width: 100%;
	padding-top: 48px;
}

.contact-form .et_contact_bottom_container {
	float: left;
}

.contact-form p span {
	color: #FFF;
	font-size: 44px;;
}

.contact-form {
	display: none;
	position: fixed;
    top: 10%;
    width: 100%;
    background-color: transparent;
}	

.contact-form p {
	color: #FFF;
	font-size: 20px;
	padding-bottom: 26px;
}

.contact-form .et_pb_text p:nth-child(5) {
	margin-top: 22%;
	padding-bottom: 1em;
}

.contact-form .wpcf7 p {
	padding-bottom: 10px;
}

#close {
	position: absolute;
    top: -24px;
    right: 0;
}

#close p {
	cursor: pointer;
    width: 20px;
    float: right;
}

.contact-form .et_pb_contact_submit {
	text-transform: uppercase;
	font-family: Raleway-Bold;
}

.contact-form .et_pb_contact p input, .contact-form .et_pb_contact p textarea {
	background-color: #FFF;
}

.contact-form input, .contact-form textarea, select {
	width: 90%;
	border: none;
}

.contact-form textarea {
	margin-top: 10px;
}

.contact-form h2 {
	text-transform: none;
	letter-spacing: 2px;
	font-size: 64px;
	padding-bottom: 26px;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] {
	height: 28px;
}

.contact-form input[type="submit"] {
	background-color: #e5002b;
	color: #FFF;
	text-transform: uppercase;
	font-family: Raleway-Bold;
	width: 20%;
	border: 1px solid #FFF;
	-moz-transition: .5s all;
    -webkit-transition: .5s all;
	transition: .5s all;
	padding: 6px 12px !important;
	font-size: 16px;
    letter-spacing: 2px;
	border-radius: 0;
}

.contact-form input[type="submit"]:hover {
	border: 1px solid #FFF;
	background-color: #FFF;
	color: #e5002b;
	-moz-transition: .5s all;
    -webkit-transition: .5s all;
	transition: .5s all;
}	

.contact-form label {
	font-size: 18px;
}

.icons {
	margin-top: 48px;
}

.icons .icon img {
	width: 140px;
	transform: scale(0.25);
	-moz-transition: 1s all;
    -webkit-transition: 1s all;
	transition: 1s all;
}

.icons .icon.visible img {
	transform: scale(1);
}

.icons .icon img:hover {
	transform: scale(1.1);
	-moz-transition: .5s all;
    -webkit-transition: .5s all;
	transition: .5s all;
}

.button {
	text-transform: uppercase;
	font-family: Raleway-Bold;
}

.button-bottom {
	position: absolute;
    bottom: 0;
    right: 0;
	overflow: hidden;
}

.testimonials .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
	padding: 5% 15% 10% 15%;
	text-shadow: none;
}

.et-pb-controllers a {
	border: 1px solid #e5002b;
	background-color: transparent !important;
}

.testimonials .et-pb-controllers .et-pb-active-control {
	background-color: #e5002b !important;
}

.testimonials p, .testimonials .et_pb_bg_layout_dark .et_pb_slide_content {
	font-family: Raleway-Medium;
	color: #e5002b;
	font-size: 28px;
    line-height: 36px;
}

.testimonials p:nth-child(2) {
	font-size: 16px;
	padding-bottom: 0;
}

.testimonials p:nth-child(3) {
	font-size: 14px;
}

.client {
	border: 1px solid #000;
	height: 150px;
}

.client img {
	width: 200px;
    margin: 0 auto;
    margin-top: 41px;
}

.more-reviews {
	font-family: Raleway-Regular;
	text-transform: uppercase;
}

#footer-bottom {
	padding: 15px;
	border-top: 1px solid #7f7f7f;
}

#main-footer .container {
	width: 100%;
	max-width: 100%;
}

#footer-bottom .container {
	width: 90%;
	max-width: 90%;
}	

#footer-bottom .copyright {
	float: left;
}

#footer-bottom .credit {
	float: right;
}

#footer-bottom .copyright, #footer-bottom .credit a {
	color: #7f7f7f;
	font-family: Raleway-Regular;
}

#footer-widgets .footer-widget .textwidget h6 {
	color: #FFF;
	font-family: Raleway-SemiBold;
	letter-spacing: 1px;
}

#footer-widgets .footer-widget .textwidget p {
	color: #7f7f7f;
}

.footer-widget .left .logo img {
	width: 60px;
}

.footer-widget .left .logo {
	float: left;
}

#footer-widgets .footer-widget .textwidget .contact {
	margin-left: 112px
}

#footer-widgets .footer-widget .textwidget .contact p {
	color: #FFF;
}

.et_pb_gutters3 .footer-widget {
	margin-right: 0;
	float: right;
	width: 16% !important;
}

.et_pb_gutters3 .footer-widget:first-child {
	float: left;
	width: 30% !important;
	padding-left: 4%;
}

.social {
	margin-left: 112px;
	margin-top: 30px;
}

.social a {
	width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
	margin: 12px 6px;
	-moz-transition: .5s all;
    -webkit-transition: .5s all;
	transition: .5s all;
}

.social a:hover {
	opacity: 0.75;
	cursor: pointer;
	-moz-transition: .5s all;
    -webkit-transition: .5s all;
	transition: .5s all;
}

.social a.facebook { 
	background-image: url('/wp-content/uploads/2017/11/facebook.png');
}

.social a.twitter {
	background-image: url('/wp-content/uploads/2017/11/twitter.png');
}

.social a.instagram {
	background-image: url('/wp-content/uploads/2017/11/instagram.png');
}

.camera {
	position: absolute;
	top: -35em;
}

.camera img {
    position: relative;
}

.contact-cta { 
	position: fixed;
    top: 25%;
    right: 2.5%;
    z-index: 999;
    font-family: Raleway-ExtraBold;
    text-transform: uppercase;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    padding: 8px 12px;
    letter-spacing: 1px;
	-moz-transition: .5s all;
    -webkit-transition: .5s all;
	transition: .5s all;
}

.contact-cta:hover {
	background-color: #e5002b;
	border: 1px solid #e5002b;
	color: #FFF;
    -moz-transition: .5s all;
    -webkit-transition: .5s all;
	transition: .5s all;
}

.process.process-3 img {
	width: 40%;
}

.process.process-2 img {
	width: 25%;
}

.process.process-1 img {
	width: 40%;
}

.process img {
	transform: scale(0.5);
	-moz-transition: 1s all;
    -webkit-transition: 1s all;
	transition: 1s all;
}

.process img.visible {
	transform: scale(1);
	-moz-transition: 1s all;
    -webkit-transition: 1s all;
	transition: 1s all;
}

.process .et_pb_text {
	width: 75%;
}

.process .et_pb_text p {
	color: #e5002b;
}

.process.black .et_pb_text p {
	color: #000;
}

.et_pb_row.button-container {
	padding-bottom: 156px;
	overflow: hidden;
}

.residential-button {
	font-size: 16px !important;
    padding-right: 20% !important;
	background-color: #e5002b;
	line-height: 24px;
    display: block;
    color: #FFF;
    padding: 24px;
	font-family: Raleway-Medium;
	border: 1px solid #e5002b;
	-moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
	transition: 0.5s all;
	width: 100%;
	position: absolute;
	left: 200%;
	-moz-transition: 1s all;
    -webkit-transition: 1s all;
	transition: 1s all;
}

.residential-button.visible {
	left: 0;
	-moz-transition: 1s all;
    -webkit-transition: 1s all;
	transition: 1s all;
}

.residential-button span {
	font-family: Raleway-Bold;
	padding-right: 12px;
}

.residential-button:hover {
	background-color: #FFF;
	color: #e5002b;
	border: 1px solid #e5002b;
	-moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
	transition: 0.5s all;
}

.products.et_pb_button_0:hover:after {
	color: #e5002b !important;
}

.products.et_pb_section {
	padding: 0;
}

.products img {
	width: 375px;
	border: 1px solid #000;
	float: left;
	margin-right: 24px;
}

.button.products {
	width: 100%;
    text-align: left;
	right: -200%;
	-moz-transition: 2s all;
    -webkit-transition: 2s all;
	transition: 2s all;
}

.button.products.visible {
	right: 0;
	-moz-transition: 2s all;
    -webkit-transition: 2s all;
	transition: 2s all;
}

.products .et_pb_portfolio_item {
	clear: both;
	border-bottom: 1px solid #000;
    padding: 48px 0 84px 0;
}

.products .et_pb_portfolio_item:first-child {
	padding: 0 0 84px 0;
}

.products .et_pb_row {
	padding: 0;
}

.products h2 {
	color: #e5002b;
	font-family: Raleway-Bold;
	font-size: 18px;
    letter-spacing: 4px;
	line-height: 14px;
	margin-top: 0;
}

.products p:nth-child(3) {
	color: #7f7f7f;
}

.products .et_pb_portfolio_filters {
	font-family: Raleway-Bold;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.products .et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
	border: none;
	color: #000;
	padding: 10px 36px 10px 0;
}

.products .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .products .et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
	background-color: #FFF;
	text-decoration: underline;
	
}

.products .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta {
	padding: 24px 0;
}

.products .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a {
	color: #000;
	font-family: Raleway-ExtraBold;
	text-transform: uppercase;
    font-size: 44px;
}

.ratings a {
	width: 220px;
    height: 100px;
    display: block;
    background-size: cover;
	background-repeat: no-repeat;
	-moz-transition: 0.75s all;
    -webkit-transition: 0.75s all;
	transition: 0.75s all;
}

.ratings p span {
	position: relative;
    top: 40px;
}

.align-bottom {
	position: absolute;
	bottom: 0;
}

.product-features p:before {
	content: "___";
	color: #eaeaea;
	position: absolute;
    top: 20px;
	letter-spacing: -3px;
}

.product-features p {
	margin-top: 24px;
}

.ratings a:hover {
	-moz-transition: 0.75s all;
    -webkit-transition: 0.75s all;
	transition: 0.75s all;
}

.ratings a.trade-logo {
	background-image: url('/wp-content/uploads/2017/11/trade-logo.png');
}

.ratings a.trade-logo:hover {
	background-image: url('/wp-content/uploads/2017/11/trade-logo-hover.png');
}

.ratings a.rated-people {
	background-image: url('/wp-content/uploads/2017/11/rated-people-logo.png');
}

.ratings a.rated-people:hover {
	background-image: url('/wp-content/uploads/2017/11/rated-people-logo-hover.png');
}

.ratings a.yell-logo {
	background-image: url('/wp-content/uploads/2017/11/yell-logo.png');
}

.ratings a.yell-logo:hover {
	background-image: url('/wp-content/uploads/2017/11/yell-logo-hover.png');
}

@keyframes pulse_animation {
	0% { transform: scale(1); }
	30% { transform: scale(1); }
	40% { transform: scale(1.08); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.05); }
	80% { transform: scale(1); }
	100% { transform: scale(1); }
}

.ds-carousel-section {
    overflow: hidden;
	width: 70%;
    margin: 0 auto;
	padding: 0 0 54px 0 !important;
}

.ds-carousel-logo {
	width: 30%;
    float: left;
    margin-right: 3% !important;
}

.ds-image-carousel {
    float: left;
    position: absolute;
    padding: 0;
    opacity: 0;
    z-index: 0;
	width: 100%;
}

.ds-image-carousel-first {
    position: relative;
    z-index: 1;
    -webkit-animation: first 15s 1 linear forwards;
    animation: first 15s 1 linear forwards;
}
.ds-image-carousel-second,
.ds-image-carousel-third {
    -webkit-animation: rest 30s infinite linear;
    animation: rest 30s infinite linear;
}
.ds-image-carousel-third {
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
}

@keyframes first {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        z-index: 1;
    }
    99.99% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        z-index: 1;
    }
    100% {
        opacity: 0;
        z-index: 0;
    }
}
@keyframes rest {
    0.01% {
        opacity: 0;
        z-index: 0;
    }
    0.011% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 1;
        z-index: 1;
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
    }
}

.ds-carousel-section:hover .ds-image-carousel {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@media (max-width: 980px) {
	.menu-logo {
		padding-left: 24px;
	    padding-top: 24px;
	}
	body #page-container .et_slide_in_menu_container {
		    height: 100%;
	}
	.et_pb_fullscreen_menu_opened .et_mobile_menu li {
		float: none;
    	margin-right: 0;
	}
	.et_header_style_fullscreen ul#mobile_menu_slide {
		margin-top: 10%;
	}	
	#main-header .container {
		width: 90%;
	}
	.van {
		display: none;
	}
	.contact-form {
		top: 0;
		z-index: 99999;
	}
	.contact-form .et_pb_text {
		width: 100%;
    	margin: 0 auto;
    	padding: 0px 24px;
	}
	.contact-form .et_pb_text p {
		display: none;
	}
	.contact-form #close.et_pb_text p {
		display: inline;
	}
	.contact-form p, .contact-form label {
		font-size: 16px;
		text-align: left;
		line-height: 14px;
	}
	.contact-form input, .contact-form textarea, select {
		width: 100%;
	}
	.contact-form p:last-child {
		text-align: center;
	}
	.wpcf7-form {
		text-align: center;
	}
	.contact-form input[type="submit"] {
		width: 50%;
	}
	div.wpcf7 .ajax-loader {
		display: none;
	}
	.contact-form textarea {
		resize: none;
	}
	#close {
		top: -20%;
	}
	.product-header {
		width: 85%;
	}
	.camera {
		display: none;
	}
	.cross p:first-child:before {
		display: none;
	}
	.header-icon img {
		float: left;
	}	
}

@media (max-width: 980px) and (min-width: 768px) {
	.icons .et_pb_column {
		width: 33% !important;
	}
	.ratings .et_pb_column.et_pb_column_1_4 {
		width: 22% !important;
	}
	.ratings .et_pb_column.et_pb_column_1_4:nth-child(even) {
		margin-right: 5.5%;
	}
	.ratings .et_pb_column.et_pb_column_1_4:first-child {
		margin-right: 0;
	}
	.our-clients .et_pb_column {
		width: 30% !important;
	}
	.our-clients .et_pb_column:nth-child(1), .our-clients .et_pb_column:nth-child(2) {
		margin-right: 4%;
	}
	.process.process-3 .et_pb_column {
		width: 33% !important;
	}
	.process.process-2 .et_pb_column {
		width: 50% !important;
	}
	.process-img:before {
		content: url(/wp-content/uploads/2017/11/arrows-tablet.png);
		left: -15%;
	}
	.process.process-2 .process-img:before {
		left: -8%;
	}
	.process.process-1 img {
		width: 15.75%;
	}
}


@media (max-width: 768px) {
	.header-text {
		margin-top: 0;
		width: 80%;
		margin: 0 auto;
	}
	.process.process-1 img {
		width: 31.5%;
	}
	.process.process-2 .process-img:before, .process-down, .cross-red p:first-child:before, .process-img:before {
		display: none;
	}
	.process {
		padding: 0;
	}
	.process.process-2 img, .page-id-233 .process.process-1 img {
		width: 50%;
	}
	.products img {
		float: none;
	}
	.client {
		height: auto;
		border: none;
	}
	.ds-carousel-logo {
		width: 25%;
	    margin-right: 8% !important;
	}
}

@media (max-width: 468px) {
	.et_header_style_fullscreen #et-top-navigation {
		padding: 12px 0 24px 0 !important;
	}
	.et_header_style_fullscreen .mobile_menu_bar.et_toggle_fullscreen_menu {
		top: 15px;
	}
	.contact-form h2 {
		font-size: 32px;
		padding-bottom: 0;
	}
	.wpcf7-form {
		top: 0;
	}
	.et-pb-controllers {
		bottom: 0;
	}
	.et_pb_section {
		padding: 0;
	}
	#close {
		top: -8%;
		margin-bottom: 0;
	}
	.contact-form {
		top: 2%;
	}
	.contact-form p {
		padding-bottom: 6px;
	}
	.contact-form .et_pb_column {
		margin-bottom: 0;
	}
	.contact-form .et_pb_row {
		padding: 24px;
	}
	h2, h3 {
		font-size: 32px;
	    line-height: 48px;
	}
	.contact-cta {
		top: 15%;
	    padding: 3px 6px;
		font-size: 13px;
    	line-height: 22px;
	}
	#footer-bottom .copyright, #footer-bottom .credit {
		float: none;
	    text-align: center;
	}
	.header-icon img {
		float: left;
	}
	.header-text {
		width: 90%;
    	margin: 0 auto;
	}
	.testimonials .et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
		padding: 5% 0% 10% 0%;
	}
	.et_pb_slider .et_pb_container {
		min-height: 0;
	}
	.ratings img {
		width: 60%;
	}
	.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
		padding: 12px 0;
	}
	.products .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a {
		font-size: 26px;
	}
	.products img {
		float: none;
		width: 220px;
	}
	.contact-form .et_pb_row {
		width: 90%;
	}
	.process-img:before, .process-down {
		display: none;
	}	
	.process.process-2 img, .process.process-2 img, .page-id-233 .process.process-1 img {
		width: 40%;
	}
	.process {
		padding: 0;
	}
	.product-header.et_pb_section {
		margin-top: 24%;
	}
	.products h2 {
		margin-top: 12px;
	}
	#footer-widgets .footer-widget:nth-child(2), #footer-widgets .footer-widget:nth-child(3), #footer-widgets .footer-widget:nth-child(4) {
		width: 95% !important;
	}
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
		width: 100%;
		text-align: center;
	}
	.ratings a {
		margin: 0 auto;
	}
	.align-bottom {
		position: relative;
	}
	.button.products {
		width: 65%;
	}
	.cleaner-text {
		padding-right: 8%;
		padding-left: 8%;
	}
	.line-height-up h3 {
		top: 0;
	}
	.menu-logo {
		padding-top: 26px;
	}
	.process {
		margin-bottom: 0;
	}
	.contact-form .et_pb_text {
		padding: 0;
	}
	.wpcf7-form {
		width: 100%;
		margin-right: 0;
	}
	.product-header {
		width: 100%;
	}
}