/*-------------Import fonts main-css  ---------------------------------------  */
@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i");
/*-------------Import fonts main-css END --------------------------------------- */



/*------------- TOC START ---------------------------------------*/
#toc_container {
    background: #ffffff none repeat scroll 0 0;
    background-color: rgba(91, 0, 29, 0.025);
    border: 1px solid #aaa;
    display: table;
    line-height: 1.8em;
    text-align: left;
    margin: 2em 0 2em 0;
    padding: 20px 20px 20px 5px;
    width: auto;
}
#toc_container li, #toc_container ul, #toc_container ul li{
    list-style: inside none none !important;
}
.toc_title {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding: 0 0 0 5px;
}

    /*-------- TOC Links Styling Start -----------*/
    .no-underline,
    .no-underline:link,
    .no-underline:visited {
        text-decoration: none;
    }
    .no-underline:hover,
    .no-underline:active {
        text-decoration: underline; /* Optional: add underline on hover/active */
    }
    /*-------- TOC Links Styling  End -----------*/

/*------------- TOC END ---------------------------------------*/

/*------------- Overall Page Wrap START  ---------------------------------------*/
.scala-wrap {
	float:left;
	width:100%;
	position:relative;
    padding :0;
}
.scala-wrap.port-wrap {
	padding: 10px;
}
/*------------- Overall Page Wrap END  ---------------------------------------*/


/*------------- Reviews Images START ---------------------------------------*/
.reviews-img {
    text-align: left;
    padding: 3px;
    margin-bottom: 14px;
    border: 1px solid #000000;
}
/*------------- Reviews Images END ---------------------------------------*/

/*------------- Typeography START  ---------------------------------------*/
html {
    font-size: 14pt;
}
@media screen and (max-width: 1680px) {
    html {
        font-size: 13pt;
    }
}
@media screen and (max-width: 1280px) {
    html {
    	font-size: 12pt;
    }
}
@media screen and (max-width: 736px) {
    html {
        font-size: 11pt;
    }
}
@media screen and (max-width: 360px) {
    html {
        font-size: 10pt;
    }
}
body {
    background-color: #ffffff;
    color: #000000;
}
body, input, select, textarea {
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.65;
}
a {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
strong, b {
    font-weight: 400;
}
em, i {
    font-style: italic;
}
p {
    margin: 0 0 1rem 0;
}
p.major {
        font-size: 1.25rem;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
h1 {
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1.17em;
}
h2 {
	font-size: 1.8em;
	font-weight: 400;
    line-height: 1.17em;
    padding-bottom:20px;
}
h3 {
	font-size: 1.50em;
    font-weight: 300;
    padding-bottom:5px;
}
h4 {
	font-size: 1.1em;
	font-weight: 400;
}
h5 {
	font-size: 0.8em;
	font-weight: 200;
}
h6 {
	font-size: 0.6em;
	font-weight: 200;
}
p {
	text-align:left;
	font-size:18px;
	line-height:24px;
	padding-bottom:10px;
}
blockquote {
	float:left;
	padding: 10px 30px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 15px solid #eee;
	position:relative;
}
blockquote:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	content: "\f10e";
	position:absolute;
	top:5px;
	left:10px;
	color:#ccc;
	z-index:-1;
	opacity:0.7;
	font-size:50px;
}
blockquote p {
	font-family: 'Libre Baskerville', serif;
	font-style:italic;
}
.clearfix::after {
    content: ""; /* Clearfix to clear floats */
    display: table;
    clear: both; /* Clear the float */
}
/*------------- Typeography END  ---------------------------------------*/



/*------------- SPOTLIGHT (Style 1) START  ---------------------------------------*/

	.spotlight.style1 {
		-moz-align-items: -moz-stretch;
		-webkit-align-items: -webkit-stretch;
		-ms-align-items: -ms-stretch;
		align-items: stretch;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-moz-justify-content: -moz-flex-end;
		-webkit-justify-content: -webkit-flex-end;
		-ms-justify-content: -ms-flex-end;
		justify-content: flex-end;
		position: relative;
		overflow-x: hidden;
		text-align: left;
	}

		.spotlight.style1 .content {
			padding: 7rem 7rem 5rem 7rem ;
			-moz-align-self: center;
			-webkit-align-self: center;
			-ms-align-self: center;
			align-self: center;
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			width: 65%;
			max-width: 64rem;
			margin: 0 auto;
		}

		.spotlight.style1 .image {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			width: 35%;
			min-width: 25rem;
			border-radius: 0;
		}

			.spotlight.style1 .image img {
				-moz-object-fit: cover;
				-webkit-object-fit: cover;
				-ms-object-fit: cover;
				object-fit: cover;
				-moz-object-position: center;
				-webkit-object-position: center;
				-ms-object-position: center;
				object-position: center;
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 0;
			}

		@media screen and (max-width: 1680px) {

			.spotlight.style1 .content {
				padding: 5rem 5rem 3rem 5rem ;
			}

		}

		@media screen and (max-width: 1280px) {

			.spotlight.style1 .content {
				padding: 4rem 4rem 2rem 4rem ;
			}

		}

		@media screen and (max-width: 980px) {

			.spotlight.style1 .content {
				padding: 3.75rem 3rem 1.75rem 3rem ;
				width: 50%;
				min-width: 0;
			}

			.spotlight.style1 .image {
				width: 50%;
				min-width: 0;
			}

		}

		@media screen and (max-width: 736px) {

			.spotlight.style1 .content {
				padding: 2.5rem 2rem 0.5rem 2rem ;
			}

		}

	@media screen and (max-width: 736px) and (orientation: portrait) {

		.spotlight.style1 {
			-moz-flex-direction: column-reverse;
			-webkit-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
			flex-direction: column-reverse;
			text-align: left !important;
		}

			.spotlight.style1 .content {
				width: 100%;
			}

			.spotlight.style1 .image {
				width: 100%;
			}

				.spotlight.style1 .image img {
					position: relative;
				}

	}

		.spotlight.style1.orient-right {
			-moz-flex-direction: row-reverse;
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}

	@media screen and (max-width: 736px) and (orientation: portrait) {

		.spotlight.style1.orient-right {
			-moz-flex-direction: column-reverse;
			-webkit-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
			flex-direction: column-reverse;
		}

	}

		.spotlight.style1.content-align-center {
			text-align: center;
		}

		.spotlight.style1.content-align-right {
			text-align: right;
		}

		.spotlight.style1.image-position-left .image img {
			-moz-object-position: left;
			-webkit-object-position: left;
			-ms-object-position: left;
			object-position: left;
		}

		.spotlight.style1.image-position-right .image img {
			-moz-object-position: right;
			-webkit-object-position: right;
			-ms-object-position: right;
			object-position: right;
		}
/*------------- SPOTLIGHT (Style 1) END  ----------------------------*/

/*------------- IMAGES START  ---------------------------------------*/
.image {
    border: 0;
    border-radius: 4px;
    display: inline-block;
    position: relative;
}
.image img {
    display: block;
    border-radius: 4px;
}
.image.left, .image.right {
    width: 40%;
    max-width: 10rem;
}
.image.left img, .image.right img {
    width: 100%;
}
.image.left {
    float: left;
    margin: 0 1.5rem 1rem 0;
    top: 0.25rem;
}
.image.right {
    float: right;
    margin: 0 0 1rem 1.5rem;
    top: 0.25rem;
}
.image.fit {
    display: block;
    margin: 0 0 2rem 0;
    width: 100%;
}
.image.fit img {
    width: 100%;
}
.image.main {
    display: block;
    margin: 0 0 3rem 0;
    width: 100%;
}
.image.main img {
    width: 100%;
}
@media screen and (max-width: 736px) {
    .image.left {
        float: none; /* Remove float on smaller screens */
        display: block; /* Make the image a block element */
        /* width: 100%;  Make the image full width */
        /* margin: 0; Remove margin */
    }
}
@media screen and (max-width: 736px) {
    .image.right {
        float: none; /* Remove float on smaller screens */
        display: block; /* Make the image a block element */
        /* width: 100%;  Make the image full width */
        /* margin: 0; Remove margin */
    }
}


/*------------- IMAGES END  ----------------------------------------------*/

/*------------- LIST (ol, li) START  ---------------------------------------*/
ol {
    list-style: decimal;
    margin: 0 0 1rem 0;
    padding-left: 1.25rem;
}
ol li {
    padding-left: 0.5rem;
    margin: 0px 0px 0px 30px;
}
ol.alpha {
  list-style-type: lower-alpha;
}

ul {
    list-style: disc;
    margin: 0 0 1rem 0;
    padding-left: 1rem;
}
ul li {
    padding-left: 0.5rem;
}
ul.alt {
    list-style: none;
    padding-left: 0;
}
ul.alt li {
    border-top: solid 1px;
    padding: 0.5rem 0;
}
ul.alt li:first-child {
    border-top: 0;
    padding-top: 0;
}
dl {
    margin: 0 0 2rem 0;
}
dl dt {
    display: block;
    font-weight: 400;
    margin: 0 0 1rem 0;
}
dl dd {
    margin-left: 2rem;
}
dl.style2 dt {
    width: 25%;
    float: left;
}
dl.style2 dd {
    width: 70%;
    float: left;
}
dl.style2:after {
    content: '';
    display: block;
    clear: both;
}
ul.alt li {
    border-top-color: rgba(0, 0, 0, 0.2);
}
/*------------- LIST (ol, li) END  ---------------------------------------*/

/*------------- ROW (Style 3) START  ---------------------------------------*/
.row {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-items: stretch;
}
    .row > * {
        box-sizing: border-box;
    }
    .row.gtr-uniform > * > :last-child {
        margin-bottom: 0;
    }
    .row.aln-left {
        justify-content: flex-start;
    }
    .row.aln-center {
        justify-content: center;
    }
    .row.aln-right {
        justify-content: flex-end;
    }
    .row.aln-top {
        align-items: flex-start;
    }
    .row.aln-middle {
        align-items: center;
    }
    .row.aln-bottom {
        align-items: flex-end;
    }
    .row > .imp {
        order: -1;
    }
    .row > .col-1 {
        width: 8.33333%;
    }
    .row > .off-1 {
        margin-left: 8.33333%;
    }
    .row > .col-2 {
        width: 16.66667%;
    }
    .row > .off-2 {
        margin-left: 16.66667%;
    }
    .row > .col-3 {
        width: 25%;
    }
    .row > .off-3 {
        margin-left: 25%;
    }
    .row > .col-4 {
        width: 33.33333%;
    }
    .row > .off-4 {
        margin-left: 33.33333%;
    }
    .row > .col-5 {
        width: 41.66667%;
    }
    .row > .off-5 {
        margin-left: 41.66667%;
    }
    .row > .col-6 {
        width: 50%;
    }
    .row > .off-6 {
        margin-left: 50%;
    }
    .row > .col-7 {
        width: 58.33333%;
    }
    .row > .off-7 {
        margin-left: 58.33333%;
    }
    .row > .col-8 {
        width: 66.66667%;
    }
    .row > .off-8 {
        margin-left: 66.66667%;
    }
    .row > .col-9 {
        width: 75%;
    }
    .row > .off-9 {
        margin-left: 75%;
    }
    .row > .col-10 {
        width: 83.33333%;
    }
    .row > .off-10 {
        margin-left: 83.33333%;
    }
    .row > .col-11 {
        width: 91.66667%;
    }
    .row > .off-11 {
        margin-left: 91.66667%;
    }
    .row > .col-12 {
        width: 100%;
    }
    .row > .off-12 {
        margin-left: 100%;
    }
    .row.gtr-0 {
        margin-top: 0;
        margin-left: 0rem;
    }
        .row.gtr-0 > * {
            padding: 0 0 0 0rem;
        }
        .row.gtr-0.gtr-uniform {
            margin-top: 0rem;
        }
            .row.gtr-0.gtr-uniform > * {
                padding-top: 0rem;
            }
    .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.5rem;
    }
        .row.gtr-25 > * {
            padding: 0 0 0 0.5rem;
        }
        .row.gtr-25.gtr-uniform {
            margin-top: -0.5rem;
        }
            .row.gtr-25.gtr-uniform > * {
                padding-top: 0.5rem;
            }
    .row.gtr-50 {
        margin-top: 0;
        margin-left: -1rem;
    }
        .row.gtr-50 > * {
            padding: 0 0 0 1rem;
        }
        .row.gtr-50.gtr-uniform {
            margin-top: -1rem;
        }
            .row.gtr-50.gtr-uniform > * {
                padding-top: 1rem;
            }
    .row {
        margin-top: 0;
        margin-left: -2rem;
    }
        .row > * {
            padding: 0 0 0 2rem;
        }
        .row.gtr-uniform {
            margin-top: -2rem;
        }
            .row.gtr-uniform > * {
                padding-top: 2rem;
            }
    .row.gtr-150 {
        margin-top: 0;
        margin-left: -3rem;
    }
        .row.gtr-150 > * {
            padding: 0 0 0 3rem;
        }
        .row.gtr-150.gtr-uniform {
            margin-top: -3rem;
        }
            .row.gtr-150.gtr-uniform > * {
                padding-top: 3rem;
            }
    .row.gtr-200 {
        margin-top: 0;
        margin-left: -4rem;
    }
        .row.gtr-200 > * {
            padding: 0 0 0 4rem;
        }
        .row.gtr-200.gtr-uniform {
            margin-top: -4rem;
        }
            .row.gtr-200.gtr-uniform > * {
                padding-top: 4rem;
            }
    @media screen and (max-width: 1680px) {
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
            .row > * {
                box-sizing: border-box;
            }
            .row.gtr-uniform > * > :last-child {
                margin-bottom: 0;
            }
            .row.aln-left {
                justify-content: flex-start;
            }
            .row.aln-center {
                justify-content: center;
            }
            .row.aln-right {
                justify-content: flex-end;
            }
            .row.aln-top {
                align-items: flex-start;
            }
            .row.aln-middle {
                align-items: center;
            }
            .row.aln-bottom {
                align-items: flex-end;
            }
            .row > .imp-xlarge {
                order: -1;
            }
            .row > .col-1-xlarge {
                width: 8.33333%;
            }
            .row > .off-1-xlarge {
                margin-left: 8.33333%;
            }
            .row > .col-2-xlarge {
                width: 16.66667%;
            }
            .row > .off-2-xlarge {
                margin-left: 16.66667%;
            }
            .row > .col-3-xlarge {
                width: 25%;
            }
            .row > .off-3-xlarge {
                margin-left: 25%;
            }
            .row > .col-4-xlarge {
                width: 33.33333%;
            }
            .row > .off-4-xlarge {
                margin-left: 33.33333%;
            }
            .row > .col-5-xlarge {
                width: 41.66667%;
            }
            .row > .off-5-xlarge {
                margin-left: 41.66667%;
            }
            .row > .col-6-xlarge {
                width: 50%;
            }
            .row > .off-6-xlarge {
                margin-left: 50%;
            }
            .row > .col-7-xlarge {
                width: 58.33333%;
            }
            .row > .off-7-xlarge {
                margin-left: 58.33333%;
            }
            .row > .col-8-xlarge {
                width: 66.66667%;
            }
            .row > .off-8-xlarge {
                margin-left: 66.66667%;
            }
            .row > .col-9-xlarge {
                width: 75%;
            }
            .row > .off-9-xlarge {
                margin-left: 75%;
            }
            .row > .col-10-xlarge {
                width: 83.33333%;
            }
            .row > .off-10-xlarge {
                margin-left: 83.33333%;
            }
            .row > .col-11-xlarge {
                width: 91.66667%;
            }
            .row > .off-11-xlarge {
                margin-left: 91.66667%;
            }
            .row > .col-12-xlarge {
                width: 100%;
            }
            .row > .off-12-xlarge {
                margin-left: 100%;
            }
            .row.gtr-0 {
                margin-top: 0;
                margin-left: 0rem;
            }
                .row.gtr-0 > * {
                    padding: 0 0 0 0rem;
                }
                .row.gtr-0.gtr-uniform {
                    margin-top: 0rem;
                }
                    .row.gtr-0.gtr-uniform > * {
                        padding-top: 0rem;
                    }
            .row.gtr-25 {
                margin-top: 0;
                margin-left: -0.5rem;
            }
                .row.gtr-25 > * {
                    padding: 0 0 0 0.5rem;
                }
                .row.gtr-25.gtr-uniform {
                    margin-top: -0.5rem;
                }
                    .row.gtr-25.gtr-uniform > * {
                        padding-top: 0.5rem;
                    }
            .row.gtr-50 {
                margin-top: 0;
                margin-left: -1rem;
            }
                .row.gtr-50 > * {
                    padding: 0 0 0 1rem;
                }
                .row.gtr-50.gtr-uniform {
                    margin-top: -1rem;
                }
                    .row.gtr-50.gtr-uniform > * {
                        padding-top: 1rem;
                    }
            .row {
                margin-top: 0;
                margin-left: -2rem;
            }
                .row > * {
                    padding: 0 0 0 2rem;
                }
                .row.gtr-uniform {
                    margin-top: -2rem;
                }
                    .row.gtr-uniform > * {
                        padding-top: 2rem;
                    }
            .row.gtr-150 {
                margin-top: 0;
                margin-left: -3rem;
            }
                .row.gtr-150 > * {
                    padding: 0 0 0 3rem;
                }
                .row.gtr-150.gtr-uniform {
                    margin-top: -3rem;
                }
                    .row.gtr-150.gtr-uniform > * {
                        padding-top: 3rem;
                    }
            .row.gtr-200 {
                margin-top: 0;
                margin-left: -4rem;
            }
                .row.gtr-200 > * {
                    padding: 0 0 0 4rem;
                }
                .row.gtr-200.gtr-uniform {
                    margin-top: -4rem;
                }
                    .row.gtr-200.gtr-uniform > * {
                        padding-top: 4rem;
                    }
    }

    @media screen and (max-width: 1280px) {
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
            .row > * {
                box-sizing: border-box;
            }
            .row.gtr-uniform > * > :last-child {
                margin-bottom: 0;
            }
            .row.aln-left {
                justify-content: flex-start;
            }
            .row.aln-center {
                justify-content: center;
            }
            .row.aln-right {
                justify-content: flex-end;
            }
            .row.aln-top {
                align-items: flex-start;
            }
            .row.aln-middle {
                align-items: center;
            }
            .row.aln-bottom {
                align-items: flex-end;
            }
            .row > .imp-large {
                order: -1;
            }
            .row > .col-1-large {
                width: 8.33333%;
            }
            .row > .off-1-large {
                margin-left: 8.33333%;
            }
            .row > .col-2-large {
                width: 16.66667%;
            }
            .row > .off-2-large {
                margin-left: 16.66667%;
            }
            .row > .col-3-large {
                width: 25%;
            }
            .row > .off-3-large {
                margin-left: 25%;
            }
            .row > .col-4-large {
                width: 33.33333%;
            }
            .row > .off-4-large {
                margin-left: 33.33333%;
            }
            .row > .col-5-large {
                width: 41.66667%;
            }
            .row > .off-5-large {
                margin-left: 41.66667%;
            }
            .row > .col-6-large {
                width: 50%;
            }
            .row > .off-6-large {
                margin-left: 50%;
            }
            .row > .col-7-large {
                width: 58.33333%;
            }
            .row > .off-7-large {
                margin-left: 58.33333%;
            }
            .row > .col-8-large {
                width: 66.66667%;
            }
            .row > .off-8-large {
                margin-left: 66.66667%;
            }
            .row > .col-9-large {
                width: 75%;
            }
            .row > .off-9-large {
                margin-left: 75%;
            }
            .row > .col-10-large {
                width: 83.33333%;
            }
            .row > .off-10-large {
                margin-left: 83.33333%;
            }
            .row > .col-11-large {
                width: 91.66667%;
            }
            .row > .off-11-large {
                margin-left: 91.66667%;
            }
            .row > .col-12-large {
                width: 100%;
            }
            .row > .off-12-large {
                margin-left: 100%;
            }
            .row.gtr-0 {
                margin-top: 0;
                margin-left: 0rem;
            }
                .row.gtr-0 > * {
                    padding: 0 0 0 0rem;
                }
                .row.gtr-0.gtr-uniform {
                    margin-top: 0rem;
                }
                    .row.gtr-0.gtr-uniform > * {
                        padding-top: 0rem;
                    }
            .row.gtr-25 {
                margin-top: 0;
                margin-left: -0.5rem;
            }
                .row.gtr-25 > * {
                    padding: 0 0 0 0.5rem;
                }
                .row.gtr-25.gtr-uniform {
                    margin-top: -0.5rem;
                }
                    .row.gtr-25.gtr-uniform > * {
                        padding-top: 0.5rem;
                    }
            .row.gtr-50 {
                margin-top: 0;
                margin-left: -1rem;
            }
                .row.gtr-50 > * {
                    padding: 0 0 0 1rem;
                }
                .row.gtr-50.gtr-uniform {
                    margin-top: -1rem;
                }
                    .row.gtr-50.gtr-uniform > * {
                        padding-top: 1rem;
                    }
            .row {
                margin-top: 0;
                margin-left: -2rem;
            }
                .row > * {
                    padding: 0 0 0 2rem;
                }
                .row.gtr-uniform {
                    margin-top: -2rem;
                }
                    .row.gtr-uniform > * {
                        padding-top: 2rem;
                    }
            .row.gtr-150 {
                margin-top: 0;
                margin-left: -3rem;
            }
                .row.gtr-150 > * {
                    padding: 0 0 0 3rem;
                }
                .row.gtr-150.gtr-uniform {
                    margin-top: -3rem;
                }
                    .row.gtr-150.gtr-uniform > * {
                        padding-top: 3rem;
                    }
            .row.gtr-200 {
                margin-top: 0;
                margin-left: -4rem;
            }
                .row.gtr-200 > * {
                    padding: 0 0 0 4rem;
                }
                .row.gtr-200.gtr-uniform {
                    margin-top: -4rem;
                }
                    .row.gtr-200.gtr-uniform > * {
                        padding-top: 4rem;
                    }
    }

    @media screen and (max-width: 980px) {
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
            .row > * {
                box-sizing: border-box;
            }
            .row.gtr-uniform > * > :last-child {
                margin-bottom: 0;
            }
            .row.aln-left {
                justify-content: flex-start;
            }
            .row.aln-center {
                justify-content: center;
            }
            .row.aln-right {
                justify-content: flex-end;
            }
            .row.aln-top {
                align-items: flex-start;
            }
            .row.aln-middle {
                align-items: center;
            }
            .row.aln-bottom {
                align-items: flex-end;
            }
            .row > .imp-medium {
                order: -1;
            }
            .row > .col-1-medium {
                width: 8.33333%;
            }
            .row > .off-1-medium {
                margin-left: 8.33333%;
            }
            .row > .col-2-medium {
                width: 16.66667%;
            }
            .row > .off-2-medium {
                margin-left: 16.66667%;
            }
            .row > .col-3-medium {
                width: 25%;
            }
            .row > .off-3-medium {
                margin-left: 25%;
            }
            .row > .col-4-medium {
                width: 33.33333%;
            }
            .row > .off-4-medium {
                margin-left: 33.33333%;
            }
            .row > .col-5-medium {
                width: 41.66667%;
            }
            .row > .off-5-medium {
                margin-left: 41.66667%;
            }
            .row > .col-6-medium {
                width: 50%;
            }
            .row > .off-6-medium {
                margin-left: 50%;
            }
            .row > .col-7-medium {
                width: 58.33333%;
            }
            .row > .off-7-medium {
                margin-left: 58.33333%;
            }
            .row > .col-8-medium {
                width: 66.66667%;
            }
            .row > .off-8-medium {
                margin-left: 66.66667%;
            }
            .row > .col-9-medium {
                width: 75%;
            }
            .row > .off-9-medium {
                margin-left: 75%;
            }
            .row > .col-10-medium {
                width: 83.33333%;
            }
            .row > .off-10-medium {
                margin-left: 83.33333%;
            }
            .row > .col-11-medium {
                width: 91.66667%;
            }
            .row > .off-11-medium {
                margin-left: 91.66667%;
            }
            .row > .col-12-medium {
                width: 100%;
            }
            .row > .off-12-medium {
                margin-left: 100%;
            }
            .row.gtr-0 {
                margin-top: 0;
                margin-left: 0rem;
            }
                .row.gtr-0 > * {
                    padding: 0 0 0 0rem;
                }
                .row.gtr-0.gtr-uniform {
                    margin-top: 0rem;
                }
                    .row.gtr-0.gtr-uniform > * {
                        padding-top: 0rem;
                    }
            .row.gtr-25 {
                margin-top: 0;
                margin-left: -0.5rem;
            }
                .row.gtr-25 > * {
                    padding: 0 0 0 0.5rem;
                }
                .row.gtr-25.gtr-uniform {
                    margin-top: -0.5rem;
                }
                    .row.gtr-25.gtr-uniform > * {
                        padding-top: 0.5rem;
                    }
            .row.gtr-50 {
                margin-top: 0;
                margin-left: -1rem;
            }
                .row.gtr-50 > * {
                    padding: 0 0 0 1rem;
                }
                .row.gtr-50.gtr-uniform {
                    margin-top: -1rem;
                }
                    .row.gtr-50.gtr-uniform > * {
                        padding-top: 1rem;
                    }
            .row {
                margin-top: 0;
                margin-left: -2rem;
            }
                .row > * {
                    padding: 0 0 0 2rem;
                }
                .row.gtr-uniform {
                    margin-top: -2rem;
                }
                    .row.gtr-uniform > * {
                        padding-top: 2rem;
                    }
            .row.gtr-150 {
                margin-top: 0;
                margin-left: -3rem;
            }
                .row.gtr-150 > * {
                    padding: 0 0 0 3rem;
                }
                .row.gtr-150.gtr-uniform {
                    margin-top: -3rem;
                }
                    .row.gtr-150.gtr-uniform > * {
                        padding-top: 3rem;
                    }
            .row.gtr-200 {
                margin-top: 0;
                margin-left: -4rem;
            }
                .row.gtr-200 > * {
                    padding: 0 0 0 4rem;
                }
                .row.gtr-200.gtr-uniform {
                    margin-top: -4rem;
                }
                    .row.gtr-200.gtr-uniform > * {
                        padding-top: 4rem;
                    }
    }

    @media screen and (max-width: 736px) {
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
            .row > * {
                box-sizing: border-box;
            }
            .row.gtr-uniform > * > :last-child {
                margin-bottom: 0;
            }
            .row.aln-left {
                justify-content: flex-start;
            }
            .row.aln-center {
                justify-content: center;
            }
            .row.aln-right {
                justify-content: flex-end;
            }
            .row.aln-top {
                align-items: flex-start;
            }
            .row.aln-middle {
                align-items: center;
            }
            .row.aln-bottom {
                align-items: flex-end;
            }
            .row > .imp-small {
                order: -1;
            }
            .row > .col-1-small {
                width: 8.33333%;
            }
            .row > .off-1-small {
                margin-left: 8.33333%;
            }
            .row > .col-2-small {
                width: 16.66667%;
            }
            .row > .off-2-small {
                margin-left: 16.66667%;
            }
            .row > .col-3-small {
                width: 25%;
            }
            .row > .off-3-small {
                margin-left: 25%;
            }
            .row > .col-4-small {
                width: 33.33333%;
            }
            .row > .off-4-small {
                margin-left: 33.33333%;
            }
            .row > .col-5-small {
                width: 41.66667%;
            }
            .row > .off-5-small {
                margin-left: 41.66667%;
            }
            .row > .col-6-small {
                width: 50%;
            }
            .row > .off-6-small {
                margin-left: 50%;
            }
            .row > .col-7-small {
                width: 58.33333%;
            }
            .row > .off-7-small {
                margin-left: 58.33333%;
            }
            .row > .col-8-small {
                width: 66.66667%;
            }
            .row > .off-8-small {
                margin-left: 66.66667%;
            }
            .row > .col-9-small {
                width: 75%;
            }
            .row > .off-9-small {
                margin-left: 75%;
            }
            .row > .col-10-small {
                width: 83.33333%;
            }
            .row > .off-10-small {
                margin-left: 83.33333%;
            }
            .row > .col-11-small {
                width: 91.66667%;
            }
            .row > .off-11-small {
                margin-left: 91.66667%;
            }
            .row > .col-12-small {
                width: 100%;
            }
            .row > .off-12-small {
                margin-left: 100%;
            }
            .row.gtr-0 {
                margin-top: 0;
                margin-left: 0rem;
            }
                .row.gtr-0 > * {
                    padding: 0 0 0 0rem;
                }
                .row.gtr-0.gtr-uniform {
                    margin-top: 0rem;
                }
                    .row.gtr-0.gtr-uniform > * {
                        padding-top: 0rem;
                    }
            .row.gtr-25 {
                margin-top: 0;
                margin-left: -0.5rem;
            }
                .row.gtr-25 > * {
                    padding: 0 0 0 0.5rem;
                }
                .row.gtr-25.gtr-uniform {
                    margin-top: -0.5rem;
                }
                    .row.gtr-25.gtr-uniform > * {
                        padding-top: 0.5rem;
                    }
            .row.gtr-50 {
                margin-top: 0;
                margin-left: -1rem;
            }
                .row.gtr-50 > * {
                    padding: 0 0 0 1rem;
                }
                .row.gtr-50.gtr-uniform {
                    margin-top: -1rem;
                }
                    .row.gtr-50.gtr-uniform > * {
                        padding-top: 1rem;
                    }
            .row {
                margin-top: 0;
                margin-left: -2rem;
            }
                .row > * {
                    padding: 0 0 0 2rem;
                }
                .row.gtr-uniform {
                    margin-top: -2rem;
                }
                    .row.gtr-uniform > * {
                        padding-top: 2rem;
                    }
            .row.gtr-150 {
                margin-top: 0;
                margin-left: -3rem;
            }
                .row.gtr-150 > * {
                    padding: 0 0 0 3rem;
                }
                .row.gtr-150.gtr-uniform {
                    margin-top: -3rem;
                }
                    .row.gtr-150.gtr-uniform > * {
                        padding-top: 3rem;
                    }
            .row.gtr-200 {
                margin-top: 0;
                margin-left: -4rem;
            }
                .row.gtr-200 > * {
                    padding: 0 0 0 4rem;
                }
                .row.gtr-200.gtr-uniform {
                    margin-top: -4rem;
                }
                    .row.gtr-200.gtr-uniform > * {
                        padding-top: 4rem;
                    }
    }

    @media screen and (max-width: 480px) {
        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
            .row > * {
                box-sizing: border-box;
            }
            .row.gtr-uniform > * > :last-child {
                margin-bottom: 0;
            }
            .row.aln-left {
                justify-content: flex-start;
            }
            .row.aln-center {
                justify-content: center;
            }
            .row.aln-right {
                justify-content: flex-end;
            }
            .row.aln-top {
                align-items: flex-start;
            }
            .row.aln-middle {
                align-items: center;
            }
            .row.aln-bottom {
                align-items: flex-end;
            }
            .row > .imp-xsmall {
                order: -1;
            }
            .row > .col-1-xsmall {
                width: 8.33333%;
            }
            .row > .off-1-xsmall {
                margin-left: 8.33333%;
            }
            .row > .col-2-xsmall {
                width: 16.66667%;
            }
            .row > .off-2-xsmall {
                margin-left: 16.66667%;
            }
            .row > .col-3-xsmall {
                width: 25%;
            }
            .row > .off-3-xsmall {
                margin-left: 25%;
            }
            .row > .col-4-xsmall {
                width: 33.33333%;
            }
            .row > .off-4-xsmall {
                margin-left: 33.33333%;
            }
            .row > .col-5-xsmall {
                width: 41.66667%;
            }
            .row > .off-5-xsmall {
                margin-left: 41.66667%;
            }
            .row > .col-6-xsmall {
                width: 50%;
            }
            .row > .off-6-xsmall {
                margin-left: 50%;
            }
            .row > .col-7-xsmall {
                width: 58.33333%;
            }
            .row > .off-7-xsmall {
                margin-left: 58.33333%;
            }
            .row > .col-8-xsmall {
                width: 66.66667%;
            }
            .row > .off-8-xsmall {
                margin-left: 66.66667%;
            }
            .row > .col-9-xsmall {
                width: 75%;
            }
            .row > .off-9-xsmall {
                margin-left: 75%;
            }
            .row > .col-10-xsmall {
                width: 83.33333%;
            }
            .row > .off-10-xsmall {
                margin-left: 83.33333%;
            }
            .row > .col-11-xsmall {
                width: 91.66667%;
            }
            .row > .off-11-xsmall {
                margin-left: 91.66667%;
            }
            .row > .col-12-xsmall {
                width: 100%;
            }
            .row > .off-12-xsmall {
                margin-left: 100%;
            }
            .row.gtr-0 {
                margin-top: 0;
                margin-left: 0rem;
            }
                .row.gtr-0 > * {
                    padding: 0 0 0 0rem;
                }
                .row.gtr-0.gtr-uniform {
                    margin-top: 0rem;
                }
                    .row.gtr-0.gtr-uniform > * {
                        padding-top: 0rem;
                    }
            .row.gtr-25 {
                margin-top: 0;
                margin-left: -0.5rem;
            }
                .row.gtr-25 > * {
                    padding: 0 0 0 0.5rem;
                }
                .row.gtr-25.gtr-uniform {
                    margin-top: -0.5rem;
                }
                    .row.gtr-25.gtr-uniform > * {
                        padding-top: 0.5rem;
                    }
            .row.gtr-50 {
                margin-top: 0;
                margin-left: -1rem;
            }
                .row.gtr-50 > * {
                    padding: 0 0 0 1rem;
                }
                .row.gtr-50.gtr-uniform {
                    margin-top: -1rem;
                }
                    .row.gtr-50.gtr-uniform > * {
                        padding-top: 1rem;
                    }
            .row {
                margin-top: 0;
                margin-left: -2rem;
            }
                .row > * {
                    padding: 0 0 0 2rem;
                }
                .row.gtr-uniform {
                    margin-top: -2rem;
                }
                    .row.gtr-uniform > * {
                        padding-top: 2rem;
                    }
            .row.gtr-150 {
                margin-top: 0;
                margin-left: -3rem;
            }
                .row.gtr-150 > * {
                    padding: 0 0 0 3rem;
                }
                .row.gtr-150.gtr-uniform {
                    margin-top: -3rem;
                }
                    .row.gtr-150.gtr-uniform > * {
                        padding-top: 3rem;
                    }
            .row.gtr-200 {
                margin-top: 0;
                margin-left: -4rem;
            }
                .row.gtr-200 > * {
                    padding: 0 0 0 4rem;
                }
                .row.gtr-200.gtr-uniform {
                    margin-top: -4rem;
                }
                    .row.gtr-200.gtr-uniform > * {
                        padding-top: 4rem;
                    }
    }

    @media screen and (max-width: 360px) {

        .row {
            display: flex;
            flex-wrap: wrap;
            box-sizing: border-box;
            align-items: stretch;
        }
            .row > * {
                box-sizing: border-box;
            }
            .row.gtr-uniform > * > :last-child {
                margin-bottom: 0;
            }
            .row.aln-left {
                justify-content: flex-start;
            }
            .row.aln-center {
                justify-content: center;
            }
            .row.aln-right {
                justify-content: flex-end;
            }
            .row.aln-top {
                align-items: flex-start;
            }
            .row.aln-middle {
                align-items: center;
            }
            .row.aln-bottom {
                align-items: flex-end;
            }
            .row > .imp-xxsmall {
                order: -1;
            }
            .row > .col-1-xxsmall {
                width: 8.33333%;
            }
            .row > .off-1-xxsmall {
                margin-left: 8.33333%;
            }
            .row > .col-2-xxsmall {
                width: 16.66667%;
            }
            .row > .off-2-xxsmall {
                margin-left: 16.66667%;
            }
            .row > .col-3-xxsmall {
                width: 25%;
            }
            .row > .off-3-xxsmall {
                margin-left: 25%;
            }
            .row > .col-4-xxsmall {
                width: 33.33333%;
            }
            .row > .off-4-xxsmall {
                margin-left: 33.33333%;
            }
            .row > .col-5-xxsmall {
                width: 41.66667%;
            }
            .row > .off-5-xxsmall {
                margin-left: 41.66667%;
            }
            .row > .col-6-xxsmall {
                width: 50%;
            }
            .row > .off-6-xxsmall {
                margin-left: 50%;
            }
            .row > .col-7-xxsmall {
                width: 58.33333%;
            }
            .row > .off-7-xxsmall {
                margin-left: 58.33333%;
            }
            .row > .col-8-xxsmall {
                width: 66.66667%;
            }
            .row > .off-8-xxsmall {
                margin-left: 66.66667%;
            }
            .row > .col-9-xxsmall {
                width: 75%;
            }
            .row > .off-9-xxsmall {
                margin-left: 75%;
            }
            .row > .col-10-xxsmall {
                width: 83.33333%;
            }
            .row > .off-10-xxsmall {
                margin-left: 83.33333%;
            }
            .row > .col-11-xxsmall {
                width: 91.66667%;
            }
            .row > .off-11-xxsmall {
                margin-left: 91.66667%;
            }
            .row > .col-12-xxsmall {
                width: 100%;
            }
            .row > .off-12-xxsmall {
                margin-left: 100%;
            }
            .row.gtr-0 {
                margin-top: 0;
                margin-left: 0rem;
            }
                .row.gtr-0 > * {
                    padding: 0 0 0 0rem;
                }
                .row.gtr-0.gtr-uniform {
                    margin-top: 0rem;
                }
                    .row.gtr-0.gtr-uniform > * {
                        padding-top: 0rem;
                    }
            .row.gtr-25 {
                margin-top: 0;
                margin-left: -0.5rem;
            }
                .row.gtr-25 > * {
                    padding: 0 0 0 0.5rem;
                }
                .row.gtr-25.gtr-uniform {
                    margin-top: -0.5rem;
                }
                    .row.gtr-25.gtr-uniform > * {
                        padding-top: 0.5rem;
                    }
            .row.gtr-50 {
                margin-top: 0;
                margin-left: -1rem;
            }
                .row.gtr-50 > * {
                    padding: 0 0 0 1rem;
                }
                .row.gtr-50.gtr-uniform {
                    margin-top: -1rem;
                }
                    .row.gtr-50.gtr-uniform > * {
                        padding-top: 1rem;
                    }
            .row {
                margin-top: 0;
                margin-left: -2rem;
            }
                .row > * {
                    padding: 0 0 0 2rem;
                }
                .row.gtr-uniform {
                    margin-top: -2rem;
                }
                    .row.gtr-uniform > * {
                        padding-top: 2rem;
                    }
            .row.gtr-150 {
                margin-top: 0;
                margin-left: -3rem;
            }
                .row.gtr-150 > * {
                    padding: 0 0 0 3rem;
                }
                .row.gtr-150.gtr-uniform {
                    margin-top: -3rem;
                }
                    .row.gtr-150.gtr-uniform > * {
                        padding-top: 3rem;
                    }
            .row.gtr-200 {
                margin-top: 0;
                margin-left: -4rem;
            }
                .row.gtr-200 > * {
                    padding: 0 0 0 4rem;
                }
                .row.gtr-200.gtr-uniform {
                    margin-top: -4rem;
                }
                    .row.gtr-200.gtr-uniform > * {
                        padding-top: 4rem;
                    }
    }
/*------------- ROW (Style 3) ENDS  ---------------------------------------*/

/*------------- BANNER (Style 3) START  ---------------------------------------*/
.banner.style3 {
    padding: 4rem 7rem 5rem 7rem ;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    position: relative;
    text-align: center;
    overflow-x: hidden;
}
.banner.style3 .content {
    width: 30rem;
    max-width: 100%;
}
.banner.style3 .image {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 50rem;
    height: 50rem;
    border-radius: 100%;
    margin: 0 3.5rem 2rem 0;
}
.banner.style3 .image img {
    -moz-object-fit: cover;
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    -moz-object-position: center;
    -webkit-object-position: center;
    -ms-object-position: center;
    object-position: center;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
@media screen and (max-width: 1680px) {
    .banner.style3 {
        padding: 3rem 5rem 3rem 5rem ;
    }
    .banner.style3 .image {
        width: 35rem;
        height: 35rem;
    }    
}
@media screen and (max-width: 1280px) {
    .banner.style3 {
        padding: 2.5rem 4rem 2rem 4rem ;
    }
    .banner.style3 .image {
        width: 22rem;
        height: 22rem;
    }
}
@media screen and (max-width: 980px) {
    .banner.style3 {
        padding: 1.5rem 3rem 1.75rem 3rem ;
    }
    .banner.style3 .image {
        width: 18.375rem;
        height: 18.375rem;
    }
}
@media screen and (max-width: 736px) {
    .banner.style3 {
        padding: 0.5rem 1rem 0.5rem 1rem ;
        -moz-align-items: -moz-flex-start;
        -webkit-align-items: -webkit-flex-start;
        -ms-align-items: -ms-flex-start;
        align-items: flex-start;
    }
    .banner.style3 .image {
        width: 15.75rem;
        height: 15.75rem;
        margin: 0 2rem 2rem 0;
    }
}
@media screen and (orientation: portrait) {
.banner.style3 {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    text-align: center;
    }
    .banner.style3 .content {
        width: 30rem;
        max-width: 100%;
    }
    .banner.style3 .image {
        margin-right: 0;
    }
}
.banner.style3.fullscreen {
    min-height: 100vh;
}
.banner.style3.orient-left {
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.banner.style3.orient-left .image {
    margin: 0 0 2rem 3.5rem;
}
@media screen and (max-width: 736px) {
    .banner.style3.orient-left .image {
        margin: 0 0 2rem 2rem;
    }
}
@media screen and (orientation: portrait) {
    .banner.style3.orient-left {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
        .banner.style3.orient-left .image {
            margin-left: 0;
        }
}
.banner.style3.content-align-center {
    text-align: center;
}
.banner.style3.content-align-right {
    text-align: right;
}
.banner.style3.image-position-left .image img {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left;
}
.banner.style3.image-position-right .image img {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right;
}
/* --------------------- BANNER (style3) ENDS ------------------------ */

/*------------- BANNER TRANSITIONS ENDS------------------------------- */
.banner.onload-content-fade-up .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
body.is-preload .banner.onload-content-fade-up .content {
    -moz-transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0;
}
.banner.onload-content-fade-down .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
body.is-preload .banner.onload-content-fade-down .content {
    -moz-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    opacity: 0;
}
.banner.onload-content-fade-left .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
body.is-preload .banner.onload-content-fade-left .content {
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0;
}
.banner.onload-content-fade-right .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
body.is-preload .banner.onload-content-fade-right .content {
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem);
    opacity: 0;
}
.banner.onload-content-fade-in .content {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
}
body.is-preload .banner.onload-content-fade-in .content {
    opacity: 0;
}
.banner.onload-image-fade-up .image {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onload-image-fade-up .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s;
}
body.is-preload .banner.onload-image-fade-up .image {
    -moz-transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0;
}
body.is-preload .banner.onload-image-fade-up .image img {
    opacity: 0;
}
.banner.onload-image-fade-down .image {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onload-image-fade-down .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s;
}
body.is-preload .banner.onload-image-fade-down .image {
    -moz-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    opacity: 0;
}
body.is-preload .banner.onload-image-fade-down .image img {
    opacity: 0;
}
.banner.onload-image-fade-left .image {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onload-image-fade-left .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s;
}
body.is-preload .banner.onload-image-fade-left .image {
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0;
}
body.is-preload .banner.onload-image-fade-left .image img {
    opacity: 0;
}
.banner.onload-image-fade-right .image {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onload-image-fade-right .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s;
}
body.is-preload .banner.onload-image-fade-right .image {
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem);
    opacity: 0;
}
body.is-preload .banner.onload-image-fade-right .image img {
    opacity: 0;
}
.banner.onload-image-fade-in .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
}
body.is-preload .banner.onload-image-fade-in .image img {
    opacity: 0;
}
.banner.onscroll-content-fade-up .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onscroll-content-fade-up.is-inactive .content {
    -moz-transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0;
}
.banner.onscroll-content-fade-down .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onscroll-content-fade-down.is-inactive .content {
    -moz-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    opacity: 0;
}
.banner.onscroll-content-fade-left .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onscroll-content-fade-left.is-inactive .content {
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0;
}
.banner.onscroll-content-fade-right .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onscroll-content-fade-right.is-inactive .content {
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem);
    opacity: 0;
}
.banner.onscroll-content-fade-in .content {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
}
.banner.onscroll-content-fade-in.is-inactive .content {
    opacity: 0;
}
.banner.onscroll-image-fade-up .image {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onscroll-image-fade-up .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s;
}
.banner.onscroll-image-fade-up.is-inactive .image {
    -moz-transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0;
}
.banner.onscroll-image-fade-up.is-inactive .image img {
    opacity: 0;
}
.banner.onscroll-image-fade-down .image {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onscroll-image-fade-down .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s;
}
.banner.onscroll-image-fade-down.is-inactive .image {
    -moz-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    opacity: 0;
}
.banner.onscroll-image-fade-down.is-inactive .image img {
    opacity: 0;
}
.banner.onscroll-image-fade-left .image {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onscroll-image-fade-left .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s;
}
.banner.onscroll-image-fade-left.is-inactive .image {
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0;
}
.banner.onscroll-image-fade-left.is-inactive .image img {
    opacity: 0;
}
.banner.onscroll-image-fade-right .image {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out;
}
.banner.onscroll-image-fade-right .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s;
}
.banner.onscroll-image-fade-right.is-inactive .image {
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem);
    opacity: 0;
}
.banner.onscroll-image-fade-right.is-inactive .image img {
    opacity: 0;
}
.banner.onscroll-image-fade-in .image img {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
}
.banner.onscroll-image-fade-in.is-inactive .image img {
    opacity: 0;
}
/*------------- BANNER TRANSITIONS END  ---------------------------------------*/

/*------------- Wrapper (style 1) START  ---------------------------------------*/
.wrapper.style1 > .inner {
    padding: 7rem 3.5rem 5rem 3.5rem ;
    margin: 0 auto;
    max-width: 100%;
    width: 64rem;
}
.wrapper.style1 > .inner.medium {
    width: 48rem;
}
.wrapper.style1 > .inner.small {
    width: 32rem;
}
@media screen and (max-width: 1680px) {
    .wrapper.style1 > .inner {
        padding: 5rem 2.5rem 3rem 2.5rem ;
    }
}
@media screen and (max-width: 1280px) {
    .wrapper.style1 > .inner {
        padding: 4rem 4rem 2rem 4rem ;
    }
}
@media screen and (max-width: 980px) {
    .wrapper.style1 > .inner {
        padding: 4.5rem 3rem 2.5rem 3rem ;
    }
}
@media screen and (max-width: 736px) {
    .wrapper.style1 > .inner {
        padding: 3rem 2rem 1rem 2rem ;
    }
}
/*------------- Wrapper (style 1) END  ---------------------------------------*/

/*------------- Wrapper (style 2) START  ---------------------------------------*/
.wrapper.style2 {
    padding: 5rem;
    background-color: #aaaaaa;
}
.wrapper.style2 > .inner {
    padding: 4rem 3.5rem 3.25rem 3.5rem ;
    background-color: #ffffff;
    border-radius: 0.5rem;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 64rem;
    z-index: 1;
}
.wrapper.style2 > .inner.medium {
    width: 48rem;
}
.wrapper.style2 > .inner.small {
    width: 32rem;
}
@media screen and (max-width: 1680px) {
    .wrapper.style2 {
        padding: 5rem;
    }
    .wrapper.style2 > .inner {
            padding: 3.75rem 2.5rem 1.75rem 2.5rem ;
        }
}
@media screen and (max-width: 1280px) {
    .wrapper.style2 {
        padding: 4rem;
    }
    .wrapper.style2 > .inner {
            padding: 3rem 2rem 1rem 2rem ;
        }
}
@media screen and (max-width: 980px) {
    .wrapper.style2 {
        padding: 4rem 3rem 4rem 2rem;
    }
    .wrapper.style2 > .inner {
            padding: 3rem 2.25rem 1rem 2.25rem ;
        }
}
@media screen and (max-width: 736px) {
    .wrapper.style2 {
        padding: 4rem 2rem 4rem 2rem;
    }
    .wrapper.style2 > .inner {
            padding: 2rem 1.5rem 0.1rem 1.5rem ;
        }
}
#wrapper > .wrapper.style2.invert:not(.color1):not(.color2):not(.color3):not(.color4):not(.color5):not(.color6):not(.color7) {
    background-color: #222222;
}
#wrapper > .wrapper.style2.invert > .inner {
    background-color: #000000;
}
/*------------- Wrapper (style 2) END  ---------------------------------------*/
.fancybox-active{
  height: 100% !important;
}