/*
Client: Equilibria
Developed by: Convertium Pte Ltd
======================================================================
[-] Layout
[-] Navigation
[-] Header
[-] Page Styling
[-] Footer
[-] Bootstrap Override
[-] Media Queries
======================================================================*/
/* Layout
======================================================================*/
html {min-height: 100%; width: 100%;/* position: relative;*/}
/*body {margin-bottom: 367px;}*/
.wrapper {margin-top: 105px; width: 100%;}
.wrapper.homepage {margin-top: 0px;}
.section {padding: 50px 0px;}
.section.blue {background: #161b22;}
.footer {background: #090909; width: 100%; /* position: absolute; bottom: 0;*/}

/* Navigation
======================================================================*/
.main-logo {background: url(../images/Logo_EQ_LARGE.png)0 0 no-repeat; width: 175px; height: 45px; background-size: 175px 45px; display: block; margin: 15px 0;margin-left: 30px;}
.nav-wrapper {position: fixed; top: 0; z-index: 300; height: 70px; background-color: rgba(0,0,0,1); width: 100%; /*-webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s;*/}
.nav-wrapper.nav-transparent {
	background-color: rgba(0,0,0,0.38);
	/*-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;*/
}
.nav-wrapper {
	height:100px;
}
.nav-wrapper.stuck {background-color: rgba(0,0,0,1); position: fixed; top: 0; z-index: 300; height: 70px;  /*-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;*/}
.nav-links {text-align: justify; padding: 30px 0px;}
.nav-links .list-inline {margin-bottom: 0px;}
.nav-links .list-inline li {padding-left: 16px; padding-right: 17px;}
.nav-links .list-inline li:last-child {/*padding-right: 0px;*/}
.nav-row:first-child {padding: 0px;}

/* Header
======================================================================*/
/** Homepage **/
.video-wrapper {position: relative; width: 100%;}
video {position: absolute; top: 50%; left: 50%; width: auto; height: auto; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); z-index: 1;}

/** Landing Page **/

/** Inside Details Page **/

/* Page Styling
======================================================================*/

/* Footer
======================================================================*/
.footer-links li {margin-bottom: 10px;}
.copyright {text-align: right;}

/* Bootstra Override
======================================================================*/
/* Forms */
.form-group button.btn {margin-bottom: 0px;}
.form-control {height: 45px; border-radius: 0px; border: 2px solid #ccc;}
.checkbox label::before {top: 1px;}
.checkbox label::after {top: 1px!important;}
.radio label::before {top: 1px;}
.radio label::after {top: 4px!important;}
.btn-file {position: relative; overflow: hidden;}
.btn-file input[type=file] {position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block;}
.btn-file.primary {padding: 10px 20px!important;}
input[readonly] {background-color: #eee!important; cursor: text !important;}
.input-group span {width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell;}

/* Media Queries
======================================================================*/
/* Extra Small Devices, Phones */ 
@media only screen and (min-width: 320px) and (max-width : 767px) {
/* Layout */
body {margin-bottom: 0px;}
.wrapper {margin-top: 0px;}
/*.footer {height: auto!important; margin-top: 0px; position: relative;}*/
.footer .section {padding: 30px 0px 0px; border-bottom:1px solid #363636;}
.footer .section:last-child { border-bottom: none;}
.footer h4 { font-size: 16px; }
.footer a { font-size: 14px;}
.footer-links li { font-size: 14px;}
.footer-content {min-height: inherit; margin-bottom: 30px;}
.footer .sub-link .list-inline li {display: block; margin-bottom: 10px;}
.footer .sub-link .list-inline.social-media li {display: inline-block; margin-bottom: 10px;}
.footer .sub-link .col-sm-6 {margin-bottom: 20px;}
.copyright {text-align: left;}
}

/* Small Devices, Tablets */
@media only screen and (min-width: 300px) and (max-width : 991px) {
/* Layout */
	.wrapper {margin-top: 0px;}
	.footer .section {padding: 30px 0px;}
	.footer-content {min-height: 150px; margin-bottom: 20px;}
	.main-logo {    margin-left: 0px;}
	.nav-wrapper.stuck .main-logo {margin-left: 0px;}	
}


@media only screen and (min-width : 992px) {
	.mobile-menu {
		display: none !important;
		right: -250px !important;
	}
	.nav-wrapper.stuck {
		height:100px;
	}

	.main-logo {
		width: 175px;
    		height: 45px;
    		background-size: 175px 45px;
    		margin: 14px 0;
		margin-left: 30px;
	}
	.nav-wrapper.stuck .main-logo {
		    margin-left: 30px;
	}
}

@media all and (min-width: 992px) and (max-width: 1200px) {
	.nav-links .list-inline li {
		padding-left: 13px;
		padding-right: 13px;
	}
}