@import url(required.css);


/*HTML
--------------------------------------------------------*/

a img { border: none;}

html, body {
	color: #565656;
	margin:0px;	padding:0px;
	font-weight: normal;
	border: none;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
form input, form submit, form button{font-size: 15px;}

.invisible{display: none;}

.container{margin-left:auto;margin-right:auto; clear: both; position: relative;}

a{text-decoration: none;}

.hide {display: none; width: 0; height: 0; overflow: hidden; }

span.anchor_icon {background: url(../images/anchor_icon_bg.png) no-repeat center; width: 33px; height: 33px;  display: inline-table; margin-left: 5px; }


/*Selectors
--------------------------------------------------------*/

body.home li a:hover, .user_session span:hover{color: #fddfae;}



header, ul.web_head_nav a, ul.web_head_nav li a, header li.sub_link a,
.home footer li.sub_link a, .slide-trigger, a.highlight_button, .user_session a  {color: #fff;}
.sub_pages footer li.sub_link a {color: inherit;}

.color1, li.headline a, .text_block a, .full_menu_nav li.sub_link a:hover{color: #d38a36}
.color1bg, ul.web_head_nav li ul li, ul.web_head_nav li:hover, span.anchor_icon {background-color: #d38a36}
.color1_bottom_seperator, header {border-bottom: 1px solid rgba(219,146,61,0.7);}
.color1_top_seperator {border-top: 1px solid rgba(219,146,61,0.7);}


.color2 {color: #db4437}
.color2bg {background-color: #db4437}

.color3 {color: #12161d}
.color3bg, nav ul.navigation li {background-color: #12161d;}
.color3bg {color: #fff;}

.color4{color: #e6e6e6;}
.color4bg {background-color: #e6e6e6}

.color5{color: #f6f4f1;}
.color5bg {background-color: #f6f4f1}

.e4b55c {color: #e4b55c;}


.white_color, header{color: #fff}
.whitebg {background-color: #fff}



.inset_border, header
{  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}

body.home {background-color: #12161d; color: #fff;}
body {background-color: #fff;}





h1.headline {font-size: 3em; line-height: 2em;}
h2.headline {font-size: 2.4em; line-height:1.6em;}
h3.headline {font-size: 2.2em; line-height:1.4em;}

a.sub_headline {font-size: 1.4em; line-height: 1.1em;}
a.sub_headline {padding: 0 10px;}

h1.headline, h2.headline, h3.headline  {padding: 10px 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 0 0 10px;}
.ad_formats_list span.headline {font-size: 1.4em;}

.ad_format_icon {width: 40px; height: 40px; background-size: 40px;}



ul.targeting_options li .box {width: 94%; padding: 5px 2%; margin: 5px 1%;}
.cursor {cursor: pointer;}


/*ICONS
--------------------------------------------------------*/
.display_banner_icon {background: url(../images/display_banner_icon.png) no-repeat;}
.text_icon {background: url(../images/text_icon.png) no-repeat;}
.instant_message_icon {background: url(../images/instant_message_icon.png) no-repeat;}
.pop_under_icon {background: url(../images/pop_under_icon.png) no-repeat;}
.pop_up_icon {background: url(../images/pop_up_icon.png) no-repeat;}
.mobile_redirect_icon {background: url(../images/mobile_redirect_icon.png) no-repeat;}
.pop_under_icon {background: url(../images/pop_under_icon.png) no-repeat;}
.android_in_app_banner_icon {background: url(../images/android_in_app_banner_icon.png) no-repeat;}
.video_icon {background: url(../images/video_icon.png) no-repeat;}



.target_icons {width: 90px; height: 90px; display: block;}
.to_world_icon {background: url(../images/to_world_icon.png) no-repeat center;}
.to_iprange_icon {background: url(../images/to_iprange_icon.png) no-repeat center;}
.to_langtarg_icon {background: url(../images/to_langtarg_icon.png) no-repeat center;}
.to_geotarget_icon {background: url(../images/to_geotarget_icon.png) no-repeat center;}
.to_context_icon {background: url(../images/to_context_icon.png) no-repeat center;}
.to_browser_icon {background: url(../images/to_browser_icon.png) no-repeat center;}
.to_opsystem_icon {background: url(../images/to_opsystem_icon.png) no-repeat center;}
.to_device_icon {background: url(../images/to_device_icon.png) no-repeat center;}
.to_carrier_icon {background: url(../images/to_carrier_icon.png) no-repeat center;}
.to_sitetarget_icon {background: url(../images/to_sitetarget_icon.png) no-repeat center;}
.to_freq_icon {background: url(../images/to_freq_icon.png) no-repeat center;}
.to_time_icon {background: url(../images/to_time_icon.png) no-repeat center;}


.ad_formats_list li {margin: 10px 0 20px; display: block; width: 100%;}
 
.ad_formats_list .text_section, .ad_formats_list .figure {
  display: table-cell;  vertical-align: middle;
}
.left_side .text_section {text-align: right; padding: 0 15px; }
.right_side .text_section {text-align: left; padding: 0 15px;}



.figure {padding: 0px;}
.text_section span.headline {margin: 0 0 10px; display: block;}
.text_section p {display: block; width: 100%; float: left;}
.text_section p br {}



.ad_box {width: 100%; padding: 0; height: auto; background-color: #277c79; color: #a2e0de; font-size: .7em; }
.ad_box span {display: block; width: 90%; margin: 5px 5%;; text-align: center;}
.ad_box span.headline {color: #fff; font-weight: 700;}
.phone_virtual { width: 90%; max-width: 280px; max-height: 520px; min-height: 520px; margin: 15px auto; font-size: 1.4em; 
position: relative;  }
.phone_virtual{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}

.phone_sc {margin: 60px 10px 0; display: block; height: 360px; min-height: 360px; max-height: 360px; font-size: .8em; position: relative; }
.phone_virtual, .phone_sc, .phone_button {border: 2px solid #a4a4a4;}
.phone_button {width: 50px; height: 50px; margin: 20px auto;  }

.phone_button, .circle_box
{-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;}

.targeting_options li .circle_box {width: 90px; height: 90px; text-align: center; margin: 0 auto; position: relative; top: -45px; left: auto; right: auto;  }
.targeting_options li {margin: 45px 0 0;}
.targeting_options li .box { }

.targeting_options .info {margin: -45px auto 20px; width: 90%;  }
.targeting_options .headline {margin: 10px 0; font-size: 1.2em;}


/*Footer
--------------------------------------------------------*/

.link_arrow_icon {width: 40px; height: 30px; display: inline-table; background: url(../images/link_arrow_bg.png) no-repeat; }



/*Header
--------------------------------------------------------*/

header {position: relative; z-index: 9; height: 68px;}





.logo{background: url(../images/mobadge_logo3.png) no-repeat; width: 210px; height: 50px; margin: 0 auto; background-size: 210px 50px;}







.full_image_text h1 {font-size: 2.6em; line-height: 1.5em;}




/*FLoat:left
--------------------------------------------------------*/

header, .main-wrapper, footer, ul.targeting_options{float: left; display: block; width: 100%; height: auto; }
.main-wrapper {overflow: hidden;}

.horizontal_seperator, .seperator, .width100perc, .width50perc, .width25perc

{float: left; display: inline;}


.block{ display: block; }


.width50perc {width: 50%;}
.width25perc {width: 25%;}
.width100perc {width: 100%;}

.video_box {width: 320px; height: 200px; background: #ddd; position: relative;}
.play_icon {position: absolute; top: 0%; left: 0%;  text-align: center; background: url(../images/video_play_icon.png) no-repeat center; width: 100%; height: 100%;  }


.table {display: table;}

.horizontal_seperator{ background-color: rgba(0,0,0,0.1); height: 2px; border-bottom: 2px solid rgba(255,255,255,0.2)}

.seperator {width: 100%; }
.height_2px {height: 2px;}
.height_1px {height: 1px;}



.text_block p {display: block;}
.text_block p{font-size: 1.2em; line-height: 1.6em;}
.text_block p {margin: 20px auto;}

/*Text-Decorations
--------------------------------------------------------*/
.text_block a:hover, .underline {text-decoration: underline;}



.x2_font{font-size: 120%;}
.x3_font{font-size: 140%;}
.x4_font{font-size: 160%;}




/*Nav*/



ul.web_head_nav {
  display: inline;
  margin: 0;
  padding:0;
  list-style: none;

}
ul.web_head_nav li  {
  display: inline-block;
  position: relative;
  padding: 5px 8px;
  cursor: pointer;
  color: #bababa;
  

}

ul.web_head_nav li ul {
  padding: 0;
  position: absolute;
  top: 25px;
  left: 0;
  width: 150px;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
ul.web_head_nav li ul li { 
	display: block;
	padding: 10px 8px;
}
ul.web_head_nav li ul li:hover {}
ul.web_head_nav li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
}

ul.web_head_nav li ul
{  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

ul.web_head_nav li ul li:last-child {padding-bottom: 20px;}



.full_menu_open
{  width: 100%; min-height: 800px; position: fixed; z-index: 9; top:0; left: 0;  }




/* DISPLAY INLINE ----------- */

.full_menu_nav .column, .sc_icons, .log_buttons, .user_session
{float: left; display: inline;}


/* 100% Width ----------- */

.full_menu_open .line, .footer_side 
{width: 100%; display: block; clear: both;}

.header_bar {}


/* ICONS ----------- */

.sc_icons {width: 15px; height: 15px; margin-right: 5px; margin-top: 2px; background-size: 15px 15px;}
.facebook_icon {  background:url(../images/facebook_icon.png) no-repeat; }
.twitter_icon { background:url(../images/twitter_icon.png) no-repeat; }
.linkedin_icon { background:url(../images/linkedin_icon.png) no-repeat; }
.facebook_icon, .twitter_icon, .linkedin_icon {width: 15px; height: 15px; background-size: 15px;  }



.log_buttons {padding: 15px; cursor: pointer; }


.quick_menu, a.highlight_button
{
-webkit-box-shadow: 0 2px 10px 0 rgba(50,50,50,3);
box-shadow: 0 2px 10px 0 rgba(50,50,50,3);
margin: 0 5px 15px 0;
}




.full_menu_nav li {padding: 4px 0; text-align: left;}


a.highlight_button { font-size: 1.3em; line-height: 30px; padding: 8px 15px; margin: 7px 0; display: inline-block; width: auto;}
a.highlight_button:hover {color: rgba(255,255,255,0.8);}
a.highlight_button {border-top: 1px solid rgba(255,255,255,0.4); border-left: 1px solid rgba(255,255,255,0.4);}



/* FORM ELEMENTS ----------- */


button, input, select, textarea, label {
  font-family : inherit;
  font-size   : 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	margin: 0; padding: 0;
}

textarea 
{vertical-align: top;}

.login-block {
    min-width: 10px;
    max-width: 240px;
    margin: 0 auto;
}

.login-block input, .mobadge_form input, .mobadge_form textarea {
    width: 100%;
    height: 42px;
    margin-bottom: 5px;
    padding: 5px;
}
.login-block input { padding: 0 10px;}
.mobadge_form textarea {height: 150px;}

.login-block input {padding: 0 10px 0 50px;}
.login-block input#email {
    background: #fff url(../images/u0XmBmv.png) 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#email:focus {
    background: #fff url(../images/u0XmBmv.png) 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#password {
    background: #fff url(../images/Qf83FTt.png) 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#password:focus {
    background: #fff url(../images/Qf83FTt.png) 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input:active, .login-block input:focus {

}

.login-block button.submit_btn, .mobadge_form button{
    width: 100%;
    height: 40px;
    color: #fff;
    text-transform: uppercase;
}

.login-block input, .login-block button, .mobadge_form input, .mobadge_form textarea, button, select {
	outline: none;
    cursor: pointer;
    border: none;
	box-sizing: border-box;
}


.login-block button:hover {
    background: rgba(215,215,53,.8);
}

.login-block button.submit_btn {
	-webkit-box-shadow: 0 1px 2px 0 rgba(180,80,30,2);
	box-shadow: 0 1px 2px 0 rgba(180,80,30,2);
}

.mobadge_form input, .mobadge_form textarea {background-color: #F6F4F1;}
.mobadge_form label {padding: 10px 0; font-size: 1.2em;}
.mobadge_form input, .mobadge_form textarea {border-top: 1px solid #E6E6E6;}



.mobadge_form input:focus, .mobadge_form textarea:focus {border: 1px solid #d71920;}

input.mobadge_check[type=checkbox] {

  width: 30px; height: 30px; float: left; margin: 5px 0 0; ;
  
}

select {float: left; display: block;}
.mobadge_form span {float: left; display: inline; margin: 0; padding: 0; line-height: 28px;}
.mobadge_form select {border: 1px solid #ddd; height: 32px; width: 100%;}

/* captcha ----------- */

.captcha{
	float: left;
	width: 300px; margin: 0; padding: 0;
}

.box input {display: none; width: 0; height: 0; border: none; background: none;}

.captcha img{
	max-width: 170px; text-align: left; vertical-align: top; float: left;
	height: auto; max-height: 90px;
	border:1px dotted #999; margin: 0; padding: 0;

}
/* MOBADGE FORM ----------- */

.mobadge_form label, .mobadge_form input
{display: block; text-align: left; width: 100%;}

.left, .type1_block, .type2_block {float: left; display: inline;}
.left {text-align: left;}


/* Sans Font ----------- */


body, form input, form submit, form button
{
font-family: "FiraSans-Regular", Arial, Helvetica, sans-serif;
}

.bold {font-family: "FiraSans-Bold", Arial, Helvetica, sans-serif;}





@font-face{font-family:'FiraSans-Thin';
	src:url("../fonts/FiraSans-Thin.eot");
	src:url("../fonts/FiraSans-Thin.eot?#iefix") format("embedded-opentype"),
url("../fonts/FiraSans-Thin.woff") format("woff"),
url("../fonts/FiraSans-Thin.ttf") format("truetype")
}
@font-face{font-family:'FiraSans-Medium';
	src:url("../fonts/FiraSans-Medium.eot");
	src:url("../fonts/FiraSans-Medium.eot?#iefix") format("embedded-opentype"),
url("../fonts/FiraSans-Medium.woff") format("woff"),
url("../fonts/FiraSans-Medium.ttf") format("truetype")
}
@font-face{font-family:'FiraSans-Regular';
	src:url("../fonts/FiraSans-Regular.eot");
	src:url("../fonts/FiraSans-Regular.eot?#iefix") format("embedded-opentype"),
url("../fonts/FiraSans-Regular.woff") format("woff"),
url("../fonts/FiraSans-Regular.ttf") format("truetype")
}
@font-face{font-family:'FiraSans-Bold';
	src:url("../fonts/FiraSans-Bold.eot");
	src:url("../fonts/FiraSans-Bold.eot?#iefix") format("embedded-opentype"),
url("../fonts/FiraSans-Bold.woff") format("woff"),
url("../fonts/FiraSans-Bold.ttf") format("truetype")
}





/* Font Weight 
 ----------- */




.pageHeader, .subHeader {
    position: relative;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
     -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.texture { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0;}
.texture2 { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0;}


.small_letter{font-size: .9em;}

/* Dark Text Shadow ----------- */

a.highlight_button
{text-shadow:0 1px 0 rgba(0,0,0,0.5);}



.full_image_text h1.bold
{text-shadow:2px 2px 6px rgba(0,0,0,0.8);}

.big_button{text-shadow:0 1px 0 rgba(255,255,255,0.8);}






.navheader {
}
.slide-trigger {
  
  display: none; /* need this */
  cursor: pointer; z-index: 99;
  width: 36px; height: 36px; 
  position: absolute; left: 0px; top: 8px;
  background: url(../images/menu_trigger_icon2.png) no-repeat; 
}

.slide-trigger span {}



.martop2{margin-top:2px;}
.martop5{margin-top:5px;}
.martop7{margin-top:7px;}
.martop10{margin-top:10px;}
.martop15{margin-top:15px;}
.martop20{margin-top:20px;}
.martop30{margin-top:30px;}
.martop40{margin-top:40px;}
.marbot10{margin-bottom:10px;}
.marbot5{margin-bottom:5px;}
.marbot20{margin-bottom:20px;}
.marright10{margin-right:10px;}
.marright5{margin-right:5px;}
.marright20{margin-right:20px;}
.marright30{margin-right:30px;}
.marleft15{margin-left:15px;}
.marleft10{margin-left:10px;}
.marleft7{margin-left:7px;}
.marleft5{margin-left:5px;}
.marleft2{margin-left:2px;}
.margin3px{margin:3px;}
.margin4px{margin:4px;}
.margin5px{margin:5px;}
.margin10px{margin:10px;}
.margin8px{margin:8px;}
.margin9px{margin:9px;}
.padtop10{padding-top:10px;}
.padtop20{padding-top:20px;}
.padbot10{padding-top:10px;}
.padbot20{padding-top:20px;}
.pad20{padding:20px;}
.pad15{padding:15px;}
.pad10{padding:10px;}
.pad5{padding:5px;}
.pad2{padding:2px;}


.center{margin: 0 auto; text-align: center;}


@media print {
    body, p { font-size: 16pt; color: #565656; line-height: 1.2em;  }
    a{text-decoration: underline; font-weight: 700;}
	a img{ border: none;}
  }