@charset "UTF-8";
@font-face {
    font-family: 'MyWebFont';
    src: url('font.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('font.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

@font-face {
    font-family: 'MyThinWebFont';
    src: url('thin_font.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
         url('thin_font.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
} 


.carousel-control-prev {
    /*width: 30%;put your desired width*/
    top: -300px !important;
    margin-top: 0px;/*put your desired top margin*/
}

.carousel-control-next {
    /*width: 30%; put your desired width*/
    top: -300px !important;
    margin-top: 0px;/*put your desired top margin*/
}

.carousel-indicators li {
	border: 0px !important;
    border-radius: 10px !important;
    width: 10px !important;
    height: 10px !important;
    /*background-color: #404040 !important;*/
}


body {
 background-attachment: fixed;
 background-position: center; 
 //background-size: cover;

 background-color: #1c2d46 !important;
 font-family: 'MyWebFont', Arial, Helvetica, sans-serif; 
 color:#ddd !important;
}

.custom-toggler { 
height:100px;
background-image: url(“data:image/svg+xml;charset=utf8, %3Csvg viewBox=’0 0 32 32′ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath stroke=’rgba(208, 208, 208, 0.8)’ stroke-width=’2′ stroke-linecap=’round’ stroke-miterlimit=’10’ d=’M4 8h24M4 16h24M4 24h24’/%3E%3C/svg%3E”); 
}

a { 
color: #ddd !important;
opacity:1;
}

a:hover { 
opacity:0.70;
}
.text_norm{
	font-family: 'MyThinWebFont', 'DejaVu', sans-serif !important;
	font-weight: 100 !important;
	color:#ddd !important;
}
.text_norm_head{
	font-family: 'Arial', sans-serif !important;
	color:#ddd  !important;
}

.text_norm_thin{
	font-family: 'MyThinWebFont', 'DejaVu', sans-serif !important;
	font-weight: 800 !important;
	color:#ddd  !important;
}

.text_outline{
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ddd !important;
}

.button_termin{
	opacity:1;
	background-color:#fff;
	 font-size:20px;
	 border-radius:6px;
	 padding:10px;
	 font-family: 'DejaVu', sans-serif !important;
	 font-weight: 500 !important;
	color: #3262a8
}

.button_termin:hover{
	opacity:0.80;
}


.box {
    animation: wobble 2s ease infinite;
}

@keyframes wobble {
    0%, 100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    15% {
        -webkit-transform: translateX(-10px) rotate(-5deg);
        transform: translateX(-10px) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(calc(10px / 2)) rotate(5deg);
        transform: translateX(calc(10px / 2)) rotate(5deg);
    }

    45% {
        -webkit-transform: translateX(calc(-10px / 2)) rotate(calc(-5deg / 1.8));
        transform: translateX(calc(-10px / 2)) rotate(calc(-5deg / 1.8));
    }

    60% {
        -webkit-transform: translateX(calc(10px / 3.3)) rotate(calc(5deg / 3));
        transform: translateX(calc(10px / 3.3)) rotate(calc(5deg / 3));
    }

    75% {
        -webkit-transform: translateX(calc(-10px / 5.5)) rotate(calc(-5deg / 5));
        transform: translateX(calc(-10px / 5.5)) rotate(calc(-5deg / 5));
    }
}