/*
    Description: 	Modal Forms	
    Author: 		Business Lab
    Version: 		2.0
*/
	
/*	--------------------------------------------------
	:: Main Styles
	-------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

body{
    background-image: url("../images/powerhost-datacenter.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  color:#FFFFFF;
}

h4{
  text-align: left;
font-style: normal;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
color: #FFFFFF;
margin-top: 10px;
padding: 0 0 15px 0;
text-transform: uppercase;

  
}
    .modal-button {
	    display:block;
		text-align:center;
    }
	
	.description p{
	    text-align:center;
	    text-decoration:none; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:14px; 
	    color:#555;
    }
	
	.description a{
	    text-decoration:none; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:14px; 
	    color:#e0635b;	
    }
	.panel-dark{
  background: rgba(0, 0, 0, 0.7);
    border: none;
  
}
.panel-dark p, .panel-dark h3{
  color: #ffffff;
}

.panel.with-nav-tabs .panel-heading{
    padding: 0px;
}

.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-tabs li{
	border:none;
  width: 50%;
  border-radius: 0;
}
.panel.with-nav-tabs .nav-tabs > li > a {
  border-radius: 0;
  margin-right: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  text-align: center;
 padding: 15px 0;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

.with-nav-tabs.panel-dark .nav-tabs > li > a,
.with-nav-tabs.panel-dark .nav-tabs > li > a:hover,
.with-nav-tabs.panel-dark .nav-tabs > li > a:focus {
    color: #FFF;
  	background-color:rgba(39, 46, 56, 0.6);
   	border:0 ;
}
.with-nav-tabs.panel-dark .nav-tabs > .open > a,
.with-nav-tabs.panel-dark .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-dark .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-dark .nav-tabs > li > a:hover,
.with-nav-tabs.panel-dark .nav-tabs > li > a:focus {
    color: #FFF;
	background-color: transparent;
  	border:0 ;
}
.with-nav-tabs.panel-dark .nav-tabs > li.active > a,
.with-nav-tabs.panel-dark .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-dark .nav-tabs > li.active > a:focus {
	color: #FFFFFF;
	background-color: transparent;
	border:0 ;

}







/*	--------------------------------------------------
	:: Button Container & Sizes
	-------------------------------------------------- */	
	
	a.button-large{  
		padding:10px 20px 11px 20px;
        height:20px;
	}
	
	button.button-small{ 
		padding:5px 20px 7px 20px;
        height:35px;
	}
	
	button.button-small i{  
		font-style:normal; 
	    font-weight:normal; 
	    font-size:15px; 
	    color:#fff;
        margin-right:10px;
	}
	
	a.button-small { 
	padding: 5px 20px 7px 20px;

height: 35px;

	}
	a.button-small:hover { 
text-decoration: none;
color: #FFFFFF !important;
	}
	
	a.button-small i{  
		font-style:normal; 
	    font-weight:normal; 
	    font-size:15px; 
	    color:#fff;
        margin-right:10px;
	}
	
/*	--------------------------------------------------
	:: Button Configuration
	-------------------------------------------------- */
	
    .button {
	    display:inline-block;
	    position:relative;
        font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:15px;
	    color:#fff;
		text-transform:upercase;
	    text-decoration:none;
        text-align:center;
	    border:none;
		cursor:pointer;
    }
	
/*	--------------------------------------------------
	:: Button Blue
	-------------------------------------------------- */
	
	.button-blue {
	    background-color:#7f96a6;
    }
	
	.button-blue:hover {
        background-color:#9eb2c0;
    }
	
	.button-blue:active {
        background-color:#8aa0af;
    }
	
/*	--------------------------------------------------
	:: Button Green
	-------------------------------------------------- */
	
	.button-green {
	    background-color:#96aa39;
    }
	
	.button-green:hover {
        background-color:#adc24a;
    }
	
	.button-green:active {
        background-color:#9cb040;
    }
	
/*	--------------------------------------------------
	:: Button Red
	-------------------------------------------------- */

	.button-red {
	    background-color:#bd2f5a;
    }
	
	.button-red:hover {
        background-color:#9d2348;
    }
	
	.button-red:active {
        background-color:#9d2348;
    }
	
/*	--------------------------------------------------
	:: Button Orange
	-------------------------------------------------- */
	
	.button-orange {
	    background-color:#de5f41;
    }
	
	.button-orange:hover {
        background-color:#e3785e;
    }
	
	.button-orange:active {
        background-color:#e06649;
    }
	
/*	--------------------------------------------------
	:: Modal Tabs
	-------------------------------------------------- */	
	
	.modal-tabs-container{
/*    background: none repeat scroll 0 0 #DBCDD1;*/
  /*  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8);*/
   float: left;
    height: 100%;
    position: relative;
 margin-bottom: 30px;
    }
	
	.modal-tabs{
        position:relative;
        max-width:150px;

		
    }
	
	
    .modal-tabs > div.modal-label > input{
		position:relative;
		display:none;
	}

	.modal-tabs > div.modal-label > label{ 
		height: 100%;
	    position:relative;
        text-align:center;
		display:block;
		line-height:1;
        padding:24px 30px;
		cursor:pointer;
    margin-bottom: 0;
    }

	.modal-tabs > div.modal-label > label i{
		font-weight:normal; 
		font-style:normal;
		font-size:40px; 
		color:#fff;  
		margin-left: auto;
		margin-right: auto;

    }
	.modal-tabs > div.modal-label > label span{
		font-family: 'Open Sans', sans-serif;
		font-weight:normal; 
		font-style:normal;
		font-size:15px; 
    line-height: 18px;
		padding-top: 10px;
		color:#fff;  
		display: block;
		margin:0; 
    }

	
/*	--------------------------------------------------
	:: Sections
	-------------------------------------------------- */
	
	.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 {
	    position:absolute;
	 height: 100%;
		top:0;
		opacity:0;
		margin:0;
		left:100%;
	    line-height:1;
		z-index:5;
		padding:20px 15px;
		text-align:left;
/*	    background-color:#fff;*/
     background-color: rgba(0, 0, 0, 0.7);
    }
	
/*	--------------------------------------------------
	:: Multi-columns Inside Sections
	-------------------------------------------------- */
	
	.modal-tabs-multi-column { border:none; outline:none; margin:0; padding:0; }	
    .modal-tabs-column-one { float:left; width:290px; margin-left:15px; margin-right:15px; }

/*	--------------------------------------------------
	:: Modal Tabs Forms
	-------------------------------------------------- */
	
	.modal-tabs-form textarea,
    .modal-tabs-form input[type="text"],
	.modal-tabs-form input[type="password"],
    .modal-tabs-form input[type="email"] {
border: 1px solid #fff;
width: 80%;
padding: 8px;
margin-bottom: 15px;
display: block;
outline: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
color: #FFFFFF;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.12);
font-style: normal;
font-weight: normal;
	}
	
	.modal-tabs-form textarea:focus,
    .modal-tabs-form input[type="text"]:focus,
	.modal-tabs-form input[type="password"]:focus,
    .modal-tabs-form input[type="email"]:focus{  
		border-color:#bdcdd9;
		outline:none;
	}
	
	.modal-tabs-form fieldset{  
		border:none;
		outline:none;
		margin:0;
		padding:0;
	}
	
/*	--------------------------------------------------
	:: Modal Tabs Header
	-------------------------------------------------- */
	
    .modal-tabs header  { 
	    display:block; 
	    margin:0;
		padding:0;
	}
	
	.modal-tabs header h4 { 
	    text-align:left; 
	    font-style:normal; 
	    font-weight:700; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:20px; 
	    color:#FFFFFF;
margin-top: 10px;
		padding:0 0 15px 0;
		border-bottom:1px solid #e3e8ee;		
    text-transform: uppercase;
	}
	
	.modal-tabs header i { 
	    text-align:left; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-size:16px; 
	    color:#777;
		margin-right:10px;
	}
	
	.modal-tabs header p { 
	    text-align:left; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:13px; 
	    color:#777;	
		margin-bottom:0;
	}
	
/*	--------------------------------------------------
	:: Modal Tabs Section
	-------------------------------------------------- */
	
    .modal-tabs section  { 
	    display:block; 
	    margin:20px 0 10px 0;
		padding:0;		
	}
	
	.modal-tabs section a { 
	    text-align:left; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:12px; 
	    color:#e0635b;	
        text-decoration:none;		
	}
	
	.modal-tabs section button { 
	    float:left;
        margin-right:10px;
		margin-top:5px;		
	}
	
	.modal-tabs section img,
    .modal-tabs section iframe { 
	    max-width:100%;		
	}
	
    .modal-tabs section .close a { 
	    float:left;
        font-size:15px;
        color:#fff;	
		margin-top:10px;	
	}	
	
/*	--------------------------------------------------
	:: Modal Tabs Header
	-------------------------------------------------- */
	
    .modal-tabs footer  { 
	    display:block; 
	    margin:0;
		padding:12.5px 0;
		border-top:1px solid #e3e8ee;		
	}
	
	.modal-tabs footer p { 
	    text-align:left; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:12px; 
	    color:#777;
        line-height:7px;
	}
	
	.modal-tabs footer a { 
	    text-align:left; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:12px; 	
        text-decoration:none;		
	}

/*  --------------------------------------------------
    :: Modal Tabs Checkbox
    -------------------------------------------------- */ 
	
    .modal-tabs-checkbox input[type="checkbox"]{
	    position:absolute;
	    -moz-opacity:0;
	    -webkit-opacity:0;
	    opacity:0;
		cursor:pointer;
    }

    .modal-tabs-checkbox p{
		text-decoration:none; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:12px; 
	    color:#777;
		margin:0;
		padding:0;
    }
	
	.modal-tabs-checkbox a{
		text-decoration:none; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-family:'Open Sans', sans-serif; 
	    font-size:12px; 
    }
	
    .modal-tabs-checkbox  input[type="checkbox"] + p span {
	    display:inline-block;
	    width:25px;
	    height:25px;
	    vertical-align:middle;
        margin:-4px 5px 0 0;
        background-repeat:no-repeat;
		background-image:url("../Images/Checkbox.png");
	    background-position:0 0;
    }

    .modal-tabs-checkbox  input[type="checkbox"]:checked + p span {
	    background-image:url("../Images/Checkbox.png");
	    background-position:0 -27px;
    }

/*	--------------------------------------------------
	:: Modal tabs Social Buttons
	-------------------------------------------------- */

    .modal-tabs-social{
	    width:100%;
    }
		
    .modal-tabs-social a{
		display:inline-block;
		float:left;
	    padding:21px 0;
	    width:50%;
		text-decoration:none;
		text-align:center;
    }
	
	.modal-tabs-social a i{
		text-align:center; 
	    font-style:normal; 
	    font-weight:normal; 
	    font-size:24px; 
	    color:#fff;
		margin:0;
    }
	
	.modal-tabs-facebook{ background-color:#3b5998; }
    .modal-tabs-twitter{ background-color:#39a9e0; }
	.modal-tabs-google{ background-color:#d14836; }
	.modal-tabs-pinterest{ background-color:#cb2027; }
	.modal-tabs-linkedin{ background-color:#007fb1; }
	.modal-tabs-deviantart{ background-color:#4c5e51; }

	.modal-tabs-facebook:hover { background-color:#4c6bad; }
    .modal-tabs-twitter:hover { background-color:#51b9ec; }
	.modal-tabs-google:hover { background-color:#de5543; }
	.modal-tabs-pinterest:hover { background-color:#df2c33; }
	.modal-tabs-linkedin:hover { background-color:#0290c8; }
	.modal-tabs-deviantart:hover { background-color:#596c5f; }
	
/*	--------------------------------------------------
	:: Make Sections Slide In 
	-------------------------------------------------- */
	
	.modal-tabs > div.modal-label > input.tab-1:checked ~ .modal-tabs-section-one,
    .modal-tabs > div.modal-label > input.tab-2:checked ~ .modal-tabs-section-two,
    .modal-tabs > div.modal-label > input.tab-3:checked ~ .modal-tabs-section-three,
    .modal-tabs > div.modal-label > input.tab-4:checked ~ .modal-tabs-section-four,
    .modal-tabs > div.modal-label > input.tab-5:checked ~ .modal-tabs-section-five	{
        opacity:1;
		z-index:6;
    }
	
/*	--------------------------------------------------
	:: Themes Dark Colors
	-------------------------------------------------- */
	
	.modal-tabs-dark-blue > div.modal-label > input:checked + label {

      background-color:rgba(0, 0, 0, 0.7);
    }
	
	.modal-tabs-dark-blue > div.modal-label > label {
	background-color:rgba(39, 46, 56, 0.6);
    
    }
	
	.modal-tabs-dark-blue > div.modal-label > label:hover {
	    	background-color:rgba(39, 46, 56, 0.6);

    }
	
	.modal-tabs-dark-blue section a { 
	    color:#7f96a6;			
	}
	
	.modal-tabs-dark-blue footer a { 
	    color:#7f96a6;			
	}
	
	.modal-tabs-dark-red > div.modal-label > input:checked + label {
		background-color:#e0635b;
    }
	
	.modal-tabs-dark-red > div.modal-label > label {
	    background-color:#272e38;
    }
	
	.modal-tabs-dark-red > div.modal-label > label:hover {
	    background-color:#d95047;
    }
	
	.modal-tabs-dark-red section a { 
	    color:#e0635b;			
	}
	
	.modal-tabs-dark-red footer a { 
	    color:#e0635b;			
	}
	
	.modal-tabs-dark-green > div.modal-label > input:checked + label {
		background-color:#96aa39;
    }
	
	.modal-tabs-dark-green > div.modal-label > label {
	    background-color:#272e38;
    }
	
	.modal-tabs-dark-green > div.modal-label > label:hover {
	    background-color:#879836;
    }
	
	.modal-tabs-dark-green section a { 
	    color:#96aa39;			
	}
	
	.modal-tabs-dark-green footer a { 
	    color:#96aa39;			
	}
	
	.modal-tabs-dark-orange > div.modal-label > input:checked + label {
		background-color:#de5f41;
    }
	
	.modal-tabs-dark-orange > div.modal-label > label {
	    background-color:#272e38;
    }
	
	.modal-tabs-dark-orange > div.modal-label > label:hover {
	    background-color:#cb583d;
    }
	
	.modal-tabs-dark-orange section a { 
	    color:#de5f41;			
	}
	
	.modal-tabs-dark-orange footer a { 
	    color:#de5f41;			
	}
	
/*	--------------------------------------------------
	:: Themes Light Colors
	-------------------------------------------------- */
	
	.modal-tabs-light-blue > div.modal-label > input:checked + label {
		background-color:#7f96a6;
    }
	
	.modal-tabs-light-blue > div.modal-label > label {
	    background-color:#b8c7d2;
    }
	
	.modal-tabs-light-blue > div.modal-label > label:hover {
	    background-color:#718797;
    }
	
	.modal-tabs-light-blue section a { 
	    color:#7f96a6;			
	}
	
	.modal-tabs-light-blue footer a { 
	    color:#7f96a6;			
	}
	
	.modal-tabs-light-red > div.modal-label > input:checked + label {
		background-color:#e0635b;
    }
	
	.modal-tabs-light-red > div.modal-label > label {
	    background-color:#b8c7d2;
    }
	
	.modal-tabs-light-red > div.modal-label > label:hover {
	    background-color:#d95047;
    }
	
	.modal-tabs-light-red section a { 
	    color:#e0635b;			
	}
	
	.modal-tabs-light-red footer a { 
	    color:#e0635b;			
	}
	
	.modal-tabs-light-green > div.modal-label > input:checked + label {
		background-color:#96aa39;
    }
	
	.modal-tabs-light-green > div.modal-label > label {
	    background-color:#b8c7d2;
    }
	
	.modal-tabs-light-green > div.modal-label > label:hover {
	    background-color:#879836;
    }
	
	.modal-tabs-light-green section a { 
	    color:#96aa39;			
	}
	
	.modal-tabs-light-green footer a { 
	    color:#96aa39;			
	}
	
	.modal-tabs-light-orange > div.modal-label > input:checked + label {
		background-color:#de5f41;
    }
	
	.modal-tabs-light-orange > div.modal-label > label {
	    background-color:#b8c7d2;
    }
	
	.modal-tabs-light-orange > div.modal-label > label:hover {
	    background-color:#cb583d;
    }
	
	.modal-tabs-light-orange section a { 
	    color:#de5f41;			
	}
	
	.modal-tabs-light-orange footer a { 
	    color:#de5f41;			
	}



	/*DARK CONTAINER*/

	.dark-container {
background: none repeat scroll 0% 0% rgba(18, 18, 18, 0.5);
float: left;
height: 100%;
padding: 10px;
width: 40%;
margin: 5% 5% 0 5%;
    }
	.dark-container h2, .dark-container h3, .dark-container p{
		font-family: "Open Sans";
		color: #ffffff;
	}
.dark-container p { 
	font-size: 14px;

}

/*	--------------------------------------------------
	:: IcoMoon Font Icon 
	-------------------------------------------------- */	

    @font-face {
	    font-family: 'icomoon';
	    src:url('../Font/icomoon.eot');
	    src:url('../Font/icomoon.eot?#iefix') format('embedded-opentype'),
		    url('../Font/icomoon.woff') format('woff'),
		    url('../Font/icomoon.ttf') format('truetype'),
		    url('../Font/icomoon.svg#icomoon') format('svg');
	    font-weight: normal;
	    font-style: normal;
    }

/*	--------------------------------------------------
	:: Font Icon White
	-------------------------------------------------- */
	
	[class*="icon-white"]:before { 
	    font-family:'icomoon'; 
	    speak:none; 
	    -webkit-font-smoothing:antialiased;
	}
	
/*	--------------------------------------------------
	:: Font Icon Black
	-------------------------------------------------- */

    [class*="icon-black"]:before { 
	    font-family:'icomoon'; 
	    speak:none; 
	    -webkit-font-smoothing:antialiased;
	}
	

    .icon-lock:before { content: "\e0f5"; }
    .icon-lock-2:before { content: "\e0f6"; }
   
.icon-user-2:before { content: "\e0e1"; }