/*
| --------------------------------------------------------
| Theme Name : WebPanda
| Version : 1.2
| Theme Date : 07/08/2018
| Modified Date : 12/09/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
| Common Landing Pages CSS
| Common Inner Pages CSS
| Footer CSS
| Demo Presentation Page 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:#000; } ::-moz-selection { background:#FC875D; color:#000; } ::-webkit-selection { background:#FC875D; color:#000; }
	::-o-selection { background:#FC875D; color:#000; } ::-ms-selection { background:#FC875D; color:#000; }

/* 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; }
.show-grid [class^="col-"] { background-color:rgba(86, 61, 124, 0.15); border:1px solid rgba(86, 61, 124, 0.2); margin-bottom: 15px; padding: 10px 0; text-align: center; } /* bs grid */
.container-boxed { max-width:1170px; margin-left:auto; margin-right:auto; }
.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-inline { display:inline-block; }
	.yit-display-inherit { display:inherit; }
	.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-fixed { position:fixed; }
	.yit-pos-inherit { position:inherit; }
	.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; }

	/* Word Break Class CSS BOF */
	.white-space-nowrap { white-space:nowrap; }
	.white-space-normal { white-space: normal; }
	.white-space-pre { white-space: pre; }
	.word-break { word-break:break-all; }
	.word-spacing { word-spacing:5px; }

	/* 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-small { font-size:13px; } /* use this class for make text smaller */
.head-title-small { font-size:1rem; } /* use this class for make heading smaller */

/* 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-h-center { background-position:center 0; } /* center right */
	.yit-bg-v-center { background-position:0 center; } /* left center */
	.yit-bg-center { background-position:center center; } /* center center */
	.yit-bg-b-center { background-position:center bottom; } /* bottom center */
	.yit-bg-no-repeat { background-repeat:no-repeat; }
	.yit-bg-repeat { background-repeat:repeat; }
	.yit-bg { background-repeat:no-repeat; background-position:0 0; overflow:hidden; position:relative; }

		/* BG Position Class CSS BOF */
		.yit-bg-r-b { background-position:right bottom; } /* right bottom */
		.yit-bg-r-t { background-position:right bottom; } /* right top */
		.yit-bg-l-b { background-position:left bottom; } /* left bottom */
		.yit-bg-l-t { background-position:left top; } /* left top */
		.yit-bg-r-c { background-position:right center; } /* right center */
		.yit-bg-l-c { background-position:right center; } /* left center */

	/* 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; }
.mt-60 { margin-top: 60px !important; }
.mt-70 { margin-top: 70px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-110 { margin-top: 110px !important; }
.mt-120 { margin-top: 120px !important; }
.mt-130 { margin-top: 130px !important; }
.mt-140 { margin-top: 140px !important; }
.mt-150 { margin-top: 150px !important;}

/* Margin Right CSS BOF (.mr = margin-right) */
.mr-0 { margin-right: 0!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; }
.mr-60 { margin-right: 60px !important; }
.mr-70 { margin-right: 70px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-90 { margin-right: 90px !important; }
.mr-100 { margin-right: 100px !important; }
.mr-110 { margin-right: 110px !important; }
.mr-120 { margin-right: 120px !important; }
.mr-130 { margin-right: 130px !important; }
.mr-140 { margin-right: 140px !important; }
.mr-150 { margin-right: 150px !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-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; }
.mb-60 { margin-bottom: 60px !important; }
.mb-70 { margin-bottom: 70px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-110 { margin-bottom: 110px !important; }
.mb-120 { margin-bottom: 120px !important; }
.mb-130 { margin-bottom: 130px !important; }
.mb-140 { margin-bottom: 140px !important; }
.mb-150 { margin-bottom: 150px !important; }

/* Margin Left CSS BOF (.ml = margin-left) */
.ml-0 { margin-left: 0!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; }
.ml-60 { margin-left: 60px !important; }
.ml-70 { margin-left: 70px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-90 { margin-left: 90px !important; }
.ml-100 { margin-left: 100px !important; }
.ml-110 { margin-left: 110px !important; }
.ml-120 { margin-left: 120px !important; }
.ml-130 { margin-left: 130px !important; }
.ml-140 { margin-left: 140px !important; }
.ml-150 { margin-left: 150px !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; }
.pt-60 { padding-top: 60px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-110 { padding-top: 110px !important; }
.pt-120 { padding-top: 120px !important; }
.pt-130 { padding-top: 130px !important; }
.pt-140 { padding-top: 140px !important; }
.pt-150 { padding-top: 150px !important; }

/* Padding Right CSS BOF (.pr = padding-right) */
.pr-0 { padding-right: 0!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; }
.pr-60 { padding-right: 60px !important; }
.pr-70 { padding-right: 70px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-90 { padding-right: 90px !important; }
.pr-100 { padding-right: 100px !important; }
.pr-110 { padding-right: 110px !important; }
.pr-120 { padding-right: 120px !important; }
.pr-130 { padding-right: 130px !important; }
.pr-140 { padding-right: 140px !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; }
.pb-60 { padding-bottom: 60px !important; }
.pb-70 { padding-bottom: 70px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-110 { padding-bottom: 110px !important; }
.pb-120 { padding-bottom: 120px !important; }
.pb-130 { padding-bottom: 130px !important; }
.pb-140 { padding-bottom: 140px !important; }
.pb-150 { padding-bottom: 150px !important; }

 /* Padding Left CSS BOF (.pl = padding-left) */
.pl-0 { padding-left: 0!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; }
.pl-60 { padding-left: 60px !important; }
.pl-70 { padding-left: 70px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-90 { padding-left: 90px !important; }
.pl-100 { padding-left: 100px !important; }
.pl-110 { padding-left: 110px !important; }
.pl-120 { padding-left: 120px !important; }
.pl-130 { padding-left: 130px !important; }
.pl-140 { padding-left: 140px !important; }
.pl-150 { padding-left: 150px !important; }

	/* General Padding Style CSS BOF */
	.pad-5-all { padding:5px; }
	.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; }
	.pad-60-all { padding:60px; }
	.pad-70-all { padding:70px; }
	.pad-80-all { padding:80px; }
	.pad-90-all { padding:90px; }
	.pad-100-all { padding:80px; } /* padding override with section padding */
	.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; }
.height-380 { height: 380px; }
.height-410 { height: 410px; }
.height-440 { height: 440px; }
.height-470 { height: 470px; }
.height-500 { height: 500px; }
.height-550 { height: 550px; }
.height-xxxsmall-screen {height:100px;}
.height-xxsmall-screen {height:200px;}
.height-xsmall-screen {height:300px;}
.height-small-screen {height:400px;}
.height-one-second-screen {height:600px;}
.height-one-third-screen {height:700px;}
.height-one-fourth-screen {height:800px;}
.height-one-fifth-screen {height:900px;}
.height-one-sixth-screen {height:1000px;}

/* 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 */
.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.row-eq-height.height-full > [class*='col-'] > div{ height: 100%; }
.none-row-space .row { margin-left:0; margin-right:0; } /* remove gutter space from row */

	/* 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 */

/* Verticle Align Style CSS BOF
==================================================== */
.yit-valign { display: table; }
.yit-valign > [class*='col-']{ display:table-cell; float:none; }

/* Letter Spacing Style CSS BOF
==================================================== */
.no-letter-spacing {letter-spacing:0px}
.letter-spacing-1 {letter-spacing:1px}
.letter-spacing-2 {letter-spacing:2px}
.letter-spacing-3 {letter-spacing:3px}
.letter-spacing-4 {letter-spacing:4px}
.letter-spacing-5 {letter-spacing:5px}
.letter-spacing-6 {letter-spacing:6px}
.letter-spacing-7 {letter-spacing:7px}
.letter-spacing-8 {letter-spacing:8px}
.letter-spacing-9 {letter-spacing:9px}
.letter-spacing-10 {letter-spacing:10px}

/* Postiion Spacer Style CSS BOF
==================================================== */
.pos-t-25, .pos-t-35, .pos-t-45, .pos-t-55, .pos-t-65, .pos-t-75, .pos-t-85, .pos-t-95, .pos-t-105 { position:relative; }
.pos-t-25 { top:25px; }
.pos-t-35 { top:35px; }
.pos-t-45 { top:45px; }
.pos-t-55 { top:55px; }
.pos-t-65 { top:65px; }
.pos-t-75 { top:75px; }
.pos-t-85 { top:85px; }
.pos-t-95 { top:95px; }
.pos-t-105 { top:105px; }
.pos-b-25 { bottom:25px; }
.pos-t-0 { top:0; }
.pos-b-0 { bottom:0; }
.pos-l-0 { left:0; }
.pos-r-0 { right:0; }

/* Z-Index Style CSS BOF
==================================================== */
.z-index-1111 {z-index:1111;}
.z-index-111 {z-index:111;}
.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;}
.z-index-10 {z-index:10;}

/* 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-1 {border-width:1px !important;}
.border-width-2 {border-width:2px !important;}
.border-width-3 {border-width:3px !important;}
.border-width-4 {border-width:4px !important;}
.border-width-5 {border-width:5px !important;}
.border-width-6 {border-width:6px !important;}
.border-width-7 {border-width:7px !important;}
.border-width-8 {border-width:8px !important;}
.border-width-9 {border-width:9px !important;}
.border-width-10 {border-width:10px !important;}
.border-width-20 {border-width:20px !important;}

	/* 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-double {border-style: double !important;}
	.border-style-groove {border-style: groove !important;}
	.border-style-ridge {border-style: ridge !important;}
	.border-style-inset {border-style: inset !important;}
	.border-style-outset {border-style: outset !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; }

/* Direction Arrows CSS BOF */
[class*="pointer-"]::before { position: absolute; width:1px; height:1px; border-style:solid; border-width:20px;content:""; }
.pointer-arrow-top::before { border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); right:0; top:0; left:0; margin:0 auto; }
.pointer-arrow-bottom::before { border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.3); left: 0; margin: 0 auto; right: 0; bottom:0; }
.pointer-arrow-right:before { border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); right:0; top:50%; }
.pointer-arrow-left:before { border-color:rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, .3); left:0; top:50%; }

/* Scroll Down Arrow Animation */
.arrow-animate {
	-webkit-animation: scrolldown-anim 3.4s infinite ease;
	-moz-animation: scrolldown-anim 3.4s infinite ease;
	-o-animation: scrolldown-anim 3.4s infinite ease;
	animation: scrolldown-anim 3.4s infinite ease;
	position:absolute; margin:0 auto; font-size:25px; left:0; right:0; color:#fff;
}
	@-webkit-keyframes scrolldown-anim {
		70% { margin-top: 0px; }
		85% { margin-top: 4px; }
		100% { margin-top: 0px; }
	}
	@-moz-keyframes scrolldown-anim {
		70% { margin-top: 0px; }
		85% { margin-top: 4px; }
		100% { margin-top: 0px; }
	}
	@-o-keyframes scrolldown-anim {
		70% { margin-top: 0px; }
		85% { margin-top: 4px; }
		100% { margin-top: 0px; }
	}
	@-ms-keyframes scrolldown-anim {
		70% { margin-top: 0px; }
		85% { margin-top: 4px; }
		100% { margin-top: 0px; }
	}
	@keyframes scrolldown-anim {
		70% { margin-top: 0px; }
		85% { margin-top: 4px; }
		100% { margin-top: 0px; }
	}

/* Box Layer Arrow Animation */
.arrow-style-2 { position: relative; top:105px; }
.arrow-style-2 a { position: absolute; bottom: 20px; left:0; z-index: 2; }
.arrow-style-2 a:hover { opacity: .5; }
.arrow-style-2 a { padding-top: 60px; }
.arrow-style-2 a span { position: absolute; top: 0; left: 50%; width: 46px; height: 46px; border: 1px solid #fff; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; }
.arrow-style-2 a span::after { position: absolute; top: 50%; left: 50%; content: ''; width: 16px; height: 16px; margin: -12px 0 0 -8px; border-left: 1px solid #fff;
  border-bottom: 1px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg); }
.arrow-style-2 a span::before { position: absolute; top: 0; left: 0; z-index: -1; content: ''; width: 44px; height: 44px; box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  -moz-box-shadow: 0 0 0 0 rgba(255,255,255,.1); -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.1); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;
  opacity: 0; -webkit-animation: sdb03 3s infinite; animation: sdb03 3s infinite; -o-animation: sdb03 3s infinite; -ms-animation: sdb03 3s infinite; -moz-animation: sdb03 3s infinite;
}

  @-webkit-keyframes sdb03
  {
    0% { opacity: 0; }
    30% {opacity: 1; }
    60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; }
    100% { opacity: 0; }
  }
  @-moz-keyframes sdb03
  {
    0% { opacity: 0; }
    30% { opacity: 1; }
    60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; }
  }
  @-webkit-keyframes sdb03
  {
    0% { opacity: 0; }
    30% { opacity: 1; }
    60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; }
  }
  @-o-keyframes sdb03
  {
    0% { opacity: 0; }
    30% { opacity: 1; }
    60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; }
  }
  @-ms-keyframes sdb03
  {
    0% { opacity: 0; }
    30% { opacity: 1; }
    60% { box-shadow: 0 0 0 60px rgba(255,255,255,.1); -moz-box-shadow: 0 0 0 60px rgba(255,255,255,.1); -webkit-box-shadow: 0 0 0 60px rgba(255,255,255,.1); opacity: 0; }
  }
.arrow-style-3 { border: 2px solid #ffffff; border-radius: 20px; -moz- border-radius: 20px; -webkit- border-radius: 20px; bottom: 60px; display: inline-block;
   	height: 58px; left:0; line-height: 50px; margin:0 auto; position: absolute; text-align: center; width: 34px; right:0; }
.arrow-style-3 i { height: 10px;  width: 4px; background: #fff; display: inline-block; border-radius: 3px;
	-webkit-animation-name:fadebounce; -moz-animation-name:fadebounce; -ms-animation-name:fadebounce; -o-animation-name:fadebounce; animation-name:fadebounce;
	-webkit-animation-duration:3s; -moz-animation-duration:3s; -ms-animation-duration:3s; -o-animation-duration:3s;
 	animation-duration:3s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite;
 	-o-animation-iteration-count:infinite; animation-iteration-count:infinite; }

	@-moz-keyframes fadebounce
	{
		0% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
		50% { -moz-transform:translateY(25px); transform:translateY(25px); opacity:1; }
		100% { -moz-transform:translateY(0); transform:translateY(0); opacity:1; }
	}
	@-webkit-keyframes fadebounce
	{
		0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
		50% { -webkit-transform:translateY(25px); transform:translateY(25px); opacity:1; }
		100% { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; }
	}
	@-o-keyframes fadebounce
	{
		0% { -o-transform:translateY(0); transform:translateY(0); opacity:1; }
		50% {-o-transform:translateY(25px);transform:translateY(25px);opacity:1; }
		100% {-o-transform:translateY(0);transform:translateY(0);opacity:1; }
	}
	@-ms-keyframes fadebounce
	{
		0% { -ms-transform:translateY(0); transform:translateY(0); opacity:1; }
		50% { -ms-transform:translateY(25px); transform:translateY(25px); opacity:1; }
		100% {-ms-transform:translateY(0); transform:translateY(0); opacity:1; }
	}
	@keyframes fadebounce
	{
		0% { transform:translateY(0); opacity:1; }
		50% {transform:translateY(25px);opacity:1; }
		100% {transform:translateY(0);opacity:1; }
	}

.arrow-style-4 a { display:table; margin:0 auto; padding-top::;0px; }
.arrow-style-4 a span { position: absolute; top:-50px; left:0; right:0; margin:0 auto; width: 30px; height: 50px; border: 2px solid #000; border-radius:50px; -moz-border-radius:50px;
	-webkit-border-radius:50px; }
.arrow-style-4 a span::before { position: absolute; top: 10px; left:0; right:0; content: ''; width: 6px; height: 6px; margin:0 auto; background-color: #000;
	border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -webkit-animation: fade-scroll-down 2s infinite; animation: fade-scroll-down 2s infinite;
	-o-animation: fade-scroll-down 2s infinite; -ms-animation: fade-scroll-down 2s infinite; -moz-animation: fade-scroll-down 2s infinite; }

	@-webkit-keyframes fade-scroll-down
	{
	  0% { -webkit-transform: translate(0, 0);  opacity: 0; }
	  40% { opacity: 1; }
	  80% { -webkit-transform: translate(0, 20px); opacity: 0; }
	  100% { opacity: 0; }
	}
	@-moz-keyframes fade-scroll-down
	{
	  0% { -moz-transform: translate(0, 0); opacity: 0; }
	  40% { opacity: 1; }
	  80% { -moz-transform: translate(0, 20px); opacity: 0; }
	  100% { opacity: 0; }
	}
	@-o-keyframes fade-scroll-down
	{
	  0% { -o-transform: translate(0, 0); opacity: 0; }
	  40% { opacity: 1; }
	  80% { -o-transform: translate(0, 20px); opacity: 0; }
	  100% { opacity: 0; }
	}
	@-ms-keyframes fade-scroll-down
	{
	  0% { -ms-transform: translate(0, 0); opacity: 0; }
	  40% { opacity: 1; }
	  80% { -ms-transform: translate(0, 20px); opacity: 0; }
	  100% { opacity: 0; }
	}
	@keyframes fade-scroll-down
	{
	  0% { transform: translate(0, 0); opacity: 0; }
	  40% { opacity: 1; }
	  80% { transform: translate(0, 20px); opacity: 0; }
	  100% { opacity: 0; }
	}

/* Other BG Component CSS BOF
=================================================== */

/* Background Letter CSS BOF */
.bg-letter { color:rgba(0, 0, 0, .1); position:absolute; font-size:130px; z-index:-1; }
.bg-letter.one, .bg-letter.two, .bg-letter.three, .bg-letter.four, .bg-letter.five, .bg-letter.six { left:0; right:0; }
.bg-letter.one { top:-50px;}
.bg-letter.two { top: -43px; }
.bg-letter.three { top:30px; z-index:0; }
.bg-letter.four { top:-68px; }
.bg-letter.five { top:-68px; }
.bg-letter.six { top:0; z-index:0; }
.bg-mark-letter { color:#eaeaea; font-size:150px; position: absolute; z-index:0; }
.bg-mark-letter.one { top:-40px; left:30px; color:rgba(0, 0, 0, .1); text-shadow:3px 5px 3px #ffffff; }
.bg-mark-letter.two { top:-40px; right:30px; }
.bg-mark-letter.three { bottom:-80px; color:rgba(255, 255, 255, .1); }
.bg-mark-letter.four { top:-40px; left:30px; }
.bg-mark-letter.five { top:50px; left:30px; }

/* Fancy Text Letter CSS BOF */
.fancy-letter { font-size:130px; position:relative; }
.fancy-letter::before { background: #e91e63; bottom: 15px; content: ""; height: 6px; left: 0; position: absolute; width: 100%; }

/* Caption Title CSS BOF */
.caption-title::before, .caption-title::after { background: #9e9e9e; content: ""; display: inline-block; height: 1px; vertical-align: super; width: 80px; }
.caption-title::before { margin-right: 15px; }
.caption-title::after { margin-left: 15px; }

/* Title Bar Line CSS BOF */
.heading-title-bar { display: inline-block; padding-left: 44px; position: relative; }
.heading-title-bar::before { background: #e91e63; content: ""; height: 3px; left: 0; position: absolute; top: 12px; width: 30px; }

/* Background Seprator CSS BOF */
.bg-seprator { position:relative; }
.bg-seprator.skew-one:after { background-color: #ffffff; bottom: -82px; content: ""; height: 250px; left: 0; position: absolute; transform: rotate(-5deg);
	-moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); width: 200%; }
.bg-seprator.skew-two::before { background-color:#f7fafc; background-image:url(../images/bg-items/bg-pattern.png); background-repeat:no-repeat;
	background-position:80% 100px; content: ""; height:740px; left: 0; position: absolute; top:60px; transform: skewY(-9deg);
	-moz-transform: skewY(-9deg); -webkit-transform: skewY(-9deg); -o-transform: skewY(-9deg); -ms-transform: skewY(-9deg); width: 120%; }
.bg-seprator.skew-three::before { background-color:#f7fafc; background-image:url(../images/bg-items/bg-pattern.png); background-repeat:no-repeat;
	background-position:80% 100px; content: ""; height:650px; left: 0; position: absolute; top:60px; transform: skewY(-9deg);
	-moz-transform: skewY(-9deg); -webkit-transform: skewY(-9deg); -o-transform: skewY(-9deg); -ms-transform: skewY(-9deg); width: 120%; }
.bg-seprator.skew-four::before { background-color:#f7fafc; background-image:url(../images/bg-items/bg-pattern.png); background-repeat:no-repeat;
	background-position:80% 100px; content: ""; height:1010px; left: 0; position: absolute; top:-20px; transform: skewY(-9deg);
	-moz-transform: skewY(-9deg); -webkit-transform: skewY(-9deg); -o-transform: skewY(-9deg); -ms-transform: skewY(-9deg); width: 120%; }
.bg-seprator.skew-five:after
{
	background: -ms-linear-gradient(top, #FFFFFF 0%, #f7fafc 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #f7fafc 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #f7fafc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #f7fafc));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #f7fafc 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #f7fafc 100%);
	position:absolute; left:0; display:block; bottom:194px; height:500px; content:""; z-index:-1; width:100%;
}
.bg-seprator.skew-six::before { background-color:#e91e63; background-image:url(../images/bg-pattern.png); background-repeat:no-repeat;
	background-position:left 100px; content: ""; height:620px; left: 0; position: absolute; top:0; transform: skewY(-6deg);
	-moz-transform: skewY(-6deg); -webkit-transform: skewY(-6deg); -o-transform: skewY(-6deg); -ms-transform: skewY(-6deg); width: 120%; }

/* Background Number CSS BOF */
.bg-sec-count { position:relative; text-transform:uppercase; font-family:"Poppins",sans-serif; font-weight:600; }
.bg-sec-count::before { background: #ededed; content: ""; height: 3px; left: 40px; margin: 0 auto; position: absolute; top:-18px;
	transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg);
		transform-origin: left top 0; -moz-transform-origin: left top 0; -webkit-transform-origin: left top 0; -o-transform-origin: left top 0; -ms-transform-origin: left top 0; width: 199px; }
	.bg-sec-count.one { position: absolute; right:200px; top:63px; }
	.bg-sec-count.two { position: absolute; left:200px; top:420px; }
	.bg-sec-count.three { position: absolute; right:200px; top:80px; }
	.bg-sec-count.four { position: absolute; left:200px; top:420px; }
	.bg-sec-count.five { position: absolute; right:200px; top:40px; }
	.bg-sec-count.six { position: absolute; left:200px; top:320px; }
	.bg-sec-count.seven { position: absolute; right:200px; top:154px; }
.bg-sec-count .count-no { color: rgba(0, 0, 0, 0.1); font-size: 55px; line-height: normal; writing-mode:vertical-rl; }

/* Background Dotted Line CSS BOF */
.bg-dotted, .bg-dotted-left { position:relative; }
.bg-dotted::after { background-image: url("../images/svg-icons/dotted-arrow-l.svg"); background-position: 0 0; background-repeat: no-repeat;
 	background-size: 100% auto; content: ""; height: 300px; opacity:.1; position: absolute; right: 0; top: -60px; width: 290px; }
.bg-dotted-left::after { background-image: url("../images/svg-icons/dotted-arrow-r.svg"); background-position: 0 0; background-repeat: no-repeat;
 	background-size: 100% auto; content: ""; height: 300px; opacity:.1; position: absolute; left: 0; top: -60px; width: 290px; }

/* Background Shadow CSS BOF */
.section-shadow::before { background-image: url("../images/bg-items/long-shadow.png"); background-position: center center; background-repeat: no-repeat;
 	bottom:90px; content: ""; height: 45px; position: absolute; width: 100%; }

/* Background SVG Patterns CSS BOF */
.svg-pattern.style-1 svg { fill:#e91e63; position: absolute; right: 0; top: 10%; width: 20%; z-index: 0; }
.svg-pattern.style-1 svg .cls-1 { stroke: rgba(255, 255, 255, 0.4); stroke-width:.1px; }
.svg-pattern.style-2 svg { fill:#9e9e9e; height: 80%; margin: 0 auto; opacity: 0.1; position: absolute; right: 0; top: -1px; width: 100%; z-index: 0; }
.svg-pattern.style-2 svg .cls-1 { stroke: rgba(0, 0, 0, 0.4); }
.svg-pattern.style-3 svg { fill: #9e9e9e; left: -144px; position: absolute; width: 30%; z-index: 0; }
.svg-pattern.style-3 svg .cls-1 { stroke: rgba(255, 255, 255, 0.4); stroke-width:.1px; }

/* Background SVG Curves Pattern CSS BOF */
.svg-curve.style-1 { bottom: -80px; fill: #ffffff; left: -3px; position: absolute; z-index:-1 }
.svg-curve.arrow-right { height: 100%; position: absolute; right: 0; top: 0; }
.svg-curve.arrow-left { height: 100%; position: absolute; left: 0; top: 0; }
.svg-curve.circle-right { height: 100%; position: absolute; right: -90px; top: -200px; }
.svg-curve-wave-effect-light:before { background-image:url(../images/bg-items/bg-curve-wave-top-light.png); content:""; width:100%; height:20px; content:""; position:absolute; top:-20px;
	background-repeat:repeat; left:0; background-position:top 0; z-index:1; }
.svg-curve-wave-effect-light:after { background-image:url(../images/bg-items/bg-curve-wave-bottom-light.png); content:""; width:100%; height:20px; content:""; position:absolute; bottom:-20px;
	background-repeat:repeat; left:0; background-position:bottom 0; z-index:1; }
.svg-curve-wave-effect-white:before { background-image:url(../images/bg-items/bg-curve-wave.png); content:""; width:100%; height:20px; content:""; position:absolute; top:0;
	background-repeat:repeat; left:0; background-position:top 0; z-index:1; }
.svg-curve-wave-effect-white:after { background-image:url(../images/bg-items/bg-curve-wave-2.png); content:""; width:100%; height:20px; content:""; position:absolute; bottom:0;
	background-repeat:repeat; left:0; background-position:bottom 0; z-index:1; }
.bg-brush-effect:before { background-image:url(../images/bg-items/bg-brush-effect.png); content:""; height:710px; width:648px; position:absolute; top:-100px; z-index:-1; left:0; right:0;
	margin:0 auto; }
.css-triangle::before { background:#e91e63; content: ""; height: 886px; left: 0; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg); width: 1000px; }

/* Background Graidents CSS BOF */
.bg-gradient-1
{
	background: rgb(127,101,255); /* Old browsers */
	background: -moz-linear-gradient(left,  #7f65ff 0%, #598ce5 49%, #e91e63 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #7f65ff 0%, #598ce5 49%, #e91e63 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #7f65ff 0%, #598ce5 49%, #e91e63 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f65ff', endColorstr='#7f65ff',GradientType=1 ); /* IE6-9 */
}
.bg-gradient-2
{
	background: #41aedc; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #41aedc 0%, #06f0f3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #41aedc 0%,#06f0f3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #41aedc 0%,#06f0f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41aedc', endColorstr='#06f0f3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-gradient-3
{
	background: #7f5fce; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #7f5fce 0%, #b37bec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #7f5fce 0%,#b37bec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #7f5fce 0%,#b37bec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f5fce', endColorstr='#b37bec',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-gradient-4
{
	background: #f1b117; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #f1b117 0%, #ffd862 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #f1b117 0%,#ffd862 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #f1b117 0%,#ffd862 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b117', endColorstr='#ffd862',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bg-gradient-5
{
	background: #31b064; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #31b064 0%, #28f387 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #31b064 0%,#28f387 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #31b064 0%,#28f387 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31b064', endColorstr='#28f387',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* Background Watermark Text CSS BOF */
.banner-mark-text::after { color: rgba(0, 0, 0, 0.2); content:"Discover"; font-family: poppins; font-size: 180px; font-weight: 600; left: 0; position: absolute; right: 0;
	text-transform: uppercase; top: -162px; z-index: -1; }
.banner-mark-text-btm { bottom:0; color: rgba(0, 0, 0, 0.2); font-family: poppins; font-size:17vw; font-weight: 900; left: 0; margin: 0 auto;
	 position: absolute; right: 0; text-align: center; z-index:-1; }

/* 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:#e91e63; opacity:.2; font-weight:900; }
.parallax-text.text-one { left:0; top:0; }
.parallax-text.text-two { right:0; bottom:0; z-index:0; top:auto; }

/* Background Line Bar Animation CSS BOF */
.sec-lines { height: 100%; left: 0; opacity: 1; position: absolute; top: 0; width: 100%; z-index:-1; }
.animate-line-item { border-right: 1px solid rgba(153, 153, 153, 0.2); float: left;  height: 100%; position: relative; width: 20%; }
.animate-line-item:first-child:before { content: ''; position: absolute; top: 0; right: -2px; width: 4px; height: 30px; background:#e91e63;
	animation: animate-line-3 8s ease-out infinite;
	-moz-animation: animate-line-3 8s ease-out infinite;
	-webkit-animation: animate-line-3 8s ease-out infinite;
	-o-animation: animate-line-3 8s ease-out infinite;
	-ms-animation: animate-line-3 8s ease-out infinite;
}
.animate-line-item:last-child:before { content: ''; position: absolute; bottom: 0; right: -2px; width: 4px; height: 30px; background:#e91e63;
	animation: animate-line-2 6s ease-out infinite;
	-moz-animation: animate-line-2 6s ease-out infinite;
	-webkit-animation: animate-line-2 6s ease-out infinite;
	-o-animation: animate-line-2 6s ease-out infinite;
	-ms-animation: animate-line-2 6s ease-out infinite;
}
	/* Keyframe CSS BOF */
	@keyframes animate-line-3 {
		0% {
			opacity: 1;
			top: 0
		}
		50% {
			top: 50%
		}
		100% {
			top: 100%;
			opacity: 0.5;
		}
	}
	@keyframes animate-line-2 {
		0% {
			opacity: 1;
			bottom: 0
		}
		50% {
			bottom: 50%
		}
		100% {
			bottom: 100%;
			opacity: 0.5;
		}
	}

/* **************************************************************************************************************************
/* 	COMMON ALL PAGES CSS BOF
*************************************************************************************************************************** */

/*** WEBP Business Parallax Page CSS BOF (homepage-4) ***/
.webp-business-parallax section { position:relative; }
.webp-business-parallax .webp-business-contact .common-form .form-control { border-color:rgba(255, 255, 255, .5); color:#fff; }
.webp-business-parallax .webp-business-contact .common-form .form-control:focus { border-color:#fff; }

	/* Parallax Banner CSS BOF */
	.webp-business-parallax  .webp-business-banner { background-color:#50d6d6; background-image:url(../images/bg-items/geo-dark-pattern-bg.jpg); background-repeat:repeat;
		background-position:0 0; }
	.webp-business-parallax .webp-business-banner .parallax-obj-triangle { bottom: 100px; left: 0; margin: 0 auto; position: absolute; right: 0; z-index: 0; }
	.webp-business-parallax .webp-business-banner .parallax-obj-name { bottom: 40%; left: 0; margin: 0 auto; position: absolute; right: 0; z-index: 1; }
	.webp-business-parallax .webp-business-banner .parallax-obj-bubble { bottom: 30%; left: 0; margin: 0 auto; position: absolute; right: 0; z-index: 2; }

/*** WEBP Creative Studio Page CSS BOF (homepage-5) ***/
.webp-creative-studio .webp-creative-banner { margin-left:80px; }

/*** WEBP Creative Designer Page CSS BOF (homepage-6) ***/
.webp-creative-designer .webp-creative-design-banner.yit-particle-slider .yit-particle-content .yit-display-centrize { height:100vh; }
.webp-creative-designer .webp-creative-design-banner.yit-particle-slider::before { background-image: url("../images/webpanda-bg-25.jpg"); background-position:center center;
	background-repeat: no-repeat; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%; -moz-background-size:cover; -webkit-background-size:cover;
	-o-background-size:cover; -ms-background-size:cover; background-size:cover; }

/*** WEBP Creative Web Agency Page CSS BOF (homepage-7) ***/
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link { text-align:left; margin-bottom:0; padding:39px 70px;
	border-bottom:1px solid rgba(0, 0, 0, 0.1); background:#fafafa; color:#333; position:relative; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle .tab-content { padding:0 }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-content figure { margin-bottom:0; overflow:hidden; height:100%; position:absolute; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-content figure img { height:100%; width:100%; max-width:none; object-fit:cover; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link i { left: 40px; position: absolute; top: 55px; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .tab-inner { overflow:hidden; margin-left:35px; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link:hover { background:#f5f5f5 }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link.show { background:#e91e63; color:#fff; }
.webp-creative-web-agency .webp-agency-about-tab .yit-tab-verticle.style-4 .nav-pills .nav-link.show::before { border-bottom: 20px solid rgba(0, 0, 0, 0); border-left: 20px solid #e91e63;
  	border-top: 23px solid rgba(0, 0, 0, 0); content: ""; height: 1px; right: -20px; position: absolute; top: 50%; transform: translate(0px, -50%); -moz-transform: translate(0px, -50%);
  	-webkit-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); width: 1px; z-index:1; }
.webp-creative-web-agency .webp-web-agency-about .video-outer { position:relative; display:inline-block; max-width:100; overflow:hidden; left:-80px; margin-bottom:20px; }
.webp-creative-web-agency .webp-web-agency-about .mask-shape { display:block; position:relative; width:100%; z-index:1; margin:0; }
.webp-creative-web-agency .webp-web-agency-about .mask-bg-image { height: 100%; left: 0; position: absolute; top: 0; width: 100%; height:100%; }
.webp-creative-web-agency .webp-web-agency-about .video-outer .bg-overlay { position:absolute; width:100%; height:1000%; top:0; }
.webp-creative-web-agency .webp-web-agency-testimonial .testimonial-outer { position:relative; display:inline-block; max-width:100; overflow:hidden; right:-80px; margin-bottom:20px; }
.webp-creative-web-agency .webp-web-agency-testimonial .mask-shape { display:block; position:relative; width:100%; z-index:1; margin:0; }
.webp-creative-web-agency .webp-web-agency-testimonial .mask-bg-image { height: 100%; left: 0; position: absolute; top: 0; width: 100%; height:100%; }
.webp-creative-web-agency .webp-web-agency-testimonial .testimonial .bg-overlay { position:absolute; width:100%; height:1000%; top:0; }
.webp-creative-web-agency .webp-web-agency-testimonial .yit-testimonial { float: right; max-width: 600px; overflow:hidden; }
.webp-creative-web-agency .webp-web-agency-blog:before, .webp-creative-web-agency .webp-web-agency-blog:after { content:""; position:absolute; background-position:0 0; background-repeat:no-repeat; top:50%;
	transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%);
	z-index:-1; }
.webp-creative-web-agency .webp-web-agency-blog:before { background-image:url(../images/bg-items/line-divider-left.png); left:0; width:334px; height:148px; }
.webp-creative-web-agency .webp-web-agency-blog:after { background-image:url(../images/bg-items/line-divider-right.png); left:0; width:356px; height:160px; left:auto; right:0 }
.webp-creative-web-agency .webp-web-agency-contact { background-color: #fafafa; background-image: url(../images/bg-items/bg-curve-cloud.png); background-position: center center;
 	background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; }
 .webp-creative-web-agency .webp-web-agency-process .yit-process .yit-process-item { padding:0; }	

/*** WEBP Freelancer Page CSS BOF (homepage-8) ***/
.webp-freelancer section { position:relative; }
.webp-freelancer .webp-freelancer-banner { background-position:center center; }
.webp-freelancer .webp-freelancer-banner h6, .webp-freelancer .webp-freelancer-banner h4, .webp-freelancer .webp-freelancer-banner h2 { font-family:'Fjalla One'; font-weight:400; text-transform:uppercase; }
.webp-freelancer .webp-freelancer-banner h6 { font-size:1.5rem; }
.webp-freelancer .webp-freelancer-banner h4 { text-shadow:0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #333, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); }
.webp-freelancer .webp-freelancer-banner h2 { text-shadow:0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #333, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); }
.webp-freelancer .webp-freelancer-about::after { background-image: url("../images/bg-items/bg-line-divider.png"); background-repeat: repeat-x; content: ""; height: 100%; left:0; position: absolute;
  top: 0; width:100%; opacity:.4; z-index:-1; }

 /*** WEBP Branding Agency Page CSS BOF (homepage-9) ***/
 .webp-branding-agency section { position:relative; }
 .webp-branding-agency .webp-branding-agency-header .yit-swiper-slider { margin-top:72px; }
 .webp-branding-agency .webp-branding-agency-header .yit-flex-h-center { height:calc(100vh - 72px); }
 .webp-branding-agency .webp-bradning-agency-offer .yit-feature.style-7 .yit-feature-item, .webp-branding-agency .webp-bradning-agency-about .yit-feature.style-7 .yit-feature-item *
 { -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; }
 .webp-branding-agency .webp-bradning-agency-offer .yit-feature.style-7 .yit-feature-item { padding:50px 25px; border:none; }
 .webp-branding-agency .webp-bradning-agency-offer .yit-feature.style-7 .yit-feature-item:hover { background:#e91e63; }
 .webp-branding-agency .webp-bradning-agency-offer .yit-feature.style-7 .yit-feature-item:hover * { color:#fff; }
 .webp-branding-agency .webp-branding-agency-cms .yit-feature.style-19 .yit-feature-item { background-color:rgba(0, 0, 0 , .4); }
 .webp-branding-agency .webp-branding-agency-about .yit-skillbar.style-4 .skillbar { background:#dfdfdf; }

/*** WEBP Startup Page CSS BOF (homepage-10) ***/
.webp-startup hr, .webp-startup hr.style-six.light:before, .webp-startup hr.style-six.light:after, .webp-startup hr.style-six.light { background:#e0e0e0; }
.webp-startup .webp-startup-intro, .webp-startup .webp-startup-testimonial { background-repeat:repeat; background-position:0 0; }
.webp-startup .webp-startup-about .yit-skill-animate { margin-bottom:50px; }
.webp-startup .webp-startup-parallax .data-parallax-effect { position:relative; right:50px; top:0; max-width:none; }
.webp-startup .webp-startup-footer { background-repeat:no-repeat; background-position:center center }

/*** WEBP Web Agency Onepage CSS BOF (homepage-11) ***/
.webp-web-agency #fullpage { -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-size:cover; }
.webp-web-agency .light-grey-color-text p { color:#bdc0d1; }
.webp-web-agency p { font-weight:300; }
.webp-web-agency .yit-on-sticky-nav.is-visible { background-color:transparent; }
.webp-web-agency section:nth-child(2n+2) { padding-bottom:0; padding-top:0; }
.webp-web-agency .header-logo { position:fixed; left:0; top:0; z-index:10; left:25px; display:inline-block; margin:0 auto; padding:30px 0; }
.webp-web-agency .yit-particle-bubble .particle-bubble-canvas { z-index:-1; }
.webp-web-agency .webp-web-agency-about .yit-tab .tab-content { background-color:transparent; }
.webp-web-agency .webp-web-agency-about .yit-tab.style-5 .nav-item i { line-height:normal; padding-top:20px; display:block; }
.webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item { background-color:#121121 }
.webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item::before,
.webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item::after { background:#e91e63; width:1px; -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; }
.webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item::before { top:0; }
.webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item::after { bottom:0; top:auto; }
.webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item:hover::before,
.webp-web-agency .webp-web-agency-service .yit-feature.style-20 .yit-feature-item:hover::after { background:#e91e63; height:100%; width:100%; }
.webp-web-agency .webp-web-agency-testimonial { padding-top:0; }
.webp-web-agency .webp-web-agency-contact .common-form .input-icon { color:rgba(255, 255, 255, .5); }
.webp-web-agency .webp-web-agency-contact .common-form .form-control:focus + .input-icon { color:#e91e63; }

	/* Navigation CSS BOF */
	.webp-web-agency .fullpage-nav { position:fixed; right:25px; top:50%; z-index:100; padding:15px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; transform:translate(0px, -30%);
		-webkit-transform:translate(0px, -30%); -o-transform:translate(0px, -30%); -ms-transform:translate(0px, -30%); -moz-transform:translate(0px, -30%); }
	.webp-web-agency .fullpage-nav span { background-color:rgba(255, 255, 255, .7); border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; display: block; height:8px; 
		width:8px; -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; }	
	.webp-web-agency .fullpage-nav span:hover { background-color:#fff; }		
	.webp-web-agency .fullpage-nav li { display:block; margin:17px 0; }	

/*** WEBP Start Up Onepage CSS BOF (homepage-12) ***/
.webp-startup-onepage .webp-startup-contact .google-map { height:710px; }
.webp-startup-onepage .webp-services .yit-feature.style-43 .yit-feature-item { border-right:medium none; border-bottom:medium none; }
.webp-startup-onepage .webp-startup-header .felx-slide-img { background-position:center center; }
.webp-startup-onepage .webp-startup-header .flex-slide-text::before { background-image: url("../images/svg-icons/bottom-curve-abstract-pink.svg");
  bottom: 0; background-position:center center; content: ""; height: 40%; left: 0; position: absolute; width: 100%; z-index:-1; }

/*** WEBP Digital Marketing CSS BOF (homepage-14) ***/
.webp-digital-marketing .webp-digital-banner { height:1120px; }
.webp-digital-marketing .webp-digital-banner .banner-img { max-width:50%; position: absolute; right: 0; top: 200px; }
.webp-digital-marketing .webp-digital-marketing-cms .yit-feature-item .icon { background:#000 !important; }

/*** WEBP App Onepage CSS BOF (homepage-15) ***/
.webp-app .webp-app-banner { background-repeat:no-repeat; background-position:right 0; height:992px; }
.webp-app .webp-app-banner .btn i { font-size:20px; }
.webp-app .webp-app-feature .app-feature-list .app-feature-item { margin-bottom:30px; transform:translate(0px); -moz-transform:translate(0px); -webkit-transform:translate(0px);
	-o-transform:translate(0px); -ms-transform:translate(0px); -moz-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 5px 0 rgba(0, 0, 0, 0.1); }
.webp-app .webp-app-feature .app-feature-list .app-feature-item.item-one { margin-top:60px; }
.webp-app .app-feature-content, .webp-app .webp-app-feature .app-feature-item { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; }
.webp-app .webp-app-blog .svg-curve-wave-effect-white::before { display: none; }

	/* Hover State CSS BOF */
	.webp-app .app-feature-content:hover .app-feature-list .item-one { transform:translate(285px, 305px); }
	.webp-app .app-feature-content:hover .app-feature-list .item-two { transform:translate(285px, -421px); }
	.webp-app .app-feature-content:hover .app-feature-list .item-three { transform:translate(-285px, 417px); }
	.webp-app .app-feature-content:hover .app-feature-list .item-four { transform:translate(-285px, -306px); }

/*** WEBP SEO CSS BOF (homepage-16) ***/
.webp-seo .webp-seo-header .yit-swiper-slider::after { background-image: url("../images/bg-items/bg-curve-cloud-bottom.png"); background-position: center center;
	background-repeat:no-repeat; bottom: 0; content: ""; height: 173px; position: absolute; width: 100%; z-index: 1; }
.webp-seo .webp-seo-header .yit-swiper-slider-content:before, .webp-seo .webp-seo-header .yit-swiper-slider-content:after { content:""; background-repeat:no-repeat; }
.webp-seo .webp-seo-services .yit-feature .yit-feature-item { -moz-box-shadow:0 3px 13px 0 rgba(0, 0, 0, .2); -webkit-box-shadow:0 3px 13px 0 rgba(0, 0, 0, .2);
	box-shadow:0 3px 13px 0 rgba(0, 0, 0, .2); }

/*** WEBP Hosting CSS BOF (homepage-17) ***/
.webp-hosting .webp-hosting-banner:after { background-image: url("../images/bg-items/bg-graph-graph.png"); background-position: center center;
	background-repeat:no-repeat; bottom:-20px; content: ""; height:273px; position: absolute; width: 100%; z-index:-1; }
.webp-hosting .webp-hosting-search .yit-nice-select.nice-select { margin-bottom:15px; height:47px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.webp-hosting .webp-hosting-search .yit-nice-select.nice-select .list { width:100%; }
.webp-hosting .webp-hosting-search .yit-nice-select.nice-select::after { width:10px; height:10px; right:20px; }
.webp-hosting .webp-hosting-search .form-group { position:inherit; }
.webp-hosting .webp-hosting-search .hosting-rate { display:table; width:100%; }
.webp-hosting .webp-hosting-search .hosting-rate li { border-right:solid 1px rgba(0, 0, 0, 0.1); line-height:normal; max-width:100px; display:table-cell; text-align:center; }
.webp-hosting .webp-hosting-search .hosting-rate li:last-child { border-right:medium none; }
.webp-hosting .webp-hosting-search .hosting-rate li span { display:block; }
.webp-hosting .webp-hosting-cms .item-icon { width:340px; height:340px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; position:relative; }
.webp-hosting .webp-hosting-cms .item-icon .item-price { position:absolute; }
.webp-hosting .webp-hosting-cms .item-icon .item-price { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; font-size: 30px; font-weight: 500;
	height: 100px; line-height: normal; padding-top: 17px; position: absolute; right: 0; text-align: center; top: 0; width: 100px; }
.webp-hosting .webp-hosting-cms .item-icon .item-price span { display: block; font-size: 15px; }
.webp-hosting .webp-hosting-cms .bg-dotted-left:after, .webp-hosting .webp-hosting-cms .bg-dotted::after { background-position:center center; height:370px; top:0; }

/*** WEBP Personal Portfolio CSS BOF (homepage-18) ***/
.webp-personal .webp-personal-header .webp-personal-banner { position:relative; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-scene { padding:0; margin:0; text-align:center; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-scene li { display:block; text-align:center; width:100%; height:100vh; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-scene li .img-layer-1 { position:absolute; left:0; right:0; top:100px; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-scene li img { margin:0 auto; display:block; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-scene li .traingle-l { position:absolute; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-services { display:table; margin:0 auto; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-services li { width:auto; height:auto; display:inline-block; margin:0 20px; position:relative; letter-spacing:2px; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-services li::before { content: ""; background:#e91e63; width: 7px; height: 7px; display: block; border-radius: 100px;
	-moz-border-radius: 100px; -webkit-border-radius: 100px; position: absolute; left: -18px; top: 11px; }
.webp-personal .webp-personal-header .webp-personal-banner .banner-mark-text-btm { bottom:-10%; }
.webp-personal .webp-personal-about .about-img { z-index:-10; text-align:center; }
.webp-personal .webp-personal-about .img-frame { position:absolute; left:0; right:0; margin:0 auto; top:40px; }
.webp-personal .webp-personal-about .img-about-photo { margin:0 auto; position:relative; width:320px; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; }
.webp-personal .webp-personal-about .parallax-element li { position:absolute; top:25px; left:0; right:0; margin:0 auto; }
.webp-personal .webp-personal-service .service-intro { height:700px; }
.webp-personal .webp-personal-service .service-intro::after { border-color: #e91e63 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width:700px 190px 0 0;
	 content: ""; height: 1px; position: absolute; right:-190px; top: 0; width: 1px; z-index: 1; }
.webp-personal .webp-personal-service .service-listing { margin-top:90px; height:550px; }
.webp-personal .webp-personal-service .service-listing .yit-feature { display: table; margin: 0 auto; }
.webp-personal .webp-personal-service .parallax-element li { position:absolute; z-index:999; }
.webp-personal .webp-personal-service .parallax-element .circle-layer { left:45%; }
.webp-personal .webp-personal-service .parallax-element .triangle-layer { right:0; bottom:0; }
.webp-personal .webp-personal-service .parallax-element .circle-fill-layer { right:0; top:0; }
.webp-personal .webp-personal-testimonial .parallax-element li { position:absolute; z-index:999; }
.webp-personal .webp-personal-testimonial .parallax-element .layer-1 { left:0; right:0; margin:0 auto; text-align:center; }
.webp-personal .webp-personal-testimonial .parallax-element .layer-2 { right:10%; bottom:0; }
.webp-personal .webp-personal-testimonial .parallax-element .layer-3 { left:10%; bottom:100px; }
.webp-personal .webp-personal-testimonial .parallax-element .layer-4 { left:10%; top:30%; }
.webp-personal .webp-personal-testimonial .parallax-element .layer-5 { left:20%; top:10%; }
.webp-personal .webp-personal-testimonial .parallax-element .layer-6 { right:20%; top:30%; }
.webp-personal .webp-personal-testimonial .parallax-element .layer-7 { right:40%; top:60%; }
.webp-personal .webp-personal-footer .yit-footer.style-3 ul.quick-links li a { color:#fff; }
.webp-personal .webp-personal-footer .yit-footer .form-control { border-color:transparent transparent rgba(255, 255, 255, .5) transparent; padding:10px 0; }
.webp-personal .webp-personal-footer .yit-footer .form-control:focus { border-bottom-color:#fff; }
.webp-personal .webp-personal-footer .yit-footer .form-group { margin-bottom:20px; }
.webp-personal .webp-personal-footer .yit-footer .form-group .input-label { color:#fff; left:0 }
.webp-personal .webp-personal-footer .yit-footer .form-control:focus + .input-label { top:-10px; }
.webp-personal .webp-personal-footer .parallax-element li { position:absolute; z-index:0; }
.webp-personal .webp-personal-footer .parallax-element .layer-1 { right:10%; top:0; }
.webp-personal .webp-personal-footer .parallax-element .layer-2 { left:10%; top:20%; }
.webp-personal .webp-personal-footer .parallax-element .layer-3 { right:0; top:30%; }
.webp-personal .webp-personal-footer .parallax-element .layer-4 { left:20%; bottom:200px; }

/*** WEBP Personal Portfolio CSS BOF (homepage-18) ***/
.webp-branding-header .yit-nav .navbar-nav .nav-link:hover, .webp-branding-header .yit-nav .navbar-nav .nav-link:focus, .webp-branding-header .yit-nav .navbar-nav .nav-link:active, 
.webp-branding-header .yit-nav .navbar-nav .nav-link.active, .webp-branding-header .yit-nav .yit-nav .navbar-nav .show .nav-link, 
.webp-branding-header .yit-nav .navbar-nav .active .nav-link, .webp-branding-header .yit-nav .nav-link.show, 
.webp-branding-header .yit-nav .navbar-nav .nav-link.active { background-color: #000; color: #ffffff; }

/* **************************************************************************************************************************
/* 	COMMON ALL INNER / OTHER PAGES CSS BOF
*************************************************************************************************************************** */

/*** 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; }
.inner-banner-large { padding-top:180px; padding-bottom:180px; }
.inner-banner-medium { padding-top:150px; padding-bottom:150px; }
.inner-banner-small { padding-top:100px; padding-bottom:100px; }
.inner-banner-xsmall { padding-top:80px; padding-bottom:80px; }
.inner-banner-xxsmall { padding-top:60px; padding-bottom:60px; }
.banner-fixed-top-small { margin-top:calc(100px - 25px); }

/*** Common About Pages CSS BOF ***/
.webp-about-classic .about-history, .webp-about-classic .about-history h6 { -moz-transition:all .7s ease-in-out 0s;
	-webkit-transition:all .7s ease-in-out 0s; -o-transition:all .7s ease-in-out 0s; -ms-transition:all .7s ease-in-out 0s; transition:all .7s ease-in-out 0s; }
.webp-about-classic .about-history h6 { position:absolute; bottom:50px; left:-55px; -webkit-transform:translate(-40px, 0px); -o-transform:translate(-40px, 0px);
	-ms-transform:translate(-40px, 0px); -moz-transform:translate(-40px, 0px); transform:translate(-40px, 0px); }
.webp-about-classic .about-history h6::after { background: #e91e63; content: ""; height: 2px; position: absolute; right: -60px; top: 14px; width: 50px; }
.webp-about-classic .about-history:hover h6 { left:0; -webkit-transform:translate(0px); -o-transform:translate(0px);
	-ms-transform:translate(0px); -moz-transform:translate(0px); transform:translate(0px); }

/*** Common Service Pages CSS BOF ***/
.webp-service-creative .service-intro img.gray-scale { width:100%; height:100%; max-width:none; }

/*** Common Coming Soon Pages CSS BOF ***/
.coming-soon-bg {position:fixed; left:0; right:0; top:0; bottom:0; height:100%; width:100%; }
noindex:-o-prefocus, .fss-background-container {display: none;} /* Hide background in old Opera because of lags */
.coming-soon-bg::after { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:-1; }

	/* Notify Modal Popup CSS BOF */
	.yit-notify-modal .close { text-shadonw:none; color:#fff; opacity:1; font-size:inherit; }
	.yit-notify-modal .modal-header, .yit-notify-modal .modal-footer { border:medium none; }
	.yit-notify-modal .btn-notify.btn { position:absolute; top:10px; right:10px; background:none; padding:0; width:auto; }

/*** Common 404 Pages CSS BOF ***/
.error-page .error-banner-content .error-text-heading { font-size:200px; }
.error-page .error-banner-content .yit-search.common-form { max-width:none; }

/*** Sitemap Pages CSS BOF ***/
.yit-sitemap ul.sitemap-listing li a:before { content:""; font-family:'FontAwesome'; padding-right:10px; }
.yit-sitemap ul.sitemap-listing li a { font-size: 13px; }
.yit-sitemap ul.sitemap-listing.element-sitemap li a i { padding-right:10px; }
.yit-sitemap ul.sitemap-listing.element-sitemap li a:before { content:""; padding-right:0; }

/* **************************************************************************************************************************
/* 	ALL PAGES FOOTER CSS BOF
****************************************************************************************************************************/

/*** Google Map Location CSS BOF ***/
.gmap-locaton { background:#1c1c1c; }
.gmap-locaton .btn-map-marker { background: #ffffff; font-size: 30px; height: 60px; line-height: 60px; position: absolute; right: 0; text-align: center; top: -22px;
  	width: 60px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; z-index:10; }
.gmap-locaton .google-map { height:500px; width: 100%; }

/*** Footer CSS BOF ***/
footer { padding-top:80px; padding-bottom:20px; }
footer .yit-foot-widget { border-top: 1px solid rgba(255, 255, 255, 0.1); margin-top: 25px; padding-top: 25px; }
footer .yit-foot-widget .trade { font-size:.8rem; }
footer .yit-foot-widget .trade .link-pink { color:#e91e63 !important; }
.yit-footer .quick-links li { margin-bottom: 7px; }
.yit-footer .address-info li { margin-bottom:20px; }

/*** Footer Darkstyle CSS BOF ***/
footer.footer-dark-style { background:#1c1c1c; color:#fff; }
footer.footer-dark-style .quick-links a, footer.footer-dark-style p, footer.footer-dark-style .address-info, footer.footer-dark-style .address-info a
	{ color:rgba(255, 255, 255, .5); }
footer.footer-dark-style a:hover, footer.footer-dark-style a:focus, footer.footer-dark-style a:active, footer.footer-dark-style a.active { color:#fff; }
footer.footer-dark-style .form-control { border:medium none; background:rgba(255, 255, 255, .1);  }
footer.footer-dark-style .form-control:focus { border:medium none; background:rgba(255, 255, 255, .4); color:rgba(255, 255, 255) }

	/* Form Placeholder CSS BOF */
	footer.footer-dark-style .form-control::placeholder { color:rgba(255, 255, 255, .8); opacity:.6; }
	footer.footer-dark-style .form-control::-moz-placeholder { color:rgba(255, 255, 255, .8); opacity:.6; }
	footer.footer-dark-style .form-control:-ms-input-placeholder { color:rgba(255, 255, 255, .8); opacity:.6; }
	footer.footer-dark-style .form-control::-webkit-input-placeholder { color:rgba(255, 255, 255, .8); opacity:.6; }
	footer.footer-dark-style .form-control::-o-input-placeholder { color:rgba(255, 255, 255, .8); opacity:.6; }

/*** Footer Style-1 CSS BOF ***/
.yit-footer.style-1 .quick-links li a:before { content:""; font-family:"themify"; font-size:11px; margin-right:10px; }
.yit-footer.style-1 .address-info p { overflow:hidden; padding:0; margin:0; line-height:20px; }
.yit-footer.style-1 .address-info i { font-size: 20px; margin-top:2px; }
.yit-footer.style-1 .address-info .fa-envelope-open { font-size:15px; }

/*** Footer Style-2 CSS BOF ***/
.yit-footer.style-2 ul.quick-links li a { font-size:20px; position:relative; }
.yit-footer.style-2 ul.quick-links li::after { content: "/"; padding: 0 15px; color:rgba(0, 0, 0, .5); }
.yit-footer.style-2 ul.quick-links li:last-child::after { display:none; }
.yit-footer.style-2 ul.quick-links li a::after { background:#000000; bottom: -7px; content: ""; height: 2px; left: 0; position: absolute;
	transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s; width: 0; }
.yit-footer.style-2 ul.quick-links li a:hover::after, .yit-footer.style-2 ul.quick-links li a:focus::after, .yit-footer.style-2 ul.quick-links li a:active::after,
.yit-footer.style-2 ul.quick-links li a.active::after { width:100%; }

/*** Footer Style-3 CSS BOF ***/
.yit-footer.style-3 ul.quick-links li a { font-size:20px; position:relative; }
.yit-footer.style-3 ul.quick-links li::after { content: "//"; padding: 0 15px; color:rgba(255, 255, 255, .5); }
.yit-footer.style-3 ul.quick-links li:last-child::after { display:none; }
.yit-footer.style-3 ul.quick-links li a::after { background:#fff; bottom: -7px; content: ""; height: 2px; left: 0; right:0; margin:0 auto; position: absolute;
	transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s; width: 0; }
.yit-footer.style-3 ul.quick-links li a:hover::after, .yit-footer.style-2 ul.quick-links li a:focus::after, .yit-footer.style-2 ul.quick-links li a:active::after,
.yit-footer.style-3 ul.quick-links li a.active::after { width:100%; }

/*** Footer Newsletter CSS BOF ***/
.yit-footer.style-1 .footer-newsletter p { padding:0; margin:0; line-height:normal; }
.footer-newsletter.style-2 .form-group { overflow:hidden; }
.footer-newsletter.style-2 .form-control { padding:10px 60px 10px 15px; }
.footer-newsletter.style-2 .btn i { padding:0; }
.footer-newsletter.style-2 .btn { padding:0; width:47px; height:47px; position: absolute; right: 0; top: 0; }

/*** Feature Footer Creative Page CSS BOF ***/
.yit-footer-creative .input-light .form-control { border-color:rgba(255, 255, 255, .5) !important; }
.yit-footer-creative .form-group .input-icon { color:rgba(255, 255, 255, .5); }

/*** Feature Footer Morden Alt Form Page CSS BOF ***/
.yit-footer-morden-alt-form .gmap-locaton.flex-full-height .google-map { height:695px; }

/*** Feature Footer Parallax Page CSS BOF ***/
.yit-footer-parallax .parallax-element li { position:absolute; z-index:0; }
.yit-footer-parallax .parallax-element .layer-1 { right:10%; top:0; }
.yit-footer-parallax .parallax-element .layer-2 { left:10%; top:20%; }
.yit-footer-parallax .parallax-element .layer-3 { right:0; top:30%; }
.yit-footer-parallax .parallax-element .layer-4 { left:20%; bottom:200px; }

/*** Responsive Footer Style CSS BOF ***/

/* Mobile Device CSS BOF */
@media (max-width:767px ){
.yit-footer .quick-links { margin-bottom:20px; }
.yit-footer.style-1 hr { margin:20px 0; }
.yit-footer.style-1 .address-info .icon-l { float:left; margin-right:15px; }
.yit-footer.style-1 .address-info p, .yit-footer.style-1 .footer-newsletter p { text-align:left; }
.yit-footer.style-2 ul.quick-links li a { font-size:15px; }
.yit-footer.style-2 ul.quick-links li::after { padding:0 5px; }
.yit-footer.style-3 ul.quick-links li a { font-size:15px; }
.yit-footer.style-3 ul.quick-links li::after { padding:0 5px; }
}

/* iPad Portrait Device CSS BOF */
@media (min-width:768px) and (max-width:980px) { /* add css here */ }

/* **************************************************************************************************************************
/* 	DEMO PRESENTATION PAGE CSS BOF
****************************************************************************************************************************/
.web-presentation { font-family: "Muli", sans-serif; } 
.web-presentation .dark-grey-black-color-bg { background-color:#303539; }

/*** Header CSS BOF ***/
.web-presentation .presentation-banner .sec-lines { height:100vh; }
.web-presentation .presentation-banner .animate-line-item { height:100vh; }
.web-presentation .presentation-banner .animate-line-item:nth-child(2)::after, .web-presentation .presentation-banner .animate-line-item:nth-child(3)::after,
.web-presentation .presentation-banner .animate-line-item:nth-child(4)::after, .web-presentation .presentation-banner .animate-line-item:last-child::after  {  
	background: rgba(153, 153, 153, 0.3); content: ""; display: block; height: 1px; position: absolute; width: 100%; }
.web-presentation .presentation-banner .animate-line-item:nth-child(2)::after { bottom:15%; }
.web-presentation .presentation-banner .animate-line-item:nth-child(3)::after { top:60%; }
.web-presentation .presentation-banner .animate-line-item:nth-child(4)::after { top:40%; }
.web-presentation .presentation-banner .animate-line-item:last-child::after { top:20%; }
.web-presentation .presentation-banner .presentation-img { position:absolute; top:-100px; right:-20%; z-index:-1; }
.web-presentation .presentation-banner .presentation-img img { opacity:.6; }
.web-presentation .presentation-banner .height-cover { height:calc(100vh - 100px) }
.web-presentation .presentation-banner::before { background-image: url("../images/presentation-demo/dots-white.svg"); background-position: left top; background-repeat: repeat; 
	background-size:12px auto; top:30%; content: ""; height:500px; left:50px; position: absolute; width:300px; z-index: -1; }

/*** Demo Pages Section CSS BOF ***/
.presentation-demo .demo-listing .demo-item { margin-bottom:30px; }
.presentation-demo .demo-listing .demo-item, .presentation-demo .demo-listing .demo-item img { -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; }
.presentation-demo .demo-listing .demo-item img	{ -moz-box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.2); 
	box-shadow:0 2px 7px 0 rgba(0, 0, 0, 0.2); }
.presentation-demo .demo-listing .demo-item:hover img { -moz-box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.2); 
	box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.2); }
.presentation-demo .demo-listing .demo-item a { color:rgba(255, 255, 255, .7); } .presentation-demo .demo-listing .demo-item a:hover, .presentation-demo .demo-listing .demo-item a:focus, 
.presentation-demo .demo-listing .demo-item a:active {  color:#fff; }
.presentation-demo .demo-listing .demo-item span { display:block; line-height:normal; }

	/* Inverse Style CSS BOF */
	.presentation-demo .demo-listing.inverse .demo-item a { color:rgba(0, 0, 0, .6); }
	.presentation-demo .demo-listing.inverse .demo-item a:hover, .presentation-demo .demo-listing.inverse .demo-item a:focus, .presentation-demo .demo-listing.inverse .demo-item a:active { 
		color:#000; }

/*** Header Gallery Section CSS BOF ***/		
.presentation-demo.option-gallery .demo-listing .demo-item img { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background:#fff; }	
.presentation-demo.option-gallery .demo-listing .demo-item { margin-bottom:20px; }

/*** Feature Section CSS BOF ***/
.web-presentation .webpanda-core-feature .yit-feature-listing li { width:12%; margin-bottom:10px; font-size:13px; }

/*** Cookie Consent CSS BOF ***/
.cc-color-override-6510779.cc-window { -moz-box-shadow:0px 3px 3px 3px rgba(0, 0, 0, .5); -webkit-box-shadow:0px 3px 3px 3px rgba(0, 0, 0, .5); box-shadow:0px 3px 3px 3px rgba(0, 0, 0, .5); }
.cc-btn { -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px; }

/*** Responsive Presentation Page CSS BOF ***/

/* General Mobile CSS BOF */
@media(max-width: 767px){
	.web-presentation .presentation-banner .height-cover { height:auto; }
	.web-presentation .presentation-banner .inner-banner-content h1 { font-size:1.2rem; }
	.web-presentation .presentation-banner .presentation-img { position:relative; right:0; top:0; }
}

/* iPad Portrait CSS BOF */
@media(min-width: 768px) and (max-width:980px) {
	.web-presentation .presentation-header .yit-nav .navbar { padding: 15px !important; } /*overide general padding */
	.web-presentation .presentation-banner .height-cover { height:70vh; }	
	.web-presentation .presentation-banner .presentation-img { top:0; }
	.web-presentation .presentation-banner .inner-banner-content h1 { font-size:2rem; }
	.web-presentation .presentation-header .yit-nav .navbar-nav .nav-link { padding:0.6rem; } 
	.web-presentation .presentation-header .navbar-light .navbar-toggler { border-color:#e91e63; }
	.web-presentation .presentation-header .navbar-light .navbar-toggler-icon {  
		background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(233, 30, 99, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E"); }
	.web-presentation .presentation-header .yit-nav-transparent-style .navbar { background-color:rgba(0, 0, 0, .5); }
	.web-presentation .presentation-header .yit-nav-transparent-style .navbar .navbar-collapse { padding-bottom:40px; }
	.web-presentation .presentation-header .yit-nav-transparent-style .navbar.yit-on-scroll-nav.animated { background-color:#1e1e1e; }
	.web-presentation .webpanda-core-feature .yit-feature-listing li { width:20%; }
}

/* iPad Landscape CSS BOF */
@media(min-width: 979px) and (max-width:1200px) {
	.web-presentation .presentation-header .yit-nav .navbar { padding: 15px !important; } /*overide general padding */
	.web-presentation .presentation-header .yit-nav .navbar-nav .nav-link { padding:0.6rem; } 
	.web-presentation .presentation-banner .presentation-img { top:0; }
	.web-presentation .presentation-header .navbar-light .navbar-toggler { border-color:#e91e63; }
	.web-presentation .presentation-header .navbar-light .navbar-toggler-icon {  
		background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(233, 30, 99, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E"); }
	.web-presentation .presentation-header .yit-nav-transparent-style .navbar { background-color:rgba(0, 0, 0, .5); }
	.web-presentation .presentation-header .yit-nav-transparent-style .navbar.yit-on-scroll-nav.animated { background-color:#1e1e1e; }
	.web-presentation .presentation-header .yit-nav-transparent-style .navbar .navbar-collapse { padding-bottom:40px; }
	.web-presentation .webpanda-core-feature .yit-feature-listing li { width:20%; }
}