/*

 Theme Name: Alpine

 Theme URI: http://www.creative-ispiration.com/wp/alpine/

 Description: Wordpress Responsive One Page HTML5/CSS3 Parallax Template

 Version: 1.6

 Author: Creative-Ispiration

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

 License: Themeforest

 License: GNU General Public License version 3.0

 License URI: http://www.gnu.org/licenses/gpl-3.0.html

 Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready

 Text Domain: alpine

*/

@font-face {
  font-family: 'MuseoSans';
  src: url('font/MuseoSans.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MuseoSans';
  src: url('font/MuseoSans-300.otf');
  font-weight: bold;
  font-style: normal;
}


/* ##### GENERAL CLASS ##### */

*, *:after, *::before {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



html, body {

  height: 100%;

  width: 100%;

}



body {

  color: #898989;

  line-height: 1.5em;

  overflow-x: hidden;

}



a, a * {

  transition: all 0.5s ease-out 0s;

}



a:focus {

  outline: none;

  text-decoration: none;

  color: #222;

}

a:hover {

  text-decoration: none;

  color: #222;

}

iframe {

  border: 0;

}

.lead {

  color: #7c7c7c;

  display: block;

}

.no-margin {

  margin: 0;

}



hr{ display:block; width:100%; clear:both; overflow:hidden; border:0; margin:0; padding:0; float:left;}



h1, h2, h3, h4, h5, h6{ overflow:hidden; display:block; width:100%; clear:both;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ line-height: 1.15;}

h1, h2, h3, h4, h5, h6, .section-title, .form-group label, form label, .widget_rss .widget-title a {

  color: #222;

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

}



img {

  max-width: 100%;

  height: auto;

}



blockquote {

  border-color: #dedede;

}



table td, table th {

  padding: 8px;

  border: 1px solid #DDD;

}

table th {

  color: #222;

}



.mask {

  background: #222;

  width: 100%;

  height: 100%;

  position: fixed;

  z-index: 100000;

  top:0;

}

#intro-loader {

  width: 65px;

  height: 65px;

  position: absolute;

  top: 50%;

  left: 50%;

  margin: -33px 0 0 -33px;

  background: url("assets/images/intro-loader.gif");

}



.section-content {

  padding: 90px 0;

  position: relative;

}

.bgdark, .bgdark .timeline-content #timeline .post-info {

  background: #F3F3F3;

}



.section-title div {

  font-size: 17px;

  letter-spacing: 1px;

}

.section-title div span {

  display: inline-block;

  color: #7C7C7C;

  text-transform: uppercase;

}

/* .section-title h1 {

  font-size: 70px;

}
 */


.section-title.title-page h1 {

  margin-top: 0;

}



.section-title ul {

  margin: 0;

  padding: 0;

  list-style: none;

  display: inline;

}

.section-title ul li {

  display: inline;

}



/* .section-title h1, .section-title h2, .section-title h3 {

  text-transform: uppercase;

  color: #000;

  font-weight: 600;

  display: inline-block;

} */



.section-title h1 i {

  font-style: normal;

  display: block;

}

.section-title .line {

  width: 90px;

  background: #dedede;

  height: 1px;

  margin: 5px 15px;

}

.section-title .line.big {

  width: 170px;

}



.single-section-title .line.big{ display:block; margin:15px auto 5px auto;}



.section-title .lead {

  margin: 45px auto 100px auto;
  max-width: 970px;
  letter-spacing:0;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.section-title .lead strong {

  color: #fff;

  font-weight: 200;

  padding: 0 6px;

}



.clear {

  clear: both;

  display: block;

  height: 0;

  overflow: hidden;

  visibility: hidden;

  width: 0;

}

.img-center {

  margin-left: auto;

  margin-right: auto;

}

.element-line {

  margin-top: 70px;

  clear: both;

}



.panel-default > .panel-heading {

  background: none;

}

.panel-default > .panel-heading + .panel-collapse .panel-body {

  border: none;

}

.panel-group {

  border-top: 1px solid #dedede;

}

.panel-group .panel + .panel {

  margin: 0;

}

.panel-group .panel {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  border: 0;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}

.panel-group .panel-default {

  border-bottom: 1px solid #dedede;

}

.panel-group .panel-heading {

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  border: 0;

  text-transform: uppercase;

}

.panel-group .panel-heading .panel-title {

  font-weight: 600;

}

.panel-group .panel-heading a {

  display: block;

}

.panel-group .panel-heading a.collapsed {

  color: #222;
  background-color: #efefef;
  border-radius: 5px;

}
.panel-group .panel-heading a.collapsed:hover {
	color: #0099f9;
}


.panel-group .panel-body {

  padding: 20px;

}



.media {

  border-top: 1px solid #dedede;

  padding-top: 25px;

  margin-top: 20px;

}

.media:first-child {

  padding-top: 0;

  border-top: 0;

}

.media > .pull-left {

  margin-right: 25px;

}

.media .media-body .lead {

  margin: 0 0 10px 0;

}



.progress {

  height: 30px;

}

.progress .progress-bar {

  text-align: left;

}

.progress .progress-bar span {

  display: block;

  font-weight: bold;

  line-height: 30px;

  padding: 0 0 0 15px;

}



.nav-tabs {

  overflow: hidden;

  margin: 0 0 -1px 0;

  padding: 0;

  list-style: none;

  border: 0;

}

.nav-tabs > li > a:hover {

  background: #222;

  border-color: #222;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

  border-color: #dedede;

}

.nav-tabs > li > a {

  font-size: 13px;

  padding: 12px 16px;

  display: block;

  text-transform: uppercase;

  color: #fff;

  border-radius: 0;

  border: 1px solid #DEDEDE;

}

.tab-content {

  padding: 15px;

  border: 1px solid #DEDEDE;

}



/* ##### NAV BAR ##### */



#navigation{

  background:#222;

}

.navbar-default .navbar-brand{

  color:#fff;

  font-weight:200;

}

.navbar-default .navbar-brand img{ display:inline; vertical-align:middle;}



.navbar-brand {

  padding-top: 0;

  padding-bottom: 0;

  padding-right: 0;

  line-height: 60px;

}

.navbar-inner {

  border-bottom: none !important;

  box-shadow: 0 !important;

  z-index: 10;

  max-height:60px !important;

}

.navbar-header{ min-height:60px;}

.navbar-collapse {

  min-height: 60px !important;

  box-shadow: none;

}

.navbar-collapse.in {

  overflow-y: visible !important;

}

.navbar-inner .container {

  padding: 20px 0;

}

.navbar {

  position: relative;

  border: 0;

  margin: 0;

}

.navbar .navbar-nav {

  padding: 0;

}

.navbar .navbar-nav li {

  position: relative;

}

.navbar .navbar-nav li.menu-item-has-children > a:after {

  content: " ";

  font-family: "FontAwesome";

}

.navbar .navbar-nav li:hover > ul {

  display: block !important;

}

.navbar .navbar-nav ul {

  display: none;

  position: absolute;

  z-index: 9999;

  padding: 0;

  list-style: none;

  right: 0;

  margin: 0;

  font-size: 14px;

  border: 1px solid #ccc;

  border: 1px solid rgba(0, 0, 0, 0.15);

  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

}

.navbar .navbar-nav > li {

  display: block;

  float: left;

}

.navbar .navbar-nav > li > a {

  display: block;

  font-size: 12px;

  font-weight: 400;

  height: 60px;

  text-shadow: none;

  text-transform: uppercase;

  padding: 0 15px;

  line-height: 60px;

}

.navbar .navbar-nav > li > a:focus, .navbar .navbar-nav > li > a:hover {

  height: 60px;

  text-decoration: none;

}

.navbar .navbar-nav .sub-menu li a {

  width: 170px;

  display: block;

  padding: 6px 12px;

  font-size: 12px;

  text-transform: uppercase;

}

.navbar .navbar-nav .sub-menu .sub-menu {

  right: 170px;

  top: 0;

}

.navbar .navbar-nav .sub-menu {

  border-width: 0;

}

.navbar .navbar-nav .sub-menu > li > a:hover, .sub-menu > li > a:focus {

  background: none;

}



.navbar-default .navbar-toggle {

  padding: 0;

  margin: 15px 15px 0 0;

  border: 0;

  background: none;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

  background: none;

  border: 0;

  outline: none;

}



/* Center Menu */

/*

.navbar-header {

  position: relative;

  z-index: 10;

}

.navbar-collapse{

  left: 0;

  position: absolute;

  right: 0;

}

.navbar-right{

  float: none !important;

  text-align: center;

}

.navbar .navbar-nav > li{

  display:inline-block;

  float:none;

}

.navbar .navbar-nav ul{

  text-align: left;

}

*/



/* ##### HOME SECTION ##### */



.menu_first{ position:fixed; top:0; left:0; right:0; z-index:10;}

#home .section-title ul, #home .section-title ul li {

  display: block;

}



.mbYTP_wrapper{

	position:absolute !important;

}



.video-mobile {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-repeat: no-repeat;

  background-position: center;

}

.intro-video {

  background: url("assets/images/pattern.png") no-repeat 0 0; 

  background-size: cover;

  position: relative;

  width: 100%;

  height: 100%;

  color: #fff;

}

.intro-video .text-slider, .intro-video .text-home {

  width: 90%;

  height: 100%;

  margin: 0 5%;

  display: table;

}

.intro-video .intro-item {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}



.bx-wrapper .bx-viewport {

  -moz-box-shadow: none;

  -webkit-box-shadow: none;

  box-shadow: none;

  border: 0;

  left: auto;

  background: none;

}

.imgcenter {
    vertical-align: 2%;
}

#home .main-button{

	display:inline-block;

}

.home_banner_wrapper {height: 270px; border: 1px solid transparent;}
#home .home_banner {width:960px; min-height: 100px; background-color:rgba(66,118,163,.4); margin: 0 auto; margin-bottom: 50px; border:2px solid #1999f5; border-radius: 10px;  color: #FFFFFF; text-align: left; padding: 20px; margin-top: 50px; font-family: MuseoSans; }
#home div.section-title .home_banner_h1 { font-size: 41px; font-weight: bold; text-transform: none; line-height: 50px }
#home .home_banner ul {font-size: 16px; font-weight: 300; list-style: disc; margin-left: 20px; line-height: 25px}
#home .home_banner ul li {    display: list-item; }
#home .section-title div span.home_banner_h1_cyan {color: #68ffe8; text-transform: none;}
#home .section-title div span.home_banner_h1_red {font-size:74px; color: #ff5158; text-transform: none; font-weight: bold;margin-top: 15px}
#home .section-title div span.home_banner_h1_red_special {font-size:50px; color: #ff5158; text-transform: none; font-weight: bold; padding: 30px 0px; position: relative; top:50%; left:3%}
#home .section-title div span.home_banner_h1_white {font-size:74px; color: #ffffff; text-transform: none; font-weight: bold;}
#home .section-title div span.home_banner_h1_white_special {font-size:60px; color: #ffffff; text-transform: none; font-weight: bold;}
#home .section-title div span.home_banner_h2_white {font-size:38px; color: #ffffff; text-transform: none;}

.home_quick_ref_block {margin: 0 auto; text-align: center; width: 300px; margin-top: 20px;}
.home_quick_ref {width: 20px; height: 20px; border: 2px solid #FFFFFF; border-radius: 50%;  margin: 30px 20px; cursor: pointer;}
.active_quick_ref {background-color: #FFFFFF; cursor: auto;}
#video-volume {

  bottom: 45px;

  left: 50%;

  margin: 0 0 0 -15px;

  position: absolute;

  z-index: 10;

  width: 30px;

  height: 30px;

  line-height: 26px;

  font-size: 20px;

  text-align: center;

  border-radius: 50%;

  border: 1px solid #fff;

  color: #FFFFFF;

  cursor: pointer;

}



#error-page {

  position: relative;

  width: 100%;

  height: 100%;

  color: #fff;

  display: table;

  background: #F3F3F3;

}

#error-page .intro-item {

  display: table-cell;

  vertical-align: middle;

  width: 90%;

  margin: 0 5%;

}

#error-page .intro-item .text-center {

  width: 90%;

  margin: 0 5%;

}

#error-page .intro-item .fa {

  font-size: 200px;

  color: #999;

}

#error-page .intro-item h3 {

  color: #333;

  font-size: 60px;

  font-weight: 400;

  line-height: 70px;

  text-transform: uppercase;

  margin: 25px 0;

}

#error-page .intro-item p.lead {

  margin: 0 0 50px 0;

  color: #999;

}



.intro-text-slider {

  position: absolute;

  top: 0;

  z-index: 7;

  height: 100%;

  width: 100%;

}



.intro-text-slider .text-slider, .intro-text-slider .text-home {

  width: 90%;

  height: 100%;

  margin: 0 5%;

  display: table;

}

.intro-text-slider .intro-item {

  display: table-cell;

  text-align: center;

  vertical-align: middle;

}



#home {

  position: relative;

  width: 100%;

  height: 100%;

  color: #fff;

  background: url('images/main_bg_PR.jpg') no-repeat 50% 50%;
  background-size: cover;

}

.intro-text-slider {background-size: cover;}
#home h1 {

  color: inherit;

  margin: 25px 0;

  color: #fff;

}

#home p.lead {

  color: #fff;

  font-size: 26px;

}



#home .section-title .image_on{

	max-width:100%;

	margin:50px 0 30px 0;

}



#home .section-title div span {

  color: #fff;

}

#home .section-title .line {

  background: #7C7C7C;

}

#fullscreen-slider {

  display: none;

  background: #222;

}

#fullscreen-slider .pattern {

  background: url("") repeat; //assets/images/pattern.png

  width: 100%;

  height: 100%;

}

#cycle-loader {

  height: 32px;

  left: 50%;

  margin: -8px 0 0 -8px;

  position: absolute;

  top: 50%;

  width: 32px;

  z-index: 999;

}

#slider_left {

  left: 50px;

  background: url("assets/images/arrow_left.png") no-repeat center left;

}

#slider_right {

  right: 50px;

  background: url("assets/images/arrow_right.png") no-repeat center right;

}

.fullscreen-slider-arrow {

  top: 50%;

  height: 60px;

  position: absolute;

  width: 32px;

  z-index: 12;

  margin-top: -30px;

  cursor: pointer;

}

.fullscreen-slider-arrow:hover {

  margin-top: -28px;

}

.fullscreen-slider-arrow img {

  max-width: 100%;

}

.slide-content {

  height: 100%;

  display: table;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 10;

  width: 80%;

  margin-left: 10%;

  margin-right: 10%;

}

.slide-content .text-center {

  vertical-align: middle;

/*  display: table-cell;  */

position: absolute;

   

    margin: -30px 0 0 -403px;

    top: 38%;

    left: 86.5%;





}

div.mc-image {

  -webkit-transition: opacity 1s ease-in-out;

  -moz-transition: opacity 1s ease-in-out;

  -o-transition: opacity 1s ease-in-out;

  transition: opacity 1s ease-in-out;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  height: 100%;

  overflow: hidden;

  width: 100%;

}



#text-slider {

  position: absolute;

  width: 100%;

  height: 100%;

  display: table;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

/* ##### EYAL ##### */
#responsive-special-image {  width: 50%;  height: auto; left: 50%;} 

/* ##### PORTFOLIO ##### */

#filters {

  display: block;

  text-align: center;

  margin: 0 0 50px 0;

}

#filters a {

  margin: 10px 4px;

}

#filters a.active span {

  background: #222;

}



#portfolio-wrap {

  list-style: none;

  margin: 0;

  padding: 0;

  overflow: hidden;

}

#portfolio-wrap .portfolio-item {

  position: relative;

  border:0;

  padding:0;

  margin:0;

}

#portfolio-wrap .portfolio-item img {

  max-width: 100%;

}

#portfolio-wrap .portfolio-item a, #portfolio-wrap .portfolio-item a img {

  position: relative;

  overflow: hidden;

  display: block;

  height: auto;

  cursor: pointer;

}

#portfolio-wrap .portfolio-item a .hover-items {

  position: absolute;

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

  width: 100%;

  height: 100%;

}

#portfolio-wrap .portfolio-item a .hover-items span {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  text-align: center;

  height: 110px;

  margin: -55px 0 0 0;

  text-transform: uppercase;

}

#portfolio-wrap .portfolio-item a .hover-items span i {

  color: #fff;

}

#portfolio-wrap .portfolio-item a .hover-items span em.lead {

  margin: 10px 0 0 0;

  padding: 0;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  display: block;

}

#portfolio-wrap .portfolio-item a .hover-items span em {

  color: #7C7C7C;

  font-style: normal;

  font-size: 12px;

}

#ajaxpage {

  padding: 100px 0;

}

#ajaxpage .section-title {

  margin: 0;

}

#ajaxpage .section-title h1 {

  font-size: 60px;

}

#ajax-section {

  position: relative;

  background: #f8f8f8;

  text-align: left;

}

#ajax-section #loader {

  width: 100%;

  height: 20px;

  padding: 40px 0 0 0;

  text-align: center;

  display: none;

  position: absolute;

  top: 47px;

  left: 0;

}

#ajax-section #loader.projectError {

  text-align: center;

  height: auto !important;

  background-position: top center;

}

#ajax-section #loader.projectError p {

  display: none;

  padding-top: 16px;

}

#ajax-section #loader {

  background: url("assets/images/loader.gif") center center no-repeat;

}

#ajax-section #loader.projectError p {

  color: #666 !important;

}

#ajax-content-outer {

  width: 100%;

  overflow: hidden;

  position: relative;

}

#ajax-content-inner {

  float: left;

  height: 0;

  opacity: 0;

  width: 100%;

}

#project-navigation {

  width: 100%;

/*  position: absolute; */

  top: 60px;

/*  left: 0;

  right: 0; */

  margin: 30px 0 0 0;

  z-index: 1;

}

#project-navigation ul {

  margin: 0;

  list-style: none;

  padding: 0;

}

#project-navigation ul li {

  display: inline;

  padding: 0 3px;

}

#project-navigation ul li a{

  cursor:pointer;

}

.project-media, .project-description {

  margin: 70px 0 0 0;

  overflow: hidden;

  display: block;

}

.project-description h4 {

  display: inline-block;

  text-transform: uppercase;

  padding: 0px 0px 10px;

  font-weight: 600;

  border-bottom: 1px solid #DEDEDE;

  margin-top: 0;

}

.project-description .project-details {

  margin-bottom: 50px;

}

.project-description .list-info {

  margin: 0 0 10px 0;

  padding: 13px;

  background: #eaeaea;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.project-description .list-info i {

  color: #222;

}

.project-description .list-info span {

  font-weight: 600;

  color: #222;

}

.project-description .list-info em {

  font-size: 12px;

}



/* ##### TEAM ##### */



.team-item{

	display: inline-block;

  float: none;

}



.team-item .team-element {

  position: relative;

  display: block;

  overflow: hidden;

}

.team-item .team-element:hover .team-inner {

  display: block;

}

.team-item .team-element .team-inner {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 10;

  display: none;

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

}

.team-item .team-element .team-inner .team-detail {

  text-align: center;

  display: table;

  width: 100%;

  height: 100%;

}

.team-item .team-element .team-inner .team-detail .team-content {

  display: table-cell;

  vertical-align: middle;

  padding: 0 15px;

  color: #fff;

}

.team-item .team-element .team-inner .team-detail .team-content h3 {

  margin: 0 0 8px 0;

  padding: 0 0 8px 0;

  border-bottom: 1px solid #666;

  text-transform: uppercase;

}

.team-item .team-element .team-inner .team-detail .team-content h3, .team-item .team-element .team-inner .team-detail .team-content a {

  color: #fff;

}

.team-item .team-element .team-inner .team-detail .team-content p {

  font-weight: 400;

  margin-bottom: 25px;

  font-size: 15px;

  line-height: 18px;

}

.team-item .team-element .team-inner .team-detail .team-content p, .team-item .team-element .team-inner .team-detail .team-content a {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  filter: alpha(opacity=60);

  -moz-opacity: 0.6;

  -khtml-opacity: 0.6;

  opacity: 0.6;

}

.team-item .team-element .team-inner .team-detail .team-content a:hover {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

}

.team-item .team-element .team-inner .team-detail .team-content ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.team-item .team-element .team-inner .team-detail .team-content ul li {

  display: inline;

  padding: 0 6px;

}



/* ##### PRICING ##### */

.pricing-content {

  display: inline-block;
  

}



.pricing-box {

  width: 20%;

  display: inline-block;

  vertical-align: top;

  text-align: center;

  margin: 0 0 0 -1px;

  padding: 0;

  position:relative;

}



.pricing-box.main{

  z-index:10;

}



.pricing-box ul {

  margin-bottom: 0;

  padding: 0;

  border-left: solid 1px #eee;

  border-top: solid 1px #eee;

  border-right: 1px solid #eee;

}



.pricing-box li {

  list-style: none;

  margin: 0;

  padding: 15px 0 15px 0;

  border-bottom: solid 1px #eee;

}

.pricing-box li h4 {

  font-size: 22px;

  margin: 0;

  padding: 0;

  font-weight: 400;

}

.pricing-box li h1 {

  font-size: 45px;

  margin: 0;

  font-weight: 600;

}

.pricing-box li.title-row {

  padding: 15px 0 15px 0;

}

.pricing-box li.price-row {

  background: #f5f5f5;

  padding: 15px 0 15px 0;

}

.pricing-box li.price-row span {

  display: block;

  font-weight: 600;

}

.pricing-box li.btn-row {

  background: #f5f5f5;

}

.pricing-featured {

  z-index: 5;

  -webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);

  -moz-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);

  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);

  position: relative;

  margin-top: -25px;

}

.pricing-box .pricing-featured li.price-row h1 {

  color: #fff;

}

.pricing-box .pricing-featured li.price-row span {

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

}



/* ##### TIMELINE ##### */

.timeline-content #timeline {

  list-style-type: none;

  margin: 0;

  padding: 0;

  position: relative;

  overflow: hidden;

  background: url("assets/images/timeline.png") repeat-y top center;

}

.timeline-content #timeline .timeline-item {

  clear: both;

  margin-bottom: 0;

  width: 50%;

  float: left;

}

.timeline-content #timeline .post {

  margin: 0 90px 0 0;

  position: relative;

  min-height: 200px;

  background: #fff;

  box-shadow: none;

  border: 0;

  padding: 0;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  border-radius: 0;

  border: 1px solid #e1e1e1;

}

.timeline-content #timeline .post-body {

  border-bottom: 0 none;

  margin-bottom: 0;

  padding-bottom: 0;

}

.timeline-content #timeline .post-body .blog-title h1 {

  font-size: 21px;

}

.timeline-content #timeline .post-body .blog-title h1 a {

  color: #222;

}

.timeline-content #timeline .post-body .blog-title, .timeline-content #timeline .post-body .post-text {

  margin: 20px;

}



.timeline-content #timeline .post-body .post-text .lead{

  font-size:18px;

}



.timeline-content #timeline .post-body a {

  display: block;

  overflow: hidden;

}

.timeline-content #timeline .post-title {

  margin-bottom: 12px;

  text-transform: uppercase;

}

.timeline-content #timeline .post-info {

  left: 100%;

  margin: -100px 11px 0 11px;

  position: absolute;

  top: 50%;

  width: 160px;

  z-index: 1;

  padding: 0;

  border: 0;

  background: #fff;

}

.timeline-content #timeline .post-info .info-date {

  font-size: 17px;

  min-height:32px;

}

.timeline-content #timeline .post-info .info-date small {

  display: block;

}

.timeline-content #timeline .post-info .box-inner {

  display: block;

  width: 113px;

  margin: 10px auto;

}

.timeline-content #timeline .post-info .box-inner img {

  border: 1px solid #e1e1e1;

  padding: 9px;

  background: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

}

.timeline-content #timeline .post-arrow {

  background-image: url("assets/images/timeline-arrow-right.png");

  background-size: 11px 22px;

  height: 22px;

  left: 100%;

  margin-top: -11px;

  position: absolute;

  top: 50%;

  width: 11px;

}

.timeline-content #timeline .timeline-item:nth-child(2n) {

  float: right;

}

.timeline-content #timeline .timeline-item:nth-child(2n) .post {

  margin-left: 90px;

  margin-right: 0;

}

.timeline-content #timeline .timeline-item:nth-child(2n) .post-info {

  left: auto;

  right: 100%;

}

.timeline-content #timeline .timeline-item:nth-child(2n) .post-arrow {

  background-image: url("assets/images/timeline-arrow-left.png");

  left: auto;

  right: 100%;

}

.timeline-content .action {

  margin-top: 50px;

}



/* ##### PARALLAX AREA ##### */

.parallax {

  background-attachment: fixed !important;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  position: relative;

  min-height: 260px;

}

.parallax h1, .parallax h2, .parallax .info-address-list li span {

  color: #fff;

}



.social-link span {

  text-transform: uppercase;

  font-size: 12px;

  display: block;

}



.parallax .social-link span {

  color: #fff;

}



.parallax .social-link .lead {

  margin: 0;

}

.parallax .social-link .hi-icon-effect-1 .hi-icon {

  background: rgba(255,255,255,0.15);

}

.parallax-overlay {

  background-color: #000;

  position: absolute;

  left: 0px;

  right: 0px;

  bottom: 0px;

  top: 0px;

  zoom: 1;

  filter: alpha(opacity=80);

  opacity: 0.8;

}

.parallax-overlay.no-img {

  filter: alpha(opacity=100);

  opacity: 1;

}



.parallax-background-color {

  filter: alpha(opacity=90);

  opacity: 0.9;

}



.parallax .service-items a, .parallax .service-items a h3, .parallax .circular-pie span, .parallax .circ_counter_desc .lead, .parallax .number-counters strong, .parallax .media-heading, .parallax .contact-content h1 i, .parallax .info-address-list li a:hover {

  color: #fff;

}



.parallax .call-number {

  background-color: rgba(255,255,255,0.2);

}



.parallax .owl-theme .owl-controls .owl-page span{ background:#fff;}



.parallax-background-color-content p, .parallax .info-address-list li a, .content-box a:hover p, .parallax .counters-item .fa {

  color: rgba(255,255,255,0.6);

}



.parallax-background-color-content .service-items a:hover, .parallax-background-color-content .service-items a:hover h3 {

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

}



.parallax-background-color-content .mybutton a span, .parallax-background-color-content .mybutton button span, .csstransforms3d .parallax-background-color-content .mybutton a:hover span::before, .csstransforms3d .parallax-background-color-content .mybutton button:hover span::before, .csstransforms3d .parallax-background-color-content .mybutton a span::before, .csstransforms3d .parallax-background-color-content .mybutton button span::before, .parallax-background-color-content .mybutton2 a, .parallax-background-color-content .mybutton2 button, .parallax-background-color-content .hi-icon-effect-1 .hi-icon, .no-touch .parallax-background-color-content .hi-icon-effect-1 .hi-icon:hover {

  background-color: #fff;

}



.parallax-background-color-content .content-box a:hover {

  background: rgba(0,0,0,0.7);

}



.parallax-background-color-content .mybutton2 a:hover, .parallax-background-color-content .mybutton2 button:hover {

  background: none;

}



.parallax-background-color-content .hi-icon-effect-1 .hi-icon:after {

  box-shadow: 0 0 0 4px #fff;

}



.parallax-content {

  position: relative;

}



.content-box a {

  background: #fff;

  padding: 30px 20px;

  display: block;

}



.content-box a:hover i, .content-box a:hover h4 {

  color: #fff;

}

.content-box a i {

  color: #a4a4a4;

}

.content-box a p {

  color: #8d8d8d;

}

.content-box h4 {

  font-size: 18px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 12px 0;

}

.content-box p {

  margin: 0;

  font-size: 14px;

  line-height: 18px;

}



/* RADIAL PROGRESS BAR */

.circular-content {

  display: inline-block;

  height: auto;

  text-align: center;

  min-height:400px;

}

.cart {

  position: relative;

  overflow: hidden;

  min-height: 388px;

  text-align: center;

}

.cart .hidden {

  display: none;

}

.easyPieChart {

  position: relative;

  text-align: center;

  margin: 0px auto;

}

.easyPieChart canvas {

  position: absolute;

  top: 0;

  left: 0;

}

.circular-pie {

  width: 310px;

  height: 310px;

}



.circular-pie span {

  display: block;

  position: absolute;

  top: 20px;

  right: 20px;

  bottom: 20px;

  left: 20px;

  height: 210px;

  width: 210px;

  z-index: 10;

  line-height: 210px;

  border-radius: 100%;

  text-align: center;

  font-size: 68px;

  letter-spacing: -3px;

  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);

}

#users .circular-pie span {
  top: auto;
  left: auto;
  right:auto;
  bottom: auto;
  box-shadow: none;
  height: 175px;
  width: 175px;
  color:#fff;
  font-size:65px;
  font-weight: 300;
  line-height: 175px;
}


#users .circ_counter_desc .lead {
  color: #fff;
  font-size: 29.75px;
    font-weight: 400;
}

.circ_counter_desc {

  margin: 20px 0;

  font-size: 15px;

  text-align: center;

}

.circ_counter_desc .lead {

  font-size: 26px;

}

/* NUMBER COUNTER */

.number-counters {

  overflow: hidden;

}

.counters-item {

  overflow: hidden;

}

.number-counters strong {

  color: #222;

  display: block;

  font-size: 60px;

  font-weight: 600;

  line-height: 60px;

}



.client-list a img {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  filter: alpha(opacity=70);

  -moz-opacity: 0.7;

  -khtml-opacity: 0.7;

  opacity: 0.7;

}

.client-list a:hover img {

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

}

.service-items a {

  display: block;

}

.service-items a, .service-items a h3 {

  color: #222;

}



.service-items h3 {

  font-size: 17px;

  font-weight: 600;

  text-transform: uppercase;

  margin: 10px 0;

}

.call-number {

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  border-radius: 7px;

  margin: 12px 0px 0 0;

  padding: 10px 50px;

  line-height: 100px;

  font-weight: 600;

  color: #fff;

  display: inline-block;

  font-size: 78px;

}

.call-number a {

  color: #fff;

}



.info-address-list {

  overflow: hidden;

  list-style: none;

  margin: 40px 0 0 0;

  padding: 0;

}

.info-address-list li {

  display: inline-block;

  padding: 10px 20px;

}

.info-address-list li a:hover {

  filter: alpha(opacity=100);

  opacity: 1;

}

.info-address-list li p {

  margin: 0;

  display: inline;

}



/* ##### CONTACT ##### */

.form-group {

  position: relative;

}

.form-group label, form label {

  text-transform: capitalize;
  font-size: 16px;
}
.form-group label span, form label span {
  color: #2d2d2d;
  margin-left: 5px;
}

.form-group label.error {

  position: absolute;

  top: 0;

  right: 0;

  font-size: 14px;

  text-transform: none;

}

.form-group .form-control {
  height: 60px;
  font-weight: 600;
  border-radius: 5px;

  -webkit-border-radius: 0;

  -moz-border-radius: 0;

  box-shadow: none;

  border-color: #DEDEDE;

  background-color: #f0f0f0;
  box-shadow: inset 0px 6px 8px -2px rgba(0,0,0,0.06);
  transition: all .2s linear;
}

.form-group .form-control:focus {
  background-color: #fff;
  border-color: #afafaf;

}

.form-group .form-control.input-lg {

  font-size: 14px;

}

.form-group .form-control.error, .form-group .form-control.error:focus {

  border: 1px solid #DEDEDE;

}

.form-group textarea {

  height: 219px;

  resize: vertical;

}

.form-button {

  margin: 50px 0;

}
.form-button input {
  display: inline-block;
  border-radius: 10px;
  width: 45%;
  max-width: 300px;
  margin-right: 15px;
  margin-left: 15px;
  height: 71px;
  color: #0098f9;
  font-size: 16px;
  font-weight: 600;
  line-height: 69px;
  border: 2px solid #0098f9;
  text-transform: uppercase;
  background-color: #fff;
  transition: all .2s linear;
}

.form-button input:first-of-type {
    color: #fff;
    background-color: #0098f9;
    box-shadow: 0px 1px 35px 0px rgba(0, 152, 249, 0.53);
}

.form-button input:hover {
  box-shadow: 0px 1px 55px 2px rgba(0, 152, 249, 0.53);
  background-color: #17a5ff;
}

.form-button input:last-of-type:hover {
  color: #fff;
}
 
@media (max-width: 1116px) {
    #home .home_banner {width: 630px}
    #home .button {   margin-bottom: 15px; }
     #home {height:620px}
     .home_banner_wrapper {height:320px;}
      .intro-text-slider .intro-item {vertical-align: initial}
     #home .section-title div span.home_banner_h2_white {font-size: 24px; line-height: 28px; }
     
}
@media (max-width: 750px) {
    #home .home_banner {width: 300px; margin-top: 10px; margin-bottom:10px; }
    #home {height: 825px}
    #home .button {height: 45px; line-height: 44px;}
    .home_banner_wrapper {height:420px;}
    #home .section-title div span.home_banner_h1_red {font-size: 46px; }
    #home .section-title div span.home_banner_h1_white {font-size: 36px; }
    #home .section-title div span.home_banner_h1_cyan {font-size: 36px; }
    #home div.section-title .home_banner_h1 {line-height: 40px;}
   
}
@media (max-width: 767px) {
  .form-button input {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .form-button input:first-of-type {
    margin-bottom: 15px;
  }
}

.form-respond .content-message {

  margin: 0 0 50px 0;

  padding: 30px;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  background: #f5f5f5;

}

.form-respond .content-message i {

  color: #222;

}

.form-respond .content-message h2 {

  font-size: 24px;

  text-transform: uppercase;

  font-weight: 600;

  margin: 10px 0px 0 0;

}

.map_canvas {

  width: 100%;

  height: 500px;

}

.map_canvas img {

  max-width: none;

}

.map_canvas #bodyContent {

  max-width: 245px

}



/* ##### FOOTER ##### */

footer {

  font-size: 12px;

  padding: 0 0 30px;

  text-align: center;

}



footer .copy-line a {

  font-weight: bold;

}



footer .social-icon {

}

footer .social-icon a {

  color: #CFCFCF;

  padding: 0 8px 20px 8px;

  display: inline-block;

}

footer .social-icon a:hover {

  color: #999;

}



#back-top {

  position: fixed;

  bottom: 20px;

  right: 20px;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  background: #222;

  color: #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  zoom: 1;

  filter: alpha(opacity=50);

  opacity: 0.5;

  z-index: 100;

  display: none;

}

#back-top:hover {

  filter: alpha(opacity=100);

  opacity: 1;

}



/* ##### BLOG PAGE ##### */

.blog-content a {

  color: #222;

}

.blog-content .avatar {

  -webkit-border-radius: 6px;

  -moz-border-radius: 6px;

  border-radius: 6px;

}

.blog-content p {

  margin-bottom: 20px;

}

.blog-content dt, .blog-content p strong {

  color: #222;

}

.blog-content pre {

  border: 0;

  color: #898989;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  border-radius: 0px;

}

.blog-content .img-gallery img{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}



.media-post{ margin:35px 0;}

.single .media-post{ margin:0 0 45px 0;}



.blog-comments ul {

  margin-left: 0;

  padding-left: 0;

  list-style: none;

}

.blog-comments ul li {

  border-top: 1px solid #DEDEDE;

  margin-top: 20px;

  padding-top: 25px;

}

.blog-comments .avatar {

  position: absolute;

  top: 0;

  left: 0;

}

.blog-comments .comment-body {

  overflow: hidden;

  position: relative;

  padding: 0 0 0 90px;

  min-height: 70px;

}

.blog-comments .children {

  padding-left: 90px;

}

.blog-comments .children .comment-body {

  overflow: hidden;

  position: relative;

  padding: 0 0 0 70px;

  min-height: 50px;

}

.blog-comments .children .children {

  padding-left: 70px;

}

.blog-comments .children .avatar {

  width: 50px;

  height: 50px;

}

.blog-comments .alert {

  margin: 15px 0 0 0;

}



.post-info {

  overflow: hidden;

  margin-bottom: 15px;

  display: block;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  border: dotted #DEDEDE;

  border-width: 1px 0;

  font-size: 13px;

  padding: 9px 0;

}

.post-info ul {

  list-style: none;

  padding: 0;

  margin: 0;

  display: inline;

}

.post-info ul li {

  display: inline;

}



.post-tags {

  border-left: 5px solid #DEDEDE;

  padding: 10px 20px; /*margin:0 0 50px 0;*/

  overflow: hidden;

}

.post-tags .icon {

  float: left;

  line-height: 27px;

  margin: 0 10px 0 0;

}

.post-tags a {

  padding: 6px 8px;

  line-height: 32px;

  font-size: 12px;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background: #DEDEDE;

  color: #6E6E6E;

}

.blog-content .post-tags a:hover {

  color: #fff;

}



#post-author {

  overflow: hidden;

  background: #F5F5F5;

  margin: 0px 0px 40px 0;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  border: 1px solid #EAEAEA;

  padding: 20px;

}

#post-author h5 {

  margin: 0 0 5px 0;

  display:inline;

}

#post-author .avatar {

  float: left;

  margin: 0 20px 10px 0;

}

.comment-list .comment-respond{

  margin-bottom:55px;

}

.comment-respond{

  margin-top:55px;

}

.comment-respond form {

  border-top: 1px solid #DEDEDE;

  margin-top: 20px;

}

.comment-respond form p {

  margin: 25px 0 0 0;

}

.comment-respond form p.form-submit {

  margin: 45px 0 0 0;

}

.comment-respond form p.form-submit input {

  width: auto;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  background: #222;

  color: #fff;

  border: 0;

}

.comment-respond form input, .comment-respond form textarea {

  border: 1px solid #DEDEDE;

  font-size: 14px;

  padding: 10px 16px;

  width: 100%;

}

.comment-respond form input:focus, .comment-respond form textarea:focus {

  border-color: #afafaf;

}



.comment-respond form textarea {

  height: 160px;

  resize: vertical;

}

.comment-respond code {

  display: block;

  font-size: 12px;

  line-height: 14px;

  padding: 10px;

  white-space: normal;

  margin: 10px 0 0 0;

  background: #F5F5F5;

  color: #999;

}



/* PAGINATION */



.pager {

  border-top: 1px solid #DEDEDE;

  margin: 0;

  padding-top: 30px;

  font-size: 13px;

}

.pager .puls {

  display: inline;

}

.pager ul {

  margin: 0;

  padding: 0;

}

.pager ul li {

  display: inline-block;

}

.pager ul li a, .pager ul li span, .pager a, .comment-pagination .page-numbers {

  background: #EDEDED;

  margin: 0;

  border: 0;

  padding: 5px 10px;

  margin: 0;

  color: #6e6e6e;

  -webkit-border-radius: 2px;

  -moz-border-radius: 2px;

  border-radius: 2px;

}

.pager ul li a:hover, .pager .puls a:hover, .comment-pagination .page-numbers:hover {

  color: #fff;

}

.pager ul li .current, .pager .puls a, .comment-pagination span.page-numbers {

  color: #fff;

  border: 0;

  background: #222;

  padding: 5px 10px;

}

.comment-pagination {

  border-top: 1px solid #DEDEDE;

  margin-top: 20px;

  padding-top: 25px;

}

.comment-pagination .next.page-numbers, .comment-pagination .prev.page-numbers {

  display: none;

}



/* WIDGET */

.widget {

  margin-bottom: 50px;

}

.widget a,

#wp-calendar #prev,

#wp-calendar #next{

  color: #898989;

}



.widget_tag_cloud .tagcloud{ overflow:hidden;}

.widget_tag_cloud .tagcloud a{

  display: block;

  float: left;

  font-weight: 200;

  padding: 0 10px 10px 0;

}



.widget.widget_recent_comments a:hover, .widget.widget_rss a:hover {

  color: #222;

}

.widget .widget-title {

  margin: 0 0 20px 0;

  font-weight: 600;

  font-size: 18px;

  text-transform: uppercase;

}

.widget .form-group {

  margin: 0;

}

.widget #searchform input {

  font-size: 14px;

  border: 1px solid #DEDEDE;

  color: #999;

  height: 45px;

  line-height: 1.33;

  padding: 10px 16px;

  display: block;

  width: 100%;

}

.widget #searchform input:focus {

  color: #555;

  border-color: #AFAFAF;

}

.widget #searchform input[type="submit"] {

  display: none;

}

.widget select {

  width: 100%;

  border: 1px solid #DEDEDE;

  color: #555;

  font-size: 14px;

  padding: 10px 16px;

  background: none;

}

.widget select:focus {

  outline: none;

}

.widget ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.widget ul li {

  border-bottom: 1px solid #DEDEDE;

  padding: 12px 0 12px 30px;

  position: relative;

}

.widget ul li:before {

  color: #999999;

  content: "";

  display: block;

  font-family: "FontAwesome";

  font-size: 16px;

  font-style: normal;

  font-weight: normal;

  left: 14px;

  position: absolute;

  top: 13px;

}

.widget ul li:first-of-type {

  padding-top: 0;

}

.widget ul li:first-of-type:before {

  top: 2px;

}

.widget ul li ul {

  padding-top: 12px;

}

.widget ul li ul li {

  border-bottom: 0;

  padding-bottom: 0;

}

.widget_rss .rss-date {

  margin: 0 0 5px 0;

}

.widget_rss .rss-date, .widget_rss cite {

  display: block;

  font-size: 12px;

}

.textwidget strong {

  color: #222;

}

#wp-calendar {

  width: 100%;

}

#wp-calendar caption {

  font-size: 15px;

  font-weight: 600;

  margin: 0 0 8px 0;

  text-align: right;

  text-transform: capitalize;

}

#wp-calendar thead {

  font-size: 10px;

}

#wp-calendar thead th {

  padding: 0 0 10px 0;

  text-align: center;

  border: 0;

}

#wp-calendar tbody {

  color: #AAAAAA;

}

#wp-calendar tbody td {

  background: none repeat scroll 0 0 #F5F5F5;

  border: 1px solid #FFFFFF;

  width: 35px;

  height: 35px;

  line-height: 35px;

  text-align: center;

  padding: 0;

}

#wp-calendar tbody td:hover {

  background: none repeat scroll 0 0 #FFFFFF;

}

#wp-calendar tbody td a {

  color: #fff;

  display: block;

}

#wp-calendar a {

  color: inherit;

  font-weight: 700;

}

#wp-calendar tbody .pad {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

}

#wp-calendar tfoot td {

  border: 0;

  padding: 0;

}

#wp-calendar tfoot #prev, #wp-calendar tfoot #next {

  font-size: 11px;

  padding-top: 15px;

  text-transform: uppercase;

}

#wp-calendar tfoot #next {

  text-align: right;

}



.not-found i {

  font-size: 250px;

  color: #DEDEDE;

}



/* Require css class */

.wp-caption {

  overflow: hidden;

  max-width: 100%;

}

.wp-caption-text {

  padding: 10px;

  background: #F5F5F5;

  font-size: 12px;

}

.sticky {

}

.gallery-caption {

}

.bypostauthor {

}

.alignright {

  float: right;

  margin-left: 15px;

}

.alignleft {

  float: left;

  margin-right: 15px;

}

.aligncenter {

  margin: auto;

  display: block;

}



.client-logo{ padding:10px 14px;}



/* ##### EFFECT ##### */

.rotate {

  display: inline-block;

  max-width: 100%;

  -webkit-transition-duration: 0.8s;

  -moz-transition-duration: 0.8s;

  -o-transition-duration: 0.8s;

  transition-duration: 0.8s;

  -webkit-transition-property: -webkit-transform;

  -moz-transition-property: -moz-transform;

  -o-transition-property: -o-transform;

  transition-property: transform;

  overflow: hidden;

  position:relative;

  z-index: 1;

}

.rotate:hover {

  -webkit-transform: rotate(360deg);

  -moz-transform: rotate(360deg);

  -o-transform: rotate(360deg);

}

.zoom img {

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.zoom:hover img {

  transform: scale(1.15);

  -ms-transform: scale(1.15); /* IE 9 */

  -moz-transform: scale(1.15); /* Firefox */

  -webkit-transform: scale(1.15); /* Safari and Chrome */

  -o-transform: scale(1.15); /* Opera */

}

.hi-icon {

  display: inline-block;

  cursor: pointer;

  margin: 15px;

  width: 105px;

  height: 105px;

  border-radius: 50%;

  text-align: center;

  position: relative;

  z-index: 1;

  color: #fff;

}

.hi-icon:after {

  pointer-events: none;

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  content: '';

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

.hi-icon:before {

  speak: none;

  line-height: 105px;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  display: block;

  -webkit-font-smoothing: antialiased;

}

.hi-icon-effect-1 .hi-icon {

  -webkit-transition: background 0.2s, color 0.2s;

  -moz-transition: background 0.2s, color 0.2;

  transition: background 0.2s, color 0.2s;

}

.hi-icon-effect-1 .hi-icon:after {

  top: -7px;

  left: -7px;

  padding: 7px;

  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;

  -webkit-transform: scale(.8);

  -moz-transition: -moz-transform 0.2s, opacity 0.2s;

  -moz-transform: scale(.8);

  -ms-transform: scale(.8);

  transition: transform 0.2s, opacity 0.2s;

  transform: scale(.8);

  opacity: 0;

}

.no-touch .hi-icon-effect-1 .hi-icon:hover:after {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  opacity: 1;

}



.item_top {

  top: -50px;

  padding-right: 0px;

  opacity: 0;

  position: relative;

}

.item_bottom {

  bottom: -50px;

  padding-left: 0px;

  opacity: 0;

  position: relative;

}

.item_left {

  left: -80px;

  padding-right: 0px;

  opacity: 0;

  position: relative;

}

.item_right {

  right: -80px;

  padding-left: 0px;

  opacity: 0;

  position: relative;

}

.item_fade_in {

  opacity: 0;

  position: relative;

  padding-left: 0px;

  right: 0px;

}



/* ##### CUSTOM BUTTON ##### */

.mybutton a:hover, .mybutton button:hover, .mybutton a:focus

.mybutton button:focus {

  outline: none;

}

.mybutton.ultra a, .mybutton.ultra button {

  font-size: 20px;

  line-height: 60px;

}

.mybutton.ultra a span, .mybutton.ultra button span {

  padding: 0 30px;

}

.mybutton.big a, .mybutton.big button {

  font-size: 17px;

  line-height: 50px;

}

.mybutton.big a span, .mybutton.big button span {

  padding: 0 20px;

}

.mybutton.medium a, .mybutton.medium button {

  font-size: 14px;

  line-height: 40px;

}

.mybutton.medium a span, .mybutton.medium button span {

  padding: 0 15px;

}

.mybutton.small a, .mybutton.small button {

  font-size: 12px;

  line-height: 35px;

}

.mybutton.small a span, .mybutton.small button span {

  padding: 0 10px;

}

.mybutton {

  display: inline;

}

.mybutton a, .mybutton button {

  text-transform: uppercase;

  border: 0;

  padding: 0;

  position: relative;

  display: inline-block;

  outline: none;

  text-decoration: none;

  font-weight: 400;

  text-shadow: 0 0 1px rgba(255,255,255,0.3);

  letter-spacing: 0;

}

.mybutton a span, .mybutton button span {

  color: #fff;

  text-align: center;

  position: relative;

  display: inline-block;

}

.mybutton2.ultra a span, .mybutton2.ultra button span {

  font-size: 20px;

  line-height: 60px;

  padding: 0 30px;

  bottom: 45px;

  left: 50%;

  margin: 0 0 0 -15px;

  position: absolute;

}

.mybutton2.big a span, .mybutton2.big button span {

  font-size: 17px;

  line-height: 50px;

  padding: 0 20px;

}

.mybutton2.medium a span, .mybutton2.medium button span {

  font-size: 14px;

  line-height: 40px;

  padding: 0 15px;

}

.mybutton2.small a span, .mybutton2.small button span {

  font-size: 12px;

  line-height: 35px;

  padding: 0 10px;

}



.mybutton2 {

  display: inline-block;

}



.mybutton2 a, .mybutton2 button {

  text-transform: uppercase;

  border: 0;

  padding: 0;

  display: block;

  font-weight: 400;

  color: #fff;

  outline: none;

  text-align: center;

  display: inline-block;

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

  overflow: hidden;

  vertical-align: middle;

}

.mybutton2 a span, .mybutton2 button span {

  display: block;

}



.mybutton2 a:hover span, .mybutton2 button:hover span, .mybutton2 a:focus span, .mybutton2 button:focus span {

  background: rgba(0, 0, 0, .2);

  color: #fff;

}



.owl-theme .owl-controls{

  margin-top:25px;

}

.owl-theme .owl-controls .owl-page span {

  margin: 0 7px;

  width: 10px;

  height: 10px;

  background:#222;

}



.show-grid{

  background: none repeat scroll 0 0 #999999;

  color: #FFFFFF;

  font-size: 12px;

  margin-top: 20px;

  padding: 10px 0;

  display:block;

  text-align:center;

  font-weight:600;

}

.fa-short i{

  color:#222;

}








/* CUSTOM CSS FROM 15/07/2016 */


	#home .video-play {
    position: relative;
		display: inline-block;
		margin-top: 80px;
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		transition: all .2s linear;
	}
  #home .video-play a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
  }

	#home .video-play span {
		position: relative;
		width: 42px;
	    height: 42px;
	    display: block;
	    margin: 0 auto 15px;
	    border-radius: 50%;
	    background: #fff;
	    font-size: 0;
	    transition: all .2s linear;
	}
	#home .video-play span:before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 55%;
		transform: translate(-50%, -50%);
		border: 10px solid transparent;
		border-right-width: 0;
		border-left-width: 11px;
		border-left-color: #0098f9;
		transition: all .2s linear;
	}
	#home .video-play:hover span {
		background: #0098f9;
	}
	#home .video-play:hover span:before {
		border-left-color: #fff;
	}

.about .figure:after, .price-boxes-group:after, .users-block:after {
  content: '';
  display: table;
  clear: both;
}

body {
  font-family: 'Raleway', sans-serif;
}

 h1 {
  text-transform: uppercase;
}
#home .button {
  display: inline-block;
  border-radius: 10px;    
  width: 90%;
  max-width: 300px;
  margin-right: 15px;
  margin-left: 15px;
  height: 85px;
  color:  #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 84px;
  border: 2px solid #0098f9;
  text-transform: uppercase;
   margin-bottom: 15px;
}
 #home .button:hover {
  background-color:  #0098f9;
  box-shadow: 0px 1px 35px 0px rgba(0, 152, 249, 0.53);
 }
.page-footer {
  background-color: #f5f5f5;
}

.social {
  display: table;
  width: 100%;
  margin-bottom: 60px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.social ul {
  display: table-row;
}
.social ul li {
  display: table-cell;
  text-align: center;
  padding: 60px 10px;
  border-right: 1px solid #dadada;
  font-size: 28px;
}
.social ul li a {
  color: #b2b2b2;
  transition: all .2s linear;
}
.social ul li a:hover {
  color: #4099ff;
}
.social ul li:last-child {
  border: none;}


.footer-logo {
  display: inline-block;
  margin-top: 28px;
}

@media (max-width: 991px) {
  .footer-logo {
     margin-top: 60px;
   }
}

.copyrights {
  margin-bottom: 80px;
  font-family: Raleway;
  color: #545454;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  text-align: justify;
}

.aboutsection {
  padding-top: 50px;
  color: #222222;
  overflow: hidden;
}
.aboutsection .figure {
  margin-bottom: 75px;
  box-shadow: 0px 1px 79px 0px rgba(113, 113, 113, 0.22);
  border-radius: 10px;
  overflow: hidden;
}
.aboutsection .figure > div {
  float: left;
  width: 50%;
  overflow: hidden;
}

.aboutsection .figure .green {
  float: right;
  width: 50%;
  border-top: 5px solid #2ecc71;
  padding: 0 5%;
}
.aboutsection .figure .blue {
  padding: 0 5%;
  border-top: 5px solid #0098f9;
}
.aboutsection .figure img {
  display: block;
  width: 100%;
}
.aboutsection .line {
  position: relative;
  margin-top: 20px;
}
.aboutsection .img {
  width: 100%;
  position: absolute;
  left: 50%;
}
@media (max-width: 991px) {
  .aboutsection .img {
    position: relative;
    left: 126px;
  }
}
@media (max-width: 767px) {
  .aboutsection .figure {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }
  .aboutsection .figure > div,
  .aboutsection .figure .green {
    float: none;
    width: 100%;
    margin-bottom: -10px;
  }
  .aboutsection div.blue p, .aboutsection div.green p {
    margin-bottom: 30px;
  }
}
.aboutsection h2 {
  margin-bottom: 56px;
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
}
.aboutsection p {
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-align: justify;
}
.aboutsection a.about_button {
  display: block;
  width: 100%;
  height: 81px;
  max-width: 296px;
  margin-top: 60px;
  margin-bottom: 100px;
  border-radius: 10px;
  border: 2px solid #0098f9;
  box-shadow: 0px 1px 35px 0px rgba(0, 152, 249, 0.22);
  color: #0098f9;
  font-size: 16px;
  line-height: 79px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.aboutsection a:hover {
	color: #fff;
  background-color:  #0098f9;
  box-shadow: 0px 1px 35px 0px rgba(0, 152, 249, 0.53);
 }
@media (max-width: 991px) {
  .aboutsection a {
    margin-left: auto;
    margin-right: auto;
  }
}
.aboutsection div.blue h3 {
  color: #0098f9;
}
.aboutsection div.blue p {
  color: #283840;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  text-align: center;
}
.aboutsection div.green {
  float: right;
}
.aboutsection div.green h3 {
  color: #2ecc71;
}
.aboutsection div.green p {
  color: #283840;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  text-align: center;
}
.aboutsection h3 {
  margin-top: 75px;
  margin-bottom: 70px;
  text-align: center;
  font-size: 33px;
  font-weight: 300;
}

@media (max-width: 1199px) {
  .aboutsection h3 {
   margin-top: 30px;
   margin-bottom: 20px;
  }
}
.aboutsection h5 {
  margin-bottom: 48px;
  text-align: center;
  font-size: 35px;
  font-weight: 300;
  text-transform: uppercase;
}
.aboutsection p.with-quotes {
  margin-bottom: 50px;
  position: relative;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}
.aboutsection p.with-quotes:before, .aboutsection p.with-quotes:after {
  position: absolute;
  content: '\e808';
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  font-size: 84px;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: .1;
}
.aboutsection p.with-quotes:before {
  top: -40px;
  left: -54px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.aboutsection p.with-quotes:after {
  bottom: -30px;
  right: -48px;
}
@media (max-width: 991px) {
   .aboutsection div.blue p,
   .aboutsection div.green p {
    font-size: 14px;
    line-height: 25px;
  }
  .aboutsection .figure .green,
  .aboutsection .figure .blue {
    padding: 0 2%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
 .aboutsection h3 {
    margin-top: 7px;
    margin-bottom: 4px;
  }
}

#users {
  padding: 50px 0 100px;
  background: url("images/background.jpg") no-repeat 50% 50%;
  background-size: cover;
  text-align: center;
}

#users .section-title h1 {
  color: #fff;
}

#users .circular-pie.easyPieChart .circle  {
      display: inline-block;
    width: 22px;
    height: 22px;
    content: "";
    background: url("images/circle.png") no-repeat 0 0;
  z-index:999;
    position: absolute;
  opacity:0;
}

#users .users-block .item div > p:before {
  position: absolute;
  top: 142px;
  left: 142px;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #0098f9;
  box-shadow: 0 0 0 3px rgba(0, 152, 249, 0.38), 0 0 0 6px rgba(0, 152, 249, 0.44);
}
#users .section-title h1 { margin-bottom:40px;}

#users .users-block .item:nth-child(2) div:after {
  border-bottom-color: #0098f9;
  border-left-color: #0098f9;
}

.cart_container .circular-item { padding-top:10px;}
.cart_container .row .col-md-4:nth-child(1) .circle {
  left: -10px;
    top: 79px;
}

.cart_container .row .col-md-4:nth-child(2) .circle {
  right: -10px;
    top: 79px;
}

.cart_container .row .col-md-4:nth-child(3) .circle {
  top: -8px;
    left: 90px;
}


#users .users-block .item:nth-child(2) .circular-pie.easyPieChart .circle {
  right:auto;
  left:-10px;
}
 
 #users .users-block .item:nth-child(3) .circular-pie.easyPieChart .circle {
  top:auto;
  bottom:-14px;
  right: 42%;
}

#users .users-block .item:nth-child(3) div:after {
  border-bottom-color: #0098f9;
}
#users .users-block .item div span span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
    display: inline-block;
    padding-bottom: 16px;
}
#users .users-block .item:first-child div span span { 
    padding-bottom: 0;
}
#users .users-block .item > p {
  font-size: 29.75px;
  font-weight: 400;
  text-transform: uppercase;
  padding-top:10px;
}

.partners {
  padding: 115px 0;
  background-color: #f5f5f5;
}

.slider-wrap {
  overflow: hidden;
}

.slider {
  padding-top: 100px;
  margin-right: -40px;
  margin-left: -40px;
}
.slider .item {
  margin: 0 40px;
}
.slider img {
  float: none;
  display: block;
  max-width: 100%;
  margin: 0 auto;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  transition: all .2s linear;
}
.slider img:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.owl-theme .owl-controls {
  margin-top: 60px;
  text-align: center;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 7.5px;
  vertical-align: middle;
  border: none;
  box-sizing: content-box;
  border-radius: 50%;
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0;
  background-color: #bcbcbc;
  border-radius: 50%;
  vertical-align: middle;
}

.owl-theme .owl-controls .owl-page.active {
  width: 10px;
  height: 10px;
  margin: 0 2.6px;
  border: 5px solid rgba(0, 151, 248, 0.3);
  background-color: transparent;
}
.owl-theme .owl-controls .owl-page.active span {
  background-color: #0097f8;
}

.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #0097f8;
}

.pricing {
  padding-top: 115px;
}

.price-boxes-group {
  margin-bottom: 125px;
  padding-top: 40px;
  text-align: center;
}

.price-box {
  float: left;
/*  width: 25%; */
  height: 600px;
  width: 262px;
  margin-right: 30px;
  color: #222;
  text-align: center;
  border-radius: 10px;
  border: 2px solid #0098f9;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}

.price-box.narrow {
  height: 480px;
  width: 210px;
}

.price-box:last-child {
  margin-right: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .price-box {
     max-width: 223px;
     margin-right: 15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .price-box {
     width: 50%;
     max-width: 345px;
     margin-bottom: 30px;
  }
  .price-box:nth-child(2n) {
     margin-right: 0;
  }
  .price-box:nth-child(n+3) {
     margin-bottom: 0;
  }
}
.price-box ul {
   list-style: none;
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
}
/*.price-box:first-child {
  border-color: #ececec;
}
.price-box:first-child a {
  border-color: #ececec;
}*/

.price-box:nth-child(2n) .price,
.price-box:nth-child(2n) .price h2,
.price-box:nth-child(2n) .price h3,
.price-box:nth-child(2n) .price p {
  color: #0098f9;
}
@media (max-width: 767px) {
   .price-box {
     float: none;
     width: 100%;
     max-width: 330px;
     height: auto;
     margin: 0 auto 30px;
  }
  .price-box:last-child {
    margin-right: auto;
    margin-bottom: 0;
  }
}
.price-box .header {
  padding: 24px 0;
  font-size: 20px;
  font-weight: 500;
}

.price-box .header-narrow {
  padding: 24px 0;
  font-size: 16px;
  font-weight: 500;
}
.price-box .price {
  height: 120px;
  margin-bottom: 50px;
  padding: 5px 0 18px;
  background-color: #ececec;
}

.price-box .price.narrow {
  height: 96px;
  margin-bottom: 40px;
  padding: 5px 0 18px;
  background-color: #ececec;
}
.price-box .price h2 {
  padding: 0 10px;
  font-weight: 500;
}
.price-box .price h3 {
  display: inline;
  font-size: 60px;
  margin: 5px;
  line-height: 1.1;
  font-weight: 500;
}

.price-box .price h3.narrow {
  display: inline;
  font-size: 48px;
  margin: 5px;
  line-height: 0;
  font-weight: 500;
}
.price-box .price h3 + p {
  display: inline;
  vertical-align: super;
}
.price-box .price p {
  margin: 0;
}
.price-box .price h3:before {
  margin-right: 2px;
  /*content: '$';*/
  vertical-align: super;
  font-size: 20px;
  font-weight: 600;
}

.price-box .price h3.price-tag:before {
  content: '$';
}
.price-box .price h3.price-tag-strike:before {
  content: '$';
  text-decoration: line-through 
}

.price-box .price p {
  margin-top: 15px; 
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.price-box .title-el {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.667;
}
.price-box .element {
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}

.price-box .element.narrow {
  font-size: 11px;
  font-weight: 600;
  line-height: 24px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .price-box .element {
     font-size: 12px;
  }
  .price-box .price h2 {
    padding: 0 7px;
  }
}
.price-box .element:last-child {
  margin-bottom: 15px;
}
.price-box.main {
  box-shadow: 0px 0px 40px 0px rgba(0, 119, 195, 0.32);
}
.price-box.main .price {
  background-color: #0098f9;
  color: #fff;
}
.price-box.main .price h3,
 .price-box.main .price p {
  color: #fff;
}

.price-box .note {
  font-size: 12px;
  line-height: 12px;
  font-weight: 600;
}
.price-box .note-special {
  font-size: 12px;
  line-height: 0px;
  font-weight: 900 !important;
  color: #FFD54F !important;
}
.price-box a {
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 10px;
  border: 2px solid #0098f9;
  width: 67.5%;
  max-width: 246px;
  height: 50px;
  line-height: 48px;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  background-color:  #0098f9;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .2s linear;
}

.price-box a.narrow {
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 10px;
  border: 2px solid #0098f9;
  width: 65%;
  max-width: 197px;
  height: 40px;
  line-height: 36px;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  background-color: #0098f9;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .2s linear;
}

.price {
  position: relative
}

.special-offer {
  position: absolute;
  right: -80px;
  top: -80px;
  z-index: 5;
  opacity: 0.9;
}

.strike-through {
  text-decoration: line-through;
}

.cross {
  position: relative;
  display: inline-block;
}
.cross::before, .cross::after {
  content: '';
  width: 100%;
  position: absolute;
  right: 0;
  top: 60%;
}
/* .cross::before {
  border-bottom: 2px solid green;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
} */
.cross::after {
  border-bottom: 3px solid white;
  -webkit-transform: skewY(10deg);
  transform: skewY(10deg);
}

#try-it {
  padding: 130px 15px 140px;
  background: url("images/banner.jpg") no-repeat 50% 100%;
  background-size: cover;
  text-align: center;
}
#try-it p {
  margin-bottom: 75px;
  color: #ffffff;
  font-size: 36px;
  font-weight: 100;
  line-height: 49.38px;
}
@media (max-width: 991px) {
   #try-it p {
    font-size: 32px;
   }
}
#try-it a,.try-it-button {
  display: inline-block;
  border-radius: 10px;
  border: 2px solid #0098f9;
  background-color: #0098f9;
  box-shadow: 0px 1px 35px 0px rgba(0, 152, 249, 0.53);
  width: 100%;
  max-width: 366px;
  height: 67px;
  line-height: 67px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .2s linear;
}
#try-it a:hover,.try-it-button:hover {
  box-shadow: 0px 1px 55px 2px rgba(0, 152, 249, 0.53);
  background-color: #17a5ff;
}

#contacts {
  padding: 50px 0 100px;
}

.contact {
  padding-top: 50px;
  text-align: center;
}
.contact .img {
  margin-bottom: 40px;
  font-size: 50px;
  color: #4099ff;
}
.contact .img .icon-phone-outline:before {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.contact span {
  display: block;
  margin-bottom: 40px;
}
.contact span:before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
}
.contact span.phone:before {
  background: url("images/phone.png") no-repeat 50% 50%;
}
.contact span.location:before {
  background: url("images/location.png") no-repeat 50% 50%;
}
.contact span.mail:before {
  background: url("images/mail.png") no-repeat 50% 50%;
}
.contact h4 {
  margin-bottom: 40px;
  color: #757575;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.contact p {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  line-height: 39px;
}
.contact p.underline {
  text-decoration: underline;
}

@media (max-width: 991px) {
  .contact h4 {
    font-size: 12px;
  }
   .contact p {
    font-size: 16px;
   }
}

@media (max-width: 991px) {
  .aboutsection {
    padding-top: 50px;
  }
  .aboutsection .line {
    margin-top: 15px;
  }
  .aboutsection a {
    margin-bottom: 50px;
  }
  .price-boxes-group {
    padding-top: 50px;
  }
  #contacts {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .contact {
    padding-top: 70px;
  }
}

@media (max-width: 767px) {  
  .navbar-default .navbar-toggle {
    color: #fff;
  }
  .current-menu-item a {
    background-color: #fff;
    
   }
  
  
  
  .aboutsection h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
  }
  
  .aboutsection .img {
    left: 15px;
  }
  .aboutsection .figure {
    margin-bottom: 30px;
  }
  #users {
    padding: 50px 0 0;
  }
  #users .users-block {
    margin-top: 50px;
  }
   #users .users-block div {
    float: none;
    width: 100%;
    margin-bottom: 90px;
  }
  .slider {
    padding-top: 50px;
  }
  
  #try-it {
    padding: 50px 15px 0px;
  }
  #try-it p {
    font-size: 18px;
    line-height: 35px;
  }
  #try-it a {
    font-size: 14px;
  }
  #contacts {
    padding: 50px 0 50px;
  }
  .contact {
    padding-top: 35px;
  }
  .contact h4 {
    margin-bottom: 10px;
  }
  .contact p {
    line-height: 24px;
  }
  #home div.section-title h1 {
    font-size: 30px;
    font-weight: 100;
    margin: 0 0 25px;
  }
  #home div.section-title h6 {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}
  div.section-title h1 {
    font-size: 45px;
    border-bottom: none;
  }
  
  .social {
    margin-bottom: 0;
  }
  .social ul li {
   padding-top: 20px;
   padding-bottom: 20px;
  }

  .copyrights {
    margin-bottom: 80px;
  }
}

@media (max-width: 450px) {
  #pricing div.section-title h1 {
      font-size: 36px;
      border-bottom: none;
    }
}


 @media (min-width: 768px) {
  #home div.section-title h1 {
    margin-bottom: 70px;
    color:  #ffffff;
    font-size: 55px;
    font-weight: 100;
    line-height: 65px;
    text-transform: none;
    letter-spacing: 0;
  }
  #home div.section-title h6 {
    max-width: 821px;
    margin: 0 auto 90px;
    color:  #ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
  }
   .current-menu-item a {
    color: #fff !important;
    border-bottom: 5px solid #0098f9 !important;
    background-color: transparent !important;
   }
 }

#sidebar {
  overflow: hidden;
  padding-top: 35px;
  padding-bottom: 100px;
  box-shadow: 0px 0px 100px -11px rgba(0,0,0,0.15);
}
@media (min-width: 975px) {
#sidebar {
    position: fixed;
    top:110px;
    z-index: 100;
    max-width: 270px
    
}
}
#am4login-4 {  
  padding: 0 20px;
  
}
#am4login-4:not(:only-child) {
  border-bottom: 1px solid #f1f5f6;
  margin-bottom: 30px;
}

#am4login-4 .input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#am4login-4 .input:focus {
  border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

#sidebar .widget-title { 
  font-size: 24px;
  text-align: center;
  text-transform: capitalize;
  font-weight: 100;
}

#am4login-4 #wp-submit, .am4_blue_link {
  width: 100%;
  display:inline-block;
  text-align:center;
  margin-bottom: 10px;
  border: none;
  text-transform: uppercase;
  background-color: #0484c9;
  color: #fff;
  border-radius: 5px;
  height: 34px;
  line-height: 34px;
  transition: all .2s linear;
  box-shadow: 0px 1px 35px 0px rgba(0, 152, 249, 0.33);
}
#am4login-4 #wp-submit:hover {
  background-color: #17a5ff;
}
#am4login-4 b { 
  position: relative;
  display: block;
  font-size: 14px;
  color: #55b7f6;
  margin: 0 -20px;
  padding: 20px 20px 30px;
  border-bottom: 1px solid #f1f5f6;
  text-align: center;
} 

#am4login-4 b:before {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%);
  width: 14px;
  height: 16px;
  content:'';
  display: block;
  background: url('images/avatar.png') no-repeat;
} 

#am4login-4 ul:not(:last-child) {
  padding: 30px 0 0;
} 
#am4login-4 ul:last-child {
  padding-bottom: 5px;
} 

#am4login-4 ul:last-child li:first-child:before {
  background: url('images/logout.png') no-repeat;
} 

#am4login-4 ul li {
  border: none;
  padding: 0 0 0 45px;
  margin-bottom: 25px;
}

#am4login-4 ul li a {
  color: #0093f1;
  transition: all .2s linear;
}

#am4login-4 ul li a:hover {
  color: #066eb1;
}

#am4login-4 ul li:before {
  content: '';  
  top: 45%;
  transform: translateY(-50%);
} 

#am4login-4 ul li:first-child:before {
  background: url('images/folder.png') no-repeat;
  width: 16px;
  height: 14px;
}
#am4login-4 ul li:nth-child(2):before {
  background: url('images/star.png') no-repeat;
  width: 17px;
  height: 16px;
}
#am4login-4 ul li:nth-child(3):before {
  background: url('images/settings.png') no-repeat;
  width: 18px;
  height: 18px;
}
#am4login-4 form + p {
  margin-bottom: 50px;
}

#sidebar .textwidget {
  padding: 0 20px;
  text-align: justify;
}
#amember_text-2 {
  margin-bottom: 30px;
}

#amember_text-2 .textwidget {
  font-size: 16px;
  text-align: center;
}
#amember_text-2 .textwidget a {
  font-size: 13px;
  display: block;
  text-transform: uppercase;
  background-color: #0484c9;
  color: #fff;
  margin: 30px 0 40px;
  border-radius: 10px;
  height: 55px;
  line-height: 55px;
  text-decoration: none;
  transition: all .2s linear;
  box-shadow: 0px 1px 35px 0px rgba(0, 152, 249, 0.33);
}

#amember_text-2 .textwidget a:hover {
  box-shadow: 0px 1px 55px 2px rgba(0, 152, 249, 0.53);
  background-color: #17a5ff;
}
    
#sidebar .widget_text:not(:last-child) .textwidget {
  border-bottom: 1px solid #f1f5f6;
}

.explore_bookmap {
  padding: 8% 0 15%;
  background: url('images/explore_bookmap.jpg') no-repeat 50% 50%;
  background-size: cover;
  border: none;
}

.explore_bookmap .service-items h3 {
  margin-bottom: 20px;
  color: #fff;
  font-size: 44px;
  font-weight: 100;
  text-transform: none;
}
.explore_bookmap .service-items p {
  font-size: 20px;
  color: #0587d9;
}

.col-md-9.blog-content .element-line .blog-text .col-md-12.column {
  padding-left: 0;
  padding-right: 0;
}

.nav-tabs {
  background-color: #f0f0f0;
  box-shadow: inset 0px -24px 34px -24px rgba(0,0,0,0.2);
}
.nav-tabs li {
  width: 20%;
}
.nav-tabs > li > a {
  margin: 0;
  font-weight: 600;
  text-align: center;
  height: 80px;
  font-size: 14px;
  line-height: 18px;
  padding: 30px 5px;
  background-color: transparent;
  color: #222;
  border: none;
}

.nav-tabs li a:hover {
  background-color: transparent;
  color: #0093f1;
}

.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus  {
  background-color: transparent;
  color: #0093f1;
  border: none;
  box-shadow: inset 0px -5px 0px 0px rgba(0,147,241,1);
}
@media (max-width: 767px) {
	.nav-tabs li {
	  width: 50%;
	}  
}
.section-title h1 {
  margin: 40px 0 50px;
  font-size: 55px;
  font-weight: 100;
}
.section-title.title-page h1 {
  margin-top: 40px;
}
.element-line {
  margin-top: 0;
}

.section-content {
  padding-top: 50px;
}

.tab-content {
  padding: 35px;
  border: none;
  line-height: 24px;
  box-shadow: 0px 0px 100px -11px rgba(0,0,0,0.1);
}


.video-block {
	margin: 50px -20px 0;
}

.video-block > *[class^="col-"] {
	padding-left: 20px;
	padding-right: 20px;
}

@media (max-width: 459px) {
	.video-block {

	}
	.video-block > *[class^="col-"] {
		width: 100%;
	}
}
.video-block .video {
	position: relative;
	overflow: hidden;
	display: block;
	margin-bottom: 40px;
	height: 215px;
	border: 1px solid #d6eefe;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0px 0px 100px -11px rgba(0,0,0,0.15);
}

.video-block .video span {
	position: absolute;
	top: 32px;
	left: 50%;
	margin-left: -21px;
	height: 42px;
	width: 42px;
	display: inline-block;
	border-radius: 50%;
	background-color: #0098f9;
	font-size: 0;
	box-shadow: 0px 1px 35px 0px rgba(0, 152, 249, 0.33);
	transition: all .2s linear;
}

.video-block .video a:hover + span {
	top: 0;
	left: 0;
	margin-left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0;
}

.video-block .video span:before {
	content: '';
	display: inline-block;
	margin-top: 14px;
	margin-left: 2.5px;
	width: 0;
	height: 0;
	border: 7px solid #fff;
	border-right-width: 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
	opacity: 1;
	transition: all .2s linear;
}

.video-block .video a:hover + span:before {
	opacity: 0;
}
.video-block .video a:hover ~ p { 
	color: #fff;
	top: 38%;
 }
.video-block .video p {
	position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  width: 85%;
  max-width: 120px;
  font-size: 14px;
  line-height: 24px;
  color: #222;
  font-weight: 500;
  z-index: 1;
  transition: all .2s linear;
}

.video-block .video a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
  font-size: 0;
}

#tabgetting-started .version {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #222;
}

#tabgetting-started .version span {
	display: block;
	margin-bottom: 10px;

}
#tabgetting-started .version a {
	display: inline-block;
	color: #0093f1;
	margin: 0 10px;
	border-bottom: 1px solid #b2defb;
}
#tabgetting-started .version a:hover {
	color: #0b66a0;
	border-color: #0b66a0;
}

#tabgetting-started .version a:first-of-type {
	margin-left: 0;
}
#tabgetting-started .version a:last-of-type {
	margin-right: 0;
}

/* getting started brasil */

#tabprimeiros-passos .version {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #222;
}

#tabprimeiros-passos .version span {
	display: block;
	margin-bottom: 10px;

}
#tabprimeiros-passos .version a {
	display: inline-block;
	color: #0093f1;
	margin: 0 10px;
	border-bottom: 1px solid #b2defb;
}
#tabprimeiros-passos .version a:hover {
	color: #0b66a0;
	border-color: #0b66a0;
}

#tabprimeiros-passos .version a:first-of-type {
	margin-left: 0;
}
#tabprimeiros-passos .version a:last-of-type {
	margin-right: 0;
}




.tab-content h2, 
.partner-network h2 {
	margin-bottom: 35px;
	font-size: 35px;
  font-weight: 300;
}
.tab-content h3 {
	margin-top: 35px;
	margin-bottom: 25px;
	font-size: 22px;
    font-weight: 500;
}
    
.tab-content > p {
	font-size: 16px;
	line-height: 24px;
}
.tab-content span strong {
	display: block;
}

.partner-network {
  padding: 15px 0 40px;
  box-shadow: 0px 0px 100px -11px rgba(0,0,0,0.1);
}
.partner-network .tab-content {
  font-size: 16px;
  line-height: 24px;
  box-shadow: none;
  border-bottom: 1px solid #f0f0f0;
}
.partner-network .nav-tabs li {
  width: calc(100% / 6);
}
@media (max-width: 767px){
  .partner-network .nav-tabs li {
      width: calc(100% / 3);
  }
}
.partner-network p {
  font-size: 16px;
  line-height: 24px;
}

.partner-network  .pre-tab-content {
  margin-bottom: 40px;
  padding: 0 35px;
}

.partner-network  .after-tab-content {
  text-align: center;
  padding: 0 35px;
}
.partner-network  .contact-form {
  margin-bottom: 50px;
  padding: 0 35px;
  border-bottom: 1px solid #f0f0f0;
}
.partner-network p:not(:last-child) {
  margin-bottom: 25px;
}
.column-ok {
	margin-bottom: 20px;
	list-style: none;
	padding: 0;
}
.column-ok li {
	position: relative;	
	padding-left: 30px;
	margin-bottom: 10px;
}
.column-list-3 li {
	float: left;
	width: 33.3%;
	margin-bottom: 30px;
}
@media (max-width: 767px) {
	.column-list-3 li {
		position: relative;
		float: none;
		width: 100%;
	}
}

.column-ok li:before {
	position: absolute;
	top: 3px;
	left: 0;
    content: '✓';
    display: inline-block;
    font-size: 11px;
    background-color: #0098f9;
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 18px;
    text-align: center;
}

a.download {
	position: relative;
	display: inline-block;
	line-height: 18px;
	margin-top: 50px;
	margin-left: 35px;
	color: #0098f9;
	font-weight: bold;
	border-bottom: 1px solid #0098f9;
}

a.download:hover {
	border-color: #0484c9;
}

a.download:before {
	position: absolute;
	top: -5px;
	left: -35px;
	content: '';
	display: block;
	width: 22px;
	height: 30px;
	background: url('images/pdf.jpg') no-repeat;
}

.blog-text h2 a {
	font-size: 24px;
	color: #0098f9;
}

.blog-text p {
	font-size: 16px;
	color: #3a3a3a;
	line-height: 24px;
}

.post-blog {
	padding: 15px 40px 40px;
	border-bottom: 1px solid #f1f5f6;
}

.img-rounded {
    border-radius: 10px;
}

.blog-wrapper .post-tags {
	border: none;
}
.blog-wrapper .post-tags .icon {
	margin-right: 20px;
	line-height: inherit;
}
.blog-wrapper .tags-icon {
	display: inline-block;
    vertical-align: middle;
}
.blog-wrapper .tags-icon:before {
  display: inline-block;
  content: '';  
  background: url('images/tags-icon.png') no-repeat;
  width: 20px;
  height: 14px;
} 
.blog-wrapper .post-tags a {
	display: inline-block;
	margin-right: 30px;
	padding: 0;
	background-color: transparent;
	border-bottom: 1px solid #0098f9;
	font-size: 14px;
	line-height: 18px;
	font-weight: 600;
	color: #0098f9;
}

.blog-wrapper .post-tags a:hover {
	background-color: transparent;
	color: #066daf;
	border-color: #066daf;
}

.blog-wrapper .post-tags a:last-child {
	margin-right: 0;
}

body.blog .blog-wrapper {
    box-shadow: 0px 0px 100px -11px rgba(0,0,0,0.15);
}

.blog-wrapper .pager {
	border: none;
	padding: 40px;
}

.blog-wrapper .pager .puls a {
	display: block;
	width: 45%;
	max-width: 225px;
	font-size: 13px;
	color: #0098f9;
	border: 2px solid #0098f9;
	background-color: transparent;
	text-transform: uppercase;
	border-radius: 10px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-weight: 700;
}

.blog-wrapper .pager .puls a:hover {
	color: #fff;
	background-color: #0098f9;
    box-shadow: 0px 1px 35px 0px rgba(0, 152, 249, 0.53);
}

.blog-wrapper .fa-long-arrow-left {
	margin-right: 20px;
}
.blog-wrapper .fa-long-arrow-right {
	margin-left: 20px;
}

@media (max-width: 540px) {
	.blog-wrapper .pager .puls a {
        float: none;
        width: 100%;
        margin: 0 auto;
	}
	.blog-wrapper .pager .puls.previous a {
		margin-bottom: 15px;
	}
	.blog-wrapper .element-line {
		margin-top: 0;
	}
	.blog-wrapper .post-tags .icon {
		display: none;
	}
}


#tabshow-all br {
display: none;
}

.video-box .video-tub { 
  padding-bottom: 30px;
  margin-bottom: 20px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
}
.video-box .video-tub:hover { 
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.16);
}
@media (min-width: 1200px) {
  .video-box .video-tub { 
    min-height: 210px;
    padding-bottom: 0; 
  }
}
@media (max-width: 1199px) {
  .video-box .video-tub { 
    min-height: 268px; 
  }
}
.video-box .video-tub a {
    display: block;
    margin-bottom: 20px;
} 
.wpvl_auto_thumb_box {
    width: 100%;
    height: auto;
}

.video-tub .video_lightbox_auto_anchor_image {
  width: 100%;
  height: auto;
}

.video-tub .wpvl_auto_thumb_play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.video-tub .content {
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
  height: 48px;
}  

.video-tub .content h4 {
 font-size: 16px;
 line-height: 24px;
 font-weight: 600;
}
.video-tub .content ul {
  margin-top: 20px;
  list-style: none;
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  padding: 0;
} 


#testimonial .owl-theme .owl-controls {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  margin-top: 0;
}
#testimonial .owl-carousel {
  padding-top: 60px;
}
#testimonial .item {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#testimonial .item  h2{
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 0;
  font-size: 26px;
  line-height: 40px;
}
#testimonial .item  p:not(.lead) {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 50px;
  font-size: 16px;
  font-style: italic;
  line-height: 30px;
}

#testimonial .item  .lead {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
}

.panel-group {
	margin-bottom: 10px;
	border: none;
}
.panel-group .panel-heading {
	
	text-transform: none;
	border-radius: 5px;
	padding: 0;
}

/* .panel-group .panel-heading a { 
	padding: 21px 15px;
} */
.panel-group .panel-heading a { 
	padding: 15px;
}
.panel-group .panel-default {
	border: none;
}
.panel-group .panel-heading .panel-title {
    font-weight: 500;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 1px solid #f3f3f3;
    border-top: none;
    border-radius: 5px;
    background-color: #fcfcfc;
}

.panel-group .panel-heading h4 a {
	background-color: #0099f9;
	color: #fff;
	border-radius: 5px 5px 0 0;
	transition-duration: .2s;
}

.panel-group .panel-heading h4 a:hover {
	color: #fff;
}

.panel-group .fa-plus:before {
    content: "\f0d7";
}

.panel-group .fa-minus:before {
    content: "\f0d8";
}

.panel-group .panel-body ul + p, .panel-group .panel-body ol + p {
	margin-top: 20px;
}

.gridlist-list{
	display: flex;
	flex-flow: row wrap;
}
.gridlist-item{
	width:300px;
	height:100px;
	display: flex;
	justify-content: center;
	margin: auto;
}
.gridlist-item a {
	display: flex;
	justify-content: center;
}
.gridlist-item a img {
	margin:auto;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.gridlist-item a img:hover {
	-webkit-filter: grayscale(0%);
	filter: none;
}
.gridlist-item-b{
	width:400px;
	height:100px;
	display: flex;
	justify-content: center;
	margin: auto;
}
.gridlist-item-b a {
	display: flex;
	justify-content: center;
}
.gridlist-item-b a img {
	margin:auto;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.gridlist-item-b a img:hover {
	-webkit-filter: grayscale(0%);
	filter: none;
}

.partner-desc li {
  font-size: 14px;
  color: #3a3a3a;
}

.partner-desc p {
  padding: 2px 0 2px 0
}
.partner-desc img {
  margin: 20px 0 20px 0
}
.partner-desc pre {
  display: inline;
  padding: 0;
  margin:0;
  font-size: 16px;
  line-height: 0;
  word-break: break-all;
  word-wrap: break-word;
  color: #3a3a3a;
  background-color: #ffffff;
  border: 0px solid #ffffff;
  border-radius: 0px;
  font-family: Helvetica Neue;
}