/*

Theme Name: Custom

Theme URI: https://www.elmastudio.de/en/themes/yoko/

Author: Elmastudio

Author URI: https://www.elmastudio.de/en/

Description: Yoko is a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and modern smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on). To make your blog post more flexible you can use different kinds of post formats such as gallery, image, video, aside, link or quotes. To customize the theme you can choose your own background, link color, logo and header image. Yoko also comes with a custom social links widget and shortcodes for text columns, info boxes and highlighted text.



Version: 1.2.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: yoko

Tags: three-columns, right-sidebar, custom-colors, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready



License: GNU/GPL Version 2 or later

License URI: http://www.gnu.org/licenses/gpl.html

*/



/* Reset

--------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/

	 v2.0 | 20110126

	 License: none (public domain)

*/

html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote,  a, img, strong, var,  b, u, i, center, dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
#content address {
    padding: 0 0 20px 0;
}
#content abbr, acronym {
    border-bottom: .1em dotted;
}
#content pre, code, tt {
    font-size: 1.1em;
}
html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;/* Many screen reader and browser combinations announce broken words as they would appear visually. */

}
/* General Structure and Styles

--------------------------------------------- */

body {
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #171717;font-size: 14px;
	overflow-x: hidden;
}
#page {
}
#wrap {padding:95px 0;}
.home #wrap {padding: 0;}
#main {
    width: 100%;
    float: left;
    overflow: hidden;
}
/*#content {
    width: 75.669%;
    float: left;
}*/
#secondary {
    width: 17.275%;
    margin-left: 7.054%;
    float: left;
}
#tertiary {
    width: 23.775%;
    float: right;
    overflow: hidden;
}
#colophon {
    width: 70%;
    float: left;
    padding: 30px 0 0;
    overflow: hidden;
    font-size: 0.8em;
}
.aligncenter, div.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
/* Headlines

--------------------------------------------- */

#content h1 {
    margin: 26px 0 12px;
;
}
#content h2 {
    margin: 26px 0 12px;
   
}
#content h3 {
    margin: 26px 0 12px;
   
}
#content h4 {
    margin: 22px 0 12px;
    
}
#content h5 {
    margin: 22px 0 10px;
    
}
#content h6 {
    margin: 20px 0 10px;
 
}
/* Links

--------------------------------------------- */

a {
    color: #009BC2;
    text-decoration: none;
}
a:hover {
    color: #000;
    text-decoration: none;

}
/* Lists

--------------------------------------------- */

#content .post ul, #content .page ul, .commentlist ul {
    padding: 7px 0 7px 30px;
    line-height: 1.3;
}
#content .post ul li, #content .page ul li, .commentlist ul li {
    padding: 0 0 12px;
    list-style: square;
}
#content .post ol, #content .page ol, .commentlist ol {
    padding: 7px 0 7px 30px !important;
    line-height: 1.3;
}
#content .post ol li, #content .page ol li, .commentlist ol li {
    padding: 0 0 12px;
    list-style: decimal;
}
#content .post ol ol li, #content .page ol ol li, .commentlist ol ol li {
    list-style: upper-alpha;
}
#content .post ol ol ol li, #content .page ol ol ol li, .commentlist ol ol ol li {
    list-style: lower-roman;
}
#content dl {
    margin: 0;
    padding: 0;
}
#content dt {
    font-weight: bold;
    margin: 0;
    padding: 10px 5px 5px;
}
#content dd {
    margin: 0;
    padding: 0 0 10px 15px;
}
/* Header

--------------------------------------------- */

#site-title h1, .title1 {
    margin: 0 10px 0 0;
    font-size: 2.1em;
    line-height: 1.2;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
  
}

img {
    max-width: 100%;
}
/* Navigations

--------------------------------------------- */

/* --- Main Nav --- */

#branding #mainnav {
    float: right;
}
#branding #mainnav ul li {
    float: left;
    list-style: none;
    position: relative;
	    margin-left: 40px;
}
#branding #mainnav ul li a {
    margin: 0;
    padding: 9px 14px;
    display: block;
    text-transform: uppercase;
	font-weight: 600;
	color: #000;
}
#branding #mainnav ul li:first-child {
    margin: 0px;
}
#branding #mainnav ul li a:hover {
    color: #18bfc7;
    text-decoration: none;
}
#branding #mainnav ul ul {
    display: none;
    float: left;
    position: absolute;
    top: 2em;
    left: 0;
    z-index: 99999;
}
#branding #mainnav ul ul ul {
    left: 100%;
    top: 0;
}
#branding #mainnav ul ul a {
    background: #F9F9F9;
    padding: 9px 14px;
    width: 11em;
    height: auto;
    text-transform: none;
}

/* --- Sub Nav --- */

nav#subnav {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
nav#subnav ul.menu {
    margin: 5px 0 0 0;
    padding: 16px 0 30px;
    border-top: 1px solid #ddd;
    overflow: hidden;
}
nav#subnav ul.menu li.menu-item {
    width: 14.2468%;
    margin: 0px;
    float: left;
    list-style: none;
}
nav#subnav ul.menu li.menu-item a {
    font-size: .8em;
    text-transform: uppercase;
    font-weight: bold;
}
nav#subnav ul.menu li.menu-item ul.sub-menu {
    margin: 0;
    padding: 6px 0 0;
    overflow: hidden;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
    width: 100%;
    letter-spacing: 0;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item a {
    font-size: .8em;
    font-weight: normal;
    line-height: 2;
    text-transform: none;
}
/* Posts

--------------------------------------------- */

#content .post {
    margin: 0 0 40px;
    padding: 0 0 40px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    clear: both;
    font-size: .95em;
    line-height: 1.6;
}
#content .entry-header h2.entry-title {
    margin: 0 0 12px;
    font: bold 1.3em/1.4 'Droid Sans', arial, sans-serif;
}
#content .entry-header h2.entry-title a:hover {
    color: #777;
    text-decoration: none;
}
#content .post p {
    padding: 0 0 20px;
}
#content .entry-details {
    width: 22.507%;
    padding: 2px 18px 0 0;
    float: left;
    font: italic .8em/1.6 'Droid Serif', Times, serif;
}
#content .entry-details p span.entry-date, #content .entry-details p a {
    width: 100%;
    font-family: 'Droid Sans', arial, sans-serif;
    font-style: normal;
}
#content .entry-content {
    width: 74.5%;
    margin: 0;
    float: right;
}
#content .post img.wp-post-image {
    width: 140px;
    height: auto;
    margin: 5px 0 8px;
    padding: 0;
}
#content .entry-meta p {
    padding: 15px 0 0;
    font: italic .8em/1.5 'Droid Serif', Times, serif;
}
#content .entry-meta a {
    padding: 15px 0 0;
    font-family: 'Droid Sans', arial, sans-serif;
    font-style: normal;
}
.page-link {
    background-color: #f0f0f0;
    border-top: 1px solid #ddd;
    padding: 5px 20px;
    overflow: hidden;
    font-size: .9em;
}
.page-link a {
    font-weight: bold;
    margin: 0 1px;
}
.page-link a:hover {
    text-decoration: none;
}
/* --- Sticky Post --- */

#content .sticky {
    border-top: 1px solid #ddd;
    background-color: #F0F0F0;
    padding: 15px 10px;
    overflow: hidden;
}
/* --- Post Typography --- */

#content strong {
    font-weight: bold;
}
#content p em, .p-custom, .f-droid .p-des {
    font-family: 'Droid Serif', Times, serif;
    font-style: italic;
}
#content em {
    font-family: 'Droid Serif', Times, serif;
    font-style: italic;
    font-size: .9em;
}
#content p small {
    font-size: .8em;
}
#content .post blockquote, #content .page blockquote {
    margin: 0 20px 10px 0;
    overflow: hidden;
    font: italic 1.1em/1.6 'Droid Serif', Times, serif;
}
#content .single-entry-content blockquote {
    margin: 20px 20px 10px 20px;
    background: none;
}
#content blockquote cite {
    margin: 10px 0 0 0;
    padding: 0 25px 15px 0;
    float: right;
    font: normal .8em 'Droid Sans', arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
}
#content pre {
    background-color: #f0f0f0;
    font-family: monospace;
    font-size: 1.2em;
    line-height: 1.3;
    margin: 0 0 20px 0;
    padding: 10px;
}
#content p.nocomments {
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
/* --- Post Images and Video --- */

#content img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#content img.aligncenter {
    margin: 20px auto;
}
#content img.alignleft, #content .wp-caption.alignleft {
    margin: 10px 20px 0 0;
}
#content img.alignright, #content .wp-caption.alignright {
    margin: 10px 0 0 20px;
}
#content img.alignnone {
    margin: 20px 0;
}
#content .wp-caption.alignnone {
    margin: 0 0 20px 0;
}
#content .wp-caption.aligncenter {
    margin-bottom: 10px;
}
#content .post .wp-caption {
    max-width: 100%;
    text-align: center;
}
#content .single-entry-content .wp-caption {
    max-width: 100%;
    text-align: center;
}
#content .post p.wp-caption-text {
    font: normal .8em/1.4 'Droid Sans', arial, sans-serif;
    margin: 0;
    padding: 7px 0 10px 0;
    color: #999;
}
#content object,  #content embed,  #content iframe {
    max-width: 100%;
    margin: 3px 0 10px;
    display: block;
}
/* --- Post Columns Shortcodes --- */

.two-columns-one {
    width: 48%;
}
.three-columns-one {
    width: 30.66%;
}
.three-columns-two {
    width: 65.33%;
}
.four-columns-one {
    width: 22%;
}
.four-columns-two {
    width: 48%;
}
.four-columns-three {
    width: 74%;
}
.two-columns-one, .three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
    float: left;
    margin-right: 4%;
    position: relative;
}
.last {
    clear: right;
    margin-right: 0 !important;
}
.divider {
    clear: both;
    display: block;
    margin-bottom: 20px;
    width: 100%;
}
#content span.highlight {
    padding: 2px;
    background-color: #FFFBCC;
}
.yellow-box {
    margin: 10px 0;
    background: #FFFBCC;
    border: 1px solid #E6DB55;
    padding: 20px;
    overflow: hidden;
}
.red-box {
    margin: 10px 0;
    background: #FFD9C8;
    border: 1px solid #F37C72;
    padding: 20px;
    overflow: hidden;
}
.green-box {
    margin: 10px 0;
    background: #D5FFCA;
    border: 1px solid #BDDC7F;
    padding: 20px;
    overflow: hidden;
}
/* --- Post Tables --- */

#content table {
    margin: 10px 0px 30px 0px;
}
#content table thead {
    border-top: 1px solid #ddd;
}
#content table tr {
    border-bottom: 1px solid #ddd;
}
#content table tr th {
    padding: 10px 20px 10px 20px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
#content table tr td {
    padding: 10px 20px 10px 20px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
/* Single Posts

--------------------------------------------- */

#content .post .single-entry-header {
    margin: 0;
}
#content .single-entry-header h1.entry-title {
    margin: 0 0 5px;
    font: bold 1.3em/1.4 'Droid Sans', arial, sans-serif;
    color: #009BC2;
}
#content .single-entry-header p {
    padding: 0 0 5px;
    font-size: .8em;
}
#content .single-entry-header p span.entry-date, #content .single-entry-header p span.entry-author {
    font: italic 1em/1.5 'Droid Serif', Times, serif;
}
#content .single-entry-details {
    width: 22.507%;
    padding: 0 18px 0 0;
    float: left;
}
#content .single-entry-content {
    width: 100%;
    margin: 15px 0 0;
    padding: 0;
    float: left;
}
#content .post .single-entry-meta p {
    padding: 15px 0 0;
    font: italic .8em/1.5 'Droid Serif', Times, serif;
}
#content .post .single-entry-meta p a {
    font-family: 'Droid Sans', arial, sans-serif;
    font-style: normal;
}
#content .post .author-info {
    margin: 40px 0 0;
    padding: 15px 20px 15px;
    background: #F0F0F0;
    overflow: hidden;
    border-top: 1px solid #ddd;
}
#content .post .author-info h3 {
    margin: 0 0 4px;
    font: bold .9em/1.5 'Droid Sans', arial, sans-serif;
}
#content .post .author-info .avatar {
    max-width: 100%;
    width: 70px;
    margin: 0 15px 0 0;
    float: left;
}
#content .post .author-description {
    overflow: hidden;
}
#content .post .author-description p {
    padding: 0;
    font-size: .9em;
    line-height: 1.5;
}
#content .post .author-description a:hover {
    text-decoration: underline;
}
/* --- Post Nav Below --- */

#content #image-nav {
    margin: 30px 0 3px 0;
    overflow: hidden;
}
#comment-nav-below {
    margin: 40px 0;
    overflow: hidden;
}
#content #nav-below .nav-previous a, #content #image-nav span.previous-image a, #comment-nav-below .nav-previous a {
    width: 40%;
    display: block;
    float: left;
    font-size: .9em;
    font-weight: bold;
}
#content #nav-below .nav-next a, #content #image-nav span.next-image a, #comment-nav-below .nav-next a {
    display: block;
    float: right;
    font-size: .9em;
    font-weight: bold;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #image-nav span.previous-image a:hover, #content #image-nav span.next-image a:hover {
    text-decoration: none;
}
/* --- Comments --- */

#comments {
    font-size: .9em;
    padding: 0 0 30px 0;
}
#comments h3#comments-title {
    padding: 30px 0 10px;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .2em;
}
#comments p.write-comment-link {
    padding: 0 0 20px;
}
#comments .comment-body p {
    padding: 0 0 10px;
}
#comments p.moderation {
    font-family: 'Droid Serif', Times, serif;
    font-style: italic;
}
#content #comments ol {
    padding: 0;
}
#content #comments ol li ul.children {
    padding: 0;
}
#content #comments ol li.depth-1 {
    padding: 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
    margin: 0 0 0 35px;
    padding: 0;
    border-top: 1px solid #ddd;
    border-bottom: none;
    overflow: hidden;
}
.comment-meta {
    padding: 0 0 12px;
    font-size: .8em;
}
.comment-meta cite.fn {
    font-size: 1.3em;
    font-weight: bold;
    font-style: normal;
}
#comments .comment-body {
    padding: 20px 0px;
    overflow: hidden;
    line-height: 1.5;
}
.reply {
    margin: 0;
    float: left;
}
a.comment-reply-link {
    font-size: .9em;
}
#comments ol li.post.pingback {
    margin: 0;
    padding: 20px 0 0;
    list-style: none;
    font-weight: bold;
}
#comments ol li.post.pingback a {
    font-weight: normal;
}
#comments ol li img.avatar {
    max-width: 100%;
    width: 65px;
    height: 65px;
    margin: 22px 15px 0 0;
    float: left;
}
#comments .bypostauthor {
}
/* --- Comment Reply --- */

#content #comments #respond {
    margin: 30px 0 0;
    padding: 20px;
    background-color: #F0F0F0;
}
a#cancel-comment-reply-link {
    padding: 3px 0 0;
    float: right;
    font-size: .8em;
    font-weight: normal;
}
#content #comments #respond h3#reply-title {
    margin: 0 0 3px 0;
    font-size: 1.2em;
}
form#commentform p.comment-notes, p.logged-in-as {
    padding: 0 0 15px 0;
    font-size: .8em;
}
form#commentform span.required {
    color: #E75428;
}
form#commentform p.comment-form-author, form#commentform p.comment-form-email, form#commentform p.comment-form-url, form#commentform p.comment-form-comment {
    padding: 15px 0 0;
	width:100%;
}
input#submit, input.wpcf7-submit {
    margin: 10px 0 0;
    padding: 8px 10px 7px;
    display: inline-block;
    vertical-align: baseline;
    outline: none;
    background-color: #777;
    border: none;
    font-size: .75em;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}
input#submit:hover, input.wpcf7-submit:hover {
    background-color: #009BC2;
    color: #fff;
}
form#commentform input#author, form#commentform input#email, form#commentform input#url {
    width: 60%;
    margin: 5px 0 0;
    padding: 9px 5px 9px;
    display: block;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 1em;
}
form#commentform textarea#comment {
    width: 100%;
    margin: 5px 0 0;
    padding: 9px 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    font: 1em 'Droid Sans', arial, sans-serif;
}
form#commentform p.subscribe-to-doi-comments {
    padding: 20px 0 0;
    font-size: .8em;
    color: #666;
    letter-spacing: 1px;
}
/* Post Formats

--------------------------------------------- */

#content .entry-link, #content .entry-gallery, #content .entry-video {
    width: 100%;
    margin: 0;
    float: left;
}
/* --- Link Post Format --- */

#content .entry-link a {
    font-size: 1.1em;
    color: #009BC2;
    font-weight: bold;
}
#content .entry-link .entry-meta a {
    font-size: 1em;
    font-weight: normal;
}
/* --- Image Post Format --- */

#content .entry-header h2.entry-title-image {
    margin-top: 0;
    font-size: 1.1em;
}
/* --- Video, Image and Gallery Post Format --- */

#content .entry-post-format .entry-header h2.entry-title {
    margin: 0 0 5px;
}
#content .entry-post-format .entry-header p {
    font: italic .8em/1.5 'Droid Serif', Times, serif;
}
#content .entry-post-format .entry-header p a {
    font-family: 'Droid Sans', arial, sans-serif;
    font-style: normal;
}
#content .entry-post-format .entry-content-gallery {
    width: 54%;
    float: left;
}
#content .entry-post-format .gallery-thumb {
    width: 42.258%;
    float: left;
    margin: 5px 15px 0 0;
}
#content .post img.attachment-medium {
    max-width: 100%;
    height: auto;
    padding: 0;
}
/* WordPress Image Gallery

--------------------------------------------- */

#content .gallery {
    margin: auto;
    padding: 0;
    clear: both;
}
#content .gallery-item {
    width: 19%;
    float: left;
    margin-top: 10px;
    margin-right: 3px;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
}
#content .gallery-icon {
    width: 100%;
}
#content .gallery-caption {
    margin-left: 0;
    padding: 0;
    font-size: .8em;
    line-height: 1.25;
    color: #999;
    display: block;
}
/* Pages

--------------------------------------------- */

#content .page-entry-header {
    margin: 0;
}
#content .page-entry-header h1.entry-title {
    margin: 0;
    font: bold 1.5em/1.5 'Droid Sans', arial, sans-serif;
    color: #009BC2;
}
#content .page p {
    padding: 0 0 20px 0;
}
/* --- Fullwidth Page --- */

#content.full-width {
    width: 100% !important;
}
#content.full-width .page {
    margin: 0;
    padding: 0 0 20px;
    border-bottom: none;
}
/* --- Archive, 404, Search Results --- */

#content .page-header h1.page-title {
    padding: 0 0 15px 0;
    font-size: .8em;
    color: #777;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .1em;
}
/* --- Contact Page --- */

#content .wpcf7 {
    overflow: hidden;
    margin: 0;
        border-radius: 5px;
    padding: 20px;
    background: #18bfc7;
}
#content .wpcf7 h3#form-title {
    margin: 0 0 3px 0;
    font-size: 1.2em;
}
#content .wpcf7 p.form-info {
    padding: 0 0 15px 0;
    font-size: .8em;
}
#content .wpcf7 p span.required {
    color: #E75428;
}

/* Sidebars

--------------------------------------------- */

aside.widget {
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    font-size: .8em;
    border-bottom: 1px solid #ddd;
}
aside.widget ul li {
    padding: 0 0 7px 0;
    line-height: 1.4em;
}
aside.widget ul li:last-child {
    padding: 0;
}
.widget h3.widget-title, .widget_get_recent_comments h1.widget-title {
    padding: 0 0 15px 0;
        color: #ffffff;
    font-size: 30px;
    text-shadow: 0px -5px 5px #272727;
}
.textwidget {
    line-height: 1.6;
}
/* --- Standard Widgets --- */

.widget_categories ul li ul.children, .widget_nav_menu ul li ul.sub-menu, .widget_pages ul li ul.children {
    margin: 5px 0 0 0;
}
.widget_categories ul li ul.children li, .widget_nav_menu ul li ul.sub-menu li, .widget_pages ul li ul.children li {
    margin: 0 0 0 20px;
}
.widget_recent_entries ul, .widget_recent_comments ul {
    padding: 0 0 0 15px;
}
.widget_recent_entries ul li, .widget_recent_comments ul li {
    list-style: square;
}
.widget_calendar #wp-calendar caption {
    font-family: 'Droid Serif', Times, serif;
    font-style: italic;
    text-align: left;
    padding: 0 0 5px 0;
}
.widget_calendar table#wp-calendar th, .widget_calendar table#wp-calendar td {
    padding: 0 6px 6px 0;
}
.widget_calendar table#wp-calendar tbody tr td#today {
    font-weight: bold;
}
/* --- Search Widget --- */

.widget_search {
    overflow: hidden;
}
.searchform {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
}
#secondary .searchform .search-input {
    width: 90%;
    margin: 0 0 5px 0;
}
#tertiary .searchform .search-input {
    width: 62%;
    margin: 0 2px 5px 0;
}
.searchform .search-input {
    width: 40%;
    margin: 0 2px 5px 0;
    padding: 6px 5px;
    background-color: #F0F0F0;
    border: 1px solid #ddd;
}
.searchform .search-input:hover, #searchform .search-input:focus, #searchform .search-input:active {
    background-color: #fff;
}
.searchsubmit {
    margin: 0;
    padding: 8px 10px 7px;
    display: inline-block;
    vertical-align: baseline;
    outline: none;
    background-color: #777;
    border: none;
    font-size: 11px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}
.searchsubmit:hover {
    color: #fff;
    background-color: #009BC2;
}
/* --- Social Links Custom Widget --- */

.widget_sociallinks ul li {
    display: block;
}
.widget_sociallinks a {
    padding: 0 0 0 22px;
    height: 16px;
    display: inline-block;
}
.widget_sociallinks a.twitter {
    background: url(images/socialicons.png) 0 0 no-repeat;
}
.widget_sociallinks a.facebook {
    background: url(images/socialicons.png) 0 -17px no-repeat;
}
.widget_sociallinks a.googleplus {
    background: url(images/socialicons.png) 0 -34px no-repeat;
}
.widget_sociallinks a.pinterest {
    background: url(images/socialicons.png) 0 -51px no-repeat;
}
.widget_sociallinks a.vimeo {
    background: url(images/socialicons.png) 0 -68px no-repeat;
}
.widget_sociallinks a.youtube {
    background: url(images/socialicons.png) 0 -85px no-repeat;
}
.widget_sociallinks a.instagram {
    background: url(images/socialicons.png) 0 -102px no-repeat;
}
.widget_sociallinks a.flickr {
    background: url(images/socialicons.png) 0 -119px no-repeat;
}
.widget_sociallinks a.dribbble {
    background: url(images/socialicons.png) 0 -136px no-repeat;
}
.widget_sociallinks a.github {
    background: url(images/socialicons.png) 0 -153px no-repeat;
}
.widget_sociallinks a.foursquare {
    background: url(images/socialicons.png) 0 -170px no-repeat;
}
.widget_sociallinks a.wordpress {
    background: url(images/socialicons.png) 0 -187px no-repeat;
}
.widget_sociallinks a.xing {
    background: url(images/socialicons.png) 0 -204px no-repeat;
}
.widget_sociallinks a.linkedin {
    background: url(images/socialicons.png) 0 -221px no-repeat;
}
.widget_sociallinks a.delicious {
    background: url(images/socialicons.png) 0 -238px no-repeat;
}
.widget_sociallinks a.rss {
    background: url(images/socialicons.png) 0 -255px no-repeat;
}
/* --- Recent Comments Widget --- */

.widget_get_recent_comments li.sidebar-comment {
    margin: 10px 0;
    overflow: hidden;
}
.widget_get_recent_comments li.sidebar-comment:first-child {
    margin: 3px 0 10px;
}
.widget_get_recent_comments li.sidebar-comment .comment-content {
    padding: 0 0 0 6px;
    overflow: hidden;
}
.widget_get_recent_comments li.sidebar-comment p {
    line-height: 1.4;
}
.widget_get_recent_comments .kjgrcGravatar {
    margin: 0;
    float: left;
    display: block;
}
.widget_get_recent_comments span.sidebar-comment-autor a {
    padding: 0 0 3px;
}
/* --- Flickr Fotostream Widget --- */

#flickr_badge_wrapper {
    margin: 3px 0 0;
}
.flickr_badge_image {
    max-width: 80px;
    height: 60px;
    margin: 0 6px 6px 0;
    float: left;
}
.flickr_badge_image img {
    width: 80px;
    height: 60px;
}
/* Footer

--------------------------------------------- */

#colophon p {
    line-height: 1.5;
}
a.top {
    margin: 3px 0 0 0;
    font-weight: bold;
    display: block;
}
a.top:hover {
    text-decoration: none;
}
/* Clearing Floats

--------------------------------------------- */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}


/* --- Header --- */

#site-title {
    float: left;
}
#site-title h1 {
    margin: 0;
    text-align: center;
    float: none;
}
#site-title h2 {
    margin: 0;
    text-align: center;
}
/* --- Main Nav --- */
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
     margin-bottom: 0 !important;
}

#branding #mainnav {
    margin: 17px 0 0;
}
#branding #mainnav ul li a {
    margin: 0;
    padding: 8px 7px;
    display: block;

}
#branding #mainnav ul ul {
    display: none;
}
#branding #mainnav ul ul ul {
    display: none;
}
#branding #mainnav ul ul a {
    display: none;
}
/* --- Sub Nav --- */

nav#subnav ul.menu {
    border-bottom: none;
}
nav#subnav ul.menu li.menu-item {
    width: 100%;
    margin: 0;
    float: none;
    overflow: hidden;
    background-color: #F0F0F0;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
nav#subnav ul.menu li.menu-item a {
    width: 100%;
    margin: 0;
    padding: 12px 0 11px;
    float: left;
    display: block;
    background-color: #F0F0F0;
}
nav#subnav ul.menu li.menu-item a:hover, nav#subnav ul.menu li.menu-item a:active, nav#subnav ul.menu li.menu-item a:focus {
    background: #D4D4D4;
    text-decoration: none;
}
nav#subnav ul.menu li.menu-item ul.sub-menu li.menu-item {
    display: none;
}
/* --- Post Content --- */

#content .post {
    margin: 0 0 30px;
    padding: 0 0 30px;
}
#content .post .entry-header h2.entry-title {
    font-size: 1.2em;
}
#content .entry-content {
    width: 100%;
}
#content .entry-details {
    display: none;
}
#content .post img.wp-post-image {
    display: none;
}
#content .sticky {
    padding: 10px;
}
/* --- Post Columns Shortcodes --- */

.two-columns-one {
    width: 100%;
}
.three-columns-one {
    width: 100%;
}
.three-columns-two {
    width: 100%;
}
.four-columns-one {
    width: 100%;
}
.four-columns-two {
    width: 100%;
}
.four-columns-three {
    width: 100%;
}
.three-columns-one, .three-columns-two, .four-columns-one, .four-columns-two, .four-columns-three {
    float: none;
}
/* --- Single Posts ---- */

#content .single-entry-details {
    display: none;
}
#content .single-entry-header .social-btn-top {
    display: none;
}
#content .post .author-description p {
    font-size: .8em;
    line-height: 1.4;
}
#content .post .author-info .avatar {
    display: none;
}
/* --- Comments ---- */

form#commentform input#author, form#commentform input#email, form#commentform input#url {
    width: 95%;
}
#content #comments ol li.depth-2, #content #comments ol li.depth-3, #content #comments ol li.depth-4, #content #comments ol li.depth-5 {
    margin: 0;
}
#comments img.avatar {
    display: none;
}
a#cancel-comment-reply-link {
    width: 100%;
    margin: 5px 0 15px;
    display: block;
}
/* --- Post Nav Below --- */

#content #nav-below .nav-previous a {
    width: 100%;
    display: block;
    float: none;
    margin: 0 0 10px;
}
#content #nav-below .nav-next a {
    width: 100%;
    display: block;
    text-align: right;
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover {
    text-decoration: none;
}
/* --- Post Formats ---- */

#content .entry-post-format .entry-content-gallery {
    width: 100%;
    float: none;
}
#content .entry-post-format .gallery-thumb {
    width: 100%;
    float: none;
    margin: 5px 15px 15px 0;
}
/* --- Pages ---- */

#content .page .wpcf7 input.textfield {
    width: 95%;
}
/* --- Footer ---- */

#colophon {
    width: 100%;
    float: none;
}
}

/* --- Retina Displays --- */

@media (-moz-min-device-pixel-ratio: 1.5),  (-o-min-device-pixel-ratio: 3/2),  (-webkit-min-device-pixel-ratio: 1.5),  (min-device-pixel-ratio: 1.5) {
.widget_sociallinks a.twitter {
    background: url(images/x2/socialicons.png) 0 0 no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.facebook {
    background: url(images/x2/socialicons.png) 0 -17px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.googleplus {
    background: url(images/x2/socialicons.png) 0 -34px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.pinterest {
    background: url(images/x2/socialicons.png) 0 -51px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.vimeo {
    background: url(images/x2/socialicons.png) 0 -68px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.youtube {
    background: url(images/x2/socialicons.png) 0 -85px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.instagram {
    background: url(images/x2/socialicons.png) 0 -102px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.flickr {
    background: url(images/x2/socialicons.png) 0 -119px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.dribbble {
    background: url(images/x2/socialicons.png) 0 -136px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.github {
    background: url(images/x2/socialicons.png) 0 -153px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.foursquare {
    background: url(images/x2/socialicons.png) 0 -170px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.wordpress {
    background: url(images/x2/socialicons.png) 0 -187px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.xing {
    background: url(images/x2/socialicons.png) 0 -204px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.linkedin {
    background: url(images/x2/socialicons.png) 0 -221px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.delicious {
    background: url(images/x2/socialicons.png) 0 -238px no-repeat;
    background-size: 16px 271px;
}
.widget_sociallinks a.rss {
    background: url(images/x2/socialicons.png) 0 -255px no-repeat;
    background-size: 16px 271px;
}
}

/*GLOBAL PROPERTY*/
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink, .section-img .thumb-1 img, .section-img .thumb-2 img, .section03 .section-img .thumb-2 img{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.9s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.float-right{float: right;}
#content h6 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
}
.btn-set a {
    background: #18bfc7;
    color: #fff;
    font-size: 16px;
    padding: 15px 25px;
    display: inline-block;
    border-radius: 5px;
    text-transform: capitalize;
    border: 2px solid #18bfc7;
    margin-top: 10px;
}
.btn-set a:hover {
    background: none;
    color: #18bfc7;
}
button:focus {outline:0;}
.font-family, .widget h3.widget-title, .widget_get_recent_comments h1.widget-title, #content .section-title h2, #content .inner-col h4, h1.entry-title, #content h2, .digits, h1, h2, h3, h4, h5, h6{font-family: 'Roboto Slab', serif;font-weight:700;}
.n2-section-smartslider h2 {
    font-family: 'Roboto Slab', serif !important;
    /* font-weight: 700 !important; */
    letter-spacing: 4px !important;
}

/*WEBSITE DESIGN STARTS 4RM HERE ================================================*/
#wrap {
    clear: both;
    width: 100%;
    margin: 0;
}

a{  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}

.site-header {
    position: absolute;
    z-index: 99;
    width: 100%;
}
hgroup#site-title img {
    width: 160px;
}

.main-header {
    padding: 8px 0;background: #0000008c;
}


.top-header {
    background: #000000;
    color: #fff;
    font-size: 12px;
    padding: 8px 0;
}

.top-header ul li {
    display: inline-block;
}

.top-header ul li:first-child {
    padding-right: 15px;
}

.top-header i.fa {
    padding-right: 10px;
    color: #18bfc7;
    font-size: 14px;
}

.float-panel {
    z-index:300;transform: translateZ(0);
    transition:all 0.5s; /* Effect for switching from .fixed to static */
}

#branding #mainnav ul li a {
    color: #fff;
}
#branding #mainnav ul li a:hover {
    color: #4b99cb;
}

/* when class="float-panel fixed" */
.fixed {box-shadow:0 2px 6px rgba(0,0,0,0.2);animation:slide-down 0.7s;opacity:0.9;width: 100%;    background: #fff !important;}
.fixed .fa-gg {transform: rotate(360deg); }
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

/*HOMEPAGE*/
.home #wrap{margin-bottom: 0;}
#content .section-title h2, h1.entry-title {
    font-size: 45px;
    font-weight: 300;
    margin-top: 0;
    position: relative;
    text-transform: capitalize;
}
.m-bottom{margin-bottom: 25px;}
.t-block {
	background: #fff none repeat scroll 0 0;
	margin-bottom:40px;
	transition: all 0.4s ease 0s;
	margin-top: 25px;
	border: 1px solid #5a5a5a;
}
.t-block .icon {
	background: #18bfc7;
	border-radius: 50%;
	color: #fff;
	font-size: 29px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 80px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-shadow: #cd320e 1px 1px, #cd320e 2px 2px, #cd320e 3px 3px, #cd320e 4px 4px, #cd320e 5px 5px, #cd320e 6px 6px, #cd320e 7px 7px, #cd320e 8px 8px, #cd320e 9px 9px, #cd320e 10px 10px, #cd320e 11px 11px, #cd320e 12px 12px, #cd320e 13px 13px, #cd320e 14px 14px, #cd320e 15px 15px, #cd320e 16px 16px, #cd320e 17px 17px, #cd320e 18px 18px, #cd320e 19px 19px, #cd320e 20px 20px, #cd320e 21px 21px, #cd320e 22px 22px, #cd320e 23px 23px, #cd320e 24px 24px, #cd320e 25px 25px, #cd320e 26px 26px, #cd320e 27px 27px, #cd320e 28px 28px, #cd320e 29px 29px, #cd320e 30px 30px, #cd320e 31px 31px, #cd320e 32px 32px, #cd320e 33px 33px, #cd320e 34px 34px, #cd320e 35px 35px, #cd320e 36px 36px, #cd320e 37px 37px, #cd320e 38px 38px, #cd320e 39px 39px, #cd320e 40px 40px, #cd320e 41px 41px, #cd320e 42px 42px, #cd320e 43px 43px, #cd320e 44px 44px, #cd320e 45px 45px, #cd320e 46px 46px, #cd320e 47px 47px, #cd320e 48px 48px, #cd320e 49px 49px, #cd320e 50px 50px, #cd320e 51px 51px, #cd320e 52px 52px, #cd320e 53px 53px, #cd320e 54px 54px, #cd320e 55px 55px, #cd320e 56px 56px, #cd320e 57px 57px, #cd320e 58px 58px, #cd320e 59px 59px, #cd320e 60px 60px, #cd320e 61px 61px, #cd320e 62px 62px, #cd320e 63px 63px, #cd320e 64px 64px, #cd320e 65px 65px, #cd320e 66px 66px, #cd320e 67px 67px, #cd320e 68px 68px, #cd320e 69px 69px, #cd320e 70px 70px, #cd320e 71px 71px, #cd320e 72px 72px, #cd320e 73px 73px, #cd320e 74px 74px, #cd320e 75px 75px, #cd320e 76px 76px, #cd320e 77px 77px, #cd320e 78px 78px, #cd320e 79px 79px, #cd320e 80px 80px, #cd320e 81px 81px, #cd320e 82px 82px, #cd320e 83px 83px, #cd320e 84px 84px, #cd320e 85px 85px, #cd320e 86px 86px, #cd320e 87px 87px, #cd320e 88px 88px, #cd320e 89px 89px, #cd320e 90px 90px, #cd320e 91px 91px, #cd320e 92px 92px, #cd320e 93px 93px, #cd320e 94px 94px, #cd320e 95px 95px, #cd320e 96px 96px, #cd320e 97px 97px, #cd320e 98px 98px, #cd320e 99px 99px, #cd320e 40px 100px;
	overflow: hidden;
}
.service h4 {
	font-size: 18px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 600;
}
.section-title span, h1.entry-title span {
    background: #4b99cb;
    height: 7px;
    width: 7px;
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    /*border-radius: 50%;*/
}
.section-title span:before, h1.entry-title span:before {
    position: absolute;
    content: '';
    background: #4b99cb;
    height: 7px;
    width: 7px;
    left: 13px;
    top: 0;
    /*border-radius: 50%;*/
}
.section-title span:after, h1.entry-title span:after {
    position: absolute;
    content: '';
    background:#4b99cb;
    height: 7px;
    width: 7px;
    right: 13px;
    top: 0;
     /*border-radius: 50%;*/
}
#content h5 {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
}
#content .t-block h5 {
    padding: 0 15px;
}
.section-service p, .single-col p, .p-des{line-height: 28px;color: #727272;}
.t-block p {
    height: 120px;
    overflow: hidden;
	padding: 0 15px;
}

.iconic {
overflow:hidden;
}
.iconic img {
-webkit-transform:scale(1);
transform:scale(1);
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.iconic img:hover {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform:scale(1.3);
transform:scale(1.3);
}

.button span {
    display: block;
    height: 2px;
    background: #000;
    width: 15%;
    margin: 0 auto;
}

.button strong {
    text-transform: uppercase;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px;
    width: 120px;
    margin: 0 auto;
	  white-space: nowrap;
  transform: translateX(0);
  transition: 1s;
}

.button:hover strong {
  transform: translateX(calc(200px - 100%));
}

.button {
    padding-top: 15px;
	margin-bottom: 35px;
}


/* WHY CHOOSE US ========================================*/
/*.section-two{
	background-image: linear-gradient(120deg,#eef1f2, #fff);
}*/
.section-two {
    background: url(images/section-bg.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.overlay-cover {
    background: #000000d4;
    color: #fff;
}

.overlay-cover p {
    color: #fff;
}
.section-two i{
	border: 1px solid #ddd;
	border-radius: 50%;
	color: #18bfc7;
	font-size: 29px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 80px;
	background: #fff;
}
.section-two h4{
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
	text-transform: capitalize;
}
.mt-40{
	margin-top: 40px;
}
.section-padding {
    padding: 60px 0;
}
.section-margin {
    margin: 60px 0;
}
.single-col{margin-top:40px; }
.section-img{
	position: relative;
	margin-top: 60px;
}
.section-img img{
	box-shadow: 0 16px 50px rgba(13, 41, 51, 0.30);
	border-radius: 10px;
}

.section-img .thumb-1{
	position: absolute;
	top:6%;
	left: 10px;
}
.section-img .thumb-2{
	position: absolute;
	bottom:6%;
	right: 10px;
}
/*PROJECT COUNTER ==========================================*/
.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}


.sectiontitle {
  background-position: center;
  margin: 30px 0 0px;
  text-align: center;
  min-height: 20px;
}

.sectiontitle h2 {
  font-size: 30px;
  color: #222;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
}


.headerLine {
  width: 160px;
  height: 2px;
  display: inline-block;
  background: #101F2E;
}


.projectFactsWrap{
    display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 25%;
  height: 100%;
  text-align: center;
  border-left: 1px solid #ccc;
	margin-top: 50px;
}

.projectFactsWrap .item:nth-child(1){
  border-left: none;
}
/*

.projectFactsWrap .item:nth-child(2){
  background: rgb(53, 53, 53);
}

.projectFactsWrap .item:nth-child(3){
  background: rgb(43, 43, 43);
}

.projectFactsWrap .item:nth-child(4){
  background: rgb(35, 35, 35);
}*/


.projectFactsWrap .item p.number{
  font-size: 40px;
  padding: 0;
  font-weight: bold;
}

.projectFactsWrap .item p{
  color: rgba(23, 23, 23);
  font-size: 18px;
  margin: 0;
  padding: 10px;
  text-transform: uppercase;
}


.projectFactsWrap .item span{
  width: 60px;
  background: #18bfc7;
  height: 2px;
  display: block;
  margin: 10px auto;
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 50px;
  color: rgb(24, 191, 199);
}



@media (max-width: 786px){
  .projectFactsWrap .item {
     flex: 0 0 50%;
  }
}
/*SECTION 04 ==================================*/
.section03 .section-img .thumb-2 {
    width: 200px;
	position: absolute;
    bottom: 6%;
    right: -90px;
}
.section-margin.section03 {
    margin-top: 0;
}
.section03 .section-title {
    margin-top: 90px;
}
.section03 .p-des strong {
    color: #18bfc7;
    font-size: 18px;
}
.separator {
    height: 4px;
    background: #e0e0e0;
    width: 120px;
    margin: 15px auto;
}
/*TESTIMINIAL ====================================*/
.testimonial {
    background: url(images/Kelly-Tarltons-Sea-Life-Aquarium-Auckland-min.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.testimonial .owl-dots{display:none; }
.testimonial .overlay-cover {
    background: rgba(0, 0, 0, 0.60);
    color: #fff;
}
.spr-0{padding-right: 0;}
.test-bg {
    background: #fff;
    padding: 0;
    width: 80%;
    margin: 50px auto 0;
    padding-bottom: 0;
    padding-right: 0;

}
.test-bg img {
    width: 53% !important;
    float: right;
    position: absolute;
    top: -32px;
    right: 0;
}
.inner-col {
    padding: 0 0 25px 15px;
}
.test-bg p.p-des {
    min-height: 115px;color: #262626;
}

#content .inner-col h4 {
    font-size: 26px;color: #18bfc7;
}

#content .inner-col h5 {
    margin-top: 0;
    font-size: 14px;color: #000;}
.testimonial .owl-nav button {
    position: absolute;
    top: 50%;
    background: #18bfc7 !important;
    color: #fff !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    /* font-size: 24px; */
}
.testimonial .owl-nav button.owl-next {
    right: 0;
}

.short-width{width:75%;margin: 50px auto;}

/*SPECIAL OFFER =========================*/
.special-offer{
		background: url(images/Waitomo-Glow-Worms-min.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;	
}
.special-offer .overlay-cover {
    background: rgba(0, 0, 0, 0.86);
    color: #fff;
}
.to-spacer {
    padding-top: 25px;
}

.to-spacer p {
    line-height: 24px;
    font-size: 16px;
    padding-top: 20px;
}
.to-spacer p em, .p-des.f-20 em{
	font-size: 24px !important;
    line-height: 36px;
    color: #18bfc7;}
.p-des.f-20 em {
    color: #fff;
}

.p-custom{font-size:18px;}

/*FOOTER ===============================================================================*/

footer#footer .overlay-cover, .author-bio {
    /*background: #18bfc7;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#18bfc7+0,80edcc+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e8eea+0,18bfc7+99 */
background: rgb(30,142,234); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(30,142,234,1) 0%, rgba(24,191,199,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(30,142,234,1) 0%,rgba(24,191,199,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(30,142,234,1) 0%,rgba(24,191,199,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8eea', endColorstr='#18bfc7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


    color: #fff;
}
.f-droid .p-des{font-size: 15px;}
footer#footer a{color: #fff;}
footer#footer a:hover{opacity: 0.8;}

.footer-copyright {
    background: #000;
    color: #ffff;
	padding: 10px 0;
	margin-top: 50px;
}
footer .elements li {
    padding: 10px 0;
}

footer .nav-before li a {
    padding-left: 17px;
 
    display: block;
}

footer .nav-before li:before, footer h3.widget-title:after  {
    position: absolute;
    content: '';
    background: #7febf1;
    height: 7px;
    width: 7px;
    border-radius: 50%;
    margin-top: 6px;
}
footer h3.widget-title:after {
    width: 120px;
    border-radius: 0;
    margin-top: 20px;
    margin-left: 15px;
	background: #fff;
}
.elements i.fa {
    font-size: 18px;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    color: #080808 !important;
    padding: 0;
    text-align: center;
    /* margin: 0 auto; */
    margin-right: 15px;

}
.elements li:first-child i.fa {
    margin-right: 20px;
}

.footer-copyright li {
    display: inline-block;
    padding: 0 15px 10px !important;
}
footer#footer .footer-copyright li a, .footer-copyright .elements i.fa  {
    color: #18bfc7;
}
footer#footer .footer-copyright .elements li:first-child i.fa {
    margin-right: 10px;
}
.copyright span {
    padding-left: 15px;
}
.sm-logo p{text-transform: uppercase;}
.sm-logo p {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

/*INNER PAGES DESIGN==============================*/

/*BOOKING PAGE==============================*/
.page-template-attrations-page #wrap {margin: 80px 0 0;}
.attraction-page {padding-top: 50px;}

.global-section{ background: url(images/Gloabal-BG.jpg) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;}
h1.entry-title{font-size: 55px; margin-top:85px;}
.global-section .overlay-cover {
    background: rgba(0, 0, 0, 0.60);
    color: #fff;
}

.recent-booking {
    border: 4px solid #f2f2f2;
    padding: 50px 0;
    margin-top: 100px;
}
.recent-booking:first-child{margin-top: 0;}
.image-wrap {
    margin-left: 55px;
}

.image-wrap img {
    position: relative;
    top: -100px;
    box-shadow: 50px 90px 0px 0px #18bfc7;
    left: -22px;
		-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.image-wrap img:hover{
	 box-shadow: 30px 50px 0px 0px #18bfc7;
	-webkit-filter: contrast(130%);
	
}
.bottom-cover {
    background: white;
    height: 45px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 28px;
}
.desc-wrap, .calculator {
    margin-left: 50px;
}

#content h2 {
    margin: 0; 
    font-size: 26px;
}

.amount .digits {
    font-size: 24px;
    padding-bottom: 15px;
    display: block;
    /* color: #ff1919; */
}
 .amount {
    position: absolute;
    background: #18bfc7;
    top: -50px;
    right: -1px;
    border-radius: 0px 0px 5px 5px;
    width: 120px;
    text-align: center;
    color: #fff;
}
 .amount p {
    padding-top: 5px;
    font-size: 12px;
}
.desc-wrap .p-des {
    line-height: 28px;
    color: #3e3e3e;
    font-size: 16px;
	padding-bottom: 10px;
}
p.p-des.f14 {
    font-size: 14px;
}
.desc-wrap  h2{padding-bottom: 15px;}
.sep {
    height: 2px;
    background: #ccc;margin-bottom: 15px;
}
.calculator label {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 12px;
}

.calculator input.form-control {
    background-color: transparent;
}

.calculator  .btn-set a {
    background: #0c0c0c;
    border: 2px solid #0c0c0c;
}
.calculator  .btn-set a:hover {
    background: #fff;
    border: 2px solid #18bfc7;
}

/*ATTRACTION PAGE ====================*/
.attraction-page .recent-booking {
	padding: 0 0 20px 0;
	border: none;
    
}
.attraction-page .desc-wrap{
    padding: 15px;
    border-top: 5px solid #000;
}
.attraction-page .image-wrap img {
    box-shadow: 50px 90px 0px 0px #dadada;
    border: 1px solid #dadada;
    padding: 4px !important;
}
.attraction-page .image-wrap img:hover{
	 box-shadow: 30px 50px 0px 0px #18bfc7;
	-webkit-filter: contrast(130%);
	
}

/*CONTACT PAGE ==========================*/
.page-id-21 .global-section{display: none;}
.page-id-21 div#wrap {
    margin-top: 40px;
}
.page-id-21 .single-entry-content{    
	line-height: 28px;
    color: #3e3e3e;
    font-size: 16px;}

.page-id-21 .single-entry-content ul, .page-id-21 .single-entry-content ul li {margin: 0;padding: 0;list-style: none;}

.contact-info__item {
    display: table;
    width: 100%;
    margin-bottom: 6px;
}
.contact-info__item__icon {
    display: table-cell;
    width: 25px;
}
.contact-info__item__text {
    display: table-cell;
    vertical-align: top;
    font-weight: 700;
    font-style: normal;
}
.contact-info__item__icon i {
    width: 1.667em;
    height: 1.667em;
    line-height: 1.667em;
    margin-right: 10px;
    background: #18bfc7;
    color: #fff;
    border-radius: 100%;
    text-align: center;
}


.social-icons__icons a {
    display: inline-block;
    color: #fff;
    width: 40px;
    text-align: center;
    font-size: 16px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
}
.social-icons__icon--facebook i {
    background: #3b5998;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    /* margin-top: -50px; */
    position: relative;
    /* top: -13px; */
    line-height: 40px;
}
.social-icons__icon--twitter {
    background: #00acee;
}
.social-icons__icon--google {
    background: #dd4b39;
}
.social-icons__icon--pinterest {
    background: #c8232c;
}
.social-icons__icon--linkedin {
    background: #0e76a8;
}
.social-icons__icons a:hover{opacity: 0.5;}
.heading-wrap {
    margin-bottom: 25px;
    border-bottom: 4px solid #f0f0f0;
    padding-bottom: 30px;
	margin-top: 20px;
}
.contact-info a{color: #3e3e3e;}
.social-icons__icons {
    padding-top: 20px;
    border-top: 4px solid #f0f0f0;
    margin-top: 30px;
}


button, input, select, textarea, button {
    border: 1px solid #d0d0d0;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    resize: none;
    color: #717171;
	border-radius: 4px;
	webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
	font-size:14px;
}
.contact-form textarea{height:125px;}
button:focus, input:focus, select:focus, textarea:focus {
    border: 1px solid #393939;
}
input#submit, input.wpcf7-submit {
	border:2px solid #4b99cb;
     margin: 0;
    padding: 15px 10px 15px;
    display: inline-block;
    vertical-align: baseline;
    outline: none;
    background-color: #4b99cb;

    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
	text-transform: uppercase;
	width: 40%;
	webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
input#submit, input.wpcf7-submit:hover{background: #fff;color: #4b99cb;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f70b00;
    color: red;
    text-align: center;
    margin: 0;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #4b99cb;
    color: #4b99cb;
    text-align: center;
    margin: 0;
    margin-top: 8px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 100px;
}

div#responsive-menu-title {
    font-weight: bold;
}
    

/*MENU SWING ON HOVER ==================================*/

@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


.swing a:hover
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}

p#number3:after {
    position: absolute;
    content: '';
    background: url(images/percentage-ico.jpg) center right;
    height: 31px;
    width: 35px;
    margin-top: 13px;
    margin-left: 5px;
}
p#number3 {
    text-align: left;
    padding-left: 33%;
}
.mb-view {
    display: none;
}


/*RESPONSIVE MOBILE VIEW*/
.mobile-view{background: transparent;}
.mobile-view li {
    display: block !important;
    text-align: left;
    font-size: 14px;    margin-bottom: 10px !important;
}
.mobile-view.top-header i.fa {
    color: #000000;
    font-size: 18px;
	 width: 20px;
}
.mobile-view.top-header i.fa.fa-map-marker {
    margin-right: 3px !important;
}
.mobile-view div.col-md-4 i.fa.fa-facebook, .mobile-view div.col-md-4 i.fa.fa-twitter {
    background: #fff;
    border-radius: 50%;
    width: 30px !important;
    height: 30px;
    display: inline-block;
    padding: 0;
    line-height: 30px;
    text-align: center;
    margin-top: 15px !important;
    margin-right: 15px !important;
}

/**/

input {
    -webkit-appearance: none;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #ffffff;
    color: #ffffff;
    text-align: center;
    margin: 0;
}
span.wpcf7-not-valid-tip {
    font-size: 1em;
    font-weight: normal;
    display: block;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f00;
    text-align: center;
    margin: 0;
	margin-top:8px;
}


.intro-tag {
    margin: 90px 0 0;
    padding-bottom: 45px;
}
.intro-tag h1 {
    font-size: 46px;
    padding-bottom: 15px;
	color:#000;
}

.intro-tag h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    color: #545454;
}

.icon-set img {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    /* margin: 0 25px; */
    background: #fff;
    padding: 15px;
    width: 200px;
}

span.im-border {
    height: 1px;
    background: #000000;
    display: block;
    position: relative;
    top: -50px;
    width: 75%;
    margin: 0 auto;
}

.icon-set {
    padding: 20px 0;
}
#branding .fixed #mainnav ul li a {
    color: #000;
} 
.cl-img img, .img-bprder {
    background: #fff;
    border: 1px solid #dadada;
    padding: 4px;
    box-shadow: 5px 5px 1px #d6d6d6;
}
.flex-box {
    display: flex;
    align-items: center;
    min-height: 570px;
}

.center-box {
    margin: 0 auto;
}

.cl-bio h2 {
    font-size: 46px;
    padding-bottom: 30px;
}

.cl-bio h2 span {
    display: block;
    font-weight: 300;
    font-size: 24px;
}

.cl-bio h4 {
    font-size: 18px;
    padding-bottom: 15px;
    font-weight: 300;
    /* border-bottom: 1px solid; */
}

.cl-bio h2 span:after {
    display: block;
    content: '';
    height: 2px;
    background: #4b99cb;
    width: 120px;
    margin: 15px 0 0;
}

.cl-bio p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 15px;
}
a.btn-one {
    border: 2px solid #4b99cb;
    border-radius: 50px;
    display: block;
    text-align: center;
    color: #4b99cb;
    text-transform: uppercase;
    margin: 15px 0;
    padding: 15px;
    font-size: 14px;
    line-height: 18px;
}

a.btn-one:hover {
    background: #4b99cb;
    color: #fff;
}
.width25 {
    width: 25%;
}
.mtop35{margin-top:35px !important;}
.slick-slide img{border: 1px solid #ccc;padding: 15px;}
h2 {
    font-size: 46px;
}
.partner-section {
    padding-top: 90px;
}
.partner-section h2:before {
    content: '';
    display: block;
    width: 120px;
    height: 5px;
    background: #5da3d0;
}
.pb25{padding-bottom: 25px;}
.primary-footer {
    background: #000;
    color: #fff;
}
.copyright {
    background: #060606;
    font-size: 12px;
    padding: 10px 0 10px;
    color: #707070;
}

.primary-footer ul li a {
    color: #fff;
}
.primary-footer ul li {
    display: inline-block;
    padding: 0 15px;
}

ul.social-links li {
    padding: 0 4px;
}
ul.social-links a {
    width: 40px;
    height: 40px;
    border: 1px solid #212121;
    border-radius: 100px;
    display: inline-block;
    line-height: 40px;
	color: #212121;
}
ul.social-links a:hover, ul.social-links a i.fa:hover {
    border-color: #4b99cb;
    color: #4b99cb !important;
}
.primary-footer img {
    display: block;
    margin: 0 auto;
    width: 150px;
}
#footer ul.menu {
    padding: 35px 0;
}

#mainnav li.hd-none {
    display: none;
}

.partner-section ul.slick-dots {
    padding-top: 15px !important;
}

.d-none {
    display: none !important;
}

.home .author-bio {
    display: none;
}

/*PAST WORK PAGE ======================================*/
.page-template-past-work-php div#wrap {
    padding-top: 70px;
}
iframe {
    width: 100%;
}
.video-set h4 {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.video-set:after {
    content: '';
    display: block;
    height: 1px;
    width: 85%;
    background: #9c9c9c;
    margin: 0 auto;
}
.not-found iframe {
        margin-top: 23px;
    margin-bottom: 32px;
}

/*CONTACT PAGE DESIGN ================================================*/
.border-right {
    border-right: 1px solid #5F5F5F !important;
}
.support-box {
    font-size: 16px;
	    padding: 5px 0 25px;
}
h4 {
    font-size: 24px;
}
.support-box h4 {
    font-size: 24px;
    padding-bottom: 5px;
}
.support-box i.fa {
    font-size: 28px;
    color: #4b99cb;
    margin: 15px;
}
.contact-space {
    padding-top: 80px;
}
.support-box img {
    width: 160px;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-bottom: 11px;
}
.Ptb{    padding: 10px 0 35px;}

/*BLOG PAGE ======================================*/
.blog-post {
    margin-bottom: 50px;
}
.b-img {
    overflow: hidden;
    line-height: 0;
}
.hover-image img {
	width: 100%;
	position: relative;
	-webkit-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
}
.hover-image img:hover {
	-webkit-transform: scale(1.1) rotate(2deg);
	-ms-transform: scale(1.1) rotate(2deg);
	transform: scale(1.1) rotate(2deg);
	opacity: 10;
}
.b-desc h3 {
    font-size: 22px;
    padding-bottom: 15px;
}

.b-desc {
    padding: 15px;
}
.bloggers .col-md-4 .b-img {
    height: 240px;
}

.excerpt p {
    line-height: 26px;
}
.excerpt a.btn-one {
    display: inline-block;
    margin-bottom: 0;
    padding: 10px 12px;
}

/*SINGLE POST PAGE WORK*********************/
.single header .section-padding {
    padding: 150px 0 !important;
}
.single-post h3 {
    font-size: 24px;
}
.single article h1.entry-title, .single footer.single-entry-meta {
    display: none;
}

#content .post .single-entry-header {
    margin: 0;
    font-size: 16px;
    /* border-top: 1px solid #ccc; */
    border-bottom: 1px solid #b5b5b5;
    padding: 8px 0;
    text-align: right;
    /* width: 50%; */
    /* float: right; */
}
.single #content .post {
    margin: 0 0 0;
    padding: 0 0 0;
    overflow: hidden;
     border-bottom: none;
    clear: both;
   font-size: initial;
    line-height: 1.6;
}
.single input#submit, .single input.wpcf7-submit{margin-top:25px;}

.single .nav-previous, .single .nav-next {
    display: inline-block;
    width: 49.5%;
}
.single #main{float:none;}

.related-posts {
    border-top: 1px solid;
}

.related-posts h3 {
    color: #4b99cb;
    text-transform: uppercase;
    position: relative;
    top: 30px;
    margin: 0 !important;
}

/**SITE MAP PAGE DESIGN**************************/

.schema-faq {
    border-left: 4px solid #ccc;
    padding-left: 0;
    padding-top: 0;
}

.schema-faq-section {
    background: #f5f5f5;
    margin-bottom: 10px;
    padding: 15px;
}

.schema-faq-section p {
    margin: 0 !important;
    padding: 0 !important;
}


/* SOCIAL PAGE STYLING =================================*/
.twitter-embed .timeline-Footer.u-cf { display: none; }

/**RESPONSIVE MENU DESIGN =============================**/
ul#responsive-menu li a {
    font-weight: 600;
    text-transform: uppercase;
}

/* MOBILE DEVICES CODE STARTS FROM HERE =================================*/

@media screen and (max-width:1199px){
#branding #mainnav ul li {
    margin-left: 20px;
}
	input#submit, input.wpcf7-submit{float:right;}
}

@media screen and (max-width:991px){
	.bloggers .col-md-4 .b-img {height:100%;}
	.hover-image img {width:100%;height:100%;}
	.col-md-4.border-right.text-center {border-right: 0 !important;border-bottom: 1px solid #5F5F5F !important;}
	input#submit, input.wpcf7-submit {float: none;text-align: center;display: block;margin-top: 15px;}
	.cl-img img, .img-bprder{width:100%;}
	.contact-space {padding-top: 30px;}
	.video-set:after{content:none;}
	.video-set h4 { padding-top: 15px;}
	.not-found iframe {margin-top: 0;margin-bottom: 0;}
}

@media screen and (max-width:768px){
	#branding #mainnav, .site-header{display:none;}
	h1.entry-title {margin-top: 0;}
	
	.responsive-menu-box {
    top: -2px;
}
	
}
@media screen and (max-width:767px){
.intro-tag h1, h2 {
    font-size: 32px !important;
	}
h1.entry-title {font-size: 42px;}
	
}
@media screen and (max-width:600px){
.primary-footer ul li {
    display: inline-block;
    padding: 4px 8px;
}
	#wrap {
    padding: 45px 0;
}
	.page-template-past-work-php div#wrap {
    padding-top: 45px;;
}
	.video-set iframe{height:auto;}
	.video-set h4 {
    font-size: 18px;
}
	.intro-tag {
    margin: 45px 0 0;
    padding-bottom: 45px;
}
	.partner-section {
    padding-top: 0;
}
	.single header .section-padding {
    padding: 70px 0 !important;
}
}
@media screen and (max-width:580px){
.cl-img {
    margin-bottom: 15px;
}
	.icon-set img {
    width: 170px;
}

}

@media screen and (max-width:480px){
	.single .nav-previous, .single .nav-next {
    display: block;
    width: 100%;
    text-align: center;
}
	#content #nav-below .nav-next a {
		width: 100%;
		display: block;
		text-align: center;
	}
	input#submit, input.wpcf7-submit{width:100%;}
h2.sp-pc-post-title {
    margin-bottom: 15px !important;
}
	h2.sp-pc-post-title{line-height:18px !important;}	
	
}



/*New section edition work =============================*/
.cam-wrap {
    padding-top: 45px;
}

.cam-wrap img {
    padding: 15px 0 8px;
}

.cam-wrap span {
    padding: 0 7px;
}
.c-details b {
    font-weight: bold;
}