.wrapper{border:1px solid #ccc; width:1100px; min-height:600px; margin:0 auto; font: 100% Arial, Helvetica, sans-serif; position:relative;}
.header{border:0px solid #ff0000; text-align:center;}
.header1{padding:30px; text-align:center; font-size:30px; background-color:#ffc61a; text-transform:uppercase;}
.logo{margin:30px auto; width:400px;}
.title{margin:0px auto; font-size:40px; border:0px solid #ff0000; text-align:center;}
.podnaslov{font-size:25px;}
.error{color:#C50707; font-size:14px; background-color:#ffe5e5; margin-bottom:2px;}
.clr{border:0px solid #ff0000; overflow:hidden; width:100%;}
.success{padding:50px 70px; margin-bottom:100px; text-align:center; background-color:#D6FFE6; color:#000; margin-top:100px; margin-left:20%; width:60%; box-sizing: border-box; -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;}


.labelForm{font-size:16px; color:#BC802A; margin-bottom:5px;} 
.labelPlacanje{ background-color:#ffecb2; padding:10px 10px; margin:5px 0px 10px 0px; border-radius:3px;}
.formLeft{width:47%; float:left;}
.formRight{width:47%; float:right;}

.offer_datum{ padding:10px 10px; margin-top:10px; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box; }
.offer_datum .podnaslov{ margin-top:5px; margin-bottom: 10px; }


.prikaz{width:100%; border:0px solid #ff0000;}
.prikaz td{border:0px;} 

.dugme{margin:0px; width:120px; text-align:center; padding:4px 20px; border-radius:0px; margin:0px auto; background:none; border:1px solid #777; line-height:14px!important; font-size:14px; color:#111;}
.dugme:hover{ cursor:pointer;  background-color:#F9B859; color:#fff; border:1px solid #F9B859; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}

.payment button{  }
.payment .stripe-button-el {border:0px solid #ff0000;  background-color:#2485df!important; background-image:none!important; border-radius:0!important; text-transform:uppercase!important; }
.payment .stripe-button-el span{border:0px solid #ff0000;  background-color:#2485df!important; background-image:none!important; border-radius:0!important; text-transform:uppercase!important; font-size:20px; padding:8px 45px;}

/*DIREKTNO PLACANJE*/
.creditcard{padding:20px 70px; font-size:26px; border:1px solid #ffc61a; width:60%; color:#000;  margin-top:50px; margin-bottom:40px; margin-left:20%;  text-align:center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.direktno-placanje{ text-align:center; border-top:2px solid #555; border-bottom:2px solid #555; padding:10px 0px; margin-top:10px;  margin-bottom:20px;  font-size:12px;}
.direktno-placanje a{ text-decoration:none; color:#3366FF;}

/*TABOVI*/
.tabovi{border:0px solid #ddd; margin-bottom:20px; }
.tablinks{ display:inline; padding:5px 10px; font-size:12px; border:1px solid #555; color:#ffc61a}
.tabovi .active { background-color:#ffc61a; color:#000;}
.tablinks:hover{ cursor:pointer;}
.tabcontent {display: none; }

.tabelaInfo{border:0px solid #ff0000;}
.tabelaInfo td{border:0px solid #ff0000;}
.tabelaInfo input{font-size:40px; border:1px solid #111; height:55px; width:100%;}
.tabelaInfo select{font-size:40px; border:1px solid #111; height:55px; padding:0px 10px;}
.tabelaInfo input[type="submit"]{font-size:40px; border:1px solid #111; height:55px; padding:5px 20px;}

td {border:1px solid #ddd; padding:10px 0px;}

.form-style-100{
    font: 100% Arial, Helvetica, sans-serif;
	width:100%;
    padding: 16px;
	overflow:hidden;
	border:0px solid #ff0000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.form-style-5{
    font: 100% Arial, Helvetica, sans-serif;
	width:50%;
	float:left;
    padding: 16px;
	overflow:hidden;
	border:0px solid #ff0000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.form-style-6{
    font: 95% Arial, Helvetica, sans-serif;
	width:49%;
    margin: 10px auto;
	float:left;
	border:0px solid #ff0000;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.form-style-6-a{
	overflow:hidden;
	padding-left:3%;
	padding-right:3%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="radio"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 1.5%;
    color: #555;
	font-size:18px;
}

.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="radio"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
	float:left;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    padding: 1.5%;
    color: #555;
	font-size:18px;
}


.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="radio"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 0 5px #00A6FF;
    border: 1px solid #00A6FF;
}

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 2%;
    background: #166597;
    border-bottom: 0px solid #166597;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
	font-size:20px;
	margin:0px auto;
}
.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover{
    background: #00A6FF;
	cursor:pointer;
}

.form-style-7 input[type="submit"],
.form-style-7 input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
    padding: 2%;
    background: #2485df;
    border-bottom: 0px solid #166597;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
	font-size:20px;
	margin-left:25%;
	margin-top:10px;
}
.form-style-7 input[type="submit"]:hover,
.form-style-7 input[type="button"]:hover{
    background: #ffc61a;
	cursor:pointer;
	color:#000;
}

.form-style-6-a input[type="text"],
.form-style-6-a input[type="date"],
.form-style-6-a input[type="datetime"],
.form-style-6-a input[type="email"],
.form-style-6-a input[type="number"],
.form-style-6-a input[type="radio"],
.form-style-6-a input[type="search"],
.form-style-6-a input[type="time"],
.form-style-6-a input[type="url"],
.form-style-6-a textarea,
.form-style-6-a select
{
 	
    width: 100%;
   
}



.form-style-6-a input[type="text"]:focus,
.form-style-6-a input[type="date"]:focus,
.form-style-6-a input[type="datetime"]:focus,
.form-style-6-a input[type="email"]:focus,
.form-style-6-a input[type="number"]:focus,
.form-style-6-a input[type="radio"]:focus,
.form-style-6-a input[type="search"]:focus,
.form-style-6-a input[type="time"]:focus,
.form-style-6-a input[type="url"]:focus,
.form-style-6-a textarea,
.form-style-6-a select
{
  
}






@media (max-width: 767px) {

.logo{margin:10px auto; width:200px;}
.formLeft{width:100%;}
.formRight{width:100%;}
.form-style-5{width:100%;}

.creditcard{padding:10px 30px; font-size:26px; border:1px solid #ffc61a; width:90%; color:#000;  margin-top:50px; margin-bottom:40px; margin-left:5%;  text-align:center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}


.wrapper{width:100%;}

.form-style-100{border:0px solid #ff0000; padding:10px;}

.form-style-6{width:100%;}

.form-style-5 input[type="text"],
.form-style-5 input[type="date"],
.form-style-5 input[type="datetime"],
.form-style-5 input[type="email"],
.form-style-5 input[type="number"],
.form-style-5 input[type="radio"],
.form-style-5 input[type="search"],
.form-style-5 input[type="time"],
.form-style-5 input[type="url"],
.form-style-5 textarea,
.form-style-5 select
{
  
    width: 100%;
   
}

.form-style-7 input[type="submit"]{width:100%;  box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px 0px;
	margin-left:0;
	margin-top:30px;}


.success{padding:10px 30px; margin-left:5%; width:90%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

}