@font-face {
        font-family: QuickSand;
        src: url(../font/quicksand.ttf);
      }

@font-face {
       font-family: Nunito;
       src: url(../font/nunito.ttf);
     }

@font-face {
       font-family: Montserrat;
       src: url(../font/montserrat.ttf);
     }

@font-face {
      font-family: MontserratBolt;
      src: url(../font/montserratbolt.ttf);
     }

body{background-color: #ffffff;}

p{font-size: 23px;
  font-family: QuickSand;
  color: #565656;}

.text-justify{
  text-align: justify;
}

h1{font-family: Montserrat;
   font-weight: 100!important;}

h2, h3 {font-family: MontserratBolt;
        color: #565656;
        font-weight: 300;
        margin-top: 0px!important;
        line-height: 0.8;}

h4 {font-family: QuickSand;
    color: #565656;
    text-decoration: none;
    font-size: 28px;}

a{text-decoration: none;}

a:hover{text-decoration: none;}

a:visited{text-decoration: none;}

.row12{line-height: 1.2;}

.nunito{font-family: Nunito;}

.navbar-full{width: 100%;
            z-index: 10;}

.navbar-grey{background-color: #565656;
             height: 38px;
             padding: 0px 0px 0px 0px;
             z-index: 8;}

.menu-btn :link {background: #565656;
                 color: #fff;
                 padding: 0px;
                 border-bottom: #565656 solid 2px;}

.menu-btn :hover {background-color: #fff;
                  color: #565656;
                  padding: 0px;
                  border-bottom: #565656 solid 2px;}
                  
.menu-btn :visited {border-bottom: #565656 solid 2px;}
  
.menu-a-btn :link {background-color: #fff;
                   color: #565656;
                   padding: 0px;
                   border-bottom: #565656 solid 2px;}

.menu-a-btn :hover {background-color: #fff;
                    color: #565656;
                    padding: 0px;}

                   
.menu-a-btn :visited {background-color: #fff;
                       color: #565656;
                       padding: 0px;
                       border-bottom: #565656 solid 2px;}
      
      
/* Overlay */                       

.wrap {
  position: relative;
  width: 100%;
}


.imageButtom {
  display: block;
  max-height: 350px;
  width: 100%;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000;
}

.wrap:hover .overlay {
  opacity: 0.8;
}

.text {
  color: white;
  font-size: 28px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: QuickSand;
  text-align: center;
}

/* Overlay */

.orange{color: #db6716;}

.yellow{color: #ffc800;}

.grey{color: #565656;}

.blue{color: #548dc6;}

.white{color: #fff;}

.orangeborder{border-color: #db6716!important;}

.yellowborder{border-color: #ffc800!important;}

.menu-icon{height: 38px;}

.nav-link{color: #fff;
          font-size: 24px;}

.center{text-align: center;
        align-self: center;}

.vline{max-height: 120px;
       max-width: 4px;}

.navbar-toggler-icon {
            display: inline-block;
            color: #fff;
            width: 1.5em;
            height: 1.5em;
            vertical-align: middle;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
          }

.font-white{color: #fff;}

.banner {max-height: 400px;}

.navbar-toggler{border: 0px;}

.bg-white{background-color:#fff!important}

.bg-lgrey{background-color: #d6d6d6!important}

.bg-grey{background-color:#565656!important}

.bg-dgrey{background-color:#242424!important;}

.bg-orange{background-color: #db6716!important;}

.bg-yellow{background-color: #ffc800!important;}

.bg-blue{background-color: #548dc6!important;}

.bg-darkBlue{background-color: #3f4b61!important;}

.bg-brown{background-color: #62513f!important;}

.br-none{background: none;}

.youtube{max-width: 420px;
         height: 280px;}

.contactLink {color: #fff;
              text-decoration: underline;}

.contactLink:link {color: #fff;
                    text-decoration: underline;}

.contactLink:hover {color: #fff;
                     text-decoration: underline;}

.contactLink:visited {color: #fff;
                       text-decoration: underline;}

.photo {max-height: 500px;}

.otherBar{max-width: 650px;
          color: #548dc6;
          opacity: 1;}

.otherButton{color: #fff;
             background-color: #548dc6;
             font-size: 26px;
             text-decoration: none;
             width: 180px;
             height: 40px;
             border: 0px;}

.otherButton:link{color: #fff;
                   text-decoration: none;}
                  
.otherButton:active{color: #fff;
                     text-decoration: none;}

.otherButton:hover{color: #fff;
                    text-decoration: none;}

.otherButton:visited{color: #fff;
                      text-decoration: none;
                      border: 0px;}

.gameButton{color: #fff;
            background-color: #ffc800;
            font-size: 26px;
            text-decoration: none;
            width: 80px;
            height: 40px;
            border: 0px;
            cursor: pointer;
            vertical-align: middle;}
           
.gameButton:link{color: #fff;
                  text-decoration: none;}
                             
.gameButton:active{color: #fff;
                    text-decoration: none;}
           
.gameButton:hover{color: #fff;
                   text-decoration: none;}
           
.gameButton:visited{color: #fff;
                     text-decoration: none;
                     border: 0px;}

/*.previusImg {max-width: 720px;}*/

.submitButt{color: #fff;
            background-color: #242424;
            border: 2px solid #fff!important;
            font-size: 20px;
            text-decoration: none;
            width: 120px;
            height: 42px;
            border: 0px;
            cursor: pointer;
            vertical-align: middle;}

.submitButt:hover{color: #242424;
                  background-color: #fff;}

#moreContent{display: none;}

.indexBG{
  background-image: url(../en/backgroundtst.jpg);
  background-repeat: no-repeat;
  background-size: contain;
}