.bwg_slideshow_image_wrap { position:relative; display: block; margin:0px; text-align: center; /*HEIGHT FROM HEADER.PHP*/ clear:both; width:100% !important; overflow:hidden !important; } .bwg_slideshow_image_wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bwg_slideshow_image {width:100% !important; } .bwg_slideshow_prev_btn, .bwg_slideshow_next_btn { } #bwg_slideshow_play_pause { bottom: 0; cursor: pointer; display: table; height: inherit; outline: medium none; position: absolute; width: 30%; left: 35%; z-index: 13; } #bwg_slideshow_play_pause:hover #bwg_slideshow_play_pause-ico { display: inline-block !important; } #bwg_slideshow_play_pause:hover span { position: relative; z-index: 13; } #bwg_slideshow_play_pause span { display: table-cell; text-align: center; vertical-align: middle; } #bwg_slideshow_play_pause-ico { display: none !important; cursor: pointer; position: relative; z-index: 13; } #bwg_slideshow_play_pause-ico:hover { display: inline-block; position: relative; z-index: 13; } #spider_slideshow_left,#spider_slideshow_right { cursor: pointer; display: inline; height: 100%; outline: medium none; position: absolute; width: 30px; z-index: 13; height:45px; bottom:45%; } #spider_slideshow_left { left:30px; margin-top:-10px; background:url(arrow.left.png) right bottom no-repeat; background-size:26px 46px; } #spider_slideshow_right { right:30px; margin-top:-10px; background:url(arrow.right.png) left bottom no-repeat; background-size:35px 45px; } #spider_slideshow_left:hover, #spider_slideshow_right:hover {visibility: visible;} #spider_slideshow_left:hover span { left: 20px; } #spider_slideshow_right:hover span {left: auto;right: 20px;} #spider_slideshow_left-ico span, #spider_slideshow_right-ico span { display: table-cell; text-align: center; vertical-align: middle; z-index: 13; } #spider_slideshow_left-ico, #spider_slideshow_right-ico { -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; margin-top: -15px; cursor: pointer; display: table; left: -9999px; line-height: 0; z-index: 13; top: 50%; } #spider_slideshow_left-ico:hover, #spider_slideshow_right-ico:hover {cursor: pointer; } .bwg_slideshow_image_container { vertical-align: middle; position: relative; text-align: center; display: table; width:100%; left:0px; top:0px; } .bwg_none_selectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bwg_slideshow_title_container { vertical-align: middle; display: table-cell; position: relative; margin: 0 auto; } .bwg_slideshow_title_container > div {display:block;width:100%; } .bwg_slideshow_title_span { display: table-cell; overflow: hidden; position: relative; /*text-align FROM HEADER.PHP*/ /*vertical-align FROM HEADER.PHP*/ } .bwg_slideshow_description_span { display: table-cell !important; overflow: hidden; position: relative; /*text-align FROM HEADER.PHP*/ /*vertical-align FROM HEADER.PHP*/ } .bwg_slideshow_title_text { font-weight:bold;} .bwg_slideshow_title_text,.bwg_slideshow_description_text{ margin:25px 10px 10px 10px; color:#FFFFFF !important; display: inline-block; text-decoration: none; z-index:6 !important; position: relative; max-width: 50%; } .bwg_slideshow_title_text div, .bwg_slideshow_description_text div { /*background-color:rgba(71, 71, 71, 0.5);*/ color:#FFFFFF !important; padding:12px; word-break: break-word; } .bwg_slideshow_description_text h1{ font-size: 42px; } .bwg_slideshow_description_text div h1, .bwg_slideshow_description_text div h2, .bwg_slideshow_description_text div h3, .bwg_slideshow_description_text div h4, .bwg_slideshow_description_text div p, .bwg_slideshow_title_text div h1, .bwg_slideshow_title_text div h2, .bwg_slideshow_title_text div h3, .bwg_slideshow_title_text div h4, .bwg_slideshow_title_text div p {margin-bottom:12px;} .bwg_slideshow_description_text div p{ font-size: 26px; } .bwg_slideshow_description_text div h1, .bwg_slideshow_description_text div h2{ font-weight: bold; } .bwg_slideshow_title_text.none, .bwg_slideshow_description_text.none {display:none;} .bwg_slide_container { display: table-cell; margin: 0 auto; position: relative; vertical-align: middle; width: inherit; height: inherit; } .bwg_slide_bg { margin: 0 auto; width: inherit; height: inherit; overflow:hidden !important; } .bwg_slider { height: inherit; width: inherit; } .bwg_slideshow_image_span { width: inherit; /*height: inherit; */ display: table-cell; filter: Alpha(opacity=100); opacity: 1; position: absolute; vertical-align: middle; z-index: 2; overflow:hidden !important; } .bwg_slideshow_image_second_span { width: inherit; display: table-cell; filter: Alpha(opacity=0); opacity: 0; position: absolute; vertical-align: middle; z-index: 1; overflow:hidden !important; } .bwg_grid { display: none; height: 100%; overflow: hidden; position: absolute; width: 100%; } .bwg_gridlet { opacity: 1; filter: Alpha(opacity=100); position: absolute; } .bwg_slideshow_dots { display: inline-block; position: relative; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); width:10px; height: 10px; border-radius: 10px; background: #00f; margin: 10px; overflow: hidden; z-index: 17; } .bwg_slideshow_dots_container { display: table; position: absolute; /*width FROM HEADER.PHP*/ } .bwg_slideshow_dots_thumbnails { left: 0px; margin: 0 auto; overflow: hidden; position: absolute; width:100%; } .bwg_slideshow_dots_active { opacity: 1; background:#0f0; filter: Alpha(opacity=100); } .bwg_slideshow_image_span1 { display: table; width: inherit; height: inherit; } .bwg_slideshow_image_span2 { display: table-cell; vertical-align: middle; text-align: center; } @media only screen and (max-width: 1024px) { .bwg_slideshow_description_text div h1{ font-size: 29px !important; } .bwg_slideshow_description_text div p { font-size: 20px; } } @media only screen and (max-width: 768px) { .bwg_slideshow_description_text div h1, .bwg_slideshow_description_text div h2, .bwg_slideshow_description_text div h3, .bwg_slideshow_description_text div h4, .bwg_slideshow_description_text div p, .bwg_slideshow_title_text div h1, .bwg_slideshow_title_text div h2, .bwg_slideshow_title_text div h3, .bwg_slideshow_title_text div h4, .bwg_slideshow_title_text div p {margin-bottom:3px;} .bwg_slideshow_description_text div p{ font-size: 14px; } .bwg_slideshow_description_text div h1, .bwg_slideshow_description_text div h2, .bwg_slideshow_description_text div h3, .bwg_slideshow_description_text div h4{ font-size: 20px !important; } #spider_slideshow_right{ background-size: 20px 20px; top: 50%; right: -5px; margin-top: -40px; } #spider_slideshow_left{ background-size: 15px 20px; top: 50%; left: -5px; margin-top: -40px; } } @media screen and (max-width: 640px){ .bwg_slideshow_description_text { overflow : hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width:100%; max-width:100%; font-size:12px !important; margin:0px; } .bwg_slideshow_description_span { display: table-cell !important; overflow: hidden; position: relative; padding-right:8%; padding-left:8%; padding-bottom:10px; /*text-align FROM HEADER.PHP*/ /*vertical-align FROM HEADER.PHP*/ } }