/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }




/* =Fonts
-------------------------------------------------------------- */

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit]
{
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}




table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
 thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
 tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
 tr.odd td {
	background: #F2F7FC;
}




.attachment img {
	max-width: 900px;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft, 
 img.alignright, 
 img.aligncenter {
	margin-bottom: 12px;
}
 .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
 .wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
.wp-smiley {
	margin:0;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}




/* ---------- layout ----------*/
:root {
    font-size: 20px;
}
body {
    font-family: "montserrat",sans-serif;
}
.wrapper {
    margin: 0 auto;
    overflow: hidden;
    transition: 0.25s ease-in;
    padding-top: 100px;
}
.container {
	max-width: 1310px;
	margin:0 auto;
}
.clear{clear:both; font-size:0px;line-height:0px;}

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

/* --------- HEADER HERE ---------*/
.header {
    background: #40494e;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 6px 13px rgba(0,0,0,0.15);
    transition: 0.25s ease-in;
    z-index: 9999;
}
.header .d-flex {
    position: relative;
	height: 100px;
    transition: 0.25s ease-in;
}
.logo {
    position: relative;
}
.logo .logo_caption {
	transition: 0.8s cubic-bezier(.85,0,.15,1);
}
.logo .logo_caption h4 {
    color: #df7b11;
    font-size: 40px;
    font-family: "verveine",sans-serif;
    font-weight: 400;
    line-height: 1.05;
    padding-bottom: 0;
}
.logo .logo_caption h4 a {color: #df7b11; text-decoration:none; }
.logo > a {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    display: block;
    width: 140px;
    transform: translate(-500px, -50%);
    opacity: 0;
    transition: 0.8s cubic-bezier(.85,0,.15,1);
}
.animated .logo .logo_caption {
	opacity: 0;
    transform: translate(-500px,0);
}
.animated .logo a {
	opacity: 1;
    transform: translate(0,-50%);
}
.logo a img {
    display: block;
    max-width: 100%;
}
.mobile_menubtn {
    position: relative;
    right: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: 0.6s cubic-bezier(.215,.61,.355,1);
    z-index: 9999999;
}
.mobile_menubtn:hover strong {
    color: #df7b11;
}
.mobile_menubtn:hover #nav-icon3 span {
    background: #df7b11;
}
.menuopen .mobile_menubtn strong {
    color: #ffffff;
}
.menuopen .mobile_menubtn #nav-icon3 span {
    background: #ffffff;
}
.mobile_menubtn strong {
    color: #ffffff;
    font-size: 20px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    margin-right: 25px;
    transition: .25s ease-in-out;
}
.menuopen .mobile_menubtn {
    right: calc((-100vw / 2 + 1310px / 2) + 85px);
}
/* Icon 3 */
#nav-icon3 {
	background: none;
	border: none;
	box-shadow: none;
    width: 40px;
    height: 40px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #df7b11;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.mobile_menubtn.open #nav-icon3 span {
    background: #ffffff;
}
#nav-icon3 span:nth-child(1) {
    display: none;
}
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 12px;
}
#nav-icon3 span:nth-child(4) {
    top: 24px;
}
.mobile_menubtn.open #nav-icon3 span:nth-child(1) {
  top: 12px;
  width: 0%;
  left: 50%;
}
.mobile_menubtn.open #nav-icon3 span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mobile_menubtn.open #nav-icon3 span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mobile_menubtn.open #nav-icon3 span:nth-child(4) {
  top: 12px;
  width: 0%;
  left: 50%;
}
.mobile_menubtn.open #nav-icon3 span:nth-child(2), .mobile_menubtn.open #nav-icon3 span:nth-child(3) {
    top: 19px;
}
.mobile_menubtn.open strong {
    color: #ffffff;
}
.olay {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.75);
    transition: .6s cubic-bezier(.215,.61,.355,1);
    opacity: 0;
    z-index: -1;
}
.menuopen .olay {
    visibility: visible;
    opacity: 1;
    z-index: 9999;
}
.menuopen .homepage .header {
    background: rgba(10,27,48,0.9);
}
.social_list {
    margin-bottom: 34px;
}
.social_list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_list ul li {
    padding: 0 9px;
}
.social_list ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background: #ffffff !important;
    border-radius: 50%;
    color: #d88023;
    font-size: 34px;
    text-align: center;
    padding: 0;
    text-decoration: none;
}
.social_list ul li a:hover {
    opacity: 0.8;
}
.tel_link {
    color: #ffffff;
    font-size: 20px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: 2.1;
    text-decoration: none;
}

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



/* --------- NAVIGATION HERE --------*/
.nav										{}
.nav ul										{}
.nav ul li									{}
.nav ul li a								{}
.nav ul li a span							{}
.nav ul li a:hover							{}
.mainnav_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: fixed;
    right: 0;
    top: 0;
    width: 624px;
    height: 100%;
    padding: 20px 100px 65px;
    padding-top: 170px;
    overflow-x: hidden;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition: .6s cubic-bezier(.215,.61,.355,1);
    background: rgba(239,139,34,0.9);
    -webkit-filter:  drop-shadow(-10px 0 13px rgba(0,0,0,0.25));
    filter:  drop-shadow(-10px 0 13px rgba(0,0,0,0.25));
	visibility: hidden;
    z-index: 999999;
}
.mainnav_wrapper nav {
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 3px solid #ffffff;
    margin-bottom: 46px;
}
.mainnav_wrapper nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mainnav_wrapper nav > ul > li {
    position: relative;
    margin-bottom: 25px;
}
.mainnav_wrapper nav ul li a {
    display: block;
    color: #ffffff;
    font-size: 74px;
    font-family:"bebas-neue-pro";
    font-weight: 700;
    line-height: 0.9;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}
.mainnav_wrapper nav ul li a:hover {
    color: #ffffff;
    font-weight: 200;
}
.mainnav_wrapper nav > ul > li.menudown > a {
    color: #ee3826;
}
.mainnav_wrapper nav ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    margin-left: 35px;
}
.mainnav_wrapper nav ul li .mega_menu {
	display: none;
    padding-top: 10px;
    padding-bottom: 12px;
}
.mainnav_wrapper nav ul li .mega_menu > ul {
    display: block;
    column-count: 2;
}
.mainnav_wrapper nav ul li ul li {
    position: relative;
    margin-bottom: 8px;
}
.mainnav_wrapper nav ul li ul li a {
    position: relative;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.15;
    text-transform: none;
    padding-left: 22px;
}
.mainnav_wrapper nav ul li ul li a:before {
    display: block;
    content: "»";
    position: absolute;
    left: 0;
    top: 0;
}
.mainnav_wrapper nav ul li ul li a:hover {
    color: #ee3826;
}
.mainnav_wrapper nav a.listarrow {
    width: calc(100% - 40px);       
}
.submenu_btn {
    display: block;
    width: 40px;
    height: 50px;
    background: url('../images/chevron-down-solid.svg') no-repeat center center;
    background-size: 30px auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.15s ease-in;
    cursor: pointer;
}
.submenu_btn.open {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.menuopen .mainnav_wrapper {
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
    opacity: 1;
	visibility: visible;
}
.menuopen {
    overflow: hidden;
}
html {
  --scrollbarBG: rgba(0,0,0,0.8);
  --thumbBG: dimgray;
}
.no-touch .mainnav_wrapper::-webkit-scrollbar {
  width: 11px;
}
.no-touch .mainnav_wrapper {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.no-touch .mainnav_wrapper::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.no-touch .mainnav_wrapper::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
.no-touch.homewrapper::-webkit-scrollbar {
  width: 11px;
}
.no-touch.homewrapper {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.no-touch.homewrapper::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.no-touch.homewrapper::-webkit-scrollbar-thumb {
  background-color: #FAF9F6;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
.fload {
    position: absolute;
    right: -9999px;
    font-size: 0.1px;
    font-family: "bebas-neue-pro";
    font-weight: 200;
    text-indent: -9999px;
}
a {
    transition: 0.15s ease-in;
}


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

/* ------- MAIN CONTENT HERE --------*/
.main_content								{}
.backbg {
    display: none !important;
}
.backbgbox {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.homeslider {
    
}
.homeslider .backbgbox {
    position: relative;
	height: calc(100vh - 100px);
    min-height: 600px;
}
.homeslider .backvid {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.homeslider .backvid iframe {
    box-sizing: border-box;
    width: 177.77777778vh;
    height: 56.25vw;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.homeslider_wrapper {
    position: relative;
}
.homeslider_wrapper .home_logo {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 285px;
}
.homeslider_wrapper .home_logo figure {
    width: 858px;
    margin: 0;
}
.homeslider_wrapper .home_logo figure img {
    display: block;
    max-width: 100%;
}
.homevideo_box {
    position: relative;
    margin-top: -136px;
    margin-bottom: 135px;
    z-index: 40;
}
.homevideo {
    position: relative;
    background: #c7c8ca;
    box-shadow: 8px 8px 21px rgba(0,0,0,0.25);
}
.homevideo video {
    display: block;
    width: 100%;
}
.homevideo .video_man {
	position: absolute;
    left: 200px;
    top: -45px;
    z-index: 20;
}
.homevideo .video_man img {
    display: block;
    max-width: 100%;
}
.aboutinfo_box {
    padding-bottom: 215px;   
}
.aboutinfo_box .container {
    position: relative;
    padding-top: 175px;
}
.aboutinfo_box p {
    color: #006bab;
    font-size: 36px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: 1.38;
    text-transform: uppercase;
    margin-bottom: 34px;
}
.aboutinfo_box .design_left {
	position: absolute;
    top: 72px;
    left: -50px;
}
.aboutinfo_box .design_middle {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.aboutinfo_box .design_right {
	position: absolute;
    top: 75px;
    right: -20px;
}
.aboutinfo_box .btn {
    
}
.design {
    pointer-events: none;
    z-index: -1;
}
.design img {
    display: block;
    max-width: 100%;
}
.recent_work_wrapper {
    padding-bottom: 162px;
}
.recent_work_wrapper .container {
    position: relative;
}
.recent_work_wrapper .recent_man {
	position: absolute;
    right: 75px;
    top: -83px;
    pointer-events: none;
    z-index: -1;
}
.recent_work_wrapper .recent_man img {
    display: block;
    max-width: 100%;
}
.section_title {
    position: relative;
}
.recent_work_list {
    margin: 0 -8px;
    padding-bottom: 14px;
}
.recent_work_list [class*=col-] {
    padding: 0 8px;
    margin-bottom: 30px;
}
.recent_work {
    position: relative;
}
.recent_work figure {
    background: #ffffff;
    margin: 0;
    height: 316px;
    padding: 10px;
    box-shadow: 7px 7px 13px rgba(0,0,0,0.2);
    margin-bottom: 10px;
}
.recent_work figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 7px 7px 6px rgba(0,0,0,0.15);
}
.recent_work h5 {
    display: inline-flex;
    position: relative;
    color: #7b8388;
    font-size: 20px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding-right: 20px;
    transition: 0.25s ease-in;
}
.recent_work h5:after {
    display: block;
    content: ">";
    color: #006bab;
    font-size: 30px;
    font-family: "verveine",sans-serif;
    font-weight: 400;
    line-height: 1;
    opacity: 0;
    position: absolute;
    top: -3px;
    right: 0;
    transform: translate(-8px,0);
    transition: 0.25s ease-in;
}
.recent_work > a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.star_box {
    position: relative;
    width: 91px;
    height: 105px;
    pointer-events: none;
}
.star_box .st1 {
    display: block;
    width: 59px;
    height: 59px;
    background: url('../images/st1.png') no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: scale(0);
}
.star_box .st2 {
    display: block;
    width: 36px;
    height: 37px;
    background: url('../images/st2.png') no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    animation-delay: 0.2s;
}
.star_box .st3 {
    display: block;
    width: 33px;
    height: 32px;
    background: url('../images/st3.png') no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    animation-delay: 0.4s;
}
.recent_work .star_box {
	position: absolute;
    top: -21px;
    left: -52px;
    z-index: 20;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.recent_work:hover .star_box .st1, .recent_work:hover .star_box .st2, .recent_work:hover .star_box .st3 {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: normal;
}
.recent_work:hover h5 {
    color: #006bab;
}
.recent_work:hover h5:after {
    opacity: 1;
    transform: translate(0,0);
}
.section_title .zigzag {
	position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    bottom: -28px;
    margin-left: 12px;
    z-index: 20;
}
.zigzag {
    position: relative;
    width: 276px;
    height: 60px;
}
.zigzag .zz1 {
    display: block;
    width: 276px;
    height: 11px;
    background: url('../images/zz1.png') no-repeat center center;
    transition: 0.25s linear;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.zigzag .zz2 {
    display: block;
    width: 223px;
    height: 35px;
    background: url('../images/zz2.png') no-repeat center center;
    position: absolute;
    right: 0;
    top: 10px;
    transition: 0.25s linear;
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transition-delay: 0.25s;
}
.zigzag .zz3 {
    display: block;
    width: 140px;
    height: 15px;
    background: url('../images/zz3.png') no-repeat center center;
    position: absolute;
    right: 83px;
    bottom: 1px;
    transition: .5s cubic-bezier(.215,.61,.355,1);
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition-delay: 0.5s;
}
.animated .zigzag .zz1  {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.animated .zigzag .zz2  {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.animated .zigzag .zz3  {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.client_wrapper {
    position: relative;
}
.client_carousel:before {
    display: block;
    content: "";
    position: absolute;
    left: -3000px;
    top: 50%;
    transform: translate(0,-50%);
    width: 8000px;
    height: 250px;
    background: #e8edf0;
    z-index: -1;
}
.client_carousel {
    position: relative;
    width: calc(100% + 50px) !important;
    left: -25px;
}
.client_carousel figure {
    width: 100%;
    max-width: 210px;
    height: 110px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.client_carousel figure a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.client_carousel figure img {
    display: block;
    max-width: 100%;
    max-height: none;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.4;
    transition: filter 0.4s ease-in, opacity 0.4s ease-in;
}
.client_carousel .item {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 265px;
}
.client_carousel figure:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}
.heart_box {
    position: relative;
    width: 65px;
    height: 71px;
}
.heart_box .ht1 {
    display: block;
    width: 29px;
    height: 31px;
    background: url('../images/ht1.png') no-repeat center center;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: scale(0);
}
.heart_box .ht2 {
    display: block;
    width: 39px;
    height: 42px;
    background: url('../images/ht2.png') no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    animation-delay: 0.2s;
}
.client_carousel figure:hover .heart_box .ht1, .client_carousel figure:hover .heart_box .ht2 {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: normal;
}
.client_carousel figure .heart_box {
	position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    margin-left: 20px;
}
.our_services_wrapper {
    padding-top: 175px;
    padding-bottom: 135px;
}
.our_services_wrapper .content {
    padding-right: 100px;
}
.our_services_wrapper .content h2 {
    padding-bottom: 30px;
}
.our_services_wrapper .content p {
    color: #40494e;
    font-size: 18px;
    font-family: "montserrat",sans-serif;
    font-weight: 400;
    line-height: 1.44;
    letter-spacing: 0.55px;
    margin-bottom: 44px;
}
.strike_out {
    position: relative;
}
.strike_out:before {
    display: block;
    content: "";
    position: absolute;
    left: -10px;
    bottom: 2px;
    width: calc(100% + 66px);
    height: 90px;
    background: url('../images/strike.png') no-repeat center center;
    background-size: 100% auto;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: 0.5s cubic-bezier(.215,.61,.355,1);
    transition-delay: 0.5s;
}
.strike_out .strike_replace {
	color: #df7b11;
    font-size: 85px;
    font-family: "verveine",sans-serif;
    font-weight: 400;
    line-height: 1.2;
    text-transform: none;
    position: absolute;
    left: 8px;
    bottom: 100%;
    overflow: hidden;
    border-right: none;
    white-space: nowrap;
    letter-spacing: 0;
    margin: 0 auto;
    width: 0;
    margin-bottom: -22px;
    opacity: 0;
}
.animated .strike_out:before {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.animated .strike_out .strike_replace {
    animation: 
    typing 1.25s steps(30, end) forwards,
    blink-caret .5s step-end 8 forwards;
    animation-delay: 0.9s;
    border-right: 1px solid #df7b11;
    opacity: 1;
    transition-delay: 0.9s;
}
/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #df7b11 }
}
.accordion {
    border-top: 2px solid #c7c8ca;
}
.accordion .accordion-button {
    background: none !important;
    color: #2c2927;
    font-size: 28px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 15px;
    justify-content: space-between;
    box-shadow: none !important;
    transition: 0.15s ease-in;
}
.accordion .accordion-button:hover {
    color: #df7b11;
}
.accordion .accordion-body {
    padding: 6px 15px 12px;
}
.accordion .accordion-body p {
    color: #40494e;
    font-size: 18px;
    font-family: "montserrat",sans-serif;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: 0.55px;
    margin-bottom: 22px;
}
.accordion .accordion-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 22px;
}
.accordion .accordion-body ul li {
    color: #2c2927;
    font-size: 18px;
    font-family: "montserrat",sans-serif;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}
.accordion .accordion-body ul li:after {
    display: inline;
    content: "•";
    color: #df7b11;
    margin: 0 8px;
}
.accordion .accordion-body ul li:last-child:after {
    display: none;
}
.accordion-button:after {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    content: ">";
    width: 50px;
    height: 50px;
    background: #159ed3;
    border-radius: 50%;
    color: #ffffff;
    font-size: 50px;
    font-family: "verveine",sans-serif;
    font-weight: 400;
    line-height: 1;
    padding-left: 3px;
    padding-bottom: 4px;
    transform: rotate(90deg);
    margin-left: 10px;
}

.accordion-button:not(.collapsed):after {
    background: #df7b11 !important;
    content: ">";
    transform: rotate(-90deg);
    background: none;
}
.accordion-item {
    border-bottom: 2px solid #c7c8ca !important;
}
.our_services_wrapper .accordion {
    margin-left: -20px;
}
.inner_hero {
    position: relative;
    min-height: 680px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 130px;
}
.inner_hero .hero_bar {
    position: relative;
    width: 100%;
	background: #006bab;
    z-index: 40;
}
.inner_hero .backvid {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;
}
.inner_hero .backvid iframe {
    box-sizing: border-box;
    width: 177.77777778vh !important;
    height: 56.25vw !important;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.inner_hero .backvid video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.client_name {
    position: relative;
}
.client_name:before {
    display: block;
    content: "";
    width: 65px;
    height: 54px;
    background: url('../images/titlestar.png') no-repeat center center;
    position: absolute;
    right: -26px;
    bottom: 100%;
    margin-bottom: -8px;
    transform: scale(0);
}
.animated .client_name:before {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: normal;
    animation-delay: 0.5s;
}
.client_name h4 {
    color: #fefefe;
    font-size: 20px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    padding-bottom: 0;
}
.hero_bar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hero_bar ul li:not(:last-child) {
    border-right: 2px solid #fefefe;
    padding-right: 12px;
    margin-right: 12px;
}
.hero_bar ul li a {
    display: block;
    color: #fefefe;
    font-size: 20px;
    font-family: "montserrat",sans-serif;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}
.hero_bar ul li a:hover {
    color: #df7b11;
}
.retail_wrapper {
    border-bottom: 2px solid #9ea5a9;
    padding-bottom: 140px;
}
.retail_wrapper .title {
    padding-right: 50px;
}
.retail_wrapper .title h2 {
    position: relative;
}
.retail_wrapper .title h2:before {
    display: block;
    content: "";
    position: absolute;
    right: 100%;
    top: 14px;
    width: 4000px;
    height: 72px;
    background: #df7b11;
    border-radius: 50px;
    margin-right: 20px;
}
.sub_services {
    
}
.column_2 {
    column-count: 2;
    column-gap: 30px;
}
.sub_services ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sub_services ul li {
    position: relative;
    color: #000000;
    font-size: 18px;
    font-family: "montserrat",sans-serif;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    padding-left: 34px;
    border-left: 2px solid #006bab;
}
.sub_services ul li:before {
    display: block;
    content: "";
    position: absolute;
    left: 20px;
    top: 9px;
    width: 4px;
    height: 4px;
    background: #000000;
    border-radius: 50%;
}
.sub_services ul li a {
    color: #000000;
    text-decoration: none;
}
.retail_wrapper .content {
    padding-top: 10px;
}
.retail_wrapper .content p {
    letter-spacing: 0.55px;
}
.gallery_blocks {
    margin-bottom: 155px;
}
.gallery_blocks figure {
    background: #2d2d2d;
    margin: 0;
}
.gallery_blocks figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery_blocks .row {
	margin: 0 -8px;
    margin-bottom: 16px;
}
.gallery_blocks .row [class*=col-] {
    padding: 0 8px;
}
.gallery_blocks video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.more_work_wrapper {
    padding-bottom: 250px;
}
.more_work_wrapper .recent_work_list {
    padding-bottom: 44px;
}
.page_title {
    background: #e8edf0;
}
.page_title h1 {
    position: relative;
    width: 100%;
    color: #006bab;
    font-size: 300px;
    font-family: "bebas-neue-pro",sans-serif;
    font-weight: 700;
    line-height: 0.77;
    text-transform: uppercase;
    text-shadow: 7px 7px 5px rgba(0,107,171,0.15);
}
.page_title h1:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 100%;
    width: 4000px;
    height: 110px;
    background: #df7b11;
    border-radius: 100px;
}
.page_title .design img {
    display: block;
    max-width: 100%;
}
.page_title .design {
    width: 171px;
    z-index: 1;
}
.page_title .design_right_bottom {
	position: absolute;
    top: calc(100% - 32px);
    left: calc(100% - 52px);
}
.page_title .design_left_bottom {
	position: absolute;
    top: calc(100% - 32px);
    right: calc(100% - 52px);
}
.page_title .design_right_top {
	position: absolute;
    bottom: calc(100% - 32px);
    left: calc(100% - 52px);
}
.page_title .design_left_top {
	position: absolute;
    bottom: calc(100% - 32px);
    right: calc(100% - 52px);
}
.page_title .caption {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.page_title .position-relative {
	display: inline-block;
}
.underline {
    position: relative;
}
.underline:after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    top: 100%;
    width: 88%;
    height: 11px;
    margin-top: -5px;
    background: url('../images/underline.png') no-repeat center center;
    background-size: 100% auto;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: .5s cubic-bezier(.215,.61,.355,1);
    transition-delay: 0.4s;
}
.long.underline:after {
     width: 100%;
}
.animated .underline:after {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.aboutinfo_box.v2 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.aboutinfo_box.v2 .design_middle {
    top: -44px;
    margin-left: -80px;
}
.aboutinfo_box.v2 .design_left {
    position: absolute;
    top: 12px;
    left: 60px;
}
.aboutinfo_box.v2 .design_right {
    position: absolute;
    top: 75px;
    right: 0;
}
.services_wrapper {
    padding-bottom: 104px;
}
.service_box {
    position: relative;
    color: #006bab;
    padding: 80px 90px;
    padding-left: 0;
    height: 100%;
    border-radius: 0 100px 0 0;
    min-height: 575px;
}
.service_box.outline {
	border: 4px solid var(--color);
}
.services_list {
    margin: 0 -8px;
}
.services_list [class*=col-] {
    position: relative;
    padding: 0 8px;
    margin-bottom: 16px;
}
.services_list [class*=col-]:nth-child(even) .service_box {
	padding-left: 90px;
    padding-right: 0;
    border-right: none;
} 
.services_list [class*=col-]:nth-child(odd) .service_box {
    border-left: none;
}
.services_list [class*=col-]:nth-child(odd) .service_box.outline:before {
    display: block;
    content: "";
    width: 4000px;
    height: 4px;
    background: var(--color);
    position: absolute;
    top: -4px;
    right: 99%;
}
.services_list [class*=col-]:nth-child(odd) .service_box.outline:after {
    display: block;
    content: "";
    width: 4000px;
    height: 4px;
    background: var(--color);
    position: absolute;
    bottom: -4px;
    right: 99%;
}
.services_list [class*=col-]:nth-child(even) .service_box.outline:before {
    display: block;
    content: "";
    width: 4000px;
    height: 4px;
    background: var(--color);
    position: absolute;
    top: -4px;
    left: 99%;
}
.services_list [class*=col-]:nth-child(even) .service_box.outline:after {
    display: block;
    content: "";
    width: 4000px;
    height: 4px;
    background: var(--color);
    position: absolute;
    bottom: -4px;
    left: 99%;
}
.services_list [class*=col-]:nth-child(odd) .service_box.solid:before {
    display: block;
    content: "";
    width: 4000px;
    height: 100%;
    background: var(--color);
    position: absolute;
    top: 0;
    right: 99.9%;
}
.services_list [class*=col-]:nth-child(even) .service_box.solid:after {
    display: block;
    content: "";
    width: 4000px;
    height: 100%;
    background: var(--color);
    position: absolute;
    top: 0;
    left: 99.9%;
}
.service_box h3 {
    color: var(--color);
}
.service_box p {
    color: #40494e;
    letter-spacing: 0.55px;
	margin-bottom: 28px;
}
.service_box.solid {
    background: var(--color);
}
.service_box.solid h3 {
    color: #ffffff;
}
.service_box.solid p {
    color: #fefefe;
    margin-bottom: 28px;
}
.service_box.solid .sub_services ul li {
    position: relative;
    color: #fffefe;
    font-size: 18px;
    font-family: "montserrat", sans-serif;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: 0.55px;
    text-transform: uppercase;
    padding-left: 34px;
    border-left: 2px solid #fffefe;
}
.service_box.solid .sub_services ul li:before {
    display: block;
    content: "";
    position: absolute;
    left: 20px;
    top: 9px;
    width: 4px;
    height: 4px;
    background: #fffefe;
    border-radius: 50%;
}
.service_box.outline .sub_services ul {
    color: currentColor;
}
.service_box.outline .sub_services ul li {
    border-left: 2px solid var(--color);
}
.services_list [class*=col-]:nth-child(2) .service_box {
	border-radius: 100px 0 0 0;
}
.services_list [class*=col-]:nth-child(3) .service_box {
	border-radius: 0 0 100px 0;
}
.services_list [class*=col-]:nth-child(4) .service_box {
	border-radius: 0 0 0 100px;
}
.services_list .mid_anime {
    width: 191px;
    height: 226px;
    position: absolute;
    left: -95px;
    top: -130px;
    z-index: 20;
}
.services_list .mid_anime img {
    display: block;
    width: 100%;
}
.service_box .sub_services {
	padding-bottom: 28px;
}
.how_wedo_wrapper {
    padding-top: 90px;
    padding-bottom: 180px;
}
.how_wedo_wrapper .section_title {
	display: inline-block;
}
.how_wedo_wrapper .title {
    padding-bottom: 110px;
}
.how_wedo_wrapper p {
    letter-spacing: 0.55px;
}
.how_wedo_wrapper .section_title:before {
    display: block;
    content: "";
    width: 60px;
    height: 63px;
    background: url('../images/cross.png') no-repeat center center;
    transform: scale(0);
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: -85px;
}
.how_wedo_wrapper .animated .section_title:before {
	-webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-direction: normal;
}
.section_title.v2 .zigzag {
    bottom: -48px;
}
.tab_links {
    padding-bottom: 48px;
}
.tab_links ul {
    list-style: none;
    margin: 0 -8px;
    padding: 0;
    display: flex;
    justify-content: space-between;
    border: none;
}
.tab_links ul li {
    padding: 0 8px;
    flex: 1;
}
.tab_links ul li .nav-link {
    width: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    background: none;
    border: 2px solid #006bab !important;
    border-radius: 25px;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none !important;
    text-align: center;
    color: #006bab;
    font-size: 20px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    letter-spacing: 0.75px;
    padding: 0 20px;
}
.tab_links ul li .nav-link:hover {
    background: #dcf1fe;
}
.tab_links ul li .nav-link.active {
    color: #fefefe;
    background: #006bab;
}
table {
    border: none;
    margin: 0;
}
table tr, table td, table th {
    border: none;
    padding: 0;
}
table tr:not(:last-child) {
    border-bottom: 2px solid #939598;
}
table th {
    color: #2c2927;
    font-size: 28px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 28px 0;
    padding-right: 25px;
    vertical-align: bottom;
}
table td {
    color: #000000;
    font-size: 18px;
    font-family: "montserrat",sans-serif;
    font-weight: 400;
    line-height: 1.44;
    letter-spacing: 0.55px;
    padding: 28px 0;
}
.tab-pane th {
    width: 415px;
}
.tab-content {
    padding-bottom: 68px;
}
.client_wrapper .section_title {
    position: relative;
    top: 15px;
}
.client_wrapper .section_title .zigzag {
    bottom: -18px;
}
.info_wrapper {
    margin-bottom: 188px;
}
.info_wrapper.right_pic .row {
	flex-direction: row-reverse;
}
.info_wrapper.right_pic .content {
    padding-left: 15px;
    padding-right: 100px;
}
.info_wrapper h2 {
    padding-bottom: 28px;
    margin-top: -14px;
}
.info_wrapper p {
    color: #40494e;
    letter-spacing: 0.55px;
}
.info_wrapper p:last-child {
    margin-bottom: 0;
}
.info_pic {
    position: relative;
}
.info_pic figure {
    margin: 0;
    background: #ffffff;
    padding: 14px;
    box-shadow: 7px 7px 13px rgba(0,0,0,0.2);
    margin-right: -15px;
}
.info_pic figure img {
    display: block;
    width: 100%;
    box-shadow: 7px 7px 6px rgba(0,0,0,0.15);
}
.info_pic .design_right_top {
	position: absolute;
    right: 30px;
    top: -22px;
}
.info_pic .design_left_top {
    position: absolute;
    left: 105px;
    top: -45px;
}
.info_pic .design_left_top img, .info_pic .design_right_top img {
    display: block;
    max-width: 100%;
}
.info_wrapper .content {
    padding-left: 100px;
}
.info_wrapper.right_pic .design_right_top {
    top: -52px;
    right: 60px;
}
.info_wrapper .underline:after {
    width: calc(100% + 15px);
    background-image: url(../images/underline2.png);
    left: 0;
    transform: none;
    margin-top: -10px;
}
.info_wrapper.right_pic .info_pic figure {
	margin-left: -15px;
    margin-right: 0;
}
.info_wrapper .t_content {
	position: relative;
}
.info_wrapper.right_pic .t_content:before {
    display: block;
    content: "";
    width: 57px;
    height: calc(100% + 20px);
    background: url('../images/curly-new.png') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: -10px;
    left: -66px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    transition: 1s cubic-bezier(.215,.61,.355,1);
}
.info_wrapper.right_pic .animated .t_content:before {
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.contact_form_wrapper {
    padding-bottom: 120px;
}
.contact_form .btn {
    color: #ffffff;
}
.select_wrap {
	margin: 0 -8px;
}
.select_wrap [class*=col-] {
	padding: 0 8px;
}
.recent_work_wrapper .title {
	align-items: center;
	padding-bottom: 50px;
}

/*Standard styling*/
h1 {
    color: #006bab;
    font-size: 120px;
    font-family: "bebas-neue-pro",sans-serif;
    font-weight: 700;
    line-height: 1;
}
h2 {
    color: #006bab;
    font-size: 100px;
    font-family: "bebas-neue-pro",sans-serif;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    padding-bottom: 42px;
}
h3 {
    color: #006bab;
    font-size: 72px;
    font-family: "bebas-neue-pro",sans-serif;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -1px;
    padding-bottom: 20px;
}
h4 {
    color: #2c2927;
    font-size: 34px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: normal;
}
h5 {
    color: #2c2927;
    font-size: 28px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: normal;
}
h6 {
    color: #2c2927;
    font-size: 22px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: normal;
}
p {
    color: #000000;
    font-size: 18px;
    font-family: "montserrat",sans-serif;
    font-weight: 400;
    line-height: 1.44;
	margin-bottom: 0px;
}
ul {
    list-style: disc;
}
li {
    color: #000000;
    font-size: 18px;
    font-family: "montserrat",sans-serif;
    font-weight: 400;
    line-height: normal;
}
.btn {
    border: none;
    border-radius: 50px;
    box-shadow: none;
    -webkit-appearance: none;
    outline: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    color: #ffffff;
    font-size: 20px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    padding: 0 40px;
    min-width: 300px;
}
.btn-sm {
    height: 52px;
    min-width: 250px;
    letter-spacing: 0.75px;
}
.btn-warning {
    background-color: #df7b11 !important;
}
.btn-warning:hover {
    color: #ffffff;
    background-color: #e77d0e !important;
}
label {
    color: #2c2927;
    font-size: 22px;
    font-family: "bebas-neue-pro",sans-serif; 
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}
label sup {
    color: orangered;
}
.form-group {
    position: relative;
    margin-bottom: 22px;
}
.form-control {
	display: block;
    width: 100%;
    height: 50px;
    background: none !important;
    border: 2px solid #006bab !important;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-appearance: none;
    outline: none !important;
    color: #2c2927;
    font-size: 18px;
    font-family: "montserrat",sans-serif !important;
    font-weight: 400;
    line-height: 46px;
    padding: 0 20px !important;
}
textarea.form-control {
    height: 150px;
    line-height: normal;
    padding: 12px 20px !important;
    resize: none;
}
.std_select {
	display: block;
    width: 100%;
    height: 50px;
    background: url('../images/selectarrow.png') no-repeat right 22px center !important;
    border: 2px solid #006bab !important;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-appearance: none;
    outline: none !important;
    color: #2c2927;
    font-size: 18px;
    font-family: "montserrat",sans-serif !important;
    font-weight: 400;
    line-height: 46px;
    padding: 0 20px !important;
    padding-right: 50px !important;
}
.std_select option {
    color: #7fba00;
}
.filter_select {
	height: 55px;
	background: url('https://konkanexplorer.com/papaadvertising/wp-content/uploads/2024/05/sedr.png') no-repeat right 2px center !important;
	border: 2px solid #006bab;
	border-radius: 50px;
	box-shadow: none;
    -webkit-appearance: none;
    outline: none !important;
	color: #006bab;
	font-size: 20px;
	font-family: "montserrat",sans-serif;
    font-weight: 700;
	line-height: 50px;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	padding: 0 30px !important;
	padding-right: 55px !important;
}
.filter_select option {
	color: #006bab;
	text-transform: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #2c2927 !important;
    opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #2c2927 !important;
    opacity: 1 !important;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #2c2927 !important;
    opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 18- */
    color: #2c2927 !important;
    opacity: 1 !important;
}

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


/* -------- FOOTER HERE ----------*/
.footer {
    position: relative;
    background: linear-gradient(to bottom,  rgba(21,158,211,1) 0%,rgba(0,106,171,1) 42%,rgba(0,106,171,1) 100%);
    padding-bottom: 24px;
}
.footer .container {
    position: relative;
    z-index: 40;
}
.footer .content {
    padding-bottom: 116px;
}
.footer .content figure {
    margin: 0;
    margin-top: -18px;
}
.footer .content figure img {
    max-width: 100%;
}
.footer .content h3 {
    color: #ffffff;
    font-size: 102px;
    font-family: "verveine",sans-serif;
    font-weight: 400;
    line-height: 0.78;
	text-transform: capitalize;
}
.footer .content h2 {
    color: #ffffff;
    text-shadow: 5px 5px 7px rgba(0,0,0,0.15);
    padding-bottom: 28px;
}
.footer .content p {
    color: #ffffff;
    font-size: 18px;
    font-family: "montserrat",sans-serif;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: 0.55px;
    margin-bottom: 35px;
}
.footer .content .btn {
    min-width: 270px;
}
.footer_links {
    padding-bottom: 22px;
}
.footer_links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.footer_links ul li:not(:last-child) {
    margin-right: 62px;
}
.footer_links ul li a {
    color: #ffffff;
    font-size: 22px;
    font-family: "montserrat",sans-serif;
    font-weight: 700;
    line-height: 1.64;
    text-transform: uppercase;
    text-decoration: none;
}
.footer_links ul li a:hover {
    color: #df7b11;
}
.copyright_box {
    
}
.copyright_box p {
    color: #ffffff;
    font-size: 11px;
    font-family: "montserrat",sans-serif;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}
.copyright_box p a {
    color: #ffffff;
    text-decoration: none;
}
.copyright_box p a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.footer .footer_man {
	position: absolute;
    bottom: 0;
    right: 104px;
    z-index: -1;
}
.footer .footer_man img {
    display: block;
    max-width: 100%;
}
.footer {
    
}
.footer .backvid {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.footer .backvid iframe {
    box-sizing: border-box;
    width: 177.77777778vh;
    height: 56.25vw;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.footer .backvid video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a[href^=tel] {
	color: #40494e;
	text-decoration:none;
}
.header a[href^=tel] {
	color: #ffffff;
	text-decoration:none;
}
.footer a[href^=tel] {
	color: #ffffff;
	text-decoration:none;
}
	
	
/* ---------------------------------------------------------*/
.no-results {display:none;}
.recent_work_list .no-results {display:block;}

.recent_work figure iframe {
    width: 100% !important;
}
.gallery_blocks .icons_list figure {background: transparent;}
.recent_work figure {
	
}
.recent_work figure .video_bg {
	position: relative;
	height: 100%;
	overflow: hidden;
	box-shadow: 7px 7px 6px rgb(0 0 0 / 15%);
}
.recent_work figure iframe {
    box-sizing: border-box;
    width: 145% !important;
    height: 145% !important;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	object-fit: cover;
}
.recent_work figure video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 7px 7px 6px rgb(0 0 0 / 15%);
}
.gallery_blocks figure iframe {
	display: block;
}
.gallery_blocks figure.video_figure {background: transparent;}
.homevideo .video_man {
    top: -116px;
    width: 220px;
}
.homevideo .video_man .wpbdmv-animation {
	max-width: 100% !important;
}
.logo > a {
	margin-top: -12px;
}
.homeslider .backvid iframe {
	width: 177.77777778vh !important;
    height: 65vw !important;
}
.mainnav_wrapper .anime {
	margin: 0 auto 20px;
}
.mainnav_wrapper .anime .wpbdmv-animation {
    max-width: 100% !important;
}
select#portfolio-industry {
    display: none;
}

.info_pic.info_pic_bottom {
    margin-top: 30px;
}
.new_lottie_file_section {padding: 100px 0;}

.captains_section .info_pic .t_content {
    margin: 0;
    background: #ffffff;
    padding: 50px;
    box-shadow: 7px 7px 13px rgba(0,0,0,0.2);
    margin-right: -15px;
	min-height : 570px;
}
section.info_wrapper.captains_section  h2 { padding-bottom: 120px; text-align: center; }
.captains_section .info_pic .t_content h3 { text-align: center; }
.captains_section .info_pic .t_content h5 {color:#df7b11; margin-bottom:28px; font-style:italic; text-align: center; }
.captains_section .info_pic .t_content p {margin-bottom:28px;}
.captains_section .info_pic .t_content p:last-child {margin-bottom: 0px;}
.info_wrapper.captains_section .content {padding-left:0;}
.info_wrapper.captains_section .info_pic .design_left_top {    left: 60px; top: -75px;}
.info_wrapper.captains_section .info_pic .design_right_top {    right: -60px; top: -70px;}

/* accessibility errors */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal !important;
    padding: 0;
    position: absolute !important;
    width: 1px;
}
.search_form .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
a.skip-link  {
    height: 51px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
	    background-color: #df7b11 !important;
    border-radius: 0;
    box-shadow: none;
    outline: none !important;
    -webkit-appearance: none;
    color: #ffffff !important;
    font-size: 20px;
    font-family: "pt-sans" !important;
    font-weight: 700 !important;
    line-height: normal;
    padding: 0 28px;
}
a.skip-link:hover {
    background-color: #e77d0e !important;
}
:focus-visible {
    outline: none !important;
    background: 0 0 !important;
    border-color: #0ff !important;
    box-shadow: 0px 0px 4px 4px #0ff !important;
}
 .recent_work  a.whole_box_link {    text-indent:-999999px;}
 .social_list ul li a i span  {    text-indent: -99999px;   color: #df7b11; display: block;}
 span#header_logo {    text-indent: -99999px;   color: #FFFFFF; display: block;}
.social_list ul li a i {line-height:0;}
.client_name h1 {
    color: #fefefe;
    font-size: 20px;
    font-family: "montserrat", sans-serif;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    padding-bottom: 0;
}