/* ===================================



    1. Global CSS



====================================== */







body {



    font-family: 'Montserrat', sans-serif;



    font-size: 14px; 	



    line-height: 18px;



    font-weight: 400;	    



    color: #293344;



    background-color: #fff;



    overflow-x: hidden;



}







body a {



    text-decoration: none;



    color: #293344;    



    transition: color .2s linear, 



        background-color .2s linear, 



        border-color .2s linear;



}







body a:hover {



    color: #293344;



}







body img {



    max-width: 100%;



    max-height: 100%;



    width: auto;



    height: auto;



    display: block;



}







::-moz-selection { 



    background-color: #fef271; 



}







::selection { 



    background-color: #fef271; 



}

.wp-block-columns{margin-bottom:0;}

.wp-block-column p{margin:0;}



.doc-loader {



    position: fixed;



    left: 0px;



    top: 0px;



    width: 100%;



    height: 100%;



    z-index: 99999;	



    background-color: #fff;



}







div.pp_default .pp_loaderIcon {



    display: none !important;



}







div.pp_default a.pp_arrow_previous {



    background-image: url(images/nav_left.png);



    background-size: 20px 20px;    



    width: 20px;



    height: 20px;



    margin-top: 5px;



    font-size: 0;



    line-height: 0;



    text-indent: -99999999px;



    transition: transform .3s ease;



}







div.pp_default a.pp_arrow_next {



    background-image: url(images/nav_right.png);



    background-size: 20px 20px;    



    width: 20px;



    height: 20px;



    margin-top: 5px;



    margin-left: 10px;



    font-size: 0;



    line-height: 0;



    text-indent: -99999999px;



    transition: transform .3s ease;



}







div.pp_default a.pp_arrow_previous:hover {



    transform: translateX(-5px);



}







div.pp_default a.pp_arrow_next:hover {



    transform: translateX(5px);



}







div.pp_default .pp_close {



    background-image: url(images/close.png);



    background-size: 30px 30px;



    margin-top: 5px;



    text-indent: -99999999px;



    font-size: 0;



    line-height: 0;    



}







div.pp_default .pp_nav .currentTextHolder {



    padding: 0 0 0 20px;



    color: #fff;



}







#wp-admin-bar-user-info .avatar {



    max-width: none;



    max-height: none;



}







nav.navigation.pagination {



    margin-top: 50px;



}







.nav-links .prev, 



.nav-links .next {



    display: none;



}







.nav-links a, 



.nav-links .current {



    margin: 0 10px;



}







.nav-links .current {



    border-bottom: 3px solid;



}







.image-slider-wrapper {



    margin-bottom: 21px;



}







ul.slick-dots {



    bottom: -35px;



    top: auto;



    left: 0;



    text-align: left;



}







.slick-dots li {



    margin-left: 0;



    margin-right: 8px;



}







.slick-dots li button:before {



    border-radius: 0;



    height: 6px;



    transition: opacity 0.3s ease;



    background-color: #000;



}





.site-content {



    width: calc(100% - 100px);



    margin-top: 60px;



    margin-left: 100px;



    padding-bottom: 100px;



    position: relative;



    transition: margin .3s .4s cubic-bezier(0.22, 0.61, 0.36, 1);



}







.admin-bar .site-content {



    margin-top: 60px;



}







.open .site-content {



    margin-left: 650px;



}







.done .site-content {



    transition-delay: 0s !important;



}







.content-left {



    float: left;



    width: 30%;



    position: relative;



}







.content-left-holder {



    position: fixed;    



}







.content-right {



    float: right;



    width: 70%;    



    position: relative;



}







.content-right-holder {



    width: 700px;    



    max-width: 95%;



}







.content-right-holder p {



    margin-bottom: 0;



}







.welcome-content {



    width: 300px;   



    padding-left: 35px;



    position: relative;



}







.welcome-image {



    position: absolute;



    top: -120px;



    left: -30px;



    z-index: -1;



    max-width: none;



    max-height: none;



    transition: all 0s ease;



}







.site-logo {



    padding: 0;

    max-width:300px;

}







.site-logo img {



    margin-bottom: 20px;    



}

.portrait{padding-top:10px;text-align:center;}

.portrait img{margin:0 auto;}





.site-description {



    font-size: 13px;



    line-height: 20px;



    padding-top: 40px;



}







.page h1.entry-title {



    margin-bottom: 45px;    



    font-size: 65px;



    line-height: 120%;    



}







.page h1 {        



    font-size: 44px;



    line-height: 38px;



    padding: 0;



}











/* ===================================



    2. Menu CSS



====================================== */



.slogan{padding-top:0;padding-bottom:0;text-align:center;}
.satisfaction{text-align:center;width:100%;}
.satisfaction img{width:160px;margin:0 auto;}

.qualiopi{text-align:center;}

.qualiopi img{width:150px;margin:0 auto;}



#header-main-menu {



    font-family: 'Montserrat', sans-serif, Arial;



    padding-left: 50px;



    padding-top: 150px;    



}







.main-menu.sm-clean {



    background-color: transparent;



    display: inline-block;



}







.sm-clean a {



    position: relative;



}







.sm-clean a, 



.sm-clean a:hover, 



.sm-clean a:focus, 



.sm-clean a:active {    



    color: #ffffff;



    padding: 5px 0;



    font-size: 30px;



    line-height: 40px;



    font-weight: 700;



}

#menu-item-116 a:after,

#menu-item-116 a.current:after

{

    background-color: #ffffff;

}

#menu-item-121 a:after,

#menu-item-121 a.current:after{

    background-color: #666;

}



#menu-item-191 a:after,

#menu-item-191 a.current:after{

    background-color: #ff6600;

}

#menu-item-189 a:after,

#menu-item-189 a.current:after{

    background-color: #76CC4E;

}



#menu-item-188 a:after,

#menu-item-1188 a.current:after{

    background-color: #00BEFF;

}

#menu-item-287 a:after,

#menu-item-287 a.current:after{

    background-color: #1F5EA7;

}



#menu-item-190 a:after,

#menu-item-190 a.current:after{

    background-color: #F4D119;

}



#menu-item-192 a:after,

#menu-item-192 a.current:after{

    background-color: #b71351;

}

#menu-item-506 a:after,

#menu-item-506 a.current:after{

    background-color: #31afb1;

}



.sm-clean a:after {



    content: '';



    display: block;



    width: 0;



    height: 6px;



    background-color: #8bd2ff;



    transition: width .3s;



    position: absolute;



    left: 0;



    bottom: 12px;



    z-index: -1;



}







.main-menu.sm-clean .sub-menu li a:after {



    height: 3px;



    bottom: 14px;



}







.sm-clean a.current:after, 



.sm-clean a:hover:after, 



.sm-clean ul a:hover:after {



    width: 100%;



}







.sm-clean a span.sub-arrow {



    color: #8bd2ff;



    font-size: 32px !important;



}







.sm-clean a span.sub-arrow:before {



    display: block;



    content: '\203A';



    transform: rotate(90deg);



}







.sm-clean a.highlighted span.sub-arrow:before {



    display: block;



    content: '\203A';



    transform: rotate(270deg) translateY(-3px);



}







.main-menu.sm-clean .sub-menu li a {



    color: #989898;



    text-transform: uppercase;



    font-size: 14px;



    line-height: 20px;



    padding: 10px 0;



}







.menu-background-image {



    position: absolute;



    z-index: -1;



    top: 38px;



}







.menu-left-part {



    width: 450px;



    position: fixed;



    background-color: #000;



    height: 100%;



    overflow-y: auto;



    overflow-x: hidden;



    z-index: 998;



    top: 0;



    left: -550px;



    transition: .3s .4s left cubic-bezier(0.22, 0.61, 0.36, 1);



    padding-left: 100px;    



}







.menu-left-part::-webkit-scrollbar-track {



    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);



    background-color: #F5F5F5;



}







.menu-left-part::-webkit-scrollbar {



    width: 7px;



    background-color: #F5F5F5;



}







.menu-left-part::-webkit-scrollbar-thumb {



    background-color: #8bd2ff;



}







.menu-left-part.open {



    left: 0;          



}







.menu-left-part.done {



    transition-delay: 0s !important;



}







.menu-right-part {



    position: fixed;



    width: 100px;



    left: 0px;



    top: 0;



    z-index: 999;



    transition: 0.2s left cubic-bezier(0.22, 0.61, 0.36, 1), 



        0s 0.2s background linear;



}







.menu-right-part.open {             



    left: -100px; 



}







.menu-right-part.open a {



    color: black;



}







.menu-right-part.open.done {             



    left: 0; 



}







.menu-right-part.done {



    left: -100px;



}







.search-field {



    font-family: 'Montserrat', sans-serif, Arial;



    max-width: 240px;



    width: 90%;



    color: #fff;



    font-size: 30px;



    line-height: 40px;



    font-weight: 700;



    background-color: transparent;



    border: none;



    border-bottom: 2px solid #000;   



    padding-bottom: 5px;



    text-align: left;    



    transition: border 0.4s ease;



    -webkit-appearance: none;



}







.search-field::-ms-clear {



    display: none; 



    width: 0; 



    height: 0; 



}







.search-field::-ms-reveal {  



    display: none; 



    width: 0; 



    height: 0; 



}







.search-field::-webkit-search-decoration,



.search-field::-webkit-search-cancel-button,



.search-field::-webkit-search-results-button,



.search-field::-webkit-search-results-decoration { 



    display: none; 



}







.search-field:focus {



    border-bottom: 2px solid #fff;    



}







.search-field::-webkit-input-placeholder {



    font-family: 'Montserrat', sans-serif, Arial;



    color: #fff;



    font-size: 30px;



    line-height: 40px;



    font-weight: 700;



    opacity: 1;



    text-align: left;



}







.search-field::-moz-placeholder {



    font-family: 'Montserrat', sans-serif, Arial;



    color: #fff;



    font-size: 30px;



    line-height: 40px;



    font-weight: 700; 



    opacity: 1;



    text-align: left;



}







.search-field:-ms-input-placeholder {



    font-family: 'Montserrat', sans-serif, Arial;



    color: #fff;



    font-size: 30px;



    line-height: 40px;



    font-weight: 700;



    opacity: 1;



    text-align: left;



}







.search-field:-moz-placeholder {



    font-family: 'Montserrat', sans-serif, Arial;



    color: #fff;



    font-size: 30px;



    line-height: 40px;



    font-weight: 700;



    opacity: 1;



    text-align: left;



}







.logo-holder {



    line-height: 0;



    font-size: 0;



}







.logo-holder img {



    max-width: 100%;



    max-height: 100%;



    width: 100%;



    height: auto;



}







#toggle {



    height: 60px;



    padding: 20px 0;



    position: relative;



    margin-top: 60px;



    transition: margin-top .3s .4s ease;



}







#toggle:hover {



    cursor: pointer;



}







#toggle:before, 



#toggle:after {



    content: '';



    height: 3px;



    width: 30px;



    background: #000000;



    left: 36px;



    position: absolute;



    -webkit-transform-origin: 50% 50%;



    transform-origin: 50% 50%;



    -webkit-transition: -webkit-transform 0.25s;



    -webkit-transition: all 0.25s;



    transition: all 0.25s;



    top: 48px;



}







#toggle:before {



    -webkit-transform: translate3d(0, -8px, 0);



    transform: translate3d(0, -8px, 0px);



    width: 21px;



    margin-left: 9px;



}







#toggle:hover:before {



    margin-left: 0;



}







#toggle.on:before {



    -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(0, 0, 0);



    transform: rotate3d(0, 0, 1, 45deg) translate3d(0, 0, 0);   



    background-color: #fff;



    margin-left: 0;



    width: 26px;



}







#toggle.on:after {



    -webkit-transform: rotate3d(0, 0, 1, -45deg);



    transform: rotate3d(0, 0, 1, -45deg);



    background-color: #fff;



    width: 26px;



}







#toggle:after {



    -webkit-transform: translate3d(0, 8px, 0);



    transform: translate3d(0, 8px, 0);



}







#toggle .menu-line {



    width: 13px;



    height: 3px;



    background: #000000;



    left: 36px;



    position: absolute;



    -webkit-transition: all 0.25s;



    transition: all 0.25s;



    top: 48px;



    margin-left: 17px;



}







#toggle:hover .menu-line {



    margin-left: 0;



}







#toggle.on .menu-line {



    opacity: 0;



}















/* ===================================



    2.1 Sidebar (Menu Widgets) CSS



====================================== */







#sidebar {



    margin-top: 100px;



    padding-left: 50px;



    padding-right: 30px;



    color: #989898;



    font-size: 12px;



    line-height: 17px;



}







#sidebar p {



    margin-bottom: 12px;



}







#sidebar .widget li {



    margin-bottom: 12px;



}







#sidebar ul {



    padding-left: 0;



    margin-left: 0;



    list-style: none;



    margin-top: 0;



}







#sidebar ul.children {



    margin-top: 10px;



    margin-left: 10px;



}







#sidebar .tagcloud a {



    line-height: 120%;



}







#sidebar a {



    color: #989898;



}







#sidebar a:hover {



    color: #acacac !important;



}







h4.widgettitle {



    color: #fff;



    font-size: 13px;



    text-transform: uppercase;



    padding-top: 0;



}







#sidebar li.widget {



    margin-bottom: 50px;



}







#sidebar select {



    max-width: 100%;



}







#sidebar .footer-social a {



    font-size: 19px;



    color: #fff;



    margin-left: 84px;



}







#sidebar .footer-social a:first-child {



    margin-left: 0;



}











/* ===================================



    3. Home Page CSS



====================================== */







.carousel-cell {



    margin-right: 50px;



}







.carousel-cell .post-num {



    color: #a6a6a6;



    padding-top: 25px;



}







.carousel-cell h2.entry-title {



    font-family: 'Nothing You Could Do', cursive;



    font-size: 15px;



    line-height: 20px;



    padding: 0;



    font-weight: 700;

    min-height:90px;    



}







.carousel-cell .cat-links {



    color: #000000;



}







.carousel-cell .cat-links:before {



    content: "";



    display: inline-block;



    width: 25px;



    height: 1px;



    background-color: #000;



    vertical-align: 5px;



    margin-right: 5px;



}







.flickity-prev-next-button.next {



    background-image: url('images/arrow_right@2x.png');



    background-size: 35px 20px;



    width: 35px;



    height: 20px;



    transition: transform .3s ease;



}







.flickity-prev-next-button.previous {



    background-image: url('images/arrow_left@2x.png');



    background-size: 35px 20px;



    width: 35px;



    height: 20px;



    transition: transform .3s ease;



}







.flickity-prev-next-button.next:hover {



    transform: translateX(10px);



}







.flickity-prev-next-button.previous:hover {



    transform: translateX(-10px);



}







.carousel-slider img {    



    max-width: none;



    max-height: none;



}







.flickity-prev-next-button.next {



    right: auto;



    left: -60px;



    z-index: 2;



    bottom: 95px;



    top: auto;



}







.flickity-prev-next-button.previous {



    right: auto;



    left: -110px;



    z-index: 2;



    bottom: 95px;



    top: auto;



}







.flickity-prev-next-button {



    background-color: transparent !important;



}







.flickity-prev-next-button:focus {



    outline: none;



    box-shadow: none;



}







.flickity-prev-next-button svg {



    display: none !important;



}







/* ===================================



    4. About Page CSS



====================================== */







h3.about-name {



    font-size: 24px;



    line-height: 38px;



    padding: 0;



}







.about-position {



    letter-spacing: 4px;



}







.progress_bar {



    margin-bottom: 15px;



}







.progress_bar_field_holder {



    height: 4px;



    position: relative;



    width: 100%;



    vertical-align: middle;



    overflow: hidden;



    background-color: #d5d5d5;



    max-width: 500px;



}







.progress_bar_title {



    font-family: "Montserrat", sans-serif;



    font-weight: 700;



    font-size: 12px;



    line-height: 22px;



    color: #000;



}







.progress_bar_field_perecent {



    height: 100%;



    position: absolute;



    top: 0;



    left: 0;



    background-color: #000;



}







/* ===================================



    5. Team Page CSS



====================================== */







.member-wrapper .member-content {



    padding-bottom: 0;



}







.service-wrapper {



    margin-bottom: 60px;



}







.service-holder {



    float: left;



    width: 46%;



    text-align: right;



}







.service-info {



    display: inline-block;



    vertical-align: top;



    width: 140px;



}







.service-title {



    display: block;



    font-size: 11px;



    line-height: 17px;



    color: #000;



    margin-bottom: 10px !important;



}







.service-content {



    font-size: 14px;



    line-height: 28px;    



    float: right;



    width: 46%;



}







.service-role {



    color: #000;



    font-size: 34px;



    line-height: 34px;    



    font-weight: 700;



    padding-bottom: 5px;



}







.service-line {



    width: 40px;



    border-top: 5px solid #000;



    margin-right: 0;



    margin-left: auto;



}











/* ===================================



    6. Blog Page CSS



====================================== */







.blog-item-holder {



    margin-bottom: 100px;



}







.blog-item-holder:last-child {



    margin-bottom: 0;



}







.blog-item-holder h2.entry-title {



    font-size: 32px;



    line-height: 38px;



    font-weight: 700;



    -ms-word-wrap: break-word;



    word-wrap: break-word;



}







.blog-item-holder .item-text {        



    position: relative;    



}







.blog-item-holder.has-post-thumbnail .item-text {



    margin-top: -135px;



    display: block;



}







.blog-item-holder.has-post-thumbnail.gif .item-text {



    margin-top: 0;    



}





.item-info,

.blog-item-holder .item-info, 

.blog-item-holder.has-post-thumbnail.gif .item-info {



    display: none;        



}







.blog-item-holder.has-post-thumbnail .item-info {



    display: block;



    padding-left: 35px;



    background-color: #fff;



    padding:   15px 0 10px 35px;



    width: 285px;



}







.post-thumbnail iframe {



    width: 100%;



}







.item-info:after {



    content: "";



    clear: both;



    display: block;



}







.item-info ul {



    padding: 0;



    margin: 0;



    list-style: none;



}







.blog-item-holder.has-post-thumbnail .item-info-left {



    width: 50%;



    float: left;



}







.blog-item-holder.has-post-thumbnail .item-info-right {



    width: 50%;



    float: right;



}







.blog-item-holder.has-post-thumbnail .item-info-left ul:first-of-type, 



.blog-item-holder.has-post-thumbnail .item-info-right ul:first-of-type {



    padding-bottom: 20px;



}







.blog-item-holder ul.cat-links {



    padding-bottom: 0 !important;



}







.item-info-title {



    color: #000;



    font-weight: 700;



    margin-bottom: -5px;



}







.blog-item-holder .read-more {



    padding-top: 20px;



}







.read-more {



    position: relative;



    display: inline-block;



    font-weight: 700;    



}







a.read-more:after {



    content: '';



    display: block;



    width: 0;



    height: 4px;



    background-color: #8bd2ff;



    transition: width .3s;



    position: absolute;



    left: 0;



    bottom: 6px;



    z-index: -1;



}







a.read-more:hover {



    color: #000;



}







a.read-more:hover:after {



    width: 100%;



}











/* ===================================



    7. Single Post CSS



====================================== */







.single .post-thumbnail {



   padding-bottom: 15px; 



}







.single .entry-holder {



    float: right;



    /*width: calc(100% - 200px);  */



}







.single-post h1.entry-title {



    margin-bottom: 30px;



    -ms-word-wrap: break-word;



    word-wrap: break-word;





}







.post-info {



    float: left;



    width: 100px;



    padding-right: 100px;



}







.post-info .post-num {



    font-size: 60px;



    line-height: 100%;



    margin-top: 20px;



    color: #000;



}







.post-info .post-num .separator {



    color: #dbdbdb;



    vertical-align: -20px;



    font-size: 50px;



    margin-left: -22px;



}







.post-info .post-num .total-posts {



    color: #dbdbdb;



    vertical-align: -40px;



    margin-left: -26px;



    font-size: 27px;



    letter-spacing: -2px;



}







.single-post .item-info-text {



    padding-bottom: 25px;



}







.tags-holder {



    margin: 50px 0;



    display: inline-block;



}







.tags-holder a {



    color: #b1b1b1;



    border: 1px solid;



    text-decoration: none;



    margin-right: 20px;



    margin-top: 10px;



    margin-bottom: 10px;



    display: inline-block;



    border-radius: 50px;



    padding: 5px 20px;



    font-size: 13px;



}







.tags-holder a:last-of-type {



    margin-right: 0;



}







.single .wp-link-pages span {



    color: #191919;



}







.single .wp-link-pages {



    color: #d7b065;



}











/* ===================================



    7.1 Comments CSS



====================================== */







ol.comments-list-holder {



    margin-top: 55px;



    border-top: 4px solid #000;



    padding-top: 70px;



}







.single #comments {



    float: right;



    width: 500px;    



}







.comments-holder ol.comments-list-holder, 



.comments-holder ul.children {



    list-style-type: none;



    padding-left: 0;



    margin-left: 0;



}







.vcard img {



    border-radius: 100px;



}







.comments-holder .comment-author-date-replay-holder {



    margin-left: 110px;



    padding-top: 8px;



    padding-left: 0;



}







.comments-holder .pingback {



    padding-bottom: 80px;



}







.comments-holder .pingback .comment-author-date-replay-holder {



    margin-left: 0;



}







ul.comment-author-date-replay-holder li {



    display: inline-block;



    font-weight: 300;



}







ul.comment-author-date-replay-holder li.comment-author {



    max-width: 90%;



    font-weight: 700;



    color: #000;



}







.comment-date {



    font-weight: 300;



    margin-left: 110px;



    font-size: 13px;



    margin-top: -5px;



}







.pingback .comment-date {



    margin-left: 0;



    margin-top: 5px



}







.comment-reply {



    float: right;



}







.comment-reply-link {



    text-decoration: none;



    font-size: 12px;



    position: relative;



}







.comments-number {



    font-size: 24px;



    line-height: 25px;



    color: #6f6f6f;



    text-align: center;



}







.comment-content-holder {



    margin-left: 50px;



}







.comment-content-holder {



    width: 470px;



}







.comment-time-separator {



    display: inline-block;



    margin: 0 20px;



}







.pingback .comment-text {



    padding-top: 20px;



}







.comment-text {



    clear: both;



    margin-top: 33px;



}







.comment-text p {



    display: inline;



}







.replay-at-author {



    color: #000;



    margin-right: 10px;



    font-weight: 700;



}







#reply-title {



    font-size: 20px;



    font-family: 'Roboto', sans-serif;



}







#cancel-comment-reply-link {



    font-size: 13px;



    padding-left: 15px;



}







.comment-time {



    display: inline-block;



    font-size: 14px;



}







.comment-form-holder {



    padding-bottom: 50px;



    padding-top: 25px;



}







.comment {



    padding-bottom: 80px;



    list-style: none;



    margin: 0;



    padding-left: 0;



}







.children .comment {    



    padding-top: 80px;



    padding-bottom: 0;



}







.comment:last-child {



    padding-bottom: 0;



}







.logged-in-as {



    margin-bottom: 50px;



    font-size: 18px;



    font-weight: 300;



}







.comment-separator.no-comments {



    color: #6f6f6f;



    line-height: 25px;



    margin-bottom: 50px;



    text-align: center;



}







#commentform #email, 



#commentform #author, 



#commentform #comment {



    border: 0;



    border-bottom: 2px solid;



    padding-bottom: 13px;



    height: 28px;



    font-size: 15px;



    font-family: 'Roboto', sans-serif;



    width: 100%;



    line-height: 25px;



    color: #404040;



    font-weight: 400;



    font-size: 15px;



    margin-bottom: 35px;



}







#commentform input[type=text]::-webkit-input-placeholder, 



#commentform input[type=email]::-webkit-input-placeholder, 



#commentform textarea::-webkit-input-placeholder {



    font-family: 'Roboto', sans-serif;



    color: #404040;



    font-weight: 400;



    font-size: 15px;



    line-height: 25px;    



}







#commentform input[type=text]::-moz-placeholder,



#commentform input[type=email]::-moz-placeholder,



#commentform textarea::-moz-placeholder {



    font-family: 'Roboto', sans-serif;



    color: #404040;



    font-weight: 400;



    font-size: 15px;



    line-height: 25px;



    opacity: 1;    



}







#commentform input[type=text]:-ms-input-placeholder,



#commentform input[type=email]:-ms-input-placeholder, 



#commentform textarea:-ms-input-placeholder {



    font-family: 'Roboto', sans-serif;



    color: #404040;



    font-weight: 400;



    font-size: 15px;



    line-height: 25px;    



}







#commentform input[type=text]:-moz-placeholder, 



#commentform input[type=email]:-moz-placeholder,



#commentform textarea:-moz-placeholder {



    font-family: 'Roboto', sans-serif;



    color: #404040;



    font-weight: 400;



    font-size: 15px;



    line-height: 25px;



    opacity: 1;    



}







#commentform #author, 



#commentform #comment {



    padding-bottom: 5px;



}







#commentform #comment {



    height: 150px;



}







.form-submit {



    position: relative;



    margin-bottom: 25px;



}







.form-submit input[type=submit] {



    display: inline-block;



    border: 2px solid;



    text-align: center;



    padding: 20px 0px;



    cursor: pointer;



    margin-bottom: 25px;



    vertical-align: middle;



    text-decoration: none;



    background: transparent;



    font-family: 'Roboto', sans-serif;



    font-weight: 700;



    width: 100%;



    font-size: 15px;



    transition: color .2s ease,



        background-color .2s ease,



        border-color .2s ease;



}















/* ===================================



    8. Portfolio Page CSS



====================================== */







.category-filter {



    position: absolute;



    right: 15px;



    top: -20px;



    z-index: 5;



    width: 25px;



    height: 15px;



    cursor: pointer;



}







.category-filter-icon {



    width: 20px;



    height: 3px;



    background-color: #000;



    float: right;



    transition: width .3s ease;



}







.category-filter:hover .category-filter-icon {



    width: 24px;



}







.category-filter-icon:after {



    content: "";



    display: block;



    width: 10px;



    height: 3px;



    background-color: #000;



    transform: translate(-5px,8px);



    transition: transform .3s ease;



}







.category-filter:hover .category-filter-icon:after {



    transform: translate(4px,8px);



}







.category-filter-icon:before {



    content: "";



    display: block;



    width: 10px;



    height: 3px;



    background-color: #000;



    transform: translate(10px,11px);



    transition: transform .3s ease;



}







.category-filter:hover .category-filter-icon:before {



    transform: translate(14px,11px);



}







.category-filter-list {



    background-color: #000;



    padding: 24px 20px;



    width: 110px;



    display: none;



    position: absolute;



    right: 15px;



    top: 15px;



    font-size: 13px;



    line-height: 22px;



    color: #fff;



    z-index: 99;



    cursor: pointer;



}







.category-filter-list .button {



    transition: color .3s ease;



}







.category-filter-list .button.is-checked {



    color: #8bd2ff;



}







.category-filter-list .button:hover {



    color: #8bd2ff;



}







.isotope.no-transition,



.isotope.no-transition .isotope-item,



.isotope .isotope-item.no-transition {



    -webkit-transition-duration: 0s;



    -moz-transition-duration: 0s;



    -ms-transition-duration: 0s;



    -o-transition-duration: 0s;



    transition-duration: 0s;



}







.portfolio-wrapper {



    width: 1200px;



    max-width: 100%;



    margin: 0 auto;



    position: relative;



}







.grid {



    width: 1200px;



    max-width: 100%;



    margin: 0 auto;    



    position: relative;



    display: block;



    overflow: hidden;



}







.grid-item {



    float: left;



    font-size: 0;



    line-height: 0;



    box-sizing:border-box;



    -moz-box-sizing:border-box;



    -webkit-box-sizing:border-box;



    border: 15px solid white;



    overflow: hidden;



}







.grid-item img {



    display: block;



    width: 100%;



    height: auto;



    max-height: none;



    max-width: none;



    border-radius: 2px;



    transition: transform .3s ease;



}







.grid-item a:first-of-type:hover img {



    transform: translateY(20px);



}







.grid-sizer, 



.grid-item {    



    width: 33.333%;



    width: calc(100%/3);



}







.grid-item.p_two_third { 



    width: 66.666%;



    width: calc(100%/3*2);



}







.grid-item.p_one {



    width: 100%;



}







.portfolio-text-holder {



    position: absolute;



    left: 0;



    bottom: 0;



    z-index: 1;



    font-size: 20px;



    background-color: white;    



    padding: 20px;



    transform: translateY(100%);



    transition: transform .3s ease;



}







.grid-item a:first-of-type:hover .portfolio-text-holder {



    transform: translateY(0);



}







.portfolio-text {



    font-size: 15px;



    line-height: 20px;



    font-weight: 700;



}



.grid-item a:hover {



    color: #000;



}







.portfolio-cat {



    line-height: 25px;



    font-size: 12px;



    color: #000;



}







.portfolio-cat:before {



    content: "";



    display: inline-block;



    width: 25px;



    height: 1px;



    background-color: #000;



    vertical-align: 4px;



    margin-right: 5px;



}











/* ===================================



    9. Portfolio Single Post CSS



====================================== */







.top-content {



    margin-bottom: 50px;



}







.single-portfolio h1.entry-title {



    font-size: 24px;



    line-height: 38px;



    padding-top: 0;



}







.item-info-content ul {



    padding-left: 0;



    margin-left: 0;



    list-style: none;



}







.single-nav {



    padding-bottom: 20px;



    padding-top: 0;



}







.single .nav-previous {



    float: left;

    margin-left: 30px;

}







.single .nav-previous a img {



    transition: transform .3s ease;



    width: 35px;



    height: 20px;



}







.single .nav-previous a img:hover {



    transform: translate(-10px);



}







.single .nav-next {



    float: left;



    



}







.single .nav-next a img {



    transition: transform .3s ease;



    width: 35px;



    height: 20px;



}







.single .nav-next a img:hover {



    transform: translate(10px);



}







.single-portfolio .item-info-text {



    padding-bottom: 15px;



}







.single-portfolio .single-nav.mob {



    display: none;



    text-align: center;



}















/* ===================================



    10. Contact Page CSS



====================================== */







.wpcf7-form {



    max-width: 500px;



    margin: 0 auto;



}







.wpcf7-form input[type=text],



.wpcf7-form input[type=email],



.wpcf7-form textarea {



    border: 0;



    border-bottom: 2px solid;



    padding-top: 13px;



    padding-bottom: 13px;



    margin: 10px 0;



    height: 28px;



    font-size: 15px;



    font-family: 'Roboto', sans-serif;



    width: 100%;



    line-height: 25px;



}







.wpcf7-form input[name="your-name"] {



    margin-top: 0;



    padding-top: 0;



}







.wpcf7-form textarea {



    height: 150px;



}







.wpcf7-form input[type=submit] {	



    display: inline-block;



    border: 2px solid;



    text-align: center;



    padding: 20px 0px;



    cursor: pointer;



    margin-bottom: 25px;



    vertical-align: middle;



    text-decoration: none;



    background: transparent;



    font-family: 'Roboto', sans-serif;



    font-weight: 700;



    width: 100%;



    font-size: 15px;



    transition: color .2s ease, 



        background-color .2s ease,



        border-color .2s ease;



}



.wpcf7-form input[type=submit]:hover {



    color: #0697ae;



}







.wpcf7-form input[type=text]::-webkit-input-placeholder, 



.wpcf7-form input[type=email]::-webkit-input-placeholder, 



.wpcf7-form textarea::-webkit-input-placeholder {



    font-family: 'Roboto', sans-serif;



    color: #404040;



    font-weight: 400;



    font-size: 15px;



    line-height: 25px;    



}







.wpcf7-form input[type=text]::-moz-placeholder, 



.wpcf7-form input[type=email]::-moz-placeholder, 



.wpcf7-form textarea::-moz-placeholder {



    font-family: 'Roboto', sans-serif;



    color: #404040;



    font-weight: 400;



    font-size: 15px;



    line-height: 25px;



    opacity: 1;    



}







.wpcf7-form input[type=text]:-ms-input-placeholder, 



.wpcf7-form input[type=email]:-ms-input-placeholder, 



.wpcf7-form textarea:-ms-input-placeholder {



    font-family: 'Roboto', sans-serif;



    color: #404040;



    font-weight: 400;



    font-size: 15px;



    line-height: 25px;    



}







.wpcf7-form input[type=text]:-moz-placeholder, 



.wpcf7-form input[type=email]:-moz-placeholder, 



.wpcf7-form textarea:-moz-placeholder {



    font-family: 'Roboto', sans-serif;



    color: #404040;



    font-weight: 400;



    font-size: 15px;



    line-height: 25px;



    opacity: 1;    



}











/* ===================================



    11. Archive CSS



====================================== */







.archive-title h1 {



    font-size: 30px;



    line-height: 35px;



    padding-top: 0;



    padding-bottom: 15px;



    margin-bottom: 90px;



    border-bottom: 5px solid;



}











/* ===================================



    12. Search CSS



====================================== */







.search-results .blog-item-holder {



    margin-bottom: 0;



}















/* ===================================



    13. Responsive CSS



====================================== */







@media screen and (max-width: 1440px) {







    #toggle {



        margin-top: 44px;



    }







    .admin-bar #toggle {



        margin-top: 73px;



    }







    .admin-bar .site-content, 



    .site-content {



        margin-top: 40px;



    }







    .page-template-page-home .site-content



    {



        padding-bottom: 0;



    }







    .content-right



    {



        width: 65%;



    }        



}







@media screen and (max-width: 1366px) {







    .carousel-cell img {



        max-height: 460px;



    }



    



}







@media screen and (max-width: 1024px) {    



    



    .site-content {     



        padding-bottom: 50px;



        margin-left: 0;



        width: 100%;



    }







    .site-content {



        padding-bottom: 50px !important;



    }







    .menu-right-part {



        position: absolute;



    }







    .menu-right-part.open {    



        position: fixed;



    }







    .content-left {



        float: none;
        padding:0 25px;


        width: 100%;



    }







    .content-left-holder {



        position: relative;



    }







    .content-right {        



        width: 95%;



        float: none;



        margin: 0 auto;        



    }







    .content-right-holder {            



        margin: 0 auto;



        max-width: 100%;



    }







    .welcome-content {



        width: 100%;



        padding: 0;



    }







    .welcome-image {



        display: none;



    }







    .site-logo {



        display: inline-block;



    }







    .site-description {



        display: inline-block;



        vertical-align: top;



        text-align: left;



        padding-left: 80px;



        max-width: 200px;



    }   







    .flickity-prev-next-button.next {



        right: 20px;



        left: auto;    



        top: -40px;



    }







    .flickity-prev-next-button.previous {



        right: 75px;



        left: auto;     



        top: -40px;



    }







    .progress_bar_field_holder {



        max-width: 100%;



    }







    .page h1.entry-title {



        text-align: center;



    }



    



}











@media screen and (max-width: 782px) {   



    



    .admin-bar .site-content {



        margin-top: 67px;



    }



    



}







@media screen and (max-width: 640px) {    







    body.done {



        overflow: hidden;



    }



    h1{font-size:36px;}



    #toggle {



        margin-top: 5px;



    }





    .site-content {



        margin-top: 25px;



    }







    .open .site-content {



        margin-left: 0;



    }







    #header-main-menu {



        padding-left: 0;



        padding-top: 85px;



    }    







    #sidebar {



        padding-left: 0;



    }







    .menu-right-part {



        margin-left: -25px;



    }   







    .menu-left-part {



        width: 100%;



        width: calc(100% - 100px);



        left: -120%;



        left: calc(-100% - 100px);



    }







    .site-logo {



        /*display: block;  */



    }







    .site-logo img {



        margin-left: auto;



        margin-right: auto;



        margin-bottom: 20px;



    }







    .site-description {



        display: block;



        padding-bottom: 45px;



        padding-left: 0;



        text-align: center;



        margin: 0 auto;



    }







    .page-template-page-home .site-description {



        padding-bottom: 100px;



    }







    .carousel-cell {



        margin-right: 25px;



    }







    .carousel-cell img {



        max-height: 215px;



    }







    .one_half, 



    .one_third, 



    .one_fourth, 



    .two_third, 



    .three_fourth {



        width: 100%;



        float: none;



        margin-right: 0;



        margin-left: 0;



        text-align: center;



    }







    .member-wrapper .text-right {



        text-align: center;



    }







    .service-holder {



        float: none;



        width: 100%;



        text-align: center;



        display: block;



    }







    .service-content {



        float: none;



        display: block;



        width: 100%;



        text-align: center;



    }







    .service-line {



        margin-right: auto;    



        padding-bottom: 25px;



    }







    .category-filter-list {



        line-height: 30px;



    }







    .grid-sizer, 



    .grid-item, 



    .grid-item.p_two_third {



        width: 50%;



    }







    .blog-item-holder {



        margin-bottom: 50px;



    }







    .blog-item-holder .read-more {



        padding-top: 5px;



    }







    .blog-item-holder.has-post-thumbnail .item-text {



        margin-top: 0 !important;



    }    







    .blog-item-holder.has-post-thumbnail .item-info {    



        padding: 25px 0 0 0;



        width: 100%;



        font-size: 12px;



        line-height: 18px;



    }







    .blog-item-holder.has-post-thumbnail .item-info-left ul:first-of-type, 



    .blog-item-holder.has-post-thumbnail .item-info-right ul:first-of-type {



        padding-bottom: 10px;



    }







    .blog-item-holder h2.entry-title {    



        font-size: 26px;



        line-height: 32px;            



    }







    .top-content {



        margin-bottom: 35px;



    }







    .single-post .post-info {



        text-align: center;



        float: none;



        width: 100%;



        padding-right: 0;



        font-size: 12px;



        line-height: 18px;



    }







    .post-info .post-num {        



        font-size: 40px;



        margin-top: 0;



        margin-bottom: 20px;



    }







    .post-info .post-num span {



        letter-spacing: 0;



    }







    .post-info .post-num .separator {



        font-size: 35px;



        vertical-align: -10px;



        margin-left: -15px;



    }







    .post-info .post-num .total-posts {



        font-size: 35px;



        vertical-align: -30px;



        margin-left: -15px;



    }







    .single-post .item-info-left {



        display: inline-block;



        padding-right: 35px;



    }







    .single-post .item-info-right {



        display: inline-block;



        vertical-align: top;



    }







    .single-post .item-info-text {



        padding-bottom: 10px;



    }







    .single-nav {



        padding-bottom: 10px;



        padding-top: 10px;



    }







    .single .nav-previous, 



    .single .nav-next {



        display: inline-block;



        float: none;



    }







    .single .entry-holder {



        text-align: center;



        float: none;



        width: 100%;



    }







    .single .entry-content {



        text-align: left;



    }







    blockquote.inline-blockquote {



        width: 100%;



        float: none;



        margin-right: 0;



        margin-top: 30px;



        font-size: 64px;



        line-height: 70px;



        margin-bottom: 0;

        margin-left:60px;        

        font-family: 'Nothing You Could Do', cursive;



    }







    .single-portfolio .post-info {



        float: none;



        width: 100%;



        padding-right: 0;



    }







    .single-portfolio .single-nav {



        display: none;



    }







    .single-portfolio .single-nav.mob {



        display: block;



    }







    .single-portfolio .item-info-content {



        text-align: center;



    }







    .single-portfolio .item-info {



        text-align: left;



        display: inline-block;



        margin-left: 20px;



        margin-right: 20px;



    }







    .single-portfolio .item-info ul {



        display: inline-block;



        margin-right: 40px;



    }







    .single-portfolio .item-info ul:last-of-type  {



        margin-right: 0;



    }







    .single #comments {



        float: none;



        width: 100%;



    }







    #sidebar .footer-social a {    



        margin-left: 40px;



    }    







}







@media screen and (max-width: 630px) {    



    



    .grid-sizer, 



    .grid-item, 



    .grid-item.p_two_third  {



        width: 100%;



    }





}