/*
Theme Name: OnePress
Theme URI: https://www.famethemes.com/themes/onepress/
Author: FameThemes
Author URI: http://www.famethemes.com
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : https://demos.famethemes.com/onepress)
Version: 2.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Reset
2.0  Document
3.0  Layout
4.0  Structure
5.0  Contents
6.0  Elements
7.0  Widgets
8.0  Sections
9.0  External Plugins

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/* Reset already include in bootstrap */
/*--------------------------------------------------------------
2.0 Document Setup
--------------------------------------------------------------*/
/*------------------------------
	2.1 Typography
------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*	GENERAL STYLING
/*-----------------------------------------------------------------------------------*/
::selection {background: #000; color:#fff;}
::-moz-selection {background: #000; color:#fff;}

footer ::selection {background: #fff; color:#000;}
footer ::-moz-selection {background: #fff; color:#000;}

.breadcrumbs_block ::selection {background: #fff; color:#000;}
.breadcrumbs_block ::-moz-selection {background: #fff; color:#000;}

.cleancode_block ::selection {background: #fff; color:#000;}
.cleancode_block ::-moz-selection {background: #fff; color:#000;}
@font-face {
    font-family: 'klavika_basic_regularregular';
    src: url('fonts/klavikabasic-regular-webfont.woff2') format('woff2'),
        url('fonts/klavikabasic-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'klavika_basicmedium';
    src: url('fonts/klavikabasic-medium-webfont.woff2') format('woff2'),
        url('fonts/klavikabasic-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face{font-family:'mp';src:url(fonts/mp.eot?c6ttwd);src:url(fonts/mp.eot?#iefixc6ttwd) format("embedded-opentype"),url(fonts/mp.woff?c6ttwd) format("woff"),url(fonts/mp.ttf?c6ttwd) format("truetype"),url(fonts/mp.svg?c6ttwd#mp) format("svg");font-weight:400;font-style:normal}[class^="mp-"],[class*=" mp-"]{font-family:'mp';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mp-arrow-bent:before{content:"\e61c"}.mp-factory:before{content:"\e600"}.mp-factory-complex:before{content:"\e601"}.mp-flame:before{content:"\e602"}.mp-funnel:before{content:"\e603"}.mp-government:before{content:"\e604"}.mp-graph-fork:before{content:"\e605"}.mp-graph-gantt:before{content:"\e606"}.mp-graph-line:before{content:"\e607"}.mp-hierarchy:before{content:"\e608"}.mp-legal:before{content:"\e609"}.mp-meet-location:before{content:"\e60a"}.mp-metrics-company:before{content:"\e60b"}.mp-metrics-manufacturer:before{content:"\e60c"}.mp-metrics-project:before{content:"\e60d"}.mp-mobile-crane:before{content:"\e60e"}.mp-news:before{content:"\e60f"}.mp-oil:before{content:"\e610"}.mp-presentation:before{content:"\e611"}.mp-price-increase:before{content:"\e612"}.mp-safe:before{content:"\e613"}.mp-search-company:before{content:"\e614"}.mp-search-data:before{content:"\e615"}.mp-search-manufacturer:before{content:"\e616"}.mp-search-project:before{content:"\e617"}.mp-share-info:before{content:"\e618"}.mp-truck:before{content:"\e619"}.mp-water:before{content:"\e61a"}.mp-worker:before{content:"\e61b"}

html{  scroll-behavior: smooth;}

body {  scroll-behavior: smooth;
	overflow-x:hidden;
	position:relative;
	margin: 0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size: 14px;
	line-height: 20px;
	color: #666;
	background-color:#fff;
}

body p{
	font-size:17px;
}
#page {overflow-x:hidden; position:relative; z-index:5;}

.preloader_hide {opacity:0;}
#preloader {position:fixed; left:50%; top:50%; width:32px; height:32px; margin:-16px 0 0 -16px; display:block;}

section {background-color:#fff;}

.container {padding-left:0; padding-right:0;position:relative;z-index:0;}

.parallax {
	background-position:0 0;
	width:100%;
	background-attachment:fixed !important;
}

a, input, select, textarea {
	vertical-align:top;
	outline:none !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

select:-moz-focusring {
    color: transparent;
	outline:none !important;
    text-shadow: 0 0 0 #000 !important;
	border:0 !important;
}

textarea {resize: none;}

img {
	outline:0;
	vertical-align:top;
	border:0;
	max-width:100.1%;
	height:auto;
}

a {color:#999; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
a:hover, a:focus {text-decoration:none; color:#333;}




.margbot0 {margin-bottom:0;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px;}

.pad0 {padding:0 !important;}
.padbot0 {padding-bottom:0 !important;}
.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}
.padtop0 {padding-top:0 !important;}
.padtop10 {padding-top:10 !important;}
.padtop20 {padding-top:20 !important;}
.padtop30 {padding-top:30 !important;}
.padtop40 {padding-top:40 !important;}

.overlay {
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.7);
}
.relative_block {position:relative; z-index:5;}








/*-----------------------------------------------------------------------------------*/
/*	TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/
hr {border-color:#ededed;}

ul, ol {padding:0; margin:0;}
li {padding:0; margin:0; list-style:none;}

p {margin:0 0 20px;}


h1, h2, h3, h4, h5, h6 {
	margin-top:0;
	font-family: 'Roboto', sans-serif;
	text-transform:none;
	font-weight:300;
	color:#333;
}
h1 {    margin: 0 0 16px;
    line-height: 46px;
    font-size: 40px;
    font-weight: 400;}
h2 {margin:20px 0 20px; line-height:40px; font-size:38px;font-weight: 400;}
h2 b {font-weight:500;}
h3 {margin: 0 0 21px;font-weight: bold;
    line-height: 25px;
    font-size: 22px;}
h3 b {font-weight:900;}
h4 {margin:0 0 34px; line-height:25px; font-size:20px;}
h4 b {font-weight:500;}
h5 {margin:0 0 15px; line-height:20px; font-size:15px;}
h6 {margin:0 0 15px; line-height:20px; font-size:12px;}

.center {text-align:center;}
.right {text-align:right;}

.color_text {color:#30a67c;}
.color_dark {color:#505050;}
.color_light {color:#979797;}
.color_white {color:#fff;}
.color_red {color:#c10707;}
.color_yellow {color:#fec400;}

.color_bg {background:#30a67c;}

/* __________ blockquote __________ */
blockquote {position:relative; margin: 0 0 13px; padding:0 0 0 47px; border:0; font-style:italic; font-size:16px; color:#979797;}
blockquote:before {content:'“'; position:absolute; left:15px; top:13px; font-style:italic; font-size:70px; color:#979797;}






/*-----------------------------------------------------------------------------------*/
/*	SHORTCODES
/*-----------------------------------------------------------------------------------*/
/* __________ Buttons __________ */
.btn {
	margin: 0;
	padding:15px 40px 13px;
	border:2px solid #ccc;
	border-radius: 0;
	box-shadow: none;
	text-transform:uppercase;
	font-weight: 900;
	line-height: 20px;
	position:relative;
	font-size: 13px;
	color:#999;
	text-shadow: none;
	background-image: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a.btn.btn-1.btn-1b.subscribe {
    padding: 10px 20px;
}
.btn:focus, .btn:hover {color:#333; border-color:#999;}
 
.btn-active {background-color:#1c1c1c; color:#fff; border-color:#1c1c1c;}
.btn-active:hover {color:#fff;}


.btn-lg {padding:10px 20px; font-size:18px;}
.btn-sm {padding: 6px 20px 5px; font-size:13px;}
.btn-xs {padding: 2px 15px 3px; font-size:11px;}


.btn_shortcodes .btn {margin:0 7px 10px 0;}
.btn_shortcodes .btn:last-child {margin-right:0;}


.ie .btn, .ie .btn-default {filter:none !important;}






/* __________ breadcrumb __________ */
.breadcrumbs_block {
	
	    background-image: url(images/hero_our_customers.jpg);
	background-repeat:no-repeat;
	background-size:cover;    position: relative;
}
.breadcrumbs_block h2 {
	margin-bottom:15px;
	line-height:80px;
	font-size:80px;
	color:#fff;
}
.breadcrumbs_block p {
	margin:0;
	line-height:34px;
	font-size:26px;
	color:#999;
}

section.breadcrumbs_block h1, section.breadcrumbs_block p {
    color: #fff;
}








/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
header {
	position:relative;
	/*height:120px;*/
	background-color:#fff;
}

.page-top-contact {padding: 0.5em 0.5em; background: #333; color:#fff; }
#page-top-seo-links {
    margin-left: 2em;
    color: #888;
}
.page-top-buttons {
    text-align: center;
    color: white;
}.page-top-buttons div[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.page-top-button-demo, .page-top-button-login {float:right;}
.page-top-button-demo .btn, .page-top-button-login .btn {color:#fff; border:0; padding:0.2em 0.5em; background:#da291c; width: 90%; font-weight: normal;  }
.page-top-button-login .btn {background:#ccc; color:#333;}
.page-top-button-login .btn:hover, .page-top-button-login .btn:focus{background:#999; color:#fff;}
.page-top-button-demo .btn:hover {color:#fff;}
.page-top-contact a:hover, .page-top-contact a:focus {
    text-decoration: none;
    color: #da291c;
}
/* __________ Logo __________ */
.logo {float:left; margin: 0;}
.logo img{max-width:5.5em;}
.logo a {
	text-transform:uppercase;
	/*line-height:80px;*/
	font-size:26px;
	color:#333;
}
.logo a span {
	display:inline-block;
	padding-right:18px;
}
.logo a span.b1 {font-weight:900;}
.logo a span.b2 {font-weight:700;}
.logo a span.b3 {font-weight:400;}
.logo a span.b4 {font-weight:300;}
.logo a span.b5 {font-weight:100;}




/* __________ Menu __________ */
.menu_block {
	position:fixed;
	z-index:9999;
	left:0;
	top:0;
	right:0;
	/*height:120px;*/
	width:100%;
	background-color:#fff;
	box-shadow:0 2px 3px rgba(0,0,0,0.1);
}

.navmenu ul li {
	position:relative;
	display:inline-block;
}
.navmenu ul li a {
	display:block;
	margin:0 0 0 0px;
	padding:31.5px 12px;
	text-transform:uppercase;
	font-weight:600;
	line-height:20px;
	font-size:14px;
	color:#666;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.navmenu li:hover a,
.navmenu li.active a {
	color: #da291c;
}

/* Sub menu */
.sub-menu ul {
	display: none;
	position: absolute;
	z-index: 9990;
	width: 230px;
	left: 50%;
	top: 100%;
	padding: 0;
	margin: 0 0 0 -90px;
}
.sub-menu.last ul {right:0; left:auto;}
.sub-menu ul:before {
	content:'';
	position:absolute;
	left:50%;
	top:-6px;
	margin-left:-5px;
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid #da291c;
}

.sub-menu ul li  {
	margin:0;
	padding:0;
	width:100%;
	border-top: 0;
}
.sub-menu ul li a {
	position:relative;
	margin:0;
	padding: 15px 5px 14px 21px;
	font-weight:400;
	text-align:left;
	font-size:12px;
	color:#fff !important;
	background:#da291c;
	border-bottom:1px solid #da291c;
}
.sub-menu ul li:last-child a {border-bottom:0;}

.sub-menu ul li.active a, .sub-menu ul li a:hover {color:#da291c !important; background:#fbfbfb;}







/*-----------------------------------------------------------------------------------*/
/*	SEARCH FORM TOP
/*-----------------------------------------------------------------------------------*/
#search-form form {
	position:relative;
	height:40px;
	margin:20px 0 20px 19px;
	padding-left:49px;
	border-left:1px solid #ccc;
	font-family: FontAwesome;
}
#search-form form:before {
	content: "\f002";
	position:absolute;
	left:29px;
	top:-2px;
	height:40px;
	line-height:40px;
	font-size:15px;
	color:#cccc;
}

#search-form input {
	width:42px;
	margin:0;
	padding:11px 0;
	text-transform:none;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	line-height:20px;
	font-size: 13px;
	color: #999;	
	background: none;
	border: 0;
	box-shadow: none;	 
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
#search-form input:focus {
	width:140px;
	padding: 11px 20px 11px 0;
}









/*-----------------------------------------------------------------------------------*/
/*	HOME
/*-----------------------------------------------------------------------------------*/
#home {position:relative;}






/*-----------------------------------------------------------------------------------*/
/*	ABOUT
/*-----------------------------------------------------------------------------------*/
#Digital-library{padding-top:38px;}

/*section#pricing {background:#E0e0e0;} __________ Services __________ */
.services_block {padding:7px 0 0;}

.services_item {
	display:block;
	cursor:default;
}

.services_item p {
	position:relative;
	margin-bottom:15px;
	padding-bottom:19px;
	text-transform:none;
	font-weight:300;
	font-size:20px;
	color:#333;
}
.services_item p b {font-weight:400;}
.services_item p:before {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:30px;
	height:2px;
	background-color:#ccc;
}

.services_item span {
	display:block;
	padding-bottom:9px;
	font-weight:300;
	font-size:14px;
	color:#666;
}




/* __________ Clean Code __________ */
.cleancode_block {
	padding:38px 0 34px;
	/*background-image:url(images/clean_code_bg.jpg);
	background-image:url(images/team_bg.jpg);*/
	background-size:cover;
	background-position:0 0;
	background-attachment:fixed !important;
}

.cleancode_block .tab-content {
	overflow:hidden;
	padding: 0;
	margin:0 0 80px;
}
.cleancode_block p.title {
	margin:0 0 0;
	font-weight:100;
	line-height:80px;
	font-size:3em;
	color:#fff;
}
.cleancode_block p.title b {font-weight:500;}

.cleancode_block span {
	font-weight:300;
	line-height:34px;
	font-size:26px;
	color:#999;min-height: 65px;
}
.cleancode_block .tab-pane {
	display:block;
	height:0;
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;
}
.cleancode_block .tab-pane.active {
	height:auto;
	transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	-webkit-transform:translateY(0);
}

.ie .cleancode_block .tab-pane {display:none;}
.ie .cleancode_block .tab-pane.active {display:block;}


.cleancode_block .nav-tabs {
	margin:0 -15px;
	border:0;
}
.cleancode_block .nav-tabs li {
	margin:0;
	padding:0 15px;
}
.cleancode_block .nav-tabs li a {
	width:170px;
	height:170px;
	margin:0;
	padding:54px 0 0;
	text-align:center;
	border:0 !important;
	border-radius:0;
	transition: background-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
}
.cleancode_block .nav-tabs li a i {
	display:block;
	width:60px;
	height:60px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:0 -60px;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	transition: transform 0.2s ease-in-out; 
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
}
.cleancode_block .nav-tabs li a.i1 i {background-image:url(images/i1.png);}
.cleancode_block .nav-tabs li a.i2 i {background-image:url(images/i2.png);}
.cleancode_block .nav-tabs li a.i3 i {background-image:url(images/i3.png);}
.cleancode_block .nav-tabs li a.i4 i {background-image:url(images/i4.png);}
.cleancode_block .nav-tabs li a.i5 i {background-image:url(images/i5.png);}
.cleancode_block .nav-tabs li a.i6 i {background-image:url(images/i6.png);}


.nav-tabs li a:hover,
.nav-tabs li a:focus {
	background-color:transparent;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
	background-color:#fff;
}

.nav-tabs li a:hover i {
	background-position:0 -120px;
	transform:translateY(-10px);
	-o-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
}
.nav-tabs li.active a i {
	background-position:0 0;
	transform:translateY(-16px);
	-o-transform:translateY(-16px);
	-ms-transform:translateY(-16px);
	-webkit-transform:translateY(-16px);
}

.cleancode_block .nav-tabs li a span {
	display:block;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	line-height:20px;
	font-size:20px;
	color:#333;
	opacity:0;
	transform:translateY(-30px);
	-o-transform:translateY(-30px);
	-ms-transform:translateY(-30px);
	-webkit-transform:translateY(-30px);
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;
}
.nav-tabs li.active a span {
	opacity:1;
	transform:translateY(-6px);
	-o-transform:translateY(-6px);
	-ms-transform:translateY(-6px);
	-webkit-transform:translateY(-6px);
}


/* __________ Multi Purpose __________ */
.purpose_block , .purpose_block1 {padding:8em 0 8em 0; }
#home.purpose_block1 {padding:3em 0 0 0; }

.purpose_block p, .purpose_block1 p {
	margin-bottom:20px;
	font-weight:300;
	line-height:26px;
	font-size:17px;
	color: #e0e0e0;
}
.purpose_block .btn, .purpose_block1 .btn {margin-top:30px; margin-right:16px;}
.purpose_block .btn-active, .purpose_block1 .btn-active {overflow:hidden;}
.purpose_block .btn-active span:before, .purpose_block1 .btn-active span:before  {
	content: attr(data-hover);
	position: absolute;
	top: 100%;
	left:0;
	width:100%;
	text-transform:uppercase;
	text-align:center;
	font-weight: 900;
	line-height:20px;
	font-size:13px;
	color:#1C1C1C;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.purpose_block .btn-active:hover span:before, .purpose_block1 .btn-active:hover span:before {color:#fff;}
.purpose_block .btn-active span, .purpose_block1 .btn-active span {
	position: relative;
	display: inline-block;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.purpose_block .btn-active:hover span, .purpose_block1 .btn-active:hover span,
.purpose_block .btn-active:focus span, .purpose_block1 .btn-active:focus span {
	color:#1c1c1c;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}

.purpose_block .ipad_img1 {margin-top:-116px;}






/*-----------------------------------------------------------------------------------*/
/*	FEATURED WORKS
/*-----------------------------------------------------------------------------------*/
#projects {/*padding-top:47px;*/
}

.work_item {
	position:relative;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.owl-item:hover .work_item {
	transform:scale(0.95);
	-o-transform:scale(0.95);
	-ms-transform:scale(0.95);
	-webkit-transform:scale(0.95);
}

.work_item .work_description {
	position:absolute;
	z-index:20;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	background-color:rgba(0,0,0,0.8);
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.work_item:hover .work_description {opacity:1;}
.work_item .work_description .work_descr_cont {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	opacity:0;
	transform:translateY(-100%);
	-o-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.work_item:hover .work_description .work_descr_cont {
	opacity:1;
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.work_item .work_description a {
	display:block;
	margin:0 0 6px;
	font-weight:300;
	line-height:24px;
	font-size:24px;
	color:#fff;
}
.work_item .work_description span {
	color:#666;
}

.work_item a.zoom {
	position:absolute;
	z-index:30;
	left:50%;
	bottom:0;
	width:60px;
	height:36px;
	margin-left:-30px;
	opacity:0;
	background-image:url(images/zoom.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	-webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.work_item:hover a.zoom {
	bottom:56px;
	opacity:1;
}
.work_item a.zoom:hover {background-image:url(images/zoom_h.png);}



/* __________ WORKS DETAILS __________ */
#project_prev,
#project_close,
#project_next {
	position:relative;
	z-index:1;
	display: inline-block;
	width:50px;
	height:50px;
	margin:0 -2px 0 -3px;
	border:2px solid #ccc;
	font-family: FontAwesome;
	transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out;
}
#project_prev:hover, #project_close:hover, #project_next:hover {z-index:2; border-color:#333;}
#project_prev i,
#project_close i,
#project_next i {
	line-height:46px;
	font-size:26px;
	color:#ccc;
	transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out;
}
#project_close i {margin:0 -2px;}
#project_prev:hover i, #project_close:hover i, #project_next:hover i {color:#333;}

#project_prev.first, #project_next.last {cursor:default;}
#project_prev.first:hover, #project_next.last:hover {border-color:#ccc;}
#project_prev.first:hover i, #project_next.last:hover i {color:#ccc;}


ul.project_info li {
	margin-bottom:3px;
	font-style:italic;
	color:#505050;
}
ul.project_info li span {color:#979797;}
ul.project_info li span {color:#979797;}

.project_shared {padding:15px 0;}
.project_shared a {
	display:inline-block;
	width:36px;
	height:36px;
	margin-right:5px;
	border:1px solid #ccc;
	text-align:center;
	line-height:34px;
	font-size:20px;
	color:#ccc;
}
.project_shared a:hover {border-color:#333; color:#333;}



/* __________ Our Clients __________ */
.our_clients {padding:30px 0 38px;}

.our_clients .client_img {
	opacity:0.5;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}










/*-----------------------------------------------------------------------------------*/
/*	OUR TEAM
/*-----------------------------------------------------------------------------------*/
#team, #about, #contact-us {
	padding:75px 0 100px;
	background-image:url(images/team_bg.jpg); 
	background-size:cover;
	background-attachment:fixed !important;
}
#about {background-image:url(images/hero_about.jpg); color:#fff; position: relative; padding:34px 0 0 0px;}
#contact-us {background-image:url(images/hero_contact.jpg); color:#fff; position: relative; padding: 15px 0 20px 0px;}

h2.color-red b, #about h3 ,#contact-us h3{ color:#fff;}
h2.color-red,  .color-red {color:#da291c;}
.color-black {color:#000;font-size:30px;}
#about .services_item p, #about .services_item p a{color:#da291c; margin-top: 1em;font-weight: bold;}
#contact-us p strong, #contact-us p a:hover {color:#da291c;}
#contact-us p a {border-bottom:1px dashed #fff; color:#fff;}
#about .services_item span, #contact-us p {color:#fff;}
#about .services_item p:before {background-color: #da291c; }
.cleancode_block { position: relative;background-color:#000;}
#about:before, #contact-us:before, .cleancode_block:before  {
content: "";
background: rgba(0, 0, 0, 0.4);
width: 100%;
height: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
  
}.cleancode_block:before  {background:#fff; }
#contact-us:before   {background: rgba(0, 0, 0, 0.4); }
#Digital-library {font-size:18px; text-align:left;padding-bottom: 64px;}
#Digital-library .tab-content ul li {margin-bottom:0.3em; line-height:1.5em; font-size:17px;  color:#da291c;}
#Digital-library .tab-content ul li a{color:#333; margin-right:0.5em;}
#Digital-library .tab-content ul li a:hover{color:#da291c;}
.crewman_item {
	position:relative;
	margin:0 15px;
}
.crewman_item .crewman_descr {
	position:absolute;
	z-index:20;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	background-color:rgba(0,0,0,0.8);
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;
}
.crewman_item:hover .crewman_descr {opacity:1;}
.crewman_item .crewman_descr .crewman_descr_cont {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	opacity:0;
	transform:translateY(-100%);
	-o-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	transition: all 0.5s ease-in-out; 
	-webkit-transition: all 0.5s ease-in-out;
}
.crewman_item:hover .crewman_descr .crewman_descr_cont {
	opacity:1;
	transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.crewman_item .crewman_descr p {
	margin:0 0 6px;
	font-weight:300;
	line-height:24px;
	font-size:24px;
	color:#fff;
}
.crewman_item .crewman_descr span {
	color:#666;
}

.crewman_item .crewman_social {
	position:absolute;
	z-index:30;
	left:0;
	bottom:0;
	width:100%;
	opacity:0;
	text-align:center;
	transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out; 
	-webkit-transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.crewman_item .crewman_social a {
	display:inline-block;
	width:60px;
	height:60px;
	margin:0 7px 0 10px;
	border:2px solid #333;
	border-radius:50%;
	line-height:58px;
	font-size:26px;
	color:#333;
}
.crewman_item:hover .crewman_social {
	bottom:56px;
	opacity:1;
}
.crewman_item .crewman_social a:hover {
	color:#fff;
	border-color:#fff;
}







/*-----------------------------------------------------------------------------------*/
/*	TESTIMONIALS
/*-----------------------------------------------------------------------------------*/
#news {padding:75px 50px 0 50px;}
#OurCustomers {padding:40px 0px 60px 0px; background:#eee;}
/*.testimonials{margin-bottom:77px;}*/
.testim_content {
	font-weight:300;
	line-height:38px;
	font-size:26px;
	color:#333;
}
.testim_author {
	padding-top:46px;
	font-weight:300;
	font-size:16px;
	color:#666;
}
.testim_author b {
	font-weight:500;
	color:#333;
}






/*-----------------------------------------------------------------------------------*/
/*	RECENT POSTS
/*-----------------------------------------------------------------------------------*/
.post_item_img {position:relative;}
.post_item_img:before {
	content:'';
	position:absolute;
	z-index:25;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.post_item:hover .post_item_img:before {background-color:rgba(0,0,0,0.8);}
.post_item_content {padding:23px 0 0;}
.post_item_content a.title {
	font-weight:300;
	line-height:34px;
	font-size:24px;
	color:#333;
}
.post_item_inf {padding-top:2px;}
.post_item_inf li {
	display:inline-block;
	padding-right:12px;
	color:#ccc;
}
.post_item_inf a {
	padding-right:12px;
	font-weight:300;
	font-size:14px;
}
.post_item_img a.link {
	position:absolute;
	z-index:30;
	left:50%;
	bottom:30%;
	width:60px;
	height:36px;
	margin:0 0 -18px -30px;
	opacity:0;
	background-image:url(images/zoom.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	-webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.post_item:hover .post_item_img a.link {
	bottom:50%;
	opacity:1;
}
.post_item_img a.link:hover {background-image:url(images/zoom_h.png);}


/* __________ Recent Posts Small __________ */
.recent_posts_small {margin-bottom:15px;}
.post_item_img_small {
	overflow:hidden;
	float:left;
	width:70px;
	height:50px;
	margin:2px 15px 13px 0;
}
.post_item_img_small img {
	width:auto;
	max-width:none;
	height:100%;
	transition: opacity 0.3s ease-in-out; 
	-webkit-transition: opacity 0.3s ease-in-out;
}
.recent_posts_small:hover .post_item_img_small img {opacity:0.5;}
.post_item_content_small a.title {
	display:block;
	line-height:17px;
	font-size:14px;
	color:#ccc;
}
.post_item_content_small a.title:hover {color:#666;}
.post_item_inf_small li {
	display:inline-block;
	padding-top:4px;
	padding-right:10px;
	line-height:17px;
	font-size:11px;
	color:#666;
}



/* __________ Recent Posts Sidebar __________ */
.recent_posts_widget {margin-bottom:25px;}
.post_item_img_widget {
	overflow:hidden;
	width:270px;
	height:180px;
	margin-bottom:16px;
	background-color:#000;
}
.post_item_img_widget img {
	width:auto;
	max-width:none;
	height:100%;
	transition: opacity 0.3s ease-in-out; 
	-webkit-transition: opacity 0.3s ease-in-out;
}
.recent_posts_widget:hover .post_item_img_widget img {opacity:0.5;}

.post_item_content_widget a.title {
	display:block;
	line-height:21px;
	font-size:18px;
	color:#333;
}
.post_item_content_widgeta.title:hover {color:#666;}
.post_item_inf_widget li {
	display:inline-block;
	padding-top:12px;
	padding-right:10px;
	line-height:17px;
	font-size:11px;
	color:#999;
}









/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
#contacts {
	position: relative;
	z-index:0;
	padding:0;
	background:transparent;
}

footer {
	overflow:hidden;
	z-index:1;
	/*position:fixed;
	
	bottom:0;
	left:50%;
	opacity:0;*/
	width:100%;
	padding:60px 0 10px;
	color:rgba(224, 224, 224, 0.7);
	/*background-color:#1c1c1c;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);*/
	
	background:#da291c url(images/MP-website-footer.jpg) no-repeat; background-size:100%
}
footer h4 {color:#fff; margin-bottom:0.8em;}
footer .footer-icons {
	width: 30px;
	height: 30px;
	display: inline-block;
	border: #fff 0.1em solid;
	border-radius: 11px;
	margin:0.3em 0.8em 0 0;
}
footer .border-L-white {
	border-left: 0.1em solid #fff;
	padding-left: 1em; 
}
footer .border-L-white small {
	font-size: 0.9em;
	color: #fff;
	flex: content;
	align-content: center;
}
footer div.help-center {
	padding: 0 3em;
}
footer .border-L-white small a {color: #fff; font-size:1em;}
footer .phone-no{background: url(images/Call.svg) no-repeat; margin-top: 0em;}
footer .location{background: url(images/Location.svg) no-repeat; margin-top: 0em;}
footer .email{background: url(images/Email.svg) no-repeat; margin-top: 0em;}
footer .address-wraper{ margin-bottom:1em;}
.address-wraper div {
	display: flex;
	margin-bottom: 1em;
}
footer .contact_form { padding: 0em;}
.hs-form-fca4dca5-30e7-429a-a341-6ecad2eaed98_5163ce84-d444-43a4-b956-9d2d3ee9a267 .hs-form-field label:not(.hs-error-msg) {
	color: #000;
}
footer ul.social {
	margin-top: 1em;
}
footer .social li a {
	display: block;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	text-align: center;
	line-height: 28px;
	font-size: 15px;
	color: #fff;
	border-radius: 50%;
	font-weight: normal;
}
footer .btn {
	margin: 0;
	padding: 10px 40px 10px;
	border: 2px solid #fff;
	border-radius: 0;
	box-shadow: none;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 11px;
	position: relative;
	font-size: 12px;
	color: #fff;
	text-shadow: none;
	background-image: none !important;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	letter-spacing: 1px; margin-top:10px;
}

footer a{color:#fff; font-size:0.9em; }
footer a:hover{color:#f8f8f8;}
footer .last-footer-sec {color:#fff;}
footer .menu-footer-menu-container {margin-top:3em;}
footer .menu-footer-menu-container li {margin:0 0 0.3em 0; display:block;}

/* __________ Footer About Block __________ */
.foot_about_block p {
	margin-bottom:24px;
	padding-right:71px;
	line-height:24px;
	font-size:12px;
}


footer textarea:focus,
footer input[type="text"]:focus,
footer input[type="password"]:focus,
footer input[type="datetime"]:focus,
footer input[type="datetime-local"]:focus,
footer input[type="date"]:focus,
footer input[type="month"]:focus,
footer input[type="time"]:focus,
footer input[type="week"]:focus,
footer input[type="number"]:focus,
footer input[type="email"]:focus,
footer input[type="url"]:focus,
footer input[type="search"]:focus,
footer input[type="tel"]:focus,
footer input[type="color"]:focus {
	outline: 0;
	box-shadow: none;
	color:#fff;
	border-color:#ccc;
}

body footer .legal-consent-container p {
    font-size: 14px;
    line-height: 1.1;
}
footer input.hs-button.primary.large {
    background: #fff;
    padding: 1em;
}


/*-----------------------------------------------------------------------------------*/
/*	MAP
/*-----------------------------------------------------------------------------------*/
#map {
	position:fixed;
	z-index:3;
	bottom:-100%;
	left:0;
	right:0;
	height:401px;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
#map iframe {width:100%; height:399px;}
#map.showed {bottom:0;}



.map_hide {
	position:absolute;
	left:50%;
	z-index:20;
	display: block;
	width:50px;
	height:50px;
	margin-left:525px;
	background-color:#333;
	font-family: FontAwesome;
	text-align:center;
}
.map_hide:hover {background-color:#fff;}
.map_hide i {
	line-height:46px;
	font-size:26px;
	color:#fff;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}
.map_hide i {margin:0 -2px;}
.map_hide:hover i {color:#333;}






/*-----------------------------------------------------------------------------------*/
/*	SOCIAL BUTTONS
/*-----------------------------------------------------------------------------------*/
ul.social  {margin-top:3em;}
.social li {
	display:inline-block;
	margin:0 7px 10px 0;
}
.social li a {
	display:block;
	width:50px;
	height:50px;
	border:1px solid rgba(224, 224, 224, 0.3);
	text-align:center;
	line-height:46px;
	font-size:23px;
	color:rgba(224, 224, 224, 0.3);
}
.social li a:hover {
	color:#ccc;
	border-color:#ccc;
}








/*-----------------------------------------------------------------------------------*/
/*	CONTACT FORM
/*-----------------------------------------------------------------------------------*/
/* __________ Contact Form __________ */
textarea, input[type="text"], input[type="email"], input[type="tel"]{
	width:100%;
	margin:0 0 10px;
	padding: 10px 8px;
	text-transform:none;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	line-height:20px;
	font-size: 12px;
	color: #fff;
	font-style:normal;
	border-radius: 0;	
	background: none;
	border: 2px solid rgba(224, 224, 224, 0.3);
	box-shadow: none;
	transition: border-color 0.3s ease-in-out; 
	-webkit-transition: border-color 0.3s ease-in-out;
}
textarea {
	overflow:hidden;
	min-height:95px;
	resize: none;
}
span.wpcf7-form-control-wrap.message textarea {
    height: 95px !important;
	    margin-bottom: 10px;
}
textarea,
input[type="text"].last {margin-right:0;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	outline: 0;
	box-shadow: none;
	color:#666;
	border-color:#ccc;
}


.contact_btn {
	display:inline-block;
	cursor:pointer;
	margin: 0 7px 10px 0;
	padding:13px 30px;
	border: 2px solid rgba(224, 224, 224, 0.3);
	border-radius: 0;
	box-shadow: 0;
	text-shadow:none;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	line-height:20px;
	font-size:13px;
	color:rgba(224, 224, 224, 0.3);
	background: none; 
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.contact_btn.active, .contact_btn:hover {background: none; color:#fff; border-color:#ccc;}

.notification_error {color:#30a67c;}








/*-----------------------------------------------------------------------------------*/
/*	BLOG
/*-----------------------------------------------------------------------------------*/
.single_page #blog {padding-top:50px;}


.blog_block hr {border-top:2px solid #e9e9e9;}



/* __________ Blog Post __________ */
.blog_post_img {
	overflow:hidden;
	float:left;
	position:relative;
	width:470px;
	height:369px;
	margin-right:30px;
	background-color:#000;
}
.blog_post_img img {
	width:auto;
	max-width:none;
	height:100%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.blog_post:hover .blog_post_img img {opacity:0.5;}

.blog_post a.zoom {
	position:absolute;
	z-index:30;
	left:50%;
	bottom:50px;
	width:60px;
	height:36px;
	margin:0 0 -30px -30px;
	opacity:0;
	background-image:url(images/zoom.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out; 
	-webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.blog_post:hover a.zoom {
	bottom:50%;
	opacity:1;
}
.blog_post a.zoom:hover {background-image:url(images/zoom_h.png);}

.blog_post_descr hr {
	border-color:#e9e9e9;
	margin:25px 0;
}
.blog_post_date {
	margin-top:-3px;
	text-transform:uppercase;
	line-height:14px;
	font-size:11px;
}

.blog_post_title {
	display:block;
	padding-bottom:19px;
	line-height:36px;
	font-size:30px;
	color:#333;
}
.blog_post_title:hover {color:#666;}

.blog_post_info li {position:relative; display:inline-block; padding-right:22px;}
.blog_post_info li:before {content:''; position:absolute; right:9px; top:4px; height:12px; width:1px; background-color:#d3d3d3;}
.blog_post_info li:last-child:before {display:none;}
.blog_post_info li a {font-size:14px;}
.blog_post_content {
	padding-bottom:18px;
	line-height:26px;
	font-size:17px;
}
.blog_post .read_more_btn {
	font-weight:500;
	font-size:16px;
	color:#333;
}
.blog_post .read_more_btn:hover {color:#666;}



/* __________ Pagination __________ */
.pagination {
	display:block;
	margin:0 0 50px;
	padding:0;
	border-radius:0;
}
.pagination li {
	float:left;
	width:68px;
	height:70px;
}
.pagination li a {
	float:none;
	display:block;
	margin:0;
	padding:0;
	border:0;
	font-weight:900;
	text-align:center;
	line-height:68px;
	font-size:20px;
	color:#999;
}
.pagination li a:focus,
.pagination li a:hover {
	background:none !important;
	color:#333 !important;
}
.pagination li.active a {
	border:2px solid #333 !Important;
	font-size:26px;
	color:#333 !important;
	background:none !important;
}








/* __________ Single Blog Post __________ */
.single_blog_post_date {
	margin:-2px 0 -4px;
	line-height:13px;
	font-size:11px;
	color:#999;
}
.single_blog_post_title {
	padding-bottom:12px;
	line-height:60px;
	font-size:50px;
	color:#333;
}

.single_blog_post_info {padding-bottom:20px;}
.single_blog_post_info li {
	position:relative;
	display:inline-block;
	padding:0 25px 4px 0;
}
.single_blog_post_info li:before {
	content:'';
	position:absolute;
	right:9px;
	top:4px;
	height:12px;
	width:1px;
	background-color:#d3d3d3;
}
.single_blog_post_info li:last-child:before {display:none;}
.single_blog_post_info li a {font-size:14px;}

.single_blog_post_img img {
	margin-bottom:23px;
	width:100%;
}

.single_blog_post_content {
	line-height:26px;
	font-size:17px;
}



/* __________ Single Blog Post Tags __________ */
.single_blog_post_tags li {
	display:inline-block;
	margin:0 3px 5px 0;
}
.single_blog_post_tags li a {
	display:block;
	padding:9px 19px;
	font-size:16px;
	border:1px solid #e9e9e9;
	transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.single_blog_post_tags li a:hover {
	padding:8px 18px;
	border:2px solid #333;
}





/* __________ Comments __________ */
#comments .avatar {
	overflow:hidden;
	margin:3px 30px 0 0;
	width:70px;
	height:70px;
	border:1px solid #efefef;
}
#comments .avatar img {width:100%;}

.comment_right {display:table;}
.comment_info {padding-bottom:11px;}
#comments .comment_author {
	font-weight:500;
	font-size:16px;
	color:#333;
}
#comments .comment_date {color:#999; font-size:11px;}
#comments .comment_inf_sep {
	padding:0 12px;
	font-size:16px;
	color:#ccc;
}
#comments .comment_right p {font-size:12px;}


#comment_form textarea,
#comment_form input[type="text"] {
	padding:10px 8px 11px;
	border-color:#e9e9e9;
	text-transform:uppercase;
	font-size:11px;
	color:#666;
}
#comment_form textarea {min-height:140px;}
#comment_form .contact_btn {
	background-color:#1c1c1c;
	color:#fff;
}
#comment_form .contact_btn:hover {background-color:#ccc;}

.comment_note {padding-top:11px; font-size:12px;}







/*-----------------------------------------------------------------------------------*/
/*	Portfolio Single
/*-----------------------------------------------------------------------------------*/
.single_page #portfolio {padding-top:50px;}


.portfolio_block hr {border-top:2px solid #e9e9e9;}



/* __________ Single Portfolio Post __________ */
.single_portfolio_post_title {
	padding-bottom:20px;
	line-height:40px;
	font-size:40px;
	color:#333;
}










/*-----------------------------------------------------------------------------------*/
/*	SIDEBAR
/*-----------------------------------------------------------------------------------*/
.sidepanel {margin-bottom:25px;}

.sidebar hr {
	border-color:#e9e9e9;
	margin:25px 0;
}


/* __________ Widjet Meta __________ */
.widget_meta li {
	position:relative;
	padding:13px 10px 12px 30px;
	border-top:1px solid #e9e9e9;
}
.widget_meta li:last-child {border-bottom:1px solid #e9e9e9;}
.widget_meta li:before {
	content:'°';
	position:absolute;
	left:10px;
	top:20px;
	font-size:27px;
	color:#ccc;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.widget_meta li:hover:before {color:#333;}
.widget_meta li a {
	display:inline-block;
	line-height:24px;
	font-size:20px;
	color:#666;
}
.widget_meta li a:hover {color:#333;}




/* __________ Popular Tags __________ */
.widget_tags li {
	display:inline-block;
	margin:0 3px 5px 0;
}
.widget_tags li a {
	display:block;
	padding:9px 19px;
	font-size:16px;
	border:1px solid #e9e9e9;
	transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.widget_tags li a:hover {
	padding:8px 18px;
	border:2px solid #333;
}



/* __________ Text Widget __________ */
.widget_text p {
	line-height:26px;
	font-size:16px;
}



/* __________ Work Info __________ */
.work_info {padding-bottom:25px;}
.work_info li {
	padding-bottom:6px;
	font-size:14px;
	color:#999;
}
.work_info li a {color:#333;}


/* __________ Shared __________ */
.shared li {
	display:inline-block;
	margin:0 7px 10px 0;
}
.shared li a {
	display:block;
	width:50px;
	height:50px;
	padding:1px;
	border:1px solid #e9e9e9;
	text-align:center;
	line-height:46px;
	font-size:23px;
	color:#ccc;
	transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.shared li a:hover {
	padding:0;
	color:#333;
	border:2px solid #242424;
}








/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.parallax, .cleancode_block, #team, .top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {background-attachment:scroll !important; background-position:0 0;}
	.top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {background-size:cover !important;}

}

@media (max-width: 767px) {
div.page-top-button-demo, div.page-top-button-login{
	float:none;
	display:inline-block;
}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.parallax, .cleancode_block, #team {background-attachment:scroll !important; background-size:100% auto !important; -webkit-background-size:100% auto !important;}
	
	
	h2 {font-size:35px; line-height:35px;}

/* __________ Menu __________ */
	.navmenu ul li a {padding-left:15px; padding-right:15px;}

/* __________ Index __________ */
	.cleancode_block p.title {font-size:70px; line-height:70px;}
	.cleancode_block .nav-tabs li a {width:136px; height:136px; padding-top:35px;}
	.cleancode_block .nav-tabs li a i {width:45px; height:45px;}
	.cleancode_block .nav-tabs li a span {font-size:16px;}
	.cleancode_block .nav-tabs li a i {background-position:0 -45px;}
	.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
	.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	
	
	.purpose_block p {font-size:15px; line-height:22px;}
	
	
	.work_item a.zoom {width:40px; height:24px; margin-left:-20px;}
	.work_item:hover a.zoom {bottom:30px;}
	
	
	.img_wrapper {width:137px !important;}
	
	
	.post_item_img a.link {width:40px; height:24px; margin:0 0 -12px -20px;}
	.post_item_img a.link:hover {background-position:0 -24px;}
	.post_item_content a.title {font-size:19px; line-height:24px;}
	
	
	.owl-theme .owl-controls {top:-69px;}
	.owl-theme .owl-controls .owl-buttons div {width:50px; height:50px;}
	.owl-theme .owl-controls .owl-buttons div:before {width:48px; height:48px; line-height:46px;}
	
	
	
/* __________ Blog __________ */
	.blog_post_descr hr {margin:15px 0;}
	
	.blog_post_img {width:400px; height:314px;}
	.blog_post_title {font-size:24px; line-height:27px;}
	.blog_post_content {font-size:14px; line-height:22px;}
	
	
	.single_blog_post_title{font-size:44px; line-height:50px;}
	
	

/* __________ Sidebar __________ */
	.widget_meta li a {font-size:17px; line-height:20px;}
	
	.post_item_img_widget{width:220px; height:146px;}
	.post_item_content_widget a.title {font-size:16px; line-height:20px;}

	
	
	

/* __________ All Styles __________ */
	.breadcrumbs_block {padding:50px 0;}
	
	
	.map_hide {margin-left:435px;}
	
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo a {font-size:22px;}
	
	
	#search-form input:focus {width:42px;}
	

/* __________ Menu __________ */
	.navmenu ul li a {padding-left:10px; padding-right:10px; font-size:12px;}
	
	
	
/* __________ Index __________ */
	.cleancode_block p.title {font-size:60px; line-height:60px;}
	.cleancode_block span {font-size:20px; line-height:24px;}
	.cleancode_block .nav-tabs li a {width:100px; height:100px; padding-top:24px;}
	.cleancode_block .nav-tabs li a i {width:45px; height:45px;}
	.cleancode_block .nav-tabs li a span {font-size:13px;}
	.cleancode_block .nav-tabs li a i {background-position:0 -45px;}
	.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
	.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	
	
	.purpose_block {padding-top:35px;}
	.purpose_block .ipad_img1 {margin-top:-50px;}
	.purpose_block p {font-size:12px; line-height:20px;}
	
	
	.work_item a.zoom {width:40px; height:24px; margin-left:-20px;}
	.work_item:hover a.zoom {bottom:30px;}
	
	
	.img_wrapper {width:100px !important;}
	
	
	.post_item_img a.link {width:40px; height:24px; margin:0 0 -12px -20px;}
	.post_item_img a.link:hover {background-position:0 -24px;}
	.post_item_content a.title {font-size:15px; line-height:20px;}
	.post_item_content {padding-top:15px;}
	.post_item_inf a {font-size:12px; padding-right:5px;}
	.post_item_inf li {padding-right:5px;}
	
	
	.owl-theme .owl-controls {top:-69px;}
	.owl-theme .owl-controls .owl-buttons div {width:50px; height:50px;}
	.owl-theme .owl-controls .owl-buttons div:before {width:48px; height:48px; line-height:46px;}
	
	
	.crewman_item .crewman_social a {width:36px; height:36px; margin:0 2px 0 5px; font-size:17px; line-height:34px;}
	.crewman_item:hover .crewman_social {bottom:30px;}
	
	
	.testim_content {font-size:17px; line-height:24px;}
	

/* __________ Blog __________ */
	.blog_post_descr hr {margin:15px 0;}
	
	.blog_post_img {width:400px; height:314px;}
	.blog_post_title {font-size:24px; line-height:27px;}
	.blog_post_content {font-size:14px; line-height:22px;}
	
	
	.single_blog_post_title{font-size:44px; line-height:50px;}
	
	

/* __________ Sidebar __________ */
	.widget_meta li a {font-size:17px; line-height:20px;}
	
	.post_item_img_widget{width:220px; height:146px; float:left; margin-right:30px;}
	.post_item_content_widget a.title {font-size:16px; line-height:20px;}

	
	
	

/* __________ All Styles __________ */
	.breadcrumbs_block {padding:50px 0;}
	.breadcrumbs_block h2 {font-size:60px; line-height:64px;}
	.breadcrumbs_block p {font-size:21px; line-height:24px;}
	

/* __________ Footer __________ */
	footer {position:static; left:auto; bottom:auto; transform:none; -webkit-transform:none;}
		
	.map_hide {margin-left:325px;}
	.respond_clear {clear:both; height:0; font-size:0;}

}

@media (max-width: 767px) {
	.container {padding-left:15px; padding-right:15px;}
	
	
	h2 {font-size:30px; line-height:32px;}
	
	
	.logo a {font-size:22px;}
	
	
	#search-form input:focus {width:42px;}
	
	
/* __________ Menu __________ */
	a.menu_toggler {display:inline-block; float:right; margin: 15px 0 10px 20px; width:40px; height:40px; text-align:center; line-height:38px; font-size:23px; color:#fff; background-color:#333;}
	a.menu_toggler:hover {background-color:#333;}
	
	.navmenu {position:absolute; left:0; right:0; top:80px; background-color:#fff;}
	.navmenu ul {padding:10px 0;}
	.navmenu ul li {display:block; text-align:left;}
	.navmenu ul li a {padding:4px 20px; }
	
	.sub-menu ul {display:block; position:static; width:100%; box-shadow:none; padding:0; margin:0;}
	.sub-menu ul:before {display:none !important;}
	.navmenu li.sub-menu:hover, .navmenu li.sub-menu.active_page {background:none;}
	.sub-menu ul li a {background:none; border:0; padding-left:30px; color:#da291c !Important; }
	.sub-menu ul li a:hover, .sub-menu ul li.active a {background:none !important; color:#333 !Important;} 
	.sub-menu ul li a:before {content:'-'; position:absolute; z-index:10; left:17px; top:4px; color:#da291c;}


/* __________ Index __________ */
	.cleancode_block p.title {font-size:40px; line-height:40px;}
	.cleancode_block span {font-size:15px; line-height:22px;}
	.cleancode_block .nav-tabs {margin:0 auto; width:450px;}
	.cleancode_block .nav-tabs li a {width:120px; height:120px; padding-top:24px;}
	.cleancode_block .nav-tabs li a i {width:45px; height:45px;}
	.cleancode_block .nav-tabs li a span {font-size:13px;}
	.cleancode_block .nav-tabs li a i {background-position:0 -45px;}
	.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
	.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	
	
	.purpose_block {padding-top:35px;}
	.ipad_img_in {width:350px; margin:0 auto;}
	.purpose_block .ipad_img1 {margin-top:40px;}
	.purpose_block p {font-size:12px; line-height:20px;}
	
	
	.work_item a.zoom {width:40px; height:24px; margin-left:-20px;}
	.work_item:hover a.zoom {bottom:30px;}
	
	
	.our_clients .row {text-align:center; margin:0 auto; width:450px;}
	.client_img {width:140px; display:inline-block;}
	.img_wrapper {width:110px !important;}
	
	
	.post_item_img a.link {width:40px; height:24px; margin:0 0 -12px -20px;}
	.post_item_img a.link:hover {background-position:0 -24px;}
	.post_item_content a.title {font-size:15px; line-height:20px;}
	.post_item_content {padding-top:15px;}
	.post_item_inf a {font-size:12px; padding-right:5px;}
	.post_item_inf li {padding-right:5px;}
	
	
	/*.owl-theme .owl-controls {top:-69px;}
	.testimonials .owl-theme .owl-controls {top:-49px;}
	.owl-theme .owl-controls .owl-buttons div {width:50px; height:50px;}
	.owl-theme .owl-controls .owl-buttons div:before {width:48px; height:48px; line-height:46px;}*/
	
	
	.crewman_item .crewman_social a {width:36px; height:36px; margin:0 2px 0 5px; font-size:17px; line-height:34px;}
	.crewman_item:hover .crewman_social {bottom:30px;}
	
	
	.testim_content {font-size:17px; line-height:24px;}
	
	
	
	#news .recent_posts {width:450px; margin:0 auto;}
	
	
/* __________ Blog __________ */
	.blog_post_descr hr {margin:15px 0;}
	
	.blog_post_img {width:200px; height:157px; margin-right:20px;}
	.blog_post_title {font-size:19px; line-height:22px;}
	.blog_post_descr hr {clear:both; border:0;}
	.blog_post_content {font-size:14px; line-height:22px;}
	.blog_post_info li a {font-size:13px;}
	.blog_post_info li {padding-right:15px;}
	.blog_post_info li:before {right:6px;}
	.blog_post_content {padding-top:20px;}
	
	.pagination li {width:40px; height:40px;}
	.pagination li a {font-size:16px; line-height:38px;}
	.pagination li.active a, .pagination li a:focus, .pagination li a:hover {font-size:18px;}
	
	
	.single_blog_post_title{font-size:44px; line-height:50px;}
	
	
/* __________ Single Blog Post __________ */
	.single_blog_post_date {margin:0;}
	.single_blog_post_title {font-size:26px; line-height:32px;}
	
	.comment_note {padding:0 0 20px;}
	
	

/* __________ Sidebar __________ */
	.widget_meta li a {font-size:17px; line-height:20px;}
	
	.post_item_img_widget{width:220px; height:146px; float:left; margin-right:30px;}
	.post_item_content_widget a.title {font-size:16px; line-height:20px;}

	
	
	

/* __________ All Styles __________ */
	.breadcrumbs_block {padding:40px 0;}
	.breadcrumbs_block h2 {font-size:50px; line-height:54px;}
	.breadcrumbs_block p {font-size:16px; line-height:20px;}


/* __________ Footer __________ */
	footer {position:static; left:auto; bottom:auto; transform:none; -webkit-transform:none;}
	
	
	.map_hide {margin:0; left:auto; right:15px;}
	
	
	.respond_clear {clear:both; height:0; font-size:0;}
	
	
}

@media (max-width: 479px) {

	#search-form {display:none;}
	
	
/* __________ Index __________ */
	h2 {font-size:26px; line-height:26px;}
	
	
	.purpose_block .btn {padding:10px; margin:10px 5px 0 0;}
	
	
	.cleancode_block p.title {font-size:26px; line-height:26px;}
	.cleancode_block .nav-tabs {width:290px;}
	.cleancode_block .nav-tabs li {padding:0;}
	.cleancode_block .nav-tabs li a {width:96px; height:96px;}
	
	
	.ipad_img_in {width:290px;}
	
	
	.our_clients .row {width:290px;}
	
	
	/*.testimonials .owl-theme .owl-controls {top:0;}*/
	
	
	
	#news .recent_posts {width:290px;}
	
	
/* __________ Blog __________ */
	.blog_post_img {float:none; margin:0 0 20px; width:290px; height:227px;}
	.blog_post_descr hr {border-bottom:2px solid #e9e9e9;}
	.blog_post_content {padding-top:0;}
	
/* __________ Single Blog Post __________ */
	.single_blog_post_title {font-size:17px; line-height:22px;}
	.single_blog_post_content {font-size:13px; line-height:20px;}

	
	
/* __________ Sidebar __________ */
	.post_item_img_widget {float:none; margin-right:0;}
	


/* __________ Bootstrap Style __________ */
	.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
	.col-ss-12 {width: 100%;}
	.col-ss-11 {width: 91.66666666666666%;}
	.col-ss-10 {width: 83.33333333333334%;}
	.col-ss-9 {width: 75%;}
	.col-ss-8 {width: 66.66666666666666%;}
	.col-ss-7 {width: 58.333333333333336%;}
	.col-ss-6 {width: 50%;}
	.col-ss-5 {width: 41.66666666666667%;}
	.col-ss-4 {width: 33.33333333333333%;}
	.col-ss-3 {width: 25%;}
	.col-ss-2 {width: 16.666666666666664%;}
	.col-ss-1 {width: 8.333333333333332%;}

}




.btn.btn-lg.subscribe:hover {color:#da291c; border-color:#da291c;}
.btn.btn-lg.outline:hover {color:#da291c; border-color:#da291c;}
.feature-panel {margin-bottom:0em;}
.feature-panel, .feature-panel h3  {color:#fff;}
h3 span.title-lead {color:#da291c;}
.feature-panel a.btn-lg{ margin-top: 0;} 
/*.features{position: relative;}*/
.feature-panel .card-footer {/*position: absolute; bottom: 0; vertical-align: baseline;*/}
.features .feature-panel{/*background:#eee; border: 1px solid #e2e2e2;*/ padding:1em 2em 5em 2em; height:100%; position:relative; }
.features {margin-bottom:2em;}
.feature-panel .card-body p{ color:#2e293d; margin:0; 
line-height: 1.5;
font-weight: 400; text-align:center;}
.feature-panel  img { max-height:2.8em; }
.feature-panel img.business{max-height:6em;}
.feature-panel .readmore {
	display: block;
	text-align: center;
	max-width: 106px;
	border: 1px solid #da291c;
	margin: 1em auto;
	padding: 0.6em 0em;
	color: #da291c;
	border-radius: 7px;
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.03em; position: absolute;
  bottom: 0;
  left: 36%;
}
.feature-panel .readmore:hover{color: #fff; background:#da291c;}
.feature-panel  img.report, .feature-panel  img.bespoke, .feature-panel  img.anytools{max-height:2.4em;}
.feature-panel  h3 span.title-lead, .feature-panel h3  {
    color:  #2e293d;
    font-weight: 500;
    font-size: 1.15em; 
}
.cleancode_block .feature-panel span {min-height: 35px;}
.feature-panel .card-header {

    overflow: hidden;

}
.feature-panel h3 {text-align:right; margin-bottom: 0.8em;}
.feature-panel  h3 span.title-lead { /*float:left; text-align:left;*/
    max-width: 80%;
    display: inline-block;
}
.pushcrew-chicklet-position-tr {   
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: bottom right;

}


.right-fixed{  width: 80px;    
    bottom: 60px;
    right: -0px;
    position: fixed;
    z-index: 99999999;  padding: 1.0em; /*background: #fff; border-radius: 100%; border-radius:10px 0px 0px 10px; */	
text-align: center;  transition:all .65s ease 0s; 
}
.live-chat{ /*border-radius:10px 0px 0px 10px; */	

}
.live-chat:hover{background: #da291c; transition:all .65s ease 0s }
.live-chat .fa, .live-chat img {color:#fff; font-size:5em}
@media (max-width: 767px) {.live-chat{ bottom: 50%;} }






#scroll-button {
  display: inline-block;
  background-color: #da291c;
 width: 55px;
height: 52px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 32px;
  right: 10px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000; border-radius: 100%;
}
#scroll-button:after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#scroll-button:hover {
  cursor: pointer;
  background-color: #333;
}
#scroll-button:active {
  background-color: #555;
}
#scroll-button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */
/*ul.home-list {margin:3em 0 8em 0;}
ul.home-list li {font-size: 1.8em;
line-height: 1.3;
padding-left: 1.5em;
font-weight: 400;
margin-bottom: 0.8em; }*/
ul.home-list li:before {content: "\f00c";
font-family: FontAwesome;
left: 0;
position: absolute; color:rgb(79, 165, 171); }

ul.home-list {
	 margin:2em 0 8em 0; position: relative; 	 	
}
ul.home-list  li {
	position: relative;
	 display: block;	
	 font-size: 1.5em;
line-height: 1.3;
padding-left: 1.5em;
font-weight: 400; color:#333;
margin-bottom: 0.8em;	
	/* animation: fadeIn-list 4s linear;
	animation-fill-mode: both;*/
}
/*ul.home-list li:nth-child(1) {
	 animation-delay: 2s;
}
ul.home-list li:nth-child(2) {
	 animation-delay: 2.5s;
}
ul.home-list li:nth-child(3) {
	 animation-delay: 3s;
}
ul.home-list li:nth-child(4) {
	 animation-delay: 3.5s;
}
ul.home-list li:nth-child(5) {
	 animation-delay: 4s;
	 
}
 @-webkit-keyframes fadeIn-list {
	 0% {
		 opacity: 0;
		 top: 200px;
	}
	 75% {
		 opacity: 0.5;
		 top: 0px;
	}
	 100% {
		 opacity: 1;
	}
}*/


.scroll-down { text-align:center; padding-top: 9em;}

.video-arrow-bounce { margin-top:5em; padding-right:1.0em; position: relative; line-height:1.4; }
/*.video-arrow-bounce:after {     content: "\f101";
    font-family: FontAwesome;
    right: -0.3em;
    position: absolute;
    color: #da291c;
    top: 30%;
    font-size: 2.5em;  -webkit-animation: arrow-animation 2s infinite;
  animation: arrow-animation 2s infinite; font-weight: bold;
}*/

@-webkit-keyframes arrow-animation {
  0% {
    right:-0.1em;
	
  }
  
  50% {
   /* box-shadow: 0 0 0 60px rgba(255,255,255,.2);*/
   
  }
  100% {
     right:-0.4em;  opacity: 0;
  }
}


.scroll-down a {
  /*padding-top: 60px;*/background:transparent; font-weight: 300;
color: #333;
font-size: 1em;
}
.scroll-down strong{max-width: 12em;
display: block;
margin: auto; position: absolute;
top: -1.5em;
left: 41%;
font-size: 1.2em;}
.scroll-down a span {
  position: absolute; background:transparent;
  top: 0;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -35px;
 /* border: 8px solid #fff;*/
  border-radius: 100%;
  box-sizing: border-box; /*background: #333;  */
}
.scroll-down a span::after {
  position: absolute;
bottom: -2em;
  left: 50%;
  content: '';
  width: 32px;
  height: 32px;
  margin: -12px 0 0 -8px;
  border-left: 8px solid #da291c;
  border-bottom: 8px solid #da291c;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box; /*background: #333;*/
  -webkit-animation: sdb07 3s infinite;
  animation: sdb07 3s infinite;
  box-sizing: border-box;
}
.scroll-down a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.2);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  
  50% {
   /* box-shadow: 0 0 0 60px rgba(255,255,255,.2);*/
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@-webkit-keyframes sdb07 {
  0% {
    opacity: 0; 
  }  
  60% {
    opacity: 1; 
  }
  100% {
    opacity: 0;  
  }
}


/*
.menu_block.fixed-me {
    top: -3em;
}
.menu_block.fixed-me .logo img {
    max-width: 3em;
}
.menu_block.fixed-me .navmenu ul li a {padding: 12.6px 20px;}
*/


.video-block {
  padding:65px 0 40px 0 !important; background:#eee;
}

.benefits_block {
  padding:30px 0 30px 0 !important; background:#f7f7f7; 
}
.benefits_block .container {
	max-width: 900px;
	margin: auto;
}
.benefits_block a.request-ademo {
	background: #da291c;
	padding: 0.4em 0.8em;
	font-size: 1.2em;
	border-radius: 15px;
	color: #fff;
	font-weight: 500;
	margin: auto;
	max-width: 9em;
	display: block;
}
.video-block4-new a.request-ademo {max-width: 13em;  background: #da291c;
	padding: 0.4em 0.8em;
	font-size: 1.2em;
	border-radius: 15px;
	color: #fff;
	font-weight: 500;
	margin: auto;	 margin-top:3.5em;
	display: block;}
.benefits_block h2 {
	text-align: center;
	font-size: 2.6em;
	line-height: 1.2;
}
.site-content .benefits_block p {
	color: #000;
	font-size: 1em;
	line-height: 1.4;
}

#Features .video-wraper {
	max-width: 870px;
	margin: auto; text-align: center;
}
.video-wraper {padding:2.5em 0;}

.benefits_block .features {
	margin-bottom: 2em;	
	align-items: flex-start;
}
.benefits-icons {
	max-width: 5.5em;
	margin-right: 0.8em;
}
.video-block4-new h3{text-align:center; color: #da291c; margin-bottom: 0.2em;}
.video-block4-new .video-arrow-bounce, .video-block4-new h4 {margin-top: 0em; text-align:center; font-size:1.7rem;}

.x-icon {
	background: url(images/X.svg) no-repeat 0px 6px;
	width: 26px;
	height: 26px;
	display: inline-block;
	margin-top: -1em;
}
.hs-form-booleancheckbox input {
    width: 100% !important;
}


/*bubbles*/


@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}



.circle{
	box-sizing: border-box;
	border-radius: 50%;
	overflow: hidden;
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}

.hidegif{
    display: none;
}



}



@media  (max-width: 1160px) {
    .bubbles{
        height: 400px;    }
  
}


.details {
    border-left: 3px solid;
    padding: 0px 12px;
    margin: 10px;
}

.c1,
.c2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0px auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: white;

}

.bubbles {
    position: relative;left: 8%;
   /* left: 51%; top: -5em;*/ min-height: 30em; line-height: 1.5; z-index:1;     top: -2.5em;
font-family: 'klavika_basic_regularregular';
}
.nprojects, .price_value, .Over, .price_value, .price_value, p.nprojects {
    font-family: "klavika_basic_regularregular";
    font-size: 20px !important; color: #fff;
}
.c1 .total_projects {
    font-size: 30px;
    font-weight: bolder;
}

.c1 .nprojects {
    margin: 0px auto;
    width: 57%;
    -moz-text-align-last: center;
         text-align-last: center;
}

.c2 .price_value {
    font-size: 42px !important;
    font-weight: bolder;  color: #fff;margin:0;
}
.c2 span { color: #fff;}



.c1 {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    background: rgb(79, 165, 171);
    position: absolute;
}

.c2 {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    background: rgb(79, 165, 171);
    position: absolute;
    /* font-size: 35px; */ line-height:1 !important;
}

.c2 .total_prcie {
    font-size: 42px !important;
    font-weight: bolder !important;
}

.c1 {
    left: 20px;
    top: 50px;
}

.connect2 {
    background: orange;
    border-radius: 50%;
    
    position: absolute;
    background: orange;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    left: -50px;
    top: 38px;
}

.connect3 {
    background: orange;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    background: orange;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    top: 237px;
    left: 157px;
}

.connect4 {
    position: absolute;
    background: orange;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    right: -70px;
    bottom: -134px;
}

.connect1 {
    position: absolute;
    right: -80px;
    top: 130px;
    background: orange;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.connect1::before,
.connect1::after {
    content: '';
    display: block;
    background: orange;
    height: 10px;
    position: absolute;
    z-index: -1;
}

.connect1::before {
    width: 200px;
    top: -20px;
    left: -180px;
    -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
            transform: rotate(20deg);
}

.connect1::after {
    width: 200px;
    right: -160px;
    top: 70px;
    -webkit-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
            transform: rotate(35deg);
}




.connect2::before,
.connect2::after {
    content: '';
    display: block;
    background: orange;
    height: 10px;
    position: absolute;
    z-index: -1;
}

.connect2::after {
    width: 200px;
    right: -178px;
    top: 67px;
    -webkit-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
            transform: rotate(35deg);
}





.connect3::before,
.connect3::after {
    content: '';
    display: block;
    background: orange;
    height: 10px;
    position: absolute;
    z-index: -1;
}

.connect3::before {
    width: 147px;
    top: -48px;
    left: -85px;
    -webkit-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
            transform: rotate(70deg);
}

.connect3::after {
    width: 99px;
    right: -77px;
    top: 57px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}

.c2 {
    left: 300px;
    top: 180px;
}

#bottom-content {
    padding-bottom: 93px;
}

#bubble-content {
    position: -webkit-sticky;
    position: sticky;
}

.circle1 {
    position: absolute;
    left: 188px; top: 350px;
}

.circle2 {
    position: absolute;
    left: 500px;
top: 80px;
}

.circle3 {
    position: absolute;
    top: 238px;
    left: 185px;
}

.circle4 {
    position: absolute;
    top: 432px; 
left: 63px;
}

.circle7 {
    position: absolute;
    top: 490px;
    left: 350px;
}

.circle9 {
    position: absolute;
    top: 390px;
left: 530px;
}

.circle10 {
    position: absolute;
    top: 300px;
}

.circle6 {
    position: absolute;
    top: 505px;
    left: 150px;
}

.circle8 {
    position: absolute;
    top: 88px;
    left: 353px;
}

.circle5 {
    position: absolute;
    top: 62px;
    left: 250px;
}


@media (max-width:768px) {     .bubbles {display:none;} }

@media (max-width:992px) {

    .bubbles {
        -webkit-transform: scale(0.6, 0.6);
            -ms-transform: scale(0.6, 0.6);
                transform: scale(0.6, 0.6);
        /* position: absolute; */
    }
    
    .bubbles{
        left: -18px;
    }
   

    .total_projects {
        font-size: 28px !important;
    }

    .nprojects {
        width: 60% !important;
    }

    .circle6 {
        position: absolute;
        left: 170px;
        top: 296px;
    }

    .circle10 {
        position: absolute;
        left: -33px;
        top: 206px;
    }

    .circle8 {
        position: absolute;
        left: 53px;
        top: 335px;
    }

    .circle9 {
        position: absolute;
        top: 52px;
        right: 0px;
    }

    .circle1 {
        position: absolute;
        top: 101px;
        right: -119px;
    }

    .circle2 {
        position: absolute;
        right: -401px;
        top: 63px;
    }
    .circle3 {
        position: absolute;
        top: 203px;
        left: 153px;
    }

    .circle7 {
        position: absolute;
        top: 33px;
        left: 170px;
    }

    .circle4 {
        position: absolute;
        top: 40px;
        right: -81px;
    }
   
   

    #bubble-content {
        background-color: #dedede29;
    }

    .form-header {
        color: white;
    }

   

    .card-body_bottom {
        /* border: 2px solid #DEDEDE;
        border-radius: 4px; */
        /* -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-bottom: 0px;
        -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    }

    .c1 {
        width: 150px;
        height: 150px;
    }

    .c2 {
        width: 200px;
        height: 200px;
    }

    .connect1 {
        position: absolute;
        right: -65px;
        top: 80px;
    }

    .connect2::after {
        width: 200px;
        right: -178px;
        top: 39px;
        -webkit-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
                transform: rotate(20deg);
    }

    .connect1::before {
        width: 171px;
        top: -20px;
        left: -158px;
        -webkit-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
                transform: rotate(20deg);
    }

    .c1 {
        left: 0px;
        top: 32px;
    }

    .c2 {
        left: 219px;
        top: 111px;
    }

    .connect3 {
        top: 217px;
        left: 138px;
    }

    .connect4 {
        right: -38px;
        bottom: -98px;
    }

    .connect3::after {
        width: 83px;
        right: -60px;
        top: 45px;
        -webkit-transform: rotate(35deg);
            -ms-transform: rotate(35deg);
                transform: rotate(35deg);
    }

}

@media (max-width:768px){
    .circle5{
        display: none;
    }
   
}
/*tabs*/
.tabs-years{
  /*background-color:#f5f5f5;
  padding-top:30px;*/
  padding-bottom:3em;
}

.tabs-years .tab-pane{
  margin-left:20px;
}
/*
.tabs-years h3{
  font-size:20px;
  margin-top:10px;
  margin-bottom:60px;
}

.tabs-years p{
  font-size:14px;
}

.tabs-years ul.nav-stacked li a h2{
  font-size:1.9em;
   color:#da291c;
}
*/
.tabs-years ul.nav-stacked li{
  /*background-color:#f5f5f5;
  margin-top:1px;
  text-align:center;
  height:110px;
  width:110px; 
  -webkit-border-radius:3px;
  border-radius:3px;*/
}

/*.tabs-years ul.nav-stacked li.active, .tabs-years ul.nav-stacked li:hover{
  background-color:#f5f5f5; 
}
.tabs-years ul.nav-stacked li a:hover h2 , .tabs-years ul.nav-stacked li.active a h2{}
.tabs-years ul.nav-stacked li a h2 {margin:0;}
*/
/* Circle */

/* NAVIGATION */
.circle-tab-nav ul {margin-top:4em;}
.circle-tab-nav ul li {
  display: inline-block; 
}
.circle-tab-nav ul li a {
  display: block;
  padding: 25px;
  text-decoration: none;
  background-color:#f5f5f5;
  margin-top:1px; border:1px solid #aaa; font-weight:600; font-size:1.8em; color:#da291c;
}
.circle-tab-nav ul li a,
.circle-tab-nav ul li a:after,
.circle-tab-nav ul li a:before {
  transition: all .5s;
}
.circle-tab-nav ul li a:hover {
  color:#fff;
}
.circle-tab-nav ul li.active  a {  background-color:#333;  color:#fff;}
.circle-tab-nav ul li.active  a:hover{color:#fff;}
/*.circle-tab-nav ul li.active {position: relative; }
.circle-tab-nav ul li.active:after{content: "";
border: solid #F06F6F;
   
border-width: 0 1.8em 1.8em 0;
position: absolute;
padding: 0.5em;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
position: absolute;
right: -1.4em;
top: 16%;}
*/

.circle-tab-nav ul li a {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.circle-tab-nav ul li a:after {
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 100%;
  right: 0;
  content: '.';
  color: transparent;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  background: transparent;
}
.circle-tab-nav ul li a:hover:after {
  -webkit-animation: tab 2.5s ease-in forwards;
  animation: tab 2.5s ease-in forwards;
}

/* Keyframes */
@-webkit-keyframes tab {
  0% {
    width: 1px;
    top: 0;
    left: -100%;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: -1;
    background: #da291c;
    border-radius: 100%;
  }
  100% {
    background: #da291c;
    height: 5000%;
    width: 5000%;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 0;
    margin: auto;
    border-radius: 0;
  }
}

footer .contact_form input, footer .contact_form textarea {
    width: 90%;
}


.testimonials .card{border-radius: 3px; background-color:rgba(166, 178, 194, 1); border: 15px solid rgba(166, 178, 194, 1); color:#fff; text-align:center; padding:0 1.5em; font-size:1.2em;}
.testimonials .card .card-head {padding:1em 0 0px;}
.testimonials .card .card-head  i{ font-size:3em; }

@media (min-width: 576px) {
  .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px; display: flex;
  }
  .card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
 
  }
}
 
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.site-content{
	background:#fff;padding: 50px 0;
}
#Pardotframe {
  /*background-color: #dfdfdf;
    border: 1px solid #ccc !important;
    border-radius: 0;padding-top: 35px;*/
}
.page-header{
	margin-bottom:0;
	margin-top:0;
	padding:0;
}

ul.footer-lists {
    margin-bottom: 30px;
	padding-left: 0;    font-size: 17px;
}
.footer-lists li {
    position: relative;
	padding-left: 20px;
    margin-bottom: 12px;
}
.footer-lists li:before {
    position: absolute;
    width: 30px;
	font-size:16px;
    height: 30px;
    content: "\f0a9";
    top: 0;
    color: #da291c;
	left:0;
    font-family: "FontAwesome";
}
.home .site-content{
	padding-bottom:0;
}
section#pricing{
padding: 38px 0 0;	 
}
.menu-footer-menu-container li {
    display: inline-block;
    margin: 0 10px;
}
.last-footer-sec p {
    font-size: 0.8em;
}

.link-effet{
	color:#da291c;
	text-decoration:underline;
}
.link-effet:hover{
	text-decoration:none;color:#da291c;
}

 .overlays {
    background-image: url(images/pattern_black_1x2.png);
    background: rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 2em 1em -2em rgba(0,0,0,0.5);
}
#hero-our-customers {
    background-image: url(images/hero_our_customers.jpg);
}



.hero.light {
    color: #ddd;
}
.half-height.row-same-height {
    padding: 7em 0 5em;
}
	
.row-same-height {
    display: table;
    width: 100%;
}
.hero.light h1 {
    color: white;
    margin-top: 0;
}
.hero h1 {
    margin-bottom: 0.2em;
}
iframe#contact-map {
    width: 100%;
    height: 20em;
}
.hero {
    background: gray no-repeat center center;
    position: relative;
    background-size: cover;
overflow: hidden;
}
.library-list-posts li {
    margin-bottom: 8px;
}
.library-list-posts a:hover{
	color:#da291c;
}
.library-list-posts a {
    color: #333;
}
ul.library-list-posts h3 {
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 30px;
}
.card-footer {
    margin-top: 20px;
}

.subnav {
    position: relative;
    width: 100%;
    background: #eee;
    z-index: 999;
    border-bottom: 1px solid #ccc;
}

@media only screen and (min-width: 992px){
.subnav nav {
    display: table;
}
}
.subnav nav {
    margin: 0 auto;
}

@media only screen and (min-width: 992px){
.subnav nav h2, .subnav nav ul {
    margin: 0;
    padding: 0;
    display: table-cell !important;
    vertical-align: middle;
    border: none;
}
}
@media only screen and (min-width: 992px){
.subnav nav h2 {
    padding-right: 1.5em;
    cursor: default;
}
}
.subnav nav h2 {
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: normal;
    color: #666;
    letter-spacing: 0.1em;
    line-height: 1rem;
    cursor: pointer;
    margin: 1.5em 0;
    text-align: center;
    white-space: nowrap;
}

@media only screen and (min-width: 992px){
.subnav nav h2 i {
    display: none;
}
}
.subnav nav h2 i {
    color: #da291c;
    margin-left: 0.5em;
    transition-duration: 0.2s;
}

.subnav nav>ul {
    border-top: 1px solid #ccc;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: #ddd;
    transition: 0.4s;
    overflow-y: hidden;
    max-height: 0;
    z-index: 100;
}
@media only screen and (min-width: 992px){
.subnav nav ul {
    position: static;
    box-shadow: none;
    width: auto;
}
}
@media only screen and (min-width: 992px){
.subnav nav li {
    display: inline-block;
    float: left;
}
}

.subnav nav>ul>li.active a {
    background: #888;
    color: white;
}
.subnav nav>ul>li a, .subnav nav>ul>li a:active, .subnav nav>ul>li a:hover {
    text-decoration: none;
}
.subnav nav>ul>li a {
    transition: background-color 0.2s;
    display: block;
    padding: 1.2em 1.5em;
    color: inherit;
}
.subnav nav>ul>li a:hover {
    background: rgba(0,0,0,0.2);
}
@media only screen and (min-width: 992px){
.subnav nav a {
    display: inline-block;
}
}

.section-striped {
    background-color: #eee;
    border-top: 1px solid #ddd;
}

@media (min-width: 992px){
.section-pad-thin {
    padding-top: 3em;
    padding-bottom: 3em;
}
}

.section-title {
    text-transform: uppercase;
   font-family: 'Roboto', sans-serif;
    color: #da291c;
    letter-spacing: 0.1em;
    font-weight: normal;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 1em;
}
.section-title+.h2 {
    margin-top: 0;line-height: 1.2;
}

 
.feature-boxes>ul {
    overflow: hidden;
    background: #eee;
}
.feature-boxes>ul, .feature-boxes>li {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 992px){
body .feature-boxes>ul>li:nth-child(odd) {
    background-color: #555 !important;
}
}
@media only screen and (min-width: 992px){
.feature-boxes>ul>li:nth-child(4n+1), .feature-boxes>ul>li:nth-child(4n) {
    background-color: #da291c !important;
}
}
 
.feature-boxes>ul>li:nth-child(odd) {
    background-color: #555;
}

.feature-boxes .heading {
    transition: 0.2s;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    color: white;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.feature-boxes ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
    opacity: 0.2;
    transition: 0.2s;
    background-color: black;
    background-color: rgba(0,0,0,0.9);
    overflow-y: auto;
}
.list-arrows {
    list-style: none;
}

.feature-boxes ul ul>li {
    margin-left: 1.5em;margin-bottom: 10px;
}
.list-arrows>li {
    position: relative;
}

.list-arrows>li:before {
    font-family: mp;
    color: #fff;
    content: "\e61c";
    position: absolute;
    left: -1.5em;
    font-size: 0.9em;
    padding-top: 0.1em;
}

.feature-boxes>ul>li:hover ul, .feature-boxes>ul>li:focus ul {
    top: 0;
    opacity: 1;
}
.feature-boxes>ul>li:hover, .feature-boxes>ul>li:focus {
    background-image: none;
}

@media only screen and (min-width: 992px){
.feature-boxes>ul>li {
    width: 33.33% !important;
    background: #da291c !important;
}
}
@media only screen and (min-width: 768px){
.feature-boxes>ul>li {
    float: left;
    width: 50%;
    background-color: #da291c !important;
}
}
.feature-boxes>ul>li {
    color: #ccc;
    background: no-repeat center center;
    background-color: #da291c;
    background-size: cover;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: table;
    height: 14em;
    transition: 0.2s;
}
@media (min-width: 992px){
.section-pad-medium {
    padding-top: 5em;
    padding-bottom: 5em;
}
}
.row-same-height {
    display: table;
    width: 100%;
}
.col-middle {
    vertical-align: middle;
}

.section-title {
    text-transform: uppercase;
font-family: 'Roboto', sans-serif;
    color: #da291c;
    letter-spacing: 0.1em;
    font-weight: normal;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 1em;
}

body .btn-primary:hover {
    color: #fff;
    background-color: #007bb0;
    border-color: #0074a6;
}
.btn-primary {
    color: #fff !important;
    background-color: #428bca !important;
    border-color: #357ebd !important;
    padding: 10px 20px !important;
}
@media (min-width: 992px){
body #crm {
    background: #eee url(images/bd_crm_bg.jpg) no-repeat left;
    background-size: auto 100%; 
}
}


/* fix blank or flashing items on carousel */
.owl-carousel .item,.owl-carousel-infu .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
font-size: 32px;
    font-weight: normal !important;
    color: #a94442;
}

.owl-nav .owl-prev {
  left: -30px;
}
.page-template-business-dev-tool .site-content {
    padding: 0;
}
.owl-nav .owl-next {
  right: -30px;
}
.screenshot-inner {
    border-radius: 0.4em;
    box-shadow: 0 0.5em 1em rgba(0,0,0,0.3);
    overflow: hidden;
}
.carousel-wrap.insigts-page {
    margin-top: 40px;
}
#hero-countries {
    background-image: url(bespoke-services);
}
.hero.light {
    color: #ddd;
}
.hero .overlay-dark {
    background-image: url(images/pattern_black_1x2_30p.png);
    background-color: rgba(120,120,120,0.6);
}
@media (min-width: 992px){
.section-pad-thin {
padding-top: 5em;
    padding-bottom: 0;
}
}
.section-title-campaign {
    display: inline-block;
    background: #da291c;
    padding: 0.3em 0.5em;
    color: white !important;
}


.section-title {
    text-transform: uppercase;
font-family: 'Roboto', sans-serif;
    color: #da291c;
    letter-spacing: 0.1em;
    font-weight: normal;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 1em;
}
.hero.light h1 {
    color: white;
    margin-top: 0;
}
@media (min-width: 768px){
.hero .overlay-well { 
    font-size: 0.75em;
}
}
.hero .overlay-form-title {
    margin: 0 0 0.5em 0;
    color: #555;
}
.form-group {
    margin-bottom: 15px;
} 
<!--raja style-->

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
font-size: 32px;
    font-weight: normal !important;
    color: #a94442;
}

.owl-nav .owl-prev {
  left: -30px;
}
.page-template-business-dev-tool .site-content {
    padding: 0;
}

.shuffle-grid {
    margin-top: 1em;
}
.shuffle-grid .customer {
    padding: 2.5em 0;
    background-color: #eee;
    margin-bottom: 2em;
}

.shuffle-grid .customer-logo {
    min-width: 60%;
}
.shuffle-grid .caption .company-testimonial {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.company-testimonial {
    padding: 11px 22px;
    margin: 0 0 22px;
    font-size: 20px;
    border-left: 5px solid #eee;
}
.company-testimonial footer, .company-testimonial small, .company-testimonial .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777;
}
.company-testimonial footer:before, .company-testimonial small:before, .company-testimonial .small:before {
    content: '\2014 \00A0';
}
.shuffle-grid .section-title, .shuffle-grid .customer-logo {
    text-align: center;
}
.shuffle-grid .video-thumb:last-child {
    padding-bottom: 0;
}
.shuffle-grid .video-thumb {
    padding: 1em 2em;
    text-align: center;
}

/*.video-thumb {
    position: relative;
}*/
.video-thumb a {
    display: inline-block;
    background: black;
}
.video-thumb a:hover img { 
    opacity: 0.7;
}
.video-thumb img, .video-thumb i {
    transition: 0.2s;
}
.video-thumb img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}
.benefit-icons {
    font-size: 1em;
    padding-top: 1em;
}
.nav-justified, .nav-tabs.nav-justified {
    width: 100%;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.text-center {
    text-align: center;
}
.benefit-icons .benefit-icon {
    vertical-align: middle;
    margin-bottom: 1em;
}
@media (min-width: 768px){
.nav-justified>li, .nav-tabs.nav-justified>li {
    display: table-cell;
    width: 1%;
}
}
.nav-justified>li, .nav-tabs.nav-justified>li {
    float: none;
}
.benefit-icons .icon-wrapper {
    border-radius: 50%;
    padding: 1.2em; 
    background: rgba(0,0,0,0.3);
    display: inline-block; 
}
.benefit-icons .icon {
    color: #009fe3;
    min-width: 1em;
}
@media (min-width: 768px){
.lead {
    font-size: 24px;
}
}
.lead {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}
.sector-item a>span {
    display: block;
}
.sector-image {
    font-size: 5em;
    color: #999;
    transform: scale(1, 1);
    transition-duration: 0.2s;
}
.sector-item .section-title {
    margin-top: 1em;
    margin-bottom: 2em;
    font-weight: 550;
    letter-spacing: 1px;
}

.sector-item a>span {
    display: block;
}
.section-title {
    text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
    color: #da291c;
    letter-spacing: 0.1em;
    font-weight: normal;
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 1em;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.mp-mobile-crane:before {
    content: "\e60e";
}
.mp-truck:before {
    content: "\e619";
}
.mp-oil:before {
    content: "\e610";
}
.mp-flame:before {
    content: "\e602";
}
.mp-factory:before {
    content: "\e600";
}
.mp-water:before {
    content: "\e61a";
}
[class^="mp-"], [class*=" mp-"] {
    font-family: 'mp';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.section-striped {
    background-color: #eee;
    border-top: 1px solid #ddd;
}
#sectors-countries-sectors.section-striped { border-top: 0px solid #ddd;}

.sector-item a>span {
    display: block;
}
.sector-image {
    font-size: 5em;
    color: #999;
    transform: scale(1, 1);
    transition-duration: 0.2s;
}
.sector-image img {
    width: 100%;
    padding: 0 20%;
}
.buttons-di-lib{
	text-align:center;
} 

.name-testis{
	display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777;margin-top: 25px;
}

blockquote .name-testi{
    display: block;
 
    line-height: 1.42857;
    color: #777;text-align: right;
	font-weight:bold;    font-size: 12px;
}
.campaign-testimonials blockquote {
    padding: 11px 22px;
    margin: 0 0 22px;
    font-size: 20px;
    border-left: 5px solid #eee;
}
blockquote::before{
	content:"" !important; 
}
.date-colors {
    color: #da291c;
    font-size: 16px;
}
.name-testi:before,.name-testis:before {
    content: '\2014 \00A0';
}
.single .site-content {
	padding-top:0;
	padding-bottom:0;
}
.breadcrumbs_block .half-height p {
    font-size: 20px;
    line-height: 26px;
}
.shuffle-grid h2 {
    margin-bottom: 40px;
}
.owl-item ul ,.owl-item ol{
	padding-left:20px;
}
.owl-item ul li, .owl-item ol li {
    list-style: inherit;
    margin-bottom: 10px;
}
.separate-links:hover {
	color:#fff !important;
}

.section-title-campaign  a{color: #009fe3; text-decoration: underline;}
.section-title-campaign a:hover, .section-title-campaign a:focus {
    color:     #006997;
    text-decoration: underline;
}
.payment-link {
    color: #DA291C;
    text-decoration: underline;
}
/*.page-template-our-customers li{
	list-style:none !important;
}*/
.sticky {
  position: fixed;
  top: 8.5em;
  width: 100%; 
}

.btn.btn-cta {color:#fff !important;
background-color:#428bca !important;
border-color:#357ebd !important;
padding: 10px 20px !important; }

@media(min-width:1200px) {
 
#navbar-me .container {
  max-width:90%;
 }
 
 }

#Sectors-and-countries {padding-top:40px;}
#request-a-demo h2, #newsletter-signup  h2{margin-bottom:1.0em;} 
#request-a-demo {padding: 50px 0px 30px 0px; }
#newsletter-signup {padding: 50px 0px 30px 0px; background:#eee;}

#request-a-demo ul.footer-lists, #newsletter-signup  ul.footer-lists { margin:0;}

.list-checkboxes li{
margin-bottom:20px;	
position:relative; 
padding-left:22px;
}
.list-checkboxes li::before { 
    position: absolute;
    width: 30px;
    font-size: 18px;
    height: 30px;
    content:"\f0a9";
    top: 0px;
    color: #fff;
    left: 0px;
    font-family: "FontAwesome";
}
.single .section-pad-thin h1{
	margin-bottom:20px;
}


.footer-lists li {
	list-style-type: none !important;
}

.single .section-pad-thin h1{
	margin-bottom:20px;
} 
 
 .campaigns-well {
    background-color: white;
border: 8px solid #ccc;
    border-radius: 0;
}

.cta-bts a {
    background: #555;
    color: #fff;
    padding: 15px;
    display: inline-block;
    margin-top: 20px;
}
.cta-bts a:hover{
	background:#000;
}
.client_img img{ 

    filter: grayscale(100%);
}
.callouts {
    background: rgba(0, 0, 0, 0.5);
	padding:70px 0;
}
.ul-size-list{
	font-size:17px;
}
.conte-abt p {
    font-size: 14px;
}
.page-template-bespoke-services .site-content {
    padding: 0;
}
.page-template-mobile-app-php .site-content,.page-template-bespoke-services-inside .site-content {
    padding: 0;
}
/* style button css */

.btn-1b:hover:after, .btn-1b:active:after {
    height: 100%;
}
.btn-1b:after {
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #999;
}
.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-1b:hover, .btn-1b:active {
    color: #000;
}
button.btn.btn-1.btn-1b {
    background: none;position: relative;
}
span#page-top-contact-numbers{
	margin-top:4px;
	display:block;
}
.services_block h2{
color:#fff;	
}
.owl-dot {
    display: inline-block;
}
.owl-dot.active span{
	    background: none repeat scroll 0 0 #da291c; 
}
.owl-dot span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 18px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 18px;
}
.text-center.col-xs-12.section-pad-thin.secon-padding-mod {
    padding-bottom: 1.5em;
}
.single .section-pad-thin{
	padding-bottom:50px;
}
iframe body{margin:0; padding:0;}
.clients_page .client_img{border: 1px solid #ccc;border-radius: 5px; padding: 0.5em 0; height: 7em;margin: 0 2em 2em 0;text-align: center; display: flex; justify-content: center;}
.clients_page .client_img img{max-height: 5em; padding: 0.5em; align-self: center;  }

/* top 10 list css start */

nav.product-tabs {
    display: flex;
}

nav.product-tabs {
    color: #262626;
    border: none;
}
.gray-bar {
    border-radius: 5px;
    
}
.gray-bar {
    background: #efefef;
    font-size: 14px;
    padding: 16px;
}
nav.product-tabs div a.nav-item.nav-link, nav.product-tabs div a.nav-item.nav-link.active {
    padding: 12px 25px;
    border: none;
    /* background: transparent; */
    border-radius: 0;
    font-weight: 600;
    border: 0;
}
nav.product-tabs div a.nav-item.nav-link.active {
    color: #ed1b2d;
    background: rgba(0, 0, 0, 0.10196);
}
.gray-bar a { 
    margin: 0 8px;
    color: red;
}
.gray-bar a i {
    color: #000;
    margin-right: 5px;
}
nav.product-tabs div a.nav-item.nav-link.active:before {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
}
nav.product-tabs div a.nav-item.nav-link.active:before {
    border-top: 3px solid #ed1b2d;
}
.tab-pane.active {
    display: inherit !important;
    height: auto !important; 
    overflow: inherit;
}
.responsive-table table {
    width: 100%;
    border-collapse: collapse;
    margin: auto;
    font-size: 14px;
}
.responsive-table td, .responsive-table th {
    padding: 0.5em;
    border: 0px solid #ccc;
    /* text-align: left; */
}
.responsive-table th {
    background: #636363;
    color: white;
    font-weight: bold;
}
.responsive-table td, .responsive-table th {
    padding: 0.5em;
    border: 0px solid #ccc;
    /* text-align: left; */
}
.responsive-table td a, .responsive-table th a {
    color: #464646;
}
.fa-envelope-o:before {
    content: "\f003";
}
.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  /*content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear; 
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #656565;
  color:#333;    margin-bottom: 20px;
 
 
}
/*
.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}*/
.row-info {
    font-size: 0.9em;
    padding: 0.8em 0;
    overflow: hidden; border-bottom: 1px solid #efefef;
}
.row-info:nth-of-type(2n) {
    background: #efefef;
}

.row-info strong {
    font-weight: 600;
    display: inline-block;
    float: left;
}
.row-info .col-6 {
    margin: 0 !important;
}
.row-info span {
    display: inline-block;
    float: left;
}
/*.tabContent {
  padding:20px;
}*/
.dark-gray-bar.p-3 {
    padding: 0.6em !important;
}
.dark-gray-bar {
    border-radius: 0;
}
.dark-gray-bar {
    background: #656565;
    color: #ffffff;
}

.project_system ul.nav-tabs li.active a {
    color: #ed1b2d;
    background: rgba(0, 0, 0, 0.20196); border-radius: 0; border:0;
}
.project_system ul.nav-tabs li a{padding: 10px 50px; border:0; border-radius:0; color: #262626;}
.project_system ul.nav-tabs li a:hover {border:0; text-decoration:none; }
.project_system ul.nav-tabs li.active::before {
    border-top: 3px solid #ed1b2d;
}

.project_system ul {
    background: #efefef; border:0;
}

.project_system ul.nav-tabs li {font-weight: 600;}
.product-listing .responsive-table td a, .product-listing .responsive-table th a {
    color: #464646;
}
.responsive-table table {
    border-collapse: collapse;
   }
.responsive-table tr:nth-of-type(2n) {
    background: #efefef;
}
h1.listing-title{font-size: 1.8em;
font-weight: 500;}


.panel-heading a{display: block;
padding: 8px 15px;
background: #f7f7f7;font-weight: 500;}


.panel-heading a::after {    
    content: "\f078";   
	
	font-family: FontAwesome;
font-weight: normal;
font-style: normal;font-size: 1em;
line-height: 25px;
color: #333;

}

.modal-header .close {
    margin-top: -50px;
}
.modal-title {
    margin: 0;
    line-height: 1.428571429;
    font-size: 1.3em;
    font-weight: 500; max-width: 98%;
text-align: center;
color: #da291c;
}
/* top 10 list css end */
/* breadcrumb css start*/
.breadcrumb-item {
    font-size: 1em;
}

.breadcrumb {
    padding: 0px 0 0 0;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

.site-content ol li {
    list-style: numeric;
    margin: 1em 0 0 0;
}
.breadcrumb-item a {
    color: #333;
    font-weight: 500;
    font-size: 1em;
}
/* breadcrumb css end*/



.masonry-grid3 { /* Masonry container */
    -webkit-column-count: 3;
  -moz-column-count:3;
  column-count: 3;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
   margin: 1.5em;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
   
}

@media only screen and (max-width: 320px) {
    .masonry-grid3 {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 321px) and (max-width: 950px){
    .masonry-grid3 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (min-width: 950px){
    .masonry-grid3 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}



li.shuffle-item {	
    display: inline-block;
    margin: 0 0 1.5em;
    width: 100%;
overflow:hidden;
}
.video-thumb { height:451px; width:100%; PADDING-LEFT: 3% !IMPORTANT;
}

.video-thumb iframe{position: absolute; }
.sector-image.water-image {
    background: url("/https/www.meedprojects.com/wp-content/uploads/2020/09/water.png");
    width: 70px;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
}
.sector-image.oil-image {
    background: url("/https/www.meedprojects.com/wp-content/uploads/2020/09/oil.png");
    width: 70px;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
}
.sector-image.gas-image {
    background: url("/https/www.meedprojects.com/wp-content/uploads/2020/09/gas-icon.png");
    width: 70px;
    height: 70px;
    background-size: cover; 
    background-repeat: no-repeat;
    margin: auto;
}
.sector-image.power-image {
    background: url("/https/www.meedprojects.com/wp-content/uploads/2020/09/power-upload-3.png");
    width: 70px;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
}
.sector-image.transport-image {
    background: url("/https/www.meedprojects.com/wp-content/uploads/2020/09/Transport.png");
    width: 70px;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
}
.sector-image.construction-image {
    background: url("/https/www.meedprojects.com/wp-content/uploads/2020/09/construction.png");
    width: 70px;
    height: 70px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
}
#sectors-countries-sectors.section-striped p.lead {
    margin: auto;
}
#sectors-countries-sectors.section-striped p {
    max-width: 65%;
    margin: auto auto 4rem auto;
    font-weight: 400;
}
#sectors-countries-sectors h2 {
    color: #da291c;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 3rem;
}
#Sectors-and-countries .animated.fadeInUp{text-align: center;}

footer #meed_marketing_opt_in-fca4dca5-30e7-429a-a341-6ecad2eaed98 {
	outline: 2px !important;
	-webkit-appearance: checkbox;
	-webkit-border-radius: 3;
	height: 20px;
	max-width: 20px;
	margin-right: 1em;
	margin-top: 0;
}

footer .hs-form-booleancheckbox-display {
	display: inline-flex;
	width: 100%;
}