@import url('https://fonts.googleapis.com/css?family=Manuale:400i,500|Material+Icons|Montserrat:300,400,500,600,700,800&display=swap');

/* --------------------------------------------------------------------------- */

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* -webkit-appearance: none; */
	/* border:1px dotted green; */
}
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
html, body { overflow-x:hidden; }
body {
	margin:0;
	/* font-family:arial,helvetica,sans-serif; font-size:16px; */
	font-family:"Montserrat"; font-size:20px; font-weight:400; 
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
	color:#0a0a0a;
	background:#282828;
}
img { max-width:100%; height:auto; }
iframe { max-width:100%; }

a { } 
a:hover { text-decoration:none; }
body > div > div { 
	width:1200px;
	max-width:100%;
	margin:0 auto;
	padding:0 50px;
}
h1, h2, h3, h4 { margin:1em 0 0.2em; line-height:1.2; }
h1+*, h2+*, h3+*, h4+* { margin-top:0; }
h2+p { margin-top:2em; }
h4 { color:#ed0033; text-transform:uppercase; font-weight:600; letter-spacing:0.15em; margin:0 0 1em; }
p { line-height:1.4em; } 
.btn { 
	display:inline-block; background:#d90027; color:#fff; padding:0 25px; line-height:50px; border-radius:27px;
	text-decoration:none; font-weight:600; border:2px solid #fff;
} 
.btn:hover { background:#fff; color:#d90027; border-color:#d90027; } 

/* --------------------------------------------------------------------------- */

.headerBlock { background:#b60023; color:#ff3b43; overflow:hidden; font-size:15px; font-weight:600; }
.headerBlock > div { padding:30px 50px 25px; position:relative; }
.headerBlock > div > .cta { position:absolute; right:50px; top:40px; z-index:2; }
.headerBlock > div > .cta span { padding:0 10px; } 
.headerBlock a { color:#fff; text-decoration:none; }
.headerBlock a:hover { text-decoration:underline; }
.logo { display:inline-block; width:180px; position:relative; }
.logo:before { 
	position:absolute; content:""; display:block; top:50%; left:50%; height:1650px; width:1650px; margin:-825px 0 0 -825px;
background: rgb(217,0,39);
background: -moz-radial-gradient(circle closest-side, rgba(217,0,39,1) 0%, rgba(182,0,35,1) 100%);
background: -webkit-radial-gradient(circle closest-side, rgba(217,0,39,1) 0%, rgba(182,0,35,1) 100%);
background: radial-gradient(circle closest-side, rgba(217,0,39,1) 0%, rgba(182,0,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d90027",endColorstr="#b60023",GradientType=1);
	}
.logo img { display:block; position:relative; z-index:2; }

@media screen  and (max-width:740px){
	.headerBlock { /* border-bottom:5px solid #fff; */ } 
	.headerBlock > div { padding:30px 50px 20px; }
	.headerBlock > div > .cta { position:relative; top:auto; right:auto; padding:5px 10px;margin:-30px -50px 20px; background:#fff; color:#d90027; text-align:center; }
	.headerBlock > div > .cta a { color:#0e0e0e; }
}
@media screen  and (max-width:420px){
	.headerBlock > div { padding:20px; }
	.headerBlock > div > .cta { margin:-20px -20px 20px; }
}
@media screen  and (max-width:360px){
	.headerBlock { font-size:13px; } 
}

/* --------------------------------------------------------------------------- */

.navBlock { 
background: rgb(255,255,255);
background: -moz-linear-gradient(-152deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
background: -webkit-linear-gradient(-152deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
background: linear-gradient(-152deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#fafafa",GradientType=1);
	position:relative; z-index:2;
}

.topNav { list-style:none; margin:0; padding:0; }
.topNav li { display:inline-block; }
.topNav li a,
.menu { display:block; padding:0 20px; line-height:50px; color:#282828; text-decoration:none; text-transform:uppercase; font-size:17px; font-weight:600; position:relative; }
.topNav li:hover a { color:#ed0033; }
.topNav li.active a { /* font-weight:800; */ color:#ed0033; }

.topNav li.active a:before,
.topNav li:hover a:before { content:""; display:block; position:absolute; top:100%; left:0; right:0; height:8px; background:#ed0033; }

.menu { display:none; padding:0; position:absolute; bottom:25px; right:50px; line-height:normal; }
.menu i { font-size:18px; vertical-align:middle; margin:-3px 0 0; } 
.headerBlock .menu:hover { text-decoration:none; }

@media screen  and (max-width:970px){ .topNav li a { font-size:15px; padding:0 10px; } }
@media screen  and (max-width:740px){
	.menu { display:block; } 
	.topNav { display:none; } 
	.topNav li { display:block; }
	.topNav li a { padding:0; }
	.topNav li.active a:before,
	.topNav li:hover a:before { display:none; }
	.logo { width:100px; }
}
@media screen  and (max-width:420px){
	.navBlock > div { padding:0 20px; } 
	.menu { right:20px; }
}



/* --------------------------------------------------------------------------- */

.heroBlock, .hpHeroBlock { background:url('../images/headers/01.jpg') center center; background-size:cover; color:#fff; }
.heroBlock > div { padding:130px 50px 150px; } 
.heroBlock > div > div:nth-of-type(2) { float:left; width:50%; padding-right:25px; }
.heroBlock > div > div:nth-of-type(3) { float:left; width:50%; padding-left:25px;}
.heroBlock > div > div > *:first-child { margin-top:0; }
.heroBlock h4 { text-transform:none; letter-spacing:normal; } 
.heroBlock h2 { font-size:62px; font-weight:700; } 
.heroBlock ul li { font-size:24px; margin:0 0 0.5em; } 

@media screen  and (max-width:1050px){
	.heroBlock > div { padding:50px; }
	.heroBlock > div > div:nth-of-type(2) { float:none; width:100%; padding-right:0; }
	.heroBlock > div > div:nth-of-type(3) { float:none; width:100%; padding-left:0;}
	.heroBlock ul li { font-size:20px; }
}
@media screen  and (max-width:530px){
	.heroBlock h2 { font-size:39px; }
}
@media screen  and (max-width:420px){
	.heroBlock > div { padding:50px 20px; }
}

/* --------------------------------------------------------------------------- */

.hpHeroBlock .slides { float:right; width:50%; color:#ed0033; margin:130px 0; font-weight:600; position:relative; } 
.hpHeroBlock .slides > div > *:first-child { margin-top:0; }
.hpHeroBlock .slides > div > *:last-child { margin-bottom:0; }

.slides > div + div { position:absolute; top:0; left:0; right:0; visibility:hidden; }

.hpHeroBlock .slides span { display:inline-block; } 
.hpHeroBlock .slides h1 { color:#fff; font-size:62px; font-weight:700; margin:0; } 
.hpHeroBlock .slides h1+p { margin-top:1em; }
.hpHeroBlock > div { position:relative; }
.hpHeroBlock > div:before { 
	content:""; display:block; position:absolute; top:0; bottom:0; right:50%; margin-right:50px;
	width:9999px; background:url('../images/headers/installer.png') top right no-repeat; background-size:auto 120%; 
}


@media screen  and (max-width:1290px){
	.hpHeroBlock .slides { margin:50px 0; width:60%; min-height:0; }
	.hpHeroBlock > div:before { right:100%; margin-right:-420px; }
}
@media screen  and (max-width:1000px){
	.hpHeroBlock .slides h1 { font-size:6vw; }
}
@media screen  and (max-width:830px){
	.hpHeroBlock > div:before { margin-right:-320px; background-size:auto 100%; } 
	.hpHeroBlock .slides h1 { font-size:5.5vw; }
	.hpHeroBlock .slides p span { /* display:inline; */ } 
}
@media screen  and (max-width:740px){
	.hpHeroBlock { font-size:16px; } 
	.hpHeroBlock > div:before { margin-right:-290px; }
}
@media screen  and (max-width:550px){
	.dimmer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); }
}
@media screen  and (max-width:420px){
	.hpHeroBlock > div { padding:0 20px; } 
	.hpHeroBlock > div:before { margin-right:-230px; }
}
@media screen  and (max-width:360px){
	.hpHeroBlock .slides p span { display:inline; } 
}


/* --------------------------------------------------------------------------- */

.iconBlock { background:#c8c8c8; } 
.iconBlock ul { background:#fff; margin:0; padding:0 5px; list-style:none; }
.iconBlock ul li { float:left; width:16.66666%; } 
.iconBlock a {
	display:block; height:130px; text-align:center;
	border:5px solid #fff; border-top:none; border-bottom:none; color:#fff; text-decoration:none;
	background-color:#e3e3e3; background-position:center center; background-repeat:no-repeat; background-size:68px;
	transition:all 0.25s;
}
.iconBlock a:hover { background-color:#d90027; } 

.slideIcon1 { background-image:url('../images/icons/security_icon.png'); }
.slideIcon2 { background-image:url('../images/icons/fire_icon.png'); }
.slideIcon3 { background-image:url('../images/icons/access-control_icon.png'); }
.slideIcon4 { background-image:url('../images/icons/video-surveillance_icon.png'); }
.slideIcon5 { background-image:url('../images/icons/integration_icon.png'); }
.slideIcon6 { background-image:url('../images/icons/systems-design_icon.png'); }
.slideIcon1:hover { background-image:url('../images/icons/security_icon_hover.png'); }
.slideIcon2:hover { background-image:url('../images/icons/fire_icon_hover.png'); }
.slideIcon3:hover { background-image:url('../images/icons/access-control_icon_hover.png'); }
.slideIcon4:hover { background-image:url('../images/icons/video-surveillance_icon_hover.png'); }
.slideIcon5:hover { background-image:url('../images/icons/integration_icon_hover.png'); }
.slideIcon6:hover { background-image:url('../images/icons/systems-design_icon_hover.png'); }

@media screen  and (max-width:900px){
	.iconBlock > div { padding:0; }
	.iconBlock ul { padding:5px; } 
	.iconBlock a { background-size:34px; height:65px; border:2px solid #fff; }
}


/* --------------------------------------------------------------------------- */

.introBlock { 
background: rgb(227,227,227);
background: -moz-linear-gradient(0deg, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 106%);
background: -webkit-linear-gradient(0deg, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 106%);
background: linear-gradient(0deg, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 106%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#ffffff",GradientType=1);
}
.introBlock > div { padding:120px 50px; } 
.introBlock > div > div { float:left; width:50%; } 
.introBlock > div > div:nth-child(1) { padding-right:25px; }
.introBlock > div > div:nth-child(2) { padding-left:25px;}
.introBlock > div > div > *:first-child { margin-top:0; }
.introBlock h2 { font-size:42px; font-weight:700; } 

.testimonial { 
background: rgb(217,0,39);
background: -moz-linear-gradient(-118deg, rgba(217,0,39,1) 0%, rgba(182,0,35,1) 100%);
background: -webkit-linear-gradient(-118deg, rgba(217,0,39,1) 0%, rgba(182,0,35,1) 100%);
background: linear-gradient(-118deg, rgba(217,0,39,1) 0%, rgba(182,0,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d90027",endColorstr="#b60023",GradientType=1);
	position:relative; padding:100px 40px 75px;
	text-align:center; font-family:'Manuale',serif; color:#fff; font-weight:500; font-size:24px;

}
.testimonial > *:first-child { margin-top:0; }
.testimonial > *:last-child { margin-bottom:0; }

.testimonial em { font-weight:400; } 

.testimonial:before {
	content:""; display:block; height:80px; width:120px; 
	position:absolute; top:-50px; right:60px;
	background:url('../images/quote-close.png') top right no-repeat;
	background-size:contain;
}

@media screen  and (max-width:1040px){ /* 1170 */
	.introBlock > div { padding:120px 50px 0; }
	.introBlock > div > div { float:none; width:100%; } 
	.introBlock > div > div:nth-child(1) { padding-right:0; }
	.introBlock > div > div:nth-child(2) { padding-left:0; padding-top:80px; }
	.testimonial { margin:0 -50px; padding:60px 50px 55px; } 
}
@media screen  and (max-width:420px){
	.introBlock > div { padding:50px 20px 0; }
}
@media screen  and (max-width:600px){
	.introBlock h2 { font-size:30px; }
	.testimonial { text-align:left; } 
}
@media screen  and (max-width:360px){ .introBlock h2 { font-size:25px; } }

/* --------------------------------------------------------------------------- */

.choiceBlock { border:10px solid #fff; border-right:none; border-left:none; } 
.choiceBlock > a { display:block; float:left; width:50%; background-size:cover; background-position:center center; } 
.choiceBlock > a:first-child { border-right:5px solid #fff; background-image:url('../images/commercial.jpg'); } 
.choiceBlock > a:last-child { border-left:5px solid #fff; background-image:url('../images/residential.jpg');} 
.choiceBlock > a > div { /* width:600px; */ max-width:100%; text-align:center; padding:315px 0; padding:30% 0; } 
.choiceBlock > a:first-child > div { margin:0 0 0 auto; }
.choiceBlock p { 
	background:#d90027; margin:0; padding:0 45px; line-height:90px; border-radius:45px; 
	border:2px solid #fff; color:#fff; text-decoration:none; font-size:42px; font-weight:700;
	display:inline-block;
}
.choiceBlock p:hover { background:#fff; color:#d90027; border-color:#d90027; }

@media screen  and (max-width:900px){
	.choiceBlock > a { float:none; width:100%; }
	.choiceBlock > a > div { padding:50px 20px; padding:25% 20px; }
	.choiceBlock > a:first-child { border-right:none; border-bottom:5px solid #fff; } 
	.choiceBlock > a:last-child  { border-left:none; border-top:5px solid #fff; } 
	.choiceBlock p { font-size:29px; }
}
@media screen  and (max-width:420px){
	.choiceBlock p { font-size:20px; line-height:50px; padding:0 25px; border-radius:25px; }
}


/* --------------------------------------------------------------------------- */

.comResBlock { color:#fff; }
.comResBlock > div { padding:150px 50px; }
.comResBlock > div > div:nth-child(1) { float:left; width:50%; padding-right:25px; }
.comResBlock > div > div:nth-child(2) { float:left; width:50%; padding-left:25px;}
.comResBlock > div > div:nth-child(3) { float:none; width:100%; clear:both; padding-top:60px; }
.comResBlock > div > div > *:first-child { margin-top:0; }

.comResBlock h2 { font-size:42px; font-weight:700; margin:0 0 1em; } 
.comResBlock ul { margin:0; padding:0; list-style:none; }
.comResBlock ul li { font-size:24px; padding:0.3em 1em; position:relative; } 
.comResBlock ul li:before { content:""; display:block; position:absolute; top:0.8em; left:0; height:5px; width:5px; border-radius:50%; background:#fff; } 
.comResBlock .btnWrapper { text-align:center; margin-top:60px; }
.comResBlock p { line-height:1.6; } 

@media screen  and (max-width:900px){
	.comResBlock > div > div:nth-child(1) { float:none; width:100%; padding-right:0; }
	.comResBlock > div > div:nth-child(2) { float:none; width:100%; padding-left:0; padding-top:50px; }
	.comResBlock ul li { float:left; width:50%; }
}
@media screen  and (max-width:800px){
	.comResBlock ul li { float:none; width:100%; }
}
@media screen  and (max-width:420px){
	.comResBlock > div { padding:50px 20px; }
	.comResBlock > div > div:nth-child(3) { padding-top:20px; }
	.comResBlock ul li { font-size:20px; }

}


.commercialBlock {
background: rgb(81,0,0);
background: -moz-linear-gradient(-152deg, rgba(81,0,0,1) 0%, rgba(81,0,0,1) 40%, rgba(182,0,35,1) 100%);
background: -webkit-linear-gradient(-152deg, rgba(81,0,0,1) 0%, rgba(81,0,0,1) 40%, rgba(182,0,35,1) 100%);
background: linear-gradient(-152deg, rgba(81,0,0,1) 0%, rgba(81,0,0,1) 40%, rgba(182,0,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#510000",endColorstr="#b60023",GradientType=1);
}
.residentialBlock {
background: rgb(81,0,0);
background: -moz-linear-gradient(26deg, rgba(81,0,0,1) 0%, rgba(81,0,0,1) 40%, rgba(182,0,35,1) 100%);
background: -webkit-linear-gradient(26deg, rgba(81,0,0,1) 0%, rgba(81,0,0,1) 40%, rgba(182,0,35,1) 100%);
background: linear-gradient(26deg, rgba(81,0,0,1) 0%, rgba(81,0,0,1) 40%, rgba(182,0,35,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#510000",endColorstr="#b60023",GradientType=1);
}

/* --------------------------------------------------------------------------- */

.careersBlock {
background: rgb(227,227,227);
background: -moz-linear-gradient(0deg, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 106%);
background: -webkit-linear-gradient(0deg, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 106%);
background: linear-gradient(0deg, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 106%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3",endColorstr="#ffffff",GradientType=1);
}
.careersBlock > div { padding:150px 50px; }
.careersBlock > div > div { float:left; width:50%; }
.careersBlock > div > div:nth-child(1) { padding-right:25px; }
.careersBlock > div > div:nth-child(2) { padding-left:25px;}
.careersBlock > div > div > *:first-child { margin-top:0; }

.careersBlock h2 { font-size:42px; font-weight:700; margin:0 0 1em; } 
.careersBlock ul { margin:0; padding:0; list-style:none; } 
.careersBlock ul li { font-size:24px; padding:0.3em 1em; position:relative; } 
.careersBlock ul li:before { content:""; display:block; position:absolute; top:0.8em; left:0; height:5px; width:5px; border-radius:50%; background:#0a0a0a; } 

.careersBlock ol li { margin:0 0 1em; } 
.careersBlock .btnWrapper { text-align:center; margin-top:60px; }
/*
.careersBlock .careersButton p { display:inline-block; vertical-align:middle; }
.careersBlock .careersButton p:first-child { font-size:17px; font-weight:600; width:190px; margin-right:20px; } 
*/

.careersBlock p { line-height:1.6; } 

@media screen  and (max-width:1140px){
	.careersBlock > div > div { float:none; width:500px; max-width:100%; margin:0 auto; }
	.careersBlock > div > div:nth-child(1) { padding-right:0; }
	.careersBlock > div > div:nth-child(2) { padding-left:0; padding-top:50px; }
}
@media screen  and (max-width:650px){
	/* .careersBlock .careersButton p:first-child { width:100%; }  */
}
@media screen  and (max-width:420px){
	.careersBlock > div { padding:50px 20px; }
	.careersBlock ul li { font-size:20px; }
}


/* --------------------------------------------------------------------------- */

.aboutBlock { color:#6e6e6e;
background: rgb(40,40,40);
background: -moz-radial-gradient(circle, rgba(40,40,40,1) 0%, rgba(40,40,40,1) 26%, rgba(10,10,10,1) 100%);
background: -webkit-radial-gradient(circle, rgba(40,40,40,1) 0%, rgba(40,40,40,1) 26%, rgba(10,10,10,1) 100%);
background: radial-gradient(circle, rgba(40,40,40,1) 0%, rgba(40,40,40,1) 26%, rgba(10,10,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#282828",endColorstr="#0a0a0a",GradientType=1);
}
.aboutBlock > div { padding:120px 50px; width:930px; }
.aboutBlock h2 { color:#fff; font-size:42px; font-weight:700; margin:0 0 1em; } 

@media screen  and (max-width:570px){
	.aboutBlock h2 { font-size:25px; }
}
@media screen  and (max-width:420px){
	.aboutBlock > div { padding:50px 20px; }
}

/* --------------------------------------------------------------------------- */

.footerBlock { 
background: rgb(81,0,0);
background: -moz-linear-gradient(8deg, rgba(81,0,0,1) 0%, rgba(81,0,0,1) 40%, rgba(118,0,25,1) 100%);
background: -webkit-linear-gradient(8deg, rgba(81,0,0,1) 0%, rgba(81,0,0,1) 40%, rgba(118,0,25,1) 100%);
background: linear-gradient(8deg, rgba(81,0,0,1) 0%, rgba(81,0,0,1) 40%, rgba(118,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#510000",endColorstr="#760019",GradientType=1);
	font-size:15px;
	color:#fff;
}
.footerBlock > div { padding:150px 50px; }

.footerBlock a { color:#fff; text-decoration:none; }
.footerBlock a:hover { text-decoration:underline; }
.footerBlock strong { color:#ed0033; font-weight:700; } 
.footerBlock > div > div { float:left; width:25%; }

.footerLogo { display:inline-block; width:120px; } 
.footerLogo img { display:block; }
.footerLogo+p { margin:0.3em 0 2em; } 


.footerBlock ul { list-style:none; margin:0 auto; padding:0; width:110px; font-weight:700; }
.footerBlock ul li { padding:0 0 1.7em; }
.footerBlock ul li a { text-transform:uppercase; }

.footerBlock > div > div > *:first-child { margin-top:0; text-transform:uppercase; }

@media screen  and (max-width:980px){
	.footerBlock > div { padding:50px 20px; width:400px; } 
	.footerBlock > div > div:nth-child(odd) { width:200px; } 
	.footerBlock > div > div:nth-child(even) { width:160px; padding-left:50px; } 
}
@media screen  and (max-width:420px){
	.footerBlock { text-align:center; }
	.footerBlock > div > div { float:none; margin:0 auto; } 
	.footerBlock > div > div:nth-child(even) { padding-left:0; } 
	.footerBlock > div > div+div { padding-top:20px; } 
	.footerBlock > div > div:nth-child(1) { width:100%; }
	.footerLogo+p+p { /* text-align:left; */ } 
}

/* --------------------------------------------------------------------------- */

.copyrightBlock { color:#6e6e6e; text-align:center; font-size:15px; } 
.copyrightBlock a { color:#6e6e6e; text-decoration:none; }
.copyrightBlock a:hover { text-decoration:underline; }
.copyrightBlock p { display:inline-block; }
.copyrightBlock p+p:before { content:"|"; margin:0 20px; } 

@media screen  and (max-width:420px){
	.copyrightBlock { font-size:13px; }
	.copyrightBlock > div { padding:0 20px; } 
	.copyrightBlock p+p:before { margin:0 10px; } 
}

/* --------------------------------------------------------------------------- */

.contentBlock { background:#eee; }
.contentBlock > div { padding:50px 50px 100px; }
.contentBlock > div > *:first-child { margin-top:0; }
.contentBlock a { color:#d90027; }
.contentBlock img { float:left; margin:0 50px 50px 0; max-width:33.3%; }
.contentBlock h3 { font-weight:600; } 

.contentBlock .rightimg { float:right; margin:0 0 50px 50px; max-width:33.3%; } 
.contentBlock .leftimg { float:left; margin:0 50px 50px 0; max-width:33.3%; }


@media screen  and (max-width:700px){
	.contentBlock img,
	.contentBlock .rightimg { width:100%; max-width:100%; float:none; display:block; margin:0 0 50px; }
}
@media screen  and (max-width:420px){
	.contentBlock > div { padding:50px 20px 100px; }
}


/* --------------------------------------------------------------------------- */

.page5 > div > div { float:left; width:50%; }
.page5 > div > div:nth-of-type(1) { padding-right:25px; }
.page5 > div > div:nth-of-type(2) { padding-left:25px;}
.page5 > div > div > *:first-child { margin-top:0; }


label, input, select, textarea { display:block; margin-top:10px; max-width:100%; }
input, select, textarea { padding:10px; border:none; width:100%; font-family:"Montserrat"; font-size:20px; font-weight:400; }
label+input, label+select, label+textarea { margin-top:5px; }
input[type="submit"] { margin-top:0px; width:auto; -webkit-appearance: none; } 
input[type="submit"]:hover { cursor:pointer; }
input[type="radio"] { width:auto; display:inline-block; margin:0; } 
.error { display:block; background:#d90027; color:#fff; padding:10px; }
.form .radio { display:block; margin:10px 0 0 30px; }
.form .radio input { margin-right:10px; }

.form label:first-of-type { margin-top:0; } 
.propertyType { padding:30px 0 20px; } 

.g-recaptcha { margin:20px 0; } 
@media screen  and (max-width:360px) {
	.g-recaptcha { 
		transform:scale(0.9);
		-webkit-transform:scale(0.9);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		}
}


@media screen  and (max-width:750px){
	.page5 > div > div { float:none; width:100%; }
	.page5 > div > div:nth-of-type(1) { padding-right:0; }
	.page5 > div > div:nth-of-type(2) { padding-left:0; padding-top:50px; }
}


/* --------------------------------------------------------------------------- */

.portfolio { list-style:none; margin:0; padding:0; }
.portfolio > li { float:left; width:32.3%; margin:0 1% 1% 0; padding:30px; font-size:16px; background:#ddd; background-size:cover; background-position:center center; position:relative; color:#fff; }
.portfolio > li:before { content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5); } 
.portfolio > li:hover:before { background:rgba(0,0,0,0.7); } 
.portfolio > li > * { position:relative; visibility:hidden; }
.portfolio > li > *:first-child { margin-top:0; visibility:visible; }
.portfolio > li > *:last-child { margin-bottom:0; }
.portfolio > li:hover > * { visibility:visible; }
.portfolio > li > ul { text-transform:capitalize; list-style:disc; }
.portfolio img { float:none; margin:0; max-width:100%; }

@media screen  and (max-width:960px){
	.portfolio > li { width:49%; } 
}
@media screen  and (max-width:680px){
	.portfolio > li { width:100%; margin:0 0 10px 0; } 
}

.completedProjectsBlock { background:#ddd; }
.completedProjectsBlock h2 { margin-bottom:1em; }
.completedProjects > div { float:left; width:32.3%; margin:0 1% 0 0; padding:20px; background:#eee; }
.completedProjects > div > *:first-child { margin-top:0; }
.completedProjects > div > *:last-child { margin-bottom:0; }

.completedProjects ul { color:#666; } 
.completedProjects ul > li { margin:0 0 0.2em; }
.completedProjects ul ol { font-size:16px; padding-top:0.2em; }
.completedProjects ul ol > li { margin:0 0 0.2em; }


@media screen  and (max-width:940px){
	.completedProjectsBlock h2 { text-align:center; padding:0 20px; } 
	.completedProjects { background:#eee; width:520px; max-width:100%; margin:0 auto; padding:50px; }
	.completedProjects > div { float:none; width:100%; margin:0 auto; padding:0 10px; background:none; }
	.completedProjects > div > *:first-child { margin-top:1em; }
	.completedProjects > div > *:last-child { margin-bottom:1em; }
}
@media screen  and (max-width:620px){
	.completedProjects { background:none; padding:0 50px; }
	.completedProjectsBlock > div { padding:50px 0 100px; }
}
@media screen  and (max-width:420px){
	.completedProjects { padding:0 20px; }
}

.page10 img { transform:scaleX(-1); }