/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #702376;
}

html { font-size:100%; }
body {
	color: #702376;
	font-size:100%;
	font-weight:400;
    line-height: 1.4;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Milkman's custom styles
   ========================================================================== */

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
body { background-color:#fff; }
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	overflow:hidden;
}

/*
 * Site Header
 */
 
#topBar { padding:0; position:relative; width:100%; z-index:100; }
/*.red #topBar { background-color:#fc5d70 !important; }
.green #topBar { background-color:#9dfceb !important; }
.yellow #topBar { background-color:#fff280 !important; }*/
/*.home #topBar { position:fixed; left:0; top:-63px;top:0; z-index:999;
  -webkit-transition: top 0.25s 0.5s ease-out; 
     -moz-transition: top 0.25s 0.5s ease-out; 
       -o-transition: top 0.25s 0.5s ease-out; 
          transition: top 0.25s 0.5s ease-out;
}*/ 
.home #topBar { margin-bottom:-100px; }

#functionsBar { background-color:#702376; color:#c48bc8; font-size:0.875em; line-height:1; padding:10px 20px 13px; text-align:right; }
@media screen and (max-width: 400px) {
	#functionsBar { padding:10px 15px 13px; }
}
#functionsBar a { border-bottom:none; color:#c48bc8; }
#functionsBar a .linkWrap { border-bottom:#c48bc8 dotted 1px; }
#functionsBar a:hover .linkWrap { border-bottom:none; }
#functionsBar a .cartAmount { background-color:#c48bc8; color:#702376; display:inline-block; font-weight:600; margin:-3px 0 -3px 5px; padding:3px 5px;
  border-radius: 2px;
  background-clip: padding-box;
}
/*.red #functionsBar,
.red #functionsBar a { color:#fc5d70; }
.red #functionsBar a { border-bottom-color:#fc5d70; }
.green #functionsBar,
.green #functionsBar a { color:#9dfceb; }
.green #functionsBar a { border-bottom-color:#9dfceb; }
.yellow #functionsBar,
.yellow #functionsBar a { color:#fff280; }
.yellow #functionsBar a { border-bottom-color:#fff280; }*/

#topBar header { border-bottom:3px solid #702376; }
.red #topBar header { background-color:#fc5d70 !important; }
.green #topBar header { background-color:#9dfceb !important; }
.yellow #topBar header { background-color:#fff280 !important; }

#topBar h1 { border-right:3px solid #702376; float:left; font-size:1em !important; height:60px; margin:0; width:79px; }
#topBar h1 a { padding:15px 20px !important; width:76px; }
.svg #topBar h1 a:hover { background-color:#702376; }
#topBar h1 a svg path { fill:#702376;
  -webkit-transition: fill 0.25s ease-out;
     -moz-transition: fill 0.25s ease-out;
       -o-transition: fill 0.25s ease-out;
          transition: fill 0.25s ease-out;
}
.red #topBar h1 a:hover svg path { fill:#fc5d70; }
.green #topBar h1 a:hover svg path { fill:#9dfceb; }
.yellow #topBar h1 a:hover svg path { fill:#fff280; }

#topBar nav { padding:0; }
#topBar nav ul { list-style:none; margin:0; padding:0; }
#topBar nav ul li { border-top:3px solid #702376; display:block; margin:0; position:relative; }
#topBar nav ul li:first-child { border-top:none; }
#topBar nav ul li ul li:first-child { border-top:3px solid #702376; }
.navbar-collapse { border-top:3px solid #702376; box-shadow:none; clear:both; }

#topBar header a { border-bottom:none; color:#702376; display:block; font-size:1.25em; height:60px; line-height:20px; padding:20px 20px 10px; position:relative; position:relative; }
.red #topBar header nav a:hover { background-color:#702376; color:#fc5d70; }
.green #topBar header nav a:hover { background-color:#702376; color:#9dfceb; }
.yellow #topBar header nav a:hover,
.yellow #topBar header nav a:focus { background-color:#702376; color:#fff280; }

#topBar header nav a span.underline { background-color:#702376; display:none; height:3px; margin-top:5px; }
#topBar header nav .current-menu-item > a span.underline,
#topBar header nav .current_page_ancestor > a span.underline { display:block; }

#topBar header nav a span.linkWrap { display:inline-block; }

.navbar-toggle { background-color:transparent; border:none; border-left:3px solid #702376; height:60px; margin:0; padding:10px 20px;
	border-radius: 0;
}
.navbar-toggle .icon-bar { background-color:#702376; border-radius: 0; height:3px; width:30px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top:6px; }
.red .navbar-toggle:hover .icon-bar,
.red .navbar-toggle:focus .icon-bar { background-color:#fc5d70 !important; }
.green .navbar-toggle:hover .icon-bar,
.green .navbar-toggle:focus .icon-bar { background-color:#9dfceb !important; }
.yellow .navbar-toggle:hover .icon-bar,
.yellow .navbar-toggle:focus .icon-bar { background-color:#fff280 !important; }

.navbar-collapse { max-height:315px; padding:0; }

/*@media screen and (max-width: 767px) {
	#topBar h1 { height:50px; width:68px; }
	#topBar h1 a { padding:10px 15px !important; width:65px; }
	#topBar header a { height:50px; padding:15px; }
	#topBar header nav .current-menu-item > a span.underline,
	#topBar header nav .current_page_ancestor > a span.underline { display:none; }
	.navbar-toggle { height:50px; padding:5px 15px; }
	.navbar-toggle .icon-bar+.icon-bar { margin-top:6px; }
}*/

#topBar a.facebookLink { border-left:3px solid #702376; float:right; font-size:1em !important; height:60px; margin:0; padding:18px 25px !important; width:65px; }
.svg #topBar a.facebookLink:hover { background-color:#702376; }
#topBar a.facebookLink svg path { fill:#702376;
  -webkit-transition: fill 0.25s ease-out;
     -moz-transition: fill 0.25s ease-out;
       -o-transition: fill 0.25s ease-out;
          transition: fill 0.25s ease-out;
}
.red #topBar a.facebookLink:hover svg path { fill:#fc5d70; }
.green #topBar a.facebookLink:hover svg path { fill:#9dfceb; }
.yellow #topBar a.facebookLink:hover svg path { fill:#fff280; }

#specialNotice { background-color:#fff; border-bottom:3px solid #702376; font-size:1.125em; padding:15px 20px; position:absolute; top:100px; width:100%; z-index:-1; }
#specialNotice .notice { display:block; }
#specialNotice .btn { font-size:1em; margin-top:10px; }

/* ==========================================================================
   Home Page
   ========================================================================== */

/** Featured Area **/
#featuredArea { background-color:#fff280; position:relative;
text-shadow:
-1px 0px 0 #fff280,
1px 0px 0 #fff280,
0px 1px 0 #fff280,
0px -1px 0 #fff280,
-1px -1px 0 #fff280,
1px -1px 0 #fff280,
-1px 1px 0 #fff280,
1px 1px 0 #fff280,
-2px 0px 0 #fff280,
2px 0px 0 #fff280,
0px 2px 0 #fff280,
0px -2px 0 #fff280,
-2px -2px 0 #fff280,
2px -2px 0 #fff280,
-2px 2px 0 #fff280,
2px 2px 0 #fff280,
-3px 0px 0 #fff280,
3px 0px 0 #fff280,
0px 3px 0 #fff280,
0px -3px 0 #fff280,
-3px -3px 0 #fff280,
3px -3px 0 #fff280,
-3px 3px 0 #fff280,
3px 3px 0 #fff280; }
#featuredArea .town { background:url(../img/png/buildings-yellow.png) repeat-x left bottom; }
.svg #featuredArea .town { background-image:url(../img/svg/buildings-yellow.svg); }

#featuredArea .content { padding:130px 15px 100px; }
#featuredArea h1.logo { display:block; height:145px; margin:0 auto; width:160px; }
#featuredArea h2 { font-size:3.75em; letter-spacing:0.15em; margin:0.6em 0 0.35em; }
#featuredArea h3 { font-size:1.75em; margin:0; }
#featuredArea .downArrow { display:block; height:40px; margin-left:-20px; position:absolute; bottom:30px; left:50%; width:40px; z-index:100;
  -webkit-animation: jumpAnimation 6s 0.5s infinite linear;
     -moz-animation: jumpAnimation 6s 0.5s infinite linear;
       -o-animation: jumpAnimation 6s 0.5s infinite linear;
          animation: jumpAnimation 6s 0.5s infinite linear;
}

#specialBox { background-color:#702376; color:#fff280; display:block; height:380px; margin-top:-190px; overflow:hidden; padding:30px; position:absolute; right:0; top:50%; width:250px;
  /*border-radius: 6px 0 0 6px;
  background-clip: padding-box;*/
}
#specialBox .banner { background-color:#fff280; color:#702376; font-size:1.75em; line-height:1; padding:0.75em 0; position:absolute; top:26px; left:-90px; width:300px;
  -webkit-transform: rotate(-45deg); 
      -ms-transform: rotate(-45deg); 
          transform: rotate(-45deg); 
}
#specialBox .icon { border:3px solid #fff280; display:block; height:106px; margin:0 auto 0; padding:10px; width:106px;
  border-radius: 50%;
  background-clip: padding-box;
}
#specialBox h2 { font-size:2em; line-height:1.25; margin:1em 0; }
#specialBox .btn.transparent { border:3px solid #fff280; color:#fff280; }
#specialBox .btn.transparent:hover { color:#702376; }
#specialBox .btn.transparent:hover:after { border-color: #fff280; }

/** Social Stats **/
#socialStats { background-color:#702376; color:#fff280; padding:15px 0; }
#socialStats .statistic { border-left:3px dashed #5a1c5e; padding-bottom:15px; padding-top:15px; }
#socialStats .statistic:first-child { border-left:none; }
#socialStats .statistic .percentage { display:block; font-size:2.5em; line-height:1; }
#socialStats .statistic .explanation { display:block; font-size:1.25em; line-height:1.15; margin-top:0.75em; text-transform:none; }

/** How it works **/
#howItWorks { }

/** Extension Platforms **/
#platformLogos { margin:1.25em 0 0; }
/*.home #platformLogos .platformIcon { height:106px; width:106px; }*/

/** Industries **/
#industryIcons { margin:1.25em 0 0; }
.industryLink { border-bottom:none; display:inline-block; margin:5px; }
.industryLink .innerWrap { border:3px dashed #eee; display:block; padding:60px 20px 20px; position:relative;
  border-radius: 6px;
  background-clip: border-box;
  -webkit-transition: border 0.15s ease-out, background-color 0.15s ease-out; 
     -moz-transition: border 0.15s ease-out, background-color 0.15s ease-out; 
       -o-transition: border 0.15s ease-out, background-color 0.15s ease-out; 
          transition: border 0.15s ease-out, background-color 0.15s ease-out; 
}
.industryLink:hover .innerWrap { background-color:#fff280; border-color:#f0e078; }
.industryLink .icon { background-color:#fff; border:3px solid #702376 !important; display:inline-block; height:76px; overflow:hidden; padding:5px; position:relative; top:0; width:76px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: padding 0.15s ease-out, top 0.15s ease-out; 
     -moz-transition: padding 0.15s ease-out, top 0.15s ease-out; 
       -o-transition: padding 0.15s ease-out, top 0.15s ease-out; 
          transition: padding 0.15s ease-out, top 0.15s ease-out; 
}
a.industryLink:hover .icon { padding:2.5px; top:-5px; }
.industryLink h3,
.industryLink h4 { margin:0; }

/* ==========================================================================
   Single Pages
   ========================================================================== */

/** Page Header **/
#pageHeader { background:repeat-x 0 bottom; border-bottom:6px solid; padding:60px 0 70px; }
body.red #pageHeader { background-color:#fc5d70; background-image:url(../img/png/buildings-red-small.png); background-position:left bottom; border-bottom-color:#e65566; 
text-shadow:
-1px 0px 0 #fc5d70,
1px 0px 0 #fc5d70,
0px 1px 0 #fc5d70,
0px -1px 0 #fc5d70,
-1px -1px 0 #fc5d70,
1px -1px 0 #fc5d70,
-1px 1px 0 #fc5d70,
1px 1px 0 #fc5d70,
-2px 0px 0 #fc5d70,
2px 0px 0 #fc5d70,
0px 2px 0 #fc5d70,
0px -2px 0 #fc5d70,
-2px -2px 0 #fc5d70,
2px -2px 0 #fc5d70,
-2px 2px 0 #fc5d70,
2px 2px 0 #fc5d70,
-3px 0px 0 #fc5d70,
3px 0px 0 #fc5d70,
0px 3px 0 #fc5d70,
0px -3px 0 #fc5d70,
-3px -3px 0 #fc5d70,
3px -3px 0 #fc5d70,
-3px 3px 0 #fc5d70,
3px 3px 0 #fc5d70; }
body.green #pageHeader { background-color:#9dfceb; background-image:url(../img/png/buildings-green-small.png); background-position:left bottom; border-bottom-color:#8ee6d6; 
text-shadow:
-1px 0px 0 #9dfceb,
1px 0px 0 #9dfceb,
0px 1px 0 #9dfceb,
0px -1px 0 #9dfceb,
-1px -1px 0 #9dfceb,
1px -1px 0 #9dfceb,
-1px 1px 0 #9dfceb,
1px 1px 0 #9dfceb,
-2px 0px 0 #9dfceb,
2px 0px 0 #9dfceb,
0px 2px 0 #9dfceb,
0px -2px 0 #9dfceb,
-2px -2px 0 #9dfceb,
2px -2px 0 #9dfceb,
-2px 2px 0 #9dfceb,
2px 2px 0 #9dfceb,
-3px 0px 0 #9dfceb,
3px 0px 0 #9dfceb,
0px 3px 0 #9dfceb,
0px -3px 0 #9dfceb,
-3px -3px 0 #9dfceb,
3px -3px 0 #9dfceb,
-3px 3px 0 #9dfceb,
3px 3px 0 #9dfceb; }
body.yellow #pageHeader { background-color:#fff280; background-image:url(../img/png/buildings-yellow-small.png); background-position:left bottom; border-bottom-color:#f0e078; 
text-shadow:
-1px 0px 0 #fff280,
1px 0px 0 #fff280,
0px 1px 0 #fff280,
0px -1px 0 #fff280,
-1px -1px 0 #fff280,
1px -1px 0 #fff280,
-1px 1px 0 #fff280,
1px 1px 0 #fff280,
-2px 0px 0 #fff280,
2px 0px 0 #fff280,
0px 2px 0 #fff280,
0px -2px 0 #fff280,
-2px -2px 0 #fff280,
2px -2px 0 #fff280,
-2px 2px 0 #fff280,
2px 2px 0 #fff280,
-3px 0px 0 #fff280,
3px 0px 0 #fff280,
0px 3px 0 #fff280,
0px -3px 0 #fff280,
-3px -3px 0 #fff280,
3px -3px 0 #fff280,
-3px 3px 0 #fff280,
3px 3px 0 #fff280; }

.svg body.red #pageHeader { background-image:url(../img/svg/buildings-red-small.svg); }
.svg body.green #pageHeader { background-image:url(../img/svg/buildings-green-small.svg); }
.svg body.yellow #pageHeader { background-image:url(../img/svg/buildings-yellow-small.svg); }

#pageHeader .textLink { padding-bottom:3px; }
#pageHeader table { text-shadow:none; }

/*-1px 0px 0 #000, 1px 0px 0 #000, 0px 1px 0 #000, 0px -1px 0 #000,-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000*/

#pageHeader.packageHeader { padding:60px 0 70px; }
#pageHeader .platformContainer { margin-top:60px; }

#pageHeader hgroup h1:only-child { margin-bottom:0; }
#pageHeader h3:last-child { margin-bottom:0; }
#pageHeader h3 { font-size:1.5em; }

#pageHeader h1 .icon { background-color:#fff; border:3px solid #702376 !important; display:none; height:96px; margin:0 0 -25px; overflow:hidden; padding:8px; width:96px;
  border-radius: 50%;
  background-clip: padding-box; 
}
/*.product-cat-social-advertising #pageHeader h1 .icon,
.product-cat-competitions #pageHeader h1 .icon { padding:0; }*/

/* ==========================================================================
   Packages
   ========================================================================== */
.packageLink { background-color:#fff; border:3px dashed #d5d5d5; overflow:hidden; position:relative; padding:30px 15px; z-index:5;
  border-radius: 9px;
  background-clip: border-box;
}
.packageLink h2 { font-size:2em; line-height:1.25; }

/* ==========================================================================
   Facebook Packages
   ========================================================================== */
#packageContainer { margin-top:60px; }

.packageOption { background-color:#fff280; border:3px solid #702376; overflow:hidden; position:relative; padding:30px; text-shadow:none; z-index:5;
  border-radius: 9px;
  background-clip: border-box;
}
.packageOption.selected { background-color:#702376; color:#fff280; z-index:10; }

.packageOption .banner { background-color:#fff280; color:#702376; font-size:1.75em; line-height:1; padding:0.75em 0; position:absolute; top:26px; left:-90px; width:300px;
  -webkit-transform: rotate(-45deg); 
      -ms-transform: rotate(-45deg); 
          transform: rotate(-45deg); 
}
.packageOption .icon { background-color:#fff; border:3px solid #702376; display:block; height:106px; margin:0 auto 30px; padding:10px; width:106px;
  border-radius: 50%;
  background-clip: border-box;
}
.packageOption.selected .icon { border:3px solid #fff280; }
.packageOption h2 { font-size:2em; line-height:1.25; margin:30px 0 0; }
.packageOption h3 { margin-bottom:30px !important; }
.packageOption h3 + p { margin:0 0 30px; }

.packageOption ul { list-style:none !important; margin:1.5em 0; padding:0; }
.packageOption ul li { border-top:2px solid #f0e078; margin:0; padding:0.55em 0; }
.packageOption.selected ul li { border-top:2px solid #5a1c5e; }
.packageOption ul li:first-child { border-top:none; }

.packageNotice { clear:both; padding-top:2em; text-align:left; }

/*.largeScreen .facebookPackage .infoWrap { height:0; overflow:hidden;
  -webkit-transition: height 0.35s ease-out; 
      -ms-transition: height 0.35s ease-out; 
          transition: height 0.35s ease-out;
}*/
.packageOption .infoWrap .extraInfo { padding-top:30px; }

.packageOption.selected .btn.transparent { border:3px solid #fff280; color:#fff280; }
.packageOption.selected .btn.transparent:hover { color:#702376; }
.packageOption.selected .btn.transparent:hover:after { border-color: #fff280; }

#packageComparison .comparisonTable tbody th { min-width:200px; }

.packageOption.selected .icon,
.packageOption.selected .btn { background-color:transparent; }

@media screen and (max-width: 767px) {
	#packageContainer { margin-top:30px; }
	.packageOption .icon { margin-bottom:15px; }
	.packageOption h2 { margin:15px 0 0; }
	.packageOption h3 + p { margin:0 0 15px; }
	.packageOption .infoWrap .extraInfo { padding-top:15px; }
	
	/*.facebookPackage .icon { display:none; }
	.svg .facebookPackage .icon { border:3px solid #e5e5e5; display:block; height:246px; margin:-123px 0 0 -123px; padding:20px; position:absolute; top:50%; left:50%; width:246px; z-index:-1; }
	.svg .facebookPackage .icon svg path,
	.svg .facebookPackage .icon svg circle,
	.svg .facebookPackage .icon svg line { stroke:#e5e5e5; stroke-width:3; vector-effect: non-scaling-stroke; }
	.svg .facebookPackage.selected .icon { border-color:#5a1c5e; }
	.svg .facebookPackage.selected .icon svg path,
	.svg .facebookPackage.selected .icon svg circle,
	.svg .facebookPackage.selected .icon svg line { stroke:#5a1c5e; }*/
}

/* ==========================================================================
   Social Startup
   ========================================================================== */
#packageContents { margin:0 -15px; }
#packageContents .packagePoint { display:inline-block; margin:-2px; padding:7.5px 15px; width:100%; }
#packageContents .packagePoint .innerBox { border:3px dashed #d5d5d5; display:table; text-align:left; width:100%;
	border-radius: 9px;
	background-clip: border-box;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
#packageContents .packagePoint.highlighted .innerBox { background-color:#fff280; border-color:#f0e078; }
#packageContents .packagePoint .innerBox .verticalCenter { display:table-cell; padding:20px 20px 20px 75px; position:relative; vertical-align:middle; }
#packageContents .packagePoint .icon { background:#702376 url(../img/png/tick-icon-yellow.png) no-repeat center center; display:block; height:36px; margin-top:-18px; position:absolute; left:20px; top:50%; width:36px;
	border-radius: 50%;
	background-clip: border-box;
}
#packageContents .packagePoint h4 { font-size:1.25em; margin:0; }

/* ==========================================================================
   Extension Platforms
   ========================================================================== */
#singlePage #platformLogos { margin-bottom:-5px; margin-top:-5px; }
#singlePage #pageHeader .platformContainer #platformLogos { margin-top:15px; }
.platformIcon { background-color:#fff; border:3px solid #702376 !important; display:inline-block; height:76px; margin:5px; overflow:hidden; padding:5px; position:relative; top:0; width:76px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: padding 0.15s ease-out, top 0.15s ease-out; 
     -moz-transition: padding 0.15s ease-out, top 0.15s ease-out; 
       -o-transition: padding 0.15s ease-out, top 0.15s ease-out; 
          transition: padding 0.15s ease-out, top 0.15s ease-out; 
}
a.platformIcon:hover { padding:0; top:-5px; }
a.platformIcon img { border-radius: 50%; opacity:0.75;
  -webkit-transition: opacity 0.25s ease-out; 
     -moz-transition: opacity 0.25s ease-out; 
       -o-transition: opacity 0.25s ease-out; 
          transition: opacity 0.25s ease-out; 
}
a.platformIcon:hover img { opacity:1; }

.imgContainer img { border:3px solid #eee; margin:0 auto;
  border-radius: 6px;
  background-clip: padding-box;
}

.platformWrap h1 { font-size:3em; line-height:66px; padding-bottom:0.25em; }
.platformWrap h1 .platformIcon { height:66px; margin:0 0 -14px 0; padding:5px; width:66px; }
.platformWrap .imgContainer { padding:0 30px; }

#anchorIcons { background-color:#fff; border-bottom:1px solid #eee; margin:0 !important; padding:10px 0 6px; position:fixed; top:-75px; left:0; width:100%; z-index:10;
  -webkit-transition: top 0.25s ease-out; 
     -moz-transition: top 0.25s ease-out; 
       -o-transition: top 0.25s ease-out; 
          transition: top 0.25s ease-out; 
}
#anchorIcons.visible { top:0; }
#anchorIcons .platformIcon { border-width:2px !important; height:51px; padding:3px; margin:0 5px; width:51px; }
#anchorIcons .platformIcon:hover { padding:2px; }

.platformWrap {
  -webkit-transition: padding-top 0.25s ease-out; 
     -moz-transition: padding-top 0.25s ease-out; 
       -o-transition: padding-top 0.25s ease-out; 
          transition: padding-top 0.25s ease-out; 
}
.platformWrap.extraPadding { padding-top:120px; }

/** Social 101 **/
#social101 { background:#fff280 url(../img/png/clouds-yellow-small.png) repeat-x center 10px; border-bottom:3px solid #f0e078; border-top:3px solid #f0e078; }
.svg #social101 { background:#fff280 url(../img/svg/clouds-yellow-small.svg) repeat-x center 10px; }
#socialTimeline { padding-bottom:50px; padding-top:40px; position:relative; }
#socialTimeline #stepWrap { margin:0 -114px; position:relative; z-index:5; }
#socialTimeline .step { float:left; position:relative; width:228px; }

#socialTimeline .step h3 { display:none; font-size:1.5em; opacity:0; position:absolute; top:0; width:100%;
  -webkit-transition: opacity 0.25s ease-out, top 0.25s ease-out; 
     -moz-transition: opacity 0.25s ease-out, top 0.25s ease-out; 
       -o-transition: opacity 0.25s ease-out, top 0.25s ease-out; 
          transition: opacity 0.25s ease-out, top 0.25s ease-out; 
}
#socialTimeline .step.showElements h3 { display:block; }
#socialTimeline .step.active h3 { opacity:1; top:-40px; }

.cssanimations #socialTimeline .step h3 { opacity:1; top:-40px;
  -webkit-transition: none; 
     -moz-transition: none; 
       -o-transition: none; 
          transition: none; 
  -webkit-animation: titlePopUpOut 0.1s 0.7s 1 forwards linear;
     -moz-animation: titlePopUpOut 0.1s 0.7s 1 forwards linear;
       -o-animation: titlePopUpOut 0.1s 0.7s 1 forwards linear;
          animation: titlePopUpOut 0.1s 0.7s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active h3 { opacity:0; top:0;
  -webkit-animation: titlePopUp 0.15s 0.15s 1 forwards linear;
     -moz-animation: titlePopUp 0.15s 0.15s 1 forwards linear;
       -o-animation: titlePopUp 0.15s 0.15s 1 forwards linear;
          animation: titlePopUp 0.15s 0.15s 1 forwards linear;
} 


#socialTimeline .step a.stepNo { background:#fff url(../img/blank.gif); border:3px solid #702376; display:inline-block; height:50px; margin-bottom:-5px; margin-top:25px; position:relative; width:50px; z-index:50;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
  -webkit-transition: all 0.25s ease-out; 
     -moz-transition: all 0.25s ease-out; 
       -o-transition: all 0.25s ease-out; 
          transition: all 0.25s ease-out;
}
#socialTimeline .step.active a.stepNo { height:100px; margin-top:0; width:100px; }
.cssanimations #socialTimeline .step.showIcon a.stepNo { height:100px; margin-top:0; margin-bottom:-50px; width:100px;
  -webkit-transition: none; 
     -moz-transition: none; 
       -o-transition: none; 
          transition: none; 
  -webkit-animation: iconPopUpOut 0.1s 0.8s 1 forwards linear;
     -moz-animation: iconPopUpOut 0.1s 0.8s 1 forwards linear;
       -o-animation: iconPopUpOut 0.1s 0.8s 1 forwards linear;
          animation: iconPopUpOut 0.1s 0.8s 1 forwards linear;
}
.cssanimations #socialTimeline .step a.stepNo:hover,
.cssanimations #socialTimeline .step.active a.stepNo { height:50px; margin-top:25px; margin-bottom:-5px; width:50px;
  -webkit-animation: iconPopUp 0.15s 0s 1 forwards linear;
     -moz-animation: iconPopUp 0.15s 0s 1 forwards linear;
       -o-animation: iconPopUp 0.15s 0s 1 forwards linear;
          animation: iconPopUp 0.15s 0s 1 forwards linear;
}

#socialTimeline .step a.stepNo .icon { background-color:#fff; display:none; height:100%; opacity:0; padding:10px; position:relative; width:100%; z-index:5;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
 -webkit-transform:scale(0);
    -moz-transform:scale(0);
      -o-transform:scale(0);
         transform:scale(0);
}
#socialTimeline .step.showIcon a.stepNo .icon { display:block; }
#socialTimeline .step.active a.stepNo .icon { opacity:1;
 -webkit-transform:scale(1);
    -moz-transform:scale(1);
      -o-transform:scale(1);
         transform:scale(1);
}
.cssanimations #socialTimeline .step a.stepNo .icon { opacity:1;
 -webkit-transform:scale(1);
    -moz-transform:scale(1);
      -o-transform:scale(1);
         transform:scale(1);
  -webkit-animation: scaleDown 0.15s 0.8s 1 forwards linear;
     -moz-animation: scaleDown 0.15s 0.8s 1 forwards linear;
       -o-animation: scaleDown 0.15s 0.8s 1 forwards linear;
          animation: scaleDown 0.15s 0.8s 1 forwards linear;
}
.cssanimations #socialTimeline .step a.stepNo:hover .icon,
.cssanimations #socialTimeline .step.active a.stepNo .icon { opacity:1;
  -webkit-animation: scaleUp 0s 0s 1 forwards linear;
     -moz-animation: scaleUp 0s 0s 1 forwards linear;
       -o-animation: scaleUp 0s 0s 1 forwards linear;
          animation: scaleUp 0s 0s 1 forwards linear;
}

#socialTimeline .step a.stepNo .number { background-color:#fff; display:block; font-size:1.5em; height:44px; line-height:44px; margin:-22px 0 0 -22px; position:absolute; top:50%; left:50%; text-align:center; text-indent:2px; width:44px; z-index:1;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
}

#socialTimeline .step .stepSubPoints { display:none; margin:0 -60px -50px; padding-top:0px; position:relative;
  -webkit-transition: padding-top 0.25s ease-out; 
     -moz-transition: padding-top 0.25s ease-out; 
       -o-transition: padding-top 0.25s ease-out; 
          transition: padding-top 0.25s ease-out;
}
#socialTimeline .step.showSubs .stepSubPoints { display:block; }
#socialTimeline .step.active .stepSubPoints { padding-top:25px; }
.cssanimations #socialTimeline .step .stepSubPoints { margin-top:50px; padding-top:25px;
  -webkit-transition: none; 
     -moz-transition: none; 
       -o-transition: none; 
          transition: none; 
  -webkit-animation: stepSubPointsHide 0.1s 0.60s 1 forwards linear;
     -moz-animation: stepSubPointsHide 0.1s 0.60s 1 forwards linear;
       -o-animation: stepSubPointsHide 0.1s 0.60s 1 forwards linear;
          animation: stepSubPointsHide 0.1s 0.60s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints { padding-top:0px;
  -webkit-animation: stepSubPointsShow 0.15s 0.30s 1 forwards linear;
     -moz-animation: stepSubPointsShow 0.15s 0.30s 1 forwards linear;
       -o-animation: stepSubPointsShow 0.15s 0.30s 1 forwards linear;
          animation: stepSubPointsShow 0.15s 0.30s 1 forwards linear;
}

#socialTimeline .step .stepSubPoints .subPoint { height:0; position:relative; width:100%; z-index:5;
  -webkit-transition: height 0.25s ease-out; 
     -moz-transition: height 0.25s ease-out; 
       -o-transition: height 0.25s ease-out; 
          transition: height 0.25s ease-out;
}
#socialTimeline .step .stepSubPoints .subPoint.last { background-color:#fff280; }
#socialTimeline .step.active .stepSubPoints .subPoint { height:40px; }
.cssanimations #socialTimeline .step .stepSubPoints .subPoint { height:40px;
  -webkit-transition: none; 
     -moz-transition: none; 
       -o-transition: none; 
          transition: none; 
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(1) { z-index:11;
  -webkit-animation: stepGrowOut 0.1s 0.5s 1 forwards linear;
     -moz-animation: stepGrowOut 0.1s 0.5s 1 forwards linear;
       -o-animation: stepGrowOut 0.1s 0.5s 1 forwards linear;
          animation: stepGrowOut 0.1s 0.5s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(2) { z-index:10;
  -webkit-animation: stepGrowOut 0.1s 0.4s 1 forwards linear;
     -moz-animation: stepGrowOut 0.1s 0.4s 1 forwards linear;
       -o-animation: stepGrowOut 0.1s 0.4s 1 forwards linear;
          animation: stepGrowOut 0.1s 0.4s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(3) { z-index:9;
  -webkit-animation: stepGrowOut 0.1s 0.3s 1 forwards linear;
     -moz-animation: stepGrowOut 0.1s 0.3s 1 forwards linear;
       -o-animation: stepGrowOut 0.1s 0.3s 1 forwards linear;
          animation: stepGrowOut 0.1s 0.3s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(4) { z-index:8;
  -webkit-animation: stepGrowOut 0.1s 0.20s 1 forwards linear;
     -moz-animation: stepGrowOut 0.1s 0.20s 1 forwards linear;
       -o-animation: stepGrowOut 0.1s 0.20s 1 forwards linear;
          animation: stepGrowOut 0.1s 0.20s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(5) { z-index:6;
  -webkit-animation: stepGrowOut 0.1s 0.10s 1 forwards linear;
     -moz-animation: stepGrowOut 0.1s 0.10s 1 forwards linear;
       -o-animation: stepGrowOut 0.1s 0.10s 1 forwards linear;
          animation: stepGrowOut 0.1s 0.10s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(6) { z-index:5;
  -webkit-animation: stepGrowOut 0.1s 0s 1 forwards linear;
     -moz-animation: stepGrowOut 0.1s 0s 1 forwards linear;
       -o-animation: stepGrowOut 0.1s 0s 1 forwards linear;
          animation: stepGrowOut 0.1s 0s 1 forwards linear;
}

.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint { height:0; }
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(1) { z-index:11;
  -webkit-animation: stepGrow 0.15s 0.45s 1 forwards linear;
     -moz-animation: stepGrow 0.15s 0.45s 1 forwards linear;
       -o-animation: stepGrow 0.15s 0.45s 1 forwards linear;
          animation: stepGrow 0.15s 0.45s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(2) { z-index:10;
  -webkit-animation: stepGrow 0.15s 0.60s 1 forwards linear;
     -moz-animation: stepGrow 0.15s 0.60s 1 forwards linear;
       -o-animation: stepGrow 0.15s 0.60s 1 forwards linear;
          animation: stepGrow 0.15s 0.60s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(3) { z-index:9;
  -webkit-animation: stepGrow 0.15s 0.75s 1 forwards linear;
     -moz-animation: stepGrow 0.15s 0.75s 1 forwards linear;
       -o-animation: stepGrow 0.15s 0.75s 1 forwards linear;
          animation: stepGrow 0.15s 0.75s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(4) { z-index:8;
  -webkit-animation: stepGrow 0.15s 0.9s 1 forwards linear;
     -moz-animation: stepGrow 0.15s 0.9s 1 forwards linear;
       -o-animation: stepGrow 0.15s 0.9s 1 forwards linear;
          animation: stepGrow 0.15s 0.9s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(5) { z-index:6;
  -webkit-animation: stepGrow 0.15s 1.05s 1 forwards linear;
     -moz-animation: stepGrow 0.15s 1.05s 1 forwards linear;
       -o-animation: stepGrow 0.15s 1.05s 1 forwards linear;
          animation: stepGrow 0.15s 1.05s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(6) { z-index:5;
  -webkit-animation: stepGrow 0.15s 1.20s 1 forwards linear;
     -moz-animation: stepGrow 0.15s 1.20s 1 forwards linear;
       -o-animation: stepGrow 0.15s 1.20s 1 forwards linear;
          animation: stepGrow 0.15s 1.20s 1 forwards linear;
}

#socialTimeline .step .stepSubPoints .subPoint.right { padding-left:50%; text-align:left; }
#socialTimeline .step .stepSubPoints .subPoint.left { padding-right:50%; text-align:right; }
#socialTimeline .step .stepSubPoints .subPoint .pointWrap { margin-bottom:-10px; top:-5px; overflow:hidden; position:relative; width:100%; }
#socialTimeline .step .stepSubPoints .subPoint.right .pointWrap { padding-left:15px; }
#socialTimeline .step .stepSubPoints .subPoint.left .pointWrap { padding-right:15px; }
#socialTimeline .step .stepSubPoints .subPoint h4 { font-size:1.125em; line-height:1.2; opacity:0; margin:0; position:relative; }
#socialTimeline .step .stepSubPoints .subPoint.right h4 { left:-100%;
  -webkit-transition: opacity 0.25s ease-out, left 0.25s ease-out; 
     -moz-transition: opacity 0.25s ease-out, left 0.25s ease-out; 
       -o-transition: opacity 0.25s ease-out, left 0.25s ease-out; 
          transition: opacity 0.25s ease-out, left 0.25s ease-out; 
}
#socialTimeline .step .stepSubPoints .subPoint.left h4 { right:-100%;
  -webkit-transition: opacity 0.25s ease-out, right 0.25s ease-out; 
     -moz-transition: opacity 0.25s ease-out, right 0.25s ease-out; 
       -o-transition: opacity 0.25s ease-out, right 0.25s ease-out; 
          transition: opacity 0.25s ease-out, right 0.25s ease-out; 
}
#socialTimeline .step.active .stepSubPoints .subPoint.right h4 { opacity:1; left:0; right:auto; }
#socialTimeline .step.active .stepSubPoints .subPoint.left h4 { opacity:1; right:0; left:auto; }

.cssanimations #socialTimeline .step .stepSubPoints .subPoint.right h4 { opacity:1; left:0;
  -webkit-transition: none; 
     -moz-transition: none; 
       -o-transition: none; 
          transition: none; }
.cssanimations #socialTimeline .step .stepSubPoints .subPoint.right:nth-child(1) h4 {
  -webkit-animation: slideInRightOut 0.1s 0.50s 1 forwards linear;
     -moz-animation: slideInRightOut 0.1s 0.50s 1 forwards linear;
       -o-animation: slideInRightOut 0.1s 0.50s 1 forwards linear;
          animation: slideInRightOut 0.1s 0.50s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint.right:nth-child(3) h4 {
  -webkit-animation: slideInRightOut 0.1s 0.30s 1 forwards linear;
     -moz-animation: slideInRightOut 0.1s 0.30s 1 forwards linear;
       -o-animation: slideInRightOut 0.1s 0.30s 1 forwards linear;
          animation: slideInRightOut 0.1s 0.30s 1 forwards linear;
} 
.cssanimations #socialTimeline .step .stepSubPoints .subPoint.right:nth-child(5) h4 {
  -webkit-animation: slideInRightOut 0.1s 0.10s 1 forwards linear;
     -moz-animation: slideInRightOut 0.1s 0.10s 1 forwards linear;
       -o-animation: slideInRightOut 0.1s 0.10s 1 forwards linear;
          animation: slideInRightOut 0.1s 0.10s 1 forwards linear;
}

.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint.right h4 { opacity:0; left:-100%;
  -webkit-transition: none; 
     -moz-transition: none; 
       -o-transition: none; 
          transition: none; }
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint.right:nth-child(1) h4 {
  -webkit-animation: slideInRight 0.15s 0.55s 1 forwards linear;
     -moz-animation: slideInRight 0.15s 0.55s 1 forwards linear;
       -o-animation: slideInRight 0.15s 0.55s 1 forwards linear;
          animation: slideInRight 0.15s 0.55s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint.right:nth-child(3) h4 {
  -webkit-animation: slideInRight 0.15s 0.85s 1 forwards linear;
     -moz-animation: slideInRight 0.15s 0.85s 1 forwards linear;
       -o-animation: slideInRight 0.15s 0.85s 1 forwards linear;
          animation: slideInRight 0.15s 0.85s 1 forwards linear;
} 
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint.right:nth-child(5) h4 {
  -webkit-animation: slideInRight 0.15s 1.15s 1 forwards linear;
     -moz-animation: slideInRight 0.15s 1.15s 1 forwards linear;
       -o-animation: slideInRight 0.15s 1.15s 1 forwards linear;
          animation: slideInRight 0.15s 1.15s 1 forwards linear;
} 

.cssanimations #socialTimeline .step .stepSubPoints .subPoint.left h4 { opacity:1; right:0; }
.cssanimations #socialTimeline .step .stepSubPoints .subPoint.left:nth-child(2) h4 {
  -webkit-animation: slideInLeftOut 0.1s 0.4s 1 forwards linear;
     -moz-animation: slideInLeftOut 0.1s 0.4s 1 forwards linear;
       -o-animation: slideInLeftOut 0.1s 0.4s 1 forwards linear;
          animation: slideInLeftOut 0.1s 0.4s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint.left:nth-child(4) h4 {
  -webkit-animation: slideInLeftOut 0.1s 0.2s 1 forwards linear;
     -moz-animation: slideInLeftOut 0.1s 0.2s 1 forwards linear;
       -o-animation: slideInLeftOut 0.1s 0.2s 1 forwards linear;
          animation: slideInLeftOut 0.1s 0.2s 1 forwards linear;
} 
.cssanimations #socialTimeline .step .stepSubPoints .subPoint.left:nth-child(6) h4 {
  -webkit-animation: slideInLeftOut 0.1s 0s 1 forwards linear;
     -moz-animation: slideInLeftOut 0.1s 0s 1 forwards linear;
       -o-animation: slideInLeftOut 0.1s 0s 1 forwards linear;
          animation: slideInLeftOut 0.1s 0s 1 forwards linear;
}

.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint.left h4 { opacity:0; right:-100%; }
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint.left:nth-child(2) h4 {
  -webkit-animation: slideInLeft 0.15s 0.70s 1 forwards linear;
     -moz-animation: slideInLeft 0.15s 0.70s 1 forwards linear;
       -o-animation: slideInLeft 0.15s 0.70s 1 forwards linear;
          animation: slideInLeft 0.15s 0.70s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint.left:nth-child(4) h4 {
  -webkit-animation: slideInLeft 0.15s 1s 1 forwards linear;
     -moz-animation: slideInLeft 0.15s 1s 1 forwards linear;
       -o-animation: slideInLeft 0.15s 1s 1 forwards linear;
          animation: slideInLeft 0.15s 1s 1 forwards linear;
} 
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint.left:nth-child(6) h4 {
  -webkit-animation: slideInLeft 0.15s 1.30s 1 forwards linear;
     -moz-animation: slideInLeft 0.15s 1.30s 1 forwards linear;
       -o-animation: slideInLeft 0.15s 1.30s 1 forwards linear;
          animation: slideInLeft 0.15s 1.30s 1 forwards linear;
}

#socialTimeline .step .stepSubPoints .subPoint .circle { background-color:#fff; border:3px solid #702376; display:block; height:11px; margin:0 0 0 -5.5px; opacity:0; position:absolute; top:0; left:50%; width:11px; z-index:50;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
  -webkit-transition: opacity 0.25s ease-out;
     -moz-transition: opacity 0.25s ease-out;
       -o-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
}
#socialTimeline .step .stepSubPoints .subPoint.left .circle { margin:0 -5.5px 0 0; left:auto; right:50%; }
#socialTimeline .step.active .stepSubPoints .subPoint .circle { opacity:1; }

.cssanimations #socialTimeline .step .stepSubPoints .subPoint .circle { opacity:1;
  -webkit-transition: none; 
     -moz-transition: none; 
       -o-transition: none; 
          transition: none;
 -webkit-transform:scale(1);
    -moz-transform:scale(1);
      -o-transform:scale(1);
         transform:scale(1);
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(1) .circle {
  -webkit-animation: scaleDown 0.1s 0.5s 1 forwards linear;
     -moz-animation: scaleDown 0.1s 0.5s 1 forwards linear;
       -o-animation: scaleDown 0.1s 0.5s 1 forwards linear;
          animation: scaleDown 0.1s 0.5s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(2) .circle {
  -webkit-animation: scaleDown 0.1s 0.4s 1 forwards linear;
     -moz-animation: scaleDown 0.1s 0.4s 1 forwards linear;
       -o-animation: scaleDown 0.1s 0.4s 1 forwards linear;
          animation: scaleDown 0.1s 0.4s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(3) .circle {
  -webkit-animation: scaleDown 0.1s 0.3s 1 forwards linear;
     -moz-animation: scaleDown 0.1s 0.3s 1 forwards linear;
       -o-animation: scaleDown 0.1s 0.3s 1 forwards linear;
          animation: scaleDown 0.1s 0.3s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(4) .circle {
  -webkit-animation: scaleDown 0.1s 0.2s 1 forwards linear;
     -moz-animation: scaleDown 0.1s 0.2s 1 forwards linear;
       -o-animation: scaleDown 0.1s 0.2s 1 forwards linear;
          animation: scaleDown 0.1s 0.2s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(5) .circle {
  -webkit-animation: scaleDown 0.1s 0.1s 1 forwards linear;
     -moz-animation: scaleDown 0.1s 0.1s 1 forwards linear;
       -o-animation: scaleDown 0.1s 0.1s 1 forwards linear;
          animation: scaleDown 0.1s 0.1s 1 forwards linear;
}
.cssanimations #socialTimeline .step .stepSubPoints .subPoint:nth-child(6) .circle {
  -webkit-animation: scaleDown 0.1s 0s 1 forwards linear;
     -moz-animation: scaleDown 0.1s 0s 1 forwards linear;
       -o-animation: scaleDown 0.1s 0s 1 forwards linear;
          animation: scaleDown 0.1s 0s 1 forwards linear;
}

.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint .circle { opacity:1;
 -webkit-transform:scale(0);
    -moz-transform:scale(0);
      -o-transform:scale(0);
         transform:scale(0);
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(1) .circle {
  -webkit-animation: popIn 0.15s 0.45s 1 forwards linear;
     -moz-animation: popIn 0.15s 0.45s 1 forwards linear;
       -o-animation: popIn 0.15s 0.45s 1 forwards linear;
          animation: popIn 0.15s 0.45s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(2) .circle {
  -webkit-animation: popIn 0.15s 0.60s 1 forwards linear;
     -moz-animation: popIn 0.15s 0.60s 1 forwards linear;
       -o-animation: popIn 0.15s 0.60s 1 forwards linear;
          animation: popIn 0.15s 0.60s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(3) .circle {
  -webkit-animation: popIn 0.15s 0.75s 1 forwards linear;
     -moz-animation: popIn 0.15s 0.75s 1 forwards linear;
       -o-animation: popIn 0.15s 0.75s 1 forwards linear;
          animation: popIn 0.15s 0.75s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(4) .circle {
  -webkit-animation: popIn 0.15s 0.9s 1 forwards linear;
     -moz-animation: popIn 0.15s 0.9s 1 forwards linear;
       -o-animation: popIn 0.15s 0.9s 1 forwards linear;
          animation: popIn 0.15s 0.9s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(5) .circle {
  -webkit-animation: popIn 0.15s 1.05s 1 forwards linear;
     -moz-animation: popIn 0.15s 1.05s 1 forwards linear;
       -o-animation: popIn 0.15s 1.05s 1 forwards linear;
          animation: popIn 0.15s 1.05s 1 forwards linear;
}
.cssanimations #socialTimeline .step.active .stepSubPoints .subPoint:nth-child(6) .circle {
  -webkit-animation: popIn 0.15s 1.20s 1 forwards linear;
     -moz-animation: popIn 0.15s 1.20s 1 forwards linear;
       -o-animation: popIn 0.15s 1.20s 1 forwards linear;
          animation: popIn 0.15s 1.20s 1 forwards linear;
}

#socialTimeline .step .stepSubPoints .verticalLine { background-color:#702376; display:block; height:100%; margin-left:-1.5px; position:absolute; top:0; left:50%; width:3px; z-index:1; }

#socialTimeline .horizontalLine { background-color:#702376; display:block; height:3px; position:absolute; top:89px; width:100%; z-index:1; }


/* ==========================================================================
   Footer
   ========================================================================== */
#bottomBar { background-color:#222; color:#666; font-size:0.875em; padding:30px 0; }
#bottomBar h4 { font-family: 'Open Sans', sans-serif; font-size:1.071em; font-weight:600; letter-spacing:normal; margin:0; }
#bottomBar p { margin:0; }
#bottomBar a { border-bottom-color:#666; color:#666; font-weight:600; }
#bottomBar ul { list-style:none; margin:0; padding:0; }
#bottomBar ul li { margin:0.315em 0; }
#bottomBar ul li a { font-weight:400; }

#bottomBar .footerLeft { text-align:left; }
#bottomBar .footerRight { text-align:center; }

#bottomBar #legality { border-top:3px dashed #1e1e1e; color:#666; margin-top:30px; padding-top:30px; }
#bottomBar #legality a { border-bottom-color:#666; border-bottom-width:1px; color:#666; font-weight:400; }


/* ==========================================================================
   Woocommerce
   ========================================================================== */

/** Products Page **/
.shopWrap { background-color:#fff !important; }
#productsContainer { margin:-15px 15px; }
#productsContainer .product { display:inline-block; margin:0 -2px; padding:62px 15px 15px; width:100%; }
#productsContainer .product a.topLink { border:none; display:block; padding:66px 30px 0; }
#productsContainer .product .productInnerWrap { background-color:transparent; border:3px dashed #eee; position:relative; padding-bottom:30px; text-shadow:none; z-index:5;
  border-radius: 9px;
  background-clip: border-box;
  -webkit-transition: border 0.15s ease-out, background-color 0.15s ease-out; 
     -moz-transition: border 0.15s ease-out, background-color 0.15s ease-out; 
       -o-transition: border 0.15s ease-out, background-color 0.15s ease-out; 
          transition: border 0.15s ease-out, background-color 0.15s ease-out;
}
#productsContainer .product #social-startup.productInnerWrap { background-color:#fff280; border:3px dashed #f0e078; }
/*#productsContainer .product.product-cat-industry-packages .productInnerWrap { border-color:#8ee6d6; }
#productsContainer .product.product-cat-social-platforms .productInnerWrap { border-color:#e65566; }*/


#productsContainer .product .productInnerWrap .icon { background-color:#fff; border:3px solid #702376 !important; display:inline-block; height:96px; margin-left:-48px; margin-top:-50px; overflow:hidden; padding:8px; position:absolute; left:50%; top:0; width:96px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: padding 0.15s ease-out, margin-top 0.15s ease-out; 
     -moz-transition: padding 0.15s ease-out, margin-top 0.15s ease-out; 
       -o-transition: padding 0.15s ease-out, margin-top 0.15s ease-out; 
          transition: padding 0.15s ease-out, margin-top 0.15s ease-out;  
}
#productsContainer .product a.topLink:hover .icon { padding:2.5px; margin-top:-55px; }

/*#productsContainer .product.product-cat-social-advertising .icon,
#productsContainer .product.product-cat-competitions .icon { padding:0; }*/
.product .productInnerWrap h3 { margin:0; }
.product .productInnerWrap h4 { margin:5px 0 20px !important; }
.product .productInnerWrap h4 .line_2,
.product .productInnerWrap h4 .line_3 { display:none; }

.shopFunctions { margin-bottom:-75px; margin-top:45px; padding:15px 0; text-align:left; }
.shopFunctions p { line-height:58px; }
.shopSidebar { float:left; padding:60px 0 60px 60px; text-align:left; width:260px; }
.shopSidebar ul { list-style:none !important; margin:0; padding:0; }

/** Pagination **/
.woocommerce-pagination { border-top:3px solid #702376; }
.woocommerce-pagination ul { border-left:3px solid #702376; display:inline-block; list-style:none; margin:0; padding:0; }
.woocommerce-pagination ul li { border-right:3px solid #702376; display:inline-block; margin:0 -5px 0 0; padding:0; width:63px; }
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span.page-numbers { border-bottom:none; color:#702376; display:block; font-size:1.25em; height:60px; line-height:20px; padding:20px 20px 10px; position:relative; position:relative; }
.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li a:focus { background-color:#702376; color:#fff280; }
.woocommerce-pagination ul li span span.underline { background-color:#702376; display:block; height:3px; margin-top:5px; }
.woocommerce-pagination ul li a span.underline { display:none; }

/** Single Product **/
.productPage { }
.productPage h3 { font-size:1.25em; margin:1em 0; }
.productPage .variationTable,
.productPage .product-addon { border-top:3px dashed #d5d5d5; margin:30px 0 0; padding:30px 0 0; }
.productPage .variationTable:first-child,
.product-type-subscription .productPage .product-addon { border-top:none; margin:0; padding:0; }
/*.productPage .variationTable:first-child,
.productPage .product-addon:first-child { border-top:none; margin:0; padding:0; }*/
.variations_button { margin:30px 0 0; }
.single_variation_wrap { clear:both; }
.single_variation_wrap .customCart { margin-top:30px; }

.productContent { border-bottom:3px dashed #d5d5d5; margin-bottom:30px; padding-bottom:30px; }
h3.price { font-size:1.5em; }

.variationTable table.variations { width:100%; }
.variationTable table.variations td { width:50%; }
.variationTable table.variations label { font-size:1.25em; margin:0; }

.product-addon-ad-budget { background-color:#fff280; border:3px dashed #f0e078 !important; padding:30px !important;
  border-radius: 9px;
  background-clip: border-box;
}

/** Bundled Packages **/
.bundledPackage { text-align:left; }
.bundledPackage h3 { margin-bottom:1.75em; text-align:center; }
.bundledPackage h3 a { border-bottom:none; }
.bundledPackage h3 a span.linkWrap { border-bottom:2px solid #702376; }
.bundledPackage h3 a:hover span.linkWrap { border-bottom:none; }
.bundledPackage h3 a .icon { background-color:#fff; border:3px solid #702376 !important; display:inline-block; height:56px; margin:0 10px -18px 0; overflow:hidden; padding:3px; width:56px;
  border-radius: 50%;
  background-clip: padding-box; 
  -webkit-transition: padding 0.15s ease-out; 
     -moz-transition: padding 0.15s ease-out; 
       -o-transition: padding 0.15s ease-out; 
          transition: padding 0.15s ease-out; 
}
.bundledPackage h3 a:hover .icon { padding:0; }

/** Product Addons **/
.single_variation,
#product-addons-total,
.reset_variations,
.first-payment-date { display:none !important; }

.addon-description { margin:1.25em 0; }
div.addon-description p { font-style:normal; margin:0; }

.checkboxWrap { margin-top:-15px !important; }
.product-addon.platforms label { background-repeat:no-repeat; background-position:center center; background-size:contain; border:3px solid #702376; display:block; float:left; height:60px; margin:15px 15px 0 0; overflow:hidden; position:relative; text-indent:-999px; width:60px;  border-radius: 50%;
  background-clip: border-box;
}
@media screen and (max-width: 767px) {
	.product-addon.platforms { margin-bottom:-10px !important; }
	.product-addon.platforms label { margin:0 10px 10px 0; }
}
.product-addon.platforms label span { background:url(../img/png/tick-icon.png) no-repeat center center; background-color:rgba(255,255,255,0.9); display:none; height:100%; position:absolute; top:0; left:0; width:100%; }
.svg .product-addon.platforms label span { background-image:url(../img/svg/tick-icon.svg); }
.product-addon.platforms label input:checked + span { display:block; }

.product-addon.platforms label.instagram { background-image:url(../img/platforms/instagram.png); }
.product-addon.platforms label.twitter { background-image:url(../img/platforms/twitter.png); }
.product-addon.platforms label.linkedin { background-image:url(../img/platforms/linkedin.png); }
.product-addon.platforms label.pinterest { background-image:url(../img/platforms/pinterest.png); }
.product-addon.platforms label.youtube { background-image:url(../img/platforms/youtube.png); }
.product-addon.platforms label.google { background-image:url(../img/platforms/google-plus.png); }
.product-addon.platforms label.urban-spoon { background-image:url(../img/platforms/urbanspoon.png); }
.product-addon.platforms label.trip-advisor { background-image:url(../img/platforms/tripadvisor.png); }
.product-addon.platforms label input { display:none; }

/*.product-addon-ad-budget h3,
.product-addon-ad-budget select { float:left; width:50%; }
.product-addon-ad-budget h3 { line-height:58px; margin:0; }*/

/** Custom Price Breakdown **/
.customCart { background-color:#fff280; border:3px solid #702376;
  border-radius: 9px;
  background-clip: border-box;
}
.customCart .tableContainer { border-top:3px solid #702376; padding:0 15px; }
.customCart .tableContainer.subscriptionCostTable { border-top:none; }

@media screen and (max-width: 767px) {
	.customCart {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.customCart .tableContainer { min-width:420px; }
	.customCart table td { min-width:160px; }
}

.customCart table { vertical-align:top !important; width:100%; }
.customCart table tbody { }
.customCart table tfoot { }
.customCart table th,
.customCart table td { border-bottom:1px solid #f0e078; padding:15px 0; vertical-align:top !important; width:45%; }
.customCart table td { width:55%; }
.customCart table thead th { font-weight:600; }
.customCart table tbody th { font-weight:400; }
.customCart table td { text-align:right; }
.customCart table tfoot th,
.customCart table tfoot td { border-bottom:none; border-top:3px solid #f0e078; font-weight:600; }
.noBorder th,
.noBorder td { border-bottom:none !important; }

.customCart table.setupFee th,
.customCart table.setupFee td { border-top:1px solid #f0e078; }

.extensionPlatformsTable { display:none; }
.extensionPlatformsTable table tbody td,
.extensionPlatformsTable table tbody th { padding-top:5px; padding-bottom:5px; }
.extensionPlatformsTable table tbody th { background:url(../img/png/list-style.png) no-repeat left center; padding-left:25px; }
.svg .extensionPlatformsTable table tbody th { background:url(../img/svg/list-style.svg) no-repeat left center; padding-left:25px; }

.adBudgetTable { display:none; }
.adBudgetTable table tfoot th,
.adBudgetTable table tfoot td { border-bottom:none; border-top:none; }

.customCart .totalsContainer { background-color:#702376; border-top:none; color:#fff280; padding:0 15px; }
.customCart .totalsContainer table th,
.customCart .totalsContainer table td { border-bottom-color:#5a1c5e; }
.customCart .totalsContainer table tfoot th,
.customCart .totalsContainer table tfoot td { border-top-color:#5a1c5e; }
.customCart .totalsContainer table tfoot td.buttonContainer { border-top:none; padding-top:20px; text-align:center; }
.customCart .totalsContainer table tfoot td.buttonContainer input.button { border:3px solid #fff280; color:#fff280; }
.customCart .totalsContainer table tfoot td.buttonContainer input.button:hover,
.customCart .totalsContainer table tfoot td.buttonContainer input.button:focus { background-color:#fff280; color:#702376; }

/** Product Navigation **/
.product_navigation { display:none; }
.product_navigation .product-nav-previous,
.product_navigation .product-nav-next { display:block; height:66px; margin-top:-33px; padding:10px; position:fixed; top:50%; width:66px; }
.product_navigation .product-nav-previous { left:10px; }
.product_navigation .product-nav-next { right:10px; }
.product_navigation a { border:3px solid #702376 !important; display:block; height:46px; position:relative; width:46px;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
  -webkit-transition: all 0.15s ease-out; 
          transition: all 0.15s ease-out;
}
.product_navigation a:hover { height:66px; margin:-10px; width:66px; }
.product_navigation #case-studies a:hover { height:56px; margin:-5px; width:56px; }
.product_navigation a i,
.product_navigation a .icon { display:block; height:100%; overflow:hidden; position:relative; width:100%; z-index:1;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
}
.product_navigation .product-nav-previous a i { background:#fff url(../img/png/arrow-left.png) no-repeat center center; }
.product_navigation .product-nav-next a i { background:#fff url(../img/png/arrow-right.png) no-repeat center center; }

.product_navigation a .icon { background-color:#fff; position:absolute; top:0; z-index:10;
  -webkit-transform: scale(0); 
      -ms-transform: scale(0); 
          transform: scale(0); 
  -webkit-transition: -webkit-transform 0.15s ease-out;
  	  -ms-transition: -ms-transform 0.15s ease-out; 
          transition: transform 0.15s ease-out;
}
.product_navigation a:hover .icon {
  -webkit-transform: scale(1); 
      -ms-transform: scale(1); 
          transform: scale(1); 
}
   
/** Notices **/
.woocommerce-info,
.woocommerce-message,
.woocommerce-error { border-bottom:3px solid; margin:0 0; padding:20px; text-align:left; text-shadow:none; }

.woocommerce-info a,
.woocommerce-message a,
.woocommerce-error a { display:inline-block; float:right; margin-left:20px; }
.woocommerce-info a:hover,
.woocommerce-message a:hover,
.woocommerce-error a:hover { padding-bottom:2px; }
.woocommerce-info a { border-bottom-color:#702376; color:#702376 !important; }
.woocommerce-message a { border-bottom-color:#378013; color:#378013 !important; }
.woocommerce-error a { border-bottom-color:#801313; color:#801313 !important; }
.woocommerce-error ul,
.svg .woocommerce-error { list-style:none !important; }
.woocommerce-error li,
.svg .woocommerce-error li { margin:0 !important; }

.woocommerce-info { background-color:#fff; border-color:#702376; color:#702376; }
.woocommerce-message { background-color:#d4ffbf; border-color:#378013; color:#378013; }
.woocommerce-error { background-color:#ffbfbf; border-color:#801313; color:#801313; }

#stripe-cc-form .woocommerce-info,
#stripe-cc-form .woocommerce-message,
#stripe-cc-form .woocommerce-error { background-color:transparent; border:none; }
#stripe-cc-form .woocommerce-error li { background-color:#FBE3E4; border:3px solid #FBC2C4; color:#8A1F11; padding:15px;
  border-radius: 6px;
  background-clip: border-box;
}

.woocommerce-checkout #main .woocommerce-info,
.woocommerce-checkout #main .woocommerce-message,
.woocommerce-checkout #main .woocommerce-error { background-color:transparent; border-bottom:3px dashed #d5d5d5; color:#702376; margin:0 0 30px; padding:0 0 30px; text-align:left; text-shadow:none; }
.woocommerce-checkout #main .woocommerce-error { color:#b81c23; }
.woocommerce-checkout #main .woocommerce-info a,
.woocommerce-checkout #main .woocommerce-message a { border-bottom-color:#702376; color:#702376 !important; }
.woocommerce-checkout #main .woocommerce-error a { border-bottom-color:#b81c23; color:#b81c23 !important; }

/** Cart **/
/*table.shop_table thead th,
table.shop_table thead td { border-bottom:3px solid #702376; font-size:1.25em; padding:15px; text-transform:none; }
table.shop_table tbody td { border-bottom:1px solid #702376; padding:15px; }
table.shop_table tbody tr:last-child td,
table.shop_table tbody tr:only-child td { border-bottom-width:0px; }*/
table.shop_table.comparisonTable tbody td { font-weight:400; }
table.shop_table.comparisonTable thead th { width:auto !important; }
table.shop_table.comparisonTable tfoot td { border-left:none !important; text-align:right; }
table.shop_table.comparisonTable .product-remove { border-left:none !important; max-width:60px !important; width:60px !important; }
table.shop_table.comparisonTable .product-quantity { max-width:70px !important; width:70px !important; }
table.shop_table.comparisonTable .product-subtotal { max-width:180px !important; text-align:right; width:180px !important; }

th.product-name,
td.product-name { min-width:220px; text-align:left !important; }
td.product-name h3 { font-size:1.25em; margin:0; }
td.product-name ul { list-style:none; margin:0; padding:0; }
td.product-remove { width:30px; }
td.product-remove a { border:3px solid #702376; display:block; float:right; font-size:1.5em; font-weight:600; height:30px; line-height:24px; text-align:center; width:30px;
  border-radius: 6px;
  background-clip: border-box;
}
td.product-remove a:hover { background-color:#702376; }
.red td.product-remove a:hover { color:#fc5d70; }
.green td.product-remove a:hover { color:#9dfceb; }
.yellow td.product-remove a:hover { color:#fff280; }

.cart_totals table { text-align:left; width:100%; }
.cart_totals table td { text-align:right; }
.cart_totals table .order-total th,
.cart_totals table .order-total td { border-top-width:3px; }
.cart_totals table .cart-subtotal th,
.cart_totals table .cart-subtotal td { border-top:none; }

/** Checkout **/
.loginForm { border-bottom:3px dashed #d5d5d5; display:none; margin-bottom:30px; padding:0 0 30px; }
.loginForm .form-row.form-row-first,
.loginForm .form-row.form-row-last { float:none; margin-bottom:30px !important; margin-top:0 !important; padding:0; width:100%; }
.loginForm .form-row { margin:0 !important; }

#billing_country_field label { margin-bottom:0; }
#billing_country_field label,
#shipping_country_field label { padding-right:15px; }
.create-account { padding-top:30px !important; } 
.woocommerce-shipping-fields { border-top:2px solid #000; clear:both; margin-top:30px; padding-top:30px; }

#payment { border-top:3px dashed #d5d5d5; margin-top:30px; padding:30px 0 0; }
#payment ul,
#payment ul li { list-style:none; margin:0; padding:0; }
/*#payment ul { border-bottom:3px solid #702376; padding-bottom:30px; }*/
.stripe_new_card { margin-top:30px; }
#payment #order_review { margin-bottom:30px; }

#order_review.checkoutPage { border-top:3px dashed #d5d5d5; margin-top:30px; padding:30px 0 0; }
#order_review #payment.checkoutPage { margin:30px 0 0; }

/*#payment ul {  background-color:#fff280; border:3px solid #702376; padding:30px;
  border-radius: 9px;
  background-clip: border-box;
}*/

#order_review #payment { border:none; margin-top:0; padding:0; }

.place-order { text-align:center; }

#order_review { }
#order_review table { text-align:left; width:100%; }
#order_review table td { text-align:right; }
#order_review table .order-total th,
#order_review table .order-total td {  }
#order_review table .cart-subtotal th,
#order_review table .cart-subtotal td { border-top:none; }
#order_review table thead th { border-top:none; }
#order_review table td.product-name { text-align:left; }
#order_review table ul { list-style:none; margin-top:10px; padding:0; }

table thead th.product-total { text-align:right; }
table tfoot .order-total td { border-bottom:none; }

.tableContainer table tbody tr:last-child th,
.tableContainer table tbody tr:last-child td { border-bottom:none; }

/*
 * Account Page
 */
/** Subscription Table **/
th.subscription-title,
td.subscription-title { text-align:left !important; }
th.subscription-title,
td.subscription-title { border-left:none !important; }
td.subscription-title ul { list-style:none; margin:0; padding:0; }

/** Order Table **/
th.order-number,
td.order-number { border-left:none !important; }

/** Saved Cards **/
th.first,
td.first { border-left:none !important; }

/* ==========================================================================
   Case Studies
   ========================================================================== */
.post.caseStudyIntro { }
.post.caseStudyIntro header { margin-bottom:30px; }
.post.caseStudyIntro .introduction { text-align:left; }
.post.caseStudyIntro .buttonContainer { margin-top:30px; }

article.caseStudy { }
.caseStudy .clientLogo,
.post.caseStudyIntro .clientLogo { border:3px solid #eee; margin:0 auto;
  border-radius: 9px;
  background-clip: padding-box;
}

/** Engaged Posts **/
.engagedPosts { }
.engagedPosts .engagedPost { }
.engagedPosts .engagedPost img { border:3px solid #eee; margin:0 auto;
  border-radius: 9px;
  background-clip: padding-box;
}
.engagedPosts .engagedPost .postStats { font-size:1.25em; margin:0 -15px; padding-top:15px; }
.engagedPosts .engagedPost .postStats span { display:inline-block; line-height:30px; margin:0 5px; padding-left:36px; }
.engagedPosts .engagedPost .postStats span.postLikes { background:url(../img/png/icon-like.png) no-repeat left center; }
.svg .engagedPosts .engagedPost .postStats span.postLikes { background:url(../img/svg/icon-like.svg) no-repeat left center; }
.engagedPosts .engagedPost .postStats span.postComments { background:url(../img/png/icon-comments.png) no-repeat left center; }
.svg .engagedPosts .engagedPost .postStats span.postComments { background:url(../img/svg/icon-comments.svg) no-repeat left center; }
.engagedPosts .engagedPost .postStats span.postShares { background:url(../img/png/icon-shares.png) no-repeat left center; }
.svg .engagedPosts .engagedPost .postStats span.postShares { background:url(../img/svg/icon-shares.svg) no-repeat left center; }

/** Benchmarks **/
#benchMarks { background-color:#702376; color:#fff280; }
#benchMarks .benchmark { border-top:3px dashed #5a1c5e; padding-bottom:30px; padding-top:30px; }
#benchMarks .benchmark:first-child { border-top:none; }
#benchMarks .benchmark .number { display:block; font-size:2.5em; line-height:1; }
#benchMarks .benchmark .title { display:block; font-size:1.25em; line-height:1.15; margin-top:0.75em; text-transform:none; }

/** Shop Link **/
#shopLinks { background-color:#fff !important; }
#shopLinks .buttonWrap { display:inline-block; position:relative; }
#shopLinks .or { background-color:#702376; display:inline-block; height:3px; margin:0 10px; padding:0 30px; position:relative; top:8px; }
#shopLinks .or .inside { background-color:#fff; padding:0 10px; position:relative; top:-11px; }

/* ==========================================================================
   Site Elements
   ========================================================================== */
   
/** Content Areas **/
.contentArea { background-color:#fff; overflow:hidden; padding:30px 0; }
.contentArea:nth-child(odd) { background-color:#fafafa; }
.contentArea:only-child { background-color:#fff; }
.home .contentArea:nth-child(odd) { background-color:#fff; }
.home .contentArea:nth-child(even) { background-color:#fafafa; }
/*.contentArea.white { background-color:#fff; }
.contentArea.lightGrey { background-color:#f5f5f5; }*/

.divider,
.divider-xs,
.divider-sm,
.divider-md { margin-top:30px; }

.bottomDivider { border-bottom:3px dashed #d5d5d5; margin-bottom:40px; padding-bottom:40px; }
.topDivider { border-top:3px dashed #d5d5d5; margin-top:40px; padding-top:40px; }

@media screen and (max-width: 767px) {
	.topDivider.bundles { border-top:none; margin-top:30px; padding-top:0; }
}

.no_bottom_padding { padding-bottom:0 !important; }

/** SVG Inject **/
.inject { display:block; height:100%; width:100%; }
#topBar .inject { height:auto; }
svg * { vector-effect: non-scaling-stroke; }

/** Step Explanation List **/
ol#explanation { margin-bottom:1em; margin-top:1em; padding-left:0; }
ol#explanation li { float:left; height:170px; margin-bottom:1em; margin-top:1em; padding:0 15px; position:relative; text-transform:none; }
ol#explanation li:first-child { margin-top:1em !important; }
ol#explanation li .pointContent { display:table; min-height:100%; padding:0; position:relative; width:100%; z-index:5; }
ol#explanation li .pointContent .verticalCenter { display:table-cell; vertical-align:middle; }
@media screen and (max-width: 767px) {
	.home ol#explanation li .pointContent .verticalCenter { vertical-align:top; }
}
ol#explanation li .pointContent .icon { background-color:#fff; border:3px solid #702376; display:block; height:106px; margin:0 auto 5px; padding:5px; width:106px;
  border-radius: 50%;
  background-clip: border-box;
}
ol#explanation li .pointContent h3 { margin:0; }

.generatedcontent ol#explanation { list-style-type:none; counter-reset:ol-counter; }
.generatedcontent ol#explanation > li:before { content: counter(ol-counter); counter-increment: ol-counter; display:block; font-size:16rem; font-weight:300; line-height:150px; position:absolute; top:0; left:0; text-align:center; width:100%; z-index:1; }
.generatedcontent .contentArea:nth-child(odd) ol#explanation > li:before,
.generatedcontent .home .contentArea:nth-child(even) ol#explanation > li:before { color:#e5e5e5; }
.generatedcontent .contentArea:nth-child(even) ol#explanation > li:before,
.generatedcontent .contentArea:only-child ol#explanation > li:before,
.generatedcontent .home .contentArea:nth-child(odd) ol#explanation > li:before { color:#eee; }

/** Requirement List **/
ol.requirementList { list-style-type:none; padding:0; }

/** Accordions **/
.accordionContainer { }
.accordionPanel { border:3px solid #702376; margin:0 0 -3px; }
.accordionPanel:first-child {
	border-radius: 9px 9px 0 0;
	background-clip: border-box;
}
.accordionPanel:last-child { overflow:hidden;
	border-radius: 0 0 9px 9px;
	background-clip: border-box;
}

.accordionPanel h3 { font-size:1.25em; margin:0; position:relative; text-align:left; text-transform:none; }
.accordionPanel h3:hover { z-index:10; }
.accordionPanel h3 a { border:none !important; color:#702376; display:block; padding:20px 60px 20px 20px; position:relative; }
.accordionPanel h3 a span { font-size:2em; font-weight:400; line-height:8px; height:20px; margin-top:-10px; position:absolute; top:50%; right:20px; text-align:center; width:20px; }
.accordionPanel h3 a:hover,
.accordionPanel h3 a.active { background-color:#702376; border-color:#702376; text-shadow:none; }

.red .accordionPanel h3 a:hover,
.red .accordionPanel h3 a.active { color:#fc5d70; }
.green .accordionPanel h3 a:hover,
.green .accordionPanel h3 a.active { color:#9dfceb; }
.yellow .accordionPanel h3 a:hover,
.yellow .accordionPanel h3 a.active { color:#fff280; }

.accordionPanel .panelContent { background-color:transparent; display:block; margin-bottom:-3px; padding:20px; text-align:left;
  -webkit-transition:background-color 0.25s ease-out; 
     -moz-transition:background-color 0.25s ease-out; 
       -o-transition:background-color 0.25s ease-out; 
          transition:background-color 0.25s ease-out; 
}
.accordionPanel .panelContent.open { background-color:#fff; }

/** Tables **/
@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		background-color:#702376;
		border:3px solid #702376;
		border-radius:9px;
		background-clip: border-box;
	}
	.table-responsive table { border:0; border-radius:0; }
}
@media screen and (min-width: 767px) {
	table.comparisonTable { border:3px solid #702376; 
		border-radius:9px;
		background-clip: border-box;
	}
}
table.comparisonTable { border-collapse:separate; overflow:hidden; width:100%; }
table.comparisonTable.active { overflow:visible; }

table.comparisonTable thead th { border-left:1px solid #5a1c5e; font-size:1.125em; font-weight:600; text-align:center; text-transform:none; }
table.comparisonTable thead.dosis th { font-size:1.25em; font-weight:500; }
table.comparisonTable thead th,
table.comparisonTable thead td { background-color:#702376; padding:15px 15px 18px; }
.red table.comparisonTable thead th,
.red table.comparisonTable thead td { color:#fc5d70; }
.green table.comparisonTable thead th,
.green table.comparisonTable thead td { color:#9dfceb; }
.yellow table.comparisonTable thead th,
.yellow table.comparisonTable thead td { color:#fff280; }
/*table.comparisonTable thead th.highlightPackage { padding:0; }*/
table.comparisonTable thead th.highlightPackage div { background-color:#702376; border:1px solid #5a1c5e; border-bottom:none; margin:-24px -16px -15px; padding:23px 15px 18px;
	border-radius:6px 6px 0 0;
	background-clip: border-box;
}

table.comparisonTable tbody th { text-align:left; }
table.comparisonTable tbody th,
table.comparisonTable tbody td { background-color:#f5f5f5; border-top:1px solid #702376; font-weight:600; padding:15px; vertical-align:top;
  -webkit-transition:background-color 0.25s ease-out; 
     -moz-transition:background-color 0.25s ease-out; 
       -o-transition:background-color 0.25s ease-out; 
          transition:background-color 0.25s ease-out; 
}
table.comparisonTable tbody td { border-left:1px solid #702376; text-align:center; }
table.comparisonTable tbody td.highlightPackage { background-color:#77257d; border-top-color:#5a1c5e; color:#fff280; }
table.comparisonTable tbody tr:nth-child(odd) th,
table.comparisonTable tbody tr:nth-child(odd) td { background-color:#fff; }
table.comparisonTable tbody tr:nth-child(odd) td.highlightPackage { background-color:#7c2782; }

.red table.comparisonTable.active tbody tr:hover th,
.red table.comparisonTable.active tbody tr:hover td { background-color:#fc5d70; color:#702376; }
.green table.comparisonTable.active tbody tr:hover th,
.green table.comparisonTable.active tbody tr:hover td { background-color:#9dfceb; color:#702376; }
.yellow table.comparisonTable.active tbody tr:hover th,
.yellow table.comparisonTable.active tbody tr:hover td { background-color:#fff280; color:#702376; }

table.comparisonTable tfoot th,
table.comparisonTable tfoot td { background-color:#fff; border-top:3px solid #702376; padding:15px; }
table.comparisonTable tfoot th { border-radius:0 0 0 5px; }
table.comparisonTable tfoot td { border-left:1px solid #702376; }
table.comparisonTable tfoot td:last-child { border-radius:0 0 5px 0; }
table.comparisonTable tfoot td.highlightPackage { background-color:#702376; border-top-color:#5a1c5e; }
table.comparisonTable tfoot td.highlightPackage .btn.transparent { background-color:transparent; border:3px solid #fff280; color:#fff280; }
table.comparisonTable tfoot td.highlightPackage .btn.transparent:hover { color:#702376; }
table.comparisonTable tfoot td.highlightPackage .btn.transparent:hover:after { border-color: #fff280; }

/*table.comparisonTable tfoot td.highlightPackage { padding:0; }*/
table.comparisonTable tfoot td.highlightPackage div { background-color:#702376; border:1px solid #5a1c5e; border-top:none; margin:-15px -16px -24px; padding:15px;
	border-radius:0 0 6px 6px;
	background-clip: border-box;
}

table.comparisonTable td .icon { display:block; height:20px; margin:0 auto; width:20px; }

table.comparisonTable td .icon.yes,
table.comparisonTable tr:hover td.highlightPackage .icon.yes { background:url(../img/png/tick-icon.png) no-repeat 0 0; }
.svg table.comparisonTable td .icon.yes,
.svg table.comparisonTable tr:hover td.highlightPackage .icon.yes { background:url(../img/svg/tick-icon.svg) no-repeat 0 0; }
table.comparisonTable td.highlightPackage .icon.yes { background-image:url(../img/png/tick-icon-yellow.png); }
.svg table.comparisonTable td.highlightPackage .icon.yes { background-image:url(../img/svg/tick-icon-yellow.svg); }

table.comparisonTable td .icon.no,
table.comparisonTable tr:hover td.highlightPackage .icon.no { background:url(../img/png/cross-icon.png) no-repeat 0 0; }
.svg table.comparisonTable td .icon.no,
.svg table.comparisonTable tr:hover td.highlightPackage .icon.no { background:url(../img/svg/cross-icon.svg) no-repeat 0 0; }
table.comparisonTable td.highlightPackage .icon.no { background-image:url(../img/png/cross-icon-yellow.png); }
.svg table.comparisonTable td.highlightPackage .icon.no { background-image:url(../img/svg/cross-icon-yellow.svg); }

table.comparisonTable p { margin:0.5em 0; }
table.comparisonTable ul,
table.comparisonTable ul li { margin:0; }

table.comparisonTable.shop_table th,
table.comparisonTable.shop_table td { text-align:left; }

.vCenter { padding:0 15px; width:100%; }

.clear { clear:both; }

/** Sliders **/
#imgGallery { padding-bottom:20px; }
#imgGallery .slides li .wrap { padding:0 15px; position:relative; }
#imgGallery .slides li .wrap .zoomLink { background:#fff url(../img/png/zoom-icon.png) no-repeat center center; border:3px solid #702376; display:block; height:56px; margin:-28px 0 0 -28px; opacity:0; position:absolute; top:50%; left:50%; width:56px;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
  -webkit-transition: opacity 0.25s ease-out; 
     -moz-transition: opacity 0.25s ease-out; 
       -o-transition: opacity 0.25s ease-out; 
          transition: opacity 0.25s ease-out; 
}
.svg #imgGallery .slides li .wrap .zoomLink { background-image:url(../img/svg/zoom-icon.svg); }
#imgGallery .slides li .wrap:hover .zoomLink { opacity:1; }
#imgGallery .slides li img,
.productImages img,
.postImage { border:3px solid #eee; margin:0 auto;
  border-radius: 6px;
  background-clip: padding-box;
}
.productImages img,
.postImage {
  border-radius: 9px;
}
#imgGallery h4 { margin-bottom:0.25em; }
#imgGallery h4 + p { margin-top:0.25em; }
.productImages { text-align:center; }

img.alignnone.size-full { border:3px solid #eee; display:block; height:auto; margin:1em auto 2em; max-width:100%;
  border-radius: 6px;
  background-clip: padding-box;
}

/** Slider Controls **/
.flex-control-paging { list-style:none; margin:0; padding:0; position:relative; bottom:-23px; text-align:center; z-index:10; }
.flex-control-paging li { height:17px; display:inline-block; margin:0 5px; width:17px; }
.flex-control-paging li a { border:3px solid #ccc; background-color:transparent; cursor:pointer; display:inline-block; height:17px; overflow:hidden; text-indent:-999px; width:17px;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
}
.flex-control-paging li a:hover { background-color:#ccc; border-color:#ccc; }
.flex-control-paging li a.flex-active { background-color:#702376; border-color:#702376; background-clip: content-box; padding:3px; }

.flex-direction-nav { list-style:none !important; margin:0; padding:0; }
.flex-direction-nav li a { border:3px solid #ccc; background-color:transparent; cursor:pointer; display:inline-block; height:17px; overflow:hidden; text-indent:-999px; width:17px;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0 15px;}
.flexslider .slides { list-style:none !important; margin: 0; padding: 0;}
.flexslider .slides > li {display: none; margin:0; padding:0; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* ==========================================================================
   Links
   ========================================================================== */
a { border-bottom:2px solid #702376; color:#702376; outline:none !important; text-decoration:none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
a:hover { border-bottom:none; color:#702376; text-decoration:none; }
a:focus { text-decoration:none; outline:none; }

.btn { display: inline-block; font-size: 1.125em; line-height: 1; padding: 0.75em 1em; white-space:nowrap;
  border-radius: 6px;
  background-clip: padding-box; }
.btn.small { font-size: 1em; }
.btn.medium { font-size: 1.25em; }
.btn.large { font-size: 1.5em; }

@media screen and (max-width: 767px) {
	.btn.large { font-size: 1.25em; }
}

.btn.transparent { background-color:#fff; border: 3px solid #702376; color:#702376; position: relative; z-index: 1; }
.btn.transparent:hover { color: #fff280; }

.btn.transparent:after { border: 0em solid; content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: -1; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.btn.transparent:hover:after { border:#702376 1.3em solid; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4,
#topBar header a,
a.btn,
label,
input.gform_button,
input.submit,
input.button,
button,
.gf_step_number,
#socialStats .statistic,
.packageLink,
.dosis,
ol#explanation > li:before,
.fancybox-title,
.generatedcontent ol.requirementList > li:before,
#socialTimeline .step a.stepNo { font-family:'Dosis', sans-serif; font-weight:500; letter-spacing:0.1em; text-transform:uppercase; }

h1, h2 { font-size:3.75em; line-height:1; letter-spacing:0.15em; margin:0.909em 0 0.606em; }
h2 { font-size:2.5em; letter-spacing:0.125em; }
h3 { font-size:1.5em; line-height:1.15; margin:1.25em 0; text-transform:none; }
h4 { font-size:1.25em; text-transform:none; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top:0; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, ul:last-child, ol:last-child { margin-bottom:0; }
.rowHeader h2 { margin-bottom:1em; }
.rowHeader h3 { margin-bottom:1.5em; }

.faqWrap h2 { text-align:center; }

@media screen and (max-width: 767px) {
	h1, h2 { margin-bottom:0.5em; }
	h3 { font-size:1.35em; margin:1em 0; }
}

p { margin:1.250em 0; }

ul { list-style:url(../img/png/list-style.png); padding-left:25px; }
.svg ul { list-style:url(../img/svg/list-style.svg); }
ul li { margin:0.625em 0; }

ol { padding-left:25px; }
ol li { margin:1em 0; }

ul.columns { list-style:url(../img/png/list-style-tick.png); padding-left:40px; }
.svg ul.columns { list-style:url(../img/svg/list-style-tick.svg); }
ul.columns li { padding:0; }

p:first-child,
ul:first-child,
li:first-child { margin-top:0 !important; }
p:last-child,
ul:last-child,
li:last-child { margin-bottom:0 !important; }
p:only-child,
ul:only-child,
li:only-child { margin:0; }

.serviceNotice { margin-left:18px; margin-right:18px; }
p.order-again { display:none; }

abbr,
abbr[title] { border-bottom:none; }

mark { background-color:#fff280; color:#702376; }

.noWrap { white-space:nowrap; }
small { font-weight:400 !important; }

blockquote { font-size:1.125em; font-style:italic; margin:1.5em 0; padding:0 1.25em; position:relative; text-align:center; }
blockquote cite { color:#b791ba; display:block; font-size:1rem; font-style:normal; }
blockquote:before { content:'\201C'; display:block; font-family:Georgia, serif; font-size:1.5em; font-style:italic; position:absolute; top:-7px; left:10px; }
blockquote:after { content:'\201D'; display:block; font-family:Georgia, serif; font-size:1.5em; font-style:italic; position:absolute; bottom:14px; right:15px; }

.leftAlign { text-align:left; }
.centerAlign { text-align:center; }
.textColumns {
  -webkit-column-count: 2;  -webkit-column-gap: 30px;
     -moz-column-count: 2;     -moz-column-gap: 30px;
          column-count: 2;          column-gap: 30px;
}

/* ==========================================================================
   Forms
   ========================================================================== */

label { cursor:pointer; font-size:1.25em; margin:0 0 10px; text-transform:none; }
span label { font-size:1em; margin:10px 0 0; }
label.inline { margin-left:15px; margin-top:15px; }
.payment_box.payment_method_stripe label { display:block; }
.gfield_description { margin-bottom:10px; }
.hidden-label label.gfield_label { display:none; }
.variationTable label { margin-bottom:0; }

input, textarea, select, button { background-color:#fff; border:3px solid #702376; color:#702376; cursor:pointer; font-size:1em; margin:0; outline:none; padding:15px; text-shadow:none; width:100%;
  border-radius: 6px;
  background-clip: border-box;
  
-webkit-appearance: none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;
}
textarea { height:180px; }
input:hover, textarea:hover { }
input:focus, textarea:focus { background-color:#702376; }
.red input:focus,
.red textarea:focus { color:#fc5d70; }
.green input:focus,
.green textarea:focus { color:#9dfceb; }
.yellow input:focus,
.yellow textarea:focus { color:#fff280; }

input[type="checkbox"], input[type="radio"] { background-clip:content-box; height:20px !important; margin-bottom:-2px; margin-right:10px; padding:4px; width:20px !important; }
input[type="radio"] {
 -webkit-border-radius:50%;
    -moz-border-radius:50%;
         border-radius:50%;
}
input[type="checkbox"]:focus, input[type="radio"]:focus { background-color:transparent !important; }
input:checked, input:checked:focus { background-color:#702376 !important; border-color:#702376; }
:focus { outline:none !important; }

select {
	background:#fff url(../img/select-arrow.png) no-repeat center right;
    margin: 0;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	width:100%;
}
/*@media screen and (max-width: 767px) {
	select { background-image:none; }
}
*/
::-webkit-input-placeholder { color: #702376; }
:-moz-placeholder { color: #702376; }
::-moz-placeholder { color: #702376; }
:-ms-input-placeholder { color: #702376; }

.gform_body { text-align:left; }
.gform_body h3 { margin:2em 0 0; text-align:center; }
.gform_footer,
.gform_page_footer { position:relative; text-align:center; }
input.gform_button,
input.button,
button { border:3px solid #702376; display:inline-block; font-size:1.5em; line-height:1; padding: 0.75em 1em; position:relative; width:auto; }

@media screen and (max-width: 767px) {
	input.gform_button,
	input.button,
	button { font-size:1.25em; }
}

input.button.small { font-size: 1em; }
input.button.gform_next_button,
.gform_page_footer input.button.gform_button { float:right; }
input.button.gform_previous_button { float:left; }
input.gform_button:hover,
input.gform_button:focus,
input.button:hover,
input.button:focus,
button:hover,
button:focus { background-color:#702376; }

.red input.gform_button:hover,
.red input.gform_button:focus,
.red input.button:hover,
.red input.button:focus,
.red button:hover,
.red button:focus { color:#fc5d70; }

.green input.gform_button:hover,
.green input.gform_button:focus,
.green input.button:hover,
.green input.button:focus,
.green button:hover,
.green button:focus { color:#9dfceb; }

.yellow input.gform_button:hover,
.yellow input.gform_button:focus,
.yellow input.button:hover,
.yellow input.button:focus,
.yellow button:hover,
.yellow button:focus { color:#fff280; }

.gform_ajax_spinner { margin:-10px 0 0 -10px; position:absolute; top:50%; left:50%; }
#gform_wrapper_9 .gform_ajax_spinner { margin-left:0; left:0; }
.hiddenInput { display:none; }

.gform_wrapper ul { list-style:none; margin:0; padding:0; }
.gform_wrapper ul li,
.gform_footer,
.form-row { margin-bottom:0; margin-top:30px; }
.gform_wrapper ul li:first-child,
.gform_wrapper ul li.noMargin { margin-top:0; }
.inputBreak { clear:both; }
.gf_clear { clear:both; }
.divider-top { border-top:3px dashed #d5d5d5; margin-top:30px; padding-top:30px; }
.textDivider { border-top:3px dashed #d5d5d5; margin:30px 0; }
.gsection.divider-top.hidden-label { margin-top:30px; padding:0 !important; }
.gsection.divider-top.hidden-label h2 { display:none; }

/** Warnings **/
.validation_error { display:none; }
.validation_message { border:2px solid; display:block; font-weight:400; margin:15px 0 0 !important; padding:15px; text-align:left; text-shadow:none;
  border-radius: 6px;
  background-clip: border-box;
}
.validation_message { background-color:#FBE3E4; border-color:#FBC2C4; color:#8A1F11 !important; }
.wp_login_error { margin-bottom:30px; }

/** Registration Form **/
.gf_page_steps { border-bottom:3px solid #702376; margin:0 15px; padding:24px 0; }
.gf_page_steps .gf_step { float:left; margin-bottom:-20px; position:relative; text-align:center; }
#gf_step_10_1,
#gf_step_10_4 { width:17.5%; }
#gf_step_10_2,
#gf_step_10_3 { width:32.5%; }
.gf_page_steps .gf_step.gf_step_first { text-align:left; }
.gf_page_steps .gf_step.gf_step_last { text-align:right; }
.gf_page_steps .gf_step.gf_step_first .gf_step_number { margin-left:-15px; }
.gf_page_steps .gf_step.gf_step_last .gf_step_number { margin-right:-19px; }
.gf_page_steps .gf_step .gf_step_number { background-color:#fff; border:3px solid #702376; display:inline-block; font-size:1.5em; height:50px; line-height:43px; text-align:center; text-indent:2px; width:50px;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
}
.gf_page_steps .gf_step.gf_step_active .gf_step_number { background-color:#702376; color:#fff280 }
.gf_page_steps .gf_step.gf_step_completed .gf_step_number { background:#fff280 url(../img/png/tick-icon.png) center center no-repeat; overflow:hidden; text-indent:-999px; }
.svg .gf_page_steps .gf_step.gf_step_completed .gf_step_number { background-image:url(../img/svg/tick-icon.svg); }

.gform_page_footer { border-top:3px dashed #d5d5d5; margin-top:45px !important; padding-top:45px; text-align:center; }

/** Client Brief **/
#field_10_3 .ginput_complex { margin-left:-5px !important; margin-right:-5px !important; }
#field_10_3 .ginput_full { display:block; margin-bottom:15px; padding-left:5px; padding-right:5px; }
#field_10_3 #input_10_3_3_container,
#field_10_3 #input_10_3_4_container,
#field_10_3 #input_10_3_5_container { display:block; float:left; margin-bottom:0 !important; padding-left:5px; padding-right:5px; width:33.33%; }

.gsection { padding-bottom:15px; padding-top:80px !important; text-align:center; }
.gsection h2 { font-size:1.5em; margin:0 0 1em; text-transform:none; }
.gsection h2:only-child { margin:0; }
#field_10_22 { margin-bottom:30px; }

.ginput_list { padding-bottom:0; margin-bottom:-15px; }
.ginput_list table { width:100%; }
.ginput_list table th { padding:0 0 10px; }
.ginput_list table td { padding:0 0 15px; }
.ginput_list table td { padding-left:0; padding-right:15px; }
.ginput_list table td.gfield_list_icons { padding-right:0; width:80px !important; }
.ginput_list table td.gfield_list_icons img { border:3px solid #702376; display:block; float:left; height:35px; margin:0 !important; width:35px;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
}
.ginput_list table td.gfield_list_icons img.add_list_item { background:url(../img/png/plus-icon.png) no-repeat center center; margin-right:10px !important; }
.svg .ginput_list table td.gfield_list_icons img.add_list_item { background:url(../img/svg/plus-icon.svg) no-repeat center center; }
.ginput_list table td.gfield_list_icons img.delete_list_item { background:url(../img/png/minus-icon.png) no-repeat center center; }
.svg .ginput_list table td.gfield_list_icons img.delete_list_item { background:url(../img/svg/minus-icon.svg) no-repeat center center; }

.gfield_radio,
.gfield_checkbox { margin-left:-15px !important; margin-right:-15px !important; margin-top:-10px; }
.gfield_radio li,
.gfield_checkbox li { display:inline-block; margin-top:10px !important; padding:0 15px; }
.gfield_radio li label,
.gfield_checkbox li label { margin-bottom:0; }

.gform_fileupload_multifile + .validation_message { display:none; }
.gform_drop_area { border:3px dashed #d5d5d5; margin:15px 0; padding:30px; text-align:center;
  -webkit-border-radius: 9px;
          border-radius: 9px;
}
.gform_drop_area input.button { font-size: 1.125em; margin-left:10px; }


/* ==========================================================================
   Responsive Styles
   ========================================================================== */

@media (min-width: 768px) {
		
	#topBar nav { border-top:none; clear:none; float:right; padding:0; }
	#topBar nav ul li { border-left:3px solid #702376; border-top:none; float:left; height:60px; margin:0; position:relative; }
	#topBar nav ul li ul { border-right:3px solid #702376; border-top:3px solid #702376; display:none; position:absolute; left:-3px; width:329px; }
	.red #topBar nav ul li ul { background-color:#fc5d70 !important; }
	.green #topBar nav ul li ul { background-color:#9dfceb !important; }
	.yellow #topBar nav ul li ul { background-color:#fff280 !important; }
	#topBar nav ul li:hover ul { display:block; }
	#topBar nav ul li ul li { border-bottom:3px solid #702376; border-top:none !important; display:block; height:auto; text-align:left; width:100%; }
	
	#featuredArea .content { padding:220px 15px 120px; }
	#featuredArea .content h2 { margin:0.909em 0 0.606em; }
	#featuredArea h1.logo { height:195px; width:220px; }
	
	#featuredArea .clouds { background:url(../img/png/clouds-red.png) repeat-x 0 80px;
	  -webkit-animation: cloudsAnimation 240s infinite linear;
		 -moz-animation: cloudsAnimation 240s infinite linear;
		   -o-animation: cloudsAnimation 240s infinite linear;
			  animation: cloudsAnimation 240s infinite linear;
	}
	.svg #featuredArea .clouds { background-image:url(../img/svg/clouds-yellow.svg); }
	#featuredArea .town {
	  -webkit-animation: townAnimation 180s infinite linear;
		 -moz-animation: townAnimation 180s infinite linear;
		   -o-animation: townAnimation 180s infinite linear;
			  animation: townAnimation 180s infinite linear;
	}
	/*#pageHeader {
	  -webkit-animation: townAnimation 240s infinite linear;
		 -moz-animation: townAnimation 240s infinite linear;
		   -o-animation: townAnimation 240s infinite linear;
			  animation: townAnimation 240s infinite linear;
	}*/
	
	#specialNotice .notice { display:inline-block; }
	#specialNotice .btn { display:inline-block; margin-left:15px; margin-top:0; }
	
	#pageHeader h1 .icon { display:inline-block; }
	
	#socialStats { padding:30px 0; }
	#socialStats .statistic { padding-bottom:30px; padding-top:30px; }
	#socialStats .statistic .percentage { font-size:3em; }
	#socialStats .statistic .explanation { font-size:1.25em; margin-top:1em; }
	
	#packageContents { margin:0 -15px; }
	#packageContents .packagePoint { padding:15px; width:50%; }
	#packageContents .packagePoint .innerBox { height:100px; }
	
	.shopFunctions { margin-bottom:-115px; }
	.platformWrap h1 { padding-bottom:0.75em; }
	
	/*.product-addon-additional-ad-budget select { float:left; width:50%; }*/
	
	h3.addon-name,
	.variationTable label { padding-top:18px; }
	
	h3.price { margin:0.8em 0 !important; }
	.addToCart { text-align:right; }
	
	#productsContainer { margin:-15px 45px; }
	#productsContainer .product { width:50%; }
	
	.packageOption { padding:20px 10px; }
	
	.packageOption.left { border-right:none; border-radius: 9px 0 0 9px; margin-right:-15px; }
	.packageOption.right { border-radius: 0 9px 9px 0; margin-left:-15px; }
	
	.packageOption.left.x3 { border-right:none; border-radius: 9px 0 0 9px; margin-right:-20px; }
	.packageOption.middle.x3 { border-radius:0; margin-left:-15px; margin-right:-15px; position:relative; z-index:5; }
	.packageOption.right.x3 { border-radius: 0 9px 9px 0; margin-left:-20px; }
	
	/* ==========================================================================
	   Extension Platforms
	   ========================================================================== */
	#platformLogos { margin:2em 60px 0; }
	#singlePage #platformLogos { margin-bottom:-10px; margin-top:-10px; }
	.platformIcon { height:86px; margin:10px; padding:5px; width:86px; }
	
	.home #industryIcons { margin:2em 0 0; }
	.industryLink { margin:10px; width:280px; padding-top:38px; }
	.industryLink .icon { height:86px; margin-left:-43px; margin-top:-46px; position:absolute; left:50%; width:86px; }
	
	#bottomBar #legality { margin-top:40px; padding-top:40px; }
	#bottomBar { padding:40px 0 40px; }
	#bottomBar .footerRight { text-align:right; }
	
	/** Step Explanation List **/
	ol#explanation { margin-bottom:2em; margin-top:2em; }
	ol#explanation li { height:270px; }
	ol#explanation li .pointContent .verticalCenter { vertical-align:middle; }
	ol#explanation li .pointContent .icon { height:146px; margin:0 auto 15px; padding:10px; width:146px; }
	.generatedcontent ol#explanation > li:before { font-size:23rem; line-height:250px; }
	
	/** Requirement List **/
	.generatedcontent ol.requirementList { border-left:3px solid #702376; list-style-type:none; counter-reset:ol-counter; margin-left:20px; padding-left:20px; }
	.generatedcontent ol.requirementList li { margin:2em 0; padding-left:15px; position:relative; }
	.generatedcontent ol.requirementList > li:before { background-color:#fff280; border:3px solid #702376; content: counter(ol-counter); counter-increment: ol-counter; display:block; font-size:1.25em; height:40px; line-height:34px; margin-top:-20px; position:absolute; top:50%; left:-42px; text-align:center; text-indent:2px; width:40px; z-index:1;
		border-radius: 50%;
		background-clip: border-box; }
	
	/** Forms **/
	label.inline { margin-left:15px; margin-top:0; }
	
	.ginput_left,
	.ginput_right,
	.inputLeft,
	.inputRight { display:block; width:50%; }
	.ginput_left,
	.inputLeft { float:left; padding-right:15px; }
	.ginput_right,
	.inputRight { float:right; padding-left:15px; }
	
	.ginput_top { margin-top:0 !important; }
	
	#field_9_2,
	#field_11_2,
	#field_12_2 { margin-top:0; }
	#field_9_3,
	#field_9_4 { margin-bottom:30px; }
	#field_9_3 { clear:left; }
	
	.divider-sm { margin-top:0; }
	
	/** Client Brief **/
	#field_10_1,
	#field_10_2 { margin-bottom:30px; }
	/*#field_10_7,
	#field_10_8 { margin-bottom:60px; }*/
	#field_10_24 { margin-bottom:30px; }
	
	#field_10_3 .ginput_complex { margin-left:-15px !important; margin-right:-15px !important; }
	#field_10_3 .ginput_full { display:block; padding-left:15px; padding-right:15px; }
	#field_10_3 #input_10_3_3_container,
	#field_10_3 #input_10_3_4_container,
	#field_10_3 #input_10_3_5_container { padding-left:15px; padding-right:15px; }
	
	/** Checkout **/
	.form-row-wide { clear:both; }
	.form-row-first,
	.form-row-last {  display:block; width:50%; }
	.form-row-first { float:left; padding-right:15px; }
	.form-row-last { float:right; padding-left:15px; }
	
	.input-3-col { display:block; float:left; width:33.33%; }
	.input-3-col.left { padding-right:20px; }
	.input-3-col.middle { padding-left:10px; padding-right:10px; }
	.input-3-col.right { padding-left:20px; }
	
	.remove-top-margin-md { margin-top:0; }
	
	#order_review.checkoutPage { margin-top:45px; padding:45px 0 0; }
	
	/** Content Areas **/
	#pageHeader { padding:100px 0 110px; }
	/*#pageHeader.packageHeader { padding:80px 0 90px; }*/
	.contentArea { padding:60px 0; }
	
	.bottomDivider { margin-bottom:60px; padding-bottom:60px; }
	.topDivider { margin-top:60px; padding-top:60px; }
	
	#socialTimeline { margin-left:95px; margin-right:95px; }
	#socialTimeline #stepWrap { margin:0 -53px; }
	#socialTimeline .step { width:106px; }
	#socialTimeline .step h3 { font-size:1.25em; margin:0 -60px; width:226px; }
	#socialTimeline .step .stepSubPoints { margin:0 -70px -50px; }
	.cssanimations #socialTimeline .step .stepSubPoints { margin:45px -70px -50px; }
	#socialTimeline .step .stepSubPoints .subPoint h4 { font-size:1em; }
		
	#benchMarks .benchmark { border-top:3px dashed #5a1c5e; padding-bottom:30px; padding-top:30px; }
	#benchMarks .benchmark:first-child,
	#benchMarks .benchmark:nth-child(2) { border-top:none; }
	#benchMarks .benchmark:nth-child(2),
	#benchMarks .benchmark:nth-child(4) { border-left:3px dashed #5a1c5e; }
	
	#benchMarks .totalStats3 .benchmark { border-top:none; border-left:3px dashed #5a1c5e; padding-bottom:30px; padding-top:30px; }
	#benchMarks .totalStats3 .benchmark:first-child { border-left:none; }
	
}
@media (min-width: 992px) {
	
	.home #industryIcons { margin:2em 0 0; }

	.leftCol { padding-right:45px; }
	.rightCol { padding-left:45px; }
	.selectedPackage { margin-bottom:0; margin-top:20px; }
	
	#packageLoader .town { overflow:scroll !important; }
	#packageButtons { max-height:none; overflow:scroll; }
	.packages .box { height:140px; }
	
	.packageOption { padding:30px; }
	
	.productContent { padding-top:30px; }
	#packageContents .packagePoint { width:33.33%; }
	
	.productPage .variations_button { border-top:3px dashed #d5d5d5; margin:30px 0 0; padding:30px 0 0; }
	.hasAdBudget.productPage .variations_button { border-top:none; margin:30px 0 0; padding:0; }
	
	#productsContainer .product { width:50%; }
	
	.divider-md { margin-top:0; }
	.divider-md-only { margin-top:30px; }
	
	#bottomBar .footerRight { margin-top:0; text-align:right; }
	
	table.comparisonTable.active thead th { width:200px !important; }
	
	.faqWrap h2 { text-align:left; }
	
	#pageHeader h3 { padding:0 15%; }
	
	#socialTimeline { margin-left:110px; margin-right:110px; }
	#socialTimeline #stepWrap { margin:0 -72px; }
	#socialTimeline .step { width:144px; }
	#socialTimeline .step h3 { font-size:1.5em; margin:0 -60px; width:268px; }
	#socialTimeline .step .stepSubPoints { margin:0 -60px -50px; }
	.cssanimations #socialTimeline .step .stepSubPoints { margin:45px -60px -50px; }
	#socialTimeline .step .stepSubPoints .subPoint h4 { font-size:1.125em; }
	
	.post.caseStudyIntro header { margin-bottom:40px; }
	.post.caseStudyIntro .buttonContainer { margin-top:40px;  }
	
	#benchMarks .benchmark { border-top:none; border-left:3px dashed #5a1c5e; padding-bottom:30px; padding-top:30px; }
	#benchMarks .benchmark:first-child { border-left:none; }
}
@media (min-width: 1200px) {
	
	#socialTimeline { margin-left:120px; margin-right:120px; }
	#socialTimeline #stepWrap { margin:0 -84px; }
	#socialTimeline .step { width:178px; }
	#socialTimeline .step h3 { margin:0 -60px; width:298px; }
	#socialTimeline .step .stepSubPoints { margin:0 -60px -50px; }
	.cssanimations #socialTimeline .step .stepSubPoints { margin:45px -60px -50px; }
}

@media (min-width: 1270px) {
	.product_navigation { display:block; }
}
@media (min-width: 1300px) {
	#productsContainer .product { width:33.33%; }
}

@media (min-width: 1460px) {
	#socialTimeline { margin-left:0; margin-right:0; }
	#socialTimeline #stepWrap { margin:0 -114px; }
	#socialTimeline .step { width:228px; }
	#socialTimeline .step h3 { margin:0 -40px; width:308px; }
	#socialTimeline .step .stepSubPoints { margin:0 -40px -50px; }
	.cssanimations #socialTimeline .step .stepSubPoints { margin:45px -40px -50px; }
}

@media (min-width: 1580px) {
	#productsContainer .product { width:25%; }
}

/* ==========================================================================
   Animations
   ========================================================================== */

/** Clouds Animation **/
@-webkit-keyframes cloudsAnimation {
  0%   { background-position:0 80px; }
  100% { background-position:-4137px 80px; }
}
@-moz-keyframes cloudsAnimation {
  0%   { background-position:0 80px; }
  100% { background-position:-4137px 80px; }
}
@-o-keyframes cloudsAnimation {
  0%   { background-position:0 80px; }
  100% { background-position:-4137px 80px; }
}
@keyframes cloudsAnimation {
  0%   { background-position:0 80px; }
  100% { background-position:-4137px 80px; }
}
  
/** Town Animation **/
@-webkit-keyframes townAnimation {
  0%   { background-position:0 bottom; }
  100% { background-position:-4137px bottom; }
}
@-moz-keyframes townAnimation {
  0%   { background-position:0 bottom; }
  100% { background-position:-4137px bottom; }
}
@-o-keyframes townAnimation {
  0%   { background-position:0 bottom; }
  100% { background-position:-4137px bottom; }
}
@keyframes townAnimation {
  0%   { background-position:0 bottom; }
  100% { background-position:-4137px bottom; }
}

/** Slide In - Top **/
.slideInTop {
  -webkit-animation: slideInTop 0.5s 2s 1 backwards ease-out;
     -moz-animation: slideInTop 0.5s 2s 1 backwards ease-out;
       -o-animation: slideInTop 0.5s 2s 1 backwards ease-out;
          animation: slideInTop 0.5s 2s 1 backwards ease-out;
} 
@-webkit-keyframes slideInTop {
  0%   { top:-100%; }
  100% { top:100%; }
}
@-moz-keyframes slideInTop {
  0%   { top:-100%; }
  100% { top:100%; }
}
@-o-keyframes slideInTop {
  0%   { top:-100%; }
  100% { top:100%; }
}
@keyframes slideInTop {
  0%   { top:-100%; }
  100% { top:100%; }
}

/** Jump Animation - Pointer **/
@-webkit-keyframes jumpAnimation {
  0%   { bottom:30px; }
  5%	{ bottom:45px; }
  7.5% { bottom:30px; }
  10%	{ bottom:40px; }
  12.5% { bottom:30px; }
  15% { bottom:35px; }
  17.5% { bottom:30px; }
  100% { bottom:30px; }
}
@-moz-keyframes jumpAnimation {
  0%   { bottom:30px; }
  5%	{ bottom:45px; }
  7.5% { bottom:30px; }
  10%	{ bottom:40px; }
  12.5% { bottom:30px; }
  15% { bottom:35px; }
  17.5% { bottom:30px; }
  100% { bottom:30px; }
}
@-o-keyframes jumpAnimation {
  0%   { bottom:30px; }
  5%	{ bottom:45px; }
  7.5% { bottom:30px; }
  10%	{ bottom:40px; }
  12.5% { bottom:30px; }
  15% { bottom:35px; }
  17.5% { bottom:30px; }
  100% { bottom:30px; }
}
@keyframes jumpAnimation {
  0%   { bottom:30px; }
  5%	{ bottom:45px; }
  7.5% { bottom:30px; }
  10%	{ bottom:40px; }
  12.5% { bottom:30px; }
  15% { bottom:35px; }
  17.5% { bottom:30px; }
  100% { bottom:30px; }
}

/** Social Timeline - Title In **/
@-webkit-keyframes titlePopUp {
  0%   { opacity:0; top:0; }
  85% { top:-55px; }
  100% { opacity:1; top:-40px; }
}
@-moz-keyframes titlePopUp {
  0%   { opacity:0; top:0; }
  85% { top:-55px; }
  100% { opacity:1; top:-40px; }
}
@-o-keyframes titlePopUp {
  0%   { opacity:0; top:0; }
  85% { top:-55px; }
  100% { opacity:1; top:-40px; }
}
@keyframes titlePopUp {
  0%   { opacity:0; top:0; }
  85% { top:-55px; }
  100% { opacity:1; top:-40px; }
}

/** Social Timeline - Title Out **/
@-webkit-keyframes titlePopUpOut {
  0%   { opacity:1; top:-40px; }
  100% { opacity:0; top:0; }
}
@-moz-keyframes titlePopUpOut {
  0%   { opacity:1; top:-40px; }
  100% { opacity:0; top:0; }
}
@-o-keyframes titlePopUpOut {
  0%   { opacity:1; top:-40px; }
  100% { opacity:0; top:0; }
}
@keyframes titlePopUpOut {
  0%   { opacity:1; top:-40px; }
  100% { opacity:0; top:0; }
}

/** Social Timeline - Icon In **/
@-webkit-keyframes iconPopUp {
  0%   { height:50px; margin-top:25px; margin-bottom:-5px; width:50px; }
  80% { height:110px; margin-top:-5px; margin-bottom:-55px; width:110px; }
  100% { height:100px; margin-top:0; margin-bottom:-50px; width:100px; }
}
@-moz-keyframes iconPopUp {
  0%   { height:50px; margin-top:25px; margin-bottom:-5px; width:50px; }
  80% { height:110px; margin-top:-5px; margin-bottom:-55px; width:110px; }
  100% { height:100px; margin-top:0; margin-bottom:-50px; width:100px; }
}
@-o-keyframes iconPopUp {
  0%   { height:50px; margin-top:25px; margin-bottom:-5px; width:50px; }
  80% { height:110px; margin-top:-5px; margin-bottom:-55px; width:110px; }
  100% { height:100px; margin-top:0; margin-bottom:-50px; width:100px; }
}
@keyframes iconPopUp {
  0%   { height:50px; margin-top:25px; margin-bottom:-5px; width:50px; }
  80% { height:110px; margin-top:-5px; margin-bottom:-55px; width:110px; }
  100% { height:100px; margin-top:0; margin-bottom:-50px; width:100px; }
}

/** Social Timeline - Icon Out **/
@-webkit-keyframes iconPopUpOut {
  0% { height:100px; margin-top:0; margin-bottom:-50px; width:100px; }
  100%   { height:50px; margin-top:25px; margin-bottom:-5px; width:50px; }
}
@-moz-keyframes iconPopUpOut {
  0% { height:100px; margin-top:0; margin-bottom:-50px; width:100px; }
  100%   { height:50px; margin-top:25px; margin-bottom:-5px; width:50px; }
}
@-o-keyframes iconPopUpOut {
  0% { height:100px; margin-top:0; margin-bottom:-50px; width:100px; }
  100%   { height:50px; margin-top:25px; margin-bottom:-5px; width:50px; }
}
@keyframes iconPopUpOut {
  0% { height:100px; margin-top:0; margin-bottom:-50px; width:100px; }
  100%   { height:50px; margin-top:25px; margin-bottom:-5px; width:50px; }
}

/** Social Timeline - Sub Point In **/
@-webkit-keyframes stepSubPointsShow {
  0%   { padding-top:0px; }
  100% { padding-top:25px; }
}
@-moz-keyframes stepSubPointsShow {
  0%   { padding-top:0px; }
  100% { padding-top:25px; }
}
@-o-keyframes stepSubPointsShow {
  0%   { padding-top:0px; }
  100% { padding-top:25px; }
}
@keyframes stepSubPointsShow {
  0%   { padding-top:0px; }
  100% { padding-top:25px; }
}

/** Social Timeline - Sub Point Out **/
@-webkit-keyframes stepSubPointsHide {
  0%   { padding-top:25px; }
  100% { padding-top:0px; }
}
@-moz-keyframes stepSubPointsHide {
  0%   { padding-top:25px; }
  100% { padding-top:0px; }
}
@-o-keyframes stepSubPointsHide {
  0%   { padding-top:25px; }
  100% { padding-top:0px; }
}
@keyframes stepSubPointsHide {
  0%   { padding-top:25px; }
  100% { padding-top:0px; }
}

/** Social Timeline - Slide In Right **/
@-webkit-keyframes slideInRight {
  0%   { opacity:0; left:-100%; right:auto; }
  85% { left:10px; right:auto; }
  100% { opacity:1; left:0; right:auto; }
}
@-moz-keyframes slideInRight {
  0%   { opacity:0; left:-100%; right:auto; }
  85% { left:10px; right:auto; }
  100% { opacity:1; left:0; right:auto; }
}
@-o-keyframes slideInRight {
  0%   { opacity:0; left:-100%; right:auto; }
  85% { left:10px; right:auto; }
  100% { opacity:1; left:0; right:auto; }
}
@keyframes slideInRight {
  0%   { opacity:0; left:-100%; right:auto; }
  85% { left:10px; right:auto; }
  100% { opacity:1; left:0; right:auto; }
}

/** Social Timeline - Slide Out Right **/
@-webkit-keyframes slideInRightOut {
  0%   { opacity:1; left:0; right:auto; }
  100% { opacity:0; left:-100%; right:auto; }
}
@-moz-keyframes slideInRightOut {
  0%   { opacity:1; left:0; right:auto; }
  100% { opacity:0; left:-100%; right:auto; }
}
@-o-keyframes slideInRightOut {
  0%   { opacity:1; left:0; right:auto; }
  100% { opacity:0; left:-100%; right:auto; }
}
@keyframes slideInRightOut {
  0%   { opacity:1; left:0; right:auto; }
  100% { opacity:0; left:-100%; right:auto; }
}

/** Social Timeline - Slide In Left **/
@-webkit-keyframes slideInLeft {
  0%   { opacity:0; right:-100%; left:auto; }
  85% { right:10px; left:auto; }
  100% { opacity:1; right:0; left:auto; }
}
@-moz-keyframes slideInLeft {
  0%   { opacity:0; right:-100%; left:auto; }
  85% { right:10px; left:auto; }
  100% { opacity:1; right:0; left:auto; }
}
@-o-keyframes slideInLeft {
  0%   { opacity:0; right:-100%; left:auto; }
  85% { right:10px; left:auto; }
  100% { opacity:1; right:0; left:auto; }
}
@keyframes slideInLeft {
  0%   { opacity:0; right:-100%; left:auto; }
  85% { right:10px; left:auto; }
  100% { opacity:1; right:0; left:auto; }
}

/** Social Timeline - Slide Out Left **/
@-webkit-keyframes slideInLeftOut {
  0%   { opacity:1; right:0; left:auto; }
  100% { opacity:0; right:-100%; left:auto; }
}
@-moz-keyframes slideInLeftOut {
  0%   { opacity:1; right:0; left:auto; }
  100% { opacity:0; right:-100%; left:auto; }
}
@-o-keyframes slideInLeftOut {
  0%   { opacity:1; right:0; left:auto; }
  100% { opacity:0; right:-100%; left:auto; }
}
@keyframes slideInLeftOut {
  0%   { opacity:1; right:0; left:auto; }
  100% { opacity:0; right:-100%; left:auto; }
}

/** Social Timeline - Pop In **/
@-webkit-keyframes popIn {
  0%   { -webkit-transform:scale(0); }
  85% { -webkit-transform:scale(1.25); }
  100% { -webkit-transform:scale(1); }
}
@-moz-keyframes popIn {
  0%   { -moz-transform:scale(0); }
  85% { -moz-transform:scale(1.25); }
  100% { -moz-transform:scale(1); }
}
@-o-keyframes popIn {
  0%   { -o-transform:scale(0); }
  85% { -o-transform:scale(1.25); }
  100% { -o-transform:scale(1); }
}
@keyframes popIn {
  0%   { transform:scale(0); }
  85% { transform:scale(1.25); }
  100% { transform:scale(1); }
}

/** Social Timeline - Step Grow **/
@-webkit-keyframes stepGrow {
  0%   { height:0; }
  100% { height:40px; }
}
@-moz-keyframes stepGrow {
  0%   { height:0; }
  100% { height:40px; }
}
@-o-keyframes stepGrow {
  0%   { height:0; }
  100% { height:40px; }
}
@keyframes stepGrow {
  0%   { height:0; }
  100% { height:40px; }
}

/** Social Timeline - Step Hide **/
@-webkit-keyframes stepGrowOut {
  0%   { height:40px; }
  100% { height:0; }
}
@-moz-keyframes stepGrowOut {
  0%   { height:40px; }
  100% { height:0; }
}
@-o-keyframes stepGrowOut {
  0%   { height:40px; }
  100% { height:0; }
}
@keyframes stepGrowOut {
  0%   { height:40px; }
  100% { height:0; }
}

/** Scale Up **/
@-webkit-keyframes scaleUp {
  0%   { -webkit-transform:scale(0); }
  100% { -webkit-transform:scale(1); }
}
@-moz-keyframes scaleUp {
  0%   { -moz-transform:scale(0); }
  100% { -moz-transform:scale(1); }
}
@-o-keyframes scaleUp {
  0% { -o-transform:scale(0); }
  100% { -o-transform:scale(1); }
}
@keyframes scaleUp {
  0%   { transform:scale(0); }
  100% { transform:scale(1); }
}

/** Scale Down **/
@-webkit-keyframes scaleDown {
  0%   { -webkit-transform:scale(1); }
  100% { -webkit-transform:scale(0); }
}
@-moz-keyframes scaleDown {
  0%   { -moz-transform:scale(1); }
  100% { -moz-transform:scale(0); }
}
@-o-keyframes scaleDown {
  0% { -o-transform:scale(1); }
  100% { -o-transform:scale(0); }
}
@keyframes scaleDown {
  0%   { transform:scale(1); }
  100% { transform:scale(0); }
}

/** Fade In **/
@-webkit-keyframes fadeIn {
  0%   { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0%   { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes fadeIn {
  0%   { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0%   { opacity:0; }
  100% { opacity:1; }
}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
    text-align: center; text-transform: uppercase; z-index:1500;
    background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
#outdated #btnUpdateBrowser{
    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
    color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
#outdated #btnCloseUpdateBrowser{ border-bottom:none;
    display: block; position: relative; width: 100%; height: 100%;
    text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #eee;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { border:3px solid #702376 !important;
  -webkit-border-radius: 50%;
          border-radius: 50%; 
  background-clip: border-box;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../spinner.gif') center center no-repeat;
}

.fancybox-close { background:#fff url(../img/png/cross-icon.png) no-repeat center center; 
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}
.svg .fancybox-close { background-image:url(../img/svg/cross-icon.svg);  }

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span { background:#fff url(../img/png/arrow-left.png) no-repeat center center; 
	left: -18px;
}
.svg .fancybox-prev span { background-image:url(../img/svg/arrow-left.svg); }

.fancybox-next span { background:#fff url(../img/png/arrow-right.png) no-repeat center center; 
	right: -18px;
}
.svg .fancybox-next span { background-image:url(../img/svg/arrow-right.svg); }

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper 

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}*/

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../fancybox_overlay.png');
}
.rgba .fancybox-overlay { background:rgba(255,255,255,0.9); }

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title { color:#702376; font-size:1.125em; text-transform:none;
	visibility: hidden;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -45px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 10px 20px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.gfield:before,
.gfield:after,
.gform_page_fields:before,
.gform_page_fields:after,
.gform_page_footer:before,
.gform_page_footer:after,
.gform_body:before,
.gform_body:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after,
.gfield:after,
.gform_page_fields:after,
.gform_page_footer:after,
.gform_body:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix,
.gfield,
.gform_page_fields,
.gform_page_footer,
.gform_body {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}