@import url(animate.css);



@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900,700italic,900italic,500italic,400italic,300italic,100italic);



@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);



/*========================================================



                      Main Styles



=========================================================*/



body {



    color: rgba(255,255,255,1.00);



    font: 400 16px/26px "Montserrat", sans-serif;



    -webkit-text-size-adjust: none;



}







@media (min-width: 320px) and (max-width: 767px) {



  body {



    font-size: 16px;



    line-height: 19px;



  }



}



@media (min-width: 768px) and (max-width: 991px) {



  body {



    font-size: 18px;



    line-height: 20px;



  }



}



img {



  max-width: 100%;



  height: auto;



}







h1 {



  font: 700 57px/57px "Montserrat", sans-serif;



  color: #B20000;



}







h2 {



  font: 400 60px/78px "Montserrat", sans-serif;



  letter-spacing: -0.02em;



}







h3 {



  font: 400 34px/48px "Montserrat", sans-serif;



}







h4 {



  font: 400 24px/32px "Montserrat", sans-serif;



}







h5 {



  font: 300 16px/16px "Montserrat", sans-serif;



}







@media (min-width: 320px) and (max-width: 767px) {



  h1, .heading-1 {



    font-size: 40px;



    line-height: 42px;



  }







  h2, .heading-2 {



    font-size: 36px;



    line-height: 38px;



  }







  h3, .heading-3 {



    font-size: 32px;



    line-height: 34px;



  }







  h4, .heading-4 {



    font-size: 26px;



    line-height: 28px;



  }







  h5, .heading-5 {



    font-size: 22px;



    line-height: 24px;



  }







  h6, .heading-6 {



    font-size: 16px;



    line-height: 18px;



  }



}



@media (min-width: 768px) and (max-width: 991px) {



  h1, .heading-1 {



    font-size: 62px;



    line-height: 66px;



  }







  h2, .heading-2 {



    font-size: 52px;



    line-height: 56px;



  }







  h3, .heading-3 {



    font-size: 44px;



    line-height: 48px;



  }







  h4, .heading-4 {



    font-size: 36px;



    line-height: 40px;



  }







  h5, .heading-5 {



    font-size: 28px;



    line-height: 32px;



  }







  h6, .heading-6 {



    font-size: 16px;



    line-height: 18px;



  }



}



p a:hover, .list a:hover {



  text-decoration: underline;



}



p .fa, .list .fa {



  text-decoration: none;



}







time {



  display: block;



}







a {



    font: inherit;



    color: #BB0000;



    text-decoration: none;



    -moz-transition: 0.3s;



    -o-transition: 0.3s;



    -webkit-transition: 0.3s;



    transition: 0.3s;



}



a:hover {



  text-decoration: none;



}



a:focus {



  outline: none;



}



a:active {



  background-color: transparent;



}







a[href^="tel:"],



a[href^="callto:"] {



  color: inherit;



  text-decoration: none;



}







strong {



  font-weight: 700;



}







dl {



  padding: 0;



  margin: 0;



  font-style: normal;



}







dt, dd {



  padding: 0;



  margin: 0;



  display: block;



}







dd {



  color: #272d33;



}







.fa {



  line-height: inherit;



}







[class*='fa-']:before {



  font-weight: 400;



  font-family: "FontAwesome";



}







.page {



  overflow: hidden;



  min-height: 500px;



}



.lt-ie9 .page {



  min-width: 1200px;



}







.border {



  border-top: 7px solid #23282e;



}







.ls-1 {



  letter-spacing: -0.05em;



}







/*=======================================================



                       Main Layout



=========================================================*/



.marked-list, .marked-list-1 {



  margin: 30px 0;



}



.marked-list li:hover:before, .marked-list-1 li:hover:before {



  -webkit-box-shadow: 4px 5px 15px 0 transparent;



  -moz-box-shadow: 4px 5px 15px 0 transparent;



  box-shadow: 4px 5px 15px 0 transparent;



  background: #272d33;



  -moz-transform: scale3d(1.03, 1.03, 1.03);



  -ms-transform: scale3d(1.03, 1.03, 1.03);



  -o-transform: scale3d(1.03, 1.03, 1.03);



  -webkit-transform: scale3d(1.03, 1.03, 1.03);



  transform: scale3d(1.03, 1.03, 1.03);



}



.marked-list li + li, .marked-list-1 li + li {



  margin-top: 25px;



}



.marked-list li:before, .marked-list-1 li:before {



  background: #fff;



  color: #B20000;



  display: inline-block;



  text-align: center;



  font-size: 40px;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  content: '\e876';



  text-align: center;



  overflow: hidden;



  font-family: "Material Icons";



  line-height: 60px;



  -moz-transition: 0.4s;



  -o-transition: 0.4s;



  -webkit-transition: 0.4s;



  transition: 0.4s;



  height: 60px;



  width: 60px;



  margin-right: 28px;



  position: relative;



  bottom: 5px;



  -webkit-box-shadow: 4px 5px 15px 0 rgba(0, 0, 0, 0.1);



  -moz-box-shadow: 4px 5px 15px 0 rgba(0, 0, 0, 0.1);



  box-shadow: 4px 5px 15px 0 rgba(0, 0, 0, 0.1);



}



@media (min-width: 320px) and (max-width: 800px) {



  .marked-list li:before, .marked-list-1 li:before {



    font-size: 20px;



    height: 30px;



    width: 30px;



    line-height: 30px;



  }



}



.marked-list li a, .marked-list-1 li a {



  font: 400 24px/48px "Montserrat", sans-serif;



  color: #B20000;



}



.marked-list li a:hover, .marked-list-1 li a:hover {



  color: #272d33;



  text-decoration: none;



}



.marked-list li a:active, .marked-list-1 li a:active {



  text-decoration: none;



}



@media (max-width: 800px) {



  .marked-list li a, .marked-list-1 li a {



    line-height: 24px;



  }



}



@media (max-width: 1200px) {



  .marked-list li, .marked-list-1 li {



    margin-top: 30px;



  }



  .marked-list li + li, .marked-list-1 li + li {



    margin-top: 30px;



  }



}







.marked-list-1 li a {



  color: #fff;



}



.marked-list-1 li a:hover {



  color: #B20000;



}







.index-list, .index-list_1 {



  counter-reset: myCounter;



  margin-top: 20px;



}



.index-list h4, .index-list_1 h4 {



  line-height: 40px;



}



.index-list h4, .index-list p, .index-list_1 h4, .index-list_1 p {



  padding-left: 127px;



}



@media (min-width: 320px) and (max-width: 1200px) {



  .index-list h4, .index-list p, .index-list_1 h4, .index-list_1 p {



    padding-left: 0;



  }



}



.index-list.string-list li, .index-list_1.string-list li {



  height: 60px;



}



@media (min-width: 768px) {



  .index-list.string-list li, .index-list_1.string-list li {



    height: 110px;



  }



}



@media (max-width: 1119px) {



  .index-list.string-list li, .index-list_1.string-list li {



    margin-bottom: 0;



  }



}



@media (min-width: 1200px) {



  .index-list.string-list li, .index-list_1.string-list li {



    height: 155px;



  }



}



.index-list.string-list li + li, .index-list_1.string-list li + li {



  margin-top: 0;



}



@media (min-width: 320px) and (max-width: 1119px) {



  .index-list.string-list li, .index-list_1.string-list li {



    width: 100%;



    margin-right: 0;



  }



  .index-list.string-list li + li, .index-list_1.string-list li + li {



    margin-top: 30px;



  }



}



@media (max-width: 480px) {



  .index-list.string-list li h4, .index-list_1.string-list li h4 {



    font-size: 18px;



    line-height: 23px;



  }



}



.index-list li:before, .index-list_1 li:before {



  counter-increment: myCounter;



  content: counter(myCounter,decimal-leading-zero);



  background: #B20000;



  display: inline-block;



  text-align: center;



  font-size: 40px;



  letter-spacing: -1px;



  margin: 5px 30px 0px 0px;



  line-height: 97px;



  width: 97px;



  height: 97px;



  float: left;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  position: relative;



  bottom: 5px;



}



@media (min-width: 320px) and (max-width: 800px) {



  .index-list li:before, .index-list_1 li:before {



    font-size: 20px;



    line-height: 50px;



    width: 50px;



    height: 50px;



  }



}



@media (min-width: 320px) and (max-width: 800px) {



  .index-list, .index-list_1 {



    margin-top: 30px;



  }



}







.index-list li + li {



  margin-top: 46px;



}







* + .terms-list {



  margin-top: 23px;



  margin-bottom: 29px;



}



* + .terms-list dt {



  font: 400 24px/40px "Montserrat", sans-serif;



}



* + .terms-list dt + dd {



  margin-top: 18px;



}



* + .terms-list dd + dt {



  margin-top: 33px;



}







* + .row {



  margin-top: px;



}







* + p {



  margin-top: px;



}







@media (min-width: 992px) {



  img + p {



    margin-top: -8px;



  }



}







* + .offset {



  margin-top: 31px;



}







* + .offset-1 {



  margin-top: 30px;



}







* + .offset-2 {



  margin-top: 30px;



}







* + .offset-3 {



  margin-top: 30px;



}







* + .offset-4 {



  margin-top: 25px;



}







* + .offset-5 {



  margin-top: 22px;



}







@media (max-width: 479px) {



  * + .offset-6 {



    margin-top: 60px;



  }



}







@media (max-width: 480px) {



  * + .offset-7 {



    margin-top: 30px;



  }



}







* + .offset-8 {



  margin-top: 20px;



}







* + .offset-9 {



  margin-top: 10px;



}







@media (min-width: 992px) and (max-width: 1199px) {



  .offset-10 {



    margin-bottom: -3px;



  }



}







.postfix-1 {



  margin-right: px;



}







.prefix-1 {



  margin-right: px;



}







.inset-1 {



  padding-bottom: 100px;



}







.inset-2 {



  padding: 100px 0 110px;



}







@media (min-width: 992px) {



  .inset-3 {



    padding-right: 10%;



  }



}







i + h4 {



  margin-left: 91px;



  line-height: 40px;



}







h4 + p {



  margin-top: 18px;



}







h3 + p {



  margin-top: 2px;



}







p + p {



  margin-top: 25px;



}







* + .btn-md {



  margin-top: 48px;



}







br.br-lg {



  display: none;



}



@media (min-width: 1200px) {



  br.br-lg {



    display: block;



  }



}







/*=======================================================



                        Components



=========================================================*/



/*==================  RD Parallax    ======================*/



.parallax {



  position: relative;



  overflow: hidden;



}



.parallax_image, .parallax_pattern {



  position: absolute;



  top: 0;



  left: 0;



  right: 0;



  height: 100%;



  background-position: center center;



  will-change: transform;



}



.parallax_image {



  background-repeat: no-repeat;



  -webkit-background-size: cover;



  background-size: cover;



}



.parallax_pattern {



  background-repeat: repeat;



}



.parallax_cnt {



  position: relative;



}







/*==================     Brand     ======================*/



.brand {



    display: inline-block;



    text-transform: uppercase;



    color: #477176;



}



.brand_name {



  overflow: hidden;



}







@media (max-width: 991px) {



  .brand h5 {



    font-size: 15px;



    line-height: 18px;



  }



  .brand_name {



    font-size: 35px;



    line-height: 38px;



  }



}



/*==================  Backgrounds  ======================*/



.bg-primary {



  background: #f7f7f7;



}







/*==================     Icons     ======================*/



.icon {



  text-align: center;



  overflow: hidden;



  font-family: "Material Icons";



  -moz-transition: 0.4s;



  -o-transition: 0.4s;



  -webkit-transition: 0.4s;



  transition: 0.4s;



}



.icon:before {



  display: inline-block;



}







.primary-icon {



  color: #B20000;



  display: inline-block;



  color: #B20000;



}



.primary-icon:hover {



  text-decoration: none;



}



.primary-icon:active {



  text-decoration: none;



}







.secondary-icon {



  color: #fff;



  background: #B20000;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



}







.icon-xs {



  font-size: 34px;



  line-height: 97px;



  display: inline-block;



  height: 97px;



  width: 97px;



  float: left;



  margin-right: 24px;



  position: relative;



  top: 10px;



}







.icon-sm {



  font-size: 40px;



  line-height: 40px;



}







.icon-md {



  font-size: 64px;



  line-height: 64px;



  float: left;



}







.icon-lg {



  font-size: 64px;



  line-height: 97px;



  display: inline-block;



  height: 97px;



  width: 97px;



  float: left;



  margin-right: 24px;



}







.icon-hover i {



  -moz-transform: rotate(0deg);



  -ms-transform: rotate(0deg);



  -o-transform: rotate(0deg);



  -webkit-transform: rotate(0deg);



  transform: rotate(0deg);



  -moz-transition: 0.8s;



  -o-transition: 0.8s;



  -webkit-transition: 0.8s;



  transition: 0.8s;



}



.icon-hover:hover i {



  font-size: 60px;



  -moz-transform: rotate(360deg);



  -ms-transform: rotate(360deg);



  -o-transform: rotate(360deg);



  -webkit-transform: rotate(360deg);



  transform: rotate(360deg);



}







.icon-hover_2 > div:hover i {



  -moz-transform: scale3d(1.15, 1.15, 1.15);



  -ms-transform: scale3d(1.15, 1.15, 1.15);



  -o-transform: scale3d(1.15, 1.15, 1.15);



  -webkit-transform: scale3d(1.15, 1.15, 1.15);



  transform: scale3d(1.15, 1.15, 1.15);



}







.icon-hover_3 li:before {



  -moz-transition: 0.4s;



  -o-transition: 0.4s;



  -webkit-transition: 0.4s;



  transition: 0.4s;



}



.icon-hover_3 li:hover:before {



  background: #272d33;



  -moz-transform: scale3d(1.05, 1.05, 1.05);



  -ms-transform: scale3d(1.05, 1.05, 1.05);



  -o-transform: scale3d(1.05, 1.05, 1.05);



  -webkit-transform: scale3d(1.05, 1.05, 1.05);



  transform: scale3d(1.05, 1.05, 1.05);



}







/*==================    Buttons    ======================*/



.btn {



  display: inline-block;



  text-align: center;



  font: 400 16px/16px "Montserrat", sans-serif;



  overflow: hidden;



  text-transform: uppercase;



  -webkit-border-radius: 50px;



  -moz-border-radius: 50px;



  border-radius: 50px;



  -moz-box-sizing: border-box;



  -webkit-box-sizing: border-box;



  box-sizing: border-box;



  -moz-transition: 0.4s;



  -o-transition: 0.4s;



  -webkit-transition: 0.4s;



  transition: 0.4s;



}



.btn:active {



  outline: none;



}







.btn_mf {



  -moz-transition: 0.4s;



  -o-transition: 0.4s;



  -webkit-transition: 0.4s;



  transition: 0.4s;



  -webkit-border-radius: 50px;



  -moz-border-radius: 50px;



  border-radius: 50px;



  text-align: center;



  font: 400 16px/16px "Montserrat", sans-serif;



}







.btn-default {



  color: #fff;



  background: #B20000;



}



.btn-default:hover {



  background: #272d33;



}







.btn-primary {



  color: #fff;



  background: #272d33;



}



.btn-primary:hover {



    background: #fff;



    color: #96C5CB;



}



.btn-primary:active {



  text-decoration: none;



}







.btn-sm {



  padding: 19px 47px 20px;



}







.btn-md {



  padding: 19px 61px 20px;



}







.btn-lg {



  padding: 19px 65px 20px;



}







/*==================      Box      ======================*/



.box:before, .box:after {



  display: table;



  content: "";



  line-height: 0;



}



.box:after {



  clear: both;



}



.box img {



  width: 100%;



  margin: 30px 0 40px;



}







.box-1:before, .box-1:after {



  display: table;



  content: "";



  line-height: 0;



}



.box-1:after {



  clear: both;



}



.box-1_aside {



  float: left;



}



.box-1_cnt__no-flow {



  overflow: hidden;



}







.flow-offset-1 > * + * {



  margin-top: 75px;



}



@media (min-width: 480px) {



  html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-child(n) {



    margin-top: 0;



  }



}



@media (min-width: 480px) {



  html:not(.lt-ie10) .flow-offset-1 > .col-xs-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-xs-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-xs-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-xs-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-xs-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-xs-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-xs-8.col-xs-preffix-2 {



    margin-top: 75px;



  }



}



@media (min-width: 768px) {



  html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-child(n) {



    margin-top: 0;



  }



}



@media (min-width: 768px) {



  html:not(.lt-ie10) .flow-offset-1 > .col-sm-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-sm-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-sm-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-sm-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-sm-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-sm-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-sm-8.col-sm-preffix-2 {



    margin-top: 75px;



  }



}



@media (min-width: 992px) {



  html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-child(n) {



    margin-top: 0;



  }



}



@media (min-width: 992px) {



  html:not(.lt-ie10) .flow-offset-1 > .col-md-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-md-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-md-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-md-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-md-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-md-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-md-8.col-md-preffix-2 {



    margin-top: 75px;



  }



}



@media (min-width: 1200px) {



  html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-5:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-7:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-9:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-10:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-11:nth-child(n), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-child(n) {



    margin-top: 0;



  }



}



@media (min-width: 1200px) {



  html:not(.lt-ie10) .flow-offset-1 > .col-lg-1:nth-child(n + 13), html:not(.lt-ie10) .flow-offset-1 > .col-lg-2:nth-child(n + 7), html:not(.lt-ie10) .flow-offset-1 > .col-lg-3:nth-child(n + 5), html:not(.lt-ie10) .flow-offset-1 > .col-lg-4:nth-child(n + 4), html:not(.lt-ie10) .flow-offset-1 > .col-lg-6:nth-child(n + 3), html:not(.lt-ie10) .flow-offset-1 > .col-lg-12:nth-child(n + 2), html:not(.lt-ie10) .flow-offset-1 > .col-lg-8.col-lg-preffix-2 {



    margin-top: 75px;



  }



}







/*========================   Menu   ==========================*/



.sf-menu {



  font: 100 16px/24px "Montserrat", sans-serif;



  text-transform: uppercase;



  display: inline-block;



}



.sf-menu:before, .sf-menu:after {



  display: table;



  content: "";



  line-height: 0;



}



.sf-menu:after {



  clear: both;



}



.sf-menu li {



  position: relative;



}







.sf-menu li.active a:before {



  width: 100%;



  background: #272d33;



}



.sf-menu > li {



  float: left;



}



.sf-menu > li + li {



  margin-left: 28px;



}



.sf-menu > li > a {



  color: #272d33;



  display: block;



}



.sf-menu > li > a:before {



  content: "";



  background: #FFF none repeat scroll 0% 0%;



  width: 0px;



  height: 11px;



  display: inline-block;



  position: absolute;



  bottom: -59px;



  left: 50%;



  transform: translateX(-50%);



  transition: all 0.3s ease 0s;



}



.sf-menu > li > a:hover:before {



  width: 100%;



  background: #272d33;



}



.sf-menu > li.sfHover > a, .sf-menu > li > a:hover {



  color: #B20000;



}



.sf-menu > li.active > a {



  color: #B20000;



}







@media (max-width: 1199px) {



  .sf-menu li + li {



    margin-left: 15px;



  }



}



@media (max-width: 1024px) {



  .sf-menu li a:before {



    display: none;



  }



}



@media (max-width: 991px) {



  .sf-menu {



    font-size: 12px;



    line-height: 18px;



  }



}



@media (max-width: 800px) {



  .sf-menu .active a:before, .sf-menu li a:hover:before {



    display: none;



  }



}



.sf-menu ul {



  display: none;



  position: absolute;



  top: 90%;



  left: 0;



  width: 235px;



  margin-top: 60px;



  padding: 10px 0 10px;



  background: #272d33;



  text-transform: none;



  z-index: 2;



  -moz-box-sizing: border-box;



  -webkit-box-sizing: border-box;



  box-sizing: border-box;



}



@media (max-width: 991px) {



  .sf-menu ul {



    top: 0;



  }



}







.sf-menu ul > li {



  margin: 9px 0 9px 15px;



}



.sf-menu ul > li > a {



  color: #fff;



}



.sf-menu ul > li.sfHover > a, .sf-menu ul > li > a:hover {



  color: #B20000;



}







.sf-menu ul ul {



  position: static;



  top: -31px;



  left: 102%;



  width: 180px;



  margin-top: 0;



  padding: 10px 0 10px 25px;



  z-index: 4;



}



@media (min-width: 992px) {



  .sf-menu ul ul {



    position: absolute;



    padding: 20px 0 24px;



  }



}







.sf-menu ul ul {



  background: #272d33;



}



.sf-menu ul ul > li > a {



  color: #FFF;



}



.sf-menu ul ul > li.sfHover > a, .sf-menu ul ul > li > a:hover {



  color: #B20000;



}







@media (max-width: 767px) {



  .sf-menu {



    display: none;



  }



}



/*==================   RD Mobile Menu    =====================*/



.rd-mobilemenu {



  display: none;



  position: fixed;



  top: 0;



  left: 0;



  bottom: 0;



  z-index: 9999999;



  text-align: left;



  -moz-transition: 0.3s all ease;



  -o-transition: 0.3s all ease;



  -webkit-transition: 0.3s all ease;



  transition: 0.3s all ease;



}



.rd-mobilemenu.active {



  right: 0;



}







.rd-mobilemenu_ul {



  position: fixed;



  top: -56px;



  left: 0;



  bottom: -56px;



  width: 240px;



  padding: 132px 0 76px;



  color: #666;



  background: #FFF;



  font-size: 14px;



  line-height: 20px;



  overflow: auto;



  -webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.14);



  -moz-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.14);



  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.14);



  -moz-transform: translateX(-240px);



  -ms-transform: translateX(-240px);



  -o-transform: translateX(-240px);



  -webkit-transform: translateX(-240px);



  transform: translateX(-240px);



  -moz-transition: 0.3s ease;



  -o-transition: 0.3s ease;



  -webkit-transition: 0.3s ease;



  transition: 0.3s ease;



  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);



  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);



  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);



  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);



}



.rd-mobilemenu.active .rd-mobilemenu_ul {



  -moz-transform: translateX(0);



  -ms-transform: translateX(0);



  -o-transform: translateX(0);



  -webkit-transform: translateX(0);



  transform: translateX(0);



}



.rd-mobilemenu_ul > li.active > a {



  background: #272d33;



  color: #FFF;



}



.rd-mobilemenu_ul a {



  display: block;



  padding: 14px 25px 16px;



  -moz-transition: 0.3s ease-out all;



  -o-transition: 0.3s ease-out all;



  -webkit-transition: 0.3s ease-out all;



  transition: 0.3s ease-out all;



}



.rd-mobilemenu_ul a.active {



  background: #272d33;



  color: #FFF;



}



.rd-mobilemenu_ul a:hover {



  background: #272d33;



  color: #FFF;



}



.rd-mobilemenu_ul a .rd-submenu-toggle {



  position: absolute;



  top: 50%;



  right: 11px;



  margin-top: -17.5px;



  width: 32px;



  height: 32px;



  font: 400 10px "FontAwesome";



  line-height: 32px;



  text-align: center;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



  border-radius: 50%;



  -moz-transition: 0.3s all ease;



  -o-transition: 0.3s all ease;



  -webkit-transition: 0.3s all ease;



  transition: 0.3s all ease;



  z-index: 1;



  background: rgba(0, 0, 0, 0.1);



}



.rd-mobilemenu_ul a .rd-submenu-toggle:after {



  content: '\f078';



}



.rd-mobilemenu_ul a .rd-submenu-toggle:hover {



  background: #FFF;



  color: #666;



}



.rd-mobilemenu_ul a.rd-with-ul {



  position: relative;



}



.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  -webkit-transform: rotate(180deg);



  transform: rotate(180deg);



}



.rd-mobilemenu_ul ul a {



  padding-left: 40px;



}



.rd-mobilemenu_ul ul ul a {



  padding-left: 60px;



}



.rd-mobilemenu_ul:after {



  content: '';



  display: block;



  height: 20px;



}







.rd-mobilepanel {



  display: none;



  position: fixed;



  top: 0;



  left: 0;



  right: 0;



  height: 56px;



  background: #FFF;



  color: #000;



  -webkit-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.14);



  -moz-box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.14);



  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.14);



  z-index: 99999991;



}







.rd-mobilepanel_title {



  position: fixed;



  top: 4px;



  left: 56px;



  right: 56px;



  color: #000;



  font-size: 24px;



  line-height: 48px;



  text-overflow: ellipsis;



  white-space: nowrap;



}







.rd-mobilepanel_toggle {



  position: fixed;



  top: 4px;



  left: 8px;



  width: 48px;



  height: 48px;



}



.rd-mobilepanel_toggle span {



  position: relative;



  display: block;



  margin: auto;



  -moz-transition: all 0.3s ease;



  -o-transition: all 0.3s ease;



  -webkit-transition: all 0.3s ease;



  transition: all 0.3s ease;



}



.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {



  content: "";



  position: absolute;



  left: 0;



  top: -8px;



  -moz-transition: all 0.3s ease;



  -o-transition: all 0.3s ease;



  -webkit-transition: all 0.3s ease;



  transition: all 0.3s ease;



}



.rd-mobilepanel_toggle span:after {



  top: 8px;



}



.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {



  width: 24px;



  height: 4px;



  background-color: #000;



  backface-visibility: hidden;



  -webkit-border-radius: 2px;



  -moz-border-radius: 2px;



  border-radius: 2px;



}



.rd-mobilepanel_toggle span {



  -moz-transform: rotate(180deg);



  -ms-transform: rotate(180deg);



  -o-transform: rotate(180deg);



  -webkit-transform: rotate(180deg);



  transform: rotate(180deg);



}



.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {



  -moz-transform-origin: 1.71429px center;



  -ms-transform-origin: 1.71429px center;



  -o-transform-origin: 1.71429px center;



  -webkit-transform-origin: 1.71429px center;



  transform-origin: 1.71429px center;



  -moz-transform-origin: 1.71429px center;



  -ms-transform-origin: 1.71429px center;



  -o-transform-origin: 1.71429px center;



  -webkit-transform-origin: 1.71429px center;



  transform-origin: 1.71429px center;



}



.rd-mobilepanel_toggle.active span {



  -moz-transform: rotate(360deg);



  -ms-transform: rotate(360deg);



  -o-transform: rotate(360deg);



  -webkit-transform: rotate(360deg);



  transform: rotate(360deg);



}



.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {



  top: 0;



  width: 15px;



}



.rd-mobilepanel_toggle.active span:before {



  -webkit-transform: rotate3d(0, 0, 1, -40deg);



  transform: rotate3d(0, 0, 1, -40deg);



}



.rd-mobilepanel_toggle.active span:after {



  -webkit-transform: rotate3d(0, 0, 1, 40deg);



  transform: rotate3d(0, 0, 1, 40deg);



}







@media (max-width: 767px) {



  body {



    padding-top: 56px;



  }







  .rd-mobilemenu, .rd-mobilepanel {



    display: block;



  }



}



@media (max-width: 359px) {



  .rd-mobilepanel_title {



    font-size: 18px;



  }



}



/*==================  Stuck menu  ======================*/



.stuck_container {



  padding: 30px 0px 29px;



}



@media (max-width: 991px) {



  .stuck_container {



    padding: 15px 0 !important;



  }



}







.isStuck {



  background: #fff;



  z-index: 999;



  border-opacity: 0.7;



  -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.14);



  -moz-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.14);



  box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.14);



}







#stuck_container.isStuck {



  padding: 0;



}



#stuck_container.isStuck * nav {



  padding: 27px 0px;



}



#stuck_container.isStuck * nav a:before {



  bottom: -30px;



}



#stuck_container.isStuck * nav > ul > li > ul {



  margin-top: 31px;



}







@media only screen and (max-width: 979px) {



  .isStuck {



    display: none !important;



  }



}



@media (max-width: 991px) {



  #stuck_container .row .col-sm-4 {



    margin: 0;



  }



}



@media (max-width: 767px) {



  #stuck_container {



    padding-bottom: 0;



  }



}



/*==================     ToTop     ======================*/



.toTop {



  width: 42px;



  height: 42px;



  font-size: 14px;



  line-height: 42px;



  color: #fff;



  background: #B20000;



  border-radius: 50%;



  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);



  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);



  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.4);



  position: fixed;



  right: 40px;



  bottom: 40px;



  display: none;



  overflow: hidden;



  text-align: center;



  text-decoration: none;



  z-index: 20;



}



.toTop:hover {



  color: #fff;



  background: #272d33;



  text-decoration: none;



  -webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);



  -moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);



  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);



}







@media (max-width: 767px) {



  .toTop {



    right: 7px;



    bottom: 70px;



  }



}



.mobile .toTop,



.tablet .toTop {



  display: none !important;



}







/*========================================================



                      Contact Form



=========================================================*/



/* MF



========================================================*/



.mailform {



  position: relative;



  text-align: left;



  margin-left: auto;



  margin-right: auto;



  margin-top: 8px;



}



.mailform .no-margin {



  margin-left: 0;



}



.mailform .text_area {



  width: 100%;



}



.mailform fieldset {



  border: none;



}



.mailform * {



  -moz-box-sizing: border-box;



  -webkit-box-sizing: border-box;



  box-sizing: border-box;



}







.mailform label {



  position: relative;



  display: block;



  width: 100%;



  float: left;



  margin-top: 22px;



}



.mailform label input, .mailform label select, .mailform label textarea {



  display: block;



  width: 100%;



  margin: 0;



  -webkit-appearance: none;



  outline: none;



  font-family: "Montserrat", sans-serif;



  font-size: 18px;



  line-height: 25px;



  color: #272d33;



  background: #fff;



  border: none;



  height: 50px;



  padding: 0 15px;



  -webkit-border-radius: 0px;



  -moz-border-radius: 0px;



  border-radius: 0px;



}



.mailform label input:-moz-placeholder, .mailform label select:-moz-placeholder, .mailform label textarea:-moz-placeholder {



  color: #272d33;



  opacity: 1;



}



.mailform label input::-webkit-input-placeholder, .mailform label select::-webkit-input-placeholder, .mailform label textarea::-webkit-input-placeholder {



  color: #272d33;



  opacity: 1;



}



.mailform label input::-moz-placeholder, .mailform label select::-moz-placeholder, .mailform label textarea::-moz-placeholder {



  color: #272d33;



  opacity: 1;



}



.mailform label input:-ms-input-placeholder, .mailform label select:-ms-input-placeholder, .mailform label textarea:-ms-input-placeholder {



  color: #272d33;



  opacity: 1;



}



.mailform label textarea {



  resize: vertical;



  min-height: 243px;



  overflow: auto;



  margin-bottom: 52px;



  padding: 15px;



}



@media (max-width: 1365px) {



  .mailform label {



    margin-top: 30px;



  }



}







@media (max-width: 1199px) {



  .mailform label {



    width: 100%;



  }



  .mailform label + label {



    margin-left: 0;



  }



}



@-ms-keyframes fout {



  0% {



    transform: scale(1) translateX(0);



  }



  100% {



    transform: scale(0) translateX(0);



  }



}



@-o-keyframes fout {



  0% {



    transform: scale(1) translateX(0);



  }



  100% {



    transform: scale(0) translateX(0);



  }



}



@-webkit-keyframes fout {



  0% {



    transform: scale(1) translateX(0);



  }



  100% {



    transform: scale(0) translateX(0);



  }



}



@-moz-keyframes fout {



  0% {



    transform: scale(1) translateX(0);



  }



  100% {



    transform: scale(0) translateX(0);



  }



}



@keyframes fout {



  0% {



    transform: scale(1) translateX(0);



  }



  100% {



    transform: scale(0) translateX(0);



  }



}



/* Mail Form PlaceHolder



========================================================*/



.mfPlaceHolder {



  cursor: text;



  position: absolute;



  left: 0;



  top: -3px;



  font: 400 16px/24px "Montserrat", sans-serif;



  padding: 15px 15px 15px 22px;



  line-height: 25px;



  color: #272d33;



  opacity: 1;



  -moz-transition: 0.3s all ease;



  -o-transition: 0.3s all ease;



  -webkit-transition: 0.3s all ease;



  transition: 0.3s all ease;



}



*:-webkit-autofill ~ .mfPlaceHolder {



  opacity: .4;



  -moz-transform: translateY(-70%);



  -ms-transform: translateY(-70%);



  -o-transform: translateY(-70%);



  -webkit-transform: translateY(-70%);



  transform: translateY(-70%);



}



.mfPlaceHolder.state-1 {



  opacity: .4;



  color: #fff;



  -moz-transform: translateY(-70%);



  -ms-transform: translateY(-70%);



  -o-transform: translateY(-70%);



  -webkit-transform: translateY(-70%);



  transform: translateY(-70%);



}







/* Mail Form Validation



  ========================================================*/



.mfValidation {



  -moz-transform-origin: 0% 50%;



  -ms-transform-origin: 0% 50%;



  -o-transform-origin: 0% 50%;



  -webkit-transform-origin: 0% 50%;



  transform-origin: 0% 50%;



  -moz-transition: 0.3s all ease;



  -o-transition: 0.3s all ease;



  -webkit-transition: 0.3s all ease;



  transition: 0.3s all ease;



  position: absolute;



  top: 3px;



  right: 5px;



  width: 140px;



  margin-top: -20px;



  margin-left: 10px;



  padding: 7px;



  height: 40px;



  font-weight: 300;



  font-size: 9px;



  line-height: 20px;



  color: #FF3B3B;



  opacity: 0;



  visibility: hidden;



  cursor: pointer;



  z-index: 998;



}



@media (min-width: 768px) {



  .mfValidation {



    top: 16px;



    right: 0;



  }



}



.mfValidation:hover:before {



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 4px 5px 4px 0;



  border-color: transparent #231634 transparent transparent;



}



.mfValidation.show {



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  -webkit-transform: scale(1);



  transform: scale(1);



  opacity: 1;



  visibility: visible;



  -webkit-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



  -moz-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



  -ms-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



  -o-animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



  animation: notifanim 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



}



.mfValidation.hide {



  -webkit-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



  -moz-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



  -ms-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



  -o-animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



  animation: notifanim-fo 0.4s cubic-bezier(0.55, 0, 0.1, 1) forwards;



}



.mfValidation.valid {



  opacity: 0;



  visibility: hidden;



}



@media (max-width: 767px) {



  .mfValidation {



    text-align: right;



    left: auto;



    bottom: 100%;



    right: 10px;



    background: none;



    padding: 0;



    margin: 0 0 3px;



    min-height: 0;



  }



  .mfValidation:before {



    display: none;



  }



  .mfValidation:hover {



    background: none;



    right: 5px;



  }



}







@-ms-keyframes notifanim-fo {



  0% {



    opacity: 1;



    visibility: visible;



    transform: scale(1);



  }



  20% {



    opacity: 1;



    transform: scale(1.1);



  }



  99% {



    visibility: hidden;



  }



  100% {



    visibility: hidden;



    transform: scale(0.3);



    opacity: 0;



  }



}



@-o-keyframes notifanim-fo {



  0% {



    opacity: 1;



    visibility: visible;



    transform: scale(1);



  }



  20% {



    opacity: 1;



    transform: scale(1.1);



  }



  99% {



    visibility: hidden;



  }



  100% {



    visibility: hidden;



    transform: scale(0.3);



    opacity: 0;



  }



}



@-webkit-keyframes notifanim-fo {



  0% {



    opacity: 1;



    visibility: visible;



    transform: scale(1);



  }



  20% {



    opacity: 1;



    transform: scale(1.1);



  }



  99% {



    visibility: hidden;



  }



  100% {



    visibility: hidden;



    transform: scale(0.3);



    opacity: 0;



  }



}



@-moz-keyframes notifanim-fo {



  0% {



    opacity: 1;



    visibility: visible;



    transform: scale(1);



  }



  20% {



    opacity: 1;



    transform: scale(1.1);



  }



  99% {



    visibility: hidden;



  }



  100% {



    visibility: hidden;



    transform: scale(0.3);



    opacity: 0;



  }



}



@keyframes notifanim-fo {



  0% {



    opacity: 1;



    visibility: visible;



    transform: scale(1);



  }



  20% {



    opacity: 1;



    transform: scale(1.1);



  }



  99% {



    visibility: hidden;



  }



  100% {



    visibility: hidden;



    transform: scale(0.3);



    opacity: 0;



  }



}



@-ms-keyframes notifanim {



  0% {



    opacity: 0;



    visibility: hidden;



    transform: scale(0.3);



  }



  1% {



    visibility: visible;



  }



  50% {



    transform: scale(1);



  }



  75% {



    transform: scale(0.9);



  }



  100% {



    transform: scale(1);



    opacity: 1;



  }



}



@-o-keyframes notifanim {



  0% {



    opacity: 0;



    visibility: hidden;



    transform: scale(0.3);



  }



  1% {



    visibility: visible;



  }



  50% {



    transform: scale(1);



  }



  75% {



    transform: scale(0.9);



  }



  100% {



    transform: scale(1);



    opacity: 1;



  }



}



@-webkit-keyframes notifanim {



  0% {



    opacity: 0;



    visibility: hidden;



    transform: scale(0.3);



  }



  1% {



    visibility: visible;



  }



  50% {



    transform: scale(1);



  }



  75% {



    transform: scale(0.9);



  }



  100% {



    transform: scale(1);



    opacity: 1;



  }



}



@-moz-keyframes notifanim {



  0% {



    opacity: 0;



    visibility: hidden;



    transform: scale(0.3);



  }



  1% {



    visibility: visible;



  }



  50% {



    transform: scale(1);



  }



  75% {



    transform: scale(0.9);



  }



  100% {



    transform: scale(1);



    opacity: 1;



  }



}



@keyframes notifanim {



  0% {



    opacity: 0;



    visibility: hidden;



    transform: scale(0.3);



  }



  1% {



    visibility: visible;



  }



  50% {



    transform: scale(1);



  }



  75% {



    transform: scale(0.9);



  }



  100% {



    transform: scale(1);



    opacity: 1;



  }



}



/* MF Controls



========================================================*/



.mfControls {



  margin-top: 0;



  word-spacing: 10px;



  text-align: center;



}



.mfControls > * {



  word-spacing: normal;



  margin-bottom: 5px;



}







/* Mail Form Submit



========================================================*/



.mfProgress {



  position: relative;



}



.mfProgress .cnt, .mfProgress .loader {



  -moz-transition: 0.4s all ease-in-out;



  -o-transition: 0.4s all ease-in-out;



  -webkit-transition: 0.4s all ease-in-out;



  transition: 0.4s all ease-in-out;



}



.mfProgress .loader {



  opacity: 0;



  text-align: center;



  letter-spacing: 10px;



  -moz-transform: scale(1.2);



  -ms-transform: scale(1.2);



  -o-transform: scale(1.2);



  -webkit-transform: scale(1.2);



  transform: scale(1.2);



}



.mfProgress .loader, .mfProgress .loader:before, .mfProgress .loader:after {



  position: absolute;



  left: 0;



  bottom: 0;



  top: 0;



  right: 0;



  margin: auto;



}



.mfProgress .loader:before {



  content: '';



  width: 20px;



  height: 20px;



  background-color: #fff;



  border-radius: 50%;



}



.mfProgress .loader:after {



  content: '';



  width: 30px;



  height: 30px;



  color: #fff;



  font: 400 30px "FontAwesome";



  line-height: inherit;



  top: 13px;



  -moz-transition: 0.4s all ease-in-out;



  -o-transition: 0.4s all ease-in-out;



  -webkit-transition: 0.4s all ease-in-out;



  transition: 0.4s all ease-in-out;



  -moz-transform: scale(0) rotate(-60deg);



  -ms-transform: scale(0) rotate(-60deg);



  -o-transform: scale(0) rotate(-60deg);



  -webkit-transform: scale(0) rotate(-60deg);



  transform: scale(0) rotate(-60deg);



}



.mfProgress.sending .cnt, .mfProgress.fail .cnt, .mfProgress.success .cnt {



  -moz-transform: scale(1.2);



  -ms-transform: scale(1.2);



  -o-transform: scale(1.2);



  -webkit-transform: scale(1.2);



  transform: scale(1.2);



  opacity: 0;



}



.mfProgress.sending .loader, .mfProgress.fail .loader, .mfProgress.success .loader {



  opacity: 1;



  -moz-transform: scale(1);



  -ms-transform: scale(1);



  -o-transform: scale(1);



  -webkit-transform: scale(1);



  transform: scale(1);



}



.mfProgress.fail .loader:before, .mfProgress.success .loader:before {



  -webkit-animation: fout 0.4s ease-in-out 1 forwards;



  -moz-animation: fout 0.4s ease-in-out 1 forwards;



  -ms-animation: fout 0.4s ease-in-out 1 forwards;



  -o-animation: fout 0.4s ease-in-out 1 forwards;



  animation: fout 0.4s ease-in-out 1 forwards;



}



.mfProgress.fail .loader:after, .mfProgress.success .loader:after {



  -moz-transform: scale(1) rotate(0deg);



  -ms-transform: scale(1) rotate(0deg);



  -o-transform: scale(1) rotate(0deg);



  -webkit-transform: scale(1) rotate(0deg);



  transform: scale(1) rotate(0deg);



}



.mfProgress.sending .loader:before {



  -webkit-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;



  -moz-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;



  -ms-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;



  -o-animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;



  animation: motion 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;



}



.mfProgress.fail .loader:after {



  content: '\f06a';



}



.mfProgress.success .loader:after {



  content: '\f058';



}







.mfProgress .msg {



  -moz-transform-origin: 0% 50%;



  -ms-transform-origin: 0% 50%;



  -o-transform-origin: 0% 50%;



  -webkit-transform-origin: 0% 50%;



  transform-origin: 0% 50%;



  -moz-transition: 0.3s all ease;



  -o-transition: 0.3s all ease;



  -webkit-transition: 0.3s all ease;



  transition: 0.3s all ease;



  -webkit-animation: notifanim-fo 0.4s ease-in-out forwards;



  -moz-animation: notifanim-fo 0.4s ease-in-out forwards;



  -ms-animation: notifanim-fo 0.4s ease-in-out forwards;



  -o-animation: notifanim-fo 0.4s ease-in-out forwards;



  animation: notifanim-fo 0.4s ease-in-out forwards;



  -moz-box-sizing: border-box;



  -webkit-box-sizing: border-box;



  box-sizing: border-box;



  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);



  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);



  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);



  position: absolute;



  padding: 10px;



  border-radius: 0px;



  font-size: 18px;



  line-height: 20px;



  opacity: 0;



  visibility: hidden;



  top: 100%;



  left: 50%;



  width: 230px;



  margin-left: -115px;



  margin-top: 20px;



  color: #fff;



  -moz-transform-origin: 50% 100%;



  -ms-transform-origin: 50% 100%;



  -o-transform-origin: 50% 100%;



  -webkit-transform-origin: 50% 100%;



  transform-origin: 50% 100%;



}



.mfProgress .msg:before {



  content: '';



  position: absolute;



  bottom: 100%;



  right: 50%;



  transform: translate(50%, 0%);



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 0 6px 6px 6px;



  border-color: transparent transparent #111 transparent;



  -moz-transition: 0.4s all ease-in-out;



  -o-transition: 0.4s all ease-in-out;



  -webkit-transition: 0.4s all ease-in-out;



  transition: 0.4s all ease-in-out;



}



.mfProgress.fail .msg, .mfProgress.success .msg {



  transform: scale(1);



  opacity: 1;



  visibility: visible;



  -webkit-animation: notifanim 0.4s ease-in-out forwards;



  -moz-animation: notifanim 0.4s ease-in-out forwards;



  -ms-animation: notifanim 0.4s ease-in-out forwards;



  -o-animation: notifanim 0.4s ease-in-out forwards;



  animation: notifanim 0.4s ease-in-out forwards;



}



.mfProgress.fail .msg {



  background: #F44336;



}



.mfProgress.fail .msg:before {



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 0 6px 6px 6px;



  border-color: transparent transparent #F44336 transparent;



}



.mfProgress.success .msg {



  background: #2E7D32;



}



.mfProgress.success .msg:before {



  width: 0;



  height: 0;



  border-style: solid;



  border-width: 0 6px 6px 6px;



  border-color: transparent transparent #2E7D32 transparent;



}







@-ms-keyframes motion {



  0% {



    transform: translateX(0) scale(1);



  }



  25% {



    transform: translateX(-50px) scale(0.3);



  }



  50% {



    transform: translateX(0) scale(1);



  }



  75% {



    transform: translateX(50px) scale(0.3);



  }



  100% {



    transform: translateX(0) scale(1);



  }



}



@-o-keyframes motion {



  0% {



    transform: translateX(0) scale(1);



  }



  25% {



    transform: translateX(-50px) scale(0.3);



  }



  50% {



    transform: translateX(0) scale(1);



  }



  75% {



    transform: translateX(50px) scale(0.3);



  }



  100% {



    transform: translateX(0) scale(1);



  }



}



@-webkit-keyframes motion {



  0% {



    transform: translateX(0) scale(1);



  }



  25% {



    transform: translateX(-50px) scale(0.3);



  }



  50% {



    transform: translateX(0) scale(1);



  }



  75% {



    transform: translateX(50px) scale(0.3);



  }



  100% {



    transform: translateX(0) scale(1);



  }



}



@-moz-keyframes motion {



  0% {



    transform: translateX(0) scale(1);



  }



  25% {



    transform: translateX(-50px) scale(0.3);



  }



  50% {



    transform: translateX(0) scale(1);



  }



  75% {



    transform: translateX(50px) scale(0.3);



  }



  100% {



    transform: translateX(0) scale(1);



  }



}



@keyframes motion {



  0% {



    transform: translateX(0) scale(1);



  }



  25% {



    transform: translateX(-50px) scale(0.3);



  }



  50% {



    transform: translateX(0) scale(1);



  }



  75% {



    transform: translateX(50px) scale(0.3);



  }



  100% {



    transform: translateX(0) scale(1);



  }



}



/*========================================================



                     HEADER  Section



=========================================================*/



header .nav {



  float: right;



  padding: 27px 0px;



}



@media (min-width: 320px) and (max-width: 767px) {



  header {



    text-align: center;



  }



  header .brand, header .nav {



    float: none;



  }



  header .nav {



    display: none;



  }



}







.ios .nav,



.iphone .nav,



.mobile .nav,



.tablet .nav {



  padding: 0;



}







/*========================================================



                     CONTENT  Section



=========================================================*/



main {



  display: block;



}







.thin {



  font-weight: 100;



}







.light {



  font-weight: 300;



}







.regular {



  font-weight: 400;



}







.medium {



  font-weight: 500;



}







.sbold {



  font-weight: 600;



}







.bold {



  font-weight: 700;



}







.ubold {



  font-weight: 900;



}







.center_text {



  text-align: center;



}







.text-left {



  text-align: left;



}







/*



* @subsection   Text Alignment



*/



.text-left {



  text-align: left;



}







.text-center {



  text-align: center;



}







.text-right {



  text-align: right;



}







@media (min-width: 480px) {



  html:not(.lt-ie10) .text-xs-left {



    text-align: left;



  }



  html:not(.lt-ie10) .text-xs-center {



    text-align: center;



  }



  html:not(.lt-ie10) .text-xs-right {



    text-align: right;



  }



}



@media (min-width: 768px) {



  html:not(.lt-ie10) .text-sm-left {



    text-align: left;



  }



  html:not(.lt-ie10) .text-sm-center {



    text-align: center;



  }



  html:not(.lt-ie10) .text-sm-right {



    text-align: right;



  }



}



@media (min-width: 992px) {



  html:not(.lt-ie10) .text-md-left {



    text-align: left;



  }



  html:not(.lt-ie10) .text-md-center {



    text-align: center;



  }



  html:not(.lt-ie10) .text-md-right {



    text-align: right;



  }



}



@media (min-width: 1200px) {



  html:not(.lt-ie10) .text-lg-left {



    text-align: left;



  }



  html:not(.lt-ie10) .text-lg-center {



    text-align: center;



  }



  html:not(.lt-ie10) .text-lg-right {



    text-align: right;



  }



}







.primary_color {



    color: #3A4344;



}







.secondary_color {



    color: #1500D3;



}







.product {



  position: relative;



  width: 100%;



  height: 369px;



  display: block;



  overflow: hidden;



}



.product:hover {



  -webkit-box-shadow: 4px 5px 15px 0 rgba(0, 0, 0, 0.1);



  -moz-box-shadow: 4px 5px 15px 0 rgba(0, 0, 0, 0.1);



  box-shadow: 4px 5px 15px 0 rgba(0, 0, 0, 0.1);



}



.product_cont {



  display: block;



  position: absolute;



  bottom: 0;



  width: 100%;



  padding: 20px 20px 20px 30px;



  background: rgba(39, 45, 51, 0.7);



  -moz-transition: all 0.7s ease;



  -o-transition: all 0.7s ease;



  -webkit-transition: all 0.7s ease;



  transition: all 0.7s ease;



}



.product_cont:hover {



    background: rgba(211, 213, 213, 0.95);



}



.product_cont:hover h3 {



  color: #B20000;



}



.product_cont:hover p {



  color: #272d33;



}



.product_cont i {



  position: absolute;



  right: 5px;



  top: 50%;



  -moz-transform: translateY(-50%);



  -ms-transform: translateY(-50%);



  -o-transform: translateY(-50%);



  -webkit-transform: translateY(-50%);



  transform: translateY(-50%);



}



@media (min-width: 320px) and (max-width: 768px) {



  .product_cont i {



    display: none;



  }



}







.pr-img-01 {



    background: url(../images/home-cancello-carpenteria-metallica.jpg) no-repeat 0 0;



}







.pr-img-02 {



    background: url(../images/home-struttura-metallica-capannone.jfif) no-repeat 0 0;



}







.pr-img-03 {



    background: url(../images/home-macchinario-carpenteria-meccanica.JPG) no-repeat 0 0;



}







.pr-img-04 {



    background: url(../images/home-rivestimento-facciate-capannone.jpg) no-repeat 0 0;



}







.pr-img-05 {



    background: url(../images/home-infissi-serramenti-alluminio.jpeg) no-repeat 0 0;



}







.pr-img-06 {



    background: url(../images/home-strutture-pubblicitarie-led.JPG) no-repeat 0 0;



}







.pr-img-07 {



  background: url(../images/page-04_img_03.jpg) no-repeat 0 0;



}







.pr-img-08 {



  background: url(../images/page-04_img_04.jpg) no-repeat 0 0;



}







.pr-img-09 {



  background: url(../images/page-04_img_05.jpg) no-repeat 0 0;



}







.pr-img-10 {



  background: url(../images/page-04_img_06.jpg) no-repeat 0 0;



}







blockquote {



  position: relative;



  margin-top: 50px;



}



blockquote span {



  font-size: 190px;



  position: relative;



  top: 35px;



  margin-right: 3px;



}



blockquote h4 + p {



  margin-top: 5px;



}



blockquote * + .cite {



  position: relative;



  top: 35px;



}



@media (min-width: 320px) and (max-width: 1200px) {



  blockquote {



    margin-top: 70px;



  }



  blockquote span {



    margin-right: 10px;



    top: 25px;



  }



  blockquote * + .cite {



    top: 15px;



  }



}







.blog-post p {



  margin: 0;



}



.blog-post h4 {



  margin: 30px 0 4px;



}







.privacy:hover {



  text-decoration: underline;



}







/*==================      Well     ======================*/



.well-1 {



  padding-top: 55px;



  padding-bottom: 55px;



}



@media (min-width: 768px) {



  .well-1 {



    padding-top: 100px;



    padding-bottom: 100px;



  }



}







.well-2 {



  padding-top: 55px;



  padding-bottom: 55px;



}



@media (min-width: 768px) {



  .well-2 {



    padding-top: 80px;



    padding-bottom: 85px;



  }



}







.well-3 {



  padding-top: 55px;



  padding-bottom: 55px;



}



@media (min-width: 768px) {



  .well-3 {



    padding-top: 80px;



    padding-bottom: 100px;



  }



}







.well-4 {



  padding-top: 55px;



  padding-bottom: 55px;



}



@media (min-width: 768px) {



  .well-4 {



    padding-top: 95px;



    padding-bottom: 100px;



  }



}







.well-5 {



  padding-top: 55px;



  padding-bottom: 55px;



}



@media (min-width: 768px) {



  .well-5 {



    padding-top: 85px;



    padding-bottom: 135px;



  }



}







.well-6 {



  padding-top: 55px;



  padding-bottom: 55px;



}



@media (min-width: 768px) {



  .well-6 {



    padding-top: 80px;



    padding-bottom: 65px;



  }



}







/*========================================================



                     FOOTER  Styles



=========================================================*/



footer {



  padding-bottom: 25px;



  -webkit-background-size: cover;



  background-size: cover;



  background: #F1F5F9;



}



footer h3 + p {



  margin-top: 11px;



}



footer .footer-cnt {



  padding-top: 23px;



}



footer .rights {



  color: #B20000;



}



footer .rights:hover {



  text-decoration: underline;



}



footer .rights:active {



  text-decoration: underline;



}







.footer-ins {



  padding-top: 78px;



}







.copyright {



  font-size: 14px;



}