.box {
	width: 1050px;
	margin: 0 auto; 
	overflow: hidden;
}
.gornji{
	padding-top: 100px !important;
}

.blok {
	float: left; 
	width: 30%;
}
.sedmi li {
    font-size: 14px;
    line-height: 1.42857;
    color: #fff;
    font-size: 1.1em;
   	    font: 16px/24px "Maven Pro", Arial, sans-serif;

    font-weight: 300;
}
.poz{
padding-top: 67px;
}
.social-media a {
    display: inline-block;
    font-size: 18px;
    line-height: 32px;
    text-decoration: none;
    margin-right: 15px;
    color: #a1a1a1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

}
#overview-video iframe {
    border: 0 none !important;
    width: 100% !important;
    height: 350px !important;
}
.form-row {
    position: relative;
    z-index: 9999;
}

.negativ{
    color:#fff;
}
.text-align-right{
	text-align: right;
}
.text-align-left{
	text-align: left;
}
.padding-top{
	padding-top: 50px;
}
.padding-bottom{
	padding-bottom: 50px;
}
#dls {
    font-size: 11px;
    float: right;
    text-transform: uppercase;
    font-weight: 500;
}
#dls a {
    color: #7E4C65;
}
.card-text {
    font-size: 15px;
	line-height: normal;
}

#proverite {
	background: url("app-images/2.png") no-repeat scroll 96% 100% rgba(0, 0, 0, 0);
}

#pratite {
	background: url("app-images/3a.png") no-repeat right bottom;
}

#ostanite {
	background: url("app-images/4a.png") no-repeat scroll 79% 58% rgba(0, 0, 0, 0);
}

#budite {
	background: url("app-images/5.png") no-repeat scroll 100% -50% rgba(0, 0, 0, 0);
	height: 666px;
}

#preuzmite {
	background: url("app-images/6.png") no-repeat right;
}

img {
	max-width: 100%;
}
.img-box.second-img {
    background: rgba(0, 0, 0, 0) url("../images/b7.png") no-repeat scroll center center / cover ;
    height: 560px;
}
.img-box.first-img {
    background: rgba(0, 0, 0, 0) url("../images/b8.png") no-repeat scroll center 0% / cover ;
    height: 560px;
}
.img-box.treci-img {
    background: rgba(0, 0, 0, 0) url("../images/b9.png") no-repeat scroll 90% center / cover ;
    height: 560px;
}
.img-box.cetvrti-img {
    background: rgba(0, 0, 0, 0) url("../images/b10.png") no-repeat scroll center center / cover ;
    height: 560px;
}
.img-box {
    position: relative;
}
.img-box, .text-box {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    transform: scale(1, 1);
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}
.img-box img, .text-box img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
}
.bann-third-block {
	    padding: 0 0 20px;
}

.bann-sen-block-right {
    padding: 2em 1em;
    text-align: center;
}
.bann-sen-block-right h4 {
    color: #000;
    font-size: 1.5em;
    margin-bottom: 0.3em;
}
.bann-sen-block-right h2 {
    color: #e31b23;
    font-size: 2em;
}
.bann-sen-block-right p {
    color: #757575;
    font-size: 1.1em;
    line-height: 1.7em;
    margin: 0 auto;
    width: 77%;
}
.bann-sen-block-left {
    background: rgba(0, 0, 0, 0) url("../images/b7.png") no-repeat scroll 0 0 / cover ;
    min-height: 450px;
}

.skolovanje {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #747474;
    display: block;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.3em;
    margin: -31px auto 0;
    padding: 10px 3%;
    text-align: center;
    width: 44%;
}
.ban-four-block-text {
    float: left;
    width: 90%;
    margin: 20px;
}
.ban-four-block-text h4 {
    color: #000;
    font-size: 1.3em;
}
.ban-four-block-text h3 {
 
    font-size: 2.2em;
    margin-top: 0.2em;
}
.ban-four-block-icon {
    float: right;
    width: 30%;
}

.bann-padd {
    background: rgba(23, 22, 22, 0.53) none repeat scroll 0 0;
      height: 265px;

    width: 100%!important;
	color: #fff;
	    position: absolute;
    bottom: 0px;
}
.bann-four-block-middle {
   
	width: 100%;
    min-height: 100%;
}
.bann-third-block .bann-four-block-middle, .bann-four-block-middle .ban-four-block-text h4, .bann-four-block-middle .ban-four-block-text h3 {
    color: #fff;
}
	.skolovanje {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    color: #747474;
    display: block;
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.3em;
    margin: -31px auto 0;
    padding: 10px 3%;
    text-align: center;
    width: 44%;
}
.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
	
	
}
.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 98%;
  width: 100%;
  overflow: hidden;

}
.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .filter {
  z-index: 100;
  position: absolute;

  width: 100%;
}
.video-container .title-container {
  z-index: 1000;
  position: absolute;
  top: 4%;
  left: 30%;
width: 90%;
  text-align: center;
  color: #000;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}
/*footer*/

.footer {

	color: #fff !important;
	overflow: hidden;
	background-color: #444;
	padding-top: 46px;
}

.footer h2, .footer p {
	color: #fff;
}
.mid {
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 0 20px;
	width: 840px;
}
#logo_futer {
	float: left;
	margin-top: 6px;
	margin-bottom: 15px;
	width: 200px;
}
#txt_futer {
	float: right;
	width: 60%;
	margin: 15px 0px 0px;
}
.left_footer {
	float: right;
	font-size: 13px;
	font-weight: 400;
	margin-left: 11px;
}
.right_footer {
	float: right;
	font-size: 13px;
	font-weight: 400;
}
#listFooter > ul {
	border-bottom: 1px solid #fff;
	margin-bottom: 0;
	overflow: hidden;
	padding-left: 0;
}
#listFooter a {
	display: block;
	float: left;
	font-size: 12px;
	margin-left: 9px;
	padding: 4px;
}
#listFooter a:link {
	color: #fff;
}
#listFooter a:visited {
	color: #fff;
}
#listFooter a:hover {
	background: none repeat scroll 0 0 #fff;
	color: #444;
}
#listFooter a:active {
	color: #fff;
}
#listFooter li {
	list-style: inside none none;
}
/*//footer*/


.cta-btn{
	background: #7e4c65;
padding: 10px;
    
color: #fff;
text-decoration: none;
	padding-left: 34px;
padding-right: 34px;
}
.cta-btn:hover{
	background: #7e4c65;
padding: 10px;
    
color: #fff;
text-decoration: none;
}
.cta-btn:link{
	background: #7e4c65;
padding: 10px;
	padding-left: 34px;
padding-right: 34px;
    
color: #fff;
text-decoration: none;
}
.dugme{
	padding-top: 55px;
text-align: center;
	vertical-align: middle;
}
.cta-btn1, .cta-btn1:hover, .cta-btn1:active {
    vertical-align: middle;
    text-align: center;
    padding-top: 162px;
    background: #7e4c65;
    width: 100%;
    display: block;
    color: #fff;
    text-decoration: none;
    height: 100%;
    padding: 8px 0;
}
.required {
        color: red;
    }




.form-control{
background-color: #7e4c65 !important;
	color: #fff !important;
}

.form-control1{
	background-color: #fff !important;

}

.form-control1 {
    display: block;
    width: 100%;
    height: 42px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
	



@media only screen and (max-width: 1090px) {
	
	
	.box {
		width: 90%;
	}
	

	.second{
		 width: 80%;
    margin-top: 100px;
    text-align: left !important;
	}
	
	.blok {
		width: 100%;
		padding: 1% !important;
	}
	
	.blok h3, .blok p {
		padding: 1%;
	}
	
	#proverite {
		height: 620px;
	}
	
	#pratite  {
		height: 700px;
	}
	
	#ostanite  {
		height: 700px;
		background: url("app-images/4a.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	}
	
	#budite {
		height: 700px;
		background: url("app-images/5.png") no-repeat scroll center -360% rgba(0, 0, 0, 0);
	}
	
	#preuzmite {
		height: 650px;
		background: url("app-images/6.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	}
.video-container .title-container {

    position: absolute;
    top: 7%;
    left: 20%;
    width: 100%;
	font-size: 1em;
}
	
	

}


@media only screen and (max-width: 840px) {
	
	#pratite {
		background: url("app-images/3a.png") no-repeat scroll center bottom / contain rgba(0, 0, 0, 0);
	}
	.video-container .title-container {

    position: absolute;
    top: 7%;
    left: 20%;
    width: 100%;
	font-size: 1em;
}
	
.poz{
	
}
	.telDesni::after {
display: none;
}
	
	

}

@media only screen and (max-width: 690px) {
	.first {
    width: 100%;
    margin-top: 0px;
    text-align: left !important;
		padding-bottom: 0px !important;
}
	
	#ostanite  {
		height: 785px !important;
		background: url("app-images/4a.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	}
	
	#pratite {
		height: 605px;
	}
	
	#budite {
		background: url("app-images/5.png") no-repeat scroll center -1050% rgba(0, 0, 0, 0);
		height: 740px;
	}
	.video-container .title-container {

    position: absolute;
    top: 7%;
    left: 20%;
    width: 100%;
	font-size: 1em;
}
	#txt_futer {
	width: 60%;
}
#listFooter > ul {
	margin-bottom: 5px;
}
#listFooter a {
	margin-left: 8px;
}
	


}

@media only screen and (max-width: 610px) {
	
	.padding-bottom{
		padding-bottom: 0; 
	}
		.padding-top{
		padding-top: 0; 
	}
	.gornji{
		padding-top:0!important;
	}
	
	
#wrapper {
    overflow: hidden;
    width: auto;
	margin: 0 auto;
}
	.telDesni {
  
    margin: 0!important;
    padding: 0!important;
}
		.telLevi {
  
    margin: 0!important;
    padding: 0!important;
}
	.grid-waves-effect.horizontal {
    margin-bottom: 29px;
}
	
	
	#proverite {
		background: url("app-images/2.png") no-repeat scroll 100% 100% / contain rgba(0, 0, 0, 0);
		height: 600px;
	}
	.telDesni::after {
display: none;
}
	.telLevi {
margin: 0 auto;
		padding: 0;
    position: static!important;
}
		.telLevi::after {
display: none;
}
	#pratite {
		height: 565px;
	}
	
	#budite {
		background: url("app-images/5.png") no-repeat scroll center 100% / contain rgba(0, 0, 0, 0);
		height: 810px;
	}
	
	#preuzmite {
		background: url("app-images/6.png") no-repeat scroll center bottom / contain rgba(0, 0, 0, 0);
		height: 590px;
	}
		.desno1{
		width: 100%!important;
	}
	.margin-top{
		margin-top: 0px;
	
	}
	.sivo {
    background: url("app-images/Footer.png") no-repeat scroll 71% 0%;

}
	#listFooter {
	display: inline-block;
	text-align: center;
	margin-bottom: 4px;
}
#listFooter > ul {
	padding-top: 0px !important;
	margin-top: 0px !important;
}
#listFooter a {
	float: none !important;
	margin-left: 0px !important;
}
#logo_futer {
	margin: 12px auto 5px;
	float: none;
}
#txt_futer {
	float: none;
	width: 60%;
	margin: 0px auto 15px;
}
.left_footer, .right_footer {
	float: none;
}
	#dls{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.grid-waves-effect.horizontal {
		padding-top: 0!important;
}
	#nacin {
    margin-bottom: 60px;
}
}



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

	
	.gornji{
	padding-top: 0px;
}
	.footer{
		padding-top: 0px;
	}
	#nacin h1{
	font-size: 30px;
		line-height: 1;
	}
	.poz {
    padding-top: 0px;
}
	.padding-bottom{
		
		padding-bottom: 0px;
	}

	.paragraf {
		width: 70% !important;
	}
	
	.paragraf.svi {
		width: 88% !important;
	}
	
	#ostanite  {
		height: 930px !important;
		background: url("app-images/4a.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	}
	
	#pratite {
		height: 530px;
	}
	
	#budite {
		background: url("app-images/5.png") no-repeat scroll 100% 120% / contain rgba(0, 0, 0, 0);
		height: 660px;
	}
	
	#preuzmite {
		background: url("app-images/6.png") no-repeat scroll center bottom / contain rgba(0, 0, 0, 0);
		height: 600px;
	}
	.video-container .title-container {
display: none;
}
		.drugi{
		
		width:auto!important;
	overflow: hidden;
	margin: 0 0px !important;

	height: auto!important;
		padding: 20px;
		
	}
	nav li a {
    border-left: none;
    border-right: none;

}
	.desno1{
		width: 100%!important;
	}
		.margin-top{
		margin-top: 0px;
	
	}
		.sivo {
    background: url("app-images/Footer.png") no-repeat scroll 71% 0%;

}
	#listFooter > ul {
	margin: 0px 0px 10px;
}
#listFooter a {
	float: none;
}
.left_footer {
	float: none;
}
.right_footer {
	float: none;
}
	.belo {
	background: url("images/Tinejdzeri-umetnici.jpg") no-repeat;
	margin-bottom: 17px;
	padding-top: 30px;
}

}