html {
background: #ffffff;
height: 100%;
}
body {
min-height: 100%;
overflow: auto;
} #wrap {
overflow: hidden;
min-height: 100%;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
color: inherit;
} article h1, article h2, article h3, article h4, article h5, article h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, header h1, header h2, header h3, header h4, header h5, header h6 {
margin-top: 0
}
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 0.75em 0 1.4em;
height: 0;
} a:focus {
outline: 0
} a:active, a:hover {
outline: 0
} .attachment-post-thumbnail {
display: block;
margin: 0 0 2% 0;
}
.alignright {
display: block;
margin: 0 0 2% 0;
}
.alignleft, .attachment-thumbnail {
display: block;
margin: 0 0 2% 0;
}
.aligncenter {
display: block;
margin: 0 auto 2%;
}
.logo {
margin: 0
}
.slideshow-main-slider .cycle-slide {
width: 100%
}
.slideshow-main-slider .cycle-slide img {
width: 100%;
height: auto;
}
article ul {
padding-left: 0
}
article li {
list-style: none
}
article li:before {
content: "\f101";
font-family: FontAwesome;
padding-right: 3px;
}
.woocommerce li:before {
content: "";
padding: 0;
}
#wrap, #header, #callout, #callout2, #callout3, #callout4, #callout5, #callout6, #callout7, #callout8, #callout9, #footer, #footer2 {clear: both; position: relative;}
header .navbar {
position: static
}
.container {
position: relative;
max-height: 1000000px; }
#callout {
}
footer .menu, footer .menu li {
list-style: none;
padding: 0;
margin: 0;
}
footer .menu a:before {
content: "\f101";
font-family: FontAwesome;
padding-right: 3px;
}
footer .menu ul {
padding: 0;
margin: 0 0 0 5px;
}
.navbar-collapse {
min-height: none
}
#main-slider-prev-next {
}
#main-slider-prev-next #prev, #main-slider-prev-next #next {
position: absolute;
top: 50%;
margin-top: -17px;
width: 22px;
height: 0px;
padding-top: 33px;
display: block;
z-index: 101;
overflow: hidden;
cursor: pointer;
}
#main-slider-prev-next #next {
right: -30px;
background-image: url(//royalinkdesign.com/wp-content/themes/parent/images/page.png);
background-position: 0 0;
}
#main-slider-prev-next #prev {
left: -30px;
background-image: url(//royalinkdesign.com/wp-content/themes/parent/images/page.png);
background-position: -28px 0;
}
#main-slider-pager {
list-style: none;
position: absolute;
left: 50%;
bottom: 20px;
margin-left: -30px;
z-index: 101;
}
#main-slider-pager a {
display: block;
width: 13px;
height: 0;
padding-top: 13px;
background-image: url(//royalinkdesign.com/wp-content/themes/parent/images/pagnation.png);
background-position: -21px 0;
float: left;
overflow: hidden;
margin: 0 3px;
}
#main-slider-pager a.cycle-pager-active {
background-position: 0 0
}
.cycle-slide-hidden {
display: none
}
.cycle-slideshow, .cycle-carousel-wrap {
width: 100%
}
.slideshow_wraper {
position: relative
}
.cycle-pager-active {
color: #ccc
}
.prev-next #prev, .prev-next #next {
position: absolute;
top: 40%;
margin-top: -17px;
width: 22px;
height: 0px;
padding-top: 33px;
display: block;
z-index: 101;
overflow: hidden;
cursor: pointer;
}
.prev-next #next {
right: -30px;
background-image: url(//royalinkdesign.com/wp-content/themes/parent/images/page.png);
background-position: 0 0;
}
.prev-next #prev {
left: -30px;
background-image: url(//royalinkdesign.com/wp-content/themes/parent/images/page.png);
background-position: -28px 0;
}
.carousel-prev-next {
}
.carousel-prev-next #carouselprev, .carousel-prev-next #carouselnext {
position: absolute;
top: 50%;
margin-top: -17px;
width: 22px;
height: 0px;
padding-top: 33px;
display: block;
z-index: 101;
overflow: hidden;
cursor: pointer;
}
.carousel-prev-next #carouselnext {
right: -30px;
background-image: url(//royalinkdesign.com/wp-content/themes/parent/images/page.png);
background-position: 0 0;
}
.carousel-prev-next #carouselprev {
left: -30px;
background-image: url(//royalinkdesign.com/wp-content/themes/parent/images/page.png);
background-position: -28px 0;
}
.full_width, .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth {
margin-bottom: 2%
}
.wp-post-image, img, .wp-caption, .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
max-width: 100%;
height: auto;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .btn, .btn-default, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
background-image: none;
background-color: #ddd; border: 1px solid rgba(0, 0, 0, .1);
border-radius: 2px;
box-shadow: none;
color: #333333;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 100%;
font-weight: bold;
left: auto;
line-height: 1.25em;
margin: 0;
overflow: visible;
padding: 1% 4%;
position: relative;
text-decoration: none;
text-shadow: none;
vertical-align: middle;
white-space: nowrap;
text-align: center;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .btn:hover, .btn-default:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce #respond input#submit.alt:focus, .woocommerce #content input.button.alt:focus, .woocommerce-page a.button.alt:focus, .woocommerce-page button.button.alt:focus, .woocommerce-page input.button.alt:focus, .woocommerce-page #respond input#submit.alt:focus, .woocommerce-page #content input.button.alt:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce #respond input#submit:focus, .woocommerce #content input.button:focus, .woocommerce-page a.button:focus, .woocommerce-page button.button:focus, .woocommerce-page input.button:focus, .woocommerce-page #respond input#submit:focus, .woocommerce-page #content input.button:focus, .btn:focus, .btn-default:focus, a.button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, .woocommerce a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce input.button.alt:active, .woocommerce #respond input#submit.alt:active, .woocommerce #content input.button.alt:active, .woocommerce-page a.button.alt:active, .woocommerce-page button.button.alt:active, .woocommerce-page input.button.alt:active, .woocommerce-page #respond input#submit.alt:active, .woocommerce-page #content input.button.alt:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce #content input.button:active, .woocommerce-page a.button:active, .woocommerce-page button.button:active, .woocommerce-page input.button:active, .woocommerce-page #respond input#submit:active, .woocommerce-page #content input.button:active, .btn:active, .btn-default:active, a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
background-image: none;
background-color: #fff; border: 1px solid rgba(0, 0, 0, .3);
color: #111111;
}
.shop-now-btn {
float: right;
margin: 0 0 15px 15px;
} .blocks {
padding-bottom: 30px;
position: relative;
}
.blocks .ctaction {
position: absolute;
bottom: 5px;
right: 10px;
}
.blocks .ctaction.left {
left: 10px
}
.blocks .ctaction.center {
left: 50%;
margin-left: -50px;
} .social-color span.social-facebook {
color: #3C599B
}
.social-color span.social-twitter {
color: #5EAADE
}
.social-color span.social-google {
color: #DB5049
}
.social-color span.social-linkedin {
color: #0274B3
}
.social-color span.social-youtube {
color: #D02827
}
.social-color span.social-vimeo {
color: #1BB6EC
}
.social-color span.social-pinterest {
color: #CB2028
}
.social-color span.social-instagram {
color: #395886
}
.social-color span.social-rss {
color: #FF8228
} .video-container {
position: relative;
padding-bottom: 56.25%; padding-top: 30px; height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .google-maps {
position: relative;
padding-bottom: 90%; height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .woocommerce .box_1 ul.products li.product a img, .woocommerce-page .box_1 ul.products li.product a img, .box_1 ul.products.list li.product img, .woocommerce .box_1 div.product div.images img, .woocommerce .box_1 #content div.product div.images img, .woocommerce-page .box_1 div.product div.images img, .woocommerce-page .box_1 #content div.product div.images img, .box_1 .woocommerce ul.products li.product a img, .box_1 .woocommerce ul.products li.product a:hover img {
width: auto !important;
margin: 0 auto !important;
box-shadow: none;
max-width: 100%;
}
.woocommerce .box_1 .related ul.products li.product img, .woocommerce .box_1 .related ul li.product img, .woocommerce .box_1 .upsells.products ul.products li.product img, .woocommerce .box_1 .upsells.products ul li.product img, .woocommerce-page .box_1 .related ul.products li.product img, .woocommerce-page .box_1 .related ul li.product img, .woocommerce-page .box_1 .upsells.products ul.products li.product img, .woocommerce-page .box_1 .upsells.products ul li.product img {
margin: 0 !important
}
.woocommerce .products li img {
border: 3px solid #000
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {
color: #D1AD79
}
.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before {
padding-top: 0
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin-bottom: 1em
}
input, textarea, select {
max-width: 100%;
width: 100%;
}
input[type=checkmark], input[type=radio] {
width: auto
}
.panel {
background: none
}
.pp_content_container {
color: #D1AD79
} .ct-search {
padding: 10px 0 20px 0;
position: relative;
display: inline-block;
}
#header .ct-search {
}
.ct-search form {
position: relative
}
.ct-search input[type="text"] {
background: none repeat scroll 0 0 #fff;
border: 1px solid #c3c3c3;
color: #3c3c3c;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
width: 210px;
float: left;
border-radius: 0px;
padding: 6px 30px 6px 6px;
}
.ct-search input[type="text"]:focus {
background: none repeat scroll 0 0 #FFFFFF;
border-color: #9BB4C3;
}
.ct-search input:-moz-placeholder {
color: rgba(155, 180, 195, 0.9)
}
.ct-submit-bg {
}
.ct-search input#go[type="submit"] {
background: #63A844;
border: medium none;
border-radius: 0;
box-shadow: none;
color: #FFF;
cursor: pointer;
font-family: FontAwesome;
font-weight: 400;
height: 30px;
text-shadow: none;
width: 30px;
position: absolute;
right: 0;
margin: 0;
} .gap {
display: block;
margin: 0;
width: 100%;
} .slideshow {
}
.slideshow img {
} .toggle_wrapper {
margin: 0 0 20px
}
.trigger {
border: 1px solid #E7E7E7;
padding: 20px 20px 15px;
text-shadow: 0 1px 0 #FFFFFF;
background: linear-gradient(to bottom, #F9F9F9 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
margin: 0;
}
.trigger a {
font-size: 18px;
display: inline-block;
text-shadow: 0 1px 0 #FFFFFF;
color: #999999;
font-weight: normal;
}
.trigger a span {
display: block;
font-size: .8em;
font-style: italic;
color: #595959;
}
.trigger a:before {
content: "\f067";
font-family: FontAwesome;
padding-right: 8px;
color: #999999;
}
.trigger.active a:before {
content: "\f068"
}
.toggle_container {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E7E7E7;
border-top: none;
margin: 0;
padding: 20px;
position: relative;
} .accordion_inner {
margin: 0 0 0.938em
}
.accordion_wrapper .trigger {
border: 1px solid #E7E7E7;
padding: 0.938em;
background: linear-gradient(to bottom, #F9F9F9 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
margin: 0;
font-size: 18px;
text-shadow: 0 1px 0 #FFFFFF;
color: #999999;
font-weight: normal;
margin: 0 0 0.938em;
cursor: pointer;
}
.accordion_wrapper .trigger:before {
content: "\f067";
font-family: FontAwesome;
padding-right: 8px;
}
.accordion_wrapper .trigger.ui-state-active:before {
content: "\f068"
}
.accordion_wrapper .trigger a span {
display: block;
font-size: .8em;
font-style: italic;
color: #595959;
}
.accordion_wrapper .toggle_container {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E7E7E7;
border-top: none;
margin: 0;
padding: 0.938em;
position: relative;
margin: -0.938em 0 0.938em;
} .modal-sm {
max-width: 300px
}
.modal-lg {
max-width: 900px
} ul.tabs {
list-style: none;
padding: 0;
margin: 0;
}
ul.tabs li { 
position: relative;
padding: 0;
z-index: 100;
margin-bottom: -1px;
}
@media (min-width: 768px) { 
ul.tabs li {
float: left;
}
}
ul.tabs li:before {
content: "";
padding: 0;
}
ul.tabs a {
text-shadow: 0 1px 0 #FFFFFF;
color: #999999;
display: block;
padding: 15px 20px;
text-shadow: 1px 1px 0 #FFFFFF;
border: 1px solid #999;
background: linear-gradient(to bottom, #F9F9F9 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
}
.woocommerce-tabs ul.tabs a {
border: none;
background: none;
}
ul.tabs a span {
font-size: .8em;
color: #595959;
font-style: italic;
display: block;
}
ul.tabs li.ui-state-active {
}
ul.tabs li.ui-state-active a {
color: #4c4c4c;
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabs a:hover {
color: #999
}
div.ui-tabs-panel {
clear: both;
margin: 3px 0 10px;
padding: 10px 20px;
border: 1px solid #999;
background: #fff;
}
div.ui-tabs-panel p {
}
div.ui-tabs-panel a {
} .testimonial-box {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E7E7E7;
margin: 10px 0 45px;
position: relative;
}
.author-info {
border-bottom: 1px solid #E7E7E7;
padding: 20px 20px 15px;
text-shadow: 0 1px 0 #FFFFFF;
background: linear-gradient(to bottom, #F9F9F9 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
}
.testimonial-author, .testimonial-position {
display: block
}
.testimonial-author {
color: #999999;
font-size: 18px;
padding: 10px 0 5px;
}
.testimonial-position {
color: #595959
}
.testimonial-position {
font-size: .8em;
font-style: italic;
}
.author-quote {
color: #363636;
padding: 43px 35px 30px 77px;
position: relative;
text-shadow: none;
}
.one_third .author-quote {
padding: 15px
}
.testimonial:before {
background: url(//royalinkdesign.com/wp-content/themes/parent/images/shortcodes-sprite.png) no-repeat scroll -45px -35px transparent;
content: "";
height: 19px;
left: 35px;
position: absolute;
top: 43px;
width: 25px;
}
.testimonial-bottom-arrow {
background: url(//royalinkdesign.com/wp-content/themes/parent/images/shortcodes-sprite.png) no-repeat scroll -97px -25px transparent;
bottom: -32px;
height: 32px;
position: absolute;
right: 40px;
width: 31px;
} .caution, .warning {
border: 1px solid;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 3px 0 10px;
padding: 10px 20px;
}
.caution {
background: #fff4cc url(//royalinkdesign.com/wp-content/themes/parent/images/yellow.png) no-repeat 2% 50%;
border-color: #f8e3ac;
color: #e7932e;
padding-left: 48px;
}
.warning {
background: #fbd3b1 url(//royalinkdesign.com/wp-content/themes/parent/images/red.png) no-repeat 2% 50%;
border-color: #f5c69a;
color: #d82700;
padding-left: 48px;
}
.warning p, .caution p {
padding: 0
} .post {
padding-bottom: 1.5em;
border-bottom: 1px solid #ccc;
margin-bottom: 2em;
} .comments, .commentlist, .nocomments, .related {
margin-bottom: 2em;
margin-top: 5em;
}
.commentlist .avatar {
float: right;
margin: 0 0 0.5em;
padding: 4px;
}
#cancel-comment-reply-link {
margin-left: 1em
}
.trackback .content, .pingback .content {
font-style: italic
}
.comentary {
font-size: 8pt;
padding: 0;
}
ol.commentlist {
font-size: 8pt;
list-style: none outside none;
margin: 10px;
padding: 0;
text-indent: 0;
}
ol.commentlist li.alt {
}
ol.commentlist li.bypostauthor {
}
ol.commentlist li.byuser {
}
ol.commentlist li.comment {
}
ol.commentlist li div.comment-author {
padding: 0 170px 0 0
}
ol.commentlist li div.vcard {
font: bold 14px/1.4 helvetica,arial,sans-serif
}
ol.commentlist li div.vcard cite.fn {
font-style: normal
}
ol.commentlist li div.vcard img.avatar-32 {
}
ol.commentlist li div.vcard img.photo {
}
ol.commentlist li div.vcard span.says {
}
ol.commentlist li div.commentmetadata {
}
ol.commentlist li p {
margin: 0 0 1em
}
ol.commentlist li ul {
font: 12px/1.4 helvetica,arial,sans-serif;
list-style: square outside none;
margin: 0 0 1em;
padding: 0;
text-indent: 0;
}
ol.commentlist li div.reply {
font: bold 9px arial,sans-serif;
padding: 5px 10px;
text-align: center;
width: 36px;
}
ol.commentlist li div.reply a {
text-decoration: none;
text-transform: uppercase;
}
ol.commentlist li ul.children {
list-style: none outside none;
margin: 1em 0 0;
text-indent: 0;
}
ol.commentlist li ul.children li {
}
ol.commentlist li ul.children li.alt {
}
ol.commentlist li ul.children li.bypostauthor {
}
ol.commentlist li ul.children li.byuser {
}
ol.commentlist li ul.children li.comment {
}
ol.commentlist li ul.children li.comment-author-admin {
}
ol.commentlist li ul.children li.depth-2 {
margin: 0 0 0.25em 1.5em
}
ol.commentlist li ul.children li.depth-3 {
margin: 0 0 0.25em 1.5em
}
ol.commentlist li ul.children li.depth-4 {
margin: 0 0 0.25em 1.5em
}
ol.commentlist li ul.children li.depth-5 {
}
ol.commentlist li ul.children li.odd {
}
ol.commentlist li.parent {
}
ol.commentlist li.pingback {
}
ol.commentlist li.pingback.parent {
}
ol.commentlist li.pingback div.vcard {
padding: 0 10px 0 0
}
ol.commentlist li.thread-alt {
}
ol.commentlist li.thread-even {
}
ol.commentlist li.thread-odd {
}
.comment-body .vcard img {
float: left;
margin: 0 5px;
}
#comment {
padding: 10px;
width: 90%;
}
.comment-body {
background: none repeat scroll 0 0 #F0F0F0;
margin-bottom: 10px;
padding: 10px;
}
.comment-body .vcard {
line-height: 1.7em
}
.comment-body .vcard a {
font-size: 14px;
font-weight: bold;
}
.comment-body .vcard img {
border: 1px solid #CCCCCC;
float: left;
margin-right: 5px;
}
.comment-body .commentmetadata {
font-size: 10px
}
.comment-body .commentmetadata a {
color: #888888
}
.comment-body p {
clear: both;
line-height: 1.5em;
margin-top: 20px;
} @font-face {
font-family: 'Gotham';
src: url(//royalinkdesign.com/wp-content/themes/child/fonts/Gotham-Light.woff) format('woff'), 
url(//royalinkdesign.com/wp-content/themes/child/fonts/Gotham-Light.woff2) format('woff2');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gotham';
src: url(//royalinkdesign.com/wp-content/themes/child/fonts/Gotham-Book.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gotham';
src: url(//royalinkdesign.com/wp-content/themes/child/fonts/Gotham-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gotham';
src: url(//royalinkdesign.com/wp-content/themes/child/fonts/Gotham-Bold.woff) format('woff');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gotham';
src: url(//royalinkdesign.com/wp-content/themes/child/fonts/Gotham-Ultra.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Perpetua MT';
src: url(//royalinkdesign.com/wp-content/themes/child/fonts/Perpetuar.woff2) format('woff2'),
url(//royalinkdesign.com/wp-content/themes/child/fonts/Perpetuar.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Perpetua';
src: url(//royalinkdesign.com/wp-content/themes/child/fonts/Perpetua.woff2) format('woff2'),
url(//royalinkdesign.com/wp-content/themes/child/fonts/Perpetua.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
a {
text-decoration: none;
}
#wrap, body {
overflow: inherit !important;
}
.main-content {
overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Gotham' !important;
font-weight: 300;
}
h6 { 
text-transform: none;
}
p {
margin-bottom: 1.5rem;
}
input, textarea, select {
border: 0px solid #e4e4e4 !important;
margin-bottom: 10px !important;
padding: 12px 20px !important;
background: #ffffff !important;
border-radius: 0px !important;
font-weight: 300 !important;
color: #000000 !important;
line-height: 24px !important;
font-size: 18px !important;
letter-spacing: 2px !important;
height: auto !important;
}
input:focus, textarea:focus, select:focus {
outline:none;
}
textarea.wpcf7-textarea {
height: 140px;
margin-bottom: 10px;
}
select.wpcf7-form-control.wpcf7-select, .wpforms-container select {
-webkit-appearance: none !important;
background: #ffffff url(//royalinkdesign.com/wp-content/themes/child/images/arrow.png) no-repeat 98% center / 20px 10px !important;
padding-right: 35px !important;
}
select.wpcf7-form-control.wpcf7-select[multiple="multiple"] {
background-position: 98% 20px;
}
.wpcf7-spinner {
position: absolute;
margin: 0 5px;
}
.wpcf7 input.wpcf7-submit { margin-top:0 !important;
text-transform: uppercase;
font-size: 21px;
padding: 1.3rem 2rem;
}
.wpcf7-checkbox input {
width: auto;
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
.wpcf7-checkbox .wpcf7-list-item-label:before, div.wpforms-container-full input[type=checkbox]:before {
content: '';
-webkit-appearance: none;
background-color: #ffffff;
border: 2px solid #ffffff !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
border-radius: 20px !important;
margin-right: 5px;
width: 0% !important;
height: 0 !important;
left: 0 !important;
top: 0 !important;
}
.wpcf7-checkbox input:checked + .wpcf7-list-item-label:before, div.wpforms-container-full input[type=checkbox]:checked:before {
background-color: #990a00;
} .wpcf7-checkbox {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 10px;
}
.wpcf7-checkbox span.wpcf7-list-item {
margin: 5px 1em 0 0;
font-weight: 300;
color: #ffffff;
line-height: 24px;
font-size: 16px;
letter-spacing: 0.3px;
} div.wpforms-container-full {
margin: 0px auto !important;
}
.wpforms-field-checkbox {
margin: 20px 0 !important;
}
.wpforms-container .wpforms-field {
padding: 0 !important;
}
.wpforms-container .wpforms-field-label, div.wpforms-container-full .wpforms-field-label-inline {
color: #ffffff !important;
font-weight: 300 !important;
}
div.wpforms-container-full input[type=checkbox], div.wpforms-container-full input[type=radio] {
background: transparent !important;
padding: 0 !important;
width: 23px !important;
height: 23px !important;
margin: 0 !important;
}
div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul {
gap: 10px !important;
}
.wpforms-container.wpforms-container-full .wpforms-submit {
width: 100%;
box-shadow: 0 0 0px 0.2rem #ffffff inset !important;
background: transparent !important;
height: auto;
margin-top: 0 !important;
text-transform: uppercase;
font-size: 21px !important;
padding: 1.3rem 2rem !important;
}
.wpforms-container.wpforms-container-full .wpforms-submit:hover {
background: linear-gradient(to right, #fecc81, #990a00) !important;
box-shadow: 0 0 0px 0rem #990a00 inset !important;
}
div.wpforms-container-full input[type=checkbox]:after {
display: none;
}
div.wpforms-container-full .wpforms-form textarea {
height: 140px !important;
}
.newsletter-form .wpforms-form {
display: flex;
}
.newsletter-form .wpforms-form .wpforms-field-email {
width: 100%;
}
.newsletter-form .wpforms-form .wpforms-field-container {
width: 70%;
max-width: 525px;
}
.newsletter-form .wpforms-form button.wpforms-submit {
background: #990a00 !important;
box-shadow: none !important;
padding: 11px 2rem !important;
}
.newsletter-form .wpforms-submit-container {
margin-top: 0 !important;
}
.newsletter-form .wpforms-form .wpforms-field-container input {
margin-bottom: 0 !important;
}
.thank-you a {
color: #bb190f;
}
.thank-you a:hover, .thank-you a:active {
color: #ffffff;
}
div.wpforms-container-full .wpforms-confirmation-container-full p {
text-align: center;
color: #ffffff;
}
.wpforms-form .choices__inner {
background: #ffffff url(//royalinkdesign.com/wp-content/themes/child/images/arrow.png) no-repeat 98% center / 20px 10px !important;
border: none !important;
border-radius: 0 !important;
}
div.wpforms-container .wpforms-form .choices[data-type*="select-one"]:after, 
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"] .choices__button {
display: none !important;
}
.wpforms-field-select-style-modern {
margin-bottom: 10px !important;
} .primary-nav .button > a {
color: #ffffff !important;
margin-left: 15px !important;
width: calc(100% - 15px);
}
.primary-nav .button > a:hover {
color: #ffffff !important;
background: #00a5ae !important;
}
::-webkit-scrollbar {
width: 0;
}
.title-xxl {
font-size:clamp(2rem, 5.0vw, 5.875rem) !important;
}
.title-xl2 {
font-size: clamp(2rem, 3.75vw, 4.375rem) !important;
letter-spacing: 2px;
}
.title-xl {
font-size: clamp(1.725rem, 3.0vw, 3.125rem) !important;
letter-spacing: 4px;
}
.title-md {
font-size: min(max(20px, 2.5vw), 49px) !important;
}
.title-sm {
font-size: min(max(18px, 1.8vw), 38px) !important;
}
.title-xs {
font-size: clamp(1.2rem, 1.8vw, 1.75rem)  !important;
}
.title-xxs, .wpforms-container .wpforms-field-label {
font-size: clamp(0.75rem, 3.5vw, 1.25rem) !important;
}
.fw-100 {
font-weight: 300;
}
.fw-300 {
font-weight: 300;
}
.fw-500 {
font-weight: 500;
}
.fw-900 {
font-weight: 900;
text-transform: uppercase;
line-height: normal !important;
}
.fw-bolder {
font-weight: 900 !important;
line-height: normal !important;
}
.ls-0 {
letter-spacing: 0px !important;
}
.ls-1 {
letter-spacing: 1px;
}
.ls-2 {
letter-spacing: 2px;
}
.ls-3 {
letter-spacing: 3px;
}
.ls-4 {
letter-spacing: 4px;
}
.lh-normal {
line-height: normal !important;
}
.title.splitting[data-scroll="in"] .char {
animation: slide-in .6s cubic-bezier(.3, 0, .7, 1) both;
animation-delay: calc(50ms * var(--char-index));
animation-play-state: running;
}
.title.splitting[data-scroll="out"] .char {
opacity:0;
}
@keyframes slide-in {
from {
transform: scale(0.4) translateY(80%);
opacity: 0;
}
}
.text--fading.splitting[data-scroll="in"] .char {
animation: fade-in .6s both;
animation-delay: calc(0.25s + var(--char-index) * 0.05s);
animation-play-state: running;
}
.text--fading.splitting[data-scroll='out'] .char {
opacity: 0;
}
@keyframes fade-in {
from {
opacity: 0;
}
}
.entry-header h1.entry-title {
display: none;
}
p {
line-height: 1.5;
}
div > p:last-child {
margin-bottom: 0;
}
.red, #header .red a {
color: #990a00 !important;
}
.red a {
color: #000000 !important;
}
.fullWidth, nav.creative-menu {
position: relative;
left: 50%;
right: 50%;
margin: 0px -50vw;
max-width: 100vw;
}
.fullWidth .container {
max-width: 1320px !important;
margin: 0 auto;
width: 83%;
}
.fullWidth .container-max {
max-width: 1560px !important;
margin: 0 auto;
width: 100%;
position: relative;
}
.fullWidth .container.marketSer {
max-width: 1140px !important;
} :root {
--animate-duration: 1s;
--animate-delay: 0.7s;
--animate-repeat: 1;
}
.fade-left.active {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.fade-right.active {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.fade-up.active, .fadeUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.ani {
opacity:0;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.fadeIn {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
} a.button {
min-width: 600px;
overflow: hidden !important;
}
.arrowDown {
position: absolute;
left: 0;
z-index: 99;
right: 0;
bottom: 0;
text-align: center;
font-family: "Perpetua MT";
text-transform: uppercase;
}
.arrowDown a {
color: #000000;
}
.arrowDown a:hover {
color: #990a00;
}
.arrowDown .title-xxs img {
animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
margin: 15px 0 10px;
}
.filter-invert {
filter: invert(1);
}
@keyframes bounce {
50% {
transform: translateY(-15px);
}
}
.quote, .pageTitle {	
position: relative;
padding-left: clamp(2rem, 17vw, 15rem);
overflow-y: visible;
overflow-x: clip;
}
.quote::before, .pageTitle::before {
content: "\f45c";
font-family: "Font Awesome 5 Free";
font-weight: bold;
font-size: clamp(4rem, 15vw, 13rem) !important;
position: absolute;
color: #990a00;
left: 0;
top: -38px;
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;    
overflow: hidden;
z-index:99;
}
.quote h2, .pageTitle h2, .quote h1, .pageTitle h1, .quote .h1 {
animation-delay: 0.8s;
animation-timing-function: ease-in;   
-webkit-animation-timing-function: ease-in; 
font-size:clamp(1.7rem, 4.5vw, 4.1rem) !important;
}
.page-id-15 .quote h2, .page-id-15 .quote h1, .page-id-15 .quote .h1 {
font-size: clamp(1.7rem, 3.7vw, 3.8rem) !important;
line-height: 1.3;
}
.quote name {
animation-delay: 1s;
}
.quote h2::before, .quote h1::before, .quote .h1::before {
content: '\201c';
display: block;
position: absolute;
top: -15%;
}
.quote h2::after, .quote h1::after, .quote .h1::after {
content: '\201D';
}
.pageTitle > div {
padding: 2.5vw 0;
}
.quote img {
margin-top: -15px;
}
.listSquare .wp-block-group {
margin-bottom: calc(1.5vw + 15px);
display: flex;
align-items: center;
}
.listSquare .wp-block-group:last-child {
margin-bottom: 0;
}
.listSquare h3 {
margin-bottom: 0;
line-height: clamp(2rem, 4.8vw, 5rem) !important;
}
.listSquare h3.title-xl, .listSquare h1.title-xl {
line-height: clamp(2.7rem, 3.5vw, 3.2rem) !important;
}
.listSquare h3 + h6 {
margin-bottom: 0;
}
.listSquare p, .bars h3[class~="title"] + p, .bar-id-608 .gradient-text + p, .text-sm {
font-size: 12px !important;
letter-spacing: 0.5px;
font-weight: 500;
}
.listSquare .wp-block-group:before {
content: "";
width: clamp(2rem, 4.8vw, 4rem);
flex: 0 0 clamp(2rem, 4.8vw, 4rem);
height: 0;
display: block;
background: #990a00;
margin-top: 0px;
margin-right: 15px;
transition: all 0.7s linear;
}
.listSquare .wp-block-group.align-items-start:before {
margin-top: 6px;
}
.listSquare .wp-block-group.active:before { 
height: clamp(2rem, 4.8vw, 4rem);
}
.listSquare .wp-block-group > div {
margin: 0 !important;
}
.bar-id-42 {
padding-top: calc(3vw + 15px);
}
.bars h3.title-xl { }
.bar-id-42 h3, .bar-id-93 h3 {
margin-top: calc(7vw + 15px);
}
.bar-id-42 i {
position: absolute;
top: 0;
bottom: 0;
z-index: 0;
height: 100%;
object-fit: contain;
}
.twoSec {
transform: translateY(42%);
position: relative;
z-index: 9;
}
.bar-id-62 .container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.bar-id-62 .twoSec {
transform: translateY(28%);
}
.wpbg {	
min-height: 880px;
object-fit: cover;
}
.bar-id-93, .bar-id-151, .bar-id-168 {
padding-top: 15px;
text-align: center;
}
.bar-id-93 .laptop, .bar-id-762 .laptop {
margin-top: calc(-5vw - 15%);
}
.bar-id-93 a.button, .bar-id-762 a.button, .bar-id-804 a.button {
margin-bottom: 5.5vw;
box-shadow: 0 0 0px 0.2rem #ffffff inset;
border: 0rem solid #ffffff;
color: #ffffff;
}
.bar-id-130, .bar-id-151, .bar-id-168, #footer, #footer2, .bar-id-574, .bar-id-608, .bar-id-791, .bar-id-916, .bar-id-929 {
padding: calc(4vw + 15px) 0;
}
.bar-id-762 {
padding-top: calc(4vw + 15px);
}
.bar-id-130 .d-flex, .bar-id-608 .d-flex {
gap: 20px;
font-weight: 500;
margin-bottom: calc(2vw + 10px);
}
.bar-id-130 .container, .bar-id-608 .container {
width: 90%;
max-width: 1240px;
}
.bar-id-130 figure img, .bar-id-608 figure img {
max-width: 80%;
}
.bar-id-130 .barContent .d-flex img, .bar-id-608 .barContent .d-flex img {
max-width: 80px;
}
.bar-id-130 .d-flex p, .bar-id-608 .d-flex p {
font-weight: 300;
}
img.imgShadow, .imgShadow img {
box-shadow: 20px 20px 0 #990a00;
}
figure.w-100 img {
width:100%;
}
.socialSlide::after {
background: linear-gradient(90deg, transparent 0%, #f4f4f4a8 10%, #f4f4f4 50%);
content: "";
width: 33%;
height: 100%;
position: absolute;
right: 0;
top: 0;
}
#n2-ss-3 .n2-ss-slide {
overflow: visible;
}
#n2-ss-3 .n2-ss-slide picture {
-webkit-box-reflect: below 1px linear-gradient(transparent 70%, #00000022 90%, #000000 120%);
}
.bar-id-168 .socialSlide {
max-width: 600px;
margin: 0 auto;
}
.bar-id-168 .socialSlide::after {
background: linear-gradient(90deg, transparent 13%, #161618a8 24%, #161618 63%);
}
.bar-id-168 a.button, .wpcf7 input.wpcf7-submit, .bars a.button-white, .wpforms-container.wpforms-container-full .wpforms-submit {
margin-top: 2vw;
box-shadow: 0 0 0px 0.2rem #ffffff inset; color: #ffffff;
}
.wpcf7 input.wpcf7-submit:hover, .wpforms-container.wpforms-container-full .wpforms-submit:hover {
box-shadow: 0 0rem 0px 0rem #990a00 inset;
}
.socialmedia {
display:flex;
gap:20px;
margin-top: 2rem;
}
.socialmedia a {
display: inline-block;
width: 50px;
height: 50px;
border: 2px solid #ffffff;
text-align: center;
line-height: 50px;
border-radius: 30px;
}
.socialmedia a .fa {
font-size: 30px;
line-height: 46px;
}
.page-id-19 #callout2 {
display: none;
}
.bar-id-237 {
padding-bottom: calc(4vw + 15px);
}
.bar-id-237 p, .os-font p, .contentRgt p, .os-font-gen {
line-height: 2rem;
font-family: 'Open Sans';
font-weight: 400;
font-size: 16px;
letter-spacing: 1.5px;
color: #5e5e5e;
}
.bar-id-237 img {
height: 100%;
object-fit: cover;
width:100%;
}
.team-members {
grid-template-columns: repeat(4, 1fr);
column-gap: 30px;
row-gap: 60px;
padding: 0 8%;
}
.team-members figure { }
.page-template-fullpage #callout2 {
padding-bottom: 0;
}
.creative-menu {
gap: 25px;
}
.creative-menu li {
width: 260px;
}
.creative-menu li:before {
content: "";
padding: 0;
}
.creative-menu li a {
background: #dfdfdf;
color: #000000;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
padding: 18px 25px;
letter-spacing: 2px;
border-radius: 20px;
-webkit-transition: background .4s ease;
transition: background .4s ease;
width: 100%;
text-align: center;
}
.creative-menu li a[aria-current="page"], .creative-menu li a:hover {
background: linear-gradient(to right, #fecc81, #990a00);
color: #ffffff !important;
}
.page-id-397 #callout2, .page-id-311 #callout2, .page-id-395 #callout2, .page-id-393 #callout2 {
padding-bottom: 0;
}
.videoSec div.wp-block-embed__wrapper {
padding-top: 56.25%;
}
.videoSec iframe {
max-width: 100%;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left:0;
}
.videoSec.max-width {
max-width: 860px !important;
}
.maxWidth {
max-width: 630px;
} .row.latestNews, .byline, .navigation, #comments {
display: none;
}
.single .post {
border: none;
margin: 0;
padding: 0;
}
body.blog #callout2 .container {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
body.blog #callout2 .entry-summary p {
display: inline;
}
body.blog #callout2 .entry-summary a.moretag {
display: none !important;
}
body.blog #callout2 .entry-meta {
font-family: "Open Sans";
margin: 10px 0 5px;
}
.ReadMore-Button a {
width: auto;
min-width: auto;
padding: 20px 50px !important;
margin-top: 30px !important;
}
.single .post-thumbnail {
text-align: center;
margin: 0px auto 40px;
max-width: 720px;
}
a.post-thumbnail img {
margin-bottom: 20px;
} .page-id-13 #callout2 {
padding: 0;
}
.mobileSec {
max-width: 290px !important;
padding-top: 6vw;
padding-bottom: 6vw;
}
.countSec {
display: flex;
justify-content: space-between;
flex-direction: column;
padding: 8% 0;
}
.countSec > div {
border-left: clamp(1rem, 4vw, 3.4rem) solid #990a00; padding-left: 30px;
}
.countSec > div * {
margin: 0;
}
.countSec .info {
line-height: normal;
letter-spacing: 2px;
white-space: nowrap;
}
.bar-id-574 figure, .bar-id-929 figure {
min-width: 360px;
margin-right: -2px;
z-index: 9;
position: relative;
}
.iconWithcircle .d-flex {
align-items: center;
gap:20px;
margin-bottom: 40px;
}
.iconWithcircle figure {
margin-bottom: 0;
flex: 0 0 106px;
border-radius: 100%;
background: #990a00;
padding: 0 1px;
border: 10px solid #e9e9ea;
}
.iconWithcircle figure img {
border-radius: 100%;
margin-bottom: 0;
max-width: 85px;
}
.iconWithcircle div.d-flex:hover figure img {
animation: shadow 1.6s infinite;
}
.page-id-15 .iconWithcircle > div:hover figure img {
animation: shadow2 1.6s infinite;
}
@keyframes shadow {
0% {
box-shadow: 0 0 0 0px rgba(113, 113, 113, 0.3);
}
100% {
box-shadow: 0 0 0 24px rgba(113, 113, 113, 0);
}
}
@keyframes shadow2 {
0% {
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}
100% {
box-shadow: 0 0 0 24px rgba(255, 255, 255, 0);
}
}
.contentRgt h5 {
text-transform: uppercase;
font-weight: 500;
}
.contentRgt p {
color: #5e5e5e;
}
.page-id-13 .team-members {
display: none !important;
}
.page-id-13 .bar-id-168 .d-sm-none {
display: block !important;
}
.page-id-13 .bar-id-168 .socialSlide::after {
background: linear-gradient(90deg, transparent 13%, #222222a8 24%, #222222 63%);
}
.bar-id-587 .socialSlide::after {
background: linear-gradient(90deg, transparent 0%, #ffffffa8 10%, #ffffff 50%);
}
.bar-id-587 .container, .bar-id-791 .container {
max-width: 1000px;
} .page-id-11 #callout2, .page-id-15 #callout2, .page-id-198 #callout2, .page-id-1279 #callout2, .page-id-1794 #callout2 {
padding: 0;
}
.project {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0;
}
.project figure {
margin: 0;
display: flex;
position: relative;
overflow: hidden;
}
.project figure img {
margin-bottom:0;
width: 100%;
height: 100%;
object-fit: cover;
}
.project figure a {
position: absolute;
left: 0;
top: 0;
width: 100%;
text-align: center;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
background: #000000aa;
color: #ffffff;
text-transform: uppercase;
font-size: 24px;
letter-spacing: 2px;
opacity:0;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease; 
white-space: pre; }
.project figure a:hover {
opacity:1; }
.project figure a::after {
content: "";
background: url(//royalinkdesign.com/wp-content/themes/child/images/warrow.png);
width: 47px;
height: 47px;
border-radius: 100%;
margin-left: -150%;
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
}
.project figure a:hover::after {
margin-left: 3%;
}
.bar-id-762 .devlogoSec {
margin: calc(-7.5vw + 15px) 0;
}
.whiskLogo {
position: absolute;
top: calc(3vw + 15px);
left: 0;
right: 0;
max-width: 980px !important;
}
.whiskLogo img {
margin-bottom: 0;
max-width: 200px;
width:100%;
} .paddingX {
padding-top: calc(5vw + 15px);
padding-bottom: calc(5vw + 15px);
}
.padding-top {
padding-top: calc(5vw + 15px);
}
.padding-bottom {
padding-bottom: calc(5vw + 15px);
}
.padding-top-10 {
padding-top: calc(10vw + 15px);
}
.padding-top-1-2 {
padding-top: calc(2.5vw + 15px);
}
.reverseSlide, .reverseSlide .n2-ss-slider .n2-ss-slide-background-image img {
transform: rotate(180deg);
}
.bar-id-574, .bar-id-929 {
background-attachment: fixed;
}
ol.listNum li::before {
content: "";
padding: 0;
}
ol.listNum li {
list-style: decimal;
margin-bottom: 10px;
}
.page-id-198 #footer, .page-id-1279 #footer {
padding-top: 10px;
}
.page-id-198 #footer .row.text-white, .page-id-1279 #footer .row.text-white {
display: none;
}
.formWidth {
max-width: 480px !important;
margin: 0 auto;
}
article ul {
padding-left: 2rem;
}
article li {
list-style: disc;
}
article li:before {
content: "";
font-family: FontAwesome;
padding-right: 0px;
}
.podcast a:hover img {
opacity: 0.85;
} #footer .bars, .lineblock {
align-self: flex-start;
display: flex;
}
#footer .bars::before, .lineblock::before {
content:"";
width: clamp(2rem, 4vw, 3.4rem);
display: block;
background: #990a00;
margin-top: 100%;
margin-right: 15px;
}
#footer .bars.active::before, .lineblock.active::before {
-webkit-animation-name: lineup;
animation-name: lineup;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@keyframes lineup {
0 {
margin-top: 100%;
}
to {
margin-top: 0px;
}
}
#footer .bars aside p {
margin-bottom:0;
}
.screen-reader-response p, .screen-reader-response ul {
margin: 0;
}
.gradient-text {
background: #fecc81;
background: linear-gradient(160deg, #fecc81 0%, #990a00 75%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: clamp(5rem, 10vw, 8.5rem);
line-height: clamp(4.5rem, 10vw, 8.5rem);
margin: 0;
}
#footer2 ul.menu {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
#footer2 a, #footer2 h3 {
color: #ffffff !important;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
}
#footer2 a:hover {
color: #990a00 !important;
}
#footer2 .socialmedia a:hover {
border-color: #990a00;
}
#footer2::before {
content: "";
width: 94%;
height: 1px;
background: #7d7d7d;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
#copyright {
font-size: 12px;
background: #333333;
padding: 15px 0;
color: #ffffff;
}
#copyright a {
color: #ffffff;
}
#copyright a:hover {
color: #990a00;
}
.laptopView {
margin-top: calc(-5vw - 15%);
}
.siteDetails img, .siteDetails video {
aspect-ratio: 2 / 1.01;
width: 100%;
height: 100%;
object-fit: cover;
} body {
background-color: #ffffff;
}
#header {
background-color: transparent;
position: relative;
top: 0;
z-index: 999;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
.home #header, .home #header.fixed, .page-id-13 #header, .page-id-13 #header.fixed, .page-id-15 #header, .page-id-15 #header.fixed, .page-id-1794 #header, .page-id-1794 #header.fixed {
position: fixed;
}
#header.fixed {
position: sticky;
top: 0px;
background: #ffffff;
}
#callout {
background-color: #ffffff;
min-height:480px;
} #callout2 {
background-color: #ffffff;
padding-top: calc(2.5vw + 15px);
padding-bottom: calc(5vw + 15px);
}
.home #callout2 {
background: #000000;
color: #ffffff;
padding-top: calc(6vw + 15px);
padding-bottom: calc(6vw + 15px);
}
#footer {
background-color: #000000;
}
#footer2 {
background-color: #000000;
color: #ffffff;
font-weight: 500;
}
#callout > section, #callout .slideshow-main-slider, #callout .cycle-slide, .slideimage {
height: 100%;
}
.slideshow-main-slider .cycle-slide img {
height: 100%;
object-fit: cover;
object-position: top center;
}
#callout .slider_content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 1160px;
width: 100%;
display: flex; justify-content: center;
padding-top: calc(5vw + 15px);
padding-bottom: calc(5vw + 15px);
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt,.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button,.btn,.btn-default,a.button,button,input[type="submit"],input[type="reset"],input[type="button"],
.wpforms-container.wpforms-container-full .wpforms-submit { background: transparent;
-webkit-transition: all .4s ease;
transition: all .4s ease;
border: 0rem solid #000000;
border-radius: 0;
box-shadow: none;
color: #000000;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: clamp(0.8rem, 1.8vw, 2.2rem);
font-weight: 300;
left: auto;
line-height: 1.25em;
margin: 0;
overflow: visible;
padding: 1.6rem 2.3rem;
position: relative;
text-decoration: none;
text-shadow: none;
vertical-align: middle;
white-space: nowrap;
text-align: center;
letter-spacing:2px;
box-shadow: 0 0 0px 0.2rem #000000 inset;
border: 0rem solid #000000;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover,.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .btn:hover, .btn-default:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,.woocommerce a.button.alt:focus, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:focus, .woocommerce #respond input#submit.alt:focus, .woocommerce #content input.button.alt:focus, .woocommerce-page a.button.alt:focus, .woocommerce-page button.button.alt:focus, .woocommerce-page input.button.alt:focus, .woocommerce-page #respond input#submit.alt:focus, .woocommerce-page #content input.button.alt:focus,.woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce #respond input#submit:focus, .woocommerce #content input.button:focus, .woocommerce-page a.button:focus, .woocommerce-page button.button:focus, .woocommerce-page input.button:focus, .woocommerce-page #respond input#submit:focus, .woocommerce-page #content input.button:focus,.btn:focus,.btn-default:focus,a.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus,.woocommerce a.button.alt:active, .woocommerce button.button.alt:active, .woocommerce input.button.alt:active, .woocommerce #respond input#submit.alt:active, .woocommerce #content input.button.alt:active, .woocommerce-page a.button.alt:active, .woocommerce-page button.button.alt:active, .woocommerce-page input.button.alt:active, .woocommerce-page #respond input#submit.alt:active, .woocommerce-page #content input.button.alt:active,.woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active, .woocommerce #respond input#submit:active, .woocommerce #content input.button:active, .woocommerce-page a.button:active, .woocommerce-page button.button:active, .woocommerce-page input.button:active, .woocommerce-page #respond input#submit:active, .woocommerce-page #content input.button:active,.btn:active,.btn-default:active,a.button:active,button:active,input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active,
.wpforms-container.wpforms-container-full .wpforms-submit:hover { background: linear-gradient(to right, #fecc81, #990a00);
border: 0rem solid #990a00;
color: #ffffff;
box-shadow: 0 0 0px 0rem #990a00 inset; }
a.button span {
display: none;
width: 100%;
position: absolute;
height: 33.3%;
left: calc(-0.2rem - 100%);
top: 0;
background: #990a00;
transition: all 0.2s ease-in-out 0.2s;
-webkit-transition: all 0.2s ease-in-out 0.2s;
}
a.button span.midbox {
top: 33.3%;
left: calc(0.2rem + 100%);
}
a.button span.bottombox {
top: 66.6%;
}
a.button:hover span {
left:0 !important;
}
.shop-now-btn {
float: right; 
margin:  0 0 15px 15px;
} .navbar, .navbar-default { }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #ffffff;
} .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
background-color: #ffffff;
} .navbar-toggle {
background-color: rgba(0, 0, 0, 0);
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
float: right;
margin-bottom: 8px;
margin-right: 15px;
margin-top: 8px;
padding: 9px 10px;
position: relative;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #dddddd
} @media (min-width: 768px) { 
.logo {
float: left;
position: relative;
}
.copy {
float: left
}
.designed-by {
float: right
} nav.navbar-default {
background: url() repeat 0 0;
padding: 0;
margin: 0;
background-color: none;
border: none;
min-height: 0;
box-shadow: none;
border-radius: 0;
}
nav.navbar-default .navbar-collapse {
background: url() repeat 0 0;
padding: 0;
margin: 0;
background-color: none;
border: none;
box-shadow: none;
border-radius: 0;
} #header .container {
padding-top: 2em;
padding-bottom: 2.5em;
}
nav.navbar-default .primary-nav > li {
} .dropdown:hover .dropdown-menu {
display: block
} .primary-nav > li > a {
background: url() repeat 0 0;
padding: 0 10px;
margin: 0;
background-color: none;
letter-spacing: 0px;
border: none;
box-shadow: none;
border-radius: 0;
text-shadow: 0;
line-height: 36px;
text-transform: uppercase;
white-space: nowrap;
} .navbar-default .primary-nav > .active > a, .navbar-default .primary-nav > .active > a:hover, .navbar-default .primary-nav > .active > a:focus, .navbar-default .primary-nav > li > a:hover, .navbar-default .primary-nav .current-menu-parent > a {
background: none
} nav.navbar-default .primary-nav > li:nth-child(1) > a {
border-left: none
}
nav.navbar-default .primary-nav > li:nth-last-child(1) > a {
padding-right: 0
} .secondary-nav > li {
padding: 6px 0
}
.secondary-nav > li > a {
background: url() repeat 0 0;
padding: 0 10px;
margin: 0;
background-color: none;
border: none;
box-shadow: none;
border-radius: 0;
text-shadow: 0;
line-height: 14px;
white-space: nowrap;
} .navbar-default .secondary-nav > .active > a, .navbar-default .secondary-nav > .active > a:hover, .navbar-default .secondary-nav > .active > a:focus, .navbar-default .secondary-nav > li > a:hover {
background: none
} nav.navbar-default .secondary-nav li:nth-child(1) a {
border-left: none
}
nav.navbar-default .secondary-nav li:nth-last-child(1) a {
padding-right: 0
} .footer_nav {
margin: 0;
padding: 0;
list-style: none;
}
.footer_nav.right {
float: right
}
.footer_nav.left {
float: left
}
.footer_nav li {
float: left;
margin: 0;
padding: 0;
background: none;
}
.footer_nav a {
display: block;
white-space: nowrap;
padding: 0 15px;
text-decoration: none;
text-transform: capitalize;
border-right: 1px solid #606060;
} .footer_nav a:hover, ul.footer_nav li.active a, .footer_nav li.active a:hover, footer .menu a:hover, footer .menu li.active a, footer .menu li.active a:hover {
background: none
} #menu-footer-top {
text-align: center
}
#menu-footer-top a {
display: inline-block
} .footer_nav li:nth-child(1) a {
padding-left: 0
}
.footer_nav li:nth-last-child(1) a {
border-right: none
}  .navbar-default .navbar-nav ul.dropdown-menu {
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
margin: 0;
min-width: 160px;
padding: 5px 0;
}
ul.dropdown-menu  > li.menu-item { }
ul.dropdown-menu > li.menu-item > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
padding: 3px 20px;
color: #3C3C3C; } ul.dropdown-menu > li > a:hover, ul.dropdown-menu > li.active > a, ul.dropdown-menu > li.active > a:hover, ul.dropdown-menu > li.active > a:focus {
background-color: #f3f3f3;
color: #3C3C3C;
} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #f3f3f3;
color: #3C3C3C;
} .clearboth, .clear {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
width: 100%;
margin: 0;
padding: 0;
}
ul.tabs li {
float: left
} .number-of-col-1, .number-of-col-2, .number-of-col-3, .number-of-col-4, .number-of-col-5 {
position: relative;
}
img.wp-image-132, figure.imgShadow img {
max-width: 570px;
}
.socialmedia a .fa::before {
margin: 0px 0 0 1px;
display: block;
}
}  @media (min-width: 992px) { 
.attachment-post-thumbnail {
float: left;
margin: 0 15px 15px 0;
}
.alignright {
float: right;
margin: 0 0 15px 15px;
}
.alignleft {
float: left;
margin: 0 15px 15px 0;
}
.aligncenter {
display: block;
margin: 0 auto 15px;
}
.footer-widget-1 {
}
.footer-widget-2 {
}
.footer-widget-3 {
}
.footer-widget-4 {
}
.footer-widget-5 {
}
.listSquare h3 {
letter-spacing: 11px;
}
.logo img {
max-width: 160px;
}
.pageTitle h2, .pageTitle h1, .pageTitle .h1 {
font-size: clamp(3.5rem, 7.8vw, 7.5rem) !important;
line-height: clamp(3.5rem, 7.8vw, 7.5rem) !important;
letter-spacing: 10px;
}
.listSquare h3.ls-4, .listSquare h1.ls-4 {
letter-spacing: 0.5rem;
}
#header .phone a {
font-size: 120%;
}
.blog .post {
padding-bottom: 3em;
margin-bottom: 3em;
}
}  @media (min-width: 1200px) { 
.container {
max-width: 1170px;
}
#footer2 .container {
max-width: 1450px;
width: 94%;
}
.primary-nav > li > a {
padding: 0px 12px;
letter-spacing: 1px;
}
.bars h3.title-xl {
line-height: 3.5rem !important;
}
.bar-id-42 .barContent {
transform: translate(-5%);
}
.bar-id-62 .barContent {
transform: translate(-5%, 20%);
}
.wpbg {	
min-height: 1104px;
}
.countSec h3 {
letter-spacing: 6px;
line-height: clamp(2rem, 4.5vw, 5.875rem) !important;
margin-bottom: 20px;
white-space: nowrap;
}
.countSec h4 {
white-space: nowrap;
line-height: clamp(1.5rem, 2.5vw, 3.125rem) !important;
}
.formWidth input {
margin-bottom: 25px !important;
}
div.wpforms-container-full.formWidth .wpforms-form textarea {
height: 200px !important;
margin-bottom: 25px !important;
}
.videoSlide .n2-ss-slider-controls {
margin-top: 30px;
}
} 
@media (min-width: 1800px) { 
.team-members {
padding: 0 8%;
}
.pageTitle > div {
padding: 1.5vw 0;
}
.mobileSec {
max-width: 390px !important;
}
.listSquare p, .bars h3.title + p {
letter-spacing: 1px;
}
.whiskLogo {
top: calc(5vw + 15px);
}
.bar-id-762 a.button, .bar-id-804 a.button {
margin-bottom: 8.5vw;
}
.bar-id-762 .devlogoSec {
margin: calc(-4.5vw + 15px) 0 calc(-7.5vw + 15px);
}
.laptopView {
margin-top: calc(-5vw - 10%);
}
}
@media (max-width: 1799px) {
.bar-id-916 img {
max-width:290px;
}
}
@media (max-width: 1099px) {
.bar-id-130 aside br,  .bar-id-608 aside br {
display: none;
}
.bar-id-130 .d-flex img, .bar-id-608 .d-flex img {
width: 65px;
}
.footer-widget-3, footer-widget-4 {
flex-basis: 25%;
}
#footer img {
max-width: 480px;
}
.bar-id-574 figure, .bar-id-929 figure {
min-width: 255px;
width: 255px;
}
.mobileSec {
max-width: 240px !important;
padding-bottom: 10vw;
}
div#n2-ss-4 .n2-ss-showcase-slides {
max-width: 216px !important;
}
div#n2-ss-4.n2-ss-slider .n2-ss-item-image-content img {
max-width: 99%;
}
.whiskLogo {
max-width: 50% !important;
}
.marketSer .iconWithcircle h4 {
font-size: 16px;
}
#n2-ss-8.n2-ss-slider .n2-ss-preserve-size[data-related-device], div#n2-ss-8 .n2-ss-showcase-slides, 
#n2-ss-9.n2-ss-slider .n2-ss-preserve-size[data-related-device], div#n2-ss-9 .n2-ss-showcase-slides, 
#n2-ss-13.n2-ss-slider .n2-ss-preserve-size[data-related-device], div#n2-ss-13 .n2-ss-showcase-slides, 
#n2-ss-14.n2-ss-slider .n2-ss-preserve-size[data-related-device], div#n2-ss-14 .n2-ss-showcase-slides {
max-width: 150px !important;
}
.bar-id-574, .bar-id-916, .bar-id-929 {
background-size: cover !important;
background-position: top center !important;
background-attachment: scroll;
}
.iconWithcircle figure {
flex: none;
}
.bar-id-916 img {
max-width: 210px;
}
.wpcf7-checkbox {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width:991px) and (max-width:1524) {
.m-col-2 .title-xxl {
font-size: clamp(2rem, 4.75vw, 5.875rem) !important;
}
}
@media (max-width:991px) {
#header {
padding-top: 5px;
padding-bottom: 5px;
overflow: hidden;
}
#header .col-sm-10 {
width: 100%;
padding-right: 30px;
}
.navbar-collapse {
overflow: visible;
}
.bar-id-93 a.button {
margin-bottom: 4vw;
}
a.button {
padding: 1rem 1rem;
}
.wpcf7 input.wpcf7-submit {
font-size: 16px;
padding: 1rem 1.5rem;
}
img.imgShadow {
max-width: 75%;
margin: 0 auto 4vw;
display: block;
}
.gradient-text + p {
font-size: 11px;
}
#callout, #heightSec {
max-height: calc(100vh - 45px) !important;
align-items: normal;
}
#footer2 .d-flex {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
}
.footer-widget-1 {
grid-row: 1 / 3;
}
.footer-widget-4 {
grid-column: 2 / span 4;
}
.logo {
position: absolute;
left: 0;
top: 15px;
text-align: left;
}
header nav.navbar {
width: 100%;
justify-content: flex-end;
}
.burger-container {
position: relative;
display: inline-block;
height: 50px;
width: 50px;
cursor: pointer;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
border: none;
padding: 0;
margin-right: -15px;
}
.burger-container:focus, .burger-container {
border: none !important;
box-shadow: none;
}
.burger-container #burger {
width: 18px;
height: 8px;
position: relative;
display: block;
margin: 0 auto;
}
.burger-container #burger .bar {
width: 100%;
height: 2px;
display: block;
position: relative;
background: #000000;
-webkit-transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.burger-container #burger .bar.topBar {
-webkit-transform: translateY(0px) rotate(0deg);
transform: translateY(0px) rotate(0deg);
}
.burger-container #burger .bar.btmBar {
-webkit-transform: translateY(6px) rotate(0deg);
transform: translateY(6px) rotate(0deg);
}
#header.menu-opened {
height: 100%;
background-color: #ffffff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
position: fixed; }
#header.menu-opened .burger-container {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#header.menu-opened .burger-container #burger .bar {
-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
#header.menu-opened .burger-container #burger .bar.topBar {
-webkit-transform: translateY(4px) rotate(45deg);
transform: translateY(4px) rotate(45deg);
}
#header.menu-opened .burger-container #burger .bar.btmBar {
-webkit-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg);
}
#header .primary-nav li.menu-item {
border-bottom: 0px solid #333;
margin-top: 20px;
-webkit-transform: scale(1.15) translateY(-30px);
transform: scale(1.15) translateY(-30px);
opacity: 0;
-webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#header.menu-opened .primary-nav li.menu-item {
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
opacity: 1;
}
#header .primary-nav li.menu-item a {
font-size: 24px;
padding-left: 10px;
}
#menu-main-menu {
padding-top: 30px;
}
.bar-id-574 figure, .bar-id-929 figure {
min-width: 195px;
width: 195px;
}
.mobileSec {
max-width: 220px !important;
padding-bottom: 12vw;
}
div#n2-ss-4 .nextend-arrow img {
width: 50px;
}
.mobile-mh-50 {
min-height: 50vh !important;
}
}
@media (max-width: 767px) { 
body {
font-size: 12px !important;
}
.container-max {
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
--bs-gutter-x: 2rem;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
--bs-gutter-x: 4rem;
}
.logo img {
max-width: 120px;
margin-left: 10px;
}
#header .col-sm-10 {
padding-right: 0px;
}
a.call_icon img {
background: #990a00;
border-radius: 100%;
padding: 15px;
max-width: 70px;
animation: shadow 1.6s infinite;
margin-bottom: 25px;
}
.title-xl {
letter-spacing: 2px;
}
.bar-id-93, .bar-id-151, .bar-id-168 {
text-align: left;
}
.bars h3.title-xl { }
.listSquare p, .bars h3[class~="title"] + p, .bar-id-608 .gradient-text + p {
font-size: 13px !important;
}
.quote, .pageTitle {
padding-left: 30px;
}
.quote::before, .pageTitle::before {
content: "";
left: 0px;
top: -10px;
width: 20px;
height: calc(100%);
display: block;
background: #990a00;
}
.quote h2, .pageTitle h2, .quote h1, .quote .h1, .pageTitle h1 {
margin-bottom: 20px;
}
.quote h2, .quote h1, .quote .h1 {
letter-spacing: 0px;
}
.quote h2::before, .quote h1::before, .quote .h1::before  {
top: -8%;
}
.quote h2 br, .quote h1 br, .quote .h1 br {
display: none;
}
.quote span[data-word="advice,"] + span, .quote span[data-word="loyalty,"] + span, .quote span[data-word="their"] + br {
display: block;
}
.pageTitle h2, .pageTitle h1, .pageTitle .h1 {
font-size: 3rem !important;
line-height: 2.5rem !important;
}
.pageTitle p.title-xs {
font-size: 11px !important;
letter-spacing: 1px;
line-height: normal;
margin-top: 5px;
}
.quote::before, .pageTitle::before {
top: 0px;
}
.arrowDown a {
font-weight: 700;
display: block;
}
.arrowDown img {
max-width: 20px;
}
.wpbg {
min-height: 520px;
object-position: 44% center;
}
a.button {
letter-spacing:1.5px;
box-shadow: 0 0 0px 0.1rem #000000 inset !important;
width: 100%;
min-width: auto;
}
.bar-id-168 a.button, .wpcf7 input.wpcf7-submit, .bar-id-93 a.button, #footer2 a.button, a.button-white,
.wpforms-container.wpforms-container-full .wpforms-submit {
box-shadow: 0 0 0px 0.1rem #ffffff inset !important;
font-weight: 500;
}
#footer2 a.button {
font-size: 14px;
letter-spacing: 2px;
}
.bar-id-168 a.button {
margin-top: -90px;
}
a.button:hover, a.button:focus, .wpcf7 input.wpcf7-submit:focus, .wpcf7 input.wpcf7-submit:hover, #footer2 a.button:hover, #footer2 a.button:focus,
a.button-white:hover, a.button-white:focus {
box-shadow: 0 0 0px 0rem #ffffff inset !important;
}
.listSquare .wp-block-group.active:before {
height: auto;
margin-top: 0;
width: 20px;
flex: 0 0 20px;
}
.listSquare, #footer .bars, .quote, .pageTitle {
margin-left: -2rem;
}
.listSquare h3, .listSquare h1 {
line-height: 3rem !important;
text-align: left;
letter-spacing: 2px;
font-size: 48px !important;
}
.listSquare h3 + h6 {
letter-spacing: 1px;
font-size: 11px !important;
}
.bar-id-237 p {
line-height: 1.5;
font-size: 14px;
}
.listSquare .wp-block-group {
margin-bottom: calc(10vw + 15px);
align-items: stretch !important;
justify-content: flex-start !important;
}
.listSquare .wp-block-group:nth-child(even) h3 {
font-size: 36px !important;
line-height: 2.7rem !important;
}
.home #callout2 .listSquare h3 {
line-height: 3rem !important;
}
.listSquare h3 .noc, .listSquare h3 strong {
font-size: 150%;
}
.twoSec {
transform: none;
}
.twoSec img {
margin: 10px 0;
}
.bar-id-42 h3 {
margin-top: calc(0vw + 15px);
}
.bar-id-42 .barContent img {
max-width: 110px;
padding: 20vw 0 25vw;
margin-left: auto;
display: block;
}
.bar-id-42 {
background-position: 86% 24% !important;
background-size: 210% auto !important;
padding-bottom: calc(3vw + 15px);
}
.bar-id-62 .container {
position: relative;
transform: translateY(-50px);
margin-top: -30%;
}
.bar-id-62 .twoSec {
transform: none;
}
.bar-id-62 .barContent img {
max-width: 140px;
margin-bottom: 10vw;
}
.bar-id-62 figure {
position: relative;
}
.bar-id-62 figure::after {
content: "";
position: absolute;
bottom: 0;
background: linear-gradient(0deg, #151618, transparent);
width: 100%;
height: 150px;
display: block;
}
.bar-id-130 .container, .bar-id-608 .container {
width: 100%;
}
.bar-id-130 .d-flex, .bar-id-608 .d-flex {
gap: 15px;
}
.bar-id-130 .d-flex img, .bar-id-608 .d-flex img {
width: 55px;
}
.bar-id-130 figure img, .bar-id-608 figure img {
max-width: 100%;
}
.bar-id-93 h3 {
margin-top: 0;
}
.bar-id-93 .laptop {
margin-top: calc(-25vw - 15%);
}
.bar-id-151 .listSquare .wp-block-group {
align-items: stretch !important;
}
.laptop img, .devlogoSec + figure img {
width: 200% !important;
max-width: none;
transform: translate(-24%);
}
.laptopView img {
width: 170% !important;
max-width: none;
transform: translate(-20%);
}
.devlogoSec + figure img {
width: 130% !important;
transform: translate(-11%);
}
.bar-id-762 .devlogoSec img {
max-width: 60%;
}
.bar-id-93 a.button, .bar-id-762 a.button, .bar-id-804 a.button {
margin: 0 auto 9vw;
max-width: 83%;
display: block;
}
.socialSlide {
margin: 0 -2rem !important;
width: 100vw !important;
}
.socialSlide::after {
background: linear-gradient(90deg, transparent 0%, #f4f4f4a8 100%, #f4f4f4 100%);
width: 25%;
}
.bar-id-168 .socialSlide::after {
background: linear-gradient(90deg, transparent 0, #161618a8 15%, #161618 95%);
right: -2px;
}
div#n2-ss-2 .nextend-arrow {
bottom: 10px !important;
}
.gradient-text {
max-width: 300px;
}
.gradient-text, 
.gradient-text + p {
text-align: left;
}
#footer .bars h3 .word {
margin: 0 8px 0 0;
}
#footer .bars h3 br {
display: none;
}
#footer img {
max-width: 300px;
}
input, textarea, select, .wpforms-container.wpforms-container-full .wpforms-submit {
padding: 12px 15px !important;
line-height: 18px !important;
font-size: 14px !important;
}
textarea.wpcf7-textarea, div.wpforms-container-full .wpforms-form textarea {
height: 80px !important;
}
.wpcf7 {
margin-top: 30px;
}
#footer2 .d-flex {
grid-template-columns: repeat(1, 1fr);
}
.socialmedia {
gap: 10px;
margin-top: 1rem;
}
.socialmedia a {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 30px;
}
.socialmedia a .fa {
font-size: 21px;
line-height: 38px;
}
.footer-widget-3 {
grid-column: auto;
}
.footer-widget-1 {
grid-row: auto;
}
.footer-widget-4 {
grid-column: auto;
}
.number-of-col-4 {
border-bottom: 2px solid #7d7d7d;
padding-bottom: 30px;
margin-bottom: 15px;
}
.number-of-col-4:last-child {
border-bottom: 0px solid #7d7d7d;
padding-bottom: 0;
margin-bottom: 0;
}
#footer2 .socialmedia a:hover {
color: #990a00 !important;
border-color: #990a00;
}
#footer .bars::before {
width: 20px;
}
#footer .bars h3 {
font-size: 31px !important;
line-height: 32px !important;
}
#footer .bars h3 span[data-word="TO"] + br {
display: block;
}
.bars.bar-id-237 h3.title-xl {
line-height: 32px !important;
font-size: 31px !important;
}
#callout2 span[data-word="YOUR"] + span.whitespace { }
.bar-id-168 h3.title-xl, .bar-id-168 h3.title-xl + p, .bar-id-168 .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
display: none;
}
.bar-id-237 span[data-word="TO"] + span.whitespace {
display: block;
}
.pageTitle > div {
padding: 0;
}
.creative-menu {
gap: 5px;
margin: 0 -20px;
}
.creative-menu li {
width: calc(33% - 5px);
}
.creative-menu li a {
font-size: 9px;
padding: 10px 5px;
border-radius: 10px;
letter-spacing: 0.5px;
}
nav.creative-menu { 
left:0;
right:0;
margin: 0 auto;
}
.gallery {
flex-direction: column;
}
.gallery > figure {
width: 100% !important;
}
.fullWidth .container {
width: 100%;
}
.wp-block-cover.fullWidth.bars {
min-height: auto !important;
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.mobileSec {
padding-top: 20vw;
padding-bottom: 20vw;
}
.page-id-13 .listSquare p {
margin-left: 2rem;
}
.bar-id-574 figure, .bar-id-929 figure {
min-width: 145px;
margin-left: -15px;
}
.countSec > div {
padding-left: 15px;
}
.countSec > div .title-xl {
font-size: clamp(1rem, 3.2vw, 3.125rem) !important;
}
.countSec > div .title-xxl {
font-size: clamp(1.5rem, 5.5vw, 5.875rem) !important;
}
.countSec {
padding: 12% 0;
}
.wp-block-group.countSec {
padding: 8% 0;
justify-content: space-around;
}
.bar-id-587 .d-flex, .bar-id-791 .d-flex {
flex-direction: column;
text-align: center;
gap: 20px;
}
.iconWithcircle figure img {
max-width: 70px;
}
.contentRgt p {
line-height: 1.5;
font-size: 14px;
}
.bar-id-587 section > p, .bar-id-587 section > h2, .bar-id-791 section > h2 {
padding-right: 20px;
padding-left: 20px; }
.bar-id-587 section h2 span[data-word="WE"] + .whitespace, .bar-id-791 section h2 span[data-word="WE"] + .whitespace {
display: block;
}
.iconWithcircle figure {
flex: none;
}
img.imgShadow {
max-width: 95%;
margin-left: 0px;
box-shadow: 15px 15px 0 #990a00;
}
.bar-id-618 .socialSlide::after {
background: transparent;
width: 25%;
}
.mRounded {
border-radius: 25px !important;
}
#n2-ss-4 .n2-ss-showcase-slides {
margin-top: -20px;
margin-bottom: 20px;
}
#n2-ss-5 h2.title-xl {
text-align: left !important;
line-height: normal !important;
letter-spacing: 1px !important;
border-left: 20px solid;
margin-left: -20px;
padding-left: 10px;
font-size: 220% !important;
}
.project {
grid-template-columns: repeat(1, 1fr);
}
.whiskLogo {
max-width: 75% !important;
margin-top: 5px;
}
.wp-image-806 {
width: 135% !important;
max-width: none;
transform: translateX(-12.5%);
} #callout .slider_content {
margin-top: 60px;
}
.page-id-15 .container-max {
margin-top: 60px;
margin-bottom: 50px;
}
.certificate img {
max-width: 75px;
margin-bottom: 30px;
margin-top: 30px;
}
.marketSer .iconWithcircle {
flex-wrap: wrap !important;
}
.marketSer .iconWithcircle > div {
flex-basis: 46% !important;
margin-bottom: 10px;
gap: 15px;
}
.marketSer .iconWithcircle h4 {
font-size: 14px;
}
#n2-ss-8.n2-ss-slider .n2-ss-preserve-size[data-related-device], div#n2-ss-8 .n2-ss-showcase-slides, 
#n2-ss-9.n2-ss-slider .n2-ss-preserve-size[data-related-device], div#n2-ss-9 .n2-ss-showcase-slides, 
#n2-ss-13.n2-ss-slider .n2-ss-preserve-size[data-related-device], div#n2-ss-13 .n2-ss-showcase-slides, 
#n2-ss-14.n2-ss-slider .n2-ss-preserve-size[data-related-device], div#n2-ss-14 .n2-ss-showcase-slides {
max-width: 100px !important;
}
.bar-id-916 img {
max-width: 180px;
}
.countSec .info {
display: block;
font-size: 10px !important;
}
.removebr br {
display: none;
}
.wp-block-spacer[style="height:30rem"] {
height: 15rem !important;
}
.podcast {
flex-direction: column;
}
.podcast img.wp-image-1123 {
max-width: 90px;
margin-bottom: 15px;
}
.QandA h2 br {
display: none;
}
.m-col-2.wp-block-columns > div.wp-block-column {
flex: 0 0 50% !important;
}
}