/*** RESET ***/
* {
	margin:0px;
	padding:0px;
}



img {vertical-align:middle; border:0 none;}


/*** GLOBAL SETTINGS ***/

@font-face {
    font-family: 'Proxima Nova Light';
    src: url('type/proximanova-light-webfont.eot');
    src: url('type/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/proximanova-light-webfont.woff') format('woff'),
         url('type/proximanova-light-webfont.ttf') format('truetype'),
         url('type/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Reg';
    src: url('type/proximanova-regular-webfont.eot');
    src: url('type/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/proximanova-regular-webfont.woff') format('woff'),
         url('type/proximanova-regular-webfont.ttf') format('truetype'),
         url('type/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Semi-bold';
    src: url('type/proximanova-semibold-webfont.eot');
    src: url('type/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/proximanova-semibold-webfont.woff') format('woff'),
         url('type/proximanova-semibold-webfont.ttf') format('truetype'),
         url('type/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}


body 
{

	font-family:Proxima Nova Light, Helvetica, Arial;
	font-size:16px;
	color:#737373;
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none; /* prevents iPhone from blowing up the size of the text in landscape mode*/
	-webkit-font-smoothing: subpixel-antialiased;
	 -webkit-tap-highlight-color:rgba(0,0,0,0);
	margin:0; padding:0;
	height:100%;
}

 
.clear 	{clear:both;}

.clear:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



.page {padding:90px 0px 0 0px;}


.inner-pages{padding:50px 0px 0 0px;}

.container
{
	position:relative;
	margin:0 auto;		
	padding:0; /*this can not have any left/right padding or it will overflow in small mobile devices*/
	/*Do not put min-width either! or it will overflow on small devices as well*/
}
  
a 
{
	color: #069;
	text-decoration: none;
}

a:hover{color:#629bd0;}


h3 
{
	font-family:Proxima Nova Light, Helvetica, Arial;
	font-size:35px;
	color:#727272;
	text-align:center;
	font-weight: 500;
	line-height: 1.1;
}

h4 {
	font-family:Proxima Nova Semi-bold, Helvetica, Arial;
	color:#404040;
	font-size:19px;
	font-weight: 500;
    line-height: 1.1;
}

.header-divider{max-width:100%;}

/*To precisely anchor the page where you want workaround*/
.anchor 
{
   display:block;
   height:10px; /* this is the height of your header */
   margin-top:-10px; /* this is again negative value of the height of your header */
   visibility:hidden;
}


ul.horizontal
{
	position:relative;
	margin:0 auto; 
	padding:0;
	list-style:none;
	text-align:center;
}


 ul.horizontal li
{
	display:inline-block;
	margin:10 8px;
}


/* Global Icons
-------------------------------------------------------------------------------*/
.ui-icon , .ui-icon-solo
{

	 display:block;
	 width:20px; height:20px;
	 
     background: #2a72bc;
	 background-repeat:no-repeat;
	 background-image: url(/config/presentmentor.com/overrides/assets/images/welcome/icons.png);
	 
	-moz-border-radius: 				10px;
	-webkit-border-radius: 				10px;
	 border-radius: 					10px; 
}

.ui-icon-solo 
{
	background-color:transparent;
	border-radius:0;
}



/* right arrow */
.ui-icon-arrow-r	{background-position: 0 50%;}

.ui-icon-pin		{background-position: -20px 50%;}

.ui-icon-email		{background-position: -40px 50%;}

.ui-icon-phone		{background-position: -60px 50%;}




/******************************** HEADER ********************************/
header
{
	position: fixed;
	top:0; left: 0; right: 0;
	min-height: 70px;
	padding: 15px 0;
	font-family: Proxima Nova Reg, Helvetica, Arial;
	background-color: white;
	background-image: none;
	border: none;
	-webkit-box-shadow: 0px 0px 5px #bababa;
	-moz-box-shadow: 0px 0px 5px #bababa;
	 box-shadow: 0px 0px 3px #747474;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	 z-index:9999;
}


/*Site Logo*/
header .site-logo 
{
	float:left;
	background: url(/config/presentmentor.com/overrides/assets/images/site-logo.png) no-repeat 0 0;
	width:216px; height:63px;
	display:block;
	border:0 none;
}


nav#learn-more-pages{display:none;}

nav ul
{
	float:right;
	list-style:none;
	text-align:center;
	padding:0;
	font-size:100%;
}

nav ul li 
{
	float:left;
}

nav ul li a
{
	position:relative;
	display:block;
	padding:3px 15px;
	line-height: 20px;
	text-decoration:none;
	color:#777;
}

nav ul li a:hover , nav ul li.current a {color:#3485c2;}

nav ul li.current {}
	
nav ul li.current {font-weight:bold;}
	
.menu-bt {display:none;}


nav.slideDown  
{
	-webkit-animation:slideDown .5s ease 1 forwards;
	 animation:slideDown .3s ease 1 forwards;
}

nav.slideUp  
{
	-webkit-animation:slideUp .5s ease 1 forwards;
	 animation:slideUp .3s ease 1 forwards;
}

/* nav collapse animation 
---------------------------------------*/
@-webkit-keyframes slideDown 
{
  0%  { max-height: 0px;}
  100% {max-height: 300px;}
}


@-webkit-keyframes slideUp 
{
  0%  { max-height: 300px;}
  100% {max-height: 0px;}
}


@keyframes slideDown 
{
  0% { max-height: 0px;}
  100% {max-height: 300px;}
}

@keyframes  slideUp 
{
  0% { max-height: 300px;}
  100% {max-height: 0px;}
}





/******************************** FOOTER ********************************/
footer 
{
	position:relative;
	margin:0;
	text-align:center;
    line-height: 20px;
	
	background-color: #242424;
	color: #8e8e8e;
	font-size: 14px;
	padding:30px 0;
	font-family: Proxima Nova Semi-bold, Helvetica, Arial;

}

footer .footer-top ul{display:inline-block;}


footer .footer-top li 
{
 
    position:relative;
    margin: 0 5px 5px;
	padding-left:23px;
}

footer .footer-top span
{
	position:absolute;
	top:0px; left:0px;
}

footer a {color:#f38c78;}


.footer-bottom span { font-size:12px; padding: 0 3px;}



/******************************** SLIDER ********************************/
.jumbotron
{
	display:block;
	position:relative;
	background: url('/config/presentmentor.com/overrides/assets/images/sliderBg.jpg');
	background-size: cover;
	background-repeat:no-repeat;
	color:white;
	-webkit-text-shadow:0px 0px 3px #202020;
	-moz-text-shadow:0px 0px 3px #202020;
	text-shadow:0px 0px 3px #202020;
	padding:0px;
}

.jumbotron .slides 
{
	max-height:330px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}


.jumbotron IMG , .jumbotron .comp
{ 
	display:none!important;
	/*width:auto;*/
    padding:0;
	margin:0 auto;
	text-align:center;
	position:relative;
		 
}

.slideText {padding:15px 0;}

.slideText p 
{ 
	font-size:28px; 
	margin-bottom:40px;  
	line-height: 1.4;
}

.slideText h1 {
	font-family:Proxima Nova Light, Helvetica, Arial;
	font-size:30px;
}

.slideText h1 span { font-family:Proxima Nova Semi-bold, Helvetica, Arial; }

.slideText p span {
	font-family:Proxima Nova Semi-bold, Helvetica, Arial;
	color:#ffc410;
}



/******************************** SUBSLIDER MESSAGE ********************************/

#subSliderMessage {
	text-align:center;
	padding:30px 0px 20px;

	-webkit-box-shadow: 0px 2px 5px #bababa;
    -moz-box-shadow: 0px 2px 5px #bababa;
    box-shadow: 0px 2px 5px #bababa;
	
	background-color:#f8f8f8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));/*Chrome*/
	background-image: -moz-linear-gradient(top,#fff 0%,#f9f9f9);/*FF*/
	background-image:  -ms-linear-gradient(top,  #fff 0%,#f9f9f9 100%);/* IE10+ */
	
}

#subSliderMessage .welcome-c.top p {font-family:Proxima Nova Reg, Helvetica, Arial;}

#subSliderMessage h2 span , .welcome-c.top p span 
{
	color:#5fa0dc;
	font-style:normal;
	font-family:Proxima Nova Semi-bold, Helvetica, Arial;
	font-size:20px;
}




/*Welcome pg.
---------------------------------*/
.welcome-c h1
{
	color: #e89b2d;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 200;
	word-spacing: -0.04em;
	letter-spacing: -0.03em;
	padding:10px 10px 0 10px;
	margin:0 auto 0 auto;
	-webkit-font-smoothing: antialiased;
}


/*(Welcome Top Section)*/
.welcome-c.top 
{
	border:0 none;
	margin-top:5px;
	vertical-align:middle;
	text-align:center;
}

.welcome-c.top h1
{
	font-size:26px;
	line-height:30px;
}


/*(Welcome Bottom Section)*/
.welcome-c.bottom {background: #FFF;}

/*(Learn More Link Buttons)*/
.welcome-c.bottom p + a 
{
	display:block;
	margin:15px auto;
	padding: 5px 18px;
	color:#f9f9f9;
	background: #5599da;

}

.welcome-c .comp.comp1{background: url(/config/presentmentor.com/overrides/assets/images/welcome/comp1.png) no-repeat 0 0;}/*NOTE: This image is unique for everysite*/


.welcome-c.bottom .comp
{
	 display:block;
	-moz-background-size:	 	100% 100%;
	-o-background-size: 		100% 100%;
	-webkit-background-size: 	100% 100%;
	 background-size: 			100% 100%;
}

.welcome-c.bottom {margin-top:20px;}

.welcome-c.bottom h1
{
	color: #444;
	font-size:26px;
}

/*(Learn More) Pages
----------------------------------*/
.learn-more h1 
{
	font-size:26px;
	text-align:center;
	margin:0 auto;
}


.learn-more.colleagues .section3 h1 IMG{display:none;}


/*Benefits section 
---------------------------------*/
.banner-container
{
	 position:relative;
	-webkit-backface-visibility:hidden;
	-webkit-text-shadow:0px 1px 4px rgba(0,0,0,0.7);
	-moz-text-shadow:0px 1px 4px rgba(0,0,0,0.7);
	text-shadow: 0px 1px 4px rgba(0,0,0,0.7);
	height:auto;
	
	background-image:url(/config/presentmentor.com/overrides/assets/images/welcome/benefits-bg-767.jpg);
	background-size: auto;
	background-repeat:no-repeat;
	background-position:right top;
	
	color:#FFF;
	width:100%
}

.banner-container:before 
{
	display:block;
	background-image:url(/config/presentmentor.com/overrides/assets/images/welcome/header-divider.png) no-repeat center center;
	content:'';
	max-width:100%;
}

.banner-container:after 
{
	content: '';
	position: absolute;
	top: 0;
	width: 40%;
	left:0px;  bottom: 0;
	
	background-image: -webkit-linear-gradient(to right, rgba(89,13,0,0.7) 0%, rgba(89,13,0,0) 55%);
	background-image: -moz-linear-gradient(to right, rgba(89,13,0,0.7) 0%, rgba(89,13,0,0) 55%);
	background-image: -o-linear-gradient(to right, rgba(89,13,0,0.7) 0%, rgba(89,13,0,0) 55%);
	background-image: linear-gradient(to right, rgba(89,13,0,0.7) 0%,rgba(89,13,0,0) 55%);
}


.benefits p 
{
	position:relative;
	font-weight:bold;
	zoom: 1;
	margin: 1em 0 0.8em 0;
	padding:3px 5px;
	font-size: 18px;
	color:#fff;
	text-align:center;
	z-index:99;
}



/*Features section
---------------------------------*/
.bullet-features{margin:0 auto; text-align:center;}

.col
{
	position:relative;
	width: 100%;
    padding:0 10px;
	margin-bottom:20px;
	text-align:center;
	/*Fixes padding overflow issue w/ 100% in iOS:*/
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
}



.col ul {list-style:none;}

.col ul li
{ 
	margin:5px 0 10px 0;
	padding:0 20px;
	text-align:left;
	font-size:14px;
}

.feature-icon
{
	float: none;
	width: 60px; height: 60px;
	background-image:url(/config/presentmentor.com/overrides/assets/images/welcome/feature-icons.png);
	text-align:center;
	margin:0 auto 5px;
}



/* etalk */
.feature-icon-etalk			{background-position: 0 50%;}

/* colleagues */
.feature-icon-colleagues	{background-position: -60px 50%;}

/* ezines */
.feature-icon-ezines	    {background-position: -120px 50%;}

/* my home */
.feature-icon-home	   	    {background-position: -180px 50%;}

/* search */
.feature-icon-search	   	{background-position: -240px 50%;}

/* chat */
.feature-icon-chat	   		{background-position: -300px 50%;}

/* admin */
.feature-icon-admin	   		{background-position: -360px 50%;}


/*Screenshots section
---------------------------------*/
.screenshots ul{margin-bottom:80px;}

.screenshots ul li
{
	margin:20px 8px 80px;
	padding:5px;
	background:#FFF;
	width:260px; height:158px;
	border:1px solid #e1e1e1;
}

.screenshots ul li IMG 
{
	-webkit-box-shadow: 0px 0px 1px #969696;
	-moz-box-shadow: 0px 0px 1px #969696;
	 box-shadow: 0px 0px 1px #969696;
	 margin-bottom:15px;
	
}

.screenshots  h4{margin:10px 0; }

/*Price section
---------------------------------*/
.price
{
/*need this two things here for the anchor on scrolling to work properly, otherwise it will highlight the "Contact Us" nav text on top around this area*/
	margin-bottom:80px; 
	border:1px solid transparent;
} 

.price-box
{
	background:#7AB700;
	border-radius:10px;
	color:#FFF;
	margin:0 auto;

}

.price p
{
	padding:20px;
	margin:0 auto;
	vertical-align:middle;
}

.price h4 
{
	text-align:center;
	padding:10px 0 20px;
	color:#FFF;
}

/*Contact section
---------------------------------*/

.contact
{
	position:relative;
	display:block;
	width:100%; 
	background: url('/config/presentmentor.com/overrides/assets/images/sliderBg.jpg');
	background-size: cover;
	background-repeat:no-repeat;
	color:white;
	text-align:center;
}

.contact,  input, button, select, textarea, .form-c, .frm-status
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
}

.contact:before 
{
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	left:0px;  bottom: 0;
	background:rgba(9,35,82,0.40);
}
	
.contact H3 , .sending span 
{
	color: white;
	-webkit-text-shadow: 0px 1px 3px #202020;
	-moz-text-shadow: 0px 1px 3px #202020;
	text-shadow: 0px 1px 3px #202020;
}


.contact .container{padding:10px 15px;}

.contactInput 
{
	position:relative;
	width: 95%;
	padding-left: 13px;
	background-color: #f9f9f9;
	opacity: 0.6;
	border: none;
	height: 40px;
	border-radius: 5px;
	margin:10px auto 20px;
}



.contactInput:hover{background-color: #fff;}

.contactMessage
{
	width: 95%; height: 200px;
	padding: 13px;
	margin-bottom: 20px;
	border-radius: 5px;
	border: none;
	opacity: 0.6;
	overflow: auto;
    vertical-align: top;
	
}


input[type="submit"] 
{
	display:block;
	font-family: Proxima Nova Reg, Helvetica, Arial;
	color: white;
	text-decoration:none;
	border-radius: 30px;
	background-color: #c76c57;
	padding: 10px 35px 10px 35px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.10), rgba(2,2,2,0));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.10), rgba(2,2,2,0));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.10), rgba(2,2,2,0));
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.10), rgba(2,2,2,0));
	background-image: linear-gradient(to top, rgba(0,0,0,.10), rgba(2,2,2,0));
	border-style: solid;
	border-width: 1px;
	border-color: #9b4c2d;
	-webkit-box-shadow: inset 0px 1px 1px white;
	-moz-box-shadow: inset 0px 1px 1px white;
	box-shadow: inset 0px 1px 1px white;
	margin:0 auto;
}

input[type="submit"]:hover 
{
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.10), rgba(2,2,2,0)); 
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.10), rgba(2,2,2,0)); 
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.10), rgba(2,2,2,0)); 
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.10), rgba(2,2,2,0)); 
	background-image: linear-gradient(to top, rgba(2,2,2,0), rgba(0,0,0,.10));
}


.form-c
{

	position:relative;
	background: url('/config/presentmentor.com/overrides/assets/images/welcome/contactFormBg.png');
	border-radius: 5px;
	width:75%;
	margin:40px auto 80px;
	text-align:center;
	padding:20px 0;
}

.form-c p {padding:0 10px;}

.form-c a /*so the phone# doesn't get highlighted in a link color on mobile*/
{
	color:#FFF; 
	cursor:pointer; cursor:default;
}


/*Blur form while sending it*/
.form-c.sending-frm #form , .form-c.sending-frm p
{
   opacity:.5;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
   filter: blur(5px);
}

.frm-status
{
	display:none;
	position:absolute;
	width:100%; height:100%;
	font-size:22px; 
	font-weight:bold; 
	text-align:center;
	padding:10px;
}


.frm-status span 
{	
	position:relative;
	display:inline-block;
	color:#FFF; 
	text-align:center; 
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding:15px;
}



 /*sending loading animation*/
.frm-status.sending{ background:url(/config/presentmentor.com/overrides/assets/images/welcome/email-loader.gif)  no-repeat center center;}

.frm-status.sent , .frm-status.sending {z-index:999;}/*disables input fields*/
.frm-status.sent span{background-color:#64a624;} /*message send successfully*/



input, button, select, textarea
{
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	background-image: none;
	
	transition:all .5s ease; 
    -o-transition:all .5s ease; 
    -moz-transition:all .5s ease; 
    -webkit-transition:all .5s ease;
	
	-webkit-appearance: none; /*must have this for the box-shadow to work on focus*/
	z-index:999;
	border:1px solid #ccc;
	
}

button, html input[type="button"], input[type="reset"], input[type="submit"] 
{
	cursor: pointer;
    -webkit-appearance: button;
}


input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=email]:focus, textarea:focus
{
	 border:2px solid #fff;
	 border-radius: 5px;
	-webkit-box-shadow: 0px 0px 15px #ffd200;
	 box-shadow: 0px 0px 15px #ffd200;
	 z-index:9999;
}

input.error, input.error:focus , textarea.error, textarea.error:focus
{
	 border-color:white;
	-webkit-box-shadow: 0px 0px 8px #f15252;
	 box-shadow: 0px 0px 8px #f15252;
	 background-color:red;
	 color:#FFF;
}

/*above form error message*/
.err-msg
{
	display:none;
	font-size:14px;
	color:#FFF;
	z-index:999;
	background:#f41837;
	border-radius: 5px;
	width:80%;
	margin:10px auto 0;
	line-height:18px;
	padding:10px;
	font-weight:bold;
	text-align:left;
}

/*error animation shake input*/
input.shake , textarea.shake , .contactMessage.shake
{
	-webkit-animation-name: shake;
	-webkit-animation-duration: 0.6s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
}




@-webkit-keyframes shake 
{
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

/*input placeholder color*/
.placeholder{ color:#aaa;}
::-webkit-input-placeholder { color:#aaa;}
:-moz-placeholder { color:#aaa;}/* Firefox 18- */
::-moz-placeholder{ color: #aaa;}/* Firefox 19+ */
:-ms-input-placeholder{ color:#aaa;}




@media(max-width:600px) 
{
	
/******************************** FOOTER ********************************/
	footer {padding:20px 5px;}
	
	footer .footer-bottom span {display:block;}
	
	/*footer .footer-top  {display:none;}*/
	
	
	.slideText h1 {font-size:24px;}
	
	.slideText p {font-size:20px;}
	
	
	/*(Learn More) Pages
	----------------------------------*/		
	.welcome-c.learn-more h1 
	{
		font-size:20px;
	    margin-bottom:10px;
	}
	.welcome-c.learn-more p {font-size:14px;}

}




@media(max-width:767px) {

  .page {padding:50px 0px 0 0px;}
  
  .h3 {margin-top:20px;}
	
	
/******************************** HEADER ********************************/	
	
	header
	{
		min-height:inherit;
		padding:5px 10px;
	}
	
	
	 header .site-logo
	{
		 width:134px; height:39px;
		 -moz-background-size:	 	100% 100%;
		-o-background-size: 		100% 100%;
		-webkit-background-size: 	100% 100%;
		 background-size: 			100% 100%;
	}
	
	.menu-bt
	{
		display:block;
		float:right;
		width:40px; height:35px;
		border:1px solid #ccc;
		-webkit-border-radius: 5px 5px 5px 5px;
		 border-radius: 5px 5px 5px 5px;
		 background:url(/config/presentmentor.com/overrides/assets/images/mobile-menu-icon.png) no-repeat center center;
		 cursor:hand; cursor:pointer;
	}
	
	.menu-bt:hover
	{
		border-color:#CAE4FF;
		box-shadow: 0px 0px 5px #CAE4FF;
	}
	
	
	nav
	{
		display:block;
		width:100%;  max-height: 0px;
		background:#FFF;
		overflow:hidden;
	}
	
	nav ul 
	{

		float:left;
		font-size:14px;
		width:100%;
		margin:0; padding:0;
	}
	nav ul li 
	{
		width:100%;
		text-align:left;
	}
	
	nav ul li a {padding:10px 15px;}
	
	
   /******************************** SLIDER ********************************/
	.slideText 
	{
		padding:40px 5px 0 5px;
		text-align:left;
		width:80%;
		margin:0 auto;
	}
	
	.flex-direction-nav, .flex-control-nav {display:none;}/*don't display sideway  or under nav controls on slider*/
	
	.flexslider{height:auto !important;}
	
   .slideText  p {margin-top:13px;}
   
   .slide2 .slideText {padding-top:50px;}
   

   
	


	/*Welcome pg.
	---------------------------------*/
	
	.welcome-c.bottom p {font-size:14px;}
	
	
	
	.welcome-c.bottom .comp1, .welcome-c.bottom .section1 .loading{width:300px; height:248px; margin:0 auto;}
	
	.welcome-c.bottom .comp2, .welcome-c.bottom .section2 .loading{width:228px; height:200px; margin:0 auto;}
	
	.welcome-c.bottom .comp3, .welcome-c.bottom .section3 .loading{width:250px; height:239px; margin:0 auto;}
		
	
	/*(Learn More Link)*/
	.welcome-c.bottom p + a
	{
		width:200px;
		text-align:center;
	}
	
	
	/*(Learn More) Pages
	----------------------------------*/
	.learn-more .section-text{padding:15px;}
	
	.learn-more .section3 + section{padding:30px 0;}

	
	
	/*(Learn More 1) Lectures
	----------------------------------------*/
	.learn-more.lectures  .section1 .loading, .learn-more.lectures  .section1 IMG {width:300px; height:223px;}
	
	.learn-more.lectures  .section2 .loading, .learn-more.lectures  .section2 IMG{width:280px; height:173px;}
	
	.learn-more.lectures  .section3 .loading, .learn-more.lectures  .section3 IMG:last-child{width:268px; height:170px;}
	
	
	
	/*(Learn More 2) Forum/eTalk
	----------------------------------------*/
	.learn-more.forums  .section1 {padding-bottom:20px;}
	
	.learn-more.forums  .section1 .loading, .learn-more.forums .section1 IMG{width:300px; height:211px;}

	.learn-more.forums  .section2	{padding-top:25px;}
	
    .learn-more.forums  .section2 .loading, .learn-more.forums  .section2 IMG{width:310px; height:163px;}
	
	.learn-more.forums  .section3 .loading, .learn-more.forums  .section3 IMG{width:300px; height:198px;}
	
	
	/*(Learn More 3) Colleagues
	----------------------------------------*/
	
	.learn-more.colleagues .section1 .loading, .learn-more.colleagues .section1 IMG 
	{
		position:relative;
		top:15px;
		z-index:99;
	}
	
	.learn-more.colleagues  .section2 {background:none;border:0 none;}
	
	.learn-more.colleagues  .section2 .loading, .learn-more.colleagues .section2 IMG{width:150px; height:182px;}
	
	.learn-more.colleagues  .section3 .loading, .learn-more.colleagues .section3 IMG:last-child{width:300px; height:183px;}


/*Benefits section 
---------------------------------*/
.list-box
	{
		width:100%;
		height:auto;
		z-index:999;
		padding-top:250px;
	}
	
  .list-box .box-fill
	{
		background:#f9633e;
		width:100%;
	}
	
/*Screenshot section
---------------------------------*/		
.screenshots ul li:last-child{margin-bottom:0px;}


/*Price section
---------------------------------*/	
.price-box
{
	width:95%;
	font-size:16px;
	margin-bottom:20px;
}
	
	
/*Contact section
---------------------------------*/	
.form-c, .contact H3 {margin-top: 20px;}
.form-c{width:95%;}
.form-c.sending-frm #form , .form-c.sending-frm p{display:none;}
.form-c.sending-frm {min-height:120px;}
.frm-status {font-size:16px;}

}







@media(min-width:768px)
{
   
   .container {max-width:750px;}
   
   	nav 
	{
		/*float:right;*/
		padding-top:20px;
		font-size:13px;
	}
	
	.h3 {margin-top:40px;}
	
	.anchor 
	{
	   height:100px; /* this is the height of your header */
	   margin-top:-100px; /* this is again negative value of the height of your header */
	}

   
	
   /******************************** SLIDER ********************************/
   .jumbotron {padding-top:20px;}
   
   .jumbotron , .jumbotron .comp{ display:block!important;}
   
   .slideText p {font-size:26px;}
   

   .slide2 .slideText p,  .slide3 .slideText p  {font-size:23px;}
   
   .slide3 .slideText h1 {padding:0 20px;}
	  
     
   .comp.slide1-comp 
   {
	   top:-68px;
	   background:url(/config/presentmentor.com/overrides/assets/images/welcome/slide1-comp.png) no-repeat;
	   width:480px; height:218px;
	
	   -moz-background-size:	   480px 218px;
		-o-background-size: 	   480px 218px;
		-webkit-background-size:   480px 218px;
	     background-size: 		   480px 218px;
	}
	
	
   .comp.slide2-comp 
   {
	 	 margin-top:-35px;
		 
		 background:url(/config/presentmentor.com/overrides/assets/images/welcome/slide2-comp.png) no-repeat;
		 width:700px; height:226px;
		 
	    -moz-background-size:	   700px 226px;
		-o-background-size: 	   700px 226px;
		-webkit-background-size:   700px 226px;
	     background-size: 		   700px 226px;
	}
	

   .comp.slide3-comp 
   {
	   top:-50px;
	   
	   background:url(/config/presentmentor.com/overrides/assets/images/welcome/slide3-comp.png) no-repeat;
	   width:420px; height:215px;
	
	   -moz-background-size:	   420px 215px;
		-o-background-size: 	   420px 215px;
		-webkit-background-size:   420px 215px;
	     background-size: 		   420px 215px;
	}
	

	/*Welcome pg.
	---------------------------------*/
	.welcome-c.bottom .comp1, .welcome-c.bottom .section1 .loading{width:484px; height:400px; margin:0 auto;}
	
	.welcome-c.bottom .comp2, .welcome-c.bottom .section2 .loading{width:400px; height:350px; margin:0 auto;}
	
	.welcome-c.bottom .comp3, .welcome-c.bottom .section3 .loading{width:400px; height:350px; margin:0 auto;}
	
	.welcome-c.bottom .section1 .section-text {}


	/*(Learn More Link)*/
	.welcome-c.bottom p + a
	{
		width:200px;
		text-align:center;
		line-height: 25px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		border: 1px solid #ddd;
	}


	/*(Learn More) Pages Global
	----------------------------------*/
   .learn-more h1 {font-size:30px;}
	
   .learn-more .section-text{padding:20px 40px 10px 40px;}
   
   .learn-more.colleagues .section1, .learn-more.forums .section1 {padding:30px 40px;}
	   	
	
	/*(Learn More 1 pg.) Lectures
	----------------------------------------*/
	.learn-more.lectures .section1 .loading{width:446px; height:332px;}
	
	.learn-more.lectures .section2 .loading{width:450px; height:278px;}
	
	.learn-more.lectures .section3 .loading{width:451px; height:286px;}
	
	
		
	/*(Learn More 2 pg.) Forum/eTalk
	----------------------------------------*/
	.learn-more.forums .section1 IMG, .learn-more.forums .section1 .loading  {width:480px; height:338px;} 
	
	.learn-more.forums .section1 IMG
	{
		position:relative;
		z-index:99;
	}
			
	.learn-more.forums .section2{padding-top:40px;}
		
	.learn-more.forums .section2 IMG , .learn-more.forums .section2 .loading{width:750px; height:394px;}
	
	.learn-more.forums .section3 .loading{width:450px; height:296px;}

	
	/*(Learn More 3 pg.) Colleagues
	----------------------------------------*/
	.learn-more.colleagues .section1 
	{
		position:relative;
		min-height:340px;
		z-index:99;
	}
	
	
	
	.learn-more.colleagues .section2 
	{	
		margin-top:-40px;
		min-height:220px;
		padding-bottom:20px;
		border:0 none;
		background:none;
		z-index:99;
	}
	
	.learn-more.colleagues .section2 .loading {width:323px; height:393px;}
	
	.learn-more.colleagues .section3 .loading {width:470px; height:283px;}
	 
	/*Sections margin spacing gap for seperation between them*/
	.features, .benefits {margin-bottom:20px;}
		
	/*Benefits section
	---------------------------------*/
	.list-box{padding:10px;}

	
   /*Features section
	---------------------------------*/
	
	.feature-icon.admin + h4
	 {
		 position:relative;
		 text-align:left;
		 margin-left:90px;
	}
	
    .col 
	{
		
		text-align:left;
		margin-bottom:50px;
	}
	


	 .col ul li 
	 {
		 font-size:16px;
		 margin-left:60px;
	 }
	
	 .feature-icon
	{
		float:left;
		width: 60px; height: 60px;
		margin: 0px 20px 0px 0px;

	}

    /*admin col.*/
	.col.admin {margin-bottom:0;}
	
	.col:nth-child(5){margin-bottom:85px;}
	
	

	/*Benefits section 
	---------------------------------*/
	.banner-container
	{
		background-image:url(/config/presentmentor.com/overrides/assets/images/welcome/benefits-bg-1230.jpg);
		height:568px;
	}
	

	 .benefits p 
	 {
		 font-size: 22px;
		 padding:10px 0 10px 55px;
		 text-align:left;
	 }
	
	
	.benefits p:before 
	{
		content:'';
		position:absolute;
		top:0px; left:0px;
		width: 30px; height: 30px;
		background:url(/config/presentmentor.com/overrides/assets/images/welcome/benefits-checkmark-icon.png) no-repeat #fe7040 8px center;
		
		-moz-background-size:	 	30px 30px;
		-o-background-size: 		30px 30px;
		-webkit-background-size: 	30px 30px;
		 background-size: 			30px 30px;
		 
		text-align:center;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		 border-radius:30px; 
		 padding:5px;
	}


	/*Price section
	---------------------------------*/	
	.price-box
	{
		width:80%;
		font-size:20px;
		margin-bottom:50px;
	}


	/*Contact section 
	---------------------------------*/
	
	/*above form error message*/
    .err-msg{text-align:center;}
	
	.contactInput 
	{
		position:relative;
		width: 320px;
		height: 40px;
		margin:10px 20px 20px;
	}

}







@media(min-width:992px)
{

	.container {max-width:970px;}
	
	 nav {font-size:16px}
	 
	 header .site-logo {width:216px; height:63px;}
	 

   /******************************** SLIDER ********************************/
   .jumbotron {padding:0;}	
   
   .slideText h1 {font-size:34px;}
   .slideText p { font-size:26px; }
   
   .slide2 .slideText  h1 {font-size:30px; padding:0 20px;}
   
   .slide3 .slideText h1 {font-size:30px; padding:0;}
   
   .slide3 .slideText  p {margin-top:15px;}

   .comp.slide1-comp{top:-35px;}
	 
    .jumbotron .slide3 .slideText  
	{
		float:right; 
		margin:40px 0 0 0;
		width:45%;
		text-align:left;
		z-index:999 !important; /*makes text go on top of images.*/
	}
	
	
   .comp.slide3-comp 
   {
	   	position:absolute;
		top:65px; left:0px;
	   
	   background:url(/config/presentmentor.com/overrides/assets/images/welcome/slide3-comp.png) no-repeat;
	   width:530px; height:272px;
	
	   -moz-background-size:	   530px 272px;
		-o-background-size: 	   530px 272px;
		-webkit-background-size:   530px 272px;
	     background-size: 		   530px 272px;
		 
		z-index:-1;
	}
	
	
   

	
/*Welcome pg.
---------------------------------*/
/*(Welcome Top Section)*/
.welcome-c.top h1
{
	font-size: 36px;
	margin-top:10px;
}

.welcome-c.top p 
{
	margin:10px 0 20px 0;
	font-size: 1.2em; 
}

/*(Welcome Bottom Section)*/
.welcome-c.bottom h1{font-size: 24px;}

/*section 1*/
.welcome-c.bottom .section1 , .welcome-c.bottom .section2 
{
	margin:0 auto;
	margin-bottom:40px;
	clear:both;
}


.welcome-c.bottom .section1{margin-bottom:20px;}

.welcome-c.bottom .section1 .section-text
{
	float:right;
	width:460px;
}

.welcome-c.bottom .comp.comp1, .welcome-c.bottom .section1 .loading
{
	float:left;
	margin:15px 0 0 0;
}

/*section 2*/
.welcome-c.bottom .section2 .section-text
{
	float:left;
	width:450px;
}

.welcome-c.bottom .section2  h1, .welcome-c.bottom .section3  h1  {max-width:90%; }

.welcome-c.bottom .comp.comp2, .welcome-c.bottom .section2 .loading
{
	float:right;
	margin:-10px 25px 0 0;
}

/*section 3*/
.welcome-c.bottom .comp.comp3, .welcome-c.bottom .section3 .loading
{
	float:left;
	margin:-50px 0 0 20px;
}

.welcome-c.bottom .section3 .section-text 
{
	float:right;
	margin:20px 0 0 0;
	width:500px;
}

	
/*(Learn More Link)*/
.welcome-c.bottom p + a
{
	float:right;
	margin:5px 25px 0 0;
	width:auto;
}



	/*(Learn More) Pages Global
	----------------------------------*/
	.learn-more h1 {text-align:left;}
	
	.learn-more section {padding:40px;}
	
	.learn-more  .section-text
	{
		float:left;
		width:45%;
	}
	
	.learn-more .section2 .section-text  {float:right;}
	
	  
	/*(Learn More 1) Lectures
	----------------------------------------*/
	  
	.learn-more.lectures .section1 {min-height:290px;}
	
	.learn-more.lectures  .section1 .section-text{margin-top:30px;}
	
	.learn-more.lectures .section1 IMG 
	{
		position:absolute;
		right:0px;
	}
	
	.learn-more.lectures .section2{min-height:290px;} 
	
	.learn-more.lectures  .section2 .section-text{margin-top:60px;}
		  
	.learn-more.lectures .section2 IMG 
	{
	  position:absolute;
	  top:50px; left:40px;
	}
	
	
	.learn-more.lectures .section3 {padding:20px 40px;}
	
	.learn-more.lectures .section3 .section-text {margin-top:20px;}
	
	.learn-more .section3 .cup-icon  /*small cup icon*/
	{
		position:absolute;
		top:-50px; right:20px;
		width:105px; height:87px;
		/* The decorative trophy image was missing on the legacy site. */
	}
	  
	.learn-more.lectures .section3 IMG /*ipad image*/ 
	{ 
		position:relative;
		top:20px; left:40px;
	}
	  
	  
	/*(Learn More 2) Forum/eTalk
	----------------------------------------*/
	.learn-more.forums .section1 
	{
		position:relative;
		min-height:290px;
		z-index:99;
	}
	
	.learn-more.forums .section1 .section-text {margin:20px 0 0 0}
	
	.learn-more.forums .section1 IMG
	{
		position:absolute;
		top:36px; right:0px;
		z-index:98;
	}
	
	.learn-more.forums .section2
	{
		position:relative;
		min-height:415px;
		border-top: 1px solid #ddd !important;
	}
	
	.learn-more.forums .section2 .section-text 
	{
		margin:120px 0 0 0;
		width:35%;
	}
	

	.learn-more.forums .section2 IMG
	{
		position:absolute;
		top:0px; left:0px;
		z-index:1;
	}
	
	.learn-more.forums .section3{min-height:218px;}
	
	.learn-more.forums .section3 IMG
	{
		position:absolute;
		top:-40px; right:0px;
		z-index:1;
	}
	 
	 
	/*(Learn More 3) Colleagues
	----------------------------------------*/
	.learn-more.colleagues .section1 {min-height:350px;}
	
	.learn-more.colleagues .section1 .section-text{margin:0;}
	
	.learn-more.colleagues .section1 h1{width:70%;}
	
	.learn-more.colleagues .section1 .loading, .learn-more.colleagues .section1 IMG
	{
		position:absolute;
		top:0px; right:0px;
		z-index:10;
		max-width:85%;
	}
	
	.learn-more.colleagues .section2 
	{	
		margin-top:-84px;
		min-height:210px;
	}
	
    .learn-more.colleagues .section2 h1{width:80%;}
		
	.learn-more.colleagues .section2 .section-text
	{
		margin:0 30px 0 0;
		padding:0;
	}
	  
	.learn-more.colleagues .section2 IMG 
	{
		position:absolute;
		top:-75px; left:60px;
	}
	
	
	.learn-more.colleagues .section3 
	{
		min-height:203px;
		background-color:#f0f0f0;
	}
	

	.learn-more.colleagues .section3 .section-text{margin:40px 0 0 0;}
	
	.learn-more.colleagues .section3 IMG 
	{
		position:absolute;
		top:-40px; right:0px;
		z-index:0;
	}
	
/*Price section
---------------------------------*/	
.price-box{width:60%;}
	
/*Contact section 
---------------------------------*/
.contactMessage{width: 687px; height: 200px;}
	

}



@media(min-width:1200px) 
{
    .container {max-width:1170px;}
	
	/******************************** SLIDER ********************************/
	
	.slideText h1, .slide3 .slideText  h1 {font-size:36px;}
	.slideText p { font-size:28px;}

   .slide1 .slideText  h1 {margin-top:12px;}
   .slide1 .slideText  p {font-size:26px;margin-top:37px;}

   .slide2 .slideText  h1 {font-size:28px;padding:0;}
   .slide2 .slideText  p {font-size:26px;margin-top:13px;}
	
   .slide3 .slideText  p {margin-top:20px;}
   
   
   .comp.slide1-comp 
   {
	    width:auto;
		position:absolute;
		top:35px; left:5px;
		width:650px; height:295px;
		
	    -moz-background-size:	   650px 295px;
		-o-background-size: 	   650px 295px;
		-webkit-background-size:   650px 295px;
	     background-size: 		   650px 295px;
		 
		z-index:-1;
	}
	
	.jumbotron .slide1 .slideText , .jumbotron .slide3 .slideText  
	{
		float:right; 
		margin:40px 0 0 0;
		width:45%;
		text-align:left;
		z-index:999 !important; /*makes text go on top of images.*/
	}
	

	
   .comp.slide3-comp 
   {
	    width:auto;
		position:absolute;
		top:20px; left:15px;
		width:614px; height:315px;
		
	    -moz-background-size:	   614px 315px;
		-o-background-size: 	   614px 315px;
		-webkit-background-size:   614px 315px;
	     background-size: 		   614px 315px;
		 
		z-index:-1;
	}
	
	
	/*Welcome pg.
	---------------------------------*/
	.welcome-c.bottom .section1 .section-text , .welcome-c.bottom .section2 .section-text, .welcome-c.bottom .section3 .section-text{width:50%}
	
	.welcome-c.bottom .section2  h1, .welcome-c.bottom .section3  h1  {max-width:60%; }
	
		  
	 /*(Learn More 2) Forum/eTalk
	 ----------------------------------------*/
	.learn-more.forums .section1 IMG, .learn-more.forums .section1 .loading{width:543px; height:382px;}
	
	.learn-more.forums .section1 IMG {top:-1px;}
	 
	.learn-more.forums .section2 .section-text {width:40%;}
	
	.learn-more.forums .section2 IMG, .learn-more.forums .section2 .loading{width:826px; height:434px;}
	
	.learn-more.forums .section3{min-height:250px;}
	
	.learn-more.forums .section3 IMG, .learn-more.forums .section3 .loading{width:501px; height:330px;}
	
	.learn-more.forums .section3 IMG{top:-40px;}
	
	
	/*(Learn More 3) Colleagues
	----------------------------------------*/
	.learn-more.colleagues .section1 h1{width:100%;}
	
	.learn-more.colleagues .section1 .loading, .learn-more.colleagues .section1 IMG{max-width:100%;}
	
	.learn-more.colleagues .section3 {min-height:248px;}
	
	.learn-more.colleagues .section3 IMG, .learn-more.colleagues .section3 .loading {width:543px; height:327px;}
	
	/*Features pg.
	---------------------------------*/
	.col
	{
		float:left;
		width: 33.3%;
		margin:0; padding:0;
		text-align:left;
	}
	
	
	.col ul li
	{ 
		margin:5px 0 20px 0;
		padding:0 10px 0 0;
	}
	

	.feature-icon
	{
		float: left;
		width: 60px; height: 60px;
		margin: 0px 20px 300px 0px; /*the bottom margin represent the actuall col. height for that block*/
	}
	
	
	.feature-icon.bottom-icons{margin-bottom:150px;}
	
   /*admin col.*/
	.col.admin{margin:0px 0 50px;}
	
	.col.admin ul li{padding:0 25px;}
	
	.feature-icon.admin 
	{
		float:none;
		margin:0px auto 10px;
	}
	
	.feature-icon.admin + h4 
	{
		text-align:center;
		margin-left:0;
	}


/*Benefits section 
---------------------------------*/
  .banner-container
  {
	  background-image:url(/config/presentmentor.com/overrides/assets/images/welcome/benefits-bg-1440.jpg);
	  background-size: cover;
   }

	 .benefits p 
	 {
		font-size: 24px;
	    margin: .6em 0 0.8em 0;
	 }

}


/* HD/"retina" sprite*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	
	/*Site Logo*/
	header .site-logo{background: url(/config/presentmentor.com/overrides/assets/images/site-logo@2x.png) no-repeat 0 0;}
	
	/*Global 100% HD backgrounds commons*/ /*NOTE: this code must be implemented AFTER the image path has been initiated */
	header .site-logo
	{
		-moz-background-size:	 	100% 100%;
		-o-background-size: 		100% 100%;
		-webkit-background-size: 	100% 100%;
		 background-size: 			100% 100%;
	}
	
	/*Global Icons*/
	.ui-icon-arrow-r, .ui-icon-pin, .ui-icon-email, .ui-icon-phone
	
	{
		 display:block;
		 background-image: url(/config/presentmentor.com/overrides/assets/images/welcome/icons@2x.png);
		 
		-moz-background-size: 		80px 20px;
		-o-background-size: 		80px 20px;
		-webkit-background-size: 	80px 20px;
		 background-size: 			80px 20px;
		 
		 background-repeat:no-repeat;
	}
	
	
	/*Feature icons */
	.feature-icon-etalk, .feature-icon-colleagues, .feature-icon-ezines, .feature-icon-home, .feature-icon-search, .feature-icon-chat, 	.feature-icon-admin	
	{
		 display:block;
		 background-image: url(/config/presentmentor.com/overrides/assets/images/welcome/feature-icons@2x.png);
		 
		-moz-background-size: 		420px 60px;
		-o-background-size: 		420px 60px;
		-webkit-background-size: 	420px 60px;
		 background-size: 			420px 60px;
		 
		 background-repeat:no-repeat;
	}
	

}


@media (max-width:479px) 
{

	.slideText 
	{
		padding:40px 10px 0 10px;
		text-align:left;
	}
	
	.slideText h1 {font-size:22px;}
	
	.slideText p {font-size:18px;}
	
}



/* HD/"retina" sprite*/