body				{font-family: "ff-market-web";    -webkit-font-smoothing: antialiased;}

p 				{color:#000;}
.overlay-container h2 		{font-size: 37px; line-height: 47px; border: 0;  font-weight: normal;}

.section 			{text-align:center;}

.conit 				{width: 548px; font-size: 43px; position: absolute; text-align: left; margin-left: -542px; left: 50%; margin-top: -135px; letter-spacing:0px;}
.conit 				{line-height:49px; -ms-transform: rotate(-9deg); /* IE 9 */ -webkit-transform: rotate(-9deg); /* Safari */ transform: rotate(-9deg);}

br 				{display: block; margin: 20px 0; line-height:22px; content:" ";}
.name				{font-size: 50px; line-height: 50px;}

.arrow-left, .arrow-right	{width: 40px; height: 40px; position: absolute; z-index: 99999; background-size: cover; top: 50%; margin-top: -20px;}
.arrow-left			{background-image:url('../images/arrow-left.png'); left:30px;}
.arrow-right			{background-image:url('../images/arrow-right.png'); right:30px;}

.info_button			{width: 70px; height: 70px; border-radius: 50%; background: #fff; position: absolute; left: 50%; margin-left: -280px; top: 50%; margin-top: 287px; z-index: 9999;  cursor: pointer;}
.info_button 			{font-size: 18px; line-height: 19px; text-transform: uppercase; padding-top: 17px; letter-spacing: 1px; box-sizing:border-box; font-family: "proxima-nova-soft";}

.info_button:hover		{background-color: #333; color: #FFF;}
.overlay 			{width:100%; height:100%; position: absolute; z-index: 99999999; opacity: 0.8;}

.overlay-container 		{width: 700px; height: 600px; position: absolute; left: 50%; top: 50%; margin-left: -350px; margin-top:-300px; text-align: center;}
.overlay-container h2		{font-family: "proxima-nova-soft"; font-size: 29px; line-height: 36px; color: #FFF;}

.popup_background		{opacity:1 !important; background-color: #48C1BB !important;}

.close 				{display: inline-block; cursor: pointer; color: #333 !important; width: 70px; height: 70px; border-radius: 50%; background-color: #fff;  padding-top: 24px; box-sizing:border-box; font-family: "proxima-nova-soft"; text-transform: uppercase; font-size:18px !important; }
.close:hover			{background-color: #333; color:#fff !important; }

.stamp				{width:160px; height:200px; position: absolute; z-index: 999; opacity: 0.6; left:50%; top:50%; cursor: pointer;}

.tabbys				{margin-left:-102px; margin-top:-350px;}
.sugars				{margin-left:113px; margin-top:-311px;}
.matildas			{margin-left:288px; margin-top:-164px;}
.madisons			{margin-left:208px; margin-top:81px;}
.kookies			{margin-left:16px; margin-top:143px;}
.katias				{margin-left:-187px; margin-top:126px;}
.hayas				{margin-left:-388px; margin-top:80px;}
.blanches			{margin-left:-492px; margin-top:-151px;}
.angels				{margin-left:-314px; margin-top:-320px;}

/* BRAND BAR STYLES */

.text-con-newbar p 		{margin: 0px; color: #FFFFFF !important; padding: 0px; line-height: 130% !important; font-family: 'arial'; font-weight: 500; font-size: 12px;}

.text-con-newbar h2 {
  margin: 0px;
  color: #FFFFFF !important;
  padding: 0px;
  line-height: 130% !important;
  font-family: 'arial';
  font-weight: 500;
  font-size: 17px;
}

.new-brand-bar {
  width: 100%;
  height: 144px;
  position: absolute;
  top: -144px;
  left: 0px;
  z-index: 99999999999999999999999999;
  background-color: #4d4d4d;
}

.drop-shadow {
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.1);
}

.new-brand-bar-con {
  width: 960px;
  position: absolute;
  left: 50%;
  margin-left: -480px;
  margin-top: 18px;}

.new-brands-tab {
  width: auto;
  height: 50px;
  background-color: #4d4d4d;
  position: absolute;
  right: 20px;
  top: 144px;
  box-sizing: border-box;
  padding: 15px 10px 10px 14px;
  color: #FFFFFF;
  font-weight: 500;
  font-family: arial;
  border-radius: 0px 0px 5px 5px;
  cursor: pointer;
}

.mini-icon {
  width: 40px;
  height: 40px;
  background-image: url(http://withitworld.com/wp-content/themes/withit/images/mini-withit.png);
  margin-top: -13px;
  margin-right: 5px;
  float: left;
}

.icon-link {
  width: 104px;
  height: 104px;
  display: block;
  float: left;
  margin-right: 20px;
}

.icon-link2 {
  width: 104px;
  height: 104px;
  display: block;
  float: left;
  margin-right: 0px;
}

.text-con-newbar {
  width: 190px;
  float: left;
  height: auto;
  margin-right: 40px;
  color: #FFFFFF !important;
  padding-top: 9px;
}

.withit-disc {
  background-image: url(http://withitworld.com/wp-content/themes/withit/images/withit-logo-disc.png);
}

.withitb-disc {
  background-image: url(http://withitworld.com/wp-content/themes/withit/images/withitb-logo-disc.png);
}

.phizzogs-disc {
  background-image: url(http://withitworld.com/wp-content/themes/withit/images/phizzogs-logo-disc.png);
}

.doodleboos-disc {
  background-image: url(http://withitworld.com/wp-content/themes/withit/images/doodleboos-logo-disc.png);
}

.joeyandjoy-disc {
  background-image: url(http://withitworld.com/wp-content/themes/withit/images/j+j-logo-disc.png);
}

.kitties-disc {
  background-image: url(http://withitworld.com/wp-content/themes/withit/images/kitc-log-disc.png);
}

/* SECTION GLOBALS */
#section0,
#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7,
#section8,
#section9
{
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #FFF !important;
}

/* DESKTOP STYLES */

#section0			{background-image: url(../images/intro.png); background-color: #FFF;}
#section1			{background-image: url(../images/tabby.png); background-color: #DBDAD8;}
#section2			{background-image: url(../images/rio.png); background-color: #C5E4CD;}
#section3			{background-image: url(../images/matilda.png); background-color: #BCE5F2;}
#section3 .conit 	             {margin-top: -179px;}
#section4			{background-image: url(../images/madison.png); background-color: #FCEBF2;}
#section4 .conit 	             {margin-top: -149px;}
#section5			{background-image: url(../images/kookie.png); background-color: #FBF7C1;}
#section5 .conit 	            {width: 527px; margin-top: -155px; }
#section6			{background-image: url(../images/katia.png); background-color: #C0BDDE;}
#section7			{background-image: url(../images/haya.png); background-color: #F2EFB6;}
#section8			{background-image: url(../images/blanche.png); background-color: #EEF0F3;}
#section8 .conit 	             {margin-top:-113px;}
#section9			{background-image: url(../images/angel.png); background-color: #F6E3EC;}
#section9 .conit 	             {margin-top:-95px;}

.info_button {
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    animation: move 1s infinite ease-in-out;
    -moz-animation: move 1s infinite ease-in-out;
    -webkit-animation: move 1s infinite ease-in-out;
}

@-moz-keyframes move {
    0% {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    50% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@-webkit-keyframes move {
    0% {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    50% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes move {
    0% {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    50% {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -moz-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}


/* iPad – Landscape */

@media screen and (max-width:1279px) {
#section0           {background-image: url(../images/intro.png); background-color: #DBDAD8; background-size: cover;}
#section1           {background-image: url(../images/tabby.png); background-color: #DBDAD8; background-size: cover;}
#section2           {background-image: url(../images/rio.png); background-color: #DBDAD8; background-size: cover;}
#section3           {background-image: url(../images/matilda.png); background-color: #DBDAD8; background-size: cover;}
#section4           {background-image: url(../images/madison.png); background-color: #DBDAD8; background-size: cover;}
#section5           {background-image: url(../images/kookie.png); background-color: #DBDAD8; background-size: cover;}
#section5 .conit    {width: 477px; margin-top: -155px; }
#section6           {background-image: url(../images/katia.png); background-color: #DBDAD8; background-size: cover;}
#section7           {background-image: url(../images/haya.png); background-color: #DBDAD8; background-size: cover;}
#section8           {background-image: url(../images/blanche.png); background-color: #DBDAD8; background-size: cover;}
#section8 .conit  {margin-top:-60px !important;}
#section9           {background-image: url(../images/angel.png); background-color: #DBDAD8; background-size: cover;}
#section9 .conit  {margin-top:-60px !important;}
.conit                  {margin-top: -129px !important; margin-left: -472px !important; line-height: 37px; width: 477px;   font-size: 32px;}

.info_button        { z-index: 9999; margin-left: -160px; margin-top: 170px;}

.arrow-left, .arrow-right     {display: none;}

.stamp      {width:160px; height:200px; position: absolute; z-index: 999; opacity: 0.6; left:50%; top:50%; cursor: pointer;}
}


/* iPad – Portrait */

@media screen and (max-width:1023px) {
#section0 			{background-image: url(../images/intro-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section1 			{background-image: url(../images/tabby-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section2 			{background-image: url(../images/rio-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section3 			{background-image: url(../images/matilda-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section4 			{background-image: url(../images/madison-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section5 			{background-image: url(../images/kookie-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section5 .conit                        {width: 337px; margin-top: -155px; }
#section6 			{background-image: url(../images/katia-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section7 			{background-image: url(../images/haya-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section8 			{background-image: url(../images/blanche-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section8 .conit                        {margin-top:-120px !important;}
#section9 			{background-image: url(../images/angel-ipad.png); background-color: #DBDAD8; background-size: cover;}
#section9 .conit                         {margin-top:-100px !important;}

.conit                                       {margin-top: -219px !important; margin-left: -309px !important; line-height: 37px; width: 337px; font-size: 32px;}
.info_button		           {margin-left: -280px; margin-top: 280px;}
.arrow-left, .arrow-right, 	{display: none;}

.text-con-newbar                        {display: none;}
.new-brand-bar-con                  {width: 768px; margin-left: -384px;}
.withit-disc                                {margin-left: 20px;}
}


/* iPhone */

@media screen and (max-width:568px) {
#section0 			{background-image: url(../images/intro-mobile.png); background-size: cover;}
#section1 			{background-image: url(../images/tabby-mobile.png); background-size: cover;}
#section2 			{background-image: url(../images/rio-mobile.png); background-size: cover;}
#section3 			{background-image: url(../images/matilda-mobile.png); background-size: cover;}
#section4 			{background-image: url(../images/madison-moblie.png); background-size: cover;}
#section5 			{background-image: url(../images/kookie-mobile.png); background-size: cover;}
#section6 			{background-image: url(../images/katia-mobile.png); background-size: cover;}
#section7 			{background-image: url(../images/haya-mobile.png); background-size: cover;}
#section8 			{background-image: url(../images/blanche-mobile.png); background-size: cover;}
#section9 			{background-image: url(../images/angel-mobile.png); background-size: cover;}

.conit 				{display: none;}
.arrow-left, .arrow-right	{display: none;}
.info_button			{margin-left: -120px; margin-top:120px; z-index: 9999;}

.text-con-newbar		{display: none;}
.new-brand-bar-con		{width: 320px; height: 120px; margin-left: -160px; overflow: hidden !important; margin-top:10px;}
.withit-disc                                {margin-left: 50px;}
.icon-link, .icon-link2		{width: 60px; height: 60px; background-size: cover;}
.doodleboos-disc 		{margin-left: 50px;}

.stamp				{ width: 80px; height:110px;}

.overlay-container		{width: 300px; margin-left: -150px; margin-top:-200px;}
.overlay-container h2		{font-size: 16px !important; line-height: 18px;}


.tabbys       {margin-left:-22px; margin-top:-159px;}
.sugars       {margin-left:61px; margin-top:-223px;}
.matildas     {margin-left:68px; margin-top:-39px;}
.madisons     {margin-left:60px; margin-top:147px;}
.kookies      {margin-left:-30px; margin-top:77px;}
.katias       {margin-left:-117px; margin-top:135px;}
.hayas        {margin-left:-388px; margin-top:16px;}
.blanches     {margin-left:-140px; margin-top:-111px;}
.angels       {margin-left:-122px; margin-top:-234px;}


}