* {
    box-sizing: border-box;
/* // margin: 0;*/
}


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

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

@font-face
{
    font-family: global7;
    src:url(../font/openb.ttf);
    
}
@font-face
{
    font-family: global8;
    src:url(../font/openbe.ttf);
    
}
@font-face
{
    font-family: global3;
    src:url(../font/fourth.ttf);
    
}
@font-face
{
    font-family: global4;
    src:url(../font/CaviarDreams.ttf);
    
}
@font-face
{
    font-family: global5;
    src:url(../font/Caviar_Dreams_Bold.ttf);
    
}



body{
    margin: 0;
    background-color: white;
}
.row:after {
    content: "";
    clear: both;
/*  //  margin-top: 200px;*/
    display: block;
}
[class*="col-"] {
    float: left;
/* //   padding: 15px;*/
 
}
html {
/*   // font-family: "arial", sans-serif;
 // font-family: Verdana, Geneva, sans-serif;*/
   
    font-size:15px;
   font-family: global6;;
  
   
}
.header {
    background-color: #9933cc;
    color: #ffffff;
    padding: 15px;
    box-shadow: 0px 0px 20px black;
    
}

.in{
    width: 100%;padding: 10px;outline: none;border:1px solid lightgray;position: relative;background-repeat: no-repeat;background-size: 30px 30px;padding-left: 30px;background-position-y: 3px;border-radius: 4px;
    transition: width 0.3s;
    transition-timing-function: ease-in-out;
}

.in:focus{
    width:100%;
}
.headerdown{
/*  //  padding: 15px;*/
  color:white;
    background-color:black;
}
.menu ul {
    list-style-type: none;
/*  //  background-color: red;*/
    margin: 0;
    padding: 0;
    
}
.menu li {
   position: relative;
 
    display: inline-block;
    
/*   // background-color :#33b5e5;*/
    cursor: pointer;
/* //   color: #ffffff;*/
 color:black;
   font-family: global6;
 padding: 20px;
 transition: border 0.1s,visibility 0.3s;
/*  //  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}
.menu li a{
    text-decoration: none;
    font-family: global7;
   
    letter-spacing: 0px;
    color:black;
    
}

.menu li:hover{
   /* background-color: #0099cc;
      box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
     // text-decoration: underline;
     color:white;*/
background-color:  #c7003d;

/*   //  border-bottom:5px solid   #930833;
     // box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
     color: black;
     visibility: visible;
}
.menu li:hover a{
    color:white;
    
}

.menuhover
{
    display: none;
    position: absolute;
   
    z-index: 222;
    background-color: white;
    padding: 0;
    top:0px;
    left:0px;
    color:#000;
font-weight:bold;
    width: 157px;
   
    text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    -webkit-animation-name: menu;
   -webkit-animation-duration: 0.3s;
   -webkit-animation-fill-mode: forwards;
   -webkit-animation-iteration-count: 1;
}


.ani{
    position: absolute;z-index: 222;display: none;
     -webkit-animation-name: ani;
   -webkit-animation-duration: 0.3s;
   -webkit-animation-fill-mode: forwards;
   -webkit-animation-iteration-count: 1;
}
@keyframes menu
{
    from{top:0px;}
    to{top:55px;}
}
@keyframes ani
{
    from{top:0px;}
    to{top:50px;}
}

.menu li:hover .menuhover
{
    display: block;
   
}
.menu li:hover .menuhover a
{
   color:#000;
font-weight:bold;
   
}

.menu li:hover .menuhover p:hover
{
    background-color: #4c699e;
    color:white;
font-weight:bold;
}
.menu li:hover .menuhover p:hover a
{
    background-color: #4c699e;
    color:white;
font-weight:bold;
}



.dd{
    transition: height 1s,width 0.3s;
   cursor: pointer;
   
    background-color: #930833;margin: auto;width: 200px;height: 60px;text-align: center;color: white; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);opacity: 0.8;border-radius: 5px;
}

.dd:hover{
   
   
    background-color: #930833;color: white;
    
    
 
    background-size: 100% 100%;
    height: 300px;
    width: 100%;
}


.dd .ff
{
  
  padding: 10px;
 border-radius: 5px;
  text-align: left;
 position:relative;
 margin-top: 10px;
 
}


.content{
  
    width:80%;
    margin: auto;
/* //   background-color: red;
   */
    height: 200px;
}

.content .maincontenttext{
    width:100%;
    position: relative;
    top:50px;
    font-size: 45px;
    color:white;
/*   // background-color: blue;*/
    text-align: center;
    
}

.aside {
/*   // background-color: #33b5e5;*/
    padding: 30px;
 background-color: white;
    color: #ffffff;
/*   // text-align: center;*/
    font-size: 12px;
/*  //  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}




.mm{
    
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 768px)
{
   
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;
   
    }
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .mm{
        display: none;
    }
    .number
    {
        display: none;
    }
    
    .number1:hover{
       
       cursor: pointer;
   }
    
    
}
@media only screen and (max-width: 768px)
{
    .menu{
        display: none;
    }
     .bada{
        display: none;
    }
    
   .number1
   {
       display: none;
   }
   
}