/*
| --------------------------------------------------------
| Theme Name : Yankee Themes
| Version : 1.0
| Theme Date : 07/08/2018
| Modified Date : 23/11/2018
| Platforms : HTML5, CSS3, Bootstrap4, JS, Jquery, Sass
| Theme Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| Tags : yankeethemes, yankeeinfoweb, webdesign, boostrap, wordpress, support, html, responsive, css3, wellorganized, retina, animation, html5, sass, support, yakneelife
| File : yit-style.css
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| General Body,
|   - Global Classes,
|   - Trypography,
|   - Colors,
|   - Image,
|   - Line Divider,
|   - Margin & padding,
|   - Listing,
|   - Links,
|   - Alignment
| Component CSS
|	- Button
|	- Forms
|	- Letter Spacing
|	- Postion
|	- Display Utilities
|	- More Accessible Class
| All Landing Pages CSS
| All Inner Pages CSS
| Footer CSS
*/

/* Note:
	- yit is a standard prefix of our profile name (yankee infoweb theme)
	- This file includes all general pages (landing page, innerpages common) and default/scafolding css
*/

/* Website Global CSS BOC
========================================================== */
body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow-x:hidden; }
body, html { height:100%; position:relative; }
*, html { margin:0px; padding:0px;  }
a, :focus, :hover, :active, *:hover, *:focus, *:active, a:hover, a:focus, a:active, a.active { text-decoration:none; outline:none !important; outline-offset:0 !important; }
a img, img { border:none; outline:none !important; outline-offset:0 !important; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; }
a:hover img { -moz-opacity:.8; -webkit-opacity:.8; -o-opacity:.8; -ms-opacity:.8; opacity:.8; }
ul { list-style:none; margin:0; padding:0; }
ul li { display:inline-block; line-height:1.8; }
i.fa { font-family:'FontAwesome'; }
img { height:auto; max-width:100%; vertical-align: middle; line-height:normal; }
.flat-icon { font-family:'Flaticon'; display:inline-block; }
iframe { border:medium none; }

    /* Browser Selection CSS BOC */
	::selection { background:#FC875D; color:#fff; } ::-moz-selection { background:#FC875D; color:#fff; } ::-webkit-selection { background:#FC875D; color:#fff; }
	::-o-selection { background:#FC875D; color:#fff; } ::-ms-selection { background:#FC875D; color:#fff; }

/* Global Classes CSS BOC
==================================================== */
.yit-center-items * { text-align:center; margin-left:auto; margin-right:auto; display:block; }
.yit-center-block { text-align:center; }
.yit-style-none { background:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;  border:medium none; }
.yit-shadow-none { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.yit-radius-none { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
.yit-bg-none { background:none !important; }
.yit-border-none { border:medium none; }
.yit-none-transform { text-transform:none; }
.yit-overflow { overflow:hidden; }
.yit-flex { display:flex; }
.yit-flex-content { height:100%; }
.noscroll { overflow:hidden; } /* hide body scroll */
.hidden { display:none; } /* hide element */
.content-l-space { margin-left:80px; }
.text-underline { text-decoration:underline; }

	/* Display Class CSS BOF */
	.yit-display-table { display:table; }
	.yit-display-tb-cell { display:table-cell; vertical-align:middle; }
	.yit-display-block { display:block; }
	.yit-display-centrize { display: table; height: 100%; position: relative; table-layout: fixed; width: 100%; }
	.yit-display-v-centrize { display:table-cell; vertical-align:middle; }
	.yit-flex-v-center { display:flex; display:-ms-flexbox; display:-webkit-box; height:100%; justify-content:center; -webkit-box-pack: center; -ms-flex-pack: center; }
	.yit-flex-h-center { display:flex; display:-ms-flexbox; display:-webkit-box; height:100vh; align-items:center; -webkit-box-align:center; -ms-flex-align:center; }

	/* Image Effect Class CSS BOF */
	.img-scale img { -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }
	.img-scale img:hover { -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); }
	.gray-scale:hover { filter: grayscale(1); -moz-filter: grayscale(1); -webkit-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); } /* grascale image effect */

	/* Position Class CSS BOF */
	.yit-pos-relative { position:relative; }
	.yit-pos-absoulate { position:absolute; }
	.yit-pos-h-center { position:absolute; left:0; right:0; margin:0 auto; text-align:center; }
	.yit-pos-v-center { position:absolute; left:0; right:0; margin:0 auto; top:50%; -webkit-transform:translate(0px, -50%); -o-transform:translate(0px, -50%);
		-ms-transform:translate(0px, -50%); -moz-transform:translate(0px, -50%); transform:translate(0px, -50%); }

	/* Align / Text Class CSS BOF */
	.text-shadow-light { text-shadow:6px 6px 0px rgba(0, 0, 0, .1); }
	.text-opacity-sm { opacity:.4; -moz-opacity:.4; -webkit-opacity:.4; -o-opacity:.4; -ms-opacity:.4; }
	.text-opacity-lg { opacity:.7; -moz-opacity:.7; -webkit-opacity:.7; -o-opacity:.7; -ms-opacity:.7; }

	/* Float Class CSS BOF */
	.float-left{ float:left !important }
	.float-right{ float:right !important }
	.float-none{ float:none !important }

/* Listing Style CSS BOF
=================================================== */
.yit-listing-inline li { display:inline-block; }
.yit-listing-block li { display:block; }

/* Paragraph Style CSS BOF
=================================================== */
p { padding-top:5px; padding-bottom:5px; }
.yit-lead { font-size:18px; line-height:1.8; }
.font-extra-medium { font-size:15px; } /* use this class for make text medium */
.font-extra-small { font-size:13px; } /* use this class for make text smaller */
.head-title-small { font-size:1rem; } /* use this class for make heading smaller */
.light-grey-color-text { color:rgba(255, 255, 255, .5); }

/* Line Divider Style CSS BOF
=================================================== */
hr { background:#333333; border-bottom:medium none; border-top:medium none; margin:25px auto 15px; width:83px; height:2px; position:relative; }

/* Images / Parallax Bg / Bg Style CSS BOF
=================================================== */
img { margin-bottom:0; }
.yit-img-left { float:left; margin-right:20px; }
.yit-img-right { float:right; margin-left:20px; }
.yit-img-center { margin-left:auto; margin-right:auto; display:block; text-align:center; }

	/* Parallax Bg & Bg Style CSS BOF */
	.yit-bg { background-repeat:no-repeat; background-position:center center; overflow:hidden; position:relative; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-size:cover; }

	/* Cover Style Bg CSS BOF */
	.yit-parallax-bg { background-attachment:fixed; } /* big image parallax */
	.yit-cover-bg { background-size:cover; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover;
		background-repeat:no-repeat; background-position:center center; position:relative; overflow:hidden; }
	.data-parallax-effect { -moz-transition:none; -webkit-transition:none; -o-transition:none; -ms-transition:none; transition:none; }

	/* Bg Overlay Style CSS BOF */
	.bg-overlay { position:relative; z-index:0; }
	.bg-overlay:before { position:absolute; left:0; top:0; content:""; z-index:-1; width:100%; height:100%; background-color:rgba(0, 0, 0, .3); z-index:-1; }
	.bg-fade-overlay, .bg-fade-overlay-dark { position:relative; z-index:0; overflow:hidden; }
	.bg-fade-overlay:before
	{
		position:absolute; left:0; top:0; content:""; z-index:-1; width:100%; height:100%;
		background: -moz-linear-gradient(left,  rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	}
	.bg-fade-overlay { position:relative; z-index:0; }
	.bg-fade-overlay-dark:before
	{
		position:absolute; left:0; top:0; content:""; z-index:-1; width:100%; height:200%;
		background: -moz-linear-gradient(left,  rgba(0,0,0,0.90) 0%, rgba(0,0,0,0) 200%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(0,0,0,0.90) 0%,rgba(0,0,0,0) 200%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(0,0,0,0.90) 0%,rgba(0,0,0,0) 200%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
	}
	.bg-fade-graident { position:relative; z-index:0; }
	.bg-fade-graident:before
	{
		position:absolute; left:0; top:0; content:""; z-index:-1; width:100%; height:100%; opacity:.9;
		background: #7744ed; /* Old browsers */
		background: -moz-linear-gradient(left,  #7744ed 0%, #00bfbf 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #7744ed 0%,#00bfbf 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #7744ed 0%,#00bfbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7744ed', endColorstr='#00bfbf',GradientType=1 ); /* IE6-9 */
	}

/* Button Style CSS BOF
=================================================== */
.yit-btn-full { width:100%; }
.yit-btn-center { margin:0px auto; text-align:center; }
.yit-btn-auto { width:auto; }
.yit-btn-left { float:left; }
.yit-btn-right { float:right; }

/* Form & Input Style BOF
==================================================== */
.form-group { position:relative; }

/*** Textarea CSS BOF ***/
.common-form textarea.form-control { padding-right:5px; resize:vertical; overflow:auto; height:150px; }

	/*** Placeholder CSS BOF ***/
	.common-form .form-control::placeholder { color:rgba(0, 0, 0, .7); opacity:.5; }
	.common-form .form-control::-moz-placeholder { color:rgba(0, 0, 0, .7); opacity:.5; }
	.common-form .form-control:-ms-input-placeholder { color:rgba(0, 0, 0, .7); opacity:.5; }
	.common-form .form-control::-webkit-input-placeholder { color:rgba(0, 0, 0, .7); opacity:.5; }
	.common-form .form-control::-o-input-placeholder { color:rgba(0, 0, 0, .7); opacity:.5; }

/*** Label CSS BOF ***/
.common-form label { font-size:15px; font-weight:500; }

/*** Selectbox CSS BOF ***/
.common-form select.form-control option { padding:10px 20px; border-bottom:solid 1px #c0cee0; }

	/* Selectbox Arrow CSS BOF ***/
	.common-form .select-box { position:relative; }
	.common-form .select-box .selectarrow { position:absolute; right:15px; pointer-events:none; top:13px; }
	.common-form .select-box select.form-control { -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; }

	/* Input Reset Buttons Style BOC */
	input[type="reset"] { float:right; margin-right:15px; }

/*** Validation State CSS BOF ***/
.has-error .form-control { border-color:#f00; }
.success .form-control  { border-color:#14CC25; }
.error { display:none !important; }

	 /* Validation Animation CSS BOF */
	.animation-slideDown { animation-name:slideDown; -webkit-animation-name:slideDown;	animation-duration:1s; -webkit-animation-duration:1s;
		animation-timing-function:ease;	-webkit-animation-timing-function:ease;	visibility:visible!important }
	@keyframes slideDown
	{
	    0% { transform:translateY(-100%) } 50% { transform:translateY(8%) } 65% { transform:translateY(-4%) } 80% { transform:translateY(4%) }
		95% { transform:translateY(-2%) } 100% { transform:translateY(0%) }
  	}
	@-webkit-keyframes slideDown
	{
	    0% { -webkit-transform:translateY(-100%) } 50% { -webkit-transform:translateY(8%) } 65% { -webkit-transform:translateY(-4%) }
		80% { -webkit-transform:translateY(4%) } 95% { -webkit-transform:translateY(-2%) } 100% { -webkit-transform:translateY(0%) }
  	}

/* Go To Top CSS BOC
==================================================== */
.back-top #toTop { position:fixed; left:auto; right:50px; bottom:100px; z-index:50; width:40px; height:40px; font-size:20px; color:#fff; line-height:40px; }

/* Combine Selector CSS BOF
==================================================== */
.btn, .form-control, .back-top #toTop, option, a, i, img, input  { transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;
	-o-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; }

/* Maring & Padding Style CSS BOC
==================================================== */

/* Margin Top CSS BOF (.mt = margin-top) */
.mt-0 { margin-top: 0 !important; }
.mt-5 { margin-top:5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }

/* Margin Right CSS BOF (.mr = margin-right) */
.mr-0 { margin-right: 0!important }
.mr-5 { margin-right: 5px!important }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-50 { margin-right: 50px !important; }

/* Margin Bottom CSS BOF (.mb = margin-bottom) */
.last-p-none p:last-of-type { margin-bottom: 0; }
.mb-0 { margin-bottom: 0!important }
.mb-5 { margin-bottom: 5px!important }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }

/* Margin Left CSS BOF (.ml = margin-left) */
.ml-0 { margin-left: 0!important }
.ml-5 { margin-left:5px !important!; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-50 { margin-left: 50px !important; }

/* Padding Top CSS BOF (.pt = padding-top) */
.pt-0 { padding-top: 0!important }
.pt-5 { padding-top:5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-35 { padding-top: 35px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }

/* Padding Right CSS BOF (.pr = padding-right) */
.pr-0 { padding-right: 0!important }
.pr-5 { padding-right: 5px!important }
.pr-10 { padding-right: 10px !important; }
.pr-15 { padding-right: 15px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-30 { padding-right: 30px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }

 /* Padding Bottom CSS BOF (.pb = padding-bottom) */
.pb-0 { padding-bottom: 0 !important }
.pb-5 { padding-bottom: 5px !important }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }

 /* Padding Left CSS BOF (.pl = padding-left) */
.pl-0 { padding-left: 0!important }
.pl-5 { padding-left: 5px!important }
.pl-10 { padding-left: 10px !important; }
.pl-15 { padding-left: 15px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-30 { padding-left: 30px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }

	/* General Padding Style CSS BOF */
	.pad-10-all { padding:10px; }
	.pad-15-all { padding:15px; }
	.pad-20-all { padding:20px; }
	.pad-25-all { padding:25px; }
	.pad-30-all { padding:30px; }
	.pad-35-all { padding:35px; }
	.pad-40-all { padding:40px; }
	.pad-50-all { padding:50px; }
	.pl-pr-zero { padding-left:0 !important; padding-right:0 !important; }
	.pt-pb-zero { padding-top:0 !important; padding-bottom:0 !important; }
	.p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }

	/* General Marging */
	.m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; }
	.m-h-auto { margin-left:auto; margin-right:auto; }
	.m-v-auto { margin-top:auto; margin-bottom:auto; }
	.mrg-5-all { margin:5px; }
	.mrg-10-all { margin:10px; }
	.mrg-15-all { margin:15px; }
	.mrg-20-all { margin:20px; }
	.mrg-25-all { margin:25px; }
	.mrg-30-all { margin:30px; }
	.mrg-40-all { margin:50px; }
	.mrg-50-all { margin:50px; }

/* Width Style CSS BOF
==================================================== */
.width-half { width:50%; }
.width-full { width:100%; }
.max-width-none { max-width:none; }

/* Height Style CSS BOF
==================================================== */
.height-full { height:100%; }
.height-cover { height:100vh; }
.flex-full-height { height:100%; } /* cover flex full height */
.flex-box-spacer [class*="col-"] { margin-bottom:25px; } /* cover flex spacer */
.flex-mrg-none { margin-bottom:0; }

/* Min Height Style CSS BOF
==================================================== */
.height-50 { height: 50px; }
.height-100 { height: 100px; }
.height-150 { height: 150px; }
.height-200 { height: 200px; }
.height-230 { height: 230px; }
.height-260 { height: 260px; }
.height-290 { height: 290px; }
.height-320 { height: 320px; }
.height-350 { height: 350px; }

/* Width Style CSS BOF
==================================================== */
.width-30 { width:30px; }
.width-50 { width:50px; }
.width-70 { width:70px; }
.width-100 { width:100px; }
.width-150 { width:150px; }
.width-200 { width:200px; }
.width-250 { width:250px; }
.width-300px { width:300px; }

/* Gutter Style CSS BOF
==================================================== */
.no-gutter-mrg {  margin-right:0; margin-left:0;}
.no-gutter > [class*='col-'], .none-col-space [class*='col-'] { padding-right:0; padding-left:0;} /* remove gutter space from column */

	/* Remove Section Paddding */
	.section-h-space .container-fluid { padding-left:0; padding-right:0; } /* remove space form full container */
	.section-v-space { padding-top:0; padding-bottom:0; } /* remove space from section */

/* Z-Index Style CSS BOF
==================================================== */
.z-index-0 {z-index:0;}
.z-index-1 {z-index:1;}
.z-index-2 {z-index:2;}
.z-index-3 {z-index:3;}
.z-index-4 {z-index:4;}
.z-index-5 {z-index:5;}

/* Border Style CSS BOF
==================================================== */
.bdr-l-0 { border-left:none !important; }
.bdr-r-0 { border-right:none !important; }
.bdr-t-0 { border-top:none !important; }
.bdr-b-0 { border-bottom:none !important; }
.border-all {border: 1px solid #ededed}

	/* Border Width CSS BOF */
	.border-top {border-top: 1px solid;}
	.border-bottom {border-bottom: 1px solid;}
	.border-left {border-left: 1px solid;}
	.border-right {border-right: 1px solid;}
	.border-lr {border-left: 1px solid; border-right: 1px solid;}
	.border-tb {border-top: 1px solid; border-bottom: 1px solid;}

	/* Border With Specific Direction CSS  BOF */
	.border-top-only { border-top-style:solid; }
	.border-bottm-only { border-bottom-style:solid; }
	.border-left-only { border-left-style:solid; }
	.border-right-only { border-right-style:solid; }

	/* Border Utility CSS BOF */
	.border-r-none { border-right:medium none !important; }
	.border-t-none { border-top:medium none !important; }
	.border-l-none { border-left:medium none !important; }
	.border-b-none { border-bottom:medium none !important; }

	/* Border Style CSS BOF */
	.border-none { border:medium none !important; }
	.border-style-dotted {border-style: dotted !important;}
	.border-style-dashed {border-style: dashed !important;}
	.border-style-solid {border-style: solid !important;}
	.border-style-disp-none {border-style: none !important;}
	.border-style-transperent {border-color: transparent !important;}

/* Other General Elements CSS BOF
=================================================== */
.icon-l { float:left; margin-right:15px; }

/* Scroll Down Arrow Animation */
.arrow-animate { bottom:70px; display: table; left: 0; margin: 0 auto; position: absolute;; text-align: center; z-index: 10; right:0; width:0; }
.arrow-animate .arrow-animate-container { border:none; } 
.arrow-mouse { float: left; width:30px; height:50px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border: 2px solid #646c8a; }
.arrow-mouse-scroll { position: relative; left: 50%; top: 6px; margin-left: -1.5px; width: 3px; height: 6px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; 
	background-color: #ff504c;
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(.15, .41, .69, .94);
	animation-iteration-count: infinite;
}
/* Keyframe CSS */
@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(10px);
		opacity: 0;
	}
}
@-webkit-keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(10px);
		opacity: 0;
	}
}

/* Other Accessible Class CSS BOF
=================================================== */

/* Background Parallax Text CSS BOF */
.parallax-text { position:relative; font-size:15vw; font-weight:900; color:#cccccc; opacity:.2; font-family:"Poppins",sans-serif; }
.parallax-text[class*="text-"] { position:absolute;  z-index:-1; }
.parallax-text span { color:#ff504c; opacity:.5; font-weight:900; }
.parallax-text.text-one { left:0; top:0; }
.parallax-text.text-two { right:0; bottom:0; z-index:0; top:auto; }
.parallax-text.text-three { left:0; writing-mode:sideways-lr; top:10%; }
.parallax-text.text-four { right:0; left:0; margin:0 auto; top:-70px; text-align:center; }

/* General FOOTER CSS BOF
=================================================== */

/*** Footer CSS BOF ***/
footer { padding-top:80px; padding-bottom:20px; background-color:#212430; }
footer .yit-foot-widget { border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top:55px; padding-top: 25px; }
footer .yit-foot-widget .trade { font-size:.8rem; }
footer .yit-footer .quick-links li { margin-bottom: 7px; }
footer a:hover, footer a:focus, footer a:active { color:#ff504c; }

/*** Footer Style-1 CSS BOF ***/
.yit-footer.style-1 .quick-links li a { font-size:.8rem; }
.yit-footer.style-1 .quick-links li:first-child::before { content:"" }
.yit-footer.style-1 .quick-links li::before { content: "/"; margin-left:5px; margin-right:10px; color:#6f6f6f; }

/*** Footer Timing CSS BOF ***/
footer .business-hour .time-note { display: table; margin: 0 auto; position: relative; }
footer .business-hour .time-note::after { border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; content: ""; height: 7px; position: absolute; right: -14px; top:-3px; 
	width: 7px; }
footer .business-hour.opened .time-note::after { animation: opened-pulse 1.8s infinite; -moz-animation: opened-pulse 1.8s infinite; -webkit-animation: opened-pulse 1.8s infinite; -o-animation: opened-pulse 1.8s infinite;
	-ms-animation: opened-pulse 1.8s infinite; }
footer .business-hour.closed .time-note::after { animation: closed-pulse 1.8s infinite; -moz-animation: closed-pulse 1.8s infinite; -webkit-animation: closed-pulse 1.8s infinite; -o-animation: closed-pulse 1.8s infinite;
	-ms-animation: closed-pulse 1.8s infinite; }
footer .business-hour .time-notification { display:table; padding: 5px 10px; font-size: 12px; border-radius: 50px; -moz-border-radius:50px; 
	-webkit-border-radius:50px; -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s; visibility:hidden; opacity:0; -webkit-transform:translate(0, 15px); -o-transform:translate(0, 15px); -ms-transform:translate(0, 15px);
	-moz-transform:translate(0, 15px); transform:translate(0, 15px); position:absolute; left:0; right:0; margin:0 auto; }
footer .business-hour .time-note:hover + .time-notification { opacity: 1; transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); visibility:visible; }					

	/* Timing State CSS BOF */
	footer .business-hour.opened .time-note::after { background-color: #26c580; }
	footer .business-hour.closed .time-note::after { background-color: #ff504c; }
	footer .business-hour.opened .time-notification { background-color: #26c580; }
	footer .business-hour.closed .time-notification { background-color: #ff504c; }

	/* Pulse Keyframe Animation CSS BOF */
	@-webkit-keyframes opened-pulse {
	  0% { -webkit-box-shadow: 0 0 0 0 rgba(38, 197, 128, 0.4); -moz--webkit-box-shadow: 0 0 0 0 rgba(38, 197, 128, 0.4); box-shadow: 0 0 0 0 rgba(38, 197, 128, 0.4);}
	  70% { -webkit-box-shadow: 0 0 0 11px rgba(38, 197, 128, 0); -moz-box-shadow: 0 0 0 11px rgba(38, 197, 128, 0); box-shadow: 0 0 0 11px rgba(38, 197, 128, 0); }
	  100% { -webkit-box-shadow: 0 0 0 0 rgba(38, 197, 128, 0); -moz-box-shadow: 0 0 0 0 rgba(38, 197, 128, 0); box-shadow: 0 0 0 0 rgba(38, 197, 128, 0); }
	}
	@keyframes opened-pulse {
	  0% { -moz-box-shadow: 0 0 0 0 rgba(38, 197, 128, 0.4); box-shadow: 0 0 0 0 rgba(38, 197, 128, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(38, 197, 128, 0.4); }
	  70% { -moz-box-shadow: 0 0 0 11px rgba(38, 197, 128, 0); box-shadow: 0 0 0 10px rgba(38, 197, 128, 0); -webkit-box-shadow: 0 0 0 10px rgba(38, 197, 128, 0); }
	  100% { -moz-box-shadow: 0 0 0 0 rgba(38, 197, 128, 0); box-shadow: 0 0 0 0 rgba(38, 197, 128, 0); -webkit-box-shadow: 0 0 0 0 rgba(38, 197, 128, 0); }
	}
	@-webkit-keyframes closed-pulse {
	  0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 80, 76, 0.4); -moz-box-shadow: 0 0 0 0 rgba(255, 80, 76, 0.4); box-shadow: 0 0 0 0 rgba(255, 80, 76, 0.4); }
	  70% { -webkit-box-shadow: 0 0 0 11px rgba(255, 80, 76, 0); -moz-box-shadow: 0 0 0 11px rgba(255, 80, 76, 0); box-shadow: 0 0 0 11px rgba(255, 80, 76, 0); }
	  100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 80, 76, 0); -moz-box-shadow: 0 0 0 0 rgba(255, 80, 76, 0); box-shadow: 0 0 0 0 rgba(255, 80, 76, 0); }
	}
	@keyframes closed-pulse {
	  0% { -moz-box-shadow: 0 0 0 0 rgba(255, 80, 76, 0.4); box-shadow: 0 0 0 0 rgba(255, 80, 76, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(255, 80, 76, 0.4); }
	  70% { -moz-box-shadow: 0 0 0 11px rgba(255, 80, 76, 0); box-shadow: 0 0 0 10px rgba(255, 80, 76, 0); -webkit-box-shadow: 0 0 0 10px rgba(255, 80, 76, 0); }
	  100% { -moz-box-shadow: 0 0 0 0 rgba(255, 80, 76, 0); box-shadow: 0 0 0 0 rgba(255, 80, 76, 0); -webkit-box-shadow: 0 0 0 0 rgba(255, 80, 76, 0); }
	}

/*** Responsive Footer Style CSS BOF ***/
@media (max-width:767px ){
	.yit-footer .quick-links { margin-bottom:20px; }
}

/* =================================================================
/* 	INDEX PAGE CSS BOF
================================================================= */

.yankee-themes .icon-svg { width:60px; height:60px; } /* common dimension for svg icon */

/* HEADER CSS BOF 
----------------------------------------------------------------- */
.yankee-themes-header .yankee-themes-banner { background-color:#2a2d3d; position:relative; }
.yankee-themes-header .yankee-themes-banner .banner-scene { text-align:center; position:relative; }
.yankee-themes-header .yankee-themes-banner .banner-scene li { display:block; text-align:center; width:100%; height:100vh; }
.yankee-themes-header .yankee-themes-banner .banner-scene li img { margin:0 auto; display:block; position:absolute; left:0; right:0; top:20%; }
.yankee-themes-header .yankee-themes-banner .banner-content { font-size:10vw; font-weight:700; z-index:10; position:absolute; left:0; right:0; margin:0 auto; top:35%; }
.yankee-themes-header .yankee-themes-banner .cursor { color:#ff504c; }
.yankee-themes-header .yankee-themes-banner .business-slogan { bottom:20px; display:block; }
.yankee-themes-header .yankee-themes-banner .business-motto { top:15px; display:block; }
.yankee-themes-header .header-contact-link { color: #ffffff; left: auto; right: 20px; writing-mode: vertical-rl; }
.yankee-themes-header .header-contact-link:hover, .yankee-themes-header .header-contact-link:focus, .yankee-themes-header .header-contact-link:active { color:#ff504c; }
.yankee-themes-header .dotted-bg-item-container { position: absolute; top: 15%; left:150px; width:500px; height:300px; }
.yankee-themes-header .dotted-bg-item { float: left; width: 33.3%; height: 25%;  position: relative; }
.yankee-themes-header .dotted-bg-item:before { content: ''; position: absolute; width:10px; height:10px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; border:solid 1px #848ca9;
	-webkit-transition: all 500ms linear; transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; z-index: 3; }
.yankee-themes-header .dotted-bg-item.dotted-bg-item-active:before { background: #ff504c; border:solid 1px #ff504c; }

	/* Header Navigation CSS BOF */
	.yankee-themes-header .yit-nav .navbar-nav { opacity:0; -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }
	.yankee-themes-header .yit-nav .navbar-light .navbar-brand { padding:15px; position:relative; text-align:right; }
	.yankee-themes-header .yit-nav .navbar-light .navbar-brand::before { background:#ff504c; border-bottom-left-radius:100%; -moz-border-bottom-left-radius:100%; 
		-webkit-border-bottom-left-radius:100%; content: ""; height:240px; position: absolute; right: -15px; top: 0; width:240px; z-index: -1; }
	.yankee-themes-header .yit-on-scroll-nav.animated .navbar-nav { opacity:1; }		
	.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand { padding:10px 10px 10px 0; }
	.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand img { max-width:30%; } 
	.yankee-themes-header .yit-on-scroll-nav.animated .navbar-brand::before { width:calc(100% - 40px); height:100%; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }		

	/* Header Social CSS BOF */
	.yankee-themes-header .yankee-themes-banner .yit-social { right:auto; left:20px; }
	.yankee-themes-header .yankee-themes-banner .yit-social li { display: block; margin:7px 0; }

/* CONTENT CSS BOF 
----------------------------------------------------------------- */
.yankee-themes-about .yit-feature.style-1 .yit-feature-item img { float:left; margin-right:20px; margin-top:5px; } 
.yankee-themes-about .yit-feature.style-1 .yit-feature-content { overflow:hidden; }
.yankee-themes-support .support-icon { right:-100px; left:auto; }
.yankee-themes-support .support-content { margin-right:40px; }
.yankee-themes-quote { background-color:#2a2d3d; }
.yankee-themes-client::after { border-bottom: 847px solid #ff504c; border-left: 700px solid rgba(0, 0, 0, 0); bottom: 0; content: ""; position: absolute; right: 0; width: 700px; z-index: -1; }
.yankee-themes-client .yit-testimonial.style-2 .yit-item { position:relative; }
.yankee-themes-client .yit-testimonial.style-2 .yit-item:before { content: ""; left: 0; position: absolute; width: 5px; background: #ff504c; height: 40px; top:20px; }

/* =================================================================
/* 	INNER PAGES CSS BOF
================================================================= */

/*** Common Innerpages Navigation CSS BOF ***/
.yankee-themes-inner-header .yit-nav-light-style .container-fluid { padding-left:0; padding-right:0; }
.yankee-themes-inner-header .btn-support { color: #ffffff; font-size:29px; padding: 7px 12px; }

/*** Common Innerpages Banner CSS BOF ***/
.inner-banner-large.bg-overlay::before { background-color:rgba(0, 0, 0, .65); }
.inner-banner-xlarge { padding-top:200px; padding-bottom:200px; }
.yankee-themes-inner-banner { margin-top:calc(100px - 36px) }
.yankee-themes-inner-banner .banner-content.yit-flex-h-center { height: calc(100vh - 80px); }

/*** WebPanda Product Page CSS BOF ****/
.webpanda .webpanda-banner { background-color:#2d3a3d; } 
.webpanda .webpanda-banner .banner-img img { position:absolute; right:-20%; top:-50px; opacity:.6; }
.yankee-themes .btn-agent-support { display: table; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; position:absolute; left:20px; bottom:50px; padding:5px 30px 5px 5px; }
.yankee-themes .btn-agent-support img { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; display: table-cell; height: 60px; margin-right:10px; width: 60px; }
.yankee-themes .btn-agent-support .btn-support-content { display: table-cell; text-align: left; vertical-align: middle; }
.yankee-themes .btn-agent-support:hover img { opacity:1; }