/*!

Theme Name: Unitech

Theme URI: http://underscores.me/

Author: inLIFE

Author URI: https://inlife.co.uk

Description: Description

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: unitech

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Unitech is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/

/*--------------------------------------------------------------

# Grid setup

--------------------------------------------------------------*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");

.text-left {

  text-align: left;

}



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

  .text-left\@mobile {

    text-align: left;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .text-left\@tablet {

    text-align: left;

  }

}

.text-center {

  text-align: center;

}



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

  .text-center\@mobile {

    text-align: center;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .text-center\@tablet {

    text-align: center;

  }

}

.text-right {

  text-align: right;

}



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

  .text-right\@mobile {

    text-align: right;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .text-right\@tablet {

    text-align: right;

  }

}

.container:after {

  content: "";

  display: table;

  clear: both;

}



.row:before, .row-reverse:before, .row:after, .row-reverse:after {

  content: "";

  display: table;

}

.row:after, .row-reverse:after {

  clear: both;

}

.row, .row-reverse {

  zoom: 1;

}



.gr-0, .gr-1, .gr-2, .gr-3, .gr-4, .gr-5, .gr-6, .gr-7, .gr-8, .gr-9, .gr-10, .gr-11, .gr-12 {

  display: inline-block;

  min-height: 1px;

  float: left;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  vertical-align: top;

  padding-right: 10px;

  padding-left: 10px;

}



.gr-adapt {

  display: table-cell;

  width: 1px;

  white-space: nowrap !important;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  font-size: 1rem;

  padding-right: 10px;

  padding-left: 10px;

}



.gr-grow {

  display: table-cell;

  width: 99999px;

  white-space: nowrap;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  font-size: 1rem;

  padding-right: 10px;

  padding-left: 10px;

}



.push-0, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {

  position: relative;

}



.pull-0, .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {

  position: relative;

}



.nowrap {

  white-space: nowrap;

}

.nowrap > * {

  white-space: normal;

}



.wrap {

  white-space: normal;

}



.gr-centered {

  display: block !important;

  float: none !important;

  margin-left: auto !important;

  margin-right: auto !important;

  clear: both !important;

}



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

  .container\@mobile:after {

    content: "";

    display: table;

    clear: both;

  }

}

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

  .row\@mobile:before, .row-reverse\@mobile:before, .row\@mobile:after, .row-reverse\@mobile:after {

    content: "";

    display: table;

  }

  .row\@mobile:after, .row-reverse\@mobile:after {

    clear: both;

  }

  .row\@mobile, .row-reverse\@mobile {

    zoom: 1;

  }

}

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

  .gr-0\@mobile, .gr-1\@mobile, .gr-2\@mobile, .gr-3\@mobile, .gr-4\@mobile, .gr-5\@mobile, .gr-6\@mobile, .gr-7\@mobile, .gr-8\@mobile, .gr-9\@mobile, .gr-10\@mobile, .gr-11\@mobile, .gr-12\@mobile {

    display: inline-block;

    min-height: 1px;

    float: left;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    vertical-align: top;

    padding-right: 10px;

    padding-left: 10px;

  }

}

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

  .gr-adapt\@mobile {

    display: table-cell;

    width: 1px;

    white-space: nowrap !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 1rem;

    padding-right: 10px;

    padding-left: 10px;

  }

}

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

  .gr-grow\@mobile {

    display: table-cell;

    width: 99999px;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 1rem;

    padding-right: 10px;

    padding-left: 10px;

  }

}

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

  .push-0\@mobile, .push-1\@mobile, .push-2\@mobile, .push-3\@mobile, .push-4\@mobile, .push-5\@mobile, .push-6\@mobile, .push-7\@mobile, .push-8\@mobile, .push-9\@mobile, .push-10\@mobile, .push-11\@mobile, .push-12\@mobile {

    position: relative;

  }

}

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

  .pull-0\@mobile, .pull-1\@mobile, .pull-2\@mobile, .pull-3\@mobile, .pull-4\@mobile, .pull-5\@mobile, .pull-6\@mobile, .pull-7\@mobile, .pull-8\@mobile, .pull-9\@mobile, .pull-10\@mobile, .pull-11\@mobile, .pull-12\@mobile {

    position: relative;

  }

}

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

  .nowrap\@mobile {

    white-space: nowrap;

  }

  .nowrap\@mobile > * {

    white-space: normal;

  }

}

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

  .wrap\@mobile {

    white-space: normal;

  }

}

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

  .gr-centered\@mobile {

    display: block !important;

    float: none !important;

    margin-left: auto !important;

    margin-right: auto !important;

    clear: both !important;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .container\@tablet:after {

    content: "";

    display: table;

    clear: both;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .row\@tablet:before, .row-reverse\@tablet:before, .row\@tablet:after, .row-reverse\@tablet:after {

    content: "";

    display: table;

  }

  .row\@tablet:after, .row-reverse\@tablet:after {

    clear: both;

  }

  .row\@tablet, .row-reverse\@tablet {

    zoom: 1;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .gr-0\@tablet, .gr-1\@tablet, .gr-2\@tablet, .gr-3\@tablet, .gr-4\@tablet, .gr-5\@tablet, .gr-6\@tablet, .gr-7\@tablet, .gr-8\@tablet, .gr-9\@tablet, .gr-10\@tablet, .gr-11\@tablet, .gr-12\@tablet {

    display: inline-block;

    min-height: 1px;

    float: left;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    vertical-align: top;

    padding-right: 10px;

    padding-left: 10px;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .gr-adapt\@tablet {

    display: table-cell;

    width: 1px;

    white-space: nowrap !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 1rem;

    padding-right: 10px;

    padding-left: 10px;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .gr-grow\@tablet {

    display: table-cell;

    width: 99999px;

    white-space: nowrap;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 1rem;

    padding-right: 10px;

    padding-left: 10px;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .push-0\@tablet, .push-1\@tablet, .push-2\@tablet, .push-3\@tablet, .push-4\@tablet, .push-5\@tablet, .push-6\@tablet, .push-7\@tablet, .push-8\@tablet, .push-9\@tablet, .push-10\@tablet, .push-11\@tablet, .push-12\@tablet {

    position: relative;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .pull-0\@tablet, .pull-1\@tablet, .pull-2\@tablet, .pull-3\@tablet, .pull-4\@tablet, .pull-5\@tablet, .pull-6\@tablet, .pull-7\@tablet, .pull-8\@tablet, .pull-9\@tablet, .pull-10\@tablet, .pull-11\@tablet, .pull-12\@tablet {

    position: relative;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .nowrap\@tablet {

    white-space: nowrap;

  }

  .nowrap\@tablet > * {

    white-space: normal;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .wrap\@tablet {

    white-space: normal;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .gr-centered\@tablet {

    display: block !important;

    float: none !important;

    margin-left: auto !important;

    margin-right: auto !important;

    clear: both !important;

  }

}

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

  @-ms-viewport {

    width: device-width;

  }

}

#gridle-settings {

  content: '{ "version" : "2.0.46", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "480px", "query" : "screen and (max-width: 480px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : "481px", "max-width" : "1024px", "query" : "screen and (min-width: 481px) and (max-width: 1024px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }} }';

}



.gr-0 {

  width: 0%;

}



.push-0 {

  left: 0%;

  right: auto;

}



.pull-0 {

  right: 0%;

  left: auto;

}



.prefix-0 {

  margin-left: 0%;

}



.suffix-0 {

  margin-right: 0%;

}



.gr-1 {

  width: 8.33333%;

}



.push-1 {

  left: 8.33333%;

  right: auto;

}



.pull-1 {

  right: 8.33333%;

  left: auto;

}



.prefix-1 {

  margin-left: 8.33333%;

}



.suffix-1 {

  margin-right: 8.33333%;

}



.gr-2 {

  width: 16.66667%;

}



.push-2 {

  left: 16.66667%;

  right: auto;

}



.pull-2 {

  right: 16.66667%;

  left: auto;

}



.prefix-2 {

  margin-left: 16.66667%;

}



.suffix-2 {

  margin-right: 16.66667%;

}



.gr-3 {

  width: 25%;

}



.push-3 {

  left: 25%;

  right: auto;

}



.pull-3 {

  right: 25%;

  left: auto;

}



.prefix-3 {

  margin-left: 25%;

}



.suffix-3 {

  margin-right: 25%;

}



.gr-4 {

  width: 33.33333%;

}



.push-4 {

  left: 33.33333%;

  right: auto;

}



.pull-4 {

  right: 33.33333%;

  left: auto;

}



.prefix-4 {

  margin-left: 33.33333%;

}



.suffix-4 {

  margin-right: 33.33333%;

}



.gr-5 {

  width: 41.66667%;

}



.push-5 {

  left: 41.66667%;

  right: auto;

}



.pull-5 {

  right: 41.66667%;

  left: auto;

}



.prefix-5 {

  margin-left: 41.66667%;

}



.suffix-5 {

  margin-right: 41.66667%;

}



.gr-6 {

  width: 50%;

}



.push-6 {

  left: 50%;

  right: auto;

}



.pull-6 {

  right: 50%;

  left: auto;

}



.prefix-6 {

  margin-left: 50%;

}



.suffix-6 {

  margin-right: 50%;

}



.gr-7 {

  width: 58.33333%;

}



.push-7 {

  left: 58.33333%;

  right: auto;

}



.pull-7 {

  right: 58.33333%;

  left: auto;

}



.prefix-7 {

  margin-left: 58.33333%;

}



.suffix-7 {

  margin-right: 58.33333%;

}



.gr-8 {

  width: 66.66667%;

}



.push-8 {

  left: 66.66667%;

  right: auto;

}



.pull-8 {

  right: 66.66667%;

  left: auto;

}



.prefix-8 {

  margin-left: 66.66667%;

}



.suffix-8 {

  margin-right: 66.66667%;

}



.gr-9 {

  width: 75%;

}



.push-9 {

  left: 75%;

  right: auto;

}



.pull-9 {

  right: 75%;

  left: auto;

}



.prefix-9 {

  margin-left: 75%;

}



.suffix-9 {

  margin-right: 75%;

}



.gr-10 {

  width: 83.33333%;

}



.push-10 {

  left: 83.33333%;

  right: auto;

}



.pull-10 {

  right: 83.33333%;

  left: auto;

}



.prefix-10 {

  margin-left: 83.33333%;

}



.suffix-10 {

  margin-right: 83.33333%;

}



.gr-11 {

  width: 91.66667%;

}



.push-11 {

  left: 91.66667%;

  right: auto;

}



.pull-11 {

  right: 91.66667%;

  left: auto;

}



.prefix-11 {

  margin-left: 91.66667%;

}



.suffix-11 {

  margin-right: 91.66667%;

}



.gr-12 {

  width: 100%;

}



.push-12 {

  left: 100%;

  right: auto;

}



.pull-12 {

  right: 100%;

  left: auto;

}



.prefix-12 {

  margin-left: 100%;

}



.suffix-12 {

  margin-right: 100%;

}



.float-left {

  float: left;

}



.float-right {

  float: right;

}



.clear {

  clear: both;

}



.clear-left {

  clear: left;

}



.clear-right {

  clear: right;

}



.no-gutter {

  padding-top: 0;

  padding-right: 0;

  padding-bottom: 0;

  padding-left: 0;

}



.no-gutter-left {

  padding-left: 0;

}



.no-gutter-right {

  padding-right: 0;

}



.no-gutter-top {

  padding-top: 0;

}



.no-gutter-bottom {

  padding-bottom: 0;

}



.gutter {

  padding-right: 10px;

  padding-left: 10px;

}



.gutter-left {

  padding-left: 10px;

}



.gutter-right {

  padding-right: 10px;

}



.auto-height {

  height: inherit;

}



.row {

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: -10px;

  margin-right: -10px;

}

[class*="no-gutter"] > .row {

  margin-left: 0 !important;

  margin-right: 0 !important;

}



.row-reverse {

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: -10px;

  margin-right: -10px;

  transform: rotateY(180deg);

}

.row-reverse > [class*="gr-"] {

  transform: rotateY(-180deg);

}

[class*="no-gutter"] > .row-reverse {

  margin-left: 0 !important;

  margin-right: 0 !important;

}



.row-full {

  width: 100vw;

  margin-left: 50% !important;

  margin-right: 0 !important;

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

  -moz-transition: translateX(-50%);

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

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

  transform: translateX(-50%);

}



.col {

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: -10px;

  margin-right: -10px;

}



.col-reverse {

  padding-left: 0 !important;

  padding-right: 0 !important;

  margin-left: -10px;

  margin-right: -10px;

  transform: rotateX(180deg);

}

.col-reverse > [class*="gr-"] {

  transform: rotateX(-180deg);

}



.gr-table {

  display: table-cell;

  float: none;

  vertical-align: top;

}



.row-align-left {

  font-size: 0;

  clear: both;

  text-align: left;

}

.row-align-left > * {

  float: none !important;

  vertical-align: bottom;

  font-size: 1rem;

}

@-moz-document url-prefix() {

  .row-align-left > * {

    margin-right: -0.5px;

  }

}

.row-align-center {

  font-size: 0;

  clear: both;

  text-align: center;

}

.row-align-center > * {

  float: none !important;

  vertical-align: bottom;

  font-size: 1rem;

}

@-moz-document url-prefix() {

  .row-align-center > * {

    margin-right: -0.5px;

  }

}

.row-align-center > * {

  text-align: left;

}



.row-align-right {

  font-size: 0;

  clear: both;

  text-align: right;

}

.row-align-right > * {

  float: none !important;

  vertical-align: bottom;

  font-size: 1rem;

}

@-moz-document url-prefix() {

  .row-align-right > * {

    margin-right: -0.5px;

  }

}

.row-align-right > * {

  text-align: left;

}



.row-align-middle {

  font-size: 0;

  clear: both;

  vertical-align: middle;

}

.row-align-middle > * {

  float: none !important;

  vertical-align: middle;

  font-size: 1rem;

}

@-moz-document url-prefix() {

  .row-align-middle > * {

    margin-right: -0.5px;

  }

}

.row-align-top {

  font-size: 0;

  clear: both;

  vertical-align: top;

}

.row-align-top > * {

  float: none !important;

  vertical-align: top;

  font-size: 1rem;

}

@-moz-document url-prefix() {

  .row-align-top > * {

    margin-right: -0.5px;

  }

}

.row-align-bottom {

  font-size: 0;

  clear: both;

  vertical-align: bottom;

}

.row-align-bottom > * {

  float: none !important;

  vertical-align: bottom;

  font-size: 1rem;

}

@-moz-document url-prefix() {

  .row-align-bottom > * {

    margin-right: -0.5px;

  }

}

.hide {

  display: none;

}



.not-visible {

  visibility: hidden;

}



.show {

  display: block;

}



.show-inline {

  display: inline-block;

}



.visible {

  visibility: visible;

}



.row-debug {

  position: relative;

  z-index: 99999;

  overflow: hidden;

}

.row-debug:before {

  pointer-events: none;

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 99999px;

  background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);

  background-size: 16.66667% 100%;

  z-index: 99999;

}



body {

  direction: ltr;

}



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

  .gr-0\@mobile {

    width: 0%;

  }



  .push-0\@mobile {

    left: 0%;

    right: auto;

  }



  .pull-0\@mobile {

    right: 0%;

    left: auto;

  }



  .prefix-0\@mobile {

    margin-left: 0%;

  }



  .suffix-0\@mobile {

    margin-right: 0%;

  }



  .gr-1\@mobile {

    width: 8.33333%;

  }



  .push-1\@mobile {

    left: 8.33333%;

    right: auto;

  }



  .pull-1\@mobile {

    right: 8.33333%;

    left: auto;

  }



  .prefix-1\@mobile {

    margin-left: 8.33333%;

  }



  .suffix-1\@mobile {

    margin-right: 8.33333%;

  }



  .gr-2\@mobile {

    width: 16.66667%;

  }



  .push-2\@mobile {

    left: 16.66667%;

    right: auto;

  }



  .pull-2\@mobile {

    right: 16.66667%;

    left: auto;

  }



  .prefix-2\@mobile {

    margin-left: 16.66667%;

  }



  .suffix-2\@mobile {

    margin-right: 16.66667%;

  }



  .gr-3\@mobile {

    width: 25%;

  }



  .push-3\@mobile {

    left: 25%;

    right: auto;

  }



  .pull-3\@mobile {

    right: 25%;

    left: auto;

  }



  .prefix-3\@mobile {

    margin-left: 25%;

  }



  .suffix-3\@mobile {

    margin-right: 25%;

  }



  .gr-4\@mobile {

    width: 33.33333%;

  }



  .push-4\@mobile {

    left: 33.33333%;

    right: auto;

  }



  .pull-4\@mobile {

    right: 33.33333%;

    left: auto;

  }



  .prefix-4\@mobile {

    margin-left: 33.33333%;

  }



  .suffix-4\@mobile {

    margin-right: 33.33333%;

  }



  .gr-5\@mobile {

    width: 41.66667%;

  }



  .push-5\@mobile {

    left: 41.66667%;

    right: auto;

  }



  .pull-5\@mobile {

    right: 41.66667%;

    left: auto;

  }



  .prefix-5\@mobile {

    margin-left: 41.66667%;

  }



  .suffix-5\@mobile {

    margin-right: 41.66667%;

  }



  .gr-6\@mobile {

    width: 50%;

  }



  .push-6\@mobile {

    left: 50%;

    right: auto;

  }



  .pull-6\@mobile {

    right: 50%;

    left: auto;

  }



  .prefix-6\@mobile {

    margin-left: 50%;

  }



  .suffix-6\@mobile {

    margin-right: 50%;

  }



  .gr-7\@mobile {

    width: 58.33333%;

  }



  .push-7\@mobile {

    left: 58.33333%;

    right: auto;

  }



  .pull-7\@mobile {

    right: 58.33333%;

    left: auto;

  }



  .prefix-7\@mobile {

    margin-left: 58.33333%;

  }



  .suffix-7\@mobile {

    margin-right: 58.33333%;

  }



  .gr-8\@mobile {

    width: 66.66667%;

  }



  .push-8\@mobile {

    left: 66.66667%;

    right: auto;

  }



  .pull-8\@mobile {

    right: 66.66667%;

    left: auto;

  }



  .prefix-8\@mobile {

    margin-left: 66.66667%;

  }



  .suffix-8\@mobile {

    margin-right: 66.66667%;

  }



  .gr-9\@mobile {

    width: 75%;

  }



  .push-9\@mobile {

    left: 75%;

    right: auto;

  }



  .pull-9\@mobile {

    right: 75%;

    left: auto;

  }



  .prefix-9\@mobile {

    margin-left: 75%;

  }



  .suffix-9\@mobile {

    margin-right: 75%;

  }



  .gr-10\@mobile {

    width: 83.33333%;

  }



  .push-10\@mobile {

    left: 83.33333%;

    right: auto;

  }



  .pull-10\@mobile {

    right: 83.33333%;

    left: auto;

  }



  .prefix-10\@mobile {

    margin-left: 83.33333%;

  }



  .suffix-10\@mobile {

    margin-right: 83.33333%;

  }



  .gr-11\@mobile {

    width: 91.66667%;

  }



  .push-11\@mobile {

    left: 91.66667%;

    right: auto;

  }



  .pull-11\@mobile {

    right: 91.66667%;

    left: auto;

  }



  .prefix-11\@mobile {

    margin-left: 91.66667%;

  }



  .suffix-11\@mobile {

    margin-right: 91.66667%;

  }



  .gr-12\@mobile {

    width: 100%;

  }



  .push-12\@mobile {

    left: 100%;

    right: auto;

  }



  .pull-12\@mobile {

    right: 100%;

    left: auto;

  }



  .prefix-12\@mobile {

    margin-left: 100%;

  }



  .suffix-12\@mobile {

    margin-right: 100%;

  }



  .float-left\@mobile {

    float: left;

  }



  .float-right\@mobile {

    float: right;

  }



  .clear\@mobile {

    clear: both;

  }



  .clear-left\@mobile {

    clear: left;

  }



  .clear-right\@mobile {

    clear: right;

  }



  .no-gutter\@mobile {

    padding-top: 0;

    padding-right: 0;

    padding-bottom: 0;

    padding-left: 0;

  }



  .no-gutter-left\@mobile {

    padding-left: 0;

  }



  .no-gutter-right\@mobile {

    padding-right: 0;

  }



  .no-gutter-top\@mobile {

    padding-top: 0;

  }



  .no-gutter-bottom\@mobile {

    padding-bottom: 0;

  }



  .gutter\@mobile {

    padding-right: 10px;

    padding-left: 10px;

  }



  .gutter-left\@mobile {

    padding-left: 10px;

  }



  .gutter-right\@mobile {

    padding-right: 10px;

  }



  .auto-height\@mobile {

    height: inherit;

  }



  .row\@mobile {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: -10px;

    margin-right: -10px;

  }

  [class*="no-gutter"] > .row\@mobile {

    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .row-reverse\@mobile {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: -10px;

    margin-right: -10px;

    transform: rotateY(180deg);

  }

  .row-reverse\@mobile > [class*="gr-"] {

    transform: rotateY(-180deg);

  }

  [class*="no-gutter"] > .row-reverse\@mobile {

    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .row-full\@mobile {

    width: 100vw;

    margin-left: 50% !important;

    margin-right: 0 !important;

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

    -moz-transition: translateX(-50%);

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

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

    transform: translateX(-50%);

  }



  .col\@mobile {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: -10px;

    margin-right: -10px;

  }



  .col-reverse\@mobile {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: -10px;

    margin-right: -10px;

    transform: rotateX(180deg);

  }

  .col-reverse\@mobile > [class*="gr-"] {

    transform: rotateX(-180deg);

  }



  .gr-table\@mobile {

    display: table-cell;

    float: none;

    vertical-align: top;

  }



  .row-align-left\@mobile {

    font-size: 0;

    clear: both;

    text-align: left;

  }

  .row-align-left\@mobile > * {

    float: none !important;

    vertical-align: bottom;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-left\@mobile > * {

      margin-right: -0.5px;

    }

  }

  .row-align-center\@mobile {

    font-size: 0;

    clear: both;

    text-align: center;

  }

  .row-align-center\@mobile > * {

    float: none !important;

    vertical-align: bottom;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-center\@mobile > * {

      margin-right: -0.5px;

    }

  }

  .row-align-center\@mobile > * {

    text-align: left;

  }



  .row-align-right\@mobile {

    font-size: 0;

    clear: both;

    text-align: right;

  }

  .row-align-right\@mobile > * {

    float: none !important;

    vertical-align: bottom;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-right\@mobile > * {

      margin-right: -0.5px;

    }

  }

  .row-align-right\@mobile > * {

    text-align: left;

  }



  .row-align-middle\@mobile {

    font-size: 0;

    clear: both;

    vertical-align: middle;

  }

  .row-align-middle\@mobile > * {

    float: none !important;

    vertical-align: middle;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-middle\@mobile > * {

      margin-right: -0.5px;

    }

  }

  .row-align-top\@mobile {

    font-size: 0;

    clear: both;

    vertical-align: top;

  }

  .row-align-top\@mobile > * {

    float: none !important;

    vertical-align: top;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-top\@mobile > * {

      margin-right: -0.5px;

    }

  }

  .row-align-bottom\@mobile {

    font-size: 0;

    clear: both;

    vertical-align: bottom;

  }

  .row-align-bottom\@mobile > * {

    float: none !important;

    vertical-align: bottom;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-bottom\@mobile > * {

      margin-right: -0.5px;

    }

  }

  .hide\@mobile {

    display: none;

  }



  .not-visible\@mobile {

    visibility: hidden;

  }



  .show\@mobile {

    display: block;

  }



  .show-inline\@mobile {

    display: inline-block;

  }



  .visible\@mobile {

    visibility: visible;

  }



  .row-debug\@mobile {

    position: relative;

    z-index: 99999;

    overflow: hidden;

  }

  .row-debug\@mobile:before {

    pointer-events: none;

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 99999px;

    background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);

    background-size: 16.66667% 100%;

    z-index: 99999;

  }



  body {

    direction: ltr;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  .gr-0\@tablet {

    width: 0%;

  }



  .push-0\@tablet {

    left: 0%;

    right: auto;

  }



  .pull-0\@tablet {

    right: 0%;

    left: auto;

  }



  .prefix-0\@tablet {

    margin-left: 0%;

  }



  .suffix-0\@tablet {

    margin-right: 0%;

  }



  .gr-1\@tablet {

    width: 8.33333%;

  }



  .push-1\@tablet {

    left: 8.33333%;

    right: auto;

  }



  .pull-1\@tablet {

    right: 8.33333%;

    left: auto;

  }



  .prefix-1\@tablet {

    margin-left: 8.33333%;

  }



  .suffix-1\@tablet {

    margin-right: 8.33333%;

  }



  .gr-2\@tablet {

    width: 16.66667%;

  }



  .push-2\@tablet {

    left: 16.66667%;

    right: auto;

  }



  .pull-2\@tablet {

    right: 16.66667%;

    left: auto;

  }



  .prefix-2\@tablet {

    margin-left: 16.66667%;

  }



  .suffix-2\@tablet {

    margin-right: 16.66667%;

  }



  .gr-3\@tablet {

    width: 25%;

  }



  .push-3\@tablet {

    left: 25%;

    right: auto;

  }



  .pull-3\@tablet {

    right: 25%;

    left: auto;

  }



  .prefix-3\@tablet {

    margin-left: 25%;

  }



  .suffix-3\@tablet {

    margin-right: 25%;

  }



  .gr-4\@tablet {

    width: 33.33333%;

  }



  .push-4\@tablet {

    left: 33.33333%;

    right: auto;

  }



  .pull-4\@tablet {

    right: 33.33333%;

    left: auto;

  }



  .prefix-4\@tablet {

    margin-left: 33.33333%;

  }



  .suffix-4\@tablet {

    margin-right: 33.33333%;

  }



  .gr-5\@tablet {

    width: 41.66667%;

  }



  .push-5\@tablet {

    left: 41.66667%;

    right: auto;

  }



  .pull-5\@tablet {

    right: 41.66667%;

    left: auto;

  }



  .prefix-5\@tablet {

    margin-left: 41.66667%;

  }



  .suffix-5\@tablet {

    margin-right: 41.66667%;

  }



  .gr-6\@tablet {

    width: 50%;

  }



  .push-6\@tablet {

    left: 50%;

    right: auto;

  }



  .pull-6\@tablet {

    right: 50%;

    left: auto;

  }



  .prefix-6\@tablet {

    margin-left: 50%;

  }



  .suffix-6\@tablet {

    margin-right: 50%;

  }



  .gr-7\@tablet {

    width: 58.33333%;

  }



  .push-7\@tablet {

    left: 58.33333%;

    right: auto;

  }



  .pull-7\@tablet {

    right: 58.33333%;

    left: auto;

  }



  .prefix-7\@tablet {

    margin-left: 58.33333%;

  }



  .suffix-7\@tablet {

    margin-right: 58.33333%;

  }



  .gr-8\@tablet {

    width: 66.66667%;

  }



  .push-8\@tablet {

    left: 66.66667%;

    right: auto;

  }



  .pull-8\@tablet {

    right: 66.66667%;

    left: auto;

  }



  .prefix-8\@tablet {

    margin-left: 66.66667%;

  }



  .suffix-8\@tablet {

    margin-right: 66.66667%;

  }



  .gr-9\@tablet {

    width: 75%;

  }



  .push-9\@tablet {

    left: 75%;

    right: auto;

  }



  .pull-9\@tablet {

    right: 75%;

    left: auto;

  }



  .prefix-9\@tablet {

    margin-left: 75%;

  }



  .suffix-9\@tablet {

    margin-right: 75%;

  }



  .gr-10\@tablet {

    width: 83.33333%;

  }



  .push-10\@tablet {

    left: 83.33333%;

    right: auto;

  }



  .pull-10\@tablet {

    right: 83.33333%;

    left: auto;

  }



  .prefix-10\@tablet {

    margin-left: 83.33333%;

  }



  .suffix-10\@tablet {

    margin-right: 83.33333%;

  }



  .gr-11\@tablet {

    width: 91.66667%;

  }



  .push-11\@tablet {

    left: 91.66667%;

    right: auto;

  }



  .pull-11\@tablet {

    right: 91.66667%;

    left: auto;

  }



  .prefix-11\@tablet {

    margin-left: 91.66667%;

  }



  .suffix-11\@tablet {

    margin-right: 91.66667%;

  }



  .gr-12\@tablet {

    width: 100%;

  }



  .push-12\@tablet {

    left: 100%;

    right: auto;

  }



  .pull-12\@tablet {

    right: 100%;

    left: auto;

  }



  .prefix-12\@tablet {

    margin-left: 100%;

  }



  .suffix-12\@tablet {

    margin-right: 100%;

  }



  .float-left\@tablet {

    float: left;

  }



  .float-right\@tablet {

    float: right;

  }



  .clear\@tablet {

    clear: both;

  }



  .clear-left\@tablet {

    clear: left;

  }



  .clear-right\@tablet {

    clear: right;

  }



  .no-gutter\@tablet {

    padding-top: 0;

    padding-right: 0;

    padding-bottom: 0;

    padding-left: 0;

  }



  .no-gutter-left\@tablet {

    padding-left: 0;

  }



  .no-gutter-right\@tablet {

    padding-right: 0;

  }



  .no-gutter-top\@tablet {

    padding-top: 0;

  }



  .no-gutter-bottom\@tablet {

    padding-bottom: 0;

  }



  .gutter\@tablet {

    padding-right: 10px;

    padding-left: 10px;

  }



  .gutter-left\@tablet {

    padding-left: 10px;

  }



  .gutter-right\@tablet {

    padding-right: 10px;

  }



  .auto-height\@tablet {

    height: inherit;

  }



  .row\@tablet {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: -10px;

    margin-right: -10px;

  }

  [class*="no-gutter"] > .row\@tablet {

    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .row-reverse\@tablet {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: -10px;

    margin-right: -10px;

    transform: rotateY(180deg);

  }

  .row-reverse\@tablet > [class*="gr-"] {

    transform: rotateY(-180deg);

  }

  [class*="no-gutter"] > .row-reverse\@tablet {

    margin-left: 0 !important;

    margin-right: 0 !important;

  }



  .row-full\@tablet {

    width: 100vw;

    margin-left: 50% !important;

    margin-right: 0 !important;

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

    -moz-transition: translateX(-50%);

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

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

    transform: translateX(-50%);

  }



  .col\@tablet {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: -10px;

    margin-right: -10px;

  }



  .col-reverse\@tablet {

    padding-left: 0 !important;

    padding-right: 0 !important;

    margin-left: -10px;

    margin-right: -10px;

    transform: rotateX(180deg);

  }

  .col-reverse\@tablet > [class*="gr-"] {

    transform: rotateX(-180deg);

  }



  .gr-table\@tablet {

    display: table-cell;

    float: none;

    vertical-align: top;

  }



  .row-align-left\@tablet {

    font-size: 0;

    clear: both;

    text-align: left;

  }

  .row-align-left\@tablet > * {

    float: none !important;

    vertical-align: bottom;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-left\@tablet > * {

      margin-right: -0.5px;

    }

  }

  .row-align-center\@tablet {

    font-size: 0;

    clear: both;

    text-align: center;

  }

  .row-align-center\@tablet > * {

    float: none !important;

    vertical-align: bottom;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-center\@tablet > * {

      margin-right: -0.5px;

    }

  }

  .row-align-center\@tablet > * {

    text-align: left;

  }



  .row-align-right\@tablet {

    font-size: 0;

    clear: both;

    text-align: right;

  }

  .row-align-right\@tablet > * {

    float: none !important;

    vertical-align: bottom;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-right\@tablet > * {

      margin-right: -0.5px;

    }

  }

  .row-align-right\@tablet > * {

    text-align: left;

  }



  .row-align-middle\@tablet {

    font-size: 0;

    clear: both;

    vertical-align: middle;

  }

  .row-align-middle\@tablet > * {

    float: none !important;

    vertical-align: middle;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-middle\@tablet > * {

      margin-right: -0.5px;

    }

  }

  .row-align-top\@tablet {

    font-size: 0;

    clear: both;

    vertical-align: top;

  }

  .row-align-top\@tablet > * {

    float: none !important;

    vertical-align: top;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-top\@tablet > * {

      margin-right: -0.5px;

    }

  }

  .row-align-bottom\@tablet {

    font-size: 0;

    clear: both;

    vertical-align: bottom;

  }

  .row-align-bottom\@tablet > * {

    float: none !important;

    vertical-align: bottom;

    font-size: 1rem;

  }

  @-moz-document url-prefix() {

    .row-align-bottom\@tablet > * {

      margin-right: -0.5px;

    }

  }

  .hide\@tablet {

    display: none;

  }



  .not-visible\@tablet {

    visibility: hidden;

  }



  .show\@tablet {

    display: block;

  }



  .show-inline\@tablet {

    display: inline-block;

  }



  .visible\@tablet {

    visibility: visible;

  }



  .row-debug\@tablet {

    position: relative;

    z-index: 99999;

    overflow: hidden;

  }

  .row-debug\@tablet:before {

    pointer-events: none;

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 99999px;

    background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);

    background-size: 16.66667% 100%;

    z-index: 99999;

  }



  body {

    direction: ltr;

  }

}

[class*="gr-"] > [class^="row"],

[class*="gr-"] > [class^="col"] {

  margin-left: -10px;

  margin-right: -10px;

}



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

  [class*="gr-"] > [class^="row"],

  [class*="gr-"] > [class^="col"] {

    margin-left: -10px;

    margin-right: -10px;

  }

}

@media screen and (min-width: 481px) and (max-width: 1024px) {

  [class*="gr-"] > [class^="row"],

  [class*="gr-"] > [class^="col"] {

    margin-left: -10px;

    margin-right: -10px;

  }

}

/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/

html {

  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

}



body {

  margin: 0;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

menu,

nav,

section,

summary {

  display: block;

}



audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



[hidden],

template {

  display: none;

}



a {

  background-color: transparent;

}



a:active,

a:hover {

  outline: 0;

}



abbr[title] {

  border-bottom: 1px dotted;

}



b,

strong {

  font-weight: bold;

}



dfn {

  font-style: italic;

}



h1 {

  font-size: 2em;

  margin: 0.67em 0;

}



mark {

  background: #ff0;

  color: #000;

}



small {

  font-size: 80%;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



img {

  border: 0;

}



svg:not(:root) {

  overflow: hidden;

}



figure {

  margin: 1em 40px;

}



hr {

  box-sizing: content-box;

  height: 0;

}



pre {

  overflow: auto;

}



code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}



button,

input,

optgroup,

select,

textarea {

  color: inherit;

  font: inherit;

  margin: 0;

}



button {

  overflow: visible;

}



button,

select {

  text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

}



button[disabled],

html input[disabled] {

  cursor: default;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



input {

  line-height: normal;

}



input[type="checkbox"],

input[type="radio"] {

  box-sizing: border-box;

  padding: 0;

}



input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}



fieldset {

  border: 1px solid #c0c0c0;

  margin: 0 2px;

  padding: 0.35em 0.625em 0.75em;

}



legend {

  border: 0;

  padding: 0;

}



textarea {

  overflow: auto;

}



optgroup {

  font-weight: bold;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



td,

th {

  padding: 0;

}



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

optgroup,

textarea {

  color: #404040;

  font-family: sans-serif;

  font-size: 16px;

  font-size: 1rem;

  line-height: 1.5;

}



h1, h2, h3, h4, h5, h6 {

  clear: both;

  font-weight: normal;

}



p {

  margin-bottom: 1.5em;

}



dfn, cite, em, i {

  font-style: italic;

}



blockquote {

  margin: 0 1.5em;

}



address {

  margin: 0 0 1.5em;

}



pre {

  background: #eee;

  font-family: "Courier 10 Pitch", Courier, monospace;

  font-size: 15px;

  font-size: 0.9375rem;

  line-height: 1.6;

  margin-bottom: 1.6em;

  max-width: 100%;

  overflow: auto;

  padding: 1.6em;

}



code, kbd, tt, var {

  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

  font-size: 15px;

  font-size: 0.9375rem;

}



abbr, acronym {

  border-bottom: 1px dotted #666;

  cursor: help;

}



mark, ins {

  text-decoration: none;

}



big {

  font-size: 125%;

}



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {

  box-sizing: border-box;

}



*,

*:before,

*:after {

  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

  box-sizing: inherit;

  font-family: 'Open Sans';

}



body {

  background: #fff;

  /* Fallback for when there is no custom background color defined. */

}



hr {

  background-color: #ccc;

  border: 0;

  height: 1px;

  margin-bottom: 1.5em;

}



ul, ol {

  margin: 0 0 1.5em 3em;

}



ul {

  list-style: disc;

}



ol {

  list-style: decimal;

}



li > ul,

li > ol {

  margin-bottom: 0;

  margin-left: 1.5em;

}



dt {

  font-weight: bold;

}



dd {

  margin: 0 1.5em 1.5em;

}



img {

  height: auto;

  /* Make sure images are scaled correctly. */

  max-width: 100%;

  /* Adhere to container width. */

}



figure {

  margin: 1em 0;

  /* Extra wide images within figure tags don't overflow the content area. */

}



li, a {

  transition: .2s ease-in all;

}



table {

  margin: 0 0 1.5em;

  width: 100%;

}



.container, .content-area {

  max-width: 1200px;

  margin: auto;

}



#masthead {

  border-top: 10px solid #3f3f3f;

}



#site-navigation .current_page_item > a,

#site-navigation .current-menu-item > a,

#site-navigation .current_page_ancestor > a,

#site-navigation .current-menu-ancestor > a {

  background-color: #3f3f3f;

}



a {

  color: #3f3f3f;

}



.vc_row[data-vc-full-width]:not([data-vc-stretch-content]) {

  background-color: #3f3f3f;

  background-image: url(./images/fullwidth-row.png);

  background-position: center right;

  background-repeat: no-repeat;

  padding-top: 20px !important;

  padding-bottom: 20px !important;

}

.vc_row[data-vc-full-width]:not([data-vc-stretch-content]) p, .vc_row[data-vc-full-width]:not([data-vc-stretch-content]) h1, .vc_row[data-vc-full-width]:not([data-vc-stretch-content]) h2, .vc_row[data-vc-full-width]:not([data-vc-stretch-content]) h3, .vc_row[data-vc-full-width]:not([data-vc-stretch-content]) h4, .vc_row[data-vc-full-width]:not([data-vc-stretch-content]) h5, .vc_row[data-vc-full-width]:not([data-vc-stretch-content]) h6 {

  color: #fff;

}



body.home h1.entry-title {

  display: none;

}



.read-more, button, a.btn, a.button {

  border-radius: 4px !important;

  text-decoration: none;

  padding: 8px 55px !important;

  display: inline-block;

  font-size: 1rem !important;

  line-height: 1rem;

  color: #fff;

  background: #3f3f3f;

}



.unitech-news {

  text-align: center;

}

.unitech-news h2 {

  font-weight: normal;

  font-size: 1.3rem;

}

.unitech-news h2 a {

  text-decoration: none;

  color: #fff !important;

}

.unitech-news h2 span {

  color: #000 !important;

}

.unitech-news .read-more {

  background-color: #fff;

  color: #3f3f3f;

}



body.blog #main .blog-item:first-child {

  padding-bottom: 20px;

  padding-top: 0;

}

body.blog #main .blog-item:not(:first-child) {

  padding: 20px 0;

}

body.blog #main .blog-item:nth-child(2n+1) {

  background: #f0f0f0;

}



.small-logo img {

  max-height: 52px;

  width: auto;

}



body.home .hentry {

  margin-bottom: 0;

}



.unitech-cta {

  background-color: #3f3f3f;

  background-image: url(./images/bg-brochure.png);

  background-repeat: no-repeat;

  background-position: center right;

  background-size: auto 90%;

  text-align: center;

  padding: 30px 0;

}

.unitech-cta .container {

  max-width: 800px;

}

.unitech-cta h2 {

  color: #fff;

}

.unitech-cta input:not([type='submit']) {

  border-radius: 5px;

  padding: 7px 10px;

  font-size: 1rem;

  width: calc(100% - 20px);

}

.unitech-cta input {

  margin: 10px;

  border-style: none;

}



html, body {

  overflow-x: hidden;

}



.woocommerce-billing-fields__field-wrapper {

  margin: auto;

}

.woocommerce-billing-fields__field-wrapper p {

  display: inline-block;

  width: 48% !important;

  margin: 0 !important;

  height: 70px !important;

  float: none !important;

}

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

  .woocommerce-billing-fields__field-wrapper p {

    display: block !important;

    width: 100% !important;

  }

}

.woocommerce-billing-fields__field-wrapper input, .woocommerce-billing-fields__field-wrapper .select2 {

  width: 75% !important;

  display: block !important;

  padding: 0 !important;

  margin: 0;

}

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

  .woocommerce-billing-fields__field-wrapper input, .woocommerce-billing-fields__field-wrapper .select2 {

    display: block !important;

    width: 100% !important;

  }

}



.woocommerce .checkout .col-2,

.woocommerce-checkout-review-order-table,

#order_review_heading,

.wc_payment_methods,

.woocommerce-billing-fields > h3 {

  display: none !important;

}



#place_order {

  margin: auto;

  display: inherit;

  font-size: 1.2rem;

  padding: 15px 50px;

}



.woocommerce-loop-category__title, .woocommerce-loop-product__title {

  font-size: 1.1rem;

  text-transform: uppercase;

}

.woocommerce-loop-category__title .count, .woocommerce-loop-product__title .count {

  display: none;

}



ul.products li.product .price {

  display: none;

}



img.featured-image {

  float: left;

  max-width: 350px;

  margin: 0 20px 20px 0;

}

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

  img.featured-image {

    width: 100%;

    float: none;

    margin: 0;

  }

}



body.page:not(.woocommerce) .entry-title {

  display: none;

}



#content, .entry-content {

  margin-top: 0 !important;

}



ul.products {

  width: 100% !important;

}



@media screen and (min-width: 48em) {

  ul.products li.product {

    width: 20% !important;

    float: none !important;

    display: inline-block;

    margin: 2%;

  }

}

.woocommerce-products-header {

  font-size: 1.5rem;

  margin: 10px 0;

}



/*--------------------------------------------------------------

# Layout

--------------------------------------------------------------*/

#masthead {

  padding: 15px 0 20px;

  border-top: 14px solid #3f3f3f;

}

#masthead .site-branding {

  height: 100px;

}

#masthead .site-branding img {

  max-width: 280px;

}

#masthead .contact p {

  color: #b0b0b0;

  margin: 0;

  font-size: 14pt;

  font-weight: 300;

}

#masthead .contact p a {

  text-decoration: none;

  font-weight: 500;

}

#masthead .contact p.tel {

  font-size: 20pt;

}

#masthead .contact p.tel a {

  font-size: 24pt;

  color: #00b3ee;

}

#masthead .contact p.email a {

  color: #595959 !important;

}



#colophon {

  background: #3a3a3a;

  text-align: center;

}

#colophon h3 {

  color: #b5b5b5;

  font-weight: normal;

}

#colophon p {

  color: #828282;

}

#colophon .unitech-group {

  background: #2d2d2d;

  position: relative;

  padding: 10px 0 20px;

}

#colophon .unitech-group:before {

  position: absolute;

  top: -15px;

  content: '';

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 0 45.5px 15px 45.5px;

  border-color: transparent transparent #2d2d2d transparent;

  left: 50%;

  transform: translateX(-50%);

}

#colophon .unitech-group p {

  font-size: 0.9rem;

  margin: 0 0 10px;

}



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

  border: 1px solid;

  border-color: #ccc #ccc #bbb;

  border-radius: 3px;

  background: #e6e6e6;

  color: rgba(0, 0, 0, 0.8);

  font-size: 12px;

  font-size: 0.75rem;

  line-height: 1;

  padding: .6em 1em .4em;

}

button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

  border-color: #ccc #bbb #aaa;

}

button:active, button:focus,

input[type="button"]:active,

input[type="button"]:focus,

input[type="reset"]:active,

input[type="reset"]:focus,

input[type="submit"]:active,

input[type="submit"]:focus {

  border-color: #aaa #bbb #bbb;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

  color: #666;

  border: 1px solid #ccc;

  border-radius: 3px;

  padding: 3px;

}

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus {

  color: #111;

}



select {

  border: 1px solid #ccc;

}



textarea {

  width: 100%;

}



.career-table th, .career-table td {

    padding: 10px;

    border: 1px solid;

}

/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a {

  color: #3f3f3f;

}

a:visited {

  color: unset;

}

a:hover, a:focus, a:active {

  color: midnightblue;

}

a:focus {

  outline: thin dotted;

}

a:hover, a:active {

  outline: 0;

}



/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

#site-navigation {

  clear: both;

  display: block;

  width: 100%;

  text-align: center;

}

#site-navigation .menu-main-menu-container {

  margin: auto;

  display: inline-block;

  text-align: left;

}

#site-navigation * {

  text-align: left;

}

#site-navigation ul {

  display: none;

  list-style: none;

  margin: 0;

  padding-left: 0;

  text-align: left;

}

#site-navigation ul ul {

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

  float: left;

  position: absolute;

  top: 100%;

  left: -999em;

  z-index: 99999;

  background-color: #fff;

}

#site-navigation ul ul ul {

  left: -999em;

  top: 0;

}

#site-navigation ul ul li:hover > ul, #site-navigation ul ul li.focus > ul {

  left: 100%;

}

#site-navigation ul ul a {

  width: 300px;

}

#site-navigation ul li:hover > ul,

#site-navigation ul li.focus > ul {

  left: auto;

}

#site-navigation li {

  float: left;

  position: relative;

}

#site-navigation li:hover > a, #site-navigation li.focus > a {

  background-color: #3f3f3f;

  color: #fff !important;

}

#site-navigation a {

  display: block;

  text-decoration: none;

  padding: 10px 20px;

  text-transform: uppercase;

  color: #3f3f3f !important;

}

#site-navigation .current_page_item > a,

#site-navigation .current-menu-item > a,

#site-navigation .current_page_ancestor > a,

#site-navigation .current-menu-ancestor > a {

  color: #fff !important;

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

  display: block;

}



@media screen and (min-width: 37.5em) {

  .menu-toggle {

    display: none;

  }



  .main-navigation ul {

    display: block !important;

  }

}

.site-main .comment-navigation, .site-main

.posts-navigation, .site-main

.post-navigation {

  margin: 0 0 1.5em;

  overflow: hidden;

}

.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

  float: left;

  width: 50%;

}

.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

  float: right;

  text-align: right;

  width: 50%;

}



#footer-menu {

  list-style-type: none;

  margin: 10px auto;

}

#footer-menu li {

  display: inline-block;

  border-left: 1px solid #aaa9a9;

}

#footer-menu li:first-child {

  border-left: none;

}

#footer-menu li a {

  color: #aaa9a9;

  padding: 0 3px 0 8px;

  display: inline-block;

}



#responsive-menu-button {

  top: 40px !important;

  right: 30px !important;

  padding: 0 !important;

}



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

  #site-navigation {

    display: none;

  }

}

/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;

  word-wrap: normal !important;

  /* Many screen reader and browser combinations announce broken words as they would appear visually. */

}

.screen-reader-text:focus {

  background-color: #f1f1f1;

  border-radius: 3px;

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

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-size: 0.875rem;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000;

  /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

  outline: 0;

}



/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.5em;

}



.alignright {

  display: inline;

  float: right;

  margin-left: 1.5em;

}



.aligncenter {

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

  content: "";

  display: table;

  table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

  clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

  margin: 0 0 1.5em;

  /* Make sure select elements fit in widgets. */

}

.widget select {

  max-width: 100%;

}



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {

  display: block;

}



.hentry {

  margin: 0 0 1.5em;

}



.updated:not(.published) {

  display: none;

}



.page-content,

.entry-content,

.entry-summary {

  margin: 1.5em 0 0;

}



.page-links {

  clear: both;

  margin: 0 0 1.5em;

}



/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {

  word-wrap: break-word;

}



.bypostauthor {

  display: block;

}



/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

.infinite-scroll.neverending .site-footer {

  /* Theme Footer (when set to scrolling) */

  display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

  display: block;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

  max-width: 100%;

}



/* Make sure logo link wraps around logo image. */

.custom-logo-link {

  display: inline-block;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

  margin-bottom: 1.5em;

  max-width: 100%;

}

.wp-caption img[class*="wp-image-"] {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.wp-caption .wp-caption-text {

  margin: 0.8075em 0;

}



.wp-caption-text {

  text-align: center;

}



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery {

  margin-bottom: 1.5em;

}



.gallery-item {

  display: inline-block;

  text-align: center;

  vertical-align: top;

  width: 100%;

}

.gallery-columns-2 .gallery-item {

  max-width: 50%;

}

.gallery-columns-3 .gallery-item {

  max-width: 33.33%;

}

.gallery-columns-4 .gallery-item {

  max-width: 25%;

}

.gallery-columns-5 .gallery-item {

  max-width: 20%;

}

.gallery-columns-6 .gallery-item {

  max-width: 16.66%;

}

.gallery-columns-7 .gallery-item {

  max-width: 14.28%;

}

.gallery-columns-8 .gallery-item {

  max-width: 12.5%;

}

.gallery-columns-9 .gallery-item {

  max-width: 11.11%;

}



.gallery-caption {

  display: block;

}



body.post-type-archive-product #rev_slider_1_1_wrapper, body.tax-product_cat #rev_slider_1_1_wrapper{

	display: none;

}

button#rmp_menu_trigger-1476 {
    padding: 0 !important;
}

button.cky-show-desc-btn{
    color: #1863DC !important;
    background: transparent; !important;
}
button.cky-accordion-btn{
    color: #212121 !important;
    background: transparent !important;
    padding: 0 !important;
}
button.cky-btn-revisit{
    background-color: transparent !important;
}
button.cky-btn-close{
    background-color: transparent !important;
}

@media screen and (max-width: 1200px){
  #content, .entry-content{
    padding: 0 10px;
  }
}

.unitech-news p {
  color: #fff;
}
.vc_gitem-post-data-source-post_title h4 {
    font-weight: 700;
    font-size: 18px;
}
a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-juicy-pink {
    background-color: #e92429 !important;
    padding: 10px 40px !important;
    border: 0 !important;
}

/*# sourceMappingURL=style.css.map */