@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(forms.css);
@import url(animate.css);



/*--------------------------------------------------------------------------
	Overrides
--------------------------------------------------------------------------*/


html, body {
	width: 100%;
	height: 100%;
}

body {
    font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial,sans-serif;
    font-size: 18px;
    line-height: 1.6;
    color: #222;
}
a {
	color: #222;
	text-decoration: none;	
	-webkit-transition: color 0.4s ease-in;
	-moz-transition: color 0.4s ease-in;
	-ms-transition: color 0.4s ease-in;
	-o-transition: color 0.4s ease-in;
	transition: color 0.4s ease-in;
}
a:hover,
a:focus {
	color: rgba(241,90,34,1)!important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: #111;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
.h1, .h2, h1, h2 {
    margin-top: 0!important;
    margin-bottom: 50px!important;
}
.h3, h3 {
    font-size: 20px;
}
.h4, h4 {
    font-size: 19px;
}
img {
	width: 100%;
}
a {
	word-wrap: break-word;
	-webkit-transition: color 0.4s ease-in, background 1s ease-in;
	-moz-transition: color 0.4s ease-in, background 1s ease-in;
	-ms-transition: color 0.4s ease-in, background 1s ease-in;
	-o-transition: color 0.4s ease-in, background 1s ease-in;
	transition: color 0.4s ease-in, background 1s ease-in;
}

a:hover,
a:focus {
	color: #09b0f8;
	text-decoration: none;
	outline: 0;
}
p {
    margin: 0 0 30px;
}
  
  
  
/*--------------------------------------------------------------------------
	Custom
--------------------------------------------------------------------------*/
header {
	background: url(../images/bg-header.jpg) no-repeat center top #fff;
	background-size: 100% auto;
    /*padding-bottom: 150px;*/
	min-height: 768px;
	height: 100%;
	
}

.logo-wrapper {
    width: 240px;
    height: auto;
}
/* text logo <span>Mastermind</span>
.logo-wrapper span {
	color: #26bcbd;
    font-family: 'Montserrat', sans-serif;
	font-size: 32px;
	font-weight: bold;
	text-transform: uppercase;	
}
*/
.tagline {
    font-size: 120%;
    margin: 10px 0 0 0;
    text-align: right;
}

.upper-header {
    background-color: rgba(255,255,255,0);
    padding: 20px 0;
}



header .intro h1 {
	color: #333;
}
.btn {
    border-width: 3px;
    border-radius: 0;
	-webkit-transition: color 0.4s ease-in, background 0.4s ease-in, border-color 0.2s ease-in;
	-moz-transition: color 0.4s ease-in, background 0.4s ease-in, border-color 0.2s ease-in;
	-ms-transition: color 0.4s ease-in, background 0.4s ease-in, border-color 0.2s ease-in;
	-o-transition: color 0.4s ease-in, background 0.4s ease-in, border-color 0.2s ease-in;
	transition: color 0.4s ease-in, background 0.4s ease-in, border-color 0.2s ease-in;
}

.btn-turquoise {
    color: rgba(15,152,166,1);
    background-color: rgba(255,255,255,0);
    border-color: rgba(38,188,188,0.3);
    font-size: 100%;
    padding: 10px 40px;
}

.btn-turquoise2 {
    font-size: 120%;
    margin-left: 45px;
}

.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise2:hover,
.btn-turquoise2:focus {
    color: rgba(255,255,255,1);
    background-color: rgba(38,188,188,1);
    border-color: rgba(38,188,188,1);	
}

.btn-orange {
    color: rgba(16,16,16,1);
    background-color: rgba(255,255,255,0);
    border-color: rgba(16,16,16,0.5);
    font-size: 100%;
    padding: 10px 40px;
}

.btn-orange2 {
    font-size: 120%;
    margin-left: 45px;
}


.btn-orange:hover,
.btn-orange:focus,
.btn-orange2:hover,
.btn-orange2:focus {
    color: rgba(255,255,255,1);
    background-color: rgba(241,90,34,1);
    border-color: rgba(241,90,34,1);	
}



.intro {
    margin-top: 50px;
}
.intro h1 {
    font-size: 40px;
    margin: 0 auto;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.row-list-form {
    margin-top: 50px;
}
a.see-an-example {
    color: #1360A5;
	font-size: 140%;
    margin-left: 35px;
}
.intro-list-wrapper {
    padding: 0;
}
.intro-list-wrapper li {
    font-size: 140%;
	list-style: none;
    margin-bottom: 30px;
}
.intro-list-wrapper .list-item-wrapper > div {
	display: inline-block;
	vertical-align: top;
}
.intro-list-wrapper .list-item-wrapper .icon-wrapper {
	width: 24px;
	height: auto;
    margin-right: 10px;
}
.intro-list-wrapper .list-item-wrapper .icon-wrapper img {
}

.contact-form-container {
	position: relative;
}
#contact-form-wrapper {
    position: absolute;
    right: -4%;
    padding: 15px 20px 30px 20px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 10px;
    width: 360px;
	-webkit-box-shadow: 4px 4px 7px 0 rgba(0,0,0,0.1);
	box-shadow: 4px 4px 7px 0 rgba(0,0,0,0.1);
}


@media (min-width: 1600px) {

	#contact-form-wrapper {
		right: -30%;
	}
	/*
	@-moz-document url-prefix() { 
			#contact-form-wrapper {
			right: -30%;
		}
	}
	*/
}



#contact-form-wrapper .tick {
	margin-bottom: 0;
}
#contact-form-wrapper.bg-gradient {
    background-color: transparent;
	background: url(../images/bg-gradient1-70.jpg) no-repeat center top;
	background-size: cover;
}
#contact-form-wrapper p.start-free-trial {
    font-size: 120%;
    line-height: 1.2;
    margin-bottom: 30px;
    margin-top: 10px;
}
#contact-form-wrapper button[name="submit"],
#unsubscribe-form-wrapper button[name="submit"] {
	width: 100%;
    font-family: 'Oswald', sans-serif;
    font-size: 120%!important;
    font-weight: bold;
    letter-spacing: 0.4px;
    margin-top: 5px;
    padding-right: initial!important;
    padding-left: initial!important;
    text-align: center;
}

#contact-form-wrapper .form-group,
#unsubscribe-form-wrapper .form-group {
	margin-bottom: 10px;
	position: relative;
}
#contact-form-wrapper .form-group:before,
#unsubscribe-form-wrapper .form-group:before {	
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 42px;
	height: 100%;
	content: '';
	opacity: 0.7;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#contact-form-wrapper .form-group.fg-name:before {	
	background-image: url(../images/icons/icon-username-black2.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 24px 24px;
}
#contact-form-wrapper .form-group.fg-hotel:before {	
	background-image: url(../images/icons/icon-hotel-black2.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px 30px;
}
#contact-form-wrapper .form-group.fg-email:before,
#unsubscribe-form-wrapper .form-group.fg-email:before {	
	background-image: url(../images/icons/icon-email-black2.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 20px 20px;
}

#unsubscribe-form-wrapper {
    padding: 50px 60px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 10px;
    margin: 0 auto;
    width: 60%;
    -webkit-box-shadow: 4px 4px 7px 0 rgba(0,0,0,0.1);
    box-shadow: 4px 4px 7px 0 rgba(0,0,0,0.1);
}
#unsubscribe-form-wrapper .form-group, 
#unsubscribe-form-wrapper button[name="submit"] {
    display: block;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
#unsubscribe-form-wrapper .form-group {
    margin-bottom: 15px;
}


.pod-wrapper .icon-wrapper {
    width: 100px;
    margin: 0 auto;
	position: relative; 
	top: 0;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.pod-wrapper:hover .icon-wrapper {
	top: -8px;
}
.pod-wrapper .icon-wrapper img {
	opacity: 0.8!important;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.pod-wrapper:hover .icon-wrapper img {
	opacity: 1!important;
}
.pod-wrapper .desc-wrapper .heading {
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 15px;
}


.key-points {
    padding: 75px 0;
    background-color: rgba(0,0,0,0.05);
}
.key-points .pods-wrapper {
    margin-top: 30px;
    background-color: rgba(255,255,255,1);
    border: 1px solid rgba(0,0,0,0.08);
	border-radius: 12px;
    padding-top: 40px;
}

.key-points .pod-wrapper {
	margin-top: -54px;
    display: inline-block;
    min-height: 520px;
    padding: 100px 30px 0 30px;
    vertical-align: top;
    width: 33%;
}
.key-points .pod-wrapper.pod1,
.key-points .pod-wrapper.pod3 {
	width: 28%;
}
.key-points .pod-wrapper .desc-wrapper .heading {
    text-align: center;
}
.key-points .pod-wrapper .desc-wrapper p {
    text-align: justify;
}
.key-points .pod-wrapper.highlight {
	position: relative;
	top: -10px;
	z-index: 2;
    min-height: 500px;
    padding: 50px 30px 20px 30px;
	width: 44%;
    border: 1px solid rgba(241,90,34,1);
	background-color: rgba(241,90,34,1);
	
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	
	-webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,0.15);
	box-shadow: 0 0 15px 3px rgba(0,0,0,0.15);
}
.clip-right {	
    position: absolute;
    top: 0;
    right: -24px;
    z-index: 1;
    overflow: visible;
    background-image: url(../images/clip-orange.png);
    background-repeat: no-repeat;
    background-size: 23px auto;
    width: 23px;
    height: 23px;
}
.key-points .pod-wrapper.highlight .icon-wrapper {
    width: 160px;
}
.key-points .pod-wrapper.highlight .icon-wrapper img {
    opacity: 1!important;
}
.key-points .pod-wrapper.highlight .heading,
.key-points .pod-wrapper.highlight p {
    color: #fff;
}
.key-points .pod-wrapper.highlight .heading {
	font-size: 26px;
    margin-top: 30px;
    margin-bottom: 25px;
}
.key-points .pod-wrapper.highlight p {
	font-size: 20px;
}




.border-top-0 {
	border-top-width: 0!important;
}
.border-left-0 {
	border-left-width: 0!important;
}
.border-right-0 {
	border-right-width: 0!important;
}
.border-sides-0 {
	border-left-width: 0!important;
	border-right-width: 0!important;
}


.key-features {
	background-color: #068b8c;
    padding: 75px 0 0 0;
}

.key-features h1 {
    font-size: 64px;
}

.key-features h1, 
.key-features .heading,
.key-features p {
	color: #fff;
}
.key-features .heading {
	font-size: 17px;
	margin-top: 0!important;
}
.key-features .pod-wrapper {
	margin-bottom: 20px;
}
.key-features .ul-wrapper {
	padding: 0;
}
.key-features .ul-wrapper li {
	display: inline-block;
	vertical-align: top;
	width: 34%;
}
.key-features .ul-wrapper li.li-middle {
    margin-top: 15%;
}
.key-features .ul-wrapper li.pods-left,
.key-features .ul-wrapper li.pods-right {
	width: 33%;
}
.key-features .ul-wrapper li.pods-left {
	text-align: right;
}
.key-features .ul-wrapper li.pods-right {
	text-align: left;
}
.key-features .ul-wrapper li.pods-left .pod-wrapper > div,
.key-features .ul-wrapper li.pods-right .pod-wrapper > div {
	display: inline-block;
	vertical-align: top;
}
.key-features .ul-wrapper li.pods-left .icon-wrapper {
	border-radius: 50px;
	border: 1px solid #f9aa20;
    width: 80px;
    padding: 18px;
	margin-left: 30px;
}  
.key-features .ul-wrapper li.pods-right .icon-wrapper {
	border-radius: 50px;
	border: 1px solid #f9aa20;
    width: 80px;
    padding: 18px;
	margin-right: 30px;
}
.key-features .ul-wrapper li.pods-left .desc-wrapper,
.key-features .ul-wrapper li.pods-right .desc-wrapper {
	width: 72%;
}  



.copyright-wrapper {
    background-color: #036b6c;
    color: rgba(255,255,255,0.6);
    padding: 20px 0;
}


.mobile-on {
	display: none!important;
}
.mobile-off {
	display: block;
}


@media (min-width: 1200px) {

	.container {
		width: 1200px;
	}
	
}




@media (min-width: 992px) and (max-width: 1099px) {

	.key-features .row.mobile-on {
		display: block!important;
	}
	.key-features .li-middle h1.mobile-off {
		display: none!important;
	}
	.key-features .ul-wrapper li {
		width: 14%;
	}
	.key-features .ul-wrapper li.pods-left, .key-features .ul-wrapper li.pods-right {
		width: 43%;
	}

}



/* target iPad landscape  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
		
	.mobile-on {
		display: block;
	}
	.mobile-off {
		display: none;
	}
	header {
		background-size: cover;
	}
	.row-list-form {
		margin-top: 20px;
	}
	.key-features .ul-wrapper li.pods-left, .key-features .ul-wrapper li.pods-right {
		width: 44%;
	}
	.key-features .ul-wrapper li {
		width: 12%;
	}
	#floatingSocialShare {
		background-color: #036b6c;
	}
	#unsubscribe-form-wrapper .form-group, #unsubscribe-form-wrapper button[name="submit"] {
		width: 80%;
	}
	
}


/* target iPad portrait  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {

	.mobile-on {
		display: block;
	}
	.mobile-off {
		display: none;
	}
	header {
		background-size: cover;
	}
	
	.key-features .container > .row.mobile-on {
		display: block!important;
	}
	.upper-header  .row > div {
		width: 49%;
		display: inline-block;
	}
	.tagline {
		font-size: 110%;
	}
	.intro {
		margin-top: 30px;
	}
	.row-list-form {
		margin-top: 0;
	}
	.intro-list-wrapper {
		width: 80%;
		margin-left: 5%;
	}
	.intro-list-wrapper li {
		margin-bottom: 15px;
	}
	#contact-form-wrapper {
		position: relative;
		right: initial;
		margin: 30px 0 0 30px;
		padding: 20px 30px 40px 30px;
		width: 460px;
	}
	#unsubscribe-form-wrapper .form-group, #unsubscribe-form-wrapper button[name="submit"] {
		width: 100%;
	}
	
	.key-features .ul-wrapper li.pods-left, .key-features .ul-wrapper li.pods-right {
		width: 48%;
	}
	.key-features .ul-wrapper li {
		width: 4%;
	}
	.key-features .ul-wrapper li.pods-left .icon-wrapper {
		width: 60px;
		padding: 10px;
		margin-left: 20px;
	}
	.key-features .ul-wrapper li.pods-right .icon-wrapper {
		width: 60px;
		padding: 10px;
		margin-right: 20px;
	}
	#floatingSocialShare {
		background-color: #036b6c;
	}


}



@media only screen and (max-width : 767px) {

	.mobile-on {
		display: block!important;
	}
	.mobile-off {
		display: none!important;
	}
	.h1, .h2, h1, h2 {
		margin-bottom: 20px!important;
	}
	header {
		background-size: cover;
		height: initial;
		padding-bottom: 60px;
	}
	.upper-header {
		text-align: center;
	}
	.logo-wrapper {
		margin: 0 auto;
		width: 200px;
		height: auto;
	}
	.tagline {
		font-size: 110%;
		text-align: center;
	}
	.intro {
		margin-top: 0;
	}
	.intro h1 {
		font-size: 20px;
	}
	.row-list-form {
		margin-top: 0;
	}
	.intro-list-wrapper .list-item-wrapper .list-item {
		width: 80%;
	}
	.intro-list-wrapper li {
		font-size: 110%;
		margin-bottom: 0;
	}
	#contact-form-wrapper {
		margin-top: 30px;
		position: relative;
		right: initial;
		padding: 10px 20px 20px 20px;
		width: 100%;
	}
	#contact-form-wrapper p.start-free-trial {
		font-size: 100%;
		line-height: 1.2;
		margin-bottom: 20px;
		margin-top: 10px;
	}
	#contact-form-wrapper button[name="submit"] {
		line-height: 1;
		border-radius: 20px!important;
	}
	#unsubscribe-form-wrapper {
		padding: 20px;
		width: 100%;
	}
	#unsubscribe-form-wrapper .form-group, #unsubscribe-form-wrapper button[name="submit"] {
		width: 100%;
	}
	
	
	.clip-right {
		display: none;
	}
	
	.key-points {
		padding: 50px 0;
		background-color: rgba(0,0,0,0);
	}
	.key-points .pods-wrapper {
		margin-top: 0;
		background-color: rgba(255,255,255,1);
		border: 1px solid rgba(0,0,0,0);
		border-radius: 0;
		padding-top: 0;
	}
	.key-points .pod-wrapper.highlight {
		position: relative;
		top: 0;
		z-index: 2;
		min-height: 500px;
		padding: 50px 30px 30px 30px;
		width: 100%;
		border: 1px solid rgba(241,90,34,1);
		background-color: rgba(241,90,34,1);
	
		border-bottom-left-radius: initial;
		border-bottom-right-radius: initial;
	
		-webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,0);
		box-shadow: 0 0 15px 3px rgba(0,0,0,0);
	}
	.key-points .pod-wrapper.pod1, .key-points .pod-wrapper.pod3 {
		width: 100%;
	}
	.key-points .pod-wrapper {
		margin-top: 0;
		display: inline-block;
		min-height: 300px;
		padding: 40px 30px 0 30px;
		vertical-align: top;
		width: 100%;
	}
	.key-points .pod-wrapper .desc-wrapper p {
		margin-bottom: 0;
	}
	
	.key-features .ul-wrapper li.li-middle {
		margin-top: 0;
	}
	.key-features h1 {
		font-size: 38px;
	}
	.key-features .pod-wrapper {
		margin-bottom: 0;
		margin-left: 30px;
		margin-right: 30px;
	}
	.key-features .ul-wrapper li.pods-left,
	.key-features .ul-wrapper li.pods-right {
		text-align: center;
	}
	.key-features .ul-wrapper li.pods-left, .key-features .ul-wrapper li.pods-right {
		width: 100%;
	}
	.key-features .ul-wrapper li.pods-left .desc-wrapper, .key-features .ul-wrapper li.pods-right .desc-wrapper {
		width: 100%;
	}
	.key-features .ul-wrapper li {
		width: 100%;
	}
	.key-features .ul-wrapper li.pods-left .icon-wrapper {
		margin-left: auto;
		margin-bottom: 15px;
	}
	.key-features .ul-wrapper li.pods-right .icon-wrapper {
		margin-right: auto;
		margin-bottom: 15px;
	}
	.key-features .ul-wrapper li.pods-right .pod-wrapper > div {
		display: block!important;
	}
	#floatingSocialShare {
		background-color: #036b6c;
	}
	
	body#unsubscribe-page .copyright-wrapper {
		position: relative;
	}

}


/* webkit only
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  body {
    font-size: 20px;      
    }
}
 */