body { font-family: 'Open Sans', sans-serif; overflow: hidden; }
.top-bar { background: #D00000; padding: 7px 0; }
.container-top { margin: 0 auto; max-width: 1170px; padding: 0 15px; width: 100%; }
.social-icon { display: inline-block; text-align: left; }
.social-icon a { color: #fff; padding-right: 15px; }
.contact-section { display: inline-block; float: right; }
.menu-height { padding: 30px 15px; }
.contact-section p, .contact-section p a { color: #fff; font-weight: 600; }
.site-logo { display: inline-block; float: left; width: 40%; }
.call-section { display: inline-block; text-align: right; width: 60% }
.call-section p { color: #727272; font-family: 'Lora', serif; font-size: 30px; font-weight: 400; padding-top: 20px; }
.call-section p a { color: #000000; font-weight: 600; }
.site-header { z-index: 2; }
.main-menu { margin: 0 auto -35px; }
.nav-menu li { margin-right: -3px; }
.nav-menu li a { padding: 25px 30px; }
.main-navigation { background: #000; }
.red-estimate { padding: 6px 0; }
.red-estimate p { color: #D00000; font-size: 24px; font-weight: 600; padding: 10px 0 0; text-transform: uppercase; }
.cont-btn a { background: #D00000; color: #fff; font-size: 24px; font-weight: 600; padding: 10px 55px; text-transform: uppercase; border: 1px solid #D00000; }
.cont-btn a:hover { color: #D00000; text-decoration: none; }
.home-prtj-title h2 { font-size: 40px; font-weight: 600; }
.project-home { padding-top: 40px; }
.project-home h3 { font-size: 30px; font-weight: 500; }
.project-home h3 a { color: #000; }
.project-home h3 a:hover { color: #000; }
.prjt-btn a { border: 1px solid #D00000; color: #D00000; font-size: 21px; font-weight: 600; padding: 10px 20px; text-transform: uppercase; }
.prjt-btn a:hover { border: 1px solid #000; color: #fff; text-decoration: none; }
.testimonials-button a:hover { color: #fff; }
.contact-page h4 { margin: 0px; }
.contact-page p { color: #000; margin: 0 0 10px; }
.contact-page i { color: #d00000; }
.contact-page a { color: #000; }
.nav-menu li .sub-menu li { border-bottom: 1px solid rgba(255,255,255,0.8); margin-right: 0; }
.contact-form input[type="text"], input.text, input.title, select { border-radius: 7px; font-size: 16px; height: 45px !important; padding: 8px 10px !important; width: 90%; }
input[type="file"] { border-radius: 7px; font-size: 16px; padding: 8px 10px !important; width: 90%; }
.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"] { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 7px; font-size: 16px; height: 45px !important; padding-left: 12px; transition: all 0.1s ease 0s; width: 90%; }
.contact-form input[type="file"] { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 7px; font-size: 16px; padding-left: 12px; transition: all 0.1s ease 0s; width: 90%; }
.contact-form textarea { border: 1px solid #ccc; border-radius: 7px; font-size: 16px; height: 160px !important; padding: 8px 10px !important; width: 90%; }
.contact-form input[type="submit"] { background: #e7110f none repeat scroll 0 0; border: 1px solid #d00000; border-radius: 7px; color: white; float: none; font-size: 18px; font-weight: 400; margin-top: 0; padding: 10px 34px; text-transform: uppercase; transition: all 0.2s ease 0s; }
.contact-form input[type="submit"]:hover { background: #fff; color: #d00000; }
.border-heading { width: 50px; border-top: 3px solid #d00000; margin: 5px 0 15px; }
.map-div { margin: 0; padding: 30px 0 0; }
.contact-page { margin-bottom: 20px; }
.btn-readmore { color: #D00000 !important; }
.btn-readmore:hover { color: #000 !important; text-decoration: none !important; }
footer.entry-meta { margin: 0; }
.contact-icon { font-size: 24px; color: #d00000; margin: 0 20px 0 0; }
.contact-icon:hover { color: #000; }
.resources-div h3 { margin-bottom: 10px; }
.resources-div h3 a { background: inherit; border: none; color: #d00000; font-size: 30px; padding: 0; }
.resources-div a { background: #D00000; border: 1px solid #d00000; border-radius: 5px; color: #fff; padding: 8px 15px; }
.resources-div a:hover { color: #D00000; text-decoration: none; background: inherit; }
.file-download p { display: flex; }
.file-download a { margin: 0 auto; width: 110px; }
.mail-call h5 { margin: 0px; }
.mail-call h5 a { color: #000; text-decoration: underline; }
.mail-call h5 a:hover { color: #D00000; }
/*portfolio*/
.portfolio-banner { background: url(https://alvearcs.com/wp-content/uploads/2017/01/projects.jpg); min-height: 280px; margin-bottom: 50px; }
.portfolio-title-div { padding-top: 6%; }
.portfolio-title { color: #fff; font-size: 48px; font-weight: 600; }
.portfolio-nav .nav-links a { color: #fff; font-weight: 600; }
.portfolio-nav .nav-links a:hover { color: #d00; }
.portfolio-nav .post-navigation { background: rgba(1,0,0,0.9); border-radius: 10px; padding: 10px 15px; }
.protfolio-line { border-bottom: 1px solid #c1c1c1; margin: 20px 0 30px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; margin-bottom: 50px; }
.row { margin-right: -15px; margin-left: -15px; }
.footer-form { display: none; }
.footer-form input[type="text"], .footer-form input[type="tel"], .footer-form input[type="email"] { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 7px; font-size: 16px; height: 45px !important; padding-left: 12px; transition: all 0.1s ease 0s; width: 100%; }
.footer-form input[type="file"] { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 7px; font-size: 16px; padding-left: 12px; transition: all 0.1s ease 0s; width: 100%; }
.footer-form textarea { border: 1px solid #ccc; border-radius: 7px; font-size: 16px; height: 160px !important; padding: 8px 10px !important; width: 100%; }
.footer-form input[type="submit"] { background: #e7110f none repeat scroll 0 0; border: 1px solid #d00000; border-radius: 7px; color: white; float: none; font-size: 18px; font-weight: 400; margin-top: 0; padding: 10px 34px; text-transform: uppercase; transition: all 0.2s ease 0s; }
.footer-form input[type="submit"]:hover { background: #fff; color: #d00000; }

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-6 { width: 50%; }
}

/*end-portfolio*/ 
@media (max-width:1170px) {
.nav-menu li a { font-size: 16px; padding: 25px 32px; }
.red-estimate-btn .vc_column-inner { padding-left: 0px; padding-right: 14px; }
}

@media (max-width:1120px) {
.nav-menu li a { padding: 25px 29px; }
.cont-btn a { padding: 10px 45px; }
}

@media (max-width:1075px) {
.nav-menu li a { padding: 23px 26px; }
.main-menu { margin: 0 auto -30px; }
.cont-btn a { padding: 10px 35px; }
}

@media (max-width:1075px) {
.nav-menu li a { padding: 23px; }
}

@media (max-width:991px) {
.menu-toggle { }
header.smaller .menu-toggle { margin-top: 25px; }
.nav-menu li { margin-right: 0; width: 100%; border-bottom: 1px solid #000; }
.nav-menu .sub-menu { width: 96% !important; }
.nav-menu li a { padding: 9px 8px; }
.nav-menu { text-align: left; }
.nav-menu li .sub-menu li { border: none; }
.toggled-on .nav-menu li > ul a { color: #fff; font-weight: 600; }
.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active { padding: 10px 0 0 10px; }
.main-navigation { min-height: 50px; }
.main-menu { margin: 0 auto -25px; }
header.smaller .nav-menu li a { padding: 9px 8px !important; }
ul.nav-menu ul a, .nav-menu ul ul a { margin-top: 1px !important; padding: 8px 9px; }
.toggled-on .nav-menu li > ul { margin-left: 18px; }
header.smaller .menu-primary-menu-container { top: 76px; }
.main-navigation { z-index: 999; }
.site-header .search-form { display: none; }
.toggled-on .nav-menu, .toggled-on .nav-menu > ul { background: rgba(0,0,0,0.8); position: absolute; width: 60%; }
header.smaller .menu-height { height: 100%; }
/*****************small menu end******************************/
header.smaller .toggled-on .nav-menu, .toggled-on .nav-menu > ul { top: 81px; }
}

@media (max-width:940px) {
.cont-btn a { font-size: 22px; padding: 10px 24px; }
}

@media (max-width:800px) {
.call-section p { font-size: 28px; }
.cont-btn a { padding: 10px 20px; }
}

@media (max-width:767px) {
.nav-menu li .sub-menu li { width: 99%; }
.menu-height { padding: 15px; }
.site-logo { width: 100%; text-align: center; }
.call-section { width: 100%; text-align: center; }
.call-section p { margin: 0px; padding-top: 10px; }
.red-estimate-btn .vc_column-inner { padding: 0 15px !important; }
.cont-btn a { font-size: 24px; padding: 10px 55px; }
.footer-form { display: block; margin:50px 20px; }
}
.footer-form h5{color:#fff;}

@media (max-width:610px) {
.nav-menu li .sub-menu li { width: 98%; }
.contact-section p, .contact-section p a { font-size: 13px; margin: 0px; }
}

@media (max-width:550px) {
.toggled-on .nav-menu, .toggled-on .nav-menu > ul { width: 100%; }
.nav-menu li .sub-menu li { width: 100%; }
.inner-page-header h1 { font-size: 40px; }
}

@media (max-width:500px) {
.social-icon, .contact-section { display: block; text-align: center; }
.contact-section { float: none; }
}

@media (max-width:465px) {
.nav-menu li .sub-menu li { width: 98%; }
.contact-section p, .contact-section p a { font-size: 12px; }
.call-section p { font-size: 24px; }
.inner-page-header h1 { font-size: 35px; }
}

@media (max-width:400px) {
.contact-section p, .contact-section p a { font-size: 9px; }
.call-section p { font-size: 20px; }
.inner-page-header h1 { font-size: 30px; }
}

@media (max-width:350px) {
.inner-page-header h1 { font-size: 27px; }
}