* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: source sans pro, Helvetica, sans-serif
}

body {
    color: #141412;
    line-height: 1.5;
    margin: 0
}

a {
    color: #ca3c08;
    text-decoration: none
}

a:visited {
    color: #ac0404
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    color: #ea9629;
    outline: 0
}

a:hover {
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: Bitter, Georgia, serif;
    line-height: 1.3
}

h1 {
    font-size: 48px;
    margin: 33px 0
}

h2 {
    font-size: 30px;
    margin: 25px 0
}

h3 {
    font-size: 22px;
    margin: 22px 0
}

h4 {
    font-size: 20px;
    margin: 25px 0
}

h5 {
    font-size: 18px;
    margin: 30px 0
}

h6 {
    font-size: 16px;
    margin: 36px 0
}

address {
    font-style: italic;
    margin: 0 0 24px
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

p {
    margin: 0 0 24px
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 14px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px
}

blockquote blockquote {
    margin-right: 0
}

blockquote cite,
blockquote small {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase
}

blockquote em,
blockquote i {
    font-style: normal;
    font-weight: 300
}

blockquote strong,
blockquote b {
    font-weight: 400
}

small {
    font-size: smaller
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dl {
    margin: 0 20px
}

dt {
    font-weight: 700
}

dd {
    margin: 0 0 20px
}

menu,
ol,
ul {
    margin: 16px 0;
    padding: 0 0 0 40px
}

ul {
    list-style-type: square
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

li>ul,
li>ol {
    margin: 0
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    min-width: inherit;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    padding-right: 2px;
    width: 270px
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%
}

caption,
th,
td {
    font-weight: 400;
    text-align: left
}

caption {
    font-size: 16px;
    margin: 20px 0
}

th {
    font-weight: 700;
    text-transform: uppercase
}

td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0
}

del {
    color: #333
}

ins {
    background: #fff9c0;
    text-decoration: none
}

hr {
    background: url(images/dotted-line.png) repeat center top;
    background-size: 4px 4px;
    border: 0;
    height: 1px;
    margin: 0 0 24px
}

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor>.comment-body .fn:before,
.error404 .page-title:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal 16px/1 Genericons;
    vertical-align: text-bottom
}

.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
    clear: both
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
    content: "";
    display: table
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute !important;
    height: 1px;
    width: 1px
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    width: auto;
    z-index: 100000
}

button,
input,
textarea {
    border: 1px solid #d4d0ba;
    font-family: inherit;
    padding: 5px
}

input,
textarea {
    color: #141412
}

input:focus,
textarea:focus {
    border: 1px solid #c3c0ab;
    outline: 0
}

button,
input[type=submit],
input[type=button],
input[type=reset] {
    background:#017a91;
    background: -webkit-linear-gradient(top,#017a91 0%,#017a91 100%);
    background: linear-gradient(to bottom,#017a91 0%,#017a91 100%);
    border: none;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 11px 24px 10px;
    text-decoration: none
}

button:hover,
button:focus,
input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=button]:focus,
input[type=reset]:focus {
    background:#017a91;
    background: -webkit-linear-gradient(top,#017a91 0%,#017a91 100%);
    background: linear-gradient(to bottom,#017a91 0%,#017a91 100%);
    outline: none
}

button:active,
input[type=submit]:active,
input[type=button]:active,
input[type=reset]:active {
    background:#017a91;
    background: -webkit-linear-gradient(top,#017a91 0%,#017a91 100%);
    background: linear-gradient(to bottom,#017a91 0%,#017a91 100%);
    border: none;
    padding: 10px 24px 11px
}

.post-password-required input[type=submit] {
    padding: 7px 24px 4px;
    vertical-align: bottom
}

.post-password-required input[type=submit]:active {
    padding: 5px 24px 6px
}

::-webkit-input-placeholder {
    color: #7d7b6d
}

:-moz-placeholder {
    color: #7d7b6d
}

::-moz-placeholder {
    color: #7d7b6d
}

:-ms-input-placeholder {
    color: #7d7b6d
}

.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
    max-width: 100%
}

.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*=align],
img[class*=wp-image-],
img[class*=attachment-] {
    height: auto
}

img.size-full,
img.size-large,
img.wp-post-image {
    height: auto;
    max-width: 100%
}

embed,
iframe,
object,
video {
    max-width: 100%
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

figure.wp-caption.alignleft,
img.alignleft {
    margin: 5px 20px 5px 0
}

.wp-caption.alignleft {
    margin: 5px 10px 5px 0
}

figure.wp-caption.alignright,
img.alignright {
    margin: 5px 0 5px 20px
}

.wp-caption.alignright {
    margin: 5px 0 5px 10px
}

img.aligncenter {
    margin: 5px auto
}

img.alignnone {
    margin: 5px 0
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
    color: #220e10;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 24px
}

div.wp-caption.alignright img[class*=wp-image-] {
    float: right
}

div.wp-caption.alignright .wp-caption-text {
    padding-left: 10px
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.wp-caption.alignleft+ul,
.wp-caption.alignleft+ol {
    list-style-position: inside
}

.site {
    background-color: #fff;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    margin: 0 auto;
    max-width: 1600px;
    overflow: hidden;
    width: 100%
}

.site-main {
    position: relative
}

.site-main .sidebar-container {
    height: 0;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 1
}

.site-main .sidebar-inner {
    margin: 0 auto;
    max-width: 1040px
}

.site-header {
    position: relative
}

.site-header .home-link {
    color: #141412;
    display: block;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 230px;
    padding: 0 20px;
    text-decoration: none;
    width: 100%
}

.site-header .site-title:hover {
    text-decoration: underline
}

.site-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 58px 0 10px
}

.site-description {
    font: 300 italic 24px source sans pro, Helvetica, sans-serif;
    margin: 0
}

.main-navigation {
    clear: both;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 45px;
    position: relative
}

ul.nav-menu,
div.nav-menu>ul {
    margin: 0;
    padding: 0 40px 0 0
}

.nav-menu li {
    display: inline-block;
    position: relative
}

.nav-menu li a {
    color: #141412;
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 15px 20px;
    text-decoration: none
}

.nav-menu li:hover>a,
.nav-menu li a:hover,
.nav-menu li:focus>a,
.nav-menu li a:focus {
    background-color: #220e10;
    color: #fff
}

.nav-menu .sub-menu,
.nav-menu .children {
    background-color: #220e10;
    border: 2px solid #f7f5e7;
    border-top: 0;
    padding: 0;
    position: absolute;
    left: -2px;
    z-index: 99999;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
    border-left: 0;
    left: 100%;
    top: 0
}

ul.nav-menu ul a,
.nav-menu ul ul a {
    color: #fff;
    margin: 0;
    width: 200px
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
    background-color: #db572f
}

ul.nav-menu li:hover>ul,
.nav-menu ul li:hover>ul,
ul.nav-menu .focus>ul,
.nav-menu .focus>ul {
    clip: inherit;
    overflow: inherit;
    height: inherit;
    width: inherit
}

.nav-menu .current_page_item>a,
.nav-menu .current_page_ancestor>a,
.nav-menu .current-menu-item>a,
.nav-menu .current-menu-ancestor>a {
    color: #bc360a;
    font-style: italic
}

.menu-toggle {
    display: none
}

.navbar {
    background-color: #f7f5e7;
    margin: 0 auto;
    max-width: 1600px;
    width: 100%
}

.site-header .search-form {
    position: absolute;
    right: 20px;
    top: 1px
}

.site-header .search-field {
    background-color: transparent;
    background-image: url(images/search-icon.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
    width: 1px
}

.site-header .search-field:focus {
    background-color: #fff;
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 230px
}

.hentry {
    padding: 40px 0
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
    margin: 0 auto;
    max-width: 604px;
    width: 100%
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
    max-width: 1170px;
    padding: 0 15px
}

.sidebar .entry-header .entry-meta {
    padding: 0
}

.entry-thumbnail img {
    display: block;
    margin: 0 auto 10px
}

.entry-header {
    margin-bottom: 30px
}

.entry-title {
    font-weight: 400;
    margin: 0 0 5px
}

.entry-title a {
    color: #141412
}

.entry-title a:hover {
    color: #ea9629
}

.entry-meta {
    clear: both;
    font-size: 14px
}

.entry-meta a {
    color: #bc360a
}

.entry-meta a:hover {
    color: #bc360a
}

.entry-meta>span {
    margin-right: 20px
}

.entry-meta>span:last-child {
    margin-right: 0
}

.featured-post:before {
    content: "\f308";
    margin-right: 2px
}

.entry-meta .date a:before {
    content: "\f303"
}

.comments-link a:before {
    content: "\f300";
    margin-right: 2px;
    position: relative;
    top: -1px
}

.entry-meta .author a:before {
    content: "\f304";
    position: relative;
    top: -1px
}

.categories-links a:first-child:before {
    content: "\f301"
}

.tags-links a:first-child:before {
    content: "\f302";
    position: relative;
    top: -1px
}

.edit-link a:before {
    content: "\f411";
    position: relative;
    top: -1px
}

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
    display: none
}

.entry-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
}

.entry-content a,
.comment-content a {
    color: #011438
}

.entry-content a:hover,
.comment-content a:hover {
    color: #ea9629
}

.entry-content .more-link {
    white-space: nowrap
}

.entry-content blockquote {
    font-size: 24px
}

.entry-content blockquote cite,
.entry-content blockquote small {
    font-size: 16px
}

.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
    margin-left: 0;
    border: 1px solid #e4e4e4;
    padding: 7px
}

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
    margin-right: 0;
    border: 1px solid #e4e4e4;
    padding: 7px
}

footer.entry-meta {
    margin-top: 24px
}

.format-standard footer.entry-meta {
    margin-top: 0
}

.page-links {
    clear: both;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 2.2;
    margin: 20px 0;
    text-transform: uppercase
}

.page-links a,
.page-links>span {
    background: #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    text-decoration: none
}

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
    background: #e63f2a;
    border: 1px solid #e63f2a;
    color: #fff
}

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
    background: #fff;
    color: #e63f2a
}

.format-status .entry-content .page-links>span,
.format-quote .entry-content .page-links>span {
    background: 0 0
}

.page-links .page-links-title {
    background: 0 0;
    border: none;
    margin-right: 20px;
    padding: 0
}

.hentry .mejs-mediaelement,
.widget .mejs-mediaelement,
.hentry .mejs-container .mejs-controls,
.widget .mejs-container .mejs-controls {
    background: #220e10
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.widget .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #fff
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.widget .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #ea9629
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.widget .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #595959
}

.hentry .mejs-controls .mejs-time-rail span,
.widget .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    border-radius: 0
}

.gallery {
    margin-bottom: 20px;
    margin-left: -4px
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
    display: table;
    margin: 0 auto 20px
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
    text-align: center
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width: calc(25% - 4px)
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width: calc(20% - 4px)
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width: calc(16.7% - 4px)
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width: calc(14.28% - 4px)
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width: calc(12.5% - 4px)
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width: calc(11.1% - 4px)
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1),
.widget-area .gallery-columns-2 figure.gallery-item:nth-of-type(2n+1),
.widget-area .gallery-columns-3 figure.gallery-item:nth-of-type(3n+1),
.widget-area .gallery-columns-4 figure.gallery-item:nth-of-type(4n+1),
.widget-area .gallery-columns-5 figure.gallery-item:nth-of-type(5n+1),
.widget-area .gallery-columns-6 figure.gallery-item:nth-of-type(6n+1),
.widget-area .gallery-columns-7 figure.gallery-item:nth-of-type(7n+1),
.widget-area .gallery-columns-8 figure.gallery-item:nth-of-type(8n+1),
.widget-area .gallery-columns-9 figure.gallery-item:nth-of-type(9n+1) {
    clear: left
}

.gallery-caption {
    background-color: rgba(0, 0, 0, .7);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 2px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    width: 100%
}

.gallery-caption:before {
    box-shadow: 0 -10px 15px #000 inset;
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.gallery-item:hover .gallery-caption {
    opacity: 1
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.widget-area .gallery-columns-2 .gallery-caption,
.widget-area .gallery-columns-3 .gallery-caption,
.widget-area .gallery-columns-4 .gallery-caption,
.widget-area .gallery-columns-5 .gallery-caption,
.widget-area .gallery-columns-6 .gallery-caption,
.widget-area .gallery-columns-7 .gallery-caption,
.widget-area .gallery-columns-8 .gallery-caption,
.widget-area .gallery-columns-9 .gallery-caption {
    display: none
}

.format-aside {
    background-color: #f7f5e7
}

.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside+.format-aside,
.format-aside+.format-link,
.format-link+.format-aside {
    box-shadow: inset 0 2px 2px rgba(173, 165, 105, .2)
}

.format-aside .entry-meta {
    margin-top: 0
}

.format-aside blockquote {
    font-size: 100%;
    font-weight: 400
}

.format-aside cite {
    font-size: 100%;
    text-transform: none
}

.format-aside cite:before {
    content: "\2014";
    margin-right: 5px
}

.format-audio {
    background-color: #db572f
}

.format-audio .entry-title {
    font-size: 28px;
    font-weight: 700
}

.format-audio .entry-content:before {
    content: "\f109";
    float: left;
    font-size: 64px;
    position: relative;
    top: 4px
}

.format-audio .entry-content a,
.format-audio .entry-meta a,
.format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover {
    color: #fbfaf3
}

.format-audio .audio-content {
    background: url(images/dotted-line.png) repeat-y left top;
    background-size: 4px 4px;
    float: right;
    padding-left: 35px;
    width: 80%;
    width: -webkit-calc(100% - 85px);
    width: calc(100% - 85px)
}

.format-audio .wp-audio-shortcode {
    height: 30px !important;
    margin: 20px 0;
    max-width: 400px !important
}

.format-audio audio {
    max-width: 100% !important
}

.format-chat {
    background-color: #eadaa6
}

.format-chat .entry-title {
    font-size: 28px;
    font-weight: 700
}

.format-chat .entry-meta a,
.format-chat .entry-content a {
    color: #722d19
}

.format-chat .entry-meta .date a:before {
    content: "\f108";
    margin-right: 2px
}

.format-chat .entry-meta .author {
    display: none
}

.format-chat .chat {
    margin: 0
}

.format-chat .chat .chat-timestamp {
    color: #722d19;
    float: right;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 10px 0
}

.format-chat .chat .fn {
    font-style: normal
}

.format-gallery {
    background-color: #fbca3c
}

.format-gallery .entry-header {
    margin-bottom: 15px
}

.format-gallery .entry-title {
    font-size: 50px;
    font-weight: 400;
    margin: 0
}

.format-gallery .entry-meta a,
.format-gallery .entry-content a {
    color: #722d19
}

.format-image .entry-title {
    font-size: 28px;
    font-weight: 700
}

.format-image .categories-links,
.format-image .tags-links {
    display: none
}

.format-link {
    background-color: #f7f5e7
}

.blog .format-link:first-of-type,
.single .format-link:first-of-type {
    box-shadow: inset 0 2px 2px rgba(173, 165, 105, .2)
}

.format-link .entry-header,
.format-link .entry-content p:last-child {
    margin-bottom: 0
}

.format-link .entry-title {
    color: #ca3c08;
    display: inline;
    font: 300 italic 20px source sans pro, Helvetica, sans-serif;
    margin-right: 20px
}

.format-link .entry-title a {
    color: #bc360a
}

.format-link div.entry-meta {
    display: inline
}

.format-standard .wp-video,
.format-standard .wp-audio-shortcode,
.format-audio .wp-audio-shortcode,
.format-standard .video-player {
    margin-bottom: 24px
}

.format-quote {
    background-color: #210d10
}

.format-quote .entry-content,
.format-quote .entry-meta {
    color: #f7f5e7
}

.format-quote .entry-content blockquote {
    font-size: 28px;
    margin: 0
}

.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked {
    color: #e63f2a
}

.format-quote .entry-content cite a {
    border-bottom: 1px dotted #fff;
    color: #fff
}

.format-quote .entry-content cite a:hover {
    text-decoration: none
}

.format-quote blockquote small,
.format-quote blockquote cite {
    display: block;
    font-size: 16px
}

.format-quote blockquote {
    font-style: italic;
    font-weight: 300;
    padding-left: 75px;
    position: relative
}

.format-quote blockquote:before {
    content: '\201C';
    font-size: 140px;
    font-weight: 400;
    line-height: .8;
    padding-right: 25px;
    position: absolute;
    left: -15px;
    top: -3px
}

.format-quote .entry-meta .author {
    display: none
}

.format-status {
    background-color: #722d19;
    padding: 0
}

.format-status .entry-content,
.format-status .entry-meta {
    padding-left: 35px;
    position: relative
}

.format-status .entry-content a {
    color: #eadaa6
}

.format-status .entry-meta a {
    color: #f7f5e7
}

.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta {
    padding-left: 95px
}

.format-status .entry-content:before,
.format-status .entry-meta:before {
    background: url(images/dotted-line.png) repeat-y left bottom;
    background-size: 4px 4px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 10px;
    top: 0;
    width: 1px
}

.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before {
    left: 70px
}

.format-status .categories-links,
.format-status .tags-links {
    display: none
}

.format-status .entry-meta:before {
    background-position: left top
}

.format-status .entry-content {
    color: #f7f5e7;
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
    padding-bottom: 30px;
    padding-top: 40px;
    position: relative
}

.format-status .entry-content p:first-child:before {
    background-color: rgba(0, 0, 0, .65);
    content: "";
    height: 3px;
    margin-top: 13px;
    position: absolute;
    left: 4px;
    width: 13px
}

.sidebar .format-status .entry-content>p:first-child:before {
    left: 64px
}

.format-status .entry-content p:last-child {
    margin-bottom: 0
}

.format-status .entry-meta {
    margin-top: 0;
    padding-bottom: 40px
}

.format-status .entry-meta .date a:before {
    content: "\f105"
}

.format-video {
    background-color: #db572f
}

.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
    color: #fbfaf3
}

.format-video .entry-title {
    font-size: 50px;
    font-weight: 400
}

.format-video .entry-meta {
    color: #220e10
}

.attachment .hentry {
    background-color: #e8e5ce;
    margin: 0;
    padding: 0
}

.attachment .entry-header {
    margin-bottom: 0;
    max-width: 1040px;
    padding: 30px 0
}

.attachment .entry-title {
    display: inline-block;
    float: left;
    font: 300 italic 30px source sans pro, Helvetica, sans-serif;
    margin: 0
}

.attachment .entry-title:before {
    content: "\f416";
    font-size: 32px;
    margin-right: 10px
}

.attachment .entry-meta {
    clear: none;
    color: inherit;
    float: right;
    max-width: 604px;
    padding: 9px 0 0;
    text-align: right
}

.hentry.attachment:not(.image-attachment) .entry-meta {
    max-width: 104px
}

.attachment footer.entry-meta {
    display: none
}

.attachment-meta:before {
    content: "\f307"
}

.full-size-link a:before {
    content: "\f402"
}

.full-size-link:before {
    content: none
}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
    color: #ca3c08
}

.attachment .entry-content {
    background-color: #fff;
    max-width: 100%;
    padding: 40px 0
}

.image-navigation {
    margin: 0 auto;
    max-width: 1040px;
    position: relative
}

.image-navigation a:hover {
    text-decoration: none
}

.image-navigation .nav-previous,
.image-navigation .nav-next {
    position: absolute;
    top: 50px
}

.image-navigation .nav-previous {
    left: 0
}

.image-navigation .nav-next {
    right: 0
}

.image-navigation .meta-nav {
    font-size: 32px;
    font-weight: 300;
    vertical-align: -4px
}

.attachment .entry-attachment,
.attachment .type-attachment p {
    margin: 0 auto;
    max-width: 724px;
    text-align: center
}

.attachment .entry-attachment .attachment {
    display: inline-block
}

.attachment .entry-caption {
    text-align: left
}

.attachment .entry-description {
    margin: 20px auto 0;
    max-width: 604px
}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
    margin: 0
}

.attachment .site-main .sidebar-container {
    display: none
}

.attachment .entry-content .mejs-audio {
    max-width: 400px;
    margin: 0 auto
}

.attachment .entry-content .wp-video {
    margin: 0 auto
}

.attachment .entry-content .mejs-container {
    margin-bottom: 24px
}

.navigation .nav-previous {
    float: left
}

.navigation .nav-next {
    float: right
}

.navigation a {
    color: #bc360a
}

.navigation a:hover {
    color: #ea9629;
    text-decoration: none
}

.paging-navigation {
    background-color: #e8e5ce;
    padding: 40px 0
}

.paging-navigation .nav-links {
    margin: 0 auto;
    max-width: 604px;
    width: 100%
}

.sidebar .paging-navigation .nav-links {
    max-width: 1040px;
    padding: 0 376px 0 60px
}

.paging-navigation .nav-next {
    padding: 13px 0
}

.paging-navigation a {
    font-size: 22px;
    font-style: italic;
    font-weight: 300
}

.paging-navigation .meta-nav {
    background-color: #e63f2a;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    padding: 3px 0 8px;
    text-align: center;
    width: 50px
}

.paging-navigation .nav-previous .meta-nav {
    margin-right: 10px;
    padding: 17px 0 23px;
    width: 80px
}

.paging-navigation .nav-next .meta-nav {
    margin-left: 10px
}

.paging-navigation a:hover .meta-nav {
    background-color: #ea9629;
    text-decoration: none
}

.post-navigation {
    background-color: #fff;
    color: #ca3c08;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    padding: 20px 0
}

.post-navigation .nav-links {
    margin: 0 auto;
    max-width: 1040px
}

.sidebar .post-navigation .nav-links {
    padding: 0 376px 0 60px
}

.post-navigation a[rel=next] {
    float: right;
    text-align: right
}

.author-info {
    margin: 0 auto;
    max-width: 604px;
    padding: 30px 0 10px;
    text-align: left;
    width: 100%
}

.author.sidebar .author-info {
    max-width: 1040px;
    padding: 30px 376px 10px 60px
}

.single .author-info {
    padding: 50px 0 0
}

.author-avatar .avatar {
    float: left;
    margin: 0 30px 30px 0
}

.single-format-status .author-description {
    color: #f7f5e7
}

.author-description .author-title {
    clear: none;
    font: 300 italic 20px source sans pro, Helvetica, sans-serif;
    margin: 0 0 8px
}

.author-link {
    color: #ca3c08;
    margin-left: 2px
}

.author.archive .author-link {
    display: none
}

.archive-header {
    background-color: #e8e5ce
}

.archive-title,
.archive-meta {
    font: 300 italic 30px source sans pro, Helvetica, sans-serif;
    margin: 0 auto;
    max-width: 1040px;
    padding: 30px 0;
    width: 100%
}

.archive-meta {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: -15px;
    padding: 0 0 11px
}

.sidebar .archive-meta {
    padding-right: 316px
}

.page-header {
    background-color: #e8e5ce
}

.page-title {
    font: 300 italic 30px source sans pro, Helvetica, sans-serif;
    margin: 0 auto;
    max-width: 1040px;
    padding: 30px 0;
    width: 100%
}

.page-content {
    margin: 0 auto;
    max-width: 604px;
    padding: 40px 0;
    width: 100%
}

.sidebar .page-content {
    margin: 0 auto;
    max-width: 1040px;
    padding: 40px 376px 40px 60px
}

.error404 .page-header {
    background-color: #fff
}

.error404 .page-title {
    line-height: .6;
    margin: 0;
    padding: 300px;
    position: relative;
    text-align: center;
    width: auto
}

.error404 .page-title:before {
    color: #e8e5ce;
    content: "\f423";
    font-size: 964px;
    line-height: .6;
    overflow: hidden;
    position: absolute;
    left: 7px;
    top: 28px
}

.error404 .page-wrapper {
    background-color: #e8e5ce
}

.error404 .page-header,
.error404 .page-content {
    margin: 0 auto;
    max-width: 1040px;
    padding-bottom: 40px;
    width: 100%
}

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 604px;
    width: 100%
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
    max-width: 11700px;
    padding-left: 15px;
    padding-right: 200px
}

.comments-title {
    font: 300 italic 28px source sans pro, Helvetica, sans-serif
}

.comment-list,
.comment-list .children {
    list-style-type: none;
    padding: 0
}

.comment-list .children {
    margin-left: 20px
}

.comment-list>li:after,
.comment-list .children>li:before {
    background: url(images/dotted-line.png) repeat left top;
    background-size: 4px 4px;
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.comment-list>li:last-child:after {
    display: none
}

.comment-body {
    padding: 24px 0;
    position: relative
}

.comment-author {
    float: left;
    max-width: 74px
}

.comment-author .avatar {
    display: block;
    margin-bottom: 10px
}

.comment-author .fn {
    word-wrap: break-word
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
    color: #bc360a;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.says {
    display: none
}

.no-avatars .comment-author {
    margin: 0 0 5px;
    max-width: 100%;
    position: relative
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
    width: 100%
}

.bypostauthor>.comment-body .fn:before {
    content: "\f408";
    vertical-align: text-top
}

.comment-list .edit-link {
    margin-left: 20px
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
    float: right;
    width: 79%;
    width: -webkit-calc(100% - 124px);
    width: calc(100% - 124px);
    word-wrap: break-word
}

.comment-meta,
.comment-meta a {
    color: #a2a2a2;
    font-size: 13px
}

.comment-meta a:hover {
    color: #ea9629
}

.comment-metadata {
    margin-bottom: 20px
}

.ping-meta {
    color: #a2a2a2;
    font-size: 13px;
    line-height: 2
}

.comment-awaiting-moderation {
    color: #a2a2a2
}

.comment-awaiting-moderation:before {
    content: "\f414";
    margin-right: 5px;
    position: relative;
    top: -2px
}

.comment-reply-link:before,
.comment-reply-login:before {
    content: "\f412";
    margin-right: 3px
}

.comment-respond {
    display: inline-block;
    padding: 30px 0;
    width: 100%
}

.comment .comment-respond {
    margin-bottom: 20px;
    padding: 20px
}

.comment-reply-title {
    font: 300 italic 28px source sans pro, Helvetica, sans-serif
}

.comment-reply-title small a {
    color: #131310;
    display: inline-block;
    float: right;
    height: 16px;
    overflow: hidden;
    width: 16px
}

.comment-reply-title small a:hover {
    color: #ed331c;
    text-decoration: none
}

.comment-reply-title small a:before {
    content: "\f406";
    vertical-align: top
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
    padding: 0
}

.comment-form .comment-notes {
    margin-bottom: 15px
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
    margin-bottom: 8px
}

.comment-form [for=author],
.comment-form [for=email],
.comment-form [for=url],
.comment-form [for=comment] {
    float: left;
    padding: 5px 0;
    width: 120px
}

.comment-form .required {
    color: #ed331c
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=url] {
    max-width: 370px;
    width: 100%;
    border: 1px solid #d4d0ba;
    padding: 10px
}

.comment-form textarea {
    width: 100%
}

.comment-form #wp-comment-cookies-consent {
    margin: 0 10px 0 0
}

.form-allowed-tags,
.form-allowed-tags code {
    color: #686758;
    font-size: 12px
}

.form-allowed-tags code {
    font-size: 10px;
    margin-left: 3px
}

.comment-list .pingback,
.comment-list .trackback {
    padding-top: 24px
}

.comment-navigation {
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin: 0 auto;
    max-width: 604px;
    padding: 20px 0 30px;
    width: 100%
}

.no-comments {
    background-color: #f7f5e7;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin: 0;
    padding: 40px 0;
    text-align: center
}

.sidebar .no-comments {
    padding-left: 60px;
    padding-right: 376px
}

.site-main .mu_register {
    margin: 0 auto;
    max-width: 604px;
    width: 100%
}

.mu_alert {
    margin-top: 25px
}

.site-main .mu_register input[type=submit],
.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name {
    font-size: inherit;
    width: 270px
}

.site-main .mu_register input[type=submit] {
    width: auto
}

.site-main .widget-area {
    float: right;
    width: 300px
}

.widget {
    background-color: rgba(247, 245, 231, .7);
    font-size: 14px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 24px;
    padding: 20px;
    word-wrap: break-word
}

.widget .widget-title {
    font: 300 italic 20px source sans pro, Helvetica, sans-serif;
    margin: 0 0 10px
}

.widget ul,
.widget ol {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.widget li {
    padding: 5px 0
}

.widget .children li:last-child {
    padding-bottom: 0
}

.widget li>ul,
.widget li>ol {
    margin-left: 20px
}

.widget a {
    color: #bc360a
}

.widget a:hover {
    color: #ea9629
}

.search-form .search-submit {
    display: none
}

.widget_rss .rss-date {
    display: block
}

.widget_rss .rss-date,
.widget_rss li>cite {
    color: #a2a2a2
}

.widget_calendar table,
.widget_calendar td {
    border: 0;
    border-collapse: separate;
    border-spacing: 1px
}

.widget_calendar caption {
    font-size: 14px;
    margin: 0
}

.widget_calendar th,
.widget_calendar td {
    padding: 0;
    text-align: center
}

.widget_calendar a {
    display: block
}

.widget_calendar a:hover {
    background-color: rgba(0, 0, 0, .15)
}

.widget_calendar tbody td {
    background-color: rgba(255, 255, 255, .5)
}

.site-footer .widget_calendar tbody td {
    background-color: rgba(255, 255, 255, .05)
}

.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
    background-color: transparent
}

.widget_text ul,
.widget_text ol {
    padding-left: 20px;
    margin-bottom: 16px
}

.widget_text li:last-child {
    padding-bottom: 0
}

.widget_text li>ul,
.widget_text li>ol {
    margin-bottom: 0
}

.widget_text ul {
    list-style: square
}

.widget_text ol {
    list-style: decimal
}

.tagcloud ul {
    list-style-type: none
}

.tagcloud ul li {
    display: inline-block;
    padding: 0
}

.widget .gallery-columns-1 .gallery-item {
    max-width: 100%
}

.widget .gallery-columns-2 .gallery-item {
    max-width: 49%;
    max-width: -webkit-calc(50% - 4px);
    max-width: calc(50% - 4px)
}

.widget .gallery-columns-3 .gallery-item {
    max-width: 22%;
    max-width: -webkit-calc(33% - 4px);
    max-width: calc(33% - 4px)
}

.site-footer {
    background-color: #e8e5ce;
    color: #686758;
    font-size: 14px;
    text-align: center
}

.site-footer .widget-area,
.sidebar .site-footer {
    text-align: left
}

.site-footer a {
    color: #686758
}

.site-footer .sidebar-container {
    background-color: #220e10;
    padding: 20px 0
}

.site-footer .widget-area {
    margin: 0 auto;
    max-width: 1040px;
    width: 100%
}

.sidebar .site-footer .widget-area {
    max-width: 724px;
    position: relative;
    left: -158px
}

.site-footer .widget {
    background: 0 0;
    color: #fff;
    float: left;
    margin-right: 20px;
    width: 245px
}

.sidebar .site-footer .widget {
    width: 228px
}

.sidebar .site-footer .widget:nth-of-type(4),
.sidebar .site-footer .widget:nth-of-type(3) {
    margin-right: 0
}

.site-footer .widget a {
    color: #e6402a
}

.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
    color: #fff
}

.site-info {
    margin: 0 auto;
    max-width: 1040px;
    padding: 30px 0;
    width: 100%
}

#wpstats {
    display: block;
    margin: -10px auto 0
}

.site-footer span[role=separator] {
    padding: 0 .25em 0 .5em
}

.site-footer span[role=separator]::before {
    content: '\002f'
}

body {
    margin: 0;
    padding: 0;
    font-family: rubik, sans-serif;
    font-size: 14px;
    line-height: 28px;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    color: #5a5a5a;
    text-align: justify
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: rubik, sans-serif;
    color:#017a91
}

div,
p,
ul,
ol,
li,
a,
input,
select,
img,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 100%;
    border: none;
    outline: none;
    text-decoration: none
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

a {
    color: #011438;
    -webkit-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

a:hover {
    text-decoration: underline
}

img {
    vertical-align: middle
}

.left {
    float: left
}

.right {
    float: right
}

.clr {
    clear: both
}

.clearfix {
    *zoom: 1
}

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

p {
    font-size: 15px;
    text-align: left;
    line-height: 25px;
    margin-bottom: 12px
}

.maindiv {
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
}

.header-wraper {
    position: relative;
    width: 100%;
    z-index: 100;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .15)
}

.middle-back {}

.middle-wraper {
    padding: 0;
    transition: all .5s ease 0s
}

.middle-wraper .logo {
    width: 185px;
    float: left;
    margin: 10px 0;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.middle-wraper .logo img {
    max-width: 129px;
    transition: all .5s ease 0s
}

.middle-wraper .logo img.logo-white {
    display: block
}

.middle-wraper .logo img.logo-dark {
    display: none
}

.middle-wraper .logo a:hover {
    text-decoration: none
}

.webmainlogo {
    color: #22272b;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    padding: 0;
    text-align: left
}

.webmainlogo span {
    color:#017a91;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 18px;
    display: block
}

.callbtn {
    float: right;
    margin-top: 10px
}

.callbtn i {
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 45px;
    background:#017a91;
    color: #fff;
    font-size: 20px;
    border-radius: 100%;
    border: 7px solid #ececec
}

.callbtn span {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 0 7px;
    display: inline-block;
    color: #7a7a7a
}

.middle-wraper .nav-wraper {
    float: right;
    margin-top: 20px;
    max-width: 55%;
    width: 100%;
    margin-right: 74px
}

.middle-right {
    float: right;
    max-width: 25%;
    width: 100%;
    text-align: right
}

.midbtn a {
    background: linear-gradient(70deg, #ffa024 0%, #ffe91c 100%);
    border: 1px solid rgba(255, 255, 255, .4);
    border-radius: 50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 2px;
    margin: 11px 10px 0;
    padding: 6px 30px;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
    overflow: hidden
}

.midbtn a:before {
    background-color: #ffe91c;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .3s ease 0s;
    width: 0;
    z-index: -1;
    border-radius: 50px
}

.midbtn a:hover:before {
    width: 100%
}

.midbtn a:hover {
    text-decoration: none
}

.socialbtn {
    float: right;
    margin-top: 15px
}

.socialbtn a:hover {}

.socialbtn a {}

.socialbtn img {
    margin: 0 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    border: 1px solid rgba(255, 255, 255, .5)
}

.sf-menu {
    float: right
}

.sf-menu>li>span {
    display: block;
    position: relative
}

.sf-menu ul {
    position: absolute;
    top: -999px;
    display: none
}

.sf-menu li {
    position: relative;
    background: 0 0
}

.sf-menu a {
    display: block;
    text-decoration: none
}

.sf-menu a:hover {
    text-decoration: none
}

.sf-menu>li {
    position: relative
}

.sf-menu>li:first-child:before {
    display: none
}

li.sfHover {
    position: relative
}

.sf-menu>li>a {
    vertical-align: middle;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease;
    z-index: 100
}

.sf-menu>li>a {
    color: black;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    padding: 15px;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    text-transform: uppercase
}

.sf-menu>li>a {
    position: relative
}

.sf-menu>li {
    display: inline-block;
    float: left;
    position: relative
}

.sf-menu>li+li {
    margin-left: 0
}

.sf-menu>li:hover>a,
.sf-menu>li.current-menu-item>a,
.sf-menu>li.sfHover>a,
.sf-menu>li:hover>span,
.sf-menu>li.current-menu-item>span,
.sf-menu>li.sfHover>span {
    color: #011438
}

.sf-menu>li.current-menu-item>a {}

.sf-menu>li>ul,
.sf-menu>li.sfHover>ul {
    top: 60px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    left: 0;
    margin-left: 0;
    width: 220px;
    z-index: 99;
    background: #fff;
    text-align: left
}

.sf-menu>li>ul li {}

.sf-menu>li>ul {
    float: left;
    width: 100%
}

.sf-menu>li#menu-item-95 ul {
    width: 450px
}

.sf-menu>li#menu-item-95 ul li {
    float: left;
    width: 50%
}

.sf-menu>li>ul>li {
    padding: 0
}

.sf-menu>li>ul>li+li {}

.sf-menu>li>ul>li>a {
    display: block;
    padding: 6px 15px;
    color:#017a91;
    font-weight: 500;
    line-height: 24px;
    font-size: 13px;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s
}

.sf-menu li li a:hover,
.sf-menu li.sfHover li.sfHover>a,
.sf-menu li.sfHover li.sfHover span {
    color: #fff;
    background: #011438
}

.sf-menu>li>ul>li>a.sf-with-ul:after {
    position: absolute;
    display: block;
    content: "\f107";
    right: -3px;
    text-align: center;
    margin-left: -10px;
    top: 13px;
    -moz-transition: top .3s ease-out;
    -o-transition: top .3s ease-out;
    -webkit-transition: top .3s ease-out;
    overflow: hidden;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color: #939393
}

.sf-menu>li>ul>li>a.sf-with-ul:hover:after {
    color: #b8baaa
}

.sf-menu li li ul {
    top: -7px;
    left: 160px;
    z-index: 99;
    position: absolute;
    text-align: left;
    padding-top: 9px;
    padding-bottom: 6px;
    padding-left: 10px;
    background: #50dbde;
    width: 120px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

.sf-menu li li ul:before {
    position: absolute;
    left: -8px;
    top: 8px;
    content: "";
    border: 4px solid;
    border-color: transparent #50dbde transparent transparent
}

.sf-menu li li li {
    padding: 0
}

.sf-menu li li li a {
    display: block;
    color: #aefdff;
    line-height: 28px;
    line-height: 39px
}

.sf-menu li li li+li a {
    border-top: 1px solid #67e0e2
}

.sf-menu li li li a:hover {
    color: #fff
}

.sticky {
    border-top: 0;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .5s ease 0s;
    width: 100%;
    z-index: 1100;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    background: #fff
}

.sticky {}

.middle-wraper.sticky .logo img.logo-white {}

.middle-wraper.sticky .logo img.logo-dark {}

.middle-wraper.sticky .sf-menu>li>a {}

.middle-wraper.sticky .sf-menu>li>a:hover {}

.middle-wraper.sticky {
    opacity: 1
}

.middle-wraper.sticky .logo {
    margin: 6px 0;
    max-width: 220px
}

.middle-wraper.sticky .logo img.logo-white {}

.middle-wraper.sticky .nav-wraper {
    margin-top: 17px
}

.slider-wrapper {
    position: relative
}

.slider-wrapper:before {}

.slider-home {
    position: relative
}

.slider-home:before {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: "";
    z-index: 10
}

.slider-wrapper.default>div #left {
    display: none
}

.slider-wrapper.default>div #right {
    display: none
}

.slider-wrapper.default>div #slides img {
    width: 100%;
    animation: animate 15s ease
}

.slider-wrapper.default>div #bullets {
    display: none
}

@-webkit-keyframes animate {
    0% {
        -webkit-transform-origin: bottom right;
        -moz-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
        -o-transform-origin: bottom right;
        transform-origin: bottom right;
        transform: scale(1)
    }

    100% {
        transform: scale(1.15)
    }
}

.banner-wraper {
    position: relative
}

.banner-block {}

.banner-img-div img {
    max-width: 100%
}

.banner-img-div {}

.banner-img-desc {
    position: absolute;
    width: 100%;
    text-align: left;
    top: 23%;
    margin: 0 auto;
    font-weight: 700;
    left: 6%;
    z-index: 10;
    max-width: 650px
}

.banner-img-desc h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 60px;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

.banner-img-desc h2 {
    color: black;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 55px;
    margin: 0;
    padding-top: 0;
    text-transform: uppercase;
    border-left: 10px solid black;
    padding-left: 30px
}

.homebtn {
    padding-top: 50px
}

.banner-img-desc p.first-para {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 24px;
    text-align: left;
    max-width: 80%;
    margin: 0 auto 12px;
    font-style: italic
}

.banner-img-desc h3 {
    color: #011438;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 40px;
    text-transform: capitalize
}

.banner-img-desc h4 {
    color: black;
    display: inline-block;
    font-size: 27px;
    font-weight: 700;
    line-height: 37px;
    margin: 0;
    padding-bottom: 30px
}

.banner-img-desc h4 span {
    color: #011438
}

.banner-img-desc h5 {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    margin: 6px 0;
    padding-bottom: 15px;
    padding-top: 10px
}

.banner-img-desc h4 span {
    color: #ff7300
}

.banner-logo {
    margin-bottom: 50px
}

.banner-logo img {
    max-width: 35%
}

.theme-btn-one {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    line-height: 26px;
    font-family: rubik, sans-serif;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 10px 40px;
    border-radius: 40px;
    z-index: 1;
    background:#017a91
}

.theme-btn-one:before {
    content: "";
    position: absolute;
    background: #011438;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scale(0, 0);
    transition: all 300ms ease
}

.theme-btn-one:hover:before {
    transform: scale(1, 1)
}

.theme-btn-one:hover {
    text-decoration: none
}

.theme-btn-one.active {
    background: #011438
}

.theme-btn-one.active:before {
    background:#017a91
}

.socialtop ul {}

.socialtop ul li {
    display: block;
    margin: 10px 3px
}

.socialtop ul li a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 100%
}

.socialtop ul li a:hover {
    text-decoration: none;
    background: #ff7300
}

.socialtop ul li a.facebook {
    background: #3b5797
}

.socialtop ul li a.twitter {
    background: #59a0d3
}

.socialtop ul li a.linkedin {
    background: #067da8
}

.socialtop ul li a.pinterest {
    background: #c62028
}

.lefttitme-wraper {
    position: relative;
    z-index: 10;
    margin-top: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.lefttitme-block {
    box-shadow: 0 30px 40px rgba(0, 0, 0, .1)
}

.lefttitme-block:before {}

.lefttitme-form {
    position: relative
}

.formBlock {
    float: left;
    margin-bottom: 18px;
    padding: 0 10px;
    width: 50%
}

.formBlock .txtbox {
    background: #fff !important;
    border-radius: 3px;
    color: #212529;
    font-weight: 400;
    height: 55px;
    letter-spacing: 1px;
    opacity: 1;
    padding: 0 15px;
    width: 100%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13);
    font-size: 14px;
    border: 1px solid #ced4da
}

.formBlock.formBlocktextarea {
    width: 100%
}

.formBlock.formBlocktextarea textarea {
    background: #fff !important;
    border-radius: 3px;
    color: #212529;
    height: 100px;
    width: 100%;
    border: none;
    padding: 15px;
    border: 1px solid #ced4da;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13)
}

.formBlock select.txtbox {
    color: #adadad
}

.formBlock select.txtbox option {
    color: #000
}

.formBlockSub {
    float: left;
    margin-top: 20px;
    padding: 0 10px;
    width: 100%;
    text-align: left
}

.formBlockSub .submit {
    background:#017a91;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    padding: 15px 45px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    text-transform: capitalize;
    border-radius: 5px;
    font-size: 15px
}

label.error {
    color: #e14434
}

label.error {
    color: #e14434
}

.lefttitme-form .formBlock {
    width: 33.33%
}

.lefttitme-form .formBlockSub {
    float: left;
    width: 33.33%;
    margin: 0;
    text-align: center
}

.lefttitme-1:first-child {
    width: 25%
}

.lefttitme-1:first-child .lefttitme-1-inner {
    background:#017a91
}

.lefttitme-1:last-child .lefttitme-1-inner {
    background: #fff
}

.lefttitme-1 {
    float: left;
    width: 75%
}

.lefttitme-1-inner {
    padding: 20px 15px
}

.lefttitme-1-inner h3 {
    font-size: 25px;
    font-weight: 600;
    color:#017a91;
    padding: 0 10px;
    margin-bottom: 20px;
    font-family: fanwood text, serif
}

.lefttitme-1-inner ul {}

.lefttitme-1-inner ul li {
    text-align: center
}

.lefttitme-1-inner ul li .liicon {}

.lefttitme-1-inner ul li .liicon i {
    color: #011438;
    font-size: 25px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px
}

.lefttitme-1-inner ul li .lititle {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 5px 0;
    font-family: fanwood text, serif
}

.lefttitme-1-inner ul li .litext {
    color: #fff
}

.about-wraper {
    padding: 70px 0;
    position: relative
}

.about-block {
    position: relative;
    z-index: 10
}

.about-1:first-child {
    float: right
}

.about-1:last-child p {}

.about-1 {
    width: 50%;
    float: left
}

.about-1-inner {
    padding: 0 15px
}

.about-1-inner h2 {
    color: black;
    font-size: 45px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 55px;
    text-align: left
}

.about-1-inner h4 {
    color: #011438;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 35px;
    margin-bottom: 12px;
    position: relative;
    text-transform: capitalize;
    font-family: fanwood text, serif
}

.about-1-inner h1 {
    color: #bc0505;
    text-align: left;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 35px;
    margin-bottom: 12px;
    position: relative;
    text-transform: capitalize;
    font-family: fanwood text, serif
}

.about-1-inner p {
    text-align: left
}

.ai-images {
    position: relative
}

.ai-images:before {
    background:#017a91;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 50%;
    height: 50%;
    border-radius: 10px
}

.ai-images:after {
    background: #011438;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 20%;
    height: 20%;
    z-index: 10;
    border-radius: 10px
}

.aboutimg-1 {
    padding: 30px
}

.aboutimg-1 img {
    width: 100%;
    border-radius: 10px
}

.aboutimg-2 {
    text-align: right
}

.aboutimg-2 img {
    border-radius: 5px;
    width: 85%
}

.aboutimg-3 {
    position: absolute;
    right: 140px;
    top: 50px
}

.ai-images .aboutimg-3 img {
    max-width: 114px
}

.about-1-inner ul {
    float: left;
    margin-bottom: 5px;
    width: 50%;
    margin-top: 10px
}

.about-1-inner ul li {
    position: relative;
    padding: 3px 0 3px 25px;
    text-align: left
}

.about-1-inner ul li:before {
    position: absolute;
    left: 0;
    top: 3px;
    content: "\f00c";
    font-family: fontawesome;
    color: black
}

.ai-images img {
    position: relative;
    z-index: 1;
    max-width: 100%
}

.about-block-1 {
    margin-top: 70px
}

.about-bottom {
    background: linear-gradient(to left, #f70068 0%, #441066 100%);
    box-shadow: 0 0 30px rgba(0, 0, 0, .3);
    display: block;
    padding: 25px;
    position: relative;
    text-align: center;
    margin: 30px 15px 0;
    display: none
}

.about-bottom:before {
    position: absolute;
    left: 60px;
    top: -20px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    content: "";
    border-bottom: 20px solid #441066
}

.about-bottom p {
    color: #fff
}

.about-bottom-box {
    max-width: 1240px;
    margin: 0 auto
}

.about-wraper .icon-dots {
    background-image: url(../images/icon-dots.html);
    height: 60px;
    width: 72px;
    position: absolute;
    left: 50%;
    top: 30%
}

.icon-circle-blue {
    width: 300px;
    height: 300px;
    background-image: url(../images/circle-blue.html)
}

.about-wraper .icon-circle-blue {
    right: -135px;
    bottom: -80px;
    opacity: .7;
    -webkit-animation: fa-spin 30s infinite;
    -moz-animation: fa-spin 30s infinite;
    -ms-animation: fa-spin 30s infinite;
    -o-animation: fa-spin 30s infinite;
    animation: fa-spin 30s infinite;
    position: absolute
}

.about-wraper .icon-circle-1 {
    left: -200px;
    opacity: .05;
    top: -200px
}

.anim-icons .icon {
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute
}

.icon-circle-1 {
    background-image: url(../images/icon-circle-1.html);
    background-size: 100% auto;
    height: 500px;
    width: 500px
}

.twist-line-1 {
    background-image: url(../images/twist-line-1.html);
    height: 70px;
    width: 80px
}

.twist-line-2 {
    background-image: url(../images/twist-line-2.html);
    height: 73px;
    width: 70px
}

.twist-line-3 {
    background-image: url(../images/twist-line-3.html);
    height: 73px;
    width: 70px
}

.icon-circle-4 {
    background-image: url(../images/icon-circle-4.html);
    height: 156px;
    width: 156px
}

.shape1 {
    position: absolute;
    left: -100px;
    top: 0
}

.section-title {
    text-align: left;
    margin-bottom: 30px;
    position: relative
}

.section-title h2 {
    color: #1b273d;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 55px;
    text-transform: capitalize
}

.section-title h3 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 5px;
    position: relative;
    text-transform: uppercase
}

.section-title h4 {
    color: #011438;
    display: block;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 5px;
    position: relative;
    text-transform: capitalize;
    padding-left: 65px;
    font-family: fanwood text, serif
}

.section-title h4:before {
    background-color: #011438;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 15px;
    width: 45px
}

.section-title.white h2 {
    color: #fff
}

.section-title.white h3 {
    color: #fff
}

.section-title.white .sectiontitle-1-inner p {
    color: #fff
}

.sectiontitle-1 {
    float: left;
    width: 50%
}

.sectiontitle-1-inner {
    padding: 0 15px
}

.sectiontitle-1-inner p {
    color: #5a5a5a
}

.attend-wraper {
    padding: 60px 0 0;
    position: relative;
    background: #f5f5f5
}

.attend-block {
    position: relative;
    z-index: 10
}

.attend-block h3 {
    color: black;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    margin: 15px 0 10px;
    font-family: fanwood text, serif
}

.attend-block ul {}

.attend-block ul li {
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    float: left;
    margin: 10px;
    min-height: 80px;
    padding: 10px 10px 10px 30px;
    position: relative;
    text-align: left;
    width: 31.3%;
    background: rgba(0, 0, 0, .15)
}

.attend-block ul li span {
    background: #f20487;
    border-radius: 0 0 0 30px;
    color: #fff;
    font-weight: 700;
    height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px
}

.attend-block ul li:before {
    position: absolute;
    left: 8px;
    top: 12px;
    content: "\f140";
    font-family: FontAwesome;
    font-size: 13px;
    color: #ff9600
}

.feature-1 {
    float: left;
    width: 25%
}

.feature-1-inner {
    margin: 15px
}

.feature-1-inner .inner-box {
    overflow: hidden;
    padding: 15px;
    position: relative;
    background: #fff;
    transition: all 500ms ease 0s
}

.feature-1-inner .icon-box {
    text-align: center;
    max-width: 70px;
    margin: 0 auto
}

.feature-1-inner .icon-box img {
    max-width: 100%;
    filter: hue-rotate(367deg);

}

.feature-1-inner .icon-box i {
    background: 0 0;
    color: #011438;
    display: inline-block;
    font-size: 50px;
    line-height: 1em;
    position: relative;
    transition: all 400ms ease 0s;
    top: 0
}

.feature-1-inner .text {
    color: #888;
    cursor: default;
    display: block;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    text-align: left
}

.feature-1-inner .text p {
    text-align: center
}

.feature-1-inner .inner-box:hover .icon-box i {
    top: -10px
}

.services-wraper {
    padding: 70px 0;
    position: relative;
    background: #f5f5f5
}

.services-wraper:before {}

.services-block {
    position: relative
}

.services-1:nth-child(2) {}

.services-1:nth-child(2) .services-1-inner {
    position: relative
}

.services-1:nth-child(2) .services-1-img {
    position: absolute;
    bottom: 0;
    width: 100%
}

.services-1:nth-child(2) .services-1-info {}

.services-1 {
    float: left;
    width: 33.33%;
    margin: 15px 0
}

.services-1-inner {
    overflow: hidden;
    background: #fff;
    min-height: 510px
}

.services-1-img {
    overflow: hidden;
    position: relative
}

.services-1-img img {
    max-width: 100%;
    transition: all .5s ease 0s
}

.services-1-info {
    padding: 30px;
    text-align: center;
    margin-top: 30px
}

.services-1-info h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: 500
}

.services-1-info h3 a {
    color: #fff
}

.services-1-info h3 a:hover {
    text-decoration: none;
    color: #011438
}

.services-1-info p {
    text-align: center
}

.services-1-img .servicesbtn {
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    left: 0;
    margin: 0;
    opacity: 0;
    transition: .5s ease 0s
}

.services-1-inner:hover .services-1-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .5
}

.services-1-inner:hover .services-1-img .servicesbtn {
    opacity: 1
}

.downloadbtn.servicesbtncenter {
    text-align: center;
    margin-top: 50px
}

.services-2 {
    float: left;
    width: 33.33%;
    margin: 15px 0
}

.services-2-inner {
    margin: 15px;
    position: relative;
    box-shadow: 3px 10px 20px #d3cfcf;
    border-radius: 30px 30px 10px 30px;
    overflow: hidden;
    transition: all .5s ease 0s;
    top: 0;
 height: 450px;
}

.services-2-img {
    position: relative;
    overflow: hidden;
    height: 228px
}

.services-2-img img {
    max-width: 100%;
    border-radius: 30px 30px 0 0;
    transition: all .5s ease 0s
}

.services-2-info {
    padding: 15px;
    text-align: center
}

.services-2-info h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 10px;
    font-weight: 500
}

.services-2-info h3 a {
    color: #000
}

.services-2-info h3 a:hover {
    text-decoration: none;
    color: #011438
}

.services-2-info p {
    text-align: center
}

.services-2-img .servicesbtn {
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
    left: 0;
    margin: 0;
    opacity: 0;
    transition: .5s ease 0s
}

.services-2-inner:hover .services-2-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .5
}

.services-2-inner:hover .services-2-img .servicesbtn {
    opacity: 1
}

.choose-wraper {
    padding: 70px 0
}

.choose-block {}

.choose-1 {
    float: left;
    width: 50%;
    margin: 15px 0
}

.choose-1-inner {
    margin: 0 15px
}

.choose-1-img {
    position: relative
}

.choose-1-img img {
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    max-width: 100%;
    transition: all .5s ease 0s;
    background: #fff;
    padding: 10px
}

.choose-1-info {}

.choose-1-info p {}

.choose-1-info ul {}

.choose-1-info ul li {
    list-style: none;
    padding: 3px 0 3px 20px;
    text-align: left;
    position: relative;
    font-size: 15px;
    font-size: 15px
}

.choose-1-info ul li:before {
    position: absolute;
    left: 0;
    top: 3px;
    color: #011438;
    font-family: fontawesome;
    font-size: 13px;
    content: "\f00c"
}

.choose-1-title {
    margin-bottom: 20px
}

.choose-1-title h4 {
    color: #011438;
    display: block;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 30px;
    margin-bottom: 5px;
    position: relative;
    text-transform: capitalize;
    padding-left: 65px;
    font-family: fanwood text, serif
}

.choose-1-title h4:before {
    background-color: #011438;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: 15px;
    width: 45px
}

.choose-1-title h2 {
    color: black;
    font-size: 30px;
    font-weight: 700;
    /* letter-spacing: 1px;
    line-height: 55px; */
    text-transform: capitalize;
    text-align: left
}

.choose-wraper.expert-wraper {
    background: #f5f5f5
}

.choose-block.expert-block {}

.choose-block.expert-block .choose-1:first-child {
    float: right
}

.connect-1-info {}

.single-box {
    position: relative;
    margin-bottom: 22px
}

.single-inner {
    position: relative;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-left: 90px
}

.single-icon-box {
    position: absolute;
    left: 0;
    top: 7px;
    width: 58px;
    height: 58px;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    background:#017a91;
    color: #fff;
    border: 7px solid #ececec
}

.single-inner h4 {
    display: block;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    font-family: fanwood text, serif;
    color: #22272b;
    text-align: left
}

.single-inner p {
    font-size: 14px;
    line-height: 25px
}

.strip-wraper {
    padding: 70px 0;
    position: relative;
    background:#017a91
}

.strip-wraper:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(images/pattern-1.png) repeat;
    opacity: .8
}

.strip-block {
    position: relative;
    text-align: center
}

.strip-block h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 75px;
    margin: 0 0 30px;
    padding-left: 0;
    padding-top: 0;
    text-transform: capitalize;
    font-family: fanwood text, serif
}

.stripbtn {}

.stripbtn a {}

.stripbtn a:hover {}

.strip-1-info {
    margin-bottom: 30px
}

.strip-1-info ul {}

.strip-1-info ul li {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin: 5px;
    padding: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 28%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    overflow: hidden;
    transition: all 500ms ease 0s
}

.strip-1-info ul li i {
    background: 0 0;
    color: #011438;
    display: block;
    font-size: 45px;
    line-height: 1em;
    position: relative;
    transition: all 400ms ease 0s;
    transition: all .5s ease 0s;
    margin-bottom: 10px
}

.customer-wraper {
    padding: 70px 0;
    position: relative
}

.customer-slider .customer-item {
    position: relative;
    margin-top: 15px;
    width: 33.33%;
    float: left
}

.customer-slider .customer-item .customer-content {
    background-color: #f5f6eb;
    padding: 35px;
    text-align: left;
    position: relative;
    margin: 0 15px
}

.customer-slider .customer-item .customer-content .last-icon {
    position: absolute;
    bottom: 0;
    right: 30px
}

.customer-slider .customer-item .customer-content .last-icon i::before {
    font-size: 50px;
    color: #9fc3e3
}

.customer-slider .customer-item .customer-content p {
    font-size: 16px;
    color: #565656;
    font-weight: 400;
    line-height: 30px;
    margin: 10px 0 16px
}

.customer-slider .customer-item .customer-content .customer-pic {
    position: absolute;
    left: 30px;
    top: -52px
}

.customer-slider .customer-item .customer-content .customer-pic img {
    width: 100px;
    display: inline-block;
    border-radius: 100%
}

.customer-slider .customer-item .customer-content h2 {
    font-size: 19px;
    color: black;
    margin: 0 0 0 0
}

.customer-slider .customer-item .customer-content span {
    font-size: 14px;
    color: #b4b4b4;
    font-weight: 400;
    margin: 0
}

.customer-slider .customer-item .star-list {
    padding-left: 0;
    margin-bottom: 0;
    position: absolute;
    right: 30px;
    top: 40px
}

.customer-slider .customer-item .star-list li {
    list-style-type: none;
    display: inline-block
}

.customer-slider .customer-item .star-list li i {
    padding-right: 4px
}

.customer-slider .customer-item .star-list li i::before {
    font-size: 20px;
    color: #fac917
}

#customer-slider .owl-dots .owl-dot {
    position: relative;
    top: 15px
}

#customer-slider .owl-dots .owl-dot span {
    width: 16px;
    height: 16px;
    margin: 5px 6px;
    background: #bdbebb;
    display: block;
    border-radius: 30px;
    border: none
}

#customer-slider .owl-dots .owl-dot span:hover {
    background-color: #fff;
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transition: .5s
}

#customer-slider .owl-dots .owl-dot.active span {
    background: #6a9b1c
}

.blog-wraper {
    padding: 70px 0;
    position: relative
}

.blog-block {}

.blog-1 {
    float: left;
    width: 33.33%;
    position: relative;
    margin: 15px 0
}

.blog-1-inner {
    margin: 0 15px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    float: left
}

.blog-1-info {
    padding: 20px;
    float: left;
    width: 100%;
    min-height: 190px
}

.blog-1-info p {
    text-align: left;
    line-height: 25px
}

.blog-1-img {
    overflow: hidden;
    position: relative;
    float: left;
    width: 100%
}

.blog-1-inner img {
    max-width: 100%;
    margin: 0;
    transition: all .5s ease 0s;
    min-height: 230px;
    max-height: 230px
}

.blog-1-inner:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-1-inner h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    text-align: left
}

.blog-1-inner h3 a {
    color: #273853
}

.blog-1-inner h3 a:hover {
    text-decoration: none;
    color: #c1399b
}

.blog-date {}

.blog-date span {
    font-size: 16px;
    font-weight: 600;
    color:#017a91;
    margin-bottom: 0;
    display: inline-block;
    margin-bottom: 5px
}

.blog-row {
    float: left;
    width: 66%
}

.blog-btn {
    text-align: center;
    margin-top: 30px;
    padding: 0 15px
}

.blog-btn a {
    display: inline-block;
    color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.blog-btn a:hover {
    background: 0 0;
    color: #fff;
    text-decoration: none
}

.seo-wraper {
    padding: 60px 0;
    position: relative
}

.seo-block {}

.seo-1 {
    float: left;
    width: 50%
}

.seo-1-inner {
    padding: 0 15px;
    margin: 10px 0
}

.seo-1-inner h2 {
    color: black;
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 55px;
    text-align: left
}

.seo-1-inner h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px
}

.seo-1-inner p {}

.seo-1-img img {
    max-width: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    padding: 7px;
    background: #fff
}

.seo-1-img img {
    max-width: 100%
}

.seo-block1 {}

.seo-box:nth-child(1) {
    width: 50%
}

.seo-box:nth-child(1) .seo-box-inner {}

.seo-box:nth-child(2) {
    width: 50%
}

.seo-box:nth-child(2) .seo-box-inner {
    min-height: 305px
}

.seo-box:last-child {
    width: 66%
}

.seo-box {
    float: left;
    width: 33.33%
}

.seo-box-inner {
    margin: 10px;
    border: 1px solid #e4e4e4;
    display: inline-block;
    font-size: 14px;
    padding: 15px;
    position: relative;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    overflow: hidden;
    transition: all 500ms ease 0s;
    min-height: 230px
}

.seo-box-inner h4 {
    text-align: left;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600
}

.seo-box-inner p {}

.seotag {
    font-size: 15px;
    padding: 0 15px;
    margin-top: 30px
}

.footer-wraper {
    padding: 60px 0 0;
    background: black;
    position: relative
}

.footer-wraper:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(images/pattern-1.png) repeat;
    opacity: .8
}

.footer-block {
    position: relative
}

.footer-1 {
    float: left;
    width: 33.33%
}

.footer-1-inner {
    padding: 0 15px
}

.footer-1-inner h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px
}

.footer-1-inner h4 {
    color: #fff;
    font-size: 16px;
    font-family: rubik, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 25px
}

.footer-1-inner h4:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #011438
}

.footermap {}

.footermap iframe {
    width: 100%;
    height: 220px;
    padding: 10px;
    background: #fff
}

.footer-1-inner h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 12px
}

.footer-1-inner p {
    color: #fff;
    font-weight: 300;
    margin-bottom: 5px
}

.footer-1-img {}

.footer-logo {
    margin-bottom: 30px
}

.footer-logo img {
    max-width: 75%
}

.footer-1-img {}

.footer-1-img img {
    max-width: 45%
}

.footer-1-inner a {
    color: #e4e4e4
}

.usefullinks {
    text-align: left
}

.usefullinks li {}

.usefullinks li a {
    border-left: 3px solid #011438;
    color: #e4e4e4;
    display: inline-block;
    padding: 0 0 0 10px;
    margin-bottom: 7px
}

.usefullinks li a:hover {
    text-decoration: none;
    color: #fff
}

.contactus {}

.contactus i {
    color: #fcc60e;
    margin: 0 7px 0 0
}

.contactus p {
    margin: 10px 0
}

.quick-link ul.alpha {
    float: left;
    width: 50%
}

.quick-link ul li {
    padding: 5px 0 5px 15px;
    position: relative;
    color: #fff
}

.quick-link ul li::before {
    content: "\f105";
    font-family: fontawesome;
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 5px;
    color: #ffdc78
}

.quick-link ul li a {
    color: #fff;
    font-size: 14px
}

.quick-link ul li a:hover {}

.social-icon-one {
    position: relative;
    margin-top: 30px
}

.social-icon-one li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 8px;
    position: relative
}

.social-icon-one li a {
    background-color: #011438;
    display: block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    transition: all 900ms ease 0s;
    width: 40px
}

.social-icon-one li a i {
    margin: 0;
    color: #fff
}

.social-icon-one li a:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.social-icon-one li a:hover {
    background-color: #000;
    color: #fff
}

.social-icon-one li a:hover i {
    color: #fff
}

.contact1 {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left
}

.contact1 ul {}

.contact1 ul li {
    text-align: left;
    padding: 5px 0
}

.contact1 ul li span {}

.contact1 ul li .icon {
    width: 40px;
    color: #011438;
    margin: 0;
    text-align: center;
    display: inline-block
}

.contact1 ul li .icon i {
    margin: 0
}

.contact1 ul li .address {
    color: #fff;
    width: 85%;
    display: inline-block;
    vertical-align: top
}

.footerlast-wraper {
    padding: 15px 0;
    margin-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, .15);
    position: relative
}

.footerlast-block {}

.socialtop {}

.socialbottom {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding-bottom: 30px;
    margin-bottom: 35px
}

.socialbottom ul {
    text-align: center
}

.socialbottom ul li {}

.socialbottom ul li a {
    border-radius: 100%;
    border: none
}

.socialbottom ul li a:hover {}

.socialbottom ul li a.facebook {
    background: #4966ab
}

.socialbottom ul li a.twitter {
    background: #35abdb
}

.socialbottom ul li a.linkedin {
    background: #0674b0
}

.socialbottom ul li a.pinterest {
    background: #e94642
}

.copyright {
    color: #e4e4e4;
    float: left;
    font-size: 13px;
    text-align: right;
    width: 50%
}

.copyright a {
    color: #fff
}

.copyname {
    color: #e4e4e4;
    float: left;
    font-size: 13px;
    text-align: left;
  
}

a#backtop:before {
    color: #fff;
    content: "\f106";
    display: block;
    font-family: fontawesome;
    font-size: 20px;
    margin-top: 20px;
    text-align: center
}

a#backtop {
    background: #011438;
    border-radius: 50%;
    bottom: 68px;
    height: 40px;
    line-height: 5px;
    position: fixed;
    right: 15px;
    text-decoration: none;
    width: 40px;
    z-index: 9999;
    font-size: 20px;
    font-weight: 400;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s
}

a#backtop:hover {
    text-shadow: 0 3px 0 #000, 0 4px 2px #fff;
    -webkit-text-shadow: 0 3px 0 #000, 0 4px 2px #fff;
    background: #4e3224
}

.inner-banner-wraper {
    position: relative;
    min-height: 200px;
    background: linear-gradient(to left, #470b38 0px,#017a91 100%)
}

.pagebanner {
    background-size: cover;
    background-position: center center;
    min-height: 400px;
    position: relative;
    background-color: #044687
}

.pagebanner:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(to right, #a81959 0px, #c1399b 100%);
    opacity: .85
}

.pagebanner img {
    max-width: 100%
}

.pagebanner-info {
    position: absolute;
    max-width: 100%;
    width: 100%;
    left: 0;
    top: 25%;
    text-align: center
}

.inner-background-overlay {}

.bannerparagraph {
    max-width: 600px;
    margin: 0 auto 20px
}

.bannerparagraph p {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px
}

.background-bg {}

.background-bg img {
    max-width: 100%
}

.innerHeading {
    margin-bottom: 0;
    text-align: center;
    position: relative;
    z-index: 2
}

.innerHeading h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    margin: 0 0 10px;
    text-align: center;
    color: #fff
}

.breadcrum {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    position: relative;
    z-index: 2
}

.breadCrumTP {}

.breadCrumTP a {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 0 5px;
    text-transform: uppercase
}

.breadCrumTP a:hover {
    text-decoration: none
}

.breadcrum ul {}

.breadcrum ul li {
    display: inline-block;
    padding: 0
}

.content-area {}

.site-content {
    max-width: 1170px;
    margin: 0 auto
}

.site-content p {
    margin-bottom: 12px;
    text-align: left
}

.site-content ul {
    margin: 0 0 10px;
    padding: 0
}

.site-content ul li {
    list-style: none;
    padding: 3px 0 3px 20px;
    text-align: left;
    position: relative;
    font-size: 15px;
    font-size: 15px
}

.site-content ul li:before {
    position: absolute;
    left: 0;
    top: 3px;
    color: #011438;
    font-family: fontawesome;
    font-size: 13px;
    content: "\f00c"
}

.site-content ol {
    margin: 0 0 10px 20px;
    padding: 0
}

.site-content ol li {
    list-style: decimal;
    padding: 3px 0;
    text-align: left
}

.site-content a {
    color: #011438
}

.site-content a:hover {
    color: #000;
    text-decoration: none
}

.site-content h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 15px 0;
    font-weight: 500
}

.site-content h3 {
    font-size: 20px;
    line-height: 30px;
    margin: 15px 0;
    font-weight: 500
}

.site-content h4 {
    font-size: 18px;
    line-height: 30px;
    margin: 15px 0;
    font-weight: 500
}

.site-content h5 {
    font-size: 16px;
    line-height: 30px;
    margin: 15px 0;
    font-weight: 500
}

.site-content h6 {
    font-size: 15px;
    line-height: 30px;
    margin: 15px 0;
    font-weight: 500
}

.paginateTp {
    padding: 0 10px;
    margin-top: 0
}

.paginateTp span {}

.paginateTp .page-numbers.current {
    background: #4b55ad
}

.paginateTp .page-numbers {
    background: #1bb8ff;
    color: #fff;
    display: inline-block;
    font-weight: 400;
    padding: 5px 15px
}

.paginateTp .page-numbers:hover {
    background: #4b55ad;
    color: #fff
}

.paginateTp a:hover {
    text-decoration: none
}

.page-template-default.page-id-8 .thumbslider-wraper {
    display: none
}

.thumbslider-wraper {
    padding: 40px 0;
    position: relative
}

.thumbslider-block {
    max-width: 1125px;
    margin: 0 auto
}

.thumbslider-Carousel {}

.thumbslider-item {}

.thumbslider-item-inner {
    margin: 10px 5px
}

.thumbslider-item-inner img {
    max-width: 100%;
    border: 1px solid #e4e4e4;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    padding: 5px
}

.pagecontent-row {
    float: right;
    width: 66.66%
}

.pagecontent-row-inner {
    padding: 0 15px
}

.pagecontent-sidebar {
    float: left;
    width: 33.33%
}

.pagesidebar-1 {}

.pagesidebar-1-inner {
    margin: 10px 15px;
    border: 1px solid #e4e4e4;
    padding: 15px;
    text-align: center
}

.pagesidebar-about {}

.pagesidebar-about-img {
    max-width: 250px;
    margin: 0 auto
}

.pagesidebar-about-img img {
    max-width: 100%;
    border-radius: 100%;
    border: 1px solid #e4e4e4;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    padding: 7px
}

.pagesidebar-about-info {}

.pagesidebar-about-info h3 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center
}

.pagesidebar-about-info h3 a {
    color: black
}

.pagesidebar-about-info h3 a:hover {
    text-decoration: none;
    color: #011438
}

.pagesidebar-about-info h3 a {}

.pagesidebar-about-info a:hover {}

.pagesidebar-about-info p {
    text-align: center
}

.pagesidebar-services {}

.pagesidebar-services h3 {
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    color: black
}

.pagesidebar-services ul {}

.pagesidebar-services ul li {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 17px;
    padding: 8px 0 8px 20px;
    font-family: fanwood text, serif
}

.pagesidebar-services ul li a {
    color: black
}

.pagesidebar-services ul li a:hover {
    text-decoration: none;
    color: #011438
}

.pagesidebar-services ul li:before {
    top: 8px
}

.innerservices-wraper {
    padding: 70px 0;
    position: relative
}

.innerservices-block {
    max-width: 1150px;
    margin: 0 auto
}

.innerservices-block .servicesinfo {
    padding: 0
}

.blogpage-wraper {
    padding: 70px 0;
    position: relative
}

.blogpage-block {
    max-width: 1150px;
    margin: 0 auto
}

.contact1-wraper {
    padding: 70px 0
}

.contact-1 {
    float: left;
    width: 100%;
    margin-top: 50px
}

.contact-1-inner {
    padding: 0 15px
}

.contact-1-inner h2 {
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 13px;
    margin-top: 10px;
    position: relative;
    text-align: left;
    font-weight: 600
}

.contact-1-inner h4 {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 25px;
    margin-top: 0;
    position: relative;
    text-align: left;
    font-weight: 600
}

.contact-1-inner h3 {
    color:#017a91;
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
    text-align: center;
    font-family: fanwood text, serif
}

.MainAddBlock1 {
    margin-bottom: 30px;
    text-align: center
}

.MainAddBlock1 .addBlock1 {
    background: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    display: inline-block;
    margin: 10px;
    min-height: 160px;
    padding: 15px 10px;
    vertical-align: top;
    width: 23%
}

.MainAddBlock1 .addBlock1 .addIcon1 {
    background: #011438;
    border-radius: 100%;
    height: 40px;
    line-height: 47px;
    margin: 0 auto 10px;
    text-align: center;
    width: 40px
}

.MainAddBlock1 .addBlock1 .addIcon1 i {
    color: #fff;
    font-size: 18px
}

.MainAddBlock1 .addBlock1 .addDetail1 {
    color: #98a4b0;
    float: right;
    margin-top: 3px;
    text-align: center;
    width: 100%
}

.MainAddBlock1 .addBlock1 .addDetail1 h5 {
    font-size: 17px;
    font-weight: 600
}

.MainAddBlock1 .addBlock1 .addDetail1 p {
    color: #5a5a5a;
    text-align: center
}

.MainAddBlock1 .addBlock1 .hours-item {
    border-bottom: 1px solid #e4e4e4
}

.MainAddBlock1 .addBlock1 .hours-item span {
    color: #5a5a5a
}

.MainAddBlock1 h4 {
    font-size: 14px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.MainAddBlock1 .linehd {
    background: #9e4b47;
    height: 2px;
    margin: 10px auto 25px;
    width: 60px
}

.contact-2 {
    max-width: 1130px;
    margin: 0 auto
}

.contact-2-inner {
    padding: 0 15px
}

.contact-2-inner h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    text-align: center
}

.contact-2-inner h3 {
    color:#017a91;
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
    text-align: center;
    font-family: fanwood text, serif
}

.about-desc-query {}

.formBlock {
    float: left;
    width: 50%;
    margin-bottom: 18px;
    padding: 0 10px
}

.formBlock .txtbox {
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .4);
    color: #000;
    font-weight: 400;
    height: 50px;
    padding: 0 15px;
    text-transform: none;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    font-size: 15px
}

.formBlockmsg {
    padding: 0 10px;
    float: left;
    width: 100%
}

label.error {
    color: #c00
}

.formBlockmsg .txtboxarea {
    background: 0 0;
    border: 1px solid rgba(0, 0, 0, .4);
    color: #000;
    font-weight: 400;
    padding: 15px;
    text-transform: capitalize;
    width: 100%;
    font-family: league spartan, sans-serif;
    height: 120px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    font-size: 17px
}

.formBlockSub {
    padding: 0 10px;
    margin-top: 20px;
    float: left;
    width: 100%
}

.formBlockSub .submit {
    border-radius: 25px;
    -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    color: #fff;
    cursor: pointer;
    padding: 12px 28px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: league spartan, sans-serif
}

.wpcf7-response-output {
    float: left;
    width: 100%
}

#callme-1 {
    bottom: 40%;
    position: fixed;
    right: 15px;
    z-index: 100
}

#callme-1 a {
    background: #011438;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

#callme-3 {
    bottom: 33%;
    position: fixed;
    right: 15px;
    z-index: 100
}

#callme-3 a {
    background: #011438;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

#callme-3 span {
    display: none
}

#callme-2 {
    bottom: 25%;
    position: fixed;
    right: 15px;
    z-index: 100
}

#callme-2 a {
    background: #011438;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.home-modal {}

.home-modal .formup {
    margin-bottom: 10px;
    text-align: left
}

.home-modal .formup label span.uplabel {
    display: block;
    text-align: left
}

.home-modal .formup label span.uplabel em {
    color: #c00
}

.home-modal .formup label input {
    border: 1px solid #d4d0ba;
    padding: 10px;
    text-align: left;
    width: 100%
}

.home-modal .formup label input:focus {
    border: 1px solid #70aa00
}

.blog-single-inner {
    padding: 60px 0
}

.blog-single-img {
    padding: 0 15px
}

.blog-single-img img {
    max-width: 100%
}

.entry-header {
    display: none
}

.single-meta {
    margin-top: 25px;
    padding: 0 15px
}

.servicesbanner-wraper {
    position: relative
}

.servicesbanner-block {}

.servicesbanner-img {}

.servicesbanner-img img {
    max-width: 100%
}

.servicesbanner-info {
    position: absolute;
    z-index: 10;
    top: 70px;
    width: 100%
}

.servicesbanner-info h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px
}

.servicesbanner-info h1 span {
    background:#017a91;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    text-transform: capitalize
}

.servicesbanner-info h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px
}

.servicesbanner-info h2 span {
    background: #272727;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    text-transform: capitalize
}

.paragraph {
    background: rgba(0, 0, 0, .6);
    border-radius: 10px;
    margin-top: 30px;
    max-width: 600px;
    padding: 20px;
    color: #fff
}

.paragraph h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left;
    text-transform: uppercase
}

.paragraph p {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    line-height: 28px
}

.paragraph a {
    color: #fff;
    text-decoration: underline
}

.paragraph a:hover {
    text-decoration: none
}

.servicesinnerbtn {
    margin-top: 30px
}

.consultant-wraper {
    padding: 70px 0;
    position: relative;
    background: #f1f1f1
}

.consultant-block {}

.consultant-1:first-child .consultant-1-inner {
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    margin: 0 15px;
    padding: 23px 20px;
    border: 1px solid #e4e4e4
}

.consultant-1 {
    float: left;
    width: 50%
}

.consultant-1-inner {
    margin: 0 15px
}

.consultant-1-form {}

.consultant-1-form h3 {
    font-size: 26px;
    margin-bottom: 10px;
    text-align: left
}

.consultant-1-form h3 a {
    color: #061933
}

.consultant-1-form h3 a:hover {
    text-decoration: none;
    color: #0084d1
}

.consultant-1-form p {
    text-align: left;
    margin-bottom: 20px
}

.consultant-1-box:last-child {
    background: #272727
}

.consultant-1-box {
    background: #0084d1
}

.consultant-1-box-inner {
    padding: 20px
}

.consultant-1-box-inner h4 {
    font-size: 26px;
    margin-bottom: 10px;
    text-align: left;
    color: #fff
}

.consultant-1-box-inner p {
    color: #fff;
    text-align: left
}

.consultant-1-box-inner ul {
    margin: 9px 0
}

.consultant-1-box-inner ul li {
    color: #fff;
    padding: 3px 0
}

.consultant-1-box-inner ul li i {
    margin: 0 5px 0 0
}

.consultant-1-form .formBlock {
    float: left;
    width: 100%
}

.consultant-1-form .formBlock p {
    margin: 0
}

.health-wraper {
    padding: 70px 0;
    position: relative
}

.health-block {}

.health-1 {
    float: left;
    width: 25%
}

.health-1-inner {
    margin: 10px;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    border: 1px solid #e4e4e4;
    padding: 15px
}

.health-1-img {}

.health-1-img img {
    max-width: 100%
}

.health-1-info {}

.health-1-info h3 {
    font-size: 19px;
    margin: 10px 0 7px
}

.health-1-info h3 a {
    color: #061933
}

.health-1-info h3 a:hover {
    text-decoration: none;
    color: #0084d1
}

.health-1-info p {
    line-height: 22px;
    text-align: center
}

.care-wraper {
    padding: 70px 0;
    position: relative
}

.care-block {}

.care-1 {
    float: left;
    width: 50%
}

.care-1-inner {
    padding: 0 15px
}

.care-1-img {}

.care-1-img img {
    max-width: 100%
}

.care-1-info {
    padding: 30px 70px 0 30px
}

.care-1-info h3 {
    font-size: 26px;
    margin-bottom: 10px;
    text-align: left
}

.care-1-info p {
    margin-bottom: 12px;
    text-align: left
}

.care-1-info a.default-btn {
    color: #fff
}

.video1-wraper {
    padding: 70px 0;
    position: relative
}

.video1-block {}

.video-1 {
    width: 33.33%;
    float: left
}

.video-1-inner {
    margin: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    padding: 10px 10px 0;
    border: 1px solid #e4e4e4
}

.video-1-inner iframe {
    width: 100%;
    height: 250px
}

.faq-block {
    width: 100%;
    float: left;
    margin-top: 45px
}

.dt-sc-toggle-set {
    margin: 0;
    padding: 0;
    width: 100%
}

.dt-sc-toggle-frame {
    border-style: solid;
    border-width: 1px 1px 0;
    border-color: #e8edf2
}

.dt-sc-toggle-frame h5.dt-sc-toggle-accordion {
    font-size: 18px;
    font-weight: 500;
    padding: 10px 15px 10px 40px
}

.dt-sc-toggle-frame .dt-sc-toggle-content {
    margin: 0;
    padding: 0 15px 15px;
    text-align: left
}

.dt-sc-toggle-content p {
    text-align: left
}

.dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before,
.dt-sc-toggle-frame h5.dt-sc-toggle:before {
    left: 18px
}

.dt-sc-toggle-frame h5.dt-sc-toggle:before,
.dt-sc-toggle-frame h5.dt-sc-toggle-accordion:before {
    background: 0 0;
    border: none;
    height: auto;
    padding: 0;
    text-align: inherit;
    top: 16px;
    width: auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.dt-sc-toggle-content {
    clear: both;
    display: none;
    line-height: 24px;
    margin: 0 0 -20px;
    padding: 0 0 0 75px
}

h5.dt-sc-toggle-accordion a,
h5.dt-sc-toggle a {
    display: block;
    font-size: 16px;
    padding: 15px 15px 15px 40px;
    color: #757575
}

.dt-sc-toggle-set {
    background: #fff;
    margin: 0 15px;
    width: 100%
}

.dt-sc-toggle-frame {
    border-width: 1px 1px 0;
    border-style: solid
}

.dt-sc-toggle-frame.last {
    border-bottom: 1px solid #e8edf2
}

h5.dt-sc-toggle-accordion,
h5.dt-sc-toggle {
    clear: both;
    font-size: 16px;
    margin: 0 0 1px;
    padding: 0;
    position: relative;
    transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    font-weight: 400
}

h5.dt-sc-toggle-accordion a,
h5.dt-sc-toggle a {
    display: block;
    font-size: 16px;
    padding: 15px 15px 15px 75px
}

h5.dt-sc-toggle-accordion a:hover,
h5.dt-sc-toggle a:hover {
    text-decoration: none
}

.dt-sc-toggle-content {
    clear: both;
    display: none;
    line-height: 24px;
    margin: 0 0 -20px;
    padding: 0 0 0 75px
}

h5.dt-sc-toggle:before,
h5.dt-sc-toggle-accordion:before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    left: 4px;
    top: 17px;
    text-decoration: inherit
}

h5.dt-sc-toggle.active:before,
h5.dt-sc-toggle-accordion.active:before {
    content: "\f068"
}

.dt-sc-toggle,
.dt-sc-toggle-accordion {
    padding: 0 0 20px;
    position: relative
}

.dt-sc-toggle:last-child {
    padding: 0
}

h5.dt-sc-toggle:before,
h5.dt-sc-toggle-accordion:before {
    background: #fff;
    border: 1px solid;
    height: 50px;
    margin: auto;
    padding: 14px 0;
    text-align: center;
    top: 0;
    width: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

.dt-sc-toggle:before,
.dt-sc-toggle-accordion:before {
    content: "";
    border-left: 1px dashed #c3cbd7;
    height: 100%;
    position: absolute;
    left: 28px;
    top: 0;
    width: 1px
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2))
}

.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    background: #1872c5;
    position: relative
}

.modal-header h2 {
    background:#017a91;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    padding: 5px 10px;
    text-align: center
}

.modal-header .close {
    background: 0 0;
    color: #fff;
    float: right;
    font-size: 35px;
    line-height: 18px;
    position: absolute;
    right: 10px;
    top: 13px;
    z-index: 10
}

.modal-title {
    line-height: 1.5;
    color: #1c1c1c;
    font-size: 23px;
    font-weight: 600;
    margin-top: 10px
}

.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px;
    text-align: center
}

.modal-body p span {
    margin-bottom: 5px;
    display: inline-block
}

.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef
}

.modal-footer>:not(:first-child) {
    margin-left: .25rem
}

.modal-footer>:not(:last-child) {
    margin-right: .25rem
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }
   

    .modal-dialog.youtubemodaldialog {
        max-width: 620px
    }
    .middle-wraper .logo img {
        margin-left: 54px;
        max-width: 247px !important;
        transition: all .5s ease 0s;
    }

    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2))
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width:992px) {
    .modal-lg {
      
        max-width: 800px
   
}

.modal-body {}

.modal-body .namecol {
    width: 100%;
    margin-bottom: 10px
}

.modal-body .namecol input,
.modal-body .namecol.textcol textarea {
    padding: 8px 10px
}

.modal-body.modalpopupForm {
    padding: 20px
}

.modal-body.modalpopupForm h5 {
    font-size: 20px;
    margin-bottom: 30px
}

.modal-body.modalpopupForm .formBlock {
    width: 100%;
    float: left
}

.modal-body.modalpopupForm .formBlock p {
    margin: 0
}

.modal-body.modalpopupForm h3 {
    text-align: left;
    font-weight: 400;
    margin-bottom: 20px;
    font-size: 18px
}

.callBtn_us {}

.callBtn_us h2 {
    font-weight: 400;
    padding: 10px 0
}

.pop-name {
    margin-bottom: 20px
}

.pop-name input {
    border: 1px solid #d4d0ba;
    border-radius: 5px;
    padding: 10px;
    width: 100%
}

.pop-name-sub {
    text-align: left
}

.modal-header.youtubemodalheader {}

.modal-header.youtubemodalheader button {
    color: red
}

.modal-header.youtubemodalheader {}

.modal-body.youtubemodalbody {
    padding: 10px 10px 0
}

.modal_form.home-modal .formBlock {
    width: 100%
}

.jssocials {
    padding: 0 15px
}

.jssocials-shares {
    margin: .2em 0
}

.jssocials-shares * {
    box-sizing: border-box
}

.jssocials-share {
    display: inline-block;
    vertical-align: top;
    margin: .3em .6em .3em 0
}

.jssocials-share:last-child {
    margin-right: 0
}

.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1.5em
}

img.jssocials-share-logo {
    width: auto;
    height: 1em
}

.jssocials-share-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1
}

.jssocials-share-link.jssocials-share-link-count {
    padding-top: .2em
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
    display: block;
    font-size: .6em;
    margin: 0 -.5em -.8em
}

.jssocials-share-link.jssocials-share-no-count {
    padding-top: .5em
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
    height: 1em
}

.jssocials-share-label {
    padding-left: .3em;
    vertical-align: middle
}

.jssocials-share-count-box {
    display: inline-block;
    height: 1.5em;
    padding: 0 .3em;
    line-height: 1;
    vertical-align: middle;
    cursor: default
}

.jssocials-share-count-box.jssocials-share-no-count {
    display: none
}

.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle
}

#share {}

a.jssocials-share-link {
    color: #fff !important;
    font-size: 14px;
    font-weight: 400 !important
}

a.jssocials-share-link:hover {
    text-decoration: none !important
}

.jssocials-share-twitter .jssocials-share-link {
    background: #00aced
}

.jssocials-share-twitter .jssocials-share-link:hover {
    background: #0087ba
}

.jssocials-share-facebook .jssocials-share-link {
    background: #3b5998;
    color: #fff !important;
    font-weight: 400 !important
}

.jssocials-share-facebook .jssocials-share-link:hover {
    background: #2d4373
}

.jssocials-share-googleplus .jssocials-share-link {
    background: #dd4b39
}

.jssocials-share-googleplus .jssocials-share-link:hover {
    background: #c23321
}

.jssocials-share-linkedin .jssocials-share-link {
    background: #007bb6
}

.jssocials-share-linkedin .jssocials-share-link:hover {
    background: #005983
}

.jssocials-share-pinterest .jssocials-share-link {
    background: #cb2027
}

.jssocials-share-pinterest .jssocials-share-link:hover {
    background: #9f191f
}

.jssocials-share-email .jssocials-share-link {
    background: #3490f3
}

.jssocials-share-email .jssocials-share-link:hover {
    background: #0e76e6
}

.jssocials-share-stumbleupon .jssocials-share-link {
    background: #eb4823
}

.jssocials-share-stumbleupon .jssocials-share-link:hover {
    background: #c93412
}

.jssocials-share-whatsapp .jssocials-share-link {
    background: #29a628
}

.jssocials-share-whatsapp .jssocials-share-link:hover {
    background: #1f7d1e
}

.jssocials-share-telegram .jssocials-share-link {
    background: #2ca5e0
}

.jssocials-share-telegram .jssocials-share-link:hover {
    background: #1c88bd
}

.jssocials-share-line .jssocials-share-link {
    background: #25af00
}

.jssocials-share-line .jssocials-share-link:hover {
    background: #1a7c00
}

.jssocials-share-viber .jssocials-share-link {
    background: #7b519d
}

.jssocials-share-viber .jssocials-share-link:hover {
    background: #61407b
}

.jssocials-share-pocket .jssocials-share-link {
    background: #ef4056
}

.jssocials-share-pocket .jssocials-share-link:hover {
    background: #e9132e
}

.jssocials-share-messenger .jssocials-share-link {
    background: #0084ff
}

.jssocials-share-messenger .jssocials-share-link:hover {
    background: #006acc
}

.jssocials-share-vkontakte .jssocials-share-link {
    background: #45668e
}

.jssocials-share-vkontakte .jssocials-share-link:hover {
    background: #344d6c
}

.jssocials-share-link {
    padding: .5em .6em;
    color: #fff !important;
    font-size: 14px;
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out
}

.jssocials-share-link {
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    text-decoration: none
}

.jssocials-share-link:hover,
.jssocials-share-link:focus,
.jssocials-share-link:active {
    color: #fff
}

.jssocials-share-count-box {
    position: relative;
    height: 2.5em;
    padding: 0 .3em;
    margin-left: .3em;
    background: #f5f5f5;
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out
}

.jssocials-share-count-box:hover {
    background: #dcdcdc
}

.jssocials-share-count-box:hover:after {
    border-color: transparent #dcdcdc transparent transparent
}

.jssocials-share-count-box:after {
    content: "";
    display: block;
    position: absolute;
    top: .85em;
    left: -.3em;
    width: 0;
    height: 0;
    border-width: .4em .4em .4em 0;
    border-style: solid;
    border-color: transparent #f5f5f5 transparent transparent;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out
}

.jssocials-share-count-box .jssocials-share-count {
    line-height: 2.5em;
    color: #444
}

#menu-icon {
    display: none
}

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media(max-width:1599px) {
    .site {
        border: 0
    }
}

@media(max-width:1069px) {

    .sidebar img.alignleft,
    .sidebar .wp-caption.alignleft {
        margin-left: 0
    }

    .sidebar img.alignright,
    .sidebar .wp-caption.alignright {
        margin-right: 0
    }

    .error404 .page-header {
        margin-left: auto;
        max-width: 604px;
        width: 100%
    }

    .archive-header,
    .search .page-header,
    .archive .page-header,
    .blog .page-header,
    .error404 .page-content,
    .search .page-content,
    .archive .page-content,
    .attachment .entry-header,
    .attachment .entry-content,
    .post-navigation .nav-links,
    .sidebar .site-info,
    .site-footer .widget-area {
        padding-left: 20px;
        padding-right: 20px
    }

    .error404 .page-title {
        font-size: 24px;
        padding: 180px
    }

    .error404 .page-title:before {
        font-size: 554px
    }

    .attachment .image-navigation {
        max-width: 724px
    }

    .image-navigation .nav-previous,
    .image-navigation .nav-next {
        position: static
    }

    .site-main .widget-area {
        margin-right: 60px
    }
}

@media(max-width:999px) {

    .sidebar .entry-header,
    .sidebar .entry-content,
    .sidebar .entry-summary,
    .sidebar .entry-meta,
    .sidebar .comment-list,
    .sidebar .comment-reply-title,
    .sidebar .comment-navigation,
    .sidebar .comment-respond .comment-form,
    .sidebar .featured-gallery,
    .sidebar .post-navigation .nav-links,
    .author.sidebar .author-info {
        max-width: 604px;
        padding-left: 0;
        padding-right: 0
    }

    .sidebar .site-info,
    .search.sidebar .page-content,
    .blog.sidebar .page-content,
    .attachment .entry-header,
    .sidebar .comments-title {
        max-width: 604px
    }

    .sidebar .archive-meta,
    .attachment .entry-header,
    .search.sidebar .page-content,
    .blog.sidebar .page-content,
    .sidebar .site-info,
    .sidebar .comments-title,
    .sidebar .no-comments {
        padding-left: 0;
        padding-right: 0
    }

    .attachment .entry-meta {
        float: left;
        text-align: left;
        width: 100%
    }

    .attachment .entry-content {
        max-width: 100%;
        padding: 40px 0
    }

    .format-status .entry-content {
        padding-top: 40px
    }

    .format-status .entry-meta {
        padding-bottom: 40px
    }

    .sidebar .format-status .entry-content,
    .sidebar .format-status .entry-meta {
        padding-left: 35px
    }

    .sidebar .format-status .entry-content:before,
    .sidebar .format-status .entry-meta:before {
        left: 10px
    }

    .sidebar .format-status .entry-content p:first-child:before {
        left: 4px
    }

    .sidebar .paging-navigation .nav-links {
        padding: 0 60px
    }

    .site-main .sidebar-container {
        height: auto;
        margin: 0 auto;
        max-width: 604px;
        position: relative;
        top: 20px
    }

    .site-main .widget-area {
        float: none;
        margin: 0;
        width: 100%
    }

    .sidebar .site-footer .widget-area {
        max-width: 100%;
        left: 0
    }
}

@media(max-width:767px) {
    .site-header .home-link {
        min-height: 0
    }
}

    .middle-wraper .logo img {
        margin-left: 54px;
        max-width: 154px !important;
        transition: all .5s ease 0s;
    }

    .site-title {
        font-size: 36px;
        padding: 8px 0 10px
    }

    .entry-content img.alignleft,
    .entry-content .wp-caption.alignleft {
        margin-left: 0
    }

    .entry-content img.alignright,
    .entry-content .wp-caption.alignright {
        margin-right: 0
    }

    .attachment .image-navigation,
    .attachment .entry-attachment .attachment {
        max-width: 604px;
        padding: 0;
        width: 100%
    }

    .gallery-caption {
        display: none
    }
}

@media(max-width:643px) {
    .site-title {
        font-size: 30px
    }
    .services-2-inner {
        margin: 15px;
        position: relative;
        box-shadow: 3px 10px 20px #d3cfcf;
        border-radius: 30px 30px 10px 30px;
        overflow: hidden;
        transition: all .5s ease 0s;
        top: 0;
        height: 500px !important;
    
    }

    #content .entry-header,
    #content .entry-content,
    #content .entry-summary,
    #content footer.entry-meta,
    #content .featured-gallery,
    .search.sidebar .page-content,
    .blog.sidebar .page-content,
    .sidebar .post-navigation .nav-links,
    .paging-navigation .nav-links,
    #content .author-info,
    .comments-area .comments-title,
    .comments-area .comment-list,
    .comments-area .comment-navigation,
    .comment-respond,
    .sidebar .site-info,
    .sidebar .paging-navigation .nav-links {
        padding-left: 20px;
        padding-right: 20px
    }

    #content .format-status .entry-content,
    #content .format-status .entry-met {
        padding-left: 35px
    }

    .menu-toggle {
        cursor: pointer;
        display: inline-block;
        font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
        margin: 0
    }

    .menu-toggle,
    .menu-toggle:hover,
    .menu-toggle:focus,
    .menu-toggle:active {
        background: 0 0;
        border: none;
        color: #141412;
        padding: 12px 0 12px 20px
    }

    .menu-toggle:focus {
        outline: thin dotted
    }

    .menu-toggle:after {
        content: "\f502";
        font-size: 12px;
        padding-left: 8px;
        vertical-align: -4px
    }

    .toggled-on .menu-toggle:after {
        content: "\f500";
        vertical-align: 2px
    }

    .toggled-on .nav-menu,
    .toggled-on .nav-menu>ul {
        display: block;
        margin-left: 0;
        padding: 0;
        width: 100%
    }

    .toggled-on li,
    .toggled-on .children {
        display: block
    }

    .toggled-on .nav-menu li>ul {
        background-color: transparent;
        display: block;
        float: none;
        margin-left: 20px;
        position: relative;
        left: auto;
        top: auto
    }

    .toggled-on .nav-menu li>ul a {
        color: #141412;
        width: auto
    }

    .toggled-on .nav-menu li:hover>a,
    .toggled-on .nav-menu .children a {
        background-color: transparent;
        color: #141412
    }

    .toggled-on .nav-menu>li a:hover,
    .toggled-on .nav-menu>ul a:hover {
        background-color: #db572f;
        color: #fff
    }

    .toggled-on .nav-menu>li a:focus,
    .toggled-on .nav-menu>ul a:focus {
        background-color: #220e10;
        color: #fff
    }

    ul.nav-menu,
    div.nav-menu>ul {
        display: none
    }

    #content .featured-gallery {
        padding-left: 24px
    }

    .gallery-columns-1 .gallery-item {
        margin-right: 0;
        width: 100%
    }

    .entry-title,
    .format-chat .entry-title,
    .format-image .entry-title,
    .format-gallery .entry-title,
    .format-video .entry-title {
        font-size: 22px;
        font-weight: 700
    }

    .format-quote blockquote,
    .format-status .entry-content {
        font-size: 18px
    }

    .format-quote blockquote small,
    .format-quote blockquote cite {
        font-size: 13px
    }

    .error404 .page-title {
        padding: 40px 0 0
    }

    .error404 .page-title:before {
        content: normal
    }

    .comment-author {
        margin-right: 30px
    }

    .comment-author .avatar {
        height: auto;
        max-width: 100%
    }

    .comment-metadata,
    .comment-content,
    .comment-list .reply {
        width: 70%;
        width: -webkit-calc(100% - 104px);
        width: calc(100% - 104px)
    }

    .comment-form input[type=text],
    .comment-form input[type=email],
    .comment-form input[type=url] {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px)
    }

    .comment-form textarea {
        height: 80px
    }

    .format-audio .entry-content:before {
        display: none
    }

    .format-audio .audio-content {
        background-image: none;
        float: none;
        padding-left: 0;
        width: auto
    }
}

@media(max-width:359px) {
    .site-title {
        font-weight: 400
    }

    .site-description {
        clip: rect(1px, 1px, 1px, 1px);
        position: absolute
    }

    .gallery {
        margin-left: 0
    }

    .gallery .gallery-item,
    .gallery-columns-2.gallery-size-thumbnail .gallery-item {
        max-width: none;
        width: 49%;
        width: -webkit-calc(50% - 4px);
        width: calc(50% - 4px)
    }

    .gallery-columns-1.gallery-size-medium,
    .gallery-columns-1.gallery-size-thumbnail,
    .gallery-columns-2.gallery-size-thumbnail,
    .gallery-columns-3.gallery-size-thumbnail {
        display: block
    }

    .gallery-columns-1 .gallery-item,
    .gallery-columns-1.gallery-size-medium .gallery-item,
    .gallery-columns-1.gallery-size-thumbnail .gallery-item {
        text-align: center;
        width: 98%;
        width: -webkit-calc(100% - 4px);
        width: calc(100% - 4px)
    }

    .gallery-columns-3 .gallery-item:nth-of-type(3n),
    .gallery-columns-5 .gallery-item:nth-of-type(5n),
    .gallery-columns-7 .gallery-item:nth-of-type(7n),
    .gallery-columns-9 .gallery-item:nth-of-type(9n) {
        margin-right: 4px
    }

    .gallery br {
        display: none
    }

    .gallery .gallery-item:nth-of-type(even) {
        margin-right: 0
    }

    .comment-author {
        margin: 0 0 5px;
        max-width: 100%
    }

    .comment-author .avatar {
        display: inline;
        margin: 0 5px 0 0;
        max-width: 20px
    }

    .comment-metadata,
    .comment-content,
    .comment-list .reply {
        width: 100%
    }
}

@media print,
(-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {
    .site-header .search-field {
        background-image: url(images/search-icon-2x.png)
    }

    .format-audio .audio-content,
    .format-status .entry-content:before,
    .format-status .entry-meta:before,
    .comment-list>li:after,
    .comment-list .children>li:before {
        background-image: url(images/dotted-line-2x.png)
    }
}

@media print {
    body {
        background: 0 0 !important;
        color: #000;
        font-size: 10pt
    }

    footer a[rel=bookmark]:link:after,
    footer a[rel=bookmark]:visited:after {
        content: " [" attr(href) "] "
    }

    .site {
        max-width: 98%
    }

    .site-header {
        background-image: none !important
    }

    .site-header .home-link {
        max-width: none;
        min-height: 0
    }

    .site-title {
        color: #000;
        font-size: 21pt
    }

    .site-description {
        font-size: 10pt
    }

    .author-avatar,
    .site-footer,
    .comment-respond,
    .comments-area .comment-edit-link,
    .comments-area .reply,
    .comments-link,
    .entry-meta .edit-link,
    .page-links,
    .site-content nav,
    .widget-area,
    .main-navigation,
    .navbar,
    .more-link {
        display: none
    }

    .entry-header,
    .entry-content,
    .entry-summary,
    .entry-meta {
        margin: 0;
        width: 100%
    }

    .page-title,
    .entry-title {
        font-size: 21pt
    }

    .entry-meta,
    .entry-meta a {
        color: #444;
        font-size: 10pt
    }

    .entry-content img.alignleft,
    .entry-content .wp-caption.alignleft {
        margin-left: 0
    }

    .entry-content img.alignright,
    .entry-content .wp-caption.alignright {
        margin-right: 0
    }

    .format-image .entry-content .size-full {
        margin: 0
    }

    .hentry {
        background-color: #fff
    }

    .comments-area>li.comment {
        background: 0 0;
        position: relative;
        width: auto
    }

    .comment-metadata {
        float: none
    }

    .comment-author .fn,
    .comment-reply-link,
    .comment-reply-login {
        color: #333
    }
}

@media screen and (min-width:1281px) {}

@media screen and (max-width:1259px) {

    .container,
    .site-content {
        width: 98%;
        margin: 0 auto;
        max-width: 1000px
    }

    .box-1-info {
        width: 75%
    }

    .middle-wraper .nav-wraper {
        width: 70%;
        margin: 20px 50px 0 0
    }

    .sf-menu>li+li {
        margin: 0
    }

    .box-1-info {
        width: 50%
    }

    .box-1-info h3::before {
        left: 25%
    }

    .addBlock .addDetail {
        width: 80%
    }

    .pagebanner {
        max-height: 285px;
        min-height: 285px
    }

    .slider-caption h2 {
        font-size: 40px;
        line-height: 50px
    }

    .about-1-info h1,
    .approach-1-info h2 {
        font-size: 35px;
        line-height: 45px
    }

    .about-1-info ul li {
        margin: 10px 0
    }

    .top-info-box {}

    .toptagline {
        display: none
    }

    .inner-banner-wraper {
        min-height: 285px
    }

    .pagecontent-sidebar {
        display: none
    }

    .pagecontent-row {
        width: 100%
    }

    .pagecontent-row-inner {
        padding: 0
    }

    .thumbslider-wraper {
        padding: 0
    }

    .paragraph {
        max-width: 700px
    }

    .sidebarbtnbox {
        background: #f2f2f2;
        bottom: 0;
        box-shadow: 0 0 7px rgba(0, 0, 0, .16);
        height: 45px;
        position: fixed;
        width: 100%;
        z-index: 102
    }

    #callme-1 {
        bottom: 4px;
        left: 0;
        position: absolute;
        width: 25%;
        text-align: center
    }

    #callme-2 {
        bottom: 4px;
        right: 0;
        position: absolute;
        width: 25%;
        text-align: center
    }

    #callme-3 {
        bottom: 0;
        left: 28%;
        position: absolute;
        width: 50%;
        text-align: center
    }

    #callme-1 a,
    #callme-2 a {
        width: 38px;
        height: 38px;
        line-height: 38px
    }

    #callme-3 span {
        display: block;
        font-size: 16px
    }

    #callme-3 a {
        border: 3px solid #fff;
        box-shadow: 0 0 7px rgba(0, 0, 0, .16);
        line-height: 40px
    }
}

@media screen and (max-width:990px) {

    .container,
    .site-content {
        width: 98%;
        margin: 0 auto;
        max-width: 760px
    }

    #menu-icon {
        color:#017a91;
        cursor: pointer;
        display: block;
        font-size: 20px;
        position: relative;
        right: 0;
        top: 0;
        padding: 10px;
        text-align: left
    }

    #menu-icon span {
        margin: 0 0 0 10px
    }

    .menu-menu-1-container {
        left: 10px;
        position: absolute;
        top: 80px;
        width: 97%
    }

    .sf-menu>li+li {
        margin-left: 0
    }

    .sf-menu {
        float: none;
        display: none
    }

    .breadcrum .breadCrumTP .menu-menu-1-container {
        position: static
    }

    .sf-menu>li#menu-item-128 ul li {
        float: none;
        width: 100%
    }

    .sf-menu>li#menu-item-95 ul {
        width: 100%
    }

    .sf-menu>li#menu-item-95 ul li {
        float: none;
        width: 100%
    }

    .sf-menu>li>ul,
    .sf-menu>li.sfHover>ul {
        box-shadow: none
    }

    .nav__primary {
        width: 100%
    }

    .sf-menu>li {
        width: 100%;
        margin: 0
    }

    .sf-menu>li.current_page_item>a {
        color: #2a2a2a
    }

    .sf-menu>li>a {
        padding: 12px 15px;
        width: 96%;
        text-align: left;
        color: #2a2a2a;
        line-height: 25px
    }

    .sf-menu>li>a:hover {
        color: #f89f22
    }

    .sf-menu>li>ul>li>a {
        width: 100%;
        padding: 8px 0
    }

    .sf-menu li ul.servItem li {
        width: 100%
    }

    .sf-menu li ul.servItem {
        width: 100% !important
    }

    .sticky {
        position: static !important
    }

    .sf-menu>li>ul>li strong {
        display: none
    }

    .sf-menu>li>ul,
    .sf-menu>li.sfHover>ul {
        width: 100%
    }

    .sf-menu>li>ul {
        position: static
    }

    .sf-menu>li>ul:before {
        display: none
    }

    .sf-menu>li:hover>a,
    .sf-menu>li.current>a,
    .sf-menu>li.sfHover>a,
    .sf-menu>li:hover>span,
    .sf-menu>li.current>span,
    .sf-menu>li.sfHover>span {
        border: none
    }

    .sf-menu>li>ul,
    .sf-menu>li.sfHover>ul {
        border: none
    }

    .sf-menu>li.sfHover ul {}

    .sf-menu li ul {
        display: none;
        padding: 5px 25px
    }

    .sf-menu li strong {
        background: url(images/toogle-button2.png) no-repeat right -54px;
        height: 35px;
        position: absolute;
        right: 25px;
        top: 14px;
        width: 150px;
        z-index: 200;
        cursor: pointer
    }

    .sf-menu li strong.opened {
        background-position: right 7px
    }

    .sf-menu>li {
        background: #fff
    }

    .sf-menu li ul {
        background: #e4e4e4;
        padding: 12px 28px;
        max-width: 100%
    }

    #menu-icon {
        display: block;
        text-align: right
    }

    .middle-wraper .nav-wraper {
        width: 20%;
        margin: 18px 0 0
    }

    .video-wraper {
        margin: 0;
        padding-top: 50px
    }

    .top-info-box .top-social {
        width: 28%
    }

    .top-info-box ul li:first-child {}

    .top-info-box {}

    .top-social {}

    .top-info-box ul.topaddinfo {
        width: 100%
    }

    .box-1 {
        float: left;
        width: 50%
    }

    .box-1:nth-child(2) {
        margin: 0
    }

    .box-1:nth-child(4) {
        margin: 0
    }

    .about-1:first-child {
        margin-top: 21px;
        width: 100%;
        margin-bottom: 30px
    }

    .about-1 {
        width: 100%
    }

    .about-1-info ul li {
        margin: 20px 0
    }

    .services-1 {
        width: 50%
    }

    .approach-1 {
        width: 100%
    }

    .approach-1:last-child {
        margin-top: 30px
    }

    .review-block {
        width: 100%
    }

    .blog-1-img {
        width: 100%
    }

    .blog-1-info {
        width: 100%
    }

    .footer-1 {
        width: 100%;
        margin: 15px 0
    }

    .sf-menu>li.facedropdown ul li {
        float: none;
        width: 100%
    }

    .video-block {
        padding: 50px 15px 270px
    }

    .reason-1 {
        float: left;
        width: 100%
    }

    .reason-wraper {
        background: #cbe7ec
    }

    .reason-1:nth-child(3) .reason-1-info ul li:first-child {
        margin-left: 0
    }

    .reason-1:nth-child(1) .reason-1-info ul li:first-child {
        margin-left: 0
    }

    .reason-1:nth-child(1) .reason-1-info ul li:last-child {
        margin-left: 0
    }

    .reason-1:nth-child(1) .reason-img {
        float: left;
        text-align: left
    }

    .reason-1:nth-child(1) .reason-title {
        text-align: left;
        width: 75%;
        margin-top: 10px;
        margin-left: 20px
    }

    .reason-1-info ul li {
        margin: 10px 0
    }

    .reason-1-text {
        top: 0
    }

    .reason-1:nth-child(2) {
        position: absolute;
        top: 40px;
        margin-bottom: 0;
        left: 0
    }

    .reason-wraper {
        background: #cbe7ec;
        padding-top: 140px;
        padding-bottom: 40px
    }

    .reason-1:nth-child(3) .reason-1-info ul li:last-child {
        margin-left: 0
    }

    .inner-banner-wraper {
        padding: 0
    }

    .innerHeading h1 {
        font-size: 25px;
        line-height: 35px
    }

    .register-1 {
        width: 100%;
        max-width: 100%
    }

    .register-2 {
        float: left;
        width: 100%
    }

    .lefttitme-wraper {
        position: relative;
        z-index: 10;
        margin-top: 0;
        padding-top: 45px
    }

    .feature-1-inner .inner-box {
        padding: 5px
    }

    .choose-1 {
        width: 100%
    }

    .customer-slider .customer-item {
        width: 100%
    }

    .callbtn {
        float: left;
        margin-top: 10px;
        margin-left: 50px
    }

    .slider-caption h2 {
        font-size: 25px;
        line-height: 35px
    }

    .banner-img-desc {
        width: 100%;
        top: 20%;
        left: 2%;
        max-width: 100%
    }

    .banner-img-desc h3 {
        padding-bottom: 20px
    }

    .homebtn {
        padding-top: 25px
    }

    .services-1:nth-child(2) .services-1-img {
        position: relative
    }

    .services-1-inner {
        min-height: 100%
    }

    .services-2 {
        width: 50%;
      
    }

    .servicesbanner-info {
        background: #0084d1;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 10;
        padding: 40px 15px
    }

    .care-1 {
        float: left;
        width: 100%
    }

    .care-1-info {
        padding: 0;
        margin-top: 30px
    }

    .health-1 {
        float: left;
        width: 50%
    }
}

@media screen and (max-width:767px) {

    .container,
    .site-content {
        width: 98%;
        margin: 0 auto;
        max-width: 600px
    }

    #menu-icon {
        top: 7px
    }

    .middle-wraper .nav-wraper {
        width: 40%;
        margin-top: 15px
    }

    .section-title h2 {
        font-size: 28px;
        font-weight: 500;
        line-height: 36px
    }

    .slider-caption {
        max-width: 100%;
        padding: 0 15px;
        left: 0
    }

    .box-wraper {
        margin-top: 0;
        padding: 40px 0
    }

    .about-wraper {
        padding: 40px 0
    }

    .review-wraper::before {
        width: 100%
    }

    .review-block {
        margin: 20px 0
    }

    .approach-wraper {
        padding: 0
    }

    .review-wraper {
        padding: 0
    }

    .copyright {
        padding: 15px 0 70px;
        margin: 0
    }

    .copy-1 {
        width: 100%;
        text-align: center
    }

    .copy-1:last-child {
        text-align: center
    }

    .about-1:first-child .about-1-inner {
        padding: 10px
    }

    .innerservices-wraper {
        padding: 40px 0
    }

    .formBlock {
        width: 100%
    }

    .contact1-wraper,
    .blogpage-wraper {
        padding: 40px 0
    }

    .MainAddBlock1 .addBlock1 {
        width: 100%;
        margin: 10px 0
    }

    .blog-single-img {
        padding: 0 15px
    }

    .single-meta {
        padding: 0 15px
    }

    .blog-single-inner {
        padding: 40px 0 0
    }

    .top-info-box ul.topaddinfo li:first-child {
        display: none
    }

    .top-info-box ul li {
        width: 100%
    }

    .top-info-box .top-social {
        width: 30%
    }

    .animateicon {
        display: none
    }

    .blog-1 {
        width: 100%
    }

    .top-social {
        display: none
    }

    .about-1-info {
        padding: 0;
        margin-top: 35px
    }

    .choose-1 {
        width: 100%
    }

    .choose-1:last-child {
        margin-top: 30px
    }

    .choose-1:first-child {
        width: 100%
    }

    .register-1-inner {
        clip-path: none;
        padding: 15px
    }

    .callbtn {
        float: right;
        margin-top: 10px;
        margin-left: 0
    }

    .middle-wraper .nav-wraper {
        width: 100%;
        margin-top: 5px;
        max-width: 100%;
        text-align: left
    }

    #menu-icon {
        top: 0;
        left: 0;
        text-align: left;
        padding: 5px
    }

    .menu-menu-1-container {
        top: 125px
    }

    .lefttitme-1:first-child {
        width: 100%
    }

    .lefttitme-1 {
        float: left;
        width: 100%
    }

    .lefttitme-form .formBlock {
        width: 100%
    }

    .lefttitme-form .formBlockSub {
        width: 100%;
        text-align: left
    }

    .feature-1 {
        float: left;
        width: 100%
    }

    .about-1-inner h2,
    .choose-1-title h2 {
        font-size: 28px;
        line-height: 38px
    }

    .choose-wraper {
        padding: 40px 0 0
    }

    .strip-block h2 {
        font-size: 30px;
        line-height: 40px
    }

    .strip-wraper {
        padding: 40px 0
    }

    .sectiontitle-1 {
        float: left;
        width: 100%
    }

    .sectiontitle-1:last-child {
        margin-top: 10px
    }

    .strip-1-info ul li {
        width: 100%;
        margin: 0
    }

    .seo-1 {
        width: 100%
    }

    .seo-1:last-child {
        margin-top: 20px
    }

    .seo-1-inner h2 {
        font-size: 25px;
        line-height: 35px
    }

    .seo-box {
        width: 100%
    }

    .seo-box:nth-child(1) {
        width: 100%
    }

    .seo-box:nth-child(2) {
        width: 100%
    }

    .seo-box:last-child {
        width: 100%
    }

    .strip-1-info {
        margin-bottom: 30px;
        padding: 0 15px
    }

    .servicesbanner-info h1 {
        font-size: 21px
    }

    .servicesbanner-info h2 span {
        padding: 5px 10px;
        text-transform: uppercase
    }

    .servicesbanner-info h2 {
        font-size: 21px
    }

    .paragraph h4 {
        font-size: 19px
    }

    .paragraph p {
        font-size: 15px;
        line-height: 25px
    }

    .consultant-1 {
        float: left;
        width: 100%
    }

    .video-1 {
        width: 100%
    }

    .video1-wraper {
        padding: 35px 0
    }

    .seo-wraper {
        padding: 35px 0
    }
}

@media screen and (max-width:580px) {

    .container,
    .site-content {
        width: 98%;
        margin: 0 auto;
        max-width: 440px
    }

    .section-title p {
        padding: 0 15px
    }

    .box-1 {
        width: 100%
    }

    .top-social {
        width: 42%
    }

    .top-info-box {}

    .top-info-box ul.topaddinfo {}

    .choose-1-info h3 {
        font-size: 25px;
        line-height: 35px
    }

    .top-info-box .top-social {
        width: 50%
    }

    .services-1 {
        width: 100%
    }

    .slider-caption h2 {
        font-size: 14px;
        line-height: 24px
    }

    .banner-img-desc h2 {
        border: none;
        padding-left: 0
    }

    .theme-btn-one {
        padding: 6px 20px
    }

    .slider-caption .slidertitle {
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        padding-bottom: 5px;
        letter-spacing: 1px
    }

    .themebtn {
        font-size: 17px;
        padding: 12px 20px
    }

    .video-1-title {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 15px
    }

    .homebtn {}

    .homebtn a.themebtn {
        margin: 0
    }

    .blog-1 {
        width: 100%
    }

    .about-1-info h1,
    .approach-1-info h2 {
        font-size: 25px;
        line-height: 35px
    }

    .aboutlist-icon {
        width: 60px;
        height: 60px;
        font-size: 20px
    }

    .aboutlist-info {
        padding-left: 75px
    }

    .services-1-info {
        padding: 15px
    }

    .servicesicon {
        width: 40px
    }

    .servicesinfo {
        padding-left: 45px
    }

    .approachlist-icon {
        width: 60px;
        height: 60px;
        font-size: 20px
    }

    .approachlist-info {
        padding-left: 75px
    }

    .review-block {
        padding: 0 15px
    }

    .footer-logo {
        float: left;
        width: 100%;
        text-align: center
    }

    .footer-social {
        float: right;
        width: 100%;
        text-align: center;
        margin-top: 25px
    }

    .footer-social ul li {
        float: none;
        margin: 0 10px 0 0;
        display: inline-block
    }

    .footer-top {
        margin-bottom: 20px
    }

    .about-1-title {
        padding: 20px
    }

    .video-wraper {
        padding-bottom: 250px
    }

    .about-1-title h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .about-imgbox-info {
        padding: 0 10px
    }

    .about-1-list h2 {
        font-size: 17px;
        line-height: 17px;
        margin-bottom: 15px
    }

    .about-1-list ul li {
        margin: 0
    }

    .blog-wraper {
        padding: 40px 0
    }

    .reason-1-text h4 {
        font-size: 28px;
        line-height: 38px
    }

    .reason-1-text h5 {
        font-size: 14px
    }

    .review-wraper {
        padding: 40px 0 0
    }

    .register-1-inner {
        padding: 20px
    }

    .box-1-info {
        width: 100%
    }

    .top-info-box {
        max-width: 100%;
        text-align: center
    }

    .top-info-box ul {
        width: 100%
    }

    .top-info-box ul li+li {
        text-align: center
    }

    .pagebanner {
        max-height: 200px;
        min-height: 200px
    }

    .inner-banner-wraper {
        min-height: 200px
    }

    .pagebanner-info {
        top: 30%
    }

    .banner-img-desc h3 {
        padding-bottom: 10px;
        font-size: 14px
    }

    .about-1-inner h2,
    .choose-1-title h2 {
        font-size: 20px;
        line-height: 30px
    }

    .about-1-inner h4 {
        font-size: 18px;
        line-height: 26px
    }

    .copyname,
    .copyright {
        width: 100%;
        text-align: center
    }

    .blog-1-info {
        width: 100%;
        min-height: 100%;
        max-height: 100%
    }

    .services-2 {
        width: 100%
    }
}

@media screen and (max-width:479px) {
    .container {
        width: 98%;
        margin: 0 auto
    }

    .themebtn {
        font-size: 14px;
        padding: 14px 20px;
        letter-spacing: 0;
        font-weight: 700
    }

    .top-info-box {
        width: 100%;
        text-align: center;
        max-width: 100%
    }

    .top-info-box ul li .icon {
        display: inline-block
    }

    .top-info-box ul li+li {
        padding-left: 20px;
        width: 100%;
        text-align: center
    }

    .top-info-box ul li .info {
        display: inline-block;
        vertical-align: middle
    }

    .top-social {
        width: 100%
    }

    .middle-wraper .logo {
        width: 100%;
        text-align: center
    }

    .webmainlogo {
        text-align: center
    }

    .callbtn {
        width: 100%;
        text-align: center;
        margin: 0
    }

    #menu-icon {
        text-align: center
    }

    .menu-menu-1-container {
        left: 10px;
        position: absolute;
        top: 190px;
        width: 94%
    }

    .slider-caption h2 {
        font-size: 18px;
        line-height: 28px
    }

    .homebtn {
        padding-top: 10px
    }

    .slider-caption {
        top: 15%
    }

    .homebtn {
        display: none
    }

    .lefttitme-wraper {
        padding: 0
    }

    .feature-1-inner .inner-box {
        padding: 0
    }

    .about-wraper {
        padding-top: 0
    }

    .attend-wraper {
        padding: 20px 0
    }

    .section-title {
        margin-bottom: 15px
    }

    .section-title.white .sectiontitle-1-inner p {
        margin: 0
    }

    .services-wraper {
        padding: 40px 0
    }

    .aboutimg2 {
        float: left;
        width: 43%
    }

    .aboutimg1 {
        width: 43%
    }

    .aboutimg3 {
        width: 91%
    }

    .top-info-box ul.topaddinfo {
        width: 100%
    }

    .top-info-box .top-social {
        width: 100%;
        padding: 0
    }

    .top-info-box .top-social ul {
        float: none;
        margin: 0
    }

    .top-info-box .top-social ul li {
        display: inline-block;
        float: none
    }

    .video-block {
        padding: 50px 15px 85px
    }

    .video-block1 {
        margin-top: -60px
    }

    .video-1-info {
        font-size: 15px;
        margin-bottom: 15px
    }

    .callbtn i {
        width: 40px;
        height: 40px;
        line-height: 33px;
        font-size: 14px;
        border: 4px solid #ececec
    }

    .video-wraper {
        padding-bottom: 190px
    }

    .about-imgbox-img {
        float: left;
        width: 100%
    }

    .about-imgbox-info {
        padding: 0 10px;
        width: 100%;
        margin-top: 20px
    }

    .about-imgbox-sign {
        margin-top: 10px;
        margin-bottom: 15px
    }

    .about-1-list ul li {
        width: 100%
    }

    .box-1-inner {
        margin: 0 15px;
        text-align: center
    }

    .box-1+.box-1 .box-1-inner {
        margin-left: 15px
    }

    .reason-1:nth-child(1) .reason-title,
    .reason-1:nth-child(3) .reason-title {
        width: 70%;
        margin: 0 0 0 10px
    }

    .reason-1:nth-child(1) .reason-1-info ul li {
        margin-left: 0
    }

    .reason-title {
        margin: 0;
        font-size: 15px
    }

    .register-1-inner h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px
    }

    .footer-logo {
        text-align: left;
        margin-bottom: 15px
    }

    .face-item {
        width: 100%
    }

    .choose-1-info ul li {
        width: 100%
    }

    .thumbslider-item-inner img {
        height: auto
    }

    .banner-img-desc h3 {
        padding-bottom: 0;
        font-size: 14px
    }

    #menu-icon span {
        margin: 0 0 0 10px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 16px
    }

    #menu-icon {
        font-size: 16px
    }
}

@media screen and (max-width:320px) {}