html, body {
font-size : 0.85em;
font-family : 'Roboto', sans-serif;
color : rgb(88, 89, 91);
margin : 0;
background : #fff;
background-repeat : no-repeat;
background-attachment : fixed;
padding : 0;
height : 100%;
}  

#test {
position : relative;
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 0 auto -8px;
}
@media only screen and (max-width:800px) {
body {
background-position : bottom right;
}
#navi_left {
visibility : hidden;
clear : both;
float : left;
width : 0%;
display : none;
}
.home21, .home22, .home23, .home24 {
height : auto !important ;
float : left;
width : 50%;
background-repeat : no-repeat;
background-size : 100% 100%;
border : rgb(255, 255, 255) solid 1px;
box-sizing : border-box;
} .photo {
width : 100%;
}
.photo1 {
width : 47%;
float : left;
display : block;
background : #bcbdc0;
margin-right : 5px;
box-sizing : border-box;
}
.photo11 {
width : 100%;
background : #bcbdc0;
height : 200px;
float : left;
border : rgb(255, 255, 255) solid 1px;
background-image : url('../../images/icons/lupe.png');
background-size : 100%;
display : block;
text-align : center;
box-sizing : border-box;
border-bottom : 0;
}
.photo11 a:hover {
background-image : url('../../images/icons/lupe.png');
opacity : 0.60000002384185791015625;
background-size : 100%;
z-index : 999;
position : relative;
}
.photo12 {
width : 100%;
padding : 5px;
background : #e9eaeb;
float : left;
font-size : 18px;
font-family : Roboto;
font-weight : 100;
display : block;
color : rgb(88, 89, 91);
line-height : 1.2;
z-index : 999;
border : rgb(255, 255, 255) solid 1px;
box-sizing : border-box;
border-top : 0;
}
.photo2 {
width : 45%;
float : left;
display : block;
background : #bcbdc0;
margin-right : 5px;
box-sizing : border-box;
}
.photo21 {
width : 100%;
background : #bcbdc0;
height : 150px;
float : left;
border : rgb(255, 255, 255) solid 1px;
background-image : url('../../images/icons/lupe.png');
background-size : 100%;
display : block;
text-align : center;
overflow : hidden;
box-sizing : border-box;
border-bottom : 0;
}
.photo21 a:hover {
background-image : url('../../images/icons/lupe.png');
opacity : 0.60000002384185791015625;
background-size : 100%;
z-index : 999;
position : relative;
}
.photo22 {
width : 100%;
text-align : center;
padding : 5px;
background : #e9eaeb;
float : left;
font-size : 14px;
font-family : Roboto;
font-weight : 100;
display : block;
color : rgb(88, 89, 91);
line-height : 1.2;
height : 46pt;
z-index : 999;
border : rgb(255, 255, 255) solid 1px;
box-sizing : border-box;
border-top : 0;
}
img.photoimages {
max-width : 100%;
max-height : 200px;
z-index : 1;
}
.bio {
width : 100%;
}
.bio1 {
width : 100%;
float : left;
}
.bio2 {
width : 100%;
float : left;
padding-left : 2%;
font-family : Roboto, sans-serif;
font-weight : 300;
font-size : 16px;
}
.biotext {
border-top : 12px solid rgb(255, 242, 0);
font-weight : 300;
font-family : Roboto;
padding : 5px;
width : 100%;
float : left;
}
.contact{ width:100%;}
.contact1, .contact2{ width:100%; float:left;}
#navi_right {
visibility : hidden;
clear : both;
float : left;
width : 0%;
display : none;
}
#navi_header1 {
visibility : hidden;
clear : both;
float : left;
width : 0%;
display : none;
}
td {
max-width : 30%;
}
table {
max-width : 100%;
}
img {
max-width : 100%;
}
.footer1 {
width : 100%;
color : white;
}
.footer2 {
float : left;
width : 100%;
text-align : left;
padding-right : 3%;
font-size : 14px;
font-weight : 500;
font-family : Roboto;
}
.footer3 {
float : left;
width : 100%;
text-align : left;
font-size : 14px;
font-weight : 300;
font-family : Roboto;
}
img.logo {
float : left;
width : 90%;
padding : 10px;
margin-top : 20px;
}
#navi_header {
background : black;
float : left;
height : 35px;
margin : 0 auto;
width : 100%;
text-transform : capitalize;
z-index : 999;
}
.headtext {
width : 100%;
float : left;
}
.headtext2 {
width : 100%;
float : left;
margin-top : 15px;
text-align : left;
}
.navi_unter {
float : left;
width : 99%;
padding : 0.5%;
}
#content1, #content4 {
width : 85%;
padding-left : 5%;
margin-top : 30px;
}
#content3 {
margin-top : 15px;
width : 100%;
padding-right : 10px;
border-top : 1px solid rgba(88, 89, 91, 0.4);
float : left;
background-color : rgba(230, 231, 232, 0.9);
padding-bottom : 50px;
padding-top : 15px;
box-sizing : border-box;
}
.rep {
width : 100%;
min-height : 300px;
}
.rep1 {
width : 100%;
float : left;
border-right : 1px solid rgb(208, 208, 208);
min-height : 300px;
text-align : left;
font-size : 16px;
font-family : Roboto;
font-weight : 300;
text-indent : 20px;
color : rgb(88, 89, 91);
padding-bottom : 10px;
}
.rep2 {
width : 100%;
float : left;
}
.rep, .rep1, .rep2 {
box-sizing : border-box;
}
.bio {
width : 100%;
}
.biotext {
font-family : Roboto, sans-serif;
font-weight : 300;
border-top : 18px solid rgb(255, 242, 0);
padding : 5px;
width : 100%;
float : left;
font-size : 16px;
background : #ffffff;
box-sizing : border-box;
}.block11 {
width : 99%;
float : left;
}
.block12 {
width : 99%;
float : left;
font-size : 14px;
font-family : Roboto;
font-weight : 300;
color : rgb(88, 89, 91);
line-height : 1.2;
padding-left : 5%;
text-align : center;
}
}
.headtext2 {
font-size : 1.2em;
font-weight : bold;
}
@media screen and (min-width:801px) {
body {
background-position : top right;
}
#content {
display : block;
min-width : 800px;
width : 100%;
margin : 0 auto;
}
#navi_header2 {
visibility : hidden;
clear : both;
float : left;
width : 0%;
display : none;
}
.headtext {
width : 50%;
float : left;
text-indent : -10px;
margin-top : 50px;
}
.headtext2, a.headtext2 {
width : 50%;
font-size : 20px;
font-weight : normal;
float : right;
text-align : left;
margin-top : 15px;
text-decoration : none;
}
#content1 {
background-color : #fff;
padding-top : 20px;
min-height : 300px;
width : 100%;
box-sizing : border-box;
}
.footer1 {
width : 100%;
color : white;
padding-top : 10px;
}
.footer2 {
float : left;
width : 12%;
text-align : right;
padding-right : 3%;
font-size : 14px;
font-weight : 500;
font-family : Roboto;
}
.footer3 {
float : left;
width : 21%;
text-align : left;
font-size : 14px;
font-weight : 300;
font-family : Roboto;
}
.home21, .home22, .home23, .home24 {
float : left;
width : 25%;
background-repeat : no-repeat;
background-size : 100% 100%;
z-index : 35;
border : rgb(255, 255, 255) solid 1px;
box-sizing : border-box;
} .contact{ width:100%;}
.contact1, .contact2{ width:50%; float:left;}
#content2 {
width : 73%;
z-index : 1;
margin : 0 auto;
box-sizing : border-box;
}
#content3 {
margin-top : 15px;
width : 100%;
border-top : 1px solid rgba(88, 89, 91, 0.4);
float : left;
position : relative;
background-color : rgba(230, 231, 232, 0.9);
padding-bottom : 50px;
padding-top : 15px;
box-sizing : border-box;
}
#content4 {
width : 73%;
margin : 0 auto;
box-sizing : border-box;
}
.navi_unter {
float : left;
width : 49%;
padding : 0.5%;
}
#navi_header {
float : left;
height : 40px;
position : fixed;
z-index : 4;
margin-bottom : 40px;
width : 100%;
background : black;
}
#navi_header1 {
margin : 0 auto;
margin-left : 9%;
text-transform : capitalize;
width : 81%;
}
img.logo {
text-align : center;
border : 0;
width : 70%;
}
.bio1 {
font-family : 'Roboto', sans-serif;
width : 30%;
float : left;
box-sizing : border-box;
}
.bio2 {
font-family : Roboto, sans-serif;
font-weight : 300;
width : 68%;
float : left;
padding-left : 2%;
font-size : 16px;
}
.biotext {
font-family : Roboto, sans-serif;
font-weight : 300;
border-top : 18px solid rgb(255, 242, 0);
padding : 5px;
width : 100%;
float : left;
font-size : 16px;
background : #ffffff;
box-sizing : border-box;
}
.biobild {
width : 100%;
float : left;
font-size : 14px;
background : #e6e7e8;
box-sizing : border-box;
}
.rep {
width : 100%;
min-height : 300px;
}
.rep1 {
width : 50%;
float : left;
border-right : 1px solid rgb(208, 208, 208);
min-height : 300px;
text-align : left;
color : rgb(88, 89, 91);
padding-bottom : 10px;
}
.rep2 {
width : 50%;
float : left;
}
.rep, .rep1, .rep2 {
box-sizing : border-box;
}
.bio {
width : 100%;
} .block11 {
width : 30%;
float : left;
}
.block12 {
width : 55%;
float : left;
font-size : 14px;
font-family : Roboto;
font-weight : 300;
color : rgb(88, 89, 91);
line-height : 1.2;
padding-left : 5%;
text-align : center;
}
.photo {
width : 100%;
}
.photo1 {
width : 20%;
float : left;
display : block;
background : #bcbdc0;
margin-right : 5px;
box-sizing : border-box;
}
.photo11 {
width : 100%;
background : #bcbdc0;
height : 260px;
float : left;
border : rgb(255, 255, 255) solid 1px;
background-image : url('../../images/icons/lupe.png');
background-size : 100%;
display : block;
text-align : center;
box-sizing : border-box;
border-bottom : 0;
}
.photo11 a:hover {
background-image : url('../../images/icons/lupe.png');
opacity : 0.60000002384185791015625;
background-size : 100%;
z-index : 999;
position : relative;
}
.photo12 {
width : 100%;
padding : 5px;
background : #e9eaeb;
float : left;
font-size : 18px;
font-family : Roboto;
font-weight : 100;
display : block;
color : rgb(88, 89, 91);
line-height : 1.2;
z-index : 999;
border : rgb(255, 255, 255) solid 1px;
box-sizing : border-box;
border-top : 0;
}
.photo2 {
width : 15%;
float : left;
display : block;
background : #bcbdc0;
margin-right : 5px;
box-sizing : border-box;
}
.photo21 {
width : 100%;
background : #bcbdc0;
height : 200px;
float : left;
border : rgb(255, 255, 255) solid 1px;
background-image : url('../../images/icons/lupe.png');
background-size : 100%;
display : block;
text-align : center;
overflow : hidden;
box-sizing : border-box;
border-bottom : 0;
}
.photo21 a:hover {
background-image : url('../../images/icons/lupe.png');
opacity : 0.60000002384185791015625;
background-size : 100%;
z-index : 999;
position : relative;
}
.photo22 {
width : 100%;
text-align : center;
padding : 5px;
background : #e9eaeb;
float : left;
font-size : 14px;
font-family : Roboto;
font-weight : 100;
display : block;
color : rgb(88, 89, 91);
line-height : 1.2;
height : 46pt;
z-index : 999;
border : rgb(255, 255, 255) solid 1px;
box-sizing : border-box;
border-top : 0;
}
img.photoimages {
max-width : 100%;
max-height : 250px;
z-index : 1;
}
}
#head {
float : left;
width : 100%;
text-indent : -5px;
margin-bottom : 10px;
color : black;
}
#root {
display : block;
box-sizing : border-box;
}
#root1 {
border-radius : 4px;
background-repeat : no-repeat;
background-attachment : fixed;
padding : 0;
background-size : 45%;
background-position : right bottom;
}
a {
text-decoration : none;
}
#header {
width : 100%;
display : block;
float : left;
margin-bottom : 30px;
border-radius : 8px;
}
.navi1 {
color : white;
}
#navi_left {
float : left;
width : 20%;
border-radius : 2px;
padding-top : 10px;
background : rgba(217, 217, 217, 0.9);
min-height : 550px;
border-radius : 20px;
box-sizing : border-box;
}
#navi_right {
float : left;
width : 19%;
}
.navi_block {
float : left;
width : 100%;
margin-bottom : 28px;
border-radius : 5px;
padding : 3%;
background : rgba(255, 255, 255, 0.2);
box-shadow : 0 3px 8px rgba(159, 159, 159, 0.2);
box-sizing : border-box;
}
#footer {
background-color : rgb(63, 170, 189);
overflow : auto;
bottom : 0;
right : 0;
position : relative;
width : 100%;
z-index : 391;
}
.navi_left1 {
width : 88%;
margin-right : 2%;
border : 0;
padding : 6%;
min-height : 450px;
}
.home1 {
width : 100%;
max-width : 1280px;
margin : 0 auto;
}
.home2 {
width : 100%;
margin : 0 auto;
margin-top : 1px;
margin-bottom : 6px;
}
.home21 {
text-align : center;
background-image : url('../../images/icons/lupe.png');
background-size : 100%;
display : block;
}
.home21 a:hover {
background-image : url('../../images/icons/lupe.png');
opacity : 0.60000002384185791015625;
background-size : 100%;
z-index : 999;
position : relative;
}
img.homeimage {
width : 100%;
}
.home21 a:hover {
text-align : center;
}
.home22 {
background-image : url('https://karine-babajanyan.com/images/icons/schedule2.png');
background-size : 100%;
}
.home23 {
background-color : #e62a68;
}
.home24 {
background-image : url('../../images/icons/video2.png');
background-size : 100%;
}
.sw1 a, .sw3 a {
float : left;
font-size : 24px;
font-family : Roboto;
color : white;
text-indent : 19px;
font-weight : 400;
font-weight : 400;
line-height : 1.5;
display : block;
width : 33.3%;
height : 38px;
background-image : url('../../images/icons/notselect.png');
}
.sw2 a {
float : left;
font-size : 24px;
font-family : Roboto;
color : white;
text-indent : 19px;
font-weight : 400;
line-height : 1.5;
display : block;
width : 33.3%;
height : 38px;
background-image : url('../../images/icons/videoselect.png');
}
.sw1 a.selected {
background-size : 100% 100%;
height : 55px;
color : white;
background-image : url('../../images/icons/photo.png');
}
.sw2 a.selected {
background-size : 100% 100%;
height : 55px;
color : white;
background-image : url('../../images/icons/video-active.png');
}
.sw3 a.selected {
background-size : 100% 100%;
height : 55px;
color : white;
background-image : url('../../images/icons/menu-active.png');
}
.sw4 a, .sw5 a {
float : left;
font-size : 24px;
font-family : Roboto;
color : white;
font-weight : 300;
font-weight : 300;
line-height : 1.5;
display : block;
text-indent : 19px;
width : 50%;
height : 39px;
background-image : url('../../images/icons/notselect.png');
}
.sw4 a.selected {
background-size : 100% 100%;
height : 55px;
color : white;
background-image : url('../../images/icons/menu-active.png');
}
.sw5 a.selected {
background-size : 100% 100%;
height : 55px;
color : white;
background-image : url('../../images/icons/review-active.png');
}

.td {
vertical-align : top;
}
img.photoimagesklein {
position : relative;
height : 100%;
clip : rect(10px,100px,150px,70px);
overflow : hidden;
}
.block1 {
width : 100%;
padding-bottom : 15px;
padding-top : 5px;
border-bottom : 1px solid rgba(88, 89, 91, 0.4);
}

.block13 {
width : 100%;
font-size : 14px;
font-family : Roboto;
font-weight : 300;
color : rgb(88, 89, 91);
line-height : 1.2;
text-align : center;
padding-bottom : 15px;
padding-top : 5px;
border-bottom : 1px solid rgba(88, 89, 91, 0.4);
}
image.news {
max-width : 300px;
max-height : 180px;
}
.conten3 {
background-color : #fff;
width : 100%;
}
table {
border : 0;
border-collapse : collapse;
}
td.b1 {
background-color : rgb(237, 20, 91);
text-align : center;
font-size : 19px;
font-family : Roboto;
font-weight : 500;
color : white;
}
td.b2 {
background-color : rgb(255, 255, 255);
border : 1px;
text-align : center;
font-size : 14px;
font-family : Roboto;
font-weight : 300;
color : rgb(88, 89, 91);
border-top : 1px solid rgb(208, 208, 208);
}
td.b3 {
background-color : rgb(255, 255, 255);
border : 1px;
text-align : center;
font-size : 16px;
font-family : Roboto;
color : rgb(88, 89, 91);
border-top : 1px solid rgb(208, 208, 208);
}
td.c1 {
background-color : rgb(166, 195, 66);
font-size : 24px;
font-family : Roboto;
font-weight : 400;
color : white;
padding : 6px;
padding-left : 10px;
text-indent : 0;
border-right : 1px solid rgb(255, 255, 255);
}
td.c2 {
background-color : rgb(210, 119, 52);
font-size : 24px;
font-family : Roboto;
font-weight : 400;
color : white;
padding : 6px;
padding-left : 10px;
text-indent : 0;
border-right : 1px solid rgb(255, 255, 255);
}
td.c3 {
background-color : rgb(255, 255, 255);
font-size : 16px;
font-family : Roboto;
font-weight : 300;
color : rgb(88, 89, 91);
border-bottom : 1px solid rgb(208, 208, 208);
vertical-align : top;
padding : 6px;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
text-indent : 0;
}
td.c4 {
background-color : rgb(255, 255, 255);
font-size : 16px;
font-family : Roboto;
font-weight : 300;
color : rgb(88, 89, 91);
border-bottom : 1px solid rgb(208, 208, 208);
vertical-align : top;
padding : 6px;
padding-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
text-indent : 0;
}
.image {
border-radius : 1px;
float : left;
width : 24%;
height : 130px;
margin-right : 0.5%;
text-align : center;
margin-bottom : 5px;
}
.media {
width : 90%;
margin-right : 5%;
border-radius : 1px;
font-size : 12pt;
padding : 10px;
}
.media2 {
margin-top : 15px;
font-size : 12pt;
width : 90%;
min-height : 70px;
margin-right : 5%;
border-radius : 2px;
padding : 8px;
color : black;
font-weight : bold;
}
.media a:hover, .media a {
font-size : 12pt;
font-weight : bold;
margin-top : 0;
text-align : left;
padding-left : 4px;
text-decoration : none;
}
.media2 a:hover, .media2 a {
text-decoration : none;
font-size : 12pt;
font-weight : bold;
margin-top : 0;
text-align : left;
padding-left : 4px;
}
img.images {
text-align : center;
max-width : 95%;
max-height : 120px;
}
img.headerimage {
width : 100%;
max-height : 350px;
}
img.media2 {
border : 2px;
border-color : black;
width : 125px;
text-align : left;
}
img.media1 {
border : 2px;
border-color : black;
max-width : 200px;
text-align : left;
}
img {
border : 0;
}
img.flag12 {
position : fixed;
height : 15px;
border : 0;
top : 90px;
right : 0;
z-index : 999;
}
img.flag13 {
position : fixed;
height : 15px;
border : 0;
top : 110px;
right : 0;
z-index : 999;
}
img.flag2 {
position : fixed;
height : 30px;
border : 0;
top : 150px;
right : 0;
z-index : 999;
}
img.flag21 {
position : fixed;
height : 30px;
border : 0;
top : 180px;
right : 0;
z-index : 999;
}
img.flag22 {
position : fixed;
height : 30px;
border : 0;
top : 210px;
right : 0;
z-index : 999;
}
img.flag11 {
margin-top : -8px;
height : 28px;
border : 0;
margin-left : 10px;
vertical-align : middle;
}
img.navimage {
margin-top : 5px;
margin-left : 4px;
margin-right : 1px;
vertical-align : middle;
}
img.slider {
vertical-align : middle;
border : 0;
max-width : 99.8%;
min-height : 100%;
}
img.imageklein {
text-align : left;
max-width : 150px;
margin-right : 10px;
}
img.media {
float : left;
width : 15%;
margin-top : -10px;
margin-right : 10px;
}
.youtube {
text-align : center;
vertical-align : middle;
}
p.b1 {
font-size : 10pt;
text-align : center;
margin-top : 0;
margin-bottom : 0;
margin-left : 2px;
margin-top : 2px;
}
a {
color : black;
}
p {
margin : 0 auto;
}
h1 {
font-family : Roboto, sans-serif;
font-size : 24px;
font-weight : 300;
text-align : left;
color : #58595b;
border-bottom : 1px solid rgb(88, 89, 91);
line-height : 2.0;
}
h2 {
font-family : Roboto, sans-serif;
font-size : 16pt;
margin-top : 0;
margin-bottom : 0;
font-weight : bold;
}
h3 {
font-size : 18px;
font-family : Roboto;
color : rgb(88, 89, 91);
line-height : 1.2;
}
h4 {
font-size : 30px;
font-weight : 300;
font-family : Roboto;
margin-top : 5px;
color : rgb(88, 89, 91);
margin-bottom : 10px;
}
h5 {
font-size : 12pt;
font-weight : bold;
margin-top : 0;
text-align : left;
padding-left : 2px;
margin-bottom : 4px;
}
ul {
text-transform : capitalize;
}
.ddsmoothmenu {
font-size : 12pt;
margin : 0 auto;
}
.ddsmoothmenu ul {
font-size : 12px;
font-weight : bold;
z-index : 80;
margin : 0 auto;
padding : 0;
list-style-type : none;
font-weight : bold;
margin-top : 20px;
}
.ddsmoothmenu ul li {
text-indent : 25px;
text-align : left;
position : relative;
display : block;
}
.ddsmoothmenu ul li a {
display : block;
color : #000;
padding : 8px 10px;
text-decoration : none;
}
* html .ddsmoothmenu ul li a {
display : inline-block;
color : #000;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
color : #000;
}
.ddsmoothmenu ul li a.selected {
color : #000;
}
.ddsmoothmenu ul li a:hover {
color : #000;
border-bottom : 1px solid rgba(255, 255, 255, 0.3);
}
.ddsmoothmenu ul li ul {
position : absolute;
margin-left : -20px;
color : #000;
display : none;
visibility : hidden;
}
.ddsmoothmenu ul li ul li {
display : list-item;
float : left;
color : #000;
}
.ddsmoothmenu ul li ul li ul {
top : 0;
color : #000;
}
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited {
width : 160px;
padding : 5px;
margin-left : -10px;
color : #000;
}
.ddsmoothmenu-v ul {
margin : 0;
padding : 0;
list-style-type : none;
font : bold 12px Verdana;
}
.ddsmoothmenu-v ul li {
position : relative;
}
.ddsmoothmenu-v ul li a {
display : block;
overflow : auto;
color : #000;
text-decoration : none;
padding : 6px;
}
.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
color : #000;
}
.ddsmoothmenu-v ul li a.selected {
background : black;
color : #000;
}
.ddsmoothmenu-v ul li a:hover {
color : black;
border-bottom : 1px solid rgba(255, 255, 255, 0.3);
}
.ddsmoothmenu-v ul li ul {
position : absolute;
width : 100%;
top : 0;
font-weight : normal;
visibility : hidden;
}
* html .ddsmoothmenu-v ul li {
float : left;
height : 1%;
}
* html .ddsmoothmenu-v ul li a {
height : 1%;
}
.downarrowclass {
position : absolute;
top : 12px;
right : 7px;
}
.rightarrowclass {
position : absolute;
top : 6px;
right : 5px;
}
.ddshadow {
position : absolute;
left : 0;
top : 0;
width : 0;
height : 0;
}
#slideshow, img.bg {
width : 100%;
position : fixed;
top : 0;
left : 0;
z-index : -9999;
}
.toplevelshadow {
opacity : 0.800000011920928955078125;
}
.sliderwrapper {
margin : 0 auto;
width : 99%;
max-width : 700px;
border-radius : 2px 2px 0 0;
height : 200px;
background-repeat : no-repeat;
background-size : 100%;
border-radius : 2px;
margin-bottom : 3px;
margin-top : 0;
}
.sliderwrapper .contentdiv {
width : 100%;
max-width : 700px;
background-size : 100%;
background-repeat : no-repeat;
border-radius : 2px;
height : 200px;
}
.pagination {
width : 0;
height : 10px;
text-align : center;
}
.pagination a {
text-decoration : none;
border-radius : 5px 5px 5px 5px;
border : #fff solid 1px;
color : #323232;
}
.pagination a:hover, .pagination a.selected {
color : #000;
background-color : #fff;
}
a, a:hover, a.selected {
color : black;
}
.cycle-slideshow, .cycle-slideshow * {
box-sizing : border-box;
}
.cycle-slideshow {
width : 100%;
display : block;
float : left;
}
.cycle-slideshow img {
width : 100%;
display : block;
float : left;
}
.cycle-slideshow img:first-child {
z-index : 100;
}
.cycle-pager {
text-align : center;
width : 100%;
z-index : 500;
top : 10px;
overflow : hidden;
}
.cycle-pager span {
font-family : arial;
font-size : 50px;
width : 16px;
height : 16px;
display : inline-block;
color : #ddd;
cursor : pointer;
}
.cycle-pager span.cycle-pager-active {
color : #D69746;
}
.cycle-pager > * {
cursor : pointer;
}
.cycle-caption {
color : white;
bottom : 15px;
right : 15px;
z-index : 700;
}
.cycle-overlay {
font-family : tahoma, arial;
position : relative;
bottom : 0;
width : 100%;
z-index : 600;
background : black;
color : white;
padding : 15px;
opacity : 0.5;
}
.cycle-prev, .cycle-next {
position : absolute;
top : 0;
width : 30%;
opacity : 0;
z-index : 800;
height : 100%;
cursor : pointer;
}
.cycle-prev {
left : 0;
background : url(http://malsup.github.com/images/left.png) 50% 50% no-repeat;
}
.cycle-next {
right : 0;
background : url(http://malsup.github.com/images/right.png) 50% 50% no-repeat;
}
.cycle-prev:hover, .cycle-next:hover {
opacity : 0.699999988079071044921875;
}
.disabled {
opacity : 0.5;
}
.cycle-paused:after {
content : 'Paused';
color : white;
background : black;
padding : 10px;
z-index : 500;
position : absolute;
top : 10px;
right : 10px;
border-radius : 10px;
opacity : 0.5;
}
@media only screen and (max-width:480px), only screen and (max-device-width:480px) {
.cycle-slideshow {
width : 200px;
}
.cycle-overlay {
padding : 4px;
}
.cycle-caption {
bottom : 4px;
right : 4px;
}
}
.fb-comments {
width : 100% !important ;
}
.fb-comments iframe[style] {
width : 100% !important ;
}
.fb-like-box {
min-width : 280px;
width : 100% !important ;
}
.fb-like-box iframe[style] {
min-width : 280px;
width : 100% !important ;
}
.fb-comments span {
width : 100% !important ;
}
.fb-comments iframe span[style] {
width : 100% !important ;
}
.fb-like-box span {
min-width : 280px;
width : 100% !important ;
}
.fb-like-box iframe span[style] {
min-width : 280px;
width : 100% !important ;
}
.-cx-PRIVATE-pluginBoxContainer__border {
border : none;
}