.motori {width:50%; height:auto}
.motori-naslov {font-family: "venus rising rg";}
.naziv-motora-crv {font-size:18px;font-family: "venus rising rg";margin-bottom:30px; color:#ff0000}
.naziv-motora-plav {font-size:18px;font-family: "venus rising rg";margin-bottom:30px; color:#083f88}
.card-header a {color:#083f88}
.card>.active {background-color:#000}
.card-header .active {color:#ff0000}
#honda-outboard-engines-murter2>.card {float: left;width: 25%;display: inline;}
.pad-t {padding:20px 0 0 0}
.b-r{border-radius:8px}
.modal-lg {max-width:950px;}

.honda{background-image: url('../img/modal-title.jpg');color:#fff;}
.teh{background-image: url('../img/modal-title.jpg');color:#fff;}
.modal-footer {background-image: none; padding:0}
.modal-header {border-radius:0;}
.modal-header >h5 {color:#fff!important}
.honda{background-color:#083f88;color:#fff!important}
.modal-header >h5 {color:#fff!important}
.teh {background-color:#1b7acb; color:#fff; text-align:center; padding:5px; margin-bottom:10px}
.tema-col {background-color:#1b7acb}
.opa{opacity:0.7; }
.opa:hover{opacity:1; cursor:pointer}
.nav-pills> li {color:#083f88;margin: 0px auto}
.nav-pills li a { color: #083f88;}
.nav-pills li> .active { color: #ff0000;}
.table td,.table th {padding:2px}
 .modal-content{ min-height: 634px;}
 .modal-dialog { margin: 0.75rem auto;}
 .too {margin: 0 auto;}
 .izbornik,.nav-tabs li>.active {font-family: "Poppins SemiBold";font-size:16px;}
 #me li>a {padding:3px 3px 3px 15px}
 .nav-tabs li>.active {color:#ff0000!important}
 #proba {cursor: pointer; padding: 8px 5px 8px 15px; margin-top: 0px;}
 
 
 
 
 
 .box {
  
  width:100%;
}
.box p {
    color: #;
    display: block;
    font-size: 14px;
	margin:0;
    text-transform: uppercase;
    cursor: pointer;text-align: right;
	 width:90%; margin-right:40px
}
.box ul {
    display: none;
}
.box li {
    color: #666;
    padding-left: 12px;

}
.box .plus, .box .minus {
     color: #3BB1D0;
    cursor: pointer;
    float: right;
    position: relative;
    right: -15px;
    bottom: 0px;
}
.box .plus:before {
    content: '';
    display: block;
    left: 7px;
    width: 4px;
    height: 21px;
    margin-top: 0;
    background: #444;
    border-radius: 2px
}
.box .plus:after {
    content: '';
    display: block;
    left: -8px;
    width: 21px;
    height: 4px;
    top: 8px;
    background: #444;
    border-radius: 2px;
    position: absolute
}
.box .minus:before {
    content: '';
    display: block;
    left: 7px;
    width: 4px;
    height: 0;
    margin-top: 0;
    background: #444;
    border-radius: 2px
}
.box .minus:after {
    content: '';
    display: block;
    left: -8px;
    width: 21px;
    height: 4px;
    top: 8px;
    background: #444;
    border-radius: 2px;
    position: absolute
}

h2 {font-size:20px;margin-top:15px; color:#ff0000}
.pb-3 {padding-bottom:7px!important}
.meni {padding:0;margin:0;width:100%}
#tabs a.active {text-align:left}
#me a.active {text-align:left}
.prvi {text-align:left; font-weight:bold;font-size:14px;background-color:#e2e3e3;vertical-align:middle;border:0px solid #e3dcdc}
.drugi {text-align:left; font-size:14px;color: #444546;border:0px solid #e3dcdc; }
.tabl {border:1px solid #e3dcdc; width:99%; margin:0 auto}
#avr,#cont,.modal-lg {width: 100%;
    padding-right: 0!important;
    margin: 0; }

.card-header:not(.collapsed) .rotate-icon-boats {
    transform: rotate(180deg);
}

#similarbf2:not(.collapsed) .rotate-icon-boats3 {
    transform: rotate(0deg);
}


#similarbf2>.rotate-icon-boats3 {
      transition: .3s transform ease-in-out;
    }


#similarbf2>.rotate-icon-boats3 {
    transform: rotate(90deg);
}

.card-header:not(.collapsed) .rotate-icon-boats3 {
    transform: rotate(90deg);
}

.rotate-icon-boats3 {
      transition: .3s transform ease-in-out;
    }

.rotate-icon-boats {
      transition: .3s transform ease-in-out;
    }
.expandable .collapsed .rotate.fa{
      transform: rotate(180deg);
}

.card-header:not(.collapsed) .rotate-icon-boats2 {
    transform: rotate(90deg);
}

.rotate-icon-boats2 {
      transition: .3s transform ease-in-out;
    }
.pozadina  { background-color:#ff0000;color:#fff}
.pozadina2  { background-image: url(../img/modal-title.jpg)!important;color:#fff;margin-top:5px;background-color: #083f88;}
.footer-area {width: 100%;}

.ikona {float:right; margin-right:10px; font size:20px; color:#000}
.accicon {float:right; margin-right:10px; font size:20px}
.nav-tabs .nav-link.active { width: 100%;}
.cursor {cursor:pointer}
.modal-open{padding-right:0!important;}
.naslov2 {color: #083f88}
.pulsate-text-twice {
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: 1; 
}
@-webkit-keyframes pulsate {
    0% { 
        font-size: 24px;
        font-weight: 800;
       
    }
    20% { 
        font-size: 28px;
        font-weight: 800;
      
    }
	
	   40% { 
        font-size: 30px;
        font-weight: 800;
     color:#ff0000;
    }
	
	   60% { 
        font-size: 28px;
        font-weight: 800;
     
    }
	
	   80% { 
        font-size: 26px;
        font-weight: 800;
        
    }
    100% { 
        font-size: 24px;
        font-weight: 800;
     
  }
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0;

}

}
@media (min-width: 471px) {#proba { margin-top: 10px;}
}


@media (min-width: 872px) {.only-mob { display:none}
}

@media (max-width: 387px) {.kontakt-podaci, .kontakt-podaci2 {text-align: center;font-size: 12px;}
.honda-murter {font-size: 15px;}
.u-izradi {font-size: 14px;}
.copyright>p  {font-size: 15px;}
}