/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/144(此说明不在下载的源码里，只用在演示页面里)*//*	Theme Name: Danio	Theme URI: //template.danio.itembridge.com/	Author: InfoStyle	Author URI: https://themeforest.net/user/itembridgethemes	Description: Danio responsive theme	Version: 1.0.2	License: ThemeForest Regular & Extended License	License URI: http://themeforest.net/licenses/regular_extended	[Table of contents]	1. Typography ---------------- #line 30		1.1. Title ----------------- #line 145		1.2. Text ------------------ #line 210		1.3. Lists ----------------- #line 225		1.4. Table ----------------- #line 258		1.5. Blockquote ------------ #line 295		1.6. Forms ----------------- #line 325	3. Main ---------------------- #line 633	4. Background ---------------- #line 652	5. Pages --------------------- #line 752	6. Header -------------------- #line 800	7. Footer -------------------- #line 872	8. Content ------------------- #line 1144	9. Navigation ---------------- #line 1824	10. Social Icons ------------- #line 2135	10. Bootstrap align -----------#line 2321*/* {  outline: none;}@font-face {  font-family: Intro;  src: url(../fonts/intro.ttf);  src: url(../fonts/intro.otf);  src: url(../fonts/Intro.woff);}html {  font-size: 16px;}body {  background: #0a0c0d;  font-family: Lato;  font-weight: 300;  line-height: 1.9;  font-size: 16px;  color: #fdfdfd;}.block-t {  padding-top: 123px;}.block-l {  padding-bottom: 43px;}a {  color: #0ff;  font-size: 18px;  padding: 7px 0;  position: relative;  outline: none;  transition: color .3s ease;}a:before {  background: #0ff;  content: '';  opacity: 0;  height: 1px;  position: absolute;  bottom: -2px;  transition: bottom .2s linear, opacity .2s linear;  width: 100%;}a:hover {  color: #0ff;  text-decoration: none;  outline: none;}a:hover:before {  opacity: 1;  bottom: 2px;}a:focus {  color: #0ff;  outline: none;  text-decoration: none;}a:active {  color: #f33;  outline: none;}a:active:before {  opacity: 0;}a:visited {  color: #63f;}a.alternative {  color: #fff;  font-size: 18px;  font-weight: 300;  padding: 11px 0;  position: relative;  text-shadow: 1px 1px 0 #ff3333;  transition: color .3s ease;}a.alternative:before {  background: #0ff;  content: '';  opacity: 0;  height: 2px;  position: absolute;  bottom: -2px;  transition: bottom .2s linear, opacity .2s linear;  width: 100%;}a.alternative:hover {  color: #0ff;  text-decoration: none;}a.alternative:hover:before {  opacity: 1;  bottom: 3px;}a.alternative:focus {  color: #fff;  text-decoration: none;}a.alternative:active {  color: #ccff33;}a.alternative:active:before {  opacity: 0;}a.alternative:visited {  color: #06f;}h1, .h1,h2, .h2,h3, .h3,h4, .h4,h5, .h5,h6, .h6 {  font-family: Intro;  margin-top: 0;}h1, .h1 {  font-size: 3rem;  margin-bottom: 6px;}h2, .h2 {  font-size: 2.25rem;  margin-bottom: 9px;}h3, .h3 {  font-size: 1.875rem;  margin-bottom: 12px;}h4, .h4 {  font-size: 1.5rem;  margin-bottom: 15px;}h5, .h5 {  font-size: 1.125rem;  margin-bottom: 14px;}h6, .h6 {  font-size: 0.875rem;  margin-bottom: 14px;}hr {  border-color: rgba(255, 255, 255, 0.85);  position: relative;  margin: 15px auto 25px;  width: 43px;  overflow: visible;}hr:before, hr:after {  background: #fff;  content: '';  position: absolute;  top: -5px;  height: 9px;  width: 1px;  left: 50%;  -webkit-transform: rotate(45deg);  transform: rotate(45deg);}hr:before {  margin-left: -2px;}hr:after {  margin-left: 3px;}p {  margin: 0 0 30px;}figcaption {  color: #999;  font-size: 0.875rem;  font-style: italic;  line-height: 1.45;  padding: 17px 26px;}figcaption span {  font-weight: normal;}ol, ul {  padding-left: 35px;  position: relative;}ol li, ul li {  list-style: none;}ol li:before, ul li:before {  position: absolute;  left: 1px;}ul {  padding-left: 20px;}ul li:before {  margin-top: -2px;  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAPElEQVQIW42N0REAIAhCYSbbfwKdicpTr8/8QuQh0SMJJHsdgXPQWmBEerzGUBMvVGaiOy7xUfX0JFk/NsKCG2suG7TPAAAAAElFTkSuQmCC");}ol[type="I"] {  counter-reset: item;}ol[type="I"] li:before {  position: absolute;  left: 1px;  content: counter(item,upper-roman) ".";  counter-increment: item;  color: #00f4f4;  text-shadow: 1px 1px 0 #f33;}.table-wrapper {  overflow: auto;  position: relative;}table {  width: 100%;  text-align: center;  font-family: Lato;  *zoom: 1;  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFEE2C30', endColorstr='#FF1C4EF1');  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlMmMzMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFjNGVmMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');  background-size: 100%;  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ee2c30), color-stop(100%, #1c4ef1));  background-image: -moz-linear-gradient(left, #ee2c30 0%, #1c4ef1 100%);  background-image: -webkit-linear-gradient(left, #ee2c30 0%, #1c4ef1 100%);  background-image: linear-gradient(to right, #ee2c30 0%, #1c4ef1 100%);}table th {  text-align: center;  background: transparent;}table thead th {  padding: 12px;  font-size: 0.875rem;  text-transform: uppercase;  font-weight: 300;}table thead th + th {  border-left: 1px solid #6cf;}table thead {  border-right: 1px solid #1c4ef1;}table tbody td,table tfoot td {  border: 1px solid #6cf;  padding: 8px;  text-transform: capitalize;}table tbody tr,table tfoot tr {  background-color: #0a0c0d;}table tbody tr:first-child td,table tfoot tr:first-child td {  border-top: 0;}blockquote {  border-left: none;  font-style: italic;  font-size: 1rem;  padding: 0px 33px;  position: relative;  margin: 0 0 0 42px;  line-height: 1.46;}blockquote:before {  content: '';  position: absolute;  width: 2px;  height: 100%;  top: 0;  left: 0;  background: linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);  background: -ms-linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c4ef1',endColorstr='#ee2c30',GradientType=0);  zoom: 1;}blockquote small {  color: #f33;  font-size: 1rem;  padding-top: 13px;}blockquote small:before {  display: none;}input.input, textarea, input[type=password], input[type=text], input[type=email], input[type=number], input[type=tel], input[type=url] {  background: transparent;  border-radius: 0;  border: 1px solid #0ff;  color: #fff;  font-size: 0.875rem;  font-family: Lato;  font-weight: 300;  padding: 16px 24px 15px;  max-width: 300px;  margin-bottom: 10px;  line-height: 1;  width: 100%;}::-webkit-input-placeholder {  color: #999;}:-moz-placeholder {  color: #999;  opacity: 1;}::-moz-placeholder {  color: #999;  opacity: 1;}:-ms-input-placeholder {  color: #999;}.checkbox input, .radio input {  display: none;}.checkbox label, .radio label {  display: inline-block;  font-weight: 300;  font-family: Lato;  font-size: 0.875rem;  margin-bottom: 0;  padding-left: 30px;  position: relative;}.checkbox >label:before {  background-color: transparent;  bottom: 0;  border: 1px solid #0ff;  content: "";  display: inline-block;  height: 20px;  left: 0;  position: absolute;  top: 4px;  width: 20px;}.radio >label:before {  border-radius: 50%;  border: 1px solid #0ff;  content: "";  display: inline-block;  height: 20px;  left: 0;  position: absolute;  top: 4px;  width: 20px;}.checkbox >input[type=checkbox]:checked + label:before {  content: url("../img/check.svg");  text-align: center;  line-height: 100%;  padding-top: 1px;}.radio >input[type=radio]:checked + label:after {  content: '';  display: block;  width: 8px;  height: 8px;  border-radius: 30px;  background-color: #0ff;  position: absolute;  left: 6px;  top: 10px;}.checkbox.disabled >label,.radio.disabled >label {  cursor: not-allowed;  opacity: .5;}.animate {  -webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;  backface-visibility: hidden;  -webkit-backface-visibility: hidden;  /* Chrome and Safari */  -moz-backface-visibility: hidden;  /* Firefox */  -ms-backface-visibility: hidden;  /* Internet Explorer */}.btn {  padding: 0;  margin-bottom: 20px;}.btn,.btn input[type="submit"],.btn button {  background: #111517;  border: none;  border-radius: 0;  cursor: pointer;  color: #fff;  font-family: Lato, helvetica, arial;  font-weight: bold;  position: relative;  text-transform: uppercase;}.btn:after, .btn:before,.btn input[type="submit"]:after,.btn input[type="submit"]:before,.btn button:after,.btn button:before {  content: '';  position: absolute;  margin: auto;  border: solid #1d4ef0;  transition: all .8s ease;  z-index: 1;}.et-light .btn:after, .et-light .btn:before, .et-light.btn input[type="submit"]:after, .et-light.btn input[type="submit"]:before, .et-light.btn button:after, .et-light.btn button:before {  content: '';  position: absolute;  margin: auto;  border: solid #00bff3;  transition: all .8s ease;  z-index: 1;}.btn:after, .et-light .btn:after,.btn input[type="submit"]:after, .et-light.btn input[type="submit"]:after,.btn button:after, .et-light.btn button:after {  top: 52%;  bottom: 52%;  left: -1px;  right: -1px;  border-width: 0 1px;}.btn:before, .et-light .btn:before,.btn input[type="submit"]:before, .et-light.btn input[type="submit"]:before,.btn button:before, .et-light.btn button:before {  top: -1px;  bottom: -1px;  left: 52%;  right: 52%;  border-width: 1px 0;}.btn.hover:after, .btn:hover:after,.btn input[type="submit"].hover:after,.btn input[type="submit"]:hover:after,.btn button.hover:after,.btn button:hover:after {  top: -10%;  bottom: -10%;}.btn.hover:before, .btn:hover:before,.btn input[type="submit"].hover:before,.btn input[type="submit"]:hover:before,.btn button.hover:before,.btn button:hover:before {  left: -6%;  right: -6%;}.btn input[type="submit"],.btn button {  padding: 16px 62px;  z-index: 2;}.bootstrap-select {  display: inline-block;  max-width: 300px;  width: 100%;  color: #999;  font-size: .875rem;}.bootstrap-select .bs-caret {  float: right;  color: #0ff;}.bootstrap-select .bs-caret span {  border-top-width: 5px;  border-right-width: 5px;  border-left-width: 5px;}.bootstrap-select select {  display: none;}.bootstrap-select .btn.dropdown-toggle {  display: inline-block;  width: 100%;  background-color: transparent;  border: 1px solid #0ff;  padding: 11px 24px;  text-transform: none;  font-weight: 300;  color: inherit;  font: inherit;  margin-bottom: 0;  -moz-box-shadow: none;  -webkit-box-shadow: none;  box-shadow: none;}.bootstrap-select .btn.dropdown-toggle:before, .bootstrap-select .btn.dropdown-toggle:after {  content: none;}.bootstrap-select .dropdown-menu {  padding: 0;  margin: 0;  background-color: transparent;  border-radius: 0;  border: none;  -moz-box-shadow: none;  -webkit-box-shadow: none;  box-shadow: none;}.bootstrap-select >.dropdown-menu {  width: 100%;}.bootstrap-select ul.dropdown-menu {  position: static;  width: 100%;  opacity: 0;  -moz-transition: 0.2s;  -o-transition: 0.2s;  -webkit-transition: 0.2s;  transition: 0.2s;}.bootstrap-select ul.dropdown-menu li {  max-width: 100%;  background-color: #0ff;  cursor: pointer;  padding: 11px 24px;  -moz-transition: 0.2s;  -o-transition: 0.2s;  -webkit-transition: 0.2s;  transition: 0.2s;}.bootstrap-select ul.dropdown-menu li.selected, .bootstrap-select ul.dropdown-menu li:hover {  background: #111517;  color: #fff;}.bootstrap-select ul.dropdown-menu li a {  padding: 0;  color: inherit;  font: inherit;}.bootstrap-select ul.dropdown-menu li a .glyphicon {  display: none;}.bootstrap-select ul.dropdown-menu li a:before {  content: none;}.bootstrap-select ul.dropdown-menu li a:hover, .bootstrap-select ul.dropdown-menu li a:active, .bootstrap-select ul.dropdown-menu li a:focus {  background-color: transparent;  color: inherit;}.bootstrap-select ul.dropdown-menu li:before {  content: none;}.bootstrap-select.open ul.dropdown-menu {  opacity: 1;}.bootstrap-select.open .bs-caret {  -moz-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -webkit-transform: rotate(180deg);  transform: rotate(180deg);}.p12 {  padding-bottom: 12px;}.p20 {  padding-bottom: 20px;}.p70 {  padding-bottom: 70px;}.et-light {  padding: 70px 0;  background: #dfdfdf;}.et-light input.input, .et-light textarea, .et-light input[type=password], .et-light input[type=text], .et-light input[type=email], .et-light input[type=number], .et-light input[type=tel], .et-light input[type=url] {  border: 1px solid #6dcbcb;}.et-light .checkbox >label,.et-light .radio >label {  color: #666;}.et-light .checkbox >label:before,.et-light .radio >label:before {  border: 1px solid #6dcbcb;}.et-light .checkbox >input[type=checkbox]:checked + label:before {  content: url("../img/check-light.svg");}.et-light .radio >input[type=radio]:checked + label:before {  color: #6dcbcb;}.et-light .bootstrap-select .btn.dropdown-toggle {  border-color: #6dcbcb;}.et-light .bootstrap-select .bs-caret {  color: #6dcbcb;}.et-light .bootstrap-select ul.dropdown-menu li {  background-color: #6dcbcb;}.et-light .bootstrap-select ul.dropdown-menu li:hover, .et-light .bootstrap-select ul.dropdown-menu li:active, .et-light .bootstrap-select ul.dropdown-menu li:focus, .et-light .bootstrap-select ul.dropdown-menu li.selected {  background: #111517;  color: #fff;}.et-light div.dropdown label:before {  border-top: 6px solid #6dcbcb;}.et-light .btn,.et-light .btn input[type="submit"],.et-light .btn button {  background: #bfbebe;  color: #333;}/*---------------------------------*//*------------- Main --------------*//*---------------------------------*/* {  margin: 0;  padding: 0;}html,body {  height: 100%;}body {  background: #111;  border: 5px solid #ffffe3;  min-width: 320px;}.image-bg {  border-color: #ffffe3;}.image-bg .border-gradient {  border-color: #ffffe3;}.image-bg .border-gradient:after, .image-bg .border-gradient:before {  background: #ffffe3;}.image-bg #wrapper {  background-color: rgba(0, 0, 0, 0.2);}.yellow-color .notyfy-decr {  color: #fff;}.yellow-color input.input, .yellow-color textarea,.yellow-color textarea,.yellow-color input[type=password],.yellow-color input[type=text],.yellow-color input[type=email],.yellow-color input[type=number],.yellow-color input[type=tel],.yellow-color input[type=url],.yellow-color .contact-me textarea,.yellow-color #fp-nav ul li.active a span,.yellow-color #swiperNav ul li.active a span {  border-color: #fecb30;}.yellow-color .contact-me input.input, .yellow-color .contact-me textarea, .yellow-color .contact-me textarea, .yellow-color .contact-me input[type=password], .yellow-color .contact-me input[type=text], .yellow-color .contact-me input[type=email], .yellow-color .contact-me input[type=number], .yellow-color .contact-me input[type=tel], .yellow-color .contact-me input[type=url] {  border-bottom-color: #fecb30;}.yellow-color .btn:after, .yellow-color .btn:before,.yellow-color .btn input[type="submit"]:after,.yellow-color .btn input[type="submit"]:before,.yellow-color .btn button:after,.yellow-color .btn button:before {  border-color: #fecb30;}.yellow-color .contact-info i,.yellow-color .personal-info .post {  color: #fecb30;}.yellow-color #fp-nav ul li.active a span,.yellow-color #swiperNav ul li.active a span,.yellow-color #fp-nav ul li a:hover span,.yellow-color #swiperNav ul li a:hover span,.yellow-color #fp-nav ul li .fp-tooltip,.yellow-color .owl-controls .owl-page span {  border-color: #fecb30;}.yellow-color #fp-nav ul li .fp-tooltip:before,.yellow-color #fp-nav ul li .fp-tooltip:after,.yellow-color #fp-nav ul li .fp-tooltip .tip:before,.yellow-color #fp-nav ul li .fp-tooltip .tip:after,.yellow-color #todown a span,.yellow-color #todown a span:before,.yellow-color #todown a span:after,.yellow-color .owl-controls .owl-page.active span {  background: #fecb30;}.yellow-color #fp-nav ul li.active:after, .yellow-color #swiperNav ul li.active:after {  box-shadow: 0 3px 0 #fecb30;}.yellow-color #fp-nav ul li:after, .yellow-color #swiperNav ul li:after {  background: #fecb30;  box-shadow: 0 3px 0 #fecb30,0 -3px 0 #fecb30;}.yellow-color .about-us .about-us-item .text,.yellow-color .team .team-info .post {  color: #fecb30;}.yellow-color #wrapper:before,.yellow-color #wrapper:after {  background: #d1273f;}.yellow-color .dashed {  border-bottom-color: #d1273f;}@media (max-width: 991px) {  .yellow-color #swiperNav ul li:after, .yellow-color #fp-nav ul li:after {    box-shadow: 2px 0 0 #fecb30,-5px 0 0 #fecb30;  }  .yellow-color #swiperNav ul li.active:after, .yellow-color #fp-nav ul li.active:after {    box-shadow: 3px 0 #fecb30,-3px 0 #fecb30;  }}.yellow-color #swiperNav ul li:after {  box-shadow: 2px 0 0 #fecb30,-5px 0 0 #fecb30;}.yellow-color #swiperNav ul li.active:after {  box-shadow: 3px 0 #fecb30,-3px 0 #fecb30;}.touch .yellow-color #fp-nav ul li:after, .touch .yellow-color #swiperNav ul li:after {  background: #fecb30;  box-shadow: 2px 0 0 #fecb30,-5px 0 0 #fecb30;}.gradient-bg {  background-color: #ee2c31;  *zoom: 1;  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFEE2C31', endColorstr='#FF3C4EFF');  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlMmMzMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjNGVmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');  background-size: 100%;  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ee2c31), color-stop(100%, #3c4eff));  background-image: -moz-linear-gradient(left top, #ee2c31 0%, #3c4eff 100%);  background-image: -webkit-linear-gradient(left top, #ee2c31 0%, #3c4eff 100%);  background-image: linear-gradient(to right bottom, #ee2c31 0%, #3c4eff 100%);}.gradient-bg .notyfy-decr {  color: #fff;}.video-bg {  background: url(../content/video-bg.jpg) 50% 50%/cover no-repeat fixed;}.video-bg #wrapper {  background-color: rgba(11, 190, 104, 0.75);}.default-bg {  background: #274bd3;}body.under-construction {  background: url(../content/bg-under.jpg) 50% 50%/cover no-repeat fixed;}body.under-construction #wrapper {  background-color: rgba(0, 0, 0, 0.5);}.image-colored:before {  content: '';  position: fixed;  bottom: 5px;  right: 5px;  left: 5px;  top: 5px;  background: rgba(102, 0, 255, 0.8);}.pattern:before {  content: '';  position: fixed;  bottom: 5px;  right: 5px;  left: 5px;  top: 5px;  background: url(../img/pattern.png);}.pattern-t:before {  content: '';  position: fixed;  bottom: 5px;  right: 5px;  left: 5px;  top: 5px;  background: url(../img/pattern-9.png);}@media (max-width: 767px) {  .image-bg:before,  .image-colored:before,  .pattern:before,  .pattern-t:before {    bottom: 0px;    right: 0px;    left: 0px;    top: 0px;  }}#wrapper {  height: 100%;  position: relative;}#wrapper:before {  content: '';  background: #00aeef;  width: 100%;  height: 2px;  position: absolute;  z-index: 2;  bottom: 0;  left: 0;}#wrapper:after {  content: '';  background: #00aeef;  width: 2px;  height: 100%;  position: absolute;  z-index: 2;  bottom: 0;  left: 0;}@media (max-width: 767px) {  body {    border: none;  }  #wrapper:before {    display: none;  }  #wrapper:after {    display: none;  }}.m0 {  margin: 0 !important;}.pl0 {  padding-left: 0;}.pr0 {  padding-right: 0;}/*---------------------------------*//*-------------- Pages ------------*//*---------------------------------*/.all-section {  -ms-touch-action: none;}.sections {  width: 100%;  float: left;  -webkit-transform: translate3d(0, 0, 0);}.section-content {  -webkit-overflow-scrolling: touch;  overflow-y: auto;  touch-action: cross-slide-y;  -ms-touch-action: cross-slide-y;  position: relative;}.touch .section-content {  height: 100%;}.no-touch .section-content {  top: 0;  transition: top .25s ease;}@media (min-width: 768px) {  .no-touch .section-content {    top: 0 !important;  }}.section-wrap {  padding: 14px 0;  display: inline-block;  width: 100%;  vertical-align: middle;  padding: 30px 0 20px 0;}@media (max-width: 767px) {  .section-wrap {    padding: 0px 0 20px 0;    overflow: auto;  }}/*---------------------------------*//*------------- HEADER ------------*//*---------------------------------*/.site-header {  padding: 32px 55px 10px;  position: absolute;  top: 0;  width: 100%;  z-index: 1;  color: #fff;}.site-header .site-logo.hidde {  opacity: 0;  visibility: hidden;}.site-header .et-logo {  width: 75px;  height: 75px;}@media (max-width: 767px) {  .site-header {    padding: 32px 25px 10px;  }}@media (max-width: 767px) {  .site-header {    padding: 20px;  }  .site-header .et-logo {    width: 60px;  }}.et-logo {  -webkit-animation: logo-glitch 12s ease infinite;  animation: logo-glitch 12s ease infinite;}@-webkit-keyframes logo-glitch {  0% {    -webkit-transform: skew(0deg, 0deg);  }  99.7% {    -webkit-transform: skew(0deg, 0deg);  }  99.8% {    -webkit-transform: skew(-54deg, 30deg);  }  99.9% {    -webkit-transform: skew(-54deg, -30deg);  }  100% {    -webkit-transform: skew(0deg, 0deg);  }}@keyframes logo-glitch {  0% {    transform: skew(0deg, 0deg);  }  99.7% {    transform: skew(0deg, 0deg);  }  99.8% {    transform: skew(-54deg, 30deg);  }  99.9% {    transform: skew(-54deg, -30deg);  }  100% {    transform: skew(0deg, 0deg);  }}.et-description {  margin-bottom: 0;  line-height: 1;  padding-bottom: 10px;}.et-description-small {  line-height: 1;}@media (max-width: 767px) {  .et-description {    font-size: 1.5rem;  }}.et-description-small {  font-size: 1.125rem;}/*---------------------------------*//*------------- FOOTER ------------*//*---------------------------------*/.site-footer {  bottom: 0;  bottom: 0;  padding: 22px 65px;  position: absolute;  width: 100%;  z-index: 1;}.copyright {  width: 250px;  height: 40px;  display: inline-block;  text-align: right;  font-size: 0.75rem;}@media (max-width: 991px) {  .copyright {    height: 35px;  }}@media (max-width: 767px) {  .site-footer {    background: #060708;    height: 40px;    padding: 0px;  }  .copyright {    transition: opacity .3s ease;    position: absolute;    top: 0;    width: 100%;    text-align: center;    left: 0;    top: -40px;    z-index: -9;  }  .touch .copyright {    opacity: 0;    visibility: hidden;  }  .touch .copyright.vis {    opacity: 1;    visibility: visible;  }}#todown {  position: fixed;  bottom: 30px;  left: 0;  right: 0;  text-align: center;  z-index: 22;}#todown a {  width: 50px;  height: 40px;  display: inline-block;  color: #000;  border: 2px solid #fff;  box-shadow: 1px 1px 0 #ff3333, inset 1px 1px 0 #ff3333;  position: relative;  cursor: default;}#todown a .gos {  display: inline-block;  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  cursor: pointer;}#todown a .gos:hover + span {  top: 18px;}#todown a span {  height: 41px;  width: 2px;  background: #00ffff;  position: absolute;  top: -17px;  left: 50%;  z-index: -1;  transition: top .6s ease;}#todown a span:before, #todown a span:after {  content: '';  width: 12px;  height: 2px;  background: inherit;  position: absolute;  bottom: 5px;}#todown a span:before {  left: 0;  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  transform: rotate(-45deg);}#todown a span:after {  right: 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}#todown a:before {  display: none;}.touch #todown {  display: none;}@media (max-width: 991px) {  #todown {    display: none;  }}/*---------------------------------*//*----------- NAVIGATION ----------*//*---------------------------------*/.fp-controlArrow {  display: none;}.fp-slidesNav.bottom {  bottom: 50px;}.owl-wrapper-outer {  margin-bottom: 18px;}.owl-pagination {  display: inline-block;}.owl-controls .owl-page {  float: left;  padding: 2px;  height: 14px;}.owl-controls .owl-page span {  background: transparent;  border-radius: 50%;  border: 1px solid #01f4f4;  cursor: pointer;  float: left;  height: 10px;  transition: background .25s ease;  width: 10px;}.owl-controls .owl-page.active span {  background: #01f4f4;}/*---------------------------------*//*------------- SCROLL ------------*//*---------------------------------*/.mCSB_inside >.mCSB_container {  margin-right: 0px;}@media (max-width: 767px) {  .sections .fp-tableCell {    position: relative;    vertical-align: top;  }}.mCSB_scrollTools .mCSB_draggerRail {  background-color: transparent;}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {  background-color: transparent;}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {  background-color: rgba(0, 0, 0, 0.3);}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {  background-color: rgba(0, 0, 0, 0.3);}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {  -webkit-transition: opacity .4s ease-in-out,background-color .4s ease-in-out;  -moz-transition: opacity .4s ease-in-out,background-color .4s ease-in-out;  -o-transition: opacity .4s ease-in-out,background-color .4s ease-in-out;  transition: opacity .4s ease-in-out,background-color .4s ease-in-out;}/*-----------------------------------*//*---------- Border Gradient --------*//*-----------------------------------*/.border-gradient {  border-top: 3px solid #1d4ef1;  border-bottom: 3px solid #ee2c31;  position: relative;  padding: 60px 3px;}.border-gradient:before, .border-gradient:after {  content: '';  width: 3px;  height: 100%;  position: absolute;  display: block;  top: 0;  background-size: 1px 10%;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c4ef1',endColorstr='#ee2c30',GradientType=0);}.border-gradient:before {  left: 0;  background: linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);  background: -ms-linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c4ef1',endColorstr='#ee2c30',GradientType=0);  zoom: 1;}.border-gradient:after {  right: 0;  background: linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);  background: -ms-linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c4ef1',endColorstr='#ee2c30',GradientType=0);  zoom: 1;}@media (max-width: 767px) {  .border-gradient-visible-xs {    border-top: 2px solid #1d4ef1;    border-bottom: 2px solid #ee2c31;    position: relative;    padding: 40px 25px;    margin-bottom: 40px;  }  .border-gradient-visible-xs:before, .border-gradient-visible-xs:after {    content: '';    width: 2px;    height: 100%;    position: absolute;    top: 0;  }  .border-gradient-visible-xs:before {    left: 0;    background: linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);    background: -ms-linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c4ef1', endColorstr='#ee2c30',GradientType=0 );    /* IE6-9 */  }  .border-gradient-visible-xs:after {    right: 0;    background: linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);    background: -ms-linear-gradient(to top, #ee2c30 0%, #1c4ef1 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c4ef1', endColorstr='#ee2c30',GradientType=0 );    /* IE6-9 */  }  .border-gradient-hidden-xs {    border: none;    padding: 0 0 30px 0;  }  .border-gradient-hidden-xs:before, .border-gradient-hidden-xs:after {    display: none;  }}/*------------------------------------*//*------------- Notyfy Me ------------*//*------------------------------------*/.notyfy-me {  max-width: 500px;  width: 100%;  display: inline-block;  padding: 56px 10px;}.notyfy-me input[type=email] {  font-weight: 500;}.notyfy-me .btn {  margin-top: 16px;}.notyfy-me .btn input[type="submit"] {  padding: 16px 28px;}.notyfy-decr {  color: #666;  font-size: 0.75rem;  font-weight: 500;  font-family: Lato;  max-width: 243px;  margin: 0 auto;  padding-top: 4px;  padding-bottom: 15px;  line-height: 1.2;  letter-spacing: 0.27px;}@media (max-width: 767px) {  .notyfy-me {    padding: 56px 22px;  }  input[type=email] {    padding: 13px 15px;  }}/*---------------------------------*//*----------- Portfolio -----------*//*---------------------------------*/.portf-col {  width: 100%;  display: inline-block;  padding: 0 10px;}.portfolio-block {  width: 100%;  height: 200px;  display: inline-block;  margin-bottom: 20px;  vertical-align: top;}.portfolio-block + .portfolio-block {  margin-bottom: 0px;}.portfolio-slide {  width: 100%;  height: 500px;  background: #274461;  display: inline-block;  margin-bottom: 20px;  vertical-align: top;}.portfolio-block-in {  display: inline-block;  position: relative;}.portfolio-info-content {  position: relative;  height: 100%;}.portfolio-info-content:after, .portfolio-info-content:before {  content: '';  position: absolute;  margin: auto;  border: solid #fff;  transition: all .8s ease;}.portfolio-info-content:after {  top: 52%;  bottom: 52%;  left: 0;  right: 0;  border-width: 0 1px;}.portfolio-info-content:before {  top: 0;  bottom: 0;  left: 52%;  right: 52%;  border-width: 1px 0;}.portfolio-info-title {  font-size: 1.125rem;  text-transform: uppercase;  line-height: 1.3;  letter-spacing: 0.2px;  -webkit-transition: -webkit-transform .8s ease;  transition: transform .8s ease;  -webkit-transform: translate(0, 36px);  -ms-transform: translate(0, 36px);  transform: translate(0, 36px);}.portfolio-info-social {  position: relative;  opacity: 0;  -webkit-transform: translate(0, 33px);  -ms-transform: translate(0, 33px);  transform: translate(0, 33px);  -webkit-transition: opacity .8s ease, -webkit-transform .8s ease;  transition: opacity .8s ease, transform .8s ease;  z-index: 1;}.portfolio-info-social a {  color: #fff;  font-size: 1.25rem;  padding-right: 3px;}.portfolio-info-social a:before {  display: none;}.portfolio-info {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  padding: 20px;}.touch .portfolio-info.hover .portfolio-info-content:after, .no-touch .portfolio-info:hover .portfolio-info-content:after {  top: -7%;  bottom: -7%;}.touch .portfolio-info.hover .portfolio-info-content:before, .no-touch .portfolio-info:hover .portfolio-info-content:before {  left: -4%;  right: -4%;}.no-touch .portfolio-info:hover .portfolio-info-social, .touch .portfolio-info.hover .portfolio-info-social {  opacity: 1;  -webkit-transform: translate(0, 51px);  -ms-transform: translate(0, 51px);  transform: translate(0, 51px);}.no-touch .portfolio-info:hover .portfolio-info-title, .touch .portfolio-info.hover .portfolio-info-title {  -webkit-transform: translate(0, 51px);  -ms-transform: translate(0, 51px);  transform: translate(0, 51px);}@media (max-width: 767px) {  .portf-col {    padding: 0;  }}/*---------------------------------*//*-------------- App --------------*//*---------------------------------*/.about-app {  max-width: 800px;  margin: 0 auto;}.app-content-wrap {  margin-top: 4px;}.app-description {  padding: 60px 60px 68px;  margin-bottom: 26px;}.app-image img {  padding-left: 20px;}.app-text {  padding: 10px 65px 0 30px;  line-height: 1.56;}.app-text h6 {  font-size: 1rem;  margin-bottom: 13px;}.play-btn {  border-radius: 50%;  border: 2px solid #fff;  display: inline-block;  font-weight: normal;  height: 50px;  margin-right: 17px;  top: -1px;  position: relative;  vertical-align: middle;  width: 50px;  transition: border .3s ease;}.play-btn:before {  border: 10px solid transparent;  border-left: 15px solid #fff;  content: '';  position: absolute;  top: 12px;  left: 18px;  transition: border .3s ease;}.play-video {  cursor: pointer;  color: #fff;  display: inline-block;  font-size: 0.75rem;  font-weight: 300;  letter-spacing: 0.1px;  margin-right: 6px;  text-transform: uppercase;  transition: color .3s ease;}.play-video:hover {  color: #0ff;}.play-video:hover .play-btn {  border-color: #0ff;}.play-video:hover .play-btn:before {  border-left-color: #0ff;}.app-purchase {  border: 1px solid #0ff;  display: inline-block;  position: relative;  top: 4px;  left: 6px;}.app-purchase span.purchase {  padding: 0 39px;  font-size: 0.75rem;  font-weight: 300;  text-transform: uppercase;  letter-spacing: 0;}.app-purchase a {  border-left: 1px solid #0ff;  color: #fff;  display: inline-block;  font-size: 1.125rem;  padding: 0 15px 4px;  padding-bottom: 4px;  line-height: 1.9;  letter-spacing: 0.3px;  text-shadow: 0px 0px 0 #f33;  transition: text-shadow .3s ease;}.app-purchase a + a {  margin-left: -4px;}.app-purchase a:hover {  text-shadow: 1px 2px 0 #f33;  transition: text-shadow .3s ease;}.app-purchase a:before {  display: none;}@media (max-width: 767px) {  .app-purchase {    left: 0;  }  .app-content-wrap {    margin: 0 20px 40px;    float: left;  }  .app-image {    padding-left: 10px;  }  .app-description {    padding: 0;  }  .app-text {    padding: 25px 0 0 0;  }}/*----------------------------------*//*------------ Business ------------*//*----------------------------------*/.business-about {  max-width: 800px;  margin: 0 auto;}.business-about h3 {  margin-bottom: 10px;}.business-about hr {  margin: 10px auto 10px;}.business-about-text {  max-width: 550px;  margin: 0 auto 32px;}.carousell-fx {  margin-left: -5px !important;  width: calc(100% + 5px);  margin-bottom: 20px;}.carousell-fx .owl-item {  padding-left: 5px;}@media (min-width: 500px) and (max-width: 767px) {  .carousell-fx {    width: calc(450px + 5px);    margin: 0 auto 20px !important;  }}.about-us {  width: 100%;}.about-us .about-us-item {  max-width: 220px;  margin: 0 auto;}.about-us .about-us-item .text {  color: #0ff;  font-size: 0.875rem;  padding: 48px 10px 0;  margin-bottom: -35px;  text-align: center;  text-transform: uppercase;}.about-us .about-us-item img {  height: 50px;}.team {  width: 100%;  min-height: 312px;}.team .team-item {  border-bottom: 1px solid #b13669;  max-width: 258px;  background: #13181a;  margin: 0 auto;  position: relative;}.team .team-item:before {  content: '';  border-bottom: 1px solid #5b44b8;  position: absolute;  bottom: 1px;  left: 0;  right: 0;}.team .team-info {  border-bottom: 1px solid #1c4ef1;  padding: 18px;  line-height: 1.5;}.team .team-info .name {  font-size: 1.125rem;  font-weight: bold;  text-transform: uppercase;}.team .team-info .post {  color: #0ff;}.business-content {  position: relative;}.glich-button {  border: 1px solid #0ff;  box-shadow: 1px 1px 0 #ff1919, inset 1px 1px 0 #ff1919;  color: #fff;  cursor: pointer;  display: inline-block;  font-size: 1.125rem;  padding: 11px 59px 12px;  line-height: 1;  position: relative;  transition: box-shadow .3s ease, border .3s ease;}.glich-button span {  transition: all .2s linear;}.glich-button:after {  content: attr(data-hover);  position: absolute;  color: #fff;  text-shadow: 1px 1px 0 #0cc;  left: 0;  top: 11px;  bottom: 0;  right: 0;  text-align: center;  -webkit-transform: scale(0.4);  -moz-transform: scale(0.4);  -ms-transform: scale(0.4);  -o-transform: scale(0.4);  transform: scale(0.4);  -webkit-transition-duration: .3s;  -moz-transition-duration: .3s;  -ms-transition-duration: .3s;  -o-transition-duration: .3s;  transition-duration: .3s;  opacity: 0;}.glich-button:hover {  border: 1px solid #f00;  box-shadow: 1px 1px 0 #fff, inset 1px 1px 0 #fff;}.glich-button:hover:after {  opacity: 1;  -webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);}.glich-button:hover span {  -webkit-transform: scale(0.4);  -moz-transform: scale(0.4);  -ms-transform: scale(0.4);  -o-transform: scale(0.4);  transform: scale(0.4);  opacity: 0;  -webkit-transition-duration: .4s;  -moz-transition-duration: .4s;  -ms-transition-duration: .4s;  -o-transition-duration: .4s;  transition-duration: .4s;}a.glich-button:before {  display: none;}_:-ms-fullscreen, :root .glich-button {  padding: 12px 59px 10px;}_:-ms-fullscreen, :root .glich-button:after {  top: 12px;}/*----------------------------------*//*-------- Personal Section --------*//*----------------------------------*/.pensonal h3 {  margin: 0 0 20px 0;}.pensonal .glich-button {  padding: 11px 29px 12px;}.personal-info .name {  font-size: 1.125rem;  font-weight: bold;  text-transform: uppercase;}.personal-info .post {  color: #0ff;}@media (max-width: 767px) {  .personal-image {    display: inline-block;    padding-right: 16px;    vertical-align: middle;    width: 40%;  }  .personal-info {    display: inline-block;    vertical-align: middle;    width: 60%;  }  .personal-info .name {    font-size: 1rem;  }  .personal-info .post {    font-size: 0.875rem;  }}/*----------------------------------*//*--------- Small Company ----------*//*----------------------------------*/.small-company {  max-width: 550px;  margin: 0 auto;}.progress-skill {  margin-bottom: 50px;}.skill-name {  line-height: 1.4;}.skill-wrap {  margin: 0 10px;  text-align: center;}/*----------------------------------*//*------- Under Construction -------*//*----------------------------------*/.under-construction #swiperNav,.under-construction #fp-nav {  display: none;}/*-----------------------------------*//*-------------- Contact ------------*//*-----------------------------------*/.contact-block .section-wrap {  padding: 0;}.contact-me {  max-width: 820px;  width: 100%;  display: inline-block;  padding: 25px 53px 30px;}.contact-me input.input, .contact-me textarea,.contact-me input[type=password],.contact-me input[type=text],.contact-me input[type=email],.contact-me input[type=number],.contact-me input[type=tel],.contact-me input[type=url] {  border-color: transparent;  border-bottom-color: #0ff;  max-width: 100%;  margin-bottom: 0;  padding: 10px 20px 10px;}.contact-me textarea {  border-color: #0ff;  resize: none;  min-height: 120px;}.contact-form {  padding: 0 26px 0 0;}.contact-comment {  margin-top: 40px;  margin-bottom: 16px;}.dashed {  border-bottom: 1px dashed #0072bc;  display: inline;  cursor: pointer;  text-shadow: 0px 0px 0 #f33;}.dashed:hover {  transition: text-shadow .3s ease;  text-shadow: 1px 1px 0 #f33;}.contact-info {  font-size: 0.875rem;  padding: 46px 0 0 43px;}.contact-info i {  color: #0ff;  position: absolute;  left: -30px;  top: 7px;  font-size: 20px;}.contact-info i.fa-phone {  left: -33px;  font-size: 19px;}.contact-info i.fa-envelope-o {  left: -34px;  font-size: 16px;}.contact-street {  margin: 0 0 16px;  line-height: 1.75;  position: relative;}.contact-tell {  margin: 0 0 15px;  line-height: 1.75;  position: relative;}.contact-email {  line-height: 1.75;  position: relative;}@media (max-width: 767px) {  .contact-form {    padding: 40px 22px;  }  .contact-me {    padding: 0 2px 50px;  }  .contact-info {    padding: 0px 0 0 43px;  }}/* Map */.map-canvas {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: -2;  visibility: hidden;  opacity: 0;  transition: opacity .3s ease, visibility .3s ease;}.closed {  background: #000;  cursor: pointer;  right: 0;  position: absolute;  height: 30px;  top: 0;  width: 30px;  z-index: -2;  visibility: hidden;  opacity: 0;  transition: opacity .3s ease, visibility .3s ease;}.closed:before {  content: url("../img/closer.svg");}.contact-me.open {  border-color: transparent;}.contact-me.open .map-canvas {  z-index: 2;  opacity: 1;  visibility: visible;}.contact-me.open .closed {  z-index: 2;  opacity: 1;  visibility: visible;}@media (max-width: 767px) {  .map-canvas {    left: 12px;    right: 12px;  }  .closed {    right: 12px;  }}/*----------------------------------*//*------------ Navigation ----------*//*----------------------------------*/#fp-nav.right {  right: 36px;  width: 80px;}#fp-nav ul li,#swiperNav ul li {  display: inline-block;  position: relative;  height: 100%;  margin: 0;  text-align: center;  width: 100%;  line-height: 1;  vertical-align: top;}#fp-nav ul li:before,#swiperNav ul li:before {  display: none;}#fp-nav ul li:after,#swiperNav ul li:after {  content: '';  background: #0ff;  box-shadow: 0 3px 0 #0ff,0 -3px 0 #0ff;  display: block;  height: 80px;  margin: 0 auto;  vertical-align: top;  width: 1px;}#fp-nav ul li:last-child:after,#swiperNav ul li:last-child:after {  display: none;}#fp-nav ul li a,#swiperNav ul li a {  cursor: pointer;  display: inline-block;  height: 21px;  position: relative;  padding: 0;  text-decoration: none;  vertical-align: middle;  width: 21px;  z-index: 1;}#fp-nav ul li a:before,#swiperNav ul li a:before {  display: none;}#fp-nav ul li a span,#swiperNav ul li a span {  display: inline-block;  border: 2px solid #ed1c24;  border-radius: 50%;  height: 17px;  position: relative;  left: 0;  top: 3px;  text-align: center;  width: 17px;  z-index: 1;  transition: border .3s ease;}#fp-nav ul li a span:before,#swiperNav ul li a span:before {  background: transparent;  border-radius: 50%;  content: '';  height: 7px;  width: 7px;  position: absolute;  top: 3px;  left: 3px;  transition: background .3s ease;}#fp-nav ul li a:hover span,#swiperNav ul li a:hover span {  border: 2px solid #00ffff;}#fp-nav ul li a:hover span:before,#swiperNav ul li a:hover span:before {  background: #ed1c24;}#fp-nav ul li.active a span,#swiperNav ul li.active a span {  background: transparent;  border: 2px solid #00ffff;  height: 21px;  top: 1px;  width: 21px;  transition: border .0s ease;}#fp-nav ul li.active a span:before,#swiperNav ul li.active a span:before {  background: #ed1c24;  transition: background .0s ease;  top: 5px;  left: 5px;}#fp-nav ul li.active:after,#swiperNav ul li.active:after {  box-shadow: 0 3px 0 #0ff;}#fp-nav ul li:hover .fp-tooltip {  opacity: 0;}#fp-nav ul li .fp-tooltip {  border: 2px solid #0ff;  border-right: 0;  font-size: 12px;  padding: 5px 11px 4px;  overflow: visible;  visibility: hidden;  text-transform: uppercase;  top: 3px;  width: auto;  transition: visibility .3s ease, opacity .3s ease;}#fp-nav ul li .fp-tooltip.right {  right: 61px;}#fp-nav ul li .fp-tooltip:before, #fp-nav ul li .fp-tooltip:after {  content: '';  position: absolute;  top: 0;  right: 0;  width: 2px;  height: 30%;  background: #0ff;}#fp-nav ul li .fp-tooltip:after {  top: 71%;}#fp-nav ul li .fp-tooltip .tip {  position: absolute;  right: -6px;  top: 30%;  bottom: 30%;  width: 8px;  overflow: hidden;}#fp-nav ul li .fp-tooltip .tip:before, #fp-nav ul li .fp-tooltip .tip:after {  content: '';  position: absolute;}#fp-nav ul li .fp-tooltip .tip:before {  background: #0ff;  height: 2px;  width: 100%;  left: 0;  top: 0;  right: 0;}#fp-nav ul li .fp-tooltip .tip:after {  background: #0ff;  height: 2px;  width: 250%;  bottom: 2px;  left: -6px;  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  transform: rotate(-45deg);}#fp-nav ul li a:hover + .fp-tooltip {  visibility: visible;  opacity: 1;  transition: visibility .3s ease, opacity .3s ease;}#swiperNav ul li {  display: inline-block;  vertical-align: middle;  width: 100px;  text-align: left;}#swiperNav ul li a {  left: 0px;  text-align: center;}#swiperNav ul li a span {  top: 2px;  left: -2px;}#swiperNav ul li:after {  box-shadow: 2px 0 0 #0ff,-5px 0 0 #0ff;  display: inline-block;  height: 1px;  vertical-align: middle;  width: 76px;}#swiperNav ul li.active a span {  top: 0;  left: -2px;}#swiperNav ul li.active:after {  box-shadow: 3px 0 #0ff,-3px 0 #0ff;}@media (min-width: 1100px) and (max-width: 1200px) {  .no-touch #fp-nav {    right: 0px;  }}@media (max-width: 991px) {  #fp-nav {    position: fixed;    margin-top: -32px;    top: inherit;    opacity: 1;    bottom: 36px;    left: 67px;    right: inherit;  }  #fp-nav.right {    right: inherit;    width: inherit;  }  #swiperNav ul li,  #fp-nav ul li {    display: inline-block;    vertical-align: middle;    width: 100px;    text-align: left;  }  #swiperNav ul li a,  #fp-nav ul li a {    left: 0px;    text-align: center;  }  #swiperNav ul li a span,  #fp-nav ul li a span {    top: 2px;    left: -2px;  }  #swiperNav ul li:after,  #fp-nav ul li:after {    box-shadow: 2px 0 0 #0ff,-5px 0 0 #0ff;    display: inline-block;    height: 1px;    vertical-align: middle;    width: 76px;  }  #swiperNav ul li.active a span,  #fp-nav ul li.active a span {    top: 0;    left: -2px;  }  #swiperNav ul li.active:after,  #fp-nav ul li.active:after {    box-shadow: 3px 0 #0ff,-3px 0 #0ff;  }  #fp-nav ul li .fp-tooltip {    display: none;  }}@media (max-width: 767px) {  #fp-nav,  #swiperNav {    position: fixed;    top: inherit;    opacity: 1;    bottom: 9px;    left: 0;    right: 0;    text-align: center;  }  #fp-nav ul,  #swiperNav ul {    display: inline-block;    padding-left: 10px;  }  #fp-nav ul li:last-child,  #swiperNav ul li:last-child {    width: 22px;  }  #fp-nav.right,  #swiperNav.right {    right: 0;  }}@media (max-width: 767px) {  #fp-nav ul li,  #swiperNav ul li {    width: 70px;  }  #fp-nav ul li:after,  #swiperNav ul li:after {    width: 47px;  }}/*---------------------------------*//*------- Swiper Navigation -------*//*---------------------------------*/#swiperNav {  position: fixed;  bottom: 36px;  left: 67px;  z-index: 22;  text-align: center;}@media (max-width: 767px) {  #swiperNav {    right: 0;    left: 0;    bottom: 0;  }}/*----------------------------------*//*----------- Social Icons ---------*//*----------------------------------*/.social-icons {  display: inline-block;  text-align: right;  margin-top: 16px;  font-size: 0;  white-space: nowrap;  width: 100%;}.social-icons a {  color: #30ffe4;  display: inline-block;  padding: 2px 9px;  text-shadow: 1px 1px 0 #f33;  z-index: 1;}.social-icons a:hover {  color: #fff;}.social-icons a:before {  display: none;}.social-icons-wrap .need-social {  border: 1px solid #fff;  box-shadow: 1px 1px 0 #f33, inset 1px 1px 0 #f33;  color: #30ffe4;  font-size: 0.875rem;  position: absolute;  right: 10px;  opacity: 0;  text-transform: uppercase;  top: 16px;  transition: opacity .3s ease;  visibility: hidden;}.social-icons-wrap .need-social .opened {  padding: 1px 9px;  cursor: pointer;}.social-icons-wrap .need-social .closes {  content: url("../img/close.svg");  cursor: pointer;  position: absolute;  top: 8px;  right: 8px;  transition: opacity .3s ease;  opacity: 0;  visibility: hidden;}.social-icons-wrap.hide-social {  width: calc(100% - 20px);  position: absolute;  left: 10px;}.social-icons-wrap.hide-social .social-icons {  text-align: left;  opacity: 0;  visibility: hidden;}.social-icons-wrap.hide-social .social-icons a {  line-height: 1;  padding: 5px 9px;}.social-icons-wrap.hide-social .need-social {  opacity: 1;  visibility: visible;}.social-icons-wrap.open .need-social {  width: calc(100% - 20px);  left: 10px;}.social-icons-wrap.open .need-social .opened {  opacity: 0;  visibility: hidden;}.social-icons-wrap.open .need-social .closes {  opacity: 1;  visibility: visible;}.social-icons-wrap.open .social-icons {  opacity: 1;  visibility: visible;}.img-responsive {  margin: 0 auto;}.img-circle {  margin-bottom: 20px;}/*----------------------------------*//*---------- Fixed for Ipad --------*//*----------------------------------*/.space {  position: fixed;  width: 400vw;  height: 400vh;  top: 50%;  left: 50%;  margin-top: -200vh;  margin-left: -200vw;  -webkit-animation: spin 240s linear infinite;  animation: spin 240s linear infinite;  background-size: 240px 240px;  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0MCAyNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0MCAyNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjEwNiIgeT0iOTAiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI3NCIgeT0iNjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMyIgeT0iNjYiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1MCIgeT0iMTEwIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNjMiIHk9IjEyOCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQ1IiB5PSIxNDkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5MiIgeT0iMTUxIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNTgiIHk9IjgiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNDciIHk9IjMzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iOTEiIHk9IjQzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTY5IiB5PSIyOSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4MiIgeT0iMTkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNjEiIHk9IjU5IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTM4IiB5PSI5NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5OSIgeT0iNzEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz48cmVjdCB4PSIyMTMiIHk9IjE1MyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjEyOCIgeT0iMTYzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMjA1IiB5PSIxNzQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNTIiIHk9IjIwMCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjUyIiB5PSIyMTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB5PSIxOTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMTAiIHk9IjE4NCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjwvc3ZnPg==);}@keyframes spin {  from {    transform: rotate(0deg);  }  to {    transform: rotate(360deg);  }}@-webkit-keyframes spin {  from {    -webkit-transform: rotate(0deg);  }  to {    -webkit-transform: rotate(360deg);  }}/*----------------------------------*//*---------- Fixed for Ipad --------*//*----------------------------------*/@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {  .touch {    position: fixed;    top: 0;    right: 0;    left: 0;    bottom: 0;  }}.scrollSpy {  height: 1px;  width: 100%;  background: transparent;  outline: 0;  position: absolute;}body:after {  background: #fff;  bottom: 0;  content: '';  left: 0;  right: 0;  position: fixed;  top: 0;  opacity: 1;  visibility: visible;  z-index: 121121;  transition: opacity 1.5s ease, visibility 1.5s ease;  -webkit-transition-delay: .5s;  transition-delay: .5s;}.loader:after {  opacity: 0;  visibility: hidden;}.video-background video {  position: fixed;  z-index: 0;  min-width: 100%;  min-height: 100%;  left: 0px;  top: 0px;  overflow: hidden;  opacity: 1;  z-index: -1;}.no-line a:before,a.no-line:before {  display: none;}.logotype {  display: inline-block;  padding: 0;  margin-left: -5px;  font: 400 30px/1 intro;  color: #fff;  letter-spacing: .15em;  margin-top: 20px;}.logotype:visited, .logotype:hover, .logotype:active, .logotype:focus {  color: #fff;}.logotype.hidde {  opacity: 0;  visibility: hidden;}.btn.form-sender {  background: #111517;  transition: background .5s ease;}.btn.form-sender input[type="submit"] {  background: transparent;  -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);  transition: transform .3s ease;  z-index: 0;}.btn.form-sender .error,.btn.form-sender .success {  position: absolute;  width: 100%;  height: 100%;  left: 0;  z-index: 0;  -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);  transition: transform .3s ease;}.btn.form-sender .error svg,.btn.form-sender .success svg {  width: 29px;  height: 23px;  position: relative;  top: 14px;  line-height: 1;}.btn.form-sender .error:before,.btn.form-sender .error:after {  background: #fff;  content: "";  height: 2px;  left: 50%;  margin: -1px 0 0 -13px;  position: absolute;  top: 50%;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);  width: 26px;}.btn.form-sender .error:after {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  transform: rotate(-45deg);}.btn.form-sender .progress {  background: #7ebec4;  box-shadow: none;  border-radius: 0;  margin: 0;  width: 0;  position: absolute;  height: 100%;  left: 0;  z-index: 0;  -webkit-transition: width 0s linear, background .5s ease;  transition: width 0s linear, background .5s ease;}.btn.form-sender.success {  background: #5fbe4d;  transition: background .5s ease;}.btn.form-sender.success input {  -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);}.btn.form-sender.success .success {  -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);  z-index: 1;}.btn.form-sender.error {  background: #ff6666;  transition: background .5s ease;}.btn.form-sender.error input {  -webkit-transform: scale(0);  -ms-transform: scale(0);  transform: scale(0);}.btn.form-sender.error .error {  -webkit-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}.btn.form-sender.loading >.progress {  -webkit-transition: width .6s linear, background .5s ease;  transition: width .6s linear, background .5s ease;  width: 100%;}.btn.form-sender.loaded.success >.progress {  background: #5fbe4d;}.btn.form-sender.error:before, .btn.form-sender.error:after, .btn.form-sender.success:before, .btn.form-sender.success:after, .btn.form-sender.loaded:before, .btn.form-sender.loaded:after, .btn.form-sender.loading:before, .btn.form-sender.loading:after {  -webkit-transition: opacity .5s ease;  transition: opacity .5s ease;  opacity: 0;}@media (min-width: 991px) and (max-width: 1100px) {  .business-team-carousell {    width: 600px;    margin: 0 auto !important;  }  .portfolio {    width: 800px;    margin: 0 auto;  }}.form-styler .has-error input.input, .form-styler .has-error textarea,.form-styler .has-error input[type=password],.form-styler .has-error input[type=text],.form-styler .has-error input[type=email],.form-styler .has-error input[type=number],.form-styler .has-error input[type=tel],.form-styler .has-error input[type=url] {  color: #ff6666;}.form-styler .has-error ::-webkit-input-placeholder {  color: #ff6666;}.form-styler .has-error :-moz-placeholder {  color: #ff6666;  opacity: 1;}.form-styler .has-error ::-moz-placeholder {  color: #ff6666;  opacity: 1;}.form-styler .has-error :-ms-input-placeholder {  color: #ff6666;}.form-group:not(.contact-comment) {  margin-bottom: 0;}/*---------------------------------------------------------------------------------------*//*-----------------------------------Text align for Botstrap-----------------------------*//*---------------------------------------------------------------------------------------*/.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {  text-align: left;}.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {  text-align: center;}.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {  text-align: right;}.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {  text-align: justify;}@media (max-width: 767px) {  .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {    text-align: inherit;  }  .text-left-xs {    text-align: left;  }  .text-center-xs {    text-align: center;  }  .text-right-xs {    text-align: right;  }  .text-justify-xs {    text-align: justify;  }}@media (min-width: 768px) and (max-width: 991px) {  .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {    text-align: inherit;  }  .text-left-sm {    text-align: left;  }  .text-center-sm {    text-align: center;  }  .text-right-sm {    text-align: right;  }  .text-justify-sm {    text-align: justify;  }}@media (min-width: 992px) and (max-width: 1199px) {  .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {    text-align: inherit;  }  .text-left-md {    text-align: left;  }  .text-center-md {    text-align: center;  }  .text-right-md {    text-align: right;  }  .text-justify-md {    text-align: justify;  }}@media (min-width: 1200px) {  .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {    text-align: inherit;  }  .text-left-lg {    text-align: left;  }  .text-center-lg {    text-align: center;  }  .text-right-lg {    text-align: right;  }  .text-justify-lg {    text-align: justify;  }}/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/144(此说明不在下载的源码里，只用在演示页面里)*/