/*!
 * Start Bootstrap - Creative v5.0.1 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */body,
 html{width:100%;height:100%}
 body{font-family:Merriweather,'Helvetica Neue',Arial,sans-serif}
 hr{max-width:50px;border-width:3px;border-color:#3c62a0}
 hr.light{border-color:#fff}
 a{color:#3c62a0;-webkit-transition:all .2s;transition:all .2s}
 a:hover{color:#3c62a0}
 h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 .bg-primary{background-color:#3c62a0!important}
 .bg-dark{background-color:#212529!important}
 .text-faded{color:rgba(255,255,255,.7)}
 section{padding:8rem 0}
 .section-heading{margin-top:0}
 ::-moz-selection{color:#fff;background:#212529;text-shadow:none}
 ::selection{color:#fff;background:#212529;text-shadow:none}
 img::-moz-selection{color:#fff;background:0 0}
 img::selection{color:#fff;background:0 0}
 img::-moz-selection{color:#fff;background:0 0}
 #mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;-webkit-transition:all .2s;transition:all .2s}
 #mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#3c62a0;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#3c62a0}
 #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529}
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#3c62a0}
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#3c62a0!important;background-color:transparant}
 #mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparant}
 @media (min-width:992px){#mainNav{border-color:#3c62a0;background-color:#3c62a0}
 #mainNav .navbar-brand{color:rgba(255,255,255,.7)}
 #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}
 #mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}
 #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,.7)}
 #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}
 #mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}
 #mainNav.navbar-shrink .navbar-brand{color:#3c62a0}
 #mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#3c62a0}
 #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}
 #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#3c62a0}}
 header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/header2.jpg);background-position:center center;background-size:cover}
 header.masthead hr{margin-top:30px;margin-bottom:30px}
 header.masthead h1{font-size:2rem}
 header.masthead p{font-weight:300}
 @media (min-width:768px){header.masthead p{font-size:1.15rem}}
 @media (min-width:992px){header.masthead{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height:100vh;min-height:650px;padding-top:0;padding-bottom:0}
 header.masthead h1{font-size:3rem}}
 @media (min-width:1200px){header.masthead h1{font-size:4rem}}
 
 header.masthead2{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url(../img/header1.jpg);background-position:center center;background-size:cover}
 header.masthead2 hr{margin-top:30px;margin-bottom:30px}
 header.masthead2 h1{font-size:2rem}
 header.masthead2 p{font-weight:300}
 @media (min-width:768px){header.masthead2 p{font-size:1.15rem}}
 @media (min-width:992px){header.masthead2{-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;height:100vh;min-height:650px;padding-top:0;padding-bottom:0}
 header.masthead2 h1{font-size:3rem}}
 @media (min-width:1200px){header.masthead2 h1{font-size:4rem}}
 .service-box{max-width:400px}
 .portfolio-box{position:relative;display:block;max-width:900px;margin:0 auto}
 .portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;transition:all .2s}
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
 .portfolio-box:hover .portfolio-box-caption{opacity:1}
 .portfolio-box:focus{outline:0}
 @media (min-width:768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}
 .text-primary{color:#3c62a0!important}
 .btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif}
 .btn-xl{padding:1rem 2rem}
 .btn-primary{background-color:#3c62a0;border-color:#3c62a0}
 .btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#5c86b0!important}
 .btn-primary:active,.btn-primary:focus{-webkit-box-shadow:0 0 0 0rem rgba(255,255,255,1)!important;box-shadow:0 0 0 0rem rgba(255,255,255,1)!important}
 
 @import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {

  padding: 8% 0 0;
  margin: auto;
}
.form {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  max-width: 400px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}
.form input {
  font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.form button {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  outline: 0;
  background: #3c62a0;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
}
.form button:hover,.form button:active,.form button:focus {
  background: #5c86b0;
}
.form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.form .message a {
  color: #3c62a0;
  text-decoration: none;
}
.form .register-form {
  display: none;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: Grey; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.1);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

img.mexa-img {
    margin-top: 0%;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
    }

#print { display: none; }
 #noprint { display: block; }