@font-face {
    font-family: 'Segoe-UI-SemiBold';
    src: url('fonts/segoe-ui-semibold.eot');
    src: url('fonts/segoe-ui-semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoe-ui-semibold.woff') format('woff'),
         url('fonts/segoe-ui-semibold.ttf') format('truetype'),
         url('fonts/segoe-ui-semibold.svg#Segoe-UI-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo300';
    src: url('fonts/museo300-regular-webfont.eot');
    src: url('fonts/museo300-regular-webfont.eot?#iefix') format('eot'),
         url('fonts/museo300-regular-webfont.woff') format('woff'),
         url('fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('fonts/museo300-regular-webfont.svg#webfontJA9Sojwh') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo500';
    src: url('fonts/museo500-regular-webfont.eot');
    src: url('fonts/museo500-regular-webfont.eot?#iefix') format('eot'),
         url('fonts/museo500-regular-webfont.woff') format('woff'),
         url('fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('fonts/museo500-regular-webfont.svg#webfontGF4BwnoR') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe-UI';
    src: url('fonts/segoe-ui.eot');
    src: url('fonts/segoe-ui.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoe-ui.woff') format('woff'),
         url('fonts/segoe-ui.ttf') format('truetype'),
         url('fonts/segoe-ui.svg#Segoe-UI') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe-UI-Bold';
    src: url('fonts/segoe-ui-bold.eot');
    src: url('fonts/segoe-ui-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoe-ui-bold.woff') format('woff'),
         url('fonts/segoe-ui-bold.ttf') format('truetype'),
         url('fonts/segoe-ui-bold.svg#Segoe-UI-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Book';
    src: url('fonts/Oswald-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald-Book';
    src: url('fonts/Oswald-Regular-webfont.eot');
    src: url('fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Oswald-Light';
    src: url('fonts/Oswald-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue.otf'),
		url('fonts/Bebas.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BradhITC';
    src: url('fonts/BradhITC.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Regular';
	src: url('fonts/SourceSansPro-Regular-webfont.eot');
    src: url('fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Light';
	src: url('fonts/SourceSansPro-Light-webfont.eot');
	src: url('fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SourceSansPro-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Bold';
	src: url('fonts/SourceSansPro-Bold-webfont.eot');
	src: url('fonts/SourceSansPro-Bold-webfont.oet?#iefix') format('embedded-opentype'),
		 url('fonts/SourceSansPro-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceSansPro-It';
	src: url('fonts/SourceSansPro-It.eot');
	src: url('fonts/SourceSansPro-It.oet?#iefix') format('embedded-opentype'),
		 url('fonts/SourceSansPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('fonts/SourceSansPro-Semibold.ttf');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('fonts/SourceSansPro-Semibold-webfont.eot');
    src: url('fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTCom-Bd';
    src: url('fonts/HelveticaNeueLTCom-Bd.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aparaj';
    src: url('fonts/aparaj.ttf');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }

p, h1, h2, h3, h4, h5, h6, h7, span{  
	white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */;
}

body, html { height: 100%; margin: 0;padding: 0;}
.clear{ clear: both; }
.left{float: left;}
.right{float: right;}
.shell{ margin: 0 auto; width: 750px;}
p{margin: 10px;padding: 0;letter-spacing: 0px;}

body {
    font-size: 18px;
    line-height: 26px;
    font-family: 'Segoe-UI', Georgia, times, serif;
    color: #555555;
    background: #ffffff;
	background-image: url(images/cloud-bg.png), url(images/blue-gray-bg.png), url(images/grey-bg.png);
	background-position: top center,0 0, 0 0;
	background-repeat:  no-repeat, repeat-x, repeat;
}

.logo a{cursor: pointer;border:none;}
header {padding: 0; margin: 0; min-height: 128px;}
header .shell div{margin: 0 auto; padding-top: 20px; width: 530px; text-align: right;}
header .shell div h1{font-family: 'aparaj', Georgia, times, serif; color: #171611; margin: 20px 0 0 0; padding: 0; font-size: 54px; font-size: 38px\9; padding-top: 30px;}
header .shell div p{font-family: Arial, Georgia, times, serif; color: #eb9d24; font-size: 18px; margin: 0; padding: 0;}
header .shell div img { float: left;border:none;}

#cont .shell{
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d1d1d8;
	background-color: #ffffff;
	padding: 20px 0;
	background: url(images/cont-bg.png) 0 315px no-repeat #ffffff;
}

@media screen and (-webkit-min-device-pixel-ratio:0px) {
	#cont .shell{
		background: url(images/cont-bg.png) 0 350px no-repeat #ffffff;
	}
}

img.headline{ display: block; margin: 0 auto;}

#cont .headline1{
	padding: 10px 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 28px;
	color: #edae31;
	text-align: center;
	text-shadow: 0px 0px 10px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=0);
	background-image: url(images/quote-top.png), url(images/quote-bottom.png);
	background-position: top left, bottom right;
	background-repeat: no-repeat;
}

#cont .headline1 span{ color: #489aff;}

#cont .sub-headline{
	padding: 10px 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #555555;
	text-align: center;
}

.letter p{ 
	padding: 10px 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #5d5f5b;
	line-height: 22px;
	width: 700px;
	margin: 0 auto;
}

.letter .blue-box{background-color: #daf2ff; border: 1px solid #bce7ff; border-left: none; border-right: none; padding: 20px 0;}
.letter .blue-box p span{color: #489aff;} 

.letter p span{ 	font-family: 'Source Sans Pro', sans-serif;	font-weight: 600; color: #edae31;}
.letter img{padding: 10px 15px;}

img.arrow-gray{margin: 0 auto; text-align: center; display: block;}

.register{
	margin: 0 auto; 
	width: 700px; 
	background-image: url(images/register-arrow-side_left.png), url(images/register-arrow-side_right.png);
	background-position: center left, center right;
	background-repeat: no-repeat;
	padding-left: 30px;
}

#cont h1{ 
	padding: 10px 0;
	margin: 0 auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #489aff;
	text-align: center;
}

.register div p{ 
	padding: 10px 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #489aff;
	text-align: center;
	margin: 0;
}

.belief{float: left; margin: 0 15px;}
.belief img.img-belief{border: 5px solid #ffffff; margin: 0 auto; display: block;}
.register p{
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 14px;
	color: #555555;
	line-height: 18px;
}
.register p a{color:#489aff;}
.register p.reg-link-bottom{padding: 20px 0; margin: 0; line-height: 0;}
.bottom-part{ margin: 20px 0 10px;}

a.btn{
	background-color: #ffc000;
	display: block;
	width: 183px;
	height: 45px;
	line-height: 18px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
	padding-top: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.8);
	background: #fec100;
	background: -moz-linear-gradient(top,  #fec100 0%, #f1b000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec100), color-stop(100%,#f1b000));
	background: -webkit-linear-gradient(top,  #fec100 0%,#f1b000 100%);
	background: -o-linear-gradient(top,  #fec100 0%,#f1b000 100%);
	background: -ms-linear-gradient(top,  #fec100 0%,#f1b000 100%);
	background: linear-gradient(to bottom,  #fec100 0%,#f1b000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec100', endColorstr='#f1b000',GradientType=0 );
}

}

a.btn:hover{ 
	height: 45px;
	background: #f1b000;
	background: -moz-linear-gradient(top,  #f1b000 0%, #fec100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1b000), color-stop(100%,#fec100));
	background: -webkit-linear-gradient(top,  #f1b000 0%,#fec100 100%);
	background: -o-linear-gradient(top,  #f1b000 0%,#fec100 100%);
	background: -ms-linear-gradient(top,  #f1b000 0%,#fec100 100%);
	background: linear-gradient(to bottom,  #f1b000 0%,#fec100 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b000', endColorstr='#fec100',GradientType=0 );
}

.headline2{
	margin: 35px auto 0 auto;
	padding: 10px 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 23px;
	color: #edae31;
	text-align: center;
	text-shadow: 0px 0px 10px #ffffff;
    filter: dropshadow(color=#ffffff, offx=0, offy=0);
	background-image: url(images/quote-top-small.png), url(images/quote-bottom-small.png);
	background-position: top left, top right;
	background-repeat: no-repeat;
	width: 610px;
	line-height:28px;
}

.testimonial{margin: 10px 0;}
.testimonial img{float: left; margin: 15px; padding: 0; border: 5px solid #f5f5f5;}
.testimonial p{	font-family: 'Source Sans Pro', sans-serif; font-size: 16px;color: #5d5f5b; letter-spacing: 0px;}
.testimonial p.name{font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 16px;color: #489aff; letter-spacing: -.05px; padding: 0; margin: 0;}

footer{
	
	margin-top: 30px;
	overflow: hidden;
}

footer p{
	font-size: 14px;
	text-align: center;
	font-family: 'Segoe-UI', Georgia, times, serif;
	margin: 0;
	padding-top: 0;
	color: #555555;
}

footer p.legal{ margin: 0px auto; padding-bottom: 0px; }

footer p a{
	color: #555555;
	text-decoration: underline;
}

/* popup */

.popup { width: 402px; height: 429px; text-align: center; overflow: hidden; background-color: #ffffff;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.popup #pop-head{width: 402px; margin: 0; padding: 0; background: #489aff;}
.popup .arrow-down {
    width: 0; 
    height: 0; 
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #489aff;
    margin: 0 auto;
}
.popup #pop-head h1{font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 25px; color: #ffffff; padding: 28px 25px;}
.popup #pop-head h1 span {color:#fae500;}
.popup h1 { font-size: 24px; text-align: center; font-weight: normal; padding: 18px 0 10px 0; margin: 0 0 0 -7px; word-spacing: 1px; font-family: 'Open Sans', sans-serif; color: #333333; }
.popup p { margin: 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #333333; font-size: 24px; padding: 10px 0 14px 0; }
.row { width: 346px; margin: 0 auto;}
.row #email { 
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 200; 
	border: none; 
	width: 330px; 
	height: 43px;  
	font-size: 18px; 
	line-height: 26px; 
	color: #777777; 
	padding: 0px 8px; 
	font-style: italic;
    border: 1px solid #CCC;
    border-radius: 4px;
    background: #f8f8f8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=0 );

}
.row p{float: left; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; font-size: 30px; color: #bdbdbd;}
.row p.small{float: right;font-family: 'Source Sans Pro', sans-serif; font-weight: 200; font-size: 18px; color: #bdbdbd;}
.button-holder-pop {margin: 0px auto 15px;}
.submit-btn{
	margin: 0 auto;
    cursor: pointer;  
    width: 345px; 
    text-decoration: underline;
    text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    padding: 10px 0px;
    	*padding: 0px;
    font-size: 30px;
    text-shadow: 1px 1px 2px rgba(3, 3, 3, 0.35); 
    letter-spacing: 1px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
        *border: none;
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.8);
	background: #fec100;
	background: -moz-linear-gradient(top,  #fec100 0%, #f1b000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec100), color-stop(100%,#f1b000));
	background: -webkit-linear-gradient(top,  #fec100 0%,#f1b000 100%);
	background: -o-linear-gradient(top,  #fec100 0%,#f1b000 100%);
	background: -ms-linear-gradient(top,  #fec100 0%,#f1b000 100%);
	background: linear-gradient(to bottom,  #fec100 0%,#f1b000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec100', endColorstr='#f1b000',GradientType=0 );

}

.submit-btn:hover{
	background: #f1b000;
	background: -moz-linear-gradient(top,  #f1b000 0%, #fec100 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1b000), color-stop(100%,#fec100));
	background: -webkit-linear-gradient(top,  #f1b000 0%,#fec100 100%);
	background: -o-linear-gradient(top,  #f1b000 0%,#fec100 100%);
	background: -ms-linear-gradient(top,  #f1b000 0%,#fec100 100%);
	background: linear-gradient(to bottom,  #f1b000 0%,#fec100 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b000', endColorstr='#fec100',GradientType=0 );
}
#arrow-btn {margin-left: 5px;}
#pop-footer{margin: 10px 0 0 0; padding:0 30px; height: 99px; background:#e8e8e8; box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2)}
#pop-footer p{font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 14px; *font-size: 12px; font-size:12px\9; color: #777777;margin: 10px 0 0 0; padding:0; height: 99px; padding-top:20px; line-height: 20px;}


/*  --------------------------------------------------
    Reveal Modals
    -------------------------------------------------- */
        
    .reveal-modal-bg { 
        position: fixed; 
        height: 100%;
        width: 100%;
        background: #000;
        background: rgba(0,0,0,.8);
        z-index: 100;
        display: none;
        top: 0;
        left: 0; 
        }
    
    .reveal-modal {
        visibility: hidden;
        top: 100px; 
        left: 45%;
        margin-left: -100px;
        width: 402px;
        height: 428px;
        background: #fff no-repeat -200px -80px;
        position: absolute;
        z-index: 101;
        /*padding: 30px 40px 34px;*/
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
        -box-shadow: 0 0 10px rgba(0,0,0,.4);
        }
        
    .reveal-modal.small         { width: 200px; margin-left: -140px;}
    .reveal-modal.medium        { width: 400px; margin-left: -240px;}
    .reveal-modal.large         { width: 600px; margin-left: -340px;}
    .reveal-modal.xlarge        { width: 800px; margin-left: -440px;}
    
    .reveal-modal .close-reveal-modal {
        font-size: 22px;
        line-height: .5;
        position: absolute;
        top: -10px;
        right: -10px;
        color: #aaa;
        text-shadow: 0 -1px 1px rbga(0,0,0,.3);
        font-weight: bold;
        cursor: pointer;
        } 
    /*
        
    NOTES
    
    Close button entity is ×
    
    Example markup
    
    <div id="myModal" class="reveal-modal">
        <h2>Awesome. I have it.</h2>
        <p class="lead">Your couch.  I it's mine.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
        <a class="close-reveal-modal">&#215;</a>
    </div>
    
    */