.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,23px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,23px));
    background: #119af2;
    background: var(--swiper-pagination-bullet-inactive-color,#119af2);
    opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: #333399;
}

body {
	font-family: 'Open Sans', sans-serif;
	background-color:#fff;
}

.swiper-wrapper {
    height: 420px;
}

.sectionMargin {
    padding-top:50px;
    padding-bottom:50px;
}

.header__container {
    padding-top:50px;
    padding-bottom:50px;
    height: 100%;
}

.banner__containerfluid {
    position: relative;
    min-height: 500px;
    background-image: url("img/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.banner__container {
    min-height:500px;
    border-bottom: 20px solid #1092e6;
}

.raporImg {
    position: absolute;
    bottom:-80px;
}

.banner_textcerceve {
    max-width: 500px;
    padding-top:50px;
    padding-bottom:50px;
}

.banner_textcerceve h1 {
    color:#fff;
    font-size: 35px;
    font-weight: 500;
    margin-bottom:40px;
    margin-top:40px;
}

.raporBtn {
    display:inline-block;
    border:3px solid #119bf3;
    border-radius: 0px;
    background-color:transparent;
    font-weight: 300;
    font-size: 20px;
    padding:10px 50px 10px 50px;
    text-align: left;
}

.connectlink {
    max-width: 400px;
    padding-top:30px;
    padding-left:0px;
}

.connectlink a {
    font-size:18px;
    color:#fff;
    text-decoration: none;
    margin-top:10px;
    margin-bottom:10px;
    display: inline-block;
}

.connectlink a:hover {
    color:#119bf3;
    cursor: pointer;
}


.connectCol {
    padding-left:0px;
}

.raporMobile {
    display: none;
}

.video__container h2 {
    color:#119bf3;
    font-weight: 600;
    margin-bottom:30px;
}

.swipper__container h2 {
    color:#119bf3;
    font-weight: 600;
    margin-bottom:30px;
}

.video__cerceve {
    padding-left:10px;
    padding-right: 10px;
    padding-bottom:20px;
}

.video__cerceve h2 {
    font-weight: 500;
    margin-top: 35px;
    margin-bottom: 10px;
    font-size: 25px;
}

.video__cerceve p {
    color:#051d74;
    font-size: 18px;
}

.video__image:hover {
    cursor: pointer;
}


.video__image {
    position: relative;
    display: inline-block;
}


.play{
  position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
}


.footer__container {
    background-color:#f2f2f2;
    padding-top:100px;
    padding:100px 50px 50px 50px;
}

.footer__col a {
    font-size: 15px;
    margin-right: 10px;
    color:#051d74;
}



@media only screen and (max-width : 1200px) {
    
    .raporImg {
        max-width: 500px;
    }
 
}

@media only screen and (max-width : 1000px) {
	
    .raporImg {
        position:inherit;
        bottom: -80px;
        margin-bottom:-80px;
    }
    
    .banner_textcerceve {
        max-width:inherit;
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
    }
    
    .raporBtn {
        display: block;
        text-align: center;
    }
    
    .connectlink {
        max-width:inherit;
    }
    
    .banner__containerfluid {
        background-image: url("img/bg-m.jpg");
    }
    
    .raporMobile {
        display:inline !important;
    }
    
    .raporDesktop {
        display:none !important; 
    }
    
    .banner__img {
        text-align: center;
    }
   

}

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

	
	

}


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


}


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

	
}


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


	
}

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

		
	
}

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


}


@media only screen and (min-width : 1200px) {



}

@media only screen and (min-width : 1360px) {


}

@media only screen and (min-width : 1439px) {


}

@media only screen and (min-width : 1599px) {



}