::-moz-selection{background-color:#f53f51;
color:#fff}
::selection
{background-color:#f53f51;
color:#fff}
::-webkit-input-placeholder
{
color:#777777;
font-weight:300
}
:-moz-placeholder
{
color:#777777;
opacity:1;
font-weight:300
}
::-moz-placeholder
{
color:#777777;
opacity:1;
font-weight:300
}
:-ms-input-placeholder
{
color:#777777;
font-weight:300
}
::-ms-input-placeholder
{
color:#777777;
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 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.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
}
.btn-secondary {
    color: #fff;
    background-color: #04091e;
    border-color: #04091e;;
}
.gray-bg
{
background:#f9f9ff
}
h1,h2,h3,h4,h5,h6
{
font-family:"Poppins",sans-serif;
color:#222;
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:36px
}
h2,.h2
{
font-size:30px
}
h3,.h3
{
font-size:24px
}
h4,.h4
{
font-size:18px
}
h5,.h5
{
font-size:16px
}
h6,.h6
{
font-size:14px;
color:#222
}
td,th
{
border-radius:0px
}
.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:0px
}
.mb-0-i
{
margin-bottom:0px !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:0px
}
.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:0px
}
.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 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.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
}

.halfscreen{
	height: 50vh;

}
.video-section .card{	
background-color: rgba(100, 106, 131, 0.7);	
height: 100%;
}


@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 0
}
.text-heading
{
margin-bottom:30px;
font-size:24px
}
b,sup,sub,u,del
{
color:#f53f51
}
h1
{
font-size:36px
}
h2
{
font-size:30px
}
h3
{
font-size:24px
}
h4
{
font-size:18px
}
h5
{
font-size:16px
}
h6
{
font-size:14px
}
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:.8em;
text-align:center;
text-decoration:none;
font-weight:500;
cursor:pointer;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.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:#f53f51;
border:1px solid transparent
}
.genric-btn.primary:hover
{
color:#f53f51;
border:1px solid #f53f51;
background:#fff
}
.genric-btn.primary-border
{
color:#f53f51;
border:1px solid #f53f51;
background:#fff
}
.genric-btn.primary-border:hover
{
color:#fff;
background:#f53f51;
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,0.3;
background:#f9f9ff;
border:1px solid transparent;
cursor:not-allowed
}
.generic-blockquote
{
padding:30px 50px 30px 30px;
background:#f9f9ff;
border-left:2px solid #f53f51
}
.progress-table-wrap
{
overflow-x:scroll
}
.progress-table
{
background:#f9f9ff;
padding:15px 0px 30px 0px;
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:0px;
background:transparent
}
.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 #f53f51;
background:#fff;
top:4px;
left:0;
border-radius:50%
}
.ordered-list
{
margin-left:30px
}
.ordered-list li
{
list-style-type:decimal-leading-zero;
color:#f53f51;
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:#f53f51;
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:#f53f51;
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 #f53f51
}
.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:#f53f51;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
box-shadow:0px 4px 5px 0px rgba(0,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:transparent;
border-radius:8.5px;
cursor:pointer;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.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 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);
cursor:pointer
}
.primary-switch input:checked+label:after
{
left:19px
}
.primary-switch input:checked+label:before
{
background:#f53f51
}
.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:transparent;
border-radius:8.5px;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.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 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
box-shadow:0px 4px 5px 0px rgba(0,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:0px;
height:40px;
background:#f9f9ff;
padding-left:20px;
padding-right:40px
}
.default-select .nice-select .list
{
margin-top:0;
border:none;
border-radius:0px;
box-shadow:none;
width:100%;
padding:10px 0 10px 0px
}
.default-select .nice-select .list .option
{
font-weight:300;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
line-height:28px;
min-height:28px;
font-size:12px;
padding-left:20px
}
.default-select .nice-select .list .option.selected
{
color:#f53f51;
background:transparent
}
.default-select .nice-select .list .option:hover
{
color:#f53f51;
background:transparent
}
.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:0px;
height:40px;
background:#f9f9ff;
padding-left:45px;
padding-right:40px;
width:100%
}
.form-select .nice-select .list
{
margin-top:0;
border:none;
border-radius:0px;
box-shadow:none;
width:100%;
padding:10px 0 10px 0px
}
.form-select .nice-select .list .option
{
font-weight:300;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
line-height:28px;
min-height:28px;
font-size:12px;
padding-left:45px
}
.form-select .nice-select .list .option.selected
{
color:#f53f51;
background:transparent
}
.form-select .nice-select .list .option:hover
{
color:#f53f51;
background:transparent
}
.form-select .current
{
margin-right:50px;
font-weight:300
}
.form-select .nice-select::after
{
right:20px
}
#header
{
padding:14px 0;
position:fixed;
left:0;
top:0;
right:0;
transition:all 0.5s;
z-index:997
}
#header.header-scrolled
{
background:rgba(0,0,0,0.8);
transition:all 0.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 #f53f51
}
#header #logo img
{
padding:0;
margin:0;
max-height: 60px;
}
@media (max-width: 768px)
{
#header #logo h1
{
font-size:28px
}
#header #logo img
{
max-height:40px
}

}
.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
}
.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:normal
}
.sf-arrows ul .sf-with-ul:after
{
content:"\f105"
}
#nav-menu-container
{
margin:0
}
@media (min-width: 1024px)
{
#nav-menu-container
{
padding-right:60px
}

}
@media (max-width: 768px)
{
#nav-menu-container
{
display:none
}

}
.nav-menu a
{
padding:6px 10px;
text-decoration:none;
display:inline-block;
color:#fff;
font-weight:400;
font-size:16px;
text-transform:uppercase;
outline:none
}
.nav-menu>li
{
margin-left:10px
}
.nav-menu ul
{
margin:16px 0 0 0;
padding:10px;
box-shadow:0px 0px 30px rgba(127,137,161,0.25);
background:#fff
}
.nav-menu ul li
{
transition:0.3s
}
.nav-menu ul li a
{
padding:10px;
color:#333;
transition:0.3s;
display:block;
font-size:12px;
text-transform:none
}
.nav-menu ul li:hover>a
{
color:#f53f51
}
.nav-menu ul ul
{
margin:0
}
#mobile-nav-toggle
{
position:fixed;
right:15px;
z-index:999;
top:16px;
border:0;
background:none;
font-size:24px;
display:none;
transition:all 0.4s;
outline:none;
cursor:pointer
}
#mobile-nav-toggle i
{
color:#f53f51;
font-weight:900
}
@media (max-width: 800px)
{
#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,0.8);
left:-260px;
width:260px;
overflow-y:auto;
transition:0.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:#f53f51
}
#mobile-nav ul .menu-has-children li a
{
text-transform:none
}
#mobile-nav ul .menu-item-active
{
color:#f53f51
}
#mobile-body-overly
{
width:100%;
height:100%;
z-index:997;
top:0;
left:0;
position:fixed;
background:rgba(0,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-gap
{
padding:120px 0
}
.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
}

}
.primary-btn
{
background-color:#f53f51;
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 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
cursor:pointer;
text-transform:uppercase;
position:relative
}
.primary-btn:focus
{
outline:none
}
.primary-btn span
{
color:#fff;
position:absolute;
top:50%;
transform:translateY(-60%);
right:30px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s
}
.primary-btn:hover
{
color:#fff
}
.primary-btn:hover span
{
color:#fff;
right:20px
}
.primary-btn.white
{
border:1px solid #fff;
color:#fff
}
.primary-btn.white span
{
color:#fff
}
.primary-btn.white:hover
{
background:#fff;
color:#f53f51
}
.primary-btn.white:hover span
{
color:#f53f51
}
.overlay
{
position:absolute;
left:0;
right:0;
top:0;
bottom:0
}
.banner-area
{
background:url(../img/header-bg.jpg) center;
background-size:cover
}
.banner-area .overlay-bg
{
background:rgba(4,9,30,0.6)
}
.banner-content
{
z-index:2
}
.banner-content h1
{
font-size:72px;
font-weight:700;
line-height:1em;
margin-top:20px
}
.banner-content h1 span
{
font-weight:700
}
@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:45px
}

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

}
.primary-btn
{
background:#f53f51;
border:1px solid transparent;
color:#fff;
padding-left:40px;
padding-right:40px;
border-radius:50px
}
.primary-btn:hover
{
border:1px solid #fff;
background:transparent;
color:#fff
}
.quote-left h2
{
font-weight:100
}
.quote-left h2 span
{
font-weight:600
}
@media (max-width: 1199.98px)
{
.quote-left h2
{
font-size:28px
}

}
@media (max-width: 991.98px)
{
.quote-left h2
{
padding-bottom:25px;
text-align:center !important
}

}
@media (max-width: 414px)
{
.quote-left h2
{
font-size:24px
}
.quote-left h2 br
{
display:none
}

}
.quote-right p
{
margin-bottom:0
}
@media (max-width: 991.98px)
{
.quote-right p
{
text-align:center !important
}

}
.cat-area #hexagon:hover
{
background:#EC008C
}
.cat-area #hexagon:hover:after
{
border-top:25px solid #EC008C
}
.cat-area #hexagon:hover:before
{
border-bottom:25px solid #EC008C
}
.cat-area .single-cat
{
text-align:center
}
.cat-area .single-cat p
{
max-width:280px;
margin-left:auto;
margin-right:auto
}
.cat-area .hb-sm
{
line-height:40px;
font-size:28px
}
.cat-area .hb-facebook-inv,.cat-area .hb-facebook-inv::after,.cat-area .hb-facebook-inv::before,.cat-area .hb-facebook:hover,.cat-area .hb-facebook:hover::after,.cat-area .hb-facebook:hover::before
{
border-color:#A7A7A7;
color:#A7A7A7;
background:0 0
}
.cat-area .hb-facebook-inv:hover,.cat-area .hb-facebook-inv:hover::after,.cat-area .hb-facebook-inv:hover::before
{
background-color:#f53f51;
border-color:#A7A7A7;
color:#fff
}
.feature-area
{
background-color:#f9f9ff
}
.feature-img
{
position:absolute;
width:40%;
height:100%
}
@media (max-width: 960px)
{
.feature-img
{
display:none
}

}
.feature-right .title-wrap
{
margin-bottom:60px
}
.feature-right .title-wrap h1,.feature-right .title-wrap p
{
text-align:left
}
.feature-right .single-feature
{
background-color:#fff;
padding:30px;
margin-bottom:30px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
height: 235px;
}
.feature-right .single-feature h4
{
margin-bottom:20px
}
.feature-right .single-feature:hover
{
cursor:pointer;
box-shadow:-14.142px 14.142px 20px 0px rgba(157,157,157,0.2)
}
@media (max-width: 736px)
{
.single-feature-wrap
{
margin:30px
}

}
.single-counter
{
text-align:center;
border-radius:10px;
background-color:#fff;
padding:40px 0;
box-shadow:0px 10px 50px 0px rgba(245,63,81,0.3)
}
.single-counter h1
{
font-size:60px;
font-weight:400;
color:#f53f51
}
.single-counter p
{
color:#222;
margin-bottom:0
}
@media (max-width: 960px)
{
.single-counter
{
margin-bottom:30px
}

}
.video-section
{
text-align:center;
background:url(../img/video-bg.jpg) center;
background-size:cover;
color:#fff
}
.video-section .overlay-bg
{
background:rgba(4,9,30,0.75)
}
.video-section .text-wrap p
{
padding:20px 0
}
.video-section .text-wrap a
{
color:#fff
}
.video-section .text-wrap a img
{
margin-right:10px
}
@media (max-width: 414px)
{
.video-section .text-wrap
{
margin:15px
}

}
.testomial-area .owl-carousel .owl-item img
{
width:auto !important
}
.testomial-area .owl-dots
{
text-align:center;
bottom:5px;
margin-top:20px;
width:100%;
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:hidden
}
.testomial-area .owl-dot
{
height:10px;
width:10px;
display:inline-block;
background:rgba(127,127,127,0.5);
margin-left:5px;
margin-right:5px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s
}
.testomial-area .owl-dot.active
{
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
background:#f53f51
}
@media (max-width: 414px)
{
.testomial-area .active-tstimonial-carusel
{
padding:30px
}

}
.single-testimonial
{
text-align:center;
padding:30px;
border-radius:10px;
background:#f9f9ff;
text-align:center;
border:1px solid #eee;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
min-height: 100%;
}
.single-testimonial h4
{
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s
}
.single-testimonial .desc
{
padding:30px 0px
}
.single-testimonial:hover
{
cursor:pointer;
background-color:#fff
}
.single-testimonial:hover h4
{
color:#f53f51
}
.contact-area .contact-section
{
background:#f9f9ff
}
.contact-area h2
{
color:#fff;
font-size:36px;
font-weight:600px;
letter-spacing:4px
}
.contact-area p
{
margin-top:15px;
color:#222222
}
.contact-area .primary-btn
{
padding-right:55px
}
.contact-area .primary-btn:hover
{
background-color:#f53f51;
color:#fff;
border:1px solid #f53f51
}
.form-area
{
width:100%;
margin-left:40px
}
@media (max-width: 960px)
{
.form-area
{
margin-left:0px;
padding:10%
}

}
.g-map
{
width:100%;
height:100%
}
.contact-btn
{
margin-top:20px
}
.contact-form
{
padding:40px 30px
}
@media (max-width: 767.98px)
{
.contact-form
{
margin-top:30px
}

}
.contact-form ::-webkit-input-placeholder
{
color:#777777;
font-weight:300
}
.contact-form :-moz-placeholder
{
color:#777777;
opacity:1;
font-weight:300
}
.contact-form ::-moz-placeholder
{
color:#777777;
opacity:1;
font-weight:300
}
.contact-form :-ms-input-placeholder
{
color:#777777;
font-weight:300
}
.contact-form ::-ms-input-placeholder
{
color:#777777;
font-weight:300
}
.common-input
{
border:1px solid rgba(111,117,152,0.3);
line-height:48px;
width:100%;
display:block;
background:transparent;
padding:0 25px;
color:#777
}
.common-textarea
{
border:1px solid rgba(111,117,152,0.3);
width:100%;
display:block;
background:transparent;
padding:15px 25px;
color:#777;
height:150px;
resize:none
}
.alert-msg
{
color:#69d71c;
margin-top:20px;
display:none;
width:100%;
text-align:center
}
@media (max-width: 768px)
{
.contact-left
{
text-align:center
}

}
.callto-action-area
{
background-color:#04091e;
color:#fff;
text-align:center
}
.callto-action-area p
{
padding:20px
}
.callto-action-area .primary-btn
{
background-color:#fff;
color:#222;
border:1px solid transparent;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s
}
.callto-action-area .primary-btn:hover
{
background:transparent;
border-color:#fff;
color:#fff
}
.footer-area
{
padding:35px;
background-color:#04091e
}
h6
{
color:#fff;
margin-bottom:25px;
font-size:18px;
font-weight:600
}
.copy-right-text i,.copy-right-text a
{
color:#f53f51
}
.footer-social a
{
padding-right:25px;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s
}
.footer-social a:hover i
{
color:#f53f51
}
.footer-social i
{
color:#cccccc;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s
}
@media (max-width: 991.98px)
{
.footer-social
{
text-align:left
}

}
.single-footer-widget input
{
border:none;
width:80% !important;
font-weight:300;
background:#fff;
color:#eee;
padding-left:20px;
border-radius:0;
font-size:14px;
padding:10px 18px
}
.single-footer-widget input:focus
{
background-color:#fff
}
.single-footer-widget .bb-btn
{
color:#f53f51;
color:#fff;
font-weight:300;
border-radius:0;
z-index:9999;
cursor:pointer
}
.single-footer-widget .info
{
position:absolute;
margin-top:20%;
color:#fff;
font-size:12px
}
.single-footer-widget .info.valid
{
color:green
}
.single-footer-widget .info.error
{
color:red
}
.single-footer-widget .click-btn
{
background-color:#f53f51;
color:#fff;
border-radius:0;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
padding:8px 12px;
border:0
}
.single-footer-widget ::-moz-selection
{
background-color:#191919 !important;
color:#777
}
.single-footer-widget ::selection
{
background-color:#191919 !important;
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:30px
}

}
@media (max-width: 800px)
{
.social-widget
{
margin-top:30px
}

}
.footer-text
{
padding-top:20px
}
.footer-text a,.footer-text i
{
color:#f53f51
}
.whole-wrap
{
background-color:#fff
}
.generic-banner
{
background-color:#f53f51;
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:70px 0;
border-top:1px dotted #eee
}
.switch-wrap
{
margin-bottom:10px
}
.switch-wrap p
{
margin:0
}