/*!
Theme Name: CalibreOCS
Theme URI: http://underscores.me/
Author: Orange Cup Studio ltd
Author URI: https://orangecupstudio.co.uk
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: calibreocs
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CalibreOCS is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	
}

a:visited {
	
}

a:hover, a:focus, a:active {
	
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.menu-toggle {
    margin: 1em auto 0.5em auto;
    background: white;
    border: none;
    font-size: 1.6em;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}



/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## GENERAL
--------------------------------------------------------------*/
body {
    font-size: 0.95em;
    font-family: 'Raleway', sans-serif;
}
.container {
    max-width: 1300px !important;
}

.site-branding .site-title,
.site-branding .site-title a,
.site-branding .site-description {
    color: transparent; 
    font-size: 0px;
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
    height: auto;
}


/* Typhography */
h2, h3, h4, h5, h6 {
    color: #0D4D8A;
}
h2 {
    font-size: 1.8em;
    font-weight: 700;
    text-transform: uppercase;
}
h3 {
    font-size: 1.6em;
    font-weight: 600;
}
h4 {
    font-size: 1.4em;
    font-weight: 600;
}
h5 {
    font-size: 1.2em;
    font-weight: 600;
}
h6 {
    font-size: 0.9em;
    font-weight: 700;
    text-transform: uppercase;
}





.top-banner h2,
.top-banner-default-page h2,
.single .top-banner-default-page h1,
.under-top-banner h2,
.home-who h2, 
.news-switch h2,
.top-banner h1 {
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 1.8em !important;
}
.top-banner h2,
.top-banner-default-page h2,
.single .top-banner-default-page h1 {
    color: white;
}

.related-posts h2 {
    color: #0D4D8A;
}
a {
    color: #1882BE;
    text-decoration: underline;
}
a:hover {
    color: #0D4D8A;
    text-decoration: underline;
}

/*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*/
/*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*/
/*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*//*HEADER*/

/*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*//*MENU*/
.main-navigation ul {
    float: right;
}
.main-navigation ul li a {
    border-bottom: 8px solid; 
    font-size: 0.80em;
    padding: 6px 0.7em;
    text-align: center;
    text-transform: uppercase;
    height: 4.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
    width: 90px;
    line-height: 1.2em;
    font-weight: 700;
    color: #0D4D8A;
}
.main-navigation ul li a:hover {
    color: white;
    text-decoration: none;
}
.main-navigation ul li ul a {
    width: 190px;
    height: 4em;
    padding: 0.6em 1em 0em 1em;
    color: white;
}
.main-navigation ul li ul a:hover {
    text-decoration: underline;
}
.main-navigation ul li ul li {
    margin-left: -45px !important;
    border-bottom: 1px dotted grey;
}
.main-navigation ul li ul li:last-child {
    border: none;
}



.header-contact {
    float: right;
    font-weight: 700;
}

.header-contact a {
    color: #022039;
    padding-left: 0.5em;
    text-decoration: none;
}
.header-contact a:hover {
    text-decoration: underline;
}

/* TOPBANNER *//* TOPBANNER *//* TOPBANNER *//* TOPBANNER *//* TOPBANNER *//* TOPBANNER *//* TOPBANNER */
.top-banner-default-page a {
    color: white !important;
    text-decoration: underline;
}
.top-banner {
    color: white;
    padding-top: 6em;
    background-size: cover;
    background-position: center;
}
.top-banner .btn {
    color: white;
    border: 1px solid white;
    border-radius: 0px;
    float: right;
    position: relative;
    margin-bottom: 4em;
    -webkit-transition: all .35s;
    transition: all .35s;
}

.top-banner .btn span{
  position: relative;
  z-index: 2;
}
.top-banner .btn:hover {
    
}
.top-banner .btn:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: white;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.top-banner .btn:hover{
  color: rgb(8,61,111);
  text-decoration: none;
}

.top-banner .btn:hover:after{
  width: 100%;
}




.top-banner img.baloon {
  -webkit-animation: MoveUpDown 15s ease-in-out infinite;
  animation: MoveUpDown 15s ease-in-out infinite;
  position: absolute;
  bottom: 0;
  width: 250px; 
}
@-webkit-keyframes MoveUpDown {
  0%, 100% {
    bottom: 40px;
  }
  50% {
    bottom: 100px;
  }
}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 40px;
  }
  50% {
    bottom: 100px;
  }
}




.top-banner-default-page {
    color: white;
    padding-top: 4em;
    background-size: cover;
    background-position: center;
}
.top-banner-default-page [class*='col-'] {
    min-height: 130px;
}

.top-banner-default-page img.baloon {
  -webkit-animation: Movex 15s ease-in-out infinite;
  animation: Movex 15s ease-in-out infinite;
  position: absolute;
  bottom: 0;
  width: 200px;        
}
@-webkit-keyframes Movex {
  0%, 100% {
    bottom: -130px;
  }
  50% {
    bottom: -40px;
  }
}
@keyframes Movex {
  0%, 100% {
    bottom: -130px;
  }
  50% {
    bottom: -40px;
  }
}




/* BLUE SUBMENU */
.dynamic-submenu {
    background: rgb(8,61,111);
    background: -webkit-gradient(linear, left top, right top, from(rgba(8,61,111,1)), to(rgba(89,164,232,1)));
    background: linear-gradient(to right, rgba(8,61,111,1) 0%, rgba(89,164,232,1) 100%);
    color: white;
    border-top: 4px solid white;    
}
.dynamic-submenu a {
    color: white;
}
.dynamic-submenu .widget-title {
    display: none;
}
.blue-submenu .widget {
    margin: 0 !important;
}
.blue-submenu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -4px;
    margin-bottom: 0;
} 
.blue-submenu ul li {
    text-align: center;
    /*border-left: 4px solid white;
    border-right: 4px solid white;*/
}
.blue-submenu ul li a {
    text-transform: uppercase;
    display: block;
    font-size: 0.9em;
    font-weight: 600;
    padding: 2em;
    border-left: 4px solid white;
    border-right: 4px solid white;
    border-top: 4px solid white;
    border-bottom: 4px solid white;
    margin-bottom: -4px;
    margin-left: -4px;
    text-decoration: none !important;
}
/*.blue-submenu ul li:first-child a {
    
    border-left: 4px solid white;
}
.blue-submenu ul li:last-child a {
    border-right: 4px solid white;
}*/

.page-id-17 #nav_menu-2 {
    display: none;
}

/* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME */
/* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME */
/* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME *//* HOME */
img.stin {
    width: 100%;
}

.under-top-banner h2 {
    text-align: center;
}
.under-top-banner a {
    text-decoration: none;
    color: #11273F;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 700;
}

.home-tiles .container-fluid {
    padding: 0;
}
.home-tiles a {
    display: block;
    color: white;
    height: 110px;
    margin: 2px;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 700;  
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
    text-align: center;
    padding: 1em; 
    -webkit-transition: all 0.4s ease; 
    transition: all 0.4s ease;
}
.home-tiles a:hover {
    background-color: black !important;
}
.hiline {
    border-top: 8px solid;
    display: block;
    margin-top: 0.2em;
    padding-top: 0.5em;
    text-align: left;
}
.home-who {
    background-color: #E1E1E1;
}
.home-who .btn {
    border: 1px solid #E03033;
    border-radius: 0px;
    margin-bottom: 4em;
    color: #E03033;
    position: relative;
    z-index: 99999;
    -webkit-transition: all .35s;
    transition: all .35s;
}
.home-who .btn span{
  position: relative;
  z-index: 2;
}
.home-who .btn:hover {
    
}
.home-who .btn:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #E03033;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.home-who .btn:hover{
  color: #E1E1E1;
  text-decoration: none;
    
}

.home-who .btn:hover:after{
  width: 100%;
}




.owl-carousel {
    padding-left: 20px;
}
.owl-item {
    height: 160px;
}
.owl-item p {
    margin-bottom: 0;
}
.owl-item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
    width: 140px !important;
    height: auto;
}
.owl-item img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    width: 150px !important;
    height: auto;
}

/* WHO WE ARE SLIDER */
.owl-dots {
    display: none !important;
}

/* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE */
/* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE */
/* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE *//* DEFAULT PAGE */
.default-page-content {
    background-image: url(assets/img/balloon_light_background.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.top-banner-default-page .main-icon {
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 50%;
    
}



body.about-us .top-banner-default-page { background-image: url(assets/img/About.jpg) !important; }
body.about-us .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/About_Us.png) !important; }

body.marketing-services .top-banner-default-page { background-image: url(assets/img/Marketing_services.jpg) !important; }
body.marketing-services .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/Marketing_services.png); }

body.search-marketing .top-banner-default-page { background-image: url(assets/img/search_marketing.jpg) !important; }
body.search-marketing .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/Search_Marketing.png) !important; }

body.direct-marketing .top-banner-default-page { background-image: url(assets/img/Direct_Marketing.jpg) !important; }
body.direct-marketing .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/Direct_Marketing.png) !important; }

body.media-marketing .top-banner-default-page { background-image: url(assets/img/Media_marketing.jpg) !important; }
body.media-marketing .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/Media-marketing.png) !important; }

body.creative-content .top-banner-default-page { background-image: url(assets/img/Creative_Content.jpg) !important; }
body.creative-content .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/Creative__Content.png) !important; }

body.market-research .top-banner-default-page { background-image: url(assets/img/Market_Research.jpg) !important; }
body.market-research .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/Market_research.png) !important; }

body.websites .top-banner-default-page { background-image: url(assets/img/Websites.jpg) !important; }
body.websites .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/Websites.png) !important; }

body.contact .top-banner-default-page { background-image: url(assets/img/Contact.jpg) !important; }
body.contact .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/Contact.png) !important; }

body.content-marketing .top-banner-default-page { background-image: url(assets/img/content-marketing.jpg) !important; }
body.content-marketing .top-banner-default-page .main-icon { background-image: url(assets/img/main-icons/About_Us.png) !important; }


/* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM */
/* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM */
/* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM *//* MEET THE TEAM */
.page-template-page-meettheteam .team-card {
    margin-bottom: 2em;
}
.page-template-page-meettheteam .team-card h2 a {
    text-transform: uppercase;
    margin-bottom: 0.2em;
    font-size: 0.9em;
    font-weight: 700;
    color: #0D4D8A !important;
    text-decoration: none;
}
.page-template-page-meettheteam .team-card h3 {
    font-size: 1.05em;
    font-weight: 600;
    color: #1882BE;
}
.page-template-page-meettheteam .team-card p {
    line-height: 1.2em;
    font-size: 0.95em;
}



/* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE */
/* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE */
/* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE *//* MEMBER PAGE */
.page-template-page-member h2 {
    font-size: 1.2em;
    font-weight: 600;
}
.page-template-page-member h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4em;
    color: #0D4D8A;
}
ul.member-gallery {
    list-style: none;
    padding: 0;
}

/* hide blogs-by */ .blogs-by { display: none; }
.blogs-by .pt-cv-thumbnail {
    width: 80px; 
}
.blogs-by h4 a {
    color: #0D4D8A;
    font-size: 0.95em;
    line-height: 1.5em;
}
.blogs-by .pt-cv-content-item:hover h4 a {
    text-decoration: underline !important;
}
.member-head {
    padding: 2em 0 0 1em;
}
.member-head h2 {
    text-transform: uppercase;
    margin-bottom: 1em;
    font-size: 1.4em;
    font-weight: 700;
}

/* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG */
/* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG */
/* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG *//* BLOG */

.single-post .entry-meta {
    display: none;
}

/* LATEST NEWS */
.pt-cv-view .pt-cv-ifield {
    margin: 1.5em !important;
    padding: 1.5em;
    -webkit-box-shadow: 0px 0px 4px grey;
    box-shadow: 0px 0px 16px #D1D3D4;
}
.pt-cv-readmore {
    border: 1px solid #508E41 !important;
}

ul.cats {
    list-style: none;
    padding: 0;
    margin-top: 2em;
    margin-left: -1em;
}
ul.cats li {
    float: left;
    padding: 0 1em;
}
ul.cats li a {
    color: white;
    font-size: 1.1em;
    font-weight: 600;
}
.blog-main .pt-cv-view .pt-cv-ifield {
    margin: 0.5em 0 !important;
}
.blog-main .entry-meta {
    font-size: 1.1em;
    font-weight: 600;
}
.blog-main .entry-meta a {
    color: white;
}
.single h1.entry-title {
    font-size: 2em;
    font-weight: 600;
}

/* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */
/* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */
/* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER *//* FOOTER */
.footer {
    background-image: url(assets/img/footer.jpg);
    background-size: cover;
    background-position: center;
}
.footer > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > img:nth-child(1) {
    width: 200px;  
}
.footer-contact a {
    font-weight: 700;
    color: white;
    text-decoration: none;
}
.footer-contact a:hover {
    text-decoration: underline;
}
.footer-contact span {
    font-weight: 700;
}
ul.follow-us {
    padding: 0;
    color: white; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.follow-us li {
    float: left;
    list-style: none;
    margin-right: 0.5em;
}
.follow-us li span {
    font-weight: 700;
}
.follow-us img {
    width: 48px; 
}
.f-logo {
    width: 250px;
    max-width: 100%;
}
#footer-menu {
    list-style: none;
    padding: 0;
    font-size: 0.9em;
    margin-top: 0.2em;
}
#footer-menu li {
    margin-bottom: 2px;
}
#footer-menu li a {
    color: #1882BE;
    text-decoration: none;
}
#footer-menu li a:hover {
    text-decoration: underline;
}
/* LATEST NEWS */
.pt-cv-view .pt-cv-ifield {
    margin: 1.5em !important;
    padding: 1.5em;
    -webkit-box-shadow: 0px 0px 4px grey;
    box-shadow: 0px 0px 16px #D1D3D4;
}
.pt-cv-readmore {
    border: 1px solid #508E41 !important;
}
.pt-cv-title {
    text-transform: uppercase;
    font-size: 1.05em !important;
    font-weight: 700;
}
.pt-cv-title a {
    color: #0D4D8A !important;
}


/* colors *//* colors *//* colors *//* colors *//* colors *//* colors *//* colors *//* colors *//* colors */
/* colors *//* colors *//* colors *//* colors *//* colors *//* colors *//* colors *//* colors *//* colors */
/* colors *//* colors *//* colors *//* colors *//* colors *//* colors *//* colors *//* colors *//* colors */

/*MARKETING SERVICES*/
.menu-item-31 a { border-color: #0D4D8A !important; }
.menu-item-31 a:hover { background-color: #0D4D8A !important; }
.menu-item-31 ul.sub-menu li a { background-color: #0D4D8A !important; }

/* SEARCH MARKETING */
.menu-item-33 a { border-color: #1882BE !important; }
.menu-item-33 a:hover { background-color: #1882BE !important; }
.menu-item-33 ul.sub-menu li a { background-color: #1882BE !important; }

/* DIRECT MARKETING */
.green-text { color: #508E41 !important; }
.menu-item-29 a { border-color: #508E41 !important; }
.menu-item-29 a:hover { background-color: #508E41 !important; }
.menu-item-29 ul.sub-menu li a { background-color: #508E41 !important; }

/* MEDIA MARKETING */
.orange-text { color: #F49424 !important; }
.menu-item-32 a { border-color: #F49424 !important; }
.menu-item-32 a:hover { background-color: #F49424 !important; }
.menu-item-32 ul.sub-menu li a { background-color: #F49424 !important; }

/* CREATIVE CONTENT */
.menu-item-28 a { border-color: #0D4D8A !important; }
.menu-item-28 a:hover { background-color: #0D4D8A !important; }
.menu-item-28 ul.sub-menu li a { background-color: #0D4D8A !important; }

/* MARKET RESEARCH */
.menu-item-30 a { border-color: #FF5041 !important; }
.menu-item-30 a:hover { background-color: #FF5041 !important; }
.menu-item-30 ul.sub-menu li a { background-color: #FF5041 !important; }

/* WEBSITES */
.red-dark-text { color: #951A1D !important; }
.menu-item-34 a { border-color: #951A1D !important; } 
.menu-item-34 a:hover { background-color: #951A1D !important; }
.menu-item-34 ul.sub-menu li a { background-color: #951A1D !important; }

/* ABOUT US */
.menu-item-26 a { border-color: #1882BE !important; }
.menu-item-26 a:hover { background-color: #1882BE !important; }
.menu-item-26 ul.sub-menu li a { background-color: #1882BE !important; }

/* CONTACT */
.menu-item-27 a { border-color: #0D4D8A !important; }
.menu-item-27 a:hover { background-color: #0D4D8A !important; }
.menu-item-27 ul.sub-menu li a { background-color: #0D4D8A !important; }

/* CREATIVE CONTENT */
.menu-item-1770 a { border-color: #E72A32 !important; }
.menu-item-1770 a:hover { background-color: #E72A32 !important; }
.menu-item-1770 ul.sub-menu li a { background-color: #E72A32 !important; }

/* SOCIAL MEDIA */
.menu-item-678 a { border-color: #E72A32 !important; }
.menu-item-678 a:hover { background-color: #E72A32 !important; }
.menu-item-678 ul.sub-menu li a { background-color: #E72A32 !important; }

/* NEWS BLOGS */
.orange-text { color: #F49424 !important; }
.menu-item-2639 a { border-color: #F49424 !important; }
.menu-item-2639 a:hover { background-color: #F49424 !important; }
.menu-item-2639 ul.sub-menu li a { background-color: #F49424 !important; }

@media screen and (max-width: 768px) {
    img.baloon {
        display: none;
    }
}