/*
Table Of Contents
 
 1.) Typography
 2.) Default Styles
 3.) Header - Main
 4.) Content - Main
 5.) Footer - Main
 6.) Modals

====================================================*/

/*
 1.) Typography
----------------------------------------*/

@import url("bootstrap.min.css") all;
@import url("animate.css") all;
@import url("all.min.css") all;
@import url("brands.min.css") all;
@import url("light.min.css") all;
@import url("regular.min.css") all;
@import url("solid.min.css") all;
@import url("fontawesome.min.css") all;

@font-face {
    font-family: 'Arial Narrow';
    src: url('../webfonts/ArialNarrow.eot');
    src: url('../webfonts/ArialNarrow.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/ArialNarrow.woff2') format('woff2'),
         url('../webfonts/ArialNarrow.woff') format('woff'),
         url('../webfonts/ArialNarrow.ttf') format('truetype'),
         url('../webfonts/ArialNarrow.svg#ArialNarrow') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArialMT';
    src: url('../webfonts/ArialMT.eot');
    src: url('../webfonts/ArialMT.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/ArialMT.woff2') format('woff2'),
         url('../webfonts/ArialMT.woff') format('woff'),
         url('../webfonts/ArialMT.ttf') format('truetype'),
         url('../webfonts/ArialMT.svg#ArialMT') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArialNarrow-Bold';
    src: url('../webfonts/ArialNarrow-Bold.eot');
    src: url('../webfonts/ArialNarrow-Bold.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/ArialNarrow-Bold.woff2') format('woff2'),
         url('../webfonts/ArialNarrow-Bold.woff') format('woff'),
         url('../webfonts/ArialNarrow-Bold.ttf') format('truetype'),
         url('../webfonts/ArialNarrow-Bold.svg#ArialNarrow-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DMSans-Regular';
    src: url('../webfonts/DMSans-Regular.eot');
    src: url('../webfonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/DMSans-Regular.woff2') format('woff2'),
         url('../webfonts/DMSans-Regular.woff') format('woff'),
         url('../webfonts/DMSans-Regular.ttf') format('truetype'),
         url('../webfonts/DMSans-Regular.svg#DMSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DMSans-Medium';
    src: url('../webfonts/DMSans-Medium.eot');
    src: url('../webfonts/DMSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/DMSans-Medium.woff2') format('woff2'),
         url('../webfonts/DMSans-Medium.woff') format('woff'),
         url('../webfonts/DMSans-Medium.ttf') format('truetype'),
         url('../webfonts/DMSans-Medium.svg#DMSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DMSans-Bold';
    src: url('../webfonts/DMSans-Bold.eot');
    src: url('../webfonts/DMSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/DMSans-Bold.woff2') format('woff2'),
         url('../webfonts/DMSans-Bold.woff') format('woff'),
         url('../webfonts/DMSans-Bold.ttf') format('truetype'),
         url('../webfonts/DMSans-Bold.svg#DMSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Comfortaa-Regular';
    src: url('../webfonts/Comfortaa-Regular.eot');
    src: url('../webfonts/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/Comfortaa-Regular.woff2') format('woff2'),
         url('../webfonts/Comfortaa-Regular.woff') format('woff'),
         url('../webfonts/Comfortaa-Regular.ttf') format('truetype'),
         url('../webfonts/Comfortaa-Regular.svg#Comfortaa-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
 2.) Default Styles
----------------------------------------*/

body {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-family: "DMSans-Regular", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	line-height: 32px;
	background: #c1c1c1;
	margin: 0;
	padding: 0;
}

sub,
sup{
	font-size: 50%;
}

sup{
	top: -.7em;
}

img { 
	max-width: 100%;
}

@media (max-width: 1199px) {
body {
	font-size: 22px;
	line-height: 30px;
}
}

@media (max-width: 767px) {
body {
	font-size: 18px;
	line-height: 26px;
}
}


/*= Links 
=======================================================*/

a {
	color: #2c72b8;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	cursor: pointer;
}

a:hover,
a:focus,
a:active {
	color: #3383d4;
	text-decoration: underline;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

a:visited {
	outline: 0;
}

a[href^="tel:"], 
a[href^="fax:"] {
	color: #2c72b8;
	text-decoration: none;
}

a:hover[href^="tel:"], 
a:focus[href^="tel:"], 
a:hover[href^="fax:"],
a:focus[href^="fax:"] {
	color: #3383d4;
	text-decoration: underline;
}


/*= Headings: P, H1, H2, H3, H4, H5, H6 
=======================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	padding: 0 0 20px 0;
	margin: 0;
}

h1 {
	font-size: 52px;
	line-height: 62px;
}

h2 {
	font-size: 47px;
	line-height: 57px;
}

h3 {	
	font-size: 38px; 
	line-height: 48px;
}

h4 {	
	font-size: 30px; 
	line-height: 36px;
}

p {
	padding: 0 0 20px 0;
	margin: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
	padding-bottom: 0;
}

strong {
	font-weight: inherit;
	font-family: "DMSans-Bold", Arial, Helvetica, sans-serif; 
}

@media (max-width: 1199px) {
h1 {
	font-size: 44px;
	line-height: 54px;
}

h2 {
	font-size: 40px;
	line-height: 50px;
}

h3 {	
	font-size: 32px; 
	line-height: 38px;
}

h4 {	
	font-size: 26px; 
	line-height: 32px;
}
}

@media (max-width: 767px) {
h1 {
	font-size: 36px;
	line-height: 42px;
}

h2 {
	font-size: 30px;
	line-height: 36px;
}

h3 {	
	font-size: 26px; 
	line-height: 32px;
}

h4 {	
	font-size: 24px; 
	line-height: 30px;
}
}


/*= Unorder List 
=======================================================*/

ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

li {
	padding: 0;
	margin: 0;
}


/* #Input Styles
================================================= */

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

input,
textarea,
select {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

label {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: inherit;
	font-size: 22px;
	line-height: 26px;
	padding: 0 0 10px 0;
	margin: 0;
}

.req {
	color: #ff0000;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	width: 100%;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: inherit;
	font-size: 22px;
	color: #000000;
	line-height: 26px;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: #ffffff;
	border: 1px solid #2c72b8;
	border-radius: 9px;
	outline: none;
	overflow: hidden;
	position: relative;
	padding: 20px 30px;
	margin: 0;
}

textarea {
	height: 200px;
	white-space: normal;
	outline: none;
	resize: none;
}

::-webkit-input-placeholder, 
::-webkit-textarea-placeholder {
	color: #000000;
}

input::-moz-placeholder, 
textarea::-moz-placeholder {
	color: #000000;
}

::-moz-placeholder {
	color: #000000;
}

::-ms-input-placeholder {
	color: #000000;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	outline: 0;
}

@media (max-width: 1199px) {
textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	height: 55px;
	padding: 15px 25px;
}

textarea {
	height: 180px;
}
}

@media (max-width: 767px) {
label {
	font-size: 20px;
	line-height: 26px;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	height: 50px;
	font-size: 20px;
	line-height: 24px;
	padding: 15px 25px;
}

textarea {
	height: 150px;
}
}


/* #Buttons
================================================== */

.btn,
.button,
input[type=".button"],
input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 27px;
	color: #ffffff;
	line-height: 33px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	white-space: normal;
	background: #008837;
	border: none;
	border-radius: 9px;
	box-shadow: none;
	position: relative;
	cursor: pointer;
	outline: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding: 14px 35px;
	margin: 0;
}

.btn em,
.button em { 
	font-size: 80%; 
	margin-right: 5px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
.button:hover,
.button:focus,
.button:active,
.button:active:focus,
.button.active,
.button.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus,
.btn:not(:disabled):not(.disabled).active, 
.btn:not(:disabled):not(.disabled):active  {
	color: #ffffff;
	text-decoration: none; 
	background: #06a245;
	box-shadow: none;
	outline: 0;
}

.btn-blue,
input.btn-blue[type=".button"],
input.btn-blue[type="submit"] {
	background: #2c72b8;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue:active:focus,
.btn-blue.active,
.btn-blue.active:focus,
input.btn-blue[type="button"]:hover,
input.btn-blue[type="button"]:focus,
input.btn-blue[type="button"]:active,
input.btn-blue[type="button"]:active:focus,
input.btn-blue[type="button"].active,
input.btn-blue[type="button"].active:focus,
input.btn-blue[type="submit"]:hover,
input.btn-blue[type="submit"]:focus,
input.btn-blue[type="submit"]:active,
input.btn-blue[type="submit"]:active:focus,
input.btn-blue[type="submit"].active,
input.btn-blue[type="submit"].active:focus,
.btn-blue:not(:disabled):not(.disabled).active, 
.btn-blue:not(:disabled):not(.disabled):active  {
	background: #3383d4;
}

.btn-blank,
input.btn-blank[type=".button"],
input.btn-blank[type="submit"] {
	color: #000000;
	background: none;
	box-shadow: inset #1f30ff 0 0 0 1px;
}

.btn-blank:hover,
.btn-blank:focus,
.btn-blank:active,
.btn-blank:active:focus,
.btn-blank.active,
.btn-blank.active:focus,
input.btn-blank[type="button"]:hover,
input.btn-blank[type="button"]:focus,
input.btn-blank[type="button"]:active,
input.btn-blank[type="button"]:active:focus,
input.btn-blank[type="button"].active,
input.btn-blank[type="button"].active:focus,
input.btn-blank[type="submit"]:hover,
input.btn-blank[type="submit"]:focus,
input.btn-blank[type="submit"]:active,
input.btn-blank[type="submit"]:active:focus,
input.btn-blank[type="submit"].active,
input.btn-blank[type="submit"].active:focus,
.btn-blank:not(:disabled):not(.disabled).active, 
.btn-blank:not(:disabled):not(.disabled):active  {
	color: #ffffff;
	background: #1f30ff;
	box-shadow: inset #1f30ff 0 0 0 1px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-out {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 1199px) {
.btn,
.button,
input[type=".button"],
input[type="submit"] {
	font-size: 24px;
	line-height: 30px;
}
}

@media (max-width: 767px) {
.btn,
.button,
input[type=".button"],
input[type="submit"] {
	font-size: 22px;
	line-height: 28px;
	border-radius: 6px;
	padding: 13px 25px;
}
}


/* Table */
table,
tbody,
thead,
tr,
th,
td {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

/* Figure */
figure { 
	padding: 0;
	margin: 0;
}

.break-word {
	word-wrap: break-word;
}


/* #Owl Carousel
================================================= */

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,  
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}

.owl-carousel .owl-nav.disabled,  
.owl-carousel .owl-dots.disabled {
	display: none;
}

.owl-carousel .owl-nav .owl-prev,  
.owl-carousel .owl-nav .owl-next,  
.owl-carousel .owl-dot {
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.no-js .owl-carousel {
	display: block;
}

.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	animation-name: fadeOut;
}
 @keyframes 
fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}

.owl-height {
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, 
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.owl-controls {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}


/* Owl - Nav */
.owl-nav div {
	width: 25px;
	height: 48px;
	float: left;
	background: none;
	border-radius: 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -99999px;
	margin: -24px 0 0 0;
}

.owl-nav .owl-prev {
	background: url(../img/arrow-prev.png) no-repeat center center; 
	background-size: 25px auto;
	left: 40px;
}

.owl-nav .owl-next {
	background: url(../img/arrow-next.png) no-repeat center center; 
	background-size: 25px auto;
	right: 40px;
}

@media (max-width: 1199px) {
.owl-nav div {
	width: 22px;
	height: 42px;
	margin: -21px 0 0 0;
}

.owl-nav .owl-prev {
	background-size: 22px auto;
}

.owl-nav .owl-next {
	background-size: 22px auto;
}
}

@media (max-width: 767px) {
.owl-nav div {
	width: 18px;
	height: 36px;
	margin: -18px 0 0 0;
}

.owl-nav .owl-prev {
	background-size: 18px auto; 
	left: 20px;
}

.owl-nav .owl-next {
	background-size: 18px auto; 
	right: 20px;
}
}


/* Owl - Dots */
.owl-dots {
	width: 100%; 
	height: 14px; 
	float:left; 
	text-align: center;
	padding: 0;
	margin: 40px 0 0 0;
}

.owl-dots .owl-dot {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	padding: 0;
	margin: 0 8px;
}

.owl-dots .owl-dot span {
	display: block;
	width: 14px;
	height: 14px;
	background: #000000; 
	border: none;
	border-radius: 360px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

.owl-dots .owl-dot.active span {
	width: 14px;
	height: 14px;
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #1f30ff; 
}

.owl-carousel .owl-controls .disabled, 
.owl-carousel .owl-controls .disabled {
	display: none;
}

@media (max-width: 767px) {
.owl-dots {
	height: 12px; 
	margin: 30px 0 0 0;
}

.owl-dots .owl-dot {
	margin: 0 6px;
}

.owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
}

.owl-dots .owl-dot.active span {
	width: 12px;
	height: 12px;
}
}


/*= Container - Main
=======================================================*/

.container-main-out {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.container-main {
	width: 100%;
	min-height: 100vh;
	float: left;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	position: relative;
	overflow: hidden;
}

.container {
	width: 100%;
	max-width: 1330px;
	padding: 0 40px;
}

@media (max-width: 767px) {
.container {
	max-width: 550px;
	padding: 0 25px;
}
}


/*
 3.) Header - Main
----------------------------------------*/

.header-main {
	width: 100%;
	float: left;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.header-main .header-out {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}

.header-main .header-in  {
	width: 100%;
	height: 102px;
	float: left;
	background: #ffffff;
	box-shadow: rgba(0, 0, 0, .10) 0 0 10px;	
	border-bottom: 1px solid #000000;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.header-main .brand {
	float: left;
	position: relative;
	margin: 26px -500px 0 0;
}

.header-main .brand img {
	width: 100%;
	max-width: 190px;
	display: inline-block;
	vertical-align: top;
}

.header-main .brand .img-mobile {
	display: none;
}

.header-main .btn-buy {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 15px;
}

.header-main .btn-buy .btn {
	border-radius: 360px;
}

.header-main .btn-buy .btn .txt-mobile {
	display: none;
}

.header-main .btn-cart {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 15px;
}

.header-main .btn-cart .icon {
	width: 26px;
	height: 26px;
	float: left;
	text-decoration: none;
	background: url(../img/icon-cart.png) no-repeat center center;
	background-size: 26px auto;
	text-indent: -9999px;
}

.header-main .header-right {
	float: right;
	margin: 20px 0 0 0;
}

@media (max-width: 1199px) {
.header-main .header-right {
	margin: 22px 0 0 0;
}
}

@media (max-width: 767px) {
.header-main.fixed {
	position: fixed;
	z-index: 15;
}

.header-main .header-in  {
	height: 91px;
}

.header-main .brand {
	margin: 10px -500px 0 0;
}

.header-main .brand img {
	max-width: 110px;
}

.header-main .brand .img-desktop {
	display: none;
}

.header-main .brand .img-mobile {
	display: inline-block;
}

.header-main .btn-buy {
	margin: 0 0 0 15px;
}

.header-main .btn-buy .btn {
	border-radius: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.header-main .btn-buy .btn .txt-desktop {
	display: none;
}

.header-main .btn-buy .btn .txt-mobile {
	display: inline-block;
}

.header-main .btn-cart {
	margin: 0 0 0 15px;
}

.header-main .header-right {
	margin: 21px 0 0 0;
}
}


/*
 4.) Content - Main
----------------------------------------*/

.content-main {
	width: 100%;
	float: left;
	flex: 1 0 auto;
	padding: 102px 0 0 0;
}

@media (max-width: 767px) {
.content-main {
	padding: 91px 0 0 0;
}
}


/* Banner - Main */
.banner-main {
	width: 100%;
	float: left;
	background: #ffffff url(../img/bg-1.png) no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 10;
}

.banner-main .container {
	max-width: 1400px;
	padding: 0;
}

.banner-main aside {
	width: 41.10%;
	float: none;
	display: inline-block;
	vertical-align: bottom;
	padding: 85px 7% 35px 40px;
	margin: 0 -4px 0 0;
}

.banner-main aside h1 {
	letter-spacing: normal;
	padding-bottom: 25px;
}

.banner-main aside p {
	line-height: 28px;
	padding: 0;
}

.banner-main aside .split-txt {
	width: 100%;
	float: left;
	padding: 0 0 110px 0;
}

.banner-main aside .split-txt:last-child {
	padding-bottom: 0;
}

.banner-main aside .split-txt p {
	width: 41.20%;
	float: left;
	font-family: "dm_sansmedium", Arial, Helvetica, sans-serif;
	padding-right: 30px;
}

.banner-main aside .split-txt p:nth-child(2) {
	width: 47.60%;
	padding-right: 0;
}

.banner-main aside .logo-out {
	float: left;
	overflow: hidden;
}

.banner-main aside .logo-out ul {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 4px;
	margin: 0 -5px 0 -25px;
}

.banner-main aside .logo-out ul li {
	float: none;
	height: 61px;
	display: inline-block;
	vertical-align: middle;
	line-height: 41px;
	border: 1px solid #6f706f;
	border-top: none;
	padding: 5px 25px 15px 25px;
	margin: 0 -3px 0 -4px;
}

.banner-main aside .logo-out ul li img {
	max-height: 41px;
}

.banner-main aside .txt-out {
	width: 100%;
	max-width: 420px;
	float: right;
}

.banner-main figure {
	width: 58.90%;
	float: none;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin: -30px -2px -1.2% -2px;
}

.banner-main figure img {
	width: 100%;
}

.banner-main .btn-out {
	width: 255px;
	float: right;
	position: absolute;
	bottom: 33px;
	right: 75px;
	margin-bottom: 1.20%;
}

.banner-main .btn-out .btn,
.banner-main .btn-out button {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}

@media (max-width: 1329px) {
.banner-main aside {
	padding: 85px 40px 35px 40px;
}
.banner-main .btn-out {
	right: 40px;
}
}

@media (max-width: 1199px) {
.banner-main aside {
	width: 50%;
	padding: 40px 40px 30px 40px;
}
.banner-main aside h1 {
	padding-bottom: 20px;
}
.banner-main aside p {
	font-size: 22px;
	line-height: 26px;
	padding: 0 0 20px 0;
}
.banner-main aside p:last-child {
	padding-bottom: 0;
}
.banner-main aside .split-txt {
	padding: 0 0 50px 0;
}
.banner-main aside .split-txt p {
	width: 100%;
	padding-right: 0;
}
.banner-main aside .split-txt p:nth-child(2) {
	width: 100%;
}
.banner-main aside .logo-out {
	width: 100%;
}
.banner-main aside .logo-out ul {
	width: 110%;
	padding: 0;
	margin: 0 0 -20px 0;
}
.banner-main aside .logo-out ul li {
	height: auto;
	line-height: normal;
	border: none;
	padding: 0;
	margin: 0 20px 20px 0;
}
.banner-main aside .txt-out {
	max-width: 100%;
}
.banner-main figure {
	width: 50%;
	margin: -20px -2px -1% -2px;
}
.banner-main .btn-out {
	width: 200px;
	right: 40px;
}
}

@media (max-width: 767px) {
.banner-main {
	text-align: center;
}
.banner-main .container {
	max-width: 550px;
}
.banner-main aside {
	width: 100%;
	max-width: 540px;
	text-align: left;
	padding: 42px 20px 40px 20px;
	margin: 0;
}
.banner-main aside h1 br {
	display: none;
}
.banner-main aside p {
	font-size: 20px;
	line-height: 24px;
}
.banner-main aside .split-txt {
	padding: 0 0 40px 0;
}
.banner-main figure {
	width: 100%;
	padding-left: 20px;
	margin: 0 0 -2% 0;
}
.banner-main .btn-out {
	width: 170px;
	bottom: 20px;
	right: 20px;
}
}


/* Section - 1 */
.section-1 {
	width: 100%;
	float: left;
	background: #ffffff url(../img/bg-2.png) no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border: 1px solid #000000;
	border-left: none;
	border-right: none;
}

.section-1 .container {
	padding: 0;
}

.section-1 .article {
	width: 32.70%;
	float: left;
	position: relative;
	padding: 30px 25px 30px 40px;
}

.section-1 .article:before {
	content: "";
	width: 1px;
	height: 100%;
	float: left;
	background: #000000;
	position: absolute;
	top: 0;
	right: 0;
}

.section-1 .article h3 {
	padding: 0 0 13px 0;
}

.section-1 .article h3:last-child {
	padding-bottom: 0;
}

.section-1 .article p a {
	color: #4172b2;
	text-decoration: none;
}

.section-1 .article p a:hover,
.section-1 .article p a:focus,
.section-1 .article p a:active {
	color: #1f30ff;
	text-decoration: underline;
}

.section-1 .article p:last-child {
	padding-bottom: 0;
}

.section-1 .article .icon-out {
	width: 100%;
	height: 136px;
	float: left;
	line-height: 136px;
	text-align: right;
	margin: 0 0 73px 0;
}

.section-1 .article .icon-out img {
	max-height: 136px;
}

.section-1 .article aside {
	width: 100%;
	float: left;
	padding: 0 40px 0 0;
}

.section-1 .article:nth-child(2) {
	width: 34.60%;
}

.section-1 .article:last-child:before {
	display: none;
}

.section-1 .article-out {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 0 15px 0 0;
}

@media (max-width: 1199px) {
.section-1 .article {
	padding: 30px 20px 30px 20px;
}
.section-1 .article .icon-out {
	height: 100px;
	line-height: 100px;
	margin: 0 0 50px 0;
}
.section-1 .article .icon-out img {
	max-height: 100px;
}
.section-1 .article aside {
	width: 100%;
	float: left;
	padding: 0;
}
.section-1 .article:nth-child(2) {
	width: 34.60%;
}
.section-1 .article:last-child:before {
	display: none;
}
.section-1 .article-out {
	padding: 0 20px;
}
}

@media (max-width: 767px) {
.section-1 .article {
	width: 100%;
	padding: 30px 20px;
}
.section-1 .article:before {
	width: 200%;
	height: 1px;
	top: auto;
	bottom: 0;
	right: auto;
	left: -50%;
}
.section-1 .article .icon-out {
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin: 0 0 40px 0;
}
.section-1 .article .icon-out img {
	max-height: 80px;
}
.section-1 .article:nth-child(2) {
	width: 100%;
}
.section-1 .article-out {
	padding: 0;
}
}


/* Section - 2 */
.section-2 {
	width: 100%;
	float: left;
	background: #ffffff url(../img/bg-3.png) no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 1px solid #000000;
	padding: 60px 0 50px 0;
}

.section-2 .heading-txt {
	width: 32%;
	float: left;
	padding: 0 40px 0 0;
}

.section-2 .heading-txt h3 {
	padding: 0;
}

.section-2 .heading-txt p {
	font-family: "dm_sansmedium", Arial, Helvetica, sans-serif;
}

.section-2 .heading-txt aside {
	width: 100%;
	max-width: 240px;
	float: left;
}

.section-2 .testimonials {
	width: 68%;
	float: left;
}

.section-2 .testimonials p {
	padding-bottom: 20px;
}

.section-2 .testimonials p:last-child {
	padding-bottom: 0;
}

.section-2 .testimonials .name {
	width: 100%;
	float: left;
	text-align: right;
	padding: 0 80px 0 0;
}

.section-2 .testimonials .item {
	width: 100%;
	float: left;
}

.section-2 .testimonials .owl-carousel {
	padding: 0 100px;
}

.section-2 .testimonials .owl-nav div {
	top: 30%;
}

.section-2 .testimonials .owl-nav .owl-prev {
	left: 0;
}

.section-2 .testimonials .owl-nav .owl-next {
	right: 0;
}

@media (max-width: 1199px) {
.section-2 .heading-txt {
	padding: 0 30px 0 0;
}
.section-2 .testimonials .name {
	padding: 0 50px 0 0;
}
.section-2 .testimonials .owl-carousel {
	padding: 0 50px;
}
.section-2 .testimonials .owl-nav div {
	top: 35%;
}
}

@media (max-width: 767px) {
.section-2 {
	padding: 45px 0;
}
.section-2 .heading-txt {
	width: 100%;
	padding: 0 0 30px 0;
}
.section-2 .heading-txt aside {
	max-width: 100%;
}
.section-2 .testimonials {
	width: 100%;
}
.section-2 .testimonials .name {
	padding: 0 30px 0 0;
}
.section-2 .testimonials .owl-carousel {
	padding: 0 40px;
}
.section-2 .testimonials .owl-nav .owl-prev {
	left: 0;
}
.section-2 .testimonials .owl-nav .owl-next {
	right: 0;
}
}


/* Section - 3 */
.section-3 {
	width: 100%;
	float: left;
	background: #ffffff url(../img/bg-4.png) no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 1px solid #000000;
	padding: 120px 0 40px 0;
}

.section-3 .inner-cont {
	width: 100%;
	float: left;
	position: relative;
}

.section-3 figure {
	width: 66.10%;
	float: left;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.section-3 figure img {
	width: 100%;
}

.section-3 aside {
	width: 33.90%;
	float: left;
	padding: 0 40px 0 0;
	margin: -10px 0 0 0;
}

.section-3 aside h2 {
	padding-bottom: 36px;
}

.section-3 aside p {
	padding-right: 50px;
}

.section-3 aside .split-txt {
	width: 100%;
	float: left;
	padding: 75px 0 0 0;
}

.section-3 aside .split-txt p {
	padding-bottom: 0;
}

.section-3 aside .split-txt p {
	width: 48%;
	float: left;
	padding-right: 30px;
}

.section-3 aside .split-txt p:nth-child(2) {
	width: 52%;
	padding-right: 0;
}

.section-3 .btn-out {
	width: 204px;
	float: right;
	position: absolute;
	bottom: 40px;
	right: 0;
}

.section-3 .btn-out .btn,
.section-3 .btn-out button {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 25px;
}

.section-3 .btn-out .btm-link {
	width: 100%;
	float: left;
	font-family: "arial_narrowregular", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 27px;
}

.section-3 .btn-out .btm-link a {
	float: left;
	color: #000000;
	text-decoration: none;
	position: relative;
	padding: 4px 40px 4px 0;
}

.section-3 .btn-out .btm-link a:before {
	content: "";
	width: 31px;
	height: 31px;
	float: left;
	background: url(../img/icon-search.png) no-repeat center center;
	background-size: 31px auto;
	position: absolute;
	top: 0;
	right: 0;
}

@media (max-width: 1199px) {
.section-3 {
	padding: 80px 0 40px 0;
}
.section-3 figure {
	width: 50%;
	padding-bottom: 110px;
}
.section-3 aside {
	width: 50%;
	margin: -10px 0 0 0;
}
.section-3 aside h2 {
	padding-bottom: 30px;
}
.section-3 aside p {
	padding-right: 0;
}
.section-3 aside .split-txt {
	padding: 50px 0 0 0;
}
.section-3 .btn-out .btn,
.section-3 .btn-out button {
	margin-bottom: 15px;
}
.section-3 .btn-out {
	width: 170px;
	bottom: 5px;
}
}

@media (max-width: 767px) {
.section-3 {
	padding: 45px 0 30px 0;
}
.section-3 figure {
	width: 100%;
	padding-bottom: 0;
}
.section-3 aside {
	width: 100%;
	padding: 0 0 40px 0;
	margin: 0;
}
.section-3 aside h2 {
	padding-bottom: 25px;
}
.section-3 aside .split-txt {
	padding: 40px 0 0 0;
}
.section-3 aside .split-txt p {
	width: 100%;
	padding: 0 0 20px 0;
}
.section-3 aside .split-txt p:last-child {
	padding-bottom: 0;
}
.section-3 aside .split-txt p:nth-child(2) {
	width: 100%;
}
.section-3 .btn-out {
	width: 100%;
	float: left;
	text-align: center;
	position: static;
	bottom: 0;
	padding: 30px 0 0 0;
	margin: 0;
}

.section-3 .btn-out .btn {
	width: 100%;
	max-width: 200px;
}

.section-3 .btn-out .btm-link a {
	float: none;
	display: inline-table;
}
}


/* Section - 4 */
.section-4 {
	width: 100%;
	float: left;
	background: #ffffff;
	border-bottom: 1px solid #000000;
	padding: 55px 0;
}

.section-4 h3 {
	width: 24.40%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 40px 0 0;
	margin: 0 -4px 0 0;
}

.section-4 .logo-out {
	width: 51.20%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0;
	margin: 0 -3px;
}

.section-4 .logo-out ul {
	width: 103.90%;
	float: left;
	padding: 0;
	margin: 0 -1.95% -20px -1.95%;
}

.section-4 .logo-out ul li {
	width: 21%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 1.50% 20px 1.50%;
}

.section-4 .logo-out ul li img {
	max-height: 67px;
}

.section-4 .btn,
.section-4 button {
	width: 100%;
	max-width: 233px;
	padding-right: 20px;
	padding-left: 20px;
}

.section-4 .btn-out {
	width: 24.40%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	padding-left: 40px;
	margin: 0 0 0 -4px;
}

@media (max-width: 1199px) {
.section-4 .logo-out ul li {
	width: 29.33%;
}
}

@media (max-width: 991px) {
.section-4 {
	text-align: center;
	padding: 45px 0 50px 0;
}
.section-4 h3 {
	width: 100%;
	padding: 0 0 40px 0;
	margin: 0;
}
.section-4 .logo-out {
	width: 100%;
	padding: 0 0 40px 0;
	margin: 0;
}
.section-4 .logo-out ul li {
	width: 21%;
}
.section-4 .btn,
.section-4 button {
	max-width: 200px;
}
.section-4 .btn-out {
	width: 100%;
	text-align: center;
	padding-left: 0;
	margin: 0;
}
}

@media (max-width: 767px) {
.section-4 {
	padding: 45px 0 50px 0;
}
.section-4 h3 {
	padding: 0 0 30px 0;
}
.section-4 .logo-out {
	padding: 0 0 40px 0;
}
.section-4 .logo-out ul li {
	width: 46%;
}
.section-4 .btn,
.section-4 button {
	max-width: 180px;
}
}

/*
 5.) Footer - Main
---------------------------------------- */

.footer-main {
	width: 100%;
	float: left;
	flex-shrink: 0;
}

.footer-main .form-block {
	width: 100%;
	float: left;
	padding: 0;
}

.footer-main .form-block h3 {
	padding-bottom: 25px;
}

.footer-main .form-block p {
	padding-bottom: 30px;
}

.footer-main .form-block h3:last-child,
.footer-main .form-block p:last-child {
	padding-bottom: 0;
}

.footer-main .form-block .form-out {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 215px 0 0;
}

.footer-main .form-block .form-out form {
	padding: 0;
	margin: 0;
}

.footer-main .form-block .form-out textarea,
.footer-main .form-block .form-out select,
.footer-main .form-block .form-out input[type="text"],
.footer-main .form-block .form-outinput[type="password"],
.footer-main .form-block .form-out input[type="datetime"],
.footer-main .form-block .form-out input[type="datetime-local"],
.footer-main .form-block .form-out input[type="date"],
.footer-main .form-block .form-out input[type="month"],
.footer-main .form-block .form-out input[type="time"],
.footer-main .form-block .form-out input[type="week"],
.footer-main .form-block .form-out input[type="number"],
.footer-main .form-block .form-out input[type="email"],
.footer-main .form-block .form-out input[type="url"],
.footer-main .form-block .form-outinput[type="search"],
.footer-main .form-block .form-out input[type="tel"],
.footer-main .form-block .form-out input[type="color"],
.footer-main .form-block .form-out .uneditable-input {
	height: 85px;
	padding: 30px 35px;
}

.footer-main .form-block .form-out .btn,
.footer-main .form-block .form-out .button,
.footer-main .form-block .form-out input[type=".button"],
.footer-main .form-block .form-out input[type="submit"] {
	width: 200px;
	height: 85px;
	line-height: 85px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
}

@media (max-width: 1199px) {
.footer-main .form-block h3 {
	padding-bottom: 20px;
}

.footer-main .form-block p {
	padding-bottom: 25px;
}

.footer-main .form-block .form-out textarea,
.footer-main .form-block .form-out select,
.footer-main .form-block .form-out input[type="text"],
.footer-main .form-block .form-outinput[type="password"],
.footer-main .form-block .form-out input[type="datetime"],
.footer-main .form-block .form-out input[type="datetime-local"],
.footer-main .form-block .form-out input[type="date"],
.footer-main .form-block .form-out input[type="month"],
.footer-main .form-block .form-out input[type="time"],
.footer-main .form-block .form-out input[type="week"],
.footer-main .form-block .form-out input[type="number"],
.footer-main .form-block .form-out input[type="email"],
.footer-main .form-block .form-out input[type="url"],
.footer-main .form-block .form-outinput[type="search"],
.footer-main .form-block .form-out input[type="tel"],
.footer-main .form-block .form-out input[type="color"],
.footer-main .form-block .form-out .uneditable-input {
	height: 75px;
	padding: 25px 30px;
}

.footer-main .form-block .form-out .btn,
.footer-main .form-block .form-out .button,
.footer-main .form-block .form-out input[type=".button"],
.footer-main .form-block .form-out input[type="submit"] {
	height: 75px;
	line-height: 75px;
}
}

@media (max-width: 767px) {
.footer-main .form-block h3 {
	padding-bottom: 15px;
}

.footer-main .form-block p {
	padding-bottom: 25px;
}

.footer-main .form-block .form-out {
	padding: 0;
}

.footer-main .form-block .form-out textarea,
.footer-main .form-block .form-out select,
.footer-main .form-block .form-out input[type="text"],
.footer-main .form-block .form-outinput[type="password"],
.footer-main .form-block .form-out input[type="datetime"],
.footer-main .form-block .form-out input[type="datetime-local"],
.footer-main .form-block .form-out input[type="date"],
.footer-main .form-block .form-out input[type="month"],
.footer-main .form-block .form-out input[type="time"],
.footer-main .form-block .form-out input[type="week"],
.footer-main .form-block .form-out input[type="number"],
.footer-main .form-block .form-out input[type="email"],
.footer-main .form-block .form-out input[type="url"],
.footer-main .form-block .form-outinput[type="search"],
.footer-main .form-block .form-out input[type="tel"],
.footer-main .form-block .form-out input[type="color"],
.footer-main .form-block .form-out .uneditable-input {
	height: 65px;
	padding: 25px 25px;
}

.footer-main .form-block .form-out .btn,
.footer-main .form-block .form-out .button,
.footer-main .form-block .form-out input[type=".button"],
.footer-main .form-block .form-out input[type="submit"] {
	width: 100%;
	height: 65px;
	line-height: 65px;
	position: relative;
	margin: 12px 0 0 0;
}
}


/* Pre - Footer */
.footer-main .pre-footer {
	width: 100%;
	float: left;
	background: #fbf9f2 url(../img/bg-5.png) no-repeat center center;
	background-size: cover;
	padding: 50px 0 40px 0;
}

.footer-main .pre-footer .foot-row1 {
	width: 100%;
	float: left;
	min-height: 415px;
}

.footer-main .pre-footer .foot-row1 .form-block {
	width: 100%;
	float: left;
	padding: 45px 425px 60px 0;
}

.footer-main .pre-footer .foot-row1 .figure-out {
	width: 500px;
	float: right;
	position: relative;
	margin: 0 -75px 0 -500px;
}

.footer-main .pre-footer .foot-row1 .figure-out img {
	width: 100%;
}

.footer-main .pre-footer .foot-row1 .figure-out .btn-out {
	width: 100%;
	text-align: right;
	position: absolute;
	bottom: 125px;
	right: 0;
	padding: 0 75px 0 0;
}

.footer-main .pre-footer .foot-row1 .figure-out .btn-out .btn {
	width: 100%;
	max-width: 200px;
	padding-left: 15px;
	padding-right: 15px;
}

.footer-main .pre-footer .foot-row2 {
	width: 100%;
	float: left;
	vertical-align: middle;
	font-family: "DMSans-Medium", Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 36px;
}

.footer-main .pre-footer .foot-row2 .logo-out {
	width: 110%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 30px 0;
}

.footer-main .pre-footer .foot-row2 .logo-out .logo {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 50px 0 0;
}

.footer-main .pre-footer .foot-row2 .logo-out .logo img {
	max-height: 50px;
}

.footer-main .pre-footer .foot-row2 .logo-out .logo:nth-child(2) img {
	max-height: 41px;
}

.footer-main .pre-footer .foot-row2 .quote-out {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.footer-main .pre-footer .foot-row2 .quote-out p {
	float: none;
	display: inline-block;
	padding: 0 15px 0 0;
}

.footer-main .pre-footer .foot-row2 .quote-out .btn-out {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px 0 0;
}

.footer-main .pre-footer .foot-row2 .quote-out .btn-out .btn {
	width: 200px;
	height: 52px;
	font-family: "DMSans-Regular", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	line-height: 52px;
	text-transform: none;
	box-shadow: inset #000000 0 0 0 1px;
	padding: 0;
}

.footer-main .pre-footer .foot-row2 .quote-out .btn-out .btn:hover,
.footer-main .pre-footer .foot-row2 .quote-out .btn-out .btn:focus,
.footer-main .pre-footer .foot-row2 .quote-out .btn-out .btn:active,
.footer-main .pre-footer .foot-row2 .quote-out .btn-out .btn:active:focus,
.footer-main .pre-footer .foot-row2 .quote-out .btn-out .btn.active,
.footer-main .pre-footer .foot-row2 .quote-out .btn-out .btn.active:focus {
	color: #ffffff;
	background: #000000;
}

.footer-main .pre-footer .foot-row2 .logo-usa {
	display: inline-table;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../img/icon-usa.png) no-repeat left center;
	background-size: 73px auto;
	padding: 5px 0 5px 94px;
}

.footer-main .pre-footer .foot-row2 .left-out {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: bottom;
	padding: 0;
	margin: -110px -402px 0 -2px;
}

.footer-main .pre-footer .foot-row2 .right-out {
	width: 400px;
	float: none;
	display: inline-block;
	vertical-align: bottom;
	text-align: right;
	margin: 0 -2px 10px -2px;
}

@media (max-width: 1199px) {
.footer-main .pre-footer .foot-row1 .form-block {
	padding: 45px 305px 0 0;
}

.footer-main .pre-footer .foot-row1 .figure-out {
	width: 400px;
	margin: 0 -75px 0 -400px;
}

.footer-main .pre-footer .foot-row1 .figure-out .btn-out {
	bottom: 90px;
}

.footer-main .pre-footer .foot-row1 .figure-out .btn-out .btn {
	max-width: 180px;
}

.footer-main .pre-footer .foot-row2 {
	font-size: 22px;
	line-height: 32px;
}
}

@media (max-width: 991px) {
.footer-main .pre-footer .foot-row1 .form-block {
	padding: 0;
}

.footer-main .pre-footer .foot-row1 .figure-out {
	width: 100%;
	min-height: 300px;
	text-align: right;
	margin: 30px 0 0 0;
}

.footer-main .pre-footer .foot-row1 .figure-out img {
	max-width: 360px;
	margin-left: 40px;
	margin-right: -40px;
}

.footer-main .pre-footer .foot-row1 .figure-out .btn-out {
	bottom: 90px;
	padding: 0;
}

.footer-main .pre-footer .foot-row1 .figure-out .btn-out .btn {
	max-width: 180px;
}

.footer-main .pre-footer .foot-row2 .logo-out .logo {
	margin: 0 30px 0 0;
}

.footer-main .pre-footer .foot-row2 .logo-out .logo img {
	max-height: 45px;
}

.footer-main .pre-footer .foot-row2 .logo-out .logo:nth-child(2) img {
	max-height: 36px;
}

.footer-main .pre-footer .foot-row2 .quote-out p {
	width: 100%;
	padding: 0 0 15px 0;
}

.footer-main .pre-footer .foot-row2 .quote-out .btn-out {
	margin: 0;
}

.footer-main .pre-footer .foot-row2 .quote-out .btn-out .btn {
	width: 180px;
	height: 50px;
	font-size: 22px;
	line-height: 50px;
}

.footer-main .pre-footer .foot-row2 .logo-usa {
	background-size: 60px auto;
	padding: 5px 0 5px 75px;
}

.footer-main .pre-footer .foot-row2 .left-out {
	width: 400px;
	margin: -300px 0 60px 0;
}

.footer-main .pre-footer .foot-row2 .right-out {
	width: 100%;
	margin: 0 0 0 0;
}
}

@media (max-width: 767px) {
.footer-main .pre-footer .foot-row1 .figure-out {
	min-height: inherit;
}

.footer-main .pre-footer .foot-row1 .figure-out img {
	max-width: 360px;
	margin-left: 25px;
	margin-right: -25px;
}

.footer-main .pre-footer .foot-row2 {
	font-size: 20px;
	line-height: 30px;
}

.footer-main .pre-footer .foot-row2 .logo-out .logo {
	margin: 0 20px 0 0;
}

.footer-main .pre-footer .foot-row2 .logo-out .logo img {
	max-height: 45px;
}

.footer-main .pre-footer .foot-row2 .logo-out .logo:nth-child(2) img {
	max-height: 36px;
}

.footer-main .pre-footer .foot-row2 .quote-out p {
	width: 100%;
	padding: 0 0 15px 0;
}

.footer-main .pre-footer .foot-row2 .quote-out .btn-out {
	margin: 0;
}

.footer-main .pre-footer .foot-row2 .quote-out .btn-out .btn {
	width: 180px;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
}

.footer-main .pre-footer .foot-row2 .logo-usa {
	background-size: 60px auto;
	padding: 5px 0 5px 75px;
}

.footer-main .pre-footer .foot-row2 .left-out {
	width: 100%;
	margin: 20px 0 25px 0;
}

.footer-main .pre-footer .foot-row2 .right-out {
	width: 100%;
	text-align: left;
	margin: 0;
}
}


/* Copy - Rights */
.footer-main .copy-rights {
	width: 100%;
	float: left;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	background: #ffffff;
	padding: 25px 0;
}

.footer-main .copy-rights p {
	float: left;
	padding: 0;
}

.footer-main .copy-rights p a {
	color: #000000;
}

.footer-main .copy-rights p a:hover,
.footer-main .copy-rights p a:focus,
.footer-main .copy-rights p a:active {
	color: #3383d4;
}

.footer-main .copy-rights .scroll-top {
	float: right;
	margin: 0;
}

.footer-main .copy-rights .scroll-top a {
	width: 65px;
	height: 65px;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-size: 36px;
	color: #ffffff;
	line-height: 65px;
	text-align: center;
	text-decoration: none;
	background: #2c72b8;
	border-radius: 360px;
}

.footer-main .copy-rights .scroll-top a:hover,
.footer-main .copy-rights .scroll-top a:focus,
.footer-main .copy-rights .scroll-top a:active {
	background: #3383d4;
}

@media (max-width: 767px) {
.footer-main .copy-rights {
	font-size: 18px;
	line-height: 28px;
	padding: 20px 0;
}

.footer-main .copy-rights p {
	padding-right: 60px;
}

.footer-main .copy-rights .scroll-top {
	width: 50px;
	float: right;
	margin: 0 0 0 -50px;
}

.footer-main .copy-rights .scroll-top a {
	width: 50px;
	height: 50px;
	font-size: 26px;
	line-height: 50px;
}
}


/*
 6.) Modal
----------------------------------------*/

.modal-backdrop.show {
	background: #000000;
	opacity: .70;
}

@media (min-width: 576px) {
.modal-dialog {
	max-width: inherit;
}
}

@media (max-width: 899px) {
.modal-dialog {
	margin: 40px;
}
}

@media (max-width: 767px) {
.modal-dialog {
	margin: 20px;
}
}

@media (min-width: 768px) {
.modal-dialog {
	max-width: 90%;
}
}

@media (min-width: 992px) {
.modal-dialog {
	max-width: 1000px;
}
}

.modal-content {
	background: #ffffff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.42);
	border: none;
	border-radius: 9px;
	padding: 40px;
}

.modal-content .close {
	width: 30px;
	height: 30px;
	float: right;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-family: "Comfortaa-Regular", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 28px;
	color: #ffffff;
	line-height: .5em;
	vertical-align: middle;
	text-align: center;
	text-shadow: none;
	background: #000000;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.50) 0 0 10px, inset #ffffff 0 0 0 2px;
	border-radius: 360px;
	text-indent: 0;
	opacity: 1;
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 1;
	padding: 2px 0 0 1px;
}

.modal-content .close:hover {
	opacity: 1!important;
}

@media (max-width: 767px) {
.modal-content {
	padding: 30px 25px 35px 25px;
}
}


/* Colors */
.blue {
	color: #2c72b8!important;
}

.green {
	color: #008837!important;
}


/* Padding/Margin - None */
.padding-top-none {
	padding-top: 0!important;
}

.padding-bottom-none {
	padding-bottom: 0!important;
}

.margin-top-none {
	margin-top: 0!important;
}

.margin-bottom-none {
	margin-bottom: 0!important;
}


