@charset "utf-8";

body {
    font-family: "Open Sans", sans-serif;
    overflow: hidden;
    color: #717171;
}

html {
	overflow-x:hidden;
}

/*tbody {display:table; width:100%;}*/

/*LINKS*/

a {
    text-decoration: none;
    transition: all 0.3s ease;
}

.txt-link {
	color:rgba(62, 156, 192);
}

/*TYPOGRAPHY*/

h1 {
    font-family: "Playfair Display", serif;
    font-size: 70px;
    font-weight: 400;
    color: #171712;
}
h2 {
    font-family: "Playfair Display", serif;
    font-size: 60px;
    font-weight: 400;
    color: #171712;
}
h3 {
    font-family: "Playfair Display", serif;
    font-size: 40px;
    font-weight: 400;
    color: #171712;
}
h4 {
    font-family: "Playfair Display", serif;
    font-size: 30px;
    font-weight: 700;
    color: #171712;
}

h3.title-with-line {
    position: relative;
    display: inline-block;
    margin-bottom: 60px;
}
h3.title-with-line:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 10px;
    background-color: #fff;
    bottom: -30px;
    left: 0;
}

p {
    color: #717171;
    font-size: 17px;
    font-family: "Open Sans", sans-serif;
    line-height: 1.6;
}

p + p {
    margin-top: 20px;
}

.darker-text {
    color: #171712;
}

.subtitle {
    font-weight: 700;
    font-size: 20px;
    color: #171712;
}

@media screen and (max-width: 600px) {
    h2 {
        font-size: 50px;
    }
}

/*BUTTONS*/

button,
.button {
    padding: 20px 35px;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    background-color: transparent;
    line-height: normal;
}

.button--round {
    border-radius: 35px;
    font-family: "Playfair Display", serif;
    padding: 13px 35px;
}
.button--round-primary {
    color: #fff;
    background-color: rgba(62, 156, 192);
    border: 2px solid #fff;
    font-weight: 700;
}

.button--round-primary:hover {
    background-color: rgba(62, 156, 192, 0.7);
}

.button--dark-transparent {
    background-color: rgba(0, 0, 0, 0.5);
    border: 2px solid #fff;
    color: #fff;
}

.button--dark-transparent:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

.button--with-line {
    color: #000;
    padding: 0;
    position: relative;
    padding-left: 65px;
}
.button--with-line:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background-color: #3e9cc0;
    height: 5px;
    width: 50px;
    transition: all 0.3s ease;
}

.button--with-line:hover {
    padding-left: 80px;
}
.button--with-line:hover:before {
    width: 60px;
}

.button--round-dark {
    background-color: rgba(22, 35, 52, 1);
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 20px 35px;
    border-radius: 45px;
}

.button--round-dark:hover {
    background-color: rgba(113, 113, 113);
}

.button--round-color {
    background-color: #3e9cc0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 20px 45px;
    border-radius: 45px;
}
.button--round-color:hover {
    background-color: #2c809f;
}

.button--round-color-border {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 20px 35px;
    border-radius: 45px;
    border: 1px solid #3e9cc0;
    color: #3e9cc0;
}

.button--round-color-border:hover {
    background-color: rgba(62, 156, 192);
    color: #fff;
}

.multiple-buttons {
    margin-top: 60px;
}
.multiple-buttons a {
    margin-right: 10px;
}

/*SVG*/

.arrow-down {
    fill: #fff;
    width: 11px;
    height: 11px;
}

.breadcrumbs {
    background-color: #3e9cc0;
    padding: 20px 0;
    font-family: "Playfair Display", serif;
    color: #fff;
}
.breadcrumbs p {
    color: #fff;
    font-family: "Playfair Display", serif;
    font-weight: 700;
}
.breadcrumbs a {
    color: #fff;
    font-weight: 400;
}

.breadcrumbs a:hover {
    opacity: 0.8;
}

/* FORMS ______________________________*/

input,
select,
textarea {
    width: 100%;
    height: 50px;
    border: none;
    font-family: "Open Sans", sans-serif;
    color: #898989;
    font-size: 16px;
    padding: 15px;
    background-color: #f7f7f7;
}

select {
    padding: 0 10px;
}

textarea {
    height: 250px;
    padding: 20px 15px;
}

input[type="checkbox"],
input[type="radio"] {
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-bottom: 0;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 485px) {
    textarea {
        height: 260px;
    }
}

/*HEAD*/

/*.header {
    margin-bottom: 70px;
}*/

header {
    position: relative;
}

.header-full-height .container {
    height: 100vh;
}

.header-full-height {
    height: 100vh;
    width: 100%;
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_head_bg.jpg);
    background-size: cover;
    background-position: center;
}

.header-transparent-title {
    font-family: "Playfair Display", serif;
    font-size: 20vw;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header-navigation {
    margin-bottom: 20px;
    position: relative;
    z-index: 500;
}

.header-half-height {
    height: 70vh;
}
.header-beaches {
    width: 100%;
    background-image: url(../images/head_bg.jpg);
    background-size: cover;
    background-position: center;
}
.header-half-height .container {
    height: 100%;
}

.header-overlay {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.6) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*top*/
.header-navigation-top {
    padding: 15px 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 15px;
    border-bottom: 1px solid #fff;
}

/*top contact*/
.header-navigation-contact {
	padding-bottom: 5px;
}

.header-navigation-contact span {
    font-weight: 700;
}
.header-navigation-contact a {
    color: #fff;
    font-weight: 400;
}

.header-navigation-contact a:hover {
    opacity: 0.8;
}

/*top lang*/
.header-navigation-lang {
	padding-bottom: 5px;
}

.header-navigation-lang a {
    font-weight: 700;
    color: #fff;
}

.header-navigation-lang-active {
    display: flex;
	align-items:center;
}
.header-navigation-lang-active svg {
    margin-left: 5px;
}
.header-navigation-lang-pasive {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 7px;
    top: 38px;
    right: 7px;
    text-align: center;
    display: none;
    border-bottom: 7px solid rgba(62, 156, 192, 1);
	width:70px;
}
.header-navigation-lang-pasive a {
    display: block;
    color: #3e9cc0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #3e9cc0;
    padding-bottom: 10px;
}
.header-navigation-lang-pasive a:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

/*bottom*/
.header-navigation-bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 15px;
}

/*bottom nav*/
.header-navigation-links {
    display: flex;
    align-items: center;
}

.main-nav {
    display: flex;
}
.main-nav__link {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.main-nav__link:hover {
    opacity: 0.8;
}
.main-nav__item {
    margin-right: 60px;
    position: relative;
	padding: 20px 0 21px 0;
}
.main-nav__link .arrow-down {
    margin-left: 10px;
}

/*subnav*/

.main-nav-sub {
    position: absolute;
    left: 0;
    top: 61px;
    background-color: rgba(255, 255, 255, 0.9);
    min-width: 360px;
    padding: 40px;
    display: none;
}

.main-nav-sub:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 20%;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.9);
}

.main-nav-sub__item {
    border-bottom: 1px dashed gray;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.main-nav-sub__item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.main-nav-sub__link {
    color: #162334;
    transition: all 0.3s ease;
    display: flex;
	align-items:center;
}
.main-nav-sub__link svg {
    transform: rotate(-90deg);
    width: 0px;
    transition: all 0.3s ease;
}
.main-nav-sub__link:hover svg {
    display: inline-block;
    width: 10px;
    margin-right: 5px;
}

/*mob-nav*/

.mob-nav {
    z-index: 100;
    display: none;
}
.mob-nav-pasive {
    width: 40px;
    height: 30px;
	position: relative;
	display: block;
}
.mob-nav span {
    display: block;
    width: 100%;
    height: 5px;
    background-color: #fff;
    border-radius: 10px;
	transform: rotate( 0);
	opacity: 1;
	transition: none 0.5s ease;
	transition-property: transform, top, left, opacity;
}

.mob-nav-light-bg span {
    background-color: #3e9cc0;
}

.mob-nav-pasive span:first-child {
	position: absolute;
	top: 0px;
	left: 0;
	display: block;
}
.mob-nav-pasive span:nth-child(2) {
	position: absolute;
	top: 12px;
	left: 0;
	display: block;
}
.mob-nav-pasive span:nth-child(3) {
	position: absolute;
	top: 24px;
	left: 0;
	display: block;
}

.mob-nav-active {
    position: absolute;
    right: -20px;
    top: 0px;
    background-color: #3e9cc0;
    z-index: 2000;
    width: 100%;
    min-height: 100vh;
    text-align: right;
    padding: 30px;
    height: 100%;
    display: none;
}
.mob-nav-active__item a {
    color: #fff;
}

html.mm-opened .mob-nav span:first-child {
	transform: rotate( 45deg);
	top: 12px;
}

html.mm-opened .mob-nav span:nth-child(2) {
	opacity: 0;
}

html.mm-opened .mob-nav span:nth-child(3) {
	transform: rotate( -45deg);
	top: 12px;
}

#_jq_sp_menu {
	background-color: #3e9cc0;;
	z-index: 10;
}

.mob-nav-active__item {
    border-bottom: 1px dashed #fff;
    margin-bottom: 20px;
    padding-bottom: 20px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}
.mob-nav-active__item a {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.mob-nav-active__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.mob-nav-active-sub {
    padding-right: 10px;
    padding-top: 20px;
}
.mob-nav-active-sub__item {
    padding-bottom: 20px;
}
.mob-nav-active-sub__item a {
    color: #c5e1ec;
    font-weight: 400;
}

.mob-lang {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 40px;
    display: inline-block;
}
.mob-lang a {
    color: #3e9cc0;
    font-weight: 700;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px dashed #3e9cc0;
}
.mob-lang a:first-child {
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
}

/*header-text*/

.header-text {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 49;
    padding: 0 20px;
}
.header-text-small {
    display: block;
    color: #fff;
    font-family: "Archivo Narrow", sans-serif;
    font-size: 26px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}
.header-text-big {
    font-family: "Playfair Display", serif;
    color: #fff;
    font-weight: 700;
    font-size: 105px;
    display: block;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    margin-bottom: 40px;
    line-height: 1;
}

/*header-social-media*/

.header-social-media {
    position: absolute;
    bottom: 40px;
    right: 0px;
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    z-index: 49;
    font-weight: 400;
    padding: 0 20px;
}

.header-social-media a {display:inline-block;}

.header-social-media a:first-child {margin-right:8px;}

.header-social-media span {
    display: block;
    margin-bottom: 15px;
}
.header-social-media a svg {
    width: 36px;
    height: auto;
}
.header-social-media a svg circle {
    transition: all 0.3s ease;
}
.header-social-media a:hover svg circle {
    fill: #64bcde;
}

/*header-social-media*/
.header-light-bg .main-nav__link,
.header-light-bg .header-navigation-contact a {
    color: #515151;
}

/*header-light-bg*/
.header-light-bg .header-navigation-top {
    color: #515151;
    border-bottom: 1px solid #d0d0d0;
}

.header-light-bg .header-navigation-lang a {
    color: #515151;
}

.header-light-bg .container {
    overflow: visible;
}

.header-navigation-logo svg {width:200px; height:auto;}
.header-full-height .header-navigation-logo svg {fill:#fff;}

/*MEDIA QUERIES*/

@media screen and (max-width: 1270px) {
    .main-nav__item {
        margin-right: 40px;
    }
}

@media screen and (max-width: 1200px) {
    .header-navigation-logo img {
        width: 90%;
    }
    .button--round-primary {
        padding: 10px 25px;
    }
    .main-nav__link {
        font-size: 16px;
    }
}

@media screen and (max-width: 1120px) {
    .header-navigation-logo {
        margin-right: 40px;
    }
    .main-nav__item {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-nav {
        display: none;
    }
    .mob-nav {
        display: block;
    }

    .header-content {
        /*z-index: 50;*/
    }
    .header-navigation-bottom {
        align-items: center;
        margin-top: 0px;
        padding-top: 20px;
    }
    .button--round-primary {
        display: none;
    }

    .header-text-big {
        font-size: 75px;
    }

    .header-social-media {
        width: 100%;
        text-align: center;
    }

    .header-navigation-lang {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .header-transparent-title {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .header-full-height,
    .header-full-height .container {
        height: 90vh;
        overflow: visible;
    }
    .header-navigation-top {
        display: none;
    }
    .header-text-small {
        font-size: 20px;
    }
    .header-text-big {
        font-size: 45px;
    }
    .header-social-media {
        font-size: 18px;
    }

    .header-navigation-links {
        display: none;
    }
    .header-navigation-logo {
    }
}

/*CONTENT*/

/*welcome*/
.welcome {
    display: flex;
    overflow: visible;
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_welcome_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 130px;
}
.welcome-title {
    margin-bottom: 50px;
}
.welcome-title small {
    font-size: 22px;
    font-weight: 700;
    display: block;
    margin-top: 8px;
    font-family: "Playfair Display", serif;
    color: #171712;
}

.welcome-text {
    width: 50%;
    padding-right: 50px;
}
.welcome-photos-2 {
    position: absolute;
    right: -130px;
    top: 230px;
    z-index: -1;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
    .welcome-text {
        width: 70%;
    }
    .welcome-photos-2 {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .welcome {
        flex-direction: column;
        background-size: cover;
        background-position: bottom;
        padding-top: 80px;
    }
    .welcome-text {
        width: 100%;
        padding-right: 0;
    }
    .welcome-photos-1 {
        display: none;
    }
}

/*basic-info*/

.basic-info {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_basic_info_bg.jpg);
    margin-top: 245px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
    border-top: 50px solid #fff;
    border-bottom: 50px solid #edf0f2;
}
.basic-info .container {
    overflow: visible;
}
.basic-info-content {
    background-color: #3e9cc0;
    position: relative;
    max-width: 770px;
    margin: -50px 0;
    padding: 120px 90px;
    color: #fff;
}
.basic-info-content h3 {
    color: #fff;
}

.basic-info-content p {
    color: #fff;
    margin: 40px 0 60px 0;
}

.basic-info-icons {
    display: flex;
    flex-wrap: wrap;
}
.basic-info-icons__item {
    display: flex;
    align-items: center;
    width: 50%;
    margin-bottom: 30px;
}
.basic-info-icons__item svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

@media screen and (max-width: 1024px) {
    .basic-info {
        margin-top: 100px;
    }
}

@media screen and (max-width: 768px) {
    .basic-info-content {
        padding: 80px;
    }
}

@media screen and (max-width: 600px) {
    .basic-info-content {
        padding: 40px;
    }
}


@media screen and (max-width: 485px) {
    .basic-info-icons {
        flex-direction: column;
    }
    .basic-info-icons__item {
        width: 100%;
    }
}

/*extra-info*/

.extra-info {
    background-color: #edf0f2;
    padding: 120px 0;
}
.extra-info .container {
    display: flex;
}
.extra-info-tent {
    width: 40%;
}
.extra-info-tent-title {
    font-size: 110px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
    color: #171712;
}
.extra-info-tent-title span {
    font-family: "Kaushan Script", cursive;
    color: #3e9cc0;
    position: absolute;
    transform: rotate(-20deg);
    left: 250px;
    top: 30px;
    font-size: 96px;
    font-weight: 400;
}

.extra-info-tent-img {
    margin-top: 40px;
}

.extra-info-tent-text p {
    color: #000;
}

.extra-info-tent-text .button {
    margin-top: 30px;
}

.extra-info-important {
    /*width: 60%;
    padding-left: 100px;
    padding-top: 50px;*/
}
.extra-info-important-title {
    margin-bottom: 40px;
}

.dot-list-item {
    border-bottom: 1px dashed #000;
    padding-bottom: 30px;
    margin-bottom: 30px;
    position: relative;
    padding-left: 25px;
}
.dot-list-item:last-child {
    border-bottom: none;
}
.dot-list-item:before {
    content: "";
    background-color: #3e9cc0;
    position: absolute;
    left: 0;
    top: 12px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

@media screen and (max-width: 1200px) {
    .extra-info {
        padding: 80px 0 50px 0;
    }
    .extra-info-tent {
        width: 50%;
    }
    .extra-info-important {
        /*width: 50%;
        padding-left: 50px;*/
    }
}

@media screen and (max-width: 1024px) {
    .extra-info .container {
        flex-direction: column;
    }
    .extra-info-tent,
    .extra-info-important {
        width: 100%;
    }

    .extra-info-tent-title {
        text-align: center;
        font-size: 80px;
    }
    .extra-info-tent-title span {
        font-family: "Playfair Display", serif;
        position: relative;
        top: auto;
        left: auto;
        color: #171712;
        font-size: 80px;
        font-weight: 700;
    }
    .extra-info-tent-img {
        text-align: center;
        width: 70%;
        margin: 40px auto 0 auto;
    }

    .extra-info-important {
        padding: 0;
        margin-top: 40px;
    }
}

@media screen and (max-width: 600px) {
    .extra-info {
        padding: 50px 0;
    }
    .extra-info-tent-title,
    .extra-info-tent-title span {
        font-size: 50px;
    }
}

/*downloads*/

.downloads {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_downloads_bg.jpg);
    padding: 160px 0;
	background-size:cover; 
	background-position:top;
}

.downloads-overlay {
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 50%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	transition:all .3s ease;
}

.downloads .container {
    display: flex;
}
.downloads-item {
    width: 33.33%;
    display: flex;
    align-items: flex-end;
    padding: 40px;
    height: 500px;
    margin-right: 40px;
    position: relative;
    background-size: cover;
    background-position: center;
}


.downloads-item a:hover .downloads-item-title {opacity:0.8;}

.downloads-item:last-child {
    margin-right: 0;
}

.downloads-item-1 {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_downloads_img1.jpg);
}
.downloads-item-title {
    font-size: 35px;
    color: #fff;
    font-family: "Playfair Display", serif;
    font-weight: 700;
    z-index: 50;
	position:relative;
	transition:all .3s ease;
}
.downloads-item-title small {
    display: block;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: -1px;
}

.downloads-item-2 {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_downloads_img2.jpg);
}

.downloads-price-list {
    width: 33.33%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 20px 20px 60px 0;
}

.downloads-price-list-title {
    font-family: "Playfair Display", serif;
    font-size: 75px;
    font-weight: 700;
    position: relative;
    margin-bottom: 50px;
    color: #171712;
}
.downloads-price-list-title span {
    font-family: "Kaushan Script", cursive;
    color: #3e9cc0;
    position: absolute;
    transform: rotate(-20deg);
    left: 150px;
    top: 40px;
    font-size: 55px;
    font-weight: 400;
}

.downloads-price-list p {
    color: #000;
    margin-bottom: 50px;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
    .downloads {
        padding: 80px 0;
        background-position: bottom;
    }
    .downloads-item {
        height: 360px;
        margin-right: 20px;
    }
    .downloads-price-list p {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .downloads {
        background-image: none;
        padding: 50px 0;
    }
    .downloads .container {
        flex-direction: column;
    }
    .downloads-item {
        width: 100%;
        margin-bottom: 50px;
    }

    .downloads-price-list {
        padding: 0;
        height: auto;
        margin-bottom: 0;
    }
    .downloads-price-list p {
        display: block;
    }
}

/*testimonials*/

.testimonials {
    background-color: #edf0f2;
    padding: 160px;
}

.testimonial {
    background-color: #fff;
    text-align: center;
    padding: 100px 150px;
}
.testimonial-title {
    text-align: center;
    font-weight: 700;
    margin-bottom: 60px;
}
.testimonial-title small {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    display: block;
    color: #b2b2b2;
    letter-spacing: 1px;
}

.testimonial-text {
    font-family: "Playfair Display", serif;
    font-size: 25px;
    color: #343434;
    margin-bottom: 50px;
}
.testimonial-sig {
    color: #000;
    font-weight: 700;
}
.testimonial-sig span {
    display: block;
    margin-top: 5px;
}
.testimonial-logo {
    margin-top: 50px;
}

.testimonials-nav {
	display:flex; 
	align-items:center; 
	justify-content:center; 
	margin-top: 30px;
}
.testimonials-nav a {
	width:15px; 
	height:15px; 
	border-radius:50%; 
	background-color:#3e9cc0; 
	display:inline-block;
	margin:0 5px; 
	transition:all .3s ease;
	text-indent:-9999px;
}
.testimonials-nav a:hover, .testimonials-nav a.active {
	background-color:rgba(22, 35, 52, 1);
}
.testimonials-nav .bx-pager {
	display: inline-flex;
}
.testimonials-nav .bx-pager-item {
	margin-right: 10px;
}
.testimonials-nav .bx-pager-item:last-child {
	margin-right: 0;
}


/*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
    .testimonials {
        padding: 80px;
    }
    .testimonial {
        padding: 80px;
    }
}
@media screen and (max-width: 900px) {
    .testimonials {
        padding: 50px 20px;
    }
    .testimonial {
        padding: 50px;
    }
}

@media screen and (max-width: 600px) {
    .testimonials {
        padding: 50px 0px;
    }

    .testimonial-text {
        font-size: 20px;
    }
    .testimonial {
        padding: 50px 30px;
    }
}

/*GALLERY*/
.index-gallery {
	/*padding:20px 0;*/
}


/*FOOTER*/

footer {
    background-color: #3e9cc0;
    color: #fff;
    padding: 150px 0 0 0;
}

.footer-top-mar {
    margin-top: 100px;
}
footer .container {
    display: flex;
}
footer p {
    color: #fff;
    font-size: 16px;
}

.footer-col-1-title {
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
}
.footer-col-1-title small {
    display: block;
    font-size: 20px;
}

.footer-col-1 {
    width: 30%;
    padding-right: 50px;
}
.footer-col-2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.footer-col-3 {
    width: 20%;
}

.footer-links {
    width: 33.33%;
    padding-right: 40px;
}
.footer-links__title {
    font-family: "Playfair Display", serif;
    font-size: 25px;
    margin-bottom: 50px;
}
.footer-links__item {
    border-bottom: 1px dashed #c5e1ec;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.footer-links__item:last-child {
    border-bottom: none;
}
.footer-links__item a {
    color: #c5e1ec;
}

.footer-bottom .container {
    overflow: visible;
}

.footer-social-media {
    padding: 0 50px;
}

.footer-social-media a {display:inline-block;}

.footer-social-media a:first-child {margin-right:8px; margin-bottom:5px;}

.footer-banner a {
		margin-bottom:25px;
		display:inline-block;
	}

.footer-bottom .container {
    align-items: center;
    color: #b2cfda;
    line-height: 1.7;
}

.footer-bottom a {
    color: #b2cfda;
}
.footer-bottom a:hover {
    opacity: 0.8;
}
.footer-social-media a svg {
    width: 36px;
    haiehgt: auto;
}

.footer-terms {
    background-color: #36829f;
    padding: 30px;
    position: relative;
    z-index: 0;
}
.footer-terms:before {
    content: "";
    position: absolute;
    background-color: #36829f;
    height: 100%;
    left: 0;
    bottom: 0;
    width: 1000%;
    box-sizing: border-box;
    z-index: -1;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
    footer {
        padding: 80px 0 0 0;
    }
    .footer-col-1 {
        width: 25%;
    }
    .footer-col-2 {
        width:100%;
    }
}

@media screen and (max-width: 1050px) {
    footer {
        padding: 60px 0 0 0;
    }
    .footer-top {
        flex-direction: column;
    }
    .footer-col-1 {
        margin-bottom: 60px;
    }
    .footer-col-1,
    .footer-col-2 {
        width: 100%;
    }
	
	 .footer-col-2 {
        flex-direction: column;
    }
    .footer-links {
        width: 100%;
        padding-right: 0;
    }
    .footer-banner {
       /* text-align: center;*/
	   display:flex; align-items:center;
    }
	.footer-banner a {
		margin-right:25px;
	}
    .footer-bottom {
        margin-top: 60px;
    }
    .footer-social-media {
        padding: 0 20px 0 0;
    }
    .footer-terms {
        padding: 20px;
    }
}


@media screen and (max-width: 485px) {

.footer-banner { flex-direction:column;}

}



/*RENT A TENT....*/

/*rent header*/
.header-small {
    height: 700px;
}
.header-rent-a-pitch {
    background-image:url(../images/planik_razanac_camping_in_dalmatia_croatia_rent_a_pitch.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 140px;
}

.header-rent-a-mobile_house {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_rent_a_mobile_house.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 140px;
}

.header-small-content {
    background-color: #3e9cc0;
    padding: 60px;
    color: #fff;
    max-width: 730px;
    position: absolute;
    right: 10%;
    bottom: -90px;
    padding-right: 190px;
}

.header-small-content h3 {
    color: #fff;
}

.header-small-content p {
    color: #fff;
}

/*rent intro*/

.rent-intro-title {
    font-size: 55px;
    color: #252525;
    font-family: "Playfair Display", serif;
    padding: 50px 350px 50px 50px;
    position: relative;
    font-weight: 400;
    line-height: 75px;
}
.rent-intro-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 10px;
    background-color: #3e9cc0;
}

.rent-intro-info {
    display: flex;
    margin-top: 100px;
}
.rent-intro-types {
    width: 40%;
}
.rent-intro-types__item {
    display: flex;
    align-items: flex-start;
}


.rent-intro-types-title {
    color: #252525;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
    font-family: "Playfair Display", serif;
}
.rent-intro-types svg {
    min-width: 80px;
    width: 80px;
    height: auto;
    margin-right: 40px;
	fill:#3e9cc0;
}

.rent-intro-desc {
    width: 90%;
    padding-left: 40px;
    margin-top: -10px;
}

.rent-intro-types-text span {
    display: block;
}

.rent-gallery {
    margin: 90px 0;
}

/*price-list*/

.price-list-title {
    font-weight: 700;
    margin-bottom: 40px;
}

.price-list {
    border-bottom: 30px solid #3e9cc0;
}
.price-list td {
    padding: 30px;
    border-bottom: 1px dashed #c6c6c6;
    border-right: 1px dashed #c6c6c6;
    text-align: center;
    line-height: 1.8;
}
.price-list td:first-child {
    width: 20%;
    text-align: left;
}

.price-list td:last-child {
    border-right: none;
}
.price-list-first-row {
    background-color: #efefef;
}

.book-now {
    margin-top: 50px;
    text-align: center;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1500px) {
    .header-small-content {
        right: 0;
    }
}

@media screen and (max-width: 1200px) {
    .rent-intro-title {
        padding: 20px 0px 20px 30px;
        font-size: 45px;
        line-height: 65px;
    }
}

@media screen and (max-width: 1024px) {
    .header-small {
        height: 500px;
    }
    .header-small-content {
        padding: 40px;
    }

    .rent-intro-info {
        flex-direction: column;
        margin-top: 40px;
    }
    .rent-intro-types {
        width: 100%;
        margin-bottom: 40px;
        padding-bottom: 25px;
        border-bottom: 2px dashed #3e9cc0;
        border-top: 2px dashed #3e9cc0;
        padding-top: 25px;
    }
    .rent-intro-types-text span {
        display: inline-block;
    }
    .rent-intro-desc {
        width: 100%;
        padding-left: 0;
    }

    .price-list {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .price-list td {
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .header-small {
        height: 350px;
        margin-bottom: 0;
    }
    .header-small-content {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin-bottom: 30px;
        padding: 40px 20px;
    }
}

@media screen and (max-width: 485px) {
    .rent-intro-title {
        font-size: 35px;
        line-height: 55px;
    }

    .rent-intro-types__item {
        flex-direction: column;
    }
    .rent-intro-types-text {
        margin-top: 20px;
    }
}

/*price list*/

.rent-price-list {
    margin-top: 70px;
}
.rent-price-list-title {
    margin-bottom: 40px;
}
.rent-price-list-title h3 {
    font-weight: 700;
}
.rent-price-list-title small {
    display: block;
    margin-top: 5px;
    font-size: 20px;
    color: #3e9cc0;
}
.price-list small {
    display: block;
    width: 250px;
    white-space: normal;
}
.credit-cards {
    margin: 40px 0 25px 0;
}
.credit-cards span {
    margin: 0 15px 15px 0;
    display: inline-block;
}

/*text-page*/

.text-page {
    margin-top: 70px;
}

.text-page-double-col {
    display: flex;
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.text-page-double-col:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.text-page-double-col--noborder {
    border-bottom: none;
}
.text-page-double-col__title {
    width: 25%;
    padding-right: 40px;
    font-weight: 600;
    color: #171712;
}
.text-page-double-col__text {
    width: 75%;
}

.text-page-num-list {
    margin-top: 30px;
}
.text-page-num-list__item {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px dashed #c6c6c6;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.text-page-num-list__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.text-page-num-list__item:last-child {
    border-bottom: none;
}
.num {
    display: inline-block;
    background-color: #3e9cc0;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    margin-right: 20px;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1024px) {
    .text-page {
        margin-top: 40px;
    }
    .text-page-double-col {
        flex-direction: column;
    }
    .text-page-double-col__title {
        width: 100%;
        margin-bottom: 20px;
    }
    .text-page-double-col__text {
        width: 100%;
    }
}

/*explore pages*/

.explore {
    display: flex;
    margin: 80px auto 0 auto;
}

.explore-text {
    width: 50%;
    padding: 50px 100px 50px 0;
}
.explore-container {
    max-width: 750px;
    margin: 0;
    float: right;
}
.explore-img {
    background-size: cover;
    width: 50%;
    background-position: center;
    position: relative;
}
.explore-img-beaches {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_explore_beaches.jpg);
}

.explore-other {
    background-color: #edf0f2;
    margin-top: 80px;
}
.explore-other .container {
    padding: 60px 20px;
    text-align: center;
}
.explore-other-content {
    display: flex;
    margin-top: 50px;
}

.explore-col {
    margin-bottom: 40px;
}
.explore-col__title {
    margin-bottom: 20px;
}

.explore-gallery {
    background-color: #fff;
    padding: 20px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translatex(-50%);
}

.explore-gallery svg {
    width: 40px;
    height: 40px;
    fill: #3e9cc0;
}

.explore-beaches {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_explore_beaches.jpg);
    justify-content: center;
}
.explore-natural-surroundings {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_explore_natural_surroundings.jpg);
    justify-content: center;
}
.explore-history {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_explore_history.jpg);
    justify-content: center;
}
.explore-sport {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_explore_sport.jpg);
    justify-content: center;
}

.explore-other-title small {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    display: block;
    color: #b2b2b2;
    letter-spacing: 1px;
    font-weight: 700;
}

.extra-text {
    margin-top: 30px;
}

.header-beaches {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_head_beaches.jpg);
    background-size: cover;
}
.header-sport {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_head_sport.jpg);
    background-size: cover;
}
.header-history {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_head_history.jpg);
    background-size: cover;
}
.header-nature {
    background-image: url(../images/planik_razanac_camping_in_dalmatia_croatia_head_nature.jpg);
    background-size: cover;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
    .explore {
        flex-direction: column;
    }
    .explore-text {
        width: 100%;
        padding: 0;
    }

    .explore-img {
        width: 100%;
        height: 500px;
        margin-top: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .explore {
        margin: 40px auto 0 auto;
    }
    .explore-other-content {
        flex-direction: column;
    }
    .explore-item {
        margin-bottom: 20px;
    }
}

/*CONTACT*/

.form label {
    margin-bottom: 10px;
    display: block;
}
.form__item {
    margin-bottom: 30px;
}
.form-buttons {
    text-align: right;
    margin-top: 30px;
}
.form-buttons button {
    margin-left: 15px;
    margin-bottom: 10px;
}

.google-map {
    margin-bottom: 70px;
}

.contact {
    display: flex;
}

.contact-info {
    width: 50%;
}
.contact-form {
    width: 50%;
    padding-left: 100px;
}

.contact-title {
    margin-bottom: 40px;
}

.contact-info h3 {
    margin-bottom: 20px;
    font-weight: 700;
}

.contact-info-table {
    margin-bottom: 40px;
}
.contact-info-table__item {
    display: flex;
}

.contact-info-table__item span {
    line-height: 1.5;
}
.contact-info-table__item span:first-child {
    width: 20%;
    min-width: 160px;
}

.contact-info-table__item {
    margin-bottom: 25px;
}

.contact-info-large {
    margin-top: 30px;
    border-bottom: 1px dashed gray;
    border-top: 1px dashed gray;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.contact-info-large a {
    font-size: 20px;
    font-weight: 700;
    color: #3e9cc0;
    margin-top: 10px;
    display: block;
}
.contact-info-large a:first-child {
    margin-top: 0;
}

.contact-info-table-title {
    background-color: #3e9cc0;
    padding: 20px 10px;
    color: #fff;
}

/*privole*/
.c-box {
    clear: both;
}
.c-box div {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.c-box__label {
    float: none;
    width: auto;
    min-height: auto;
    margin-left: 10px;
    font-size: 12px;
    line-height: 1.4;
}
input[type="checkbox"] {
    width: auto;
    height: auto;
    margin: 0 0 0px 0;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
    .contact-info {
        width: 40%;
    }
    .contact-form {
        width: 60%;
    }
}
@media screen and (max-width: 1024px) {
    .contact {
        flex-direction: column;
    }
    .contact-info {
        width: 100%;
    }
    .contact-form {
        width: 100%;
        padding-left: 0px;
        margin-top: 50px;
    }
}

/*HOW TO REACH US*/

.reach-us {
    display: flex;
    margin-top: 70px;
}

.reach-us-title {
	margin-bottom:50px;
}

.reach-us-text {
    width: 60%;
    padding-right: 70px;
}
.reach-us-img {
    width: 40%;
}

.bus-lines h4 {
    margin-bottom: 50px;
}

.bus-lines table {
    margin-top: 40px;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
    .reach-us-text {
        width: 50%;
        padding-right: 70px;
    }
    .reach-us-img {
        width: 50%;
    }
}
@media screen and (max-width: 1024px) {
    .reach-us {
        flex-direction: column;
    }
    .reach-us-text {
        width: 100%;
        padding-right: 0px;
    }
    .reach-us-img {
        width: 100%;
        margin-top: 50px;
        text-align: center;
    }
}

/*BOOKING*/

.booking {
    margin-top: 70px;
    max-width: 1200px;
}
.booking-steps a {
    padding: 20px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
}
.booking-steps {
    background-color: #3e9cc0;
}

.booking-steps-active {
    background-color: #162334;
}

.booking-step-one h4 {
    margin-bottom: 40px;
}
.booking-step-one-choose {
    display: flex;
    align-items: center;
}
.booking-step-one-img {
    padding-right: 60px;
}
.booking-step-one-img img {
    width: 450px;
}
.booking-step-one-content {
    width: 60%;
}

.booking-step-one-title {
    font-size: 22px;
}
.booking-step-one-content p {
    margin: 20px 0;
}

.booking-step-one-choose {
    margin-bottom: 30px;
}

.form-double {
    display: flex;
    flex-wrap: wrap;
}

.form-double .form__item {
    width: 33.33%;
    padding-right: 20px;
}

.form-with-border {
    border-bottom: 1px dashed gray;
    margin-bottom: 30px;
}

.form__checkbox {
}
.form-double .form__checkbox {
    display: flex;
    align-items: center;
    width: auto;
    padding-right: 40px;
}

.form__checkbox label {
    margin-left: 10px;
    margin-bottom: 0;
}

.form-cbox-full .form__item {display:flex; align-items:center;}
.form-cbox-full label {margin-bottom:0; margin-left:10px;}

.booking-calc-row--with-border {
    border-bottom: 1px dashed gray;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.booking-calc-row__item {
    display: flex;
    margin-bottom: 20px;
}
.booking-calc-row__item:last-child {
    margin-bottom: 0;
}
.booking-calc-row__item span {
    width: 33.33%;
    font-size: 18px;
}

.booking-total {
    background-color: #3e9cc0;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    margin-top: -30px;
}
.booking-total p {
    color: #fff;
    margin-top: 0;
}

.booking-payment-title {
    margin-bottom: 40px;
}

.form-buttons--with-border {
    border-top: 1px dashed grey;
    padding-top: 20px;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1200px) {
    .booking-step-one-img {
        padding-right: 30px;
    }
}

@media screen and (max-width: 800px) {
    .booking-steps {
        overflow-x: scroll;
        white-space: nowrap;
    }
    .booking-step-one-choose {
        flex-direction: column;
        align-items: flex-start;
    }
    .booking-step-one-img {
        padding-right: 0;
    }
    .booking-step-one-img img {
        width: 100%;
    }
    .booking-step-one-content {
        width: 100%;
        margin-top: 20px;
    }

    .booking-total {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 700px) {
    .form-double .form__item {
        width: 100%;
        padding-right: 0;
    }
}

@media screen and (max-width: 485px) {
    .booking-calc-row__item {
        flex-direction: column;
    }
    .booking-calc-row__item span {
        width: 100%;
        margin-bottom: 10px;
    }
}


/*GALLERY*/

.main-gallery {
    margin-top: 70px;
}

.gallery-title {
    margin-bottom: 40px;
}
.gallery-title h3 {
    font-weight: 700;
}
.gallery-title small {
    display: block;
    margin-top: 5px;
    font-size: 20px;
    color: #3e9cc0;
}

.gallery {display:flex; flex-wrap:wrap;}
.gallery-item {width:48.5%; margin-bottom:40px;}
.gallery-item:nth-child(even) {margin-left:3%;}
.gallery-item span {color:#171712; margin-top:10px; display:block; font-weight:700; font-size:18px;}

.gallery-item-img-div { overflow:hidden;}
.gallery-item-img { transition:all .8s ease; cursor:pointer;}
.gallery-item-img:hover {transform: scale(1.2);}

.gallery-item-img {
	background-size: cover;
	background-position: center;
	padding-bottom: 42%;
}

@media screen and (max-width: 768px) {
.gallery {flex-direction:column;}
.gallery-item {width:100%;}
.gallery-item:nth-child(even) {margin-left:0;}

}

/*NEWS*/

.news {display:flex; margin-top:70px;}
.news-latest {width:70%; padding-right:50px;}
.news-list {width:30%;}

.news-list-title {margin-bottom:30px;}
.news-list__item {border-bottom:1px dashed grey; padding-bottom:20px; margin-bottom:20px;}
.news-list__item:last-child {border-bottom:none;}

.news-list__item a  {color:#171712; font-size:18px;}
.news-list__item small{display:block; color:#3e9cc0; margin-bottom:4px;}

.news-list__item a:hover {color:#3e9cc0;}


.news-latest-title {margin-bottom:40px;}
.news-latest-title h3{font-weight:600;}
.news-latest-title small {display:block; color:#3e9cc0; margin-bottom:2px; font-size:15px;}

.news-content img {float:left; margin-right:30px;}

@media screen and (max-width: 1024px) {
	.news {flex-direction:column;}
	.news-latest, .news-list {width:100%; padding-right:0;}
	.news-list {margin-top:50px;} 
}

@media screen and (max-width: 768px) {
.news-content img {float:none; margin-right:0; margin-bottom:20px;}
}


/*POPUP*/

.popup_div {
	display: none;
}
.overlay {
	background:rgb(0,0,0,0.8);
	height:100vh; 
	width:100vw; 
	position:absolute;
	top:0; 
	left:0; 
	z-index:4000; 
	display:flex;
	align-items:center; 
	justify-content:center;
}
.popup {
	background-color:#fff;
	max-height:90vh;
}
.popup .close {
	float:right;
	font-size:16px; 
	margin:10px 20px 0 0;
	font-weight:700;
	
}
.popup .close a {color:#3e9cc0;}

.popup .close a:hover {
	opacity:0.7;
}

.popup-content {
	padding:60px 40px 40px 40px;
	width:625px;
}
.popup-content p {
	font-size:16px; 
	margin-bottom:15px;
	
}
.popup-content h2 {
	color:#286faf; 
	margin-bottom:10px;
}
.popup-content .txt {
	margin-top:20px;
}


@media screen and (max-width: 680px) {
.popup {
	width:90%
}
.popup-content {
	width:100%;
	padding:40px 20px 20px 20px;
}

}

/* Cookies
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.cookies {
    font-family: "Open Sans", sans-serif;
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #3e9cc0;
    z-index: 99999999;
    display: none;
}
.cookies-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}
.cookies p {
    font-size: 14px;
    text-align: left;
    color: #fff;
    padding-bottom: 0;
}
.cookies p a {
    text-decoration: underline;
    color: #fff;
}
.cookies p a:hover {
    opacity: 0.8;
}
.cookies a.button {
    padding: 15px 20px;
    font-size: 12px;
    font-weight: 700;
	letter-spacing: 1px;
    margin: 0 0 0 40px;
    background-color: rgba(22, 35, 52, 1);
    color: #fff;
	border-radius: 45px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.cookies a.button:hover {
    background-color: rgba(113, 113, 113);
    text-decoration: none;
}
@media screen and (max-width: 700px) {
    .cookies-wrap {
        flex-direction: column;
    }
    .cookies p {
        text-align: center;
    }
    .cookies a.button {
        margin: 20px 0 0 0;
    }

    .header-bottom {
        font-size: 50px;
        padding: 0;
        margin-bottom: 20px;
    }
}

/*POSTAVLJANJE UREĐAJA*/

#tablet-wide {
	display: none;
}

#tablet {
	display: none;
}

#smartphone {
	display: none;
}

/******MEDIA QUERIES******/

@media screen and (max-width: 1200px) {
	#desktop {
		display: none;
	}
	#tablet-wide {
		display: block;
	}
	#tablet {
		display: none;
	}
	#smartphone {
		display: none;
	}
}

@media screen and (max-width: 880px) {
	#desktop {
		display: none;
	}
	#tablet-wide {
		display: none;
	}
	#tablet {
		display: block;
	}
	#smartphone {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	#desktop {
		display: none;
	}
	#tablet-wide {
		display: none;
	}
	#tablet {
		display: none;
	}
	#smartphone {
		display: block;
	}
}