html { width:100%; height:100%; scroll-behavior: smooth; }
body { margin:0; padding:0; background:#b62223 url(../img/bg-pattern.png); color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size:20px; width:100%; height:100%; }
p { color:rgba(255,255,255,0.85); line-height:27px; }
a, a:visited { color:#fff; outline:none; text-decoration:none; }
a:hover { text-decoration:underline; }
a img { border:none; }
hr { border:none; border-collapse:collapse; border-top:1px dashed rgba(255,255,255,0.25);  margin:30px auto; }
ul { margin:0; padding:0; list-style:none; }
img { max-width:100%; }

header { position:relative; background:rgba(0,0,0,0.035);}
header.has-bg { min-height:350px; }
.logo { padding:60px 0 40px; text-align:center; }
.logo img { max-width:400px; }

nav { text-align:center; font-family: 'Rochester', cursive;  padding-bottom:40px; }
nav li { display:inline-block; margin:0 1px; }
nav a { display:inline-block; font-size:34px; line-height:48px; padding:0 28px 3px; color:rgba(255,255,255,0.8); text-shadow:2px 2px 0 rgba(0,0,0,0.1); }
nav a em { font-size:24px !important;  }
nav a:hover { color:#fff; text-decoration:none; }
.text-center { text-align:center; }
.slider-wrap {  }

.breadcrumbs { height:42px; line-height:42px; margin-bottom:-10px; background:rgba(0,0,0,0.3); color:rgba(255,255,255,0.7); font-size:16px; text-align:center; font-weight:700; }
.breadcrumbs a { color:#fffbdc; }
.breadcrumbs em { display:inline-block; padding:0 5px; vertical-align:middle; }

section h2 { font-family: 'Rochester', cursive; font-weight:400; font-size:68px; margin-top:0; text-shadow:2px 2px 0 rgba(0,0,0,0.1); text-align:center; vertical-align:middle; }
section h2 em { font-size:36px !important; vertical-align:middle; }
section h2 span { font-family: 'Open Sans Condensed', sans-serif; font-weight:400; padding-top:4px; display:block; color:rgba(255,255,255,0.6); font-size:17px; color:#fffbdc; opacity:0.7; font-weight:400; }
section h2 span em {  font-size:17px !important; vertical-align:bottom;  }
section h2 span a { font-weight:700; }
.output_message { display:none; margin:25px 0; background:rgba(255,255,255,0.7); color:#688536; padding:5px 15px; font-weight:700; }
.output_message.error { color:#ff0000; }
.about-wrap { padding-top:40px; padding-bottom:40px; text-align:center; background:rgba(0,0,0,0.035);  }
.about-wrap h2 { margin-bottom:30px; }
.projects-wrap { padding-top:40px; padding-bottom:45px;  }
.projects-wrap  h2 { margin-bottom:50px; }

.project-box { margin-bottom:30px; text-align:center; background:rgba(0,0,0,0.3); box-shadow:4px 4px 0 rgba(0,0,0,0.1); border-radius:10px; /* border-bottom:2px solid rgba(0,0,0,0.1); */ }
.project-box img {  border-radius:10px 10px 0 0; }
.project-box span { display:block; color:#fffbdc; padding:5px 0 6px; font-size:16px;  }
.project-box span strong { font-style:normal; color:#fff; font-size:17px; }
.project-box a:hover { text-decoration:none; opacity:0.9; }

img.test-img { margin:55px 0; max-width:500px; }

.contact-wrap { padding-top:40px; padding-bottom:60px;  }
.contact-wrap h2 { margin-bottom:60px; }
.contact-wrap input[type=text], .contact-wrap input[type=email], .contact-wrap textarea { text-indent:10px; border:none; padding:8px 0; background:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.1); color:#fff; width:100%; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.contact-wrap input[type=submit] { border:none; color:#fff; background:rgba(0,0,0,0.5); padding:5px 0; width:100%; }
.g-recaptcha { margin-bottom:15px; }

.clients-wrap { background:rgba(0,0,0,0.035); padding:50px 0 30px; }
.clients-wrap h2 { padding-bottom:10px; }
.clients-wrap ul { text-align:center; padding-bottom:20px;  }
.clients-wrap li { display:inline-block; margin:15px 5px;  vertical-align:middle; background:rgba(0,0,0,0.1); border-radius:50%;  }
.clients-wrap img { vertical-align:middle; }
.clients-wrap li a { display:block; width:110px; height:110px; background-position:0 bottom !important; border-radius:50%; text-indent:-9999px; -ms-transform: scale(0.9, 0.9);  -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); opacity:0.75; }
.clients-wrap li a:hover { background-position: 0 top !important; }

.mid-img { background:url(../img/img-03.jpg) no-repeat fixed; }

.parallax-window, .parallax-window-02 { min-height:250px; background:transparent; }

.contact-info { margin-top:25px; line-height:30px; }
.contact-info .text-right a{ display:inline-block; margin-left:10px; font-size:24px; }
.contact-info a:hover { color:#fff; }

.director h2 { margin-bottom:15px;  }
.director h2 span { font-size:18px; }
.director img { max-width:75px; }

.top-bar { font-size:14px; padding:0 25px; line-height:32px; height:32px; background:rgba(0,0,0,0.3); font-family:Arial, Helvetica, sans-serif; }
.text-right { text-align:right; }

a.more-btn { background:#fff; display:inline-block; padding:7px 25px 6px; border-radius:15px; color:#ad2021; font-family:Arial, Helvetica, sans-serif; margin-top:20px; font-size:15px; }

.footer { text-align:center; background:rgba(0,0,0,0.3); padding:15px 0; font-size:17px; color:rgba(255,255,255,0.75) }

.left { float:left; }
.right { float:right; }
.clear { clear:both; height:0; margin:0; padding:0; }