/*
 Theme Name:   OnePress Child
 Theme URI:    https://www.famethemes.com
 Description:  OnePress sample child theme
 Author:       FameThemes
 Author URI:   https://www.famethemes.com
 Template:     onepress
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  onepress-child
*/

/* Add your custom css below
-------------------------------------------------------------- */
h1 {font-size:2rem}
.page-header {display:none}
.mainholder {position: relative}
.mainholder .dap-holder {position:absolute;   top: 31px;  left: 0; right: 0; margin-left: auto; margin-right: auto; width:1200px }
.mainholder .dap-holder h1 {text-align:center;     font-size: 69px;   font-weight: 600; color:#8d4546}
.mainholder .dap-holder .desc-holder {width: 800px; margin: 0 auto;font-weight: 600;font-size: 17px; line-height: 19px;}
.button-problem {margin-top: 70px; justify-content: space-evenly;
    display: flex;}
.mainholder .dap-holder.second {top: 10%;}
.dap-holder.second .buttons-c {padding: 8px 25px; background: #fbd283; border: 3px solid #8b4746; color: #8e4649; text-transform: uppercase; font-size: 16px; border-radius: 5px;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px;
  /* Firefox 1-3.6 */
  -moz-border-radius: 5px;
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px;  font-weight:600; display: inline-block; min-width: 132px;
    text-align: center;}
	li#qtranslate-3 {list-style:none; text-align:right; margin:0}
	.list-article-meta .entry-meta {        margin-bottom: 0;border-bottom: 0; padding-bottom: 0px; font-size:10px}
	.blog .list-article-meta {margin-bottom:0}
.lenguages {margin-top:25px;}

.lenguages .text-hold h3{font-size:42px; color:#fff; text-transform: uppercase;  text-align: center}
.leguage-wrap ul{ list-style: none; display: flex; justify-content: space-around;}
.leguage-wrap ul li {display: inline-block; }
.site-header .onepress-menu a {line-height:35px}
.wpcf7-response-output.wpcf7-spam-blocked {    position: absolute;
   top: -47px;}
	div.th5-section .right-c {position:relative}
	
/**/
.section-bg-section {margin-top:-2px}
.second-section {width:1200px; margin: 0 auto; padding-top: 46px;}
.second-section h2{text-align: center; color: #807e7f; font-weight: 400; font-size: 42px;}
.border-subtitle {width:213px; height:3px; background:#807e7f;  text-align:center; margin: 0 auto; margin-top: 25px; }
.second-section .description-holder {margin-top: 25px;}
.third-section {margin: 10px auto; width:1200px}
.third-section ul {list-style: none; padding:0; display: flex; justify-content: space-around; }
.third-section ul li {width: 23%; display: inline-block}
.third-section .img-wrp a {text-decoration: none; color:#8d4546 }
.third-section .img-wrp a span {font-weight: 600; text-align:center; margin-top:15px; color: #8d4749; display: block;
}

.fourth-section {padding:20px 0; margin: 0 auto; width: 1200px;  display: flex!important; justify-content: space-around; }
.fourth-section .img-wrp {min-height: 98px; width:48%; display: inline-block; padding: 78px 80px }
.fourth-section .img-wrp h3 {text-align: center;
    font-size: 36px;
    color: #fff;}
.fourth-section .img-wrp p {text-align: center; margin-top: 95px; color:#fff}
.fourth-section .img-wrp p.se { margin-top: 35px; font-size:20px}
.fourth-section .img-wrp a {text-align:center; color:white; text-decoration: none}
.img-wrp-first {background: url("img/music-player.png"); }
.img-wrp-second {background: url("img/video-player.jpg")}
.th5-section-wrap { border-top: 10px solid #8d4546; background: url("img/slika-za-kontakt-formu.jpg"); padding: 30px;     background-size: cover; }
div.th5-section {margin: 0 auto; width: 1200px;}
div.th5-section .left-c{display:inline-block; width: 24%; vertical-align: top;padding-left: 30px; }
div.th5-section .right-c{display:inline-block; width: 60%; float:right}
div.th5-section .left-c strong {font-size: 18px; color:#8d4546 }
div.th5-section .left-c p {color:#8d4546}
#primary {padding-top: 70px;}
.wrap-input, .wrap-area{width: 45%!important; display: inline-block!important; vertical-align:top; margin: 0 10px}
 .site-branding {    margin: 0px auto;
    float: none;
    text-align: center;}
    .wrap-area p {margin:0}
textarea, input[type="date"],
 input[type="datetime"],
 input[type="datetime-local"],
 input[type="email"],
 input[type="month"],
 input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {background: white; border: 2px solid #8d4546; border-radius: none; padding:5px}
.right-c p {color:#8d4546 }
textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus,
 input[type="password"]:focus,
 input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="text"]:focus,
   input[type="time"]:focus,
   input[type="url"]:focus,
   input[type="week"]:focus {border: 2px solid #8d4546; background:#fff!important; outline: none; border-bottom: 2px solid #8d4546 !important;}
  .wrap-area textarea {height:174px}
  .wpcf7-form-control.wpcf7-submit {background:#8d4546}
/*footer*/
.site-footer .footer-widgets.section-padding  {background-image: url("img/image-for-footer.jpg");}
.mainholder .dap-holder.if-not{display:none} 
.mainholder .dap-holder.if {position:relative}
.mainholder .dap-holder.if .button-problem{margin-top: 20px; margin-bottom:20px}
.site-branding {*display:none}
  @media only screen and (max-width: 1200px){
    .mainholder .dap-holder, .second-section, .third-section, .fourth-section, .th5-section-wrap {width:100%; padding-left: 10px; padding-right: 10px;}
    div.th5-section {width:100%;}
    .mainholder .dap-holder .desc-holder {width:80%; margin: 0 auto}
    div.wpcf7 .wpcf7-recaptcha iframe {width:100%!important}
    .wpcf7-form-control-wrap div {width:100%}
    div.th5-section .right-c {overflow: hidden}
  }
 
  @media only screen and (max-width: 1140px){

    .mainholder .dap-holder {top: 2%}
    .mainholder .dap-holder .desc-holder {display: none}
    .mainholder .dap-holder.second {top: 6%;}
  .main-navigation ul {top:6.5rem !important; height: auto!important}
  .main-navigation ul ul.sub-menu  {top: 0rem!important; }
  .onepress-menu.onepress-menu-mobile>li>a {padding:0; margin-left:10px}
  .onepress-menu.onepress-menu-mobile ul li a {padding: 0px 35px;}
  #nav-toggle{float: right;
    position: relative;
    *width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    position: absolute;
    right: 0;
    top: -24px;}
	.onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {padding: 6px 17px;}
	.site-logo-div a {z-index:10000; display: inline-block;}
	div#header-section {height: 35px;}
  }
  @media only screen and (max-width: 1024px){
    .mainholder .dap-holder {top:1%}
    .mainholder .dap-holder.second {top:5%}
  }
    @media only screen and (max-width: 1023px) {
      .fourth-section .img-wrp {padding: 45px 25px;}
      .mainholder .dap-holder h2 {font-size:6vw}
      .button-problem {margin-top:10px}
      .dap-holder.second .buttons-c {font-size:14px;     padding: 5px 16px;}
      .lenguages .text-hold h3 {    font-size: 26px;}
      .leguage-wrap ul li {    width: 15%;}


    }

    @media only screen and (max-width: 767px) {
      .fourth-section .img-wrp p {    margin-top: 13%;}
      .wrap-input, .wrap-area {width: 100%!important;}
      div.th5-section .right-c p {width:100%}
      .th5-section-wrap {background:#f2e2c8;     display: inline-block;}
      div.th5-section .right-c {width: 61%}
    div.th5-section .left-c {width:30%}
	.mainholder .dap-holder h1 {font-size:36px}
    }
    @media only screen and (max-width: 692px){
      .mainholder .dap-holder.second {    top: 3%;}
    }
    @media only screen and (max-width: 575px)  {
      .wrap-input, .wrap-area {width: 93%!important;}
      div.th5-section .left-c {
    width: 50%;
    padding-left: 0;
	
}
.third-section ul {display:block}
.third-section ul li {width: 50%;
    display: inline-block; padding: 5px; vertical-align:top}
	.fourth-section {    display: block !important; }
	.fourth-section .img-wrp {margin-bottom: 10px;     min-height: 98px;
    width: 100%;
    display: inline-block;}
.fourth-section .img-wrp h3 {font-size:18px}
.fourth-section .img-wrp p.se {    font-size: 14px;}
.button-problem {*display:none; display:block}
.lenguages {*margin-top:0px}
.mainholder .dap-holder.second {    top: 3%;}
.second-section h2 {font-size: 4vw;}
.dap-holder.second .buttons-c {width:100%; border-radius:0 ;border: 1px solid #8b4746; }
div.th5-section .right-c, div.th5-section .left-c {width:100%}
.dap-holder.second .buttons-c {text-align:center}
    }

ul#sidebar-top {*position: absolute;
    top: 12px;
    display: block;
    z-index: 10000;
    right: 0;
	margin-bottom: 0;
	}
@media only screen and (max-width: 835px){
	.commercial	 {display:none;}
}