/* --------------------------------------

Table Of  Content



1. Bootstrap

2. Header

3. Home With Slider

4. Page Content

5. Why Skills

6. Product Details

7. Swiper Slider

8. Featured Listing

9. About Us

10. Contact Us

11. Get a Quote

12. News List

13. News Detail Post

14. Footer



---------------------------------------------- */



body {

	font-family: "Open Sans", sans-serif;

	color: #000000;

	font-weight: 400;

	line-height: 1.625rem

}



::-moz-selection {

 background: #A6D46F;

 color:#fff

}

::selection {

	background: #A6D46F;

	color: #fff

}



::-moz-selection {

 background: #A6D46F;

 color:#fff

}

p, dl {

	font-size: 16px;

	font-weight: 500

}

.lead {

	font-size: 1.125rem;

	line-height: 2rem

}

dd {

 margin-bottom:.75rem;

	line-height: 24px

}

a {

	color: #00283b;

	-webkit-transition: color .2s linear;

	-o-transition: color .2s linear;

	transition: color .2s linear;

	outline: 0

}

a:hover, a:focus {

	color: #f9c841;

	text-decoration: none

}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {

	font-family: "Open Sans", sans-serif;

	color: #000000

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

	color: #00283b

}

h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover {

	color: #f9c841

}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small {

	font-weight: 300

}

h1 .text-muted, h2 .text-muted, h3 .text-muted, h4 .text-muted, h5 .text-muted, h6 .text-muted {

	color: #999

}

h1 {

	font-size: 3rem

}

h2 {

	font-size: 2.25rem

}

h3 {

	font-size: 1.75rem

}

h4 {

	font-size: 1.5rem;

	line-height: 2.25rem

}

h5 {

	font-size: 1.25rem

}

h6 {

	font-size: 1rem;

	line-height: 1.5rem

}

h3.border-bottom, h4.border-bottom, h5.border-bottom {

	position: relative;

	font-weight: 700;

	padding-bottom: 1.5rem;

	margin-bottom: 2rem

}

h3.border-bottom::before, h4.border-bottom::before, h5.border-bottom::before {

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 60px;

	height: 3px;

	background-color: #f9c841

}

h3.border-left, h4.border-left, h5.border-left {

	position: relative;

	font-weight: 700;

	padding-left: 1rem;

	margin-bottom: 2rem

}

h3.border-left::before, h4.border-left::before, h5.border-left::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	width: 3px;

	background-color: #f9c841

}

hr {

	margin-top: 3rem;

	margin-bottom: 3rem

}

blockquote {

	font-family: Georgia, Verdana, Raleway, Serif;

	font-style: italic;

	margin-left: 4rem;

	margin-right: 4rem;

	margin-top: 1rem

}

blockquote p {

	font-size: 1.25rem

}

blockquote footer {

	color: #bbb;

 font-size:.875rem

}

blockquote footer::before {

	content: '\2014 \00A0'

}

.blockquote-block {

	position: relative;

	padding: 1.25rem 1.5rem;

	margin-bottom: 1rem;

	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);

	box-shadow: 0 0 10px 0 rgba(0,0,0,0.09)

}

.blockquote-block::after {

	content: '“';

	position: absolute;

	top: 1.75rem;

 left:.75rem;

	font-size: 6rem;

	line-height: 2.5rem;

	font-weight: 700;

	color: #f5f5f5;

	z-index: -1

}

.blockquote-block p {

 font-size:.875rem;

	line-height: 1.75rem

}

.blockquote-block h6 {

	font-weight: 700;

	margin-bottom: 0

}

time {

	font-size: 12px

}

mark {

	color: #f9c841;

	background-color: transparent

}

ul.ul-triangle {

	list-style: none;

	padding-left: 1.5rem

}

ul.ul-triangle li {

	color: #00283b;

 font-size:.9375rem;

 padding:.5rem 0

}

ul.ul-triangle li::before {

	content: "\f0da";

	font-family: FontAwesome;

	display: inline-block;

	width: 1rem

}

ul.ul-bold {

	padding-left: 1rem

}

ul.ul-bold li {

	color: #00283b;

 font-size:.9375rem;

 padding:.25rem 0

}

.left-splitter {

	position: relative

}

.left-splitter::before {

	content: '';

	position: absolute;

	top: 1.5rem;

 left:-.9375rem;

	bottom: 4rem;

	width: 1px;

	background-color: rgba(17,59,118,0.7)

}

.text-secondary {

	color: #f9c841

}



@media (max-width: 991px) {

html {

	font-size: 15px

}

p {

	font-size: 1rem

}

blockquote {

	margin-left: 2rem;

	margin-right: 2rem

}

}



@media (max-width: 767px) {

html {

	font-size: 14px

}

blockquote {

	margin-left: 0;

	margin-right: 0

}

}

/* FORMS */

/* --------------------------------------- */

.form-control {

	font-weight: 600;

	background-color: #f0f0f0;

	color: #afafaf;

	font-size: 14px;

	border-radius: 6px;

	border: 0;

	line-height: 22px;

	padding: 10px

}

 .form-control::-webkit-input-placeholder {

 color:#afafaf

}

 .form-control::-moz-placeholder {

 color:#afafaf

}

 .form-control:-ms-input-placeholder {

 color:#afafaf

}

.form-alt .form-control {

	background-color: #fff;

	color: #072d40

}

 .form-alt .form-control::-webkit-input-placeholder {

 color:#072d40

}

 .form-alt .form-control::-moz-placeholder {

 color:#072d40

}

 .form-alt .form-control:-ms-input-placeholder {

 color:#072d40

}

.btn-quote {

	color: #072d40;

	font-size: 15px;

	font-weight: 700;

	letter-spacing: 0;

	line-height: 24px;

	padding: 8px 20px;

	border: 0;

	display: block;

	margin: 0 auto;

	text-transform: uppercase;

	text-align: center;

	border-radius: 6px;

	background-color: #f9c841;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.btn-quote:hover, .btn-quote:focus, .btn-quote:active, .btn-quote:active:focus {

	color: #072d40;

	background-color: #fff;

	border-color: transparent;

	-webkit-box-shadow: none;

	box-shadow: none;

	outline: none!important

}

textarea.form-control {

	height: 90px;

	line-height: 26px;

	padding: 10px

}

.form-bg {

	background-color: rgba(1,39,58,0.9);

	padding: 2rem

}

.form-bg .form-group:last-child {

	margin-bottom: 0

}

.input-lg {

	height: 4.25rem;

	line-height: 4.25rem;

	padding: 0 1.75rem

}

.input-sm {

	height: 2.75rem;

	line-height: 2.75rem;

	padding: 0 1.25rem

}

button {

	outline: none!important

}

.form-float {

	position: absolute;

	top: 50%;

	left: 10%;

	-webkit-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	transform: translateY(-50%);

	width: 60%;

	max-width: 660px;

	z-index: 1

}

.form-inline-quote {

	padding: 0 -10px

}

.form-inline-quote .form-group {

	width: 20%;

	padding: 0 10px

}

.form-comment .form-control {

	background-color: #f5f5f5;

 font-size:.875rem

}

 .form-comment .form-control::-webkit-input-placeholder {

 color:#c9c9c9;

 font-size:.875rem

}

 .form-comment .form-control::-moz-placeholder {

 color:#c9c9c9

}

 .form-comment .form-control:-ms-input-placeholder {

 color:#c9c9c9

}



@media (max-width: 991px) {

.form-float {

	position: static;

	width: 100%;

	max-width: 100%;

	-webkit-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0)

}

}



img {

	max-width: 100%

}

.img-thumbnail {

 padding:.375rem;

	border-color: #f5f5f5;

	border-radius: 3px

}

.img-shadow {

	-webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.1);

	box-shadow: 0 0 35px 0 rgba(0,0,0,0.1)

}

.img-outside-right {

	overflow: hidden;

	position: absolute;

	height: 112%

}

.img-outside-right img {

	width: 100%;

	height: inherit;

	-webkit-transform: translateX(0%);

	-o-transform: translateX(0%);

	transform: translateX(0%);

	-webkit-transform: translateY(10%);

	-o-transform: translateY(10%);

	transform: translateY(10%)

}

.img-plus {

	position: relative;

	display: inline-block

}

.img-plus::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0,40,59,0.87);

	opacity: 0;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.img-plus::after {

	content: '+';

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	font-size: 3rem;

	color: #fff;

	opacity: 0;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.img-plus:hover::before, .img-plus:hover::after {

	opacity: 1

}

canvas {

	margin-bottom: 2rem

}

/* gallery media body */

/* --------------------------------------- */

.media {

	margin-bottom: 2rem

}

.media-left {

	margin-right: 1rem

}

.media-heading {

	font-size: 1.125rem;

	margin-bottom: 1rem

}

h6.media-heading {

	font-size: 1rem;

 margin-bottom:.5rem

}

.media-body p {

	font-weight: 300;

 font-size:.875rem;

	line-height: 1.375rem

}



@media (max-width: 767px) {

.media-advisor {

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column

}

.img-outside-right {

	overflow: hidden;

	position: relative;

	/* margin-right: -4% */

}

}



.media-iconic .media-left {

	color: #00283b;

	font-size: 1.25rem

}

.gallery-insta {

	list-style: none;

	padding: 0;

	margin: 0;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-flex-flow: row wrap;

	-ms-flex-flow: row wrap;

	flex-flow: row wrap

}

.gallery-insta li {

	-webkit-flex-basis: 31%;

	-ms-flex-preferred-size: 31%;

	flex-basis: 31%;

	margin-bottom: 2.333333%

}

.gallery-insta a {

	display: block;

	-webkit-transition: opacity .3s ease-in-out;

	-o-transition: opacity .3s ease-in-out;

	transition: opacity .3s ease-in-out

}

.gallery-insta a:hover {

	opacity: .7

}

.gallery-insta img {

	max-width: 100%

}

.video-preview {

	position: relative;

	margin-bottom: 1rem

}

.video-preview::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: translate;

	opacity: .81

}

.video-preview a {

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	display: inline-block;

	width: 80px;

	height: 80px;

	color: #f9ca40;

	line-height: 76px;

	background-color: #fff;

	border-radius: 100%;

	border: 3px solid #f9ca40;

	text-align: center;

	-webkit-box-shadow: 0 0 15px 0 rgba(255,255,255,0.5);

	box-shadow: 0 0 15px 0 rgba(255,255,255,0.5);

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.video-preview a.square {

	border-radius: 0;

	width: 4rem;

	height: 4rem;

	line-height: 4rem

}

.video-preview a::before {

	content: "\f04b";

	font-family: FontAwesome;

	font-size: 1.25rem

}

.video-preview a:hover {

	background-color: #00283b;

	color: #f9ca40

}

.video-preview img {

	width: 100%

}



@media (max-width: 767px) {

.video-preview a {

	width: 3.5rem;

	height: 3.5rem;

	line-height: 3.5rem

}

.video-preview a::before {

	font-size: 1rem

}

}



section {

	position: relative;

	padding: 2rem 0;

	z-index: 0;

	-webkit-background-size: cover;

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background-color: #fff

}

div.bg-alt {

	background-color: #fff;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background-size: cover;

	padding: 5rem 0;

	position: relative;

	z-index: 0

}

/* section block background */

/* --------------------------------------- */

section.bg-alt {

	background-color: #fff

}

section.bg-secondary {

	background-color: #f9f9f9

}

section.bg-primary {

	background-color: #00283b!important

}

section.bg-primary h6 {

	color: #fff

}

section.bg-img {

	border-bottom: none;

	color: #fff;

	font-weight: 400

}

section.bg-img::before {

	position: absolute;

	content: "";

	top: -1px;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: -1;

	background-color: rgba(0,40,59,0.55)

}

section.about-bg-img::before {

	position: absolute;

	content: "";

	top: -1px;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: -1;

	background-color: rgba(0,40,59,0.90)

}

div.error-page-alt {

	position: relative;

	padding: 7rem 0;

	z-index: 0;

	-webkit-background-size: cover;

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	background-color: #fff

}

section.bg-img h1, section.bg-img h2, section.bg-img h3 {

	color: #fff

}

section.bg-img-light {

	border-bottom: none;

	font-weight: 400

}

section.bg-img-light::before {

	position: absolute;

	content: "";

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: -1;

	background-color: rgba(255,255,255,0.9)

}

section .bg-fixed {

	background-attachment: fixed

}

section.bg-repeat {

	background-repeat: repeat;

	-webkit-background-size: auto auto;

	background-size: auto

}

.section-header {

	margin: 5px 0 25px

}

.purchase-lt {

	margin: 25px 0

}

.slt-head-title {

	text-align: center;

	margin-bottom: 60px

}

.slt-head-title h2 {

	color: #072d40!important

}

.are-awesome-head-title {

	text-align: left;

	margin-bottom: 10px

}

.are-awesome-head-title h2 {

	color: #072d40!important

}

.section-header h1, .section-header h2, .section-header h3 {

	font-size: 1.875rem;

	font-weight: 700;

	color: #fff;

 margin:.5rem 0 0

}

.section-header h1 {

	font-size: 2.25rem

}

.section-header h3 {

	font-size: 1.325rem

}

.section-header h4, .section-header h5, .section-header h6 {

	font-weight: 700

}

.section-header h2.display-4 {

	font-size: 2.375rem

}

.section-header small {

	display: block;

	font-weight: 600

}

.section-header.border-left {

	position: relative;

	padding-left: 2rem;

	margin-bottom: 5rem

}

.section-header.border-left::before {

	content: '';

	position: absolute;

	top: 5px;

	bottom: 5px;

	left: 0;

	width: 4px;

	background-color: #f9c841

}

.section-header.border-bottom {

	position: relative;

	padding-bottom: 2rem

}

.section-header.border-bottom::before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 50px;

	height: 4px;

	background-color: #f9c841

}

.section-header.header-bold {

	position: relative;

	padding-bottom: 1rem;

	text-align: right;

	margin-right: 3rem

}

.section-header.header-bold::before {

	content: '';

	position: absolute;

	bottom: 0;

	right: 0;

	width: 50px;

	height: 4px;

	background-color: #f9c841

}

.section-header.header-bold h2 {

	font-size: 2.375rem;

	text-transform: uppercase;

	margin-top: 0;

	margin-bottom: 2rem

}

.section-header.header-bold small {

 font-size:.875rem

}

header.section-header h3 {

	font-size: 28px;

	text-transform: uppercase;

	font-weight: 700;

	letter-spacing: 1px

}

a.btn-purchase-now {

	background-color: #f9ca40;

	color: #00283b;

	border-radius: 0;

	border: 2px solid #f9ca40;

	font-size: 14px;

	font-weight: 700;

	height: auto;

	letter-spacing: .5px;

	padding: 12px 25px;

	margin: 0 7px;

	text-transform: uppercase;

	transition: all .2s linear 0;

	box-shadow: 0 3px 1px rgba(1,39,58,0.6)

}

a.btn-purchase-now:hover {

	background-color: #00283b;

	border: 2px solid #f9ca40;

	color: #f9ca40

}

.bg-dark, .bg-dark-light, .bg-dark-lighter, .bg-dark-lightest, .bg-blue, .bg-red, .bg-orange, .bg-green, .bg-purple {

	color: #c2c2c2

}

.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6, .bg-dark-light h1, .bg-dark-light h2, .bg-dark-light h3, .bg-dark-light h4, .bg-dark-light h5, .bg-dark-light h6, .bg-dark-lighter h1, .bg-dark-lighter h2, .bg-dark-lighter h3, .bg-dark-lighter h4, .bg-dark-lighter h5, .bg-dark-lighter h6, .bg-dark-lightest h1, .bg-dark-lightest h2, .bg-dark-lightest h3, .bg-dark-lightest h4, .bg-dark-lightest h5, .bg-dark-lightest h6, .bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6, .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6, .bg-orange h1, .bg-orange h2, .bg-orange h3, .bg-orange h4, .bg-orange h5, .bg-orange h6, .bg-green h1, .bg-green h2, .bg-green h3, .bg-green h4, .bg-green h5, .bg-green h6, .bg-purple h1, .bg-purple h2, .bg-purple h3, .bg-purple h4, .bg-purple h5, .bg-purple h6 {

	color: #c2c2c2

}

.bg-dark hr {

	border-top-color: #2b353d

}

.bg-dark-light hr {

	border-top-color: #4a4b55

}

.bg-dark-lighter hr {

	border-top-color: #5e6068

}

.bg-dark-lightest hr {

	border-top-color: #828284

}

.bg-gray hr {

	border-top-color: #fff

}

.bg-gray-light hr {

	border-top-color: #fff

}

.bg-gray-lighter hr {

	border-top-color: #fff

}

.bg-blue hr {

	border-top-color: #b3d7ed

}

.bg-red hr {

	border-top-color: #fd9e9e

}

.bg-orange hr {

	border-top-color: #fea693

}

.bg-green hr {

	border-top-color: #88e1b4

}

.bg-purple hr {

	border-top-color: #bfbaf5

}

.overlay-black::before, .overlay-white::before {

	position: absolute;

	content: "";

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: -1

}

.overlay-black::before {

	background-color: rgba(0,0,0,0.6)

}

.overlay-black.overlay-intense::before {

	background-color: rgba(0,0,0,0.85)

}

.overlay-black.overlay-pale::before {

	background-color: rgba(0,0,0,0.4)

}

.overlay-white::before {

	background-color: rgba(255,255,255,0.6)

}

.overlay-white.overlay-intense::before {

	background-color: rgba(255,255,255,0.85)

}

.overlay-white.overlay-pale::before {

	background-color: rgba(255,255,255,0.4)

}

.overlay-black, .overlay-black p, .overlay-black h1, .overlay-black h2, .overlay-black h3, .overlay-black h4, .overlay-black h5, .overlay-black h6 {

	color: #c2c2c2

}

.overlay-black hr {

	border-top-color: #46474d

}

.tcl-expert-lt {

	background: #f7f7f7;

	border-radius: 6px;

	box-shadow: 0 2px 1px rgba(0,0,0,0.15);

	padding: 15px

}

.tcl-expert-lt:hover {

	background: #01273a;

	cursor: pointer

}

.tcl-expert-lt:hover h4 a {

	color: #f9ca40

}

.tcl-expert-lt .media-left {

	float: left;

	padding-right: 0

}

.tcl-expert-lt h4.media-heading {

	color: #01273a;

	font-size: 18px;

	font-weight: 600;

	line-height: 22px;

	margin-bottom: 8px

}

.tcl-expert-lt .media-body p {

	font-size: 13px;

	font-weight: 400;

	line-height: 1.375rem;

	text-align: left;

	margin-bottom: 0

}

.tcl-expert-lt .media-left img {

	width: 90px;

	height: auto;

	border-radius: 6px

}

.tcl-expert-lt .media-body {

	padding-left: 107px

}

section.border-bottom {

	border-bottom: 1px solid #e8e8e8

}

section.no-border-bottom {

	border-bottom: none

}

section.section-xs {

	padding-top: 2rem;

	padding-bottom: 2rem

}

div.section-sm {

	padding-top: 4rem;

	padding-bottom: 4rem

}

section.section-lg {

	padding-top: 14rem;

	padding-bottom: 14rem

}

section.no-overlay::before {

	display: none

}



@media (max-width: tabletpx) {

section {

	padding-left: 15px;

	padding-right: 15px

}

.section-header p {

	font-size: 16px

}

}



@media (max-width: phonepx) {

section {

	padding: 72px 15px

}

section>.container {

	padding-left: 0;

	padding-right: 0;

}



.section-sm {

	padding-top: 32px;

	padding-bottom: 32px

}

.section-lg {

	padding-top: 128px;

	padding-bottom: 128px

}

}



@media (max-width: 767px) {

.swiper-button-next {

	right: 10px

}
.container {
	
    margin-left: 5px !important;

}
.container-fluid {
	
    margin-left: 5px !important;

}

.swiper-button-prev {

	left: 10px

}

.faq {

	width: 100%

}

.user-lt-above {

	display: none

}

.flt-left {

	float: left;

	width: 100%;

	text-align: justify

}

.flt-right {

	float: right;

	width: 100%;

	border: 2px solid #ebebeb;

	margin-top: 20px

}

.flt-right img {

	width: 100%

}

.site-header .extended-padding .container {

	padding-left: 4rem;

	padding-right: 4rem

}

}

/* Portfolio shuffle filter */

/* ----------------------------------- */

.shuffle-sizer {

	width: 8.333333%

}

.shuffle-filter {

	margin-bottom: 3rem

}

.shuffle-filter a {

	color: #acacac;

 font-size:.875rem;

	font-weight: 600;

	letter-spacing: 1px;

	margin: 0 15px

}

.shuffle-filter a.active, .shuffle-filter a:hover {

	background: #f9ca40;

	color: #00283b;

	padding: 7px 10px;

	border-radius: 4px;

	margin: 0 5px

}

.shuffle-filter a::before {

	content: '/';

    padding:0 .5rem;

	color: #acacac;

	position: absolute;

	margin: 0 -30px

}

.shuffle-filter a:first-child::before {

	display: none

}

/* Portfolio shuffle grid */

/* ----------------------------------- */

#shuffle-grid .col-xs-1 {

	width: 8.3333333333%

}

#shuffle-grid .col-xs-2 {

	width: 16.6666666667%

}

#shuffle-grid .col-xs-3 {

	width: 25%

}

#shuffle-grid .col-xs-4 {

	width: 33.3333333333%

}

#shuffle-grid .col-xs-5 {

	width: 41.6666666667%

}

#shuffle-grid .col-xs-6 {

	width: 50%

}

#shuffle-grid .col-xs-7 {

	width: 58.3333333333%

}

#shuffle-grid .col-xs-8 {

	width: 66.6666666667%

}

#shuffle-grid .col-xs-9 {

	width: 75%

}

#shuffle-grid .col-xs-10 {

	width: 83.3333333333%

}

#shuffle-grid .col-xs-11 {

	width: 91.6666666667%

}

#shuffle-grid .col-xs-12 {

	width: 100%

}



@media (min-width: 544px) {

#shuffle-grid .col-sm-1 {

	width: 8.3333333333%

}

#shuffle-grid .col-sm-2 {

	width: 16.6666666667%

}

#shuffle-grid .col-sm-3 {

	width: 25%

}

#shuffle-grid .col-sm-4 {

	width: 33.3333333333%

}

#shuffle-grid .col-sm-5 {

	width: 41.6666666667%

}

#shuffle-grid .col-sm-6 {

	width: 50%

}

#shuffle-grid .col-sm-7 {

	width: 58.3333333333%

}

#shuffle-grid .col-sm-8 {

	width: 66.6666666667%

}

#shuffle-grid .col-sm-9 {

	width: 75%

}

#shuffle-grid .col-sm-10 {

	width: 83.3333333333%

}

#shuffle-grid .col-sm-11 {

	width: 91.6666666667%

}

#shuffle-grid .col-sm-12 {

	width: 100%

}

}



@media (min-width: 768px) {

#shuffle-grid .col-md-1 {

	width: 8.3333333333%

}

#shuffle-grid .col-md-2 {

	width: 16.6666666667%

}

#shuffle-grid .col-md-3 {

	width: 25%

}

#shuffle-grid .col-md-4 {

	width: 33.3333333333%

}

#shuffle-grid .col-md-5 {

	width: 41.6666666667%

}

#shuffle-grid .col-md-6 {

	width: 50%

}

#shuffle-grid .col-md-7 {

	width: 58.3333333333%

}

#shuffle-grid .col-md-8 {

	width: 66.6666666667%

}

#shuffle-grid .col-md-9 {

	width: 75%

}

#shuffle-grid .col-md-10 {

	width: 83.3333333333%

}

#shuffle-grid .col-md-11 {

	width: 91.6666666667%

}

#shuffle-grid .col-md-12 {

	width: 100%

}

}



@media (min-width: 992px) {

#shuffle-grid .col-lg-1 {

	width: 8.3333333333%

}

#shuffle-grid .col-lg-2 {

	width: 16.6666666667%

}

#shuffle-grid .col-lg-3 {

	width: 25%

}

#shuffle-grid .col-lg-4 {

	width: 33.3333333333%

}

#shuffle-grid .col-lg-5 {

	width: 41.6666666667%

}

#shuffle-grid .col-lg-6 {

	width: 50%

}

#shuffle-grid .col-lg-7 {

	width: 58.3333333333%

}

#shuffle-grid .col-lg-8 {

	width: 66.6666666667%

}

#shuffle-grid .col-lg-9 {

	width: 75%

}

#shuffle-grid .col-lg-10 {

	width: 83.3333333333%

}

#shuffle-grid .col-lg-11 {

	width: 91.6666666667%

}

#shuffle-grid .col-lg-12 {

	width: 100%

}

}



@media (min-width: 1200px) {

#shuffle-grid .col-xl-1 {

	width: 8.3333333333%

}

#shuffle-grid .col-xl-2 {

	width: 16.6666666667%

}

#shuffle-grid .col-xl-3 {

	width: 25%

}

#shuffle-grid .col-xl-4 {

	width: 33.3333333333%

}

#shuffle-grid .col-xl-5 {

	width: 41.6666666667%

}

#shuffle-grid .col-xl-6 {

	width: 50%

}

#shuffle-grid .col-xl-7 {

	width: 58.3333333333%

}

#shuffle-grid .col-xl-8 {

	width: 66.6666666667%

}

#shuffle-grid .col-xl-9 {

	width: 75%

}

#shuffle-grid .col-xl-10 {

	width: 83.3333333333%

}

#shuffle-grid .col-xl-11 {

	width: 91.6666666667%

}

#shuffle-grid .col-xl-12 {

	width: 100%

}

}

/* Block background */

/* ----------------------------------- */

.bg-white {

	background-color: #fff!important

}

.bg-dark {

	background-color: #161b1f!important

}

.bg-dark-light {

	background-color: #32333a!important

}

.bg-dark-lighter {

	background-color: #46474d!important

}

.bg-dark-lightest {

	background-color: #69696a!important

}

.bg-gray {

	background-color: #f0f0f0!important

}

.bg-gray-light {

	background-color: #f8f9fb!important

}

.bg-gray-lighter {

	background-color: #fafafa!important

}

.bg-gray-lightest {

	background-color: #fdfdfd!important

}

.bg-blue {

	background-color: #89c1e4!important

}

.bg-red {

	background-color: #fc6c6c!important

}

.bg-orange {

	background-color: #fe7c60!important

}

.bg-green {

	background-color: #5fd79a!important

}

.bg-purple {

	background-color: #968eee!important

}

/* Text color */

/* ----------------------------------- */

.txt-white {

	color: #fff!important

}

.txt-dark {

	color: #161b1f!important

}

.txt-gray {

	color: #818a91!important

}

.txt-blue {

	color: #89c1e4!important

}

.txt-red {

	color: #fc6c6c!important

}

.txt-orange {

	color: #fe7c60!important

}

.txt-green {

	color: #5fd79a!important

}

.txt-purple {

	color: #968eee!important

}

.txt-primary {

	color: #00283b!important

}

.v-center {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center

}

.h-center {

	margin: 0 auto

}

.vh-center {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center

}

.row [class^="col-"] {

	min-width: 0

}

/* Site header tag */

/* ----------------------------------- */

.site-header h1, .site-header h2, .site-header h3, .site-header h4, .site-header h5, .site-header h6 {

	font-weight: 700;

	margin-bottom: 1rem;

	text-transform: uppercase;

	text-align: center

}

.swiper-slide h5 {

	font-size: 28px;

	font-weight: 600;

	letter-spacing: 0;

	color: #fff

}

.swiper-slide p {

	font-size: 90px;

	color: #fff

}

.site-header p {

	color: #fff;

	text-transform: uppercase;

	font-size: 60px;

	text-align: center;

	font-weight: 800;

	letter-spacing: 1px;

	padding-bottom: 20px

}

.site-header .lead {

	margin-bottom: 1.5rem

}

.site-header .btn-more {

	background-color: #00283b;

	border-radius: 30px;

	color: #f9ca40;

	font-size: 16px;

	font-weight: 600;

	height: auto;

	letter-spacing: 2px;

	padding: 15px 33px;

	margin: 0 7px;

	transition: all .2s linear 0;

	box-shadow: 0 3px 1px rgba(1,39,58,0.6)

}

/* Site header purchase block */

/* ----------------------------------- */

.site-header .btn-more:hover {

	color: #00283b;

	background: #f9ca40

}

.site-header .btn-purchase {

	background-color: #f9ca40;

	border-radius: 30px;

	color: #00283b;

	font-size: 16px;

	font-weight: 600;

	height: auto;

	letter-spacing: 2px;

	padding: 15px 33px;

	margin: 0 7px;

	transition: all .2s linear 0;

	box-shadow: 0 3px 1px rgba(249,202,64,0.6)

}

.site-header .btn-purchase:hover {

	background-color: #00283b;

	color: #f9ca40

}

/* Footer block */

/* ----------------------------------- */

.site-footer {

	color: #fff;

	-webkit-background-size: cover;

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat

}

.site-footer a {

	color: #fff;

	font-size: 15px;

	font-weight: 500;

	line-height: 22px

}

.site-footer a:hover {

	color: #f9c841

}

.site-footer p .fa {

 padding:0 .125rem

}

.site-footer ul {

	list-style: none;

	padding-left: 0;

	margin-bottom: 0

}

.site-footer ul li {

    padding:.09rem 0

}

.site-footer.footer-map {

	background-image: url(../img/bg-map.png);

	background-color: #000;

	-webkit-background-size: contain;

	background-size: contain;

	background-position: 50% -40px

}

.footer-top {

	background-color: rgba(0,40,59,0.98);

	padding: 5rem 0

}

.footer-top h5 {

	line-height: 24px;

	color: #fff;

	margin-bottom: 40px;

	font-weight: 600

}

.site-footer .footer-top hr {

	background: #f9cf52;

	border: 0 none;

	bottom: 0;

	height: 2px;

	left: 0;

	margin: 10px 0;

	position: relative;

	right: 0;

	text-align: left;

	top: -25px;

	width: 20%

}

.footer-top .social-icons {

	margin-top: -5px

}

.footer-bottom {

	position: relative;

	background-color: #003149;

	padding: 2rem 0;

    font-size:.875rem

}

.footer-bottom p {

	margin-bottom: 0;

	line-height: 37px;

	font-weight: 600

}

#scroll-up {

	position: absolute;

	top: 30px;

	right: 50px;

	display: inline-block;

	width: 38px;

	height: 38px;

	line-height: 36px;

	background-color: #f9c841;

	color: #00283b;

	text-align: center;

	border-radius: 100%;

	font-size: 1.25rem;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

#scroll-up:hover {

	color: #00283b;

	background-color: #fff

}

#scroll-up i {

	font-size: 18px

}

/* single team advisor */

/* ----------------------------------- */

.advisor-user-profile {

	background: rgba(1,39,58,0.8);

	bottom: 5px;

	left: 5px;

	right: 5px;

	height: 70px;

	position: absolute;

	z-index: 999;

	padding-top: 11px

}

.advisor-user-profile h3 {

	text-align: center;

	color: #f9ca40;

	font-size: 18px;

	font-weight: 600

}

.advisor-user-profile h5 {

	text-align: center;

	color: #fff;

	font-size: 14px;

	font-weight: 600

}

.advisor-user-block {

	margin-bottom: 20px;

	position: relative

}

.advisor-user-block img {

	width: 100%;

	height: auto;

	border: 5px solid #e4e4e4

}

.advisor-detail .social-icons {

	margin-top: 15px

}

.advisor-detail .social-icons li a {

	background: #01273a;

	color: #f9ca40

}

.advisor-detail .social-icons li a:hover {

	background: #f9ca40;

	color: #01273a

}

.advisor-detail {

	width: 100%;

	display: block;

	margin-bottom: 30px;

	border-bottom: 1px solid #ededed;

	padding-bottom: 30px

}

.advisor-detail ul {

	list-style: none;

	padding-left: 7px;

	margin-bottom: 0

}

.advisor-detail li {

	font-size: 14px;

	color: #a7a7a7;

	line-height: 36px

}

.advisor-detail strong {

	display: inline-block;

	color: #00283b;

	font-size: 16px;

	font-weight: 700;

    padding-right:.5rem

}

.brands {

	background-color: #fff;

	padding: 1rem;

	text-align: center;

	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.09);

	box-shadow: 0 0 5px 0 rgba(0,0,0,0.09)

}

.brands img {

	display: block;

	max-width: 100%

}

.row-brands {

	padding-left: -8px;

	padding-right: -8px

}

.row-brands>div {

	padding-left: 8px;

	padding-right: 8px;

	margin-bottom: 16px

}

.row-brands img {

	width: 100%

}

.breadcrumb {

	background-color: transparent;

	padding: 0;

    margin-bottom:.5rem;

    font-size:.875rem

}

.breadcrumb.color-alt a, .breadcrumb.color-alt>.active, .breadcrumb.color-alt>li+li::before {

	color: #fff

}

.breadcrumb.color-alt a:hover {

	color: #f9c841

}

/* BUTTONS */

/* --------------------------------------- */

.navbar-right a.btn {

	color: #02344d;

	font-size: 16px;

	font-weight: 700;

	letter-spacing: .5px;

	height: 42px;

	line-height: 38px;

	padding: 0 1.5rem;

	border: 2px solid #00283b;

	border-radius: 3px;

	background-color: #f9ca40;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear;

	text-transform: uppercase

}

.navbar-right a.btn:hover {

	background: #02344d;

	color: #f9ca40;

	border: 2px solid #f9ca40!important

}

.user-lt-above {

	height: auto;

	overflow: hidden;

	position: absolute;

	bottom: 0

}

.user-lt-above img {

	vertical-align: bottom;

	transform: translateX(-10%)

}

.btn {

	color: #fff;

    font-size:.875rem;

	font-weight: 400;

	letter-spacing: 1px;

	height: 2.25rem;

	line-height: 2.125rem;

	padding: 0 1.5rem;

	border: 2px solid #00283b;

	border-radius: 3px;

	background-color: #00283b;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.btn:hover, .btn:focus, .btn:active, .btn:active:focus {

	color: #fff;

	background-color: #f9c841;

	border-color: transparent;

	-webkit-box-shadow: none;

	box-shadow: none;

	outline: none!important

}

.btn-download {

	color: #fff;

	font-size: 16px;

	font-weight: 700;

	letter-spacing: 0;

	height: 48px;

	line-height: 48px;

	text-align: center;

	padding: 0 10px;

	border: 0 solid #00283b;

	border-radius: 6px;

	margin-bottom: 10px;

	background-color: #00283b;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.btn-download:hover, .btn-download:focus, .btn-download:active, .btn-download:active:focus {

	color: #fff;

	background-color: #f9c841;

	border-color: transparent;

	-webkit-box-shadow: none;

	box-shadow: none;

	outline: none!important

}

.btn-download:last-child {

	margin-bottom: 0

}

.btn-download i {

	margin-right: 7px

}

.btn .fa, .btn [class^="ti-"] {

    margin:0 .125rem;

	font-size: 1rem

}

.btn-primary {

	background-color: #00283b;

	border-color: #00283b!important

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus {

	background-color: #f9c841;

	border-color: #f9c841!important

}

.btn-secondary {

	background-color: #f9c841;

	border-color: #f9c841!important

}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:active:focus {

	background-color: #00283b;

	border-color: #00283b!important

}

.btn-primary-only {

	background-color: #00283b;

	border-color: #00283b!important

}

.btn-primary-only:hover, .btn-primary-only:focus, .btn-primary-only:active, .btn-primary-only:active:focus {

	background-color: #001a27;

	border-color: #001a27!important

}

.btn-secondary-only {

	background-color: #f9c841;

	border-color: #f9c841!important

}

.btn-secondary-only:hover, .btn-secondary-only:focus, .btn-secondary-only:active, .btn-secondary-only:active:focus {

	background-color: #f8c22d;

	border-color: #f8c22d!important

}

.btn-primary-outline {

	background-color: transparent;

	border: 2px solid #00283b;

	color: #00283b

}

.btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline:active, .btn-primary-outline:active:focus {

	background-color: #00283b;

	color: #fff

}

.btn-secondary-outline {

	background-color: transparent;

	border: 2px solid #f9c841;

	color: #f9c841

}

.btn-secondary-outline:hover, .btn-secondary-outline:focus, .btn-secondary-outline:active, .btn-secondary-outline:active:focus {

	background-color: #f9c841;

	color: #fff

}

.btn-white-outline {

	background-color: transparent;

	border: 2px solid #fff;

	color: #fff

}

.btn-white-outline:hover, .btn-white-outline:focus, .btn-white-outline:active, .btn-white-outline:active:focus {

	background-color: #fff;

	color: #00283b

}

.btn-primary-link {

	background-color: transparent;

	padding: 0;

	border: none;

	color: #00283b;

	font-weight: 600;

	line-height: 1rem

}

.btn-primary-link:hover, .btn-primary-link:focus, .btn-primary-link:active, .btn-primary-link:active:focus {

	background-color: transparent;

	color: #f9c841;

	text-decoration: none

}

.btn-secondary-link {

	background-color: transparent;

	padding: 0;

	border: none;

	color: #f9c841;

	font-weight: 600;

	line-height: 1rem

}

.btn-secondary-link:hover, .btn-secondary-link:focus, .btn-secondary-link:active, .btn-secondary-link:active:focus {

	background-color: transparent;

	color: #00283b;

	text-decoration: none

}

.btn-lg {

	height: 3.5rem;

	line-height: 3.325rem

}

.btn-sm {

	height: 1.75rem;

	line-height: 1.5rem

}

#awesome-section {

	border-top: 1px solid rgba(108,108,108,0.15);

	border-bottom: 1px solid rgba(108,108,108,0.15)

}

.btn-learn-more {

	background-color: #00283b;

	border-color: #00283b!important;

	color: #f9c841;

	font-size: 16px;

	font-weight: 700;

	height: 50px;

	letter-spacing: 0;

	line-height: 46px;

	text-transform: uppercase

}

.btn-learn-more:hover {

	background-color: #f9c841;

	border-color: #f9c841!important;

	color: #00283b

}

.vcl-awesome-text {

	font-size: 14px;

	font-weight: 600;

	color: #000000;

}

/* Our Speciality */

/* --------------------------------------- */

.svt-spec-block {

	background: #fbfbfb;

	border: 4px solid #f3f3f3;

	padding: 20px 15px;

	margin-bottom: 20px

}

.svt-spec-block:hover .svt-spec-block-one i {

	transform: scale(1.8)

}

.svt-spec-block:hover .svt-spec-block-two i {

	transform: scale(1.2)

}

.svt-spec-block:hover .svt-spec-block-three i {

	transform: scale(1.6)

}

.svt-spec-block:hover .svt-spec-block-four i {

	transform: scale(1.4)

}

.svt-spec-block-icon {

	border-radius: 50%;

	padding: 5px;

	display: block;

	text-align: center;

	transition: all .3s ease-in-out 0;

	border: 2px solid #f9cf52;

	width: 104px;

	height: 104px;

	margin: 0 auto 15px

}

.svt-spec-block-icon i {

	background: #072d40;

	width: 90px;

	height: 90px;

	text-align: center;

	display: block;

	border-radius: 50%;

	margin: 0 auto;

	font-size: 40px;

	color: #fff;

	line-height: 92px

}

.svt-spec-block h3 {

	text-align: center;

	font-size: 18px;

	color: #1a3c4d;

	text-transform: uppercase;

	font-weight: 600;

	margin-bottom: 15px

}

.svt-spec-block p {

	text-align: center;

	font-size: 13px;

	color: #888;

	font-weight: 600

}

.svt-spec-block-btn {

	margin: 0 auto;

	width: 100%;

	text-align: center

}

.svt-spec-block-btn a {

	background: #f9cf52;

	color: #01273a;

	padding: 5px 20px;

	text-align: center;

	display: inline-block;

	font-size: 14px;

	border-radius: 6px;

	font-weight: 600;

	cursor: pointer;

	text-transform: uppercase

}

.svt-spec-block-btn a:hover {

	background: #01273a;

	color: #f9cf52

}

.svt-spec-block hr {

	background: #f9ca40;

	border: 0;

	width: 30%;

	margin: 10px auto;

	text-align: center;

	height: 2px

}

.svt-spec-block-one {

	text-align: center

}

.svt-spec-block-one i {

	font-size: 120px;

	color: #072d40;

	position: absolute;

	opacity: .05;

	z-index: 0;

	right: 0;

	top: 30%;

	left: 0

}

.svt-spec-block-two {

	text-align: center

}

.svt-spec-block-two i {

	font-size: 120px;

	color: #072d40;

	position: absolute;

	opacity: .05;

	z-index: 0;

	right: 0;

	top: 30%;

	left: 0

}

.svt-spec-block-three {

	text-align: center

}

.svt-spec-block-three i {

	font-size: 100px;

	color: #072d40;

	position: absolute;

	opacity: .05;

	z-index: 0;

	right: 0;

	top: 33%;

	left: 0

}

.svt-spec-block-four {

	text-align: center

}

.svt-spec-block-four i {

	font-size: 120px;

	color: #072d40;

	position: absolute;

	opacity: .05;

	z-index: 0;

	right: 0;

	top: 30%;

	left: 0

}

.card {

	border: 0;

	border-radius: 0;

	margin-bottom: 30px

}

.card img {

	max-width: 100%;

	width: 100%;

	border-radius: 0!important

}

.card .card-title {

	font-size: 1rem;

	line-height: 1.5rem

}

.card div {

	display: inline-block;

	color: #f9ca40;

	font-weight: 700;

	line-height: 18px;

	padding-bottom: 6px;

	display: inline-block;

	color: #f9ca40;

	font-weight: 700;

	line-height: 18px;

	padding-bottom: 6px

}

.dlt-title-item {

	margin-bottom: 25px

}

.dlt-title-item h2 {

	font-size: 22px;

	line-height: 30px;

	font-weight: 700;

	margin-bottom: 5px

}

.dlt-title-item div {

	display: inline-block;

	color: #f9ca40;

	font-weight: 700;

	font-size: 12px;

	line-height: 18px;

	padding-bottom: 6px

}

.dlt-title-item div span {

	color: #8e8e8e

}

.dlt-spons-item {

	display: inline-block;

	width: 100%;

	margin-bottom: 30px

}

.dlt-spons-item a:first-child {

	margin-left: 0

}

.dlt-spons-item a {

	background: #dadada;

	display: inline-block;

	padding: 5px 15px;

	margin: 0 5px;

	font-size: 14px;

	color: #fff

}

.dlt-spons-item a:hover {

	background: #01273a

}

.dlt-com-lt-block {

	background: #f9f8f8;

	padding: 30px;

	width: 100%;

	float: left;

	border: 1px solid #f0f0f0

}

.dlt-com-lt-img {

	display: block;

	float: left;

	margin-right: 20px

}

.dlt-com-lt-img img {

	border: 2px solid #e1e1e1;

	border-radius: 10px;

	width: 150px;

	height: auto

}

.dlt-com-lt-img .social-icons {

	margin: 15px auto 0;

	text-align: center

}

.dlt-com-lt-img .social-icons a {

	background-color: #01273a;

	border-radius: 100%;

	color: #fff;

	margin: 0 5px

}

.dlt-com-lt-img .social-icons a:hover {

	background-color: #f9ca40;

	border-radius: 100%;

	color: #01273a

}

.dlt-com-lt-text {

	padding-left: 180px;

	text-align: left;

	font-size: 14px;

}

.dlt-com-lt-title {

	font-size: 22px;

	color: #01273a;

	font-weight: 700;

	width: 100%;

	float: left

}

.dlt-com-clt {

	font-size: 13px;

	color: #f9ca40;

	margin-bottom: 5px

}

.dlt-com-lt-block p {

	font-size: 14px;

	color: #969595

}

/* Latest News */

/* --------------------------------------- */

.card h4, .card h5 {

	font-weight: 700

}

.card-border {

	border: 1px solid #e8e8e8

}

.card-imagely {

	-webkit-background-size: cover;

	background-size: cover;

	background-position: 50% 50%;

	color: #fff;

	padding: 1rem;

	z-index: 0

}

.card-imagely::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0,40,59,0.9);

	z-index: -1

}

.card-imagely h1, .card-imagely h2, .card-imagely h3, .card-imagely h4, .card-imagely h5, .card-imagely h6, .card-imagely a {

	color: #fff

}

.card-imagely .skill:last-child .progress {

	margin-bottom: 0

}

.card-content .card-block {

	padding: 20px;

	margin-top: 0;

	margin-bottom: 0;

	background: #f9f9f9

}

.card-content .card-title {

	margin-bottom: 0;

	font-size: 1.125rem;

	font-weight: 700;

	line-height: 1.75rem

}

.card-content div {

	margin-bottom: 10px;

	margin-top: 5px;

	font-size: 13px;

	font-weight: 600;

	color: #f9ca40

}

.card-news {

	-webkit-background-size: cover;

	background-size: cover;

	background-position: 50% 50%;

	overflow: hidden;

	color: #fff

}

.card-news a {

	color: #fff;

	text-align: right;

	width: 100%;

	font-weight: 700;

	letter-spacing: 0

}

.card-news:hover .card-block {

	-webkit-transform: translateY(0);

	-o-transform: translateY(0);

	transform: translateY(0)

}

.card-news .card-block {

	background: rgba(0,0,0,0.4) linear-gradient(to bottom, rgba(0,40,59,0.66) 0%, rgba(0,40,59,1.00) 94%, rgba(0,40,59,1.00) 100%) repeat scroll 0 0;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000283b', endColorstr='#a600283b', GradientType=0);

	-webkit-transform: translateY(57%);

	-o-transform: translateY(57%);

	transform: translateY(57%);

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.card-block p.card-text {

	line-height: 22px;

	font-weight: 500;

	color: #999

}

.card-news .card-block p.card-text {

	line-height: 22px;

	font-weight: 500;

	color: #fff

}

.services-slt-block .card-news a {

	color: #f9ca40;

	text-align: left;

	width: 100%;

	font-size: 18px;

	font-weight: 700;

	letter-spacing: 0

}

.services-slt-block .card-news a:hover {

	color: #fff

}

.services-slt-block .card-news a.btn {

	font-size: 15px;

	font-weight: 700

}

.services-slt-block .card-block p.card-text {

	line-height: 22px;

	font-weight: 600;

	color: #fff

}

.card-service {

	-webkit-background-size: cover;

	background-size: cover;

	background-position: 50% 50%;

	overflow: hidden;

	color: #fff;

	height: 270px

}

.card-service a {

	color: #fff

}

.card-service .card-block {

	position: absolute;

	left: 10px;

	right: 10px;

	bottom: 10px;

	height: 68px;

	overflow: hidden;

	background-color: rgba(0,40,59,0.95);

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.card-service .card-block .card-text, .card-service .card-block .btn {

	opacity: 0;

	-webkit-transition: opacity 0;

	-o-transition: opacity 0;

	transition: opacity 0

}

.card-service:hover .card-block {

	height: 250px

}

.card-service:hover .card-block .card-text, .card-service:hover .card-block .btn {

	opacity: 1;

	-webkit-transition: opacity .3s ease-in-out .3s;

	-o-transition: opacity .3s ease-in-out .3s;

	transition: opacity .3s ease-in-out .3s

}

.card-service .card-title {

	font-weight: 700;

	text-align: center;

	line-height: 68px;

	margin-bottom: 0;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0

}

.card-service .card-title::before {

	content: '';

	position: absolute;

	top: -1px;

	left: 20%;

	right: 20%;

	border-top: 1px solid #113b76

}

.card-portfolio-1 {

	margin-bottom: 1.5rem

}

.card-portfolio-1:hover .card-img-overlay {

	opacity: 1

}

.card-portfolio-1 .card-img-overlay {

	background-color: rgba(1,39,58,0.88);

	color: #fff;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	-ms-flex-direction: column;

	flex-direction: column;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	opacity: 0;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.port-slt {

	margin-bottom: 22px

}

.card-img-overlay ul {

	list-style: none;

	margin: 0;

	padding: 0

}

.card-img-overlay ul li {

	font-size: 16px;

	font-weight: 600;

	color: #f9ca40;

	text-align: left;

	background: rgba(1,39,58,0.8);

	padding: 7px 10px;

	border: 1px solid rgba(255,255,255,0.2);

	margin-bottom: 6px

}

.card-img-overlay ul li span {

	font-size: 14px;

	color: #fff;

	padding-left: 5px

}

/* My Portfolio */

/* --------------------------------------- */

.card-portfolio-1 .card-block {

	padding: 0;

	margin-top: 1rem

}

.card-portfolio-1 .card-title {

	font-weight: 700

}

.card-portfolio-1 .card-title, .card-portfolio-1 .card-text {

	margin-bottom: 0

}

.card-portfolio-1 .card-img {

	width: 100%

}

.card-portfolio-2-sizer {

	width: 33%

}

.card-portfolio-2 .card-img-overlay {

	background-color: rgba(0,40,59,0.9);

	color: #fff;

	padding: 2rem;

	opacity: 0;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between

}

.card-portfolio-2 .card-block, .card-portfolio-2 .card-plus {

	padding: 0;

	-webkit-align-self: flex-end;

	-ms-flex-item-align: end;

	align-self: flex-end

}

.card-portfolio-2 .card-plus {

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: right;

	margin-left: 2rem;

	font-size: 2rem;

	font-weight: 100

}

.card-portfolio-2 .card-title {

	color: #fff;

	font-weight: 700;

 margin-bottom:.25rem

}

.card-portfolio-2:hover .card-img-overlay {

	opacity: 1

}

.card-portfolio-2 .card-img {

	width: 100%

}

.card-blog-post-block {

	margin-bottom: 30px

}

.card-blog-post-block .card {

	margin-bottom: 0

}

.card-news-post {

	margin-bottom: 30px

}

.card-news-post .card {

	margin-bottom: 0

}

.card-news-post .card-content-block {

	background: #ececec none repeat scroll 0 0;

	border-bottom: 3px solid #d2d0d1;

	padding: 10px 5px;

	width: 100%

}

.card-news-post .card-block {

	background: #f9f9f9 none repeat scroll 0 0;

	margin-top: 0;

	padding: 14px

}

.card-news-post .card div span {

	color: #8e8e8e

}

.card-news-post h5.card-title {

	font-size: 16px;

	font-weight: 600;

	line-height: 24px;

	margin-bottom: 0

}

.card-news-post p.card-text {

	font-size: 13px

}

/* News list */

/* --------------------------------------- */

.news-search-lt {

	width: 100%;

	margin-bottom: 20px

}

.news-search-lt span.input-search i {

	position: absolute;

	right: 10%;

	top: 16px;

	color: #f9ca40;

	z-index: 9999

}

.news-search-lt input.form-control {

	background-color: #fff;

	border: 1px solid #ededed;

	border-radius: 0;

	color: #afafaf;

	font-size: 14px;

	font-weight: 600;

	line-height: 28px;

	padding: 10px

}

.list-group a.list-group-item span {

	background: #f9ca40;

	border-radius: 30px;

	color: #fff;

	float: right;

	font-size: 11px;

	height: 28px;

	line-height: 28px;

	margin-top: 10px;

	text-align: center;

	vertical-align: middle;

	width: 28px

}

.list-group a.list-group-item.active span {

	background: #fff;

	color: #01273a

}

.card-news-post h5.card-title a {

	color: #313131

}

.card-news-post h5.card-title a:hover {

	color: #f9ca40

}

.card-news-post .card-content-block ul li {

	display: inline-block;

	margin: 10px 5px;

	text-align: center

}

.card-news-post .card-content-block ul li a {

	background: #fff none repeat scroll 0 0;

	border-radius: 30px;

	color: #a3a2a2;

	font-size: 11px;

	font-weight: 600;

	padding: 8px;

	text-align: center;

	text-transform: uppercase

}

.blog-post-block-lt .section-header {

	text-align: center!important

}

.card-content-block {

	background: #ececec;

	width: 100%;

	padding: 10px 20px;

	border-bottom: 3px solid #d2d0d1

}

.card-content-block ul {

	list-style: none;

	display: inline-block;

	padding: 0;

	margin: 0 auto;

	width: 100%;

	text-align: center

}

.card-content-block ul li {

	display: inline-block;

	margin: 10px 6px;

	text-align: center

}

.card-content-block ul li a {

	background: #fff;

	padding: 8px 14px;

	font-size: 12px;

	font-weight: 600;

	text-align: center;

	border-radius: 30px;

	text-transform: uppercase;

	color: #a3a2a2

}

.card-content-block ul li a:hover {

	background: #00283b;

	color: #f9ca40

}

.inner-secon-tl {

	font-weight: 600

}

.inner-secondary-block {

	border-top: 1px solid rgba(108,108,108,0.15);

	border-bottom: 1px solid rgba(108,108,108,0.15)

}

.inner-secondary-block h2 {

	color: #072d40

}

.inner-secondary-block .are-awesome-head-title {

	margin-bottom: 20px;

	margin-top: -10px

}

.slt-things-block {

	padding: 5rem 0 0;

	border-top: 1px solid rgba(108,108,108,0.15);

	border-bottom: 1px solid rgba(108,108,108,0.15)

}

.slt-things-block .vc_single_image-wrapper {

	display: inline-block;

	max-width: 100%;

	vertical-align: top

}

.slt-things-block img {

	height: auto;

	max-width: 100%;

	vertical-align: top

}

/* Satisfied Client */

/* --------------------------------------- */

.bt_heading_3 .icon {

	color: #f9ca40;

	display: inline-block;

	font-size: 6px;

	line-height: 4px;

	margin: 0 3px;

	vertical-align: middle

}

.bt_heading_3 .line_2 {

	background-color: #01273a;

	display: inline-block;

	height: 1px;

	vertical-align: middle;

	width: 54px

}

.bt_heading_3 .line_1 {

	background-color: #01273a;

	display: inline-block;

	height: 1px;

	vertical-align: middle;

	width: 54px

}

.bt-line-lt {

	background: #fad264!important

}

.expert-advisor {

	width: 100%;

	float: left;

	display: block

}

.expert-advisor ul {

	list-style: none;

	padding: 0;

	margin-bottom: 20px;

	width: 100%;

	float: left;

	display: block

}

.expert-advisor ul li {

	text-align: left;

	width: 48%;

	float: left;

	padding: 4px 0;

	margin-right: 10px

}

.expert-advisor ul li a {

	font-size: 14px;

	color: #7e7e7e;

	font-weight: 600

}

.expert-advisor ul li a i {

	color: #f9ca40

}

.expert-advisor ul li a:hover {

	color: #01273a;

	padding-left: 10px;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.expert-advisor-from {

	margin-bottom: 30px;

	padding-bottom: 15px;

	border-bottom: 1px solid #ededed

}

.expert-advisor-from hr {

	background: #f9cf52 none repeat scroll 0 0;

	border: 0 none;

	bottom: 0;

	height: 2px;

	left: 0;

	margin: 10px 0;

	position: relative;

	right: 0;

	text-align: left;

	top: -25px;

	width: 20%

}

.expert-advisor-from h5 {

	color: #01273a;

	font-weight: 600;

	line-height: 24px;

	margin-bottom: 40px

}

.expert-advisor-from .form-alt .form-control {

	background-color: #ededed;

	color: #072d40

}

.expert-advisor-from .form-control:focus {

	background: #ededed none repeat scroll 0 0;

	border-color: #66afe9;

	box-shadow: 0 1px 8px rgba(1,39,28,0.3);

	color: #072d40;

	opacity: .9;

	outline: 0 none

}

.expert-advisor-from .btn-quote {

	background-color: #f9c841;

	border: 0 none;

	border-radius: 6px;

	color: #072d40;

	display: block;

	font-size: 15px;

	font-weight: 700;

	letter-spacing: 0;

	line-height: 24px;

	margin: 0 auto;

	padding: 8px 20px;

	text-align: center;

	text-transform: uppercase;

	transition: all .2s linear 0

}

.expert-advisor-from .btn-quote:hover {

	background-color: #072d40;

	color: #f9c841

}

.expert-advisor-from .form-alt .form-control::-moz-placeholder {

    color:#274d60

}

.expert-advisor-from .form-control::-moz-placeholder {

    color:#274d60

}

i.fav-ic {

	color: #e70d0d

}

i.share-ic {

	color: #47d3e7

}

i.more-ic {

	color: #f9ca40

}

/* Portfolio 4 cols */

/* --------------------------------------- */

.card-portfolio-3 {

	-webkit-background-size: cover;

	background-size: cover;

	overflow: hidden;

	color: #fff;

	height: 300px

}

.card-portfolio-3 a {

	color: #fff

}

.card-portfolio-3 .card-block {

	position: absolute;

	background-color: rgba(0,40,59,0.96);

	bottom: 0;

	padding-bottom: 0;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.card-portfolio-3 .card-title {

	position: relative;

	margin-bottom: 20px;

	font-weight: 700;

	padding-left: 20px

}

.card-portfolio-3 .card-title small {

	display: block;

	color: #fff;

	font-weight: 400;

	font-family: "Open Sans", sans-serif;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.card-portfolio-3 .card-title::before {

	content: '';

	position: absolute;

	left: 0;

	top: 10px;

	bottom: 10px;

	width: 4px;

	background-color: #f9c841;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.card-portfolio-3 .card-text {

	height: 0;

	overflow: hidden;

	font-weight: 500;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.card-portfolio-3 .card-img {

	width: 100%

}

.card-portfolio-3:hover .card-title::before {

	background-color: #e6ab07

}

.card-portfolio-3:hover a, .card-portfolio-3:hover .card-title, .card-portfolio-3:hover .card-text {

	color: #00283b

}

.card-portfolio-3:hover .card-title small {

	color: #b58606

}

.card-portfolio-3:hover .card-text {

	height: 73px;

	margin-bottom: 20px

}

.card-portfolio-3:hover .card-block {

	background-color: rgba(249,200,65,0.96)

}

.card-advisor {

	margin-bottom: 3rem

}

.card-advisor .card-block {

	position: absolute;

	left: 10px;

	right: 10px;

	bottom: 10px;

	padding: 12px 15px;

	height: 68px;

	background: rgba(0,0,0,0.6) linear-gradient(to bottom, rgba(0,40,59,0.66) 0%, rgba(0,40,59,1.00) 94%, rgba(0,40,59,1.00) 100%) repeat scroll 0 0;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000283b', endColorstr='#a600283b', GradientType=0);

	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);

	box-shadow: 0 0 10px 0 rgba(0,0,0,0.09);

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	border-radius: 50px

}

.card-advisor:hover .card-block {

	background: rgba(0,0,0,0.5) linear-gradient(to bottom, rgba(0,40,59,0.66) 0%, rgba(0,40,59,1.00) 94%, rgba(0,40,59,1.00) 100%) repeat scroll 0 0;

    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000283b', endColorstr='#a600283b', GradientType=0);

	height: 253px;

	border-radius: 6px

}

.card-advisor:hover .card-block .card-title a {

	color: #f9ca40

}

.card-advisor:hover .card-block .card-title a:hover {

	color: #f9c841

}

.card-advisor:hover .card-block .card-text {

	color: #c2c2c2

}

.card-advisor:hover .card-block .adv-text {

	height: 80px

}

.card-advisor:hover .card-block .card-adv-more-view {

	height: 28px

}

.card-advisor:hover .card-block .social-icons {

	height: 40px

}

.card-advisor .card-title {

	font-weight: 600;

	font-size: 18px;

	line-height: 24px;

	text-align: center

}

.card-advisor .adv-text {

	height: 0;

	overflow: hidden;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.card-advisor .card-adv-more-view {

	height: 0;

	overflow: hidden;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.card-advisor .card-title a {

	color: #f9c841

}

.card-advisor span.adv-text {

	font-size: 14px;

	line-height: 24px;

	color: #fff;

	font-weight: 600;

	text-align: left;

	margin: 10px 0;

	width: 100%;

	display: block

}

a.card-adv-more-view {

	text-align: center;

	width: 100%;

	color: #f9ca40;

	font-weight: 600;

	letter-spacing: 0;

	font-size: 15px;

	display: inline-block

}

a.card-adv-more-view:hover {

	color: #fff

}

.card-advisor p.card-text {

	text-align: center;

	color: #fff

}

.card-advisor .card-title, .card-advisor p {

	margin-bottom: 0

}

.card-advisor .social-icons {

	margin-top: 10px;

	overflow: hidden;

	height: 0;

	text-align: center;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.card-advisor .card-img-top {

	width: 100%

}

/* header top address */

/* --------------------------------------- */

.home-ic {

	background: #00cbf0;

	border-radius: 30px;

	width: 44px;

	height: 44px;

	float: left;

	color: #fff;

	text-align: center;

	font-size: 18px;

	line-height: 36px;

	border: 3px solid rgba(0,0,0,0.07)

}

.clock-ic {

	background: #f4b603;

	border-radius: 30px;

	width: 44px;

	height: 44px;

	float: left;

	color: #fff;

	text-align: center;

	font-size: 18px;

	line-height: 38px;

	border: 3px solid rgba(0,0,0,0.07)

}

.call-ic {

	background: #6cca39;

	border-radius: 30px;

	width: 44px;

	height: 44px;

	float: left;

	color: #fff;

	text-align: center;

	font-size: 18px;

	line-height: 40px;

	border: 3px solid rgba(0,0,0,0.07)

}

.contact-ways {

	list-style: none;

	padding-left: 0;

	margin-bottom: 0

}

.contact-ways li {

	display: inline-block;

	padding-left: 30px;

	margin-left: 0;

	border-left: 1px solid #fff

}

.contact-ways li:first-child {

	margin-left: 0;

	padding-left: 0;

	border-left: 0

}

.contact-ways li div i {

	line-height: 36px

}

.contact-ways small {

	display: block;

	line-height: 14px;

	margin-bottom: 6px

}

.contact-ways h6 {

 font-size:.875rem;

	font-weight: 700;

	margin-bottom: 0

}

.contact-ways.border-alt li {

	border-left-color: #113b76

}



@media (max-width: 991px) {

.contact-ways li:last-child {

	display: none

}

.footer-top .col-md-6 {

	margin-bottom: 30px

}

}



@media (max-width: 767px) {

.contact-ways li {

	display: none

}

.section-header {

	margin: 30px 0 25px

}

.bt_heading_3 .line_1 {

	background-color: #01273a;

	display: inline-block;

	height: 1px;

	vertical-align: middle;

	width: 30px

}

.bt_heading_3 .line_2 {

	background-color: #01273a;

	display: inline-block;

	height: 1px;

	vertical-align: middle;

	width: 30px

}

.expert-advisor ul li {

	width: 100%

}

.section-xs .section-header {

	text-align: center

}

.section-xs .text-xs-right p {

	width: 100%;

	text-align: center;

	margin: 0 auto

}

.footer-top .col-xs-12 {

	margin-bottom: 30px

}

.card-blog-post-block .card img {

	width: 100%

}

.footer-top .col-md-6 {

	margin-bottom: 0

}

.contact-ways li:last-child {

	display: block;

	border-left: none;

	padding-left: 0;

	margin-left: 10px

}

.swiper-slide h5 {

	font-size: 20px;

	font-weight: 600;

	letter-spacing: 0;

	color: #fff

}

.swiper-slide p {

	font-size: 38px;

	color: #fff

}

/* site header */

/* ---------------------------------- */

.site-header p {

	color: #fff;

	text-transform: uppercase;

	font-size: 38px;

	text-align: center;

	font-weight: 800;

	letter-spacing: 1px;

	padding-bottom: 5px

}

.site-header .lead {

	margin-bottom: 1.5rem

}

.site-header .btn-more {

	background-color: #00283b;

	border-radius: 30px;

	color: #f9ca40;

	font-size: 14px;

	font-weight: 600;

	height: auto;

	letter-spacing: 2px;

	padding: 12px 25px;

	margin: 0 7px;

	transition: all .2s linear 0;

	box-shadow: 0 3px 1px rgba(1,39,58,0.6)

}

.site-header .btn-more:hover {

	color: #00283b;

	background: #f9ca40

}

.site-header .btn-purchase {

	background-color: #f9ca40;

	border-radius: 30px;

	color: #00283b;

	font-size: 14px;

	font-weight: 600;

	height: auto;

	letter-spacing: 2px;

	padding: 12px 25px;

	margin: 0 7px;

	transition: all .2s linear 0;

	box-shadow: 0 3px 1px rgba(249,202,64,0.6)

}

.site-header .btn-purchase:hover {

	background-color: #00283b;

	color: #f9ca40

}

}



@media only screen and (min-width: 1024px) and (max-width: 1200px) {

.home-ic {

	background: #00cbf0;

	border-radius: 30px;

	width: 36px;

	height: 36px;

	float: left;

	color: #fff;

	text-align: center;

	font-size: 16px;

	line-height: 30px;

	border: 3px solid rgba(0,0,0,0.07)

}

.contact-ways li div i {

	line-height: 30px

}

.contact-ways li {

	padding-left: 15px

}

.clock-ic {

	background: #f4b603;

	border-radius: 30px;

	width: 36px;

	height: 36px;

	float: left;

	color: #fff;

	text-align: center;

	font-size: 16px;

	line-height: 30px;

	border: 3px solid rgba(0,0,0,0.07)

}

.call-ic {

	background: #6cca39;

	border-radius: 30px;

	width: 36px;

	height: 36px;

	float: left;

	color: #fff;

	text-align: center;

	font-size: 16px;

	line-height: 32px;

	border: 3px solid rgba(0,0,0,0.07)

}

.contact-ways small {

	margin-bottom: 4px;

	font-size: 12px

}

.contact-ways h6 {

	font-size: 13px

}

.top-nav-lt {

	float: left;

	margin-right: 6px!important

}

.top-nav-lt-text {

	background: url(../img/bdr-lt.png) no-repeat left center;

	float: left;

	padding-left: 6px!important

}

}



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

.tcl-expert-lt .media-left img {

	text-align: center;

	margin: 0 auto

}

.tcl-expert-lt .media-left {

	float: none;

	text-align: center;

	width: 100%

}

.tcl-expert-lt .media-body {

	padding-left: 0;

	text-align: center

}

.tcl-expert-lt .media-body p {

	text-align: center

}

ul.contact-ways {

	display: none!important

}

}



@media only screen and (min-width: 991px) and (max-width: 1399px) {

.counter li:first-child {

	margin-left: 0

}

.counter li:last-child {

	margin-right: 0

}

}



@media (max-width: 480px) {

.swiper-slide h5 {

	font-size: 18px;

	font-weight: 600;

	letter-spacing: 0;

	color: #fff

}

.swiper-slide p {

	font-size: 24px;

	color: #fff

}

.site-header p {

	color: #fff;

	text-transform: uppercase;

	font-size: 35px;

	text-align: center;

	font-weight: 800;

	letter-spacing: 1px;

	line-height: 22px

}

.site-header .btn-purchase {

	display: inline-block;

	float: left;

	width: 78%;

	margin-bottom: 10px

}

.site-header .btn-more {

	display: inline-block;

	float: left;

	width: 78%;

	margin-bottom: 15px

}

}



.counter {

	list-style: none;

	padding-left: 0;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap

}

.counter li {

	text-align: center;

	-webkit-box-flex: 1;

	-webkit-flex: 1 1 0;

	-ms-flex: 1 1 0;

	flex: 1 1 0;

	min-width: 150px;

	margin: 10px 15px;

	padding: 20px;

	border-radius: 12px;

	background: #fff

}

.counter h5 {

	font-size: 60px;

	color: #f9ca40;

	margin-bottom: 10px;

	font-weight: 800

}

.counter h6 {

	font-size: 18px;

	margin-bottom: 0;

	font-weight: 600;

	color: #01273a

}

section.about-bg-img small {

	color: #fff;

	font-weight: 600

}

section.about-bg-img p {

	color: #fff;

	font-weight: 600

}

/* Faq list */

/* ---------------------------------- */

.faq {

	list-style: none;

	padding-left: 0;

	width: 82%

}

.faq li {

	padding: 0

}

.faq h6 {

	cursor: pointer;

	font-size: 14px;

	font-weight: 600;

	padding: 12px 15px;

	background: #01273a;

	color: #fff

}

.faq h6::before {

	content: "";

	font-family: FontAwesome;

	display: inline-block;

	float: right;

	background: #f9ca40;

	font-size: 17px;

	margin-right: -15px;

	margin-top: -12px;

	padding: 12px 16px;

	width: auto

}

.faq h6 i {

	margin-right: 7px

}

.faq .open h6::before {

	content: "";

	color: #01273a

}

.faq .open .faq-body {

	display: block

}

.faq-body {

	padding: 12px;

	margin-bottom: 5px;

	display: none;

	border: 1px solid #01273a

}

.feature {

	margin-bottom: 1rem

}

.feature .fa {

	color: #f9c841;

	font-size: 3rem

}

.feature h5 {

	font-weight: 700;

	margin: 1.75rem 0

}

.hero {

	position: relative;

	background-color: #00283b;

	-webkit-background-size: cover;

	background-size: cover;

	background-position: 50% 50%;

	z-index: 0;

	color: #fff;

	height: 500px

}

.hero::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0,40,59,0.8);

	z-index: -1

}

.hero::after {

	content: '';

	position: absolute;

	top: 1.5rem;

	left: 1.5rem;

	right: 1.5rem;

	bottom: 1.5rem;

	border: 1px solid #fff;

	opacity: .29;

	z-index: -1

}

.hero-text {

	color: #fff;

	margin-bottom: 0;

	font-weight: 700;

	font-style: italic;

	line-height: 2.25rem;

	text-align: center;

	max-width: 325px

}

.left-slide-slt-block {

	width: 100%;

	margin-bottom: 30px

}

.left-slide-slt-block h3 {

	background: #f3f3f3;

	color: #6b6b6b;

	border: 1px solid #ededed;

	font-size: 15px;

	font-weight: 600;

	text-align: left;

	padding: 15px

}

.dlt-share-block {

	display: inline-table;

	left: 3%;

	margin: 0 auto;

	position: absolute;

	text-align: center;

	top: 1%;

	z-index: 9999

}

.dlt-date {

	background: #01273a;

	font-size: 12px;

	width: 50px;

	height: 50px;

	position: absolute;

	right: 15px;

	top: 0;

	z-index: 2;

	text-align: center;

	color: #fff;

	font-weight: 600;

	line-height: 16px;

	padding-top: 8px

}

.dlt-date span {

	font-size: 20px;

	font-weight: 600

}

.dlt-gallery {

	background: #f9ca40;

	font-size: 19px;

	width: 50px;

	height: 50px;

	position: absolute;

	right: 15px;

	top: 50px;

	z-index: 2;

	text-align: center;

	color: #01273a;

	font-weight: 600;

	line-height: 18px;

	padding-top: 15px

}

.dlt-share-block a {

	font-size: 13px;

	font-weight: 600;

	border: 2px solid #fff;

	padding: 5px 12px;

	margin: 0 5px;

	border-radius: 20px

}

/* ic fa hover color */

/* ---------------------------------- */

.ic-fave-lt {

	color: #01273a;

	background: #f9ca40

}

.ic-fave-lt:hover {

	color: #f9ca40;

	background: #01273a

}

.ic-fave-lt:focus {

	color: #f9ca40;

	background: #01273a

}

.ic-share-lt {

	color: #f9ca40;

	background: #01273a

}

.ic-share-lt:hover {

	color: #01273a;

	background: #f9ca40

}

.dlt-img-block {

	position: relative;

	margin-bottom: 50px;

	box-shadow: 0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset

}

.dlt-img-block:before, .dlt-img-block:after {

	content: "";

	position: absolute;

	z-index: -1;

	box-shadow: 0 0 10px rgba(0,0,0,0.8);

	top: 50%;

	bottom: 0;

	left: 10px;

	right: 10px;

	border-radius: 250px / 10px

}

.left-archive-categor {

	width: 100%

}

.left-archive-categor ul {

	width: auto;

	margin-bottom: 30px;

	padding: 0

}

.left-archive-categor ul li:first-child {

	border-top: 1px solid #ededed

}

.left-archive-categor ul li {

	border-bottom: 1px solid #ededed;

	padding: 10px 0;

	list-style: none

}

.left-archive-categor ul li a {

	font-size: 14px;

	color: #969595;

	text-align: left

}

.left-archive-categor .list-lt {

	background: #01273a;

	padding: 6px 8px;

	margin-right: 8px;

	color: #fff;

	font-size: 11px;

	font-weight: 700;

	border-radius: 30px

}

.left-archive-categor ul li a:hover {

	color: #f9ca40;

	font-weight: 600;

	padding-left: 10px;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.flt-left {

	float: left;

	width: 60%;

	text-align: justify

}

.flt-right {

	float: right;

	width: 37%

}

.flt-right img {

	border: 2px solid #ebebeb

}

.sing-left-01 {

	float: left;

	width: 53%;

	text-align: justify;

	margin-top: -8px

}

.sing-right-01 {

	float: right;

	width: 44%

}

.sing-right-01 img {

	border: 2px solid #ebebeb

}

.sing-left-02 {

	float: left;

	width: 44%

}

.sing-right-02 {

	float: right;

	width: 53%;

	text-align: justify;

	margin-top: -8px

}

.sing-right-02 img {

	border: 2px solid #ebebeb

}

.list-group {

	margin-bottom: 2rem

}

.list-group-item {

	font-size: 14px;

	font-weight: 600;

	color: #01273a;

	line-height: 48px;

	padding: 0 15px

}

.list-group-item i {

	color: #f9ca40;

	padding-right: 5px

}

.list-group-item:first-child, .list-group-item:last-child {

	border-radius: 0

}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {

	background-color: #f9c841;

	border-color: #f9c841;

	color: #01273a

}

.list-group-item.active::before, .list-group-item.active:focus::before, .list-group-item.active:hover::before {

	border-color: transparent transparent transparent #f9ca40;

	border-style: solid;

	border-width: 24px;

	bottom: 0;

	content: "";

	position: absolute;

	right: -49px;

	z-index: 2

}

.left-slt-news {

	width: 100%;

	padding: 0

}

/* Error found */

/* ---------------------------------- */

.f-title-error span {

	color: #01273a;

	font-size: 13.0769em;

	line-height: .76471

}

.b-title-error span, .b-title-error strong {

	display: block;

	text-align: center

}

.f-title-error strong {

	color: #f9ca40;

	font-size: 44px;

	font-weight: 400;

	margin-top: 18px

}

.b-title-error span, .b-title-error strong {

	display: block;

	text-align: center

}

.b-error-description {

	margin: 46px 0 0

}

.f-error-description strong {

	font-size: 22px;

	font-weight: 600;

	line-height: 1.2;

	margin-bottom: 10px

}

.b-input-search {

	padding-right: 47px;

	position: relative

}

.f-error-description span, .f-error-description strong {

	color: #6d7a83

}

.b-error-description span, .b-error-description strong {

	display: block;

	text-align: center

}

.f-error-description span {

	font-size: 14px;

	line-height: 1.2

}

.b-error-search {

	margin: 40px auto 0;

	max-width: 374px

}

.b-error-search .b-input-search {

	padding-right: 40px

}

.b-form-row, .b-form-row--big {

	margin-bottom: 10px

}

.f-primary-eb {

	font-weight: 800

}

/* Search from button */

/* ---------------------------------- */

.b-error-search .form-control {

	background-color: #fff;

	background-image: none;

	border: 1px solid #d3dadc;

	border-radius: 4px;

	color: #666;

	display: block;

	font-size: 14px;

	height: 42px;

	line-height: 42px;

	padding: 6px 12px;

	width: 100%

}

.b-error-search .f-btn-search {

	font-size: 18px;

	line-height: 26px

}

.b-error-search .b-btn-search {

	height: 42px;

	width: 44px

}

.f-btn-search {

	color: #f9ca40;

	font-size: 1.07692em;

	line-height: 2.42857;

	text-align: center

}

.b-btn-search {

	border-radius: 2px 4px 4px 2px;

	position: absolute;

	right: 0;

	top: 0;

	width: 34px

}

.b-btn {

	background: #01273a;

	cursor: pointer;

	display: inline-block;

	padding: 8px 14px;

	transition: background .5s ease 0

}

ul.left-slt-news li {

	border-bottom: 1px solid #f1f1f1;

	padding-bottom: 10px;

	display: inline-block;

	margin-bottom: 15px

}

/* From list */

/* ---------------------------------- */

.from-list-lt .from-input-ic {

	position: absolute;

	left: 15px;

	top: 0;

	bottom: 0;

	width: 50px;

	padding-right: 15px;

	border-right: 1px solid rgba(216,216,216,0.6)

}

.from-list-lt .form-group {

	margin-bottom: 30px

}

.from-list-lt input {

	padding-left: 60px;

	font-size: 14px;

	font-weight: 500;

	border-radius: 4px;

	height: 50px

}

.from-list-lt textarea {

	padding-left: 60px;

	border-radius: 4px;

	font-size: 14px;

	font-weight: 500

}

.from-list-lt .form-control:focus {

	background: #fff;

	opacity: 1

}

.from-list-lt .from-input-ic i {

	color: #d8d8d8;

	font-size: 20px;

	margin-left: 15px;

	margin-top: 15px

}

 .from-list-lt .form-control::-moz-placeholder {

 color:#b5b5b5

}

.from-list-lt .btn-submit-lt {

	background-color: #f9c841;

	border: 0 none;

	border-radius: 6px;

	color: #072d40;

	display: block;

	font-size: 15px;

	font-weight: 700;

	letter-spacing: 0;

	line-height: 24px;

	margin: 0 auto;

	padding: 8px 35px;

	text-align: center;

	text-transform: uppercase;

	transition: all .2s linear 0

}

.from-list-lt .btn-submit-lt:hover, .btn-submit-lt:focus, .btn-submit-lt:active, .btn-submit-lt:active:focus {

	background-color: #fff;

	border-color: transparent;

	box-shadow: none;

	color: #072d40;

	outline: medium none!important

}

/* Left slt news */

/* ---------------------------------- */

.left-slt-news .news-thum {

	float: left;

	height: 66px;

	margin-right: 12px;

	width: 66px

}

.left-slt-news .news-text-thum {

	margin-top: -5px;

	padding-left: 78px

}

.left-slt-news h6 a {

	font-size: 16px;

	font-weight: 600;

	line-height: 22px

}

.left-slt-news p {

	font-size: 13px;

	font-weight: 500;

	line-height: 22px;

	margin-bottom: 5px

}

.left-slt-news a {

	font-size: 15px;

	font-weight: 500;

	line-height: 22px

}

.list-group-item.active i {

	color: #01273a

}

.from-list-btn-quote-lt {

	background-color: #f9c841;

	border: 0 none;

	border-radius: 6px;

	color: #072d40;

	display: block;

	font-size: 15px;

	font-weight: 700;

	letter-spacing: 0;

	line-height: 24px;

	margin: 0 auto;

	padding: 10px 25px;

	text-align: center;

	text-transform: uppercase;

	transition: all .2s linear 0

}

.from-list-btn-quote-lt:hover, .from-list-btn-quote-lt:focus, .from-list-btn-quote-lt:active, .from-list-btn-quote-lt:active:focus {

	background-color: #072d40;

	border-color: transparent;

	box-shadow: none;

	color: #f9c841;

	outline: medium none!important

}

.lt-co-icon {

	float: left;

	display: block

}

.lt-co-title {

	font-size: 18px;

	font-weight: 600;

	color: #01273a

}

.lt-co-blok-text {

	padding-left: 55px

}

.lt-co-blok-text hr {

	border: 0 none;

	bottom: 0;

	height: 2px;

	left: 0;

	margin: 10px 0;

	position: relative;

	right: 0;

	text-align: left;

	top: -3px;

	width: 10%

}

.lt-co-yellow-hr {

	background: #f9ca40!important

}

.lt-co-green-hr {

	background: #aad978!important

}

.lt-bg-blue-hr {

	background: #01273a!important

}

.media-iconic .media-body p {

	font-size: 14px;

	line-height: 26px;

	color: #343d46;

	font-weight: 500;

	min-height: 95px

}

.media-iconic .media-body p b {

	font-weight: 600

}

.lt-bdr-one {

	border-bottom: 2px solid #f9ca40

}

.lt-bdr-two {

	border-bottom: 2px solid #aad978

}

.lt-bdr-three {

	border-bottom: 2px solid #01273a

}

.top-nav-lt {

	float: left;

	margin-right: 10px

}

.top-nav-lt-text {

	background: url(../img/bdr-lt.png) no-repeat left center;

	float: left;

	padding-left: 10px

}

.navbar-nav .nav-item {

	position: relative;

	margin-left: 0!important

}

/* Navbar menu */

/* ---------------------------------- */

.navbar-nav .nav-item:hover>.nav-submenu {

	display: block

}

.navbar-nav .nav-link {

	color: #fff;

	padding: 0 20px;

	line-height: 54px;

	font-size: 15px;

	font-weight: 600

}

.nav-submenu {

	position: absolute;

	left: 0;

	top: 100%;

	z-index: 9;

	list-style: none;

	padding-left: 0;

	min-width: 250px;

	display: none;

	background-color: #02344d;

	border: 2px solid #02273a

}

.nav-submenu .nav-submenu {

	top: -2px;

	left: 100%

}

.nav-submenu li {

	position: relative

}

.nav-submenu li:hover>.nav-submenu {

	display: block

}

.nav-submenu li:hover>a {

	color: #f9c841;

	padding-left: 35px;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.nav-submenu a {

	position: relative;

	display: block;

	line-height: 54px;

	padding: 0 10px 0 23px;

	color: #fff;

	border-bottom: 2px solid #02273a;

	font-size: 15px;

	font-weight: 600

}

.nav-submenu a::before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	width: 0;

	background-color: #f9c841;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.nav-submenu ul li {

	border-bottom: 2px solid #02273a

}

.nav-submenu ul li:last-child {

	border-bottom: 0

}

.nav-submenu-i {

	text-align: right;

	padding-top: 20px;

	float: right

}

.nav-submenu .active>a::before, .nav-submenu li:hover>a::before {

	width: 5px

}

.nav-submenu li:last-child a {

	border-bottom: none

}

.nav-simple .nav-link {

	padding: 0 1rem

}

.nav-simple .nav-item:hover .nav-link, .nav-simple .nav-item.active .nav-link {

	color: #f9c841

}

.nav-simple .nav-item:hover .nav-link.has-submenu {

	background-color: #01344d

}

.nav-border .nav-link {

	padding: 0 1rem

}

.nav-border .nav-item:hover .nav-link, .nav-border .nav-item.active .nav-link {

	color: #f9c841

}

.nav-border .nav-item.active .nav-link {

	border-bottom: 2px solid #f9c841

}

.nav-border .nav-item:hover .nav-link {

	background-color: #01344d

}

.nav-spliter .nav-link {

	position: relative

}

.nav-spliter .nav-item:first-child .nav-link::before {

	display: none

}

.nav-spliter .nav-item:hover .nav-link, .nav-spliter .nav-item.active .nav-link {

	background-color: translate;

	border-bottom: 5px solid #f9ca40;

	color: #f9ca40

}

.nav-spliter .nav-item:hover .nav-link::before, .nav-spliter .nav-item.active .nav-link::before {

	display: none

}

.nav-spliter .nav-item:hover+.nav-item .nav-link::before, .nav-spliter .nav-item.active+.nav-item .nav-link::before {

	display: none

}

.nav-pills {

	margin-bottom: 2rem

}

.nav-pills .nav-link {

	color: #c2c2c2;

	border-radius: 0!important;

    margin-right:.5rem;

	border: 2px solid #e8e8e8;

	display: inline-block;

	line-height: 2.5rem;

	padding: 0 3rem;

	text-align: center;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.nav-pills .nav-link:hover, .nav-pills .nav-link.active {

	color: #fff;

	background-color: #00283b;

	border-color: #00283b

}

.nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {

	background-color: #00283b

}

.navbar {

	padding: 0;

	border-radius: 0

}

.navbar .container, .navbar .container-fluid {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between

}

.navbar-left, .navbar-right {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center

}

.navbar-top {

	padding-top: 20px;

	padding-bottom: 20px

}

.navbar-top .contact-ways {

	text-align: right

}

.navbar-top .contact-ways li {

	border-left-color: #e9e9e9

}

.navbar-bottom {

	background-color: #AAD472;

	height: 70px;

	border-bottom: 1px solid rgba(255,255,255,0.3);

}

.navbar-bottom .navbar-toggler {

	width: 54px;

	height: 54px;

	line-height: 54px;

	padding: 0;

	text-align: left

}

.navbar-btn {

	line-height: 82px;

	width: 82px;

	padding: 0;

	background-color: transparent;

	border: 0;

	color: #fff;

	text-align: center;

	border-left: 1px solid rgba(17,59,118,0.5)

}

.navbar-btn:hover {

	background-color: #01344d;

	color: #f9c841

}

.navbar-btn::after {

    margin-left:.5rem;

	margin-right: 0

}

.dropdown.open .navbar-btn {

	background-color: #01344d;

	color: #f9c841

}

.navbar .dropdown-menu {

	background-color: #01344d;

	border-radius: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	min-width: 82px;

	margin-top: 0;

	padding: 0;

	border: none

}

.navbar .dropdown-item {

	position: relative;

	display: block;

	line-height: 50px;

	padding: 0 1.5rem;

	color: #fff;

	border-bottom: 1px solid #00283b;

    font-size:.875rem

}

.navbar .dropdown-item::before {

	content: '';

	position: absolute;

	left: 0;

    top:.5rem;

    bottom:.5rem;

	width: 0;

	background-color: #f9c841;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.navbar .dropdown-item:hover, .navbar .dropdown-item.active {

	text-decoration: none;

	color: #f9c841;

	background-color: #01344d

}

.navbar .dropdown-item:hover::before, .navbar .dropdown-item.active::before {

	width: 2px

}

.navbar-toggler {

	color: #fff;

	outline: none!important;

	display: none

}

.navbar-search {

	position: relative

}

.navbar-search form {

	position: absolute;

	top: 100%;

	right: 0;

	background-color: #01344d;

	height: 60px;

	padding: 0 1rem;

	display: none

}

.navbar-search:hover form {

	display: block

}

.navbar-search:hover .navbar-btn {

	background-color: #01344d

}

.navbar-search input {

	line-height: 60px;

	border: 0;

	padding: 0;

	outline: none;

	background-color: transparent;

	color: #fff

}

.navbar-search ::-webkit-input-placeholder {

    color:rgba(255,255,255,0.5);

    font-size:.875rem

}

.navbar-search ::-moz-placeholder {

    color:rgba(255,255,255,0.5);

    font-size:.875rem

}

.navbar-search :-ms-input-placeholder {

    color:rgba(255,255,255,0.5);

    font-size:.875rem

}

.navbar-type-2 {

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 9;

	padding-top: 2rem

}

.navbar-type-2 .navbar-nav {

	margin-right: 1.5rem

}

.navbar-type-3 {

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 9;

	background-color: rgba(0,40,59,0.93)

}

.navbar-type-3 .nav-link {

	line-height: 82px

}

.navbar-type-3 .navbar-toggler {

	width: 82px;

	height: 82px;

	line-height: 82px;

	padding: 0

}

.navbar-type-3+main>section:first-child {

	padding-top: 212px

}

.navbar-type-3+main>section.section-xs:first-child {

	padding-top: 116px

}

.navbar-type-3+main>section.section-sm:first-child {

	padding-top: 148px

}

.navbar-type-3+main>section.section-lg:first-child {

	padding-top: 308px

}

.navbar-type-3+main>section.page-header:first-child {

	padding-top: 148px

}

.navbar-backdrop {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(255,255,255,0.8);

	display: none;

	z-index: 2

}



@media (max-width: 991px) {

html, body {

	overflow-x: hidden

}

body>main {

	position: relative;

	left: 0;

	-webkit-transition: left .2s ease-out;

	-o-transition: left .2s ease-out;

	transition: left .2s ease-out

}

.navbar-toggler {

	display: inline-block

}

.navbar-nav {

	position: fixed;

	left: -90%;

	top: 0;

	bottom: 0;

	width: 88%;

	height: 100%;

	overflow-y: auto;

	background-color: #00283b;

	margin-left: 0;

	padding: 24px 16px;

	-webkit-box-shadow: 8px 0 10px 0 rgba(0,0,0,0.05);

	box-shadow: 8px 0 10px 0 rgba(0,0,0,0.05);

	z-index: 3;

	-webkit-transition: left .2s ease-out;

	-o-transition: left .2s ease-out;

	transition: left .2s ease-out

}

.navbar-nav .nav-item {

	display: block;

	float: none

}

.navbar-nav .nav-item:last-child {

	border-bottom: 0

}

.navbar-nav .nav-link {

	line-height: 50px;

	color: #fff;

	font-size: 1rem

}

.navbar-nav .nav-link.active {

	border-top: 0;

	color: #f9c841

}

.navbar-nav .nav-submenu {

	display: block;

	position: static;

	background-color: transparent;

	padding-left: 1rem

}

.navbar-nav .nav-submenu li a {

	border-bottom: 0;

	line-height: 40px!important

}

.nav-border .nav-item.active .nav-link {

	border-bottom: none

}

.nav-spliter .nav-link::before {

	display: none

}

.offcanvas-show main {

	left: 80%

}

.offcanvas-show .navbar-nav {

	left: 0

}

.offcanvas-show .navbar-backdrop {

	display: block

}

.offcanvas-show .navbar-type-3 .navbar-btn {

	border-left-color: transparent

}

}



@media (max-width: 479px) {

#scroll-up {

	background-color: #f9c841;

	border-radius: 100%;

	color: #00283b;

	display: inline-block;

	font-size: 1.25rem;

	height: 38px;

	line-height: 36px;

	position: absolute;

	right: 0;

	left: 0;

	text-align: center;

	top: -18px;

	margin: 0 auto;

	transition: all .3s ease-in-out 0;

	width: 38px

}

.f-primary-eb {

	font-weight: 700

}

.f-title-error span {

	color: #01273a;

	font-size: 11.077em;

	line-height: .76471

}

.f-title-error strong {

	font-size: 30px

}

.f-error-description strong {

	font-size: 18px

}

.f-error-description span {

	font-size: 13px;

	line-height: 1.5

}

}



@media (max-width: 639px) {

.dlt-spons-item a {

	margin-bottom: 10px

}

.dlt-com-lt-block {

	padding: 15px

}

.dlt-com-lt-img {

	display: inline-block;

	float: left;

	margin: 0 auto;

	text-align: center;

	width: 100%

}

.dlt-com-lt-text {

	padding-left: 0

}

.dlt-com-lt-title {

	float: left;

	margin-top: 20px;

	margin-bottom: 10px;

	width: 100%

}

}



@media (max-width: 767px) {

.navbar-type-3 .nav-link {

	line-height: 62px

}

ul.contact-ways {

	display: none!important

}

.swiper-pagination {

	display: none

}

.dlt-img-block {

	margin-bottom: 30px

}

.sing-left-01 {

	float: left;

	width: 100%;

	text-align: justify;

	margin: 20px 0

}

.sing-right-01 {

	float: right;

	width: 100%

}

.sing-left-02 {

	float: left;

	width: 100%

}

.sing-right-02 {

	float: right;

	width: 100%;

	text-align: justify;

	margin: 20px 0

}

/* Navbar */

/* ---------------------------------- */

.navbar-type-3 .navbar-btn, .navbar-type-3 .navbar-toggler {

	width: 62px;

	height: 62px;

	line-height: 62px

}

.nav-spliter .nav-item:hover .nav-link, .nav-spliter .nav-item.active .nav-link {

	border-bottom: 2px solid #f9ca40;

	color: #072d40;

	margin-bottom: 2px;

	background: #f9ca40

}

.navbar-nav .nav-link {

	padding: 0 10px

}

.navbar-type-3+main>section:first-child {

	padding-top: 176px

}

.navbar-type-3+main>section.section-xs:first-child {

	padding-top: 92px

}

.navbar-type-3+main>section.section-sm:first-child {

	padding-top: 120px

}

.navbar-type-3+main>section.section-lg:first-child {

	padding-top: 260px

}

.navbar-type-3+main>section.page-header:first-child {

	padding-top: 120px

}

}

/* Page header link */

/* ---------------------------------- */

.page-header {

	position: relative;

	padding: 3rem 0;

	z-index: 0;

	-webkit-background-size: cover;

	background-size: cover;

	background-position: 50% 50%;

	background-repeat: no-repeat

}

.page-header .bg-img::before {

	position: absolute;

	content: "";

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: -1;

	background-color: rgba(0,40,59,0.9)

}

.page-header .bg-img h1 {

	color: #fff

}

.page-header h1 {

	margin-bottom: 5px

}

.page-header .section-header {

	margin-bottom: 0

}

.page-link {

	display: inline-block;

	font-size: 14px;

	font-weight: 700;

	height: 34px;

	line-height: 32px;

    margin-right:.5rem;

	padding: 0;

	text-align: center;

	width: 34px;

	-webkit-transition: .2s linear;

	-o-transition: .2s linear;

	transition: .2s linear

}

.page-link:hover, .page-link.active {

	color: #fff;

	background-color: #00283b;

	border-color: #00283b

}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {

	color: #fff;

	background-color: #00283b;

	border-color: #00283b

}

/* Person team slider */

/* ---------------------------------- */

.person-team-list-block {

	border-bottom: 170px solid #f1f1f1;

	border-left: 40px solid transparent;

	border-right: 40px solid transparent;

	height: 0;

	left: 5px;

	margin: auto 10px;

	position: absolute;

	right: 5px;

	text-align: center;

	top: 42%;

	width: auto;

	z-index: 5;

	padding: 10px 0;

	box-shadow: 0 3px 0 rgba(0,0,0,0.15)

}

.person-team {

	background-color: translate;

	border-radius: 10px;

	min-height: 400px

}

.person-team-title {

	margin-bottom: 40px

}

.news-thum {

	width: 66px;

	height: 66px;

	float: left;

	margin-right: 15px

}

.news-text-thum {

	padding-left: 82px;

	margin-top: -5px

}

ul.widget-news-simple li {

	padding-bottom: 10px;

	border-bottom: 1px solid #28495a

}



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

.person-team-list-block {

	border-bottom: 230px solid #f1f1f1;

	border-left: 40px solid transparent;

	border-right: 40px solid transparent;

	box-shadow: 0 3px 0 rgba(0,0,0,0.15);

	height: 0;

	left: 5px;

	margin: auto 0;

	padding: 10px 0;

	position: absolute;

	right: 5px;

	text-align: center;

	top: 18%;

	width: auto;

	z-index: 5

}

.expert-advisor ul li {

	width: 100%

}

}



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

.person-team-list-block {

	border-bottom: 160px solid #f1f1f1;

	border-left: 40px solid transparent;

	border-right: 40px solid transparent;

	box-shadow: 0 3px 0 rgba(0,0,0,0.15);

	height: 0;

	left: 5px;

	margin: auto 0;

	padding: 10px 0;

	position: absolute;

	right: 5px;

	text-align: center;

	top: 35%;

	width: auto;

	z-index: 5

}

.expert-advisor ul li {

	width: 47%

}

}



.swiper-slide .person-team img {

	width: 100%;

	height: auto;

	border-radius: 10px

}

.swiper-slide .person-team-list-block h5 {

	font-size: 20px;

	font-weight: 600;

	color: #3a3a3a;

	margin-top: 20px;

	margin-bottom: 0

}

.swiper-slide .person-team-list-block p {

	font-weight: 500;

	font-size: 13px;

	font-style: normal;

	margin-bottom: 0;

	color: #747474;

	text-align: center;

	line-height: 22px

}

.swiper-slide .person-team-list-block small {

	display: block;

	margin-bottom: 10px;

	font-weight: 600;

	color: #969696;

	font-size: 12px

}

.person-team-list-social {

	width: 100%;

	display: inline-block;

	text-align: center

}

.person-team-list-social ul {

	list-style: none;

	width: 100%;

	padding: 0;

	margin: 10px 0 0

}

.person-team-list-social ul li {

	text-align: center;

	display: inline-block

}

.person-team-list-social ul li a {

	background: #01273a;

	color: #f9ca40;

	height: 26px;

	width: 26px;

	float: left;

	font-size: 13px;

	line-height: 26px;

	margin: 0 2px;

	border-radius: 30px;

	text-align: center;

	border: 1px solid #01273a

}

.person-team-list-social ul li a:hover {

	background: none;

	border: 1px solid #01273a;

	color: #01273a

}

.person-block {

	margin: 0 auto;

	text-align: center;

	width: 100%

}

.person {

	text-align: center;

	background-color: #fff;

	padding: 20px;

	margin-top: 110px;

	margin-bottom: 20px;

	border: 1px solid #e0e0e0;

	border-radius: 8px

}

.person img {

	width: 100px;

	border-radius: 100%;

	border: 4px solid #e7e6e6;

	margin-top: -25%;

	margin-bottom: 20px

}

.person h5 {

	font-size: 1.125rem;

	font-weight: 600;

	color: #3a3a3a;

 margin-bottom:.125rem

}

.person p {

	font-weight: 500;

	font-size: 13px;

	font-style: normal;

	margin-bottom: 0;

	text-align: center;
	color: #000;

}

.person small {

	display: block;

	margin-bottom: 10px;

	font-weight: 600;

	color: #a8a8a8;

	font-size: 14px

}

.point {

	position: relative;

	padding-left: 1.5rem;

	margin-bottom: 1rem

}

.point::before {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	bottom: 0;

	width: 4px;

	background-color: #f9c841

}

.point h5, .point h6 {

	text-transform: uppercase;

	margin-bottom: 0;

	font-weight: 700

}

.point h5 {

	font-size: 28px;

	font-weight: 800

}

.point h6 {

	color: #f9ca40;

	font-size: 16px;

	margin-bottom: 0

}

/* Progress value */

/* ---------------------------------- */

.progress[value]::-webkit-progress-bar {

	background-color:#00283b;

	border-radius:0;

	height:12px;

	padding:4px

}

.progress[value]::-webkit-progress-value {

	background-color:#f9c841;

	border-radius:0

}

.progress.no-border[value]::-webkit-progress-bar {

	padding:0

}

.entry-header {

	margin: 2rem 0

}

.entry-header h1 {

	font-size: 1.5rem;

	font-weight: 700

}

.entry-header-meta {

	list-style: none;

	padding-left: 0

}

.entry-header-meta li {

    font-size:.75rem;

	font-weight: 300;

	display: inline-block;

	border-right: 1px solid #ccc;

    line-height:.75rem;

	padding-right: 1rem;

	margin-right: 1rem

}

.entry-header-meta li:last-child {

	border-right: none

}

.entry-header-meta a {

	color: #999

}

.entry-header-meta a:hover {

	color: #f9c841

}

.entry-meta {

	margin-top: 2rem;

	padding-top: 1rem;

	border-top: 1px solid #e8e8e8

}

.entry-meta .categories {

    font-size:.75rem

}

.entry-meta .categories a {

	font-weight: 600;

	color: #b3b3b3

}

.entry-meta .categories a:hover {

	color: #f9c841

}

/* Comments area */

/* ---------------------------------- */

.comments-area {

	margin-top: 4rem

}

.comment-respond h3, .comment-list h3 {

	font-size: 1.25rem;

	font-weight: 700;

	margin-bottom: 2rem

}

.comment-list {

	margin-top: 4rem

}

.comment-list .media {

	padding-bottom: 3rem;

	margin-bottom: 4rem;

	border-bottom: 1px solid #e8e8e8

}

.comment-list .media:last-child {

	border-bottom: none;

	padding-bottom: 0;

	margin-bottom: 0

}

.comment-list .media-object img {

	width: 64px;

	height: 64px

}

.comment-list .media-heading {

 font-size:.875rem;

	line-height: 1.25rem;

	font-weight: 700

}

.comment-list .media-heading small {

	display: block;

	color: #999

}

.skill-data {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between

}

.skill-data h6 {

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	-ms-grid-row-align: center;

	align-items: center;

    font-size:.875rem;

	font-weight: 700;

	color: #00283b

}

.skill-data span {

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	-ms-grid-row-align: center;

	align-items: center;

	font-size: 11px;

	font-weight: 500;

	color: #00283b;

	background: #f9ca40;

	padding: 2px 8px;

	border-radius: 4px;

	height: 22px;

	line-height: 16px

}

.skill-data.color-alt h6, .skill-data.color-alt span {

	color: #fff

}

/* Social icon */

/* ---------------------------------- */

.social-icons {

	padding-left: 0;

	margin-bottom: 0;

	list-style: none

}

.social-icons li {

	display: inline-block;

 margin-bottom:.125rem

}

.social-icons a {

	background-color: #fff;

	color: #00283b;

	display: inline-block;

	width: 2rem;

	height: 2rem;

	line-height: 2rem;

    font-size:.875rem;

	text-align: center;

    margin-right:.5rem;

	border-radius: 100%;

	-webkit-transition: background-color .2s linear;

	-o-transition: background-color .2s linear;

	transition: background-color .2s linear

}

.social-icons a:hover, .social-icons a:focus, .social-icons a:active {

	background-color: #f9c841;

	color: #00283b

}

.social-icons.size-sm a {

	width: 1.75rem;

	height: 1.75rem;

	line-height: 1.75rem;

    font-size:.75rem;

    margin-right:.25rem

}

.tag-list {

	margin-top: 30px

}

.tag-list span {

	background-color: #f8f9fb;

	color: #aeaeae;

	padding: 2px 6px;

	margin-right: 8px;

	margin-bottom: 4px;

	font-size: 12px;

	line-height: 20px;

	white-space: nowrap;

	display: inline-block

}

/* Team member */

/* ---------------------------------- */

.team-member {

	background-color: #fff;

	border: 1px solid #e8e8e8;

	padding: 30px;

	margin-top: 15px;

	margin-bottom: 15px;

	text-align: center;

	-webkit-transition: .3s ease-in-out;

	-o-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}

.team-member:hover {

	-webkit-box-shadow: 0 3px 25px 0 rgba(0,0,0,0.1);

	box-shadow: 0 3px 25px 0 rgba(0,0,0,0.1)

}

.team-member h5 {

	color: #00283b;

	margin-bottom: 30px

}

.team-member h5 small {

	display: block;

	padding-top: 10px;

	color: #999

}

.team-member img {

	border-radius: 100%

}

.team-member .social-icons {

	margin-top: 30px;

	margin-bottom: 30px

}

.team-member .social-icons a {

	width: 34px;

	height: 34px;

	line-height: 34px;

	font-size: 13px

}

.team-member p {

	font-size: 14px;

	font-style: italic;

	line-height: 24px;

	color: #818a91

}

/* Testimonial */

/* ---------------------------------- */

.testimonial {

	position: relative;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	margin-bottom: 1rem

}

.testimonial::after {

	content: '”';

	position: absolute;

	top: 1rem;

	right: 0;

	font-size: 5rem;

	line-height: 2rem;

	font-weight: 700;

	color: #f5f5f5;

	z-index: -1

}

.testimonial-body {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1

}

.testimonial-body h5 {

	text-transform: uppercase;

	font-size: 1rem;

	font-weight: 700

}

.testimonial-body small {

	display: block;

	margin-bottom: 1rem

}

.testimonial-body p {

	font-style: italic;

	font-weight: 500;

	line-height: 1.625rem

}

.testimonial-img {

	margin-right: 1.5rem

}

.testimonial-img img {

	max-width: 78px

}

.tile {

	color: #fff;

	padding: 1.5rem;

	margin-bottom: 2rem

}

.tile h5 {

	color: #fff;

	font-size: 3.5rem;

	font-weight: 700;

    margin-bottom:.125rem

}

.tile p {

	margin-bottom: 0;

	font-size: 1rem

}

.tile-yellow {

	background-color: #f9bf3b

}

.tile-red {

	background-color: #e54f53

}

.tile-blue {

	background-color: #59b9f6

}

.tile-green {

	background-color: #7ec855

}

.widget-title {

	font-size: 1.25rem;

	font-weight: 700;

	margin-bottom: 1rem

}

.sidebar-search {

	position: relative;

	border: 1px solid #e8e8e8;

	margin-bottom: 2rem

}

.sidebar-search::after {

	content: "\f002";

	font-family: FontAwesome;

	position: absolute;

	top: 0;

	right: 0;

	display: inline-block;

	height: 50px;

	line-height: 48px;

	width: 50px;

	text-align: center;

	color: #c2c2c2

}

.sidebar-search input {

	border: none;

	width: 100%;

	outline: none;

	line-height: 50px;

	padding-left: 1rem;

	padding-right: 50px

}

/* Widget news */

/* ---------------------------------- */

.widget-news-simple {

	list-style: none;

	padding-left: 0;

	margin-bottom: 0

}

.widget-news-simple li {

	margin-bottom: 10px

}

.widget-news-simple div {

	font-size: 13px;

	font-weight: 600;

	color: #f9ca40

}

.widget-news-simple h6 {

	font-size: 16px;

	font-weight: 600;

	line-height: 22px

}

.widget-news-simple h6 a {

	font-size: 16px;

	font-weight: 600

}

.widget-news-simple p {

	font-size: 13px;

	font-weight: 500;

	margin-bottom: 5px;

	line-height: 22px;

	color: #fff

}

ul.use-slt-link li {

	border-bottom: 1px solid #28495a;

	padding: 6px 0

}

p.about-lt {

	margin-bottom: 10px;

	font-size: 14px;

	font-weight: 500

}

a.more-detail {

	text-align: right;

	width: 100%;

	float: left;

	margin-bottom: 20px;

	text-transform: uppercase;

	font-weight: 600;

	font-size: 14px;

	color: #f9ca40

}

a.more-detail:hover {

	color: #fff

}

/* swiper slider */

/* ---------------------------------- */

.swiper-overlay::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: rgba(0,40,59,0.85);

	z-index: 0

}

.swiper-overlay h1, .swiper-overlay h2, .swiper-overlay h3, .swiper-overlay h4, .swiper-overlay h5, .swiper-overlay h6, .swiper-overlay p {

	color: #fff

}

.swiper-pagination-bullet {

	opacity: 1;

	background-color: #949ea2;

	vertical-align: middle

}

.swiper-pagination-bullet-active {

	background-color: #f9c841;

	border: 3px solid #949ea2;

	width: 20px;

	height: 20px

}

.swiper-button-prev, .swiper-button-next, .testimonial-button-prev, .testimonial-button-next {

	background-image: none;

	background-color: rgba(255,255,255,0.3);

	width: 38px;

	height: 38px;

	font-size: 26px;

	line-height: 32px;

	text-align: center;

	border: 2px solid #072d40;

	color: #072d40;

	display: inline-block;

	cursor: pointer;

	border-radius: 30px;

	margin: 0 5px

}

.swiper-button-prev::before, .swiper-button-next::before, .testimonial-button-prev::before, .testimonial-button-next::before {

	font-family: FontAwesome

}

.swiper-button-prev::before, .testimonial-button-prev::before {

	content: "\f104"

}

.swiper-button-next::before, .testimonial-button-next::before {

	content: "\f105"

}

.swiper-button-next {

	right: 30px

}

.swiper-button-prev {

	left: 30px

}

.swiper-button-disabled {

	border: 2px solid #f9ca40;

	color: #f9ca40

}

.swiper-button-bottom {

	position: relative

}

.swiper-button-bottom .swiper-button-prev, .swiper-button-bottom .swiper-button-next {

	right: 0;

	bottom: 10px;

	top: auto;

	left: auto

}

.swiper-button-bottom .swiper-button-prev {

	right: 36px

}

.swiper-slide .person hr {

	background: #f9cf52;

	border: 0;

	width: 30%;

	margin: 10px auto 20px;

	text-align: center;

	height: 1px

}

.site-header .extended-padding .container {

	padding-left: 6rem;

	padding-right: 6rem

}

.site-header .swiper-pagination {

	bottom: 110px;

	margin: 0 auto -27px;

	position: relative

}

.site-header .swiper-pagination-bullet {

	margin: 0 4px

}

.site-header .swiper-slide {

	min-height: 85vh;

	-webkit-background-size: cover;

	background-size: cover;

	background-position: 50% 20%;

}

.site-header .swiper-slide .v-center {

	width: 100%;

	height: 80vh

}

.bg-alt header.section-header {

	text-align: left

}

.bg-alt header.section-header h2 {

	color: #072d40

}

.slt-things-block .section-header {

	text-align: center!important

}

.services-slider .swiper-wrapper, .speeches-slider .swiper-wrapper {

	padding-bottom: 4rem

}

.services-slider .swiper-pagination-bullet, .speeches-slider .swiper-pagination-bullet {

	background-color: #e7e7e7

}

.services-slider .swiper-pagination-bullet-active, .speeches-slider .swiper-pagination-bullet-active {

	background-color: #f9c841

}

.slide-gradient-right::before, .slide-gradient-left::before {

	content: '';

	position: absolute;

	top: 0;

	bottom: 0;

	width: 50%;

	opacity: .9

}

#main-centent-ii {

	background: rgba(0,0,0,0) url(../img/demo-images/fixed-img.jpg) repeat fixed 0 0 / cover;

	padding: 60px 0

}

.demo-intro-logo {

	padding: 0 0 20px;

	text-align: center;

	margin: 0 auto

}

.text-center {

	text-align: center

}

.main-para {

	color: #fff;

	font-family: "Dosis-Regular", sans-serif;

	font-size: 40px;

	font-weight: 300;

	letter-spacing: 8px;

	margin-top: 25px;

	text-align: center;

	text-transform: uppercase

}

.yellow {

	color: #f5c026;

	font-weight: 600

}

.list-demos {

	color: #999;

	font-family: "Open+Sans", sans-serif;

	font-size: 16px;

	letter-spacing: 1px;

	margin-top: 10px;

	padding: 10px;

	text-transform: uppercase

}

#more-demos {

	margin: 0;

	padding: 20px 0 0

}

.demo-item-block {

	border-top: 1px solid #dfdfdf

}

.demos-one-row {

	height: auto;

	margin: 0 auto;

	overflow: hidden;

	text-align: center

}

.demos {

	border-bottom: 1px solid #dfdfdf;

	border-right: 1px solid #dfdfdf;

	margin-bottom: 0;

	margin-top: 0;

	padding: 70px 0;

	width: 33%;

	float: left

}

.demos:nth-child(3) {

	border-right: 0 none

}

.fix-image {

	background-size: cover;

	height: 260px;

	position: relative

}

.img-res-demo {

	margin: 0 auto 10px;

	max-width: 100%

}

.fix-image:hover .image-shop-scroll {

	background-position: center 100%!important

}

.fix-image .image-shop-scroll {

	transition: background-position 5s ease-out 0;

	background-color: #fff;

	background-position: center 0;

	background-repeat: no-repeat;

	background-size: 100% auto;

	height: 180px;

	left: 16.7%;

	position: absolute;

	top: 11px;

	width: 64.3%

}

.fix-image .image-shop-scroll {

    transition: background-position 5s ease-out 0s;

}

.demo-fix-btn {

	margin-top: 5px

}

.btn-intro {

	background: #092D3D;

	border-radius: 6px;

	color: #F9C841;

	display: inline-block;

	font-size: 16px;

	font-weight: 600;

	margin: 0;

	max-width: 250px;

	padding: 10px;

	text-decoration: none;

	text-shadow: none;

	text-transform: uppercase;

	width: 100%

}

.btn-intro:hover {

	background-color: #F9C841;

	color: #092D3D;

	display: inline-block;

	text-decoration: none

}



@media (max-width: 767px) {

.main-para {

	font-size: 28px;

	letter-spacing: 3px;

	line-height: 32px

}

.demos {

	width: 100%

}

}



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

.main-para {

	font-size: 34px;

	letter-spacing: 3px;

	line-height: 32px

}

.demos {

	width: 100%

}

.fix-image {

	height: 420px

}

.fix-image .image-shop-scroll {

	height: 318px

}

}



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

.main-para {

	font-size: 34px;

	letter-spacing: 3px;

	line-height: 32px

}

.fix-image {

	height: 195px

}

.fix-image .image-shop-scroll {

	height: 135px

}

.demos {

	padding: 50px 0

}

}



.fa.fa-twitter{
	font-family:sans-serif;
}
.fa.fa-twitter::before{
	content:"𝕏";
	font-size:1.2em;
}
/* .service-hero h1, .service-hero p {
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
  }
  
  .card:hover {
	transform: translateY(-5px);
	transition: all 0.3s ease;
  }
  
  .btn-success:hover {
	background: #7AA047 !important;
  }
   */