a:hover,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover, h6 a:hover,
.post .post-title a:hover,
.top-bar .msg h1, .top-bar .msg h2, .top-bar .msg h3, .top-bar .msg h4,
.top-bar .msg_text a,
.top-bar .message-close:hover,
.top-bar .options a.special,
.top-bar .options li.like-a,
.top-menu li:hover > a, .top-menu li.hovered > a, .top-menu li.current-menu-item > a, .top-menu li.current-menu-ancestor > a,
.top-menu span em, .top-menu a em,
.menu-opener.open:before,
.menu-opener:hover:before,
.posts-nav a:hover span,
.posts-nav a:hover i,
.comment-info .author .url,
a.comment-reply-link,
#cancel-comment-reply-link,
a.more-link,
.post .post-meta a,
.navigation .current,
.navigation a:hover,
.tagcloud a:hover,
.widget .author,
.widget a:hover,
.genre-filter li.selected a,
.genre-filter li.active a,
.genre-filter li:hover a,
.genre-filter li.label:hover,
.cpt-nav a:hover,
.title-icon,
.meta-section a{
    color: rgba(0, 124, 152, 1);
}

.top-bar .options .message-opener:hover:before, .top-bar .options .message-opener.active:before,
.hover .title-icon:hover{
    background-color: rgba(0, 124, 152, 1);
}

.top-menu > li:hover > a:before, .top-menu > li.hovered > a:before, .top-menu > li.current-menu-item > a:before, .top-menu > li.current-menu-ancestor > a:before,
.top-menu span em, .top-menu a em,
.top-menu ul,
.navigation-bar.touch .top-menu,
.navigation .current,
.navigation a:hover,
.tagcloud a:hover,
.genre-filter li.selected a,
.genre-filter li.active a,
.genre-filter li:hover a,
.genre-filter li.label:hover{
    border-color: rgba(0, 124, 152, 1);
}

/* buttons */
input[type="submit"],
a.a13-button,
a.dot-irecommendthis{
    color: rgba(0, 124, 152, 1);
    border-color: rgba(0, 124, 152, 1);
}
input[type="submit"]:hover,
input[type="submit"]:focus,
a.a13-button:hover,
a.project-site:hover{
    background-color: rgba(0, 124, 152, 1);
}
/* ==================
   GLOBAL
   ==================*/
body{
    
    background-attachment: fixed;
    cursor: default
}
body,
.widget .title > span,
.wp-paginate .title,
.wp-paginate .gap,
.navigation a,
.widget-title span,
.title-and-nav .title span,
.title-and-nav nav,
#reply-title span,
#cancel-comment-reply-link{
	
}


input[type="submit"],
a.a13-button,
a.dot-irecommendthis{
    color: #ffffff;
    border-color: transparent;
    background-color: #3498db;
    font-family: Quicksand, sans-serif;
}
input[type="submit"]:hover,
input[type="submit"]:focus,
a.a13-button:hover,
a.project-site:hover,
.product .summary .add_to_wishlist:hover{
    color: #ffffff;
    border-color: transparent;
    background-color: #222222;
}

#preloader{
    background-color: #ffffff;
}
.preloader-text,
a.skip-preloader,
a.skip-preloader:hover{
    color: #444444;
    font-size: 16px;
    font-weight: bold;
}


/* ==================
   TYPOGRAPHY
   ==================*/
/* Titles and titles alike font */
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a, h6 a,
.page-title,
.widget .title{
    color: rgb(0, 124, 152); color: rgba(0, 124, 152, 1);
    font-family: Quicksand, sans-serif;
    font-weight: bold;
    text-transform: none;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
.post .post-title a:hover, .post a.post-title:hover{
    color: #00677f;
}
.wc-header-cart,
.a13-button,
a.dot-irecommendthis,
input[type="submit"],button,
.widget_nav_menu li a,
.widget_about_posts .post-title,
.breadcrumbs,
title-bar .post-meta,
.posts-nav a span,
.in_post_widget .post-title,
.g-link .cov strong,
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.vc_progress_bar .vc_single_bar .vc_label{
    font-family: Quicksand, sans-serif;
}

/* Top menu font */
ul.top-menu,
#a13-demo-switcher .before-label{
	font-family: Quicksand, sans-serif;
}

/* Text content font */
html,input,select,textarea,
.footer-widget.widget_nav_menu li a{
    font-family: Quicksand, sans-serif;
}

/* Title bar */
.breadcrumbs, .post-meta{
    text-transform: none;
}


/* ==================
   HEADER - top bar
   ==================*/
.top-bar-container,
.top-bar .options li ul{
    background-color: rgba(0, 124, 152, 1);
}
.top-bar-container{
    
}
.top-bar .msg{
    border-bottom-color: rgb(255, 255, 255); border-bottom-color: rgba(255, 255, 255, 0);
}
.top-bar .msg h1,
.top-bar .msg h2,
.top-bar .msg h3,
.top-bar .msg h4{
    color: #ffffff;
}
.top-bar .msg_text{
    color: #ffffff;
}
.top-bar .msg_text a,
.top-bar .message-close{
    color: #ffffff;
}
.top-bar .msg_text a:hover,
.top-bar .message-close:hover{
    color: #fafafa;
}
.top-bar .options a,
.top-bar .options li.like-a{
    text-transform: none;
    font-weight: bold;
    color: #ffffff;
}
.top-bar .options a:hover,
.top-bar .options li:hover > a,
.top-bar .options li.hovered > a{
    color: #39aee7;
}
.top-bar .options a.special{
    color: #ffffff;
}
.top-bar .options .message-opener:hover:before,
.top-bar .options .message-opener.active:before{
    background-color: #ffffff;
}
.top-bar .options li ul:before{
    border-bottom-color: rgba(0, 124, 152, 1);
}
.top-bar .options li li{
    border-top-color: #2c2c2c;
}
.top-bar .options li ul{
    background-color: #181818;
}
.top-bar .options li ul:before{
    border-bottom-color: #181818;
}
.top-bar .options li li:hover{
    background-color: #000000;
}

/* ==================
   HEADER
   ==================*/

#header{
    
}
#header{
    background-color: transparent;
}
a.logo{
	
    font-size: 26px;
    font-weight: bold;
    font-family: Quicksand, sans-serif;
    padding-top: 30px;
    padding-bottom: 30px;
}
a.logo:hover{
	
}
a.logo:hover img{
    filter: alpha(opacity=90);
    opacity: 0.9;
}
header .bottom-head,
.top-menu ul{
    
}
.navigation-bar{
    
}
.navigation-bar,
.wc-header-cart .header-cart-inside,
#header .search{
    border-color: transparent;
}
.wc-header-cart.empty-cart .cart-link,
#header .search .action.open{
    color: #cbcbcb;
}
.top-menu ul{
    background-color: #222222;
    border-color: #ffffff;
    
}
.top-menu li a{
    font-size: 13px;
    padding-left: 8px;
    padding-right: 8px;
}
.top-menu li a{
    color: rgb(255, 255, 255); color: rgba(255, 255, 255, 0.6);
    font-weight: normal;
    text-transform: none;
}
.top-menu li:hover > a,
.top-menu li.hovered > a,
.top-menu li.current-menu-item > a,
.top-menu li.current-menu-ancestor  > a{
    color: #ffffff;
}
.top-menu > li:hover > a:before,
.top-menu > li.hovered > a:before,
.top-menu > li.current-menu-item > a:before,
.top-menu > li.current-menu-ancestor > a:before{
    border-color: #ffffff;
    display: none;
}
.top-menu li li a,
.top-menu li span.title{
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    text-transform: none;
}
.top-menu li li:hover > a,
.top-menu li li.hovered > a,
.top-menu li li.current-menu-item > a,
.top-menu li li.current-menu-ancestor > a{
    color: #d1d1d1;
    background-color: #0d0d0d;
}
.top-menu li li a, .top-menu li span.title,
.top-menu .mega-menu ul li li > a,
.mega-menu > ul > li,
.navigation-bar.touch .top-menu li a,
.navigation-bar.touch .top-menu li span.title{
    border-color: #333333;
}
.lt-ie9 .top-menu ul{
    border-color: #333333;
}
.top-menu .mega-menu span.title,
.top-menu .mega-menu > ul > li > a{
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
}
.top-menu span em, .top-menu a em{
    border-color: ;
    color: ;
}
.top-menu ul span em, .top-menu ul a em{
    border-color: ;
    color: ;
}
#fixed-header{
    background-color: transparent;
    
    background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.8);
}
.navigation-bar.touch .menu-container,
.navigation-bar.touch .top-menu ul{
    background-color: transparent;
    
    background-color: transparent;
}

.header-one-line .top-menu > li > ul {
    margin-top: 29px;
}


/* ==================
   FOOTER
   ==================*/
#footer{
   background-color: transparent;
   background-image: url(http://blame.apollo13.kinsta.com/wp-content/uploads/sites/15/2014/07/footer_BG.jpg);
}
.foot-widgets{
    background-color: #efefef;
    color: #1b4a0d;
}
.foot-widgets .foot-content:before{
    background-color: transparent;
}
.foot-widgets .widget{
    font-size: 14px;
}
.foot-widgets .widget h3.title, .foot-widgets .widget h3.title a {
    color: transparent;
    font-size: 19px;
    border-color: transparent;
}
.foot-widgets .widget a{
    color: rgb(74,74,73);
}
.foot-widgets .widget .author,
.foot-widgets .widget a:hover{
    color: #333333;
}
.foot-widgets .tagcloud a {
    color: rgb(74,74,73);
    border-color: rgb(74,74,73);
}
.foot-widgets .tagcloud a:hover{
    color: #333333;
    border-color: #333333;
}
.foot-widgets .widget .entry-date,
.foot-widgets .rss-date,
.foot-widgets .widget_categories,
.foot-widgets .widget_archive,
.foot-widgets .widget_recent_comments,
.foot-widgets .widget a.comments,
.foot-widgets .widget_contact_info .with_icon > i,
.footer-widget .widget-slider-ctrls span{
    color: transparent;
}

/*lower part*/
.foot-items{
    background-color: #efefef;
    
}
.f-texts{
    border-color: transparent;
    font-size: 12px;
    color: #111e4a;
}
.f-texts a{
    color: rgb(74,74,73);
}
.f-texts a:hover{
    color: #333333;
}


/* ==================
   GALLERIES LIST
   ==================*/
.bricks_fluid #a13-galleries{
     padding-top: 5px;
     padding-left: 2.500000px;
     padding-right: 2.500000px;
}
.bricks_fluid #a13-galleries .g-item{
     margin-bottom: 5px;
     margin-right: 2.500000px;
     margin-left: 2.500000px;
     height: 320px;
     width: 420px;
}


/* ==================
   SINGLE GALLERY
   ==================*/
#a13-gallery{
     padding-top: 8px;
     padding-left: 4.000000px;
     padding-right: 4.000000px;
}
#a13-gallery .g-link{
     margin-bottom: 8px;
     margin-right: 4.000000px;
     margin-left: 4.000000px;
     height: 260px;
     width: 340px;
}
.single-gallery #a13-slider-caption{
    
}
.single-gallery #slide-list{
    
}
.single-gallery .in-post-slider{
    height: 640px;
}


/* ==================
   WORKS LIST
   ==================*/
.bricks_fluid #a13-works{
     padding-top: 0px;
     padding-left: 0.000000px;
     padding-right: 0.000000px;
}
.bricks_fluid #a13-works .g-item{
     margin-bottom: 0px;
     margin-right: 0.000000px;
     margin-left: 0.000000px;
     height: 300px;
     width: 420px;
}


/* ==================
   SINGLE WORK
   ==================*/
.single-work #a13-scroll-pan{
    height: 500px;
}
.single-work .in-post-slider{
    height: 700px;
}
.single-work #a13-slider-caption{
    display: none !important;
}
.single-work #slide-list{
    display: none !important;
}

   
/* ==================
   BLOG
   ==================*/
.variant_masonry #only-posts-here{
    padding-left: 15.000000px;
    padding-right: 15.000000px;
}
.variant_masonry .archive-item{
    width: 321px;
    margin-bottom: 30px;
    margin-right: 15.000000px;
    margin-left: 15.000000px;
}


/* ==================
   CONTENT
   ==================*/
#content{
    font-size: 20px;
    color: #333333;
}
.real-content > p:first-child{
    
    color: rgb(0, 124, 152); color: rgba(0, 124, 152, 1);
}


/* ==================
   RESPONSIVE
   ==================*/
/*@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}*/

/* ==================
   CUSTOM CSS
   ==================*/
.comments-area {
    display: none !important;
}
.post-meta {
    display: none !important;
}
ol, ul {
    padding: 0px 0 0 17px;
}
::marker {
    color: #007c98 !important;
    font-size: 1.3em !important;
}
li::marker {
    color: #007c98 !important;
    font-size: 17px !important;
}
.vc_btn3.vc_btn3-size-md {
    font-size: 24px !important;
    padding: 14px 20px;
}
.font-size-24{font-size: 24px !important;}
.vc_btn3.vc_btn3-color-primary {
    color: #FFF;
    background-color: #007c98 !important;
}
.wpb_content_element { margin-bottom: 0px !important;  }
.foot-widgets .col {

    float: left;
    width: 100% !important;
    margin-left: 3%;
    padding-bottom: 70px;
    padding-top: 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}
.socials a.a13_soc-instagram:hover {
    background-position: -110px -760px !important;
}
.socials a.a13_soc-linkedin:hover {
    background-position: -110px -860px !important;
}
.vc_tta-title-text {
    font-size: 24px !important;
}
.wpcf7-form-control.wpcf7-textarea {
    margin-bottom: 20px !important;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    margin-bottom: 20px !important;
width:82%;
}

.logo img {
    width: 370px !important;
}

#col-mask {
    padding-top: 0px !important;

}

#content {
    padding-bottom: 0px !important;
    font-size: 16px;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
    border-color: transparent !important;
    background-color: transparent !important;
 color: #007c98 :important !important; 
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
    background-color: transparent !important;
    color: #333333 !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
    border-color: transparent !important;
    background-color: transparent !important;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
    background-color: transparent !important;
    border-color: transparent !important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
    color: #007c98 !important;
}
#footer {
    border-top: 5px solid #007c98 !important;
}
.foot-widgets .col {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}
.f-links {
    float: right;
    max-width: 100% !important;
}
.f-texts {
    border-top: 0px solid #2D2D2D !important;
        border-top-color: rgb(45, 45, 45);
    padding: 0px 0px 20px 0px !important;}

.tdg{
background-image: url(http://www.urbanagile.co.uk/wp-content/uploads/2018/11/tdglogo-colour.png) !important;
background-repeat: no-repeat !important;
padding-left: 40px !important;}
.pgd{
background-image: url(http://www.urbanagile.co.uk/wp-content/uploads/2018/11/glasses-colour.png) !important;
background-repeat: no-repeat !important;
padding-left: 40px !important;}

.bold-blue-text {
    color: rgba(0, 124, 152, 1);
    font-weight: 700;
}
.foot-widgets .widget {
    margin-top: 0px !important;
}
/*pop-up-menu-styling*/
button#responsive-menu-button {

    width: 50px !important;
    height: 50px !important;
    position: absolute !important;
    top: 13% !important;
    right: 6% !important;
    background: rgba(0, 124, 152, 1 )!important;
transform: none !important;

}

.responsive-menu-open button#responsive-menu-button:hover, .responsive-menu-open button#responsive-menu-button:focus, button#responsive-menu-button:hover, button#responsive-menu-button:focus {
    background: #333333 !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link {
    background-color: transparent !important;
    color: #047a93 !important;
    border-color: transparent !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
    line-height: 60px !important;
    border-bottom: 0px solid #212121 !important;
    color: rgba(0, 124, 152, 1) !important;
    background-color: transparent !important;
    word-wrap: break-word;
    height: auto;
    padding-right: 40px;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
    color: #333333 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}
#responsive-menu-container {
    margin-top: 40px !important;
}
#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
    border-top: 0px solid #212121 !important;
}
a.side-link {
    color: rgba(0, 124, 152, 1) !important;
}
a.side-link:link {
    color: rgba(0, 124, 152, 1) !important;
}
a.side-link:hover {
    color: #333333;
}
a.side-link:visited {
    color: rgba(0, 124, 152, 1) !important;
}
a.side-link:active {
    color: #333333;
}
.menu-opener {display: none !important;}
@media only screen and (max-width: 792px) {
#responsive-menu-container{width:100% !important;}
.services {padding: 0px 50px !important;}
}
@media only screen and (max-width: 768px) {
.wpb_row .wpb_column {

    margin-bottom: 0px !important;

}
}
@media only screen and (max-width: 480px) {
button#responsive-menu-button {

    width: 50px !important;
    height: 50px !important;
    position: absolute !important;
    top: 6% !important;
    right: 4% !important;
    background: rgba(0, 124, 152, 1 )!important;

}
}
@media only screen and (max-width: 460px) {
a.logo img {max-width: 200px !important;}
}