/*------- 1. Isotope filtering-----------*/

body {
	font-family: 'Montserrat', sans-serif !important;
	/*overflow-x:hidden; */
}

::selection {
	background: rgba(150, 150, 220, 0.3);
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	z-index: 1;
}

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}


/*------  pagehead------------------------*/

.navbar-default .navbar-nav>li>a span.blockchain {
	height: 40px ! important;
	top: 50% ! important;
	margin-top: -20px ! important;
	border: 1px solid #0e8fcb;
	background: #0e8fcb;
	color: #fff;
	padding: 9px
}

.navbar-default .navbar-nav>li.blockchain-main>a {
	color: #fff !important;
}

.padd0 {
	padding: 0 !important;
}

.navbar {
	margin-bottom: 0 !important;
	background: #fff !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	border: none !important;
	border-bottom: 1px solid #f6f7f7;
	border-radius: 0;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.outer-menu {
	padding: 0 5% !important;
}

.top-line {
	padding: 5px 0;
	border-bottom: 1px solid #eeeeee;
	overflow: hidden;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	background: #fff;
}

ul.top-menu {
	float: left;
	margin-top: 5px;
}

ul.top-menu li {
	display: inline-block;
	margin-right: 12px;
}

ul.top-menu li a {
	display: inline-block;
	color: #8e8e8e;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	padding-left: 15px;
	border-left: 1px solid #eeeeee;
	text-decoration: none;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.top-menu li a:hover {
	color: #000;
}

ul.top-menu li a i {
	color: #000;
	margin-right: 7px;
}

pagehead.active .top-line {
	height: 0;
	padding: 0;
}

.social-icons {
	width: 20% !important;
	margin: 0;
}

ul.social-icons li {
	display: inline-block;
	margin-left: 10px;
}

ul.social-icons li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	text-align: center;
	border: 1px solid #eeeeee;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.company {
	width: 13% !important;
}

.company a {
	width: 100%;
	height: 30px;
	color: #c9030a;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
	border-radius: 20px !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	text-align: center;
	border: 1px solid #eeeeee;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.company a:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
	text-decoration: none;
}

.company a:focus {
	text-decoration: none;
}

ul.social-icons li a i {
	font-size: 17px;
	line-height: 30px;
	color: #000;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.social-icons li a:hover {
	background: #000;
	border: 1px solid #000;
}

ul.social-icons li a:hover i {
	color: #fff;
}

.blog {
	position: relative !important;
	top: -6px;
}

.daslide-wrapper {
	margin: 4% 0 0;
}

.blooog {
	padding: 20px;
}

.navbar-brand {
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

pagehead.active .navbar-brand {
	padding: 10px 15px 0 0;
}

.navbar-default .navbar-nav {
	margin: 0;
}

.navbar-default .navbar-nav>li.drop {
	position: relative;
}

.navbar-default .navbar-nav>li.drop>a:after {
	position: absolute;
	font-family: 'FontAwesome';
	color: #949494;
	font-size: 15px;
	right: 7px;
	top: 50%;
	margin-top: -10px;
	z-index: 3;
}

.align-footer {
	padding-left: 0px !important;
}

.navbar-default .navbar-nav>li>a {
	position: relative;
	color: #949494;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	padding: 30px 13px;
	text-transform: uppercase;
	z-index: 2;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.navbar-default .navbar-nav>li>a span {
	position: absolute;
	width: 100%;
	height: 10px;
	top: 50%;
	left: 0;
	margin-top: -5px;
	border: 1px solid transparent;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.navbar-default .navbar-nav>li:hover>a span {
	height: 40px ! important;
	top: 50% ! important;
	margin-top: -20px ! important;
	border: 1px solid #000;
}

pagehead.active .navbar-default .navbar-nav>li>a {
	padding: 24px 13px;
}

pagehead .navbar-default .navbar-nav>li.drop>a {
	padding-right: 26px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #000;
}

.navbar-default .navbar-nav>li>a.active {
	color: #A60505;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	background: none !important;
}

ul.drop-down {
	position: absolute;
	top: 100%;
	left: 0;
	width: 220px;
	visibility: hidden;
	opacity: 0;
	z-index: 3;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	-mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
	-o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
}

.navbar-default .navbar-nav>li:hover>ul.drop-down {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	-mos-transition: -mos-transform 0.4s, opacity 0.1s;
	-o-transition: -o-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
}

ul.drop-down li a {
	display: block;
	color: #646464;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	padding: 15px 18px;
	text-decoration: none;
	text-transform: capitalize;
	background: #fff;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	opacity: 1;
	border-top: 1px solid #d5d5d5;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.drop-down li {
	position: relative;
}

ul.drop-down.level3 {
	top: 0;
	left: 100%;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
}

ul.drop-down li:hover ul.drop-down.level3 {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	-mos-transition: -mos-transform 0.4s, opacity 0.1s;
	-o-transition: -o-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

ul.drop-down li a:hover {
	background: #B22126;
	color: #fff;
}

pagehead.active .shop-top-line {
	height: 0;
	overflow: hidden;
	padding: 0;
}

.shop-top-line {
	background: #54babb;
	overflow: hidden;
	padding: 8px 0;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.logo {
	border: 0 !important;
}

.currency {
	float: left;
}

.currency li {
	display: inline-block;
}

.currency li a {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.currency li a i {
	line-height: 24px;
	color: #fff;
	font-size: 15px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.currency li a:hover {
	background: #fff;
}

.currency li a:hover i {
	color: #54babb;
}

ul.shop-account-list {
	float: right;
}

ul.shop-account-list li {
	display: inline-block;
	margin-left: 20px;
}

ul.shop-account-list li:first-child {
	margin-left: 0px;
}

ul.shop-account-list li a {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.shop-account-list li a:hover {
	opacity: 0.6;
}

ul.shop-account-list li a i {
	color: #fff;
	font-size: 14px;
	margin-right: 8px;
}

.shop-navbar {
	margin-left: 24px;
	margin-top: 34px;
	margin-right: -15px;
}

pagehead.active .shop-navbar {
	height: 0;
	overflow: hidden;
}

.shop-navbar li {
	display: inline-block;
	margin: 0;
}

.shop-navbar li a {
	display: inline-block;
	font-size: 14px;
	color: #000000;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	padding: 0;
	background: none !important;
}

.shop-navbar li span {
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	background: #54babb;
	text-align: center;
	margin-right: 8px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.shop-navbar li a:hover span {
	opacity: 0.7;
}

.shop-navbar li span i {
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	-webkit-backface-visibility: hidden;
}


/* pagehead2 */

pagehead.pagehead2 .navbar-default .navbar-nav>li>a span {
	width: 100%;
	height: 0px;
	border: none;
	z-index: -1;
}

pagehead.pagehead2 .navbar-default .navbar-nav>li:hover>a span,
pagehead.pagehead2 .navbar-default .navbar-nav>li>a.active span {
	width: 100%;
	height: 40px;
	margin-top: -20px;
	background: #54babb;
}

pagehead.pagehead2 .navbar-default .navbar-nav>li:hover>a,
pagehead.pagehead2 .navbar-default .navbar-nav>li>a.active {
	color: #fff;
}

pagehead.pagehead2 .navbar-default .navbar-nav>li.drop:hover a:after,
pagehead.pagehead2 .navbar-default .navbar-nav>li.drop a.active:after {
	color: #fff;
}


/* pagehead3 */

pagehead.pagehead3 .navbar-default .navbar-nav>li>a span {
	width: 100%;
	height: 0px;
	top: 0;
	margin-top: 0;
	border: none;
	z-index: -1;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}

pagehead.pagehead3 .navbar-default .navbar-nav>li:hover>a span,
pagehead.pagehead3 .navbar-default .navbar-nav>li>a.active span {
	height: 7px;
	background: #54babb;
}

pagehead.pagehead3 .navbar-default .navbar-nav>li:hover>a,
pagehead.pagehead3 .navbar-default .navbar-nav>li>a.active {
	color: #54babb;
}

pagehead.pagehead3 .navbar-default .navbar-nav>li.drop:hover a:after,
pagehead.pagehead3 .navbar-default .navbar-nav>li.drop a.active:after {
	color: #54babb;
}


/* pagehead4 */

pagehead.pagehead4 .navbar-default .navbar-nav>li>a span {
	width: 100%;
	height: 0px;
	border: none;
	z-index: -1;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}

pagehead.pagehead4 .navbar-default .navbar-nav>li:hover>a span,
pagehead.pagehead4 .navbar-default .navbar-nav>li>a.active span {
	height: 100%;
	background: #54babb;
	margin-top: 0;
	top: 0;
}

pagehead.pagehead4 .navbar-default .navbar-nav>li:hover>a,
pagehead.pagehead4 .navbar-default .navbar-nav>li>a.active {
	color: #fff;
}

pagehead.pagehead4 .navbar-default .navbar-nav>li.drop:hover a:after,
pagehead.pagehead4 .navbar-default .navbar-nav>li.drop a.active:after {
	color: #fff;
}


/* pagehead5 */

pagehead.pagehead5 .navbar-default .navbar-nav>li>a span {
	width: 100%;
	height: 0px;
	border: none;
	margin-top: 0;
	top: inherit;
	bottom: 0;
	z-index: -1;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}

pagehead.pagehead5 .navbar-default .navbar-nav>li:hover>a span,
pagehead.pagehead5 .navbar-default .navbar-nav>li>a.active span {
	height: 100%;
	background: #54babb;
	height: 7px;
}

pagehead.pagehead5 .navbar-default .navbar-nav>li:hover>a,
pagehead.pagehead5 .navbar-default .navbar-nav>li>a.active {
	color: #54babb;
}

pagehead.pagehead5 .navbar-default .navbar-nav>li.drop:hover a:after,
pagehead.pagehead5 .navbar-default .navbar-nav>li.drop a.active:after {
	color: #54babb;
}


/* pagehead6 */

pagehead.pagehead6 .navbar-default .navbar-nav>li:hover>a span,
pagehead.pagehead6 .navbar-default .navbar-nav>li>a.active span {
	border: 1px solid #54babb;
	height: 40px;
	margin-top: -20px;
}

pagehead.pagehead6 .navbar-default .navbar-nav>li:hover>a,
pagehead.pagehead6 .navbar-default .navbar-nav>li>a.active {
	color: #54babb;
}

pagehead.pagehead6 .navbar-default .navbar-nav>li.drop a:after {
	display: none;
}

pagehead.pagehead6 .navbar-default .navbar-nav>li.drop a {
	padding-right: 13px;
}

pagehead.pagehead6 .navbar-default .navbar-nav>li a i {
	color: #54babb;
	font-size: 18px;
	margin-right: 8px;
}


/*------  General code--------------*/

.clear {
	clear: both;
}

ul {
	padding: 0;
	margin: 0;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
}

h1 {
	color: #000000;
	font-size: 30px;
	font-family: 'Lato', sans-serif !important;
	-webkit-font-smoothing: antialiased !important;
	margin: 0;
}

h2 {
	color: #000;
	font-size: 30px;
	font-family: 'Lato', sans-serif !important;
	margin: 0 !important;
	margin-bottom: 10px !important;
}

h3 {
	color: #000000;
	font-size: 22px;
	font-family: 'Lato', sans-serif !important;
	-webkit-font-smoothing: antialiased !important;
	margin: 10px 0 !important;
}

h4 {
	color: #000000;
	font-size: 20px;
	font-family: 'Lato', sans-serif !important;
	-webkit-font-smoothing: antialiased !important;
	margin: 0;
}

h5 {
	color: #000000;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased !important;
	margin: 0 !important;
}

p {
	color: #000;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	!important;
	-webkit-font-smoothing: antialiased !important;
	margin: 0 !important;
	line-height: 18px;
}

a.main-button {
	color: #fff;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	padding: 12px 35px;
	background: #7ea4f5;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

a.main-button:hover {
	opacity: 0.8;
}

button {
	outline: none !important;
}

#container {
	padding-top: 10px;
	background: #fff;
}

#sp-continer {
	margin-top: 150px !important;
}

#container.boxed {
	max-width: 1220px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	overflow: hidden;
}


/*------------ content - home sections-------*/

#slider {
	background: #54babb;
}

#slider.revolution-slider {
	background: none;
}

.tp-caption.large_text {
	color: #fff;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 32px;
	font-family: 'Roboto', sans-serif;
	text-shadow: none;
}

.tp-caption.large_text span {
	font-weight: 700;
}

.tp-caption.big_white {
	color: #fff;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 26px;
	line-height: 26px;
	font-family: 'Roboto', sans-serif;
	background-color: transparent;
}

.tp-caption.modern_small_text_dark {
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}

.tp-caption.modern_medium_light {
	background: #54babb;
	border-radius: 26px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-o-border-radius: 26px;
	padding: 20px 40px;
	text-align: center;
	width: 263px;
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
}

.tp-caption.modern_medium_light i {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 40px;
	margin-bottom: 14px;
}

.tp-leftarrow.default {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: rgba(0, 0, 0, 0.3);
	width: 61px;
	height: 61px;
}

.tp-rightarrow.default {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: rgba(0, 0, 0, 0.3);
	width: 61px;
	height: 61px;
}

.tp-leftarrow.default:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '\f104';
	font-family: 'FontAwesome';
	font-size: 30px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	line-height: 61px;
	width: 100%;
	text-align: center;
	text-indent: 0 !important;
}

.tp-rightarrow.default:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '\f105';
	font-family: 'FontAwesome';
	font-size: 30px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	line-height: 61px;
	width: 100%;
	text-align: center;
	text-indent: 0 !important;
}

.flex-caption {
	background: #54babb;
	margin: 20px 0;
	padding-left: 12px;
	border-left: 1px solid #fff;
	color: #fff;
	font-size: 24px;
	line-height: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.flex-caption span {
	font-weight: 600;
}

.services-box1,
.recent-works {
	padding: 40px 0;
}

.services-box1 .services-post {
	padding: 40px 40px 32px;
	border: 1px solid #e5e5e5;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

.services-box1 .services-post a {
	display: inline-block;
	width: 84px;
	height: 84px;
	border: 1px solid #000;
	text-align: center;
	margin-bottom: 15px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.services-box1 .services-post a i {
	display: inline-block;
	color: #000;
	font-size: 32px;
	line-height: 84px;
	-webkit-backface-visibility: hidden;
}

.services-box1 .services-post:hover a {
	background: #000;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

.services-box1 .services-post:hover a i {
	color: #fff;
}

.title-section {
	text-align: center;
	margin-bottom: 25px;
	z-index: 1;
	position: relative;
}

.title-section h1 {
	margin: 0;
	font-family: 'Lato', sans-serif;
	font-size: 33px;
	text-transform: capitalize;
	line-height: 36px;
	font-weight: 400;
}

.title-section p {
	margin: 25px 0 0 0;
	color: #787878;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.owl-controls {
	position: absolute;
	top: 50%;
	left: 0;
	margin: 0 !important;
	z-index: 9999;
	width: 100%;
	height: 0;
}

.owl-pagination {
	display: none;
}

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	position: relative;
	zoom: 1;
	margin: 0px;
	font-size: 32px;
	border-radius: 0px;
	-o-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background: rgba(0, 0, 0, 0.6);
	border: none;
	opacity: 1;
	padding: 0;
	width: 50px;
	height: 90px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.owl-theme .owl-controls {
	margin: 0;
}

.owl-theme .owl-controls .owl-buttons div:hover {
	opacity: 0.4;
}

.owl-theme .owl-controls .owl-buttons div:before {
	font-family: 'FontAwesome';
	position: absolute;
	font-size: 32px;
	color: #fff;
	width: 100%;
	left: 0;
	text-align: center;
	line-height: 90px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev {
	float: left;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
	float: right;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:before {
	content: "\f104";
}

.owl-theme .owl-controls .owl-buttons div.owl-next:before {
	content: "\f105";
}

.owl-buttons {
	margin-top: -45px;
}

.project-post {
	position: relative;
}

.project-post img {
	width: 100%;
}

.project-post:hover .hover-box {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateY(0deg) scale(1);
	-moz-transform: rotateY(0deg) scale(1);
	-ms-transform: rotateY(0deg) scale(1);
	-o-transform: rotateY(0deg) scale(1);
	transform: rotateY(0deg) scale(1);
}

.inner-hover-box {
	position: absolute;
	text-align: center;
	top: 50%;
	margin-top: -63px;
	left: 0;
	width: 100%;
}

.inner-hover-box h2 {
	color: #fff;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	line-height: 28px;
}

.inner-hover-box p {
	color: #fff;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 12px;
	line-height: 20px;
}

.inner-hover-box a {
	display: inline-block;
	width: 63px;
	height: 63px;
	border: 1px solid #fff;
	border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.inner-hover-box a:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.inner-hover-box a i {
	font-size: 18px;
	line-height: 63px;
	color: #fff;
}

.choose-tempcore {
	padding-top: 40px;
	border-bottom: 1px solid #e0e0e0;
}

.image-sect {
	max-width: 100%;
	text-align: right;
}

.tempcore-features {
	margin-top: 15px;
}

.tempcore-features li {
	overflow: hidden;
	margin-bottom: 22px;
}

.tempcore-features li span {
	display: inline-block;
	float: left;
	width: 52px;
	height: 52px;
	background: #54babb;
	border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	margin-right: 20px;
}

.tempcore-features li span i {
	color: #fff;
	font-size: 22px;
	line-height: 52px;
}

.tempcore-features li h4 {
	margin-top: 3px;
}

.tempcore-features li p {
	color: #787878;
	font-size: 15px;
	line-height: 22px;
	margin: 0;
}

.tempcore-line {
	padding: 40px 0;
	background: #EA5050;
	position: relative;
}

.tempcore-line p {
	margin-right: 160px;
	color: #fff;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 30px;
}

.tempcore-line p span {
	font-weight: 600;
}

.tempcore-line i {
	font-size: 38px;
	color: #fff;
	margin-right: 20px;
}

.tempcore-line a {
	display: inline-block;
	float: right;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	background: #393c40;
	width: 145px;
	height: 54px;
	line-height: 54px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.tempcore-line a:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.about-company h3 {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.about-company h3:after {
	margin: 0 0 8px 20px;
	width: 24%;
	height: 4px;
	content: " ";
	text-shadow: none;
	background-color: #ab2023;
	display: inline-block;
}

.about-company h3:before {
	margin: 0 20px 8px 0;
	width: 24%;
	height: 4px;
	content: " ";
	text-shadow: none;
	background-color: #ab2023;
	display: inline-block;
}


/*-------Portfolio pages--------------*/

.page-banner {
	overflow: hidden;
	text-align: center;
}

h1.page-title {
	max-width: 1170px;
	margin: 0 auto 30px;
	text-align: center;
	min-height: 52px;
	margin-top: -28px;
}

h1.page-title span {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	color: #000;
	padding: 14px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	background: #fff;
	border: 1px solid #dadada;
}

ul.page-tree {
	margin: 0;
	display: inline-block;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}

ul.page-tree li {
	position: relative;
	display: inline-block;
	margin-left: 40px;
}

ul.page-tree li:before {
	font-family: 'FontAwesome';
	content: '\f0a9';
	color: #fff;
	font-size: 14px;
	position: absolute;
	top: 0;
	left: -26px;
}

ul.page-tree li:first-child {
	margin-left: 0px;
}

ul.page-tree li:first-child:before {
	content: '';
}

ul.page-tree li a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

ul.filter {
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}

ul.filter li {
	display: inline-block;
}

ul.filter li a {
	position: relative;
	display: inline-block;
	color: #6e6e6e;
	font-size: 17px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	padding: 10px 15px;
	background: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}

ul.filter li a.active,
ul.filter li a:hover {
	color: #fff;
	background: #EA5050;
}

.portfolio-container {
	width: 1170px;
	margin-left: -15px;
	margin-bottom: 20px;
}

.portfolio-container .project-post {
	margin: 15px 0;
}

.portfolio-container .project-post img {
	width: 100%;
	height: auto;
}

.with-3-col .portfolio-container .project-post {
	width: 360px;
}

.with-2-col .portfolio-container .project-post {
	width: 555px;
}

.portfolio-box.fullwidth .portfolio-container {
	width: 100%;
	margin: 0;
}

.portfolio-box.fullwidth .portfolio-container .project-post {
	margin: 0;
	width: 20%;
}

.portfolio-container1 {
	width: 901px;
	margin-left: -15px;
	margin-bottom: 20px;
	margin: auto;
}

.portfolio-container1 .project-post {
	margin: 15px;
}

.portfolio-container1 .project-post img {
	width: 100%;
}

.with-4-col .portfolio-container1 .project-post {
	width: 262px;
}

.with-3-col .portfolio-container1 .project-post {
	width: 360px;
}

.with-2-col .portfolio-container1 .project-post {
	width: 555px;
}

.portfolio-box.fullwidth .portfolio-container1 {
	width: 100%;
	margin: 0;
}

.portfolio-box.fullwidth .portfolio-container1 .project-post {
	margin: 0;
	width: 20%;
}

ul.pagination-list {
	margin-bottom: 35px;
	margin-top: 20px;
}

ul.pagination-list li {
	display: inline-block;
}

ul.pagination-list li a {
	display: inline-block;
	border: 1px solid #d8d8d8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	padding: 6px 13px;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #000;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.pagination-list li a.active,
ul.pagination-list li a:hover {
	background: #54babb;
	border: 1px solid #54babb;
	color: #fff;
}


/*-------Blog pages----------*/


/*.loader {
      position: absolute;
      width:500px;
      height:500px;
      margin: 0 auto;
      z-index: 9999;
      background: url('../images/loading.gif') no-repeat; 
      top: 180px;
      left:43%;
      cursor: wait;
}*/

.mar-8 {
	margin: 80px 0 0 0 !important;
}

.blog-post {
	z-index: 9;
	margin-bottom: 20px;
	padding-bottom: 24px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}


/*=================================================================================================================================================================================================================================================================================================================================================================================================================*/

.blog-dropdown {
	background-color: #FFF !important;
	border: 1px solid #DBE3E3 !important;
	border-radius: 2px !important;
	display: inline-block !important;
	outline: none !important;
	padding: 0 10px !important;
	vertical-align: middle !important;
	width: 60% !important;
	float: right !important;
}

#imgBlog {
	width: 100%;
}

.blog-view-main {
	text-align: left;
	margin-bottom: 17px;
	margin-top: -42px;
	margin-left: 18px;
	font-size: 16px;
}

#imgBlogger {
	border-radius: 100%;
	height: 90px;
	width: 90px;
	float: left;
	margin-top: 0.3%;
	position: relative;
}

.blog-view-details {
	padding-top: 7%;
}

.blog-titles h1 {
	color: #5D6769 !important;
	margin-bottom: 20px !important;
}

.agileinfo_calender_grid {
	margin: 2em 0 0;
	margin-left: 20px;
}

.post-updates h3 {
	text-transform: uppercase;
	font-size: 1.4em;
	color: #5d6769;
	padding-left: .8em;
	border-left: 3px solid #c9030a;
	font-weight: 600;
}

.faq,
.agileits_comment {
	margin: 3em 0 0;
}

.social-icons-1 i,
.social-1 i {
	font-size: 15px;
	border: 1px solid #5d6769;
	padding: 8px 10px;
	color: #5d6769;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
	margin-right: 2px;
}

.social-icons-1 i:hover,
.socia-1 i:hover {
	background: transparent;
	background: #c9030a;
	border: 1px solid #c9030a;
	color: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-moz-transition: 0.5s all;
}

ul.tag li a:hover {
	background: #5d6769;
	color: #fff;
}

.agileits_recent_posts_gridr ul li span {
	padding-right: .5em;
	color: #5d6769;
}

.agileits_recent_posts_gridr ul li a {
	color: #999;
	text-decoration: none;
}

.agileits_recent_posts_gridr ul li a:hover {
	color: #000;
}

.agileits_recent_posts_gridr h4 {
	margin: 0 0 0.5em;
	height: 40px;
}

.agileits_recent_posts_grid {
	margin: 1em 0 1em;
}

.recent_posts {
	margin: 2em 0;
}

.recent_posts i {
	padding-right: 8px;
}

.recent_posts {
	margin: 4em 0;
}

.special_deals_grid_left_grid {
	position: relative;
	overflow: hidden;
}

.special_deals_grid_left_grid img {
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
	width: 100%;
}

.special_deals_grid_left_grid:hover img {
	-moz-transform: scale3d(1.1, 1.1, 1);
	-o-transform: scale3d(1.1, 1.1, 1);
	-ms-transform: scale3d(1.1, 1.1, 1);
	-webkit-transform: scale3d(1.1, 1.1, 1);
	transform: scale3d(1.1, 1.1, 1);
}

.agileits_recent_posts_gridl {
	float: left;
	width: 30%;
}

.agileits_recent_posts_gridr {
	float: right;
	width: 65%;
}

.agileits_recent_posts_gridr h4 a {
	font-size: 15px;
	text-decoration: none;
	color: #5d6769;
	line-height: 1.5em;
	font-weight: 600;
	text-transform: capitalize;
}

.agileits_recent_posts_gridr h5 {
	font-family: sans-serif;
}

.agileits_recent_posts_gridr h4 a:hover {
	color: #000;
}

.agileits_recent_posts_gridr ul li {
	display: inline-block;
	margin-right: 1.5em;
	color: #5d6769;
}

.agileits_recent_posts_gridr ul li:last-child {
	margin: 0;
}

.view-more-blog {
	background: none;
	border: none;
	color: #a60505;
}

.blog-head h2 {
	text-align: left;
	color: #5D6769;
	line-height: 1.2em;
	text-rendering: optimizelegibility;
	font-family: 'Roboto Slab', serif !important;
	font-weight: bold;
	font-size: 36px;
}

.blog-head span {
	text-align: left !important;
	color: #5D6769;
	float: left;
	margin-bottom: 20px;
}

.blog-container {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 490px;
}

.blog-container a {
	text-decoration: none;
	color: #5D6769;
}

.blog-post img {
	width: 100%;
	max-height: 280px;
}

#img2 {
	border-radius: 100%;
	height: 90px !important;
	width: 90px !important;
	float: left;
	margin-top: 0.3% !important;
}

.blogImg2 {
	border-radius: 100%;
	height: 90px !important;
	width: 90px !important;
	float: left;
	margin-top: 0.3% !important;
}

.user-img-main {
	text-align: left;
	margin-bottom: 17px;
	margin-top: -42px;
	margin-left: 18px;
	font-size: 16px;
}

.user-img {
	position: relative;
	width: 100%;
}

.blog-details {
	padding-top: 10%;
}

.blog-view-user-name {
	float: left;
	padding-left: 2%;
	font-family: sans-serif;
}

.blog-user-name {
	float: left;
	padding-left: 2%;
	font-family: sans-serif;
}

.blog-view-post-date {
	text-align: right;
	font-size: 15px;
	color: #5D6769;
	font-family: sans-serif;
}

.blog-post-date {
	text-align: right;
	font-size: 15px;
	color: #5D6769;
	font-family: sans-serif;
}

.blog-post h5 {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #5D6769;
}

.blog-post .fa {
	color: #BCC5C5;
	font-size: 19px;
	margin-left: 10px;
}

.date-post {
	text-align: center;
	margin-bottom: 13px;
	margin-top: -28px;
}

ul.post-tags {
	display: inline-block;
	background: #EA5050;
	padding: 18px;
	border-radius: 100%;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.post-tags li {
	display: inline-block;
}

ul.post-tags li:first-child {
	margin-right: 10px;
}

ul.post-tags li a {
	display: inline-block;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #fff;
	line-height: 16px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.post-tags li a i {
	display: inline-block;
	font-size: 16px;
	margin-right: 7px;
}

.blog-post h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 22px;
	color: #454545;
	line-height: 26px;
	margin-top: 20px;
	font-weight: 600;
}

.blog-post h2 a {
	display: inline-block;
	color: #454545;
	padding: 15px 0px 5px;
	text-decoration: none !important;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	/* height: 68px; */
}


/*media*/


/*.blog-post h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 19px;
    color: #454545;
    line-height: 26px;
    margin-top:20px;
    font-weight:600;
}

.blog-post h2 a {
    display: inline-block;
    color: #454545;
    padding: 15px 0px 5px;
    border-bottom: 1px solid #cccccc;
    text-decoration: none !important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    height: 68px; 
}
*/

.blog-post h2 a:hover {
	opacity: 0.7;
}

.blog-post p {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	font-size: 15px;
	color: #919191;
	line-height: 22px;
	text-align: center;
	margin: 0;
	max-height: 63px;
	overflow: hidden;
	padding: 0 24px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.blog-post:hover h2 a {
	color: #5D6769;
}

.blog-post:hover p {
	color: #5D6769;
}

.blog-post:hover ul.post-tags {
	background: #fff;
}

.blog-post:hover ul.post-tags li a {
	color: #b22126;
}

.search-widget {
	margin-bottom: 30px;
}

.search-widget input[type="search"] {
	color: #716565;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	padding: 15px 20px;
	border: 1px solid #dcdcdc;
	width: 100%;
	outline: none;
}

.search-widget input[type="search"]:focus {
	border: 1px solid #54babb;
}

.search-widget button {
	background: #fff;
	border: none;
	float: right;
	margin-top: -35px;
	margin-right: 15px;
	position: relative;
	z-index: 2;
}

.search-widget button i {
	color: #54babb;
	font-size: 18px;
}

.sidebar-widgets .widget>h5 {
	margin-bottom: 20px;
}

.accord-elem {
	margin-bottom: 20px;
}

.accord-title {
	padding: 16px 14px;
	border: 1px solid #dbdbdb;
	position: relative;
}

.accord-title h5 {
	padding-right: 48px;
}

.accord-title h5 i {
	color: #54babb;
	font-size: 20px;
	vertical-align: middle;
	margin-right: 12px;
}


/*.project-post
{
    cursor:pointer;
}*/

.accord-content {
	display: none;
	padding: 22px;
	border: 1px solid #dbdbdb;
	border-top: none;
	overflow: hidden;
}

.accord-content span.image-content {
	display: inline-block;
	float: left;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	margin-right: 22px;
	background: #007aff;
}

.accord-content span.image-content i {
	color: #fff;
	font-size: 30px;
	text-align: center;
	width: 100%;
	line-height: 68px;
	vertical-align: middle;
}

.accord-elem.active .accord-content {
	display: block;
}

.tab-content-box {
	text-align: center;
	padding: 60px;
	border: 1px solid #dbdbdb;
}

.tab-box {
	text-align: center;
	padding: 65px 0 83px;
	border: 1px solid #dbdbdb;
	min-height: 365px;
}

.tab-content-sidebar {
	display: none;
}

.tab-content-sidebar:first-child {
	display: block;
}

ul.tab-links {
	border: 1px solid #dbdbdb;
	border-top: none;
	overflow: hidden;
	margin-bottom: 40px;
}

ul.tab-links li {
	float: left;
	width: 33.33%;
	text-align: center;
	border-left: 1px solid #dbdbdb;
}

ul.tab-links li:first-child {
	border-left: none;
}

ul.tab-links li a {
	display: inline-block;
	width: 100%;
	padding: 12px;
	color: #000;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	background: #fff;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

ul.tab-links li a i {
	font-size: 30px;
	color: #54babb;
	display: block;
	text-align: center;
	margin-bottom: 6px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

ul.tab-links li a:hover {
	color: #fff;
	background: #54babb;
}

ul.tab-links li a:hover i {
	color: #fff;
}

.tabs-widget ul.tab-links {
	border-bottom: none;
	border-top: 1px solid #dbdbdb;
	margin-bottom: 0;
}

.tabs-widget ul.tab-links li a {
	font-size: 13px;
}

.tabs-widget ul.tab-links li a:hover {
	background: #fff;
	color: #54babb;
}

.tabs-widget {
	margin-bottom: 30px;
}

.tabs-widget .tab-box {
	padding: 0;
	text-align: left;
	min-height: 20px;
}

.tabs-widget .tab-box .tab-content-sidebar {
	padding: 20px;
}

.tabs-widget .tab-content-sidebar ul li {
	overflow: hidden;
	margin-bottom: 16px;
	width: 100%;
}

.tabs-widget .tab-content-sidebar ul li img {
	float: left;
	width: 45px;
}

.tabs-widget .tab-content-sidebar ul li h6 {
	line-height: 17px;
	color: #aeaeae;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	margin-left: 55px;
}

.tabs-widget .tab-content-sidebar ul li h6 a {
	color: #aeaeae;
	text-decoration: none;
	display: inline-block;
}

.tabs-widget .tab-content-sidebar ul li h6 a:hover {
	color: #54babb;
}

.accordion-widget {
	margin-bottom: 10px;
}

.accordion-widget .accord-content {
	padding: 18px;
}

.sidebar .tags-widget {
	margin-bottom: 20px;
}


/*---------Ajith 15-Oct-2015-------*/

.PXLWASD-Zb-b {
	border-radius: 2px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 27px;
	line-height: 27px;
	padding-left: 5px;
	display: inline-block;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	margin: 0;
}

.PXLWASD-Zb-a,
.goog-button-base-disabled .goog-button-base-content {
	color: #999;
}

.addNew {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #D7F0F7;
}

.addNew tr th {
	padding: 6px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	background: #D7F0F7;
}

.addNew tr td {
	padding: 5px;
}

.addNew tr:nth-child(even) {
	background: #fff;
}

.addNew tr:nth-child(odd) {
	background: #F9F9F9;
}

.addNew tr:hover {
	background: #EDF6F9;
}


/*---------------Ajith-End----------------*/


/*-----------------------Blog Page--------------------------------*/

.blog-titles h1 {
	color: #fff;
}

.newblog {}

.cebit-ban {
	width: 100%;
	/* min-height: 10px !important;*/
	text-align: left;
	background: #F3F3F3;
}

.commentscount-shortcut a h3 {
	margin: 0;
	display: block;
	padding: 1% 8%;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	text-transform: capitalize;
	text-decoration: none;
	color: #6D6D6D;
}

.comments-count h3 {
	margin: 0;
	display: block;
	padding: 0;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	text-transform: capitalize;
	text-decoration: none;
	color: #6D6D6D;
}

.blog-titles h1 {
	margin: 0;
	display: block;
	padding-top: 25px;
	font-size: 33px;
	font-family: 'Lato', sans-serif;
	font-weight: bolder;
	color: #000;
}

.blog-titles h1:first-letter {
	text-transform: capitalize
}

.blog-titles p {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	padding-top: 30px;
	color: #000;
}

.blog-titles h6 {
	margin: 0;
	display: block;
	padding-top: 1.5% !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	padding: 5px 0 0 5px;
	color: #929090;
}

.blog-titles h6 a {
	color: #b62f34;
}

.blog-titles hr {
	border-bottom: 0.5px solid #e7e7e7;
}

.Share-this h4 {
	margin: 0 -6%;
	display: block;
	padding-top: 1%;
	font-size: 15px;
	font-family: 'Lato', sans-serif !important;
	font-weight: normal !important;
	text-transform: capitalize !important;
	text-decoration: none;
	color: #6D6D6D;
	text-align: right
}

ul.blog-social-icons {
	float: right;
}

ul.blog-social-icons li {
	display: inline-block;
	margin-left: 2px;
}

ul.blog-social-icons li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
}

ul.blog-social-icons li a i {
	font-size: 15px;
	line-height: 30px;
	color: #000;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.blog-social-icons li a.facebook {
	background: #3b5998;
}

ul.blog-social-icons li a.facebook:hover {
	background: #4C80ED;
}

ul.blog-social-icons li a.twitter {
	background: #00a0d1;
}

ul.blog-social-icons li a.twitter:hover {
	background: #35CEFD;
}

ul.blog-social-icons li a.linkedin {
	background: #2792C2;
}

ul.blog-social-icons li a.linkedin:hover {
	background: #00B0FF;
}

ul.blog-social-icons li a i {
	color: #ffffff !important;
}

.right-cebit {
	width: 70% !important;
}

.right-cebit p {
	margin: 3% 0;
	text-align: justify;
	line-height: 22px;
	display: block;
}

.for-red {
	color: #b62f34;
	font-weight: 400;
}

.blog-img {
	margin: 4% 0;
	display: block;
}

.blog-img img {
	width: 100%;
}

.comments-count {
	width: 100%;
	float: left;
}

.para-view {
	padding: 0 10px !important;
}

#blogContent {
	margin: 116px 0 0 0;
}

.newblogContent h2 {
	margin: 2% 0;
	display: block;
	padding-top: 0;
	font-size: 25px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-transform: capitalize;
	color: #000;
}

.streamcontent {
	width: 100%;
	float: left;
	margin: 0 0 4% 2%;
}

.senderDetails {
	width: 100%;
	float: left;
	display: block;
}

.senderDetails h4 {
	display: inline;
	margin: 0 13px 0 0;
	border: 0;
	font-weight: normal;
	font-size: 13px;
	unicode-bidi: normal;
}

.senderDetails h4 a {
	color: #000 !important;
	text-decoration: none !important;
}

.senderDetails h4 a:hover {
	text-decoration: underline !important;
}

.Date-Time {
	display: inline-block;
}

.Date-Time a {
	color: #ccc;
	font-size: 11px;
}

.Date-Time span {
	color: #ccc;
	font-size: 11px;
}

.comments img {
	width: 100%;
	height: auto;
	margin-left: 20px;
}

.posted-comments {
	width: 100%;
	float: left;
}

.posted-comments p {
	margin: 0;
	padding: 2% 0;
	display: block;
	font-size: 13px;
}

.reply {
	float: left;
}

.reply a {
	margin: 0;
	font-size: 13px;
}

.comments {
	padding-top: 30px;
}

.comment {
	width: 92%;
	height: 80px;
	margin: 0px 0 0 4%;
	border: solid 1px #c3c1c1;
	font-size: 12px;
	margin: 10px 30px;
}

.subscriber {
	width: 85% !important;
	margin: 3% auto;
	display: block;
	font-size: 12px;
	border-radius: 0;
	background: #f4f4f4;
}

.links p a {
	padding: 0 0 0 20%;
}

.left-cebit p a {
	font-weight: 400 !important;
}

.Geo-Locations {
	margin: 0;
	width: 100%;
}

.geo-loc {
	padding: 4%;
	margin: 4% 0;
}

.geo-loc a {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	display: block;
	font-size: 16px;
	font-weight: normal;
}

.subscribe {
	padding: 8% 0;
	border: solid 1px #D8D8D8;
	background: #EFEFEF;
}

.subscribe h2 {
	margin: 0;
	display: block;
	text-align: center;
	font-family: 'Lato', sans-serif;
}

.subscribe p {
	margin: 4% 0;
	display: block;
	text-align: center;
	padding: 0px 30px;
	font-family: 'Open sans', sans-serif;
	font-weight: normal;
	line-height: 18px;
	color: #000;
	font-size: 13px;
}

input.sub {
	width: 232px;
	height: 30px;
	font-size: 12px;
	margin-left: 13%;
}

.subscribe-btn {
	width: 100%;
	margin: 0 auto;
	display: block !important;
	color: #fff !important;
	font-weight: bold;
	font-size: 17px;
	border: 0 !important;
	border-radius: 0 !important;
	background: #C62B2B !important;
}

.cntact {
	margin: 0;
	display: block;
	padding: 4% 0px;
	border-bottom: solid 1px #d0cece;
}

.kinfra {
	font-weight: 400;
}

.comment-respond {
	margin: 0 0 4% 2%;
}

.comment-input {
	border-radius: 2px !important;
	background: #F1F1F1;
	border: 1px solid #ccc;
}

.comment-label {
	color: #888;
	font-size: 12px;
	font-weight: normal;
}

.required {
	color: #F26621;
	font-weight: bold;
}

.post-comment {
	background-color: #BC0202 !important;
	color: #ffffff !important;
}

.post-comment:hover {
	color: #ffffff;
}

.mar15 {
	margin-bottom: 15px !important;
}

.comment-reply {
	margin: 1% 0;
}

.form-style {
	position: static;
	height: 29px;
}

.streamcontent {
	border-top: 1px solid #e7e7e7;
}

#nav-below {
	margin: 0 0 2% 2%;
	float: left;
	width: 100%;
}

.nav-previous {
	float: left;
	width: 50%;
	font-weight: bold;
}

.nav-next {
	float: right;
	text-align: right;
	width: 50%;
	font-weight: bold;
}

.navigation a:link,
.navigation a:visited {
	color: #121212;
	font-family: 'Roboto', sans-serif;
	font-size: 19px;
	font-weight: normal;
	text-decoration: none;
}

.line {
	border-top: 1px solid #e7e7e7;
}

.widget {
	height: 55px;
	overflow: hidden;
}

.widget h4 a {
	width: 93%;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	display: block;
	line-height: 18px;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.widget p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 400;
	margin: 0;
	display: block;
	line-height: 18px;
	color: #797979;
}

.MsoNormal {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	line-height: 22px;
}


/*akhil start*/

.blog-search {
	background: #fff;
	/*  padding: 14px;   */
	font-size: 15px;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	height: 35px;
	padding: 6px 12px;
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #5D6769;
	font-size: 15px;
	float: left;
	line-height: 1.42857143;
	color: rgb(85, 85, 85);
	background-color: rgb(255, 255, 255);
	background-image: none;
	border: 1px solid rgb(204, 204, 204);
}

.autocomplete-suggestions {
	border: 1px solid #999;
	background: #FFF;
	cursor: default;
	overflow: auto;
	-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-no-suggestion {
	padding: 2px 5px;
}

.autocomplete-selected {
	background: #F0F0F0;
}

.autocomplete-suggestions strong {
	font-weight: bold;
	color: #000;
}

.autocomplete-group {
	padding: 2px 5px;
}

.autocomplete-group strong {
	font-weight: bold;
	font-size: 16px;
	color: #000;
	display: block;
	border-bottom: 1px solid #000;
}

.table-scroll {
	width: 100%;
	overflow-x: scroll;
	padding: 10px 0;
}


/*akhil end*/


/*----- Single post-------------------*/

.single-post .date-post {
	margin-top: -55px;
	text-align: left;
}

.single-post .blog-post h2,
.single-post .blog-post p {
	text-align: left;
}

.single-post .blog-post h2 a {
	display: block;
}

.single-post .blog-post p {
	margin-bottom: 15px;
	max-height: inherit;
}

.comment-section {
	margin-bottom: 20px;
	overflow: hidden;
}

.comment-section h1 {
	font-size: 24px;
	text-transform: inherit;
	margin-bottom: 15px;
}

.comment-box {
	overflow: hidden;
	margin-bottom: 30px;
}

.comment-box img {
	float: left;
	max-width: 80px;
}

ul.depth {
	margin-left: 100px;
}

ul.depth li {
	position: relative;
}

ul.depth li:before {
	position: absolute;
	content: '';
	width: 40px;
	height: 40px;
	top: 0;
	left: -60px;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.comment-content {
	padding-left: 100px;
}

.comment-content h6 {
	color: #3c3c3c;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	line-height: 22px;
	border-bottom: 1px solid #e5e5e5;
	display: inline-block;
	margin: -4px 0 7px;
	padding-bottom: 4px;
}

.comment-content h6 span {
	color: #d1d1d1;
	font-style: normal;
}

.comment-content p {
	color: #a3a3a3;
	line-height: 26px;
}

.text-fields {
	float: left;
	width: 50%;
	padding-right: 10px;
}

.submit-area {
	float: right;
	width: 50%;
}

.comment-form {
	overflow: hidden;
	margin-bottom: 40px;
}

.comment-form h1 {
	font-size: 24px;
	text-transform: inherit;
	margin-bottom: 16px;
}

.float-input {
	position: relative;
	padding-left: 58px;
}

.float-input span {
	position: absolute;
	width: 58px;
	height: 58px;
	border: 1px solid #eaeaea;
	top: 0px;
	left: 0px;
	z-index: 2;
	text-align: center;
}

.float-input span i {
	line-height: 32px;
	font-size: 12px;
	/*color: #1ab5b3;*/
	color: #EA5050;
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border: 1px solid #EA5050;
	margin-top: 13px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="text"],
#contact-form textarea,
.comment-form input[type="text"],
.comment-form textarea {
	color: #848484;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	border: 1px solid #eaeaea;
	border-left: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	outline: none;
	width: 100%;
	padding: 18px;
	display: block;
	margin-bottom: 10px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="text"]:focus+span i,
.comment-form input[type="text"]:focus+span i {
	color: #fff;
	background: #EA5050;
}

#contact-form textarea,
.comment-form textarea {
	height: 126px;
	border: 1px solid #eaeaea;
}

#contact-form input[type="submit"],
.comment-form input[type="submit"] {
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	padding: 19px;
	background: #EA5050;
	text-transform: uppercase;
	border: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:hover {
	opacity: 0.8;
}

#contact-form .message,
.comment-form .message {
	height: 20px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	float: none;
	margin-top: 5px;
	color: Red;
}

#contact-form .message.error,
.comment-form .message.error {
	color: #eb2c06;
}

#contact-form .message.success,
.comment-form .message.success {
	color: #1e9397;
}


/*------------------- Contact-------*/

.page-banner.contact-banner {
	background: url('../upload/banner3.jpg');
}

.map {
	height: 440px;
	margin-bottom: 40px;
}

#contact-form h1,
.contact-info h1 {
	margin: 0;
	padding: 3% 0;
	display: block;
	font-size: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-transform: inherit;
}

.contact-box h1 {
	text-transform: inherit;
}

#contact-form {
	margin-bottom: 30px;
	overflow: hidden;
}

.contact-info {
	margin: 20px 0 100px 0;
}

.contact-info p {
	font-size: 15px;
	color: #919191;
	line-height: 22px;
	margin-bottom: 15px;
}

.contact-info-list li {
	display: inline-block;
}

.contact-info-list li {
	display: inline-block;
	font-size: 14px;
	color: #919191;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin-right: 20px;
	line-height: 22px;
}

.contact-info-list li i {
	font-size: 17px;
	/*color: #54babb;*/
	color: #EA5050;
	margin-right: 10px;
}

.contact-info-list li a {
	color: #919191;
}


/*---- home 6--------------*/

.home-section {
	padding-top: 40px;
}

.title-section.home-section h1 {
	font-size: 33px;
	text-transform: inherit !important;
	font-family: Lato;
	font-weight: 400;
}


/*--------shop page--------------------*/

.shop-banner {
	background: url('../upload/banner4.jpg');
}

.top-bar {
	padding: 9px;
	border: 1px solid #dbdbdb;
	height: 50px;
	margin-bottom: 30px;
}

.top-bar .left-block {
	float: left;
}

.top-bar .right-block {
	float: right;
}

.select-filter label {
	display: inline-block;
	margin: 0 9px 0 6px;
	color: #535353;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

.select-filter .select-box {
	display: inline-block;
	margin-right: 10px;
}

.select-filter select {
	height: 30px;
	width: 100px;
	border: 1px solid #dbdbdb;
	outline: none;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
}

.top-bar .right-block span {
	color: #535353;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	margin-right: 9px;
}

.top-bar .right-block a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #54babb;
}

.top-bar .right-block i {
	font-size: 15px;
	color: #fff;
	line-height: 30px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.top-bar .right-block a:hover i {
	opacity: 0.7;
}

.product-post {
	margin-bottom: 50px;
}

.product-post img {
	width: 100%;
	margin-bottom: 15px;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-o-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-o-border-top-right-radius: 4px;
}

.product-post h2 {
	color: #000;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 15px;
}

ul.product-list {
	overflow: hidden;
	border: 1px solid #dbdbdb;
}

ul.product-list li {
	float: left;
	border-left: 1px solid #dbdbdb;
}

ul.product-list li:first-child {
	border-left: none;
}

ul.product-list li a {
	display: inline-block;
	padding: 11px;
	color: #000;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-decoration: none !important;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

ul.product-list li a:hover {
	opacity: 0.6;
}

ul.product-list li a i {
	font-size: 18px;
	color: #54babb;
}

ul.product-list li.details a {
	background: #f2f2f2;
}

ul.product-list li.price {
	padding: 11px 13px;
	background: #54babb;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	color: #fff;
}

.shop-widget {
	margin-bottom: 20px;
	border: 1px solid #dedede;
}

.shop-widget h4 {
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	padding: 10px 14px;
	background: #54babb;
}

.category-shop-list>li {
	border-top: 1px solid #dedede;
}

.category-shop-list>li:first-child {
	border-top: 1px solid #dedede;
}

.category-shop-list li a.accordion-link {
	display: inline-block;
	width: 100%;
	color: #000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	padding: 6px 8px;
	position: relative;
	text-decoration: none;
}

.category-shop-list li a.accordion-link:hover,
.category-shop-list li a.accordion-link.active {
	color: #fff;
	background: #54babb;
	opacity: 0.6;
}

.category-shop-list li a.accordion-link:after {
	position: absolute;
	content: '+';
	color: #7b7b7b;
	font-size: 15px;
	font-family: arial;
	font-weight: 700;
	right: 9px;
	top: 5px;
}

.category-shop-list li a.accordion-link:hover:after,
.category-shop-list li a.accordion-link.active:after {
	color: #fff;
}

.category-shop-list li a.accordion-link.active:after {
	content: '-';
	right: 13px;
}

.accordion-list-content {
	border-top: 1px solid #dedede;
	display: none;
}

.accordion-list-content li {
	margin: 5px 0;
	padding-left: 17px;
	position: relative;
}

.accordion-list-content li:before {
	position: absolute;
	content: '';
	width: 2px;
	height: 2px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	background: #767676;
	top: 50%;
	left: 8px;
}

.accordion-list-content li a {
	display: inline-block;
	color: #767676;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
}

ul.popular-product {
	padding: 0 10px;
}

ul.popular-product li {
	padding-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #dedede;
	overflow: hidden;
}

ul.popular-product li:first-child {
	border-top: none;
}

ul.popular-product li img {
	float: left;
	width: 50px;
}

ul.popular-product li div {
	margin-left: 60px;
}

ul.popular-product li h6 {
	color: #000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	margin-top: 4px;
}

ul.popular-product li h6 a {
	color: #000;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

ul.popular-product li h6 a:hover {
	color: #54babb;
}

ul.popular-product li span {
	color: #54babb;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

.price-range {
	padding: 18px 12px 12px;
	overflow: hidden;
}

#start-val,
#end-val {
	display: inline-block;
	border: none;
	float: left;
	padding: 0;
	color: #000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	max-width: 50px;
}

#end-val {
	float: right;
	text-align: right;
}

.home-shop {
	margin-top: 30px;
}


/*------------ Home 2------------*/

.testimonials {
	padding: 60px 0;
}

.bxslider {
	text-align: center;
}

.testimonials .bxslider img {
	margin: 0 auto 22px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	padding: 10px;
	border: 1px solid #e2e2e2;
}

.message-content {
	padding-bottom: 20px;
}

.message-content p {
	color: #919191;
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 30px;
}

.message-content h6 {
	color: #000000;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 30px;
	position: relative;
	margin: 20px 0 0;
}

.message-content h6:before {
	content: '';
	width: 110px;
	height: 1px;
	background: #000000;
	position: absolute;
	left: 50%;
	margin-left: -55px;
	top: -10px;
}

.message-content h6 span {
	font-weight: 600;
}

.accord-skills {
	background: url('../upload/background2.jpg');
	padding: 40px 0;
}

.title-section.white h1,
.title-section.white p {
	color: #fff;
}

.title-section.black h1,
.title-section.black p {
	color: #000;
}

.accord-skills-container {
	margin-top: 5px;
}

.skills-bars h4 {
	color: #fff;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 5px;
}

.skills-bars>p {
	color: #fff;
	font-size: 17px;
	font-family: 'Roboto', sans-serif;
	line-height: 25px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	padding-bottom: 20px;
	margin: 0 0 20px;
	border-bottom: 1px solid #a5afaf;
}

.skills-progress p {
	color: #fff;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	clear: both;
	margin-bottom: 6px;
}

.skills-progress p span {
	display: inline-block;
	color: #54babb;
	float: right;
	font-weight: 400;
	margin-top: -5px;
}

.meter {
	height: 20px;
	/* Can be anything */
	position: relative;
	background: transparent;
	border: 1px solid #a2acac;
	margin-bottom: 25px;
}

.meter>span {
	display: block;
	height: 100%;
	position: relative;
	overflow: hidden;
	background: #54babb;
}

.accord-skills-container h5,
.accord-skills-container p {
	color: #fff;
}

.accord-content img {
	float: left;
	margin-right: 20px;
	margin-top: 7px;
}

.accord-skills-container .accord-content p {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #6a6a6a;
	line-height: 22px;
	-webkit-font-smoothing: antialiased;
}

.accord-skills-container a.accord-link {
	background: none !important;
	text-align: center;
	text-decoration: none !important;
	width: 64px;
}

.accord-link {
	display: inline-block;
	position: absolute;
	width: 46px;
	height: 100%;
	top: 0;
	right: 0;
	border-left: 1px solid #dbdbdb;
	background: url('../images/plus.png') center center no-repeat;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.accord-skills-container a.accord-link:after {
	font-family: 'FontAwesome';
	content: '\f055';
	font-size: 37px;
	color: #fff;
	line-height: 64px;
	opacity: 0.5;
}

.accord-skills-container .accord-elem.active a.accord-link:after {
	content: '\f056';
	opacity: 1;
}

.accord-skills-container1 a.accord-link {
	background: none !important;
	text-align: center;
	text-decoration: none !important;
	width: 64px;
}

.accord-skills-container1 a.accord-link:after {
	font-size: 31px ! important;
	color: #B22126 ! important;
	line-height: 39px !important;
}

.accord-skills-container .accord-title {
	padding: 24px 65px 13px 34px;
}

.accord-skills-container .accord-content {
	padding: 26px;
}

.accord-content-padding {
	padding: 10px ! important;
}

.accord-content-padding p {
	word-spacing: 1px ! important;
}

.members-section {
	padding: 25px 0 30px;
}

.staff-post {
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	margin-bottom: 30px;
}

.staff-post img {
	width: 100%;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.staff-post:hover img {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}

.staff-post-content {
	background: #54babb;
	padding: 16px;
	text-align: center;
	z-index: 2;
	-webkit-backface-visibility: hidden;
}

.staff-post-content h5 {
	color: #fff;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	line-height: 20px;
}

.staff-post-content span {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0;
}

ul.staf-social {
	text-align: center;
	padding: 14px 12px;
	border: 1px solid #e4e4e4;
}

ul.staf-social li {
	display: inline-block;
	margin-right: 7px;
}

ul.staf-social li:last-child {
	margin-right: 0px;
}

ul.staf-social li a {
	display: inline-block;
	width: 38px;
	height: 38px;
	border: 1px solid #e4e4e4;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	text-align: center;
	text-decoration: none;
}

ul.staf-social li a i {
	display: inline-block;
	line-height: 38px;
	font-size: 18px;
	color: #797979;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	-webkit-backface-visibility: hidden;
}

ul.staf-social li a:hover i {
	color: #fff;
}

ul.staf-social li a:hover {
	background: #54babb;
	border: 1px solid #54babb;
}


/*----About page---------------*/

.about-banner {
	background: url('../upload/banner5.jpg');
}

.about-title {
	margin-bottom: 0 !important;
}

.statistic-section {
	padding-top: 40px;
}

.statistic-post {
	text-align: center;
	padding: 60px;
	border: 1px solid #e4e4e4;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}

span.icon-stat {
	display: inline-block;
	padding: 0 15px 18px;
	border-bottom: 1px solid #bababa;
	margin-bottom: 20px;
}

span.icon-stat i {
	color: #54babb;
	font-size: 44px;
}

.statistic-post p span.numb {
	display: inline-block;
	color: #060606;
	font-size: 36px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 36px;
	margin: 0 0 6px;
}

.statistic-post p {
	color: #787878;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0;
}

.white-back {
	background: none;
}

.white-back .accord-skills-container h5,
.white-back .accord-skills-container p {
	color: #787878;
}

.white-back .accord-skills-container a.accord-link:after {
	/*color: #54babb;*/
	color: #EA5050;
}

.white-back .skills-bars h4 {
	color: #787878;
}

.white-back .skills-bars>p {
	color: #787878;
}


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


/* =  Home3
/*-------------------------------------------------*/

.vertical-tabs,
.horizontal-tabs {
	padding: 70px 0;
}

.vertical-tabs .nav-tabs {
	float: left;
	width: 370px;
	border: none;
}

.vertical-tabs .nav-tabs li {
	display: block;
	float: none;
	border: 1px solid #dedede;
	border-top: none;
	margin: 0;
}

.vertical-tabs .nav-tabs li:first-child {
	border-top: 1px solid #dedede;
}

.nav.nav-tabs li a {
	display: block;
	border: none !important;
	margin: 0;
	padding: 28px;
	color: #797979;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	background: #fff;
}

.nav.nav-tabs li a i {
	color: #54babb;
	font-size: 24px;
	margin-right: 18px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.nav.nav-tabs li.active a i {
	color: #ffffff;
}

.nav.nav-tabs li.active a {
	color: #ffffff;
	background: #54babb;
}

.vertical-tabs .tab-content {
	margin-left: 369px;
	border: 1px solid #dedede;
}

.tab-content .tab-pane {
	padding: 30px 35px 15px;
	overflow: hidden;
}

.tab-content .tab-pane img {
	float: left;
	margin-right: 30px;
}

.tab-content .tab-pane h3 {
	color: #000000;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 10px;
}

.tab-content .tab-pane p {
	color: #ffffff;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 20px;
	line-height: 19px;
}

.tab-content .tab-pane iframe {
	float: left;
	margin-right: 30px;
	height: 260px;
	width: 360px;
}

.video-back {
	position: relative;
	padding: 50px 0;
}

#customElement {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

#customElement:after {
	width: 100%;
	height: 100%;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 0;
}

.services-box2 .services-post {
	margin-bottom: 50px;
}

.services-box2 .services-post>a {
	display: inline-block;
	float: left;
	width: 80px;
	height: 80px;
	background: #54babb;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	text-align: center;
	text-decoration: none;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.services-box2 .services-post:hover>a {
	transform: scale(1.2) rotate(360deg);
	-webkit-transform: scale(1.2) rotate(360deg);
	-moz-transform: scale(1.2) rotate(360deg);
	-o-transform: scale(1.2) rotate(360deg);
}

.services-box2 .services-post>a i {
	font-size: 28px;
	color: #fff;
	line-height: 80px;
}

.services-box2 .services-post-content {
	margin-left: 110px;
}

.services-box2 .services-post-content h4 {
	color: #fff;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	line-height: 22px;
	margin: 0 0 10px;
}

.services-box2 .services-post-content p {
	color: #fff;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 22px;
	margin: 0 0 10px;
}

.services-box2 .services-post-content a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	padding: 7px 16px;
	border: 1px solid #fff;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.services-box2 .services-post-content a:hover {
	color: #54babb;
	background: #fff;
}

.horizontal-tabs .nav-tabs {
	border: 1px solid #dedede;
}

.horizontal-tabs .nav-tabs li {
	margin: 0;
}

.horizontal-tabs .nav-tabs li {
	border-right: 1px solid #dedede;
}

.horizontal-tabs .tab-content {
	border: 1px solid #dedede;
	border-top: none;
}


/*-------- Home 4--------------*/

.table-box {
	padding: 50px 0;
}

.table-responsive {
	text-align: center;
}

.table-responsive th {
	padding: 16px !important;
	background: #54babb;
	color: #fff;
	font-size: 17px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-align: center;
	border: 1px solid #4ba7a8 !important;
}

.table-responsive td {
	padding: 16px !important;
	background: #fff;
	color: #595959;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	border: 1px solid #dedede !important;
}

.table-responsive tr:nth-child(2n+1) td {
	background: #f5f5f5;
}

ul.clients-logo {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	margin-top: 10px;
}

ul.clients-logo li {
	float: left;
	width: 22%;
	margin-left: 4%;
}

ul.clients-logo li:first-child {
	margin-left: 0%;
}

ul.clients-logo li a {
	padding: 0 18%;
	display: inline-block;
	height: 180px;
	line-height: 180px;
	vertical-align: middle;
	padding: 0 19%;
	text-align: center;
	background: rgba(0, 0, 0, 0.2);
}

ul.clients-logo li a img {
	display: inline-block;
	line-height: 200px;
	max-width: 100%;
}

.latest-posts {
	padding: 50px 0 30px;
}


/*--------- Home 5--------------*/

.pricing-box {
	padding: 60px 0;
}

ul.pricing-table {
	width: 100%;
	margin-bottom: 15px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.pricing-table:hover {
	box-shadow: 0 0 20px #c6c6c6;
}

ul.pricing-table li {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	border: 1px solid #dbdbdb;
	border-top: none;
	background: #fff;
}

ul.pricing-table li:first-child {
	padding: 35px 0;
	border: none;
	background: #54babb;
}

ul.pricing-table li p {
	color: #555555;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
}

ul.pricing-table li:first-child p {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
}

ul.pricing-table li:first-child span {
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 20px;
}

ul.pricing-table li a {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	padding: 12px 20px;
	background: #54babb;
	text-decoration: none;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.pricing-table li a:hover {
	opacity: 0.8;
}

.services-box3 .services-post {
	margin-bottom: 20px;
}

.services-box3 .services-post>a {
	display: inline-block;
	width: 93px;
	height: 93px;
	border: 1px solid #000;
	/*#fff;*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	margin-bottom: 24px;
}

.services-box3 .services-post:hover>a {
	transform: scale(1.4) rotate(360deg);
	-webkit-transform: scale(1.4) rotate(360deg);
	-moz-transform: scale(1.4) rotate(360deg);
	-o-transform: scale(1.4) rotate(360deg);
	border: 1px solid #ccc;
}

.services-box3 .services-post>a i {
	font-size: 30px;
	/*color: #fff;*/
	color: #000;
	line-height: 93px;
}

.services-box3 .services-post-content h4 {
	/*color: #fff;*/
	color: #000;
	font-size: 28px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 30px;
	margin: 0 0 10px;
}

.services-box3 .services-post-content p {
	/*color: #fff;*/
	color: #000;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 22px;
	margin: 0 0 12px;
}

.services-box3 .services-post-content a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	/* color: #fff;*/
	color: #000;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	padding: 9px 13px 9px 55px;
	border: 1px solid #fff;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.services-box3 .services-post-content a span {
	position: absolute;
	width: 42px;
	height: 100%;
	background: #fff;
	text-align: center;
	top: 0;
	left: 0;
}

.services-box3 .services-post-content a span i {
	color: #54babb;
	font-size: 18px;
	line-height: 38px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	-webkit-backface-visibility: hidden;
}

.services-box3 .services-post-content a:hover span i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.left-img {
	padding: 50px 0;
}

.img-holder img {
	max-width: 100%;
	margin-bottom: 20px;
}

.text-holder h2 {
	color: #000;
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 6px;
}

.text-holder p {
	color: #919191;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 22px;
	margin: 0 0 15px;
}

.text-holder a {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	padding: 9px 16px;
	background: #54babb;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.text-holder a:hover {
	opacity: 0.7;
}


/*--------- Home 10---------*/

.inner-tempcore-line {
	padding: 40px;
	background: #54babb;
}

.inner-tempcore-line p {
	margin-right: 160px;
	color: #fff;
	font-size: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 26px;
}

.inner-tempcore-line p.small-text {
	font-size: 16px;
}

.inner-tempcore-line p span {
	font-weight: 600;
}

.inner-tempcore-line a {
	display: inline-block;
	float: right;
	text-align: center;
	color: #54babb;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	background: #fff;
	width: 145px;
	height: 54px;
	line-height: 54px;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.inner-tempcore-line a:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}


/*-------- Single project------------*/

.project-content {
	margin-bottom: 30px;
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 19px;
}

.project-content img {
	width: 100%;
	margin-bottom: 15px;
}

.project-content h1 {
	color: #787878;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-transform: capitalize;
	margin: 0 0 15px;
}

.project-content p {
	color: #787878;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	text-transform: capitalize;
	line-height: 22px;
	margin: 0 0 15px;
}

.other-works .project-post {
	margin-bottom: 30px;
}

.other-works {
	margin-bottom: 30px;
}


/*------ Footer--------------------*/

.text-widget img {
	margin-bottom: 15px;
}

.text-widget p {
	color: #cdd2d8;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 22px;
	margin: 0;
}

.footer-widgets h4 {
	font-size: 16px;
	color: #fff;
	padding: 9px 14px;
	border: 1px solid #2c2e32;
	text-transform: uppercase;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	margin-bottom: 18px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

.footer-widgets:hover h4 {
	color: #fff;
	border: 1px solid #54babb;
	background: #54babb;
}

.posts-widget-list li {
	border-bottom: 1px solid #383c40;
	margin-bottom: 7px;
}

.posts-widget-list li p {
	color: #cdd2d8;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 18px;
	margin-bottom: 7px;
}

.posts-widget-list li p a {
	color: #cdd2d8;
}

ul.tag-widget-list li {
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 10px;
}

ul.tag-widget-list li a {
	display: inline-block;
	color: #89919B;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	padding: 5px 8px;
	text-decoration: none;
	border: 1px solid #54babb;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.tag-widget-list li a:hover {
	color: #fff;
	background: #54babb;
}

ul.flickr-list {
	overflow: hidden;
}

ul.flickr-list li {
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
}

ul.flickr-list li:nth-child(4n) {
	margin-right: 0px;
}

ul.flickr-list li a {
	display: inline-block;
	padding: 5px;
	background: #353a3e;
	border: 1px solid #494f54;
	max-width: 60px;
	overflow: hidden;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a img {
	width: 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	opacity: 0.8;
}

.footer-line {
	background: #e7e7e7;
	overflow: hidden;
	padding: 25px 0;
}

.footer-line p {
	float: left;
	color: #000;
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	line-height: 32px;
}

ul.footer-social-icons {
	float: left;
}

ul.footer-social-icons li {
	display: inline-block;
	margin-left: 2px;
}

ul.footer-social-icons li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #919191;
	text-align: center;
	border: 1px solid #000;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.footer-social-icons li a i {
	font-size: 15px;
	line-height: 30px;
	color: #000;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}

ul.footer-social-icons li a.facebook:hover {
	background: #3b5998;
}

ul.footer-social-icons li a.twitter:hover {
	background: #00a0d1;
}

ul.footer-social-icons li a.google:hover {
	background: #c53c2c;
}

ul.footer-social-icons li a.linkedin:hover {
	background: #31a3d6;
}

ul.footer-social-icons li a.pinterest:hover {
	background: #ac0f18;
}

ul.footer-social-icons li a:hover i {
	color: #ffffff;
}


/*-------------nouislider style (used in priccing range)-------*/

.noUi-target * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-ms-touch-action: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: default;
}

.noUi-base {
	width: 100%;
	height: 6px;
	position: relative;
	max-width: 100%;
	max-height: 100%;
	z-index: 1;
	border: 1px solid #dbdbdb;
	margin-bottom: 15px;
}

.noUi-background {
	background: #f5f5f5;
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	border-radius: inherit;
	background: #54babb;
}

.noUi-origin-upper {
	background: inherit !important;
}

.noUi-z-index {
	z-index: 10;
}

.noUi-vertical {
	width: 40px;
	height: 100%;
}

.noUi-vertical .noUi-origin {
	bottom: 0;
	left: 0;
}

.noUi-vertical .noUi-handle {
	margin: -23px 0 0 -3px;
}

.noUi-target[disabled] .noUi-base {
	background: #999;
}

.noUi-target[disabled] .noUi-connect {
	background: #BBB;
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}


/*style by Remya*/

.python-left {
	margin: 0 0 5% 0;
}

.python-left h3 {
	text-align: left;
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 25px;
}

.python-left img {
	float: left;
}

.python-left p {
	float: left;
	font-size: 13px;
	display: block;
	color: #000;
	font-weight: normal;
	text-align: justify;
	width: 85%;
	margin-top: 0;
	margin-left: 4%;
}

.u-get {
	width: 100%;
	float: left;
	margin-left: 15%;
	margin-top: 2%;
	padding: 0;
}

.u-get li {
	text-align: left;
	margin: 3px;
	font-size: 13px;
}

.fa-chevron-circle-right {
	margin-right: 10px !important;
	color: #E60909;
	font-size: 12px;
}

.python-staffing {
	width: 100%;
	margin-left: 15%;
	margin-top: 2%;
	padding: 0;
}

.python-staffing li {
	float: left;
	text-align: left;
	margin: 2% 0;
	font-size: 13px;
	list-style-type: upper-alpha;
}

.python-staffing h5 {
	font-weight: bold;
}

.python-staffing p {
	margin: 2% 0 0 0;
	float: left;
	font-size: 13px;
	display: block;
	color: #000;
	text-align: justify;
	width: 89%;
}

.python-contact {
	padding: 0;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

.hire-now-title {
	padding: 17px 0;
	background: #1a1a1a;
}

.hire-now-title h4 {
	color: #fff;
	font-size: 18px;
	text-align: center;
	font-weight: 600;
}

.python-contact p {
	margin: 10px 20px;
	float: left;
	font-weight: normal;
	font-size: 12px;
	display: block;
	color: #000;
	text-align: center;
}

.python-contact-area {
	width: 100%;
	height: 55px;
	float: left;
	margin-top: 25px;
	background: #db0b0b;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
}

.python-contact a {
	margin: 5% 5%;
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #920101;
	text-align: center;
	line-height: 1.3em;
	text-decoration: none;
}

.python-contact a:hover {
	color: Red;
	text-decoration: none !important;
}

.python-contact-area:hover {
	background: #584D4D;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.python-staffing-banner {
	padding: 3% 0;
	background: #f5f5f5;
}

.python-staffing-title {
	background: #B22126;
}

.python-staffing-title .container h4 {
	font-size: 24px;
	margin: 0 10%;
	font-weight: bold;
	line-height: 1.5em;
	color: white;
	font-weight: normal;
}

.python-staffing-title .container h2 {
	margin: 4% 0 0 0;
	display: block;
}

.python-staffing-banner .container p {
	margin: 1% 10%;
	display: block;
	font-weight: normal;
	line-height: 1.8em;
}

.inner {
	width: 65%;
	padding: 5% 0;
	margin: 0 auto;
}

h2.h2-alt {
	margin: 0 0 5% 0;
	color: #000;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
}

.easy-steps {
	height: 194px;
	margin: 0 auto;
	margin-bottom: 22px;
}

.easy-steps img {
	margin: 0 auto;
	margin-bottom: 22px;
	text-align: center;
	display: block;
}

.easy-steps-content {
	border: none;
	background: none;
}

.easy-steps-content .col {
	width: 33.33%;
	border: none;
	text-align: center;
}

.three-cols .col {
	float: left;
}

.three-cols .col p {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 1.5em;
}

.inner-alt {
	width: 780px;
	margin: 0 auto;
}

.contact-form {
	background: #f5f5f5;
	border-radius: 5px;
	padding: 30px;
}

.form .row {
	position: relative;
	margin-bottom: 10px;
}

.contact-form label {
	color: #000;
	font-weight: normal;
}

.contact-form .form input[type=email],
.contact-form .form input[type=text],
.contact-form .form textarea {
	background: #fff;
	border: 1px solid #dfdfdf;
	color: #888;
}

.contact-form .row>span {
	position: absolute;
	top: 19px;
	left: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	width: 100%;
	border-radius: 5px 5px 0 0;
	background: #f46767;
	color: #fff!important;
	font: 11px/15px Arial;
}

.python-send {
	width: 20%;
	text-align: center;
	color: #fff;
	margin-right: 15px;
	margin-top: 3px;
	float: right;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	padding: 19px;
	background: #EA5050;
	text-transform: uppercase;
	border: none;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.contact-info-email {
	text-align: right;
	text-decoration: none;
}

.contact-info-email a {
	color: #969696;
}


/*contact.aspxmedia="screen"
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}*/

.input-lg {
	font-size: 13px !important;
}

.contact-form-required em,
.contact-form label span {
	color: #f46767;
}

.hover-item-style.fromLeft>h3 {
	display: none;
	color: #b22126;
	font-size: 16px !important;
	font-weight: bold;
	margin: 0 2%;
	text-align: left;
	text-decoration: underline;
}

.circular-menu {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	position: relative;
	left: -37px;
}

.circular-container {
	padding: 2%;
}

.circle-nav {
	width: 250px;
	height: 250px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.circle-nav li {
	text-decoration: none;
	color: #333;
	display: block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	margin-left: 8px;
	margin-top: -20px;
	position: absolute;
	text-align: center;
}

.menu-button {
	position: absolute;
	top: 50%;
	left: 50%;
	text-decoration: none;
	text-align: center;
	color: #444;
	border-radius: 50%;
	display: block;
	height: 80px;
	width: 80px;
	line-height: 80px !important;
	background: none repeat scroll 0% 0% #f9f9f9;
	z-index: 9;
	font-size: 40px !important;
	border: 1px solid #ccc;
	color: #000;
}

.menu-button img {
	margin: 15px;
	display: block;
}

.circular-srvc {
	position: absolute;
	width: 354px;
	text-align: center;
	font-size: 14px;
}

.srvc-container .srvc-1st {
	top: -120px;
	left: -6px;
}

.srvc-container .srvc-2nd {
	left: 315px;
	top: 35px;
}

.srvc-container .srvc-3rd {
	left: 300px;
	top: 180px;
}

.srvc-container .srvc-4th {
	bottom: -135px;
	left: -6px;
}

.srvc-container .srvc-5th {
	left: -370px;
	top: 180px;
}

.srvc-container .srvc-6th {
	left: -365px;
	top: 35px;
}

.circular-service-container {
	min-height: 450px;
	padding: 110px;
}

.srvc-text {
	color: #666;
	font-size: 13px;
}

.srvc-title a {
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
	color: #B22126;
	text-decoration: none;
}

.circle-nav {
	z-index: 1;
}

.q-st {
	left: 50%;
	top: -5%;
}

.w-nd {
	left: 97.6314%;
	top: 22.5%;
}

.e-rd {
	left: 97.6314%;
	top: 77.5%;
}

.r-th {
	left: 50%;
	top: 105%;
}

.t-th {
	left: 2.3686%;
	top: 77.5%;
}

.y-th {
	left: 2.3686%;
	top: 22.5%;
}

.circular-service-container .circle-nav i {
	position: relative;
	border: 1px solid #CCC;
	border-radius: 50%;
	padding-top: 18px;
	font-size: 22px;
	width: 60px;
	height: 60px;
	z-index: 9999 !important;
	background: #f9f9f9;
	color: #000;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.circular-service-container .circle-nav i:hover {
	transform: scale(1.2);
	cursor: pointer;
	color: #DB0B0B;
}

.line-1 {
	width: 1px;
	border-left: 1px solid #CCC;
	height: 215px;
	position: absolute;
	top: 28px;
	left: 163px;
	z-index: 1;
}

.line-2 {
	width: 1px;
	border-left: 1px solid #CCC;
	height: 216px;
	position: absolute;
	top: 24px;
	left: 160px;
	transform: rotate(60deg);
	z-index: 1;
}

.line-3 {
	width: 1px;
	border-left: 1px solid #CCC;
	height: 215px;
	position: absolute;
	top: 30px;
	left: 160px;
	transform: rotate(120deg);
	z-index: 1;
}

.title-1 {
	text-align: center;
	margin: 3% 0 5%;
}

.title-1 .brucket-title {
	color: #000;
	font-size: 21px;
}

.hover-box {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	visibility: hidden;
	opacity: .7;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-webkit-transform: rotateY(-90deg) scale(0.8);
	-moz-transform: rotateY(-90deg) scale(0.8);
	-ms-transform: rotateY(-90deg) scale(0.8);
	-o-transform: rotateY(-90deg) scale(0.8);
	transform: rotateY(-90deg) scale(0.8);
}

.hover-item-style {
	position: absolute;
	background: rgba(0, 0, 0, .85);
	padding: 15px;
	height: auto;
	width: 400px;
	left: -2000px;
	transition: all .9s ease;
	-moz-transition: all .9s ease;
	-webkit-transition: all .9s ease;
	-ms-transition: all .9s ease;
	-o-transition: all .9s ease;
	z-index: 999999;
}

.hover-item-style p {
	margin: 2%;
	color: #B5B5B5;
	font-size: 13px !important;
	text-align: left;
	font-weight: normal;
}

.get-exp-option1 {
	top: 25px;
}

.get-exp-option1.fromLeft {
	left: 280px;
}

.get-exp-option2 {
	top: 25px;
}

.get-exp-option2.fromLeft {
	left: 80px;
}

.get-exp-option3 {
	top: 25px;
}

.get-exp-option3.fromLeft {
	left: 80px;
}

.get-exp-option4 {
	top: -198px;
}

.get-exp-option4.fromLeft {
	left: 229px;
}

.get-exp-option5 {
	top: 25px;
}

.get-exp-option5.fromLeft {
	left: -136px;
}

.get-exp-option6 {
	top: 25px;
}

.get-exp-option6.fromLeft {
	left: -136px;
}

.close-pop {
	margin-top: 10px;
	color: #ff0000;
	font-weight: bold;
}

.close-pop:hover {
	color: #fff;
}

.close {
	text-shadow: none !important;
	opacity: 1 !important;
}

.go-back {
	color: #ccc;
	font-size: 11px;
	margin: 20px 0 50px 10px;
	display: block;
	text-decoration: none;
}

.go-back:hover {
	text-decoration: none;
}

.go-back i {
	margin-right: 5px;
}

.python-staffing-mainhead {
	padding: 4.5% 0 !important;
	background: #00aac3;
}

.python-staffing-mainhead h1 {
	margin: 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 35px !important;
	font-weight: bold;
	text-align: center;
	text-transform: none;
	color: #FFF;
}

.python-staffing-mainhead .container img {
	margin: 0 auto;
	text-align: center;
	display: block;
}


/* DotNet Page */

.icon-dotnet {
	background: #350708;
}

.icon-dotnet1 ul {
	padding: 0px;
	margin: 0px;
}

.icon-dotnet1 li {
	float: left;
	width: 14%;
	padding: 2% 2%;
}

.tab-padding {
	padding: 8px 65px 13px 17px ! important;
}

.accord-content-style1 p {
	font-size: 14px !important;
	color: #3a3a3a !important;
	text-align: justify !important;
}

.marg-bot {
	margin-bottom: 7px !important;
}

.right-border {
	border-right: 1px solid #dfdfdf !important;
}

.color-blue h5 {
	color: #004B90 !important;
}

.Tab-cont p {
	font-size: 14px !important;
	color: #3a3a3a !important;
	text-align: justify !important;
}

.Tab-box {
	padding: 9px !important;
	margin-right: 5px !important;
}

.Tab-box-cont {
	margin-top: 5%;
}

.tab-content-style {
	background-color: #fff;
	border-bottom: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
}

.tab-bg {
	background-color: rgb(139, 29, 33) !important;
}

.tab-bg-color {
	background: #AD1318 !important;
}

.nav.nav-tabs li.active a {
	background: #AD1318 !important;
}

.color-brown h5 {
	color: #A10207 !important;
}

.s {
	padding: 35px 0 !important;
}

.qustion-section {
	color: #171717;
	font-size: 28px;
	font-family: ro
}

.round-border {
	border: 1px solid #eee;
	border: 1px solid rgba(0, 0, 0, 0.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 5px;
}

.bg-color {
	background: #fbfbfb;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E7E7E7;
}

.title-qustn h2 {
	color: #171717;
	font-size: 24px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	padding-top: 34px;
}

.title-qustn p {
	color: #CB2930;
	font-size: 16px;
}

.slidingDiv {
	height: 80px;
	overflow: hidden;
}

#contentWapper {
	border: 1px solid #f2f2f2 !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	padding: 2% !important;
	margin: 3% auto !important;
	overflow: hidden !important;
}

.readMore,
.readMore:hover,
.readMore:focus {
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
	background-color: #7aa43a !important;
	color: #fff;
	border: 1px solid #55702d;
	text-shadow: 0 -1px 0 #7da244;
	-moz-box-shadow: inset -1px 1px 0px #9ec760;
	-webkit-box-shadow: inset -1px 1px 0px #9ec760;
	box-shadow: inset -1px 1px 0px #9ec760;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: .5% 1% .3% 1%;
	float: right;
	overflow: hidden;
	text-decoration: none;
}

.our-partners {
	width: 100%;
	padding: 3% 0;
	background: #dfdfdf;
}

.partners-title h2 {
	margin: 0 auto !important;
	padding: 1% 0;
	font-family: 'Lato', sans-serif !important;
	font-size: 33px!important;
	font-weight: normal;
	color: #000;
	text-align: center;
	text-transform: capitalize;
}

.partners-title p {
	margin: 0 0 3% !important;
	display: block;
	font-family: 'Lato', sans-serif !important;
	font-size: 25px !important;
	color: #727272;
	font-weight: normal;
	text-align: center;
	line-height: 30px !important;
}

.partners-logo {
	margin: 0 auto !important;
}

.partners-logo .col-md-3 {
	margin: 1% 2%;
	width: 21%;
	height: 115px;
	border: 1px solid #FFF3F3;
	background: #D2D2D2;
}

.contact-email a:hover {
	text-decoration: none;
	color: #333333 !important;
}

.partners-logo .col-md-3 img {
	margin: 13% auto;
	max-width: 85%;
}

.footer-bg {
	background: #2D2D2D;
	width: 100%;
}

.up-footer {
	padding: 2% 0 0px 0;
}

.up-footer hr {
	border: 1px solid #636363;
	display: block;
	width: 70%;
	margin: 2% 0 5% 0;
}

.up-footer h4 {
	margin: 2% 0 2% 0;
	display: block;
	color: #D5D5D5;
	font-family: 'Roboto', sans-serif;
	font-size: 15px !important;
	font-weight: bold;
	text-transform: uppercase;
}

.up-footer h5 {
	margin: 0;
	display: block;
	color: #C6C5C5;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.up-footer h3 {
	margin: 0;
	display: block;
	color: #919191;
	font-family: 'Lato Condensed', sans-serif;
	font-size: 22px;
	font-weight: 800;
	text-transform: uppercase;
}

.up-footer p {
	display: block;
	color: #8b8a8a;
	font-size: 13px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal;
	text-align: left;
	padding: 0 12% 0 0;
}

.footer-about,
.quick-links,
.footer-social,
.stay-touch {
	margin: 0;
}

.footer-about img {
	margin: 0% 0 3% 0;
}

.quick-links ul {
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
}

.quick-links ul li {
	width: 50%;
	float: left;
	padding: 2px 0;
	margin: 0;
	list-style: none;
}

.quick-links ul li>a {
	margin: 0;
	display: block;
	font-family: 'Roboto', sans-serif;
	color: #8b8a8a;
	font-size: 12px;
	transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
}

.quick-links ul li>a:hover {
	color: #fff;
	text-decoration: none;
}

.kinfra-tecno {
	display: block;
	color: #ADAAAA !important;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-align: left;
	float: left;
}

.commentscount-shortcut {
	margin: 33px 0 0 0;
}

.sharethis-layout {
	background: #F3F3F3;
	padding: 5px 0;
	margin: 0 16px;
	width: 100%;
}

.Share-this h4 {
	margin: 10px -20px 0 0 !important;
}

.newrf {
	margin: 0;
}

.newrt {
	margin: 5px 0 0 0;
}

.newri {
	margin: 9px 0 0 0;
}

.newrg {
	margin: 6px 0 0 0;
}

.for-mob {
	margin: 39px 0 0;
}

.footer-social p span {
	color: #9f2e41;
}

.footer-social p a {
	color: #8b8a8a;
}

.stay-touch p {
	margin: 4% 0 !important;
	float: left;
	color: #D5D5D5 !important;
}

.stay-touch p i {
	color: #8b8a8a;
	font-size: 12px;
}

.footer-social ul {
	margin: 0;
	padding: 0;
}

.footer-social ul li {
	float: left;
	margin: 2% 1%;
}

.footer-down {
	padding: 0 0 1% 0;
}

.footer-down p {
	color: #919191;
	font-size: 10px !important;
	font-weight: normal;
}

.powerd {
	text-align: right;
}

.footer-btm {
	width: 100%;
	float: left;
	background: #000;
}

.footer-btm p {
	margin: 10px 0;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	text-align: center;
	color: #727272;
	font-weight: normal;
}

.footer-bg .row {
	padding: 2% 0 2% 0;
}

.footer-menu ul {
	padding: 0;
	margin: 0;
}

.footer-menu ul li {
	float: left;
	padding: 2px 0;
	margin: 0% 1%;
	list-style: none;
}

.footer-menu ul li>a {
	margin: 0;
	display: block;
	text-align: center !important;
	font-family: 'Roboto', sans-serif;
	color: #8b8a8a;
	font-size: 12px;
	transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
}

.footer-menu ul li>a:hover {
	color: #9f2e41;
	text-decoration: none;
}

.cybro-copyright {
	margin: 0;
	padding: 10% 0;
	display: block;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	color: #8b8a8a !important;
	font-size: 12px;
	font-weight: normal;
}

.social-media-new h4 {
	margin: 0;
	display: block;
	text-align: center;
	font-family: 'Lato', sans-serif;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 400;
	text-transform: uppercase !important;
}

.social-media-new ul {
	padding: 0;
	margin: 2% 25%;
}

.social-media-new ul li {
	float: left;
	padding: 2px 0;
	margin: 1% 3%;
	list-style: none;
}

.social-media-new li>a {
	margin: 0;
	display: block;
}

.contact-detail {
	margin: 0;
	padding: 10% 0;
	display: block;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	color: #D51B21;
	font-size: 12px;
	font-weight: normal;
}

.iso-company {
	font-size: 15px;
	font-family: open sans;
	font-weight: 500;
	color: #9498a1;
	position: absolute;
	right: 9%;
	top: 37%;
}

.iso-company span {
	color: #e75c11;
}

table {
	width: 100% !important;
}

table.ajax__htmleditor_editor_container {
	/*width: 781px !important;*/
}

.table-backgrond {
	width: 100%;
	height: auto;
	background: #F7F7F7;
	box-shadow: 0px 0px 10px 0px #D0D0D0;
	margin: 1% 0;
}

.blogger-main {
	border: 0;
}

.form-styles {
	position: static;
	height: 150px;
}

.table-for {
	width: 95%;
}

.admin-lgo {
	width: 293px;
	height: 64px;
	margin: 15px 0 0 15px;
}

.blogger-main {
	border: 0;
	margin: 0 auto;
}

.blog-2nd {
	width: 100%;
	margin: 1% 0;
}

.blog-2nd tr {
	width: 100%;
	margin: 1% 0;
}

.post-styles {
	position: static;
	height: 29px;
	width: 100%;
}

#txtPostedDate {
	position: static;
	height: 29px;
	width: 100%;
}

#txtPublishedBy {
	position: static;
	height: 29px;
	width: 100%;
}

#txtImageName {
	width: 100%;
}

#updatePanel1 {
	width: 100%;
	height: 500px;
}

#RequiredFieldValidator1 {
	position: absolute !important;
}

#txtUrl2 {
	height: 22px !important;
}

#txtUrl1 {
	height: 22px !important;
}

#txtPostTitle {
	border: solid 1px #A9A9A9;
}

.html-editor {
	background: #8CC0EC;
	border: 1px solid #A9A9A9;
	height: 480px !important;
}

#fupDoc2 {
	display: none;
}

#txtUrl2 {
	display: none;
}

#btnAttacheMentHidden2 {
	display: none;
}

#txtMetaTitle {
	width: 100%;
}

#txtMetaDescription {
	position: static;
	width: 100%;
	height: 95px;
}

#txtMetaKeywords {
	position: static;
	width: 100%;
	height: 95px;
}

.admin-top-menu {
	padding-top: 30px;
}

#btnBack {
	background: #00A0FF;
	padding: 5px 21px;
	border: 1px solid #000;
	color: #ffffff;
	border-radius: 5%;
}


/*style by shajeer ahamed*/

.img-banner {
	width: 100%;
	height: auto;
}

.slidingDiv {
	height: 80px;
	overflow: hidden;
}

#contentWapper {
	border: 1px solid #f2f2f2 !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	padding: 2% !important;
	margin: 3% auto !important;
	overflow: hidden !important;
}

.readMore,
.readMore:hover,
.readMore:focus {
	font-family: 'Droid Sans', sans-serif;
	font-size: 12px;
	background-color: #7aa43a !important;
	color: #fff;
	border: 1px solid #55702d;
	text-shadow: 0 -1px 0 #7da244;
	-moz-box-shadow: inset -1px 1px 0px #9ec760;
	-webkit-box-shadow: inset -1px 1px 0px #9ec760;
	box-shadow: inset -1px 1px 0px #9ec760;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: .5% 1% .3% 1%;
	float: right;
	overflow: hidden;
	text-decoration: none;
}

.grid {
	width: 100%;
	border: 1px solid #dbdee0;
}

.topDiv {
	width: 100%;
	width: 100%;
	width: 100%;
	height: auto;
	margin: 10px 10px;
}

.innercontainer {
	background-color: #FFFFFF;
	margin: 20px 20px 0 20px;
	padding-bottom: 10px;
	border: 1px solid #c2c2c2;
	overflow-y: auto;
}

.wrapper {
	width: 100%;
	height: 100vh;
	background: #282d31;
}


/*Employee staffing*/

.title-section.home-section h1 {
	font-size: 33px;
	text-transform: inherit !important;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

.title-section.home-section h3 {
	font-size: 25px !important;
	color: #b5b5b5;
}

.title-section.home-section p {
	text-align: center;
	margin: 0 auto;
	display: block;
	padding: 2% 17% !important;
	font-size: 14px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	color: #6a6a6a;
	line-height: 22px !important;
}

.procedure-section {
	margin: 0 auto;
}

.procedure-section h1 {
	text-align: center;
	padding: 1% 0;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	text-transform: capitalize !important;
	line-height: 36px;
	font-weight: 400;
}

.procedure-section img {
	margin: 0 auto;
}

.benefit-section h1 {
	font-size: 33px;
	text-align: center;
	padding: 0 0 3% 0;
	text-transform: capitalize;
	font-weight: 400;
	color: White;
}

.benefit-section {
	width: 100%;
	height: auto;
	background: #484848;
	margin: 3% 0;
	padding: 4% 0;
}

.benefit-left {
	float: left;
	margin: 0;
	padding: 0;
}

.benefit-left li {
	width: 50%;
	float: left;
	margin: .7% 0;
}

.benefits-txt {
	width: 80%;
	height: 45px;
	float: left;
	padding: 0 0 0 4%;
	display: table;
}

.benefits-txt h5 {
	font-family: Roboto;
	margin: 0;
	font-size: 16px;
	color: white;
	line-height: 20px;
	display: table-cell;
	vertical-align: middle;
}

.benefit-icon {
	width: 40px;
	height: 40px;
	float: left;
	border-radius: 50%;
}

.benefit-icon-1 {
	background: #3bcc2c;
}

.benefit-icon-2 {
	background: #d22020;
}

.benefit-icon-3 {
	background: #9c7312;
}

.benefit-icon-4 {
	background: #5464c9;
}

.benefit-icon-5 {
	background: #8b841b;
}

.benefit-icon-6 {
	background: #a63f9b;
}

.benefit-icon-7 {
	background: #994646;
}

.benefit-icon-8 {
	background: #e5a61e;
}

.benefit-icon img {
	display: block;
	line-height: 40px;
	margin: 11% auto;
}

.technology-section h1 {
	font-size: 33px;
	text-align: center;
	text-transform: capitalize;
	font-weight: 400;
	color: black;
}

.technology-section h3 {
	font-size: 25px;
	padding: 1% 0 0 0;
	text-align: center;
}

.techno-2 {
	margin: 5em 0 !important;
}

.technology-wrap {
	width: 48% !important;
	padding: 4% 7% !important;
	margin: 0 1%;
	height: auto;
	background: #265578;
}

.technology-logo {
	width: 100%;
	float: left;
}

.fb-edit {
	vertical-align: top;
}

.logo-name {
	width: 50%;
	float: left;
}

.logo-name h1 {
	margin: 22% 0;
	color: white;
	font-size: 40px;
	text-align: left;
	display: block;
}

.logo-symbol {
	width: 30%;
	float: left;
}

.techno-content li .fa-circle {
	margin: 0 7% 0 0;
	font-size: 10px;
}

.yellow {
	background: #7b6631 !important;
}

.techno-content {
	padding: 0;
	margin: 0;
}

.techno-content li {
	color: white;
	font-size: 15px;
	text-align: left;
	display: block;
}

.technology-right {
	width: 49%;
	height: auto;
	background: #666666;
	padding: 4% 0;
	margin: 0 0 0 1%;
	position: relative;
}

.hirenow-section {
	width: 100%;
	height: auto;
	background: #cccccc;
	padding: 2% 0;
}

.hirenow {
	height: auto;
	float: left;
	background: #ffffff;
	margin: 0 auto;
}

.hirenow-content {
	font-weight: 400;
	padding: 2% 4%;
}

.home-section strong {
	font-weight: 400 !important;
}

.hirenow-btn {
	width: 100%;
	float: left;
	height: 120px !important;
	margin: 0;
	background: #d22b2b;
	color: white;
	border: none;
	font-size: 23px;
	font-weight: 600;
	cursor: pointer;
	line-height: 115px;
	text-align: center;
}

.hire-now-try {
	font-size: 17px;
}

.hire-now-wecan {
	font-size: 18px;
	color: #cb1d1d;
}

.staffing-contact {
	padding: 0;
}


/*Odoo*/

.odoo-banner-img {
	background: url("../images/Odoo-banner-2.jpg") no-repeat;
	padding-top: 1000px;
	margin-bottom: 150px;
}


/*.odoo-banner
{
    padding: 1.5% 0;
    background:#875A7B;
}
.odoo-banner h1
{
    font-size: 40px;
    color: #e9cbe1;
    font-family: 'Lato', sans-serif !important;
    font-weight: bold;
    text-transform: capitalize;
}

.odoo-banner h3
{
    font-size: 25px !important;
    color: #f6c0e7;
    padding: 0 0 0 25%;
}
.odoo-enquiry i
{
    content://f061;
}*/

.odoo-enquiry {
	float: left;
	margin: 3% 0;
	padding: 1% 3%;
	font-family: "Lato", Serif;
	font-size: 18px !important;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center !important;
	color: #ffffff;
	font-size: 18px;
	color: #ffffff;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #2ac5b1;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.odoo-enquiry:before {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
}

a.odoo-enquiry:hover {
	text-decoration: none !important;
}

.odoo-enquiry i {
	padding: 0 3%;
}

.odoo-modal-footer {
	border: none !important;
	margin: 0 auto;
	padding: 0 15px 45px !important;
	text-align: center !important;
}

.odoo-modal-body {
	padding: 15px 40px !important;
}

.odoo-modal-body h1 {
	font-family: "Open Sans", sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #000;
	text-transform: capitalize;
}

.odoo-sender-submit {
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	padding: 18px 55px;
	background: #875A7B;
	text-transform: uppercase;
	border: none;
}

.hirenow-sender-submit {
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	padding: 18px 55px;
	background: #EA5050;
	text-transform: uppercase;
	border: none;
}

#sender-message {
	height: 100px !important;
}

.odoo-sender-submit:hover,
.odoo-sender-submit:focus,
.odoo-sender-submit:active {
	background: #933C7B;
}

.hirenow-sender-submit:hover,
.hirenow-sender-submit:focus,
.hirenow-sender-submit:active {
	background: #E34646;
}

.odoo-contents {
	background: #eeeeee;
	padding: 5% 0 5% 0;
}

.odoo-contents img {
	margin: 0 auto;
}

.odoo-contents h3 {
	font-size: 18px !important;
	font-family: 'Open sans', sans-serif !important;
	font-weight: 500;
	color: #21b799;
	text-align: center;
	padding: 3% 0 1% 0;
}

.odoo-contents p {
	padding: 0 10%;
	text-align: center;
	font-family: 'Open sans', sans-serif !important;
	font-size: 14px !important;
	line-height: 22px !important;
	color: #000;
	font-weight: 400;
}

.odoo-spfeatures h1 {
	padding: 3% 0;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	text-transform: capitalize;
	font-weight: 400;
	color: #000;
}

.odoo-spfeatures h3 {
	text-align: right;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #875A7B;
	text-transform: capitalize;
	padding: 2% 0;
	font-weight: 400;
}

.odoo-column {
	width: 31% !important;
	height: 162px;
	float: left;
	margin: 1% 1%;
	overflow: hidden;
	/* cursor: pointer;*/
}

.odoo-column img {
	margin: 34px 0;
	/* cursor: pointer;*/
}

.odoo-column p {
	font-size: 20px;
	font-family: 'Lato', sans-serif !important;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 30px !important;
	color: #ffffff;
	padding: 23% 2%;
}

.odoo-column-1 {
	background: linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/1.jpg") no-repeat;
	background: -webkit-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/1.jpg") no-repeat;
	background: -ms-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/1.jpg") no-repeat;
	background: -o-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/1.jpg") no-repeat;
}

.odoo-column-2 {
	background: linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/2.jpg") no-repeat;
	background: -webkit-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/2.jpg") no-repeat;
	background: -ms-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/2.jpg") no-repeat;
	background: -o-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/2.jpg") no-repeat;
}

.odoo-column-3 {
	background: linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/3.jpg") no-repeat;
	background: -webkit-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/3.jpg") no-repeat;
	background: -ms-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/3.jpg") no-repeat;
	background: -o-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/3.jpg") no-repeat;
}

.odoo-column-4 {
	background: linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/4.jpg") no-repeat;
	background: -webkit-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/4.jpg") no-repeat;
	background: -ms-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/4.jpg") no-repeat;
	background: -o-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/4.jpg") no-repeat;
}

.odoo-column-5 {
	background: linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/5.jpg") no-repeat;
	background: -webkit-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/5.jpg") no-repeat;
	background: -ms-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/5.jpg") no-repeat;
	background: -o-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/5.jpg") no-repeat;
}

.odoo-column-6 {
	background: linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/6.jpg") no-repeat;
	background: -webkit-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/6.jpg") no-repeat;
	background: -ms-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/6.jpg") no-repeat;
	background: -o-linear-gradient(rgba(33, 183, 153, .9), rgba(33, 183, 153, .9)), url("../images/6.jpg") no-repeat;
}

.odoo-column {
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}


/*.odoo-column:hover
{
    opacity:.9;
    background-size: 130%;
}*/

.odoo-contact {
	background: #f1f1f1;
	padding: 1% 0;
}

.odoo-contact .row {
	padding: 1% 17%;
}

.odoo-info {
	border-right: 2px solid #ccc;
}

.odoo-info h3 {
	margin: 0 !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 18px !important;
	font-weight: bold;
	color: #5c5c5c;
	text-align: center;
}

.odoo-mail span {
	float: left;
}

.odoo-mail h3 {
	margin: 0 !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 15px !important;
	font-weight: bold;
	color: #b22126;
	font-size: 18px !important;
}

.odoo-ph h3 {
	color: #0458c1 !important;
}


/*source code sale*/

.marg5 {
	margin: 5% auto !important;
}

.first-view {
	width: 100%;
	height: 100%;
	float: left;
	padding: 6% 0 0 !important;
	background: url(../images/banner.jpg) no-repeat;
	background-size: cover;
}

.main-txt h1 {
	margin: 3% 0 0;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 50px;
	color: #b22126;
	text-align: center;
	text-shadow: 2px 2px #B5B5B5;
	-webkit-text-shadow: 2px 2px #B5B5B5;
	-moz-text-shadow: 2px 2px #B5B5B5;
	-o-text-shadow: 2px 2px #B5B5B5;
	-ms-text-shadow: 2px 2px #B5B5B5;
}

.main-txt h2 {
	margin: 1.5% 0;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 38px;
	color: #000;
	text-align: center;
}

.main-txt h3 {
	margin: 0;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 23px;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}

.steps {
	position: relative;
	margin: 0 1% !important;
	width: 31% !important;
	padding: 3% !important;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	border: 4px solid #fff;
}

.steps.bg-steps-gray>img {
	position: absolute;
	right: -68px;
	top: -71px;
	z-index: 1;
}

.steps.bg-steps-green>img {
	position: absolute;
	right: -68px;
	top: -71px;
	z-index: 1;
}

.steps h3 {
	margin: 0;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 23px;
	color: #fff;
	text-transform: uppercase;
	text-align: left;
}

.steps h4 {
	margin: 2% 0 5% 0;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #f7e300;
	font-style: italic;
	text-align: left;
}

.steps ul {
	padding: 0;
	margin: 0;
}

.steps ul li {
	color: rgba(0, 0, 0, .3);
	margin: 0 4%;
	text-align: left;
	list-style-type: inherit !important;
	list-style-position: inherit !important;
	list-style-image: inherit !important;
}

.steps ul li p {
	list-style: none;
	margin: 0;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #fff !important;
	text-align: left;
}

.bg-steps-gray {
	background: #435e6b !important;
}

.bg-steps-green {
	background: #548133 !important;
}

.bg-steps-blue {
	background: #4ea394 !important;
}

.popup-btn {
	width: 35%;
	padding: 1.5% 0;
	margin: 0 auto !important;
	display: block !important;
	cursor: pointer;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	background: #2140b2;
	box-shadow: 4px 4px 0 #353737;
	-moz-box-shadow: 4px 4px 0 #353737;
	-webkit-box-shadow: 4px 4px 0 #353737;
	-ms-box-shadow: 4px 4px 0 #353737;
	-o-box-shadow: 4px 4px 0 #353737;
}

.popup-btn a {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #e2e8ff;
	display: block;
	text-decoration: none;
}

.popup-btn a:hover {
	color: #e2e8ff;
	text-decoration: none;
}

.modal-pagehead {
	border: none !important;
}

.modal-footer {
	border: none !important;
	margin: 0 auto;
	padding: 0 15px 45px !important;
	text-align: center !important;
}

.modal-body {
	padding: 15px 40px !important;
}

.modal-body h1 {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.sender-details {
	margin: 4% 0;
	height: 40px !important;
	text-align: left !important;
	color: #000 !important;
}

.sender-submit {
	font-family: "Open Sans", sans-serif;
	font-size: 18px !important;
	font-weight: bold !important;
	padding: 10px 45px !important;
}

.slogan p {
	margin: 2% 4% 0 4% !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #000;
	display: block;
}

.slogan p span {
	font-size: 19px;
	font-weight: bold;
}

.gif-arrow {
	margin: 0 auto;
	text-align: center;
	display: block;
}

.gif-arrow img {
	width: 82px;
	height: 82px;
}

.thanks-message {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #D20000;
	display: block;
	text-shadow: 2px 2px #B5B5B5;
	-webkit-text-shadow: 1px 1px #B5B5B5;
	-moz-text-shadow: 1px 1px #B5B5B5;
	-o-text-shadow: 1px 1px #B5B5B5;
	-ms-text-shadow: 1px 1px #B5B5B5;
}

.partners-logo {
	width: 100%;
	float: left;
}

.partners {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: block;
}

.partners li {
	list-style: none;
	float: left;
	margin: 0 .5%;
}

.partners li a img {
	width: 80%;
}

.quick-contact {
	width: 100%;
	float: left;
	padding: .35% 0 !important;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
}

.quick-contact span {
	width: 100%;
	float: left;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
}

.fourth-view {
	height: 100%;
	width: 100%;
	padding: 6% 0;
	float: left;
	background: #0e8f8a;
}

.fourth-view h2 {
	margin: 1% 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

.fourth-view h4 {
	margin: 0;
	line-height: 1.7em;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

.item {
	background: none !important;
	text-align: center;
}

.carousel-indicators {
	bottom: 10px;
}

.carousel-inner {
	margin: 7% 0 0;
}

.bs-example {
	margin: 60px 20px 20px;
}

.carousel-control.left {
	background: none !important;
}

.carousel-control.right {
	background: none !important;
}

.thumbnail {
	border: none !important;
	background: none !important;
	border: none !important;
}

.img-circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 5px solid #fff !important;
}

.full-rounded {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.arrow-up {
	width: 0;
	height: 0;
	border-bottom: 35px solid rgba(167, 167, 167, 0.2);
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	left: 45%;
	position: absolute;
	bottom: 101%;
}

.carousel-indicators {
	bottom: -30px !important;
}

.desc h3 {
	margin: 0;
	font-size: 18px;
	color: #fff;
}

.desc h4 {
	margin: 0 0 5%;
	font-size: 15px;
	color: #fff;
}

.carousel-inner .item blockquote {
	background: rgba(167, 167, 167, 0.2) url(../images/blockquote.png) no-repeat scroll 22px 35px;
	border: medium none;
	border-radius: 5px;
	clear: both;
	color: #fff;
	font-size: 18px;
	font-style: italic;
	line-height: 25px;
	padding: 30px 30px 30px 90px;
	position: relative;
}

.choose-source-code h1 {
	padding: 4% 0 0 0;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	text-transform: capitalize;
	line-height: 36px;
	font-weight: 400;
	text-align: center;
}

.choose-source-code p {
	margin: 4% 11% !important;
	display: block;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px !important;
	text-align: center;
	color: #6a6a6a;
}

.sourcecode-prdcts .item {
	margin: 2% 0 5%;
}

.content-slider {
	height: 300px !important;
}

.content-slider li {
	height: 300px;
	text-align: center;
	color: #FFF;
	padding: 0.7%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	background: #f1f1f1 !important;
	position: relative;
	overflow: hidden;
}

.effect .mask {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	overflow: visible;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(17, 17, 17, 0)), color-stop(90%, rgba(0, 0, 0, 0.7)));
	background: -o-gradient(linear, left top, left bottom, color-stop(10%, rgba(17, 17, 17, 0)), color-stop(90%, rgba(0, 0, 0, 0.7)));
	background: -ms-gradient(linear, left top, left bottom, color-stop(10%, rgba(17, 17, 17, 0)), color-stop(90%, rgba(0, 0, 0, 0.7)));
	background: gradient(linear, left top, left bottom, color-stop(10%, rgba(17, 17, 17, 0)), color-stop(90%, rgba(0, 0, 0, 0.7)));
	/* background: #605e9d; */
	width: 100%;
	height: 150px;
	transform: translateY(107px);
	transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}

.effect a.info {
	opacity: 0;
	transform: translateY(-125px);
	transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
}

.effect:hover .mask {
	opacity: 1;
	transform: translateY(0px);
}

.effect:hover a.info {
	opacity: 1;
	transform: translateY(100px);
}

.mask a {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	top: 45%;
	font-family: 'lato', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	text-shadow: 1px 1px 2px #000;
}

.content-slider li h3 {
	margin: 0 0 6% 0 !important;
	display: block;
	font-family: 'Lato', sans-serif !important;
	font-size: 15px !important;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

.cybro-accounts h3 {
	color: #0084b2;
}

.sep-line {
	margin: 0;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #fff;
}

.content-slider li p {
	margin: 7% 0 !important;
	display: block;
	color: #5c5c5c;
	font-weight: normal;
	text-align: justify;
	line-height: 1.6em !important;
	font-size: 14px;
}

.content-slider li img {
	position: absolute;
	bottom: 13%;
	right: 6%;
}

.content-slider li:hover {
	background: red;
}

.cybro-HRMS h3 {
	color: #da4e73;
}

.cybro-CRM h3 {
	color: #d83133;
}

.account-suit h3 {
	color: #708e3b;
}

.a2z-school h3 {
	color: #3b67b1;
}

.a2z-campus h3 {
	color: #bf0c11;
}

.pharmiz h3 {
	color: #3b57a6;
}

.mobileshop h3 {
	color: #c13535;
}

.school-library h3 {
	color: #ff4e00;
}

.mini-account-suit h3 {
	color: #b12c29;
}

.src-product h3 {
	padding: 7% 9%;
	text-align: left;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	border-bottom: solid 1px #BFBFBF;
}

.src-product p {
	padding: 5% 9%;
	text-align: justify;
	font-family: open sans;
	font-size: 13px;
	color: #5c5c5c;
	line-height: 20px;
}


/*home page-aneesh*/

.about-section {
	padding: 4% 0;
	text-align: center;
	color: White;
	background: #cecece;
}

.about-section h1 {
	margin: 0;
	display: block;
	font-size: 33px;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #252525;
}

.about-section hr {
	border: solid 1px #000;
}

.about-section h3 {
	margin: 0;
	display: block;
	padding: 2% 0;
	font-size: 25px;
	text-transform: None;
	color: #3e3e3e;
}

.about-section h3 {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.about-section h3:after {
	display: inline-block;
	margin: 0 0 5px 20px;
	height: 3px;
	content: " ";
	text-shadow: none;
	background-color: #6b6b6b;
	width: 280px;
}

.about-section h3:before {
	display: inline-block;
	margin: 0 20px 5px 0;
	height: 3px;
	content: " ";
	text-shadow: none;
	background-color: #6b6b6b;
	width: 280px;
}

.about-section p {
	margin: 0;
	display: block;
	padding: 3% 12%;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	font-weight: normal;
	line-height: 24px !important;
	text-transform: None;
	color: #252525;
}

.about-blocks {
	padding: 10% 0 5%;
}

.about-featre {
	margin: 0 1.6%;
	padding: 5% 2%;
	height: 400px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	background: #f2f2f2;
}

.about-featre img {
	margin: -45% auto 0;
}

.about-featre h2 {
	margin: 0;
	display: block;
	padding: 10% 0 0 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 30px;
	text-align: center;
}

.line-down {
	width: 75%;
	border-bottom: 3px solid #d3cccc;
}

.about-featre p {
	margin: 0;
	display: block;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	font-weight: normal;
	text-align: justify;
	line-height: 22px !important;
	color: #424242;
}

.cybro-map {
	border: none;
}

.cd-top {
	display: inline-block;
	height: 40px;
	width: 50px;
	position: fixed;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #484848 url('../images/back_to_top-arrow.png') no-repeat center center;
	visibility: hidden;
	opacity: 0;
	border-radius: 50% !important;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
	z-index: 9999;
}

.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}

.no-touch .cd-top:hover {
	background-color: #000;
	opacity: .5;
}


/*Customized software development*/

.software-develop-head {
	padding: 3% 0 !important;
	background: #05B89A;
	text-align: center;
}

.software-develop-head h1 {
	margin: 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #ffffff;
	text-transform: none;
}

.software-develop-head h4 {
	margin: 0;
	display: block;
	padding: 5px 0;
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #B6FEE5;
	text-transform: none;
}

.software-develop-contentsection {
	padding: 4% 0;
	text-align: center;
}

.software-develop-contentsection h2 {
	margin: 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #000;
	text-transform: none;
}

.software-develop-contentsection h3 {
	margin: 0;
	display: block;
	padding: 1% 13% 2% 13%;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #05B89A;
	text-transform: none;
}

.software-develop-contentsection p {
	margin: 0;
	padding: 0% 8%;
	display: block;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	color: #6a6a6a;
	text-transform: none;
}

.development-speciality {
	padding: 3% 0;
	background: #435e6b;
}

.Enqire-develop h2 {
	margin: 0;
	padding: 5% 0;
	display: block;
	font-family: 'Lato', sans-serif !important;
	font-size: 26px;
	font-weight: normal;
	color: #fcf772;
	text-align: right;
	text-transform: none;
}

.enquiry-for-develop {
	float: right;
	margin: 0 0;
	padding: 4% 10%;
	font-family: "Lato", Serif;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #e2301d;
}

.enquiry-for-develop:hover {
	background: #FF4C37;
}

.icons-develop img {
	margin: 2% -1%;
}

.icons-develop {
	margin: 0 5px;
	width: 48% !important;
	cursor: pointer;
	background: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
}

.develop-lifecycle {
	padding: 4% 0;
	text-align: center;
}

.develop-lifecycle h2 {
	margin: 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #000;
	text-transform: none;
}

.develop-lifecycle h3 {
	margin: 0;
	display: block;
	padding: 1% 20% 3% 20%;
	font-family: 'Lato', sans-serif;
	line-height: 25px;
	font-size: 25px;
	font-weight: normal;
	color: #6e7072;
	text-transform: none;
}

.develop-stages {
	margin: 2% 0 0 0;
}

.develop-process {
	margin: 0 1%;
	padding: 3% 0;
	width: 23% !important;
	height: 430px;
	background: #eeeeee;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
}

.develop-process img {
	margin: 0 auto !important;
	width: 50% !important;
}

.develop-process h2 {
	margin: 0;
	padding: 8% 0 0 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000;
}

.develop-process hr {
	width: 45%;
	margin: 2% auto 5% auto;
	border: solid 1px #D2D2D2;
}

.develop-process p {
	margin: 0;
	padding: 0% 10%;
	display: block;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px !important;
	font-weight: normal;
	line-height: 1.5em;
	color: #000;
	text-transform: none;
	text-align: justify;
}


/* School-library*/

.library-features {
	margin: 3% 0;
	padding: 3% 3%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background: #eeeeee;
}

.library-features h3 {
	margin: 0;
	padding: 0;
	display: block;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	color: #1d9d20;
	font-weight: normal;
}

.library-features span {
	width: 100%;
	float: left;
	text-align: left !important;
	color: #000 !important;
	margin: 0 !important;
	display: block;
}

.library-features span i {
	width: 5%;
	padding: 2% 0;
	margin: 2% 0;
	text-align: left;
	font-size: 5px;
	color: #000;
	float: left;
}

.library-features i {
	font-size: 10px;
}

.library-features ul {
	padding: 0 0 0;
	margin: 0;
	float: left;
}

.library-features li {
	margin: 1% 15px;
	padding: 0;
	width: 100%;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #000;
	text-transform: none;
	list-style: initial;
}

.library-about h2 {
	margin: 0;
	padding: 5% 0 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: 400;
	color: #9d1d21;
	text-transform: none;
}

.library-about p {
	margin: 0;
	padding: 0;
	display: block;
	font-family: "Open Sans", sans-serif !important;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.6em;
	color: #6A6A6A !important;
	text-transform: none;
	text-align: justify;
}

.library-module h2 {
	margin: 0;
	padding: 2% 0 5% 2%;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #000;
}

.school-demo {
	float: left !important;
	margin: 30px 10% 0;
}

.library-module {
	width: 100%;
	float: left;
	padding: 0% 0 4% 0%;
}

.school-moduls {
	margin: 0 1.6%;
	padding: 2%;
	height: 300px;
	background: #a87f7b;
}

.school-moduls h4 {
	margin: 0;
	padding: 0%;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 800;
	line-height: 18px;
	color: #f7dd00;
	text-transform: uppercase;
}

.school-moduls ul {
	padding: 8% 0;
}

.school-moduls li {
	margin: 0;
	padding: 2% 0;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	text-transform: none;
}


/*A2Z School*/

.a2zschool-mainhead {
	padding: 3.5% 0 !important;
	background: #3965b0;
}

.a2zschool-mainhead h1 {
	margin: 0;
	display: block;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 35px;
	line-height: 60px;
	font-weight: bold;
	text-align: left;
	text-transform: none;
	color: #FFF;
}

.a2z-demo {
	display: block;
	float: right;
}

.a2z-logo img {
	margin: 5% 38%;
}

.a2z-content {
	margin: 0;
	padding: 0% 9%;
	display: block;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	color: #6A6A6A;
	text-transform: none;
	text-align: center;
}

.a2z-content span {
	margin: 0;
	padding: 0;
	display: block;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px !important;
	color: #db0f0f;
	text-transform: none;
	text-align: center;
}

.system-section {
	width: 100%;
	height: auto;
	background: #274d8d;
	margin: 6% 0;
	padding: 4% 0;
}

.system-section h1 {
	font-size: 33px;
	text-align: center;
	padding: 0 0 3% 0;
	text-transform: capitalize;
	font-weight: 400;
	color: White;
}

.system-left li span {
	width: 95%;
	float: left;
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	font-weight: normal;
	text-transform: none;
	text-align: left !important;
	line-height: 22px;
	color: #49fff0 !important;
	margin: 0 !important;
	display: block;
}

.system-left li span i {
	width: 5%;
	padding: 1% 0;
	text-align: left;
	font-size: 15px;
	color: #bfc0c0;
	float: left;
}

.system-left li {
	width: 50%;
	float: left;
	margin: 12px 0;
}

.a2z-feature h1 {
	margin: 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	text-transform: none;
	color: #000;
}

.az-featre h3 {
	font-family: lato;
	font-size: 20px !important;
	font-weight: bold;
	color: #002688;
	text-transform: none !important;
}

.az-fetur span {
	width: 95%;
	text-align: left !important;
	color: #000 !important;
	display: block;
	float: left;
	margin: 2% 0;
	font-size: 14px;
}

.az-fetur span p {
	width: 95%;
	float: left;
	text-align: left !important;
	color: #000 !important;
	margin: 0 !important;
	display: block;
}

.az-fetur span i {
	width: 5%;
	padding: 4% 0;
	text-align: left;
	font-size: 5px;
	color: #000;
	float: left;
}

.az-fetur {
	height: 465px !important;
}

.az-fetur li {
	height: 465px !important;
	padding: 0.4% !important;
}

.az-quality {
	width: 100%;
	padding: 3% 0;
	background: #11a92e;
}

.az-quality h3 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: bold;
	font-size: 18px !important;
	text-align: center;
	color: #ffffff;
	margin-bottom: 0px !important;
}


/*---mini account suit--*/

.minisuit-banner {
	padding: 3.5% 0;
	background: #4ea394;
}

.minisuit-banner h3 {
	margin: 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	text-transform: none;
	color: #FFF;
}

.minisuit-about p {
	width: 70%;
	margin: 0;
	padding: 4% 0;
	display: block;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
	color: #6a6a6a !important;
	text-transform: none;
	text-align: left;
	float: left;
}

.minisuit-demo {
	margin: 35px 0;
}

.library-demo {
	margin: 35px 10% 0 0;
}

.minisuit-about span {
	font-size: 16px;
	color: #a90000;
	font-weight: 600;
}

.minisuit-about img {
	margin: 4% auto 0;
}

.minisuit-features h1 {
	margin: 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	color: #ffffff;
}

.mini-account {
	padding: 5% 0;
	background: #4ea394;
}

.minisuit-features {
	padding: 3% 0;
	background: #4EA394;
}

.minisuit-features ul {
	padding: 2% 0;
}

.minisuit-features li h3 {
	margin: 0;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
	color: #fdff7c;
}

.demo-margin {
	float: left;
	margin: 5px 0;
	width: 98% !important;
}

.dwnload-btn {
	width: 50% !important;
	margin: 15px auto;
	display: block;
	font-size: 18px !important;
	color: #ffffff;
	background-color: #ad0303 !important;
	border-radius: 7px;
	padding: 12px 0 !important;
	text-transform: uppercase !important;
}

.dwnload-btn:hover {
	background-color: #1b1b1b !important;
	color: #fff;
}

.dwnloadsp span {
	width: 1% !important;
	color: Red !important;
	float: right !important;
}

.dwnloadsp label {
	width: 100%;
}

.minisuit-features li {
	width: 50%;
	float: left;
	padding: 0 1%;
}

.minisuit-features li p {
	margin: 0;
	padding: 1% 0;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	color: #ffffff;
	text-transform: none;
}


/* floating box style */

.floating-form {
	max-width: 280px;
	padding: 30px 30px 10px 30px;
	font: 13px Arial, Helvetica, sans-serif;
	background: #3C3C3C;
	border: 1px solid #868686;
	right: 10px;
	position: fixed;
	z-index: 10000;
	box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
	-moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
	-webkit-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
}

.contact-opener {
	position: absolute;
	left: -88px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	top: 100px;
	background-color: #216288;
	padding: 9px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
	cursor: pointer;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
	-moz-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
	-webkit-box-shadow: -2px -0px 8px rgba(43, 33, 33, 0.06);
}

#contact_body input {
	margin: 3% 0;
}

.floating-form-heading {
	border-bottom: 2px solid #ddd;
	margin-bottom: 10px;
	font-size: 12px;
	padding-bottom: 3px;
	color: White;
}

.floating-form label {
	display: block;
	margin: 0px 0px 15px 0px;
	color: white;
}

.floating-form label>span {
	padding-top: 8px;
	padding-right: 5px;
}

.floating-form span.required {
	color: red;
}

.floating-form .tel-number-field {
	width: 40px;
	text-align: left;
}

.floating-form .long {
	width: 159px;
}

.floating-form input.input-field {
	width: 95%;
}

.floating-form input.input-field,
.floating-form .tel-number-field,
.floating-form .textarea-field,
.floating-form .select-field {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #3C3C3C;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
}

.floating-form .input-field:focus,
.floating-form .tel-number-field:focus,
.floating-form .textarea-field:focus,
.floating-form .select-field:focus {
	border: 1px solid #0C0;
}

.floating-form .textarea-field {
	height: 100px;
	width: 95%;
}

.floating-form input[type="button"],
.floating-form input[type="submit"],
.contact-opener {
	border: 1px solid #3C3C3C;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	background: #D20000;
	padding: 8px 40px;
	text-decoration: none;
	font: 15px Arial, Helvetica, sans-serif;
}

.contact-opener {
	background-color: #4F4F4F;
}

.floating-form input[type="button"]:hover,
.floating-form input[type="submit"]:hover {
	background: #E81313;
}

.floating-form .success {
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}

.floating-form .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}

#fb-root {
	width: 100px;
}

.share-layout {
	position: fixed;
	width: 101px;
	background: #FFFFFF;
	opacity: 0.9;
	border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-o-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border: 1px solid #CACACA;
	padding: 10px 7px;
	top: 325px;
	left: 0;
	z-index: 99999;
}

.st-facebook-counter {
	height: 22px !important;
}

.stButton .st-twitter-counter {
	height: 22px !important;
}

.stButton .stButton_gradient {
	height: 22px !important;
}

.blog_viewmore {
	width: 240px !important;
	display: block;
	margin: 2% auto;
	padding: 1% 3%;
	font-family: "Lato", Serif;
	font-size: 18px !important;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center !important;
	color: #ffffff;
	font-size: 18px;
	color: #ffffff;
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}

.blog_viewmore:before {
	position: absolute;
	z-index: -1;
	content: '';
	top: 99%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
	/* W3C */
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}

.blog_viewmore:hover,
.blog_viewmore:focus,
.blog_viewmore:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	border: none !important;
	/* move the element up by 5px */
}

.blog_viewmore:hover:before,
.blog_viewmore:focus:before,
.blog_viewmore:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	border: none !important;
	/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

a.blog_viewmore:hover {
	text-decoration: none !important;
}


/* pharmiz */

.pharm-logo img {
	display: block;
	margin: 8% auto 1%;
}

.pharm-content {
	padding: 0;
	display: block;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #5D5D5D;
	text-transform: none;
}

.salient-pharm {
	width: 30%;
	padding: 3% 2%;
	background: #3958AB;
}

.salient-pharm h3 {
	color: #fff !important;
}

.salient-pharm li {
	color: #fff;
	padding: 5px 0;
	list-style: initial;
	list-style-type: square;
	margin: 0 15px;
}

.pharm-module {
	padding: 5% 5% 3%;
	float: left;
	background: #D4D3D1;
	margin: 3%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

.pharm_mdul h3 {
	padding: 0 20px 0;
	font-size: 33px;
}

.pharm-module img {
	display: block;
	margin: 0 auto;
}

.pharm-module h4 {
	text-align: center;
	font-size: 22px;
	color: #050505;
	font-weight: 600;
	padding: 15px 0 0 0;
}

.general_pharm {
	margin: 7% 0 0 0;
}

.pharm-demo {
	float: none !important;
}

.pharm-demo img {
	display: block;
	margin: 50px auto 0;
}

.pharm_mdul h5 {
	padding: 10px 0;
	font-size: 14px;
	text-align: right;
	font-style: italic;
	color: #428bca;
	text-decoration: underline;
}


/* mobile shop */

.mobshop-banner {
	background: #DF970E;
	text-align: center;
}

.mobshop-banner h1 {
	margin: 0;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
}

.mobileshop-content img {
	margin: 8% 0 0 0;
}

.mobileshop-content p {
	display: block;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #5D5D5D;
	text-transform: none;
}

.mobileshop-product img {
	margin: 10% 0 0 0;
}

.mobileshop-module {
	width: 100%;
	padding: 30px 0;
	background: #ADC4E3;
}

.mobileshop-module h3 {
	color: #C13636;
}

.modules-mobile {
	padding: 10px;
	margin: 15px 0 0 0;
	background: #fff;
}

.modules-mobile h3 {
	color: #4C4D4F;
	font-size: 18px;
}

.mobileshop-features {
	margin: 20px 0;
	color: #000;
}

.mobileshop-features li {
	width: 47%;
	float: left;
	padding: 5px 0;
	list-style: initial;
	list-style-type: square;
	margin: 0 15px;
}

.linksnow {
	float: left;
	padding: 35px 0;
	font-size: 14px;
	text-align: left;
	font-style: italic;
	color: #428bca;
	text-decoration: underline;
}

.mobileshop-demo img {
	float: right;
	margin: 20px 0 0 0;
}


/* a2z Campus */

.azcampus-highlights {
	background: #A23C3D;
	padding: 2% 3%;
}

.demo-azcampus {
	margin: 20px 0;
}

.demo-azcampus h3 {
	text-transform: capitalize;
	color: #BC090C;
}

.azadvantages {
	text-transform: capitalize;
	background: #E5E5E5;
	padding: 30px 0;
}

.dwnload-footer h5 {
	font-size: 16px;
	padding: 10px;
	z-index: 99;
}

.radioBtn {
	margin: 0 5px;
}

.radioBtn span {
	padding: 0 5px;
}

.azadvantages h3 {
	padding: 0 0 10px 0;
}

.azadvantages h5 {
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}

.azadvantages img {
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 5px solid #fff;
}

.azcamb-link {
	padding: 0;
}


/* CybroHrms */

.hrms-banner {
	background: #188d9e;
	padding: 3.5%;
}

.cybrohrms-logo img {
	display: block;
	margin: 2% auto;
}

.hrmsfeatures {
	background: #d53b64;
	padding: 30px 0;
	margin: 20px 0;
}

.hrmsfeatures h3 {
	color: #fff;
}

.hrmsfeat {
	float: left;
	width: 47%;
	padding: 3% 1%;
	background: #EBEBEB;
	margin: 10px;
	box-shadow: 1px 3px 10px #7E0928;
}

.hrmsfeat li {
	float: left;
	padding: 5px 0;
	list-style: initial;
	list-style-type: square;
	margin: 0 15px;
}

.demo-hrms {
	color: #5D5D5D;
}

.demo-hrms li {
	list-style: initial;
	margin: 0 3%;
}

.hrmsdemo img {
	margin: 15px 0;
}

.acountsuit-features {
	background: #409398;
	padding: 3%;
	margin: 20px 0 0 0;
}

.acountsuit-features li {
	padding: 5px 0;
	list-style: initial;
	list-style-type: square;
	margin: 0 15px;
	color: #fff;
}

.acountsuit-features h3 {
	color: #fff;
}

.accountdemo img {
	margin: 0;
}

.padd1 {
	background: #409398;
	padding: 20px 0;
}

.padd1 h5 {
	padding: 25px 0;
	font-size: 18px;
	color: #fff;
}

.accountshow {
	padding: 10px 0;
}

.marquee-wrap {
	width: 100%;
	float: left;
	height: 150px;
	background: #F6F6F6;
	overflow: hidden;
}

.products-inner {
	width: 2020px;
	float: left;
	margin: 0;
	padding: 0;
}

.products-inner li {
	float: left;
	margin: 15px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
}

.no-of-pages {
	border: 1px solid #F0F7F7;
	border-right: 0;
	height: 26px;
	line-height: 25px;
	padding: 0 8px;
	float: left;
	margin-bottom: 10px;
}

.page_enabled {}

.page_disabled {
	color: Black;
}

.giveBlackColor {
	color: Black;
}

.giveBlueColor {
	color: #3594ba;
}


/*Odoo defult page Sanjith*/

.odoo-main-contents {
	margin-top: 3%;
	margin-bottom: 3%;
}

.triangle-down {
	/*position: absolute;
    z-index: 999;
    top: 30%;
    left: 55%;*/
	text-align: right;
	float: right;
}

.triangle-down h1 {
	color: #875A7B;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 50px;
	font-family: 'Hind Vadodara', sans-serif !important;
}

.odoo-main-contents h2 {
	font-size: 29px !important;
	font-family: 'Montserrat' !important;
	color: #875A7B;
	text-align: Left;
	padding: 0% 0 1% 0;
	font-weight: 600;
}

.odoo-main-contents p {
	margin: 0 0 1.1em;
	color: #5f727f;
	line-height: 30px;
	font-size: 17px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif !important;
	text-align: justify;
	width: 88%;
}

.odoo-main-contents li {
	text-align: justify;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	line-height: 22px !important;
	color: #5f6469;
	font-weight: 100;
	letter-spacing: .5px;
}

.odoo-main-spfeatures h1 {
	padding: 3% 0;
	text-align: center;
	font-family: 'Montserrat' !important;
	font-size: 38px;
	font-weight: 100;
	color: #875A7B;
}

.odoo-services h3 a {
	font-size: 20px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 100;
	color: #26293a;
	text-align: center;
	letter-spacing: .5px;
	margin-top: 60px;
	transition: font-size 0.5s;
	-webkit-transition: font-size 0.5s;
}

.odoo-services h3 a:hover {
	font-size: 21px !important;
}

.odoo-services h3 {
	font-size: 20px !important;
	font-family: 'Montserrat' !important;
	font-weight: 100;
	color: #875A7B;
	text-align: center;
	letter-spacing: .5px;
	margin-top: 60px;
	margin-bottom: 10px;
}

.odoo-services a {
	text-align: center;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px !important;
	line-height: 22px !important;
	color: #5f6469;
	letter-spacing: .5px;
	/* width: 80%; */
	font-weight: 100;
	transition: font-size 0.5s;
	-webkit-transition: font-size 0.5s;
}

.odoo-services a:hover {
	text-decoration: none !important;
}

.odoo-services p {
	text-align: center;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px !important;
	line-height: 22px !important;
	color: #5f6469;
	font-weight: 100;
	letter-spacing: .5px;
	/* width: 80%; */
	padding-left: 10%;
	padding-right: 10%;
}

.odoo-services img {
	margin: auto;
	width: 130px !important;
	border-radius: 100% !important;
}

.odoo-services {
	margin-top: 3%;
	margin-bottom: 11%;
}

.odoo-service-secnd-line {
	padding-top: 3%;
}

.odoo-service-first-line {
	padding-bottom: 4%;
	border-bottom: 1px solid #dfe6e8;
}

.odoo-margine-right {
	border-right: 1px solid #dfe6e8;
}

.odoo-main-spfeatures h1 {
	padding: 3% 0;
	text-align: center;
	font-family: 'Montserrat' !important;
	font-size: 36px;
	font-weight: 100;
	color: #875A7B;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 3%;
}


/*Odoo Customization*/

.odoo-inner-page-head {
	background-color: #f0f3f2;
	padding: 4% 0px 4.5% 0px;
}

.odoo-inner-page-head h1 {
	font-family: 'Montserrat' !important;
	font-weight: 100 !important;
}

.odoo-inner-page-head p {
	text-align: justify;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	line-height: 22px !important;
	color: #565969;
	letter-spacing: .5px;
}

.odoo-inner-page-head img {
	width: 57%;
	margin: auto;
	border-radius: 165px;
	margin-top: 87px;
}

.paddt2 {
	padding-top: 2%;
}

.paddt3 {
	padding-top: 3%;
}

.paddt4 {
	padding-top: 4%;
}

.paddt5 {
	padding-top: 5%;
}

.paddt13 {
	padding-top: 13%;
}

.paddt7 {
	padding-top: 7%;
}

.paddt8 {
	padding-top: 8%;
}

.paddt9 {
	padding-top: 9%;
}

.paddl2 {
	padding-left: 2% !IMPORTANT;
}

.paddl4 {
	padding-left: 4% !IMPORTANT;
}

.paddl5 {
	padding-left: 5% !IMPORTANT;
}

.paddl6 {
	padding-left: 6% !IMPORTANT;
}

.paddr0 {
	padding-right: 0px !important;
}

.paddb3 {
	padding-bottom: 3%;
}

.paddb4 {
	padding-bottom: 4%;
}

.paddb5 {
	padding-bottom: 5%;
}

.paddb6 {
	padding-bottom: 6%;
}

.paddb2 {
	padding-bottom: 2%;
}

.container-fluid {
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-right: auto;
	margin-left: auto;
}

.odoo-inner-page-head a {
	text-align: center;
	padding-bottom: 5%;
	color: #9a9a9a;
	font-size: 61px;
}

.customization-banner-bottom {
	margin-top: 5%;
	margin-bottom: 3%;
}

.customization-banner-bottom h2 {
	
	text-align: center;
    font-weight: 900;
    font-size: 41px;
    color: #717170;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 3%;
    margin-bottom: 45px !important;
    font-family: 'Lato', sans-serif !important;
}

@media only screen and (max-width: 767px) {
 .customization-banner-bottom h2 {
    text-align: center;
    font-weight: 900;
    font-size: 19px;
    color: #717170;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 3%;
    margin-bottom: 45px !important;
    font-family: 'Lato', sans-serif !important;
}
}








.customization-banner-bottom p {
	text-align: center;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	line-height: 22px !important;
	color: #5f6469;
	letter-spacing: .5px;
}
.customization-banner-bottom p a{color: #717170;}
.row.why-NarraTree .fa {
	padding-right: 8px;
}

.customization-content-1 {
	background-color: /*#aed581*/
	#429ae2;
	padding: 5% 3% !important;
}

.customization-content-2 {
	background-color: #00bcd4;
	padding: 5% 3% !important;
}

.customization-content-3 {
	background-color: #37394c;
	padding: 5% 3% !important;
}

.customization-content-1 h2 {
	text-align: left;
	color: #fff;
}

.customization-content-2 h2 {
	text-align: left;
	color: #fff;
	display: flex;
}

.customization-content-3 h2 {
	text-align: left;
	color: #fff;
}

.customization-content-1 p {
	color: #f1f1f1;
	text-align: left;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	line-height: 22px !important;
	letter-spacing: .5px;
}

.customization-content-2 p {
	color: #f1f1f1;
	text-align: left;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	line-height: 22px !important;
	letter-spacing: .5px;
}

.customization-content-3 p {
	color: #f1f1f1;
	text-align: left;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	line-height: 22px !important;
	letter-spacing: .5px;
}

.why-NarraTree {
	padding-top: 5%;
}

.why-NarraTree li {
	font-family: 'Montserrat' !important;
	font-size: 18px !important;
	line-height: 22px !important;
	color: #5f6469;
	letter-spacing: .5px;
	padding: 12px;
	display: flex;
}

.customization-content-wrapper {
	padding-top: 2%;
}

.customization-content-wrapper h2 {
	font-size: 20px;
	line-height: 20px;
}

.odoo-services img {
	-webkit-transition: -webkit-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
}


/*** effect - shadow 1 ***/

.img-shadow-1 {}

.img-shadow-1:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.img-shadow-1 {
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}

.img-shadow-1:hover {
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}


/* Effect5 */

.effect5 {
	position: relative;
	transition: 600ms;
}

.effect5:after {
	content: attr(data-hover);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 300ms;
	color: rgba(0, 0, 0, 0.5);
	letter-spacing: -25px;
	width: 100%;
	text-align: center;
}

.effect5:hover:after {
	letter-spacing: 0px;
	opacity: 1;
}

.effect5:hover {
	color: transparent !important;
}


/* #Effect5 */


/* Effect1 */

.effect1 {
	position: relative;
	transition: 100ms;
}

.effect1:after {
	content: attr(data-hover);
	position: absolute;
	left: 0;
	bottom: 0;
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	transition: 100ms;
	opacity: 0;
	color: rgba(0, 0, 0, 0.5);
	height: 0;
}

.effect1:hover:after {
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	top: 0;
	opacity: 1;
	height: 100%;
}

.effect1:hover {
	color: transparent !important;
}


/* #Effect1 */

.comment-box-new {
	border: 1px solid #dbe3e3;
	padding: 5%;
	margin-top: 2%;
	margin-bottom: 2%;
	float: left;
	width: 100%;
}

.streamcontent {
	width: 100%;
	float: none;
	margin: 0 0 4% 2%;
}

.comment-box-new p,
.comment-box-new a {
	color: #5d6769;
}

.comment-box-new h4 {
	color: #b22126;
	font-size: 16px;
	font-weight: 600;
}

.senderDetails {
	padding-bottom: 2%;
}

.comment-box-new a {
	font-size: 14px !important;
}

.streamcontent h2 {
	text-transform: none !important;
	color: #5D6769 !important;
	margin-top: 5% !important;
	float: left;
}

.comment-count {
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
	background-color: rgb(178, 33, 38);
	border-radius: 100px;
	color: #fff;
	font-weight: 600;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 0px;
	float: left;
	margin-top: 49px;
	margin-left: 9px;
}

.streamcontent {
	border: none !important;
}

.previous {
	background-color: #b22126 !important;
	color: white;
	border-radius: 11px;
}

.next {
	color: white;
	border-radius: 11px;
}

.streamcontent .form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #dbe3e3;
	border-radius: 4px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition: none !important;
	transition: none !important;
	border-radius: 0px !important;
}

.comment-respond {
	margin: 0 0 4% 0% !important;
}

.our-support-includes h2 {
	text-align: center;
	font-family: 'Montserrat' !important;
	font-size: 36px;
	font-weight: 100;
	color: #00bbd3;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 3%;
	margin-bottom: 45px !important;
	line-height: 37px;
}

.customization-banner-bottom h5 {
	text-align: center;
	color: #00bcd4;
	font-size: 23px;
	padding-bottom: 20px;
}

.odoo-banner-main {
	background-image: url(../images/odoo-page-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 220px 0 180px 0;
}

.odoo-banner-main h1 {
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 59px;
	font-family: 'Hind Vadodara', sans-serif !important;
	margin-bottom: 20px;
	text-align: right;
}

.col-md-12.col-lg-12.col-sm-12.col-xs-12.odoo-erp {
	background: #f5f5f5;
}

.odoo-enquiry {
	width: 21% !important;
	margin: 3% 0;
	margin-top: 2%;
	padding: 1% 3%;
	font-family: "Lato", Serif;
	font-size: 18px !important;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center !important;
	color: #ffffff;
	cursor: pointer;
	border-radius: 0px !important;
	background: none;
	display: inline-block;
	border: 1px solid #fff;
	vertical-align: middle;
	font-weight: normal;
}

.odoo-enquiry:hover {
	color: #875A7B;
	border: 1px solid #875A7B;
}

.odoo-erp {
	padding: 10% 0;
	text-align: center;
	margin-bottom: 3%;
}

.odoo-erp i.fa {
	font-size: 81px;
	padding-bottom: 5%;
	color: #875A7B;
	padding-top: 3%;
}

.odoo-erp .col-md-3 {
	padding-top: 5%;
}

.odoo-erp h2 {
	font-size: 35px !important;
	font-family: 'Montserrat' !important;
	font-weight: 600;
	color: #875A7B;
	text-align: center;
	padding: 0% 0 1% 0;
}

.odoo-erp h4 {
	font-size: 20px !important;
	font-family: 'Montserrat' !important;
	font-weight: normal;
	color: #875A7B;
	text-align: center;
	min-height: 45px;
}

.odoo-erp p {
	color: #5f727f;
	line-height: 30px;
	font-size: 17px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif !important;
	text-align: center;
	width: 100%;
}

.NarraTree-odoo-erp h2 {
	font-size: 37px !important;
	font-family: 'Montserrat' !important;
	font-weight: 600;
	color: #875A7B;
	text-align: center;
	padding: 5% 0 1% 0;
}

.NarraTree-odoo-erp p {
	text-align: justify;
	justify-content: center;
	width: 100%;
}

.statcounter {
	display: none;
}


/* animate-effect   */

.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.animated.infinite {
	animation-iteration-count: infinite;
}

.animated.hinge {
	animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
	animation-duration: .75s;
}

@keyframes bounce {
	from,
	20%,
	53%,
	80%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform: translate3d(0, 0, 0);
	}
	40%,
	43% {
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform: translate3d(0, -30px, 0);
	}
	70% {
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform: translate3d(0, -15px, 0);
	}
	90% {
		transform: translate3d(0, -4px, 0);
	}
}

.bounce {
	animation-name: bounce;
	transform-origin: center bottom;
}

@keyframes flash {
	from,
	50%,
	to {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0;
	}
}

.flash {
	animation-name: flash;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
	from {
		transform: scale3d(1, 1, 1);
	}
	50% {
		transform: scale3d(1.05, 1.05, 1.05);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}

.pulse {
	animation-name: pulse;
}

@keyframes rubberBand {
	from {
		transform: scale3d(1, 1, 1);
	}
	30% {
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		transform: scale3d(.95, 1.05, 1);
	}
	75% {
		transform: scale3d(1.05, .95, 1);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}

.rubberBand {
	animation-name: rubberBand;
}

@keyframes shake {
	from,
	to {
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		transform: translate3d(10px, 0, 0);
	}
}

.shake {
	animation-name: shake;
}

@keyframes headShake {
	0% {
		transform: translateX(0);
	}
	6.5% {
		transform: translateX(-6px) rotateY(-9deg);
	}
	18.5% {
		transform: translateX(5px) rotateY(7deg);
	}
	31.5% {
		transform: translateX(-3px) rotateY(-5deg);
	}
	43.5% {
		transform: translateX(2px) rotateY(3deg);
	}
	50% {
		transform: translateX(0);
	}
}

.headShake {
	animation-timing-function: ease-in-out;
	animation-name: headShake;
}

@keyframes swing {
	20% {
		transform: rotate3d(0, 0, 1, 15deg);
	}
	40% {
		transform: rotate3d(0, 0, 1, -10deg);
	}
	60% {
		transform: rotate3d(0, 0, 1, 5deg);
	}
	80% {
		transform: rotate3d(0, 0, 1, -5deg);
	}
	to {
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

.swing {
	transform-origin: top center;
	animation-name: swing;
}

@keyframes tada {
	from {
		transform: scale3d(1, 1, 1);
	}
	10%,
	20% {
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%,
	60%,
	80% {
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}

.tada {
	animation-name: tada;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
	from {
		transform: none;
	}
	15% {
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
	30% {
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}
	45% {
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}
	60% {
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}
	75% {
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}
	to {
		transform: none;
	}
}

.wobble {
	animation-name: wobble;
}

@keyframes jello {
	from,
	11.1%,
	to {
		transform: none;
	}
	22.2% {
		transform: skewX(-12.5deg) skewY(-12.5deg);
	}
	33.3% {
		transform: skewX(6.25deg) skewY(6.25deg);
	}
	44.4% {
		transform: skewX(-3.125deg) skewY(-3.125deg);
	}
	55.5% {
		transform: skewX(1.5625deg) skewY(1.5625deg);
	}
	66.6% {
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}
	77.7% {
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}
	88.8% {
		transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
	}
}

.jello {
	animation-name: jello;
	transform-origin: center;
}

@keyframes bounceIn {
	from,
	20%,
	40%,
	60%,
	80%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}
	20% {
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		transform: scale3d(.9, .9, .9);
	}
	60% {
		opacity: 1;
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		transform: scale3d(.97, .97, .97);
	}
	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

.bounceIn {
	animation-name: bounceIn;
}

@keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
	}
	75% {
		transform: translate3d(0, -10px, 0);
	}
	90% {
		transform: translate3d(0, 5px, 0);
	}
	to {
		transform: none;
	}
}

.bounceInDown {
	animation-name: bounceInDown;
}

@keyframes bounceInLeft {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0);
	}
	75% {
		transform: translate3d(-10px, 0, 0);
	}
	90% {
		transform: translate3d(5px, 0, 0);
	}
	to {
		transform: none;
	}
}

.bounceInLeft {
	animation-name: bounceInLeft;
}

@keyframes bounceInRight {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from {
		opacity: 0;
		transform: translate3d(3000px, 0, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0);
	}
	75% {
		transform: translate3d(10px, 0, 0);
	}
	90% {
		transform: translate3d(-5px, 0, 0);
	}
	to {
		transform: none;
	}
}

.bounceInRight {
	animation-name: bounceInRight;
}

@keyframes bounceInUp {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	from {
		opacity: 0;
		transform: translate3d(0, 3000px, 0);
	}
	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	75% {
		transform: translate3d(0, 10px, 0);
	}
	90% {
		transform: translate3d(0, -5px, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

.bounceInUp {
	animation-name: bounceInUp;
}

@keyframes bounceOut {
	20% {
		transform: scale3d(.9, .9, .9);
	}
	50%,
	55% {
		opacity: 1;
		transform: scale3d(1.1, 1.1, 1.1);
	}
	to {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}
}

.bounceOut {
	animation-name: bounceOut;
}

@keyframes bounceOutDown {
	20% {
		transform: translate3d(0, 10px, 0);
	}
	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, -20px, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
}

.bounceOutDown {
	animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		transform: translate3d(20px, 0, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
}

.bounceOutLeft {
	animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
	20% {
		opacity: 1;
		transform: translate3d(-20px, 0, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}

.bounceOutRight {
	animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
	20% {
		transform: translate3d(0, -10px, 0);
	}
	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, 20px, 0);
	}
	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
}

.bounceOutUp {
	animation-name: bounceOutUp;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	animation-name: fadeIn;
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInDown {
	animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
	from {
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInDownBig {
	animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeft {
	animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
	from {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInLeftBig {
	animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRight {
	animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
	from {
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInRightBig {
	animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInUp {
	animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
	from {
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.fadeInUpBig {
	animation-name: fadeInUpBig;
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.fadeOut {
	animation-name: fadeOut;
}

@keyframes fadeOutDown {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
}

.fadeOutDown {
	animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0);
	}
}

.fadeOutDownBig {
	animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
}

.fadeOutLeft {
	animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0);
	}
}

.fadeOutLeftBig {
	animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
}

.fadeOutRight {
	animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(2000px, 0, 0);
	}
}

.fadeOutRightBig {
	animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
}

.fadeOutUp {
	animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0);
	}
}

.fadeOutUpBig {
	animation-name: fadeOutUpBig;
}

@keyframes flip {
	from {
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) scale3d(.95, .95, .95);
		animation-timing-function: ease-in;
	}
	to {
		transform: perspective(400px);
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	animation-name: flip;
}

@keyframes flipInX {
	from {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		animation-timing-function: ease-in;
	}
	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}
	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	to {
		transform: perspective(400px);
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipInX;
}

@keyframes flipInY {
	from {
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		animation-timing-function: ease-in;
	}
	60% {
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}
	80% {
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}
	to {
		transform: perspective(400px);
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipInY;
}

@keyframes flipOutX {
	from {
		transform: perspective(400px);
	}
	30% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}
	to {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipOutX {
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@keyframes flipOutY {
	from {
		transform: perspective(400px);
	}
	30% {
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}
	to {
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}

@keyframes lightSpeedIn {
	from {
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0;
	}
	60% {
		transform: skewX(20deg);
		opacity: 1;
	}
	80% {
		transform: skewX(-5deg);
		opacity: 1;
	}
	to {
		transform: none;
		opacity: 1;
	}
}

.lightSpeedIn {
	animation-name: lightSpeedIn;
	animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
	from {
		opacity: 1;
	}
	to {
		transform: translate3d(100%, 0, 0) skewX(30deg);
		opacity: 0;
	}
}

.lightSpeedOut {
	animation-name: lightSpeedOut;
	animation-timing-function: ease-in;
}

@keyframes rotateIn {
	from {
		transform-origin: center;
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}
	to {
		transform-origin: center;
		transform: none;
		opacity: 1;
	}
}

.rotateIn {
	animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
	from {
		transform-origin: left bottom;
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
	to {
		transform-origin: left bottom;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownLeft {
	animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
	from {
		transform-origin: right bottom;
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
	to {
		transform-origin: right bottom;
		transform: none;
		opacity: 1;
	}
}

.rotateInDownRight {
	animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
	from {
		transform-origin: left bottom;
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
	to {
		transform-origin: left bottom;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpLeft {
	animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
	from {
		transform-origin: right bottom;
		transform: rotate3d(0, 0, 1, -90deg);
		opacity: 0;
	}
	to {
		transform-origin: right bottom;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpRight {
	animation-name: rotateInUpRight;
}

@keyframes rotateOut {
	from {
		transform-origin: center;
		opacity: 1;
	}
	to {
		transform-origin: center;
		transform: rotate3d(0, 0, 1, 200deg);
		opacity: 0;
	}
}

.rotateOut {
	animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
	from {
		transform-origin: left bottom;
		opacity: 1;
	}
	to {
		transform-origin: left bottom;
		transform: rotate3d(0, 0, 1, 45deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
	from {
		transform-origin: right bottom;
		opacity: 1;
	}
	to {
		transform-origin: right bottom;
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
	from {
		transform-origin: left bottom;
		opacity: 1;
	}
	to {
		transform-origin: left bottom;
		transform: rotate3d(0, 0, 1, -45deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
	from {
		transform-origin: right bottom;
		opacity: 1;
	}
	to {
		transform-origin: right bottom;
		transform: rotate3d(0, 0, 1, 90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	animation-name: rotateOutUpRight;
}

@keyframes hinge {
	0% {
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	20%,
	60% {
		transform: rotate3d(0, 0, 1, 80deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
	}
	40%,
	80% {
		transform: rotate3d(0, 0, 1, 60deg);
		transform-origin: top left;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}
	to {
		transform: translate3d(0, 700px, 0);
		opacity: 0;
	}
}

.hinge {
	animation-name: hinge;
}

@keyframes jackInTheBox {
	from {
		opacity: 0;
		transform: scale(0.1) rotate(30deg);
		transform-origin: center bottom;
	}
	50% {
		transform: rotate(-10deg);
	}
	70% {
		transform: rotate(3deg);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.jackInTheBox {
	animation-name: jackInTheBox;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.rollIn {
	animation-name: rollIn;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	}
}

.rollOut {
	animation-name: rollOut;
}

@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}

.zoomIn {
	animation-name: zoomIn;
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInDown {
	animation-name: zoomInDown;
}

@keyframes zoomInLeft {
	from {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInLeft {
	animation-name: zoomInLeft;
}

@keyframes zoomInRight {
	from {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInRight {
	animation-name: zoomInRight;
}

@keyframes zoomInUp {
	from {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	60% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomInUp {
	animation-name: zoomInUp;
}

@keyframes zoomOut {
	from {
		opacity: 1;
	}
	50% {
		opacity: 0;
		transform: scale3d(.3, .3, .3);
	}
	to {
		opacity: 0;
	}
}

.zoomOut {
	animation-name: zoomOut;
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	to {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutDown {
	animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
	}
	to {
		opacity: 0;
		transform: scale(.1) translate3d(-2000px, 0, 0);
		transform-origin: left center;
	}
}

.zoomOutLeft {
	animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
	}
	to {
		opacity: 0;
		transform: scale(.1) translate3d(2000px, 0, 0);
		transform-origin: right center;
	}
}

.zoomOutRight {
	animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
	}
	to {
		opacity: 0;
		transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
		transform-origin: center bottom;
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	}
}

.zoomOutUp {
	animation-name: zoomOutUp;
}

@keyframes slideInDown {
	from {
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

.slideInDown {
	animation-name: slideInDown;
}

@keyframes slideInLeft {
	from {
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

.slideInLeft {
	animation-name: slideInLeft;
}

@keyframes slideInRight {
	from {
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

.slideInRight {
	animation-name: slideInRight;
}

@keyframes slideInUp {
	from {
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

.slideInUp {
	animation-name: slideInUp;
}

@keyframes slideOutDown {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		transform: translate3d(0, 100%, 0);
	}
}

.slideOutDown {
	animation-name: slideOutDown;
}

@keyframes slideOutLeft {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		transform: translate3d(-100%, 0, 0);
	}
}

.slideOutLeft {
	animation-name: slideOutLeft;
}

@keyframes slideOutRight {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		transform: translate3d(100%, 0, 0);
	}
}

.slideOutRight {
	animation-name: slideOutRight;
}

@keyframes slideOutUp {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		visibility: hidden;
		transform: translate3d(0, -100%, 0);
	}
}

.slideOutUp {
	animation-name: slideOutUp;
}


/*  animate-effect end  */

.odoo-modal-body h1 {
	font-family: "Open Sans", sans-serif;
	font-size: 25px !important;
	font-weight: normal;
	color: #000;
	text-transform: none!important;
	text-align: left !important;
}

.modal-footer .btn-primary {
	border-color: #875A7B !important;
	background: none !important;
	color: #875A7B !important;
	font-weight: 300 !IMPORTANT;
	text-transform: capitalize;
	border-radius: 0px !important;
	margin-top: 14px;
}

.app-view {
	padding: 8% 0 5% 0;
	background: rgb(250, 250, 250);
}

.app-view h1 {
	margin-bottom: 4%;
	font-family: 'Montserrat' !important;
	font-weight: 100 !important;
	font-size: 31px;
	margin-top: 0px;
}

.app-view p {
	margin-bottom: 9.6% !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px;
	line-height: 21px;
	letter-spacing: .5px;
}

.app-view-link-button {
	float: left;
	color: #909090;
	margin-right: 8px;
}

.app-view-link-button img {
	opacity: 1;
	border-radius: 5px;
}

.app-view-link-button img:hover {
	opacity: .7;
}

.app-view-link-button a {
	float: left;
	color: #909090;
}

#imagelightbox {
	position: fixed;
	z-index: 9999;
	-ms-touch-action: none;
	touch-action: none;
}

.app-view .thumbnail {
	padding: 0px;
}

.featherlight .featherlight-content {
	overflow: hidden !important;
}

.featherlight-next span {
	right: 5%;
	left: auto;
	font-size: 40px !important;
}

.featherlight-previous span {
	right: 5%;
	left: auto;
	font-size: 40px !important;
}

.featherlight .featherlight-content {
	padding: 0px 0px 0 !important;
	border-bottom: 0px solid transparent !important;
}

.featherlight-next {
	display: block;
	position: absolute;
	top: 0px !important;
	right: 1px !important;
	bottom: 0 !important;
	left: 87% !important;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: rgba(0, 0, 0, 0);
}

.featherlight-previous {
	left: 0px !important;
	right: 87% !important;
	top: 0px !important;
}

.screenshot {
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.screenshot-inner {
	padding: 13px;
	margin: 0px !important;
	padding-left: 0px;
	padding-right: 0px;
}

.screenshot .thumbnail {
	border: 1px solid #dddddd !important;
}

.app-attachment {
	margin-top: 2.5%;
}

.app-attachment .col-md-4 {
	padding-top: 13px;
	padding-bottom: 13px;
	border-right: 1px solid #ddd;
}

.app-banner img {
	width: 90%;
	margin-left: 14%;
}

.paddl0 {
	padding-left: 0px !important
}

.app-description {
	padding: 5% 0 4% 0;
}

.app-description h2{
	font-family: 'Montserrat' !important;
	color: #875A7B !important;
	font-size: 25px !important;
	padding-bottom: 1% !important;
}

.app-description h3 {
	font-family: 'Raleway', sans-serif !important;
	color: #ae383d !important;
	font-size: 25px !important;
	padding-bottom: 1% !important;
}

.app-view h3 {
	font-family: 'Montserrat' !important;
	font-weight: 100 !important;
	font-size: 20px !important;
}

.app-description,
.app-description p,
.app-description span,
.app-description li {
	margin-bottom: 0% !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: inherit;
	line-height: 30px !important;
	letter-spacing: .5px !important;
	color: #000 !important;
	text-decoration: none !important;
}

.related-app h2 {
	font-family: 'Montserrat' !important;
	font-size: 25px !important;
	color: #ae383d;
	padding-bottom: 2%;
}

.app-img-main {
	text-align: left;
	margin-bottom: 17px;
	/* margin-top: -42px; */
	margin-left: 18px;
	font-size: 16px;
}

.app-img {}

.app-post h2 a {
	display: inline-block;
	color: #454545;
	padding: 15px 0px 5px;
	text-decoration: none !important;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	/* height: 68px; */
	font-size: 18px;
	float: left;
	word-break: break-word;
}

.appImg2 {
	border-radius: 0;
	height: 90px !important;
	width: 90px !important;
	float: left;
	margin-top: 0.3% !important;
}

.app-name {
	margin-top: 3%;
}

.app-container {
	border: 1px solid #f7f7f7;
	margin-bottom: 5%;
	padding-left: 0px !important;
}

.app-link-button {
	float: left;
	margin-right: 0px;
	color: #909090;
}

.app-link-button a {
	float: left;
	margin-right: 7px;
	color: #909090;
	cursor: pointer;
}

.odoo-app h1 {
	text-align: left;
	padding-top: 2%;
	padding-bottom: 1%;
}

.app-mob-view-banner {
	display: none !important;
}

.odoo-app h2 {
	text-align: left;
	padding-top: 4%;
	font-size: 21px;
}

.odoo-app {
	text-align: left;
	padding-bottom: 5%;
}

.app-box {
	padding-top: 3%;
	padding-bottom: 3%;
}

.odoo-app a:hover {
	text-decoration: none;
}

.lightbox {
	display: none;
}

.fl-page h1,
.fl-page h3,
.fl-page h4 {
	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 100;
	letter-spacing: 1px;
}

.fl-page h1 {
	font-size: 110px;
	margin-bottom: 0.5em;
}

.fl-page h1 i {
	font-style: normal;
	color: #ddd;
}

.fl-page h1 span {
	font-size: 30px;
	color: #333;
}

.fl-page h3 {
	text-align: right;
}

.fl-page h3 {
	font-size: 15px;
}

.fl-page h4 {
	font-size: 2em;
}

.fl-page .jumbotron {
	margin-top: 2em;
}

.fl-page .btn-download {
	float: right;
	margin-top: -40px;
}

.fl-page .btn-default {
	vertical-align: bottom;
}

.fl-page .row {
	margin-top: 2em;
}

.fl-page .btn-lg span {
	font-size: 0.7em;
}

.fl-page .footer {
	margin-top: 3em;
	color: #aaa;
	font-size: 0.9em;
}

.fl-page .footer a {
	color: #999;
	text-decoration: none;
	margin-right: 0.75em;
}

.fl-page .github {
	margin: 2em 0;
}

.fl-page .github a {
	vertical-align: top;
}


/* customized gallery */

.featherlight-gallery2 {
	background: rgba(100, 100, 100, 0.5);
}

.featherlight-gallery2 .featherlight-content {
	background: #000;
}

.featherlight-gallery2 .featherlight-next:hover,
.featherlight-gallery2 .featherlight-previous:hover {
	background: rgba(0, 0, 0, 0.5);
}

.featherlight-gallery2 .featherlight-next:hover span,
.featherlight-gallery2 .featherlight-previous:hover span {
	font-size: 25px;
	line-height: 25px;
	margin-top: -12.5px;
	color: #fff;
}

.featherlight-gallery2 .featherlight-close {
	background: transparent;
	color: #fff;
	font-size: 1.2em;
}

.featherlight-gallery2.featherlight-last-slide .featherlight-next,
.featherlight-gallery2.featherlight-first-slide .featherlight-previous {
	display: none;
}


/* text slide */

.thumbnail a {
	text-decoration: none;
}

.blurb {
	display: inline-block;
	width: 150px;
	height: 150px;
}

.blurb h2 {
	text-align: center;
}

.blurb .detail {
	display: none;
}

.blurb .teaser {
	font-style: italic;
	text-align: center;
}

.featherlight .blurb {
	display: inline-block;
	width: 500px;
	height: 300px;
	color: #99f;
}

.featherlight .blurb .detail {
	color: #ddf;
	font-size: large;
	display: inherit;
}

.featherlight .blurb .teaser {
	display: none;
}


/*.app-button-head a
{
    background:#c5163f;
    color:#fff;
    border:none !important;
    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
}
.app-button-head a:hover
{
    background:#3f93ce;
    border:none !important;
}
*/


/* Shutter Out Horizontal */

.app-button-head a:hover {
	color: #fff;
	background: #9f4388;
	border: 1px solid #882e71 !important;
	text-decoration: none;
}

.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	background: #c5163f;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	width: 82%;
	height: 30px;
	color: #fff !important;
	line-height: 30px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	display: inline-block;
	border-radius: 20px !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	text-align: center;
}

.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #9f4388 !important;
	border-color: #882e71 !important;
	border-radius: 20px !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	text-decoration: none !important;
}

.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
	color: white;
	text-decoration: none !important;
}

.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	text-decoration: none !important;
}

.odoo-training-wrap {
	background: url('../images/odoo-training-banner.png') no-repeat;
	z-index: 1;
	position: relative;
}

.odoo-training-wrap h1 {
	font-size: 60px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	padding: 11% 0 11% 0;
	font-family: 'Roboto', sans-serif !important;
}

.training-contact .row:after {
	content: "";
	display: table;
	clear: both;
}

.training-contact .row .col {
	padding: 0 17px;
	float: left;
	box-sizing: border-box;
}

.training-contact .row .col.x-50 {
	width: 50%;
}

.training-contact .row .col.x-100 {
	width: 100%;
}

.training-contact .content-wrapper {
	min-height: 100%;
	position: relative;
}

.training-contact .get-in-touch {
	max-width: 650px;
	margin: 0 auto;
}

.training-contact .get-in-touch .title {
	text-align: left;
	font-family: Raleway, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 36px;
	line-height: 36px;
	padding-bottom: 15px;
}

.training-contact .contact-form .form-field {
	position: relative;
	margin: 32px 0;
}

.training-contact .contact-form .input-text {
	display: block;
	width: 100%;
	height: 36px;
	border-width: 0 0 2px 0;
	border-color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	border-style: solid;
}

.training-contact .contact-form .input-text:focus {
	outline: none;
}

.training-contact .contact-form .input-text:focus+.label,
.contact-form .input-text.not-empty+.label {
	-webkit-transform: translateY(-24px);
	transform: translateY(-24px);
}

.training-contact .contact-form .label {
	position: absolute;
	left: 7px;
	bottom: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	line-height: 26px;
	font-weight: normal;
	color: #888;
	cursor: text;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.training-contact .contact-form .submit-btn {
	display: inline-block;
	background-color: #000;
	color: #fff;
	font-family: Raleway, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
	line-height: 24px;
	padding: 8px 16px;
	border: none;
	cursor: pointer;
}

.training-contact .note {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 21px;
}

.training-contact .note .link {
	color: #888;
	text-decoration: none;
}

.training-contact .note .link:hover {
	text-decoration: underline;
}

.training-contact .contact-form {
	background: #ffffff;
	border-radius: 0px;
	padding: 0px;
}

.odoo-technical-training {
	margin-bottom: 16%;
	border-left: 10px solid #e25221 !important;
}

.odoo-technical-training,
.odoo-functional-training {
	min-height: 120px !important;
	border-left: 10px solid #f5c504;
	text-align: left;
}

.odoo-technical-training h5,
.odoo-functional-training h5 {
	text-align: left;
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #222;
	padding-left: 4%;
	padding-top: .5%;
	text-transform: uppercase;
}

.odoo-technical-training span,
.odoo-functional-training span {
	font-weight: 900;
}

.odoo-technical-training p,
.odoo-functional-training p {
	text-align: left;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px;
	font-weight: normal;
	color: #222;
	padding-left: 4%;
	padding-top: 2%;
	line-height: 27px;
	margin-bottom: 0px !important;
}

.dropdown-menu {
	top: 57px;
	left: 12px;
	padding: 15px 10px 15px 10px !important;
	min-width: 200px !important;
	margin: 0px !important;
}

.dropdown-menu a {
	color: #1d1d1d;
	padding: 5px 5px;
	text-decoration: none;
	display: block;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	z-index: 2;
}

.dropdown-menu a:hover {
	color: #c9030a;
	text-decoration: none !important;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

.navbar-default .navbar-nav>li>a {
	color: #1d1d1d !important;
}

.pages {
	float: right;
}


/*parallex footer*/


/*.container-fluid.odoo-training-content:before {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    content: "";
}

.container-fluid.odoo-training-content {
    position: relative;
    z-index: 1;
    background: #fff !important;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0, 1);
    transition-timing-function: cubic-bezier(0, 0, 0, 1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.odoo-training {
    margin: 57px 0 0;
    padding-bottom: 22%;
    
}*/


/*end parallex footer*/

p.ease {
	font-size: 21px !important;
	text-align: right;
	font-family: roboto!important;
	font-weight: normal;
	line-height: 42px!important;
	color: #202020;
}

.customization-content-1,
.customization-content-2,
.customization-content-3 {
	min-height: 292px !important;
}

.source-code-wrap {
	background: url('../images/source-code-bg-1.jpg') no-repeat;
	height: 100vh;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
}

.source-code-wrap h1 {
	font-size: 55px;
	text-align: center;
	color: #fff;
	background: #f62b2b;
	padding: 1% 0%;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif !important;
	margin: auto;
	width: 62%;
	margin-bottom: 3%;
	padding-left: 0px !important;
}

.source-code-wrap h2 {
	font-size: 46px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif !important;
}

.source-code-wrap h3 {
	font-size: 30px;
	text-align: center;
	color: #fff !important;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif !important;
	padding-top: 2%;
}

.source-code-wrap img {
	margin: auto;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 7px;
	width: 52%;
}

.source-code-wrap p {
	background: transparent;
	color: #fff !important;
	border: 1px solid #fff !important;
	padding: 1em 1em 1em 1em;
	letter-spacing: 3px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif!important;
	margin: auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
}

.source-code-wrap p:hover {
	background: #f62b2b;
	color: #fff !important;
	border: 1px solid #f62b2b !important;
	padding: 1em 1em 1em 1em;
	letter-spacing: 3px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif !important;
	margin: auto;
	text-decoration: none !important;
}

a:hover {
	text-decoration: none !important;
}

a {
	text-decoration: none !important;
}

.sc-steps-1 {
	padding: 7% 0;
}

.sc-steps h2,
.sc-steps-2 h2 {
	font-size: 34px !important;
	font-family: 'Open Sans', sans-serif !important;
	text-align: Left;
	padding: 1% 0 4% 0;
}

.sc-steps p,
.sc-steps-2 p {
	font-size: 17px !important;
	padding-bottom: 4.5%;
}

.sc-steps .fa-check,
.sc-steps-2 .fa-check {
	color: #ef3237 !important;
}

.sc-steps img,
.sc-steps-2 img {
	width: 84%;
	padding-top: 4%;
}

.sc-steps-2 {
	background: #f7f7f7;
}

.sc-product h2 {
	font-size: 34px !important;
	font-family: 'Open Sans', sans-serif !important;
	text-align: center;
	padding: 0% 0 1% 0;
}

.sc-product p {
	font-size: 15px !important;
	font-family: 'Open Sans', sans-serif !important;
	padding-bottom: 4.5%;
	text-align: center;
	line-height: 30px;
	padding-left: 7%;
	padding-right: 7%;
}

i.fa.fa-long-arrow-right {
	font-size: 50px;
	margin-top: 63%;
}

.sc-banner-steps .fa {
	color: #fff;
	font-size: 100px;
	text-align: center;
	padding-right: 2%;
	padding-top: 3%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.sc-banner-steps {
	text-align: center;
	padding-top: 5%;
}

.sc-banner-steps p {
	background: transparent;
	color: #fff !important;
	border: none !important;
	padding: 0 !important;
	letter-spacing: 3px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif!important;
	margin: auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	text-align: center;
}

.sc-banner-steps p:hover,
.sc-banner-steps .fa:hover {
	background: none !important;
	color: #f62b2b !important;
	border: none !important;
	padding: 0 !important;
	text-decoration: none !important;
}

i.fa.fa-long-arrow-right:hover {
	background: none !important;
	color: #fff !important;
	border: none !important;
	padding: 0 !important;
	text-decoration: none !important;
}

figure.snip1084 {
	font-family: 'Raleway', Arial, sans-serif;
	color: #fff;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 220px;
	max-width: 308px;
	max-height: 210px;
	width: 100%;
	background: #000000;
	text-align: center;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	will-change: transform, box-shadow;
	box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
}

figure.snip1084 * {
	-webkit-box-sizing: padding-box;
	box-sizing: padding-box;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

figure.snip1084 img {
	opacity: 1;
	width: 100%;
}

figure.snip1084 figcaption {
	top: 50%;
	left: 40px;
	right: 40px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

figure.snip1084 figcaption h2 {
	position: relative;
	font-weight: 600;
	font-size: 19px !important;
	text-transform: uppercase;
	margin: 0;
	opacity: 0;
	display: none;
	color: #fff;
	margin-bottom: 5px !important;
}

figure.snip1084 figcaption h2 span {
	font-weight: 800;
}

figure.snip1084 figcaption p {
	font-size: 13px;
	font-weight: normal;
	opacity: 0;
	margin: 0;
	color: #fff;
	line-height: 18px;
	word-break: normal !important;
}

figure.snip1084:before,
figure.snip1084:after {
	position: absolute;
	top: 12px;
	right: 12px;
	bottom: 12px;
	left: 12px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	transition: opacity 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s, transform 0.6s;
}

figure.snip1084:before {
	border-top: 1px double #fff;
	border-bottom: 1px double #fff;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}

figure.snip1084:after {
	border-right: 1px double #fff;
	border-left: 1px double #fff;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
}

figure.snip1084 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

figure.snip1084.p1 {
	background: #2e80af;
}

figure.snip1084.p2 {
	background: #444444;
}

figure.snip1084.p3 {
	background: #832527;
}

figure.snip1084.p4 {
	background: #6e8f40;
}

figure.snip1084.p5 {
	background: #475fac;
}

figure.snip1084.p6 {
	background: #832527;
}

figure.snip1084.p7 {
	background: #4751a3;
}

figure.snip1084.p8 {
	background: #832527;
}

figure.snip1084.p9 {
	background: #832527;
}

figure.snip1084.p10 {
	background: #832527;
}

figure.snip1084.p11 {
	background: #f59b1f;
}

figure.snip1084.p12 {
	background: #2693c5;
}

figure.snip1084.p13 {
	background: #74224e;
}

figure.snip1084.p14 {
	background: #00dca9;
}

figure.snip1084:hover img,
figure.snip1084.hover img {
	opacity: 0.2;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.snip1084:hover figcaption h2,
figure.snip1084.hover figcaption h2,
figure.snip1084:hover figcaption p,
figure.snip1084.hover figcaption p {
	opacity: 1;
	border-color: rgba(255, 255, 255, 0.5);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	display: block;
}

figure.snip1084:hover figcaption h2,
figure.snip1084.hover figcaption h2,
figure.snip1084:hover figcaption p,
figure.snip1084.hover figcaption p {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

figure.snip1084:hover:before,
figure.snip1084.hover:before,
figure.snip1084:hover:after,
figure.snip1084.hover:after {
	opacity: 0.8;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.sc-testimonials #quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 60px;
}

.sc-testimonials #quote-carousel .carousel-control {
	background: none;
	color: #CACACA;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 40px;
}

.sc-testimonials #quote-carousel .carousel-indicators {
	position: relative;
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-top: 2px;
	margin-right: -29px;
	height: 85px;
}

.sc-testimonials #quote-carousel .carousel-indicators li {
	width: 30px;
	height: 30px;
	cursor: pointer;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	opacity: 0.4;
	overflow: hidden;
	transition: all .4s ease-in;
	vertical-align: middle;
}

.sc-testimonials #quote-carousel .carousel-indicators .active {
	width: 70px;
	height: 70px;
	opacity: 1;
	transition: all .2s;
}

.sc-testimonials .item blockquote {
	border-left: none;
	margin: 0;
}

.sc-testimonials .item blockquote p:before {
	content: "\f10d";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
}

.sc-testimonials .carousel-inner .item blockquote {
	background: none;
	font-size: 16.5px;
	font-weight: normal;
	line-height: 1.40;
	font-size: 16.5px;
	font-weight: normal;
	line-height: 1.40;
}

.sc-testimonials {
	background: #f7f7f7;
}

.sc-testimonials blockquote p {
	font-size: 16.5px;
	font-weight: 400;
	line-height: 1.40;
	padding-bottom: 3%;
	color: #525252;
}

.sc-testimonials h2,
.sc-testimonials h4 {
	text-align: center;
	font-family: 'Open Sans', sans-serif !important;
	padding-top: 2%;
}

.sc-testimonials h2 {
	font-size: 34px;
}

.sc-testimonials h4 {
	font-size: 17px !important;
	font-family: 'Open Sans', sans-serif !important;
	text-align: center;
	line-height: 30px;
}

.sc-testimonials .carousel-inner {
	margin: 4% 0 0;
}

.sc-testimonials .carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 53% !important;
}

.sc-enquiry-form h2,
.sc-more-information h2 {
	font-size: 34px !important;
	font-family: 'Open Sans', sans-serif !important;
	text-align: Left;
	padding: 0% 0 4% 0;
	text-transform: none !important;
}

.sc-more-information li {
	padding-top: 9%;
	font-size: 22px;
	font-weight: 300 !important;
	color: #7d7d7d;
}

.sc-more-information .fa-envelope-o {
	padding: 0px 10px 0px 1px;
}

.sc-more-information .fa-mobile {
	padding: 25px 17px 0px 1px;
	font-size: 34px;
}

.source-code-wrap h4 {
	font-size: 24px;
	text-align: center;
	color: #ffffff !important;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif !important;
	background: #ef3237;
	padding: 1% 3%;
	width: fit-content;
	margin: auto;
}

.rebrand-responsive {
	display: none !important;
}

.odoo-faq-wrap {
	background: url('../images/odoo-faq-banner.png') no-repeat;
	height: 45vh;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.odoo-faq-wrap h1 {
	font-size: 70px;
	text-align: center;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif !important;
}

.panel-default>.panel-heading {
	color: #333333;
	background-color: #ffffff !important;
	border-color: #dddddd;
	border-radius: 0px !important;
}

.panel-group .panel {
	margin-bottom: 0;
	overflow: hidden;
	border-radius: 0px !IMPORTANT;
}

.panel-body p {
	margin-top: 19px !important;
}

.panel-body img {
	margin-top: 19px !important;
}

.odoo-app-description span {
	text-align: justify !important;
	padding: 5px 0% 2% 0 !important;
	display: block;
	font-size: 14px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	color: #6a6a6a;
	line-height: 22px !important;
}

.odoo-app-description-1 a {
	padding: 7px 23px;
	background: #a3478a;
	border-radius: 3px;
	color: #fff;
	margin-left: 30%;
}

.odoo-app-description-1 a:hover {
	padding: 7px 23px;
	background: #8c3173;
	border-radius: 3px;
	color: #fff;
}

.odoo-app-description-1 {
	padding: 2% 0;
}

.gitex .modal-body {
	padding: 11px 0px 0 0 !important;
}

.panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	cursor: pointer !important;
}

.panel {
	margin-bottom: 8px !important;
}


/*====Accountsuit===*/

.accountsuit-banner {
	background: url(../images/source-code-bg.jpg) no-repeat;
	height: 75vh;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
}

.accountsuit-banner h1 {
	font-size: 55px;
	text-align: center;
	color: #fff;
	background: #f62b2b;
	padding: 1% 0%;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif !important;
	margin: auto;
	width: 62%;
	margin-bottom: 3%;
	padding-left: 0px !important;
}

.odoo-book {}

.odoo-book a {
	padding: 13px 21.8px 13px 14px;
	background-color: #875A7B;
	color: #ffffff;
	text-align: center;
	line-height: 7px;
	font-size: 1em;
	cursor: pointer;
	position: fixed;
	top: 26%;
	left: 91%;
	float: right;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
}

.odoo-book a:hover {
	padding: 13px 21.8px 13px 14px;
	background-color: #ffffff;
	color: #875A7B;
	text-align: center;
	line-height: 7px;
	font-size: 1em;
	cursor: pointer;
	position: fixed;
	top: 26%;
	left: 91%;
	float: right;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
}


/*=========Construction Project Management==========*/

.industry img {
	width: 85%;
	padding-top: 16%;
}

.industry p {
	padding-top: 4%;
	text-align: left;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #232323;
}

.features-trading {
	background-color: #f7f7f7;
}


/*Image hover*/

.industry img {
	/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
	filter: gray;
	/* IE5+ */
	-webkit-filter: grayscale(1);
	/* Webkit Nightlies & Chrome Canary */
	-webkit-transition: all .8s ease-in-out;
}

.industry img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1.01);
}


/*//Image hover*/

.features-trading h2 {
	color: #323232 !important;
	font-size: 2.2em !important;
	padding-top: 5% !important;
	padding-bottom: 3% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	transition-property: color;
	-moz-transition-property: color;
	/* Firefox 4 */
	-webkit-transition-property: color;
	/* Safari and Chrome */
	-o-transition-property: color;
	/* Opera */
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	/* Firefox 4 */
	-webkit-transition-duration: .5s;
	/* Safari and Chrome */
	-o-transition-duration: .5s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .5s;
	-moz-transition-delay: .5s;
	/* Firefox 4 */
	-webkit-transition-delay: .5s;
	/* Safari and Chrome */
	-o-transition-delay: .5s;
	/* Opera */
}

.features-trading h2 span {
	color: #323232 !important;
	padding-bottom: 3% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	transition-property: color;
	-moz-transition-property: color;
	/* Firefox 4 */
	-webkit-transition-property: color;
	/* Safari and Chrome */
	-o-transition-property: color;
	/* Opera */
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	/* Firefox 4 */
	-webkit-transition-duration: .5s;
	/* Safari and Chrome */
	-o-transition-duration: .5s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .1s;
	-moz-transition-delay: .5s;
	/* Firefox 4 */
	-webkit-transition-delay: .5s;
	/* Safari and Chrome */
	-o-transition-delay: .5s;
	/* Opera */
}

.features-trading li {
	text-align: left;
	font-size: 15px;
	line-height: 50px;
	letter-spacing: 1px;
	color: #787878;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.features-trading .fa-check {
	color: #3d3763;
}

div.features-trading:hover h2,
div.features-trading:hover span {
	color: #3d3763 !important;
}

.why-NarraTree-trading {
	padding: 4% 0 8%;
}


/*//Image hover*/

.why-NarraTree-trading h2 {
	color: #323232 !important;
	font-size: 2.2em !important;
	padding-top: 5% !important;
	padding-bottom: 3% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	transition-property: color;
	-moz-transition-property: color;
	/* Firefox 4 */
	-webkit-transition-property: color;
	/* Safari and Chrome */
	-o-transition-property: color;
	/* Opera */
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	/* Firefox 4 */
	-webkit-transition-duration: .5s;
	/* Safari and Chrome */
	-o-transition-duration: .5s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .5s;
	-moz-transition-delay: .5s;
	/* Firefox 4 */
	-webkit-transition-delay: .5s;
	/* Safari and Chrome */
	-o-transition-delay: .5s;
	/* Opera */
}

.why-NarraTree-trading h2 span {
	color: #323232 !important;
	padding-bottom: 3% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	transition-property: color;
	-moz-transition-property: color;
	/* Firefox 4 */
	-webkit-transition-property: color;
	/* Safari and Chrome */
	-o-transition-property: color;
	/* Opera */
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	/* Firefox 4 */
	-webkit-transition-duration: .5s;
	/* Safari and Chrome */
	-o-transition-duration: .5s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .1s;
	-moz-transition-delay: .5s;
	/* Firefox 4 */
	-webkit-transition-delay: .5s;
	/* Safari and Chrome */
	-o-transition-delay: .5s;
	/* Opera */
}

div.why-NarraTree-trading:hover h2,
div.why-NarraTree-trading:hover span,
why-NarraTree-trading:hover li .fa {
	color: #3d3763 !important;
}

.why-NarraTree-trading li {
	text-align: left;
	font-size: 15px;
	line-height: 50px;
	padding-left: 17%;
	letter-spacing: 1px;
	color: #787878;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.why-NarraTree-trading li .fa {
	color: #787878;
	transition-property: color;
	-moz-transition-property: color;
	/* Firefox 4 */
	-webkit-transition-property: color;
	/* Safari and Chrome */
	-o-transition-property: color;
	/* Opera */
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	/* Firefox 4 */
	-webkit-transition-duration: .5s;
	/* Safari and Chrome */
	-o-transition-duration: .5s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .1s;
	-moz-transition-delay: .5s;
	/* Firefox 4 */
	-webkit-transition-delay: .5s;
	/* Safari and Chrome */
	-o-transition-delay: .5s;
	/* Opera */
}

div.why-NarraTree-trading:hover h2,
div.why-NarraTree-trading:hover span,
div.why-NarraTree-trading:hover li .fa {
	color: #3d3763 !important;
}

.border {
	border: 1px solid #f7f7f7;
}

.ind-Trade {
	height: 100vh;
	background-image: url(../images/trading-banner.png);
	padding: 16% 0 16%;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: ease 0.25s all;
	-moz-transition: ease 0.25s all;
	-ms-transition: ease 0.25s all;
	-o-transition: ease 0.25s all;
	transition: ease 0.25s all;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ind-Trade .fa-line-chart,
.ind-Trade h1 {
	color: #ffffff;
	font-size: 3.3em;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	-webkit-transition: ease 0.25s all;
	-moz-transition: ease 0.25s all;
	-ms-transition: ease 0.25s all;
	-o-transition: ease 0.25s all;
	transition: ease 0.25s all;
}

.ind-Trade:hover {
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 25px 5px rgba(0, 0, 0, .5);
}

.ind-Trade:hover h1,
.ind-Trade:hover .fa-line-chart {
	color: #3d3763 !important;
}

.industry-read-more-btn {
	padding: 1% 3%;
	border: 1px solid #fff;
	color: #fff;
	width: 26%;
	margin: auto;
	margin-top: auto;
	margin-top: 8%;
}


/* Bob */

@-webkit-keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@keyframes hvr-bob {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@-webkit-keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

@keyframes hvr-bob-float {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}

.ind-Trade:hover .hvr-bob {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	color: #09aeef !important;
	border: 1px solid #09aeef !important;
}

.ind-Trade:hover .hvr-bob,
.ind-Trade:focus .hvr-bob,
.ind-Trade:active .hvr-bob {
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-webkit-animation-duration: .3s, 1.5s;
	animation-duration: .3s, 1.5s;
	-webkit-animation-delay: 0s, .3s;
	animation-delay: 0s, .3s;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
}


/*
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;


    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

  
    -ms-touch-action: none;


    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    height:100%;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; 
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
    height:100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip{
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}*/


/* Navigaton bullets styles
 * --------------------------------------- */

#pp-nav li .active span,
.pp-slidesNav .active span {
	background: #bbb;
}

#pp-nav span,
.pp-slidesNav span {
	border-color: #bbb !important;
}


/* Sections
	 * --------------------------------------- */

.section {
	background-attachment: fixed;
	background-size: auto 100%;
	background-position: 50% 0%;
	background-repeat: no-repeat;
}

#section1 {
	background-image: ;
}

#section2 {
	background-image: ;
}

#section3 {
	background-image: ;
}

#section4 .content {
	top: 100%;
	position: absolute;
	left: 0;
}

.other-ind h2 {
	color: #323232 !important;
	font-size: 2.2em !important;
	padding-top: 4% !important;
	padding-bottom: 1% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	transition-property: color;
	-moz-transition-property: color;
	/* Firefox 4 */
	-webkit-transition-property: color;
	/* Safari and Chrome */
	-o-transition-property: color;
	/* Opera */
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	/* Firefox 4 */
	-webkit-transition-duration: .5s;
	/* Safari and Chrome */
	-o-transition-duration: .5s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .5s;
	-moz-transition-delay: .5s;
	/* Firefox 4 */
	-webkit-transition-delay: .5s;
	/* Safari and Chrome */
	-o-transition-delay: .5s;
	/* Opera */
}

.other-ind h2 span {
	color: #323232 !important;
	padding-bottom: 3% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	transition-property: color;
	-moz-transition-property: color;
	/* Firefox 4 */
	-webkit-transition-property: color;
	/* Safari and Chrome */
	-o-transition-property: color;
	/* Opera */
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	/* Firefox 4 */
	-webkit-transition-duration: .5s;
	/* Safari and Chrome */
	-o-transition-duration: .5s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .1s;
	-moz-transition-delay: .5s;
	/* Firefox 4 */
	-webkit-transition-delay: .5s;
	/* Safari and Chrome */
	-o-transition-delay: .5s;
	/* Opera */
}

div.other-ind:hover h2,
div.other-ind:hover span {
	color: #3d3763 !important;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.item {
	float: left;
}

.thing {
	height: 150px;
	width: 100%;
	background: #e4e4e4;
	-moz-box-shadow: 0 0 6px 2px rgba(80, 80, 80, 0.2);
	-webkit-box-shadow: 0 0 6px 2px rgba(80, 80, 80, 0.2);
	box-shadow: 0 0 6px 2px rgba(80, 80, 80, 0.2);
}

.extra-tall {
	height: 400px;
	background: #e4e4e4;
}

.tall {
	height: 300px;
	background: #e4e4e4;
}

.medium {
	height: 180px;
	background: #e4e4e4;
}

.small {
	height: 100px;
	background: #e4e4e4;
}

.extra-small {
	height: 50px;
	background: #e4e4e4;
}

@media screen and (max-width: 400px) {
	.grid-sizer {
		width: calc(4/14*100%);
	}
	.packery .item {
		width: calc(14/14*100%);
	}
	.gutter-sizer {
		width: calc(1/14*100%);
	}
	.packery {
		margin: calc(1.0/14*100%) calc(1.0/14*100%) calc(1.0/14*100%) calc(1.0/14*100%);
	}
}

@media screen and (min-width: 400px) {
	.grid-sizer {
		width: calc(4/19*100%);
	}
	.packery .item {
		width: calc(9/19*100%);
	}
	.gutter-sizer {
		width: calc(1/19*100%);
	}
	.packery {
		margin: calc(1.0/19*100%) calc(1.0/19*100%) calc(1.0/19*100%) calc(1.0/19*100%);
	}
}

@media screen and (min-width: 800px) {
	.grid-sizer {
		width: calc(4/29*100%);
	}
	.packery .item {
		width: calc(9/29*100%);
	}
	.gutter-sizer {
		width: calc(1/29*100%);
	}
	.packery {
		margin: calc(1.0/29*100%) calc(1.0/29*100%) calc(1.0/29*100%) calc(1.0/29*100%);
	}
}

@media screen and (min-width: 1200px) {
	.grid-sizer {
		width: calc(4/39*100%);
	}
	.packery .item {
		width: calc(9/39*100%);
	}
	.gutter-sizer {
		width: calc(1/39*100%);
	}
	.packery {
		margin: calc(1.0/39*100%) calc(1.0/39*100%) calc(1.0/39*100% calc(1.0/39*100%));
	}
}

@media screen and (min-width: 1600px) {
	.grid-sizer {
		width: calc(4/49*100%);
	}
	.packery .item {
		width: calc(9/49*100%);
	}
	.gutter-sizer {
		width: calc(1/49*100%);
	}
	.packery {
		margin: calc(1.0/49*100%) calc(1.0/49*100%) calc(1.0/49*100%) calc(1.0/49*100%);
	}
}

.packery:after {
	content: " ";
	display: block;
	clear: both;
}


/* The slow way */

.make-it-slow {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	transition: box-shadow 0.5s ease-in-out;
}


/* Transition to a bigger shadow on hover */

.make-it-slow:hover {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6) !important;
}

.odoo-services-heading h2 {
	color: #323232 !important;
	font-size: 2.2em !important;
	padding-top: 4% !important;
	padding-bottom: 5% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	transition-property: color;
	-moz-transition-property: color;
	/* Firefox 4 */
	-webkit-transition-property: color;
	/* Safari and Chrome */
	-o-transition-property: color;
	/* Opera */
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	/* Firefox 4 */
	-webkit-transition-duration: .5s;
	/* Safari and Chrome */
	-o-transition-duration: .5s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .5s;
	-moz-transition-delay: .5s;
	/* Firefox 4 */
	-webkit-transition-delay: .5s;
	/* Safari and Chrome */
	-o-transition-delay: .5s;
	/* Opera */
}

.odoo-services-heading h2 span {
	color: #323232 !important;
	padding-bottom: 3% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	transition-property: color;
	-moz-transition-property: color;
	/* Firefox 4 */
	-webkit-transition-property: color;
	/* Safari and Chrome */
	-o-transition-property: color;
	/* Opera */
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	/* Firefox 4 */
	-webkit-transition-duration: .5s;
	/* Safari and Chrome */
	-o-transition-duration: .5s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .1s;
	-moz-transition-delay: .5s;
	/* Firefox 4 */
	-webkit-transition-delay: .5s;
	/* Safari and Chrome */
	-o-transition-delay: .5s;
	/* Opera */
}

div.other-ind:hover h2,
div.other-ind:hover span {
	color: #3d3763 !important;
}

.odoo-services-heading p,
.odoo-services-heading li {
	text-align: center !important;
	font-size: 15px !important;
	line-height: 20px !important;
	letter-spacing: 1px !important;
	color: #787878 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	font-weight: normal;
}

.odoo-services-heading h3 {
	text-align: center !important;
	color: #3d3763 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.grid-trading {
	background-image: url(../images/trading-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-trading h6 {
	text-align: center;
	color: #fff;
	padding-top: 26%;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ Trading Banner ===================*/

.industry-trading-wrap .outer-container {
	width: 100%;
}

.industry-trading-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-trading-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-trading-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/trading-banner.jpg);
}

.industry-trading-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-trading-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-trading-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}


/*================ //Trading Banner ===================*/

.grid-manufacturing {
	background-image: url(../images/manufacturing-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-manufacturing h6 {
	text-align: center;
	color: #fff;
	padding-top: 14%;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ Manufacturing Banner ===================*/

.industry-manufacturing-wrap .outer-container {
	width: 100%;
}

.industry-manufacturing-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-manufacturing-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-manufacturing-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/manufacturing-banner.jpg);
}

.industry-manufacturing-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-manufacturing-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-manufacturing-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}


/*================ //Manufacturing Banner ===================*/

.grid-accounting-finance {
	background-image: url(../images/accounting-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-accounting-finance h6 {
	text-align: center;
	color: #fff;
	padding-top: 25%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ Accounting Finance Banner ===================*/

.industry-accounting-finance-wrap .outer-container {
	width: 100%;
}

.industry-accounting-finance-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-accounting-finance-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-accounting-finance-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/accounting-banner.jpg);
}

.industry-accounting-finance-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-accounting-finance-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-accounting-finance-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}

.construction-wrap.container-fluid.industry-accounting-finance-wrap .col-lg-7 p {
	padding-top: 11%;
}

.container-fluid.construction-wrap {
	padding: 0px !important;
}


/*================ //Accounting Finance Banner ===================*/

.grid-education {
	background-image: url(../images/education-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-accounting-finance h6 {
	text-align: center;
	color: #fff;
	padding-top: 25%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ Education Banner ===================*/

.industry-education .outer-container {
	width: 100%;
}

.industry-education .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-education .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-education .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/education-banner.jpg)!important;
}

.industry-education .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-education .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-education .banner__caption p {
	margin-top: 20px;
	color: #fff;
}

.construction-wrap.container-fluid.industry-education .col-lg-7 p {
	padding-top: 11%;
}

.container-fluid.construction-wrap {
	padding: 0px !important;
}


/*================ //Education Banner ===================*/


/*================ Hotel Banner ===================*/

.industry-hotel .outer-container {
	width: 100%;
}

.industry-hotel .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-hotel .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-hotel .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/hotel-banner.jpg)!important;
}

.industry-hotel .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-hotel .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-hotel .banner__caption p {
	margin-top: 20px;
	color: #fff;
}

.construction-wrap.container-fluid.industry-education .col-lg-7 p {
	padding-top: 11%;
}

.container-fluid.construction-wrap {
	padding: 0px !important;
}


/*================ //Hotel Banner ===================*/


/*================ purchase Banner ===================*/

.industry-purchase .outer-container {
	width: 100%;
}

.industry-purchase .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-purchase .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-purchase .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/purchase-banner.jpg)!important;
}

.industry-purchase .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-purchase .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-purchase .banner__caption p {
	margin-top: 20px;
	color: #fff;
}

.construction-wrap.container-fluid.industry-education .col-lg-7 p {
	padding-top: 11%;
}

.container-fluid.construction-wrap {
	padding: 0px !important;
}


/*================ //purchase Banner ===================*/


/*================ Sales Banner ===================*/

.industry-sales .outer-container {
	width: 100%;
}

.industry-sales .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-sales .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-sales .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/sales-banner.jpg)!important;
}

.industry-sales .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-sales .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-sales .banner__caption p {
	margin-top: 20px;
	color: #fff;
}

.construction-wrap.container-fluid.industry-education .col-lg-7 p {
	padding-top: 11%;
}

.container-fluid.construction-wrap {
	padding: 0px !important;
}


/*================ //Sales Banner ===================*/

.grid-pos {
	background-image: url(../images/pos-banner.jpg)!important;
	text-align: center;
	background-size: cover;
	background-position-y: -385px;
}

.grid-pos h6 {
	text-align: center;
	color: #fff;
	padding-top: 14%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ POS Finance Banner ===================*/

.industry-pos-wrap .outer-container {
	width: 100%;
}

.industry-pos-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-pos-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-pos-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/pos-banner.jpg);
	background-position-y: -234px;
}

.industry-pos-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-pos-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-pos-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}


/*================ //POS Finance Banner ===================*/

.grid-ecommerce {
	background-image: url(../images/ecommerce-website-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-ecommerce h6 {
	text-align: center;
	color: #fff;
	padding-top: 24%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ ecommerce Banner ===================*/

.industry-ecommerce-wrap .outer-container {
	width: 100%;
}

.industry-ecommerce-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-ecommerce-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-ecommerce-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/ecommerce-website-banner.jpg);
	background-position-y: -190px;
}

.industry-ecommerce-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-ecommerce-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-ecommerce-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}


/*================ //ecommerce Banner ===================*/

.grid-hr {
	background-image: url(../images/hr-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-hr h6 {
	text-align: center;
	color: #fff;
	padding-top: 19%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ HR Banner ===================*/

.industry-hr-wrap .outer-container {
	width: 100%;
}

.industry-hr-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-hr-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-hr-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/hr-banner.jpg);
	background-position-y: -200px;
}

.industry-hr-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-hr-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-hr-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}


/*================ //HR Banner ===================*/

.grid-restaurant {
	background-image: url(../images/restaurant-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-restaurant h6 {
	text-align: center;
	color: #fff;
	padding-top: 21%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ Restaurant Banner ===================*/

.industry-restaurant-wrap .outer-container {
	width: 100%;
}

.industry-restaurant-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-restaurant-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-restaurant-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/restaurant-banner.jpg);
	background-position-y: -200px;
}

.industry-restaurant-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-restaurant-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-restaurant-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}


/*================ //Restaurant Banner ===================*/

.grid-warehouse {
	background-image: url(../images/warehouse-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-warehouse h6 {
	text-align: center;
	color: #fff;
	padding-top: 21%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ warehouse Banner ===================*/


/*================ //Restaurant Banner ===================*/

.grid-warehouse {
	background-image: url(../images/warehouse-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-warehouse h6 {
	text-align: center;
	color: #fff;
	padding-top: 21%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ warehouse Banner ===================*/

.industry-warehouse-wrap .outer-container {
	width: 100%;
}

.industry-warehouse-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-warehouse-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-warehouse-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/warehouse-banner.jpg);
}

.industry-warehouse-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-warehouse-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-warehouse-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}

.container-fluid.construction-wrap.industry-warehouse-wrap .col-lg-7 p {
	padding-top: 11%;
}


/*================ //warehouse Banner ===================*/

.grid-project {
	background-image: url(../images/project-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-project h6 {
	text-align: center;
	color: #fff;
	padding-top: 24%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ project Banner ===================*/

.industry-project-wrap .outer-container {
	width: 100%;
}

.industry-project-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-project-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-project-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/project-banner.jpg);
	background-position-y: -45px;
}

.industry-project-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-project-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-project-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}


/*================ //warehouse Banner ===================*/

.grid-crm {
	background-image: url(../images/crm-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-crm h6 {
	text-align: center;
	color: #fff;
	padding-top: 25%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ CRM Banner ===================*/

.industry-crm-wrap .outer-container {
	width: 100%;
}

.industry-crm-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-crm-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-crm-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/crm-banner.jpg);
	background-position-y: -45px;
}

.industry-crm-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-crm-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-crm-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}


/*================ //warehouse Banner ===================*/

.grid-service {
	background-image: url(../images/service-banner.jpg)!important;
	text-align: center;
	background-size: cover;
}

.grid-service h6 {
	text-align: center;
	color: #fff;
	padding-top: 13%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*================ service Banner ===================*/

.industry-warehouse-wrap .outer-container {
	width: 100%;
}

.industry-warehouse-wrap .banner {
	width: 100%;
	height: 75vh;
	overflow: hidden;
	position: relative;
	background-color: #000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}

.industry-warehouse-wrap .banner__image,
.banner__caption {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.industry-warehouse-wrap .banner__image {
	height: 800px;
	z-index: 10;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.8;
	-webkit-transform: translatez(0);
	transform: translatez(0);
	background-image: url(../images/warehouse-banner.jpg);
}

.industry-warehouse-wrap .banner__caption {
	height: auto;
	z-index: 20;
	text-align: center;
	color: #fff;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
}

.industry-warehouse-wrap .banner__caption h1 {
	font-size: 82px;
	font-weight: 600;
	letter-spacing: -1px;
	font-family: 'Roboto', sans-serif !important;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 85px;
}

.industry-warehouse-wrap .banner__caption p {
	margin-top: 20px;
	color: #fff;
}

.container-fluid.construction-wrap.industry-warehouse-wrap .col-lg-7 p {
	padding-top: 11%;
}


/*================ //service Banner ===================*/

.grid-apps {
	background-image: url(../images/odoo-apps-banner.png)!important;
	text-align: center;
	background-size: cover;
}

.grid-apps h6 {
	text-align: center;
	color: #fff;
	padding-top: 14%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}

.grid-faq {
	background-image: url(../images/odoo-faq-banner.png)!important;
	text-align: center;
	background-size: cover;
}

.grid-faq h6 {
	text-align: center;
	color: #fff;
	padding-top: 14%;
	line-height: 30px;
	font-size: 20px !important;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif !important;
}


/*====================================================================================================================================================================
 ========================================================================BGI Banner ===========================================================================================*/

.grid-hotel {
	background-image: url(../images/hotel-banner.jpg)!important;
}

.grid-education {
	background-image: url(../images/education-banner.jpg)!important;
}

.grid-purchase {
	background-image: url(../images/purchase-banner.jpg)!important;
}

.grid-sales {
	background-image: url(../images/sales-banner.jpg)!important;
}

.expertise-padd h6 {
	padding-top: 21%;
}


/**====================================================================================================================================================================
 ========================================================================//BGI Banner ===================================================================*/

.item .make-it-slow {
	transition-property: transform;
	-moz-transition-property: transform;
	/* Firefox 4 */
	-webkit-transition-property: transform;
	/* Safari and Chrome */
	-o-transition-property: transform;
	/* Opera */
	transition-duration: .1s;
	-moz-transition-duration: .1s;
	/* Firefox 4 */
	-webkit-transition-duration: .1s;
	/* Safari and Chrome */
	-o-transition-duration: .1s;
	/* Opera */
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	/* Firefox 4 */
	-webkit-transition-timing-function: linear;
	/* Safari and Chrome */
	-o-transition-timing-function: linear;
	/* Opera */
	transition-delay: .1s;
	-moz-transition-delay: .1s;
	/* Firefox 4 */
	-webkit-transition-delay: .1s;
	/* Safari and Chrome */
	-o-transition-delay: .1s;
	/* Opera */
}

.item .make-it-slow:hover,
.item .make-it-slow:focus {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.greyscale {
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%) !important;
	filter: gray !important;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	transition-property: filter;
	-moz-transition-property: filter;
	/* Firefox 4 */
	-webkit-transition-property: filter;
	/* Safari and Chrome */
	-o-transition-property: filter;
	/* Opera */
	transition-duration: .2s;
	-moz-transition-duration: .2s;
	/* Firefox 4 */
	-webkit-transition-duration: .2s;
	/* Safari and Chrome */
	-o-transition-duration: .2s;
	/* Opera */
	transition-delay: .2s;
	-moz-transition-delay: .2s;
	/* Firefox 4 */
	-webkit-transition-delay: .2s;
	/* Safari and Chrome */
	-o-transition-delay: .2s;
	/* Opera */
}

.greyscale:hover {
	-webkit-filter: none !important;
	filter: none !important;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
}

.odoo-book-wrap {
	background: #75526b;
	background: -webkit-linear-gradient(150deg, #875A7B 20%, #62495B 80%);
	background: -moz-linear-gradient(150deg, #875A7B 20%, #62495B 80%);
	background: -ms-linear-gradient(150deg, #875A7B 20%, #62495B 80%);
	background: -o-linear-gradient(150deg, #875A7B 20%, #62495B 80%);
	background: linear-gradient(150deg, #875A7B 20%, #62495B 80%);
}

.odoo-book-wrap p {
	color: #ffffff;
	text-align: center;
	font-size: 23px;
	line-height: 30px;
}

.odoo-book-1 a {
	padding: 13px 21.8px 13px 14px;
	background-color: #00A09D;
	color: #ffffff;
	text-align: center;
	line-height: 7px;
	font-size: 1em;
	cursor: pointer;
	margin: auto;
	border-radius: 7px;
}


/*====================Odoo pages change========================*/

.implementation-inner-page-head {
	padding: 13% 0px 18% 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(../images/implementation.jpg)!important;
	height: 100vh;
}

.implementation-inner-page-head h1 {
	color: #ffffff;
	/**text-align:center;**/
	line-height: 53px;
	font-size: 42px;
	font-weight: 900 !important;
	font-family: 'Montserrat' !important;
	/**text-transform: uppercase;**/
	margin: 19px 0 19px 0;
	letter-spacing: 0.05em;
	text-align: center;
}

.heading1 {
	font-size: 29px !important;
	line-height: 16px !important;
	color: #fff;
	text-align: center;
	font-weight: 500;
}

.implementation-inner-page-head img {
	width: 450px;
	margin: auto;
	margin-top: 19%;
	border-radius: 0px;
	margin-bottom: 16px;
	margin: auto;
	padding: 30px;
}

.implementation-icon img {
	width: 35%;
	margin: auto;
	margin-top: 24%;
	border-radius: 0px;
	position: absolute;
	left: 82%;
}

.odoo-implementation {
	margin-top: 5%;
	margin-bottom: 5%;
}

.odoo-implementation p {
	text-align: justify;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	line-height: 28px !important;
	color: #5f6469;
	letter-spacing: .5px;
	padding-bottom: 3%;
	padding-top: 2%;
}

.odoo-implementation1 {
	margin-top: 3%;
	margin-bottom: 5%;
}

.odoo-implementation1 p {
	text-align: justify;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px !important;
	line-height: 28px !important;
	color: #5f6469;
	letter-spacing: .5px;
	width: 80%;
	margin: auto !important;
}

.container-fluid.why-implementation h1 {
	text-align: center;
	font-weight: 900;
	font-size: 41px;
	color: #717170;
}

.why-odoo-erp {
	padding-bottom: 2%;
	padding-top: 2%;
	text-align: center;
}

.why-odoo-erp img {
	width: 70%;
	margin: auto;
}

.why-odoo-erp .col-md-3 {
	padding-top: 5%;
}

.why-odoo-erp i.fa {
	font-size: 81px;
	padding-bottom: 5%;
	color: #8e8f8f;
	padding-top: 3%;
}

.why-odoo-erp h4 {
	font-size: 20px !important;
	color: #875A7B;
	text-align: center;
	min-height: 45px;
	font-family: 'Open Sans', sans-serif !important;
}

.container-fluid.why-implementation {
	padding-bottom: 0%;
}

.our-methodologies h2 {
	text-align: center;
	font-weight: 900;
	font-size: 41px;
	color: #717170;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 3%;
	margin-bottom: 45px !important;
}

.methodologies-box {
	background: #bf65a7;
}

.our-methodologies-wrap .customization-content-1,
.our-methodologies-wrap .customization-content-2,
.our-methodologies-wrap .customization-content-3 {
	height: 380px;
	text-align: center;
	padding: 3% 3% !important;
}

.our-methodologies-wrap .customization-content-1 p,
.our-methodologies-wrap .customization-content-2 p,
.our-methodologies-wrap .customization-content-3 p {
	text-align: justify;
	padding-top: 2% !important;
	font-size: 15px !important;
}

.container-fluid.customization-content-wrapper.our-methodologies-wrap .fa {
	color: #fff;
	font-size: 50px;
	padding-bottom: 5%;
	text-align: center;
}

.our-methodologies-wrap .customization-content-1 h2,
.our-methodologies-wrap .customization-content-2 h2,
.our-methodologies-wrap .customization-content-3 h2 {
	font-size: 23px;
	line-height: 20px;
	text-align: center;
}

.implementation-NarraTree h2 {
	text-align: center;
	font-weight: 900;
	font-size: 41px;
	color: #717170;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 3%;
	margin-bottom: 45px !important;
	font-family: 'Lato', sans-serif !important;
}

.integration-wrap {
	text-align: center;
}

.integration-wrap .row {
	padding-bottom: 5%;
}

.integration-wrap h6 {
	font-size: 14px;
	font-weight: 100;
	text-align: center;
	color: #595959;
	padding-bottom: 15%;
}

.integration-wrap h2 {
	font-size: 31px !important;
	font-family: 'Montserrat' !important;
	font-weight: 100;
	color: #875A7B;
	text-align: Left;
	padding: 0% 0 1% 0;
}

.col-md-6.col-lg-6.col-sm-6.col-xs-12.integration-subcontent {
	padding-left: 4%;
}

.integration-subcontent p {
	width: 100% !important;
}

.height100vh {
	height: 100vh;
}


/*================================Contact validation========================*/

.validator {
	position: absolute !important;
	width: 100% !important;
	padding: 13% !important;
	padding-left: 23% !important;
	border: none !important;
}

span#RequiredFieldValidator1 {
	position: absolute !important;
	width: 100% !important;
	padding: 13% !important;
	padding-left: 23% !important;
	border: none !important;
}

span#footer_RequiredFieldValidator10,
span#footer_RequiredFieldValidator11,
span#footer_RequiredFieldValidator12,
span#footer_RequiredFieldValidator13 {
	float: right;
}

div#msg {
	width: 100%;
	text-align: center;
	padding-top: 3%;
	font-weight: 600;
}

span#footer_lblMesg {
	color: #32cc32 !important;
	width: 100%;
	margin: auto;
}

.mobshop-banner .modal-dialog {
	right: auto;
	left: 0 !important;
	width: 600px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.product-tab .wrapper {
	min-width: 100%;
	max-width: 100%;
	margin: 0 auto;
	background: none !important;
}

.product-tab .tabs {
	display: table;
	table-layout: fixed;
	width: 100%;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

.product-tab .tabs>li {
	transition-duration: .25s;
	display: table-cell;
	list-style: none;
	text-align: center;
	padding: 20px 20px 25px 20px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	color: white;
}

.product-tab .tabs>li:before {
	z-index: -1;
	position: absolute;
	content: "";
	width: 100%;
	height: 120%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition-duration: .25s;
	border-radius: 5px 5px 0 0;
}

.product-tab .tabs>li:hover:before {
	-webkit-transform: translateY(70%);
	transform: translateY(70%);
}

.product-tab .tabs>li.active {
	color: #50555a;
}

.product-tab .tabs>li.active:before {
	transition-duration: .5s;
	background-color: white;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.product-tab .tab__content {
	background-color: white;
	position: relative;
	width: 100%;
	border-radius: 5px;
}

.product-tab .tab__content>li {
	width: 100%;
	position: static;
	top: 0;
	left: 0;
	display: none;
	list-style: none;
}

.product-tab .tab__content>li .content__wrapper {
	text-align: center;
	border-radius: 5px;
	width: 100%;
	padding: 45px 40px 18px 40px;
	background-color: white;
}

.product-tab .content__wrapper h2 {
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
	font-weight: normal;
}

.product-tab .content__wrapper img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.product-tab .colors {
	text-align: center;
	padding-top: 20px;
}

.product-tab .colors>li {
	list-style: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border-bottom: 5px solid rgba(0, 0, 0, 0.1);
	display: inline-block;
	margin: 0 10px;
	cursor: pointer;
	transition-duration: .2s;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.product-tab .colors>li:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	border-bottom: 10px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

.product-tab .colors>li.active-color {
	-webkit-transform: scale(1.2) translateY(-10px);
	transform: scale(1.2) translateY(-10px);
	box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	border-bottom: 20px solid rgba(0, 0, 0, 0.15);
}

.product-tab .colors>li:nth-child(1) {
	background-color: #2ecc71;
}

.product-tab .colors>li:nth-child(2) {
	background-color: #D64A4B;
}

.product-tab .colors>li:nth-child(3) {
	background-color: #8e44ad;
}

.product-tab .colors>li:nth-child(4) {
	background-color: #46a1de;
}

.product-tab .colors>li:nth-child(5) {
	background-color: #bdc3c7;
}

.nav-tabs {
	border: none !important;
	padding: 0 15px;
}

.tab-content .tab-pane {
	padding: 30px 0px 15px;
	overflow: hidden;
}

.nav-tabs>li {
	float: left;
	margin-bottom: -1px;
	width: 25%;
	text-align: center;
	border-bottom: 1px solid #cacaca;
}

.nav.nav-tabs li.active a {
	background: #ad131800 !important;
	border-bottom: 4px solid #AD1318 !important;
	color: #AD1318 !important;
	font-weight: 600;
}

.nav.nav-tabs li a {
	padding: 22px;
}

.sc-tab .tab-content .tab-pane p {
	color: #ffffff;
	font-size: 13px !important;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 20px;
	line-height: 19px;
	padding: 0px !important;
	text-align: justify;
	word-break: break-all;
}

.account-hero {
	background: url(../images/account-suit-hero.jpg);
	background-position: no-repeat;
	background-size: cover;
	padding: 20% 0%;
}

.account-hero img {
	margin: auto;
}

.container-fluid.sc-platform {
	padding-top: 4%;
	padding-bottom: 5%;
}

.sc-platform img {
	margin: auto;
	text-align: center;
}

.sc-platform h6 {
	font-size: 16px;
	text-align: center;
	font-weight: 600;
	padding-bottom: 12%;
}

.agileinfo_calender {
	padding-bottom: 14%;
}

.career-tab .tab-content .tab-pane p {
	color: #000000 !important;
	font-size: 14px !important;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 20px;
	line-height: 19px;
	padding: 0px !important;
	text-align: justify;
	word-break: break-all;
}


/*====================ODOO PAGE NEW 2K18 SEPT=======================*/

.odoo-apps-scroll img {
	width: 100%;
	padding-top: 1%;
	padding-bottom: 1%;
	-webkit-perspective: 100px;
	-webkit-perspective-origin: left;
	perspective: 100px;
	perspective-origin: left;
}

.odoo-highlite {
	padding-top: 24% !important;
	font-size: 20px !important;
	text-align: center !important;
	color: #6f6f6f !important;
	line-height: 35px !IMPORTANT;
}

.odoo-sections {
	text-align: center;
}

.odoo-btn {
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Exo 2', sans-serif;
	font-weight: normal;
	font-size: 12px;
	display: inline-block;
	position: relative;
	background: #fff;
	text-align: center;
	color: #00A09D;
	border: 1px solid #eaeaeab8;
	border-radius: 22px;
	line-height: 3em;
	padding-left: 1em;
	padding-right: 1em;
	margin: auto;
	margin-top: 3%;
	box-shadow: 0 0 0 0 transparent;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	will-change: transform, box-shadow;
	box-shadow: 0 10px 40px 0 rgba(62, 57, 107, 0.07), 0 2px 9px 0 rgba(62, 57, 107, 0.06);
}

.odoo-btn:hover {
	color: white;
	background-color: #00A09D;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	transform: translateY(-5px) translateZ(0);
	box-shadow: 0 16px 32px 0 rgba(62, 57, 107, 0.28), 0 0 0 transparent;
}

.odoo-btn:hover:before {
	-webkit-animation: shine 0.5s 0s linear;
	-moz-animation: shine 0.5s 0s linear;
	animation: shine 0.5s 0s linear;
}

.odoo-btn:active {
	box-shadow: 0 0 0 0 transparent;
	-webkit-transition: box-shadow 0.2s ease-in;
	-moz-transition: box-shadow 0.2s ease-in;
	transition: box-shadow 0.2s ease-in;
}

.odoo-btn:before {
	content: '';
	display: block;
	width: 0px;
	height: 86%;
	position: absolute;
	top: 7%;
	left: 0%;
	opacity: 0;
	background: white;
	box-shadow: 0 0 15px 3px white;
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
	transform: skewX(-20deg);
}

@-webkit-keyframes shine {
	from {
		opacity: 0;
		left: 0%;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 0;
		left: 100%;
	}
}

@-moz-keyframes shine {
	from {
		opacity: 0;
		left: 0%;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 0;
		left: 100%;
	}
}

@keyframes shine {
	from {
		opacity: 0;
		left: 0%;
	}
	50% {
		opacity: 1;
	}
	to {
		opacity: 0;
		left: 100%;
	}
}

.ct-dark {
	background: #f5f5f5;
}

.odoo-sections li {
	text-align: left;
	line-height: 41px;
	font-size: 17px;
	color: #929292 !important;
}

.odoo-sections .fa-dot-circle-o {
	color: #875A7B;
}

.odoo-sections h3 {
	text-align: left;
	font-family: 'Roboto Condensed', sans-serif !important;
	color: #875A7B !important;
}

.app-description h2 {
	font-family: 'Roboto Condensed', sans-serif !important;
	font-size: 25px !important;
	padding-bottom: 1% !important;
}

.odoo-sections .fa-dot-circle-o {
	color: #875A7B;
	font-size: 12px;
}

.col-md-6.col-lg-6.col-sm-12.col-xs-12.odoo-sections.align-middle {
	padding-left: 5%;
}

.col-md-6.col-lg-6.col-sm-12.col-xs-12.odoo-sections.align-middle.odoo-sections-alt {
	padding-left: 7%;
}

.container-fluid.construction-wrap {
	padding: 0px !important;
	/*overflow-x: hidden;*/
}

.streamcontent h2 {
	float: left;
	font-family: 'Montserrat', sans-serif;
}

.comment-count {
	padding: 9px 17px;
	margin-top: 0px;
	margin-left: 12px;
	background: #f1f3f4;
	border-radius: 100%;
}


/*====================//ODOO PAGE NEW 2K18 SEPT=======================*/


/*====================ODOO Trading page 2K18 SEPT=======================*/

.why-NarraTree-trading {
	/* background-image:url("../images/trading-web-banner.jpg");*/
	background-size: cover;
	background-repeat: no-repeat;
	color: #ffffff !important;
	height: auto;
	padding: 4% 0 4%;
}

.why-NarraTree-trading h2 {
	color: #7b7b7b !important;
	font-size: 3.2em !important;
	padding-top: 3% !important;
	padding-bottom: 0% !important;
	font-family: 'Roboto', sans-serif !important;
	text-align: center;
	text-transform: capitalize;
	font-weight: 500;
	transition-property: color;
	-moz-transition-property: color;
	-webkit-transition-property: color;
	-o-transition-property: color;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-delay: .5s;
	-moz-transition-delay: .5s;
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
}

.why-NarraTree-trading h2 span {
	color: #7b7b7b !important;
	padding-bottom: 3% !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	transition-property: color;
	-moz-transition-property: color;
	-webkit-transition-property: color;
	-o-transition-property: color;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-delay: .1s;
	-moz-transition-delay: .5s;
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
}

div.why-NarraTree-trading:hover h2,
div.why-NarraTree-trading:hover span,
div.why-NarraTree-trading:hover li .fa {
	color: #7b7b7b !important;
}

.why-NarraTree-trading .fa {
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 2rem;
	color: #fff;
}

.why-NarraTree-trading p {
	color: #272727;
	text-align: center;
	font-size: 16px;
	width: 80%;
	margin: auto !important;
	margin-top: 6% !important;
}

.container-fluid.why-NarraTree-trading .col-lg-3 {
	height: 171px;
	text-align: center;
	border: 1px solid #ffffff54;
	padding-top: 4%;
}

.icon-circle {
	width: 60px;
	height: 60px;
	padding-top: 5.8%;
	background: #875A7B;
	border-radius: 100%;
	margin: auto;
}

.industry-trading-wrap .banner {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	background-color: #a3478a;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translatez(0);
	transform: translatez(0);
}


/*.container-fluid.construction-wrap.industry-trading-wrap img {
    width: 100%;
}*/

h1.trading-h1 {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 3%;
	font-size: 4rem;
	text-transform: uppercase;
	font-weight: 700;
	color: #fff;
}

.odoo-sections h2 {
	text-align: left;
	font-family: 'Roboto Condensed', sans-serif !important;
	color: #875A7B !important;
	font-size: 25px !important;
}

.ind-cont-top p {
	padding: 1% 8%!important;
	font-size: 17px !important;
	text-align: justify !important;
	color: #6f6f6f !important;
	line-height: 31px !IMPORTANT;
}

.ind-cont-top h2 {
	padding: 1% 8%!important;
	font-size: 43px !important;
	text-align: justify !important;
	color: #191d28 !important;
	line-height: 46px !IMPORTANT;
}


/*====================//ODOO Trading page 2K18 SEPT=======================*/


/*======================Pricing==========================*/

.pricing-wrap .card-1,
.pricing-wrap .card-2,
.pricing-wrap .card-3 {
	background: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
	box-shadow: 1px 2px 17px #cacaca69;
	max-width: 400px;
	height: auto;
	padding-top: 14%;
	padding-bottom: 22%;
	border-radius: 6%;
	color: #fff;
}

.pricing-wrap .card-1,
.pricing-wrap .card-2,
.pricing-wrap .card-3 {
	letter-spacing: 2px;
}

.pricing-wrap .price {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 60px;
	color: #000;
}

.pricing-wrap .card-list-item {
	border-bottom: 1px groove #eee;
	width: 55%;
	margin: auto;
	padding-top: 3%;
	padding-bottom: 3%;
	color: #636363;
}

.pricing-wrap .price-card-button {
	background: #05a4ad;
	width: 130px;
	box-shadow: 1px 4px 13px #00000052;
	transition: all .2s;
	margin-top: 7%;
	color: #fff;
	border-radius: 50px;
}

.price-card-button:hover {
	background: #007b82;
	transform: translateY(-2px);
	color: #fff !important;
}

.pricing-wrap .moveFromLeft {
	animation-name: moveFromLeft;
	animation-duration: 2s;
}

.pricing-wrap .moveFromRight {
	animation-name: moveFromRight;
	animation-duration: 2s;
}

.pricing-wrap .moveFromBottom {
	animation-name: moveFromBottom;
	animation-duration: 2s;
}

@keyframes moveFromLeft {
	0% {
		transform: translateX(-100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes moveFromRight {
	0% {
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes moveFromBottom {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

div#sig {
	min-width: 300px;
	max-width: 100% !important;
	min-height: 82px;
	line-height: 18px;
	margin: auto;
	padding: 0px !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px;
	color: #333333;
	text-align: left !important;
}

div#sig p {
	text-align: left;
	font-size: 13px !important;
	color: #333333;
	text-decoration: none;
}

div#sig li {
	font-family: 'Open Sans', sans-serif !important;
	text-align: left;
	font-size: 13px !important;
	color: #333333;
}

div#sig span {
	font-size: 20px;
	color: #05a4ad;
	text-decoration: none;
}

.pricing-wrap .panel-wrap {
	padding: 20px 0;
	border-bottom: 1px dotted #ccc;
	box-shadow: 1px 2px 17px #cacaca69;
}

.pricing-wrap .panel-list-content {
	margin: 33px auto 0;
	text-align: left;
}

.pricing-wrap .panel-wrap {
	padding: 13px 0;
	border-bottom: 1px dotted #ccc;
	border-radius: 16px !important;
}

.pricing-wrap .panel-title {
	color: #05a4ad;
	font-size: 19px;
	width: 100%;
	margin: 0;
	padding: 4px 10px 0 48px;
	display: block;
	cursor: pointer !important;
	font-weight: normal;
}

.pricing-wrap .panel-content {
	font-size: 20px;
	padding: 0px 14px;
	margin: 0 40px;
	height: 0;
	overflow: hidden;
	z-index: -1;
	position: relative;
	opacity: 0;
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
}

.pricing-wrap .panel:checked~.panel-content {
	height: auto;
	opacity: 1;
	padding: 14px;
}

.pricing-wrap .plus {
	position: absolute;
	margin-left: 20px;
	margin-top: 3px;
	z-index: 5;
	font-size: 30px;
	color: #525252;
	line-height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}

.pricing-wrap .panel:checked~.plus {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pricing-wrap .panel {
	display: none;
}

.pricing-wrap input,
.pricing-wrap select,
.pricing-wrap textarea {
	background: none !important;
	color: #646464 !important;
	font-family: "Lato", Helvetica, sans-serif !important;
	font-size: 15pt !important;
	font-weight: 300 !important;
	line-height: 1.75em !important;
}

.pricing-wrap input,
.pricing-wrap textarea {
	border: none !important;
	outline: none !important;
	padding-left: 30px;
	resize: none !important;
	font-size: 15px !important;
	border-radius: 35px;
	height: 40px;
	padding-top: 0px;
	background: #F1F3F4 !important;
	width: 71% !important;
	border-bottom: 1px solid #efefef !IMPORTANT;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	-o-appearance: none;
	-ms-appearance: none !important;
	appearance: none !important;
	margin-left: 0%;
}

.pricing-wrap h2,
.pricing-wrap h3 {
	color: #545454 !important;
	font-weight: 700 !important;
	line-height: 1.5em !important;
	margin: 0 0 1em 0 !important;
	letter-spacing: -0.01em !important;
}

.pricing-wrap h2 {
	font-size: 1.75em !important;
}

.pricing-wrap h3 {
	font-size: 1.25em !important;
}

.pricing-wrap ul {
	list-style: disc !important;
	margin: 0 0 2em 0 !important;
	padding-left: 1em !important;
}

.pricing-wrap ul.actions {
	cursor: default !important;
	list-style: none !important;
	padding-left: 0 !important;
}

.pricing-wrap ul.actions li {
	display: inline-block !important;
	padding: 0 1em 0 0 !important;
	vertical-align: middle !important;
}

.pricing-wrap ul.actions li:last-child {
	padding-right: 0 !important;
}

.pricing-wrap .contact-container {
	width: 100% !important;
	/*   padding-top: 20% !important; */
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}


/* Checkbox */

.pricing-wrap input[type="checkbox"] {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	-o-appearance: none !important;
	-ms-appearance: none !important;
	appearance: none !important;
	display: block !important;
	float: left !important;
	margin-right: -2em !important;
	opacity: 0 !important;
	width: 1em !important;
	z-index: -1 !important;
}

.pricing-wrap input[type="checkbox"]+label {
	text-decoration: none !important;
	color: #646464 !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-size: 1em !important;
	font-weight: 300 !important;
	padding-left: 2.4em !important;
	padding-right: 0.75em !important;
	position: relative !important;
}

.pricing-wrap input[type="checkbox"]+label:before {
	-moz-osx-font-smoothing: grayscale !important;
	-webkit-font-smoothing: antialiased !important;
	font-family: FontAwesome !important;
	font-style: normal !important;
	font-weight: normal !important;
	text-transform: none !important;
}

.pricing-wrap input[type="checkbox"]+label:before {
	background: rgba(144, 144, 144, 0.075) !important;
	border-radius: 0.5em !important;
	border: solid 1px rgba(144, 144, 144, 0.25) !important;
	content: '' !important;
	display: inline-block !important;
	height: 1.65em !important;
	left: 0 !important;
	line-height: 1.58125em !important;
	position: absolute !important;
	text-align: center !important;
	top: 0 !important;
	width: 1.65em !important;
}

.pricing-wrap input[type="checkbox"]:checked+label:before {
	background: #494d53 !important;
	border-color: #494d53 !important;
	color: #ffffff !important;
	content: '\f00c' !important;
}

.pricing-wrap input[type="checkbox"]:focus+label:before {
	border-color: #47cdd9 !important;
	box-shadow: 0 0 0 1px #47cdd9 !important;
}

.pricing-wrap input[type="checkbox"]+label:before {
	border-radius: 0.5em !important;
}


/* Buttons */

.pricing-wrap input[type="submit"],
.pricing-wrap input[type="reset"],
.pricing-wrap input[type="button"],
.pricing-wrap .button {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	-o-appearance: none !important;
	-ms-appearance: none !important;
	appearance: none !important;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
	-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out !important;
	background-color: transparent !important;
	border-radius: 0.5em !important;
	border: solid 1px rgba(144, 144, 144, 0.25) !important;
	color: #545454 !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-size: 0.8em !important;
	font-weight: 700 !important;
	height: 3.5em !important;
	letter-spacing: 0.1em !important;
	line-height: 3.5em !important;
	overflow: hidden !important;
	padding: 0 2em !important;
	text-align: center !important;
	text-decoration: none !important;
	text-overflow: ellipsis !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

.pricing-wrap input[type="submit"]:hover,
.pricing-wrap input[type="reset"]:hover,
.pricing-wrap input[type="button"]:hover,
.pricing-wrap .button:hover {
	background-color: rgba(144, 144, 144, 0.075) !important;
	color: #545454 !important;
}

.pricing-wrap input[type="submit"]:active,
.pricing-wrap input[type="reset"]:active,
.pricing-wrap input[type="button"]:active,
.pricing-wrap .button:active {
	background-color: rgba(144, 144, 144, 0.2) !important;
}

.pricing-wrap input[type="submit"].icon,
.pricing-wrap input[type="reset"].icon,
.pricing-wrap input[type="button"].icon,
.pricing-wrap .button.icon {
	padding-left: 1.35em !important;
}

.pricing-wrap input[type="submit"].icon:before,
.pricing-wrap input[type="reset"].icon:before,
.pricing-wrap input[type="button"].icon:before,
.pricing-wrap .button.icon:before {
	margin-right: 0.5em !important;
}

.pricing-wrap #submit {
	background: #47cdd9 !important;
	color: #fff !important;
	border-color: #fff !important;
	margin: auto !important;
	float: none;
	width: 108px !important;
	margin-bottom: 4% !important;
	border-radius: 100px !important;
}


/* Popup */

.pricing-wrap .cd-popup {
	position: fixed !important;
	left: 0 !important;
	top: 0 !important;
	height: 100% !important;
	width: 100% !important;
	background-color: rgba(94, 110, 141, 0.9) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s !important;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s !important;
	transition: opacity 0.3s 0s, visibility 0s 0.3s !important;
	overflow-y: auto !important;
	z-index: 10000 !important;
}

.pricing-wrap .cd-popup.is-visible {
	opacity: 1 !important;
	visibility: visible !important;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s !important;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s !important;
	transition: opacity 0.3s 0s, visibility 0s 0s !important;
}

.pricing-wrap .cd-popup-container {
	overflow-x: hidden !important;
	border: none !important;
	position: relative !important;
	width: 47% !important;
	max-width: 82% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
	color: #828282;
	background: #fff !important;
	border-radius: 5em 0em 5em 0em !important;
	text-align: center !important;
	box-shadow: none !important;
	-webkit-transform: translateY(-40px) !important;
	-moz-transform: translateY(-40px) !important;
	-ms-transform: translateY(-40px) !important;
	-o-transform: translateY(-40px) !important;
	transform: translateY(-40px) !important;
	-webkit-backface-visibility: hidden !important;
	-webkit-transition-property: -webkit-transform !important;
	-moz-transition-property: -moz-transform !important;
	transition-property: transform !important;
	-webkit-transition-duration: 0.3s !important;
	-moz-transition-duration: 0.3s !important;
	transition-duration: 0.3s !important;
}

.pricing-wrap .cd-popup-container p {
	margin: 0 !important;
	padding: 3em 1em !important;
	padding-top: 1em !important;
}

.pricing-wrap .cd-popup-container .cd-popup-close {
	position: absolute !important;
	top: 8px !important;
	right: 8px !important;
	width: 30px !important;
	height: 30px !important;
}

.pricing-wrap .cd-close-button {
	color: #545454 !important;
	border-bottom: none !important;
}

.pricing-wrap .cd-popup-container .cd-popup-close::before {
	-webkit-transform: rotate(45deg) !important;
	-moz-transform: rotate(45deg) !important;
	-ms-transform: rotate(45deg) !important;
	-o-transform: rotate(45deg) !important;
	transform: rotate(45deg) !important;
	left: 8px !important;
}

.pricing-wrap .cd-popup-container .cd-popup-close::after {
	-webkit-transform: rotate(-45deg) !important;
	-moz-transform: rotate(-45deg) !important;
	-ms-transform: rotate(-45deg) !important;
	-o-transform: rotate(-45deg) !important;
	transform: rotate(-45deg) !important;
	right: 8px !important;
}

.pricing-wrap .is-visible .cd-popup-container {
	-webkit-transform: translateY(0) !important;
	-moz-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	-o-transform: translateY(0) !important;
	transform: translateY(0) !important;
}

label.nav-up {
	float: left;
	margin-left: 6%;
	font-weight: normal;
	margin-top: 6px;
	font-size: 13px;
}

input#name {
	float: left;
	height: 42px;
}

textarea#message {
	margin-left: 2.2% !important;
}

.cd-popup-container .name,
.cd-popup-container .email,
.cd-popup-container .message {
	float: left;
	width: 100%;
	margin-bottom: 5%;
	padding-left: 2%;
	text-align: left;
	padding-left: 12%;
}

input#email {
	height: 42px;
}

.name label,
.email label,
.message label {
	float: left;
}

input#contact1,
input#contact,
input#contact2,
input#btnpopsubmit,
input#btntwelveplan,
input#btnsixplan {
	width: 37% !important;
	border-radius: 30px !important;
	background: #00a5b6 !important;
	color: #fff !important;
}

input#btnpopsubmit {
	margin-bottom: 5%;
}

textarea#txtpopmessage {
	height: 100px;
}

select#ddlcountry {
	border: none !important;
	outline: none !important;
	padding-left: 30px;
	resize: none !important;
	font-size: 15px !important;
	border-radius: 35px;
	padding-top: 0px;
	background: #F1F3F4 !important;
	padding-right: 0px;
	width: 71% !important;
	border-bottom: 1px solid #efefef !IMPORTANT;
	margin-left: 0;
	height: 41px;
}

span#RegularExpressionValidator1 {
	font-size: 11px;
	float: right;
	margin-right: 15%;
	margin-top: 11px;
	z-index: 999;
	position: absolute;
	right: 0px;
}

span#Label1,
span#lblcountry,
span#lblpopphone,
span#lblpopemail,
span#lblpopname {
	width: 89px !important;
	float: left;
}

@media only screen and (min-width: 1170px) {
	.pricing-wrap .cd-popup-container {
		margin: 2em auto !important;
	}
}


/* Contact Form */

.pricing-wrap label:hover {
	cursor: text !important;
}

.pricing-wrap .contact-form {
	background: #ffffff !important;
	height: auto !important;
	margin: 100px auto !important;
	max-width: 82% !important;
	overflow: hidden !important;
	width: 100% !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
	-moz-box-shadow: rgba(26, 26, 26, 0.1) 0 1px 3px 0 !important;
	-webkit-box-shadow: rgba(26, 26, 26, 0.1) 0 1px 3px 0 !important;
	box-shadow: rgba(26, 26, 26, 0.1) 0 1px 3px 0 !important;
}

@media (max-width: 500px) {
	.pricing-wrap .contact-form {
		margin: 0 !important;
		padding-top: 1em !important;
		width: 100% !important;
		max-width: 100% !important;
		-moz-border-radius: 0px !important;
		-webkit-border-radius: 0px !important;
		border-radius: 0px !important;
		-moz-box-shadow: rgba(26, 26, 26, 0.1) 0 0px 0px 0 !important;
		-webkit-box-shadow: rgba(26, 26, 26, 0.1) 0 0px 0px 0 !important;
		box-shadow: rgba(26, 26, 26, 0.1) 0 0px 0px 0 !important;
	}
}

.pricing-wrap .contact-form .email,
.pricing-wrap .contact-form .message,
.pricing-wrap .contact-form .name {
	overflow-x: hidden !important;
	position: relative !important;
	-moz-border-radius: none !important;
	-webkit-border-radius: none !important;
	border-radius: none !important;
}

.pricing-wrap .contact-form .email input:focus,
.pricing-wrap .contact-form .email textarea:focus,
.pricing-wrap .contact-form .message input:focus,
.pricing-wrap .contact-form .message textarea:focus,
.pricing-wrap .contact-form .name input:focus,
.pricing-wrap .contact-form .name textarea:focus {
	background: #f4f5f6 !important;
}

.pricing-wrap .contact-form .email label,
.pricing-wrap .contact-form .message label,
.pricing-wrap .contact-form .name label {
	color: #cbd0d3 !important;
	left: 23px !important;
	position: absolute !important;
	top: 23px !important;
	-moz-transition: all, 150ms !important;
	-o-transition: all, 150ms !important;
	-webkit-transition: all, 150ms !important;
	transition: all, 150ms !important;
}

.pricing-wrap .contact-form .email.typing label,
.pricing-wrap .contact-form .message.typing label,
.pricing-wrap .contact-form .name.typing label {
	color: #3498db !important;
	font-size: 10px !important;
	top: 7px !important;
}

.pricing-wrap .contact-form .email,
.pricing-wrap .contact-form .name {
	width: calc(50% - 1px) !important;
}

@media (max-width: 500px) {
	.pricing-wrap .contact-form .email,
	.pricing-wrap .contact-form .name {
		width: 100% !important;
	}
}

.pricing-wrap .contact-form .email input,
.pricing-wrap .contact-form .name input {
	padding: 23px 0 8px 23px !important;
}

.pricing-wrap .contact-form .email {
	border-left: 1px #e6e6e6 solid !important;
	float: right !important;
}

@media (max-width: 500px) {
	.pricing-wrap .contact-form .email {
		border-left: none !important;
		border-top: 1px #e6e6e6 solid !important;
	}
}

.pricing-wrap .contact-form .message {
	border-bottom: 1px #e6e6e6 solid !important;
	border-top: 1px #e6e6e6 solid !important;
	clear: both !important;
}

.pricing-wrap .contact-form .message textarea {
	height: 200px !important;
	padding: 23px !important;
}

.pricing-wrap .contact-form .name {
	float: left !important;
}

.pricing-wrap .contact-form .submit {
	background: #f4f5f6 !important;
	display: block !important;
	overflow: hidden !important;
	padding: 23px !important;
	margin-bottom: 2em !important;
}

.pricing-wrap .contact-form .submit .user-message {
	float: left !important;
	padding-top: 22px !important;
}

@media (max-width: 500px) {
	.pricing-wrap .contact-form .submit .user-message {
		float: none !important;
		padding: 0 0 10px !important;
	}
}


/*====================//Pricing==========================*/


/*====================Industry page==========================*/

.o-industry {
	border-bottom: 2px solid #875A7B;
	-moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	-o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 33px 40px 64px;
	position: relative;
	text-align: center;
	z-index: 1;
	background-color: #ffffff;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	will-change: transform, box-shadow;
}

.o-industry:hover {
	transform: translateY(-5px) translateZ(0);
}

.o-industry-solid {
	background-color: #875A7B;
}

.o-industry .o-item>i {
	background: #875A7B none repeat scroll 0 0;
	border: 1px solid rgba(255, 255, 255, 0.3);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	-o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	color: #ffffff;
	display: inline-block;
	font-size: 40px !important;
	height: 80px;
	line-height: 80px;
	margin-bottom: 5px;
	text-align: center;
	width: 80px;
}

.o-industry .o-item h2 {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 1.2;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0;
	color: #000;
}

.o-industry-solid h2 {
	color: #fff !important;
}

.o-industry-solid p {
	color: #fff;
}

.o-industry p {
	width: 70%;
	margin: auto !important;
}

.ind-banner {
	background-image: url(../images/industry-banner-bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 66px;
	background-color: #edf5ff;
	margin-top: 85px;
}

.container-fluid.ind-grid {
	padding: 2.5% 7% !important;
}

.hero-content h1 {
	font-weight: 600;
	color: #191d28;
	font-size: 48px;
	line-height: 1.2em;
	padding-bottom: 20px;
}

.hero-content p {
	font-weight: 400;
	color: #191d28;
	font-size: 16px;
	padding-bottom: 20px;
}

.hero-content {
	padding-top: 3vh;
}

.hero-img {
	text-align: center;
}

.hero-img img {
	width: 66%;
	padding-top: 6vh;
	margin: auto;
}

.industry-hyper a:nth-last-child(1) {
	border-right: 0px solid #e6e6e6;
}


/*====================//Industry page==========================*/

.breadcrumb-plan {
	margin-top: 1rem;
	color: #a3478a;
	padding-bottom: 8px;
	border-bottom: 1px solid #efefef;
	padding-left: 4rem;
}

.breadcrumb-plan a {
	color: #000;
}

.oth-serv {}

.serv-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.serv-lst {
	flex-basis: 28%;
	height: 174px;
	padding-top: 28px;
	text-align: center;
	/* box-shadow: 0 0 25px -4px #865c9194; */
	border-radius: 93px 80px 135px 88px;
	margin-bottom: 29px;
	margin: 0 17px 24px;
	transition: all 0.2s ease;
	will-change: transform, box-shadow, background-image;
	border: 1px solid #865c9194;
}

.serv-lst h3 {
	color: #875A7B !important;
	text-align: center;
	font-size: 15px !important;
	font-weight: 500;
}

.serv-lst:hover {
	transform: translateY(-5px) translateZ(0);
	box-shadow: 0 5px 31px 0 #865c9152, 0 0 0 transparent;
}

.serv-wrap i {
	font-size: 43px;
	color: #875A7B !important;
}

.ct-dark-serv {
	background: #f5f5f569;
}

.industry-trading-wrap .banner img {
	width: 100%;
}

.industry-hyper {
	display: flex;
	justify-content: space-around;
	height: 56px;
	align-items: center;
	background: #9c628d;
	border-bottom: 1px solid #444444;
	flex-wrap: wrap;
}

.industry-hyper a {
	border-right: 1px solid #ffffff;
	padding-right: 54px;
	padding-left: 0px;
	color: #ffffff;
	font-weight: normal;
	transition: all ease .5s;
}

.industry-hyper a:hover {
	color: #5d3653;
}


/*====================Expertise page==========================*/

.container-fluid.ind-banner.expertise-wrap {
	background-image: url(../images/expertise-bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 112px;
	background-color: #f8ecff;
	margin-top: 85px;
}

.o-expertise {
	/* border-bottom: 2px solid #875A7B; */
	-moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	-o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	box-shadow: -1px 3px 10px 0 rgba(135, 90, 123, 0.09);
	display: block;
	margin: 0;
	overflow: hidden;
	padding: 33px 40px 29px;
	position: relative;
	text-align: center;
	z-index: 1;
	background-color: #ffffff;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	will-change: transform, box-shadow;
	/* border: 1px solid #efefef; */
	border-radius: 14px;
	margin-bottom: 20px;
}

.o-expertise:hover {
	transform: translateY(-5px) translateZ(0);
}

.o-expertise-solid {
	background-color: #875A7B;
}

.o-expertise .o-item>i {
	background: #875A7B none repeat scroll 0 0;
	border: 1px solid rgba(255, 255, 255, 0.3);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	-o-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
	color: #ffffff;
	display: inline-block;
	font-size: 40px !important;
	height: 80px;
	line-height: 80px;
	margin-bottom: 5px;
	text-align: center;
	width: 80px;
	float: left;
}

.o-expertise .o-item h2 {
	font-weight: 600;
	font-size: 17px;
	margin-bottom: 15px;
	line-height: 1.2;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0;
	color: #000;
	float: left;
	text-align: left;
	padding-left: 7px;
}

.o-expertise-solid h2 {
	color: #fff !important;
}

.o-expertise-solid p {
	color: #fff;
}

.o-expertise p {
	width: 70%;
	margin: auto !important;
	float: left;
	text-align: left;
	padding-left: 8px;
	color: #9e9e9e;
}

.container-fluid.ind-grid {
	padding: 1.5% 7% !important;
}

.hero-content h1 {
	font-weight: 600;
	color: #191d28;
	font-size: 48px;
	line-height: .9em;
	padding-bottom: 20px;
}

.hero-content p {
	font-weight: 400;
	color: #191d28;
	font-size: 16px;
	padding-bottom: 20px;
}

.hero-content {
	padding-top: 3vh;
}

.hero-img {
	text-align: center;
}

.hero-img img {
	width: 66%;
	padding-top: 6vh;
	margin: auto;
}


/*====================//Expertise page==========================*/

@media screen and (min-width: 768px) {
	.modal-dialog {
		right: auto;
		left: 0% !important;
		width: 600px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 768px) {
	.implementation-inner-page-head {
		padding: 13% 0px 18% 0px;
		padding-right: 0px;
		padding-left: 0px;
		background-image: url(../images/implementation.jpg)!important;
		height: auto;
	}
}

.heading2 {
	text-align: center !important;
	color: #ffffff !important;
}


/**faq**/

.faq-main .faq {
	margin: 0 auto;
	padding: 4rem;
	width: 100%;
}

.faq-main .accordion a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	padding: 1rem 3rem 1rem 1rem;
	color: #7288a2;
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.faq-main .accordion a:hover,
.faq-main .accordion a:hover::after {
	cursor: pointer;
	color: #b22126;
}

.faq-main .accordion a:hover::after {
	border: 2px solid #b22126;
}

.faq-main .accordion a.active {
	color: #b22126;
	border-bottom: 1px solid #b22126;
}

/**.faq-main .accordion a::after {
	font-family: 'Ionicons';
	content: '\f218';
	position: absolute;
	float: right;
	right: 1rem;
	font-size: 1rem;
	color: #000;
	padding: 5px;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #000;
	text-align: center;
}**/

.faq-main .accordion a.active::after {
	font-family: 'Ionicons';
	content: '\f209';
	color: #b22126;
	border: 2px solid #b22126;
}

.faq-main .accordion .content {
	opacity: 0;
	padding: 0 1rem;
	max-height: 0;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	clear: both;
	-webkit-transition: all 0.2s ease 0.15s;
	-o-transition: all 0.2s ease 0.15s;
	transition: all 0.2s ease 0.15s;
}

.faq-main .accordion .content p {
	font-size: 16px;
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'Montserrat' !important;
	color: #373838;
	font-weight: normal;
}

.faq-main .accordion .content.active {
	opacity: 1;
	padding: 1rem;
	max-height: 100%;
	-webkit-transition: all 0.35s ease 0.15s;
	-o-transition: all 0.35s ease 0.15s;
	transition: all 0.35s ease 0.15s;
}

.faq-main .accordion-item {
	background-color: #fefefe;
	box-shadow: 5px 10px #fefefe;
}

.faq-main .faqhead {
	color: #5f6469;
	padding: 0 !important;
	font-size: 17px !important;
	text-align: left !important;
	font-weight: 700;
	width: 90%;
}

.faq-main .faqmainhead {
	text-align: center;
	font-weight: 900;
	font-size: 41px;
	color: #717170;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 3%;
	margin-bottom: 45px !important;
	font-family: 'Lato', sans-serif !important;
}


/**faq**/


/**timeline**/

.why-implementation1 .timeline {
	width: 100%;
	background: #fff;
	padding: 0px 50px;
	position: relative;
	margin: auto;
}

.why-implementation1 .timeline ul li {
	list-style: none;
	color: #5f6469;
	font-family: 'Open Sans', sans-serif !important;
	display: flex;
}

.why-implementation1 .timeline h3 {
	color: #2f3030 !important;
}

.why-implementation1 .timeline:before {
	content: '';
	position: absolute;
	top: 0px;
	left: calc(48% + 15px);
	bottom: 0px;
	width: 4px;
	background: #ddd;
}

.why-implementation1 .timeline:after {
	content: "";
	display: table;
	clear: both;
}

.why-implementation1 .timeline1 {
	width: 100%;
	background: #fff;
	padding: 0px 50px;
	position: relative;
	margin: auto;
}

.why-implementation1 .timeline1 ul li {
	list-style: none;
	color: #5f6469;
	font-family: 'Open Sans', sans-serif !important;
	display: flex;
}

.why-implementation1 .timeline1 h3 {
	color: #2f3030 !important;
}

.why-implementation1 .timeline:before {
	content: '';
	position: absolute;
	top: 0px;
	left: calc(49% + 15px);
	bottom: 0px;
	width: 4px;
	background: #ddd;
}

.why-implementation1 .timeline1:after {
	content: "";
	display: table;
	clear: both;
}

.why-implementation1 .entry {
	clear: both;
	text-align: left;
	position: relative;
}

.why-implementation1 .entry .title {
	margin-bottom: 1em;
	float: left;
	width: 50%;
	padding-right: 30px;
	text-align: right;
	position: relative;
}

.why-implementation1 .entry .title:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 8px solid #7e5a77;
	background-color: #fff;
	border-radius: 100%;
	top: 15%;
	right: -8px;
	z-index: 99;
}

.why-implementation1 .entry .title h3 {
	margin: 0;
	font-size: 120%;
}

.why-implementation1 .entry p {
	margin: 0;
	font-size: 46px;
	color: #ecf1f3;
	font-weight: 700;
	font-family: 'Roboto', sans-serif !important;
}

.why-implementation1 .entry p {
	margin: 0;
	font-size: 46px;
	color: #ecf1f3;
	font-weight: 700;
	font-family: 'Roboto', sans-serif !important;
	padding-right: 0px;
}

.why-implementation1 .entry .body {
	margin: 0 0 0em;
	float: right;
	width: 50%;
	padding-left: 30px;
	8
}

.why-implementation1 .entry .body p:first-child {
	margin-top: 0;
	font-weight: 700;
	padding-left: 0px;
}

.why-implementation1 .entry .body ul {
	color: #aaa;
	list-style-type: none;
	padding-left: 16px;
}

.why-implementation1 .entry .body ul li:before {
	content: "?";
	margin-right: .5em;
}

.why-implementation1 .title .body ul li:before {
	content: "?";
	margin-right: .5em;
}

.why-implementation1 .entry .body2 {
	margin: 0 0 0em;
	width: 100%;
}

.why-implementation1 .entry .body2 p {
	line-height: 1.4em;
}

.why-implementation1 .entry .body2 p:first-child {
	margin-top: 0;
	font-weight: 400;
}

.why-implementation1 .entry .body2 ul {
	color: #aaa;
	padding-left: 0;
	list-style-type: none;
}

.why-implementation1 .entry .body2 ul li:before {
	content: "?" !important;
	margin-right: .5em;
}

.why-implementation1 .title .body2 ul li:before {
	content: "?" !important;
	margin-right: .5em;
}

.why-implementation1 .container-fluid.why-implementation1 h1 {
	text-align: center;
	font-weight: 900;
	font-size: 41px;
	color: #717170;
	padding-bottom: 50px;
}

.why-implementation1 .container-fluid.why-implementation1 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.why-implementation1 .entry .body1 {
	width: 50%;
	padding-right: 30px;
	text-align: right;
	position: relative;
}

.why-implementation1 .entry .body2:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 8px solid #7e5a77;
	background-color: #fff;
	border-radius: 100%;
	top: 15%;
	z-index: 99;
	margin-left: -18px;
}

.why-implementation1 .entry .body1 ul li:after {
	content: "?" !important;
	margin-left: 0.5em;
}

.why-implementation1 .entry .title1 {
	margin-bottom: 1em;
	float: right;
	width: 50%;
	padding-right: 30px;
	text-align: left;
}

.why-implementation1 .entry .title1:before {
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	border: 8px solid #7e5a77;
	background-color: #fff;
	border-radius: 100%;
	z-index: 99;
}

.why-implementation1 .entry .title1 p {
	padding-left: 34px;
}

@media only screen and (min-width: 768px) {
	.why-implementation1 .timeline1 {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.why-implementation1 .entry .body2:before {
		content: '';
		position: absolute;
		width: 8px;
		height: 8px;
		border: 8px solid #7e5a77;
		background-color: #fff;
		border-radius: 100%;
		top: 5%;
		z-index: 99;
		margin-left: -18px;
	}
	.why-implementation1 .entry .body1 ul li:before {
		content: "?";
		margin-left: 0.5em;
	}
	.why-implementation1 .timeline {
		display: none;
	}
	.why-implementation1 .odooimlementationcontact h1 {
		font-size: 19px;
	}
}

.why-implementation1 .odooimlementationcontact {
	display: flex;
	justify-content: center;
}

.why-implementation1 .timeline .body1 ul li {
	list-style: none;
	color: #5f6469;
	font-family: 'Open Sans', sans-serif !important;
	display: flex !important;
	justify-content: flex-end !important;
}

.why-implementation1 .entry .body1 ul {
	color: #aaa;
	list-style-type: none;
	margin-right: 16px;
}

.why-implementation1 .entry .body ul li:before {
	content: "-" !important;
	margin-right: .5em;
}

.why-implementation1 .entry .body1 ul li:after {
	content: "-" !important;
	margin-left: 0.5em;
}


/**timeline**/

.container-fluid.why-implementation1 h1 {
	text-align: center;
	font-weight: 900;
	font-size: 41px;
	color: #717170;
}

.why-implementation1main {
	padding-top: 40px;
	padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
	.why-implementation1 .entry .body ul li:before {
		content: "-" !important;
		margin-right: .5em;
	}
	.why-implementation1 .entry .body1 ul li:after {
		content: "-" !important;
		margin-left: 0.5em;
	}
	.why-NarraTree-trading .fa {
		font-size: 2.5rem;
		text-align: center;
		/* margin-bottom: 2rem; */
		color: #fff;
		padding-top: 6px;
	}
	.customization-content-2 {
		background-color: #00bcd4;
		padding: 5% 3% !important;
	}
}

.hireh1 {
	color: #1b1e20;
	/* text-align: center; */
	line-height: 53px;
	font-size: 36px;
	font-weight: 700 !important;
	font-family: 'Montserrat' !important;
	text-transform: uppercase;
	margin: 19px 0;
	letter-spacing: .05em;
}

.blogmainpadding {
	padding: 0 !important;
}

@media only screen and (max-width: 767px) {
	.blogmainpadding {
		padding: 0 !important;
		margin-bottom: 5px;
	}
}

.youtubebutton1 {
	position: absolute;
	display: flex;
	justify-content: center;
	width: 273px;
	height: 158px;
	align-items: center;
	font-size: 33px;
	color: red;
}

.videoh4 {
	font-size: 16px !important;
	color: #000 !important;
	padding-bottom: 2rem !important;
	width: 100% !important;
	height: 187px !important;
}

.imgpadding {
	margin-bottom: 15px;
}

.videotab {
	border: 1px solid #b22126;
	margin-left: 20px;
	border-radius: 0px;
	user-select: none;
	float: left;
}

.videotab1 {
	background-color: #fff;
	border: 1px solid #fff;
	margin-left: 20px;
	user-select: none;
	float: left;
	padding-left: 20px;
}

.videotab2 {
	background-color: #fff;
	margin-left: 20px;
	user-select: none;
	float: left;
	padding-left: 20px;
}

.Videotab a {
	background: #1e1e1e;
	border: 1px solid #1e1e1e;
	color: #f9f9f9;
}

nav-tabs1>li {
	float: left;
	margin-bottom: -1px;
	width: 25%;
	text-align: center;
}

nav-tabs1>li {
	float: left;
	margin-bottom: -1px;
	width: 33% !important;
	text-align: center;
	border-bottom: 1px solid #cacaca;
}

nav-tabs2>li {
	float: none;
	margin-bottom: -1px;
	width: 25% !important;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.tabs1>li>a.current {
	background: #1e1e1e;
	border: 1px solid #1e1e1e;
	color: #f9f9f9;
}

.tabs1>a.current {
	background: #1e1e1e;
	border: 1px solid #1e1e1e;
	color: #f9f9f9;
}

.nav.nav-tabs1 li.active a {
	background: #AD1318 !important;
	border-bottom: 1px solid #AD1318 !important;
	color: #fff !important;
	font-weight: 600;
}

.nav.nav-tabs2 li.active a {
	color: #ad1318 !important;
	border-bottom: 1px solid #CCCCCC;
	font-size: 16px;
}

@media only screen and (max-width: 767px) {
	.moliblebutton {
		width: 85%;
		margin-bottom: 6px;
	}
	.videoh4 {
		font-size: 16px !important;
		color: #000 !important;
		padding-bottom: 6rem !important;
		width: 100% !important;
		height: 234px !important;
	}
	.videoh41 {
		font-size: 16px !important;
		color: #000 !important;
		padding-bottom: 6rem !important;
		width: 100% !important;
		height: 220px !important;
	}
	video-h1 {
		font-size: 22px !important;
		color: #000 !important;
		height: 225px !important;
	}
	.video-banner h1 {
    font-size: 4.5rem !important;
    margin: 138px 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    color: #fff;
}
}

.video-banner {
	height: 38vh;
	background-image: url(../images/about-us-banner.jpg);
	background-size: cover;
	/* padding: 35vh 0; */
	text-align: center;
}

.video-banner h1 {
	font-size: 7.5rem;
	margin: 120px 0;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
}

.tabcolor {
	background-color: #ededed !important;
}

.tabcolor a {
	color: #585555;
}

.tabwidth {
	width: 90%;
}

.youtubeiconvideo {
	float: right;
}

.youtubebuttonmaster {
	position: absolute;
	display: flex;
	justify-content: center;
	width: 354px;
	height: 201px;
	align-items: center;
	font-size: 47px;
	color: red;
}

.functional-tab a {
	color: #000 !important;
	text-decoration: none!important;
}

.functional-tab .nav.nav-tabs2 li a {
	border-bottom: 1px solid #f1f1f1;
	font-size: 14px;
}

.video-h1 {
	font-size: 26px !important;
	color: #000 !important;
	height: 198px !important;
}

.functional-arrow {
	float: right;
	display: none;
}

.nav.nav-tabs2 li.active a .functional-arrow {
	color: #ad1318 !important;
	font-size: 13px;
	display: block;
}


.tagdiv span{background: #645e697d;
    color: #fff;
    padding-left: 10px;
    border-radius: 3px;
    padding-right: 10px;
    border: 1px solid #ccc !important;
    box-shadow: 0 0 14px 0px #00000024;}
    
    .hireodooh2 h2{text-align: center !important;
    font-weight: 900 !important;
    font-size: 41px !important;
    color: #717170 !important;
    margin-bottom: 0px !important ;
    padding-bottom: 0px !important;
    margin-top: 3%;
    margin-bottom: 45px !important;
    font-family: 'Lato', sans-serif !important;
}






.faqsearch{width:100% !important;}

.select2-container-multi.select2-container-active .select2-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
    border: none !important;
    outline: none;
    width: 100% !important;
    /* height: 40px; */
    padding: 8px !important;
   
}

.select2-container-multi .select2-choices {
    min-height: 26px;
    width: 80% !important;
    padding: 8px !important;
   
}

.select2-container-multi .select2-drop {
    margin-top: 0;
    width: 100% !important;
}

.select2-container .select2-results .select2-highlighted {
    background: #b22126 !important;
    color: #fff;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
    width: 100% !important;
}

.select2-container .select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff;
   
}

.faqmainoption
{
   width: 100%;
    padding: 20px;
    margin-bottom: 10px;
    outline: none;
    /* box-shadow: 6px 7px #5b565621; */
    background-color: #ffffff;
    height: 100px;
    border-bottom: 2px solid #b22126;
   
   box-shadow: 0 0 3px 3px #ebebeb66;
}


    }
   
    .farmargin
    {
        margin-bottom:40px;}
       
       
       
   

.select2-container-multi .select2-choices {
    background-color: #fff;
    background-image:none !important ;
   
    border: none !important;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
    background-color: #eaeaea !important;
}

.select2-container-multi.select2-container-active .select2-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow:none !important;
    border: 1px solid #5897fb;
    outline: none;
}


.select2-container-multi .select2-choices .select2-search-choice {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #ffffff !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    /* background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); */
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #333;
    border: 1px solid #aaaaaa;
    line-height: 13px;
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
}

.faqmargin{margin-bottom:100px; margin-top:100px;}
.backbuttonfaq{
   padding: 0px !important;
    background:none !important;
    color: #2e313f;
    outline: none;
    border: none !important;
    width: 48px;
    height: 50px;
    background-image:url(../images/round-left-button.png);
    }
   
   
   
   
    .backbuttonfaqmain
    {
        margin-top:30px;
        margin-bottom:30px;
        float:left;
    }
   
    .faqheadmain
    {
        color: #000000;
    padding: 0!important;
    font-size: 17px!important;
    text-align: left!important;
    font-weight: 700;
    width: 90%;
}

.faqparagraphmain{font-size: 16px;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Montserrat'!important;
    color: #373838;}
   
   
    .faqhr{border: 0.5px solid #ccc;}
   
   
    .select2-container-multi .select2-choices {
    min-height: 40px !important;
}


.select2-container-multi .select2-choices .select2-search-field input {
    color: #666;
    background: transparent !important;
    font-family: sans-serif;
    font-size: 100%;
    height: 15px;
    padding: 15px !important;
    margin: 1px 0;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}


.faq-main .accordion .h1faq{width: 100%;
   
    color: #7288a2;
   }
    
    .h1faq{margin-left: 10px; margin-top:30px;}
    
    .faq-main .faqhead {
    color: #000;
    padding: 0!important;
    font-size: 22px!important;
    text-align: left!important;
    font-weight: 600;
    width: 90%;
    margin: 0!important;
}


.hirepython-banner {
    height: 75vh;
    background-image: url(../images/hire-python-main.png);
    background-size: cover;
    padding: 35vh 0;
    text-align: center;
}

.hirepython-banner h1 {
    font-size: 7.5rem;
    margin: 10px 0;
    font-weight: 800;
    text-transform: uppercase;
    color: #1b1e20;
}
.hirepython-banner p{color:#1b1e20;}
.hirepadding{ margin-top:50px; margin-bottom:50px;}
.hirepadding1{ margin-top:100px; margin-bottom:100px;}
.hirepadding4{ margin-top:30px; margin-bottom:30px;}
.hirepadding1 p{margin: 0 0 1.1em;
    color: #5f727f;
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif!important;
    }
    
    .hirepadding1 h2 { color: #1b1e20;
    text-align: center;
    line-height: 53px;
    font-size: 36px;
    font-weight: 700;
    font-family: Montserrat;
    
    
    letter-spacing: .05em;}
    
    
    hirepadding4 h2 { color: #1b1e20;
    text-align: center;
    line-height: 53px;
    font-size: 36px;
    font-weight: 700;
    font-family: Montserrat;
    
    
    letter-spacing: .05em;}
    
    .hirepadding4 h2 {
    color: #1b1e20;
    text-align: center;
    line-height: 53px;
    font-size: 36px;
    font-weight: 700;
    font-family: Montserrat;
    letter-spacing: .05em;
}


.hirepadding p{margin: 0 0 1.1em;
    color: #5f727f;
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif!important;
    }
    
  .hirepadding h2 { color: #1b1e20;
    text-align: center;
    line-height: 53px;
    font-size: 36px;
    font-weight: 700;
    font-family: Montserrat;
    text-transform: uppercase;
    margin: 19px 0;
    letter-spacing: .05em;}
.hirepadding hr {
    margin-top: 0;
    margin-bottom: 2%;
    border: 0;
    text-align: center !important;
    border-top: 3px solid #d21c22;
    width: 5%;
    margin: auto;
    margin-bottom:10px;
    
}



.hirepadding1 hr {
    margin-top: 0;
    margin-bottom: 2%;
    border: 0;
    text-align: center !important;
    border-top: 3px solid #d21c22;
    width: 5%;
   
    margin-bottom:10px;
    margin: auto;
}

.hirepadding4 p{
    color: #5f727f !important;
    line-height: 25px;
    font-size: 16px;
    font-weight: normal;}


.hirepadding4 hr {
    margin-top: 0;
    margin-bottom: 2%;
    border: 0;
    text-align: center !important;
    border-top: 3px solid #d21c22;
    width: 5%;
   
    margin-bottom:10px;
    margin: auto;
}
.hirepadding h4{
    text-align: center;
    padding-top: 3%;
    font-size: 19px;
    text-transform: uppercase;
    color: #1b1e20;
    letter-spacing: 8px;
    font-weight: 700;
    margin-bottom:10px;
}

.hirepythonservice {
    background-color: white;
    box-shadow: 0 0 5px #00000017;
    margin: 11px;
    width: 31%;
    /*border-right: 2px solid #d21c22;*/
    padding: 6px;
    min-height: 183px;
}


.hirepythonservice i{margin:20px; color: #b22126;}
.hirepythonservice h2{margin:20px !important;}
.hirepythonservice p{margin:20px !important;color: #5f727f !important;
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;}
.hirepythonservice button{margin: 16px !important;
    color: #b22126 !important;
    background-color: none !important;
    border-radius: 31px;
    padding: 6px 19px;}
    
 .hirepythonsingle
 {
   background-color: #ebebeb1a;}
    
    
    

@media only screen and (max-width: 767px) {
  
    .hirepythonservice {
    background-color: white;
    box-shadow: 0 0 5px #00000017;
    margin: 11px;
    width: 95%;
    /* border-right: 2px solid #d21c22; */
    padding: 6px;
}

.hirepython-banner h1 {
    font-size: 4.5rem;
    margin: 10px 0;
    font-weight: 800;
    text-transform: uppercase;
    color: #000;
}


.hirepadding4 h2 {
    color: #1b1e20;
    text-align: center;
    line-height: 25px;
    font-size: 22px;
    font-weight: 700;
    font-family: Montserrat;
    letter-spacing: .05em;
    margin-top: 20px !important;
}

.pythonpmain {
    text-align: left !important;
    color: #5f727f !important;
    line-height: 47px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex;
}
}



.hirepadding2 h2 {
    color: #1b1e20;
    /* text-align: left; */
    line-height: 53px;
    font-size: 36px;
    font-weight: 700;
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.hirepadding2 hr {
    margin-top: 0;
    margin-bottom: 2%;
    border: 0;
    text-align: center !important;
    border-top: 3px solid #d21c22;
    width: 5%;
 text-align: right;
    margin-bottom:10px;
    float: right;
}


.hirepadding2 p{margin: 0 0 1.1em;
    color: #5f727f;
    line-height: 25px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans',sans-serif!important;
    text-align:right;
    float: right;
    }
    
 .odoosupport h1{text-align: center;
    font-weight: 900;
    font-size: 41px;
    color: #717170;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 3%;
    margin-bottom: 45px !important;
    font-family: 'Lato', sans-serif !important;}
    
    .odoosupporta{}
    
    
    .odoofunctionaltraning-banner {
    height: 100vh;
    background-image: url(../images/odootraining-banner.jpg);
    background-size: cover;
    padding: 20vh 0;
    text-align: center;
}

.hirepythonp{margin-bottom:50px !important;}

.odoofunctionaltraning-banner h1 {
    font-size: 7.0rem;
    margin: 10px 0;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: initial;
}

.odoofunctionaltraning-banner p {
    color: #fff;
    line-height: 35px;
    font-size: 23px;
    font-weight: normal;
    text-align: initial;
}





.odoofunctionaltraning-banner a{background-color: #fff;
    color: #b6050b;
    float: left;
    padding: 10px 30px;
    border-radius: 10px;}
    
    
    
   

@media only screen and (max-width: 767px) {
   .odoofunctionaltraning-banner h1 {
    font-size: 2.5rem;
    margin: 10px 0;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: initial;
}
}



.odoofunctional h2 {
    color: #ffffff;
    text-align: left;
    line-height: 53px;
    font-size: 36px;
    font-weight: 700;
    font-family: Montserrat;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.odoofunctional p
{  color: #ffffff; text-align: left;} 

.odoofunctional
{
    margin-top:100px;
    margin-bottom:100px;
    text-align:center;}
    
    
    .odoofunctional1 {
    background-color: white;
    box-shadow: 0 0 5px #00000017;
    margin: 11px;
    
    /* border-right: 2px solid #d21c22; */
    padding: 6px;}
    
    .odoofunctional h2{ text-align:center;}
    
    
    
    .odoosupport-banner
    
        {
    height: 100vh;
    background-image: url(../images/odoosupport-banner.jpg);
    background-size: cover;
    padding: 15vh 0;
    text-align: center;
}

.odoosupport-banner h1 {
    font-size: 5.0rem;
    margin: 10px 5;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: initial;
    
    
}

.odoosupport-banner h2 {
    font-size: 3.0rem;
    margin: 10px 5;
    font-weight: 500;
    color: #fff;
    text-align: initial;
    
}

.odoosupport-banner p {
    color: #fff;
    line-height: 35px;
    font-size: 23px;
    font-weight: normal;
    text-align: initial;
    
}


.odoosupporth2{color: #fff;
    line-height: 35px;
    font-size: 23px !important;
    font-weight: 300 !important;
    text-align: initial;
    
    }
    
    
  .odoosupporth2  i{
    padding-right: 10px;
    color:#fff;
}


    
}


.odoosupport-banner a:hover, a:focus {
    color: #875A7B;
    text-decoration: underline;
    background-color:#fff;
}
.odoosupporta {
    background-color: #00A09D;
    padding: 20px 20px;
    color: #fff;
    border-radius: 10px;
    float: left;
}

.odoosupporta  a:hover{
    background-color: #000;
    padding: 20px 20px;
    color: #fff;
    border-radius: 10px;
    float: left;
}


@media only screen and (max-width: 767px) {
 .odoosupport-banner h1 {
    font-size: 2rem;
    margin: 10px 5;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-align: initial;
    padding-left: 20px;
}

.odoosupport-banner h2 {
    font-size: 2rem;
    font-weight: 500;
    padding-left: 20px;
    color: #fff;
    text-align: initial;
}

.odoosupporth2 {
    color: #fff;
    line-height: 35px;
    font-size: 18px !important;
    font-weight: 300 !important;
    text-align: initial;
    padding-left: 20px;
}
.odoosupport-banner
    
        {
    height: auto;
    background-image: url(../images/odoosupport-banner.jpg);
    background-size: cover;
    padding: 15vh 0;
    text-align: center;
}
.odoosupport-banner img{display:none;}
.odoosupport-banner a{margin-left:20px;}

.odoosupport h1 {
    text-align: center;
    font-weight: 900;
    font-size: 25px;
    color: #717170;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0%;
    margin-bottom: 45px !important;
    font-family: 'Lato', sans-serif !important;
}
    
}


.hirepythoncall {
    margin-top: 30px;
    text-align:center;
}

.hirepythoncall i{margin-right:10px;
                 color: #d21c22;}


.hirepadding4 i{color: #b22126;
    font-size: 21px;
    margin-right: 10px;}
    
    
    .pythonpmain
    {
        text-align: left !important;
    color: #5f727f !important;
    line-height: 47px !important;
    font-size: 19px !important;
    font-weight: 500 !important;
      }
      
       .pythonpmain1
    {
        text-align:left !important;
      }
      
      
      
@media only screen and (max-width: 767px) {      
      
      .pythonpmain {
    text-align: left !important;
    color: #5f727f !important;
    line-height: 47px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex;
}

 i.fa.fa-check-circle-o {
    color: #d21c22;
    padding: 3px;
    margin-top: 10px !important;
}

.slidersharemain {
    width: 100% !important;
    margin-left: 10px !important;
}
}

.overlay {
    background-color:#ccc !important;
    opacity: .1;
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 64vh;
    background-position-y: 913px;
}

.slidersharemain {
    width: 31% !important;
    margin-left: 10px !important;
}

.career-video img {width:100%;}

.career-video h3 {font-size:30px;
                 
    font-size: 39px;
    display: flex;
    justify-content: center;
   
    font-weight: 700;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    margin-top: 0rem;
}

.career-video {margin-top:50px; margin-bottom: 30px;}
.container-fluid.career-video-3{background-color: #eaebec !important;}


.youtubebutton2 {
    position: absolute;
    display: flex !important;
    justify-content: center;
    width: 93%;
    height: 100%;
    align-items: center;
    font-size: 30px;
    color: red;
}

.career-video-button {
    
    display: inline-block;
    text-decoration: none;
    color: #495057;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 0 !important;
    width: auto;
    text-align: center;
    margin-top: 10px !important;
    color: #484545;
    border: 1px solid #484545;
    padding: 7px 53px;
    border-radius: 31px;
    margin-top: 2rem !important;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width:30%;
    }