@font-face { font-family: 'Montserrat', sans-serif; src: url("../fonts/dinnextltpro-regular-webfont.eot"); src: url("../fonts/dinnextltpro-regular-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/dinnextltpro-regular-webfont.woff") format("woff"), url("../fonts/dinnextltpro-regular-webfont.ttf") format("truetype"), url("../fonts/dinnextltpro-regular-webfont.svg") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Open Sans', sans-serif; src: url("../fonts/dinnextltpro-light-webfont.eot"); src: url("../fonts/dinnextltpro-light-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/dinnextltpro-light-webfont.woff") format("woff"), url("../fonts/dinnextltpro-light-webfont.ttf") format("truetype"), url("../fonts/dinnextltpro-light-webfont.svg") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "dinnextltpro-bold-webfont"; src: url("../fonts/dinnextltpro-bold-webfont.eot"); src: url("../fonts/dinnextltpro-bold-webfont.eot#iefix") format("embedded-opentype"), url("../fonts/dinnextltpro-bold-webfont.woff") format("woff"), url("../fonts/dinnextltpro-bold-webfont.ttf") format("truetype"), url("../fonts/dinnextltpro-bold-webfont.svg") format("svg"); font-weight: normal; font-style: normal; }

*::-moz-selection { background: #00aaaa; color: #fff; }
*::selection { background: #00aaaa; color: #fff; }
.contact-soc a{width:45px;margin-right:10px;display:inline-block;float:left;overflow:hidden;}
.contact-soc a img{width:100%;}
a:focus, button:focus, input:focus, textarea:focus, a:visited { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none !important; text-decoration: none; }

body { margin: 0px; width: 100%; height: 100%; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; }
body.scrollOff,html.scrollOff{overflow: hidden !important;}
.container{padding:0px 60px;width:100%;max-width:1260px;overflow:hidden}
.container.noflow{overflow:visible}
header { float: left; width: 100%; background: #fff; border-top: 2px solid #000000; height: 78px; position: relative; z-index: 999; }
.hellobar{float:left;width:100%;background:#000000;color:#fff;position:relative;z-index:999;display:block;padding:15px 0;text-align:Center;  }
.hellobar a{color: #00aaaa;cursor:pointer}
.hellobar a:hover{color: #00aaaa;} 
#logo { width: 272px; height: 31px; float: left; background: url("../images/the-marketing-group-logo-light.svg") no-repeat left top; -webkit-background-size: 272px 31px; -moz-background-size: 272px 31px; -o-background-size: 272px 31px; background-size: 272px 31px; margin-top: 27px; }
#logo span { display: none; }
#mainNav { float: right; margin: 27px 0px 0px 0px; }
#mainNav li { float: left; margin: 0px; }
#mainNav li a { float: left; font-size: 18px; color: #000000; margin: 0px 25px; padding: 8px 0px; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; }
#mainNav li a:hover { text-decoration: none; color: #00aaaa; }
#mainNav li.active a { color: #00aaaa; }
.nav{float:left;padding-left:60px;}  
#hexBg { float: right; width: 261px; height: 219.5px; background: url("../images/hex-bg.png") no-repeat left top; -webkit-background-size: 261px 219.5px; -moz-background-size: 261px 219.5px; -o-background-size: 261px 219.5px; background-size: 261px 219.5px; position: relative; margin-top: -140px; margin-bottom: 10px; padding: 60px 10px 0px 10px; text-align: center; }
#hexBg span { font-family: 'Montserrat', sans-serif; }
#hexBg span#sp { float: left; width: 100%; color: #afb0b2; font-size: 16px; }
#hexBg span#current { float: left; width: 100%; font-size: 51px; color: #fff; letter-spacing: -3px; line-height: 67px; }
#hexBg span#current span#s { color: #00aaaa; }
#hexBg span#current span#p { font-size: 17px; }
#hexBg #pdiff { float: left; width: 100%; color: #fff; font-size: 16px; margin-top: -8px; }
#hexBg #pdiff span { padding: 0px 5px; }
#hexBg #current small{color:#00aaaa}
#hexBg #current small{font-size:22px;}
#sharePrice { float: right; height: 76px; padding: 0px 23px; font-size: 13px; color: #000000; font-family: 'Open Sans', sans-serif; padding-top: 20px;  padding-left: 30px;background: #fff; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; }
#sharePrice span { font-family: 'Montserrat', sans-serif;  font-size: 14px;}
#sharePrice:hover { text-decoration: none;  }

#headerPrice:before {position:absolute;width:1px; height:44px;background:#111;content:'';display:block;    margin-left: -24px;  margin-top: 3px;}
.langs-head{    padding-top: 36px; font-size: 18px;  float: right;}
.langs-head a{color: #000000;padding-right:10px;transition: all 0.3s ease-in-out;   }
.langs-head a:hover{text-decoration:none;color:#00aaaa}
#textPrice{display:block;}
#sharePrice #priceNum span{    font-size: 37px;font-weight: 700;}
body.home #sharePrice{display:none}
.prlist li a{font-size:18px;padding:15px 0;display:block;color:#000;line-height:1.2;border-bottom:1px solid #ddd}
.prlist li:before,.bmembers li:before{display:none !important}
.prlist li span{position:absolute;font-size:18px;left:-20px;}
.tvs .prlist li{margin-bottom:3px;padding-left: 0;}
.prlist li:hover a{color:#00aaaa;text-decoration:none} 
.prlist date{display:block;color:#999;font-size:14px;}   
footer { width: 100%; float: left; padding: 55px 0px; background: #000000; border: none; }
footer .col { width: 22.2222%; float: left; padding-left: 30px; }
footer .col img { float: left; margin-bottom: 23px; }
footer .col small { float: left; width: 100%; color: #fff; font-size: 13px; line-height: 20px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
footer .col h3 { float: left; width: 100%; font-size: 15px; color: #fff; text-transform: uppercase; }
footer .col ul { float: left; width: 100%; margin: 20px 0px 0px 0px; }
footer .col ul li { float: left; width: 100%; }
footer .col ul li a { float: left; color: #fff; font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
footer .col.large { width: 33.3333%; padding-right: 25px; padding-left: 0px; }
footer #copyright { float: left; width: 100%; padding: 35px 0px 0px 0px; font-size: 13px; color: rgba(255, 255, 255, 0.5); font-family: 'Open Sans', sans-serif; }
footer #copyright a { color: rgba(255, 255, 255, 0.5); text-decoration: underline; }
/*.langs{float: right; margin-right: 30px; color: #ffffff;}*/
.langs{float: right; margin-right: 30px; color: #ffffff; font-size: 12px; font-weight: 100; font-family: 'Open Sans', sans-serif;}
.langs a{text-decoration:none; color: #ffffff;}
.langs a:hover{text-decoration:none; color: #ffffff;}

/*------ STANDARD PAGE ------- */
/*---------------------------- */
.mainContent { width: 100%; float: left; background: #fff; padding: 0px 0px 100px 0px; }
.mainContent  h1 { width: 100%; float: left; padding: 35px 0 10px; font-size: 40px; margin: 0 0 28px; border-bottom: 2px solid #000; }
.mainContent  h2 { width: 100%; float: left; padding: 0; font-size: 24px; margin: 0 0 28px; font-weight: 400; }
.mainContent .wrapper { float: left; width: 100%; }
.mainContent .wrapper p { float: left; width: 100%; font-size: 14px; line-height: 25px; margin: 0 0 28px 0; color: #000000; }

/*------ INVESTOR RELATIONS --- */
/*----------------------------- */
.signature { float: left; }
.signature.jeremy { width: 213px; height: 81px; background: url("../images/sig-jeremy.png") no-repeat left top; -webkit-background-size: 213px 81px; -moz-background-size: 213px 81px; -o-background-size: 213px 81px; background-size: 213px 81px; margin-left: -20px; }

.hero-banner { float: left; width: 100%; padding: 85px 0 90px 0; background: url("../images/investor-relations-bg.jpg") center center no-repeat #05080c; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.hero-banner .container .row h1 { float: left; width: 100%; font-size: 45px; line-height: 55px; color: #fff; }
.hero-banner .container .row h2 { float: left; width: 100%; color: #fff; font-size: 19px; padding: 5px 0 10px 0; }

.mainContent { width: 100%; float: left; background: #fff; padding: 50px 0px 100px 0px; }
.sidebar { float: left; width: 25%; }
.sidebar ul { float: left; width: 100%; }
.sidebar ul li { float: left; width: 100%; }
.sidebar ul li.active a { border-color: #00aaaa; color: #00aaaa; }
.sidebar ul li.active ul li a { border-color: transparent; color: inherit; }
.sidebar ul li a { border-left: 3px solid transparent; float: left; width: 100%; padding: 15px; font-size: 19px; color: #16212B; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.sidebar ul li a:hover { text-decoration: none; color: #00aaaa; }
.sidebar ul li ul.sub li a { font-size: 15px; padding: 15px 15px 15px 35px; position: relative; }
.sidebar ul li ul.sub li a:before { content: "\f054"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 15px; font-size: 13px; position: absolute; top: 17px; }
.content { float: left; width: 75%; padding: 14px 0 0 40px; }
.content h2 { float: left; width: 100%; font-size: 28px; line-height: 1.2em; margin: 0; padding: 0 0 30px 0; color: #000000; }
.content h3 { float: left; width: 100%; font-size: 20px; padding: 0 0 5px 0; color: #000000; }
.content a { color: #00aaaa; text-decoration: none; }
.content a:hover { text-decoration: underline; }
.content .tablepress thead th { background: #000000; color: #fff; border-bottom: none; border-top: none; font-size: 15px; padding: 10px; font-weight: normal !important; }
.content .tablepress thead th:first-child { border-left: 5px solid #00aaaa; }
.content .tablepress tfoot th { background-color: #FFF9F7; }
.content .tablepress tbody td { font-size: 15px; padding: 10px; }
.content .download { width: 100%; float: left; margin: 0 0 28px 0; }
.content .download a button { border: 2px solid #000000; background: transparent; position: relative; color: #000000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 17px; padding: 12px 20px 12px 48px; -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.content .download a button:before { -webkit-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; content: "\f1c1"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 12px; font-size: 24px; position: absolute; color: #000000; top: 9px; }
.content .download a:hover button { border-color: #00aaaa; color: #00aaaa; }
.content .download a:hover button:before { color: #00aaaa; }
.content ul.bmembers { margin: 0 -10px; }  
.tvs img { max-width: 100%; height: inherit; float: left; }
.tvs h2 { float: left; width: 100%; font-size: 30px; text-align: left; font-weight: normal; font-family: 'Montserrat', sans-serif; color: #000000; line-height: 35px;margin-top:20px }
.tvs h2:first-of-type{margin-top:0} 
.tvs h3 { float: left; width: 100%;font-weight: normal; font-family: 'Montserrat', sans-serif; font-size: 24px; line-height: 30px; color: #000000; }
.tvs ul { float: left; width: 100%; margin: 0px; padding: 0px; }
.tvs ul li { float: left; width: 100%; margin: 0px 0px 28px 0px; line-height: 28px; position: relative; padding: 0px 0px 0px 50px; font-size: 16px;font-family: 'Montserrat', sans-serif; }
.tvs ul li:before { content: "\f192"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 20px; font-size: 19px; position: absolute; color: #00aaaa; top: 0px; }
.content blockquote { float: left; width: 100%; background: #F6F6F6; color: #373737; font-size: 25px; line-height: 150%; padding: 30px; margin: 0px 0px 28px 0px; border-left: 5px solid #00aaaa; }
.content ul.bmembers li { width: 33.3333%; padding: 0 10px 20px 10px; float: left; }
.content ul.bmembers li .wrap { float: left; width: 100%; border: 3px solid #f5f5f5; height: 545px; background: #f5f5f5; }
.content ul.bmembers li .wrap.sizeauto{height:332px}
.content ul.bmembers li .wrap .img { min-height: 250px; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; }
.content ul.bmembers li .wrap .name { float: left; width: 100%; padding: 15px; background: #000000; color: #fff; min-height: 87px;}
.content ul.bmembers li .wrap .name i { float: left; width: 100%; line-height: 1.5em; }
.content ul.bmembers li .wrap.sizeauto .name i{color: #00aaaa;padding-top: 5px;}
.content ul.bmembers li .wrap .position { float: left; width: 100%; padding: 15px; line-height: 1.5em; }
.content ul.bmembers li .wrap .appointments { float: left; width: 100%; padding: 15px; line-height: 1.5em; background: #f5f5f5; font-size: 14px; }
.content ul.bmembers li .connect { float: left; padding: 0 15px 20px 15px; background: #F5F5F5; width: 100%; border-bottom: 3px solid #000000; }
.content ul.bmembers li .connect a { color: #000000; position: relative; padding-left: 27px; float: left; }
.content ul.bmembers li .connect a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 0px; font-size: 16px; position: absolute; color: #000000; top: -1px; }
.content ul.bmembers li .connect a.email:before { content: "\f0e0"; }
.content ul.bmembers li .connect a:hover { color: #00aaaa; text-decoration: none; }
.content ul.bmembers li .connect a:hover:before { color: #00aaaa; }
#nav-below{    display: block;  width: 100%;  clear: both;  color: #000;}
#nav-below a{color:#000;}
#nav-below a:hover{text-decoration:none;color:#00aaaa}
.burger { width: 30px; height: 74px;position:absolute;right:30px;display:block;cursor: pointer;top:7px;display:none}
.burger li {-webkit-transition: all .25s;transition: all .25s; width: 30px; height: 4px; background-color: #000; position: absolute; left: 0;right: 0; top: 0; bottom: 0; margin: auto}
.burger li:nth-of-type(1) { top: -20px }
.burger li:nth-of-type(2) { top: 20px }
.burger.active li{background:#fff;z-index:55}
.burger.active li:nth-of-type(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); top: 0}
.burger.active li:nth-of-type(2) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: 0}
.burger.active li:nth-of-type(3) { opacity: 0; filter:alpha(opacity=0) }
.burger.white li{background-color:#fff;}
#mainNav .subnav,#mainNav .subnav2{display:none}
#cision-websolution-container .action{display:inline-block;padding:10px 20px;float:left;border:1px solid #ddd;border-radius:5px;margin-right:5px;transition: all 0.3s ease-in-out;}
#cision-websolution-container .action:hover{cursor:pointer;border-color:#000}
#info{padding:20px 0}
#info .column{display:inline-block;float:left;width:25%}
#info .column input{display:block;float:left;clear:left}
#info h4{font-size:16px;font-weight:700;padding-bottom:30px}
.checkboxcont{width:100%;overflow:hidden;padding-bottom:5px}
.checkboxcont input[type="radio"], .checkboxcont input[type="checkbox"] {    margin: 0 10px 10px 0;}
#newsletter-optin{ background:#000000;padding:30px 0 45px; float: left; width: 100%;color:#fff;}
/*.newsletter-text,.optin-form{width:50%;display:inline-block;float:left}*/
.newsletter-text{width:30%;display:inline-block;float:left}
.optin-form{width:70%;display:inline-block;float:left}
/*.optin-form{text-align:right;padding-top:15px}*/
.optin-form{text-align:left;padding-top:15px}
/*#newsletter-optin h3{font-size: 28px; line-height: 1.1;padding-top:10px; color: #ffffff; text-transform: inherit; margin-top: inherit;}*/
#newsletter-optin h3{font-size: 28px; line-height: 2;padding-top:10px; color: #ffffff; text-transform: inherit; margin-top: inherit; font-weight:500;}
#newsletter-optin h3 small{display:block;font-size:14px;padding-top:10px;}
/*#newsletter-optin input[type=email]{border-radius:0;background:rgba(255,255,255,.1);border:none;padding:15px;width:60%;font-size:18px}*/
#newsletter-optin input[type=email]{border-radius:0;background:rgba(255,255,255,.1);border:none;padding:15px;width:50%;font-size:14px;margin-left:0px;}
/*#newsletter-optin input[type=submit]{border:none;background:#00aaaa;padding:13px;font-size:18px;border-radius:0;color:#fff;margin-left:20px;}*/
#newsletter-optin input[type=submit]{border:none;background:#00aaaa;padding:13px;font-size:14px;border-radius:0;color:#fff;margin-left:0px;height:48px;}
.private-vid{width:60%;margin:60px auto;}
p{text-align:left}
/*BROCHURE TIMELINE*/

@media (max-width: 1200px) {

} 
@media screen and (max-width: 1024px) {
    .burger{display:block;z-index:250;}
    #mainNav{display:none;position:fixed;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,0.9);margin:0;z-index:200;padding-top:20vh;overflow:scroll;padding-bottom:60px;}
    footer .col{width:33.33%;padding:0}
    footer .col.large{width:100%;padding-bottom:30px;}
    #mainNav li{display:block;width:100%;text-align:center;padding-left:25px;}
    #mainNav li a{color:#fff;font-size:42px;position:relative}
    #mainNav .subnav,#mainNav .subnav2{display:none}
    #mainNav .subnav li a,#mainNav .subnav2 li a{font-size:20px;}
    #mainNav .subnav li a:before ,#mainNav .subnav2 li a:before{ content: "\f054";color:rgba(255,255,255,0.2); display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: -20px; font-size: 13px; position: absolute; top: 11px; }

    .container{padding:0px 40px;width:100%;max-width:1260px;}   
    
    .mainContent { padding: 30px 0px 100px 0px;}
    .forinvestors:after{content: "\f078";display: inline-block;font-family: FontAwesome;color:#00aaaa;font-style: normal; font-weight: normal;-webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale; right: -40px; font-size: 26px; position: absolute; top: 15px;}
.forcorporate:after{content: "\f078";display: inline-block;font-family: FontAwesome;color:#00aaaa;font-style: normal; font-weight: normal;-webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale; right: -40px; font-size: 26px; position: absolute; top: 15px;}
.content ul.bmembers li .wrap { height: 555px;}
    /* .hero-banner { padding: 35px 0 35px 0;} */
    .hero-banner { padding: 100px 0 35px 0;}
    #newsletter-optin h3{font-size: 28px; line-height: 1.1;}
     #newsletter-optin h3 small{font-size:14px;margin:10px 0;}
     #newsletter-optin input[type=email] {width: 50%;}
     .langs-head{padding-right:10px}
body.home .langs-head{padding-right:60px}

}
@media screen and (max-width: 767px) {
    .content { float: left; width: 100%;padding-left:0 }
    /* .sidebar {display:none} */
	.sidebar { float: left; width: 100%; }
      #newsletter-optin input[type=email] ,#newsletter-optin input[type=submit] ,#newsletter-optin select {width: 100%;}
      .newsletter-text,.optin-form{width:100%;}
      #newsletter-optin input[type=submit] ,#newsletter-optin input[type=email] {margin-left:0;margin-top:10px;}
      #newsletter-optin input[type=email] ,#newsletter-optin select {text-align:center}
	.private-vid{width:100%;}
}
@media screen and (max-width: 640px) {
    .content ul.bmembers li { width: 50%;}
#logo {width: 40px; height: 40px;background: url("../images/the-marketing-group-logo-mobile.svg") no-repeat left top; margin-top: 20px;  background-size: cover;}
#info .column{display:inline-block;float:left;width:50%}
}
@media screen and (max-width: 459px){
    #sharePrice { padding-left: 14px;padding-right:26px;padding-top:15px;}
    
     .container{padding:0px 30px;} 
     .forinvestors:after { right: -40px;font-size: 18px; top: 16px;}
        .forcorporate:after { right: -40px;font-size: 18px; top: 16px;}
#mainNav li a{font-size:33px;text-align:left;}
#mainNav > li {  padding-left: 0px;}
    #mainNav .subnav li a{font-size:17px;}
 footer .col{width:50%;padding:0}
#tablepress-3 .column-3{display:none}
.content ul.bmembers li {  width: 100%;}
.content ul.bmembers li .wrap {  height: auto;}
#info .column{display:inline-block;float:left;width:100%}
.logogrid {
    border-left: 0}
.langs-head a {
    font-size: 16px;
}
.langs{display:none}
}
@media screen and (max-width:320px){
    #mainNav li a {    font-size: 30px;}
       .content .tablepress tbody td { font-size: 12px;}
}