/*
zlta #edab30
*/
a:focus,button:focus {outline: none;}
button::-moz-focus-inner {border: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
.spacer {margin-top:5px;}
.no-transition {transition: none !important;}
/*
.parallax {
background-attachment: fixed !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
*/
#flashmsg {
position:fixed;
top: 0px;
left: 0px;
width: 100%;
z-index:9999;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-align:center;
}
section {
padding: 50px 0px 50px 0px;
background: #000000;
color:#fff;
border-bottom:1px solid #fff;
}
section h2 {
color:#edab30;
font-size: 32px;
text-align: center;
padding: 0px 0px 15px 0px;
margin: 0px 0px 15px 0px;
background: transparent url("images/section_h2_line.png") no-repeat scroll bottom center;
text-transform: uppercase;
font-weight:bold;
word-wrap: break-word;
}
section h3 {
color:#fff;
font-size: 18px;
text-align: center;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin: 0px 0px 60px 0px;
word-wrap: break-word;
}
section h3 + div, section .claim {
font-size:13px;
}
section h2 a, section h3 a {
color: #edab30;
}
section h2 a:hover, section h3 a:hover {
color: #edab30;
}
.separator a {
color: #fff;
display: block;
font-size: 56px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
text-decoration:none;
word-wrap: break-word;
}
.separator a:hover,
.separator a:focus {
text-decoration: none;
color: #edab30;
}

.btn-custom, .btn-custom:focus {
background-color: #edab30;
border-color: #edab30;
color: #000;
font-size: 18px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 5px 15px;
margin:0px;
/*text-transform: capitalize;*/
}
.btn-custom:hover {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.btn-custom.inverse{
background-color: transparent;
border-color: #000;
color: #000;
}
.btn-custom.inverse:hover, .btn-custom.inverse:focus {
background-color: #000;
border-color: #000;
color: #fff;
}
.btn-custom.inverse2{
background-color: transparent;
border-color: #fff;
color: #fff;
}
.btn-custom.inverse2:hover, .btn-custom.inverse2:focus {
background-color: #edab30;
border-color: #edab30;
color: #000;
}

.pagination {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
display: block;
margin: 10px 0px 20px 0;
}
.pagination > li > a, .pagination > li > span {
float:none;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
background-color: transparent;
border-color: #edab30;
color:#edab30;
font-weight:normal;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background-color: transparent;
border-color: #fff;
color:#fff;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
background-color: #edab30;
border-color: #edab30;
color: #000;
}

section .nav-pills {
display: inline-block;
/*margin-top: 30px;*/
}
section .nav-pills > li {
margin-top: 10px;
margin-right: 20px;
}
section .nav-pills > li:last-child {
margin-right: 0px;
}
section .nav-pills li a {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 5px 15px;
}
section .nav-pills > li > a:focus,
section .nav-pills > li > a:hover,
section .nav-pills > li.active > a,
section .nav-pills > li.active > a:focus,
section .nav-pills > li.active > a:hover {
background-color: #edab30;
border-color: #edab30;
color: #000;
}
section .pillscontent {
background: #EDAB30;
margin-top:30px;
}
section .pillscontent .content {
padding:30px 0px 40px 0px;
color:#000;
overflow-x: hidden; /* PLAVA */
}
section .pillscontent .content a {
color:#000;
text-decoration:underline;
}
section .pillscontent .content a:hover {
color:#a61307 !important;
}


section .listing a.title,
section .listing a.title.collapsed,
section .listing a.title:focus {
color: #fff;
font-size: 18px;
display: block;
border-bottom: 1px solid #DCDCDC;
padding: 10px 0px 3px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
font-weight:normal;
}
section .listing a.title .date {
font-size: 15px;
color: #bbb;
}
section .listing a.title:hover,
section .listing a.title:hover .date,
section .listing a.title .date:hover,
section .listing a.title[aria-expanded="true"] {
text-decoration: none;
color: #edab30;
}
section .listing a.title + div {
background: #DCDCDC;
color: #222;
}
section .listing .content {
padding: 20px 15px;
overflow-x: hidden; /* PLAVA */
font-weight: normal;
}
section .listing .content img {
height:auto;
width: 100%;
}
section .listing .content a {
text-decoration:underline !important;
color: #222; !important;
}
section .listing .content a:hover {
color:#a61307 !important;
}
section .listing .content li {
display: block;
}
section .listing .content li:before{
/*Using a Bootstrap glyphicon as the bullet point*/
content: "\e080";
font-family: 'Glyphicons Halflings';
font-size: 9px;
float: left;
margin-top: 4px;
margin-left: -17px;
color: #CCCCCC;
}
section#blog  .listing .content li:before {
color: #e22835;
}
section .listing .answer {
padding: 0px 0px 0px 0px;
margin: 10px 0px 20px 0px;
}
section .listing .gallery {
padding: 0px 0px 0px 0px;
margin: 20px 0px 20px 0px;
}
section .listing .other {
padding: 0px 0px 0px 0px;
margin: 20px 0px 20px 0px;
clear: both;
}
section .listing .other a {
background: #edab30;
border:1px solid #edab30;
color: #000;
font-size: 15px;
padding: 5px 0px;
width:40px;
text-align:center;
display:inline-block;
}
section .listing .other a:hover{
background-color: #000;
border-color: #000;
color: #edab30;
}
section .listing .bottom {
padding: 30px 0px 30px 0px;
}
section .listing .bottom p a {
color:#fff;
font-size:13px;
}
section .listing .bottom .btn {
margin-top: 30px;
}
section .pillscontent .other {
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
}
section .pillscontent .other a {
background: #000;
border: 1px solid #000;
color: #fff;
font-size: 15px;
padding: 5px 0px;
width:40px;
text-align:center;
display:inline-block;
}
section .pillscontent .other a:hover{
background-color: transparent;
border-color: #000;
color: #000;
}
section .content .gallery a {
text-decoration: none !important;
}
section .content .gallery img {
height: auto;
width: auto;
/*margin:5px;*/
/*max-width: 150px; removed due OWL */
display: inline;
}
.input-group-addon.captcha {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid transparent;
background:#fff;
}
.input-group-addon.captcha + .form-control {
box-shadow: none;
}
.input-group-addon.captcha + .form-control:focus {
border: 1px solid transparent !important;
box-shadow: none !important;
}

/*** HEADER ***/
#header {
margin:0px;
padding:0px;
}
#header > div, #menu > div {
margin:0px;
padding:0px;
}
.navbar-custom {
background-color: #edab30;
border-color: #edab30;
border: 0px none;
margin-bottom:0px;
border-radius: 0px;
}
.navbar-custom .navbar-brand {
height:auto;
}
.navbar-custom .navbar-brand.small {
display:none;
}
.navbar-custom .navbar-text {
float:none;
font-style: italic;
letter-spacing: 1px;
color: #000;
font-size: 16px;
margin-top:25px;
margin-bottom:10px;
}
.navbar-custom .navbar-nav > li > a,
.navbar-custom .dropdown-menu > li > a {
color: #e22835;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.navbar-custom .dropdown-menu > li > a {
padding-bottom: 10px;
padding-top: 10px;
font-size: 14px;
}
.navbar-custom .dropdown-menu {
background-color: #edab30;
border-color: #edab30;
border: 0px none;
margin-bottom:0px;
border-radius: 0px;
}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li.active > a, .navbar-custom .navbar-nav > li.active > a:hover,
.navbar-custom .navbar-nav > li.open > a, .navbar-custom .navbar-nav > li.open > a:hover , .navbar-custom .navbar-nav > li.open > a:focus,
.navbar-custom .navbar-nav .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .dropdown-menu > li.active > a, .navbar-custom .navbar-nav .dropdown-menu > li.active > a:hover
{
color: #fff;
background-color: #333;
}
.navbar-custom .fa-lg {
vertical-align: 0;
}
.navbar-custom .navbar-form {
margin:0px;
padding: 0px;
background-color: #333;
color: #fff;
}
.navbar-custom .navbar-form .form-control, .navbar-custom .navbar-form .btn {
margin:0px;
padding: 0px;
background-color: #333;
color: #fff;
border: 0px none;
border-radius: 0px;
box-shadow: none;
padding-bottom: 15px;
padding-top: 15px;
line-height: 20px;
height:auto;
width:auto;
}
.navbar-custom .navbar-form .btn {
padding:15px;
font-size: 16px;
}
.navbar-custom .navbar-form .form-control:focus, .navbar-custom .navbar-form .btn:focus {
box-shadow: none;
}
#navbar_small.navbar-custom {
border-bottom: 1px solid #fff;
}
#navbar_small.navbar-custom .navbar-brand {
padding-bottom: 0;
padding-top: 0;
}
#navbar_small .navbar-text {
display:none;
}










#menu {
border-bottom:1px solid #fff;
}
#menu .o_drogach a {background:#000000;}
#menu .preco_nebrat a {background:#202403;}
#menu .bezpecne_uzivanie a {background:#011603;}
#menu .info_pre_mladez a {background:#231303;}
#menu .rady_pre_rodicov a {background:#240201;}
#menu .drogy_a_zakon a {background:#090537;}
#menu .prva_pomoc a {background:#330430;}
#menu .e_shop a {background:#090537;}
#menu .o_nas a {background:#1B0430;}
#menu a {
width:100%;
display: block;
text-align: center;
background:#244e54;
position:relative;
text-decoration: none;
}
#menu a img{
margin: 0 auto;
}
#menu a span {
position:absolute;
left:20px;
bottom:10px;
color:#fff;
text-transform:uppercase;
font-size:30px;
text-align:left;
max-width:220px;
}
#menu a:hover span,
#menu a:focus span {
color: #edab30;
text-decoration: none;
}



/*** DROGOVA_PORADNA eporadna ***/

#eporadna .content .question {
font-weight:normal;
}
#eporadna .content span.bold {
font-weight:bold;
display:block;
}
#eporadna .content .answer {
margin-top:20px;
font-weight:normal;
}
#drogova_poradna_question {
background: #edab30;
padding:60px 0px;
color: #000;
}
#drogova_poradna_question .form-group {
margin-bottom:2px;
}
#drogova_poradna_question .form-control {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid transparent;
font-size:20px;
padding-top:15px;
padding-bottom:15px;
height:auto;
min-height:60px;
line-height:1;
}
#drogova_poradna_question .form-control:focus {
border-color: transparent;
border: 1px solid #777;
box-shadow: none;
}
#drogova_poradna_question .form-group.text {
padding: 20px 0px 30px 0px;
}
#drogova_poradna_question p {
color:#000;
font-size:14px;
margin:0px 0px 5px 0px;
}
/*** ODBORNE_PORADENSTVO ***/
#odborne_poradenstvo {
background: #e40230 url("images/bg_odborne_poradenstvo.jpg") no-repeat scroll center center;
}
/*** AKCIE ***/
#akcie .item {
background: #edab30;
border:1px solid #fff;
}
#akcie small {
display: block;
margin:5px 0px 0px 0px;
}
#akcie h4 {
text-align:center;
height:40px;
overflow:hidden;
margin:10px 0px 0px 0px;
}
#akcie h4 + a {
margin:20px 0px 20px 0px;
}
/*** BLOG ***/
/*** O_DROGACH ***/
#o_drogach {
padding-bottom:0px;
background: #000 url("images/bg_o_drogach.jpg") no-repeat scroll left top;
}
/*** SOCIALNE_SIETE ***/
#socialne_siete {
background: #330430;
}
#socialne_siete a {
font-size: 50px;
display: inline-block;
width: 74px;
border: 2px solid #fff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
margin:0px 20px;
}
#socialne_siete a:hover {
border: 2px solid #edab30;
color:#edab30;
}

/*** PRECO_NEBRAT ***/
#preco_nebrat {
background: #000 url("images/bg_preco_nebrat.jpg") no-repeat scroll right top;
}
/*** BEZPECNE_UZIVANIE ***/
#bezpecne_uzivanie {
background: #000 url("images/bg_bezpecne_uzivanie.jpg") no-repeat scroll left top;
}
/*** HARM_REDUCTION ***/
#harm_reduction {
background: #e40230 url("images/bg_harm_reduction.jpg") no-repeat scroll center center;
}
/*** DROGY_A_ZAKON ***/
#drogy_a_zakon {
padding-bottom:0px;
background: #000 url("images/bg_drogy_a_zakon.jpg") no-repeat scroll right top;
}
/*** INFO_PRE_MLADEZ ***/
#info_pre_mladez {
background: #000 url("images/bg_info_pre_mladez.jpg") no-repeat scroll left top;
}
/*** RADY_PRE_RODICOV ***/
#rady_pre_rodicov {
padding-bottom:0px;
background: #000 url("images/bg_rady_pre_rodicov.jpg") no-repeat scroll right top;
}
/*** PRVA_POMOC (pomoc_a_podpora)***/
#prva_pomoc {
padding-bottom:0px;
1background: #000 url("images/bg_pomoc_a_podpora.jpg") no-repeat scroll left top;
}
#prva_pomoc .nav-pills {
margin-top:0px;
display:none;
}
#prva_pomoc .nav-pills.big {
display: inline-block;
}
#prva_pomoc .nav-pills.big > li {
margin-right: 150px;
margin-top: 0px;
}
#prva_pomoc .nav-pills.big > li:last-child {
margin-right: 0px;
}
#prva_pomoc .nav-pills.big a {
padding:0px;
height:290px;
width:290px;
-webkit-border-radius: 400px;
-moz-border-radius: 400px;
border-radius: 400px;
display: table;
border-width:2px;
}
#prva_pomoc .nav-pills.big a p {
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 32px;
white-space: normal;
word-wrap: break-word;
line-height: 1.2;
text-transform:none;
}
#prva_pomoc .nav-pills.big a p:first-letter {
text-transform: uppercase;
}
#prva_pomoc .listing a.title,
#prva_pomoc .listing a.title.collapsed,
#prva_pomoc .listing a.title:focus {
color: #000;
font-weight:normal;
}
#prva_pomoc .listing a.title:hover,
#prva_pomoc .listing a.title[aria-expanded="true"] {
color: #000;
font-weight:bold;
}
/*** SEPARATOR_1 ***/
#separator_1 {
background: #231303 url("images/bg_separator_1.jpg") repeat-x scroll center center;
}
/*** O_NAS ***/
#o_nas {
padding-bottom:0px;
background: #000 url("images/bg_o_nas.jpg") no-repeat scroll right top;
}
/*** SPRAVA ***/
#kontakt {
background: #000 url("images/bg_kontakt.jpg") no-repeat scroll right top;
}
#kontakt form {
margin-top:0px;
}
#kontakt .form-group {
margin-bottom:2px;
margin-right: 2px;
}
#kontakt .form-control {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid transparent;
font-size:20px;
padding-top:15px;
padding-bottom:15px;
height:auto;
min-height:60px;
line-height:1;
}
#kontakt .form-control:focus {
border-color: transparent;
border: 1px solid #777;
box-shadow: none;
}
#kontakt .form-group.text {
padding: 20px 0px 30px 0px;
}
#kontakt .nospaces,
#kontakt .nospaces > div {
padding:0px;
margin:0px;
}
#kontakt button.form-control:hover,
#kontakt button.form-control:focus {
background-color: #edab30;
border-color: #edab30;
color: #000;
}

/*** FOOTER ***/
footer {
background: #000000;
color:#fff;
padding: 50px 0px 10px 0px;
text-align:center;
}
footer a.menu {
color:#fff;
text-transform:uppercase;
padding:0px 6px;
font-size:14px;
}
footer a.menu:last-child span{
display:none;
}
footer .footer_copyright, footer .footer_copyright * {
font-size:12px;
padding:50px 0px 0px 0px;
margin:0px;
color:#fff;
}





/*** VYHLADAVANIE ***/
#vyhladavanie {
background: #000;
}
#vyhladavanie form {
margin-top:0px;
}
#vyhladavanie .form-group {
margin-bottom:2px;
margin-right: 2px;
}
#vyhladavanie .form-control {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid transparent;
font-size:20px;
padding-top:15px;
padding-bottom:15px;
height:auto;
min-height:60px;
line-height:1;
}
#vyhladavanie .form-control:focus {
border-color: transparent;
border: 1px solid #777;
box-shadow: none;
}
#vyhladavanie .form-group.text {
padding: 20px 0px 30px 0px;
}
#vyhladavanie .nospaces,
#vyhladavanie .nospaces > div {
padding:0px;
margin:0px;
}
#vyhladavanie button.form-control:hover,
#vyhladavanie button.form-control:focus {
background-color: #edab30;
border-color: #edab30;
color: #000;
}







/*** NEWSLETTER ***/
#newsletter {
background: #000 url("images/bg_newsletter.jpg") no-repeat scroll left top;
}
#newsletter form {
margin-top:0px;
}
#newsletter .form-group {
margin-bottom:2px;
margin-right: 2px;
}
#newsletter .form-control {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: 1px solid transparent;
font-size:20px;
padding-top:15px;
padding-bottom:15px;
height:auto;
min-height:60px;
line-height:1;
}
#newsletter .form-control:focus {
border-color: transparent;
border: 1px solid #777;
box-shadow: none;
}
#newsletter .form-group.text {
padding: 20px 0px 30px 0px;
}
#newsletter .nospaces,
#newsletter .nospaces > div {
padding:0px;
margin:0px;
}
#newsletter button.form-control:hover,
#newsletter button.form-control:focus {
background-color: #edab30;
border-color: #edab30;
color: #000;
}











/*** E_SHOP+***/
#e_shop {
background:#011603;
}
#e_shop .item {
background: #edab30;
border:1px solid #fff;
}
#e_shop h4 {
text-align:center;
height:20px;
overflow:hidden;
margin:15px 0px 0px 0px;
}
#e_shop h4 + a {
margin:15px 0px 15px 0px;
}

.owl-theme .owl-nav [class*="owl-"],
.owl-theme .owl-nav [class*="owl-"]:hover {
background: transparent;
border-radius: 0px;
color: #EDAB30;
font-size: 22px;
}
.owl-carousel.akcie .owl-stage{margin: 0 auto;} /*center items*/
.owl-carousel.galeria .owl-stage{margin: 0 auto;} /*center items*/
.owl-carousel.eshop .owl-stage{margin: 0 auto;} /*center items*/

.arrow-right {
position: relative;
left: 8px;
}
.arrow-right::before {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid red;
content: "";
display: block;
position: absolute;
top: 0;
left: -8px;
margin-top: 2px;
}

.rasta-red {
color:#a61307 !important;
}


/*** MOBILE FRIENDLY ***/
@media (max-width: 1380px) {
	#navbar_small .navbar-header{float:none;    }
	#navbar_small .navbar-left, .navbar-right{1float:none !important;    }
	#navbar_small .navbar-toggle{display:block;    }
	#navbar_small .navbar-collapse.collapse{display:none!important;    }
	#navbar_small .navbar-nav{float:none!important;        margin-top:-15px;padding-bottom:20px;    }
	#navbar_small .navbar-nav>li{1float:none;}
	#navbar_small .navbar-nav>li>a{padding-top:10px;        padding-bottom:10px;    }
	#navbar_small .collapse.in{display:block !important;    }
	#navbar_small.navbar-custom .navbar-form .form-control,#navbar_small.navbar-custom .navbar-form .btn{padding-top:10px;        padding-bottom:10px;}
	#navbar_small .navbar-text{margin-left:15px;    margin-right:15px;}
	#navbar_small .navbar-collapse.in{1overflow-y:auto !important;}
	#navbar_small .navbar-nav{margin-top:0px;padding-bottom:20px;    }
	#navbar_small .navbar-text{display:block;}
	#navbar_small .dropdown-menu{left:0;right:auto;width:100%;}

	.dropdown-menu{display:block;position:static;background-color:transparent;border:0 none;box-shadow:none;margin-top:0;position:static;width:100%;}
	.dropdown-menu > li {float:left;}
	.navbar-custom .dropdown-menu > li > a{color:#e22835;font-size:14px;font-weight:bold;text-transform:uppercase;padding:10px 10px;}
	.dropdown a.dropdown-toggle{display:none;}
	a.dropdown-toggle .caret{display:none; }

	.separator a{font-size:40px;}

}


@media (max-width: 1180px) {
	.navbar-header{float:none;}
	.navbar-left, .navbar-right{1float:none !important;}
	.navbar-toggle{display:block;}
	.navbar-collapse{padding-left: 0px;margin-left: -15px !important;}
	.navbar-collapse.collapse{display:none!important;}
	.navbar-nav{1float:none!important;margin-top:-15px;padding-bottom:20px;}
	.navbar-nav>li{1float:none;}
	.navbar-nav>li>a{padding-top:10px;        padding-bottom:10px;    }
	.collapse.in{display:block !important;    }
	.navbar-custom .navbar-form .form-control,.navbar-custom .navbar-form .btn{padding-top:10px;        padding-bottom:10px;}
	.navbar-text{margin-left:15px;    margin-right:15px;}
	.navbar-collapse.in{overflow-y:auto !important;}
	.navbar-custom .navbar-brand{display:none;}
	.navbar-custom .navbar-brand.small {display:block;padding-bottom: 0;padding-top: 0;}

	#navbar_small .navbar-nav{margin-top:-15px;padding-bottom:20px;    }
	#navbar_small .navbar-text{display:block;}
	#navbar_small .dropdown-menu{left:0;right:auto;width:100%;}
	#navbar_small.navbar-custom .navbar-brand{display:block;}

	.separator a{font-size:35px;}
	#prva_pomoc .nav-pills{display:inline-block;}
	#prva_pomoc .nav-pills.big{display:none;}


	#menu a span{font-size:22px;max-width: 140px;}
}

@media (max-width: 768px) {
	.navbar-collapse{padding-left: 15px;margin-left: -15px !important;}
	.dropdown-menu > li {1float:none;}
	.navbar-custom .dropdown-menu > li > a {padding:10px 15px;}

	#menu a{text-align:left;padding:0px 15px;}
	#menu a img{max-width:none;margin:0px;max-height:80px;position:absolute;right:10px;top:10px;}
	#menu a span{position:relative;bottom:auto;left:auto;max-width:none;font-size:18px;display:block;padding:35px 0px;}

}

@media (max-width: 340px) {
	#navbar_small .navbar-brand{max-width:70%;}
	#navbar_small .navbar-brand img{width:100%;}
	.navbar-brand.small{max-width:70%;}
	.navbar-brand.small img{width:100%;}
}






/* prettyPhoto styling for small screens */
@media (max-width: 500px)
{
    .pp_pic_holder.pp_default
    {
        width: 100%!important;
        margin-top:-100px !important;
        left: 0!important;
        overflow: hidden;
    }
    div.pp_default .pp_content_container .pp_left
    {
        padding-left: 0!important;
    }
    div.pp_default .pp_content_container .pp_right
    {
        padding-right: 0!important;
    }
    .pp_content
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_fade
    {
        width: 100%!important;
        height: 100%!important;
    }
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom
    {
        display: none!important;
    }
    #pp_full_res img
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_details
    {
        box-sizing: border-box;
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }
    a.pp_close
    {
        right: 10px!important;
        top: 10px!important;
    }
}