/* Add here all your CSS customizations */

body { color: black !important }

h1, h2, h3, h4, h5 {
	font-family: 'Raleway', sans-serif !important;
}

p { color: black !important; }

a, a:hover { color: #4a6fef }

.mb-10, .my-10 {
    margin-bottom: 6rem!important;
}

.mt-10, .my-10 {
    margin-top: 6rem!important;
}

.pb-10, .py-10 {
    padding-bottom: 6rem!important;
}

.pt-10, .py-10 {
    padding-top: 6rem!important;
}

#header .header-btn-collapse-nav {
    background: #4a6fef !important;
}

.nav-link:hover { color: #4a6fef !important}

.btn-hover:hover { background-color: #4a6fef !important}

.list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child {
    color: #4a6fef !important;
    border-color: #4a6fef !important;
}

@media (min-width: 992px) {
#header .header-nav-main nav > ul > li > a {
	font-size:15px;
}
	
}

@media (max-width: 991px) {
#header .header-nav-main nav > ul li a {
	font-size:15px;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a { color: #444; }
	
}

@media (max-width: 991px) {
#header .header-btn-collapse-nav {
    position: absolute;
    margin-right: 50px;
    right: 0;

	}}


.divider.divider-full hr { width: 100% }

.divider.divider-lg hr { height: 6px }

.divider, hr {background: black !important}

.list-align { padding-left: 15px !important }

.toggle.toggle-custom .toggle > label {
    padding-left: 52px !important;
    font-size: 1.6em !important;
}

.toggle.toggle-custom .toggle > label:before {
    left: 11px !important;
    margin-top: 8px !important;
    top: 7px !important;
    color: black !important;
    font-size: 20px !important;
}

.toggle.toggle-custom .toggle > label:after {
    width: 40px !important;
    height: 40px !important;
    border: #4a6fef solid 5px !important;
    background: white !important;
    color: black !important;
    margin-right: 30px !important;
	border-radius: 100px !important;
	top: 20px !important;
}

.toggle > .toggle-content > p { padding: 20px 0px 0px 55px !important; }

.toggle-custom .toggle { margin-bottom: 40px !important }

.toggle.toggle-custom .toggle > label {font-family: 'Raleway', sans-serif !important; font-weight: 700;}

.table-1-2-columns td { width: 50% }

.btn-primary {
	background-color: #4a6fef !important;
	border-color: #4a6fef !important;
	text-transform: uppercase;
	border-radius: 0px !important;
}

.hero-parallax:not(.page-header):not(.match-height) {
	margin-top: 0px !important;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 70px;
    padding: 250px 0;
}


.text-container-left, .image-container-right, .text-container-right, .image-container-left { display: inline-block; }


.text-container-left, .text-container-right { width:100%}

.image-container-right, .image-container-left { width: 100%}

.offset-container-left {
	position: relative;
}

.offset-container-right {
	position: relative;
}

.offset-bg {
	background-color:white;
	padding:50px;
}

.vertical-line {
	background-color: #4a6fef;
    height: 70px;
    width: 8px;
}

.offset-container-left .vertical-line {
    float: right;
    margin-top: 200px;
}

.offset-container-right .vertical-line {
    float: left;
	margin-top: 30px;
}

.hero-parallax:not(.page-header):not(.match-height) { padding: 200px 0 150px 0 }


@media (min-width: 992px) {
	
	.text-container-left, .text-container-right { width: 60%}
	
	.text-container-left { margin-top: 200px }
	
	.text-container-right { margin-top: 100px } 
	
	.image-container-right, .image-container-left { width: 40%}
	
	.offset-container-left { margin-right:-100px; 	margin-left:100px; margin-top:50px }
	
	.offset-container-right { margin-left:-100px; margin-right:100px;}
	
	.hero-parallax:not(.page-header):not(.match-height) { padding: 250px 0 }
	
}


.mobile-hide { display: none }

@media (min-width: 992px) {
.mobile-hide { display: block }
}