/*****************************************************
*
*
* Author      : Yozze Emos
* Author Web  : yozzeemos.com - joemos.com - seaes.net
* Author Mail : me@yozzeemos.com | hello@yozzeemos.com | me@joemos.com | hello@joemos.com
* 
*
******************************************************/

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

@font-face{
  font-family:'FontAwesome';
  src: url('font-face/font-awesome/fontawesome-webfont.eot?v=4.4.0');
  src: url('font-face/font-awesome/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),
       url('font-face/font-awesome/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),
       url('font-face/font-awesome/fontawesome-webfont.woff?v=4.4.0') format('woff'),
       url('font-face/font-awesome/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),
       url('font-face/font-awesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight:normal;
  font-style:normal
}

@font-face {
    font-family: 'LatoWebBlack';
    src: url('font-face/lato/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('font-face/lato/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font-face/lato/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('font-face/lato/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('font-face/lato/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoWebBold';
    src: url('font-face/lato/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('font-face/lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font-face/lato/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('font-face/lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('font-face/lato/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoWebHairline';
    src: url('font-face/lato/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('font-face/lato/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font-face/lato/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
         url('font-face/lato/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
         url('font-face/lato/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoWebHeavy';
    src: url('font-face/lato/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('font-face/lato/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font-face/lato/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
         url('font-face/lato/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
         url('font-face/lato/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoWebLight';
    src: url('font-face/lato/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('font-face/lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font-face/lato/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('font-face/lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('font-face/lato/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoWebMedium';
    src: url('font-face/lato/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('font-face/lato/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font-face/lato/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
         url('font-face/lato/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('font-face/lato/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoWeb';
    src: url('font-face/lato/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('font-face/lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font-face/lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('font-face/lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('font-face/lato/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoWebSemibold';
    src: url('font-face/lato/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('font-face/lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font-face/lato/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('font-face/lato/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('font-face/lato/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'LatoWebThin';
    src: url('font-face/lato/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('font-face/lato/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('font-face/lato/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
         url('font-face/lato/Lato-Thin.woff') format('woff'), /* Modern Browsers */
         url('font-face/lato/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* CSS Reset & Standart Site*/
.text-center {
  text-align: center;
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clear {
  clear: both;
}

.layout-center {
  margin: 0 auto;
}

.hidden {
  visibility: hidden;
  display: none !important;
}

.no-resize {
  resize: none;
}

.no-overflow {
  overflow: hidden !important;
}

.no-margin-no-padding {
  margin:0;
  padding:0;
}
/* CSS Reset & Standart Site*/

html, body {
  outline:0 none !important;
  font-family: "LatoWebMedium" !important;
  color: #444;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-size: 15px;
  letter-spacing: -0.025em
}

h1, h2, h3, h4, h5, h6, p {
  font-family: "LatoWebMedium";
}

label {
  font-weight: 700 !important;
  /*pointer-events: none;*/
  text-transform: uppercase;
  font-size: 10px;
  color: #222;
}

section {
  display: block;
  height: 100%;
  position: relative;
}

form {
  padding: 20px;
}

.alert {
  border-radius: 0;
  font-weight: 700;
  border-width: 2px;
  margin: 20px auto 20px auto;
}

.btn, .form-control {
  border-radius: 0;
}

.btn {
  padding: 13px;
  font-family: "LatoWebBold";
  text-transform: uppercase;
  font-size: 14px;
}

.btn:focus {
  outline: 0 none !important;
}

.form-control {
  border: 2px solid #999;
  font-size: 12px;
  font-family:"LatoWebMedium";
  color:#222;
}

.form-control:focus {
  box-shadow: inherit;
  border-color: #666;
}

.form-error {
  text-transform: uppercase;
  font-family: "LatoWebMedium";
  font-size: 10px;
  margin-top: -30px;
  color: #a94442;
}

footer img {
  width: 40px;
  height: 40px;
  display: inline !important;
  margin: 20px 7px 20px 7px; 
}

footer p {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 15px;
  font-weight: 700;
}

.yozzeemos-logo {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background: url("../images/logo-yozzeemos-black.png") no-repeat center bottom;
  background-size: contain;
}

.avatar {
  width: 170px;
  height: 170px;
  margin: 0 auto;
  border-radius: 50%;
  background: url("../images/avatar.png") no-repeat center center, #e8e8e8;
  margin-top: 30px;
}

.SignInForm {
  background: #F7F7F7;
  margin: 20px auto 100px auto;
  padding: 20px;
}

.SignInForm img {
  width: 180px;
  height: 180px;
}

#buttonSignIn {
  width: 100%;
  margin-top: 20px;
}

footer img {
  opacity: 0.8;
}

footer img:hover {
  opacity: 1;
}

.scrollToTop        {width:40px;height:40px;padding:10px;background: #1f1f1f;color:#fff;position:fixed;bottom:50px;right:20px;display:none;cursor:pointer;opacity:0.8;}
.scrollToTop:hover  {text-decoration:none;opacity:1;}
.scrollToTop h4     {margin:0;padding:0;line-height:0;text-align:center;}


/*==========  Mobile First Method  ==========*/
/*
     Custom, iPhone Retina 
    @media only screen and (min-width : 320px) {

    }

    /Extra Small Devices, Phones 
    @media only screen and (min-width : 480px) {

    }

     Small Devices, Tablets 
    @media only screen and (min-width : 768px) {

    }

     Medium Devices, Desktops 
    @media only screen and (min-width : 992px) {

    }

     Large Devices, Wide Screens 
    @media only screen and (min-width : 1200px) {

    }
*/


    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
      /*.section-header {-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;width:100vw;height:100vh;}*/
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
      .others-link {text-align: center;}
      .scrollToTop {bottom:67px;right:10px;}
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
      .others-link {text-align:center;}
      .navbar-toggle {margin-top:20px !important;}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
      .scrollToTop {bottom:85px;}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) and (orientation: portrait) {
      .scrollToTop {bottom:85px;}
    }

/* ***********************************
      INDEX PAGE 
************************************ */




.table th, .table td {
  vertical-align: middle !important;
}