/* Eric Meyer's Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	font-family: "Montserrat";
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.cleaner,
.clear{clear:both;}
.hidden{display:none;}

*,
:before,
:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	outline: none;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 10px;
}

.wrapper {
	overflow: hidden;
}

/*font face*/
body {
	font-size: 100%;
	line-height: 1.2;
	font-family: 'iCiel Gotham';
	font-weight:500;
}

img {
	max-width: 100%;
	height: auto;
}

li {
	list-style: none;
}

body img {
	-webkit-user-select: none;
	/* Chrome all / Safari all */
	-moz-user-select: none;
	/* Firefox all */
	-ms-user-select: none;
	/* IE 10+ */
	-o-user-select: none;
	user-select: none;
}

*:focus {
	outline: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*
 2.0.1) Font Face
 -----------------------------*/

@font-face {
    font-family: 'iCiel Gotham';
    src: url('fonts/iCielGotham-Medium.woff2') format('woff2'),
        url('fonts/iCielGotham-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'corporate_a_bqregular';
    src: url('fonts/corporateabq-light-webfont.woff2') format('woff2'),
         url('fonts/corporateabq-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*
 2.0.3) Form Elements
 -----------------------------*/
button,
input,
optgroup,
select,
textarea {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: inherit;
	background: #fff;
	border: 1px solid #ccc;
	font-family: 'Source Sans Pro', sans-serif;
	/* width: 100%; */
}

/* input,select,textarea{
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	border-radius:0;
} */
a {
	/* color:#fff; */
	text-decoration: none;
	transition: all 0.5s;
font-family: "Montserrat";

}

a:hover {
	text-decoration: none;

}

a:focus {
	outline: none;
	border: none;
}

input {
	line-height: normal;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	border: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="file"] {
	-webkit-appearance: none;
	cursor: pointer;
	line-height: normal;
	overflow: visible;
}

button[disabled],
input[disabled] {
	cursor: default;
	color: #999;
	border-color: #ccc;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

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

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
/*
 2.0.4) List Styles
 ---------------------------------*/
button {
	border: none;
	background: transparent;
}

/*
 2.0.9) Sprite Icons
 -------------------------*/
[class^="icon-"],
[class*="icon-"] {
	background-image: url("images/sprite.png");
	background-repeat: no-repeat;
	display: inline-block;
	background-size: 300px 300px;
	width: 13px;
	height: 13px;
}


/* Containers*/
.container {
	max-width: 1800px;
	padding: 0 15px;
	width: 100%;
	margin: 0 auto;
}
 /* body{
	background: url("images/2.jpg") center top;
}
.wrapper {
	opacity: 0.8;
 }  */

.header-wrapper .language-wrap span a{color: #a8a8ac;font-size: 1rem;}

.header-wrapper .language-wrap.language-name:after{
    display:none!important;
} 

.header-wrapper .language-wrap span:first-child{border-right:1px solid #fff;}
/* INDEX */

 .groupe_logo { width: 100%; height: auto; position: relative; right: auto; top: auto; max-width:120px;max-height:40px;margin-top:-30px;}

.exception_items_2 .image-area{width:50%;text-align:center;}

.exception_items_2 .image-area img{text-align:center;}

.range_block_button{margin: 10px auto; text-align:center; display:block;padding-top:20px}
 
 /* PAGES */
 
 .mentions #breadcrumb,
 .sitemap #breadcrumb,
 .concessions #breadcrumb{max-width:1800px; padding:15px; margin: 0px auto; margin-top:20px; margin-bottom:20px;font-family: "Montserrat";}
.sitemap .item a{font-size:12px; color:#00adef;}
 .mentions .content-heading h2, 
 .concessions .content-heading h2, 
 .sitemap .content-heading h2{max-width:1800px; padding:0px 15px; margin: 0px auto; margin-top:10px; margin-bottom:10px; font-size: 24px;font-family: "Montserrat";font-weight:600;}
 .wrapper .content-section.custom-page{max-width:1800px; padding:15px;margin: 0px auto; margin-top:20px; margin-bottom:20px;font-family: "Montserrat";font-size:14px;}
 .wrapper .content-section.custom-page h2,
 .wrapper .content-section.custom-page h3,
 .wrapper .content-section.custom-page h4{margin: 10px 0px; font-size:18px;font-weight:600;}
.model-version{background: #000;position:relative; display:block;}
.model-version .detail-btn{position: absolute; bottom: 16%;left:2%;}
.model-version img{float:right;}
 .container.no-padding{margin:0px;padding:0px;max-width:100%;}
.model-version .dynamic-wrap{position:absolute; top: 2%;left:2%;max-width:550px;display:block;}
.model-version .dynamic-wrap h2,
.model-version .dynamic-wrap .dynamic-block{width:100%;display:block;}
.model-version .dynamic-wrap h2{line-height:100%;}
.model-version .dynamic-wrap .dynamic-block{width:100%;display:block;max-width:500px;padding-top:0px;}
.model-version .dynamic-wrap .dynamic-block p{margin-bottom:50px;font-size:32px;}
.model-version .dynamic-wrap .dynamic-block h3{margin-bottom:30px;}

.carrosseries h3{text-transform:uppercase;}
.only_on_mobile{display:none;}

 /* OFFRES */
 .wrapper.offres{background: #000;}
 .wrapper.offres h2 {  font-size: 42px;  text-transform: uppercase;  color: #fff;  text-align: center;  margin-top: 50px;  margin-bottom: 0px; font-family: "Montserrat";}
 .content-section.offres{background: #000;font-family: 'iCiel Gotham';}
 .content-section.offres .content-heading{padding: 20px 10px; background-size:cover; min-height: 380px;}
 .content-section.offres .item{margin: 20px 0px; padding: 5% 10%;}
 
 .content-section.offres .timeline-photo,
 .content-section.offres .timeline-content,
  .content-section.offres .offre-photo,
 .content-section.offres .offre-content{max-width:50%; width: 100%;float:left;color:#fff!important;}
  .content-section.offres .timeline-photo{text-align:center;}
 
 .content-section.offres .item-right .timeline-photo{float:right;text-align:center;}
 .content-section.offres .item-right .timeline-photo img{}
  
 .content-section.offres .timeline-content a{color:#fff!important;font-family: "Montserrat";}
 .content-section.offres .item-right .timeline-content {text-align:left;font-family: "Montserrat";}
 .content-heading.main_image{margin-bottom:50px;}
 
 .content-section.offres .timeline-title,
 .content-section.offres .offre-title{font-size: 24px; margin-bottom:25px;display:block;color:#fff!important;font-family: "Montserrat";},
 .content-section.offres .offre-title{padding-top:50px;}
 .content-section.offres .timeline-resume,
 .content-section.offres .offre-content{font-size: 18px; margin-bottom:25px;display:inline-block;font-family: "Montserrat";}
 .content-section.offres .view-link,
 .content-section.offres .back-link{font-size: 18px; margin-top:25px;margin-bottom:25px;display:inline-block;}
 .content-section.offres .offre-content{padding-right:10%;}
 
 .content-section.offres .offre-photo{text-align:center;}
 
 /* ACTUALITES */
 .wrapper.actualites{background: #000;}
 .wrapper.actualites h2 {  font-size: 42px;  text-transform: uppercase;  color: #fff;  text-align: center;  margin-top: 50px;  margin-bottom: 80px;  font-family: "Montserrat";}
 .content-section.actualites{background: #000;font-family: 'iCiel Gotham';}
.actualites .content-heading{min-height:auto}
 .content-section.actualites .content-heading{padding: 20px 10px;min-height:380px; background-size:cover}
 .content-section.actualites .item{margin: 10px 0px; padding: 1% 10%;}
 
 .content-section.actualites .timeline-photo,
 .content-section.actualites .timeline-content,
  .content-section.actualites .actualite-photo,
 .content-section.actualites .actualite-content{max-width:50%; width: 100%;float:left;color:#fff!important;}
  .content-section.actualites .timeline-photo{text-align:center;}
  .content-section.actualites .timeline-photo{width:100%;height:auto;padding: 0px 20px;}
 
 .content-section.actualites .item-right .timeline-photo{float:right;text-align:center;}
 .content-section.actualites .item-right .timeline-photo img{}
  
 .content-section.actualites .timeline-content a{color:#fff!important;}
 .content-section.actualites .item-right .timeline-content {text-align:left;}
 .content-heading.main_image{margin-bottom:50px;}
 
 .content-section.actualites .timeline-title,
 .content-section.actualites .actualite-title{font-size: 32px; margin-bottom:25px;display:block;color:#fff!important; padding: 0px 10px; font-family: "Montserrat";}
 .content-section.actualites .actualite-title{padding-top:10px;}
 .content-section.actualites .timeline-resume,
 .content-section.actualites .actualite-content{font-size: 18px; margin-bottom:25px;display:inline-block;padding: 0px 20px;font-family: "Montserrat";}
 .content-section.actualites .view-link,
 .content-section.actualites .back-link{font-size: 18px; margin-top:25px;margin-bottom:25px;display:inline-block;}
 .content-section.actualites .actualite-content{padding-right:10%;}
 
 .content-section.actualites .actualite-photo{text-align:center;}

 .index .concessions .model-block h2{font-size: 2.8rem;letter-spacing: 0.5px; color:#fff; margin-bottom:10px;font-family: "Montserrat";}
 
 .wrapper .sitemap{max-width:1800px; padding:15px; margin: 0px auto; margin-top:20px; margin-bottom:20px;}
 .wrapper .sitemap .item{margin-bottom:15px;}
 .wrapper .sitemap .label{font-size:14px;margin-bottom:5px;}
 .wrapper .concession-departments{max-width:1800px; padding:15px; margin: 0px auto; margin-top:20px; margin-bottom:20px;}
 #your-image {width: 100%!important;height: auto!important;}
 
 /* CONCESSIONS */
 .content-section.concessions,
 .wrapper.concessions{background: #000;}

 .concessions.concession_items_1 .model-block{margin:0px auto; width: 50%;}
 
 .concessions .content-heading{min-height: 450px; width:100%;}
 
 .wrapper.concessions h2{font-size:42px; text-transform:uppercase; color: #fff; text-align:center; margin-top:50px;margin-bottom:30px;font-family: "Montserrat";}
 .concession-wrapper{max-width:80%; margin: 0px auto;}
 
.concession-wrapper .concession_item {width: 98%; margin:10px 1%; padding: 10px 20px;}

 .concessions .left_content{max-width:50%;float:left;width:100%;}
 .concessions .right_content{max-width:50%;float:left;width:100%;}
 
.concession-wrapper .concession_item h3{font-size:18px; margin-top:20px;font-size: 2.8rem;letter-spacing: 0.5px;color: #fff;text-transform: uppercase;margin-bottom: 10px;font-family: "Montserrat";}

.concession-wrapper .concession_item .actions{background-color: transparent;margin: 15px 0px;padding: 10px 0px;color:#fff;font-family: "Montserrat";}
.concession-wrapper .concession_item .actions a span{color:#00adef;font-family: "Montserrat";}
.concession-wrapper .concession_item .actions .logo-block{width: 33.3%; float:left;}

.concession-wrapper .concession_item .location-info,
.concession-wrapper .concession_item .contact-info{font-size: 14px;color: #fff}
.concession-wrapper .concession_item .location-info a,
.concession-wrapper .concession_item .contact-info a{color: #00adef}

.concession-wrapper .concession_item .location-info div,
.concession-wrapper .concession_item .contact-info div{margin:5px 0px;font-family: "Montserrat";}

.logo-sec .logo-detail{text-transform:none;}
 
.concessions .speed-logo img{max-height:55px; width: auto;}

/* GAMME TABS */

.dynamic-section.chars{padding-bottom:50px;margin-bottom:80px;}
div.gamme div.v-tabs{min-height: 100%;display:inline-block;width:100%;}
div.gamme div.v-tabs div.tabs-links{float: left; width: 100%; max-width: 20%; margin-right: -1px; position: relative;}
div.gamme div.v-tabs div.tabs-links a.item{display: block; color: #fff; font-weight: bold; padding: 15px 10px; padding-left:50px; font-size: 32px; line-height: 110%; }
div.gamme div.v-tabs div.tabs-links a.item.active{ background: none;color:#2f75bc}
div.gamme div.v-tabs div.tabs-links a.item:hover{color: #00adef}
div.gamme div.v-tabs div.tabs-contents{float: left; width: calc(100% - 20%); padding: 0px 20px;}
div.gamme div.v-tabs div.tabs-contents > div.item:not(:first-child){display: none;}
div.gamme div.v-tabs div.tabs-contents div.item{width:100%;}
div.gamme div.v-tabs div.tabs-contents div.item h3 {text-align: center; font-size: 24px; line-height: 28px; margin-bottom: 40px;}
div.gamme div.v-tabs div.tabs-contents div.item p {margin-bottom: 16px;}
div.gamme div.v-tabs div.tabs-contents div.item div.form-holder{padding: 0;}
div.gamme div.v-tabs div.tabs-contents div.item a:hover {color: #000;}*/
div.gamme div.v-tabs div.tabs-contents div.item ul {padding: 0px 0px 15px 20px; }
div.gamme div.v-tabs div.tabs-contents div.item ul li {list-style: square;}
div.gamme div.v-tabs div.tabs-contents table {width: 100%;border:1px solid #ccc;padding: 0px;border-collapse: inherit;}
div.gamme div.v-tabs div.tabs-contents table thead {}
div.gamme div.v-tabs div.tabs-contents table thead th {background-color: #fefefe;padding: 2px;}
div.gamme div.v-tabs div.tabs-contents table tbody {}
div.gamme div.v-tabs div.tabs-contents table tbody td {border:1px solid #ccc;padding: 2px;}
div.gamme div.v-tabs div.tabs-contents table tbody td strong {color: #000;font-size: 14px;}

div.gamme div.v-tabs div.tabs-contents .speed-title{text-align:center;margin-bottom:20px;}
div.gamme div.v-tabs div.tabs-contents .speed{text-align:center;}
div.gamme div.v-tabs div.tabs-contents .speed-detail {display:block;}

table.version{margin: 0px 10%;}

table.version th,
table.version td{font-size:24px;padding: 25px 20px; color:#fff;font-family: "Montserrat";text-align:center;}

table.version td{border-left:2px solid #fff;}

table.version th{font-weight:600;font-family: "Montserrat";border-bottom: 2px solid #fff;}

table.version tr td:first-child{padding-right:80px;border-left:none;text-align:left;}
table.version tr th:first-child{text-align:left;}

.data-section h2{font-size:32px;padding: 5px 10px; color:#fff;font-family: "Montserrat";margin: 2% 10%;text-align:left;}

.data-section{margin-bottom: 60px;}

/*	================================================================
*	block:	SIDEBAR
*/
#sidebar {position: fixed;top: 40%;right: 0;z-index: 2;}
#sidebar a{position: absolute; top: 0; right: -225px; font-size: 14px; text-indent: 45px; width: 270px; background: #00adef; height: 35px; line-height: 35px; text-align: left; color: #fff !important;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
#sidebar a:hover,
#sidebar.s1 a.tab{width: 220px; right: 0px; color: #fff; }
#sidebar.s2 a.tab{-webkit-transition: all 3.0s ease-in;-moz-transition: all 3.0s ease-in;-o-transition: all 3.0s ease-in; background-color: #00adef;}
#sidebar a.sidebar_general{background: url('sidebar/sidebar_general.png') left 7px center no-repeat; background-color: #00adef;}
#sidebar a.sidebar_testdrive{background: url('sidebar/sidebar_testdrive.png') left 7px center no-repeat; top: 36px; background-color: #00adef;}
#sidebar a.sidebar_testdrive.moto{background: url('sidebar/sidebar_testdrive_moto.png') left 7px center no-repeat; top: 36px; background-color: #00adef;}
#sidebar a.sidebar_ask_reprise{background: url('sidebar/sidebar_ask_reprise.png') left 7px center no-repeat; top: 72px; background-color: #00adef;}
#sidebar a.sidebar_demande_devis{background: url('sidebar/sidebar_demande_devis.png') left 7px center no-repeat; top: 108px; background-color: #00adef;}
#sidebar a.sidebar_demande_devis.moto{background: url('sidebar/sidebar_demande_devis_moto.png') left 7px center no-repeat; top: 72px; background-color: #00adef;}
#sidebar a.facebook{background: url('sidebar/facebook.png') left 7px center no-repeat; top: 144px; background-color: #00adef;}
#sidebar a.sidebar_special_offers{background: url('sidebar/sidebar_special_offers.png') left 7px center no-repeat; top: 180px; background-color: #00adef;}
#sidebar a.sidebar_actualite{background: url('sidebar/sidebar_actualite.png') left 7px center no-repeat; top: 211px; background-color: #00adef;}
#sidebar a.sidebar_campagne_de_rappel{background: url('sidebar/sidebar_campagne_rappel.png') left 7px center no-repeat; top: 144px; background-color: #00adef;}
#sidebar a.sidebar_campagne_de_rappel.lower{top: 180px;}
#sidebar a.sidebar_actualite{background: url('sidebar/sidebar_actualite.png') left 7px center no-repeat; top: 216px;}
div#sidemenu div.menu-section div.form .form-input, div#sidemenu div.menu-section div.form .form-textarea, div#sidemenu div.menu-section div.form div.select select{
	background: #fff!important; color: #222;
}
#sidebar a.higlighted{background-color: rgba(235,10,30,0.95)!important}

#sidebar a.sidebar_offre_commerciale{top:-36px;background: url('sidebar/sidebar_special_offers.png') left 7px center no-repeat; background-color: #00adef;}
#sidebar a.sidebar_ask_newsletter{top:252px;background: url('sidebar/sidebar_ask_newsletter.png') left 7px center no-repeat; background-color: #00adef;}

#sidebar.sidebar_gamme_marque_Yamaha-Equipements a.sidebar_demande_devis,
#sidebar.sidebar_gamme_marque_5 a.sidebar_demande_devis{background: url('sidebar/sidebar_demande_devis_equipement.png') left 7px center no-repeat; top: 36px; background-color: #00adef;}
#sidebar.sidebar_gamme_marque_Yamaha-Marine a.sidebar_demande_devis,
#sidebar.sidebar_gamme_marque_3 a.sidebar_demande_devis{background: url('sidebar/sidebar_demande_devis_marine.png') left 7px center no-repeat; top: 36px; background-color: #00adef;}
#sidebar.sidebar_gamme_marque_Suzuki-Marine a.sidebar_demande_devis{background: url('sidebar/sidebar_demande_devis_marine.png') left 7px center no-repeat; top: 36px; background-color: #00adef;}

#sidebar a.sidebar_autofinance{background: rgba(23,23,23,0.55) url('sidebar/sidebar-autofinance.png') left 7px center no-repeat; top: 252px;}
 
  
/*	================================================================
*	block:	CUSTOM POPUP
*/
#my-popup.hidden{display:none;}
#my-popup div.overlay{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: #000000; opacity: 0.7;}
#my-popup div.popup-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 101; text-align: center;}
#my-popup div.popup-wrap div.popup-container{position: absolute; top: 0; left: 0; width: calc(100% - 12px); height: 100%; padding: 0 6px; z-index: 7; text-align: center; overflow: auto; cursor: url('images/close.png') 15 15, default;}
#my-popup div.popup-wrap div.popup-container div.popup-content-block{position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 10; min-width: 300px; max-width: 700px; min-height: 30px; background: url('/images/loading.gif') center center no-repeat; cursor: default;}
#my-popup div.popup-wrap div.popup-container div.popup-content-block div.close{position: absolute; top: 18px; right: 38px; z-index: 11; width: 16px; height: 16px; background: url('images/close_small.png') center center no-repeat; cursor: pointer;}
#my-popup div.popup-wrap div.popup-container div.popup-content-block div.close {position: absolute;top: 18px;right: 38px;z-index: 11;width: 16px;height: 16px;background: url('images/cross.png') center center no-repeat; cursor: pointer;}

#my-popup .popup-holder {border: 3px solid #343435; cursor: default; max-width: 700px; color:#fff;}
#my-popup .popup-holder.error{border-color: #ff0000;}
#my-popup .form{margin: 0 auto; background: #000 none repeat scroll 0 0; display: inline-block; margin: 0 auto;width: calc(100% - 28px);padding: 20px 10px 10px 10px;position: relative;text-align: left; color:#fff;}
#my-popup .form div.row{margin-top: 10px;}
#my-popup .form div.row div.row-cell{float: left; width: calc(50% - 10px); padding: 5px; box-sizing: content-box;}
#my-popup .form div.row div.row-cell.full{width: calc(100% - 10px);}
#my-popup .form div.row div.row-cell.one-third{width: calc(33.3333% - 10px);}
#my-popup .form div.row div.row-cell.one-quart{width: calc(25% - 10px);}
#my-popup .form div.row div.row-cell div.select{width: 100%;}

#my-popup .popup-holder input[type="text"],
#my-popup .popup-holder select,
#my-popup .popup-holder textarea{	border-color: #999;border-width: 1px;}

#my-popup .form div.heading{/*text-transform: uppercase;*/font-size: 22px;line-height: 26px;overflow: hidden;border-bottom:2px solid #ccc;padding: 0px 0px 2px 0px;margin: 0px 0px 5px 0px;color: #fff;font-weight: bold; font-style: italic;border-color: #fff!important;font-family: "Montserrat";}
#my-popup .popup-holder.error div.heading{border-bottom-color: #ff0000;}
#my-popup .form div.heading strong{font-size: 14px;}
#my-popup .form div.subtitle{font-style: italic;margin-bottom:10px;}
#my-popup .form div.section-heading{font-size: 14px; line-height: 18px;overflow: hidden;border-bottom:2px solid #ccc;padding: 0px 0px 2px 0px;margin: 20px 0px 5px 0px;color: #fff; font-style: italic;border-color: #fff!important;}
#my-popup .form div.block-submit-btn{padding: 20px 0; text-align: center; background: #000; margin: 0 -10px -10px -10px; line-height: 44px; height: 44px;}
#my-popup .form input[type=submit]{/*background: rgba(0, 52, 76, 1);*/}
 
#my-popup select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 2px solid #ccc;background: #FFFFFF;background-image: none;}
#my-popup select {width: calc(100% - 9px);height: 100%;margin: 0;padding: 0 0 0 .5em;color: #333333;cursor: pointer;}
#my-popup select::-ms-expand {display: none;}
#my-popup .select {position: relative;display: block;width: 20em;height: 3em;line-height: 3;background: transparent;overflow: hidden;border-radius: .25em;}
#my-popup .select::after {content: '\25BC';position: absolute;top: 0;right: 0;bottom: 0;padding: 0 1em;background: #ccc;color: #FFFFFF;pointer-events: none;}/* Transition */
#my-popup .select:hover::after {/*color: #F51D2A;*/}
#my-popup .select::after {-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease;}
#my-popup .form div.row div.row-cell .select::after{	background-color: transparent;color: #999;}
#my-popup .form div.row div.row-cell .select{	height: 36px;overflow:visible;}
#my-popup .form div.row div.row-cell .select select{	height: 36px;	-webkit-border-radius: 2px;	-moz-border-radius: 2px;border-radius: 2px;}
#my-popup .form div.row div.row-cell.full_size{width: calc(100% - 10px);float:none;}

#my-popup .notice div.heading {text-align:center; border:none;margin: 20px 30px;}

/*	================================================================
*	block:	FORM INPUTS
*/
#my-popup .form-input, .form-textarea{border: 2px solid #ccc; line-height: 29px; color: #333333; font-size: 13px; padding: 3px 5px 3px 0; display: block; width: calc(100% - 9px); text-indent: 10px;border-radius: .25em;}
#my-popup .form-textarea{line-height: 16px; min-height: 80px; padding-top: 10px; padding-bottom: 10px;}
#my-popup .form-input.field-error, .form-textarea.field-error, select.field-error, input[type=checkbox].field-error + label:before {border-color: #999 !important;background: #fff9b6;}
#my-popup .select.field-error:after {background: transparent !important;}
#my-popup .btn{padding: 10px 35px;display: inline-block; margin: 5px; text-align: center; font-size: 20px;color: #fff !important;  border: 3px solid #fff;text-transform: uppercase; cursor: pointer; -webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;}
#my-popup .btn:hover{background: #fff;color:#000;}

#my-popup .btn.theme-border {border-width: 2px; border-style:solid; background-color: #fff;}
#my-popup .btn.theme-fill {border-width: 2px; border-style:solid;background: transparent;}
#my-popup .btn.theme-fill:hover {background-color: #fff;color:#000!important;}

#my-popup .half_error{float:left;	max-width:49%;	width: 100%;padding-left: 1%;font-size: 13px; border:2px solid red; color:red;}
#my-popup .alert.success .half_error{border:2px solid green; color:green; width:100%;max-width:100%;}

#my-popup .form div.row div.row-cell .select select, .accordion .select select,
#my-popup .form-input, .form-textarea{border: 1px solid #999;border-color: #999!important;}