/* If you want to add your own CSS code, please do it in this file */
.main-title{
	color:#FAAC19;
	font-size: 26px;
	font-weight:600;
	line-height: 1.4;
    	letter-spacing: 0.02em;
    	text-align: center;
	text-transform:uppercase;
}


.main-title-2{
	color:#FFF;
	font-size: 26px;
	font-weight:600;
	line-height: 1.4;
    letter-spacing: 0.02em;
	text-transform:uppercase;
}





.border {
  display: inline-block;
  border: 2px solid #FFF;
  width: 100%;
  z-index: 99;
  position: relative;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.inset{
    width: 100%;
    padding: 50px 1px 10px;
}

.prefix-1 {
	color: #fff;
    font-family: "Montserrat",sans-serif !important;
    font-weight: bold;
	font-size: 1.5rem;
    letter-spacing: 0;
    padding: 8px 12px;
    text-transform: uppercase;

}


.home-mid-text{color:#fff;}


.big-text {
    font-family: "Montserrat", sans-serif;
	color:#fff !important;
    font-size: 13rem;
    letter-spacing: -0.08em;
    line-height: 130px;
}


@media (min-width: 320px){
.big-text {
    font-size: 200px;
}
}


@media (min-width: 480px){
.big-text {
    font-size: 220px;
}
}

.service .hover_box_wrapper{
	width:100%;
	margin-left:-30px;
}

h3.service{
	font-family: "Montserrat", sans-serif;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.03em;
}

h2.about-header{
	font-family: "Montserrat",sans-serif;
    font-size: 5rem;
    letter-spacing: -0.03em;
}

.block-container{
	margin-left:6em;
}

@media (max-width: 479px) {
  .block-container {
    margin:5em 0 0;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .block-container {
    margin:5em 0 0;
  }
}

.section-header{
	float:left;
}

.vertical {
	text-transform:uppercase;
	position:absolute;
	top:-5px;
	font-size: 32px;
	font-weight:600;
	letter-spacing: 0.2em;
}

.vertical-2 {
	color:#FCB11E;
	text-transform:uppercase;
	position:absolute;
	top:-5px;
	font-size: 26px;
	font-weight:600;
	letter-spacing: 0.4em;
}

@media (max-width: 479px) {
  .vertical,  .vertical-2{
    font-size: 19px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .vertical, .vertical-2 {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .vertical, .vertical-2 {
    white-space: nowrap;
    margin-bottom: 0;
    -moz-transform: rotate(90deg) translate(51%, 20px);
    -ms-transform: rotate(90deg) translate(51%, 20px);
    -o-transform: rotate(90deg) translate(51%, 20px);
    -webkit-transform: rotate(90deg) translate(51%, 20px);
    transform: rotate(90deg) translate(51%, 20px);
  }
}
@media (min-width: 1270px) {
  .vertical, .vertical-2 {
    -moz-transform: rotate(90deg) translate(51%, 110px);
    -ms-transform: rotate(90deg) translate(51%, 110px);
    -o-transform: rotate(90deg) translate(51%, 110px);
    -webkit-transform: rotate(90deg) translate(51%, 110px);
    transform: rotate(90deg) translate(51%, 110px);
  }
}


.animation-closeIn {
  position: relative;
}
.animation-closeIn .wrap {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.animation-closeIn:hover {
  color: #FFF;
}

.animation-closeIn:before,
.animation-closeIn:after,
.animation-closeIn .wrap:before,
.animation-closeIn .wrap:after {
  content: '';
  position: absolute;
  background: #FFF;
}

.animation-closeIn:before,
.animation-closeIn:after {
  height: 0;
  width: 5px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.animation-closeIn:before {
  left: -2px;
  top: -2px;
}

.animation-closeIn:after {
  right: -2px;
  bottom: -2px;
}

.animation-closeIn .wrap:before,
.animation-closeIn .wrap:after {
  width: 0;
  height: 5px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.animation-closeIn .wrap:before {
  top: -2px;
  left: -2px;
}

.animation-closeIn .wrap:after {
  bottom: -2px;
  right: -2px;
}

.animation-closeIn:hover:after,
.animation-closeIn:hover:before {
  height: calc(100% + 4px);
}

.animation-closeIn:hover .wrap:before,
.animation-closeIn:hover .wrap:after {
  width: calc(100% + 4px);
}

@media (min-width: 1870px) {
  .animation-closeIn:hover:after,
  .animation-closeIn:hover:before {
    height: calc(100% + 54px);
  }

  .animation-closeIn:hover .wrap:before,
  .animation-closeIn:hover .wrap:after {
    width: calc(100% + 54px);
  }
}

.lt-ie11 .animation-closeIn:hover .wrap:before,
.lt-ie11 .animation-closeIn:hover .wrap:after {
  width: 0%;
}
.lt-ie11 .animation-closeIn {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.lt-ie11 .animation-closeIn:hover {
  border-color: #fff;
}



.list_item .list_left{
	color:#FCB11E !important;
}



.footer-logo{
	padding-top:50px;
	float:right;
	margin-right:50px;
}