@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import "2021.css";

body {
    font-family: 'Open Sans', sans-serif;
}

a, a:focus, a:hover {color:#ed1c24;}

h1, h2, h3, h4 {
    color: #333333;
    font-weight: 700;
    line-height: 1em;
}

* {border-spacing:0px;

    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    }





/*
 * Keyframes Start
 */

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

/*
 * Keyframes End
 */
   

/*
 * CSS Page Transitions
 * Don't forget to add vendor prefixes!
 */
.m-scene .scene_element {
  animation-duration: 0.25s;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}
.m-scene .scene_element--fadein {
  animation-name: fadeIn;
}
.m-scene .scene_element--fadeinup {
  animation-name: fadeInUp;
}
.m-scene .scene_element--fadeinright {
  animation-name: fadeInRight;
}
.m-scene .is-exiting .scene_element {
  animation-direction: alternate-reverse;
}



/* ------------------------------ Transition End ----------------------------------- */


    
    
a img:hover {
  filter: alpha(opacity=80);
  opacity: 0.8; 
}


#pagetitlebox {height:320px; background-image: url('../../../images/banners/b1.jpg'); padding: 40px 0px; margin-top:117px; text-align: center; display: flex;
justify-content: center; align-items: center;}

#pagetitlebox h1 {font-size:3.7em; text-transform: uppercase; display: inline-block; color:#ffffff; text-shadow: 2px 2px 2px #000000;}


.parallaxbg {
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.moduletable_info {background:#ffffff;}
.moduletable_bottombox, .moduletable_info {text-align: center; padding:25px 5px 45px 5px;}

.moduletable_bottombox img {width:100%; max-width:550px; height:auto;}
.moduletable_bottombox p {padding:20px;}

#dj-megamenu90mobile .fa-bars {color:#1b2d53;}
#dj-megamenu90mobile .fa-bars:hover {color:#747474;}
.dj-mobileitem a {text-transform:uppercase;}

#bottominfo {background:#f1f1f1;}

/*
 *
 * Animation
 *
 *
 */

.project {
    text-align: center;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 1s ease-out;
}
.project.fade-in {
    opacity: 1;
    transform: translateY(0);
}


.outer-div
{
     height: 300px;
     overflow: hidden; 
}

.outer-div2
{
    height:390px;
    overflow: hidden;
    border-top: solid 5px #ffffff;
    border-bottom: solid 5px #ffffff;
}
.inner-div1, .inner-div2, .inner-div3, .inner-div4, .inner-div5 
{
     height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.5s ease;
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.inner-div1 {background-image: url('../../../images/theme/office.jpg');}
.inner-div2 {background-image: url('../../../images/theme/pic1.jpg');}
.inner-div3 {background-image: url('../../../images/theme/cable.jpg');}
.inner-div4 {background-image: url('../../../images/theme/btn1.jpg');}
.inner-div5 {background-image: url('../../../images/theme/btn2.jpg');}

.inner-div1:hover, .inner-div2:hover, .inner-div3:hover, .inner-div4:hover, .inner-div5:hover
{
     transform: scale(1.1);
}

.featuredbtn svg, .featuredbtn h2, .featuredbtn a {margin:0px; text-transform: uppercase;}
.featuredbtn a {text-transform: uppercase; border:solid 2px #747474; padding:10px 40px; border-radius: 14px; color:#747474; font-weight:700;}

.featuredbtn:hover h2 {transform: scale(1.2);}
.featuredbtn:hover svg {transform: translateY(-7px) scale(1.1);}

.whitebtn svg, .whitebtn h2, .whitebtn a  {color:#ffffff; fill:#ffffff;}
.whitebtn a {text-transform: uppercase; border:solid 2px #ffffff; padding:10px 40px; border-radius: 14px;}



#dj-megamenu90 {display: flex; align-items: center; justify-content:right; float:right;}
#dj-megamenu90 a.quote {background: #1b2d53 !important; color: #ffffff !important; padding: 7px 27px !important; margin: 0px 0px 0px 1px; border-radius:14px;}
/*
           #featured .moduletable0px !important; border-radius: 25px;}*/


#homepage #main {display:none;}

.custom_apps img {display: block; margin: 2px 0px; width: 75%;}
footer h3 {margin-top:0px;}

.custom_banner1 img {width:100%; max-width:100%; height:auto;}
.custom_hptext {margin:0 auto; width:90%;}
.hptext {background:#1b2d53; color:#ffffff;}
.hptext h3 {color:#ffffff; letter-spacing:-1px; }
.hptext h4 {font-weight:400; color:#ffffff; line-height: 1.4em;}
.hptext, .moduletable_hptext {display:flex;}
.moduletable_hptext {align-items: center;}


/* Newsletter */

.moduletable_newsletter .acymailing_introtext {font-size: 2em;}
.moduletable_newsletter .acysubbuttons .btn {color: #000000;}
.moduletable_newsletter .acymailing_module_form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.moduletable_newsletter .acymailing_form {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.moduletable_newsletter .acymailing_introtext {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%;
    font-size: 2.6em;
    text-align: left;
}
.moduletable_newsletter .acysubbuttons .btn {
    width: 100%;
    color: #ffffff;
    padding: 12px;
    background: #ed1c24;
    border-radius: 0px;
    border: none;
    margin-left: 0px;
}


/* Newsletter */


/* Newsletter Start */
.acymailing_finaltext {width:100%; font-size:0.9em;}
.moduletable_newsletter h3 {text-transform: uppercase; margin:0px;}
.moduletable_info .acymailing_module_form {
    display: flex;
    justify-content: center;
    align-items: center;
    /*flex-wrap: wrap;*/
}

.moduletable_info .acymailing_module_form .acymailing_introtext {padding-bottom: 0px;}

.moduletable_info .acymailing_form {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
}

.acymailing_form p {
    width: 100%;
    margin: 0px;
    padding: 5px 0px;
}

.moduletable_info .acymailing_introtext {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%;
}

.custom_info a {color:#f5f5f5;}

.acymailing_introtext span {
    font-weight: 700;
}

div.acymailing_introtext {
    margin-right: 10px !important;
}

.acyfield_email input {
    background: none;
    border: solid 2px #4a4b54;
    color: #4a4b54;
    font-weight: 300;
    padding: 5px 10px;
    margin: 0px;
}

.acysubbuttons {
    margin-left: 10px;
    text-align: left;
}

.acysubbuttons input {
    text-transform: uppercase;
    font-weight: 800;
}

.moduletable_info .acysubbuttons .btn {
    width: 100%;
    color: #ec1d25;
    padding: 12px;
    background: #ffffff;
    border-radius: 0px;
    border: none;
    margin-left: 0px;
}


/* Newsletter End */


#info {background: #f5f5f5; text-align:right;}
.moduletable_info span {margin: 0px 0px 0px 20px; display:inline-block; padding: 0px 10px; background:#4a4b54; color:#ffffff; font-weight:700; padding:4px 10px;}

#copyright p {margin:0px;}

/* Catalog custom CSS */

.djc_readon a.btn, input.djc_filter_go_btn {background:#ed1c24; text-transform: uppercase; font-weight:bold; color:#ffffff;}
#djcatalogForm ul {float:left;}
.djc_filter_search {width:75%;}
#djcatsearch {width:100%; border: solid 4px #e1e1e1; padding: 5px 10px;}
.djc_filter_input {width:100%;}
.djc_filter_buttons {width:25%;}
.djc_filter_button, .djc_filter_go_btn {width:100%;}

ul.djc_filter_ul li {padding:0px !important;}
input.djc_filter_go_btn {padding:7px 12px; font-size: 1.4em;}

h2.djc_title {font-size:3.2em; letter-spacing: -1px;}
#djcatalog .djc_filter_search li {margin-top:0px !important;}
.djc_fulltext p {font-size:1.2em; margin:25px 0px;}

.djc_description h3, .djc_description h4 {font-size:1.7em;}

button#djc_contact_form_button {background:#ed1c24; border:none; text-transform: uppercase; font-weight:700;}

.djc_fulltext ul {list-style: square !important;}
.djc_fulltext ul li {padding-left:10px !important;}

.djc_file a {display:flex; align-items: center;}
.djc_file span {margin-left:10px; font-size: 1.2em;}

.custom_logo svg {max-width:200px;}

/* Catalog custom CSS */

/* Custom css */

#dj-megamenu89 {display:flex; justify-content: center;}

/* Custom css */


.page-header h2 {font-size: 2.9em; letter-spacing: -1px;}

header {
    padding: 10px 0px 10px 0px;
    border-bottom: solid 4px #e1e1e1;
}

#header .row {display:flex; align-items: center;}

#top {
    text-align: center;
    color: #747474;
    padding:0px;
}

#top h4 {
    color: #747474;
    margin: 0px;
}

#top img {
    margin: -20px 50px 0px 50px;
}

#top div {
    /*display: inline-block;*/
}

#banner {
    background: #f5f5f5;
    margin-top:117px;
}

#banner .row {
    display: flex;
    flex-wrap: wrap;
}

.freequote {
    display: flex;
}

.moduletable_freequote {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

.moduletable_freequote h3, .moduletable_freequote h4 {
    margin: 0px;
    text-transform: uppercase;
}

.moduletable_freequote .rsform-block {
    margin-bottom: 0px;
}

.moduletable_freequote .rsform-submit-button {
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
}

.rsform-submit-button {
    width:100%;
    text-transform: uppercase;
    font-weight: 700;
}

.item-page {
    padding: 10px 0px 20px 25px;
    /*border-right: solid 1px #e4e4e4;*/
    margin-top: 10px;
}

.item-page::after {
    content: "";
    clear: both;
    display: table;
}

.nav > li > a {
    border-bottom: solid 1px #e1e1e1;
}

.nav > li > a:hover {
    background: none;
    border-left: solid 5px #1C4B96;
    margin-left: -5px;
}

.nav-child {
    padding: 0px;
    font-size: 100%;
}

.nav-child li {
    width: 90%;
    padding: 10px 15px 10px 40px;
    list-style: none;
    border-bottom: solid 1px #e8e8e8;
}

.nav-child > li > a:hover {
    text-decoration: none;
}

.container-fluid .col-xs-12 {
    padding-right: 0px;
    padding-left: 0px;
}

/*#companyinfo .moduletable {width:100%; padding:40px 0px; text-align: center;}*/
#featured .moduletable {width:100%; padding:145px 0px; text-align: center;}
#featured .row {display: flex; flex-wrap: wrap;}

#featured img {
    width: 100%;
    max-width: 100%;
} 

#featured .col-sm-4 {
    padding: 5px 0px 5px 0px;
}

#featured p, #companyinfo p {
    padding: 25px;
    line-height: 1.7em;
}

a.readmorebtn {
    display: inline-block;
    border: solid 2px;
    border-radius: 4px;
    padding: 5px 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0px 10px;
}

.custom_loginform {
    display: inline-block;
    background: #337ab7;
    font-size: 0.9em;
    text-transform: uppercase;
    float: right;
    padding: 5px 14px;
}

#main ul {
   /* list-style: none; */
}
#main ul > li {
    padding: 5px 0px 5px 0px;
    transition: background-size 0.3s;
    -webkit-transition: background-size 0.3s;
}

.custom_loginform a {
    color: #ffffff;
}

a:hover {
    text-decoration: none;
}

#main {
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom_socialmedia img {
    margin: 0px 5px;
    border: solid 2px #4a4b54;
    border-radius: 100%;
}

#slidy-container { 
  width: 100%; 
  max-width: 1200px;
  overflow: hidden; 
  margin: 0 auto;
  padding: 50px 0px;
}

#slidy-container h2 {
    text-transform: uppercase;
    color: #000000;
    display: inline-block;
    border-bottom: solid 4px #1C4B96;
    padding: 5px 0px;
    margin: 0px 0px 20px 0px;
    font-size: 1.4em;
}

header {
    position: fixed;
top: 0px;
z-index: 100;
width: 100%;
background: #ffffff;
}

.page-header {
    border: none;
    margin: 0px;
}

.page-header h2 {
    text-transform: uppercase;
    color: #333333;
    display: inline-block;
    border-bottom: solid 4px #1b2d53;
}


#copyright {
    text-align: center;
    background: #192848;
    color: #ffffff;
    padding: 10px 0px;
}

#copyright img {
    margin: 20px 0px 10px 0px;
    width: 165px;
}

#footer {
    background: #1b2d53;
     line-height: 1.9em;
     color:#ffffff;
}

#footer h2, #footer h3, #footer h4 {
    margin: 10px 0px;
    color:#ffffff;
    text-transform:uppercase;
}

#footer .row {
    padding: 75px 25px 75px 25px;
}

.footerlink a {
    color: #747474;
}

.footerlink a:hover {
    text-decoration: none;
    color: #ed1c24;
}

#footer ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

h2.projectcase {
    border-bottom: solid 1px #e8e8e8;
    padding-bottom: 5px;
}

.content-boundary h2 {
    font-size: 1.4em;
}

.get-a-quote p {
    margin: 0px;
    padding: 0px;
}

.get-a-quote h4 {
    font-size: 1.9em;
    padding-top: 0px;
    margin-top: 0px;
}

img.companylogo {
    margin-top: 10px;
}

#dj-megamenu202mobileWrap {float:right; margin-top: -19px;}

img.control4logo  {
    margin-bottom: 20px;
    width: 100%;
    max-width: 206px;
}

.moduletable_specialoffer .dark-grey p {
    font-size: 2.3em;
    line-height: 1em;
}

a.specialbtn {
    text-transform: uppercase;
    font-weight: 800;
    transition: background-color 0.5s ease;
    background-color: #337ab7;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    padding: 10px 20px;
    margin: 0px 0px 20px 0px;
    border-radius: 4px;
    font-size: 1.4em;
}

a.specialbtn:hover {
    background: #1C4B96;
    text-decoration: none;
}

a.specialbtn:active, a.specialbtn:visited {
    text-decoration: none;
}

#sidebar-a {
    padding: 40px 0px 0px 0px;
    text-align: center;
    margin-bottom: 20px;
}

ul.unstyled {
    margin: 25px 0px;
}

ul.unstyled li {
    background: none !important;
}

/* Contact Form */


/* Contact Form */

.dj-mobile-open-btn {
    float: right;
}


/* Responsive */

/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
      
        #featuredCntr div {
  padding:25px;
      }
      
      
        #footer .row {text-align: center;}
        .custom_apps {text-align: -webkit-center;}
        .acymailing_form p {text-align:center;}
        
        .acymailing_module_form {width:90%; margin: 0 auto;}
        
        #footer .row > div {margin: 20px 0px;}
        #info {padding:5px 0px;}
        
        .custom_hptext h4 {font-size:18px;}
        
        .custom_hptext {padding: 140px 20px;}
        
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        #info {padding:0px;}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
      
      #featuredCntr div {
        padding:45px;}
      
        .custom_hptext h4 {font-size:14px;}
        .custom_hptext {padding: 0px 20px;}
        
        #footer .row {text-align: left;}
        .custom_apps {text-align: -webkit-left;}
        .acymailing_form p {text-align:left;}
        
        .acymailing_module_form {width:75%; margin:0px;} 
        

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
        .custom_hptext h4 {font-size:18px;}
    }

#viewer .pdfViewer {background: #f4f4f4 !important;}