/************************************************************************
FONTS
************************************************************************/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');

@font-face {
	font-family: 'pixzl-icons';
	src: url('../fonts/pixzl-icons.eot?87478085');
	src: url('../fonts/pixzl-icons.eot?87478085#iefix') format('embedded-opentype'), url('../fonts/pixzl-icons.woff2?87478085') format('woff2'), url('../fonts/pixzl-icons.woff?87478085') format('woff'), url('../fonts/pixzl-icons.ttf?87478085') format('truetype'), url('../fonts/pixzl-icons.svg?87478085#pixzl-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "pixzl-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
	content: '\e800';
}

.icon-comment:before {
	content: '\e801';
}

.icon-chat:before {
	content: '\e802';
}

.icon-star-empty:before {
	content: '\e803';
}

.icon-star:before {
	content: '\e804';
}

.icon-heart-empty:before {
	content: '\e805';
}

.icon-heart:before {
	content: '\e806';
}

.icon-mail:before {
	content: '\e807';
}

.icon-search:before {
	content: '\e808';
}

.icon-picture:before {
	content: '\e809';
}

.icon-video:before {
	content: '\e80a';
}

.icon-ok:before {
	content: '\e80b';
}

.icon-plus:before {
	content: '\e80c';
}

.icon-minus:before {
	content: '\e80d';
}

.icon-tags:before {
	content: '\e80e';
}

.icon-tag:before {
	content: '\e80f';
}

.icon-bookmark:before {
	content: '\e810';
}

.icon-thumbs-up:before {
	content: '\e811';
}

.icon-thumbs-down:before {
	content: '\e812';
}

.icon-download:before {
	content: '\e813';
}

.icon-forward:before {
	content: '\e814';
}

.icon-doc:before {
	content: '\e815';
}

.icon-attention:before {
	content: '\e816';
}

.icon-location:before {
	content: '\e817';
}

.icon-calendar:before {
	content: '\e818';
}

.icon-resize-full:before {
	content: '\e819';
}

.icon-resize-small:before {
	content: '\e81a';
}

.icon-ccw:before {
	content: '\e81b';
}

.icon-cw:before {
	content: '\e81c';
}

.icon-bookmark-empty:before {
	content: '\f097';
}

.icon-twitter:before {
	content: '\f099';
}

.icon-facebook:before {
	content: '\f09a';
}

.icon-github-circled:before {
	content: '\f09b';
}

.icon-mail-alt:before {
	content: '\f0e0';
}

.icon-linkedin:before {
	content: '\f0e1';
}

.icon-comment-empty:before {
	content: '\f0e5';
}

.icon-chat-empty:before {
	content: '\f0e6';
}

.icon-angle-left:before {
	content: '\f104';
}

.icon-angle-right:before {
	content: '\f105';
}

.icon-angle-up:before {
	content: '\f106';
}

.icon-angle-down:before {
	content: '\f107';
}

.icon-desktop:before {
	content: '\f108';
}

.icon-laptop:before {
	content: '\f109';
}

.icon-tablet:before {
	content: '\f10a';
}

.icon-mobile:before {
	content: '\f10b';
}

.icon-terminal:before {
	content: '\f120';
}

.icon-code:before {
	content: '\f121';
}

.icon-direction:before {
	content: '\f124';
}

.icon-calendar-empty:before {
	content: '\f133';
}

.icon-thumbs-up-alt:before {
	content: '\f164';
}

.icon-thumbs-down-alt:before {
	content: '\f165';
}

.icon-xing:before {
	content: '\f168';
}

.icon-xing-squared:before {
	content: '\f169';
}

.icon-youtube-play:before {
	content: '\f16a';
}

.icon-instagram:before {
	content: '\f16d';
}

.icon-apple:before {
	content: '\f179';
}

.icon-windows:before {
	content: '\f17a';
}

.icon-android:before {
	content: '\f17b';
}

.icon-dribbble:before {
	content: '\f17d';
}

.icon-skype:before {
	content: '\f17e';
}

.icon-google:before {
	content: '\f1a0';
}

.icon-behance:before {
	content: '\f1b4';
}

.icon-behance-squared:before {
	content: '\f1b5';
}

.icon-file-pdf:before {
	content: '\f1c1';
}

.icon-file-word:before {
	content: '\f1c2';
}

.icon-file-excel:before {
	content: '\f1c3';
}

.icon-file-powerpoint:before {
	content: '\f1c4';
}

.icon-file-image:before {
	content: '\f1c5';
}

.icon-file-archive:before {
	content: '\f1c6';
}

.icon-file-audio:before {
	content: '\f1c7';
}

.icon-file-video:before {
	content: '\f1c8';
}

.icon-file-code:before {
	content: '\f1c9';
}

.icon-paypal:before {
	content: '\f1ed';
}

.icon-facebook-official:before {
	content: '\f230';
}

.icon-whatsapp:before {
	content: '\f232';
}

.icon-safari:before {
	content: '\f267';
}

.icon-chrome:before {
	content: '\f268';
}

.icon-firefox:before {
	content: '\f269';
}

.icon-opera:before {
	content: '\f26a';
}

.icon-internet-explorer:before {
	content: '\f26b';
}

.icon-television:before {
	content: '\f26c';
}

.icon-amazon:before {
	content: '\f270';
}

.icon-edge:before {
	content: '\f282';
}

.icon-snapchat-ghost:before {
	content: '\f2ac';
}

.icon-snapchat-square:before {
	content: '\f2ad';
}

.icon-envelope-open:before {
	content: '\f2b6';
}

.icon-envelope-open-o:before {
	content: '\f2b7';
}

.icon-address-card:before {
	content: '\f2bb';
}

.icon-address-card-o:before {
	content: '\f2bc';
}

.icon-github-squared:before {
	content: '\f300';
}

.icon-twitter-squared:before {
	content: '\f304';
}

.icon-facebook-squared:before {
	content: '\f308';
}




/************************************************************************
BASIC
************************************************************************/


html {
  position: relative;
  min-height: 100%
}

body {
  background-color: #000;
  letter-spacing: -.021em;
  line-height: 1.7em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFF;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;

}

.col-centered {
  float: none;
  margin: 0 auto;
}



h1 {
  font-size: 5rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 52px;
}


h3 {
    font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 44px;
}

h4 {
    font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1.71px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1.71px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

a {
  color: #DA0F47;
}
.btn-pixzl-light {
  background-color: transparent;
  border: 1px solid #FFF;
  color: #FFF;
  border-radius: 2px;
  padding: 7px 20px;
}

.btn-pixzl-light:hover {
  background-color: #FFF;
  border: 1px solid #FFF;
  color: #222;
  border-radius: 2px;
}

.btn-pixzl-dark {
  background: #101010;
  color: #fff;
  border: none;
  -webkit-box-shadow: 0 20px 20px rgba(24, 28, 36, .2);
  box-shadow: 0 20px 20px rgba(24, 28, 36, .2);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  width: max-content;
  padding: 12px 30px;
margin-bottom: 10px;
border-radius: 2px;
letter-spacing: .2px;

}

.btn-pixzl-dark:hover {
	background: #2a2a2a;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);


  color: #fff;
  border: none;
  -webkit-box-shadow: 0 20px 20px rgba(24, 28, 36, .2);
  box-shadow: 0 20px 20px rgba(24, 28, 36, .2);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  width: max-content;
  padding: 12px 30px;
margin-bottom: 10px;
border-radius: 2px;
}


.container {
  max-width: 1400px;
}
/************************************************************************
HEADER
************************************************************************/


.carousel {
	background-color: #000;
	margin-bottom: -60px;
}

.carousel-inner {
	height: 100vh;
}

.carousel-inner>.item.active,
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right {
	height: 100vh;
}

.carousel-caption {
	color: #fff;
	text-align: left;
	text-shadow: none;
	bottom: 330px;
}

.carousel-img {
	display: block !important;
	width: 100vw;
	height: 100vh !important;
	object-fit: cover;
	opacity: .1;
}

.carousel-caption h1 {
	margin: 0px;
}

.carousel-caption h6 {
	margin-bottom: 30px;
}


/************************************************************************
ABOUT
************************************************************************/

.about-container {
  position: relative;
  overflow: hidden;
  padding: 150px 0;
  background-color: #1a1a1a;
}

.about-container h5 {
  color: #222;
  margin-bottom: 5px;
}

.about-container h2 {
  color: #222;
}

.about-container p {
  color: #222;
}

.about-container h4 {
  color: #222;
  margin-bottom: 30px;
}


.about-service-box {
  background-color: #FFF;
  padding: 30px;
  margin-top: 50px;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease-in-out;
}

.about-container .nav {
  display: inline;
}


/************************************************************************
NEWS
************************************************************************/

.news-container {
  position: relative;
  overflow: hidden;
  padding: 150px 0;
  background-color: #F1F2F4;
}

.news-container h5 {
  color: #222;
  margin-bottom: 5px;
}

.news-container h2 {
  color: #222;
    margin-bottom: 30px;
}

.newsbox {
width: 100%;
height: 470px;
overflow: hidden;
cursor: pointer;
background: #1A1A1A;
  transition: all 0.3s;
}

.newsbox:hover {
  box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.04), -10px 0 20px 0px rgba(0,0,0,0.04);
}

.newsbox img {
  width: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.newsbox:hover img {
    transform: scale(1.05);
opacity: .75;
}

.newsbox-content {
  width: calc(100% - 30px);
  padding: 30px;
  background-color: #FFF;
  position: absolute;
  bottom: 0px;
  border-bottom: 1px solid #e3e3e3;
  z-index: 1;
}

.newsbox-content h6 {
  color: #DA0F47;
  margin-bottom: 5px;
}

.newsbox-content h5 {
  color: #222;
}
.newsbox-content p {
  color: #666;
  font-size: 12px;
  margin: 0px;
}

.news-more {
  margin-top: 50px;
  text-align: center;
}

/************************************************************************
FOOTER
************************************************************************/
.contact-container {
	position: relative;
	padding: 100px 0;
	background-color: #FFF;

  background-position: top center;
  background-size: cover;
	overflow: hidden;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(../images/contact.jpg);


}

.contact-container h2 {
  color: #222;

}

.contact-container h5 {
  margin-bottom: 5px;
  color: #222;
}

.contact-container p {
  color: #222;
}



input {
	padding: 10px 15px;
	width: 100%;
	margin-bottom: 10px;
	background-color: #000000d1;
	border: 1px solid #3a3a3a;
	border-radius: 2px;
	color: #FFF;
	font-size: 1rem;
  line-height: 1.7em;
}

input::placeholder {
	color: #FFF5;
}

textarea {
	padding: 15px;
	width: 100%;
	margin-bottom: 15px;
	background-color: #000000d1;
	border: 1px solid #3a3a3a;
	border-radius: 2px;
	color: #FFF;
  height: 250px;
  font-size: 1rem;
  line-height: 1.7em;
}

textarea::placeholder {
	color: #FFF5;
}

input[type=checkbox],
input[type=radio] {
	margin: 5px 0 0;
	margin-top: 1px\9;
	line-height: normal;
	position: absolute;
}

input:focus,
button:focus,
textarea:focus {
	outline: none;
}

.col-centered {
	float: none;
	margin: 0 auto;
}

.submit-button {
	background: #101010;
	color: #fff;
	border: none;
	-webkit-box-shadow: 0 20px 20px rgba(24, 28, 36, .2);
	box-shadow: 0 20px 20px rgba(24, 28, 36, .2);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	width: max-content;
	  padding: 12px 30px;
    line-height: 1.7em;
    cursor: pointer;
      font-family: 'Montserrat', sans-serif;
}

.submit-button:hover {
	background: #2a2a2a;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.contact-form {
	margin-top: 25px;
}

.contact-policy-checkbox {
	margin: 15px 0;
}

.contact-policy-checkbox p {
	font-size: 12px;
	font-weight: 400;
	padding-left: 30px;
	line-height: 25px;
      margin-top: -18px;
      margin-bottom: 40px;
}

.contact-form-left {
	padding-left: 5px;
}

.contact-form-right {
	padding-right: 5px;
}

.contact-note {
	font-size: 12px;
	margin-top: 50px;
}

.contact-container label {

    color: #000;
}
/************************************************************************
FOOTER
************************************************************************/

.footer-container {
	position: relative;
	padding: 100px 0;
	background-color: #0a0a0a;
	overflow: hidden;
}

.footer-container h5 {
	color: #000;
}

.footer-container p {
	font-size: 14px;
}

.footer-container a {
	font-size: 14px;
  color: #000;

}

.footer-logo {
      width: 175px;
      margin-bottom: 30px;
}
.icon-space-right {
	margin-right: 10px;
	color: #858c91;
}

.footer-container ul {
	padding: 0px;
	list-style-type: none;
	font-size: 14px;
	margin-left: 0px;
}

.footer-social-ul {
	display: inline-flex;
	margin-top: 15px;
}

.footer-social-ul i {
	font-size: 24px !important;
	margin-right: 10px;
}

.footer p {
	color: #000 !important;
}

.footer a {
	color: #000 !important;
}


div#wpcf7-f115-p6-o1 {
	width: 100%
}

input {
	width: 100%;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #46b450;
}