/*---------------------------------main styles------------------------*/

.wrapper row2 {margin:0px; padding:0px}

#container{background-color: #0e0e0e;height:1200px;border-left:1px solid #0e0e0e;}


/*-------------------------------- info -----------------------------*/

#info {float:right; width:740px;height: 760px;margin: 20px 26px 20px 30px;color:gray; text-align:center;align:center;
       }

#info h2 {font-size:28px;padding: 160px 20px 20px 20px;}

#info img{padding-top:110px;}

#info p {font-size:24px;padding-top:150px;}


/*----------------------------- vertical styles --------------------*/

#vertical {padding-top: 70px;background-color: gray;margin-top: -45px;width:200px;height: 101%;}

#vertical ul {margin-top: 50px;height:260px;background-color: red;padding-left:0px;border-top:1px solid #0e0e0e;border-bottom:1px solid #0e0e0e;}

#vertical ul li{background-color:#3f3f3f; width: 200px;list-style-type:none;padding-left:0px;line-height: 30px;padding:1px 0 1px 0;
}

#vertical ul li a {height: 28px;padding:15px 10px 15px 10px;color: #C0BAB6;display: block;text-decoration: none;font-weight:bold;background-color:#3f3f3f;font-size: 16px;text-shadow: black 0.1em 0.1em 0.1em;-webkit-filter: drop-shadow(5px 5px 20px rgba(0,0,0,0.8))}

#vertical ul li a:hover {color: black;background-color: yellow;width: 180px;}

#vertical p {margin-top:88px;padding: 10px 0 20px 0;text-align:center; font-size:28px;color:yellow;width:200px;background-color: #333333;border-top:1px solid #0e0e0e;border-bottom:1px solid #0e0e0e;text-shadow: black 0.05em 0.05em 0.1em;}

#vertical p a {background-color: #333333;color:yellow;}

#vertical p a:hover {color: black;}

/*-----------------------------vertical2 styles ---------------------------*/

#vertical2 {padding-top:0px;background-color:gray;margin-top:-620px;width:200px;}

#vertical2 ul {margin-top: 10px;background-color: red;padding-left:0px;border-top:1px solid #0e0e0e;border-bottom:1px solid #0e0e0e;}

#vertical2 ul li{background-color:#3f3f3f; width: 200px;list-style-type:none;padding-left:0px;line-height: 30px;padding:1px 0 1px 0;}

#vertical2 ul li a {height: 28px;padding:15px 10px 15px 10px;color: #C0BAB6;display: block;text-decoration: none;font-weight:bold;background-color:#3f3f3f;font-size: 16px;text-shadow: black 0.1em 0.1em 0.1em;-webkit-filter: drop-shadow(5px 5px 20px rgba(0,0,0,0.8))}

#vertical2 ul li a:hover {color: black;background-color: yellow;width: 180px;}

#vertical2 p {margin-top:88px;padding: 10px 0 20px 0;text-align:center; font-size:28px;color:yellow;width:200px;background-color: #333333;border-top:1px solid #0e0e0e;border-bottom:1px solid #0e0e0e;text-shadow: black 0.05em 0.05em 0.1em;}

#vertical2 p a {background-color: #333333;color:yellow;}

#vertical2 p a:hover {color: black;}