/*CUSTOM STYLES*/

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    body {
        text-shadow: 0 0 1em transparent, 1px 1px 1px transparent;
    }
}


/* COOKIE STYLES///////////////////////////////////////// */


.cookie-policy-content{
    font-size:1em;
    line-height:140%;
    font-weight:400;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight:200;
    letter-spacing: 0;
    padding:1.5em;
    border-bottom:solid 1px #ccc;

}

.cookie-policy-content button#catapultCookie{
    font-size:1.25em;
    line-height:140%;
    font-weight:400;
    font-family: 'Oswald', Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    text-transform:uppercase;   
    padding-left:1em;
    padding-right:1em;
    margin-left:1em;
    margin-top:.25em;
	background:#e63313;

}

.cookie-policy-content button#catapultCookie:hover{
color:#fff;
	background:#000;

}

.tooltip-bottom .fa-envelope-o{
    margin-left:30px;
      
}



.about-top-heading{
    margin-bottom:0;
    margin-top:1em;
    line-height:0;
    padding-left:.4em;
}

.main-content {
    padding-top: 0;
    margin-top: 0;
}
.grid {
    padding-top: .6em!important;
}
.slideshow img {
    padding-bottom: 0;
}
.ani-text h1 {
    font-size: 1.7em;
    line-height: 140%;
}
.ani-text {
    font-size: 110%;
    line-height: 160%;
}
.ani-holder {
    background-color: #eef2f5;
    height: auto;
    overflow: hidden;
}
.work-arrow-text a {
    font-size: 1.5em;
    line-height: 1em;
    text-decoration: none;
}
.work-arrow-text a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
p,
ul,
ol {
    font-size: 90%;
}
body {
    background: #fff;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
}
a {
    color: #000;
}
a:hover {
    text-decoration: none;
}
.widgettitle {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 120%;
}
b strong {
    font-weight: 400;
}

.one-image img{
    padding-bottom:0.65em;
}

b, strong {
    font-weight:400;
}



/* BLOG STYLES ////////////////////////////*/

.blog-posts h2 a{
    text-decoration:none;
}

.blog-posts h2 a:hover{
    	opacity: 0.5;
    filter: alpha(opacity=50);
}

.blog-posts .button{
    margin-top:20px;
    margin-bottom:50px;
}

.post-single{
    margin-bottom:50px;
}

/*TOP STYLES ////////////////////////////*/

.branding img {
    margin: 0;
    margin-left: 1em;
}
.contact-top {
    margin-bottom: 0;
}
.main-content {
    margin-top: -1.25em;
}
.main-menu-nav {
    margin-bottom: -1.25em;
    background: cyan;
}
.contact-top {
    margin-top: 2.25em;
    margin-bottom: -.7em;
}
.ani-text h1 {
    margin-top: 0;
    padding-top: 0;
}
.ani-text {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/*PROJECT PAGES STYLES ////////////////////////////*/

.project h2{
    margin-top:0;
}

.up-arrow-left a,
.up-arrow-right a {
    background: #b5b9bc;
    color: #fff;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
}

.date-left,
.date-right {
    background: #b5b9bc;
    color: #fff;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .75em;
    padding-bottom: .75em;
    font-weight:400;
}
.date-left,
.up-arrow-left a {
    float: left;
}
.date-right,
.up-arrow-right a {
    float: right;
}
.up-arrow-left a {
    /*margin-left: .5em;*/
}
.up-arrow-right a {
    margin-left: .5em;
}
.up-arrow-left a:hover,
.up-arrow-right a:hover {
    background: #8b8e90;
}
.project-posts .clear {
    margin-bottom: 5em;
}
.clear-project {
    clear: both;
}
/*PROJECT BOX STYLES ////////////////////////////*/

.project-box-holder {} .project-box {
    position: relative;
    float: left;
    width: 25%;
}
.home .project-box {
    float: left;
    width: 25%;
}
.project-image {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0!important;
}
.project-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #000/8;
	opacity: 0.8;
    filter: alpha(opacity=80);
    /* For IE8 and earlier */
    
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}

.project-box:hover .project-overlay {
    height: 100%;
}
.project-text {
    white-space: nowrap;
    color: white;
    font-size: 1.25em;
    line-height: 140%;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.home .project-text {
    font-size: .9em;
    line-height: 140%;
}
.home .project-text {
    font-size: 1.5em;
}
.holder,
.col_12,
.col_3 {
    margin-bottom: 0!important;
    padding-bottom: 0!important;
    bottom: 0!important;
}
/*---------------------------------
	BUTTONS
-----------------------------------*/

button,
a.btn,
a.btn:visited,
a.button,
a.button:visited,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;
    top: 0;
    left: 0;
    vertical-align: middle;
    margin: 0;
    padding: 10px 15px;
    line-height: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    width: auto;
    overflow: visible;
    font-weight: normal;
    font-size: 14px;
    /*Pixels for consistancy*/
    
    text-shadow: none;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    /*IE ONLY*/
    
    zoom: 1;
    border: 1px solid #ccc;
    background: rgb(0, 0, 0);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* Opera11.10+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
    
    background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C */
}
button:active,
a.btn:active,
a.btn:visited:active,
a.button:active,
a.button:visited:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 1), inset 0 -10px 20px rgba(0, 0, 0, 1);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -10px 20px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -10px 20px rgba(0, 0, 0, 0.07);
}
button[disabled],
.disabled:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    *padding: 7px 15px;
}
/*IE 7 ONLY*/

a.btn,
a.button {}
/*overrides*/

button.small,
a.btn.small,
a.button.small {
    font-size: 0.8em;
    padding: 5px 10px;
}
button.medium,
a.btn.medium,
a.button.medium {}
/*default*/

button.large,
a.btn.large,
a.button.large {
    font-size: 1.3em;
    padding: 10px 20px;
}
button.disabled,
a.btn.disabled,
a.button.disabled {
    color: #ccc;
    cursor: default;
    background: #efefef;
}
button.disabled:hover,
a.btn.disabled:hover,
a.button.disabled:hover {
    border: 1px solid #ccc;
    background: #efefef;
}
button:hover,
a.btn:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    color: #000000;
    border: 1px solid #000000;
    background: rgb(255, 255, 255);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera11.10+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    
    background: linear-gradient(top, rgba(252, 252, 252, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #000000;
    -webkit-transition: border-radius 1s ease;
    -moz-transition: border-radius 1s ease;
    -o-transition: border-radius 1s ease;
    transition: border-radius 1s ease;
}
/*---------------------------------
	HOLLOW BUTTONS
-----------------------------------*/

.hollow,
a.hollow,
a.hollow:visited,
a.hollow,
a.hollow:visited,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    position: relative;
    top: 0;
    left: 0;
    vertical-align: middle;
    margin: 0;
    padding: 10px 15px;
    line-height: 100%;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    width: auto;
    overflow: visible;
    font-weight: normal;
    font-size: 14px;
    /*Pixels for consistancy*/
    
    text-shadow: none;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    /*IE ONLY*/
    
    zoom: 1;
    border: 1px solid #000;
    background: rgb(0, 0, 0);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera11.10+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
}
.hollow:active,
a.hollow:active,
a.hollow:visited:active,
a.hollow:active,
a.hollow:visited:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 1), inset 0 -10px 20px rgba(0, 0, 0, 1);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 1), inset 0 -10px 20px rgba(0, 0, 0, 1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2), inset 0 -10px 20px rgba(0, 0, 0, 0.07);
}
button[disabled],
.disabled:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.hollow,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    *padding: 7px 15px;
}
/*IE 7 ONLY*/

a.hollow,
a.button {}
/*overrides*/

.hollow.small,
a.hollow.small,
a.hollow.small {
    font-size: 0.8em;
    padding: 5px 10px;
}
.hollow.medium,
a.hollow.medium,
a.hollow.medium {}
/*default*/

.hollow.large,
a.hollow.large,
a.hollow.large {
    font-size: 1.3em;
    padding: 10px 20px;
}
.hollow.disabled,
a.hollow.disabled,
a.hollow.disabled {
    color: #000;
    cursor: default;
    background: #ffffff;
}
.hollow.disabled:hover,
a.hollow.disabled:hover,
a.hollow.disabled:hover {
    border: 1px solid #000;
    background: #ffffff;
}
.hollow:hover,
a.hollow:hover,
a.hollow:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    color: #000000;
    border: 1px solid #000000;
    background: rgb(255, 255, 255);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* Opera11.10+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
    
    background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C */
    
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #ffffff;
    -webkit-transition: border-radius 1s ease;
    -moz-transition: border-radius 1s ease;
    -o-transition: border-radius 1s ease;
    transition: border-radius 1s ease;
}
/* FORM STYLES ////////////////////////////////////////*/

input {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    width: auto;
    zoom: 1;
    margin: 0;
    border: 1px solid #ccc;
    font-size: 1em;
    padding: 5px 0;
    text-indent: 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #fff;
    -moz-box-shadow: inset 0 0 0 #ccc;
    -webkit-box-shadow: inset 0 0 0 #ccc;
    box-shadow: inset 0 0 0 #ccc;
}
/* FOOTER STYLES ////////////////////////////////////////*/

.footer {
    text-align: left;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 4em;
    margin: 0;
    border-top: dotted 1px #a4acb1;
    color: #000;
    font-size: 1em;
    text-shadow: none;
    position: relative;
    top: 0;
    left: 0;
}
.footer p {
    font-weight: 300;
}
.footer b {
    font-weight: 400;
}
.footer a {
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}
/* CONTACT STYLES ////////////////////////////////////////*/

.contact .icon-large a,
.contact,
.contact a {
    color: #000;
    text-align: right;
}
.contact .icon-large {
    margin-left: 40px;
    margin-top: 30px;
}
.contact p a,
.contact p {
    text-decoration: none;
    font-size: 14px;
}
.contact a:hover {
    text-decoration: underline;
}
.contact-top .fa {
    font-size: 1.8em;
}
#tiptip_content {
    font-size: 1em;
}
/* SIDEBAR BLOG STYLES///////////////////////////////////////// */

.sidebar-blog ul,
.sidebar-blog li,
.sidebar-general ul,
.sidebar-general li {
    list-style: none;
    margin-left: 0;
}
.sidebar-blog ul a {
    color: #566d79;
    text-decoration: none;
    font-size: 90%;
}
.sidebar-blog ul a:hover {
    color: #000;
    text-decoration: none;
}
.sidebar-blog .current-cat a {
    color: #000;
}
.sidebar-blog .current-cat .children a {
    font-weight: normal;
}
.sidebar-blog .children {
    margin-top: 8px;
}
.sidebar-blog .archived-news {
    margin-top: 30px;
}
.sidebar-blog .archived-news {
    font-size: 1.5em;
    margin: 30px 0 10px 0;
}
/* SEARCH STYLES///////////////////////////////////////// */

#searchsubmit {
    font-size: 0.8em;
    padding: 5px 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#searchform label {
    display: none;
}
#searchform #searchsubmit {
    display: block;
    clear: both;
    margin-top: 1em;
}
/* IMAGE STYLES///////////////////////////////////////// */

.alignright {
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 30px;
}
.alignleft,
.alignnone,
.aligncenter {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 30px;
}
.wp-caption {
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 3px;
    max-width: 100%;
    display: inline-block;
    height: auto;
}
.wp-caption img {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}
.wp-caption .wp-caption-text {
    display: block;
    margin-top: 3px;
    font-size: 0.8em;
    color: #666;
    padding: 0px 5px;
}
/* BLOCK QUOTE STYLES///////////////////////////////////////// */

blockquote {
    font-size: 1.2em;
}
/* HEADING STYLES///////////////////////////////////////// */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', Verdana, Arial, Helvetica, sans-serif;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: .7px;
    line-height: 130%;
}
h1 {
    font-size: 3em;
    margin: 30px 0 15px 0;
}
h2 {
    font-size: 2.2em;
    margin: 30px 0 12px 0;
}
h3 {
    font-size: 1.7em;
    margin: 30px 0 12px 0;
}
h4 {
    font-size: 1.6em;
    margin: 30px 0 12px 0;
}
h5 {
    font-size: 1.4em;
    margin: 30px 0 10px 0;
}
h6 {
    font-size: 1.2em;
    margin: 30px 0 5px 0;
}
p{
    line-height: 150%;
}
/*MENU STYLES ///////////////////////////////////*/

.menu {
    border: none;
    background: #fff;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera11.10+ */
    
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    
    z-index: 600;
    margin-top: 14px;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
}
.menu li {} .menu li a {
    text-shadow: none;
    text-decoration: none;
    text-transform: lowercase;
    font-size: 1.1em;
    color: #000;
}
.menu li.current>a,
.menu li.current>a:hover,
.menu li.current.hover>a {
    background: rgb(255, 255, 255);
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 44%, rgba(255, 255, 255, 0.75) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.75)), color-stop(44%, rgba(255, 255, 255, 0.75)), color-stop(100%, rgba(255, 255, 255, 0.75)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 44%, rgba(255, 255, 255, 0.75) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 44%, rgba(255, 255, 255, 0.75) 100%);
    /* Opera11.10+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff', GradientType=0);
    /* IE6-9 */
    
    background: linear-gradient(top, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.75) 44%, rgba(255, 255, 255, 0.75) 100%);
    /* W3C */
    
    color: #9d9d9c;
    text-shadow: none;
    cursor: default;
}
.menu li a:hover,
.menu li.hover>a {
    background: #fff;
    color: #9d9d9c;
}
.menu ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 200px;
    max-width: 200%;
    *width: 200px;
}
.menu li a {
    padding: 15px 15px;
}
/* sub menus ///////////////////////////////*/

.menu ul {
    min-width: 200px;
    max-width: 200%;
    *width: 200px;
}
.menu ul {
    background: #fff;
    background: rgb(255, 255, 255);
    /* Old browsers */
    
    border: none;
}
.menu ul li {} .menu ul li a {
    font-size: .95em;
    text-transform: none;
}
/* sub-sub menus */

.menu ul ul {} .menu ul ul li {} .menu ul ul li a {}
/* arrows */
/* arrow down */

.menu li.has-menu span.arrow {
    border-color-top: #000;
    border-color: #000 transparent transparent transparent;
}
/* arrow left */

.menu li li.has-menu span.arrow,
.menu.vertical li.has-menu span.arrow {
    border-color-left: #ccc;
    border-color: transparent transparent transparent #ccc;
}
/* arrow right */

.menu.vertical.right li.has-menu span.arrow {
    border-color-right: #ccc;
    border-color: transparent #ccc transparent transparent;
}
/* dividers */

.menu ul li.divider {
    border-top: 1px solid #ccc;
}
.menu ul li.divider a {
    border-top: 1px solid #fff;
}
/* ACCORDION SHORTCODE STYLES///////////////////////////////////////// */

.ui-accordion-header {
    margin: 5px 0 0;
    font-size: 14px;
}
.ui-accordion-header a {
    padding: 8px 14px;
    background: #40505a;
    color: #FFF;
    display: block;
    text-decoration: none;
}
.ui-accordion-header.ui-state-active a,
.ui-accordion-header a:hover {
    background-color: #f47920;
}
.ui-accordion-content {
    padding-top: 20px;
    margin-bottom: 30px;
    font-size: 11px;
    color: #798891;
}
/* SLIDER HOME////////////////////////////////////////*/

.slideshow {
    overflow: visible;
}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    left: 0;
    background: #eef2f5;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #8696a0;
    width: 15px;
    height: 15px;
    margin: 0 10px;
    outline: 0;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #f16821;
}
.bx-wrapper {
    margin: 0 0 20px;
}
/* SLIDER CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 45%;
    margin-bottom: 6em;
    background: #fff;
}
.bx-wrapper .bx-caption span {
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #fff;
    display: block;
    font-size: 2.2em;
    line-height: 130%;
    padding: 1em;
    color: #000;
}
/* RESPONSIVE styles ///////////////////////////*/

.desk-b {
    display: none;
}
.phone {
    display: block;
}
@media all and (max-width: 480px) {
    .ani-text {
        padding: 2em;
    }
    .desk-b {
        display: block;
    }
    .phone {
        display: none!important;
    }
    .top .space {
        margin-top: 1em;
    }
    .bx-wrapper .bx-caption span {
        font-size: .7em;
        padding: .5em;
    }
    .bx-wrapper .bx-caption {
        margin-bottom: 2em;
    }
    .branding .full-width {
        width: 85%;
    }
    .home .project-box {
        float: left;
        width: 50%;
    }
    .home .project-text {
        font-size: 1em;
        line-height: 120%;
    }

.project-box {
        float: left;
        width: 50%;
    }
.project-text {
        font-size: 1em;
        line-height: 120%;
    }
    .contact-top {
        margin-top: 0;
    }

.up-arrow-left a,
.up-arrow-right a ,
.date-left,
.date-right{
        margin-bottom:1em;
}
.about-top-heading{
    margin-bottom:0;
    margin-top:1em;
    line-height:1.5em;
    padding-left:0;
}

}
@media all and (min-width: 480px) and (max-width: 768px) {
    .phone {
        display: none!important;
    }
    .ani-text {
        padding: 2em;
    }
    .desk-b {
        display: block;
    }
    .bx-wrapper .bx-caption span {
        font-size: 1em;
        padding: .5em;
    }
    .branding .full-width {
        width: 65%;
        padding-bottom: 0;
        margin-bottom: 0;
    }
.home .project-box {
        float: left;
        width: 50%;
    }

.project-box {
        float: left;
        width: 50%;
    }

    .hide-small {
        display: none;
    }
    .contact-top {
        margin-top: 0;
    }

.up-arrow-left a,
.up-arrow-right a ,
.date-left,
.date-right{
        margin-bottom:1em;
}
.about-top-heading{
    margin-bottom:0;
    margin-top:1em;
    line-height:1.5em;
    padding-left:0;
}
}
@media all and (min-width: 768px) and (max-width: 1040px) {
    .project-text {
        font-size: 1em;
    }
    .desk-b {
        display: none;
    }
    .phone {
        display: block;
    }

    .project-box {
        position: relative;
        float: left;
        width: 33%;
    }
    .contact-top {
        margin-top: 2.25em;
    }
}