@charset "UTF-8";
/* CSS Document */

    @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

	body { margin:0; }
	

	h1 {
	
		font-family: 'Poppins', sans-serif;
	
		font-size: 42px;
	
		font-style: normal;
	
		font-weight: Bolder;
	
		color: #2D2D2D;
	
	}
	
	h2 {
	
		font-family: 'Poppins', sans-serif;
	
		font-size: 16px;
	
		font-style: normal;
	
		font-weight: normal;
		
		line-height: 28px;
	
		color: #2D2D2D;
	
	}
	
	h3 {
	
		font-family: 'Poppins', sans-serif;
	
		font-size: 16px;
	
		text-decoration:underline;
	
		font-weight: normal;
		
		line-height: 28px;
	
		color: #2D2D2D;
	
	}
	
	h4 {
	
		font-family: 'Poppins', sans-serif;
	
		font-size: 34px;
	
		font-style: normal;
	
		font-weight: Bolder;
	
		color: #2D2D2D;
	
	}
	
	h5 {
	
		font-family: 'Poppins', sans-serif;
	
		font-size: 24px;
	
		font-style: normal;
	
		font-weight: Bolder;
	
		color: white;
		
		margin-top:-1px;
	
	}
	
	h6 {
	
		font-family: 'Poppins', sans-serif;
	
		font-size: 16px;
	
		font-style: normal;
	
		font-weight: 600;
	
		color: white;
		
		padding:0;
		
		margin:0;
	
	}
	
	h7 {
	
		font-family: 'Poppins', sans-serif;
	
		font-size: 20px;
	
		font-style: normal;
	
		font-weight: 700;
	
		color: #2D2D2D;
	
	}
	
	h8 {
	
		font-family: 'Poppins', sans-serif;
	
		font-size: 14px;
	
		font-style: normal;
	
		font-weight: 400;
	
		color: #757575;
	
	}
	h9 {
	
		font-family: 'Poppins', sans-serif;
	
		font-size: 24px;
	
		font-style: normal;
	
		font-weight: 700;
	
		color: #2D2D2D;
	
	}
	
	
	a:link {
			COLOR: #E52576;
			text-decoration:none;
			}
	a:visited {
			COLOR: #E52576;
			text-decoration:none;
			}
	a:hover {
	        COLOR: #B71D5E;
			text-decoration: none;
			cursor: pointer;
			}
	a:active {
			COLOR: #E52576;
			text-decoration:none;
			}
			
		ul {
			list-style-type:none;
			margin:0;
			padding:0;
			}
		li
			{
			display:inline;
			border-radius: 8px;
			}
			
    .subnavcontainer ul {
        list-style-type: none;
        padding:10px;
        margin-top:50px;
        margin-bottom:250px;
        background-color: #036;
        }

    .subnavcontainer li { 
        margin: 0; 
        background-color: #036;
        border-radius: 8px;
        }
        
    .subnavcontainer a {
        background-color: #036;
        border-radius: 8px;
        }
        
    .subnavcontainer a:hover {
        background-color: #369;
        border-radius: 8px;
        }
    
	.wrapper {width:100%; height:auto}
	.resizeimg {width:100%; height:auto}
	.resizeimghalf {width:50%; height:auto}
	.footer {
        position: fixed;
        bottom: 0;
        width: 100%;
	    background-color:#1E1E1E;
	}
	
	.navbar {
	    position: fixed;
        width: 100%;
        top: 0;
	    background-color:#1E1E1E;
	    margin-bottom:72px;
	}
	
	.buttonSubnav {
      background-color: #dadada;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      color: #2D2D2D;
      border: none;
      width:80%;
      max-width: 1600px;
      padding-top: 24px;
      padding-bottom: 24px;
      text-align: center;
      margin-right: 24px;
      margin-left:24px;
      margin-bottom: 16px;
      border-radius: 8px;
	  font-size: 34px;
	  cursor: pointer;
	  text-decoration:none;
    }
    
    .buttonSubnav:hover {
      background-color: #ADADAD;
      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      color: #2D2D2D;
      border: none;
      width:80%;
      max-width: 1600px;
      padding-top: 24px;
      padding-bottom: 24px;
      text-align: center;
      margin-right: 24px;
      margin-left:24px;
      margin-bottom: 16px;
      border-radius: 8px;
	  font-size: 34px;
	  cursor: pointer;
	  text-decoration:none;
	  transition-duration: 0.4s;
    }
    
    .buttonIconSmall {
        background-color: white;
        border: none;
        display:inline-block;
        color: #2D2D2D;
        font-size: 32px;
        border-radius: 50%;
        height: 56px;
        width: 56px;
        text-align: center;
        margin: 16px;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 2px;
        padding-right: 0px;
    }

    .buttonIconSmall:hover {
        background-color: #E52576;
        color: white;
        transition-duration: 0.2s;
    }
    
    .buttonIconLarge {
        background-color: #2D2D2D;
        border: none;
        display:inline-block;
        color: white;
        font-size: 144px;
        border-radius: 50%;
        height: 320px;
        width: 320px;
        text-align: center;
        margin:48px;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding-top: 32px;
        padding-bottom: 0px;
        padding-left: 4px;
        padding-right: 0px;
    }

    .buttonIconLarge:hover {
        background-color: #E52576;
        transition-duration: 0.2s;
    }
    
    .buttonTopNav {
        background-color: #1E1E1E;
        border: none;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        display:inline-block;
        color: white;
        font-size: 24px;
        height: 72px;
        text-align: center;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding:16px;
    }
    .buttonTopNav:hover {
        background-color: #E52576;
        transition-duration: 0.2s;
    }
    
    .buttonLargeNav {
        border: none;
        color: white;
        font-family: 'Poppins', sans-serif;
        background-color: #2D2D2D;
        font-weight: 600;
        line-height: 2;
        font-size: 16px;
        min-width: 320px;
        text-align: left;
        cursor: pointer;
        padding:24px;
        border-radius: 8px;
        flex-direction:column;
        margin:16px;
    }
    
    .buttonLargeNav:hover {
       background-color: #E52576;
       transition-duration: 0.2s; 
    }
    
    body {font-family: Arial, Helvetica, sans-serif;}
    * {box-sizing: border-box;}
    
    input[type=text], select, textarea {
      width: 100%;
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
      margin-top: 6px;
      margin-bottom: 16px;
      resize: vertical;
    }
    
    input[type=submit] {
      background-color: #2D2D2D;
      font-family: 'Poppins', sans-serif;
      color: white;
      padding: 12px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
    
    input[type=submit]:hover {
      background-color: #E52576;
      transition-duration: 0.2s; 
    }
    
    .container {
      border-radius: 5px;
      background-color: #2D2D2D;
      padding: 20px;
    }
    .dropdown {
      position: relative;
      display: inline-block;
      transition-duration: 0.2s; 
    }
    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #2D2D2D;
      min-width: 280px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
      transition-duration: 0.2s; 
    }
    .dropdown-content a {
      color: white;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      font-family: 'Poppins', sans-serif;
    }
    .dropdown-content a:hover {
        background-color: #E52576;
        transition-duration: 0.2s;
        cursor: pointer;
        
    }
	.dropdown:hover .dropdown-content {
      display: block;
      cursor: pointer;
    }
    .dropdown:hover .buttonTopNav {
      background-color: #E52576;
      transition-duration: 0.2s;
    }
    .buttonInteralnav {
      background-color: #1E1E1E;
      font-family: 'Poppins', sans-serif;
      font-weight: 300;
      color: white;
      border: none;
      width:calc(100% - 24px);
      max-width: 1600px;
      padding-top: 24px;
      padding-bottom: 24px;
      text-align: center;
      margin-right: 24px;
      margin-left:12px;
      margin-top: 12px;
      border-radius: 4px;
	  font-size: 14px;
	  cursor: pointer;
	  text-decoration:none;
    }
    .buttonInteralnav:hover {
        background-color: #E52576;
        transition-duration: 0.2s;
        color:white;
    }
    
    .container-1{
      display:flex;
    }
    
    .container-2{
      display:flex;
    }
    
    .box-1{
        flex:1;
        order:1;
    }
    
    .box-2{
        flex:5;
        order:2;
    }
    .box-3{
        flex:1;
        order:1;
    }
    
    .box-4{
        flex:3;
        order:2;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .box-5{
        flex:3;
        order:2;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {
        .container-2 {flex-direction:column;}
        .box-5 {align-items:flex-start;margin-top:48;}
    }
    
    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
        .container-2 {flex-direction:column;}
        .box-5 {align-items:flex-start;margin-top:48;}
    }
    
    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
        .container-2 {flex-direction:column;}
        .box-5 {align-items:flex-start;margin-top:48;}
    } 
    
    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
        .container-2 {flex-direction:row;}
        .box-5 {align-items:center;padding:0px;}
    } 
    
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1366px) {
        .container-2 {flex-direction:row;}
        .box-5 {align-items:center;padding:0px;}
    }