/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/


@-webkit-keyframes 'logo' {
0%{
-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}





50%{
-moz-transform: translateY(5px);
-webkit-transform: translateY(5px);
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}

100%{
-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}

}

@-moz-keyframes 'logo' {
0%{
-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}





50%{
-moz-transform: translateY(5px);
-webkit-transform: translateY(5px);
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}

100%{
-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}

}

@keyframes 'logo' {
0%{
-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}





50%{
-moz-transform: translateY(5px);
-webkit-transform: translateY(5px);
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}

100%{
-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}

}

/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/

/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/


@-webkit-keyframes 'spa' {
0%{-moz-transform: translateY(3px);-webkit-transform: translateY(3px);-o-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);
    -webkit-animation-timing-function: ease-out;

}


50%{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);
    -webkit-animation-timing-function: ease;

}


100%{-moz-transform: translateY(3px);-webkit-transform: translateY(3px);-o-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);
    -webkit-animation-timing-function: ease-out;

}
}


@-moz-keyframes  'spa' {
0%{-moz-transform: translateY(3px);-webkit-transform: translateY(3px);-o-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);
    -moz-animation-timing-function: ease-out;
}


50%{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);

    -moz-animation-timing-function: ease;

}


100%{-moz-transform: translateY(3px);-webkit-transform: translateY(3px);-o-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);

    -moz-animation-timing-function: ease-out;

}

}

@keyframes  'spa' {
    
0%{-moz-transform: translateY(3px);-webkit-transform: translateY(3px);-o-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);
    animation-timing-function: ease-out;
}


50%{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);
    animation-timing-function: ease;
}


100%{-moz-transform: translateY(3px);-webkit-transform: translateY(3px);-o-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);
    animation-timing-function: ease-out;
}

}
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/


@-webkit-keyframes 'spa2' {
0%{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);
    -webkit-animation-timing-function: ease;

}


50%{-moz-transform: translateY(3px);-webkit-transform: translateY(3px);-o-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);
    -webkit-animation-timing-function: ease-out;
}


100%{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);
    -webkit-animation-timing-function: ease;
}
}


@-moz-keyframes  'spa2' {
0%{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);
    -moz-animation-timing-function: ease;
}


50%{-moz-transform: translateY(3px);-webkit-transform: translateY(3px);-o-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);
    -moz-animation-timing-function: ease-out;
}


100%{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);
    -moz-animation-timing-function: ease;
}

}

@keyframes  'spa2' {
    
0%{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);
    animation-timing-function: ease;
}


50%{-moz-transform: translateY(3px);-webkit-transform: translateY(3px);-o-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);
    animation-timing-function: ease-out;
}


100%{-moz-transform: translateY(-3px);-webkit-transform: translateY(-3px);-o-transform: translateY(-3px);-ms-transform: translateY(-3px);transform: translateY(-3px);
    animation-timing-function: ease;
}

}
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/

html{
    height:100%;
    width:100%
}

body{

    margin:0px;
    height:100%;
    width:100%;

}


    
a{
    
    z-index:50;
    color:gray;
 }   






.scroll{

margin-top: 80%;

bottom: 20%;

left: 86%;


position: fixed;
 

display: block;


height: 25px;


width: 25px;


opacity:0;
-moz-transform: rotate(0deg);


-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);


transform: rotate(0deg);


-webkit-transition: all 750ms ease-out;
-moz-transition: all 750ms ease-out;
-ms-transition: all 750ms ease-out;
-o-transition: all 750ms ease-out;


transition: all 750ms ease-out;



}

.logodiv{
    
    position: fixed;
    /* overflow: visible; */
    bottom: 5%;
    left:0px;
    height: 20%;

    width: 20%; 
    z-index: 10; 
    opacity:1;
}


.logoimg{
    
    -webkit-animation-name: logo;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    
    -moz-animation-name: logo;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;
    
    animation-name: logo;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    
    position: relative;
    margin:auto;
    margin-top: 12%;
 
    max-width: 100%;
 
    max-height: 80%;
    height: auto;
	
    right: 5%;

    display:block;
    cursor:pointer;
    opacity: 1;
    z-index:26;
}

table{
    position:absolute;
    top:2%;

}



@media (min-device-width:240px){
    table{
    font-family: arial;
    font-size: 6px;

}

    }

@media (min-device-width:320px){
    
table{
    font-family: arial;
    font-size: 8px;

}

    }

@media (min-device-width:350px){
 
table{
    font-family: arial;
    font-size: 10px;

}
    }
    
@media (min-device-width:380px){
    
table{
    font-family: arial;
    font-size: 12px;

}
    }
    
@media (min-device-width:400px){
  
table{
    font-family: arial;
    font-size: 14px;

}
    }

@media (min-device-width:500px){

table{
    font-family: arial;
    font-size: 15px;

}
    }




@media (min-device-width:650px){

table{
    font-family: arial;
    font-size: 15px;

}

}


@media (min-device-width:800px){
    
table{
    font-family: arial;
    font-size: 17px;

}

}






.a1{
    
            -webkit-animation-name: spa;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    
    
    -moz-animation-name: spa;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;

    
    animation-name: spa;
    animation-duration: 10s;
    animation-iteration-count: infinite;

}

.a2{
    
            -webkit-animation-name: spa2;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;

    
    -moz-animation-name: spa2;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;

    
    animation-name: spa2;
    animation-duration: 10s;
    animation-iteration-count: infinite;

}

.a3{
    
            -webkit-animation-name: spa;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;

    
    -moz-animation-name: spa;
    -moz-animation-duration:10s;
    -moz-animation-iteration-count: infinite;

    
    animation-name: spa;
    animation-duration: 10s;
    animation-iteration-count: infinite;

}
    }

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

.contact{
    
    position:relative;
    z-index: 10;
    height: 100%;
    width: 100%;
    margin: auto 0;

    top:0px;
    opacity:1;
    background-color: rgba(255, 255, 255, 0.0); 
    overflow: visible;
    
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
}

/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/



@media screen and (min-width:240px){
.contact{
    
    position:relative;
    z-index: 10;
    height: 80%;
    width: 100%;
    margin: auto 0;

    top:-10px;
    opacity:1;
    background-color: rgba(255, 255, 255, 0.0); 
    overflow: visible;
    
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
}

/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/




@media screen and (min-width:320px){

.contact{
    
    /* overflow: hidden; */
    position:relative;
    z-index: 10;
    height: 80%;
    width: 100%;
    margin-top :-40px;
    left:0%;
    top: 50px;
    opacity:1;
    background-color: rgba(255, 255, 255, 0.0); 
    /* overflow: hidden; */
    
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}
}



/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/






@media screen and (min-width:470px){

.contact{
    
position: relative;
z-index: 10;
height: 78%;
width: 100%;

top: 5.5%;

opacity: 1;
overflow: visible;
background-color: rgba(255, 255, 255, 0.0);
-webkit-transition: all 1000ms ease-in-out;
-moz-transition: all 1000ms ease-in-out;
-ms-transition: all 1000ms ease-in-out;
-o-transition: all 1000ms ease-in-out;
transition: all 1000ms ease-in-out;
}
}

/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/

@media screen and (min-width:768px){
.contact{
    
    /* overflow-y: hidden; */
    position: relative;
    z-index: 10;
    height: 78%;
    width: 100%;

    right: 0px;
    top: 6%;
    opacity:1;
    background-color: rgba(255, 255, 255, 0.0); 

    
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
}

}


/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 850px){

.contact{
    
    /* overflow: hidden; */
    position: relative;
    z-index: 10;
    height: 100%;
    width: 75%;
    margin: auto 0;
    left: 25%;
    top: 0px;
    opacity:1;
    background-color: rgba(255, 255, 255, 0.0); 
    
    
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;

}


}
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
@media screen and (min-width: 1000px){

.contact{
    
    /* overflow: hidden; */
    position: relative;
    z-index: 10;
    height: 100%;
    width: 65%;
    margin: auto 0;
    left: 35%;
    top: 0px;
    opacity:1;
    background-color: rgba(255, 255, 255, 0.0); 
    
    
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;

}


}

/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************************************/



@media screen and (min-width: 1232px){

.contact{
    
    /* overflow: hidden; */
    position: relative;
    z-index: 10;
    height: 100%;
    width: 50%;
    margin: auto 0;
    left:50%;
    top: 0px;
    opacity:1;
    background-color: rgba(255, 255, 255, 0.0); 
    
    
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -ms-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;

}


}