@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* Import von weiteren CSS-Dateien */
@import url("default-settings.css");
@import url("redaxo_responsive_menu.css");
@import url("yform.css");

* { font-family: 'Open Sans', Verdana, Geneva, sans-serif; }

html, body {
font-family: 'Open Sans', Verdana, Geneva, sans-serif; 
font-size: 14px; line-height: 20px;
color: #181818;
/* Woerter in die naechste Zeile umbrechen, wenn sie ansonsten das umschliessende Element verlassen wuerden. */
word-wrap:break-word;
height: 100%;
}
html { overflow: scroll; overflow-x: auto; 
background-color: #FFF;
}

/* ----------------------------------------------------------------------------------
   Schriften + Generelle CSS-Anpassungen fuer diese Webseite
---------------------------------------------------------------------------------- */ 
a { text-decoration: underline; color:#ef3d3d; }
a:hover { text-decoration: none; color:#181818; }
a:active, a:focus { outline: 0; }
a:hover img { opacity: 0.8; }

ul li { list-style-type: disc; list-style-position: outside; margin: 0 0 10px 18px; padding: 0; }
/* #content ul li { list-style-type: none; margin: 0 0 10px 0; padding: 0 0 0 18px; background-image: url(listpoint.png); background-position: left top; background-repeat: no-repeat; } */


h1, h2, h3, h4, h5, h6,
.like_h1, .like_h2, .like_h3, .like_h4, .like_h5, .like_h6 { font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; font-weight: 300; text-transform: uppercase; font-style: normal; font-size: 14px; line-height: 20px; margin: 0 0 10px 0; color: #181818; }
h1, .like_h1 { font-size: 25px; line-height: 30px; } 
h2, .like_h2 { font-size: 21px; line-height: 26px; } 
h3, .like_h3 { font-size: 18px; line-height: 23px; } 
h4, .like_h4 { font-size: 16px; } 
h5, .like_h5 { font-size: 14px; } 
h6, .like_h6 { font-size: 12px; } 

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
.like_h1 span, .like_h2 span, .like_h3 span, .like_h4 span, .like_h5 span, .like_h6 span { font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; }

/*
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.like_h1 strong, .like_h2 strong, .like_h3 strong, .like_h4 strong, .like_h5 strong, .like_h6 strong { color: #f3a31e; font-weight: normal; }
h1 strong, .like_h1 strong { font-weight: 300; font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; }
*/
p { margin: 0 0 20px 0; padding: 0;}


hr { clear: both; display: block; width: 95.24%; height: 1px; margin: 0 2.38% 30px 2.38%; border: none; background-color: #808285; } 
.small  { display: block; font-size: 13px; line-height: 16px; color: #333; font-style: italic; padding-top: 5px; } /* Bildunterschriften */

table { width: 99.5%; margin: 0 0 20px 0; border-left: 1px solid #282f37; border-top: 1px solid #282f37; }
th, td { padding: 10px 5px; text-align: left; vertical-align: top; border-right: 1px solid #282f37; border-bottom: 1px solid #282f37; }
table tr:nth-child(odd)	{ background-color:#FFF; }
table tr:nth-child(even) { background-color:#EEE; }
table th { background-color:#a2a2a2; color: #FFF; }

@media screen and (max-width:480px) {
.table_responsive table, .table_responsive tr, .table_responsive td { padding:0; border: 1px solid #808285; }
.table_responsive table { border: none; }
.table_responsive thead { display: none; }
.table_responsive tr { clear: both; float: left; margin-bottom: 30px; width: 100%; border: none; }
.table_responsive td { float: left; width: 100%; padding: 10px 0; background-color: #FFF; }
.table_responsive td::before { content:attr(data-label); display: block; float:left; width: 100px; min-height: 20px; margin: -10px 20px -10px 0; padding: 10px 20px; background: #bbb; border-right: 1px solid #808285; font-weight: bold; }

}
 

/* ----------------------------------------------------------------------------------
   CSS-Einstellungen fuer das Addon Modulhelper (bzw. bw_modulhelper)
---------------------------------------------------------------------------------- */ 
/* ------------ Outer Box ------------ */
/* Ausgangswerte: (Seitenbreite: 1260px | Abstand: 30px) */
.outer_box { clear: both; display: block; float: left; width: 95.24%; margin: 0 0 30px 2.38%; padding: 0; }

.box_width_full { width: 100%; margin: 0 0 30px 0; }
.box_width_1_2 { clear: none; width: 46.43%; }
.box_width_1_3 { clear: none; width: 30.16%; }
.box_width_2_3 { clear: none; width: 62.7%; }
.box_width_1_4 { clear: none; width: 22.02%; }
.box_width_3_4 { clear: none; width: 70.82%; } 

/* Ausgangswerte: (Seitenbreite: 980px | Abstand: 30px) */
#content .outer_box { clear: both; display: block; float: left; width: 93.88%; margin: 0 0 30px 3.06%; padding: 0; }

#content .box_width_full { width: 100%; margin: 0 0 30px 0; }
#content .box_width_1_2 { clear: none; width: 45.41%; }
#content .box_width_1_3 { clear: none; width: 29.25%; }
#content .box_width_2_3 { clear: none; width: 61.56%; }
#content .box_width_1_4 { clear: none; width: 21.17%; }



/* ----------------------------------------------------------------------------------
 Clearfix, um das Floating innerhalb der Container aufzuheben fuer Firefox, IE8, Opera, Safari, etc.
---------------------------------------------------------------------------------- */ 
.outer_box_inner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* + html .outer_box_inner { display: inline-block; } /* fuer IE7 */
* html .outer_box_inner { height: 1%; } /* fuer IE6 */

.outer_box_inner { padding: 10px 20px; }
.outer_box_headline { padding: 10px 20px; color: #FFF; font-size: 20px; line-height: 25px; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; }
.outer_box_headline strong { font-weight: bold; }

.outer_box_image { margin: 0 0 10px 0; text-align: center; }
.outer_box_image a { text-decoration: none !important; }
.outer_box_image a:hover { opacity: 0.8; }


/* ------------ Moduleinstellungen ------------ */
.text_bild .flLeft { float: left; display: block; width: auto; max-width: 63.89%; margin: 0 15px 0 0; overflow: hidden; }
.text_bild .flRight { float: right; display: block; width: auto; max-width: 63.89%; margin: 0 0 0 15px; overflow: hidden; }
.text_bild .image span.small { display: block; }


.zweispalter { padding: 20px 20px 1px 20px; }
.zweispalter .flLeft { float: left; display: block; width: 47.69%; margin: 0; overflow: hidden; }
.zweispalter .flRight { float: right; display: block; width: 47.69%; margin: 0; overflow: hidden; }

.no_margin_bottom { margin-bottom: 0!important; }

a.link_button { display: inline-block; padding: 5px 20px; background-color: #ef3d3d; color: #FFF; text-decoration: none; font-size: 16px; line-height: 25px; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; }
a.link_button:hover { background-color: #181818; color: #FFF; text-decoration: none; }

.box_orange { background-color: #d27f3b; 
background: -moz-linear-gradient(top,  #f09f5d 0%, #d27f3b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f09f5d 0%, #d27f3b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f09f5d 0%, #d27f3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09f5d', endColorstr='#d27f3b',GradientType=0 ); /* IE6-9 */
}
.box_green { background-color: #5fbfa3;
background: -moz-linear-gradient(top,  #7ddbc0 0%, #5fbfa3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7ddbc0 0%, #5fbfa3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7ddbc0 0%, #5fbfa3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ddbc0', endColorstr='#5fbfa3',GradientType=0 ); /* IE6-9 */
}

.box_yellow { background-color: #bca94a; 
background: -moz-linear-gradient(top,  #e1c96f 0%, #bca94a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e1c96f 0%, #bca94a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e1c96f 0%, #bca94a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1c96f', endColorstr='#bca94a',GradientType=0 ); /* IE6-9 */
}

.box_red { background-color: #d23d3f;
background: -moz-linear-gradient(top,  #f05c5c 0%, #d23d3f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f05c5c 0%, #d23d3f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f05c5c 0%, #d23d3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05c5c', endColorstr='#d23d3f',GradientType=0 ); /* IE6-9 */
}

.box_orange, .box_green, .box_yellow, .box_red { color: #FFF; }

.box_orange a.link_button { background-color: #FFF; color: #d27f3b; }
.box_green a.link_button { background-color: #FFF; color: #5fbfa3; }
.box_yellow a.link_button { background-color: #FFF; color: #bca94a; }
.box_red a.link_button { background-color: #FFF; color: #d23d3f; }
.box_orange a.link_button:hover,
.box_green a.link_button:hover,
.box_yellow a.link_button:hover,
.box_red a.link_button:hover { background-color: #181818; color: #FFF; }



.box_gray { background-color: #dcdcdc;
background: -moz-linear-gradient(top,  #eeeeee 0%, #dcdcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%, #dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%, #dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}
.box_gray { color: #181818; }
.box_gray h3 { color: #ef3d3d; }
.box_gray a.link_button { background-color: #ef3d3d; }
.box_gray a.link_button:hover { background-color: #181818; }



.orange { color: #d27f3b; }
.green { color: #5fbfa3; }
.yellow { color: #bca94a; }
.red { color: #d23d3f; }
.gray { color: #181818; }


/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
---------------------------------------------------------------------------------- */ 
#page_bg { position: relative; top: 0; left: 0; width: 1260px; height: auto; margin: 0 auto; padding: 0; z-index: 1; background-color: transparent; background-color: #FFF; }

/* Relative Bloecke innerhalb von "page" */
#page, #header_top, #logo, #davos_klosters, #languageSwitcherBox, #header_bg, #header, #header_image, #navigation_not_responsive, #wrapper, #sidebar, #content, #content_full, #footer_content_bg, #footer_content, #footer_bg, #footer, #footer_bottom_bg, #footer_bottom {
display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }

#page { overflow: hidden; }

#header_top { width: 1200px; margin: 0 auto; padding: 20px 0; }

#logo { width: 400px; }
#logo a:hover { opacity: 0.8; }

#davos_klosters { position: absolute; top: auto; bottom: 20px; left: auto; right: 0; width: 170px; }

#languageSwitcherBox { position: absolute; top: 20px; left: auto; right: 0; width: 200px; text-align: right; }
#languageSwitcherBox a { display: inline-block; margin: 0 0 0 10px; text-decoration: none; color: #181818; }
#languageSwitcherBox a:hover { text-decoration: none; color: #ef3d3d; }





#navigation_not_responsive { width: auto; padding: 0; z-index: 100;
background-color: #dcdcdc;
background: -moz-linear-gradient(top,  #eeeeee 0%, #dcdcdc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%, #dcdcdc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%, #dcdcdc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
}

#header_bg { z-index: 10; }
#header { width: 1200px; margin: 0 auto; background-color: #FFF; padding: 0; }
#header_image { min-height: 400px; margin: 0; }

#wrapper { width: 100%; min-height: 400px; margin: 0 auto; padding: 30px 0 0 0; }
#content_full { }
#content { float: right; width: 77.78%; margin: 0; }
#sidebar { float: left; width: 17.86%; margin: 0 0 0 2.38%; padding: 30px 0 10px 0; }


#footer_content_bg { clear: both; background-color: #FFF; overflow: hidden; }
#footer_content { clear: both; width: 100%; margin: 0; padding: 0; text-align: center; }
.footer_content_image { display: block; width: 100%; height: auto; margin: 0; padding: 0; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.footer_content_image img { opacity: 0.00001; }

#footer_bg,
#footer_bottom_bg { clear: both; background-color: #282f37; overflow: hidden; }
#footer,
#footer_bottom { clear: both; width: 1260px; margin: 0 auto; padding: 40px 0 20px 0; color: #FFF; font-size: 14px; line-height: 24px; border-top: 1px solid #787878; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { color: #ef3d3d; text-decoration: none; }

#footer .footer_box,
#footer_bottom .footer_bottom_box { display: block; float: left; width: 15.14%; margin: 0 0 0 2.38%; padding: 0; }
#footer .footer_box_headline { display: block; margin: 0 0 20px 0; color: #FFF; font-size: 25px; line-height: 30px; font-family: 'Open Sans Condensed', 'Open Sans', Verdana, Geneva, sans-serif; font-weight: 300; text-transform: uppercase; } 
#footer .footer_box ul li { list-style-type: none; margin: 0 0 10px 0; padding: 0 0 0 25px; background-image: url(listpoint_footer.png); background-position: left top; background-repeat: no-repeat; }
#footer .footer_box a { color: #787878; }
#footer #footer_left { width: 24.14%; }
#footer #footer_left a { color: #FFF; }


#footer_bottom .footer_bottom_box { width: 21.17%; }
#footer_bottom #footer_bottom_2 { width: 15.17%; }
#footer_bottom #footer_bottom_4 { width: 27.17%; }
#footer_bottom_full { clear: both; display: block; padding: 20px 0 0 0; text-align: center; }

/* ----------------------------------------------------------------------------------
   Module
---------------------------------------------------------------------------------- */ 
#google_map_iframe iframe { width: 100% !important; border: none !important; margin: 0 0 20px 0; padding: 0; }


.header_image_box { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }
.header_image_text { position: absolute; top: 50%; left: 5%; width: 90%; height: auto; margin: -25px 0 0 0; padding: 0; z-index: 10; color: #FFF; font-size: 36px; line-height: 50px; text-align: center; font-weight: bold; }


/* ----------------------------------------------------------------------------------
   slick-slider
---------------------------------------------------------------------------------- */ 
.slick_2_images { display: block; top: 0; left: 0; width: auto; padding: 60px 0 0 0; margin: 0 0 20px 0; }
.slick_2_images .slider_image { display: block; width: auto; margin: 10px 3% 20px 3%; padding: 0; text-align: center; }

.slick_2_images .slick-prev { top: 10px; left: auto; right: 52%; margin: 0; }
.slick_2_images .slick-next { top: 10px; left: 52%; margin: 0; }

@media all and (max-width:768px) {
.slick_2_images .slick-prev {  }
.slick_2_images .slick-next {  }
}


/* ----------------------------------------------------------------------------------
   isotope_gallery
---------------------------------------------------------------------------------- */ 
#isotope_gallery { clear: both; display: block; position: relative; top: 0; left: 0; width: auto; height: auto; margin: 0 3.06% 40px 3.06%; padding: 20px 10px 10px 10px; z-index: 1; background-color: #dcdcdc; }

.isotope_grid { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0; padding: 0; z-index: 1; }
.isotope_item { display: block; float: left; width: 33.33%; }
.isotope_item a { display: block; width: auto; margin: 0 10px 20px 10px; box-shadow: 0 2px 4px 0 #999; }

@media all and (max-width:768px) { .isotope_item { width: 33.333%; } #isotope_gallery { margin: 0 0 20px 0; } }
@media all and (max-width:480px) { .isotope_item { width: 50.0%; } }





#header_image_with_form { display: block; width: 100%; height: auto; margin: 0; padding: 40px 0; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#header_image_with_form_headline { display: block; margin: 0 0 10px 0; font-size: 50px; line-height: 60px; font-weight: bold; color: #FFF; text-align: center; }
#header_image_with_form_subline { display: block; margin: 0 0 40px 0; font-size: 36px; line-height: 50px; color: #FFF; text-align: center; }
#header_image_with_form_formular { display: block; width: 820px; margin: 0 auto; border: 1px solid #FFF; background-color: rgba(255,255,255,0.2); }

@media all and (max-width:840px) { 
#header_image_with_form_headline { margin: 0 15px 10px 15px; font-size: 40px; line-height: 50px; }
#header_image_with_form_subline { margin: 0 15px 40px 15px; font-size: 30px; line-height: 40px; }
#header_image_with_form_formular { display: block; width: auto; margin: 0 15px; }

}


.suche_apartments { display: block; padding: 20px 0 20px 20px;  }
.suche_apartments_block { display: inline-block; margin: 0 10px 0 0;  }
.suche_apartments_block label { display: block; color: #FFF; font-size: 12px; line-height: 20px;  }
.suche_apartments_block .suche_apartments_text { display: block; border: none; margin: 0; padding: 5px 10px; color: #181818; background-color: #FFF; font-size: 12px; line-height: 20px; border: 1px solid #FFF; }

.suche_apartments_button { display: inline-block; width: 140px; height: auto; margin: 0; padding: 5px; border: none; color: #FFF; background-color: #ef3d3d; font-size: 12px; line-height: 20px; text-align: center; border: 1px solid #ef3d3d; }
.suche_apartments_button:hover { color: #181818; background-color: #dcdcdc; border: 1px solid #dcdcdc; }


#suche_apartments_check_in, #suche_apartments_check_out { width: 200px; background-image:url(calendar.gif); background-position: right 10px center; background-repeat: no-repeat; }
#suche_apartments_adults, #suche_apartments_kids { width: 50px; }



#page_with_form_formular { display: block; width: 820px; margin: 0 auto; border: 1px solid #181818; }

#page_with_form_formular .suche_apartments_block label { color: #181818; }
#page_with_form_formular .suche_apartments_block .suche_apartments_text { border: 1px solid #c5c5c5; }
#page_with_form_formular #suche_apartments_adults,
#page_with_form_formular #suche_apartments_kids { border: none; }




.apartment_list_text h2 { font-weight: bold; }
.apartment_list_text p { margin-bottom: 0; }
.apartment_list_text li { margin-bottom: 0; }

.apartment_list_icons { display: block; margin: 30px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #181818; }
.apartment_list_icon { float: left; display: block; position: relative; top: 0; left: 0; width: 30px; height: 30px; margin: 0 10px 0; padding: 0; z-index: 1; }
.apartment_list_icon span { display: none; position: absolute; top: -25px; left: 50%; width: 60px; height: 20px; margin: 0 0 0 -30px; padding: 0; z-index: 10; text-align: center; color: #181818; background-color: #FFF; border: 1px solid #181818; font-size: 10px; line-height: 20px; border-radius: 4px; }
.apartment_list_icon:hover span { display: block; }

.apartment_list_price { display: block; padding: 30px 0; font-size: 40px; line-height: 50px; font-weight: bold; color: #181818; text-align: center; }
.apartment_list_price span { display: block; font-size: 12px; line-height: 20px; font-weight: normal; }
a.apartment_list_button_book_now { display: inline-block; padding: 4px 15px; background-color: #ef3d3d; color: #FFF; text-decoration: none; font-size: 14px; line-height: 20px; }
a.apartment_list_button_book_now:hover { background-color: #dcdcdc; color: #181818; text-decoration: none; }



/* ----------------------------------------------------------------------------------
   Responsive Webdesign
---------------------------------------------------------------------------------- */ 
@media all and (max-width:1260px) {
/* mit dem Setzen der Breite auf geht das reponsive Webdesign erst richtig los */
#page_bg { width: 100%; min-width: 300px; overflow: hidden; }
#page { width: 100%; }

#header_top,
#header { width: auto; margin: 0 2.78%; }

#footer,
#footer_bottom { width: 100%; margin: 0; }

}

@media all and (max-width:980px) {
#wrapper { padding: 10px 0 0 0; }

.box_width_1_4 { width: 46.43%; }
#content .box_width_1_4 { clear: none; width: 45.41%; }

#footer .footer_box,
#footer_bottom .footer_bottom_box { width: 22.02%; }
#footer_1 { clear: both; }
#footer #footer_left { float: none; width: auto; margin: 0 2.38% 20px 2.38%; }

}

@media all and (max-width:768px) {
h1, .like_h1 { font-size: 24px; line-height: 32px; } 
h2, .like_h2 { font-size: 21px; line-height: 27px; } 
h3, .like_h3 { font-size: 18px; line-height: 24px; } 

.outer_box,
#content .outer_box { clear: both; float: none; width: 94.44%; margin: 0 0 20px 2.78%; }

.text_bild .flLeft,
.text_bild .flRight { float: none; width: auto; max-width: none; margin: 0 0 20px 0; }

.zweispalter { background-image: none; }
.zweispalter .flLeft { float: none; width: auto; margin: 0 0 20px 0; }
.zweispalter .flRight { float: none; width: auto; margin: 0; }

#header_top { padding: 20px 0; }
#logo { width: 180px; }
#davos_klosters { display: none; }
#languageSwitcherBox { top: 60px; left: auto; width: 100px; }
#languageSwitcherBox a span { display: none; }


#navigation_not_responsive { display: none; }

#content { float: none; width: auto; margin: 0 2.38%; }
#sidebar { float: none; width: auto; margin: 0 2.38%; padding: 30px 0 10px 0; }

#footer .footer_box,
#footer_bottom .footer_bottom_box { width: 46.43%; margin: 0 0 20px 2.38%; }
#footer_3,
footer_bottom_3 { clear: both; }


}

@media all and (max-width:480px) {
.outer_box,
#content .outer_box { float: none !important; width: auto !important; margin: 0 10px 20px 10px !important; }

#footer .footer_box,
#footer_bottom .footer_bottom_box { float: none; width: auto; margin: 0 2.38% 20px 2.38%; }


}