@font-face {
    font-family: 'togetherregular';
    src: url('fonts/together-webfont.eot');
    src: url('fonts/together-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/together-webfont.woff') format('woff'),
    url('fonts/together-webfont.ttf') format('truetype'),
    url('fonts/together-webfont.svg#togetherregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'telenorbold';
    src: url('fonts/telenor-bold-webfont.eot');
    src: url('fonts/telenor-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/telenor-bold-webfont.woff') format('woff'),
    url('fonts/telenor-bold-webfont.ttf') format('truetype'),
    url('fonts/telenor-bold-webfont.svg#telenorbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a{
    text-decoration: none;
}

iframe body{
  margin: 0px;
}



body{
    margin: 0px;
    padding: 0px;
	background-image: url(../images/back.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-color: #302d2d;
    width: 100%;
    height: auto;
/*    -webkit-animation: slide 40s linear infinite;
       -moz-animation: slide 40s linear;
            animation: slide 40s linear infinite;*/

            font-family: arial;
}

@-webkit-keyframes slide
{
    0%   {background-position: 0 0;}
    50% {background-position: -300px 0;}
    100% {background-position: 0 0;}
}

@-moz-keyframes slide
{
    0%   {background-position: 0 0;}
    50% {background-position: -300px 0;}
    100% {background-position: 0px 0;}
}

@keyframes slide
{
    0%   {background-position: 0 0;}
    50% {background-position: -300px 0;}
    100% {background-position: 0px 0;}
}






h1{
  font-family: "togetherregular";
  color: white;
}

h3{
  font-family: "telenorbold";
}

p{
  font-family: "telenorbold";
}

#container{
  width:1280px;
  /*min-height: 90vh;*/
}


#mnemonic{
  padding-top: 50px;
  text-align: left;
}



#question_container{
  padding: 50px 0px;
  text-align: left;
}

#question_container h3{
  color: #00aeef !important;
}

#home_options{
  padding-top:50px;
}

#accordion{
  /*display: none;*/
}

#accordion2{
  display: none;
}

.option_tab{
  color: white;
font-family: "togetherregular";
padding: 20px 0px;
background-color: #00aeef;
margin: 20px 20px;
font-size: 25px;
box-shadow: 0px 0px 2px #000;
cursor: pointer;
width:45%;
display: inline-block;
}



.ui-widget-content{
  background: none !important;
  border: 0px !important;
  color: white !important;
}

#gif_container{
  text-align: left;
  padding: 50px 0px;
}

#gif_thumb_container{

}

#gif_thumb{
  width:315px;
  display: inline-block;
  text-align: center;
  padding: 10px 0px;
  margin: 0px;
}

#gif_thumb h3{
color: white;
min-height: 100px;
width: 250px;
display: inline-block;
vertical-align: top;
}


#gif_thumb img{
  width:250px;
  height:250px;
}

#more_gif{
  display: none;
}

#show_less{
  display: none;
}

.show_bttn{
  text-align: center;
}


.show_bttn p{
  width: 300px;
display: inline-block;
padding: 20px;
background-color: rgb(0, 174, 239);
cursor: pointer;
color: white;
font-family: togetherregular;
}





footer{
  text-align: center;
  padding: 50px 0px 0px 0px;
}






/*........................................ Mobile CSS ................................*/

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


body{
    margin: 0px;
    padding: 0px;
  background-image: url(../images/back.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: cover;
    background-color: #302d2d;
    width: 100%;
    height: auto;
/*    -webkit-animation: slide 40s linear infinite;
       -moz-animation: slide 40s linear;
            animation: slide 40s linear infinite;*/

            font-family: arial;
}


#container{
  width:90%;
  /*min-height: 90vh;*/
}


#mnemonic{
  padding-top: 50px;
  text-align: center;
}

#mnemonic img{
  width: 50%;
}

p{
  font-size: 35px;
}

#question_container h3{
  font-size: 45px;
}

#gif_container{
  text-align:center;
}

#gif_container h1{
  font-size: 60px;
}

#gif_thumb {
    width: 90%;
    display: inline-block;
    text-align: center;
    padding: 20px;
    margin: 0px;
}

#gif_thumb img{
  width: 90%;
}











}