*{ margin:0; padding:0;}
body { font-family: Ubuntu, Oswald, Jura, Verdana, "Trebuchet MS", "myriad pro", Arial, Helvetica, Tahoma, "Sans Serif";font-size:14px; background:#fff; color:#424242;

/*background-image:url(images/monster-background.png);*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 0px center; 
	background-size: 100%;
	background-color:#FFFFFF;
}

.mainBody
{
width:100%; height:auto; margin:0px auto; float:left;
}
.logo-image-text
{float:left; margin-left:0px; margin-top:50px;}

.promo-color
{color:#fd6318;}

/*start of Responsive Menu*/
.toggleMenu {
    display:  none;
    background: url(/static/images/menu-res.png) no-repeat; background-position: 100% 0%;
    padding: 10px 12px;
    color: #fff;
	width:83%;
	text-decoration:none;
	margin-top:20px;
	font-size:22px;
	font-weight:bold;
}
.nav {
    list-style: none;
     *zoom: 1;
     display: block;
     text-align: center;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
	
    color:#dedddd;
}
.nav li {
    position: relative;
}
.nav > li {
  display: inline-block;
}
.nav > li > .parent {
    background-image: url("/static/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: left;  width:100%;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("/static/images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}




 /*End of Responsive Menu*/










/* old menu*/
.menu ul li a 
{text-transform:uppercase !important; color:#dedddd !important; font-weight:bold !important; text-decoration:none !important; font-size:18px !important; font-family:Jura !important; }

.menu ul li a:hover 
{color:#FE7736 !important; }

.menu1
{margin-left:35px; height:88px; min-width:120px; background:url(/static/images/menu-font-bg-1.png) no-repeat;  background-position: 0px 0px; }
.menu1:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/images/menu-font-bg-1-hover.png) no-repeat;  background-position: 0px 0px;}
.menu1 a
{padding:34px 5px 33px 65px;}
.menu-all-link-text-n
{margin-top:34px; float:left; margin-left:65px;}
.menu-all-link-text-n2
{margin-top:34px; float:left;}
.menu-all-link-text-n3
{margin-top:34px; float:left;}
.menu-all-link-text-n4
{margin-top:34px; float:left;}
.menu-all-link-text-n5
{margin-top:34px; float:left;}
.menu-all-link-text-n6
{margin-top:34px; float:left;}

.menu-all-link-img
{float:left; height:88px; width:65px;}
.menu2
{margin-left:35px; height:88px; min-width:150px; background:url(/static/images/menu-font-bg-2.png) no-repeat;  background-position: 0px 0px;}
.menu2:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/images/menu-font-bg-2-hover.png) no-repeat;  background-position: 0px 0px;}
.menu2 a
{padding:34px 5px 33px 65px;}
.menu3
{margin-left:35px; height:88px; min-width:150px; background:url(/static/images/menu-font-bg-3.png) no-repeat;  background-position: 0px 0px; }
.menu3:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/images/menu-font-bg-3-hover.png) no-repeat;  background-position: 0px 0px; }
.menu3 a
{padding:34px 5px 33px 65px;}
.menu4
{margin-left:35px; height:88px; min-width:130px;background:url(/static/images/menu-font-bg-4.png) no-repeat;  background-position: 0px 0px; }
.menu4:hover
{margin-left:35px; height:88px; min-width:130px;background:url(/static/images/menu-font-bg-4-hover.png) no-repeat;  background-position: 0px 0px; }
.menu4 a
{padding:34px 5px 33px 65px;}
.menu5
{margin-left:35px; height:88px; min-width:150px; background:url(/static/images/menu-font-bg-5.png) no-repeat;  background-position: 0px 0px; }
.menu5:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/images/menu-font-bg-5-hover.png) no-repeat;  background-position: 0px 0px; }
.menu5 a
{padding:34px 5px 33px 65px;}
.menu6
{margin-left:35px; height:88px; min-width:120px; background:url(/static/images/menu-font-bg-6.png) no-repeat;  background-position: 0px 0px;}
.menu6:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/images/menu-font-bg-6-hover.png) no-repeat;  background-position: 0px 0px;}
.menu6 a
{padding:34px 5px 33px 65px;}
.menu7
{margin-left:35px; height:88px; min-width:150px;}
.menu7 a
{padding:34px 5px 33px 65px;}
.promo-tow-spe
{color:#fd6318;}

.publisher-image
{margin-top:44px; margin-left:30px; float:left; width:96%; height:190px; }



.publisher-text
{width:90%; margin-left:2%; margin-top:40px; float:left; font-family:Jura; font-size:18px; color:#000;  margin-bottom:20px;}
.advertiser-image
{margin-top:52px; margin-left:40px; float:left; }
.advertiserB
{width:778px; height:315px; float:left; background:url(/static/images/advertiser-bg2.png) no-repeat;  background-position: 4px 100px; }



.people-title
{color:#fd6c27;}
.people-text3
{color:#fff; padding:14px 25px; font-size:15px;}

.who-we-BoxTopRB12
{text-align:center;}


.who-we-BoxTopRT p
{text-align:center; font-size:17px; color:#333333; margin-top:10%;}

.who-we-BoxBotCon p
{padding:0px 15px 10px 15px;}


.loginL1HeadT2
{font-size:15px; margin-right:10px;}



.loginR1 {
    background-position: top;
    background-size: contain;
}


.loginR1Text p
{padding:0px 30px 10px 30px; float:left;} 

.loginR1Text p.header {
  font-weight: bold;
} 


.loginR1Text > div.loginorwhateverinner {
  overflow: auto;
  background-color: #f3fafe;
}

.loginR1Text > div.loginorwhateverinner > div {
  padding:0px 30px 10px 30px;
  float:left;
}


.loginR1Text > div.loginorwhateverinner > div > ul {
  list-style: none;
} 




.footerRText p a
{color:#999999; text-decoration:none;}



#quotes
 {
   margin:0;
   padding:0px;
   position:relative;
 }
 .textItem
 {
   position:absolute;
   display:none;
   margin-left:0px;
 }

.social-image
{height:23px; width:30px;}

/* ============================================================
  SECTIONS
============================================================ */

section.module.content {
  padding: 40px 0;
}
section.module.parallax {
  background-position: 0 0;
}

@media only screen and (min-width: 1px) and (max-width: 1399px) {
section.module.parallax-1 {
  background-image: url("/static/parallax-images/Proprietary-Tracking-BG.jpg"); background-size:100%;
}
section.module.parallax-2 {
  background-image: url("/static/parallax-images/Proprietary-Tracking-BG-2.jpg"); background-size:100%;
}
section.module.parallax-3 {
  background-image: url("/static/parallax-images/Proprietary-Tracking-BG-3.jpg"); background-size:100%;
}
}

@media only screen and (min-width: 1400px) {
section.module.parallax-1 {
  background-image: url("/static/parallax-images/Proprietary-Tracking-BG-Large.jpg"); background-size:100%;
}
section.module.parallax-2 {
  background-image: url("/static/parallax-images/Proprietary-Tracking-BG-2-Large.jpg"); background-size:100%;
}
section.module.parallax-3 {
  background-image: url("/static/parallax-images/Proprietary-Tracking-BG-3-Large.jpg"); background-size:100%;
}
}

 
.hiring-click-here { color:#F84121; text-decoration:none;}
:hover.hiring-click-here { color:#0A3C61;}



@media only screen and (min-width: 220px) and (max-width: 450px) {
.header-full {
  background-size: 100% 246px !important;
}

.promo {
  margin-top: -5% !important;
  margin-bottom: -4% !important;
}

.promo-2b-text {
  font-size: 18px !important;
  margin-top: 18px !important;
  text-align: center !important;
}

.promo-2c {
  width: 84% !important;
}

.promo-2ca {
  width: 76% !important;
  height: 115px !important;
  background-position: 0px 72px !important;
}

.publisher-new-text {
  margin-top: 12px !important;
  margin-left: 0px !important;
  text-align: center !important;
}

.publisherB2 {
  text-align: center !important;
}

.publisher-text {
  width: 98% !important;
  margin-left: 2% !important;
  margin-top: 20px !important;
  font-size: 16px !important;
  margin-bottom: 0px !important;
}

.moneyA p {
  font-size: 18px !important;
  text-align: center !important;
}

.money-making-full {
  min-height: 112px !important;
  padding: 14px 0px 0px 0px !important;
}

.money-making {
  max-width: 98% !important;
  min-height: 112px !important;
}

.moneyA {
  min-height: 112px !important;
}

.moneyA p {
  font-size: 18px !important;
  float: left !important;
  color: #fff !important;
  margin-left: 0px !important;
  margin-top: 10px !important;
  text-align: center !important;
}

.people-text {
  font-size: 22px !important;
  float: left !important;
  margin-top: 10px !important;
  margin-left: 7% !important;
}

.people-image {
  margin-top: 0px !important;
  margin-left: 22% !important;
}

.who-we-head {
  font-size: 18px !important;
}

.monster-social-icons-size {
  max-width: 50px !important;
}

.peopleB {
  min-height: 322px !important;
}

}

@media only screen and (min-width: 450px) and (max-width: 610px) {
.promo-2c {
  width: 92% !important;
}

.publisher-new-text {
  text-align: center !important;
}

.publisherB2 {
  text-align: center !important;
}

.money-making-full {
  min-height: 88px !important;
  padding: 14px 0px 0px 0px !important;
}

.money-making {
  max-width: 98% !important;
  min-height: 88px !important;
}

.moneyA {
  min-height: 88px !important;
}

.moneyA p {
  font-size: 22px !important;
  float: left !important;
  color: #fff !important;
  margin-left: 28px !important;
  margin-top: 22px !important;
  text-align: center !important;
}



.who-we-head {
  text-align: center;
}

.who-we-head p {
  margin-left: 0 !important;
  float: none !important;
}

.monster-social-icons-size {
  max-width: 60px !important;
}

}


@media only screen and (min-width: 610px) and (max-width: 768px) {

.promo {
  margin-top: 0% !important;
}

.promo-2c {
  width: 93% !important;
}


}

@media only screen and (max-width: 991px) and (min-width: 771px) {
.promo {
  margin-top: 0% !important;
  margin-bottom: 0% !important;
}

.moneyA p {
  font-size: 29px !important;
}

.peopleB {
  min-height: 236px !important;
}

}

@media only screen and (min-width: 769px) and (max-width: 1100px) {
.moneyA p {
  font-size: 32px !important;
}

.peopleB {
  min-height: 214px !important;
}

}

