/*
Theme Name: I See Group
Theme URI: https://iseegroup.co.uk/
Author: I See Group
Author URI: https://iseegroup.co.uk/
Description: I See Group

*/
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:wght@400;500;600;700&display=swap');
/*----- Reset Css -----*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
--first-color:#25d06f;
--second-color:#0a3041;
--third-color:#f7f7f7;
--paragraph-color:#666666;
--sub-title-color:#afb2be;
--heading-color:#38383c;
--white-color:#fff;
--grey-color:#afb2be;
--bg-grey-color:#f7f8f8;
--font-body-text:'Montserrat', sans-serif;
--font-heading:'Marcellus', serif;

}
/*html
{scroll-behavior: smooth;}*/

html,
body {
    overflow-x: hidden;
    font-family:var(--font-body-text);
}

img{max-width:100%; height:auto;}

a, button, input[type="submit"]
{-webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
text-decoration:none;}
section, header, footer
{float:left; width:100%;}
h1, h2, h3, h4, h5, h6
{font-family:var(--font-heading);}

.clearfix{clear:both;}
.space-section{padding:120px 0px 118px 0px;}
.slicknav_menu{display:none;}
.video-sl
{position:relative;}
.video-sl:before
{content:''; background-color:rgba(255, 255, 255, 0.2);
position:absolute; left:0; top:0;
width:100%; height:100%;}
.video-sl video
{display:flex; width:100%;}
.text-video p
{font-weight: 600;
    font-size:24px;
    line-height:30px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #ff9200;
    margin: 20px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    display: block;}
.text-video .element
{    color: #fff;
    text-transform: uppercase;
    font-size: 22px;}
.position-static
{position:static;}
.text-video
{position: absolute;
    top:30%;
    transform: translate(-50%);
    z-index: 999;
    width: 100%;
    text-align: center;
    left: 50%;}
.text-video .typed
{font-size:78px;
    font-weight: 600;
    color: #fff;
    line-height:90px;
letter-spacing:4px;}
.logo
{display:flex; justify-content:center;}
.logo a
{display:contents; justify-content:center;}
.displa-flx
{display:flex;}
.width-full
{width:100%;}
.first-bg
{background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
.sl-content
{padding:0px 90px 50px 50px; /*position:absolute; bottom:0; left:50px;*/ color:#fff;
  max-width: 650px;
align-self:flex-end;}
.sl-content span
{font-weight: 500;
    font-size: 11px;
    line-height:11px;
    letter-spacing:.6em;
    text-transform: uppercase;
    color: #ff9200;
    margin:20px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
display:block;}
.sl-content h2
{
    font-size: 44px;
    line-height:44px;
    margin:20px 0 15px 0px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
display:block;}
.arrow-btn{margin-top:50px; display:inline-block;}
.arrow-btn polyline
{will-change: transform; animation: qode-landing-arrow 1.2s infinite linear;}

.cta-section
{
background-image:url('images/cta.jpg');
background-position:center;
background-attachment:fixed;
background-size:cover; height:100vh; position:relative;}
.cta-container
{position:absolute; bottom:15px; right:0px;}
.cta-content
{background-color: #fff;
 padding:60px;}
.cta-content h4
{ font-size:32px;
line-height:40px;
margin-top:0px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color:#14203b;
display:block;}
.call-txt
{font-size: 12px;
    font-weight:500;
    line-height:24px;
    text-decoration: none;
    text-transform: uppercase;
color:#14203b;
    margin-top: 35px;
    display:flex;}
.call-txt:hover
{color:#14203b;}

.btn-dv{margin-top:50px; display:block;}
.btn-mn
{background-color:#ff9200;
font-size:12px;
border:1px solid transparent;
font-weight:500;
text-transform:uppercase;
transition: color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out;
padding:12px 55px 10px;
color:#fff;}
.btn-mn:hover
{color:#ff9200; border-color:#ff9200;
background-color:transparent;}
.second-section .sl-content
{/*bottom: 40px;
    left: auto;
    right: 0;*/
    padding-right: 20px;
    padding-left: 90px;}
footer
{background-color:#FBF9F9;}
.footer
{padding:35px 0;}
.footer .footer-columns
{text-align:center;}
.footer-columns h4
{margin-top:0px; margin-bottom:10px; font-weight:600; color:#14203b;}
.footer a
{color:#000;}
.footer-copyright p
{font-size:12px; font-weight:500;}


.call-txt svg
{color:#14203b; margin-left:10px;}
.call-txt svg polyline
{    
    transform: translateY(0);
    transition: transform .3s cubic-bezier(.33,1,.68,1);
    fill: none;
    stroke: currentColor;}
.call-txt:hover svg polyline
{transform: translateX(3px);}

#myBtn {
  display: none;
  position: fixed;
 bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #fff;
    color: white;
    cursor: pointer;
    padding: 12px 0;
    border-radius: 0;
    width: 42px;
    height: 42px;
}

#myBtn svg
{color:#14203b;}
#myBtn polyline
{    transform: translateY(0);
    transition: transform .3s cubic-bezier(.33,1,.68,1);
    fill: none;
    stroke: currentColor;}

.first-section .container-fluid .row .col-lg-6
{padding-right:0px; padding-left:0px;}
.first-section.second-section .container-fluid .row .col-lg-6.d-flex
{
    justify-content:end;
}

@keyframes qode-landing-arrow{0%{transform:translateY(0)}50%{transform:translateY(3px)}100%{transform:translateY(0)}}

@media only screen and (max-width:991px)
{
    .sl-content
    {padding:30px; max-width:100%;}
    .second-section .sl-content
    {padding:30px;}
    .sl-content h2
    {font-size:32px; line-height:40px;}
    .btn-dv{margin-top:30px;}
}

@media only screen and (max-width:767px)
{
    .sl-content
    {position: static; padding:40px; max-width:100%;}
    .second-section .sl-content
    {padding:40px; padding-right:40px; padding-left:40px;}
    .footer
    {text-align:center;}
    .sl-content h2
    {font-size:32px; line-height:40px;}
    .width-full
    {height:auto; max-width:100%;}
    .cta-content
    {padding:35px;}
}

@media only screen and (max-width:576px)
{
    .footer .footer-columns
    {margin-bottom:20px;}
}