@charset "utf-8";

/**** Phil and Jo's additions *****/

/* typography overrides */ 

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #0b0c0c;
}

a,
a:link,
a:visited {
    color: #2E4C81;
}

a:hover,
a:focus,
a:active {
    color: #2E4C81;
}

a:hover .new-window-link,
a:hover .insecure-link {
    color: #2E4C81;
}

a,
a:link,
a:visited {
    -webkit-text-decoration-color: #2E4C81;
    text-decoration-color: #2E4C81;
}

a:hover,
a:focus,
a:active {
    -webkit-text-decoration-color: #2E4C81;
    text-decoration-color: #2E4C81;
}

.headtext {
    position: absolute;
    top: 10%;
    left: 1.5%;
    text-align: left;
    color: #fff !important;
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1em;
	z-index: 1;
}

a img {
	outline : none;
	border: 0;
}

/* main navigation overrides */

/*.id7-navigation .navbar-primary {
    background-color: #3B69A1;
}

.id7-navigation .navbar-primary.navbar-primary.navbar-wrapped>.navbar-nav>li {
    color: white;
}

.id7-navigation .navbar-primary.navbar-primary.navbar-wrapped>.navbar-nav>li.active,
.id7-navigation .navbar-primary.navbar-primary.navbar-wrapped>.navbar-nav>li:hover {
    color: white;
}

.id7-navigation .navbar-primary .navbar-text {
    color: white;
}

.id7-navigation .navbar-primary .navbar-nav>li {
    color: white;
}

.id7-navigation .navbar-primary .navbar-nav>li:hover,
.id7-navigation .navbar-primary .navbar-nav>li:focus {
    color: white;
    background-color: #2E4C81;
}

.id7-navigation .navbar-primary .navbar-nav>li>a,
.id7-navigation .navbar-primary .navbar-nav>li>a:hover,
.id7-navigation .navbar-primary .navbar-nav>li>a:focus {
    color: inherit;
    background: none;
}

.id7-navigation .navbar-primary .navbar-nav>li.active.next-secondary::before {
    border-bottom-color: #5ea3b5;
}

.id7-navigation .navbar-primary .navbar-nav>li.active.next-tertiary::before {
    border-bottom-color: #f8f8f8;
}

.id7-navigation .navbar-primary .navbar-nav>li.active::before {
    border-bottom-color: #9DCAE9;
}

.id7-navigation .navbar-primary .navbar-nav>.disabled,
.id7-navigation .navbar-primary .navbar-nav>.disabled:hover,
.id7-navigation .navbar-primary .navbar-nav>.disabled:focus {
    color: white;
    background-color: #146278;
}

.id7-navigation .navbar-primary .navbar-toggle {
    border: none;
    color: white;
}

.id7-navigation .navbar-primary .navbar-toggle:hover,
.id7-navigation .navbar-primary .navbar-toggle:focus {
    color: white;
    background: none;
}

.id7-navigation .navbar-primary .navbar-nav>.open,
.id7-navigation .navbar-primary .navbar-nav>.open:hover,
.id7-navigation .navbar-primary .navbar-nav>.open:focus {
    color: white;
    background-color: #146278;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu {
    background-color: #197b96;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.dropdown-header {
    border-color: #146278;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu .divider {
    background-color: #146278;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a {
    color: white;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:hover,
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:focus {
    color: white;
    background-color: #146278;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.active>a {
    background-color: #146278;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.active>a::before {
    border-bottom-color: #5ea3b5;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.disabled>a,
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.disabled>a:hover,
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>.disabled>a:focus {
    color: white;
    background-color: #146278;
}

.id7-navigation .navbar-primary .navbar-link {
    color: white;
}

.id7-navigation .navbar-primary .navbar-link:hover {
    color: white;
}

.id7-navigation .navbar-primary .btn-link {
    color: white;
}

.id7-navigation .navbar-primary .btn-link:hover,
.id7-navigation .navbar-primary .btn-link:focus {
    color: white;
}

.id7-navigation .navbar-primary .btn-link[disabled]:hover,
fieldset[disabled] .id7-navigation .navbar-primary .btn-link:hover,
.id7-navigation .navbar-primary .btn-link[disabled]:focus,
fieldset[disabled] .id7-navigation .navbar-primary .btn-link:focus {
    color: white;
}

.navbar-primary .navbar-brand {
    background-color: #3B69A1;
}

.navbar-secondary {
    background-color: #9DCAE9;
}

.navbar-secondary.navbar-primary.navbar-wrapped>.navbar-nav>li {
    color: #0b0c0c;
}

.navbar-secondary.navbar-primary.navbar-wrapped>.navbar-nav>li.active,
.navbar-secondary.navbar-primary.navbar-wrapped>.navbar-nav>li:hover {
    color: #0b0c0c;
}

.navbar-secondary .navbar-text {
    color: #0b0c0c;
}

.navbar-secondary .navbar-nav>li {
    color: #0b0c0c;
}

.navbar-secondary .navbar-nav>li:hover,
.navbar-secondary .navbar-nav>li:focus {
    color: #0b0c0c;
    background-color: #E6F2F9;
}

.navbar-secondary .navbar-nav>li>a,
.navbar-secondary .navbar-nav>li>a:hover,
.navbar-secondary .navbar-nav>li>a:focus {
    color: inherit;
    background: none;
}

.navbar-secondary .navbar-nav>li.active.next-secondary::before {
    border-bottom-color: #0b0c0c;
}

.navbar-secondary .navbar-nav>li.active.next-tertiary::before {
    border-bottom-color: #f8f8f8;
}

.navbar-secondary .navbar-nav>li.active::before {
    border-bottom-color: #ffffff;
}

.navbar-secondary .navbar-nav>.disabled,
.navbar-secondary .navbar-nav>.disabled:hover,
.navbar-secondary .navbar-nav>.disabled:focus {
    color: white;
    background-color: #4b8291;
}

.navbar-secondary .navbar-toggle {
    border: none;
    color: white;
}

.navbar-secondary .navbar-toggle:hover,
.navbar-secondary .navbar-toggle:focus {
    color: white;
    background: none;
}

.navbar-secondary .navbar-nav>.open,
.navbar-secondary .navbar-nav>.open:hover,
.navbar-secondary .navbar-nav>.open:focus {
    color: white;
    background-color: #4b8291;
}

.navbar-secondary .navbar-nav .dropdown-menu {
    background-color: #5ea3b5;
}

.navbar-secondary .navbar-nav .dropdown-menu>.dropdown-header {
    border-color: #4b8291;
}

.navbar-secondary .navbar-nav .dropdown-menu .divider {
    background-color: #4b8291;
}

.navbar-secondary .navbar-nav .dropdown-menu>li>a {
    color: white;
}

.navbar-secondary .navbar-nav .dropdown-menu>li>a:hover,
.navbar-secondary .navbar-nav .dropdown-menu>li>a:focus {
    color: white;
    background-color: #4b8291;
}

.navbar-secondary .navbar-nav .dropdown-menu>.active>a {
    background-color: #4b8291;
}

.navbar-secondary .navbar-nav .dropdown-menu>.active>a::before {
    border-bottom-color: white;
}

.navbar-secondary .navbar-nav .dropdown-menu>.disabled>a,
.navbar-secondary .navbar-nav .dropdown-menu>.disabled>a:hover,
.navbar-secondary .navbar-nav .dropdown-menu>.disabled>a:focus {
    color: white;
    background-color: #4b8291;
}

.navbar-secondary .navbar-link {
    color: white;
}

.navbar-secondary .navbar-link:hover {
    color: white;
}

.navbar-secondary .btn-link {
    color: white;
}

.navbar-secondary .btn-link:hover,
.navbar-secondary .btn-link:focus {
    color: white;
}

.navbar-secondary .btn-link[disabled]:hover,
fieldset[disabled] .navbar-secondary .btn-link:hover,
.navbar-secondary .btn-link[disabled]:focus,
fieldset[disabled] .navbar-secondary .btn-link:focus {
    color: white;
}

.navbar-secondary .navbar-nav>li::after {
    color: #197b96;
}

.navbar-secondary .navbar-nav>li:first-child {
    background-color: #197b96;
    color: white;
}

.navbar-secondary .navbar-nav>li:first-child:hover::after {
    border-right-color: #197b96;
}

.navbar-secondary .navbar-nav>li:first-child::after {
    border-color: transparent transparent transparent #197b96;
}

.navbar-tertiary {
    background-color: #f8f8f8;
}

.navbar-tertiary.navbar-primary.navbar-wrapped>.navbar-nav>li {
    color: #383838;
}

.navbar-tertiary.navbar-primary.navbar-wrapped>.navbar-nav>li.active,
.navbar-tertiary.navbar-primary.navbar-wrapped>.navbar-nav>li:hover {
    color: #383838;
}

.navbar-tertiary .navbar-text {
    color: #383838;
}

.navbar-tertiary .navbar-nav>li {
    color: #383838;
}

.navbar-tertiary .navbar-nav>li:hover,
.navbar-tertiary .navbar-nav>li:focus {
    color: #383838;
    background-color: #c6c6c6;
}

.navbar-tertiary .navbar-nav>li>a,
.navbar-tertiary .navbar-nav>li>a:hover,
.navbar-tertiary .navbar-nav>li>a:focus {
    color: inherit;
    background: none;
}

.navbar-tertiary .navbar-nav>li.active.next-secondary::before {
    border-bottom-color: white;
}

.navbar-tertiary .navbar-nav>li.active.next-tertiary::before {
    border-bottom-color: #f8f8f8;
}

.navbar-tertiary .navbar-nav>li.active::before {
    border-bottom-color: #ffffff;
}

.navbar-tertiary .navbar-nav>.disabled,
.navbar-tertiary .navbar-nav>.disabled:hover,
.navbar-tertiary .navbar-nav>.disabled:focus {
    color: #383838;
    background-color: #c6c6c6;
}

.navbar-tertiary .navbar-toggle {
    border: none;
    color: #383838;
}

.navbar-tertiary .navbar-toggle:hover,
.navbar-tertiary .navbar-toggle:focus {
    color: #383838;
    background: none;
}

.navbar-tertiary .navbar-nav>.open,
.navbar-tertiary .navbar-nav>.open:hover,
.navbar-tertiary .navbar-nav>.open:focus {
    color: #383838;
    background-color: #c6c6c6;
}

.navbar-tertiary .navbar-nav .dropdown-menu {
    background-color: #f8f8f8;
}

.navbar-tertiary .navbar-nav .dropdown-menu>.dropdown-header {
    border-color: #c6c6c6;
}

.navbar-tertiary .navbar-nav .dropdown-menu .divider {
    background-color: #c6c6c6;
}

.navbar-tertiary .navbar-nav .dropdown-menu>li>a {
    color: #383838;
}

.navbar-tertiary .navbar-nav .dropdown-menu>li>a:hover,
.navbar-tertiary .navbar-nav .dropdown-menu>li>a:focus {
    color: #383838;
    background-color: #c6c6c6;
}

.navbar-tertiary .navbar-nav .dropdown-menu>.active>a {
    background-color: #c6c6c6;
}

.navbar-tertiary .navbar-nav .dropdown-menu>.active>a::before {
    border-bottom-color: white;
}

.navbar-tertiary .navbar-nav .dropdown-menu>.disabled>a,
.navbar-tertiary .navbar-nav .dropdown-menu>.disabled>a:hover,
.navbar-tertiary .navbar-nav .dropdown-menu>.disabled>a:focus {
    color: #383838;
    background-color: #c6c6c6;
}

.navbar-tertiary .navbar-link {
    color: #383838;
}

.navbar-tertiary .navbar-link:hover {
    color: #383838;
}

.navbar-tertiary .btn-link {
    color: #383838;
}

.navbar-tertiary .btn-link:hover,
.navbar-tertiary .btn-link:focus {
    color: #383838;
}

.navbar-tertiary .btn-link[disabled]:hover,
fieldset[disabled] .navbar-tertiary .btn-link:hover,
.navbar-tertiary .btn-link[disabled]:focus,
fieldset[disabled] .navbar-tertiary .btn-link:focus {
    color: #383838;
}
*/


/* box styles */  

.boxstyle_.box1 a:link,
.boxstyle-sm.box1 a:link,
.boxstyle_.box1 a:visited,
.boxstyle-sm.box1 a:visited {
    /* color: #1d71aa;
    text-decoration-color: #1d71aa; */
}

.boxstyle_.box2 a:link,
.boxstyle-sm.box2 a:link,
.boxstyle_.box2 a:visited,
.boxstyle-sm.box2 a:visited {
    color: #2E4C81;
    text-decoration-color: #2E4C81;
}

/* end box styles */

/*.id7-page-footer .id7-app-footer {
    background: #1E71AA;
}

.id7-utility-masthead {
    background-image: url(https://warwick.ac.uk/study/international/iswd/sandbox/immigration/masthead.jpg) !important;
}

.id7-left-border,
.id7-right-border {
    background-color: #5698d2;
}


.id7-navigation .navbar-primary,
.id7-utility-masthead:after {
    background-color: #1d71aa;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu {
    background-color: #175a88;
}

.id7-navigation .navbar-primary .navbar-nav>li:focus,
.id7-navigation .navbar-primary .navbar-nav>li:hover {
    background-color: #175a88;
}

.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:focus,
.id7-navigation .navbar-primary .navbar-nav .dropdown-menu>li>a:hover {
    background-color: #1d71aa;
}

.navbar-secondary {
    background-color: #ddeaf2;
}
*/
/*===========================================================================================
	Import of font awesome style sheet	@import url('https://warwick.ac.uk/static_war/render/id7/css/pack7.css.163187469781');
============================================================================================= */
:root {
    --radius: 0.25em;
    --shadow-sm: 0 1px 1px rgba(255, 255, 255, .2), 0 1px 8px rgba(255, 255, 255, .1);
    /* White */
    --shadow-md: 0 1px 8px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .15);
    --shadow-lg: 0 1px 8px rgba(0, 0, 0, .1), 0 16px 48px rgba(0, 0, 0, .1), 0 24px 60px rgba(0, 0, 0, .1);
    --transition-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --transition-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --transition-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --transition-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
}

:root {
    --space-unit: 1em;
    --space-xxxxs: calc(0.125*var(--space-unit));
    --space-xxxs: calc(0.25*var(--space-unit));
    --space-xxs: calc(0.375*var(--space-unit));
    --space-xs: calc(0.5*var(--space-unit));
    --space-sm: calc(0.75*var(--space-unit));
    --space-md: calc(1.25*var(--space-unit));
    --space-lg: calc(2*var(--space-unit));
    --space-xl: calc(3.25*var(--space-unit));
    --space-xxl: calc(5.25*var(--space-unit));
    --space-xxxl: calc(8.5*var(--space-unit));
    --space-xxxxl: calc(13.75*var(--space-unit));
    --component-padding: var(--space-md)
}

:root {
    --cd-color-1: hsl(334, 70%, 4%, 1);
    /* shade of black #110309 */
    --cd-color-1-h: 334;
    --cd-color-1-s: 70%;
    --cd-color-1-l: 4%;
    --cd-color-2: hsl(46, 78%, 44%, 1);
    /* ISO blue #5698d2 */
    --cd-color-2-h: 46;
    --cd-color-2-s: 78%;
    --cd-color-2-l: 44%;
    --cd-color-3: hsl(0, 100%, 100%, 1);
    /* White #fff */
    --cd-color-3-h: 0;
    --cd-color-3-s: 100%;
    --cd-color-3-l: 100%;
    --cd-color-4: hsl(46, 78%, 44%, 1);
    --cd-color-4-h: 46;
    --cd-color-4-s: 78%;
    --cd-color-4-l: 44%;

    --pts-color-1: hsl(333, 72%, 24%, 1);
    /* ISO mainsite dark blue color #1d71aa */
    --pts-color-1-h: 333;
    --pts-color-1-s: 72%;
    --pts-color-1-l: 24%;
    --pts-color-2: #1d71aa;
    /* ISO blue link and title color #1d71aa */
    --pts-color-2-h: 309;
    --pts-color-2-s: 58%;
    --pts-color-2-l: 32%;
    --pts-color-3: hsl(0, 0%, 22%, 1);
    /* ISO default text color - gray #383838 */
    --pts-color-3-h: 0;
    --pts-color-3-s: 0%;
    --pts-color-3-l: 22%;
    --pts-color-4: hsl(0, 0%, 100%);
    /* White #fff */
    --pts-color-4-h: 0;
    --pts-color-4-s: 0%;
    --pts-color-4-l: 100%;
    --font-primary: 'Lato', sans-serif
}

/* custom id 7 style to change the template background for immigration site - 20190410 [BP] */
/*@media (min-width:768px) {
    .id7-right-border {
        background-image: none !important;
    }
}

@media (min-width:768px) {
    .id7-left-border {
        background-image: none !important;
    }
} */

@media only screen and (max-width:575px) {
    .hero {
        display: none;
        margin-top: 0px;
    }

    .fade-overlay {
        display: none;
    }
}

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

    .boxstyle_.box1,
    .boxstyle-sm.box1 {
        padding: 0px;
    }

    .boxstyle_.box2,
    .boxstyle-sm.box2 {
        padding: 0px;
    }

    .boxstyle_.box3,
    .boxstyle-sm.box3 {
        padding: 0px;
    }

    .boxstyle_.box4,
    .boxstyle-sm.box4 {
        padding: 0px;
    }

    .boxstyle_.box5,
    .boxstyle-sm.box5 {
        padding: 0px;
    }

    .boxstyle_.box6,
    .boxstyle-sm.box6 {
        padding: 0px;
    }

    .boxstyle_.box7,
    .boxstyle-sm.box7 {
        padding: 0px;
    }

    .id7-main-content-area>.id7-main-content {
        padding: 0px 20px;
    }

    .home_right_img {
        display: none;
    }

    .boxstyle_.box-image-only {
        display: none !important;
    }
	.headtext {
		font-size: 5vw;
		top: 6.5%;
		left: 8%;
	}
	.id7-page-footer .map-column {
    	margin-top: 20px !important;
	}
	.fade-overlay, h3 {
		margin: 30px 0 0 0 !important;
	}

    
	/*.fa-stack {
		padding-top: 65px !important;
	}*/
}

/* .key is a class to be placed before .boxstyle_ and .box1,2,3,4,5,6 or 7, giving the W cutout window */
/*.id7-main-content .key {
    border: 0;
}

.id7-main-content .key::after,
.id7-main-content .key::before {
    top: 0;
    border: solid transparent;
    border-top-color: transparent;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    content: " ";
    height: 0;
    width: 0;
    right: 15%;
    position: absolute;
    pointer-events: none;
    border-top-color: white;
    border-width: 40px 22.82px;
}

.id7-main-content .key::after {
    margin-right: -35px;
}

.id7-main-content .key h3:first-child,
.id7-main-content .key h4:first-child {
    margin-top: -20px;
    max-width: 80%;
}

.id7-utility-masthead {
    background-image: none;
    background-color: #1d71aa;
}


.id7-logo a,
.id7-logo a:link,
.id7-logo a:visited {
    text-decoration: none !important;
    border-bottom: none !important;
}
	
.id7-page-footer.id7-footer-coloured .id7-app-footer .id7-logo-bleed::after, .id7-page-footer.id7-footer-coloured .id7-app-footer .id7-logo-bleed::before {
    border-top-color: 
    #d3d3d3;
}

.id7-page-footer.id7-footer-coloured .id7-site-footer {
    background: #d3d3d3;
    color: #383838;
}

.id7-page-footer .map-column {
    margin-top: -20px;
}

.id7-site-footer a,
.id7-site-footer a:link,
.id7-site-footer a:visited {
    text-decoration: none;
    color: #2B487B !important;
    text-decoration-color: #2B487B !important;

    -o-transition: 500ms ease-in-out;
    -ms-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -webkit-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}

.id7-site-footer a,
.id7-site-footer a:hover,
.id7-site-footer a:focus,
.id7-site-footer a:active {
    color: #2B487B !important;
    text-decoration-color: #2B487B !important;
    border-bottom: 1px solid #2B487B !important;
    outline: none !important;
    -webkit-text-decoration-color: #2B487B !important;
    -moz-outline-style: none !important;
} */

.brand-text a,
.brand-text a:link,
.brand-text a:visited {
    text-decoration: none;
    color: #1d71aa !important;
    border-bottom: none !important;
}

.brand-text a,
.brand-text a:hover,
.brand-text a:focus,
.brand-text a:active {
    text-decoration: none;
    color: #0e3753 !important;
}

.brand-text {
    color: #1d71aa !important;
}

/* a,
a:link,
a:visited {
    -webkit-text-decoration-color: #619cc3;
    text-decoration-color: #619cc3
}

a:active,
a:focus,
a:hover {
    -webkit-text-decoration-color: #0e3753;
    text-decoration-color: #0e3753
} */

button,
input,
select,
textarea {
    outline: none !important;
    -moz-outline-style: none !important;
}

/* fontawesome stack style
.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: unset !important;
    vertical-align: middle;
    width: 2em;
} */

/* scroll up */

.scroll-up {
    position: fixed;
    display: none;
    bottom: 7px;
    right: 7px;
    z-index: 999;
}

.scroll-up a:hover,
.scroll-up a:active {
    opacity: 1;
    color: #fff;
}

.scroll-up a {
    background: #1d71aa;
    display: block;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    opacity: 0.6;
    border-radius: 2px;
}
	
/* new window link */
a .new-window-link {
    /* display: inline; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* Container */

.container {
    margin: 0 auto;
    max-width: 100%;
    width: 70em;
}

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

    .container {
        width: 70em;
    }

}

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

    .container {
        width: calc(100% - 60px);
    }

}

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

    .container {
        width: calc(100% - 80px);
    }

}

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

    .container {
        width: calc(100% - 40px);
    }

}


/* Icons */

.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon {
    text-decoration: none;
    position: relative;
    text-decoration: none;
}

.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: FontAwesome;
    font-weight: 400;
}

/*
		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}
*/
.icon:before {
    line-height: inherit;
}

.icon>.label {
    display: none;
}

.icon.featured {
    position: relative;
    display: inline-block;
    background-color: #1d71aa;
    width: 9em;
    padding: 1.75em 0 1.75em 0;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin: 1em 0 3.5em 0;
    cursor: default;
}

.icon.featured:before {
    font-size: 4.5em;
    line-height: 1em;
    color: #fff;
}

.icon.featured:after {
    content: '';
    position: absolute;
    bottom: -1.95em;
    left: 0;
    border-top: solid 2em #1d71aa;
    border-left: solid 4.5em transparent;
    /* border-right: solid 4.5em transparent; */
}

.icon.featured.alt {
    background-color: #252122;
}

.icon.featured.alt:after {
    border-top-color: #252122;
}

.icon.featured.alt2 {
    background-color: #827a7c;
}

.icon.featured.alt2:after {
    border-top-color: #827a7c;
}

/* Intro */

#intro {
    text-align: center;
    overflow: hidden;
    margin: 0;
}

/*
		#intro section {
			margin: 3em 0;
			padding: 2.5em 0;
		}
*/
#intro h2 {
    font-size: 1.75em;
}

#intro p {
    margin: 0;
}

#intro .middle {
    position: relative;
    z-index: 1;
}

/*
			#intro .middle:before {
				content: '';
				width: 32px;
				height: 100%;
				position: absolute;
				left: -24px;
				top: 0;
				display: block;
				z-index: -1;
				box-shadow: 32px 0 0 0 #fff, 0 -32px 0 0 #fff, 0 32px 0 0 #fff, 32px 32px 0 0 #fff, 32px -32px 0 0 #fff, 0 0 32px 0 rgba(0, 0, 0, 0.15);
			}

			#intro .middle:after {
				content: '';
				width: 32px;
				height: 100%;
				position: absolute;
				right: -24px;
				top: 0;
				display: block;
				z-index: -1;
				box-shadow: -32px 0 0 0 #fff, 0 -32px 0 0 #fff, 0 32px 0 0 #fff, -32px 32px 0 0 #fff, -32px -32px 0 0 #fff, 0 0 32px 0 rgba(0, 0, 0, 0.15);
			}
*/


/* Icon

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

 */
/* Icons

	ul.icons {
		cursor: default;
		list-style: none;
		padding-left: 0;
	}

		ul.icons li {
			display: inline-block;
			padding: 0 1em 0 0;
		}

			ul.icons li:last-child {
				padding-right: 0;
			}

			ul.icons li .icon {
				color: inherit;
			}

				ul.icons li .icon:before {
					font-size: 1.25em;
				}
 */

/* Features

	.features {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 2.1em 0;
		width: 100%;
	}

	.features article {
		-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;
		margin: 0 0 3em 3em;
		position: relative;
		width: calc(50% - 3em);
	}

	.features article:nth-child(2n - 1) {
		margin-right: 1.5em;
	}

	.features article:nth-child(2n) {
		margin-left: 1.5em;
	}

	.features article:nth-last-child(1), .features article:nth-last-child(2) {
		margin-bottom: 0;
	}

	.features article .icon {
		-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;
		display: block;
		height: 10em;
		line-height: 10em;
		margin: 0 2em 0 0;
		text-align: center;
		width: 10em;
	}

	.features article .icon:before {
		color: #1d71aa;
		font-size: 3.75rem;
		position: relative;
		top: 0.05em;
	}

	.features article .icon:after {
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		border-radius: 0.25rem;
		content: '';
		display: block;
		height: 7em;
		left: 50%;
		margin: -3.5em 0 0 -3.5em;
		position: absolute;
		top: 50%;
		width: 7em;
	}

	.features article .content {
		-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: 100%;
	}

	.features article .content a:link,
	.features article .content a:visited {
		color: #1d71aa;
		color: var(--pts-color-2);
		text-decoration-color: #1d71aa;
		text-decoration-color: var(--pts-color-2);

	}
	.features article .content a:hover,
	.features article .content a:focus,
	.features article .content a:active {
		-webkit-text-decoration-color: #1d71aa;
		text-decoration-color: #1d71aa;
		color: #1d71aa;
		border-bottom: 1px solid #1d71aa;
		outline: none !important;
		-moz-outline-style: none !important;
	}

	.features article .content > :last-child {
		margin-bottom: 0;
	}

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

		.features {
			margin: 0 0 2em 0;
			width: 100%;
		}

		.features article {
			margin: 0 0 3em 0;
			width: 100%;
		}

		.features article:nth-child(2n - 1) {
			margin-right: 0;
		}

		.features article:nth-child(2n) {
			margin-left: 0;
		}

		.features article:nth-last-child(1), .features article:nth-last-child(2) {
			margin-bottom: 3em;
		}

		.features article:last-child {
			margin-bottom: 0;
		}

		.features article .icon {
			height: 8em;
			line-height: 8em;
			width: 8em;
		}

		.features article .icon:before {
			font-size: 2.25rem;
		}

		.features article .icon:after {
			height: 6em;
			margin: -3em 0 0 -3em;
			width: 6em;
		}
	}

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

			.features article {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: -moz-flex-start;
				-webkit-align-items: -webkit-flex-start;
				-ms-align-items: -ms-flex-start;
				align-items: flex-start;
			}

			.features article .icon {
				height: 6em;
				line-height: 6em;
				margin: 0 0 1.5em 0;
				width: 6em;
			}

			.features article .icon:before {
				font-size: 1.5rem;
			}

			.features article .icon:after {
				height: 4em;
				margin: -2em 0 0 -2em;
				width: 4em;
			}
		}

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

			.features article .icon:before {
				font-size: 1.25rem;
			}
		}
*/
/* ====================================
	home banner area starts here
======================================= */


.home_banner_area .col-lg-5 {
    vertical-align: middle;
    align-self: center;
}

.home_banner_area {
    width: 100%;
}

.banner_content {
    text-align: left;
    color: #fff;
}

.banner_content h2 {
    color: #fff;
    font-size: 32px;
    -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
    -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, -ms-filter 0.25s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, filter 0.25s ease;
    transition-delay: 0s, 0s, 0s;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -moz-transition-delay: 0.65s;
    -webkit-transition-delay: 0.65s;
    -ms-transition-delay: 0.65s;
    transition-delay: 0.65s;
    -moz-filter: blur(0);
    -webkit-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
    opacity: 1;
}

.banner_content p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
    -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, -ms-filter 0.25s ease;
    transition: opacity 0.5s ease, transform 0.5s ease, filter 0.25s ease;
    transition-delay: 0s, 0s, 0s;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -moz-transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -moz-filter: blur(0);
    -webkit-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
    opacity: 1;
}

.banner_content a:link,
.banner_content a:focus,
.banner_content a:active {
    color: #fff;
    text-decoration-color: #fff;
}

.banner_content a:hover,
.banner_content a:visited {
    color: #1d71aa;
    -webkit-text-decoration-color: #1d71aa;
    text-decoration-color: #1d71aa;
    border-bottom: 1px solid #1d71aa;
    outline: none !important;
    -moz-outline-style: none !important;
}

.home_banner_area .banner_content .primary_btn a:hover,
.primary_btn a:focus,
.primary_btn a:active {
    background: #fff;
    color: #383838;
    text-decoration: none;
    outline: none !important;
    -moz-outline-style: none !important;
}

.home_banner_area .banner_content .primary_btn,
.primary_btn a:link,
.primary_btn a:visited {
    border-color: #fff;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    margin-right: 30px;
    text-decoration: none !important;
    -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
    transition-property: color, border-bottom-color;
    transition-duration: 0.2s, 0.2s;
    transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: 0s, 0s;
}

.primary_btn div {
    padding: 0 35px 15px 0;
    display: inline-block;
}

.primary_btn,
.primary_btn a:link,
.primary_btn a:visited {
    display: inline-block;
    color: #1d71aa !important;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500;
    line-height: 47px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border: double 2px transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 5px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -webkit-linear-gradient(white, white), -webkit-radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -moz-linear-gradient(white, white), -moz-radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -ms-linear-gradient(white, white), -ms-radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -o-linear-gradient(white, white), -o-radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-origin: border-box;
    text-decoration: none !important;
    /* background-clip: content-box, border-box; a, a:link, a:visited */
}

.primary_btn:hover,
.primary_btn a:focus,
.primary_btn a:active {
    background-image: linear-gradient(to right, #1d71aa 0%, #5698d2 100%), radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -webkit-linear-gradient(to right, #1d71aa 0%, #5698d2 100%), -webkit-radial-gradient(circle at top left, #5698d2, #5698d2);
    background-image: -moz-linear-gradient(to right, #1d71aa 0%, #5698d2 100%), -moz-radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -ms-linear-gradient(to right, #1d71aa 0%, #5698d2 100%), -ms-radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -o-linear-gradient(to right, #1d71aa 0%, #5698d2 100%), -o-radial-gradient(circle at top left, #1d71aa, #5698d2);
    color: #fff !important;
    border: 2px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-bottom: none !important;
    border-left-color: transparent;
    text-decoration: none !important;
    outline: none !important;
    -moz-outline-style: none !important;
}

.secondary_btn div {
    padding: 0 35px 15px 0;
    display: inline-block;
}

.secondary_btn,
.secondary_btn a:link,
.primary_btn a:visited {
    display: inline-block;
    color: #fff;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500;
    line-height: 47px;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    border: double 2px transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 5px;
    background-image: linear-gradient(to left, #5698d2 100%, #1d71aa 0%), radial-gradient(circle at top left, #5698d2, #1d71aa);
    background-image: -webkit-linear-gradient(to left, #5698d2 100%, #1d71aa 0%), -webkit-radial-gradient(circle at top left, #5698d2, #1d71aa);
    background-image: -moz-linear-gradient(to left, #5698d2 100%, #1d71aa 0%), -moz-radial-gradient(circle at top left, #5698d2, #1d71aa);
    background-image: -ms-linear-gradient(to left, #5698d2 100%, #1d71aa 0%), -ms-radial-gradient(circle at top left, #5698d2, #1d71aa);
    background-image: -o-linear-gradient(to left, #5698d2 100%, #1d71aa 0%), -o-radial-gradient(circle at top left, #5698d2, #1d71aa);
    background-origin: border-box;
    text-decoration: none !important;
    /* background-clip: content-box, border-box; a, a:link, a:visited */
}

.secondary_btn:hover,
.secondary_btn a:focus,
.primary_btn a:active {
    background-image: linear-gradient(to right, #1d71aa 0%, #5698d2 100%), radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -webkit-linear-gradient(to right, #1d71aa 0%, #5698d2 100%), -webkit-radial-gradient(circle at top left, #5698d2, #5698d2);
    background-image: -moz-linear-gradient(to right, #1d71aa 0%, #5698d2 100%), -moz-radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -ms-linear-gradient(to right, #1d71aa 0%, #5698d2 100%), -ms-radial-gradient(circle at top left, #1d71aa, #5698d2);
    background-image: -o-linear-gradient(to right, #1d71aa 0%, #5698d2 100%), -o-radial-gradient(circle at top left, #1d71aa, #5698d2);
    color: #fff;
    box-shadow: 0px 10px 30px rgba(130, 82, 250, 0.2);
    border: 2px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    text-decoration: none;
    outline: none !important;
    -moz-outline-style: none !important;
}


.home_right_img img {
    -moz-transition: opacity 2s ease, -moz-transform 1s ease;
    -webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
    -ms-transition: opacity 2s ease, -ms-transform 1s ease;
    transition: opacity 2s ease, transform 1s ease;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    /* margin: 0 0 1.3em 0; */
}

/* ************************************ */
/* key box with Image head #main > .inner >*/
/* ************************************ */

.centrefade {
    padding-left: 10%;
    padding-right: 10%;
}

.noUnderline a {
    text-decoration: none;
}

/*.id7-main-content .noUnderline .key :first-child {
    margin-top: 0;
}

.id7-main-content .noUnderline .key {
    padding: inherit;
} */

.targetBlank {
    display: none;
}

.box {
    width: 100%;
    /* border: 1px solid #999;
	background: #eee; */
    border-top: 0;
    flex: 1 1 auto;
    margin-bottom: 22px;
}

.noUnderline .col-md-4>a {
    display: flex;
}

.noUnderline .col-md-4>a:hover .box_head {
    opacity: 1;
}

.box_head {
    width: 100%;
    height: 115px;
    opacity: 1;
}

.box_body {
    padding: 10px 20px;
    border-top: 1px solid #999;
}

.box_body ul {
    /* list-style-type: none; */
    padding: 0 20px;
	/* color: #1d71aa; */
}

.hp_banner_area {
    z-index: 1;
    background: url('../immigration.png') no-repeat right center;
    background-size: auto;
    background-size: cover;
    padding: 4em 0 6em 0;
}

.hp-section-bg {
    background-image: none;
    background-size: auto;
    background-size: cover;
    padding: 165px 0;
	background-image: url('../images/hp-section-bg.png');
}

.section-area-bg-01 {
    background-image: url('../images/section-area-bg-01.jpg');
    background-size: cover;
    padding: 290px 0;
}

.section-area-bg-02 {
    background-image: url('../images/section-area-bg-01.jpg');
    background-size: cover;
    padding: 0;
}

.section-gap {
    padding: 120px 0;
}

section {
    padding: 1em 0 1em 0;
    /* border-top: dashed 1.5px rgba(86, 152, 210, 0.75); */
}

.h2 {
    color: #fff;
    /* padding: 60px 0 30px 0; */
}

.noborder {
    border: none !important;
}

.btn-accent {
    color: #fff !important;
    background: #1d71aa !important;
    font-size: 20px;
}

.btn-accent:hover {
    background: #5698d2 !important;
}

/* ====================================
	key box with Image head ends
======================================= */
.boxstyle_.box5,
.boxstyle-xs.box5,
.boxstyle-sm.box5,
.boxstyle-md.box5,
.boxstyle-lg.box5 {
    border: 0;
    color: #fff !important;
    background: #1d71aa !important;
}

.boxstyle_.box5 a:link,
.boxstyle-sm.box5 a:link,
.boxstyle_.box5 a:visited,
.boxstyle-sm.box5 a:visited {
    color: #fff;
    text-decoration-color: #fff;
    /* text-decoration: none; */
}

.boxstyle_.box5 a:hover,
.boxstyle-xs.box5 a:hover,
.boxstyle-sm.box5 a:hover,
.boxstyle-md.box5 a:hover,
.boxstyle-lg.box5 a:hover,
.boxstyle_.box5 a:focus,
.boxstyle-xs.box5 a:focus,
.boxstyle-sm.box5 a:focus,
.boxstyle-md.box5 a:focus,
.boxstyle-lg.box5 a:focus,
.boxstyle_.box5 a:active,
.boxstyle-xs.box5 a:active,
.boxstyle-sm.box5 a:active,
.boxstyle-md.box5 a:active,
.boxstyle-lg.box5 a:active {
    color: #FFF;
    -webkit-text-decoration-color: #FFF;
    text-decoration-color: #FFF;
    outline: none !important;
    -moz-outline-style: none !important;

}
	
.boxstyle_.box5 blockquote {
    border-left: 5px solid #fff;
    background-color: #ddeaf2;
    color: #383838;
    border-radius: 20px 0;
}

.boxstyle_.box5 blockquote a:link,
.boxstyle-sm.box1 a:link,
.boxstyle_.box1 a:visited,
.boxstyle-sm.box1 a:visited {
    color: #1d71aa;
    color: var(--pts-color-2);
    text-decoration-color: #1d71aa;
    text-decoration-color: var(--pts-color-2);
}

.boxstyle_.box5 blockquote a:hover,
.boxstyle-sm.box1 a:hover,
.boxstyle_.box1 a:focus,
.boxstyle-sm.box1 a:focus,
.boxstyle_.box1 a:active,
.boxstyle-sm.box1 a:active {
    color: #1d71aa;
    -webkit-text-decoration-color: #1d71aa;
    text-decoration-color: #1d71aa;
    border-bottom: 1px solid #1d71aa;
    outline: none !important;
    -moz-outline-style: none !important;
}

/* ====================================
			BOX1 style
======================================= */
.boxstyle_.box1,
.boxstyle-xs.box1,
.boxstyle-sm.box1,
.boxstyle-md.box1,
.boxstyle-lg.box1 {
    border: 0;
    background: #ddeaf2 !important;
    color: inherit;
}

box_body.boxstyle_.box1 h5,
box_body.boxstyle_.box1 h6,
    {
    color: #383838 !important;
}

.boxstyle_.box1 a:link,
.boxstyle-sm.box1 a:link,
.boxstyle_.box1 a:visited,
.boxstyle-sm.box1 a:visited {
    /* color: #1d71aa;
    text-decoration-color: #1d71aa; */

    -o-transition: 500ms ease-in-out;
    -ms-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -webkit-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}

.boxstyle_.box1 a:hover,
.boxstyle-sm.box1 a:hover,
.boxstyle_.box1 a:focus,
.boxstyle-sm.box1 a:focus,
.boxstyle_.box1 a:active,
.boxstyle-sm.box1 a:active {
    /* color: #5698d2;
    text-decoration-color: #5698d2;
    outline: none !important;
    -webkit-text-decoration-color: #1d71aa; */
    -moz-outline-style: none !important;
}

/* ====================================
	BOX2 style
	======================================= */
.boxstyle_.box2,
.boxstyle-xs.box2,
.boxstyle-sm.box2,
.boxstyle-md.box2,
.boxstyle-lg.box2 {
    border: 0;
    background: #eee !important;
    color: inherit;
}

.boxstyle_.box2 a:link,
.boxstyle-sm.box2 a:link,
.boxstyle_.box2 a:visited,
.boxstyle-sm.box2 a:visited {
    color: #2E4C81;
    text-decoration-color: #2E4C81;

    -o-transition: 500ms ease-in-out;
    -ms-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -webkit-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}

.boxstyle_.box2 a:hover,
.boxstyle-sm.box2 a:hover,
.boxstyle_.box2 a:focus,
.boxstyle-sm.box2 a:focus,
.boxstyle_.box1 a:active,
.boxstyle-sm.box2 a:active {
    color: #2E4C81;
    text-decoration-color: #2E4C81;
    border-bottom: 1px solid #2E4C81;
    outline: none !important;
    -webkit-text-decoration-color: #2E4C81;
    -moz-outline-style: none !important;
}

/*
	.boxstyle_.box1, h5, a, a:link, a:visited{color: #fff; text-decoration:none;}
	*/

/* ====================================
	BOX3 style
======================================= */
.boxstyle_.box3,
.boxstyle-xs.box3,
.boxstyle-sm.box3,
.boxstyle-md.box3,
.boxstyle-lg.box3 {
    border: 1px solid #1d71aa;
    color: inherit;
    background: none;
}

.boxstyle_.box3 a:link,
.boxstyle-sm.box3 a:link,
.boxstyle_.box3 a:visited,
.boxstyle-sm.box3 a:visited {
    color: #1d71aa;
    text-decoration-color: #1d71aa;


    -o-transition: 500ms ease-in-out;
    -ms-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -webkit-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}

.boxstyle_.box3 a:hover,
.boxstyle-sm.box3 a:hover,
.boxstyle_.box3 a:focus,
.boxstyle-sm.box3 a:focus,
.boxstyle_.box3 a:active,
.boxstyle-sm.box3 a:active {
    color: #1d71aa;
    text-decoration-color: #1d71aa;
    border-bottom: 1px solid #1d71aa;
    outline: none !important;
    -webkit-text-decoration-color: #1d71aa;
    -moz-outline-style: none !important;
}


/* ====================================
	BOX4 style
======================================= */
.boxstyle_.box4,
.boxstyle-xs.box4,
.boxstyle-sm.box4,
.boxstyle-md.box4,
.boxstyle-lg.box4 {
    border: 1px solid #1d71aa;
    color: inherit;
    background: none;
}

.boxstyle_.box4 a:link,
.boxstyle-sm.box4 a:link,
.boxstyle_.box4 a:visited,
.boxstyle-sm.box4 a:visited {
    color: #1d71aa;
    text-decoration-color: #1d71aa;

    -o-transition: 500ms ease-in-out;
    -ms-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -webkit-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}

.boxstyle_.box4 a:hover,
.boxstyle-sm.box4 a:hover,
.boxstyle_.box4 a:focus,
.boxstyle-sm.box4 a:focus,
.boxstyle_.box4 a:active,
.boxstyle-sm.box4 a:active {
    color: #1d71aa;
    text-decoration-color: #1d71aa;
    border-bottom: 1px solid #1d71aa;
    outline: none !important;
    -webkit-text-decoration-color: #1d71aa;
    -moz-outline-style: none !important;
}

/* ====================================
			BOX Image ONLY style
======================================= */
.boxstyle_.box-image-only,
.boxstyle-xs.box-image-only,
.boxstyle-sm.box-image-only,
.boxstyle-md.box-image-only,
.boxstyle-lg.box-image-only {
    border: 0;
    background: url('../images/hp-image-box-only-363x528.png') no-repeat right center !important;
    color: inherit;
    display: flex;
    flex-direction: column;
}

.boxstyle_.box-image-only a:link,
.boxstyle-sm.box-image-only a:link,
.boxstyle_.box-image-only a:visited,
.boxstyle-sm.box-image-only a:visited {
    color: #1d71aa;
    text-decoration-color: #1d71aa;

    -o-transition: 500ms ease-in-out;
    -ms-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -webkit-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}

.boxstyle_.box-image-only a:hover,
.boxstyle-sm.box-image-only a:hover,
.boxstyle_.box-image-only a:focus,
.boxstyle-sm.box-image-only a:focus,
.boxstyle_.box-image-only a:active,
.boxstyle-sm.box1 a:active {
    color: #1d71aa;
    text-decoration-color: #1d71aa;
    border-bottom: 1px solid #1d71aa;
    outline: none !important;
    -webkit-text-decoration-color: #1d71aa;
    -moz-outline-style: none !important;
}

/* =========================================
	BOX RADIUS TOP LEFT AND BOTTOM RIGHT
============================================ */
.box-border-radius {
    border-radius: 20px 0;
}

/* =========================================
	BOX RADIUS TOP LEFT ONLY FOR BOX IMAGES
============================================ */
.box-image-radius-tl {
    border-radius: 20px 0 0 0;
}

/* @media (max-width: 768px) {
    .id7-main-content .boxstyle_.key {
        padding: 45px 20px 20px 20px;
    }
}

@media (min-width:768px) {
    .id7-main-content-area>.id7-main-content {
        padding: 0 20px
    } */

    .image-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        pointer-events: none
    }

    .image-container>iframe {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: none
    }

    .image-container::after {
        content: '';
        display: block;
        position: absolute;
        height: 100%;
        width: 100%
    }
    
}
	
main .livesearch .livesearch-container input[type="search"] {
    padding-right: 42px;
    width: 100%;
}

.immigration-finder .form .twitter-typeahead {
    width: 100%;
}

.immigration-finder .form .twitter-typeahead + .input-group-btn {
    vertical-align: top;
}

.immigration-finder .form .tt-input {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0;
}

select.immigration-finder .form .tt-input {
    height: 46px;
    line-height: 46px;
}

textarea.immigration-finder .form .tt-input,
select[multiple].immigration-finder .form .tt-input {
    height: auto;
}

.immigration-finder .form .tt-menu {
    margin-top: -1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    left: 0px !important;
    right: auto !important;
    width: 100%;
}

.immigration-finder .form .tt-suggestion {
    padding: 8px 20px;
    line-height: 18px;
}

.immigration-finder .form .tt-suggestion:hover,
.immigration-finder .form .tt-suggestion:focus,
.immigration-finder .form .tt-suggestion.tt-cursor {
    cursor: pointer;
    background: #ef4050;
    color: #fff;
}

.immigration-finder .form .tt-suggestion + .tt-suggestion {
    border-top: 1px solid #ccc;
}

.immigration-finder .form .tt-suggestion .title {
    margin-bottom: 0;
}

.immigration-finder .form .twitter-typeahead .tt-suggestion.tt-cursor {
    cursor: pointer;
}

.immigration-finder .form .input-group .form-control,
.immigration-finder .form .tt-input {
    z-index: 0;
    border: 1px solid #1d71aa;
}

@media (min-width:768px) {
    .immigration-finder .video-link {
        position: absolute;
        right: 40px;
        bottom: 20px;
    }

    .immigration-finder {
        margin-left: 0px;
        margin-right: 0px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        min-height: 375px;
    }

    .immigration-finder h2 {
        text-transform: uppercase;
        font-weight: bold;
    }

    .immigration-finder h2 label {
        text-shadow: none !important;
    }

    .immigration-finder .form {
        position: absolute;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin: 0px 0px;
        width: 100%;
        padding: 0px 15px;
    }
}

.immigration-finder .video-link .btn-link {
    padding: 0;
    color: #ef4050;
    text-decoration: underline;
    font-size: inherit;
}

@media (min-width:768px) {
    .immigration-finder .video-link .btn-link {
        color: #fff;
    }
}

.immigration-finder .video-link .btn-link .fa {
    font-size: 2em;
    margin-right: 8px;
    vertical-align: middle;
}

.immigration-finder,
h2,
h3,
label {
    
	text-transform: none;
    /* text-shadow: 1px 2px 2px rgba(255, 255, 255, 0.6), 0 0 2em rgba(29, 113, 170, 0.5), 0 0 2em rgba(29, 113, 170, 0.5); */
    /* color: white c0246a;color: #fff; */
}

.immigration-finder .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 100%;
}

@media (min-width:992px) {
    #campaign-video-modal .modal-dialog {
        width: 886px;
    }
}

/* .id7-main-content section {
    margin-bottom: 20px;
} */

.section-links a,
.section-links a:link,
.section-links a:visited {
    text-decoration: none !important;
    color: #1d71aa;
}

.section-links h3 {
	text-decoration: none !important;
    color: #1d71aa;
}

.section-links a:hover,
.section-links a:focus,
.section-links a:active {
    text-decoration: none !important;
    color: #5698d2;
    outline: none !important;
    -moz-outline-style: none !important;

}

@media (max-width:767px) {
    .section-links .section-link a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .section-links .section-link a h3 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0;
        padding: 10px;
    }

    .section-links .section-link a .fa-stack {
        font-size: 3em;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:768px) {
    .section-links .section-link {
        text-align: center;
    }

    .section-links .section-link a .fa-stack {
        font-size: 5em;
    }
}

.results {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.96);
    padding: 0 0 0px 15px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin-top: -11px;
}
/*
.list-type-style ul li::before {
	content: "\2022";
	color: #1d71aa;
	font-weight: bold;
	display: inline-block;
	width: 1em;
}
*/

/************************************************************/
/* custom style immigration service website - 20190410 [BP] */
/************************************************************/

.fade-overlay {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 25%;
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
    border-radius: 0px 0px 15px 0px;
}

.bg-light {
    background-color: #ddeaf2 !important;
}

/* =========================================================================================
	homepage tab menu style - Recent Update Area css
============================================================================================ */
ol ul,
ul ul {
    list-style: square;
    margin-left: 20px;
    color: hsl(0, 0%, 22%, 1);
    color: var(--pts-color-3);
}

nav {
    display: block;
}

/* ------------------------ faq content accordion style copy from here ------------------------ */
.pts-faq__content .text-component {
    font-size: 0.95em;
}

.pts-faq__content p {
    color: hsl(210, 14%, 49%);
    color: var(--pts-color-3);
}

@media (min-width: 64rem) {
    .pts-faq__content {
        display: none;
        padding: 0 0.75em;
        padding: 0 var(--space-sm);
        overflow: hidden;
    }

    .pts-faq__content .text-component {
        font-size: 0.75em;
        padding-bottom: 1.25em;
        padding-bottom: var(--space-md);
    }
}

.pts-faq {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 1px 8px rgba(0, 0, 0, .1);
    box-shadow: var(--shadow-sm);
}

.pts-faq a {
    text-decoration: none;
}

.pts-faq__items {
    z-index: 1;
    height: 100%;
    width: 90%;
    top: 0;
    right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) translateX(100%);
    transform: translateZ(0) translateX(100%);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

@media (min-width: 64rem) {
    .pts-faq__items {
        height: auto;
        width: auto;
        -ms-flex-positive: 1;
        flex-grow: 1;
        overflow: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        background: transparent;
    }
}

.pts-faq__items--slide-in {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.pts-faq__items {
    position: relative;
    height: auto;
    width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

ul.pts-faq__group {
    padding-left: 0;
}

pts-faq__group {
    display: block;
}

.pts-faq__title {
    margin: 1.25em 0;
    margin: var(--space-md) 0;
}

.pts-faq__title h2 {
    text-transform: uppercase;
    font-size: 0.83333em;
    font-size: var(--text-sm);
    font-weight: 700;
    color: hsl(240, 1%, 74.7%);
    color: hsl(var(--color-contrast-low-h), var(--color-contrast-low-s), calc(var(--color-contrast-low-l)*0.9));
}

ul.pts-faq__group {
    list-style-type: none;
}

@media (min-width: 64rem) {
    .pts-faq__title {
        margin-bottom: 0.75em;
        margin-bottom: var(--space-sm)
    }

    .pts-faq__title h2 {
        font-size: 0.69444em;
        font-size: var(--text-xs);
    }
}

.pts-faq__item {
    background: hsl(0, 0%, 100%);
    background: var(--pts-color-4);
    margin-bottom: 0.50em;
    margin-bottom: var(--space-xs);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    transition: box-shadow .2s;
}

.pts-faq__item:hover {
    --box-shadow: hsla(210, 14%, 49%, 0.3);
    --box-shadow: hsla(var(--pts-color-3-h), var(--pts-color-3-s), var(--pts-color-3-l), 0.3);
    box-shadow: undefined;
    box-shadow: 0 1px 10px var(--box-shadow);
}

@media (min-width: 64rem) {
    .pts-faq__item:hover {
        box-shadow: 0 1px 10px hsla(210, 14%, 49%, 0.3);
        box-shadow: 0 1px 10px var(--box-shadow);
    }
}

.pts-faq__item:last-of-type {
    margin-bottom: 0;
}

ul.pts-faq__list {
    list-style-type: none;
}

input.pts-faq__input {
    display: none;
}

.pts-faq input:checked~.article i {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pts-faq input:checked~.article.pts-faq-content {
    height: auto;
}

.pts-faq i {
    position: absolute;
    transform: translate(-30px, 0);
    margin-top: 16px;
    right: 0;
}

.pts-faq .article {
    background: rgb(255, 255, 255);
    overflow: hidden;
    height: 0px;
    max-height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pts-faq .article p {
    color: hsl(0, 0%, 22%);
    /* color: var(--pts-color-3); */
    padding: 0 0 10px 0;
    margin: 0 20px;
}

.pts-faq .boxstyle_.box5 p {
    color: hsl(0, 100%, 100%);
    color: var(--cd-color-3);
    line-height: 23px;
    font-size: 14px;
    padding: 0 20px;
}

.pts-faq input:checked~.article i {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pts-faq input:checked~.article.pts-faq-content {
    height: auto;
}

/* ------------------------ trigger style copy from here ------------------------ */
.pts-faq__trigger {
    padding: 20px 20px;
    position: relative;
    display: block;
    height: auto;
    cursor: pointer;
    line-height: 20px;
    /* font-size: 20px;
    font-weight: 100; */
    color: #1d71aa;
    color: var(--pts-color-2);
}

.pts-faq__trigger::before,
.pts-faq__trigger::after {
    position: absolute;
    right: 24px;
    top: 50%;
    height: 1px;
    width: 13px;
	/*
    background: hsl(73, 46%, 71.5%);
    background: hsl(var(--pts-color-2-h), var(--pts-color-2-s), calc(var(--pts-color-2-l)*1.3));
	*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.pts-faq__trigger::before {
    content: '';
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
	background: #5698d2;
}

.pts-faq__trigger::after {
    content: '';
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	background: #1d71aa;
}

/* ------------------------ content style copy from here ------------------------ */
.pts-faq__content .text-component {
    font-size: 0.95em;
}

.pts-faq__content p {
    color: hsl(210, 14%, 49%);
    color: var(--pts-color-3);
}

@media (min-width: 64rem) {
    .pts-faq__content {
        display: none;
        overflow: hidden;
    }

    .pts-faq__content .text-component {
        font-size: 0.75em;
    }
}

.pts-faq__content--visible {
    display: block
}

.margin-top--xl {
    margin-top: 3.25em;
    margin-top: var(--space-xl);
}

.margin-bottom--lg {
    margin-bottom: 2em;
    margin-bottom: var(--space-lg);
}


/* =========================================================================================
	form style for immigration site search on the homepage
============================================================================================ */

.form a {
    color: #5698d2;
    text-decoration-color: #5698d2;
}

.form a:hover {
    color: #1d71aa;
    text-decoration-color: #1d71aa
}

.form-group-w100 {
    width: 100% !important;
}

.input-group {
    padding-bottom: 10px;
    width: 100% !important;
	top:100%;
	left: -0.5%;
}



@media (max-width: 768px) {

    .form a:link,
    .form a:visited {
        color: #5698d2;
        text-decoration-color: #5698d2;
    }

    .form a:hover,
    .form a:focus,
    .form a:active {
        color: #1d71aa;
        text-decoration-color: #1d71aa;
        outline: none !important;
        -moz-outline-style: none !important;
    }
}


/* =========================================================================================
	step by step wizard process 20190721
============================================================================================ */
.wizard {
    /* width: 100%; */
    margin: 0 auto;
}

.wizard__header {
    position: relative;
    color: #FFF;
    padding: 50px;
    /* border-radius: 20px; */
    border-top-left-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 20px;
    text-align: center;
    height: 185px;
    background: url("../images/subpage-banner-default.png");
    background-color: #1d71aa;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wizard__header-content {
    position: absolute;
    width: 100%;
    padding: 0 50px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
}

.wizard__header-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: rgba(77, 99, 123, 0.6); */
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.wizard__title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0;
}

.wizard__subheading {
    text-transform: uppercase;
    margin: 0;
    font-size: .8rem;
    font-weight: 100;
    letter-spacing: 2px;
}

.wizard__subheading span {
    font-weight: 600;
}

.wizard__steps {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(50%);
    z-index: 10;
}

.wizard__footer {
    padding: 0 50px 50px;
    border-radius: 5px;
}

.wizard__content {
    /* background: #FFF;
  box-shadow: 0px 0px 10px #c5c5c5; */
    border-radius: 5px;
}

.wizard__congrats-message {
    color: #676767;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.wizard.completed .wizard__content {
    animation: gettingOut 2s cubic-bezier(1, -0.71, 1, 1.16) forwards;
}

.wizard.completed .wizard__congrats-message {
    animation: fadeIn 2s cubic-bezier(1, -0.71, 1, 1.16) forwards;
}

.line {
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: -1;
    height: 6px;
    transition: all 0.5s ease;
}

.line.-start {
    left: 0%;
    background: #1d71aa;
    width: 50%;
}

.line.-end {
    left: 50%;
    background: #1d71aa;
    width: 50%;
}

.line.-background {
    background: #c3c3c3;
    width: 100%;
}

.line.-progress {
    background: #1d71aa;
    width: 100%;
    transform: scaleX(0);
    transform-origin: left center;
}

.line.-in-progress {
    transform: scaleX(1);
}

.panels {
    position: relative;
    overflow: hidden;
}

.wiz-panel {
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s all;
    padding: 50px 0;
    background: transparent;
}

.panel__header {
    margin-bottom: 30px;
}

.panel__title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin: 0;
}

.panel__content p {
    color: #383838;
}

.panel__subheading {
    font-size: .9rem;
    line-height: 1.2rem;
    margin: 0;
}

.wiz-panel.movingOutBackward {
    transform: translateX(-100%);
    width: -100%;
    margin: 0 auto;
}

.wiz-panel.movingOutFoward {
    transform: translateX(100%);
    width: 100%;
    margin: 0 auto;
}

.wiz-panel.movingIn {
    transform: translateX(0%);
    width: 100%;
    margin: 0 auto;
}

.steps {
    position: relative;
    display: flex;
    flex: 0 1 auto;
    color: #fff;
}

.wiz-step {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
}

.step__content {
    position: relative;
    z-index: 2;
}

.step-txt {
    color: #383838;
    /* background: #FFF; */
    font-weight: bold;
    line-height: 40px;
    margin: 0 auto;
    transition: opacity .5s;
    opacity: 1;
    z-index: 5;
}

.step__number {
    font-size: 1.3rem;
    color: #383838;
    background: #FFF;
    font-weight: 800;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    border-radius: 50%;
    border: 5px solid #c3c3c3;
    transition: opacity .5s;
    opacity: 1;
    z-index: 5;
}

.wiz-step.-completed .step__number {
    opacity: 0;
}

.wiz-step.-completed .checkmark {
    z-index: 0;
    animation: fill .4s ease-in-out forwards, scale .3s ease-in-out .6s both;
}

.wiz-step.-completed .checkmark__check {
    animation: stroke .5s linear .4s forwards;
}

.wiz-step.-completed .line {
    transform: scaleX(1);
}

.wiz-step:last-child .line {
    width: 42%;
    /* border-bottom-right-radius: 20px; */
}

.checkmark {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #1d71aa;
    z-index: -1;
}

.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 8;
    stroke-miterlimit: 10;
    stroke: #1d71aa;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 40;
    stroke-dashoffset: 40;
    stroke: #FFF;
    stroke-width: 5;
}

.button {
    cursor: pointer;
    font-size: 1rem;
    line-height: 1rem;
    background: #1d71aa;
    color: #FFF;
    padding: 10px 15px;
    border: none;
    outline: none;
    display: inline-block;
    transition: all .3s;
    float: right;
}

.button:hover {
    background: #1d71aa;
}

.secondary_btn.previous {
    margin-right: 5px;
    float: left;
}

.secondary_btn.next {
    margin-left: 5px;
    float: right;
}

.secondary_btn.disabled {
    background: #eee;
    cursor: default;
    visibility: hidden;
}

@keyframes stroke {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    50% {
        transform: translateX(-50%) scale3d(1.5, 1.5, 1.5);
    }

    100% {
        transform: scale3d(0);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #1d71aa;
    }
}

@keyframes gettingOut {
    0% {
        transform: translateY(0%);
    }

    30% {
        transform: translateY(100px);
    }

    100% {
        transform: translateY(-200%);
    }
}

@keyframes fadeIn {
    100% {
        opacity: 1;
    }
}


/* free styles */

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0px;
    border-top: 1.5px dotted #1d71aa;
}

.hr-line-dotted {
    border-bottom: 1.5px dotted #1d71aa;
}

.hr-line-dashed {
    border-bottom: 1.5px dashed #1d71aa;
}

.hr-line-solid {
    border-bottom: 1.5px solid #1d71aa;
}

blockquote {
    padding: 11px 22px;
    margin: 0 0 22px;
    font-size: inherit;
    border-left: 5px solid #1d71aa;
}

ul.square {
    list-style-type: square;
    padding-left: 20px;
}

.noPad {
    padding: 0;
}

.pd-15 {
    padding: 15px !important;
}

.pd-20 {
    padding: 20px !important;
}

.pd-30 {
    padding: 30px !important;
}

.pdb-10 {
    padding-bottom: 10px;
}

.pdb-15 {
    padding-bottom: 15px;
}

.pdb-20 {
    padding-bottom: 20px;
}

.pdb-25 {
    padding-bottom: 25px;
}

.pdb-30 {
    padding-bottom: 30px;
}

.pdb-40 {
    padding-bottom: 40px;
}

.pdl-15 {
    padding-left: 15px !important;
}

.pdl-20 {
    padding-left: 20px !important;
}

.pdr-15 {
    padding-right: 15px !important;
}

.pdt-10 {
    padding-top: 10px;
}

.pdt-15 {
    padding-top: 15px;
}

.pdt-20 {
    padding-top: 20px;
}

.pdt-30 {
    padding: 30px 0 0 0;
}

.pdt-40 {
    padding: 40px 0 0 0;
}
	
.pdt-50 {
    padding: 50px 0 0 0;
}

.pdtb-10 {
    padding: 10px 0;
}

.pdtb-15 {
    padding: 15px 0;
}

.pdtb-20 {
    padding: 20px 0;
}

.pdtb-30 {
    padding: 30px 0;
}

.pdt-120 {
    padding: 120px 0;
}

.pdt-130 {
    padding: 130px 0;
}

.pdrl-10 {
    padding: 0px 10px;
}

.pdrl-15 {
    padding: 0 15px;
}

.pdrl-20 {
    padding: 0 20px;
}

.pdrl-30 {
    padding: 0 30px;
}

.noMgn {
    margin: 0px !important;
}

.mg-15 {
    margin: 15px !important;
}

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

.mg-30 {
    margin: 30px !important;
}

.mgb-10 {
    margin-bottom: 10px;
}

.mgb-15 {
    margin-bottom: 15px !important;
}

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

.mgb-25 {
    margin-bottom: 25px !important;
}

.mgb-30 {
    margin-bottom: 30px !important;
}

.mgb-40 {
    margin-bottom: 40px;
}

.mgt-10 {
    margin-top: 10px;
}

.mgt-15 {
    margin-top: 15px;
}

.mgt-20 {
    margin-top: 20px;
}

.mgr-20 {
    margin-right: 20px;
}

.mgrl-20 {
    margin: 0 20px;
}

.mgrl-30 {
    margin: 0 30px;
}

/* Home Section */
.home-section {
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    z-index: 0;
    background-size: cover;
}