@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
background:#ffffff;
line-height: 23px;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #000000;
overflow-x:hidden;
}
html{
overflow-x:hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
html * {
outline: none !important;
}
ol, ul, li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
color:#0f85f5;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
a:hover, a:focus {
cursor: pointer !important;
text-decoration: none;
color:#000000;
}
img {
display: block;
max-width: 100%;
height: auto;
}
strong {
font-weight: 700;
}
em, i {
font-style: italic;
}
small {
font-size: 12px;
line-height: 16px;
}
ul {
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
}
ul li {
background: url(../images/list-icon-bullet.png) no-repeat 0 8px;
padding: 0 0 12px 45px;
}
h2{
font-family: 'Montserrat', sans-serif;
font-weight:700;
}
h3, h4, h5, h6 {
font-family: 'Montserrat', sans-serif;
font-weight:600;
}
p {
padding: 0;
}
p:empty {
display: none !important;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
outline {
border: 0;
}
textarea {
outline: none;
resize: none;
}
input[type="submit"], input[type="button"], input[type="reset"] {
cursor: pointer;
outline: none;
font-family: 'Montserrat', sans-serif;
transition:all 400ms linear;
}
button[disabled], input[disabled], submit[disabled] {
cursor: default;
}
.clear {
clear: both;
line-height: 0;
font-size: 0;
}
.wrapper {
margin: 0 auto;
}
.parallax {
background-attachment: fixed;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.container{
max-width:1440px;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: none;
}
/*************general*******************/
.btn-primary_new{
display:inline-block;
padding:8px 20px;
margin:0 10px;
border-radius: 999px;
border:2px solid #284cff;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight:500;
white-space: nowrap;
color: #fff;
background: transparent;
background-image: url(../images/nav-bg-fill-blue.png);
background-repeat: repeat-x;
background-position: 0 -100%;
transition:all 2s ease-out;
filter: hue-rotate(300deg);
max-width: 280px;
text-align: center;
text-transform: uppercase;
}
.btn-primary_new:hover,
.btn-primary_new:focus {
background-position: 500% 100%;
color: #fff;
}
header {
position: relative;
}
h1.logo img {
display: inline-block;
}
h1.logo span {
display: inline-block;
font-weight: 800;
color: #fff;
font-size: 50px;
line-height: 1;
vertical-align: middle;
font-style: italic;
}
h1.logo {
margin: 0;
}
h1.logo a {
display: block;
}
h1.logo svg {
font-weight: 800;
width: 255px;
height: 100%;
text-align: left;
display: inline-block;
vertical-align: middle;
margin: 0;
font-style: italic;
}
header .header_top {
position: absolute;
left: 0;
width: 100%;
top: 0;
padding:20px 0;
z-index:99;
transition:all 400ms linear;
}
header .header_top .btn-primary_new{
border-color:#ffffff;
}
.header_top.smaller {
background: rgba(1,30,37,0.8);
padding: 12px 0;
box-shadow: 0px 1px 4px rgb(0 0 0 / 50%);
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.header_top.smaller .col-md-4{
display:none;
}
.header_top.smaller .col-md-8{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
justify-content: center !important;
}
.header_top.smaller .btn-primary_new{
font-size:12px;
padding:8px 25px;
}
nav.navigation {
display: inline-block;
font-size: 16px;
font-weight: 400;
color:#ffffff;
}
nav.navigation ul{
padding:0;
}
nav.navigation ul li{
display:inline-block;
padding:0 28px 0 0;
background:none;
position:relative;
}
nav.navigation ul li a{
color:#ffffff;
}
nav.navigation ul li:hover a{
color:#00ccff;
}
.navigation ul li.menu-item-has-children a {
padding-right: 20px;
}
.navigation ul li.menu-item-has-children a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
content: "\f0dd";
right: 20px;
top: -2px;
color: #fff;
font-size: 18px;
}
.navigation ul li ul.sub-menu li a{
padding-right:15px;
}
.navigation ul li ul.sub-menu li a::before{
display:none;
}
.navigation ul li a:hover{
border-color:#eab000;
}
.navigation ul li ul.sub-menu {
position: absolute;
width: 300px;
background: #f2f2f2;
top: 35px;
left: 0;
padding: 18px 10px;
z-index: 999;
text-align: left;
box-shadow: 0 2px 9px rgb(0 0 0 / 20%);
border-radius: 0 0 6px 6px;
border-top: 3px solid #00c0ff;
transition:opacity 400ms linear;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-ms-transform: translateY(20px);
transition: visibility .3s ease-in-out,opacity .3s ease-in-out,transform .3s ease-in-out;
}
.navigation ul li:hover ul.sub-menu{
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.navigation ul.sub-menu:before {
position: absolute;
top: -14px;
left: 15px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 12px solid #00c0ff;
content: "";
}
.navigation ul li ul.sub-menu li {
display: block;
padding: 0 5px 5px;
border-bottom: 1px solid #00c0ff;
margin-bottom: 7px;
font-size: 15px;
}
.navigation ul li ul.sub-menu li:last-child{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
.navigation ul li ul.sub-menu li a{
border:none;
color: #000000;
}
.navigation ul li ul.sub-menu li:hover a{
color: #00c0ff;
}
.header_top .call_btn{
display:inline-block;
margin-left:5px;
}
.banner .btn_grp{
text-align:center;
margin-top:180px;
}
/*.banner .btn_grp .btn-primary{
display:inline-block;
margin:0 10px;
}
.banner .btn-primary{
background: transparent;
color: #ffffff;
border: 2px solid #ffffff;
}*/
.pos-abs {
position: absolute;
}
.banner{
position: relative;
overflow:hidden;
}
.banner img{
width:100%;
}
.banner .banner_container{
position:absolute;
left:50%;
top:60%;
transform:translate(-50%, -50%);
width:90%;
z-index:9;
}
.banner h1{
font-size:210px;
text-align:center;
color:#ffffff;
font-weight:800;
line-height:1;
margin:0;
color: #ffffff;
text-shadow:0 0.2em 0.2em #000;
position: relative;
z-index: 9;
}
.banner h2{
font-size:42px;
color:#ffffff;
font-weight:800;
line-height:46px;
text-align:center;
margin-bottom:12px;

}
.banner h2 span{
color:#00c0ff;
}
.banner .turtle {
position: absolute;
right: 110px;
top: 100px;
z-index: 99;
max-width: 400px;
}
.banner .turtle img{
transform-style: preserve-3d;
}
.banner .fish {
position: absolute;
bottom: 100px;
left: -10px;
}
.banner .jellyfish {
position: absolute;
right: 0px;
bottom: 42px;
}
.banner .small_turtle {
position: absolute;
right: 0;
}
.social_hdr {
position: absolute;
top: 50%;
z-index: 9;
color: #fff;
}
.social_hdr ul {
padding-bottom: 40px;
}
.social_hdr ul li {
background: none;
padding: 0 0 10px 32px;
width: auto;
background:none;
}
.social_hdr ul li a {
background: #fff;
padding: 4px;
width: 22px;
border-radius: 50%;
display: block;
height: 22px;
font-size: 14px;
line-height: 16px;
text-align: center;
}
.social_hdr ul li a {
color: #000;
}
.social_hdr span {
transform: rotate(90deg);
display: block;
position: absolute;
width: 80px;
top: 48px;
right: -70px;
}
@keyframes sunbeam{
0%{
opacity:0;
}

20%{
opacity:1;
}

60%{
opacity:1;
transform:translateX(60px)
}

100%{
opacity:0;
transform:none
}
}
@media (min-width: 425px){
.banner .banner_container {
max-width: 375px;
}
}
@media (min-width: 768px){
.banner .x4 {
display: block;
top: 150px;
left: -15px;
animation: sunbeam 8s infinite;
}
.banner .x3{
display: none;
z-index: 9;
pointer-events: none;
width: auto;
}
.banner .banner_container {
max-width: 720px;
}
}
@media (min-width: 1024px){
.banner .x4 {
top: 0;
}
.banner .x3 {
display: block;
top: 89px;
left: 215px;
}
.banner .banner_container {
max-width: 960px;
}
}
@media (min-width: 1440px){
.banner .x4 {
left: 100px;
}
.banner .x3 {
left: 274px;
}
.banner .banner_container {
max-width: 1200px;
}
}
@media (min-width: 1500px){
.banner .banner_container {
max-width: 1400px;
}
}
.banner .small_turtle {
bottom:200px;
right: -20%;
animation: fly-right 45s linear 0s infinite forwards running;
}
@keyframes fly-right {
0% {
    right: -20%;
    transform: rotateY(0deg);
  }
  49% {
    transform: rotateY(0deg);
  }
  50% {
    right: 110%;
    transform: rotateY(180deg);
  }
  99% {
    transform: rotateY(180deg);
  }
  100% {
    right: -20%;
    transform: rotateY(0deg);
  }
}

.banner .jellyfish{
animation: Jellyfish 15s cubic-bezier(0.36, 0, 0.66, -0.56) 0s infinite alternate both;
}

@keyframes Jellyfish {
0% {
animation-timing-function: ease-in;
opacity: 1;
transform: translateY(-45px);
}

24% {
opacity: 1;
}

40% {
animation-timing-function: ease-in;
transform: translateY(-24px);
}

65% {
animation-timing-function: ease-in;
transform: translateY(-12px);
}

82% {
animation-timing-function: ease-in;
transform: translateY(-6px);
}

93% {
animation-timing-function: ease-in;
transform: translateY(-4px);
}

25%,
55%,
75%,
87% {
animation-timing-function: ease-out;
transform: translateY(0px);
}

100% {
animation-timing-function: ease-out;
opacity: 1;
transform: translateY(0px);
}
}
.heading_anime img{
animation: heading_anim 15s cubic-bezier(0.36, 0, 0.66, -0.56) 0s infinite alternate both;
}
@keyframes heading_anim {
  0% {
animation-timing-function: ease-in;
opacity: 1;
transform: translateY(-45px);
}

24% {
opacity: 1;
}

40% {
animation-timing-function: ease-in;
transform: translateY(-24px);
}

65% {
animation-timing-function: ease-in;
transform: translateY(-12px);
}

82% {
animation-timing-function: ease-in;
transform: translateY(-6px);
}

93% {
animation-timing-function: ease-in;
transform: translateY(-4px);
}

25%,
55%,
75%,
87% {
animation-timing-function: ease-out;
transform: translateY(0px);
}

100% {
animation-timing-function: ease-out;
opacity: 1;
transform: translateY(0px);
}
}
.first_section{
padding:80px 0 98px 0;
background:#eff3f6;
}

.bck_heading {
background: #eff3f6;
position: relative;
display: inline-block;
vertical-align:middle;
}
.bck_heading img {
position: absolute;
top: 10px;
left:0;
width: auto;
}
.bck_heading h2{
color: #002a4a;
font-size: 100px;
font-weight:900;
line-height:1;
text-transform:uppercase;
margin:0;
}
.bck_heading img {
mix-blend-mode: lighten;
}
.first_section h3{
display: inline-block;
vertical-align:middle;
margin:0 0 0 43px;
font-size:26px;
line-height:1;
color:#008dbb;
font-weight:700;
}
.hdr{
margin-bottom:47px;
position: relative;
}
.second_sec{
background:#eff3f6;
}
.second_sec .bck_heading h2{
font-size:127px;
text-align:center;
}
.second_sec .bck_heading h2 span{
font-size:38px;
}
.second_sec .bck_heading img{
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.second_sec .hdr .hdng_fish {
position: absolute;
bottom: 43px;
left: 190px;
}
.second_sec .hdr{
margin-bottom:100px;
}
.second_sec .srvc_box {
background: #ffffff;
padding: 45px 45px 45px 40px;
border-radius: 10px;
margin-bottom: 70px;
box-shadow: 0px 0px 29px rgba(0,0,0,0.11);
min-height:230px;
transition:all 300ms linear;
border-left:5px solid transparent;
}
.second_sec .srvc_box .srvc_img {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -30px;
transition:all 300ms linear;
}
.second_sec .srvc_box:hover{
border-color:#007e95;
}
.second_sec .srvc_box:hover .srvc_img {
top: -20px;
}
.second_sec .srvc_box .srvc_img img{
margin:0 auto;
}
.second_sec .srvc_box h3{
font-size:26px;
color:#1e2021;
font-weight:600;
text-align:center;
margin: 60px 0 0 0;
}
.third_sec{
padding:95px 0 100px 0;
text-align:center;
}
.third_sec h3{
font-size:40px;
line-height:1;
color:#1e2021;
font-weight:700;
margin:0;
}
section.phone_sec {
background: #f1f2f4;
padding: 15px 0;
}
.fourth_sec{
padding:95px 0 100px 0;
}
.fourth_sec h3{
font-size:40px;
line-height:1;
color:#1e2021;
font-weight:700;
margin:0;
text-align:center;
}
.fourth_sec h3 span{
color: #00c0ff;
}
.fourth_sec .bck_heading{
background:#ffffff;
}
.fourth_sec .bck_heading h2{
font-size:75px;
}
.fourth_sec .hdr {
margin-bottom:100px;
}
.fourth_sec .row .hdr{
margin:0;
}
.fourth_sec .sea_coral {
position: absolute;
right: 169px;
bottom: -20px;
}
.fourth_sec .bck_heading img{
top:0;
}
.fourth_sec h4{
font-size:26px;
font-weight:600;
margin-bottom:18px;
}
.fourth_sec .list_info ul{
padding-bottom:0;
}
.fifth_sec{
padding:90px 0 80px 0;
background-image:url(../images/portfolio_bck.jpg);
font-size:26px;
color:#ffffff;
text-align:center;
}
.fifth_sec h2{
color: #eff3f6;
font-size:75px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
margin: 0 0 20px 0;
}
.fifth_sec .hdr {
margin: 0 0 75px 0;
}
.fifth_sec .btn-primary_new{
margin-top:90px;
}
/*.fifth_sec .btn-primary {
background: transparent;
color: #ffffff;
border: 2px solid #ffffff;
margin-top:90px;
}
.fifth_sec .btn-primary:hover {
background: transparent;
color: #099db9;
border: 2px solid #099db9;
}*/
.sixth_sec{
background:#eff3f6;
padding:110px 0;
text-align:center;
}
.sixth_sec h3 {
font-size: 40px;
line-height: 1;
color: #1e2021;
font-weight: 700;
margin: 0;
}
.service_list ul{
padding: 0;
}
.service_list ul li {
display: inline-block;
background: none;
padding: 10px 15px;
margin: 0 30px;
border-radius: 0;
position:relative;
transition:all 400ms linear;
}
.service_list ul li:hover {
background: #fff;
border-radius: 0;
box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
}
.service_list ul li img{
margin:0 auto;
}
.service_list ul li span{
display:block;
padding-top:10px;
}
.sixth_sec .hdr {
margin-bottom:60px;
}
.seventh_sec{
background-image:url(../images/faq_bck.jpg);
}
.seventh_sec_inner{
padding:85px 0;
}
.seventh_sec h2 {
color: #ffffff;
font-size:75px;
font-weight: 900;
line-height: 1;
text-transform: uppercase;
margin: 0;
}
.seventh_sec h2 span{
color: #0ad0fd;
}
.seventh_sec .hdr{
margin-bottom:80px;
}
.accordion dl, .accordion-list {
border:none;
}

.accordion dd, .accordion__panel {
background-color: rgba(47,95,108,0.5);
font-size: 16px;
line-height: 1.4;
color: #fff;
margin-bottom:5px;
}
.accordion p {
padding: 1em 2em 1em 2em;
}
.accordion {
position: relative;
background-color:transparent;
max-width:1100px;
margin:0 auto;
}
.accordionTitle, .accordion__Heading {
background-color: rgba(47,95,108,0.5);
text-align: left;
font-weight:500;
padding: 14px;
display: block;
text-decoration: none;
color: #fff;
transition: background-color 0.5s ease-in-out;
border: 1px solid rgba(255,255,255,0.2);
font-size:21px;
line-height:1;
}
.accordionTitle:before, .accordion__Heading:before {
content: "+";
font-size: 40px;
line-height: 23px;
float: right;
transition: transform 0.3s ease-in-out;
font-weight: 400;
}
.accordionTitle:hover, .accordion__Heading:hover,
.accordionTitle:focus, .accordion__Heading:focus  {
background-color: rgba(47,95,108,0.8);
color: #fff;
}
.accordionTitleActive, .accordionTitle.is-expanded {
background-color: rgba(47,95,108,0.8);
color: #fff;
}
.accordionTitleActive:before, .accordionTitle.is-expanded:before {
transform: rotate(-225deg);
}
.accordionItem {
height: auto;
overflow: hidden;
max-height: 50em;
transition: max-height 1s;
}
@media screen and (min-width: 48em) {
.accordionItem {
max-height: 15em;
transition: max-height 0.5s;
}
}
.accordionItem.is-collapsed {
max-height: 0;
}
.no-js .accordionItem.is-collapsed {
max-height: auto;
}
.animateIn {
animation: accordionIn 0.45s normal ease-in-out both 1;
}
.animateOut {
animation: accordionOut 0.45s alternate ease-in-out both 1;
}
@keyframes accordionIn {
0% {
opacity: 0;
transform: scale(0.9) rotateX(-60deg);
transform-origin: 50% 0;
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes accordionOut {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0.9) rotateX(-60deg);
}
}
.eighth_sec{
padding:75px 0 60px 0;
background:#eff3f6;
}
.eighth_sec h3 {
display: inline-block;
vertical-align: middle;
margin: 0 26px 0 0;
font-size: 26px;
line-height: 1;
color: #008dbb;
font-weight: 700;
}
.eighth_sec .blog_box {
background: #fff;
padding: 15px;
box-shadow:0px 0px 29px rgb(0 0 0 / 11%);
}
.eighth_sec .blog_box h4 {
display: inline-block;
vertical-align: middle;
margin:10px 0 18px 0;
font-size: 18px;
line-height: 1;
color: #000000;
font-weight: 700;
}
.eighth_sec .blog_box span.blog_date {
font-size: 14px;
margin-bottom: 20px;
display: block;
}
.eighth_sec .blog_box span.blog_date i{
margin-right:14px;
}
.eighth_sec .btn-primary_new {
color: #000;
margin: 90px auto 0 auto;
display: block;
}
.eighth_sec .btn-primary_new:hover{
color: #ffffff;
}
footer{
background-size:cover;
padding:0;
font-size:17px;
color:#ffffff;
position:relative;
overflow:hidden;
height:360px;
}
footer::after {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
content: '';
background: rgba(0,0,0,0.5);
}
footer .container {
position: absolute;
left: 50%;
top:60px;
z-index: 9;
width: 100%;
transform:translateX(-50%);
}
/*.lottie_bg_footer {
position: absolute;
left: 0;
right: 0;
z-index: -1;
width: 100%;
height: 100%;
margin-left:auto;
margin-right:auto;
}
footer .container{
z-index:2;
padding:52px 0 10px 0;
}*/

footer h5{
font-size:26px;
color:#ffffff;
margin-bottom:20px;
font-weight:500;
}
footer .social_hdr {
position: relative;
top: 0;
color: #fff;
margin-top:38px;
}
footer .social_hdr ul {
padding-bottom: 0;
}
footer .social_hdr ul li {
background: none;
padding: 0 12px 0 0;
width: auto;
background: none;
display: inline-block;
}
footer .social_hdr span {
transform: none;
display: block;
position: relative;
width: auo;
margin-bottom:12px;
top: 0;
right: 0;
}
footer ul.ftr_link{
padding:0;
}
footer ul.ftr_link li {
background: url(../images/list-icon-bullet.png) no-repeat 0 8px;
padding: 0 0 8px 25px;
}
footer ul.ftr_link li a{
color:#ffffff;
}
footer .ftr_phone{
margin-bottom:22px;
}
footer .ftr_phone .ftr_info_icon,
footer .ftr_mail .ftr_info_icon{
display: inline-block;
}
footer .ftr_phone .ftr_info_txt,
footer .ftr_mail .ftr_info_txt {
display: inline-block;
width: calc(100% - 50px);
margin-left: 10px;
vertical-align: middle;
}
footer .ftr_phone .ftr_info_txt span,
footer .ftr_mail .ftr_info_txt span {
color: #00c0ff;
font-size: 14px;
display: block;
vertical-align: middle;
}
footer .ftr_phone .ftr_info_txt a,
footer .ftr_mail .ftr_info_txt a{
color:#ffffff;
font-size: 16px;
}
footer address.copyrgt {
font-size: 12px;
display: inline-block;
margin: 0;
}
footer .ftr_btm_link {
font-size: 12px;
display: inline-block;
}
footer .ftr_btm_link ul{
padding:0;
}
footer .ftr_btm_link ul li {
display: inline-block;
background: none;
padding: 0 5px 0 0;
}
footer .ftr_btm_link ul li a {
color: #ffffff;
border-right: 1px solid #fff;
padding-right: 7px;
}
footer .ftr_btm_link ul li:last-child a{
border-right:none;
padding-right: 0;
}
footer .ftr_addrs{
font-size: 12px;
color: #ffffff;
text-align:right;
}
footer .ftr_addrs span{
color: #00c0ff;
display: inline-block;
padding-right:5px;
}
.lqd_btn a {
position: relative;
padding: 13px 40px;
display: block;
text-decoration: none;
text-transform: uppercase;
width: 300px;
overflow: hidden;
border-radius: 40px;
font-size: 14px;
letter-spacing: 1;
}

.lqd_btn a span {
position: relative;
color: #fff;
font-size: 12px;
letter-spacing: 1px;
z-index: 1;
display: block;
}

.lqd_btn a .liquid {
position: absolute;
top: -80px;
left: 0;
width: 300px;
height: 200px;
background: #1188a5;
box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);
transition: .5s;
}

.lqd_btn a .liquid::after,
.lqd_btn a .liquid::before {
content: '';
width: 200%;
height: 200%;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -75%);
background: #000;
}

.lqd_btn a .liquid::before {

border-radius: 45%;
background: rgba(20, 20, 20, 1);
animation: animate 5s linear infinite;
}

.lqd_btn a .liquid::after {

border-radius: 40%;
background: rgba(20, 20, 20, .5);
animation: animate 10s linear infinite;
}

.lqd_btn a:hover .liquid{
top: -120px;
}

@keyframes animate {
0% {
transform: translate(-50%, -75%) rotate(0deg);
}
100% {
transform: translate(-50%, -75%) rotate(360deg);
}
}
.phone_sec h4{
color:#24364a;
font-size:16px;
font-style:italic;
text-align:center;
font-weight:400;
}
.phone_sec h3{
color:#24364a;
font-size:26px;
text-align:center;
font-weight:700;
}
.phone_sec .phone_txt {
margin-bottom: 15px;
text-align: center;
font-size: 20px;
color:#24364a;
font-weight: 700;
}
.phone_sec .phone_txt img{
margin:0 auto;
}
/********innerpage*********/
.header_top.inner_header {
position: relative;
background: #1347a2;
}
.header_top.inner_header.smaller {
background: rgba(1,30,37,0.8);
padding: 12px 0;
box-shadow: 0px 1px 4px rgb(0 0 0 / 50%);
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.header_top.inner_header.smaller .col-md-4{
display:none;
}
.header_top.inner_header.smaller .col-md-8{
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
justify-content: center !important;
}
.header_top.inner_header.smaller .btn-primary_new{
font-size:12px;
padding:8px 25px;
}
.inner_banner {
position: relative;
}
.inner_banner img {
width: 100%;
}
.innerbanner_container {
position: absolute;
top: 100px;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 90%;
}
.inner_banner h1{
font-size:65px;
line-height:1;
color:#ffffff;
font-weight:900;
margin-bottom:10px;
}
.inner_banner h2{
font-size:27px;
line-height:1;
color:#ffffff;
font-weight:400;
margin-bottom:0;
}
.about_first{
padding:73px 0 100px 0;
background:#f1f2f3;
}
.about_first h2{
font-size:75px;
color:#000000;
margin-bottom:0;
font-weight:900;
text-transform:uppercase;
line-height:1;
}
.about_first h2 span{
color:#00c0ff;
}
.about_first h3{
font-size:55px;
color:#000000;
margin-bottom:0;
font-weight:900;
text-transform:uppercase;
line-height:1;
margin-left:85px;
}
.about_scnd{
background:#f1f2f3;
padding-bottom:95px;
}
.about_scnd .bck_heading{
display:block;
}
.about_scnd .bck_heading h2 {
font-size: 75px;
text-align: center;
letter-spacing: -1px;
}
.about_scnd .bck_heading h2 span {
font-size:38px;
}
.about_scnd .bck_heading img {
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.about_scnd .work_process_box {
background: #ffffff;
padding: 15px;
border-radius: 10px;
margin-bottom: 0;
box-shadow: 0px 0px 29px rgba(0,0,0,0.35);
min-height: 230px;
transition: all 300ms linear;
font-size:14px;
text-align:center;
}
.about_scnd .work_process_box h3{
font-size:23px;
color:#1e2021;
text-align:center;
margin-bottom:15px;
font-weight:400;
}
.about_scnd .work_number{
position:relative;
}
.about_scnd .work_number span{
font-size:106px;
color:#000;
font-weight:900;
line-height:1;
display:block;
text-align:center;
}
.about_scnd .work_number img {
mix-blend-mode: lighten;
position: absolute;
top: 20px;
left: 0;
width: auto;
margin: 0 auto;
right: 0;
}
.about_scnd .col-md-3:nth-child(2) .work_number img{
top: 30px;
left: 0px;
}
.about_scnd .col-md-3:nth-child(3) .work_number img{
top: 35px;
left: 0;
}
.about_scnd .col-md-3:nth-child(4) .work_number img{
top: 31px;
left: -14px;
}
.about_thrd{
background:url(../images/testimonila_bck1.png) repeat top left;
position:relative;
padding: 30px 0 100px 0;
overflow:hidden;
background-size: 100% auto;
}
/*.about_thrd::after{
background:url(../images/testimonila_bck.png) no-repeat bottom left;
position:absolute;
content:'';
bottom:0;
left:0;
width:100%;
height:204px;
}*/
.about_thrd .bck_heading {
background: none;
display: block;
padding-top: 50px;
}
.about_thrd .bck_heading h2 {
text-align: center;
letter-spacing: -3px;
font-size: 75px;
color:#ffffff;
}
.about_thrd .bck_heading h2 span{
color:#00c0ff;
}
.about_thrd .hdr .hdng_fish {
position: absolute;
top: 0px;
left: 58%;
}
.about_thrd .container {
z-index: 99;
position: relative;
}
.team_cont {
text-align: center;
padding:0 30px 100px 30px;
}
.team_cont .team_box {
width: 17%;
display: inline-block;
margin: 0 12px;
}
.team_cont .team_box img {
width: 100%;
border-radius: 20px;
}
.team_cont .team_box h4.testi_hdng {
font-size: 16px;
font-weight: 400;
color: #fff;
text-align: center;
}
.team_cont .team_box h5.designation {
color: #00f6ff;
font-size: 16px;
font-weight: 400;
margin: 0;
}
.about_fourth{
padding:40px 0 80px 0;
}

.about_fourth .bck_heading {
background: none;
display: block;
}
.about_fourth .bck_heading h2{
font-size:75px;
text-align:center;
color:#000000;
letter-spacing: -2px;
overflow:hidden;
}
.about_fourth .bck_heading img {
left: 0;
right: 0;
margin: 0 auto;
}
@keyframes move_wave {
0% {
transform: translateX(0) translateZ(0) scaleY(1)
}
50% {
transform: translateX(-25%) translateZ(0) scaleY(0.55)
}
100% {
transform: translateX(-50%) translateZ(0) scaleY(1)
}
}
.waveWrapper {
overflow: hidden;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
}
.waveWrapperInner {
position: absolute;
width: 100%;
overflow: hidden;
height: 100%;
bottom: -1px;

}
.bgTop {
z-index: 15;
opacity: 0.5;
}
.bgMiddle {
z-index: 10;
opacity: 0.75;
}
.bgBottom {
z-index: 5;
}
.wave {
position: absolute;
left: 0;
width: 200%;
height: 100%;
background-repeat: repeat no-repeat;
background-position: 0 bottom;
transform-origin: center bottom;
}
.waveTop {
background-size: 50% 100px;
}
.waveAnimation .waveTop {
animation: move-wave 3s;
-webkit-animation: move-wave 3s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.waveMiddle {
background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
animation: move_wave 10s linear infinite;
}
.waveBottom {
background-size: 50% 100px;
}
.waveAnimation .waveBottom {
animation: move_wave 15s linear infinite;
}
.review ul li {
padding: 0;
background: none;
}
.testimonial_image {
width: 50px;
display: inline-block;
margin-right: 10px;
}
.testimonial_text {
width: calc(100% - 70px);
display: inline-block;
vertical-align: top;
}
.testimonial_text .star {
color: #febe07;
}
.testimonial_text .star {
color: #febe07;
display: inline-block;
margin-right: 10px;
}
.testimonial_text .review_bx {
margin-bottom: 10px;
}
.about_fourth .jcarousel-wrapper{
box-shadow:none;
border:none;
border-radius:0;
}
.about_fourth .crsl_inn {
box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
margin:20px 20px;
padding: 25px;
}
.about_fourth .crsl_inn h4.ts_title {
font-size: 18px;
}
.about_fourth span.review_item {
font-size: 12px;
}
.about_fourth .review_bx span {
font-size: 12px;
}
.about_fourth .crsl_inn p {
font-size: 14px;
line-height: 1.5;
margin: 0;
}
section.seo_frst {
margin: 100px 0;
}
.seo_frst .rgt-img img{
margin-left: auto;
}
.seo_frst h3 {
font-size: 40px;
line-height: 1;
color: #1e2021;
font-weight: 700;
margin-bottom:30px;
}
.seo_hdr {
margin-bottom: 88px;
}
.seo_hdr img {
margin: 0 auto;
}
.seo_scnd .hdr h3 {
font-size: 40px;
line-height: 1;
color: #1e2021;
font-weight: 700;
margin-bottom:30px;
}
.seo_scnd .hdr h3 span{
color: #00c0ff;
}
.keyword_box {
margin-bottom: 26px;
position:relative;
}
.keyword_box h4{
font-size: 24px;
line-height: 1;
color: #000000;
font-weight: 700;
margin-bottom:16px;
text-decoration:underline;
margin-left:65px;
}
.keyword_box p.keyword_box_txt{
padding:26px 62px;
background:#eaeaea;
font-size:16px;
margin:0;
border-radius:10px;
position:relative;
overflow:hidden;
}
.keyword_box p.keyword_box_txt::before{
background:url(../images/seo_border.png) no-repeat top left;
width:15px;
height:100px;
position:absolute;
top:0;
left:26px;
content:'';
background-size: 100% 100%;
}
.keyword_box span.key_num {
position: absolute;
top: 10px;
right: 120px;
color: #dbd8d8;
font-size: 53px;
font-weight: 900;
text-transform: uppercase;
}
.seo_scnd .btn_grp{
margin-top:50px;
text-align:center;
}
.seo_scnd .btn-primary_new {
color: #000;
margin:0 10px 0 10px;
border-color:#000000;
}
.seo_scnd .btn-primary_new:hover {
color: #ffffff;
filter: hue-rotate(300deg);
border-color:#284cff;
}
section.seo_scnd {
margin-bottom: 70px;
}
.seo_third .seo_hdng{
background:#00c0ff;
padding-top:42px;
position:relative;
}
.seo_third .seo_hdng::after{
position:absolute;
content:'';
bottom:9px;
left:0;
height:4px;
width:100%;
background:#000;
}
.seo_third .seo_hdng h2 {
text-align: center;
font-size: 75px;
font-weight: 900;
text-transform: uppercase;
line-height: 1;
margin:0;
}
.seo_third .seo_hdng h2 span {
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 9;
}
.seo_third .seo_hdng h2 em{
font-style:normal;
display: inline-block;
vertical-align: middle;
text-align: left;
}
.seo_faq_body{
background:#001325;
padding:80px 0;
}
.seo_faq_body .faq_box{
position:relative;
padding-left:72px;
color:#86929e;
margin-bottom:37px;
}
.seo_faq_body .faq_box::before{
background:url(../images/question-icon1.png) no-repeat top left;
position:absolute;
content:'';
top:0;
left:0;
width:37px;
height:56px;
}
.seo_faq_body .faq_box h4{
font-size:21px;
font-weight:400;
color:#00c0ff;
margin-bottom:18px;
}
.seo_faq_body .faq_box p{
margin-bottom:0;
}
.contact_bck{
background:url(../images/contact_bck.jpg) no-repeat top left;
background-size:cover;
}
section.contact_top {
padding: 76px 0 80px 0;
}
.contact_top h2 {
font-size: 75px;
color: #000000;
margin-bottom: 0;
font-weight: 900;
text-transform: uppercase;
line-height: 1;
}
.contact_top h2 span {
color: #00c0ff;
}
.contact_top .contact_info {
background:rgba(255,255,255,0.8);
padding: 50px 68px;
border-radius: 20px;
min-height: 220px;
display: flex;
flex-direction: row;
align-items: center;
box-shadow: 0px 0px 12px rgb(0 0 0 / 15%);
}
.contact_top .contact_info h5{
font-size:16px;
color:#00c0ff;
font-weight:700;
margin-bottom:5px;
}
.contact_top .cnt_info_icon {
width: 25px;
display: inline-block;
font-size: 20px;
margin-right: 10px;
vertical-align: top;
}
.contact_top .cnt_info_txt {
width: calc(100% - 60px);
display: inline-block;
vertical-align: top;
color:#000000;
}
.contact_top .cnt_info_txt a{
color:#000000;
}
.contact_top .cnt_info_txt p{
margin-bottom:0;
}
.contact_bottom h2 {
font-size: 75px;
color: #000000;
margin-bottom: 0;
font-weight: 900;
text-transform: uppercase;
line-height: 1;
}
.contact_bottom .contact_form select.form-control {
background: url(../images/select_arrow.png) no-repeat right center #ffffff;
appearance: none;
-webkit-appearance: none;
color:#000000;
height: 40px;
}
.contact_bottom .contact_form .form-control {
border: 2px solid #cfc1ac;
border-radius: 5px;
height: 40px;
}
.contact_bottom .contact_form textarea.form-control {
height: 100px;
}
.contact_bottom .btn-primary_new {
color: #000;
margin: 0 10px 0 10px;
border-color: #000000;
}
.contact_bottom .btn-primary_new:hover {
color: #ffffff;
filter: hue-rotate(300deg);
border-color: #284cff;
}
.contact_bottom .map_box{
border: 2px solid #cfc1ac;
margin-bottom:20px;
}
.contact_bottom .rgt-box .hdr{
margin-bottom: 29px;
}
.contact_bottom .rgt-box .hdr h2{
font-size:61px;
}
.contact_bottom .map_box iframe {
display: block;
width: 100%;
}
section.contact_bottom {
padding-bottom: 100px;
}
.contact_form label span.rqrd {
color: red;
margin-left: 2px;
}
section.blog_section {
background: #f1f2f3;
padding: 70px 0;
}
.blog_box .blog_box_lft {
width: calc(100% - 260px);
display: inline-block;
margin-right: 50px;
vertical-align: top;
}
.blog_box .blog_box_rgt {
display: inline-block;
width: 200px;
vertical-align:top;
}
.blog_section .blog_box {
padding-bottom: 28px;
margin-bottom: 30px;
border-bottom: 1px dashed #000;
}
.blog_section .blog_box h3,
.blog_section .archive_box h3{
font-size:18px;
color:#000000;
margin-bottom:12px;
}
.blog_box ul.blog_date_admin,
.archive_box ul.blog_date_admin,
.blog_details_box ul.blog_date_admin{
font-size:14px;
}
.blog_box ul.blog_date_admin li,
.archive_box ul.blog_date_admin li,
.blog_details_box ul.blog_date_admin li{
background:none;
padding:0;
}
.blog_box ul.blog_date_admin li i,
.archive_box ul.blog_date_admin li i,
.blog_details_box ul.blog_date_admin li i {
margin-right: 10px;
}
.blog_box .blog_btn a.btn-primary_new {
color: #000;
border-color: #000;
padding: 5px 25px;
margin: 8px 0 0 0;
font-weight: 600;
font-size: 15px;
}
.blog_box .blog_btn a.btn-primary_new:hover{
color: #ffffff;
border-color:#00807f;
}
.archive_box .archive_box_img {
width: 116px;
display: inline-block;
vertical-align: top;
}
.archive_box .archive_box_txt {
width: calc(100% - 170px);
display: inline-block;
margin-left: 20px;
vertical-align: top;
}
.blog_section .archive_box h3{
margin-bottom:8px;
}
.blog_section .archive_box ul.blog_date_admin{
padding-bottom:0;
}
.blog_section .archive_box {
margin-bottom:25px;
}
.blog_section h2{
font-size: 40px;
color: #000000;
margin-bottom:40px;
}
.blog_section h2 span{
color: #00c0ff;
}
.blog_section .facebook_feed {
margin-top: 85px;
}
.pagination ul li.page-item {
background: none;
padding: 0;
}
.pagination ul li.page-item a {
background: transparent;
border: none;
color: #000;
}
.pagination ul li.page-item i {
padding: 0 4px;
vertical-align: middle;
}
.blog_details_box .blog_btn a.btn-primary_new {
color: #000;
border-color: #000;
padding: 5px 25px;
margin: 8px 0 0 0;
font-weight: 600;
font-size: 15px;
}
.blog_details_box .blog_btn a.btn-primary_new:hover {
color: #ffffff;
border-color: #00807f;
}
.blog_details_box .blog_img {
margin-bottom: 30px;
}
.blog_section .blog_details_box h2{
margin-bottom:5px;
}

.modal .container {
max-width:1000px;
position: relative;
font-size: 18px;
color: #758d86;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
margin:40px auto;
border: 1px solid #0f3d43;
overflow:hidden;
}
.modal .container .col-md-6{
padding:0;
}
.modal .container .addrss_info h5{
font-size: 16px;
color: #00c0ff;
}

button.close {
position: absolute;
right: 10px;
top: 10px;
z-index: 99;
opacity: 1;
}
.modal h2 {
font-size: 36px;
color: #54b4ae;
font-weight: 700;
margin-bottom:25px;
}
.modal .form_cont{
background: #072229;
padding: 40px 50px;
}
.form_cont .form_field {
position: relative;
width: 100%;
margin-bottom: 40px;
}
.form_cont .form_field .form-control {
background: transparent;
border: 2px solid #488c88;
border-radius: 6px;
padding: 0 20px;
height:45px;
color: #488c88;
}
.form_cont label {
position: absolute;
top: -10px;
left: 15px;
width: auto;
color: #488c88;
transition: 0.2s all;
font-size: 16px;
font-weight: 400;
background: #072229;
padding: 0 12px;
line-height: 20px;
margin: 0;
}
.form_cont .form_field p {
color: #ffffff;
margin: 0;
}
.form_cont .form_field select.form-control {
appearance: none;
-webkit-appearance: none;
background: url(../images/select_arrow_form.png) no-repeat right center !important;
cursor: pointer;
height:45px;
}
.form_cont .form_field select.form-control option {
color: black;
}
.form_cont .btn-primary_new {
margin: 0;
width: 180px;
}
.form_cont form{
margin-top:30px;
}
.form_cont input[type="email"]::-webkit-input-placeholder {
color: #fff;
}
.form_cont input[type="text"]::-webkit-input-placeholder {
color: #fff;
}
.form_cont input[type="tel"]::-webkit-input-placeholder {
color: #fff;
}
.lft_popup{
background:#ffffff;
height:100%;
padding: 40px 50px;
display: flex;
align-items: center;
}
.lft_popup h2{
color:#000000;
}
.lft_popup ul.addrss_info {
text-align: left;
padding: 0;
margin: 35px 0 100px 0;
}
.lft_popup ul.addrss_info li{
display:block;
font-size:21px;
color:#000000;
padding:0;
margin-bottom:25px;
font-weight:400;
background:none;
}
.lft_popup ul.addrss_info li .addr_icon {
width: 20px;
font-size: 22px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
margin-top: 18px;
}
.lft_popup ul.addrss_info li .addr_txt {
display: inline-block;
width:calc(100% - 40px);
vertical-align:middle;
}
.lft_popup ul.addrss_info li a{
color:#000000;
}
.lft_popup ul.addrss_info li i{
margin-right:20px;
}
section.portfolio_cont {
padding: 110px 0 60px 0;
background: #f1f2f3;
}
section.portfolio_cont .portfolio_box {
display: block;
margin-bottom: 50px;
}
section.portfolio_details_cont {
padding: 88px 0;
background: #f1f2f4;
}
.portfolio_info table.table{
border: 1px solid #000;
margin-bottom:45px;
}
.portfolio_info .table td, .portfolio_info .table th{
border-top: 1px solid #000;
}
section.portfolio_details_cont .portfolio_txt {
margin-bottom: 36px;
}
.portfolio_btn a.btn-primary_new {
color: #000;
border-color: #000;
padding: 7px 40px;
margin: 0 0 15px 0;
font-weight: 600;
font-size: 15px;
}
.portfolio_btn a.btn-primary_new:hover {
color: #ffffff;
border-color: #00807f;
}
.porfolio_details_box {
position: relative;
padding-bottom: 152px;
max-width: 651px;
}
.porfolio_details_box img {
width: 100%;
}
.porfolio_details_box::after {
background: url(../images/portfolio_structure.png) no-repeat bottom left;
width: 651px;
height: 154px;
position: absolute;
content: '';
bottom: 0;
left: 0;
}
nav.navigation ul li.mobile_close{
display:none;
}
.sidr {
background: #011e25;
color:#ffffff;
padding:0;
z-index:9999;
font-size: 16px;
font-weight: 400;
line-height: 18px;
text-transform: uppercase;
/*border-top:6px solid #454545;*/
width:300px;
letter-spacing: 0;
}
.sidr .sidr-inner {padding:63px 18px 18px 18px !important;height:auto;}
.sidr  ul{margin:0;padding:0;}
.sidr ul li{
padding: 0 0 16px 0;
margin: 0 0 20px 0;
background: none;
border-bottom:1px solid rgba(255,255,255,0.3);
position:relative;
}
.sidr ul li ul li {
line-height: 16px;
font-size: 12px;
background:url(../images/menu_arrw.png) no-repeat left 3px;
border-bottom:1px solid rgba(255,255,255,0.3);
}
.sidr ul li ul.sidr-class-sub-menu{margin-top:15px;margin-bottom:5px;}
.sidr ul li ul li a, .sidr ul li ul li span {padding-left: 20px;color: #ffffff;}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active{line-height: 16px;}
.sidr ul li ul li:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.sidr-class-mb_close_btn{display:none;}
.sidr ul li a, .sidr ul li span{padding:0;color:#ffffff;}
#mobile-header {display: none;float: none;margin-left: 0;}
#mobile-header.sidr-open.sidr-main-open .on{display:none;}
#mobile-header .off{display:none;}

.sidr .sidr-class-mobile_close {
display: block;
position: absolute;
z-index: 9999999;
top: 10px;
right: 10px;
background: url(../images/close_btn.png) no-repeat center center;
padding: 0;
border-radius: 0;
color: #000000;
font-size: 0;
width: 40px;
height: 40px;
border: none;
margin:0;
}
.sidr .sidr-class-mobile_close a{
width:40px;
height:40px;
display:block;
padding:0;
}
.sidr .sidr-inner .active .sidr-class-dropIc, .sidr-class-dropIc {
position: absolute;
right: 0;
height: 40px;
width: 40px;
top: -10px;
cursor: pointer;
background: url(../images/arrow_icon_dwn.png) no-repeat center center;
}
/******************Responsive****************/
@media screen and (max-width:1100px){
#mobile-header {
display: inline-block;
margin-left: 0;
vertical-align: middle;
margin-top: 1px;
font-size: 35px;
float: right;
width: 50px;
text-align: right;
margin-right: 30px;
}
#mobile-header a{
color:#00c0ff;
display:block;
}
nav.navigation{
display:none;
}
.second_sec .srvc_box h3 {
font-size: 17px;
}
.service_list ul li {
margin: 0 10px;
width: 130px;
vertical-align: top;
}
footer .mt-5, footer .my-5 {
margin-top: 0 !important;
}
.header_top.smaller .col-md-8, .header_top.inner_header.smaller .col-md-8 {
justify-content: end !important;
}
.archive_box .archive_box_img {
width: 100%;
display: block;
margin-bottom: 20px;
}
.archive_box .archive_box_txt {
width: 100%;
display: block;
margin-left: 0;
vertical-align: top;
}
.contact_top .contact_info {
padding: 20px 20px;
}
}
@media screen and (max-width: 850px){
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, 
.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, 
.col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, 
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, 
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
.col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, 
.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, 
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
width:100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.header_top .col-md-4 {
width: 50% !important;
max-width: 50% !important;
flex: 0 0 50% !important;
}
.header_top .col-md-8 {
width: 50% !important;
max-width: 50% !important;
flex: 0 0 50% !important;
}
.header_top.smaller .col-md-8 {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.banner h1 {
font-size: 140px;
}
.banner h2 {
font-size: 32px;
}
.banner .turtle{
max-width: 300px;
}
.second_sec .bck_heading h2 {
font-size: 55px;
text-align: center;
line-height: 55px;
}
.bck_heading h2, .fourth_sec .bck_heading h2, .seventh_sec h2, 
.bck_heading h2, .fifth_sec h2, .about_first h2, .about_scnd .bck_heading h2,
.about_thrd .bck_heading h2, .about_fourth .bck_heading h2, .seo_third .seo_hdng h2,
.contact_top h2, .contact_bottom h2, .contact_bottom .rgt-box .hdr h2{
font-size: 55px;
}

.second_sec .hdr .hdng_fish {
bottom: 0;
left: 0;
width: 100px;
}
.phone_sec .col-md-4 {
justify-content: center !important;
}
.fourth_sec .list_info {
margin-top: 40px;
}
.portfolio_box {
margin-bottom: 20px;
}
.portfolio_box img{
width:100%;
}
.service_list ul li {
margin: 0 auto;
width: 100%;
vertical-align: top;
display: block;
}
footer h5{
margin-top:30px;
}
.banner .x4{
top:0;
}
footer {
height: auto;
overflow: visible;
background: rgba(1,30,37,0.9);
padding: 20px 0;
}
.lottie_bg_footer {
display:none;
}
footer .ftr_addrs{
text-align:left;
}
footer .container {
position: relative;
left: 0;
top: 0;
z-index: 9;
width: 100%;
transform: none;
}
.development_logo {
margin-bottom: 20px;
}
.eighth_sec .blog_box{
margin-bottom:20px;
}
.header_top.inner_header{
padding: 10px 0;
}
.about_scnd .work_process_box{
margin-bottom:30px;
}
.about_scnd .work_number span {
font-size: 50px;
}
.about_scnd .work_number img{
top:0;
}
.team_cont .team_box {
width: 30%;
margin: 0 12px 30px 12px;
}
.innerbanner_container{
top:50px;
}
.about_first h3 {
font-size: 40px;
margin-left: 0;
}
.seo_faq_body .faq_box{
padding-left:0;
}
.seo_third .seo_hdng::after{
display:none;
}
.keyword_box span.key_num {
right: 10px;
font-size: 30px;
}
.keyword_box h4 {
font-size: 18px;
width: 80%;
}
.seo_frst .row {
flex-direction: column-reverse;
}
.seo_frst .rgt-img img {
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.seo_third .seo_hdng h2{
margin-bottom:20px;
}
.blog_section .col-md-4.pl-4 {
padding-left: 15px !important;
}
.contact_top .contact_info {
padding: 40px 20px;
min-height: 100px;
margin-bottom: 30px;
}
.contact_bottom .col-md-6.pr-5 {
padding-right: 15px !important;
}
.contact_bottom .col-md-6.rgt-box {
margin-top: 30px;
}
.modal .container {
max-width: 80%;
}
button.close {
background: #000;
border-radius: 50%;
}
}
@media screen and (max-width: 767px){
header .header_top .btn-primary_new {
font-size: 10px;
padding: 7px 10px;
line-height: 14px;
}
#mobile-header {
font-size: 28px;
margin-right: 0;
}
.banner h1 {
font-size: 70px;
}
.banner .jellyfish, .banner .heading_anime, .social_hdr{
display:none;
}
.banner .turtle {
max-width: 120px;
top: 70px;
right: 60px;
}
.banner .banner_container {
max-width: 100%;
top: 55%;
}
.banner .btn_grp {
margin-top: 20px;
}
.banner .small_turtle {
bottom: 0;
right: -20%;
width: 120px;
}
.banner .fish{
bottom: 0;
}
.second_sec .srvc_box {
min-height: inherit;
width: 50%;
margin: 0 auto 50px auto;
}
.bck_heading h2, .fourth_sec .bck_heading h2, .seventh_sec h2, .bck_heading h2, .fifth_sec h2, 
.about_first h2, .about_scnd .bck_heading h2, .about_thrd .bck_heading h2, 
.about_fourth .bck_heading h2, .seo_third .seo_hdng h2,
.contact_top h2, .contact_bottom h2, .contact_bottom .rgt-box .hdr h2{
font-size: 50px;
}
.second_sec .bck_heading h2 {
line-height: 50px;
}
.about_first h3 {
font-size: 30px;
}
.fourth_sec .sea_coral{
display:none;
}
.banner h2 {
font-size: 26px;
line-height: 30px;
}
}
@media screen and (max-width: 600px){
img.banner-main-img {
height: auto !important;
}
.banner .turtle, .banner .small_turtle{
display: none;
}
.banner h2 {
font-size: 16px;
line-height: 1;
}
.banner h1 {
font-size: 40px;
line-height: 44px;
}
.banner .btn_grp {
margin-top: 10px;
}
.btn-primary_new {
display: inline-block;
padding: 5px 15px;
font-size: 12px;
line-height: 18px;
margin: 0 5px;
}
header .header_top {
padding: 5px 0 20px 0;
}
.banner .banner_container {
top: 65%;
}
.first_section h3 {
display: block;
margin: 0;
font-size: 20px;
}
.first_section, .third_sec, .fourth_sec, .fifth_sec, .sixth_sec, .seventh_sec_inner, .eighth_sec,
.about_fourth, .about_thrd, .about_scnd, .about_first, section.portfolio_cont, section.blog_section,
section.contact_top{
padding: 40px 0;
}
section.contact_bottom{
padding-bottom: 40px;
}
section.seo_frst {
margin: 40px 0;
}
.seo_hdr {
margin-bottom: 40px;
}
.bck_heading img{
top:0;
}
.third_sec h3, .fourth_sec h3, .sixth_sec h3, .seo_frst h3, .seo_scnd .hdr h3 {
font-size: 20px;
}
.seo_faq_body .faq_box h4 {
font-size: 18px;
}
.fourth_sec .hdr, .fifth_sec .hdr, .seventh_sec .hdr, .hdr {
margin-bottom: 25px;
}
.fifth_sec{
font-size: 16px;
}
.bck_heading h2, .fourth_sec .bck_heading h2, .seventh_sec h2, .bck_heading h2, .fifth_sec h2, .about_first h2, .about_scnd .bck_heading h2, .about_thrd .bck_heading h2, .about_fourth .bck_heading h2,
.seo_third .seo_hdng h2, .contact_top h2, .contact_bottom h2, .contact_bottom .rgt-box .hdr h2 {
font-size: 40px;
}
.fifth_sec .btn-primary_new , .eighth_sec .btn-primary_new{
margin-top: 0;
}
.accordionTitle, .accordion__Heading {
padding: 6px 14px;
font-size: 15px;
line-height: 18px;
}
.accordion dd, .accordion__panel{
font-size: 12px;
line-height: 18px;
}
.second_sec .srvc_box {
width: 90%;
}
body, footer{
font-size:14px;
}
.fourth_sec h4 {
font-size: 18px;
margin-bottom: 10px;
}
footer h5 {
font-size: 16px;
margin-bottom: 10px;
}
ul li{
padding-left:25px;
}
.about_thrd .bck_heading{
padding-top:0;
}
.team_cont .team_box {
width: 100%;
margin: 0 auto 20px auto;
}
.inner_banner h1 {
font-size: 25px;
line-height: 1;
margin-bottom: 2px;
}
.inner_banner h2 {
font-size: 15px;
line-height: 1;
}
.innerbanner_container {
top: 30px;
}
.about_first h3 {
font-size: 20px;
margin-left: 0;
}
.about_scnd .work_number img, .about_scnd .col-md-3:nth-child(2) .work_number img,
.about_scnd .col-md-3:nth-child(3) .work_number img,.about_scnd .col-md-3:nth-child(4) .work_number img {
top: -20px;
}
.about_thrd .hdr .hdng_fish {
width: 80px;
}
.about_scnd .work_number {
overflow: hidden;
}
.header_top.inner_header {
padding: 5px 0;
}
.keyword_box {
margin-bottom: 16px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.keyword_box h4 {
font-size: 16px;
width: auto;
margin-left: 0;
order: 2;
}
.keyword_box span.key_num {
right: 0;
font-size: 30px;
top: 0;
order: 1;
line-height: 34px;
margin-bottom: 5px;
position:relative;
}
.keyword_box p.keyword_box_txt {
padding: 26px 22px 26px 42px;
font-size: 14px;
order: 3;
}
.keyword_box p.keyword_box_txt::before {
height: 100%;
left: 16px;
}
.seo_scnd .btn-primary_new {
margin: 10px auto 10px auto;
display: block;
}
.seo_third .seo_hdng h2 span{
width: 100px;
}
section.seo_scnd {
margin-bottom: 40px;
}
.seo_faq_body .faq_box{
margin-bottom: 20px;
}
.blog_box .blog_box_lft {
width: 100%;
display: block;
margin-right: 0;
margin-top: 30px;
}
.blog_box .blog_box_rgt {
display: block;
width: 100%;
}
.blog_section .blog_box {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
.blog_section h2 {
margin-bottom: 20px;
margin-top: 30px;
}
.blog_section .facebook_feed {
margin-top: 20px;
}
.blog_section .blog_box h3, .blog_section .archive_box h3{
font-size: 16px;
}
.blog_section h2 {
font-size: 30px;
}
}
@media only screen and (max-device-width: 568px) and (orientation : landscape) {

}
@media screen and (max-width: 400px){
.btn-primary_new {
padding: 7px 19px;
font-size: 12px;
line-height: 18px;
margin: 0 5px;
}
.banner h2 {
font-size: 14px;
line-height: 1;
margin-bottom: 5px;
}
.banner h1 {
font-size: 30px;
line-height: 34px;
}
}
@media screen and (max-width: 350px){
.btn-primary_new {
padding: 7px 12px;
font-size: 12px;
line-height: 16px;
margin: 0 2px;
}
.bck_heading h2, .fourth_sec .bck_heading h2, .seventh_sec h2, .bck_heading h2, .fifth_sec h2, .about_first h2, .about_scnd .bck_heading h2, .about_thrd .bck_heading h2, .about_fourth .bck_heading h2,
.contact_top h2, .contact_bottom h2, .contact_bottom .rgt-box .hdr h2 {
font-size: 30px;
}
header .header_top .btn-primary_new {
font-size: 8px;
padding: 4px 10px;
line-height: 14px;
}
.about_first h3, .third_sec h3, .fourth_sec h3, .sixth_sec h3, .seo_frst h3, .seo_scnd .hdr h3 {
font-size: 18px;
}
.phone_sec h3, .blog_section h2{
font-size:20px;
}
}