body,
.icon-box h3,
h1 .label, h2 .label, h3 .label, h4 .label, h5 .label, h6 .label,
.merriweather-font, .page-header-navy-blue .sub-heading, .product-slider-caption p, .featured-list .caption a,
.logo a, .view-more, .text-block .number-block span, .text-block a, .post-links a, .case-study-text-block ul li a, .sort-source.nav-pills > li > a, .main-navigation .navbar-default .navbar-nav > li > a, .blue-bar a, .contact-info .location-map, .newsletter .btn-submit, .get-in-touch a, .main-navigation .navbar-header .navbar-brand, .portfolio-full-width .categories-block a, .dropdown li a, .owl-slider .owl-item a, #custom-owl-filters .nav-pills > li > a, .featured-post-cta a, .post-categories li a, .similar-articles ul li a, .custom-order-cta a, .plain-vertical-nav li a, .product-slider-cta a, .sorting-form .bootstrap-select .btn-default, .dropdown-menu.shopping-items-list .shopping-cta a, .add-to-cart{
	font-family: 'Ubuntu', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 800;
	letter-spacing: -.03em;
}
p{
	font-family: 'Ubuntu', sans-serif;
	font-size: 15px;
}
.text-block h4, .text-block h4 a {
	line-height: 1.7;
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.02;
	margin: 0 0 15px;
}

.white-text *{
	color:#FFF !important;
}
.black-text *{
	color:#000 !important;
}
.blue-text *{
	color:#465CA5 !important;
}
a#back-to-top {
    position: fixed;
    bottom: 20px;
    left: 21px;
}
#bx-panel {
	position: fixed!important;
	width: 100%!important;
}
.header-style-1 {
	height: 80px; 
}
.logo {
	width: 300px;
	height: 40px; 
}
.logo img {
	max-height: 40px; 
}
.navbar {
	margin-bottom: 0;
}
.body {
	padding-top: 80px;
	height: 100%;
	position: relative;
}
.body:after{
  display: table;
  content: " ";
  clear: both;
}
.preloader {
    position: fixed;
    top: 0;
    width: 100%;
    bottom: 0;
    z-index: 99999;
    background: url(../images/preloader.gif) no-repeat center #fff;
}
body {
    overflow: hidden;
}
.ps__rail-y { z-index: 1000; }
body.menu-opened {
    width: 100%;
}
body.menu-opened .main-navigation.menu-opened {
	left: 0;
}
body .body .body-container{
	position: relative;
}
body .body .body-container:before{
  /*display: none;*/
  display: block;
  position: absolute;
  z-index: -10;
  content: " ";
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
}
body.menu-opened .body .body-container:before{
  /*display: block;*/
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
}
body.menu-opened .body {
    -webkit-transform: translateX(740px);
    -moz-transform: translateX(740px);
    -ms-transform: translateX(740px);
    transform: translateX(740px);
}
.main-navigation {
	height: auto;
	bottom: 60px;
}
.main-navigation .ps__rail-y{
	left: -9999px;
	right: auto;
}
.nav.navbar-nav {
	padding-bottom: 50px;
}
.main-wrapper, .main-wrapper .hero-slider, .main-wrapper .hero-slider .flex-viewport ul, .main-wrapper .hero-slider .flex-viewport ul li, .main-wrapper .hero-slider .flex-viewport ul li img {
	min-height: calc(100vh - 160px);
}
.main-wrapper .hero-slider.flexslider ul.slides li {
    background-size: cover;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0 0 20px 0;
    color: #000;
    font-weight: 700;
    line-height: normal;
    letter-spacing: .5px;
    font-family: 'Ubuntu', sans-serif;
}
.hero-caption .h1 {
	color:#000;
	margin:0 0 20px 0;
	font-weight:700;
	line-height:normal;
	letter-spacing:.5px;
	font-family: 'Ubuntu', sans-serif;
	font-size:80px;
}
.hero-caption .icon {
    font-size: 36px;
}
.hero-caption .icon i {
    font-size: 40px;
}
.hero-caption .icon i:before {
	margin: 0 0 0 10px;
    position: relative;
    top: 10px;
}
.slide-counter {
    right: 0;
    margin-right: -150px;
}
.footer-get-in-touch {
	min-height: 200px;
}
.footer-get-in-touch .footer-logo {
    margin-top: 40px;
    padding-bottom: 75px;
}
.footer-get-in-touch .footer-logo img {
	width: 100px;
}
.footer-get-in-touch h5 {
    padding-top: 75px;
    font-size: 14px;
}
.g-recaptcha > div {
    margin: 0 auto;
    max-width: 100%!important;
}
.g-recaptcha > div iframe {
    max-width: 100%!important;
}
.icon-box.ibox-center .ibox-icon {
	width: auto;
	height: auto;
}
.icon-box.ibox-center .ibox-icon img {
	width: auto;
	height: 80px;
	margin: 0 auto;
}
.page-header-light h1,
.page-header-light .h1 {
	font-size:120px;
	color: #465BA3;
	line-height:100px;
}
.page-header-light h1.page-title-clone,
.page-header-light .h1.page-title-clone {
	width:100%;
	height:500px;
	color:#dee9f1;
	text-transform:uppercase;
	text-align:right;
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	position:absolute;
	left:-300px;
	top:95px;
}
.post-horz-style-2 .post-wrapper {
	border-left: none;
}
.post-horz-style-2 .post-thumb .media-box .zoom .icon {
	font-size: 1.2em;
}
.post-vert-style-1 {
    margin-right: -15px;
}
.post-vert-style-1 .post-wrapper {
    min-height: 340px;
}
.light-blue-text {
    line-height: 1.65;
}
.b24-widget-button-wrapper.b24-widget-button-position-top-right {
    top: 20px;
    right: 60px;
}
.blog-detail-header {
	background-size: cover;
}
.featured-post-full-width {
	padding-bottom: 0;
}
.breadcrumb {
    font-family: 'Ubuntu', sans-serif;
}
.breadcrumb > .active,
.breadcrumb > li + li:before,
.breadcrumb a {
	color: #000;
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
}
.white-text .breadcrumb > .active,
.white-text .breadcrumb > li + li:before,
.white-text .breadcrumb a {
	color: #fff;
}
.breadcrumb a:hover {
	color: #465CA6;
	font-style: normal;
}
.breadcrumb > li + li:before {
	content: "/";
}
.blog-detail-content__no-border {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.blog-detail-content ul li,
.blog-detail-content ol li {
	font-size: 20px;
	line-height: 40px;
}
.blog-detail-content b {
	font-weight: bold;
}
.main-services .light-grey-bg {
	background-color: #4965B3;
}
.main-services h4 a {
	color: #fff;
}
.main-services .light-blue-text {
	color: #9AC3CF;
}
.main-services .post-horz-style-1 .post-thumb:after, 
.main-services .post-vert-style-1 .post-thumb:after {
	display: none;
}
.video-container {
	width: 100%;
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.video-container .video-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.icon-box.ibox-plain.ibox-large .ibox-icon img, .icon-box.ibox-center.ibox-plain .ibox-icon img {
	height: auto;
	width: 100%;
}

/* COMPOSITE CHART  */

.toggle-block {
	margin-top: 43px;
	text-align: center;
}

.toggle-link {
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	margin-top: 3px;
	vertical-align: top;
}

.toggle-link-normal,
.toggle-block-composite .toggle-link-composite {
	color: #000;
	cursor: default;
	border-bottom: none;
}

.toggle-link-composite,
.toggle-block-composite .toggle-link-normal {
	border-bottom: 1px dashed #4965B3;
	color: #4965B3;
	cursor: pointer;
}




.toggle {
	background-color: #4965B3;
	background-image: -webkit-linear-gradient(top, #37bfdd, #4965B3);
	background-image:    -moz-linear-gradient(top, #37bfdd, #4965B3);
	background-image:     -ms-linear-gradient(top, #37bfdd, #4965B3);
	background-image:      -o-linear-gradient(top, #37bfdd, #4965B3);
	background-image:         linear-gradient(to bottom, #37bfdd, #4965B3);
	background-image: linear-gradient(to bottom, #37bfdd, #4965B3);
	border-top: 1px solid #37bfdd;
	border-bottom: 1px solid #4965B3;
	border-radius: 14px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	margin: 0 22px;
	position: relative;
	vertical-align: top;
	width: 59px;
}

.toggle-btn {
	background-color: #fff;
	-webkit-box-shadow: 6px 4px 3px rgba(5, 5, 5, 0.17);
	box-shadow: 6px 4px 3px rgba(5, 5, 5, 0.17);
	height: 25px;
	border-radius: 50%;
	left: 1px;
	top: 0;
	position: absolute;
	width: 25px;

	-webkit-transition: left 0.15s linear;
	transition: left 0.15s linear;
}

.toggle-block-composite .toggle-btn {
	left: 33px;
}

.chart-wrap {
	margin-top: 70px;
	padding:10px 0 56px;
}


.post-title-chart {
	margin-top: 53px;
}

.chart-block {
	background: url(../images/grid-bg.png) repeat 0 0;
	margin: 0 auto;
	height: 256px;
	position: relative;
	width: 1056px;
}

.chart-item {
	border-radius: 14px;
	color: #fff;
	font-size: 12px;
	height: 29px;
	line-height: 28px;
	font-family: "Roboto_Regular", Helvetica, Arial, sans-serif;
	text-align: center;
	position: absolute;

	-webkit-transition: left 0.3s ease-out;
	transition: left 0.3s ease-out;
}

.chart-item-green {
	background-color: #75a227;
	background-image: -webkit-linear-gradient(top, #598918, #94b946);
	background-image:    -moz-linear-gradient(top, #598918, #94b946);
	background-image:     -ms-linear-gradient(top, #598918, #94b946);
	background-image:      -o-linear-gradient(top, #598918, #94b946);
	background-image:         linear-gradient(to bottom, #598918, #94b946);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	top: 29px;
	overflow: hidden;
	width: 441px;

	-webkit-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
}

.chart-item-green-text {
	display: inline-block;
	margin: 0 40px;
	white-space: nowrap;
}

.chart-item-yellow {
	background-image: -webkit-linear-gradient(top, #f7ab11, #fcd958);
	background-image:    -moz-linear-gradient(top, #f7ab11, #fcd958);
	background-image:     -ms-linear-gradient(top, #f7ab11, #fcd958);
	background-image:      -o-linear-gradient(top, #f7ab11, #fcd958);
	background-image:         linear-gradient(to bottom, #f7ab11, #fcd958);
	left: 374px;
	top: 63px;
	overflow: hidden;
	width: 0;

	-webkit-transition: width 0.3s ease-out, left 0.3s ease-out;
		transition: width 0.3s ease-out, left 0.3s ease-out;
}

.chart-item-blue {
	background-color: #37bfdd;
	background-image: -webkit-linear-gradient(top, #23abd1, #59d0e6);
	background-image:    -moz-linear-gradient(top, #23abd1, #59d0e6);
	background-image:     -ms-linear-gradient(top, #23abd1, #59d0e6);
	background-image:      -o-linear-gradient(top, #23abd1, #59d0e6);
	background-image:         linear-gradient(to bottom, #23abd1, #59d0e6);
	left: 442px;
	top: 106px;
	width: 339px;
}

.chart-item-red {
	background-color: #c22521;
	background-image: -webkit-linear-gradient(top, #ac1613, #d1433e);
	background-image:    -moz-linear-gradient(top, #ac1613, #d1433e);
	background-image:     -ms-linear-gradient(top, #ac1613, #d1433e);
	background-image:      -o-linear-gradient(top, #ac1613, #d1433e);
	background-image:         linear-gradient(to bottom, #ac1613, #d1433e);
	left: 442px;
	top: 146px;
	width: 408px;
}

.chart-item-orange {
	background-color: #f88e3a;
	background-image: -webkit-linear-gradient(top, #f67326, #fba95c);
	background-image:    -moz-linear-gradient(top, #f67326, #fba95c);
	background-image:     -ms-linear-gradient(top, #f67326, #fba95c);
	background-image:      -o-linear-gradient(top, #f67326, #fba95c);
	background-image:         linear-gradient(to bottom, #f67326, #fba95c);
	left: 442px;
	top: 192px;
	width: 479px;
}

.chart-delimiter {
	background: url(../images/grid-separator.png) repeat-y 0 0;
	height: 283px;
	top: -9px;
	position: absolute;
	width: 1px;

	-webkit-transition: left 0.3s ease-out;
	transition: left 0.3s ease-out;
}

.chart-delimiter-first {
	left: 442px;
}

.toggle-block-composite .chart-delimiter-first {
	left: 34px;
}

.toggle-block-composite .chart-delimiter-first .chart-delimiter-text {
	display: none;
}

.toggle-block-composite .chart-delimiter-second {
	left: 514px;
}

.chart-delimiter-second {
	left: 852px;
}

.chart-delimiter-text {
	color: #000;
	font-size: 14px;
	font-family: "Roboto_Regular", Helvetica, Arial, sans-serif;
	top: 290px;
	left: -125px;
	position: absolute;
	text-align: center;
	width: 250px;
	white-space: nowrap;
}

.chart-delimiter-second-text {
	display: none;
}

.toggle-block-composite .chart-delimiter-text {
	display: none;
}

.toggle-block-composite .chart-delimiter-second-text {
	display: block;
}

.chart-text-grey {
	color: #6f848e;
}

.toggle-block-composite .chart-item-green {
	width: 33px;
}
.toggle-block-composite .chart-item-blue,
.toggle-block-composite .chart-item-red,
.toggle-block-composite .chart-item-orange,
.toggle-block-composite .chart-item-yellow{
	left: 35px;
}

.toggle-block-composite .chart-item-yellow {
	width: 338px;
}
/* .COMPOSITE CHART  */

@media (max-width: 1367px) {
	.main-wrapper, .main-wrapper .hero-slider, .main-wrapper .hero-slider .flex-viewport ul, .main-wrapper .hero-slider .flex-viewport ul li, .main-wrapper .hero-slider .flex-viewport ul li img {
		min-height: 600px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	body.menu-opened .body {
	    -webkit-transform: translateX(540px);
	    -moz-transform: translateX(540px);
	    -ms-transform: translateX(540px);
	    transform: translateX(540px);
	}
}
@media only screen and (max-width: 992px) {
	body.menu-opened .body {
	    -webkit-transform: translateX(440px);
	    -moz-transform: translateX(440px);
	    -ms-transform: translateX(440px);
	    transform: translateX(440px);
	}
	.post-vert-style-1 {
	    margin-right: 0;
	}
	.post-vert-style-1 .post-wrapper{
		float: left;
	    width: 50%;
	}
	.post-vert-style-1 .post-thumb {
	    width: 50%;
	    float: right;
	}
	.footer-get-in-touch {
		margin-left: -15px;
		margin-right: -15px;
		min-height: 200px;
	}
	.footer-get-in-touch h5 {
		padding-top: 15px;
	}
	.footer-get-in-touch .footer-logo {
		padding-bottom: 15px;
	}
}
@media only screen and (max-width: 767px) {
	a#back-to-top {
	    bottom: 6px;
	    left: 30px;
	}
	.header-style-1 {
	    height: 60px;
	}
	.logo {
	    width: 200px;
	    height: 40px;
	}
	body.menu-opened .body {
	    -webkit-transform: translateX(370px);
	    -moz-transform: translateX(370px);
	    -ms-transform: translateX(370px);
	    transform: translateX(370px);
	}
	.icon-box.ibox-plain.ibox-large .ibox-icon img, .icon-box.ibox-center.ibox-plain .ibox-icon img {
		width: 100%;
    	height: auto;
	}
	.icon-box-wrapper .icon-box.ibox-center {
		padding-top: 30px;
	}
	.page-header-light .page-title {
		font-size: 60px;
    	line-height: 70px;
	}
	.social-icons-black {
		margin: 0 auto;
		float: none!important;
		width: 170px;
	}
	.social-icons-black .social-icons-colored li a {
		margin-right: 0;
	}
	.text-block {
		padding-right: 0;
		margin-right: 0;
	}
}