html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
body { line-height: 1; }
.blue { color: #06C; }
.green { color: #090; }
ol,  ul { list-style: none; }
blockquote,  q { quotes: none; }
blockquote:before,  blockquote:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus { outline: none; text-decoration: none; }
a:active { text-decoration: none; }
article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  nav,  section,  img { display: block; }
audio,  canvas,  video { display: inline-block;  *display: inline;
 *zoom: 1;
}
audio:not([controls]) { display: none; }
.fotoclip { width: 300px; height: 300px; display: inline-block; position: relative; }
sub,  sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; }
button,  input,  select,  textarea { font-size: 100%; margin: 0; vertical-align: baseline;  *vertical-align: middle;
}
button,  input { line-height: normal;  *overflow: visible;
}
 button::-moz-focus-inner,  input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
button,  input[type="button"],  input[type="reset"],  input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
 input[type="search"]:-webkit-search-decoration {
 -webkit-appearance: none;
}
small {font-size:.8em;}
textarea { overflow: auto; vertical-align: top; }
body { font-family: "Open Sans", Arial, sans-serif; font-size: .83em; line-height: 1.75; color: #666666; background-color: white; text-rendering: optimizeLegibility; overflow-x: hidden; }
a { color: #09F; text-decoration: none; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
a:hover { color: black; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Arial, sans-serif; color: #444444; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
button,  input,  select,  textarea { border: 1px solid #d5d5d5; outline: 0; padding: 10px 12px; color: #666666; }
button:focus,  input:focus,  select:focus,  textarea:focus { border-color: #666666; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.main-btn { color: white; border: 1px solid white; padding: 12px 20px; text-transform: uppercase; font-weight: 700; display: inline-block; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #e2e2e2; margin: 40px 0; }
.site-header ul.social-icons { position: relative; z-index: 11; margin: 30px 0; }
.site-header ul.social-icons li { display: inline-block; margin: 0 2px; }
.site-header ul.social-icons li a { width: 36px; height: 36px; background-color: white; color: #444444; text-align: center; line-height: 36px; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; }
.main-header { position: fixed; width: 100%; margin: 0 auto; z-index: 99; top: 94px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.scrolled { position: fixed; left: 0; top: 0; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
#menu-wrapper { background-color: #d5d5d5; overflow: hidden; -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07); box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07); }
.logo-wrapper { background: url(../images/logo.png) no-repeat; height: 100px; background-position: 30px; }
.logo-wrapper a { display: inline-block; overflow: hidden; padding-left: 190px; line-height: 100px; text-transform: uppercase; color: #ed1c24; font-size: 32px; font-weight: 700; }
.main-menu ul li { display: inline-block; margin: 0 20px; }
.main-menu ul li:last-child { margin-right: 35px; }
.main-menu ul li a { text-transform: uppercase; font-size: 14px; color: #333; line-height: 100px; padding-top: 37px; }
.main-menu ul li.active a { border-top: 3px solid #09F; color: #F00; }
a.toggle-menu { width: 36px; height: 36px; float: right; margin-top: 33px; margin-right: 30px; text-align: center; line-height: 36px; font-size: 14px; background: #d5d5d5; display: inline-block; color: black; }
.menu-responsive { display: none; background-color: rgba(50, 50, 50, 0.8); }
.menu-responsive ul li { padding: 5px 0px 5px 25px; }
.menu-responsive ul li a { display: block; color: white; text-transform: uppercase; font-size: 14px; }
.menu-responsive ul li.active a { color: #0CF; }
.flexslider { position: relative; top: -96px; }
.flexslider .overlay { position: absolute; top: 0; left: 0; z-index: 8; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }
.flexslider .slider-caption { position: absolute; z-index: 9; width: 100%; top: 250px; }
.flexslider .slider-caption h1 { color: white; text-transform: uppercase; font-size: 26px; font-weight: 700; border-top: 1px solid white; margin-top: 20px; padding: 10px 0; display: inline-block; }
.flexslider .slider-caption h2 { color: white; text-transform: uppercase; font-size: 36px; font-weight: 700; border-bottom: 1px solid white; padding-bottom: 10px; display: inline-block; }
.flexslider .slider-caption p { color: white; text-transform: uppercase; font-size: 18px; margin-top: 20px; margin-bottom: 26px; display: block; }
.flexslider .slider-caption a.slider-btn { color: white; background-color: #333; padding: 12px 20px; border-radius: 4px; text-transform: uppercase; font-weight: 700; }
.flexslider .slider-caption a.slider-btn:hover { color: #000; background-color: #fff; border: 1px solid #000; padding: 12px 20px; border-radius: 4px; text-transform: uppercase; font-weight: 700; }
 @media screen and (min-width: 989px) {
.flexslider .slider-caption { top: 160px; }
}
 @media screen and (min-width: 1200px) {
.flexslider .slider-caption { top: 300px; }
}
.content-section { margin-top: 30px; padding-top: 25px; }
.heading-section { margin-bottom: 30px; }
.heading-section h2 { font-size: 28px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #444444; display: inline-block; }
.heading-section p { color: #444444; font-size: 16px; font-weight: 300; text-transform: uppercase; margin-top: 10px; }
.small-text { color: #aaaaaa; }
.space-fixed { width: 100%; height: 130px; overflow: hidden; position: relative; }
.content-section#services { margin-top: 0px; }
.service-item { position: relative; color: white; text-align: center; margin-bottom: 30px; }
.service-item a { color: #ffff66; }
.service-item a:hover { color: black; }
.service-item .service-icon { font-size: 3em; padding: 110px 0; }
.service-item .service-content { padding: 10px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.service-item .service-content .inner-service { padding: 20px; }
.service-item .service-content h3 { font-size: 18px; text-transform: uppercase; color: white; display: inline-block; padding-bottom: 10px; border-bottom: 1px solid white; margin-bottom: 15px; }
.service-item:hover .service-icon { opacity: 0; visibility: hidden; }
.service-item:hover .service-content { opacity: 1; visibility: visible; }
#service-1 { background-color: #1abc9c; }
#service-2 { background-color: #e67e22; }
#service-3 { background-color: #3498db; }
#service-4 { background-color: #2ecc71; }
.portfolio-item { margin-bottom: 30px; }
.portfolio-item .portfolio-thumb { position: relative; overflow: hidden; }
.portfolio-item .portfolio-thumb img { width: 100%; }
.portfolio-item .portfolio-thumb img:hover { opacity: .7; }
.portfolio-item .portfolio-thumb h3 { font-size: 18px; text-transform: uppercase; color: #F30; padding-bottom: 10px; margin-bottom: 10px; display: inline-block; border-bottom: 1px solid #fff; }
.team-member { margin-bottom: 30px; }
.team-member .member-thumb { position: relative; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.team-member .member-thumb img { width: 100%; }
.team-member .member-thumb .team-overlay { position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; text-align: center; top: 0; left: 0; background-color: #F30; color: #404040; opacity: 0; visibility: hidden; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.team-member .member-thumb .team-overlay h3 { font-size: 18px; text-transform: uppercase; color: white; display: inline-block; padding-bottom: 10px; border-bottom: 1px solid white; margin-top: 64px; }
.team-member .member-thumb .team-overlay span { text-transform: uppercase; font-weight: 300; margin-top: 10px; display: block; }
.team-member .member-thumb .team-overlay ul.social { display: block; margin-top: 20px; }
.team-member .member-thumb .team-overlay ul.social li { display: inline-block; }
.team-member .member-thumb .team-overlay ul.social li a { width: 36px; height: 36px; background-color: white; line-height: 40px; color: #F30; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; }
.team-member .member-thumb:hover .team-overlay { opacity: 1; visibility: visible; }
.skills-heading { margin-top: 60px; margin-bottom: 50px; }
.skills-heading h3.skills-title { font-style: italic; font-size: 18px; text-transform: uppercase; color: #5e5e5e; }
.skills-heading .small-text { font-style: italic; }
.progress { height: 34px; box-shadow: none; border-radius: 0; background-color: #e7e7e7; margin-bottom: 10px; }
.progress-bar { line-height: 34px; text-align: left; padding-left: 15px; text-transform: uppercase; font-weight: 700; background-color: #F30; box-shadow: none; }
.googlemap-wrapper { height: 380px; margin-bottom: 40px; }
.map-canvas { height: 380px; }
.contact-info { margin-top: 40px; }
.contact-form input { width: 100%; margin-bottom: 15px; }
.contact-form textarea { width: 100%; max-width: 100%; height: 120px; }
.contact-form .mainBtn { margin-top: 15px; color: white; background-color: #F30; text-transform: uppercase; border: 0; }
#go-top { background-color: #d5d5d5; color: #000; padding: 15px 40px; text-transform: uppercase; font-weight: 700; }
#footer { margin-top: 130px; }


#cookies-overlay {position:fixed; left:0; bottom:0; top:0; right:0;background:rgba(15,15,15,0.45);z-index:10999;display: flex;justify-content: center;align-items: flex-end;}
#cookies-alert { max-width:600px; padding:2em; background:#101; color:#fff; text-align:center; font-size:.9em; margin-bottom:5%}