*,html { margin:0; padding:0; }
body { margin:0; padding:0; font-family: Verdana, 'Trebuchet MS', sans-serif; }
a { border:0; color:#f58eab; text-decoration:none; outline: none; }
a:hover { color:#443437; text-decoration:none; }
img { border:0; display: block; }
a > img { outline: none; }
input { }
input[type="text"],
input[type="email"] { background-color:#fff; font-family:'Verdana', 'Trebuchet MS'; font-size:11px; border:0; outline:none; border-radius:0; box-shadow:none; -webkit-appearance: none; }
input[type="checkbox"] { }
input[type="radio"] { }
input[type="button"],
input[type="submit"] { outline:none; border-radius:0; border:0; }
button { border-radius:0; outline:none; }
textarea { padding:4px; background-color:#fff; font-family:'Verdana', 'Trebuchet MS'; font-size:11px; border-radius:0; -webkit-appearance: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Dosis', 'Trebuchet MS', sans-serif; font-weight:normal; color:#f58eab; }
h1 { margin-bottom:5px; }
h2 { margin-bottom:3px; }
h3 { margin-bottom:2px; }
h4 {}
h5 {}
h6 {}
iframe { border:0; }
/* BODY ELEMENTS */
/* MENU's main and sidemenu */
header { min-height:240px; position:relative; background: #fff url(../images/header.jpg) no-repeat center top; margin-bottom:45px; }
header a.fb,
header a.gp { position:absolute; top:20px; width:40px; height:40px; background-image:url(../images/social_sprite.png); z-index:1031; }
header a.fb { right:70px;background-position: right top; }
header a.gp { right:30px;background-position: left top; }
header a.fb:hover { background-position: left bottom; }
header a.gp:hover { background-position: right bottom; }
footer { position:relative; margin:0 auto 0px auto; font-size:12px; color:#A0A0A0; background-color:#f74f7e; text-align:center; }
footer .menu { width:100%; background-color:#f58eab;}
footer .menu ul { list-style-type:none;margin-bottom:0; }
footer .menu ul li { display:inline-block; border-right:1px solid #ffcddb; margin:15px 0; }
footer .menu ul li a { display:block; padding:0px 10px; font-family:'Dosis'; font-size:14px; /*line-height:50px;*/ color:#ffcddb; text-transform:uppercase; }
footer .menu ul li a:hover,
footer .menu ul li a:focus,
footer .menu ul li a:active { text-decoration:none; color:#fff; -webkit-text-shadow: 0px 0px 6px #fff; -moz-text-shadow: 0px 0px 6px #fff; text-shadow: 0px 0px 6px #fff; }
footer .contact-icon-container {padding:30px 0 20px 0;}
footer .contact-icon-container a.facebook,
footer .contact-icon-container a.contact { display:inline-block;width:56px;height:54px;background-image:url(../images/contact_footer.png); background-size:112px auto; }
footer .contact-icon-container a.facebook { background-position:top left; }
footer .contact-icon-container a.contact { background-position:top right; }
footer .contact-icon-container a.facebook:hover { background-position:bottom left; }
footer .contact-icon-container a.contact:hover { background-position:bottom right; }
footer .copyright-container { font-size:10px; color:#fff;margin-bottom:6px; }
footer .copyright-container a { color:#fff; }
footer .developed { font-size:10px; color:#fff; padding-bottom:15px; }
footer .developed a { color:#fff; }
footer .developed > a.qbit_logo { display:inline-block; vertical-align:middle; width:24px; height:16px; background-image:url(../images/qbit.png); background-size:24px auto; }
footer .developed > a.qbit_logo:hover { background-position:left bottom; }
#wrapper { min-height:700px; padding:20px 15px; }
/* MENU */
nav.navbar { position:absolute; border:none !important; border-radius: 0; bottom:-45px;width:100%; min-height:45px; margin:0; padding:0; }
nav.navbar .container-fluid { height:45px; background-image:url(../images/mainmenu_bg.png); background-repeat:repeat-x; }
nav.navbar .navbar-nav { display: inline-block; float: none; }
nav.navbar .navbar-collapse { border-top:none; padding:0; text-align: center; }
nav.navbar .navbar-nav .top_menu_item {display:block; line-height:45px; padding:0 10px; font-family: 'Dosis'; font-size:14px; color:#ffcddb; text-transform:uppercase; }
nav.navbar .navbar-nav .top_menu_item.selected { color:#fff; -webkit-text-shadow: 0px 0px 6px #ff9eb5; -moz-text-shadow: 0px 0px 6px #ff9eb5; text-shadow: 0px 0px 6px #ff9eb5; }
nav.navbar .navbar-nav .top_menu_item:hover { background-color:transparent; color:#fff; -webkit-text-shadow: 0px 0px 6px #ff9eb5; -moz-text-shadow: 0px 0px 6px #ff9eb5; text-shadow: 0px 0px 6px #ff9eb5; }
.navbar-brand { height: 45px; float:left;padding:0; padding-top: 6px;margin-left:10px; }
nav.navbar .main-menu > ul { padding:0 10px; height:45px; line-height:45px; }
nav.navbar .main-menu > ul > li { display:inline-block; }
nav.navbar .main-menu > ul > li:hover > a { color:#fff; -webkit-text-shadow: 0px 0px 6px #ff9eb5; -moz-text-shadow: 0px 0px 6px #ff9eb5; text-shadow: 0px 0px 6px #ff9eb5; }
nav.navbar .main-menu > ul > li > a { }
nav.navbar .main-menu > ul > li > a:hover { color:#fff; -webkit-text-shadow: 0px 0px 6px #ff9eb5; -moz-text-shadow: 0px 0px 6px #ff9eb5; text-shadow: 0px 0px 6px #ff9eb5; }
/* BOOTSTRAP MENU FIX */
.nav > li { position:static; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background:none; background-color:transparent; border:none; }
.nav > li > a:focus, .nav > li > a:hover { background:none;background-color:transparent; }
nav .navbar-nav.full .nav .open > a,
nav .navbar-nav.full .nav .open > a:focus,
nav .navbar-nav.full .nav .open > a:hover { background:none; background-color:transparent; color:#fff; -webkit-text-shadow: 0px 0px 6px #ff9eb5; -moz-text-shadow: 0px 0px 6px #ff9eb5; text-shadow: 0px 0px 6px #ff9eb5; }
/* END BOOTSTRAP MENU FIX */
/* SUBMENU */
.sub-menu { display:none; position:absolute; width:100%; left:0; right:0; padding:20px 20px 20px 20px; line-height:normal; background-image:url(../images/dropmenu_bg.png); font-family:Dosis; z-index:99999; }
.sub-menu-container { width:992px; margin:0 auto; }
.sub-menu .category { display:table-cell; height:100%; font-size:20px; color:#fff; padding-left:30px;padding-right:30px; vertical-align:middle; white-space:nowrap; }
.sub-menu .list { display: table-cell; }
.sub-menu ul { display:inline-block; list-style:none; text-align:left; border-left:1px solid #fff; padding:10px 30px; }
.sub-menu li { float:left; margin-right:5px; }
.sub-menu li:hover a { text-decoration:none; -webkit-text-shadow: 0px 0px 6px #ff9eb5; -moz-text-shadow: 0px 0px 6px #ff9eb5; text-shadow: 0px 0px 6px #ff9eb5; }
.sub-menu li a { display:block; width:150px; line-height:25px; font-size:14px; color:#fff; }
/* MOBILE */
nav.navbar .navbar-toggle { margin:2px 15px; }
nav.navbar .navbar-toggle .icon-bar { background-color:#fff; width:25px; height:4px; }
nav.navbar ul.mobile { width:60%; float:right; background-color:#c84066; margin:0;text-align:left; }
nav.navbar ul.mobile li { list-style:none; }
nav.navbar ul.mobile li a.top_mobile_menu_item { font-size:14px; }
nav.navbar ul.mobile li.parent-menu-item { position:relative; padding-left:40px; background-color:#f74f7e;border-bottom:1px solid #c84066; }
nav.navbar ul.mobile li.parent-menu-item > a.top_mobile_menu_item { display:inline-block;width:100%;padding-left:0px;color:#ffcddb;font-family:Dosis;text-transform:uppercase; }
nav.navbar ul.mobile li.parent-menu-item > a.top_mobile_menu_item:hover { color:#fff; -webkit-text-shadow: 0px 0px 10px #fff; -moz-text-shadow: 0px 0px 10px #fff; text-shadow: 0px 0px 10px #fff; }
nav.navbar ul.mobile a.expand-submenu { position:absolute;top:8px; display:inline-block;width:24px; height:24px;padding:0px;margin-left:-32px;background-image:url(../images/mobile_menu_expand.png);background-size:24px auto;background-position:left top; }
nav.navbar ul.mobile a.expand-submenu.collapse { background-position:left bottom; }
nav.navbar ul.mobile .mobile-sub-menu { display:none; margin-left:-40px; background-color:#c84066; }
nav.navbar ul.mobile .mobile-sub-menu ul { padding:10px 0px; }
nav.navbar ul.mobile li.child-menu-item { padding:4px 0px 4px 50px; }
nav.navbar ul.mobile li.child-menu-item > a { color:#fff; }
nav.navbar ul.mobile li.child-menu-item > a:hover { -webkit-text-shadow: 0px 0px 10px #ff9eb5; -moz-text-shadow: 0px 0px 10px #ff9eb5; text-shadow: 0px 0px 10px #ff9eb5; text-decoration:none; }
/* END MENU */
/*.content { position:relative; padding:10px; }*/
.content .colLeft { width:100%; float:left; }
.content .colRight { width:300px; float:right; }
.content .main-list { margin-bottom:30px; }
.content .main-list .item { position:relative; margin-bottom:20px; }
.content .main-list .item h1 { text-transform:uppercase; margin:0 0 3px; padding:10px 10px; font-size:20px; border:1px solid #d2d2d2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.content .main-list .item h1 a { color:#443437; }
.content .main-list .item h1 a:hover { color:#f58eab; }
.content .main-list .item .image { /*display:table-cell; float:none!important;*/ padding:0px; /*height:162px;*/ overflow:hidden; }
.content .main-list .item .image img { width:100%; height:auto; }
.content .main-list .item .details { /*display:block; display: -webkit-box;*/ /*display:table-cell; float:none!important;width: 337px;*/ /*max-height: 130px;*/ padding:0px; padding-left:15px; /*margin:10px 0px 10px 15px;*/ font-size:13px; line-height:15px; color:#8f8f8f; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; vertical-align:middle; }
.content .col-list { margin-bottom:5px; }
.content .col-list .item { /*width:288px; float:left; position:relative;*/ margin-bottom:25px; }
.content .col-list .margin { margin-right:64px; }
.content .col-list .item .image { float:left; width:100%; max-height:162px; overflow:hidden; }
.content .col-list .item .image img { height: auto; width: 100%;}
.content .col-list .item .details { width:100%; color:#8f8f8f; overflow:hidden; }
.content .col-list .item .details h1 { text-transform:uppercase; margin-bottom:6px; margin-top:0px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.content .col-list .item .details h1 a { color:#443437; }
.content .col-list .item .details h1 a:hover { color:#f58eab; }
.content .col-list .item .details .description { font-size:11px; height:90px; }
.content .col-list .item .details .category { font-size:11px; font-style:italic; margin-top:6px; margin-bottom:6px; }
.content .col-list .item .more { position:absolute; right:0px; bottom:0px; display:block; width:60px; height:22px; background-image:url(../images/more_bt.png); }
.content .col-list .item .more:hover { background-position:0 -22px; }
.content .col-list .item .more:active{ background-position:0 -44px; }
.content .gallery .title h1 { margin-top:0; margin-bottom:30px; font-size:16px;line-height:32px; color:#f58eab; text-transform:uppercase;border-bottom: 1px solid #bfbfbf; }
.content .gallery .title a:hover h1 { color:#443437; }
.content .gallery .col-list .item { margin-bottom:20px; }
.content .gallery .col-list .item .details h1 { margin-top:10px; }
.content .gallery .col-list .item .image img { height:auto !important; }
.content .gallery .col-list .item .details .description { height:45px; }
#gallery-container { margin:0px 0px 20px 0px; padding:10px 0px; padding-top: 30px; background-color:#f6f6f6; }
#gallery-container .details { }
#gallery-container .details h1 { font-size:16px; margin:15px 0 10px 0; padding:0; color:#f58eab; text-transform:uppercase; }
#gallery-container .details .description { font-size:11px; margin-bottom:15px; color:#8f8f8f; }
#galleryCarousel { position:relative; background-color:#443437; }
#galleryCarousel .carousel-container .carousel.content { }
#galleryCarousel .owl-item { vertical-align: middle; display: table-cell; height: 100%; float:none!important; padding: 30px 10px; }
#galleryCarousel .item { height:auto; overflow: hidden; }
#galleryCarousel .image { width:100%; height:auto; text-align:center; overflow-x:hidden; }
#galleryCarousel .image img { /*width:100%; max-width:600px;*/ max-width: 100%; max-height: 495px; margin:0 auto; }
#galleryCarousel .owl-prev,
#galleryCarousel .owl-next { position:absolute; background:none;border-radius:0; opacity:1; display:block; width:80px; height:80px; top:50%;margin-top:-40px; background-image:url(../images/gallery_btn.png); background-size:160px auto; z-index:999; cursor:pointer; }
#galleryCarousel .owl-prev .icon,
#galleryCarousel .owl-next .icon {}
#galleryCarousel .owl-prev { background-position:left top; left:-50px; }
#galleryCarousel .owl-prev:hover { background-position:left bottom; }
#galleryCarousel .owl-next { background-position:right top; right:-50px; }
#galleryCarousel .owl-next:hover { background-position:right bottom; }
#gallery-container .gallery-info { position:absolute; top:-30px; right:10px; color:#f58eab; font-size:10px; }
.article { }
.article .top-detail { width:100%; height:20px; margin-top:20px; border-bottom:1px solid #bfbfbf; font-family:'Dosis'; font-size:15px; }
.article .top-detail .category { float:left; text-transform:uppercase; }
.article .top-detail .category a { color:#8f8f8f; }
.article .top-detail .category a:hover { color:#f58eab; }
.article .top-detail .date { float:right; color:#8f8f8f; font-family:Verdana;font-size:10px;line-height: 20px; }
.article .title h1 { margin:15px 0px; font-size:30px; line-height:32px; color:#f74f7e; text-transform:uppercase; }
.article .image { max-width:640px; margin:0 auto; overflow:hidden; }
.article .image img { width:100%; }
.article .description { font-family:Georgia; font-style:italic; font-size:15px; margin-bottom:20px; color:#bfbfbf; padding:0 0px; }
.article .teaser { float:left; width:280px; height:20px; margin-left:0px; background-image:url(../images/teaser.png); }
.article .text { font-family:Verdana; color:#8f8f8f; font-size:13px; line-height:20px; padding:0 0px; }
.article .text p { font-family:Verdana; color:#8f8f8f; font-size:13px; line-height:20px; margin:15px 0px; }
.article .text img { max-width:100%; height:auto!important; margin:0 auto; }
.article .text hr { height:1px; background-color:#bfbfbf; border:0; }
.article .text iframe { width:100% !important; margin-bottom:15px; }
.article .text object { width:100% !important; margin-bottom:15px; }
.article .text h1,
.article .text h2,
.article .text h3
.article .text h4,
.article .text h5 { font-family:Verdana; margin:5px 0px; color:#f58eab;}
.article .text h1 { font-size:30px; margin:10px 0px; }
.article .text h2 { font-size:24px; }
.article .text h3 { font-size:20px; }
.article .text h4 { font-size:16px; }
.article .text h5 { font-size:14px; }
.article .text ul { list-style-image:url(../images/bullet.png); margin-left:60px; }
.article .text ul li { line-height:25px; }
#tabWidget { width:100%; margin-bottom:30px; }
#tabWidget .tabs { width:100%; }
#tabWidget .tabs .selected { height:40px; line-height:40px; margin-top:0; background-color:#f74f7e; color:#fff; -webkit-text-shadow: 0px 0px 6px #ff9eb5; -moz-text-shadow: 0px 0px 6px #ff9eb5; text-shadow: 0px 0px 6px #ff9eb5; }
#tabWidget .tabs > ul { width:100%; height:40px; text-align:center; margin-bottom:0;}
#tabWidget .tabs > ul > li { width:25%; float:left; list-style:none; }
#tabWidget .tabs > ul > li:hover > a { height:40px; line-height:40px; margin-top:0; background-color:#f74f7e; color:#fff; -webkit-text-shadow: 0px 0px 6px #ff9eb5; -moz-text-shadow: 0px 0px 6px #ff9eb5; text-shadow: 0px 0px 6px #ff9eb5; }
#tabWidget .tabs > ul > li > a { display:block; height:32px; line-height:32px; margin-top: 8px; font-family: 'Dosis'; font-size:14px; color:#ffcddb; text-transform:uppercase; background-color:#f58eab; }
#tabWidget .tabs > ul > li > a:hover { height:40px; line-height:40px; margin-top:0; background-color:#f74f7e; color:#fff; -webkit-text-shadow: 0px 0px 6px #ff9eb5; -moz-text-shadow: 0px 0px 6px #ff9eb5; text-shadow: 0px 0px 6px #ff9eb5; }
#tabWidget .tab_container { min-height:190px; }
#tabWidget .tab_container .item { /*float:left; position:relative; width:25%;*/ padding:0; overflow:hidden; background-color:#f6f6f6; border-top:10px solid #f74f7e; }
#tabWidget .tab_container .item img { width:100%; }
#tabWidget .tab_container .item .title { position:relative; height:50px; margin: 10px 20px; font-family:'Dosis'; font-size:12px; color:#8f8f8f; text-align:left; text-transform:uppercase; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#tabWidget .tab_container .item:nth-child(even) { background-color:#e9e8e8; }
#tabWidget .tab_container .item:hover .title { color:#f58eab; }
#tabWidgetMobile { margin-bottom:30px; }
#tabWidgetMobile h3 { position:relative; line-height:32px;background-color:#f58eab;color:#ffcddb; outline:none; margin:0; padding-left:20px; font-size:14px; font-family:Dosis;text-transform:uppercase;cursor:pointer; }
#tabWidgetMobile h3 span.ui-accordion-header-icon { position:absolute;top:5px; right:20px; display:block;width:23px;height:23px;background-image:url(../images/tab_widget_arrows.png);background-size:23px auto;background-position:left bottom; }
#tabWidgetMobile h3.ui-state-active span.ui-accordion-header-icon { top:10px; background-position:left top; }
#tabWidgetMobile h3:hover { line-height:40px; background-color:#f74f7e;color:#fff; }
#tabWidgetMobile h3:hover span.ui-accordion-header-icon { top:10px; background-position:left top; }
#tabWidgetMobile h3.ui-state-active:hover { line-height:25px; }
#tabWidgetMobile h3.ui-state-active { line-height:25px; padding-top:8px; background-color:#f74f7e;color:#fff; }
#tabWidgetMobile .tab_container .item { /*float:left; position:relative; width:25%;*/ padding:0; overflow:hidden; background-color:#f6f6f6; border-top:10px solid #f74f7e; }
#tabWidgetMobile .tab_container .item img { width:100%; }
#tabWidgetMobile .tab_container .item .title { position:relative; height:50px; margin: 10px 20px; font-family:'Dosis'; font-size:12px; color:#8f8f8f; text-align:left; text-transform:uppercase; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#tabWidgetMobile .tab_container .item:nth-child(even) { background-color:#e9e8e8; }
#tabWidgetMobile .tab_container .item:hover .title { color:#f58eab; }
.pplBrWidget { margin-bottom:10px; text-align:center; }
.pplBrWidget .pplbr-wrapper { background-color:#f58eab; padding:10px 10px; }
.pplBrWidget .pplbr-border { width:298px; height:6px; background-image:url(../images/frame_topbot.png); }
.pplBrWidget .pplbr-content { padding:20px; background-color:#f6f6f6; }
.pplBrWidget .pplbr-content input[type=button] { display:inline-block; border:1px solid #cd7990; padding:6px 20px; background-color:#f58eab; font-size:11px; color:#fff9fa; cursor:pointer;}
.pplBrWidget .pplbr-content input[type=button]:hover,
.pplBrWidget .pplbr-content input[type=button]:active { background-color:#f74f7e; border:1px solid #be335a; }
#pollWidget .link { display:block;width:12px;height:12px;background-image:url(../images/poll-link.png);background-position:0px 0px; }
#pollWidget .link:hover { background-position:0px 12px; }
#pollWidget .question { margin:-10px -10px 20px -10px;padding:15px;text-align:left;font-size:14px;font-family:Dosis;color:#fff;background-color:#f74f7e;text-transform:uppercase; }
#pollWidget .item { display:inline-block;text-align:left;margin-bottom:5px; }
#pollWidget .item .answer { width:220px; font-weight:normal; display:inline-block;font-family:Verdana;font-size:12px;color:#8f8f8f;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#pollWidget .item .answer input { vertical-align: middle; margin: 0; }
#sweetWidget { border:none; }
#sweetWidget .sweet-content { }
#sweetWidget .sweet-header { height:50px; background-image:url(../images/sweet_header_bg.png); background-color:#ffffff; background-repeat:no-repeat;background-position:center; background-size:auto 50px; border-bottom:1px solid #f6f6f6; }
#sweetWidget .sweet-header h3 { margin-top:0; line-height:50px; font-size:18px; color:#f74f7e; }
#sweetWidget p { margin:0; padding:20px 20px; font-family: 'Courgette', Cursive; font-size:14px; color:#453537; }
#horoscopeContainer { width:100%; margin-bottom:10px; margin-top: 25px; position:relative; background-color:#fff; }
#horoscopeContainer h3 { width:100%; padding-bottom:10px; margin:0; font-family:'Dosis'; font-size:18px; text-align:left; color:#8f8f8f; }
#horoscopeContainer .box-border { border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; }
#horoscopeContainer .signs-container { padding:0px 0; text-align:center; }
#horoscopeContainer .signs-container .sign { display:inline-block; width:75px; height:75px; margin-right: -4px; margin-bottom:8px; background-image:url(../images/horoscope_75x75.png); background-size:auto 150px; }
#horoscopeContainer .signs-container .ovan { background-position:0 -75px; }
#horoscopeContainer .signs-container .ovan:hover { background-position:0 0; }
#horoscopeContainer .signs-container .bik { background-position:-75px -75px; }
#horoscopeContainer .signs-container .bik:hover { background-position:-75px 0; }
#horoscopeContainer .signs-container .blizanci { background-position:-150px -75px; }
#horoscopeContainer .signs-container .blizanci:hover { background-position:-150px 0; }
#horoscopeContainer .signs-container .rak { background-position:-225px -75px; }
#horoscopeContainer .signs-container .rak:hover { background-position:-225px 0; }
#horoscopeContainer .signs-container .lav { background-position:-450px -75px; }
#horoscopeContainer .signs-container .lav:hover { background-position:-450px 0; }
#horoscopeContainer .signs-container .djevica { background-position:-525px -75px; }
#horoscopeContainer .signs-container .djevica:hover { background-position:-525px 0; }
#horoscopeContainer .signs-container .vaga { background-position:-300px -75px; }
#horoscopeContainer .signs-container .vaga:hover { background-position:-300px 0; }
#horoscopeContainer .signs-container .skoprion { background-position:-375px -75px; }
#horoscopeContainer .signs-container .skoprion:hover { background-position:-375px 0; }
#horoscopeContainer .signs-container .strijelac { background-position:-600px -75px; }
#horoscopeContainer .signs-container .strijelac:hover { background-position:-600px 0; }
#horoscopeContainer .signs-container .jarac { background-position:-675px -75px; }
#horoscopeContainer .signs-container .jarac:hover { background-position:-675px 0; }
#horoscopeContainer .signs-container .vodenjak { background-position:-750px -75px; }
#horoscopeContainer .signs-container .vodenjak:hover { background-position:-750px 0; }
#horoscopeContainer .signs-container .ribe { background-position:-825px -75px; }
#horoscopeContainer .signs-container .ribe:hover { background-position:-825px 0; }
#popularWidget { width:100%; margin-bottom:10px; position:relative; }
#popularWidget .pwtabbuttons { position:absolute; top:0; width:100%;margin:0;padding:0; background-color: #fff; overflow:hidden; /*-webkit-box-shadow:0 2px 10px -6px #000; -moz-box-shadow: 0 2px 10px -6px #000; box-shadow:0 2px 10px -6px #000;*/ }
#popularWidget .pwtabbuttons .pwtabbutton { height:32px; line-height:32px; margin-top:8px; font-family:'Dosis'; font-size:11px; text-align:center; color:#fff; background-color:#f58eab; }
#popularWidget .pwtabbuttons .pwtabbutton:hover { height:40px; line-height:40px; background-color:#f74f7e; margin-top:0px; }
#popularWidget .pwtabbuttons .selected { height:40px; line-height:40px; background-color:#f74f7e; margin-top:0px; }
#popularWidget .pwtab { padding-top:37px; }
#popularWidget .pwtab .jdsbar { height:30px; background-color:#f74f7e; text-align:center; -moz-box-shadow: inset 0 10px 10px -10px #000000; -webkit-box-shadow: inset 0 10px 10px -10px #000000; box-shadow: inset 0 10px 10px -10px #000000; }
#popularWidget .pwtab .jdsbar a { display:inline-block; padding:0 2px; line-height:26px; padding-top:4px; font-family:'Dosis'; font-size:11px; color:#ffc7d6; }
#popularWidget .pwtab .jdsbar a:hover { color:#fff; }
#popularWidget .pwtab .jdsbar .selected { color:#fff; }
#popularWidget .pwtab .pwtabcontent { background-color:#f6f6f6; }
#popularWidget .pwtab .pwtabcontent ul { list-style-type:none; overflow:hidden; margin:0;padding:0; }
#popularWidget .pwtab .pwtabcontent ul li { font-size:11px; }
#popularWidget .pwtab .pwtabcontent ul li:nth-child(even) { background-color:#e9e8e8; }
#popularWidget .pwtab .pwtabcontent ul li a { display:block; position:relative; padding:10px 15px; }
#popularWidget .pwtab .pwtabcontent ul li a h4 { margin:0 0 6px 0; overflow:hidden; font-size:11px; text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; }
#popularWidget .pwtab .pwtabcontent ul li a p { display:block; display: -webkit-box; margin-bottom:0; height:30px; line-height:14px; font-size:11px; font-family:verdana; font-family:Verdana; color:#8f8f8f; overflow:hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
#popularWidget .pwtab .pwtabcontent ul li:hover { background-color:#f58eab; }
#popularWidget .pwtab .pwtabcontent ul li:hover a { color:#fff; }
#popularWidget .pwtab .pwtabcontent ul li:hover h4 { color:#fff; }
#popularWidget .pwtab .pwtabcontent ul li:hover p { color:#fff; }
#popularWidget .pwtab .pwtabcontent ul li:hover .pwsep { display:none; }
.carousel-container { overflow:hidden; position:relative }
.carousel-container .carousel-content { }
.carousel-container .item { float:left; position:relative; }
#carousel640x360 { width:100%; margin-bottom:20px; }
#carousel640x360 .item { float:none; }
#carousel640x360 .item img { width:100%; }
#carousel640x360 .details { width:380px; padding:5px; position:absolute; left:10px; bottom:10px; color:#443437; background-image:url(../images/trans_pxl.png); }
#carousel640x360 .item:hover .details .border h1 { color:#f58eab; }
#carousel640x360 .details .border { border:1px solid #d2d2d2; padding:10px 15px; }
#carousel640x360 .details .border h1 { width:100%; margin-top:0; font-size:18px; color:#443437; text-transform:uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#carousel640x360 .details .border p { display: block; display: -webkit-box; height:42px; font-size:12px; line-height: 14px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#carousel640x360 .owl-controls { margin-top:10px; }
#carousel640x360 .owl-controls .owl-page { display:inline-block; width:25px; height:25px; margin:0 3px; background-image:url(../images/carousel640x360_btn.png); cursor:pointer; }
#carousel640x360 .owl-controls .owl-page span { display:none; }
#carousel640x360 .owl-controls .owl-page:hover { background-position:0 -25px; }
#carousel640x360 .owl-controls .owl-page.active { background-position:0 -25px; }
#carouselExtraNewsWidget { width:100%; }
#carouselExtraNewsWidget .item { position:relative; margin-bottom:5px; border-bottom:10px solid #f6f6f6; }
#carouselExtraNewsWidget .item img { width:100%; }
#carouselExtraNewsWidget .item .details { width:100%; padding:14px 20px 8px 20px; position: absolute; left: 0px; bottom: 0px; color: #443437; background-image:url(../images/trans_pxl.png); }
#carouselExtraNewsWidget .item .details h4 { width: 100%; margin-top: 0; margin-bottom:8px; font-size: 18px; color: #443437; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#carouselExtraNewsWidget .item:hover .details h4 { color:#f58eab; }
#carouselExtraNewsWidget .item .details p { display: block; display: -webkit-box; height: 42px; font-size: 12px; margin-bottom:0; line-height: 14px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.carousel640x130Container { width:100%;padding-left:45px;padding-right:45px; }
#carousel640x130 {
width:100%;
margin-bottom:30px;
position:relative;
background-repeat:repeat-x;
background-color:#fbfbfb;
-moz-box-shadow: inset 0 8px 8px -8px #cccccc,
inset 0 -8px 8px -8px #cccccc;
-webkit-box-shadow: inset 0 8px 8px -8px #cccccc,
inset 0 -8px 8px -8px #cccccc;
box-shadow: inset 0 8px 8px -8px #cccccc,
inset 0 -8px 8px -8px #cccccc; }
#carousel640x130 .owl-wrapper-outer { }
#carousel640x130 .owl-prev,
#carousel640x130 .owl-next { position:absolute; width:45px; height:100%; top:0px; margin:0; opacity:1; background:none; border-radius:0; background-color:#f58eab; cursor:pointer; }
#carousel640x130 .owl-next .icon,
#carousel640x130 .owl-prev .icon { position:absolute; display:block; width:14px;height:22px; background-image:url(../images/carousel_arrows.png); background-size:auto 22px; top:50%; left:50%; margin-top: -11px; margin-left:-7px; }
#carousel640x130 .owl-prev .icon { background-position:top left; }
#carousel640x130 .owl-next .icon { background-position:top right; }
#carousel640x130 .owl-prev {left:-45px; }
#carousel640x130 .owl-next {right:-44px; }
#carousel640x130 .owl-prev:hover,
#carousel640x130 .owl-next:hover { background-color:#f74f7e; }
#carousel640x130 .item { padding:20px 0 5px 0; overflow:hidden; margin-bottom:5px; }
#carousel640x130 .item img { width:100%; }
#carousel640x130 .item .title { position:relative; width:100%; margin-top:10px; font-family:'Dosis'; font-size:12px; color:#8f8f8f; text-align:left; text-transform:uppercase; }
#carousel640x130 .item .title span { display:block; padding:0 4px; height:42px; line-height:14px; overflow:hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#carousel640x130 .item:hover .title { color:#f58eab; }
#carouselGallery640x90 { width:100%;padding-left:45px;padding-right:45px; margin-top:2px; }
#carouselGallery640x90 .owl-prev,
#carouselGallery640x90 .owl-next { position:absolute; width:45px; height:100%; top:0px; margin:0; opacity:1; background:none; border-radius:0; background-color:#f58eab; cursor:pointer; }
#carouselGallery640x90 .owl-next .icon,
#carouselGallery640x90 .owl-prev .icon { position:absolute; display:block; width:14px;height:22px; background-image:url(../images/carousel_arrows.png); background-size:auto 22px; top:50%; left:50%; margin-top: -11px; margin-left:-7px; }
#carouselGallery640x90 .owl-prev .icon { background-position:top left; }
#carouselGallery640x90 .owl-next .icon { background-position:top right; }
#carouselGallery640x90 .owl-prev {left:0px; }
#carouselGallery640x90 .owl-next {right:0px; }
#carouselGallery640x90 .owl-prev:hover,
#carouselGallery640x90 .owl-next:hover { background-color:#f74f7e; }
#carouselGallery640x90 .item { opacity: 0.7;-khtml-opacity: 0.7;-moz-opacity: 0.7; }
#carouselGallery640x90 .item { overflow:hidden; }
#carouselGallery640x90 .item img { width:100%; }
#carouselGallery640x90 .item:hover { opacity: 0.9;-khtml-opacity: 0.9;-moz-opacity: 0.9; }
.banner300x250 { width:300px; height:250px; overflow:hidden; margin: 0 auto; }
.banner300x600 { width:300px; height:600px; overflow:hidden; margin: 0 auto; }
.banner300x100 { width:300px; height:100px; overflow:hidden; margin: 0 auto; }
.banner300x300 { width:300px; height:300px; overflow:hidden; margin: 0 auto; }
.banner468x60 { width:468px; height:60px; margin:0 auto; overflow:hidden; }
.banner640x90 { width:640px; height:90px; overflow:hidden; margin: 0 auto; }
.bannerAdSense300x50 > div { width:300px; height:35px; overflow:hidden; margin: 0 auto; }
.bannerAdSense300x50 > div input[type='text'] { width:294px; font-size:12px; }
.bannerAdSense300x50 > div input[type='submit'] { display:none; }
.bannerWrapper { position:relative; }
.bannerWrapper a { display:block; top:0; left:0; width:100%; height:100%; }
.load-more { width:100%; height:40px; line-height:40px; margin:0 auto; margin-bottom:40px; font-size:12px; text-align:center; color:#bfbfbf; border: 1px solid #d2d2d2; background-color:#F2F2F2; }
.load-more:hover { color:#f58eab; border:1px solid #f58eab; text-decoration:none; }
.map { width:100%; height:360px; margin-bottom:30px; }
.empty-category { width:640px; height:375px; background-image:url(../images/empty-category.png); }
.contact .title h1 { margin:15px 0px; font-size:30px; line-height:32px; color:#f74f7e; text-transform:uppercase; }
.contact .text { float:left; width:280px; text-align:center; font-family:'Courgette'; font-size:14px; color:#8f8f8f; margin-left: 40px; margin-top: 40px; }
.contact-form { position:relative; }
.contact-form label { display:block; font-weight:normal; margin:10px 0 5px 5px; font-size:14px; font-family: 'Dosis', Trebuchet MS, Sans-Serif; }
.contact-form input[type='text'] { font-size:12px; color:#8f8f8f; padding:2px; text-indent:8px; border:1px solid #dedede; width:100%; height: 28px; font-family: Verdana, Trebuchet MS, Sans-Serif; }
.contact-form input[type='text']:focus { color:#f58eab; border:1px solid #f58eab; }
.contact-form textarea { padding:10px; width:100%; height:250px; color:#8f8f8f; outline: none; resize: none; font-size:12px; font-family: Verdana, Trebuchet MS, Sans-Serif; border:1px solid #dedede; }
.contact-form textarea:focus { color:#f58eab; border:1px solid #f58eab; }
.contact-form .send-button { display: inline-block; border: 1px solid #cd7990; padding: 6px 20px;background-color: #f58eab;font-size: 11px;color: #fff9fa; cursor: pointer;}
.contact-form .send-button:hover,
.contact-form .send-button:active { background-color: #f74f7e;border: 1px solid #be335a; }
.contact-form .error-message { float: right; line-height:22px; max-width:540px; font-size:12px; color:#f58eab; font-family: Verdana, Trebuchet MS, Sans-Serif; }
.contact-form .loading { display:inline-block; width:18px; height:25px; background-image:url(../images/loading.gif); background-repeat:no-repeat; background-position:center center; }
.contact-form .success { position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url(../images/footer_white.png); }
.contact-form .success .message { width:296px; height:267px; background-image:url(../images/message_sent.png); margin:0 auto; }
/* helpers */
.req { color:#f58eab; }
.right { float:right; }
.left { float:left; }
.clean { clear:both; }
.nobrd { border:0; }
/* width */
.w100 { width:100px; }
.w150 { width:150px; }
.w175 { width:175px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
/* margin */
.mgb10 { margin-bottom:10px; }
.mgt10 { margin-top:10px; }
.mgb30 { margin-bottom:30px; }
.mgt25 { margin-top:25px; }
.mgcntr { margin-right:auto; margin-left:auto; }
.w100p { width:100%; }
.ellip {
display: block;
height: 100%;
}
.ellip-line {
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
max-width: 100%;
vertical-align:bottom;
}
.ellip,
.ellip-line {
position: relative;
overflow: hidden;
}
@font-face {
font-family: 'Courgette';
font-style: normal;
font-weight: 400;
src: local('Courgette Regular'), local('Courgette-Regular'), url(https://themes.googleusercontent.com/static/fonts/courgette/v2/Gkr63O-aJXf4Mv4t7cBUcj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 400;
src: local('Dosis Regular'), local('Dosis-Regular'), url(https://themes.googleusercontent.com/static/fonts/dosis/v2/tYjwoPxcNbCapURVAi2M5g.woff) format('woff');
}
/* RESPONSIVE
768 < mobile
768-992 tablet
992+ desktop
*/
/* MIN */
@media (min-width: 480px) {
.container { width: 100%; }
.contact .text { width:100%;margin:0 auto; }
.content .col-list .item .image { height: auto; }
.js-resp-popularWidget { display: block; padding-right: 0; }
.js-resp-banner_300x250_1 { display: block; width: 100%; margin: 20px 0 0 0; padding-bottom: 0; }
.js-resp-banner_300x250_1 > div { margin-bottom:0px; }
.js-resp-banner_300x250_2 { display: block; padding-right: 0; }
.js-resp-horoscopeWidget { display: block; width: 100%; margin: 20px 0; padding-bottom: 0; }
.js-resp-horoscopeWidget #horoscopeContainer h3 { display:block; }
}
@media (min-width: 768px) {
.container { width: 100%; }
.content .col-list .item .image { height: auto; }
nav.navbar .navbar-nav.full .sub-menu-container { width: 100%; }
.sub-menu-container { width:100%; }
.contact .text { float:none; width:100%;margin:0 auto; }
.contact .image { float:none!important; margin:0 auto }
.js-resp-popularWidget { padding: 0; display: table-cell; vertical-align: top; padding-right: 15px; }
.js-resp-popularWidget #popularWidget .pwtab .pwtabcontent ul li a p { -webkit-line-clamp: 4; height:58px; }
.js-resp-banner_300x250_1 { padding: 0; display: table-cell; width: 300px; vertical-align: bottom; }
.js-resp-banner_300x250_1 > div { margin-bottom:10px; }
.js-resp-banner_300x250_2 { padding: 0; display: table-cell; vertical-align: top; padding-right: 15px; width: 300px; padding-bottom: 20px; }
.js-resp-horoscopeWidget { padding: 0; display: table-cell; vertical-align: middle; padding-bottom: 20px; }
.js-resp-horoscopeWidget #horoscopeContainer { margin-top:0; }
.js-resp-horoscopeWidget #horoscopeContainer h3 { display:none; }
}
@media (min-width: 992px) {
.container { width:992px; }
.content .colLeft { width:640px; }
.sub-menu-container { width:992px; }
nav.navbar .navbar-nav.full .sub-menu-container { width:992px; }
.contact .text { float:left; width:280px;margin:40px 0 0 40px; }
.contact .image { float:right!important; }
}
@media (min-width: 1200px) {
nav.navbar .navbar-nav.full .sub-menu-container { width:992px; }
}
/*MAX*/
@media (max-width:480px){
.banner468x60 { width:100%; }
.contact .text { width:100%;margin:0 auto; }
#sweetWidget { margin-bottom:0px; }
#sweetWidget p { padding: 10px; }
#gallery-container { margin-bottom:0; }
#gallery-container .container { padding: 0 15px!important; }
#galleryCarousel .owl-prev, #galleryCarousel .owl-next { width:40px;height:40px;background-size:80px auto;margin-top:-20px; }
#galleryCarousel .owl-prev { left:-20px; }
#galleryCarousel .owl-next { right:-20px; }
#carousel640x360 .details { width:90%;left:5%; }
#carousel640x360 .details .border { border:none; padding:8px 12px 4px 12px; }
.carousel640x130Container { padding-left:20px;padding-right:20px; }
#carousel640x130 .owl-prev, #carousel640x130 .owl-next { width:20px; }
#carousel640x130 .owl-prev { left:-20px; }
#carousel640x130 .owl-next { right:-20px; }
}
@media (max-width: 767px) {
header { min-height:initial; height:45px; margin-bottom:auto; background:none; }
nav { top: 0px !important; right: 0; left: 0; bottom:0; z-index: 1030; }
header a.fb,
header a.gp { top:6px; width:32px;height:30px; background-image:url(../images/mobile_social_sprite.png); background-size:auto 30px; }
header a.fb { right:120px; }
header a.gp { right:80px; }
header a.fb:hover { background-position:right center; }
header a.gp:hover { background-position:left center; }
}
@media (max-width: 991px) {
#sweetWidget { margin-bottom:20px; }
nav.navbar .navbar-nav.full .sub-menu-container { width:100%; }
}
/*HOROKSOP FIX*/
@media (min-width:768px) and (max-width: 844px) {
#horoscopeContainer .signs-container { width:300px;margin: 0 auto; }
}
@media (min-width:845px) and (max-width: 991px) {
#horoscopeContainer .signs-container { width:500px;margin: 0 auto; }
}