/*

   Customisations for the basic Canvas theme

*/

.lead {
	font-weight: 400;
}

/* Header
---------------------------------------------------------------------------- */

#header { border-bottom: 0;}

#header #header-wrap {
	z-index: 199;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #141E30;
	-webkit-transition: height .4s ease, background-color .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, background-color .4s ease, opacity .3s ease;
	transition: height .4s ease, background-color .4s ease, opacity .3s ease;
	/* make the menu smaller by 30px */
	height:70px !important;
}

#primary-menu-trigger {
	/* To re-aling with the logo which has been made to be 70px instead of 100px */
	margin-top: -15px;
}

.sticky-responsive-menu #header {
	/* REQUIRED to OVERRIDE the min-height of sticky-responsive-menu that adds whitespace at top of page */
	min-height: 0px;
}

.headerMarginWhenScreenIsSmall {
	margin-bottom: 70px;
}

#header.full-header:not(.border-full-header):not(.sticky-header) #header-wrap { border-bottom: 0; }

#header.full-header.border-full-header #header-wrap { border-bottom-color: rgba(0,0,0,0.05) !important; }

.dark #header.full-header.border-full-header #header-wrap,
#header.dark.full-header.border-full-header #header-wrap { 
	border-bottom-color: rgba(255,255,255,0.15) !important; 
}

#header.transparent-header:not(.sticky-header):not(.responsive-sticky-header) #header-wrap { 
	background-color: transparent;
}

#header.transparent-header + #slider,
#header.transparent-header + #page-title.page-title-parallax,
#header.transparent-header + #google-map,
#slider + #header.transparent-header {
	/* make the menu smaller by 30px */
	top: -70px;
	margin-bottom: -70px;
}

#header.full-header #logo { border-right: 0; }

#header.full-header #primary-menu > ul {
	padding-right: 0;
	margin-right: 0;
	border-right: 0;
}

#header.show-on-sticky #header-wrap {
	opacity: 0;
	pointer-events: none;
}

#header.show-on-sticky.sticky-header #header-wrap {
	opacity: 1;
	pointer-events: auto;
}


/* make the menu smaller by 30px */
#header,
#header-wrap,
#logo img {
	height: 70px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}

/* Sticky Header
---------------------------------------------------------------------------- */

#header.sticky-header #header-wrap,
#header.full-header.border-full-header.sticky-header #header-wrap {
	/*box-shadow: none;*/
	background-color: #141E30;
	/*border-bottom: 1px solid #F5F5F5 !important;*/
	-webkit-backface-visibility: hidden;
}

#header.split-menu #logo {
	margin-top: 15px;
}

#header.split-menu #primary-menu {
	margin-top: -15px;
}

/* Side Header
---------------------------------------------------------------------------- */

@media (min-width: 992px) {

	.side-header #header #header-wrap { position: relative; }

	.side-header #header,
	.side-header #header-wrap { height: 100%; }

	.side-header #header-wrap { width: 300px !important; }

	.side-header #logo,
	.side-header #logo img,
	.side-header #primary-menu:not(.style-2),
	.side-header #primary-menu:not(.style-2) > ul { height: auto; }

}


/* Primary Menu
---------------------------------------------------------------------------- */
#primary-menu {
	/* make the menu smaller by 30px, hence move the primary menu to be centered */
	margin-top: -15px;
}

#primary-menu ul li a {
	padding: 24px 22px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 3px;
}

body.device-lg #primary-menu ul ul:not(.mega-menu-column), 
body.device-xl #primary-menu ul ul:not(.mega-menu-column), 
body.device-lg #primary-menu ul li .mega-menu-content,
body.device-xl #primary-menu ul li .mega-menu-content
{
	margin-top: -30px;
	background-color: #2B4066;
}

body:not(.device-lg):not(.device-xl) #primary-menu
{
	background-color: #2B4066;
	border-radius: 2px;
	padding-left:15px;
	padding-right:10px;
	margin-top:-30px;
}

.dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {
	color: #EEE !important;
}

body.primary-menu-open #primary-menu-trigger {
	background-color: rgba(226,227,229,0.85);
	border-radius: 2px;
}


.fluid-width-video-wrapper > iframe {
	border-radius: 10px;
}

/* Copyright FOOTER section
=====================
*/

#copyrights {padding: 25px 0;}

#copyrights .col_one_third { margin-bottom: 0 !important; }

#copyrights .adjustTextPadding {padding: 5px 0 5px 0;}

/* FOOTER - ROW
=====================
*/

.footerRow {
    padding: 40px 15px 20px 15px;
}

.footerEmphLink {
	color: #faaa5e !important;
}

/* PageMenu + Header & PageMenu
=====================
*/


#header.sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap, #header.sticky-header ~ #content #page-menu.sticky-page-menu #page-menu-wrap {
	top: 70px;
}

#page-menu {
	height: 0;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

#page-menu #page-menu-wrap {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-transform: translate3d(0,-44px,0);
	-o-transform: translate3d(0,-44px,0);
	transform: translate3d(0,-44px,0);
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}

#page-menu.sticky-page-menu { overflow: visible; }

#page-menu.sticky-page-menu #page-menu-wrap {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


#primary-menu ul li.emphasize-button > a {
	-webkit-transition: all 2.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.emphasize-button > a {
	background-color: #ff5e62;
	box-shadow: rgba(254, 39, 75, 0.2) 0px 2px 12px 0px;
}

.emphasize-button:hover > a {
	background-color: #ff5e62 !important;
	box-shadow: rgba(254, 39, 75, 0.8) 0px 2px 18px 0px;
	-webkit-transition: all 2.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  	transition: all 2.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.get-zenreader {
	background-color: #ff5e62 !important;
	/* box-shadow: rgba(254, 39, 75, 0.6) 0px 2px 18px 0px !important; */
}
.get-zenreader:hover {
	background-color: #ff5e62 !important;
	/* box-shadow: rgba(254, 39, 75, 0.9) 0px 2px 18px 0px !important; */
	-webkit-transition: all 2.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  	transition: all 2.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}


/* Section Styles
=====================
*/

.darkerSection {
	background-color: #F8FAFB;
	border-top: 1px solid #E5E5E5; 
	border-bottom: 1px solid #E5E5E5;
}


.lightSection {
	background-color: #FFFFFF;
	border-top: 1px solid transparent; 
	border-bottom: 1px solid transparent;
}

/* END SECTION STYLE */


/* DOCS Template Style OVERRIDES
=====================
*/

.docs-content-fullwidth {
	position: relative;
	overflow: hidden;
	margin-left: 0px;
	padding: 60px 0 60px 0px;
	min-height: 1000px;
}
/* END SECTION STYLE */


/* User Stories
=====================
*/

.testimonial-tabs-p {
	line-height: 1.8;
}

.success-story-heading {
	font-size: 15px !important;
}

.success-story-testimonial-box-p {
	border: 1px solid #E5E5E5;
	background-color: #F9F9F9;
	border-radius: 5px;
	padding: 40px;
}

.success-story-testimonial-box-icon {
	position: absolute;
	left: 50%;
	top: -24px;
	margin: 0px 0 0 -24px;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	display: block;
	text-align: center;
}

.success-story-testimonial-box-icon a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 3px !important;
}

.success-story-testimonial-box-icon i {
	line-height: 48px;
	font-size: 21px;
	color: #444;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 3px !important;
	/*border: 1px solid #E5E5E5;*/
}

.success-story-quote-p {
	font-style: italic;
}

@media (min-width: 576px) {
	/* SMALL */
}

@media (min-width: 768px) {
/* MEDIUM */
}

@media (min-width: 992px) {
	/* LARGE */
	.success-story-heading {
		font-size: 24px !important;
	}
}

@media (min-width: 1200px) {
	/* X LARGE */
	.success-story-heading {
		font-size: 24px !important;
	}

}

/* END User Stories */


/* MISCELLANEOUS
=====================
*/

.line-sm {
	margin: 20px 0;
}

.line-md {
	margin: 30px 0;
}
/* END MISCELLANEOUS */



/* PORTFOLIO ITEM
=====================
*/

.portfolio .portfolio-item {
	padding: 0px 60px 60px 60px;
}	

@media (max-width: 991.98px) {
	.portfolio .portfolio-item {
		position: absolute;
		left: 0px;
		right: 0px;
		padding: 0px 30px 60px 30px;
	}	
}

@media (max-width: 575.98px) {
	.portfolio .portfolio-item {
		padding: 0px 0px 60px 0px;
	}	
}

/* PRICING */
.table-comparison .icon-ok{
	color: #288038
}
.table-comparison .icon-remove{
	color: #C01916
}

/* END MISCELLANEOUS */