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



	Theme Name: Vero

	Theme URI: http://themeforest.net/user/zytheme

	Description: Vero is a pixel perfect creative html5 app landing page  based on designed with great attention to details, flexibility and performance. It is ultra professional, smooth and sleek, with a clean modern layout.

	Author: zytheme

	Author URI: http://themeforest.net/user/zytheme

	Version: 1.0



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

/*!

// Contents

// ------------------------------------------------>



 1.  Global Styles

 2.  Typography

 3.	 Color

 4.	 Align

 5.	 Grid

 6.	 Blockquotes

 7.	 Background

 8.	 Breadcrumbs

 9.	 Buttons

 10. Forms

 11. Icons

 12. List

 13. Media

 14. Tabs

 15. Accordions

 16. Page Title

 17. Pagination

 18. Alerts

 19. Backtop

 20. Range

 21. Icon Box

 22. Misc

 23. Modals

 24. Animation

 25. Tables

 26. Heading

 27. Loading

 28. Header

 29. Menu

 30. Hero

 31. Team

 32. Testimonial

 33. Portfolio

 34. Feature

 35. Call To Action

 36. Counter

 37. Pricing Tables

 38. Blog

 39. Shop

 40. Contact

 41. Sidebar

 42. Footer

 43. 404

 44. Soon

 45. Maintenance

 46. Clients

 47. Process

 48. Skills

 49. Video

 50. Newsletter

 51. Timeline

 52. Carousel

 53. Divider

 54. Banner

 55. Number

 56. Pie Charts

 57. Side Nav

 58. Landing

 59. Layout Boxed

 60. Layout Bordered

 61. Layout Split



/*------------------------------------*\

    #GLOBAL STYLES

\*------------------------------------*/



body,

html {

  overflow-x: hidden;

}

html {

  font-size: 13px;

}

body {

  background-color: #ffffff;

  font-family: 'Roboto', sans-serif;

  font-size: 13px;

  font-weight: 400;

  color: #aaaaaa;

  line-height: 1.5;

  margin: 0;

}

.wrapper {

  background-color: #fafafa;

}

* {

  outline: none;

}

::-moz-selection {

  text-shadow: none;

}

::selection {

  background-color: #0071BA;

  color: #ffffff;

  text-shadow: none;

}

a {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  color: #0071BA;

}

a:hover {

  color: #04305D;

  text-decoration: none;

}

a:focus {

  color: #04305D;

  outline: none;

  text-decoration: none;

}

a:active {

  color: #d88700;

  outline: none;

  text-decoration: none;

}

textarea {

  resize: none;

}

button.btn {

  margin-bottom: 0;

}

.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn.focus:active,

.btn.active.focus {

  outline: none;

}

.modal-backdrop {

  z-index: 1020;

  background-color: rgba(34, 34, 34, 0.95);

}

.fullscreen {

  height: 100vh !important;

}

/* Custom, iPhone Retina */

/* Small Devices, Tablets */

/* Medium Devices, Desktops */

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

  .fullscreen {

    height: auto !important;

  }

}

/*------------------------------------*\

    #TYPOGRAPHY

\*------------------------------------*/

/* Heading Text */

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

  color: #363636;

  font-family: 'Roboto', sans-serif;

  font-weight: 700;

  margin: 0 0 28px;

  line-height: 1;

}

.h1,

h1 {

  font-size: 52px;

}

.h2,

h2 {

  font-size: 42px;

}

.h3,

h3 {

  font-size: 38px;

}

.h4,

h4 {

  font-size: 32px;

}

.h5,

h5 {

  font-size: 24px;

}

.h6,

h6 {

  font-size: 18px;

}

p {

  color: #aaaaaa;

  font-size: 13px;

  font-weight: 400;

  line-height: 22px;

}

.lead {

  font-size: 16px;

  line-height: 1.8;

}

/* Aligning Text */

.text--left {

  text-align: left !important;

}

.text--right {

  text-align: right !important;

}

.text--center {

  text-align: center !important;

}

.text--just {

  text-align: justify !important;

}

.align--top {

  vertical-align: top;

}

.align--bottom {

  vertical-align: bottom;

}

.align--middle {

  vertical-align: middle;

}

.align--baseline {

  vertical-align: baseline;

}

/* Weight Text */

.bold {

  font-weight: bold;

}

.regular {

  font-weight: normal;

}

.italic {

  font-style: italic;

}

.break-word {

  word-wrap: break-word;

}

.no-wrap {

  white-space: nowrap;

}

/* Text Color */

.text-white {

  color: #ffffff !important;

}

.text-gray {

  color: #f6f7fb !important;

}

.text-black {

  color: #363636;

}

.text-theme {

  color: #ffa40c;

}

.text--capitalize {

  

}

.text--uppercase {

  text-transform: uppercase !important;

}

.font-heading {

  font-family: 'Roboto', sans-serif;

}

.font-body {

  font-family: 'Roboto', sans-serif;

}

.font-18 {

  font-size: 24px;

}

.font-16 {

  font-size: 16px;

}

.font-20 {

  font-size: 20px;

}

.font-40 {

  font-size: 40px;

}

/* Custom, iPhone Retina */

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

  text-center-xs {

    text-align: center !important;

  }

}

/* Small Devices, Tablets */

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

  text-center-sm {

    text-align: center !important;

  }

}

.higlighted-style1 {

  background-color: #ffa40c;

  color: #fff;

  padding: 5px 0;

}

.higlighted-style2 {

  background-color: #363636;

  color: #fff;

  padding: 5px 0;

}

.higlighted-style3 {

  background-color: #f6f7fb;

  color: #ffa40c;

  padding: 5px 0;

}

/*------------------------------------*\

    #COLORS

\*------------------------------------*/

.color-heading {

  color: #363636 !important;

}

.color-theme {

  color: #ffa40c !important;

}

.color-white {

  color: #ffffff !important;

}

.color-gray {

  color: #f6f7fb !important;

}

/*------------------------------------*\

    #Align

\*------------------------------------*/

address,

blockquote,

dd,

dl,

fieldset,

form,

ol,

p,

pre,

table,

ul {

  margin-bottom: 20px;

}

section {

  padding-top: 50px;

  padding-bottom: 0px;

  overflow: hidden;

}

/* All margin */

.m-0 {

  margin: 0 !important;

}

.m-xs {

  margin: 5px;

}

.m-sm {

  margin: 10px;

}

.m-md {

  margin: 20px;

}

.m-lg {

  margin: 40px;

}

/* top margin */

.mt-0 {

  margin-top: 0;

}

.mt-xs {

  margin-top: 10px;

}

.mt-10 {

  margin-top: 10px !important;

}

.mt-20 {

  margin-top: 20px !important;

}

.mt-30 {

  margin-top: 30px !important;

}

.mt-40 {

  margin-top: 40px !important;

}

.mt-50 {

  margin-top: 50px !important;

}

.mt-60 {

  margin-top: 60px;

}

.mt-70 {

  margin-top: 70px !important;

}

.mt-80 {

  margin-top: 80px !important;

}

.mt-90 {

  margin-top: 90px !important;

}

.mt-100 {

  margin-top: 100px !important;

}

.mt-150 {

  margin-top: 150px;

}

/* bottom margin */

.mb-0 {

  margin-bottom: 0 !important;

}

.mb-15 {

  margin-bottom: 15px;

}

.mb-10 {

  margin-bottom: 10px !important;

}

.mb-20 {

  margin-bottom: 20px !important;

}

.mb-30 {

  margin-bottom: 30px !important;

}

.mb-50 {

  margin-bottom: 50px !important;

}

.mb-40 {

  margin-bottom: 40px !important;

}

.mb-60 {

  margin-bottom: 60px !important;

}

.mb-70 {

  margin-bottom: 70px !important;

}

.mb-80 {

  margin-bottom: 80px !important;

}

.mb-90 {

  margin-bottom: 90px !important;

}

.mb-100 {

  margin-bottom: 100px !important;

}

.mb-150 {

  margin-bottom: 150px !important;

}

/* right margin */

.mr-0 {

  margin-right: 0;

}

.mr-30 {

  margin-right: 30px !important;

}

.mr-50 {

  margin-right: 50px;

}

.mr-60 {

  margin-right: 60px;

}

.mr-150 {

  margin-right: 150px;

}

/* left margin */

.ml-0 {

  margin-left: 0;

}

.ml-xs {

  margin-left: 10px;

}

.ml-sm {

  margin-left: 20px;

}

.ml-md {

  margin-left: 40px;

}

.ml-lg {

  margin-left: 80px;

}

.ml-30 {

  margin-left: 30px !important;

}

.ml-50 {

  margin-left: 50px;

}

.ml-60 {

  margin-left: 60px;

}

.ml-150 {

  margin-left: 150px;

}

/* All padding */

.p-0 {

  padding: 0 !important;

}

.p-xs {

  padding: 10px;

}

.p-sm {

  padding: 20px;

}

.p-md {

  padding: 40px;

}

.p-lg {

  padding: 80px;

}

/* top padding */

.pt-0 {

  padding-top: 0 !important;

}

.pt-20 {

  padding-top: 20px !important;

}

.pt-30 {

  padding-top: 30px !important;

}

.pt-40 {

  padding-top: 40px !important;

}

.pt-50 {

  padding-top: 50px;

}

.pt-60 {

  padding-top: 60px;

}

.pt-70 {

  padding-top: 70px !important;

}

.pt-80 {

  padding-top: 80px;

}

.pt-90 {

  padding-top: 90px;

}

.pt-100 {

  padding-top: 100px !important;

}

.pt-150 {

  padding-top: 150px !important;

}

/* bottom padding */

.pb-0 {

  padding-bottom: 0 !important;

}

.pb-30 {

  padding-bottom: 30px;

}

.pb-50 {

  padding-bottom: 50px;

}

.pb-60 {

  padding-bottom: 60px;

}

.pb-70 {

  padding-bottom: 70px !important;

}

.pb-80 {

  padding-bottom: 80px;

}

.pb-90 {

  padding-bottom: 90px;

}

.pb-100 {

  padding-bottom: 100px !important;

}

/* right padding */

.pr-0 {

  padding-right: 0;

}

.pr-xs {

  padding-right: 10px;

}

.pr-sm {

  padding-right: 20px;

}

.pr-md {

  padding-right: 40px;

}

.pr-lg {

  padding-right: 80px;

}

.pr-15 {

  padding-right: 15px !important;

}

.pr-30 {

  padding-right: 30px !important;

}

.pr-50 {

  padding-right: 50px;

}

.pr-60 {

  padding-right: 60px;

}

.pr-100 {

  padding-right: 100px !important;

}

.pr-150 {

  padding-right: 150px;

}

/* left padding */

.pl-0 {

  padding-left: 0 !important;

}

.pl-30 {

  padding-left: 30px;

}

.pl-50 {

  padding-left: 50px;

}

.pl-60 {

  padding-left: 60px;

}

.pl-100 {

  padding-left: 100px !important;

}

.pl-150 {

  padding-left: 150px;

}

/* Postions */

.fixed {

  position: fixed;

}

.relative {

  position: relative;

}

.absolute {

  position: absolute;

}

.static {

  position: static;

}

/* Zindex*/

.zindex-1 {

  z-index: 1;

}

.zindex-2 {

  z-index: 2;

}

.zindex-3 {

  z-index: 3;

}

/* Borders */

.border-all {

  border: 1px solid #ffa40c;

}

.border-top {

  border-top: 1px solid #ffa40c;

}

.border-bottom {

  border-bottom: 1px solid #ffa40c;

}

.border-right {

  border-right: 1px solid #ffa40c;

}

.border-left {

  border-left: 1px solid #ffa40c;

}

/* Display */

.inline {

  display: inline;

}

.block {

  display: block;

}

.inline-block {

  display: inline-block;

}

.hide {

  display: none;

}

.flex {

  display: flex;

}

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

  section {

    padding-top: 60px;

    padding-bottom: 60px;

  }

  .text-center-xs {

    text-align: center !important;

  }

  .pull-none-xs {

    float: none !important;

    text-align: center !important;

  }

  .mb-15-xs {

    margin-bottom: 15px;

  }

  .mb-30-xs {

    margin-bottom: 30px !important;

  }

  .mb-50-xs {

    margin-bottom: 50px;

  }

  .mb-60-xs {

    margin-bottom: 60px !important;

  }

  .p-none-xs {

    padding-right: 0;

    padding-left: 0;

  }

}

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

  .text-center-sm {

    text-align: center !important;

  }

  .mb-0-sm {

    margin-bottom: 0;

  }

  .mb-15-sm {

    margin-bottom: 15px;

  }

  .mb-30-sm {

    margin-bottom: 30px !important;

  }

  .mb-50-sm {

    margin-bottom: 50px;

  }

  .mb-60-sm {

    margin-bottom: 60px;

  }

  .pb-15-sm {

    padding-bottom: 15px;

  }

  .pb-30-sm {

    padding-bottom: 30px;

  }

  .pb-50-sm {

    padding-bottom: 50px;

  }

  .pb-60-sm {

    padding-bottom: 60px;

  }

  .p-none-sm {

    padding-right: 0;

    padding-left: 0;

  }

  .pull-none-sm {

    float: none !important;

    text-align: center !important;

  }

}

.border-b {

  border-bottom: 1px solid #f6f7fb;

}

/*------------------------------------*\

    #Grid

\*------------------------------------*/

.row-no-padding [class*="col-"] {

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.col-lg-5ths,

.col-md-5ths,

.col-sm-5ths,

.col-xs-5ths {

  position: relative;

  min-height: 1px;

  padding-right: 15px;

  padding-left: 15px;

}

.col-xs-5ths {

  width: 20%;

  float: left;

}

@media (min-width: 768px) {

  .col-sm-5ths {

    width: 20%;

    float: left;

  }

}

@media (min-width: 992px) {

  .col-md-5ths {

    width: 20%;

    float: left;

  }

}

@media (min-width: 1200px) {

  .col-lg-5ths {

    width: 20%;

    float: left;

  }

}

.col-content {

  padding: 120px 100px 90px 120px;

}

/* Custom, iPhone Retina */

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

  .col-content {

    padding: 40px !important;

  }

}

/* Small Devices, Tablets */

.col-img {

  height: 600px !important;

  padding: 60px;

  overflow: hidden;

}

/* Custom, iPhone Retina */

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

  .col-img {

    height: auto;

    min-height: 600px;

  }

}

/* Postion Helpers */

.pos-fixed {

  position: fixed;

}

.pos-relative {

  position: relative;

}

.pos-absolute {

  position: absolute;

}

.pos-static {

  position: static;

}

.pos-top {

  top: 0;

}

.pos-bottom {

  bottom: 0;

}

.pos-right {

  right: 0;

}

.pos-left {

  left: 0;

}

.pos-vertical-center {

  position: relative;

  top: 50%;

  -webkit-transform: perspective(1px) translateY(-50%);

  -moz-transform: perspective(1px) translateY(-50%);

  -o-transform: perspective(1px) translateY(-50%);

  transform: perspective(1px) translateY(-50%);

}

.height-700 {

  height: 700px !important;

}
.height-500 {

  height: 500px !important;

}

.height-800 {

  height: 800px !important;

}

@media only screen and (min-width: 992px) {

  .hidden-lg,

  .hidden-md {

    display: none;

  }

}

/*------------------------------------*\

    #BACKGROUNDS

\*------------------------------------*/

.bg-theme {

  background-color: #ffa40c !important;

}

.bg-gray {

  background-color: #f6f7fb !important;

}

.bg-white {

  background-color: #ffffff !important;

}

.bg-dark {

  background-color: #363636 !important;

}

/* Background Image */

.bg-section {

  position: relative;

  overflow: hidden;

  z-index: 1;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -ms-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  /*background-attachment: fixed;*/

  background-repeat: no-repeat;

  background-position: center center;

  width: 100%;

  height: 100%;

}

.bg-overlay:before {

  content: "";

  display: inline-block;

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: -1;

}

.bg-overlay-light:before {

  background-color: #ffffff;

  opacity: 0.8;

}

.bg-overlay-dark:before {

  background-color: #363636;

  opacity: 0.3;

}

.bg-overlay-theme:before {

  background-color: #ffa40c;

  opacity: 0.7;

}

.bg-parallex {

  background-attachment: fixed;

}

.bg-ytvideo.bg-overlay:before {

  z-index: 1;

  opacity: .7;

}

/* Background Video */

.bg-ytvideo {

  position: absolute !important;

  height: 100%;

  width: 100%;

  top: 0;

  z-index: 0 !important;

}

.bg-video {

  width: 100%;

  overflow: hidden;

  behavior: url(/PIE.htc);

  transform: translateZ(0);

  display: block;

  border-radius: 0;

}

.bg-video iframe {

  display: block;

  position: absolute;

  z-index: -2;

}

.bg-video .bg-player {

  bottom: 0;

  left: 0;

  right: 0;

  position: absolute;

  top: 0;

  width: 100%;

  background: url(polina.jpg) no-repeat;

  min-height: 500px;

}

.bg-video .vidbg {

  min-width: 100%;

  min-height: 100%;

}

.bg-vyoutube {

  z-index: 550;

  text-align: center;

  height: 100%;

  min-height: 100%;

  position: relative;

  overflow: hidden;

}

/*------------------------------------*\

    #BUTTONS

\*------------------------------------*/

.btn {

  font-family: 'Roboto', sans-serif;

  position: relative;

  z-index: 2;

  font-size: 18px;

  font-weight: 700;

  text-transform: uppercase;

  text-align: center;

  border-radius: 3px;

  padding: 0;

  width: 230px;

  height: 60px;

  line-height: 60px;

}

.btn.active,

.btn:active {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

/* Button Primary */

.btn--primary {

  background-color: #0071BA;

  color: #ffffff;

  border-color: #0071BA;

}

.btn--primary:active,

.btn--primary:focus,

.btn--primary:hover {

  background-color: #04305D;

  border-color: #04305D;

  color: #ffffff;

}

.bg-dark .btn--primary:active,

.bg-dark .btn--primary:focus,

.bg-dark .btn--primary:hover {

  background-color: #ffad24;

  color: #ffffff;

}

/* Button Secondary*/

.btn--secondary {

  background-color: #363636;

  color: #ffffff;

  border: 2px solid #363636;

}

.btn--secondary:active,

.btn--secondary:focus,

.btn--secondary:hover {

  background-color: #0071BA;

  color: #ffffff;

  border-color: #0071BA;

}

/* Button White */

.btn--white {

  background-color: #ffffff;

  color: #363636;

  border: 1px solid #ffffff;

  border-radius: 4px;

}

.btn--white:active,

.btn--white:focus,

.btn--white:hover {

  background-color: #0071BA;

  color: #ffffff;

  border-color: #0071BA;

}

/* Button Block */

.btn--block {

  width: 100%;

}

.btn--auto {

  width: auto;

}

/* Button Rounded */

.btn--rounded {

  border-radius: 26px;

}

/* Button Bordered */

.btn--bordered {

  background-color: transparent;

}

.btn--bordered.btn--primary {

  color: #0071BA;

  border-color: #0071BA;

}

.btn--bordered.btn--primary:active,

.btn--bordered.btn--primary:focus,

.btn--bordered.btn--primary:hover {

  color: #ffffff;

  background-color: #0071BA;

  border-color: #0071BA;

}

.btn--bordered.btn--secondary {

  color: #2c303d;

  border-color: #e0e0e0;

}

.btn--bordered.btn--secondary:active,

.btn--bordered.btn--secondary:focus,

.btn--bordered.btn--secondary:hover {

  color: #ffffff;

  background-color: #363636;

  border-color: #363636;

}

.btn--bordered.btn--white {

  color: #ffffff;

  border-color: #ffffff;

}

.btn--bordered.btn--white:active,

.btn--bordered.btn--white:focus,

.btn--bordered.btn--white:hover {

  color: #0071BA;

  background-color: #ffffff;

  border-color: #ffffff;

}

.btn--white.btn--secondary {

  color: #363636;

  border-color: #ffffff;

  background-color: #ffffff;

}

.btn--white.btn--secondary:active,

.btn--white.btn--secondary:focus,

.btn--white.btn--secondary:hover {

  color: #ffffff;

  background-color: #0071BA;

  border-color: #0071BA;

}

.bg-theme .btn--primary,

.bg-overlay-theme .btn--primary {

  background-color: #363636;

  color: #ffffff;

  border: none;

}

.portfolio-filter li a.active-filter,

.portfolio-filter li a:hover {

  color: #0071BA;

}

.navbar-toggle {

  border-color: #0071BA;

  -moz-border-radius: 0;

  -webkit-border-radius: 0;

  border-radius: 0;

  margin-top: 35px;

}

/*------------------------------------*\

    #FORMS

\*------------------------------------*/

label {

  font-weight: 300;

  margin-bottom: 10px;

 

}

.form-control {

  color: #aaaaaa;

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 45px;

  height: 45px;

  border: 1px solid e0e0e0;

  background: transparent;

  padding-left: 24px;

  margin-bottom: 15px;

  position: relative;

  border-radius: 3px;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

.form-control:focus {

  border-color: #0071BA;

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

}

/* Placeholder */

.form-control::-webkit-input-placeholder {

  color: #aaaaaa;

}

.form-control:-moz-placeholder {

  color: #aaaaaa;

}

.form-control::-moz-placeholder {

  color: #aaaaaa;

}

.form-control:-ms-input-placeholder {

  color: #aaaaaa;

}

.input-group {

  border-radius: 25px;

  border: 1px solid #e0e0e0;

  background-color: transparent;

  overflow: hidden;

  padding: 0;

}

.input-group .btn {

  border-radius: 0 25px 25px 0;

}

.input-group .input-group-btn {

  overflow: hidden;

}

/* Custom, iPhone Retina */

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

  .input-group .btn {

    width: 120px;

  }

}

/* Small Devices, Tablets */

/*------------------------------------*\

    #Heading

\*------------------------------------*/

.heading .heading--title {

  font-family: 'Roboto', sans-serif;

  font-size: 32px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 30px;

  
}

.heading .heading--desc {

  font-size: 18px;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 0;

  padding: 0 30px;

}

.divider--line {

  position: relative;

  height: 2px;

}

.divider--line:after {

  position: absolute;

  content: "";

  height: 2px;

  width: 50px;

  background-color: #0071BA;

  bottom: 0;

  left: 0;

  margin: 0 auto;

}

.divider--center:after {

  left: 50%;

  margin-left: -25px;

}

.heading .divider--line + .heading--desc {

  margin-top: 30px;

}

.heading .heading--desc + .divider--line {

  margin-top: 37px;

}

/* Custom, iPhone Retina */

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

  .heading .heading--title {

    font-size: 30px;

  }

}

/* Small Devices, Tablets */

/*------------------------------------*\

    #LOADING-SECTION

\*------------------------------------*/

.preloader {

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  position: fixed;

  z-index: 99999;

  background-color: #ffffff;

  overflow: hidden;

}

/*------------------------------------*\

    #HEADER

\*------------------------------------*/

.header {

  height: 100px;

}

.header-transparent {

  background-color: transparent;

}

.header-transparent + .mtop-100,

.header-transparent + .page-title {

  position: relative;

  margin-top: -100px;

}

/*------------------------------------*\

    #Menu

\*------------------------------------*/

.header .navbar-collapse {

  padding-right: 0;

  padding-left: 0;

}

.header .navbar {

  margin-bottom: 0;

  border-radius: 0;

  min-height: 100px;

  border: none;

}

.header .navbar.affix {

  top: 0;

}

.header .navbar-nav {

  display: none;

}

.header .navbar.affix .navbar-nav {

  display: block;

}

.header-bordered .navbar {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

}

.header .navbar .logo {

  max-width: 100%;

  height: auto;

  line-height: 100px;

}

.navbar-nav:not(.nav-pos-right) {

  margin-right: 200px;

}

.nav-bordered-right {

  margin-right: 30px;

}

.nav-bordered-right + .module:first-of-type:before {

  position: relative;

  margin-left: 12px;

}

.nav-bordered-right + .module:first-of-type:before {

  position: absolute;

  top: 50%;

  margin-top: -13px;

  left: -46px;

  content: "";

  width: 2px;

  height: 26px;

  background-color: #c9c9c9;

}

.affix .nav-bordered-right + .module:first-of-type:before {

  background-color: #c9c9c9;

}

.navbar-nav > li {

  margin-right: 32px;

}

.navbar-nav > li > a {

  font-size: 16px;

  
  font-weight: 400;

  line-height: 100px;

  color: #ffffff;

  padding: 0;

}

.nav .open > a,

.nav .open > a:focus,

.nav .open > a:hover {

  background-color: transparent;

  border: none;

}

.navbar-nav > li.active > ul {

  margin-top: 0;

}

.navbar-nav > li > a:focus,

.navbar-nav > li > a:hover {

  background-color: transparent;

  color: #ffffff;

}

/* Menu Level #1 */

.navbar-nav > li > a:before {

  position: absolute;

  bottom: -1px;

  left: 0;

  right: 0;

  margin: auto;

  width: 0;

  height: 3px;

  background: transparent;

  content: '';

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  transition: all 0.4s;

}

.navbar-nav > li > a:hover::before,

.navbar-nav > li.active > a:before {

  background-color: #ffffff;

  width: 100%;

}

.transparent-header .navbar {

  background-color: transparent;

  height: 101px;

}

/* Header Light */

.header-light {

  background-color: #ffffff;

}

.header-light .navbar .logo-dark {

  display: inline-block;

}

.header-light .navbar .logo-light {

  display: none;

}

.header-light .navbar .navbar-nav > li > a:hover::before,

.header-light .navbar .navbar-nav > li.active > a:before {

  background-color: #04C3B7;

}

/* Header Fixed */

.header-fixed .affix {

  background-color: #ffffff;

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

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

  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.09);

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

  display: block;

}

.header-fixed:not(.header-light) .navbar .logo-dark {

  display: none;

}

.header-fixed .navbar.affix .logo-dark {

  display: inline-block;

}

.header-fixed .navbar.affix .logo-light {

  display: none;

}

.header-fixed .navbar.affix .module .module-icon i,

.header-fixed .navbar.affix .navbar-nav > li > a {

  color: #222222;

}

.header-fixed .navbar.affix .navbar-nav > li > a:hover::before,

.header-fixed .navbar.affix .navbar-nav > li.active > a:before {

  background-color: #04C3B7;

}

/* Header Centered */

.header-centered {

  height: 255px;

}

.header-centered .navbar-collapse {

  padding-right: 260px;

  padding-left: 260px;

}

.header-centered .navbar {

  top: 155px;

}

.header-centered .navbar.affix {

  top: 0;

}

.header-centered .logo-centered {

  padding-top: 50px;

  padding-bottom: 25px;

}

/* Header With Top Bar */

.header-topbar {

  height: 155px;

}

.header-topbar .navbar {

  top: 55px;

}

.header-topbar .navbar.affix {

  top: 0;

}

/* Header #3 */

.header-3 .navbar-nav {

  margin-right: 30px;

  border-right: 1px solid rgba(255, 255, 255, 0.25);

}

.header-3 .navbar + .module:first-of-type:before {

  position: relative;

  margin-left: 12px;

}

/* Header #5 */

.header-5 .container-fluid {

  padding-right: 0;

}

.header-5 .module {

  position: relative;

  border-left: 1px solid rgba(255, 255, 255, 0.25);

}

.header-5 .module .module-icon {

  margin-left: 25px;

  margin-right: 25px;

}

/* Header #5 */

.header-6 .container-fluid {

  padding-right: 0;

}

.header-6 .navbar {

  min-height: 79px;

}

.header-6 .navbar .logo {

  height: 79px;

  line-height: 79px;

}

.header-6 .module .module-icon {

  line-height: 79px;

}

.header-6 .module .module-label {

  top: 24px;

  right: 17px;

  left: auto;

}

.header-6 .navbar-nav > li {

  margin-right: 0;

}

.header-6 .navbar-nav > li > a {

  padding-right: 32px;

  padding-left: 32px;

  border-left: 1px solid rgba(255, 255, 255, 0.25);

  line-height: 79px;

}

.header-6 .navbar-nav > li > .menu-item:before {

  display: none;

}

.header-6 .navbar-nav > li.active,

.header-6 .navbar-nav > li:hover {

  background-color: rgba(34, 34, 34, 0.5);

}

.header-6 .module {

  position: relative;

  border-left: 1px solid rgba(255, 255, 255, 0.25);

}

.header-6 .module .module-icon {

  margin-left: 32px;

  margin-right: 32px;

}

/* Header Centered */

.header-7 {

  height: 305px;

}

.header-7 .navbar {

  top: 205px;

}

.header-7 .navbar.affix {

  top: 0;

}

/* Header #13 */

.header-13 .logo {

  position: absolute;

  left: 50%;

  margin-left: -51px;

}

/* Header #10 */

.header-10 .nav-bordered-right + .module:first-of-type:before {

  background-color: #464d52;

}

/* Header #16 */

.header-16 .navbar {

  top: 30px;

}

.header-16 .navbar.affix {

  top: 0;

}

/* Header #17 */

.header-centered.header-17 {

  height: 265px;

}

.header-centered.header-17 .navbar {

  top: 165px;

}

.header-17 .navbar.affix {

  top: 0;

}

/* Header Half */

.header-half .navbar-nav > li > .menu-item:before {

  bottom: 36px;

}

/* Container Bordered */

.container-bordered {

  border-bottom: 1px solid rgba(255, 255, 255, 0.15);

  height: 100px;

}

/* Navbar Dark */

.header-transparent.header-light .navbar.affix {

  background-color: transparent;

}

.navbar.navbar--dark .logo-dark {

  display: inline-block !important;

}

.navbar.navbar--dark .logo-light {

  display: none;

}

.navbar.navbar--dark .module .module-icon,

.navbar.navbar--dark .module .module-icon i,

.navbar.navbar--dark .navbar-nav > li > a {

  color: #04C3B7;

}

.navbar.navbar--dark .navbar-nav > li > .menu-item:hover::before,

.navbar.navbar--dark .navbar-nav > li.active > .menu-item:before,

.header-8 .navbar.navbar--dark .module-menu .module-icon:after {

  background-color: #04C3B7;

}

/* Header Split */

.header-split .logo-dark {

  display: none;

}

.header-split .logo-light {

  display: inline-block;

}

.header-split .module .module-icon i,

.header-split .navbar-nav > li > a {

  color: #04C3B7;

}

.header-split .navbar-nav > li > .menu-item:hover::before,

.header-split .navbar-nav > li.active > .menu-item:before {

  background-color: #04C3B7;

}

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) and (max-width: 479px) {

  .header .navbar {

    top: 0;

  }

  .navbar-toggle .icon-bar {

    background-color: #0071BA;

  }

  .header-fixed .navbar.affix .navbar-nav > li > a {

    color: #ffffff;

  }

}

/* Custom, iPhone Retina */

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

  .header .container {

    padding-right: 0;

    padding-left: 0;

  }

  .navbar-nav {

    margin: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  }

  .navbar-toggle {

    border-color: #0071BA;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    margin-top: 35px;

    display: none;

  }

  .header .navbar .logo {

    margin: 0 auto;

    display: block;

    text-align: CENTER;

  }

  .affix .navbar-toggle {

    display: block;

  }

  .affix.navbar .logo {

    margin: 0;

    text-align: left;

  }

  .container > .navbar-header {

    margin-left: 0;

    padding-right: 10px;

    padding-left: 10px;

  }

  .container > .navbar-collapse {

    width: 100%;

    background-color: #ffffff;

    margin-right: 0;

    margin-left: 0;

  }

  .navbar-toggle .icon-bar {

    background-color: #0071BA;

  }

  .navbar-nav > li {

    height: auto !important;

    margin-right: 0;

  }

  .navbar-nav > li.pull-left {

    float: none !important;

  }

  .navbar-nav li a {

    line-height: 36px;

    color: #ffffff;

    padding-right: 0;

    padding-left: 10px;

    padding-top: 0;

  }

  .navbar-nav > li > a:before {

    display: none;

  }

  .navbar-nav:not(.nav-pos-right) {

    margin-right: 0;

  }

}

/* Small Devices, Tablets */

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

  .header .container {

    padding-right: 0;

    padding-left: 0;

  }

  .navbar-header {

    float: none !important;

    margin-right: auto;

    margin-left: auto;

    text-align: center;

  }

  .header .navbar .logo {

    float: left;

  }

  .navbar-toggle {

    border-color: #0071BA;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border-radius: 0;

    margin-top: 35px;

    display: block;

  }

  .navbar-toggle .icon-bar {

    background-color: #0071BA;

  }

  .navbar-fixed-top .navbar-collapse {

    overflow: scroll !important;

  }

  .navbar-collapse.collapse {

    display: none!important;

  }

  .collapse.in {

    display: block !important;

  }

  .navbar-nav {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

  }

  .navbar-nav > li {

    float: none;

  }

  .container > .navbar-collapse {

    width: 100%;

    background-color: #ffffff;

    margin-right: 0;

  }

  .navbar-nav > li {

    height: auto !important;

    margin-right: 0;

  }

  .navbar-nav > li.pull-left {

    float: none !important;

  }

  .navbar-nav > li > a {

    line-height: 36px !important;

    color: #363636 !important;

    padding-right: 0;

    padding-left: 0;

    padding-top: 0;

  }

  .navbar-toggle .icon-bar {

    background-color: #0071BA;

  }

  .navbar-nav > li:after {

    display: none;

  }

  .navbar-nav > li.active {

    border-bottom: none;

  }

  li a:hover,

  li.open > a:focus {

    color: #ffffff;

  }

  .nav > li > a:focus,

  .nav > li > a:hover {

    background-color: transparent;

  }

  .navbar-nav > li > a:before {

    display: none;

  }

}

/* Small Devices, Tablets */

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

  .navbar.navbar--dark .navbar-nav > li > a {

    color: #ffffff;

  }

}

/* Large Devices, Wide Screens */

@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .navbar-nav > li {

    margin-right: 16px;

  }

}

/*------------------------------------*\

    #Hero

\*------------------------------------*/

.header-transparent + .slider {

  margin-top: -100px;

}

.slider {

  height: 800px;

  padding-top: 0;

  padding-bottom: 0;

}

.slider .slide--item {

  height: 800px;

}

.slider .row-content {

  padding-top: 180px;

}

.slider .slide--headline {

  color: #ffffff;

  font-family: 'Roboto', sans-serif;

  font-size: 60px;

  font-weight: 400;

  line-height: 70px;

  margin-bottom: 10px;

  

}

.slider .slide--bio {

  color: #ffffff;

  font-family: 'Roboto', sans-serif;

  font-size: 20px;

  font-weight: 400;

  line-height: 25px;

  margin-bottom: 50px;

}

.slider .slide--holder {

  position: relative;

}

.slider .input-group {

  border: none;

}

.slider .input-group .form-control {

  background-color: #ffffff;

}

/* Slider Form */

.slider-form {

  padding-bottom: 50px;

}

.slider-form .row-content {

  padding-top: 120px;

}

.slider-form .slide--headline {

  font-size: 50px;

  line-height: 60px;

  margin-bottom: 30px;

}

.slider-form .slide--bio {

  font-size: 22px;

  line-height: 32px;

  margin-bottom: 32px;

}

.slider-form .slide--action {

  background: #ffffff;

  padding: 50px;

}

.slider-form .slide--action h6 {

  font-size: 30px;

  font-weight: 400;

  line-height: 1;

  margin-bottom: 15px;

  text-align: center;

  

}

.slider-form .slide--action p {

  font-size: 16px;

  font-weight: 400;

  margin-bottom: 50px;

  text-align: center;

}

.btn--video {

  line-height: 55px;

  font-size: 10px;

  font-weight: 400;

  text-transform: uppercase;

  color: #ffffff;

}

.btn--video i {

  width: 55px;

  height: 55px;

  line-height: 56px;

  text-align: center;

  border-radius: 50%;

  background-color: #ffffff;

  font-size: 12px;

  font-weight: 400;

  color: #363636;

  margin-right: 15px;

}

.btn--video:hover {

  color: #363636;

}

.btn--video:hover i {

  background: #363636;

  color: #ffffff;

}

.slider .bg-ytvideo {

  min-height: 800px;

}

/* Custom, iPhone Retina */

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

  .slider .row-content {

    padding-top: 60px;

  }

  .slider .slide--headline {

    font-size: 30px;

    line-height: 1.2;

    text-align: center;

    margin-top: 0;

  }

  .slider .slide--bio {

    font-size: 14px;

    line-height: 1.5;

    padding: 0 10px;

    text-align: center;

    margin-bottom: 20px;

  }

  .slider,

  .slider .slide--item {

    height: 500px;

  }

  .slider-form,

  .slider .slide--item {

    height: auto;

    padding-bottom: 50px;

  }

  .slide--video {

    margin-bottom: 30px;

    text-align: center;

  }

  .slider-form .slide--action {

    padding: 20px;

  }

}

/* Small Devices, Tablets */

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

  .slider,

  .slider .slide--item {

    height: 600px;

  }

  .slider .row-content {

    padding-top: 80px;

  }

  .slider .slide--headline {

    font-size: 30px;

    line-height: 1.2;

  }

  .slider .slide--bio {

    font-size: 14px;

    line-height: 1.5;

    margin-bottom: 20px;

  }

  .slider-form,

  .slider .slide--item {

    height: auto;

    padding-bottom: 50px;

  }

  .slider-form .slide--action {

    padding: 30px;

  }

}

/*------------------------------------*\

    #Testimonial

\*------------------------------------*/

.testimonial-panel {

  padding: 50px 80px;

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -ms-transition: all .3s linear;

  transition: all .3s linear;

  position: relative;

  margin-bottom: 30px;

  text-align: center;

}

.testimonial-panel:hover {

  background-color: #f8f8f8;

}

.testimonial-panel .testimonial--img {

  margin: 0 auto 25px auto;

}

.testimonial-panel .testimonial--body p {

  color: #999999;

  font-family: 'Roboto', sans-serif;

  font-size: 16px;

  line-height: 28px;

  font-weight: 400;

  margin-bottom: 0;

}

.testimonial-panel .testimonial--author h5 {

  font-size: 18px;

  font-weight: 500;

  line-height: 1;

  margin-bottom: 0;

  

  text-align: center;

}

.testimonial-panel .testimonial--job {

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 25px;

  margin-top: 12px;

}

/* Custom, iPhone Retina */

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

  .testimonial-panel {

    padding: 30px;

  }

  .testimonial-panel .testimonial--img {

    position: relative;

    top: 0;

    left: 0;

    margin: 0 auto 20px auto;

    text-align: center;

  }

  .testimonial-panel .testimonial--body {

    padding-left: 0;

    text-align: center;

  }

  .testimonial-panel .testimonial--author h5 {

    text-align: center;

  }

}

/* Small Devices, Tablets */

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

  .testimonial-panel {

    padding: 40px;

  }

}

/*------------------------------------*\

    #Features

\*------------------------------------*/

.feature-panel {

  position: relative;

}

.feature-panel .feature--icon {

  color: #0071BA;

  font-size: 55px;

  line-height: 1;

  margin-bottom: 35px;

}

.feature-panel .feature--icon i {

  -webkit-transition: all .3s linear;

  -moz-transition: all .3s linear;

  -ms-transition: all .3s linear;

  transition: all .3s linear;

  display: inline-block;

}

.feature-panel .feature--icon:hover i {

  -webkit-animation: pulse 0.9s infinite;

  -moz-animation: pulse 0.9s infinite;

  -ms-animation: pulse 0.9s infinite;

  -o-animation: pulse 0.9s infinite;

  animation: pulse 0.9s infinite;

}

.feature-panel .feature--content h3 {

  font-family: Roboto, arial;

  color:#6f42c1;

  font-size: 24px;

  font-weight: 600;

  line-height: 1;

  margin-bottom: 16px;

  

}

.feature-panel .feature--content p {

  font-size: 15px;

  font-weight: 400;
	
  color:#000;

  line-height: 22px;

  margin-bottom: 0;

  padding-right: 10px;

  padding-left: 10px;

}

.feature-left .feature-panel {

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -ms-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}

.feature-left .feature-panel:hover {

  -webkit-transform: translateY(-4px);

  -moz-transform: translateY(-4px);

  transform: translateY(-4px);

}

.feature-left .feature-panel .feature--icon {

  position: absolute;

  left: 0;

  top: 0;

  margin-bottom: 0;

}

.feature-left .feature-panel .feature--content {

  padding-left: 68px;

}

.feature-left .feature-panel {

  margin-bottom: 0;

}

/* feature left circle  */

.feature-left-circle .feature--content h3 {

  font-size: 22px;

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

  line-height: 29px;

  margin-bottom: 15px;

}

.feature-left-circle .feature--content p {

  font-size: 14px;

  font-weight: 400;

  line-height: 23px;

  padding: 0;

}

.feature-left-circle .feature--icon {

  width: 45px;

  height: 45px;

  line-height: 42px;

  text-align: center;

  border-radius: 50%;

  color: #0071BA;

  font-family: 'Roboto', sans-serif;

  font-size: 24px;

  border: 2px solid #0071BA;

  -webkit-transition: all .2s linear;

  -moz-transition: all .2s linear;

  transition: all .2s linear;

}

.feature-left-circle .feature-panel:hover .feature--icon {

  background: #0071BA;

  border-color: #0071BA;

  color: #ffffff;

}

.feature-divider {

  margin-top: 0;

  margin-bottom: 0;

  border-top-color: #e0e0e0;

}

.feature-2 h3 {

  font-size: 26px;

  font-weight: 400;

  margin-bottom: 35px;

  padding-top: 80px;

  

}

.feature-2 p {

  font-size: 18px;

  font-weight: 400;

  line-height: 29px;

}

/* Custom, iPhone Retina */

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

  .feature-panel,

  .feature-left .feature-panel {

    margin-bottom: 30px;

  }

  .feature-panel .feature--icon {

    margin-bottom: 10px;

  }

  .feature img {

    max-width: 100%;

    height: auto;

  }

}

/* Small Devices, Tablets */

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

  .feature-panel {

    margin-bottom: 20px;

  }

  .feature-2 i {

    font-size: 35px;

  }

  .feature-2 .divider--line {

    margin-top: 20px;

    margin-bottom: 15px;

  }

  .feature-2 h2 {

    font-size: 25px;

  }

  .feature-2 p {

    font-size: 15px;

    line-height: 20px;

  }

}

/*------------------------------------*\

    #Call To Action

\*------------------------------------*/

.cta h3 {

  font-size: 45px;

  font-weight: 400;

  line-height: 58px;

  margin-bottom: 25px;

  

}

.cta p {

  font-size: 22px;

  font-weight: 400;

  line-height: 28px;

  margin-bottom: 48px;

}

.cta .btn {

  height: 70px;

  width: 300px;

  font-size: 24px;

  line-height: 70px;

}

/*------------------------------------*\

    #PRICING-SECTION

\*------------------------------------*/

.pricing-panel {

  padding: 50px 88px;

  position: relative;

}

.pricing-panel .pricing--heading h4 {

  color: #2c303d;

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  margin-bottom: 27px;

  text-transform: uppercase;

}

.pricing-panel .pricing--heading p {

  font-family: 'Roboto', sans-serif;

  color: #363636;

  font-size: 70px;

  font-style: italic;

  font-weight: 700;

  line-height: 1;

  margin-bottom: 10px;

  

}

.pricing-panel .pricing--heading .pricing--desc {

  color: #aaaaaa;

 

  font-size: 14px;

  font-weight: 400;

  line-height: 24px;

  margin-bottom: 23px;

}

.pricing-panel .pricing--body {

  color: #2c303d;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

  text-align: center;

}

.pricing-panel .pricing--body ul {

  margin-bottom: 33px;

}

.pricing-panel.pricing-active,

.pricing-panel:hover {

  background-color: #f6f7fb;

}

/* Custom, iPhone Retina */

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

  .price-table {

    margin-bottom: 30px;

  }

  .pricing-panel {

    padding: 30px;

  }

}

/* Small Devices, Tablets */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing-panel {

    padding: 20px;

  }

}

/*------------------------------------*\

    #Footer

\*------------------------------------*/

.footer {

  background-color: #fff;

  padding-top: 47px;

  padding-bottom: 47px;

}

.footer--copyright,

.footer--copyright a {

  color: #999999;

  font-family: 'Roboto', sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 1;

  

}

.footer--copyright i {

  color: red;

}

/* Custom, iPhone Retina */

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

  .footer--copyright {

    font-size: 12px;

    text-align: center;

    margin-bottom: 30px;

  }

}

/* Small Devices, Tablets */

/*------------------------------------*\

    #Carousel

\*------------------------------------*/

.carousel-dots .owl-controls {

  margin-top: 50px;

}

.carousel-dots .owl-controls .owl-dots .owl-dot span {

  height: 11px;

  width: 11px;

  border-radius: 50%;

  background-color: transparent;

  border: 2px solid rgba(100, 100, 100, 0.5);

  margin: 0 4px;

}

.carousel-dots .owl-controls .owl-dots .owl-dot.active span {

  background-color: #646464;

  border-color: #646464;

}

.carousel-dots.carousel-white .owl-controls .owl-dots .owl-dot span {

  border-color: rgba(255, 255, 255, 0.5);

}

.carousel-dots.carousel-white .owl-controls .owl-dots .owl-dot.active span {

  background-color: #ffffff;

  border-color: #ffffff;

}

.carousel-navs .owl-controls .owl-nav {

  position: relative;

}

.carousel-navs .owl-controls .owl-nav [class*=owl-] {

  position: absolute;

  top: 50%;

  height: 60px;

  line-height: 60px;

  margin-top: -30px;

  color: #363636;

  font-size: 0;

  font-weight: 400;

  text-align: center;

  background-color: transparent;

  padding: 0;

  border-radius: 0;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  -o-transition: all 0.35s;

  transition: all 0.35s;

  margin-top: -250px;

}

.carousel-navs .owl-controls .owl-nav [class*=owl-]:hover {

  color: #0071BA;

  background-color: transparent;

}

.carousel-navs .owl-controls .owl-nav .owl-prev {

  left: 0;

}

.carousel-navs .owl-controls .owl-nav .owl-prev:before {

  font-family: 'Linearicons-Free';

  content: "\e875";

  font-size: 40px;

}

.carousel-navs .owl-controls .owl-nav .owl-next {

  right: 0;

}

.carousel-navs .owl-controls .owl-nav .owl-next:before {

  font-family: 'Linearicons-Free';

  content: "\e876";

  font-size: 40px;

}

.carousel-navs .owl-dots {

  position: absolute;

  bottom: 20px;

  width: 100%;

}

.carousel-navs .owl-dots .owl-dot span {

  background-color: transparent;

  border: 1px solid #fff;

}

.carousel-navs .owl-dots .owl-dot.active span,

.carousel-navs .owl-dots .owl-dot:hover span {

  background: #ffffff;

}

/**/

.slider-dots .owl-controls {

  margin-top: 0;

}

.slider-dots .owl-controls .owl-dots {

  position: absolute;

  bottom: 30px;

  width: 100%;

}

.slider-dots .owl-controls .owl-dots .owl-dot span {

  height: 11px;

  width: 11px;

  border-radius: 50%;

  background-color: #ffffff;

  border: 2px solid rgba(0, 0, 0, 0.6);

  margin: 0 4px;

}

.slider-dots .owl-controls .owl-dots .owl-dot.active span {

  -moz-box-shadow: 0 0 0 2px #363636;

  -webkit-box-shadow: 0 0 0 2px #363636;

  box-shadow: 0 0 0 2px #ffffff;

}

.slider-navs .owl-controls .owl-nav [class*=owl-] {

  position: absolute;

  top: 50%;

  height: 60px;

  width: 60px;

  line-height: 60px;

  margin-top: -30px;

  color: #ffffff;

  font-size: 0;

  font-weight: 400;

  background-color: rgba(27, 26, 26, 0.5);

  text-align: center;

  padding: 0;

  border-radius: 0;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  -o-transition: all 0.35s;

  transition: all 0.35s;

}

.slider-navs .owl-controls .owl-nav [class*=owl-]:hover {

  color: #999999;

  background-color: #ffffff;

}

.slider-navs .owl-controls .owl-nav .owl-prev {

  left: 30px;

}

.slider-navs .owl-controls .owl-nav .owl-prev:before,

.slider-navs .owl-controls .owl-nav .owl-next:before {

  font-family: fontawesome;

  font-size: 25px;

}

.slider-navs .owl-controls .owl-nav .owl-prev:before {

  content: "\f104";

}

.slider-navs .owl-controls .owl-nav .owl-next {

  right: 30px;

}

.slider-navs .owl-controls .owl-nav .owl-next:before {

  content: "\f105";

}

.slider-navs .owl-dots {

  position: absolute;

  bottom: 20px;

  width: 100%;

}

.slider-navs .owl-dots .owl-dot span {

  background-color: transparent;

  border: 1px solid #fff;

}

.slider-navs .owl-dots .owl-dot.active span,

.slider-navs .owl-dots .owl-dot:hover span {

  background: #ffffff;

}

.slider-navs.slider-small .owl-controls .owl-nav .owl-next {

  right: 0;

}

.slider-navs.slider-small .owl-controls .owl-nav .owl-prev {

  left: 0;

}

.slider-navs.slider-shop .owl-controls .owl-dots .owl-dot span {

  background-color: #363636;

  border: 2px solid #ffffff;

}

.slider-navs.slider-shop .owl-controls .owl-dots .owl-dot.active span {

  -moz-box-shadow: 0 0 0 2px #363636;

  -webkit-box-shadow: 0 0 0 2px #363636;

  box-shadow: 0 0 0 2px #363636;

}

.slider-theme.slider-navs .owl-controls .owl-nav [class*=owl-]:hover {

  color: #363636;

}

.slider-theme.slider-dots .owl-controls .owl-dots .owl-dot span {

  border-color: #0071BA;

}

/* Custom, iPhone Retina */

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

  .carousel-dots .owl-controls {

    margin-top: 20px;

  }

  .slider-navs .owl-controls .owl-nav .owl-prev {

    left: 0;

  }

  .slider-navs .owl-controls .owl-nav .owl-next {

    right: 0;

  }

  .slider-navs .owl-controls .owl-nav .owl-next:before,

  .slider-navs .owl-controls .owl-nav .owl-prev:before {

    font-size: 20px;

  }

}

/* Small Devices, Tablets */

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

  .slider-navs .owl-controls .owl-nav .owl-next:before,

  .slider-navs .owl-controls .owl-nav .owl-prev:before {

    font-size: 30px;

  }

}

/*------------------------------------*\

    #Landing Page / Promo Page

\*------------------------------------*/

.landing-hero {

  height: 100vh;

  padding-top: 200px;

}

.landing-hero h1 {

  font-size: 45px;

  font-weight: 700;

  line-height: 55px;

  text-transform: uppercase;

}

.landing-hero p {

  font-family: 'Roboto', sans-serif;

  font-size: 18px;

  line-height: 27px;

}

.landing-demos .portfolio-filter li a {

  font-weight: 600;

}

.landing-demos .portfolio-item {

  margin-bottom: 50px;

}

.landing-demos .portfolio-title h4 {

  color: #363636;

  text-align: center;

  font-size: 16px;

  font-weight: 600;

  

  margin-bottom: 0;

}

.landing-demos .portfolio-title:hover h4 {

  color: #0071BA;

}

.landing-demos .portfolio-img {

  -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1);

  -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.1);

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

  background-color: #c0c0c0;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  -o-transition: all 0.35s;

  transition: all 0.35s;

}

.landing-demos .portfolio-img img {

  max-width: 100%;

  height: auto;

}

.landing-demos .portfolio-item:hover .portfolio-img {

  -webkit-transform: translateY(-6px);

  -moz-transform: translateY(-6px);

  -o-transform: translateY(-6px);

  transform: translateY(-6px);

}

.landing-demos .portfolio-item:hover img {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.landing-demos .portfolio-bio {

  padding-top: 23px;

}

.landing-action {

  padding-top: 200px;

}

.landing-action img {

  margin-bottom: 50px;

}

.landing-action h2 {

  font-size: 50px;

  line-height: 60px;

  margin-bottom: 50px;

}

.landing-featues {

  padding-bottom: 50px;

}

.landing-featues .feature-box {

  margin-bottom: 50px;

}

/* Portfolio Filter */

.portfolio-filter {

  text-align: center;

  margin-bottom: 36px;

}

.portfolio-filter li a {

  color: #363636;

  font-size: 13px;

  font-weight: 700;

  line-height: 1;

  margin-right: 29px;

  

}

.portfolio-filter li:last-child a {

  margin-right: 0;

}

.portfolio-filter li a.active-filter,

.portfolio-filter li a:hover {

  color: #0071BA;

}

/* Portfolio Item */

.portfolio-item .portfolio--img {

  position: relative;

}

.portfolio-item .portfolio--img img {

  max-width: 100%;

  height: auto;

}

/*------------------------------------*\

    #COLOR-SWITCHER

\*------------------------------------*/

.switcher-box {

  background-color: #ffffff;

  border: 1px solid #dddddd;

  color: #222222;

  left: 0px;

  overflow: inherit;

  padding: 0px;

  position: fixed;

  text-align: center;

  top: 200px;

  z-index: 999;

}

.switcher-box .gear-check {

  background-color: #ffffff;

  border-radius: 0 5px 5px 0;

  border: 1px solid #dddddd;

  border-left-color: transparent;

  color: #222222;

  cursor: pointer;

  font-size: 20px;

  height: 40px;

  line-height: 40px;

  padding-top: 4px;

  position: absolute;

  right: -39px;

  text-align: center;

  top: -1px;

  width: 40px;

}

.switcher-box .gear-check i {

  font-size: 30px;

}

.switcher-box .color-options {

  display: none;

  float: left;

  padding: 5px 16px;

  width: 200px;

}

.switcher-box ul {

  margin-bottom: 0;

}

.switcher-box ul li {

  border-radius: 5px;

  cursor: pointer;

  height: 30px;

  margin: 0 10px 10px 0;

  width: 30px;

}

.color-options h4 {

  border-bottom: 3px solid #eeeeee;

  font-size: 18px;

  font-weight: 700;

  line-height: 46px;

}

/* Custom, iPhone Retina */

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

  .landing-hero {

    height: auto;

    padding-top: 60px;

  }

  .landing-hero h1 {

    font-size: 34px;

    line-height: 50px;

  }

}

/* Small Devices, Tablets */

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

  .landing-hero {

    height: auto;

    padding-top: 100px;

  }

  .landing-hero h1 {

    font-size: 50px;

    line-height: 55px;

  }

}

/*------------------------------------*\

	#Video

\*------------------------------------*/

.video-button .video--content {

  width: 100%;

  height: 460px;

  border-radius: 10px;

  overflow: hidden;

}

.video-button .video--button {

  width: 100%;

  height: 100%;

  text-align: center;

  position: relative;

}

.video-button .video--button:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: #5584ff;

  opacity: 0.1;

}

.video--content .video--button .popup-video {

  width: 80px;

  height: 80px;

  line-height: 80px;

  border-radius: 50%;

  color: #ffffff;

  font-family: 'Roboto', sans-serif;

  background-color: #0071BA;

  font-size: 20px;

  font-weight: 400;

  text-align: center;

  display: block;

  position: relative;

  top: 50%;

  margin-top: -40px;

  left: 50%;

  margin-left: -40px;

}

.video--content .video--button .popup-video:hover {

  background-color: #363636;

}

/* Small Devices, Tablets */

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

  .video-button .video--content {

    height: 260px;

  }

}

/*------------------------------------*\

    #Client

\*------------------------------------*/

.clients {

  padding-top: 60px;

  padding-bottom: 60px;

}

.client img {

  max-width: 100%;

  width: auto !important;

}

.clients-carousel [class*="col-"] {

  max-height: 80px;

}

/* Custom, iPhone Retina */

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

  .client img {

    margin-bottom: 20px;

  }

}



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