*{margin: 0px; padding: 0px;}

body{
    background-image: url(../images/bg.png);
   
    width: 100%;
    padding-top:76px;
    background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
}

.navbar-default{
    background-color:#fff!important;
/*    background-image: url(../imaes/bg.jpg);*/
    border: none!important;
    height: 80px;
    box-shadow: 1px 1px 40px 1px black;
}

.navbar-default ul{
background-color: white;
}
    
}

.navbar-default .navbar-nav > li > a{
    color: #5293bc!important;
    font-weight: bold;
    font-family: 'Roboto-Black';
}

.tudime{
              background-image: url(../images/banner_tudime_web_home_page.png);
              min-height:436px;
              width: 100%;
 background-position: center;
              background-repeat: no-repeat;
              background-size: cover;
        box-shadow: 1px 1px 26px 1px #222;
          }

.navbar-default .navbar-toggle{
    margin-top: 20px;
    
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border: none;
}

.pink{
    background-color: fuchsia;
}








#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
/*      padding: 0 40px 30px 40px;*/
      
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

 .equal .span2 {
    width: 19%;
    float: left;
    height: 400px;
              margin: 1% 0.5% 5% 0.5%; 
    background-color: white;
              padding:10px;
}
          .equal .span2 img{
              height: 100%;
              width: 100%;
          }
          
          @media(max-width:991px){
              .equal .span2{
                  width: 32.3%;
              }
              .banbtn .play{
                  margin-top: -60px!important;
              }
               .banbtn .google{
                  margin-top: -20px!important;
              }
              .banbtn h1{
                  margin: 0px!important;
              }
              .banbtn img{
                  height: 40px!important;
              }
              .bantitle ul{
                  margin: 0px!important;
              }
               .bantitle ul li{
                  margin: 0px!important;
                   font-size: 14px!important;
              }
              
          }
           @media(max-width:640px){
              .equal .span2{
                  width:49%;
              }
          }
           @media(max-width:400px){
              .equal .span2{
                  width:99%;
              }
          }
          
          .tuimg img{
             height: 400px; 
              width: 60%;
              float: right;
          }
/*
            @font-face {
    font-family: 'comic-sans-ms';
    src: url(../fonts/ComicSansMS3.ttf);   
}

          @font-face {
    font-family: 'hand of sean';
    src: url(../fonts/Hand_Of_Sean_Demo.ttf); 
    
}
*/

         @font-face {
    font-family: 'Roboto-Regular';
    src: url(../fonts/Roboto-Regular.ttf);   
}

        .chat h3{
            font-family: 'Roboto-Medium';
        }  
        
.about-text{
    font-family: 'comic-sans-ms';
    color: white;
    text-align: center;
}

.paragraph{
    color: white;
    font-family: 'comic-sans-ms';
}
          
          h3{
              font-family: 'hand of sean';
          }        

 .slidebtn{
              display:inline-block; height:30px; width:50px; border:1px solid white; margin:5px; line-height:30px; color:white;
          }

#myNavbar ul{

        margin-top:15px;
}

.lang{
    height: 40px;
    line-height: 40px;
    width: 100px;
    border: none;
    outline: none;
    background-color:#5293bc;
    color: white;
}
.langselect{
    height: 40px;
    line-height: 40px;
    width: 200px;
    border: none;
    outline: none;
    background-color:#fff;
    color:#5293bc;
    
}

.bantitle h1{
    color: white;
    font-family: 'comic-sans-ms';
        
    
}

.bantitle p{
    color: white;
    font-size: 25px;
     font-family: 'comic-sans-ms';
}
.bantitle ul{
    list-style: none;
    margin-top: 50px;
}
.bantitle ul li{
    font-size: 20px;
    margin: 10px 0px;
     font-family: 'comic-sans-ms';
    color: white;
}
.tubanner{
    background-color: rgba(0,0,0,0.1);
    height: 100%;
}
.banbtn h1{
    color: white;
    font-family: 'comic-sans-ms';
    text-align: right;
        margin-top: 100px;
    
}
.banbtn img{
    margin-right:80px;
}
.navbar-default .navbar-nav > li > a{
    color: #5293bc!important;
    font-size: 16px;
     font-family: 'Roboto-Regular';
    font-weight: bold;
    
}

.navbar-brand > img{
        height: 60px!important;
}
.real{
    margin: 50px 0px;
}
.real img{
    height: 450px;
    width: 60%;
}
.real h2{
    color: #5293bc;
     font-family: 'comic-sans-ms';
    font-weight: bold;
}

.real p{
    color:#565b5e;
     font-family: 'comic-sans-ms';
     font-size:18px;
    text-align: justify;
}
.blue{
    background-color: #5293bc; 
}
.blue h3{
     color: #fff;
     font-family: 'comic-sans-ms';
    font-weight: bold;
}
.blue p{
     color: #fff;
     font-family: 'comic-sans-ms';
    font-size: 18px;
}
.footer-shadow{
    background-color: black;
}
.black{
    background-color: black;
}
.footer ul{
    list-style: none;
    padding: 30px 0px;
  
}
.footer ul li a{
        color: white;
    font-size: 30px;
}

.footer ul li{
    float: left;
     margin-left: 20px;
}
.footer ul li a:hover{
    text-decoration: none;
    transform: rotate(360deg);
    transition: all 1s ease;
    color:#5293bc;
}

/*end of index stylesheet*/


/*start of feedback stylesheet*/
.feedback{
    margin: 50px 0px;
}
.feedback h1{
    color: #5293bc;
    font-family: 'Roboto-Regular';
    font-weight: bold;text-align: center;
}
.feedback p{
     color: #5293bc;
   font-family: 'Roboto-Regular';
    font-weight: bold;
    font-size: 18px;
}
.feedback .thank{
     color: #5293bc;
      font-family: 'Roboto-Regular';
    font-weight: bold;
    font-size: 15px;
}
.feedback .ios{
    height:80px;
    widows: 100%;
    background-color:#5293bc;
 font-family: 'Roboto-Regular';
    border-bottom:1px solid white;
    color:white;
    font-size:25px;
    padding:25px;
}
.feedback .and{
    height:80px;
    widows: 100%;
    background-color:#5293bc;
 font-family: 'Roboto-Regular';
    border-bottom:1px solid white;
    color:white;
    font-size:25px;
    padding:25px;
}

.feedback .web{
    height:80px;
    widows: 100%;
    background-color:#5293bc;
     font-family: 'Roboto-Regular';
    color:white;
    font-size:25px;
    padding:25px;
}

.formm{
    padding: 30px 0px;
    background-image: url(../images/formbg.png);
    min-height:300px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

}

.formm input,textarea{
    height: 50px;
    width: 100%;
    border: none;
    border: 1px solid black;
    padding-left: 20px;
    margin: 20px 0px;
     font-family: 'Roboto-Regular';
    background: none;
    border: 1px solid white;
    font-size: 20px!important;
    color: white!important;
    resize: vertical;
    outline: none;
}
.formm textarea{
    margin: 20px 0px;
     font-family: 'Roboto-Regular';
    height: 230px;
    padding-top: 10px;
}
.formm textarea::placeholder{
    color: white!important;
     font-family: 'Roboto-Regular';
}
.formm select{
      height: 50px;
    width: 100%;
    border: none;
    border: 1px solid black;
    padding-left: 20px;
    margin: 20px 0px;
    background: none;
    border: 1px solid white;
     font-family: 'Roboto-Regular';
    font-size: 20px!important;
    color: white!important;
    resize: vertical;
    outline: none;
}
.formm select option{
    color: black;
}

.formm input::placeholder{
    color: white!important;
}

.answer p{
     color: #5293bc;
     font-family: 'comic-sans-ms';
    font-weight: bold;
    font-size: 18px; 
}
.answer{
    margin: 20px 0px;
}
.answer button{
    background: none;
    border: none;
   
    outline: none;
    width: 100%;
    height: 50px;
    color: white;
    background-color:#5293bc; 
    font-size: 20px;
}
.answer button:hover{
     border: 1px solid white;
    transition: all 1s ease;
    background: none;
}


/*end of feedback stylesheet*/

/*start of term stylesheet*/
.term{
    margin: 50px 0px;
}
.term p{
    color: #5293bc;
    font-family: 'Roboto-Regular';
    font-size: 18px; 
    text-align: justify;
}

.term h3{
    color: #5293bc;
      font-family: 'Roboto-Regular';
    font-size: 18px; 
    text-align: justify;
    font-weight: bold;
}

.captcha{
 width:100%; height: 50px; border: 1px solid white;
}
.captcha img{
    height: 50px;
    width: 100%;
}

select#qtranxs_select_qtranslate-2-chooser {
 border: none;
    width: 100%;
    height: 36px;
    padding-left: 160px;
    outline: none;
}
/*start of term stylesheet*/