/*
    Description: 	Designer Toolbox	
    Author: 		Business Lab
    Version: 		1.0
*/
	
/*	--------------------------------------------------
	:: Body 
	-------------------------------------------------- */
	
	html {
		height:100%;
		width:100%;
	}


	
/*	--------------------------------------------------
	:: Main Styles
	-------------------------------------------------- */

	.container-fluid {
padding-right: 35px;
padding-left: 35px;
	}
	
	.container:after { 
	    content:"\0020"; 
	    display:block; 
	    height:0; 
	    clear:both; 
	    visibility:visible; 
	}


.logo {
    margin: 25px 0;

}	
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
  line-height: 18px;
  color:inherit;
	color:#ffffff; 
}	
	.title h4{ 
	    border-bottom:1px solid #ddd;
	    text-align:left; 
	    font-style:normal; 
	    font-weight:bold; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:18px; 
	    color:#ffffff; 
	    margin:0 0 10px 0;
		padding:0 0 5px 0;
	}
	
	.header { 
	    position:relative; 
		width:940px; 
		margin:30px auto 0 auto; 
		padding:0 30px;  
		height:auto;

	}
	
	.header p{
	    display:inline-block;
        text-align:left; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:14px; 
	    color:#fff; 
	    margin:20px 0 0 60px;
		padding:0;
		white-space:nowrap;
    }
.panel-dark{
  background: rgba(0, 0, 0, 0.7);
  
}
.panel-dark p, .panel-dark h3{
  color: #ffffff;
}
	
	.footer { 
	    position:relative; 
		width:940px; 
		margin:0 auto 30px auto; 
		padding:20px 30px;  
		height:auto;
		background-color:#111;
	}
	
    .footer p{
        text-align:center; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:13px; 
	    color:#fff; 
	    margin:0;
    }
	
	.footer a{
        text-align:center; 
	    font-style:normal; 
	    font-weight:normal; 
		text-decoration:none;
	    font-family:'Open Sans', sans-serif; 
	    font-size:13px; 
	    color:#fff; 
	    margin:0;
    }
	
	.footer a:hover{
        text-align:left; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:13px; 
	    color:#e0635b; 
	    margin:0;
    }
	
/*	--------------------------------------------------
	:: Note: Design for a width of 768px
	-------------------------------------------------- */
	
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container { width:768px; }
		
		.header { width:748px; }
	    .footer { width:748px; }
    }

/*	--------------------------------------------------
	:: Note: Design for a width of 480px
	-------------------------------------------------- */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width:420px; }
		
		.header { width:400px; }
	    .footer { width:400px; }
		
		.modal-tabs-container{
		    margin:0 auto;
		    width:475px;
        }
		
		.modal-tabs-column-one { width:415px; }
		
		.modal-tabs > div.modal-label{ 
	        float:left;
        }
		
		.modal-tabs > div.modal-label > label{ 
			padding:25px 35px;
        }
		
		.modal-tabs > div.modal-label > div.modal-tabs-section-one,
        .modal-tabs > div.modal-label > div.modal-tabs-section-two,
        .modal-tabs > div.modal-label > div.modal-tabs-section-three,
        .modal-tabs > div.modal-label > div.modal-tabs-section-four, 
		.modal-tabs > div.modal-label > div.modal-tabs-section-five {
	        width:445px;
		    left:0;
			top:78px;
        }
		
		.modal-tabs-form textarea,
        .modal-tabs-form input[type="text"],
	    .modal-tabs-form input[type="password"],
        .modal-tabs-form input[type="email"] {
		    width:393px;
	    }
		
    }
	
/*	--------------------------------------------------
	:: Note: Design for a width of 320px
	-------------------------------------------------- */

    @media only screen and (max-width: 480px) {
        .container { width:300px; }
     
		.header { width:280px; }
	    .footer { width:280px; }
	
		.modal-tabs-container{
		    margin:0 auto;
		    width:375px;
        }
		
		.modal-tabs-column-one { width:315px; }
		
		.modal-tabs > div.modal-label{ 
	        float:left;
        }
		
		.modal-tabs > div.modal-label > label{ 
			padding:20px 25px;
        }
		
		.modal-tabs > div.modal-label > div.modal-tabs-section-one,
        .modal-tabs > div.modal-label > div.modal-tabs-section-two,
        .modal-tabs > div.modal-label > div.modal-tabs-section-three,
        .modal-tabs > div.modal-label > div.modal-tabs-section-four, 
		.modal-tabs > div.modal-label > div.modal-tabs-section-five {
	        width:345px;
		    left:0;
			top:68px;
        }
		
		.modal-tabs-form textarea,
        .modal-tabs-form input[type="text"],
	    .modal-tabs-form input[type="password"],
        .modal-tabs-form input[type="email"] {
		    width:293px;
	    }
		
    }