html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
* {margin:0; padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
a:active,a:hover {outline:0}
a {color:#024a13;text-decoration:none;background-color:transparent}
a:focus,a:hover {color:#5eb493;}
a:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
b,strong {font-weight:700}
small {font-size:80%}
sub,sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup {top:-.5em}
sub {bottom:-.25em}
img {border:0}
figure {margin:1em 40px}
hr {height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre {overflow:auto}
input {line-height:normal}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
fieldset {padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend {padding:0;border:0}
textarea {overflow:auto}
table {border-spacing:0;border-collapse:collapse}
td,th {padding:0}
@media print {*,:after,:before {color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important}
a,a:visited {text-decoration:underline}
a[href]:after {content:" (" attr(href) ")"}
a[href^="#"]:after {content:""}
blockquote,pre {border:1px solid #999;page-break-inside:avoid}
thead {display:table-header-group}
img,tr {page-break-inside:avoid}
img {max-width:100%!important}
h2,h3,p {orphans:3;widows:3}
h2,h3 {page-break-after:avoid}
.navbar {display:none}
}
@font-face {font-family:'Glyphicons Halflings';src:url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.eot);src:url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.woff) format('woff'),url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
.glyphicon {position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.glyphicon-chevron-left:before {content:"\e079"}
.glyphicon-chevron-right:before {content:"\e080"}
.glyphicon-chevron-up:before {content:"\e113"}
.glyphicon-menu-up:before {content:"\e260"}
.glyphicon-phone:before{content:"\e145"}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html {font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*body {font: 400 15px/1.8 Lato, sans-serif;color:#333;background-color:#fff}*/
body{font-family: 'Inter', sans-serif;
font-size: 17px;
line-height: 1.6;
color: #333;}
button,input,select,textarea {font-family:inherit;font-size:inherit;line-height:inherit}
figure {margin:0}
img {vertical-align:middle}
.carousel-inner>.item>img {display:block;max-width:100%;height:auto}
hr {margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
.sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
[role=button] {cursor:pointer}
h1,h2,h3,h4,h5,h6 {font-weight:500;line-height:1.1;color:inherit; font-family:Playfair Display, Gadget, sans-serif}
h1,h2,h3 {margin-bottom:10px}
h3{ font-size:30px;}
h4,h5,h6 {margin-top:10px;margin-bottom:20px}
h4,h5,h6 {font-size:18px}
p {margin:0 0 10px}
small {font-size:85%}
mark {padding:.2em;background-color:#fcf8e3}
.text-center {text-align:center}
ol,ul {margin-top:0;margin-bottom:10px}
dl {margin-top:0;margin-bottom:20px}
dd,dt {line-height:1.42857143}
dt {font-weight:700}
dd {margin-left:0}
blockquote {padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
address {margin-bottom:20px;font-style:normal;line-height:1.42857143}
code {padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}
kbd {padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
pre {display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}
.container, .container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.col-sm-3{width:25%}
.col-sm-1{width:20%}
.col-sm-2{width:16.6666667%}
.col-sm-4{width:33.33333333%}
.col-sm-6{width:50%;}
.col-md-3{width:25%}
.col-md-2{width:16%}
@media (min-width:768px) {.container {width:750px}
}
@media (min-width:992px) {.container {width:970px}
}
@media (min-width:1200px) {.container {width:1170px}
}
.container-fluid {padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
table {background-color:transparent}
fieldset {min-width:0;padding:0;margin:0;border:0}
legend {display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label {display:inline-block;max-width:100%;margin:0 5px 5px 0;}
output {display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}
.form-control {margin-right:10px; margin-top:7px;display :block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ffd200;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.form-control::-moz-placeholder {color:#999;opacity:1}
.form-control:-ms-input-placeholder {color:#999}
.form-control::-webkit-input-placeholder {color:#999}
.form-group {margin-bottom:15px}
@media (min-width:768px) {.form-inline .form-group {display:inline-block;margin-bottom:0;vertical-align:middle; width:15%}
.form-inline .form-control {display:inline-block;/**width:auto;**/vertical-align:middle}
}
.btn {display:inline-block;padding: 6px 20px;margin:7px 0 0 0px;background-color: #024a13;color: #fff;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn:active:focus,.btn:focus {outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:focus,.btn:hover {border: 1px solid #edc00c;background-color:#ffd200;color: #024a13;}
.btn:active {background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn-default {color:#333;background-color:#fff;border-color:#ccc}
.btn-default:focus {color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:hover {color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active {color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active:focus,.btn-default:active:hover {color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default:active {background-image:none}
.btn-primary{color:#fff;}.btn-primary.focus,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#286090;}
/* Your original CSS with modifications */
.nav {padding-left:0;margin-bottom:0;list-style:none}
.nav>li {position:relative;display:block}
.nav>li>a {position:relative;display:block;padding:10px 15px}
/* MODIFIED: 'focus' style no longer applies to the dropdown button, only 'hover' does */
.nav>li>a:hover,
.nav>li:not(.things-to-do-dropdown)>a:focus {
background-color:#024a13;
color:#fff;
}
.navbar {position:relative;min-height:50px;margin-bottom:20px; background:#005062;}
@media (min-width:768px) {.navbar {border-radius:4px}
}
@media (min-width:850px) {.navbar-header {float:left}
}
.navbar-collapse {padding-right:15px;padding-left:15px;overflow-x:visible;-webkit-overflow-scrolling:touch;border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
@media (min-width:850px) {.navbar-collapse {width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-collapse.collapse {display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
.navbar-fixed-top .navbar-collapse {padding-right:0;padding-left:0}
}
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header {margin-right:-15px;margin-left:-15px}
@media (min-width:850px) {.container-fluid>.navbar-collapse,.container-fluid>.navbar-header {margin-right:0;margin-left:0}
}
.navbar-fixed-top {position:fixed;right:0;left:0;z-index:1030}
@media (min-width:850px) {.navbar-fixed-top {border-radius:0}
}
.navbar-fixed-top {top:0;border-width:0 0 1px}
.navbar-brand {float:left;height:autop;padding:10px 15px;font-size:17px;line-height:20px}
.navbar-brand:focus,.navbar-brand:hover {text-decoration:none}
@media (min-width:850px) {.navbar>.container-fluid .navbar-brand {margin-left:-15px}
}
.navbar-toggle {position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:0px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus {outline:0}
.navbar-toggle .icon-bar {display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar {margin-top:4px}
@media (min-width:850px) {.navbar-toggle {display:none}
}
.navbar-nav {margin:7.5px -15px}
.navbar-nav>li>a {padding-top:10px;padding-bottom:10px;line-height:20px; text-transform:uppercase}
@media (min-width:850px) {.navbar-nav {float:left;margin:0}
.navbar-nav>li {float:left}
.navbar-nav>li>a {padding-top:15px;padding-bottom:15px}
}
@media (min-width:850px) {.navbar-right {float:right!important;margin-right:-15px}
}
.navbar-default {padding:0 20px}
.navbar-default .navbar-brand {color:#777}
.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {color:#5e5e5e;}
.navbar-default .navbar-nav>li>a {color:#777}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {color:#333;}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle { background-color: #024a13 }
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {background-color:#ffd200}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff}
.navbar {margin-bottom: 0;border: 0; }
.navbar ul {margin-top:22px}
.navbar li a {color: #fff !important;border-radius: 12px; margin: 5px; }
.navbar-nav li a:hover {border-color:#fff; border:2px solid; }
.navbar-nav li.active a {color: #024a13 !important;background-color: #f7a03a !important; }
/* Custom styles for the logo and address */
.navbar-header h2 { margin: 0; font-size: 18px; line-height: 1.4; }
.navbar-brand { padding-top: 5px; padding-bottom: 5px; height: auto; }
.address { display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 12px; color: #fff; }
.phone { color: #fff; text-decoration: none; }
/* Dropdown styles - only for the Things to do item */
.things-to-do-dropdown { position: relative; }
/* Mobile styles for dropdown */
@media (max-width: 849px) {
.things-to-do-dropdown > a {
position: relative;
display: flex !important;
align-items: center;
justify-content: space-between;
}
.dropdown-toggle-icon {
transition: all 0.3s ease;
font-size: 16px;
cursor: pointer;
padding-left: 15px;
}
.things-to-do-dropdown.open .dropdown-toggle-icon { transform: rotate(180deg); }
.things-to-do-dropdown .dropdown-menu {
display: none;
position: static;
float: none;
width: 100%;
margin-top: 0;
background-color: #00394a;
border: 0;
box-shadow: none;
padding-left: 30px;
}
.things-to-do-dropdown.open .dropdown-menu {
display: block;
animation: fadeIn 0.3s ease;
}
.dropdown-menu > li > a {
color: #fff !important;
text-transform: uppercase;
padding: 12px 15px;
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dropdown-menu > li:last-child > a { border-bottom: none; }
.dropdown-menu > li > a:hover {
background-color: #024a13 !important;
color: #fff !important;
padding-left: 20px;
}
}
/* Desktop dropdown styles */
@media (min-width: 850px) {
.things-to-do-dropdown > a {
display: flex !important;
align-items: center;
}
.dropdown-toggle-icon {
font-size: 14px;
cursor: pointer;
transition: all 0.3s ease;
padding-left: 8px;
padding-right: 4px;
}
.dropdown-menu {
position: absolute;
background-color: #005062;
border: none;
border-radius: 0;
box-shadow: 0 6px 12px rgba(0,0,0,0.175);
padding: 0;
min-width: 260px;
display: none;
}
.things-to-do-dropdown.open .dropdown-menu {
display: block;
animation: fadeIn 0.3s ease;
}
.dropdown-menu > li > a {
color: #fff !important;
text-transform: uppercase;
padding: 14px 22px;
display: block;
white-space: nowrap;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dropdown-menu > li:last-child > a { border-bottom: none; }
.dropdown-menu > li > a:hover {
background-color: #024a13 !important;
color: #fff !important;
padding-left: 28px;
}
}
/* Animation for dropdown */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.well {padding:9px 9px 15px;margin-bottom:20px;background:rgb(255,255,255); ;border:1px solid #ffd200;color: #024a13; border-radius:5px;}
.carousel {position:relative}
.carousel-inner {position:relative;width:100%;overflow:hidden}
.carousel-inner>.item {position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>img {line-height:1}
@media all and (transform-3d),(-webkit-transform-3d) {.carousel-inner>.item {-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
.carousel-inner>.item.active {left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.carousel-inner>.active {display:block}
.carousel-inner>.active {left:0}
.carousel-control {position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}
.carousel-control.left {background-repeat: repeat-x;
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
}
.carousel-control.right{right:0;left:auto;background-repeat: repeat-x;
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
}
.carousel-control:focus,.carousel-control:hover {color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}
.carousel-control .glyphicon-chevron-left {left:50%;margin-left:-10px}
.carousel-control .glyphicon-chevron-right {right:50%;margin-right:-10px}
.carousel-indicators {position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li {display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
.carousel-indicators .active {width:12px;height:12px;margin:0;background-color:#fff}
.carousel-caption {
position:absolute;
bottom:25px;
right:15%; left:15%;
z-index:10;
padding-top:20px;
padding-bottom:20px;
color:#fff;
text-align:center;
width:50%; margin:auto;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.18) 0,rgba(0, 0, 0, 0.9) 100%);
}
.capt {
position:absolute;
bottom:0;
z-index:11;
padding:10px 0 0;right:30%; left:30%;
color:#fff;
text-align:center;
margin:auto;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
@media screen and (min-width:768px) {.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right {width:30px;height:30px;margin-top:-15px;font-size:30px}
.carousel-control .glyphicon-chevron-left {margin-left:-15px}
.carousel-control .glyphicon-chevron-right {margin-right:-15px}
.carousel-caption { text-align:center;padding-bottom:30px}
.carousel-indicators {bottom:20px}}
.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before {display:table;content:" "}
.clearfix:after,.container-fluid:after,.container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after {clear:both}
@-ms-viewport {width:device-width}
.collapse{display:none}.collapse.in{display:block}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
.row{margin-right:-15px;margin-left:-15px}
.row:after,.row:before{display:table;content:" "}
.row:after{clear:both}
.col-sm-4 ,.col-sm-6,.col-sm-3,.col-sm-2,.col-sm-1{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
/**.col-sm-4 { width:30%; float:left;}**/
.img-responsive{display:block;max-width:100%;height:auto}
@media (min-width:799px){.col-sm-4,.col-sm-6,.col-sm-3,.col-sm-2,.col-sm-1{float:left}.text-right{ text-align:right}
.col-sm-3{width:25%}
.col-sm-1{width:20%}
.col-sm-2{width:16.6666667%}
.col-sm-4{width:33.33333333%}
.col-sm-6{width:50%;}
.col-md-3{width:25%}
.col-md-2{width:16%}
}
.img-rounded{border-radius:6px}
.img-circle{border-radius:50%;background-color:#fff;border:1px solid #ddd;padding:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.img-thumbnail{max-width:none}
.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.tooltip{position:absolute;z-index:1070;display:block;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.up-arrow{position:fixed;bottom:40px;right:10px; z-index:4000}
.up-arrow a{display:block;-webkit-transition:1s;-moz-transition:1s;transition:1s}.
.up-arrow a:hover{color:#fff}
.up-arrow span{width:30px;height:30px;display:block; opacity:0.8; border:1px solid #000; padding:7px 8px;background:#111 url(../images/up-arrow.png) no-repeat center center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:1s;-moz-transition:1s;transition:1s}.up-arrow:hover span{background-color:#222}
:root{
--color1: #0fb513;
--color2: #d41271;
--color3: #ff4a26;
--color4: #1e3799;
}
.serviceBox{
color: #555;
font-family: 'Sniglet', cursive;
text-align:center;
padding: 0 10px;
position: relative;
z-index: 1;
}
.serviceBox .service-icon{
color: var(--color1);
background: #fff;
font-size: 40px;
line-height: 90px;
height: 110px;
width: 110px;
margin: 0 auto 30px;
border: 10px solid #f49e39;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0,0,0,0.6);
position: relative;
transition: all 0.3s;
}
.serviceBox .service-icon em{
transform: rotateY(0deg);
transition: all 0.3s ease 0s;
}
.serviceBox:hover .service-icon em{ transform: rotateY(360deg); }
.serviceBox .service-icon:before{
content: "";
background: linear-gradient(to right, #f7a03a 49%, transparent 50%);
width: 122%;
height: 150%;
border-radius: 50%;
transform: translateX(-50%) rotateY(180deg);
position: absolute;
top: -10px;
left: 50%;
z-index: -1;
transition: all 0.3s;
}
.serviceBox:hover .service-icon:before{ transform: translateX(-50%) rotateY(0); }
.serviceBox .title{
color: #fff;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
/** text-transform: uppercase;**/
margin: 0 0 10px;
}
.serviceBox .description{
font-size: 15px;
line-height: 25px;
}
.serviceBox.magenta .service-icon{
color: var(--color2);
border-color: var(--color2);
}
.serviceBox.magenta .service-icon:before{
background: linear-gradient(to right,var(--color2) 49%, transparent 50%);
}
.serviceBox.magenta .title{ color: var(--color2); }
.serviceBox.orange .service-icon{
color: var(--color3);
border-color: var(--color3);
}
.serviceBox.orange .service-icon:before{
background: linear-gradient(to right,var(--color3) 49%, transparent 50%);
}
.serviceBox.orange .title{ color: var(--color3); }
.serviceBox.blue .service-icon{
color: var(--color4);
border-color: var(--color4);
}
.serviceBox.blue .service-icon:before{
background: linear-gradient(to right,var(--color4) 49%, transparent 50%);
}
.serviceBox.blue .title{ color: var(--color4); }
@media only screen and (max-width:990px){
.serviceBox{ margin: 0 0 30px; }
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}