/* ALIGN
---------------------------------------------------------------------------------------- */
.srol-align-right {
	text-align:right;
	}
.srol-align-left {
	text-align:left;
	}
.srol-align-center {
	text-align:center;
	}		

/* COLUMN
---------------------------------------------------------------------------------------- */
.srol-column {
    margin-right: 4%;
    position: relative;
    float: left;
	min-height:1px;
    display: block;
    padding: 0 !important
    }

.column-last {
    margin-right: 0 !important
    }

.column-1-2 {
    width: 48%
    }

.column-1-3 {
    width: 30.6666666667%
    }

.column-2-3 {
    width: 65.3333333333%
    }

.column-1-4 {
    width: 22%
    }

.column-3-4 {
    width: 74%
    }

.column-1-5 {
    width: 16.8%
    }

.column-2-5 {
    width: 37.6%
    }

.column-3-5 {
    width: 58.4%
    }

.column-4-5 {
    width: 79.2%
    }

.column-1-6 {
    width: 13.3333333333%
    }

.column-5-6 {
    width: 82.6666666667%
    }
	
/* COLUMNs
---------------------------------------------------------------------------------------- */
.srol-columns {
	display:block;
	}
.srol-columns .layer-table {
	display:table;
	width:100%;
	}
.srol-columns .layer-row {
	display:table-row;
	}	
.srol-columns .column-element {
	display:table-cell;
	}
.srol-columns	.col {
	display:table-cell;
	padding:0 30px;
	position:relative;
	vertical-align:top;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-position:center center;
	}
.srol-columns .col.has-border:before {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:1px;
	border-left:1px dotted;
	content:"";
	opacity:0.5;
	}	
.srol-columns .col.has-border:first-child:before {
	display:none;
	}
.srol-columns	.col.padding-none {
	padding:0;
	}		
.col-1-2 {
	width:50%;
	}
.col-1-3 {
	width:33.33%;
	}
.col-2-3 {
	width:66.66%;
	}	
.col-1-4 {
	width:25%;
	}
.col-3-4 {
	width:75%;
	}
.col-1-5 {
	width:20%;
	}
.col-2-5 {
	width:40%;
	}
.col-3-5 {
	width:60%;
	}		
.col-4-5 {
	width:80%;
	}
.col-1-6 {
	width:16.66%;
	}
.col-5-6 {
	width:83.33%;
	}	
	
	/* for fullwidth section without container, do not trim padding */	
.container .srol-columns .col:first-child {
	padding-left:0;
	}	
.container .srol-columns .col:last-child {
	padding-right:0;
	}	

/* HEADING
---------------------------------------------------------------------------------------- */
.srol-heading {
	display:block;
	clear:both;
	margin:0 0 30px;
	}
.srol-heading .srol-heading-inner {
	display:inline-block;
	}	
.srol-heading .h {
	margin-bottom:0;
	}
.srol-heading .h a {
	color:inherit;
	text-decoration:none;
	}	
.srol-heading .subtitle {
	font-weight:normal;
	font-family:"Open Sans", sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
	margin-top:6px;
	margin-bottom:0;
	}
	
	/* align */
.srol-heading.align-center {
	text-align:center;
	}
.srol-heading.align-right {
	text-align:right;
	}
	
	/* icon 
	---------------------------- */
.srol-heading .heading-icon.heading-icon-top {
	margin-bottom:20px;
	}
.srol-heading .heading-icon.heading-icon-left {
	margin-right:20px;
	float:left;
	}		
.srol-heading .heading-icon.heading-icon-right {
	margin-left:20px;
	float:right;
	}
.srol-heading .heading-icon.heading-icon-bottom {
	margin-top:20px;
	}
.srol-heading .text {
	overflow:hidden;
	}
.srol-heading .heading-icon.type-icon {
	font-size:32px;
	display:inline-block;
	width:80px;
	height:80px;
	background:#4D98AD;
	color:#fff;
	text-align:center;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	position:relative;
	opacity:0.5;
	}
.srol-heading .heading-icon.type-icon i {
	line-height:80px;
	position:relative;
	z-index:12;
	}	
.srol-heading .heading-icon.type-icon:after {
	content:"";
	position:absolute;
	width:92px;
	height:92px;
	background:#4D98AD;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	top:-6px;
	left:-6px;
	opacity:0.25;
	z-index:10;
	}
.srol-heading .heading-icon.type-icon:before {
	position:absolute;
	z-index:15;
	content:"";
	left:50%;
	margin-left:-5px;
	bottom:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 0;
	border-color: #4D98AD transparent transparent transparent;
	}
		/* align left & right */
.srol-heading .heading-icon.type-icon.heading-icon-left,
.srol-heading .heading-icon.type-icon.heading-icon-right {
	font-size:18px;
	width:60px;
	height:60px;
	}			
.srol-heading .heading-icon.type-icon.heading-icon-left i,
.srol-heading .heading-icon.type-icon.heading-icon-right i {
	line-height:60px;
	}
.srol-heading .heading-icon.type-icon.heading-icon-left:after,
.srol-heading .heading-icon.type-icon.heading-icon-right:after {
	width:72px;
	height:72px;
	}
	
		/* left & right + no subtitle */
.srol-heading.no-subtitle .heading-icon.type-icon.heading-icon-left,
.srol-heading.no-subtitle .heading-icon.type-icon.heading-icon-right {
	font-size:16px;
	width:50px;
	height:50px;
	}			
.srol-heading.no-subtitle .heading-icon.type-icon.heading-icon-left i,
.srol-heading.no-subtitle .heading-icon.type-icon.heading-icon-right i {
	line-height:50px;
	}
.srol-heading.no-subtitle .heading-icon.type-icon.heading-icon-left:after,
.srol-heading.no-subtitle .heading-icon.type-icon.heading-icon-right:after {
	width:62px;
	height:62px;
	}
	
	
	/* has border
	---------------------------- */
.srol-heading.has-border .srol-heading-inner {
	display:block;
	overflow:hidden;
	}	
.srol-heading.has-border .text .h {
	position:relative;
	display:inline-block;
	}
.srol-heading.has-border .text .h:before,
.srol-heading.has-border .text .h:after {
	position:absolute;
	content:"";
	width:9999px;
	height:8px;
	top:50%;
	left:100%;
	margin-top:-5px;
	margin-left:20px;
	border-top:1px solid;
	border-bottom:1px solid;
	opacity:0.2;
	}
.srol-heading.has-border .text .h:before {
	left:auto;
	right:100%;
	margin-left:auto;
	margin-right:20px;
	}	
	
/* SIMPLE HEADING
---------------------------------------------------------------------------------------- */
.srol-simple-heading {
	margin:0 0 30px;
	padding-bottom:14px;
	position:relative;
	}
.srol-simple-heading:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	content:"";
	border-top:1px solid;
	opacity:0.15;
	}	
.srol-simple-heading .h {
	margin-bottom:0;
	}
	/* center */
.srol-simple-heading.align-center {
	text-align:center;
	}
.srol-simple-heading.align-center:after {
	}
	/* right */
.srol-simple-heading.align-right {
	text-align:right;
	}	
.srol-simple-heading.align-right:after {
	left:auto;
	right:0;
	}


/* BUTTON
---------------------------------------------------------------------------------------- */
.srol-button {
	display:inline-block;
	margin:0 20px 5px 0;
	vertical-align:bottom;
	}
		
	/* icon */
.srol-button.button-icon-right .btn i {
	margin-left:8px;
	}
.srol-button.button-icon-left .btn i {
	margin-right:8px;
	}
	
	/* align */
.srol-button.align-center,
.srol-button.align-right {
	text-align:center;
	display:block;
	margin-right:0;
	}
.srol-button.align-center .btn,
.srol-button.align-right .btn {
	display:inline-block;
	}
.srol-button.align-right {
	text-align:right;
	}
	
	/* fullwidth */
.srol-button.button-fullwidth {
	display:block;
	float:none;
	text-align:center;
	margin-right:0;
	}	
.srol-button.button-fullwidth .srol-btn {
	display:block;
	}

/* CIRCLE BUTTON
---------------------------------------------------------------------------------------- */
.srol-circle-button,
.srol-circle-button:hover {
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	display:inline-block;
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	background:#4D98AD;
	position:relative;
	overflow:hidden;
	}
.srol-circle-button span {
	display:block;
	}	
.srol-circle-button .button-text {
	position:relative;
	z-index:20;
	transition:all .5s cubic-bezier(.18,.96,.18,.96);
	-webkit-transition:all .5s cubic-bezier(.18,.96,.18,.96);
	-moz-transition:all .5s cubic-bezier(.18,.96,.18,.96);
	}		
.srol-circle-button .button-icon {
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:36px;
	opacity:0;
	transform:translateX(110%);
	-webkit-transform:translateX(110%);
	-moz-transform:translateX(110%);
	transition:all .5s cubic-bezier(.18,.96,.18,.96);
	-webkit-transition:all .5s cubic-bezier(.18,.96,.18,.96);
	-moz-transition:all .5s cubic-bezier(.18,.96,.18,.96);
	}
.srol-circle-button .button-icon i {
	line-height:80px;
	}
.srol-circle-button:hover .button-text {
	transform:translateX(-110%);
	-moz-transform:translateX(-110%);
	-webkit-transform:translateX(-110%);
	opacity:0;
	}
.srol-circle-button:hover .button-icon {
	transform:translateX(0%);
	-moz-transform:translateX(0%);
	-webkit-transform:translateX(0%);
	opacity:1;
	}	
	
/* DROPCAP
---------------------------------------------------------------------------------------- */
.srol-dropcap {
	display:block;
	float:left;
	margin:6px 20px 6px 0;
	font-size:60px;
	line-height:1.25;
	text-align:center;
	font-family: 'PT Sans', sans-serif;
	}
	
	/* style 2 */
.srol-dropcap.style-2 {
	background:#4D98AD;
	color:#fff;
	font-size:40px;
	width:60px;
	height:60px;	
	line-height:60px;
	position:relative;
	margin:6px 22px 14px 0;
	}
.srol-dropcap.style-2 i {
	line-height:60px;
	}
	
	/* style 3 */
.srol-dropcap.style-3 {
	border:1px solid;
	background:#fff;
	color:#4D98AD;
	font-size:36px;
	width:60px;
	height:60px;	
	line-height:58px;
	position:relative;
	margin:6px 18px 6px 0;
	}
.srol-dropcap.style-3:before {
	z-index: 12;
	content: "";
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 12px 0 0;
	border-color: #4D98AD transparent transparent transparent;
	}
.srol-dropcap.style-3:after {
	content: "";
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent #fff transparent;
	z-index: 11;
	}
.srol-dropcap.style-3 i {
	line-height:60px;
	}
	
	/* style 4 */
.srol-dropcap.style-4 {
	background:#4D98AD;
	color:#fff;
	font-size:40px;
	width:60px;
	height:60px;
	border-radius:100%;	
	-webkit-border-radius:100%;	
	-moz-border-radius:100%;	
	line-height:60px;
	position:relative;
	margin:6px 22px 14px 0;
	}
.srol-dropcap.style-4 i {
	line-height:60px;
	}

	/* dropcap icon */
.srol-dropcap.dropcap-icon {
	font-size:32px2;
	}	
.srol-dropcap.style-2.dropcap-icon,
.srol-dropcap.style-3.dropcap-icon,
.srol-dropcap.style-4.dropcap-icon {
	font-size:24px;
	}
	
	/* dropcap image */
.srol-dropcap.dropcap-image {
	margin:0 20px 6px 0;
	}	
	
/* ICONBOX LIST
---------------------------------------------------------------------------------------- */
.srol-iconbox-list {
	position:relative;
	}
.srol-iconbox-list ul {
	list-style:none;
	margin:0;
	padding:0;
	}	
.srol-iconbox-list li {
	margin:0;
	padding-bottom:30px;
	position:relative;
	}
.srol-iconbox-list li:before {
	position:absolute;
	top:0;
	left:40px;
	z-index:11;
	height:100%;
	content:"";
	border-left:1px dotted;
	width:1px;
	opacity:0.3;
	}
.srol-iconbox-list li:last-child {
	padding-bottom:0;
	}
.srol-iconbox-list li:last-child:before {
	display:none;
	}			
.srol-iconbox-list .iconbox-list-icon {
	display:block;
	float:left;
	margin-right:30px;	
	width:80px;
	height:80px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	overflow:hidden;
	font-size:28px;
	background:#4d98ad;
	color:#fff;
	position:relative;
	z-index:20;
	text-align:center;
	}
.srol-iconbox-list .iconbox-list-icon i {
	line-height:80px;
	}
.srol-iconbox-list .iconbox-list-icon img {
	display:block;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	}
.srol-iconbox-list .iconbox-list-text {
	overflow:hidden;
	}	
.srol-iconbox-list .title {
	margin-bottom:10px;
	}
.srol-iconbox-list .desc p {
	margin-bottom:0;
	}
	
	/* style 2 */
.srol-iconbox-list.style-2 .iconbox-list-icon {
	color:#4d98ad;
	background:#fff;
	border:3px solid rgba(0,0,0,.1);
	}
.srol-iconbox-list.style-2 .iconbox-list-icon i {
	line-height:74px;
	}	
.srol-iconbox-list.style-2 li:before {
	border-left-color:#333;
	}
	
		/* animation */
	.srol-iconbox-list.has-animation .iconbox-list-icon {
		opacity:0;
		-webkit-transform: scale3d(0, 0, 0);
		}
	.srol-iconbox-list.has-animation .title,
	.srol-iconbox-list.has-animation .desc {
		opacity:0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		}		
	.srol-iconbox-list.has-animation.run_animation .iconbox-list-icon {
		-webkit-animation:zoomIn 1s both;
		animation:zoomIn 1s both;
		}
	.srol-iconbox-list.has-animation.run_animation .title {
		-webkit-animation:fadeInDown 1s both;
		animation:fadeInDown 1s both;
		}
	.srol-iconbox-list.has-animation.run_animation .desc {
		-webkit-animation:fadeInUp 1s both;
		animation:fadeInUp 1s both;
		}
	.srol-iconbox-list.has-animation li:nth-child(2) .iconbox-list-icon {
		-webkit-animation-delay:0.3s;
		animation-delay:0.3s;
		}
	.srol-iconbox-list.has-animation li:nth-child(3) .iconbox-list-icon {
		-webkit-animation-delay:0.6s;
		animation-delay:0.6s;
		}
	.srol-iconbox-list.has-animation li:nth-child(4) .iconbox-list-icon {
		-webkit-animation-delay:0.9s;
		animation-delay:0.9s;
		}		
			
/* IMAGEBOX
---------------------------------------------------------------------------------------- */
.srol-imagebox {
	box-shadow: 0px 2px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.05);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.05);
	border:1px solid #e5e5e5;
	background:#fff;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	overflow:hidden;
	}
.srol-imagebox:hover {
	border-color: #d5d5d5;
	box-shadow: 0px 2px 6px rgba(0,0,0,.22);
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.22);
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,.22);
	}	
.srol-imagebox .image {
	position:relative;
	overflow:hidden;
	border-bottom: 1px solid #e5e5e5;
	}
.srol-imagebox .image a {
	display:block;
	position:relative;
	}	
.srol-imagebox .image a .overlay {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
	
.srol-imagebox .title,
.srol-imagebox.title-above .image {
	position:relative;
	}
.srol-imagebox .title {
	margin-bottom:5px;
	}	
.srol-imagebox .title .h {
	margin-bottom:0;
	font-size:21px;
	color:#4D98AD;
	}
.srol-imagebox .title .h a {
	text-decoration:none;
	color:inherit;
	}	
.srol-imagebox .image a .overlay {
	background:#fff;
	opacity:0;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	width:110%;
	height:110%;
	left:-5%;
	top:-5%;
	}
.srol-imagebox .image a .overlay:hover {
	}
	
	/* title above image */
.srol-imagebox.title-above .title {
	padding:16px 22px 16px;
	margin-bottom:0;
	}	
.srol-imagebox.title-above .title:after {
	display:none;
	}
.srol-imagebox.title-above .image {
	}
	
	/* image right, image left */
.srol-imagebox.image-right div.text,
.srol-imagebox.image-left div.text {
	padding-top:16px;
	}	

	/* imagebox effect */
.srol-imagebox .image1,
.srol-imagebox .image2 {
	}		
.srol-imagebox .image1 {
	position:relative;
	z-index:15;	
	}
.srol-imagebox .image2 {
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;	
	}
	
	/* hover effect */
.srol-imagebox.thumb-effect-fade .image1 img {
	transition:opacity .5s ease-out, -webkit-transform 0.5s ease-out;
	-webkit-transition:opacity .5s ease-out, -webkit-transform 0.5s ease-out;
	-moz-transition:opacity .5s ease-out, -webkit-transform 0.5s ease-out;
	}	
.srol-imagebox.thumb-effect-fade .image:hover .image1 img {
	opacity:0;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
	-moz-transform:scale(1.2);
	}
.srol-imagebox.thumb-effect-fade .image2 img {
	opacity:0;
	transition:opacity .5s cubic-bezier(.18,.96,.18,.96);
	-webkit-transition:opacity .5s cubic-bezier(.18,.96,.18,.96);
	-moz-transition:opacity .5s cubic-bezier(.18,.96,.18,.96);
	-webkit-backface-visibility: hidden;
	}	
.srol-imagebox.thumb-effect-fade .image:hover .image2 img {
	opacity:1;
	}
	
	/* slide effect */
.srol-imagebox.thumb-effect-slide .image2 {
	transform:translateY(100%);
	-moz-transform:translateY(100%);
	-webkit-transform:translateY(100%);
	transition:all .5s cubic-bezier(.18,.96,.18,.96);
	-webkit-transition:all .5s cubic-bezier(.18,.96,.18,.96);
	-moz-transition:all .5s cubic-bezier(.18,.96,.18,.96);
	}
.srol-imagebox.thumb-effect-slide .image:hover .image2 {
	transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	}
.srol-imagebox.thumb-effect-slide .image1 {
	transform:translateY(0);
	-moz-transform:translateY(0);
	-webkit-transform:translateY(0);
	transition:all .5s cubic-bezier(.18,.96,.18,.96);
	-webkit-transition:all .5s cubic-bezier(.18,.96,.18,.96);
	-moz-transition:all .5s cubic-bezier(.18,.96,.18,.96);
	}
.srol-imagebox.thumb-effect-slide .image:hover .image1 {
	transform:translateY(-110%);
	-moz-transform:translateY(-110%);
	-webkit-transform:translateY(-110%);
	}
	
	/* text */
.srol-imagebox div.text {
	padding:32px 22px 16px;
	}	
	
	/* content */
.srol-imagebox .desc p,
.srol-imagebox .desc ul,
.srol-imagebox .desc ol {
	margin-bottom:10px;
	}
	
	/* layout */
.srol-imagebox.image-left .image {
	display:block;
	float:left;
	max-width:50%;
	}
.srol-imagebox.image-right .image {
	display:block;
	float:right;
	max-width:50%;
	}		
.srol-imagebox.image-left .text,
.srol-imagebox.image-right .text {
	overflow:hidden;
	}
.srol-imagebox.image-left .title .h,
.srol-imagebox.image-right .title .h {
	font-size:26px;
	margin-bottom:20px;
	}

.srol-imagebox .learnmore {
	margin-top:18px;
	}
	
/* ICONBOX
---------------------------------------------------------------------------------------- */
.srol-iconbox {
	position:relative;
	}	
.srol-iconbox .learnmore {
	margin-top:19px;
	}
.srol-iconbox .iconbox-text p,
.srol-iconbox .iconbox-text ol,
.srol-iconbox .iconbox-text ul,
.srol-iconbox .iconbox-text .srol-iconlist {
	margin-bottom:10px;
	}	

	/* layout 1 */
.layout-1 .iconbox-icon {
	position:relative;
	width:80px;
	height:80px;
	margin:0 auto 26px;
	text-align:center;
	font-size:32px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	background:#4d98ad;
	color:#fff;
	}
.srol-iconbox.layout-1 .iconbox-image {
	margin-bottom:30px;
	}		
.srol-iconbox.layout-1 .iconbox-icon i {
	line-height:80px;
	}
.srol-iconbox.layout-1 .title {
	position:relative;
	margin-bottom:14px;
	}
.srol-iconbox.layout-1 .title .h {
	margin-bottom:0;
	color:#4d98ad;
	}
	
	/* layout 2 */
.srol-iconbox.layout-2 .iconbox-icon {
	position:relative;
	width:70px;
	height:70px;
	margin-right:14px;
	text-align:center;
	font-size:22px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	background:#4D98AD;
	color:#fff;
	}
.srol-iconbox.layout-2 .iconbox-icon i {
	line-height:70px;
	}
.srol-iconbox.layout-2 .title {
	margin-bottom:10px;	
	}	
.srol-iconbox.layout-2 .title .h {
	font-size:18px;
	margin-bottom:0;
	font-weight:bold;
	color:#4D98AD;
	}
	
	/* layout 3 */
.srol-iconbox.layout-3 .iconbox-icon {
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	margin-right:20px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	background:#4D98AD;
	color:#fff;
	}
.srol-iconbox.layout-3 .iconbox-icon i {
	line-height:40px;
	}
.srol-iconbox.layout-3 .title {
	margin-bottom:10px;
	}	
.srol-iconbox.layout-3 .title .h {
	font-size:18px;
	line-height:24px;
	margin-bottom:0;
	overflow:hidden;
	color:#4D98AD;
	}
	
		/* ANIMATION */
	.srol-iconbox.has-animation .iconbox-icon,
	.srol-iconbox.has-animation .iconbox-image {
		opacity:0;
		-webkit-transform: scale3d(0, 0, 0);
		-moz-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0);
		}
	.srol-iconbox.has-animation .title,
	.srol-iconbox.has-animation .desc,
	.srol-iconbox.has-animation .learnmore {
		opacity:0;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		}		
	.srol-iconbox.has-animation.run_animation .iconbox-icon,
	.srol-iconbox.has-animation.run_animation .iconbox-image {
		-webkit-animation:zoomIn 1s both;
		animation:zoomIn 1s both;
		}
	.srol-iconbox.has-animation.run_animation .title {
		-webkit-animation:fadeInDown 1s both;
		animation:fadeInDown 1s both;
		}
	.srol-iconbox.has-animation.run_animation .desc,
	.srol-iconbox.has-animation.run_animation .learnmore {
		-webkit-animation:fadeInUp 1s both;
		animation:fadeInUp 1s both;
		}	


.srol-iconbox {
	display:block;
	margin:0 0 20px;
	}
	
	/* layout 1
	 * icon above, text below
 	 */
.srol-iconbox.layout-1 {
	text-align:center;
	}	 
.srol-iconbox.layout-1 .iconbox-icon {
	}	
.srol-iconbox.layout-1 .iconbox-image {
	margin-bottom:20px;
	}
	
	/* layout 2
	 * icon left, text right
 	 */
.srol-iconbox.layout-2 {
	}	 
.srol-iconbox.layout-2 .iconbox-icon,
.srol-iconbox.layout-2 .iconbox-image {
	display:block;
	float:left;
	margin-right:20px;
	}
.srol-iconbox.layout-2 .iconbox-text {
	overflow:hidden;
	}	
.srol-iconbox.layout-2.align-right .iconbox-icon,
.srol-iconbox.layout-2.align-right .iconbox-image {
	float:right;
	margin-right:0;
	margin-left:20px;
	}
.srol-iconbox.layout-2.align-right .iconbox-text {
	text-align:right;
	}
	/* layout 3
	 * icon left, title right
 	 */
.srol-iconbox.layout-3 .iconbox-icon,
.srol-iconbox.layout-3 .iconbox-image {
	display:block;
	float:left;
	}
.srol-iconbox.layout-3 .iconbox-image {
	margin-right:15px;
	}	
.srol-iconbox.layout-3 .title .h {
	overflow:hidden;
	}
.srol-iconbox.layout-3.align-right .iconbox-icon,
.srol-iconbox.layout-3.align-right .iconbox-image {
	float:right;
	margin-right:0;
	margin-left:20px;
	}
.srol-iconbox.layout-3.align-right .iconbox-text {
	text-align:right;
	}

	
/* PROCESS
---------------------------------------------------------------------------------------- */
.srol-process {
	margin:0 0 20px;
	}
.srol-process .layer-table {
	display:table;
	width:100%;
	}
.srol-process .layer-row {
	display:table-row;
	}
.srol-process .srol-step {
	display:table-cell;
	}
.srol-process.process-1 .srol-step {
	width:50%;
	}	
.srol-process.process-2 .srol-step {
	width:50%;
	}
.srol-process.process-3 .srol-step {
	width:33.33%;
	}	
.srol-process.process-4 .srol-step {
	width:25%;
	}
.srol-process.process-5 .srol-step {
	width:20%;
	}
.srol-process.process-6 .srol-step {
	width:16.66%;
	}
.srol-process {
	background:#fff;
	}
.srol-process .srol-step {
	position:relative;
	padding:20px;
	}
	
	/* inner */
.step-image {
	margin:0 0 20px;
	}	
.step-heading {
	position:relative;
	margin-bottom:16px;
	padding-bottom:20px;
	}
.step-heading:after {
	content: "";
	width: 50px;
	height: 4px;
	background: #4D98AD;
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.3;
	}	
.step-heading .h {
	margin-bottom:0;
	}
.step-content p,
.step-content ul,
.step-content ol,
.step-content .srol-button {
	margin-bottom:10px;
	}
	
	/* featured */
.srol-process .srol-step.featured {
	background:#4D98AD;
	color:#fff;
	border-color:#4D98AD;
	padding:20px;
	}
.srol-process .srol-step.featured .step-heading .h {
	color:#fff;
	}	
.srol-process .srol-step.featured .step-heading:after {
	background:#fff;
	}
	
	
/* HIGHLIGHT
---------------------------------------------------------------------------------------- */
.srol-highlight {
	padding:1px 4px;
	margin:0 2px;
	background-color:#DFEEF3;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	}
.srol-highlight.style-2 {
	color:#fff;
	background:#4D98AD;
	}
	
/* HR
---------------------------------------------------------------------------------------- */
.srol-hr {
	clear:both;
	margin:20px auto 30px;
	max-width:100%;
	display:block;
	clear:both;
	height:1px;
	margin-right:auto;
	border-top:1px solid;
	opacity:0.3;
	}
.srol-hr.style-2 {
	background:none;
	height:8px;
	position:relative;
	background:none;
	border-top:1px solid;
	border-bottom:1px solid;
	}	
.srol-hr.style-3 {
	background:none;
	height:8px;
	position:relative;
	}
.srol-hr.style-3:before,
.srol-hr.style-3:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	content:"";
	background:url(../images/dot.png) repeat-x top left;
	background-size:4px 1px;
	-webkit-background-size:4px 1px;
	-moz-background-size:4px 1px;
	}
.srol-hr.style-3:after {
	top:auto;
	bottom:0;
	}			
.srol-hr.style-4 {
	background:url(../images/dot.png) repeat-x top left;
	background-size:4px 1px;
	-webkit-background-size:4px 1px;
	-moz-background-size:4px 1px;
	}
	
/* TOC
---------------------------------------------------------------------------------------- */
.srol-toc {
	max-width:450px;
	}
.srol-toc.align-left,
.srol-toc.align-right {
	margin-top:6px;
	}	
.srol-toc .toc-inner {
	border:1px solid #e5e5e5;
	padding:20px;
	display:inline-block;
	box-shadow:3px 3px 3px rgba(0,0,0,.06);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.06);
	-moz-box-shadow:3px 3px 3px rgba(0,0,0,.06);
	}
.srol-toc .toc-inner > ol,
.srol-toc .toc-inner > ul {
	margin-bottom:0;
	}
.srol-toc .toc-inner li {
	line-height:2;
	}		
.toc-name {
	padding-bottom:12px;
	margin-bottom:12px;
	position:relative;
	font-size:16px;
	}
.toc-name:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:30px;
	border-top:1px solid #aaa;
	}	
.srol-toc a {
	text-decoration:none;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	}
.srol-toc a:hover {
	text-decoration:underline;
	}
	
.srol-toc {
	display:block;
	margin-bottom:20px;
	}
.srol-toc.align-left {
	display:block;
	float:left;
	margin:0 20px 20px 0;
	}
.srol-toc.align-right {
	display:block;
	float:right;
	margin:0 0 20px 20px;
	}
.srol-toc.align-center {
	text-align:center;
	margin:0 auto 20px;
	}
.srol-toc.align-center .toc-inner {
	text-align:left;
	}	
	
/* MEMBER
---------------------------------------------------------------------------------------- */
.srol-member {
	display:block;
	margin:0 0 20px;
	}
.srol-member .member-inner {
	position:relative;
	}

	/* image */
.srol-member .image {
	margin:0 0 20px;
	}
.srol-member .text {
	overflow:hidden;
	}	
	/* name + role */
.srol-member .name-role {
	margin:0 0 16px;
	position:relative;
	}
.srol-member .name {
	margin-bottom:0;
	font-size:22px;
	font-weight:normal;
	color:#4d98ad;
	}
.srol-member .role {
	margin-bottom:0;
	font-size:11px;
	color:#aaa;
	font-weight:normal;
	text-transform:uppercase;
	}
	
	/* desc */
.srol-member .desc {
	}
	
	/* social */
.srol-member .social ul {
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	}	
.srol-member .social ul li {
	display:block;
	float:left;
	margin-right:16px;
	}
.srol-member .social ul li:last-child {
	margin-right:0;
	}		
.srol-member .social ul li a {
	font-size:20px;
	color:#c5c5c5;
	text-decoration:none;
	transition:all .15s;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	}
.srol-member .social ul li a:hover {
	color:#333;
	}
	
	/* image bottom*/
.srol-member.image-bottom .name-role {
	padding-bottom:0;
	}	
.srol-member.image-bottom .name-role:after {
	display:none;
	}
		
/* Style 2
----------------------- */
	/* image */
.srol-member.style-2 .image {
	position:relative;
	margin-bottom:20px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	overflow:hidden;
	z-index:30;
	}
.srol-member.style-2 .image img {
	position:relative;
	z-index:10;
	overflow:hidden;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	}
.srol-member.style-2 .image:hover {
	background:#000;
	}	
.srol-member.style-2 .image:hover img {
	opacity:0.3;
	}		
.srol-member.style-2 .social {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:42px;
	margin-top:-21px;
	z-index:20;
	text-align:center;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	display:none;
	}
.srol-member.style-2 .image:hover .social {
	display:block;
	}
.srol-member.style-2 .social ul {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
	overflow:visible;
	}
.srol-member.style-2 .social ul li {
	display:block;
	float:left;
	margin-right:5px;
	}
.srol-member.style-2 .social ul li:last-child {
	margin-right:0;
	}	
.srol-member.style-2 .social ul li a {
	display:block;
	width:42px;
	height:42px;
	text-align:center;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	text-decoration:none;
	font-size:18px;
	color:#fff;
	background:#999;
	-webkit-animation:zoomIn .3s both;
	animation:zoomIn .3s both;
	}
.srol-member.style-2 .social ul li a i {
	line-height:42px;
	}
.srol-member.style-2 .social ul li:nth-child(2) a {
	-webkit-animation-delay:.1s;
	animation-delay:.1s;
	}
.srol-member.style-2 .social ul li:nth-child(3) a {
	-webkit-animation-delay:.4s;
	animation-delay:.4s;
	}
.srol-member.style-2 .social ul li:nth-child(4) a {
	-webkit-animation-delay:.6s;
	animation-delay:.6s;
	}
.srol-member.style-2 .social ul li:nth-child(5) a {
	-webkit-animation-delay:.8s;
	animation-delay:.8s;
	}			

			
	/* text */
.srol-member.style-2 .text {
	text-align:center;
	}
.srol-member.style-2 .name-role {
	position:relative;
	}
.srol-member.style-2 .name {
	margin-bottom:0;
	}
.srol-member.style-2 .role {
	margin-bottom:0;
	font-size:12px;
	}
	
	/* image right */
.srol-member.image-right,
.srol-member.image-left {
	overflow:hidden;
	margin-bottom:30px;
	}	
.srol-member.image-right .image,
.srol-member.image-left .image {
	float:left;
	margin-right:20px;
	max-width:40%;
	}
.srol-member.image-right .image {
	float:right;
	margin-left:20px;
	margin-right:auto;
	}		
.srol-member.image-right .text {
	text-align:right;
	}
.srol-member.image-left .text {
	text-align:left;
	}	
.srol-member.image-right .name-role:after {
	left:auto;
	right:0;
	margin:0;
	}
.srol-member.image-left .name-role:after {
	left:0;
	margin:0;
	}	
.srol-member.image-right .social {

	}	
.srol-member.image-right .social ul {
	float:right;
	}
.srol-member.image-right.style-2 .social ul {
	float:none;
	}
	

/* PIECHART
---------------------------------------------------------------------------------------- */
.srol-piechart {
	display:block;
	margin:0 0 20px;
	}
	/* chart */
.srol-piechart .chart {
	margin:0 auto;
	position:relative;
    text-transform: uppercase;
	font-weight:400;
	color:#666;
	}
.srol-piechart .chart canvas {
	position:absolute;
	top:0;
	left:0;
	}
.srol-piechart .chart-content {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	color:#333;
	}
.srol-piechart .chart-content .number {
	font-size:44px;
	font-weight:normal;
	font-family: 'PT Sans', sans-serif;
	}
.srol-piechart .chart-content .percent {
	font-size:16px;
	vertical-align:text-top;
	visibility:hidden;
	}
.srol-piechart .chart-content .chart-text {
	font-weight:300;
	}
	
	/* text */
.srol-piechart .text {
	text-align:center;
	margin-top:30px;
	}	
.srol-piechart .title {
	font-size:20px;
	margin-bottom:5px;
	}
.srol-piechart .desc {
	}	
	
	
/* PROGRESS
---------------------------------------------------------------------------------------- */
.srol-progress {
	margin:0 0 20px;
	position:relative;
	overflow:hidden;
	}
.srol-progress .progress-background {
	background:#eee;
	height:14px;
	width:100%;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	position:relative;
	box-shadow: 0 2px 3px rgba(0,0,0,.2) inset;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2) inset;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2) inset;
	}
.srol-progress .bar-outer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	overflow:hidden;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	}	
.srol-progress .bar {
	position:absolute;
	top:0;
	left:0;
	width:90%;
	height:100%;
	z-index:11;
	background:#4D98AD;
	left:-100%;
	opacity:0;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	}	
.srol-progress .text {
	position:absolute;
	width:100%;
	height:100%;
	line-height:30px;
	padding-left:10px;
	color:#fff;
	z-index:15;
	font-family:"PT Sans", sans-serif;
	font-size:16px;
	}
	
	/* striped */
.srol-progress.striped .bar {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;

	-webkit-animation: progress-striped 2s linear infinite;
	animation: progress-striped 2s linear infinite;
	}
	
@-webkit-keyframes progress-striped {
	from {
		background-position:40px 0
	} to {
		background-position:0 0
	}
}
@keyframes progress-bar-stripes {
	from {
		background-position:40px 0
	} to {
		background-position:0 0
	}
}

	/* Style 2 */
.srol-progress.style-2 .percent {
	width:40px;
	transform:translateX(-40px);
	-moz-transform:translateX(-40px);
	-webkit-transform:translateX(-40px);
	margin-bottom:6px;
	height:20px;
	line-height:20px;
	position:absolute;
	bottom:100%;
	left:90%;
	background:#111;
	color:#fff;
	text-align:center;
	left:-100%;
	}
.srol-progress.style-2 .percent:after {
	position:absolute;
	bottom:-6px;
	margin-left:-3px;
	left:50%;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 6px 0 0;
	border-color: #111 transparent transparent transparent;
	}	
.srol-progress.style-2 .text {
	position:static;
	color:inherit;
	padding-left:0;
	}
	
	
/* PRICING
---------------------------------------------------------------------------------------- */
	/* layout */
.srol-pricing {
	margin:0 0 30px;
	}
.srol-pricing .layer-table {
	display:table;
	width:100%;
	}
.srol-pricing .layer-row {
	display:table-row;
	}
.srol-pricing .pricing-column {
	display:table-cell;
	widows:25%;
	}
.pricing-1 .pricing-column {
	width:100%;
	}
.pricing-2 .pricing-column {
	width:50%;
	}
.pricing-3 .pricing-column {
	width:33.33%;
	}
.pricing-4 .pricing-column {
	width:25%;
	}
.pricing-5 .pricing-column {
	width:20%;	/* no support for pricing table with 6 columns */
	}
	
	/* price */
.srol-pricing	.pricing-price .del,
.srol-pricing	.pricing-price .price {
	display:block;
	}
	
	/* separated */
.srol-pricing.separated .layer-table,
.srol-pricing.separated .layer-row,
.srol-pricing.separated .pricing-column {
	display:block;
	}
.srol-pricing.separated .pricing-column {
	float:left;
	margin-left:2%;
	}
.srol-pricing.separated .pricing-column:first-child {
	margin-left:0;
	}		
.pricing-1.separated .pricing-column {
	width:100%;
	}
.pricing-2.separated .pricing-column {
	width:49%;
	}
.pricing-3.separated .pricing-column {
	width:32%;
	}
.pricing-4.separated .pricing-column {
	width:23.5%;
	}
.pricing-5.separated .pricing-column {
	width:18.4%;
	}
.srol-pricing .pricing-column {
	border:1px solid #d5d5d5;
	border-right:none;
	position:relative;
	}
.srol-pricing .pricing-column:last-child {
	border-right:1px solid #d5d5d5;
	}
	
	/* title-price */
.title-price {
	position:relative;
	}	
.title-price:after,
.pricing-content li:after {
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	content:"";
	border-top:1px solid;
	opacity:0.15;
	}
	
	/* title */
.pricing-title {
	padding:24px 10px;
	text-align:center;
	position:relative;
	}
.pricing-title:after {
	position:absolute;
	bottom:0;
	left:50%;
	width:60px;
	margin-left:-30px;
	border-top:1px solid #c5c5c5;
	content:"";
	}	
.pricing-title .title {
	margin-bottom:0;
	font-size:19px;
	}
	
	/* price */	
.pricing-price {
	text-align:center;
	padding:24px 10px;
	}
.pricing-price .del {
	text-decoration:line-through;
	}
.pricing-price .price {
	font-size:56px;
	}
.pricing-price .price span {
	}	
.pricing-price .price .unit {
	font-size:16px;
	vertical-align:middle;
	text-decoration:none;
	margin-right:5px;
	}
.pricing-column.unit-right .price .unit {
	margin-left:5px;
	margin-right:0;
	}
	
	/* content */
.pricing-content ul,
.pricing-content ol {
	list-style:none;
	margin:0;
	padding:0;
	}
.pricing-content li	{
	padding:12px;
	position:relative;
	text-align:center;
	}
	
	/* bottom */
.pricing-bottom {
	padding:24px 10px;
	text-align:center;
	}
	
	/* featured column */
.pricing-column.featured {
	color:#fff;
	background:#4D98AD;
	border-color:#4D98AD;
	transform:scale(1.03);
	-moz-transform:scale(1.03);
	-webkit-transform:scale(1.03);
	z-index:20;
	}
.srol-pricing .pricing-column.featured:last-child	{
	border-right-color:#4D98AD;
	}
.pricing-column.featured .title-price:after,
.pricing-column.featured .pricing-content li:after {
	}	
.pricing-column.featured .title {
	color:#fff;
	}
.pricing-column.featured .title:after {
	border-top-color:rgba(255,255,255,.2);
	}	
	
	/* column of features */
.pricing-column.features {
	border:none;
	}	
.pricing-column.features .title-price,
.pricing-column.features .pricing-bottom {
	visibility:hidden;
	}
.pricing-column.features .pricing-content {
	border:1px solid #d5d5d5;
	border-right:none;
	margin-top:-1px;
	}
.pricing-column.features .pricing-content li {
	font-weight:bold;
	}		
.pricing-column.features .pricing-content li:last-child:after {
	display:none;
	}
	
	/* 5 columns */
.pricing-5 .pricing-price {
	padding-top:12px 5px;
	}	
.pricing-5 .price {
	font-size:44px;
	}
.pricing-5 .pricing-title {
	padding:14px 5px;
	}
.pricing-5 .pricing-content li {
	padding:10px 8px;
	}
.pricing-5 .pricing-bottom {
	padding:16px 8px;
	}
	
	/* separated column */
.srol-pricing.separated .pricing-column,
.srol-pricing.separated .pricing-column.features .pricing-content {
	border-right:1px solid #e5e5e5;
	}	
.srol-pricing.separated .pricing-column.features {
	border-right:none;
	}
	
	
/* TOGGLE
---------------------------------------------------------------------------------------- */
.srol-toggle {
	margin:0 0 20px;
	}
.toggle-title {
	position:relative;
	font-weight:normal;
	margin-bottom:0;
	padding-bottom:15px;
	padding-left:20px;
	border-bottom:1px solid #e5e5e5;
	}
.toggle-title:before {
	position:absolute;
	top:8px;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #ddd;
	border-color: transparent transparent transparent rgba(0,0,0,.1);
	content:"";
	}
.toggle-title a,
.toggle-title a:hover {
	text-decoration:none;
	color:#333;
	display:block;
	}
.toggle-title a [class^="icon-"], .toggle-title i{
	display:none;	
	}
.toggle-content {
	margin-top:20px;
	}
	
		
	/* active */
.toggle-title.open a,
.toggle-title.open a:hover {
	}	
.toggle-title.open:before {
	border-color: transparent transparent transparent #4D98AD;
	}
	
	/* accordion */
.srol-accordion {
	margin:0 0 20px;
	}	
.srol-accordion .toggle-title[aria-expanded="false"] {
	margin-bottom:20px;
	}	
	
/* has container 
---------------------------- */
.srol-toggle.has-container,
.srol-accordion.has-container {
	border:1px solid #e5e5e5;
	box-shadow: 0px 2px 5px rgba(0,0,0,.05);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.05);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.05);
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	margin:0 0 20px;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	}
.srol-toggle.has-container:hover,
.srol-accordion.has-container:hover {
	border-color: #d5d5d5;
	box-shadow: 0px 2px 6px rgba(0,0,0,.12);
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,.12);
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,.12);
	}
.srol-toggle.has-container .toggle-title,
.srol-accordion.has-container .toggle-title {
	margin-bottom:0;
	padding:15px;
	padding-left:30px;
	border-bottom:none;
	background:#f9f9f9;
	background:linear-gradient(#fff, #f5f5f5);
	}	
.srol-toggle.has-container .toggle-title:before,
.srol-accordion.has-container .toggle-title:before {
	margin-left:15px;
	margin-top:15px;
	}
.srol-toggle.has-container .toggle-content,
.srol-accordion.has-container .toggle-content {
	padding:22px 22px 10px;
	margin:0;
	border-top:1px solid #e5e5e5;
	background:#fff;
	}
	
	/* accordion */
.srol-accordion.has-container {
	border-top:none;
	}	
.srol-accordion.has-container .toggle-title {
	border-top:1px solid #e5e5e5;
	}
		
/* Big toggle
---------------------------- */
.srol-big-toggle {
	margin-bottom:0;
	}
.big-toggle-title {
	padding:0;
	text-align:center;
	font-weight:300;
	border-bottom:none;
	border-top:1px solid #e5e5e5;
	background:#f9f9f9;
	background:linear-gradient(#fff, #f5f5f5);
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.big-toggle-title:hover {
	background:#f9f9f9;
	background:linear-gradient(#fcfcfc, #eaeaea);
	}		
.big-toggle-title:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 18px 15px;
	border-color: transparent transparent #e5e5e5 transparent;
	top:70px;
	left:auto;
	right:50px;
	}
.big-toggle-title a {
	padding:60px 0;
	}	
.big-toggle-title span {
	display:block;
	}	
.big-toggle-title .subtitle {
	font-size:14px;
	color:#4D98AD;
	opacity:0.7;
	}	
.big-toggle-content {
	margin:0;
	padding-top:30px;
	padding-bottom:20px;
	border-top:1px solid #e5e5e5;
	}
	
	/* Open */
.big-toggle-title.open:before {
	border-width: 18px 15px 0 15px;
	border-color: #4D98AD transparent transparent transparent;	
	}
.big-toggle-title.open .toggle-t {
	position:relative;
	}	
	
	/* accordion */
.srol-big-accordion {
	margin:0;
	}
.srol-big-accordion .toggle-title[aria-expanded="false"] {
	margin-bottom:0;
	}
	
	
	
	
/* TAB
---------------------------------------------------------------------------------------- */
.tabnav {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	clear:both;
	}
.tabnav:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	content:"";
	border-top:1px solid;
	opacity:0.15;
	}	
.tabnav li {
	display:block;
	float:left;
	}	
.tabnav li a {
	display:block;
	text-decoration:none;
	height:42px;
	line-height:42px;
	padding:0 14px;
	cursor:pointer;
	color:#333;
	font-family:"PT Sans", sans-serif;
	font-size:14px;
	color:#333;
	margin-right:2px;
	}
.tabnav li:last-child a {
	margin-right:0;
	}	
.tabnav li.active a	{
	background:#4D98AD;
	color:#fff;
	}
.tabnav li a i {
	margin-right:10px;
	}
.tab-content {
	margin-top:20px;
	}
	
/* VERTICAL
------------------------------------- */
	/* layout */
.tab-vertical .tabnav {
	display:block;
	float:left;
	width:20%;
	text-align:left;
	margin-right:4%;
	}
.tab-vertical .tab-content {
	display:block;
	overflow:hidden;
	}
	
	/* nav */
.tab-vertical .tabnav {
	margin-bottom:0;
	padding-bottom:0;
	}
.tab-vertical .tabnav:after {
	display:none;
	}			
.tab-vertical .tabnav li {
	display:block;
	float:none;
	}
.tab-vertical .tabnav li a {
	display:block;
	margin-right:0;
	margin-bottom:2px;
	height:42px;
	line-height:42px;
	text-align:left;
	padding:0 10px;
	}
.tab-vertical .tabnav li a i {
	margin-right:5px;
	}
.tab-vertical .tabnav li.active a {
	background:#
	}
	
/* Big tab
---------------------------- */
.srol-big-tab .tabnav {
	padding-bottom:0;
	}
.srol-big-tab .tabnav:after {
	display:none;
	}
.srol-big-tab .tabnav li {
	width:25%;
	}
.srol-big-tab.tab-1 .tabnav li {
	width:100%;
	}
.srol-big-tab.tab-2 .tabnav li {
	width:50%;
	}
.srol-big-tab.tab-3 .tabnav li {
	width:33.33%;
	}
.srol-big-tab.tab-4 .tabnav li {
	width:25%;
	}				
.srol-big-tab.tab-5 .tabnav li {
	width:20%;
	}				
.srol-big-tab.tab-6 .tabnav li {
	width:16.66%;
	}						
.srol-big-tab.tab-7 .tabnav li {
	width:14.28%;
	}
.srol-big-tab .tabnav li a {
	display:block;
	padding:30px 0;
	text-align:center;
	font-size:24px;
	line-height:inherit;
	height:auto;
	font-weight:300;
	background:none;
	color:#333;
	margin:0;
	border:1px solid #e5e5e5;
	background-image:linear-gradient(#fff, #f5f5f5);
	border-right:none;
	}
.srol-big-tab .tabnav li:first-child a{
	border-left:none;	
	}
.srol-big-tab .tabnav li.active a	{
	background:#4D98AD;
	border-color:#4D98AD;
	color:#fff;
	}
.srol-big-tab .tab-content {
	margin-top:50px;
	}
	
	
/* COUNTDOWN
---------------------------------------------------------------------------------------- */
.srol-countdown {
	text-align:center;
	text-transform:uppercase;
	letter-spacing:2px;
	opacity:0;
	}
.srol-countdown .inner {
	}	
.srol-countdown .ele {
	display:block;
	float:left;
	padding:10px 0;
	text-align:center;
	position:relative;
	margin-bottom:10px;
	color:#fff;
	background:#4D98AD;
	margin-right:10px;
	width:120px;
	}
.srol-countdown .ele:last-child {
	margin-right:0;
	}	
.srol-countdown .ele:before {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	content:"";
	border-left:1px solid;
	opacity:0.5;
	}
.srol-countdown .ele:first-child {
	}
.srol-countdown .ele:last-child {
	}		
.srol-countdown .ele:first-child:before {
	display:none;
	}		
.srol-countdown .ele span {
	display:block;
	}
.srol-countdown .ele .num {
	margin-bottom:15px;
	padding-bottom:22px;
	font-size:44px;
	position:relative;
	line-height:1.05;
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	}
.srol-countdown .ele .num:after {
	width:40px;
	height:1px;
	content:"";
	background:#d5d5d5;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-20px;
	}	
.srol-countdown .ele .unit {
	font-size:14px;
	}
.srol-countdown .ele.hide {
	display:none;
	}
	
	/* align */
.srol-countdown.align-center {
	text-align:center;
	}
.srol-countdown.align-right {
	text-align:right;
	}		
.srol-countdown.align-center .inner,
.srol-countdown.align-right .inner {
	display:inline-block;
	}
	
	/* small font */
.srol-countdown.countdown-small-font .ele {
	width:80px;
	}	
.srol-countdown.countdown-small-font .ele .unit {
	font-size:11px;
	}
.srol-countdown.countdown-small-font .ele .num {
	margin-bottom:8px;
	}
	
/* COUNTER
---------------------------------------------------------------------------------------- */
.srol-counter {
	margin:0 0 10px;
	text-align:center;
	}
.srol-counter .counter-number {
	font-size:46px;
	margin-bottom:20px;
	position:relative;
	line-height:1.1;
	padding-bottom:20px;
	font-family:'PT Sans', sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	}
.srol-counter .counter-number .number {
	opacity:0;
	}
.srol-counter .title {
	font-size:22px;
	margin-bottom:5px;
	color:#4d98ad;
	}
.text-white .srol-counter .title {
	color:#fff;
	}
.srol-counter .desc p {
	margin-bottom:10px;
	}
		
/* SLIDER
---------------------------------------------------------------------------------------- */
.image-slider img {
	width:100%;
	}
.image-slide {
	position:relative;
	}
.image-slide a,
.image-slide a:hover {
	text-decoration:none;
	color:inherit;
	}
.caption {
	position:absolute;
	width:100%;
	left:5%;
	top:5%;
	max-width:500px;
	padding:24px;
	}
.caption-top {
	top:5%;
	bottom:auto;
	}
.caption-bottom {
	top:auto;
	bottom:5%;
	}
.caption-left {
	left:5%;
	right:auto;
	}
.caption-right {
	text-align:right;
	left:auto;
	right:5%;
	}
.image-slide .caption .title {
	font-weight:800;
	font-size:22px;
	line-height:1.6;
	display:inline;
	position: relative;
	z-index: 1;
	}
.image-slide .caption .desc{
	position: relative;
	z-index: 1;
	}
.image-slide .caption p {
	margin-bottom:0;
	display:inline;
	}
.image-slide .caption .caption-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	}
	
	
/* CAROUSEL
---------------------------------------------------------------------------------------- */
.srol-carousel .swiper-slide-inner {
	padding:10px;
	}
.srol-carousel.carousel-nopadding .swiper-slide-inner {
	padding:0;
	}	
.srol-carousel .srol-swiper-navi a {
	color:#aaa;
	background:#e9e9e9;
	box-shadow:0 -2px 0 rgba(0,0,0,.06) inset;
	-webkit-box-shadow:0 -2px 0 rgba(0,0,0,.06) inset;
	-moz-box-shadow:0 -2px 0 rgba(0,0,0,.06) inset;
	width:36px;
	height:36px;
	font-size:14px;
	}
.srol-carousel .srol-swiper-navi a i {
	line-height:36px;
	}	
.srol-carousel .srol-swiper-navi a:hover {
	background:#4D98AD;
	color:#fff;
	}	
.srol-carousel .srol-swiper-navi .next {
	right:-50px;
	}
.srol-carousel .srol-swiper-navi .prev {
	left:-50px;
	}
	
	
/* BRANDS
---------------------------------------------------------------------------------------- */
.srol-brands {
	display:block;
	margin:0 0 20px;
	}
	
	/* layout */
.brand-table {
	display:table;
	width:100%;
	}
.brand-row {
	display:table-row;
	}
.brand-cell {
	display:table-cell;
	vertical-align:top;
	}
.brands-1-columns .brand-cell {
	width:100%;
	}
.brands-2-columns .brand-cell {
	width:50%;
	}
.brands-3-columns .brand-cell {
	width:33.33%;
	}
.brands-4-columns .brand-cell {
	width:25%;
	}
.brands-5-columns .brand-cell {
	width:20%;
	}
.brands-6-columns .brand-cell {
	width:16.66%;
	}
.brands-7-columns .brand-cell {
	width:14.28%;
	}
.brands-8-columns .brand-cell {
	width:12.5%;
	}	
	
	/* has padding */
.srol-brands.has-padding .brand-cell {
	padding:6px;
	}
	
	/* grayscale */
.srol-brands.enable-grayscale	.brand-cell {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ 
	}
.srol-brands.enable-grayscale	.brand-cell:hover {
	-webkit-filter:none;
	-moz-filter:none;
	-ms-filter:none;
	-o-filter:none;
	filter:none;
	}
	
/* ICONS
---------------------------------------------------------------------------------------- */
.srol-icon {
	display:inline-block;
	margin:0 8px 8px 0;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	text-align:center;
	height:32px;
	line-height:32px;
	width:32px;
	font-size:16px;
	overflow:hidden;
	}
.srol-icon a,
.srol-icon a:hover {
	display:block;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	color:inherit;
	text-decoration:none;
	} 	
.srol-icon i {
	line-height:32px;
	}
	
	
/* CALLOUT
---------------------------------------------------------------------------------------- */
.srol-callout {
	display:block;
	position:relative;
	clear:both;
	}
.srol-callout .callout-content {
	float:left;
	width:80%;
	text-align:right;
	}
.srol-callout .callout-button {
	float:right;
	width:20%;
	}	
.srol-callout .title {
	margin-bottom:5px;
	font-size:32px;
	font-weight:normal;
	}
.srol-callout .callout-icon {
	display:block;
	float:left;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	text-align:center;
	margin-right:20px;
	width:90px;
	height:90px;
	font-size:44px;
	color:#fff;
	background:#4D98AD;
	box-shadow:-2px 2px 6px rgba(0,0,0,.1);
	-webkit-box-shadow:-2px 2px 6px rgba(0,0,0,.1);
	-moz-box-shadow:-2px 2px 6px rgba(0,0,0,.1);
	}
.srol-callout .callout-icon i {
	line-height:90px;
	}
.srol-callout .text {
	overflow:hidden;
	}		
.srol-callout .callout-button {
	padding-left:16px;
	text-align:right;
	padding-top:16px;
	}
	
	/* has border*/
.srol-callout.has-border {
	padding:40px 0;
	}	
.srol-callout.has-border:before,
.srol-callout.has-border:after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:url(../images/dot.png) repeat-x top left;
	background-size:4px 1px;
	-webkit-background-size:4px 1px;
	-moz-background-size:4px 1px;
	content:"";
	}
.srol-callout.has-border:after {
	top:auto;
	bottom:0;
	}
	
	/* text white */
.text-white .srol-callout .callout-icon {
	color:#4D98AD;
	background:#fff;
	}	
.text-white .srol-callout .callout-icon i {
	color:#4D98AD;
	}
	
	/* transaprent */
.srol-callout .callout-button .button-transparent a {
	border:2px solid #fff;
	border-color:rgba(255,255,255,.5);
	background:none;
	line-height:40px;
	}
	
/* ICONLIST
---------------------------------------------------------------------------------------- */	
.srol-iconlist {
	margin:0 0 10px;
	}
.srol-iconlist ul,
.srol-iconlist ol {
	list-style:none !important;
	margin:0;
	padding:0;
	}
.srol-iconlist li {
	padding:5px 0;
	position:relative;
	margin:0 !important;
	}
.srol-iconlist li i {
	margin-right:8px;
	}
	
	/* align right */
.srol-iconlist.align-right {
	text-align:right;
	}
.srol-iconlist.align-right i {
	margin-right:auto;
	margin-left:8px;
	}	
	
/* TESTIMONIAL
---------------------------------------------------------------------------------------- */
.srol-testimonial {
	position:relative;
	}
.srol-testimonial .testimonial-inner {
	position:relative;
	z-index:20;
	background:#fff;
	}	

	/* avatar */				
.testimonial-avatar {
	display:block;
	width:70px;
	height:70px;
	margin-right:20px;
	text-align:center;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	overflow:hidden;
	background:#fff;
	float:left;
	}
.testimonial-avatar img {
	display:block;
	width:100%;
	height:100%;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	}

	/* content */
.testimonial-content {
	display:block;
	overflow:hidden;
	padding-bottom:10px;
	}
.testimonial-content .speech {
	font-style:italic;
	position:relative;
	background:#f1f1f1;
	background:rgba(0,0,0,.12);
	padding:20px 20px 10px;
	}
.testimonial-content .speech:after {
	position:absolute;
	content:"";
	left:20px;
	bottom:-10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 0;
	border-color: #f1f1f1 transparent transparent transparent;
	border-color:rgba(0,0,0,.12) transparent transparent transparent;
	}	
.testimonial-content p {
	margin-bottom:10px;
	}
.testimonial-meta {
	padding-left: 20px;
	margin-top: 10px;
	}	
.testimonial-author {
	font-family: 'PT Sans', sans-serif;
	color:#4D98AD;
	font-weight:normal;
	}
.testimonial-author:before {
	content:"\2014";
	margin-right:10px;
	}	
.testimonial-from {
	color:#999;
	}
.testimonial-from:before {
	content:"\B7";
	margin:0 5px;
	}
	
	/* slider */
.testimonial-slider .flex-control-paging li a {
	width:6px;
	height:6px;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	background:rgba(0,0,0,0.5);
	}	
.testimonial-slider .flex-control-paging li a.flex-active {
	background:#4d98ad;
	}	
	
	
	
	
/* PARALLAX
---------------------------------------------------------------------------------------- */
.srol-parallax {
	background-position:center center;
	position:relative;
	overflow:hidden;
	}
.srol-parallax .bg-element,
.srol-fullwidth .bg-element {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-attachment:fixed;
	z-index:10;
	}
.srol-parallax.parallax-2 .bg-element {
	top:-30%;
	left:-30%;
	width:160%;
	height:160%;
	background-attachment:scroll;
	}

/* PULLQUOTE
---------------------------------------------------------------------------------------- */
.srol-pullquote {
	display:block;
	float:left;
	width:450px;
	max-width:100%;
	margin:0 20px 0 0;
	}
.srol-pullquote blockquote {
	padding-left:20px;
	}
.srol-pullquote.align-right {
	float:right;
	margin:0 0 0 20px;
	}
.srol-pullquote.align-center {
	float:none;
	clear:both;
	margin:0 auto;
	}
	
/* FONT
---------------------------------------------------------------------------------------- */
h1.srol-google-font,
h2.srol-google-font,
h3.srol-google-font,
h4.srol-google-font,
h5.srol-google-font,
h6.srol-google-font {
	text-transform:none;
	letter-spacing:normal;
	}
.srol-google-font.align-center {
	text-align:center;
	}
.srol-google-font.align-right {
	text-align:right;
	}
span.srol-google-font {
	margin:0 15px 5px 0;
	}
	
/* FULLWIDTH
---------------------------------------------------------------------------------------- */
.srol-fullwidth {
	overflow:hidden;
	position:relative;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	}
.srol-fullwidth .overlay-element {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:11;
	}
.srol-fullwidth .clipmask-element {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:16;
	opacity:0;
	background:url(../images/clipmask.png) top left repeat;
	}	
.srol-fullwidth .fullwidth-content {
	position:relative;
	z-index:20;
	}
.srol-fullwidth.has-shadow .shadow-element {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:12;
	box-shadow:0 0px 10px rgba(0,0,0,.14) inset;
	-webkit-box-shadow:0 0px 10px rgba(0,0,0,.14) inset;
	-moz-box-shadow:0 0px 10px rgba(0,0,0,.14) inset;
	}	
	
/* BOX
---------------------------------------------------------------------------------------- */
.srol-box {
	display:block;
	max-width:100%;
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	}
.box-content {
	position:relative;
	z-index:12;
	}
.srol-box .bg-element,		
.box-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:11;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	}
.srol-box .bg-element {
	z-index:10;
	}
.srol-box.srol-zoom {
	overflow:hidden;
	}	
.srol-box.srol-zoom .bg-element {
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	}
.srol-box.srol-zoom:hover .bg-element {
	-webkit-transform:scale(1.15);
	-moz-transform:scale(1.15);
	transform:scale(1.15);
	}
	
	/* align center */
.srol-box.align-center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}	
.srol-box.align-center .box-content {
	margin:0 auto;
	}
	
	/* align right */
.srol-box.align-right {
	text-align:right;
	}	
.srol-box.align-right .box-content {
	margin-left:auto;
	}
	
.srol-box h1,	
.srol-box h2,
.srol-box h3,
.srol-box h4,
.srol-box h5,
.srol-box h6 {
	position:relative;
	margin-bottom:20px;
	}
		
	/* align center */
.srol-box.align-center h1:after,
.srol-box.align-center h2:after,
.srol-box.align-center h3:after,
.srol-box.align-center h4:after,
.srol-box.align-center h5:after,
.srol-box.align-center h6:after {
	left:50%;
	margin-left:-30px;
	}
	
	/* align right */
.srol-box.align-right h1:after,
.srol-box.align-right h2:after,
.srol-box.align-right h3:after,
.srol-box.align-right h4:after,
.srol-box.align-right h5:after,
.srol-box.align-right h6:after {
	right:0;
	left:auto;
	}	

/* TEXT BLOCK
---------------------------------------------------------------------------------------- */
.srol-text-block {
	display:block;
	margin:0 0 20px;
	}
.srol-text-block .layer-table {
	display:table;
	}
.srol-text-block .layer-row {
	display:table-row;
	}
.srol-text-block .block-1,
.srol-text-block .block-2 {
	display:table-cell;
	}
.srol-text-block .block-1 {
	width:16%;
	vertical-align:top;
	text-align:right;
	}
.srol-text-block.has-separator .block-1 {
	padding-right:30px;
	}
.srol-text-block .block-2 {
	padding-left:30px;
	}
.srol-text-block p:last-child,
.srol-text-block ul:last-child,
.srol-text-block ol:last-child {
	margin-bottom:0;
	}
	
.srol-text-block.heading-align-top .block-1 {
	vertical-align:top;
	}
.srol-text-block.heading-align-bottom .block-1 {
	vertical-align:bottom;
	}
.srol-text-block.heading-align-middle .block-1 {
	vertical-align:middle;
	}		

.srol-text-block.has-separator .block-1 {
	border:none;
	position:relative;
	}
.srol-text-block.has-separator .block-1:after {
	position:absolute;
	content:"";
	top:0;
	right:0;
	width:1px;
	height:100%;
	background:url(../images/dot2.png) repeat-y top left;
	background-size:1px 4px;
	-webkit-background-size:1px 4px;
	-moz-background-size:1px 4px;
	}
.srol-text-block h1,
.srol-text-block h2,
.srol-text-block h3,
.srol-text-block h4,
.srol-text-block h5,
.srol-text-block h6 {
	margin-bottom:20px;
	}
.srol-text-block .block-1 h1,
.srol-text-block .block-1 h2,
.srol-text-block .block-1 h3,
.srol-text-block .block-1 h4,
.srol-text-block .block-1 h5,
.srol-text-block .block-1 h6 {
	padding-bottom:20px;
	position:relative;
	}
.srol-text-block .block-1 h1:after,
.srol-text-block .block-1 h2:after,
.srol-text-block .block-1 h3:after,
.srol-text-block .block-1 h4:after,
.srol-text-block .block-1 h5:after,
.srol-text-block .block-1 h6:after {
	position:absolute;
	content:"";
	border-top:1px solid;
	width:60px;
	bottom:0;
	right:6px;
	opacity:0.5;
	}
	
	
	/* TEXT WHITE */
.text-white .srol-text-block.has-separator .block-1:after {
	background-image:url(../images/dot2-white.png);
	opacity:0.5;
	}	
	

/* SPACER
---------------------------------------------------------------------------------------- */
.srol-spacer {
	display:block;
	clear:both;
	height:30px;
	}
		
/* IMAGE GRAYSCALE
---------------------------------------------------------------------------------------- */
.image-grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ 
	}
.image-grayscale:hover {
	-webkit-filter:none;
	-moz-filter:none;
	-ms-filter:none;
	-o-filter:none;
	filter:none;
	}	
	
/* ICONS
---------------------------------------------------------------------------------------- */
.srol-icon {
	display:inline-block;
	}
	
/* QUOTE
---------------------------------------------------------------------------------------- */
.srol-quote blockquote {
	letter-spacing:1px;
	font-family:"Open Sans", sans-serif;
	text-transform:uppercase;
	padding-left:0;
	border:none;
	text-align:center;
	}
.srol-quote blockquote p {
	font-size:24px;
	font-weight:700;
	margin-bottom:26px;
	}
.srol-quote blockquote cite {
	float:none;
	margin-right:0;
	font-style:italic;
	}
.srol-quote blockquote cite a {
	color:inherit;
	text-decoration:none;
	}	
	
/* TAB STICKY
---------------------------------------------------------------------------------------- */
.srol-tab-sticky {
	display:block;
	position:relative;
	background:#232323;
	}
.tabsticky-nav {
	display:block;
	float:left;
	width:300px;
	margin-top:90px;
	}
.tabsticky-content {
	overflow:hidden;
	display:block;
	padding-left:60px;
	padding-right:50px;
	background:#fff;
	}
.srol-tab-sticky-footer {
	position:absolute;
	bottom:50px;
	}
		
	/* navigation */
.tabsticky-nav	{
	font-family:"PT Sans", sans-serif;
	position:relative;
	}
.tabsticky-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.tabsticky-nav ul li {
	display:block;
	}
.tabsticky-nav ul li a {
	display:block;
	text-align:right;
	text-decoration:none;
	padding:14px 32px 14px 18px;
	font-size:14px;
	position:relative;
	color:#fff;
	color:rgba(255,255,255,.6);
	border-top:1px dotted rgba(255,255,255,.15);
	transition:all .5s ease-out;
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	text-transform:uppercase;
	}
.tabsticky-nav ul li a:hover,
.tabsticky-nav ul li.active a {
	color:#fff;
	}
.tabsticky-nav ul li:first-child a {
	border:none;
	}
.tabsticky-nav {
	
	}


/* LATEST POSTS
---------------------------------------------------------------------------------------- */
.srol-latest-posts .latest-post {
	display:block;
	float:left;
	padding:0 10px;
	margin-bottom:30px;
	}
.srol-latest-posts.cols-1 .latest-post {
	width:100%;
	}
.srol-latest-posts.cols-2 .latest-post {
	width:50%;
	}
.srol-latest-posts.cols-3 .latest-post {
	width:33.33%;
	}
.srol-latest-posts.cols-4 .latest-post {
	width:25%;
	}
.srol-latest-posts.cols-5 .latest-post {
	width:20%;
	}
.srol-latest-posts.cols-2 .latest-post(2n+1) {
	clear:left;
	}
.srol-latest-posts.cols-3 .latest-post(3n+1) {
	clear:left;
	}
.srol-latest-posts.cols-4 .latest-post(4n+1) {
	clear:left;
	}
.srol-latest-posts.cols-5 .latest-post(5n+1) {
	clear:left;
	}				
	
.ltp-thumb {
	margin-bottom:20px;
	}
.ltp-title-meta {
	position:relative;
	padding-bottom:10px;
	margin-bottom:10px;
	}	
.ltp-title-meta:after {
	content:"";
	width:50px;
	height:4px;
	background:#4D98AD;
	position:absolute;
	bottom:0;
	left:0;
	opacity:0.3;
	}	
.ltp-title {
	margin-bottom:0px;
	line-height:1.2;
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	}
.ltp-title a {
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	text-decoration:none;
	}	
.ltp-title a:hover {
	color:#555;
	}


.ltp-meta {
	display:block;
	overflow:hidden;
	text-transform:uppercase;
	font-size:10px;
	margin-bottom:10px;
	color:#333;
	}	
.ltp-meta .ele {
	display:block;
	float:left;
	}
.ltp-meta .ele:last-child {
	margin-right:0;
	}
.ltp-meta .ele:after {
	content:"|";
	margin:0 8px;
	}
.ltp-meta .ele:last-child:after	{
	display:none;
	}
.ltp-meta a {
	color:#333;
	}
	
/* RECENT PROJECTS SLIDER SHORTCODE
---------------------------------------------------------------------------------------- */
.srol-recent-projects-slider .swiper-slide .project-item {
	transition:all .2s;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	position:relative;
	background:#4D98AD;
	}
.project-item img {
	position:relative;
	z-index:10;
	display:block;
	transition:all .3s ease-out;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	}
.srol-recent-projects-slider .swiper-slide .project-item:hover img	{
	opacity:0.1;
	}
.srol-recent-projects-slider .project-item .infobox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	z-index: 20;
	display: none;
	text-align:center;
	color:#fff;
	}
.srol-recent-projects-slider .swiper-slide .project-item:hover .infobox {
	display:block;
	}
.srol-recent-projects-slider .project-item .infobox .layer-table {
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	}
.srol-recent-projects-slider .project-item .infobox .layer-cell {
	display: table-cell;
	vertical-align: middle;
	}
.srol-recent-projects-slider .project-item img {
	width:100%;
	}	
.srol-recent-projects-slider .project-item .infobox .title {
	color:#fff;
	margin-bottom:0;
	}
.srol-recent-projects-slider .project-item .infobox .desc p {
	margin-bottom:0;
	}	
	
.srol-recent-projects-slider .srol-swiper-navi a {
	color:#fff;
	background:transparent;
	border:2px solid #fff;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	opacity:0;
	}
.srol-recent-projects-slider:hover .srol-swiper-navi a {
	opacity:1;
	}
	
	/* 3d slider */
.srol-recent-projects-slider.srol-3d-slider .swiper-slide .project-item {
	opacity:0.5;
	background:#fff;
	}
.srol-recent-projects-slider.srol-3d-slider .swiper-slide-active .project-item {
	opacity:1;
	background:#4d98ad;
	}
.srol-recent-projects-slider.srol-3d-slider .project-item:hover .infobox {
	display:none;
	}
.srol-recent-projects-slider.srol-3d-slider .swiper-slide-active .project-item:hover .infobox	{
	display:block;
	}
/* Cross Browser for Firefox */
@-moz-document url-prefix() {
	.srol-brands .brand-cell img{
		width: 100%;
	}
	.srol-imagebox .image img{
		width: 100%;
	}
}