body {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
line-height: 1.5em;
height: 100%;
width: 100%;
margin: 0px auto;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
overflow-x: hidden;
}

h1, h2, h4, h5, h6 {
font-family: 'Ubuntu', sans-serif;
color:#0099cc;
}

h3 {
color:#666;
font-size:18px;
}

div.mobile-video-block {
display:none;
}

h1 {
text-indent:-99999px;
margin:0px;
padding:0px;
font-size:1px;
margin-top:-1px;
}

a {
color: #717171;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

a:hover {
text-decoration: none;
color: #3e3e3e;
}

.btn-outline-white {
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 2px solid #fff;
}

.btn-outline-white:hover {
background-color: #fff;
}

.btn-big {
font-size: 0.875em;
text-transform: uppercase;
font-weight: 600;
padding: 12px 40px;
}

.btn-small {
font-size: 0.875em;
text-transform: none;
font-weight: 600;
padding: 6px 20px;
}

.round-outline {
display: inline-block;
}

.round-outline .round-photo {
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 4px;
}

.icon-outline i {
font-size: 2em;
width: 60px;
height: 60px;
border: 2px solid #0099cc;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: transparent;
line-height: 56px;
color: #0099cc;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.icon-outline i:hover {
background-color: #0099cc;
color: #fff;
border: 2px solid #fff;
}
/* ----- CSS for scroll revealler ----- */
.cbp-so-scroller {
overflow: hidden;
}
/* Clear floats of children */
.cbp-so-section:before,
.cbp-so-section:after {
content: " ";
display: table;
}

.cbp-so-section:after {
clear: both;
}
/* Text styling */
/* Sides */
.cbp-so-side {
overflow: hidden;
min-height: 12em;
-webkit-transition: -webkit-transform 1s, opacity 0.75s;
-moz-transition: -moz-transform 1s, opacity 0.75s;
transition: transform 1s, opacity 0.75s;
}
/* Clear floats of children */
.cbp-so-side:before,
.cbp-so-side:after {
content: " ";
display: table;
}

.cbp-so-side:after {
clear: both;
}

.cbp-so-side-bottom {
text-align: inherit;
}

.cbp-so-side-top {
text-align: inherit;
}

.cbp-so-side-bottom img {
float: inherit;
}

.cbp-so-side-top img {
float: inherit;
}
/* Initial state (hidden or anything else) */
.cbp-so-init .cbp-so-side {
opacity: 0;
}

.cbp-so-init .cbp-so-side-top {
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
transform: translateY(40px);
}

.cbp-so-init .cbp-so-side-bottom {
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
transform: translateY(-40px);
}
/* Animated state */
/* add you final states (transition) or your effects (animations) for each side */
.cbp-so-section.cbp-so-animate .cbp-so-side-top,
.cbp-so-section.cbp-so-animate .cbp-so-side-bottom {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
/*For example, add a delay for the bottom side:*/
.cbp-so-section.cbp-so-animate .cbp-so-side-bottom .cbp-so-side-top {
-webkit-transition-delay: 1.8s;
-moz-transition-delay: 1.8s;
transition-delay: 1.8s;
}
/* Navigation Bar */

.navbar {
height: auto;
background-color: #fff;
-webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
z-index: 3000;
padding: 15px 0;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}

.navbar .navbar-nav {
float: none;
margin: 10px 0;
}

.navbar .navbar-nav li {
display: block;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
margin-left: 5px;
}

.navbar .navbar-nav li.mobile-nav {
display:none;
}

.navbar .navbar-nav li a {
font-size: 14px;
line-height: 20px;
display: block;
margin: 0;
padding: 12px 16px;
color: #fff;
outline: none;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

.navbar .navbar-nav li a:hover {
background-color: #0099cc;
outline: none;
color: #fff;
}

.navbar .navbar-nav li a:focus {
background-color: transparent;
outline: none;
}

.navbar .navbar-nav li:hover {
background-color: #0099cc;
color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

.navbar .navbar-nav .active {
background-color: #0099cc;
color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.navbar .navbar-nav .active a,
.navbar .navbar-nav .active a:hover {
color: #fff;
}

.navbar .navbar-brand {
margin: 0 0 0 15px;
padding: 0;
}

.navbar .navbar-toggle {
margin-top: 3px;
margin-bottom: 3px;
border: 1px solid #bebebe;
border-radius: 4px;
outline: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.navbar .navbar-toggle:hover {
background-color: #717171;
border: 1px solid #717171;
}

.navbar .navbar-toggle:hover .icon-bar {
background-color: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.navbar .navbar-toggle .icon-bar {
background-color: #8b8b8b;
}

.navbar .navbar-collapse {
background-color: rgba(0, 0, 0, 0.96);
text-align: center;
-webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.5);
margin-top: 15px;
}

.minified {
opacity: 0.9;
padding: 15px 0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/* Jumbotron Section */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#slider {
float:left;
width:100%;
height:auto;
margin:0 auto 0;
overflow:hidden
}

#slider li { 
width:100%;
height:auto;
overflow:hidden; 
}	

#slider .slide {
position:relative;
width:100%;
float:left;
height:auto;
}

#slider img {
position:absolut;
width:100%;
height:auto;
left:0;
top:0;
}

#slider .wrap {
z-index:99;
width:1000px;
margin:0 auto 0;
position:relative;
top:-50px;
height:auto;
}


#slider .slider-text {
position:absolute;
width:1000px;
height:auto;
background:none;
padding:10px 20px;
border-radius:3px;
margin:0 auto 0;
bottom:200px;
left:0px;
text-align:center;
}

#slider h2 {
font-family: "alternate-gothic-no-2-d",sans-serif;
text-transform:uppercase;
color:#e9e7d6;
font-weight:bold;
text-shadow:1px 1px #496aa9;
font-size:200%;
line-height:140%;
}

#slider .slider-text h2 {
text-shadow:0 0 10px #031875;
line-height:100%;
margin-top:0;
color:#fff;
}

#slider .slider-text h3 {
text-shadow:0 0 10px #031875;
font-size:125%;
color:#fff;
}

#slider h3 {
color:#fff;
font-size:100%;
font-weight:normal;
text-shadow:1px 1px #496aa9;
width:100%;
margin-right:0;
padding:0;
}

#slider h2.slide-head {
text-align:center;
margin:0;
font-size:18px;
text-transform:uppercase;
text-shadow:none;
opacity:.6;
text-shadow:none;
}

#slider h3.slide-sub {
text-align:center;
font-size:16px;
margin:0;
opacity:.6;
text-shadow:none;
font-weight:bold;
font-style:italic;
}

#slider-bottom {
float:left;
clear:both;
height:28px;
width:100%;
background:url(../images/slider-border.png) repeat-x;
}

#slider ul.bjqs-controls.v-centered {
top:80%;
height:40px;
float:left;
}

#slider ul.bjqs-controls li a {
background:#fff;
border:0px solid #496aa9;
width:32px;
height:32px;
border-radius:20px;
margin:0 20px;
font-family: "alternate-gothic-no-2-d",sans-serif;
color:#e9e7d6;
padding:6px 0 0 7px;
font-size:30px;
text-align:center;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
text-shadow:1px 1px #496aa9;
opacity:.4;
}

#slider ul.bjqs-controls li.bjqs-prev a {
padding:6px 0px 0 4px;
}

#slider ul.bjqs-controls li a:hover {
opacity:.8;
}

#slider ul.bjqs-controls img {
float:left;
width:20px;
height:20px;
}

.jumbotron {
width:100%;
padding: 0;
margin-top: 30px;
margin-bottom: 0;
font-size: 1em;
height: 675px;
overflow: hidden;
}


/* About Me Section */

#about {
text-align: center;
padding: 100px 0;
-webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
}

#about h2 {
margin: 0 0 40px 0;
color: #0099cc;
font-size: 36px;
text-transform:uppercase;
}

#about .round-outline {
margin-bottom: 40px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
height: 164px;
width: 164px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 2px solid #e4e4e4;
border-radius:100px;
}

#about .round-outline:hover {
border: 2px solid #fff;
}

#about .round-outline .round-photo-anchor {
position: relative;
display: inline-block;
}

#about .round-outline .round-photo-anchor img {
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

#about .round-outline .round-photo-anchor .round-caption-bg {
background-color: #0099cc;
height: 90%;
width: 90%;
margin: 5%;
position: absolute;
top: 20px;
left: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}

#about .round-outline .round-photo-anchor i {
position: absolute;
width: 100%;
top: 0;
left: 0;
text-align: center;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: #fff;
}

#about .round-outline .round-photo-anchor:hover .round-caption-bg {
opacity: 0.8;
top: 0;
left: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}

#about .round-outline .round-photo-anchor:hover i {
top: 45%;
opacity: 0.75;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}

#about .round-outline .round-photo-anchor:hover i:hover {
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}

#about .social-icons {
margin-top: 20px;
}

#about .social-icons .icon-social {
height: 60px;
width: 60px;
text-indent: 500px;
display: inline-block;
overflow: hidden;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 2px solid #0099cc;
margin-top: 20px;
}

#about .social-icons .icon-facebook {
background: #ffffff url('../img/icon-facebook-red.png') center center no-repeat;
}

#about .social-icons .icon-facebook:hover {
background: #63902a url('../img/icon-facebook-white.png') center center no-repeat;
}

#about .social-icons .icon-twitter {
background: #ffffff url('../img/icon-twitter-red.png') center center no-repeat;
}

#about .social-icons .icon-twitter:hover {
background: #63902a url('../img/icon-twitter-white.png') center center no-repeat;
}

#about .social-icons .icon-instagram {
background: #ffffff url('../img/icon-instagram-red.png') center center no-repeat;
}

#about .social-icons .icon-instagram:hover {
background: #63902a url('../img/icon-instagram-white.png') center center no-repeat;
}

#about .social-icons .icon-email {
background: #ffffff url('../img/icon-email-red.png') center center no-repeat;
}

#about .social-icons .icon-email:hover {
background: #63902a url('../img/icon-email-white.png') center center no-repeat;
}

/* Services Section */

#services {
background-color: #fff;
text-align: center;
padding: 80px 0 100px 0;
color: #666;
-webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
}

#services h2 {
font-size: 22px;
font-weight: normal;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

#services .service-column:hover, #services .service-column:hover h2, #services .service-column:hover p {
color:#fff;
}

#services h2.main {
font-size:30px;
font-weight:bold;
}

#services h2 a {
color: #fff;
}

#services .service-icon {
margin-top: 40px;
height: 80px;
width: 80px;
display: inline-block;
background-color: #0099cc;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: inset 0 0 0 50px #0099cc;
-moz-box-shadow: inset 0 0 0 50px #0099cc;
box-shadow: inset 0 0 0 50px #0099cc;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#services .service-icon i, #about .service-icon:hover i {
padding-top:3px;
color:#fff;
font-size: 4em;
line-height: 80px;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#services .service-description {
font-size: 0.7777777777777778em;
line-height: 1.5em;
color:#666;
}

#services .service-column {
cursor: default;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
padding-bottom:10px;
}

#services .service-column:hover {
background-color: #0099cc;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

#services .service-column:hover {
cursor:pointer;
}

#services .service-column:hover .service-icon {
background-color: #fff;
-webkit-box-shadow: inset 0 0 0 0 #0099cc;
-moz-box-shadow: inset 0 0 0 0 #0099cc;
box-shadow: inset 0 0 0 0 #0099cc;
margin-top: 30px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#services .service-column:hover a.service-button {
background:#fff;
color:#0099cc;
cursor:pointer;
}

#services .service-column:hover h2 {
margin-top: 30px;
margin-bottom: 30px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#services .service-column:hover i, #about .service-icon i {
text-align: center;
font-size: 3em;
line-height: 80px;
width: 100%;
height: 100%;
color: #0099cc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#about .service-icon:hover i { 
font-size: 4em;
color:#84d1ec;
cursor:pointer;
padding-top:0;
}

#about h3 {
margin-bottom:25px;
}

section#about .container {
height:450px;
}

section#about .about-text {
clear:both;
display:block;
width:50%;
margin:0 auto 0;
text-align:center;
margin-top:80px;
}

#about .service-icon i {
float:left;
width:151px;
margin-right:20px;
line-height:40px;
margin-top:10px;
}

#services div.col-md-3.service-column.button {
background:#0099cc;
margin-top:5px;
width:23%;
margin:0 auto 0;
}

#services a.service-button, #content .more-button, #portfolio-grid .faqs a.form, #portfolio-grid a.more-button, #portfolio .lg-more-button a.lg-more-button {
padding:5px 10px;
border-radius:5px;
text-align:center;
text-decoration:none;
background: #0099cc;
margin:10px 0;
text-shadow:none;
}

div.lg-more-button {
position:relative;
top:-320px;
right:-740px;
width:400px;
z-index:99;
}

#portfolio-grid .faqs a.form:hover {
background:#fff;
color:#0099cc;
}

#content .more-button, #portfolio-grid a.more-button {
text-shadow:none;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
border:1px solid #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
box-shadow:inset 0 0 3px #598d9f;
color:#fff;
width:100%;
}

#content .more-button a, #portfolio .more-button a.more-button, #content .left div.more-button a {
color:#fff;
}

#content .more-button:hover, #content .snippet a:hover, #portfolio-grid a.lg-more-button:hover {
text-decoration:none;
background:#84d1ec;
color:#fff;
}


#services div.icon3 {
margin:3px 0 0 3px;
background:url(../images/scan.svg) no-repeat;
width:75px;
height:75px;
opacity:.6;
}

/* Portfolio Section */

#portfolio {
text-align: center;
padding: 100px 0;
-webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
}

#portfolio .cat-list {
text-align: center;
list-style-type: none;
margin-bottom: 40px;
width: 100%;
padding: 0;
}

#portfolio .cat-list li {
display: block;
margin-bottom: 10px;
padding: 10px;
}

#portfolio .cat-list .active {
background-color: #0099cc;
color: #fff;
}

#portfolio .resp-btn {
height: 42px;
width: 42px;
background: red;
display: none;
}

#portfolio .portfolio-row {
margin-bottom: 40px;
list-style-type: none;
height: 400px;
overflow:hidden;
padding: 0;
}

#portfolio .portfolio-row .portfolio-mix {
opacity: 0;
display: none;
margin-bottom:30px;
}

li.portfolio-mix {
background:#fafafa;
height:380px;
padding:10px;
box-shadow:inset 0 0 3px #e3e3e3;
}

#portfolio-grid {
text-shadow:1px 1px #fff;
color:#666;
}

#portfolio-grid h4 {
font-size:20px;
font-weight:bold;
font-style:italic;
}

#portfolio-grid .left-column {
width:50%;
float:left;
background:#fff;
height:360px;
margin-right:20px;	
border:1px solid #fff;
box-shadow:inset 0 0 3px #ccc;
}

#portfolio-grid .info-column  {
width:50%;
float:left;
height:360px;
margin-right:20px;	
}

#portfolio-grid .right-column {
float:left;
width:48%;
}

#portfolio-grid p {
font-size:18px;
}

#portfolio-grid .portfolio-item ul {
list-style:square;
text-align:left;
margin-left:20px;
width:100%;
float:right;
padding-left:10px;
}

#portfolio-grid .portfolio-item ul li {
padding:5px 0;
border-bottom:1px dotted #eee;
font-weight:bold;
}

#portfolio-grid ul#q-a li {
list-style:none;
border-bottom:none;

}

#portfolio-grid ul#q-a li.answer {
color:#0099cc;
padding-left:10px;
font-style:italic;
}

#portfolio-grid .left-column p {
clear:both;
font-weight:bold;
font-style:italic;
font-size:26px;
text-align:center;
color:#888;
margin-top:20px;
}

#portfolio-grid a.form {
float:none;
}

#portfolio-grid .faqs h5 {
font-size:20px;
text-align:center;
margin:5px 0 10px 0;
padding:0;
}

#portfolio-grid .faqs h5 a {
color:#0099cc;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#portfolio-grid .faqs h5 a:hover {
color:#84d1ec;
}

#portfolio-grid .intro, #portfolio-grid .features, #portfolio-grid .faqs, #portfolio-grid .plans {
float:left;
}

#portfolio-grid h3 {
color:#0099cc;
font-weight:bold;
font-size:24px;
margin-top:5px;
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a {
display: inline-block;
position: relative;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a img {
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a .caption-bg {
position: absolute;
top: 20px;
left: 20px;
width: 100%;
height: 100%;
background-color: transparent;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
-webkit-box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 0 #0099cc;
-moz-box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 0 #0099cc;
box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 0 #0099cc;
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a .caption-bg::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: inset 0 0 0 0 #0099cc;
-moz-box-shadow: inset 0 0 0 0 #0099cc;
box-shadow: inset 0 0 0 0 #0099cc;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a h3 {
font-size: 1.111111111111111em;
line-height: 1.2em;
font-weight: bold;
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a .portfolio-item-description {
font-size: 0.7777777777777778em;
line-height: 1.2em;
font-weight: 300;
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 80%;
margin: 0 10%;
text-align: center;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg {
opacity: 0.95;
top: 0;
left: 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .caption-bg::before {
content: '';
-webkit-box-shadow: inset 0 0 0 160px #0099cc;
-moz-box-shadow: inset 0 0 0 160px #0099cc;
box-shadow: inset 0 0 0 160px #0099cc;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover h3 {
opacity: 1;
top: 24%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
}

#portfolio .portfolio-row .portfolio-mix .portfolio-item a:hover .portfolio-item-description {
opacity: 1;
top: 54%;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}

#portfolio .btn {
margin: 0 10px;
}

#portfolio .works {
float:right;
width:70%;
}

figure.portfolio-item {
float:left;
width:100%;
height:360px;
}

#portfolio .btn-outline-white {
color: #0099cc;
text-transform: none;
border: 2px solid #0099cc;
}

#portfolio .btn-outline-white:hover {
background-color: #0099cc;
color: #fff;
}

#portfolio p .btn-outline-white {
text-transform: uppercase;
}

.portfolio-item a {
float:left;
}

/* Testimonials Section */

#testimonials {
background-color: #ebebeb;
text-align: center;
padding: 100px 0;
-webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
}

.da-slider {
width: 100%;
min-width: 320px;
height: 640px;
position: relative;
margin: 0 auto;
overflow: hidden;
}

@media (min-width: 768px) and (max-width: 1200px) {

div.navbar-header a.navbar-brand img.logo {
max-width:240px;
height:auto;
}

section.jumbotron {
padding-top:56px;
height:auto;
}

#slider .slider-text  {
bottom:170px;
width:100%;
margin:0 auto 0;
}
#slider .slider-text h2 {
font-size:34px;
}

#slider .wrap {
max-width:98%;
}

ul#portfolio-grid.portfolio-row, #portfolio-grid .portfolio-item {
height:736px;
}
ul#portfolio-grid li.portfolio-mix {
height:auto;
}

#portfolio-grid .info-column, #portfolio-grid .right-column {
width:97%;
}

figure.portfolio-item .features {
height:auto;
}

#portfolio-grid .left-column {
width:97%;
height:auto;
}

#portfolio-grid .left-column p {
font-size:18px;
}

#portfolio-grid .left-column img {
float:none;
width:500px;
margin:0 auto 0;
}

#portfolio-grid .right-column ul {
width:94%;
margin:0 auto 0;
}

#portfolio-grid .portfolio-item ul li {
padding:5px 10px 15px 10px;
margin:5px 0;
}

#portfolio-grid div.lifeguard-works img {
max-width:97%;
height:auto;
}

#portfolio-grid div.lifeguard-works div.more-button {
clear:both;
position:relative;
top:0px;
right:0px;
width:400px;
z-index:99;
margin:0 auto 0;
}


}


@media (min-width: 540px) and (max-width: 768px) {

#testimonials .da-slider {
height: 445px;
}

}

@media (min-width: 768px) and (max-width: 992px) {

nav#my-nav {
width:640px;
margin:0 auto 0;
height:50px;
}

ul.nav.navbar-nav {
width:520px;
float:left;
}

ul#nav-one.dropmenu {
margin:0;
margin-left:15px;
}

#slider .slider-text  {
bottom:100px;
width:90%;
}

#slider .slider-text  h2 {
font-size:30px;
}

}


@media (min-width: 540px) and (max-width: 768px) {

ul#nav-one.dropmenu {
display:none;
}

.navbar .navbar-nav li.mobile-nav {
display:block;
}

ul#portfolio-grid.portfolio-row, #portfolio-grid .portfolio-item {
height:736px;
}
ul#portfolio-grid li.portfolio-mix {
height:auto;
}

#portfolio-grid .info-column, #portfolio-grid .right-column {
width:97%;
}

figure.portfolio-item .features {
height:auto;
}

#portfolio-grid .left-column {
width:97%;
height:auto;
}

#portfolio-grid .left-column p {
font-size:18px;
}

#portfolio-grid .left-column img {
float:none;
width:500px;
margin:0 auto 0;
}

#portfolio-grid .right-column ul {
width:94%;
margin:0 auto 0;
}

#portfolio-grid .portfolio-item ul li {
padding:5px 10px 15px 10px;
margin:5px 0;
}

#portfolio-grid div.lifeguard-works img {
max-width:97%;
height:auto;
}

#portfolio-grid div.lifeguard-works div.lg-more-button {
clear:both;
position:relative;
top:0px;
right:0px;
width:400px;
z-index:99;
margin:0 auto 0;
}

section#about .container {
height:auto;
}

section#about div.about-text {
clear:both;
margin-top:30px;
}

section#about div.col-sm-2 {
margin-top:20px;
}

section#about figure.round-outline img {
margin-top:5px;
}

section#about div.round-caption-bg {
margin-top:10px;
}

ul.cat-list a.filter.btn.btn-outline-white.btn-small {
width:97%;
padding:10px;
}

section.jumbotron {
padding-top:68px;
height:auto;
}

#slider .slider-text  {
bottom:50px;
width:100%;
margin:0 auto 0;
}

#slider .slider-text h2 {
font-size:24px;
max-width:90%;
margin:0 auto 0;
}

#slider .wrap {
max-width:98%;
}

#slider .wrap h3.slide-sub {
max-width:100%;
}

}

#da-slider .round-outline img {
border-radius:55px;
padding-top:3px;
}

i.fa.fa-search.fa-lg {
line-height: 1em;
}


.da-slide {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: left;
}

.da-slide-current {
z-index: 1000;
}

.da-slider-fb .da-slide {
left: 100%;
}

.da-slider-fb .da-slide.da-slide-current {
left: 0px;
}

.da-slide .block-cite,
.da-slide blockquote,
.da-slide .da-link,
.da-slide .da-img {
position: absolute;
opacity: 0;
left: 100%;
}

.da-slider-fb .da-slide .block-cite,
.da-slider-fb .da-slide blockquote,
.da-slider-fb .da-slide .da-link {
left: 15%;
opacity: 1;
}

.da-slider-fb .da-slide .da-img {
left: 50%;
opacity: 1;
}

.da-slide .block-cite {
color: #666;
font-size: 17px;
width: 70%;
top: 130px;
z-index: 10;
text-align: center;
line-height: 1.1em;
font-weight:bold;
font-style:italic;
}

.da-slide blockquote {
width: 70%;
top: 170px;
color: #888;
font-size: 15px;
line-height: 22px;
height: auto;
overflow: hidden;
border: none;
text-align: center;
}

.da-slide blockquote p {
font-style: italic;
font-weight: 600;
}

.da-slide .da-img {
text-align: center;
top: 0;
height: 120px;
width: 120px;
left: 100%;
/*50%*/

}

.da-slide .da-img .round-outline {
border: 2px solid #0099cc;
width: 116px;
height: 116px;
position: relative;
border-radius:100px;
}

.da-slide .da-img .round-outline .round-photo {
display: inline-block;
width: 108px;
height: 108px;
position: absolute;
top: 2px;
left: 2px;
margin: 0;
}

.da-slide .da-link {
top: 270px;
/*depends on p height*/

border-radius: 30px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
border: 8px solid rgba(255, 255, 255, 0.8);
padding: 2px 20px 0px;
font-size: 18px;
line-height: 30px;
width: 80px;
text-align: center;
background: rgba(255, 255, 255, 0.2);
}

.da-slide .da-link:hover {
background: rgba(255, 255, 255, 0.3);
}

.da-dots {
width: 100%;
position: absolute;
text-align: center;
left: 0px;
bottom: 0px;
z-index: 2000;
-moz-user-select: none;
-webkit-user-select: none;
margin-top:10px;
}

.da-dots span {
display: inline-block;
position: relative;
width: 12px;
height: 12px;
border-radius: 50%;
background: #b4b4b4;
margin: 3px;
cursor: pointer;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
}

.da-dots span.da-dots-current:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 2px;
left: 2px;
border-radius: 50%;
background: #0099cc;
}

.da-arrows {
-moz-user-select: none;
-webkit-user-select: none;
}

.da-arrows span {
position: absolute;
top: 38px;
height: 40px;
width: 21px;
cursor: pointer;
z-index: 2000;
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.da-slider:hover .da-arrows span {
opacity: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

.da-arrows-prev {
left: 20%;
background: transparent url('../img/arrow-left.png') no-repeat top left;
}

.da-arrows-next {
right: 20%;
background: transparent url('../img/arrow-right.png') no-repeat top left;
}

.da-slide-current .block-cite,
.da-slide-current blockquote,
.da-slide-current .da-link {
left: 15%;
opacity: 1;
}

.da-slide-current .da-img {
left: 50%;
margin-left: -60px;
opacity: 1;
}
/* Animation classes and animations */
/* Slide in from the right*/
.da-slide-fromright .block-cite {
-webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright blockquote {
-webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}

.da-slide-fromright .da-link {
-webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
-moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
-o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
-ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromright .da-img {
-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}

@-webkit-keyframes fromRightAnim1 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-webkit-keyframes fromRightAnim2 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-webkit-keyframes fromRightAnim3 {
0% {
left: 110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@-webkit-keyframes fromRightAnim4 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
}
}

@-moz-keyframes fromRightAnim1 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-moz-keyframes fromRightAnim2 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-moz-keyframes fromRightAnim3 {
0% {
left: 110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@-moz-keyframes fromRightAnim4 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
}
}

@-o-keyframes fromRightAnim1 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-o-keyframes fromRightAnim2 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-o-keyframes fromRightAnim3 {
0% {
left: 110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@-o-keyframes fromRightAnim4 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
}
}

@-ms-keyframes fromRightAnim1 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-ms-keyframes fromRightAnim2 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-ms-keyframes fromRightAnim3 {
0% {
left: 110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@-ms-keyframes fromRightAnim4 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
}
}

@keyframes fromRightAnim1 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@keyframes fromRightAnim2 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@keyframes fromRightAnim3 {
0% {
left: 110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@keyframes fromRightAnim4 {
0% {
left: 100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
}
}
/* Slide in from the left*/
.da-slide-fromleft .block-cite {
-webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}

.da-slide-fromleft blockquote {
-webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}

.da-slide-fromleft .da-link {
-webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
-moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
-o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
-ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}

.da-slide-fromleft .da-img {
-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}

@-webkit-keyframes fromLeftAnim1 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-webkit-keyframes fromLeftAnim2 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-webkit-keyframes fromLeftAnim3 {
0% {
left: -110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@-webkit-keyframes fromLeftAnim4 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
}

@-moz-keyframes fromLeftAnim1 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-moz-keyframes fromLeftAnim2 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-moz-keyframes fromLeftAnim3 {
0% {
left: -110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@-moz-keyframes fromLeftAnim4 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
}

@-o-keyframes fromLeftAnim1 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-o-keyframes fromLeftAnim2 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-o-keyframes fromLeftAnim3 {
0% {
left: -110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@-o-keyframes fromLeftAnim4 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
}

@-ms-keyframes fromLeftAnim1 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-ms-keyframes fromLeftAnim2 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@-ms-keyframes fromLeftAnim3 {
0% {
left: -110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@-ms-keyframes fromLeftAnim4 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
}

@keyframes fromLeftAnim1 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@keyframes fromLeftAnim2 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 15%;
opacity: 1;
}
}

@keyframes fromLeftAnim3 {
0% {
left: -110%;
opacity: 0;
}

1% {
left: 10%;
opacity: 0;
}

100% {
left: 10%;
opacity: 1;
}
}

@keyframes fromLeftAnim4 {
0% {
left: -100%;
opacity: 0;
}

100% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
}

/* Slide out to the right */

.da-slide-toright .block-cite {
-webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
-moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
-o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
-ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}

.da-slide-toright blockquote {
-webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
-moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
-o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
-ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toright .da-link {
-webkit-animation: toRightAnim3 0.4s ease-in-out both;
-moz-animation: toRightAnim3 0.4s ease-in-out both;
-o-animation: toRightAnim3 0.4s ease-in-out both;
-ms-animation: toRightAnim3 0.4s ease-in-out both;
animation: toRightAnim3 0.4s ease-in-out both;
}

.da-slide-toright .da-img {
-webkit-animation: toRightAnim4 0.6s ease-in-out both;
-moz-animation: toRightAnim4 0.6s ease-in-out both;
-o-animation: toRightAnim4 0.6s ease-in-out both;
-ms-animation: toRightAnim4 0.6s ease-in-out both;
animation: toRightAnim4 0.6s ease-in-out both;
}

@-webkit-keyframes toRightAnim1 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-webkit-keyframes toRightAnim2 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-webkit-keyframes toRightAnim3 {
0% {
left: 10%;
opacity: 1;
}
99% {
left: 10%;
opacity: 0;
}

100% {
left: 100%;
opacity: 0;
}
}

@-webkit-keyframes toRightAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
30% {
left: 45%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-moz-keyframes toRightAnim1 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-moz-keyframes toRightAnim2 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-moz-keyframes toRightAnim3 {
0% {
left: 10%;
opacity: 1;
}
99% {
left: 10%;
opacity: 0;
}

100% {
left: 100%;
opacity: 0;
}
}

@-moz-keyframes toRightAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
30% {
left: 45%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-o-keyframes toRightAnim1 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-o-keyframes toRightAnim2 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-o-keyframes toRightAnim3 {
0% {
left: 10%;
opacity: 1;
}
99% {
left: 10%;
opacity: 0;
}

100% {
left: 100%;
opacity: 0;
}
}

@-o-keyframes toRightAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
30% {
left: 45%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-ms-keyframes toRightAnim1 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-ms-keyframes toRightAnim2 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@-ms-keyframes toRightAnim3 {
0% {
left: 10%;
opacity: 1;
}
99% {
left: 10%;
opacity: 0;
}

100% {
left: 100%;
opacity: 0;
}
}

@-ms-keyframes toRightAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
30% {
left: 45%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@keyframes toRightAnim1 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@keyframes toRightAnim2 {
0% {
left: 15%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

@keyframes toRightAnim3 {
0% {
left: 10%;
opacity: 1;
}
99% {
left: 10%;
opacity: 0;
}

100% {
left: 100%;
opacity: 0;
}
}

@keyframes toRightAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
30% {
left: 45%;
opacity: 1;
}

100% {
left: 100%;
opacity: 0;
}
}

/* Slide out to the left*/

.da-slide-toleft .block-cite {
-webkit-animation: toLeftAnim1 0.6s ease-in-out both;
-moz-animation: toLeftAnim1 0.6s ease-in-out both;
-o-animation: toLeftAnim1 0.6s ease-in-out both;
-ms-animation: toLeftAnim1 0.6s ease-in-out both;
animation: toLeftAnim1 0.6s ease-in-out both;
}

.da-slide-toleft blockquote {
-webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
-moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
-o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
-ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}

.da-slide-toleft .da-link {
-webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
-moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
-o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
-ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}

.da-slide-toleft .da-img {
-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}

@-webkit-keyframes toLeftAnim1 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-webkit-keyframes toLeftAnim2 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-webkit-keyframes toLeftAnim3 {
0% {
left: 10%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-webkit-keyframes toLeftAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
70% {
left: 30%;
opacity: 0;
}

100% {
left: -50%;
opacity: 0;
}
}

@-moz-keyframes toLeftAnim1 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-moz-keyframes toLeftAnim2 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-moz-keyframes toLeftAnim3 {
0% {
left: 10%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-moz-keyframes toLeftAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
70% {
left: 30%;
opacity: 0;
}

100% {
left: -50%;
opacity: 0;
}
}

@-o-keyframes toLeftAnim1 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-o-keyframes toLeftAnim2 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-o-keyframes toLeftAnim3 {
0% {
left: 10%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-o-keyframes toLeftAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
70% {
left: 30%;
opacity: 0;
}

100% {
left: -50%;
opacity: 0;
}
}

@-ms-keyframes toLeftAnim1 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-ms-keyframes toLeftAnim2 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-ms-keyframes toLeftAnim3 {
0% {
left: 10%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@-ms-keyframes toLeftAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
70% {
left: 30%;
opacity: 0;
}

100% {
left: -50%;
opacity: 0;
}
}

@keyframes toLeftAnim1 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@keyframes toLeftAnim2 {
0% {
left: 15%;
opacity: 1;
}
30% {
left: 20%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@keyframes toLeftAnim3 {
0% {
left: 10%;
opacity: 1;
}

100% {
left: -50%;
opacity: 0;
}
}

@keyframes toLeftAnim4 {
0% {
left: 50%;
opacity: 1;
margin-left: -60px;
}
70% {
left: 30%;
opacity: 0;
}

100% {
left: -50%;
opacity: 0;
}
}

/* Contact Section */

#contact {
background-color: #0099cc;
text-align: center;
padding: 100px 0;
-webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0.1);
}

#contact h2, #contact h3 {
color:#fff;
}

#contact p {
color: #fff;
}

#contact .wpcf7-text {
height:40px;
padding:5px;
width:100%;
margin-top:10px;
}

#contact .wpcf7-textarea {
padding:5px;
width:100%;
margin-top:10px;
height:100px;
}

#contact span.wpcf7-not-valid-tip {
color:#fff;
font-weight:bold;
}

#contact div.wpcf7-validation-errors, #contact div.wpcf7-mail-sent-ok {
border-color:#fff;
color:#fff;
}

#contact .icon {
color: #fff;
margin-top: 20px;
}

#contact .contact-meta {
font-size: 0.7777777777777778em;
line-height: 1.5em;
}

#contact form {
margin-top: 30px;
margin-bottom: 0;
}

#contact form input,
#contact form textarea {
background-color: #fafafa;
color: #888;
border: none;
border-bottom: 2px solid #ccc;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
cursor: default;
font-weight:bold;
}

#contact form input:focus,
#contact form textarea:focus {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 #7aba7b;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 0 #7aba7b;
background-color: #ccc;
color:#fff;
}

#contact input.wpcf7-submit {
color:#888;
}

#contact input.wpcf7-submit:hover {
cursor:pointer;
color:#eee;
background:#aaa;
}

#contact form ::-webkit-input-placeholder {
color: #FFF;
}

#contact form :-moz-placeholder {
color: #FFF;
}

#contact form ::-moz-placeholder {
color: #FFF;
}

#contact form :-ms-input-placeholder {
color: #FFF;
}

#contact form input::-webkit-input-placeholder,
#contact form textarea::-webkit-input-placeholder {
color: #FFF;
}

#contact form input:-moz-placeholder,
#contact form textarea:-moz-placeholder {
color: #FFF;
}

#contact form button[type="submit"] {
outline: none;
background: none;
color: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#contact form button[type="submit"]:hover {
background-color: #fff;
color: #0099cc;
}

div#ob_overlay {
background-color:#fff;
}

div#ob_content {
border:none;
box-shadow:none;
}

div#ob_close {
left:-30px;
top:-30px;
}

/* Footer */

.footer {
background-color: #343233;
text-align: center;
}

.footer p {
color: #0099cc;
line-height: 1.666666666666667;
margin: 25px 0;
}

.footer p a:hover {
color:#0099cc;
text-decoration:none;
}

.scrolltotop {
position: fixed;
bottom: -50px;
right: 20px;
height: 40px;
width: 40px;
color: #fff;
background-color: rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity: 0;
}

.scrolltotop:hover {
color: #0099cc;
background-color: #eee;
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}

.scrolltotop:hover i {
opacity: 1;
}

.scrolltotop i {
line-height: 40px;
opacity: 0.5;
}

.show-to-top {
opacity: 1;
bottom: 20px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}


#pricing-table {
width:100%;
margin:20px 0;
height:auto;
min-height:500px;
line-height:110%;
overflow:hidden;
}

#pricing-table h4 {
text-shadow:none;
margin-top:0;
}

#pricing-table .column1, #pricing-table .column2, #pricing-table .column3 {
float:left;
width:38%;
background:#0099cc;
height:auto;
margin:0;
color:#0099cc;
font-weight:bold;
text-shadow:1px 1px #fff;
}

#pricing-table .column1 {
color:#fff;
text-shadow:1px 1px #000;
}

#pricing-table .column2, #pricing-table .column3 {
font-family: 'Ubuntu', sans-serif;
text-align:center;
background:#84d1ec;
font-weight:bold;
text-transform:normal;
font-size:24px;
width:31%;
}

#pricing-table .column2 {
position:relative;
z-index:1;
box-shadow:0 0 50px #000;
}

#pricing-table .top {
background:#ccc;
}

#pricing-table .title {
background:#999;
}

#pricing-table .field {
height:20px;
border:0px solid #eee;
min-height:60px;
padding:5px;
margin:0;
box-shadow:inset 0 0 3px #fff;
padding-top:20px;
}

#pricing-table .first {
padding-left:10px;
}

#pricing-table .top {
background:#0099cc;
color:#fff;
text-shadow:1px 1px #000;
}

#pricing-table .corner {
background:#fff;
}

#pricing-table .dim {
background:#c9f1ff;
}
 
#pricing-table .lines {
padding-top:15px;
}


/*  Media Queries */


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

.jumbotron {
padding-top:111px;
height:auto;
}

.navbar .navbar-nav {
float: right;
margin: 2px 0 2px 0;
}

.navbar .navbar-nav li {
margin-left: 3px;
}

.navbar .navbar-nav li a {
display: inline-block;
padding: 8px 12px;
color: #717171;
}

.navbar .navbar-collapse {
background-color: rgba(255, 255, 255, 0);
text-align: center;
-webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0);
margin-top: 0;
}

#about .round-outline {
height: 100px;
width: 100px;
}

#about .round-outline .round-photo-anchor img {
margin: 0;
}

#portfolio .cat-list {
text-align: center;
list-style-type: none;
margin-bottom: 40px;
}

#portfolio .cat-list li {
display: inline-block;
margin-bottom: 0;
padding: 6px 20px;
}

#testimonials .da-slider {
height: 360px;
}

.da-arrows-prev {
left: 30%;
background: transparent url('../img/arrow-left.png') no-repeat top left;
}

.da-arrows-next {
right: 30%;
background: transparent url('../img/arrow-right.png') no-repeat top left;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

.navbar .navbar-nav {
float: right;
margin: 15px 5px 2px 0;
}

.jumbotron {
height:auto;
}

.navbar .navbar-nav li {
margin-left: 5px;
}

.navbar .navbar-nav li a {
display: inline-block;
padding: 8px 16px;
color: #717171;
}

.navbar .navbar-collapse {
background-color: rgba(255, 255, 255, 0);
text-align: center;
-webkit-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0);
-moz-box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0);
box-shadow: inset 0 4px 0 rgba(0, 0, 0, 0);
}

#about .round-outline {
height: 164px;
width: 164px;
}

#about .round-outline .round-photo-anchor img {
margin: 4px;
}

#testimonials .da-slider {
height: 340px;
}

#portfolio .portfolio-row {
margin-bottom: 40px;
list-style-type: none;
height: 400px;
overflow:hidden;
padding: 0;
}


}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
#header {
margin-top:30px;
height: auto;
}

#testimonials .da-slider {
height: 320px;
}

.da-arrows-prev {
left: 40%;
background: transparent url('../img/arrow-left.png') no-repeat top left;
}

.da-arrows-next {
right: 40%;
background: transparent url('../img/arrow-right.png') no-repeat top left;
}
}

@media (max-width: 480px) {
    #testimonials blockquote p {
    font-size:80%;
    }

.navbar .navbar-nav li.mobile-nav {
display:block;
}

ul#nav-one.dropmenu {
display:none;
}

.col-md-8 {
width:100%;
}

.jumbotron .container img {
display:none;
}

section#header.jumbotron {
background-color:#fff;
background-image:none;
}
    
.jumbotron p {
font-size: .75em;
line-height: .55em;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
font-weight: 500;
margin-bottom: 20px;
width:100%;
opacity: 0;
}   

}

#content {
clear:both;
margin:0 auto 0;
width:1000px;
margin-top:106px;
}

#content .left {
float:left;
width:700px;
height:auto;
padding:15px;
}

#content p {
font-family: 'Ubuntu', sans-serif;
}

#content .snippet {
padding:10px 10px 5px 10px;
background:#fafafa;
margin:10px 0;
text-shadow:1px 1px #fff;
box-shadow:inset 0 0 3px #e3e3e3;
}

#content h3, #content h3 a, li#search-2 label, #sidebar h2  {
color:#0099cc;
margin-top:0;
margin-bottom:5px;
font-weight:bold;
font-size:18px;
}

#content .left a {
color:#0099cc;
}

#content .snippet h3 a:hover {
background:none;
color:#84d1ec;
}

#content .meta {
color:#999;
font-size:80%;
margin-bottom:5px;
}

#content .left h2 {
margin:5px 0 20px 0;
}

#sidebar {
padding:20px 0;
float:right;
width:280px;
list-style:none;
text-shadow:1px 1px #fff;
}

#sidebar .textwidget p {
padding:3px 10px;
color:#666;
margin:2px 0;
}

#sidebar .textwidget p a {
color:#0099cc;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#sidebar .textwidget p a:hover {
color:#84d1ec;
}

#sidebar .textwidget {
margin-bottom:20px;
}

#sidebar h5 {
padding:3px 0px 6px 0;
color:#222;
margin:2px 10px 2px 10px;
border-bottom:1px dotted #ddd;
}

li#search-2, #content .left ul {
box-shadow:inset 0 0 3px #e3e3e3;
margin:53px 0 20px 0;
padding:10px;
background:#fafafa;
}

#content .left ul {
margin:10px 0;
}

#content .left ul li {
padding:5px;
border-bottom:1px dotted #eee;
margin-left:20px;
list-style:square;
font-weight:normal;
}

#content .left ul li ul {
background:#fff;
}

input#s {
width:100%;
background:#fff;
border:1px solid #ddd;
padding:3px 5px;
font-weight:bold;
color:#888;
}

input#searchsubmit {
padding:5px 10px;
border-radius:5px;
text-align:center;
text-decoration:none;
background: #0099cc;
margin:10px 0;
text-shadow:none;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
border:1px solid #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
box-shadow:inset 0 0 3px #598d9f;
color:#fff;
width:100%;
}

input#searchsubmit:hover {
text-decoration:none;
background:#84d1ec;
color:#fff;
}

#sidebar li ul {
list-style:none;
padding-left:10px;
font-weight:normal;
}

#sidebar h4 {
font-weight:normal;
font-size:14px;
text-decoration:none;
}

#sidebar a h4 {
color:#0099cc;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#sidebar a:hover h4 {
text-decoration:none;
color:#84d1ec;
}

#sidebar a.linked img {
margin-bottom:10px;
}

#sidebar a.linked:hover {
opacity:.6;
}

#sidebar ul.dpe-flexible-posts li {
border-bottom:1px dotted #eee;
}

#sidebar h2.widgettitle  {
margin-bottom:10px;
padding:10px;
box-shadow:inset 0 0 3px #e3e3e3;
background:#fafafa;
}

#sidebar div.no-posts p {
padding-left:10px;
color:#888;
}

div.clear {
clear:both;
}

#content .left p a {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#content .left p a:hover {
color:#84d1ec;
text-decoration:none;
border-bottom:1px solid #84d1ec;
}

@media (max-width: 540px) {

.navbar .navbar-nav li.mobile-nav {
display:block;
}

ul#nav-one.dropmenu {
display:none;
}

section.jumbotron {
padding-top:68px;
height:auto;
margin-right:0;
}

#pricing-table .column2, #pricing-table .column3 {
font-size:15px;
}

#pricing-table .top {
font-size:15px;
}

#pricing-table .first {
padding-top:10px;
font-size:12px;
}

#pricing-table .corner h4 {
font-size:14px;
}

#pricing-table div.field.first {
padding-top:15px;
}

#pricing-table .field.first.lines {
padding-top:5px;
line-height:95%;
}


#slider .slider-text  {
bottom:40px;
width:100%;
margin:0 auto 0;
}
#slider .slider-text h2 {
font-size:20px;
}

#slider .wrap {
max-width:98%;
}

ul.cat-list a.filter.btn.btn-outline-white.btn-small {
width:96%;
padding:10px;
}

section.jumbotron {
padding-top:50px;
height:auto;
background:#fff;
}

.navbar .navbar-brand {
max-width:70%;
float:left;
}

img.logo {
max-width:100%;
}

#slider .slider-text  {
bottom:-30px;
width:100%;
margin:0 auto 0;
}
#slider .slider-text h2 {
font-size:18px;
}

#slider .wrap {
max-width:98%;
}

h2.slide-head, h3.slide-sub {
display:none;
}

section#portfolio {
width:100%;
}

section#portfolio div.container {
width:100%;
padding-left:0;
padding-right:0;
}

ul#portfolio-grid {
width:100%;
margin-right:0;
}

ul#portfolio-grid.portfolio-row, #portfolio-grid .portfolio-item, #portfolio .portfolio-row {
height:auto;
width:100%;
margin-right:0;
padding-right:0;
margin-left:0;
}

section#portfolio div.container ul.cat-list li {
display:none;
}

#portfolio-grid div.intro {
max-width:100%;
}

ul#portfolio-grid li.portfolio-mix {
height:auto;
padding-left:2%;
}

#portfolio-grid .info-column, #portfolio-grid .right-column {
width:97%;
height:auto;
}

div.video-block {
display:none
}

div.mobile-video-block {
display:block;
}

#portfolio-grid ifram {
width:100%;
}

figure.portfolio-item .features {
height:auto;
}

#portfolio-grid .left-column {
width:97%;
height:auto;
}

#portfolio-grid .left-column img, #portfolio-grid .lifeguard-works img, #portfolio-grid .lifeguard-works {
max-width:100%;
height:auto;
}

#portfolio div.more-button a.more-button {
width:98%;
}

#portfolio-grid .left-column p {
font-size:18px;
}

#portfolio-grid .left-column img {
float:none;
width:500px;
margin:0 auto 0;
}

#portfolio-grid .right-column ul {
width:94%;
margin:0 auto 0;
}

#portfolio-grid .portfolio-item ul li {
padding:5px 10px 15px 10px;
margin:5px 0;
}

#portfolio-grid div.lifeguard-works img {
max-width:97%;
height:auto;
}

#portfolio-grid div.lifeguard-works div.more-button {
clear:both;
position:relative;
top:0px;
right:0px;
width:400px;
z-index:99;
margin:0 auto 0;
}

#portfolio-grid div.lifeguard-works div.lg-more-button {
clear:both;
position:relative;
top:0px;
right:0px;
width:400px;
z-index:99;
margin:0 auto 0;
}

section#about .container {
height:auto;
}

#content {
max-width:100%;
}

#content .left {
width:100%;
}

#content .snippet {
width:100%;
}

#sidebar {
display:none;
}

}

img.alignleft {
float:left;
margin-right:15px;
border:1px solid #fff;
box-shadow: 0 0 3px #999;
}

img.alignright {
float:right;
margin-left:15px;
border:1px solid #fff;
box-shadow: 0 0 3px #999;
}

#search-form {
float:right;
width:259px;
height:50px;
padding-left:20px;
}

#search-form input.text {
float:right;
width:180px;
height:20px;
padding:3px 6px;
margin:10px 0 0 0;
color:#888;
font-weight:bold;
font-size:130%;
}

#search-form input.btn {
float:right;
width:32px;
margin:10px 00px 0 0;
height:32px;
background:url(../images/search.png);
border:none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

#search-form input.btn:hover {
background:url(../images/search-hov.png);
}

#header a img {
border: none;
}
		
#header-logo {
width: 287px;
height: 85px;
float: left;
z-index: 9999;
margin: 0px 10px 0 15px;
background:url(../images/logo.png) no-repeat;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

#header-logo:hover {
opacity:.6;
}

#header-logo a img {
border: none;
}
	
#featured-ad {
width: 300px;
height: 250px;
margin: 0 0 5px 10px;
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
}


/* New Nav */

ul#nav-one.dropmenu {
float:right;
position:relative;
z-index:999999;
height:36px;
width:auto;
list-style:none;
margin:15px 15px 2px 0;
}

ul#nav-one li a {
float:left;
font-size:14px;
color:#717171;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
padding:8px 16px;
height:36px;	
background:none;
width:auto;
list-style:none;
border-radius:4px;
}

ul#nav-one li a:hover {
color:#fff;
background:#0099cc;
}

ul.dropmenu {
float: right;
padding: 0px;
display:block;
margin-top:-1px;
}

.dropmenu li a, .dropmenu li {
float: left;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.dropmenu li a:hover, .dropmenu li.open > a {
color:#fff;
}

.dropmenu li {
list-style: none;
position: relative;
top: 1px;
}

.dropmenu li span {
display: block;
height: 10px;
width: 10px;
position: absolute;
top: 12px;
right: 10px;
}

.dropmenu li a, .dropmenu li div {
text-decoration: none;
}

.dropmenu li a.last {
padding-right:0px;
}

/* Submenu */

.dropmenu li > ul, .dropmenu li > div {
display: none;
position: absolute;
left: -125px;
top: 100%;
padding: 0px;
margin: 1px 0 0 0px;
background:rgba(255,255,255,.9);
box-shadow:0 0px 2px #999;
border-radius:4px;
}

.dropmenu.css-only li:hover > ul, .dropmenu.css-only li:hover > div {
display: block;
}

.dropmenu li ul li, .dropmenu li ul li a {
float: none;
text-transform: none;
text-decoration: none;
}

.dropmenu li ul li {
_display: inline;
}

.dropmenu li > div{
width: 200px;
}

/* Sub submenu */

.dropmenu li ul li a {
color:#2d4060;
width: 156px;
display: block;
border-top:1px solid #b5c0d3;
padding-left:15px;
margin-top:-1px;
}

ul#nav-one.dropmenu li ul li a {
color:#717171;
text-shadow:none;
width:200px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
border:none;
}

ul#nav-one.dropmenu li ul li a:hover {
color:#fff;
background:#0099cc;
border-radius:0px;
}

.dropmenu li ul li a:hover {
color:#717171;
border-top:1px solid #2d4060;
}

.dropmenu li ul li ul, .dropmenu li ul li > div{
top: 0px;
left: 101%;
}
.dropmenu li ul li ul, .dropmenu li ul li > div{
top: 0px;
left: 101%;
}

@media (min-width: 768px) and (max-width: 992px) {

nav#my-nav {
width:618px;
margin:0 auto 0;
height:50px;
}

ul.nav.navbar-nav {
clear:none;
}

ul#nav-one.dropmenu {
margin:0;
}

}