/*@font-face { font-family: 'Open Sans'; src: url('/Common/Fonts/font_os_r.woff') format('woff'), url("/Common/Fonts/font_os_r.ttf") format("truetype"); font-weight: 400; }
@font-face { font-family: 'Open Sans'; src: url('/Common/Fonts/font_os_l.woff') format('woff'), url("/Common/Fonts/font_os_r.ttf") format("truetype"); font-weight: 300; }*/

html, body { margin: 0 auto; padding: 0; width: 100%; height: 100%; font-family: 'Open Sans', sans-serif; font-size: 100%; }
header h1 { float: left; }
header h1 > a { display: block; padding: 0; }
header #header-logo { display: block; width: 170px; height: 36px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("../images/icon_eyeofsauron_v2.png"); text-indent: -9999px; text-align: left; font-size: 1em; }
h1, h2, h3, h4, p { margin: 0; padding: 0; }
img { border: none; }
select, input, textarea { outline: none; }
select:focus, input:focus, textarea:focus { box-shadow: 0px 0px 0px 1px #CCC !important; }
#form1 { height: 100%; min-height: 600px; }
.floor { clear: both; }
#main_header { width: 100%; position: fixed; z-index: 1000; left: 0; top: 0; }
#main_header_area { height: 4.2em; background-color: #252525; }
#notification_bar { position: relative; height: 0em; background-color: #1f1f1f; border-top: 1px solid #333333; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; overflow: hidden; }
#main_feature { width: 100%; height: 70%; min-height: 600px; background-repeat:no-repeat; background-size: cover; }
#main_body, #main_body_mobile { width: 100%; background-color: #F7F2EB; display: block; }
#main_body_mobile { display: none; }
#main_footer { width: 100%; background-color: #4F8DC0; }
#main_logo { float: left; margin-top: 0.7em; cursor: pointer; background-image: url("../images/rewardle_logo.png"); background-repeat: no-repeat; background-size: cover; width: 151px; height: 43px; }
#mobile_menu { display: none; height: 100%; text-align: right; }
#mobile_menu a { float: right; margin: 1.4em; cursor: pointer; background-image: url("../images/menu_icon.png"); background-repeat: no-repeat; background-size: cover; width: 28px; height: 20px; }
#main_nav { text-align: right; }
#main_nav ul { margin: 0; padding: 0; }
#main_nav li { display: inline-block; list-style: none; }
#main_nav a { display: block; text-decoration: none; font-size: 1em; font-weight: 400; color: #FFFFFF; padding: 21px 2em; cursor: pointer; }
#main_nav a.blueness { margin: 10px; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4e8bc0), to(#426e94)); background-image: -webkit-linear-gradient(top, #4e8bc0, #426e94); background-image: -moz-linear-gradient(top, #4e8bc0, #426e94); background-image: -ms-linear-gradient(top, #4e8bc0, #426e94); background-image: -o-linear-gradient(top, #4e8bc0, #426e94); border-radius: 2px; padding: 12px 2em; text-shadow: 0 1px rgba(0,0,0,0.5); }
#notification_bar p { color: #ffffff; font-weight: 400; font-size: 0.8em; text-align: center; padding: 1em; }
#notification_bar p a { color: #4F8DC0; cursor: pointer; }
#notification_bar a#close_note { position: absolute; top: 1em; right: 2em; font-size: 0.8em; color: #666666; text-decoration: underline; cursor: pointer; }

#main_feature_boundary { position: absolute; top: 0; left:0; right: 0; }

.main_feature_slideshow { width: 100%; height: 100%; min-height: 600px; overflow: hidden; position: relative; }
.main_feature_slideshow > div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-repeat:no-repeat; background-size: cover; }
.main_feature_slideshow .phone_slideshow { background-image: url(/Common/images/feature.jpg); }
.main_feature_slideshow .tablet_slideshow { background-image: url(/Common/images/feature_tablet.jpg); }

.mobiletext_area { width: 100%; }
.mobiletext_area .form_section { margin: 1em auto; }
.mobiletext_area .form_section .container_input { width: 50%; }
.mobiletext_area .form_section input[type="submit"] { min-width: 5em; padding: 1.4em; }
.text_textForm { font-size: 1.2em; color: #1F1F1F; }
.mobiletext_area .form_section > div { display: inline-block; }


.feature_text { display: table; width: 450px; margin-left: 30px; margin-top: 120px; padding: 30px; background-color: #F7F2EB; border-radius: 4px; }
.feature_text h1 { font-size: 2.8em; font-weight: 400; line-height: 1.2em; padding-bottom: 0.5em; color: #4F8DC0; }
.feature_text p { font-size: 1.2em; font-weight: 400; line-height: 2em; text-align: justify; padding-bottom: 1em; }

.inner_boundary { min-width: 960px; max-width: 1400px; margin: 0 auto; padding: 0 1em; overflow: hidden;}

.article_divider { width: 100%; height: 1px; background-color: rgba(0,0,0,0.15); border-top: 1px solid #FFFFFF; }

#bottom_menu {}
#bottom_menu ul { margin: 0; padding: 1.4em 0 0; }
#bottom_menu li { display: inline-block; list-style: none; margin: 0 0.2em; }
#bottom_menu a { text-decoration: none; font-size: 0.8em; font-weight: 400; color: #FFFFFF; padding: 0.5em 1em; border: 1px solid #FFFFFF; border-radius: 2px; }
#bottom_menu li.mainbutton { float: right; }
#footer_text { margin-top: 2em; color: #FFFFFF; }
#footer_text h1 { font-size: 1.2em; font-weight: 400;  }
#footer_text p { font-size: 0.8em; font-weight: 400; line-height: 1.6em; padding: 1em 0; }


.sub_headline { text-align: left; }
.sub_headline h1 { font-size: 2.5em; font-weight: 400; color: #4F8DC0; }
.sub_headline p { font-size: 1.25em; font-weight: 400; line-height: 2em; padding: 0.5em 0; }

.article_business { text-align: center; }
.article_business .article_text { float: none; margin: 0 auto; padding: 5em 0; }

.article { padding: 3em 6em; }
.article_bottom { padding: 6em 6em 0; }
.article_center { display: table; }
.article_dark { background: #333333; }
.article_bottom .article_image { height: 500px !important; margin-bottom: -5px; }
.article_image { width: 45%; height: 320px; display: inline-block; overflow: hidden; position: relative;}
.article_image > div { position: absolute; top: 0; right: 25%; }
.article_image img { width: 100%; }
.article_center .article_image { display: block; margin: 0 auto; }
.article_center .article_text { float: none; height: auto; text-align: center; width: 100%; }
.article_text { float: right; display: table; height: 320px; vertical-align: middle; width: 50%; }
.article_text_box { display: table-cell; height: 100%; }
.article h1, .overview_heading { font-size: 2.1em; font-weight: 400; color: #4F8DC0; padding-bottom: 1.5em; }
.article_center h1 { font-size: 2.1em; padding: 0 10%; }
.article_text_box p { font-size: 1.2em; font-weight: 400; line-height: 2em; }
.article_text_box p.white { color: #FFFFFF; margin-bottom: 1em; }
.article_center p { width: 70%; color: #FFFFFF; margin: 0 auto; padding-top: 2em; }
.article_text_box a.tellmemore_btn { display: block; padding: 1em; text-decoration: none; background-color: #1F1F1F; border-radius: 4px; color: #FFFFFF; margin-top: 1em; text-align: center; }

.overview_heading { padding: 3rem 6rem 1.5em; }
.overview_text { display: table-cell; height: 100%; width:30%; overflow: hidden; } 
.overview_image{ display: table-cell; height: 100%; vertical-align: middle; width:30%; overflow: hidden; padding-bottom: 3em;}
.overview_text { width: 60%; }
.overview_container { display: table; }
.overview_text_box { display: table-cell; min-height: 320px; height: 100%; }
.overview_image_gutter { display: table-cell; min-height: 320px; height: 100%; vertical-align: middle; padding: 0 1em; overflow:hidden;}
.overview_image_gutter a { display: block; width: 40px; height: 40px; background-color: rgba(37,37,37,0.5); background-image: url("../images/arrow_left_icon.png"); background-size: contain; background-repeat: no-repeat; border-radius: 2px; cursor: pointer;}
.overview_image_gutter a#overview_link_2 { background-image: url("../images/arrow_right_icon.png"); }
.overview_image_gutter a:hover { background-color: rgba(37,37,37, 0.75); }
.overview_image_content { position: relative; }

.overview_image_scroller { position: absolute; top: 17.6%; left: 9%; right: 8.5%; bottom: 18.7%; overflow: hidden; background-color: #0f0f0f; }
.overview_image_scroller ul { position: relative; margin: 0; padding: 0; height: 100%; width:100%; }
.overview_image_scroller li { position: absolute; z-index: 50; top: 0; left: 0; opacity: 0; list-style: none; height: 100%; width: 100%; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
.overview_image_scroller li img { height: auto !important; width: 100%; }

.overview_text_box {  }
.overview_text_box ul { margin: 0; padding: 0; }
.overview_text_box li { list-style: none; float: left; padding: 1em; color: rgba(0,0,0,0.25); }
.overview_text_box li h1 { font-size: 1.8em; font-weight: 400; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.overview_text_box li p { font-size: 1em; font-weight: 400; line-height: 2em; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; }
.active { opacity: 1 !important; }
.text_active h1 { color: #4F8DC0; }
.text_active p { color: #252525; }


@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (	 -ms-min-device-pixel-ratio: 1.5),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 96dpi),
only screen and (                min-resolution: 2dppx) { 
	#main_logo { background-image: url("../images/rewardle_logo_high.png") !important; }
	#mobile_menu a { background-image: url("../images/menu_icon_high.png") !important; }
}


/***** KEEP THIS *****/
/*@font-face { font-family: 'Open Sans'; src: url('../fonts/font_os_r.woff') format('woff'), url("../fonts/font_os_r.ttf") format("truetype"); }
@font-face { font-family: 'Open Sans'; src: url('../fonts/font_os_l.woff') format('woff'), url("..fonts/font_os_r.ttf") format("truetype"); font-weight: 100; }
@font-face { font-family: 'Open Sans'; src: url('../fonts/font_os_b.woff') format('woff'), url("../fonts/font_os_b.ttf") format("truetype"); font-weight: bold; }*/

html, body { margin: 0 auto; padding: 0; width: 100%; height: 100%; font-family: 'Open Sans', sans-serif; font-size: 100%; background-color: #F7F2EB; }
h1, h2, h3, h4, h5, p, ul, li { margin: 0; padding: 0; }
/*input, select { -webkit-appearance: none; }*/
.header_body { width: 100%; background-color: #252525; }
.content_body { position: relative; width: 100%; min-height: -moz-calc(100% - 14.15rem); min-height: -webkit-calc(100% - 14.15rem); min-height: calc(100% - 14.15rem); transition: min-height 1s; -moz-transition: min-height 1s; -webkit-transition: min-height 1s; -o-transition: min-height 1s; /**FOR OLD STYLE ONLY**/margin-top: 4.2rem; }
.subheader_content_body { min-height: -moz-calc(100% - 17.35rem); min-height: -webkit-calc(100% - 17.35rem); min-height: -o-calc(100% - 17.35rem); min-height: calc(100% - 17.35rem); }
.footer_body { width: 100%; height: 10em; background-color: #4F8DC0; color: #FFFFFF; }
.global_container { position: relative; margin: 0 auto; padding: 0 1em; min-width: 240px; max-width: 1400px; overflow: hidden; z-index: 10; }
.hideElement { display: none; }

/***** FORM *****/
.content_global { padding: 3em; color: #1F1F1F; }
.content_global h1 { font-size: 3em; font-weight: 100; color: #4F8DC0; margin-bottom: 3rem; }
.content_global h2 { font-size: 2em; font-weight: 100; margin-bottom: 3rem;}
.content_global h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 1.5rem; }
.content_global p { font-size: 1.2em; font-weight: normal; margin-bottom: 3rem;}
.section_content { line-height: 2em; margin-bottom: 3rem; }
.section_content p { font-size: 1rem; margin-bottom: 1rem; }
.section_content ul { margin: auto; padding-left: 2.5rem; }
.form_section { margin-top: 3rem; }
.form_content { margin-bottom: 6rem; }
.form_content h1 { font-size: 1.5em; font-weight: 100; padding: 1rem 2rem; border-radius: 2px; background-color: #CCCCCC; color: #1f1f1f; margin-bottom: 3rem; }
.form_content p { font-size: 1em; margin-bottom: 2em; }
.input_form { margin: 0 2rem; }
.container_input { width: 500px; margin: 5px 0; }
.container_input input { width: -moz-calc(100% - 3rem); width: -webkit-calc(100% - 3rem); width: calc(100% - 3rem); font-size: 1rem; border: none; background-color: #FFFFFF; border-radius: 2px; padding: 1.5rem; overflow: hidden; }
.container_input textarea { width: -moz-calc(100% - 3rem); width: -webkit-calc(100% - 3rem); width: calc(100% - 3rem); font-size: 1rem; font-family: inherit; border: none; background-color: #FFFFFF; border-radius: 2px; padding: 1.5rem; overflow: hidden; resize: none; }
.container_input select { width: 100%; font-size: 1rem; background-color: #FFFFFF; border: none; padding: 1.5rem; z-index: 1000; color: #999999; border-radius: 2px; background-image: url(../Images/icon_menu_down.png); background-repeat: no-repeat; background-position: 95% center; }
.container_input select option { color: #000000; }
.container_input select option:disabled { color: #999999; display:none; }
.container_input .placeholder_input { color: #999999; }
input:required, textarea:required { box-shadow: none; }

/****** BUTTONS ******/
.btn_green { background-color: #63B356; }
.btn_blue { background-color: #4F8DC0; }
.btn_red { background-color: #FD3B51; }
.btn_black { background-color: #1F1F1F; }
.btn_small { min-width: 10em; }
.btn_medium { min-width: 15em;}
.btn_large { min-width: 20em;}
.global_btn { font-size: 1rem; font-family: inherit; color: #FFFFFF; padding: 1rem; border-radius: 2px; border: none; cursor: pointer; }
.global_btn:disabled, .global_btn_disabled { background-color: #CCCCCC; cursor: default; }
.global_loader { padding: 1em 6em; }
.global_loader_large { padding: 1em 9.2em; }
.green-btn { color: #FFF; display: inline-block; font-size: 14px; background-color: #63B356; color: #FFFFFF; padding: 12px 32px; margin: 12px 0 0; border-radius: 2px; border: none; box-shadow: 0 -4px 0 0 rgba(0,0,0,0.25) inset; text-shadow: 0 1px rgba(0,0,0,0.25); }

/****** POPUP ******/
.global_fader { position:fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(31,31,31,0.5); z-index: 5000; }
.table_global { display: table; width: 100%; height: 100%; }
.cell_table { display: table-cell; vertical-align: middle; }
.popup_cell { width: 60%; max-width: 800px; margin: 0 auto; background-color: #F7F2EB; border-radius: 4px; }
.popup_cell h2 { margin-bottom: 1.5rem; }
.popup_cell p { font-size: 1rem; line-height: 2rem; margin-bottom: 1.5em; }
.popup_cell .btn_blue { width: 100%; display: block; text-align: center; }

/***** REVIEW TABLE *****/
.input_table { display: table; width: -webkit-calc(100% - 4rem); width: calc(100% - 4rem); }
.row_input { display: table-row; width: 100%; }
.container_row { display: table-cell; padding-bottom: 2em; width: 50%; }
.divider_row { padding-right: 2em; }
.button_input { padding-top: 2em; margin: 0 2rem; }
.row_input .container_row h1 { font-size: 1rem; color: #1f1f1f; font-weight: normal; background-color: transparent; padding: 0; border-radius: 0; margin-bottom: 0em; }
.row_input .container_row span { font-size: 2em; color: #4F8DC0; font-weight: bold; }
.row_input .container_row .placeholder_container { color: #CCCCCC; cursor: pointer; }

/****** FORGOT PASSWORD ******/
#login-content { width: 360px; height: 100%; margin: 120px auto; }
#h2-login { font-weight: 700; font-size: 1.5em; line-height: 1.5em; }
#h3-login { font-weight: 300; font-size: 1.5em; line-height: 1.5em; margin-bottom: 20px; }
.textbox-container { position: relative; margin-bottom: 5px; }
.textbox-container .password-placeholder { position: absolute; top: 0; left: 0; right: 32px; font-size: 14px; color: #CCCCCC; padding: 16px 15px 14px; cursor:text;}
.textbox-container .password-placeholder:hover { color: #999999; }
.iconInput { padding-right: 32px; }
#strength-indicator { position: absolute; left: 100%; margin-left: 12px; top: 8px; width: 100px; height: 32px; display: block; border-radius: 2px; text-align: center; font-size: 14px; font-weight: bold; line-height: 2rem; border: 1px solid transparent; }
#strength-indicator:after { content: ""; position: absolute; top: 12px; left: -6px; height: 8px; width: 8px; background-image: url(../Images/icon-leftarrow.png); background-position: 8px 0; background-repeat: no-repeat; background-size: auto 8px; }
#strength-indicator:before { content: ""; position: absolute; top: 4px; left: -48px; display: block; width: 24px; height: 24px; background-image: url(../Images/icon-strength.png); background-position: 0 0; background-repeat: no-repeat; background-size: auto 24px; }
#strength-indicator.L1 { border-color: #FD3B51 !important; color: #FD3B51;  }
#strength-indicator.L1:after { background-position: 0 0 !important; }
#strength-indicator.L1:before { background-position: -24px 0 !important; }
#strength-indicator.L2 { border-color: #F27435 !important; color: #F27435; }
#strength-indicator.L2:after { background-position: -8px 0 !important; }
#strength-indicator.L2:before { background-position: -48px 0 !important; }
#strength-indicator.L3 { border-color: #63B356 !important; color: #63B356; }
#strength-indicator.L3:after { background-position: -16px 0 !important; }
#strength-indicator.L3:before { background-position: -72px 0 !important; }

#PasswordRepeatedIndicator { position: absolute; top: 12px; right: 10px; display: block; width: 24px; height: 24px; background-image: url(../Images/icon-approval.png); background-position: 24px 0; background-repeat: no-repeat; background-size: auto 24px; }

#PasswordRepeatedIndicator.L1 { background-position: 0 0 } 
#PasswordRepeatedIndicator.L2 { background-position: -24px 0 } 

/*****BUTTONS*****/
.btn-submit { cursor: pointer; font-size: 0.9rem !important; background-color: #2CC052 !important; color: #FFFFFF !important; text-align: center; text-shadow: 0px 1px rgba(0,0,0,0.25); box-shadow: 0px -4px rgba(0,0,0,0.1) inset; border-radius: 2px; width: 100%; border:none; padding: 1rem 0;  }
.btn-submit:active { box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2) inset, 0px 2px 0px 2px rgba(0,0,0,0.1) inset; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#538F4A), to(#2CC052)); background-image: -webkit-linear-gradient(top, #538F4A, #2CC052); background-image: -moz-linear-gradient(top, #538F4A, #2CC052); background-image: -ms-linear-gradient(top, #538F4A, #2CC052); background-image: -o-linear-gradient(top, #538F4A, #2CC052); }
.btn-red { font-size: 0.9rem !important; background-color: #FD3B51 !important; color: #FFFFFF !important; text-align: center; text-shadow: 0px 1px rgba(0,0,0,0.25); box-shadow: 0px -4px rgba(0,0,0,0.1) inset; border-radius: 2px; }
.btn-red:active { box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2) inset, 0px 2px 0px 2px rgba(0,0,0,0.4) inset; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A7323F), to(#FD3B51)); background-image: -webkit-linear-gradient(top, #A7323F, #FD3B51); background-image: -moz-linear-gradient(top, #A7323F, #FD3B51); background-image: -ms-linear-gradient(top, #A7323F, #FD3B51); background-image: -o-linear-gradient(top, #A7323F, #FD3B51); }
.btn-black { font-size: 0.9rem !important; background-color: #333333 !important; color: #FFFFFF !important; text-align: center; text-shadow: 0px 1px rgba(0,0,0,1); box-shadow: 0px -4px rgba(0,0,0,0.3) inset; border-radius: 2px; font-size: 0.9em; }
.btn-black:active { box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2) inset, 0px 2px 0px 2px rgba(0,0,0,0.4) inset; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#333333)); background-image: -webkit-linear-gradient(top, #252525, #333333); background-image: -moz-linear-gradient(top, #252525, #333333); background-image: -ms-linear-gradient(top, #252525, #333333); background-image: -o-linear-gradient(top, #252525, #333333); }
.btn-orange { font-size: 0.9rem !important; background-color: #F8AB4F !important; color: #FFFFFF !important; text-align: center; text-shadow: 0px 1px rgba(0,0,0,0.25); box-shadow: 0px -4px rgba(0,0,0,0.1) inset; border-radius: 2px; font-size: 0.9em; }
.btn-orange:active { box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.2) inset, 0px 2px 0px 2px rgba(0,0,0,0.1) inset; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F27435), to(#F8AB4F)); background-image: -webkit-linear-gradient(top, #F27435, #F8AB4F); background-image: -moz-linear-gradient(top, #F27435, #F8AB4F); background-image: -ms-linear-gradient(top, #F27435, #F8AB4F); background-image: -o-linear-gradient(top, #F27435, #F8AB4F); }
.btn-submit:disabled, .btn-disabled, .btn-disabled:active { font-size: 0.9rem !important; background: #d8d8d8 !important; color: #999999 !important; text-align: center; text-shadow: none !important; box-shadow: none !important; border-radius: 2px; }

/*****ALERT BOX*****/
.alerterror { position: absolute; top: 20px; left: 0; right: 0; background-color: #FD3B51; border: 1px solid #A7323F; border-radius: 2px; color: #FFFFFF; padding: 10px 20px; }
.alerterror h2 { font-size: 0.9em; font-weight: 700; }
.alerterror p { font-size: 0.8em; }

.alertsuccess { position: absolute; top: 20px; left: 0; right: 0; background-color: #4E8CBF; border: 1px solid #2E6A9E; border-radius: 2px; color: #FFFFFF; padding: 10px 20px; }
.alertsuccess h2 { font-size: 0.9em; font-weight: 700; }
.alertsuccess p { font-size: 0.8em; }

.alertwarning { position: absolute; top: 20px; left: 0; right: 0; background-color: #F8AB4F; border: 1px solid #F27435; border-radius: 2px; color: #FFFFFF; padding: 10px 20px; }
.alertwarning h2 { font-size: 0.9em; font-weight: 700; }
.alertwarning p { font-size: 0.8em; }

#loader { display: none; position: fixed; top:0; left:0; right: 0; bottom: 0; background: rgba(255,255,255,0.5); background-image: url(../Images/loader.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 50px; z-index: 1001; }