/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

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

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

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

html {
    font-size: 1em;
    line-height: 1.4;
}

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

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

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

/*
 * A better looking default horizontal rule
 */

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

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

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
    resize: vertical;
}

body {
	margin: 0;
	padding: 0;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

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

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















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

/*
 * Image replacement
 */

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

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

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

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

.hiddenblock {
	display: none;
}


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

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

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

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

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

.invisible {
    visibility: hidden;
}

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

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

.clearfix:after {
    clear: both;
}

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

.clearfix {
    *zoom: 1;
}

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

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

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

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

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

    a,
    a:visited {
        
    }

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

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

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

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

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

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

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

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

    @page {
        margin: 0.5cm;
    }

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

    h2,
    h3 {
        page-break-after: avoid;
    }
}
@font-face {
    font-family: 'AbadiMTCondensedRegular';
src: url('fonts/abadimtcondensedregular.eot');
src: url('fonts/abadimtcondensedregular.eot') format('embedded-opentype'),
url('fonts/abadimtcondensedregular.woff2') format('woff2'),
url('fonts/abadimtcondensedregular.woff') format('woff'),
url('fonts/abadimtcondensedregular.ttf') format('truetype'),
url('fonts/abadimtcondensedregular.svg#AbadiMTCondensedRegular') format('svg');
}
@font-face {
    font-family: 'AbadiMTCondensedLightRegular';
src: url('fonts/abadimtcondensedlightregular.eot');
src: url('fonts/abadimtcondensedlightregular.eot') format('embedded-opentype'),
url('fonts/abadimtcondensedlightregular.woff2') format('woff2'),
url('fonts/abadimtcondensedlightregular.woff') format('woff'),
url('fonts/abadimtcondensedlightregular.ttf') format('truetype'),
url('fonts/abadimtcondensedlightregular.svg#AbadiMTCondensedLightRegular') format('svg');
}
@font-face {
    font-family: 'AbadiMTCondensedExtraBoldRegular';

    src: url('fonts/abadimtcondensedextraboldregular.eot');
    
src: url('fonts/abadimtcondensedextraboldregular.eot') format('embedded-opentype'),
         
url('fonts/abadimtcondensedextraboldregular.woff2') format('woff2'),
         
url('fonts/abadimtcondensedextraboldregular.woff') format('woff'),
         
url('fonts/abadimtcondensedextraboldregular.ttf') format('truetype'),
         
url('fonts/abadimtcondensedextraboldregular.svg#AbadiMTCondensedExtraBoldRegular') format('svg');
}


.slicknav_menu{display:none}
body{font-family: 'Lato', sans-serif;}

img{max-width:100%;height:auto}
.fix{overflow:hidden}
.header_area {  background: none repeat scroll 0 0 #1d1d1d; border-bottom: 5px solid #ff900d;}
.main {margin:0 auto;max-width:960px;width:70%}
.floatleft{float:left}
.floatright{float:right}
.header_area{}
.header{margin-bottom: 10px;
    margin-top: 10px;}
.logo{}
.logo img{ 
    margin-bottom: 15px;
    margin-top: 15px;
    width: 310px;
 }
.menu{   }
.menu ul{margin:0 ;padding:0;list-style:none; margin-top: 16px;}
.menu ul li {
 float: left;
    margin: 16px;
    margin-left: 8px; margin-right: 8px;
    padding: 7px;
}
.menu ul li a{ color: #f5f5f5;
    font-family: "AbadiMTCondensedLightRegular";
    font-size: 17px;
    text-decoration: none;}
.menu ul li a :hover{}
.menu{}
.body_area {
    background: #1d1d1d url("img/background.png") no-repeat scroll center center;;
    height: 304px;
    background-size: cover;
    margin-top: 0;
    border-bottom: 20px solid #ff900d}
    
    
    
.body_story p{     font-family: 'abadimtcondensedlightregular';
    font-size: 19px;}
.body_story{    margin-top: 200px;
    text-align: center;
    color: #FFF;}
    
    #maintitle {color: #FFF;
    font-family: "AbadiMTCondensedLightRegular";
    font-size: 34px;
    width: 800px;
    margin: 0 auto;
    text-align: center;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 5px;}
.body_story h3{font-  color: #1d1d1d;
    font-family: "AbadiMTCondensedLightRegular";
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;}
.body_story h3 { font-size: 37px;
}
.grey_area {
    background: none repeat scroll 0 0 #eae8e8;
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
     font-family: 'abadimtcondensedlightregular';}
 
.story_area{margin-top: 40px;}
.story{background: #eae8e8; /* Old browsers */
background: -moz-linear-gradient(top,  #eae8e8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae8e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eae8e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eae8e8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eae8e8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eae8e8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 -webkit-border-top-left-radius: 69px;
-webkit-border-top-right-radius: 69px;
-moz-border-radius-topleft: 69px;
-moz-border-radius-topright: 69px;
border-top-left-radius: 69px;
border-top-right-radius: 69px;
    padding: 17px;}
.single_story{  margin-left: 41px;
    text-align: center;
    width: 30%;position:relative}
.single_story:first-child{margin-left:0px}
.single_story h3{ font-family: "abadimtcondensedlightregular";
    font-size: 20px;
    margin-bottom: -9px;
    margin-top: 65px;
    text-transform: uppercase;
}
.single_story p{ color: black;
    font-family: "AbadiMTCondensedLightRegular";
    font-size: 18px;
    line-height: 1.2;}
.story_bottom{width:100%;text-align:center}
.story_bottom p{  color: #aaaaaa;
    font-family: "AbadiMTCondensedLightRegular";
    font-size: 24px;
    margin-bottom: 4px;}
.story_bottom h3{  background: none repeat scroll 0 0 #ff900d;
    border-radius: 27px;
 color: white;
    font-family: "abadimtcondensedlightregular";
    font-size: 20px;
    height: 39px;
    margin: 0 auto;
    padding: 11px 20px 0;
    width: 180px;
}
.footer_area{background:#1D1D1D;padding-top: 20px; padding-bottom: 20px;}
.footer{}
.foot{width:50%}
.foot p{   font-size: 17px;color:white;font-family: "AbadiMTCondensedLightRegular";}
.foot_menu{width:35%}
.foot_menu ul{list-style:none;}
.foot_menu ul li{  color: white;
    float: left;
    padding: 2px 23px 4px 4px;}
.foot_menu ul li a{   font-family: "AbadiMTCondensedLightRegular";
    font-size: 17px;text-decoration:none;color:white}

.foot_social ul { list-style: none;   margin: 11px 0 0; padding: 0;}
.foot_social ul li { float: left;}
.foot_social ul li a { padding: 5px;}
.{}
#t1:before{  background: url("img/icon1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 75px;
    left: 34%;
    position: absolute;
    top: -40px;
    width: 76px;}
#t2:before{  background: url("img/icon2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 75px;
    left: 34%;
    position: absolute;
    top: -40px;
    width: 76px;}
#t3:before{  background: url("img/icon3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 75px;
    left: 34%;
    position: absolute;
    top: -40px;
    width: 76px;}
#win{ border: 2px solid #ff900d; background: #FFF; margin-right: 0;
    border-radius: 48px;
 height: 39px;color:#000;     padding-left: 15px;
    padding-right: 15px;}
    #win a {
	    color: #000;
	    text-transform: uppercase;
    }
#b_menu{ border: 2px solid #ff900d;
    border-radius: 48px;
 height: 39px;color:#ff900d;     padding-left: 20px;
    padding-right: 20px;}
#b_menu a{color:#ff900d}
#b_menu1{   border: 2px solid #595959;
    border-radius: 52px;
    height: 39px;
    margin-left: 20px;
    padding-left: 10px;
    width: 76px;position:relative}
#b_menu1 a{color:#595959}
#b_menu1 a:after{  background: url("img/1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 5px;
    position: absolute;
    right: 24%;
    top: 45%;
    width: 8px;
    }
.bodys_story.detail h3 {
	font-size: 25px;
	font-family: "abadimtcondensedlightregular";
}
.bodys_story h3 {
	color: #dc7632;
	margin: 0; 
	font-family: "abadimtcondensedlightregular";
	font-size: 20px;
	padding: 0;
}


/** DETAIL **/
.bodys_story p{     font-family: 'abadimtcondensedlightregular';
     font-size: 17px;
    line-height: 26px;}
.bodys_story{   margin-top: 12px;
    text-align: center;}
.bodys_story h2{font-  color: #1d1d1d;
    font-family: "AbadiMTCondensedLightRegular";
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;}
.bodys_story h2 { font-size: 37px;
    font-weight: bold;}

.bodys_story h3 {
	color: #dc7632;
	margin: 0; 
	font-family: "abadimtcondensedlightregular";
	font-size: 20px;
	padding: 0;
	font-weight: normal;
}

.bodys_story p{line-height: 29px;}
.bodys_area{}

h3 a, h3 a:hover {
	color: #FFF;
	text-decoration: none;
}


.register_area{}
.register{text-align: center;
width: 50%;}
.register h3{font-family: "abadimtcondensedlightregular"; font-size: 27px;
color:#ff900d}
.register p{color:#565656;font-size: 17px;font-family: 'abadimtcondensedlightregular';}
.forms{width: 50%;
margin: 0px auto;
text-align: center;}
.forms p{color: #1D1D1D;
font-family: "abadimtcondensedlightregular";
text-transform: uppercase;
font-size: 17px;}
.forms form{}
.forms form input[type=text],input[type=email],input[type=password]{width: 51%;
height: 51px;
border-radius: 29px;
margin-top: 13px;
border: 1px solid #D6D6D6;
padding: 13px 16px 13px 33px;color:#1D1D1D;font-size: 22px;

font-family: 'abadimtcondensedlightregular';}
.forms form{}
#lower button{border: medium none;}
#lower button[type=submit]{height: 54px;
background: #ff900d;
margin-top: 15px;
 width: 26% ;
border-radius: 30px;
color: white;font-size: 23px;font-family: "abadimtcondensedlightregular";}
#lower{text-decoration:none}
#lower p{color:#DDDDDD;text-decoration:none;cursor:pointer}
#calender :after{width:30px;height:30px;position:absolute;content:"";background:url(img/calender.png);top:0;right:0}
#calender{position: relative;
background: #ffe9d5 url("img/calender.png") no-repeat;
background-position: 97% 42%}
#place{background: #ffe9d5 url("img/place.png") no-repeat;
background-position: 95% 45%}
#place :after{}
.member_area{}
.member{}
.member_id {
    margin: 0 auto;
    text-align: center;
    width: 75%;
}
.member_id h3{ color: #ff900d;
    font-family: "abadimtcondensedlightregular";
    font-size: 21px;}
.member_id p{  color: #656565;
    font-family: "abadimtcondensedlightregular";
    font-size: 19px;}
.member_form {
    font-family: "abadimtcondensedlightregular";
    margin: 0 auto;
    width: 57%;
}
.form_up{}
.form_up p{}
.form_up form{font-family: "abadimtcondensedlightregular";}
.form_up form input[type="radio"]{}
.form_up{}
.promo_area{ background: none repeat scroll 0 0 #e4e4e4; padding-top: 30px;}
.promo{text-align:center}
.promo p{  font-family: "abadimtcondensedlightregular";
    font-size: 18px;
    margin-bottom: 32px;
    margin-top: 34px;}
.singlepromo {      height: 171px;
    margin-left: 24px;
    text-align: center;
    width: 168px;}
.singlepromo  img{  height: 114px;
    max-width: 155px;
    width: 90%;}
.singlepromo  h3{font-family: "abadimtcondensedlightregular";color:#919191; margin-top: 6px;}
.button_area{}
.button_area button{ border: medium none;
    border-radius: 24px;
    height: 49px;
    margin-left: 14px;font-family: "abadimtcondensedlightregular";
    width: 38%;margin-top:15px;margin-bottom:15px}

.button_area button input[type="button"]{}
.button_area{  margin: 0 auto;
    width: 66%;}
.first{ background: none repeat scroll 0 0 #dfdfdf;
    color: #909090;
    font-size: 20px;
    position: relative;}
.first:before{   /*background: url("img/c1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    content: "";
    height: 10px;
    left: 29px;
    position: absolute;
    top: 18px;
    width: 10px;}
.last{background: none repeat scroll 0 0 #ff900d;
    color: white;
    font-size: 21px;position:relative}
.last:after{ /*background: url("img/c2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    content: "";
    height: 10px;
    position: absolute;
    right: 12px;
    top: 18px;
    width: 10px;}
.{}
.buttons_area {
    margin: 0 auto;
    width: 44%;
}
.buttons_area button[type="button"],.buttons_area button[type="submit"]{ border: medium none;
    border-radius: 24px;
    height: 49px;
    margin-left: 14px;font-family: "abadimtcondensedlightregular";
    width: 38%;margin-top:15px;margin-bottom:15px}
.member2_form{font-family: "abadimtcondensedlightregular";}
.forms_up{margin: 0 auto;
    text-align: center;
    width: 80%;}
.forms_up p{ font-size: 19px;}
.form_opt{position:relative}
.form_opt p{margin-left: 94px;color:#BCBCBC;position:relative}
.p1{}
.p1:before{background: url("img/dot2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 40px;
    left: -35px;
    position: absolute;
    top: -4px;
    width: 40px;cursor:pointer}
.p2:before{background: url("img/dot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 40px;
    left: -35px;
    position: absolute;
    top: 0px;
    width: 40px;cursor:pointer}
.blank_form{ margin: 0 auto;
    text-align: center;
    width: 60%;}
.blank_form form{}
.blank_form form input[type="text"]{ border: 1px solid #D6D6D6;
    border-radius: 17px;
    height: 73px;
    width: 57%;}
.blank_form p{color:#000000}
.form_opt{}
.form_opt form{ margin-left: 62px;
    text-align: left;}
.form_opt form input[type="text"]{ border-radius: 21px;
    height: 44px;
    width: 219px;border:1px solid #DADADA}
.member_tab{ font-family: "abadimtcondensedlightregular"; font-size: 19px;
    margin: 0 auto;
    width: 78%;}
	
input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label  {
							   background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    font-size: 19px;
    font-weight: normal;
    height: 18px;
    line-height: 22px;
    padding-left: 24px;
    vertical-align: middle;

						}
						
						.extrabtn {
							background-color: #ff900d;
							font-size: 16px;
							padding: 5px;
							-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

						}

						input[type=radio].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox:checked + label.css-label  {
							background-position: 0 -17px;
						}
						label.css-label {
				background-image:url(img/check.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
.single_form_opt{width:50%}
.single_form_opts{width:24%}

[data-tooltip] {
	position: relative;
	z-index: 2;
	cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
	background-color: #c5c5c5;
    border-radius: 3px;
    color: black;
    content: "Lorem Ipsum has been the industry\'s standard dummy text ever since an unknown printer took a galley.";
    font-size: 12px;
    left: -132px;
    line-height: 1.2;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    position: absolute;
    text-align: center;
    top: -45px;
    width: 160px;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
	  border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #9c9c9c;
    bottom: -16px;
    content: " ";
    font-size: 0;
    left: -142px;
    line-height: 0;
    margin-left: -5px;
    position: absolute;
    width: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
.blank_form img{left: -151px;
    position: relative;
    top: 34px}
.bodys_story p{     font-family: 'abadimtcondensedlightregular';
    font-size: 16px;}
.bodys_story{   margin-top: 12px;
    text-align: center;}
.bodys_story h2{font-  color: #1d1d1d;
    font-family: "AbadiMTCondensedLightRegular";
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 5px;}
.bodys_story h2 { font-size: 37px;
    font-weight: bold;}


.bodys_area{}


.popup_body{width:40%}
.popup_head{}
.popup_head h3{ font-family: "abadimtcondensedlightregular";
    font-size: 35px;
    padding: 12px;}
.popup_head p{   color: #949494;
    font-family: "AbadiMTCondensedLightRegular";
    padding: 12px;}
.popups{}
.popups img{height: 175px;
    margin-left: 67px;
    margin-top: 48px;
    width: 317px;}
.popups p{}
.popups h3{ font-family: "abadimtcondensedlightregular";
    line-height: 1;
    margin-left: 63px;}
.popups h3 span{font-family: "AbadiMTCondensedLightRegular";}
.popup_bodys{ background: none repeat scroll 0 0 #eaeaea;
    height: 600px;border-radius:0px 0px 30px 0px ;

    padding-right: 0;
    width: 60%}
.button h3{ color: white;
    font-family: "abadimtcondensedlightregular";
    line-height: 1;
    margin-left: 63px;}
.button{ background: none repeat scroll 0 0 #ff900d;
    border-radius: 37px;
    font-family: "abadimtcondensedlightregular";
    margin: 0 auto;
    width: 70%;margin-top:20px}
.button a{text-decoration:none}

.control-label{
	font-family: 'abadimtcondensedlightregular';
	font-size: 20px;
	
}
#form-group {
	display: block;
}

.forms_up p{
	margin: 5px 0;
}
.promo {
	width: 100%;
}

.payment {
	margin: 0 auto;
	width: 80%;
	background: #eee;
	padding: 30px;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.payment .button {

	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 0px solid #000;
color: #FFF;

font-size: 23px;
    padding: 9px;
    width: 60%;
}

label.error {
	display: none;
}
.icon[data-method] {
    padding-left: 50px;
    position: relative !important;
}
.icon[data-method]:before {
    content: "";
    height: 20px;
    left: 10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    width: 30px;
}

.icon[data-method="acceptemail"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -23px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}

.icon[data-method="banktransfer"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -69px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}

.icon[data-method="bitcoin"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -138px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}

.icon[data-method="creditcard"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -207px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}
.icon[data-method="ideal"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -276px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}
.icon[data-method="mistercash"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -345px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}
.icon[data-method="paypal"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}
.icon[data-method="paysafecard"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -322px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}
.icon[data-method="refunds"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -184px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}
.icon[data-method="sofort"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -115px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    overflow: hidden;
    width: 30px;
}
.icon[data-method="acceptemail-logo"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -1224px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    width: 80px;
}
.icon[data-method="banktransfer-logo"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -467px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    overflow: hidden;
    width: 100px;
}
.icon[data-method="bitcoin-logo"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -1142px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    width: 80px;
}
.icon[data-method="creditcard-logo"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -922px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 65px;
    overflow: hidden;
    width: 100px;
}
.icon[data-method="ideal-logo"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -989px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 70px;
    overflow: hidden;
    width: 80px;
}
.icon[data-method="mistercash-logo"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -860px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    overflow: hidden;
    width: 100px;
}
.icon[data-method="paypal-logo"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -1061px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 79px;
    overflow: hidden;
    width: 80px;
}
.icon[data-method="paysafecard-logo"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -437px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    overflow: hidden;
    width: 160px;
}
.icon[data-method="sofort-logo"]:before {
    background-image: url("img/paymentmethods.png");
    background-position: 0 -807px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 51px;
    overflow: hidden;
    width: 160px;
}



textarea.form-control {
	border: 1px solid #b8b8b8;
	-webkit-border-radius: 29px;
	-moz-border-radius: 29px;
	border-radius: 29px;
	min-height:  100px;
	padding: 20px;
	background: #ffe9d5;
}

input, textarea {
	background: #ffe9d5;outline: none; 
}
.ui-autocomplete-loading {
    background: white url("img/ui-anim_basic_16x16.gif") right center no-repeat;
  }

.smallradius input[type="text"], .smallradius input[type="password"], .smallradius textarea{ border: 1px solid #D6D6D6;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
     font-family: "abadimtcondensedlightregular";
    font-size: 18px;
    height: 42px;
    padding: 8px;
    width: 90%;
    margin-top: 5px;}

.smallradius textarea {
	height:150px;
}

#userbtn {
	 background-color: #ff900d;

    display: block;
    font-family: "FontAwesome";
    font-size: 20px;
    margin-top: -7px;
    padding: 9px;
    -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
width: 38px;
height: 38px;
color: #FFF;
text-align: center;
}

h4 {
	font-size: 12px;
    margin: -21px 0 1.33em;
}

.forms_up p {
	font-weight: bold;
}

.forms_up p label {
	font-weight: normal;
}

.tooltip-from-element {
	margin-top: -4px;
}
/* Tab Content - menucool.com */
ul.tabs
{
     font-size: 0;
    list-style-type: none;
    margin: 0;
    background: #ff900d;
    border: 1px solid #bebfbf;
   -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;    padding: 0;
    text-align: left;
	padding: 13px;
    width: 100%;
    height: 54px;
    padding-top:0px;
}
        
ul.tabs li
{
   float: left;
    margin: 0;/*no distance between tabs*/   
}
        
ul.tabs li a {
    
  
    color: #000;
    font: 14px "abadimtcondensedlightregular";
	display: block;
    padding: 11px 14px 11px;
    text-decoration: none;
    margin-top: -1px;
    font-size: 19px;
    margin-top: 9px;
}


 
        
ul.tabs li a:hover
{
   
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    border: 1px solid #bebfbf;
    border-bottom: 1px solid #e4e4e4;
    background:#e4e4e4;
    color: #000;
    -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{

    padding: 30px 10px;

}


.greyback {
	background: #e4e4e4;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.hiddeninfo {
	display: none;
}

#ffonline_whattodo0 {
	width: 100%;
}
.topheader {
	background: #2e2e2e;
	height: 140px;
	padding: 10px;
	text-align: center;
}

#fbactionleft {
width: 50%; float: left;
}

#fbactionright {
	width: 47%; float: right;
}

.buttoncontainer {
	width: 33%; 
	display: block;
	float: left;
}