@import url('https://fonts.googleapis.com/css?family=Oswald:300,400');

/*bottom to up sec*/

.go-top {

  display: block;

  width: 40px;

  height: 40px;

  line-height: 35px;

  text-align: center;

  font-size: 30px;

  position: fixed;

  bottom: -40px;

  right: 20px;

  -webkit-transition: all 1s ease;

  -moz-transition: all 1s ease;

  -o-transition: all 1s ease;

  transition: all 1s ease;

  background-color: #0057a0;

  color: #FFFFFF;

  text-decoration: none;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  border-radius:5px;

  z-index: 99;

}

.go-top.show { bottom: 20px; }

.go-top:hover {

  background-color: #727272;

  color: #FFFFFF;

}

.wrapper {

  margin: auto;

  width: 700px;

  text-align: left;

}











/* [Object] Modal

 * =============================== */

.modalss {

  opacity: 0;

  visibility: hidden;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  text-align: left;

  background: rgba(0,0,0, .9);

  z-index: 999999999;

  transition: opacity .25s ease;

}



.modalss__bg {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  cursor: pointer;

}



.modalss-state {

  display: none;

}



.modalss-state:checked + .modalss {

  opacity: 1;

  visibility: visible;

}



.modalss-state:checked + .modalss .modalss__inner {

  top: 0;

}



.modalss__inner {

  transition: top .25s ease;

  position: absolute;

  top: -20%;

  right: 0;

  bottom: 0;

  left: 0;

  width: 50%;

  margin: auto;

  overflow: auto;

  background: #fff;

  border-radius: 5px;

  height: 58%;

}

.enqss {

    padding: 30px;

}

.modalss__inner h3{

  margin:0px;

  text-transform: uppercase;

  text-align: center;

  font-family: 'Oswald', sans-serif;

  padding:15px;

  background: #0057a0;

  color: #fff;

}

.modalss__close {

  position: absolute;

  right: 1em;

  top: 1em;

  width: 1.1em;

  height: 1.1em;

  cursor: pointer;

}



.modalss__close:after,

.modalss__close:before {

  content: '';

  position: absolute;

  width: 2px;

  height: 1.5em;

  background: #ccc;

  display: block;

  transform: rotate(45deg);

  left: 50%;

  margin: -3px 0 0 -1px;

  top: 0;

}



.modalss__close:hover:after,

.modalss__close:hover:before {

  background: #aaa;

}



.modalss__close:before {

  transform: rotate(-45deg);

}



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

  

  .modalss__inner {

    width: 90%;

    height: 90%;

    box-sizing: border-box;

  }

}







/*programm*/

.md-modal {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 80%;

  max-width: 1142px;

  min-width: 600px;

  height: auto;

  z-index: 2000;

  visibility: hidden;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transform: translateX(-50%) translateY(-50%);

  -moz-transform: translateX(-50%) translateY(-50%);

  -ms-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

}



.md-show {

  visibility: visible;

}



.md-overlay {

  position: fixed;

  width: 100%;

  height: 100%;

  visibility: hidden;

  top: 0;

  left: 0;

  z-index: 1000;

  opacity: 0;

  background: rgba(0,0,0,0.9);

  -webkit-transition: all 0.3s;

  -moz-transition: all 0.3s;

  transition: all 0.3s;

}



.md-show ~ .md-overlay {

  opacity: 1;

  visibility: visible;

}



/* Content styles */

.md-content {

  color: #fff;

  background: #0057a0;

  position: relative;

  border-radius: 3px;

  margin: 0 auto;

  border: 1px solid rgba(255,255,255,0.5);

}



.md-content h3 {

    margin: 0;

    padding: 0.4em;

    text-align: center;

    font-size: 30px;

    font-family: 'Oswald', sans-serif;

    opacity: 0.8;

    background: rgba(0,0,0,0.6);

    border-radius: 3px 3px 0 0;

    text-transform: uppercase;

}



.md-content > div {

  padding: 15px 15px 15px;

  margin: 0;

}



.md-content button {

  display: inline-block;

  margin: 0 auto;

  background: #fff;

  border:none;

  font-size: 0.8em;

  color: #000;

  font-weight: bold;

}

.closes{

  text-align: right;

}

/* Individual modal styles with animations/transitions */



/* Effect 7:  slide and stick to top */

.md-effect-7{

  top: 0;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.md-effect-7 .md-content {

  -webkit-transform: translateY(-200%);

  -moz-transform: translateY(-200%);

  -ms-transform: translateY(-200%);

  transform: translateY(-200%);

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  transition: all .3s;

  opacity: 0;

}



.md-show.md-effect-7 .md-content {

  -webkit-transform: translateY(0%);

  -moz-transform: translateY(0%);

  -ms-transform: translateY(0%);

  transform: translateY(0%);

  border-radius: 0 0 3px 3px;

  opacity: 1;

}









/* Slideshow container */

.slideshow-containers {

  max-width: 1000px;

  position: relative;

  margin: auto;

}



/* Caption text */

.texts {

  color: #f2f2f2;

  font-size: 15px;

  padding: 8px 12px;

  position: absolute;

  bottom: 8px;

  width: 100%;

  text-align: center;

}



/* Number text (1/3 etc) */

.numbertexts {

  color: #f2f2f2;

  font-size: 12px;

  padding: 8px 12px;

  position: absolute;

  top: 0;

}



/* The dots/bullets/indicators */

.dotss{

  text-align: center;

  display: none;

}

.dots {

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.6s ease;

}



.actives{

  background-color: #717171;

}



/* Fading animation */

.fades {

  -webkit-animation-name: fades;

  -webkit-animation-duration: 1.5s;

  animation-name: fades;

  animation-duration: 1.5s;

}



@-webkit-keyframes fades {

  from {opacity: .4} 

  to {opacity: 1}

}



@keyframes fades {

  from {opacity: .4} 

  to {opacity: 1}

}



/* On smaller screens, decrease text size */

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

  .texts {font-size: 11px}

}

.carousel-control.left {

    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.0001) 100%);

    background-image: -o-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.0001) 100%);

    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.0001)));

    background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.0001) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

    background-repeat: repeat-x;

}

.carousel-control.right {

    right: 0;

    left: auto;

    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.1) 100%);

    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.1) 100%);

    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));

    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);

    background-repeat: repeat-x;

}

/*.carousel-control.right span{

    color: #0057a0

}*/