* { padding:0px; margin:0px; }
html { font-size:100%; }
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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
ol, ul { list-style: none; }
:focus { outline: 0; }
a, a:link { text-decoration: none; outline:none; }

p { 
    padding:5px 0; 
    /* added for services page */
    font-size: 14px;
    color: #878787;
    line-height: 24px;
    padding: 15px 0 0 0;
    /*end added for services page */
}
h1, h2, h3, h4, h5, h6 { 
    font-weight:normal; 
    color: #535353; 
    padding:15px 0 0 0;
}
h2 {
    font-size:17px;
}

.clear { clear:both; }
a { color:#1993CC; text-decoration:none;}
a:hover { text-decoration:none; color:#000; }

:hover{transition: all 0.5s ease;}
hr{ margin-top:13px; margin-bottom:0px;}

body{ 
    margin:0; 
    background:#b3b3b3; 
    padding:0; 
    /*font-size:12px; 
    color:#000000;*/
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #878787;
}
img{ max-width:100%; height:auto;}

.top-sec{ background:#fcfcfc; padding:22px 28px;}
.top-right-cont{ text-align:right;}
.top-right-cont p{ font-size:16px; color:#b3b3b3; margin:0; padding:0; line-height:22px;}
.top-right-cont h2{ font-size:27px; color:#3f3f3f; background:url(../images/phone-icon.png) left no-repeat; display:inline-block; padding:0 0 0 40px; margin:20px 0 0 0;}

.banner-sec{ max-height:544px; overflow:hidden;}

.site-nav{}
.site-nav ul{ margin:0; padding:0;}
.site-nav ul li{ margin:0; padding:0; float:left;}
.site-nav ul li a{ font-size:16px; color:#FFF; text-transform:uppercase; display:inline-block; border-right:1px solid #fcfcfc; padding:11px 25px;}
.site-nav ul li a:hover{ background:#fd2840;}
.site-nav ul li ul.dropdown-menu {
    background:#b3b3b3;
    left:initial;
}
.site-nav ul li ul.dropdown-menu li {
    float:none;
}
.site-nav ul li ul.dropdown-menu li a {
    width:100%;
    border:none;
}
.site-nav ul li ul.dropdown-menu li a:hover {
    color:#FFF;
}
.split-dropdown-left {
    border:none !important;
    padding-right:0.25em !important;
}
.split-dropdown-right {
    padding-left: 0.25em !important;
}
.top-search{ width:100%; height:33px; border-radius:3px; border:none; background:url(../images/search-icon.png) 10px 8px no-repeat #f8f8f8; margin:6px 0 0 0; padding:0 0 0 40px; font-size:15px; color:#666;}

ul.vertical{ float:left; width:15%;}
ul.vertical li{ margin:0; padding:0; background:#fcfbfb; height:182px; cursor:pointer; transition: all 0.5s ease; float:left; width:100%; text-align:center; position:relative; border-top:1px solid #d9d9d9;}
ul.vertical li a h2{ font-size:16px; color:#b3b3b3; text-transform:uppercase; padding:15px 0 0 0;}
ul.vertical li:first-child{ border-top:none; height:181px;}
ul.vertical li:hover{ background:#f62c45;}
.common-tab{ float:left; background:#FFF; width:85%; position:relative;}
.common-tab h2{ position:absolute; right:30px; bottom:30px; font-size:80px; color:#fd273f; text-transform:uppercase; display:inline-block;}
.common-tab:nth-child(2) h2 { color: #fff!important;}
.common-tab:nth-child(4) h2 { color: #b3b3b3!important;}

.tents{ width:113px; height:51px; background:url(../images/tent.png) top left no-repeat; margin:52px auto 0 auto; transition: all 0.5s ease;}
ul.vertical li:hover .tents{ background:url(../images/tent.png) top right no-repeat; transition: all 0.5s ease;}
ul.vertical li:hover h2{ color:#FFF;}

.arrow-div{ position:absolute; top:15px; right:15px; width:10px; height:18px; background:url(../images/arrow.png) top left no-repeat; transition: all 0.5s ease;}
ul.vertical li:hover .arrow-div{ background:url(../images/arrow.png) bottom left no-repeat;}

.fabrication{ width:81px; height:78px; background:url(../images/fabrication.png) left top no-repeat; margin:28px auto 0 auto; transition: all 0.5s ease;}
ul.vertical li:hover .fabrication{ background:url(../images/fabrication.png) right top no-repeat;}

.graphic{ width:65px; height:86px; background:url(../images/graphic.png) top left no-repeat; margin:25px auto 0 auto; transition: all 0.5s ease;}
ul.vertical li:hover .graphic{ background:url(../images/graphic.png) top right no-repeat;}

ul.vertical li.active{ background:#f82e45;}
ul.vertical li.active .fabrication {background:url(../images/fabrication.png) right top no-repeat;}
ul.vertical li.active .tents{ background:url(../images/tent.png) top right no-repeat; transition: all 0.5s ease;}
ul.vertical li.active .graphic{ background:url(../images/graphic.png) top right no-repeat;}
ul.vertical li.active .arrow-div{ background:url(../images/arrow.png) bottom left no-repeat;}
ul.vertical li.active h2{ color:#FFF;}

.ex-bg{ }
.cont-area{ padding:80px 30px 50px 30px; background:url(../images/ex-bg.png) top right no-repeat #fdfdfd;}
.left-cont h2, .left-cont h1{ font-size:30px; color:#555555; text-transform:uppercase;}
.left-cont h3{ font-size:16px; color:#545454; text-transform:uppercase; padding:25px 0 0 0;}
.left-cont .icon{ background:url(../images/icon.png) no-repeat; padding:7px 210px 0 85px;}
.left-cont .icon2{ background:url(../images/icon2.png) no-repeat; padding:20px 0 8px 81px; margin-top:50px;}
.left-cont .icon2 span{ float:right; font-size:16px; color:#b2b2b2; padding-top:20px;}
.left-cont h2 a, .left-cont h1 a { color:#b2b2b2;}
.left-cont h2 a:hover, .left-cont h1 a:hover { color:#fd2840;}
.left-cont p{ font-size:13px; color:#666666; padding-top:15px; line-height:22px;}
.left-cont ul {
	list-style:inside;
	margin-left:.5em;
}
.left-cont li {
	font-size:13px; 
	color:#666666; 
	padding-top:0; 
	line-height:2em;
}

.left-cont h6{font-size:12px; color:#aaaaaa; text-transform:uppercase; font-weight:700; padding-top:6px; display:block; cursor:pointer;}
.left-cont h6:hover, .left-cont h6.active{ color:#fd2840;}

.left-img{ float:left; margin:25px 20px 0 0;}
.read{ font-size:12px; color:#aaaaaa; text-transform:uppercase; font-weight:700; padding-top:6px; display:block;}
.read:hover{ color:#fd2840;}

.right-cont h2{ font-size:26px; color:#545454; text-transform:uppercase; background:url(../images/glass.png) no-repeat; padding:2px 0 6px 82px; margin:7px 0 0 0;}
.right-cont p{ font-size:12px; color:#666666; padding-top:15px; line-height:22px;}

.start-planning{ display:block; background:url(../images/arrow2.png) right 30px center no-repeat #fd2840; font-size:20px; color:#FFF; text-transform:uppercase; border-radius:4px; padding:9px 15px; margin-top:20px;}
.start-planning:hover{ background:url(../images/arrow2.png) right 20px center no-repeat #fd2840; color:#FFF;}

.video-box{ margin-top:30px;text-align:center;}

.foot-nav{ padding:22px 0;}
.foot-nav ul{ margin:0; padding: 0;}
.foot-nav ul li{ margin:0 30px 0 0; padding:0; float:left;}
.foot-nav ul li a{ font-size:13px; color:#444444; text-transform:uppercase;}
.foot-nav ul li a:hover{ color:#fd2840;}

.ex-pad{ padding-top:25px;}

.fb{ width:57px; height:62px; background:url(../images/facebook.png) left top no-repeat; float:right; margin:0 0 0 15px;}
.fb:hover{ background:url(../images/facebook.png) left bottom no-repeat;}
.fb a{ display:block; width:57px; height:62px;}
.bbb{ float:right;}
.bbb ul{ margin:0; padding:0;}
.bbb ul li{ float:left; margin:16px 0 0 20px;}

.mob-nav{ width:45px; height:28px; background:url(../images/mob-nav.png) no-repeat; position:absolute; right:0; top:0; cursor:pointer; display:none;}

.hidex{ display:none;}

#accordion div{ display:none;}
.toggle_container{ display:none;}

/*Css for Services page*/
.site-nav ul li.active a { background:#fd2840; color:#FFF;}
.inner-page-container{ background:#FFF; padding:25px;}
.category-heading { 
    font-size:30px; 
    color:#555555; 
    text-transform:uppercase; 
    padding:20px 0 34px 0; 
    margin-top:40px; 
    border-bottom:1px solid #eeeeee;
}
.icon {
    padding-left:81px;
}
.icon-services { 
    background:url(../images/services-heading.png) no-repeat;
}

.icon-gallery {
    background:url(../images/gallery-heading.png) no-repeat;
}

.cst-breadcrumb { background:#f9f9f9; padding:10px;}
.cst-breadcrumb a { 
    margin:0; 
    padding:0 6px 0 6px; 
    /*float:left;*/ 
    text-transform:uppercase; 
    font-size:12px; 
    font-weight:400; 
    /*background:url(../images/bread-divider.png) right center no-repeat;*/
    color:#666666;
}
.cst-breadcrumb a:last-child { 
    background:none;
    color:#fd273f
}
.cst-breadcrumb span { 
    color:#fd273f;

}
/*.cst-breadcrumb a { 
    margin:0; 
    padding:0; 
    color:#666666;
}*/

.single-services{ background:#f9f9f9; padding:20px;}
    .archiveItemTitle { font-size:17px; text-transform:uppercase; /*color:#535353;*/ padding:15px 0 0 0;}
        .archiveItemTitle a { color:inherit; }
    .archiveItemDescription { font-size:14px; color:#878787; line-height:24px; padding:15px 0 0 0;}
    .read-more { font-size:15px; color:#aaaaaa; display:inline-block; margin-top:25px;}
.services-container .col-sm-4{ margin-top:30px;}
.archive-box { 
    padding-top:20px;
    font-size:14px; 
    color:#878787; 
    line-height:24px; 
    padding:15px 0 0 0;
}
/*.archive-box h2{ font-size:17px; text-transform:uppercase; color:#535353; padding:15px 0 0 0;}*/
/*Css for Services page*/

/*Css for Contact page*/
.contact-heading{ background:url(../images/contact-heading.png) no-repeat;}
.contact-section{ padding-top:40px; padding-bottom:30px; border-bottom:1px solid #eeeeee;}
.contact-section h2{ font-size:16px; color:#525252; font-weight:700; padding-bottom:20px;}
.contact-section h3{ font-size:15px; color:#666666; margin-bottom:8px; padding:0 0 0 25px;}
.contact-section h3.contact-phone{ background:url(../images/phone-icon3.png) no-repeat;}
.contact-section h3.contact-email{ background:url(../images/email-icon2.png) no-repeat 0 2px;}
.contact-section h3.contact-info{ background:url(../images/location-icon.png) no-repeat 0 4px; font-size:14px; line-height:24px; margin-top:25px;}
.contact-section p{ padding-top:0; padding-bottom:10px; font-size:14px; color:#666666;}
.inp-field{ position:relative; margin-bottom:12px;}
.inp-field span{ width:17px; height:16px; position:absolute; left:12px; top:10px; display:inline-block;}
.inp-field span.first-name{ background:url(../images/first-name-icon.png) no-repeat;}
.inp-field span.email{ background:url(../images/email-icon.png) no-repeat;}
.inp-field span.company{ background:url(../images/company-icon.png) no-repeat;}
.inp-field span.phone{ background:url(../images/phone-icon2.png) no-repeat;}
.inp-field span.comments{ background:url(../images/comments-icon.png) no-repeat;}
.contact-section input[type=text], .contact-section input[type=email] { width:100%; background:#f9f9f9; border:1px solid #eeeeee; border-radius:5px; padding:9px; padding-left:40px; font-family: 'Montserrat', sans-serif; font-size:14px; color:#878787;}
.contact-section textarea{ width:100%; background:#f9f9f9; border:1px solid #eeeeee; border-radius:5px; padding:9px; padding-left:40px; font-family: 'Montserrat', sans-serif; font-size:14px; color:#878787; height:80px;}
.contact-section input[type=submit]{ width:100%; background:url(../images/arrow2.png) right 30px center no-repeat #fd2840; font-size:20px; color:#FFF; text-transform:uppercase; border-radius:4px; padding:9px 15px 9px 25px; border:none; text-align:left;}
.contact-section input[type=submit]:hover{ background:url(../images/arrow2.png) right 20px center no-repeat #fd2840; color:#FFF;}

.flexslider {margin: 25px 0 0 0; padding: 0; position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;}
.flexslider .slides img {width: 100%; display: block;}
html[xmlns] .flexslider .slides { display: block;}
* html .flexslider .slides { height: 1%;}
.no-js .flexslider .slides > li:first-child {display: block;}
.flex-prev{ position:absolute; left:-15px; top:50%; bottom:50%; margin-top:-18px; width:30px; height:30px; display:inline-block; background:url(../images/nav-prev.png) no-repeat; cursor:pointer; text-indent:-9999px;}
.flex-next{ position:absolute; right:-15px; top:50%; bottom:50%; margin-top:-18px; width:30px; height:30px; display:inline-block; background:url(../images/nav-next.png) no-repeat; cursor:pointer; text-indent:-9999px;}

.contact-slide{ padding:30px 0 0 0;}
.left-div{ width:49%; float:left; position:relative;}
.right-div{ width:51%; float:right;}
.txt-div{ position:absolute; width:100%; left:0; bottom:25px; z-index:999; padding:0 0 0 20px;}
.txt-div h2{ font-size:20px; color:#FFF;}
.right-single{ width:49%; float:left; margin:0 0 1% 1%; position:relative;}
/*Css for Contact page*/

/*Css for Event page*/
.event-category h2 {
    font-size: 25px;
    color: #545454;
    padding: 38px 0 27px;
    text-transform:uppercase;
}
.single-event h3 {
    padding: 20px 10px 58px;
    text-align: center;
    font-size: 16px;
    color: #525252;
    text-transform:uppercase;
}

.single-event h3 a {
    color: #525252;
}

.event-container.with-separator {
    border-top: 1px solid #eee;
}
.event-container .event-thumb {
    overflow: hidden;
    position: relative;
    display:block;
    height:250px;
    width:100%;
}

.event-container .event-thumb::before {
    background-image: url("../images/expand.png");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    cursor: pointer;
    /*display: inline-block; -- changed when swapping div as a tag*/
    display:block;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transition-duration: 0.8s;
    width: 100%;
    z-index: 1;
}
.event-container .event-thumb:hover::before {
    opacity: 1;
}
.event-thumb img{
	/*min-width: 100%;*/
    min-height:100%;
    max-width:200% !important;

}
/*Css for Event page*/

/*.image-container {
    overflow:hidden;
    position:relative;
}
    .image-container .thumb {
        width:
    }

    .image-container img {
        width:100%;
        position:absolute;
        top:0;
    } */

.image-container {
  position: relative;
  overflow: hidden;
  padding-bottom: 50%;
}
.image-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* colors */

.color-ma-red {
    color:#fd273f;
}

.color-ma-grey {
    color:#555555;
}

.color-ma-white {
    color:#FFF;
}

/*single page - banner display */

.featured_image {
    text-align:center;
    /*background-color:#414141;
    background-color:#093969;*/
    position:relative;
    min-height:8em;
    max-height:35em;
    width:100%;
    overflow:hidden;
    margin-top:2em;
}
.featured_image.img-full-height {
    max-height:initial;
}

.featured_image img {
    width:100%;
    /*max-height:400px;*/
    padding:1px 0;
}
.featured_image .overlay-title {
    position:absolute;
    bottom:0;
    color:#FFF;
    padding:1em;
    font-size:1.3em; 
    height:6em;
    overflow:hidden;
    width:100%;

    background-color:none;
    background:rgba(0,0,0,0.5);
}

.featured_image .overlay-title div {
    width:90%;
    margin:0 auto;
}

/*.hidden {
    display:none;
}*/

.bnr-has-descrip {

}

.bnr-no-descrip {

}
    .bnr-no-descrip .overlay-title  {
        display:none;
    }

.bnr-has-image {

}

.bnr-no-image {
    min-height:initial;
    height:auto;
}

    .bnr-no-image .overlay-title {
        position:static;
        overflow:visible;
        background:none;
        height:auto;
    }

    .bnr-no-image img {
        display:none;
    }

.bnr-no-image.bnr-no-descrip {
    display:none;
}


.bnr-has-image.bnr-has-descrip {
    
}

    .bnr-has-image.bnr-has-descrip .overlay-title {
        background-color:none;
        background:rgba(0,0,0,0.5);
    }

/* end single page - banner display */


.author {
    border: #f8f8f8;
}

.no-padding-top {
    padding-top:0;
}

.required {
    position: absolute;
    top: .1em !important;
    right: 0.25em !important;
    left:auto !important;
    color: red;
    font-size: 2em !important;
}

.small-block {
    display:block;
    position:static !important;
    font-size:1em !important;
    width:100% !important;
}

/*custom nav behavior hoverable & clickable: */
.page_wrapper li.dropdown:hover ul.dropdown-menu {
    display: block;
}

/* bjx fix overrides */
.bjx-nav .navbar-toggle {
    background:#357ea9;
}

.bjx-nav .navbar-toggle .icon-bar {
    border:1px solid #FFF;
}

/*.bjx-nav .navbar-collapse.main-nav {
    margin-top:0; -- need to move this into a responsive admin.css section
}*/