/*
Theme Name: Citizen Home
Author: Pauline Boke
*/

html{margin-top: 0 !important; overflow-x: hidden;}
body.home, body.page-template-archive-digital, body.page-template-archive-radios, body.page-template-archive-tv, body.single-jobs, body.page-template-archive-csr, body.single-brands, body.single-csr, body.page-template-archive-careers{font-family: 'Lato', sans-serif !important; background: none;}

#playerElement-Container{background-color: #000 !important;}

body{font-family: 'Lato', sans-serif !important; background: url('../images/citizen-home-bg.jpg') no-repeat; background-size: cover; overflow-x: hidden;}
body.post-type-archive-personalities{font-family: 'Lato', sans-serif !important; /* background: url('https://royalmedia.s3.eu-west-1.amazonaws.com/wp-content/uploads/2019/10/brown2bg.jpg');  background-size: cover; background-attachment: fixed; */ background: #f7f7f7;}
body.single-personalities{font-family: 'Lato', sans-serif !important; background: #f7f7f7;}
body.search{font-family: 'Lato', sans-serif !important; background: #f7f7f7;}
.single-personalities strong {font-weight: 800;}
.single-personality .featured-img img {float: left;}
.single-personality .thecontent{float: left;}
.single-personality .col-md-6 {float: left;}
.single-personalities .title h2 {color: #000;}
.single-personalities #heda, .post-type-archive-personalities #heda, .search #heda{background: #000;}
.title p {color: #000 !important;}
.single-personality .thecontent p{color: #000;}
.single-personalities .footer, .post-type-archive-personalities .footer, .search .footer {background: #000;} 
#more {display: none;}
.single-personality .title{margin-top: 2em;}
#text{display:none;}
.btn-container{margin: auto; height:44px;}
a:active{color:#ffd323;}
button{user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; cursor:pointer; border:none; padding:8px; background: #000; color:#fff; box-sizing:border-box;}
.featured-img img {box-shadow: 0 2px 10px -2px #999;}
.post-type-archive-personalities .info{width: 9%;}
.info {padding: 10px 0 10px 29px; width: 13%; position: absolute; top: 0; left: 0; bottom: -1px; display: block;}
.item {box-shadow: 0 2px 10px -2px #999; margin-bottom: 40px; position: relative; display: block; overflow: hidden; transition: all .4s; /* height: 360px;*/ width: 100%;}

.post-type-archive-personalities .info::before{content: ''; height: 100%; position: absolute; top: 0; bottom: 0; left: -116%; right: -4px; background: linear-gradient(-133deg, #006699 0, #FF9933 60%); transform: skew(-10deg); transition: all .4s;}

.single-personality .info::before{content: ''; height: 100%; position: absolute; top: 0; bottom: 0; left: -100%; right: -20px; background: linear-gradient(-133deg, #006699 0, #FF9933 60%); transform: skew(-10deg); transition: all .4s;}
.single-personality .theme-creative {font-size: 2em !important;}
.copyright p{margin-bottom: 0 !important;}
.single-personality .thecontent ul li {list-style: disc; margin-bottom: 1em; margin-left: 2em;}
.single-personality .thecontent ul {margin-bottom: 1em; margin-top: 1em;}
.post-type-archive-personalities .col-md-4 {margin-bottom: 2em;}
.single-personality .thecontent ol li {list-style: decimal; margin-bottom: 1em; margin-left: 2em;}


/* body.page-template-contact{font-family: 'Lato', sans-serif !important; background: url('https://royalmedia.s3.eu-west-1.amazonaws.com/wp-content/uploads/2019/09/contact-bg-white.jpg') no-repeat; background-size: cover; background-position: center;} */


/* MIPASHO PDF */
.fnav-item.logo a{display: none !important;}
.page-template-mipasho #heda {background: #000;}
.page-template-mipasho #footer {background: #000;}
.page-template-mipasho {background: none;}
.page-template-mipasho .header .entry-title{margin-bottom: 0; font-size: 3em; font-weight: 700;}
.mipasho {padding-top: 6em; text-align: center;}


/* REvslider */
.slotholder {filter:none !important;}


.container{max-width: 1200px; margin: 0 auto;}
.no-padding-left{padding-left: 0 !important;}
.no-padding-right{padding-right: 0 !important;}
.no-padding{padding: 0 !important;}
.margin-bottom{margin-bottom: 2em;}

/* HEADER */
#heda {transition: 0.4s; position: fixed; width: 100%; z-index: 99; height: 65px;/*padding: 15px 0; */}
header.sticky {background: #000;}
.mobmenu{display: none;}
#menu-mobile{display: none;}
#menu-desktop{display: block;}

/*.top-menu {margin-top: 20px;} */
.menu li {display: inline-block; text-transform: uppercase; list-style: none; float: left; height: 100%; box-sizing: border-box; position: relative;}
#menu-desktop ul li a {padding: 0 1em; color: #fff; font-size: 16px; text-transform: uppercase; line-height: 3em; letter-spacing: 1px; box-sizing: border-box; text-decoration: none;}
.current-menu-item a{/*color: #000 !important;*/}
#menu-desktop li a:hover {/*color: #f68220;*/}
.navbar{background: none !important;}


#menu-desktop ul li .sub-menu{position: absolute; vertical-align: middle; background-color: #000; padding: 19px 0; padding: 0; margin: 0; z-index: 997; box-shadow: 0 5px 5px 0 rgba(0,0,0,.03); display: none;}
#menu-desktop ul li:hover .sub-menu {display: block;}

.sub-menu li a::after {content: none !important;}

#menu-desktop .sub-menu li {display: block; float: none; height: auto; width: 160px; padding-left: 1.2em;}
#menu-desktop .sub-menu li a {line-height: 2.2; text-transform: capitalize; font-size: 14px;}

#menu-desktop ul li.current-menu-item a::after, #menu-desktop ul li a:hover::after {opacity: 1; width: 100%;}

#menu-desktop ul li a::after{content: ''; position: absolute; bottom: 0; width: 18px; height: 3px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); background-color: #ffffff; opacity: 0; -webkit-transition: opacity .2s ease,width .35s cubic-bezier(.38,1,.57,1.1); -moz-transition: opacity .2s ease,width .35s cubic-bezier(.38,1,.57,1.1); transition: opacity .2s ease,width .35s cubic-bezier(.38,1,.57,1.1);}

#menu-desktop .sub-menu li a::before {content: "\f178"; top: 0px; left: 1em; width: 20px; font-family: FontAwesome; color: #ffffff; font-size: 15px; line-height: inherit; -webkit-transition: left .2s ease-in-out; -moz-transition: left .2s ease-in-out; transition: left .2s ease-in-out; position: absolute; font-weight: 400; font-style: normal; text-rendering: auto; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: none;} 

#menu-desktop .sub-menu li a:hover::before {display: block;}
#menu-desktop .sub-menu li a:hover #menu-desktop .sub-menu li a::before, #menu-desktop .sub-menu li.current-menu-item a::before, .sub-menu li.current-menu-item a::before {left: 0;}

 /* The side navigation menu */
.sidenav {height: 100%; 
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; padding-top: 60px;  transition: 0.5s; }

/* The navigation menu links */
.sidenav a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block;
  transition: 0.3s;}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {color: #f1f1f1;}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {transition: margin-left .5s; padding: 20px;}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
} 
/* mobile menu ends */

 /* The navigation bar */
.logo {float: left; line-height: 4; margin-right: 2em;}
.navbar {overflow: hidden;
  background-color: #333;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none;}

/* Change background on mouse-over */
.navbar a:hover {background: #ddd; color: black;}


/* Homepage */
.n2-ss-section-main-content {padding-left: 20% !important; width: 61%;}
.caption-desc p{margin-top: 1.5em !important;}
.more-link a {background: none !important; border: solid 2px #fff !important; margin-top: 2em; line-height: 2 !important; box-shadow: 0 2px 10px -2px #333 !important;}
.more-link a:hover{background: #000 !important; border: solid 2px #000 !important;}

/* about RMS */
.ctv-studio img{width: 100%;}
.abtrms-content{margin-right: 1em;}
.top-part img {width: 100%;}
.abt-rms .col-md-6{float: left;}
.abt-rms{margin-top: 6em;}
.abt-rms .heading{float: none;}
.abt-rms h2{font-size: 48px; color: #000; font-weight: 900; line-height: 1.21;}
.abt-rms p{color: #3B3B3B; font-size: 18px; line-height: 1.75; margin-top: 2.5em;}
.rms-presence {margin-top: 6em;}
.rms-presence .col-md-3{float: left; border-right: 1px solid #5e5e5e;}
.rms-presence h1 {font-size: 60px; font-weight: 900; text-align: center;}
.rms-presence p {color: #3b3b3b; font-size: 16px; text-transform: uppercase; text-align: center; line-height: 1.8; margin-top: 1.5em;}
.no-border{border: none !important;}
.rms-brands{margin-top: 6em;}
.rms-brands h2 {font-size: 40px; color: #000; font-weight: 900; margin-right: 1.5em; float: left;}
.rms-brands .heading {float: none;}
.rms-brands p {line-height: 1.75; overflow: auto;}
.brand{margin-top: 6em;}
.theme-creative{font-size: 48px !important; line-height: 1.21; font-family: 'Playfair Display', serif; font-style: italic !important; font-weight: 700 !important; margin: 0 !important; background-color: #FF9933; background-image: -webkit-linear-gradient(223deg, #FF9933 0, #006699 100%); background-image: -o-linear-gradient(223deg, #FF9933 0, #006699 100%); background-image: linear-gradient(-133deg, #006699 0, #FF9933 60%);
    color: transparent; -webkit-background-clip: text; background-clip: text;}


/* Brands */
.de-sc-flip-box {position: relative; perspective: 1000px;}
.de-sc-flip-box .de-sc-flip-box__front-side::before {background-color: rgba(0,0,0,0.6);}
.de-sc-flip-box .de-sc-flip-box__front-side::before, .de-sc-flip-box .de-sc-flip-box__back-side::before {content: ""; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2;}
.de-sc-flip-box .de-sc-flip-box__back-side::before {background-color: rgba(114,98,64,0.7);}
.de-sc-flip-box .de-sc-flip-box__back-side {transform: rotateY(-180deg); transform-style: preserve-3d;}
.de-sc-flip-box .de-sc-flip-box__front-side, .de-sc-flip-box .de-sc-flip-box__back-side {min-height: 470px;}
.de-sc-flip-box__back-side {position: absolute; top: 0; left: 0; width: 100%;}
.de-sc-flip-box__front-side, .de-sc-flip-box__back-side {background-size: cover; background-position: center; transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.de-sc-flip-box__content {-ms-flex-pack: center; justify-content: center;}
.de-sc-flip-box .de-sc-flip-box__back-side * {color: #ffffff;}
.de-sc-flip-box .de-sc-flip-box__content {position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: -ms-flexbox; display: flex; padding: 40px; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 3; transform: translateZ(60px); perspective: inherit; backface-visibility: hidden; -ms-flex-align: center; align-items: center; text-align: center;}
.de-btn {font-size: 16px; border: 0; cursor: pointer; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: .875em; transition: .3s; box-sizing: border-box; letter-spacing: 1px;}
.uk-margin-top {margin-top: 20px !important;}
.de-sc-flip-box:hover .de-sc-flip-box__front-side {transform: rotateY(180deg); transform-style: preserve-3d;}
.de-sc-flip-box:hover .de-sc-flip-box__back-side {transform: rotateY(0deg); transform-style: preserve-3d;}
.de-sc-flip-box__content h4 {color: #fff; font-size: 25px; line-height: 1.5;}
.rms-brands .col-md-4 {float: left;}




/* BRANDS ARCHIVE -RADIOS */
.brand-moja .col-md-6{float: left;}
.footer .col-md-4 {float: left;}
.page-template-archive-radios .footer, .page-template-archive-tv .footer, .page-template-archive-digital .footer {background: #000;}
.brand-moja h3 {font-size: 43px; margin-bottom: 0.4em;}
.brand-moja p{font-size: 16px; line-height: 30px;}


.even-content .abt-radio{padding: 90px 50px 0 300px;}
.odd-content .abt-radio{padding: 90px 300px 0 50px;}


.brandimg-insidewhite img {-webkit-animation: edgtfCardAppearFromLeft 1s cubic-bezier(.19,1,.22,1) forwards; -moz-animation: edgtfCardAppearFromLeft 1s cubic-bezier(.19,1,.22,1) forwards; animation: edgtfCardAppearFromLeft 1s cubic-bezier(.19,1,.22,1) forwards; visibility: hidden;}
.brand-img img{position: relative; display: block; box-shadow: 0 0 4.85px .15px rgba(0,0,0,.09); height: auto !important;}
.brandimg-insidewhite{will-change: transform; position: absolute !important; box-sizing: border-box; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease; -webkit-transform: scale(.9) translateX(-9.2%); -moz-transform: scale(.9) translateX(-9.2%); transform: scale(.9) translateX(-9.2%); top: -9%; left: 14%; z-index: -1; background: #f6f6f6;}
.page-template-archive-radios .brand-img img:hover, .page-template-archive-tv .brand-img img:hover, .page-template-archive-digital .brand-img img:hover {-ms-transform: none; transform: none;}
.brandmorelink{background: #ffffff; box-shadow: 0 4px 10px 0 rgba(0,0,0,.27); color: #f68220; text-transform: uppercase;}
.brandmorelink {background: #ffffff; box-shadow: 0 4px 10px 0 rgba(0,0,0,.27); color: #f68220 !important; text-transform: uppercase; clear: both; padding: 13px 25px; display: inline-block; font-size: 14px; margin-top: 1.3em; text-decoration: none !important;}
.page-template-archive-radios #heda, .page-template-archive-tv #heda, .page-template-archive-digital #heda {background: #000;}
.page-template-archive-radios .header .entry-title, .page-template-archive-tv .header .entry-title, .page-template-archive-digital .header .entry-title {font-size: 3em; font-weight: 700; margin-bottom: 0.3em; color: #000;}
.page-template-archive-radios .brands-pg .header, .page-template-archive-tv .brands-pg .header, .page-template-archive-digital .brands-pg .header {padding-top: 6em; text-align: center;}

#odd-story .col-md-6 {float: left; margin-top: 1em; margin-bottom: 1em;}

#even-story .col-md-6{float: right; margin-top: 1em; margin-bottom: 1em;}

.abt-radio h3 {font-size: 2.5em; font-weight: 700; margin-bottom: 10px;}

.abt-radio p {font-size: 16px; line-height: 1.7;}

#odd-story .col-md-6 .brand-img{float: left;}

#even-story .col-md-6 .brand-img{float: right;}

#odd-story .col-md-6 .odd-content {float: right;}

#even-story .col-md-6 .odd-content {float: left;}

.even-content {text-align: right;}


.brand-moja {clear: both; margin-top: 3em; margin-bottom: 3em;}

.brand-moja .brandimg-insidewhite{width: 100%;}
.brand-moja, .brand-moja .brandimg-insidewhite{display: inline-block; position: relative; vertical-align: middle;}

.page-template-archive-radios .brand-img img{transition: none !important;}


/* CSR */
.csr h2{font-size: 40px; color: #000; font-weight: 900; margin-right: 1.5em; text-align: center;}
.csr{margin-top: 6em;}
.csr p{text-align: center; margin-top: 1em;}
.csr .col-md-4{float: left;}
.csr-item img{width: 100%; transition: 1.2s ease;}
.csr-item h3 {font-size: 22px; font-weight: 600; margin-top: 0.8em;}
.csr-item {margin-top: 4em; overflow: hidden;}
.csr-item img:hover{-ms-transform: scale(1.05); transform: scale(1.05);}
.csr-item .date {margin-top: 0.9em; display: block;}
.csr-item h3 a {color: #000; text-decoration: none;}
.csr-item h3 a:hover{color: #f68220;}
.csr-item .date a{font-size: 14px; color: #333; display: inline-block; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; text-decoration: none;}
.csr-item .date a:hover{color: #f68220;}
.csr-excerpt p {text-align: left; line-height: 25px;}
.csr-morelink a {background: #000; margin-top: 1em; line-height: 1.5; box-shadow: 0 2px 10px -2px #333; color: #fff; text-decoration: none; padding: 7px 10px; text-transform: uppercase; display: inline-block; text-align: center;}
.csr-morelink a:hover{background: #f68220;}
.csr .entry-date{font-size: 0.8em; line-height: 1.64; position: relative; display: block; margin-top: 25px; margin-bottom: 10px; color: #9f9f9f; font-weight: 400;}

.csr article .entry-title {font-size: 1.2em; line-height: 1.3;}
.csr article .entry-title a{color: #000; text-decoration: none;}

#footer {margin-top: 4em;}

.home .footer, .single-jobs .footer, .page-template-archive-careers .footer {background: #000;}
.footer {background: none;}

/* Personalities */
.title p {margin-bottom: 1rem; line-height: 1.7;}
.title{text-align: center; color: #fff; margin-bottom: 4em;}
.title h1, .title h2 {font-size: 3em; font-weight: 700; margin-bottom: 0.5rem;}
.personalities {padding-top: 6em;}
.all-cta {float: right;}
.all-cta button {border: none; background: #000; color: #fff; padding: 0.6em 1em; border-radius: 2px; text-transform: uppercase; font-size: 0.8em;}
.all-cta button:hover{background: #99cc33;}
.all-cta button a{text-decoration: none; color: #fff;}
.all-cta a{text-decoration: none; color: #fff;}
.heading {float: left; color: #fff; text-transform: uppercase; margin-bottom: 1em;}
.personality img {width: 100%; height: 100%; box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.4);}
.celeb{color: #000; overflow: hidden; display: block;}
.celeb h3 {font-weight: 700; font-size: 18px; margin-bottom: 5px; color: #000;}
.personalities .col-md-3 {float: left; margin-bottom: 3em;}
.personality{overflow: hidden; display: block; margin-bottom: 15px;}
.personalities .celeb .personality img { transition: all 0.4s; overflow: hidden;}
/*.personality a img:hover{transform: scale(1.2);} */
.celeb p {color: #000; font-size: 14px; font-weight: 300;}
.csr-item .csr-thumbnail{position: relative; overflow: hidden;}
.post-type-archive-personalities .personality img{height: 360px;}

.search-personality .search-box input{width: 95.5%; height: 50px; border: solid 2px #333; padding-left: 5px; float: left;}
.search-personality .search-box button{background-image: -webkit-linear-gradient(223deg, #FF9933 0, #006699 100%); background-image: -o-linear-gradient(223deg, #FF9933 0, #006699 100%); background-image: linear-gradient(-133deg, #006699 0, #FF9933 60%); font-size: 1.5em; height: 50px; width: 50px; float: left;}
.search-results .theme-creative {text-transform: capitalize; display: block; padding-top: 10px; font-size: 2em !important;}
.search .title h2 {color: #000;}
.search-results p {line-height: 1.75; margin-bottom: 1.3em;}
.search-results article .entry-links {float: left;}
.search-results .col-md-6 {float: left;}
.search-results .thecontent {margin-top: 0;}
.search-results .thecontent h2 {font-weight: 900; font-size: 2em; margin-bottom: 0.2em;}
.search-results strong {font-weight: 800;}
.search-results .thecontent h3 {color: #000; font-size: 20px; border-bottom: solid 2px #000; display: inline;}
.search-results .thecontent ul li {list-style: disc; margin-bottom: 1em; margin-left: 2em;}
.search-results .thecontent ul {margin-bottom: 1em; margin-top: 1em;}
.search-no-results h3 {font-style: italic; font-weight: 700; font-size: 2em; text-align: center; margin-top: 2em;}
.search-no-results .theme-creative {text-transform: uppercase !important; font-size: 400px !important; line-height: 0.7;}
.search-no-results h1 {text-align: center; margin-top: 15%;}
.search-no-results p {text-transform: uppercase; text-align: center; width: 50%; margin: 0 auto; line-height: 1.5; font-size: 14px; font-weight: 700;}
.search-no-results h4 a {text-decoration: none; color: #f68220 !important; background: #fff; padding: 13px 25px; text-transform: uppercase; box-shadow: 0 4px 10px 0 rgba(0,0,0,.27); font-size: 14px;}
.search-no-results h4 {text-align: center; margin-top: 2em; margin-bottom: 5%;}



/* PERSONALITY SINGLE */
.single-personality p {line-height: 1.75;}
.single-personality{padding-top: 6em;}
.single-personalities p {color: #fff; margin-bottom: 1.3em;}
#JobHistory ul li {list-style: disc; margin-bottom: 0.9em; line-height: 1.6;}
.col-md-12 .profile{color: #fff; margin-top: 2em; margin-bottom: 2em;}
.thecontent {margin-top: 2em; margin-bottom: 2em;}
.single-personality .thecontent{margin-top: 0;}
.su-tabs {margin: 0 !important; padding: 0 !important; border-radius: 0 !important;background: none !important;}
.su-tabs-nav span.su-tabs-current {background: none !important; color: #f68220 !important; /*border-bottom: solid 2px #000; */}
.su-tabs-pane p {margin-top: 1em; margin-bottom: 1em; line-height: 1.75;}
.su-tabs-pane{border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; background: none !important; color: #fff !important; font-size: 16px !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 1em !important;}
.su-tabs-pane.su-cle.su-tabs-nav::before{position: absolute !important; content: ' ' !important; width: 97.5% !important; margin-top: 39px !important; margin-left: 0 !important; border-bottom: 2px solid #ffffff !important; z-index: 1 !important;}
arfix.su-tabs-pane-open {line-height: 1.4 !important; font-weight: 400 !important;}
.su-tabs-panes {clear: both !important;}
.su-tabs-nav span:focus {outline: none !important;}
.su-tabs-nav span:hover{background: none !important; color: #f68220 !important;}
.su-tabs-nav{text-transform: uppercase; border-bottom: solid 2px #fff;}
.su-tabs-nav span{color: #fff !important; font-size: 14px !important; line-height: 26px !important; letter-spacing: 3px !important; padding: 6px 18px !important; border-top: solid 2px #ffffff !important; border-right: solid 2px #ffffff !important; border-left: solid 2px #ffffff !important; display: inline-block !important;}

#JobHistory ul{padding-left: 0;}
#Biography ul li {line-height: 1.75; margin-top: 10px;}
.single-personalities .thecontent h3 {color: #000; font-size: 20px; border-bottom: solid 2px #000; display: inline;}


{font-weight: 700;}
#JobHistory li {margin-left: 2em;}
#Videos .col-md-4{float: left; width: 100%; overflow: hidden; margin-bottom: 25px;}
.featured-img img{text-align: center; width: 100%; height: 100%;} 
.featured-img {text-align: center; background: #fff;}

/* CAREERS */
.page-template-archive-careers .title{color: #000;}
.page-template-archive-careers article p {color: #000; line-height: 1.7;}
.careers-pg article .entry-title a{color: #000; font-size: 2em; margin-top: 0.7em; margin-bottom: 0.8em; text-decoration: none; display: block;}
.careers-morelink a {color: #fff; text-decoration: none;}

.careers-morelink {border: solid 1px #f68220; padding: 10px 15px; display: inline-block; text-decoration: none !important; margin-top: 1em; background: #f68220;}
.apply p {color: #000 !important; font-size: 13px; font-style: italic; font-weight: 700;}
.careers-featuredimg img {margin-top: 1em; width: 80px; transition: 1.2s ease; height: 80px; /*border: solid 1px #ccc; padding: 0 5px; border-radius: 4px; */}
.careers-featuredimg img:hover {-ms-transform: scale(1.05); transform: scale(1.05);}
article .careers-featuredimg {overflow: hidden; position: relative; float: left; margin-right: 1em;}
.careers-pg .col-md-8, .careers-pg .col-md-3, .careers-pg .col-md-1 {float: left;}
.careers-pg article {margin-top: 1em; margin-bottom: 1em; clear: both; display: inline-block; background: #f2f2f2; padding-top: 1em; padding-bottom: 1em; border-radius: 10px; box-shadow: 0 5px 25px 0 rgba(41, 128, 185, 0.15);}
.careers-pg .sharejob-archive h3 {margin-bottom: 1em; float: left; margin-top: 0.8em; font-weight: 700; margin-right: 5px;}
.careers-pg .sharejob-archive a img {margin-top: 5px !important;}
.apply {display: inline-block;}



article .careers-featuredimg {overflow: hidden; position: relative;}
.careers-pg article .entry-title {font-size: 0.6em; font-weight: 700;}
.careers-pg{padding-top: 6em; min-height: 775px;}

.csr-pg .col-md-8 {float: left;}
.careers-morelink-home a{text-transform: uppercase; background: #000; color: #fff; border: solid 1px #000; padding: 9px 10px; display: inline-block; margin-top: 1em;text-decoration: none !important;}
.careers-morelink-home a:hover{background: #f68220; border: solid 1px #f68220;}
.careers-pg #sidebar .sidebar-widget li a img {width: 80px; height: 80px;}
.sidebar-widget #lcp_instance_listcategorypostswidget-2 li a {float: left;}
.careers-pg #sidebar .sidebar-widget li a {float: left; margin-right: 10px;}
.careers-pg #sidebar .sidebar-widget li #lcp_instance_listcategorypostswidget-2 li a{font-size: 16px; padding: 5px 0;}
.careers-pg #sidebar .sidebar-widget li a {text-decoration: none; color: #fff; line-height: 1.3; padding-bottom: 10px;}
.careers-pg #sidebar .sidebar-widget li #lcp_instance_listcategorypostswidget-2 li{padding-bottom: 1.2em; padding-top: 0.5em; border-bottom: dotted 1px #fff; font-size: 12px; color: rgba(255,255,255,0.7);}
.apply button {background: none; border: 0; float: left;}
.apply button a {background: #000; padding: 10px 15px; text-transform: capitalize; color: #fff; text-decoration: none;}

.careers-pg .col-md-4, .careers-pg .col-md-8{float: left;}


/* CSR page template */
.csr-pg .title{margin-bottom: 2em; color: #000;}
.csr-pg .csr p{text-align: center; color: #000;}
.csr-pg article .entry-title a {font-weight: 700; text-align: center; color: #000; font-size: 2.2em; margin-top: 0.5em; text-decoration: none; display: block;}
.csr-pg .csr{margin-top: 0;}
.page-template-archive-csr #heda {background: #000;}
.page-template-archive-csr .footer {background: #000;}
.page-template-archive-csr .entry-date { margin-top: 25px; margin-bottom: 10px; color: #f68220 !important; font-weight: 400; font-style: italic; text-align: center;}

.edgtf-post-info-top-holder{position: relative; width: 100%; vertical-align: middle; margin: -14px 0 0; display: flex; justify-content: center; background-color: transparent;}

.edgtf-post-info-date {color: #f68220; font-size: 15px; font-style: italic; letter-spacing: 0;}

.edgtf-post-info-top .edgtf-post-info-date a::after {content: ''; display: block; position: absolute; bottom: 2px; left: 0; width: 100%; -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s;}


.csr-pg{padding-top: 6em;}
.crs-featuredimg img{width: 100%; transition: 1.2s ease; height: 100%;}
.crs-featuredimg img:hover {-ms-transform: scale(1.05); transform: scale(1.05);}
article .crs-featuredimg {overflow: hidden; position: relative;}
.csr-pg .entry-content {color: #fff; line-height: 1.75; margin-top: 1.5em;}
.csr-morelink {border: solid 1px #fff; padding: 4px 13px; display: inline-block; color: #fff; text-decoration: none !important; margin-top: 1em;}
.csr-morelink:hover {background: #fff; color: #000;}
.csr-pg .col-md-4, .csr-pg .col-md-8 {float: left;}
.csr-morelink-home a{text-transform: uppercase; background: #000; color: #fff; border: solid 1px #000; padding: 9px 10px; display: inline-block; margin-top: 1em;text-decoration: none !important;}
.csr-morelink-home a:hover{background: #f68220; border: solid 1px #f68220;}
.csr-pg #sidebar .sidebar-widget li a img {width: 80px; height: 80px;}
.sidebar-widget #lcp_instance_listcategorypostswidget-2 li a {float: left;}
.csr-pg #sidebar .sidebar-widget li a {float: left; margin-right: 10px;}
.csr-pg #sidebar .sidebar-widget li #lcp_instance_listcategorypostswidget-2 li a{font-size: 16px; padding: 5px 0;}
.csr-pg #sidebar .sidebar-widget li a {text-decoration: none; color: #fff; line-height: 1.3; padding-bottom: 10px;}
.csr-pg #sidebar .sidebar-widget li #lcp_instance_listcategorypostswidget-2 li{padding-bottom: 1.2em; padding-top: 0.5em; border-bottom: dotted 1px #fff; font-size: 12px; color: rgba(255,255,255,0.7);}
.sidebar-widget .widget-title {color: #000; font-size: 1.5em; font-weight: 700; background: url('https://royalmedia.s3.eu-west-1.amazonaws.com/wp-content/themes/citizenhome/images/music-icon.png') no-repeat; background-position: left; padding-left: 15px; text-transform: uppercase; margin-bottom: 0.6em; background-color: #fff; line-height: 2;}




/* SINGLE CAREERS/CSR */
.single-post .col-md-8, .single-post .col-md-4{float: left;}
.single-post article .entry-title{font-size: 3em; font-weight: 700; margin-bottom: 0.5rem; color: #fff;}
.single-post article {padding-top: 6em;}   
.entry-date {font-size: 13px; font-weight: 700; margin-bottom: 1em; display: block;}
.single-post article .entry-content img {width: 100%; height: 100%; transition: 1.2s ease;}
.single-post article .entry-content img:hover {-ms-transform: scale(1.05); transform: scale(1.05);}
.single-post article .entry-content {overflow: hidden; position: relative;}
.single-post article .entry-content p {color: #fff; line-height: 1.75; margin-top: 1em;}
.single-post #sidebar{padding-top: 6em;}
.single-post #sidebar .sidebar-widget li a img {width: 80px; height: 80px;}
.single-post #sidebar .sidebar-widget li a {float: left; margin-right: 10px;}
.single-post #sidebar .sidebar-widget li #lcp_instance_listcategorypostswidget-2 li a{font-size: 16px; padding: 5px 0;}
.single-post #sidebar .sidebar-widget li a {text-decoration: none; color: #000; line-height: 1.3; padding-bottom: 10px;}
.single-post #sidebar .sidebar-widget li #lcp_instance_listcategorypostswidget-2 li{padding-bottom: 1.2em; padding-top: 0.5em; border-bottom: dotted 1px #fff; font-size: 12px; color: rgba(255,255,255,0.7);}
.single-jobs .jobcontent li {color: #000; line-height: 1.75; list-style: inside; margin-top: 0.5em; margin-left: 2em;}
.single-jobs p {color: #000; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.7;}
.single-jobad .jobcontent {margin-top: 6em; color: #000;}
.single-jobad .featured-img img {width: 100px; height: 100px;}
.single-jobad .featured-img {background: none;}
.single-jobad .col-md-8, .single-jobad .col-md-4{float: left;}
.single-jobad .job-info{margin-top: 6em; border: solid 1px rgba(0,0,0,0.2); padding: 10px; border-radius: 5px;}
.single-jobad .share-job {margin-top: 2em; border: solid 1px rgba(0,0,0,0.2); padding: 10px; border-radius: 5px;}
.single-jobad .job-info h3, .single-jobad .share-job h3 {font-size: 1.4em; font-weight: 700; border-bottom: 1px solid rgba(0,0,0,0.2); line-height: 2; margin: 0 10px 10px;}
.single-jobad .job-info ul li {margin-bottom: 1.5em; margin-left: 10px; list-style: none; margin-bottom: 1em; line-height: 1.7;}
.single-jobad .job-info ul li span {display: block; font-weight: 700; padding-top: 7px; line-height: 0.7;}
.single-jobad .job-info ul li img {float: left; margin-right: 0.6em; margin-top: 10px; width: 27px; height: 27px;}
.single-jobad .jobcontent {border: solid 1px rgba(0,0,0,0.2);  padding: 10px; border-radius: 5px;}
.single-jobad .jobcontent .title{color: #000; margin-bottom: 0;}
.single-jobad .thecontent{margin-top: 1em; margin-bottom: 1em;}
.single-jobad .title h2 {font-size: 2em; margin-top: 0.7em; font-weight: 900;}
.single-jobad .thecontent p strong {border-bottom: solid; font-weight: 700; font-size: 20px; line-height: 1.7;}
.single-jobad .share-job a img {margin-left: 10px !important;}




/* CONTACT PAGE */
.wpcf7-form .wpcf7-form-control {width: 100%; line-height: 4; text-align: center; border-bottom: solid 2px #000; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; color: #7f7d81; background: none; font-size: 12px; text-transform: uppercase; margin-bottom: 2em;}

.wpcf7-form-control.wpcf7-submit.btn.btn-default {width: 160px; border: solid 2px #000; line-height: 1.3; margin-top: 1em; margin-left: 42%; color: #000; font-size: 1.7em; text-transform: capitalize;}

.wpcf7-form-control.wpcf7-submit.btn.btn-default:hover{color: #fff; background: #000; border: solid 2px #000;}
.title h3{color: #000; font-size: 3em; font-weight: 900;}
.contact .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {height: 50px; padding: 10px 23px; font-size: 16px; border-right: 1px solid #e2e2e2; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; margin-top: 10px;}

.page-template-contact #footer{background: url('https://royalmedia.s3.eu-west-1.amazonaws.com/wp-content/uploads/2019/09/contactbg-grass.jpg') no-repeat; background-size: cover; background-position: center;}
.contact-details .col-md-4 {float: left; margin-top: 2em;}
.location-details p {color: #fff; text-align: center; margin-top: 0.8em; font-size: 15px;}
.location-details h3{color: #fff; text-transform: uppercase; font-size: 1.6em; padding-bottom: 0.7em; font-weight: 900; border-bottom: solid 1px #fff; text-align: center;}
.contact .wpcf7-textarea {height: 120px !important; padding-top: 1em;}

.location-details .heading img{background: #fff; border-radius: 50%; padding: 11px; width: 50px; height: 50px;}
.location-details .heading h3{text-align: center;}
.location-details .heading {float: none; text-align: center; line-height: 1.5;}
.contact-details .col-md-3{float: left;}

.phone-details p, .phone-details p a{color: #fff; text-align: center; margin-top: 0.8em; font-size: 15px; text-decoration: none;}
.phone-details h3{color: #fff; text-transform: uppercase; font-size: 1.6em; padding-bottom: 0.7em; font-weight: 900; border-bottom: solid 1px #fff; text-align: center;}
.phone-details .heading img{background: #fff; border-radius: 50%; padding: 11px; width: 50px; height: 50px;}
.phone-details .heading h3{text-align: center;}
.phone-details .heading {float: none; text-align: center; line-height: 1.5;}

.email-details p, .email-details p a{color: #fff; text-align: center; margin-top: 0.8em; font-size: 15px; text-decoration: none;}
.email-details h3{color: #fff; text-transform: uppercase; font-size: 1.6em; padding-bottom: 0.7em; font-weight: 900; border-bottom: solid 1px #fff; text-align: center;}
.email-details .heading img{background: #fff; border-radius: 50%; padding: 11px; width: 50px; height: 50px;}
.email-details .heading h3{text-align: center;}
.email-details .heading {float: none; text-align: center; line-height: 1.5;}
.contact .header .entry-title {font-size: 3em; font-weight: 700; color: #000; text-align: center; margin-bottom: 1em; padding-top: 2em;}



.page-template-contact{background: none; color: #000;}

.page-template-contact #heda {background: #000;}
.contact .col-md-4{float: left;}
.location-details, .phone-details, .email-details{border: 1px solid #e2e2e2; padding: 1em;}
.mapnform .map iframe{width: 100%;}
.mapnform .map{float: left; width: 50%;}
.mapnform .form{float: left; width: 50%; background: url('https://royalmedia.s3.eu-west-1.amazonaws.com/wp-content/uploads/2019/09/cntct_bg.jpg') no-repeat; padding: 50px 350px 50px 40px; background-size: cover;}

.page-template-contact .entry-title {padding-top: 6em; text-align: center;}
.contact-details {margin-bottom: 4em;}
.mapnform {width: 100%;}    
.mapnform .form h3{color: #000; font-size: 2em; text-transform: capitalize; margin-bottom: 0.7em; width: 200px;}

.contact .mapnform .form .wpcf7-form-control {height: 45px; border: 1px solid #e2e2e2; color: #999; padding-left: 1em; font-size: 15px;}
.contact .form .wpcf7-form p {margin-bottom: 1em;}
.contact .mapnform .form .wpcf7-submit.btn {color: #fff; background: #f68220; width: 170px; border: 1px solid transparent;}
.contact .mapnform .form .wpcf7-submit.btn:hover{background: transparent; color: #f68220; border: 1px solid #f68220; transition: all 0.6s;}



/* BRANDS PAGE */
.page-template-brands #heda {background: #000;}
.page-template-brands #footer {background: #000;}
.page-template-brands {background: none; color: #000;}
.page-template-brands .brands-pg .header {padding-top: 6em; text-align: center;}
.brands-intro p {line-height: 1.7; text-align: center;}
.page-template-brands .brands-pg .header .entry-title {font-size: 3em; font-weight: 700; margin-bottom: 0.3em; color: #f68220;}
.brands-pg .col-md-4{float: left; margin-top: 3em;}

.brand-img img{width: 100%; height: 100%; transition: 420ms;}
.brand-item .brand-text {padding: 90px 20px; z-index: 3; text-align: center; line-height: 1.3;}

.brand-item:hover .brand-text{opacity: 1; transform: scale3d(1,1,1);}

.cover{position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.brand-item::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; max-width: 0; border-bottom: 5px solid; transition: max-width 420ms linear, margin 420ms ease;}

.brand-item:hover::before {top: 0px; left: 15px; right: 15px; bottom: 0px; transition: 420ms; background: rgba(0,0,0,0.8);}

.brand-container::before {border-color: #ffffff; content: ''; border: 1px solid transparent; position: absolute; padding: 20px; top: 0; left: 0; right: 0; bottom: 0; z-index: 2;}

.box-shadow-hover:hover {box-shadow: 0 5px 15px rgba(0,0,0,.08); transition: box-shadow .1s ease-in-out;}
.brand-text.cover h5 a {opacity: 0; text-decoration: none; font-size: 20px;}
.brand-item:hover .brand-text.cover h5 a {opacity: 1;}
.brand-border:hover {z-index: 9; border: solid 1px #fff; position: absolute; top: 20px; left: 30px; bottom: 20px; right: 30px;}
.brand-img img:hover{-ms-transform: scale(1.2); transform: scale(1.2);}
.brands-intro {margin-bottom: 3em;}



/* BRANDS SINGLE */
.single-brands #heda, .single-csr #heda {background: #000;}
.single-brands .footer, .single-csr .footer {background: #000;}
.single-brands .title h2, .single-csr .title h2{font-size: 3em; font-weight: 700; margin-bottom: 1em; color: #000;}

.page-template-brands-single .header {padding-top: 6em; text-align: center;}

.page-template-brands-single p {line-height: 1.75; margin-top: 2em;}

.single-radiostation p {color: #000; line-height: 1.7; margin-top: 1em; margin-bottom: 1em; clear: both; text-align: left;}
.single-radiostation h3 {color: #000; font-weight: 900; display: inline; border-bottom: solid #000; float: left; margin-bottom: 0.5em;}
.single-radiostation li{color: #000; line-height: 1.7; margin-top: 1em; margin-bottom: 1em; list-style: disc;
    margin-left: 2em; clear: both;}
.single-radiostation .featured-img{background: none;}
.single-radiostation .featured-img img{width: auto; height: auto;}
.single-radiostation{padding-top: 6em; text-align: center;}
.single-radiostation .title {margin-bottom: 2em;}


/* ABOUT US */
.page-template-tenders #heda{background: #000;}
.page-template-about-us #heda, .page-template-archive-careers #heda, .single-jobs #heda{background: #000;}
.page-template-about-us #footer, .page-template-tenders #footer {background: #000;}
.page-template-about-us, .page-template-tenders {background: none; color: #000;}
.page-template-about-us .header, .page-template-tenders .header {padding-top: 6em; text-align: center;}
.page-template-about-us .header .entry-title {font-size: 3em; font-weight: 700; margin-bottom: 1em; color: #000; display: none;}
.page-template-about-us p {line-height: 1.75; margin-top: 2em;}
.page-template-about-us .advert-btn {background: url('https://royalmedia.s3.eu-west-1.amazonaws.com/wp-content/uploads/2019/09/contact-us-img.jpg') no-repeat; background-size: cover; width: 100%; margin-top: 2em; padding: 40px 0;}
.page-template-about-us #footer{margin-top: 0;}
.page-template-about-us .advert-btn .col-md-8, .page-template-about-us .advert-btn .col-md-4{float: left; padding-top: 1em; padding-bottom: 1em;}
.advert-btn h2 {color: #fff; font-size: 2.3em; font-weight: 700;}
.quote-btn {background: #f68220; display: inline-block; text-align: center; padding: 10px; float: right;}
.quote-btn a {color: #fff; text-transform: uppercase; text-decoration: none; line-height: 2;}
.sk-thumb{float: left;}
.abtrms-content span {margin-top: 1.7em; /*display: inline-block;*/ margin-left: 0.5em; font-size: 14px; font-weight: 700; font-style: italic;}
.signature{margin-top: 1em;}
.page-template-tenders .tenders h2{color: #000; font-size: 3em; font-weight: 700;}
.tenders {padding-top: 6em; min-height: 775px;}
.download-link {color: #fff; font-weight: 700; display: inline-block; background: red; padding: 0.7em; text-decoration: none !important; border-radius: 4px; margin-top: -10px; margin-left: 10px; float: left;}
.download-link:hover {color: #fff;}
.tenders p{font-weight: 700; float: left;}
.tender-link {margin-top: -15px; margin-left: 10px;}
.tenders .thecontent {margin-top: 0;}
.page-template-tenders .tenders .title{margin-bottom: 1em;}
.page-template-about-us .abt-rms{margin-top: 2em;}
.page-template-about-us .abt-rms h2{font-size: 79px; line-height: 100px;}
.page-template-about-us .theme-creative{font-size: 79px !important; line-height: 100px;}
.edu-list{list-style: none; margin: 0 0 0 20px; padding: 10px 0 10px 30px; border-left: 2px dotted rgba(0, 0, 0, 0.1);}
.edu-list .info-item{margin-bottom: 30px;}
.edu-list .content-title::after{background-color: rgb(251, 87, 90);}
.edu-list .content-title::after{content: ''; display: block; position: absolute; width: 10px; height: 10px; background-color: #FF9933; left: -36px; top: 8px; border-radius: 50px; background-image: linear-gradient(-133deg, #006699 0, #FF9933 60%);}

.edu-list .awardleft .content-title::before{content: ''; display: block; position: absolute; width: 20px; height: 1px; left: -56px; top: 13px; border-bottom: 1px solid rgba(0, 0, 0, 0.15);} 
.edu-list .awardright .content-title::before{content: ''; display: block; position: absolute; width: 20px; height: 1px; left: -28px; top: 13px; border-bottom: 1px solid rgba(0, 0, 0, 0.15);} 
.awardleft p {margin-left: -21% !important;}
.awardleft h2 span {margin-left: -17%;}
.rms-awards {margin-left: 30%; margin-right: -30%;}



/* .edu-list .content-title::before{content: ''; display: block; position: absolute; width: 20px; height: 1px; left: -28px; top: 13px; border-bottom: 1px solid rgba(0, 0, 0, 0.15);} */
.edu-list .content-title{margin-bottom: 0px; position: relative; font-weight: 700;}
.edu-list .content-title + p{font-size: 12px; margin-bottom: 10px; font-style: italic; margin-top: 0.5em;}




/* FOOTER */
.company-name{color: #fff; text-transform: uppercase; font-weight: 700; text-align: center; font-size: 1.75rem; margin-top: 1em; margin-bottom: 0.5em;}
.company-name img {padding-right: 5px;}
.music-icon{padding-right: 5px; height: 20px;} 
.rms-logos{padding-left: 0; text-align: center;}
.rms-logos li{background: #fff; padding: 10px; display: inline-block; list-style: none; margin: 5px;}
.copyright p{color: #fff; text-align: center; padding: 1em 0; font-size: 14px; font-weight: 700;}
.rms-logos li a img{height: 50px;}
.non-radio li a img {height: 35px !important;}
.footer-menu .container{border-top: solid 2px rgba(255,255,255,0.4); margin-top: 4em; margin-bottom: 2em; padding-top: 1em; padding-left: 0;}
#menu-footer-menu li a {color: #fff; font-size: 14px; padding-right: 2em; text-decoration: none;}
#menu-footer-menu {margin-left: 20%;}




@media only screen and (min-width : 1600px) {
#rev_slider_1_1 {height: 1000px !important; max-height: 1000px !important;}
.top-part{height: 1000px;}
.tp-parallax-wrap {top: 45% !important;}
}


@media only screen and (max-width: 1366px) {
  .tenders{min-height: 300px;}
  .caption-title {font-size: 1.05em !important;}
  .caption-desc p {margin-top: 0.8em !important;}
  .more-link a{font-size: 1em !important; margin-top: 1.5em !important; line-height: 1.5 !important;}
  .n2-ss-section-main-content {padding-left: 8% !important; width: 62% !important;}
  .odd-content .abt-radio {padding: 20px 120px 0 20px;}
  .even-content .abt-radio {padding: 20px 20px 0 120px;}
  .rms-awards {margin-left: 48%; margin-right: -35%;}
}


@media only screen and (max-width: 1280px) {
.rms-awards {margin-right: -41%;}
.page-template-about-us .abt-rms h2 {font-size: 65px; line-height: 70px; margin-bottom: 0.5em;}
.abtrms-content {margin-left: 1em;}
.page-template-about-us .abt-rms {margin-top: 0;}
.page-template-about-us .theme-creative {font-size: 65px !important; line-height: 70px;}
}

@media only screen and (max-width: 1100px) {
.rms-awards {margin-left: 44%; margin-right: -52%;}
#menu-footer-menu {margin-left: 17%;}
}

@media only screen and (max-width: 1000px) {
.single-radiostation .featured-img img{width: 100%; height: 100%;}
.odd-content .abt-radio {padding: 0px 20px 0 0px;}
.even-content .abt-radio {padding: 0px 0px 0 20px;}
.brands-intro {margin-bottom: 2em;}
.rms-awards {margin-right: -63%;}
#menu-footer-menu {margin-left: 10%;}

}


@media only screen and (max-width: 980px) {
  .rms-logos li{padding: 7px; margin: 5px;}
  .rms-logos li a img {height: 50px;}
  .rms-logos.non-radio li a img {height: 30px;}
  .csr-item h3 a {font-size: 18px; font-weight: 700;}
  .csr-morelink a {margin-top: 0.9em; line-height: 1.3; font-size: 14px;}
  .csr-item h3{margin-top: 0.5em;}
  .csr-item .date a{font-size: 13px;}
  .de-sc-flip-box__content h4 {font-size: 20px;}
  .csr{margin-top: 3em;}
  .brand{margin-top: 3em;}
  .caption-desc p {font-size: 14px !important;}
  .more-link a {font-size: 12px !important;}
  .mobmenu {display: inline; float: right; line-height: 0.6; color: #fff; padding-top: 1em;}
  #menu-mobile .current-menu-item a {color: #f68220;}
  #menu-mobile{display: block;}
  #menu-desktop{display: none;}
  #menu-mobile li a {color: #fff; font-size: 16px;}
  #menu-mobile li {display: block !important; float: none; border-bottom: dotted 1px #fff; line-height: 1.5; text-transform: capitalize;}
  #menu-mobile li a:hover{color: #f68220;}
  .sidenav a {padding: 8px 8px 8px 12px;}
  #menu-mobile .sub-menu {padding-left: 1em;}
  #menu-mobile .sub-menu li {border: none;}
  .abt-rms h2, .rms-brands h2, .csr h2{font-size: 32px;}
  .abt-rms p{margin-top: 1em;}
  #menu-footer-menu {margin-left: 15%;}
  #menu-footer-menu li a {padding-right: 1em;}


}


@media only screen and (max-width: 853px) {
	.abt-radio h3{font-size: 2em;}
	.even-content{text-align: left;}
	.even-content .abt-radio, .odd-content .abt-radio{padding: 0;}
  .rms-awards {margin-right: -86%;}
}


@media only screen and (max-width: 800px) {
  .rms-presence h1 {font-size: 45px;}
  .rms-presence p {line-height: 1.3; margin-top: 1em;}
  .rms-presence, .rms-brands, .abt-rms{margin-top: 3em;}
  .rms-brands h2{margin-right: 1em;}
  .csr-pg .entry-content{margin-top: 0.8em;}
  .mapnform .form, .mapnform .map{width: 100%;}
  .careers-featuredimg img{width: 60px; height: 60px;}
  .aligncenter.size-large.wp-image-1934 {width: 100%; height: 100%;}
  .aligncenter.size-full.wp-image-1936, .aligncenter.size-full.wp-image-1940, .aligncenter.size-large.wp-image-1941{width: 100%; height: 100%;}
  .aligncenter.size-large.wp-image-1933, .aligncenter.size-large.wp-image-1935, .aligncenter.size-large.wp-image-1932{width: 100%; height: 100%;}
  #menu-footer-menu {margin-left: 5%;}
}


@media only screen and (max-width: 768px) {
.download-link{float: none; margin-left: 0; margin-top: 10px;}
.tenders p{display: block;}
.tender-link{margin-left: 0;}
}


@media only screen and (max-width: 767px) {
.single-jobad .job-info {margin-top: 3em;}
.single-jobs .jobcontent li{margin-left: 0;}
.apply {display: block; margin-top: 0.5em;}
.careers-morelink{margin-top: 0;}
.careers-pg article{margin-top: 0; margin-bottom: 2em; padding-top: 0;}
.page-template-archive-careers .title{margin-bottom: 2em;}
.rms-awards {margin-right: -97%;}
.quote-btn{float: left;}
.single-personality .theme-creative {font-size: 1.5em !important;}
}


@media only screen and (max-width: 600px) {
  .su-tabs-nav span {width: 100%;}
  .rms-logos img {height: 42px;}
  .rms-logos li{margin: 5px; padding: 8px;}
  .su-tabs-nav::before{width: 92.8% !important; margin-top: 120px !important;}
  .rms-logos li a img {height: 35px;}
  .rms-logos.non-radio li a img {height: 20px;}
  .rms-brands h2 {text-align: center; float: none; margin-bottom: 0.2em;}
  .rms-brands p{text-align: center;}
  .rms-presence .col-md-3 {margin-bottom: 2em;}
  .abt-rms p{margin-bottom: 1em;}
  .caption-desc p {font-size: 13px !important;}
  .more-link a {font-size: 10px !important; margin-top: 1em !important; line-height: 1 !important; padding: 8px 10px 8px 10px !important;}
  .n2-ss-section-main-content {padding-left: 3% !important; width: 65% !important;}
  .single-post article .entry-title{font-size: 1.7em; font-weight: 700;}
  .single-post article {padding-top: 4em;}
  .single-post #sidebar, .contact #content{padding-top: 3em;}
  .contact .col-md-4 {margin-bottom: 1em;}
  .mapnform .map iframe{height: 350px;}
  .careers-featuredimg img {width: 60px; height: 60px;}
  .rms-awards {margin-right: -140%; margin-left: 41%;}
  .page-template-about-us .abt-rms h2 {font-size: 50px; line-height: 55px;}
  .page-template-about-us .theme-creative {font-size: 50px !important; line-height: 55px;}
  .single-personality .title {margin-top: 0em; margin-bottom: 2em;}
  .title p {margin-top: 0 !important;}
  #menu-footer-menu {margin-left: 5%;}
  .footer-menu ul li {margin-bottom: 1em;}

}


@media only screen and (max-width: 500px) {
.rms-awards {margin-right: 0% !important; margin-left: 0; width: 100%;}
.edu-list .awardleft .content-title::before{left: -28px;}
.awardleft h2 span {margin-left: 0;}
.awardleft p {margin-left: 0 !important;}
.customlength-mob {margin-left: 0 !important;}
.customlength-mobp {margin-left: 23%; display: block;}
.customlength-moba{margin-left: 17%; display: block;}
.customlength-mobi{margin-left: 14%; display: block;}
.page-template-about-us .abt-rms h2 {font-size: 40px; line-height: 45px;}
.page-template-about-us .theme-creative {font-size: 40px !important; line-height: 40px;}
.page-template-about-us .abt-rms h2 {font-size: 35px; line-height: 40px;}
.page-template-about-us .theme-creative {font-size: 35px !important; line-height: 35px;}
#menu-footer-menu li a {padding-right: 0;}
.footer-menu ul li {margin-bottom: 1em; display: block; float: none; text-align: center;}
.footer-menu .container{margin-bottom: 0;}
.page-template-mipasho .header .entry-title{font-size: 2em;}
.page-template-mipasho .theme-creative {font-size: 1.1em !important;}

}


@media only screen and (max-width: 414px) {
.n2-ss-section-main-content {width: 67% !important;}
.caption-desc {display: none !important;}
.caption-title {font-size: 0.9em !important; margin-top: 3em !important;}
.csr-pg article .entry-title a{font-size: 1.5em;}
.contact .mapnform .form .wpcf7-form-control{width: 325px;}
.single-personality .theme-creative {font-size: 1.3em !important;}
#rev_slider_1_1 {height: 300px !important; max-height: 300px !important;}
.top-part{height: 300px;}
.tp-parallax-wrap {top: 45% !important;}
.advert-btn h2 {font-size: 1.5em;}
.quote-btn{padding: 5px;}
.page-template-about-us .advert-btn .col-md-8, .page-template-about-us .advert-btn .col-md-4{padding-top: 0;}
.page-template-about-us .advert-btn .col-md-4{padding-bottom: 0;}
.wpcf7-form-control.wpcf7-submit.btn.btn-default{margin-left: 30%;}
}

@media only screen and (max-width: 380px) {
  .su-tabs-nav::before{width: 91.9% !important; margin-top: 120px !important;}
  .contact .mapnform .form .wpcf7-form-control {width: 290px;}
  .wpcf7-form-control.wpcf7-submit.btn.btn-default{margin-left: 28%;}
}

@media only screen and (max-width: 360px) {
  .su-tabs-nav::before{width: 91.8% !important; margin-top: 120px !important;}
  .wpcf7-form-control.wpcf7-submit.btn.btn-default{margin-left: 25%;}
}

@media only screen and (max-width: 320px) {
  .su-tabs-nav::before{width: 90.5% !important; margin-top: 120px !important;}
  .single-personality .theme-creative {font-size: 1em !important;}
}