/*

Theme Name: Blanka WP

Theme URI: https://demo.cocobasic.com/blanka-wp/

Description: Creative One Page WordPress Theme perfect for any designer and photographer

Author: CocoBasic

Author URI:  https://www.cocobasic.com

License: GNU General Public License v2.0

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

Version: 1.3

Tags: grid-layout, four-columns, custom-colors, featured-images, threaded-comments, translation-ready, theme-options

Text Domain: blanka-wp

*/





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

[Table of contents]

1. Global CSS

        1.1 Global Header Logo/Menu CSS	

2. Blog Page CSS

3. General Page CSS

4. Single Post CSS

5. Comments CSS

6. Archive / Search Page CSS / 404 Page

7. Contact Page CSS

8. Footer CSS

9. Responsive CSS

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





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

    1. Global CSS

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

body {

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

    font-size: 16px;

    line-height: 24px;

    font-weight: 300;

    color: #7762a1;

    background-color: #fff;

}



body a {

    text-decoration: none;

    color: #e625a4;

    transition: color .2s ease;

}



body a:hover {

    color: #e625a4; 

}



body p, 

body pre {

    margin-bottom: 24px;

}



.site-wrapper ::selection {

    background-color: #e625a4;

}



.site-wrapper ::-moz-selection {

    background-color: #e625a4;

}



.site-wrapper img {

    max-width: 100%;

    max-height: 100%;

    width: auto;

    height: auto;

}



.form-submit input[type=submit],

.wpcf7 input[type=submit] {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

}



.doc-loader {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 99999;	

    background-color: #fff;

}



.doc-loader img {

    width: 64px;

    height: 64px;

    position: absolute;

    top: 50%;    

    left: 50%;

    transform: translate(-50%, -50%);

}



.site-content {

    overflow-x: hidden;

}



.content-1070 {

    width: 1070px;    

}



.content-960 {

    width: 960px;    

}



.content-740 {

    width: 740px;

}



.pagination-holder {

    margin: 60px 0;

}





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

    1.1 Global Header Logo/Menu CSS

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



.header-holder {

    z-index: 99 !important;

    background-color: #221c5a;

    width: 100% !important;

    top: 0;

    position: fixed;

}



.admin-bar .header-holder {

    top: 32px !important;

}



.sticky-wrapper {

    height: 77px !important;

}



.menu-wrapper {

    width: 98%;

    max-width: 1470px;

    min-height: 77px;

}



.header-logo {

    line-height: 0;

    font-size: 0;

    float: left;

    position: absolute;

    transform: translateY(-50%);

    top: 50%;

}



.menu-holder {

    float: right;

    max-width: 85%;

}



.toggle-holder {

    display: none;

    right: 10px;

    z-index: 1;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

}



#toggle:hover {

    cursor: pointer;

}



#toggle div {

    height: 3px;

    margin-bottom: 6px;

    background-color: #fff;

    width: 22px;

}



#toggle .second-menu-line {

    -webkit-transition: -webkit-transform 0.3s ease;

    transition: transform 0.3s ease;    

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

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

}



#toggle:hover .second-menu-line {

    -webkit-transform: translate3d(0,0,0) !important;

    transform: translate3d(0,0,0) !important;

}



#toggle.on .second-menu-line {

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

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

}



#toggle .third-menu-line {        

    margin-bottom: 5px;

}



#header-main-menu {

    display: inline-block;

}



.sm-clean .has-submenu {

    padding-right: 35px !important;

}



body .site-wrapper .sm-clean a {

    cursor: pointer;

    color: #fff;

}



.sm-clean a span.sub-arrow {

    right: 3px;

}



.sm-clean a.highlighted {

    padding: 15px;

}



.sm-clean a, 

.sm-clean a:hover, 

.sm-clean a:focus, 

.sm-clean a:active {

    font-size: 16px;

    font-weight: 300;

    transition: color .3s ease, background-color .3s ease;

    padding: 15px;

}



.sm-clean ul a, 

.sm-clean ul a:hover, 

.sm-clean ul a:focus, 

.sm-clean ul a:active {    

    font-size: 13px;

    line-height: 15px;

    padding: 10px;

}



.sm-clean {

    background-color: transparent;        

    padding: 15px 0;

}



body .sm-clean a:hover, 

body .main-menu.sm-clean .sub-menu li a:hover, 

body .sm-clean li.active a, 

body .sm-clean li.current-page-ancestor > a, 

body .sm-clean li.current_page_ancestor > a,

body .sm-clean li.current_page_item > a {

    color: #e625a4;

}



.sm-clean li {

    margin-right: 10px;

}



.sm-clean li:last-child {

    margin-right: 0;

}



.sm-clean ul {    

    background-color: #221c5a;

}



.sm-clean a.has-submenu {

    padding-right: 24px;

}



.sub-menu a, 

.children a {

    padding-left: 15px !important;

}



.sub-menu .sub-menu, 

.children .children {

    padding-top: 8px;

}





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

    2. Blog Page (Home) CSS

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



.blog .site-content {

    padding: 75px 0;

    background-color: #fff;

}



.blog .blog-holder {

    margin-top: 75px;

}



.blog-item-holder {

    text-align: center;

    padding: 30px 0;

}



.blog-item-holder:hover {

    background-color: #f3f1f6;

}



.blog-holder .post-thumbnail {

    max-width: 1070px;

    margin: 0 auto;

}



.blog-item-holder h4 {

    padding: 0;

    max-width: 930px;

    margin: 0 auto;

}



.blog-item-holder h4 a {

    color: #62408c;

    font-size: 22px;

    line-height: 45px;

    font-weight: 600;    

}



.blog-item-holder:hover h4 a {

    color: #e625a4;

}



.blog-item-holder h4 a span {

    box-shadow: none !important;

}



.blog-item-holder h4 a span:after {

    content: "\f061";

    padding: 13px 14px;

    background-color: #e625a4;

    display: inline-block;

    margin-left: 20px;

    border-radius: 90%;

    font: normal normal normal 14px/1 FontAwesome;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    font-size: 15px;

    color: #fff;

    opacity: 0;

    transition: opacity .4s ease, box-shadow .3s ease;

    position: absolute;    

    box-shadow: 0px 0px 50px 0px rgba(230,37,164,0.65);

}



.blog-item-holder:hover h4 a span:after {

    opacity: 1;    

}



.blog-item-holder .entry-date.published, 

.blog-item-holder .author.vcard, 

.blog-item-holder .kudos {

    display: inline-block;

}



.blog-item-holder .author.vcard, 

.blog-item-holder .kudos {

    margin-left: 20px;

}



.blog-item-holder .big-circle {

    width: 29px;

    height: 29px;

    display: inline-block;

    vertical-align: -8px;

    border: 1px solid;

    border-radius: 90%;

    position: relative;

    color: #e625a4;

    transition: all .3s ease;

}



.blog-item-holder .big-circle:after {

    content: "";

    position: absolute;

    top: 7px;

    left: 7px;

    width: 13px;

    height: 13px;

    border: 1px solid;

    border-radius: 90%;

}



.blog-item-holder .big-circle:before {

    content: "";

    position: absolute;

    top: 13px;

    left: 13px;

    width: 3px;

    height: 3px;

    background-color: #e625a4;

    border-radius: 90%;

}



.blog-item-holder .big-circle:hover { 

    cursor: pointer;

    color: #9a9a9a;    

}



.blog-item-holder .big-circle:hover:before {

    background-color: #9a9a9a;

}



.blog-item-holder .big-circle.alreadyvoted {

    color: #9a9a9a;

    cursor: auto;

}



.blog-item-holder .big-circle.alreadyvoted:before {

    background-color: #9a9a9a;

}



.blog-item-holder .post-kudo a {

    display: inline-block;

}



.blog-item-holder .count {

    margin-left: 5px;

    width: 1px;

    display: inline-block;

}



.more-posts-index-holder {

    margin: 100px 0 50px;

    min-height: 1px;

}



.blog .more-posts, 

.blog .no-more-posts, 

.blog .more-posts-loading {

    display: inline-block;

    color: #fff !important;

    background-color: #e625a4;

    text-align: left;

    padding-bottom: 17px;

    padding-top: 17px;

    padding-left: 40px;

    padding-right: 35px;

    cursor: pointer;

    vertical-align: middle;

    text-decoration: none;

    transition: all .2s linear;

    margin-bottom: 17px;

    border-radius: 50px;

    font-size: 16px;      

}



.blog .more-posts:after, 

.blog .more-posts-loading:after, 

.blog .no-more-posts:after {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f061";

    margin-left: 25px;

    transition: transform .3s ease;

}



.blog .more-posts-loading:after {

    content: "\f021";

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear;

}



.blog .no-more-posts:after {

    content: "\f00d";

}



.blog .more-posts:hover:after {

    transform: rotate(90deg)

}



.blog .more-posts-loading {

    opacity: 0.8;

}



.blog .more-posts, 

.blog .more-posts-loading {

    cursor: pointer;   

}



.blog .no-more-posts {

    cursor: auto;   

}



.blog .no-more-posts, 

.blog .more-posts-loading {

    display: none;

}





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

    3. General Page CSS

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



.section {

    position: relative;

    padding: 75px 0;

    background-color: #fff

}



.section h2.entry-title, 

.page-template-default.page .section h1.entry-title, 

.blog h1.entry-title {

    text-align: center;

    font-size: 12px;

    line-height: 34px;

    color: #7b06b0;

    text-transform: uppercase;

    font-weight: 400;

    letter-spacing: 5px;

    background-color: #efe2ff;

    display: table;

    margin: 0 auto;

    padding: 5px 30px 5px 35px;

    border-radius: 50px;

    margin-bottom: 50px;

}



.section .page-description, 

.blog .page-description {

    text-align: center;

    font-size: 24px;

    line-height: 40px;

    font-weight: 700;

    margin-bottom: 100px;

    color: #62408c;

}



.page .page-content {

    background-color: #fff;

    padding: 75px;    

}



.navigation.pagination {

    text-align: center;

}



.navigation.pagination .prev, 

.navigation.pagination .next {

    display: none;

}



.navigation.pagination a {

    margin: 0 5px;

    transition: all .3s ease;

    display: inline-block;

    width: 30px;

    height: 30px;

    line-height: 29px;

    border-radius: 90%;

    text-align: center;

}



.navigation.pagination a:hover {

    color: #e625a4;

}



.navigation.pagination .current {

    background-color: #e625a4;

    color: #fff;

    margin: 0 5px;

    transition: all .3s ease;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 90%;

    text-align: center;

}







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

    4. Single Post CSS

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



.single .site-content {

    background-color: #fff;    

}



.single h1.entry-title {

    color: #221c5a;

    font-weight: 600;

    font-size: 40px;

    line-height: 50px;

    margin-bottom: 10px;

    -ms-word-wrap: break-word;

    word-wrap: break-word;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    padding-top: 100px;

}



.single .has-post-thumbnail h1.entry-title {

    padding-top: 20px;

}



.single .entry-info {

    text-align: center;

    margin-left: auto;

    margin-right: auto;

    padding-bottom: 30px;

}



.single .entry-info a {

    color: #7762a1;

}



.single .entry-info a:hover {

    color: #e625a4;

}



.single .entry-info div, 

.single .entry-info .cat-links ul {

    display: inline-block;

}



.single .entry-info div:after {

    content: "/";

    display: inline-block;

    margin: 0 10px;

}



.single .entry-info div:last-of-type:after {

    display: none;

}



.single .entry-info ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.single .entry-info ul li {

    display: inline-block;

}



.entry-info .cat-links li:after {

    content: ",";

    padding-right: 5px;

}



.entry-info .cat-links ul li:last-child:after {

    display: none;

}



.single-post-featured-image {

    text-align: center;

    margin-bottom: 30px;

    padding-top: 100px;

}



.single-post .entry-content {

    padding: 45px 0;

}



.tags-holder {

    margin: 50px 0;

    display: inline-block;

}



.tags-holder a {

    color: #fff;

    border: 1px solid #e625a4;

    text-decoration: none;

    margin-right: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    display: inline-block;

    padding: 5px 17px 5px 20px;

    font-size: 10px;

    text-transform: uppercase;

    background-color: #e625a4;

    border-radius: 50px;

    transition: all .3s ease;

    letter-spacing: 3px;

}



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

    margin-right: 0;

}



.tags-holder a:hover {

    background-color: #fff; 

}



.single .wp-link-pages span {

    color: #191919;

}



.single .wp-link-pages {

    color: #e625a4;

}



.single .nav-links {

    padding-bottom: 75px;

    position: relative;

}



.single .nav-links a {

    color: #7762a1;

}



.single .nav-links a:hover {

    color: #e625a4;

}



.single .nav-previous {

    display: inline-block;

    text-align: right;

    float: left;

    width: 46%;

}



.single .nav-next {

    display: inline-block;

    float: right;

    width: 46%;

    text-align: left;

}



.nav-previous a, 

.nav-next a {    

    font-weight: 400;

    font-size: 20px;

    line-height: 28px;

}



.single .nav-previous a {

    float: right;

}



.single .nav-previous a[rel="prev"]:before {

    content: "\f060";

    display: block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 13px;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    margin-bottom: 10px;

    transition: transform .3s ease;

}



.single .nav-previous a[rel="prev"]:hover:before {

    transform: translateX(-10px);

}



.single .nav-next a {

    float: left;  

}



.single .nav-next a[rel="next"]:before {

    content: "\f061";

    display: block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: 13px;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    margin-bottom: 10px;

    transition: transform .3s ease;

}



.single .nav-next a[rel="next"]:hover:before {

    transform: translateX(10px);

}



.nav-links .cat-links ul {

    margin: 10px 0 0 0;

    padding: 0;

    list-style: none;

    line-height: 22px;

}



.nav-links .cat-links ul li {

    display: inline-block;

}



.nav-links .cat-links a {    

    font-size: 11px;

    line-height: 22px;

    letter-spacing: 5px;

    text-transform: uppercase;

    float: none;

}



.nav-links .cat-links li:after {

    content: ",";

    padding-right: 5px;

    display: inline-block;

    font-size: 11px;

    line-height: 22px;

}



.nav-links .cat-links li:last-child:after {

    display: none;

}





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

    5. Comments CSS

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



#comments {

    background-color: #fff;

    padding-bottom: 50px;

}



.comment-form-holder a {

    color: #7762a1;

}



.comment-form-holder a:hover {

    color: #e625a4;

}



ol.comments-list-holder {

    padding-bottom: 40px;

    margin: 0;

}



.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, 

.comments-holder .pingback .comment-text {

    margin-left: 0;

}



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

    display: inline-block;

}



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

    max-width: 90%;

    color: #221c5a;

    font-size: 18px;

    line-height: 22px;

    font-weight: 500;

}



.comment-date {

    margin-left: 110px;

    font-size: 11px;

    margin-top: -5px;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-weight: 400;

}



.pingback .comment-date {

    margin-left: 0;

    margin-top: 0;

}



.comment-reply {

    float: right;

}



a.comment-reply-link {

    text-decoration: none;

    font-size: 12px;

    position: relative;

    padding-left: 0 !important;

}



.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;

}



.comment-text {

    clear: both;

    font-size: 16px;

    line-height: 22px;

    margin-left: 110px;

    margin-top: -10px;

    display: inline-block;

}



.comment-text p {

    display: inline;

}



.replay-at-author {

    color: #e625a4;

    margin-right: 10px;

    font-weight: 500;

    position: relative;

    display: inline-block;

    z-index: 0;

}



#reply-title {

    font-size: 20px;    

}



#cancel-comment-reply-link {

    font-size: 13px;

    padding-left: 15px;

}



.comment-time {

    display: inline-block;

    font-size: 14px;

}



.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;

}



#commentform #email, 

#commentform #author,

#commentform #comment {

    color: #62408c;

    border: 0;

    border-bottom: 1px solid;

    height: 28px;

    font-size: 16px;

    line-height: 24px;

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

    font-weight: 300;

    width: 100%;

    padding: 0;

    margin-bottom: 40px;

}



#commentform #email, 

#commentform #author {

    padding-bottom: 5px;

}



#commentform #email {

    margin-bottom: 50px;

}



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

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

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

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

    color: #62408c;

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;    

}



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

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

#commentform textarea::-moz-placeholder {

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

    color: #62408c;

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;    

    opacity: 1;    

}



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

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

#commentform textarea:-ms-input-placeholder {

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

    color: #62408c;

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;    

}



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

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

#commentform textarea:-moz-placeholder {

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

    color: #62408c;

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;    

    opacity: 1;    

}



#commentform #comment {

    height: 150px;

}



.form-submit {

    position: relative;

    color: #ffffff;

    font-size: 16px;

}



.form-submit:after {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f061";

    margin-left: -45px;

    transition: transform .3s ease;

    position: absolute;

    margin-top: 20px;

}



.form-submit:hover:after {

    transform: translateX(5px);

}



.form-submit input[type=submit] {

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

    display: inline-block;

    font-weight: 300;

    border: none;

    color: #ffffff;

    background-color: #e625a4;

    text-align: center;

    padding-bottom: 17px;

    padding-top: 17px;

    padding-left: 40px;

    padding-right: 75px;

    cursor: pointer;

    vertical-align: middle;

    font-size: 16px;

    text-decoration: none;

    transition: all 0.2s linear;

    border-radius: 50px;

    box-shadow: 0px 0px 50px 0px rgba(230,37,164,0.65);

    box-sizing: inherit;

}







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

    6. Archive / Search Page CSS / 404 Page

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



.search h1.entry-title, 

.archive h1.entry-title {

    text-align: center;

    font-size: 12px;

    line-height: 34px;

    color: #7b06b0;

    text-transform: uppercase;

    font-weight: 400;

    letter-spacing: 5px;

    background-color: #efe2ff;

    display: table;

    margin: 50px auto;

    padding: 5px 30px 5px 35px;

    border-radius: 50px;    

}



.search-no-results .results-holder {

    margin-bottom: 50px;

    text-align: center;

}



.archive .pagination-holder {

    margin-top: 80px;

}



.error404 h1 {

    padding: 15% 0;

}





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

    7. Contact Page CSS

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



.contact-page-wrapper {

    max-width: 1070px;

    margin: 0 auto;    

    position: relative;    

    overflow: hidden;

}



.contact-page-left {

    background-color: #5f1ab4;

    width: calc(50% - 140px);

    height: calc(100% - 200px);

    float: left;

    padding: 100px 70px;

    color: #fff;

    position: absolute;

    border-radius: 50px 0 0 50px;

}



.contact-page-right {

    width: calc(50% - 140px);

    height: calc(100% - 200px);

    float: right;

    padding: 100px 70px;

    border-radius: 0 50px 50px 0;

    background-color: #fff;

}



.wpcf7-form {

    max-width: 100%;

    width: 770px;

    margin: 0 auto;

    font-size: 22px;

    color: #62408c;

}



.wpcf7 input[type=text], 

.wpcf7 input[type=email], 

.wpcf7 textarea {

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

    font-weight: 300;

    color: #62408c;

    border: 0;

    border-bottom: 1px solid;

    height: 28px;

    font-size: 16px;

    line-height: 24px;    

    width: 100%;

    padding: 0;

    margin-bottom: 40px;

}



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

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

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

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

    color: #62408c;

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;

}



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

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

.wpcf7 textarea::-moz-placeholder {

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

    color: #62408c;

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;

    opacity: 1;

}



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

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

.wpcf7 textarea:-ms-input-placeholder {

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

    color: #62408c;

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;

}



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

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

.wpcf7 textarea:-moz-placeholder {

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

    color: #62408c;

    font-weight: 300;

    font-size: 16px;

    line-height: 24px;

    opacity: 1;

}



.wpcf7 input[type=text],

.wpcf7 input[type=email] {

    padding-bottom: 5px;

}



.wpcf7 textarea {

    -webkit-transition: all 0.3s linear;    

    transition: all 0.3s linear;

    padding-top: 8px;

    overflow: hidden;

    height: 150px;

}



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

    margin-top: 0;

    padding-top: 0;

}



.contact-submit-holder {

    display: table;

    margin: 0 auto;

    position: relative;

    color: #ffffff;

    font-size: 16px;

}



div.wpcf7-validation-errors {

    margin-top: 30px !important;

}



.contact-submit-holder:after {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    content: "\f061";

    margin-left: -45px;

    transition: transform .3s ease;

    position: absolute;

    margin-top: 20px;

}



.contact-submit-holder:hover:after {

    transform: translateX(5px);

}



.wpcf7 input[type=submit] {

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

    display: inline-block;

    font-weight: 300;

    border: none;

    color: #ffffff;

    background-color: #e625a4;

    text-align: center;

    padding-bottom: 17px;

    padding-top: 17px;

    padding-left: 40px;

    padding-right: 75px;

    cursor: pointer;

    vertical-align: middle;

    font-size: 16px;

    text-decoration: none;

    transition: all 0.2s linear;

    border-radius: 50px;

    box-shadow: 0px 0px 50px 0px rgba(230,37,164,0.65);

    box-sizing: inherit;

}



span.wpcf7-not-valid-tip {

    font-size: 12px;

}	



div.wpcf7-response-output {

    margin: 0;

    padding: 0.2em 1em;

    font-size: 14px;

}



div.wpcf7 .ajax-loader {

    display: none !important;

}







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

    8. Footer CSS

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





footer ul {

    list-style: none;

    padding-left: 0;

    margin-left: 0;

}



.footer {

    font-size: 16px;

    line-height: 36px;

    padding-top: 20px;

    padding-bottom: 20px;

    clear: both;

    color: #fff;

    text-align: center;

    background-color: #221c5a;

}



body .footer a {

    color: #fff;

}



.footer-text:before {

    content: "";

    display: block;

    height: 77px;

    width: 2px;

    background: #1a1a1a;

    position: absolute;

    left: 50%;

    margin-left: -2px;

    top: -95px;

}



.footer-text {

    position: relative;

    margin-top: 80px;

    padding-bottom: 50px;

}



.widget_search .search-field::-ms-clear {  

    display: none; 

    width: 0; 

    height: 0; 

}



.widget_search .search-field::-ms-reveal {  

    display: none; 

    width: 0; 

    height: 0; 

}



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

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

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

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

    display: none; 

}



.widget_search .search-field {

    font-family: 'Poppins', serif;

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    font-weight: 300;   

    text-align: left;        

    max-width: 350px;

    width: 90%;

    background-color: transparent;

    border: 0;

    border-bottom: 1px solid;

    text-align: left;        

    -webkit-appearance: none;        

}



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

    font-family: 'Poppins', serif;

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    font-weight: 300;   

    opacity: 1;

    text-align: left;    

}



.widget_search .search-field::-moz-placeholder {

    font-family: 'Poppins', serif;

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    font-weight: 300;   

    opacity: 1;

    text-align: left;    

}



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

    font-family: 'Poppins', serif;

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    font-weight: 300;   

    opacity: 1;

    text-align: left;    

}



.widget_search .search-field:-moz-placeholder {

    font-family: 'Poppins', serif;

    color: #ffffff;

    font-size: 14px;

    line-height: 28px;

    font-weight: 300;   

    opacity: 1;

    text-align: left;    

}



ul#footer-sidebar li.widget {

    width: 30.6%;

    margin-right: 4%;

    float: left;    

    margin-bottom: 50px;

    text-align: left;

}



ul#footer-sidebar li.widget:nth-child(3n) {

    margin-right: 0;

}



ul#footer-sidebar li.widget:nth-child(3n+1) {

    clear: left;

}



ul#footer-sidebar:after {

    clear: both;

    content: "";

    display: block;

}



ul#footer-sidebar {

    padding-bottom: 30px;

    font-size: 14px;

    line-height: 28px;

    margin: 0;

    border-bottom: 2px solid;

}



h4.widgettitle {

    font-size: 16px;

}



.tagcloud a {

    font-size: 14px !important;

    display: block;

}



.widget_recent_entries a {

    border-bottom: 1px solid;

}



.widget_recent_entries span.post-date {

    display: block;

    font-size: 12px;

    line-height: 100%;

    margin-bottom: 20px;

}



ul#footer-sidebar li.widget select {

    max-width: 100%;

}



ul.copyright-holder {

    font-size: 14px;

}



ul.copyright-holder:after {

    content: "";

    display: block;

    clear: both;

}



li.copyright-footer {

    float: left;

    text-align: left;

    width: 50%;

}



li.social-footer {

    float: right;

    text-align: right;

    width: 50%;

}



li.social-footer a {

    padding-left: 20px;

}



li.social-footer a:first-child {

    padding-left: 0;

}





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

    9. Responsive CSS

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





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



    .content-1070, 

    .content-960, 

    .content-740 {

        max-width: 95%;

    }               



}



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



    blockquote:not(.cocobasic-block-pullquote) {    

        font-size: 17px;

        line-height: 28px;    

    }



    blockquote:not(.cocobasic-block-pullquote):before {

        line-height: 150px;

        font-size: 150px;

        position: relative;

        top: 0;

        left: 0;    

        text-align: center;

        display: block;

        margin-bottom: -60px;

    }        



}



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



    .sm-clean li {

        margin-right: 8px;

    }



    .sm-clean a, 

    .sm-clean a:hover, 

    .sm-clean a:focus, 

    .sm-clean a:active, 

    .sm-clean a.highlighted {

        padding: 15px 8px;

    }



}



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



    #header-main-menu {

        padding-bottom: 70px;

    }



    .section {

        background-attachment: scroll !important;

        padding: 75px 0 !important;

    }



    .menu-wrapper {

        width: 95%;

    }



    .main-menu ul {

        width: 12em;

    }        



    .toggle-holder {

        display: block;

    }



    .sm-clean li {

        margin: 0 auto !important;

    }



    .sm-clean a.has-submenu {

        display: inline-block;

    }



    .menu-holder {

        position: fixed;

        text-align: center;

        height: 100%;

        background-color: #221c5a;

        right: -100%;

        top: 77px;

        transition: right .3s ease;

        width: 300px;

        overflow: auto;

        max-width: 100%;

    }    



    .menu-holder.show {

        right: 0;

    }



    .sm-clean ul ul a, 

    .sm-clean ul ul a:hover, 

    .sm-clean ul ul a:focus, 

    .sm-clean ul ul a:active {

        border: none;

    }



    .sm-clean a span.sub-arrow {

        background: transparent;

    }



    .sm-clean a, 

    .sm-clean a:hover, 

    .sm-clean a:focus, 

    .sm-clean a:active, 

    .sm-clean a.highlighted {

        padding: 10px 18px 10px 18px;

        margin-bottom: 5px;

    }



    .text-left {

        text-align: center;

    }   



    .section h2.entry-title, 

    .page-template-default.page .section h1.entry-title, 

    .blog h1.entry-title {

        margin-bottom: 35px;

    }



    .section .page-description, 

    .blog .page-description {

        font-size: 20px;

        line-height: 30px;

        margin-bottom: 70px;

    }



    .blog-item-holder h4 a {   

        max-width: 95%;

        display: inline-block;

        font-size: 18px;

        line-height: 30px;

    }



    .blog-item-holder h4 a span {

        display: none !important;

    }



    .blog-item-holder .entry-date.published, 

    .blog-item-holder .author.vcard, .blog-item-holder .kudos {

        margin-top: 10px;

    }



    .contact-page-left {

        float: none;

        position: relative;

        width: 80%;

        height: auto;

        padding: 10% 10% 3% 10%;

        border-radius: 50px 50px 0 0;

        text-align: center;

    }



    .contact-page-right {

        float: none;

        width: 80%;

        height: auto;

        border-radius: 0 0 50px 50px;

        padding: 10%;

    }



    .single h1.entry-title {

        font-size: 35px;

        line-height: 40px;

        margin-bottom: 0;

        max-width: 95%;

    } 



    .single-post .entry-content {

        padding: 20px 0;

    }



    .one_half, 

    .one_third, 

    .one_fourth,

    .two_third,

    .three_fourth {

        width: 100% !important;

        float: none;

        margin-right: 0;

        margin-left: 0;

        text-align: center;

    }



    .footer {

        padding-bottom: 30px;

    }    



    ul#footer-sidebar li.widget {

        width: 100%;

        margin-right: 0;

        float: none;

        margin-bottom: 30px;

    }



    ul#footer-sidebar li.widget:nth-child(3n) {

        margin-bottom: 0;

    }



    li.copyright-footer {

        float: none;

        text-align: center;

        width: 100%;

    }



    li.social-footer {

        float: none;

        text-align: center;

        width: 100%;

    }



    .wait-01s, 

    .wait-02s,

    .wait-03s,

    .wait-04s,

    .wait-05s,

    .wait-06s,

    .wait-07s,

    .wait-08s, 

    .wait-09s, 

    .wait-10s,

    .wait-11s,

    .wait-12s,

    .wait-13s,

    .wait-14s,

    .wait-15s {

        -webkit-transition-delay: 0s;

        transition-delay: 0s;

    }



}



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



    .single-post .tags-holder {

        width: auto;

    }



}



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



    .page .page-content {

        padding: 5%;

    }



    .single .nav-previous, 

    .single .nav-next {

        display: block;

        width: 95%;

        text-align: center;

        float: none;

        margin-left: auto;

        margin-right: auto;

    }



    .single .nav-previous a, 

    .single .nav-next a {

        float: none;

    }



    .single .nav-previous {    

        padding-bottom: 40px;

    }



    ol.comments-list-holder {

        margin-top: 0;

    }



    .comment, 

    .children .comment {

        padding-top: 50px;

        padding-bottom: 0;

    }



    .comment-text {

        margin: 0;

    }    



}



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



    .single .entry-info div, 

    .single .entry-info .cat-links ul {

        display: block;

    }



    .single .entry-info div:after {

        display: none;

    }



    .nav-previous a, 

    .nav-next a {

        font-size: 16px;

        line-height: 25px;

    }



    .nav-links .cat-links a {    

        font-size: 10px;

        line-height: 20px;

        letter-spacing: 3px;

    }



    .float-left.vcard {

        float: none;

    }



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

        margin-left: 0;

        line-height: 25px;

    }



    .comment-date {

        margin-left: 0; 

        margin-bottom: 25px; 

    }    



}



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

    

    .blog-item-holder .entry-date.published {

        display: none;

    }

    

}