/* Crexis Main Styles */

	html, body {
		width:100%;
		height:100%;
		padding:0;
		margin:0;
		font-family: "raleway", Helvetica Neue, Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: subpixel-antialiased;
	}

	body{
		overflow-x: hidden !important;
	}

	section,
	.cover{
		background-size:cover !important;
		background-position: center center;
		background-repeat: no-repeat;
	}

	::selection {
		color:white;
	}

	img {
	    -moz-user-select: none;
	    -webkit-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-user-drag: none;
	    user-drag: none;
	}

	a,
	a:hover,
	button,
	button:hover{
		text-decoration:none;
		outline:none;
		color:white;
	}

	a:focus,
	button:focus{
		outline: none;
		text-decoration: none;
	}

/* Page Loader */

	#pageloader{
		width: 100%;
		height: 100%;
		position: fixed;
		top:0;
		z-index: 99999;
	}

	#pageloader.white-loader{
		background-color: white;
	}

	.spinner {
		margin: 0 auto;
		width: 70px;
		text-align: center;
		position: relative;
		top:50%;
		margin-top:-9px;
	}

	.spinner div {
		width: 18px;
		height: 18px;
		border-radius: 100%;
		display: inline-block;
		top:50%;
		margin-top:9px;
		-webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
		animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
		/* Prevent first frame from flickering when animation starts */
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.white-loader .spinner div{
		background-color: #333;
	}

	.dark-loader .spinner div{
		background-color: #dedede;
	}

	.spinner .bounce1 {
		-webkit-animation-delay: -0.32s;
		animation-delay: -0.32s;
	}

	.spinner .bounce2 {
		-webkit-animation-delay: -0.16s;
		animation-delay: -0.16s;
	}

	@-webkit-keyframes sk-threeBounceDelay {

		0%, 80%, 100% {
			-webkit-transform: scale(0);
			transform: scale(0);
		}

		40% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}

	}

	@keyframes sk-threeBounceDelay {

		0%, 80%, 100% {
			-webkit-transform: scale(0);
			transform: scale(0);
		}

		40% {
			-webkit-transform: scale(1);
			transform: scale(1);
		}

	}

/* Jump Effect For Icons */

	@-webkit-keyframes jump-icon {

		0%, 20%, 80%, 100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		50% {
			-webkit-transform: translateY(-15px);
			transform: translateY(-15px);
		}
	}

	@keyframes jump-icon {

		0%, 20%, 80%, 100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}

		50% {
			-webkit-transform: translateY(-15px);
			transform: translateY(-15px);
		}
	}

	.jump {
		-webkit-animation: jump-icon 2s infinite ease-in-out;
		animation: jump-icon 2s infinite ease-in-out;
		/* Prevent first frame from flickering when animation starts */

	}

/* Background Animation */

	@-webkit-keyframes BackgroundAnimation {
	    from {background-position: 0px 0px;}
	    to {background-position: 9600px 0px;}
	}

	@-moz-keyframes  BackgroundAnimation {
	    from {background-position: 0px 0px;}
	    to {background-position: 9600px 0px;}
	}

	@-ms-keyframes  BackgroundAnimation {
	    from {background-position: 0px 0px;}
	    to {background-position: 9600px 0px;}
	}

	.animated-bg{
		background-size: cover;
		background-position: 50% 50%;
		background-attachment: fixed !important;
		background-repeat: repeat;
		-webkit-animation: BackgroundAnimation 500s linear infinite;
		-moz-animation: BackgroundAnimation 500s linear infinite;
   		-ms-animation: BackgroundAnimation 500s linear infinite;
	}

	blockquote{
		border-left:2px solid #eee;
		padding:5px 12px;
	}

/* Buttons */

	.btn{
		padding:5px 8px;
		letter-spacing:0.7px;
		display: inline-block;
		vertical-align: middle;
		line-height: 10px;
		white-space: nowrap;
		border-radius: 2px;
		font-weight: 300;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.btn:active,
	.btn:focus{
		box-shadow: none;
	}

	.btn span{
		display: block;
		margin-top:7px;
		font-size:12px;
		opacity: .8;
		line-height: 8px;
	}

/* Button Colors */

	.white-btn{
		background:white;
		color:#1b1b1b;
	}

	.light-btn,
	.white-btn:hover{
		background:#ebebeb;
		color:#1b1b1b;
	}

	.light-btn:hover{
		opacity: .7;
	}

	.colored-btn,
	.colored-btn:focus{
		/* Look to /css/colors folder */
		color:white;
	}

	.colored-btn:hover{
		color:white;
		opacity: 0.85;
	}

	.dark-btn,
	.dark-btn:hover,
	.dark-btn:focus{
		/* Look to /css/page_tones folder */
		color:white;
	}

/* Button Border Options */

	.white-border-btn,
	.white-border-btn:focus{
		border:1px solid rgba(255,255,255,0.7);
		color:white;
		background:transparent;
	}

	.white-border-btn:hover{
		border:1px solid #fff;
		background:#fff;
		color:#1b1b1b;
	}

	.dark-border-btn,
	.dark-border-btn:focus{
		border:1px solid rgba(0,0,0,0.7);
		color:#1b1b1b;
		background:transparent;
	}

	.dark-border-btn:hover{
		border:1px solid #222222;
		background:#222222;
		color:white;
	}

	.circle-btn{
		border-radius: 40px;
	}

/* Button Sizes */

	.mini-btn{
		padding:6px 11px;
		font-size:12px;
	}

	.small-btn{
		padding:8px 15px;
		font-size:13px;
	}

	.medium-btn{
		padding:10px 25px;
		font-size:14px;
	}

	.large-btn{
		padding:14px 35px;
		font-size:15px;
	}

	.xlarge-btn{
		padding:16px 45px;
		font-size:16px;
	}

/* Icons */

	.icon{
		display: inline-block;
		text-align: center;
		border-radius:2px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Icon Colors */

	.white-icon{
		background:white;
		color:#1b1b1b;
	}

	.light-icon,
	.white-icon:hover{
		background:#ebebeb;
		color:#1b1b1b;
	}

	.light-icon:hover{
		opacity: .9;
	}

	.colored-icon,
	.colored-icon:focus{
		/* Look to /css/colors folder */
		color:white;
	}

	.colored-icon:hover{
		color:white;
		opacity: 0.85;
	}

	.dark-icon,
	.dark-icon:hover,
	.dark-icon:focus{
		/* Look to /css/page_tones folder */
		color:white;
	}

/* Icon Border Options */

	.white-border-icon,
	.white-border-icon:focus{
		border:1px solid rgba(255,255,255,0.7);
		color:white;
		background:transparent;
	}

	.white-border-icon:hover{
		border:1px solid #fff;
		background:#fff;
		color:#1b1b1b;
	}

	.dark-border-icon,
	.dark-border-icon:focus{
		border:1px solid rgba(0,0,0,0.7);
		color:#1b1b1b;
		background:transparent;
	}

	.dark-border-icon:hover{
		border:1px solid #222222;
		background:#222222;
		color:white;
	}

/* Icon Sizes */

	.mini-icon{
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size:13px;
	}

	.small-icon{
		width:40px;
		height:40px;
		line-height: 40px;
	}

	.medium-icon{
		width:55px;
		height:55px;
		line-height: 55px;
	}

	.large-icon{
		width:70px;
		height:70px;
		line-height: 70px;
	}

	.xlarge-icon{
		width:85px;
		height:85px;
		line-height: 85px;
	}

/* Icons Listing */

	.icons-listing div{
		width: 20%;
		float: left;
		font-size: 0;
		cursor: default;
		border:1px solid #efefef;
		margin:-1px -1px 0 0;
		background:white;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.icons-listing i{
		border-right: 1px solid #efefef;
		display: inline-block;
		font-size:16px;
		padding:12px;
		width: 45px;
		text-align: center;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.icons-listing div:hover{
		background:#fafafa;
		position: relative;
		z-index: 2;
		-webkit-transform: scale(1.12);
		-moz-transform: scale(1.12);
		-ms-transform: scale(1.12);
		transform: scale(1.12);
	}

	.icons-listing div:hover i{
		color:white !important;
		border-right: none;
	}

	.icons-listing div span{
		font-size:14px;
		color:#999;
	}

/* Page Font Classes */

	.raleway{
		font-family: 'raleway', sans-serif !important;
	}

	.georgia{
		font-family: Georgia, Times, 'Times New Roman', serif !important;
	}

	.tahoma{
		font-family: Tahoma, Verdana, Segoe, sans-serif !important;
	}

	.pacifico{
		font-family: 'Pacifico', cursive !important;
	}

	.oswald{
		font-family: 'Oswald', sans-serif !important;
	}

	.helvetica{
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
	}

/* Font Styles */

	.extrabold{
		font-weight: 900;
	}

	.bold{
		font-weight: 700;
	}

	.semibold{
		font-weight: 600;
	}

	.normal{
		font-weight: 400;
	}

	.light{
		font-weight: 300;
	}

	.extra-light{
		font-weight: 200;
	}

	.thin{
		font-weight: 100;
	}

	.italic{
		font-style: italic;
	}

	.uppercase{
		text-transform: uppercase;
	}

	.capitalize{
		text-transform: capitalize !important;
	}

	.antialiased{
		-webkit-font-smoothing: antialiased !important;
	}

	.h1{
		font-size:36px;
	}

	.h2{
		font-size:30px;
	}

	.h3{
		font-size:24px;
	}

	.h4{
		font-size:18px;
	}

	.h5{
		font-size:14px;
	}

	.h6{
		font-size:12px;
	}

	.span-with-bg{
		padding:10px;
	}

	.span-with-border{
		padding:12px 14px;
		border:1px solid;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.note{
		color:#a4a4a4;
		font-size:13px;
		line-height: 22px;
	}

	pre,
	code{
		margin:10px 0;
		display: block;
		font-size:13px;
		background-color:#fafafa;
		border:none;
		color:#777;
		font-family: "raleway", Helvetica Neue, Helvetica, Arial, sans-serif;
		padding:10px 7px;
	}

/* Containers */

	.container{
		width: 100%;
		height: auto;
		padding:0;
		margin:0;
	}

	.inner{
		width:100%;
		height: auto;
		max-width: 1170px;
		position: relative;
		margin: 0 auto;
		padding: 80px 0;
	}

	.inner:after,
	.inner:before{
		clear: both;
	}

	.five{
		width:20%;
	}

	.boxed{
		width:100%;
		max-width:1170px;
		margin:0 auto;
		height: auto;
	}

	.circle{
		border-radius:100%;
	}

	.fullwidth{
		width:100%;
		max-width: 100%;
	}

	.fullscreen{
		width: 100%;
		height: 100%;
		left:0;
		top:0;
	}

	.transparent{
		background: transparent !important;
	}

	.no-padding{
		padding:0 !important;
	}

	.no-padding-top{
		padding-top:0 !important;
	}

	.no-padding-right{
		padding-right:0 !important;
	}

	.no-padding-left{
		padding-left:0 !important;
	}

	.no-padding-bottom{
		padding-bottom:0 !important;
	}

	.no-margin{
		margin:0 !important;
	}

	.no-margin-top{
		margin-top:0 !important;
	}

	.no-margin-right{
		margin-right:0 !important;
	}

	.no-margin-left{
		margin-left:0 !important;
	}

	.no-margin-bottom{
		margin-bottom:0 !important;
	}

	.margin-top{
		margin-top:20px !important;
	}

	.margin-left{
		margin-left:20px !important;
	}

	.margin-right{
		margin-right:20px !important;
	}

	.margin-bottom{
		margin-bottom:20px !important;
	}

/* Positions and Floats */

	.relative{
		position: relative !important;
	}

	.absolute{
		position: absolute !important;
	}

	.fixed{
		position:fixed !important;
	}

	.block{
		display:block;
	}

	.inline-block{
		display:inline-block;
	}

	.table{
		display: table;
	}

	/* For Mobile Devices */
	.fixed-bg{
		background-attachment: fixed !important;
	}

	.f-left{
		float:left;
	}

	.f-right{
		float: right;
	}

	.z-1{
		z-index: 1;
	}

	.z-2{
		z-index: 2;
	}

	.z-3{
		z-index: 3;
	}

/* Opacity Classes */

	.op-01{
		opacity: .1;
	}

	.op-02{
		opacity: .2;
	}

	.op-03{
		opacity: .3;
	}

	.op-04{
		opacity: .4;
	}

	.op-05{
		opacity: .5;
	}

	.op-06{
		opacity: .6;
	}

	.op-07{
		opacity: .7;
	}

	.op-08{
		opacity: .8;
	}

	.op-09{
		opacity: .9;
	}

	.st{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Cursor Types */

	.c-default{
		cursor: default;
	}

	.c-pointer{
		cursor: pointer;
	}

	.c-move{
		cursor: move;
	}

/* List Types */

	ul.list-circle,
	ol.list-circle{
		list-style-type: circle;
		padding-left:15px;
	}

	ul.list-disc,
	ol.list-disc{
		list-style-type: disc;
		padding-left:15px;
	}

	ul.list-numbers,
	ol.list-numbers{
		list-style-type: circle;
		padding-left:15px;
	}

	ul.list-latin,
	ol.list-latin{
		list-style-type: lower-latin;
		padding-left:15px;
	}

	.colored-list li{
		position: relative;
		padding-left:20px;
	}

	.colored-list li:before{
		display: block;
		position: absolute;
		width: 13px;
		height: 13px;
		text-align: center;
		line-height: 13px;
		font-size:10px;
		left:0;
		content: "\f105";
		top:3px;
		border-radius: 100%;
		font-family: 'FontAwesome';
		color:white;
	}

/* Animates */

	.animated{
		visibility:hidden;
	}

	.visible{
		visibility:visible;
	}

/* Patterns */

	.pattern-white:before{
		background: url(../images/pattern-white.png) repeat;
		content:'';
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		position: absolute;
	}

	.pattern-black:before{
		background: url(../images/pattern-black.png) repeat;
		content:'';
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		position: absolute;
	}

/* Text Aligns */

	.t-left{
		text-align:left !important;
	}

	.t-center{
		text-align:center !important;
	}

	.t-right{
		text-align:right !important;
	}

	.t-justify{
		text-align:justify !important;
	}

	.v-center{
		vertical-align: middle;
		display: table-cell;
	}

	.v-top{
		vertical-align: top;
		display: table-cell;
	}

	.v-bottom{
		vertical-align: bottom;
		display: table-cell;
	}

	.ws-normal{
		white-space:normal;
	}

	.ws-nowrap{
		white-space:nowrap;
	}

	.ws-preline{
		white-space:pre-line;
	}

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

	.mw-400{
		max-width: 400px;
	}

	.mw-500{
		max-width: 500px;
	}

	.mw-600{
		max-width: 600px;
	}

/* Text Colors */

	.white{
		color:white !important;
	}

	.gray{
		color:#939393;
	}

	.gray-light{
		color:#dddddd;
	}

	.t-shadow{
		text-shadow:2px 2px 2px rgba(0,0,0,0.2);
	}

	.b-shadow{
		box-shadow:2px 2px 2px rgba(0,0,0,0.05);
	}

	.white::-webkit-input-placeholder { /* WebKit browsers */
    	color: white;
	}
	.white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color: white;
	}
	.white::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color: white;
	}
	.white:-ms-input-placeholder { /* Internet Explorer 10+ */
	   color: white;
	}

/* Background Colors */

	.white-bg{
		background-color:white !important;
	}

	.gray-bg{
		background-color:#fdfdfd !important;
	}

	.gray-bg-1{
		background-color:#fafafa !important;
	}

	.gray-bg-2{
		background-color:#f0f0f0 !important;
	}

	.glass-bg{
		background-color:rgba(255,255,255,0.1);
	}

	.light-bg{
		position: relative;
	}

	.light-bg:before{
		background-color:rgba(255,255,255, 0.9);
		position: absolute;
		left:0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content:'';
	}

	.dark-red-bg{
		position: relative;
	}

	.dark-red-bg:before{
		background-color:rgba(40,32,32, 0.75);
		position: absolute;
		left:0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		content:'';
	}

/* GrayScale Effects */

	.black-white{
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray; /* IE 6-9 */;
	}

	.no-black-white{
		-webkit-filter: grayscale(0%) !important;
		-moz-filter: grayscale(0%) !important;
		-ms-filter: grayscale(0%) !important;
		-o-filter: 0(0%) !important;
		filter: grayscale(0%) !important;
		filter: none !important; /* IE 6-9 */;
	}

	.black-white-hover{
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray; /* IE 6-9 */;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;
	}

	.black-white-hover:hover{
		-webkit-filter: grayscale(0%) !important;
		-moz-filter: grayscale(0%) !important;
		-ms-filter: grayscale(0%) !important;
		-o-filter: 0(0%) !important;
		filter: grayscale(0%) !important;
		filter: none !important; /* IE 6-9 */;
	}

/* Borders */

	.border-1px{
		border:1px solid;
	}

	.border-2px{
		border:2px solid;
	}

	section.border-1px + section.border-1px,
	section.border-2px + section.border-2px{
		border-top:transparent;
	}

	.soft-border{
		border-color:#f1f1f1;
	}

	section.soft-border{
		border-left:transparent;
		border-right: transparent;
	}

	.gray-border{
		border-color:gray;
	}

	.no-border{
		border:none !important;
	}

	.no-border-top{
		border-top:none !important;
	}

	.no-border-bottom{
		border-bottom:none !important;
	}

	.no-border-left{
		border-left:none !important;
	}

	.no-border-right{
		border-right:none !important;
	}

	.white-border{
		border-color:white !important;
	}

	.bigger{
		font-size:95px;
	}

	.big{
		font-size:70px;
	}

	.text-50{
		font-size:50px;
	}

	.text-40{
		font-size:40px;
	}

	.text-30{
		font-size:30px;
	}

	.text-20{
		font-size:20px;
	}

/* Mobile Background Image For Video Backgrounds */

	.mobile-bg{
		position: relative;
	}

	.mobile-bg:after{
		width: 100%;
		height: 100%;
		position: absolute;
		content: '';
		display: block;
		background-image: url(../images/mobile-bg.jpg);
		background-size:cover;
	}

	.b-scroll{
		background-attachment: scroll !important;
		background-size: cover;
		background-position: center center;
	}

/* Header Styles */

	.header{
		margin:0 auto;
		padding-top:0;
		font-size:30px;
	}

	/* For Oswald Font */
	.header.oswald{
		-webkit-font-smoothing: antialiased;
	}

	.header.small-header{
		font-size:22px !important;
	}

	.header + p{
		max-width:650px;
		margin:0 auto;
	}

/* Header Style 1 */

	.header.header-style-1{
		margin-bottom:45px;
	}

	.header-style-1:after{
		position: relative;
		content:'';
		bottom:-25px;
		width:30px;
		height: 1px;
		margin:0 auto;
		display: block;
	}

	.t-left.header-style-1:after{
		position: relative;
		content:'';
		bottom:-25px;
		width:30px;
		height: 1px;
		margin:0;
		display: block;
	}

	.dark.header-style-1:after{
		background-color:#9d9d9d;
	}

	.white.header-style-1:after{
		background-color:#fff;
	}

	.header-style-1.header + p{
		font-size:15px;
		max-width:730px;
		padding:0 15px;
		margin:0 auto;
	}

	.white.header + p{
		color:#b6b6b6;
	}

/* Header Style 2 */

	.header-first{
		font-size:24px;
	}

	.dark-bg .header-first,
	.xdark-bg .header-first,
	.xxdark-bg .header-first,
	.black-bg .header-first{
		color:white;
	}

	.light-bg .header-first{
		color:#636363;
	}

	.header-style-2.header{
		font-size: 40px;
	}

	.header-style-2.header +p{
		font-size: 15px;
		margin-top:15px;
	}

	.header-style-2.strip + p:after{
		position: relative;
		content:'';
		bottom:-22px;
		width:30px;
		height: 1px;
		margin:0 auto;
		display: block;
	}

	.t-left.header-style-2.strip + p:after{
		margin-left:0;
	}

	.dark.header-style-2.strip + p:after{
		background-color:#9d9d9d;
	}

	.white.header-style-2.strip + p:after{
		background-color:#fff;
	}

/* Header Style 3 */

	.header-style-3.header{
		font-size: 22px;
		text-align: left;
		position: relative;
		display: table-cell;
		margin-left:0;
	}

	.header-style-3 + .header_rows{
		width: 100%;
		height: 1px;
		right: 0;
		background:#ebebeb;
		content:'';
		position: absolute;
		margin-top:-13px;
	}

	.header-style-3 + .header_rows.double-rows{
		margin-top:-10px;
	}

	.header-style-3 + .header_rows.double-rows:before{
		width: 100%;
		height: 1px;
		right: 0;
		background:#ebebeb;
		content:'';
		position: absolute;
		top:-5px;
	}

	.header-style-3.header + p{
		font-size: 15px;
		margin-top:15px;
		margin-left:0;
	}

/* End Crexis Main Styles */

/* Page Top */

	#pagetop{
		width: 100%;
		height: auto;
		top:0;
		position: relative;
		padding:0;
	}

	#pagetop .pagetop_inner{
		width: 100%;
		height: auto;
		max-width: 1170px;
		margin:0 auto;
	}

	#pagetop p{
		padding:0;
		margin:13px 0 12px;
		font-size:12px;
		line-height: 17px;
	}

	#pagetop a{
		display: block;
		float: left;
		margin:0;
		padding:0px 8px;
		font-size: 14px;
		text-align: center;
		width: 40px;
		height: 100%;
		line-height: 42px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#pagetop .socials,
	#pagetop .texts{
		height: 40px;
	}

	#pagetop a:hover{
		color:white !important;
	}

/* Pagetop White Styles */

	#pagetop.white-pagetop{
		border-bottom:1px solid #efefef;
	}

	#pagetop.white-pagetop p{
		color:#a0a0a0;
	}

	#pagetop.white-pagetop a{
		color:#cbcbcb;
		border-left:solid 1px #efefef;
	}

	#pagetop.white-pagetop a:last-child{
		border-right:solid 1px #efefef;
	}

/* Pagetop Dark Styles */

	#pagetop.dark-pagetop{
		border-bottom:1px solid #212121;
		background:#1f1f1f;
	}

	#pagetop.dark-pagetop p{
		color:#a0a0a0;
	}

	#pagetop.dark-pagetop a{
		color:#cbcbcb;
		border-left:solid 1px #212121;
	}

	#pagetop.dark-pagetop a:last-child{
		border-right:solid 1px #212121;
	}

/* Pagetop Transparent Styles */

	#pagetop.transparent-pagetop{
		border-bottom:1px solid rgba(255,255,255,0.1);
		background:transparent;
		position: absolute;
		z-index: 1000;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#pagetop.transparent-pagetop:hover{
		background-color:rgba(20,20,20,0.05);
	}

	#pagetop.transparent-pagetop p{
		color:#fff;
	}

	#pagetop.transparent-pagetop a{
		color:#fff;
		border-left:solid 1px transparent;
	}

	#pagetop.transparent-pagetop a:last-child{
		border-right:solid 1px transparent;
	}

/* Navigation */

	#navigation{
		height: auto;
		position: absolute;
		top: 0;
		z-index: 9991;
		/* For Second Nav */
		height: 70px;
		width: 100%;
	}

	#navigation .navigation{
		width: 100%;
		top:0;
		position: absolute;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#navigation .navigation.first-nav:hover{
		background-color:rgba(20,20,20,0.05);
	}

	#navigation + .navigation{
		top:-70px;
		position: fixed;
		z-index: 9992;
		width: 100%;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

/* Mobile Nav Button */

	.mobile-nav-button{
		display: none;
		position: absolute;
		width: 55px;
		height: 55px;
		line-height: 55px;
		background:transparent;
		right: 10px;
		top:50%;
		text-align: right;
		font-size:22px;
		cursor: pointer;
		text-align: center;
		margin-top:-28px;
	}

	.white-nav.second-nav .mobile-nav-button,
	.white-nav.relative-nav .mobile-nav-button{
		color:#111;
	}

	.mobile-nav-button:active{
		background:rgba(255,255,255,0.05);
	}

	.nav-inner{
		width: 100%;
		height: 100%;
		max-width: 1170px;
		margin:0 auto;
		padding: 0;
	}

	.first-nav{
		background-color: rgba(0,0,0,0.0);
		/* First Nav Height */
		height: 90px;
		top:0;
	}

	.first-nav .nav-menu ul li > a{
		line-height: 90px;
		color:white;
	}

	.second-nav{
		/* Changeable Height */
		height: 70px;
		box-shadow:2px 2px 2px rgba(0,0,0,0.05);
		position: fixed !important;
	}

	.second-nav .nav-menu ul li a{
		/* Changeable Line Height */
		line-height: 70px;
	}

	.second-nav.white-nav{
		background-color: rgba(255,255,255,0.98);
	}

	.second-nav.dark-nav ul li a{
		color:#fff;
	}

	.second-nav.white-nav ul li a{
		color:#3a3a3a;
	}

	.second-nav.dark-nav .nav-menu ul li a:hover{
		background:rgba(25,25,25,0.4);
	}

	.second-nav.white-nav .nav-menu ul li a:hover,
	.second-nav.white-nav .nav-menu ul li a:active{
		background:#fdfdfd;
	}

	.navigation .nav-menu ul li a:focus,
	.navigation .nav-menu ul li.active a{
		background:transparent;
	}

	.first-nav .nav-menu ul li:hover:after{
		opacity: 1;
		width: 100%;
	}

/* Relative Nav */

	.relative-nav{
		position: relative !important;
		margin-top:0 !important;
	}

	.relative-nav .navigation{
		height: 70px;
	}

	.relative-nav .nav a{
		line-height: 70px;
	}

/* Relative White Nav */

	.relative-nav .white-nav{
		background-color:#fcfcfc;
	}

	.relative-nav .white-nav .nav a{
		color:#505050;
	}

	.relative-nav .white-nav a:hover{
		background:#fafafa;
	}

/* Relative Dark Nav */

	.relative-nav .dark-nav a:hover{
		background:#1e1e1e;
	}

/* Logo */

	.navigation .logo{
		width: auto;
		height: auto;
		left:0;
		top:50%;
		position: relative;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.navigation .logo img{
		width: auto;
		height: auto;
		max-height: 45px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

/* Nav Menu */

	.nav-menu{
		width: auto;
		height: 100%;
	}

	.nav-menu ul{
		display: block;
		width: auto;
		height: 100%;
		position: relative;
	}

	.nav-menu ul li{
		width: auto;
		float:left;
		height: 100%;
		text-align: center;
	}

	.nav-menu ul li a{
		display: inline-block;
		height: 100%;
		line-height: 90px;
		padding:0 15px 0;
		font-size:11px;
		letter-spacing: 0.2px;
		background:transparent;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.nav-menu ul.big-texts li a{
		font-size:13px;
	}

	.first-nav .nav-menu ul li a:hover{
		background:transparent;
	}

/* DropDown Menu */

	.nav-menu ul.dropdown-menu{
		height: auto;
		margin:0;
		box-shadow: none;
		border-radius: 0;
		padding:0;
		position: absolute;
		display: none;
		width: auto !important;
		white-space:nowrap;
		border:none;
	}

	.white-nav .nav-menu ul.dropdown-menu{
		background-color:rgba(255,255,255,1);
		border:3px solid #fafafa;
	}

	.nav-menu ul.dropdown-menu li{
		float: none;
		width: 100%;
		text-align: left;
	}

	.nav-menu ul.dropdown-menu li a,
	.relative-nav .nav-menu ul.dropdown-menu li a{
		line-height: 14px;
		padding: 11px;
		display: block;
		font-size:13px;
		font-weight: 300;
		background:transparent;
		text-transform: capitalize;
		font-family: 'tahoma', sans-serif !important;
		-webkit-font-smoothing: antialiased;
	}

	.nav-menu ul.dropdown-menu li a:hover{
		border:none;
		background:none !important;
		border:none !important;
	}

	.first-nav .nav-menu ul.dropdown-menu li:hover:after{
		opacity: 0;
	}

/* Navigation Type 2 */

	#navigation-type2{
		width: 100%;
		height: 60px;
		position: fixed;
		top:0;
		left:0;
		padding: 0;
		z-index: 999;
		background:transparent;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#navigation-type2.dark-nav{
		border-bottom:1px solid rgba(200,200,200,0.1);
	}

	#navigation-type2.white-nav{
		border-bottom:1px solid rgba(200,200,200,0.1);
	}

	#navigation-type2 .nav-inner{
		width: 100%;
		height: 60px;
		padding:0 15px;
		max-width: 1170px;
		margin:0 auto;
		position: relative;
	}

	#navigation-type2 .nav-menu span{
		position: absolute;
		right: 0px;
		top:17px;
		font-family: FontAwesome;
		width:40px;
		height: 40px;
		color:white;
		font-size: 25px;
		display: block;
		cursor: pointer;
		opacity: .7;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#navigation-type2 .nav-menu span:hover{
		opacity: .9;
	}

	#navigation-type2 .nav-menu ul li a{
		display: inline-block;
		height: 100%;
		line-height: 22px;
		padding: 10px 25px;
		font-size: 13px;
		letter-spacing: 0.2px;
		background: transparent;
		position: relative;
		width: 100%;
		text-align: left;
		margin:0;
	}

	#navigation-type2 .nav-menu ul li a:after{
		display: none;
	}

	#navigation-type2 .nav-menu ul li:first-child a{
		padding-top:20px;
	}

	#navigation-type2 .nav-menu ul li:last-child a{
		padding-bottom:20px;
	}

	#navigation-type2 .nav-menu ul{
		display: none;
		margin-right: 0;
		top:100%;
		height: auto;
	}

	#navigation-type2 .nav-menu ul li{
		float: none;
		min-width: 250px;
		height: auto;
		margin:0;
	}

	#navigation-type2.dark-nav{
		background-color:rgba(17,17,17,0.1);
	}

	#navigation-type2.dark-nav .nav-menu ul,
	#navigation-type2.white-nav.active .nav-menu ul{
		background-color:rgba(17,17,17,0.9);
	}

	#navigation-type2.dark-nav .nav-menu ul li a,
	#navigation-type2.white-nav.active .nav-menu ul li a{
		color:#ddd;
	}

	#navigation-type2.white-nav .nav-menu ul{
		background-color:rgba(255,255,255,0.9);
	}

	#navigation-type2.white-nav .nav-menu ul li a{
		color:#666;
	}

	#navigation-type2.active{
		background-color:rgba(17,17,17,0.9);
	}

/* Navigation Search Form */

	.search-form input{
		padding:0px 5px;
		border:none;
	}

	.search-form button{
		border:none;
		width: 30px;
		position: absolute;
		right: 0;
		top:0;
		height: 100%;
	}

	.white-nav .search-form button{
		background-color:#fdfdfd;
		color:#aaa;
	}

/* Navigation Socials */

	.navigation .socials{
		width: auto;
		height: 100%;
		position: relative;
		display: table;
	}

	.navigation .socials a{
		display: table-cell;
		vertical-align: middle;
		opacity: .7;
		padding-left:20px;
		color:inherit;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.navigation .socials a:hover{
		opacity: 1;
	}

/* Mega Menu */

	.nav-menu ul.dropdown-menu .submenu{
		float: none !important;
		min-width: 200px !important;
		width: auto !important;
		display: inline-block !important;
		margin:0;
		top:0;
		position: relative;
		margin:0 !important;
		padding:10px;
		vertical-align: top;
	}

	.nav-menu ul.dropdown-menu .submenu_column{
		margin-top:36px;
	}

	.nav-menu ul.dropdown-menu a.menu-title + .submenu_column{
		margin-top:0;
	}

	.nav-menu ul.dropdown-menu .submenu a{
		font-size:13px !important;
		-webkit-font-smoothing: antialiased;
		font-family: 'tahoma', sans-serif !important;
		text-transform: capitalize;
		font-weight: 400;
		width: auto;
		display: table !important;
	}

	.nav-menu  ul.dropdown-menu .submenu a.menu-title{
		font-size:11px;
		font-weight: 600;
		cursor: default;
	}

/* Menu Title Colors */

	.dark-nav .nav-menu ul.dropdown-menu a.menu-title{
		color:#bbb;
	}

	.white-nav .nav-menu ul.dropdown-menu a.menu-title{
		color:#888;
	}

/* Dropdown Links Colors */

	.white-nav .nav-menu ul.dropdown-menu a{
		color:#888;
	}

	.white-nav .nav-menu ul.dropdown-menu a:hover{
		background-color:#fbfbfb !important;
	}

	.white-nav .nav-menu ul.dropdown-menu .submenu_column a:hover,
	.dark-nav .nav-menu ul.dropdown-menu .submenu_column a:hover,
	.navigation .nav-menu ul.dropdown-menu a.menu-title:hover{
		background-color:transparent !important;
	}

	.white-nav .nav-menu ul.dropdown-menu .submenu_column a{
		color:#777;
	}

	.dark-nav .nav-menu ul.dropdown-menu a{
		color:#ccc;
	}

/* Label Styles */

	.nav-menu ul.dropdown-menu .submenu a.label{
		text-align: left;
		position: relative;
	}

	a.label span{
		position: absolute;
		left:100%;
		bottom:50%;
		color:#ddd;
		display: block;
		padding:2px 5px 0px;
		font-size:11px;
		font-weight: 700;
		background-color:#e62525;
		border-color:#e62525;
		z-index: 2;
		color:white;
		font-family: 'raleway', sans-serif !important;
	}

	a.label span:before{
		content:'';
		background:transparent;
		color:red;
		position: absolute;
		left:-6px;
		bottom:3px;
		border-bottom: 8px solid transparent;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		border-bottom-color:inherit;
		z-index: 1;
	}

/* Label Colors */

	a.label span.red{
		background-color:#e62525;
		border-color:#e62525;
	}

	a.label span.blue{
		background-color:#258de6;
		border-color:#258de6;
	}

	a.label span.green{
		background-color:#36ba6e;
		border-color:#36ba6e;
	}

	a.label span.orange{
		background-color:#ed891d;
		border-color:#ed891d;
	}

	a.label span.purple{
		background-color:#c31ded;
		border-color:#c31ded;
	}

	a.label span.black{
		background-color:#181818;
		border-color:#181818;
	}

	a.label span.white{
		background-color:#fdfdfd;
		border-color:#fdfdfd;
		color:#181818;
	}

/* DropDown Sub Menu */

	.dropdown-submenu{
		position: relative;
	}

	.dropdown-submenu .dropdown-menu{
		left:100%;
		top:0;
		display: none;
		position: absolute;
		background:white;
	}

	.white-nav .dropdown-submenu .dropdown-menu{
		border-left:1px solid #e6e6e6;
	}

	.dark-nav .dropdown-submenu .dropdown-menu{
		border-left:1px solid #2b2b2b;
	}

/* Page Header For Subpages */

	#page-header.litle-header{
		padding:60px 0;
	}

	#page-header.big-header{
		padding:140px 0;
	}

	#page-header.bigger-header{
		padding:270px 0;
	}

	#page-header .page_header_inner{
		width: 100%;
		max-width: 1170px;
		margin:0 auto;
		position: relative;
		cursor: default;
	}

	#page-header .page_header_inner h5.page_note{
		font-size:13px;
		margin:0;
	}

	#page-header .page_header_inner h2.page_header{
		font-size:35px;
		margin:0 0 12px;
		padding:0;
	}

	#page-header .page_header_inner .right{
		padding-top:20px;
	}

	#page-header .page_header_inner a{
		color: inherit;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#page-header.soft-header{
		border:1px solid #f0f0f0;
		background-image:url(../images/softbg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	#page-header.dark-header{
		background-image:url(../images/darkbg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

/* Home */

	#home{
		height: auto;
		position: relative;
		background-image:url(../images/background.png);
		background-color: #D8E7FE;
	}

	#home.small_home{
		height: 700px;
	}

/* Home Parallax Background Slider Controls */

	.slides-navigation{
		width: 100%;
		position: absolute;
		height: 70px;
		top:50%;
		margin-top:-35px;
		z-index: 4;
	}

	.slides-navigation a{
		width: 35px;
		height: 100%;
		display: block;
		top:0;
		background-color:rgba(255,255,255,0.1);
		color:rgba(255,255,255,0.3);
		text-align: center;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.slides-navigation a i{
		line-height: 70px;
		font-size:20px;
	}

	.slides-navigation a:hover{
		background-color:rgba(255,255,255,0.3);
		color:rgba(255,255,255,0.6);
	}

	.slides-navigation a:first-child{
		float:left;
	}

	.slides-navigation a:last-child{
		float:right;
	}

/* Home Inner Elements */

	.home-inner{
		width:calc(100% - 70px);
		height: auto;
		margin-left:35px;
		position: absolute !important;
		top:50%;
		z-index: 5;
	}

/* Home Text Slider */

	.home-text-slider h1{
		font-size: 70px;
	}

	.home-text-slider h1.small-type{
		font-size: 55px;
	}

	.home-text-slider .home-fixed-text{
		font-size:15px;
	}

	.bw-type .home-text-slider .home-fixed-text{
		font-size:15px;
		margin:20px auto 20px;
	}

	.home-button{
		width: auto;
		height: auto;
		margin:0 auto;
		padding:8px 22px;
		position: relative;
		display: inline-block;
		letter-spacing: 1px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.light-button,
	.light-button:focus{
		background:rgba(255,255,255,0.1);
		border:1px solid rgba(76,76,76,0.1);
		text-decoration: none;
		color:white;
	}

	.dark-button,
	.dark-button:focus{
		color:white !important;
		background:rgba(76,76,76,0.1);
		border:1px solid rgba(255,255,255,0.1);
		text-decoration: none;
	}

	.light-button:hover{
		background:rgba(255,255,255,0.3);
		border:1px solid rgba(76,76,76,0.2);
	}

	.dark-button:hover{
		background:rgba(76,76,76,0.3);
		border:1px solid rgba(255,255,255,0.3);
	}

/* Rainyday Styles */

	#rainyday{
		width: 100%;
		height: 100%;
		background-color:gray;
	}

	#fullscreen.rainyday{
		z-index: -2;
	}

/* Home Extra Note */

	.home-extra-note{
		top:calc(100% - 125px);
		z-index:2;
	}

	.home-extra-note a{
		display:inline-block;
	}

	.home-extra-note p{
		font-size:27px;
	}

	.home-circle-button{
		width:45px;
		height: 45px;
		border-radius: 100%;
		padding:0 !important;
		line-height: 45px;
		font-size:21px;
		color:rgba(255,255,255,0.2);
		border:1px solid rgba(255,255,255,0.2);
		margin:10px auto;
	}

	.home-extra-note a:hover .home-circle-button{
		background:rgba(76,76,76,0.3);
		border:1px solid rgba(255,255,255,0.3);
		color:rgba(255,255,255,0.3);
	}

/* Home Extra Note For Black White Version */

	.bw-type .home-extra-note{
		top:calc(100% - 80px);
	}

/* Home Boxes Version */

	.home_boxes{
		/* For Old Browsers */
		width: 97%;
		width: calc(100% - 20px);
		max-width: 1170px;
		height: auto;
		margin:0 auto;
	}

	.home_boxes h2{
		font-size:30px;
		padding:0 0 0 5px;
	}

	.home_boxes h1{
		font-size:80px;
		padding:0;
		margin:5px 0 13px;
	}

	.home_boxes h1 span{
		font-size:40px;
	}

	.home_boxes p{
		font-size:15px;
		letter-spacing: 0.5px;
		padding:0 0 0 5px;
	}

	.home_boxes .boxes{
		margin-top:27px;
		padding:0;
	}

	.home_boxes .box{
		padding:25px 16px 27px 20px;
		margin-right: 26px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.home_boxes .boxes.white-boxes .box{
		background-color:rgba(255,255,255,0.2);
	}

	.home_boxes .boxes.dark-boxes .box{
		background-color:rgba(25,25,25,0.2);
	}

	.home_boxes .boxes.transparent-boxes .box{
		padding-left:0 !important;
	}

	.home_boxes .box h2{
		font-size:37px;
		margin: 0 0 9px;
		padding:0;
		line-height: 36.5px;
	}

	.home_boxes .box h2.oswald{
		font-size:25px;
	}

	.home_boxes .box p{
		font-size:13px;
		margin: 0;
		padding:0;
	}

	.home_boxes .box.socials p{
		max-height: 18px;
	}

	.home_boxes .boxes.dark-boxes .box.socials,
	.home_boxes .boxes.white-boxes .box.socials{
		background-color:rgba(25,25,25,0.7) !important;
	}

	.home_boxes .box a.social{
		width: 25px;
		height: 25px;
		font-size: 10px;
		line-height: 25px;
		text-align: center;
		margin-right: 3px;
		background-color:rgba(255,255,255,0.2);
		border-radius: 100%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Home Boxes Navs */

	.home_boxes .boxes .owl-controls{
		height: auto;
		text-align: left;
		margin-top: 22px;
	}

	.home_boxes .owl-controls .owl-buttons{
		height: auto;
		width: auto;
		text-align: left;
	}

	.home_boxes .owl-controls .owl-buttons div{
		display: inline-block;
		margin-right: 10px;
		width: 20px;
		height: 34px;
		position: relative;
		background-position: left top;
		background-repeat: no-repeat;
		opacity: 0.2;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		background-size: cover;
	}

	.home_boxes .owl-controls .owl-buttons div.owl-prev{
		background-image:url(../images/strong-arrow-left.png);
	}

	.home_boxes .owl-controls .owl-buttons div.owl-next{
		background-image:url(../images/strong-arrow-right.png);
	}

	.home_boxes .owl-controls .owl-buttons div:hover{
		opacity: 0.4;
	}

/* Home Rev Slider Text Styles */

	#home.rev-slider .first_text{
		font-size:40px;
	}

	#home.rev-slider .second_text{
		font-size:82px;
	}

	#home.rev-slider .second_text span{
		font-size:39px;
	}

	#home.rev-slider .third_text{
		font-size:15px;
	}

	#home.rev-slider .fourth_text{
		font-size:18px;
	}

	#home.rev-slider .m-width{
		max-width: 500px;
		white-space: normal;
	}

	.mini-text{
		font-size:12px;
		line-height: 22px;
	}

	#home.rev-slider a.home-button.light-button{
		color:white;
	}

	#home.rev-slider .tparrows.preview4 .tp-arr-titleholder{
		background-color:rgba(0,0,0,0.5);
		padding:4px 10px 0;
	}

/* Page Content */

	.page-content{
		margin:0;
		padding:25px 0;
	}

	.page-content .content-inner{
		width:100%;
		max-width:1170px;
		margin:0 auto;
	}

/* Page Content Texts */

	.page-content .content-inner p{
		margin:0;
		padding:0;
	}

	.page-content .content-inner .content-texts p:first-child{
		font-size:30px;
		color:#c4c4c4;
	}

	.page-content .content-inner .content-texts p + p{
		font-size:15px;
		color:#939393;
	}

/* Page Content Buttons */

	.content-buttons{
		padding:10px 0;
	}

	a.content-button{
		width:auto;
		height: auto;
		padding:9px 25px;
		display: inline-block;
		min-height:51px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.page-content .content-inner .content-buttons a:first-child{
		margin-right:10px;
	}

	a.content-button p{
		padding:0;
		margin:0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	a.content-button p:first-child{
		font-size:18px;
		line-height: 20px;
		color:#b3b3b3;
	}

	a.content-button p:nth-of-type(2){
		font-size:13px;
		line-height: 13px;
		color:#9e9e9e;
	}

	a.content-button:hover p{
		color:white;
	}

/* Content Type 2 */

	.page-content.type-2{
		padding:35px 0;
	}

	.page-content.type-2 .content-inner .content-texts p:first-child{
		font-size:20px;
		line-height: 43px;
	}

	.page-content.type-2 .content-buttons{
		padding: 0;
	}

	.page-content.type-2 .content-buttons a.content-button{
		padding:11px 20px;
		min-height: inherit;
	}

/* About */

	#about img{
		width: auto;
		max-width: 95%;
		height: auto;
	}

	.boxes{
		padding:60px 0 0 0;
		cursor: default;
	}

	.boxes .box-icon a.changeable-icon{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.aboutus {
		background-color: #F7F6FE;
	}

/* Box Icons Type 1 */

	.boxes.boxes-type-1 .box{
		padding:0 15px;
	}

	.boxes.boxes-type-1 .box-icon a.changeable-icon{
		width:70px;
		height: 70px;
		display: inline-block;
		background-color:#2a2a2a;
		border-top-left-radius: 7px;
		border-bottom-right-radius:7px;
		position: relative;
		font-size:28px;
		line-height: 70px;
	}

	.boxes.boxes-type-1 .box-icon a.changeable-icon i{
		position: relative;
	}

	.boxes.boxes-type-1 .box-icon a.changeable-icon:before{
		width:35px;
		height: 70px;
		content:'';
		position: absolute;
		right: 0;
		top: 0;
		display: inline-block;
		background-color:#3a3a3a;
		border-top-left-radius: 7px;
		border-bottom-right-radius:7px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes.boxes-type-1 .box .box-icon a.changeable-icon:after{
		width:100%;
		height: 100%;
		display: block;
		background-color:transparent;
		content: '';
		left:0;
		border:1px solid #3a3a3a;
		top:0;
		opacity: 0;
		border-top-left-radius: 7px;
		border-bottom-right-radius:7px;
		position: absolute;
		font-size:28px;
		line-height: 70px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes.boxes-type-1 .box:hover .box-icon a.changeable-icon:after{
		opacity: 1;
		-webkit-transform: scale(1.12);
		-moz-transform: scale(1.12);
		-ms-transform: scale(1.12);
		transform: scale(1.12);
	}

/* Box Icons Type 2 */

	.boxes.boxes-type-2 .box{
		padding:10px 10px 0;
	}

	.boxes.boxes-type-2 .box-icon a.changeable-icon{
		width:100px;
		height: 100px;
		display: inline-block;
		border-radius: 100%;
		position: relative;
		font-size:30px;
		line-height: 100px;
		position: relative;
	}

	.boxes.boxes-type-2 .box-icon a.changeable-icon:after{
		width:100%;
		height: 100%;
		display: block;
		position: absolute;
		left:0;
		top:0;
		border-width: 1px;
		content:'';
		opacity: 0;
		border-style: solid;
		background:transparent;
		border-radius: 100%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes.boxes-type-2 .box:hover .box-icon a.changeable-icon:after{
		opacity: 1;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	.boxes.boxes-type-2 .box-header{
		font-size:24px;
	}

/* Box Headers */

	.boxes .box-header{
		margin:25px auto 13px;
	}

	.boxes.boxes-type-1 .box-header + p{
		font-size:13px;
		color:#9f9f9f;
	}

	.boxes.boxes-type-2 .box-header + p{
		font-size:13px;
		color:#787878;
	}

/* Boxes Type 3 */

	.boxes.boxes-type-3 .box{
		margin:20px 0 45px;
	}

	.boxes.boxes-type-3 .box:last-child{
		margin-bottom:0;
	}

	.boxes.boxes-type-3 .box-icon a.changeable-icon{
		width:63px;
		height: 63px;
		display: inline-block;
		border-radius: 100%;
		position: relative;
		font-size:23px;
		line-height: 63px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes.boxes-type-3 .box-icon a.changeable-icon.dark-icon{
		background-color:#222222;
	}

	.boxes.boxes-type-3 .box-texts{
		padding:0;
	}

	.boxes.boxes-type-3 .box-texts h4{
		margin:0 0 10px 0;
		padding:0;
	}

	.boxes.boxes-type-3 .box-texts h4 + p{
		font-size:13.5px;
		color:#5d5d5d;
	}

/* Boxes Type 4 */

	.boxes.boxes-type-4 .box{
		padding:25px 15px 35px;
		margin:0 5px;
		z-index:4;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes.boxes-type-4 .box-image a.changeable-image{
		width:105px;
		height: 105px;
		border-radius: 100%;
		overflow: hidden;
		display: inline-block;
		background-color:#2a2a2a;
		position: relative;
		font-size:30px;
		line-height: 100px;
		border:3px solid rgba(255,255,255,0.1);
	}

	.boxes.boxes-type-4 .box-header{
		font-size:17px;
		margin-top:13px;
	}

	.boxes.boxes-type-4 .box-header + h5{
		font-size:14px;
	}

	.boxes.boxes-type-4 .box-header + h5 + p{
		font-size:15px;
	}

	.header.white + p + .boxes.boxes-type-4 .box-header + h5 + p{
		color:#bfbfbf;
	}

	.boxes.boxes-type-4 .box:hover{
		background-color: rgba(0,0,0,0.1);
	}

/* Boxes Type 5 */

	.boxes.boxes-type-5 .box{
		padding:10px 10px 0;
	}

	.boxes.boxes-type-5 .box-icon a.changeable-icon{
		width:100px;
		height: 100px;
		display: inline-block;
		background-color:transparent;
		border:1px solid #404040;
		color:#404040;
		border-radius: 100%;
		font-size:30px;
		line-height: 100px;
		position: relative;
	}

	.boxes.boxes-type-5 .box-icon a.changeable-icon:after{
		width:100%;
		height: 100%;
		display: block;
		position: absolute;
		left:0;
		top:0;
		border-width: 1px;
		content:'';
		opacity: 0;
		border-style: solid;
		background:transparent;
		border-radius: 100%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon:after{
		opacity: 1;
		-webkit-transform: scale(1.14);
		-moz-transform: scale(1.14);
		-ms-transform: scale(1.14);
		transform: scale(1.14);
	}

	.boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon{
		background-color:#404040;
		color:white;
	}

	.boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon:after{
		border-color:#404040;
	}

	.boxes.boxes-type-5 .box-header{
		font-size:21px;
		color:#454545;
	}

	.boxes.boxes-type-5 p{
		color:#9f9f9f;
		font-size:13px;
	}

/* Boxes Type 6 */

	.boxes.type-6{
		padding:0;
		margin-top:40px;
	}

	.boxes.type-6 .box{
		padding-left:0;
		margin-right: 15px;
		border-top:1px solid rgba(255,255,255,0.3);
		padding-top:17px;
		height: 50px;
		overflow: hidden;
		display: block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes.type-6 .box .feature-text{
		width: 100%;
		position: relative;
	}

	.boxes.type-6 .box h4{
		font-size: 15px;
		opacity: 0.7;
		margin:0;
		padding:0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes.type-6 .box h4 i{
		right: 0;
		opacity: 0;
		font-size: 16px;
		position: absolute;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes.type-6 .box:hover{
		background-color:rgba(30,32,39,0.2);
	}

	.boxes.type-6 .box:hover h4{
		opacity: 1;
		padding-left: 10px;
	}

	.boxes.type-6 .box:hover h4 i{
		opacity: .8;
		right: 10px;
	}

/* Box Buttons */

	.boxes .box-button{
		width:19px;
		height: 19px;
		background-color:#2a2a2a;
		font-size:9px;
		line-height: 21px;
		margin-top:25px;
		display: inline-block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes .box-button:hover{
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

/* Pagination For Carousel Boxes */

	.boxes .owl-controls,
	.boxes .owl-pagination{
		height: auto;
		text-align: center;
		margin-top:55px;
	}

	.boxes .owl-pagination .owl-page{
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background:#2b2b2b;
		margin:3px;
		border:none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.boxes .owl-pagination .owl-page.active{
		border:1px solid #2b2b2b;
		background:transparent;
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		transform: scale(1.4);
	}

	.no-pagination .owl-pagination{
		display: none;
	}

/* Image Content */

	.image-content .image_content_text{
		font-size:17px;
	}

	.image-content .image_content_text span{
		display: block;
	}

	.image-content .image_content_text span:hover{
		background-color:rgba(0,0,0,0.05);
	}

/* Image Content Navigations */

	#home.rev-slider .tp-bullets.preview4 .bullet,
	.image-content .tp-bullets.preview4 .bullet{
		border-radius: 100%;
		width: 10px !important;
		height: 10px !important;
		border: none !important;
		margin-right: 5px !important;
		background:#c2c2c2 !important;
	}

	#home.rev-slider .tp-bullets.preview4 .bullet.selected,
	.image-content .tp-bullets.preview4 .bullet.selected{
		background:white !important;
	}

/* About With Slider */

	.about_with_slider .texts{
		padding:25px 25px 0;
	}

	.about_with_slider .texts .head{
		font-size:22px;
		margin:0 auto 20px;
		color:#636363;
	}

	.about_with_slider .texts .subhead{
		font-size:17px;
		margin:20px auto 20px;
		color:#636363;
	}

	.about_with_slider .texts .text{
		font-size:13px;
		line-height: 22px;
		margin:10px auto 20px;
		color:#a1a1a1;
	}

	.about_with_slider .texts li{
		margin-bottom:15px;
	}

/* Features Section */

	.feature-boxes .feature-box{
		margin:75px auto 0;
		cursor: default;
	}

	.feature-boxes .feature-box .feature-icon{
		width:75px;
		height: 75px;
		background-color:rgba(255,255,255,0.2);
		display: inline-block;
		line-height: 75px;
		font-size:40px;
		color:rgba(255,255,255,0.8);
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	section#features .feature-boxes .feature-box:hover .feature-icon{
		color:white;
	}

	.feature-boxes .feature-box .feature-icon:after{
		width:0;
		height: 0;
		position: absolute;
		left:100%;
		content: '';
		top:50%;
		margin-top:-10px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid rgba(255,255,255,0.2);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.feature-boxes .feature-box .feature-text{
		padding-left:30px;
		width:calc(100% - 75px);
	}

	.feature-boxes .feature-box .feature-text h4{
		font-size:20px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.feature-boxes .feature-box .feature-text.small-head h4{
		font-size:17px;
		color:#7a7a7a;
	}

	.feature-boxes .feature-box .feature-text p{
		font-size:13px;
		margin-top:10px;
		color:#dddddd;
		font-weight: 300;
		line-height: 20px;
	}

/* Feature Boxes Type 2 */

	.feature-boxes.type-2 .feature-box .feature-icon:after{
		content:none;
	}

	.feature-boxes.type-2 .feature-box .feature-icon{
		background-color:transparent;
		line-height: 45px;
	}

	section#features .feature-boxes.type-2 .feature-box:hover .feature-icon{
		background-color:transparent;
	}

	.feature-boxes.type-2 .feature-box .feature-text{
		padding-left:0;
	}

/* Feature Boxes Type 3 */

	.feature-boxes.type-3 .feature-box .feature-icon:after{
		content:none;
	}

	.feature-boxes.type-3 .feature-box .feature-icon{
		background-color:transparent;
		line-height: 27px;
		color:#555;
		font-size: 22px;
		width: 60px;
		height: 60px;
	}

	section#features .feature-boxes.type-3 .feature-box:hover .feature-icon{
		background-color:transparent;
	}

	.feature-boxes.type-3 .feature-box .feature-text{
		padding-left:0;
	}

	.feature-boxes.type-3 .feature-box .feature-text p{
		color:#9f9f9f;
	}

	section#features .feature-boxes.type-3 .feature-box:hover .feature-icon{
		color:#111;
	}

/* Feature Boxes Type 4 */

	.feature-boxes.type-4 .feature-box .feature-icon:after{
		content:none;
	}

	.feature-boxes.type-4 .feature-box .feature-icon{
		background-color:transparent;
		line-height: 45px;
	}

	section#features .feature-boxes.type-4 .feature-box:hover .feature-icon{
		background-color:transparent;
	}

	.feature-boxes.type-4 .feature-box .feature-text{
		padding-left:0;
	}

/* Featured Works */

	#featured-works{
		overflow: hidden;
		padding-bottom:75px;
		border-top:1px solid #e7e7e7;
		border-bottom:1px solid #e7e7e7;
	}

	#featured-works .inner{
		padding-bottom:55px;
	}

	#featured-works .boxed-slider{
		width: 100%;
		max-width: 960px;
		height: 430px;
		margin:0 auto;
		position: relative;
		border:5px solid white;
		box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
		overflow: hidden;
	}

	#featured-works .boxed-slider .featured-slider-bg{
		width: 100%;
		height: 83px;
		background-color:rgba(0,0,0,0.4);
	}

	#featured-works .boxed-slider h4{
		font-size:23px;
	}

	#featured-works .boxed-slider p{
		color:#ddd;
	}

/* Thumbnail Images */

	.tp-bullets.tp-thumbs .bullet{
		border: 3px solid white;
		box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
	}

	.tp-bullets.tp-thumbs:before{
		width: 0;
		height: 0;
		left: 50%;
		bottom: 100%;
		margin-left: -30px;
		content: '';
		position: absolute;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-bottom: 30px solid #fff;
	}

	.tp-bullets.tp-thumbs:after{
		width: 0;
		height: 0;
		left: 50%;
		top: 100%;
		margin-left: -30px;
		content: '';
		position: absolute;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #fff;
	}

/* Slider Navigations */

	#featured-works .boxed-slider .tparrows{
		opacity: 0;
		background-color:rgba(255,255,255,0.3);
		width: 30px;
		height: 45px;
		position: relative;
		background-position: center center;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#featured-works .boxed-slider .tparrows:before{
		position: absolute;
		width: 100%;
		height: 100%;
		left:0;
		top:0;
		color:white;
		text-align: center;
		line-height: 45px;
		font-size:17px;
	}

	#featured-works .boxed-slider .tparrows.tp-rightarrow{
		background-image:url(../images/right-arrow.png);
	}

	#featured-works .boxed-slider .tparrows.tp-leftarrow{
		background-image:url(../images/left-arrow.png);
	}

	#featured-works .boxed-slider:hover .tparrows{
		opacity: .7;
	}

	#featured-works .boxed-slider .tparrows:hover{
		opacity: 1;
	}

/* Featured Texts */

	#featured-works .featured-texts{
		height: auto;
		margin-top: 250px;
	}

	#featured-works .featured-texts p{
		max-width: 850px;
		margin:0 auto;
		height: auto;
		color:#9d9d9d;
		font-size:17px;
	}

	.featured-text-slide{
		font-size:18px;
		color:#9d9d9d;
		margin-bottom:40px;
	}

	#featured-works .content-buttons{
		margin-top:30px;
	}

	#featured-works .content-button{
		margin-right:15px;
	}

	#featured-works .content-button p:first-child{
		font-size:15px;
		color:#fff;
	}

	#featured-works .content-button p:nth-of-type(2){
		font-size:11px;
		color:#dddddd;
	}

/* Featured Works Carousel Version */

	.featured-slider-boxes{
		width: 100%;
		height: auto;
	}

	.featured-slider-boxes .owl-wrapper-outer{
		z-index: 6;
	}

	.featured-slider-boxes .box{
		background-color:#121212;
		display: block;
	}

	.featured-slider-boxes.white-hover .box{
		background-color:white;
	}

	.featured-slider-boxes .box .item_image{
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
		text-align: center;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		transition: all 0.6s;
	}

	.featured-slider-boxes .box .item_image img{
		width: 100%;
		height: auto;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		transition: all 0.6s;
	}

	.featured-slider-boxes .box .item_texts{
		width: 100%;
		height: auto;
		text-align: center;
		position: absolute;
		top:50%;
		margin-top:-25px;
		left:0;
		opacity: 0;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.featured-slider-boxes .box .item_texts h2{
		font-size:25px;
		margin:0 0 5px;
		padding:0;
		color:#e9e9e9;
		position: relative;
		top:-5px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.featured-slider-boxes.white-hover .box .item_texts h2{
		color:#5a5a5a;
	}

	.featured-slider-boxes.white-hover .box .item_texts p{
		color:#777;
	}

	.featured-slider-boxes .box .item_texts p{
		font-size:14px;
		margin:0;
		padding:0;
		color:#c1c1c1;
		position: relative;
		bottom:-5px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.featured-slider-boxes .box:hover .item_image{
		opacity:.15;
	}

	.featured-slider-boxes .box:hover .item_texts{
		opacity:1;
	}

	.featured-slider-boxes .box:hover .item_texts h2{
		top:0;
	}

	.featured-slider-boxes .box:hover .item_texts p{
		bottom:0;
	}

/* Navigation For Featured Carousel */

	.featured-slider-boxes .owl-buttons{
		top:50%;
		height: 40px;
		position: absolute;
		top:50%;
		margin-top:-30px;
		width: 100%;
	}

	.featured-slider-boxes .owl-buttons div{
		width: 45px;
		height: 60px;
		position: absolute;
		z-index: 7;
		background:rgba(255,255,255,0);
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	.featured-slider-boxes .owl-buttons div:before{
		width: 100%;
		height: 100%;
		text-align: center;
		left:0;
		top:0;
		position: absolute;
		line-height: 60px;
		font-size: 26px;
		color:white;
		font-family: FontAwesome;
	}

	.featured-slider-boxes .owl-buttons div.owl-prev{
		left:0;
	}

	.featured-slider-boxes .owl-buttons div.owl-prev:before{
		content:'\f104';
		text-indent:-5px;
	}

	.featured-slider-boxes .owl-buttons div.owl-next{
		right:0;
		float: right;
	}

	.featured-slider-boxes .owl-buttons div.owl-next:before{
		content:'\f105';
		text-indent:5px;
	}

	.featured-slider-boxes .owl-buttons div:hover{
		background:rgba(255,255,255,0.2);
	}

/* Our Team */

	.team-boxes{
		margin-top:65px;
	}

	.team-boxes .team-box{
		overflow: hidden;
		position: relative;
		margin:10px auto;
		padding:0 10px;
		float: left;
	}

	.team-boxes .member-image{
		width: 100%;
		text-align: center;
		position: relative;
		height: auto;
		background:#1b1b1b;
	}

	.team-boxes .member-image img{
		width: 100%;
		height: auto;
		top:0;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.team-boxes .member-details{
		width:95%;
		width: calc(100% - 20px);
		position: absolute;
		height: 100%;
		top:100%;
		background-color:rgba(0,0,0,0.65);
		text-align: left;
		padding:20px;
		cursor: default;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.team-boxes .team-box:hover .member-details{
		top:0;
	}

	.team-boxes .member-details h3{
		color:white;
		margin:0;
		padding:0;
		font-weight: 300;
		font-size:20px;
	}

	.team-boxes .member-details h5{
		color:white;
		margin-top:5px;
		font-size:14px;
		padding:0;
	}

	.team-boxes .member-details .strip{
		width: 100%;
		margin-top:20px;
		height: 1px;
		background-color:rgba(255,255,255,0.1);
	}

	.team-boxes .member-details p{
		font-size:13px;
		color:#bababa;
		margin-top:20px;
	}

	.team-boxes .member-details .socials{
		margin-top:20px;
	}

	.team-boxes .member-details .socials a{
		color:#abaaa9;
		margin:0 5px;
		font-size:14px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.team-boxes .member-details .socials a:hover{
		color:white;
	}

	.team-boxes .member-details .member-more{
		width: 100%;
		height: 30px;
		text-align: center;
		display: block;
		position: absolute;
		bottom:0;
		left:0;
		background:#1b1b1b;
		line-height: 30px;
		font-size:13px;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

/* Team Boxes Type 2 */

	#team.type-2 .inner{
		padding-bottom:60px;
	}

	#team.type-2 .team-boxes .team-box{
		padding:0 12px;
	}

	#team.type-2 .team-boxes .member-image img{
		width: 100%;
		height: auto;
	}

	#team.type-2 .team-boxes .member-details{
		position: static;
		width: 100%;
		height: auto;
		text-align: center;
		padding: 20px 20px 0;
		cursor: default;
		background:transparent;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#team.type-2 .team-boxes .member-details h3{
		font-size:22px;
		color:#7d7d7d;
		font-weight: 300;
	}

	#team.type-2 .team-boxes .member-details h5{
		font-size:12px;
		color:#7d7d7d !important;
		font-weight: 300;
	}

	#team.type-2 .strip{
		display: none;
	}

	#team.type-2 .team-boxes .member-details p{
		font-size:13px;
		color:#7d7d7d !important;
		font-weight: 300;
	}

	#team.type-2 .team-boxes .member-details .socials{
		position: absolute;
		top:-7px;
		left:22px;
	}

	#team.type-2 .team-boxes .member-details .socials a{
		color:white;
		font-size:16px;
	}

	#team.type-2 .team-boxes .member-details .member-more{
		width: 40px;
		height: 40px;
		text-align: center;
		position: relative;
		margin: 20px auto;
		background-color: transparent;
		border: 1px solid #e1e1e1;
		border-radius: 100%;
		font-size: 0;
		cursor: pointer;
		background-image:url(../images/plus_mini.png);
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#team.type-2 .team-boxes .member-details .member-more:hover{
		border-color:transparent;
	}

/* Team Modals */

	body.dark_layout.modal-backdrop{
		background-color:#222;
	}

	.modal-backdrop{
		background-color:#fff;
	}

	.modal-backdrop.in{
		opacity: 1;
	}

/* Modal Dialogs */

	#member-modals .modal-dialog{
		width: auto;
		height: auto;
		max-width: 650px;
		margin:0 auto;
		padding-top:120px;
	}

	#member-modals .modal-dialog .modal-body{
		margin:15px auto 20px;
		width: 550px;
		height: auto;
		position: relative;
		padding:15px 0;
	}

	#member-modals .modal-dialog .modal-body .member-image{
		width: 550px;
	}

	#member-modals .modal-dialog .modal-body img{
		width: 100%;
		height: auto;
	}

	#member-modals .modal-dialog a.close{
		float:none;
		font-size:36px;
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 100%;
		background-color:#fdfdfd;
		color:#9a9a9a;
		border:1px solid #f5f5f5;
		line-height: 54px;
		opacity: 1;
		position: relative;
		text-align: center;
		top:-40px;
		text-shadow:none;
		margin:0 auto;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#member-modals .modal-dialog a.close span{
		font-weight: 100;
	}

	#member-modals .modal-dialog a.close:hover{
		color:white;
	}

	#member-modals .modal-dialog h2.member-header{
		font-size: 28px;
		margin: 15px 0 6px;
		padding: 0;
		color: #8a8a8a;
	}

	#member-modals .modal-dialog h4.member-position{
		font-size:14px;
		margin:0 0 8px;
		padding:0;
	}

	#member-modals .modal-dialog .modal-body p{
		color:#8a8a8a;
		font-size:14px;
		margin:0 0 10px;
	}

/* Testimonials */

	.testimonials.type-1 .inner .quote{
		width:80px;
		height: 80px;
		line-height: 80px;
		font-size:28px;
		background-color:rgba(255,255,255,0.03);
		margin:0 auto;
	}

	.testimonials.type-1 .inner{
		max-width:875px;
		padding-bottom:140px;
	}

	.testimonials.type-1 .inner .quote i{
		opacity: 0.4;
	}

	.testimonials.type-1 h2{
		font-size:25px;
		color:#d5d5d5;
	}

	.testimonials.type-1 p{
		font-size:14px;
		margin-top:42px;
		color:#a8a8a8;
	}

	.testimonials .cbp-nav-pagination{
		margin-bottom:-25px;
	}

/* Testimonials Type-2 */

	.testimonials.type-2 .inner{
		padding:70px 0;
	}

	.testimonials.type-2 .testimonial-slide h2{
		font-size:14px;
		max-width: 790px;
		margin:0 auto;
		line-height: 22px;
	}

	.testimonials.type-2 .testimonial-slide p{
		font-size:14px;
		max-width: 800px;
		margin:30px auto;
		line-height: 22px;
	}

	.testimonials.type-2 .cbp-nav-pagination{
		margin-bottom:10px;
	}

/* Contents */

	.content{
		text-align: left;
		position: relative;
	}

	.content .images img{
		height: auto;
	}

	.content .images,
	.content .texts{
		width: 100%;
		overflow: hidden;
	}

	.content .texts{
		padding:0 35px;
		cursor: default;
		width: 75%;
		position: relative;
		margin:0;
		height: 100%;
	}

	.content .left .texts{
		left:25%;
	}

	.content .right{
		position: absolute;
		height: 100%;
		right: 0;
	}

	.content .texts h2.content-header{
		margin:0;
		padding:0;
		position: relative;
		font-size:50px;
	}

	.content .texts p.content-texts{
		margin:25px 0;
		padding:0;
		max-width: 500px;
	}

	.content .texts ul{
		margin-top:40px;
	}

	.content .texts ul li{
		padding:4px 0;
		display: block;
		height: auto;
	}

	.content .texts ul li p{
		padding: 0;
		margin:0;
		font-size:13px;
	}

	.content .texts ul li p i{
		margin-right: 5px;
		color:#888888;
		font-size:9px;
	}

	.content .texts a{
		margin-top:15px;
	}

	.content .texts a:hover{
		opacity: 0.8;
	}

	.content .texts .video{
		width: 50%;
		position: relative;
		border:3px solid;
		min-height: 300px;
		/* Look -Content Colors- for border color */
		background-color:black;
	}

	.content .left .texts .video{
		float:right;
	}

	.content .right .texts .video{
		float:left;
	}

	.content .texts .video span.image{
		width: 100%;
		position: absolute;
		height: 100%;
		left:0;
		top:0;
		display: block;
		background-size:cover;
		z-index: 1;
		cursor: default;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.content .texts .video a.play{
		width: 42px;
		height: 42px;
		position: absolute;
		left:50%;
		top:50%;
		margin-top:-21px;
		margin-left:-21px;
		display: block;
		cursor: pointer;
		opacity: .7;
		z-index: 2;
		background:url(../images/play.png) no-repeat center center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.content .texts .video .play:hover + span.image,
	.content .texts .video:hover span.image:hover{
		opacity: 0.6;
	}

	.content .texts .video a.play:hover{
		opacity: 1;
	}

/* Content Colors */

	.content .gray-bg .texts h2.content-header{
		color:#777777;
	}

	.content .gray-bg .texts p{
		color:#999999;
	}

	.content .gray-bg .texts h2.content-header:after{
		background-color:#bfbfbf;
	}

	.content .gray-bg .texts .video{
		border-color:#fff;
	}

/* Basic_slider */

	.basic_slider{
		position: relative;
	}

	.image_slider{
		margin:0;
	}

	.basic_slider .image_slider li img{
		width: 100% !important;
		max-width: 100% !important;
		height: auto;
	}

	.basic_slider .image_slider .slide .texts{
		display: inline-block;
		position: absolute;
		width: auto;
		left:0;
		bottom:0;
		z-index: 11;
		padding:15px 20px;
		background:rgba(0,0,0,0.2);
		max-width: 40%;
	}

	.basic_slider .image_slider .slide .texts h2{
		margin:0 0 5px 0;
		padding:0;
		font-size:20px;
	}

	.basic_slider .image_slider .slide .texts p{
		padding:0;
		margin:0;
		font-size:13px;
	}

/* Content Slider Buttons */

	 .basic_slider .flex-direction-nav,
	 .image-pgn-slider .flex-direction-nav{
		width: 100%;
		height: 40px;
		bottom: 0;
		position: absolute;
		left:0;
		right: 0;
	}

	.left .basic_slider .flex-direction-nav{
		text-align: right;
	}

	.image-pgn-slider .flex-direction-nav{
		left:0;
		top:0;
	}

	.basic_slider .flex-direction-nav li,
	.image-pgn-slider .flex-direction-nav li{
		width: 30px;
		height: 40px;
		display: inline-block;
	}

	.basic_slider .flex-direction-nav li a,
	.image-pgn-slider .flex-direction-nav li a{
		width: 30px;
		height: 40px;
		position: relative;
		display: block;
		background-color:rgba(255,255,255,0.2);
		margin:0;
		opacity: 1;
		left:0;
		right: 0;
		top:0;
		color:white;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center center;
		background-image:url(../images/left-arrow.png);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.basic_slider .flex-direction-nav li a.flex-next,
	.image-pgn-slider .flex-direction-nav li a.flex-next{
		background-image:url(../images/right-arrow.png);
	}

	.basic_slider .flex-direction-nav li a:before,
	.image-pgn-slider .flex-direction-nav li a:before{
		display: none;
	}

	.basic_slider .flex-direction-nav li a:hover,
	.image-pgn-slider .flex-direction-nav li a:hover{
		background-color:rgba(255,255,255,0.6);
	}

/* Content Slider Buttons - Pagination */

	.basic_slider .flex-control-nav{
		width: 100%;
		position: absolute;
		bottom: 0;
		z-index: 2;
		padding:0 10px;
	}

	.left .basic_slider .flex-control-nav{
		text-align: left;
	}

	.right .basic_slider .flex-control-nav{
		text-align: right;
	}

	.basic_slider .flex-control-nav li{
		margin: 0 3px;
	}

	.basic_slider .flex-control-nav li a{
		background-color:rgba(255,255,255,0.3);
		box-shadow: none;
		text-indent:9999px;
		overflow: hidden;
		margin-bottom:5px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.basic_slider .flex-control-nav li a.flex-active,
	.basic_slider .flex-control-nav li a:hover{
		background-color:rgba(255,255,255,0.8);
	}


/* TimeLine */

	#timeline{
		padding-bottom:100px;
		border-bottom:8px solid #e1e1e1;
		background-position: center center;
	}

	#timeline .timeline .item,
	#timeline .timeline .item_open{
		height: auto;
		height: 350px;
		overflow: hidden;
		margin:0 !important;
	}

	#timeline .inner{
		padding-bottom:50px;
	}

	.timeline .item a{
		display: inline-block;
		width: auto;
		height: auto;
		position: relative;
	}

	.timeline .item a img{
		width:auto;
		height: 100%;
		max-height: 350px;
	}

	.timeline-item-details{
		position: absolute;
		width: 100%;
		max-height: 70px;
		bottom:-70px;
		background-color:rgba(30,30,30,0.5);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#timeline .timeline .item:hover .timeline-item-details{
		bottom:0;
	}

	.item_open_content::-webkit-scrollbar,
	.categories_full_screen div::-webkit-scrollbar,
	.hide_scrollbar{
		display: none;
	}

	.item_open_content,
	.categories_full_screen div,
	.hide_scrollbar{
		-ms-overflow-style: none;
		overflow: -moz-scrollbars-none;
	}

	.timeline-item-details .left_details{
		padding:20px;
	}

	.timeline-item-details .left_details h3{
		font-size:16px;
		color:white;
		margin:0;
		padding:0;
	}

	.timeline-item-details .left_details p{
		font-size:13px;
		color:#d1d1d1;
		margin:0;
		padding:0;
	}

	.timeline-item-details .right-buttons{
		margin:0;
		padding:0;
	}

	.timeline-item-details .right-buttons a{
		width: 70px;
		height: 70px;
		display: inline-block;
		text-align: center;
		float: none;
		line-height: 70px;
		padding:0;
		margin:0;
		top:0;
		bottom:0;
		position: absolute;
		text-align: center;
		color:#585858;
		font-size:18px;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.timeline-item-details .right-buttons a.read_more{
		right: 0;
		color:white;
	}

	.timeline-item-details .right-buttons a.read_more:hover,
	.timeline-item-details .right-buttons a.detail_page:hover{
		background-color:#2e2e2e;
		color:white;
	}

	.timeline-item-details .right-buttons a.detail_page{
		right: 70px;
		background-color:white;
	}

	.timeline_line{
		margin:70px auto;
	}

	.timelineFlat h4.t_line_month,
	.timelineFlat h4.t_line_month span{
		font-size:15px;
		color:#8b8b8b;
		font-family: 'Lato', sans-serif;
	}

	.timelineFlat h4.t_line_month{
		margin:-44px 0 0;
	}

	.timelineFlat a.t_line_node:after{
		background-color:#bfbfbf;
		border:2px solid #ffffff;
		width: 13px;
		height: 13px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.timelineFlat a.t_line_node.active:after{
		opacity: 0.7;
		width:16px;
		height: 16px;
		margin: 0 0 0 -9px;
		top: 21px;
	}


	.timelineFlat a.t_line_node{
		font-size:12px;
		font-family: 'Lato', sans-serif;
		line-height: 32px;
	}

	.timelineFlat .t_node_desc span{
		line-height: 15px;
		text-indent: 0px;
	}

	.timelineFlat .t_line_view,
	.timelineFlat .timeline_line{
		width:100%;
		max-width: 1170px;
	}

	.timelineFlat .t_line_m{
		width:49.5%;
	}

	.timelineFlat .t_line_m.right{
		left:49.7%;
		width:49.5%;
	}

/* TimeLine Top Hover */

	.timelineFlat .item:before {
		content: "";
		position: absolute;
		height: 0px;
		width: 100%;
		z-index: 2;
		top:0;
		left:0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.timelineFlat .item:hover:before {
		height: 5px;
	}

/* Timeline Bottom */

	.timeline-texts h2{
		padding-top:0;
		margin-top:0;
		color:#8b8b8b;
		font-size:23px;
	}

	.timeline-texts h2 + p{
		font-size:15px;
		color:#aaaaaa;
	}

	.timeline-texts a:first-child{
		margin-right:12px;
	}

	.timeline-texts a p:first-child{
		font-size:16px;
	}

/* Timeline Line Directions */

	.timelineFlat #t_line_left,
	.timelineFlat #t_line_right{
		width:40px;
		height: 40px;
		text-align: center;
		border-radius: 100%;
		background-color:rgba(255,255,255,0.9);
		top:31px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.timelineFlat #t_line_left:hover,
	.timelineFlat #t_line_right:hover{
		background-color:#6f6f6f;
		color:white;
	}

	.timelineFlat #t_line_left{
		left:-70px;
	}

	.timelineFlat #t_line_right{
		right:-70px;
	}

	.timelineFlat #t_line_left:after,
	.timelineFlat #t_line_right:after{
		top:20%;
	}

	.timelineFlat #t_line_left:after{
		left:0;
	}

	.timelineFlat #t_line_right:after{
		right:0;
	}

/* Timeline Directions */

	.timelineFlat .t_left,
	.timelineFlat .t_right{
		width:35px;
		height: 48px;
		top:50%;
		margin-top:-24px;
		background-color:rgba(47,47,47,0.7);
		content:"\f104";
		background-repeat: no-repeat;
	}

	.timelineFlat .t_left:hover,
	.timelineFlat .t_right:hover{
		background-color:rgba(47,47,47,1);
	}

	.timelineFlat .t_left,
	.timelineFlat .t_left:hover:active{
		left:0;
		background-image:url(../images/left-arrow.png);
		border-top-right-radius:5px;
		border-bottom-right-radius:5px;
		background-position: 10px 17px;
	}

	.timelineFlat .t_right,
	.timelineFlat .t_right:hover:active{
		right:0;
		background-image:url(../images/right-arrow.png);
		border-top-left-radius:5px;
		border-bottom-left-radius:5px;
		background-position: 13px 17px;
	}

/* Timeline Open Content Styles */

	.item_open_content{
		background-color:#2f2f2f;
		padding: 20px 10px;
		text-align: justify;
		overflow: scroll;
		box-shadow: inset 0px 0px 46px rgba(0,0,0,0.4);
	}

	.timelineFlat .item_open h2{
		font-size:20px;
		font-family: Tahoma, Verdana, Segoe, sans-serif;
		color:white;
		margin: 0 0 20px;
	}

	.timelineFlat .item_open .t_close{
		position: absolute;
		top: 15px;
		right: 15px;
		padding: 10px;
		background: #101010;
		width: 30px;
		height: 30px;
		opacity: 0.4;
		font-size: 12px;
		line-height: 11px;
		color: #ccc;
		border-radius: 5px;
		cursor: pointer;
		z-index: 2;
		text-align: center;
		text-transform: uppercase;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.timelineFlat .item_open .t_close:hover{
		color:white;
		opacity: 1;
	}

	.timelineFlat .item_open p.item_description{
		color:#a5a5a5;
	}

	.timelineFlat .item_open p.item_description:nth-of-type(1){
		margin-top:22px;
	}

	.timelineFlat .item_open a.item_link{
		margin-top:15px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		display: block;
	}

/* Fun Facts */

	.fun-facts{
		background-attachment: fixed;
		background-size:cover;
		position: inherit;
	}

	.fun-facts .facts{
		padding:125px 0;
	}

	.facts .fact{
		display: inline-block;
		width: auto;
		opacity: .7;
		padding:10px 20px;
	}

	.facts .fact h1, .facts .fact h3{
		padding:0;
		margin:0;
	}

	.facts .fact h3{
		margin-top:42px;
		font-size:23px;
	}

	.facts .fact h1.factor{
		display: inline-block;
		width: auto;
		min-width: 240px;
		font-size:55px;
		color:#f9f9f9;
		position: relative;
	}

	.facts .fact h1.factor:before{
		width: 9px;
		height: 3px;
		background-color:#f9f9f9;
		content:'';
		left:50%;
		margin-left:-5px;
		bottom:-20px;
		position: absolute;
	}

/* Portfolio */

	#portfolio .inner{
		padding-bottom:40px;
	}

	/* For SubPages */
	#portfolio.single{
		margin-top:45px;
	}

	#portfolio.single.boxed{
		margin-bottom:100px;
	}

/* Portfolio Filters Type 1 */

	.cbp-l-filters-alignCenter .cbp-filter-item{
		color:#6b6b6b;
		font-size:14px;
		border-radius:4px;
		padding:7px 17px;
		margin:5px;
		-webkit-font-smoothing: subpixel-antialiased;
		-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;
	}

	/* Fix Imagine Issue */
	.cbp:not(.cbp-l-grid-faq) .cbp-item-off{ display: none; }

	.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active{
		color:white;
	}

	.cbp-filter-item:hover .cbp-filter-counter{
		bottom:41px !important;
	}

/* Portfolio Boxes Type 1 */

	#portfolio-items .item .center-details{
		width: 100%;
		height: 100%;
		text-align: center;
	}

	#portfolio-items .item .center-details .details{
		width: 100%;
		height: 40px;
		position: relative;
		top:50%;
		margin-top:-20px;
	}

	#portfolio-items .item .center-details .details h2,
	#portfolio-items .item .center-details .details h2 + p{
		margin:0;
		padding:0;
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#portfolio-items .item .center-details .details h2{
		font-size:22px;
		top:-10px;
	}

	.boxed #portfolio-items .item .center-details .details h2,
	.boxed #portfolio-items .item .center-details .details h2{
		font-size:19px;
	}

	#portfolio-items .item:hover .center-details .details h2{
		top:0;
	}

	#portfolio-items .item .center-details .details h2 + p{
		font-size:12px;
		bottom:-16px;
		-webkit-font-smoothing: subpixel-antialiased;
	}

	#portfolio-items .item:hover .center-details .details h2 + p{
		bottom:-6px;
	}

	.cbp-caption-zoom .cbp-caption-activeWrap{
		background:transparent;
	}

	.cbp-caption-zoom .cbp-caption .cbp-caption-defaultWrap,
	.cbp-caption-zoom .cbp-caption-activeWrap,
	.cbp-caption-zoom .cbp-caption img{
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	.cbp-caption-zoom .cbp-caption:hover img{
		opacity: .2;
	}

	#portfolio-items .item a{
		background-color:black;
	}

	#portfolio-items.white-hover .item a{
		background-color:white;
	}

	#portfolio-items.white-hover .item *{
		color:#6c6c6c;
	}

/* Portfolio Filters Type 2 */

	#portfolio-filters.type2.cbp-l-filters-alignCenter,
	#blog-filters.type2.cbp-l-filters-alignCenter{
		font-size: 0;
	}

	#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item,
	#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item{
		padding:9px 24px;
		margin:0px;
		border:1px solid #efefef;
		font-size:13px;
		border-radius: 0;
		border-right: transparent;
		font-weight: 400;
	}

	#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item{
		border:1px solid #e1e1e1;
		border-right: transparent;
	}

	#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:first-child,
	#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:first-child{
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
	}

	#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child,
	#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child{
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		border-right: 1px solid #efefef;
	}

	#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child{
		border-right: 1px solid #e1e1e1;
	}

/* Portfolio Boxes Type 2 */

	#portfolio.single #portfolio-items.type2{
		margin-bottom:80px;
	}

	#portfolio-items.type2 .item .center-details{
		width: 100%;
		height: auto;
		text-align: left;
	}

	#portfolio-items.type2 .item .center-details .details{
		width: 100%;
		height: auto;
		padding:15px 20px;
		top:0;
		margin-top:0;
		border:1px solid #f0f0f0;
	}

	#portfolio-items.type2 .item .cbp-caption-activeWrap{
		position: relative;
		opacity: 1;
		background: white;
		z-index: 2;
	}

	#portfolio-items.type2 .item .center-details .details h2{
		top:0;
		text-align: left;
		color:#8b8b8b;
		font-size:18px;
		font-weight: 300;
	}

	#portfolio-items.type2 .item .center-details .details p{
		bottom:0;
		text-align: left;
		color:#a8a8a8;
		font-size:13px;
		font-weight: 300;
		margin-top:3px;
	}

	#portfolio-items.type2 .item:hover .center-details .details h2 + p{
		bottom:0;
	}

	.type2 .cbp-caption-defaultWrap{
		z-index: 1;
	}

	.type2 .item_icon{
		position: absolute;
		left:0;
		width: 100%;
		top:50%;
		margin-top:-20px;
		height: auto;
		display: block;
		text-align: center;
		opacity: 1;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.type2 .item:hover .item_icon{
		opacity: 1;
	}

	.type2 .item_icon p{
		margin:0 auto;
		padding:0;
		font-size:13px;
		font-weight: 100;
		letter-spacing: 0.5px;
	}

	.type2 .item_icon p i{
		font-size:18px;
		margin-bottom:5px;
	}

	.type2 .item img{
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.type2 .item:hover img{
		opacity: .2;
	}

/* Load More Button */

	.load-more-button{
		width: 100%;
		height: auto;
		padding:30px 0;
		display: block;
		font-size:20px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.load-more-button.dark-type{
		background-color:#222222;
		color:white;
	}

	.load-more-button.dark-type:hover{
		background-color:white;
		color:#222222;
	}

	.load-more-button.dark-type.cbp-l-loadMore-button-stop{
		cursor: default;
		background-color:#222222 !important;
		color:gray !important;
	}

	.load-more-button.light-type{
		background-color:#fdfdfd;
		color:#777777;
	}

	.load-more-button.light-type:hover{
		background-color:#222222;
		color:white;
	}

	.load-more-button.light-type.cbp-l-loadMore-button-stop{
		cursor: default;
		background-color:#fdfdfd !important;
		color:#999999 !important;
	}

/* Load More Button Circle Type */

	.load-more-button.circle-button{
		width: 75px;
		height: 75px;
		padding:0;
		display: block;
		margin:50px auto;
		font-size:20px;
		border-radius: 100%;
		line-height: 75px;
		border:1px solid #ebebeb;
		color:#ebebeb;
		background-color: transparent;
	}

/* Boxed Portfolio Margin */

	#portfolio #portfolio-items.boxed{
		margin-bottom:80px;
	}

	#portfolio #portfolio-filters.boxed{
		margin-bottom:40px;
	}

/* Boxed Portfolio Margin */

	#portfolio.masonry{
		margin:40px auto;
	}

/* Page Note */

	section.page-note{
		padding:60px 0;
	}

	section.page-note.light-note{
		background-color:#fafafa;
	}

	section.page-note h4{
		font-size:16px;
	}

	section.page-note.light-note h4{
		color:#626262;
	}

	section.page-note.dark-note h4{
		color:#fff;
	}

/* Page Note Type 2 */

	section.page-note.type-2{
		padding:50px 0;
	}

	section.page-note.type-2 h4{
		font-size:16px;
	}

	section.page-note.type-2.light-note h4{
		color:#bcbcbc;
	}

	section.page-note.type-2.light-note h4 i:nth-of-type(1){
		margin-right: 40px;
		opacity: 0.7;
	}

	section.page-note.type-2.light-note h4 i:nth-of-type(2){
		margin-left: 40px;
		opacity: 0.7;
	}

/* Categories */

	#categories .inner{
		padding-bottom:60px;
	}

	#categories{
		padding:0 0 50px;
	}

	.category-boxes{
		padding:0 0 30px;
	}

	.category-boxes .box .category-inner-slider{
		position: relative;
		/* For Older Browser Versions */
		width: 98%;
		width: calc(100% - 10px);
	}

	.category-boxes .box .category-inner-slider .image{
		background-color:#222222;
	}

	.category-boxes .box .category-inner-slider .image img,
	.category-boxes .box .box-texts,
	.category-inner-slider .owl-pagination .owl-page{
		opacity: .5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.category-boxes .box .category-inner-slider .image img{
		width: 100%;
		height: auto;
	}

	.category-boxes .box:hover .image img,
	.category-boxes .box:hover .box-texts{
		opacity: 1;
	}

	.category-boxes .box .box-texts{
		position: absolute;
		top:0;
		text-align: center;
		/* For Older Browser Versions */
		width: 98%;
		width: calc(100% - 10px);
	}

	.category-boxes .box .box-texts h2{
		font-size:30px;
	}

	.category-boxes.minimal-texts .box .box-texts h2{
		font-size:24px;
	}

	.category-boxes.minimal-texts .box .box-texts h2 + p{
		font-size:14px;
	}

	.category-boxes .box .box-texts h2 + p{
		font-size:17px;
		color:#c4c4c4;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.category-boxes .box:hover .box-texts h2 + p{
		color:#fff;
	}

/* Pagination For Category Inner Slider */

	.inner-slider .owl-pagination{
		height: auto;
		text-align: center;
		margin-top:-45px;
		position: absolute;
		/* For Older Browser Versions */
		width: 100%;
	}

	.inner-slider .owl-pagination .owl-page{
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background:#fff;
		margin:3px;
		border:none;
	}

	.inner-slider .owl-pagination .owl-page.active{
		border:1px solid #fff;
		background:transparent;
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		transform: scale(1.4);
	}

	.double-slider .box:hover .inner-slider .owl-pagination .owl-page{
		opacity: 1;
	}

/* Navigation For Category Inner Slider */

	.inner-slider .owl-buttons{
		height: auto;
		text-align: center;
		top:50%;
		height: 30px;
		margin-top:-15px;
		position: absolute;
		/* For Older Browser Versions */
		width: 100%;
	}

	.inner-slider .owl-buttons div{
		width:30px;
		height: 40px;
		position: absolute;
		top:0;
		background-color:rgba(0,0,0,0.0);
		line-height: 40px;
		opacity: .5;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.inner-slider .owl-buttons div:hover{
		background-color:transparent;
	}

	.double-slider .box:hover .category-inner-slider .owl-buttons div{
		opacity: 1;
	}

	.inner-slider .owl-buttons div.owl-prev{
		left:0;
		background-image:url(../images/left-arrow.png);
	}

	.inner-slider .owl-buttons div.owl-next{
		right:0;
		background-image:url(../images/right-arrow.png);
	}

/* Navigation For Categories Slider */

	.category-boxes .owl-buttons{
		top:-30px;
		position: relative;
		height: 40px;
		text-align: center;
	}

	.category-boxes .owl-buttons div{
		display: inline-block;
		position: relative;
		height: 40px;
		text-align: center;
		width: 40px;
		background-color:#252525;
		border-radius: 100%;
		margin:0 5px;
		background-position: center center;
		background-size: auto;
		background-repeat: no-repeat;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.category-boxes .owl-buttons div.owl-prev{
		background-image:url(../images/left-arrow.png);
	}

	.category-boxes .owl-buttons div.owl-next{
		background-image:url(../images/right-arrow.png);
	}

/* Bottom Page Texts */

	.bottom-page-texts{
		color:#f9f9f9;
		max-width: 900px;
		margin:0 auto;
	}

	.bottom-page-texts h2{
		font-size:24px;
	}

	.bottom-page-texts h2 + p{
		font-size:15px;
		color:#b5b5b5;
	}

	.bottom-page-texts .bottom-page-buttons a{
		margin:20px 10px;
		border-radius: 6px;
		color:#dadada;
	}

	.bottom-page-texts .bottom-page-buttons a p:nth-of-type(1){
		font-size:15px;
	}

	.bottom-page-texts .bottom-page-buttons a p:nth-of-type(2){
		font-size:12px;
	}

/* Skills */

	.skills{
		padding: 60px 0 0 20px;
	}

	.skills .skill{
		margin:0 0 30px;
	}

	.skills .progress{
		height: 23px;
		box-shadow: none;
		border-radius: 0;
		box-shadow:inset 0px 0px 0px 1px #eeeeee;
		background-color:#f9f9f9;
		position: relative;
		overflow: visible;
	}

	.skills .skill h4{
		font-size:15px;
		color:#636363;
	}

	.skills .skill h4 + p{
		font-size:13px;
		color:#aeaeae;
		margin:4px 0;
	}

	.skills .skill .progress .progress-bar:after{
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-top: 12px solid;
		content:'';
		position: relative;
		right: -71px;
		top:-12px;
		float: right;
	}

	.skills .skill .progress .progress-bar.black-type:after{
		border-top-color:#1d1d1d;
	}

	.skills .skill .progress .progress-bar span{
		width: 60px;
		height: 30px;
		background:transparent;
		font-size:19px;
		position: relative;
		right: -32px;
		top: -40px;
		float: right;
		color:#757575;
	}

/* Mini Skills */

	.mini-skills.skills .skill{
		margin:0 0 25px;
	}

	.mini-skills.skills .progress{
		height: 4px;
	}

	.mini-skills.skills p{
		margin-bottom:3px;
	}

	.mini-skills.skills .progress .progress-bar span{
		right: 0;
		top:-27px;
		position: absolute;
		width: auto;
		font-size:14px;
	}

	.mini-skills.skills .skill .progress .progress-bar:after{
		display: none;
	}

	.mini-skills.skills .skill:last-child{
		margin-bottom:0;
	}

/* Clients */

	#clients .inner{
		padding-bottom:70px;
	}

/* Navigation For Carousel */

	#clients .owl-carousel .owl-wrapper-outer{
		z-index: 3;
	}

	#clients .boxes .owl-controls{
		z-index: 1;
	}

	#clients .boxes .owl-controls .owl-buttons{
		width: 100%;
		height: 50px;
		position: absolute;
		top: 172px;
	}

	#clients .boxes .owl-controls .owl-buttons div{
		width: 35px;
		height: 35px;
		background: #222222;
		opacity: .5;
		padding: 0;
		position: relative;
		line-height: 35px;
		color:white;
		font-size:13px;
		border-radius: 5px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#clients .boxes .owl-controls .owl-buttons div:hover{
		opacity: 1;
	}

	#clients .boxes .owl-controls .owl-buttons div.owl-prev{
		left:-35px;
		float: left;
	}

	#clients .boxes .owl-controls .owl-buttons div.owl-next{
		right:-35px;
		float: right;
	}

	#clients .boxes .owl-pagination .owl-page{
		background:rgba(255,255,255,0.5);
	}

	#clients .boxes .owl-pagination .owl-page.active{
		background:rgba(255,255,255,1);
		border:none;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	#clients .boxes .owl-controls, .boxes .owl-pagination{
		margin-top:25px;
	}

/* Client Logos */

	div.client-logos{
		width: 100%;
		max-width: 1170px;
		margin:0 auto;
		padding:40px 0;
	}

	div.client-logos a{
		display: inline-block;
		text-align: center;
		width: 100%;
		max-width: 100%;
		height: auto;
		opacity: .4;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}

	div.client-logos a:hover{
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
		opacity: 1;
	}

	div.client-logos a img{
		max-width: 100%;
		height: auto;
	}

/* Client Black White Version */

	#clients.bw-type .boxes .owl-pagination{
		display: none;
	}

	#clients .client-logos{
		margin:0 auto;
		padding:30px 0;
	}

	#clients .client-logos .client-logo{
		margin:0 5px;
	}

	#clients .client-logos a{
		padding:40px;
		height: 120px;
		background-color:rgba(255,255,255,0.05);
	}

/* Features With Mobile */

	#features-mobile{
		border-bottom:1px solid #e6e6e6;
	}

	#features-mobile .inner{
		padding-bottom:50px;
	}

	ul.mobile-boxes{
		width: 100%;
		height: auto;
		background:url(../images/iphone6.png) center center no-repeat;
		min-height: 600px;
		margin-top:45px;
		padding-top:60px;
		position: relative;
		margin-bottom:40px;
	}

	ul.mobile-boxes li{
		float: left;
		display: inline-block;
		width: 48%;
		margin-top:50px;
	}

	ul.mobile-boxes li .details{
		float: left;
		width: 55%;
		text-align: right;
	}

	ul.mobile-boxes li div.mobile-icon{
		width: 100%;
		height: auto;
	}

	ul.mobile-boxes li div.mobile-icon a{
		width: 60px;
		height: 60px;
		border-radius: 100%;
		border:1px solid;
		display: inline-block;
		text-align: center;
		line-height: 60px;
		font-size: 17px;
		font-weight: 100;
		position: relative;
		background:transparent;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	ul.mobile-boxes li:hover div.mobile-icon a{
		color:white;
	}

	ul.mobile-boxes li div.mobile-icon a:after{
		width: 100%;
		height: 100%;
		border-radius: 100%;
		content:'';
		background:transparent;
		display: block;
		position: absolute;
		border:1px solid transparent;
		left:0;
		top:0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	ul.mobile-boxes li:hover div.mobile-icon a:after{
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

	ul.mobile-boxes li h4{
		font-size:25px;
		color:#656565;
		margin:15px 0 10px;
	}

	ul.mobile-boxes li h4.minimal-head{
		font-size:20px;
	}

	ul.mobile-boxes li h4 + p{
		font-size:13px;
		color:#7a7a7a;
		margin:0;
	}

	ul.mobile-boxes li:nth-of-type(2n){
		float: right;
	}


	ul.mobile-boxes li:nth-of-type(2n) .details{
		float: right;
		text-align: left;
	}

/* Plus Icons */

	ul.mobile-boxes li .buttons{
		float: right;
		/* For Old Browsers */
		width: 41%;
		width:calc(45% - 32px);
		right:0;
		position: relative;
		top:91px;
		left:auto;
		height: auto;
	}

	ul.mobile-boxes li:nth-of-type(2n) .buttons{
		float: left;
		left:0;
		right:auto;
	}

	ul.mobile-boxes li .buttons span{
		display: inline-block;
		width: 20px;
		height: 20px;
		position: absolute;
		border-radius: 100%;
		font-size:8px;
		color:white;
		line-height: 20px;
	}

	ul.mobile-boxes li .buttons span.first-icon{
		right:103%;
		top:-10px;
	}

	ul.mobile-boxes li .buttons span.second-icon{
		right:-10px;
		top:110%;
		background:white;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	ul.mobile-boxes li:hover .buttons span.second-icon{
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		transform: scale(1.4);
	}

	ul.mobile-boxes li .buttons span.second-icon:hover{
		color:white;
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		transform: scale(2);
	}

	ul.mobile-boxes li:nth-of-type(2n) .buttons span.first-icon{
		left:103%;
		top:-10px;
	}

	ul.mobile-boxes li:nth-of-type(2n) .buttons span.second-icon{
		left:-10px;
		top:110%;
		background:white;
	}

	ul.mobile-boxes li .buttons .strips{
		border-style: dashed;
		border-color:#939393;
		border-top-width:1px;
		border-right-width:1px;
		position: relative;
		left:0;
		right: auto;
	}

	ul.mobile-boxes li:nth-of-type(2n) .buttons .strips{
		border-style: dashed;
		border-color:#939393;
		border-top-width:1px;
		border-right-width:1px;
		position: relative;
		left:auto;
		float: right;
		right: 0;
	}

	ul.mobile-boxes li:nth-of-type(2n) .buttons .strips{
		border-right-width:0px;
		border-left-width:1px;
	}

	ul.mobile-boxes li.features-button{
		float: none;
		position: absolute;
		left:50%;
		margin-left:-48px;
		width: 96px;
		height: 96px;
		display: block;
		bottom:5px;
	}

	ul.mobile-boxes li.features-button a.black-gradient{
		display: inline-block;
		width: 100%;
		height: 100%;
		border-radius: 100%;
		opacity: .9;
		position: relative;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	ul.mobile-boxes li.features-button a.black-gradient:after{
		content:'';
		width: 100%;
		height: 100%;
		position: absolute;
		left:0;
		top:0;
		background-image: url(../images/plus.png);
		background-repeat: no-repeat;
		background-position: center center;
	}

	ul.mobile-boxes li.features-button a.black-gradient:hover{
		opacity: 1;
	}

/* Tooltip Styles */

	.tooltip{
		z-index: 999 !important;
	}

	.tooltip-inner{
		padding:10px;
		background:#212121;
		color:white;
		font-size:13px;
		font-style: italic;
		border-radius: 5px;
		min-width: 150px;
	}

	.tooltip.top{
		margin-top:-20px;

	}

	.tooltip.bottom{
		margin-top:20px;

	}

	.tooltip.left{
		margin-left:-25px;

	}

	.tooltip.right{
		margin-left:20px;
	}

	.tooltip.top .tooltip-arrow{
		border-top-color:#212121 !important;
	}

	.tooltip.bottom .tooltip-arrow{
		border-bottom-color:#212121 !important;
	}

	.tooltip.left .tooltip-arrow{
		border-left-color:#212121 !important;
	}

	.tooltip.right .tooltip-arrow{
		border-right-color:#212121 !important;
	}

/* Collapse Styles */

	#features-mobile .f-collapse{
		display: none;
	}

	.f-collapse.hidden{
		opacity: 0;
	}

	.f-collapse.visible{
		opacity: 1;
	}

	#features-mobile .f-collapse div{
		width: 100%;
		height: auto;
		border:1px #cbcbcb dashed;
		border-radius: 10px;
		background-color:rgba(255,255,255,0.3);
		font-size:20px;
		padding: 30px 15px;
		color:#9b9b9b;
	}

	#features-mobile .f-collapse div p{
		margin:0;
		padding:0;
	}

	#features-mobile .f-collapse div p a{
		color:inherit;
		font-size:13px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* From The Blog */

	.news .blog-slider{
		margin:55px auto 40px;
	}

	.news .box{
		padding:0 15px;
		cursor: default;
	}

	.news .box .details h3{
		font-size:18px;
		color:#7e7d7d;
		margin-top:25px;
	}

	.news .box .details p{
		margin:15px 0 8px;
	}

	.news .box img{
		width: 100%;
	}

	.news .box .details p.post-details{
		font-size:13px;
		color:#8a8a8a;
	}

	.news .box .details p.post-details i{
		margin-right: 3px;
	}

	.news .box .details p.post-details i:nth-of-type(2){
		margin-left: 8px;
	}

	.news .box .details p.post_message{
		font-size:13px;
		color:#aaa;
		font-weight: 300;
	}

	.news .box .details a.post_read_more_button{
		width: 100%;
		height: auto;
		padding:10px;
		text-align: center;
		display: block;
		outline:none;
		border:none;
		background:#fafafa;
		color:#aaa;
		margin-top:10px;
		font-weight: 300;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.news .box .details a.post_read_more_button:hover{
		color:white;
	}

/* Pagination For Posts Inner Slider */

	.news .box:hover .inner-slider .owl-buttons div{
		opacity: 1;
	}

	.news .inner-slider .owl-pagination{
		margin-top:-25px;
	}

	.news .box .inner-slider .owl-pagination .owl-page{
		opacity: 1;
		background:#fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.news .box .inner-slider .owl-pagination .owl-page.active{
		border:1px solid #fff;
		background:transparent;
	}

/* Pagination For Posts Slider */

	.news .owl-pagination{
		height: auto;
		text-align: center;
		margin-top:50px;
		position: absolute;
		/* For Older Browser Versions */
		width: 100%;
	}

	.news .owl-pagination .owl-page{
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		background:#bbb;
		margin:3px;
		border:none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.news .owl-pagination .owl-page.active{
		border:1px solid #bbb;
		background:transparent;
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		transform: scale(1.4);
	}

	.double-slider .box:hover .inner-slider .owl-pagination .owl-page{
		opacity: 1;
	}

/* Pricing Tables */

	#pricing-tables .inner{
		padding-bottom:40px;
	}

	#pricing-tables .price_boxes .box{
		float: left;
		/* For Older Browsers */
		width: 24%;
		width:calc(25% - 10px);
		padding:30px 10px;
		margin:0 5px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#pricing-tables .price_boxes .box:hover,
	#pricing-tables .price_boxes .box.active{
		background-color:rgba(27,27,27,0.15);
	}

	#pricing-tables .price_boxes h2.head{
		font-size: 35px;
		margin:0 0 -10px;
		padding:0;
	}

	#pricing-tables .price_boxes h1.price{
		font-size: 55px;
		margin:0;
		padding:0;
	}

	#pricing-tables .price_boxes h1.price span{
		font-size: 18px;
		color:#919191;
	}

/* Price List */

	#pricing-tables .price_boxes{
		margin-top:50px;
	}

	#pricing-tables .price_boxes ul.price_list{
		margin:38px auto 0;
		padding:0 15px;
	}

	#pricing-tables .price_boxes ul.price_list li{
		color:#d9d9d9;
		display: block;
		height: auto;
		padding:17px 0;
		border-bottom:1px solid rgba(176,176,176, 0.1);
		line-height: 20px;
	}

	#pricing-tables .price_boxes ul.price_list li:last-child{
		padding-bottom:none;
	}

	#pricing-tables .price_boxes ul.price_list li.important{
		color:white;
	}

	#pricing-tables .price_boxes a.price_button{
		display: inline-block;
		width: auto;
		margin:0 auto;
		padding:10px 27px;
		margin-top:20px;
		background:rgba(29,29,29,0.2);
		font-size:13px;
		opacity: 0.7;
		border-radius: 4px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#pricing-tables .price_boxes .box.active a.price_button:hover{
		opacity: .9;
	}

/* Contact Us */

	#contact{
		overflow: hidden;
	}

	.contact .grayscale-bg{
		width: 100%;
		height: 100%;
		left:0;
		top:0;
	}

	.contact .address,
	.contact .contact_form{
		margin-top:50px;
	}

/* Address */

	.contact .address{
		width: 40%;
		background:rgba(255,255,255,0.02);
		color:#c6c6c6;
		padding-bottom:34px;
	}

	.contact .address a.box .details h4,
	.contact .address a.box .details p{
		color:#c6c6c6;
	}

	.contact .address div.address_head h3{
		margin: 0;
		padding:35px 30px 20px;
	}

	.contact .address a.box{
		display: block;
		width: 100%;
		padding:0 0 0 30px;
		height: 72px;
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.contact .address a.box.hover:hover{
		background:rgba(255,255,255,0.05);
	}

 	.contact .address a.box div{
		height: 72px;
		display: inline-block;
	}

	.contact .address a.box .icon{
		height: 100%;
		line-height: 72px;
		font-size:15px;
		position: absolute;
		top:0;
	}

	.contact .address a.box .details{
		position: relative;
		left:30px;
	}

	.contact .address a.box .details h4{
		padding:0;
		font-size:24px;
		margin-bottom:3px;
		font-weight: inherit;
	}

	.contact .address a.box .details p{
		padding:0;
		font-size: 14px;
		margin:0 0 6px;
	}

	.contact .address a.box .button{
		line-height: 57px !important;
		width: 72px;
		text-align: center;
		opacity: 0;
		position: absolute;
		right: 0;
		top:0;
		height: 100%;
		background:rgba(255,255,255,0.05);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.contact .address a.box .button img{
		width: 23px;
		height: 23px;
	}

	.contact .address a.box:hover .button{
		opacity: .7;
	}

	.contact .address a.box .address-note h4{
		font-size:25px;
		color:#c6c6c6;
		margin-bottom:5px;
		font-weight: inherit;
	}

	.contact .address a.box .address-note p{
		font-size:14px;
		color:#c6c6c6;
	}

	.contact .address .socials{
		width: auto;
		left:30px;
		position: relative;
		margin-top:10px;
	}

	.contact .address .socials a{
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		font-size: 14px;
		border-radius: 100%;
		color:white;
		opacity: .5;
		background:rgba(255,255,255,0.4);
		display: inline-block;
		margin-right: 8px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.contact .address .socials a:hover{
		opacity: 1;
	}

	select{
		border:1px solid #f5f5f5;
		background-color:#fdfdfd;
		padding: 5px 15px;
		outline:none;
		height: 40px;
		min-width: 250px;
	}

/* Address White Layout */

	.contact.white-layout .address{
		background:rgba(0,0,0,0.02);
		color:#888;
	}

	.contact.white-layout .address a.box .details h4,
	.contact.white-layout .address a.box .details p{
		color:#888;
	}

	.contact.white-layout .address a.box .button{
		background:rgba(0,0,0,0.05);
	}

	.contact .address a.box.hover:hover{
		background:rgba(0,0,0,0.05);
	}

	.contact.white-layout .address a.box .address-note h4{
		color:#888;
	}


	.contact.white-layout .address a.box .address-note p{
		color:#888;
	}

	.contact.white-layout .address .socials a{
		color:white;
		background:rgba(0,0,0,0.4);
	}

/* White Contact Form For type 1 */

	.contact.white-layout .contact_form{
		background:rgba(240,240,240,0.6);
		color:#c6c6c6;
	}

	.contact.white-layout .form.dark_form input,
	.contact.white-layout .form.dark_form textarea{
		background:rgba(255,255,255,0.6);
		border-color:#f3f3f3;
		opacity: 1 !important;
	}

	.contact.white-layout .form.dark_form input:hover,
	.contact.white-layout .form.dark_form textarea:hover{
		background-color:#fafafa;
		border-color:#dadada;
		opacity: 1 !important;
	}

	.contact.white-layout .dark_form .error_message,
	.contact.white-layout .dark_form .submit_message{
		background-color:#ebebeb;
		color:#555;
	}

	.contact.white-layout .form button{
		opacity: .8;
	}

/* Address Type 2 */

	section.address a.box{
		width: 33.3%;
		position: relative;
		height: auto;
	}

	section.address a.box .icon{
		width: 20%;
		height: 100%;
		line-height: 166px;
		background-color:rgba(0,0,0,0.4);
		text-align: center;
		color:white;
		font-size:31px;
		opacity: .5;
		position: relative;
		z-index: 2;
	}

	section.address a.box:nth-of-type(2) .icon{
		font-size:19px
	}

	section.address a.box .texts{
		padding:55px 15px;
		position: absolute;
		height: 100%;
		z-index: 1;
		/* For old browsers */
		width: 77.6%;
		width: calc(80% - 10px);
		right:0;
	}

	section.address a.box .texts h3{
		font-size:30px;
		color:#c3c3c3;
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	section.address a.box .texts p{
		font-size:16px;
		color:#b0b0b0;
		position: relative;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	section.address a.box .texts:before{
		width: 100%;
		height: 100%;
		left:0;
		top:0;
		position: absolute;
		content:'';
		opacity: 0.2;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	section.address a.box .texts span.arrow{
		position: absolute;
		left:-10px;
		top:50%;
		margin-top:-10px;
		content:'';
		border-bottom: 10px solid transparent;
		border-top: 10px solid transparent;
		border-left: 10px solid rgba(0,0,0,1);
		opacity: .2;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	section.address a.box .texts span.arrow:before{
		position: absolute;
		left:-10px;
		top:10px;
		content:'';
		width: 10px;
		height: 73px;
		background-color:transparent;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	section.address a.box .texts span.arrow:after{
		position: absolute;
		left:-10px;
		bottom:10px;
		content:'';
		width: 10px;
		height: 73px;
		background-color:transparent;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	section.address a.box:hover h3,
	section.address a.box:hover p{
		color:white;
	}

/* Contact Form */

	.contact .contact_form{
		/* For Older Browsers */
		width: 56%;
		width: calc(60% - 30px);
		background:rgba(255,255,255,0.02);
		color:#c6c6c6;
		padding:14px 28px 25px;
		text-align: right;
	}

	.contact .dark_form .error_message,
	.contact .dark_form .submit_message{
		display: none;
		padding:15px 20px;
		background-color:rgba(0,0,0,0.2);
		margin-top:15px;
	}

	.contact .white-form .error_message,
	.contact .white-form .submit_message{
		display: none;
		padding:15px 20px;
		background-color:#fafafa;
		margin-top:15px;
		color:#888;
	}

	.contact .error_message i{
		color:#ffa200;
		margin-right: 5px;
	}

	.contact .submit_message i{
		color:#2dbde1;
		margin-right: 5px;
	}

	.contact .form input,
	.contact .form textarea{
		width: 100%;
		padding:15px 20px;
		outline: none;
		border:1px solid;
		margin-top:15px;
		opacity: .5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.contact .form textarea{
		min-height: 135px;
		max-width: 100%;
	}

	.contact .form.dark_form input,
	.contact .form.dark_form textarea{
		background-color:rgba(0,0,0,0.2);
		border-color:rgba(255,255,255,0.2);
	}

	.contact .form.dark_form input:hover,
	.contact .form.dark_form textarea:hover{
		opacity: .8;
	}

	.contact .form.dark_form input:focus,
	.contact .form.dark_form textarea:focus{
		opacity: 1;
	}

	.contact .form input#verify{
		width: auto;
		font-family: Tahoma, Verdana, Segoe, sans-serif;
		display: block;
		float: left;
		padding:10px 20px;
		max-width: 100px;
		text-align: center;
	}

	.contact .type-2 .form input#verify{
		width: 100%;
		font-family: Tahoma, Verdana, Segoe, sans-serif;
		display: block;
		float: left;
		padding:10px 20px;
		max-width: 100%;
		text-align: center;
	}

	.contact .form button{
		width: auto;
		height: auto;
		padding:11px 50px;
		outline: none;
		border:none;
		opacity: .6;
		margin-top:15px;
		margin-left:13px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.contact .form button:hover{
		opacity: 1;
	}

	.contact .form button:active{
		opacity: .8;
	}

	.contact .form button#clear{
		background-color:rgba(0,0,0,0.2);
	}

	input,textarea{
		outline:none;
	}

	.light-form input,
	.light-form textarea,
	.light-form select,
	.light-form button{
		font-size:13px;
		background:#fdfdfd;
		border:1px solid #eeeeee;
	}

	.light-form textarea{
		min-height: 100px;
	}

/* Contact Form Type 2 */

	.contact .contact_form.type-2{
		/* For Older Browsers */
		width: 95%;
		max-width: 970px;
		margin:20px auto 0;
		color:#c6c6c6;
		background:transparent;
		padding:20px 20px 75px 20px;
		text-align: right;
	}

	.contact .contact_form.type-2 div div{
		width: 50%;
	}

	.contact .contact_form.type-2 div div:first-child{
		padding-right:10px;
	}

	.contact .contact_form.type-2 div div:last-child{
		padding-left:10px;
	}

	.contact .contact_form.type-2 input,
	.contact .contact_form.type-2 textarea,
	.contact .contact_form.type-2 button{
		font-size:15px;
		text-transform:uppercase;
		opacity: 1;
		border-radius: 6px;
		line-height: 28px;
		padding:13px 20px;
	}

	.contact .contact_form.type-2 textarea{
		min-height: 180px;
	}

	.contact .contact_form.type-2.white-form input,
	.contact .contact_form.type-2.white-form textarea,
	.contact .contact_form.type-2.white-form button{
		border-color:#eaeaea;
		background-color:#fdfdfd;
		color:#acacac;
	}

	.contact .contact_form.type-2.white-form input:hover,
	.contact .contact_form.type-2.white-form textarea:hover,
	.contact .contact_form.type-2.white-form input:focus,
	.contact .contact_form.type-2.white-form textarea:focus{
		border-color:#cfcfcf;
	}

	.contact .contact_form.type-2 button{
		border:1px solid;
		width: 100%;
		height: auto;
		padding:12px 50px;
		margin-top:13px;
		margin-left:0;
	}

	.contact .contact_form.type-2.white-form button:hover{
		color:white;
	}

/* Map */

	#map,
	#map #google_map{
		height: 375px;
	}

/* Footer */

	footer{
		padding: 15px 0 45px;
	}

	footer .logo:after{
		display: block;
		width: 30px;
		height: 1px;
		content:'';
		bottom:-18px;
		position: absolute;
		left:50%;
		margin-left:-15px;
	}

	footer.black-bg .logo:after{
		background-color:#535353;
	}

	footer.white-bg .logo:after{
		background-color:#bbbbbb;
	}

	footer p{
		margin-top:30px;
		font-size:10px;
		margin-bottom:0;
	}

	footer.black-bg p,
	footer.black-bg a{
		color:#b2b2b2;
	}

	footer.white-bg p,
	footer.white-bg a{
		color:#494949;
	}

	footer a{
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	footer a.top-button{
		display: inline-block;
		width: 45px;
		height: 30px;
		position: relative;
		top:-45px;
		text-align: center;
		font-size:20px;
		line-height: 30px;
		color:#ccc;
	}

/* Footer Bigger Type */

	footer.big-footer{
		width: 100%;
		height: auto;
		padding:0;
	}

	footer.big-footer .footer_inner{
		padding:60px 0 50px;
	}

	footer.big-footer .footer_header{
		font-size:20px;
	}

	footer.big-footer .footer_header + *,
	footer.big-footer p{
		font-size:13px;
		margin-top:25px
	}

/* Links */

	footer.big-footer ol li{
		padding: 0;
		border-bottom:1px solid;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	footer.big-footer ol li a{
		padding:10px 0;
		display: block;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	footer.big-footer ol li a:before{
		content: "\f105";
		margin-left: 0;
		margin-right: 5px;
		color: #959494;
		top: 0;
		left:0;
		position: relative;
		font-family: 'FontAwesome';
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	footer.big-footer ol li a:hover{
		padding-left:3px;
	}

	footer.big-footer ol li a:hover:before{
		left:3px;
	}

	footer.big-footer ol li:last-child{
		border-bottom:none;
	}

/* Twitter */

/* Twitter Feed */
	ul.twitter-list li a{ display: block; margin:10px 0; }
	ul.twitter-list li a:hover{ text-decoration: underline; }
	ul.twitter-list li a i{ margin-right: 6px; color:rgba(90,158,242,1); }
	ul.twitter-list li a span{ display: block; margin-top:12px; }
	footer ul.twitter-list li a span{ font-size: 13px; color:white; margin-top:5px; }

/* Flickr */

	footer.big-footer #flickr_badge_wrapper .flickr_badge_image{
		display: inline-block;
		margin-right: 5px;
		margin-bottom:5px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	footer.big-footer #flickr_badge_wrapper .flickr_badge_image:hover{
		opacity: .7;
	}

	footer.big-footer #flickr_badge_wrapper .flickr_badge_image img{
		width: 60px;
		height: 60px;
	}

/* Footer Bottom Line */

	footer.big-footer .footer_bottom{
		padding:14px 0 12px;
	}

	footer.big-footer .footer_bottom > div{
		padding:0 10px;
	}

	footer.big-footer .footer_bottom p{
		font-size:11px;
		margin-top:10px;
		margin-bottom:0;
	}

	footer.big-footer .footer_bottom a.social{
		width: 35px;
		height: 35px;
		display: inline-block;
		font-size:14px;
		text-align: center;
		line-height: 35px;
		margin-left:2px;
		border-radius: 3px;
	}

	footer.big-footer.dark-footer .footer_bottom a.social:hover{
		opacity: 1;
		color:white;
	}

	footer.big-footer.dark-footer .footer_bottom a:hover{
		opacity: .7;
	}

/* Colors, Dark */

	footer.big-footer.dark-footer,
	footer.big-footer.dark-footer a{
		color:#8a8a8a;
	}

	footer.big-footer.dark-footer ol li a:hover{
		background-color:#232323;
	}

	footer.big-footer.dark-footer .footer_header{
		color:#d0d0d0;
	}

	footer.big-footer.dark-footer li{
		border-color:#232323;
	}

	footer.big-footer.dark-footer .footer_bottom a.social:hover{
		background-color:#2b2b2b;
	}

	footer.big-footer.dark-footer ol li a:hover{
		color:white;
	}

	footer.big-footer.dark-footer ol li a:hover:before{
		color:white;
	}

	footer.big-footer.dark-footer .footer_bottom{
		border-top:1px solid #2b2b2b;
	}

/* Light */

	footer.big-footer.light-footer{
		background-color:#f1f1f1;
	}

	footer.big-footer.light-footer,
	footer.big-footer.light-footer a{
		color:#737373;
	}

	footer.big-footer.light-footer ol li a:hover{
		background-color:#eeeeee;
		color:#232323;
	}

	footer.big-footer.light-footer ol li a:hover:before{
		color:#232323;
	}

	footer.big-footer.light-footer .footer_header{
		color:#5b5b5b;
	}

	footer.big-footer.light-footer li{
		border-color:#ddd;
	}

	footer.big-footer.light-footer .footer_bottom a.social:hover{
		background-color:#ddd;
	}

	footer.big-footer.light-footer .footer_bottom{
		border-top:1px solid #dadada;
		background-color:#e3e3e3;
	}

/* Full Page Version */

	#fullpage .home-button{
		margin-top:25px;
	}

	#fullpage .page_bottom_note{
		width: 100%;
		height: auto;
		position: absolute;
		bottom:45px;
	}

	#fullpage .page_bottom_note a{
		font-size: 20px;
		color:#dddddd;
	}

	#fullpage .page_bottom_note a img{
		margin-top: -4px;
	}

	#fullpage a.arrow{
		margin:40px auto;
		display: block;
		cursor: default;
	}

/* Full Page Version Feature Boxes */

	.feature-boxes.type-5{
		margin:40px auto 0;
		border:1px dashed rgba(255,255,255,0.3);
	}

	.feature-boxes.type-5 .feature-box{
		margin:0;
		border-left:1px dashed rgba(255,255,255,0.3);
		display: block;
		padding:35px 15px 25px 25px;
		cursor: move;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.feature-boxes.type-5 .feature-box p{
		color:#ccc;
	}

	.feature-boxes.type-5 .feature-box:hover{
		background:rgba(49,34,34,0.5);
	}

	.feature-boxes.type-5 .owl-item:nth-of-type(1) .feature-box{
		border-left:none;
	}

	.feature-boxes.type-5 .feature-box .feature-icon{
		width: auto;
		margin-right: 0;
		background:transparent;
		line-height: 0;
	}

	.feature-boxes.type-5 .feature-box .feature-icon:after{
		display: none;
	}

	.feature-boxes.type-5 .feature-box .feature-text{
		width: calc(100% - 50px);
		padding-left: 23px;
	}

	.feature-boxes.type-5 + h4{
		margin-top:65px;
	}

/* Category Boxes */

	.categories_full_screen .boxes .box{
		height: 100%;
		cursor: crosshair;
		overflow: hidden;
		opacity: 0.5;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.categories_full_screen .boxes .box:hover{
		opacity: .8;
		z-index: 150;
	}

	.categories_full_screen .boxes .box .category-image{
		position: relative;
		height: 100%;
		width: auto;
	}

	.categories_full_screen .boxes .box .category-image img{
		top:0;
		height: 100%;
		width: auto;
		position: absolute;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.categories_full_screen .boxes .box:hover .category-image img{
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	.categories_full_screen .boxes .box .category-image img.right{
		right: 0;
	}

	.categories_full_screen .boxes .box .category-image img.left{
		left: 0;
	}

	.categories_full_screen .boxes .box:hover .category-image img.left{
		left: 5%;
	}

	.categories_full_screen .boxes .box:hover .category-image img.right{
		right: 5%;
	}

	.categories_full_screen .boxes .box .texts{
		position: absolute;
		left:20px;
		top:50%;
		opacity: 0.5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.categories_full_screen .boxes .box:hover .texts{
		opacity: .8;
	}

	.categories_full_screen .boxes .box .texts h1{
		font-size:70px;
	}

	.categories_full_screen .boxes .box .texts h1:after{
		position: relative;
		content:'';
		bottom:-25px;
		width:30px;
		height: 1px;
		left:0;
		display: block;
		background:#ccc;
	}

	.categories_full_screen .boxes .box .texts h2{
		font-size:27px;
		margin-top:30px;
	}

	.categories_full_screen .boxes .box .texts p{
		font-size:14px;
		margin-top:25px;
		color:#d7d7d7;
	}

	.categories_full_screen .boxes .box .texts a.read_more{
		display: inline-block;
		width: 30px;
		height: 30px;
		position: relative;
		text-align: center;
		font-size:20px;
		color:#fdfdfd;
		margin-top:17px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.categories_full_screen .boxes .box .texts a.read_more:before{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		left:0;
		top:0;
		border:2px solid #fdfdfd;
		content:'';
		border-radius: 100%;
		opacity: 0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	.categories_full_screen .boxes .box:hover .texts a.read_more{
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}

	.categories_full_screen .boxes .box:hover .texts a.read_more:before{
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 1;
	}

	.categories_full_screen .boxes .box .texts a.read_more + span{
		top:-1px;
		position: relative;
		opacity: 0;
		display: inline-block;
		left:0;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.categories_full_screen .boxes .box:hover .texts a.read_more + span{
		opacity: 1;
	}

	.categories_full_screen .boxes .box .texts a.read_more:hover + span{
		left:5px;
	}

	.categories_full_screen .boxes .box:hover .texts a.read_more:hover{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(0.7);
	}

	.categories_full_screen .owl-controls{
		display: none;
		margin:0 !important;
	}

/* Categories Full Screen - Transparent Type */

	.categories_full_screen.transparent-type .box{
		border-right: 1px solid rgba(255,255,255,0.1);
	}

	.categories_full_screen.transparent-type .box:hover{
		background-color:rgba(23,26,29,0.3);
	}

/* FullPage - Text and Background Slider - #04 */

	.fp-fixed-header{
		font-size:25px !important;
		color:#c6c6c6;
	}

	.fp-header{
		font-size:50px !important;
		color:#eeeeee;
	}

	.fp-fixed-text{
		font-size:14px;
		color:#b4b4b4;
		max-width: 500px;
		margin:15px auto 0;
	}

/* Slides Navigation */

	#fullpage .slides-navigation{
		width: 80px;
		top:auto;
		bottom:0;
		left: 50%;
		margin-left: -40px;
	}

	#fullpage .slides-navigation a{
		height: 35px;
		border-radius: 100%;
	}

	#fullpage .slides-navigation a i{
		line-height: 35px;
		font-size: 17px;
	}

	#fp-nav ul li a span, .fp-slidesNav ul li a span{
		border-color:#ddd;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
		background-color:#ddd;
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
	}

	#fp-nav ul li .fp-tooltip{
		top:-5px;
	}

/* Slides Navigation Type 2 */

	#fullpage .slides-navigation.type-2{
		width: 100%;
		max-width: 1170px;
		top: auto;
		bottom: 45px;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		height: 45px;
		position: relative;
		margin-top:0;
	}

	#fullpage .slides-navigation.type-2 a{
		float: none;
		left: 0;
		position: relative;
		display: inline-block;
		border-radius: 0px;
		width: 30px;
		height: 45px;
		line-height: 51px;
		cursor: pointer;
	}

/* Video Section Effects */

	.home-text-slider{
		cursor: default;
	}

	.video_section .home-text-slider h1:after{
		position: relative;
		content:'';
		bottom:-25px;
		width:30px;
		height: 1px;
		margin:0 auto;
		display: block;
		background:white;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.video_section .t-left .home-text-slider h1:after{
		margin-left: 0;
		bottom:-40px;
	}

	.video_section .home-text-slider p.fp-fixed-text{
		top:30px;
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.video_section .home-text-slider span + p.fp-fixed-text{
		top:0;
	}

	.video_section .home-text-slider:hover h1:after{
		width: 80px;
	}

	.video_section .home-text-slider:hover p.fp-fixed-text{
		top:40px;
		opacity: 0;
	}

	.video_section.moving_controls .mb_YTPBar{
		display: block;
		width: 300px;
		position: relative !important;
		height: 10px;
		padding: 5px;
		background: transparent;
		top: 40px;
		bottom: auto;
		left: auto;
		text-align: left;
		z-index: 1000;
		font: 14px/16px sans-serif;
		color: white;
		opacity: 0;
		text-align: center;
		cursor: pointer;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.video_section .home-text-slider:hover .mb_YTPBar{
		top:60px;
		opacity: 1;
	}

	.video_section .mb_YTPBar .buttonBar{
		background:transparent !important;
		padding:0;
	}

	.video_section .mb_YTPBar span.mb_OnlyYT,
	.video_section .mb_YTPBar .mb_YTPUrl.ytpicon,
	.video_section .mb_YTPBar span.mb_YTPTime,
	.video_section .mb_YTPProgress{
		display: none !important;
	}

	.video_section .mb_YTPPlaypause.ytpicon,
	.video_section .mb_YTPMuteUnmute.ytpicon{
		display: inline-block;
		margin:0 5px;
		left:0;
		bottom:0;
	}

/* Controls Left Type */

	.controls-type-2 .mb_YTPBar{
		/* For Older Browsers */
		left:50%;
		/* Left Calculating */
		left:calc(50% - 585px);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		opacity: 1;
		bottom:12px;
		background-color:transparent;
		width: 70px;
	}

	.controls-type-2 .mb_YTPBar span{
		margin: 0 3px 0 0;
		text-align: center;
		font-size: 15px;
		background-color: rgba(255,255,255,0.4);
		width: 30px;
		height: 45px;
		line-height: 45px;
		bottom:10px;
		opacity: 0.3;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.controls-type-2 .mb_YTPBar span:hover{
		opacity: 0.7;
	}

/* Moving Boxes */

	ul.moving-items{
		width: 100%;
		height: 90%;
		max-width: 60%;
		top:50px;
		position: absolute;
		left:50%;
		margin-left: -27%;
		z-index: 1;
	}

	ul.moving-items .box{
		position: absolute;
		width: auto;
		max-width: 260px;
	}

	ul.moving-items .box span{
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	ul.moving-items .box span.icon{
		font-size:20px;
		position: relative;
		top:1px;
	}

	ul.moving-items .box:hover span.icon{
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
	}

	ul.moving-items .box:nth-of-type(1){
		left:15% !important;
		top:20% !important;
	}

	ul.moving-items .box:nth-of-type(2){
		left:75% !important;
		top:55% !important;
	}

	ul.moving-items .tooltip-inner{
		padding:10px;
		background:#fff;
		color:#6b777c;
		font-size:13px;
		font-style: inherit;
		border-radius: 5px;
		min-width: 130px;
		font-weight: 500;
		-webkit-font-smoothing: antialiased;
	}

	ul.moving-items .tooltip.top .tooltip-arrow{
		border-top-color:#fff !important;
	}

	ul.moving-items .tooltip.bottom .tooltip-arrow{
		border-bottom-color:#fff !important;
	}

	ul.moving-items .tooltip.left .tooltip-arrow{
		border-left-color:#fff !important;
	}

	ul.moving-items .tooltip.right .tooltip-arrow{
		border-right-color:#fff !important;
	}

	body.normal_scroll .fp-scrollable{
		height:;
	}

/* Shop */

	#shop{
		margin:80px auto 50px;
	}

/* Shop Box */

	#shop .box{
		margin-bottom:30px;
	}

	#shop .box .box_inner{
		border: 1px solid #ededed;
	}

	#shop .box .item_image{
		position: relative;
		display: block;
		overflow: hidden;
	}

	#shop .box .item_image img{
		width: 100%;
		height: auto;
	}

	#shop .box .item_image span.more{
		width: 100%;
		height: 40px;
		background-color:#4a4a4a;
		bottom:-40px;
		left:0;
		margin-top:0;
		position: absolute;
		display: block;
		text-align: center;
		padding: 0;
		border-radius: 0;
		font-size:14px;
		color:#fafafa;
		line-height: 40px;
		opacity: 1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	#shop .box .item_image:hover span.more{
		bottom:0;
	}

	#shop .box .item_image span.more:hover{
		color:white;
	}

	#shop span.shop_label{
		width: auto;
		height: auto;
		position: absolute;
		right: 10px;
		top:10px;
		display: block;
		padding:4px 8px 2px;
		border-radius: 3px;
		cursor: default;
		font-size:12px;
		z-index: 5;
		color:white;
	}

/* Item Details */

	#shop .box .item_details{
		padding:15px 15px;
		width: 100%;
		cursor: default;
		margin:0;
	}

	#shop .box .item_details .left{
		width: 75%;
	}

	#shop .box .item_details .shop_item_header{
		font-size:16px;
		color:#5c5c5c;
		margin:0;
		padding:0;
	}

	#shop .box .item_details .shop_item_description{
		font-size:13px;
		color:#a9a9a9;
		margin:7px 0 0;
		padding:0;
	}

	#shop .box .item_details .old_price{
		font-size:13px;
		color:#a9a9a9;
		margin:0;
		text-decoration: line-through;
		padding:0;
		font-weight: 100;
	}

	#shop .box .item_details .price{
		font-size:17px;
		color:#616161;
		margin:0;
		padding:0;
	}

	#shop .box .item_buttons{
		border-top:1px solid #f4f4f4;
	}

	#shop .box .item_buttons a{
		font-size:12px;
		padding:15px 15px;
		color:#5c5c5c;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#shop .box .item_buttons a:hover{
		background:#f4f4f4;
	}

	#shop .box .item_buttons a i{
		margin-right:4px;
	}

	#shop .box .ratings{
		position: absolute;
		left:10px;
		top:10px;
		cursor: default;
		color:#555;
	}

/* Pagination */

	div.pagination{
		padding-right: 15px;
	}

	div.pagination ul li a,
	div.pagination ul li a:focus{
		padding:9px 15px;
		color:#8b8b8b;
		font-weight: 100;
		border-color:#ededed;
		background-color:transparent;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	div.pagination ul li a:hover{
		background-color:#fdfdfd;
	}

	div.pagination ul li.active a,
	div.pagination ul li.active a:hover{
		background-color:transparent;
		border-color: #cacaca;
		color:#8b8b8b;
	}

/* Shop Single Product */

	#shop .single_item_details .left{
		width: 40%;
		position: relative;
	}

	#shop .single_item_details .image-pgn-slider ul.slides{
		width: 100%;
	}

	#shop .single_item_details .image-pgn-slider ul.slides li img{
		width: 100%;
		height: auto;
	}

	#shop .single_item_details .flex-control-thumbs{
		margin:0;
	}

	#shop .single_item_details .flex-control-thumbs li{
		margin:3px 3px 0 0;
		width:calc(25% - 2.5px);
		display: inline-block;
	}

	#shop .single_item_details .flex-control-thumbs li:last-child{
		margin-right: 0;
	}

	#shop .single_item_details .flex-control-thumbs li img{
		vertical-align: middle;
		opacity: 0.5;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#shop .single_item_details .flex-control-thumbs li img.flex-active,
	#shop .single_item_details .flex-control-thumbs li img:hover{
		opacity: 1;
	}

/* Right Area */

	#shop .single_item_details .right{
		padding:0 20px;
		width: 60%;
	}

	#shop .single_item_details .right .single_item_header{
		margin:8px 0;
		font-size:21px;
	}

	#shop .single_item_details .right .single_item_price{
		margin:15px 0;
		font-size:18px;
	}

	#shop span.strip{
		width: 100%;
		height: 1px;
		display: block;
		margin:22px 0;
		background-color:#ebebeb;
	}

	#shop .single_item_details .right p.description,
	#shop .single_item_details .right ul li{
		font-size:14px;
		line-height: 25px;
		color:#969696;
	}

	#shop .single_item_details .right ul{
		margin-top:20px;
	}

	#shop .single_item_details .right ul li{
		margin-top:10px;
	}

	#shop .single_item_details .right a.cart-button{
		width: auto;
		margin-left: 30px;
		font-size:13px;
		color:white;
		background:#505050;
		padding:14px 19px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#shop .single_item_details .right .panel{
		background-color:#fdfdfd;
		border-color:#eeeeee;
		margin-top:25px;
	}

	#shop .single_item_details .right .panel a{
		color:inherit;
		margin:0 5px 0 0;
	}

	#shop .single_item_details .right .panel a:hover{
		background:transparent;
	}

	#shop .single_item_details .right .panel p:last-child{
		margin:0;
	}

	#shop .item_tabs{
		margin-top:70px;
	}

	.nav-tabs>li>a{
		color:#848484;
		font-size:13px;
	}

	.nav-tabs>li>a:hover{
		background-color:#fdfdfd;
	}

	.tab-content>.tab-pane{
		padding:25px 0;
		color:#9d9d9d;
	}

	.media-list .media{
		margin-bottom:25px;
		padding-bottom:25px;
		border-bottom:1px solid #efefef;
	}

	.media-list .media:last-child{
		border-bottom: transparent;
	}

	.related-products{
		margin-top:50px;
	}

	.related-products .boxes{
		margin-top:50px;
		padding:0;
	}

/* Login Design */

	.login_type{
		max-width: 400px;
		width:100%;
		margin:0 auto;
	}

	/* Form with strip */
	.strip_form{
		background:transparent;
		border:1px solid rgba(210,210,210,1);
		border-radius: 30px;
		padding: 15px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	.strip_button{
		border-radius: 30px;
		padding: 15px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		border:none;
	}

	.strip_button:hover{
		opacity: .9;
	}

	.strip_button:active{
		opacity: .8;
	}

	.strip_form:hover{
		background:rgba(0,0,0,0.06);
	}

	.strip_form:focus{
		background:rgba(0,0,0,0.1);
	}

/* Watch Our Video in Project */

	.watch-our-video{
		width: 100%;
		height: 700px;
		max-width: 100%;
		overflow: hidden;
		position: relative;
	}

/* Blog */

	/* Sidebar */

	.widget .widget-head{
		font-size:16px;
		margin-top:0;
	}

	.widget p.widget-desc{
		font-size:12px;
		color:#9d9d9d;
		line-height: 23px;
	}

	.masonry-blog{
		margin:40px auto;
	}

/* Masonry Blog */

	#blog.masonry-blog{
		background:#f1f1f1;
		margin:0;
		padding:40px;
	}

	#blog.masonry-blog .item{
		z-index: 1;
	}

	#blog.masonry-blog .item .item-top{
		width: auto;
		height: auto;
		position: relative;
	}

	#blog.masonry-blog .item div{
		background:white;
	}

	#blog.masonry-blog .item .item_image{
		display: block;
		width: auto;
		height: auto;
		position: relative;
		overflow: hidden;
	}

	#blog.masonry-blog .item .item_image img{
		position: relative;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#blog.masonry-blog .item .item_image:hover img{
		position: relative;
		-webkit-transform: scale(1.12);
		-moz-transform: scale(1.12);
		-ms-transform: scale(1.12);
		transform: scale(1.12);
	}

	#blog.masonry-blog .item .item_button{
		position: absolute;
		width: 20px;
		height: 20px;
		display: block;
		text-align: center;
		font-size:15px;
		right: -40px;
		color:white;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#blog.masonry-blog .item:hover .item_button{
		right:13px;
	}

	#blog.masonry-blog .item .item_button.first{
		bottom: 5px;
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

	#blog.masonry-blog .item .item_button.second{
		bottom: 30px;
		-webkit-transition-delay: 0.3s;
		-moz-transition-delay: 0.3s;
		transition-delay: 0.3s;
	}

/* Masonry Blog Texts */

	#blog.masonry-blog .item .details{
		padding:25px 20px;
		cursor: default;
	}

	#blog.masonry-blog .item .details h2.head{
		font-size:26px;
		margin:0;
		padding:0;
		font-weight: 100;
		color:#6f6f6f;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#blog.masonry-blog .item .details h2.head:hover{
		opacity: .8;
	}

	#blog.masonry-blog .item .details p.description{
		font-size:13px;
		margin:8px 0 0;
		padding:0;
		line-height: 22px;
		color:#909090;
		font-weight: 200;
	}

	#blog.masonry-blog .item a.posted_button{
		display: block;
		padding:15px;
		color:#909090;
		border-top:1px solid #f1f1f1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}

	#blog.masonry-blog .item a.posted_button:hover{
		background:rgba(0,0,0,0.01);
	}

	#blog.masonry-blog .item a.posted_button img{
		display: inline-block;
		width: 33px;
		height: 33px;
		border-radius: 100%;
		vertical-align: top;
		margin-right: 5px;
		min-width: 33px;
	}

	#blog.masonry-blog .item a.posted_button p{
		display: inline-block;
		font-size:14px;
		color:#9d9d9d;
		margin:0;
	}

	#blog.masonry-blog .item a.posted_button p span{
		display: block;
		font-size:11px;
	}

/* Categories */

	.widget ul.categories{
		width: 100%;
		height: auto;
	}

	.widget ul.categories li{
		display: block;
		width: 100%;
		padding:0;
		border-bottom:1px solid #f1f1f1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.widget ul.categories li a{
		display: inline-block;
		padding:10px 10px 10px 5px;
		color:#959494;
		width: 90%;
		font-size:13px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.widget ul.categories li:last-child{
		border-bottom:1px solid transparent;
	}

	.widget ul.categories li:before{
		font-family: 'FontAwesome';
		content: "\f105";
		font-weight: normal;
		font-style: normal;
		top: 0;
		margin-left: 0;
		color: #959494;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.widget ul.categories li:hover a,
	.widget ul.categories li:hover:before{
		color:white;
	}

	.widget ul.categories li:hover:before{
		margin-left: 10px;
	}

/* Tags */

	.sidebar .widget a.tag{
		display: inline-block;
		margin:3px 2px;
		padding:5px 9px;
		border:1px solid #d3d3d3;
		color:#acacac;
		font-size:11px;
		text-transform: uppercase;
		font-weight: 200;
	}

	.sidebar .widget a.tag:hover{
		color:#fff;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

/* Search Form */

	.widget .search{
		width:100%;
		padding:12px;
		border:1px solid #d8d8d8;
		outline:none;
		position: relative;
		border-radius: 2px;
		color:#808080;
		font-weight: 100;
		font-size:13px;
		margin:0 auto;
	}

	.widget .search-button{
		width:15%;
		height: 100%;
		position: absolute;
		right: 0;
		top:0;
		color:#d8d8d8;
		border:none;
		outline:none;
		padding:3px 7px;
		background:transparent;
		text-align:center;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		font-size:12px;
	}

/* Post */

	.post .dates{
		width: 20%;
	}

	.post .dates .date{
		font-size:15px;
		text-align: right;
		color:#858585;
		margin-right: 30px;
		border-bottom:1px solid #ddd;
		margin-bottom:20px;
		padding-bottom:20px;
	}

	.post .dates span.day{
		font-size:55px;
		text-align: right;
		display: block;
	}

	.post .dates .details ul li{
		text-align: inherit;
		text-transform: uppercase;
		color:#bbbbbb;
		font-size:12px;
		position: relative;
		cursor: default;
		padding:7px 48px 5px 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.post .dates .details ul li:hover{
		background-color:#fafafa;
	}

	.post .dates .details ul li a{
		color:inherit;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.post .dates .details ul li i{
		margin-left:4px;
		margin-top:-2px;
		position: absolute;
		right: 30px;
		top:10px;
	}

/* Post Dates For Mobile */

	.dates.for-mobile{
		width: 100%;
		float: none;
		display: none;
	}

	.dates.for-mobile span.day{
		font-size:14px;
		text-align: left;
		display: inline-block;
	}

	.dates.for-mobile .date{
		border:none !important;
		margin:0 5px 0 0;
		padding:0;
		text-align: left;
		width: auto;
		display: inline-block;
		font-size: 13px;
		text-transform: uppercase;
		font-weight: 300;
	}

	.dates.for-mobile .details{
		width: auto;
		display: inline-block;
	}

	.dates.for-mobile .details ul{
		text-align: left !important;
	}

	.dates.for-mobile .details ul li{
		width: auto;
		display: inline-block;
		padding: 0 10px 0 0;
	}

	.dates.for-mobile .details ul li{
		font-size:13px;
		margin-left:5px;
		background:transparent !important
	}

	.dates.for-mobile .details ul li i{
		position: relative;
		right: 0;
		top:0;
	}

/* Post Inner */

	.post{
		margin-top:100px;
	}

	.posts .post:nth-of-type(1){
		margin-top:0;
	}

	.post .post-inner{
		width: 80%;
	}

	.post .post-inner .post-header{
		margin-top:-45px;
		margin-bottom:23px;
		color:#5f5f5f;
		font-size:22px;
	}

	.post .post-inner .post-media img{
		width: 100%;
		height: auto;
	}

	.post .post-inner .post-text{
		margin-top:35px;
		color:#a4a4a4;
		font-size:13px;
		line-height: 22px;
	}

	.post .post-inner .post-header + .post-text,
	.post .post-inner .post-text + .post-text{
		margin-top:15px;
	}

	.post .post-inner .post-more{
		display: block;
		width: 100%;
		height: auto;
		padding:15px;
		font-size:14px;
		margin-top:30px;
		color:#7e7e7e;
		background:#fafafa;
		text-align: center;
	}

	.post .post-inner .post-more:hover{
		color:white;
	}

/* Comments */

	.comments{
		padding-bottom:30px;
		margin-bottom:30px;
	}

	.media{
		padding-top:20px;
		margin-top:0;
		background:white;
	}

	.comments-header{
		margin-bottom:15px;
		padding-bottom:15px;
		border-bottom:1px solid #ebebeb;
	}

	.media-left a img{
		width: 90px;
		max-width: 90px;
		border-radius: 5px;
	}

	.media-body{
		color:#9e9e9e;
	}

	.media-body .details{
		background:#fdfdfd;
		padding:15px 15px 5px;
	}

	.media-heading{
		color:#6a6a6a;
		margin-bottom:10px;
	}

	.votes a{
		color:#777;
		margin:15px 7px 0 0;
		padding:8px;
		border-radius: 5px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.votes a:hover{
		background:#fafafa;
	}

	.votes a.like span{
		color:#47c133;
		margin-left:3px;
	}

	.votes a.unlike span{
		color:#c13333;
		margin-left:3px;
	}

/* Comment Form */

	.reply-form form{
		margin-top:30px;
	}

	.reply-form input,
	.reply-form textarea{
		width: 100%;
		height: auto;
		padding:9px 12px;
		background:transparent;
		border:1px solid #ebebeb;
		font-weight: 300;
	}

	.reply-form button{
		width: auto;
		height: auto;
		padding:7px 35px;
		border:none;
		margin-top:12px;
		font-size:12px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

	.reply-form button:hover{
		background:#555;
	}

	.reply-form textarea{
		min-height: 200px;
		max-height: 200px
	}

/* Tabs */

	.custom-tabs .nav-tabs{
		border:none;
	}

	.custom-tabs .nav-tabs li{
		float:none;
		display: inline-block;
	}

	.custom-tabs .nav-tabs li a{
		margin-right:8px;
		margin-bottom:8px;
		border:1px solid #e1e1e1;
		border-radius: 0;
		padding:6px 12px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		background:transparent;
	}

	.custom-tabs .nav-tabs li a:hover{
		background:#fafafa;
	}

	.custom-tabs .nav-tabs li.active a{
		background:#1b1b1b;
		color:white;
	}

	.custom-tabs .nav-tabs li a:hover,
	.custom-tabs .nav-tabs li a:focus{
		border-bottom: 1px solid #e1e1e1;
	}

	.custom-tabs .tab-content{
		padding:0 15px;
	}

	.custom-tabs .tab-content img{
		max-height: 220px;
		max-width: 100%;
	}

	.custom-tabs .tab-content a.tab-image {
		display: block;
		margin-right: 12px;
		margin-top: 10px;
		width: auto;
		height: auto;
	}

/* Accordion Menu */

	.accordion .panel{
		box-shadow:none;
		margin-bottom:7px;
	}

	.accordion .panel *{
		max-width: 100%;
	}

	#accordion div:last-child{
		margin-bottom:0;
	}

	.accordion a.panel-button{
		padding:15px;
		width:100%;
		display: block;
		color:#717171;
		box-shadow:none;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}

	.accordion a.panel-button:hover{
		background:#ededed;
	}

	.accordion a.panel-button:focus{
		text-decoration: none;
	}

/* Accordion Body */

	.accordion .panel-body{
		padding:18px 32px;
		font-size:14px;
		color:#8e8d8d;
		border-top:1px solid #dfdfdf;
	}

/* Back To Top Button */

	#back-top{
		width:37px;
		height:27px;
		position:fixed;
		right:33px;
		bottom:27px;
		z-index:1000;
	}

	#back-top a{
		width:100%;
		height:100%;
		display:block;
		opacity: 0.3;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		background: url(../images/up.png) no-repeat center;
	}

	#back-top a:hover{
		opacity: 1;
	}


/* NEW BUTTON */
	.button-v1 {
		border: 0;
		border-radius: 20px;
		padding: 6px 18px !important;
		font-size: 12px;
		/* cursor: pointer; */
		transition: .2s;
		font-weight: 600;
	}
	a.button-v2:hover, a.button-v3:hover {
		transform: translateY(-2px) !important;
	}

	.button-v2 {
		border: 0;
		border-radius: 7px;
		padding: 12px 18px;
		font-size: 12px;
		cursor: pointer;
		transition: .2s;
		font-weight: 600;
	}

	.button-v3 {
		border: 0;
		border-radius: 7px;
		padding: 12px 18px;
		font-size: 12px;
		cursor: pointer;
		transition: .2s;
		/* font-weight: 600; */
	}

	.button--blue {
		background: #eff1ff;
		color: #5c6190;
	}

	.button--red {
		background: #ef5274 !important;
		color: #fff !important;
	}

	.button--white {
		background: #fff !important;
		color: #5c6190 !important;
		border: 1px solid #ece9f4;
	}
	.button--outline {
		/* background: #fff; */
		border: 2px solid #da766c;
		color: #da766c !important;
	}

/* team */
	.team {
		margin-top: 20px !important;
		position: relative;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 4px 18px #27335a15;
		padding: 20px 22px;
	}
	.team div {
		display: grid;
		grid-template-columns: 98px 1fr;
		border-right: 1px solid #eee;
		padding-left: 5px;
		padding-right: 5px;
	}
	.team div:last-child {
		border: 0;
	}
	.team img {
		border-radius: 10%;
	}
	.team span {
		font-size: 12px;
	}
	.team span strong {
		font-weight: 800;
	}
	.team b {
		font-size: 14px;
		line-height: 1;
		color: black;
		margin-top: 10px;
	}
	.team small {
		font-size: 10px;
	}

	.team p {
		color: #7033C9;             /* Mengubah warna teks menjadi putih agar kontras dan mudah dibaca */
		background-color: #e9f1ff;  /* Memberikan warna latar belakang biru */
		font-size: inherit;         /* Ukuran font tetap sama dengan teks sekelilingnya */
		
		/* Variasi tambahan agar tampilan box latar belakang rapi */
		display: table;      /* Membuat latar belakang biru hanya sepanjang teks saja */
		padding: 2px 8px;           /* Memberi ruang di dalam kotak biru (atas-bawah 2px, kiri-kanan 8px) */
		border-radius: 4px;         /* Membuat sudut kotak latar belakang agak melengkung (seperti badge) */
		margin-top: 4px;   
		
	}													

/* called & helpers */
	.called {
		margin-top: -55px !important;
		position: relative;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		background: #efecfb;
		border-radius: 12px;
		box-shadow: 0 4px 18px #27335a15;
		padding: 20px 22px;
		border: 1px solid red;
	}
	.called div {
		display: grid;
		grid-template-columns: 85px 1fr;
		grid-template-rows: auto auto;
		border-right: 1px solid #eee;
		padding-left: 18px;
	}
	.called div:last-child {
		border: 0;
	}
	.called strong {
		grid-row: span 2;
		font-size: 30px;
		color: #4d75ce;
	}
	.called b {
		font-size: 22px;
		line-height: 1;
	}
	.called small {
		font-size: 13px;
	}

	.new-container {
		max-width: 1180px;
		margin: auto;
		padding-left: 18px;
		padding-right: 18px;
	}

	.icon {
		width: 70px;
		height: 70px;
		flex: 0 0 70px;
		border-radius: 50%;
		display: grid;
		place-items: center;
		font-size: 25px;
	}

	.small-icon {
		flex: 0 0 40px;
		border-radius: 50%;
		display: grid;
		place-items: center;
		font-size: 18px;
	}

	.blue {
		background: #e9f1ff;
		color: #366cd0;
	}
	.blue-rev {
		color: #e9f1ff;
		background: #366cd0;
	}
	.coral {
		background: #fff0ef;
		color: #da766c !important;
	}
	.coral-rev {
		color: #fff0ef;
		background: #da766c !important;
	}
	.green {
		background: #e4f8ed;
		color: #42a778 !important;
	}
	.green-rev {
		color: #e4f8ed;
		background: #42a778 !important;
	}
	.violet {
		background: #eee8ff !important;
		color: #6844bd !important;
	}
	.violet-rev {
		color: #eee8ff;
		background: #6844bd !important;
	}
	.gold {
		background: #fff4df;
		color: #c39343 !important;
	}

	.help {
		padding: 20px 18px 15px;
		text-align: center;
	}
	.cards {
		display: grid;
		gap: 16px;
		text-align: left;
	}
	.cards.four {
		grid-template-columns: repeat(4, 1fr);
	}
	.cards.three {
		grid-template-columns: repeat(3, 1fr);
	}
	.cards.two {
		grid-template-columns: repeat(2, 1fr);
	}
	.cards article {
		border: 1px solid #e9e7ef;
		box-shadow: 0 2px 9px #30225d0a;
		border-radius: 9px;
		padding: 16px;
		background: white;
	}
	.cards.four article {
		display: flex;
		gap: 13px;
	}
	.cards p, .services li {
		font-size: 13px;
		color: #3e4258;
	}
	.cards a {
		font-size: 13px;
		color: #0c3fe0;
		font-weight:600;
	}

	.notice {
		margin-top: 14px;
		padding: 10px 18px;
		border-radius: 7px;
		background: #FFF3F5;
		color: #764756;
		font-size: 13px;
		text-align: left;
	}
	.notice .button-v3 {
		float: right;
		padding: 6px 30px;
		font-size: 13px;
	}

	.notice-flex-row {
		display: flex;
		align-items: center; /* Mengunci posisi vertikal di tengah */
		justify-content: space-between; /* Memberi jarak otomatis antar elemen */
		width: 100%;
	}

	.notice-text-inline {
		flex-grow: 1;
		color: #333333;
		font-size: 14px;
		margin-right: 15px;
		padding-left: 20px;
	}

/*2*/
	.notice2 {
		margin-top: 14px;
		padding: 15px 30px; /* Padding vertikal disesuaikan agar seimbang */
		border-radius: 7px;
		background: #5F48BB;
		color: #fff;
		font-size: 13px;
		text-align: left;
		
		/* KUNCI UTAMA: Menjadikan kontainer utama sebagai flexbox untuk meratakan isinya */
		display: flex;
		align-items: center; 
		min-height: 70px; /* Menggunakan min-height lebih aman daripada height tetap agar teks tidak meluap di layar kecil */
	}

	/* HAPUS atau ubah kode float pada tombol v3 */
	.notice2 .button-v3 {
		/* float: right; <-- HAPUS BARIS INI karena merusak stuktur flexbox */
		padding: 6px 35px;
		font-size: 13px;
		white-space: nowrap; /* Mencegah teks tombol patah menjadi 2 baris */

		/* Warna awal tombol: Latar Ungu, Teks Putih */
		background-color: #fff;
		color: #5F48BB;
		/* border: 2px solid #5F48BB; */
		border-radius: 4px;
		cursor: pointer;
		
		/* Efek transisi halus saat warna berubah (0.3 detik) */
		transition: background-color 0.3s ease, color 0.3s ease;
	}

	.notice2-flex-row {
		display: flex;
		align-items: center; /* Mengunci semua elemen (ikon, teks, tombol) tepat di tengah secara vertikal */
		justify-content: space-between; 
		width: 100%;
	}

	.notice2-flex-row b {
		font-size: 16px !important;
		display: block; /* Memastikan judul dan deskripsi bertumpuk rapi */
		margin-bottom: 2px;
	}

	.notice2-flex-row p {
		margin: 0px !important;
		font-size: 12px !important;
		opacity: 0.9; /* Sedikit melembutkan warna teks deskripsi */
	}
	.notice2-flex-row img {
		max-width: 60px;
		border-radius: 50%;
	}
	.notice2-text-inline {
		flex-grow: 1;
		font-size: 14px;
		margin-right: 25px;
		padding-left: 20px;
		
		/* Memastikan teks di dalamnya berbaris ke bawah dengan rapi */
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

/* Mengatur posisi li agar tombol berada di tengah secara vertikal */
	.nav > li.nav-btn-item {
		display: inline-flex;
		align-items: center;
		height: 100%;
		padding: 0 10px; 
		vertical-align: middle;
	}

/* Membatasi tinggi tombol menjadi 20px */
	.btn-nav-custom {
		height: 35px !important;
		line-height: 35px !important; /* Mengunci teks tepat di tengah vertikal */
		padding: 0 10px !important;   /* Jarak teks ke kanan & kiri di dalam tombol */
		font-size: 10px;   /* Diperkecil agar pas dengan tinggi 20px */
		/* font-weight: bold; */
		border-radius: 3px;
		text-transform: uppercase;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: all 0.2s ease-in-out;
	}

/* Memastikan tombol tidak rusak saat di-hover */
	.nav > li.nav-btn-item > a.btn:hover,
	.nav > li.nav-btn-item > a.btn:focus {
		background-color: #c9302c !important; 
		color: #ffffff !important;
		text-decoration: none;
	}


/*  BULLET */
/* 1. Hapus titik bulat bawaan browser */
	.list-li {
	list-style: none;
	padding-left: 0;
	padding-right: 3px;
	}

	.list-li li {
	display: flex;          /* Mengaktifkan flexbox */
	align-items: flex-start; /* Membuat ikon tetap di atas jika teks panjang */
	}

/* 2. Tambahkan tanda centang sebelum teks li */
	.list-li li::before {
	content: "✓ ";          /* Simbol centang */
	color: #28a745;         /* Warna hijau sukses */
	font-weight: bold;      /* Biar tanda centang lebih tegas */
	margin-right: 10px;     /* Jarak antara centang dan teks */
	}


/* REPORT */
	.report {
		background-color: #FAF9FE;
	}

/* 1. Mengubah wadah utama (.inner) menjadi Grid dengan 2 Kolom */
	.report .inner {
		display: grid;
		grid-template-columns: 1fr 1fr; /* Membagi ruang sama besar (50% kiri, 50% kanan) */
		gap: 40px;                      /* Memberi jarak aman antara gambar dan form */
		align-items: center;            /* Membuat posisi gambar & form rata tengah secara vertikal */
	}

/* 2. Memastikan gambar responsif dan tidak meluap keluar kotak */
	.report .inner img {
		width: 100%;
		height: auto;
		display: block;
		max-width: 600px;               /* Batas lebar maksimal gambar agar tidak terlalu besar */
		margin: 0 auto;                 /* Memposisikan gambar pas di tengah kolom kiri */
	}

/* 3. Gaya dasar form-container agar terlihat rapi (Opsional) */
	.form-container {
		width: 100%;
		background: #fff;
		padding: 20px;
		border-radius: 8px;
	}

/* Container Utama Form */
	#whatsappForm {
		display: grid;
		grid-template-columns: 1fr 1fr; /* Membagi menjadi 2 kolom kiri-kanan */
		gap: 0px 20px;
	}

	.form-group {
		display: flex;
		flex-direction: column;
	}

/* Memastikan label berjarak rapi dengan input */
	.form-group label {
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 5px;
		color: #333;
	}

/* Mengatur Gaya Tampilan Dropdown (Select) agar serasi */
	.form-group input, 
	.form-group select, 
	.form-group textarea {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		font-family: inherit;
		background-color: #fff; /* Memastikan background dropdown berwarna putih */
	}



/* KUNCI GRID: Komentar (elemen ke-5) dan Tombol (elemen ke-6) melebar 2 kolom penuh */
	#whatsappForm .form-group:nth-child(7), /* Elemen Komentar */
	#whatsappForm .checkbox-group,          /* Elemen Checkbox */
	.btn-submit {                           /* Elemen Tombol */
		grid-column: span 2; 
	}

/* Mengatur Input Standard & Datepicker */
	.form-group input, 
	.form-group textarea {
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-sizing: border-box;
		font-family: inherit;
	}

/* DESAIN KUSTOM UNTUK PREFIX +62 */
	.input-prefix-container {
		display: flex;
		align-items: center;
		border: 1px solid #ccc;
		border-radius: 4px;
		overflow: hidden; /* Memastikan sudut border melengkung rapi */
		background: #fff;
	}

	.prefix-box {
		background: #eee;
		padding: 10px 12px;
		font-size: 14px;
		font-weight: bold;
		color: #555;
		border-right: 1px solid #ccc;
		user-select: none; /* Mencegah teks +62 sengaja tersalin */
	}

/* Menghilangkan border bawaan khusus input di dalam prefix container */
	.input-prefix-container input {
		border: none !important;
		outline: none;
	}

/* Memastikan kelompok checkbox melebar penuh 2 kolom */
	#whatsappForm .checkbox-group {
		grid-column: span 2;
		margin-top: 5px;
		margin-bottom: 5px;
	}

/* Mengatur susunan checkbox agar sejajar rapi dengan teks */
	.checkbox-container {
		display: flex;
		align-items: center;
		cursor: pointer;
		user-select: none;
	}

	.checkbox-container input {
		width: 18px !important; /* Ukuran kotak centang */
		height: 18px;
		margin-right: 10px;
		cursor: pointer;
	}

	.checkbox-text {
		font-size: 13px;
		color: #333;
	}

/* STYLE TOMBOL SUBMIT (Kondisi Aktif / Enabled) */
	.btn-submit {
		grid-column: span 2;
		padding: 12px;
		font-size: 15px;
		font-weight: bold;
		color: #ffffff;
		background-color: #5F48BB; /* Warna ungu utama Anda */
		border: none;
		border-radius: 6px;
		cursor: pointer;
		transition: all 0.3s ease;
	}

/* Efek Hover saat tombol aktif */
	.btn-submit:not(:disabled):hover {
		background-color: #4b369d; /* Ungu sedikit lebih gelap saat disentuh kursor */
	}

/* KUNCI OTOMATIS: Style ketika tombol dalam kondisi DISABLED (Belum dicentang) */
	.btn-submit:disabled {
		background-color: #cccccc !important; /* Warna abu-abu */
		color: #666666 !important;            /* Warna teks abu-abu tua */
		cursor: not-allowed;                  /* Mengubah ikon kursor menjadi tanda dilarang */
		opacity: 0.7;
	}


	#aboutus {
		width: 100%;
    /* Replace with your exact image path */
		background-image: url('../images/background-tentang.png'); 
		
		/* ✨ KEY ENGINE RULES */
		background-size: cover;        /* Stretches graphic to fill the workspace box */
		background-position: center;   /* Keeps visual elements horizontally centered */
		background-repeat: no-repeat;
		position: relative;
		
		/* Sets the height based on a standard desktop widescreen aspect ratio */
		height: 500px; 
	}

	.faq {
		height: auto;
    	position: relative;
		background-image: url('../images/background-faq.png');
		height: 430px;
		width: 100%;
		background-size: cover;        /* Stretches graphic to fill the workspace box */
		background-position: center;   /* Keeps visual elements horizontally centered */
		background-repeat: no-repeat;
	}

	.faq-wrapper {
		margin-top: -55px;
	}

	.faq-wrapper .new-inner {
		width: 100%;
		height: auto;
		max-width: 1170px;
		position: relative;
		margin: 0 auto;
	}

	.faq-wrapper .column {
		display: grid;
	}
	.faq-wrapper .column.two {
		grid-template-columns: 3fr 2fr
	}

	.column article {
		border: 1px solid #e9e7ef;
		box-shadow: 0 2px 9px #30225d0a;
		border-radius: 9px;
		padding: 16px;
		background: white;
	}

	.column .card {
		border: 1px solid #e9e7ef;
		box-shadow: 0 2px 9px #30225d0a;
		border-radius: 9px;
		padding: 16px;
	}

/* ==========================================================================
   ✨ STYLESHEET RESTRUCTURE: FULL RESPONSIVE OVERHAUL (375px - DESKTOP)
   ========================================================================== */

/* --- [1] STATS SECTION MOBILE OPTIMIZATIONS --- */
.stats {
	margin-top: -55px !important;
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 18px #27335a15;
	padding: 20px 22px;
}

.stats.six {
	grid-template-columns: 115px repeat(5, 1fr) !important;
	gap: 20px 10px;
	margin-top: -28px !important;
}

.stats.six b {
	font-size: 12px !important;
}

.stats.six small {
	font-size: 10px !important;
}
.stats.six strong {
	font-size: 16px !important;
}

.stats.six div {
	padding: 0px !important;
	grid-template-columns: 53px 1fr !important;
}

.stats.seven {
	grid-template-columns: repeat(7, 1fr) !important;
	gap: 20px 10px;
}

.stats.seven .icon {
	display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 8px auto !important;
    text-align: center !important;
}

.stats.seven div {
	grid-template-columns: 1fr !important;
	text-align: center;
	border: 0px;
}

.stats.seven > .t-left {
	grid-column: span 4 !important; /* Mengambil ruang kolom kiri */
	font-size: 18px;
	font-weight: 700;
	color: #1a1a1a;
	align-self: center; /* Sejajar vertikal di tengah */
	text-align: left;
}

.stats.seven > a {
	grid-column: span 3 !important; /* Mengambil ruang kolom kanan */
	font-size: 14px;
	color: #5F48BB;
	font-weight: 600;
	text-decoration: none;
	text-align: right; /* Rata kanan sempurna */
	align-self: center; /* Sejajar vertikal di tengah */
	display: block;
}



.stats div {
	display: grid;
	grid-template-columns: 85px 1fr;
	grid-template-rows: auto auto;
	border-right: 1px solid #eee;
	padding-left: 18px;
}
.stats div:last-child {
	border: 0;
}
.stats strong {
	grid-row: span 2;
	font-size: 30px;
	color: #4d75ce;
}
.stats b {
	font-size: 22px;
	line-height: 1;
}
.stats small {
	font-size: 13px;
}


.events-panel-side {
	border: solid 1px #E9E7EF;
	border-radius: 6px;
	padding: 10px 15px;
}



/* ==========================================================================
   📰 NEW ARTICLE GRID SYSTEM & CARD GRAPHICS OVERHAUL
   ========================================================================== */

/* 1. Pengaturan Master Grid Container */
.new-article {
    margin-top: 50px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr) !important;
    padding: 0px !important;
    gap: 24px 16px; /* Memberikan jarak antar kartu yang seimbang */
}

/* Header Baris Pertama: Judul & Link */
.new-article > b.t-left {
    grid-column: span 3 !important; /* Diubah menjadi span 3 agar tidak bertabrakan */
    font-size: 20px;
    font-weight: 700;
    color: #1A237E; /* Warna biru navy gelap sesuai branding */
    /* align-self: center; */
    text-align: left;
    margin-bottom: 5px;
}

.new-article > a {
    grid-column: span 2 !important; /* Mengambil sisa ruang kanan */
    font-size: 14px;
    color: #5F48BB;
    font-weight: 600;
    text-decoration: none;
    text-align: right;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

/* 2. 📇 DESAIN KARTU ARTIKEL (.wrapper) */
.new-article .wrapper {
    background: #ffffff;
    border: 1px solid #E9E7EF;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(48, 34, 93, 0.04);
    overflow: hidden; /* Memastikan sudut gambar ikut tumpul */
    display: flex;
    flex-direction: column;
    padding: 16px; /* Padding di sekeliling konten teks */
    position: relative; /* Kunci penempatan badge absolut */
    box-sizing: border-box;
    height: 100%;
}

/* Pengaturan Gambar Sampul */
.new-article .wrapper img {
    width: calc(100% + 32px); /* Melebar penuh melewati padding 16px */
    margin-left: -16px;
    margin-top: -16px;
    margin-bottom: 12px;
    height: 150px;
    object-fit: cover; /* Menjaga rasio gambar tetap proporsional */
}

/* Estimasi Waktu Baca (Rata Kanan di bawah Gambar) */
.new-article .wrapper small {
    font-size: 11px;
    color: #757575;
    text-align: right;
    display: block;
    margin-bottom: 12px;
    font-weight: 500;
}

/* Judul Artikel */
.new-article .wrapper b {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0D1B2A !important;
    line-height: 1.35 !important;
    text-align: left !important;
    margin-bottom: 10px !important;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Batasi maksimal 2 baris agar tinggi kartu seragam */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Deskripsi Artikel (Span Pertama) */
.new-article .wrapper span:nth-of-type(1) {
    font-size: 12px;
    color: #4A4A4A;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Potong teks jika deskripsi terlalu panjang */
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-grow: 1; /* Mendorong tanggal untuk selalu berada di dasar kartu */
}

/* Tanggal Artikel (Span Kedua) */
.new-article .wrapper span:nth-of-type(2) {
    font-size: 11px;
    color: #9E9E9E;
    text-align: left;
    display: block;
    font-weight: 500;
}


/* ==========================================================================
   🏷️ MEMBUAT BADGE KATEGORI DI ATAS GAMBAR (SEPERTI DI FOTO)
   ========================================================================== */
/* Karena tidak ada tag khusus kategori di HTML Anda, kita bisa memanfaatkannya dengan pseudo-element 
   atau Anda bisa menambahkan class tersendiri. Ini alternatif CSS murni otomatis: */
.new-article .wrapper::after {
    content: "ARTIKEL"; /* Teks default badge jika tidak diubah di HTML */
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(255, 255, 255, 0.9);
    color: #5F48BB;
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid rgba(95, 72, 187, 0.3);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* Variasi Warna Otomatis Berdasarkan Urutan Kartu (Kembar dengan Gambar Referensi) */
.new-article .wrapper:nth-of-type(1)::after { content: "LOVE SCAM"; color: #5F48BB; }
.new-article .wrapper:nth-of-type(2)::after { content: "RED FLAG"; color: #E63946; }
.new-article .wrapper:nth-of-type(3)::after { content: "KEAMANAN DIGITAL"; color: #2A9D8F; }
.new-article .wrapper:nth-of-type(4)::after { content: "HUKUM"; color: #F4A261; }
.new-article .wrapper:nth-of-type(5)::after { content: "RECOVERY MENTAL"; color: #457B9D; }


/* --- [2] MISSION SECTION BASE CONFIG --- */
.mission {
    margin-top: 20px !important;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 18px #27335a15;
    padding: 20px 22px;
}
.mission div {
    display: grid;
    grid-template-rows: 30px 1fr;
    border-right: 1px solid #eee;
    padding-left: 5px;
    padding-right: 5px;
}
.mission div:last-child {
    border: 0;
}
.mission strong {
    font-size: 18px;
    color: #7033C9;
}
.mission b {
    font-size: 14px;
    line-height: 1;
    color: black;
    margin-top: 10px;
}
.mission small {
    font-size: 10px;
}
.mission .t-div-5 {
    border-right: 0px !important;
    display: flex;
    flex-direction: column; 
    align-items: center;    
    text-align: center;     
}
.mission .t-div-5 .font40 {
    font-size: 40px !important;
}
.mission .div-5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 30px 1fr;
    padding-left: 0px !important;
    border-right: 0px !important;
}

.faq-row-1 {
	display: grid;
	row-gap: 8px;
}

.violet-lighten-1 {
	background-color: #eee8ff40 !important;
	margin-bottom: 18px;
}

.yellow-lighten-1 {
	background-color: #FFF7F2 !important;
	margin-bottom: 18px;
}

.orange {
	color: #F59B07;
}

.grid-col-2 {
	display: grid;
	grid-template-columns: 70px 1fr;
}
.grid-col-3 {
	display: grid;
	grid-template-columns: 70px 1fr;
}
.small40 {
	width: 40px !important;
	height: 40px !important;
	font-size: 18px !important;
}


.faq-row-1 article {
	border: 1px solid #e9e7ef;
    box-shadow: 0 2px 9px #30225d0a;
    border-radius: 9px;
    padding: 16px;
    background: #FFF7F2;
}


.font40 {
	font-size: 40px;
}

.button--outline-1 {
    border: 2px solid #F59B07;
    color: #F59B07 !important;
}

.grid-col-1 {
	display: grid;
    grid-template-columns: 1fr;
}

.blue-lighten-1 {
	background-color: #F0F7FF;
}


.topic p {
    color: #7033C9;
    /* background-color: #e9f1ff; */
    font-size: inherit;
    display: table;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 4px;
}

button.topic {
	border-radius: 5px;
	white-space: nowrap;
    background-color: #AF9FF820;
	border: 1px solid #AF9FF850;
	margin-bottom: 10px;
    margin-left: 10px;
}

#consultation {
	position: relative;
	background-image: url('../images/background-consultation.png');
	height: 430px;
	width: 100%;
	background-size: cover;        /* Stretches graphic to fill the workspace box */
	background-position: center;   /* Keeps visual elements horizontally centered */
	background-repeat: no-repeat;
}


#education {
	position: relative;
	background-image: url('../images/background-education.png');
	height: 430px;
	width: 100%;
	background-size: cover;        /* Stretches graphic to fill the workspace box */
	background-position: center;   /* Keeps visual elements horizontally centered */
	background-repeat: no-repeat;
	margin-top: 100px;
}


.cards.three article {
    display: flex;
    gap: 13px;
}

.list-li.li-violet li::before {
	color: #6844bd;
}

.list-li.li-blue li::before {
	color: #366cd0;
}

.list-li.li-gold li::before {
	color: #f59b07b5;
}

.list-li.li-violet, .list-li.li-blue, .list-li.li-gold {
	padding-bottom: 10px;
}

.button-outline-blue {
	border: 2px solid #366cd0;
    color: #366cd0 !important;
	display: grid;
}

.small60 {
	width: 60px;
	height: 60px;
}

.red {
	color: red;
}

.button-outline-violet {
	border: 1px solid #6844bd !important;
    color: #6844bd !important;
	display: grid;
}

.button-outline-gold {
	border: 2px solid #f59b07b5;
    color: #f59b07b5 !important;
	display: grid;
}

.gold-rev {
	color: #fff4df;
    background: #f59b07b5 !important;
}

.how {
    padding-top: 30px;
}

.howto {
    margin-top: 20px !important;
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: #fff;
    
    /* ✨ PUSATKAN CONTAINER GRID */
    justify-content: center;
    align-items: start; /* Menjaga konten mulai dari atas secara sejajar */
}

.howto div {
    display: flex;          /* Mengubah ke flexbox agar lebih mudah mengatur alignment vertikal */
    flex-direction: column; /* Menyusun konten dari atas ke bawah */
    /* display: grid; (Hapus atau ganti dengan flex di atas karena grid-template-columns: 1fr bawaan Anda tidak memusatkan element inline seperti tag <i> atau <strong>) */
    
    /* ✨ PUSATKAN SEMUA ISI DI DALAM KOTAK */
    align-items: center;    /* Memusatkan elemen secara horizontal (kiri-kanan) */
    justify-content: center;/* Memusatkan elemen secara vertikal (atas-bawah) */
    text-align: center;     /* Memastikan baris teks juga ikut rata tengah */
    padding: 10px;          /* Jarak aman antar kolom agar teks tidak berdempetan */
}

/* Tambahan styling agar susunan margin vertikal elemennya seimbang saat di tengah */
.howto div strong, 
.howto div b, 
.howto div small {
    display: block;
    margin: 4px auto; /* Membuat margin otomatis kiri-kanan untuk mengunci posisi tengah */
}

.howto div .icon {
    display: inline-flex !important;   /* Enables flexbox alignment inside the icon box */
    align-items: center !important;      /* Centers icon vertically */
    justify-content: center !important;   /* Centers icon horizontally */
    margin: 0 auto 8px auto !important;  /* Centers the icon box itself and adds bottom spacing */
    text-align: center !important;
}

.font20 {
	font-size: 20px;
}

.gap20 {
	column-gap: 20px;
}


.testimonial-panel-side {
	border: solid 1px #E9E7EF;
    border-radius: 6px;
    padding: 10px 15px;
}

/* ==========================================================================
   🎨 INTERFACE INTERAKTIF: VIDEO, INFOGRAFIS, FAQ & NEWSLETTER
   ========================================================================== */

/* Pengaturan Global & Variasi Utility */
.edu-infografis-section {
    font-family: 'Inter', sans-serif;
    /* background-color: #FAF9FE; */
    padding: 40px 0;
    width: 100%;
    box-sizing: border-box;
}
.margin-top-24 { margin-top: 24px !important; }

/* Wrapper Pembagian Grid 2 Kolom Seimbang */
.row-grid-two {
    display: grid;
    gap: 24px;
    width: 100%;
}

.three-two {
	grid-template-columns: 3fr 2fr;
}

.two-two {
	grid-template-columns: 1fr 1fr;
}

/* Desain Dasar Panel Putih */
.card-panel {
    background-color: #FAF9FE;
    border: 1px solid #E9E7EF;
    border-radius: 16px;
    box-shadow: 0 4px 14px rgba(48, 34, 93, 0.03);
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

/* Desain Header Tiap Kontainer Panel */
.panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}
.panel-header h3 {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    margin: 0;
}
.panel-header a {
    font-size: 13px;
    color: #5F48BB;
    font-weight: 600;
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   📹 SEKSI VIDEO: LAYOUT COMPONENT
   -------------------------------------------------------------------------- */
.video-container-box {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 16px;
    align-items: stretch;
}

/* Video Utama Kiri */
.video-main-featured {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #000;
    height: 200px;
}
.video-main-featured img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.75;
}
.video-overlay-content {
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 2;
}
.video-overlay-content h2 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
    margin: 0 0 4px 0;
}
.video-overlay-content .highlight-yellow {
    color: #FFD600;
}
.video-overlay-content p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    margin: 0;
}
.play-btn-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    transition: transform 0.2s ease;
}
.play-btn-circle:hover { transform: translate(-50%, -50%) scale(1.1); }
.video-badge-time {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
}

/* Playlist Sidebar Kanan */
.video-playlist-sidebar {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-between;
}
.playlist-item {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}
.thumb-mini-wrapper {
    position: relative;
    width: 80px;
    height: 55px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    background: #222;
}
.thumb-mini-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mini-time {
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 9px;
    padding: 1px 3px;
    border-radius: 2px;
}
.playlist-text h4 {
    font-size: 12px;
    font-weight: 600;
    color: #222222;
    line-height: 1.4;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --------------------------------------------------------------------------
   📥 SEKSI UNDUH & INFOGRAFIS: DOWNLOAD COMPONENT
   -------------------------------------------------------------------------- */
.download-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.download-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 0;
    border-bottom: 1px solid #F5F4F8;
}
.download-item:last-child { border-bottom: 0; padding-bottom: 0; }

.doc-icon-box {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
}
/* Kode Warna Dokumen Sesuai Gambar */
.bg-purple-light { background: #F3EFFF; } .color-purple { color: #5F48BB; }
.bg-blue-light   { background: #EEF2FF; } .color-blue   { color: #3B82F6; }
.bg-navy-light   { background: #E0F2FE; } .color-navy   { color: #0369A1; }
.bg-green-light  { background: #DCFCE7; } .color-green  { color: #15803D; }

.doc-details { flex-grow: 1; }
.doc-details h4 {
    font-size: 13.5px;
    font-weight: 600;
    color: #111111;
    margin: 0 0 3px 0;
}
.doc-details small { font-size: 11px; color: #888888; }

.download-btn-square {
    width: 32px;
    height: 32px;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    color: #4A5568;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 13px;
    transition: background 0.2s;
}
.download-btn-square:hover { background: #F8FAFC; }

/* --------------------------------------------------------------------------
   🏷️ BARIS 2: BANNER MASCOT & FAQ COMPONENT
   -------------------------------------------------------------------------- */
.panel-light-blue   { background-color: #EBF3FF; border-color: #D2E4FF; }
.panel-light-purple { background-color: #f9f8fe; border-color: #E3DBFF; }

.banner-flex {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    height: 200px;
}
.banner-text-side {
    max-width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.panel-badge-label {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.quote-text {
    font-size: 14.5px;
    font-weight: 600;
    color: #5F48BB;
    line-height: 1.4;
    margin: 10px 0;
    font-style: normal;
	padding-left: 30px;
}
.banner-text-side h3 {
    font-size: 18px;
    font-weight: 700;
    color: #111111;
    margin: 0 0 8px 0;
}
.panel-desc-text {
    font-size: 13px;
    color: #475569;
    line-height: 1.5;
    margin: 0 0 16px 0;
}
.btn-action-outline {
    align-self: flex-start;
    background: #ffffff;
    border: 1px solid #CBD5E1;
    padding: 8px 16px;
    font-size: 12.5px;
    font-weight: 600;
    color: #5F48BB;
    text-decoration: none;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

.btn-action-outline:hover {
	color: #5F48BB;
}

/* Gambar Samping / Maskot Sisi Kanan */
.banner-image-side {
    max-width: 30%;
    display: flex;
    justify-content: center;
}
.banner-image-side img {
    max-height: 140px;
    width: auto;
}

/* Gelembung FAQ Kanan */
.faq-bg-bubble {
    width: 110px;
    height: 110px;
    background: #E3DBFF;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bubble-faq-icon {
    font-size: 46px;
    color: #5F48BB;
    font-weight: 900;
}

/* --------------------------------------------------------------------------
   ✉️ BARIS 3: NEWSLETTER BAR CONTAINER
   -------------------------------------------------------------------------- */
.newsletter-bar-purple {
    background: #5B3ECE;
    border-radius: 14px;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}
.newsletter-info-block {
    display: flex;
    align-items: center;
    gap: 16px;
}
.mail-icon-circle {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.newsletter-titles h4 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px 0;
}
.newsletter-titles p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    margin: 0;
}

/* Form Interaksi Input & Tombol */
.newsletter-form-action {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 8px;
    /* padding: 4px; */
    width: 40%;
    box-sizing: border-box;
}
.newsletter-form-action input {
    border: 0;
    padding: 8px 12px;
    font-size: 13px;
    flex-grow: 1;
    outline: none;
    color: #333;
}
.newsletter-form-action button {
    background: #39337F;
    color: #ffffff;
    border: 0;
    padding: 8px 18px;
    font-size: 13px;
    font-weight: 600;
    /* border-radius: 6px; */
    cursor: pointer;
    transition: background 0.2s;
}
.newsletter-form-action button:hover { background: #222222; }






/* ==========================================================================
   🎨 SAMBUNGAN GAYA CSS KOMPONEN UTAMA (DESKTOP TO MICRO SCREEN 375PX)
   ========================================================================== */

/* --- 1. HERO SECTION ENGINE --- */

#community {
    position: relative;
    background-image: url(../images/background-community.png);
    height: 372px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 100px;
}

.hero-community-section {
    background: radial-gradient(circle at top right, #F3EFFF 0%, #FAF9FE 60%);
    padding: 60px 0;
    width: 100%;
}
.hero-grid-wrapper {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: center;
}
.hero-text-block h1 {
    font-size: 44px;
    font-weight: 800;
    line-height: 1.15;
    color: #1A237E;
    margin-bottom: 20px;
}
.hero-text-block h1 .colored { color: #5F48BB; }
.hero-description {
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 30px;
}
.hero-action-buttons {
    display: flex;
    gap: 16px;
}
.btn-hero-solid, .btn-hero-outline {
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}
.btn-hero-solid { background: #5F48BB; color: #ffffff; }
.btn-hero-solid:hover { background: #4A32B3; }
.btn-hero-outline { background: #ffffff; color: #5F48BB; border: 1px solid #E3DBFF; }
.btn-hero-outline:hover { background: #F4F1FF; }

/* Visual Block Kanan */
.hero-image-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}
.hero-image-container img {
    width: 100%;
    max-width: 480px;
    height: auto;
    object-fit: contain;
}
.floating-quote-card {
    position: absolute;
    bottom: 30px;
    right: -10px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(95, 72, 187, 0.15);
    padding: 16px 20px;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(95, 72, 187, 0.08);
    z-index: 2;
}
.floating-quote-card p {
    margin: 0 0 6px 0;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}
.floating-quote-card p:last-child { margin-bottom: 0; color: #5F48BB; }

/* --- 2. BENEFIT SECTION ENGINE --- */
.benefit-community-section { padding: 30px 0; }
.benefit-master-box {
    background: #ffffff;
    border: 1px solid #E9E7EF;
    border-radius: 16px;
    padding: 30px;
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
    gap: 30px;
    box-shadow: 0 4px 14px rgba(48, 34, 93, 0.02);
}
.benefit-title-side h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1A237E;
    line-height: 1.3;
}
.benefit-title-side .text-muted { color: #64748B; font-weight: 500; }
.benefit-grid-side {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 30px;
}
.benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    width: calc(50% - 15px); /* Bagi kepada 2 kolom di desktop */
}
/* Memaksa elemen kelima mengambil baris penuh jika diperlukan, atau kekal mengalir */
.benefit-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.bg-purple-tint { background: #F3EFFF; color: #5F48BB; }
.bg-coral-tint  { background: #FFEFEF; color: #FF6B6B; }
.bg-green-tint  { background: #EFFFF3; color: #2ECC71; }
.bg-gold-tint   { background: #FFFDE6; color: #F1C40F; }
.bg-blue-tint   { background: #E9F1FF; color: #3B82F6; }

.benefit-info h4 { font-size: 14px; font-weight: 700; color: #111111; margin: 0 0 4px 0; }
.benefit-info p { font-size: 12.5px; color: #64748B; line-height: 1.4; margin: 0; }

/* --- 3. DUAL SECTION: EVENTS & TESTIMONIAL --- */
.dual-column-layout {
    display: grid;
    grid-template-columns: 1.8fr 1.2fr; /* Sisi kiri program lebih besar daripada testimoni */
    gap: 32px;
}
.section-flex-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.section-flex-header h3 { font-size: 18px; font-weight: 700; color: #111111; margin: 0; }
.link-see-all { font-size: 13px; color: #5F48BB !important; font-weight: 600; text-decoration: none; }

/* Sisi Kiri - Grid Event Card */
.events-scroll-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Susunan 2x2 */
    gap: 20px;
}
.event-card-item {
    background: #ffffff;
    border: 1px solid #E9E7EF;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(48, 34, 93, 0.03);
    display: flex;
    flex-direction: column;
}
.event-thumb-frame {
    position: relative;
    height: 130px;
    background: #eaeaea;
}
.event-thumb-frame img { width: 100%; height: 100%; object-fit: cover; }
.event-tag-status {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    color: #ffffff;
}
.badge-sharing  { background: #5F48BB; }
.badge-webinar  { background: #E63946; }
.badge-healing  { background: #2A9D8F; }
.badge-gathering { background: #F4A261; }

.event-body-details { padding: 16px; flex-grow: 1; display: flex; flex-direction: column; }
.event-meta-time { display: flex; justify-content: space-between; font-size: 11px; color: #748094; margin-bottom: 10px; }
.event-meta-time span { display: inline-flex; align-items: center; gap: 4px; }
.event-body-details h4 { font-size: 14.5px; font-weight: 700; color: #111111; line-height: 1.3; margin: 0 0 6px 0; }
.event-body-details p { font-size: 12px; color: #64748B; line-height: 1.4; margin: 0 0 12px 0; flex-grow: 1; }
.event-platform-info { font-size: 11.5px; color: #5F48BB; font-weight: 600; margin-bottom: 14px; display: inline-flex; align-items: center; gap: 6px; }
.btn-event-register {
    border: 1px solid #CBD5E1;
    text-align: center;
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s;
}
.btn-event-register:hover { background: #F8FAFC; border-color: #94A3B8; }

/* Sisi Kanan - Testimonial & CTA Box */
.testimonial-bubble-card {
    background: #ffffff;
    border: 1px solid #E9E7EF;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 14px rgba(48, 34, 93, 0.02);
    margin-bottom: 24px;
    position: relative;
}
/* .testimonial-quote {
    font-size: 13.5px;
    line-height: 1.5;
    color: #475569;
    font-style: italic;
    margin: 0 0 20px 0;
} */
.testimonial-user-author { display: flex; align-items: center; gap: 12px; }
/* .author-avatar-circle {
    width: 36px;
    height: 36px;
    background: #EEF2FF;
    color: #3B82F6;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
} */
.author-meta-info strong { display: block; font-size: 13px; color: #111111; }
/* .author-meta-info small { font-size: 11px; color: #94A3B8; } */
.testimonial-slider-dots { display: flex; gap: 6px; justify-content: flex-end; margin-top: -15px; }
/* .testimonial-slider-dots .dot { width: 6px; height: 6px; background: #E2E8F0; border-radius: 50%; } */
/* .testimonial-slider-dots .dot.active { background: #5F48BB; width: 14px; border-radius: 4px; } */

/* CTA Box Ungu */
.cta-join-purple-box {
    background: linear-gradient(135deg, #4A32B3 0%, #5F48BB 100%);
    border-radius: 16px;
    padding: 24px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.cta-text-content { max-width: 75%; z-index: 2; }
.cta-text-content h4 { font-size: 16px; font-weight: 700; margin: 0 0 6px 0; line-height: 1.3; }
.cta-text-content p { font-size: 12px; color: rgba(255,255,255,0.85); line-height: 1.4; margin: 0 0 16px 0; }

/* ==========================================================================
   🎨 LANJUTAN CSS: SEKSI KOMUNITAS, EVENT, PROGRAM, MITRA & FOOTER
   ========================================================================== */

/* --- 1. HERO COMMUNITY ENGINE --- */
.hero-grid-wrapper {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: center;
}
.hero-text-block h1 {
    font-size: 44px;
    font-weight: 800;
    line-height: 1.15;
    color: #1A237E;
    margin: 0 0 20px 0;
}
.hero-text-block h1 .colored { 
    color: #5F48BB; 
}
.hero-description {
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
    margin: 0 0 30px 0;
}
.hero-action-buttons {
    display: flex;
    gap: 16px;
}
.btn-hero-solid, .btn-hero-outline {
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
}
.btn-hero-solid { 
    background: #5F48BB; 
    color: #ffffff; 
}
.btn-hero-solid:hover { 
    background: #4A32B3; 
}
.btn-hero-outline { 
    background: #ffffff; 
    color: #5F48BB; 
    border: 1px solid #E3DBFF; 
}
.btn-hero-outline:hover { 
    background: #F4F1FF; 
}

/* Visual Block Kanan (Hero) */
.hero-image-container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}
.hero-image-container img {
    width: 100%;
    max-width: 480px;
    height: auto;
    object-fit: contain;
}
.floating-quote-card {
    position: absolute;
    bottom: 30px;
    right: -10px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(95, 72, 187, 0.15);
    padding: 16px 20px;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(95, 72, 187, 0.08);
    z-index: 2;
}
.floating-quote-card p {
    margin: 0 0 6px 0;
    font-size: 13px;
    font-weight: 600;
    color: #475569;
}
.floating-quote-card p:last-child { 
    margin-bottom: 0; 
    color: #5F48BB; 
}


/* --- 2. BENEFIT SECTION ENGINE --- */
.benefit-community-section { 
    padding: 30px 0; 
}
.benefit-master-box {
    background: #ffffff;
    border: 1px solid #E9E7EF;
    border-radius: 16px;
    padding: 30px;
    display: grid;
    grid-template-columns: 0.8fr 2.2fr;
    gap: 30px;
    box-shadow: 0 4px 14px rgba(48, 34, 93, 0.02);
}
.benefit-title-side h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1A237E;
    line-height: 1.3;
    margin: 0;
}
.benefit-title-side .text-muted { 
    color: #64748B; 
    font-weight: 500; 
}
.benefit-grid-side {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 30px;
}
.benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    width: calc(50% - 15px); /* Membagi 2 kolom merata di desktop */
    box-sizing: border-box;
}
.benefit-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.bg-purple-tint { background: #F3EFFF; color: #5F48BB; }
.bg-coral-tint  { background: #FFEFEF; color: #FF6B6B; }
.bg-green-tint  { background: #EFFFF3; color: #2ECC71; }
.bg-gold-tint   { background: #FFFDE6; color: #F1C40F; }
.bg-blue-tint   { background: #E9F1FF; color: #3B82F6; }

.benefit-info h4 { 
    font-size: 14px; 
    font-weight: 700; 
    color: #111111; 
    margin: 0 0 4px 0; 
}
.benefit-info p { 
    font-size: 12.5px; 
    color: #64748B; 
    line-height: 1.4; 
    margin: 0; 
}


/* --- 3. DUAL SECTION: EVENTS & TESTIMONIAL --- */
.events-testimonial-section { 
    padding-top: 40px; 
}
.dual-column-layout {
    display: grid;
    grid-template-columns: 1.8fr 1.2fr; /* Kolom kegiatan lebih besar dari testimoni */
    gap: 10px;
}
.section-flex-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.section-flex-header h3 { 
    font-size: 18px; 
    font-weight: 700; 
    color: #111111; 
    margin: 0; 
}
.link-see-all { 
    font-size: 13px; 
    color: #5F48BB; 
    font-weight: 600; 
    text-decoration: none; 
}

/* Sisi Kiri - Grid Event Card (2x2) */
.events-scroll-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.event-card-item {
    background: #ffffff;
    border: 1px solid #E9E7EF;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(48, 34, 93, 0.03);
    display: flex;
    flex-direction: column;
}
.event-thumb-frame {
    position: relative;
    height: 130px;
    background: #eaeaea;
}
.event-thumb-frame img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}
.event-tag-status {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 20px;
    color: #ffffff;
}
.badge-sharing  { background: #5F48BB; }
.badge-webinar  { background: #E63946; }
.badge-healing  { background: #2A9D8F; }
.badge-gathering { background: #F4A261; }

.event-body-details { 
    padding: 16px; 
    flex-grow: 1; 
    display: flex; 
    flex-direction: column; 
}
.event-meta-time { 
    display: flex; 
    justify-content: space-between; 
    font-size: 11px; 
    color: #748094; 
    margin-bottom: 10px; 
}
.event-meta-time span { 
    display: inline-flex; 
    align-items: center; 
    gap: 4px; 
}
.event-body-details h4 { 
    font-size: 14.5px; 
    font-weight: 700; 
    color: #111111; 
    line-height: 1.3; 
    margin: 0 0 6px 0; 
}
.event-body-details p { 
    font-size: 12px; 
    color: #64748B; 
    line-height: 1.4; 
    margin: 0 0 12px 0; 
    flex-grow: 1; 
}
.event-platform-info { 
    font-size: 11.5px; 
    color: #5F48BB; 
    font-weight: 600; 
    margin-bottom: 14px; 
    display: inline-flex; 
    align-items: center; 
    gap: 6px; 
}
.btn-event-register {
    border: 1px solid #CBD5E1;
    text-align: center;
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s;
}
.btn-event-register:hover { 
    background: #F8FAFC; 
    border-color: #94A3B8; 
}

/* Sisi Kanan - Testimonial & CTA Box */
.testimonial-bubble-card {
    background: #F3EFFF;
    border: 1px solid #E9E7EF;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 14px rgba(48, 34, 93, 0.02);
    margin-bottom: 24px;
    position: relative;
}
.testimonial-quote {
    display: flex !important;
    align-items: flex-start; /* Mengunci tanda kutip di baris pertama atas */
    gap: 8px;                /* Jarak horizontal yang konsisten antara tanda kutip dan teks */
    font-size: 13.5px;
    line-height: 1.6;
    color: #475569;
    font-style: italic;
    margin: 0 0 20px 0;
    text-align: left;
}
.testimonial-quote::before {
    content: "“";
    font-size: 32px;         /* Ukuran tanda kutip yang tegas */
    font-family: 'Georgia', serif;
    color: #5F48BB;          /* Warna ungu brand RASA Centre */
    font-weight: bold;
    line-height: 1;          /* Menghilangkan ruang kosong vertikal bawaan font */
    margin-top: -4px;        /* Tarik sedikit ke atas agar sejajar sempurna dengan huruf pertama */
    flex-shrink: 0;          /* Kunci agar tanda kutip tidak gepeng saat layar mengecil */
    display: inline-block;
}

.testimonial-user-author { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
	padding-top: 10px;
}
.author-avatar-circle {
    width: 36px;
    height: 36px;
    background: #E0D7FB !important;
    /* color: #3B82F6; */
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.author-meta-info strong { display: block; font-size: 13px; color: #111111; }
.author-meta-info small { font-size: 11px; }
.testimonial-slider-dots { 
    display: flex; 
    gap: 6px; 
    justify-content: flex-end; 
    margin-top: -15px; 
}
.testimonial-slider-dots .dot { 
    width: 6px; 
    height: 6px; 
    background: #5F48BB; 
    border-radius: 50%; 
}
.testimonial-slider-dots .dot.active { 
    background: #5F48BB; 
    width: 14px; 
    border-radius: 4px; 
}

/* CTA Box Ungu */
.cta-join-purple-box {
    background: linear-gradient(135deg, #4A32B3 0%, #5F48BB 100%);
    border-radius: 16px;
    padding: 24px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.cta-text-content { 
    max-width: 75%; 
    z-index: 2; 
}
.cta-text-content h4 { 
    font-size: 16px; 
    font-weight: 700; 
    margin: 0 0 6px 0; 
    line-height: 1.3; 
}
.cta-text-content p { 
    font-size: 12px; 
    color: rgba(255,255,255,0.85); 
    line-height: 1.4; 
    margin: 0 0 16px 0; 
}
.btn-cta-white {
    background: #ffffff;
    color: #5F48BB !important;
    padding: 10px 18px;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.cta-icon-vector-graphic {
    font-size: 80px;
    color: rgba(255, 255, 255, 0.08);
    position: absolute;
    right: -10px;
    bottom: -15px;
    z-index: 1;
}


/* --- 4. MITRA & PARTNERSHIP ENGINE --- */
.partnership-brands-section { 
    padding-bottom: 50px; 
}
.brands-logo-flex-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: #ffffff;
    border: 1px solid #E9E7EF;
    border-radius: 12px;
    padding: 20px 30px;
    box-shadow: 0 4px 12px rgba(48, 34, 93, 0.02);
}
.logo-item-box {
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0.75;
    transition: opacity 0.2s;
}
.logo-item-box:hover { opacity: 1; }
.logo-item-box img { 
    max-height: 28px; 
    width: auto; 
    object-fit: contain; 
}
.logo-item-box span { 
    font-size: 12px; 
    font-weight: 700; 
    color: #475569; 
    letter-spacing: -0.3px; 
}
.psy-icon {
    font-size: 18px;
    font-weight: bold;
    color: #475569;
}


/* .partnership-brands-section {
    padding: 30px 0 50px 0;
    width: 100%;
    box-sizing: border-box;
} */

/* Judul Biru Gelap Tebal */
.partnership-title {
    font-size: 16px;
    font-weight: 700;
    color: #1A237E; /* Warna biru navy pekat sesuai gambar */
    margin: 0 0 16px 0;
    text-align: left;
}

/* Container Row Menggunakan Grid 6 Kolom Sejajar Sempurna */
.brands-logo-grid-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr) !important; /* Membagi 6 bagian sama rata */
    gap: 12px; /* Jarak antar kotak pembungkus */
    width: 100%;
    box-sizing: border-box;
}

/* ⬜ DESAIN INDIVIDU KOTAK PUTIH (LOGO-ITEM-CARD) */
.logo-item-card {
    background: #ffffff;
    border: 1px solid #E9E7EF;
    border-radius: 8px; /* Lengkungan sudut halus sesuai gambar */
    padding: 12px 8px;
    min-height: 55px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center; /* Memastikan logo & teks berada tepat di tengah kotak */
    gap: 10px; /* Jarak antara gambar logo dan teks tulisan */
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(48, 34, 93, 0.02); /* Shadow sangat tipis halus */
    transition: all 0.2s ease;
}

/* Pengaturan Dimensi Gambar Di Dalam Kotak */
.logo-item-card img {
    max-height: 28px;
    width: auto;
    object-fit: contain;
}

/* Pengaturan Teks Di Samping Gambar */
.logo-item-card span {
    font-size: 11px;
    font-weight: 700;
    color: #1B2A4A; /* Warna teks gelap */
    line-height: 1.2;
    text-transform: uppercase; /* Memaksa huruf kapital sesuai gambar */
    letter-spacing: -0.2px;
}

/* Khusus Untuk Teks Berbaris Katadata */
.logo-item-card span small {
    font-size: 9px;
    font-weight: 400;
    text-transform: none; /* Mengembalikan tulisan kecil "Insight Center" */
    color: #748094;
    display: block;
}

/* Ikon Simbol Psikologi (Ψ) Murni */
.psy-icon-logo {
    font-size: 20px;
    font-weight: 700;
    color: #1B2A4A;
    font-family: serif;
    line-height: 1;
}

/* 🔵 KOTAK KE-6: DESAIN KHUSUS TOMBOL "LIHAT SEMUA MITRA" */
.btn-see-all-card {
    border: 1px solid #E9E7EF;
    cursor: pointer;
}
.btn-see-all-card span {
    color: #5F48BB !important; /* Warna ungu utama */
    text-transform: none !important; /* Menjaga huruf tetap normal "Lihat Semua Mitra" */
    font-size: 11.5px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.btn-see-all-card:hover {
    background: #FAF9FE;
    border-color: #5F48BB;
}



/* ==========================================================================
   📱 SYSTEM MEDIA QUERY BREAKPOINTS (PROGRESSIVE DOWN-STEPPING)
   ========================================================================== */

/* 💻 BREAKPOINT 1: Notebook Layout Adjustments (1024px and down) */
@media (max-width: 1024px) {
    .ls-inner {
        padding-left: 20px;
    }
    .ls-l.button-v2.button--white {
        padding: 11px 10px 11px 10px !important;
    }
    .ls-l.button-v2.button--red {
        padding: 11px 8px 11px 9px !important;
    }
	.button-2 {
		left:328px !important;
	}

	.mission .t-div-5 .font40 {
		/* Reduced from 40px to a much more elegant 26px baseline */
		font-size: 20px !important; 
	}

	.mission .t-div-5 .icon {
		flex: 0 0 50px !important;
		width: 50px !important;
	}


	#aboutus {
        /* Scale down container height so the background does not distort */
		background-size: contain !important; 
		background-position: left top;
        height: 344px; 
    }

	#consultation {
		background-size: contain !important; 
		background-position: right top;
        height: 292px; 
	}

	#faq {
		background-size: contain !important; 
		background-position: right top;
        height: 280px; 
	}

	#education {
		background-size: contain !important;  
		background-position: left top;
        height: 358px; 
	}


    .report .inner {
        padding-left: 10px !important;
        padding-right: 10px !important;
        gap: 10px !important;
    }

	.new-article {
		grid-template-columns: repeat(3, 1fr) !important;
		padding: 0 10px !important;
	}

	.new-article > b.t-left {
    	grid-column: span 2 !important;
	}

	.new-article > a {
    	grid-column: span 1 !important;
	}

	.edu-infografis-section {
		padding: 40px 10px;
	}


	/* COMMUNITY */
	#community {
		background-size: contain !important;  
		background-position: left top;
        height: 229px; 
		margin: 0px !important;
	}

	/* .dual-column-layout, .events-scroll-grid, .brands-logo-grid-row, .stats.six,
	.stats.six div:nth-child(1) */
	.brands-logo-grid-row {
		grid-template-columns: 1fr 1fr 1fr !important;
	}

	.stats.six div {
		border: 0px !important;
	}
}


/* 📋 BREAKPOINT 2: Standard Tablets (992px and down) */
@media (max-width: 992px) {
    .ls-inner {
        padding-left: 20px;
    }
    .ls-l.button-v1.button--blue {
        padding: 5px 13px 5px 13px !important;
    }
	.button-1 {
		left:158px !important;
	}
	.button-2 {
		left:326px !important;
	}

    /* Stats container: Drop from 4 to 2 side-by-side columns */
    .stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 16px;
    }
    /* Clean up the vertical line separators on the right edge column elements */
    .stats div {
        border-right: 1px solid #eee;
    }
    .stats div:nth-child(even) {
        border-right: 0 !important;
    }

    /* Cards area drops cleanly into a 2-column balancing format */
    .cards.four {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Team profiles component adopts 2 columns layout */
    .team {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 20px;
        padding: 20px 16px;
    }
    .team div {
        border-right: 1px solid #eee !important;
        padding-left: 8px;
        padding-right: 8px;
    }
    .team div:nth-child(even) {
        border-right: 0 !important;
    }

	#aboutus {
        /* Scale down container height so the background does not distort */
		background-size: contain !important; 
		background-position: left top;
        height: 284px; 
    }

	#faq {
		background-size: contain !important; 
		background-position: right top;
        height: 230px; 
	}

	#consultation {
		background-size: contain !important; 
		background-position: left top;
        height: 260px; 
	}

	#education {
		background-size: contain !important;  
		background-position: left top;
        height: 286px; 
	}


    /* Report split configuration setup handles tablet constraint padding rules */
    .report .inner {
        grid-template-columns: 1fr; /* Convert background graphic and layout form to single stacking */
        gap: 30px !important;
    }

    .nav-btn-item {
        visibility: hidden;
    }

	.notice .button-v3 {
		float: right;
		padding: 6px 6px;
		font-size: 13px;
		width: 200px;
		text-align: center;
	}

	.faq-wrapper .column.two {
        grid-template-columns: 1fr !important;
    }

	.new-article {
		grid-template-columns: repeat(3, 1fr) !important;
		padding: 0 10px !important;
	}

	.new-article > b.t-left {
    	grid-column: span 2 !important;
	}

	.new-article > a {
    	grid-column: span 1 !important;
	}

	/* COMMUNITY */
	#community {
		background-size: contain !important;  
		background-position: left top;
        height: 184px; 
		margin: 0px !important;
	}

	/* .dual-column-layout, .events-scroll-grid, .brands-logo-grid-row, .stats.six,
	.stats.six div:nth-child(1) */
	.brands-logo-grid-row {
		grid-template-columns: 1fr 1fr !important;
	}

	.stats.six div {
		border: 0px !important;
	}
}


/* 📟 BREAKPOINT 3: Phablets / Narrow Landscape Devices (768px and down) */
@media (max-width: 768px) {
    .ls-inner {
        padding-left: 20px;
    }
    .ls-l i {
        font-size: 14px !important;
        padding-right: 10px !important;
    }
	.ls-l.button-v1.button--blue {
        padding: 5px 13px 5px 13px !important;
    }
    .responsive-1 {
        max-width: 470px !important;
        font-size: 14px !important;
    }
	.button-1 {
		left:164px !important;
	}
	.button-2 {
		left:336px !important;
	}
	

	#aboutus {
        /* Scale down container height so the background does not distort */
		background-size: contain !important; 
		background-position: left top;
        height: 216px; 
    }
	
	#faq {
		background-size: contain !important; 
		background-position: right top;
        height: 213px; 
	}

	#consultation {
		background-size: contain !important; 
		background-position: left top;
        height: 219px; 
	}

	#education {
		background-size: contain !important;  
		background-position: left top;
        height: 270px; 
	}


	.notice .button-v3 {
		width: 220px;
	}
	


    /* Stats wrapper: Shift alignment constraints to avoid collision overlap markers */
    .stats {
        margin-top: -20px !important;
    }
    .stats div {
        padding-left: 10px;
        padding-bottom: 15px;
    }
    .stats div:last-child {
        padding-bottom: 0;
    }

    /* Team grid compact settings */
    .team {
        gap: 20px 12px;
    }
    .team div {
        grid-template-columns: 80px 1fr;
    }
    .team img {
        width: 70px;
        height: auto;
    }

	.faq-wrapper .column.two {
        grid-template-columns: 1fr !important;
    }

	.new-article {
		grid-template-columns: repeat(3, 1fr) !important;
		padding: 0 10px !important;
	}

	.new-article > b.t-left {
    	grid-column: span 2 !important;
	}

	.new-article > a {
    	grid-column: span 1 !important;
	}


	/* COMMUNITY */
	#community {
		background-size: contain !important;  
		background-position: left top;
        height: 172px; 
		margin: 0px !important;
	}

	/* .dual-column-layout, .events-scroll-grid, .brands-logo-grid-row, .stats.six,
	.stats.six div:nth-child(1) */
	.brands-logo-grid-row {
		grid-template-columns: 1fr 1fr !important;
	}

	.stats.six div {
		border: 0px !important;
	}
}



@media (max-width: 576px) {
	.responsive-1 {
		max-width: 350px !important;
        font-size: 10px !important;
	}
	.responsive-2 {
		font-size: 10px !important;
	}
	.responsive-3 {
		visibility: hidden !important;
	}

	.button-2 {
		visibility: hidden !important;
	}

	#whatsappForm .checkbox-group {
		grid-column: span 1;
	}

	#whatsappForm {
		grid-template-columns: 1fr; /* Kembali menjadi 1 kolom vertikal di HP */
	}

	#whatsappForm .form-group:nth-child(5), 
	#whatsappForm .btn-submit {
		grid-column: span 1; 
	}

	


	/* Menyembunyikan kolom kosong dummy di layar HP agar tidak ada jarak kosong aneh */
	.dummy-space {
		display: none;
	}

	/* 1. Stack the 3 main blocks (Visi, Misi, Nilai) vertically */
    .mission {
        grid-template-columns: 1fr !important; /* Forces 1 single column */
        gap: 35px !important;                 /* Generates healthy spacing between blocks */
        padding: 25px 16px !important;         /* Comfortable boundary padding */
    }

    /* 2. Format individual section inner containers */
    .mission > div {
        border-right: 0 !important;            /* Removes desktop right divider lines */
        border-bottom: 1px solid #eee;         /* Replaces with a clean horizontal separator */
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 25px !important;       /* Space right above the separator */
        grid-template-rows: auto !important;   /* Resets rigid fixed desktop row limits */
    }

    /* Remove the bottom line from the absolute last section (Nilai Kami) */
    .mission > div:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* 3. Section Title Adjustments */
    .mission strong {
        font-size: 20px !important;
        display: block;
        margin-bottom: 12px;
    }

	.mission small {
        font-size: 12px !important;
    }

    /* 4. Fine-tuning the list item spacing inside Misi Kami */
    .mission .list-li {
        padding-left: 20px !important;
        margin-top: 8px;
    }
    
    .mission .list-li li {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin-bottom: 8px !important; /* Space out sentences for easier mobile reading */
    }

    /* 5. Transform Nilai Kami's 5 inner icons into a single-column stack */
    .mission .div-5 {
        grid-template-columns: repeat( 3, 1fr) !important; /* Stacks the 5 values vertically */
        grid-template-rows: auto !important;
        gap: 24px !important;                  /* Balanced space between each value item */
        margin-top: 15px;
    }

    /* 6. Clean alignment setups for the 5 inner value elements */
    .mission .t-div-5 {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* Make Nilai Kami icons proportional and centered */
    .mission .t-div-5 .font40 {
        font-size: 24px !important;
        width: 46px;
        height: 46px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-bottom: 8px !important;
    }

    .mission .t-div-5 b {
        font-size: 15px !important;
        margin-top: 2px !important;
        margin-bottom: 4px !important;
    }

    .mission .t-div-5 small {
        font-size: 12px !important;
        max-width: 100% !important; /* Allows the sentence to wrap comfortably */
    }

	/* COMMUNITY */
	#community {
		background-size: contain !important;  
		background-position: left top;
        height: 132px; 
		margin: 0px !important;
	}

	.dual-column-layout, .events-scroll-grid, .brands-logo-grid-row, .stats.six,
	.stats.six div:nth-child(1) {
		grid-template-columns: 1fr !important;
	}

	.stats.six div {
		border: 0px !important;
	}
}


/* 📱 BREAKPOINT 4: Global Mobile Format (480px and down) */
@media (max-width: 480px) {
    .ls-inner {
        padding-left: 10px;
    }
    .responsive-1 {
        max-width: 237px !important;
        font-size: 10px !important;
        line-height: 9px !important;
    }
    .responsive-2 {
        top: 40px !important;
    }
	.button-1 {
		visibility: hidden !important;
	}
    .ls-l i {
        font-size: 14px !important;
        padding-right: 10px !important;
    }
    .ls-l.button-v1 {
        font-size: 10px !important;
    }
    .hidden {
        visibility: hidden;
    }

	#aboutus {
        /* Adjust position slightly to prioritize reading clarity on the left side text */
		background-size: contain !important; 
        background-position: left center; 
        height: 118px;
    }

	#consultation {
		background-size: contain !important; 
		background-position: left top;
        height: 136px; 
	}

	#faq {
		background-size: contain !important; 
		background-position: right top;
        height: 147px; 
	}

	#education {
		background-size: contain !important;  
		background-position: left top;
        height: 168px; 
	}

	.stats.seven {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 20px 10px;
	}

	.stats.seven > .t-left {
		grid-column: span 2 !important;
	}
	.stats.seven > a {
		grid-column: span 1!important;
	}

	.new-article {
        /* Tetap menjaga daftar kartu di bawahnya mengalir 1 kolom lurus */
        grid-template-columns: 1fr !important;
        gap: 16px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* 🟢 MEMAKSA JUDUL DAN LINK SEJAJAR 1 BARIS (KIRI & KANAN) */
    /* Kita manipulasi urutan menggunakan flex ordering jika diperlukan, atau langsung buat layout flex di atasnya */
    .new-article {
        display: flex !important;
        flex-direction: column !important;
    }

	/* Memaksa judul berada di baris tersendiri melingkari 1 kolom */
    .new-article > b.t-left {
        display: inline-block !important;
        width: auto !important;
        float: left;
        font-size: 16px !important; /* Sedikit dikecilkan agar muat di 375px */
        margin: 0 !important;
        text-align: left !important;
    }

    /* Memaksa link berada di bawah judul sebelum daftar kartu dimulai */
    .new-article > a {
        display: inline-flex !important;
        width: auto !important;
        float: right;
        font-size: 12px !important; /* Menyesuaikan ukuran link agar tidak turun baris */
        text-align: right !important;
        justify-content: flex-end;
        margin: 0 !important;
        position: absolute; /* Kunci posisi di pojok kanan atas kontainer */
        right: 10px;
        top: 2px;
    }

    /* Mengoptimalkan tampilan kartu agar memanjang penuh */
    .new-article .wrapper:first-of-type {
        margin-top: 35px !important; 
    }

    /* 📇 Optimasi kerapian kartu artikel di layar 375px */
    .new-article .wrapper {
        width: 100% !important;
        padding: 12px !important;
    }

    .new-article .wrapper img {
        height: 140px !important;
    }

	.faq-wrapper .column.two {
		grid-template-columns: 1fr !important;
	}

    /* Stats components transform smoothly into 1 robust column file array */
    .stats {
        grid-template-columns: 1fr;
        gap: 20px;
		margin-top: -10px !important;
    }
    .stats div {
        border-right: 0 !important;
        border-bottom: 1px solid #eee;
        padding-left: 0;
    }
    .stats div:last-child {
        border-bottom: 0;
    }

    /* All layout grids drop down to single blocks safely */
    .cards.four, .cards.three, .cards.two {
        grid-template-columns: 1fr;
    }
    .cards article {
        padding: 14px;
    }
    .cards article div b {
        display: block;
        margin-bottom: 4px;
        font-size: 15px;
    }
    .cards article div p {
        margin-bottom: 8px;
    }

    /* Mission 5 column grid maps to vertical listing cards row system */
    .mission .div-5 {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 30px;
    }
    .mission .t-div-5 {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .mission .t-div-5 b {
        margin-top: 8px;
        font-size: 14px;
        display: block;
    }
    .mission .t-div-5 small {
        margin-top: 4px;
        font-size: 11px;
    }

    /* Notice components layout restructuring adjustments */
    .notice2 {
        padding: 20px 15px;
    }
    .notice2-flex-row {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 15px;
    }
    .notice2-text-inline {
        margin-right: 0px;
        padding-left: 12px;
        max-width: calc(100% - 75px);
    }
    .notice2 .button-v3 {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 10px 20px;
        display: block;
        margin-top: 5px;
    }

    /* Team structure stack configurations reset borders smoothly */
    .team {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 15px;
    }
    .team div {
        border-right: 0 !important;
        border-bottom: 1px solid #eee;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 15px;
        grid-template-columns: 85px 1fr;
    }
    .team div:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    /* WhatsApp report form configurations elements */
    

	#whatsappForm {
		display: flex !important;
        flex-direction: column !important;
	}
    #whatsappForm .form-group:nth-child(9),
    #whatsappForm .checkbox-group,
    .btn-submit {
        grid-column: span 1 !important;
    }

	.grid-col-2  {
		grid-template-columns: 1fr !important;
	}

	.howto {
		grid-template-columns: 1fr !important;
	}


	.inner {
		padding-top: 40px;
	}

	/* 1. Perkecil padding panel agar tidak memakan ruang layar */
    .card-panel {
        padding: 16px !important;
    }

    /* 2. Ubah grid samping menjadi susunan 1 kolom vertikal ke bawah */
    .video-container-box {
        grid-template-columns: 1fr !important;
        gap: 16px;
    }

    /* 3. Atur ulang tinggi pemutar video utama */
    .video-main-featured {
        height: 180px !important; /* Menyesuaikan tinggi ideal layar ponsel */
    }

    /* 4. Sesuaikan ukuran teks overlay di dalam video agar tidak terlalu besar */
    .video-overlay-content h2 {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    .video-overlay-content p {
        font-size: 11px !important;
    }

    /* 5. Perkecil ukuran tombol play lingkaran agar seimbang */
    .play-btn-circle {
        width: 42px !important;
        height: 42px !important;
        font-size: 14px !important;
    }

    /* 6. Atur ulang playlist video kecil di bawah video utama */
    .video-playlist-sidebar {
        gap: 12px !important;
    }

    .playlist-item {
        gap: 12px !important;
        padding-bottom: 8px;
        border-bottom: 1px solid #f1eff6; /* Tambah pembatas tipis antar video mini */
    }

    .playlist-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    /* 7. Perkecil thumbnail playlist sedikit agar teks mendapatkan ruang lebih luas */
    .thumb-mini-wrapper {
        width: 75px !important;
        height: 50px !important;
    }

    .playlist-text h4 {
        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }

	.three-two {
		grid-template-columns: 1fr;
	}

	.panel-header h3 {
		margin-top: -20px;
	}

	.two-two {
		grid-template-columns: 1fr;
	}

	/* 1. Lipat susunan utama dari horizontal menjadi vertikal ke bawah */
    .newsletter-bar-purple {
        flex-direction: column !important;
        padding: 24px 16px !important; /* Padding lebih ramping untuk layar HP */
        gap: 20px !important; /* Jarak antara teks atas dan form bawah */
        text-align: center !important;
    }

    /* 2. Susun blok informasi (ikon + teks) ke bawah dan rata tengah */
    .newsletter-info-block {
        flex-direction: column !important;
        gap: 12px !important;
    }

    /* Posisi ikon email tepat di tengah-tengah */
    .mail-icon-circle {
        margin: 0 auto !important;
    }

    /* Sesuaikan skala tipografi judul agar pas di layar 375px */
    .newsletter-titles h4 {
        font-size: 14.5px !important;
        line-height: 1.4 !important;
        margin-bottom: 4px !important;
    }

    .newsletter-titles p {
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }

    /* 3. Transformasi Form Input agar memanjang penuh */
    .newsletter-form-action {
        width: 100% !important; /* Ambil seluruh lebar layar */
        flex-direction: column !important; /* Pecah input dan tombol menjadi bertumpuk */
        background: transparent !important; /* Hilangkan background putih pembungkus bawaan desktop */
        padding: 0 !important;
        gap: 10px !important; /* Jarak antara kotak input dan tombol kirim */
    }

    /* Kotak Input Email Mandiri */
    .newsletter-form-action input {
        width: 100% !important;
        box-sizing: border-box !important;
        background: #ffffff !important; /* Berikan background putih langsung pada input */
        padding: 12px 14px !important; /* Padding ideal untuk sentuhan jari */
        font-size: 14px !important; /* Mencegah auto-zoom otomatis pada Safari iOS */
        border-radius: 8px !important;
        border: 0;
    }

    /* Tombol Berlangganan Mandiri */
    .newsletter-form-action button {
        width: 100% !important;
        padding: 12px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
        cursor: pointer;
        box-sizing: border-box !important;
    }


	/* COMMUNITY */
	#community {
		background-size: contain !important;  
		background-position: left top;
        height: 132px; 
		margin: 0px !important;
	}

	.dual-column-layout, .events-scroll-grid, .brands-logo-grid-row, .stats.six,
	.stats.six div:nth-child(1) {
		grid-template-columns: 1fr !important;
	}

	.stats.six div {
		border: 0px !important;
	}
}


/* ==========================================================================
   📱 BREAKPOINT 5: Micro Displays & Legacy Mobile Ports (375px and down)
   ========================================================================== */
@media (max-width: 375px) {
    /* 1. Compress master boundaries to maximize input screen real estate */
    .new-container, .stats, .team, .mission {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* 2. Scale back heavy text weights on top metrics blocks */

	.stats {
        margin-top: -24px !important;
    }
    .stats b {
        font-size: 19px !important;
    }
    .stats small {
        font-size: 12px !important;
        line-height: 1.2;
    }

    /* 3. Collapse "Nilai Kami" into 1 column so details read clearly */
    .mission .div-5 {
        grid-template-columns: 1fr 1fr 1fr !important; /* Drops the 3-column squeeze */
        gap: 20px !important;
    }

    .mission .t-div-5 {
        padding: 5px 0 !important;
    }

    .mission .t-div-5 small {
        font-size: 12px !important;
        max-width: 100% !important; /* Allows sentences to stretch comfortably */
    }

	#aboutus {
        /* Switch from 'cover' to 'contain' to force the entire picture asset 
           to display completely with zero vertical edge cropping */
        background-size: contain !important; 
        background-position: left top;
        
        /* Dynamically calculates perfect aspect ratio height for a 375px viewport boundary */
        height: 125px; 
        background-color: #ffffff; /* Fills outer container empty space safely if needed */
    }

	#faq {
		background-size: contain !important; 
		background-position: right top;
        height: 130px; 
	}

	#consultation {
		background-size: contain !important;  
		background-position: left top;
        height: 103px; 
	}

	#education {
		background-size: contain !important;  
		background-position: left top;
        height: 132px; 
	}

	#community {
		background-size: contain !important;  
		background-position: left top;
        height: 132px; 
		margin: 0px !important;
	}

	.stats.seven {
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 20px 10px;
	}

	.stats.seven > .t-left {
		grid-column: span 2 !important;
	}
	.stats.seven > a {
		grid-column: span 1!important;
	}


	.stats.six div:nth-child(1) {
		grid-template-columns: 1fr !important;
	}

	.stats.six div {
		border: 0px !important;
	}

	.dual-column-layout, .events-scroll-grid, .brands-logo-grid-row {
		grid-template-columns: 1fr !important;
	}
	
	

	.new-article {
        /* Tetap menjaga daftar kartu di bawahnya mengalir 1 kolom lurus */
        grid-template-columns: 1fr !important;
        gap: 16px;
        padding-left: 10px !important;
        padding-right: 10px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* 🟢 MEMAKSA JUDUL DAN LINK SEJAJAR 1 BARIS (KIRI & KANAN) */
    /* Kita manipulasi urutan menggunakan flex ordering jika diperlukan, atau langsung buat layout flex di atasnya */
    .new-article {
        display: flex !important;
        flex-direction: column !important;
    }

	/* Memaksa judul berada di baris tersendiri melingkari 1 kolom */
    .new-article > b.t-left {
        display: inline-block !important;
        width: auto !important;
        float: left;
        font-size: 16px !important; /* Sedikit dikecilkan agar muat di 375px */
        margin: 0 !important;
        text-align: left !important;
    }

    /* Memaksa link berada di bawah judul sebelum daftar kartu dimulai */
    .new-article > a {
        display: inline-flex !important;
        width: auto !important;
        float: right;
        font-size: 12px !important; /* Menyesuaikan ukuran link agar tidak turun baris */
        text-align: right !important;
        justify-content: flex-end;
        margin: 0 !important;
        position: absolute; /* Kunci posisi di pojok kanan atas kontainer */
        right: 10px;
        top: 2px;
    }

    /* Mengoptimalkan tampilan kartu agar memanjang penuh */
    .new-article .wrapper:first-of-type {
        margin-top: 35px !important; 
    }

    /* 📇 Optimasi kerapian kartu artikel di layar 375px */
    .new-article .wrapper {
        width: 100% !important;
        padding: 12px !important;
    }

    .new-article .wrapper img {
        height: 140px !important;
    }


    /* 4. Prevent photo and text layout overlaps inside Team grids */
    .team div {
        grid-template-columns: 75px 1fr !important;
        gap: 8px;
    }
    .team img {
        width: 65px !important;
    }
    .team span {
        font-size: 11px !important;
    }
    .team b {
        font-size: 13px !important;
    }

    /* 5. Secure form padding boundaries */
    .form-container {
        padding: 15px 10px !important;
    }
    .form-group label {
        font-size: 12px !important;
    }
    .form-group input, 
    .form-group select, 
    .form-group textarea {
        font-size: 14px !important; /* Locks readable standards to block iOS auto-zoom */
        padding: 8px 10px !important;
    }

	#whatsappForm {
		display: flex !important;
        flex-direction: column !important;
	}

	#whatsappForm .form-group:nth-child(7), #whatsappForm .checkbox-group, .btn-submit {
		grid-column: auto !important;
	}

    /* 6. Fix checkbox alignments and handle text wrapping gracefully */
    .checkbox-container {
        display: flex !important;
        align-items: flex-start !important; /* Anchors checkbox to line 1 of the disclaimer text */
        gap: 8px;
    }
    .checkbox-container input[type="checkbox"] {
        flex-shrink: 0 !important; /* Stop verification box collapsing features */
        margin-top: 2px !important;
        width: 16px !important;
        height: 16px !important;
    }
    .checkbox-text {
        font-size: 11px !important;
        line-height: 1.4 !important;
    }
	


	.faq-wrapper .column.two {
		grid-template-columns: 1fr !important;
	}

	.grid-col-2  {
		grid-template-columns: 1fr !important;
	}

	.howto {
		grid-template-columns: 1fr !important;
	}

	.notice-flex-row {
		display: flex;
		flex-direction: column; /* 🌟 Menyusun baris 1 dan baris 2 ke bawah */
		gap: 15px;              /* Jarak antara teks (baris 1) dan tombol (baris 2) */
		width: 100%;
	}

	.notice .button-v3 {
		width: 100%;            /* 🌟 Melebar penuh di baris kedua */
		display: inline-flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		padding: 10px 20px;
		box-sizing: border-box;
		text-align: center;
	}


	/* 1. Perkecil padding panel agar tidak memakan ruang layar */
    .card-panel {
        padding: 16px !important;
    }

    /* 2. Ubah grid samping menjadi susunan 1 kolom vertikal ke bawah */
    .video-container-box {
        grid-template-columns: 1fr !important;
        gap: 16px;
    }

    /* 3. Atur ulang tinggi pemutar video utama */
    .video-main-featured {
        height: 180px !important; /* Menyesuaikan tinggi ideal layar ponsel */
    }

    /* 4. Sesuaikan ukuran teks overlay di dalam video agar tidak terlalu besar */
    .video-overlay-content h2 {
        font-size: 18px !important;
        line-height: 1.2 !important;
    }

    .video-overlay-content p {
        font-size: 11px !important;
    }

    /* 5. Perkecil ukuran tombol play lingkaran agar seimbang */
    .play-btn-circle {
        width: 42px !important;
        height: 42px !important;
        font-size: 14px !important;
    }

    /* 6. Atur ulang playlist video kecil di bawah video utama */
    .video-playlist-sidebar {
        gap: 12px !important;
    }

    .playlist-item {
        gap: 12px !important;
        padding-bottom: 8px;
        border-bottom: 1px solid #f1eff6; /* Tambah pembatas tipis antar video mini */
    }

    .playlist-item:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    /* 7. Perkecil thumbnail playlist sedikit agar teks mendapatkan ruang lebih luas */
    .thumb-mini-wrapper {
        width: 75px !important;
        height: 50px !important;
    }

    .playlist-text h4 {
        font-size: 11.5px !important;
        line-height: 1.35 !important;
    }

	.three-two {
		grid-template-columns: 1fr;
	}

	.panel-header h3 {
		margin-top: -20px;
	}

	.two-two {
		grid-template-columns: 1fr;
	}

	.stats.six {
		grid-template-columns: 1fr !important;
	}

	/* 1. Lipat susunan utama dari horizontal menjadi vertikal ke bawah */
    .newsletter-bar-purple {
        flex-direction: column !important;
        padding: 24px 16px !important; /* Padding lebih ramping untuk layar HP */
        gap: 20px !important; /* Jarak antara teks atas dan form bawah */
        text-align: center !important;
    }

    /* 2. Susun blok informasi (ikon + teks) ke bawah dan rata tengah */
    .newsletter-info-block {
        flex-direction: column !important;
        gap: 12px !important;
    }

    /* Posisi ikon email tepat di tengah-tengah */
    .mail-icon-circle {
        margin: 0 auto !important;
    }

    /* Sesuaikan skala tipografi judul agar pas di layar 375px */
    .newsletter-titles h4 {
        font-size: 14.5px !important;
        line-height: 1.4 !important;
        margin-bottom: 4px !important;
    }

    .newsletter-titles p {
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }

    /* 3. Transformasi Form Input agar memanjang penuh */
    .newsletter-form-action {
        width: 100% !important; /* Ambil seluruh lebar layar */
        flex-direction: column !important; /* Pecah input dan tombol menjadi bertumpuk */
        background: transparent !important; /* Hilangkan background putih pembungkus bawaan desktop */
        padding: 0 !important;
        gap: 10px !important; /* Jarak antara kotak input dan tombol kirim */
    }

    /* Kotak Input Email Mandiri */
    .newsletter-form-action input {
        width: 100% !important;
        box-sizing: border-box !important;
        background: #ffffff !important; /* Berikan background putih langsung pada input */
        padding: 12px 14px !important; /* Padding ideal untuk sentuhan jari */
        font-size: 14px !important; /* Mencegah auto-zoom otomatis pada Safari iOS */
        border-radius: 8px !important;
        border: 0;
    }

    /* Tombol Berlangganan Mandiri */
    .newsletter-form-action button {
        width: 100% !important;
        padding: 12px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
        cursor: pointer;
        box-sizing: border-box !important;
    }
}