/*! ===== bernard:section inline https://thecopycourse.co.uk/ ===== */
img:is([sizes="auto" i]) { contain-intrinsic-size: 3000px 1500px; }
/*! ===== bernard:section inline https://thecopycourse.co.uk/ ===== */
 img.emoji { display: inline !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: initial !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0px 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0px !important; }
/*! ===== bernard:section inline https://thecopycourse.co.uk/ ===== */
:root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; }
@media (min-resolution: 192dpi) {
  :root { --wp-admin-border-width-focus: 1.5px; }
}
:root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }
.screen-reader-text { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; }
.screen-reader-text:focus { background-color: rgb(221, 221, 221); clip-path: none; color: rgb(68, 68, 68); display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/*! ===== bernard:section inline https://thecopycourse.co.uk/ ===== */
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0); --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0); }
:where(body) { margin: 0px; }
body { padding: 0px; }
/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/plugins/salient-nectar-slider/css/nectar-slider.css?ver=1.7 ===== */
/*-------------------------------------------------------------------------
  
	[Table Of Contents]
	
	1.	Slider Core
	2.	Slider Styles
	3.	Slider Controls
	4. 	Responsive

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


/*-------------------------------------------------------------------------*/
/*	1.	Slider Core
/*-------------------------------------------------------------------------*/
/*	2.	Slider Styles
/*-------------------------------------------------------------------------*/
/*	2.	Slider Controls
/*-------------------------------------------------------------------------*/
/*	4.	Responsive
/*-------------------------------------------------------------------------*/


/*before loaded*/

/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient/css/font-awesome-legacy.min.css?ver=4.7.1 ===== */

@font-face{
	font-family:'FontAwesome';
	src:url('7bfcab6db99d.eot');
	src:url('ba0c59deb545.woff') format('woff');
	font-weight:normal;
	font-display: block;
	font-style:normal;
}
i[class^="icon-"],[class*=" icon-"], i[class*="fa-"], span[class*="fa-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;speak:none;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}



.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-facebook:before{content:"\f09a"}.fa-linkedin:before{content:"\f0e1"}.fa-angle-up:before{content:"\f106"}

/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient/style.css?ver=7.0.2 ===== */
/*
Theme Name:  Salient
Version:     13.0.5
Description: An Ultra Responsive Multi-Purpose Theme.
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author:      ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
License:     Custom license
License URI: http://themeforest.net/licenses/terms/regular
Text Domain: salient
*/
/* Note: The theme CSS files are loaded through the /css/ folder. 
/*-------------------------------------------------------------------------*/

/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient/css/grid-system.css?ver=13.0.5 ===== */

.col {
  position: relative;
  display: block;
  width: 100%;
}

html body .vc_row-fluid > .span_12 {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  float: none;
}

@media (min-width: 690px) {
  .col {
    margin-right: 2%;
   }
}

.col:last-child {
    margin-right: 0;
}
.col.col_last {
	margin-right: 0;
}



/* Gutters */
html body .vc_row-fluid > .span_12 > .wpb_column {
  float: none;
  margin-right: 0;
}

html body .vc_row-fluid > .span_12 > .wpb_column:not([class*="offset-"]) {
  margin-left: 0;
}

.vc_row-fluid > .span_12 {
  width: auto;
}


/* Default */
.vc_row-fluid > .span_12 {
  margin-left: -1%;
  margin-right: -1%;
}

.vc_row-fluid > .span_12 .wpb_column {
  padding-left: 1%;
  padding-right: 1%;
}

body[data-col-gap*="px"] .wpb_wrapper > .wpb_row:last-child:not([data-column-margin*="px"]) {
  margin-bottom: 0;
}



/* None */
body .container-wrap .wpb_row[data-column-margin="none"]:not(.full-width-section):not(.full-width-content) {
  margin-bottom: 0;
}

body .container-wrap .vc_row-fluid[data-column-margin="none"] > .span_12 {
  margin-left: 0;
  margin-right: 0;
}

body .container-wrap .vc_row-fluid[data-column-margin="none"] .wpb_column:not(.child_column) {
  padding-left: 0;
  padding-right: 0;
}



/* 20px */


/* 30px */


/* 40px */



/* 50px */



/* 60px */



/* 70px */


/* 80px */



/* 90px */



/* 100px */



html body .full-width-content.vc_row-fluid .wpb_column {
  padding: 0;
}

.full-width-content.vc_row-fluid .wpb_column .wpb_row,
.full-width-content.vc_row-fluid .wpb_column .wpb_wrapper,
html body .full-width-content.vc_row-fluid .span_12 {
  margin: 0;
}


/* One fourths */


/* FWC Gutters */
@media only screen and ( max-width: 999px ) {
  .container-wrap .full-width-content .vc_row-fluid[data-column-margin*="px"] > .span_12 > .wpb_column {
    margin-bottom: 30px;
  }
}



body[data-col-gap*="px"] .vc_row-fluid[data-column-margin="default"].full-width-content,
body[data-col-gap*="px"] .vc_row-fluid[data-column-margin="none"].full-width-content {
  margin-bottom: 0;
}

body[data-col-gap*="px"] .vc_row-fluid[data-column-margin="default"].full-width-content > .span_12,
body[data-col-gap*="px"] .vc_row-fluid[data-column-margin="none"].full-width-content > .span_12 {
  margin-left: 0;
  margin-right: 0;
}

body[data-col-gap*="px"] .vc_row-fluid[data-column-margin="default"].full-width-content > .span_12 > .wpb_column,
body[data-col-gap*="px"] .vc_row-fluid[data-column-margin="none"].full-width-content > .span_12 > .wpb_column {
  padding-left: 0;
  padding-right: 0;
}




/* Border Radius */



/* Boxed Column */


/* Box Shadows */
.vc_row-fluid .wpb_column {
  box-shadow: none;
}


/* Border Layer */


/* Reveal Columns */

/* El margin */

/* Column Percent Based Padding */

/* Mobile */
@media only screen and (max-width: 690px) {

  /* columns with border */

}


/* Sm Desktop */


/* Large Desktop */


/* Full width content rows */
body #ajax-content-wrap .col[data-padding-pos="left"] > .vc_column-inner {
  padding-right:0;
  padding-top:0;
  padding-bottom:0
}
body #ajax-content-wrap .col[data-padding-pos="bottom"] > .vc_column-inner {
  padding-right:0;
  padding-top:0;
  padding-left:0
}
#ajax-content-wrap .col[data-padding-pos="top"] > .vc_column-inner {
  padding-right:0;
  padding-bottom:0;
  padding-left:0
}




/* Front end editor */

/* 1/5 columns */


@media (min-width:690px){

    .vc_col-sm-12{
        width:100%
    }
}








/* Tablet width override */

/* Phone */
@media only screen and (max-width : 690px) {

  [class*="vc_col-"]:not([class*="vc_col-xs"]) {
    width: 100%;
  }

  .wpb_column:not([class*="vc_col-xs"]) {
    width: 100%;
    margin-bottom: 25px;
  }

}


/* Phone and Tablet */
@media only screen and (min-width : 1px) and (max-width : 999px) {
  .vc_row-fluid.full-width-content .col .wpb_row,
  .vc_row-fluid.full-width-content .col,
  .vc_row-fluid.vc_row[data-column-margin="none"] .col {
    margin-bottom: 0;
  }
}



/* Reverse columns */

/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient/css/style.css?ver=13.0.5 ===== */
/*
Theme Name:  Salient
Description: Main Salient styles
*/

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

[Table Of Contents]

1. Browser Reset
2. Global Applied Styles
3. Page Transitions
4. Page Templates
5. Header / Search Bar Styles
6. Row Styles
7. Column Styles
8. Third Party Styling
9. Salient Elements
  9.1. Animated Title
  9.2. Button
  9.3. Call to Action
  9.4. Cascading images
  9.5. Category Grid
  9.6. Clients
  9.7. Divider
  9.8. Dropcap
  9.9. Fancy Box
  9.10. Fancy Unordered List
  9.11. Flip Box
  9.12. Food Menu Item
  9.13. Highlighted Text
  9.14. Horizontal List Item
  9.15. Icon
  9.16. Icon List
  9.17. Icon with text
  9.18. Image Comparison
  9.19. Image with animation
  9.20. Image with Hotspots
  9.21. Interactive Map
  9.22. Milestone
  9.23. Morphing outline
  9.24. Page Submenu
  9.25. Pricing Table
  9.26. Progress Bar
  9.27. Recent Posts
  9.28. Split Heading
  9.29. Tabbed Section
  9.30. Team Member
  9.31. Testimonial Slider
  9.32. Toggle Panels
  9.33. Video Lightbox
	9.34. Self Hosted Video Player
	9.35. Scrolling Text
	9.36. Drag Indicator
10. Page Header
11. Masonry Items / Search Results
12. Blog
  12.1. General/Pagination
  12.2. Masonry Auto Meta Overlaid
  12.3. Masorny Classic Enhanced
  12.4. Masonry Meta Overalaid
  12.5. Standard Minimal
13. Footer
14. To Top Button
15. Off Canvas / Mobile Menu
16. Sidebar Styles
17. Comment Styles
18. General Form Styles
19. Page Builder Full Width
20. Salient Icons

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



/*---------------------*/
/* 1. Browser Reset
/*---------------------*/
html, body, div, span, object, iframe,
h1, h4, p,
a, address, img, s,
small, var, u, i, ul, li, form, canvas, header,
menu, nav, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html{
  max-width: 100%;
	overflow-y: scroll;
	overflow-x:hidden;
}
body{
  max-width: 100%;
	overflow: hidden;
  background:white;
  font-family:'Open Sans',sans-serif;
  color:#676767;
  position:relative
}
 ul{
  list-style:none
}
input[type=text]::-ms-clear{
  display:none
}
p:empty{
  display:none
}
 header,
menu, nav{
  display:block
}


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--scroll-bar-w: -2px;
}

/* Main container */
.container	{
	margin: 0 auto;
	position: relative;
	max-width: 880px;
}

.row {
	position: relative;
}
/* Bootstrap compatibility */
.main-content > .row,
header .row {
	margin-left: 0;
	margin-right: 0;
}

/* Self clearing floats - clearfix method */
.row:after,
.col:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* Default row styles */
.row {
	padding-bottom: 24px;
}

/* Column width on displays +690px */
@media (min-width: 690px) {
	.span_3 {
		width: 23.5%;
	}
	.span_4 {
		width: 32.0%;
	}
	.span_5 {
		width: 40.5%;
	}
	.span_6 {
		width: 49.0%;
	}
	.span_7 {
		width: 57.5%;
	}
	.span_9 {
		width: 74.5%;
	}
	.span_12 {
		width: 100%;
	}

}
/* 2. Global Styles
/*---------------------*/

body{
  font-size:14px;
  -webkit-font-smoothing: antialiased;
  font-family:'Open Sans';
  font-weight:400;
  line-height:26px;
}
body:not(.nectar-no-flex-height) {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body:not(.nectar-no-flex-height) #ajax-content-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
body:not(.nectar-no-flex-height) .container-wrap {
  flex-grow: 1;
}
p{
  -webkit-font-smoothing: antialiased;
}
.screen-reader-text, .nectar-skip-to-content:not(:focus) {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute!important;
  width: 1px;
  word-wrap: normal !important;
}
#header-outer .screen-reader-text {
	height: 1px;
}
.container-wrap{
  background-color:#f8f8f8;
  position:relative;
  z-index:10;
  margin-top:0;
  padding-top:40px;
  padding-bottom:40px
}
body[data-header-resize="0"] .container-wrap {
  margin-top:0;
  padding-top:40px
}
a{
  color:#3555ff;
  text-decoration:none;
  transition:color 0.3s;
  -webkit-transition:color 0.3s
}
a:hover {
  color:inherit
}
h1{
  font-size:54px;
  line-height:62px;
  margin-bottom:7px
}
h4{
  font-size:18px;
  line-height:32px;
  margin-bottom:7px
}
h1, h4{
  color:#444;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  font-family:'Open Sans';
  font-weight:600
}
body h1.light,
body h4.light,
p.light{
  text-transform:none;
  font-weight:300
}

h1.light{
  font-size:34px;
  margin-bottom:30px
}
h4.light{
  font-size:18px;
  margin-bottom:7px;
}

p{
  padding-bottom:27px
}

.row .col p:last-child{
  padding-bottom:0
}

.container .row:last-child{
  padding-bottom:0
}

.wpb_wrapper >div{
  margin-bottom:24px
}

.wpb_wrapper > div:last-child,
.row .wpb_wrapper > img:last-child {
  margin-bottom:0
}

ul{
  margin-left:30px;
  margin-bottom:30px
}

li ul {
	margin-bottom: 0;
}

ul li{
  list-style:disc;
  list-style-position:outside
}


#header-outer nav > ul,
#footer-outer ul,
#slide-out-widget-area ul,
#search-outer ul {
  margin: 0;
}

#header-outer ul li,
#footer-outer ul li,
#search-outer ul li,
#slide-out-widget-area ul li {
  list-style: none;
}

.main-content img{
  max-width:100%;
  height:auto
}

.light h1,
.light h4,
.light p{
  color:#fff
}

 .row .col h4{
  margin-bottom:8px
}

.row .col img{
  margin-bottom:15px;
  max-width:100%;
  height:auto
}

.row .col img:not([srcset]){
  width: auto;
}

.wpb_gallery_slidesimage_grid .portfolio-items .col img {
	width: 100%;
}

/* gutenberg full width images */



/* gutenberg default blocks */

.wpb_text_column >.wpb_wrapper >*:last-child {
  margin-bottom:0
}

.gallery a img{
  width:90%;
  max-width:90%;
  height:auto;
  max-height:90%;
  padding:5px;
  background-color:#fff;
  border:1px solid #e5e5e5!important;
  transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
}
/* 3. Page Transitions
/*---------------------*/
#ajax-loading-screen .loading-icon{
  background-repeat:no-repeat;
  background-position:center center;
  display:block;
  position:absolute;
  opacity:0;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.default-loading-icon{
  top:50%;
  border-radius:100%;
  height:40px;
  width:40px;
  margin:0 auto;
  display:block;
  position:relative;
  border:3px solid #e5e5e5;
  margin-top:-20px
}
.default-loading-icon:before{
  position:absolute;
  content:"";
  border-color:rgba(0,0,0,1) transparent transparent;
  border-radius:100%;
  border-style:solid;
  border-width:3px;
  display:block;
  height:100%;
  width:100%;
  top:-3px;
  left:-3px
}
.loading-icon.spin,
.default-loading-icon.spin{
  animation:2s cubic-bezier(0.63,0.045,0.34,1) 0s normal none infinite spinning_animation;
  -webkit-animation:2s cubic-bezier(0.63,0.045,0.34,1) 0s normal none infinite spinning_animation
}
@keyframes spinning_animation{
  0%{ transform:scale(1) rotate(0deg); }
  50%{ transform:scale(0.8) rotate(360deg); }
  100%{ transform:scale(1) rotate(720deg); }
}
@-webkit-keyframes spinning_animation{
  0%{ -webkit-transform:scale(1) rotate(0deg) }
  50%{ -webkit-transform:scale(0.8) rotate(360deg) }
  100%{ -webkit-transform:scale(1) rotate(720deg) }
}
@keyframes bounce_in_animation{
  0%{ transform:scale(0,0); }
  20%{ transform:scale(1.4,1.4); }
  50%{ transform:scale(0.8,0.8); }
  85%{ transform:scale(1.1,1.1); }
  100%{ transform:scale(1,1); }
}
@-webkit-keyframes bounce_in_animation{
  0%{ -webkit-transform:scale(0,0) }
  20%{ -webkit-transform:scale(1.4,1.4) }
  50%{ -webkit-transform:scale(0.8,0.8) }
  85%{ -webkit-transform:scale(1.1,1.1) }
  100%{ -webkit-transform:scale(1,1) }
}
/* 4. Page Templates
/*---------------------*/
.container-wrap .row >.wpb_row:last-child {
  margin-bottom:0
}
.wpb_row,
.wpb_content_element {
  margin-bottom: 35px;
}
body[data-bg-header="true"] .container-wrap{
  padding-top:25px;
  margin-top:0!important;
  padding-bottom:40px
}
/* 5. Header / Search Bar Styles
/*---------------------*/

/* Secondary Header Layout - See css/header/header-secondary-nav.css */

#header-space{
  height:90px;
  background-color: #fff;
}

#header-outer{
  width:100%;
  top:0;
  left:0;
  position:fixed;
  padding:28px 0 0 0;
  background-color:#fff;
  z-index:9999;
  overflow:visible
}

#header-outer[data-box-shadow="small"]{
	box-shadow:0 0 3px 0 rgba(0,0,0,0.22);
}

#top #logo{
  width:auto;
  max-width:none;
  line-height:22px;
  font-size:22px;
  letter-spacing:-1px;
  color:#444;
  font-family:'Open Sans';
  font-weight:600;
	align-self: center;
}
#top #logo:hover,
#top #logo:focus{
  color:#000
}
#top #logo img{
  text-indent:-9999px;
  max-width:none;
  width:auto;
  margin-bottom:0;
  display:block;
  transition:opacity 0.4s ease
}
#header-outer[data-transparent-header="true"] #top #logo img.stnd {
  position: relative;
}
#top{
  position:relative;
  z-index:9998;
  width:100%
}
#top .container .row{
  padding-bottom:0
}
#top nav >ul{
  overflow:visible;
  transition:padding 0.8s ease,margin 0.25s ease;
  min-height:1px;
  line-height:1px
}
body:not(.ascend) #top nav >.buttons,
body.ascend #header-outer[data-full-width="false"] #top nav >.buttons {
  margin-left:15px
}
#top nav >.buttons{
  transition:padding 0.8s ease
}
#top nav >ul .slide-out-widget-area-toggle{
  transition:margin 0.25s ease
}

#header-outer #top nav >.buttons{
  right:0;
  height:100%;
  overflow:hidden
}
body #header-outer[data-using-pr-menu="true"] #top nav >.buttons{
  display:block;
  overflow:visible
}

#top nav ul li{
  float:right
}

#top nav > ul > li{
  float:left
}

#top nav >ul >li >a{
  padding:0 10px 0 10px;
  display:block;
  color:#676767;
  font-size:14px;
  line-height:20px;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease;
}


/* Centered Bottom Bar Layout - See css/header/header-layout-centered-bottom-bar.css */

/* Left Header Layout - See css/header/header-layout-left.css */

/* Centered Menu Layout - See css/header/header-layout-centered-menu.css */



/* Left Aligned Menu */
body #header-outer[data-full-width="true"] #top nav >.buttons{
  margin-left:0
}



/* Centered Menu Under Logo - See css/header/header-layout-centered-menu-under-logo.css */


/* Centered Logo Between Menu - See css/header/header-layout-centered-logo-between-menu.css */



/* Header button styles */

#top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
  display:block;
  position:absolute;
  left:0;
  padding-bottom:10px;
  -webkit-transform:translateY(-7px);
	transform:translateY(-7px);
  width:100%;
  height:24px;
  content:' ';
  z-index:-1;
  -webkit-transition:opacity 0.2s ease;
  transition:opacity 0.2s ease
}

body #header-outer .slide-out-widget-area-toggle[data-custom-color="true"] .lines:before {
	 top: 6px;
}
body #header-outer .slide-out-widget-area-toggle[data-custom-color="true"] .lines:after {
	 top: -6px;
}

#header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top nav >ul >li[class*="button_"] >a:before,
#header-outer:not([data-format="centered-menu-under-logo"]):not([data-format="centered-menu-bottom-bar"]) #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
  -webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	top: 50%;
}

#header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a {
	padding: 0 18px;
	display: block;
	position: relative;
}
#header-outer #top nav .slide-out-widget-area-toggle[data-custom-color="true"]:not(.mobile-icon) a:not(.using-label) {
	width: 22px;
}

#top nav ul li a {
  color:#999
}


/* Menu Dropdown Style */
.sf-menu{
  line-height:1;
  float:left;
  margin-bottom:30px
}
.sf-menu ul li{
  font-weight:normal;
  width:100%
}

#header-outer .sf-menu >li:hover >ul{
  top: 100%
}

.sf-menu:not(.buttons) a:focus {
  outline: 0 none
}

.sf-menu ul li a{
  margin:0;
}

.sf-menu, .sf-menu *{
  list-style:none outside none;
  margin:0;
  padding:0;
  z-index:10
}

.sf-menu{
  line-height:1
}

.sf-menu ul{
  position:absolute;
  top: 100%;
	left: 0;
	pointer-events: none;
}
.sf-menu ul li,
.sf-menu ul li li{
  font-size:12px;
  width:100%
}

.sf-menu .menu-item a {
	outline: 0 none;
}
.sf-menu li{
  float:left;
  outline: 0 none;
  line-height:0;
  font-size:12px;
  position:relative
}
.sf-menu a{
  display:block;
  position:relative;
  text-decoration:none
}
.sf-menu li:hover > ul {
  z-index:999;
	pointer-events: all;
}

.sf-menu li li:hover ul,
.sf-menu li li li:hover ul {
  left:20em;
  top:0
}

#header-outer .sf-menu li ul li a{
  font-size:12px;
  line-height:13px;
  transition:none;
  letter-spacing:0;
}

.sf-menu li ul li a,
.sf-menu li ul li li a{
  box-shadow:none
}

.sf-menu ul li a,
.sf-menu ul li li a{
  border-radius:0 0 0 0;
  box-shadow:none;
  text-shadow:none
}
#top .span_9{
  position:static
}


body .no-transition {
  -webkit-transition:none!important;
  transition:none!important
}
#top nav >ul >li >ul >li{
  opacity:0;
  transition:transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1);
  -webkit-transition:transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1)
}


#top .sf-menu li ul li a {
  background-color:transparent
}
.sf-menu >li >ul{
  opacity:0;
  pointer-events:none;
  display:block;
	transform: translateY(-9999px);
	box-shadow:0 6px 28px rgba(0,0,0,0.08);
}

.sf-menu >li ul{
  padding:20px;
  width:20em
}

.sf-menu >li ul a{
  padding:6px 6px
}
body[data-header-color="light"]:not([data-header-format="left-header"]) #header-outer:not(.transparent) .sf-menu >li ul{
  border-top:1px solid #e9e9e9
}
#header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu >li:not(.megamenu) ul{
  border-top:none
}



body:not([data-header-format="left-header"]) #top .sf-menu li ul {
  background-color:#fff
}


#header-outer .sf-menu li ul li a{
  color:#999
}

.sf-menu li li ul{
  display:block;
  visibility:visible;
  top:0!important;
  z-index:auto;
  left:20em;
  margin-left:-20px;
  margin-top:-20px;
  -webkit-transition:transform 0.25s,opacity 0.25s;
  transition:transform 0.25s,opacity 0.25s;
	box-shadow:0 19px 35px rgba(0,0,0,0.11);
  opacity:0;
  pointer-events:none;
  -webkit-transform:translate3d(25px,0,0);
	transform:translate3d(25px,0,0);
}
body[data-header-color="light"] #header-outer:not(.transparent) .sf-menu > li:not(.megamenu) li ul {
  margin-top: -21px;
}

body[data-header-color="light"] .sf-menu > li:not(.megamenu) li ul,
body[data-header-color="light"] #header-outer[data-box-shadow="none"]:not(.transparent) .sf-menu > li:not(.megamenu) li ul {
  margin-top:-20px
}
.sf-menu ul li a{
  border-bottom:0
}

#header-outer:not([data-header-resize="1"]):not([data-format="left-header"]) #logo img {
	transition: opacity 0.2s ease;
}

#header-outer[data-header-resize="1"]:not([data-format="left-header"]) #logo {
  transition: margin 0.32s ease, color 0.32s ease;
}
#header-outer[data-header-resize="1"]:not([data-format="left-header"]) #logo img {
  transition: height 0.32s ease, opacity 0.2s ease;
}
#header-outer[data-header-resize="1"]:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo {
  transition: margin 0.15s ease;
}
#header-outer[data-header-resize="1"]:not([data-transparent-header="true"]):not([data-format="left-header"]) #logo img {
  transition: height 0.15s ease, opacity 0.2s ease;
}
body[data-hhun="0"] #header-outer[data-header-resize="0"]:not([data-transparent-header="true"]) {
  transition: box-shadow 0.42s ease, opacity 0.3s ease, transform 0.32s ease;
}
#header-outer[data-using-secondary="1"]:not([data-format="left-header"]) {
  transition: transform 0.32s ease, background-color 0.3s ease 0s,box-shadow 0.3s ease 0s,margin 0.25s ease;
}

@media only screen and (min-width: 1000px) {

  #header-outer:not([data-format="left-header"]) {
    padding-top: 0;
  }
  #header-outer:not([data-format="left-header"]) #top > .container > .row,
  #header-outer:not([data-format="left-header"]) #top > .container > .row nav,
  #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul,
  #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #header-outer:not([data-format="left-header"]) #top .span_9,
  #header-outer:not([data-format="left-header"]) #top .span_3 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: none;
    width: auto;
  }


  #header-outer[data-format="default"] #top .span_9 {
    margin-left: auto;
  }
  #header-outer:not([data-format="left-header"]) #top nav >.buttons {
    overflow: visible;
    height: auto;
  }
  #header-outer:not([data-format="left-header"]) #top nav >ul >li {
    -webkit-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #header-outer:not([data-format="left-header"]) #top nav >ul {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 999px) {
  #top .col.span_9 {
    text-align: right;
    line-height: 0;
  }
  #top .span_9 >.slide-out-widget-area-toggle > div,
  #header-outer .mobile-search .icon-salient-search {
    position: relative;
    display: block;
    top: 50%;
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
  }
  #top .span_9 >.slide-out-widget-area-toggle,
  #top .mobile-search {
    position: relative;
    width: auto;
    padding: 0 7px;
    top: auto;
    right: auto;
    margin-bottom: 0;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    height: 100%;
    -webkit-transform: none;
    transform: none;
  }

	
  body[data-slide-out-widget-area-style="slide-out-from-right"] .slide_out_area_close:before {
    background-color: rgba(0,0,0,.06);
  }
  #header-outer[data-cart="true"] #top .span_9 >.slide-out-widget-area-toggle,
  #top .mobile-search {
    padding: 0 8px;
  }

  #header-outer[data-cart="true"] #top .row .span_9 > .slide-out-widget-area-toggle,
  #top .span_9 >.slide-out-widget-area-toggle {
    padding-right: 0;
  }
  #search-outer #search #close a:before {
		height: 28px;
		width: 28px;
		margin: -14px 0 0 -14px;
  }
	#search-outer #search #close a span {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
  }
	.ascend #search-outer #search #close a span {
		top: 0;
	}
	.ascend #search-outer #search #close a {
		height: 20px;
	}
  #search-outer #search #close a {
    height: 14px;
  }
  #search-outer #search #close {
    top: 0;
    right: -5px;
  }
  #search-outer #search #close a {
    right: 8px;
    top: 9px;
  }
}

#top nav ul #search-btn a span,
#top nav ul #search-btn a,
#top nav ul .slide-out-widget-area-toggle a {
  line-height: 20px;
  height: 20px;
}


#top nav .buttons li{
  line-height:12px;
  position:relative
}
#top nav .buttons .menu-item a{
  position:relative
}


#top nav ul #search-btn a,
#top nav ul .slide-out-widget-area-toggle a{
  padding:0 0 0 0;
  width:24px;
	text-align: center;
  display:block;
  background-position:right top;
  background-repeat:no-repeat;
  box-sizing:content-box;
}
#top nav ul[data-user-set-ocm="off"] .slide-out-widget-area-toggle{
  display:none
}

#top nav ul #search-btn a span {
  top: 0;
  background-color:transparent;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease
}

/* Icons in menu */

/* Menu Label Badges */

/* Nectar Megamenu */


/* Social in menu */



#top .mobile-search {
  display:none;
  text-align:right;
  z-index:10000
}
#top .span_9 >.slide-out-widget-area-toggle{
  display:none;
  z-index:10000;
}


.mobile-search .icon-salient-search {
  background-color:transparent;
  color:#a9a9a9;
  line-height:34px;
  font-size:18px;
  width:18px;
  transition:color 0.3s ease;
  -webkit-transition:color 0.3s ease
}


#header-outer[data-full-width="true"][data-cart="true"] #top nav ul .slide-out-widget-area-toggle{
  position:relative
}



body[data-bg-header="true"][data-header-search="true"].ascend #header-outer[data-has-menu="false"] #top nav ul #search-btn a:after,
body[data-bg-header="true"][data-header-search="true"] #header-outer[data-has-menu="false"] #top nav ul #search-btn a:after{
  border:none;
  display:none
}
.lines-button.x2.close .lines {
  background-color:transparent!important
}
#header-outer[data-transparent-header="true"] #logo .dark-version {
  position:absolute
}

body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines,
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:before,
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:after{
  height:4px;
  width:2.1rem;
	border-radius:1px;
}
body[data-header-search="false"]:not(.mobile) #header-outer[data-has-menu="false"][data-cart="false"] .lines-button{
  line-height:0;
  font-size:0
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .lines-button.close{
  -webkit-transform:none;
	transform:none;
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] #top nav ul .slide-out-widget-area-toggle:not([data-custom-color="true"]) a:not(.using-label){
  width:34px
}

body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:before{
  top:9px
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:after{
  top:-9px
}



/* Search bar */
#search-outer{
  top:0;
  left:0;
  width:100%;
  height: 100%;
  position:absolute;
  z-index:10000;
  overflow:visible;
  display:none;
  background-color:#fff
}

#search-box{
  position:relative
}
#search-outer .container{
  overflow:visible;
	width: 100%;
}
#search-outer #search input[type=text]{
  width:100%;
  color:#888;
  font-size:43px;
  line-height:43px;
  position:relative;
  padding:0;
  background-color:transparent;
  border:0;
  -webkit-transition:none;
	transition:none;
	box-shadow:none;
  font-family:'Open Sans';
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px
}


#search-outer >#search form{
  width:92%;
  float:left
}
#search-outer #search #close{
  list-style:none
}
#search-outer #search #close a{
  position:absolute;
  right:0;
  top:24px;
  display:block;
  width:24px;
  height:17px;
  line-height:22px;
  z-index:10
}
#search-outer #search #close a span:not(.close-line){
  color:#a0a0a0;
  font-size:18px;
  height:20px;
  line-height:19px;
  background-color:transparent;
  -webkit-transition:color 0.2s ease;
  transition:color 0.2s ease
}
#search-outer >#search #close a:hover span{
  color:#000
}
#header-outer #search{
  position:relative
}
#header-outer .row .col.span_3,
#header-outer .row .col.span_9 {
  width:auto
}
#header-outer .row .col.span_9 {
  float:right
}


#header-outer[data-full-width="true"] header >.container {
  width:100%;
  max-width:100%;
  padding:0 28px
}



/* Hide Header Until Needed Effect */

body[data-hhun="1"] #header-outer[data-remove-fixed="1"] {
  position:absolute
}

@media only screen and (min-width:1000px){

  body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"]:not(.detached),
  body[data-hhun="1"]:not(.no-scroll) #header-outer[data-remove-fixed="1"][data-permanent-transparent="false"][data-using-secondary="1"] {
    top:0
  }

}
@media only screen and (max-width: 1000px) {
	body[data-hhun="1"] #header-outer {
		transition:transform .3s ease, height .3s ease, background .3s ease,opacity .3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
	}
}
/* 6. Row Styles
/*---------------------*/

/* Nectar Video BG */
.wpb_row >.span_12{
  z-index:10;
}

.wpb_row >.span_12{
  margin-bottom:0!important;
}

.wpb_row >.span_12 >.column_container:last-child{
  margin-bottom:0;
}


/* Nectar mouse parallax */



/* General */
.full-width-content.vc_row-fluid .wpb_column{
  background-position:center;
  background-size:cover;
  -webkit-background-size:cover
}
.wpb_row{
  position:relative
}

.wpb_row .row-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-size:cover;
  -webkit-background-size:cover
}

.wpb_row.full-width-content{
  margin-bottom:0
}
.wpb_row.full-width-content img{
  margin-bottom:0
}

html:not(.js) .full-width-content{
  visibility:visible
}

.wpb_row .row-bg-wrap .inner-wrap {
  overflow:hidden;
  width:100.1%;
  height:100.1%;
  position:absolute;
  z-index:1;
  top:0;
  left:0
}

.wpb_row .row-bg-wrap {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}

/* Row border radius */


/* Row and Col Background Animations */
.row-bg-wrap[data-bg-animation*="fade"], .row-bg-wrap[data-bg-animation*="zoom"] {
  overflow: hidden;
}

@keyframes row_bg_zoom_out {
  0% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.wpb_row .row-bg-wrap .inner-wrap {
  height: 100%;
  width: 100%;
}

.full-width-content >.col.span_12.light,
.col.span_12.light .wpb_text_column >.wpb_wrapper >ul{
  color:#fff
}

.vc_row.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner{
  width:100%
}
.vc_row.vc_row-o-equal-height>.span_12>.wpb_column >.vc_column-inner >.wpb_wrapper{
  min-height:1px
}
.vc_column_container>.vc_column-inner {
  position: relative;
}
@media only screen and (max-width: 999px) {
  body .vc_row.vc_row-flex.vc_row-o-equal-height > .span_12,
  body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner,
  body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container {
    display: -webkit-flex;
    display: flex;
  }
}
/* 7. Column Styles
/*---------------------*/

.col {
  position: relative;
  float: left;
}

/* Column boxed style */


/* Center align content */

/* Background */
.wpb_column{
  background-position:center
}

.wpb_column[data-has-bg-color="true"] .wpb_wrapper{
  position:relative;
  z-index:2
}


/* Border layer */
/* (Bulk Loaded conditionally) - See css/elements/wpb-column-border.css */
.col.span_3 .col.span_12 i,
.col.span_4 .col.span_12 i{
  margin-bottom:0
}
body .wpb_text_column{
  margin-bottom:0
}
/* 8. Third Party Styling
/*---------------------*/

/* yoast breadcrumbs */




/* Revolution Slider */


/* Orbit */

/* WP Job Manager */

/* Flexslider */


/* Slider paginations */


iframe.iframe-embed,
iframe{
  max-width:100%
}
html:not(.js) .main-content iframe[src]{
  opacity:1
}

/* Media Element Styles (mejs) */

video{
  visibility:hidden
}



/* Isotope */
/* 9. Salient Elements
/*---------------------*/

/* 9.1. Animated Title */
/* (Bulk Loaded conditionally) - See css/elements/animated title.css */


/* 9.2. Button */


/* Underline Effect */

@keyframes portSliderLine {
  0% { transform: scaleX(0); transform-origin: left;}
  100% { transform: scaleX(1); transform-origin: left;}
}
@keyframes portSliderLine2 {
  0% { transform: scaleX(1); transform-origin: right;}
  100% { transform: scaleX(0); transform-origin: right;}
}




/* 9.3. Call to Action */


@keyframes ctaArrowSVGStart {
  0% {
		transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0);
  }
  100% {
		transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0);
  }
}
@keyframes ctaArrowSVGEnd {
	0% {
		transform: translateY(calc(-50% + 0.5px)) translateX(-3px) translateZ(0);
  }
  100% {
		transform: translateY(calc(-50% + 0.5px)) translateX(0) translateZ(0);
  }
}

@keyframes ctaArrowTextStart {
  0% {
    transform: translateX(6px);
  }
  100% {
		transform: translateX(0);
  }
}
@keyframes ctaArrowTextEnd {
  0% {
    transform: translateX(0);
  }
  100% {
		transform: translateX(6px);
  }
}

@keyframes ctaArrowStart {
	0% {
		stroke-dashoffset: 140px;
		stroke-dasharray: 140px;
	}
	100% {
		stroke-dasharray: 140px;
		stroke-dashoffset: 10px;
	}
}
@keyframes ctaArrowStartTeam {
	0% {
		stroke-dashoffset: 0px;
		stroke-dasharray: 0px;
	}
	50% {
		stroke-dashoffset: 140px;
		stroke-dasharray: 140px;
	}
	100% {
		stroke-dasharray: 140px;
		stroke-dashoffset: 10px;
	}
}
@keyframes ctaArrowEnd {
	0% {
		stroke-dashoffset: 10px;
		stroke-dasharray: 150px 150px;
  }
	40% {
		opacity: 1;
	}
  100% {
		opacity: 0;
		stroke-dashoffset: -53px;
		stroke-dasharray: 1px 150px;
  }
}

@keyframes ctaArrowLineStart {
  0% {
		transform-origin: left;
		transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0);
  }
  100% {
    transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0);
  }
}

@keyframes ctaArrowLineEnd {
  0% {
		transform-origin: right;
		transform: scaleX(1) translateY(calc(-50% + 0.5px)) translateZ(0);
  }
	50% {
		transform-origin: right;
		transform: scaleX(0) translateY(calc(-50% + 0.5px)) translateZ(0);
	}
	51% {
	 transform-origin: left;
	}

  100% {
    transform: scaleX(1.2) translateY(calc(-50% + 0.5px)) translateZ(0);
		transform-origin: left;
  }
}


/* 9.4. Cascading images (Loaded conditionally) - See css/elements/cascading-images.css  */


/* 9.5. Category Grid (Loaded conditionally) - See css/elements/category-grid.css */


/* 9.6. Clients */



/* 9.7. Divider */




/* 9.8. Dropcap */

/* 9.9. Fancy Box - See css/elements/fancy-box.css */

/* 9.10. Fancy Unordered List - See css/elements/fancy-ul.css  */

/* 9.11. Flip Box - See css/elements/flip-box.css */

/* 9.12. Food Menu Item - See css/elements/food-item.css */

/* 9.13. Highlighted Text - See css/elements/highlighted-text.css */

/* 9.14. Horizontal List Item  - See css/elements/horizontal-list-item.css */


/* 9.15. Icon */
i[class*="fa-"],
span[class*="fa-"] {
  display:inline-block;
  word-spacing:1px;
  position:relative;
  text-align:center;
  top: -2px;
  vertical-align:middle;
  max-width:100%
}

i[class^="icon-"] {
	display:inline-block;
  text-align: center;
  vertical-align: middle;
}

i[class*=" icon-"]{
  display:inline-block;
  max-width:100%;
  position:relative;
  text-align:center;
  vertical-align:middle;
  top: -2px;
  word-spacing:1px
}

body [class^="icon-"].icon-default-style{
  line-height:34px;
  height:34px;
  width:34px;
  margin-right:0;
  font-size:34px;
  color:#000;
	font-style: normal;
  background-color:transparent
}


h4 [class^="icon-"]{
  margin-right:5px
}


/* 9.16. Icon List (Loaded conditionally) - See css/elements/icon-list.css */

/* 9.17. Icon with text (Loaded conditionally) */

/* 9.18. Image Comparison (Loaded conditionally) - See css/twentytwenty.css */

/* 9.19. Image with animation / Col animation */



/* 9.20. Image with Hotspots (Loaded conditionally) - See css/elements/image-with-hotspots.css */
@-webkit-keyframes pulsate{
  from{
    opacity:1;
    transform:scale(1)
  }
  to{
    opacity:0;
    transform:scale(3)
  }
}
@keyframes pulsate{
  from{
    opacity:1;
    transform:scale(1)
  }
  to{
    opacity:0;
    transform:scale(3)
  }
}
@keyframes nectarBounceIn{
  0%{
    transform:translateY(80px);
    opacity:0
  }
  33%{
    transform:translateY(-13px);
    opacity:1
  }
  66%{
    transform:translateY(4px);
    opacity:1
  }
  100%{
    transform:translateY(0px);
    opacity:1
  }
}
@-webkit-keyframes nectarBounceIn{
  0%{
    transform:translateY(80px);
    opacity:0
  }
  33%{
    transform:translateY(-13px);
    opacity:1
  }
  66%{
    transform:translateY(4px);
    opacity:1
  }
  100%{
    transform:translateY(0px);
    opacity:1
  }
}

/* 9.21. Interactive Map - See css/elements/interactive-map.css */

/* 9.22. Milestone - See css/elements/milestone.css */

/* 9.23. Morphing outline - See css/elements/morphing-outline.css */

/* 9.24. Page Submenu  - See css/elements/page-submenu.css*/

/* 9.25. Pricing Table (Loaded conditionally) - See css/elements/pricing-table.css */

/* 9.26. Progress Bar */



/* 9.27. Recent Posts (Loaded conditionally) - See css/elements/recent-posts.css */



/* 9.28. Split Heading */

/* 9.29. Tabbed Section (Loaded conditionally) - See css/elements/tabbed-section.css */




/* 9.30. Team Member (Loaded conditionally) - See css/elements/team-member.css */



/* 9.31. Testimonial Slider (Loaded conditionally) - See css/elements/testimonial.css */


/* 9.32. Toggle Panels (Loaded conditionally) - See css/elements/toggles.css */



/* 9.33. Video Lightbox (Loaded conditionally) - See css/elements/video-lightbox.css */



/* 9.34. Self Hosted Video Player */


/* 9.35. Scrolling Text (Loaded conditionally) - See css/elements/scrolling-text.css */



/* 9.36. Drag Indicator */


/* Salient Widgets - Popular Posts */
/* 10. Page Header
/*---------------------*/



/* Page header core */
body[data-bg-header="true"] .container-wrap{
  margin-top:0!important;
  padding-top:0!important
}




/* Header Text Effects */


/* Fullscreen header */



/* Page header css vert center */


/* Scroll down link */

@keyframes ctaMinimaLArrowOuter {
  0% {
		transform: translateY(0);
  }
	20% {
    transform: translateY(12px);
  }
	50% {
		transform: translateY(0);
	}
  100% {
		transform: translateY(0);
  }
}

@keyframes ctaMinimaLArrowLine {
	0% {
		transform-origin: bottom;
		transform: scaleY(1);
	}
	50% {
		transform-origin: bottom;
		transform: scaleY(0);
	}
	51% {
	 transform-origin: top;
	}

	100% {
		transform: scaleY(1);
		transform-origin: top;
	}
}

@keyframes ctaMinimaLArrow {
	0% {
		stroke-dasharray: 45px;
		stroke-dashoffset: 0px;
	}
	50% {
		stroke-dasharray: 45px;
		stroke-dashoffset: -45px;
	}
	51% {
		stroke-dasharray: 45px;
		stroke-dashoffset: 45px;
	}
	100% {
		stroke-dasharray: 45px;
		stroke-dashoffset: 0px;
	}
}

@keyframes down_arrow_bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-14px);
  }
  60% {
    transform: translateY(-7px);
  }
}
@-webkit-keyframes mouse-scroll-btn-roll-over{
  0%{
    stroke-dashoffset:120
  }
  100%{
    stroke-dashoffset:0
  }
}
@keyframes mouse-scroll-btn-roll-over{
  0%{
    stroke-dashoffset:120
  }
  100%{
    stroke-dashoffset:0
  }
}
@-webkit-keyframes mouse-scroll-btn-roll-out{
  0%{
    stroke-dashoffset:0
  }
  100%{
    stroke-dashoffset:-120
  }
}
@keyframes mouse-scroll-btn-roll-out{
  0%{
    stroke-dashoffset:0
  }
  100%{
    stroke-dashoffset:-120
  }
}
@-webkit-keyframes trackBallSlide{
  0%{
    opacity:1;
    -webkit-transform:scaleY(1) translateY(-10px);
    transform:scaleY(1) translateY(-10px)
  }
  45%{
    opacity:0;
    -webkit-transform:scaleY(0.5) translateY(13px);
    transform:scaleY(0.5) translateY(13px)
  }
  46%{
    opacity:0;
    -webkit-transform:scaleY(1) translateY(-10px);
    transform:scaleY(1) translateY(-10px)
  }
  65%, 100%{
    opacity:1;
    -webkit-transform:scaleY(1) translateY(-10px);
    transform:scaleY(1) translateY(-10px)
  }
}
@keyframes trackBallSlide{
  0%{
    opacity:1;
    -webkit-transform:scaleY(1) translateY(-10px);
    transform:scaleY(1) translateY(-10px)
  }
  45%{
    opacity:0;
    -webkit-transform:scaleY(0.5) translateY(13px);
    transform:scaleY(0.5) translateY(13px)
  }
  46%{
    opacity:0;
    -webkit-transform:scaleY(1) translateY(-10px);
    transform:scaleY(1) translateY(-10px)
  }
  65%, 100%{
    opacity:1;
    -webkit-transform:scaleY(1) translateY(-10px);
    transform:scaleY(1) translateY(-10px)
  }
}
@keyframes nudgeMouse{
  0%{
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  45%{
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
  }
  65%, 100%{
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}
@-webkit-keyframes nudgeMouse{
  0%{
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  45%{
    -webkit-transform:translateY(8px);
    transform:translateY(8px)
  }
  65%, 100%{
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}

@keyframes rightLineStart {
  0% {
    transform: translateY(-50%) translateX(-88px) scaleX(0);
  }
  100% {
    transform: translateY(-50%) translateX(0px) scaleX(1);
  }
}
@keyframes rightLineEnd {
  0% {
    transform: translateY(-50%) translateX(0px) scaleX(1);
  }
  100% {
    transform: translateY(-50%) translateX(28px) scaleX(0);
  }
}
@keyframes rightLineStart2 {
  0% {
    transform: translateY(-50%) translateX(88px) scaleX(0);
  }
  100% {
    transform: translateY(-50%) translateX(0px) scaleX(1);
  }
}
@keyframes rightLineEnd2 {
  0% {
    transform: translateY(-50%) translateX(0px) scaleX(1);
  }
  100% {
    transform: translateY(-50%) translateX(-28px) scaleX(0);
  }
}

.portfolio-items[data-ps="8"] .next-arrow {
  position: absolute;
  backface-visibility: hidden;
  right: -43px;
  top: 50%;
  margin-top: -15px;
  height: 30px;
  width: 40px;
  display: block;
  transform: translateX(38px);
}
@keyframes rightArrowStart {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(42px);
  }
}
@keyframes rightArrowEnd {
  0% {
    transform: translateX(42px);
  }
  100% {
    transform: translateX(75px);
  }
}
@keyframes rightArrowStart2 {
  0% {
    transform: translateX(50px) rotate(180deg);
  }
  100% {
    transform: translateX(-42px) rotate(180deg);
  }
}
@keyframes rightArrowEnd2 {
  0% {
    transform: translateX(-42px) rotate(180deg);
  }
  100% {
    transform: translateX(-75px) rotate(180deg);
  }
}
.portfolio-items[data-ps="8"] line {
  stroke-width: 2px;
  stroke-dasharray: 10px;
  stroke-dashoffset: 30px;
}

.portfolio-items[data-ps="8"] line {
  stroke: #ffffff;
}
.portfolio-items[data-ps="8"] line,
.portfolio-items[data-ps="8"] .col .work-info .vert-center line {
  -webkit-transition: none;
  transition: none;
}
@keyframes rightArrowLineStart {
  0% {
    stroke-dashoffset: 30px;
  }
  100% {
    stroke-dashoffset: 40px;
  }
}
@keyframes rightArrowLineEnd {
  0% {
    stroke-dashoffset: 40px;
  }
  100% {
    stroke-dashoffset: 50px;
  }
}
/* 11. Masonry Items / Search Results
/*---------------------*/
/* 12. Blog
/*---------------------*/

/* 12.1. General/Pagination */

/* remove archive meta date */
/* remove archive meta author */

/* remove archive meta comment */

/* remove archive meta love */



/* 12.2. Masonry Auto Meta Overlaid Spaced (Loaded conditionally) - See css/blog/auto-masonry-meta-overlaid-spaced.css */

/* 12.3. Masorny Classic Enhanced (Loaded conditionally) - See css/blog/masonry-classic-enhanced.css */

/* 12.4. Masonry Meta Overalaid (Loaded conditionally) - See css/blog/masonry-meta-overlaid.css */

/* 12.5. Standard Minimal (Loaded conditionally) - See css/blog/standard-minimal.css */
/* 13. Footer
/*---------------------*/
#footer-outer{
  color:#ccc;
  position:relative;
  z-index:10;
  background-color:#252525
}
#footer-outer .row{
  padding:55px 0;
  margin-bottom:0
}
#footer-outer #footer-widgets[data-has-widgets="false"] .row {
  padding: 0;
}
#footer-outer .widget h4{
  color:#777;
  font-size:14px;
  font-family:'Open Sans';
  font-weight:600;
  margin-bottom:20px
}
#footer-outer .widget{
  margin-bottom:30px
}
#footer-outer .span_3 .widget:last-child{
  margin-bottom:0
}
#footer-outer a{
  color:#ccc
}
#footer-outer a:hover{
  color:#000
}

#footer-outer .widget ul li{
  margin-bottom:7px
}
#footer-outer #copyright{
  padding:20px 0;
  font-size:12px;
  background-color:#1c1c1c;
  color:#777
}
#footer-outer #copyright li{
  float:left;
  margin-left:20px
}

#footer-outer #copyright .container div:last-child{
  margin-bottom:0
}
#footer-outer #copyright li a{
  display:block;
  line-height:22px;
  height:24px;
  position:relative;
  transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
  background-position:center top
}
#footer-outer #copyright li a i{
  color:#777;
  transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear
}
#footer-outer[data-full-width="1"] .container{
  width:100%;
  padding:0 28px;
  max-width:none
}
#footer-outer #copyright li a i:hover{
  color:#000
}
#footer-outer #copyright p{
  line-height:22px;
  margin-top:3px
}
#footer-outer #copyright .col ul{
  float:right
}
#footer-outer #copyright li .facebook{
  width:12px
}
#footer-outer #copyright li .linkedin{
  width:19px
}
body #footer-outer i{
  font-size:20px;
  width:auto;
  background-color:transparent
}

@media only screen and (min-width: 1000px) {
	#footer-outer[data-full-width="1"]:not([data-cols="1"]) #copyright:not([data-layout="centered"]) .col ul {
		padding-right: 35px;
	}
}


#footer-outer .col {
  z-index: 10;
  min-height: 1px;
}


#footer-outer[data-cols="1"] #copyright {
  padding: 45px 0;
}
/* 15. Off Canvas / Mobile Menu
/*---------------------*/

/* Fullscreen style - See css/off-canvas/fullscreen.css */

/* Simple Dropdown - See css/off-canvas/simple-dropdown.css */

/* Slide Out Right Hover - See css/off-canvas/slide-out-right-hover.css */

#slide-out-widget-area {
	display: none;
}

.ascend #slide-out-widget-area[class*="slide-out-from-right"] {
	display: block;
}


#slide-out-widget-area.slide-out-from-right{
  position:fixed;
  transform:translate(301px,0px);
  -webkit-transform:translate(301px,0px);
  top:0;
  right:0;
  width:300px;
  height:100%;
  z-index:10000;
  padding:33px;
  overflow:hidden
}

#slide-out-widget-area-bg{
  -webkit-backface-visibility:hidden;
  background-color:rgba(0,0,0,0.8);
  position:fixed;
  height:1px;
  width:1px;
  opacity:0;
  left:0;
  top:0;
  z-index:9996
}


body[data-full-width-header="true"] .slide_out_area_close{
  display:none
}

#top nav ul .slide-out-widget-area-toggle a .lines,
#top nav ul .slide-out-widget-area-toggle a .lines:before,
#top nav ul .slide-out-widget-area-toggle a .lines:after{
  background-color:rgba(0,0,0,0.4)
}

body .lines-button {
  line-height:0;
  font-size:0;
}

.lines-button{
  transition:.3s;
  cursor:pointer;
  top:9px;
  position:relative;
  user-select:none;
  display:block
}
.lines-button:hover{
  opacity:1
}
.lines{
  display:block;
  width:1.4rem;
  height:3px;
  background-color:#ecf0f1;
  transition:0.3s;
  position:relative
}
.lines:before,
.lines:after{
  display:block;
  width:1.4rem;
  height:3px;
  background:#ecf0f1;
  transition:0.3s;
  position:absolute;
  left:0;
  content:'';
  -webkit-transform-origin:0.142rem center;
  transform-origin:0.142rem center
}
.lines:before{
  top:6px
}
.lines:after{
  top:-6px
}
.lines-button.close{
  -webkit-transform:scale3d(0.8,0.8,0.8);
  transform:scale3d(0.8,0.8,0.8)
}

#header-outer #top nav ul .slide-out-widget-area-toggle a .lines-button .lines,
#footer-outer[data-using-bg-img="true"] #copyright {
  background-color:transparent!important
}
.slide-out-widget-area-toggle .lines-button.close .lines:before{
  -webkit-transform:translateY(-6px) rotateZ(-45deg);
  transform:translateY(-6px) rotateZ(-45deg)
}
.slide-out-widget-area-toggle .lines-button.close .lines:after{
  -webkit-transform:translateY(6px) rotateZ(45deg);
  transform:translateY(6px) rotateZ(45deg)
}
.slide-out-widget-area-toggle .lines-button:after{
  background-color:rgba(0,0,0,0.4);
  display:inline-block;
  width:1.4rem;
  height:2px;
  transition:transform 0.45s ease,opacity 0.2s ease,background-color 0.2s linear;
  -webkit-transition:-webkit-transform 0.45s ease,opacity 0.2s ease,background-color 0.2s ease;
  position:absolute;
  left:0;
  top:0;
  content:'';
  transform:scale(1,1);
  -webkit-transform:scale(1,1)
}


.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before,
.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after,
.slide-out-widget-area-toggle.mobile-icon .lines-button:after {
  background-color:#999
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle.mobile-icon .lines:before{
  top:6px
}
body #header-outer .lines-button{
  top:9px
}

body.ascend #header-outer[data-has-menu="true"] .lines-button{
  top:10px
}
.slide-out-widget-area-toggle.mobile-icon .lines-button:after{
  top:0!important
}
#header-outer .slide-out-widget-area-toggle.mobile-icon .lines-button.close .lines:before{
  -webkit-transform:translateY(-6px) rotateZ(-45deg);
  transform:translateY(-6px) rotateZ(-45deg)
}
#header-outer .slide-out-widget-area-toggle.mobile-icon .lines-button.close .lines:after{
  -webkit-transform:translateY(6px) rotateZ(45deg);
  transform:translateY(6px) rotateZ(45deg)
}
.slide-out-widget-area-toggle .lines-button.x2 .lines:before,
.slide-out-widget-area-toggle .lines-button.x2 .lines:after{
  transition:-webkit-transform 0.45s ease,background-color 0.2s ease,opacity 0.2s ease;
  transition:transform 0.45s ease,background-color 0.2s ease,opacity 0.2s ease
}
.slide-out-widget-area-toggle.mobile-icon .lines{
  background-color:transparent
}
.slide-out-widget-area-toggle.mobile-icon .lines-button:after,
.slide-out-widget-area-toggle.mobile-icon .lines:before,
.slide-out-widget-area-toggle.mobile-icon .lines:after {
  height:2px!important;
  width:22px!important
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) > span {
  height: auto;
}

body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines-button:after{
  height:3px;
  top:0;
  width:2rem;
  border-radius:2px
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines,
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:before,
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:after{
  height:3px;
  width:2rem;
  border-radius:2px
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .close .lines:before{
  top:10px
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines-button.close .lines:before{
  -webkit-transform:translateY(-9px) rotateZ(-45deg);
  transform:translateY(-9px) rotateZ(-45deg)
}
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines-button.close .lines:after{
  -webkit-transform:translateY(10px) rotateZ(45deg);
  transform:translateY(10px) rotateZ(45deg)
}

.slide-out-widget-area-toggle .lines-button.close:after{
  transform:scale(0,1);
  -webkit-transform:scale(0,1)
}
.lines-button.x2 .lines{
  transition:background 0.2s ease,opacity 0.2s ease
}
.lines-button.x2 .lines:before,
.lines-button.x2 .lines:after{
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
  transition:top 0.4s 0.45s ease,-webkit-transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease;
  transition:top 0.4s 0.45s ease,transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease
}
.slide-out-widget-area-toggle a >span{
  transition:-webkit-transform 0.33s 0.3s ease-in;
  transition:transform 0.33s 0.3s ease-in;
  -webkit-transform-origin:center;
  transform-origin:center;
  display:block;
  height:21px
}
.slide-out-widget-area-toggle.mobile-icon a >span{
  height:20px
}
.slide-out-widget-area-toggle .closed >span{
  transition:-webkit-transform 0.33s 0s ease;
  transition:transform 0.33s 0s ease
}

#footer-outer #footer-widgets .col ul li{
  padding:8px 0;
  list-style:none;
  margin-bottom:0;
  border-bottom:1px solid #444
}
#footer-outer #footer-widgets .col ul li:last-child{
  margin-bottom:0
}

#footer-outer #footer-widgets .col ul ul li:last-child{
  border-bottom:0!important
}

#footer-outer #footer-widgets .col p{
  padding-bottom:20px
}
#footer-outer #footer-widgets .col p:last-child{
  padding-bottom:0
}




/***************** Calendar Widget ******************/
#footer-outer #footer-widgets .col input[type=text],
#footer-outer #footer-widgets .col input[type=email]{
  padding:10px;
  width:100%
}
body[data-form-style="minimal"] #footer-outer #footer-widgets .col input[type=text]{
  color:#fff
}
body:not([data-form-style="minimal"]) #footer-outer #footer-widgets .col input[type=text]:focus,
body:not([data-form-style="minimal"]) #footer-outer #footer-widgets .col input[type=email]:focus{
  background-color:#fff
}

#footer-outer #footer-widgets .col ul li:first-child >a,
#footer-outer #footer-widgets .col ul li:first-child {
  padding-top:0!important
}
/* 16. Sidebar Styles
/*---------------------*/
/* 17. Comment Styles
/*---------------------*/
/* 18. General Form Styles
/*---------------------*/
input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=date] {
  padding:10px;
  width:100%;
  font-size:14px;
  font-family: inherit;
  line-height:24px;
  color:#555;
  background-color:#f1f1f1;
  border: none;
  transition:all 0.2s ease;
  -webkit-transition:all 0.2s ease;
}
input:focus {
  outline: 0;
}


/* Gravity Forms */

/* Contact Form 7 */




/* table styling */



/******** Keyframe animations ********/
@keyframes fadebottom{
  0%{
    opacity:1;
    transform:translateY(0px);
  }
  25%{
    opacity:0;
    transform:translateY(20px);
  }
  30%{
    opacity:0;
    transform:translateY(0px);
  }
  45%{
    opacity:1;
    transform:translateY(0px);
  }
  100%{
    opacity:1;
    transform:translateY(0px);
  }
}
@-webkit-keyframes fadebottom{
  0%{
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
  }
  25%{
    opacity:0;
    transform:translateY(20px);
    -webkit-transform:translateY(20px)
  }
  30%{
    opacity:0;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
  }
  45%{
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
  }
  100%{
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
  }
}
/* 19. Page Builder Full Width Calcs
/*---------------------*/

/* Full width row BGs */

body .full-width-content {
  visibility: visible;
}


.wpb_row.full-width-content {
	margin-left: -50vw;
  margin-left: calc(-50vw + var(--scroll-bar-w)/2);
  left: 50%;
	width: 100vw;
  width: calc(100vw - var(--scroll-bar-w));
}

/* left header */


/* Prevent full width bgs on rows inside non compat areas */

/* Inner row */

body .wpb_row.full-width-content .wpb_row > .row-bg-wrap {
  margin-left: 0;
  left: 0;
  width: 100%;
}


/* Col BG */
/* 20. Salient Icons
/*---------------------*/

@font-face{
  font-family:'icomoon';
  src:url('39731b3110c1.eot');
  src:url('2af6ccbee0a1.woff') format('woff');
  font-weight:normal;
	font-display:block;
  font-style:normal
}

.icon-salient-x,
.icon-salient-search {
  font-family:'icomoon'!important;
  speak:none; font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased
}
.icon-salient-x:before{content:"\e003"}

body[data-header-search="false"].ascend #header-outer[data-has-menu="false"][data-cart="false"][data-full-width="true"] .slide-out-widget-area-toggle:not(.mobile-icon) a:not(.using-label) .lines-button{
  top:-1px
}

body .lines,
body .lines:before,
body .lines:after{
  height:2px
}

.icon-salient-search:before{
  content:"\e036"
}

body .icon-salient-x:before{
  content:"\e117"
}


#top nav ul #search-btn a span {
  font-size:18px;
  color:rgba(0,0,0,0.48)
}

body #search-outer #search #close a span{
  font-size:20px
}

/*! ===== bernard:section inline https://thecopycourse.co.uk/ ===== */
html:not(.page-trans-loaded) { background-color: rgb(255, 255, 255); }
/*! ===== bernard:section external https://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Clatin-ext ===== */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(68ef847d11a3.ttf) format('truetype');
font-display:swap}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url(fcd600ea1d85.ttf) format('truetype');
font-display:swap}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  src: url(e38018a478cd.ttf) format('truetype');
font-display:swap}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(cbd72d35d3e0.ttf) format('truetype');
font-display:swap}

/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient/css/responsive.css?ver=13.0.5 ===== */
/*
Theme Name:  Salient
Description: Global responsive styles
*/

@media only screen and (min-width: 1300px) {

  .container {
    max-width: 1100px;
  }
}


/* Small Desktop */
@media only screen and (min-width: 1000px) and (max-width: 1300px) {

  .portfolio-items:not(.carousel) .col .work-item.style-2 i {
    line-height: 32px;
    height: 32px;
    width: 32px;
    font-size: 14px;
  }

  #top nav > ul > li > a {
    padding-left: 8px;
  }
}




/* Tablet Portrait */
@media only screen and (min-width : 690px) and (max-width : 999px) {

   .span_3, .span_4, .span_5, .span_6,
  .span_7, .span_9, .span_12 {
    width: 100%;
    margin-left: 0;
  }

  .col, body .vc_row-fluid .wpb_column {
    margin-bottom: 25px;
  }

  #header-outer .col {
    margin-bottom: 0;
    margin-right: 0;
  }

  .wpb_column {
    width: 100%;
  }


  /* Tablet width override */

  /* Tablet width override end */

  .container {
    max-width: 600px;
  }

  .portfolio-items .col {
    width: 100%;
    margin-left: 0;
    margin-bottom: 8px;
  }

  .portfolio-items:not(.carousel) div:nth-child(2n+2),
  .portfolio-items:not(.carousel) div:nth-child(2n+2) {
    clear: both;
  }


  .portfolio-items[data-ps="6"] .col {
    padding: 2%;
  }

  #footer-outer #copyright .col {
    width: 49%;
    margin-bottom: 0;
  }

  #footer-widgets .container .col {
    margin-left: 15px;
    width: 48%;
  }

  #footer-widgets .container .col.span_6,
  #footer-widgets .container .col.span_4 {
    margin-left: 0;
    margin-right: 15px;
    padding: 15px;
    margin-bottom: 0;
  }

  #footer-widgets .container .col.span_4 {
    margin-bottom: 40px;
  }

  #footer-widgets .container .row > div:last-child,
  #footer-widgets .container .row > div.col_last {
    margin-right: 0;
  }

  #footer-widgets .container .row > div:nth-child(2).span_4 {
    margin-right: 0!important;
  }
}
@media only screen and (max-width : 690px) {

  #header-outer[data-using-secondary="1"]:not(.hidden-secondary) {
    transform: none!important;
  }

  .container {
    max-width: 320px;
  }

  
  body #header-outer[data-full-width="true"] header > .container {
    max-width: 100%;
    padding: 0 18px;
  }

  .col {
    margin-bottom: 25px;
  }

  #header-outer .col {
    margin-bottom: 0;
  }

  body #footer-outer #copyright .col ul {
    float: left;
  }

  body #footer-outer #copyright .col ul li:first-child {
    margin-left: 0;
  }

  #ajax-content-wrap #footer-widgets .container .col:nth-child(3) {
    margin-bottom: 40px;
  }

  #footer-outer #social li {
    margin-right: 10px;
    margin-left: 0;
  }

  #header-outer[data-full-width="true"] header > .container {
    padding: 0;
  }

}
@media only screen and (min-width : 1px) and (max-width : 999px) {

  #to-top:not(.mobile-enabled) {
    display: none;
  }

  body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"][data-disable-mobile="1"] {
    display: none;
  }


  body #header-outer:not(.transparent) #top .span_3 #logo[data-supplied-ml="true"] img:not(.mobile-only-logo) {
    display: none!important;
  }

  
  #header-outer[data-transparent-header="true"][data-permanent-transparent="false"] #logo .dark-version,
  #header-outer #top #logo img {
    margin-top: 0!important;
  }

  #header-outer[data-has-menu="false"][data-format="default"] #top .span_3,
	#header-outer[data-has-menu="true"][data-mobile-fixed="1"] #top .span_3,
	#header-outer[data-has-menu="true"][data-ptnm="1"] #top .span_3,
  #header-outer[data-has-menu="true"] #top .span_3 {
    text-align: left;
  }

  #header-outer[data-mobile-fixed="1"],
	#header-outer[data-permanent-transparent="1"][data-mobile-fixed="1"] {
    position: fixed!important;
  }

  .container-wrap {
    z-index: 11;
  }


  .work-item:not([data-custom-content="on"]) .work-info-bg {
    display: none;
  }


  body #top #logo img,
  #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    height: 24px;
    margin-top: -3px;
    top: 3px;
    position: relative;
  }

  #header-outer[data-transparent-header="true"][data-permanent-transparent="false"] #logo .dark-version,
  #header-outer #top #logo img {
    top: 0;
  }


  
  #header-outer[data-permanent-transparent="false"] #logo .dark-version {
    position: absolute;
  }

  
  .ascend #header-outer:not([data-transparent-header="true"]) #top #logo img.stnd {
    position: relative;
  }


  
	body:not(.material) #header-outer[data-mobile-fixed="1"] #logo .dark-version {
    top: 6px;
  }

  body #header-outer {
    margin-bottom: 0;
    padding: 12px 0;
  }

  body #header-outer,
  body[data-hhun="1"]:not(.no-scroll) #header-outer:not([data-transparent-header="true"]):not(.detached),
  body[data-hhun="1"]:not(.no-scroll) #header-outer[data-permanent-transparent="false"][data-using-secondary="1"]:not([data-transparent-header="true"]) {
    position: relative;
  }

  #slide-out-widget-area {
    top: 0!important;
  }

  #header-outer #logo {
    top: 0;
    left: 0;
  }

  #header-space {
    display: none;
  }

  #header-space[data-header-mobile-fixed="1"] {
    display: block;
  }

  
  #top .span_9 > .slide-out-widget-area-toggle,
  #top .mobile-search {
    display: inline-block;
  }

  #top .col.span_3 {
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
  }

  #top .col.span_3 {
    position: relative;
  }

  #header-outer #top .col.span_3 {
    line-height: 0;
  }

  #header-outer #top .col.span_3 #logo {
    vertical-align: middle;
  }

  #top .col.span_9 {
    margin-left: 0;
    margin-bottom: 0;
    width: 100%!important;
    float: none;
    z-index: 100;
    position: static;
  }


  #top .col.span_9 {
    min-height: 0;
    width: auto!important;
    position: absolute!important;
    right: 0;
    top: 0;
    z-index: 2000;
    height: 100%;
  }



  
  body[data-slide-out-widget-area="true"] #top #logo {
    -webkit-transform: none!important;
    transform: none!important;
  }

  body[data-slide-out-widget-area="true"] #top .span_3 {
    text-align: center;
  }

  body[data-slide-out-widget-area="true"] #header-outer[data-has-menu="false"] #top .span_3 {
    text-align: left;
  }

  #header-outer .slide-out-widget-area-toggle .lines-button,
	#header-outer .slide-out-widget-area-toggle .lines,
	#header-outer .slide-out-widget-area-toggle .lines:before,
	#header-outer .slide-out-widget-area-toggle .lines:after {
    width: 22px;
  }

  #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:after {
    top: -6px;
  }

  body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines:before {
    top: 6px;
  }

  body[data-slide-out-widget-area="true"] #top #logo, #header-outer[data-mobile-fixed="1"] #top #logo {
    display: inline-block;
  }

  body[data-slide-out-widget-area="true"]:not(.material) [data-transparent-header="true"][data-mobile-fixed="false"] #top #logo {
    position: relative;
  }

  body[data-slide-out-widget-area="true"] #top .col.span_3 {
    width: 100%;
  }

  body #slide-out-widget-area:not(.slide-out-from-right-hover) .slide_out_area_close {
    display: block;
  }

  #header-outer #top nav > ul {
    width: auto;
    padding: 15px 0 25px 0;
    margin: 0 auto 0 auto;
    z-index: 100000;
    position: relative;
  }


  #header-outer #top nav >ul >li >ul >li {
    opacity: 1;
    transform: none;
  }

  #top nav > ul li {
    display: block;
    width: auto;
    margin-left: 0;
  }

  #top nav > ul ul {
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    box-shadow: 0px 0px 0px #fff;
    -webkit-box-shadow: 0px 0px 0px #fff;
    background-color: transparent;
    float: none;
  }

  #top nav > ul ul li {
    padding-left: 20px;
  }

  
  #header-outer #top nav {
    display: none!important;
  }


  #footer-widgets .container .col {
    margin-bottom: 40px;
  }

  #footer-widgets .container .col:nth-child(3),
  #footer-widgets .container .col:nth-child(4) {
    margin-bottom: 0;
  }

  .main-content > div {
    padding-bottom: 0;
  }

  #top,
  #header-outer:not([data-permanent-transparent="1"]) {
    height: auto!important;
  }


  #footer-outer #social li {
    width: 33px;
    margin-top: 9px;
    margin-bottom: 9px;
  }


  body #header-outer[data-using-secondary="1"] {
    top: 0;
  }


  #footer-widgets .container .row > div:last-child {
    margin-bottom: 0!important;
  }

}


/* Legacy Phone with Narrow Width */
@media only screen and (max-width: 321px) {

  .container {
    max-width: 300px;
  }
}

/* Phone Landscape */
@media only screen and (min-width: 480px) and (max-width: 690px) {

  body .container {
    max-width: 420px;
  }



}


/* WP Admin Bar Changes Height */
@media screen and (max-width: 782px) {

  body {
    position: static;
  }
}






/* Tablet Landscape */
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) {

  #to-top {
    display: none;
  }

  .portfolio-items .col .work-item .work-info a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
  }

  .portfolio-items .col .work-item:not(.style-2):not(.style-3):not(.style-3-alt):not(.style-4) .work-info .vert-center {
    height: 100%;
    top: 0 ;
    transform: none;
    -webkit-transform: none;
  }

}



/* Higher Res Tablets */

@media only screen and (max-device-width: 2600px) {

  body[data-ajax-transitions="true"].using-mobile-browser #ajax-loading-screen[data-method="standard"][data-disable-mobile="1"] {
    display: none;
  }

  .ascend.using-mobile-browser #search {
    height: 100%;
  }

  .ascend.using-mobile-browser #search #search-box {
    top: 20px;
  }

}




/* Responsive styles specific to full width masonry setups */
@media only screen and (min-width: 1600px) {


	/* Constrained Masonry */

}


@media only screen and (min-width: 990px) and (max-width: 1300px) {

	/* Constrained Cols */

}

/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient/css/ascend.css?ver=13.0.5 ===== */
/*
Theme Name:  Salient
Description: Theme Skin set to "Ascend" in theme options
*/


.ascend #header-outer[data-full-width="false"] #top nav ul #search-btn >div,
.ascend #header-outer[data-full-width="false"] #top nav ul .slide-out-widget-area-toggle > div {
  padding-left:19px
}

.ascend .container-wrap,
.portfolio-items .col {
    background-color:#f6f6f6
}

.ascend #footer-outer #footer-widgets .col ul li {
    border:none!important;
    padding:4px 0
}

.ascend #footer-outer #footer-widgets .col ul li a {
    display:block
}
.ascend #footer-outer .widget h4 {
    margin-bottom:12px
}
.ascend #footer-outer #copyright {
    border-top:1px solid rgba(255,255,255,0.1);
    background-color:transparent
}
.ascend #footer-outer[data-using-widget-area="false"] #copyright {
    border:none
}

.ascend #to-top {
    border-radius:0;
    box-shadow:none
}


.ascend #header-outer #top nav ul .slide-out-widget-area-toggle[data-custom-color="true"] a,
.ascend .slide-out-widget-area-toggle[data-custom-color="true"].mobile-icon a > span {
	height: 22px;
}

.ascend #header-outer[data-full-width="true"] #top nav ul .slide-out-widget-area-toggle {
    padding-top: 0;
    padding-bottom: 0;
}

.ascend #header-outer[data-full-width="true"] #top .slide-out-widget-area-toggle[data-custom-color="true"] > div a:before {
  display: none;
}

.ascend #header-outer[data-full-width="true"][data-cart="true"] #top nav ul .slide-out-widget-area-toggle {
    position:relative;
}

.ascend #header-outer[data-full-width="true"] #top nav ul #search-btn a {
    padding-left:25px;
    padding-right:25px
}
.ascend #header-outer[data-full-width="true"] #top nav ul .slide-out-widget-area-toggle a {
    padding-left:28px;
    padding-right:28px
}

.ascend:not([data-header-format="default"]) #header-outer[data-full-width="true"]:not([data-format="left-header"]) #search-btn,
.ascend[data-header-search="false"][data-user-account-button="false"][data-cart="false"]:not([data-header-format="default"]) #header-outer[data-full-width="true"]:not([data-format="left-header"]) .slide-out-widget-area-toggle {
  margin-left: 22px;
}

body.ascend[data-header-format="default"] #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav >.buttons{
   margin-left:22px;
}

body.ascend[data-header-format="default"] #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav .sf-menu:not(.buttons){
   z-index: 20;
}

body.ascend #header-outer[data-full-width="true"]:not([data-format="left-header"]) #top nav >.buttons{
   margin-right: -28px;
}


@media only screen and (max-width: 999px) and (min-width: 690px) {
    body.ascend #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items {
        display: none;
   }
}

.ascend #header-outer[data-full-width="true"] #top nav ul #search-btn a,
.ascend #header-outer[data-full-width="true"] #top nav ul .slide-out-widget-area-toggle a {
    border-left:1px solid rgba(0,0,0,0.07)
}

.ascend[data-header-color="dark"] #header-outer[data-full-width="true"] #top nav ul #search-btn a,
.ascend[data-header-color="dark"] #header-outer[data-full-width="true"] #top nav ul .slide-out-widget-area-toggle a {
    border-left:1px solid rgba(255,255,255,0.13)
}

@media only screen and (min-width: 1000px) {
  .ascend #header-outer[data-full-width="true"] #top #search-btn > div,
  .ascend #header-outer[data-full-width="true"] #top .slide-out-widget-area-toggle > div,
  .ascend #header-outer[data-full-width="true"] #top #search-btn > div a,
  .ascend #header-outer[data-full-width="true"] #top .slide-out-widget-area-toggle > div a {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
}


.ascend #header-outer[data-full-width="true"] #top nav ul .slide-out-widget-area-toggle > div {
    padding-left: 0;
}

body.ascend #search-outer {
    background-color:rgba(255,255,255,0.97);
    height: 100vh;
    position: fixed;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    padding:0;
    z-index:10100;
    top: 0;
}

body.ascend #search-outer #search-box {
    transition: all 0.15s ease;
}

#search-box {
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}
body[data-header-color="dark"].ascend #search-outer {
  background-color:rgba(0,0,0,0.94);
}
body[data-header-color="dark"].ascend #search-outer #search input[type="text"],
body[data-header-color="dark"].ascend #search-outer #search #close a span {
  color: #fff;
}

body.ascend #search-outer .container {
    height:auto!important;
    float:none;
    width:100%;
    padding:0 40px;
    position:static
}
#header-outer #search {
    position:static!important
}
body.ascend #search-outer #search input[type="text"] {
    color:#000;
    height:auto;
    font-size:80px;
    text-align:center
}
body.ascend #search-outer > #search form {
    width:100%;
    float:none
}
#search-outer > #search form,#search-outer #search .span_12 span {
    opacity:0;
    position:relative
}
#search-outer #search #close {
    position:absolute;
    top: 30px;
    right: 30px
}
.ascend #search-outer #search #close a span:not(.close-line){
    font-size:22px;
}
body.ascend #search-outer #search #close a {
    right:0;
    top:0;
    transition: all .47s cubic-bezier(0.3,1,0.3,0.95);
    -webkit-transition: all .47s cubic-bezier(0.3,1,0.3,0.95)
}
#search-outer #search #close a:hover {
    transform:rotate(90deg) translateZ(0);
    -webkit-transform:rotate(90deg) translateZ(0)
}
#search-outer #search .span_12 span {
    text-align:center;
    display:block;
    color:rgba(0,0,0,0.4);
    margin-top:15px
}

body.ascend #search-outer #search #close a span {
    color:#000
}
.container-wrap input[type="text"],
.container-wrap input[type="email"],
.container-wrap input[type="url"],
.container-wrap input[type="search"],
.container-wrap input[type="date"] {
    background-color:transparent;
    border:1px solid #ccc;
    box-shadow:none;
    -webkit-box-shadow:none;
    font-size:16px;
    -o-box-shadow:none;
    padding:16px;
}
.container-wrap input[type="text"]:focus,
.container-wrap input[type="email"]:focus,
.container-wrap input[type="url"]:focus,
.container-wrap input[type="search"]:focus,
.container-wrap input[type="date"]:focus {
    border-color:#999;
}

#slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li {
  margin-top: 3px;
  margin-bottom: 3px;
}

.ascend .container-wrap .span_12.light input[type="text"],
.ascend .container-wrap .span_12.light input[type="email"],
.ascend .container-wrap .span_12.light input[type="url"],
.ascend .container-wrap .span_12.light input[type="search"],
.ascend .container-wrap .span_12.light input[type="date"] {
    border:1px solid rgba(255,255,255,0.6);
    background-color: transparent;
    color:#fff
}
.ascend .container-wrap .span_12.light input[type="text"]:focus,
.ascend .container-wrap .span_12.light input[type="email"]:focus,
.ascend .container-wrap .span_12.light input[type="url"]:focus,
.ascend .container-wrap .span_12.light input[type="search"]:focus,
.ascend .container-wrap .span_12.light input[type="date"]:focus {
    border:1px solid rgba(255,255,255,0.8)
}
@keyframes gradientTextHoverHover{
    0%{
        transform:translateX(0px);
        opacity:0
   }
    70%{
        opacity:1
   }
    100%{
        transform:translateX(0px)!important;
        opacity:1
   }
}
@keyframes gradientTextHoverOff{
    0%{
        transform:translateX(0px);
        opacity:1
   }
    70%{
        opacity:0
   }
    100%{
        transform:translateX(0px)!important;
        opacity:0
   }
}

@media only screen and (max-width: 1000px) {
  #search-box {
    -webkit-transform: none;
    transform: none;
    top: 20%;
  }
  body.ascend #search-outer #search input[type="text"] {
    font-size: 40px;
  }
}
@media only screen and (max-width: 690px) {
  body.ascend #search-outer #search input[type="text"] {
    font-size: 28px;
  }
}

/* RTL */


/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/plugins/js_composer_salient/assets/css/js_composer.min.css?ver=6.6.0 ===== */


.vc_clearfix:after,
.vc_column-inner::after,
.vc_row:after {
    clear: both
}

.container:before,
.container:after,
.row:before,
.row:after,
.vc_row:before,
.vc_row:after {
  content: " ";
  display: table;
}
.container:after,
.row:after,
.vc_row:after {
  clear: both;
}

.vc_row:after,
.vc_row:before {
    content: " ";
    display: table
}

/*nectar addition*/
/*nectar addition end */


.vc_row-fluid::before, .vc_row-fluid::after {
    content: "";
    display: table;
}
.vc_row-fluid::after {
    clear: both;
}
.vc_clearfix:before,
.vc_clearfix:after {
  content: " ";
  display: table;
}
.vc_clearfix:after {
  clear: both;
}




i.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    margin-left: 5px
}



#content .wpb_text_column:last-child,
#content .wpb_text_column p:last-child,
.wpb_text_column:last-child,
.wpb_text_column p:last-child {
    margin-bottom: 0
}




.wpb_content_element {
    margin-bottom: 35px
}

.wpb_video_widget.vc_video-el-width-100 .wpb_wrapper {
    width: 100%
}

.wpb_video_widget .wpb_video_wrapper {
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.wpb_video_widget .wpb_video_wrapper>div {
    padding-top: 0!important;
    position: static
}

.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
    padding-top: 56.25%
}

.wpb_video_widget.vc_video-align-left .wpb_wrapper {
    float: left
}

.wpb_video_widget .wpb_wrapper {
    position: relative
}

.wpb_video_widget .wpb_wrapper iframe {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    margin: 0;
    top: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@-webkit-keyframes wpb_ttb {
    0% {
        -webkit-transform: translate(0, -10%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes wpb_ttb {
    0% {
        -moz-transform: translate(0, -10%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-o-keyframes wpb_ttb {
    0% {
        -o-transform: translate(0, -10%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes wpb_ttb {
    0% {
        -webkit-transform: translate(0, -10%);
        -ms-transform: translate(0, -10%);
        -o-transform: translate(0, -10%);
        transform: translate(0, -10%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-webkit-keyframes wpb_btt {
    0% {
        -webkit-transform: translate(0, 10%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes wpb_btt {
    0% {
        -moz-transform: translate(0, 10%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-o-keyframes wpb_btt {
    0% {
        -o-transform: translate(0, 10%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes wpb_btt {
    0% {
        -webkit-transform: translate(0, 10%);
        -ms-transform: translate(0, 10%);
        -o-transform: translate(0, 10%);
        transform: translate(0, 10%);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-webkit-keyframes wpb_ltr {
    0% {
        -webkit-transform: translate(-10%, 0);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes wpb_ltr {
    0% {
        -moz-transform: translate(-10%, 0);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-o-keyframes wpb_ltr {
    0% {
        -o-transform: translate(-10%, 0);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes wpb_ltr {
    0% {
        -webkit-transform: translate(-10%, 0);
        -ms-transform: translate(-10%, 0);
        -o-transform: translate(-10%, 0);
        transform: translate(-10%, 0);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-webkit-keyframes wpb_rtl {
    0% {
        -webkit-transform: translate(10%, 0);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes wpb_rtl {
    0% {
        -moz-transform: translate(10%, 0);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -moz-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-o-keyframes wpb_rtl {
    0% {
        -o-transform: translate(10%, 0);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -o-transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes wpb_rtl {
    0% {
        -webkit-transform: translate(10%, 0);
        -ms-transform: translate(10%, 0);
        -o-transform: translate(10%, 0);
        transform: translate(10%, 0);
        opacity: 0;
        filter: alpha(opacity=0)
    }
    100% {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-webkit-keyframes wpb_appear {
    0% {
        -webkit-transform: scale(.5);
        opacity: .1;
        filter: alpha(opacity=10)
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes wpb_appear {
    0% {
        -moz-transform: scale(.5);
        opacity: .1;
        filter: alpha(opacity=10)
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@-o-keyframes wpb_appear {
    0% {
        -o-transform: scale(.5);
        opacity: .1;
        filter: alpha(opacity=10)
    }
    100% {
        -o-transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}

@keyframes wpb_appear {
    0% {
        -webkit-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
        opacity: .1;
        filter: alpha(opacity=10)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}






.vc_row.vc_row-flex>.span_12 {
  -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

@media only screen and (max-width:999px) {
  .vc_row.vc_row-flex>.span_12,
  .vc_row.vc_row-flex>.span_12>.vc_column_container {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }

}

.vc_row.vc_row-flex>.span_12,
.vc_row.vc_row-flex>.span_12>.vc_column_container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}


.vc_row.vc_row-flex>.span_12>.vc_column_container>.wpb_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.vc_row.vc_row-flex>.span_12>.vc_column_container>.wpb_wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .vc_row.vc_row-flex>.vc_column_container>.vc_column-inner>* {
        min-height: 1em
    }
}

.vc_row.vc_row-flex>.span_12>.vc_column_container>.vc_column-inner {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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;
}

.vc_row.vc_row-o-equal-height>.span_12>.vc_column_container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


@media screen and (max-width: 999px) { 
  .vc_row.vc_row-flex > .span_12, .vc_row.vc_row-flex > .span_12 > .vc_column_container,
  .vc_row.vc_row-flex>.span_12>.vc_column_container>.vc_column-inner {
    display: block;
  }
}

@media only screen and (max-width: 999px) and (min-width: 690px) {
.vc_row.vc_row-flex > .span_12 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
}

/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient/css/salient-dynamic-styles.css?ver=71373 ===== */

body a,
body [class^="icon-"].icon-default-style,
#footer-outer #copyright li a i:hover
{
	color: #00b5dd;
}#header-outer[data-lhe="default"] #top nav > ul > li > a:hover,
	#header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a,
	#header-outer[data-lhe="default"] #top nav .sf-menu > .current_page_item > a {
	   color:#00b5dd!important;
	}

#top nav ul #search-btn a:hover span,
#top nav ul .slide-out-widget-area-toggle a:hover span,
#footer-outer a:focus,
#footer-outer a:hover,
body:not(.material) #search-outer #search #close a span:hover {
	color:#00b5dd!important;
}

[class*=" icon-"],
#slide-out-widget-area,
#slide-out-widget-area-bg.fullscreen {
	background-color:#00b5dd;
}



#to-top:hover,
#to-top.dark:hover,
.portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg,
#top nav ul .slide-out-widget-area-toggle a:hover .lines,
#top nav ul .slide-out-widget-area-toggle a:hover .lines:after,
#top nav ul .slide-out-widget-area-toggle a:hover .lines:before,
#top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after
{
	background-color:#00b5dd!important;
}#header-outer #top nav > ul > li:not(.megamenu) ul a:hover,
	#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover,
	#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-item > a {
		background-color:#00b5dd!important;
	}



.gallery a:hover img {
	border-color:#00b5dd!important;
}

.default-loading-icon:before {
	border-top-color:#00b5dd!important;
}
	body,
	.container-wrap,
	.ascend .container-wrap,
	.portfolio-items .col {
		background-color: #ffffff;
	}body,
	body h1,
	body h4 {
		color: #161616;
	} .full-width-content > .col.span_12.dark {
			color: #161616;
		}body #slide-out-widget-area-bg {
		background-color: rgba(0,0,0,0.8);
	}
		  @media only screen and (min-width: 1000px) {

				#header-outer #logo {
					margin-top: 28px;
					margin-bottom: 28px;
					position: relative;
				}

		  }#header-outer #logo img {
				height: 100px;
			}

		 #header-outer[data-lhe="default"] #top nav > ul > li > a {
			 padding-left: 10px;
			 padding-right: 10px;
		 }#top nav >ul >li >ul >li {
           -webkit-transform:translate3d(0,13px,0);
           transform:translate3d(0,13px,0);
         }
    
    #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul a:hover,
    #header-outer:not([data-format="left-header"]) #top nav >ul >li:not(.megamenu) ul .current-menu-item >a {
      color:#fff
    }#header-space {
		 height: 156px;
	 }
	 @media only screen and (max-width: 999px) {
		 #header-space {
			 height: 48px;
		 }
	 }

	 @media only screen and (max-width: 999px) {
		 	body #top #logo img,
			#header-outer[data-permanent-transparent="false"] #logo .dark-version {
		 		height: 24px!important;
		 	}

	 }body #header-outer,
				 body[data-header-color="dark"] #header-outer {
					 background-color: rgba(255,255,255,100);
				 }
    @media only screen and (min-width: 1000px) {
        body.ascend #search-outer #search #search-box input[type="text"] {
        font-size: 48px;
        line-height: 1;}}
    .nectar-skip-to-content:focus {
      position: fixed;
      left: 6px;
      top: 7px;
      height: auto;
      width: auto;
      display: block;
      font-size: 14px;
      font-weight: 600;
      padding: 15px 23px 14px;
      background: #f1f1f1;
      z-index: 100000;
      line-height: normal;
      text-decoration: none;
      box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  }
  .sf-menu li ul li a .menu-title-text:after {
      height: 2px;
  }
	@media only screen and (min-width: 1000px) {
			    .container  {
			      max-width: 1425px;
					  width: 100%;
					  margin: 0 auto;
					  padding: 0px 90px;
			    }body .container .container:not(.tab-container):not(.recent-post-container):not(.normal-container) {
					width: 100%!important;
					padding: 0!important;
				}

				#search-outer #search #close a {
					right: 90px;
				}}@media only screen and (min-width: 1000px) {
						 .container {
							 max-width: 1425px;
						 }
					 }
      body[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"] {
        font-size: 14px;
      }.container-wrap input[type=text],
      .container-wrap input[type=email],
      .container-wrap input[type=url],
      .container-wrap input[type=search],
      .container-wrap input[type=date],
      body[data-form-style="minimal"] input[type="text"],
      body[data-form-style="minimal"] input[type="email"],
      body[data-form-style="minimal"] input[type=url],
      body[data-form-style="minimal"] input[type=search],
      body[data-form-style="minimal"] input[type=date] { font-size: 14px; }
    #ajax-loading-screen{
      background-color:#fff;
      width:100%;
      height:100%;
      position:fixed;
      top:0;
      left:0;
      display:none;
      z-index:1000000000
    }
    @-webkit-keyframes nectar-anim-effect-2-1{
      0%{
        -ms-transform:translateX(0);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
      }
      30%, 100%{
        -ms-transform:translateX(-100%);
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1);
        animation-timing-function:cubic-bezier(0.67,0,0.3,1)
      }
    }
    @keyframes nectar-anim-effect-2-1{
      0%{
        -ms-transform:translateX(0);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
      }
      30%, 100%{
        -ms-transform:translateX(-100%);
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1);
        animation-timing-function:cubic-bezier(0.67,0,0.3,1)
      }
    }
    @-webkit-keyframes nectar-anim-effect-2-2{
      0%,14.5%{
        -ms-transform:translateX(0);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
      }
      34.5%, 100%{
        -ms-transform:translateX(-100%);
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1);
        animation-timing-function:cubic-bezier(0.67,0,0.3,1)
      }
    }
    @keyframes nectar-anim-effect-2-2{
      0%,14.5%{
        -ms-transform:translate3d(0,0,0);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
      }
      34.5%, 100%{
        -ms-transform:translate3d(-100%,0,0);
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1);
        animation-timing-function:cubic-bezier(0.67,0,0.3,1)
      }
    }
    body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"],
    body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"] .loading-icon{
      display:block;
      opacity:1
    }
    @keyframes material-rotate-left{
      to{
        transform:rotate(30deg)
      }
      from{
        transform:rotate(175deg)
      }
    }
    @keyframes material-rotate-right{
      from{
        transform:rotate(-175deg)
      }
      to{
        transform:rotate(-30deg)
      }
    }
    @keyframes material-rotate-all{
      from{
        transform:rotate(0deg)
      }
      to{
        transform:rotate(-360deg)
      }
    }
    @keyframes material-fade-in-first{
      from{
        opacity:1
      }
      to{
        opacity:0
      }
    }
    @keyframes material-fade-in-second{
      from{
        opacity:0
      }
      to{
        opacity:1
      }
    }
        #to-top{
          display:block;
          position:fixed;
          text-align:center;
          line-height:12px;
          right:17px;
          bottom:0px;
        	transform: translateY(105%);
          color:#fff;
          cursor:pointer;
          border-radius:2px;
          -webkit-border-radius:2px;
          z-index:9994;
          height:29px;
          width:29px;
          background-color:rgba(0,0,0,0.25);
          background-repeat:no-repeat;
          background-position:center;
          transition:background-color 0.1s linear;
          -webkit-transition:background-color 0.1s linear;
        }
        #to-top i{
          line-height:29px;
          width:29px;
          height:29px;
          font-size:14px;
          top:0;
          left:0;
          text-align:center;
          position:relative;
          z-index:10;
          background-color:transparent
        }
        #to-top:hover,
        #to-top.dark:hover{
          background-color:#000
        }
        #to-top.dark{
          background-color:rgba(0,0,0,0.87)
        }
        
	body {font-family: Open Sans; font-size:16px; line-height:26px; font-weight:300; }
		 @media only screen and (max-width: 1300px) and (min-width: 1000px) {
			 body {
				 font-size: 16px;
				 line-height: 26px;
			 }
		 }
		 @media only screen and (max-width: 999px) and (min-width: 690px) {
			 body {
				 font-size: 16px;
				 line-height: 26px;
			 }

		 }
		 @media only screen and (max-width: 690px) {
			 body {
				 font-size: 16px;
				 line-height: 26px;
			 }

		 }


 #top nav > ul > li > a {font-family: Open Sans; font-size:12px; line-height:16.8px; font-weight:700;  } #header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
		    		height: 21px;
		    	}
			body h1 {font-family: Helvetica, sans-serif; text-transform: uppercase; font-size:40px; line-height:46px; font-weight:400;  }
			@media only screen and (max-width: 1300px) and (min-width: 1000px) {
				 body h1 {
					font-size: 30px;
					line-height: 34.5px;
				}
			}
			@media only screen and (max-width: 999px) and (min-width: 690px) {
				
        body h1 {
					font-size: 28px;
					line-height: 32.2px;
				}

			}
			@media only screen and (max-width: 690px) {
				
        body h1 {
					font-size: 26px;
					line-height: 29.9px;
				}

			}

	
	
	
	
	

	

  
	
	
	
	
	
	
	
	
	
	
	

	
	

	

	

	
/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient-child/style.css?ver=0.1 ===== */
/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/


p {padding-bottom: 10px;}

/*! ===== bernard:section external https://fonts.googleapis.com/css?family=Open+Sans:700,300&subset=latin&ver=1630927107 ===== */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  src: url(640c25e0587e.ttf) format('truetype');
font-display:swap}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  src: url(0da08354e9db.ttf) format('truetype');
font-display:swap}


/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient/css/plugins/magnific.css?ver=8.6.0 ===== */
/* Magnific Popup CSS */

/* Main image in popup */

/* The shadow behind the image */

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */ }
/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/themes/salient/css/off-canvas/core.css?ver=13.0.5 ===== */
/*
Theme Name:  Salient
Description: Off canvas menu core
*/


/* hover effects */


/* Mega menu widgets */


/* menu content */
#slide-out-widget-area .inner .off-canvas-menu-container li a{
  font-size:20px;
  line-height:30px;
  font-family:'Open Sans';
  font-weight:700;
}
#slide-out-widget-area.fullscreen .inner li a,
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a,
#slide-out-widget-area .menuwrapper li small{
  opacity:0.7;
  transition:opacity 0.2s ease, color 0.2s ease;
  -webkit-transition:opacity 0.2s ease, color 0.2s ease;
}
#slide-out-widget-area.fullscreen .inner li a:hover,
#slide-out-widget-area .inner .current-menu-item >a,
#slide-out-widget-area .inner .current_page_item >a,
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:hover,
#slide-out-widget-area.slide-out-from-right .inner .off-canvas-menu-container li a:focus{
  opacity:1
}
#slide-out-widget-area.mobile {
  overflow-y:scroll;
  overflow-x:hidden;
}
#slide-out-widget-area .widget h4{
  margin-bottom:8px
}
#slide-out-widget-area .inner >div{
  margin-bottom:25px
}
#slide-out-widget-area .inner >div:first-of-type{
  margin-top:-7px
}
#slide-out-widget-area .inner{
  width:100%;
  height:100%
}
#slide-out-widget-area a,
#slide-out-widget-area,
#slide-out-widget-area h4{
  color:#fff
}

body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{
  position:absolute;
  right:22px;
  top:22px
}
body[data-full-width-header="false"].ascend #slide-out-widget-area.slide-out-from-right .slide_out_area_close {
  z-index: 100;
}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{
  display:block;
  transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
  -webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
  font-family:'Open Sans';
  font-weight:400
}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  width:34px;
  height:34px;
  transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
  -webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
  color:#ddd;
  font-size:18px;
  max-width:none;
  line-height:32px
}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover .icon-default-style[class^="icon-"]{
  transform:rotate(90deg);
  -webkit-transform:rotate(90deg)
}
body[data-full-width-header="false"] #slide-out-widget-area .slide_out_area_close:hover{
  border-color:rgba(255,255,255,0.7)
}
body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"]{
  -webkit-backface-visibility:hidden;
  font-size:18px;
  height:34px;
  left:-2px;
  line-height:32px;
  max-width:none;
  transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
  -webkit-transition:all 0.47s cubic-bezier(0.3,1,0.3,0.95) 0s;
  width:34px
}
body #slide-out-widget-area .slide_out_area_close .icon-default-style {
  color:#fff;
}

#slide-out-widget-area .menuwrapper{
  position:relative;
  -webkit-perspective:1000px;
  perspective:1000px;
  -webkit-perspective-origin:center;
  perspective-origin:center;
  margin-right:0;
  display:block
}
#slide-out-widget-area .menuwrapper ul{
  padding:0;
  list-style:none;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d
}
#slide-out-widget-area .menuwrapper li{
  position:relative
}
#slide-out-widget-area .menuwrapper li small{
  display:inline-block;
  text-transform:uppercase;
  font-size:15px;
  font-family:'Open Sans';
  font-weight:600;
  letter-spacing:2px;
  position:relative;
  top:-4px;
  opacity:0.6
}
#slide-out-widget-area:not(.fullscreen):not(.fullscreen-alt) .menuwrapper li small{
  font-size:14px;
  display:block;
  font-family:'Open Sans';
	letter-spacing: inherit;
  margin-top: 5px;
  font-weight:700
}
#slide-out-widget-area .menuwrapper .menu{
  margin:0;
  position:relative;
  width:100%;
  opacity:1;
  pointer-events:auto;
  -webkit-transform:translateY(0px);
  transform:translateY(0px);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}
#slide-out-widget-area .menuwrapper .menu.menuopen{
  opacity:1;
  pointer-events:auto;
  -webkit-transform:translateY(0px);
  transform:translateY(0px)
}

/* Hide the inner submenus */

#slide-out-widget-area .mobile-only {
  display:none
}

/* Dynamically added submenu outside of the menu context */
@-webkit-keyframes MenuAnimOut5{
  0%{
  }
  100%{
    -webkit-transform:rotateY(-25deg) translateX(-300px);
    opacity:0
  }
}
@keyframes MenuAnimOut5{
  0%{
  }
  100%{
    -webkit-transform:rotateY(-25deg) translateX(-300px);
    transform:rotateY(-25deg) translateX(-300px);
    opacity:0
  }
}
@-webkit-keyframes MenuAnimIn5{
  0%{
    -webkit-transform:rotateY(-25deg) translateX(-300px);
    opacity:0
  }
  100%{
    -webkit-transform:rotateY(0deg) translateX(0px);
    opacity:1
  }
}
@keyframes MenuAnimIn5{
  0%{
    -webkit-transform:rotateY(-25deg) translateX(-300px);
    transform:rotateY(-25deg) translateX(-300px);
    opacity:0
  }
  100%{
    -webkit-transform:rotateY(0deg) translateX(0px);
    transform:rotateY(0deg) translateX(0px);
    opacity:1
  }
}
@-webkit-keyframes SubMenuAnimIn5{
  0%{
    -webkit-transform:rotateY(25deg) translateX(300px);
    opacity:0
  }
  100%{
    -webkit-transform:rotateY(0deg) translateX(0px);
    opacity:1
  }
}
@keyframes SubMenuAnimIn5{
  0%{
    -webkit-transform:rotateY(25deg) translateX(300px);
    transform:rotateY(25deg) translateX(300px);
    opacity:0
  }
  100%{
    -webkit-transform:rotateY(0deg) translateX(0px);
    transform:rotateY(0deg) translateX(0px);
    opacity:1
  }
}
@-webkit-keyframes SubMenuAnimOut5{
  0%{
    -webkit-transform:rotateY(0deg) translateX(0px);
    opacity:1
  }
  100%{
    -webkit-transform:rotateY(25deg) translateX(300px);
    opacity:0
  }
}
@keyframes SubMenuAnimOut5{
  0%{
    -webkit-transform:rotateY(0deg) translateX(0px);
    transform:rotateY(0deg) translateX(0px);
    opacity:1
  }
  100%{
    -webkit-transform:rotateY(25deg) translateX(300px);
    transform:rotateY(25deg) translateX(300px);
    opacity:0
  }
}
@-webkit-keyframes MenuAnimOut4{
  0%{
  }
  100%{
    -webkit-transform:scale(1.2);
    opacity:0
  }
}
@keyframes MenuAnimOut4{
  0%{
  }
  100%{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:0
  }
}
@-webkit-keyframes MenuAnimIn4{
  0%{
    -webkit-transform: scale(1.2);
    opacity:0
  }
  100%{
    -webkit-transform:scale(1);
    opacity:1
  }
}
@keyframes MenuAnimIn4{
  0%{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:0
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity:1
  }
}
@-webkit-keyframes SubMenuAnimIn4{
  0%{
    -webkit-transform:scale(0.8);
    opacity:0
  }
  100%{
    -webkit-transform:scale(1);
    opacity:1
  }
}
@keyframes SubMenuAnimIn4{
  0%{
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    opacity:0
  }
  100%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
}
@-webkit-keyframes SubMenuAnimOut4{
  0%{
    -webkit-transform:scale(1);
    opacity:1
  }
  100%{
    -webkit-transform:scale(0.8);
    opacity:0
  }
}
@keyframes SubMenuAnimOut4{
  0%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
  }
  100%{
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    opacity:0
  }
}


/* Widgets */

body #slide-out-widget-area .slide_out_area_close .icon-default-style[class^="icon-"]{
  font-size:24px!important
}

/* Responsive */
@media only screen and (max-width : 690px) {
  body #slide-out-widget-area .inner .off-canvas-menu-container.mobile-only .menu.secondary-header-items {
    display: block;
  }
}

@media only screen and (min-width : 1px) and (max-width : 999px) {
  body #slide-out-widget-area .slide_out_area_close {
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 100;
  }

  #slide-out-widget-area .mobile-only {
    display: block;
  }

}


/*! ===== bernard:section external https://thecopycourse.co.uk/wp-content/plugins/salient-portfolio/css/portfolio.css?ver=1.7 ===== */
/*-------------------------------------------------------------------------

  [Table Of Contents]

	1. Single Project
	2. Portfolio Controls
	3. Project Styles
	4.	Image Gallery
	5.	Recent Project Slider
	6. 	Responsive

-------------------------------------------------------------------------*/
/*	1. Single Project
/*-------------------------------------------------------------------------*/
.portfolio-items .col.no-transition{
		-webkit-transition-duration:0s!important;
		transition-duration:0s!important
}
 
.portfolio-items .col .work-item.style-2 .work-info >a{
	 display:block;
		margin:0;
		background-color:transparent!important;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:40
}
/*	2. Portfolio Controls
/*-------------------------------------------------------------------------*/


.portfolio-items[data-ps="8"] .col:hover .line {
	-webkit-transform: translateY(-50%) translateX(0px) scaleX(1);
	-webkit-transform-origin: left;
	transform: translateY(-50%) translateX(0px) scaleX(1);
	transform-origin: left;
	animation: rightLineStart 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}

.portfolio-items[data-ps="8"] .col:hover .line {
	 transform-origin: left;
	 animation: portRightLineStart 0.4s cubic-bezier(0.05, 0.15, 0.1, 1) forwards;
}


.portfolio-items[data-ps="8"] .next-arrow { 
	position: absolute; 
	backface-visibility: hidden;
  right: -43px; 
	top: 50%; 
	margin-top: -15px; 
	height: 30px; 
	width: 40px; 
	display: block; 
	transform: translateX(38px); 
}
body .portfolio-items[data-ps="8"] .next-arrow {
	right: 60px;
	left: auto;
	top: auto;
	bottom: -3px;
}

@keyframes portRightLineStart {
	0% { transform: translateY(-50%) translateX(-25px) scaleX(0); }
	100% { transform: translateY(-50%) translateX(0px) scaleX(1); }
}

.portfolio-items[data-ps="8"] .line {
    height: 2px;
    width: 45px;
    background-color: #fff;
    position: absolute;
    content: '';
    right: -74px;
    display: block;
    backface-visibility: hidden;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(28px) scaleX(0);
    -webkit-transform-origin: right;
    transform: translateY(-50%) translateX(28px) scaleX(0);
    transform-origin: right;
}

body .portfolio-items[data-ps="8"] .line,
.portfolio-items[data-ps="8"] .col .work-info .vert-center .line {
    right: 32px;
    left: auto;
    bottom: 10px;
    top: auto;
    -webkit-transition: none;
    transition: none;
    width: 37px;
}


.portfolio-items[data-ps="8"] line {
    stroke-width: 2px;
    stroke-dasharray: 10px;
    stroke-dashoffset: 30px;
}

.portfolio-items[data-ps="8"] line {
     stroke: #ffffff; 
}
.portfolio-items[data-ps="8"] line,
.portfolio-items[data-ps="8"] .col .work-info .vert-center line {
-ms-transition: none;
	-webkit-transition: none;
	transition: none;
}
.portfolio-items[data-ps="8"] .col:hover line {
	animation: rightArrowLineStart 0.48s cubic-bezier(0.05, 0.2, 0.1, 1) 0.12s forwards;
	stroke-dashoffset: 30px;
}
/*	3. Project Styles
/*-------------------------------------------------------------------------*/

.portfolio-items[data-ps="3"] .inner-wrap, 
.portfolio-items[data-ps="5"] .inner-wrap {
	overflow: hidden;
}

.portfolio-items .col .work-item.style-2 {
	margin-bottom: 0;
}

.portfolio-items .work-info-bg {
	opacity: 0;
	height: 100%;
	width: 100.2%;
	top: 0;
	left: 0;
	background-color: #000;
	position: absolute;
	z-index: 2;
	transition: all 0.4s cubic-bezier(.15,.75,.5,1) 0s;
  -webkit-transition: all 0.4s cubic-bezier(.15,.75,.5,1) 0s;
}
	
.portfolio-items .work-info {
	opacity: 0;
	position: absolute;
	z-index: 10;
	padding: 0 20px;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	color: #fff;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.portfolio-items .col {
	height: 100%;
	-webkit-transition-timing-function: cubic-bezier(.16,.85,.45,1);
	transition-timing-function: cubic-bezier(.16,.85,.45,1);
}

.portfolio-items[data-ps="2"] .col, 
.portfolio-items[data-ps="3"] .col, 
.portfolio-items[data-ps="4"] .col, 
.portfolio-items[data-ps="5"] .col, 
.portfolio-items[data-ps="6"] .col {
	background-color: transparent;
}

html:not(.js) .portfolio-items .col.span_3 img, 
html:not(.js) .portfolio-items .col img {
	opacity: 1;
}

.portfolio-items {
    perspective:2000px;
   -webkit-perspective:2000px;
   perspective-origin:50% 0px;
   -webkit-perspective-origin:50% 700px
}
.portfolio-items:not(.carousel) .col {
    -webkit-transform-style:preserve-3d;
     transform-style:preserve-3d
}
 
.portfolio-items[data-ps="6"]:not(.carousel) .col .inner-wrap[data-animation="none"] {
	transform: translateZ(0);
}

body .portfolio-items .col {
	height: auto;	
}
 
.portfolio-items[data-ps="8"] .col .work-item.style-2 {
	overflow: hidden;
}


.portfolio-items[data-ps="8"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
	background-color: #000!important;
}

.portfolio-items[data-ps="8"] .col img {
	-ms-transition:  transform .62s cubic-bezier(.05,.2,.1,1);
	-webkit-transition: transform .62s cubic-bezier(.05,.2,.1,1);
	transition: transform .62s cubic-bezier(.05,.2,.1,1);
}

.portfolio-items[data-ps="8"] .col .work-info-bg {
	-ms-transition:  opacity .62s cubic-bezier(.05,.2,.1,1);
	-webkit-transition: opacity .62s cubic-bezier(.05,.2,.1,1);
	transition: opacity .62s cubic-bezier(.05,0.2,.1,1);
}
.portfolio-items[data-ps="8"] .col:hover img  {
	-webkit-transform: scale(1.11);
	-ms-transform: scale(1.11);
	transform: scale(1.11);
}

body .portfolio-items[data-ps="8"] .col {
	background-color: transparent;
}

.portfolio-items[data-ps="8"] .work-info, 
.portfolio-items[data-ps="8"] .col .work-info .vert-center * {
	opacity: 1;
}

.portfolio-items[data-ps="8"] .col .work-info .vert-center p {
	position: relative;
}

.portfolio-items[data-ps="8"] .col .work-info .vert-center {
	text-align: left;
	margin-top: 0;
	bottom: 30px;
	top: auto;
	position: absolute;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	left: 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
}
.portfolio-items[data-ps="8"] .col:hover .work-info-bg {
	opacity: 0.55;
}
 .portfolio-items[data-ps="8"] .col p {
	max-width: 75%;
}

.portfolio-items .col.span_3 {
	width: 24.9%;
	margin: 0;
	padding: 0;
}

.portfolio-items .col.span_4 {
	width: 33.3%;
	margin: 0;
}

.portfolio-items .col.span_6,
.portfolio-items[data-ps="6"] .col.span_6 {
	width: 49.9%;
	margin: 0;
}

.portfolio-items .col.span_3 .work-item .work-info a {
	padding: 6px 11px;
	font-size: 11px;
	margin: 3px;
}

body .portfolio-items .col img {
	display: block;
	margin-bottom: 0;
	width: auto;
}

 
.portfolio-items .col .work-info .video {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	color: #fff;
	display: block;
}

.portfolio-items .col .work-info .vert-center {
	text-align: center;
	margin-top: -20px;
	position: relative;
	z-index: 10;
	top: 50%;
	width: 100%;
  -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
  -webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.portfolio-items .col .work-info .vert-center p {
	padding-bottom: 0;	
}

.portfolio-items .col .work-info a:hover span { opacity: 0.8; }

.portfolio-items .col .work-info .vert-center *, 
.portfolio-items .col .work-info i {
	opacity: 0;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.portfolio-items .col .work-item {
	position: relative;
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%;
}

.portfolio-items[data-ps="6"] .col {
	background-color: transparent;
	width: 33.3%;
	padding: 1%;
}

.portfolio-items[data-ps="6"] .col.span_3 {
	width: 22.75%;
	padding: 0.3%;
}

.portfolio-items[data-ps="6"] .col:hover {
	z-index: 1000!important;
}


.portfolio-items[data-ps="6"] .col a {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.portfolio-items[data-ps="6"] .col .work-item {
	margin-bottom: 0;
} 

.portfolio-items[data-ps="1"] .col .work-item:hover .vert-center,
.portfolio-items[data-ps="2"] .col .work-item:hover .vert-center {
	margin-top: 0;
}
.portfolio-items[data-ps="2"] .col .work-item:hover .work-info,
.portfolio-items[data-ps="2"] .col .work-item:hover .work-info .vert-center > *,
.portfolio-items[data-ps="1"] .col .work-item:hover .work-info,
.portfolio-items[data-ps="1"] .col .work-item:hover .work-info .vert-center > * {
	opacity: 1;
}
.portfolio-items[data-ps="1"] .col .work-item:hover .work-info-bg,
.portfolio-items[data-ps="2"] .col .work-item:hover .work-info-bg {
	opacity: 0.9;
}

.portfolio-wrap  {
	position: relative;	
}

 
body .portfolio-items[data-gutter="default"]:not([data-col-num="elastic"]) .col  { 
	padding: 15px; 
}

 
body .portfolio-items[data-gutter="default"]:not([data-col-num="elastic"]) { 
	width: calc(100% + 30px); 
	margin-left: -15px; 
	margin-top: -15px; 
}


/* constrained cols */
/*	4.	Image Gallery
/*-------------------------------------------------------------------------*/
/*	5. Recent Project Slider
/*-------------------------------------------------------------------------*/
/*	6. Responsive
/*-------------------------------------------------------------------------*/



@media only screen and (min-width: 1000px) and (max-width: 1300px) {
	
	.portfolio-items:not(.carousel) .col.span_3 .work-item .work-info a {
		padding: 5px 6px;
		font-size: 11px;
		margin: 1px;
	}

}


@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) {
	
	.portfolio-items .col .work-item:not(.style-2):not(.style-3):not(.style-3-alt):not(.style-4) .work-info .vert-center {
	    height: 100%;
	    top: 0;
	    -webkit-transform: none;
			transform: none;
	}
	
}


	
@media only screen and (min-width : 690px) and (max-width : 999px) {

	.portfolio-items:not(.carousel) .col.span_4, 
	.portfolio-items:not(.carousel) .col.span_3 {
		width: 49.9%!important;
	}

}



@media only screen and (max-width : 690px) {

	.portfolio-items:not(.carousel) .col.span_4, 
	.portfolio-items:not(.carousel) .col.span_3, 
	.portfolio-items:not(.carousel) .col.span_6 {
  		width: 100%;
  		margin-right: 0;
  		margin-left: 0;
  	}
	

}



@media only screen and (min-width : 1px) and (max-width : 999px) {
	.portfolio-items[data-ps="8"] .col .work-info-bg { opacity: 0.3;}
	.portfolio-items[data-ps="8"] .line, .portfolio-items[data-ps="8"] .col .next-arrow { 
		display: none;
	}
	
	 
	.portfolio-items .col .work-item.style-2 .work-info-bg {
		display: block;
	}

	.portfolio-items:not(.carousel) .col.span_3 .work-item .work-info a {
		padding: 9px 15px;
		font-size: 12px;
		margin: 5px;
	}
	
	.portfolio-items .col .work-item .work-info a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		text-indent: -9999px;
	}
	.portfolio-items[data-ps="1"] .col .work-item:hover .work-info .vert-center > a {
		opacity: 0;
	}


	.portfolio-items .col .work-item:not(.style-2):not(.style-3):not(.style-3-alt):not(.style-4):not([data-custom-content="on"]) .work-info .vert-center {
		-webkit-transform: none;
		transform: none;
		top: 0;
		height: 100%;
	}
	

}



@media only screen and (min-width: 1600px) {

	/* boxed */
	

	/* constrained masonry */



}



@media only screen and (min-width: 990px) and (max-width: 1300px) {

  .portfolio-items[data-ps="6"] .col {
		padding: 1.5%;
	}
    
	/* constrained cols */


	/* constrained masonry */

}


@media only screen and (min-width: 470px) and (max-width: 990px) {
	
	/* boxed */

}



@media only screen and (max-width: 690px) and (min-width: 470px) {

	.portfolio-items[data-ps="6"] .col {
		padding: 10px;
	}

}



@media only screen and (max-width: 470px) {
	
	.portfolio-items[data-ps="6"] .col {
		padding: 10px;
	}


  /* show portfolio items immediately on mobile */
  
  
  body .portfolio-items:not(.isotope-activated):not(.carousel) .col {
    width: 100%!important;
    position: relative!important;
    top: auto!important;
    left: 0!important;
		margin-left: 0!important;
    -webkit-transform: none!important;
    transform: none!important;
  }
	
  
  body .portfolio-items.isotope-activated .col  {
    transition: none!important;
  }
	
  .portfolio-items:not(.carousel) .col .inner-wrap[data-animation] {
    opacity: 1!important;
    -webkit-transform: none!important;
    transform: none!important;
  }
  
}

/*! ===== bernard:section inline https://thecopycourse.co.uk/4923/ ===== */
.screen-reader-text, .nectar-skip-to-content:not(:focus) { border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute !important; overflow-wrap: normal !important; }
[data-b-vp="mobile"]{display:none !important}
@media (max-width:767px){[data-b-vp="desktop"]{display:none !important}[data-b-vp="mobile"]{display:block !important}}
@media (min-width:768px){[data-b-vpv="mobile"]{display:none !important}}
@media (max-width:767.98px){[data-b-vpv="desktop"]{display:none !important}}
img{height:auto;width:auto}