* {
 margin: 0px;
 
}
    
    body
     
    
    {
     
     
      
      overflow-x : hidden;
      background-color: rgb(247, 247, 247);
     margin: auto; 

   
   }
    .head {
    display: flex;
   flex-direction: row;
    margin: auto;
    justify-content: space-between;
    width: 700px;
}
.name {
  margin: auto;
}

h2.namehc {
  line-height: 1.5;
  text-align: center;
}


h2.contact
{
  line-height: 1.5;
  text-align: center;
}

  .container.mform {
margin-bottom: 40px;

}

.form-control {

  width: 300px !important;

}

.container.nform {
  display: flex;
  flex-direction: row;
}

.sliding  {
      
        margin: auto;
       
        width: 1200px; height: 500px;
        background-color: transparent;
        
     
       display: flex;
        
       margin-bottom: 70px;
  
    }
    
    .mySlides{
        
        margin: auto;
         border-radius: 10px;
    }
img.mSlides {
    width: -webkit-fill-available;
    margin: auto;
}

    .msliding
   
   {
       
       display: none;
   }
   
   #head

 
  {
 
 display: none;

  }

a {

margin: auto;

 }


#butH

{
     
    
     height: 50px;
  
  width: 400px;
  
  align-content: center;
  
   
  
  background-color: black;
  
 border-radius: 10px;
  
  border-width: 0px;
  color: white;
  
  font-size: 20px;
 
   
     margin: auto;
     
    font-weight: bolder;
}

#but

{

  display: flex;
  flex-wrap : wrap;
  padding-top: 10px;
  
  max-height: 200px;
  width: 1000px;
  
 
  background-color: transparent;
  
  border-width: 0px;
  
   margin: 50px auto;
}


#but0
{
   height: 80px;
  width: 150px
  ;
font-size: 15px;
  color: #fff;
  font-weight: bolder;
  margin: auto;
  background-color: transparent;
 /*background-image: url("butd.png"); */
 background-color: darkblue;
 border-radius: 10px;
  border-width: 0px;
  background-repeat: no-repeat;
}

#but1
{
   height: 80px;
  width: 150px
  ;
font-size: 15px;
  color: #fff;
  font-weight: bolder;
  margin: auto;
  background-color: transparent;
 /*background-image: url("butd.png"); */
 background-color: darkblue;
 border-radius: 10px;
  border-width: 0px;
  background-repeat: no-repeat;
}
#but2
{
  
    height: 80px;
  width: 150px;
  font-weight: bolder;
  margin: auto;
  font-size: 15px;
  background-color: transparent;
   
 background-color: red;
 border-radius: 10px;
  border-width: 0px;
  color: #fff;
  background-repeat: no-repeat;
 /* margin-left: -10px; */
}
#but3
{
   height: 80px;
  width: 150px;
  font-weight: bolder;
  font-size: 15px;
  margin: auto;
  color: #fff;
  background-color: transparent;
   
 background-color: green;
 border-radius: 10px;
  background-repeat: no-repeat;
  /* margin-left: -10px; */
}

#but4
{
   height: 80px;
  width: 150px;
  font-weight: bolder;
  font-size: 15px;
  margin: auto;
  color: #fff;
  background-color: transparent;
   
 background-color: purple;
 border-radius: 10px;
  background-repeat: no-repeat;
  /* margin-left: -10px; */
}

#but5
{
   height: 80px;
  width: 150px;
  font-weight: bolder;
  font-size: 15px;
  margin: auto;
  color: #fff;
  background-color: transparent;
   
 background-color: lightpink;
 border-radius: 10px;
  background-repeat: no-repeat;
  /* margin-left: -10px; */
}

marquee

{
    margin-top: 10px;
    
}


*{padding:0;margin:0;}





.float{
	position:fixed;
	width:70px;
	height:70px;
	bottom: 10px;
	left : 15px;
	background-color:#F33;
	color:#FFF;
	border-radius: 50px !important ;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index:1000;
	animation: bot-to-top 2s ease-out;
}
.btn {
  clear:both;
}




.my-float{
	font-size:24px;
	margin-top:10px;
}
  




   .desk-flex
{
    
   display: flex;
   
   flex-wrap: wrap;
   
  align-items: stretch;
    
    margin: auto;
 }



.param
  
  {
      background: white;
      
          border-radius: 10px;
          
          border: 10px;
           align-items: flex-start;
           
     font-style: italic;
     max-height: 1200px;
     max-width:  500px;
     font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     font-size: 20px;
     
     box-shadow: gray 5px 5px 15px; 
    
  margin:  0px auto 25px;
  
   
   
  }

#last
{
    
    max-width: 950px;
}


   .parah

{
    
  
 
  padding: 15px 0px 20px 5px;
    margin: auto;
  font-family: "Poppins", sans-serif;
    font-weight: 600;
    height: 220px;
    line-height: 2;
    color:white;
    text-align: center;
    background-image: url( "d.png" );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-decoration: underline white 5px;
    text-underline-offset: 5px;
}

.para
  
  {
      
      color: #777777 ;
          border-radius: 10px;
          text-align: center;
          
   
     font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     font-size: 20px;
     margin:  auto;
    padding-top: 5px;
        line-height: 1.6em;
        padding: 10px;
  }



/* Social Links. */


  
#social-platforms {
   
  font-size:1rem;
  text-align:center;
  max-width: 672px;
  max-height:200px;
  overflow:hidden;
  margin: auto;
  margin-bottom: 10px;
 
    
 
}

.fa-3x
{
    
    font-size: 4em !important;
    
}
/*Pen code from this point on*/
.btn {
  clear:both;
  white-space:nowrap;
  font-size:.8em;
  display:inline-block;
  border-radius:5px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
  
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  overflow:hidden
}

.btn:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
}

.btn:focus {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}

.btn > span,.btn-icon > i {
  float:left;
  padding:13px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}

.btn > span {
  padding:14px 18px 16px;
  white-space:nowrap;
  color: black;
    background: skyblue;
}

.btn:focus > span {
  background:#9a9a9a
}

.btn-icon > i {
  border-radius:5px 0 0 5px;
  position:relative;
  width:13px;
  text-align:center;
  font-size:1.25em;
  color:#fff;
  background:#212121
}

.btn-icon > i:after {
  content:"";
  border:8px solid;
  border-color:transparent transparent transparent #222;
  position:absolute;
  top:13px;
  right:-15px
}

.btn-icon:hover > i,.btn-icon:focus > i {
  color:#FFF
}

.btn-icon > span {
  border-radius:0 5px 5px 0
}

/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
  color:#3b5998
}

.btn-facebook > span {
  background:#3b5998
}

/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
  color:#55acee
}

.btn-twitter > span {
  background:#55acee
}

/*Google*/
.btn-googleplus:hover > i,.btn-googleplus:focus > i {
  color:#dd4b39
}

.btn-googleplus > span {
  background:#dd4b39
}

/*Pinterest*/
.btn-pinterest:hover > i,.btn-pinterest:focus > i {
  color:#cb2028
}

.btn-pinterest > span {
  background:#cb2028
}

/*LinkedIn*/
.btn-linkedin:hover > i,.btn-linkedin:focus > i {
  color:#007bb6
}

.btn-linkedin > span {
  background:#007bb6
}


    
.pic  img
{
  display: none;
}


    #dow

{
     
    
   height: 46px;
  
  width: 250px;
  
  align-content: center;
  
   
  
  background-color: Darkgrey;
 border-radius: 10px;
  
  border-width: 0px;
  color: white;
  
  font-size: 20px;
 
   
   margin: auto;
   font-weight: bolder;
}


a#menu-share + ul{
  visibility: hidden;
}

a#menu-share:hover + ul{
  visibility: visible;
  animation: scale-in 0.5s;
}

a#menu-share i{
	animation: rotate-in 0.5s;
}

a#menu-share:hover > i{
	animation: rotate-out 0.5s;
}

a.btn>div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

a.btn:hover>div.label-container{
  visibility: visible;
  opacity: 1;

}


 @keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}
.Adress

{
margin: auto;
margin-bottom: 20px;
  width : fit-content;
  height: 50px;
  text-align: center ;
  background-color: beige;
  font-family: sans-serif;
  color: #777777;
    
    
}

.open img


{
    
position: fixed;    
  	bottom: -10px;
	right: 650px; 
 	
	z-index:1000;
/*	animation: bot-to-top 2s ease-out;   */
    
}


 #mapd
   
   {
       
       margin: auto;
       width: 800px;
       
   }


#mapm

{
    
    display: none;
    
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->>>>>>>>>>>>>>>>>>>>>>







/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->>>>>>>>>>>>>>>>>>>>>>



/* Mobile Phone Styling */

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

* {
 padding: 0px;
 margin: 0px;
 
}
    
    body
     
    
    {
     
     
      
      overflow-x : hidden;
      background-color: rgb(247, 247, 247);
     margin: auto; 

   
   }
   
  .head {

  flex-direction: row;
  width: fit-content;   
}

.logo {

  margin: auto;
}
.container.nform {
    display: flex;
    flex-direction: column;
}
  
   #mapd
   
   {
       
       display: none;
       
   }
   
   .sliding
   
   {
       
       display: none;
   }
   
   .msliding
   
   {
       
       display: block;
   }
   
  
   #head

   {

    display: flex;
width: 320px;
height: 
28px;
flex-direction: column;
align-items: center;
  margin: auto;
  background-color: transparent;

   }

   
h3

  {
 
width: 372px;
height: max-content;
font-size: 28px;
margin: auto;


  }



#but

{

  display: flex;
  flex-wrap : wrap;
  padding-top: 10px;
  
  max-height: 100px;
  width: 350px;
  
 
  background-color: transparent;
  
  border-width: 0px;
  
   margin: 20px auto 100px auto;
}

#but0
{
   max-height: 100px;
  width: 110px
  ;
font-size: 15px;
  color: #fff;
  font-weight: bolder;
  margin: auto;
  background-color: transparent;
 /*background-image: url("butd.png"); */
 background-color: black;
 border-radius: 10px;
  border-width: 0px;
  background-repeat: no-repeat;
}

#but0
{
   max-height: 100px;
  width: 110px
  ;
font-size: 15px;
  color: #fff;
  font-weight: bolder;
  margin: auto;
  background-color: transparent;
 /*background-image: url("butd.png"); */
 background-color: black;
 border-radius: 10px;
  border-width: 0px;
  background-repeat: no-repeat;
}



#but1
{
   max-height: 100px;
  width: 110px
  ;
font-size: 15px;
  color: #fff;
  font-weight: bolder;
  margin: auto;
  background-color: transparent;
 /*background-image: url("butd.png"); */
 background-color: darkblue;
 border-radius: 10px;
  border-width: 0px;
  background-repeat: no-repeat;
}

#butH

{
     
    
     height: 36px;
  
  width: 375px;
  
  align-content: center;
  
   
  
  background-color: black;
 border-radius: 10px;
  
  border-width: 0px;
  color: white;
  
  font-size: 20px;
 
   
   margin: auto;
   font-weight: bolder;
}

#but2
{
  
    max-height: 100px;
  width: 110px;
  font-weight: bolder;
  margin: auto;
  font-size: 15px;
  background-color: transparent;
  /*background-image: url("butd.png"); */
 background-color: red;
 border-radius: 10px;
  border-width: 0px;
  color: #fff;
  background-repeat: no-repeat;
 /* margin-left: -10px; */
}
#but3
{
   max-height: 100px;
  width: 110px;
  font-weight: bolder;
  font-size: 15px;
  margin: auto;
  color: #fff;
  background-color: transparent;
  /*background-image: url("butd.png"); */
 background-color: green;
 border-radius: 10px;
  background-repeat: no-repeat;
  /* margin-left: -10px; */
}
#but4
{
  max-height: 100px;
  width: 110px;
  font-weight: bolder;
  font-size: 15px;
  margin: auto;
  color: #fff;
  background-color: transparent;
   
 background-color: purple;
 border-radius: 10px;
  background-repeat: no-repeat;
  /* margin-left: -10px; */
  margin: 5px auto;
}

#but5
{
  max-height: 100px;
  width: 110px;
  font-weight: bolder;
  font-size: 15px;
  margin: auto;
  color: #fff;
  background-color: transparent;
   
 background-color: lightpink;
 border-radius: 10px;
  background-repeat: no-repeat;
  /* margin-left: -10px; */
  margin: 5px auto;
}



.GeneratedMarquee {
font-family:Helvetica, sans-serif;
font-size:xx-large;
font-weight:bold;
line-height:1.3em;
color:#000033;
 margin-top: 10px;
 background-color:#00FFCC;

}

marquee

{
    margin-top: 10px;
}
*{padding:0;margin:0;}





.float{
	position:fixed;
	width:70px;
	height:70px;
	bottom: 10px;
	left : 15px;
	background-color:#F33;
	color:#FFF;
	border-radius: 50px !important ;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	z-index:1000;
	animation: bot-to-top 2s ease-out;
}
.btn {
  clear:both;
}




.my-float{
	font-size:24px;
	margin-top:10px;
}

.param
  
  {
      background: white;
      
          border-radius: 10px;
          border: 10px;
           
          font-style: italic;
     max-height: 3500px;
     width:  320px;
     font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     font-size: 20px;
     
     box-shadow: gray 5px 5px 15px; 
     align-content: centre;
  margin: auto;
  margin-bottom: 25px;
  }

#last
{
    
    width: 320px;
}

.parah

{
    
  
 
  padding: 5px 0px 5px 5px;
    margin: auto;
  font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: white;
    text-align: center;
    height: 170px;
    padding-top: 20px;
    padding-bottom: 80px;
    width: auto;
    width: auto;
    background-image: url( "s.png" );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-decoration: underline white 5px;
    text-underline-offset: 5px;
line-height: 2
;
}

.para
  
  {
      
      color: #777777 ;
          border-radius: 10px;
          text-align: center;
          
   
     font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     font-size: 20px;
     margin:  auto;
    padding-top: 5px;
        line-height: 1.6em;
        padding: 10px
  }



/* Social Links. */


  
#social-platforms {
   
  font-size:1rem;
  text-align:center;
  max-width: 372px;
  height:100px;
  overflow:hidden;
  margin-bottom: 10px;
 
    
 
}

.fa-3x
{
    
    font-size: 4em !important;
    
}
/*Pen code from this point on*/
.btn {
  clear:both;
  white-space:nowrap;
  font-size:.8em;
  display:inline-block;
  border-radius:5px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
  
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  overflow:hidden
}

.btn:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
}

.btn:focus {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}

.btn > span,.btn-icon > i {
  float:left;
  padding:13px;
  -webkit-transition:all .5s;
  -moz-transition:all .5s;
  transition:all .5s;
  line-height:1em
}

.btn > span {
  padding:14px 18px 16px;
  white-space:nowrap;
  color: black;
  background: skyblue;
  font-weight: bold;
}

.btn:focus > span {
  background:#9a9a9a
}

.btn-icon > i {
  border-radius:5px 0 0 5px;
  position:relative;
  width:13px;
  text-align:center;
  font-size:1.25em;
  color:#fff;
  background:#212121
}

.btn-icon > i:after {
  content:"";
  border:8px solid;
  border-color:transparent transparent transparent #222;
  position:absolute;
  top:13px;
  right:-15px
}

.btn-icon:hover > i,.btn-icon:focus > i {
  color:#FFF
}

.btn-icon > span {
  border-radius:0 5px 5px 0
}

/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
  color:#3b5998
}

.btn-facebook > span {
  background:#3b5998
}

/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
  color:#55acee
}

.btn-twitter > span {
  background:#55acee
}

/*Google*/
.btn-googleplus:hover > i,.btn-googleplus:focus > i {
  color:#dd4b39
}

.btn-googleplus > span {
  background:#dd4b39
}

/*Pinterest*/
.btn-pinterest:hover > i,.btn-pinterest:focus > i {
  color:#cb2028
}

.btn-pinterest > span {
  background:#cb2028
}

/*LinkedIn*/
.btn-linkedin:hover > i,.btn-linkedin:focus > i {
  color:#007bb6
}

.btn-linkedin > span {
  background:#007bb6
}

    
.pic  img
{
   max-width: 372px;
    max-height: 300px;
    align-content: normal;
    margin: auto;
    padding-left: 15px;
    margin-bottom: 10px;
    display: block;
}

   
.open img


{
    
position: fixed;    
  	bottom: -10px;
	left: 122px;
 	
	z-index:1000;
/*	animation: bot-to-top 2s ease-out;   */
    
}

#mapm

{
    
    display: block;
    
}


#dow

{
     
    
   height: 46px;
  
  width: 220px;
  
  align-content: center;
  
   
  
  background-color: Darkgrey;
 border-radius: 10px;
  
  border-width: 0px;
  color: white;
  
  font-size: 20px;
 
   
   margin: auto;
   font-weight: bolder;
}

    }

    

a#menu-share + ul{
  visibility: hidden;
}

a#menu-share:hover + ul{
  visibility: visible;
  animation: scale-in 0.5s;
}

a#menu-share i{
	animation: rotate-in 0.5s;
}

a#menu-share:hover > i{
	animation: rotate-out 0.5s;
}

a.btn>div.label-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease;
}

a.btn:hover>div.label-container{
  visibility: visible;
  opacity: 1;

}


 @keyframes bot-to-top {
    0%   {bottom:-40px}
    50%  {bottom:40px}
}

@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}

@keyframes rotate-in {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes rotate-out {
    from {transform: rotate(360deg);}
    to {transform: rotate(0deg);}
}