/*	--------------------------------------------------
    :: Modal Box
    -------------------------------------------------- */
    
    .dt-modal-button {
        text-align:center;
    }
    
    .dt-modal-box-container{
        position:relative;
        display:block;
        margin:0 auto;
        max-width:600px;
        width:100%;
        -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
                box-sizing:border-box;
    }
    
    .dt-modal-box {
        max-width:600px;
        width:100%;
        opacity:0;
        top:15%;
        position:fixed;
        visibility:hidden;
        -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
                box-sizing:border-box;
    }
   
    .dt-modal-box:target {
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
                transition:all 0.4s ease-in-out;
    }
    
    .dt-overlay { 
        position:fixed; 
        background-color:#222; 
        background-color:rgba(0,0,0,0.8);
        top:0; 
        left:0; 
        width:100%;
        height:100%;		
        cursor:default;
        opacity:0;
        z-index:999999;
        visibility:hidden;
        pointer-events:none;
        -webkit-transition:opacity 0.6s;
           -moz-transition:opacity 0.6s;
            -ms-transition:opacity 0.6s;
             -o-transition:opacity 0.6s;
                transition:opacity 0.6s;
    }
    
    .dt-overlay:target{
        opacity:1;
        visibility:visible;
        pointer-events:none;
    }
    
    .dt-overlay:target + .dt-modal-box {
        opacity:1;
        visibility:visible;
        z-index:99999999;
        pointer-events:auto;
    }
    
    .dt-modal-box .dt-modal-box-header {
        background-color:#f2f1db;
        border-bottom:1px solid #ddd;
        position:relative;
        display:block;
        padding:30px;
        margin:0;
        text-align:left;
    }
    
    .dt-modal-box .dt-modal-box-header h4 {
        font-family:"Open Sans"; 
        font-style:normal; 
        font-weight:normal; 
        font-size:16px; 
        color:#999; 
        margin:0; 
        padding:0;
        line-height:20px;
    }
    
    .dt-modal-box .dt-modal-box-section {
        background-color:#f2f1db;
        position:relative;
        display:block;
        padding:30px;
        margin:0;
        text-align:left;
    }
    
    .dt-modal-box .dt-modal-box-section p {
        font-family:"Open Sans"; 
        font-style:normal; 
        font-weight:normal; 
        font-size:13px; 
        color:#999; 
        margin:0;
        padding:0;		
        line-height:20px;
    }

    .dt-modal-box .dt-modal-box-footer  {
        background-color:#f2f1db;
        border-top:1px solid #ddd;
        position:relative;
        display:block;
        padding:30px;
        margin:0;
        text-align:right;
    }
    
    .dt-modal-box .dt-modal-box-footer a[href="#dt-close"].dt-close-button{
        background-color:#38332b;
        padding:10px 20px;
        text-decoration:none;	    
        cursor:pointer;
        border:none;
        font-family:"Open Sans"; 
        font-style:normal; 
        font-weight:normal; 
        font-size:14px; 
        color:#fff;
        -webkit-border-radius:2px;
           -moz-border-radius:2px;
                border-radius:2px;
    }
    a.dt-button-large, button.dt-button-large {
  margin-bottom: 5px;
  padding: 15px 50px 14px;
}
.dt-button-blue {
  background-color: #93a967;
}
.dt-button {
  border: medium none;
  border-radius: 2px;
  box-shadow: 0 0 1px #ffffff inset;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  outline: medium none;
  position: relative;
  text-align: center;
  text-decoration: none;
}
	
/*	--------------------------------------------------
	:: Modern Box Effects
	-------------------------------------------------- */
	
	.dt-modal-box.dt-scale {
		-webkit-transform:scale(0.5);
		   -moz-transform:scale(0.5);
             -o-transform:scale(0.5);
                transform:scale(0.5);
		-webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
	}
	
	.dt-overlay:target + .dt-modal-box.dt-scale {
		-webkit-transform:scale(1);
		   -moz-transform:scale(1);
             -o-transform:scale(1);
                transform:scale(1);
        -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;		
    }
	
	.dt-modal-box.dt-flip {
		-webkit-transform:rotatey(-90deg) scale(1);
	       -moz-transform:rotatey(-90deg) scale(1);
	         -o-transform:rotatey(-90deg) scale(1);
	        -ms-transform:rotatey(-90deg) scale(1);
	            transform:rotatey(-90deg) scale(1);
	    -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
	}
	
	.dt-overlay:target + .dt-modal-box.dt-flip {
	    -webkit-transform:rotatey(0deg) scale(1);
	       -moz-transform:rotatey(0deg) scale(1);
	         -o-transform:rotatey(0deg) scale(1);
	        -ms-transform:rotatey(0deg) scale(1);
	            transform:rotatey(0deg) scale(1);
         -webkit-transition:all 0.4s ease-in-out;
            -moz-transition:all 0.4s ease-in-out;
		      -o-transition:all 0.4s ease-in-out;
		         transition:all 0.4s ease-in-out;
    }
	
	.dt-modal-box.dt-slide-left {
		-webkit-transform:translateX(-100%);
	       -moz-transform:translateX(-100%);
	         -o-transform:translateX(-100%);
	        -ms-transform:translateX(-100%);
	            transform:translateX(-100%);
	    -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
	}
	
	.dt-overlay:target + .dt-modal-box.dt-slide-left {
	    -webkit-transform:translateX(0px);
	       -moz-transform:translateX(0px);
	         -o-transform:translateX(0px);
	        -ms-transform:translateX(0px);
	            transform:translateX(0px);
         -webkit-transition:all 0.4s ease-in-out;
            -moz-transition:all 0.4s ease-in-out;
		      -o-transition:all 0.4s ease-in-out;
		         transition:all 0.4s ease-in-out;
    }
	
	.dt-modal-box.dt-slide-right {
		-webkit-transform:translateX(100%);
	       -moz-transform:translateX(100%);
	         -o-transform:translateX(100%);
	        -ms-transform:translateX(100%);
	            transform:translateX(100%);
	    -webkit-transition:all 0.4s ease-in-out;
           -moz-transition:all 0.4s ease-in-out;
		     -o-transition:all 0.4s ease-in-out;
		        transition:all 0.4s ease-in-out;
	}
	
	.dt-overlay:target + .dt-modal-box.dt-slide-right {
	    -webkit-transform:translateX(0px);
	       -moz-transform:translateX(0px);
	         -o-transform:translateX(0px);
	        -ms-transform:translateX(0px);
	            transform:translateX(0px);
         -webkit-transition:all 0.4s ease-in-out;
            -moz-transition:all 0.4s ease-in-out;
		      -o-transition:all 0.4s ease-in-out;
		         transition:all 0.4s ease-in-out;
    }