/*----------------------------------------------------------
	Page:		 help_contact_faq.css
	Description: FAQ non loggue
	Products     Meetic V6
	Summary:     FAQ
----------------------------------------------------------*/

/**
 * @page : section defining properties of a page.
 * @bloc : section defining properties of a block to a specific page.
 */

/* Contact FAQ V2 */
.i-akio-breaker {
    padding: 26px 50px;
    border-width: 0;
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
    width: initial;
}
    .i-akio-breaker .i-text { font-weight: 600; width: 67%; }
.i-box-clear, .i-box-clear * { box-sizing: border-box; }
.i-akio-breaker .i-group-buttons { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); }
    .i-akio-breaker .i-group-buttons a[class^="i-button-"] {
        border-radius: 0;
        display: block;
        font-family: 'Open Sans', helvetica, arial, sans-serif;
        font-weight: 700;
        font-size: 12px;
        line-height: 32px;
        margin-top: 10px;
        padding: 0 40px;
        text-transform: none;
        width: 100%;
    }
    .i-akio-breaker .i-group-buttons a[class^="i-button-"]:first-child { margin-top: 0; }
    .i-akio-breaker .i-group-buttons a[class^="i-button-"]:hover { background: rgba(0,0,0,0.3); }
    .i-frame-container { min-height: 770px; background-color: #ccc; margin-bottom: 1em; }
    .i-frame-container iframe { height: 770px; width: 100%; }

/**************************************************************************************************/
/*			- @column 1 -							 			  		  */
/**************************************************************************************************/


/* FAQ Sub-Header */
.container.i-layout-4-col-1 h2 { margin:0 15px 10px 15px; padding:0 0 10px 0; }

/* FAQ Sub Header */
.i-faq-subtitle { font-size:15px; height:20px; margin:0 0 20px 0; padding:5px 0 5px 15px; }

/* FAQ Content */
.i-faq-intro, .i-faq-title, .i-faq-answer { margin:0 15px 10px 15px; padding:0 0 10px 0; }
	.i-faq-title a { font-size:15px; }
		.i-faq-title a span { font-size:12px; }
	.i-faq-answer .i-faq-question-sub-link { padding:0 0 0 15px; }
	.i-faq-answer .i-faq-answer-sub { padding:15px 0 15px 15px; }
	.i-faq-default { padding:0 0 10px 0; }
	.i-form-contact { display:block; margin:20px 0 0 0; padding:5px 5px 5px 30px; }

/* FAQ Right Column */
.i-box-1 { margin:0 0 15px 0; }
	.i-faq-questions-content { margin:10px 15px 10px 10px; }
        .i-faq-questions-content h2 { margin-bottom:10px; }
        .i-faq-questions-content .i-faq-intro { margin-left:0; margin-right:0; }

/* Texte du footer pour SE/NO/DK/FI */
#text-hide {
		color:#333;
		margin:0;
		padding:0 0 15px 0;
		text-align:center;
		font-size:11px;
		position:relative;
		z-index:5;
		user-select: none;
		-khtml-user-select: none;
		-o-user-select: none;
		user-select: none;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
}
.contact-from-right-col { text-align: center; }
.i-customer-care .content-2-col-2{
    position: relative;
}
#text-hide span { display:block; height:60px; position:absolute; top:-18px; left:0; width:660px; z-index:10; }
.i-qualiweb-legacy { clear:both; text-align:center; }

/**************************************************************************************************/
/*			- @MODAL CONTACT FORM -							  */
/**************************************************************************************************/
.container { font-family: "Helvetica neue", "Open Sans", "Arial"; }
.container h1 { text-align: center; }
#content-modal-wrap { display: none; }
.mod-wrapper{ left: 50% !important; margin-left: -350px; top: 10px; border: 1px black solid; background: #FFFFFF; z-index: 100; display: none; position: absolute; }

@media only screen 
and (max-device-height : 768px) 
and (max-device-width : 1024px)
{
    .mod-wrapper{ 
        height: 100% !important;
        left:0 !important;
        margin: 0px;
        padding-top:10px;
        position: absolute;
        top: 0 !important;
        width: 100% !important;
        z-index: 101;
    }

    #contact-form .grid_8 { clear: both; }
    #contact-form .grid_4 { clear: both; }
    #contact-form .title_box .grid_8 {clear: none}
}
.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.contact-us-button{
    background-color: rgba(40, 40, 30, 0.5);
    border: 2px solid white;
    border-radius: 5px;
    bottom: 12px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    margin-top: 15px;
    padding: 8px;
    text-align: center;
    width: 80%;
    zoom: 1 !important;
}
.del-upload-file{
     width: 41px;
     height: 32px;
     display: none;
     margin-left: 7px;
     border: none;
}
#contact-form .add-photo-btn{
   position:relative;
   cursor:pointer;
   text-align:center;
   background-color:#507ea6;
   color:#fff;
   display:block;
   width:205px;
   height:33px;
   font-size:16px;
   line-height:30px;
   float:left;
   margin-left: 10px;
 }
 #contact-form .add-photo-btn.button-new-layout {
   font-size:15px;
 }

 .recaptcha-error-msg { display: none; }


.error-pop-label { display:none; }
#message-special-error.errors-div{
    width: 433px;
}

.container_12 .grid_4.errors-div {
    margin-left: 0;
    width: 429px;
}

.recaptcha-error-msg { margin-top: 10px; }

#contact-form label { font-size: 14px; }
#contact-form label[for="captcha"] { line-height: 1.4em; }
#contact-form #title, #contact-form label { line-height: 29px; }
#contact-form .form input[type="text"] { float:left; }

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 696px;
}

.header1 {
    font-size: 30px;
    top: -15px;
}
.header2{
    font-size:14px;
    text-align: center;
    margin:10px;
}
.i-subtitle {margin-bottom: 0px;}
.header3 { font-size: 20px; text-align: left; text-transform: uppercase;}
.i-left, .container h1.header3, .container h1.i-left {text-align: left}
.header2.i-left {margin-bottom: 0px; margin-left: 0px; text-align: justify } 
.info-div { margin-bottom: 15px; }
.info-div p { padding: 6px; }
.info-div.i-info-div-v2 p {margin-top:20px; padding-left: 0px;padding-top:0px;}
.center-align{
   text-align: center;
}
textarea {
    font-size: 12px;
    resize: none;
    width: 420px;
    height: 99px;
    margin-bottom: 10px;
}
.margin-set{
    margin-bottom: 10px;
}
.margin-set-2{ margin: 20px;} 

.mod-wrapper .ui-icon-closethick {
    float: right;
    margin: 10px;
    width: 20px;
    height: 20px;
}
.input-field{
    width:302px;
    height: 29px;
    border: 1px #717171 solid;
    margin-bottom: 10px;
}

.input-field#email { width: 96%; }
.input-field.faq_phone_number#phone_prefix { width: 100%; height: 32px; }
.input-field.faq_phone_number#phone { width: 93%; }
.phone_offers_check{ margin-top: 15px; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] { -moz-appearance:textfield; }

.input-field-readonly{
    background: #fff;
    border: none;
    text-transform: uppercase;
    width: 96%;
}

.submit-butt{
    border:none;
    width: 200px;
    height: 40px;
    font-size: 24px;
    margin-bottom: 31px;
}

.i-site.i-terms .i-width-wrapper{
    padding:0px;
    width:1000px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
    position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
    width:38px;
}

.container_12 .grid_2 {
    margin-left:0;
    width:96px;
}

.container_12 .grid_3 {
    width:154px;
}

.container_12 .grid_4 {
    width:212px;
}

.container_12 .grid_5 {
    width:270px;
}

.container_12 .grid_6 {
    width:328px;
}

.container_12 .grid_7 {
    width:386px;
}

.container_12 .grid_8 {
    width:444px;
}

.container_12 .grid_9 {
    width:502px;
}

.container_12 .grid_10 {
    width:560px;
}

.container_12 .grid_11 {
    width:618px;
}

.container_12 .grid_12 {
    width:676px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
    padding-left:58px;
}

.container_12 .prefix_2 {
    padding-left:116px;
}

.container_12 .prefix_3 {
    padding-left:174px;
}

.container_12 .prefix_4 {
    padding-left:232px;
}

.container_12 .prefix_5 {
    padding-left:290px;
}

.container_12 .prefix_6 {
    padding-left:348px;
}

.container_12 .prefix_7 {
    padding-left:406px;
}

.container_12 .prefix_8 {
    padding-left:464px;
}

.container_12 .prefix_9 {
    padding-left:522px;
}

.container_12 .prefix_10 {
    padding-left:580px;
}

.container_12 .prefix_11 {
    padding-left:638px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
    padding-right:58px;
}

.container_12 .suffix_2 {
    padding-right:116px;
}

.container_12 .suffix_3 {
    padding-right:174px;
}

.container_12 .suffix_4 {
    padding-right:232px;
}

.container_12 .suffix_5 {
    padding-right:290px;
}

.container_12 .suffix_6 {
    padding-right:348px;
}

.container_12 .suffix_7 {
    padding-right:406px;
}

.container_12 .suffix_8 {
    padding-right:464px;
}

.container_12 .suffix_9 {
    padding-right:522px;
}

.container_12 .suffix_10 {
    padding-right:580px;
}

.container_12 .suffix_11 {
    padding-right:638px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
    left:58px;
}

.container_12 .push_2 {
    left:116px;
}

.container_12 .push_3 {
    left:174px;
}

.container_12 .push_4 {
    left:232px;
}

.container_12 .push_5 {
    left:290px;
}

.container_12 .push_6 {
    left:348px;
}

.container_12 .push_7 {
    left:406px;
}

.container_12 .push_8 {
    left:464px;
}

.container_12 .push_9 {
    left:522px;
}

.container_12 .push_10 {
    left:580px;
}

.container_12 .push_11 {
    left:638px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
    left:-58px;
}

.container_12 .pull_2 {
    left:-116px;
}

.container_12 .pull_3 {
    left:-174px;
}

.container_12 .pull_4 {
    left:-232px;
}

.container_12 .pull_5 {
    left:-290px;
}

.container_12 .pull_6 {
    left:-348px;
}

.container_12 .pull_7 {
    left:-406px;
}

.container_12 .pull_8 {
    left:-464px;
}

.container_12 .pull_9 {
    left:-522px;
}

.container_12 .pull_10 {
    left:-580px;
}

.container_12 .pull_11 {
    left:-638px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;

}
.i-hide {display: none}