a{
    text-decoration:    none;
    outline:            none;
    transition:         all 400ms linear;
    font-family:        'Oswald';
    font-weight:        500;
    font-size:          calc( 1vw + 1vh );
    padding:            5px 2px 2px 5px;
    text-shadow: 0 0 5px #fffffb;
}
a:link {
    color:              #222121;
  }
  
/* visited link */
a:visited {
    color:              #222121;
  }
  
a:hover{
    color:              rgb(255, 190, 104);
}
a:active{
    color:              rgb(255, 152, 17);
}

::selection {
    background: rgb(255, 145, 0);
    color: #222121;
    text-shadow: none;
}

::-moz-selection {
    background: rgb(255, 145, 0);
    color: aliceblue;
    text-shadow: none;
}

p{
    text-decoration:    none;
    outline:            none;
    padding:            2%;
    transition:         all 400ms linear;
    font-family:        'Oswald';
    font-weight:        400;  
    font-size:          calc( 1vw + 1vh );
}

p a{
    text-decoration:    underline;
    padding: 0;
}

body{
    margin:0;
    background-color: beige;
   /* background-image: url(./overlap.png);*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}   
html{
    min-width:          100%;
    min-height:         100%;
    overflow-x:         hidden;    
}

#content-table{
    position:           fixed;
    justify-content:    center;   
    overflow:           scroll; 
    left:               0;
    top:                0;
    margin-left:        0vw;
    margin-top:         0vh;
    padding:            0%;
    width:              100vw;
    height:             100vh;
    background-color:   rgba(240, 248, 255, 0.377);
    scrollbar-width:    none;
    -ms-overflow-style: none;
    scroll-behavior:    smooth;
}

.content{    
    position:           relative;    
    margin:             0%;
    background:         rgba(180, 180, 180, 0.158);
    width:              100vw;
    height:             100vh;
    padding:            0;
}


.picture-align {
    z-index:            19;
    background-repeat:  no-repeat;
    background-position:center center;
    background-size:    cover;
    position:           absolute;
    background:         rgba(165, 165, 165, 0.616);
    min-width:          250px;
    min-height:         250px;
}
#content-table{
    position:           fixed;
    justify-content:    center;   
    overflow:           scroll; 
    left:               0;
    top:                0;
    margin-left:        0vw;
    margin-top:         0vh;
    padding:            0%;
    width:              100vw;
    height:             100vh;
    background-color:   rgba(240, 248, 255, 0.377);
    scrollbar-width:    none;
    -ms-overflow-style: none;
    scroll-behavior:    smooth;
}

.text-holder{
    position:           absolute;
    z-index:            20;
    background:         rgba(196, 196, 196, 0.644);
    min-width:          250px;
    min-height:         250px;
    background-repeat:  no-repeat;
    background-position:center center;
    background-size:    cover;
}



.left{
    left:       0;    
}
.right{
    right:      0;
}
.top{
    top:        0;
}
.bottom{
    bottom:     0;
}

#head{
    position:               fixed;
    transition:             all 300ms linear;
	top:                    0px;
	left:                   0px;
    height:                 5vh;
    width:                  100vw;
    display:                flex;
    align-items:            center;
    justify-content:        space-evenly;
	z-index:                50;
    user-select:            none;
    -ms-user-select:        none; 
    -moz-user-select:       none; 
    -webkit-user-select:    none; 
    opacity:                .4;
    background:            linear-gradient(0deg,rgba(255, 242, 0, 0) 90%, rgb(255, 152, 17) 100%);
    }
#head:hover{
    opacity:        .9;
    background:     linear-gradient(0deg,rgba(240, 248, 255, 0) 30%, rgba(255, 152, 17, .5) 90%, rgba(255, 152, 17, 1) 100%);
}

#head div{
    display:                flex;
    align-items:            center;
    justify-content:        center;
    width:                  calc(100vw / 6);
}

#head a{
    font-weight:            300;
    width:                  auto;
}

#head a:hover{
    transform:              scale(0.98);
    font-weight:            380;
}
#head img:hover{
    transition:             all 200ms linear;
    transform:              scale(1.1);
}
#head a:active{
    transform:              scale(1.02);
}

#hello{
    background-color:       aliceblue;
}

.light a{
    color:rgb(230, 137, 17);
}

#about{
    /*background-color: rgba(60, 63, 65, 0.377);*/
    background:         rgba(196, 196, 196, 0.644);
    display: flex;
    align-items: center;
    justify-content: center;
}

#about a,#contacts  a{
    text-shadow: 0 0 5px #3a3939;
}

#about a:link ,#contacts a:link {
    color:              aliceblue;
  }

#about a:visited ,#contacts  a:visited {
    color:              aliceblue;
  }
#about a:hover,#contacts  a:hover{
    color:              rgb(255, 190, 104);
}
#abouta a:active,#contacts  a:active{
    color:              rgb(230, 137, 17);
} 

.aboutback, .contactback{
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
     
    background: cadetblue;
    background-repeat:  no-repeat;
    background-position: bottom center;
    background-size:    cover;
}

.aboutback{
    clip-path: polygon(0 0, 45% 0%, 57% 40%, 37% 100%, 0 100%);
}

.inabout{
    position: absolute;
    justify-content: center;
    align-items:center ;
    display: flex;
    flex-wrap: wrap;
    flex-direction:row ;
}

#about p, #contacts p{
    min-width: 300px;
    text-shadow: 0 0 5px #3a3939;
    color: aliceblue;
    margin: 2%;
    padding: 2%;
    backdrop-filter: blur(5px);

}

.hexagon {
  
  width: calc(25vh + 25vw);
  height: calc(25vh + 25vw);
  
  background: cadetblue;
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}

#market{
    background-image: url(./img/market/back.png);
    background-repeat:  no-repeat;
    background-position: center center;
    background-size:    cover; 
}

.inmarket{
    min-width: 90%;
    justify-content: center;
    align-content:stretch ;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

table.mrkt{
	width: 90%;
    min-width: 300px;
    max-width: 1200px;
	border-collapse:collapse;
	border-spacing:0;
	height: auto;
    font-family:        'Oswald';
    font-weight:        400;
    font-size:          calc( 0.7vw + 0.7vh );
}
table.mrkt,table {
	/*border: 2px solid rgb(230, 137, 17);*/
    background-color: rgba(230, 137, 17, .2);
    backdrop-filter: blur(12px);
}
table.mrkt td,table.mrkt th {
	padding: 10px;
}
table.mrkt tr:hover{
    background: rgba(255, 145, 0, .8);
    color: #222121;
    text-shadow: none;   
}






.inservice{
    justify-content: center;
    align-content:stretch ;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}



.inservicediv{
    min-width: 300px;
    margin: 2%;
    background-repeat:  no-repeat;
    background-position:center center;
    background-size:    cover;
}

.inservicedivp{
    margin: 3.5%;
    padding: 2%;
    background-color: #c2c2c213;
    backdrop-filter: blur(5px);
}

.inservicespan{
    justify-content: center;
    display: flex;
    width: 100%;
    background-color: #22212194;
    backdrop-filter: blur(10px);
    color: rgb(255, 152, 17);
    text-shadow: 0 0 2px #000000;
}





#service,#contacts,#market{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#contacts p{
    margin: 2%;
    padding: 2%;
}
.contactback{
    clip-path: polygon(0 0, 80% 0%, 80% 70%, 37% 100%, 0 80%);
}

.incontacts{
    z-index: 1;
    justify-content: center;
    align-items:center ;
    display: flex;
    flex-wrap: wrap;
    flex-direction:row ;
}
.btm{
    z-index: 1;
    background:  #222121;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}


.inputform{
    width: 100%;
    height: 100%;
    display:                flex;
    align-items:        center;
    justify-items: center;
    flex-direction: column;
    justify-content: center;
}
.inputform form{
    width: 100%;
    height: 100%;
    display:                flex;
    align-items:        center;
    justify-items: center;
    flex-direction: column;
    justify-content: center;    
    transition: all 300ms linear;

}
.inputform input, textarea, button{
    outline: 1px;
    outline-color: rgb(255, 145, 17);
    margin: 1%;
    width: 90%;
    padding: 1vh;
    border-width: 3px;
    border-style: solid;
    border-color: rgb(255, 145, 17);
    transition: all 300ms linear;
    font-family:        'Oswald';
    font-weight:        400;
    font-size:          calc( 0.8vw + 0.8vh );

}

.inputform input:hover, textarea:hover, button:hover{
    border-color:              rgb(255, 190, 104);
}
.inputform input:focus, textarea:focus, button:focus{
    border-color:              rgb(255, 152, 0);
    border-width: 3px;
    box-shadow: 0 0 5px rgb(255, 152, 0);
}