/*
 * Tonrex one page template
 * Author: ThemesGround
 * Author URL: https://www.themesground.com/
 * License: Attribution-NonCommercial CC BY-NC 

 * 
 * -------------------------------------------------------------------
 * This theme under "Attribution-NonCommercial CC BY-NC". You can't remove footer credit link.
 Text Domain: Tonrex
*/


img {
	border: none 0;
	outline: none;
}

select,
input,
button,
textarea {
	outline: none !important;
	margin: 0px;
}

input,
textarea {
	resize: none;
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
}

ul {
	padding: 0;
	margin: 0;
}

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

.page_section_ul {
	padding: 0px 10px 10px 15px;
}

	.page_section_ul li {
		list-style: disc;
		color: #666;
	}

.page_section_content {
	text-align: justify;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.color {
	color: #7ab55c;
}

h1, h2, h3, h4, h5.h6 {
	margin-top: 0px;
}

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


/*********** MAIN **************/
body {
	color: #333;
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 21px;
	overflow-x: hidden !important;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: -30;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -30;
	margin-left: 0;
	letter-spacing: 0.5px
}

html {
	font-size: 100%;
	background: #ced3d3;
}

::selection {
	background: #7ab55c;
	color: #fff;
}

::-moz-selection {
	background: #7ab55c;
	color: #fff;
}

a,
a:focus {
	color: #262626;
	text-decoration: none !important;
	outline: none;
}

	a:hover {
		color: #7ab55c;
	}

p {
	margin: 0 0 10px;
	padding: 0;
	color: #666;
}

strong {
	font-weight: 700;
}

.center {
	text-align: center;
}

.colored {
	color: #7ab55c;
}

.bg_colored {
	background: #7ab55c url(/images/marketing/bg1.png) no-repeat top left;
}

.justify {
	text-align: justify;
}

iframe {
	border: 0;
}

img {
	max-width: 100%;
}

.cover {
	background-position: 50% 0;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
}

.bg_gray {
	background-color: #f8f8f8;
}

.bg_black {
	background: #2d2e2e url(/images/marketing/bg.png) no-repeat top left;
}

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background-color: #fff; /* change if the mask should have another color then white */
	z-index: 9900; /* makes sure it stays on top */
}

.parallax {
	background-position: 50% 0px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb30 {
	margin-bottom: 30px;
}

.mt15 {
	margin-top: 15px !important;
}

#page {
	width: 100%;
	background: #fff;
	margin: auto;
	position: relative
}

/*---------------------------------------------------------------
					One page HTML
----------------------------------------------------------------*/

/**** HEADER ****/
#top {
	background: none;
	border: none;
	padding: 30px 0 50px 0px;
	top: 0;
	width: 100% !important;
	z-index: 999;
	text-align: center;
	position: absolute;
	font-family: 'Montserrat', sans-serif
}

.fixed-menu {
	border: none;
	position: fixed;
	top: -100px;
	padding: 0px;
	background: none;
	z-index: 1000;
	opacity: 0;
	width: 100% !important;
}

	.fixed-menu.fixed_show {
		top: 0;
		opacity: 1;
	}

	.fixed-menu .container {
		background: #2d2e2e;
		width: 1440px;
		padding: 20px 25px
	}

	.fixed-menu img {
		width: 150px
	}
/**/

/* Logo */
#logo {
	vertical-align: top;
	display: inline-block;
	margin-bottom: 10px;
}

	#logo a {
		padding: 0px;
		color: #7ab55c;
		font-weight: 600;
		font-size: 48px;
		line-height: 50px;
		text-indent: -9999px
	}

		#logo a strong {
			color: #666;
			font-weight: 400;
		}

	#logo img {
		vertical-align: top;
	}

.fixed-menu #logo {
	float: left;
	margin: 0px;
}

	.fixed-menu #logo a {
		font-size: 28px;
		line-height: 21px;
		padding: 0px;
		background: none;
	}
/**/

/*Menu*/
@media (min-width: 1200px) {
	.navmenu {
		/* 4/4/19 Jo Yee: removed width */
		/* width: 1230px; */
		margin: 0;
		padding: 0;
	}
}

@media (max-width: 1119px) {
	.navmenu {
		margin: 0;
		padding: 0;
	}
}

.fixed-menu .navmenu {
	float: right;
	max-height: 40px; /* 26/3/19 Jo Yee: added for fixed height when ddl is open. */
}

.navmenu ul {
	font-size: 0;
	line-height: 0;
}

	.navmenu ul li {
		display: inline-block;
		vertical-align: top;
		list-style: none;
		padding: 0;
		margin: 0 20px 10px;
	}

		.navmenu ul li a {
			display: inline-block;
			font-size: 13px;
			line-height: 21px;
			text-transform: uppercase;
			padding: 5px;
			text-decoration: none !important;
			outline: none;
			background: none;
			color: #fff;
			letter-spacing: 1px
		}

.navmenu li a:hover,
.navmenu li.active a {
	text-decoration: none;
	color: #7ab55c;
}

/* 26/3/19 Jo Yee: added for register dropdown (old) */
.navmenu ul li div p {
	margin: 0;
	padding: 0;
	text-align: center;
}

/* 8/8/19 Nur: sub-menu display*/
.navmenu ul li div {
	display: none;
	position: absolute;
}

.fixed-menu .navmenu ul li:last-child > div {
	position: absolute;
	margin-left: -62px;
}

	.fixed-menu .navmenu ul li:last-child > div p {
		position: relative;
		left: 0px;
	}

		.fixed-menu .navmenu ul li:last-child > div p a:hover {
			display: block;
			position: relative;
		}

/*-----*/

.navmenu ul li a:hover + div,
.navmenu ul li a:focus + div,
.navmenu ul li a + div:hover,
.navmenu ul li div p a {
	display: block;
	background-color: #7ab55c;
}

.navmenu ul li a + div p a:hover {
	background-color: #fff;
	color: #7ab55c;
}
/* 26/3/19 end */

/* 27/3/19 Jo Yee: added for register dropdown */
.custom-dropdownmenu ul {
	display: none;
}

.custom-dropdownmenu li {
	clear: both;
	float: left;
}

.custom-dropdownmenu ul li a {
	margin: 0;
	padding: 0;
}

	.custom-dropdownmenu ul li a:hover,
	.custom-dropdownmenu ul li a:active {
		background-color: rgba(0, 0, 0, 0.3);
		color: #fff;
	}
/* 27/3/19 end */

a.menu_toggler {
	display: none;
}

.mobile_menu_wrapper {
	display: none;
}

#top .navmenu ul li a {
	line-height: normal !important;
	padding: 8px;
}

.fixed-menu .navmenu {
	margin-right: -25px;
}

	.fixed-menu .navmenu ul li {
		margin-bottom: 0px;
	}


/**/

/*-----------------------------------------------------------------------------------*/
/*	Slider home-page 1
/*-----------------------------------------------------------------------------------*/

.full_slider {
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: -40px;
}

.full_slider_caption {
	position: absolute;
	/*bottom: 40%;*/
	bottom: 5%;
	left: 0;
	right: 0;
	margin: 0;
	text-shadow: none;
	opacity: 1;
	float: none;
	color: #fff;
	font-size: 14px;
	line-height: 25px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 4px
}

	.full_slider_caption span {
		font-size: 12px;
		font-weight: normal;
		background: #7ab55c;
		line-height: 25px;
		padding: 0px 15px;
		display: inline-block;
		margin-bottom: 20px
	}

	.full_slider_caption .title {
		font-size: 94px;
		line-height: 68px;
		font-weight: 600;
		margin-bottom: 20px;
		letter-spacing: -11px
	}

	.full_slider_caption .cont {
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #fff;
		padding-top: 5px;
		padding-right: 0;
		padding-bottom: 5px;
		padding-left: 16px;
		width: 450px;
	}

.slideshow-overlay {
	display: block;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	overflow: auto;
	height: 100%;
	width: 100%;
}



/**/

/************ HOME SECTION ***********/
#home {
	position: relative;
	margin-bottom: 53px;
}

.separator {
	position: relative;
	margin: 17px 0 13px;
	height: 1px;
}

	.separator:before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		margin: 0 0 0 -40px;
		width: 81px;
		border-bottom: #666 solid 1px;
	}

	.separator.left:before {
		left: 0;
		margin: 0;
	}

.page_section {
	opacity: 1;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 29px;
	padding-left: 0;
}

.disabled_button {
	display: inline-block;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	color: #666 !important;
	padding: 7px 19px;
	vertical-align: top;
	text-align: center;
	text-transform: uppercase;
	background: #e6e6e6;
	border: none;
	cursor: pointer;
	font-size: 12px;
	letter-spacing: 1px;
	cursor: not-allowed;
	margin-top: 15px;
}

.about_block .disabled_button {
	margin-top: 15px;
}


.shortcode_button {
	display: inline-block;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	color: #fff !important;
	padding: 7px 19px;
	vertical-align: top;
	text-align: center;
	text-transform: uppercase;
	background: #7ab55c;
	border: none;
	cursor: pointer;
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 15px;
}

	.shortcode_button:hover {
		background: #2d2e2e;
	}

	.shortcode_button.btn-lg {
		font-size: 18px;
		padding: 12px 19px 13px;
	}

.plain_button {
	display: inline-block;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	color: #494949 !important;
	padding: 7px 19px;
	vertical-align: top;
	text-align: center;
	text-transform: uppercase;
	border: solid 1px;
	cursor: pointer;
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 15px;
}

	.plain_button:hover {
		background: #2d2e2e;
		color: #fff !important;
	}

	.plain_button.btn-lg {
		font-size: 18px;
		padding: 12px 19px 13px;
	}

.page_section header div.container {
	z-index: 900;
	position: relative;
}

h1 {
	font-size: 30px;
	line-height: 32px;
}

h2 {
	font-size: 26px;
	line-height: 28px;
}

h3, h4 {
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}

h4 {
	text-transform: none;
}

.head_section h1,
.head_section h2 {
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding-top: 30px;
	font-family: 'Montserrat', sans-serif;
}

.bg_colored h2 {
	color: #fff
}

.bg-img {
	width: 100%;
	background: url(/images/marketing/bg-img.jpg) no-repeat top center;
	margin-bottom: 25px
}

.head_section span {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
}

.head_section p {
	text-align: center;
	padding: 0 0 10px;
	margin-bottom: 0;
	color: #262626;
}

	.head_section p:last-child {
		padding-bottom: 0px
	}

.head_section.left_align {
	text-align: left;
}

.head_section.center_section {
	text-align: center;
	padding-bottom: 25px;
}

	.head_section.center_section .separator {
		margin: 26px 0 25px;
	}

.head_section.left_section {
	text-align: center;
	padding-bottom: 25px;
}

	.head_section.left_section .separator {
		margin: 26px 0 25px;
	}

	.head_section.left_section p {
		text-align: left;
		padding: 0 0 10px;
		margin-bottom: 0;
		color: #262626;
	}

	.head_section.left_section ul {
		text-align: left;
		margin: 0;
	}

		.head_section.left_section ul li {
			text-align: left;
			padding: 0 0 0 40px;
			margin-top: 1em;
		}


/************** Video background *************/

header .background img, header .background video {
	height: auto;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 0;
	width: auto;
}


div#background {
	position: relative;
}

div#overlay {
	position: absolute;
	z-index: 1;
	text-align: center;
	font-size: 55px;
	color: #FFF;
	margin-top: 25%;
	margin-left: 15%;
}

div#overlay-under {
	position: absolute;
	z-index: 1;
	text-align: center;
	font-size: 35px;
	color: #FFF;
	margin-top: 28%;
	margin-left: 15%;
}


/************* START SECTION *************/
#product .icon-banner {
	min-height: 500px;
}

#product .tile {
	height: 112px;
	border-radius: 8px;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}

#product .icon-banner .tile p {
	color: #7ab55c;
	font-size: 12px;
	line-height: 14px;
}

#product .icon-banner h2 {
	font-size: 18px;
}

#product .icon-banner .tile.noavail p {
	color: #999;
}

#product .icon-banner .tile {
	width: calc(33.33% - 16px);
	background-color: #fff;
	margin: 8px;
	padding: 8px;
}

.icon-banner {
	text-align: center;
	padding: 0px 20px 25px;
	margin-bottom: 30px;
	background: #f8f8f8;
}

	.icon-banner i {
		font-size: 54px;
		color: #7ab55c
	}

	.icon-banner > a {
		display: inline-block;
	}

	.icon-banner .icon {
		display: inline-block;
		margin: 0px auto 27px;
		position: relative;
	}

		.icon-banner .icon img {
			display: block;
			height: auto;
			opacity: 1;
			width: 100%;
		}

	.icon-banner .title_cont {
		text-transform: uppercase;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.icon-banner h3 {
		margin: 0;
		color: #7ab55c
	}
	/* remove hover effect
.icon-banner:hover .icon {
	 margin: 10px auto 17px;
}
.icon-banner:hover .separator {
	 margin:27px 0 23px;
}*/
	.icon-banner .icon,
	.icon-banner .separator {
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

/************** BENEFITS SECTION ***********/

.benefits_block .img-wrap img {
	display: block;
	margin: 0 auto;
}

.benefits_block {
	position: relative;
}

	.benefits_block .col_img {
		background-size: 100% 100%;
		position: absolute;
		top: 0px;
		bottom: 0;
		left: 0px;
		min-height: 250px;
	}

	.benefits_block .col_img_benefits {
		background: url(/images/marketing/eprocurement_benefit.png) no-repeat center center;
		background-size: 100% 100%;
	}

	.benefits_block .col_cont {
		float: left;
	}

	.benefits_block .col_cont_right {
		float: right;
	}

	.benefits_block .col_img,
	.benefits_block .col_img_marketing,
	.benefits_block .col_cont {
		width: 50%;
	}

	.benefits_block .wrap_cont {
		padding: 35px 30px 40px 40px;
	}

		.benefits_block .wrap_cont header {
			padding: 0px;
		}

	.benefits_block .shortcode_button {
		margin-top: 15px;
	}

/************** MANAGEMENT SECTION ***********/
.img-wrap img {
	display: block;
	margin: 0 auto;
}

.img-wrap img {
	display: block;
	margin: 0 auto;
}

.management_blocks {
	position: relative;
}

.col_img_management {
	background: url(/images/marketing/eprocurement_management.png) no-repeat center center;
	background-size: 100% 100%;
}

.col_img {
	background-size: 100% 100%;
	position: absolute;
	top: 0px;
	bottom: 0;
	right: 0px;
	min-height: 250px;
}

.col_cont {
	float: left;
}

.col_img,
.col_img_marketing,
.col_cont {
	width: 50%;
}

.wrap_cont {
	padding: 35px 30px 40px 40px;
}

	.wrap_cont header {
		padding: 0px;
	}


/************** CUSTOMIZED SECTION ***********/
.customized_blocks {
	position: relative;
}

.col_img_customized {
	background: url(/images/marketing/customize_eprocurement.png) no-repeat center center;
	background-size: 100% 100%;
}

/************** Referral SECTION ***********/
.col_img_referral {
	background: url(/images/marketing/refer_and_win_small.png) no-repeat center center;
	background-size: 100% 100%;
}

/************** ABOUT SECTION ***********/
.about_block .img-wrap img {
	display: block;
	margin: 0 auto;
}

.about_block {
	position: relative;
}

	.about_block .col_img {
		background: url(/images/marketing/imac.png?v0.1.0) no-repeat center center;
		background-size: 100% 100%;
		position: absolute;
		top: 0px;
		bottom: 0;
		right: 0px;
		min-height: 250px;
	}

	.about_block .col_cont {
		float: left;
	}

	.about_block .col_img,
	.about_block .col_img_marketing,
	.about_block .col_cont {
		width: 50%;
	}

	.about_block .wrap_cont {
		padding: 35px 30px 40px 40px;
	}

		.about_block .wrap_cont header {
			padding: 0px;
		}

	.about_block .shortcode_button {
		margin-top: 15px;
	}

.head_section .icon-write {
	color: rgba(255,255,255, 0.1);
	position: absolute;
	bottom: 15px;
	left: 90px;
	display: block;
	font-size: 400px;
	background-repeat: no-repeat;
}


/*********** SERVICES SECTION **********/
#services {
}

.item-service {
	margin-bottom: 30px;
	background: #f8f8f8;
	text-align: center;
}

	.item-service .cont {
		padding: 35px 20px 40px;
	}

		.item-service .cont .shortcode_button {
			margin-top: 15px;
		}

	.item-service h4 {
		margin-bottom: 0px;
	}

.carousel-box .control-block,
.info-block {
	padding: 35px 30px 98px 40px;
	margin-bottom: 30px;
	position: relative;
}

.info-block {
	padding-bottom: 40px;
}

.bg_black {
	color: #fff;
}

	.bg_black p {
		color: #868686;
	}

.bg_colored p {
	color: #262626;
}

.customNavigation {
	font-size: 0;
}

.carousel-box .control-block .customNavigation {
	position: absolute;
	bottom: 37px;
	left: 40px;
}

.btn-prev,
.btn-next {
	display: inline-block;
	margin: 0 10px 0 0;
	width: 40px;
	height: 33px;
	border: #262626 solid 1px;
	color: #262626 !important;
	text-align: center;
	font-size: 29px;
	line-height: 28px;
	cursor: pointer;
	-webkit-transform: translateZ(0) !important;
	opacity: 0.6;
}

.btn-prev {
	padding-right: 2px;
}

.btn-next {
	padding-left: 2px;
}

	.btn-prev:hover,
	.btn-next:hover {
		opacity: 1;
	}

.bg_black .btn-prev,
.bg_black .btn-next {
	color: #494949 !important;
	border-color: #494949;
	opacity: 1;
}

	.bg_black .btn-prev:hover,
	.bg_black .btn-next:hover {
		color: #7ab55c !important;
		border-color: #7ab55c;
	}
/***/

/*team*/
.item-team,
.item-full {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

	.item-team .img,
	.item-full .img {
		background: #f8f8f8;
	}

	.item-team .cont,
	.item-full .cont {
		background: #f8f8f8;
		padding: 35px 35px 40px 40px;
	}

		.item-team .cont h4,
		.item-full .cont h4 {
			text-transform: uppercase;
			margin: 0px;
		}

	.item-team shortcode_button,
	.item-full .shortcode_button {
		margin-top: 14px;
	}

.social {
	padding: 2px 0 0;
}

	.social i {
		color: #cdcdcd;
		border: 1px #cdcdcd solid;
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		margin-right: 4px
	}

	.social a {
		display: inline-block;
		margin: 8px 0px 0 0;
		color: #cdcdcd;
	}

.soc-f:hover {
	color: #063587 !important;
}

.soc-t:hover {
	color: #00aae9 !important;
}

.soc-g:hover {
	color: #be3027 !important;
}

.soc-n:hover {
	color: #e54e93 !important;
}

.soc-v:hover {
	color: #00aae9 !important;
}

.soc-r:hover {
	color: #ff6900 !important;
}

.soc-i:hover {
	color: #0053a5 !important;
}
/***/


/********** PORTFOLIO SECTION *********/
/**** Isotope Filtering ****/
.isotope-item {
	z-index: 2;
}

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

/**** Isotope CSS3 ****/
.isotope,
.isotope .isotope-item {
	-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;
	}

		/**** disabling Isotope CSS3 transitions ****/

		.isotope.no-transition,
		.isotope.no-transition .isotope-item,
		.isotope .isotope-item.no-transition {
			-webkit-transition-duration: 0s;
			-moz-transition-duration: 0s;
			transition-duration: 0s;
		}
	/* End: Recommended Isotope styles */

	/* disable CSS transitions for containers with infinite scrolling*/
	.isotope.infinite-scrolling {
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}

#portfolio {
	margin-top: -37px;
	padding-top: -30px;
}

.portfolio-block {
	margin-bottom: 30px;
}

.portfolio-menu {
	padding: 22px 0 13px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

	.portfolio-menu li {
		display: inline-block;
		margin: 0 4px 10px;
		font-size: 12px;
		line-height: 21px;
		font-family: 'Montserrat', sans-serif;
		letter-spacing: 1px
	}

		.portfolio-menu li.active a,
		.portfolio-menu li a:hover {
			color: #7ab55c !important;
		}

		.portfolio-menu li a {
			display: block;
			padding: 5px 15px;
			text-transform: uppercase;
			font-weight: 600;
			cursor: pointer;
			background: #f8f8f8;
			border: 1px #e5e5e5 solid
		}

.portfolio-list .item {
	margin-bottom: 30px;
	overflow: hidden;
}

	.portfolio-list .item a {
		position: relative;
		display: block;
	}

		.portfolio-list .item a img {
			vertical-align: top;
			width: 100%;
		}

.app-item {
	text-align: center;
}

	.app-item .shortcode_button {
	}

.portfolio-list .item .caption {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.portfolio-list .item a:hover .caption {
	background: rgba(255,255,255,0.8);
}

	.portfolio-list .item a:hover .caption .info {
		opacity: 1;
		visibility: visible;
	}

.portfolio-list .item .caption .info {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	width: 100%;
	padding: 0 5%;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
	color: #262626;
}

.portfolio-list .item .caption h4 {
	font-size: 18px;
	margin-bottom: 0;
	position: relative;
	top: -25px;
}

.portfolio-list .item .caption p {
	padding: 0;
	color: #262626;
	position: relative;
	top: 30px;
}

.portfolio-list .item a:hover .caption .info h4,
.portfolio-list .item a:hover .caption .info p {
	top: 0;
}
/***/



/********** PRICE TABLE SECTION *********/


.pricing_block {
	text-align: center;
	padding: 53px 0 69px;
	margin-bottom: 30px;
}

	.pricing_block h2 {
		color: #fff
	}

	.pricing_block .separator:before {
		border-color: #7ab55c
	}

	.pricing_block .head_section p {
		color: #fff
	}

	.pricing_block .head_section {
		padding-bottom: 55px;
	}

.price-item.optimal {
	margin-top: 0;
}

.price-item {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	border: #ddd solid 1px;
	width: 270px;
	padding: 9px 9px 2px;
	/*margin:0px 12px 8px 15px;*/
	/*WPE20190405-adjust the gap smaller, to make 4 price block display at one row*/
	margin: 0px 5px 8px 15px;
	text-align: center;
}

	.price-item .type {
		background: #081203;
		color: #fff;
		font-size: 24px;
		line-height: 32px;
		font-weight: 600;
		text-transform: uppercase;
		margin: -10px -10px 0;
		padding: 10px 10px 0;
	}

		.price-item .type span {
			display: block;
			padding: 14px 5px 17px;
			border: none;
			border-bottom: none;
			font-family: 'Montserrat', sans-serif
		}

.pricelist {
	color: #fff;
	padding: 13px 10px 15px;
	margin: 0 -10px -1px;
	background: #7ab55c;
	position: relative;
	z-index: 5;
}

	.pricelist span {
		font-size: 24px;
		vertical-align: top;
	}

.price-item .cont {
	border: #ddd solid 1px;
}

.price-item ul li {
	margin: 0;
	padding: 9px 0 12px;
}

	.price-item ul li:nth-child(even) {
		background: #fafafa;
	}

.price-item .shortcode_button {
	position: relative;
	margin-bottom: 20px;
	margin-top: 20px
}


/********** SHOP SECTION *********/

.wid-rating {
	color: #598f91;
	margin-bottom: 20px;
	margin-top: 19px;
	padding-left: 13px;
}

.hot-wid-rating {
	color: #598f91;
	margin-bottom: 17px;
	margin-top: 20px;
	padding-left: 20px;
	overflow: hidden;
}

.product-single img {
	width: 100%;
}

#product img {
	width: 40px;
}

#product p {
	font-weight: 600;
	line-height: 16px;
	margin-top: 10px;
}

#img:hover #overlay {
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}


.wid-rating h4 {
	font-family: "latosemibold";
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 7px;
}

.hot-wid-rating h4 {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
}


.wid-rating a {
	color: #333333;
}

	.wid-rating a:hover, .hot-wid-rating a:hover, .footer-widget a:hover, .blog-text a:hover, .product-wid-rating h4 a:hover, .single-wid-product h2 a:hover {
		color: #598f91;
	}

.hot-wid-rating a {
	color: #333333;
}

.product-wid-price {
	margin-bottom: 27px;
}

.latest-product-area .product-wid-price {
	margin-bottom: 0px;
}

.men_clothing_right .product-wid-price {
	margin-bottom: 0;
}

.cc_banner img {
	width: 100%;
}

.product-tab .product-wid-price {
	margin-bottom: 0;
}

.new span {
	background: #f89d18 none repeat scroll 0 0;
	border-radius: 18px;
	color: #fff;
	height: 40px;
	width: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
}

.percent span {
	background: #444444 none repeat scroll 0 0;
	border-radius: 18px;
	color: #fff;
	height: 40px;
	width: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
}

.tag {
	left: 35px;
	position: absolute;
	top: 40px;
}



/************ BLOG SECTION ************/

.blog-list {
	margin: 44px 0 0 0;
}

	.blog-list .item {
		overflow: hidden;
		margin-bottom: 30px;
	}

		.blog-list .item .title {
			padding: 13px 0 18px 0;
			font-size: 16px;
			font-weight: bold;
		}

			.blog-list .item .title a {
				transition: all 400ms;
				-webkit-transition: all 400ms;
			}

		.blog-list .item .wrap {
			padding: 0 20px 0 20px;
			text-align: left;
			background: #fff;
		}

		.blog-list .item p {
			font-size: 14px;
			line-height: 21px;
			margin-bottom: 15px;
		}

		.blog-list .item i {
			padding-top: 18px;
			display: block;
		}

		.blog-list .item .video-wrap {
			height: 250px;
		}

		.blog-list .item iframe {
			width: 100%;
		}

		.blog-list .item .date {
			padding: 14px 0 12px 0;
			position: relative;
			font-size: 12px;
			overflow: hidden;
		}

			.blog-list .item .date:before {
				content: '';
				width: 30px;
				height: 1px;
				background: #b7b7b7;
				left: 0;
				top: 0;
				position: absolute;
			}

.blog_block {
}
/***/


/********** CONTACT SECTION *********/
input.shortcode_button,
button.shortcode_button {
	padding-top: 0px;
	padding-bottom: 0px;
	height: 35px;
	line-height: 34px;
	margin: 0;
}

.contact_form {
	background: #f8f8f8;
	margin: 0 -30px 30px;
	padding: 10px 40px 40px 30px;
	/*padding:0px 40px 10px 30px;*/
}

	.contact_form .inp {
		width: calc(100% + 10px);
	}

.inp {
	background: #fff;
	/*	margin: 0 0 20px;*/
	margin: 14px 0 0;
	padding: 7px 10px;
	width: 100%;
	border: none;
	border: 1px #ddd solid;
	outline: none;
	box-shadow: none;
	font-size: 13px;
	color: #666;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

form textarea {
	resize: none;
}

.contact_form .shortcode_button {
	margin-top: 10px;
}



/* Map iframe
---------------------------------- */

.map-canvas iframe {
	width: 100%;
	height: 485px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-filter: sepia(100%);
	-moz-filter: sepia(100%);
	-ms-filter: sepia(100%);
	-o-filter: sepia(100%);
	filter: sepia(100%);
}




/* Placeholder */
.contact_form ::-webkit-input-placeholder { /* WebKit browsers */
	color: #666;
}

.contact_form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
	opacity: 1;
}

.contact_form ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
	opacity: 1;
}

.contact_form :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #666;
}
/* WebKit browsers */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent !important;
}
/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
	color: transparent !important;
}
/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
	color: transparent !important;
}
/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
	color: transparent !important;
}
/***/


.no_bottom {
	padding-bottom: 0;
}

#note {
	max-width: 770px;
	margin: 0 auto;
}


/************* FOOTER ************/
.footer {
	padding: 55px 0 24px;
	color: #aaaaaa;
	background: #2d2e2e;
}

	.footer p {
		color: #aaaaaa;
	}

	.footer a {
		color: #7ab55c;
	}

		.footer a:hover {
			color: #e0f29b;
		}

.footer_block {
	margin-bottom: 25px;
}

	.footer_block .title {
		position: relative;
		padding-bottom: 18px;
		margin-bottom: 24px;
		font-weight: 600;
		min-width: 81px;
	}

		.footer_block .title:before {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 81px;
			border-bottom: #464843 solid 1px;
		}

		.footer_block .title h3 {
			margin: 0px;
			font-size: 18px;
			color: #fff;
		}

	.footer_block ul {
		padding-top: 4px;
	}

		.footer_block ul li {
			padding: 6px 0 8px;
			border-bottom: #303130 solid 1px;
		}

			.footer_block ul li:last-child {
				border-bottom: none;
			}

.footer .list-posts {
	padding-top: 0;
	margin-top: -15px;
}

	.footer .list-posts li {
		padding: 15px 0 13px;
	}

	.footer .list-posts .date {
		display: inline-block;
		margin: 0 10px 0 0;
		color: #989898;
	}

.working_hours {
	margin-top: -17px;
}

	.working_hours li {
		overflow: hidden;
		padding: 13px 0 15px !important;
	}

	.working_hours i {
		font-size: 16px;
		color: #7ab55c;
		position: relative;
		bottom: -1px;
		margin-right: 12px;
	}

	.working_hours span {
		float: right;
		width: 48%;
		text-align: center;
	}

		.working_hours span:first-child {
			float: left;
			text-align: left;
		}

.ns_block {
	margin: 25px 0 20px;
	position: relative;
	overflow: hidden;
}

	.ns_block .ns_input {
		margin: 0;
		padding: 8px 100px 8px 14px;
		border: none;
		background: #494a49;
		width: 100%;
		color: #7f827d;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
	}

	.ns_block ::-webkit-input-placeholder {
		color: #7f827d;
	}

	.ns_block :-moz-placeholder {
		color: #7f827d;
		opacity: 1;
	}

	.ns_block ::-moz-placeholder {
		color: #7f827d;
		opacity: 1;
	}

	.ns_block :-ms-input-placeholder {
		color: #7f827d;
	}

	.ns_block .shortcode_button {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2;
	}

		.ns_block .shortcode_button:hover {
			background: #bfd276;
		}

.copyright {
	border-top: #363635 solid 1px;
	padding: 24px 0 0;
	margin-top: 8px;
}

.footer .social a {
	color: #494a49;
}

.footer .social i {
	color: #595a57;
	border-color: #595a57
}

.charfix {
	font-size: 130%;
	line-height: 0;
}

/* Dropdown Button */
.dropbtn {
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-menu {
	display: none;
	position: absolute;
	min-width: 200px;
	background-color: #f8f8f8;
}

	/* Links inside the dropdown */
	.dropdown-menu ul li a {
		color: black;
		text-decoration: none;
		display: block;
	}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-menu {
	display: block;
}

.box-header-left {
	margin-top: 20px;
}

.box-header-right {
	margin-top: 0px;
}

/* Recaptcha */
.text-xs-center {
	text-align: center;
}

.g-recaptcha {
	display: inline-block;
}

/**********************css3***************/
a {
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	transition: color 0.4s ease;
}

.btn-prev,
.btn-next,
.item-team .img img,
.portfolio-list .item .zoom,
.portfolio-list .item img,
.portfolio-list .item .caption,
.services_tab ul.tabs li:before,
.services_tab ul.tabs li,
.portfolio-menu li a,
.shortcode_button,
.icon-banner .icon img,
.icon-banner .icon:before,
.fixed-menu,
.navmenu li a:before,
.navmenu ul li,
.navmenu ul li a {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

	.portfolio-list .item .caption p,
	.portfolio-list .item .caption h4,
	/************** CASE MANAGEMENT SECTION ***********/
	.text-justify {
		text-align: justify;
	}

.img_mobile {
	margin: auto;
	width: 90%;
}


.about_block .col_cont_right {
	float: right;
}


a.hyperlink_underline {
	color: #468ecb;
	text-decoration: underline !important;
}

a.hyperlink {
	color: #468ecb;
	font-weight: 600;
}

a:focus.hyperlink,
a:hover.hyperlink {
	color: #65a0d4;
}

.content_logos div {
	float: left;
}


@media screen and (min-width: 768px) {
	.modal-dialog {
		width: 65%;
		margin: 30px auto;
	}
}

@media screen and (max-width: 1200px) {
	#product .icon-banner .tile {
		width: calc(33.33% - 16px);
		float: left;
	}

	#product .col-sm-4 {
		width: 50%;
	}

	#product .icon-banner.mb0 {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.modal-dialog {
		width: 95%;
		margin: 30px auto;
	}

	#product .col-sm-4 {
		width: 100%;
	}
    #product .icon-banner {
        min-height: unset;
    }
    .wrap_cont, .benefits_block .wrap_cont {
        padding: 20px;
    }
    .benefits_block .col_cont_right {
        float: none;
    }
    .benefits_block .col_img, .benefits_block .col_img_marketing, .benefits_block .col_cont,
    .col_cont col_cont_right, .col_cont {
        width: 100%;
    }
    .col_img {
        display: none;
    }
    .head_section h1, .head_section h2 {
        padding-top: 0px;
    }
    #product .col-sm-4:last-child .icon-banner .mb0 {
        margin-bottom: 0px;
    }

    .mb30 {
        margin-bottom: 0px !important;
    }

    h2 {
        font-size: 20px;
    }
}