Difference between revisions of "Template:Vanderbilt"

(Prototype team template page)
 
Line 1: Line 1:
−
<html>
 
  
−
<style>
 
  
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
*,
 +
*:before,
 +
*:after {
 +
    -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
    box-sizing: border-box;
 +
}
 +
:focus {
 +
    outline: 0 !important;
 +
}
 +
figure {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
figure img {
 +
    width: 100%;
 +
    height: auto;
 +
}
 +
img[src*=".svg"] {
 +
height: 100%;
 +
}
 +
iframe {
 +
    border: none;
 +
}
 +
* > p:last-child {
 +
padding-bottom: 0 !important;
 +
margin-bottom: 0 !important;
 +
}
 +
::selection {
 +
    background: #AAF2E4; /* Safari */
 +
    color: #506A85;
 +
}
 +
::-moz-selection {
 +
    background: #AAF2E4; /* Firefox */
 +
    color: #506A85;
 +
}
 +
icon2 {
 +
    color: #ffffff;
 +
   
 +
   
 +
}
 +
#bg {
 +
  position: fixed;
 +
  top: 0;
 +
  left: 0;
 +
 +
  /* Preserve aspet ratio */
 +
  min-width: 100%;
 +
  min-height: 100%;
 +
}
 +
body {
 +
    font-family: 'Source Sans Pro', sans-serif;
 +
    background-color: #283645;
 +
    color: #73879C;
 +
    font-size: 18px;
 +
line-height: 150%;
 +
    -webkit-font-smoothing: antialiased;
 +
    -webkit-text-size-adjust: 100%;
 +
/*-moz-osx-font-smoothing: grayscale;*/
 +
text-rendering: optimizeLegibility;
 +
overflow-x: hidden !important;
 +
height: auto !important;
 +
}
 +
.csstransitions main [class*="col-"] {
 +
opacity: 0;
 +
}
 +
.navbar,
 +
main {
 +
background-color: #FFF;
 +
}
 +
.container {
 +
    padding-right: 0;
 +
    padding-left: 0;
 +
}
 +
p {
 +
margin-bottom: 20px;
 +
}
 +
p a {
 +
border-bottom: 1px solid #73879C;
 +
}
 +
p a:hover {
 +
border-color: transparent;
 +
}
 +
a {
 +
    color: inherit;
 +
    -webkit-transition: all 200ms ease-out;
 +
      -moz-transition: all 200ms ease-out;
 +
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
}
 +
a:hover,
 +
a:focus {
 +
    color: #1ABB9C;
 +
    text-decoration: none;
 +
}
 +
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6 {
 +
    font-family: 'Lato', sans-serif;
 +
    font-weight: 700;
 +
letter-spacing: 0.025em;
 +
    color: #506A85;
 +
    margin-top: 0;
 +
/*word-wrap: break-word;*/
 +
}
 +
h1 {
 +
    font-size: 44px;
 +
    line-height: 130%;
 +
    margin-bottom: 25px;
 +
}
 +
h2 {
 +
    font-size: 26px;
 +
    line-height: 130%;
 +
    margin-bottom: 20px;
 +
}
 +
h3 {
 +
    font-size: 20px;
 +
    line-height: 150%;
 +
    margin-bottom: 15px;
 +
}
 +
h4 {
 +
    font-size: 16px;
 +
    line-height: 150%;
 +
    margin-bottom: 15px;
 +
}
 +
h5 {
 +
    font-size: 14px;
 +
    line-height: 160%;
 +
    margin-bottom: 13px;
 +
}
 +
h6 {
 +
    font-size: 12px;
 +
    line-height: 160%;
 +
    margin-bottom: 10px;
 +
}
 +
a .logo {
 +
    -webkit-transition: all 200ms ease-out;
 +
      -moz-transition: all 200ms ease-out;
 +
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
}
 +
a:hover .logo {
 +
opacity: .6;
 +
}
 +
a.green:hover {
 +
    background: #1ABB9C !important;
 +
}
 +
a.blue:hover {
 +
    background: #3F8DBF !important;
 +
}
 +
a.red:hover {
 +
    background: #FA6C65 !important;
 +
}
 +
a.orange:hover {
 +
    background: #F27A24 !important;
 +
}
 +
a.purple:hover {
 +
    background: #9B59B6 !important;
 +
}
 +
a.pink:hover {
 +
    background: #D487BE !important;
 +
}
 +
a.navy:hover {
 +
    background: #34495E !important;
 +
}
 +
a.gray:hover {
 +
    background: #95A5A6 !important;
 +
}
 +
ol {
 +
position: relative;
 +
padding-left: 22px;
 +
}
 +
ul {
 +
    list-style: none;
 +
position: relative;
 +
padding-left: 22px;
 +
}
 +
ul.arrowed li,
 +
ul.circled li,
 +
ol li {
 +
margin-bottom: 5px;
 +
}
 +
ul.arrowed li:before {
 +
    /*font-family: 'fontello';*/
 +
    content: '\2192';
 +
    font-weight: normal;
 +
    color: #1ABB9C;
 +
    margin-top: -1px;
 +
margin-left: -23px;
 +
    vertical-align: top;
 +
position: absolute;
 +
}
 +
ul.circled li:before {
 +
    font-family: 'fontello-circle';
 +
    content: '\e800';
 +
    font-size: 8px;
 +
    font-weight: normal;
 +
    color: #1ABB9C;
 +
    padding-top: 1px;
 +
margin-left: -20px;
 +
    vertical-align: top;
 +
position: absolute;
 +
}
 +
ul.contacts {
 +
padding-left: 0;
 +
}
 +
ul.contacts li {
 +
margin-bottom: 5px;
 +
}
 +
footer ul.contacts li {
 +
margin-bottom: 2px;
 +
}
 +
.social-network {
 +
position: relative;
 +
z-index: 0;
 +
padding-top: 25px;
 +
}
 +
.social-network .social li {
 +
display: table-cell;
 +
}
 +
.social-network .social li a i {
 +
width: 55px;
 +
height: 80px;
 +
font-size: 20px;
 +
}
 +
#hero h1 {
 +
font-size: 78px;
 +
line-height: 110%;
 +
font-weight: 900;
 +
letter-spacing: .05em;
 +
text-transform: uppercase;
 +
margin-bottom: 0;
 +
-webkit-transition: font 200ms ease-out;
 +
  -moz-transition: font 200ms ease-out;
 +
-o-transition: font 200ms ease-out;
 +
transition: font 200ms ease-out;
 +
}
 +
#hero #owl-main .caption h1.light-bg,
 +
#hero #owl-main .caption h1.medium-bg,
 +
#hero #owl-main .caption h1.dark-bg,
 +
#hero #owl-main .caption h1.tint-bg {
 +
font-size: 73px;
 +
}
 +
#hero h4 {
 +
font-size: 33px;
 +
line-height: 120%;
 +
}
 +
#hero p {
 +
font-size: 24px;
 +
line-height: 150%;
 +
font-weight: 400;
 +
letter-spacing: .015em;
 +
text-transform: none;
 +
margin-top: 20px;
 +
margin-bottom: 0;
 +
-webkit-transition: font 200ms ease-out, margin 200ms ease-out;
 +
  -moz-transition: font 200ms ease-out, margin 200ms ease-out;
 +
-o-transition: font 200ms ease-out, margin 200ms ease-out;
 +
transition: font 200ms ease-out, margin 200ms ease-out;
 +
}
 +
#hero .btn {
 +
margin-top: 60px;
 +
margin-bottom: 0;
 +
-webkit-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;
 +
  -moz-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;
 +
-o-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;
 +
transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;
 +
}
 +
#hero .btn-large {
 +
font-size: 18px;
 +
padding: 18px 70px 20px;
 +
}
 +
header p {
 +
font-size: 22px;
 +
line-height: 150%;
 +
}
 +
p + h2,
 +
p + h3 {
 +
padding-top: 15px;
 +
}
 +
.text-small {
 +
font-size: 16px;
 +
line-height: 160%;
 +
}
 +
.text-normal {
 +
font-size: inherit;
 +
line-height: inherit;
 +
}
 +
h2 + .text-small {
 +
margin-top: -5px;
 +
}
 +
header h2 + .text-small {
 +
margin-top: 0;
 +
}
 +
.post-title {
 +
    margin: 0 0 15px 0;
 +
}
 +
h1.post-title {
 +
    font-size: 22px;
 +
    line-height: 24px;
 +
}
 +
.bordered .post-title {
 +
    margin-bottom: 5px;
 +
}
 +
main header + * {
 +
margin-top: 35px !important;
 +
}
 +
.inner {
 +
padding-top: 120px;
 +
padding-bottom: 120px;
 +
}
 +
.inner-md {
 +
padding-top: 100px;
 +
padding-bottom: 100px;
 +
}
 +
.inner-sm {
 +
padding-top: 80px;
 +
padding-bottom: 80px;
 +
}
 +
.inner-xs {
 +
padding-top: 40px;
 +
padding-bottom: 40px;
 +
}
 +
.inner-top {
 +
padding-top: 120px;
 +
}
 +
.inner-top-md {
 +
padding-top: 100px;
 +
}
 +
.inner-top-sm {
 +
padding-top: 80px;
 +
}
 +
.inner-top-xs {
 +
padding-top: 40px;
 +
}
 +
.inner-bottom {
 +
padding-bottom: 120px;
 +
}
 +
.inner-bottom-md {
 +
padding-bottom: 100px;
 +
}
 +
.inner-bottom-sm {
 +
padding-bottom: 80px;
 +
}
 +
.inner-bottom-xs {
 +
padding-bottom: 40px;
 +
}
 +
.inner-left {
 +
padding-left: 75px;
 +
}
 +
.inner-left-md {
 +
padding-left: 60px;
 +
}
 +
.inner-left-sm {
 +
padding-left: 45px;
 +
}
 +
.inner-left-xs {
 +
padding-left: 30px;
 +
}
 +
.inner-right {
 +
padding-right: 75px;
 +
}
 +
.inner-right-md {
 +
padding-right: 60px;
 +
}
 +
.inner-right-sm {
 +
padding-right: 45px;
 +
}
 +
.inner-right-xs {
 +
padding-right: 30px;
 +
}
 +
.outer {
 +
margin-top: 120px;
 +
margin-bottom: 120px;
 +
}
 +
.outer-md {
 +
margin-top: 100px;
 +
margin-bottom: 100px;
 +
}
 +
.outer-sm {
 +
margin-top: 80px;
 +
margin-bottom: 80px;
 +
}
 +
.outer-xs {
 +
margin-top: 40px;
 +
margin-bottom: 40px;
 +
}
 +
.outer-top {
 +
margin-top: 120px;
 +
}
 +
.outer-top-md {
 +
margin-top: 100px;
 +
}
 +
.outer-top-sm {
 +
margin-top: 80px;
 +
}
 +
.outer-top-xs {
 +
margin-top: 40px;
 +
}
 +
.outer-bottom {
 +
margin-bottom: 120px;
 +
}
 +
.outer-bottom-md {
 +
margin-bottom: 100px;
 +
}
 +
.outer-bottom-sm {
 +
margin-bottom: 80px;
 +
}
 +
.outer-bottom-xs {
 +
margin-bottom: 40px;
 +
}
 +
.center-block {
 +
float: none;
 +
}
 +
.height-xs {
 +
height: 30vh;
 +
}
 +
.height-sm {
 +
height: 44vh;
 +
}
 +
.height-md {
 +
height: 61vh;
 +
}
 +
.height-lg {
 +
height: 90vh;
 +
}
 +
.dropcap {
 +
float: left;
 +
display: inline-block;
 +
width: 44px;
 +
height: 44px;
 +
background: #F2F5F7;
 +
font-size: 28px;
 +
font-weight: 700;
 +
line-height: 44px;
 +
text-align: center;
 +
color: #506A85;
 +
margin: 6px 15px 0 0;
 +
}
 +
.dropcap-lg {
 +
float: left;
 +
display: inline-block;
 +
width: 70px;
 +
height: 70px;
 +
background: #F2F5F7;
 +
font-size: 48px;
 +
font-weight: 700;
 +
line-height: 70px;
 +
text-align: center;
 +
color: #506A85;
 +
margin: 6px 15px 0 0;
 +
}
 +
blockquote {
 +
    padding: 0;
 +
    margin: 0;
 +
    border: none;
 +
}
 +
blockquote p {
 +
    font-size: 22px;
 +
    line-height: 160%;
 +
font-style: italic;
 +
}
 +
blockquote footer,
 +
blockquote small,
 +
blockquote .small {
 +
color: #506A85;
 +
font-size: 14px;
 +
line-height: 150%;
 +
font-weight: 700;
 +
}
 +
blockquote footer:before,
 +
blockquote small:before,
 +
blockquote .small:before,
 +
blockquote footer:after,
 +
blockquote small:after,
 +
blockquote .small:after {
 +
content: '';
 +
display: inline-block;
 +
width: 20px;
 +
height: 1px;
 +
background-color: #506A85;
 +
margin-bottom: .28em;
 +
}
 +
blockquote footer:before,
 +
blockquote small:before,
 +
blockquote .small:before {
 +
margin-right: 10px;
 +
}
 +
blockquote footer:after,
 +
blockquote small:after,
 +
blockquote .small:after {
 +
margin-left: 10px;
 +
}
 +
hr {
 +
    border: 0;
 +
    border-bottom: 1px solid #CED7E0;
 +
    margin: 60px 0;
 +
}
 +
.map iframe {
 +
    display: block;
 +
    max-width: 100%;
 +
}
 +
h1 + figure,
 +
p + figure {
 +
padding-top: 15px;
 +
}
 +
h2 + figure,
 +
h3 + figure,
 +
h2 + .thumbs,
 +
h3 + .thumbs,
 +
h2 + .thumb,
 +
h3 + .thumb {
 +
padding-top: 10px;
 +
}
 +
h4 + figure {
 +
padding-top: 5px;
 +
}
 +
h2 + .owl-carousel,
 +
p + .owl-carousel,
 +
h2 + .panel-group,
 +
p + .panel-group {
 +
padding-top: 20px;
 +
}
 +
figure figcaption {
 +
font-size: 14px;
 +
line-height: 150%;
 +
}
 +
figure figcaption h4 {
 +
margin-bottom: 10px;
 +
}
 +
figure * + figcaption {
 +
padding-top: 20px;
 +
}
 +
figure + *,
 +
.thumb + figure {
 +
padding-top: 25px;
 +
}
 +
.classic-blog figure + * {
 +
padding-top: 35px;
 +
}
 +
figure.post-media + * {
 +
padding-top: 0;
 +
}
 +
.member .icon-overlay {
 +
display: inline-block;
 +
}
 +
.member .icon-overlay span {
 +
border-radius: 50%;
 +
}
 +
.member .img-circle {
 +
max-width: 200px;
 +
max-height: 200px;
 +
}
 +
.member .member-image {
 +
position: relative;
 +
}
 +
.member figcaption {
 +
position: relative;
 +
padding-top: 35px;
 +
z-index: 0;
 +
}
 +
.member figcaption.bordered {
 +
padding: 20px 15px 15px;
 +
}
 +
.member figcaption h2 span,
 +
.member figcaption h3 span {
 +
display: block;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-weight: 400;
 +
letter-spacing: 0.015em;
 +
}
 +
.member figcaption h3 {
 +
font-size: 16px;
 +
line-height: 130%;
 +
margin-bottom: 10px;
 +
}
 +
.member figcaption h2 span {
 +
font-size: 18px;
 +
line-height: 140%;
 +
margin-top: 5px;
 +
}
 +
.member figcaption h3 span {
 +
font-size: 14px;
 +
line-height: 120%;
 +
margin-top: 4px;
 +
}
 +
.member figcaption blockquote {
 +
font-size: 16px;
 +
font-style: italic;
 +
line-height: 160%;
 +
margin-bottom: 20px;
 +
}
 +
.member figcaption blockquote:before {
 +
display: inline;
 +
position: relative;
 +
content: "\201C";
 +
font-family: inherit;
 +
font-size: inherit;
 +
margin-right: 2px;
 +
}
 +
.member figcaption blockquote:after {
 +
content: "\201D";
 +
margin-left: 2px;
 +
}
 +
.member .social {
 +
display: inline-block;
 +
}
 +
.member .social li {
 +
display: table-cell;
 +
}
 +
.member .social li a i {
 +
width: 33px;
 +
height: 45px;
 +
font-size: 15px;
 +
}
 +
.member .text-overlay .info .social li a i {
 +
color: #FFF;
 +
}
 +
.member .text-overlay .info .social li a:hover .icon-s-facebook {
 +
    color: #3B5998;
 +
    color: #4668B3;
 +
}
 +
.member .text-overlay .info .social li a:hover .icon-s-gplus {
 +
    color: #DD4B39;
 +
    color: #DE5745;
 +
}
 +
.member .text-overlay .info .social li a:hover .icon-s-twitter {
 +
    color: #00ACED;
 +
    color: #2FBBED;
 +
}
 +
.member .text-overlay .info .social li a i:after {
 +
background: #FFF;
 +
}
 +
.img-bg,
 +
.img-bg-center {
 +
background-position: center !important;
 +
background-size: cover;
 +
}
 +
.img-bg-top {
 +
background-position: top !important;
 +
background-size: cover;
 +
}
 +
.img-bg-bottom {
 +
background-position: bottom !important;
 +
background-size: cover;
 +
}
 +
.img-bg-soft,
 +
.img-bg-softer {
 +
background-position: center;
 +
position: relative;
 +
}
 +
.img-bg-soft:before,
 +
.img-bg-softer:before {
 +
content: "";
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
.light-bg.img-bg-soft:before {
 +
background-color: #F2F5F7;
 +
opacity: .66;
 +
}
 +
.dark-bg.img-bg-soft:before {
 +
background-color: #2F4052;
 +
opacity: .57;
 +
}
 +
.tint-bg.img-bg-soft:before {
 +
background-color: #1ABB9C;
 +
opacity: .84;
 +
}
 +
.light-bg.img-bg-softer:before {
 +
background-color: #F2F5F7;
 +
opacity: .95;
 +
}
 +
.dark-bg.img-bg-softer:before {
 +
background-color: #2F4052;
 +
opacity: .97;
 +
}
 +
.tint-bg.img-bg-softer:before {
 +
background-color: #1ABB9C;
 +
opacity: .96;
 +
}
 +
.screen-container {
 +
position: relative;
 +
width: 100%;
 +
height: auto !important;
 +
background: url("../images/art/screen-container.png") no-repeat top / 100%;
 +
overflow: hidden;
 +
}
 +
.screen-container:before{
 +
content: "";
 +
display: block;
 +
padding-top: 47%;
 +
}
 +
.screen-container .tab-content {
 +
position: absolute;
 +
top: 0;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
padding: 5% 4.5%;
 +
padding-bottom: 0;
 +
}
 +
.sidelines {
 +
position: relative;
 +
line-height: 100%;
 +
border-bottom: 1px solid #CED7E0;
 +
margin-top: -.35em;
 +
margin-bottom: 1.5em;
 +
}
 +
.sidelines span {
 +
position: relative;
 +
top: .5em;
 +
background: #FFF;
 +
padding: 0 .5em 0 0;
 +
}
 +
.sidelines.text-right span,
 +
.text-right .sidelines span {
 +
padding: 0 0 0 .5em;
 +
}
 +
.sidelines.text-center span,
 +
.text-center .sidelines span {
 +
padding: 0 .5em;
 +
}
 +
.team-headline.sidelines {
 +
margin-top: -20px;
 +
margin-bottom: 40px;
 +
}
 +
.light-bg .sidelines {
 +
border-color: #BCC7D1;
 +
}
 +
.light-bg .sidelines span {
 +
background: #F2F5F7;
 +
}
 +
.dark-bg .sidelines {
 +
border-color: #73879C;
 +
}
 +
.dark-bg .sidelines span {
 +
background: #2F4052;
 +
}
 +
.video-container {
 +
position: relative;
 +
padding-bottom: 56.25%;
 +
height: 0;
 +
overflow: hidden;
 +
}
 +
.video-container iframe,
 +
.video-container object,
 +
.video-container embed {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
iframe + iframe {
 +
    margin-top: 10px;
 +
}
 +
.isotope, .owl-carousel .owl-wrapper-outer {
 +
z-index: 0;
 +
}
 +
.green-bg {
 +
    background-color: #1ABB9C !important;
 +
color: #FFF !important;
 +
padding: 2px 8px 4px;
 +
margin-top: -2px;
 +
}
 +
.blue-bg {
 +
    background-color: #3F8DBF !important;
 +
color: #FFF !important;
 +
padding: 2px 8px 4px;
 +
margin-top: -2px;
 +
}
 +
.red-bg {
 +
    background-color: #FA6C65 !important;
 +
color: #FFF !important;
 +
padding: 2px 8px 4px;
 +
margin-top: -2px;
 +
}
 +
.orange-bg {
 +
    background-color: #F27A24 !important;
 +
color: #FFF !important;
 +
padding: 2px 8px 4px;
 +
margin-top: -2px;
 +
}
 +
.purple-bg {
 +
    background-color: #9B59B6 !important;
 +
color: #FFF !important;
 +
padding: 2px 8px 4px;
 +
margin-top: -2px;
 +
}
 +
.pink-bg {
 +
    background-color: #D487BE !important;
 +
color: #FFF !important;
 +
padding: 2px 8px 4px;
 +
margin-top: -2px;
 +
}
 +
.navy-bg {
 +
    background-color: #34495E !important;
 +
color: #FFF !important;
 +
padding: 2px 8px 4px;
 +
margin-top: -2px;
 +
}
 +
.gray-bg {
 +
    background-color: #95A5A6 !important;
 +
color: #FFF !important;
 +
padding: 2px 8px 4px;
 +
margin-top: -2px;
 +
}
 +
.light-bg {
 +
    background-color: #F2F5F7;
 +
}
 +
.dark-bg {
 +
    background-color: #2F4052;
 +
}
 +
.dark-bg,
 +
.dark-bg p,
 +
.dark-bg .item-details li:before {
 +
    color: #A3B1BF;
 +
}
 +
.dark-bg h1,
 +
.dark-bg h2,
 +
.dark-bg h3,
 +
.dark-bg h4 {
 +
    color: #FFF;
 +
}
 +
.dark-bg .widget h1,
 +
.dark-bg .widget h2,
 +
.dark-bg .widget h3,
 +
.dark-bg .widget h4 {
 +
    color: #FFF;
 +
}
 +
.tint-bg {
 +
    background-color: #1ABB9C;
 +
color: #FFF;
 +
padding: 2px 8px;
 +
margin-top: -2px;
 +
}
 +
.tint-bg,
 +
.tint-bg h1,
 +
.tint-bg h2,
 +
.tint-bg h3,
 +
.tint-bg h4,
 +
.tint-bg p,
 +
.tint-bg .item-details li:before,
 +
.tint-bg .icon i.icn {
 +
    color: #FFF;
 +
}
 +
.tint-bg a:hover {
 +
    color: #506A85;
 +
}
 +
.light-color,
 +
.light-color .dark-bg {
 +
color: #FFF !important;
 +
}
 +
.medium-color {
 +
color: #A3B1BF !important;
 +
}
 +
.dark-color {
 +
color: #506A85 !important;
 +
}
 +
.tint-color {
 +
color: #1ABB9C !important;
 +
}
 +
.green {
 +
    color: #1ABB9C !important;
 +
}
 +
.blue {
 +
    color: #3F8DBF !important;
 +
}
 +
.red {
 +
    color: #FA6C65 !important;
 +
}
 +
.pink {
 +
    color: #D487BE !important;
 +
}
 +
.purple {
 +
    color: #9B59B6 !important;
 +
}
 +
.orange {
 +
    color: #F27A24 !important;
 +
}
 +
.navy {
 +
    color: #34495E !important;
 +
}
 +
.gray {
 +
    color: #95A5A6 !important;
 +
}
 +
.icon {
 +
    display: inline-block;
 +
margin-bottom: 20px;
 +
    -webkit-transition: all 200ms ease-out;
 +
      -moz-transition: all 200ms ease-out;
 +
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
}
 +
.icon.circle {
 +
padding: 30px;
 +
border: 1px solid #1ABB9C;
 +
border-radius: 50%;
 +
}
 +
.icon.circle.xs {
 +
padding: 15px;
 +
}
 +
.icon.circle.sm {
 +
padding: 20px;
 +
}
 +
.icon.circle.lg {
 +
padding: 35px;
 +
}
 +
.icon i.icn {
 +
    display: block;
 +
    color: #1ABB9C;
 +
    font-size: 65px;
 +
    line-height: 100%;
 +
    -webkit-transition: all 200ms ease-out;
 +
      -moz-transition: all 200ms ease-out;
 +
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
}
 +
.icon i.icn.xs {
 +
font-size: 20px;
 +
}
 +
.icon i.icn.sm {
 +
font-size: 35px;
 +
}
 +
.icon i.icn.lg {
 +
font-size: 85px;
 +
}
 +
i.contact {
 +
    margin-right: 5px;
 +
    width: auto;
 +
    height: auto;
 +
    line-height: 18px;
 +
}
 +
.tagcloud {
 +
    line-height: 25px;
 +
}
 +
footer {
 +
font-size: 14px;
 +
line-height: 22px;
 +
}
 +
footer.dark-bg {
 +
    color: #A3B1BF;
 +
}
 +
footer .inner {
 +
padding-top: 45px;
 +
padding-bottom: 35px;
 +
}
 +
footer .container > .row {
 +
margin-left: -25px;
 +
margin-right: -25px;
 +
}
 +
footer .row .inner {
 +
padding: 25px;
 +
}
 +
footer .logo {
 +
height: auto;
 +
max-height: 100%;
 +
}
 +
footer h4 {
 +
text-transform: uppercase;
 +
margin-bottom: 20px;
 +
}
 +
footer p {
 +
margin-bottom: 15px;
 +
}
 +
.footer-menu {
 +
    padding: 0;
 +
    margin: 0;
 +
    list-style: none;
 +
}
 +
.footer-menu li {
 +
    display: inline;
 +
    padding-left: 10px;
 +
}
 +
.footer-menu li:before {
 +
    display: inline-block;
 +
    content: "·";
 +
    padding-right: 12px;
 +
}
 +
.footer-menu li:first-child:before {
 +
    display: none;
 +
}
 +
.footer-bottom {
 +
    background: #283645;
 +
color: #707E8C;
 +
}
 +
.footer-bottom .container.inner {
 +
    padding-top: 30px;
 +
padding-bottom: 30px;
 +
}
 +
.footer-bottom p,
 +
.footer-bottom a {
 +
color: #707E8C;
 +
}
 +
.footer-bottom p {
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
.meta,
 +
.more {
 +
    font-size: 14px;
 +
    font-weight: 400;
 +
line-height: 160%;
 +
cursor: default;
 +
}
 +
.meta span:before {
 +
    display: inline-block;
 +
    content: "|";
 +
    padding: 0 10px 0 7px;
 +
}
 +
.meta span:first-child:before {
 +
    display: none;
 +
    padding: 0;
 +
}
 +
.meta a {
 +
    display: inline !important;
 +
}
 +
.meta a:hover,
 +
.more:hover {
 +
    color: #1ABB9C;
 +
}
 +
.meta.tags a:before {
 +
    content: "#";
 +
    display: inline-block;
 +
}
 +
.bordered .info {
 +
    text-align: center;
 +
}
 +
.bordered .info h3,
 +
.bordered .info h4 {
 +
margin-bottom: 5px;
 +
}
 +
.bordered .info h3 a,
 +
.bordered .info h4 a {
 +
    color: #506A85;
 +
}
 +
.bordered .info h3 a:hover,
 +
.bordered .info h4 a:hover {
 +
color: #1ABB9C;
 +
}
 +
.bordered .info p {
 +
font-size: 14px;
 +
line-height: 22px;
 +
margin-bottom: 0;
 +
}
 +
.bordered {
 +
    border: 1px solid #E6E9ED;
 +
border-bottom-width: 2px;
 +
border-radius: 3px;
 +
    padding: 25px;
 +
    background: #F5F7FA;
 +
}
 +
.light-bg .bordered {
 +
background: #FFF;
 +
}
 +
.dark-bg .bordered .info h3,
 +
.dark-bg .bordered .info h4,
 +
.tint-bg .bordered .info h3,
 +
.tint-bg .bordered .info h4 {
 +
color: #506A85;
 +
}
 +
.dark-bg .bordered .info p,
 +
.tint-bg .bordered .info p {
 +
color: #73879C;
 +
}
 +
.no-top-border {
 +
    border-top: none;
 +
border-top-left-radius: 0;
 +
border-top-right-radius: 0;
 +
}
 +
.border {
 +
border: 1px solid #CED7E0;
 +
}
 +
.border-top-lg,
 +
.border-top-md,
 +
.border-top-sm,
 +
.border-top-xs,
 +
.border-top {
 +
border-top: 1px solid #CED7E0;
 +
}
 +
.border-right-lg,
 +
.border-right-md,
 +
.border-right-sm,
 +
.border-right-xs,
 +
.border-right {
 +
border-right: 1px solid #CED7E0;
 +
}
 +
.border-bottom-lg,
 +
.border-bottom-md,
 +
.border-bottom-sm,
 +
.border-bottom-xs,
 +
.border-bottom {
 +
border-bottom: 1px solid #CED7E0;
 +
}
 +
.border-left-lg,
 +
.border-left-md,
 +
.border-left-sm,
 +
.border-left-xs,
 +
.border-left {
 +
border-left: 1px solid #CED7E0;
 +
}
 +
.border-lg,
 +
.border-top-lg,
 +
.border-right-lg,
 +
.border-bottom-lg,
 +
.border-left-lg {
 +
border-width: 20px;
 +
}
 +
.border-md,
 +
.border-top-md,
 +
.border-right-md,
 +
.border-bottom-md,
 +
.border-left-md {
 +
border-width: 10px;
 +
}
 +
.border-sm,
 +
.border-top-sm,
 +
.border-right-sm,
 +
.border-bottom-sm,
 +
.border-left-sm {
 +
border-width: 5px;
 +
}
 +
.border-xs,
 +
.border-top-xs,
 +
.border-right-xs,
 +
.border-bottom-xs,
 +
.border-left-xs {
 +
border-width: 3px;
 +
}
 +
.light-bg .border,
 +
.light-bg .border-lg,
 +
.light-bg .border-md,
 +
.light-bg .border-sm,
 +
.light-bg .border-xs,
 +
.light-bg .border-top-lg,
 +
.light-bg .border-top-md,
 +
.light-bg .border-top-sm,
 +
.light-bg .border-top-xs,
 +
.light-bg .border-top,
 +
.light-bg .border-right-lg,
 +
.light-bg .border-right-md,
 +
.light-bg .border-right-sm,
 +
.light-bg .border-right-xs,
 +
.light-bg .border-right,
 +
.light-bg .border-bottom-lg,
 +
.light-bg .border-bottom-md,
 +
.light-bg .border-bottom-sm,
 +
.light-bg .border-bottom-xs,
 +
.light-bg .border-bottom,
 +
.light-bg .border-left-lg,
 +
.light-bg .border-left-md,
 +
.light-bg .border-left-sm,
 +
.light-bg .border-left-xs,
 +
.light-bg .border-left {
 +
border-color: #BCC7D1;
 +
}
 +
.dark-bg .border,
 +
.dark-bg .border-lg,
 +
.dark-bg .border-md,
 +
.dark-bg .border-sm,
 +
.dark-bg .border-xs,
 +
.dark-bg .border-top-lg,
 +
.dark-bg .border-top-md,
 +
.dark-bg .border-top-sm,
 +
.dark-bg .border-top-xs,
 +
.dark-bg .border-top,
 +
.dark-bg .border-right-lg,
 +
.dark-bg .border-right-md,
 +
.dark-bg .border-right-sm,
 +
.dark-bg .border-right-xs,
 +
.dark-bg .border-right,
 +
.dark-bg .border-bottom-lg,
 +
.dark-bg .border-bottom-md,
 +
.dark-bg .border-bottom-sm,
 +
.dark-bg .border-bottom-xs,
 +
.dark-bg .border-bottom,
 +
.dark-bg .border-left-lg,
 +
.dark-bg .border-left-md,
 +
.dark-bg .border-left-sm,
 +
.dark-bg .border-left-xs,
 +
.dark-bg .border-left {
 +
border-color: #73879C;
 +
}
 +
.tint-bg .border,
 +
.tint-bg .border-lg,
 +
.tint-bg .border-md,
 +
.tint-bg .border-sm,
 +
.tint-bg .border-xs,
 +
.tint-bg .border-top-lg,
 +
.tint-bg .border-top-md,
 +
.tint-bg .border-top-sm,
 +
.tint-bg .border-top-xs,
 +
.tint-bg .border-top,
 +
.tint-bg .border-right-lg,
 +
.tint-bg .border-right-md,
 +
.tint-bg .border-right-sm,
 +
.tint-bg .border-right-xs,
 +
.tint-bg .border-right,
 +
.tint-bg .border-bottom-lg,
 +
.tint-bg .border-bottom-md,
 +
.tint-bg .border-bottom-sm,
 +
.tint-bg .border-bottom-xs,
 +
.tint-bg .border-bottom,
 +
.tint-bg .border-left-lg,
 +
.tint-bg .border-left-md,
 +
.tint-bg .border-left-sm,
 +
.tint-bg .border-left-xs,
 +
.tint-bg .border-left {
 +
border-color: #FFF;
 +
}
 +
.last-bottom {
 +
padding-bottom: 0 !important;
 +
margin-bottom: 0 !important;
 +
}
 +
.last-right {
 +
padding-right: 0 !important;
 +
margin-right: 0 !important;
 +
}
 +
.reset-margin {
 +
margin: 0;
 +
}
 +
.reset-margin-left {
 +
margin-left: 0;
 +
}
 +
.reset-margin-right {
 +
margin-right: 0;
 +
}
 +
.reset-padding {
 +
padding: 0;
 +
}
 +
.reset-padding-left {
 +
padding-left: 0;
 +
}
 +
.reset-padding-right {
 +
padding-right: 0;
 +
}
 +
.single-block {
 +
padding: 0;
 +
border: 0;
 +
margin: 0;
 +
}
 +
h1 + .single-line,
 +
h2 + .single-line,
 +
h3 + .single-line,
 +
h4 + .single-line {
 +
margin-top: -.5em;
 +
}
 +
.img-intext {
 +
    margin-bottom: 20px;
 +
}
 +
aside {
 +
font-size: 16px;
 +
line-height: 160%;
 +
}
 +
aside p {
 +
margin-bottom: 15px;
 +
}
 +
aside .txt-btn {
 +
font-size: 100%;
 +
}
 +
aside .thumb figure {
 +
margin: 0;
 +
}
 +
.thumbs.no-gap {
 +
margin-left: 0;
 +
margin-right: 0;
 +
}
 +
.thumbs.no-gap .thumb {
 +
padding: 0;
 +
}
 +
.thumbs.gap-xs {
 +
margin-left: -5px;
 +
margin-right: 0;
 +
}
 +
.thumbs.gap-xs .thumb {
 +
padding: 0 0 5px 5px;
 +
}
 +
.thumbs.gap-sm {
 +
margin-left: -10px;
 +
margin-right: 0;
 +
}
 +
.thumbs.gap-sm .thumb {
 +
padding: 0 0 10px 10px;
 +
}
 +
.thumbs.gap-md {
 +
margin-left: -20px;
 +
margin-right: 0;
 +
}
 +
.thumbs.gap-md .thumb {
 +
padding: 0 0 20px 20px;
 +
}
 +
.thumbs.gap-lg {
 +
margin-left: -30px;
 +
margin-right: 0;
 +
}
 +
.thumbs.gap-lg .thumb {
 +
padding: 0 0 30px 30px;
 +
}
  
−
#sideMenu, #top_title {display:none;}
 
−
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 
−
body {background-color:white; }
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
−
/********************************* MENU ********************************/
+
/*===================================================================================*/
−
/* Wrapper for the menu */
+
/* HEADER
−
.menu_wrapper {
+
/*===================================================================================*/
−
width:150px;
+
−
height:100vh;
+
−
position:fixed;
+
−
padding:0px;
+
−
float:left;
+
−
background-color:#f2f2f2;
+
−
text-align:left;
+
−
}
+
  
−
/* styling for the menu items */
+
.navbar .container {
−
.menu_item {
+
display: table;
−
width:100%;  
+
    padding: 0;
−
margin:-2px 0px 0px -20px;  
+
}
−
padding: 10px 10px;
+
.navbar {
−
border-bottom: 1px solid #d3d3d3;  
+
    margin: 0;
−
font-weight:bold;
+
    border-radius: 0;
−
color:#000000;  
+
    border: none;
−
cursor: pointer;  
+
    position: relative;
−
}
+
    z-index: 8000;
 +
    min-height: inherit;
 +
}
 +
.navbar ul {
 +
list-style: none;
 +
}
 +
.navbar-brand {
 +
float: none;
 +
display: table-cell;
 +
vertical-align: middle;
 +
padding: -50%;
 +
max-width: 300px;
 +
}
 +
.navbar-brand img {
 +
max-height: 60px;
 +
    padding-left: -50%;
 +
}
 +
.navbar-header .navbar-brand {
 +
display: none;
 +
}
 +
.navbar-header {
 +
    float: none !important;
 +
position: relative;
 +
background: #000;
 +
border-bottom: 1px solid #E6E9ED;
 +
z-index: 0;
 +
}
 +
.navbar-header li,
 +
.navbar-header a {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 40px;
 +
}
 +
.navbar-collapse {
 +
    position: relative;
 +
    background-color: transparent;
 +
width: 100%;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
border-bottom: 0px solid #E6E9ED;
 +
}
 +
.navbar-collapse.collapse.stuck {
 +
position: fixed;
 +
top: 0;
 +
padding-top: 0;
 +
padding-bottom: 0;
 +
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
 +
  -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
 +
box-shadow: 0 10px 10px rgba(0,0,0,0.1);
 +
}
 +
.navbar-collapse.collapse.stuck .navbar-brand img {
 +
max-height: 20px;
 +
}
 +
.navbar-nav {
 +
float: none;
 +
display: table-cell;
 +
vertical-align: middle;
 +
padding-left: 30px;
 +
    margin: 0;
 +
}
 +
.navbar-nav > li > a {
 +
    font-size: 15px;
 +
line-height: 20px;
 +
    font-weight: 700;
 +
    text-transform: uppercase;
 +
    color: #506A85;
 +
    padding: 15px 20px;
 +
border: 1px solid rgba(255,255,255,0);
 +
border-bottom: none;
 +
-webkit-border-top-right-radius: 3px;
 +
-webkit-border-top-left-radius: 3px;
 +
    -moz-border-radius-topright: 3px;
 +
    -moz-border-radius-topleft: 3px;
 +
        border-top-right-radius: 3px;
 +
        border-top-left-radius: 3px;
 +
bottom: -1px;
 +
z-index: 1;
 +
}
 +
.skrollable-after .navbar-nav > li > a {
 +
margin-top: -1px;
 +
-webkit-border-top-right-radius: 0;
 +
-webkit-border-top-left-radius: 0;
 +
    -moz-border-radius-topright: 0;
 +
    -moz-border-radius-topleft: 0;
 +
        border-top-right-radius: 0;
 +
        border-top-left-radius: 0;
 +
}
 +
.nav > li > a:hover {
 +
    background-color: #F5F7FA;
 +
    border-color: #E6E9ED;
 +
    color: #1ABB9C;
 +
}
 +
.nav > li > a:focus {
 +
    background-color: #FFF;
 +
    border-color: #FFF;
 +
}
 +
.navbar .dropdown-menu {
 +
    padding: 0;
 +
    margin: 0;
 +
    width: 210px;
 +
    background: #F5F7FA;
 +
border: none;
 +
border: 1px solid #E6E9ED;
 +
border-bottom-width: 2px;
 +
border-bottom-color: #CED2D6;
 +
    -webkit-border-radius: 3px !important;
 +
      -moz-border-radius: 3px !important;
 +
            border-radius: 3px !important;
 +
-webkit-border-top-left-radius: 0 !important;
 +
    -moz-border-radius-topleft: 0 !important;
 +
    border-top-left-radius: 0 !important;
 +
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.15);
 +
  -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.15);
 +
        box-shadow: 0 10px 10px rgba(0,0,0,0.15);
 +
z-index: 0;
 +
}
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
 +
    background: transparent;
 +
    border: none;
 +
    border-top: 1px solid #E6E9ED;
 +
}
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child {
 +
    border: none;
 +
}
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
 +
line-height: 18px;
 +
    padding: 13px 20px;
 +
    color: #73879C;
 +
    text-transform: uppercase;
 +
    font-weight: 700;
 +
white-space: normal;
 +
}
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
 +
    filter: none;
 +
    background-color: #F5F7FA;
 +
    color: #1ABB9C;
 +
}
 +
.navbar .nav .open > a,
 +
.navbar .nav .open > a:hover,
 +
.navbar .nav .open > a:focus {
 +
    background-color: #F5F7FA;
 +
    border-color: #E6E9ED;
 +
}
 +
.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after {
 +
    display: none;
 +
}
 +
.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before {
 +
    display: none;
 +
}
 +
.navbar .dropdown-submenu .dropdown-menu {
 +
top: -1px !important;
 +
}
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,
 +
.navbar .dropdown-submenu:hover > a,
 +
.navbar .dropdown-submenu:focus > a,
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,
 +
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {
 +
    background: #1ABB9C;
 +
    color: #FFF !important;
 +
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +
}
 +
.navbar-header .info {
 +
padding-left: 0;
 +
    margin: 0;
 +
}
 +
.navbar-header .info li {
 +
    font-size: 12px;
 +
    padding-right: 25px;
 +
}
 +
.navbar-header .info li a {
 +
    font-size: 12px;
 +
    color: #73879C;
 +
}
 +
.navbar-header .info a:hover {
 +
    color: #1ABB9C;
 +
}
 +
.navbar-form {
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
.btn.responsive-menu {
 +
    display: none;
 +
width: 40px;
 +
height: 40px;
 +
    font-size: 15px;
 +
    padding: 0;
 +
    margin: 0;
 +
}
  
−
/* when hovering on a menu item */
 
−
.menu_item:hover {
 
−
color:#000000;
 
−
background-color: #72c9b6;
 
−
}
 
  
−
/* decoration icon for the menu buttons*/
+
/*===================================================================================*/
−
.icon {
+
/* MEGA MENU
−
float:right; 
+
/*===================================================================================*/
−
font-size:16px;
+
−
font-weight:bold;
+
−
}
+
−
+
−
/* this is the icon for when the content is collapsed */
+
−
.plus::before {
+
−
content: "+";
+
−
}
+
−
/* this is the icon for when the content is expanded */
+
−
.less::before {
+
−
content: "–";
+
−
}
+
  
−
/* styling for the ul that creates the buttons */
+
.yamm .nav,
−
ul.menu_items {
+
.yamm .dropup,
−
width:100%;  
+
.yamm .dropdown,
−
margin-left:0px;  
+
.yamm .collapse {
−
padding:0px;
+
    position: static;
−
list-style: none;  
+
}
−
}
+
.yamm .navbar-inner,
 +
.yamm .container {
 +
    position: relative;
 +
}
 +
.yamm .dropdown-menu {
 +
top: auto;
 +
    left: auto;
 +
-webkit-border-top-left-radius: 3px !important;
 +
    -moz-border-radius-topleft: 3px !important;
 +
    border-top-left-radius: 3px !important;
 +
}
 +
.yamm .dropdown-menu > li {
 +
    display: block;
 +
}
 +
.yamm .nav.pull-right .dropdown-menu {
 +
    right: 0;
 +
}
 +
.yamm .yamm-content {
 +
font-size: 14px;
 +
line-height: 22px;
 +
    padding: 30px 40px;
 +
margin-left: -20px;
 +
margin-right: -20px;
 +
}
 +
.yamm .yamm-content .inner {
 +
padding: 0 20px;
 +
}
 +
.yamm .yamm-content li {
 +
line-height: inherit;
 +
}
 +
.yamm .yamm-content:before,
 +
.yamm .yamm-content:after {
 +
    display: table;
 +
    content: "";
 +
    line-height: 0;
 +
}
 +
.yamm .yamm-content:after {
 +
    clear: both;
 +
}
 +
.yamm .nav > li > .dropdown-menu:after,
 +
.yamm .nav > li > .dropdown-menu:before {
 +
    display: none;
 +
}
 +
.yamm .yamm-content img {
 +
    width: 100%;
 +
}
 +
.yamm .yamm-content a {
 +
    color: inherit;
 +
}
 +
.yamm .yamm-content h4 {
 +
text-transform: uppercase;
 +
margin-bottom: 20px;
 +
}
 +
.yamm .yamm-content p {
 +
font-size: inherit;
 +
line-height: inherit;
 +
    margin-bottom: 15px;
 +
}
 +
.yamm .yamm-content .btn {
 +
margin: 10px 0;
 +
}
 +
.yamm .yamm-content a:hover {
 +
    color: #1ABB9C;
 +
}
 +
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
 +
    width: 100%;
 +
    left: 0;
 +
    right: 0;
 +
}
  
−
/* styling for the li that are the menu items */
 
−
.menu_items li {
 
−
width:90%;
 
−
margin-top:-2px;
 
−
padding: 15px 0px 15px 15px ;
 
−
display:block;
 
−
border-bottom: 1px solid #d3d3d3; 
 
−
text-align:left;
 
−
font-weight:bold;
 
−
text-decoration:none;
 
−
color:#000000;
 
−
list-style-type:none;
 
−
cursor:pointer;
 
−
-webkit-transition: all 0.4s ease;
 
−
-moz-transition: all 0.4s ease;
 
−
-ms-transition: all 0.4s ease;
 
−
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
 
−
}
 
  
−
.menu_item a {
+
/*===================================================================================*/
−
width: 100%;
+
/* BUTTONS
−
margin-left: -20px;
+
/*===================================================================================*/
−
padding: 11px 90px 12px 20px;
+
−
text-decoration: none;
+
−
color:black;
+
−
}
+
  
−
/* When hovering on a menu item */
+
#buttons .btn {
−
.menu_items li:hover {  
+
margin: 5px 3px;
−
background-color:#72c9b6;
+
}
−
color: #000000;
+
#buttons .btn-wrapper {
−
}
+
margin: 30px 0;
 +
}
 +
.btn {
 +
    color: #FFF !important;
 +
    background: #1ABB9C;
 +
    padding: 11px 20px 13px;
 +
margin: 15px 0;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
    font-weight: 700;
 +
    font-size: 14px;
 +
letter-spacing: 0.02em;
 +
    text-shadow: none;
 +
    -webkit-font-smoothing: antialiased;
 +
    border: none;
 +
    text-transform: uppercase;
 +
    -webkit-transition: all 200ms ease-out;
 +
    -o-transition: all 200ms ease-out;
 +
    -moz-transition: all 200ms ease-out;
 +
    -webkit-border-radius: 3px;
 +
    border-radius: 3px;
 +
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
 +
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
 +
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
 +
}
 +
.btn-small {
 +
    padding: 5px 13px 6px;
 +
font-size: 13px;
 +
}
 +
.btn-large {
 +
    padding: 14px 26px 16px;
 +
font-size: 15px;
 +
}
 +
.btn.btn-green {
 +
    background: #1ABB9C;
 +
}
 +
.btn.btn-blue {
 +
    background: #3F8DBF;
 +
}
 +
.btn.btn-red {
 +
    background: #FA6C65;
 +
}
 +
.btn.btn-pink {
 +
    background: #D487BE;
 +
}
 +
.btn.btn-purple {
 +
    background: #9B59B6;
 +
}
 +
.btn.btn-orange {
 +
    background: #F27A24;
 +
}
 +
.btn.btn-navy {
 +
    background: #34495E;
 +
}
 +
.btn.btn-gray {
 +
    background: #95A5A6;
 +
}
 +
.btn:hover,
 +
.btn:focus,
 +
.btn:active,
 +
.btn.active {
 +
    background: #17A78B;
 +
    color: #FFF !important;
 +
    -webkit-transition: all 200ms ease-out;
 +
    -o-transition: all 200ms ease-out;
 +
    -moz-transition: all 200ms ease-out;
 +
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
 +
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
 +
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
 +
}
 +
.btn-green:hover,
 +
.btn-green:focus,
 +
.btn-green:active,
 +
.btn-green.active {
 +
    background: #17A78B !important;
 +
}
 +
.btn-blue:hover,
 +
.btn-blue:focus,
 +
.btn-blue:active,
 +
.btn-blue.active {
 +
    background: #387EAA !important;
 +
}
 +
.btn-red:hover,
 +
.btn-red:focus,
 +
.btn-red:active,
 +
.btn-red.active {
 +
    background: #CF4C45 !important;
 +
}
 +
.btn-pink:hover,
 +
.btn-pink:focus,
 +
.btn-pink:active,
 +
.btn-pink.active {
 +
    background: #BD78A9 !important;
 +
}
 +
.btn-purple:hover,
 +
.btn-purple:focus,
 +
.btn-purple:active,
 +
.btn-purple.active {
 +
    background: #8A4FA2 !important;
 +
}
 +
.btn-orange:hover,
 +
.btn-orange:focus,
 +
.btn-orange:active,
 +
.btn-orange.active {
 +
    background: #D96716 !important;
 +
}
 +
.btn-navy:hover,
 +
.btn-navy:focus,
 +
.btn-navy:active,
 +
.btn-navy.active {
 +
    background: #2C3E50 !important;
 +
}
 +
.btn-gray:hover,
 +
.btn-gray:focus,
 +
.btn-gray:active,
 +
.btn-gray.active {
 +
    background: #859394 !important;
 +
}
 +
.tint-bg .btn {
 +
    background: #FFF !important;
 +
color: #1ABB9C !important;
 +
}
 +
.tint-bg .btn:hover {
 +
    background: #E9E9E9 !important;
 +
    color: #506A85 !important;
 +
}
 +
.btn.share-facebook {
 +
    background: #3d5b9b !important
 +
}
 +
.btn.share-facebook:hover {
 +
    background: #334c8e !important
 +
}
 +
.btn.share-twitter {
 +
    background: #5aa8cd !important
 +
}
 +
.btn.share-twitter:hover {
 +
    background: #499ac8 !important
 +
}
 +
.btn.share-googleplus {
 +
    background: #3b3b3b !important
 +
}
 +
.btn.share-googleplus:hover {
 +
    background: #2e2e2e !important
 +
}
 +
.btn.share-pinterest {
 +
    background: #c53942 !important
 +
}
 +
.btn.share-pinterest:hover {
 +
    background: #bc2d32 !important
 +
}
 +
.btn-share-lg,
 +
.btn-share-md,
 +
.btn-share-sm,
 +
.btn-share-xs {
 +
display: table;
 +
position: relative;
 +
z-index: 0;
 +
width: 100%;
 +
text-align: center;
 +
}
 +
.btn-share-lg i,
 +
.btn-share-md i,
 +
.btn-share-sm i,
 +
.btn-share-xs i {
 +
display: table-cell;
 +
vertical-align: middle;
 +
}
 +
.btn-share-lg {
 +
height: 250px;
 +
}
 +
.btn-share-lg i {
 +
font-size: 80px;
 +
}
 +
.btn-share-md {
 +
height: 180px;
 +
}
 +
.btn-share-md i {
 +
font-size: 60px;
 +
}
 +
.btn-share-sm {
 +
height: 120px;
 +
}
 +
.btn-share-sm i {
 +
font-size: 40px;
 +
}
 +
.btn-share-xs {
 +
height: 80px;
 +
}
 +
.btn-share-xs i {
 +
font-size: 28px;
 +
}
 +
.btn-share-lg i:after,
 +
.btn-share-md i:after,
 +
.btn-share-sm i:after,
 +
.btn-share-xs i:after {
 +
content: "";
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: -1;
 +
width: 100%;
 +
height: 100%;
 +
    -webkit-transition: all 200ms ease-out;
 +
      -moz-transition: all 200ms ease-out;
 +
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
}
 +
/*.btn-share-lg:hover i:after,
 +
.btn-share-md:hover i:after,
 +
.btn-share-sm:hover i:after,
 +
.btn-share-xs:hover i:after {
 +
height: 100%;
 +
}*/
 +
.btn-share-lg:hover .icon-s-facebook:after,
 +
.btn-share-md:hover .icon-s-facebook:after,
 +
.btn-share-sm:hover .icon-s-facebook:after,
 +
.btn-share-xs:hover .icon-s-facebook:after {
 +
    background: #3B5998;
 +
    background: #4668B3;
 +
}
 +
.btn-share-lg:hover .icon-s-gplus:after,
 +
.btn-share-md:hover .icon-s-gplus:after,
 +
.btn-share-sm:hover .icon-s-gplus:after,
 +
.btn-share-xs:hover .icon-s-gplus:after {
 +
    background: #DD4B39;
 +
    background: #DE5745;
 +
}
 +
.btn-share-lg:hover .icon-s-twitter:after,
 +
.btn-share-md:hover .icon-s-twitter:after,
 +
.btn-share-sm:hover .icon-s-twitter:after,
 +
.btn-share-xs:hover .icon-s-twitter:after {
 +
    background: #00ACED;
 +
    background: #2FBBED;
 +
}
 +
.btn-share-lg p,
 +
.btn-share-md p,
 +
.btn-share-sm p,
 +
.btn-share-xs p {
 +
position: absolute;
 +
height: 1.1em;
 +
font-family: 'Lato', sans-serif;
 +
line-height: 100%;
 +
color: #FFF;
 +
margin: auto;
 +
opacity: 0;
 +
}
 +
.btn-share-lg p,
 +
.btn-share-md p {
 +
top: 20px;
 +
}
 +
.btn-share-sm p,
 +
.btn-share-xs p {
 +
top: 0;
 +
bottom: 0;
 +
}
 +
.btn-share-sm p {
 +
font-size: 16px;
 +
}
 +
.btn-share-xs p {
 +
font-size: 15px;
 +
}
 +
.btn-share-lg:hover p,
 +
.btn-share-md:hover p,
 +
.btn-share-sm:hover p,
 +
.btn-share-xs:hover p {
 +
opacity: 1;
 +
}
 +
.btn-share-lg .name,
 +
.btn-share-md .name,
 +
.btn-share-sm .name,
 +
.btn-share-xs .name {
 +
left: 25px;
 +
}
 +
.btn-share-lg .counter,
 +
.btn-share-md .counter,
 +
.btn-share-sm .counter,
 +
.btn-share-xs .counter {
 +
right: 25px;
 +
}
 +
.btn-share-lg:hover,
 +
.btn-share-md:hover,
 +
.btn-share-sm:hover,
 +
.btn-share-xs:hover {
 +
color: #FFF;
 +
}
 +
h1 .btn,
 +
h2 .btn,
 +
h3 .btn,
 +
h4 .btn,
 +
p .btn {
 +
margin-left: 15px;
 +
}
 +
.txt-btn {
 +
font-size: 105%;
 +
font-weight: 700;
 +
}
 +
.txt-btn:after {
 +
/*font-family: 'fontello';*/
 +
content: '\2192';
 +
margin-left: 7px;
 +
    -webkit-transition: all 200ms ease-out;
 +
      -moz-transition: all 200ms ease-out;
 +
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
}
 +
.txt-btn:hover:after {
 +
margin-left: 12px;
 +
}
  
−
/* styling for the submenus */
 
−
.submenu {
 
−
width:100%;
 
−
display: none; 
 
−
font-weight:bold;
 
−
cursor:pointer;
 
  
−
}
+
/*===================================================================================*/
 +
/* SOCIAL ICONS
 +
/*===================================================================================*/
  
−
/* moving the margin for the submenu ul list */
+
.social {
−
ul.submenu {  
+
    padding: 0;
−
width: 100%;
+
    margin: 0;
−
margin: 10px 0px -11px 0px;
+
}
−
list-style: none;
+
.social li {
−
}
+
    font-family: 'fontello-social';
 +
    margin-right: 4px;
 +
}
 +
.social li {
 +
    position: relative;
 +
}
 +
.text-center .social li {
 +
    margin: 0 2px;
 +
}
 +
.social li a {
 +
    display: table;
 +
position: relative;
 +
}
 +
.social li a i {
 +
    text-align: center;
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
    color: #73879C;
 +
    width: 30px;
 +
    height: 30px;
 +
    font-size: 12px;
 +
    -webkit-transition: all 200ms ease-out;
 +
      -moz-transition: all 200ms ease-out;
 +
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
}
 +
.social li a i:after {
 +
content: '';
 +
z-index: -1;
 +
position: absolute;
 +
width: 100%;
 +
height: 0;
 +
top: 0;
 +
left: 0;
 +
    -webkit-transition: all 200ms ease-out;
 +
      -moz-transition: all 200ms ease-out;
 +
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
}
 +
.social li a:hover i {
 +
color: #FFF;
 +
}
 +
.social li a:hover i:after {
 +
height: 100%;
 +
}
 +
.social a .icon-s-facebook:after {
 +
    background: #3B5998;
 +
    background: #4668B3;
 +
}
 +
.social a .icon-s-gplus:after {
 +
    background: #DD4B39;
 +
    background: #DE5745;
 +
}
 +
.social a .icon-s-twitter:after {
 +
    background: #00ACED;
 +
    background: #2FBBED;
 +
}
 +
.social a .icon-s-pinterest:after {
 +
    background: #CB2027;
 +
    background: #D94348;
 +
}
 +
.social a .icon-s-behance:after {
 +
    background: #1769FF;
 +
    background: #3079FF;
 +
}
 +
.social a .icon-s-dribbble:after {
 +
    background: #EA4C89;
 +
    background: #EB6397;
 +
}
  
−
/*styling for the submenu buttons */
 
−
.submenu li {
 
−
width: 100%;
 
−
margin-left: 10px;
 
−
margin-bottom: 0px;
 
−
}
 
  
 +
/*===================================================================================*/
 +
/* TABS ON SIDE
 +
/*===================================================================================*/
  
−
/* hover state for the submenu buttons */
+
.tabs-side .etabs {
−
.submenu li a {
+
float: left;
−
width: 100%;  
+
width: 20%;
−
padding: 5px 10px;  
+
    padding: 0;
−
display: inline-block;
+
margin: 0 -1px 0 0;
−
border-bottom: 1px solid #d3d3d3;
+
}
−
background-color:white;  
+
.tabs-side .tab {
−
text-decoration:none;
+
display: block;
−
color:#000000;  
+
position: relative;
−
}
+
z-index: 0;
 +
}
 +
.tabs-side .tab a {
 +
    display: block;
 +
background: #F5F7FA;
 +
    color: #506A85;
 +
font-size: 14px;
 +
line-height: 130%;
 +
font-weight: 700;
 +
    text-transform: uppercase;
 +
padding: 15px;
 +
    border: 1px solid #E6E9ED;
 +
border-right-color: #CED7E0;
 +
    border-bottom: none;
 +
overflow: hidden;
 +
}
 +
.tabs-side .tab:first-child a {
 +
border-top-left-radius: 3px;
 +
}
 +
.tabs-side .tab:last-child a {
 +
    border-bottom: 1px solid #E6E9ED;
 +
border-bottom-left-radius: 3px;
 +
}
 +
.tabs-side .tab a:hover {
 +
background: #1ABB9C;
 +
color: #FFF;
 +
border-color: #1ABB9C;
 +
}
 +
.tabs-side .tab:hover,
 +
.tabs-side .tab.active {
 +
z-index: 2;
 +
}
 +
.tabs-side .tab.active a {
 +
    background: #FFF !important;
 +
color: #1ABB9C;
 +
    border-color: #CED7E0 !important;
 +
    border-right-color: #FFF !important;
 +
}
 +
.tabs-side .tab.active + .tab a {
 +
border-top-color: #CED7E0;
 +
}
 +
.tabs-side .tab.active + .tab a:hover {
 +
border-top-color: #1ABB9C;
 +
}
 +
.tabs-side .tab a div {
 +
font-family: 'Lato', sans-serif;
 +
font-size: 40px;
 +
line-height: 100%;
 +
font-weight: 200;
 +
margin: -10px 0 5px;
 +
}
 +
.tabs-side.tab-container .panel-container {
 +
position: relative;
 +
z-index: 1;
 +
overflow: hidden;
 +
padding-left: 70px;
 +
    border-left: 1px solid #CED7E0;
 +
}
 +
.tabs-side.tab-container .panel-container p {
 +
    margin: 0;
 +
    padding-bottom: 20px;
 +
}
  
  
 +
/*===================================================================================*/
 +
/* TABS ON TOP
 +
/*===================================================================================*/
  
−
.submenu li a:hover {
+
.tabs-top .etabs {
−
background-color:#000000;  
+
    padding: 0;
−
color: #72c9b6;
+
    margin: 0;
−
}
+
}
 +
.tabs-top .etabs:after {
 +
content: '';
 +
display: block;
 +
position: relative;
 +
z-index: 1;
 +
    border-top: 1px solid #CED7E0;
 +
margin-top: -1px;
 +
}
 +
.tabs-top .tab {
 +
    display: inline-block;
 +
position: relative;
 +
z-index: 0;
 +
max-width: 40%;
 +
margin: 0 3px;
 +
}
 +
.tabs-top .tab a {
 +
    display: inline-block;
 +
vertical-align: bottom;
 +
background: #F5F7FA;
 +
    color: #506A85;
 +
font-size: 14px;
 +
line-height: 130%;
 +
font-weight: 700;
 +
    text-transform: uppercase;
 +
padding: 15px;
 +
    border: 1px solid #E6E9ED;
 +
    border-bottom: none;
 +
border-top-left-radius: 3px;
 +
border-top-right-radius: 3px;
 +
overflow: hidden;
 +
}
 +
.tabs-top .tab a div {
 +
font-family: 'Lato', sans-serif;
 +
font-size: 40px;
 +
line-height: 100%;
 +
font-weight: 200;
 +
margin: -10px 0 5px;
 +
}
 +
.tabs-top .tab a:hover {
 +
background: #1ABB9C;
 +
color: #FFF;
 +
border-color: #1ABB9C;
 +
}
 +
.tabs-top .tab.active {
 +
z-index: 2;
 +
}
 +
.tabs-top .tab.active a {
 +
    background: #FFF !important;
 +
color: #1ABB9C;
 +
border-color: #CED7E0 !important;
 +
}
 +
.tabs-top.tab-container .panel-container {
 +
margin-top: 70px;
 +
}
 +
.tabs-top.tab-container .panel-container p {
 +
    margin: 0;
 +
    padding-bottom: 20px;
 +
}
  
  
−
/* When the screen is smaller than 680px, the menu has the option to hide/show - this button controls that */
+
/*===================================================================================*/
−
.collapsable_menu_control {
+
/* TABS CIRCLED ON TOP
−
width:100%;
+
/*===================================================================================*/
−
padding: 15px 0px;
+
−
display:none;
+
−
background-color:#000000;
+
−
text-align:center; 
+
−
font-weight:bold;
+
−
color:#72c9b6;
+
−
cursor:pointer;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;
+
−
transition: all 0.4s ease;
+
−
}
+
  
−
/* when hovering on that button */
+
.tabs-circle-top .etabs {
−
.collapsable_menu_control:hover {  
+
position: relative;
−
background-color: #72c9b6;
+
    padding: 0;
−
color:#000000;
+
    margin: 0;
−
}
+
z-index: 2;
 +
}
 +
.tabs-circle-top .etabs:before {
 +
content: '';
 +
display: block;
 +
    border-bottom: 1px solid #CED7E0;
 +
margin: 65px 0 -65px;
 +
}
 +
.tabs-circle-top .tab {
 +
    display: inline-block;
 +
height: 160px;
 +
position: relative;
 +
top: 0;
 +
margin: 0 15px;
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
}
 +
.tabs-circle-top .tab a {
 +
    display: table-cell;
 +
vertical-align: middle;
 +
width: 130px;
 +
height: 130px;
 +
max-width: 130px;
 +
background: #FFF;
 +
    color: #506A85;
 +
font-size: 14px;
 +
line-height: 130%;
 +
font-weight: 700;
 +
    text-transform: uppercase;
 +
padding: 13px;
 +
    border: 1px solid #CED7E0;
 +
border-radius: 50%;
 +
overflow: hidden;
 +
}
 +
.tabs-circle-top .tab a div {
 +
font-family: 'Lato', sans-serif;
 +
font-size: 40px;
 +
line-height: 100%;
 +
font-weight: 200;
 +
margin: -10px 0 5px;
 +
}
 +
.tabs-circle-top .tab a:hover {
 +
border: 4px solid #1ABB9C;
 +
}
 +
.tabs-circle-top .tab.active {
 +
top: -15px;
 +
}
 +
.tabs-circle-top .tab.active a {
 +
height: 160px;
 +
width: 160px;
 +
max-width: 160px;
 +
    background: #1ABB9C;
 +
font-size: 15px;
 +
line-height: 140%;
 +
color: #FFF;
 +
border: 1px solid #1ABB9C;
 +
}
 +
.tabs-circle-top .tab.active a div {
 +
font-size: 50px;
 +
margin: -13px 0 8px;
 +
}
 +
.tabs-circle-top.tab-container .panel-container {
 +
position: relative;
 +
margin-top: 30px;
 +
z-index: 1;
 +
}
 +
.tabs-circle-top.tab-container .panel-container p {
 +
    margin: 0;
 +
    padding-bottom: 20px;
 +
}
  
−
/********************************* CONTENT OF THE PAGE ********************************/
 
  
−
/* Wrapper for the content */
+
/*===================================================================================*/
−
.content_wrapper {
+
/* TABS 2-BIG ON TOP
−
width: 85%;
+
/*===================================================================================*/
−
margin-left:150px;
+
−
padding:10px 0px;
+
−
float:left;
+
−
background-color:white;
+
−
}
+
  
−
/*LAYOUT */
+
.tabs-2-big-top .etabs {
−
.column  {  
+
position: relative;
−
padding: 10px 0px;
+
    padding: 0;
−
float:left;  
+
    margin: 0;
−
background-color:white;  
+
z-index: 2;
−
}
+
}
 +
.tabs-2-big-top .tab {
 +
position: relative;
 +
    display: inline-block;
 +
width: 40%;
 +
    border-bottom: 2px solid transparent;
 +
border-radius: 3px;
 +
margin: 0 15px;
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
}
 +
.tabs-2-big-top .tab:before, .tabs-2-big-top .tab:after {
 +
content: '';
 +
position: absolute;
 +
top: 100%;
 +
left: 50%;
 +
height: 0;
 +
width: 0;
 +
border: solid transparent;
 +
pointer-events: none;
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
}
 +
.tabs-2-big-top .tab:before {
 +
border-width: 23px;
 +
margin-left: -23px;
 +
}
 +
.tabs-2-big-top .tab:after {
 +
border-width: 20px;
 +
margin-left: -20px;
 +
}
 +
.tabs-2-big-top .tab a {
 +
    display: block;
 +
padding: 35px;
 +
    color: #506A85;
 +
opacity: .5;
 +
}
 +
.tabs-2-big-top .tab:hover {
 +
background: #F7F9FA;
 +
border-color: #E6EBF0;
 +
}
 +
.tabs-2-big-top .tab:hover:before {
 +
border-top-color: #E6EBF0;
 +
}
 +
.tabs-2-big-top .tab:hover:after {
 +
border-top-color: #F7F9FA;
 +
}
 +
.tabs-2-big-top .tab.active {
 +
    background: #FFF;
 +
border-color: #E1E7ED;
 +
}
 +
.tabs-2-big-top .tab.active:before {
 +
border-top-color: #E1E7ED;
 +
}
 +
.tabs-2-big-top .tab.active:after {
 +
border-top-color: #FFF;
 +
}
 +
.tabs-2-big-top .tab:hover a,
 +
.tabs-2-big-top .tab.active a {
 +
opacity: 1;
 +
}
 +
.tabs-2-big-top .tab a p {
 +
margin-bottom: 0;
 +
}
 +
.tabs-2-big-top.tab-container .panel-container {
 +
position: relative;
 +
margin-top: 80px;
 +
z-index: 1;
 +
}
 +
.tabs-2-big-top.tab-container .panel-container p {
 +
    margin: 0;
 +
    padding-bottom: 20px;
 +
}
  
−
.full_size {
 
−
width:100%;
 
−
}
 
  
−
.full_size img {
+
/*===================================================================================*/
−
padding: 10px 15px;
+
/* TESTIMONIALS / QUOTES
−
width:96.5%;
+
/*===================================================================================*/
−
}
+
  
−
.half_size {
+
.format-quote {
−
width: 50%;  
+
position: relative;
−
}
+
}
−
.half_size img {  
+
.format-quote:before {
−
padding: 10px 15px;
+
content: "";
−
width: 93%;  
+
position: absolute;
−
}
+
top: 0;
 +
left: 0;
 +
bottom: 0;
 +
right: 0;
 +
background: url("../images/art/pattern-background01.jpg");
 +
opacity: .05;
 +
}
 +
#testimonials #owl-testimonials {
 +
margin-top: 10px;
 +
}
 +
blockquote {
 +
position: relative;
 +
}
 +
#testimonials #owl-testimonials:before,
 +
blockquote:before {
 +
    display: block;
 +
position: relative;
 +
    font-family: 'fontello';
 +
    content: '\275e';
 +
    font-size: 40px;
 +
line-height: 100%;
 +
}
 +
#testimonials #owl-testimonials:before {
 +
top: -10px;
 +
opacity: .3;
 +
}
 +
#testimonials #owl-testimonials blockquote:before {
 +
display: none;
 +
}
 +
blockquote:before {
 +
position: absolute;
 +
right: 0;
 +
bottom: 0;
 +
}
 +
.post.format-quote {
 +
background-color: #1ABB9C;
 +
}
 +
.format-quote .meta,
 +
.format-quote blockquote,
 +
.format-quote blockquote footer,
 +
.format-quote blockquote small,
 +
.format-quote blockquote .small {
 +
color: #FFF;
 +
}
 +
.format-quote blockquote footer:before,
 +
.format-quote blockquote small:before,
 +
.format-quote blockquote .small:before,
 +
.format-quote blockquote footer:after,
 +
.format-quote blockquote small:after,
 +
.format-quote blockquote .small:after {
 +
background-color: #FFF;
 +
}
 +
.format-quote .meta a:hover {
 +
color: #506A85;
 +
}
  
  
−
.clear {
+
/*===================================================================================*/
−
clear:both;
+
/* ACCORDION / TOGGLE
−
}
+
/*===================================================================================*/
  
−
.highlight {  
+
.panel-group {
−
width: 90%;  
+
margin-bottom: 0;
−
margin: auto;  
+
}
−
padding: 15px 5px;
+
.panel-group + .panel-group {
−
background-color: #f2f2f2;  
+
margin-top: 20px;
−
}
+
}
 +
.panel-group .panel {
 +
    background: #F5F7FA;
 +
    border: 1px solid #E6E9ED;
 +
border-bottom-width: 2px;
 +
    border-radius: 3px;
 +
    box-shadow: none;
 +
}
 +
.panel-group .panel + .panel {
 +
margin-top: 10px;
 +
}
 +
.panel-group .panel-heading + .panel-collapse .panel-body {
 +
border-top-color: #E6E9ED;
 +
}
 +
.panel-body {
 +
padding: 25px;
 +
}
 +
.panel-heading {
 +
background-color: inherit !important;
 +
color: inherit !important;
 +
    padding: 0;
 +
border-color: inherit !important;
 +
}
 +
.panel-title {
 +
font-family: 'Source Sans Pro', sans-serif;
 +
    font-size: 15px;
 +
line-height: 1.42857;
 +
    font-weight: 700;
 +
text-transform: uppercase;
 +
}
 +
.panel-title > a {
 +
    display: block;
 +
    padding: 15px 25px 15px;
 +
}
 +
.panel-title > a.collapsed {
 +
background: #F5F7FA;
 +
color: #506A85;
 +
}
 +
.panel-title > a,
 +
.panel-title > a:hover {
 +
background: #EDF0F2;
 +
}
 +
.panel-title > a {
 +
color: #506A85;
 +
}
 +
.panel-title > a:hover {
 +
color: #1ABB9C;
 +
}
 +
.panel-title > a span {
 +
display: block;
 +
position: relative;
 +
top: 0;
 +
color: #506A85;
 +
padding-right: 25px;
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
}
 +
.text-right .panel-title > a span {
 +
padding-left: 25px;
 +
padding-right: 0;
 +
}
 +
.text-center .panel-title > a span {
 +
padding-left: 0;
 +
padding-right: 0;
 +
}
 +
.panel-title > a:hover span {
 +
color: inherit;
 +
}
 +
.text-center .panel-title > a:hover span {
 +
top: .5em;
 +
color: transparent;
 +
}
 +
.panel-title > a span:after {
 +
font-family: "fontello";
 +
content: "\e849";
 +
position: absolute;
 +
top: 0;
 +
right: 0;
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
}
 +
.text-right .panel-title > a span:after {
 +
left: 0;
 +
right: auto;
 +
}
 +
.text-center .panel-title > a span:after {
 +
top: -.75em;
 +
left: 0;
 +
opacity: 0;
 +
}
 +
.panel-title > a.collapsed span:after {
 +
content: "\e84c";
 +
}
 +
.text-center .panel-title > a:hover span:after {
 +
color: #1ABB9C;
 +
top: -.5em;
 +
opacity: 1;
 +
}
 +
.panel-group .bordered {
 +
background: #FFF;
 +
}
  
−
.judges-will-not-evaluate {
+
.light-bg .panel-group .panel {
−
border: 4px solid #72c9b6;
+
    background: #FFF;
−
display: block;
+
}
−
margin: 5px 15px;
+
.light-bg .panel-title > a.collapsed,
−
width: 95%;
+
.light-bg .blank .panel-title > a.collapsed {
−
font-weight:bold;
+
background: #F8FAFD;
−
}
+
}
 +
.light-bg .panel-title > a,
 +
.light-bg .blank .panel-title > a,
 +
.light-bg .panel-title > a:hover,
 +
.light-bg .blank .panel-title > a:hover {
 +
/*background: #E6E9ED;*/
 +
background: #FFF;
 +
}
  
 +
.dark-bg .panel-group .panel,
 +
.dark-bg .panel-group .panel-heading + .panel-collapse .panel-body {
 +
border-color: #485867;
 +
}
 +
.dark-bg .panel-group .panel {
 +
    background: #3A4A59;
 +
}
 +
.dark-bg .panel-title > a.collapsed {
 +
background: #566473;
 +
}
 +
.dark-bg .panel-title > a,
 +
.dark-bg .panel-title > a:hover {
 +
/*background: #E6E9ED;*/
 +
background: #485867;
 +
}
 +
.dark-bg .panel-title > a,
 +
.dark-bg .panel-title > a span {
 +
color: #FFF;
 +
}
 +
.dark-bg .blank .panel-title > a.collapsed {
 +
    background: #2F4052;
 +
}
 +
.dark-bg .blank .panel-title > a.collapsed,
 +
.dark-bg .blank .panel-title > a {
 +
    border-color: #566473;
 +
}
 +
.dark-bg .blank .panel-title > a,
 +
.dark-bg .blank .panel-title > a:hover {
 +
background: #485867;
 +
}
  
−
/*STYLING */
+
.blank .panel-title > a.collapsed {
 +
    background: #FFF;
 +
}
 +
.panel-group.blank .panel {
 +
    background: none;
 +
}
 +
.panel-group.blank .panel {
 +
border: none;
 +
}
 +
.blank .panel-title > a.collapsed,
 +
.blank .panel-title > a {
 +
    border: 1px solid #E6E9ED;
 +
}
 +
.blank .panel-title > a,
 +
.blank .panel-title > a:hover {
 +
background: #F5F7FA;
 +
}
 +
.blank .panel-heading,
 +
.blank .panel-title > a {
 +
    border-radius: 3px;
 +
}
 +
.panel-group.blank .panel-heading + .panel-collapse .panel-body {
 +
border: none;
 +
}
 +
.blank .panel-body {
 +
padding: 35px 0;
 +
}
 +
.blank.panel-group .bordered,
 +
.light-bg .panel-group .bordered,
 +
.dark-bg .panel-group .bordered {
 +
background: #F5F7FA;
 +
}
 +
.light-bg .blank.panel-group .bordered {
 +
background: #FFF;
 +
}
  
−
/* styling for the titles */
 
−
.content_wrapper h1, .content_wrapper h2 {
 
−
padding:5px 15px;
 
−
border-bottom:0px;
 
−
color:#72c9b6;
 
  
−
}
+
/*===================================================================================*/
−
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
+
/* PORTFOLIO
−
padding:5px 15px;
+
/*===================================================================================*/
−
border-bottom:0px;
+
−
color: #000000; 
+
−
}
+
  
 +
.items {
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
.items:before,
 +
.items:after {
 +
    display: table;
 +
    content: "";
 +
    line-height: 0;
 +
}
 +
.items:after {
 +
    clear: both
 +
}
 +
.items li {
 +
    float: left;
 +
    min-height: 1px;
 +
    position: relative;
 +
}
 +
.items.col-3 {
 +
    margin-left: -8px;
 +
    margin-bottom: -8px;
 +
}
 +
.items.col-3 li {
 +
    width: 318px;
 +
    margin-left: 8px;
 +
    margin-bottom: 8px;
 +
}
 +
.items.col-3.gap {
 +
    margin-left: -20px;
 +
    margin-bottom: -20px;
 +
}
 +
.items.col-3.gap li {
 +
    width: 310px;
 +
    margin-left: 20px;
 +
    margin-bottom: 20px;
 +
}
 +
.items.col-4 {
 +
    margin-left: -10px;
 +
    margin-bottom: -10px;
 +
}
 +
.items.col-4 li {
 +
    width: 235px;
 +
    margin-left: 10px;
 +
    margin-bottom: 10px;
 +
}
 +
.items.col-4 .post-title {
 +
    font-size: 16px;
 +
    margin-bottom: 3px;
 +
}
 +
.items.fullscreen {
 +
    width: 100%;
 +
    clear: both;
 +
margin: 0 0 -1px 0;
 +
    padding: 0;
 +
    list-style: none;
 +
}
 +
.items.fullscreen li {
 +
    float: left;
 +
    position: relative;
 +
    background: none;
 +
    padding: 0;
 +
width: 16.666666666%;
 +
}
 +
.items.fullscreen li img {
 +
    display: block;
 +
    /*position: relative;*/
 +
    width: 100%;
 +
    height: auto;
 +
}
 +
.items.fullscreen:after {
 +
    content: '';
 +
    display: block;
 +
    height: 0;
 +
    clear: both;
 +
    visibility: hidden;
 +
}
 +
.items li img {
 +
    display: block;
 +
    width: 100%;
 +
}
 +
.items li,
 +
.items li img,
 +
.thumbs .thumb figure,
 +
.owl-carousel .item figure {
 +
display: block;
 +
    position: relative;
 +
}
 +
.items li {
 +
    overflow: hidden;
 +
}
 +
.items li .text-overlay,
 +
.thumbs .thumb .text-overlay,
 +
.owl-carousel .item .text-overlay {
 +
position: absolute;
 +
top: 0;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
    z-index: 100;
 +
padding: 10%;
 +
font: 0px/0 a; /* remove the gap between inline(-block) elements */
 +
    background-color: rgba(26,187,156, 0.9);
 +
    -webkit-transition: all 200ms ease-out;
 +
      -moz-transition: all 200ms ease-out;
 +
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
    opacity: 0;
 +
}
 +
.items li .text-overlay:before,
 +
.thumbs .thumb .text-overlay:before,
 +
.owl-carousel .item .text-overlay:before {
 +
content: "";
 +
display: inline-block;
 +
vertical-align: middle;
 +
height: 100%;
 +
}
  
−
/* font and text */
+
.items li:hover .text-overlay,
−
.content_wrapper p {  
+
.thumbs .thumb:hover .text-overlay,
−
padding:0px 15px;  
+
.owl-carousel .item:hover .text-overlay {
−
font-size: 13px;
+
    opacity: 1;
−
font-family:Tahoma, Geneva, sans-serif;  
+
}
−
}
+
.thumbs .thumb:hover .member .text-overlay {
 +
opacity: 0;
 +
}
 +
.thumbs .thumb .member .member-image:hover .text-overlay {
 +
opacity: 1;
 +
}
 +
.items li .text-overlay .info,
 +
.thumbs .thumb .text-overlay .info,
 +
.owl-carousel .item .text-overlay .info {
 +
display: inline-block;
 +
vertical-align: middle;
 +
width: 100%;
 +
height: auto;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size: 14px;
 +
line-height: 22px;
 +
/*color: #FFF;*/
 +
text-align: center;
 +
}
 +
.items li .text-overlay .info h2,
 +
.thumbs .thumb .text-overlay .info h2,
 +
.owl-carousel .item .text-overlay .info h2,
 +
.items li .text-overlay .info h3,
 +
.thumbs .thumb .text-overlay .info h3,
 +
.owl-carousel .item .text-overlay .info h3,
 +
.items li .text-overlay .info h4,
 +
.thumbs .thumb .text-overlay .info h4,
 +
.owl-carousel .item .text-overlay .info h4 {
 +
color: #FFF;
 +
margin-bottom: 2px;
 +
}
 +
.items li .text-overlay .info p,
 +
.thumbs .thumb .text-overlay .info p,
 +
.owl-carousel .item .text-overlay .info p {
 +
font-size: 14px;
 +
line-height: 22px;
 +
color: #FFF;
 +
margin-bottom: 0;
 +
}
 +
.items li .text-overlay .info.big p,
 +
.thumbs .thumb .text-overlay .info.big p,
 +
.owl-carousel .item .text-overlay .info.big p,
 +
#hero .items li .text-overlay .info.big p,
 +
#hero .thumbs .thumb .text-overlay .info.big p,
 +
#hero .owl-carousel .item .text-overlay .info.big p {
 +
font-size: 18px;
 +
line-height: 140%;
 +
padding-top: 10px;
 +
margin-top: 0;
 +
}
  
−
/* Links */
+
#owl-clients .item .text-overlay,
−
.content_wrapper a {
+
#clients .thumb .text-overlay {
−
font-weight: bold;
+
background: none;
−
text-decoration: underline;
+
}
−
text-decoration-color:#72c9b6;
+
−
color: #72c9b6;
+
−
-webkit-transition: all 0.4s ease;
+
−
-moz-transition: all 0.4s ease;
+
−
-ms-transition: all 0.4s ease;
+
−
-o-transition: all 0.4s ease;  
+
−
transition: all 0.4s ease;
+
−
}
+
  
−
/* hover for the links */
+
#owl-clients .item img,
−
.content_wrapper a:hover {  
+
#clients .thumb img {
−
text-decoration:none;
+
    -webkit-transition: all 200ms ease-out;
−
color:#000000;
+
      -moz-transition: all 200ms ease-out;
−
}
+
        -o-transition: all 200ms ease-out;
 +
            transition: all 200ms ease-out;
 +
}
  
−
/* non numbered lists */
+
#owl-clients .item:hover img,
−
.content_wrapper ul {
+
#clients .thumb:hover img {
−
padding:0px 20px;
+
opacity: .1;
−
font-size: 13px;
+
}
−
font-family:Tahoma, Geneva, sans-serif;  
+
−
}
+
  
−
/* numbered lists */
+
#owl-clients .item .text-overlay .info h4,
−
.content_wrapper ol {
+
#owl-clients .item .text-overlay .info p,
−
padding:0px;  
+
#clients .thumb .text-overlay .info h4,
−
font-size: 13px;
+
#clients .thumb .text-overlay .info p {
−
font-family:Tahoma, Geneva, sans-serif;  
+
color: inherit;
−
}
+
}
 +
.filter,
 +
.format-filter {
 +
padding: 0;
 +
    margin-bottom: 40px;
 +
}
 +
.filter:before,
 +
.format-filter:before {
 +
content: "";
 +
display: block;
 +
position: absolute;
 +
top: 50%;
 +
width: 100%;
 +
border-bottom: 1px solid #CED7E0;
 +
}
 +
.filter li,
 +
.format-filter li {
 +
    display: inline;
 +
position: relative;
 +
background: #FFF;
 +
font-size: 12px;
 +
    font-weight: 700;
 +
line-height: 150%;
 +
letter-spacing: .031em;
 +
    text-transform: uppercase;
 +
margin: 0 -2px;
 +
}
 +
.light-bg .format-filter li {
 +
background: #F2F5F7;
 +
}
 +
.filter li:after,
 +
.format-filter li:after {
 +
content: "\00b7";
 +
}
 +
.filter li:last-child:after,
 +
.format-filter li:last-child:after {
 +
content: "";
 +
}
 +
.filter li a,
 +
.format-filter li a {
 +
    padding: 0 15px;
 +
}
 +
.light-bg .filter:before {
 +
border-color: #BCC7D1;
 +
}
 +
.light-bg .filter li {
 +
background: #F2F5F7;
 +
}
 +
.dark-bg .filter:before {
 +
border-color: #73879C;
 +
}
 +
.dark-bg .filter li {
 +
background: #2F4052;
 +
}
 +
.isotope,
 +
.isotope .isotope-item {
 +
-webkit-transition-duration: 600ms;
 +
  -moz-transition-duration: 600ms;
 +
    -ms-transition-duration: 600ms;
 +
    -o-transition-duration: 600ms;
 +
        transition-duration: 600ms;
 +
}
 +
.isotope {
 +
-webkit-transition-property: height, width;
 +
  -moz-transition-property: height, width;
 +
    -ms-transition-property: height, width;
 +
    -o-transition-property: height, width;
 +
        transition-property: height, width;
 +
}
 +
.isotope .isotope-item {
 +
-webkit-transition-property: -webkit-transform, opacity;
 +
  -moz-transition-property: -moz-transform, opacity;
 +
    -ms-transition-property: -ms-transform, opacity;
 +
    -o-transition-property: top, left, opacity;
 +
        transition-property: transform, opacity;
 +
}
 +
.isotope figure,
 +
.items figure {
 +
margin: 0;
 +
}
 +
.post-content .isotope figure {
 +
margin: auto;
 +
}
  
−
/* Table */
 
−
.content_wrapper table {
 
−
width: 97%;
 
−
margin:15px 10px;
 
−
border: 1px solid #d3d3d3;
 
−
border-collapse: collapse;
 
−
}
 
  
−
/* table cells */
+
/*===================================================================================*/
−
.content_wrapper  td {
+
/* OVERLAY
−
padding: 10px;
+
/*===================================================================================*/
−
vertical-align: text-top;
+
−
border: 1px solid #d3d3d3;
+
−
border-collapse: collapse;
+
−
}
+
  
−
/* table headers */
+
.icon-overlay {
−
.content_wrapper th {  
+
    display: block;
−
padding: 10px;  
+
    position: relative;
−
vertical-align: text-top;  
+
}
−
border: 1px solid #d3d3d3;  
+
.icon-overlay img {
−
border-collapse: collapse;  
+
    display: block;
−
background-color:#f2f2f2;  
+
    max-width: 100%;
−
}
+
}
 +
.icon-overlay a .icn-more {
 +
    opacity: 0;
 +
    height: 100%;
 +
    position: absolute;
 +
left: 0;
 +
top: 0;
 +
    text-decoration: none;
 +
    width: 100%;
 +
    z-index: 100;
 +
    background-color: rgba(26,187,156, 0.9);
 +
    -webkit-transition: all 200ms ease-out;
 +
    -o-transition: all 200ms ease-out;
 +
    -moz-transition: all 200ms ease-out;
 +
    overflow: hidden;
 +
}
 +
.icon-overlay a:hover .icn-more {
 +
    opacity: 1;
 +
}
 +
.icon-overlay a .icn-more:before {
 +
    font-family: 'fontello';
 +
    font-style: normal;
 +
    font-weight: normal;
 +
    speak: none;
 +
    display: inline-block;
 +
    text-decoration: inherit;
 +
    position: absolute;
 +
    text-align: center;
 +
    content: '\2b';
 +
    width: 60px;
 +
    height: 60px;
 +
    font-size: 60px;
 +
    line-height: 1;
 +
    color: #FFF;
 +
    top: 50%;
 +
    left: 50%;
 +
    z-index: 2;
 +
    margin: -30px 0 0 -30px;
 +
    -moz-transition: all 200ms ease-out;
 +
    -webkit-transition: all 200ms ease-out;
 +
    -o-transition: all 200ms ease-out;
 +
    -ms-transition: all 200ms ease-out;
 +
    transition: all 200ms ease-out;
 +
}
 +
.icon-overlay a:hover .icn-more:before {
 +
    font-size: 30px;
 +
padding-top: 15px;
 +
}
 +
.icon-overlay.icn-link a .icn-more:before {
 +
    content: '\2b';
 +
}
  
−
/* Button class */
 
−
.button_click {
 
−
margin: 10px auto;
 
−
padding: 15px; width:12%; 
 
−
text-align:center;
 
−
font-weight:bold;
 
−
background-color: #72c9b6;
 
−
cursor:pointer; 
 
−
-webkit-transition: all 0.4s ease;
 
−
-moz-transition: all 0.4s ease;
 
−
-ms-transition: all 0.4s ease;
 
−
-o-transition: all 0.4s ease;
 
−
transition: all 0.4s ease;
 
−
}
 
  
−
/* button class on hover */
+
/*===================================================================================*/
−
.button_click:hover { 
+
/* PORTFOLIO POST
−
background-color:#000000;
+
/*===================================================================================*/
−
color:#72c9b6;
+
−
}
+
  
−
/********************************* RESPONSIVE STYLING ********************************/
+
.item-details {
 +
    list-style: none;
 +
font-size: 16px;
 +
line-height: 140%;
 +
padding-left: 0;
 +
margin-bottom: 0;
 +
}
 +
.item-details li + li {
 +
margin-top: 6px;
 +
}
 +
.item-details li:before {
 +
content: "";
 +
font-family: "fontello";
 +
    color: #506A85;
 +
    margin-right: 10px;
 +
}
 +
.item-details li.date:before {
 +
content: "\e82c";
 +
}
 +
.item-details li.categories:before {
 +
content: "\e70d";
 +
}
 +
.item-details li.client:before {
 +
content: "\f464";
 +
}
 +
.item-details li.url:before {
 +
content: "\f30e";
 +
}
 +
.text-center .item-details li {
 +
display: inline-block;
 +
margin: 0 15px 6px;
 +
}
  
−
/* IF THE SCREEN IS LESS THAN 1000PX */
 
  
−
@media only screen and (max-width: 1000px) {
+
/*===================================================================================*/
 +
/* OWL CAROUSEL
 +
/*===================================================================================*/
  
−
#content {width:100%; }
+
.owl-carousel {
−
.menu_wrapper {width:15%;}
+
text-align: center;
−
.content_wrapper {margin-left: 15%;}
+
cursor: default;
−
.menu_item {display:block;}
+
}
−
.icon {display:none;}
+
.owl-controls {
−
.highlight {padding:10px 0px;}
+
display: inline-block;
−
}
+
    position: relative;
 +
    margin-top: 40px;
 +
}
 +
.panel-group .panel .owl-controls {
 +
    margin-top: 25px;
 +
}
 +
.panel-group.blank .panel .owl-controls {
 +
    margin-top: 40px;
 +
}
 +
.owl-pagination {
 +
position: relative;
 +
line-height: 30px;
 +
}
 +
.owl-buttons {
 +
display: none;
 +
}
 +
.owl-prev,
 +
.owl-next {
 +
display: inline-block;
 +
position: absolute;
 +
top: 0;
 +
bottom: 0;
 +
width: 30px;
 +
height: 30px;
 +
font-size: 30px;
 +
color: #FFF;
 +
background-color: #506A85;
 +
border: none;
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
margin: auto;
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
opacity: 0;
 +
}
 +
.owl-prev {
 +
left: -35px;
 +
}
 +
.owl-next {
 +
right: -35px;
 +
}
 +
.owl-carousel:hover .owl-prev {
 +
left: -40px;
 +
opacity: .25;
 +
}
 +
.owl-carousel:hover .owl-next {
 +
right: -40px;
 +
opacity: .25;
 +
}
 +
.owl-carousel:hover .owl-prev:hover,
 +
.owl-carousel:hover .owl-next:hover {
 +
    color: #1ABB9C;
 +
opacity: 1;
 +
}
 +
.owl-outer-nav:after {
 +
content: "";
 +
position: absolute;
 +
top: 0;
 +
left: -15%;
 +
width: 130%;
 +
height: 100%;
 +
z-index: 0;
 +
}
 +
.owl-outer-nav .owl-wrapper-outer,
 +
.owl-outer-nav .owl-pagination,
 +
.owl-outer-nav .owl-prev,
 +
.owl-outer-nav .owl-next {
 +
z-index: 1;
 +
}
 +
.owl-outer-nav .owl-controls {
 +
position: static;
 +
}
 +
.owl-outer-nav .owl-prev {
 +
left: -65px;
 +
}
 +
.owl-outer-nav .owl-next {
 +
right: -65px;
 +
}
 +
.owl-outer-nav:hover .owl-prev {
 +
left: -80px;
 +
}
 +
.owl-outer-nav:hover .owl-next {
 +
right: -80px;
 +
}
  
  
−
/* IF THE SCREEN IS LESS THAN 680PX */
+
.owl-ui-md .owl-pagination {
 +
line-height: 45px;
 +
}
 +
.owl-ui-md .owl-prev,
 +
.owl-ui-md .owl-next {
 +
width: 45px;
 +
height: 45px;
 +
font-size: 45px;
 +
}
 +
.owl-ui-md .owl-prev {
 +
left: -55px;
 +
}
 +
.owl-ui-md .owl-next {
 +
right: -55px;
 +
}
 +
.owl-ui-md:hover .owl-prev {
 +
left: -60px;
 +
}
 +
.owl-ui-md:hover .owl-next {
 +
right: -60px;
 +
}
  
−
@media only screen and (max-width: 680px) {
+
.owl-outer-nav.owl-ui-md:after {
−
.collapsable_menu_control { display:block;}
+
left: -18%;
−
.menu_item {display:none;}
+
width: 136%;
−
.menu_wrapper { width:100%; height: 15%; position:relative;}
+
}
−
.content_wrapper {width:100%; margin-left:0px;}
+
.owl-outer-nav.owl-ui-md .owl-prev {
−
.column.half_size {width:100%; }
+
left: -85px;
−
.column img { width: 100%; padding: 5px 0px;}
+
}
−
.icon {display:block;}
+
.owl-outer-nav.owl-ui-md .owl-next {
−
.highlight {padding:15px 5px;}
+
right: -85px;
−
}
+
}
 +
.owl-outer-nav.owl-ui-md:hover .owl-prev {
 +
left: -100px;
 +
}
 +
.owl-outer-nav.owl-ui-md:hover .owl-next {
 +
right: -100px;
 +
}
  
−
</style>
+
.owl-ui-lg .owl-pagination {
 +
line-height: 60px;
 +
}
 +
.owl-ui-lg .owl-prev,
 +
.owl-ui-lg .owl-next {
 +
width: 60px;
 +
height: 60px;
 +
font-size: 60px;
 +
}
 +
.owl-ui-lg .owl-prev {
 +
left: -75px;
 +
}
 +
.owl-ui-lg .owl-next {
 +
right: -75px;
 +
}
 +
.owl-ui-lg:hover .owl-prev {
 +
left: -80px;
 +
}
 +
.owl-ui-lg:hover .owl-next {
 +
right: -80px;
 +
}
  
 +
.owl-outer-nav.owl-ui-lg:after {
 +
left: -22%;
 +
width: 144%;
 +
}
 +
.owl-outer-nav.owl-ui-lg .owl-prev {
 +
left: -105px;
 +
}
 +
.owl-outer-nav.owl-ui-lg .owl-next {
 +
right: -105px;
 +
}
 +
.owl-outer-nav.owl-ui-lg:hover .owl-prev {
 +
left: -120px;
 +
}
 +
.owl-outer-nav.owl-ui-lg:hover .owl-next {
 +
right: -120px;
 +
}
  
 +
.owl-inner-nav .owl-controls {
 +
position: static;
 +
}
 +
.owl-inner-nav .owl-prev {
 +
left: 45px;
 +
}
 +
.owl-inner-nav .owl-next {
 +
right: 45px;
 +
}
 +
.owl-inner-nav:hover .owl-prev {
 +
left: 30px;
 +
}
 +
.owl-inner-nav:hover .owl-next {
 +
right: 30px;
 +
}
  
 +
.owl-outer-nav .owl-prev,
 +
.owl-outer-nav .owl-next,
 +
.owl-inner-nav .owl-prev,
 +
.owl-inner-nav .owl-next {
 +
bottom: 70px;
 +
}
  
−
<!--- THIS IS WHERE THE HTML BEGINS --->
+
.owl-outer-nav.owl-ui-md .owl-prev,
 +
.owl-outer-nav.owl-ui-md .owl-next,
 +
.owl-inner-nav.owl-ui-md .owl-prev,
 +
.owl-inner-nav.owl-ui-md .owl-next {
 +
bottom: 85px;
 +
}
  
 +
.owl-outer-nav.owl-ui-lg .owl-prev,
 +
.owl-outer-nav.owl-ui-lg .owl-next,
 +
.owl-inner-nav.owl-ui-lg .owl-prev,
 +
.owl-inner-nav.owl-ui-lg .owl-next {
 +
bottom: 100px;
 +
}
  
−
<!-- This tells the browser that your page is responsive -->
+
.owl-inner-pagination .owl-pagination,
 +
.owl-inner-pagination .owl-prev,
 +
.owl-inner-pagination .owl-next {
 +
margin-top: -40px;
 +
top: -60px;
 +
}
  
−
<head>
+
.owl-inner-pagination.owl-ui-md .owl-pagination,
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
.owl-inner-pagination.owl-ui-md .owl-prev,
−
</head>
+
.owl-inner-pagination.owl-ui-md .owl-next {
 +
margin-top: -50px;
 +
top: -65px;
 +
}
  
 +
.owl-inner-pagination.owl-ui-lg .owl-pagination,
 +
.owl-inner-pagination.owl-ui-lg .owl-prev,
 +
.owl-inner-pagination.owl-ui-lg .owl-next {
 +
margin-top: -60px;
 +
top: -75px;
 +
}
  
 +
.owl-inner-pagination.owl-outer-nav .owl-prev,
 +
.owl-inner-pagination.owl-outer-nav .owl-next,
 +
.owl-inner-pagination.owl-inner-nav .owl-prev,
 +
.owl-inner-pagination.owl-inner-nav .owl-next {
 +
margin: auto;
 +
top: 0;
 +
bottom: 43px;
 +
}
  
 +
.owl-inner-pagination .owl-pagination {
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
opacity: 0;
 +
}
  
−
<div class="menu_wrapper" >
+
.owl-inner-pagination:hover .owl-pagination {
 +
opacity: 1;
 +
}
  
 +
.owl-inner-pagination.owl-inner-nav .owl-pagination,
 +
.owl-inner-pagination.owl-outer-nav .owl-pagination {
 +
top: -45px;
 +
}
  
 +
.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination,
 +
.owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {
 +
top: -50px;
 +
}
  
 +
.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination,
 +
.owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination {
 +
top: -60px;
 +
}
  
−
<div class="collapsable_menu_control"> MENU ▤ </div>
+
.owl-inner-pagination.owl-inner-nav:hover .owl-pagination,
 +
.owl-inner-pagination.owl-outer-nav:hover .owl-pagination {
 +
top: -60px;
 +
}
  
−
<ul id="accordion" class="accordion">
+
.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination,
 +
.owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {
 +
top: -65px;
 +
}
  
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Vanderbilt">HOME </a> </li>
+
.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination,
 +
.owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {
 +
top: -75px;
 +
}
  
 +
#owl-main .item {
 +
height: 44vh;
 +
background-color: #FFF;
 +
background-position: center 55%;
 +
-webkit-background-size: cover;
 +
  -moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover;
 +
}
 +
#owl-main.height-md .item {
 +
height: 61vh;
 +
}
 +
#owl-main.height-lg .item {
 +
height: 90vh;
 +
}
 +
#owl-main .container {
 +
display: table;
 +
height: inherit;
 +
}
 +
#owl-main .caption {
 +
display: table-cell;
 +
}
 +
#owl-main .caption.vertical-center {
 +
vertical-align: middle;
 +
padding-bottom: 3vh;
 +
}
 +
#owl-main .caption.vertical-top {
 +
vertical-align: top;
 +
padding-top: 8vh;
 +
}
 +
#owl-main .caption.vertical-bottom {
 +
vertical-align: bottom;
 +
padding-bottom: 14vh;
 +
}
 +
#owl-main .caption.text-center {
 +
padding-left: 10%;
 +
padding-right: 10%;
 +
}
 +
#owl-main .caption.text-left {
 +
padding-right: 20%;
 +
}
 +
#owl-main .caption.text-right {
 +
padding-left: 20%;
 +
}
 +
#owl-main .caption h1,
 +
#owl-main .caption p,
 +
#owl-main .caption div {
 +
position: relative;
 +
}
 +
#owl-main .caption h1 span {
 +
padding: .250em 0;
 +
line-height: 180%;
 +
}
 +
#owl-main .caption .light-bg,
 +
#owl-main .caption .medium-bg,
 +
#owl-main .caption .dark-bg,
 +
#owl-main .caption .tint-bg {
 +
background: none;
 +
padding-left: .500em;
 +
padding-right: .500em;
 +
}
 +
#owl-main .caption h1.light-bg span,
 +
#owl-main .caption p.light-bg span {
 +
background: #FFF;
 +
box-shadow: -.500em 0 0 #FFF, .500em 0 0 #FFF;
 +
}
 +
#owl-main .caption h1.medium-bg span,
 +
#owl-main .caption p.medium-bg span {
 +
background: #A3B1BF;
 +
box-shadow: -.500em 0 0 #A3B1BF, .500em 0 0 #A3B1BF;
 +
}
 +
#owl-main .caption h1.dark-bg span,
 +
#owl-main .caption p.dark-bg span {
 +
background: #506A85;
 +
box-shadow: -.500em 0 0 #506A85, .500em 0 0 #506A85;
 +
}
 +
#owl-main .caption h1.tint-bg span,
 +
#owl-main .caption p.tint-bg span {
 +
background: #1ABB9C;
 +
box-shadow: -.500em 0 0 #1ABB9C, .500em 0 0 #1ABB9C;
 +
}
 +
#owl-main .owl-controls {
 +
display: block;
 +
position: static;
 +
margin-top: -47px;
 +
}
 +
#owl-main .owl-pagination {
 +
background: #FFF;
 +
line-height: inherit;
 +
position: relative;
 +
bottom: -40px;
 +
padding: 10px;
 +
display: inline-block;
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
margin: auto;
 +
opacity: 0;
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
}
 +
#owl-main:hover .owl-pagination {
 +
bottom: -25px;
 +
opacity: 1;
 +
}
 +
#owl-main .owl-prev,
 +
#owl-main .owl-next {
 +
bottom: 0;
 +
}
  
−
<li class="menu_item"> <div class="icon plus"></div> TEAM
+
.owl-controls .owl-page {
−
<ul class="submenu">
+
    display: inline-block;
−
<li> <a href=" https://2016.igem.org/Team:Vanderbilt/Team"> Team  </a> </li>
+
}
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Collaborations">★  Collaborations </a> </li>
+
.owl-pagination .owl-page span {
−
                    </ul>
+
display: block;
−
                </li>
+
width: 15px;
 +
height: 15px;
 +
background: #506A85;
 +
border: none;
 +
-webkit-border-radius: 50%;
 +
border-radius: 50%;
 +
margin: 0 5px;
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
}
 +
.owl-pagination .owl-page.active span,
 +
.owl-pagination .owl-page:hover span {
 +
background: #1ABB9C;
 +
}
 +
.owl-item-gap .item {
 +
    margin: 0 15px;
 +
}
 +
.owl-item-gap-sm .item {
 +
    margin: 0 10px;
 +
}
 +
/* preloading images */
 +
.owl-item.loading {
 +
    min-height: inherit;
 +
    background: none;
 +
}
  
−
<li class="menu_item"> <div class="icon plus"></div> PROJECT 
 
−
<ul class="submenu">
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Description"> ★  Description </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Design"> ★ Design </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Experiments"> Experiments </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Proof"> ★ Proof of Concept </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Demonstrate"> ★ Demonstrate </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Results"> Results </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Notebook"> Notebook </a></li>
 
−
                    </ul>
 
−
                </li>
 
  
−
<li class="menu_item"> <div class="icon plus"></div> PARTS 
+
/*===================================================================================*/
−
<ul class="submenu">
+
/* PRICING TABLES
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Parts">Parts </a></li>
+
/*===================================================================================*/
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Basic_Part"> ★ Basic Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Composite_Part"> ★ Composite Parts </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Part_Collection"> ★ Part Collection </a></li>
+
−
                    </ul>
+
−
                </li>
+
  
 +
.pricing .plan {
 +
border-top-left-radius: 3px;
 +
border-top-right-radius: 3px;
 +
overflow: hidden;
 +
}
 +
.pricing .plan header {
 +
background: #2F4052;
 +
text-align: center;
 +
padding: 50px;
 +
}
 +
.pricing .plan h2 {
 +
font-size: 20px;
 +
font-weight: 400;
 +
letter-spacing: .15em;
 +
text-transform: uppercase;
 +
color: #FFF;
 +
}
 +
.pricing .plan .btn {
 +
margin-bottom: 0;
 +
}
 +
.pricing .plan .price {
 +
margin-bottom: 15px;
 +
}
 +
.pricing .plan .price * {
 +
font-family: 'Lato', sans-serif;
 +
line-height: 100%;
 +
}
 +
.pricing .plan .price .amount {
 +
font-size: 120px;
 +
font-weight: 900;
 +
color: #FFF;
 +
}
 +
.pricing .plan .price .currency {
 +
position: relative;
 +
top: 16px;
 +
font-size: 24px;
 +
vertical-align: top;
 +
margin-right: 5px;
 +
}
 +
.pricing .plan .price .period {
 +
font-size: 16px;
 +
text-transform: uppercase;
 +
}
 +
.pricing .plan .features {
 +
    background: #F5F7FA;
 +
    padding: 25px 35px;
 +
    border: 1px solid #E6E9ED;
 +
    border-top: none;
 +
border-bottom-width: 2px;
 +
border-bottom-left-radius: 3px;
 +
border-bottom-right-radius: 3px;
 +
margin-top: 0 !important;
 +
}
 +
.pricing .plan .features li {
 +
    padding: 15px 0;
 +
/*border-top: 1px solid #CED7E0;*/
 +
border-top: 1px solid #BCC7D1;
 +
}
 +
.pricing .plan .features li:first-child {
 +
border: none;
 +
}
 +
.pricing .plan .features li i {
 +
margin-right: 10px;
 +
}
 +
.pricing.col-4 .plan header {
 +
padding: 40px;
 +
}
 +
.pricing.col-4 .plan h2 {
 +
font-size: 18px;
 +
}
 +
.pricing.col-4 .plan .price .amount {
 +
font-size: 90px;
 +
}
 +
.pricing.col-4 .plan .features {
 +
    padding: 20px 30px;
 +
}
  
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Vanderbilt/Safety"> SAFETY </a> </li>
 
  
 +
/*===================================================================================*/
 +
/* FORMS
 +
/*===================================================================================*/
  
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Vanderbilt/Attributions">★  ATTRIBUTIONS </a></li>
+
.forms {
 +
    position: relative;
 +
    padding: 0;
 +
    width: 100%;
 +
}
 +
.form-container .response {
 +
    display: none;
 +
}
 +
.forms ol {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
.forms ol li {
 +
    line-height: auto;
 +
    list-style: none;
 +
}
 +
input,
 +
textarea,
 +
.uneditable-input,
 +
.form-inline .form-control,
 +
.navbar-form .form-control {
 +
    width: 100%;
 +
}
 +
select,
 +
textarea,
 +
textarea.form-control,
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="datetime"],
 +
input[type="datetime-local"],
 +
input[type="date"],
 +
input[type="month"],
 +
input[type="time"],
 +
input[type="week"],
 +
input[type="number"],
 +
input[type="email"],
 +
input[type="url"],
 +
input[type="search"],
 +
input[type="tel"],
 +
input[type="color"],
 +
.uneditable-input {
 +
    display: inline-block;
 +
    -webkit-font-smoothing: antialiased;
 +
    height: 40px;
 +
    padding: 0 10px;
 +
    margin-bottom: 15px;
 +
    font-size: 14px;
 +
    line-height: 25px;
 +
    color: #73879C;
 +
    resize: none;
 +
    vertical-align: middle;
 +
    -webkit-box-shadow: none;
 +
    -moz-box-shadow: none;
 +
    box-shadow: none;
 +
    background-color: #f5f5f5;
 +
    border: 1px solid #E6E9ED;
 +
    -webkit-border-radius: 0;
 +
    border-radius: 0;
 +
    -webkit-transition: all 200ms ease-out;
 +
    -o-transition: all 200ms ease-out;
 +
    -moz-transition: all 200ms ease-out;
 +
}
 +
textarea:focus,
 +
textarea.form-control:focus,
 +
input[type="text"]:focus,
 +
input[type="password"]:focus,
 +
input[type="datetime"]:focus,
 +
input[type="datetime-local"]:focus,
 +
input[type="date"]:focus,
 +
input[type="month"]:focus,
 +
input[type="time"]:focus,
 +
input[type="week"]:focus,
 +
input[type="number"]:focus,
 +
input[type="email"]:focus,
 +
input[type="url"]:focus,
 +
input[type="search"]:focus,
 +
input[type="tel"]:focus,
 +
input[type="color"]:focus,
 +
.uneditable-input:focus {
 +
    border: 1px solid #BCC7D1;
 +
    box-shadow: none;
 +
}
 +
textarea {
 +
    height: 100%;
 +
    padding: 10px;
 +
    margin-bottom: 15px;
 +
    min-height: 150px;
 +
    resize: vertical;
 +
}
 +
textarea.form-control {
 +
padding: 10px;
 +
}
 +
.btn-submit {
 +
    width: auto;
 +
}
 +
.forms .btn-submit {
 +
margin-bottom: 0;
 +
}
 +
.forms .error,
 +
.forms .error:focus {
 +
    border: 1px solid #d99898;
 +
}
 +
.forms label {
 +
    display: block;
 +
    float: left;
 +
    width: 95px;
 +
    padding-top: 7px;
 +
    font-size: 13px;
 +
    clear: both;
 +
}
 +
.forms input,
 +
.forms textarea {
 +
background: #F8FAFD;
 +
border-radius: 3px;
 +
}
 +
.light-bg .forms input,
 +
.light-bg .forms textarea {
 +
background: #FFF;
 +
}
 +
.form-container:after {
 +
    content: '';
 +
    display: block;
 +
    height: 0;
 +
    clear: both;
 +
    visibility: hidden;
 +
}
 +
.newsletter {
 +
    position: relative;
 +
}
 +
.newsletter input[type="email"] {
 +
    background: rgba(255,255,255,0.15);
 +
padding-right: 100px;
 +
    -webkit-border-radius: 3px;
 +
    border-radius: 3px;
 +
    border: none;
 +
    color: #FFF !important;
 +
}
 +
.newsletter input[type="email"]:focus {
 +
    background: rgba(255,255,255,0.20);
 +
}
 +
.navbar .searchbox .dropdown-menu {
 +
width: 270px;
 +
}
 +
.navbar .searchbox .dropdown-menu:not(*:root) {
 +
right: 2px;
 +
}
 +
.search {
 +
position: relative;
 +
margin: 15px;
 +
margin-bottom: 0;
 +
}
 +
.search input[type="search"] {
 +
    background: #FFF;
 +
padding-right: 40px;
 +
}
 +
.newsletter .btn-submit,
 +
.search .btn-submit {
 +
    position: absolute;
 +
    right: 0;
 +
    top: 0;
 +
padding: 0;
 +
margin-top: 5px;
 +
margin-right: 5px;
 +
    color: #FFF !important;
 +
line-height: 1;
 +
}
 +
.navbar-form.search .btn-submit {
 +
width: 30px;
 +
height: 30px;
 +
}
 +
footer .newsletter .btn-submit {
 +
width: 88px;
 +
height: 30px;
 +
font-size: 13px;
 +
}
 +
#response ul.errors {
 +
margin-bottom: 25px;
 +
}
 +
#response .btn i {
 +
font-size: 12px;
 +
}
 +
.dark-bg input,
 +
.dark-bg button,
 +
.dark-bg select,
 +
.dark-bg textarea {
 +
    color: #A3B1BF;
 +
}
 +
.form-control::-webkit-input-placeholder {
 +
    color: #C2C7CC;
 +
}
 +
.form-control:-moz-placeholder {
 +
    color: #C2C7CC;
 +
}
 +
.form-control::-moz-placeholder {
 +
    color: #C2C7CC;
 +
}
 +
.form-control:-ms-input-placeholder {
 +
    color: #C2C7CC;
 +
}
 +
.dark-bg .form-control::-webkit-input-placeholder {
 +
    color: #828E99;
 +
}
 +
.dark-bg .form-control:-moz-placeholder {
 +
    color: #828E99;
 +
}
 +
.dark-bg .form-control::-moz-placeholder {
 +
    color: #828E99;
 +
}
 +
.dark-bg .form-control:-ms-input-placeholder {
 +
    color: #828E99;
 +
}
 +
.search .form-control::-webkit-input-placeholder {
 +
    color: #C2C7CC;
 +
}
 +
.search .form-control:-moz-placeholder {
 +
    color: #C2C7CC;
 +
}
 +
.search .form-control::-moz-placeholder {
 +
    color: #C2C7CC;
 +
}
 +
.search .form-control:-ms-input-placeholder {
 +
    color: #C2C7CC;
 +
}
 +
input:focus::-webkit-input-placeholder {
 +
    color: transparent !important;
 +
}
 +
input:focus:-moz-placeholder {
 +
    color: transparent !important;
 +
}
 +
input:focus::-moz-placeholder {
 +
    color: transparent !important;
 +
}
 +
input:focus:-ms-input-placeholder {
 +
    color: transparent !important;
 +
}
  
  
−
<li class="menu_item"> <div class="icon plus"></div> HUMAN PRACTICES
+
/*===================================================================================*/
−
<ul class="submenu">
+
/* BLOG
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Human_Practices"> Human Practices </a></li>
+
/*===================================================================================*/
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/HP/Silver">★ Silver </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/HP/Gold">★ Gold </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Integrated_Practices"> ★ Integrated Practices </a></li>
+
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Engagement">★ Engagement </a></li>
+
−
                    </ul>
+
−
                </li>
+
  
 +
.blog.no-sidebar .post,
 +
.blog.no-sidebar #comments,
 +
.blog.no-sidebar .pagination,
 +
.blog.no-sidebar .comment-form-wrapper {
 +
    width: 770px;
 +
    margin: 0px auto !important;
 +
}
 +
.blog.no-sidebar .post-title,
 +
.blog.no-sidebar .meta {
 +
    text-align: center
 +
}
 +
.format-filter li {
 +
font-size: 24px;
 +
}
 +
.format-filter li:after {
 +
content: "";
 +
}
 +
.format-filter li a {
 +
padding: 0 35px;
 +
}
 +
.classic-blog .meta {
 +
margin-right: -5px;
 +
margin-left: -5px;
 +
}
 +
.classic-blog .post-content .meta {
 +
padding-left: 80px;
 +
padding-right: 80px;
 +
margin-bottom: 25px;
 +
}
 +
.meta li {
 +
display: inline-block;
 +
margin: 0 6px;
 +
}
 +
.meta li.categories:before,
 +
.meta li a:before {
 +
content: "";
 +
font-family: "fontello";
 +
margin-right: 6px;
 +
}
 +
.meta li.categories a:before,
 +
.meta li.categories:before {
 +
margin-right: 0;
 +
}
 +
/*.meta li.categories:before {
 +
content: "\e70d";
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
}*/
 +
.meta li.categories:hover:before {
 +
color: #1ABB9C;
 +
cursor: pointer;
 +
}
 +
.meta li.url a:before {
 +
content: "\f30e";
 +
}
 +
.meta li.author-posts a:before {
 +
content: "\27a6";
 +
}
 +
.meta li.comments a:before {
 +
content: "\e718";
 +
}
 +
.meta li.comments a:after {
 +
content: "Comments";
 +
margin-left: 4px;
 +
}
 +
.meta li.likes a:before {
 +
content: "\2665";
 +
}
 +
.meta li.likes a:after {
 +
content: "Likes";
 +
margin-left: 4px;
 +
}
 +
.meta li:after {
 +
/*content: "\0399";*/
 +
content: "|";
 +
    margin-left: 12px;
 +
}
 +
.meta li:last-child:after {
 +
content: "";
 +
}
 +
.classic-blog .sidemeta,
 +
.classic-blog .pagination {
 +
padding-left: 59px;
 +
border-left: 1px solid #CED7E0;
 +
margin-left: 30px;
 +
}
 +
.classic-blog .post .date-wrapper {
 +
    text-align: center;
 +
    display: table;
 +
    float: left;
 +
    margin-right: 20px;
 +
}
 +
.classic-blog .post .date {
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
    line-height: 1;
 +
    width: 60px;
 +
    height: 60px;
 +
    border: 1px solid #1ABB9C;
 +
    -webkit-border-radius: 50%;
 +
    border-radius: 50%;
 +
    background: #1ABB9C;
 +
    font-weight: bold;
 +
    color: #FFF;
 +
    line-height: 1;
 +
    text-transform: uppercase;
 +
}
 +
.classic-blog .post .date .day {
 +
    font-size: 20px;
 +
    margin-bottom: 1px;
 +
    display: block;
 +
}
 +
.classic-blog .post .date .month {
 +
    font-size: 12px;
 +
    display: block;
 +
}
 +
.classic-blog .sidemeta .format-wrapper {
 +
    display: table;
 +
}
 +
.classic-blog.sidebar-left .sidemeta,
 +
.classic-blog.sidebar-left .pagination {
 +
padding-left: 0;
 +
border-left: none;
 +
margin-left: 0;
 +
padding-right: 59px;
 +
border-right: 1px solid #CED7E0;
 +
margin-right: 30px;
 +
}
 +
.classic-blog.sidebar-left .post .date-wrapper {
 +
    margin-right: 0;
 +
    margin-left: 20px;
 +
}
 +
.classic-blog.no-sidebar .sidemeta,
 +
.classic-blog.no-sidebar .pagination {
 +
position: relative;
 +
left: -30px;
 +
}
 +
#blog-post .classic-blog .post {
 +
width: 100%;
 +
}
 +
.classic-blog .post {
 +
width: 750px;
 +
}
 +
.classic-blog .post-title {
 +
    font-size: 40px;
 +
line-height: 120%;
 +
}
 +
.classic-blog .isotope {
 +
overflow: visible !important;
 +
}
 +
.classic-blog #share {
 +
margin-left: 0;
 +
margin-right: 0;
 +
margin-bottom: 40px;
 +
}
 +
.classic-blog .panel-group {
 +
margin-bottom: 40px;
 +
}
 +
.post {
 +
    position: relative;
 +
background: #FFF;
 +
    padding-bottom: 60px;
 +
border: 1px solid #E6E9ED;
 +
border-bottom-width: 2px;
 +
border-radius: 3px;
 +
margin-bottom: 40px;
 +
}
 +
.sidemeta .format-wrapper a {
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
    width: 40px;
 +
    height: 40px;
 +
    background: #FFF;
 +
    text-align: center;
 +
    color: #1ABB9C;
 +
    line-height: 1;
 +
border: 1px solid #1ABB9C;
 +
    border-radius: 50%;
 +
}
 +
.sidemeta .format-wrapper a:hover {
 +
background: #1ABB9C;
 +
color: #FFF;
 +
}
 +
.post-content > * {
 +
margin-left: 80px;
 +
margin-right: 80px;
 +
}
 +
.post-content *:last-child {
 +
margin-bottom: 0;
 +
}
 +
.post-content > .post-media {
 +
margin-left: 0;
 +
margin-right: 0;
 +
}
 +
.post-content > *:first-child,
 +
.post-media + * {
 +
margin-top: 60px;
 +
}
 +
.post-content > .post-media:first-child {
 +
margin-top: 0;
 +
}
 +
.owl-carousel.post-media + * {
 +
margin-top: 20px;
 +
}
 +
.post-media iframe {
 +
margin-bottom: -7px;
 +
}
 +
.sidemeta .date-wrapper {
 +
    position: absolute;
 +
    top: 0;
 +
    left: -90px;
 +
}
 +
.sidemeta .format-wrapper {
 +
    position: absolute;
 +
    top: 75px;
 +
    left: -80px;
 +
    font-size: 15px;
 +
}
 +
.classic-blog.sidebar-left .sidemeta .date-wrapper {
 +
    left: auto;
 +
    right: -90px;
 +
}
 +
.classic-blog.sidebar-left .sidemeta .format-wrapper {
 +
    left: auto;
 +
    right: -80px;
 +
}
 +
.grid-blog .post figure {
 +
    margin-bottom: -1px;
 +
}
 +
.grid-blog .post .date {
 +
    display: inline;
 +
}
 +
.grid-blog:before,
 +
.grid-blog:after {
 +
    display: table;
 +
    content: "";
 +
    line-height: 0;
 +
}
 +
.grid-blog:after {
 +
    clear: both;
 +
}
 +
.grid-blog .post {
 +
    float: left;
 +
    min-height: 1px;
 +
    position: relative;
 +
}
 +
.grid-blog.col-2 .post,
 +
.grid-blog.col-3.no-sidebar .post {
 +
padding-bottom: 40px;
 +
}
 +
.grid-blog.col-2 .post-content > *,
 +
.grid-blog.col-3.no-sidebar .post-content > * {
 +
    margin-left: 40px;
 +
margin-right: 40px;
 +
}
 +
.grid-blog.col-2 .post-content > .post-media,
 +
.grid-blog.col-3.no-sidebar .post-content > .post-media {
 +
    margin-left: 0;
 +
margin-right: 0;
 +
}
 +
.grid-blog.col-2 .post-content > *:first-child,
 +
.grid-blog.col-2 .post-media + *,
 +
.grid-blog.col-3.no-sidebar .post-content > *:first-child,
 +
.grid-blog.col-3.no-sidebar .post-media + * {
 +
margin-top: 40px;
 +
}
 +
.grid-blog.col-2 .post-content > .post-media:first-child,
 +
.grid-blog.col-2 .owl-carousel.post-media + *,
 +
.grid-blog.col-3.no-sidebar .post-content > .post-media:first-child,
 +
.grid-blog.col-3.no-sidebar .owl-carousel.post-media + * {
 +
margin-top: 0;
 +
}
 +
.grid-blog.col-2 .post-title,
 +
.grid-blog.col-3.no-sidebar .post-title {
 +
    font-size: 30px;
 +
}
 +
.grid-blog.col-2 .post-content .meta,
 +
.grid-blog.col-3.no-sidebar .post-content .meta {
 +
padding-left: 40px;
 +
padding-right: 40px;
 +
margin-right: -5px;
 +
margin-left: -5px;
 +
margin-bottom: 25px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post {
 +
padding-bottom: 50px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-content > * {
 +
    margin-left: 50px;
 +
margin-right: 50px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-content > .post-media {
 +
    margin-left: 0;
 +
margin-right: 0;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-content > *:first-child,
 +
.grid-blog.col-2.no-sidebar .post-media + * {
 +
margin-top: 45px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-content > .post-media:first-child,
 +
.grid-blog.col-2.no-sidebar .owl-carousel.post-media + * {
 +
margin-top: 0;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-title {
 +
    font-size: 33px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-content .meta {
 +
padding-left: 50px;
 +
padding-right: 50px;
 +
margin-right: -5px;
 +
margin-left: -5px;
 +
margin-bottom: 25px;
 +
}
 +
.post.format-link {
 +
background: #2F4052;
 +
color: #A3B1BF;
 +
}
 +
.post.format-link .post-title {
 +
color: #FFF;
 +
}
  
−
<li class="menu_item"> <div class="icon plus"></div> AWARDS
 
−
<ul class="submenu">
 
−
<li><a href="https://2016.igem.org/Team:Vanderbilt/Entrepreneurship"> ★ Entrepreneurship </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Hardware"> ★ Hardware </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Software">★ Software </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Measurement">★  Measurement </a></li>
 
−
<li> <a href="https://2016.igem.org/Team:Vanderbilt/Model">★ Model </a></li>
 
  
−
                    </ul>
+
/*===================================================================================*/
−
                </li>
+
/* AUTHOR
−
</ul>
+
/*===================================================================================*/
  
−
</div>
+
.author {
 +
font-family: 'Lato', sans-serif;
 +
    font-size: 14px;
 +
font-weight: 700;
 +
    line-height: 160%;
 +
color: #506A85;
 +
    margin-bottom: 5px;
 +
}
 +
.author a {
 +
border-bottom: none;
 +
}
 +
.post-author,
 +
#comments {
 +
background: #FFF;
 +
    padding: 40px;
 +
border: 1px solid #E6E9ED;
 +
border-bottom-width: 2px;
 +
border-radius: 3px;
 +
margin-bottom: 40px;
 +
}
 +
.post-author .author-image {
 +
    float: left;
 +
}
 +
.post-author .author-image img {
 +
    width: 120px;
 +
}
 +
.post-author .author-details {
 +
position: relative;
 +
font-size: inherit;
 +
padding-top: 0;
 +
padding-left: 30px;
 +
z-index: 0;
 +
overflow: hidden;
 +
}
 +
.post-author .author-details p a {
 +
font-weight: 700;
 +
border-bottom: none;
 +
}
 +
.post-author .author-details .social li {
 +
display: table-cell;
 +
}
 +
.post-author .author-details .social li a i {
 +
width: 33px;
 +
height: 45px;
 +
font-size: 15px;
 +
}
 +
.post-author .author-details .meta {
 +
padding-left: 0;
 +
margin-top: 12px;
 +
}
 +
.post-author .author-details .social,
 +
.post-author .author-details .meta {
 +
float: left;
 +
display: inline-block;
 +
}
  
  
 +
/*===================================================================================*/
 +
/* SIDEBAR
 +
/*===================================================================================*/
  
 +
.sidebar {
 +
    padding-left: 25px !important
 +
}
 +
.sidebar.left-sidebar {
 +
    padding: 15px !important
 +
}
 +
.sidebox + .sidebox {
 +
    margin-top: 60px;
 +
}
 +
.sidebox h3 {
 +
    font-size: 16px;
 +
    margin-bottom: 15px;
 +
}
 +
.sidebox.widget form,
 +
.sidebox.widget input {
 +
    margin: 0;
 +
}
 +
.sidebox.widget input {
 +
    border-radius: 3px;
 +
}
 +
.widget .list {
 +
    list-style: none;
 +
    margin: 0;
 +
}
 +
.sidenav {
 +
background: #F5F7FA;
 +
    padding: 0;
 +
border: 1px solid #E6E9ED;
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
        border-radius: 3px;
 +
    margin: 0;
 +
}
 +
.sidenav li {
 +
border-bottom: 1px solid #E6E9ED;
 +
}
 +
.sidenav li a {
 +
display: block;
 +
    position: relative;
 +
    font-size: 14px;
 +
    font-weight: 700;
 +
line-height: 20px;
 +
    text-transform: uppercase;
 +
    color: #506A85;
 +
    padding: 13px 18px;
 +
}
 +
.sidenav li a:hover {
 +
background: #1ABB9C;
 +
    color: #FFF;
 +
}
 +
.sidenav li a:after {
 +
    position: absolute;
 +
right: 18px;
 +
    content: "\e762";
 +
    font-family: 'fontello';
 +
    font-size: 18px;
 +
-webkit-transition: all 200ms ease-out;
 +
  -moz-transition: all 200ms ease-out;
 +
-o-transition: all 200ms ease-out;
 +
transition: all 200ms ease-out;
 +
opacity: 0;
 +
}
 +
.sidenav li a:hover:after {
 +
opacity: 1;
 +
}
  
  
−
<div class="content_wrapper">
+
/*===================================================================================*/
 +
/* TOOLTIPS
 +
/*===================================================================================*/
  
 +
.tooltip-inner {
 +
color: #fff;
 +
background-color: #1ABB9C;
 +
padding: 5px 12px;
 +
}
 +
.tooltip.top .tooltip-arrow,
 +
.tooltip.top-left .tooltip-arrow,
 +
.tooltip.top-right .tooltip-arrow {
 +
border-top-color: #1ABB9C;
 +
}
 +
.tooltip.right .tooltip-arrow {
 +
border-right-color: #1ABB9C;
 +
}
 +
.tooltip.left .tooltip-arrow {
 +
border-left-color: #1ABB9C;
 +
}
 +
.tooltip.bottom .tooltip-arrow,
 +
.tooltip.bottom-left .tooltip-arrow,
 +
.tooltip.bottom-right .tooltip-arrow {
 +
border-bottom-color: #1ABB9C;
 +
}
  
  
−
<h1 id="team_name">  </h1>
+
/*===================================================================================*/
−
<h4 id="page_name">  </h4>
+
/* PAGINATION
 +
/*===================================================================================*/
  
 +
.pagination {
 +
display: block;
 +
border-radius: 0;
 +
margin: 0;
 +
}
 +
.pagination > li {
 +
display: inline-block;
 +
margin-left: 10px;
 +
}
 +
.pagination > li:first-child {
 +
margin-left: 0;
 +
}
 +
.pagination > li > a,
 +
.pagination > li > span {
 +
float: none;
 +
display: inline-block;
 +
    color: #fff;
 +
    font-family: 'Source Sans Pro', sans-serif;
 +
    background: #1ABB9C;
 +
    padding: 11px 20px 13px;
 +
margin-left: 0;
 +
    font-weight: 700;
 +
    font-size: 14px;
 +
    text-shadow: none;
 +
    text-transform: uppercase;
 +
    border: none;
 +
    -webkit-transition: all 200ms ease-out;
 +
    -o-transition: all 200ms ease-out;
 +
    -moz-transition: all 200ms ease-out;
 +
    -webkit-border-radius: 3px;
 +
    border-radius: 3px;
 +
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
 +
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
 +
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
 +
}
 +
.pagination > .active > a,
 +
.pagination > .active > span,
 +
.pagination > .active > a:hover,
 +
.pagination > .active > span:hover,
 +
.pagination > li > a:hover,
 +
.pagination > li > a:focus {
 +
    background: #17A78B;
 +
    color: #FFF;
 +
}
 +
.pagination > li:first-child > a,
 +
.pagination > li:last-child > a {
 +
    border-radius: 3px;
 +
}
  
  
 +
/*===================================================================================*/
 +
/* COMMENTS
 +
/*===================================================================================*/
  
 +
#comments {
 +
    position: relative;
 +
}
 +
#comments .commentlist {
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
#comments .commentlist > .comment {
 +
    padding-top: 40px;
 +
    border-top: 1px solid #E6E9ED;
 +
    margin-top: 40px;
 +
}
 +
#comments .commentlist > .comment:first-child {
 +
    border-top: none;
 +
    padding-top: 0;
 +
}
 +
#comments .comment *:last-child {
 +
    margin-bottom: 0;
 +
}
 +
#comments .commentlist .children {
 +
padding-left: 80px;
 +
}
 +
#comments .commentlist .children .comment {
 +
padding-top: 40px;
 +
}
 +
#comments .avatar {
 +
    float: left;
 +
}
 +
#comments .avatar span {
 +
border-radius: 50%;
 +
}
 +
#comments .avatar img {
 +
border-radius: 50%;
 +
    width: 60px;
 +
    height: 60px;
 +
}
 +
#comments .commentbody {
 +
padding-left: 22px;
 +
    overflow: hidden;
 +
}
 +
#comments .author {
 +
    margin-bottom: 15px;
 +
}
 +
#comments .author h3 {
 +
display: inline-block;
 +
margin-bottom: 0;
 +
margin-right: 15px;
 +
}
 +
#comments .author .meta {
 +
    display: inline-block;
 +
/*opacity: .5;*/
 +
color: #BCC7D1;
 +
margin: 0;
 +
}
 +
#comments .message .meta {
 +
text-align: right;
 +
/*opacity: .5;*/
 +
color: #BCC7D1;
 +
padding-left: 0;
 +
}
 +
#comments .message .meta li {
 +
padding-top: 0;
 +
border-top: none;
 +
margin-top: 0;
 +
}
 +
#comments .message .meta li.reply {
 +
float: left;
 +
}
 +
#comments .message .meta li.reply a:before {
 +
font-family: 'fontello';
 +
content: "\e712";
 +
margin-right: 6px;
 +
}
 +
#comments .message .meta li a:before,
 +
#comments .message .meta li:after {
 +
content: "";
 +
margin-left: 0;
 +
margin-right: 0;
 +
}
 +
.comment-form-wrapper p {
 +
    padding-bottom: 20px
 +
}
 +
.blog.no-sidebar #comments .meta {
 +
    text-align: left
 +
}
  
  
 +
/*===================================================================================*/
 +
/* GO TO TOP / SCROLL UP
 +
/*===================================================================================*/
  
 +
#scrollUp {
 +
bottom: 20px;
 +
right: 20px;
 +
font-size: 36px;
 +
line-height: 100%;
 +
color: #FFF;
 +
background-color: #506A85;
 +
padding: 3px;
 +
-webkit-border-radius: 3px;
 +
  -moz-border-radius: 3px;
 +
border-radius: 3px;
 +
opacity: .5;
 +
}
 +
#scrollUp:hover {
 +
color: #1ABB9C;
 +
opacity: 1;
 +
}
  
  
−
<script>
+
/*===================================================================================*/
 +
/* FEATURES / STYLES
 +
/*===================================================================================*/
  
−
// This is the jquery part of your template. Try not modify any of this code since it makes your menu work.
+
.font-icons {
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
.font-icons li {
 +
    display: inline-block;
 +
    font-size: 25px;
 +
    margin-bottom: 10px;
 +
    padding: 0 10px;
 +
}
 +
.alert .close {
 +
    line-height: 28px;
 +
}
 +
.retina-icons-code i {
 +
    font-size: 18px;
 +
}
 +
.retina-icons-code tr td:first-child,
 +
.retina-icons-code tr th:first-child {
 +
    text-align: center;
 +
}
 +
.retina-icons-code code {
 +
    color: #73879C;
 +
    background: none;
 +
}
 +
.table-bordered {
 +
    border: 1px solid #E6E9ED;
 +
    border-left: none;
 +
    background: #FFF;
 +
}
 +
.table-bordered th,
 +
.table-bordered td {
 +
    border-left: 1px solid #E6E9ED;
 +
}
 +
.table th,
 +
.table td {
 +
    border-top: 1px solid #E6E9ED;
 +
}
 +
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
 +
background-color: #F5F7FA;
 +
}
 +
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
 +
border-color: #E6E9ED;
 +
}
  
−
$(document).ready(function() {
 
  
−
$("#HQ_page").attr('id','');
+
/*===================================================================================*/
−
+
/* RESPONSIVE
 +
/*===================================================================================*/
  
−
if ( wgPageName.substring( 0,  8) == "Template")  {   // if the page is a template it displays the full name in a single line
+
@media (min-width: 1200px) {
−
$("#team_name").html( wgPageName );  
+
.container {
−
}
+
    padding-right: 0;
 +
    padding-left: 0;
 +
}
 +
.owl-buttons {
 +
display: block;
 +
}
 +
.items.col-4 {
 +
    margin-left: -10px;
 +
    margin-bottom: -10px;
 +
}
 +
.items.col-4 li {
 +
    width: 285px;
 +
    margin-left: 10px;
 +
    margin-bottom: 10px;
 +
}
 +
.items.col-3 {
 +
    margin-left: -9px;
 +
    margin-bottom: -9px;
 +
}
 +
.items.col-3 li {
 +
    width: 384px;
 +
    margin-left: 9px;
 +
    margin-bottom: 9px;
 +
}
 +
.items.col-3.gap {
 +
    margin-left: -21px;
 +
    margin-bottom: -21px;
 +
}
 +
.items.col-3.gap li {
 +
    width: 376px;
 +
    margin-left: 21px;
 +
    margin-bottom: 21px;
 +
}
 +
.items.col-4.gap {
 +
    margin-left: -18px;
 +
    margin-bottom: -18px;
 +
}
 +
.items.col-4.gap li {
 +
    width: 279px;
 +
    margin-left: 18px;
 +
    margin-bottom: 18px;
 +
}
 +
.grid-blog.col-2 {
 +
    margin-left: -40px;
 +
}
 +
.sidebar-left .grid-blog.col-2 {
 +
margin-left: -20px;
 +
}
 +
.sidebar-left .pagination {
 +
margin-left: 20px;
 +
}
 +
.grid-blog.col-2 .post {
 +
    width: 390px;
 +
    margin-left: 40px;
 +
    margin-bottom: 40px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post {
 +
    width: 565px;
 +
}
 +
.grid-blog.col-3 {
 +
    margin-left: -30px;
 +
}
 +
.grid-blog.col-3 .post {
 +
    margin-left: 30px;
 +
    margin-bottom: 30px;
 +
}
 +
.grid-blog.col-3.no-sidebar .post {
 +
width: 370px;
 +
}
 +
.sidebar {
 +
    padding-left: 35px !important;
 +
}
 +
.navbar .dropdown-submenu > a:after {
 +
    display: none;
 +
}
 +
.navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
 +
    margin-top: 0;
 +
}
 +
.dropdown-submenu {
 +
    position: relative;
 +
}
 +
.dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {
 +
    top: 0;
 +
    left: 100%;
 +
    margin-top: -6px;
 +
}
 +
.dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {
 +
    display: block;
 +
}
 +
.dropdown-submenu>a:after {
 +
    display: block;
 +
    content: " ";
 +
    float: right;
 +
    width: 0;
 +
    height: 0;
 +
    margin-top: 5px;
 +
    margin-right: -10px;
 +
}
 +
.dropdown-submenu.pull-left {
 +
    float: none;
 +
}
 +
.dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {
 +
    left: -100%;
 +
    margin-left: 10px;
 +
}
 +
.open > .dropdown-menu,
 +
.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
 +
    animation-name: slidenavAnimation;
 +
    animation-duration: 200ms;
 +
    animation-iteration-count: 1;
 +
    animation-timing-function: ease-out;
 +
    animation-fill-mode: forwards;
 +
    -webkit-animation-name: slidenavAnimation;
 +
    -webkit-animation-duration: 200ms;
 +
    -webkit-animation-iteration-count: 1;
 +
    -webkit-animation-timing-function: ease-out;
 +
    -webkit-animation-fill-mode: forwards;
 +
    -moz-animation-name: slidenavAnimation;
 +
    -moz-animation-duration: 200ms;
 +
    -moz-animation-iteration-count: 1;
 +
    -moz-animation-timing-function: ease-out;
 +
    -moz-animation-fill-mode: forwards;
 +
}
 +
@keyframes slidenavAnimation {
 +
    from {
 +
margin-top: -30px;
 +
        opacity: 0;
 +
    }
 +
    to {
 +
margin-top: 0;
 +
        opacity: 1;
 +
    }
 +
}
 +
@-webkit-keyframes slidenavAnimation {
 +
    from {
 +
margin-top: -30px;
 +
        opacity: 0;
 +
    }
 +
    to {
 +
margin-top: 0;
 +
        opacity: 1;
 +
    }
 +
}
 +
}
  
−
else if ( ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name
+
@media (min-width: 1025px) and (max-width: 1199px) {
−
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );  
+
−
}
+
/* br {
 +
display: none;
 +
}*/
 +
 +
#team .inner-left {
 +
padding-left: 40px;
 +
}
 +
 +
#team .inner-right {
 +
padding-right: 40px;
 +
}
 +
 +
.classic-blog .post {
 +
width: 601px;
 +
padding-bottom: 50px;
 +
}
 +
.classic-blog .post-content > * {
 +
margin-left: 50px;
 +
margin-right: 50px;
 +
}
 +
.classic-blog .post-content > .post-media {
 +
margin-left: 0;
 +
margin-right: 0;
 +
}
 +
.classic-blog .post-content > *:first-child,
 +
.classic-blog .post-media + * {
 +
margin-top: 45px;
 +
}
 +
.classic-blog .post-content > .post-media:first-child,
 +
.classic-blog .owl-carousel.post-media + * {
 +
margin-top: 0;
 +
}
 +
.classic-blog .post-title {
 +
font-size: 33px;
 +
}
 +
.classic-blog .post-content .meta {
 +
padding-left: 50px;
 +
padding-right: 50px;
 +
margin-right: -5px;
 +
margin-left: -5px;
 +
margin-bottom: 25px;
 +
}
 +
.grid-blog.col-2 {
 +
    margin-left: -30px;
 +
}
 +
.grid-blog.col-2 .post {
 +
    width: 330px;
 +
    margin-left: 30px;
 +
    margin-bottom: 30px;
 +
}
 +
.grid-blog.col-2 .post-title {
 +
font-size: 28px;
 +
}
 +
.grid-blog.col-2.no-sidebar {
 +
    margin-left: -40px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post {
 +
    width: 465px;
 +
    margin-left: 40px;
 +
    margin-bottom: 40px;
 +
}
 +
.grid-blog.col-3.no-sidebar {
 +
    margin-left: -25px;
 +
}
 +
.grid-blog.col-3.no-sidebar .post {
 +
    width: 306px;
 +
    margin-left: 25px;
 +
    margin-bottom: 25px;
 +
}
 +
.grid-blog.col-3.no-sidebar .post-title {
 +
font-size: 24px;
 +
}
 +
.grid-blog.col-3.no-sidebar p {
 +
font-size: 16px;
 +
}
 +
.tabs-circle-top .etabs:before {
 +
margin: 55px 0 -55px;
 +
}
 +
.tabs-circle-top .tab {
 +
height: 140px;
 +
margin: 0 10px;
 +
}
 +
.tabs-circle-top .tab a {
 +
width: 110px;
 +
height: 110px;
 +
max-width: 110px;
 +
font-size: 12px;
 +
}
 +
.tabs-circle-top .tab a div {
 +
font-size: 36px;
 +
}
 +
.tabs-circle-top .tab.active a {
 +
height: 140px;
 +
width: 140px;
 +
max-width: 140px;
 +
font-size: 14px;
 +
}
 +
.tabs-circle-top .tab.active a div {
 +
font-size: 46px;
 +
}
 +
.navbar .dropdown-submenu > a:after {
 +
    display: none;
 +
}
 +
.navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
 +
    margin-top: 0;
 +
}
 +
.dropdown-submenu {
 +
    position: relative;
 +
}
 +
.dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {
 +
    top: 0;
 +
    left: 100%;
 +
    margin-top: -6px;
 +
}
 +
.dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {
 +
    display: block;
 +
}
 +
.dropdown-submenu>a:after {
 +
    display: block;
 +
    content: " ";
 +
    float: right;
 +
    width: 0;
 +
    height: 0;
 +
    margin-top: 5px;
 +
    margin-right: -10px;
 +
}
 +
.dropdown-submenu.pull-left {
 +
    float: none;
 +
}
 +
.dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {
 +
    left: -100%;
 +
    margin-left: 10px;
 +
}
 +
.open > .dropdown-menu,
 +
.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
 +
    animation-name: slidenavAnimation;
 +
    animation-duration: 200ms;
 +
    animation-iteration-count: 1;
 +
    animation-timing-function: ease-out;
 +
    animation-fill-mode: forwards;
 +
    -webkit-animation-name: slidenavAnimation;
 +
    -webkit-animation-duration: 200ms;
 +
    -webkit-animation-iteration-count: 1;
 +
    -webkit-animation-timing-function: ease-out;
 +
    -webkit-animation-fill-mode: forwards;
 +
    -moz-animation-name: slidenavAnimation;
 +
    -moz-animation-duration: 200ms;
 +
    -moz-animation-iteration-count: 1;
 +
    -moz-animation-timing-function: ease-out;
 +
    -moz-animation-fill-mode: forwards;
 +
}
 +
@keyframes slidenavAnimation {
 +
    from {
 +
margin-top: -30px;
 +
        opacity: 0;
 +
    }
 +
    to {
 +
margin-top: 0;
 +
        opacity: 1;
 +
    }
 +
}
 +
@-webkit-keyframes slidenavAnimation {
 +
    from {
 +
margin-top: -30px;
 +
        opacity: 0;
 +
    }
 +
    to {
 +
margin-top: 0;
 +
        opacity: 1;
 +
    }
 +
}
 +
}
  
−
else {
+
@media (max-width: 1024px) {
−
// this adds the team's name as an h1
+
−
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );  
+
html {
 +
overflow-x: hidden;
 +
}
 +
 +
#hero .info,
 +
#hero .info,
 +
#hero .info,
 +
.items li .text-overlay .info.big,
 +
.thumbs .thumb .text-overlay .info.big,
 +
.owl-carousel .item .text-overlay .info.big {
 +
margin-top: -35px;
 +
}
 +
 +
.retina-icons-code code {
 +
font-size: 11.5px;
 +
}
 +
 +
.tabs-side.tab-container .panel-container {
 +
padding-left: 50px;
 +
}
 +
 +
br {
 +
display: none;
 +
}
 +
 +
#team .inner-left {
 +
padding-left: 30px;
 +
}
 +
 +
#team .inner-right {
 +
padding-right: 30px;
 +
}
 +
 +
.classic-blog .post {
 +
width: 630px;
 +
padding-bottom: 50px;
 +
}
 +
.classic-blog .post-content > * {
 +
margin-left: 50px;
 +
margin-right: 50px;
 +
}
 +
.classic-blog .post-content > .post-media {
 +
margin-left: 0;
 +
margin-right: 0;
 +
}
 +
.classic-blog .post-content > *:first-child,
 +
.classic-blog .post-media + * {
 +
margin-top: 45px;
 +
}
 +
.classic-blog .post-content > .post-media:first-child,
 +
.classic-blog .owl-carousel.post-media + * {
 +
margin-top: 0;
 +
}
 +
.classic-blog .post-title {
 +
font-size: 33px;
 +
}
 +
.classic-blog .post-content .meta {
 +
padding-left: 50px;
 +
padding-right: 50px;
 +
margin-right: -5px;
 +
margin-left: -5px;
 +
margin-bottom: 25px;
 +
}
 +
.classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination {
 +
left: auto;
 +
}
 +
.sidebar-left .grid-blog.col-2,
 +
.sidebar-left .grid-blog.col-2 + .pagination {
 +
padding-left: 20px;
 +
padding-right: 0;
 +
}
 +
.grid-blog.col-2 {
 +
padding-right: 20px;
 +
    margin-left: 0;
 +
margin-bottom: 0;
 +
}
 +
.grid-blog.col-2 .post {
 +
    width: 100%;
 +
    margin-left: 0;
 +
    margin-bottom: 30px;
 +
}
 +
.grid-blog.col-2 .post-title {
 +
font-size: 28px;
 +
}
 +
.grid-blog.col-2.no-sidebar,
 +
.grid-blog.col-3.no-sidebar {
 +
padding-right: 0;
 +
    margin-left: -25px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post,
 +
.grid-blog.col-3.no-sidebar .post {
 +
    width: 347px;
 +
padding-bottom: 40px;
 +
    margin-left: 25px;
 +
    margin-bottom: 25px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-content > *,
 +
.grid-blog.col-3.no-sidebar .post-content > * {
 +
margin-left: 40px;
 +
margin-right: 40px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-content > *:first-child,
 +
.grid-blog.col-2.no-sidebar .post-media + *,
 +
.grid-blog.col-3.no-sidebar .post-content > *:first-child,
 +
.grid-blog.col-3.no-sidebar .post-media + * {
 +
margin-top: 35px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-content .meta,
 +
.grid-blog.col-3.no-sidebar .post-content .meta {
 +
padding-left: 40px;
 +
padding-right: 40px;
 +
margin-right: -5px;
 +
margin-left: -5px;
 +
margin-bottom: 25px;
 +
}
 +
.grid-blog.col-2.no-sidebar .post-title ,
 +
.grid-blog.col-3.no-sidebar .post-title {
 +
font-size: 24px;
 +
}
 +
.grid-blog.col-2.no-sidebar p,
 +
.grid-blog.col-3.no-sidebar p {
 +
font-size: 16px;
 +
}
 +
.format-filter li a {
 +
padding: 0 25px;
 +
}
 +
.blog.no-sidebar .post,
 +
.blog.no-sidebar #comments,
 +
.blog.no-sidebar .pagination,
 +
.blog.no-sidebar .comment-form-wrapper {
 +
    width: 100%;
 +
}
 +
.classic-blog .pagination,
 +
.classic-blog .comment-form-wrapper {
 +
margin-bottom: 120px;
 +
}
 +
.classic-blog.no-sidebar .pagination,
 +
.classic-blog.no-sidebar .comment-form-wrapper {
 +
margin-bottom: 0;
 +
}
 +
 +
[class*="col-md"][class*="inner-left"],
 +
[class*="col-md"][class*="inner-right"] {
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
}
 +
 +
[class*="col-md"][class*="border-left"] {
 +
border-left: none;
 +
}
 +
 +
[class*="col-md"][class*="border-right"] {
 +
border-right: none;
 +
}
 +
 +
.tabs-circle-top .etabs:before {
 +
margin: 50px 0 -50px;
 +
}
 +
.tabs-circle-top .tab {
 +
height: 130px;
 +
margin: 0 5px;
 +
}
 +
.tabs-circle-top .tab a {
 +
width: 100px;
 +
height: 100px;
 +
max-width: 100px;
 +
font-size: 11px;
 +
}
 +
.tabs-circle-top .tab a div {
 +
font-size: 33px;
 +
}
 +
.tabs-circle-top .tab.active a {
 +
height: 130px;
 +
width: 130px;
 +
max-width: 130px;
 +
font-size: 13px;
 +
}
 +
.tabs-circle-top .tab.active a div {
 +
font-size: 44px;
 +
}
 +
 +
#owl-main .caption.text-center,
 +
#owl-main .caption.text-left,
 +
#owl-main .caption.text-right {
 +
padding-left: 0;
 +
padding-right: 0;
 +
}
 +
.navbar-header .navbar-brand {
 +
display: inline-block;
 +
}
 +
.navbar-collapse .navbar-brand {
 +
display: none;
 +
}
 +
 +
.navbar-collapse.collapse {
 +
display: none !important;
 +
}
 +
 +
.navbar-collapse.collapse.in {
 +
display: block !important;
 +
}
 +
 +
.navbar .container {
 +
display: block;
 +
}
 +
 +
.navbar .social,
 +
.navbar .info {
 +
    display: none;
 +
}
 +
 +
.navbar-nav {
 +
padding-left: 0;
 +
}
 +
 +
.navbar-header {
 +
background: #FFF;
 +
    padding: 25px 0;
 +
}
 +
.btn.responsive-menu {
 +
    display: table;
 +
}
 +
.btn.responsive-menu i {
 +
    display: table-cell;
 +
vertical-align: middle;
 +
}
 +
.navbar-collapse {
 +
    position: static !important;
 +
background: #F5F7FA;
 +
    max-height: inherit;
 +
padding-top: 0;
 +
padding-bottom: 0;
 +
}
 +
.navbar-collapse:after {
 +
    content: '';
 +
    display: block;
 +
    height: 0;
 +
    clear: both;
 +
    visibility: hidden;
 +
}
 +
.yamm .nav,
 +
.yamm .dropup,
 +
.yamm .dropdown,
 +
.yamm .collapse {
 +
float: none;
 +
    position: relative;
 +
}
 +
.yamm .dropdown-menu {
 +
    position: relative;
 +
    left: inherit;
 +
    top: inherit;
 +
    float: none;
 +
    width: 100%;
 +
  /* display: block !important;*/
 +
}
 +
.yamm .yamm-content {
 +
    padding: 12px 0;
 +
    font-size: 13px;
 +
}
 +
.navbar-nav {
 +
display: block;
 +
padding: 15px 0;
 +
}
 +
.navbar-nav > li {
 +
display: block;
 +
}
 +
.navbar-nav > li > a {
 +
padding-left: 0;
 +
padding-right: 0;
 +
border: none;
 +
border-radius: 0;
 +
}
 +
.navbar-nav > li > a:focus {
 +
background: none;
 +
/*color: #1ABB9C;*/
 +
}
 +
.navbar-nav .dropdown-menu {
 +
border: none;
 +
box-shadow: none;
 +
}
 +
.navbar-nav .dropdown-submenu .dropdown-menu {
 +
top: 0 !important;
 +
    padding-left: 20px;
 +
}
 +
.navbar-nav .dropdown + .dropdown {
 +
border-top: 1px solid #E6E9ED;
 +
}
 +
.navbar-nav .dropdown-menu > li:last-child {
 +
margin-bottom: 20px;
 +
}
 +
.navbar-nav .searchbox {
 +
float: left !important;
 +
display: block;
 +
width: 100%;
 +
}
 +
.navbar-header {
 +
    float: left;
 +
    width: 100%;
 +
}
 +
.navbar-header:after {
 +
    content: '';
 +
    display: block;
 +
    height: 0;
 +
    clear: both;
 +
    visibility: hidden;
 +
}
 +
}
  
−
// this adds the page's title as an h4
+
@media (max-width: 969px) {
−
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
+
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
−
}
+
    width: 100%;
 +
}
 +
}
  
 +
@media (min-width: 768px) {
 +
.navbar-collapse.collapse {
 +
padding-bottom: 30px;
 +
}
 +
}
  
 +
@media (min-width: 768px) and (max-width: 979px) {
 +
 +
.navbar .container,
 +
.container {
 +
    padding-right: 15px;
 +
    padding-left: 15px;
 +
}
 +
.tabs-side .etabs {
 +
    width: 240px;
 +
}
 +
.tabs-side.tab-container .panel-container {
 +
    width: 480px;
 +
}
 +
.tabs-top.left .tab {
 +
    margin-right: 2px;
 +
}
 +
.tabs-top.left .tab a {
 +
    padding: 5px 10px;
 +
}
 +
.items.col-4 {
 +
    margin-left: -9px;
 +
    margin-bottom: -9px;
 +
}
 +
.items.col-4 li {
 +
    width: 234px;
 +
    margin-left: 9px;
 +
    margin-bottom: 9px;
 +
}
 +
.items.col-3 {
 +
    margin-left: -9px;
 +
    margin-bottom: -9px;
 +
}
 +
.items.col-3 li {
 +
    width: 234px;
 +
    margin-left: 9px;
 +
    margin-bottom: 9px;
 +
}
 +
.items.col-3.gap {
 +
    margin-left: -18px;
 +
    margin-bottom: -18px;
 +
}
 +
.items.col-3.gap li {
 +
    width: 351px;
 +
    margin-left: 18px;
 +
    margin-bottom: 18px;
 +
}
 +
.items.col-4.gap {
 +
    margin-left: -18px;
 +
    margin-bottom: -18px;
 +
}
 +
.items.col-4.gap li {
 +
    width: 351px;
 +
    margin-left: 18px;
 +
    margin-bottom: 18px;
 +
}
 +
}
  
 +
@media (max-width: 767px) {
 +
 +
body {
 +
height: 100vh;
 +
}
 +
 +
h1,
 +
h2,
 +
h3,
 +
h4 {
 +
letter-spacing: .0125em;
 +
}
 +
 +
h1 {
 +
font-size: 33px;
 +
line-height: 120%;
 +
margin-bottom: 20px;
 +
}
 +
 +
header p {
 +
font-size: 20px;
 +
}
 +
 +
footer .inner {
 +
padding-top: 35px;
 +
    padding-bottom: 25px;
 +
}
 +
 +
footer .row .inner {
 +
padding-left: 20px;
 +
padding-right: 20px;
 +
}
 +
 +
footer .container > .row {
 +
margin-left: -20px;
 +
margin-right: -20px;
 +
}
 +
 +
.row,
 +
#share {
 +
overflow: hidden;
 +
}
 +
 +
#share .container {
 +
width: auto;
 +
padding: 0;
 +
margin-left: -15px;
 +
margin-right: -15px;
 +
}
 +
 +
/*.owl-controls {
 +
display: inline;
 +
}
 +
 +
.owl-pagination {
 +
top: 0 !important;
 +
}*/
 +
 +
.last-bottom {
 +
padding-bottom: 20px !important;
 +
}
 +
 +
.last-bottom + .last-bottom {
 +
padding-bottom: 0 !important;
 +
}
 +
 +
.thumbs.gap-lg {
 +
margin-left: -15px;
 +
}
 +
 +
.thumbs.gap-lg .thumb {
 +
padding: 0 0 15px 15px;
 +
}
 +
 +
.icon.pull-right {
 +
margin-left: 10px;
 +
}
 +
 +
.inner {
 +
padding-top: 80px;
 +
padding-bottom: 80px;
 +
}
 +
.inner-md {
 +
padding-top: 65px;
 +
padding-bottom: 65px;
 +
}
 +
.inner-sm {
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
}
 +
.inner-xs {
 +
padding-top: 40px;
 +
padding-bottom: 40px;
 +
}
 +
.inner-top {
 +
padding-top: 80px;
 +
}
 +
.inner-top-md {
 +
padding-top: 65px;
 +
}
 +
.inner-top-sm {
 +
padding-top: 50px;
 +
}
 +
.inner-top-xs {
 +
padding-top: 40px;
 +
}
 +
.inner-bottom {
 +
padding-bottom: 80px;
 +
}
 +
.inner-bottom-md {
 +
padding-bottom: 65px;
 +
}
 +
.inner-bottom-sm {
 +
padding-bottom: 50px;
 +
}
 +
.inner-bottom-xs {
 +
padding-bottom: 40px;
 +
}
 +
 +
.height-xs,
 +
.height-sm,
 +
.height-md,
 +
.height-lg,
 +
#owl-main .item,
 +
#owl-main.height-md .item,
 +
#owl-main.height-lg .item {
 +
height: 88vh;
 +
}
 +
 +
#hero h1 {
 +
font-size: 38px;
 +
line-height: 115%;
 +
letter-spacing: 0.031em;
 +
}
 +
 +
#hero p {
 +
font-size: 20px;
 +
line-height: 135%;
 +
margin-top: 15px;
 +
}
 +
 +
#hero #owl-main .caption h1.light-bg,
 +
#hero #owl-main .caption h1.medium-bg,
 +
#hero #owl-main .caption h1.dark-bg,
 +
#hero #owl-main .caption h1.tint-bg {
 +
font-size: 33px;
 +
}
 +
 +
#hero .btn {
 +
margin-top: 25px;
 +
}
 +
 +
#hero .btn-large {
 +
font-size: 16px;
 +
padding: 12px 30px 15px;
 +
}
 +
 +
.retina-icons-code tr td:first-child,
 +
.retina-icons-code tr th:first-child {
 +
max-width: 30px;
 +
}
 +
 +
.table > thead > tr > th,
 +
.table > tbody > tr > th,
 +
.table > tfoot > tr > th,
 +
.table > thead > tr > td,
 +
.table > tbody > tr > td,
 +
.table > tfoot > tr > td {
 +
line-height: 100%;
 +
padding-left: 4px;
 +
padding-right: 4px;
 +
}
 +
 +
.table > thead > tr > th {
 +
font-size: 11px;
 +
}
 +
 +
.retina-icons-code i {
 +
font-size: 14px;
 +
}
 +
 +
.retina-icons-code code {
 +
font-size: 10px;
 +
}
 +
 +
.tabs-side .etabs {
 +
float: none;
 +
width: 100%;
 +
}
 +
 +
.tabs-side .tab a {
 +
border-right-color: #E6E9ED;
 +
}
 +
 +
.tabs-side .tab:first-child a {
 +
border-top-right-radius: 3px;
 +
}
 +
 +
.tabs-side .tab:last-child a {
 +
border-bottom-right-radius: 3px;
 +
}
 +
 +
.tabs-side .tab.active a {
 +
border-right-color: #CED7E0 !important;
 +
}
 +
 +
.tabs-side.tab-container .panel-container {
 +
padding-left: 0;
 +
border-left: none;
 +
margin-top: 30px;
 +
}
 +
 +
.tabs-top .etabs:after {
 +
display: none;
 +
}
 +
.tabs-top .tab {
 +
display: block;
 +
max-width: 100%;
 +
margin: 0;
 +
}
 +
.tabs-top .tab a {
 +
display: block;
 +
border-top-left-radius: 0;
 +
border-top-right-radius: 0;
 +
}
 +
.tabs-top .tab:first-child a {
 +
border-top-left-radius: 3px;
 +
border-top-right-radius: 3px;
 +
}
 +
.tabs-top .tab:last-child a {
 +
border-bottom: 1px solid #E6E9ED;
 +
border-bottom-left-radius: 3px;
 +
border-bottom-right-radius: 3px;
 +
}
 +
.tabs-top .tab.active + .tab a {
 +
border-top-color: #CED7E0;
 +
}
 +
.tabs-top .tab.active + .tab a:hover {
 +
border-top-color: #1ABB9C;
 +
}
 +
 +
.filter:before, .format-filter:before {
 +
display: none;
 +
}
 +
 +
h1.single-block .btn {
 +
margin-left: 0;
 +
}
 +
 +
.sidemeta .date-wrapper,
 +
.classic-blog.sidebar-left .sidemeta .date-wrapper {
 +
top: -80px;
 +
left: 50%;
 +
margin-left: -60px;
 +
}
 +
 +
.sidemeta .format-wrapper,
 +
.classic-blog.sidebar-left .sidemeta .format-wrapper {
 +
top: -70px;
 +
left: 50%;
 +
margin-left: 10px;
 +
}
 +
 +
.classic-blog .sidemeta,
 +
.classic-blog .pagination {
 +
padding-left: 0;
 +
border-left: none;
 +
margin-left: 0;
 +
}
 +
.classic-blog.sidebar-left .sidemeta,
 +
.classic-blog.sidebar-left .pagination {
 +
padding-right: 0;
 +
border-right: none;
 +
margin-right: 0;
 +
}
 +
.classic-blog.no-sidebar .sidemeta,
 +
.classic-blog.no-sidebar .pagination {
 +
left: 0;
 +
}
 +
.classic-blog .post {
 +
margin-top: 80px;
 +
width: 100%;
 +
}
 +
 +
.grid-blog.col-2 {
 +
padding-right: 0;
 +
}
 +
 +
.sidebar-left .grid-blog.col-2,
 +
.sidebar-left .grid-blog.col-2 + .pagination {
 +
padding-left: 0;
 +
}
 +
 +
.classic-blog .post,
 +
.grid-blog.col-2 .post,
 +
.grid-blog.col-3 .post,
 +
.grid-blog.col-2.no-sidebar .post,
 +
.grid-blog.col-3.no-sidebar .post {
 +
padding-bottom: 30px;
 +
}
 +
 +
.classic-blog .post-content > *,
 +
.grid-blog.col-2 .post-content > *,
 +
.grid-blog.col-3 .post-content > *,
 +
.grid-blog.col-2.no-sidebar .post-content > *,
 +
.grid-blog.col-3.no-sidebar .post-content > * {
 +
margin-left: 30px;
 +
margin-right: 30px;
 +
}
 +
 +
.classic-blog .post-content .meta,
 +
.grid-blog.col-2 .post-content .meta,
 +
.grid-blog.col-3 .post-content .meta,
 +
.grid-blog.col-2.no-sidebar .post-content .meta,
 +
.grid-blog.col-3.no-sidebar .post-content .meta {
 +
padding-left: 30px;
 +
padding-right: 30px;
 +
margin-bottom: 20px;
 +
}
 +
 +
.classic-blog .post-content > *:first-child,
 +
.classic-blog .post-media + *,
 +
.grid-blog.col-2 .post-content > *:first-child,
 +
.grid-blog.col-2 .post-media + *,
 +
.grid-blog.col-3 .post-content > *:first-child,
 +
.grid-blog.col-3 .post-media + *,
 +
.grid-blog.col-2.no-sidebar .post-content > *:first-child,
 +
.grid-blog.col-2.no-sidebar .post-media + *,
 +
.grid-blog.col-3.no-sidebar .post-content > *:first-child,
 +
.grid-blog.col-3.no-sidebar .post-media + * {
 +
margin-top: 30px;
 +
}
 +
 +
.classic-blog .post-title,
 +
.grid-blog.col-2 .post-title,
 +
.grid-blog.col-3 .post-title,
 +
.grid-blog.col-2.no-sidebar .post-title,
 +
.grid-blog.col-3.no-sidebar .post-title {
 +
font-size: 24px;
 +
}
 +
 +
.classic-blog p,
 +
.grid-blog.col-2 p,
 +
.grid-blog.col-3 p,
 +
.grid-blog.col-2.no-sidebar p,
 +
.grid-blog.col-3.no-sidebar p {
 +
font-size: 16px;
 +
line-height: 150%;
 +
margin-bottom: 10px;
 +
}
 +
 +
.classic-blog .pagination,
 +
.classic-blog .comment-form-wrapper,
 +
.pagination {
 +
margin-bottom: 100px;
 +
}
 +
 +
.grid-blog.col-2.no-sidebar + .pagination,
 +
.grid-blog.col-3.no-sidebar + .pagination {
 +
margin-bottom: 0;
 +
}
 +
 +
.classic-blog .pagination,
 +
.classic-blog.sidebar-left .pagination,
 +
.grid-blog.col-2 + .pagination,
 +
.grid-blog.col-3 + .pagination,
 +
.grid-blog.col-2.no-sidebar + .pagination,
 +
.grid-blog.col-3.no-sidebar + .pagination {
 +
margin-left: -10px;
 +
}
 +
 +
.pagination > li:first-child {
 +
margin-left: 10px;
 +
}
 +
 +
.pagination li {
 +
margin-bottom: 10px;
 +
}
 +
 +
#blog-post .post h2 {
 +
font-size: 19px;
 +
margin-bottom: 15px;
 +
}
 +
 +
#blog-post .post h3 {
 +
font-size: 16px;
 +
}
 +
 +
#blog-post .post h4 {
 +
font-size: 14px;
 +
}
 +
 +
#blog-post .post figure figcaption p {
 +
font-size: 14px;
 +
line-height: 150%;
 +
}
 +
 +
[class*="col"] > figcaption:first-child {
 +
padding-top: 20px;
 +
}
 +
 +
.post-author, #comments {
 +
padding: 30px;
 +
}
 +
 +
.post-author .author-image {
 +
float: none;
 +
display: inline-block;
 +
margin-bottom: 20px;
 +
}
 +
 +
.post-author .author-details {
 +
padding-left: 0;
 +
}
 +
 +
#comments .avatar {
 +
float: none;
 +
display: inline-block;
 +
margin-bottom: 15px;
 +
}
 +
 +
#comments .commentbody {
 +
padding-left: 0;
 +
}
 +
 +
#comments .commentlist .children {
 +
padding-left: 0;
 +
}
 +
 +
[class*="col"][class*="border-left"] {
 +
border-left: none;
 +
}
 +
 +
[class*="col"][class*="border-right"] {
 +
border-right: none;
 +
}
 +
 +
.filter li {
 +
display: block;
 +
}
 +
 +
.filter li + li {
 +
margin-top: 15px;
 +
}
 +
 +
.filter li:after {
 +
display: none;
 +
}
 +
 +
#hero .info,
 +
#hero .info,
 +
#hero .info,
 +
.items li .text-overlay .info.big,
 +
.thumbs .thumb .text-overlay .info.big,
 +
.owl-carousel .item .text-overlay .info.big {
 +
margin-top: -25px;
 +
}
 +
.items li .text-overlay .info h2,
 +
.thumbs .thumb .text-overlay .info h2,
 +
.owl-carousel .item .text-overlay .info h2,
 +
.items li .text-overlay .info h3,
 +
.thumbs .thumb .text-overlay .info h3,
 +
.owl-carousel .item .text-overlay .info h3,
 +
.items li .text-overlay .info h4,
 +
.thumbs .thumb .text-overlay .info h4,
 +
.owl-carousel .item .text-overlay .info h4 {
 +
font-size: 16px;
 +
line-height: 150%;
 +
}
 +
.items li .text-overlay .info p,
 +
.thumbs .thumb .text-overlay .info p,
 +
.owl-carousel .item .text-overlay .info p,
 +
.items li .text-overlay .info.big p,
 +
.thumbs .thumb .text-overlay .info.big p,
 +
.owl-carousel .item .text-overlay .info.big p,
 +
#hero .items li .text-overlay .info.big p,
 +
#hero .thumbs .thumb .text-overlay .info.big p,
 +
#hero .owl-carousel .item .text-overlay .info.big p {
 +
font-size: 14px;
 +
line-height: 140%;
 +
padding-top: 0;
 +
}
 +
 +
.tabs-2-big-top .tab {
 +
width: 100%;
 +
margin: 0 0 50px 0;
 +
}
 +
.tabs-2-big-top .tab a {
 +
padding: 25px;
 +
}
 +
.tabs-2-big-top.tab-container .panel-container {
 +
margin-top: 0;
 +
}
 +
 +
[class*="col"][class*="inner-left"],
 +
[class*="col"][class*="inner-right"],
 +
[class*="col"][class*="reset-padding"] {
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
}
 +
 +
[class*="inner-top"].reset-xs {
 +
padding-top: 0 !important;
 +
}
 +
 +
.tabs-circle-top .etabs:before {
 +
border-bottom: none;
 +
margin: 0;
 +
}
 +
.tabs-circle-top .tab {
 +
display: table;
 +
width: 100%;
 +
height: auto;
 +
margin: 0;
 +
}
 +
.tabs-circle-top .tab.active {
 +
top: 0;
 +
}
 +
.tabs-circle-top .tab a,
 +
.tabs-circle-top .tab.active a {
 +
width: 100%;
 +
max-width: 100%;
 +
height: auto;
 +
font-size: 18px;
 +
text-align: left;
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
border-top: none;
 +
border-radius: 0;
 +
}
 +
.tabs-circle-top .tab a:hover {
 +
border-width: 1px;
 +
border-color: #CED7E0 !important;
 +
border-top: none;
 +
}
 +
.tabs-circle-top .tab.active a:hover {
 +
border-color: transparent !important;
 +
}
 +
.tabs-circle-top .tab:first-child a {
 +
border-top: 1px solid #CED7E0;
 +
border-top-left-radius: 3px;
 +
border-top-right-radius: 3px;
 +
}
 +
.tabs-circle-top .tab:last-child a {
 +
border-bottom-left-radius: 3px;
 +
border-bottom-right-radius: 3px;
 +
}
 +
.tabs-circle-top .tab a div,
 +
.tabs-circle-top .tab.active a div {
 +
display: inline-block;
 +
vertical-align: middle;
 +
font-size: 30px;
 +
line-height: 120%;
 +
padding-bottom: 5px;
 +
margin: 0 10px 0 0;
 +
}
 +
 +
.yamm-content {
 +
margin-top: 25px;
 +
}
 +
 +
.yamm-content > [class*="col"] {
 +
margin-bottom: 50px;
 +
}
 +
.navbar .container,
 +
.container {
 +
    padding-right: 20px;
 +
    padding-left: 20px;
 +
}
 +
.navbar-collapse {
 +
padding-left: 0;
 +
padding-right: 0;
 +
padding-top: 0;
 +
padding-bottom: 0;
 +
}
 +
.footer-bottom p.pull-left,
 +
.footer-bottom ul.pull-right {
 +
    float: none !important;
 +
    text-align: center;
 +
}
 +
.footer-bottom p {
 +
    margin-bottom: 20px;
 +
}
 +
.footer-menu li {
 +
    padding: 0 5px;
 +
}
 +
img {
 +
    max-width: 100%;
 +
    height: auto;
 +
}
 +
.filter li a:before {
 +
    display: none;
 +
}
 +
.items {
 +
    margin-left: 0 !important;
 +
    /*margin-bottom: -20px !important;*/
 +
}
 +
.items li {
 +
    width: 100% !important;
 +
    margin-left: 0 !important;
 +
    margin-bottom: 20px !important;
 +
}
 +
.items.fullscreen li {
 +
    margin: 0 !important;
 +
}
 +
.sidebar {
 +
    margin-top: 70px;
 +
    padding-left: 15px !important;
 +
}
 +
.blog.no-sidebar .post,
 +
.blog.no-sidebar #comments,
 +
.blog.no-sidebar .pagination,
 +
.blog.no-sidebar .comment-form-wrapper {
 +
    width: 100%
 +
}
 +
.blog.no-sidebar .pagination ul {
 +
    margin: 0
 +
}
 +
.grid-blog {
 +
    margin-left: 0 !important;
 +
    margin-bottom: 20px !important;
 +
}
 +
.grid-blog .post {
 +
    width: 100% !important;
 +
    margin-left: 0 !important;
 +
    margin-bottom: 20px !important;
 +
}
 +
#comments ul.children {
 +
    padding: 0 0 0 20px;
 +
}
 +
#comments .arrow-box {
 +
    margin-left: 0;
 +
}
 +
.panel-title {
 +
    line-height: 18px;
 +
}
 +
.yamm .yamm-content.row {
 +
    margin-bottom: -30px
 +
}
 +
}
  
−
$('#accordion').find('.menu_item').click(function(){
+
@media (min-width: 768px) and (max-height: 1024px) {
 +
 +
.height-xs,
 +
.height-sm,
 +
#owl-main .item {
 +
height: 480px;
 +
}
 +
 +
#hero h1 {
 +
font-size: 60px;
 +
line-height: 115%;
 +
}
 +
 +
#hero p {
 +
font-size: 22px;
 +
line-height: 135%;
 +
margin-top: 30%;
 +
}
 +
 +
#hero #owl-main .caption h1.light-bg,
 +
#hero #owl-main .caption h1.medium-bg,
 +
#hero #owl-main .caption h1.dark-bg,
 +
#hero #owl-main .caption h1.tint-bg {
 +
font-size: 50px;
 +
}
 +
 +
#hero .btn {
 +
margin-top: 35px;
 +
}
 +
 +
#hero .btn-large {
 +
font-size: 16px;
 +
padding: 15px 35px 17px;
 +
}
 +
}
  
−
//Expand or collapse this panel
+
@media (min-width: 768px) and (max-height: 1500px) {
−
submenu = $(this).find('.submenu');
+
−
submenu.toggle();
+
.height-xs,
 +
.height-sm,
 +
.height-md,
 +
.height-lg,
 +
#owl-main .item,
 +
#owl-main.height-md .item,
 +
#owl-main.height-lg .item {
 +
height: 625px;
 +
}
 +
}
  
−
icon = $(this).find('.icon');
 
  
−
if ( !$( submenu ).is(':visible') ) {
+
/*===================================================================================*/
−
icon.removeClass("less").addClass("plus");
+
/* DEMO ONLY
−
}
+
/*===================================================================================*/
−
else {
+
−
icon.removeClass("plus").addClass("less");
+
−
}
+
  
−
//Hide the other panels
+
a.changecolor {
−
$(".submenu").not(submenu).hide();
+
cursor: pointer;
−
$(".icon").not(icon).removeClass("less").addClass("plus");
+
}
−
});
+
  
  
−
$(".collapsable_menu_control").click(function() {
+
/*===================================================================================*/
−
$(".menu_item").toggle();
+
/* SKROLLR ANIMATIONS
−
});
+
/*===================================================================================*/
  
−
$( window ).resize(function() {
+
.navbar .navbar-collapse {
−
$(".menu_item").show();
+
-skrollr-animation-name: shrink-header;
−
});
+
}
  
 +
.navbar .navbar-brand img {
 +
-skrollr-animation-name: shrink-logo;
 +
}
  
−
});
+
@-skrollr-keyframes shrink-header {
−
 
+
40 {
 +
padding-top: 30px;
 +
padding-bottom: 30px;
 +
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0);
 +
  -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.0);
 +
box-shadow: 0 10px 10px rgba(0,0,0,0);
 +
}
  
 +
300 {
 +
padding-top: 0;
 +
padding-bottom: 0;
 +
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
 +
  -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.1);
 +
box-shadow: 0 10px 10px rgba(0,0,0,0.1);
 +
}
 +
}
  
 +
@-skrollr-keyframes shrink-logo {
 +
40 {
 +
max-height: 40px;
 +
}
  
−
</script>
+
300 {
−
 
+
max-height: 20px;
−
 
+
−
</html>
+
}
 +
}

Revision as of 17:55, 13 October 2016


  • ,
    before,
    after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

}

focus {
   outline: 0 !important;

} figure { 

   margin: 0;
   padding: 0;

} figure img { 

   width: 100%;
   height: auto;

} img[src*=".svg"] { height: 100%; } iframe { 

   border: none;

}

  • > p:last-child {

padding-bottom: 0 !important; margin-bottom: 0 !important; }

selection {
   background: #AAF2E4; /* Safari */
   color: #506A85;

}

-moz-selection {
   background: #AAF2E4; /* Firefox */
   color: #506A85;

} icon2 { 

   color: #ffffff;

}

  1. bg {
 position: fixed; 
 top: 0; 
 left: 0; 

 /* Preserve aspet ratio */
 min-width: 100%;
 min-height: 100%;

} body { 

   font-family: 'Source Sans Pro', sans-serif;
   background-color: #283645;
   color: #73879C;
   font-size: 18px;

line-height: 150%; 

   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: 100%;

/*-moz-osx-font-smoothing: grayscale;*/ text-rendering: optimizeLegibility; overflow-x: hidden !important; height: auto !important; } .csstransitions main [class*="col-"] { opacity: 0; } .navbar, main { background-color: #FFF; } .container { 

   padding-right: 0;
   padding-left: 0;

} p { margin-bottom: 20px; } p a { border-bottom: 1px solid #73879C; } p a:hover { border-color: transparent; } a { 

   color: inherit;
   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;

} a:hover, a:focus { 

   color: #1ABB9C;
   text-decoration: none;

} h1, h2, h3, h4, h5, h6 { 

   font-family: 'Lato', sans-serif;
   font-weight: 700;

letter-spacing: 0.025em; 

   color: #506A85;
   margin-top: 0;

/*word-wrap: break-word;*/ } h1 { 

   font-size: 44px;
   line-height: 130%;
   margin-bottom: 25px;

} h2 { 

   font-size: 26px;
   line-height: 130%;
   margin-bottom: 20px;

} h3 { 

   font-size: 20px;
   line-height: 150%;
   margin-bottom: 15px;

} h4 { 

   font-size: 16px;
   line-height: 150%;
   margin-bottom: 15px;

} h5 { 

   font-size: 14px;
   line-height: 160%;
   margin-bottom: 13px;

} h6 { 

   font-size: 12px;
   line-height: 160%;
   margin-bottom: 10px;

} a .logo { 

   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;

} a:hover .logo { opacity: .6; } a.green:hover { 

   background: #1ABB9C !important;

} a.blue:hover { 

   background: #3F8DBF !important;

} a.red:hover { 

   background: #FA6C65 !important;

} a.orange:hover { 

   background: #F27A24 !important;

} a.purple:hover { 

   background: #9B59B6 !important;

} a.pink:hover { 

   background: #D487BE !important;

} a.navy:hover { 

   background: #34495E !important;

} a.gray:hover { 

   background: #95A5A6 !important;

} ol { position: relative; padding-left: 22px; } ul { 

   list-style: none;

position: relative; padding-left: 22px; } ul.arrowed li, ul.circled li, ol li { margin-bottom: 5px; } ul.arrowed li:before { 

   /*font-family: 'fontello';*/
   content: '\2192';
   font-weight: normal;
   color: #1ABB9C;
   margin-top: -1px;

margin-left: -23px; 

   vertical-align: top;

position: absolute; } ul.circled li:before { 

   font-family: 'fontello-circle';
   content: '\e800';
   font-size: 8px;
   font-weight: normal;
   color: #1ABB9C;
   padding-top: 1px;

margin-left: -20px; 

   vertical-align: top;

position: absolute; } ul.contacts { padding-left: 0; } ul.contacts li { margin-bottom: 5px; } footer ul.contacts li { margin-bottom: 2px; } .social-network { position: relative; z-index: 0; padding-top: 25px; } .social-network .social li { display: table-cell; } .social-network .social li a i { width: 55px; height: 80px; font-size: 20px; }

  1. hero h1 {

font-size: 78px; line-height: 110%; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; margin-bottom: 0; -webkit-transition: font 200ms ease-out; -moz-transition: font 200ms ease-out; -o-transition: font 200ms ease-out; transition: font 200ms ease-out; }

  1. hero #owl-main .caption h1.light-bg,
  2. hero #owl-main .caption h1.medium-bg,
  3. hero #owl-main .caption h1.dark-bg,
  4. hero #owl-main .caption h1.tint-bg {

font-size: 73px; }

  1. hero h4 {

font-size: 33px; line-height: 120%; }

  1. hero p {

font-size: 24px; line-height: 150%; font-weight: 400; letter-spacing: .015em; text-transform: none; margin-top: 20px; margin-bottom: 0; -webkit-transition: font 200ms ease-out, margin 200ms ease-out; -moz-transition: font 200ms ease-out, margin 200ms ease-out; -o-transition: font 200ms ease-out, margin 200ms ease-out; transition: font 200ms ease-out, margin 200ms ease-out; }

  1. hero .btn {

margin-top: 60px; margin-bottom: 0; -webkit-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; -moz-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; -o-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out; }

  1. hero .btn-large {

font-size: 18px; padding: 18px 70px 20px; } header p { font-size: 22px; line-height: 150%; } p + h2, p + h3 { padding-top: 15px; } .text-small { font-size: 16px; line-height: 160%; } .text-normal { font-size: inherit; line-height: inherit; } h2 + .text-small { margin-top: -5px; } header h2 + .text-small { margin-top: 0; } .post-title { 

   margin: 0 0 15px 0;

} h1.post-title { 

   font-size: 22px;
   line-height: 24px;

} .bordered .post-title { 

   margin-bottom: 5px;

} main header + * { margin-top: 35px !important; } .inner { padding-top: 120px; padding-bottom: 120px; } .inner-md { padding-top: 100px; padding-bottom: 100px; } .inner-sm { padding-top: 80px; padding-bottom: 80px; } .inner-xs { padding-top: 40px; padding-bottom: 40px; } .inner-top { padding-top: 120px; } .inner-top-md { padding-top: 100px; } .inner-top-sm { padding-top: 80px; } .inner-top-xs { padding-top: 40px; } .inner-bottom { padding-bottom: 120px; } .inner-bottom-md { padding-bottom: 100px; } .inner-bottom-sm { padding-bottom: 80px; } .inner-bottom-xs { padding-bottom: 40px; } .inner-left { padding-left: 75px; } .inner-left-md { padding-left: 60px; } .inner-left-sm { padding-left: 45px; } .inner-left-xs { padding-left: 30px; } .inner-right { padding-right: 75px; } .inner-right-md { padding-right: 60px; } .inner-right-sm { padding-right: 45px; } .inner-right-xs { padding-right: 30px; } .outer { margin-top: 120px; margin-bottom: 120px; } .outer-md { margin-top: 100px; margin-bottom: 100px; } .outer-sm { margin-top: 80px; margin-bottom: 80px; } .outer-xs { margin-top: 40px; margin-bottom: 40px; } .outer-top { margin-top: 120px; } .outer-top-md { margin-top: 100px; } .outer-top-sm { margin-top: 80px; } .outer-top-xs { margin-top: 40px; } .outer-bottom { margin-bottom: 120px; } .outer-bottom-md { margin-bottom: 100px; } .outer-bottom-sm { margin-bottom: 80px; } .outer-bottom-xs { margin-bottom: 40px; } .center-block { float: none; } .height-xs { height: 30vh; } .height-sm { height: 44vh; } .height-md { height: 61vh; } .height-lg { height: 90vh; } .dropcap { float: left; display: inline-block; width: 44px; height: 44px; background: #F2F5F7; font-size: 28px; font-weight: 700; line-height: 44px; text-align: center; color: #506A85; margin: 6px 15px 0 0; } .dropcap-lg { float: left; display: inline-block; width: 70px; height: 70px; background: #F2F5F7; font-size: 48px; font-weight: 700; line-height: 70px; text-align: center; color: #506A85; margin: 6px 15px 0 0; } blockquote { 

   padding: 0;
   margin: 0;
   border: none;

} blockquote p { 

   font-size: 22px;
   line-height: 160%;

font-style: italic; } blockquote footer, blockquote small, blockquote .small { color: #506A85; font-size: 14px; line-height: 150%; font-weight: 700; } blockquote footer:before, blockquote small:before, blockquote .small:before, blockquote footer:after, blockquote small:after, blockquote .small:after { content: ; display: inline-block; width: 20px; height: 1px; background-color: #506A85; margin-bottom: .28em; } blockquote footer:before, blockquote small:before, blockquote .small:before { margin-right: 10px; } blockquote footer:after, blockquote small:after, blockquote .small:after { margin-left: 10px; } hr { 

   border: 0;
   border-bottom: 1px solid #CED7E0;
   margin: 60px 0;

} .map iframe { 

   display: block;
   max-width: 100%;

} h1 + figure, p + figure { padding-top: 15px; } h2 + figure, h3 + figure, h2 + .thumbs, h3 + .thumbs, h2 + .thumb, h3 + .thumb { padding-top: 10px; } h4 + figure { padding-top: 5px; } h2 + .owl-carousel, p + .owl-carousel, h2 + .panel-group, p + .panel-group { padding-top: 20px; } figure figcaption { font-size: 14px; line-height: 150%; } figure figcaption h4 { margin-bottom: 10px; } figure * + figcaption { padding-top: 20px; } figure + *, .thumb + figure { padding-top: 25px; } .classic-blog figure + * { padding-top: 35px; } figure.post-media + * { padding-top: 0; } .member .icon-overlay { display: inline-block; } .member .icon-overlay span { border-radius: 50%; } .member .img-circle { max-width: 200px; max-height: 200px; } .member .member-image { position: relative; } .member figcaption { position: relative; padding-top: 35px; z-index: 0; } .member figcaption.bordered { padding: 20px 15px 15px; } .member figcaption h2 span, .member figcaption h3 span { display: block; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; letter-spacing: 0.015em; } .member figcaption h3 { font-size: 16px; line-height: 130%; margin-bottom: 10px; } .member figcaption h2 span { font-size: 18px; line-height: 140%; margin-top: 5px; } .member figcaption h3 span { font-size: 14px; line-height: 120%; margin-top: 4px; } .member figcaption blockquote { font-size: 16px; font-style: italic; line-height: 160%; margin-bottom: 20px; } .member figcaption blockquote:before { display: inline; position: relative; content: "\201C"; font-family: inherit; font-size: inherit; margin-right: 2px; } .member figcaption blockquote:after { content: "\201D"; margin-left: 2px; } .member .social { display: inline-block; } .member .social li { display: table-cell; } .member .social li a i { width: 33px; height: 45px; font-size: 15px; } .member .text-overlay .info .social li a i { color: #FFF; } .member .text-overlay .info .social li a:hover .icon-s-facebook { 

   color: #3B5998;
   color: #4668B3;

} .member .text-overlay .info .social li a:hover .icon-s-gplus { 

   color: #DD4B39;
   color: #DE5745;

} .member .text-overlay .info .social li a:hover .icon-s-twitter { 

   color: #00ACED;
   color: #2FBBED;

} .member .text-overlay .info .social li a i:after { background: #FFF; } .img-bg, .img-bg-center { background-position: center !important; background-size: cover; } .img-bg-top { background-position: top !important; background-size: cover; } .img-bg-bottom { background-position: bottom !important; background-size: cover; } .img-bg-soft, .img-bg-softer { background-position: center; position: relative; } .img-bg-soft:before, .img-bg-softer:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .light-bg.img-bg-soft:before { background-color: #F2F5F7; opacity: .66; } .dark-bg.img-bg-soft:before { background-color: #2F4052; opacity: .57; } .tint-bg.img-bg-soft:before { background-color: #1ABB9C; opacity: .84; } .light-bg.img-bg-softer:before { background-color: #F2F5F7; opacity: .95; } .dark-bg.img-bg-softer:before { background-color: #2F4052; opacity: .97; } .tint-bg.img-bg-softer:before { background-color: #1ABB9C; opacity: .96; } .screen-container { position: relative; width: 100%; height: auto !important; background: url("../images/art/screen-container.png") no-repeat top / 100%; overflow: hidden; } .screen-container:before{ content: ""; display: block; padding-top: 47%; } .screen-container .tab-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 5% 4.5%; padding-bottom: 0; } .sidelines { position: relative; line-height: 100%; border-bottom: 1px solid #CED7E0; margin-top: -.35em; margin-bottom: 1.5em; } .sidelines span { position: relative; top: .5em; background: #FFF; padding: 0 .5em 0 0; } .sidelines.text-right span, .text-right .sidelines span { padding: 0 0 0 .5em; } .sidelines.text-center span, .text-center .sidelines span { padding: 0 .5em; } .team-headline.sidelines { margin-top: -20px; margin-bottom: 40px; } .light-bg .sidelines { border-color: #BCC7D1; } .light-bg .sidelines span { background: #F2F5F7; } .dark-bg .sidelines { border-color: #73879C; } .dark-bg .sidelines span { background: #2F4052; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe + iframe { 

   margin-top: 10px;

} .isotope, .owl-carousel .owl-wrapper-outer { z-index: 0; } .green-bg { 

   background-color: #1ABB9C !important;

color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .blue-bg { 

   background-color: #3F8DBF !important;

color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .red-bg { 

   background-color: #FA6C65 !important;

color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .orange-bg { 

   background-color: #F27A24 !important;

color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .purple-bg { 

   background-color: #9B59B6 !important;

color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .pink-bg { 

   background-color: #D487BE !important;

color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .navy-bg { 

   background-color: #34495E !important;

color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .gray-bg { 

   background-color: #95A5A6 !important;

color: #FFF !important; padding: 2px 8px 4px; margin-top: -2px; } .light-bg { 

   background-color: #F2F5F7;

} .dark-bg { 

   background-color: #2F4052;

} .dark-bg, .dark-bg p, .dark-bg .item-details li:before { 

   color: #A3B1BF;

} .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4 { 

   color: #FFF;

} .dark-bg .widget h1, .dark-bg .widget h2, .dark-bg .widget h3, .dark-bg .widget h4 { 

   color: #FFF;

} .tint-bg { 

   background-color: #1ABB9C;

color: #FFF; padding: 2px 8px; margin-top: -2px; } .tint-bg, .tint-bg h1, .tint-bg h2, .tint-bg h3, .tint-bg h4, .tint-bg p, .tint-bg .item-details li:before, .tint-bg .icon i.icn { 

   color: #FFF;

} .tint-bg a:hover { 

   color: #506A85;

} .light-color, .light-color .dark-bg { color: #FFF !important; } .medium-color { color: #A3B1BF !important; } .dark-color { color: #506A85 !important; } .tint-color { color: #1ABB9C !important; } .green { 

   color: #1ABB9C !important;

} .blue { 

   color: #3F8DBF !important;

} .red { 

   color: #FA6C65 !important;

} .pink { 

   color: #D487BE !important;

} .purple { 

   color: #9B59B6 !important;

} .orange { 

   color: #F27A24 !important;

} .navy { 

   color: #34495E !important;

} .gray { 

   color: #95A5A6 !important;

} .icon { 

   display: inline-block;

margin-bottom: 20px; 

   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;

} .icon.circle { padding: 30px; border: 1px solid #1ABB9C; border-radius: 50%; } .icon.circle.xs { padding: 15px; } .icon.circle.sm { padding: 20px; } .icon.circle.lg { padding: 35px; } .icon i.icn { 

   display: block;
   color: #1ABB9C;
   font-size: 65px;
   line-height: 100%;
   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;

} .icon i.icn.xs { font-size: 20px; } .icon i.icn.sm { font-size: 35px; } .icon i.icn.lg { font-size: 85px; } i.contact { 

   margin-right: 5px;
   width: auto;
   height: auto;
   line-height: 18px;

} .tagcloud { 

   line-height: 25px;

} footer { font-size: 14px; line-height: 22px; } footer.dark-bg { 

   color: #A3B1BF;

} footer .inner { padding-top: 45px; padding-bottom: 35px; } footer .container > .row { margin-left: -25px; margin-right: -25px; } footer .row .inner { padding: 25px; } footer .logo { height: auto; max-height: 100%; } footer h4 { text-transform: uppercase; margin-bottom: 20px; } footer p { margin-bottom: 15px; } .footer-menu { 

   padding: 0;
   margin: 0;
   list-style: none;

} .footer-menu li { 

   display: inline;
   padding-left: 10px;

} .footer-menu li:before { 

   display: inline-block;
   content: "·";
   padding-right: 12px;

} .footer-menu li:first-child:before { 

   display: none;

} .footer-bottom { 

   background: #283645;

color: #707E8C; } .footer-bottom .container.inner { 

   padding-top: 30px;

padding-bottom: 30px; } .footer-bottom p, .footer-bottom a { color: #707E8C; } .footer-bottom p { 

   padding: 0;
   margin: 0;

} .meta, .more { 

   font-size: 14px;
   font-weight: 400;

line-height: 160%; cursor: default; } .meta span:before { 

   display: inline-block;
   content: "|";
   padding: 0 10px 0 7px;

} .meta span:first-child:before { 

   display: none;
   padding: 0;

} .meta a { 

   display: inline !important;

} .meta a:hover, .more:hover { 

   color: #1ABB9C;

} .meta.tags a:before { 

   content: "#";
   display: inline-block;

} .bordered .info { 

   text-align: center;

} .bordered .info h3, .bordered .info h4 { margin-bottom: 5px; } .bordered .info h3 a, .bordered .info h4 a { 

   color: #506A85;

} .bordered .info h3 a:hover, .bordered .info h4 a:hover { color: #1ABB9C; } .bordered .info p { font-size: 14px; line-height: 22px; margin-bottom: 0; } .bordered { 

   border: 1px solid #E6E9ED;

border-bottom-width: 2px; border-radius: 3px; 

   padding: 25px;
   background: #F5F7FA;

} .light-bg .bordered { background: #FFF; } .dark-bg .bordered .info h3, .dark-bg .bordered .info h4, .tint-bg .bordered .info h3, .tint-bg .bordered .info h4 { color: #506A85; } .dark-bg .bordered .info p, .tint-bg .bordered .info p { color: #73879C; } .no-top-border { 

   border-top: none;

border-top-left-radius: 0; border-top-right-radius: 0; } .border { border: 1px solid #CED7E0; } .border-top-lg, .border-top-md, .border-top-sm, .border-top-xs, .border-top { border-top: 1px solid #CED7E0; } .border-right-lg, .border-right-md, .border-right-sm, .border-right-xs, .border-right { border-right: 1px solid #CED7E0; } .border-bottom-lg, .border-bottom-md, .border-bottom-sm, .border-bottom-xs, .border-bottom { border-bottom: 1px solid #CED7E0; } .border-left-lg, .border-left-md, .border-left-sm, .border-left-xs, .border-left { border-left: 1px solid #CED7E0; } .border-lg, .border-top-lg, .border-right-lg, .border-bottom-lg, .border-left-lg { border-width: 20px; } .border-md, .border-top-md, .border-right-md, .border-bottom-md, .border-left-md { border-width: 10px; } .border-sm, .border-top-sm, .border-right-sm, .border-bottom-sm, .border-left-sm { border-width: 5px; } .border-xs, .border-top-xs, .border-right-xs, .border-bottom-xs, .border-left-xs { border-width: 3px; } .light-bg .border, .light-bg .border-lg, .light-bg .border-md, .light-bg .border-sm, .light-bg .border-xs, .light-bg .border-top-lg, .light-bg .border-top-md, .light-bg .border-top-sm, .light-bg .border-top-xs, .light-bg .border-top, .light-bg .border-right-lg, .light-bg .border-right-md, .light-bg .border-right-sm, .light-bg .border-right-xs, .light-bg .border-right, .light-bg .border-bottom-lg, .light-bg .border-bottom-md, .light-bg .border-bottom-sm, .light-bg .border-bottom-xs, .light-bg .border-bottom, .light-bg .border-left-lg, .light-bg .border-left-md, .light-bg .border-left-sm, .light-bg .border-left-xs, .light-bg .border-left { border-color: #BCC7D1; } .dark-bg .border, .dark-bg .border-lg, .dark-bg .border-md, .dark-bg .border-sm, .dark-bg .border-xs, .dark-bg .border-top-lg, .dark-bg .border-top-md, .dark-bg .border-top-sm, .dark-bg .border-top-xs, .dark-bg .border-top, .dark-bg .border-right-lg, .dark-bg .border-right-md, .dark-bg .border-right-sm, .dark-bg .border-right-xs, .dark-bg .border-right, .dark-bg .border-bottom-lg, .dark-bg .border-bottom-md, .dark-bg .border-bottom-sm, .dark-bg .border-bottom-xs, .dark-bg .border-bottom, .dark-bg .border-left-lg, .dark-bg .border-left-md, .dark-bg .border-left-sm, .dark-bg .border-left-xs, .dark-bg .border-left { border-color: #73879C; } .tint-bg .border, .tint-bg .border-lg, .tint-bg .border-md, .tint-bg .border-sm, .tint-bg .border-xs, .tint-bg .border-top-lg, .tint-bg .border-top-md, .tint-bg .border-top-sm, .tint-bg .border-top-xs, .tint-bg .border-top, .tint-bg .border-right-lg, .tint-bg .border-right-md, .tint-bg .border-right-sm, .tint-bg .border-right-xs, .tint-bg .border-right, .tint-bg .border-bottom-lg, .tint-bg .border-bottom-md, .tint-bg .border-bottom-sm, .tint-bg .border-bottom-xs, .tint-bg .border-bottom, .tint-bg .border-left-lg, .tint-bg .border-left-md, .tint-bg .border-left-sm, .tint-bg .border-left-xs, .tint-bg .border-left { border-color: #FFF; } .last-bottom { padding-bottom: 0 !important; margin-bottom: 0 !important; } .last-right { padding-right: 0 !important; margin-right: 0 !important; } .reset-margin { margin: 0; } .reset-margin-left { margin-left: 0; } .reset-margin-right { margin-right: 0; } .reset-padding { padding: 0; } .reset-padding-left { padding-left: 0; } .reset-padding-right { padding-right: 0; } .single-block { padding: 0; border: 0; margin: 0; } h1 + .single-line, h2 + .single-line, h3 + .single-line, h4 + .single-line { margin-top: -.5em; } .img-intext { 

   margin-bottom: 20px;

} aside { font-size: 16px; line-height: 160%; } aside p { margin-bottom: 15px; } aside .txt-btn { font-size: 100%; } aside .thumb figure { margin: 0; } .thumbs.no-gap { margin-left: 0; margin-right: 0; } .thumbs.no-gap .thumb { padding: 0; } .thumbs.gap-xs { margin-left: -5px; margin-right: 0; } .thumbs.gap-xs .thumb { padding: 0 0 5px 5px; } .thumbs.gap-sm { margin-left: -10px; margin-right: 0; } .thumbs.gap-sm .thumb { padding: 0 0 10px 10px; } .thumbs.gap-md { margin-left: -20px; margin-right: 0; } .thumbs.gap-md .thumb { padding: 0 0 20px 20px; } .thumbs.gap-lg { margin-left: -30px; margin-right: 0; } .thumbs.gap-lg .thumb { padding: 0 0 30px 30px; }


/*===================================================================================*/ /* HEADER /*===================================================================================*/

.navbar .container { display: table; 

   padding: 0;

} .navbar { 

   margin: 0;
   border-radius: 0;
   border: none;
   position: relative;
   z-index: 8000;
   min-height: inherit;

} .navbar ul { list-style: none; } .navbar-brand { float: none; display: table-cell; vertical-align: middle; padding: -50%; max-width: 300px; } .navbar-brand img { max-height: 60px; 

   padding-left: -50%;

} .navbar-header .navbar-brand { display: none; } .navbar-header { 

   float: none !important;

position: relative; background: #000; border-bottom: 1px solid #E6E9ED; z-index: 0; } .navbar-header li, .navbar-header a { display: table-cell; vertical-align: middle; height: 40px; } .navbar-collapse { 

   position: relative;
   background-color: transparent;

width: 100%; padding-top: 0px; padding-bottom: 0px; border-bottom: 0px solid #E6E9ED; } .navbar-collapse.collapse.stuck { position: fixed; top: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.1); box-shadow: 0 10px 10px rgba(0,0,0,0.1); } .navbar-collapse.collapse.stuck .navbar-brand img { max-height: 20px; } .navbar-nav { float: none; display: table-cell; vertical-align: middle; padding-left: 30px; 

   margin: 0;

} .navbar-nav > li > a { 

   font-size: 15px;

line-height: 20px; 

   font-weight: 700;
   text-transform: uppercase;
   color: #506A85;
   padding: 15px 20px;

border: 1px solid rgba(255,255,255,0); border-bottom: none; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; bottom: -1px; z-index: 1; } .skrollable-after .navbar-nav > li > a { margin-top: -1px; -webkit-border-top-right-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .nav > li > a:hover { 

   background-color: #F5F7FA;
   border-color: #E6E9ED;
   color: #1ABB9C;

} .nav > li > a:focus { 

   background-color: #FFF;
   border-color: #FFF;

} .navbar .dropdown-menu { 

   padding: 0;
   margin: 0;
   width: 210px;
   background: #F5F7FA;

border: none; border: 1px solid #E6E9ED; border-bottom-width: 2px; border-bottom-color: #CED2D6; 

   -webkit-border-radius: 3px !important;
      -moz-border-radius: 3px !important;
           border-radius: 3px !important;

-webkit-border-top-left-radius: 0 !important; -moz-border-radius-topleft: 0 !important; border-top-left-radius: 0 !important; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.15); -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.15); box-shadow: 0 10px 10px rgba(0,0,0,0.15); z-index: 0; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) li { 

   background: transparent;
   border: none;
   border-top: 1px solid #E6E9ED;

} .navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child { 

   border: none;

} .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a { line-height: 18px; 

   padding: 13px 20px;
   color: #73879C;
   text-transform: uppercase;
   font-weight: 700;

white-space: normal; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active { 

   filter: none;
   background-color: #F5F7FA;
   color: #1ABB9C;

} .navbar .nav .open > a, .navbar .nav .open > a:hover, .navbar .nav .open > a:focus { 

   background-color: #F5F7FA;
   border-color: #E6E9ED;

} .navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after { 

   display: none;

} .navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before { 

   display: none;

} .navbar .dropdown-submenu .dropdown-menu { top: -1px !important; } .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus, .navbar .dropdown-submenu:hover > a, .navbar .dropdown-submenu:focus > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover, .navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus { 

   background: #1ABB9C;
   color: #FFF !important;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

} .navbar-header .info { padding-left: 0; 

   margin: 0;

} .navbar-header .info li { 

   font-size: 12px;
   padding-right: 25px;

} .navbar-header .info li a { 

   font-size: 12px;
   color: #73879C;

} .navbar-header .info a:hover { 

   color: #1ABB9C;

} .navbar-form { 

   padding: 0;
   margin: 0;

} .btn.responsive-menu { 

   display: none;

width: 40px; height: 40px; 

   font-size: 15px;
   padding: 0;
   margin: 0;

}


/*===================================================================================*/ /* MEGA MENU /*===================================================================================*/

.yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse { 

   position: static;

} .yamm .navbar-inner, .yamm .container { 

   position: relative;

} .yamm .dropdown-menu { top: auto; 

   left: auto;

-webkit-border-top-left-radius: 3px !important; -moz-border-radius-topleft: 3px !important; border-top-left-radius: 3px !important; } .yamm .dropdown-menu > li { 

   display: block;

} .yamm .nav.pull-right .dropdown-menu { 

   right: 0;

} .yamm .yamm-content { font-size: 14px; line-height: 22px; 

   padding: 30px 40px;

margin-left: -20px; margin-right: -20px; } .yamm .yamm-content .inner { padding: 0 20px; } .yamm .yamm-content li { line-height: inherit; } .yamm .yamm-content:before, .yamm .yamm-content:after { 

   display: table;
   content: "";
   line-height: 0;

} .yamm .yamm-content:after { 

   clear: both;

} .yamm .nav > li > .dropdown-menu:after, .yamm .nav > li > .dropdown-menu:before { 

   display: none;

} .yamm .yamm-content img { 

   width: 100%;

} .yamm .yamm-content a { 

   color: inherit;

} .yamm .yamm-content h4 { text-transform: uppercase; margin-bottom: 20px; } .yamm .yamm-content p { font-size: inherit; line-height: inherit; 

   margin-bottom: 15px;

} .yamm .yamm-content .btn { margin: 10px 0; } .yamm .yamm-content a:hover { 

   color: #1ABB9C;

} .yamm .dropdown.yamm-fullwidth .dropdown-menu { 

   width: 100%;
   left: 0;
   right: 0;

}


/*===================================================================================*/ /* BUTTONS /*===================================================================================*/

  1. buttons .btn {

margin: 5px 3px; }

  1. buttons .btn-wrapper {

margin: 30px 0; } .btn { 

   color: #FFF !important;
   background: #1ABB9C;
   padding: 11px 20px 13px;

margin: 15px 0; font-family: 'Source Sans Pro', sans-serif; 

   font-weight: 700;
   font-size: 14px;

letter-spacing: 0.02em; 

   text-shadow: none;
   -webkit-font-smoothing: antialiased;
   border: none;
   text-transform: uppercase;
   -webkit-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
   -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
   box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

} .btn-small { 

   padding: 5px 13px 6px;

font-size: 13px; } .btn-large { 

   padding: 14px 26px 16px;

font-size: 15px; } .btn.btn-green { 

   background: #1ABB9C;

} .btn.btn-blue { 

   background: #3F8DBF;

} .btn.btn-red { 

   background: #FA6C65;

} .btn.btn-pink { 

   background: #D487BE;

} .btn.btn-purple { 

   background: #9B59B6;

} .btn.btn-orange { 

   background: #F27A24;

} .btn.btn-navy { 

   background: #34495E;

} .btn.btn-gray { 

   background: #95A5A6;

} .btn:hover, .btn:focus, .btn:active, .btn.active { 

   background: #17A78B;
   color: #FFF !important;
   -webkit-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
   -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
   box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

} .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active { 

   background: #17A78B !important;

} .btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active { 

   background: #387EAA !important;

} .btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active { 

   background: #CF4C45 !important;

} .btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active { 

   background: #BD78A9 !important;

} .btn-purple:hover, .btn-purple:focus, .btn-purple:active, .btn-purple.active { 

   background: #8A4FA2 !important;

} .btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active { 

   background: #D96716 !important;

} .btn-navy:hover, .btn-navy:focus, .btn-navy:active, .btn-navy.active { 

   background: #2C3E50 !important;

} .btn-gray:hover, .btn-gray:focus, .btn-gray:active, .btn-gray.active { 

   background: #859394 !important;

} .tint-bg .btn { 

   background: #FFF !important;

color: #1ABB9C !important; } .tint-bg .btn:hover { 

   background: #E9E9E9 !important;
   color: #506A85 !important;

} .btn.share-facebook { 

   background: #3d5b9b !important

} .btn.share-facebook:hover { 

   background: #334c8e !important

} .btn.share-twitter { 

   background: #5aa8cd !important

} .btn.share-twitter:hover { 

   background: #499ac8 !important

} .btn.share-googleplus { 

   background: #3b3b3b !important

} .btn.share-googleplus:hover { 

   background: #2e2e2e !important

} .btn.share-pinterest { 

   background: #c53942 !important

} .btn.share-pinterest:hover { 

   background: #bc2d32 !important

} .btn-share-lg, .btn-share-md, .btn-share-sm, .btn-share-xs { display: table; position: relative; z-index: 0; width: 100%; text-align: center; } .btn-share-lg i, .btn-share-md i, .btn-share-sm i, .btn-share-xs i { display: table-cell; vertical-align: middle; } .btn-share-lg { height: 250px; } .btn-share-lg i { font-size: 80px; } .btn-share-md { height: 180px; } .btn-share-md i { font-size: 60px; } .btn-share-sm { height: 120px; } .btn-share-sm i { font-size: 40px; } .btn-share-xs { height: 80px; } .btn-share-xs i { font-size: 28px; } .btn-share-lg i:after, .btn-share-md i:after, .btn-share-sm i:after, .btn-share-xs i:after { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; 

   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;

} /*.btn-share-lg:hover i:after, .btn-share-md:hover i:after, .btn-share-sm:hover i:after, .btn-share-xs:hover i:after { height: 100%; }*/ .btn-share-lg:hover .icon-s-facebook:after, .btn-share-md:hover .icon-s-facebook:after, .btn-share-sm:hover .icon-s-facebook:after, .btn-share-xs:hover .icon-s-facebook:after { 

   background: #3B5998;
   background: #4668B3;

} .btn-share-lg:hover .icon-s-gplus:after, .btn-share-md:hover .icon-s-gplus:after, .btn-share-sm:hover .icon-s-gplus:after, .btn-share-xs:hover .icon-s-gplus:after { 

   background: #DD4B39;
   background: #DE5745;

} .btn-share-lg:hover .icon-s-twitter:after, .btn-share-md:hover .icon-s-twitter:after, .btn-share-sm:hover .icon-s-twitter:after, .btn-share-xs:hover .icon-s-twitter:after { 

   background: #00ACED;
   background: #2FBBED;

} .btn-share-lg p, .btn-share-md p, .btn-share-sm p, .btn-share-xs p { position: absolute; height: 1.1em; font-family: 'Lato', sans-serif; line-height: 100%; color: #FFF; margin: auto; opacity: 0; } .btn-share-lg p, .btn-share-md p { top: 20px; } .btn-share-sm p, .btn-share-xs p { top: 0; bottom: 0; } .btn-share-sm p { font-size: 16px; } .btn-share-xs p { font-size: 15px; } .btn-share-lg:hover p, .btn-share-md:hover p, .btn-share-sm:hover p, .btn-share-xs:hover p { opacity: 1; } .btn-share-lg .name, .btn-share-md .name, .btn-share-sm .name, .btn-share-xs .name { left: 25px; } .btn-share-lg .counter, .btn-share-md .counter, .btn-share-sm .counter, .btn-share-xs .counter { right: 25px; } .btn-share-lg:hover, .btn-share-md:hover, .btn-share-sm:hover, .btn-share-xs:hover { color: #FFF; } h1 .btn, h2 .btn, h3 .btn, h4 .btn, p .btn { margin-left: 15px; } .txt-btn { font-size: 105%; font-weight: 700; } .txt-btn:after { /*font-family: 'fontello';*/ content: '\2192'; margin-left: 7px; 

   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;

} .txt-btn:hover:after { margin-left: 12px; }


/*===================================================================================*/ /* SOCIAL ICONS /*===================================================================================*/

.social { 

   padding: 0;
   margin: 0;

} .social li { 

   font-family: 'fontello-social';
   margin-right: 4px;

} .social li { 

   position: relative;

} .text-center .social li { 

   margin: 0 2px;

} .social li a { 

   display: table;

position: relative; } .social li a i { 

   text-align: center;
   display: table-cell;
   vertical-align: middle;
   color: #73879C;
   width: 30px;
   height: 30px;
   font-size: 12px;
   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;

} .social li a i:after { content: ; z-index: -1; position: absolute; width: 100%; height: 0; top: 0; left: 0; 

   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;

} .social li a:hover i { color: #FFF; } .social li a:hover i:after { height: 100%; } .social a .icon-s-facebook:after { 

   background: #3B5998;
   background: #4668B3;

} .social a .icon-s-gplus:after { 

   background: #DD4B39;
   background: #DE5745;

} .social a .icon-s-twitter:after { 

   background: #00ACED;
   background: #2FBBED;

} .social a .icon-s-pinterest:after { 

   background: #CB2027;
   background: #D94348;

} .social a .icon-s-behance:after { 

   background: #1769FF;
   background: #3079FF;

} .social a .icon-s-dribbble:after { 

   background: #EA4C89;
   background: #EB6397;

}


/*===================================================================================*/ /* TABS ON SIDE /*===================================================================================*/

.tabs-side .etabs { float: left; width: 20%; 

   padding: 0;

margin: 0 -1px 0 0; } .tabs-side .tab { display: block; position: relative; z-index: 0; } .tabs-side .tab a { 

   display: block;

background: #F5F7FA; 

   color: #506A85;

font-size: 14px; line-height: 130%; font-weight: 700; 

   text-transform: uppercase;

padding: 15px; 

   border: 1px solid #E6E9ED;

border-right-color: #CED7E0; 

   border-bottom: none;

overflow: hidden; } .tabs-side .tab:first-child a { border-top-left-radius: 3px; } .tabs-side .tab:last-child a { 

   border-bottom: 1px solid #E6E9ED;

border-bottom-left-radius: 3px; } .tabs-side .tab a:hover { background: #1ABB9C; color: #FFF; border-color: #1ABB9C; } .tabs-side .tab:hover, .tabs-side .tab.active { z-index: 2; } .tabs-side .tab.active a { 

   background: #FFF !important;

color: #1ABB9C; 

   border-color: #CED7E0 !important;
   border-right-color: #FFF !important;

} .tabs-side .tab.active + .tab a { border-top-color: #CED7E0; } .tabs-side .tab.active + .tab a:hover { border-top-color: #1ABB9C; } .tabs-side .tab a div { font-family: 'Lato', sans-serif; font-size: 40px; line-height: 100%; font-weight: 200; margin: -10px 0 5px; } .tabs-side.tab-container .panel-container { position: relative; z-index: 1; overflow: hidden; padding-left: 70px; 

   border-left: 1px solid #CED7E0;

} .tabs-side.tab-container .panel-container p { 

   margin: 0;
   padding-bottom: 20px;

}


/*===================================================================================*/ /* TABS ON TOP /*===================================================================================*/

.tabs-top .etabs { 

   padding: 0;
   margin: 0;

} .tabs-top .etabs:after { content: ; display: block; position: relative; z-index: 1; 

   border-top: 1px solid #CED7E0;

margin-top: -1px; } .tabs-top .tab { 

   display: inline-block;

position: relative; z-index: 0; max-width: 40%; margin: 0 3px; } .tabs-top .tab a { 

   display: inline-block;

vertical-align: bottom; background: #F5F7FA; 

   color: #506A85;

font-size: 14px; line-height: 130%; font-weight: 700; 

   text-transform: uppercase;

padding: 15px; 

   border: 1px solid #E6E9ED;
   border-bottom: none;

border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; } .tabs-top .tab a div { font-family: 'Lato', sans-serif; font-size: 40px; line-height: 100%; font-weight: 200; margin: -10px 0 5px; } .tabs-top .tab a:hover { background: #1ABB9C; color: #FFF; border-color: #1ABB9C; } .tabs-top .tab.active { z-index: 2; } .tabs-top .tab.active a { 

   background: #FFF !important;

color: #1ABB9C; border-color: #CED7E0 !important; } .tabs-top.tab-container .panel-container { margin-top: 70px; } .tabs-top.tab-container .panel-container p { 

   margin: 0;
   padding-bottom: 20px;

}


/*===================================================================================*/ /* TABS CIRCLED ON TOP /*===================================================================================*/

.tabs-circle-top .etabs { position: relative; 

   padding: 0;
   margin: 0;

z-index: 2; } .tabs-circle-top .etabs:before { content: ; display: block; 

   border-bottom: 1px solid #CED7E0;

margin: 65px 0 -65px; } .tabs-circle-top .tab { 

   display: inline-block;

height: 160px; position: relative; top: 0; margin: 0 15px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .tabs-circle-top .tab a { 

   display: table-cell;

vertical-align: middle; width: 130px; height: 130px; max-width: 130px; background: #FFF; 

   color: #506A85;

font-size: 14px; line-height: 130%; font-weight: 700; 

   text-transform: uppercase;

padding: 13px; 

   border: 1px solid #CED7E0;

border-radius: 50%; overflow: hidden; } .tabs-circle-top .tab a div { font-family: 'Lato', sans-serif; font-size: 40px; line-height: 100%; font-weight: 200; margin: -10px 0 5px; } .tabs-circle-top .tab a:hover { border: 4px solid #1ABB9C; } .tabs-circle-top .tab.active { top: -15px; } .tabs-circle-top .tab.active a { height: 160px; width: 160px; max-width: 160px; 

   background: #1ABB9C;

font-size: 15px; line-height: 140%; color: #FFF; border: 1px solid #1ABB9C; } .tabs-circle-top .tab.active a div { font-size: 50px; margin: -13px 0 8px; } .tabs-circle-top.tab-container .panel-container { position: relative; margin-top: 30px; z-index: 1; } .tabs-circle-top.tab-container .panel-container p { 

   margin: 0;
   padding-bottom: 20px;

}


/*===================================================================================*/ /* TABS 2-BIG ON TOP /*===================================================================================*/

.tabs-2-big-top .etabs { position: relative; 

   padding: 0;
   margin: 0;

z-index: 2; } .tabs-2-big-top .tab { position: relative; 

   display: inline-block;

width: 40%; 

   border-bottom: 2px solid transparent;

border-radius: 3px; margin: 0 15px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .tabs-2-big-top .tab:before, .tabs-2-big-top .tab:after { content: ; position: absolute; top: 100%; left: 50%; height: 0; width: 0; border: solid transparent; pointer-events: none; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .tabs-2-big-top .tab:before { border-width: 23px; margin-left: -23px; } .tabs-2-big-top .tab:after { border-width: 20px; margin-left: -20px; } .tabs-2-big-top .tab a { 

   display: block;

padding: 35px; 

   color: #506A85;

opacity: .5; } .tabs-2-big-top .tab:hover { background: #F7F9FA; border-color: #E6EBF0; } .tabs-2-big-top .tab:hover:before { border-top-color: #E6EBF0; } .tabs-2-big-top .tab:hover:after { border-top-color: #F7F9FA; } .tabs-2-big-top .tab.active { 

   background: #FFF;

border-color: #E1E7ED; } .tabs-2-big-top .tab.active:before { border-top-color: #E1E7ED; } .tabs-2-big-top .tab.active:after { border-top-color: #FFF; } .tabs-2-big-top .tab:hover a, .tabs-2-big-top .tab.active a { opacity: 1; } .tabs-2-big-top .tab a p { margin-bottom: 0; } .tabs-2-big-top.tab-container .panel-container { position: relative; margin-top: 80px; z-index: 1; } .tabs-2-big-top.tab-container .panel-container p { 

   margin: 0;
   padding-bottom: 20px;

}


/*===================================================================================*/ /* TESTIMONIALS / QUOTES /*===================================================================================*/

.format-quote { position: relative; } .format-quote:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url("../images/art/pattern-background01.jpg"); opacity: .05; }

  1. testimonials #owl-testimonials {

margin-top: 10px; } blockquote { position: relative; }

  1. testimonials #owl-testimonials:before,

blockquote:before { 

   display: block;

position: relative; 

   font-family: 'fontello';
   content: '\275e';
   font-size: 40px;

line-height: 100%; }

  1. testimonials #owl-testimonials:before {

top: -10px; opacity: .3; }

  1. testimonials #owl-testimonials blockquote:before {

display: none; } blockquote:before { position: absolute; right: 0; bottom: 0; } .post.format-quote { background-color: #1ABB9C; } .format-quote .meta, .format-quote blockquote, .format-quote blockquote footer, .format-quote blockquote small, .format-quote blockquote .small { color: #FFF; } .format-quote blockquote footer:before, .format-quote blockquote small:before, .format-quote blockquote .small:before, .format-quote blockquote footer:after, .format-quote blockquote small:after, .format-quote blockquote .small:after { background-color: #FFF; } .format-quote .meta a:hover { color: #506A85; }


/*===================================================================================*/ /* ACCORDION / TOGGLE /*===================================================================================*/

.panel-group { margin-bottom: 0; } .panel-group + .panel-group { margin-top: 20px; } .panel-group .panel { 

   background: #F5F7FA;
   border: 1px solid #E6E9ED;

border-bottom-width: 2px; 

   border-radius: 3px;
   box-shadow: none;

} .panel-group .panel + .panel { margin-top: 10px; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top-color: #E6E9ED; } .panel-body { padding: 25px; } .panel-heading { background-color: inherit !important; color: inherit !important; 

   padding: 0;

border-color: inherit !important; } .panel-title { font-family: 'Source Sans Pro', sans-serif; 

   font-size: 15px;

line-height: 1.42857; 

   font-weight: 700;

text-transform: uppercase; } .panel-title > a { 

   display: block;
   padding: 15px 25px 15px;

} .panel-title > a.collapsed { background: #F5F7FA; color: #506A85; } .panel-title > a, .panel-title > a:hover { background: #EDF0F2; } .panel-title > a { color: #506A85; } .panel-title > a:hover { color: #1ABB9C; } .panel-title > a span { display: block; position: relative; top: 0; color: #506A85; padding-right: 25px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .text-right .panel-title > a span { padding-left: 25px; padding-right: 0; } .text-center .panel-title > a span { padding-left: 0; padding-right: 0; } .panel-title > a:hover span { color: inherit; } .text-center .panel-title > a:hover span { top: .5em; color: transparent; } .panel-title > a span:after { font-family: "fontello"; content: "\e849"; position: absolute; top: 0; right: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .text-right .panel-title > a span:after { left: 0; right: auto; } .text-center .panel-title > a span:after { top: -.75em; left: 0; opacity: 0; } .panel-title > a.collapsed span:after { content: "\e84c"; } .text-center .panel-title > a:hover span:after { color: #1ABB9C; top: -.5em; opacity: 1; } .panel-group .bordered { background: #FFF; }

.light-bg .panel-group .panel { 

   background: #FFF;

} .light-bg .panel-title > a.collapsed, .light-bg .blank .panel-title > a.collapsed { background: #F8FAFD; } .light-bg .panel-title > a, .light-bg .blank .panel-title > a, .light-bg .panel-title > a:hover, .light-bg .blank .panel-title > a:hover { /*background: #E6E9ED;*/ background: #FFF; }

.dark-bg .panel-group .panel, .dark-bg .panel-group .panel-heading + .panel-collapse .panel-body { border-color: #485867; } .dark-bg .panel-group .panel { 

   background: #3A4A59;

} .dark-bg .panel-title > a.collapsed { background: #566473; } .dark-bg .panel-title > a, .dark-bg .panel-title > a:hover { /*background: #E6E9ED;*/ background: #485867; } .dark-bg .panel-title > a, .dark-bg .panel-title > a span { color: #FFF; } .dark-bg .blank .panel-title > a.collapsed { 

   background: #2F4052;

} .dark-bg .blank .panel-title > a.collapsed, .dark-bg .blank .panel-title > a { 

   border-color: #566473;

} .dark-bg .blank .panel-title > a, .dark-bg .blank .panel-title > a:hover { background: #485867; }

.blank .panel-title > a.collapsed { 

   background: #FFF;

} .panel-group.blank .panel { 

   background: none;

} .panel-group.blank .panel { border: none; } .blank .panel-title > a.collapsed, .blank .panel-title > a { 

   border: 1px solid #E6E9ED;

} .blank .panel-title > a, .blank .panel-title > a:hover { background: #F5F7FA; } .blank .panel-heading, .blank .panel-title > a { 

   border-radius: 3px;

} .panel-group.blank .panel-heading + .panel-collapse .panel-body { border: none; } .blank .panel-body { padding: 35px 0; } .blank.panel-group .bordered, .light-bg .panel-group .bordered, .dark-bg .panel-group .bordered { background: #F5F7FA; } .light-bg .blank.panel-group .bordered { background: #FFF; }


/*===================================================================================*/ /* PORTFOLIO /*===================================================================================*/

.items { 

   list-style: none;
   margin: 0;
   padding: 0;

} .items:before, .items:after { 

   display: table;
   content: "";
   line-height: 0;

} .items:after { 

   clear: both

} .items li { 

   float: left;
   min-height: 1px;
   position: relative;

} .items.col-3 { 

   margin-left: -8px;
   margin-bottom: -8px;

} .items.col-3 li { 

   width: 318px;
   margin-left: 8px;
   margin-bottom: 8px;

} .items.col-3.gap { 

   margin-left: -20px;
   margin-bottom: -20px;

} .items.col-3.gap li { 

   width: 310px;
   margin-left: 20px;
   margin-bottom: 20px;

} .items.col-4 { 

   margin-left: -10px;
   margin-bottom: -10px;

} .items.col-4 li { 

   width: 235px;
   margin-left: 10px;
   margin-bottom: 10px;

} .items.col-4 .post-title { 

   font-size: 16px;
   margin-bottom: 3px;

} .items.fullscreen { 

   width: 100%;
   clear: both;

margin: 0 0 -1px 0; 

   padding: 0;
   list-style: none;

} .items.fullscreen li { 

   float: left;
   position: relative;
   background: none;
   padding: 0;

width: 16.666666666%; } .items.fullscreen li img { 

   display: block;
   /*position: relative;*/
   width: 100%;
   height: auto;

} .items.fullscreen:after { 

   content: ;
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;

} .items li img { 

   display: block;
   width: 100%;

} .items li, .items li img, .thumbs .thumb figure, .owl-carousel .item figure { display: block; 

   position: relative;

} .items li { 

   overflow: hidden;

} .items li .text-overlay, .thumbs .thumb .text-overlay, .owl-carousel .item .text-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; 

   z-index: 100;

padding: 10%; font: 0px/0 a; /* remove the gap between inline(-block) elements */ 

   background-color: rgba(26,187,156, 0.9);
   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;
   opacity: 0;

} .items li .text-overlay:before, .thumbs .thumb .text-overlay:before, .owl-carousel .item .text-overlay:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }

.items li:hover .text-overlay, .thumbs .thumb:hover .text-overlay, .owl-carousel .item:hover .text-overlay { 

   opacity: 1;

} .thumbs .thumb:hover .member .text-overlay { opacity: 0; } .thumbs .thumb .member .member-image:hover .text-overlay { opacity: 1; } .items li .text-overlay .info, .thumbs .thumb .text-overlay .info, .owl-carousel .item .text-overlay .info { display: inline-block; vertical-align: middle; width: 100%; height: auto; font-family: 'Source Sans Pro', sans-serif; font-size: 14px; line-height: 22px; /*color: #FFF;*/ text-align: center; } .items li .text-overlay .info h2, .thumbs .thumb .text-overlay .info h2, .owl-carousel .item .text-overlay .info h2, .items li .text-overlay .info h3, .thumbs .thumb .text-overlay .info h3, .owl-carousel .item .text-overlay .info h3, .items li .text-overlay .info h4, .thumbs .thumb .text-overlay .info h4, .owl-carousel .item .text-overlay .info h4 { color: #FFF; margin-bottom: 2px; } .items li .text-overlay .info p, .thumbs .thumb .text-overlay .info p, .owl-carousel .item .text-overlay .info p { font-size: 14px; line-height: 22px; color: #FFF; margin-bottom: 0; } .items li .text-overlay .info.big p, .thumbs .thumb .text-overlay .info.big p, .owl-carousel .item .text-overlay .info.big p,

  1. hero .items li .text-overlay .info.big p,
  2. hero .thumbs .thumb .text-overlay .info.big p,
  3. hero .owl-carousel .item .text-overlay .info.big p {

font-size: 18px; line-height: 140%; padding-top: 10px; margin-top: 0; }

  1. owl-clients .item .text-overlay,
  2. clients .thumb .text-overlay {

background: none; }

  1. owl-clients .item img,
  2. clients .thumb img {
   -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
           transition: all 200ms ease-out;

}

  1. owl-clients .item:hover img,
  2. clients .thumb:hover img {

opacity: .1; }

  1. owl-clients .item .text-overlay .info h4,
  2. owl-clients .item .text-overlay .info p,
  3. clients .thumb .text-overlay .info h4,
  4. clients .thumb .text-overlay .info p {

color: inherit; } .filter, .format-filter { padding: 0; 

   margin-bottom: 40px;

} .filter:before, .format-filter:before { content: ""; display: block; position: absolute; top: 50%; width: 100%; border-bottom: 1px solid #CED7E0; } .filter li, .format-filter li { 

   display: inline;

position: relative; background: #FFF; font-size: 12px; 

   font-weight: 700;

line-height: 150%; letter-spacing: .031em; 

   text-transform: uppercase;

margin: 0 -2px; } .light-bg .format-filter li { background: #F2F5F7; } .filter li:after, .format-filter li:after { content: "\00b7"; } .filter li:last-child:after, .format-filter li:last-child:after { content: ""; } .filter li a, .format-filter li a { 

   padding: 0 15px;

} .light-bg .filter:before { border-color: #BCC7D1; } .light-bg .filter li { background: #F2F5F7; } .dark-bg .filter:before { border-color: #73879C; } .dark-bg .filter li { background: #2F4052; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 600ms; -moz-transition-duration: 600ms; -ms-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope figure, .items figure { margin: 0; } .post-content .isotope figure { margin: auto; }


/*===================================================================================*/ /* OVERLAY /*===================================================================================*/

.icon-overlay { 

   display: block;
   position: relative;

} .icon-overlay img { 

   display: block;
   max-width: 100%;

} .icon-overlay a .icn-more { 

   opacity: 0;
   height: 100%;
   position: absolute;

left: 0; top: 0; 

   text-decoration: none;
   width: 100%;
   z-index: 100;
   background-color: rgba(26,187,156, 0.9);
   -webkit-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   overflow: hidden;

} .icon-overlay a:hover .icn-more { 

   opacity: 1;

} .icon-overlay a .icn-more:before { 

   font-family: 'fontello';
   font-style: normal;
   font-weight: normal;
   speak: none;
   display: inline-block;
   text-decoration: inherit;
   position: absolute;
   text-align: center;
   content: '\2b';
   width: 60px;
   height: 60px;
   font-size: 60px;
   line-height: 1;
   color: #FFF;
   top: 50%;
   left: 50%;
   z-index: 2;
   margin: -30px 0 0 -30px;
   -moz-transition: all 200ms ease-out;
   -webkit-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   -ms-transition: all 200ms ease-out;
   transition: all 200ms ease-out;

} .icon-overlay a:hover .icn-more:before { 

   font-size: 30px;

padding-top: 15px; } .icon-overlay.icn-link a .icn-more:before { 

   content: '\2b';

}


/*===================================================================================*/ /* PORTFOLIO POST /*===================================================================================*/

.item-details { 

   list-style: none;

font-size: 16px; line-height: 140%; padding-left: 0; margin-bottom: 0; } .item-details li + li { margin-top: 6px; } .item-details li:before { content: ""; font-family: "fontello"; 

   color: #506A85;
   margin-right: 10px;

} .item-details li.date:before { content: "\e82c"; } .item-details li.categories:before { content: "\e70d"; } .item-details li.client:before { content: "\f464"; } .item-details li.url:before { content: "\f30e"; } .text-center .item-details li { display: inline-block; margin: 0 15px 6px; }


/*===================================================================================*/ /* OWL CAROUSEL /*===================================================================================*/

.owl-carousel { text-align: center; cursor: default; } .owl-controls { display: inline-block; 

   position: relative;
   margin-top: 40px;

} .panel-group .panel .owl-controls { 

   margin-top: 25px;

} .panel-group.blank .panel .owl-controls { 

   margin-top: 40px;

} .owl-pagination { position: relative; line-height: 30px; } .owl-buttons { display: none; } .owl-prev, .owl-next { display: inline-block; position: absolute; top: 0; bottom: 0; width: 30px; height: 30px; font-size: 30px; color: #FFF; background-color: #506A85; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: auto; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .owl-prev { left: -35px; } .owl-next { right: -35px; } .owl-carousel:hover .owl-prev { left: -40px; opacity: .25; } .owl-carousel:hover .owl-next { right: -40px; opacity: .25; } .owl-carousel:hover .owl-prev:hover, .owl-carousel:hover .owl-next:hover { 

   color: #1ABB9C;

opacity: 1; } .owl-outer-nav:after { content: ""; position: absolute; top: 0; left: -15%; width: 130%; height: 100%; z-index: 0; } .owl-outer-nav .owl-wrapper-outer, .owl-outer-nav .owl-pagination, .owl-outer-nav .owl-prev, .owl-outer-nav .owl-next { z-index: 1; } .owl-outer-nav .owl-controls { position: static; } .owl-outer-nav .owl-prev { left: -65px; } .owl-outer-nav .owl-next { right: -65px; } .owl-outer-nav:hover .owl-prev { left: -80px; } .owl-outer-nav:hover .owl-next { right: -80px; }


.owl-ui-md .owl-pagination { line-height: 45px; } .owl-ui-md .owl-prev, .owl-ui-md .owl-next { width: 45px; height: 45px; font-size: 45px; } .owl-ui-md .owl-prev { left: -55px; } .owl-ui-md .owl-next { right: -55px; } .owl-ui-md:hover .owl-prev { left: -60px; } .owl-ui-md:hover .owl-next { right: -60px; }

.owl-outer-nav.owl-ui-md:after { left: -18%; width: 136%; } .owl-outer-nav.owl-ui-md .owl-prev { left: -85px; } .owl-outer-nav.owl-ui-md .owl-next { right: -85px; } .owl-outer-nav.owl-ui-md:hover .owl-prev { left: -100px; } .owl-outer-nav.owl-ui-md:hover .owl-next { right: -100px; }

.owl-ui-lg .owl-pagination { line-height: 60px; } .owl-ui-lg .owl-prev, .owl-ui-lg .owl-next { width: 60px; height: 60px; font-size: 60px; } .owl-ui-lg .owl-prev { left: -75px; } .owl-ui-lg .owl-next { right: -75px; } .owl-ui-lg:hover .owl-prev { left: -80px; } .owl-ui-lg:hover .owl-next { right: -80px; }

.owl-outer-nav.owl-ui-lg:after { left: -22%; width: 144%; } .owl-outer-nav.owl-ui-lg .owl-prev { left: -105px; } .owl-outer-nav.owl-ui-lg .owl-next { right: -105px; } .owl-outer-nav.owl-ui-lg:hover .owl-prev { left: -120px; } .owl-outer-nav.owl-ui-lg:hover .owl-next { right: -120px; }

.owl-inner-nav .owl-controls { position: static; } .owl-inner-nav .owl-prev { left: 45px; } .owl-inner-nav .owl-next { right: 45px; } .owl-inner-nav:hover .owl-prev { left: 30px; } .owl-inner-nav:hover .owl-next { right: 30px; }

.owl-outer-nav .owl-prev, .owl-outer-nav .owl-next, .owl-inner-nav .owl-prev, .owl-inner-nav .owl-next { bottom: 70px; }

.owl-outer-nav.owl-ui-md .owl-prev, .owl-outer-nav.owl-ui-md .owl-next, .owl-inner-nav.owl-ui-md .owl-prev, .owl-inner-nav.owl-ui-md .owl-next { bottom: 85px; }

.owl-outer-nav.owl-ui-lg .owl-prev, .owl-outer-nav.owl-ui-lg .owl-next, .owl-inner-nav.owl-ui-lg .owl-prev, .owl-inner-nav.owl-ui-lg .owl-next { bottom: 100px; }

.owl-inner-pagination .owl-pagination, .owl-inner-pagination .owl-prev, .owl-inner-pagination .owl-next { margin-top: -40px; top: -60px; }

.owl-inner-pagination.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-ui-md .owl-prev, .owl-inner-pagination.owl-ui-md .owl-next { margin-top: -50px; top: -65px; }

.owl-inner-pagination.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-ui-lg .owl-prev, .owl-inner-pagination.owl-ui-lg .owl-next { margin-top: -60px; top: -75px; }

.owl-inner-pagination.owl-outer-nav .owl-prev, .owl-inner-pagination.owl-outer-nav .owl-next, .owl-inner-pagination.owl-inner-nav .owl-prev, .owl-inner-pagination.owl-inner-nav .owl-next { margin: auto; top: 0; bottom: 43px; }

.owl-inner-pagination .owl-pagination { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; }

.owl-inner-pagination:hover .owl-pagination { opacity: 1; }

.owl-inner-pagination.owl-inner-nav .owl-pagination, .owl-inner-pagination.owl-outer-nav .owl-pagination { top: -45px; }

.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination { top: -50px; }

.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination { top: -60px; }

.owl-inner-pagination.owl-inner-nav:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav:hover .owl-pagination { top: -60px; }

.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination { top: -65px; }

.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination, .owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination { top: -75px; }

  1. owl-main .item {

height: 44vh; background-color: #FFF; background-position: center 55%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

  1. owl-main.height-md .item {

height: 61vh; }

  1. owl-main.height-lg .item {

height: 90vh; }

  1. owl-main .container {

display: table; height: inherit; }

  1. owl-main .caption {

display: table-cell; }

  1. owl-main .caption.vertical-center {

vertical-align: middle; padding-bottom: 3vh; }

  1. owl-main .caption.vertical-top {

vertical-align: top; padding-top: 8vh; }

  1. owl-main .caption.vertical-bottom {

vertical-align: bottom; padding-bottom: 14vh; }

  1. owl-main .caption.text-center {

padding-left: 10%; padding-right: 10%; }

  1. owl-main .caption.text-left {

padding-right: 20%; }

  1. owl-main .caption.text-right {

padding-left: 20%; }

  1. owl-main .caption h1,
  2. owl-main .caption p,
  3. owl-main .caption div {

position: relative; }

  1. owl-main .caption h1 span {

padding: .250em 0; line-height: 180%; }

  1. owl-main .caption .light-bg,
  2. owl-main .caption .medium-bg,
  3. owl-main .caption .dark-bg,
  4. owl-main .caption .tint-bg {

background: none; padding-left: .500em; padding-right: .500em; }

  1. owl-main .caption h1.light-bg span,
  2. owl-main .caption p.light-bg span {

background: #FFF; box-shadow: -.500em 0 0 #FFF, .500em 0 0 #FFF; }

  1. owl-main .caption h1.medium-bg span,
  2. owl-main .caption p.medium-bg span {

background: #A3B1BF; box-shadow: -.500em 0 0 #A3B1BF, .500em 0 0 #A3B1BF; }

  1. owl-main .caption h1.dark-bg span,
  2. owl-main .caption p.dark-bg span {

background: #506A85; box-shadow: -.500em 0 0 #506A85, .500em 0 0 #506A85; }

  1. owl-main .caption h1.tint-bg span,
  2. owl-main .caption p.tint-bg span {

background: #1ABB9C; box-shadow: -.500em 0 0 #1ABB9C, .500em 0 0 #1ABB9C; }

  1. owl-main .owl-controls {

display: block; position: static; margin-top: -47px; }

  1. owl-main .owl-pagination {

background: #FFF; line-height: inherit; position: relative; bottom: -40px; padding: 10px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: auto; opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }

  1. owl-main:hover .owl-pagination {

bottom: -25px; opacity: 1; }

  1. owl-main .owl-prev,
  2. owl-main .owl-next {

bottom: 0; }

.owl-controls .owl-page { 

   display: inline-block;

} .owl-pagination .owl-page span { display: block; width: 15px; height: 15px; background: #506A85; border: none; -webkit-border-radius: 50%; border-radius: 50%; margin: 0 5px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .owl-pagination .owl-page.active span, .owl-pagination .owl-page:hover span { background: #1ABB9C; } .owl-item-gap .item { 

   margin: 0 15px;

} .owl-item-gap-sm .item { 

   margin: 0 10px;

} /* preloading images */ .owl-item.loading { 

   min-height: inherit;
   background: none;

}


/*===================================================================================*/ /* PRICING TABLES /*===================================================================================*/

.pricing .plan { border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; } .pricing .plan header { background: #2F4052; text-align: center; padding: 50px; } .pricing .plan h2 { font-size: 20px; font-weight: 400; letter-spacing: .15em; text-transform: uppercase; color: #FFF; } .pricing .plan .btn { margin-bottom: 0; } .pricing .plan .price { margin-bottom: 15px; } .pricing .plan .price * { font-family: 'Lato', sans-serif; line-height: 100%; } .pricing .plan .price .amount { font-size: 120px; font-weight: 900; color: #FFF; } .pricing .plan .price .currency { position: relative; top: 16px; font-size: 24px; vertical-align: top; margin-right: 5px; } .pricing .plan .price .period { font-size: 16px; text-transform: uppercase; } .pricing .plan .features { 

   background: #F5F7FA;
   padding: 25px 35px;
   border: 1px solid #E6E9ED;
   border-top: none;

border-bottom-width: 2px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; margin-top: 0 !important; } .pricing .plan .features li { 

   padding: 15px 0;

/*border-top: 1px solid #CED7E0;*/ border-top: 1px solid #BCC7D1; } .pricing .plan .features li:first-child { border: none; } .pricing .plan .features li i { margin-right: 10px; } .pricing.col-4 .plan header { padding: 40px; } .pricing.col-4 .plan h2 { font-size: 18px; } .pricing.col-4 .plan .price .amount { font-size: 90px; } .pricing.col-4 .plan .features { 

   padding: 20px 30px;

}


/*===================================================================================*/ /* FORMS /*===================================================================================*/

.forms { 

   position: relative;
   padding: 0;
   width: 100%;

} .form-container .response { 

   display: none;

} .forms ol { 

   margin: 0;
   padding: 0;

} .forms ol li { 

   line-height: auto;
   list-style: none;

} input, textarea, .uneditable-input, .form-inline .form-control, .navbar-form .form-control { 

   width: 100%;

} select, textarea, textarea.form-control, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { 

   display: inline-block;
   -webkit-font-smoothing: antialiased;
   height: 40px;
   padding: 0 10px;
   margin-bottom: 15px;
   font-size: 14px;
   line-height: 25px;
   color: #73879C;
   resize: none;
   vertical-align: middle;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   background-color: #f5f5f5;
   border: 1px solid #E6E9ED;
   -webkit-border-radius: 0;
   border-radius: 0;
   -webkit-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;

} textarea:focus, textarea.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { 

   border: 1px solid #BCC7D1;
   box-shadow: none;

} textarea { 

   height: 100%;
   padding: 10px;
   margin-bottom: 15px;
   min-height: 150px;
   resize: vertical;

} textarea.form-control { padding: 10px; } .btn-submit { 

   width: auto;

} .forms .btn-submit { margin-bottom: 0; } .forms .error, .forms .error:focus { 

   border: 1px solid #d99898;

} .forms label { 

   display: block;
   float: left;
   width: 95px;
   padding-top: 7px;
   font-size: 13px;
   clear: both;

} .forms input, .forms textarea { background: #F8FAFD; border-radius: 3px; } .light-bg .forms input, .light-bg .forms textarea { background: #FFF; } .form-container:after { 

   content: ;
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;

} .newsletter { 

   position: relative;

} .newsletter input[type="email"] { 

   background: rgba(255,255,255,0.15);

padding-right: 100px; 

   -webkit-border-radius: 3px;
   border-radius: 3px;
   border: none;
   color: #FFF !important;

} .newsletter input[type="email"]:focus { 

   background: rgba(255,255,255,0.20);

} .navbar .searchbox .dropdown-menu { width: 270px; } .navbar .searchbox .dropdown-menu:not(*:root) { right: 2px; } .search { position: relative; margin: 15px; margin-bottom: 0; } .search input[type="search"] { 

   background: #FFF;

padding-right: 40px; } .newsletter .btn-submit, .search .btn-submit { 

   position: absolute;
   right: 0;
   top: 0;

padding: 0; margin-top: 5px; margin-right: 5px; 

   color: #FFF !important;

line-height: 1; } .navbar-form.search .btn-submit { width: 30px; height: 30px; } footer .newsletter .btn-submit { width: 88px; height: 30px; font-size: 13px; }

  1. response ul.errors {

margin-bottom: 25px; }

  1. response .btn i {

font-size: 12px; } .dark-bg input, .dark-bg button, .dark-bg select, .dark-bg textarea { 

   color: #A3B1BF;

} .form-control::-webkit-input-placeholder { 

   color: #C2C7CC;

} .form-control:-moz-placeholder { 

   color: #C2C7CC;

} .form-control::-moz-placeholder { 

   color: #C2C7CC;

} .form-control:-ms-input-placeholder { 

   color: #C2C7CC;

} .dark-bg .form-control::-webkit-input-placeholder { 

   color: #828E99;

} .dark-bg .form-control:-moz-placeholder { 

   color: #828E99;

} .dark-bg .form-control::-moz-placeholder { 

   color: #828E99;

} .dark-bg .form-control:-ms-input-placeholder { 

   color: #828E99;

} .search .form-control::-webkit-input-placeholder { 

   color: #C2C7CC;

} .search .form-control:-moz-placeholder { 

   color: #C2C7CC;

} .search .form-control::-moz-placeholder { 

   color: #C2C7CC;

} .search .form-control:-ms-input-placeholder { 

   color: #C2C7CC;

} input:focus::-webkit-input-placeholder { 

   color: transparent !important;

} input:focus:-moz-placeholder { 

   color: transparent !important;

} input:focus::-moz-placeholder { 

   color: transparent !important;

} input:focus:-ms-input-placeholder { 

   color: transparent !important;

}


/*===================================================================================*/ /* BLOG /*===================================================================================*/

.blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper { 

   width: 770px;
   margin: 0px auto !important;

} .blog.no-sidebar .post-title, .blog.no-sidebar .meta { 

   text-align: center

} .format-filter li { font-size: 24px; } .format-filter li:after { content: ""; } .format-filter li a { padding: 0 35px; } .classic-blog .meta { margin-right: -5px; margin-left: -5px; } .classic-blog .post-content .meta { padding-left: 80px; padding-right: 80px; margin-bottom: 25px; } .meta li { display: inline-block; margin: 0 6px; } .meta li.categories:before, .meta li a:before { content: ""; font-family: "fontello"; margin-right: 6px; } .meta li.categories a:before, .meta li.categories:before { margin-right: 0; } /*.meta li.categories:before { content: "\e70d"; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; }*/ .meta li.categories:hover:before { color: #1ABB9C; cursor: pointer; } .meta li.url a:before { content: "\f30e"; } .meta li.author-posts a:before { content: "\27a6"; } .meta li.comments a:before { content: "\e718"; } .meta li.comments a:after { content: "Comments"; margin-left: 4px; } .meta li.likes a:before { content: "\2665"; } .meta li.likes a:after { content: "Likes"; margin-left: 4px; } .meta li:after { /*content: "\0399";*/ content: "|"; 

   margin-left: 12px;

} .meta li:last-child:after { content: ""; } .classic-blog .sidemeta, .classic-blog .pagination { padding-left: 59px; border-left: 1px solid #CED7E0; margin-left: 30px; } .classic-blog .post .date-wrapper { 

   text-align: center;
   display: table;
   float: left;
   margin-right: 20px;

} .classic-blog .post .date { 

   display: table-cell;
   vertical-align: middle;
   line-height: 1;
   width: 60px;
   height: 60px;
   border: 1px solid #1ABB9C;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   background: #1ABB9C;
   font-weight: bold;
   color: #FFF;
   line-height: 1;
   text-transform: uppercase;

} .classic-blog .post .date .day { 

   font-size: 20px;
   margin-bottom: 1px;
   display: block;

} .classic-blog .post .date .month { 

   font-size: 12px;
   display: block;

} .classic-blog .sidemeta .format-wrapper { 

   display: table;

} .classic-blog.sidebar-left .sidemeta, .classic-blog.sidebar-left .pagination { padding-left: 0; border-left: none; margin-left: 0; padding-right: 59px; border-right: 1px solid #CED7E0; margin-right: 30px; } .classic-blog.sidebar-left .post .date-wrapper { 

   margin-right: 0;
   margin-left: 20px;

} .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination { position: relative; left: -30px; }

  1. blog-post .classic-blog .post {

width: 100%; } .classic-blog .post { width: 750px; } .classic-blog .post-title { 

   font-size: 40px;

line-height: 120%; } .classic-blog .isotope { overflow: visible !important; } .classic-blog #share { margin-left: 0; margin-right: 0; margin-bottom: 40px; } .classic-blog .panel-group { margin-bottom: 40px; } .post { 

   position: relative;

background: #FFF; 

   padding-bottom: 60px;

border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; margin-bottom: 40px; } .sidemeta .format-wrapper a { 

   display: table-cell;
   vertical-align: middle;
   width: 40px;
   height: 40px;
   background: #FFF;
   text-align: center;
   color: #1ABB9C;
   line-height: 1;

border: 1px solid #1ABB9C; 

   border-radius: 50%;

} .sidemeta .format-wrapper a:hover { background: #1ABB9C; color: #FFF; } .post-content > * { margin-left: 80px; margin-right: 80px; } .post-content *:last-child { margin-bottom: 0; } .post-content > .post-media { margin-left: 0; margin-right: 0; } .post-content > *:first-child, .post-media + * { margin-top: 60px; } .post-content > .post-media:first-child { margin-top: 0; } .owl-carousel.post-media + * { margin-top: 20px; } .post-media iframe { margin-bottom: -7px; } .sidemeta .date-wrapper { 

   position: absolute;
   top: 0;
   left: -90px;

} .sidemeta .format-wrapper { 

   position: absolute;
   top: 75px;
   left: -80px;
   font-size: 15px;

} .classic-blog.sidebar-left .sidemeta .date-wrapper { 

   left: auto;
   right: -90px;

} .classic-blog.sidebar-left .sidemeta .format-wrapper { 

   left: auto;
   right: -80px;

} .grid-blog .post figure { 

   margin-bottom: -1px;

} .grid-blog .post .date { 

   display: inline;

} .grid-blog:before, .grid-blog:after { 

   display: table;
   content: "";
   line-height: 0;

} .grid-blog:after { 

   clear: both;

} .grid-blog .post { 

   float: left;
   min-height: 1px;
   position: relative;

} .grid-blog.col-2 .post, .grid-blog.col-3.no-sidebar .post { padding-bottom: 40px; } .grid-blog.col-2 .post-content > *, .grid-blog.col-3.no-sidebar .post-content > * { 

   margin-left: 40px;

margin-right: 40px; } .grid-blog.col-2 .post-content > .post-media, .grid-blog.col-3.no-sidebar .post-content > .post-media { 

   margin-left: 0;

margin-right: 0; } .grid-blog.col-2 .post-content > *:first-child, .grid-blog.col-2 .post-media + *, .grid-blog.col-3.no-sidebar .post-content > *:first-child, .grid-blog.col-3.no-sidebar .post-media + * { margin-top: 40px; } .grid-blog.col-2 .post-content > .post-media:first-child, .grid-blog.col-2 .owl-carousel.post-media + *, .grid-blog.col-3.no-sidebar .post-content > .post-media:first-child, .grid-blog.col-3.no-sidebar .owl-carousel.post-media + * { margin-top: 0; } .grid-blog.col-2 .post-title, .grid-blog.col-3.no-sidebar .post-title { 

   font-size: 30px;

} .grid-blog.col-2 .post-content .meta, .grid-blog.col-3.no-sidebar .post-content .meta { padding-left: 40px; padding-right: 40px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .grid-blog.col-2.no-sidebar .post { padding-bottom: 50px; } .grid-blog.col-2.no-sidebar .post-content > * { 

   margin-left: 50px;

margin-right: 50px; } .grid-blog.col-2.no-sidebar .post-content > .post-media { 

   margin-left: 0;

margin-right: 0; } .grid-blog.col-2.no-sidebar .post-content > *:first-child, .grid-blog.col-2.no-sidebar .post-media + * { margin-top: 45px; } .grid-blog.col-2.no-sidebar .post-content > .post-media:first-child, .grid-blog.col-2.no-sidebar .owl-carousel.post-media + * { margin-top: 0; } .grid-blog.col-2.no-sidebar .post-title { 

   font-size: 33px;

} .grid-blog.col-2.no-sidebar .post-content .meta { padding-left: 50px; padding-right: 50px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .post.format-link { background: #2F4052; color: #A3B1BF; } .post.format-link .post-title { color: #FFF; }


/*===================================================================================*/ /* AUTHOR /*===================================================================================*/

.author { font-family: 'Lato', sans-serif; 

   font-size: 14px;

font-weight: 700; 

   line-height: 160%;

color: #506A85; 

   margin-bottom: 5px;

} .author a { border-bottom: none; } .post-author,

  1. comments {

background: #FFF; 

   padding: 40px;

border: 1px solid #E6E9ED; border-bottom-width: 2px; border-radius: 3px; margin-bottom: 40px; } .post-author .author-image { 

   float: left;

} .post-author .author-image img { 

   width: 120px;

} .post-author .author-details { position: relative; font-size: inherit; padding-top: 0; padding-left: 30px; z-index: 0; overflow: hidden; } .post-author .author-details p a { font-weight: 700; border-bottom: none; } .post-author .author-details .social li { display: table-cell; } .post-author .author-details .social li a i { width: 33px; height: 45px; font-size: 15px; } .post-author .author-details .meta { padding-left: 0; margin-top: 12px; } .post-author .author-details .social, .post-author .author-details .meta { float: left; display: inline-block; }


/*===================================================================================*/ /* SIDEBAR /*===================================================================================*/

.sidebar { 

   padding-left: 25px !important

} .sidebar.left-sidebar { 

   padding: 15px !important

} .sidebox + .sidebox { 

   margin-top: 60px;

} .sidebox h3 { 

   font-size: 16px;
   margin-bottom: 15px;

} .sidebox.widget form, .sidebox.widget input { 

   margin: 0;

} .sidebox.widget input { 

   border-radius: 3px;

} .widget .list { 

   list-style: none;
   margin: 0;

} .sidenav { background: #F5F7FA; 

   padding: 0;

border: 1px solid #E6E9ED; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 

   margin: 0;

} .sidenav li { border-bottom: 1px solid #E6E9ED; } .sidenav li a { display: block; 

   position: relative;
   font-size: 14px;
   font-weight: 700;

line-height: 20px; 

   text-transform: uppercase;
   color: #506A85;
   padding: 13px 18px;

} .sidenav li a:hover { background: #1ABB9C; 

   color: #FFF;

} .sidenav li a:after { 

   position: absolute;

right: 18px; 

   content: "\e762";
   font-family: 'fontello';
   font-size: 18px;

-webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; } .sidenav li a:hover:after { opacity: 1; }


/*===================================================================================*/ /* TOOLTIPS /*===================================================================================*/

.tooltip-inner { color: #fff; background-color: #1ABB9C; padding: 5px 12px; } .tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: #1ABB9C; } .tooltip.right .tooltip-arrow { border-right-color: #1ABB9C; } .tooltip.left .tooltip-arrow { border-left-color: #1ABB9C; } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #1ABB9C; }


/*===================================================================================*/ /* PAGINATION /*===================================================================================*/

.pagination { display: block; border-radius: 0; margin: 0; } .pagination > li { display: inline-block; margin-left: 10px; } .pagination > li:first-child { margin-left: 0; } .pagination > li > a, .pagination > li > span { float: none; display: inline-block; 

   color: #fff;
   font-family: 'Source Sans Pro', sans-serif;
   background: #1ABB9C;
   padding: 11px 20px 13px;

margin-left: 0; 

   font-weight: 700;
   font-size: 14px;
   text-shadow: none;
   text-transform: uppercase;
   border: none;
   -webkit-transition: all 200ms ease-out;
   -o-transition: all 200ms ease-out;
   -moz-transition: all 200ms ease-out;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
   -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);
   box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15);

} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > li > a:hover, .pagination > li > a:focus { 

   background: #17A78B;
   color: #FFF;

} .pagination > li:first-child > a, .pagination > li:last-child > a { 

   border-radius: 3px;

}


/*===================================================================================*/ /* COMMENTS /*===================================================================================*/

  1. comments {
   position: relative;

}

  1. comments .commentlist {
   list-style: none;
   margin: 0;
   padding: 0;

}

  1. comments .commentlist > .comment {
   padding-top: 40px;
   border-top: 1px solid #E6E9ED;
   margin-top: 40px;

}

  1. comments .commentlist > .comment:first-child {
   border-top: none;
   padding-top: 0;

}

  1. comments .comment *:last-child {
   margin-bottom: 0;

}

  1. comments .commentlist .children {

padding-left: 80px; }

  1. comments .commentlist .children .comment {

padding-top: 40px; }

  1. comments .avatar {
   float: left;

}

  1. comments .avatar span {

border-radius: 50%; }

  1. comments .avatar img {

border-radius: 50%; 

   width: 60px;
   height: 60px;

}

  1. comments .commentbody {

padding-left: 22px; 

   overflow: hidden;

}

  1. comments .author {
   margin-bottom: 15px;

}

  1. comments .author h3 {

display: inline-block; margin-bottom: 0; margin-right: 15px; }

  1. comments .author .meta {
   display: inline-block;

/*opacity: .5;*/ color: #BCC7D1; margin: 0; }

  1. comments .message .meta {

text-align: right; /*opacity: .5;*/ color: #BCC7D1; padding-left: 0; }

  1. comments .message .meta li {

padding-top: 0; border-top: none; margin-top: 0; }

  1. comments .message .meta li.reply {

float: left; }

  1. comments .message .meta li.reply a:before {

font-family: 'fontello'; content: "\e712"; margin-right: 6px; }

  1. comments .message .meta li a:before,
  2. comments .message .meta li:after {

content: ""; margin-left: 0; margin-right: 0; } .comment-form-wrapper p { 

   padding-bottom: 20px

} .blog.no-sidebar #comments .meta { 

   text-align: left

}


/*===================================================================================*/ /* GO TO TOP / SCROLL UP /*===================================================================================*/

  1. scrollUp {

bottom: 20px; right: 20px; font-size: 36px; line-height: 100%; color: #FFF; background-color: #506A85; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; opacity: .5; }

  1. scrollUp:hover {

color: #1ABB9C; opacity: 1; }


/*===================================================================================*/ /* FEATURES / STYLES /*===================================================================================*/

.font-icons { 

   list-style: none;
   margin: 0;
   padding: 0;

} .font-icons li { 

   display: inline-block;
   font-size: 25px;
   margin-bottom: 10px;
   padding: 0 10px;

} .alert .close { 

   line-height: 28px;

} .retina-icons-code i { 

   font-size: 18px;

} .retina-icons-code tr td:first-child, .retina-icons-code tr th:first-child { 

   text-align: center;

} .retina-icons-code code { 

   color: #73879C;
   background: none;

} .table-bordered { 

   border: 1px solid #E6E9ED;
   border-left: none;
   background: #FFF;

} .table-bordered th, .table-bordered td { 

   border-left: 1px solid #E6E9ED;

} .table th, .table td { 

   border-top: 1px solid #E6E9ED;

} .table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #F5F7FA; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #E6E9ED; }


/*===================================================================================*/ /* RESPONSIVE /*===================================================================================*/

@media (min-width: 1200px) { .container { padding-right: 0; padding-left: 0; } .owl-buttons { display: block; } .items.col-4 { margin-left: -10px; margin-bottom: -10px; } .items.col-4 li { width: 285px; margin-left: 10px; margin-bottom: 10px; } .items.col-3 { margin-left: -9px; margin-bottom: -9px; } .items.col-3 li { width: 384px; margin-left: 9px; margin-bottom: 9px; } .items.col-3.gap { margin-left: -21px; margin-bottom: -21px; } .items.col-3.gap li { width: 376px; margin-left: 21px; margin-bottom: 21px; } .items.col-4.gap { margin-left: -18px; margin-bottom: -18px; } .items.col-4.gap li { width: 279px; margin-left: 18px; margin-bottom: 18px; } .grid-blog.col-2 { margin-left: -40px; } .sidebar-left .grid-blog.col-2 { margin-left: -20px; } .sidebar-left .pagination { margin-left: 20px; } .grid-blog.col-2 .post { width: 390px; margin-left: 40px; margin-bottom: 40px; } .grid-blog.col-2.no-sidebar .post { width: 565px; } .grid-blog.col-3 { margin-left: -30px; } .grid-blog.col-3 .post { margin-left: 30px; margin-bottom: 30px; } .grid-blog.col-3.no-sidebar .post { width: 370px; } .sidebar { padding-left: 35px !important; } .navbar .dropdown-submenu > a:after { display: none; } .navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) { margin-top: 0; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) { top: 0; left: 100%; margin-top: -6px; } .dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) { left: -100%; margin-left: 10px; } .open > .dropdown-menu, .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu { animation-name: slidenavAnimation; animation-duration: 200ms; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration: 200ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration: 200ms; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-out; -moz-animation-fill-mode: forwards; } @keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } }

@media (min-width: 1025px) and (max-width: 1199px) {

/* br { display: none; }*/

#team .inner-left { padding-left: 40px; }

#team .inner-right { padding-right: 40px; }

.classic-blog .post { width: 601px; padding-bottom: 50px; } .classic-blog .post-content > * { margin-left: 50px; margin-right: 50px; } .classic-blog .post-content > .post-media { margin-left: 0; margin-right: 0; } .classic-blog .post-content > *:first-child, .classic-blog .post-media + * { margin-top: 45px; } .classic-blog .post-content > .post-media:first-child, .classic-blog .owl-carousel.post-media + * { margin-top: 0; } .classic-blog .post-title { font-size: 33px; } .classic-blog .post-content .meta { padding-left: 50px; padding-right: 50px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .grid-blog.col-2 { margin-left: -30px; } .grid-blog.col-2 .post { width: 330px; margin-left: 30px; margin-bottom: 30px; } .grid-blog.col-2 .post-title { font-size: 28px; } .grid-blog.col-2.no-sidebar { margin-left: -40px; } .grid-blog.col-2.no-sidebar .post { width: 465px; margin-left: 40px; margin-bottom: 40px; } .grid-blog.col-3.no-sidebar { margin-left: -25px; } .grid-blog.col-3.no-sidebar .post { width: 306px; margin-left: 25px; margin-bottom: 25px; } .grid-blog.col-3.no-sidebar .post-title { font-size: 24px; } .grid-blog.col-3.no-sidebar p { font-size: 16px; } .tabs-circle-top .etabs:before { margin: 55px 0 -55px; } .tabs-circle-top .tab { height: 140px; margin: 0 10px; } .tabs-circle-top .tab a { width: 110px; height: 110px; max-width: 110px; font-size: 12px; } .tabs-circle-top .tab a div { font-size: 36px; } .tabs-circle-top .tab.active a { height: 140px; width: 140px; max-width: 140px; font-size: 14px; } .tabs-circle-top .tab.active a div { font-size: 46px; } .navbar .dropdown-submenu > a:after { display: none; } .navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) { margin-top: 0; } .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) { top: 0; left: 100%; margin-top: -6px; } .dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; margin-top: 5px; margin-right: -10px; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) { left: -100%; margin-left: 10px; } .open > .dropdown-menu, .open > .dropdown-menu > .dropdown-submenu > .dropdown-menu { animation-name: slidenavAnimation; animation-duration: 200ms; animation-iteration-count: 1; animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-name: slidenavAnimation; -webkit-animation-duration: 200ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -moz-animation-name: slidenavAnimation; -moz-animation-duration: 200ms; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-out; -moz-animation-fill-mode: forwards; } @keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } @-webkit-keyframes slidenavAnimation { from { margin-top: -30px; opacity: 0; } to { margin-top: 0; opacity: 1; } } }

@media (max-width: 1024px) {

html { overflow-x: hidden; }

#hero .info, #hero .info, #hero .info, .items li .text-overlay .info.big, .thumbs .thumb .text-overlay .info.big, .owl-carousel .item .text-overlay .info.big { margin-top: -35px; }

.retina-icons-code code { font-size: 11.5px; }

.tabs-side.tab-container .panel-container { padding-left: 50px; }

br { display: none; }

#team .inner-left { padding-left: 30px; }

#team .inner-right { padding-right: 30px; }

.classic-blog .post { width: 630px; padding-bottom: 50px; } .classic-blog .post-content > * { margin-left: 50px; margin-right: 50px; } .classic-blog .post-content > .post-media { margin-left: 0; margin-right: 0; } .classic-blog .post-content > *:first-child, .classic-blog .post-media + * { margin-top: 45px; } .classic-blog .post-content > .post-media:first-child, .classic-blog .owl-carousel.post-media + * { margin-top: 0; } .classic-blog .post-title { font-size: 33px; } .classic-blog .post-content .meta { padding-left: 50px; padding-right: 50px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination { left: auto; } .sidebar-left .grid-blog.col-2, .sidebar-left .grid-blog.col-2 + .pagination { padding-left: 20px; padding-right: 0; } .grid-blog.col-2 { padding-right: 20px; margin-left: 0; margin-bottom: 0; } .grid-blog.col-2 .post { width: 100%; margin-left: 0; margin-bottom: 30px; } .grid-blog.col-2 .post-title { font-size: 28px; } .grid-blog.col-2.no-sidebar, .grid-blog.col-3.no-sidebar { padding-right: 0; margin-left: -25px; } .grid-blog.col-2.no-sidebar .post, .grid-blog.col-3.no-sidebar .post { width: 347px; padding-bottom: 40px; margin-left: 25px; margin-bottom: 25px; } .grid-blog.col-2.no-sidebar .post-content > *, .grid-blog.col-3.no-sidebar .post-content > * { margin-left: 40px; margin-right: 40px; } .grid-blog.col-2.no-sidebar .post-content > *:first-child, .grid-blog.col-2.no-sidebar .post-media + *, .grid-blog.col-3.no-sidebar .post-content > *:first-child, .grid-blog.col-3.no-sidebar .post-media + * { margin-top: 35px; } .grid-blog.col-2.no-sidebar .post-content .meta, .grid-blog.col-3.no-sidebar .post-content .meta { padding-left: 40px; padding-right: 40px; margin-right: -5px; margin-left: -5px; margin-bottom: 25px; } .grid-blog.col-2.no-sidebar .post-title , .grid-blog.col-3.no-sidebar .post-title { font-size: 24px; } .grid-blog.col-2.no-sidebar p, .grid-blog.col-3.no-sidebar p { font-size: 16px; } .format-filter li a { padding: 0 25px; } .blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper { width: 100%; } .classic-blog .pagination, .classic-blog .comment-form-wrapper { margin-bottom: 120px; } .classic-blog.no-sidebar .pagination, .classic-blog.no-sidebar .comment-form-wrapper { margin-bottom: 0; }

[class*="col-md"][class*="inner-left"], [class*="col-md"][class*="inner-right"] { padding-left: 15px; padding-right: 15px; }

[class*="col-md"][class*="border-left"] { border-left: none; }

[class*="col-md"][class*="border-right"] { border-right: none; }

.tabs-circle-top .etabs:before { margin: 50px 0 -50px; } .tabs-circle-top .tab { height: 130px; margin: 0 5px; } .tabs-circle-top .tab a { width: 100px; height: 100px; max-width: 100px; font-size: 11px; } .tabs-circle-top .tab a div { font-size: 33px; } .tabs-circle-top .tab.active a { height: 130px; width: 130px; max-width: 130px; font-size: 13px; } .tabs-circle-top .tab.active a div { font-size: 44px; }

#owl-main .caption.text-center, #owl-main .caption.text-left, #owl-main .caption.text-right { padding-left: 0; padding-right: 0; } .navbar-header .navbar-brand { display: inline-block; } .navbar-collapse .navbar-brand { display: none; }

.navbar-collapse.collapse { display: none !important; }

.navbar-collapse.collapse.in { display: block !important; }

.navbar .container { display: block; }

.navbar .social, .navbar .info { display: none; }

.navbar-nav { padding-left: 0; }

.navbar-header { background: #FFF; padding: 25px 0; } .btn.responsive-menu { display: table; } .btn.responsive-menu i { display: table-cell; vertical-align: middle; } .navbar-collapse { position: static !important; background: #F5F7FA; max-height: inherit; padding-top: 0; padding-bottom: 0; } .navbar-collapse:after { content: ; display: block; height: 0; clear: both; visibility: hidden; } .yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse { float: none; position: relative; } .yamm .dropdown-menu { position: relative; left: inherit; top: inherit; float: none; width: 100%; /* display: block !important;*/ } .yamm .yamm-content { padding: 12px 0; font-size: 13px; } .navbar-nav { display: block; padding: 15px 0; } .navbar-nav > li { display: block; } .navbar-nav > li > a { padding-left: 0; padding-right: 0; border: none; border-radius: 0; } .navbar-nav > li > a:focus { background: none; /*color: #1ABB9C;*/ } .navbar-nav .dropdown-menu { border: none; box-shadow: none; } .navbar-nav .dropdown-submenu .dropdown-menu { top: 0 !important; padding-left: 20px; } .navbar-nav .dropdown + .dropdown { border-top: 1px solid #E6E9ED; } .navbar-nav .dropdown-menu > li:last-child { margin-bottom: 20px; } .navbar-nav .searchbox { float: left !important; display: block; width: 100%; } .navbar-header { float: left; width: 100%; } .navbar-header:after { content: ; display: block; height: 0; clear: both; visibility: hidden; } }

@media (max-width: 969px) { .yamm .dropdown.yamm-fullwidth .dropdown-menu { width: 100%; } }

@media (min-width: 768px) { .navbar-collapse.collapse { padding-bottom: 30px; } }

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

.navbar .container, .container { padding-right: 15px; padding-left: 15px; } .tabs-side .etabs { width: 240px; } .tabs-side.tab-container .panel-container { width: 480px; } .tabs-top.left .tab { margin-right: 2px; } .tabs-top.left .tab a { padding: 5px 10px; } .items.col-4 { margin-left: -9px; margin-bottom: -9px; } .items.col-4 li { width: 234px; margin-left: 9px; margin-bottom: 9px; } .items.col-3 { margin-left: -9px; margin-bottom: -9px; } .items.col-3 li { width: 234px; margin-left: 9px; margin-bottom: 9px; } .items.col-3.gap { margin-left: -18px; margin-bottom: -18px; } .items.col-3.gap li { width: 351px; margin-left: 18px; margin-bottom: 18px; } .items.col-4.gap { margin-left: -18px; margin-bottom: -18px; } .items.col-4.gap li { width: 351px; margin-left: 18px; margin-bottom: 18px; } }

@media (max-width: 767px) {

body { height: 100vh; }

h1, h2, h3, h4 { letter-spacing: .0125em; }

h1 { font-size: 33px; line-height: 120%; margin-bottom: 20px; }

header p { font-size: 20px; }

footer .inner { padding-top: 35px; padding-bottom: 25px; }

footer .row .inner { padding-left: 20px; padding-right: 20px; }

footer .container > .row { margin-left: -20px; margin-right: -20px; }

.row, #share { overflow: hidden; }

#share .container { width: auto; padding: 0; margin-left: -15px; margin-right: -15px; }

/*.owl-controls { display: inline; }

.owl-pagination { top: 0 !important; }*/

.last-bottom { padding-bottom: 20px !important; }

.last-bottom + .last-bottom { padding-bottom: 0 !important; }

.thumbs.gap-lg { margin-left: -15px; }

.thumbs.gap-lg .thumb { padding: 0 0 15px 15px; }

.icon.pull-right { margin-left: 10px; }

.inner { padding-top: 80px; padding-bottom: 80px; } .inner-md { padding-top: 65px; padding-bottom: 65px; } .inner-sm { padding-top: 50px; padding-bottom: 50px; } .inner-xs { padding-top: 40px; padding-bottom: 40px; } .inner-top { padding-top: 80px; } .inner-top-md { padding-top: 65px; } .inner-top-sm { padding-top: 50px; } .inner-top-xs { padding-top: 40px; } .inner-bottom { padding-bottom: 80px; } .inner-bottom-md { padding-bottom: 65px; } .inner-bottom-sm { padding-bottom: 50px; } .inner-bottom-xs { padding-bottom: 40px; }

.height-xs, .height-sm, .height-md, .height-lg, #owl-main .item, #owl-main.height-md .item, #owl-main.height-lg .item { height: 88vh; }

#hero h1 { font-size: 38px; line-height: 115%; letter-spacing: 0.031em; }

#hero p { font-size: 20px; line-height: 135%; margin-top: 15px; }

#hero #owl-main .caption h1.light-bg, #hero #owl-main .caption h1.medium-bg, #hero #owl-main .caption h1.dark-bg, #hero #owl-main .caption h1.tint-bg { font-size: 33px; }

#hero .btn { margin-top: 25px; }

#hero .btn-large { font-size: 16px; padding: 12px 30px 15px; }

.retina-icons-code tr td:first-child, .retina-icons-code tr th:first-child { max-width: 30px; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { line-height: 100%; padding-left: 4px; padding-right: 4px; }

.table > thead > tr > th { font-size: 11px; }

.retina-icons-code i { font-size: 14px; }

.retina-icons-code code { font-size: 10px; }

.tabs-side .etabs { float: none; width: 100%; }

.tabs-side .tab a { border-right-color: #E6E9ED; }

.tabs-side .tab:first-child a { border-top-right-radius: 3px; }

.tabs-side .tab:last-child a { border-bottom-right-radius: 3px; }

.tabs-side .tab.active a { border-right-color: #CED7E0 !important; }

.tabs-side.tab-container .panel-container { padding-left: 0; border-left: none; margin-top: 30px; }

.tabs-top .etabs:after { display: none; } .tabs-top .tab { display: block; max-width: 100%; margin: 0; } .tabs-top .tab a { display: block; border-top-left-radius: 0; border-top-right-radius: 0; } .tabs-top .tab:first-child a { border-top-left-radius: 3px; border-top-right-radius: 3px; } .tabs-top .tab:last-child a { border-bottom: 1px solid #E6E9ED; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .tabs-top .tab.active + .tab a { border-top-color: #CED7E0; } .tabs-top .tab.active + .tab a:hover { border-top-color: #1ABB9C; }

.filter:before, .format-filter:before { display: none; }

h1.single-block .btn { margin-left: 0; }

.sidemeta .date-wrapper, .classic-blog.sidebar-left .sidemeta .date-wrapper { top: -80px; left: 50%; margin-left: -60px; }

.sidemeta .format-wrapper, .classic-blog.sidebar-left .sidemeta .format-wrapper { top: -70px; left: 50%; margin-left: 10px; }

.classic-blog .sidemeta, .classic-blog .pagination { padding-left: 0; border-left: none; margin-left: 0; } .classic-blog.sidebar-left .sidemeta, .classic-blog.sidebar-left .pagination { padding-right: 0; border-right: none; margin-right: 0; } .classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination { left: 0; } .classic-blog .post { margin-top: 80px; width: 100%; }

.grid-blog.col-2 { padding-right: 0; }

.sidebar-left .grid-blog.col-2, .sidebar-left .grid-blog.col-2 + .pagination { padding-left: 0; }

.classic-blog .post, .grid-blog.col-2 .post, .grid-blog.col-3 .post, .grid-blog.col-2.no-sidebar .post, .grid-blog.col-3.no-sidebar .post { padding-bottom: 30px; }

.classic-blog .post-content > *, .grid-blog.col-2 .post-content > *, .grid-blog.col-3 .post-content > *, .grid-blog.col-2.no-sidebar .post-content > *, .grid-blog.col-3.no-sidebar .post-content > * { margin-left: 30px; margin-right: 30px; }

.classic-blog .post-content .meta, .grid-blog.col-2 .post-content .meta, .grid-blog.col-3 .post-content .meta, .grid-blog.col-2.no-sidebar .post-content .meta, .grid-blog.col-3.no-sidebar .post-content .meta { padding-left: 30px; padding-right: 30px; margin-bottom: 20px; }

.classic-blog .post-content > *:first-child, .classic-blog .post-media + *, .grid-blog.col-2 .post-content > *:first-child, .grid-blog.col-2 .post-media + *, .grid-blog.col-3 .post-content > *:first-child, .grid-blog.col-3 .post-media + *, .grid-blog.col-2.no-sidebar .post-content > *:first-child, .grid-blog.col-2.no-sidebar .post-media + *, .grid-blog.col-3.no-sidebar .post-content > *:first-child, .grid-blog.col-3.no-sidebar .post-media + * { margin-top: 30px; }

.classic-blog .post-title, .grid-blog.col-2 .post-title, .grid-blog.col-3 .post-title, .grid-blog.col-2.no-sidebar .post-title, .grid-blog.col-3.no-sidebar .post-title { font-size: 24px; }

.classic-blog p, .grid-blog.col-2 p, .grid-blog.col-3 p, .grid-blog.col-2.no-sidebar p, .grid-blog.col-3.no-sidebar p { font-size: 16px; line-height: 150%; margin-bottom: 10px; }

.classic-blog .pagination, .classic-blog .comment-form-wrapper, .pagination { margin-bottom: 100px; }

.grid-blog.col-2.no-sidebar + .pagination, .grid-blog.col-3.no-sidebar + .pagination { margin-bottom: 0; }

.classic-blog .pagination, .classic-blog.sidebar-left .pagination, .grid-blog.col-2 + .pagination, .grid-blog.col-3 + .pagination, .grid-blog.col-2.no-sidebar + .pagination, .grid-blog.col-3.no-sidebar + .pagination { margin-left: -10px; }

.pagination > li:first-child { margin-left: 10px; }

.pagination li { margin-bottom: 10px; }

#blog-post .post h2 { font-size: 19px; margin-bottom: 15px; }

#blog-post .post h3 { font-size: 16px; }

#blog-post .post h4 { font-size: 14px; }

#blog-post .post figure figcaption p { font-size: 14px; line-height: 150%; }

[class*="col"] > figcaption:first-child { padding-top: 20px; }

.post-author, #comments { padding: 30px; }

.post-author .author-image { float: none; display: inline-block; margin-bottom: 20px; }

.post-author .author-details { padding-left: 0; }

#comments .avatar { float: none; display: inline-block; margin-bottom: 15px; }

#comments .commentbody { padding-left: 0; }

#comments .commentlist .children { padding-left: 0; }

[class*="col"][class*="border-left"] { border-left: none; }

[class*="col"][class*="border-right"] { border-right: none; }

.filter li { display: block; }

.filter li + li { margin-top: 15px; }

.filter li:after { display: none; }

#hero .info, #hero .info, #hero .info, .items li .text-overlay .info.big, .thumbs .thumb .text-overlay .info.big, .owl-carousel .item .text-overlay .info.big { margin-top: -25px; } .items li .text-overlay .info h2, .thumbs .thumb .text-overlay .info h2, .owl-carousel .item .text-overlay .info h2, .items li .text-overlay .info h3, .thumbs .thumb .text-overlay .info h3, .owl-carousel .item .text-overlay .info h3, .items li .text-overlay .info h4, .thumbs .thumb .text-overlay .info h4, .owl-carousel .item .text-overlay .info h4 { font-size: 16px; line-height: 150%; } .items li .text-overlay .info p, .thumbs .thumb .text-overlay .info p, .owl-carousel .item .text-overlay .info p, .items li .text-overlay .info.big p, .thumbs .thumb .text-overlay .info.big p, .owl-carousel .item .text-overlay .info.big p, #hero .items li .text-overlay .info.big p, #hero .thumbs .thumb .text-overlay .info.big p, #hero .owl-carousel .item .text-overlay .info.big p { font-size: 14px; line-height: 140%; padding-top: 0; }

.tabs-2-big-top .tab { width: 100%; margin: 0 0 50px 0; } .tabs-2-big-top .tab a { padding: 25px; } .tabs-2-big-top.tab-container .panel-container { margin-top: 0; }

[class*="col"][class*="inner-left"], [class*="col"][class*="inner-right"], [class*="col"][class*="reset-padding"] { padding-left: 15px; padding-right: 15px; }

[class*="inner-top"].reset-xs { padding-top: 0 !important; }

.tabs-circle-top .etabs:before { border-bottom: none; margin: 0; } .tabs-circle-top .tab { display: table; width: 100%; height: auto; margin: 0; } .tabs-circle-top .tab.active { top: 0; } .tabs-circle-top .tab a, .tabs-circle-top .tab.active a { width: 100%; max-width: 100%; height: auto; font-size: 18px; text-align: left; padding-top: 10px; padding-bottom: 10px; border-top: none; border-radius: 0; } .tabs-circle-top .tab a:hover { border-width: 1px; border-color: #CED7E0 !important; border-top: none; } .tabs-circle-top .tab.active a:hover { border-color: transparent !important; } .tabs-circle-top .tab:first-child a { border-top: 1px solid #CED7E0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .tabs-circle-top .tab:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .tabs-circle-top .tab a div, .tabs-circle-top .tab.active a div { display: inline-block; vertical-align: middle; font-size: 30px; line-height: 120%; padding-bottom: 5px; margin: 0 10px 0 0; }

.yamm-content { margin-top: 25px; }

.yamm-content > [class*="col"] { margin-bottom: 50px; } .navbar .container, .container { padding-right: 20px; padding-left: 20px; } .navbar-collapse { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; } .footer-bottom p.pull-left, .footer-bottom ul.pull-right { float: none !important; text-align: center; } .footer-bottom p { margin-bottom: 20px; } .footer-menu li { padding: 0 5px; } img { max-width: 100%; height: auto; } .filter li a:before { display: none; } .items { margin-left: 0 !important; /*margin-bottom: -20px !important;*/ } .items li { width: 100% !important; margin-left: 0 !important; margin-bottom: 20px !important; } .items.fullscreen li { margin: 0 !important; } .sidebar { margin-top: 70px; padding-left: 15px !important; } .blog.no-sidebar .post, .blog.no-sidebar #comments, .blog.no-sidebar .pagination, .blog.no-sidebar .comment-form-wrapper { width: 100% } .blog.no-sidebar .pagination ul { margin: 0 } .grid-blog { margin-left: 0 !important; margin-bottom: 20px !important; } .grid-blog .post { width: 100% !important; margin-left: 0 !important; margin-bottom: 20px !important; } #comments ul.children { padding: 0 0 0 20px; } #comments .arrow-box { margin-left: 0; } .panel-title { line-height: 18px; } .yamm .yamm-content.row { margin-bottom: -30px } }

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

.height-xs, .height-sm, #owl-main .item { height: 480px; }

#hero h1 { font-size: 60px; line-height: 115%; }

#hero p { font-size: 22px; line-height: 135%; margin-top: 30%; }

#hero #owl-main .caption h1.light-bg, #hero #owl-main .caption h1.medium-bg, #hero #owl-main .caption h1.dark-bg, #hero #owl-main .caption h1.tint-bg { font-size: 50px; }

#hero .btn { margin-top: 35px; }

#hero .btn-large { font-size: 16px; padding: 15px 35px 17px; } }

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

.height-xs, .height-sm, .height-md, .height-lg, #owl-main .item, #owl-main.height-md .item, #owl-main.height-lg .item { height: 625px; } }


/*===================================================================================*/ /* DEMO ONLY /*===================================================================================*/

a.changecolor { cursor: pointer; }


/*===================================================================================*/ /* SKROLLR ANIMATIONS /*===================================================================================*/

.navbar .navbar-collapse { -skrollr-animation-name: shrink-header; }

.navbar .navbar-brand img { -skrollr-animation-name: shrink-logo; }

@-skrollr-keyframes shrink-header { 40 { padding-top: 30px; padding-bottom: 30px; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0); -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.0); box-shadow: 0 10px 10px rgba(0,0,0,0); }

300 { padding-top: 0; padding-bottom: 0; -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 10px 10px rgba(0,0,0,0.1); box-shadow: 0 10px 10px rgba(0,0,0,0.1); } }

@-skrollr-keyframes shrink-logo { 40 { max-height: 40px; }

300 { max-height: 20px;

} }