@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
@import url("https://fonts.googleapis.com/css?family=Playfair+Display");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@font-face {
  font-family: 'Lato-Light';
  src: url("fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Light.woff") format("woff"), url("fonts/Lato-Light.ttf") format("truetype"), url("fonts/Lato-Light.svg#Lato-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lato-Regular';
  src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"), url("fonts/Lato-Regular.svg#Lato-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lato-Italic';
  src: url("fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Italic.woff") format("woff"), url("fonts/Lato-Italic.ttf") format("truetype"), url("fonts/Lato-Italic.svg#Lato-Italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lato-Black';
  src: url("fonts/Lato-Black.eot?#iefix") format("embedded-opentype"), url("fonts/fonts/Lato-Black.woff") format("woff"), url("fonts/Lato-Black.ttf") format("truetype"), url("fonts/Lato-Black.svg#Lato-Black") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Lato-Bold';
  src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"), url("fonts/Lato-Bold.svg#Lato-Bold") format("svg");
  font-weight: normal;
  font-style: normal; }
/*$base-color: #999999;
$base-bag:#fff;
$site-color:#1a2e61;


$dash-bs-color:#1f232c;*/
/****rest css ***/
.fai-btn {
  background: #e25a14;
  color: #fff;
  padding: 6px 20px;
  border-radius: 0;
  border: 1px solid #e25a14;
  text-transform: uppercase;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s; }
  .fai-btn:hover {
    border: 1px solid #e25a14;
    /*background: #d5b308;
    color: #fff;*/
    background: #fff;
    color: #e25a14;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s; }
  .fai-btn:focus {
    color: #fff; }
  .fai-btn:hover, .fai-btn:active, .fai-btn:focus {
    outline: none; }

.aj-red {
  color: red; }

.base-css, *, body {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

body {
  overflow-x: hidden;
  background-color: #fff;
  font: 14px Lato-Regular;
  color: #323232;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; }

a {
  text-decoration: none;
  outline: none;
  color: #323232;
  cursor: pointer;
  /*font: $fsize  $lator;*/ }

a:hover {
  text-decoration: none;
  outline: none;
  color: #a9a6aa !important; }

a:focus {
  text-decoration: none;
  outline: none;
  color: #fff; }

.trans, a, button, li {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }

.transhover, a:hover, a:active, a:focus, button:hover, li:hover {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

a, button, li {
  font: 14px Lato-Regular; }

ul, li {
  margin: 0;
  padding: 0;
  list-style: none; }

h1 {
  font-size: 26px;
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; }

h2 {
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; }

h3 {
  font-size: 15px;
  font-family: Lato-Regular;
  font-family: 'Open Sans', sans-serif; }

h4 {
  font-size: 18px;
  font-family: Lato-Regular;
  font-family: 'Open Sans', sans-serif; }

.tbl {
  display: table; }

.tbl-cell {
  display: table-cell; }

.full, .become-fran .become-fran-main {
  float: left;
  width: 100%; }

.res13 {
  display: block;
  width: 100%; }

.res19 {
  display: none;
  width: 100%; }

.fa {
  font-size: 16px;
  color: #323232; }

.fa:hover {
  color: #000; }

.img-zoom {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s; }

.transition {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.img-center {
  float: left;
  width: auto;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%; }

form label {
  font-size: 14px;
  text-transform: capitalize; }
form input {
  font-size: 16px;
  text-transform: capitalize; }
form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 0.8;
  font: 16px Lato-Regular; }
form ::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0.8;
  font: 16px Lato-Regular; }
form :-ms-input-placeholder {
  /* IE 10+ */
  opacity: 0.8;
  font: 16px Lato-Regular; }
form :-moz-placeholder {
  /* Firefox 18- */
  opacity: 0.8;
  font: 16px Lato-Regular; }

.full, .become-fran .become-fran-main {
  float: left;
  width: 100%; }

/**header **/
.fai-header .navbar-header {
  background: #004778; }

.fai-up .fai-up-left {
  float: left; }
  .fai-up .fai-up-left .navbar-brand {
    float: left;
    width: 100%;
    min-height: 80px;
    height: auto;
    padding: 10px; }
    .fai-up .fai-up-left .navbar-brand .full-logo .logo-img {
      padding: 8px;
      float: left;
      width: 100%;
      background: #fff;
      border-radius: 20px; }
      .fai-up .fai-up-left .navbar-brand .full-logo .logo-img img {
        height: 70px; }
.fai-up .fai-up-right {
  float: right;
  margin-top: 35px; }
  .fai-up .fai-up-right .fai-up-loginbtn {
    display: inline-block;
    padding: 0px 8px; }
    .fai-up .fai-up-right .fai-up-loginbtn .fai-btn {
      background: #fff;
      border: 1px solid #004778;
      color: #004778;
      width: 108px;
      padding: 8px 10px; }
  .fai-up .fai-up-right .social-list {
    display: inline-block;
    padding: 0px 8px; }
    .fai-up .fai-up-right .social-list li {
      display: inline-block;
      padding: 0px 2px; }
      .fai-up .fai-up-right .social-list li .fa {
        color: #fff;
        border: 2px solid #fff;
        padding: 5px;
        border-radius: 100%;
        width: 32px;
        height: 32px;
        text-align: center; }
        .fai-up .fai-up-right .social-list li .fa:after {
          vertical-align: middle; }
        .fai-up .fai-up-right .social-list li .fa:hover {
          color: #fff;
          background: #da251c;
          transform: translateX(0px) rotate(360deg); }

.fai-down .navbar-nav {
  float: none;
  text-align: center; }
  .fai-down .navbar-nav li {
    display: inline-block;
    float: none;
    text-align: center; }
    .fai-down .navbar-nav li a {
      text-transform: uppercase;
      font-size: 13px;
      padding: 15px 8px;
      color: #004778; }
      .fai-down .navbar-nav li a:hover {
        color: #da251c !important; }

.fai-wrap {
  margin-top: 85px; }

.become-fran {
  padding: 0px; }
  .become-fran .become-fran-main {
    padding: 15px;
    background: #dcdcdc; }
    .become-fran .become-fran-main .become-fran-main-col {
      float: left;
      /*width: 60%;*/ }
      .become-fran .become-fran-main .become-fran-main-col:nth-child(2) {
        /*width: 40%;*/ }
      .become-fran .become-fran-main .become-fran-main-col .franchisee-carousel {
        background: #004778;
        padding: 13px; }

/*# sourceMappingURL=style.css.map */
