/*--------------------------*/
/*--------------------------*/
/*------> Borna ------*/
/*-------------- .css ------*/
/*--------------------------*/
/*--------------------------*/


body {
    background: linear-gradient(141deg, #41c0ff 0%, #41a0ff 51%, #4180ff 75%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin: 0;
}
html{
	margin: 0;
}

/*--- bootstrap nonsence ---*/
.row {
    margin-left: 0!important;
    margin-right: 0!important;
}

/*--------------------------*/
/*------text animation------*/
/*--------------------------*/

.animate-reveal {
  opacity: 0;
  -webkit-animation: reveal 1.5s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 1.5s ease-in 1 normal forwards;
       -o-animation: reveal 1.5s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 1.5s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}

.animate-first {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

/*------end of:-------------*/
/*------text animation------*/
/*--------------------------*/


/*--------------------------*/
/*----------navbar----------*/
/*--------------------------*/
nav.navbar{
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.navbar-inverse {
    background: transparent;
    border: 0;
}

nav.navbar.transparent {
  background-color:	white;
  border-bottom: 1px solid lightgrey;
}

.border-remove{
	border-bottom: 0!important;
}

/*@media (min-width: 768px) {
	.navbar-right {
    	float: right!important;
    	margin-right: 0;
	}
}*/

.navbar-inverse .navbar-nav>li>a{
    color: white;
    font-weight: bolder;
    font-size: 20px;
    /*text-shadow: 2px 2px 10px black;*/
}

.navbar-inverse .navbar-brand {
 	color: white;
    font-weight: bolder;
    font-size: 20px;
    /*text-shadow: 2px 2px 10px black;*/
 }

/*@media only screen 
  and (max-width: 900px)  { 
  	.white-border{
  		 border-bottom: 0!important;
  	}
}*/

/*@media only screen 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#navigation {
  		display: none;
  	}
}*/

/*--------------------------*/
/*--------------------------*/

.to-top {
  background-color: #636b6f;
  color: white;
  padding: 20px 20px;
  border-radius: 50%;
  z-index: 999;
}

#mybutton {
  position: fixed;
  bottom: 10px;
  right: 25px;
  z-index: 1000;
}

i {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

@media only screen 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#mybutton {
  		display: none;
  	}
  	#make-buttons {
		display: none;
	}
}

#section-before1-small {display: none;} 

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
  	#section-before1-small{
  		display: inline;
  	}
}

/*--------------------------*/
/*--->( section: hidden )---*/
/*--------------------------*/

#section-hidden > div {
	
    width: 100vh;
}

#section-hidden-image > img {
	opacity: 0;
}


/*--------------------------*/
/*------( section: 0 )------*/
/*--------------------------*/


.navbar-custom {
	background-color: white;
	position: relative;
	vertical-align: middle;
}

.navbar-transparent-navs{
	width: 100%;
}

.buttons{
	display: grid;
	grid-template-columns: auto auto auto;
	width: 100%;
	
}

.logo {
	text-align: center;
}

.navbar-transparent-img{
	width: 30%;
	margin-bottom: 2%;
	
}

#section-0 button {
	border-radius: 0;
	border: 4px solid #41a0ff;
	background: white;
	color: #41a0ff;
    
}

#section-0 button:hover {
	background: #41a0ff;
	color: white;
}

.first-button{
	border-right: 2px solid #41a0ff!important;
}

.middle-button{
	border-left: 2px solid #41a0ff!important;
	border-right: 2px solid #41a0ff!important;
}

.last-button{
	border-left: 2px solid #41a0ff!important;
}

@media only screen 
  and (min-device-width: 100px) 
   { 
  	#section-0 {
  		display: none;
  	}
 }

/*--------------------------*/
/*------( section: 1 )------*/
/*--------------------------*/

#slideshow-text{
	position: absolute;
	top: 14%;
	width: 	100%;
	text-align: center;
	z-index: 999;
     
}

#slideshow-text > h1 {
	font-size: 6rem;
    color: #fff;
    font-weight: bolder;
    text-shadow: 2px 2px 10px black;
}

#slideshow-text > h2 {
    color: #FFF;
    font-weight: bolder;
    text-shadow: 2px 2px 10px black;
}

#slideshow-text > h3 {
	font-size: 20px;
    color: #fff;
    text-shadow: 2px 2px 10px black;
}

#slideshow { 
    position: relative;
    width: 100%;
	  
}

#slideshow > div {
	background-color: black; 
    position: absolute; 
    height: 100%!important; 
}

#slideshow-image > img {
	background-color: grey;
	opacity: 0.8;
	/*height: inherit!important;*/
	width: 100%!important;
}

#section-1 button {
	border-radius: 0;
	border: 4px solid #41a0ff;
	background: white;
	color: #41a0ff;
    
}

#section-1 button:hover {
	background: #41a0ff;
	color: white;
}

.navbar-transparent-img01{
	width: 20%;
	margin-left: 40%;
	margin-top: 1%;
	filter: drop-shadow(0px 15px 15px rgba(255,255,255,1));
}

@media only screen 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-1 {
  		display: none;
  	}
 }

#make-buttons button {
	border-radius: 0;
	border: 4px solid #41a0ff;
	background: white;
	color: #41a0ff;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 2%;
	margin-bottom: 2%; 
}

#make-buttons button:hover {
	background: #41a0ff;
	color: white;
}

@media only screen 
  and (max-width: 1024px) { 
  	#slideshow-text > h1 {
	font-size: 3rem;
}
	#slideshow-text > h3 {
		font-size: 18px;
	}
}

@media only screen 
  and (max-width: 799px) { 
  	#slideshow-text > h1 {
	font-size: 2rem;
}
	#slideshow-text > h3 {
		font-size: 15px;
	}
}


@media only screen 
  and (max-width: 730px) { 
	#slideshow-text > h3 {
		display: none;
	}
}






/*--------------------------*/
/*------( section: 2 )------*/
/*--------------------------*/

.container-hooks {
	width: 100%;
	
	background-color: white;	
}

#section-2 .container {
	width: 100%;
	
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 3%;
	padding-bottom: 3%;
}

#section-2 h2 {
	text-align: center;
	margin-bottom: 5%;
	font-weight: bolder;
	text-shadow: 2px 2px 10px white;
}

/*#hook-image {
	text-align: center;
}*/

#hook-image > img {
	margin: auto;
	zoom: 1.5;
}

.horVer-info-box{
	width: 100%;
	margin-bottom: 3%;
	padding: 5%;
	/*background-color: lightgrey;*/
}


@media only screen 
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-2 .container {
		padding: 0;
	}
}

/*@media only screen 
  and (max-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-2 .column-one {
		width: 100%!important;	
		margin-bottom: 10%;	
	}
	#section-2 .column-two {
		width: 100%!important;
		float: 0;	
	}
	#section-2 p{
		font-size: 30px;
	}
	#section-2 h2 {
		margin-bottom: 10%;	
	}
	#section-2 h3 {
		font-weight: bolder;	
	}
}*/

/*--------------------------*/
/*------( section: 3 )------*/
/*--------------------------*/

#section-3 .container {
	width: 100%;
	height:	100%;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 3%;
	padding-bottom: 3%;
	background-color: #41a0ff;
}

#section-3 h2 {
	text-align: center;
	color: white;
	margin-bottom: 3%;
	font-weight: bolder;
}

#section-3 h3 {
	text-align: center;
	margin-top: 5px;
}

#section-3 h4 {
	text-align: left;
	margin: 0;
	color: white;
	font-size: 15px;
}

#section-3 select{
	height: 37px;
}

#section-3 .select1-input,
#section-3 .select2-input,
#section-3 .year-input,
#section-3 .name-input,
#section-3 .mail-input,
#section-3 .title-input {
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #E4F1FE;
	font-size: 17px;
	border: 0;
}

#section-3 .message-input {
	width: 100%;
	min-height: 10rem!important;
	max-height: 10rem!important; 	
	background-color: #E4F1FE;
	font-size: 17px;
	resize: vertical;
	padding: 5px;
	margin-bottom: 	20px;
	border: 0;
}

#section-3 .send-button {
	width: 100%;
	height: 40px;
	background-color: #636b6f;
	color: white;
	margin-bottom: 15px;
	font-weight: bolder;
	font-size: 17px;
	border: 0;
}

#section-3 .send-button:hover {
	background-color: grey;
}

#section-3 .alert-pin{
	color: white;
	text-shadow: 2px 2px 10px #2c3e50;
}

/*--------------------------*/
/*------( section: 4 )------*/
/*--------------------------*/

.container-info {
	width: 100%;
	height:	min-content;
	background-color: #ffffff;
}

#section-4 .container {
	width: 100%;
	height: min-content;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 3%;
	padding-bottom: 3%;
}

#section-4 h2 {
	text-align: center;
	margin-bottom: 3%;
	font-weight: bolder;
}

#section-4 h3 {
}

#info-text > div {
	
}

/*@media only screen 
  and (max-device-width: 1024px)
  and (min-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	#section-4 p {
    	font-size: 20px;
	}
	#info-text > div {
		padding-left: 5%;
		padding-right: 5%;
	}
	h2 {
    	font-size: 45px;
	}
	h3 {
    	font-size: 30px;
	}
	#section-4 .container {
		padding-right: 5%;
		padding-left: 5%;
	}
}

@media only screen 
  and (max-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	#section-4 p {
    	font-size: 30px;
    }
    #info-text > div {
		padding-left: 5%;
		padding-right: 5%;
	}
	h2 {
    	font-size: 45px;
	}
	h3 {
    	font-size: 30px;
	}
	#section-4 .container {
		padding-right: 5%;
		padding-left: 5%;
	}
	
}*/
@media only screen 
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) { 
	#section-3 iframe {
		height: 670px!important;
	}
	#section-3 .container {
		padding-right: 3%!important;
		padding-left: 3%!important;
	}

	h2 {
		font-size: 2rem;
	}
}

/*--------------------------*/
/*------( section: 5 )------*/
/*--------------------------*/

#section-5 h2 {
	text-align: center;
	margin-bottom: 3%;
	font-weight: bolder;
}

#section-5 h3 {
	text-align: center;
}

.container-galery {
	display: grid;
	grid-template-columns: auto auto auto auto;
	width: 100%;
	height:	min-content;
	background-color: white;
}

#section-5 .container {
	width: 100%;
	height:	min-content;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 3%;
	padding-bottom: 3%;
	background-color: #41a0ff;
	text-align: center;	
}

.galery-item {
	background-color: rgba(255, 255, 255, 0.8);
 	width: auto;
 	border: 2px solid lightgrey;
 	background-color: #2c3e50;
  	transition: .2s ease-in-out;
  	background-size: 170%;
	background-position: center center;
}

.galery-item:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.item1{background-image:url(/images/galery/image1.jpg);}
.item2{background-image:url(/images/galery/image2.jpg);}
.item3{background-image:url(/images/galery/image3.jpg);}
.item4{background-image:url(/images/galery/image4.jpg);}
.item5{background-image:url(/images/galery/image5.jpg);}
.item6{background-image:url(/images/galery/image6.jpg);}
.item7{background-image:url(/images/galery/image7.jpg);}
.item8{background-image:url(/images/galery/image8.jpg);}
.item9{background-image:url(/images/galery/image9.jpg);}
.item10{background-image:url(/images/galery/image10.jpg);}
.item11{background-image:url(/images/galery/image11.jpg);}
.item12{background-image:url(/images/galery/image12.jpg);}
.item13{background-image:url(/images/galery/image13.jpg);}
.item14{background-image:url(/images/galery/image14.jpg);}
.item15{background-image:url(/images/galery/image15.jpg);}
.item16{background-image:url(/images/galery/image16.jpg);}
.item17{background-image:url(/images/galery/image17.jpg);}
.item18{background-image:url(/images/galery/image18.jpg);}
.item19{background-image:url(/images/galery/image19.jpg);}
.item20{background-image:url(/images/galery/image20.jpg);}

.galery-item:hover {
	background-size: 190%;
}

.show-more-state {
  	display: none;
}

.container-galery .show-more-target {
	display: none;	
}

.show-more-state:checked ~ .container-galery .show-more-target {
  	display: block;		 
}

.show-more-state ~ .show-more-trigger:before {
  	content: 'Prikaži više';
}

.show-more-state:checked ~ .show-more-trigger:before {
  	content: 'Prikaži manje';
}

.show-more-trigger {
  	cursor: pointer;
  	display: inline-block;
  	padding: 0 .5em;
 	color: #41a0ff;
  	font-size: 1.5em;
  	line-height: 2;
  	text-align: center;
  	border: 0;
}

/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 1024px)
  and (min-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	.container-galery {
	display: grid;
	grid-template-columns: auto auto;
	}
	/*.show-more-trigger{
		font-size: 40px!important;
	}*/
}

@media only screen 
  and (max-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	.container-galery {
	display: grid;
	grid-template-columns: auto auto;
	}
	/*.show-more-trigger{
		font-size: 40px!important;
	}*/
}

/*--------------------------*/
/*------( section: 6 )------*/
/*--------------------------*/

#section-6 h1{
	font-size: 55px;
	font-weight: bolder;
    text-shadow: 2px 2px 10px lightgrey;	
	text-align: center;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #41a0ff;
}

#section-6 h4{
    text-shadow: 2px 2px 10px lightgrey;	
	text-align: center;
	margin-bottom: 15px;
	color: #41a0ff;
}

.container-nums{
	background-color: white;
}

#section-6 .container{
	width: 60%;
	padding-bottom: 100px;
}

@media only screen 
  and (max-device-width: 1024px)
  and (min-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	#section-6 {
		display: none;
	}  
}

@media only screen 
  and (max-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	#section-6 {
		display: none;
	}
}

/*--------------------------*/
/*------( section: 7 )------*/
/*--------------------------*/

.container-contact {
	width: 100%;
	height:	min-content;
	background-color: ##41a0ff;
}

#section-7 .container{

}

#section-7 h2 {
	text-align: center;
	color: white;
	margin-bottom: 3%;
	font-weight: bolder;
}

#section-7 h3 {
	text-align: center;
	color: white;
	margin-top: 3%;
}

#section-7 label {
	color: white;
}

#section-7 .nav-info-con {
	margin-bottom: 10px;
    font-family: Raleway,sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #fff;

}

#section-7 .name-input,
#section-7 .mail-input {
	width: 100%;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #E4F1FE;
	font-size: 17px;
	border: 0;
}

#section-7 .message-input {
	width: 100%;
	min-height: 10rem!important;
	max-height: 10rem!important; 	
	background-color: #E4F1FE;
	font-size: 17px;
	resize: vertical;
	padding: 5px;
	margin-bottom: 	20px;
	border: 0;
}

#section-7 .send-button {
	width: 100%;
	height: 40px;
	background-color: #636b6f;
	color: white;
	margin-bottom: 15px;
	font-weight: bolder;
	font-size: 17px;
	border: 0;
}

#section-7 .send-button:hover {
	background-color: grey;
}

#section-7 .alert-pin{
	color: white;
	text-shadow: 2px 2px 10px #2c3e50;
}

#section-10 .container {
	width: 100%;
	height: min-content;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 3%;
	padding-bottom: 3%;
	color: white;
	background-color: #41a0ff;
}

#section-10 h2 {
	margin-bottom: 3%;
	font-weight: bolder;
}

#section-10 h3 {
	text-align: center;
}

#info-text > div {
	
	padding-left: 10%;
	padding-right: 10%;
}

/*@media only screen 
  and (max-device-width: 1024px)
  and (min-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-7 .column-one {
		width: 100%!important;	
	}
	#section-7 .column-two {
		width: 100%!important;
		float: 0;	
	}
	#section-7 .container{
		width: 100%;
	}
	#section-7 .col-sm-8{
		width: 100%;
	}
	#section-7 label {
    	color: 20px;
	}
	#section-7 p {
    	font-size: 20px;
	}
	#section-7 .name-input,
	#section-7 .mail-input {
		font-size: 30px;
		padding: 25px;
	}

	#section-7 .message-input {
		font-size: 40px;
		padding: 25px;
		min-height: 20rem!important;
		max-height: 20rem!important; 
	}

	#section-7 .send-button {
		font-size: 40px;
		height: 90px;
	}
	.labelinho{
		font-size: 25px;
	}
	#section-7 iframe{
		height: 900px!important	;
	}
}

@media only screen 
  and (max-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-7 .column-one {
		width: 100%!important;	
	}
	#section-7 .column-two {
		width: 100%!important;
		float: 0;	
	}
	#section-7 .container{
		width: 100%;
	}
	#section-7 .col-sm-8{
		width: 100%;
	}
	#section-7 label {
    	color: 20px;
	}
	#section-7 p {
    	font-size: 30px;
    }
    #section-7 .name-input,
	#section-7 .mail-input {
		font-size: 40px;
		padding: 25px;
	}

	#section-7 .message-input {
		font-size: 40px;
		padding: 25px;
		min-height: 20rem!important;
		max-height: 20rem!important;
	}

	#section-7 .send-button {
		font-size: 30px;
		height: 90px;
	}
	.labelinho{
		font-size: 25px;
	}

	#section-7 iframe{
		height: 900px!important;
	}
}*/

/*--------------------------*/
/*------( section: 8 )------*/
/*--------------------------*/

.footer{
	background-color: #3672cc!important;
	text-align: left;
}

#section-8 .container{
	margin: 0;
	height:	min-content;
	background-color: #3672cc!important;
	color: white;
}

#section-8 .text-alignment{
	text-align: left;
}

#section-8 h4{
	text-align: center;
}

#section-8 p{
	margin-bottom: 12px;
	margin-top: 12px;
}


/*--------------------------*/
/*--------------------------*/



/*--------------------------*/
/*------( section: A )------*/
/*--------------------------*/

#section-a .wrapper {
	width: 60%;
	height: min-content;
	padding: 2%!important;
	background-color: white;
	margin: 70px auto;
}

#section-a h2 {
	border-bottom: 1px solid lightgrey;
}

#section-a .row-spacing{
	margin-bottom: 3%;
	padding: 0;
}

#section-a .all-select {
	width: 100%;
	padding: 12px;
	border: 2px solid lightgrey;
	background-color: #E4F1FE;
}

#section-a .all-input {
	width: 100%;
	padding: 12px;
	border: 2px solid lightgrey;
	background-color: #E4F1FE;
}

#section-a select {
	height: 50px;
}

#section-a button {
	border-radius: 0;
	border: 4px solid #41a0ff;
	background: transparent;
	color: #41a0ff;
	width: 100%;
	font-weight: bolder;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#section-a button:hover {
	background: #41a0ff;
	color: white;
}

#section-a li {
	font-size: 17px;
}


/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 1024px)
  and (min-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-a .wrapper {
		width: 85%;
		margin-top: 30px!important;
	}
	.button-submit-model{
		margin-bottom: 20px;
	}
	#section-a .all-input {
		margin-bottom: 20px!important;
	}
}

@media only screen 
  and (max-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-a .wrapper {
		width: 90%;
		margin-top: 30px!important;
	}
	.button-submit-model{
		margin-bottom: 20px;
	}
	#section-a .all-input {
		margin-bottom: 20px!important;
	}
}


/*--------------------------*/
/*------( section: B )------*/
/*--------------------------*/

#section-b .wrapper {
	box-shadow: 2px 2px 10px grey;
	width: 60%;
	height: min-content;
	padding: 2%!important;
	background-color: white;
	margin: 70px auto;
}

#section-b h4 {
	border-bottom: 1px solid lightgrey;
}

#section-b .row-spacing{
	margin-bottom: 3%;
}

#section-b .all-input {
	width: 100%;
	padding: 12px;
	border: 2px solid lightgrey;
	background-color: #E4F1FE;
}

#section-b select {
	height: 50px;
}

#section-b button {
	border-radius: 0;
	border: 4px solid #41a0ff;
	background: transparent;
	color: #41a0ff;
	width: 100%;
	font-weight: bolder;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#section-b button:hover {
	background: #41a0ff;
	color: white;
}

#section-b li {
	font-size: 17px;
}

/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 1024px)
  and (min-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-b .wrapper {
		width: 85%;
		margin-top: 30px!important;
	}
	#section-b .all-input {
		margin-bottom: 20px!important;
	}
	.model-new{
		margin-bottom: 30px;
	}
}

@media only screen 
  and (max-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-b .wrapper {
		width: 90%;
		margin-top: 30px!important;
	}
	#section-b .all-input {
		margin-bottom: 20px!important;
	}
	.model-new{
		margin-bottom: 30px;
	}
}

/*--------------------------*/
/*------( section: c )------*/
/*--------------------------*/

#section-c .wrapper {
	box-shadow: 2px 2px 10px grey;
	width: 60%;
	height: min-content;
	padding: 2%!important;
	background-color: white;
	margin: 70px auto;
}

#section-c h4 {
	border-bottom: 1px solid lightgrey;
}

#section-c .row-spacing{
	margin-bottom: 3%;
}

#section-c .all-input {
	width: 100%;
	padding: 12px;
	border: 2px solid lightgrey;
	background-color: #E4F1FE;
}

#section-c select {
	height: 50px;
}

#section-c button {
	border-radius: 0;
	border: 4px solid #41a0ff;
	background: transparent;
	color: #41a0ff;
	width: 100%;
	font-weight: bolder;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}

#section-c button:hover {
	background: #41a0ff;
	color: white;
}

#section-c li {
	font-size: 17px;
}

/* Portrait and Landscape */
@media only screen 
  and (max-device-width: 1024px)
  and (min-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-c .wrapper {
		width: 85%;
		margin-top: 30px!important;
	}
	#section-c .all-input {
		margin-bottom: 20px!important;
	}
}

@media only screen 
  and (max-device-width: 800px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  	#section-c .wrapper {
		width: 90%;
		margin-top: 30px!important;
	}
	#section-c .all-input {
		margin-bottom: 20px!important;
	}
}


#slideshow1 {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}

.slide-wrapper {
  -webkit-animation: slide 18s ease infinite;
}

.slide {
	width: 400%!important;
  	float: left;
}

.slide:nth-child(1) {
  background-image: url("/images/slide/1.jpg");
}

.slide:nth-child(2) {
  background-image: url("/images/slide/2.jpg");
}

.slide:nth-child(3) {
  background-image: url("/images/slide/3.jpg");
}

.slide:nth-child(4) {
  background-image: url("/images/slide/4.jpg");
}

.slide:nth-child(5) {
  background-image: url("/images/slide/5.jpg");
}



.slide-number {
  color: #000;
  text-align: center;
  font-size: 10em;
}

@keyframes slider {
	0% {
	left: 0;
	}
	20% {
	left: 0;
	}
	25% {
	left: -100%;
	}
	45% {
	left: -100%;
	}
	50% {
	left: -200%;
	}
	70% {
	left: -200%;
	}
	75% {
	left: -300%;
	}
	95% {
	left: -300%;
	}

}

#slider {
	overflow: hidden;
}

#slider figure img {
	width: 25%;
	float: left;
}

#slider figure {
	position: relative;
	width: 400%;
	margin: 0;
	left: 0;
	text-align: left;
	font-size: 0;
	animation: 35s slider infinite; 
}