@media (min-width: 290px)
{
.top, #content, #shifting, .bottom, #breadcrumbs, #footer
{
/*padding-left: 20px;*/
/*padding-right: 20px;*/
}
.head, .main, .foot, .slideshow
{
/*padding-left: 20px;*/
/*padding-right: 20px;*/
}
}
@media (max-width: 767px)
{
/*dont change this*/
body
{
padding-left: 0;
padding-right: 0;
}
/*//dont change this*/
.head_top .align_right
{
text-align: left !important;
}
.plusl-panel
{
float: left !important;
}
.module_newsletter .inputbox
{
width: 80%;
}
#hor_nav ul
{
display: none;
}
#header_banner
{
margin-top: 10px;
}
#login_top
{
margin-top: 20px;
}
}
@media (max-width: 500px)
{
.search_nav
{
display: none;
}
}
/*can be disabled for when no .holder*/
@media (min-width: 290px) and (max-width: 2480px)
{
body
{
padding-left: 0;
padding-right: 0;
}
}
/*// can be disabled for when no .holder*/
/*DM content border bottom tabs (dont delete)*/
@media (max-width: 768px)
{
.nav-tabs > li:last-child > a, .nav-tabs > .active:last-child > a
{
border-bottom: 0px !important;
}
}
/*GENERAL CONTAINERS*/
.page-header
{
border-bottom: 0;
}
.wrap_inner
{
margin-right: auto;
margin-left: auto;
}
.head
{
}
.head .wrap_inner
{
}
.navv
{
}
.main
{
}
.main .wrap_inner
{
padding-left: 0;
padding-right: 0;
}
.foot
{
}
.foot .wrap_inner
{
}
#footer
{
padding-bottom: 10px;
}
/*CONTAINERS*/
#search_login_panel
{
padding: 20px;
}
#header_banner
{
}
#hor_nav
{
}
.navv .wrap_inner
{
}
.slideshow
{
}
.slideshow .wrap_inner
{
}
#slideshow
{
/*margin-left: 20px;*/
/*margin-right: 20px;*/
}
#content #slideshow
{
padding: 0 0 20px 0;
margin-top: 0;
}
.top
{
}
#top
{
}
.top .wrap_inner
{
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.content_main
{
}
.content_main .wrap_inner
{
padding-left: 20px;
padding-right: 20px;
}
#content
{
}
.shifting
{
}
#shifting
{
padding-bottom: 20px;
}
.shifting .wrap_inner
{
background-color: transparent !important;
padding-left: 0;
padding-right: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.shifting .crate
{
margin-bottom: 0;
}
.bottom
{
}
#bottom
{
}
.bottom .wrap_inner
{
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
#bottom .crate
{
}
#breadcrumbs
{
}
#breadcrumbs .wrap_inner
{
}
.breadcrumb
{
background-color: transparent;
line-height: normal;
padding-top: 8px;
line-height: 35px;
}
#breadcrumbs_block
{
}
/*SLIDEPANEL*/
#slidepanel
{
padding-top: 20px;
padding-bottom: 20px;
}
#slidepanel .row-fluid, #slidepanel .container_12
{
background-color: transparent !important;
background-image: none !important;
}
#slidepanel .crate
{
text-align: left;
}
/*SCROLL HOR*/
.dis_art_content
{
display: none;
}
#scroll_hor
{
margin-top: 20px;
height: 200px;
margin-bottom: 20px;
}
.sh_more_title_outer
{
position: relative;
}
.sh_more_title_inner
{
text-align: center;
line-height: 40px;
color: #FFF;
position: absolute;
margin-left: 0;
margin-right: 0;
width: 290px;
margin-top: 160px;
}
.sh_more_outer
{
position: relative;
height: 200px;
margin: 0;
}
.sh_more_inner
{
height: 40px;
width: 100%;
text-align: center;
bottom: 20%;
position: absolute;
}
#sh_img1, #sh_img2, #sh_img3, #sh_img4
{
}
#sh_img1
{
}
#sh_img2
{
}
#sh_img3
{
}
#sh_img4
{
}
#sh_img5
{
}
#sh_img6
{
}
#sh_img7
{
}
#sh_img8
{
}
#sh_img9
{
}
#sh_img10
{
}
#sh_img11
{
}
#sh_img12
{
}
#sh_img13
{
}
#sh_img14
{
}
#sh_img15
{
}
#sh_img16
{
}
#sh_img17
{
}
#sh_img18
{
}
#sh_img19
{
}
#sh_img20
{
}
.sh_more_outer
{
}
.sh_more_outer .btn.btn-mini
{
background-color: rgba(0, 0, 0, 0.526) !important;
}
.sh_more_outer .btn.btn-mini a
{
color: #FFF !important;
}
.sh_more_title_inner
{
background-color: rgba(0, 0, 0, 0.526);
color: #FFF !important;
text-shadow: 1px 1px 1px #000;
}
/*SCROLL VER*/
#ver_scroll_art_slideshow
{
position: absolute;
bottom: 0;
left: 0;
width: 200px !important;
height: 500px !important;
}
.vert .simply-scroll-list li
{
margin-bottom: 20px;
}
.dis_art_content_ver
{
display: none;
}
#scroll_ver
{
}
.vh_more_title_outer
{
position: relative;
}
.vh_more_title_inner
{
text-align: center;
line-height: 40px;
color: #FFF;
position: absolute;
margin-left: 0;
margin-right: 0;
width: 270px;
margin-top: 30px;
margin-top: 20px;
}
.vh_more_outer
{
position: relative;
height: 180px;
margin: 0;
}
.vh_more_inner
{
height: 40px;
width: 100%;
text-align: center;
bottom: 10%;
position: absolute;
}
#vh_img1, #vh_img2, #vh_img3, #vh_img4
{
}
#vh_img1
{
}
#vh_img2
{
}
#vh_img3
{
}
#vh_img4
{
}
#vh_img5
{
}
#vh_img6
{
}
#vh_img7
{
}
#vh_img8
{
}
#vh_img9
{
}
#vh_img10
{
}
#vh_img11
{
}
#vh_img12
{
}
#vh_img13
{
}
#vh_img14
{
}
#vh_img15
{
}
#vh_img16
{
}
#vh_img17
{
}
#vh_img18
{
}
#vh_img19
{
}
#vh_img20
{
}
.vert .simply-scroll-list li
{
}
#slideshow .vh_more_outer .btn.btn-mini, .sv_more_outer .btn.btn-mini
{
border: 0px;
border: 0 !important;
background-color: rgba(255, 255, 255, 0.802) !important;
color: #E18A07 !important;
}
.vh_more_outer .btn.btn-mini
{
}
.vh_more_title_inner
{
background-color: rgba(8, 156, 226, 0.685);
color: #FFF !important;
}
#slideshow p.btn.btn-mini a
{
background-color: transparent !important;
border: 0px !important;
color: #E18A07 !important;
}
/*CUSTOM MODULE HOVER EFFECT*/
.zoom_style
{
}
.view
{
}
/*style common*/
.view
{
width: 100%;
/*height: auto;*/
float: left;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
}
.view .mask, .view .content
{
width: 100%;
/*height: auto;*/
position: absolute;
overflow: hidden;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.view img
{
display: block;
position: relative;
width: 100%;
}
.view h3
{
/*text-transform: uppercase;*/
/*color: #FFF;*/
text-align: center;
position: relative;
/*font-size: 17px;*/
/*padding: 10px;*/
padding-bottom: 5px;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0;
}
.view p
{
/*font-family: Georgia, serif;*/
/*font-style: italic;*/
/*font-size: 12px;*/
position: relative;
/*color: #FFF;*/
padding: 5px;
text-align: center;
}
.view a.info
{
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #FFF;
text-transform: uppercase;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
}
.view a.info:hover
{
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
/*style10 (zoom)*/
.view-tenth img
{
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.view-tenth .mask
{
/*background-color: rgba(0, 102, 152, 0.737);*/
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth h3
{
border-bottom: 1px solid rgba(255, 255, 255, 0.237);
background: transparent;
margin: 20px 40px 0px 40px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
/*color: #333;*/
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth p
{
/*color: #333;*/
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth a.info
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth:hover img
{
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth:hover .mask
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-tenth:hover h3, .view-tenth:hover p, .view-tenth:hover a.info
{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
/*VIDEO CALL BACK*/
#call_back_outer
{
background: url(../images/backgrounds/play.png) center top no-repeat;
position: absolute;
top: 20px !important;
left: 365px !important;
width: 59px !important;
height: 100px !important;
cursor: pointer;
}
#module-video
{
position: absolute;
bottom: 0 !important;
left: 0 !important;
width: 59px !important;
height: 100px !important;
cursor: pointer;
}