@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, em, embed,fieldset, figcaption, figure, font, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt,u, ul, var{background: transparent; border: 0 none;font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: top;  }ol, ul {list-style: none;}blockquote,q {quotes: none;}img {vertical-align:top; }embed { vertical-align:top;} 
/*-----------------------------------------------------------------------------------------------*/ 
*,
*::before,
*::after { box-sizing: border-box;}
html { scroll-behavior: smooth;}
html,body {height: 100%; margin: 0; padding: 0; max-width:100%; } 
body {margin:0px;  letter-spacing:1px; font-size:15px; line-height:26px;  overflow-x:hidden;  transition: background-color 1s ease; background: #fff; color:#393939; /*font-family: "Google Sans", sans-serif;*/ font-family: "Montserrat", sans-serif;} 
h1, h2, h3, h4, h5, h6 { line-height:normal;   font-family: "Montserrat", sans-serif;
font-weight: 700; color: #4d4b4b;  line-height:normal;  margin:0px 0 30px 0;}
h1 span, h2 span, h3 span{color:#ed1f24}
/*.slider-message h1{color:#4d4b4b !important} */
h1{font-size:3em; line-height:53px;  margin:0px 0 20px 0;}
h2 { font-size:3em; line-height:43px; margin:0px 0 30px 0;}
h3 { font-size:2em; font-weight:400}
h4 { font-size:2em; font-weight:400}
h5 { font-size:1.6em; font-weight:400}
h6 { font-size:1em; font-weight:400}
.contact-container h2, .contact-container h4{color:#fff}
.section-header h2{font-size: 1.4em; font-weight: 600; display: block; margin: auto;  margin-top: auto; padding: 0px; float: none; max-width: 300px; color: #ed1f24; }
.section-header h2::after { border-bottom: 0px solid #ed1f24; content: ''; display: block; width: 166px; margin: 5px auto;}
.section-header h2 {margin-bottom:15px;}
.page-not-found h2{font-size:95px !important;}
hr{ clear:both; padding:0; margin:0; background:none; border:none}
.overflow { overflow:hidden}
a{ text-decoration:none;-webkit-transition-duration: 0.3s; transition-duration: 0.3s; color:#ed1f24}
p{ width:90%; margin:15px 0}
.wrapper{ overflow-x:hidden; height:auto}
section{ position:relative; padding:100px 0; clear:both;}
.content-verticle-middle{
position: absolute;z-index: 100;width: 100%;top: 50%;transform: perspective(1px) translateY(-50%);}
.container{ position:relative; max-width:1340px; margin:auto;}
.shadow{box-shadow: -1px -1px 30px #959595; position:relative; z-index:50;}
.inner .container.services { position: relative; max-width: 1900px;}
.inner .container.services .one_third, .inner .container.services .one_fourth{ padding:15px;}
.container.services .one_fourth a, .inner .container.services a{ font-size:17px !important}
/*.top-container .one_half.right{width: 50%;border: 2px solid #F0EDE5;border-image: url(../images/border.png) 4;}*/
.header-container{ position:relative;  margin:auto; /*max-width:1340px;*/}
.header .container .absolute{ position:absolute; z-index:100; width:100%; left:0; top:0; padding:15px 0; border-bottom: 1px solid rgba(255, 255, 255, .3);}
.header a{ color:#fff; text-decoration:none}
.logo {font-size: 12px; line-height: 12px; text-transform: uppercase; font-weight: 600; color: #ed1f24; text-align: center;}
.logo span a{ color:#ed1f24; display:block; font-size:18px; letter-spacing: 0.03em;}
.logo img{height:100px; width:auto;}
.right{ float:right !important}
.left{ float:left !important}
.center{ text-align:center}
.fixed .nav-container{ box-shadow:1px 1px 160px rgba(0, 0, 0, 0.1)}
.phone{ display:inline-block; font-size:18px; padding-top:8px;}
.fade-in{
-webkit-animation: fade-in 2s ease;-moz-animation: fade-in ease-in-out 2s both;-ms-animation: fade-in ease-in-out 2s both;-o-animation: fade-in ease-in-out 2s both;animation: fade-in 2s ease visibility: visible;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.email-contact {color:#24b5ca; font-weight:600; text-transform:uppercase; letter-spacing:0; padding:3px 0px 3px 0; border-radius:5px;}
.email-contact:hover {color: #000;}
.email-contact img{width:38px; height:auto}
.footer{ background:#232323; color:#fff; padding:80px 0; font-size:12px; filter: grayscale(1);}
.footer h3{ font-size:1.5em; margin:20px 0; color:#fff; font-weight:300}
address{ font-style:normal}
.footer a{ color:#fff !important; line-height: 24px;}
.footer a:hover{ color: #CBCBCB !important}
.footer .address { line-height:18px;}
.footer .address img{ position:relative; top:10px;}
.footer .address span{ display:inline-block; margin-top: 14px;}
.footer .facebook{ line-height: 27px !important;}
.footer .copy{ margin-top:25px; color:#ddd !important}
.footer ul li a{ display:block; color:#fff; font-size:12px; line-height:82px; margin-bottom:10px; width:98%}
.footer ul li a img{ margin-right:10px;}
.footer ul li a:hover{background:#424256; color: #0CC !important}
.footer .phone{ color:#fff}
.footer p{ margin-top: 15px;}
.firm-info{text-align:center; background:#fff; padding: 45px 0;}
.firm-info span{display: inline-block; width: 120px; height: 120px;  border-radius: 50%; text-align: center; padding-top: 40px; color: #fff;
  background: #e51e1e; font-weight: 700;}
 
@-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes fade-in{0%{opacity:0} 100%{opacity:1}}

.contact-container{ background:url(../images/contact.jpg); background-size:cover}
.form-container {position:relative; height:auto; }
.container-block {position:absolute; z-index:1; left:0; bottom:0; width:100%; height:65px; background:#fff;}
.container-block2 {position:absolute; z-index:1; left:0; bottom:0; width:100%; height:65px; background:#F3F3F3}
.form-iframe{ margin-top:-25px;}


.contact-form .btn{border:0; cursor:pointer}
.contact-form input, .contact-form textarea{border:0; margin-bottom:10px; padding-left:7px; width:300px;}
.contact-form .h-captcha{ overflow:hidden; width:160px;}
.btn{ display:inline-block; padding:15px 15px!important; background: #111; color:#fff !important;    font-size:15px; text-transform:uppercase; margin-top:15px; border-radius: 7px;}
.btn:hover{ color: #fff !important;  background: #ed1f24; }
.mobile-menu{/*position:absolute; z-index:110;88*/ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); top:38px; right:0px; display:none;  padding:7px; width:100px; height:50px; cursor:pointer;  font-size:28px; color:#000; font-weight:900}
.close{ position:absolute; z-index:10000;  left:-100px; background:#F3F3F3;  display:block !important;
font-size: 14px !important; text-decoration:none; padding:6px 0px 8px 0px !important; text-align:center !important; top:85px;  width:80px; color:#111 !important; font-weight: 900;}
.info-container{background:#fff; color:#111; font-weight:600; line-height:  25px;}
.info-container a{color:#111; font-size: 12px;}
.nav-container{ position:relative; z-index:10; width:100%; background: #F3F3F3; padding: 0px 15px; left: 0; }
.nav-container .three_fourth.right{ margin-top:30px; max-width: 785px;}
.nav { top:65px; right:12px; width:auto; margin: 0; }
.nav  li { position:relative;  padding:0; line-height: normal;  display:inline-block;  line-height: 1em; padding:0 ;}
.nav li a{ border-radius: 7px; color:#111;text-transform:uppercase;   font-size:14px; font-family: 'Roboto', sans-serif;  text-align: center;  display: block; width:100%; padding: 10px 7px;   -webkit-transition: 0.4s ease-in-out;-moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; text-decoration:none; font-weight: 900; border: 1px solid transparent;}
.nav li a#contact{background: #ed1f24; color:#fff}
.nav li a:hover.current{background:#ed1f24; color:#111;}
.nav li a:hover.current span{color:#ed1f24;}
.nav li a span{font-size: 20px; line-height: 12px; color:#ed1f24;  }
.nav li a:hover span, .nav li a.active span{color:#fff; filter: invert(1);}
.nav li a#contact:hover{border:0; color: #fff; background: #ed1f24;   animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px;}
.image_full_width{width:90%; height:auto; display:block; /*border-radius: 7px;*/}
.contact .image_full_width{width:100%; height:auto; display:block; /*border-radius: 7px;*/}
.image_full_width.img {.object-fit: cover;  object-position: center center; height: 600px;}
/*
.left-img-border{  border-bottom: 5px solid #F0EDE5; border-right: 5px solid #F0EDE5;  border-image: url(../images/border.png) 4; }
.right-img-border{  border-bottom: 5px solid #F0EDE5; border-left: 5px solid #F0EDE5;  border-image: url(../images/border.png) 4; }
*/
@keyframes shake {10%, 90% {transform: translate3d(-1px, 0, 0);}
20%, 80% {transform: translate3d(2px, 0, 0);}
30%, 50%, 70% {transform: translate3d(-4px, 0, 0);}
40%, 60% {transform: translate3d(4px, 0, 0);}}
.nav li a:hover, .nav li a.active{color: #fff; background: #ed1f24; }
.nav  li div{ display:none; position:absolute; background:#fff; width:220px;}
.nav  li:hover div{ display:block}
.nav  li div a{border-radius:0; text-align:left; line-height:30px;}
.gallery .slider{ overflow: visible;}
.inner-slider{position:relative; overflow:hidden; }
.slider-message-container{height: 70vh; display:table; position: relative; z-index:2; width:100%; text-align:center}
.inner .slider-message-container{height:130%; display:table; position:relative; z-index:2; width:100%; text-align:center; margin-top:100px;}
.inner .top-container { position: relative; height: auto; margin: auto; background: #F3F3F3;}
.slider-message{ display:table-cell; vertical-align:middle}
.slider-message p { width: 90%; margin: auto; font-size:14px;}
.slider-message h1{ color: #4d4b4b;; max-width: 780px; margin: auto;  margin-bottom: auto;font-size: 3em; margin-bottom: 30px;}
.slider-message h3{ margin-bottom:0; font-weight: 700;}
.inner #slider{ min-height:360px; background: #fff}
.top-container{position:relative; height: auto; margin: auto; }
.about-pereira {background:#fff}
.about-pereira img { object-fit: cover; object-position: center center; height: 600px;}

.home-services{background:#eeeeee}
.home-services .one_half{ padding:10px; min-height: 200px; border:0px solid #e7d6a8; border-image: url(../images/border.png) 4; }
.home-services .full_width{padding:0 10px; }
.home-services .one_half h5 span{color:#ed1f24; line-height: 30px;}
.services{ padding:0 0 50px 0}
.services .one_half{padding:15px;}
.services .one_half{ position:relative; }
.service-layout .one_fifth div strong, .service-layout .one_third div strong{display:block;   border-bottom: 0px solid #3CC; margin-bottom:10px;}
.service-layout .one_fifth div{border: 0px solid #3CC; padding:10px; max-width:96%; margin:auto; min-height:300px;}
.service-layout h5{color:#2ba9be}
.inner-services .one_half{min-height:350px; padding:10px;}
.inner-services .one_half div{min-height:450px; border: 1px solid #ffd700; /*border-bottom: 10px solid #e6e6e6;*/ padding: 10px; border-radius:7px; /*box-shadow:1px 1px 20px #e2e2e2;*/}
.inner-services h5 img{  padding:18px; text-align:center; border-radius: 7px; /*background:#ffea04; border: 10px solid #c00*/ }
.inner-services h5{ line-height:2.7em; /*background: #F3F3F3;border-radius: 7px;*/}
.inner-services .listing li { list-style: circle inside !important; padding: 5px; font-size:14px; font-weight: 600;}
.inner-certifications .listing li { list-style: none inside !important; font-size:18px; font-weight: 600; text-align:center; max-width: 100%; margin:17px 0;  padding:27px; background: #F3F3F3 url(../images/arrow-bg.png) center left no-repeat; border-radius: 0;}
.inner-clients h2{max-width:100%}
.inner-clients .listing li{ font-size:14px; line-height:18px; padding:0}
.narrow{width:100%; max-width:740px; margin:auto; border:2px solid #eee; margin-bottom:25px; padding:15px;}
.narrow2{width:100%; max-width:780px; margin:auto}
.narrow3{width:100%;  margin:auto; margin-bottom:25px; padding:15px; }
.narrow3 img{ width: 100%; object-fit: cover;object-position: top center; height: 280px; transition: all 0.5s; transform: scale(1.01);}
.narrow3 a {overflow:hidden;  position: relative; display: block; border: 0px solid #ed1f24;}
.narrow3 a:hover {cursor: url(../images/cursor.png), auto;}
.narrow3 a:hover img{opacity:0.5; transform: scale(1.1);}
.narrow3 .project{overflow:hidden; padding: 1%;}
.narrow3 .project h3{font-size:1.1em; font-weight:600; margin: 30px 0 10px 0;  padding: 7px; background: url(../images/arrow-bg2.png) left center no-repeat}

.bg-1{padding-bottom:60px;}
.bg-2{ background:#f8f8f8; padding:30px 0;}
.sidebar-services{margin-top:50px;}
.service-layout .one_third{margin-bottom:15px;}
.service-layout .one_third div{border: 0px solid #3CC; padding:10px; max-width:96%; margin:auto; min-height:200px; background:#fff}
.sidebar-services{margin-top:50px; background: #fff;}
.sidebar-services a{position:relative; background: #0CC;   display:block; border-bottom:1px solid #fff; text-align:center; color:#FFF; font-size:22px; padding:40px 0; font-weight:300; text-transform:uppercase; overflow:hidden; font-family: "Google Sans", sans-serif; }
.sidebar-services a:hover{ background:#039}

.about{ background:#e9e9e9; padding:0; margin-top:50px; background: linear-gradient(135deg, #393636 0.000%, #4e4e4e 50.000%, #363636 100.000%);}
.about h2{ margin-top:75px;}
.about-bg{ background:url(../images/about-bg.jpg) center center; background-size:cover; min-height:550px;}
.inner .about{ background:#f2f2f2; padding:0; margin-top:0px;}
.about.contact-page p a, .about.contact-page .address{ margin-top:15px; line-height:38px;}
.about.contact-page a{ color:#111}
.about.contact-page a:hover{ color:#09C}

.contact{background: #eeeeee; padding:0; }
.inner .inner-contact{background: #F3F3F3; }
.inner .inner-contact2{background: #464646;   padding:60px 0 }
.inner .inner-contact2 h3{color:#fff; display:inline-block; margin: 7px 0 0 0;}
.inner .inner-contact2 .btn{margin:0; background:#c00}
.inner .inner-contact2 .btn:hover{background:#111}

.contact h2{ margin-top:75px;}
.contact-form { padding: 0 25px 25px 25px;}
.contact-bg.bg-1{background: url(../images/bg-1.jpg) center center; background-size:cover; min-height: 610px;}
.contact-bg.bg-2{background: url(../images/bg-2.jpg) center center; background-size:cover; min-height: 610px;}
.contact-bg.bg-3{background: url(../images/bg-3.jpg) center center; background-size:cover; min-height: 610px;}
.contact-bg.bg-4{background: url(../images/bg-4.jpg) center center; background-size:cover; min-height: 610px;}
.contact-bg.bg-5{background: url(../images/bg-5.jpg) center center; background-size:cover; min-height: 610px;}

.call-us{ background:#ed1f24; }
.call-us h5{color:#fff !important}
.call-us h5 a { color:#ed1f24}

#testimonials .camera_caption p, #testimonials .camera_caption strong{text-align:center;}
#testimonials .camera_caption em{font-size:18px;}
.testimonials { margin-bottom:0px; background: #eeeeee;}
.testimonials h2 span{ display:block}
.testimonials #testimonials .container{ max-width:680px; margin:auto}

.testimonials-container div{ padding:60px 80px 25px 80px; background:#F7F7F7 url(../images/quote-2.png) 0 0 no-repeat; margin-bottom:15px; border-radius: 5px;}
.testimonials-container p { line-height:20px; font-family: "Google Sans", sans-serif; font-size:12px; width:100%; margin-top:0}
.testimonials-container em { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#09C; display:block; width:90%}

.service-areas{ padding-bottom:0px;}
.service-areas h2, .service-areas-single-page h2{ font-size:1.7em; line-height:33px; max-width: 780px;}

.gallery{position:relative; max-width: 1340px; margin: 0 auto 0px; }
.gallery .full_width{ padding:5px;}
.gallery .one_half { padding: 0 0 0 15px;}


.listing{padding: 0px;}
.listing li{ list-style: circle outside !important; padding: 5px; border: 0px solid #C00; margin-bottom: 5px; max-width: 90%; font-weight: 400; border-radius: 5px; border-bottom: 0px solid #F0EDE5;  border-image: url(../images/border.png) 2; font-size: 18px;}
.listing a{ text-decoration: underline; font-weight:600; color:#145fc0}
.listing a:hover{ color:#888; padding:5px;}

.camera_caption img.below{position:absolute; z-index:1; right:-35% !important; top:10%; width:360px; height:auto; }
.camera_caption img{ position:relative; z-index:2; width: 400px;  height:auto; display:block; margin: auto !important; }
.camera_caption img.mobile-size{ width:1000px;}
.camera_caption span{ position:absolute; z-index:10; border-radius:50%; text-transform:none; line-height:normal; top:30px; display:block; font-size:12px !important; width:280px; height:280px; background:#fff; color:#111;}
.item{margin-bottom:7% !important; }
.item img{ width: auto; height:auto; max-width:450px; width:100%; }
.item p {width:100%; background: #f8f8f8; padding:17px; color:#111; margin-top:0; line-height:normal; font-size:14px; font-weight: 600;}
#portfolio .item a img{display:block; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; width:100%; -moz-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); }
#portfolio .item a{padding:0;  cursor: url(../images/cursor.png), auto;}
#portfolio .item:hover a img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);position: relative; opacity:0.5;}
#portfolio .item{ overflow:hidden; background: #fff url(../images/glass.png) center center no-repeat; float:left}
.size-1of4 { width: 23%;  float:left;  margin: 0 1%;}
.size-1of2  { width: 48%;  float:left;  margin: 0 1%;}
.about .two_third{ width:80%}
.inner .slider-message h4 { font-size: 1.5em; width: 96%; margin: auto;}
.fixed{position:fixed; with 100%; top:0; left:0;}
.inner .gallery .camera_prev, .camera_next { display: none;}


@media screen and (min-width: 460px) {#portfolio[data-columns]::before {
 content: '4 .column.size-1of4'; }}
 
@media all and (min-width:1920px){ 
.wrapper{ max-width:1920px; margin:auto} 
} 
 
@media all and (max-width:1640px){ 
.about .two_third{ width:80%}
.inner .slider-message-container {margin-top: 70px;}
}

@media all and (max-width:1540px){ 
.inner .slider-message-container {margin-top: 70px;}
}

@media all and (max-width:1470px){ 
.about .two_third{ width:90%} 
.inner .slider-message-container {margin-top: 50px;}
}

@media all and (max-width:1370px){ 
.footer .container{ padding:0 15px;} 
.services a{ font-size:22px;}
.container { padding: 15px;}
.info-container .container{padding:0 15px;}
}


@media all and (max-width:1290px){
h1{font-size:2.5em; line-height:53px;  margin:0px 0 20px 0;}
h2 { font-size:2.5em; line-height:43px; margin:0px 0 30px 0;}
h3 { font-size:1.5em; font-weight:400}
h4 { font-size:1.5em; font-weight:400}
h5 { font-size:1.5em; font-weight:400}
h6 { font-size:1em; font-weight:400}
.about-pereira img {object-fit: cover; object-position: center center; height: 750px;}
h1, .slider-message h1 { font-size:2.5em; line-height:normal; margin-bottom: 10px; }
.slider-message { display: block; padding-top: 17%;}
.inner .slider-message { display: block; padding-top: 0;}
.inner .inner-contact2 h3 { margin: 15px 0 0 0;}
}

 
@media all and (max-width:1250px){
.about .two_third{ width:98%}
#testimonials{min-height: 250px;}
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element{width: 48% !important;}
section { padding: 70px 0;}
}

@media all and (max-width: 1150px) {
.camera_prev {left: 5px !important; border-radius:50%;}
.camera_next {right: 5px !important; border-radius:50%;}	
#testimonials{min-height: 250px;}
.container.services .one_fourth { width:50% !important; clear:none; float:left}
.service-areas-single-page .two_third, .service-areas-single-page .one_third{ width:100%}
.contact-form { padding: 0 25px 75px 25px;}
.image_full_width.img { width: 100%; height: 400px;}
}

@media all and (max-width: 1150px) {

h2 { font-size:2.5em;}
h3 { font-size:1.5em; }
h4 { font-size:1.5em; }
h5 { font-size:1.5em; }
h6 { font-size:1.5em; }	
.slider { height: auto;} 
.about .one_half{ width:100%}
.contact .one_half{ width:100%; background-size:cover !important;}
.about-bg{ min-height: 350px !important; margin-top: 45px;}
.about-bg.map { min-height: 467px !important; margin-top: 45px;}
.contact-bg{ margin-top: 0;}
.quform-theme-light-light .quform-elements .quform-element-text input, .quform-element, .quform-element textarea{ width:100% !important;}
.footer .container-full-width{ width:100% !important; float:left; clear:none}
.footer ul li a{ display:block; color:#fff; font-size:12px; line-height:82px; margin-bottom:10px;}
.quform-group-alignment-left > .quform-group-elements > .quform-group-row > .quform-element{width: 100% !important;}
.about-bg.map{min-height: 350px !important; padding: 0; margin-top: 0px;}
.about-bg.map iframe{top: -380px;}
.call-us h5 {  max-width: 580px; width: 100%;  margin: auto;}
.firm-info span {  font-size: 2em !important; }
.section-header h2 { margin-bottom: 0;}
.nav li a {font-size:12px;}
section { padding: 50px 0;}
}

@media all and (max-width: 1080px) {
.slider-message { display: block; padding-top: 14%;}
}

@media all and (max-width: 1000px) {
.services a{ font-size:17px;}	
.nav li a{ font-size:12px; padding:7px;}
.sidebar-services { margin-top: 25px;}
.sidebar-services a{ font-size:18px;}
.service-layout .one_fifth, .service-layout .one_third{width:100% !important; padding:0;}
.service-layout .one_fifth div, .service-layout .one_third div{min-height:20px; height:auto;  max-width:100%; padding:0;}
.service-layout .one_third div{padding:10px;}
.inner-services .listing li { list-style: circle inside !important; padding: 5px; font-size: 14px;}
}

@media all and (max-width: 980px) {
.logo img{ display:block; margin:auto}
section{ padding:45px 0 !important;}
.mobile-menu{ position:absolute; z-index:1000; top:85px; left: 0px; display:block; margin-left: 5px;}
.mobile-menu em{ font-size:14px; font-style:normal; color:#111}
.nav { position:absolute; z-index: 1000; width:100%; max-width:100%; height:100vh;  background:rgba(255, 255, 255, 1);  top: 0px; left: -150%; padding: 0;}
.nav  li { position:relative;  padding:0; line-height: normal; width:100%;  max-width:100%; margin:auto; font-weight: 900;  }
.nav  li div{ display:block; position:static; width:100%; background:none}
.nav  li div a{ padding:8px 5px 8px 35px; background:url(../images/bullet.png) 15px center no-repeat}
.nav  li div a:hover{background:#eee url(../images/bullet.png) 15px center no-repeat}
.nav li a{font-family: 'Roboto', sans-serif; color:#111; text-transform:uppercase; border-top:1px solid #efefef;  text-align: left; display: block; width:100%; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; text-decoration:none; padding-left:15px; border-radius:0; margin: 0; padding: 15px 15px;font-size: 14px;}
.logo{ margin-top:0px; padding-bottom:0; height: 100px; }
p {  width: 100%;}
.logo span a{ text-align:center}
.nav-container { position: relative; height: auto; top:0;}
.nav-container .three_fourth.right{ max-width:100%; margin-top: -2px;}
.nav-container{ padding:0}
#slider{ max-height: 610px !important}
.slider-message-container{ height:100%}
.slider {  margin-top: -2px;}
.footer .one_half{ width:50% !important; float:left; clear:none; padding:0}
.footer .one_half.container-full-width{width:100% !important;}
.about-bg{margin-top: 0px;}
.about h2 {  margin-top: 35px;}
.contact h2 {  margin-top: 35px;}
.contact .one_half{ padding-bottom:0 !important}
.about .one_half { padding-bottom: 20px;}
.services { max-width:80% !important; margin:auto}
#contact .services { max-width:100% !important; margin:auto}
.service-areas .one_fourth{ width:50% !important; float:left; clear:none}
.hidden{display:none;}
.info-container .one_third{ float: left !important;  width: 50% !important; clear: none; text-align: left !important;}
.info-container  .container { padding: 0 0px;}
.slider-message-container { height: auto; display: table; position: relative;}
.image_full_width { width: 100%;}
.firm-info span{ font-size:1.5em !important}
.info-container span{display:none;}
.slider-message { display: block; padding-top: 0%;}
.home-services .one_third { padding: 15px; min-height: 50px; margin-bottom:7px;}
.nav li a span { font-size: 20px; line-height: 12px; color: #ff1616; top: 2px; position: relative;}
.nav li a.current { background: #FC0; color: #111 !important;}
.nav li a.current span{color: #111 !important;}
.contact-form { padding: 0 25px 0px 25px; }
.container { padding: 15px;}
.contact-bg.bg-4 {height:310px; min-height: 310px;}
.contact-form { padding:0;}
.container {  padding: 15px;}
.home-services .one_half { padding: 10px;}
.footer .container {  padding: 0;}
.footer .copy { padding: 0 10px;}
.about-pereira img { object-fit: cover; object-position: center center; height: 400px;}
.home-services .one_half { padding: 10px; min-height: auto;}
.gallery  .one_half { padding-bottom: 0px;}
.gallery .one_half { padding: 0 0 0 10px;}
.slbArrows{ display:none !important}
.inner-services .one_half {padding: 0px; margin-bottom: 17px; min-height: 200px;}
.inner-services .one_half div { min-height: 150px;}
.inner .slider-message-container {margin-top: 0px;}
.inner #slider { max-height: 350px !important;}
.inner .gallery #slider { min-height: 550px !important; }
.inner .inner-contact2 h3 { color: #fff; display: inline-block; margin: 7px 0 25px 0;}
.item p { width: 100%; background: #f8f8f8; padding: 7px; color: #111; margin-top: 0;line-height: normal; font-size: 11px; font-weight: 600;}
.one_half.form {border: 1px solid #c00; border-radius:7px; }
.one_half.form iframe{margin-top:25px;}
.main-projects-page h2 { margin: 0px auto 0px 0;}
.main-projects-page .section-header h2 {margin: 5px auto;}
}

@media all and (max-width: 720px) {
.camera_caption p { font-size: 14px; text-transform: none; margin:0 auto 20px; width: 75% !important;  max-width: 900px; line-height: 24px !important;}
.image_full_width.img { .object-fit: cover; object-position: center center; height: 400px;}
#portfolio[data-columns]::before {  content: '2 .column.size-1of2' }
.size-1of2 { width: 48%; float: left; margin: 0 1%;}
}

@media all and (max-width: 600px) {
.footer .one_half{ width:100% !important; float:left; clear:none; padding: 0 !important}
.footer .one_half.container-full-width{width:100% !important;}	
.footer ul li a{width:100% !important;}
.contact-bg {  min-height: 350px;}
.testimonials-container div{ padding:60px 20px 25px 20px;}
.about-bg.map{background:url(../images/map3.jpg) center center  no-repeat}
.inner .gallery #slider { min-height: 450px !important; }
.camera_src {min-height: 800px;}
.inner-certifications .listing li {
  list-style: none inside !important;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  max-width: 100%;
  margin: 17px 0;
  padding: 27px;
  background: #F3F3F3 url(../images/arrow-bg2.png) center left no-repeat;
  border-radius: 0;
}

}

@media all and (max-width: 540px) {
#testimonials {  min-height: 250px;}
.services a{ font-size:18px}
.container.services .one_fourth { width:100% !important; clear:none; float:left}
.services { max-width:100% !important; margin:auto}
}

@media all and (max-width: 460px) {
.hide{display:none;}
.item { margin-bottom: 4% !important;}
#testimonials {  min-height: 250px;}
.camera_caption p {line-height: 20px !important;}
.page-not-found h1{ font-size:9em; margin-top:20px; line-height:60px}
.page-not-found h4{ margin-top:0px;}
.inner .gallery #slider { min-height: 350px !important; }
}

@media all and (max-width: 460px) {

.btn { font-size:13px;}
.about.contact-page p a, .about.contact-page .address {  font-size: 12px !important;}
 h3 {  font-size: 1.7em; }
}

@media all and (max-width: 370px) {	
.service-areas .one_fourth{ width:100% !important; float:none; clear: both}
}

@media all and (max-width: 360px) {	
#testimonials {  min-height: 250px;}
}
