/*
Theme Name: WP-MEMBER
Theme URI: 
Description: Custome Styles for Unique Business Member Portal Site  (Bootstrap 3)
Version: 0.0.1
Author: George Padlan Yap
Author URI: 

All rights reserved.
*/

@import url("css/bootstrap.min.css");
@import url("css/font-awesome.min.css");

/*General*/
body {background:#fff; background-size: 100% 100%; list-style:none !important; margin:0; padding:0;}
.page-bg {background:#fff; background-size: 100% 100%; list-style:none !important; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
a {}
a:hover {}

/*Fonts*/
@font-face {font-family:AdobeDevanagariBold; src:url(fonts/AdobeDevanagariBold.otf);}
@font-face {font-family:AGaramondProBold; src:url(fonts/AGaramondProBold.otf);}
@font-face {font-family:RobotoSlab-Bold; src:url(fonts/RobotoSlab-Bold.ttf);}
@font-face {font-family:RobotoSlab-Light; src:url(fonts/RobotoSlab-Light.ttf);}
@font-face {font-family:RobotoSlab-Regular; src:url(fonts/RobotoSlab-Regular.ttf);}
@font-face {font-family:RobotoSlab-Thin; src:url(fonts/RobotoSlab-Thin.ttf);}
@font-face {font-family:FranklinGothicBook; src:url(fonts/FranklinGothicBook.TTF);}
@font-face {font-family:FranklinGothicDemiCondRegular; src:url(fonts/FranklinGothicDemiCondRegular.ttf);}

/*Header Section*/
header { background: url(http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/hdrbg21.png); background-size: 100% 100%; padding:20px 0 15px 0;}
.header-box {/*height:100px;*/ position:relative;}
.logo {/*position:absolute; top:0; left:20px;*/ z-index:10;}
.logo img {width:800px;}
.phone {position:absolute; top:-10px; right:20px; z-index:10; }
.phone h3 {color:#fff; font-family:RobotoSlab-Bold; font-size:22px;}
.header-content {position:absolute; top:0; left:300px; z-index:10;}
.header-content h3 {color:#336699; font-family:RobotoSlab-Bold; font-size:24px;}

/*Form Section*/
.hdrform {background:url(http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/bg3.jpg) no-repeat top center fixed; background-size: 100%; padding: 20px 0; }
.hdrform h3 {color:#fff; font-family:AGaramondProBold; font-size:40px; text-align: center; letter-spacing: 1px; margin-bottom: 20px;}

.vidform {width: 450px; float: left;}
.watchvid {width: 70%; margin: 0 auto 5px;}
.video1 {margin-top: -20px;}
.video1 video {width: 450px; height: 320px;}
.video-step3 {margin:20px auto 5px;}
.video-step3 video {width:590px; height:443px;}

.formin {width: 660px; float: right;}
.formin h3 {margin-top: 10px; font-family: RobotoSlab-Bold; font-size:16px; text-transform: uppercase;}

.formuba {background: url(http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/formbg.png); height: 280px;
background-size: 100% 100%; padding: 5px 20px;}

.formpckg {margin-top: 50px; width: 100px; float: left;}

.formtxt {margin-left: 10px; width: 260px; float: left;}
.formtxt h3 {font-family: RobotoSlab-Bold; font-size:18px; color: #000; text-align: left; margin-bottom: 5px; text-transform: none; letter-spacing: 0; line-height: 1.5em;}
.formtxt p {font-family: 'Open Sans', arial, serif; font-size: 13px;}

.forminpt {margin-left: 10px; width: 240px; float: right;}
.forminpt input {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 240px; border: 1px solid #49311c; margin-bottom: 4px;}
.forminpt select {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 240px; border: 1px solid #49311c; margin-bottom: 4px;}
.forminpt textarea {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 240px; border: 1px solid #49311c; margin-bottom: 4px;}
.forminpt #inf_field_FirstName {width: 115px; float: left;}
.forminpt #inf_field_LastName {width: 115px; float: right;}
.forminpt button {background:url('http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/btn1.png') no-repeat; height:60px; width:200px; background-size: 100% 100%; box-shadow:none; background-color:transparent !important; border:none !important; margin: 0 auto;}
.forminpt .btn {width:200px; margin: 0 auto;}





.formbtm .formin {width: 100%;}
.formbtm .formin h3 {margin-top: 10px; font-family: RobotoSlab-Bold; font-size:16px; text-transform: uppercase;}

.formbtm .formuba {background: url(http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/formbg.png); height: 280px;
background-size: 100% 100%; padding: 5px 30px; margin: 0 80px;}

.formbtm .formpckg {margin-top: 20px; width: auto; float: left;}

.formbtm .formtxt {margin-left: 20px; width: 440px; float: left;}
.formbtm .formtxt h3 {font-family: RobotoSlab-Bold; font-size:24px; color: #000; text-align: left; margin-bottom: 5px; text-transform: none; letter-spacing: 0; line-height: 1.5em;}
.formbtm .formtxt p {font-family: 'Open Sans', arial, serif; font-size: 15px;}

.formbtm .forminpt {margin-left: 10px; width: 300px; float: right;}
.formbtm .forminpt input {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 300px; border: 1px solid #49311c; margin-bottom: 4px;}
.formbtm .forminpt select {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 300px; border: 1px solid #49311c; margin-bottom: 4px;}
.formbtm .forminpt textarea {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 300px; border: 1px solid #49311c; margin-bottom: 4px;}
.formbtm .forminpt #inf_field_FirstName_0 {width: 145px; float: left;}
.formbtm .forminpt #inf_field_LastName_0 {width: 145px; float: right;}
.formbtm .forminpt button {background:url('http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/btn1.png') no-repeat; height:60px; width:200px; background-size: 100% 100%; box-shadow:none; background-color:transparent !important; border:none !important; margin: 0 auto;}
.formbtm .forminpt .btn {width:300px; margin: 0 auto;}





/*Menu Section*/
.menu-main-container {text-align: center;}
.menu-nav {background: url(http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/menubg3.png) no-repeat top center;
background-size: 100% 100%; padding: 7px 0;}
.menu {list-style: none; margin: 0 auto; width: 678px; padding: 0; }
.menu li {float: left; }
.menu li a {font-family: 'Open Sans', arial, serif; background: url(http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/menubg2.png) no-repeat top center; background-size: 100% 100%; padding: 7px 20px 8px; text-transform: uppercase; border-right: 2px solid #49311c; color: #181009; font-weight: bold;}
.menu #menu-item-45 a {border-left: 2px solid #49311c; }
.menu li a:hover {text-decoration: none; background: #000; color: #fff; border-bottom: 3px solid #23527c; }

/*Main Content Section*/
.content {}
.content-box {background-color:#FFF; padding:10px 80px 20px;}
.content-box h1, .content-box h2, .content-box h3, .content-box h4, .content-box h5, .content-box h6 {color:#336699; font-family:AGaramondProBold; margin: 20px 0; line-height: 1.4em;}
.content-box p {margin-bottom:15px; font-family: 'Open Sans', arial, serif; font-size: 14px; line-height: 1.5em; }
.content-box ul li {margin-bottom:15px; position: relative; list-style-type: none !important; display: block !important;
line-height: 1.5em; padding: 4px 0 4px 2em !important; font-family: 'Open Sans', arial, serif; }
.content-box ul li i {position: absolute; left: 0; top: 4px; width: 1.3em; height: 1.3em; line-height: 1.3em; text-align: center;}
.content-box .nextbx {margin-top:30px; margin-bottom:30px; padding: 10px; background: #F3F3F3; border: 2px solid #ddd; }
.content-box .bttn {font-size: 20px; font-weight: bold; width: 50%; margin: 0 auto; padding: 10px 0;}
.content-box .div-vid {height:5px; margin-top:15px;}

/*As Seen On Section*/
.as-seen-on {margin-top:15px;}
.as-seen-on h3 {font-size:16px; margin-bottom:10px;}

/*Footer Section*/
footer {margin-top:15px; background:#26262E;}
.footer-box {padding:20px 0;}
.copyright {color:#fff; font-size:14px; text-align:center;}
.copyright a {-webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.copyright a:hover {text-decoration:none;}

/*Misc*/
input {border:1px solid #CCC;}
 
/* Large desktop */
@media (min-width: 1200px) { 

}

@media (min-width: 980px) and (max-width: 1199px) {
.header-content {left:250px;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.header-box {height:auto;}
.logo, .header-content, .phone {position:static; text-align:center;}
.phone {margin-top:10px;}
.content-box {padding:20px 10px 10px;}

.vidform {width: auto; float: none;}
.formin {width: auto; float: right; margin-top: 20px;}
.video1 {margin-top: 0px;}
.video1 video {width: 100%; height: auto;}


.formbtm .formin {width: 660px; float: right;}
.formbtm .formin h3 {margin-top: 10px; font-family: RobotoSlab-Bold; font-size:16px; text-transform: uppercase;}

.formbtm .formuba {background: url(http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/formbg.png); height: 280px;
background-size: 100% 100%; padding: 5px 20px; margin: 0;}

.formbtm .formpckg {margin-top: 50px; width: 100px; float: left;}

.formbtm .formtxt {margin-left: 10px; width: 260px; float: left;}
.formbtm .formtxt h3 {font-family: RobotoSlab-Bold; font-size:18px; color: #000; text-align: left; margin-bottom: 5px; text-transform: none; letter-spacing: 0; line-height: 1.5em;}
.formbtm .formtxt p {font-family: 'Open Sans', arial, serif; font-size: 13px;}

.formbtm .forminpt {margin-left: 10px; width: 240px; float: right;}
.formbtm .forminpt input {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 240px; border: 1px solid #49311c; margin-bottom: 4px;}
.formbtm .forminpt select {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 240px; border: 1px solid #49311c; margin-bottom: 4px;}
.formbtm .forminpt textarea {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 240px; border: 1px solid #49311c; margin-bottom: 4px;}
.formbtm .forminpt #inf_field_FirstName_0 {width: 115px; float: left;}
.formbtm .forminpt #inf_field_LastName_0 {width: 115px; float: right;}
.formbtm .forminpt button {background:url('http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/btn1.png') no-repeat; height:60px; width:200px; background-size: 100% 100%; box-shadow:none; background-color:transparent !important; border:none !important; margin: 0 auto;}
.formbtm .forminpt .btn {width:200px; margin: 0 auto;}


.hdrform {background-size: 100% 100%!important; background-attachment: initial;}
.menu-nav {background: transparent;}
.menu {list-style: none; margin: 0 auto; width: auto; }
.menu li { float: none; }
.menu li a {display: block; margin-bottom: 10px; border-bottom: 3px solid #fff;}

.content-box .bttn {font-size: 16px; width: 100%;}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.header-box {height:auto;}
.logo, .header-content, .phone {position:static; text-align:center;}
.phone {margin-top:10px;}
.content-box {padding:20px 10px 10px;}
.display-blk-xs {display:block !important;}

.vidform {width: auto; float: none;}
.formin {width: auto; float: right; margin-top: 20px;}
.video1 {margin-top: 0px;}
.video1 video {width: 100%; height: auto;}


.formbtm .formin {width: auto; float: right;}
.formbtm .formin h3 {margin-top: 10px; font-family: RobotoSlab-Bold; font-size:16px; text-transform: uppercase;}

.formbtm .formuba {background: url(http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/formbg.png); height: 280px;
background-size: 100% 100%; padding: 5px 20px; margin: 0;}

.formbtm .formpckg {margin-top: 50px; width: 100px; float: left;}

.formbtm .formtxt {margin-left: 10px; width: 260px; float: left;}
.formbtm .formtxt h3 {font-family: RobotoSlab-Bold; font-size:18px; color: #000; text-align: left; margin-bottom: 5px; text-transform: none; letter-spacing: 0; line-height: 1.5em;}
.formbtm .formtxt p {font-family: 'Open Sans', arial, serif; font-size: 13px;}

.formbtm .forminpt {margin-left: 10px; width: 240px; float: right;}
.formbtm .forminpt input {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 240px; border: 1px solid #49311c; margin-bottom: 4px;}
.formbtm .forminpt select {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 240px; border: 1px solid #49311c; margin-bottom: 4px;}
.formbtm .forminpt textarea {padding: 2px; font-family: 'Open Sans', arial, serif; font-size: 13px; width: 240px; border: 1px solid #49311c; margin-bottom: 4px;}
.formbtm .forminpt #inf_field_FirstName_0 {width: 115px; float: left;}
.formbtm .forminpt #inf_field_LastName_0 {width: 115px; float: right;}
.formbtm .forminpt button {background:url('http://uniquebusinessacademy.com.au/wp-content/uploads/2015/07/btn1.png') no-repeat; height:60px; width:200px; background-size: 100% 100%; box-shadow:none; background-color:transparent !important; border:none !important; margin: 0 auto;}
.formbtm .forminpt .btn {width:200px; margin: 0 auto;}

.hdrform {background-size: 100% 100%!important; background-attachment: initial;}
.menu-nav {background: transparent;}
.menu {list-style: none; margin: 0 auto; width: auto; }
.menu li { float: none; }
.menu li a {display: block; margin-bottom: 10px; border-bottom: 3px solid #fff;}

.content-box .bttn {font-size: 16px; width: 100%;}

}

/* Landscape phones and down */
@media (max-width: 480px) {	
.display-blk-xs {display:block !important;}

.formuba {height: 100%;}
.formpckg {margin-top: 20px; width: auto; float: none;}
.formtxt {margin-top: -50px; margin-left: 0px; width: auto; float: none;}
.forminpt {margin-left: 0px; width: auto; float: none;}
.forminpt input {width: 100%;}
.forminpt select {width: 100%;}
.forminpt textarea {width: 100%;}
.forminpt #inf_field_FirstName_0 {width: 100%; float: none;}
.forminpt #inf_field_LastName_0 {width: 100%; float: none;}
.forminpt .btn {width: 100%; margin-bottom: 20px;}

.formbtm .formuba {height: 100%; margin: 0;}
.formbtm .formpckg {margin-top: 20px; width: auto; float: none;}
.formbtm .formtxt {margin-top: -50px; margin-left: 0px; width: auto; float: none;}
.formbtm .forminpt {margin-left: 0px; width: auto; float: none;}
.formbtm .forminpt input {width: 100%;}
.formbtm .forminpt select {width: 100%;}
.formbtm .forminpt textarea {width: 100%;}
.formbtm .forminpt #inf_field_FirstName_0 {width: 100%; float: none;}
.formbtm .forminpt #inf_field_LastName_0 {width: 100%; float: none;}
.formbtm .forminpt .btn {width: 100%; margin-bottom: 20px;}

.hdrform {background-size: 100% 100%!important; background-attachment: initial;}
.menu-nav {background: transparent;}
.menu {list-style: none; margin: 0 auto; width: auto; }
.menu li { float: none; }
.menu li a {display: block; margin-bottom: 10px; border-bottom: 3px solid #fff;}

.content-box .bttn {font-size: 16px; width: 100%;}

}