.col-full{margin:0 auto; max-width:1130px !important;}
.col-right{text-align:right;}
.fl{float:left;}

.bluecontainer{background:#dee5ec}
body .btn-primary{background-color:#0084b5; border-color:#0084b5}
.small, small{font-size:90%;}
.text-muted a{color:#818a91;}
.tradenote{padding:5px 20px; display:inline-block; border:1px solid #94acc0; border-radius:20px; color:#818a91}
.tradenote:before{font-family: "fontAwesome"; content:"\f0ad"; margin-right:5px; color:#bbb;}
.tradenote a{color:#818a91; font-weight:bold;}
/*login screen*/
.social-buttons{margin:2rem 0 1rem 0; }
.social-buttons button{margin-bottom:1rem; display:block; width:20rem;}
button.fb-button{padding:.375rem .75rem .375rem 32px; background:#4267B2 url(img/f_logo_wh_21.png) no-repeat 5px 5px; border:1px solid #4267B2; border-radius:.25rem; color:#fff;}
button.google-button{padding:.375rem .75rem .375rem 32px; background:#fff url(img/g_logo_21.png) no-repeat 5px 5px; border:1px solid #f6f6f6; border-radius:.25rem; color:#757575; font-family: 'Roboto', sans-serif;}
.sep{margin:16px 0}
.sep hr{margin:7px 0; width:25%; display:inline-block; border:none; border-bottom:1px solid #aaa}
.sep span{margin:0 8px;  color:#aaa; }
#login_form .form-group label, #register_form .form-group label{display:none;}
#login_form .form-group input.form-control, #register_form .form-group input.form-control{width:20rem;}
#login_form button.btn, #register_form button.btn{width:20rem;}

/*form error messages*/
.is-danger{margin-top:10px; color:#dc3545}
input.is-danger{border-color:#dc3545}


/*mobile only - utility bar login buttons */
.utility-bar{padding:10px; background:#fbfbfb; border-bottom:1px solid #f3f3f3; text-align:right;}
.utility-bar ul{margin:0; padding:0;}
.utility-bar ul li{margin:0; padding:0; display:inline; }
#wrapper .utility-bar ul li.btn{margin:auto; padding:0; background:none; box-shadow:none; font-weight:500; font-family:roboto;}/*clear default bootstrap btn style*/
.utility-bar ul li.btn-personal a{padding:0.3rem 0.8rem; background-color:#73bbd6; border-radius:.25rem 0 0 .25rem; color:#fff;}
.utility-bar ul li.btn-personal a:hover{color:#005476; text-decoration: none;}
.utility-bar ul li.btn-personal i{vertical-align: middle; color:#005476; font-size:1.3rem}
.utility-bar ul li.btn-trade a{margin-left:0px;padding:0.3rem 0.8rem; background-color:#6ed200; border-radius:.25rem; color:#005476;}
.utility-bar ul li.btn-trade a:hover{color:#fff; text-decoration: none;}
.utility-bar ul li.btn-trade i{vertical-align: middle; color:#fff; font-size:0.95rem}



.bluecontainer{padding:5rem 0;}
.bluecontainer .col:nth-of-type(2){border-left:1px solid #c5cace;}
.form-row .col:nth-of-type(2){border-width:0;}
.bluecontainer .main h2{font-size:32px; font-weight:300;}
.bluecontainer .main h3{margin-bottom:0px; font-size:21px; color:#373a3c; font-weight:500;}
.bluecontainer .main h3 a{color:#373a3c}
.bluecontainer label{font-weight:500}
.bluecontainer .main .col:nth-of-type(2) h2{font-size:32px;}
.bluecontainer .main .col:nth-of-type(2) h2,
.bluecontainer .main .col:nth-of-type(2) h3,
.bluecontainer .main .col:nth-of-type(2) p,
.bluecontainer .main .col:nth-of-type(2) iframe{padding-left:3rem;}

/*footer*/
body.full-width #footer {padding-left: 0.5em; padding-right: 0.5em;}
#footer-container{background-color:#ffffff}
#footer-container{border-top:1px solid #f2f2f2;}
#footer {padding:20px 0 0 0; border-width: 0 !important;}
#footer, #footer p { font:300 13px/1.4em 'Open Sans', arial, sans-serif; color:#444; }
#footer p {text-align:right;}
#footer {background-color:#ffffff;border-top:1px solid #f2f2f2;border-bottom:0px solid ;border-left:0px solid ;border-right:0px solid ;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
#footer p.logos img{margin-top:30px;}
#footer p.logos{margin-top:30px;margin-left:10px; text-align:left;}

/*mobile navigation*/
.navbar-light ul.navbar-nav li.nav-item{font-size:16px;}

@media only screen and (min-width: 980px){
 .col-right {float: right;}
 .col-left {float:left;}
 
 /* NAV MENU ------------------------------------*/
 #navbarNav{color:#8ca0b3; font-family: 'Roboto', sans-serif;}
 .navbar-expand-lg{margin-top:20px; margin-bottom:20px;}
 li.nav-item{margin-left:1rem; font-size:18px;}
 .navbar-light ul.navbar-nav li.nav-item:nth-of-type(6){margin-right:1rem;}
 .navbar-light ul.navbar-nav li:first-of-type i{color:#dfdfdf;}
 .navbar-light ul.navbar-nav .nav-link{color:#8ca0b3;}
 .navbar-light .navbar-nav .active > .nav-link{}/* active link*/
 /* personal / trade buttons*/
 .navbar-light ul.navbar-nav li:last-of-type{margin:auto;}
 .navbar-light ul.navbar-nav li:nth-last-child(2){margin:auto;}
 .navbar-light ul.navbar-nav .nav-link.btn{padding:0.3rem 0.8rem; font-size:15px; font-weight:500;}
 .navbar-light ul.navbar-nav .nav-link.btn i{margin-right:4px; float:left;}
 .navbar-light .navbar-nav .nav-link.btn-personal{background-color:#73bbd6; border-radius:.25rem 0 0 .25rem; color:#fff;}
 .navbar-light .navbar-nav .nav-link.btn-personal i{color:#005476; font-size:1.3rem}
 .navbar-light .navbar-nav .nav-link.btn-trade{margin-left:1px; background-color:#6ed200; border-radius:0 .25rem .25rem 0; color:#005476;}
 .navbar-light .navbar-nav .nav-link.btn-trade:hover{color:#fff;}
 .navbar-light .navbar-nav .nav-link.btn-trade i{color:#fff; font-size:0.95rem}
 /*dropdown sub-menu*/
 a.dropdown-item{color:#8ca0b3}
 a.dropdown-item:hover{color:#005476}
}

/*Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 768px){
 
 
 
 #footer-container ul.nav {position: relative; margin-bottom: 0; width: auto; margin-right: 1em;}
 #footer-container ul.nav li {border-right: 1px solid #d1d1d1;}
 #footer-container ul.nav li:last-child {border: 0;}
 #footer-container ul.nav li {position: relative; float: left; zoom: 1; list-style: none;}
 #footer-container .nav > li {position: relative;display: block;}
 #footer-container ul.nav li a { padding: 5px 10px !important; color: #444; font: 300 14px/1.2em 'Open Sans', arial, sans-serif;}
 #footer-container ul.nav li a:hover {text-decoration: none;}
 #footer-container .nav > li > a:hover, .nav > li > a:focus {text-decoration: none; background-color: #eee;}
}

@media only screen and (max-width: 979px){
 /*mobile nav styles*/
 .navbar-light ul.navbar-nav{margin-top:20px; border-top:1px solid #f0f0f0}
 .navbar-light ul.navbar-nav li.nav-item{padding-left:5px; border-bottom:1px solid #f0f0f0}
 .navbar-light ul.navbar-nav li.nav-item:nth-of-type(7),.navbar-light ul.navbar-nav li.nav-item:nth-of-type(8) {}
 .navbar-light .navbar-nav .nav-link.btn-personal{margin-bottom:3px; background-color:#73bbd6; border-radius:.25rem; color:#fff;}
 .navbar-light .navbar-nav .nav-link.btn-personal i{color:#005476; font-size:1.3rem}
 .navbar-light .navbar-nav .nav-link.btn-trade{margin-left:1px; background-color:#6ed200; border-radius:.25rem; color:#005476;}
 .navbar-light .navbar-nav .nav-link.btn-trade:hover{color:#fff;}
 .navbar-light .navbar-nav .nav-link.btn-trade i{color:#fff; font-size:0.95rem}
 
}