/* Roboto regular */
html, body{
font-weight: 400;
background-color:white;
overflow:hidden;
}
html{
scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6{
font-weight:bold !important;
text-transform: uppercase;
font-family: 'Fjalla One', arial, sans-serif;
}
html,body,
#fullpage{
height:100%;
background-color:white;
}
.section,
.slide{
height: 100%;
background-color:white;
}
.shadow-lg{
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.desktop_menu {
list-style: none;
}
.menu_back > ul > .list-group-item{
background-color: #009aa6 !important;
border:none !important;
color: #fff !important;
list-style: none !important;
}
.menu_back > .menu2 > .list-group-item{
line-height: 0.2em !important;
}
.logo{
float: right !important;
}
.navbar-brand1 {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
.menu_soc{
margin-right: 10px;
animation-delay: 0.9s;
}
.menu_soc a{
font-size: 0.8em;
font-weight: bold;
color: #009AA6;
}
.ct, .cb, .cr, .cl {
background-color: #fff;
position: fixed;
z-index: 10;
-webkit-transform-style: preserve-3d;
}
#moveLeft {
animation-delay: 0.9s;
}
#moveRight{
animation-delay: 0.9s;
}
.svg_logo{
animation-delay: 0.9s;
}
.txtjumbo1 {
animation-delay: 0.5s;
}
.txtjumbo_small{
animation-delay: 0.5s;
}
#move_right{
animation-delay: 0.2s;
}
.navbar-brand{
animation-delay: 0.8s;
}
#move_left{
animation-delay: 0.2s;
}
#spinks_what_text p{
animation-delay: 0.5s;
}
#spinks_ready_info p:nth-of-type(1){
animation-delay: 1.4s;
}
.cookies{
position:absolute;
font-size:0.7em;
margin-top:50px;
background-color: white;
z-index:99999;
bottom:0;
}
.cookies .alert-success{
background-color: white;
color: #158DA5;
padding-bottom:15px;
}
.cookies .alert-success a{
text-decoration: underline;
}
#spinks_what_text li:nth-of-type(1){
animation-delay: 0.7s;
}
#spinks_what_text li:nth-of-type(2){
animation-delay: 1s;
}
#spinks_what_text li:nth-of-type(3){
animation-delay: 1.2s;
}
#spinks_what_text li:nth-of-type(4){
animation-delay: 1.4s;
}
#spinks_what_text li:nth-of-type(5){
animation-delay: 1.6s;
}
#spinks_what_text li:nth-of-type(6){
animation-delay: 1.8s;
}
#spinks_what_text li:nth-of-type(7){
animation-delay: 2.0s;
}
#spinks_what_notary_text p:nth-of-type(1){
animation-delay: 0.5s;
}
#spinks_what_notary_text p:nth-of-type(2){
animation-delay: 1s;
}
#spinks_what_notary_text p:nth-of-type(3){
animation-delay: 1.4s;
}
#spinks_what_notary_text p:nth-of-type(4){
animation-delay: 1.6s;
}
#spinks_about_text p:nth-of-type(1){
animation-delay: 0.4s;
}
#spinks_about_text p:nth-of-type(2){
animation-delay: 0.6s;
}
#spinks_about_text p:nth-of-type(3){
animation-delay: 0.8s;
}
#spinks_about_text p:nth-of-type(4){
animation-delay: 1s;
}
#spinks_services_text p:nth-of-type(1){
animation-delay: 0.4s;
}
.purple_letter{
animation-delay: 0.5s;
}
#spinks_services_text li:nth-of-type(0){
animation-delay: 0.5s;
}
#spinks_services_text li:nth-of-type(1){
animation-delay: 1s;
}
#spinks_services_text li:nth-of-type(2){
animation-delay: 1.4s;
}
#spinks_services_text li:nth-of-type(3){
animation-delay: 1.6s;
}
#spinks_services_text li:nth-of-type(4){
animation-delay: 1.8s;
}
#spinks_services_text li:nth-of-type(5){
animation-delay: 2s;
}
#spinks_services_text li:nth-of-type(6){
animation-delay: 2.2s;
}
#spinks_services_text li:nth-of-type(7){
animation-delay: 2.4s;
}
#spinks_sector_information p:nth-of-type(0){
animation-delay: 0.4s;
}
#spinks_sector_information p:nth-of-type(1){
animation-delay: 0.6s;
}
#spinks_sector_information p:nth-of-type(2){
animation-delay: 0.8s;
}
#spinks_sector_information p:nth-of-type(3){
animation-delay: 1.2s;
}
#spinks_sector_information #columnone li:nth-of-type(0) {
animation-delay: 1s;
}
#spinks_sector_information #columnone li:nth-of-type(1) {
animation-delay: 1.2s;
}
#spinks_sector_information #columnone li:nth-of-type(2) {
animation-delay: 1.4s;
}
#spinks_sector_information #columnone li:nth-of-type(3) {
animation-delay: 1.6s;
}
#spinks_sector_information #columnone li:nth-of-type(4) {
animation-delay: 1.8s;
}
#spinks_sector_information #columnone li:nth-of-type(5) {
animation-delay: 2s;
}
#spinks_sector_information #columnone li:nth-of-type(6) {
animation-delay: 2.2s;
}
#spinks_sector_information #columntwo li:nth-of-type(0) {
animation-delay: 2.4s;
}
#spinks_sector_information #columntwo li:nth-of-type(1) {
animation-delay: 2.6s;
}
#spinks_sector_information #columntwo li:nth-of-type(2) {
animation-delay: 2.8s;
}
#spinks_sector_information #columntwo li:nth-of-type(3) {
animation-delay: 3s;
}
#spinks_sector_information #columntwo li:nth-of-type(4) {
animation-delay: 3.2s;
}
#spinks_sector_information #columntwo li:nth-of-type(5) {
animation-delay: 3.4s;
}
#spinks_sector_information #columntwo li:nth-of-type(6) {
animation-delay: 3.4s;
}
#spinks_sector_information .card{
animation-delay: 1s;
}
#spinks_what_text .list-group .list-group-item {
font-size:1em !important;
}
#spinks_what_text li:nth-of-type(1){
animation-delay: 0.6s;
}
#spinks_what_text li:nth-of-type(2){
animation-delay: 0.8s;
}
#spinks_what_text li:nth-of-type(3){
animation-delay: 1.1s;
}
#spinks_what_text li:nth-of-type(4){
animation-delay: 1.3s;
}
#spinks_what_text li:nth-of-type(5){
animation-delay: 1.5s;
}
#spinks_what_text li:nth-of-type(6){
animation-delay: 1.7s;
}
#spinks_aposille_text p:nth-of-type(1){
animation-delay: 0.4s;
}
#spinks_aposille_text p:nth-of-type(2){
animation-delay: 0.6s;
}
.alert-warning {
color: #009AA6;
background-color:#ffffff;
border: 0px !important;
bottom: 0;
position: fixed;
right: 0;
width: 340px;
font-size: 0.8rem;
z-index: 999999;
border: solid #009AA6 2px;
padding-bottom:20px;
}
.alert-warning a{
color:#009AA6;
font-weight: bold;
text-decoration: underline;
}
#spinks_aposille_text p:nth-of-type(3){
animation-delay: 0.8s;
}
#spinks_services_text .list-group-item{
font-weight: bold;
color: #009AA6;
font-size:1.2em;
margin-top:0px;
vertical-align: bottom;
line-height: .9em;
}
#spinks_services_text .list-group-item{
font-weight: bold;
color: #9B59A6;
font-size:1em !important;
margin-top:0px;
vertical-align: bottom;
line-height: .9em;
}
.links{
background-color:#009AA6;
}
.toc_container{
background-color:#009AA6;
height:100%;
}
#privacy h1{
font-size: 4vw !important;
}
.toc_back{
background-color:#009AA6 ;
}
#privacy h5{
font-size: 2vw !important;
}
#privacy ul li{
list-style-type: none;
line-height: 0.8em;
}
#privacy .list-group-item{
background-color:#009AA6;
}
#privacy .list-group-item a {
font-size: 2vw !important;
color: #fff !important;
text-decoration: underline;
}
.terms{
color:#fff !important;
background-color: #009AA6 !important;
text-align: left;
}
.firstwhat::first-letter {
font-weight: bold;
color: #009AA6;
font-size:1.2em;
margin-top:0px;
vertical-align: middle;
line-height: 1.9em;
}
#accordion{
animation-delay: 1s;
}
.menu_back .menu2 li{
line-height: 0.2em !important;
}
.menu2 {
line-height: 0.2em !important;
}
#cardOne{
animation-delay: 0.6s;
}
#cardTwo{
animation-delay: 0.8s;
}
#cardThree{
animation-delay: 1s;
}
#cardFour{
animation-delay: 1.2s;
}
#cardFive{
animation-delay: 1.4s;
}
#cardSix{
animation-delay: 1.6s;
}
#amber_letter{
animation-delay: 1.4s;
}
#cardTen{
animation-delay: 1.2s;
}
#cardEleven{
animation-delay: 1s;
}
#cardTwelve{
animation-delay: 0.8s;
}
#cardThirteen{
animation-delay: 0.6s;
}
.gray_letter{
animation-delay: 0.3s;
}
#spinks_contact .form-group .name{
animation-delay: 0.2s;
}
#spinks_contact .form-group .name_field{
animation-delay: 0.4s;
}
#spinks_contact .form-group .email{
animation-delay: 0.6s;
}
#spinks_contact .form-group .email_field{
animation-delay: 0.8s;
}
#spinks_contact .form-group .message{
animation-delay: 1s;
}
#spinks_contact .form-group .message_field{
animation-delay: 1.2s;
}
#spinks_contact #form_button{
animation-delay: 1.4s;
}
#spinks_contact .footer_copyright{
animation-delay: 1.6s;
}
#spinks_about_text #image-wrapper{
animation-delay: 0.2s;
margin: 25px !important;
}
.image-wrapper{
margin-left:30px;
padding:10px !important;
}
#moveDown{
cursor:pointer;
}
.holder::before {
content: '';
position: absolute;
background-color: transparent;
background-image: -webkit-gradient(radial, 50% 50%,0,50% 50%,200, from(rgba(0, 154, 166, 0.65)), to(rgba(0, 154, 166,0.55)));
background-image: -webkit-radial-gradient(50% 50%, rgba(0, 154, 166, 0.35), rgba(0, 154, 166, 0.65));
background-image: -moz-radial-gradient(50% 50%, rgba(0, 154, 166, 0.35), rgba(0, 154, 166, 0.65));
background-image: -o-radial-gradient(50% 50%, rgba(0, 154, 166, 0.35), rgba(0, 154, 166, 0.65));
background-image: -ms-radial-gradient(50% 50%, rgba(0, 154, 166, 0.35), rgba(0, 154, 166, 0.65));
background-image: radial-gradient(50% 50%, rgba(0, 154, 166, 0.35), rgba(0, 154, 166, 0.65));
z-index: 20;
border-radius: 0px;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.answer{
position: absolute;
bottom: 60px;
font-weight: bold;
left: 0;
line-height: 1;
opacity: 0.14;
position: absolute;
z-index: 2;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.answer::before, .answer::after {
content: '';
position: absolute;
width: 3rem;
height: 1px;
background: currentColor;
top: 50%;
z-index:9999;
}
.menu_heading{
width:100%;
}
.footer_copyright{
}
.
.links_mobile{
display: flex;
align-items: center/* vertical alignment */
}
.intro{
z-index: 100;
color: #fff;
position:relative;
font-weight: bold !important;
text-align:center;
text-shadow: -1px 1px 8px rgba(0,0,0,.8);
}
.first::first-letter {
font-weight: bold;
color: #009AA6;
font-size:3em;
margin-top:-20px;
vertical-align: bottom;
line-height: .9em;
}
.txtjumbo1{
margin-bottom:40px;
}
#navbarToggleExternalContent ul{
width:50%;
float:left;
}
#spinks_about_text a{
color: #009AA6;
}
p a{
color: #009AA6;
}
.bg-square{
width: 500px;
height: 435px;
display: block;
background-color: #d9cac4;
}
.terms{
font-size: 3vw !important;
}
.terms h1{
font-size: 3vw !important;
}
.number_text {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
width: 437px;
height: 610px;
background: url('../images/seahorse.png');
background-repeat: repeat;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
opacity: 0.1;
z-index:99999;
}
.sailboat {
-webkit-transform-origin: 50% 90%;
-moz-transform-origin: 50% 90%;
transform-origin: 50% 90%;
-webkit-animation: sway 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: sway 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: sway 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
margin: 0px -64px;
background-size: 128px 224px;
height: 224px;
width: 128px;
background-image: url(../images/sailboat.png);
background-repeat: no-repeat;
bottom: 64px;
position: absolute;
right: 20%; }
.seahorse{
-webkit-animation: sway 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
-moz-animation: sway 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
animation: sway 4s 0.1s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
-webkit-transform-origin: 50% 90%;
-moz-transform-origin: 50% 90%;
transform-origin: 50% 90%;
margin: 0px -64px;
background-size: 222px 208px;
height: 164px;
width: 169px;
background-image: url(../images/seahorse.png);
background-repeat: no-repeat;
bottom: 64px;
position: absolute;
left: 10%;
}
.display-3{
margin-bottom:45px !important;
}
.intro_header{
text-shadow: -1px 1px 8px rgba(0,0,0,.8);
border-bottom: 5px solid #fff;
display:inline ; !important;
text-align: left;
white-space: nowrap;
font-style: normal;
}
.intro_header_white{
text-shadow: -1px 1px 8px rgba(0,0,0,.8);
border-bottom: 5px solid #ffffff;
display:inline !important;
text-align: left;
white-space: nowrap;
font-style: normal;
}
.fp-bg {
content: "";
background-size: cover !important;
background-position: center 80% !important;
z-index: 3 !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
background-repeat: no-repeat !important;
}
.spinks_ready {
background:linear-gradient(0deg,rgba(255,194,0,0.6),rgba(255,194,0,0.6)),url('../images/businesssteps.jpg');
}
.spinks_what_intro {
background:linear-gradient(0deg,rgba(0,154,166,0.8),rgba(0,154,166,0.8)),url('../images/lawyer.jpg');
}
.spinks_what_notary{
background:linear-gradient(0deg,rgba(173,151,79,0.8),rgba(173,151,79, 0.8)),url('../images/question.jpg');
}
#spinks_about_intro {
background:linear-gradient(0deg,rgba(0,154,166,0.8),rgba(0,154,166,0.8)),url(../images/inspect3.jpg);
}
.spinks_who_intro {
background:linear-gradient(0deg,rgba(58, 139, 194, 0.8),rgba(58, 139, 194,0.8)),url(../images/inspect3.jpg);
}
.spinks_why_intro {
background:linear-gradient(0deg,rgba(186, 104, 200, .8),rgba(186, 104, 200, .8)),url(../images/lightbulbs.jpg);
}
.spinks_services_intro {
background:linear-gradient(0deg,rgba(0,154,166,0.8),rgba(0,154,166,0.8)),url(../images/lightbulbs.jpg);
}
.spinks_aposille_new{
background:linear-gradient(0deg,rgba(173, 173, 173,0.8),rgba(173, 173, 173,0.8)),url(../images/notary.jpg);
}
.spinks_sector_new {
background:linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/canary.jpg);
}
.spinks_home{
padding-top:0px !important;
background-color:white;
-webkit-backface-visibility: hidden;
}
.spinks_about{
padding-top:80px !important;
text-align:center;
}
.spinks_services{
padding-top:80px !important;
}
.spinks_contact{
padding-top:80px !important;
}
.padding-top{
padding-top: 70px;
}
.nav-item .active {
border-bottom: 5px solid #009AA6;
}
.nav-item a:hover {
border-bottom: 5px solid #009AA6;
}
.nav-item{
border-bottom: 5px solid #fff;
}
.footer_copyright{
color: #009AA6 !important;
font-size: 0.9em;
font-weight: bold;
padding:31px 5px 20px 17px;
text-align: center !important;
}
.txtjumbo em{
font-style:normal;
display:block;
white-space:nowrap;
border-bottom: 5px solid #FFF;
width:70%;
text-shadow: -1px 1px 8px rgba(0,0,0,.8);
margin-bottom: 10px !important;
}
.menu-title{
display:inline-block !important;
font-size: 1em;
color: #009AA6;
font-weight: bold;
line-height:2em;
}
.menucloseit{
background-color: white;
color: #009AA6;
float:right;
font-weight: bold;
font-size: 1.2em;
cursor: pointer;
}
.menu_heading h3{
margin-left: 10px;
}
.footer{
z-index: 99999;
position: relative;
}
p{
font-family: 'Lato', sans-serif;
font-weight: 400;
color:#696969!important;
line-height:1.4em !important;
}
.video{
}
.slide{
position:relative;
}
#myVideo {
position: absolute;
right: 0;
bottom: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-size: 100% 100%;
background-color: black;
background-image: ;
background-position: center center;
background-size: contain;
object-fit: cover;
z-index: 3;
}
.overlay {
background-color: rgba(0,154,166, .6) !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
}
.overlay_luxury {
background-color: rgba(173,151,79, .6) !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
}
.overlay_aviation {
background-color: rgba(146,146,160, .6) !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
}
.overlay_bio {
background-color: rgba(186, 104, 200, .6) !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
}
#myModal{
background-color: ;
}
.overlay_financial {
background-color: rgba(0, 0, 0, .4) !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
}
.overlay_security {
background-color: rgba(50,50,255, .6) !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
pointer-events: none;
}
.jumbovidtext1 {
z-index: 100;
position: relative;
;
color: white !important;
text-align: center;
}
#logo img{
padding-top:20px;
padding-bottom:20px;
}
.underline {
position: relative;
line-height: 1.2em;
}
.underline {
position: absolute;
left: 0;
top: 1.2em;
height: 0;
width: 100%;
content: '';
border-top: 3px solid red;
}
h1{
padding-top:20px;
color: white;
}
.about{
color: #343434;
background-color: #ffffff !important;
}
.about h1{
color: #343434;
}
.services{
background-color: #ffffff !important;
}
.services h1{
color: #696969;
margin bottom: 50px;
}
.faq{
background-color: #ffffff !important;
}
.faq h1{
color: #343434;
}
.contact{
color: #343434;
background-color: #ffffff !important;
}
.contact h1{
color: #009AA6;
}
.fp-controlArrow {
top: 90% !important;
}
.fp-controlArrow.fp-prev{
left: 54px !important;
}
.fp-controlArrow.fp-next{
left: 100px !important;
right: auto !important;
}
.copyright{
font-size: 0.9em !important;
font-weight:bold;
}
.copyright a{
text-decoration: underline;
color: #fff;
}
.form-thank-you {
display: none;
width: 100%;
text-align: center;
}
.form-thank-you h1 {
color: #009AA6;
}
.form-thank-you p {
color:#fff !important;
}
.list-group-item{
color: #333333 !important;
font-weight:bold;
display: list-item !important;
margin-left:30px !important;
}
.bgcolor1{
background-color: #009aa6 !important;
color: #fff !important;
}
.color1{
color: #009AA6;
}
.background-color1 {
color: #fff;
background-color: #009AA6;
border-color: #009AA6;;
}
.form-control {
border: 4px solid #009AA6 !important;
}
nav{
background-color: #fff !important;
}
nav button{
margin-right:5px;
}
.custom-toggler .navbar-toggler {
border-color: rgba(0,154,166,1);
border: 3px !important;
}
.custom-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,154,166,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-brand{
margin-left:30px;
}
nav ul li a{
font-weight:bold !important;
color: #009AA6 !important
}
nav ul li a:hover{
font-weight:bold !important;
color: #009AA6 !important;
}
.nav-link{
margin-right:10px;
font-size: 0.9em;
color: #009AA6 !important;
}
.navbar-light .navbar-toggler{
color: #009AA6;
border-color: #009AA6;
font-size: 1.1rem !important;
}
.scene,
.layer {
display: block;
height: 100%;
width: 100%;
padding: 0;
margin: 0; }
.layer {
position: absolute; }
.layer div {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden; }
.wave {
background: transparent repeat-x;
position: absolute;
width: 300%;
left: -100%; }
.wave:after {
background-color: #0B5EB2;
position: absolute;
display: block;
content: "";
height: 500px;
width: 100%;
top: 100%;
left: 0;
} }
.wave2 {
background-image: url(../images/waves34.png)!important; }
.wave1 {
background-image: url(../images/waves34.png)!important;
-webkit-animation: rotation 6s infinite linear;
}
@-webkit-keyframes waves {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg); }
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg); } }
@-moz-keyframes waves {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg); }
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg); } }
@-ms-keyframes waves {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg); }
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg); } }
@keyframes waves {
0% {
-webkit-transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg);
-moz-transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg);
transform: rotateZ(0deg) translate3d(0,6%,0) rotateZ(0deg); }
100% {
-webkit-transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg);
-moz-transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg);
transform: rotateZ(360deg) translate3d(0,6%,0) rotateZ(-360deg); } }
@keyframes tilt {
0% {
-webkit-transform: rotateX(-30deg);
-moz-transform: rotateX(-30deg);
transform: rotateX(-30deg); }
25% {
-webkit-transform: rotateX( 30deg);
-moz-transform: rotateX( 30deg);
transform: rotateX( 30deg); }
50% {
-webkit-transform: rotateY(-30deg);
-moz-transform: rotateY(-30deg);
transform: rotateY(-30deg); }
75% {
-webkit-transform: rotateY( 30deg);
-moz-transform: rotateY( 30deg);
transform: rotateY( 30deg); }
100% {
-webkit-transform: rotateZ( 20deg);
-moz-transform: rotateZ( 20deg);
transform: rotateZ( 20deg); } }
@-webkit-keyframes sway {
0% {
-webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
-moz-transform: translate3d(15%,0,0) rotateZ(10deg);
transform: translate3d(15%,0,0) rotateZ(10deg); }
100% {
-webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
-moz-transform: translate3d(-15%,0,0) rotateZ(-10deg);
transform: translate3d(-15%,0,0) rotateZ(-10deg); } }
@-moz-keyframes sway {
0% {
-webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
-moz-transform: translate3d(15%,0,0) rotateZ(10deg);
transform: translate3d(15%,0,0) rotateZ(10deg); }
100% {
-webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
-moz-transform: translate3d(-15%,0,0) rotateZ(-10deg);
transform: translate3d(-15%,0,0) rotateZ(-10deg); } }
@-ms-keyframes sway {
0% {
-webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
-moz-transform: translate3d(15%,0,0) rotateZ(10deg);
transform: translate3d(15%,0,0) rotateZ(10deg); }
100% {
-webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
-moz-transform: translate3d(-15%,0,0) rotateZ(-10deg);
transform: translate3d(-15%,0,0) rotateZ(-10deg); } }
@keyframes sway {
0% {
-webkit-transform: translate3d(15%,0,0) rotateZ(10deg);
-moz-transform: translate3d(15%,0,0) rotateZ(10deg);
transform: translate3d(15%,0,0) rotateZ(10deg); }
100% {
-webkit-transform: translate3d(-15%,0,0) rotateZ(-10deg);
-moz-transform: translate3d(-15%,0,0) rotateZ(-10deg);
transform: translate3d(-15%,0,0) rotateZ(-10deg); } }
.wave.depth-10 {
-webkit-animation: waves 8s 0.1s infinite linear;
-moz-animation: waves 8s 0.1s infinite linear;
animation: waves 8s 0.1s infinite linear;
bottom: 140px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
-webkit-animation: rotation 6s infinite linear;
height: 16px; }
.wave.depth-10:after {
height: 144px; }
.wave.depth-20 {
-webkit-animation: waves 7.55556s 0.1s infinite linear;
-moz-animation: waves 7.55556s 0.1s infinite linear;
animation: waves 7.55556s 0.1s infinite linear;
bottom: 105px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 32px; }
.wave.depth-20:after {
height: 128px; }
.wave.depth-30 {
-webkit-animation: waves 7.11111s 0.1s infinite linear;
-moz-animation: waves 7.11111s 0.1s infinite linear;
animation: waves 7.11111s 0.1s infinite linear;
bottom: 100px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 48px; }
.wave.depth-30:after {
height: 112px; }
.wave.depth-40 {
-webkit-animation: waves 6.66667s 0.1s infinite linear;
-moz-animation: waves 6.66667s 0.1s infinite linear;
animation: waves 6.66667s 0.1s infinite linear;
bottom: 80px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 64px; }
.wave.depth-40:after {
height: 96px; }
.wave.depth-50 {
-webkit-animation: waves 6.22222s 0.1s infinite linear;
-moz-animation: waves 6.22222s 0.1s infinite linear;
animation: waves 6.22222s 0.1s infinite linear;
bottom: 60px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 80px; }
.wave.depth-50:after {
height: 80px; }
.wave.depth-60 {
-webkit-animation: waves 5.77778s 0.1s infinite linear;
-moz-animation: waves 5.77778s 0.1s infinite linear;
animation: waves 5.77778s 0.1s infinite linear;
bottom: 40px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 96px; }
.wave.depth-60:after {
height: 64px; }
.wave.depth-70 {
-webkit-animation: waves 5.33333s 0.1s infinite linear;
-moz-animation: waves 5.33333s 0.1s infinite linear;
animation: waves 5.33333s 0.1s infinite linear;
bottom: 20px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 112px; }
.wave.depth-70:after {
height: 48px; }
.wave.depth-80 {
-webkit-animation: waves 4.88889s 0.1s infinite linear;
-moz-animation: waves 4.88889s 0.1s infinite linear;
animation: waves 4.88889s 0.1s infinite linear;
bottom: 0px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 128px;
-webkit-animation: rotation 6s infinite linear;
}
.wave.depth-80:after {
height: 32px; }
.wave.depth-90 {
-webkit-animation: waves 4.44444s 0.1s infinite linear;
-moz-animation: waves 4.44444s 0.1s infinite linear;
animation: waves 4.44444s 0.1s infinite linear;
bottom: -20px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 144px; }
.wave.depth-90:after {
height: 16px; }
.rope.depth-90 {
-webkit-transform: scale(1.22222);
-moz-transform: scale(1.22222);
transform: scale(1.22222);
top: -6.66667%; }
.rope.depth-90 .hanger {
-webkit-transform: scale(0.47222);
-moz-transform: scale(0.47222);
transform: scale(0.47222); }
.wave.depth-100 {
bottom: -52px;
margin: 0px 0px;
position: center bottom;
background-size: auto 101%;
height: 288px;
}
.wave.depth-100 {
-webkit-animation: waves 4s 0.1s infinite linear;
-moz-animation: waves 4s 0.1s infinite linear;
animation: waves 4s 0.1s infinite linear;
bottom: -40px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 160px; }
.wave.depth-100:after {
height: 0px; }
.wave.depth-100 {
bottom: -60px;
margin: 0px 0px;
background-position: center bottom;
background-size: auto 101%;
height: 240px; }
.wave.depth-100:after {
height: 0px; }
.wave {
background: transparent repeat-x;
background-position-x: 0%;
background-position-y: 0%;
background-image: none;
background-size: auto auto;
position: absolute;
width: 300%;
left: -100%;
}
#form_button {
}
.wave_layers{
}
.email_pos h3{
position:absolute;
color: black !important;
left: 0;
right: 0;
margin: 0 auto;
font-size: 2rem;
color: #009AA6 !important;
}
.email h1{
color: black !important;
}
.sides{
}
.menu_back{
width:100% !important;
display:inline-block;
}
.menu_back ul li a{
color:#009AA6 ;
font-size:bold;
}
.menu_back ul li a:hover{
text-decoration: none;
}
.txtjumbo_small{
margin-top:50px;
}
.slidenav__item--prev {
transform: rotate(-90deg) translateY(-50%);
z-index: 99999;
position: absolute !important;
top: 49%;
border: solid 1px;
left: 36px;
color: white !important;
cursor:pointer;
}
.slidenav__item--down {
transform: rotate(-360deg) translateY(-50%);
z-index: 99999;
position: relative !important;
bottom: -3%;
border: solid 1px;
color: white !important;
cursor:pointer;
}
.slidenav__item::before {
right: 100%;
}
.slidenav__item::before, .slidenav__item::after {
content: '';
position: absolute;
width: 3rem;
height: 1px;
background: currentColor;
top: 50%;
z-index:9999;
}
.slidenav__item {
pointer-events: auto;
border: 0;
background: none;
padding: 1rem;
margin: 0.85rem;
text-transform: inherit;
position: relative;
line-height: 1;
color: var(--color-nav);
}
.slidenav__item::before,
.slidenav__item::after {
content: '';
position: absolute;
width: 3rem;
height: 1px;
background: currentColor;
top: 50%;
}
.slidenav__item::before {
right: 100%;
}
.slidenav__item::after {
left: 100%;
}
.slidenav__item:hover {
color: var(--color-link-hover);
}
.fp-controlArrow {
display:none;
}
.slidenav__item--next {
transform: rotate(90deg) translateY(-25%);
z-index: 99999;
position: absolute !important;
top: 49%;
right: 36px;
color: white !important;
cursor:pointer;
}
#accordion{
width:100%;
}
.card .card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: #009AA6 !important;
border-bottom: 1px solid rgba(0,0,0,.125);
}
.card .btn-link:hover {
color: #fff !important;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
}
.card .btn-link {
color: #fff !important;
text-decoration: underline;
background-color: transparent;
border-color: transparent;
text-transform: uppercase;
font-weight: 1.4rem !important;
}
/* This is the start of the fancy text section */
.underline{
text-decoration: underline !important;
}
.minus{
margin-top:-100px !important;
}
.text{
font-family: 'Lato', sans-serif;
font-weight: 300;
}
.gold_letter::first-letter {
font-weight: bold;
color:#bdac72;
font-size:3em;
margin-top:-20px;
vertical-align: bottom;
line-height: .9em;
}
.amber_letter::first-letter {
font-weight: bold;
color:rgba(255,194,0,0.6);
font-size:3em;
margin-top:-20px;
vertical-align: bottom;
line-height: .9em;
}
.blue_letter::first-letter{
font-weight: bold;
color: #3478A7;
font-size:3em;
margin-top:-20px;
vertical-align: bottom;
line-height: .9em;
}
#spinks_service .list-group-item::first-letter{
font-weight: bold;
color: #706C6D;
font-size:3em;
margin-top:-20px;
vertical-align: bottom;
line-height: .9em;
}
.purple_letter::first-letter{
font-weight: bold;
color: #9B59A6;
font-size:3em;
margin-top:-20px;
vertical-align: bottom;
line-height: .9em;
}
.black_letter::first-letter{
font-weight: bold;
color: #000000;
font-size:3em;
margin-top:-20px;
vertical-align: bottom;
line-height: .9em;
}
.gray_letter::first-letter{
font-weight: bold;
color: #ACACAD;
font-size:3em;
margin-top:-20px;
vertical-align: bottom;
line-height: .9em;
}
.bolden{
font-weight:bold;
font-style: italic;
}
.t {
display: table;
width: 100%;
height: 100%;
}
.tc {
display: table-cell;
vertical-align: middle;
text-align: center;
}
@-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.scroll-btn {
display: block;
position: absolute;
left: 0;
right: 0;
bottom:30px !important;
text-align: center;
z-index:5000;
width:100%;
color:#fff;
animation-iteration-count: infinite;
animation-delay: 0s;
animation-duration: 3s;
cursor: pointer;
}
.scroll-btn > * {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: normal;
color: #7f8c8d;
color: #ffffff;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
font-weight: bold;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
opacity: 0.8;
filter: alpha(opacity=80);
}
.scroll-btn .mouse {
position: relative;
display: block;
width: 30px;
height: 45px;
margin: 0 auto -15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid #fff;
border-radius: 23px;
}
.scroll-btn .mouse > * {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
background: white;
border-radius: 50%;
-webkit-animation: ani-mouse 1.5s linear infinite;
-moz-animation: ani-mouse 1.5s linear infinite;
}
.scroll-btn p{
color:#fff;
}
.scroll-btn a{
text-decoration: none !important;
}
@media (max-width: 575.98px) {
.toc_container h1{
font-size: 6vw !important;
}
#privacy h1{
font-size: 3vw !important;
}
#privacy h5 {
font-size: 3.5vw !important;
}
#privacy .list-group-item a {
font-size: 4vw !important;
color: #fff !important;
text-align:left;
}
#privacy .list-group-item a {
line-height: 0.8em;
text-decoration: underline;
}
#spinks_home{
height:400px;
}
#logo_svg{
width:150px;
height:150px;
}
}
@media (max-width: 767.98px) {
#logo_svg{
width:150px;
height:150px;
}
}
@media (max-width: 991.98px) {
.logo{
}
.terms .menu2 .list-group-item {
border: none !important;
}
.terms .menu2 .list-group-item a{
font-size: 2em !important;
}
.logo img {
float: left;
width:50px;
height:75px;
background: #555;
}
.logo h1 {
position: relative;
top: 18px;
left: 10px;
font-size: 4em;
}
.terms{
font-size: 2em !important;
}
.tc{
font-size: 1em !important;
}
.menu_soc a{
font-size: 0.5em;
font-weight: bold;
color: #009AA6;
}
.headings_mobile h5{
text-transform: lowercase !important;
}
.number_text{
display:none !important;
}
.menu_soc{
margin-right: 0px;
}
.intro
{
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat !important;
z-index: 1;
top: 0;
left: 0;
background:-webkit-linear-gradient(bottom, rgba(0,154,166,.8), rgba(0,154,166,.8)),url(../images/lawyer_medium.jpg);
background:-o-linear-gradient(bottom, rgba(0,154,166,.8), rgba(0,154,166,.8)),url(../images/lawyer_medium.jpg);
background:linear-gradient(to top, rgba(0,154,166,.8), rgba(0,154,166,.8))`,url(../images/lawyer_medium.jpg);
height:400px;
width:100%;
}
.navbar-brand1 a {
padding-right: 10px !important;
animation-delay: 3s;
}
.menu_soc {
animation-delay: 3s;
}
.menu-title{
display:none !important;
}
#privacy p{
font-size: 0.9em !important;
color: white !important;
}
.email_pos{
position:relative;
color: black !important;
margin-top:0px !important;
left: 0;
right: 0;
margin: 0 auto;
font-size: 1rem;
color: #009AA6 !important;
z-index:99999 !important;
}
.intro1
{
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat !important;
z-index: 1;
top: 0;
left: 0;
background:-webkit-linear-gradient(bottom, rgba(0,154,166,.8), rgba(0,154,166,.8)),url(../images/lawyer_medium.jpg);
background:-o-linear-gradient(bottom, rgba(0,154,166,.8), rgba(0,154,166,.8)),url(../images/lawyer_medium.jpg);
background:linear-gradient(to top, rgba(0,154,166,.8), rgba(0,154,166,.8))`,url(../images/lawyer_medium.jpg);
height:400px;
width:100%;
}
.what_is
{
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat !important;
z-index: 1;
top: 0;
left: 0;
background:-webkit-linear-gradient(bottom, rgba(173,151,79,.8), rgba(173,151,79,.8)),url(../images/question_medium.jpg);
background:-o-linear-gradient(bottom, rgba(173,151,79,.8), rgba(173,151,79,.8)),url(../images/question?_medium.jpg);
background:linear-gradient(to top, rgba(173,151,79,.8), rgba(173,151,79,.8))`,url(../images/question_medium.jpg);
height:400px;
width:100%;
}
.who_are{
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat !important;
z-index: 1;
top: 0;
left: 0;
background:-webkit-linear-gradient(bottom, rgba(58, 139, 194,.8), rgba(58, 139, 194,.8)),url(../images/inspect3_medium.jpg);
background:-o-linear-gradient(bottom, rgba(58, 139, 194,.8), rgba(58, 139, 194,.8)),url(../images/inspect3_medium.jpg);
background:linear-gradient(to top, rgba(58, 139, 194,.8), rgba(58, 139, 194,.8))`,url(../images/inspect3_medium.jpg);
height:400px;
width:100%;
}
.why_choose{
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat !important;
z-index: 1;
top: 0;
left: 0;
background:-webkit-linear-gradient(bottom, rgba(186, 104, 200,.8), rgba(186, 104, 200,.8)),url(../images/lightbulbs_medium.jpg);
background:-o-linear-gradient(bottom, rgba(186, 104, 200,.8), rgba(186, 104, 200,.8)),url(../images/lightbulbs_medium.jpg);
background:linear-gradient(to top, rgba(186, 104, 200,.8), rgba(186, 104, 200,.8))`,url(../images/lightbulbs_medium.jpg);
height:400px;
width:100%;
}
.spinks_sector{
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat !important;
z-index: 1;
top: 0;
left: 0;
background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../images/canary_medium.jpg);
background:-o-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(../images/canary_medium.jpg);
background:linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.5))`,url(../images/canary_medium.jpg);
height:400px;
width:100%;
}
.spinks_aposille {
background-size: cover !important;
background-position: center center;
background-repeat: no-repeat !important;
z-index: 1;
top: 0;
left: 0;
background:-webkit-linear-gradient(bottom, rgba(173, 173, 173,0.8), rgba(173, 173, 173,0.8)),url(../images/notary_medium.jpg);
background:-o-linear-gradient(bottom, rgba(173, 173, 173,0.8), rgba(173, 173, 173,0.8)),url(../images/notaryy_medium.jpg);
background:linear-gradient(to top, rgba(173, 173, 173,0.8), rgba(173, 173, 173,0.8))`,url(../images/notary_medium.jpg);
height:400px;
width:100%;
}
.about{
margin-top: 30px;
}
.intro .number{
width: 50%;
height: 90%;
overflow: auto;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.intro h2{
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.heading_holder{
position: relative;
height: 100%;
}
.bg_image{
background:linear-gradient(0deg,rgba(0,154,166,0.3),rgba(0,154,166,0.3)),url(../video/home/home.jpg);
background-size: cover;
background-position: center 80%;
}
.holder{
height:400px;
background:linear-gradient(0deg,rgba(0,154,166,0.3),rgba(0,154,166,0.3)),url(../video/home/home.jpg);
background-size: cover;
background-position: center 80%;
margin-bottom:30px;
}
.display-3{
font-size: 2.5rem !important;
}
.layer{
margin-top: 30px;
}
.layer h1{
font-size: 4em;
text-align:center;
}
.layer h5{
margin-top:40px;
font-size: 1.1em;
text-align:center;
color: white;
}
.layer {
z-index: 99999;
}
}
@media (max-width: 1199.98px) {
}
@media (min-width: 991px) and (max-width: 1200px) {
p{
color: #343434;
font-size:1.2rem;
}
.display-3{
font-size: 3rem !important;
}
.intro h2 {
font-size: 3.2em;
}
.jumbovidtext {
z-index: 9999;
position: absolute;
top: 30%;
left: 51%;
color: white !important;
width: 360px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#logo_svg{
width: 166px;
height: 133px;
}
.layer h1{
font-size: 3.5em;
text-align:center;
}
}
@media (min-width: 575.98px) and (max-width: 768px) {
.layer h1{
font-size: 3em;
text-align:center;
}
.layer h5{
font-size: 1em;
text-align:center;
}
#logo_svg{
width:150px;
height:150px;
}
}
@media (min-width: 575.98px) and (max-width: 991px) {
}
@media (max-width: 575.98px) {
p{
font-size:0.9em;
}
.intro h2{
font-size: 1.1em;
}
.intro{
height: 350px;
}
.layer h1{
font-size: 2em;
text-align:center;
}
#logo_svg{
width:125px;
height:125px;
}
.layer h5{
font-size: 1em;
text-align:center;
}
}
@media (max-width: 575.98px) {
.intro{
height: 350px;
}
.layer h1{
font-size: 2em;
text-align:center;
}
#logo_svg{
width:125px;
height:125px;
}
.layer h5{
font-size: 1em;
text-align:center;
}
}
@media (max-width: 768px) {
.p{
font-size: 1em !important;
text-align:center;
}
}
@media(max-width: 991px){
.alert-warning {
display: none !important;
}
ul{
list-style: none !important;
}
.list-group-item{
margin-left: 0px !important;
}
.spinks_who_intro {
background:linear-gradient(0deg,rgba(58, 139, 194, 0.8),rgba(58, 139, 194,0.8)),url(../images/inspect3_medium.jpg);
}
.spinks_why_intro {
background:linear-gradient(0deg,rgba(186, 104, 200, .8),rgba(186, 104, 200, .8)),url(../images/lightbulbs_medium.jpg);
}
.spinks_services_intro {
background:linear-gradient(0deg,rgba(0,154,166,0.8),rgba(0,154,166,0.8)),url(../images/lightbulbs_medium.jpg);
}
.spinks_aposille_new{
background:linear-gradient(0deg,rgba(173, 173, 173,0.8),rgba(173, 173, 173,0.8)),url(../images/notary_medium.jpg);
}
.spinks_sector_new {
background:linear-gradient(0deg,rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url(../images/canary_medium.jpg);
}
.spinks_what_notary{
background:linear-gradient(0deg,rgba(173,151,79,0.8),rgba(173,151,79, 0.8)),url('../images/question_medium.jpg');
}
#navbarToggleExternalContent ul{
width:100%;
float:none;
}
#spinks_what_text{
font-size: 1em;
font-weight: bold;
line-height:1.4em;
}
#spinks_what_text{
font-size: 0.9em;
font-weight: bold;
line-height:1.4em;
}
.number_text {
width: 100%;
height: 100%;
}
.fp-bg {
z-index: 1 !important;
}
.spinks_contact{
margin-top: 80px;
}
.copyright {
font-size: 0.7em !important;
font-weight: bold;
}
.email_pos h3 {
position: relative;
color: black !important;
font-size: 2rem;
color: #009AA6 !important;
}
.email_pos {
margin-top:70px;
}
.form-thank-you h1 {
font-size: 1.5rem;
}
.form-thank-you h3 {
font-size: 1rem;
}
.form-thank-you {
padding:20px;
}
.btn{
width:100%;
}
#spinks_home{
}
.headings_mobile{
}
.headings_mobile h5{
text-decoration: lowercase;
}
#spinks_mobile{
margin-top: 60px;
}
.cp-background{
color: #ffffff !important;
bottom: 0px;
background-color: #009AA6 !important;
z-index: 99999;
position: relative;
}
.copyright{
text-align:center !important;
}
.menu_back ul li a{
color:#fff !important ;
font-size:bold;
font-size: 0.8em;
}
.menu_back ul li a:hover{
text-decoration: underline;
}
.menu_heading .menucloseit{
font-size: 0.8em;
background-color: white;
color: #009AA6;
padding: 4px;
}
.menu_heading h3{
font-size: 1em;
}
.seahorse_thanks {
margin-top: 25px;
width: 150px;
height:150px;
}
.intro .number{
position: relative;
top: 70%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 14rem;
font-weight: bold;
line-height: 1;
opacity: 0.14;
}
.intro h2{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width:100%;
}
.animated {
/*CSS3 animation properties*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
/*CSS3 transition properties*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS3 transform properties*/
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
}
}
@media (min-width: 1199.98px) {
p{
font-size: 1.2em;
}
.intro h2{
font-size: 3.7rem;
}
.jumbovidtext {
z-index: 9999;
position: absolute;
top: 25%;
left: 55%;
color: white !important;
width: 450px;
}
.display-3{
font-size: 3.7rem !important;
}
}
@media (min-width: 991px) {
.list-group-item{
border:none !important;
font-size:0.9em !important;
}
.ct, .cb, .cr, .cl {
background-color: #fff;
position: fixed;
z-index: 10;
-webkit-transform-style: preserve-3d;
}
.ct {
top: 0;
right: 0;
left: 0;
height: 12px;
}
.cr {
top: 0;
right: 0;
bottom: 0;
width: 40px;
}
.cb {
bottom: 0;
right: 0;
left: 0;
height: 40px;
}
.cl {
top: 0;
left: 0;
bottom: 0;
width: 40px;
}
.spinks_what_text{
font-size: 1.4em;
}
.cp-background{
color: #ffffff !important;
bottom: 35px;
background-color: #009AA6 !important;
z-index: 99999;
position: relative;
}
.menu_back ul li a{
color:#fff ;
font-size:bold;
font-size: 1rem;
}
.menu_back ul li a:hover{
text-decoration: underline;
}
.seahorse_thanks {
margin-top: 50px;
width: 250px;
height:250px;
}
.email_pos{
position:absolute;
color: black !important;
margin-top:120px !important;
left: 0;
right: 0;
margin: 0 auto;
font-size: 1.2rem;
color: #009AA6 !important;
}
.number{
font-size: 20rem;
bottom: 0;
font-size: 20rem;
font-weight: bold;
left: 0;
line-height: 1;
opacity: 0.14;
position: absolute;
z-index: 2;
left: 50%;
top:-150%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}