::-moz-selection
{
	background-color:#283A6D;

	color:#fff
}

::selection
{
	background-color:#283A6D;
	color:#fff
}

::-webkit-input-placeholder
{
	color:#777;
	font-weight:300
}

:-moz-placeholder
{
	color:#777;
	opacity:1;
	font-weight:300
}

::-moz-placeholder
{
	color:#777;
	opacity:1;
	font-weight:300
}

:-ms-input-placeholder
{
	color:#777;
	font-weight:300
}

::-ms-input-placeholder
{
	color:#777;
	font-weight:300
}

body
{
	color:#777;
	font-family:poppins,sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:1.625em;
	position:relative
}

/*
ol,ul
{
	margin:0;
	padding:0;
	list-style:none
}
*/
select
{
	display:block
}

figure
{
	margin:0
}

a
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

iframe
{
	border:0
}

a,a:focus,a:hover
{
	text-decoration:none;
	outline:0
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus
{
	text-decoration:none;
	outline:0
}

.card-panel
{
	margin:0;
	padding:60px
}

.btn i,.btn-large i,.btn-floating i,.btn-large i,.btn-flat i
{
	font-size:1em;
	line-height:inherit
}

.gray-bg
{
	background:#f9f9ff
}

h1,h2,h3,h4,h5,h6
{
	font-family:poppins,sans-serif;
	color:#283A6D;
	line-height:1.2em!important;
	margin-bottom:0;
	margin-top:0;
	font-weight:600
}

.h1,.h2,.h3,.h4,.h5,.h6
{
	margin-bottom:0;
	margin-top:0;
	font-family:poppins,sans-serif;
	font-weight:600;
	color:#222
}

h1,.h1
{
	font-size:32px
}

h2,.h2
{
	font-size:30px
}

h3,.h3
{
	font-size:24px
}

h4,.h4
{
	font-size:18px
}

h5,.h5
{
	font-size:16px
}

h6,.h6
{
	font-size:16px;
	/*color:#222*/
}

td,th
{
	border-radius:0
}

.clear::before,.clear::after
{
	content:" ";
	display:table
}

.clear::after
{
	clear:both
}

.fz-11
{
	font-size:11px
}

.fz-12
{
	font-size:12px
}

.fz-13
{
	font-size:13px
}

.fz-14
{
	font-size:14px
}

.fz-15
{
	font-size:15px
}

.fz-16
{
	font-size:16px
}

.fz-18
{
	font-size:18px
}

.fz-30
{
	font-size:30px
}

.fz-48
{
	font-size:48px!important
}

.fw100
{
	font-weight:100
}

.fw300
{
	font-weight:300
}

.fw400
{
	font-weight:400!important
}

.fw500
{
	font-weight:500
}

.f700
{
	font-weight:700
}

.fsi
{
	font-style:italic
}

.mt-10
{
	margin-top:10px
}

.mt-15
{
	margin-top:15px
}

.mt-20
{
	margin-top:20px
}

.mt-25
{
	margin-top:25px
}

.mt-30
{
	margin-top:30px
}

.mt-35
{
	margin-top:35px
}

.mt-40
{
	margin-top:40px
}

.mt-50
{
	margin-top:50px
}

.mt-60
{
	margin-top:60px
}

.mt-70
{
	margin-top:70px
}

.mt-80
{
	margin-top:80px
}

.mt-100
{
	margin-top:100px
}

.mt-120
{
	margin-top:120px
}

.mt-150
{
	margin-top:150px
}

.ml-0
{
	margin-left:0!important
}

.ml-5
{
	margin-left:5px!important
}

.ml-10
{
	margin-left:10px
}

.ml-15
{
	margin-left:15px
}

.ml-20
{
	margin-left:20px
}

.ml-30
{
	margin-left:30px
}

.ml-50
{
	margin-left:50px
}

.mr-0
{
	margin-right:0!important
}

.mr-5
{
	margin-right:5px!important
}

.mr-15
{
	margin-right:15px
}

.mr-10
{
	margin-right:10px
}

.mr-20
{
	margin-right:20px
}

.mr-30
{
	margin-right:30px
}

.mr-50
{
	margin-right:50px
}

.mb-0
{
	margin-bottom:0
}

.mb-0-i
{
	margin-bottom:0!important
}


.mb-5
{
	margin-bottom:5px
}

.mb-10
{
	margin-bottom:10px
}

.mb-15
{
	margin-bottom:15px
}

.mb-20
{
	margin-bottom:20px
}

.mb-25
{
	margin-bottom:25px
}

.mb-30
{
	margin-bottom:30px
}

.mb-40
{
	margin-bottom:40px
}

.mb-50
{
	margin-bottom:50px
}

.mb-60
{
	margin-bottom:60px
}

.mb-70
{
	margin-bottom:70px
}

.mb-80
{
	margin-bottom:80px
}

.mb-90
{
	margin-bottom:90px
}

.mb-100
{
	margin-bottom:100px
}

.pt-0
{
	padding-top:0
}

.pt-10
{
	padding-top:10px
}

.pt-15
{
	padding-top:15px
}

.pt-20
{
	padding-top:20px
}

.pt-25
{
	padding-top:25px
}

.pt-30
{
	padding-top:30px
}

.pt-40
{
	padding-top:40px
}

.pt-50
{
	padding-top:50px
}

.pt-60
{
	padding-top:60px
}

.pt-70
{
	padding-top:70px
}

.pt-80
{
	padding-top:80px
}

.pt-90
{
	padding-top:90px
}

.pt-100
{
	padding-top:100px
}

.pt-120
{
	padding-top:120px
}

.pt-150
{
	padding-top:150px
}

.pt-170
{
	padding-top:170px
}

.pb-0
{
	padding-bottom:0
}

.pb-10
{
	padding-bottom:10px
}

.pb-15
{
	padding-bottom:15px
}

.pb-20
{
	padding-bottom:20px
}

.pb-25
{
	padding-bottom:25px
}

.pb-30
{
	padding-bottom:30px
}

.pb-40
{
	padding-bottom:40px
}

.pb-50
{
	padding-bottom:50px
}

.pb-60
{
	padding-bottom:60px
}

.pb-70
{
	padding-bottom:70px
}

.pb-80
{
	padding-bottom:80px
}

.pb-90
{
	padding-bottom:90px
}

.pb-100
{
	padding-bottom:100px
}

.pb-120
{
	padding-bottom:120px
}

.pb-150
{
	padding-bottom:150px
}

.pr-30
{
	padding-right:30px
}

.pl-30
{
	padding-left:30px
}

.pl-90
{
	padding-left:90px
}

.p-40
{
	padding:40px
}

.float-left
{
	float:left
}

.float-right
{
	float:right
}

.text-italic
{
	font-style:italic
}

.text-white
{
	color:#fff
}

.text-black
{
	color:#000
}

.transition
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.section-full
{
	padding:100px 0
}

.section-half
{
	padding:75px 0
}

.text-center
{
	text-align:center
}

.text-left
{
	text-align:left
}

.text-rigth
{
	text-align:right
}

.flex
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex
}

.inline-flex
{
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:-moz-inline-flex;
	display:-ms-inline-flexbox;
	display:inline-flex
}

.flex-grow
{
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-moz-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1
}

.flex-wrap
{
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}

.flex-left
{
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start
}

.flex-middle
{
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center
}

.flex-right
{
	-webkit-box-pack:end;
	-ms-flex-pack:end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	justify-content:flex-end
}

.flex-top
{
	-webkit-align-self:flex-start;
	-moz-align-self:flex-start;
	-ms-flex-item-align:start;
	align-self:flex-start
}

.flex-center
{
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center
}

.flex-bottom
{
	-webkit-align-self:flex-end;
	-moz-align-self:flex-end;
	-ms-flex-item-align:end;
	align-self:flex-end
}

.space-between
{
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between
}

.space-around
{
	-ms-flex-pack:distribute;
	-webkit-justify-content:space-around;
	-moz-justify-content:space-around;
	justify-content:space-around
}

.flex-column
{
	-webkit-box-direction:normal;
	-webkit-box-orient:vertical;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column
}

.flex-cell
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-moz-flex-grow:1;
	-ms-flex-positive:1;
	flex-grow:1
}

.display-table
{
	display:table
}

.light
{
	color:#fff
}

.dark
{
	color:#222
}

.relative
{
	position:relative
}

.overflow-hidden
{
	overflow:hidden
}

.overlay
{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}

.container.fullwidth
{
	width:100%
}

.container.no-padding
{
	padding-left:0;
	padding-right:0
}

.no-padding
{
	padding:0
}

.section-bg
{
	background:#f9fafc
}

@media(max-width:767px)
{
	.no-flex-xs
{
	display:block!important
}


}

.row.no-margin
{
	margin-left:0;
	margin-right:0
}

.sample-text-area
{
	background:#fff;
	padding:100px 0 70px
}

.text-heading
{
	margin-bottom:30px;
	font-size:24px
}

b,sup,sub,u,del
{
	color:#283A6D
}

h1
{
	font-size:25px
}

h2
{
	font-size:30px
}

h3
{
	font-size:24px
}

h4
{
	font-size:18px
}

h5
{
	font-size:22px
}

h6
{
	font-size:16px
}

h1,h2,h3,h4,h5,h6
{
	line-height:1.5em
}

.typography h1,.typography h2,.typography h3,.typography h4,.typography h5,.typography h6
{
	color:#777
}

.button-area
{
	background:#fff
}

.button-area .border-top-generic
{
	padding:70px 15px;
	border-top:1px dotted #eee
}

.button-group-area .genric-btn
{
	margin-right:10px;
	margin-top:10px
}

.button-group-area .genric-btn:last-child
{
	margin-right:0
}

.genric-btn
{
	display:inline-block;
	outline:none;
	line-height:40px;
	padding:0 30px;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	font-weight:500;
	cursor:pointer;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.genric-btn:focus
{
	outline:none
}

.genric-btn.e-large
{
	padding:0 40px;
	line-height:50px
}

.genric-btn.large
{
	line-height:45px
}

.genric-btn.medium
{
	line-height:30px
}

.genric-btn.small
{
	line-height:25px
}

.genric-btn.radius
{
	border-radius:3px
}

.genric-btn.circle
{
	border-radius:20px
}

.genric-btn.arrow
{
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}

.genric-btn.arrow span
{
	margin-left:10px
}

.genric-btn.default
{
	color:#222;
	background:#f9f9ff;
	border:1px solid transparent
}

.genric-btn.default:hover
{
	border:1px solid #f9f9ff;
	background:#fff
}

.genric-btn.default-border
{
	border:1px solid #f9f9ff;
	background:#fff
}

.genric-btn.default-border:hover
{
	color:#222;
	background:#f9f9ff;
	border:1px solid transparent
}

.genric-btn.primary
{
	color:#fff;
	background:#283A6D;
	border:1px solid transparent
}

.genric-btn.primary:hover
{
	color:#283A6D;
	border:1px solid #283A6D;
	background:#fff
}

.genric-btn.primary-border
{
	color:#283A6D;
	border:1px solid #283A6D;
	background:#fff
}

.genric-btn.primary-border:hover
{
	color:#fff;
	background:#283A6D;
	border:1px solid transparent
}

.genric-btn.success
{
	color:#fff;
	background:#4cd3e3;
	border:1px solid transparent
}

.genric-btn.success:hover
{
	color:#4cd3e3;
	border:1px solid #4cd3e3;
	background:#fff
}

.genric-btn.success-border
{
	color:#4cd3e3;
	border:1px solid #4cd3e3;
	background:#fff
}

.genric-btn.success-border:hover
{
	color:#fff;
	background:#4cd3e3;
	border:1px solid transparent
}

.genric-btn.info
{
	color:#fff;
	background:#38a4ff;
	border:1px solid transparent
}

.genric-btn.info:hover
{
	color:#38a4ff;
	border:1px solid #38a4ff;
	background:#fff
}

.genric-btn.info-border
{
	color:#38a4ff;
	border:1px solid #38a4ff;
	background:#fff
}

.genric-btn.info-border:hover
{
	color:#fff;
	background:#38a4ff;
	border:1px solid transparent
}

.genric-btn.warning
{
	color:#fff;
	background:#f4e700;
	border:1px solid transparent
}

.genric-btn.warning:hover
{
	color:#f4e700;
	border:1px solid #f4e700;
	background:#fff
}

.genric-btn.warning-border
{
	color:#f4e700;
	border:1px solid #f4e700;
	background:#fff
}

.genric-btn.warning-border:hover
{
	color:#fff;
	background:#f4e700;
	border:1px solid transparent
}

.genric-btn.danger
{
	color:#fff;
	background:#f44a40;
	border:1px solid transparent
}

.genric-btn.danger:hover
{
	color:#f44a40;
	border:1px solid #f44a40;
	background:#fff
}

.genric-btn.danger-border
{
	color:#f44a40;
	border:1px solid #f44a40;
	background:#fff
}

.genric-btn.danger-border:hover
{
	color:#fff;
	background:#f44a40;
	border:1px solid transparent
}

.genric-btn.link
{
	color:#222;
	background:#f9f9ff;
	text-decoration:underline;
	border:1px solid transparent
}

.genric-btn.link:hover
{
	color:#222;
	border:1px solid #f9f9ff;
	background:#fff
}

.genric-btn.link-border
{
	color:#222;
	border:1px solid #f9f9ff;
	background:#fff;
	text-decoration:underline
}

.genric-btn.link-border:hover
{
	color:#222;
	background:#f9f9ff;
	border:1px solid transparent
}

.genric-btn.disable
{
	color:#222,.3;
	background:#f9f9ff;
	border:1px solid transparent;
	cursor:not-allowed
}

.generic-blockquote
{
	padding:30px 50px 30px 30px;
	background:#f9f9ff;
	border-left:2px solid #283A6D
}

.progress-table-wrap
{
	overflow-x:scroll
}

.progress-table
{
	background:#f9f9ff;
	padding:15px 0 30px;
	min-width:800px
}

.progress-table .serial
{
	width:11.83%;
	padding-left:30px
}

.progress-table .country
{
	width:28.07%
}

.progress-table .visit
{
	width:19.74%
}

.progress-table .percentage
{
	width:40.36%;
	padding-right:50px
}

.progress-table .table-head
{
	display:flex
}

.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head .visit,.progress-table .table-head .percentage
{
	color:#222;
	line-height:40px;
	text-transform:uppercase;
	font-weight:500
}

.progress-table .table-row
{
	padding:15px 0;
	border-top:1px solid #edf3fd;
	display:flex
}

.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage
{
	display:flex;
	align-items:center
}

.progress-table .table-row .country img
{
	margin-right:15px
}

.progress-table .table-row .percentage .progress
{
	width:80%;
	border-radius:0;
	background:0 0
}

.progress-table .table-row .percentage .progress .progress-bar
{
	height:5px;
	line-height:5px
}

.progress-table .table-row .percentage .progress .progress-bar.color-1
{
	background-color:#6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-2
{
	background-color:#e66686
}

.progress-table .table-row .percentage .progress .progress-bar.color-3
{
	background-color:#f09359
}

.progress-table .table-row .percentage .progress .progress-bar.color-4
{
	background-color:#73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-5
{
	background-color:#73fbaf
}

.progress-table .table-row .percentage .progress .progress-bar.color-6
{
	background-color:#6382e6
}

.progress-table .table-row .percentage .progress .progress-bar.color-7
{
	background-color:#a367e7
}

.progress-table .table-row .percentage .progress .progress-bar.color-8
{
	background-color:#e66686
}

.single-gallery-image
{
	margin-top:30px;
	background-repeat:no-repeat!important;
	background-position:center center!important;
	background-size:cover!important;
	height:200px
}

.list-style
{
	width:14px;
	height:14px
}

.unordered-list li
{
	position:relative;
	padding-left:30px;
	line-height:1.82em!important
}

.unordered-list li:before
{
	content:"";
	position:absolute;
	width:14px;
	height:14px;
	border:3px solid #283A6D;
	background:#fff;
	top:4px;
	left:0;
	border-radius:50%
}

.ordered-list
{
	margin-left:30px
}

.ordered-list li
{
	list-style-type:decimal-leading-zero;
	color:#283A6D;
	font-weight:500;
	line-height:1.82em!important
}

.ordered-list li span
{
	font-weight:300;
	color:#777
}

.ordered-list-alpha li
{
	margin-left:30px;
	list-style-type:lower-alpha;
	color:#283A6D;
	font-weight:500;
	line-height:1.82em!important
}

.ordered-list-alpha li span
{
	font-weight:300;
	color:#777
}

.ordered-list-roman li
{
	margin-left:30px;
	list-style-type:lower-roman;
	color:#283A6D;
	font-weight:500;
	line-height:1.82em!important
}

.ordered-list-roman li span
{
	font-weight:300;
	color:#777
}

.single-input
{
	display:block;
	width:100%;
	line-height:40px;
	border:none;
	outline:none;
	background:#f9f9ff;
	padding:0 20px
}

.single-input:focus
{
	outline:none
}

.input-group-icon
{
	position:relative
}

.input-group-icon .icon
{
	position:absolute;
	left:20px;
	top:0;
	line-height:40px;
	z-index:3
}

.input-group-icon .icon i
{
	color:#797979
}

.input-group-icon .single-input
{
	padding-left:45px
}

.single-textarea
{
	display:block;
	width:100%;
	line-height:40px;
	border:none;
	outline:none;
	background:#f9f9ff;
	padding:0 20px;
	height:100px;
	resize:none
}

.single-textarea:focus
{
	outline:none
}

.single-input-primary
{
	display:block;
	width:100%;
	line-height:40px;
	border:1px solid transparent;
	outline:none;
	background:#f9f9ff;
	padding:0 20px
}

.single-input-primary:focus
{
	outline:none;
	border:1px solid #283A6D
}

.single-input-accent
{
	display:block;
	width:100%;
	line-height:40px;
	border:1px solid transparent;
	outline:none;
	background:#f9f9ff;
	padding:0 20px
}

.single-input-accent:focus
{
	outline:none;
	border:1px solid #eb6b55
}

.single-input-secondary
{
	display:block;
	width:100%;
	line-height:40px;
	border:1px solid transparent;
	outline:none;
	background:#f9f9ff;
	padding:0 20px
}

.single-input-secondary:focus
{
	outline:none;
	border:1px solid #f09359
}

.default-switch
{
	width:35px;
	height:17px;
	border-radius:8.5px;
	background:#f9f9ff;
	position:relative;
	cursor:pointer
}

.default-switch input
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0;
	cursor:pointer
}

.default-switch input+label
{
	position:absolute;
	top:1px;
	left:1px;
	width:15px;
	height:15px;
	border-radius:50%;
	background:#283A6D;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
	box-shadow:0 4px 5px 0 rgba(0,0,0,.2);
	cursor:pointer
}

.default-switch input:checked+label
{
	left:19px
}

.primary-switch
{
	width:35px;
	height:17px;
	border-radius:8.5px;
	background:#f9f9ff;
	position:relative;
	cursor:pointer
}

.primary-switch input
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0
}

.primary-switch input+label
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%
}

.primary-switch input+label:before
{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:0 0;
	border-radius:8.5px;
	cursor:pointer;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s
}

.primary-switch input+label:after
{
	content:"";
	position:absolute;
	top:1px;
	left:1px;
	width:15px;
	height:15px;
	border-radius:50%;
	background:#fff;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
	box-shadow:0 4px 5px 0 rgba(0,0,0,.2);
	cursor:pointer
}

.primary-switch input:checked+label:after
{
	left:19px
}

.primary-switch input:checked+label:before
{
	background:#283A6D
}

.confirm-switch
{
	width:35px;
	height:17px;
	border-radius:8.5px;
	background:#f9f9ff;
	position:relative;
	cursor:pointer
}

.confirm-switch input
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0
}

.confirm-switch input+label
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%
}

.confirm-switch input+label:before
{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background:0 0;
	border-radius:8.5px;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
	cursor:pointer
}

.confirm-switch input+label:after
{
	content:"";
	position:absolute;
	top:1px;
	left:1px;
	width:15px;
	height:15px;
	border-radius:50%;
	background:#fff;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s;
	box-shadow:0 4px 5px 0 rgba(0,0,0,.2);
	cursor:pointer
}

.confirm-switch input:checked+label:after
{
	left:19px
}

.confirm-switch input:checked+label:before
{
	background:#4cd3e3
}

.primary-checkbox
{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#f9f9ff;
	position:relative;
	cursor:pointer
}

.primary-checkbox input
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0
}

.primary-checkbox input+label
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	border-radius:3px;
	cursor:pointer;
	border:1px solid #f1f1f1
}

.primary-checkbox input:checked+label
{
	background:url(../img/elements/primary-check.png) no-repeat center center/cover;
	border:none
}

.confirm-checkbox
{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#f9f9ff;
	position:relative;
	cursor:pointer
}

.confirm-checkbox input
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0
}

.confirm-checkbox input+label
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	border-radius:3px;
	cursor:pointer;
	border:1px solid #f1f1f1
}

.confirm-checkbox input:checked+label
{
	background:url(../img/elements/success-check.png) no-repeat center center/cover;
	border:none
}

.disabled-checkbox
{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#f9f9ff;
	position:relative;
	cursor:pointer
}

.disabled-checkbox input
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0
}

.disabled-checkbox input+label
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	border-radius:3px;
	cursor:pointer;
	border:1px solid #f1f1f1
}

.disabled-checkbox input:disabled
{
	cursor:not-allowed;
	z-index:3
}

.disabled-checkbox input:checked+label
{
	background:url(../img/elements/disabled-check.png) no-repeat center center/cover;
	border:none
}

.primary-radio
{
	width:16px;
	height:16px;
	border-radius:8px;
	background:#f9f9ff;
	position:relative;
	cursor:pointer
}

.primary-radio input
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0
}

.primary-radio input+label
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	border-radius:8px;
	cursor:pointer;
	border:1px solid #f1f1f1
}

.primary-radio input:checked+label
{
	background:url(../img/elements/primary-radio.png) no-repeat center center/cover;
	border:none
}

.confirm-radio
{
	width:16px;
	height:16px;
	border-radius:8px;
	background:#f9f9ff;
	position:relative;
	cursor:pointer
}

.confirm-radio input
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0
}

.confirm-radio input+label
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	border-radius:8px;
	cursor:pointer;
	border:1px solid #f1f1f1
}

.confirm-radio input:checked+label
{
	background:url(../img/elements/success-radio.png) no-repeat center center/cover;
	border:none
}

.disabled-radio
{
	width:16px;
	height:16px;
	border-radius:8px;
	background:#f9f9ff;
	position:relative;
	cursor:pointer
}

.disabled-radio input
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	opacity:0
}

.disabled-radio input+label
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	border-radius:8px;
	cursor:pointer;
	border:1px solid #f1f1f1
}

.disabled-radio input:disabled
{
	cursor:not-allowed;
	z-index:3
}

.disabled-radio input:checked+label
{
	background:url(../img/elements/disabled-radio.png) no-repeat center center/cover;
	border:none
}

.default-select
{
	height:40px
}

.default-select .nice-select
{
	border:none;
	border-radius:0;
	height:40px;
	background:#f9f9ff;
	padding-left:20px;
	padding-right:40px
}

.default-select .nice-select .list
{
	margin-top:0;
	border:none;
	border-radius:0;
	box-shadow:none;
	width:100%;
	padding:10px 0 10px 0
}

.default-select .nice-select .list .option
{
	font-weight:300;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	line-height:28px;
	min-height:28px;
	font-size:12px;
	padding-left:20px
}

.default-select .nice-select .list .option.selected
{
	color:#283A6D;
	background:0 0
}

.default-select .nice-select .list .option:hover
{
	color:#283A6D;
	background:0 0
}

.default-select .current
{
	margin-right:50px;
	font-weight:300
}

.default-select .nice-select::after
{
	right:20px
}

.form-select
{
	height:40px;
	width:100%
}

.form-select .nice-select
{
	border:none;
	border-radius:0;
	height:40px;
	background:#f9f9ff;
	padding-left:45px;
	padding-right:40px;
	width:100%
}

.form-select .nice-select .list
{
	margin-top:0;
	border:none;
	border-radius:0;
	box-shadow:none;
	width:100%;
	padding:10px 0 10px 0
}

.form-select .nice-select .list .option
{
	font-weight:300;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	line-height:28px;
	min-height:28px;
	font-size:12px;
	padding-left:45px
}

.form-select .nice-select .list .option.selected
{
	color:#283A6D;
	background:0 0
}

.form-select .nice-select .list .option:hover
{
	color:#283A6D;
	background:0 0
}

.form-select .current
{
	margin-right:50px;
	font-weight:300
}

.form-select .nice-select::after
{
	right:20px
}

.header-top
{
	font-size:12px;
	padding:8px;
	background-color:#222
}

.header-top a
{
	color:#fff
}

.header-top ul li
{
	display:inline-block;
	margin-right:30px
}

.header-top .header-top-left i
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.header-top .header-top-left a:hover
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.header-top .header-top-left a:hover i
{
	color:#283A6D
}

.header-top .header-top-right
{
	text-align:right
}

.header-top .header-top-right a
{
	margin-right:10px
}

.header-top .lnr
{
	display:none
}

@media(max-width:588px)
{
	.header-top .lnr
{
	display:block;
	font-weight:700;
	font-size:16px;
	color:#fff
}

.header-top .text
{
	display:none
}


}

@media(max-width:767px)
{
	.header-top
{
	display:none
}


}

.top-head-btn
{
	background:#283A6D;
	padding:9px 26px
}

.main-menu
{
	padding-top:10px
}

#header
{
	padding:0 0 0px;
	position:fixed;
	left:0;
	top:0;
	right:0;
	transition:all .5s;
	z-index:997;
	background-color: #283A6D
}

#header.header-scrolled
{
	background:#283A6D;
	transition:all .5s
}

@media(max-width:673px)
{
	#logo
{
	margin-left:20px
}


}

#header #logo h1
{
	font-size:34px;
	margin:0;
	padding:0;
	line-height:1;
	font-weight:700;
	letter-spacing:3px
}

#header #logo h1 a,#header #logo h1 a:hover
{
	color:#fff;
	padding-left:10px;
	border-left:4px solid #283A6D
}

#header #logo img
{
	padding:0;
	margin:0;
	height: 80px
}

@media(max-width:768px)
{
	#header #logo h1
{
	font-size:28px
}

#header #logo img
{
	max-height:60px
}


}

.nav-menu,.nav-menu *
{
	margin:0;
	padding:0;
	list-style:none
}

.nav-menu ul
{
	position:absolute;
	display:none;
	top:100%;
	left:0;
	z-index:99;
	background:rgba(255,255,255,.9)
}

.nav-menu li
{
	position:relative;
	white-space:nowrap
}

.nav-menu>li
{
	float:left
}

.nav-menu li:hover>ul,.nav-menu li.sfHover>ul
{
	display:block
}

.nav-menu ul ul
{
	top:0;
	left:100%
}

.nav-menu ul li
{
	min-width:180px;
	text-align:left
}

.sf-arrows .sf-with-ul
{
	padding-right:30px
}

.sf-arrows .sf-with-ul:after
{
	content:"\f107";
	position:absolute;
	right:15px;
	font-family:FontAwesome;
	font-style:normal;
	font-weight:400
}

.sf-arrows ul .sf-with-ul:after
{
	content:"\f105"
}

#nav-menu-container
{
	margin:0
}

.nav-menu a
{
	padding:0 15px 0;
	text-decoration:none;
	display:inline-block;
	color:#fff;
	font-weight:400;
	font-size:20px;
	/*text-transform:uppercase;*/
	outline:none
}

.nav-menu>li
{
	margin-left:10px
}

.nav-menu ul
{
	margin:22px 0 0;
	padding:10px;
	box-shadow:0 0 30px rgba(127,137,161,.25);
	background:#fff
}

.nav-menu ul li
{
	transition:.3s
}

.nav-menu ul li a
{
	padding:10px;
	color:#333;
	transition:.3s;
	display:block;
	font-size:12px;
	text-transform:none
}

.nav-menu ul li:hover>a
{
	color:#283A6D
}

.nav-menu ul ul
{
	margin:0
}

#mobile-nav-toggle
{
	position:fixed;
	right:15px;
	z-index:999;
	top:22px;
	border:0;
	background:0 0;
	font-size:24px;
	display:none;
	transition:all .4s;
	outline:none;
	cursor:pointer
}

@media(max-width:767px)
{
	#mobile-nav-toggle
{
	top:22px
}


}

#mobile-nav-toggle i
{
	color:#fff;
	font-weight:900
}

@media(max-width:960px)
{
	#mobile-nav-toggle
{
	display:inline
}

#nav-menu-container
{
	display:none
}


}

#mobile-nav
{
	position:fixed;
	top:0;
	padding-top:18px;
	bottom:0;
	z-index:998;
	background:rgba(0,0,0,.8);
	left:-260px;
	width:260px;
	overflow-y:auto;
	transition:.4s
}

#mobile-nav ul
{
	padding:0;
	margin:0;
	list-style:none
}

#mobile-nav ul li
{
	position:relative
}

#mobile-nav ul li a
{
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	overflow:hidden;
	padding:10px 22px 10px 15px;
	position:relative;
	text-decoration:none;
	width:100%;
	display:block;
	outline:none;
	font-weight:700
}

#mobile-nav ul li a:hover
{
	color:#fff
}

#mobile-nav ul li li
{
	padding-left:30px
}

#mobile-nav ul .menu-has-children i
{
	position:absolute;
	right:0;
	z-index:99;
	padding:15px;
	cursor:pointer;
	color:#fff
}

#mobile-nav ul .menu-has-children i.fa-chevron-up
{
	color:#283A6D
}

#mobile-nav ul .menu-has-children li a
{
	text-transform:none
}

#mobile-nav ul .menu-item-active
{
	color:#283A6D
}

#mobile-body-overly
{
	width:100%;
	height:100%;
	z-index:997;
	top:0;
	left:0;
	position:fixed;
	background:rgba(0,0,0,.7);
	display:none
}

body.mobile-nav-active
{
	overflow:hidden
}

body.mobile-nav-active #mobile-nav
{
	left:0
}

body.mobile-nav-active #mobile-nav-toggle
{
	color:#fff
}



.section-title
{
	padding-bottom:30px
}

.section-title h2
{
	margin-bottom:20px
}

.section-title p
{
	font-size:16px;
	margin-bottom:0
}

@media(max-width:991.98px)
{
	.section-title p br
{
	display:none
}


}

.alert-msg
{
	color:green
}

.p1-gradient-bg,.primary-btn,.single-product:hover .details .primary-btn,.about-video-right .overlay-bg,.blog-area .detais .tags li,.footer-social a:hover
{
	background-image:-moz-linear-gradient(0deg,#828fff 0%,#d496ff 100%);
	background-image:-webkit-linear-gradient(0deg,#828fff 0%,#d496ff 100%);
	background-image:-ms-linear-gradient(0deg,#828fff 0%,#d496ff 100%)
}

.p1-gradient-color
{
	background:-moz-linear-gradient(0deg,#828fff 0%,#d496ff 100%);
	background:-webkit-linear-gradient(0deg,#828fff 0%,#d496ff 100%);
	background:-ms-linear-gradient(0deg,#828fff 0%,#d496ff 100%);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent
}

.primary-btn
{
	line-height:42px;
	padding-left:30px;
	padding-right:30px;
	border-radius:25px;
	border:1px solid transparent;
	color:#fff;
	display:inline-block;
	font-weight:500;
	position:relative;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	cursor:pointer;
	position:relative
}

.primary-btn:focus
{
	outline:none
}

.primary-btn span
{
	color:#fff;
	position:absolute;
	top:50%;
	transform:translateY(-60%);
	right:30px;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.primary-btn:hover
{
	background:0 0;
	color:#283A6D;
	border-color:#283A6D
}

.primary-btn.white
{
	border:1px solid #fff;
	color:#fff
}

.primary-btn.white span
{
	color:#fff
}

.primary-btn.white:hover
{
	background:#fff;
	color:#283A6D
}

.primary-btn.white:hover span
{
	color:#283A6D
}

.overlay
{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}

.banner-area
{
	background:url(../img/landingframe2.jpg) center;
	background-size:cover

}

.banner-area .primary-btn
{
	padding-left:30px;
	padding-right:30px
}



.banner-content h1
{
	color:#fff;
	font-size:60px;
	font-weight:300;
	line-height:1em

}

@media(max-width:991.98px)
{
	.banner-content h1
{
	font-size:36px
}


}

@media(max-width:991.98px)
{
	.banner-content h1 br
{
	display:none
}


}

@media(max-width:1199.98px)
{
	.banner-content h1
{
	font-size:35px
}


}

@media(max-width:767px)
{
	.banner-content h1
{
	margin-top:50px
}


}

.banner-content p
{
	margin-bottom:20px;
	margin-top:5px
}

@media(max-width:960px)
{
	.banner-content br
{
	display:none
}


}

.header-btn
{
	background:#fff;
	border-radius:0;
	color:#222!important;
	padding-left:30px;
	padding-right:30px;
	border:1px solid transparent;
	color:#fff
}

.header-btn:hover
{
	border:1px solid #fff;
	background:0 0;
	color:#fff!important
}

.single-product
{
	text-align:center;
	border-radius:10px;
	background-color:#fff;
	box-shadow:0 10px 30px 0 rgba(212,150,255,.2)
}

.single-product .thumb
{
	padding:15px;
	border-bottom:1px solid #eee
}

.single-product .details
{
	padding:20px;
	background-color:#f9f9ff
}

.single-product .details h4
{
	margin-bottom:20px
}

.single-product .details .primary-btn
{
	margin-top:10px;
	border-radius:0;
	background:#fff;
	color:#222!important;
	font-weight:600
}

.single-product:hover
{
	cursor:pointer
}

.single-product:hover .details .primary-btn
{
	color:#fff!important
}

@media(max-width:960px)
{
	.single-product
{
	margin-bottom:30px
}


}

.home-about-left img
{
	width:100%
}

.home-about-right
{
	padding-right:20%;
	padding-left:4%
}

@media(max-width:1366px)
{
	.home-about-right
{
	padding-left:15px;
	padding-right:15px
}


}

.home-about-right h1
{
	padding:20px 0
}

@media(max-width:413px)
{
	.home-about-right h1 br
{
	display:none
}


}

.home-about-right h5
{
	margin-bottom:20px;
	font-weight:300
}

.home-about-right .primary-btn
{
	border-radius:0
}

@media(max-width:960px)
{
	.home-about-right
{
	margin-top:50px
}


}

.about-video-left h6
{
	color:#283A6D;
	font-weight:300;
	letter-spacing:2px;
	font-size:12px
}

.about-video-left h1
{
	padding:20px 0
}

@media(max-width:413px)
{
	.about-video-left h1 br
{
	display:none
}


}

.about-video-left p span
{
	font-weight:600;
	color:#222
}

.about-video-left .primary-btn
{
	border-radius:0
}

.about-video-right
{
	background:url(../img/video-bg.jpg) no-repeat center;
	background-size:cover;
	height:330px
}

.about-video-right .overlay-bg
{
	opacity:.8
}

.about-video-right .play-btn
{
	z-index:2
}

@media(max-width:960px)
{
	.about-video-right
{
	margin-top:100px
}


}

.feature-area
{
	background:url(../img/feature-bg.jpg) center;
	background-size:cover
}

.feature-area .single-feature
{
	background:#fff;
	padding:35px;
	border-radius:10px;
	margin-bottom:30px
}

.feature-area .single-feature h4
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.feature-area .single-feature .title .lnr
{
	color:#222;
	font-weight:600;
	font-size:20px;
	margin-right:10px
}

.feature-area .single-feature p
{
	margin-bottom:0;
	margin-top:15px
}

.feature-area .single-feature:hover
{
	cursor:pointer
}

.feature-area .single-feature:hover h4,.feature-area .single-feature:hover .lnr
{
	color:#283A6D
}

.single-brand img
{
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.single-brand img:hover
{
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%)
}

@media(max-width:800px)
{
	.single-brand img
{
	margin-bottom:40px
}


}

.blog-area .thumb img
{
	border-radius:10px
}

.blog-area .detais .tags
{
	margin:15px 0
}

.blog-area .detais .tags li
{
	display:inline-block;
	padding:4px 15px;
	font-size:12px;
	font-weight:400;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	border:1px solid transparent
}

.blog-area .detais .tags li a
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	color:#fff
}

.blog-area .detais .tags li:hover
{
	border-color:#eee;
	background:#fff
}

.blog-area .detais .tags li:hover a
{
	color:#222
}

.blog-area .detais h4
{
	margin-bottom:15px
}

.blog-area .detais .date
{
	color:#222
}

.footer-area
{
	background-color :#283A6D;
	background-size:cover;
	padding-top:50px;
	margin-top: 0px;
	padding-bottom: 20px
	
}

.footer-area .footer-nav li
{
	margin-top:8px
}

.footer-area .footer-nav li a
{
	color:#fff
}

.footer-area .footer-nav li a:hover
{
	color:#283A6D
}

.footer-area .primary-btn
{
	background-color:#283A6D;
	line-height:42px;
	padding-left:30px;
	padding-right:60px;
	border-radius:25px;
	border:none;
	color:#fff;
	display:inline-block;
	font-weight:500;
	position:relative;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	cursor:pointer;
	text-transform:uppercase;
	position:relative
}

.footer-area .primary-btn:focus
{
	outline:none
}

.footer-area .primary-btn span
{
	color:#fff;
	position:absolute;
	top:50%;
	transform:translateY(-60%);
	right:30px;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.footer-area .primary-btn:hover
{
	background-color:#283A6D;
	box-shadow:none;
	color:#fff
}

.footer-area .primary-btn:hover span
{
	color:#fff;
	right:20px
}

.footer-area .primary-btn.white
{
	border:1px solid #fff;
	color:#fff
}

.footer-area .primary-btn.white span
{
	color:#fff
}

.footer-area .primary-btn.white:hover
{
	background:#fff;
	color:#283A6D
}

.footer-area .primary-btn.white:hover span
{
	color:#283A6D
}

.footer-area h6
{
	color:#fff;
	margin-bottom:25px;
	font-size:18px;
	font-weight:600
}

.copy-right-text i,.copy-right-text a
{
	color:#283A6D
}

.instafeed
{
	margin:-5px
}

.instafeed li
{
	overflow:hidden;
	width:25%
}

.instafeed li img
{
	margin:5px
}

.footer-social
{
	text-align:right
}

.footer-social a
{
	background:#111;
	width:20px;
	width:40px;
	display:inline-table;
	height:40px;
	text-align:center;
	padding-top:10px;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.footer-social a:hover i
{
	color:#fff
}

.footer-social i
{
	color:#ccc;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

@media(max-width:991.98px)
{
	.footer-social
{
	text-align:left;
	margin-top:20px
}


}

.single-footer-widget
{
	color:#fff
}

.single-footer-widget input
{
	line-height:38px;
	border:none;
	background:#fff;
	font-weight:300;
	border-radius:20px;
	color:#777;
	padding-left:20px;
	width:100%
}

.single-footer-widget .bb-btn
{
	background-color:#283A6D;
	color:#fff;
	font-weight:300;
	border-radius:0;
	z-index:9999;
	cursor:pointer
}

@media(max-width:960px)
{
	.single-footer-widget .nw-btn
{
	margin-top:20px
}

.single-footer-widget .newsletter
{
	padding-bottom:40px
}


}

.single-footer-widget .info
{
	position:absolute;
	margin-top:122px;
	color:#fff;
	font-size:12px
}

.single-footer-widget .info.valid
{
	color:green
}

.single-footer-widget .info.error
{
	color:red
}

.single-footer-widget ::-moz-selection
{
	background-color:#283A6D;
	color:#777
}

.single-footer-widget ::selection
{
	background-color:#283A6D;
	color:#777
}

.single-footer-widget ::-webkit-input-placeholder
{
	color:#777;
	font-weight:300
}

.single-footer-widget :-moz-placeholder
{
	color:#777;
	opacity:1;
	font-weight:300
}

.single-footer-widget ::-moz-placeholder
{
	color:#777;
	opacity:1;
	font-weight:300
}

.single-footer-widget :-ms-input-placeholder
{
	color:#777;
	font-weight:300
}

.single-footer-widget ::-ms-input-placeholder
{
	color:#777;
	font-weight:300
}

@media(max-width:991.98px)
{
	.single-footer-widget
{
	margin-bottom:1px
}


}

.footer-bottom
{
	padding-top:15px
}

.footer-text a,.footer-text i
{
	color:#283A6D
}

.whole-wrap
{
	background-color:#fff
}

.generic-banner
{
	margin-top:60px;
	background-color:#283A6D;
	text-align:center
}

.generic-banner .height
{
	height:600px
}

@media(max-width:767.98px)
{
	.generic-banner .height
{
	height:400px
}


}

.generic-banner .generic-banner-content h2
{
	line-height:1.2em;
	margin-bottom:20px
}

@media(max-width:991.98px)
{
	.generic-banner .generic-banner-content h2 br
{
	display:none
}


}

.generic-banner .generic-banner-content p
{
	text-align:center;
	font-size:16px
}

@media(max-width:991.98px)
{
	.generic-banner .generic-banner-content p br
{
	display:none
}


}

.generic-content h1
{
	font-weight:600
}

.about-generic-area
{
	background:#fff
}

.about-generic-area p
{
	margin-bottom:20px
}

.white-bg
{
	background:#fff
}

.section-top-border
{
	padding:50px 0;
	border-top:1px dotted #eee
}

.switch-wrap
{
	margin-bottom:10px
}

.switch-wrap p
{
	margin:0
}

.link-nav
{
	margin-top:10px
}

.vuelo-ini
{
	margin-top:70px;
	padding:10px 0;
	text-align:center
}

.vuelo-ini-90
{
	margin-top:90px;
	padding:20px 0;
	text-align:center
}

.vuelo-ini-65
{
	margin-top:65px;
	padding:20px 0;
	text-align:center
}

.vuelo-ini-20
{
	margin-top:20px;
	padding:10px 0;
	text-align:center
}

.about-content
{
	margin-top:80px;
	padding:10px 0;
	text-align:center
}

.about-content h1
{
	font-size:48px;
	font-weight:600
}

.about-content a
{
	color:#fff;
	font-weight:300;
	font-size:14px
}

.about-content .lnr
{
	margin:0 10px;
	font-weight:600
}

.aboutus-about
{
	background:#fff!important
}

.aboutus-cat
{
	background:#f9f9ff!important
}

.aboutus-feedback
{
	background:#fff
}

.single-offered-service img
{
	width:100%
}

.single-offered-service h4
{
	margin:20px 0;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.single-offered-service:hover h4
{
	color:#283A6D
}

@media(max-width:960px)
{
	.single-offered-service
{
	padding-bottom:50px
}


}

.product-page .single-product
{
	margin-bottom:30px
}

.price-area
{
	background:#f9f9ff
}

.price-area .single-price
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	text-align:center;
	background-color:#fff;
	border-radius:10px;
	padding:40px 20px
}

.price-area .single-price .package-no
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	font-weight:300;
	margin-left:auto;
	margin-right:auto;
	width:140px;
	height:140px;
	background-color:rgba(138,144,255,.05);
	border-radius:100px;
	align-items:center;
	display:grid;
	border:30px solid #f4eeff
}

.price-area .single-price .top-part h4
{
	margin-top:20px
}

.price-area .single-price .package-list
{
	padding:30px 0
}

.price-area .single-price .package-list ul li
{
	padding:10px 0;
	border-top:1px solid #eee
}

.price-area .single-price .package-list ul li:last-child
{
	border-bottom:1px solid #eee
}

.price-area .single-price .bottom-part
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.price-area .single-price:hover
{
	box-shadow:0 20px 60px 0 rgba(101,52,254,.3);
	cursor:pointer
}

.price-area .single-price:hover .primary-btn
{
	display:block
}

.price-area .single-price:hover .bottom-part h1
{
	display:none
}

.price-area .single-price .primary-btn
{
	font-size:13px;
	display:none;
	border-radius:0!important
}

@media(max-width:960px)
{
	.price-area .single-price
{
	margin-bottom:30px
}


}

@media(max-width:736px)
{
	.price-area .single-price
{
	margin:10px
}


}

.contact-page-area
{
	background:#f9f9ff
}

.contact-page-area .map-wrap
{
	margin-bottom:120px
}

@media(max-width:960px)
{
	.contact-page-area .map-wrap
{
	margin-bottom:50px
}


}

.contact-page-area .contact-btns
{
	font-size:18px;
	font-weight:600;
	text-align:center;
	padding:40px;
	color:#fff;
	margin-bottom:30px
}

.contact-page-area .contact-btns:hover
{
	color:#fff
}

.contact-page-area .form-area input
{
	padding:15px
}

.contact-page-area .form-area input,.contact-page-area .form-area textarea
{
	border-radius:0;
	font-size:12px
}

.contact-page-area .form-area textarea
{
	height:190px;
	margin-top:0
}

.contact-page-area .form-area .primary-btn
{
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.contact-page-area .form-area .primary-btn:hover
{
	border:1px solid #283A6D;
	color:#283A6D!important
}

@media(max-width:960px)
{
	.contact-page-area .address-wrap
{
	margin-bottom:50px
}


}

.contact-page-area .single-contact-address
{
	margin-bottom:20px
}

.contact-page-area .single-contact-address h5
{
	font-weight:300;
	font-size:16px;
	margin-bottom:5px
}

.contact-page-area .single-contact-address .lnr
{
	font-size:30px;
	font-weight:500;
	color:#283A6D;
	margin-right:30px
}

.blog-banner-area
{
	background:url(../img/elements/blog/blog-banner.html) center;
	background-size:cover
}

.blog-banner-area .overlay-bg
{
	background:rgba(0,0,0,.55)
}

.blog-banner-wrap
{
	text-align:center
}

.blog-post-list .single-post
{
	background:0 0;
	padding:0 30px
}

.single-post
{
	margin-bottom:30px
}

.single-post .tags
{
	margin-top:40px
}

.single-post .tags li
{
	display:inline-block
}

.single-post .tags li a
{
	color:#222
}

.single-post .tags li:hover a
{
	color:#283A6D
}

.single-post h1
{
	margin-top:20px;
	margin-bottom:20px
}

.single-post .title h4
{
	margin-bottom:10px
}

.single-post .comment-wrap ul li,.single-post .social-wrap ul li
{
	display:inline-block;
	margin-right:15px
}

@media(max-width:414px)
{
	.single-post .comment-wrap,.single-post .social-wrap
{
	margin-top:10px
}


}

.single-post .comment-wrap ul li a
{
	color:#777
}

.single-post .social-wrap ul
{
	text-align:right
}

.single-post .social-wrap ul li a i
{
	color:#777
}

.single-post .social-wrap ul li a i:hover
{
	color:#222
}

@media(max-width:768px)
{
	.single-post .social-wrap ul
{
	text-align:left
}


}

.single-widget
{
	border:1px solid #eee;
	padding:40px 30px;
	margin-bottom:30px
}

.single-widget .title
{
	font-weight:600;
	margin-bottom:30px
}

.search-widget i
{
	color:#283A6D
}

.search-widget form.example
{
	border:1px solid #eee
}

.search-widget form.example input[type=text]
{
	padding:10px;
	font-size:14px;
	border:none;
	float:left;
	width:80%;
	background:#eee
}

.search-widget form.example button
{
	float:left;
	width:20%;
	padding:10px;
	background:#eee;
	color:#fff;
	font-size:17px;
	border:none;
	cursor:pointer
}

.search-widget form.example::after
{
	content:"";
	clear:both;
	display:table
}

.protfolio-widget
{
	text-align:center
}

.protfolio-widget h4
{
	padding:20px 0
}

.protfolio-widget ul li
{
	padding:15px;
	display:inline-block
}

.protfolio-widget ul li a i
{
	color:#222
}

.protfolio-widget ul li a i:hover
{
	color:#283A6D
}

.category-widget ul li
{
	border-bottom:1px solid #eee;
	padding:10px 20px;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.category-widget ul li h6
{
	font-weight:300;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.category-widget ul li span
{
	color:#222;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.category-widget ul li:hover
{
	border-color:#283A6D
}

.category-widget ul li:hover h6,.category-widget ul li:hover span
{
	color:#283A6D
}

.tags-widget ul li
{
	display:inline-block;
	background:#fff;
	border:1px solid #eee;
	padding:8px 10px;
	margin-bottom:8px;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.tags-widget ul li a
{
	font-weight:300;
	color:#222
}

.tags-widget ul li:hover
{
	background-color:#283A6D
}

.tags-widget ul li:hover a
{
	color:#fff
}

.recent-posts-widget .single-recent-post .recent-details
{
	margin-left:20px
}

.recent-posts-widget .single-recent-post .recent-details h4
{
	line-height:1.5em!important;
	font-size:14px;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.recent-posts-widget .single-recent-post .recent-details p
{
	margin-top:10px
}

.recent-posts-widget .single-recent-post:hover h4
{
	color:#283A6D
}

@media(max-width:960px)
{
	.recent-posts-widget .single-recent-post
{
	margin-bottom:20px
}


}

.nav-area
{
	border-bottom:1px solid #eee
}

.nav-area a
{
	color:#222
}

.nav-area .nav-left .thumb
{
	padding-right:20px
}

.nav-area .nav-right
{
	text-align:right
}

.nav-area .nav-right .thumb
{
	padding-left:20px
}

@media(max-width:768px)
{
	.nav-area .post-details h4
{
	font-size:14px
}


}

@media(max-width:466px)
{
	.nav-area .nav-right
{
	margin-top:50px
}


}

.comment-sec-area
{
	border-bottom:1px solid #eee;
	padding-bottom:50px
}

.comment-sec-area a
{
	color:#222
}

.comment-sec-area .comment-list
{
	padding-bottom:30px
}

.comment-sec-area .comment-list.left-padding
{
	padding-left:25px
}

.comment-sec-area .thumb
{
	margin-right:20px
}

.comment-sec-area .date
{
	font-size:13px;
	color:#ccc
}

.comment-sec-area .comment
{
	color:#777
}

.comment-sec-area .btn-reply
{
	background-color:#222;
	color:#fff;
	border:1px solid #222;
	padding:8px 30px;
	display:block;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s
}

.comment-sec-area .btn-reply:hover
{
	background-color:transparent;
	color:#222
}

.commentform-area
{
	padding-bottom:100px
}

.commentform-area h5
{
	font-weight:600!important
}

.commentform-area .form-control
{
	border-radius:0;
	font-size:14px;
	font-weight:400
}

.commentform-area textarea
{
	height:90%
}

.commentform-area .form-control
{
	border:none;
	background:#f9f9ff
}




.banner-content p
{
	color:#283A6D;
	font-size:15px;
	font-family:poppins,sans-serif;
	font-weight: bold;
	/*font-weight:200;*/
	line-height:1em;
	padding-right: 180;
	line-height: 25px;
	text-align: justify;
}

.form-control-busqueda
{
   width: 55%;
}

.section-gap
{
	padding:0px 0
}

.aparece
{
	display:none;
}

@media (min-width: 300px)
.col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 40%
}

span.bgtext {
  display: inline; /* the default for span */
  width: 100px;
  height: 100px;
  padding: 5px;
  border: 0px solid blue;  
  background-color: white; 
  
}

button:focus{
	/*outline:1px dotted;outline:5px auto -webkit-focus-ring-color*/
	}


.genric-btn-select
{
	display:inline-block;
	outline:none;
	line-height:40px;
	padding:0 30px;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	font-weight:500;
	cursor:pointer;
	-webkit-transition:all .3s ease 0s;
	-moz-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;
	border-radius:20px;
	color:#fff;
	background:#283A6D;
	border:0px solid transparent;
	color:yellow;

	
}

.genric-btn-select-flash
{
	display:inline-block;
	outline:none;
	line-height:40px;
	padding:0 30px;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	font-weight:500;
	cursor:pointer;
	
	-moz-transition:all .3s ease 0s;
	/*
	-o-transition:al/*l .3s ease 0s;
	-webkit-transition:all .3s ease 0s;
	transition:all .3s ease 0s;*/
	border-radius:20px;
	color:white;
	background:red; /*#283A6D;*/
	border:0px solid transparent;
	animation: flash 2s linear infinite;

/*
		//Firefox 1+
	-webkit-animation-name: flash;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
*/

	/*Safari 3-4*/
	-moz-animation-name: flash;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	
}

@keyframes flash {  
    0% { opacity: 1.0; }
    25% { opacity: 0.8; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/*Firefox 1+*/

@-webkit-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}

/*Safari 3-4*/
@-moz-keyframes flash {  
    0% { opacity: 1.0; }
    50% { opacity: 0.5; }
    100% { opacity: 1.0; }
}


.footer-percy {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #283A6D;
   color: white;
   text-align: center;
}

.footer-percy2 {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #283A6D;
   color: white;
}