/*---------------------------------------------------
LESS Stylesheet 
----------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* Typography */

@font-face {
font-family: 'sitka';
src: url('../fonts/sitka.eot');
src: url('../fonts/sitka.woff2') format('woff2'),
url('../fonts/sitka.woff') format('woff'),
url('../fonts/sitka.ttf') format('truetype'),
url('../fonts/sitka.svg#sitka') format('svg'),
url('../fonts/sitka.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}

/* Preloader */
.preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: #fff;
	z-index:9999999;
	height: 100%;
	width: 100%;
	&::before {
		content: "";
		background-repeat: no-repeat; 
		background-position: center;
		background-size: auto;
		animation-iteration-count:4 infinite;
		animation: spin 800ms infinite;
		background-image: url('../images/bn_favicon.png');
		height: 100%;
		width: 100%;
		position: absolute;
		background-size: 50px;
	}
}
@keyframes spin {from {transform:rotate(0deg); } to {transform:rotate(360deg); } }
@-o-keyframes spin {from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } }
@-ms-keyframes spin {from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } }
@-moz-keyframes spin {from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }

/* ----------------------------------------------------------------- */
/* Imports */

// Import Other Essentials
@import "ym-grid.less";
@import "mixins.less";

/* ------ General ------ */
html, body {
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%; /* 10px browser default */
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
body {
	background-color: #fff;
	color: @body_color;
	font-family: @body_font;
	.font-size(16);
	font-weight: 400;
	line-height: 1.5;
}

> div {
	.font-size(16);
}

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

h2 {
	.font-size(36);
}

h3 {
	.font-size(26);
}

h4 {
	.font-size(21);
}

h5 {
	.font-size(18);
}

h6 {
	.font-size(16);
}

strong {
    font-weight: 700;
}

hr {
	border-style: unset;
	background-color: @main_color;
	height: 1px;
	margin: 30px 0;
}

img {
	max-width: 100%;
	display: block;
}

:focus {
	outline: none;
}

ul, ol {
	padding-left: 20px;
}

.font-header {
	font-family: 'sitka', serif;
}

.fheader_cg {
	font-family: 'Cormorant Garamond', serif;
}

// Set Font Types & Styles
@body_font: 'Open Sans', sans-serif;
@body_color: #000; 
@body_weight: 400;

@header_font: 'sitka';
@header_color: #000;
@header_weight: 600;

@baseline: 20px;

@main_color: #1c2732;
@green: #bdd63a;
@orange: #feb542;

@btncolor: #fff;
@btnborder: #bdd63a;
@btnbg: #bdd63a;

@hbtncolor: #fff;
@hbtnborder: #feb542;
@hbtnbg: #feb542;

.acf-hidden {
	display: none;
}

/* ---- Block Baselines ---- */

h1, h2, h3, h4, h5, h6, p, ul, ol, pre, blockquote, textarea, button {
    margin: 0 0 @baseline;
    &:last-child {
    	margin-bottom: 0;
    }
}

ul, ol {
	margin: 0 0 @baseline;
	&:last-child {
    	margin-bottom: 0;
    }
}

/* ---- Headings ---- */

h1, h2, h3, h4, h5, h6 {
    font-family: @header_font;
    font-weight: @header_weight;
    line-height: 1.2;
}

/* ---- Paragraph Elements ---- */

a {
	font-family: @body_font;
    color: @green;
    text-decoration: none;
}

a:hover,
button:hover {
    .hand();
}

a:active {
    text-decoration: none;
}

code {
    font-family: Consolas, "Courier New", Courier, mono;
}

/* ---- Block Elements ---- */

blockquote {
    display: block;
    opacity: .95;
    border-left: 4px solid;
    border-left-color: #ddd;
    padding: 0 @baseline/2;
    font-style: italic;
    margin-left: @baseline/2;
}

blockquote p:last-child {
    margin-bottom: @baseline/2;
}

pre {
    font-family: Consolas, "Courier New", Courier, mono;
    background: black;
    font-size: @body_font_size - 2;
    background: rgba(0,0,0,.9);
    color: #eee;
    padding: @baseline/2 @baseline;
}

.clear {
	clear: both;
}

/* End Typography */
/* ----------------------------------------------------------------- */

/* ----------------------------------------------------------------- */
/* Main Styles */

/* Header Styles
/* ---------------------------------- */
.admin-bar {
	#menu.sticky-menu {
		top: 32px;
	}
}
.mobile-cta {
    position: absolute;
    .font-size(24);
    right: 45px;
    padding: 0px 10px;
    line-height: 1;
    display: none;
    top: 0;
    i {
    	display: block;
    }
}
#notification-bar{
	text-align: center;
	padding: 10px 0px;
	position: fixed;
	z-index: 9999;
	top:0;
	width: 100%;
	p {
		color: #fff;
	}
	.button.phone-number {
		padding: 5px 15px;
		margin-left: 5px;
	}
}
header,
#menu.sticky-menu {
	width: 100%;		
	padding: 0px;	
	height: 110px;
	position: relative;
	z-index: 999;
	margin-top: 0;
	.mobile-menu {
		display: none;
	}		
	.logo {		
		display: -webkit-flex; /* Safari */
		-webkit-align-items: center; /* Safari 7.0+ */
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 110px;
		width: auto;
		h3 {
			.font-size(24);
			font-weight: 700;
			color: @body_color;
			margin: 0px;							
		}
		img {
			width: 100%;
			max-width: 110px;
			height: auto;
		}
		.site_icon {
			display: none;
		}	
	}	
	.right {
		text-align: right;
		float: right;
		height: auto;
		width: auto;
		> div {
			display: inline-block;	
			.font-size(0);				
			ul {
				margin: 0;
				padding: 0px;				
				li {
					display: inline-block;
					padding: 43px 15px;
					&:first-child {
						padding-left: 0;
					}
					&:last-child {
						padding-right: 0;
					}
					a {
					    color: @body_color;
					    display: inline-block;
					    .font-size(16);
					    position: relative;
					}						
					&.menu-item-has-children {
						position: relative;
						> a {
							&::after {
								content: '\f107';
								font-family: 'FontAwesome';
								.font-size(18);
								margin-left: 5px;
								line-height: 1;
							}
						}
						span {
							display: none;
						}
					}
					> .sub-menu {
						display: none;
						position: absolute;
						z-index: 5;
						padding: 43px 0 0;
						li {
							display: block;
							padding: 0;
							.sub-menu  {
								display: none;
							}
							&.menu-item-has-children {
								> a {
									&::after {
										position: absolute;
										right: 15px;
									}
								}
								&:hover {
									ul {
										display: block;
										padding: 0;
										right: -200px;
										top: 0;
									}
								}
							}
							&:first-child {
								a {
									padding-left: 15px;
								}
							}
							&:last-child {
								a {
									padding-right: 15px;
								}
							}
							a {
								background: @green;
								padding: 10px 15px;
								color: #fff;
								display: block;
								width: 200px;
								text-align: left;
								&:hover {
									text-decoration: none;
									background-color: @orange;
								}
							}					
						}
					}
					&.menu-button {
						padding: 8px 28px;
						&:hover {
							background-color: transparent;
							a {
								color: @body_color;
							}
						}
						a {
							color: #fff;
							&::before {
								content: none;
							}
							&:hover {
								&::before {
									width: 0%;
								}
							}
						}
					}
					&.current-menu-item {
						a {
							&::before {
								width: 100%;
							}
						}
					}
					&:hover {
						.sub-menu {
							display: block;
						}
					}
				}
			}
		}
	}
}
#menu.sticky-menu{
	position: fixed;
	margin-top: 0px;
	width: 100%;
	display: none;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	top: 0;
}
/* Footer Styles
/* ---------------------------------- */	
#before-footer{
	text-align: center;
	padding: 0;
}
#long-footer {
	background-color: rgba(0, 0, 0, .5);
	background-blend-mode: overlay;
	.wrap {
		max-width: 1140px;
		margin: 0 auto;
		.row {
			display: table;
			width: 100%;
			margin:0;
			.col-ym-6 {
				display: table-cell;
				vertical-align: middle;
				float: none;
				&:nth-child(2) {
					padding-left: 80px;
				}
				h3{
					color: #fff;
					.font-size(36);
				}
				p{
					color: #fff;
					margin-bottom: 5px;
					a{
						color: #fff;
					}
				}
				.social{
				    float:left;
					margin-right:0px;
				    margin-top: 10px;
				    padding-left: 0px;
				    margin-left: 0px;
				    margin-bottom: 0px;
				    li{
					    display:inline-block;
					    position:relative;
						float:left;
					    margin-right:10px;
				        a{
					        display:block;
					        position:relative;
					        img{
					            display:block;
					            position:relative;
					            width:25px;
					            height:25px;
					        }
					    }
					}
				}
				ul {
					margin-left: 0px;
					padding: 0px;
					list-style: none;
					li{
						a{
							color: #fff;
						}
					}
				}
				.custom-logo-link{
					margin-bottom: @baseline;
					display: block;
					img{
						width: auto;
						height: auto;
					}
				}
				.gform_wrapper {
					input[type="submit"] {
						width: 100%;
						color: #fff;
						padding: 10px;
					}
					input {
						padding: 10px 20px;
					}
					textarea {
						height: 130px;
						padding: 10px 20px;
					}
				}
				.footer-1 {
					padding-right: 80px;
				}
			}
		}
	}
}
footer {
	border-top: 1px solid rgba(255,255,255,.1);	
	padding: 15px 0;
	text-align: center;
	p {
		.font-size(12);
		color: #fff;				
		margin: 0;
	}
	ul {
		list-style: none;
		padding: 0;
		display: inline-block;
		margin: 0 -3px;
		li {
			display: inline-block;
			padding: 0 3px;
			a {
				display: inline-block;
				img {
					margin-bottom: -7px;
				}
			}
			.menu {
				margin: 0 -3px;
				li {
					margin: 0;
					&:first-of-type {
						border-right: 1px solid #fff;
					}
					a {
						.font-size(12);
						color: #fff;
						    padding: 0 3px;
					}
				}
			}
		}
	}
	.row {
		.col-ym-6 {
			&:first-child {
				text-align: left;
			}
			&:nth-child(2) {
				text-align: right;
				margin-top: -7px;
				p{
					a{
						display: inline-block;
						position: relative;
						img{
							display: inline-block;
							position: relative;
							width: 128px;
							height: auto;
							vertical-align: middle;
						}
					}
				}
			}
		}
	}
}


/* End Main Styles
/* ----------------------------------------------------------------- */


/* ----------------------------------------------------------------- */
/* Web Page Styles */
	
/* Home Styles
/* ---------------------------------- */
.section {
	padding: 80px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	h2 {
		text-align: center;
		margin-bottom: 50px;
	}
	.gallery-wrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		list-style: none;
		padding-left: 0;
		.btn-wrap {
		    width: 100%;
		    margin-top: 30px;
		}
	}
	.accordion{
		padding: 0px;
		margin: 0px;
		display: inline-block;
		width: 100%;
		list-style: none;
		li{
			margin-bottom: 10px;
			display: block;
			.accordion-control{
				display: block;
				position: relative;
				.font-size(16);
				width: 100%;
				.border-radius(50px);
				color: #fff;
				text-align: left;
				.appearance(none);
				padding: 15px 30px;
				.transition(all 0.2s ease-in-out 0s);
				margin-bottom: 0;
				background-color: @btnbg;
				border-color: @btnbg;
				border: 0;
				&:focus {
					outline:0;
				}
				&.active {
					.border-radius(35px 35px 0 0);
					&::after {
						.rotate(90deg);
					}
				}
				&::after {
					content: "\f04b";
					font-family: 'FontAwesome';
					right: 0;
					color: #fff;
					.font-size(16);
					position: absolute;
					top: 50%;
					right: 2%;
					.translate(0,-50%);
					.transition( all 0.5s ease-in-out);
					line-height: 0;
				}
			}
			.accordion-panel{
				display: none;
				background-color: rgba(255, 239, 48, .35);
				padding: 15px 30px;
				.listicon();
				.border-radius(0px 0px 35px 35px);
				p, a {
					line-height: 1.5;
					.font-size(16);
					text-align: left;		
				}						
			}
		}
	}
}
.listicon {
	ul {
		list-style: none;
		li {
			padding-left: 30px;
			position: relative;
			margin-bottom: 5px;
			&::before {
				content: "";
				position: absolute;
				left: 0;
				transform: rotate(45deg);
				background-repeat: no-repeat;
				background-size: 20px;
				background-image: url(../images/bn_favicon.png);
				width: 20px;
				height: 20px;
				top: 5px;
			}
		}
	}
}
.home-section-1{
	background-repeat: no-repeat;
	.background-size(cover); 
	.wrapper {
		height: 732px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		text-align: center;
		.text-wrap {
			max-width: 650px;
			margin-left: auto;
			p {
				.font-header();
				.font-size(58);
				color: #fff;
			}
		}
	}
}
.infinite_section {
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	animation: animatedBackground 500s linear infinite;
	-webkit-animation: animatedBackground 500s linear infinite;
	-moz-animation: animatedBackground 500s linear infinite;
	-o-animation: animatedBackground 500s linear infinite;
	height: 234px;
}
.home-section-2 {
	h2 {
		margin-bottom: 20px;
	}
	.row {
		display: table;
		width: 100%;
		margin:0;
		.col-ym-8,
		.col-ym-4 {
			display: table-cell;
			vertical-align: middle;
			float: none;
		}
	}
}
.home-section-2_1 {
	background-color: rgba(0, 0, 0, .3);
    background-blend-mode: overlay;
    h3, li {
    	color: #fff;
    }
	.listicon();
}
.home-section-3 {
	.service-wrap {
		.inner-wrap {
		    max-width: 189px;
		    margin: 0 auto;
		    &:hover {
		    	.fig-wrap {
		    		.scale(.95);
		    	}
		    	.featured_title {
		    		color: #bdd63a;
		    	}
		    }
		    .fig-wrap {
		    	.transition(all .2s ease-in-out);
		    	img {
		    		.border-radius(50%);
		    		border: 1px solid #bdd63a;
		    	}
		    }
		    .featured_title {
		    	color: #000;
		    	.font-size(20);
		    	    height: 60px;
				    display: flex;
				    flex-direction: row;
				    flex-wrap: wrap;
				    justify-content: center;
				    align-items: center;
				    align-content: flex-start;
				    text-align: center;
				    margin: 30px 0 0;
				    font-weight: 700;
				    .transition(all .2s ease-in-out);
		    }
		    .modal_wrap {
				display: none;
			}
		}
	}
}
.modal_wrap.fancybox-content {
	max-width: 580px;
	padding: 0;
	.modal_title {
		padding: 15px;
		background-color: #bdd63a;
		h3 {
			margin: 0;
			color: #fff;
		}
	}
	.modal_content {
		padding: 15px;
		img {
			margin-bottom: 20px;
		}
		.fancybox-button {
			top: 8px;
			svg {
				path {
				    fill: #fff;
				}
			}
		}
	}
}
.home-section-4 {
	text-align: center;
	background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, .3);
    background-attachment: fixed;
    h2, p {
    	color: #fff;
    }
	.button {
	    max-width: 180px;
	    width: 100%;
	    text-align: center;
	    margin: 0 10px 20px;
	}
}
/* Sidebar
/* ---------------------------------- */
.sidebar {
    transition: all .2s ease-in-out;
    .widget-wrap {
		margin-bottom: 30px;
		padding: 20px;
		background-color: #eee;
		&:last-child {
		    margin-bottom: 0;
		}
		ul {
		    padding-left: 20px;
		    list-style: none;
		    > li {
			    position: relative;
			    padding: 5px;
			    border-bottom: 1px solid #ddd;
			    margin-bottom: 10px;
			    .font-size(16);
			    &:last-child {
				    border-bottom: 0;
				}
				&::before {
					content: "\f105";
					position: absolute;
					left: -15px;
					top: 50%;
					.translate(0,-50%);
					font-family: 'FontAwesome';
				}
				a {
					position: relative;
					z-index: 2;
				}
			}
		}
		.widget-title {
		    .font-size(18);
		    font-weight: 600;
		    margin-bottom: @baseline;
		    text-transform: uppercase;
		}
	}
}
	
/* Page Styles
/* ---------------------------------- */	
body.page,
body.blog,
body.single {
	.section-1 {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
			.title {
			    height: 300px;
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: flex-start;
				align-items: center;
				align-content: center;
			    h1,h2,h3, span {
					.font-size(36);
					margin-bottom: 0px;
					display: block;
				}
				p {
					.font-size(20);
					margin-bottom: 0px;
				}
			}
		}
		.the-content {
			padding: 60px 0px;
		}
}
	
	
/* Template With Sidebar
/* ---------------------------------- */
body {
	.content-sidebar-wrap {
		    padding: 60px 0px;
		.content {
			float: left;
			width: 65%;
			.the-content {
				padding-top: 0;
			}
			.section {
				&:first-child {
					padding-top: 0;
				}
			}
		}
		.aside {
			float: right;
			width: 30%;
			/* Sidebar Styles */
			.sidebars {
				margin-bottom: 30px;
				padding: 20px;
				background-color: @body_color;
				&:last-child {
					margin-bottom: 0;
				}
				h3 {
					color: #fff;
					.font-size(21);
				}
				ul {
					list-style: none;
					margin: 0;
					padding-left: 20px;
					li {
						color: #fff;
						margin-bottom: 10px;
						position: relative;
						border-bottom: 1px solid #fff;
						padding: 5px 0;
						&::before {
							display: inline-block;
							font: normal normal normal 14px/1 FontAwesome;
							.font-size(14);
							text-rendering: auto;
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
							position: absolute;
							top: 50%;
							.translate(0,-50%);
							content: "\f105";
							left: -20px;
						}
						a {
							color: #fff;
						}
					}
				}
			}
		}
	}
}	

/* Template With Sidebar
/* ---------------------------------- */	
body.blog {
	.articles {
		.inner-wrap {
			margin-bottom: 60px;
			.btn-wrap {
				text-align: left;
			}
		}
	}
}
body.blog,
body.single {
	.articles {
		.inner-wrap {
			.fig-wrap {
				position: relative;
				img {
					margin-bottom: @baseline;
				}
				.date {
					.font-size(13);
					color: #fff;
					background: #000;
					padding: 5px 15px;
					position: absolute;
					top: -15px;
					left: 15px;
				}
			}
			h1, h3 {
				.font-size(26);
			}
			h1, h2, h3, h4, h5, h6 {
				color: @main_color;
			}
		}
	}
}

/* Error 404
/* ---------------------------------- */	

body.error404 {
	text-align: center;
	.section-1 {
		padding: 50px 30px 100px;	
		h1 {
			.font-size(150);
			color: @header_color;
			margin: 0;
		}	
	}	
}
	
/* Web Page Styles */
/* ----------------------------------------------------------------- */
/* Home Banner Styles */

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333;
	.font-size(16);
	font-weight: 400;
	padding: 15px;
	width: 100%;
	resize: none;
	font-family: @body_font;
}
input {
	border-radius: 50px;
}
textarea {
	border-radius: 20px;
}
input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #333;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	display: none !important;
}

.contact-form {
	max-width: 625px;
	margin: 0 auto;
	.input-cf {
	    margin-bottom: 10px;
	    &.left, &.right {
		    width: 50%;
		    float: left;
		}
		&.left {
		    padding-right: 5px;
		}
		&.right {
		    padding-left: 5px;
		}
		&:nth-last-child(2) {
		    line-height: 0;
		}
		&:last-child {
		    margin-bottom: 0;
		    input[type="submit"] {
			    padding: 10px 30px;
			    .font-size(16);
			}
		}
	}

	div.wpcf7 .ajax-loader,
	span.ajax-loader {
	    position: absolute;
	}

	span.wpcf7-not-valid-tip {
	    .font-size(12);
	    position: absolute;
	    right: 15px;
	    top: 0;
	}

	input.wpcf7-form-control {
	    position: relative;
	}
}
body img.gform_ajax_spinner {
 position: absolute !important;
}
.gform_wrapper {
	.validation_error {
	    color: #ff0000;
	    display: none;
	}
	ul {
		list-style: none;
		padding-left: 0;
		li {
			position: relative;
			margin-bottom: 10px;
			&.left,
			&.right {
				width: 50%;
				float: left;
				z-index: 1;
			}
			&.left {
				padding-right: 5px;
			}
			&.right {
				padding-left: 5px;
			}
			.gfield_label {
				display: none;
			}
			.ginput_container_textarea {
				line-height: 0;
			}
			.validation_message {
				color: #ff0000;
				.font-size(10);
				position: absolute;
				bottom: 0;
				right: 1%;
			}
		}
	}
}
.gform_confirmation_message {
	color: #fff;
}

input[type="submit"],
.button, .paginate a {
    display: inline-block;
	.hand();
	.font-size(16);
	font-weight: 600;
	padding: 15px 30px;
	text-decoration: none;
	white-space: normal;
    .border-radius(50px);
    text-transform: uppercase;
    color: @btncolor;
    border-color: @btnborder;
    background-color: @btnbg;
    letter-spacing: 1px;
    &:hover {
		color: @hbtncolor;
		border-color: @hbtnborder;
		background-color: @hbtnbg;
    }
}
.btn-wrap {
	text-align: center;
}

.slick-dots {
    list-style: none;
    padding-left: 0;
    .font-size(0);
    margin-top: 10px;
    margin-right: -3px;
    margin-left: -3px;
    li {
        display: inline-block;
        &.slick-active {
            button {
                background-color: #fff;
            }
        }
        button {
            .font-size(0);
            .border-radius(100%);
            padding: 3px;
            border: 1px solid #fff;
            background-color: transparent;
            margin: 3px;
            &:hover {
                background-color: #fff;
            }
        }
    }
}

// Blog page button
.blog {.pagination {font-size: 0; list-style: none; display: inline-block; margin: 0 -2px; .page-item {display: inline-block; border-radius: 0; a {padding: 5px 10px; background-color: @btnbg; color: @btncolor; cursor: pointer; border-radius: 0; margin: 0 2px; text-transform: none; font-weight: 400; .font-size(16); .transition(all .2s ease-in-out); &:hover {background-color: @hbtnbg; color: @hbtncolor; } } &.active {a {background-color: @hbtnbg; color: @hbtncolor; } } &.disabled {display: none; } } } }
.numeric_button {.page-numbers {padding: 5px 10px; background-color: @btnbg; color: @btncolor; cursor: pointer; .transition(all .2s ease-in-out); &:hover {background-color: @hbtnbg; color: @hbtncolor; } &.current {background-color: @hbtnbg; color: @hbtncolor; } &.next {display: none; } } }
// Blog single page button
.paginate {position: relative; padding: 0px 0 60px; .col-ym-12 {padding: 0; span {position: absolute; margin: 30px 0 0; &.prev {left: 0; } &.next {right: 0; } a {padding: 5px 10px; } } } }


// Transition
.menu-item-has-children span, input[type="submit"], .btn-wrap .button, img, a, header, i, .fa, .mobile-cta {.transition(all .2s ease-in-out); }
/* Keyframes infinite
---------------------------------------------------------------------------- */
@keyframes animatedBackground {0% {background-position: 0 0; } 100% {background-position: -10000px 0; } } @-webkit-keyframes animatedBackground {0% {background-position: 0 0; } 100% {background-position: -10000px 0; } }
/* ----------------------------------------------------------------- */	
/* Import Responsive Stylesheet */
@import "responsive.less";
/* End  Import Responsive Stylesheet  */
/* ----------------------------------------------------------------- */