/*



Theme name: Hootmedia



Description: Custom Theme



*/
.feature {
    display: none!important;
}
.socialbtn {
    float: right;
    padding: 27px 30px 0 0;
}
#mc_embed_signup {    background: none!important;  width:462px;  clear: none!important; }
#mc_embed_signup .mc-field-group { float:left; margin-right:5%; width:45%!important; clear:none!important;}
.section .section-actions a {background:#3e3a3a!important; }
.section .section-actions {
	border-bottom: 2px solid #3e3a3a!important;
}
.section .section-actions a span { font-weight:300!important; }
.section .section-actions-secondary a strong, .section .section-actions a strong { font-weight:500!important; }
.section .section-actions a img{border-right: 2px solid #3e3a3a!important;}
h3 {
    padding-bottom: 7px!important;
    color: #70d5f6;
    font-weight: 400;
    font-size: 23px;
}

.resourceimg {
    text-align: center;
    margin: 0 0 40px 0;
}
.resourceimg img {
    margin: 0 20px;
}
.col.col-1of2 img {
    height: 92px;
    width: auto;
    margin: 0 15px 0 0;
}
.page-id-14 .section .section-content {
    width: 80%;
}
.slider-nav {
    display: none;
}
.section-body ol,
.section-body ul {
    margin: 0 0 15px 37px;
}
.bookbtn {
    margin: 20px 0 0 0;
    float: right;
}
.article-body p img {
    width: auto!important;
    height: auto!important;
}
.section-content h3 {
    color: #70d5f6;
    font-size: 22px;
    font-weight: 400;
    margin: 40px 0 5px 0;
}
.nav ul li.current-menu-item > a:after {
    display: none;
}
.page-id-176 .section .section-actions {
    font-size: 22px;
}
.page-id-176 .section-aside {
    padding-top: 61px;
}
.section.section-secondary ul {
    margin: 0 0 20px 20px;
}
.section li {
    list-style-type: disc;
    list-style-position: outside;
}
.page-id-11 .section .section-actions {
    font-size: 21px;
}
.page-id-11 .section .section-actions small {
    font-size: 14px;
}
.article .article-entry ul li {
    padding: 0px!important;
}
.mapp-layout {
    border: none!important;
    margin: 0px!important;
}
.page-id-176 h2.article-title {
    display: none;
}
h2.article-title {
    font-size: 33px!important;
    font-weight: 300;
    color: #70d5f6!important;
}
h3 {
    padding-bottom: 7px!important;
}
.textwidget {
    padding-top: 10px;
}
a,
a:hover {
    color: #73d1f3;
}
.page-template-default .content {
    float: left;
    width: 75%;
}
.intro.fullscreen-image-container {
    height: 378px!important;
}
.page-template-about h1.intro-title {
    display: none;
}
/******* Radflex WordPress CSS *******/
/* Common elements styling */

.post .entry h1 {
    font-size: 20px;
    line-height: 30px
}
.post .entry h2 {
    font-size: 18px;
    line-height: 27px
}
.post .entry h3 {
    font-size: 16px;
    line-height: 24px
}
.post .entry h4 {
    font-size: 14px;
    line-height: 21px
}
.post .entry h5 {
    font-size: 12px;
    line-height: 18px
}
.post .entry h6 {
    font-size: 10px;
    line-height: 15px
}
.post .entry ul {
    margin-left: 25px;
}
.post .entry ol {
    margin-left: 25px;
}
.post .entry a img {
    border: 0
}
p img {
    padding: 0;
    max-width: 100%;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    margin: 2px 0 2px 7px;
    display: inline;
}
img.alignleft {
    margin: 2px 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
    display: inline;
}
.alignleft {
    float: left;
    display: inline;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* Calendar widget */

#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
}
#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}
#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}
#wp-calendar a {
    display: block;
}
#wp-calendar caption {
    text-align: center;
    width: 100%;
}
#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    padding-top: 4px;
    margin: 10px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
/* Big images in rich text editor should not break page layout */

.post .entry {
    overflow: hidden;
}
/******* /Radflex WordPress CSS *******/
/* ------------------------------------------------------------ *\



	Reset



\* ------------------------------------------------------------ */

* {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}
article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
html,
body {
    min-height: 100%;
    height: auto;
    background: #3e3a3a;
}
html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
body {
    font-smoothing: antialiased;
}
img {
    border: 0;
    vertical-align: middle;
}
strong {
    font-weight: bold;
}
small {
    font-size: 80%;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    font-smoothing: antialiased;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button {
    overflow: visible;
}
textarea {
    overflow: auto;
    resize: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th,
td {
    padding: 0;
}
/* ------------------------------------------------------------ *\



	Fonts



\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\



	Base



\* ------------------------------------------------------------ */

body {
    font-size: 14px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    line-height: 1.57;
}
ol,
ul {
    list-style-type: none;
}
a,
a:hover {
    text-decoration: none;
}
/* ------------------------------------------------------------ *\



	Helpers



\* ------------------------------------------------------------ */

.alignnone,
.alignleft,
.alignright,
.aligncenter {
    margin: 5px 15px 10px;
}
.alignleft {
    margin-left: 0;
}
.alignright {
    margin-right: 0;
}
.alignnone {
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.hidden {
    visibility: hidden;
}
.wp-caption {
    position: relative;
}
.wp-caption img {
    width: 100%;
}
.wp-caption-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: ' ';
}
.clearfix:after {
    clear: both;
}
/* Clear */

.section .section-foot ul li a:after,
.project a:after,
.section .section-actions a:after,
.main:after,
.section-product-single .ssection-body:after,
.projects:after,
.cols:after,
.section .section-body:after,
.header:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}
/* Notext */

.notext {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}
/* ------------------------------------------------------------ *\



	Shell



\* ------------------------------------------------------------ */

.shell {
    max-width: 1100px;
    margin: 0 auto;
}
/* ------------------------------------------------------------ *\



	Header



\* ------------------------------------------------------------ */

.header {
    padding: 5px 0 0 0;
}
.header-inner {
    text-align: right;
}
/* ------------------------------------------------------------ *\



	Main



\* ------------------------------------------------------------ */

.main {
    padding: 26px 0 14px 0;
}
/* ------------------------------------------------------------ *\



	Footer



\* ------------------------------------------------------------ */

.footer {
    padding: 15px 20px;
    color: #d2d6d9;
    font-size: 13px;
}
.footer a {
    color: #d2d6d9;
}
.footer-inner {
    text-align: right;
}
.footer-inner-secondary {
    margin-top: 20px;
    color: #616f7c;
}
.footer-inner-teritary {
    text-align: left;
}
.footer h3 {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 7px;
    color: #fff;
}
/* ------------------------------------------------------------ *\



	Content



\* ------------------------------------------------------------ */

.content {
    float: right;
    width: 65%;
}
/* ------------------------------------------------------------ *\



	Sidebar



\* ------------------------------------------------------------ */

.sidebar {
    float: left;
    width: 30%;
}
/* ------------------------------------------------------------ *\



	Modules



\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\



	Animations



\* ------------------------------------------------------------ */

.section-comments a,
.project a,
.widgets .widget a,
.section .section-actions a,
.section .section-foot ul li a,
.feature a {
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
/* ------------------------------------------------------------ *\



	Logo



\* ------------------------------------------------------------ */

.logo {
    background: url(images/logo.jpg) 0 0 no-repeat;
    width: 308px;
    height: 115px;
    float: left;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
}
.slider .slide .slide-content h1 span {
    display: none!important;
}
.tels {
    font-size: 25px;
    float: right;
    text-align: right;
    line-height: 26px;
    margin: 20px 0 0 30px;
}
/* ------------------------------------------------------------ *\



	list contacts



\* ------------------------------------------------------------ */

.list-contacts {
    font-size: 15px;
    color: #1fabe1;
    text-align: right;
    font-weight: 500;
    padding: 24px 0 0px 0;
}
.list-contacts li {
    display: inline-block;
}
.list-contacts li + li {
    margin-left: 27px;
}
.list-contacts li p span {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 3px;
    display: inline-block;
    line-height: 1.33;
    font-size: 12px;
}
/* ------------------------------------------------------------ *\



	Nav



\* ------------------------------------------------------------ */

.footer .col {
    display: none;
}
.nav {
    font-weight: 500;
    font-size: 15px;
    background: #1e97c6;
}
.nav > ul {
    display: inline-block;
    position: relative;
}
.nav ul li {
    display: inline-block;
    text-transform: uppercase;
}
.nav ul li a {
    font-weight: 400;
    display: inline-block;
    padding: 14px 19px;
    position: relative;
    color: #fff;
    border-right: 1px solid #73d2f7;
}
.nav ul ul .menu-item-has-children:hover ul {
    visibility: visible !important;
    opacity: 1 !important;
}
.nav ul ul {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: .3s;
    z-index: 1000;
    background-color: #000000;
    border-top: 1px solid #fff;
}
.nav ul ul li {
    display: block;
    margin-left: 0 !important;
    position: relative;
}
.nav .menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
}
.nav ul ul li a {
    width: 100%;
}
.nav ul ul ul {
    left: 100%;
    top: 0;
    border-top: none;
    visibility: hidden !important;
    opacity: 0 !important;
}
.nav ul li + li {
    margin-left: -4px;
}
.nav ul li a:hover:after,
.nav ul li.current-menu-item > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
    background: #47b6f1;
}
@media(max-width: 767px) {
    .nav {
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        position: relative;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 100;
    }
    .nav ul {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
    }
    .nav.js-shown {
        visibility: visible;
        max-height: 1000px;
        opacity: 1;
        overflow: visible;
    }
    .nav ul {
        background: #000000;
        padding: 0 11px;
    }
    .nav ul li {
        display: block;
    }
    .nav ul li a {
        border-right: 0;
        padding: 7px 17px 7px 0;
    }
    .nav ul ul {} .nav ul ul ul {} .nav .sub-menu {} .nav .sub-menu.visible {
        height: auto;
        position: static;
        opacity: 1 !important;
        position: static;
    }
}
/* ------------------------------------------------------------ *\



	Slider



\* ------------------------------------------------------------ */

.slider {
    border-top: 1px solid #fff;
    max-height: 450px;
    overflow: hidden;
}
.slider .slide .slide-content img {
    height: 100%;
    width: auto;
    visibility: visible;
    display: block;
}
.slider.loaded {
    overflow: visible;
}
.slider.loaded .slide .slide-content img {
    visibility: hidden;
}
.slider .slide {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    height: 450px;
    min-height: 450px;
    background-position: center center;
    float: left;
}
.slider .slide .slide-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 450px;
}
.slider .slide .slide-content img {
    width: 100%;
    height: auto;
}
.intro .intro-title,
.slider .slide .slide-content h1 {
    position: absolute;
    bottom: 0px;
    left: 0;
    background: rgba(33, 33, 33, 0.7);
    font-weight: 300;
    line-height: 1.23;
    padding: 16px 23px;
    color: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.intro .intro-title span,
.slider .slide .slide-content h1 span {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    text-transform: uppercase;
}
.slider-nav {
    font-size: 13px;
    text-transform: uppercase;
    border-top: 1px solid #fff;
    font-weight: 300;
    line-height: 1.2;
}
.slider-nav ul {
    display: table;
    width: 100%;
}
.slider-nav ul li {
    display: table-cell;
}
.slider-nav ul li a {
    font-size: 12px;
    display: inline-block;
    width: 220px;
    background: #475767;
    padding: 22px 14px;
    color: #fff;
    border-right: 1px solid #fff;
    position: relative;
}
.slider-nav ul li a.active {
    background: #70d5f6;
}
.slider-nav ul li a.active:after {
    content: '';
    position: absolute;
    top: -13px;
    left: 30px;
    background: url(images/current-slider-nav.png) 0 0 no-repeat;
    width: 24px;
    height: 13px;
}
.slider-nav ul li a strong {
    font-size: 20px;
    display: block;
    margin-bottom: 4px;
    font-weight: 400;
    text-transform: none;
}
.slider-nav ul li a.active:hover {
    opacity: 1;
}
.slider-nav ul li a:hover {
    opacity: .9;
}
/* ------------------------------------------------------------ *\



	section



\* ------------------------------------------------------------ */

.section {
    padding-top: 14px;
}
/* ------------------------------------------------------------ *\



	Features



\* ------------------------------------------------------------ */

.features {
    font-weight: 300;
    font-size: 13px;
}
.feature {
    display: inline-block;
    cursor: pointer;
}
.feature a {
    background: #1e97c6;
    display: inline-block;
    width: 100%;
    color: #fff;
    padding: 15px 22px;
}
.feature .feature-image a {
    background: none;
    padding: 0;
}
.feature a span {
    text-transform: uppercase;
}
.feature:hover a {
    background: #475767;
}
.feature + .feature {
    margin-left: 13px;
}
.feature .feature-image img {
    width: 100%;
    height: auto;
}
.feature .feature-title {
    font-weight: 300;
    line-height: 1.23;
    color: #fff;
    font-size: 26px;
    display: block;
}
/* ------------------------------------------------------------ *\



	Cols



\* ------------------------------------------------------------ */

.col {
    float: left;
}
.col-1of2 {
    width: 48%;
}
.col-1of2 + .col-1of2 {
    margin-left: 44px;
}
.col-size1 {
    width: 38%;
}
.col-size2 {
    width: 24%;
}
/* ------------------------------------------------------------ *\



	Section PRimary



\* ------------------------------------------------------------ */

.section-primary .section-body {
    padding-top: 35px;
}
.section-primary .section-body .section-title {
    font-size: 32px;
    color: #70d5f6;
    line-height: 1;
    margin-bottom: 11px;
    font-weight: 300;
}
/* ------------------------------------------------------------ *\



	Section 



\* ------------------------------------------------------------ */

.home .section .section-head {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 21px;
}
.section .section-content {
    width: 58%;
    float: left;
    padding-right: 80px;
}
.section .section-content p + p {
    margin-top: 9px;
}
.section p {
    margin: 0 0 12px 0;
}
.section .section-aside {
    width: 42%;
    float: right;
}
.section .section-title {
    font-size: 32px;
    color: #70d5f6;
    font-weight: 300;
    margin-bottom: 8px;
}
.section .section-actions {
    border-bottom: 2px solid #0a3147;
    font-size: 24px;
    font-weight: 300;
}
.section .section-actions small {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 10px;
}
.section .section-actions a {
    color: #fff;
    display: block;
    background: #475767;
    position: relative;
    line-height: 1.25;
}
.section .section-actions a:hover {
    background: #475767;
}
.section .section-actions-secondary a:hover {
    background: #475767;
}
.section .section-actions a img {
    max-height: 274px;
    max-width: 50%;
    width: 100%;
    height: auto;
    float: left;
    border-right: 2px solid #0a3147;
}
.section .section-actions a strong {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 300;
    padding: 81px 27px 12px 27px;
    top: 0;
}
.section .section-actions a span {
    font-weight: 500;
}
.section .section-actions-secondary a {
    background: #475767;
}
.section .section-actions-secondary a strong {
    left: 0;
    right: auto;
    border-left: 0;
    border-right: 2px solid #3e3a3a!important;
}
.section-actions.section-actions-secondary a img {
    float: right;
    border-right: 0;
}
.section .section-foot {
    padding-top: 40px;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
}
.section .section-foot ul li {
    width: 49%;
    display: inline-block;
}
.section .section-foot ul li:first-child a {
    background: #d92210;
}
.section .section-foot ul li:last-child a {
    background: #244296;
}
.section .section-foot ul li + li {
    margin-left: 15px;
}
.section .section-foot ul li a {
    display: inline-block;
    color: #fff;
    word-break: break-all;
    vertical-align: top;
}
.section .section-foot ul li a img {
    float: left;
    max-height: 274px;
    max-width: 50%;
    width: 100%;
    height: auto;
    margin-right: 20px;
}
.section .section-foot ul li a strong {
    font-weight: 500;
    display: inline-block;
}
.section .section-foot ul li a small {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: 10px;
}
.section .section-foot ul li a span {
    margin-top: 40px;
    display: inline-block;
    width: 46.2%;
}
.section .section-foot ul li:first-child a:hover {
    background: #244296;
}
.section .section-foot ul li:last-child a:hover {
    background: #d92210;
}
.section .section-inner-secondary .section-image {}
/* ------------------------------------------------------------ *\



	List Links



\* ------------------------------------------------------------ */

.list-links li {
    position: relative;
}
.list-links li span {
    position: absolute;
    left: 0;
    top: 0;
}
.list-links li a {
    color: #d2d6d9;
}
.list-links li a:hover {
    text-decoration: underline;
}
/* ------------------------------------------------------------ *\



	List Links Secondary



\* ------------------------------------------------------------ */

.list-links-secondary li {
    padding-left: 0;
}
/* ------------------------------------------------------------ *\



	List Contacts Secondary



\* ------------------------------------------------------------ */

.list-contacts-secodnary li {
    margin-bottom: 15px;
}
.list-contacts-secodnary li:last-child {
    margin-bottom: 0;
}
/* ------------------------------------------------------------ *\



	Copyright



\* ------------------------------------------------------------ */

.copyright {
    font-size: 10px;
}
.copyright a {
    color: #616f7c;
}
/* ------------------------------------------------------------ *\



	Intro	



\* ------------------------------------------------------------ */

.intro {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    min-height: 379px;
    border-top: 1px solid #fff;
    position: relative;
}
/* ------------------------------------------------------------ *\



	Projects



\* ------------------------------------------------------------ */

.projects {
    font-size: 24px;
    font-weight: 300;
    margin-top: 20px;
}
.project {
    float: left;
    width: 32.5%;
    margin: 0 13px 13px 0;
}
.project:nth-child(3n+3) {
    margin-right: 0;
}
.project:nth-child(even) a {
    background: #05b2d5;
}
.project:nth-child(even) a:hover {
    background: #475767;
}
.project a:hover {
    background: #05b2d5;
}
.project a {
    color: #fff;
    display: inline-block;
    width: 100%;
    background: #475767;
    position: relative;
    line-height: 1.2;
    font-weight: 300;
}
.project a img {
    max-height: 182px;
    max-width: 50%;
    width: 100%;
    height: auto;
    display: inline-block;
}
.project a strong {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 300;
    padding: 0 10px 15px 18px;
}
.project a strong small {
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    margin-top: 5px;
}
/* ------------------------------------------------------------ *\



	Section Product Single



\* ------------------------------------------------------------ */

.section-product-single {
    max-width: 499px;
    display: block;
    margin: 0 auto;
    padding: 30px;
    font-size: 14px;
    line-height: 1.71;
    background: #fff;
    position: relative;
}
.section-product-single .section-title {
    font-size: 34px;
    font-weight: 300;
    line-height: 1;
    color: #434343;
}
.section-product-single .section-body {
    padding-top: 18px;
}
.section-product-single .section-content,
.section-product-single .section-image {
    width: 50%;
}
.section-product-single .section-content {
    float: right;
    padding-left: 15px;
}
.section-product-single .section-content ul {} .section-product-single .section-content ul li {
    margin-bottom: 17px;
    line-height: 1;
}
.section-product-single .section-content ul li:last-child {
    margin-bottom: 0;
}
.section-product-single .section-content ul li strong {
    display: block;
    text-transform: uppercase;
    margin-bottom: 7px;
}
.section-product-single .section-entry {
    padding-top: 20px;
}
.section-product-single .section-image {
    float: left;
}
.section-product-single .section-image img {
    width: 100%;
    height: auto;
}
/* ------------------------------------------------------------ *\



	Btm Menu



\* ------------------------------------------------------------ */

.btn-menu {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    padding: 0;
}
/* ------------------------------------------------------------ *\



	Pop Up



\* ------------------------------------------------------------ */

.mfp-bg {
    background: #1d3043;
    opacity: 0.9;
}
/* ------------------------------------------------------------ *\



	Sample



\* ------------------------------------------------------------ */

.article-body p {
    padding-bottom: 18.2px;
}
.article-body p img {
    width: 240px;
    height: 206px;
    display: block;
}
.article-title a {
    color: #000000;
}
.article-head .article-meta a {
    color: #0098B2;
}
.article-head .article-meta a:hover {
    color: #0C64BD;
}
.article-body .article-entry a {
    color: #FFF;
    border-bottom: 1px dashed #0070c3;
}
.article-body .article-entry a:hover {
    color: #FFF;
}
.article-body ul,
.article-body ol {
    padding-bottom: 18.2px;
    margin-left: 25px;
}
.article-body ul li,
.article-body ol li {
    padding-bottom: 10px;
}
.article-body ul ul,
.article-body ol ol {
    padding-bottom: 0;
}
.article-body .wp-caption-text {
    padding: 5px 10px;
}
.article-body .wp-caption {
    width: 250px;
}
.article-body .wp-caption img {
    width: 250px;
}
.article-body blockquote {
    padding-left: 18.2px;
    border-left: 3px solid #5286B5;
    margin-bottom: 18.2px;
    font-style: italic;
}
.article-body blockquote p:last-child {
    padding-bottom: 0;
}
.article-body hr {
    border: 1px solid #787878;
    margin-bottom: 18.2px;
}
.article-title {
    padding-bottom: 15px;
}
.article-meta {
    padding-bottom: 6px;
    border-bottom: 1px solid #000;
    margin-bottom: 15px;
}
.article-meta p {
    padding-bottom: 5px;
}
.article-body .article-entry ol {
    counter-reset: numbers;
}
.article-body .article-entry ol li:before {
    counter-increment: numbers;
    content: counters(numbers, ".") ".";
    margin-right: 2px;
}
.article-body .article-entry ol li ol {
    padding-left: 15px;
    padding-bottom: 0;
}
.article .article-entry ul li {
    padding-left: 13px;
    position: relative;
    list-style-type: disc;
}
.article .article-entry ol li ol li,
.article .article-entry ul li ul li {
    padding-bottom: 0;
}
/* ------------------------------------------------------------ *\



	Gallery



\* ------------------------------------------------------------ */

.gallery {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}
.gallery .wp-caption-text {
    right: 10px;
    bottom: 10px;
    left: 10px;
}
.gallery-item {
    float: left;
    position: relative;
    padding: 10px;
}
.gallery-item img {
    width: 100%;
}
.gallery-columns-1 .gallery-item {
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-6 .gallery-item {
    width: 16.67%;
}
.gallery-columns-7 .gallery-item {
    width: 14.29%;
}
.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    width: 11.11%;
}
.gallery-columns-7 .wp-caption,
.gallery-columns-8 .wp-caption,
.gallery-columns-9 .wp-caption {
    display: none;
}
/* ------------------------------------------------------------ *\



	Pagination



\* ------------------------------------------------------------ */

.paging {
    padding: 0 0 20px;
    text-align: center;
}
.paging ul {
    list-style: none outside none;
}
.paging ul,
.paging li {
    display: inline-block;
    vertical-align: top;
}
.paging li {
    padding: 0 2px;
}
.paging a {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #000;
    border-radius: 4px;
}
.paging .current a,
.paging a:hover {
    text-decoration: none;
    background: #000;
    color: #fff;
}
.paging-label {
    padding-right: 10px;
}
/*.paging-first:before { content: '\00ab'; }*/

.paging-next,
.paging-prev {
    color: #000;
}
.paging-next {
    float: right;
}
.paging-prev {
    float: left;
}
/*.paging-last:before { content: '\00bb'; }*/
/* ------------------------------------------------------------ *\



	Comments



\* ------------------------------------------------------------ */

.section-comments {
    padding-top: 15px;
}
.section-comments p {
    padding-bottom: 18.2px;
}
.section-comments ol,
.section-comments ul {
    padding: 0;
    margin: 0;
    list-style: none outside none;
}
.section-comments a {
    color: #0098B2;
}
.section-comments h3 {
    position: relative;
    padding: 0 0 10px;
}
.section-comments h3 small {
    position: absolute;
    top: 0;
    right: 0;
}
.comments,
.comments .children {
    position: relative;
}
.comments .children:before,
.comments .children:after {
    content: '';
    position: absolute;
    display: block;
}
.comments .children:before {
    top: 33px;
    left: 23px;
    width: 32px;
    height: 27px;
    border-left: 8px solid #c3c3c3;
    border-bottom: 8px solid #c3c3c3;
    border-radius: 0 0 0 8px;
}
.comments .children:after {
    top: -5px;
    left: 8px;
    border: 20px solid transparent;
    border-width: 20px 19px;
    border-bottom-color: #c3c3c3;
}
.comments .comment {
    position: relative;
    border-top: 1px dashed #363636;
}
.comments .children {
    padding-left: 70px;
}
.comments .avatar {
    position: absolute;
    top: 28px;
    left: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #ccc;
}
.comments .says {
    padding-left: 5px;
}
.comments .moderation-notice {
    display: inline-block;
    margin: 3px 0 8px;
    color: #999;
}
.comments .comment-entry {
    position: relative;
    padding: 30px 0 30px 65px;
}
.comments .comment-text p:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.comments .comment-meta {
    padding-bottom: 12px;
}
.comments .comment-meta a {
    color: #0098B2;
}
.comments .comment-meta a:hover {
    color: #0C64BD;
}
.comments .comment-reply {
    padding-top: 10px;
    text-align: right;
}
.comments .comment-reply a {
    display: inline-block;
    padding: 5px 10px;
    background-color: #41819A;
    background: -webkit-linear-gradient(#41819A, #1F6B8A);
    background: -o-linear-gradient(#41819A, #1F6B8A);
    background: linear-gradient(#41819A, #1F6B8A);
    color: #fff;
    border-radius: 6px;
}
.comments .comment-reply a:hover {
    text-decoration: none;
    background-color: #1F6B8A;
    background: -webkit-linear-gradient(#1F6B8A, #41819A);
    background: -o-linear-gradient(#1F6B8A, #41819A);
    background: linear-gradient(#1F6B8A, #41819A);
}
.comment-respond {
    width: 100%;
    padding-top: 30px;
    border-top: 1px solid #363636;
}
.comment-respond .required {
    color: #e40000;
}
.comment-respond h3 {
    position: relative;
}
.comment-respond small {
    position: absolute;
    top: 0;
    right: 0;
}
.comment-respond label {
    display: block;
    padding-bottom: 4px;
}
.comment-respond input[type="text"],
.comment-respond textarea {
    display: block;
    width: 80%;
    padding: 10px;
    border: 1px solid #ccc;
    background: #f7f7f7;
}
.comment-respond textarea {
    width: 100%;
    height: 100px;
}
.comment-respond input[type="text"]:focus {
    background-color: #fff;
}
.comment-respond input[type="text"]::-webkit-input-placeholder {
    color: #777;
}
.comment-respond input[type="text"]::-moz-placeholder {
    color: #777;
}
.comment-respond input[type="text"]:-ms-input-placeholder {
    color: #777;
}
.comment-respond input[type="text"]::placeholder {
    color: #777;
}
.comment-respond textarea {
    width: 100%;
}
.comment-respond .comment-notes {
    padding-top: 15px;
}
.comment-respond .form-submit input {
    display: block;
    width: 160px;
    height: 40px;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #41819A;
    background: -webkit-linear-gradient(#41819A, #1F6B8A);
    background: -o-linear-gradient(#41819A, #1F6B8A);
    background: linear-gradient(#41819A, #1F6B8A);
    cursor: pointer;
    border-radius: 4px;
}
.comment-respond .form-submit input:hover {
    background-color: #1F6B8A;
    background: -webkit-linear-gradient(#1F6B8A, #41819A);
    background: -o-linear-gradient(#1F6B8A, #41819A);
    background: linear-gradient(#1F6B8A, #41819A);
}
.nocomments {
    padding-top: 12px;
    font-weight: bold;
    font-size: 18px;
}
/* ------------------------------------------------------------ *\



	Widgets



\* ------------------------------------------------------------ */

.search-form {
    position: relative;
    overflow: hidden;
}
.search-form .search-field {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #1D3043;
    background: #fff;
    -webkit-appearance: none;
    border-radius: 0;
}
.search-form .search-field:focus {
    background-color: #fff;
}
.search-form .search-field::-webkit-input-placeholder {
    color: #777;
}
.search-form .search-field::-moz-placeholder {
    color: #777;
}
.search-form .search-field:-ms-input-placeholder {
    color: #777;
}
.search-form .search-field::placeholder {
    color: #777;
}
.search-form .screen-reader-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
.widgets {
    list-style: none outside none;
}
.widgets .widget a {
    color: #475767;
    font-weight: 500;
}
.widgets .widget a:hover {
    color: #0C64BD;
}
.widget {
    padding: 10px 15px;
    margin-bottom: 15px;
}
.widget ul {
    list-style: none outside none;
    margin: 0;
}
.widget li {
    padding: 5px 0;
}
.widget-title {
    padding-bottom: 5px;
    font-weight: 600;
    border-bottom: 1px solid #000;
    margin-bottom: 12px;
    color: #1d3043;
}
.widget_categories .screen-reader-text {
    display: none;
}
.widget_categories .post-form {
    width: 100%;
    padding: 5px;
    background: #475767;
    color: #fff;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0;
}
.widget_categories .post-form option:hover {
    background: #ccc;
}
.widget_calendar td,
.widget_calendar th {
    padding: 5px;
    border: 1px solid #000;
}
.widget_calendar table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
}
.widget_calendar caption {
    padding: 12px 12px 10px 12px;
    font-weight: bold;
    position: relative;
    margin-bottom: 10px;
}
.widget_calendar caption:after {
    content: '';
    position: absolute;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    bottom: -2px;
    background: #fff;
    height: 2px;
}
.widget_calendar tfoot {
    font-weight: bold;
}
.widget_rss .rsswidget {
    vertical-align: middle;
}
.widget_rss .rsswidget img {
    float: left;
    margin: 5px 8px 0 0;
}
/* ------------------------------------------------------------ *\



	Phone



\* ------------------------------------------------------------ */

.list-contacts a,
.phone a {
    color: inherit;
}
/* ------------------------------------------------------------ *\



	Responsive



\* ------------------------------------------------------------ */

@media(max-width: 1115px) {
    .main {
        padding: 7px 0;
    }
    .shell {
        padding: 0 5px;
    }
    .slider .slide .slide-link {
        min-height: 0;
    }
    .nav ul li a {
        padding: 7px 17px;
    }
    .nav ul li a:hover:after,
    .nav ul li.current-menu-item a:after {
        height: 3px;
    }
    .feature {
        width: 32.6%;
    }
    .feature + .feature {
        margin-left: 5px;
    }
    .feature .feature-title {
        font-size: 25px;
    }
    .section {
        padding-top: 0;
    }
    .logo {
        width: 221px;
        height: 47px;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
    }
    .slider-nav ul li a {
        padding: 5px 9px;
        vertical-align: top;
    }
    .slider-nav ul li a strong {
        font-size: 15px;
    }
    .slider-nav {
        font-size: 12px;
    }
    .feature .feature-title {
        font-size: 18px;
    }
    .section-primary .section-body {
        padding-top: 10px;
    }
    .col-1of2 + .col-1of2 {
        margin-left: 27px;
    }
    .section .section-foot {
        padding-top: 12px;
        font-size: 18px;
    }
    .section .section-foot ul li {
        width: 50%;
    }
    .section .section-foot ul li + li {
        margin-left: -5px;
    }
    .section .section-foot ul li a span {
        margin-top: 23px;
        width: 50%;
        padding: 0 10px 0 7px;
    }
    .section .section-foot ul li a img {
        margin-right: 0;
    }
    .list-links li span {
        margin-right: 0;
    }
    .section .section-content {
        padding-right: 20px;
    }
    .section .section-actions {
        font-size: 18px;
    }
    .project a,
    .section .section-actions a {
        -ms-word-break: normal;
        word-break: normal;
    }
    .section .section-actions a strong {
        padding: 6px;
    }
    .projects {
        font-size: 18px;
        margin-top: 15px;
    }
    .project {
        margin: 0 9px 0 0;
    }
    .project a strong small {
        font-size: 12px;
    }
    .project a strong {
        padding: 0 8px 8px 8px;
    }
    .widget {
        padding-left: 0;
    }
    .content {
        width: 70%;
        padding-left: 20px;
    }
    .search-form .search-field {
        padding: 6px 8px;
    }
    .section-product-single {
        padding: 12px;
    }
    .section-product-single .section-body {
        padding-top: 3px;
    }
    .section-product-single .section-entry {
        padding-top: 10px;
    }
    .section .section-title {
        margin-bottom: 5px;
    }
    .section .section-head {
        line-height: 1;
    }
    .col-size2 {
        padding-left: 10px;
    }
    .footer-inner-secondary {
        font-size: 10px;
        margin-top: 10px;
    }
}
@media(max-width: 767px) {
    .header {
        padding: 5px 0;
    }
    .header-inner,
    .list-contacts,
    .header {
        text-align: left;
    }
    .header-inner {
        position: relative;
    }
    .list-contacts li + li {
        margin-left: 0;
    }
    .list-contacts li {
        display: block;
        margin-bottom: 4px;
    }
    .list-contacts {
        display: none;
    }
    .logo {
        float: left;
        display: block;
        margin: 0 auto 0 20px;
        height: 67px;
        width: 200px;
    }
    .btn-menu {
        visibility: visible;
        opacity: 1;
        position: relative;
        width: auto;
        display: inline-block;
        z-index: 11;
        position: absolute;
        right: 0;
        top: 0;
        max-height: 100%;
        max-width: 48px;
        padding: 0px;
        margin: 30px 20px 0 0;
    }
    .btn-menu span {
        position: relative;
        display: block;
        width: 38px;
        border-top: 4px solid #73d1f3;
    }
    .btn-menu span:before,
    .btn-menu span:after {
        position: absolute;
        width: 100%;
        height: 4px;
        background: #73d1f3;
        content: '';
        left: 0;
    }
    .btn-menu span:before {
        top: -13px;
    }
    .btn-menu span:after {
        top: 5px;
    }
    .btn-menu span:before,
    .btn-menu span:after,
    .btn-menu span {
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    .btn-menu.active span {
        border-color: transparent;
    }
    .btn-menu.active span:before,
    .btn-menu.active span:after {
        background: #475767;
    }
    .btn-menu.active span:before {
        -webkit-transform: rotate(45deg) translate(2.5px, 6px);
        transform: rotate(45deg) translate(2.5px, 6px);
    }
    .btn-menu.active span:after {
        -webkit-transform: rotate(-45deg) translate(2.5px, -6px);
        transform: rotate(-45deg) translate(2.5px, -6px);
    }
    .btn-menu.active span:after {
        top: 2px;
        left: 2px;
    }
.mapp-layout {
    max-width: 358px;
}
    .btn-menu.active span:before {
        top: -10px;
        left: 2px;
    }
    .slider-nav {
        display: none;
    }
    .slider-nav ul li,
    .slider-nav ul {
        display: inline-block;
    }
    .slider .slide {
        min-height: 100%;
    }
    .slider .slide .slide-content img {
        visibility: visible;
        display: block;
    }
    .slider .slide .slide-content h1 {
        position: relative;
        bottom: 0;
        background: rgb(36, 50, 78);
        padding: 10px 15px 10px 22px;
        margin-top: -1px;
    }
    .slider .slide .slide-content h1 span {
        display: none;
    }
    .nav ul {
        margin: 15px 0 0 0;
    }
    .feature {
        width: 100%;
        margin-bottom: 5px;
    }
    .feature a {
        padding: 5px;
    }
    .feature + .feature {
        margin-left: 0;
    }
    .main {
        padding: 5px 20px;
    }
    .col-1of2 {
        width: 100%;
        float: none;
    }
    .section .section-head {
        margin-bottom: 6px;
    }
    .section-primary .section-body {
        padding-top: 0;
    }
    .col-1of2 + .col-1of2 {
        margin-left: 0;
        margin-top: 5px;
    }
    .section .section-foot {
        padding-top: 8px;
    }
.page-id-14 .section .section-content {
    width:100%;
}
    .section .section-foot ul li {
        width: 100%;
    }
    .section .section-foot ul li + li {
        margin-left: 0;
    }
    .section .section-foot ul li a img {
        max-width: 100%
    }
    .section .section-foot ul li a span {
        width: 100%;
        margin: 0;
        padding: 5px;
    }
    .section .section-foot ul li a small {
        margin-top: 5px;
    }
    .section .section-foot ul li {
        margin-bottom: 5px;
    }
    .section .section-foot ul li:last-child {
        margin-bottom: 0;
    }
    .footer {
        padding: 5px;
    }
    .col-size2,
    .section .section-content,
    .sidebar,
    .gallery-columns-3 .gallery-item,
    .content,
    .section-product-single .section-image,
    .section .section-content,
    .project,
    .section .section-aside,
    .col-size1 {
        width: 100%;
        float: none;
    }
    .col-size2,
    .section .section-title,
    .article-meta,
    .widget-title,
    .col-size1 {
        margin-bottom: 5px;
    }
    .col-size2:last-child,
    .col-size1:last-child {
        margin-bottom: 0;
    }
    .section-primary .section-body .section-title {
        margin-bottom: 5px;
        margin-top: 30px;
    }
    .footer-inner {
        text-align: left;
    }
    .footer h3 {
        margin-bottom: 3px;
    }
    .footer-inner-secondary,
    .section .section-aside,
    .footer-inner-teritary {
        margin-top: 5px;
    }
    .section .section-content {
        padding-right: 0;
    }
    .intro .intro-title {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: auto;
        padding: 5px;
    }
    .intro {
        min-height: 200px;
    }
    .content {
        padding: 0;
    }
    .article-title {
        padding-bottom: 5px;
    }
    .article-meta {
        padding-bottom: 0;
    }
    .section-comments p,
    .article-body p {
        padding-bottom: 10px;
    }
    .article-body .wp-caption img,
    .article-body p img {
        width: 100%;
        height: auto;
    }
    .comment-respond input[type="text"],
    .comment-respond textarea,
    .article-body .wp-caption {
        width: 100%;
    }
    .section-comments ul {
        display: none;
    }
    .widget {
        padding: 0;
    }
    .search-form .search-field {
        border-color: #C7C7C7;
    }
    .widget_search .search-form {
        margin-top: 15px;
    }
    .projects {
        margin-top: 10px;
    }
    .section-product-single {
        width: 95%;
        padding: 5px;
    }
    .section-product-single .section-content {
        padding-left: 0;
        margin-top: 12px;
    }
    .section-product-single .section-content ul li {
        margin-bottom: 12px;
    }
    .shell {
        padding: 0;
    }
    .footer {
        padding: 25px 25px;
    }
    .footer-inner-secondary.footer-inner-teritary {
        display: none;
    }
    .section-body {
        margin: 20px 0 0 0;
    }
    .col-size2 {
        padding-left: 0;
    }
    .feature a {
        padding: 15px;
    }
    .home .section .section-head {
        margin: 20px 0 0 0;
    }
    .slide-content {
        margin: -30px 0 0 0;
    }
    .slider .slide .slide-content h1 {
        font-size: 15px; padding: 10px 30px; margin: 0;
    }
    .section .section-foot ul li a {
        width: 100%;
    }
    .slider {
        margin: 20px 0 0 0;
    }
    li.slide {
        width: 415px!important;
        height: 210px!important;
    }
    .intro .intro-title {
        font-size: 22px;
        padding: 20px 10px;
    }
    .nav .sub-menu {
        background: #70d5f6;
    }
    p img {
        padding: 0;
        max-width: 100%;
        height: auto;
    }
    img.hidden.fullscreen-image {
        width: 300px!important;
        display: block;
        height: 190px;
    }
    .main {
        padding: 20px 20px;
    }
    .nav ul li + li {
        margin-left: 0px;
    }
    .nav ul ul {
        top: 20px;
    }
    .intro.fullscreen-image-container {
        height: 150px!important;
    }
    h1.intro-title {
        display: none!important;
    }
    .intro {
        min-height: 130px;
    }
    .intro.fullscreen-image-container {
        margin: 20px 0 0 0;
    }
.bookbtn{ float:left; margin:0 0 0 10px; }
.tels{ float:right; line-height:20px!important; font-size:16px; margin:0 10px 0 0; }
 .logo{ float:none; margin:0 0 20px 10px; text-align:center; clear:both; font-size:16px; }
li.slide{width:380px!important; height: 210px;  }

.bookbtn img {
    width: 140px!important;
    height: auto!important;
}
.slider .slide .slide-content h1 {bottom:-70px; width:100%; margin:0;  text-align:center; }
.bx-viewport {
    height: 260px!important;
}
.btn-menu {top:-70px;}
}

@media(max-width: 320px) {
li.slide{width:auto!important; max-width:320px!important; height: 210px;  }
.slider .slide .slide-content h1 { bottom:-85px!important; }
.bx-viewport {
    height: 240px!important;
}
}