/*
Theme Name: EziBroker
Theme URI: http://f6.co.nz/
Author: f6
Author URI: http://f6.co.nz/
Description: A custom theme for Ezibroker
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ezibroker
*/
/*=================================
=            Variables            =
=================================*/
/*=====  End of Variables  ======*/
/*==============================
=            Header            =
==============================*/
html body .nav-style {
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 0;
  left: 0; }

body .navbar-toggle {
  border: none; }

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: transparent !important; }

.no-decoration {
  text-decoration: none; }

@media screen and (max-width: 1200px) {
  .center-menu {
    text-align: center; } }

body .navbar-brand {
  height: auto; }
  @media screen and (max-width: 1200px) {
    body .navbar-brand {
      display: inline-block;
      float: none;
      text-align: center; } }

body .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff; }

body .nav-style {
  font-size: 18px;
  width: 100%;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  background-color: #4588c8;
  background-size: cover; }
  body .nav-style #menu-main {
    float: right; }
    @media screen and (max-width: 767px) {
      body .nav-style #menu-main {
        float: left;
        width: 100%; } }
  @media screen and (max-width: 1200px) {
    body .nav-style .navbar-header > a {
      display: inline-block;
      float: none;
      text-align: center; } }

body .navbar-default .navbar-nav > .active > a {
  padding: 25px 20px 25px 20px;
  padding-top: 25px;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-left: 20px; }
  @media screen and (max-width: 1200px) {
    body .navbar-default .navbar-nav > .active > a {
      font-size: 16px;
      padding: 30px 10px 30px 10px; } }
  @media screen and (max-width: 767px) {
    body .navbar-default .navbar-nav > .active > a {
      text-align: center; } }

body .navbar-default .navbar-nav > .active > a,
body .navbar-default .navbar-nav > .active > a:focus,
body .navbar-default .navbar-nav > .active > a:active {
  color: #fff;
  background-color: inherit;
  outline: none; }

body .navbar-default .navbar-nav > .active > a:hover {
  color: #4588c8;
  background-color: #fff; }

.header-banner {
  margin-bottom: 60px;
  position: relative;
  color: #fff;
  background-image: url("/wp-content/uploads/2016/08/Banner1.jpg");
  background-repeat: no-repeat;
  background-position: 0 20%;
  background-size: cover; }
  @media screen and (max-width: 767px) {
    .header-banner {
      background-attachment: scroll; } }
  .header-banner h2 {
    font-size: 60px;
    font-weight: bold;
    margin-top: 110px;
    margin-bottom: 0; }
  .header-banner h4 {
    font-size: 28px;
    margin-bottom: 40px; }
  .header-banner a {
    margin-bottom: 40px;
    padding: 20px; }
  .header-banner .btn-balance {
    padding-right: 52px;
    padding-left: 52px; }
  .header-banner .shift-image {
    margin-bottom: -50px; }
    @media screen and (max-width: 767px) {
      .header-banner .shift-image {
        display: none; } }

/*=====  End of Header  ======*/
/*==============================
=            Footer            =
==============================*/
.footer-lower {
  background-color: #4588c8;
  padding: 30px 0; }
  @media screen and (max-width: 1200px) {
    .footer-lower {
      padding: 15px 0; } }
  .footer-lower a {
    color: #fff; }
    .footer-lower a:hover {
      color: #fff; }

.go-right {
  float: right; }

.copyright-padding {
  padding-top: 10px; }

.white-text {
  color: #fff; }

.margin-b-50 {
  margin-bottom: 50px; }

body .fa {
  border: 2px solid #fff;
  font-size: 25px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  margin-right: 5px; }

.fa-facebook {
  padding: 5px 10px 5px 10px; }

.fa-twitter {
  padding: 5px; }

.fa-instagram {
  padding: 5px 7px 5px 7px; }

.footer-wrapper {
  margin-right: 40px;
  border-right: 1px solid #fff; }

.footer-top {
  background-image: url("/wp-content/uploads/2016/08/footer-top-bg.jpg");
  padding-bottom: 30px;
  background-repeat: no-repeat;
  background-size: cover; }
  .footer-top h2 {
    padding-top: 50px; }

.footer-details {
  margin-left: 15px;
  text-align: center;
  margin-bottom: 10px; }
  @media screen and (max-width: 1200px) {
    .footer-details {
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    .footer-details {
      margin-top: 90px; } }
  @media screen and (max-width: 480px) {
    .footer-details {
      margin-top: 90px; } }
  .footer-details .fa {
    border: none;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 60px; }
  .footer-details .fa-mobile {
    margin-top: 20px;
    position: relative;
    font-size: 82px;
    padding-left: 4px;
    top: 5px; }
  .footer-details .format-contact {
    padding-bottom: 4px;
    font-size: 26px;
    text-align: center;
    text-decoration: none; }
    @media screen and (max-width: 1200px) {
      .footer-details .format-contact {
        font-size: 20px; } }
    @media screen and (max-width: 990px) {
      .footer-details .format-contact {
        font-size: 17px; } }
    @media screen and (max-width: 768px) {
      .footer-details .format-contact {
        font-size: 20px;
        text-align: center; } }
    .footer-details .format-contact:hover {
      color: #4588c8;
      text-decoration: none; }
    .footer-details .format-contact:visited {
      text-decoration: none;
      color: #000; }

.footer-top-wrapper {
  padding-right: 50px;
  border-right: 1px solid #fff; }
  @media screen and (max-width: 768px) {
    .footer-top-wrapper {
      border-right: none;
      padding-right: 4px; } }

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  padding: 15px 0 15px 15px;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 16px;
  border-radius: 3px;
  color: #fff; }
.wpcf7 input[type="submit"] {
  background-color: #449D44;
  border: none;
  border-radius: 4px;
  padding: 15px 40px 15px 40px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 50px; }
  @media screen and (max-width: 768px) {
    .wpcf7 input[type="submit"] {
      margin-bottom: 20px; } }
  @media screen and (max-width: 480px) {
    .wpcf7 input[type="submit"] {
      margin-bottom: 0; } }
.wpcf7 textarea {
  resize: none; }

/*=====  End of Footer  ======*/
/*==================================
=            Typography            =
==================================*/
.text-center {
  text-align: center; }

html body {
  font-family: 'Open Sans', sans-serif; }

/*=====  End of Typography  ======*/
/*===============================
=            General            =
===============================*/
.pad-b-50 {
  padding-bottom: 50px; }

.padding-t-75 {
  padding-top: 75px; }

.margin-t-50 {
  margin-top: 50px; }

.margin-b-50 {
  margin-bottom: 50px; }

.margin-b-30 {
  margin-bottom: 30px; }

.margin-b-75 {
  margin-bottom: 75px; }

.margin-b-150 {
  margin-bottom: 150px; }

.bold {
  font-weight: bold; }

.h-rule {
  border: 1px solid #4588c8;
  width: 90%; }

.blue-text {
  color: #4588c8; }

/*=====  End of General  ======*/
/*================================
=            Features            =
================================*/
.features .feature-left {
  font-size: 13px;
  text-align: right;
  padding-top: 75px;
  margin-bottom: 150px; }
  @media screen and (max-width: 768px) {
    .features .feature-left {
      margin-bottom: 40px;
      padding-top: 0px; } }
.features .feature-right {
  text-align: left;
  padding-top: 75px;
  margin-bottom: 150px; }
  @media screen and (max-width: 768px) {
    .features .feature-right {
      margin-bottom: 40px;
      padding-top: 0px; } }
.features .feature h3 {
  font-size: 20px; }
@media screen and (max-width: 768px) {
  .features .feature {
    text-align: left !important; } }
@media screen and (max-width: 768px) {
  .features .feature img {
    float: left;
    margin-top: -16px;
    margin-right: 15px; } }
.features .ipad-bg-wrapper {
  background-image: url("/wp-content/uploads/2016/08/iPad-Tilt_Left.png");
  min-height: 600px;
  background-size: contain;
  background-position: 50% 100%;
  background-repeat: no-repeat; }
  @media screen and (max-width: 768px) {
    .features .ipad-bg-wrapper {
      background-image: none;
      min-height: 0; } }
.features a,
.features a:visited,
.features a:focus {
  text-decoration: none;
  color: #000; }
  .features a:hover, .features a:active,
  .features a:visited:hover,
  .features a:visited:active,
  .features a:focus:hover,
  .features a:focus:active {
    text-decoration: none;
    color: #4588c8; }

.selected {
  color: red; }

.feature-section-header h2 {
  margin-bottom: 30px; }
.feature-section-header p {
  margin-bottom: 50px; }

/*=====  End of Features  ======*/
/*===================================
=            Differences            =
===================================*/
.difference-icon {
  text-align: center;
  margin: 0 auto; }

.differences-wrapper {
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 100px; }

/*=====  End of Differences  ======*/
.difference-icon {
  text-align: center;
  display: center-block;
  margin: 15px auto; }

/*===================================
=            Closer Look            =
===================================*/
.closer-look {
  text-align: center; }

/*=====  End of Closer Look  ======*/
/*====================================
=            Ezi Products            =
====================================*/
.products {
  margin-bottom: 40px; }
  .products h2 {
    padding-top: 30px; }

.product-blurb {
  padding: 0 15px; }

.product {
  min-height: 443px;
  padding-bottom: 20px;
  -webkit-box-shadow: 6px 4px 12px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow: 6px 4px 12px 0px rgba(50, 50, 50, 0.3);
  box-shadow: 6px 4px 12px 0px rgba(50, 50, 50, 0.3);
  border: 1px solid #CFCFCF;
  -moz-border-radius-topleft: 20px;
  -webkit-border-top-left-radius: 20px;
  border-top-left-radius: 20px;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  border-top-right-radius: 20px; }
  @media screen and (max-width: 768px) {
    .product {
      margin-bottom: 15px; } }
  .product hr {
    width: 80%; }
  .product .product-title {
    background-color: #4588c8;
    padding: 15px;
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px; }
    .product .product-title h4 {
      color: #fff;
      text-align: center; }
  .product .product-content p {
    text-align: center; }
  .product .product-content a {
    font-size: 14px;
    border-radius: 2px;
    padding: 15px 20px 15px 20px;
    margin-top: 50px; }
  .product .product-content .btn-motor {
    margin-top: 30px; }
  .product .product-content a:first-child {
    margin-right: 6px; }
  .product .product-logo {
    text-align: center;
    display: center-block;
    margin: 15px auto; }

/*=====  End of Ezi Products  ======*/
/*=================================
=            Error 404            =
=================================*/
.error-404 {
  padding: 20px;
  text-align: center; }

/*=====  End of Error 404  ======*/
/*====================================
=            contact form            =
====================================*/
body .wpcf7-validation-errors {
  border-color: #f00; }

body .wpcf7-validation-errors,
body .wpcf7-mail-sent-ok {
  margin-top: 80px;
  color: #fff; }

.wpcf7-recaptcha {
  margin-bottom: 15px; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff !important;
  opacity: 1; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff !important;
  opacity: 1; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff !important;
  opacity: 1; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff !important;
  opacity: 1; }

/*=====  End of contact form  ======*/
/*============================================
=            scroll to top button            =
============================================*/
#scrollUp .fa {
  border: 0;
  color: #5cb85c; }

/*=====  End of scroll to top button  ======*/

/*# sourceMappingURL=style.css.map */