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

    0.	 RESET & CLEARFIX
    1.   DIVIDERS
    2.	 BASICS (body, headers, links, etc)
    3.   TYPOGRAPHY
    4.   GENERAL ELEMENTS
    5.   COLUMN GRID
    6.   SECTIONS
    7.   FORMS
    8.   PAGE LOADER
    9. 	 HEADER
    10.  HEADER MENU
        10.1.     HEADER 1
        10.2.     HEADER 2
        10.3.     HEADER 3
        10.4.     HEADER 4
        10.5.     HEADER 5
        10.6.     HEADER 6
        10.7.     HEADER 7
        10.8.     HEADER 8
        10.9.     HEADER 9
        10.10.    HEADER 10
        10.11.    HEADER 11
        10.12.    HEADER 12
        10.13.    HEADER 13
        10.14.    HEADER 14
        10.15.    HEADER 15
        10.16.    HEADER 16
    11.  FOOTER
    12.  HOME LAYOUTS
        12.1.    HOME LAYOUT 1
        12.2.    HOME LAYOUT 2
        12.3.    HOME LAYOUT 3
    13.  SERVICES
    14.  NEWSLETTER
    15.  TESTIOMONIAL
    16.  PORTFOLIO
            16.1.    PORTFOLIO OVERLAY EFFECT
            16.2.    PORTFOLIO ZOOM EFFECT
            16.3.    PORTFOLIO SKEW EFFECT
            16.4.    PORTFOLIO EXPANDING PREVIEW EFFECT
            16.5.    PORTFOLIO HOVER BOX EFFECT
            16.6.    PORTFOLIO MESONRY STYLE
            16.7.    PORTFOLIO FILTER EFFECT
                16.7.1.    PORTFOLIO ZOOM FILTER EFFECT
                16.7.2.    PORTFOLIO OPACITY FILTER EFFECT
    17.  CALL TO ACTION
    18.  CONTACT
    19.  BLOG
            19.1.    LEFT SIDEBAR
            19.2.    RIGHT SIDEBARservi
            19.3.    BLOG FULL WIDTH
            19.4.    BLOG WIDGETS
    20.  ELEMENTS
            20.1.    PAGETITLE
            20.2.    PAGINATION
            20.3.    BUTTONS
            20.4.    ALERT MESSAGES
            20.5.    CLIENT
            20.6.    TEAM
            20.7.    ICON BOX
            20.8.    PRICING TABLES
            20.9.    TABS
            20.10.   TOGGLE ACCORDIONS
            20.11.   DROPCAPS
            20.12.   BLOCKQUOTE
            20.13.   COUNTERS
            20.14.   PROGRESS BAR
            20.15.   HIGHLIGHT
            20.16.   LATEST NEWS
            20.17.   FEATURE BOX
            20.18.   PROCESS STEP
            20.19.   CHART
            20.20.   TIMELINE
            20.21.   SECTION SEPARATOR
            20.22.   HOME-SIDEBAR
            20.23.   FANCY TEXTBOX
            20.24.   STYLE TEXTBOX
            20.25.   ABOUT COUPLE
            20.26.   LCATION
            20.27.   STORY
        21.  CUSTOM STYLES
        22. UNIT TEST
        
----------------------------------------------------------------------------------- */

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

GOOGLE FONTS DECLARATIONS

------------------------------------------------*/
/* general class */

.bottom-spacing-m-50 {
    margin-bottom: 50px;
}

/* Default widget */
caption {
    text-align: center;
    width: 100%;
    padding-bottom: 14px;
}

a.rsswidget {
    font-size: 16px;
    color: #fff;
}
.widget ul li a:hover {
    color: #696969;
}
.widget ul li a {
    color: #000;
    margin-bottom: 10px;
    display: inherit;
}
span.rss-date {
    color: #696969;
    display: inherit;
    padding-top: 5px;
}
.widget strong
{
    font-weight: 700;
    color: #696969;
}
.widget_text .textwidget img {
    width: 100%;
    display: block;
    height: auto;
    margin-top: 10px;
}
.widget_nav_menu ul.menu li.mega-menu ul.sub-menu li{
    width: 100%;
}
#wp-calendar {
    width: 100%;
    padding: 0px 5px;
    text-align: center;
}
#wp-calendar a {
    color: #000;
    font-weight: bold;
}
.calendar_wrap th,.calendar_wrap td {
    text-align: center;
}
table a, dl a, table a:hover, dl a:hover {
    color: #696969;
}
.calendar_wrap tfoot a
{
    color: #696969;
}
.widget select, .widget select:hover {
    background: none;
}
.widget select {
    border: 1px solid #cecccc;
    text-decoration: none;
    background: #F1F1F1;
}
.widget select {
    width: 100%;
    height: 35px;
    padding: 0 5px;
}
.screen-reader-text
{
    display: none;
}
.owl-item {
    -webkit-backface-visibility: visible !important;
}


/* footer image set class */
.section-parallax-footer-image{
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
.section-parallax-footer-image {
    position:relative;
}
.section-parallax-footer-image::before
{
    content: "";
    position:absolute;
    top:0;
    display:block !important;
    left:0;
    width:100%;
    height:100%;
}

.page-section {
    margin-bottom: 100px;
}
.breadcrumb-text li{
    display:inline-block;
    padding: 0 5px;
}
.portfolio-section1 {
    margin-bottom: 0;
}


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

0. RESET & CLEARFIX DOC

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


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

1. DIVIDERS DOC

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


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

2. BASICS DOC

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



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

3. TYPOGRAPHY DOC

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

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

4. GENERAL DOC

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


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

5. COLUMN GRID DOC

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


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

6. SECTIONS DOC

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


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

7. FORMS DOC

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



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

8. PAGEL LOADER DOC

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




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

9. 	 HEADER DOC

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


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

10. 	 HEADER MENU DOC
        10.1.     HEADER 1
        10.2.     HEADER 2
        10.3.     HEADER 3
        10.4.     HEADER 4
        10.5.     HEADER 5
        10.6.     HEADER 6
        10.7.     HEADER 7
        10.8.     HEADER 8
        10.9.     HEADER 9
        10.10.    HEADER 10
        10.11.    HEADER 11
        10.12.    HEADER 12
        10.13.    HEADER 13
        10.14.    HEADER 14
        10.15.    HEADER 15
        10.16.    HEADER 16
------------------------------------------------*/
/*---------------------------------------------- 

10.1. HEADER 1 DOC

------------------------------------------------*/
.header-layout-1 .main .sub-menu .menu-item:after {
    display: none;
}
.header-layout-1 .menu-item ul li ul {
    padding: 0;
}
.header-layout-1 .menu-item:not(.mega-menu) ul li {
    width: 100%;
}
.header-layout-1 .menu-item a {
    color: inherit;
}
body.sticky-menu .header-layout-1 .nav-header {
    background: #fff;
}
body.is-sticky.sticky-menu .header-layout-1 .nav-header .toggle-on span{
    background-color: transparent;
}
.header-layout-1.nav-color-white .menu-toggle span {
    background-color: #fff;
}
.header-layout-1.nav-color-white .menu-toggle span::before, .header-layout-1.nav-color-white .menu-toggle span::after {
    background-color: #fff;
}
/*---------------------------------------------- 

10.2. HEADER 2 DOC

------------------------------------------------*/
.header-layout-2 .menu-item a {
    color: inherit;
}
body.sticky-menu .header-layout-2 .nav-header {
    background: #fff;
}
body.is-sticky.sticky-menu .header-layout-2 .nav-header .toggle-on span{
    background-color: transparent;
}
.header-layout-2.nav-color-white .menu-toggle span {
    background-color: #fff;
}
.header-layout-2.nav-color-white .menu-toggle span::before, .header-layout-2.nav-color-white .menu-toggle span::after {
    background-color: #fff;
}

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

10.3. HEADER 3 DOC

------------------------------------------------*/
.header-layout-3 .menu-item a {
    color: inherit;
}
body.sticky-menu .header-layout-3 .nav-header {
    background: #fff;
}
body.is-sticky.sticky-menu .header-layout-3 .nav-header .toggle-on span{
    background-color: transparent;
}
.header-layout-3.nav-color-white .menu-toggle span {
    background-color: #fff;
}
.header-layout-3.nav-color-white .menu-toggle span::before, .header-layout-3.nav-color-white .menu-toggle span::after {
    background-color: #fff;
}
/*---------------------------------------------- 

10.4. HEADER 4 DOC

------------------------------------------------*/
/*
.header-layout-4 .menu-item a {
    color: inherit;
}
body.sticky-menu .header-layout-4 .nav-header {
    background: #fff;
}
body.is-sticky.sticky-menu .header-layout-4 .nav-header .toggle-on span{
    background-color: transparent;
}
.header-layout-4.nav-color-white .menu-toggle span {
    background-color: #fff;
}
.header-layout-4.nav-color-white .menu-toggle span::before, .header-layout-4.nav-color-white .menu-toggle span::after {
    background-color: #fff;
}
body.sticky-menu .header-layout-4 .logo {
    display: none;
}*/

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

10.5. HEADER 5 DOC

------------------------------------------------*/
body.is-sticky.sticky-menu .header-layout-5 .nav-header .toggle-on span{
    background-color: transparent;
}
/* Start navigation color white */

.nav-color-white {
    color: #fff;
}
.sticky-menu .nav-color-white{
    color:#000;
}
.nav-color-white .menu-item a:hover, .nav-color-white .menu-item a:focus, .nav-color-white .logo a:hover, .nav-color-white .logo a:focus {
    color: #fff;
}
.sticky-menu .nav-color-white .menu-item a:hover, .sticky-menu .nav-color-white .menu-item a:active, .sticky-menu .nav-color-white .menu-item a:focus, .sticky-menu .nav-color-white .logo a:hover, .sticky-menu .nav-color-white .logo a:focus {
    color: #595F65;
}
.sticky-menu .nav-color-white .menu-item ul li a:hover, .sticky-menu .nav-color-white .menu-item ul li a:focus{
    color: #fff;
}

.header-layout-1.nav-color-white .main .menu-item::after {
    background: #fff;
}
.sticky-menu .header-layout-1.nav-color-white .main .menu-item::after {
    background: #000;
}
.sticky-menu .header-layout-5.nav-color-white .main > .menu-item::after {
    border-color: #000;
}
.header-layout-5.nav-color-white .main > .menu-item::after {
    border-color: #fff;
}
.header-layout-6.nav-color-white .toggle-menu span {
    background: #fff;
}
.header-layout-6.nav-color-white .toggle-menu span::after, .header-layout-6.nav-color-white .toggle-menu span::before {
    background-color: #fff;
}
.sticky-menu .header-layout-6.nav-color-white .toggle-menu span {
    background: rgb(54, 52, 52);
}
.sticky-menu .header-layout-6.nav-color-white .toggle-menu span::after, .header-layout-6.nav-color-white .toggle-menu span::before {
    background-color: rgb(54, 52, 52);
}
/* End navigation color white */

/* Start menu active */
.sticky-menu .navigation-menu .main .active{
    color: #595F65;
}
.sticky-menu .header-layout-5 .main > .menu-item.active:after {
    border-bottom: 4px double;
    width: 100%;
}
.sticky-menu .header-layout-1 .main .menu-item.active::after {
    height: 2px;
    width: 100%;
}
.vertical-header .main li.active a {
    opacity: 0.5;
}

/* End menu active */
/*---------------------------------------------- 

10.6. HEADER 6 DOC

------------------------------------------------*/
body.is-sticky.sticky-menu .header-layout-6 .nav-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999999;
    left: 0;
}
body.is-sticky.sticky-menu .header-layout-6 .nav-header {
    padding: 10px 0px;
    box-shadow: 0 1px 5px #b9b3b3;
    background: #fff;
}

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

10.7. HEADER 7 DOC

------------------------------------------------*/
body.is-sticky.sticky-menu .vertical-header .nav-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999999;
    left: 0;
}
body.is-sticky.sticky-menu .vertical-header .nav-header {
    padding: 5px 0;
    box-shadow: 0 1px 5px #b9b3b3;
    background: #fff;
}
/*---------------------------------------------- 

10.8. HEADER 8 DOC

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

10.9. HEADER 9 DOC

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

10.10. HEADER 10 DOC

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

10.11. HEADER 11 DOC

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

10.12. HEADER 12 DOC

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

10.13. HEADER 13 DOC

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

10.14. HEADER 14 DOC

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

10.15. HEADER 15- HEADER 16 DOC

------------------------------------------------*/
.vertical-overlay .colored-menu {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 320px;
    z-index: 100;
}

.vertical-overlay{
    position: absolute;
    display: block;
    width: 100%;
    padding: 0px;
    pointer-events: none;
}
.vertical-overlay .logo{
    position: absolute;
    z-index: 1;
}
.btn-menu i, .btn-close i{
    font-size: 40px;
}
.hidden {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
}
.vertical-overlay .btn-menu {
    position: relative;
    color: #fff;
    pointer-events: visible;
    z-index: 1;
    float: right;
    background: none;
    border: none;
}
.vertical-overlay {
    display: block;
    padding: 40px;
    pointer-events: none;
    position: absolute;
    width: 100%;
}
.vertical-overlay .btn-close {
    position: absolute;
    top: 44px;
    right: 25px;
    z-index: 100;
}

.js .menu-open {
    pointer-events: visible;
}
.vertical-overlay.left-side .btn-menu{
    float: left;
}
.vertical-overlay.left-side .logo{
    float: right;
    right: 45px;
}
.vertical-overlay.left-side .colored-menu{
    left:0;
}
.vertical-overlay .main_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    list-style-type: none;
    padding: 130px 40px 0;
    margin: 0;
    background: #f1f1f1;
    overflow: hidden;
}

.vertical-overlay .main_inner li {
    padding: 5px 0;
}

.js .main_inner li {
    transform: translate3d(-13em,0,0);
    transition: transform 0s 0.4s;
}

.vertical-overlay .btn-close {
    opacity: 0;
}

.menu-open .main_inner li,
.menu-open .btn-close {
    opacity: 1;
    transform: translate3d(0,0,0);
    transition: opacity 0.4s 0.135s, transform 0.4s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1);
    background: none;
    border: none;
}

.menu-open .main_inner li:nth-child(2) {
    transition-delay: 0.165s;
}

.menu-open .main_inner li:nth-child(3) {
    transition-delay: 0.195s;
}

.menu-open .main_inner li:nth-child(4) {
    transition-delay: 0.225s;
}
.menu-open .main_inner li:nth-child(5) {
    transition-delay: 0.255s;
}
.menu-open .main_inner li:nth-child(6) {
    transition-delay: 0.285s;
}
.menu-open .main_inner li:nth-child(7) {
    transition-delay: 0.315s;
}
.menu-open .main_inner li:nth-child(8) {
    transition-delay: 0.345s;
}
.menu-open .main_inner li:nth-child(9) {
    transition-delay: 0.375s;
}
.menu-open .main_inner li:nth-child(10) {
    transition-delay: 0.405s;
}
.vertical-overlay .main_inner li a {
    font-size: 20px;
    color: #4f4f54;
    font-weight: 500;
    text-transform: capitalize;
}

.vertical-overlay .main_inner li a:hover,
.vertical-overlay .main_inner li a:focus {
    outline: none;
    color: #000;
    text-decoration: line-through;
}

.block-revealer__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0;
}
.sticky-menu .vertical-overlay{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99999;
    left: 0;
    background: #f1f1f1;
}
.sticky-menu .btn-menu i, .btn-close i {
    color: #000;
}

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

11. FOOTER DOC

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

/* SIMPLE FOOTER */
.footer-4-content {
    margin: 0 auto;
    max-width: 350px;
}
.footer-4-content .footer-logo {
    padding-bottom: 15px;
}
.footer-layout-4 .footer1-top {
    text-align: center;
}


.footer-list li a {
    display: inherit;
    color: #fff;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 3px;
}
.footer-list li {
    margin-bottom: 15px;
}
.footer-list li span {
    font-family: 'Roboto Mono', monospace;
    font-size: 14px;
    line-height: 25px;
}
.menu-footer-container li a {
    color: #fff;
    font-size: 100%;
}
.menu-footer-container li {
    margin-bottom: 10px;
}


.footer-2 .footer-1-heading::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee;
}
.footer-2 .footer-1-heading span::after {
    content: '';
    position: absolute;
    bottom: -11px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #F5F5F5;
}
.footer-2 .footer-1-heading {
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
}
.footer-2 .footer-1-heading span {
    display: inline-block;
    position: relative;
    color: #fff;
}
.footer-2 .footer-1-heading h4 {
    padding-bottom: 0px;
}
.footer-1-heading h4 {
    line-height: 25px;
}

#page {
    background: #fff;
}

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

13. SERVICES DOC

------------------------------------------------*/
.service-icon-box img{
    width: 25px;
}
.service-image-with-description .service-box{
    padding: 0px;
    text-align: center;
}
.service-image-with-description .service-icon-box{
    position: unset;
    margin-bottom: 15px;
}
.service-image-with-description .service-icon-box img,
.service-center-image .service-icon-box img{
    width: 35px;
}
.service-center-image .service-box{
    padding: 0px;
    text-align: center;
}
.service-center-image .service-icon-box{
    margin-bottom: 15px;
    position: relative;
}
.service-center-image .service-title{
    margin-bottom: 15px;
}
.service-center-image .service-description{
    text-align: center;
    margin-left: 0px;
}
/*---------------------------------------------- 

14. NEWSLETTER DOC

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

.form-newsletter .button-custom
{
    margin-left: 3px;
}

/*newsletter*/
.woo-newsletter::before {
    content: "";position:
        absolute;top: 0;
    display: block;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.86);
}
.woo-newsletter .section-title h3{
    font-weight: 600;
    color: #fdb903;
}
.woo-newsletter .section-title{
    float:left;
    padding-right: 30px;
    margin-bottom: 0;
}
.woo-newsletter button::before{
    content: "\e068";
    font-family: "linea-arrows-10";
    font-weight:800;
}
.woo-newsletter .left-newsletter , .woo-newsletter .right-newsletter{
    padding:0;
}
.right-newsletter .newsletter{
    float: right;
    position: relative;
    padding: 0;
    margin: 0px;
    background: transparent;
}
.right-newsletter .newsletter:before{
    color: #fdb903;
    content: "&";
    font-family: "linea-basic-10";
    font-size: 15px;
    left: 15px;
    position: absolute;
    top: 16px;
    border-right: 1px solid #bebebe;
    line-height: 13px;
    padding-right: 20px;
    font-weight:900;
}
.right-newsletter .form-inner{
    float: left;
}
.woo-newsletter .newsletter-desc {
    padding-left: 30px;
    float: left;
    width: 60%;
    overflow: hidden;
    border-left: 1px solid #000;
    color: #000;
}
.right-newsletter .newsletter-button{
    background: none;
    padding: 0;
    margin: 0px 0 0 10px;
    float: left;

}
.woo-newsletter .newsletter-input{
    padding: 6px 15px 6px 70px;
    width: 480px;
    border: medium none;
}
.woo-newsletter .button-custom-hover{
    margin:0;
    border: none;
}

.woo-3-newsletter::before {
    background: rgba(0, 0, 0, 0);
}
.woo-3-newsletter .section-title h3 {
    color: #000;
}

.woo-3-newsletter .right-newsletter .newsletter:before {
    color: #000;
}

.woo-3-newsletter .section-title {
    margin-bottom: 0px;
}


/* bg image newsletter */

.woo-news .newsletter-section .section-title {
    margin-bottom: 10px;
    text-align: center;
}
.woo-news .add-to-cart {
    display: inline-block;
}
.woo-news .newsletter-input {
    height: 35px;
}
.woo-news .newsletter-section {
    border: 1px solid rgba(0,0,0,0.2);
    padding: 52px;
    width: 70%;
    margin: 0 auto;
    overflow: hidden;
}
.woo-news .newsletter-section p {
    margin: 10px;
}
.woo-news {
    background: url(../images/home3/banner/news-banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.woo-news .add-to-cart .button {
    background: #fdb803;
}
.woo-news .add-to-cart .button:hover {
    background: transparent;
}
.woo-news .newsletter-section .section-title h4 {
    text-transform: uppercase;
}
.woo-news .button-medium{
    padding: 0px 22px;
}



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

15. TESTIMONIAL DOC

------------------------------------------------*/
.testimonial-style-4 .testimonial-img-4 img {
    padding: 3px;
    background: #f5f5f5;
}
.testimonial-style-4-reverse .testimonial-img-4 img {
    padding: 3px;
    background: #f5f5f5;
}
.testimonial-section-name-2 img {
    margin-right: 10px;
    width: 100%;
}


/* testimonial css */

.testimonial-img {
    float: right;
}
.testimonial-img img {
    border: 15px solid #ffffff;
    box-shadow: 0 0 25px rgba(213,213,213,0.7);
}
.testimonial-user-name {
    top: 275px;
    position: absolute;
    text-align: right;
    z-index: 1;
    transition: all 400ms ease-in-out;
}
.testimonial-user-name h4 {
    font-size: 34px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.testimonial-user-designation {
    font-size: 26px;
    color: #fdb803;
}
.testimonial-main-content {
    text-align: left;
    padding: 10% 45px 45px;
}
.testimonial-user-sign {
    margin-top: 30px;
}
.testimonial-user-sign h1.dancing-style {
    font-family: 'Dancing Script' , cursive;
}
.testimonial-user-sign h1 {
    color: #1a1a1a;
    font-size: 50px;
}
.testimonial-slider .owl-pagination,
.testimonial-slider .owl-buttons {
    display: none;
}
.owl-carousel .owl-item .testimonial-user-sign img {
    width: auto;
}
.owl-carousel .owl-item .testimonial-img-1 img{
    width: auto;
    display: inline-block;
}

/* testimonial with background image */
.testimonial-with-image {
    width: 80%;
    padding: 0px 20px;
    position: relative;
}

.testimonial-with-image:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-left: 5px solid #555;
    position: absolute;
    top: 5px;
}

.testimonial-with-image .testimonial-content {
    margin: 0;
    padding: 0;
    position: relative;
    padding-top: 125px;
    padding-left: 120px;
    border: 0;
}

.section-parallax-image.testimonial-block div, .section-parallax-image.testimonial-block p, .section-parallax-image.testimonial-block h2 {
    color: black;
}

.section-parallax-image.testimonial-block .title-separator-short {
    background-color: black;
}

.section-parallax-image.testimonial-block {
    background-position: 100% 100%;
}

.testimonial-with-image .testimonial-content:after {
    font-family: 'themify';
    background: #555;
    padding: 0px 25px;
    content: '\e67e';
    position: absolute;
    font-size: 40px;
    line-height: 85px;
    text-align: center;
    top: 0%;
    left: 19%;
    color: #fff;
}

.testimonial-with-image .testimonial-author {
    text-align: right;
}

.testimonial-with-image .testimonial-author .author-name {
    font-size: 25px;
    padding: 10px 0;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 0;
}

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

16. PORTFOLIO DOC
        16.1.    PORTFOLIO OVERLAY EFFECT
        16.2.    PORTFOLIO ZOOM EFFECT
        16.3.    PORTFOLIO SKEW EFFECT
        16.4.    PORTFOLIO EXPANDING PREVIEW EFFECT
        16.5.    PORTFOLIO HOVER BOX EFFECT
        16.6.    PORTFOLIO MESONRY STYLE
        16.7.    PORTFOLIO FILTER EFFECT
            16.7.1.    PORTFOLIO ZOOM FILTER EFFECT
            16.7.2.    PORTFOLIO OPACITY FILTER EFFECT
------------------------------------------------*/
.portfolio .post-content .entry-meta, .clients .post-content .entry-meta, .testimonials .post-content .entry-meta, .news .post-content .entry-meta {
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 10px;
    font-style: italic;
    display: inline-block;
}
.portfolio .post-info, .clients .post-info, .testimonials .post-info, .news .post-info {
    float: left;
    margin-right: 20px;
}
.portfolio .post-date, .clients .post-date, .testimonials .post-date, .news .post-date {
    text-align: center;
    float: left;
    padding: 10px 12px;
    margin-right: 28px;
    color: #ffffff;
    background-color: #787777;
    box-shadow: 2px 2px 0px #5C5751;
    -moz-box-shadow: 2px 2px 0px #5C5751;
    -webkit-box-shadow: 2px 2px 0px #5C5751;
}
.portfolio .post-date .post-date-day, .clients .post-date .post-date-day, .testimonials .post-date .post-date-day, .news .post-date .post-date-day {
    font-size: 20px;
    font-weight: bold;
}
.portfolio .post-date span, .clients .post-date span, .testimonials .post-date span, .news .post-date span {
    display: block;
    line-height: 1;
    margin: 3px 0px 5px;
}
.portfolio .post-date .post-date-month, .clients .post-date .post-date-month, .testimonials .post-date .post-date-month, .news .post-date .post-date-month {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.portfolio .post-date span, .clients .post-date span, .testimonials .post-date span, .news .post-date span {
    display: block;
    line-height: 1;
    margin: 3px 0px 5px;
}
.portfolio .post-image, .clients .post-image, .testimonials .post-image, .news .post-image {
    text-align: center;
    margin-bottom: 40px;
}
.portfolio .post-content .post-title, .clients .post-content .post-title, .testimonials .post-content .post-title, .news .post-content .post-title {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.portfolio .post-content .entry-content, .clients .post-content .entry-content, .testimonials .post-content .entry-content, .news .post-content .entry-content {
    margin-bottom: 30px;
}
.portfolio .post-content, .clients .post-content, .testimonials .post-content, .news .post-content {
    overflow: hidden;
    margin-bottom: 40px;
}

.portfolioSelector.col-md-2 h4{
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 17px;
}
.portfolioSelector.col-md-2 .categories{
    margin-bottom: 1px;
}
.portfolioSelector.col-md-2 .portfolio-2 .inner-overlay-content a{
    height: 28px;
    padding: 5px;
}
.portfolioSelector.col-md-2 .item-buttons span{
    font-size: 17px;
}
.portfolioSelector.col-md-2 .inner-overlay-content{
    padding:7px 0px;
}
/*----------------------------------------------

16.1.    PORTFOLIO OVERLAY EFFECT

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

16.2.    PORTFOLIO ZOOM EFFECT

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

16.3.    PORTFOLIO SKEW EFFECT

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

16.4.    PORTFOLIO EXPANDING PREVIEW EFFECT

------------------------------------------------*/
/* grid expand portfolio */
.og-grid {
    list-style: none;
    padding-left: 0;
    padding-bottom: 20px;
    margin: 0 auto;
    width: 100%;
    height: auto !important;
}

.og-grid li {
    display: inline-block;
    margin: 0px 0px 30px 0px;
    vertical-align: top;
}

.og-grid li > a,
.og-grid li > a img {
    border: none;
    outline: none;
    display: block;
    position: relative;
    width:100%;
}

.og-grid li.og-expanded > a::after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ddd;
    border-width: 15px;
    left: 50%;
    margin: -20px 0 0 -15px;
}

.og-expander {
    position: absolute;
    background: #ddd;
    top: auto;
    left: 0;
    width: 100%;
    margin-top: 10px;
    text-align: left;
    height: 0;
    overflow: hidden;
}

.og-expander-inner {
    padding: 50px 30px;
    height: 100%;
}

.og-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.og-close::before,
.og-close::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #888;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.og-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
    background: #333;
}

.og-fullimg,
.og-details {
    width: 50%;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.og-details {
    padding: 0 40px 0 20px;
}

.og-fullimg {
    text-align: center;
}

.og-fullimg img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}

.og-details h3 {
    font-weight: 300;
    font-size: 52px;
    padding: 40px 0 10px;
    margin-bottom: 10px;
}

.og-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #999;
    margin-bottom: 25px;
}
.og-details a{
    margin: 0;
}
.og-details a:hover {
    border-color: #999;
    color: #fff;
}

.og-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-animation: loader 0.5s infinite ease-in-out both;
    -moz-animation: loader 0.5s infinite ease-in-out both;
    animation: loader 0.5s infinite ease-in-out both;
}
.og-expander{
    height: -200px;
}
/* loader for portfolio expand preview */

@-webkit-keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
    0% { background: #ddd; }
    33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
    66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}
/*----------------------------------------------

16.5.    PORTFOLIO HOVER BOX EFFECT

------------------------------------------------*/
.portfolio-hover-box{
    overflow: hidden;
}
.portfolio-hover-box .overlay{
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background: rgba(219,67,98,0.7);
    color: #fff;
    transition: all 0.5s ease;
}
.portfolio-hover-box:hover .overlay{
    opacity: 1;
    visibility: visible;
}
.portfolio-hover-box .overlay::before{
    content: "";
    border: 2px solid #a00c3e;
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
    opacity: 0;
}
.portfolio-hover-box:hover .overlay::before{
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.portfolio-hover-box:hover img{
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}
.portfolio-hover-box:hover img{
    webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.portfolio-hover-box .inner-overlay{
    display: table;
    width: 100%;
    height: 100%;
}
.portfolio-hover-box .inner-overlay-content{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 20px 40px;
    text-align: center;
}
.portfolio-hover-box h4{
    margin-bottom: 4px;
    font-weight: 100;
    font-size: 18px;
    color: #fff;
}
.portfolio-hover-box .title-separator-medium{
    margin: 0 auto 15px auto;
    background: #fff;
}
.portfolio-hover-box .inner-overlay-content a{
    height: 40px;
    display: inline-block;
    background: #a00c3e;
    padding: 10px;
}
.portfolio-hover-box .item-buttons span{
    font-size: 20px;
    color: #fff;
}
.portfolio-hover-box .inner-overlay-content{
    opacity: 0;
    -webkit-transform: scale3d(0.8,0.8,1);
    transform: scale3d(0.8,0.8,1);
}
.portfolio-hover-box:hover .inner-overlay-content{
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    color: #ffd3e5;
}
/*----------------------------------------------

16.6.    PORTFOLIO MESONRY STYLE

------------------------------------------------*/
/* mesonry layout */
.masonry {
    -moz-column-count: 3;
    -moz-column-gap: 15px;
    -webkit-column-count: 3;
    -webkit-column-gap: 15px;
    column-count: 3;
    column-gap: 15px;
}
.masonry-1-col {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
.masonry-2-col {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
.masonry-3-col {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
.masonry-4-col {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}
.masonry-6-col {
    -moz-column-count: 6;
    -webkit-column-count: 6;
    column-count: 6;
}

.box-demo {
    border: 1px solid #aeaeae;
}
.masonry .portfolioSelector
{
    position: relative !important;
    left: auto !important;
    top: auto !important;
}
.masonary_space.masonry .portfolioSelector
{
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
}
.masonary_no_space
{
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
}
.masonry:not(.masonary_no_space) .brick figure.border-effect
{
    padding-bottom: 15px;
    display: inline-block;
    vertical-align: top;
}
.masonary_no_space .brick figure.border-effect
{
    margin-bottom: 0px;
}
.portfolio-grid
{
    float:none !important;
    position:initial  !important;
    padding: 0 15px !important;
}
/*----------------------------------------------

16.7.    PORTFOLIO FILTER EFFECT
            16.7.1.    PORTFOLIO OPACITY FILTER EFFECT
            16.7.2.    PORTFOLIO ZOOM FILTER EFFECT

------------------------------------------------*/
.filter_effect > li.active{
    border: 1px solid;
    color: black;
}
.filter_effect > li > a{
    margin-bottom: 0;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 20px 10px 20px;
}
.filter_effect > li{
    padding: 0;
    margin: 0;
}
.portfolio-effect-section{
    position: relative;
    width: 100%;
    transition: all 0.4s ease;
}
.portfolio-effect-section figure {
    position: relative;
    overflow: hidden;
}
.portfolio_filter:not(.active):hover .overlay{
    opacity: 0;
}
.masonry-6-col .portfolio-3 .inner-overlay-content h4{
    margin-bottom: 6px;
    font-size: 16px;
}
.masonry-6-col .portfolio-3 .inner-overlay-content{
    padding: 7px 0;
}
.masonry-6-col .portfolio-3 .hover-separator{
    margin: auto auto 14px;
}
.portfolioSelector.col-md-2 .portfolio-3 h4{
    margin-bottom: 6px;
}
.portfolioSelector.col-md-2 .portfolio-3 .hover-separator{
    margin: auto auto 14px;
}
.masonry-6-col .portfolio-4 .inner-overlay-content{
    padding: 7px 0;
}
.masonry-6-col .portfolio-4 h4{
    font-size: 16px;
    line-height: 25px;
}
.portfolioSelector.col-md-3.overlay-img-slide h4{
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 25px;
}
.portfolioSelector.col-md-3.overlay-img-slide .categories{
    margin-bottom: 6px;
}
/* 16.7.1.    PORTFOLIO OPACITY FILTER EFFECT*/
.portfolio-filter-effect.active{
    opacity: 1;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}
.portfolio-filter-effect:not(.active){
    opacity: 0.1;
    -webkit-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    -ms-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}

/* 16.7.2.    PORTFOLIO ZOOM FILTER EFFECT */
.portfolio-filter-effect-2.active{
    opacity: 1;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.portfolio-filter-effect-2:not(.active){
    opacity: 0.1;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

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

17. CALL TO ACTION

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



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

18. CONTACT DOC

------------------------------------------------*/
.wpcf7-form-control
{
    box-shadow: none;
    background: transparent;
    border: 2px solid rgba(0, 0, 0, 0.1);
    height: 50px;
    font-size: 16px;
    font-weight: 300;
    border-radius: 0px;
    width:100%;
}
.wpcf7-textarea {
    height: 100px;
}
div.wpcf7-validation-errors {
    border: none;
}
span.wpcf7-not-valid-tip {
    color: #2a2a2a;
    font-style: italic;
    font-weight: 600;
}
div.wpcf7-response-output {
    margin: 15px;
    width: auto;
    float: left;
    font-size: 14px;
}
#map-canvas1{
    width:100%;
    height:500px
}
/*---------------------------------------------- 

19. BLOG DOC

------------------------------------------------*/
.post-container .mejs-container{
    width: 100% !important;
}
.post-container .wp-video {
    width: 100% !important;
}
.post.no-results.not-found .page-header {
    margin-top: 0;
    margin-bottom: 15px;
}

.post.no-results.not-found .page-content p {
    margin-bottom: 16px;
}

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

19.1. LEFT SIDEBAR

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

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

19.2. RIGHT SIDEBAR

------------------------------------------------*/
.page-numbers {
    list-style: none;
    text-align: center;
    color: #555555;
    text-transform: uppercase;
    font-size: 90%;
    padding-left: 0px;
    margin: 0;
}
.page-numbers .prev:before {
    content: "\2039";
}
.page-numbers .next:after {
    content: "\203A";
}
.comment-form  .form-submit{
    display:none;
}

/*comment form */
.post-comments .comment-reply-title{
    margin-bottom: 0px;
}
.post-comments p{
    margin-bottom: 10px;
}
/* author page */

.author .avatar {
    float: left;
    margin-right: 20px;
}
.author-section{
    overflow:hidden;
    margin-bottom: 20px;
    padding: 20px 20px;
    box-shadow: inset 0 0 35px #dbdbdb;
    border: 1px solid #ededed;
}
.author-section dl{
    margin-bottom: 0;
}
.author-content {
    overflow: hidden;
}
.author-content dd{
    margin-left: 0;
}
.author-content dl dd a{
    margin-bottom: 10px;
    display: inherit;
    color: #666;
    font-size: 14px;
    font-style: italic;
}
.post-author-header{
    margin: 0px 0 40px 0px;
    margin-bottom: 20px;
}
.post-author-header .post-author {
    font-size: 15px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
}
/*---------------------------------------------- 

19.3. BLOG FULL WIDTH

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


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

19.4. BLOG WIDGETS

------------------------------------------------*/
.wp-audio-shortcode{
    width: 100%;
    visibility: visible;
}
/*----------------------------------------------

20. ELEMENT

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

20.1. PAGETITLE DOC

------------------------------------------------*/
.section-parallax-image {
    position:relative;
}
.section-parallax-image::before
{
    content: "";
    position:absolute;
    top:0;
    display:block !important;
    left:0;
    width:100%;
    height:100%;
}
/*---------------------------------------------- 

20.2. PAGINATION DOC

------------------------------------------------*/
.custom-pagination li.active a {
    color: #fff;
    cursor: default;
    background-color: #777;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
}


.pagination {
    clear: both;
    font-size: 90%;
    line-height: 13px;
}
.blog-pagination {
    float: right;
}

/*.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
*/
.pagination .current{
    color: #fff;
    cursor: default;
    background-color: #777;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    margin: 0 5px;
    padding: 8px 15px;
    line-height: 34px;
    border: none;
    border-radius: 0;
}
/*---------------------------------------------- 

20.3. BUTTONS DOC

------------------------------------------------*/
.dropdown-menu li {
    margin: 0;
}

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

20.4. ALERT MESSAGES DOC

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


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

20.5. CLIENT DOC

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

.client .client-title
{
    top: -25px;
}
.photo-about-1 .wpb_single_image {
    margin-bottom: 0;
}
.photo-about-1 img{
    width: 100%;
}

/* style 5 with background */
.clients-style-5 .client-box:nth-child(odd) {
    background: #f2f2f2;
}
.clients-style-5 .client-box:nth-child(even) {
    background: #fff;
}
.clients-style-5 .client-box:nth-child(6),
.clients-style-5 .client-box:nth-child(8),
.clients-style-5 .client-box:nth-child(14),
.clients-style-5 .client-box:nth-child(16),
.clients-style-5 .client-box:nth-child(17) ,
.clients-style-5 .client-box:nth-child(19)  {
    background: #f2f2f2;
}
.clients-style-5 .client-box:nth-child(5),
.clients-style-5 .client-box:nth-child(7),
.clients-style-5 .client-box:nth-child(13),
.clients-style-5 .client-box:nth-child(15),
.clients-style-5 .client-box:nth-child(18),
.clients-style-5 .client-box:nth-child(20) {
    background: #fff;
}
.clients-style-5  .client-img {
    text-align: center;
    padding: 60px 30px;
}

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

20.6. TEAM DOC

------------------------------------------------*/
a.right.carousel-right, a.left.carousel-left {
    top: 50%;
    position: absolute;
    bottom: 100%;
}

/*team slider*/
.teamcarousel ,
.teamslider{
    margin:auto;
}
.owl-theme .owl-nav{
    display: none;
}
.teamcarousel.owl-carousel .owl-nav .owl-prev ,
.teamcarousel.owl-carousel .owl-nav .owl-next ,
.teamslider.owl-carousel .owl-nav .owl-prev ,
.teamslider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform:translate(0 , -50%);
    padding: 8px 12px;
    background-color: transparent;
    color:#000;
    border-radius: 0;
    border:1px solid transparent;
    transition:all 0.5s ease;
    font-weight: 400;
    font-size: 24px;
}
.teamcarousel.owl-carousel .owl-nav .owl-prev:hover ,
.teamcarousel.owl-carousel .owl-nav .owl-next:hover ,
.teamslider.owl-carousel .owl-nav .owl-prev:hover ,
.teamslider.owl-carousel .owl-nav .owl-next:hover{
    background-color: transparent;
    border:1px solid transparent;
    color:#000;
}
.teamcarousel.owl-carousel .owl-nav .owl-prev ,
.teamslider.owl-carousel .owl-nav .owl-prev{
    left:-4%;
}
.teamcarousel.owl-carousel .owl-nav .owl-next,
.teamslider.owl-carousel .owl-nav .owl-next{
    right:-4%;
}

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

20.7. ICON BOX DOC

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


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

20.8. PRICING TABLES DOC

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


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

20.9. TABS DOC

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



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

20.10. TOGGLE ACCORDIONS DOC

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


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

20.11. DROPCAPS DOC

------------------------------------------------*/
.dropcap-content p {
    text-align: justify;
}

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

20.12. BLOCKQUOTE DOC

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

20.13. COUNTER

------------------------------------------------*/
.counters
{
    background-color: rgba(134, 134, 134, 0.43);
    border: 2px solid rgba(135, 135, 135, 0.93);
}
.icon-pack
{
    background-color: rgba(135, 135, 135, 0.93);
}
.counters .counter-number
{
    color: rgb(225, 225, 225);
}
.counters .counter-text
{
    color: rgb(225, 225, 225);
}
.icon-pack img{
    width: 35px;
}

.full-width-page{
    width: 100%;
    position: relative;
    overflow: hidden;
}

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

20.14. PROGRESS BAR DOC

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

20.15. HIGHLIGHT DOC

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

20.16. NEWS

------------------------------------------------*/
.news-style3 .post-content{
    padding: 28px 25px 30px;
}

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

20.17. FEATURE BOX DOC

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

.post-audio .mejs-controls,
.post-audio .mejs-overlay-button,
.post-audio .mejs-offscreen {
    display: block !important;
}
/* Feature box */
.feature .feature-img .vc_figure
{
    display: block;
}
.feature .feature-img .vc_single_image-wrapper
{
    display: block;
}
.feature img, .feature-boxes img, .feature-boxes-1 img {
    height: 35px;
    font-size: 20px;
    dding: 10px;
    color: #2a2a2a;
    transition: all 0.3s ease;
}

.horizontal-banner .banner-wrapper,
.home-list .home-item {
    position: relative;
}
.horizontal-banner .banner-wrapper:before,
.home-list .home-item:before {
    background: rgba(0,0,0,0) linear-gradient(to bottom,rgba(72,76,97,0) 0,rgba(0,0,0,0.6) 75%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 100% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: 99;
}
.horizontal-banner .banner-wrapper:hover:before,
.home-list .home-item:hover:before {
    transform: scaleY(1);
}

.min-content{
    background: #eee;
    padding: 165px 50px 100px;
    text-align: center;
}
.content-img{
    text-align: center;
}
.content-img img{
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.min-content h3{
    margin-bottom: 30px;
    text-transform: capitalize;
}
.fimage{
    top: 0;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(50%);
}
.fimage-main .feature-image {
    padding-left: 10px;
    padding-right: 10px;
}
/*----------------------------------------------

20.18.   PROCESS STEP DOC

------------------------------------------------*/
/* process step style-5(hover effect) */
.process_bar{
    width:80%;
    background:#e6e6e6;
    height:5px;
    position: absolute;
    top: 56px;
    left: 10%;
}
.process_effect_block{
    position: relative;
}
.process_block{
    background: #555555;
    height: 115px;
    width: 115px;
    margin: 0 auto;
    transition: all 0.4s ease;
}
.process_block:hover{
    box-shadow: 0 0 0 12px rgb(195, 195, 195);
    transform: rotate(360deg);
    border-radius: 50%;
}
.process_details{
    color: #fff;
    text-align: center;
    padding-top: 29px;
}
.process_details h6{
    color: #fff;
    text-align: center;
}
.process-effect-icon i{
    color: #fff;
    font-size: 25px;
}
/*process step style-6 (with count number)*/
.process_number_block .title-separator-medium{
    margin: 15px 0;
}
.process_number_count{
    width: 100%;
    height: 100%;
    content: counter(step);
    counter-increment: step;
    z-index: 1;
    position: absolute;
    font-size: 100px;
    top: -11px;
    left: -16px;
    opacity: 0.1;
    font-weight: bold;
}
/* process-step-border */
.agency-service
{
    text-align: center;
}
.agency-service-img{
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    position: relative;
    margin: 0 auto 20px;
    background: #fff;
    border: 2px solid #E4E4E4;
    border-radius: 100%;
}

.agency-service-img img
{
    width:60px;
}
.agency .agency-service-heading h2
{
    font-size: 25px;
}

.agency .agency-service-heading p
{
    font-size: 20px;
    line-height: 17px;
    font-weight: normal;
    color: #008A5C;
}

.agency-service-desc p
{
    padding: 0px 36px;
    font-size: 15px;
}

.agency-service-img .border-number{
    background: #CFCFCF;
    position: absolute;
    left: 0px;
    top: 16px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    font-family: Patua One;
    text-align: center;
    border-radius: 100%;
    box-shadow: inset 0 0 0 2px rgba(0,0,0,.1);
    color: #000;
}
.agency-service:after{
    content: '  ';
    display: block;
    width: 12%;
    height: 4px;
    background: #E4E4E4;
    border-radius: 2px;
    position: absolute;
    right:-6.5%;
    top: 100px;
}
.parent-agency-service .agency-service-main:last-child .agency-service:after{
    display: none;
}
/*----------------------------------------------

20.19.   CHART DOC

------------------------------------------------*/
/* chart page */
.chart_text_align {
    text-align: center;
}
.vc_chart.animated{
    visibility: visible;
}
.animated_line_chart{
    background: #fff;
    padding: 30px;
    border: 1px solid #cecece;
}
.chart_tab_menu.vc_tta-tabs .vc_tta-tabs-container ul li a , .chart_tab_menu.vc_tta-tabs .vc_tta-tabs-container ul li.vc_active a{
    color: #6f6f6f;
}
.chart_tab_menu.vc_tta-tabs .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title > a , .chart_tab_menu.vc_tta-tabs .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a{
    color: #6f6f6f;
}
.chart_section .vc_tta-container{
    margin-bottom: 0;
}
.line_chart_subtitle{
    color: #9c9c9c;
}
.chart_section{
    display: flex;
}
.chart_section .default-service{
    margin-bottom: 25px;
}
.chart_section .chart_section_1 , .chart_section .chart_section_2{
    display: flex;
    width: 50%;
    align-items: center;
}
/*----------------------------------------------

20.20.   TIMELINE DOC

------------------------------------------------*/
/* simple timeline */
.timeline-content {
    position: relative;
    list-style: none;
    overflow: hidden;
    padding: 15px 0;
}

.timeline-content:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 2px;
    background-color: #555;
    content: "";
}

.timeline-box:first-child {
    margin-top: 0;
}

.timeline-box {
    position: relative;
    float: left;
    width: 50%;
    padding-right: 30px;
    margin-bottom: 50px;
    margin-top: 0;
    clear: left;
}

.timeline-box .timeline-panel {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    margin: 3px;
}

.timeline-box h5 {
    color: #fff;
    padding: 0 15px;
}

.timeline-box .timeline-circle {
    position: absolute;
    left: 100%;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 5px solid #555;
    margin-top: 15px;
    margin-left: -6px;
}

.timeline-box .timeline-arrow:before {
    content: "";
    position: absolute;
    top: 23%;
    left: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent #555 transparent #555;

}

.timeline-box .timeline-category {
    padding: 15px 25px;
    border-top: 1px solid #e7e7e7;
    font-style: italic;
    overflow: hidden;
}

.timeline-box .timeline-category .timeline-date {
    color: #898989;
}

.timeline-box .timeline-heading {
    position: relative;
    padding: 10px 0;
    background-color: #555;
}

.timeline-box .timeline-image, .timeline-box .timeline-blockquote, .timeline-box .timeline-video, .timeline-box .timeline-carousel {
    padding: 15px;
    position: relative;

}

.timeline-blockquote .blockquote p {
    font-size: 15px;
}

.timeline-box .timeline-video iframe, .vertical-timeline .timeline-video iframe {
    width: 100%;
    height: 350px;
}

.timeline-slider-image {
    height: 350px;
    background-size: cover;
    background-position: center center;
}

.timeline-carousel .owl-theme .owl-nav {
    margin-top: 0;
}

.timeline-carousel .owl-theme .owl-nav .owl-prev, .timeline-carousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 8px 12px;
    background-color: #fff;
    color: #000;
    border-radius: 0;
    border: 1px solid #fff;
    transition: all 0.5s ease;
    opacity: 1;

}

.timeline-carousel .owl-theme .owl-nav .owl-prev:hover, .timeline-carousel .owl-theme .owl-nav .owl-next:hover {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.timeline-carousel .owl-nav .owl-prev {
    left: 1%;
}

.timeline-carousel .owl-nav .owl-next {
    right: 1%;
}

.timeline-box .timeline-data {
    padding: 10px 25px 15px 25px;
}

.timeline-box.right-timeline {
    float: right;
    padding-right: 0px;
    padding-left: 30px;
    clear: right;
    margin-top: 50px;
    margin-bottom: 0;
}

.timeline-box.right-timeline .timeline-circle {
    right: 100%;
    left: auto;
    margin-right: -9px;
}

.timeline-blockquote .blockquote .blockquote-info-position {
    text-transform: uppercase;
}

.timeline-box.right-timeline .timeline-arrow:before {
    right: 100%;
    left: auto;
    border-style: solid;
    border-width: 10px 12px 10px 0px;
    border-color: transparent #555 transparent transparent;

}
/*Vertical timeline*/
.vertical-timeline {
    position: relative;
    list-style: none;
    overflow: hidden;
    padding: 15px 0;
}

.vertical-timeline .vertical-timeline-content {
    background-color: #555555;
    position: relative;
    margin: 0px 0px 0px 25%;
    padding: 25px;
}

.vertical-timeline li:nth-child(2n+1) .vertical-timeline-content {
    background-color: #ededed;
}

.vertical-timeline li:nth-child(2n+1) .vertical-timeline-content .timeline-heading {
    border-bottom: 1px solid #999;
}

.vertical-timeline li:nth-child(2n+2) .vertical-timeline-content {
    color: #fff;
}

.vertical-timeline li:nth-child(2n+2) .vertical-timeline-content h5 {
    color: #fff;
}

.vertical-timeline li:nth-child(2n+2) .blockquote::before, .vertical-timeline li:nth-child(2n+2) .blockquote .blockquote-info {
    color: #fff;
}

.vertical-timeline .timeline-heading {
    margin-bottom: 20px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #aba8a8;
}

.vertical-timeline .timeline-data p {
    margin-top: 20px;
}

.vertical-timeline .vertical-timeline-box:last-child {
    padding-bottom: 0;
}

.vertical-timeline .vertical-timeline-box {
    position: relative;
    margin: 0;
    padding-bottom: 50px;
}

.vertical-timeline .timeline-icon {
    position: absolute;
    background: #555555;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #ededed;
    text-align: center;
    left: 20%;
    top: 6px;
    margin: 0 0 0 -25px;
    width: 40px;
    height: 40px;
    font-size: 23px;
    z-index: 99;
}

.vertical-timeline li:after {
    content: '';
    position: absolute;
    top: 23px;
    bottom: 0;
    width: 10px;
    background: #ededed;
    left: 20%;
    margin-left: -10px;
}

.vertical-timeline li:last-child:after {
    background: none;
}

.vertical-timeline .timeline-info {
    display: block;
    width: 25%;
    padding-right: 100px;
    text-align: right;
    position: absolute;
}

.vertical-timeline .timeline-info span {
    display: block;
}

.vertical-timeline .timeline-info span:first-child {
    font-size: 12px;
    line-height: 20px;
}

.vertical-timeline .timeline-info span:last-child {
    font-size: 22px;
    color: #555;
    line-height: 32px;
    font-weight: 400;
}

.vertical-timeline .vertical-timeline-content:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #555555;
    border-width: 13px;
    top: 12px;

}

.vertical-timeline li:nth-child(2n+1) .vertical-timeline-content:before {
    border-right-color: #ededed;
}

.vertical-timeline .timeline-icon i {
    font-size: 23px;
    line-height: 46px;
    color: #fff;
}
/*----------------------------------------------

20.21.   SECTION SEPARATOR DOC

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


.container svg {
    display: block;
}
.doublediagonal{
    z-index: 1;
    position: relative;
    padding: 0;
}
.doublediagonal:before, .doublediagonal:after{
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 70px;
    padding: 9px;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.doublediagonal-main{
    height: 100px;
}
.doublediagonal:before, .doublediagonal:after{
    position: absolute;
    content: '';
    pointer-events: none;
}
.main-section{
    overflow: hidden;
}
.halfcircle.vc_row[data-vc-full-width] {
    overflow: visible;
}

.halfcircle{
    position: relative;
    padding: 0;
    color: #fff;
    text-align: center;
}
.halfcircle:before{
    top: -50px;
}
.halfcircle-bottom{
    position: relative;
    padding: 0;
    color: #fff;
    text-align: center;
}
.halfcircle-bottom:after{
    bottom: -50px;
}
.halfcircle:before, .halfcircle-bottom:after{
    left: 50%;
    z-index: 10;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: inherit;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.halfcircle:before, .halfcircle-bottom:after{
    position: absolute;
    content: '';
    pointer-events: none;
}
.multitriangles:before{
    top: 0;
    background: inherit;
}
.multitriangles-down{
    position: relative;
    padding:0;
}
.multitriangles-down:after{
    bottom: -50px;
    background: inherit;
    z-index: 1;
}
.multitriangles:before, .multitriangles-down:after{
    left: 50%;
    width: 50px;
    height: 50px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.multitriangles:before, .multitriangles-down:after{
    position: absolute;
    content: '';
    pointer-events: none;
}
.roundsplit:before, .roundsplit:after{
    position: absolute;
    content: '';
    pointer-events: none;
}
.roundsplit:before, .roundsplit:after{
    top: 0px;
    left: 0;
    z-index: 10;
    width: 50%;
    height: 70px;
    position: absolute;
    content: '';
    pointer-events: none;
    border-radius: 0 80px 0 0;
}
.main-roundsplit{
    overflow: visible !important;
}

.roundsplit:after{
    left: 50%;
    border-radius: 80px 0 0 0;
}
.CenterTrianglesDown:after{
    bottom: -50px;
    z-index: 10;
}
.CenterTriangles:before, .CenterTrianglesDown:after{
    top: -50px;
}
.CenterTriangles:before, .CenterTrianglesDown:after{
    position: absolute;
    content: '';
    pointer-events: none;
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}
.Boxes{
    position:relative;
    padding:25px;
}
.Boxes:before{
    position: absolute;
    content: '';
    pointer-events: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    -webkit-background-size: 130px 100%;
    background-size: 130px 100%;
}
.Zigzag, .ZigzagDown{
    position:relative;
    padding:20px;
}
.Zigzag:before{

    top: -50px;
    background-position: 50%;

}
.ZigzagDown:after{
    top: 0%;
    background-position: 50%;
}
.Zigzag:before, .ZigzagDown:after{
    position: absolute;
    content: '';
    pointer-events: none;
    right: 0;
    left: 0;
    z-index: 10;
    display: block;
    height: 90px;
    background-size: 50px 100%;
}
.Roundedges{
    position:relative;
    padding:50px;

}
.Roundedges:before, .Roundedges:after{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    top: -100px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    content: '';
    pointer-events: none;
}
.Roundedges:before {
    position: absolute;
    content: '';
    pointer-events: none;
}
.Roundedges:before{
    left: -100px;
}
.Roundedges:after{
    right: -100px;
}
.slit:before, .slit:after{
    position: absolute;
    content: '';
    pointer-events: none;
    width: 50.5%;
    width: -webkit-calc(50% + 10px);
    width: -moz-calc(50% + 10px);
    width: calc(50% + 10px);
    height: 160px;
    top: 9%;
}
.slit:before{
    left: -20px;
    -webkit-transform: skewX(10deg);
    transform: skewX(10deg);
}
.slit:after{
    right: -20px;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
}
.slit{
    position: relative;
    padding-top: 150px;
}
.Inczigzag, .InczigzagDown{
    position: relative;
    padding: 22px;
}
.Inczigzag:before{
    top: 0;
}
.InczigzagDown:after{
    bottom: 0;
}
.Inczigzag:before, .InczigzagDown:after{
    position: absolute;
    content: '';
    pointer-events: none;
    left: 0;
    width: 100%;
    height: 50px;
    background-size: 100px 100%;
}
.Castle{
    position: relative;
    padding: 25px;
}
.Castle:before{
    position: absolute;
    content: '';
    pointer-events: none;
    left: 0;
    width: 100%;
    height: 50px;
    background-size: 200px 100%;
    top: 0;
}
.Foldedcorner{
    position: relative;
    padding:50px;
}
.Foldedcorner:before{
    right: 0;
}
.Foldedcorner:before, .Foldedcorner:after{
    position: absolute;
    content: '';
    pointer-events: none;
    bottom: 0;
    width: 100px;
    height: 100px
}
.Foldedcorner:after{
    right: 100px;
}
.Dots{
    position: relative;
    padding: 18px
}
.Dots:before{
    position: absolute;
    content: '';
    pointer-events: none;
    bottom: 20px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.Doubleline{
    position: relative;
    padding: 16px;
}
.Doubleline:before{
    position: absolute;
    content: '';
    pointer-events: none;
    bottom: 30px;
    width: 140px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.Cross{
    position: relative;
    padding: 72px;
}
.Cross:before{
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}
.Cross:after{
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}
.Cross:before, .Cross:after{
    position: absolute;
    content: '';
    pointer-events: none;
    /*background: #dcdcdc;*/
    bottom: 70px;
    width: 200px;
    height: 2px;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

/* Big Triangle */
#bigTriangleColor {
    pointer-events: none;
}

#bigTriangleColor path {
    stroke-width: 2;
}
.roundsplit {
    height: 70px;
}

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

20.22.   HOME-SIDEBAR

------------------------------------------------*/
/* home menu */
.home-panel {
    background: #e8e8e8;
    color: #dbdbdb;
    position: fixed;
    width: 365px;
    height: 100%;
    right: -365px;
    top: 0;
    z-index: 9999;
    transition: all 1s;

}
a.panel-control {
    position: absolute;
    top: 40%;
    right: 100%;
    background: #e8e8e8;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 15px;
    color: #444343;
    transform: translate(0, -50%);
}
.home-panel.active {
    right: 0;
}
.panel-control span {
    color: #444343;
    font-size: 20px;
    font-weight: 800;
}
.home-panel-info {
    text-align: center;
    color: #444343;
    background: #cacaca;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
}
.home-panel-info span {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
}
.home-list {
    padding: 20px;
}
.home-list li {
    padding: 0;
    margin-bottom: 15px;
}
.home-list li:last-child {
    margin-bottom: 0;
}
.home-list .home-item .home-list-content {
    bottom: 0px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: auto;
    z-index: 999;
    transition: all 400ms ease-in-out;
    color: #fff;
    opacity: 0;
    font-size: 18px;
}
.home-item img {
    width: 100%;
}
.home-list .home-item:hover .home-list-content {
    bottom: 25px;
    opacity: 1;
}

.flash {
    -ms-animation: flash linear 1.5s infinite;
    -moz-animation: flash linear 1.5s infinite;
    -webkit-animation: flash linear 1.5s infinite;
    animation: flash linear 1.5s infinite;
}
@-webkit-keyframes flash {
    0% { opacity: 1; }
    50% { opacity: .1; }
    100% { opacity: 1; }
}
@keyframes flash {
    0% { opacity: 1; }
    50% { opacity: .1; }
    100% { opacity: 1; }
}

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

20.23.   FANCY TEXTBOX

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

/* svg */
.textbox-flag-svg, .textbox-shield-svg, .textbox-ticket-svg, .textbox-note-svg, .textbox-sentence-svg{
    text-align: center;
    line-height: 0;
}
.textbox-content .textbox-button{
    margin: 0;
}
.flag-textbox{
    background-color: #EEEEEE;
    padding:20px 25px 45px;
    text-align: center;
}
.section-background-color .square-textbox{
    padding:50px 30px;
    text-align: center;
    border: 2px solid rgba(135, 135, 135, 0.93);
    background-color: #F5F5F5;
}
.square-textbox{
    padding:50px 30px;
    text-align: center;
    background-color: #EEEEEE;
}
.square-textbox .textbox-icon i{
    font-size: 24px;
    border-radius: 50%;
    border: 1px solid #3c3950;
    padding: 16px;
    line-height: 16px;
    display: inline-block;
}
.textbox-content h4 {
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    margin: 20px 0 10px 0;
}
.textbox-content p{
    margin:0 0 20px 0;
}
.square-smalltop-textbox{
    left: 0;
    width: 100px;
    height: 26px;
    border: 2px solid rgba(135, 135, 135, 0.93);
    border-bottom: 0px;
    text-align: center;
    margin: auto;
    right: 0;
}
/* capsule-textbox */
.capsule-textbox{
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    overflow: hidden;
}
.capsule-textbox .capsule-icon-bg{
    background-color: #a5a5a5;
    padding: 50px;
    text-align: center;
}
.capsule-textbox .capsule-icon-bg i{
    font-size: 35px;
    border-radius: 50%;
    padding: 17px;
    border: 1px solid #ffffff;
    background-color: #fff;
    line-height: 23px;
    display: inline-block;
}
.capsule-textbox .capsule-content-bg{
    background-color:  #EEEEEE;
    padding: 40px 30px;
    text-align: center;
}
.capsule-content-bg p{
    margin: 0 0 20px 0;
}
/*   tag   */
.tag-textbox{
    /*border-top-left-radius: 150px;
    border-top-right-radius: 150px;*/
    background-color: rgba(255, 255, 255, 0.07);
    padding: 10px 30px 50px;
    text-align: center;
    color: #fff;
}
.section-parallax-image .tag-textbox {
    /* border-top-left-radius: 150px;
     border-top-right-radius: 150px;*/
    background-color: rgba(134, 134, 134, 0.43);
    padding: 10px 30px 50px;
    text-align: center;
    /*border: 1px solid #fff;*/
}
.tag-textbox-content .textbox-icon i{
    font-size: 34px;
    border-radius: 50%;
    border: 2px solid #fff;
    display: inline-block;
    padding: 20px;
    line-height: 25px;
    position: relative;
    text-align: center;
}
.tag-textbox-content .textbox-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0);
}
.tag-textbox-content {
    position: relative;
    background-color: rgba(255, 255, 255, 0.07);
}
.tag-svg {
    fill: #1a1a1a;
}
/*.tag-textbox-content .textbox-icon i{
    font-size: 60px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: inline-block;
    padding: 50px;
    line-height: 42px;
    background-color: #fff;
}*/
/*.section-parallax-image .textbox-icon {
    width: 0px;
    height: 0px;
    border-style: inset;
    border-width: 0 131px 177px 131px;
    border-color: transparent transparent rgba(134, 134, 134, 0.43) transparent;
}*/
.section-parallax-image .tag-textbox .textbox-content .button-border:hover, .button-border:focus,
.section-background-color-dark .note-textbox .textbox-content .button-border:hover, .button-border:focus,
.section-parallax-image .sentence-textbox .textbox-content .button-border:hover, .button-border:focus{
    background-color: rgba(135, 135, 135, 0.93);
    color: #fff;
}

.flag-textbox .textbox-content p, .shield-textbox .textbox-content p,
.note-textbox .textbox-content p, .minimal-textbox .textbox-content p{
    margin: 20px 0;
}
/*     FLAG     */

.flag-textbox .textbox-icon i{
    font-size: 32px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid rgba(70, 69, 69, 0.79);
    padding: 23px;
    line-height: 24px;
    background-color: rgba(70, 69, 69, 0.79);
    color: #fff;
}
.textbox-flag-svg .flag-svg, .textbox-sentence-svg .sentence-svg{
    fill:  #eeeeee;
    margin: auto;
}
.textbox-flag-svg.textbox-top-svg {
    background: #eeeeee;
}
.textbox-top-svg .flag-svg {
    fill: #fff;
}
/*    SHIELD    */
/*.section-background-color .shield-textbox {
    background-color: #D0CECE;
    padding: 50px 30px;
    text-align: center;
}*/
.shield-textbox {
    position: relative;
    width: 100%;
    background-color: #D0CECE;
    border-radius: 0 0 140px 140px;
    padding: 15px 30px 45px;
    text-align: center;
}
.shield-textbox:before, .shield-textbox:after {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -7%;
    width: 110px;
    height: 140px;
    background: #D0CECE;
    border-radius: 100px 100px 0 0;
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.shield-textbox:after {
    background-color: #D0CECE;
    left: 8%;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.textbox-content {
    position: relative;
    z-index: 999;
}
.shieldbox-top-border{
    background-color: rgba(70, 69, 69, 0.79);
    padding: 5px 0;
}
.shield-textbox .textbox-icon i{
    font-size: 25px;
    display: inline-block;
    border: 1px solid rgba(70, 69, 69, 0.79);
    padding: 15px;
}
.textbox-shield-svg {
    transform: rotate(180deg);
}
.section-background-color .textbox-shield-svg .shield-svg{
    fill: #D0CECE;
}
.textbox-shield-svg .shield-svg{
    fill: #EEEEEE;
}
/*    Ticket   */
.ticket-textbox {
    overflow: hidden;
    position: relative;
}
.ticket-textbox:before, .ticket-textbox:after {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    padding: 30px 25px;
    background: #fff;
    border-radius: 100%;
    transform: translate(-50%,-50%);
}
.ticket-textbox:after {
    left: 100%;
}
.ticket-textbox .ticket-icon-bg {
    background-color: #e8e8e8;
    padding: 40px  30px;
    text-align: center;
}
.ticket-textbox .ticket-content-bg {
    background-color: #e8e8e8;
    padding: 40px 0;
    text-align: center;
}
.ticket-textbox .ticket-icon-bg  i {
    font-size: 35px;
    border-radius: 50%;
    display: inline-block;
    border: 3px solid #ffffff;
    padding: 17px;
    background-color: white;
    line-height: 26px;
}
.ticket-icon-bg  p {
    margin: 20px 0;
}
.textbox-ticket-svg .ticket-svg{
    fill: #e8e8e8;
}
.textbox-ticket-svg.ticket-top-svg .ticket-svg{
    transform: rotate(180deg);
}
.ticket-textbox .ticket-icon-bg:before, .ticket-textbox .ticket-icon-bg:after{
    left: 50%;
    z-index: 10;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: inherit;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.ticket-textbox .ticket-icon-bg:before{
    top: -50px;
}
.ticket-textbox .ticket-icon-bg:after{
    bottom: -50px;
}
/* note */

.note-textbox{
    padding:50px 30px;
    text-align: center;
    background-color: #EEEEEE;
}
.note-textbox .textbox-icon  i {
    font-size: 35px;
    border-radius: 50%;
    display: inline-block;
    border: 3px solid #ffffff;
    padding: 17px;
    background-color: white;
    line-height: 26px;
}
.textbox-note-svg .note-svg{
    fill: #a5a5a5;
}
.section-background-color-dark .note-textbox .textbox-icon  i {
    font-size: 35px;
    border-radius: 50%;
    display: inline-block;
    border: 3px solid #ffffff;
    padding: 17px;
    line-height: 26px;
    background-color: transparent;
}
.note-textbox-svg {
    display: table;
    height: 100%;
}
.textbox-note-svg {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}
.section-background-color-dark .note-textbox {
    padding: 50px 30px;
    text-align: center;
    border: 1px solid #fff;
    background-color: transparent;
    display: table-cell;
    width: 100%;
}
/* profile */
.profile-textbox{
    background-color:  #EEEEEE;
    padding: 50px 30px;
    border-bottom-left-radius: 50px;
}
.profile-textbox .textbox-icon i{
    font-size: 24px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid rgba(70, 69, 69, 0.79);
    padding: 16px;
    line-height: 17px;
    background-color: rgba(70, 69, 69, 0.79);
    color: #fff;
}
/* sentence */
.top-sentence-svg {
    transform: rotate(180deg);
}
.section-parallax-image .sentence-textbox .textbox-icon i{
    font-size: 24px;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 16px;
    line-height: 16px;
    display: inline-block;
    background-color: rgba(135, 135, 135, 0.93);
}
.section-parallax-image .sentence-textbox{
    background-color: rgba(134, 134, 134, 0.43);
    padding: 50px 30px;
    text-align: center;
    border: 1px solid #fff;
}
.sentence-textbox{
    background-color: #EEEEEE;
    padding: 50px 30px;
    text-align: center;
}
.sentence-textbox .textbox-icon i{
    font-size: 60px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    display: inline-block;
    padding: 50px;
    line-height: 42px;
    background-color: #fff;
}

/* MINIMAL */
.section-background-color .minimal-textbox{
    background-color: rgba(165, 165, 165, 0.28);
    padding:50px 30px;
}
.minimal-textbox{
    background-color: #EEEEEE;
    padding:50px 30px;
}
.minimal-textbox .textbox-icon i{
    font-size: 29px;
    display: inline-block;
    padding: 0px 16px 0 0;
}
.minimal-textbox .textbox-icon{
    text-align: right;
    margin-top: 15px;
}
.minimal-textbox .textbox-content h4 {
    margin: 20px 0;
}

/* FOLDED CORNER */

.folded-textbox .folded-icon-bg  i{
    font-size: 24px;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 16px;
    line-height: 16px;
    display: inline-block;
    background-color: #fff;
}
.folded-textbox  .folded-content-bg{
    background-color: rgba(165, 165, 165, 0.28);
    padding: 40px 30px;
    text-align: center;
    position: relative;
}
.folded-textbox .folded-content-bg:before {
    content: "";
    position: absolute;
    bottom: 0%;
    right: 0%;
    width: 0px;
    height: 0px;
    border-top: 55px solid rgba(165, 165, 165, 0.28);
    border-right: 55px solid transparent;
    -webkit-box-shadow: -7px 7px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: -7px 7px 7px rgba(0,0,0,0.3);
    box-shadow: -7px 7px 7px transparent;
}
.folded-textbox .folded-content-bg:after {
    content: "";
    position: absolute;
    bottom: 0%;
    right: 0%;
    width: 0px;
    height: 0px;
    border-bottom: 54px solid #EEEEEE;
    border-left: 54px solid rgba(165, 165, 165, 0.28);
}
.folded-textbox  .folded-content-bg h4 {
    margin: 0 0 10px 0;
}
.folded-textbox .folded-icon-bg:before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 0px;
    border-bottom: 55px solid #a5a5a5;
    border-left: 55px solid transparent;
    -webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
    box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
}
.folded-textbox .folded-icon-bg:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 0px;
    border-top: 54px solid #EEEEEE;
    border-right: 54px solid transparent;
}
.folded-textbox  .folded-icon-bg {
    background-color:#a5a5a5;
    position: relative;
    padding: 30px;
    text-align: center;
}

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

20.24.   STYLE TEXTBOX

------------------------------------------------*/
.style-column-content{
    padding-left: 0;
    padding-right: 0;
}
/* full rectangle textbox */
.full-rectangle-textbox{
    background-color: #EEEEEE;
    padding:50px;
}
.full-rectangle-textbox .style-textbox-icon i{
    font-size: 90px;
    display: inline-block;
    line-height: 65px;
}
.full-rectangle-textbox .style-textbox-content {
    padding-right: 140px;
}
.full-textbox .style-textbox-content h4{
    font-size: 22px;
    padding-bottom: 10px;
}
.full-textbox  .style-textbox-content p{
    font-size: 15px;
}

.full-rectangle-textbox .style-textbox-icon.textbox-right-icon{
    position: absolute;
    right: 65px;
    height: calc(100% - 100px);
}
.full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position{
    display: table;
    height:100%;
}
.full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon{
    display: table-cell;
    vertical-align: middle;
}
.full-textbox .style-textbox-content{
    position: relative;
}

/* col-6 rectangle textbox */

.vc_col-sm-6 .full-rectangle-textbox .style-textbox-icon i{
    font-size: 70px;
    line-height: 50px;
    padding: 0;
    float: right;
}
.vc_col-sm-6 .full-rectangle-textbox .style-textbox-content {
    padding-right: 95px;
}
.vc_col-sm-6 .full-textbox .style-textbox-content h4{
    font-size: 15px;
    line-height: 24px;
}
.vc_col-sm-6 .full-rectangle-textbox .style-textbox-icon.textbox-right-icon{
    position: relative;
    right: auto;
    height: auto;
}
.vc_col-sm-6 .full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position{
    display: block;
    height:100%;
}
.vc_col-sm-6 .full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon{
    display: block;
    vertical-align: middle;
}
/* col-4 rectangle textbox */

.vc_col-sm-4 .left-right-curve-textbox {
    border-radius: 120px 0 120px 0px;
}
.vc_col-sm-4 .half-round-textbox {
    border-radius: 0 0 200px 200px;
}
.vc_col-sm-4 .full-rectangle-textbox .style-textbox-icon i, .vc_col-sm-4 .left-right-curve-textbox .style-textbox-icon i,
.vc_col-sm-4 .half-round-textbox .style-textbox-icon i{
    font-size: 70px;
    line-height: 50px;
    padding: 0;
}
.vc_col-sm-4 .full-rectangle-textbox .style-textbox-content, .vc_col-sm-4 .left-right-curve-textbox .style-textbox-content,
.vc_col-sm-4 .half-round-textbox .style-textbox-content{
    padding-right: 0px;
    padding-left: 0px;
}
.vc_col-sm-4 .full-textbox .style-textbox-content h4, .vc_col-sm-4 .curve-textbox .style-textbox-content h4,
.vc_col-sm-4 .half-textbox .style-textbox-content h4{
    font-size: 15px;
    line-height: 24px;
}
.vc_col-sm-4 .full-rectangle-textbox .style-textbox-icon.textbox-right-icon,
.vc_col-sm-4 .left-right-curve-textbox .style-textbox-icon.textbox-right-icon,
.vc_col-sm-4 .half-round-textbox .style-textbox-icon.textbox-left-icon{
    position: relative;
    right: auto;
    height: auto;
    padding-bottom: 15px;
    text-align: center;
}
.vc_col-sm-4 .half-round-textbox .style-textbox-icon.textbox-left-icon{
    left: auto;
}
.vc_col-sm-4 .full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position,
.vc_col-sm-4 .left-right-curve-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position,
.vc_col-sm-4 .half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon-position{
    display: block;
    height:100%;
}
.vc_col-sm-4 .full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon,
.vc_col-sm-4 .left-right-curve-textbox .style-textbox-icon.textbox-right-icon .textbox-icon,
.vc_col-sm-4 .half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon{
    display: block;
    vertical-align: middle;
}


/* col-3 rectangle textbox */
.vc_col-sm-3 .left-right-curve-textbox {
    border-radius: 120px 0 120px 0px;
}
.vc_col-sm-3 .full-rectangle-textbox, .vc_col-sm-3 .full-round-textbox{
    text-align: center;
    padding: 50px 30px;
    border-top-left-radius: 0;

}
.vc_col-md-3 .full-rectangle-textbox, .vc_col-md-3 .full-round-textbox, .vc_col-md-3 .half-round-textbox, .vc_col-md-3 .left-right-curve-textbox{
    text-align: center;
    padding: 50px 30px;

}
.vc_col-sm-3 .full-rectangle-textbox .style-textbox-content, .vc_col-md-3 .full-rectangle-textbox .style-textbox-content{
    padding-right: 0;
}
.vc_col-sm-3 .half-round-textbox .style-textbox-content, .vc_col-md-3 .half-round-textbox .style-textbox-content,
.vc_col-sm-3 .left-right-curve-textbox .style-textbox-content, .vc_col-md-3 .laft-right-curve-textbox .style-textbox-content{
    padding-right: 0;
    padding-left: 0;
}
.vc_col-sm-3 .full-rectangle-textbox .style-textbox-icon, .vc_col-md-3 .full-rectangle-textbox .style-textbox-icon,
.vc_col-sm-3 .half-round-textbox .style-textbox-icon, .vc_col-md-3 .half-round-textbox .style-textbox-icon,
.vc_col-sm-3 .left-right-curve-textbox .style-textbox-icon, .vc_col-md-3 .left-right-curve-textbox .style-textbox-icon{
    padding-bottom: 15px;
}
.vc_col-sm-3 .full-rectangle-textbox .style-textbox-icon i, .vc_col-md-3 .full-rectangle-textbox .style-textbox-icon i,
.vc_col-sm-3 .half-round-textbox .style-textbox-icon i, .vc_col-md-3 .half-round-textbox .style-textbox-icon i,
.vc_col-sm-3 .left-right-curve-textbox .style-textbox-icon i, .vc_col-md-3 .left-right-curve-textbox .style-textbox-icon i{
    float: none;
    padding: 0;
    font-size: 70px;
    line-height: 50px;
}
.vc_col-sm-3 .full-textbox .style-textbox-content h4, .vc_col-md-3 .full-textbox .style-textbox-content h4,
.vc_col-sm-3 .half-textbox .style-textbox-content h4, .vc_col-md-3 .half-textbox .style-textbox-content h4,
.vc_col-sm-3 .curve-textbox .style-textbox-content h4, .vc_col-md-3 .curve-textbox .style-textbox-content h4{
    font-size: 15px;
    line-height: 24px;
}
.vc_col-sm-3 .full-rectangle-textbox .style-textbox-icon.textbox-right-icon,
.vc_col-sm-3 .half-rond-textbox .style-textbox-icon.textbox-right-icon,
.vc_col-sm-3 .left-right-curve-textbox .style-textbox-icon.textbox-right-icon{
    position: relative;
    right: auto;
    height: auto;
}
.vc_col-sm-3 .full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position,
.vc_col-sm-3 .half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon-position,
.vc_col-sm-3 .left-right-curve-textbox .style-textbox-icon.textbox-left-icon .textbox-icon-position{
    display: block;
    height:100%;
}
.vc_col-sm-3 .full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon,
.vc_col-sm-3 .half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon,
.vc_col-sm-3 .left-right-curve-textbox .style-textbox-icon.textbox-left-icon .textbox-icon{
    display: block;
    vertical-align: middle;
}


/* small rextangle textbox */
.small-rectangle-textbox{
    padding:50px 30px;
    text-align: center;
    background-color: #EEEEEE;
}
.small-rectangle-textbox .style-textbox-icon, .xsmall-rectangle-textbox .style-textbox-icon{
    line-height: 0;
}
.small-rectangle-textbox .style-textbox-icon i{
    font-size: 45px;
    line-height: 33px;
    display: inline-block;
}
.small-textbox .style-textbox-content h4 {
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}
.small-textbox .style-textbox-content p, .xsmall-textbox .style-textbox-content p{
    line-height: 23px;
}

/* xsmall rectangle textbox */
.xsmall-rectangle-textbox{
    padding:50px 30px;
    text-align: right;
    background-color: #EEEEEE;
}
.xsmall-rectangle-textbox .style-textbox-icon i{
    font-size: 45px;
    line-height: 33px;
    display: inline-block;
}
.xsmall-rectangle-textbox .small-box-content h4{
    font-size: 16px;
}
.xsmall-textbox .style-textbox-content h4 {
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}

/* full round textbox */
.full-round-textbox{
    background-color: #EEEEEE;
    padding:50px;
    border-radius: 50px;
}
.full-round-textbox .style-textbox-icon i{
    font-size: 55px;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 20px;
    line-height: 39px;
    display: inline-block;
    background-color: #fff;
}
.full-round-textbox .style-textbox-content {
    padding-left: 140px;
}
.full-round-textbox .style-textbox-icon.textbox-right-icon{
    position: absolute;
    left: 65px;
    height: calc(100% - 100px);
}
.full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position{
    display: table;
    height:100%;
}
.full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon{
    display: table-cell;
    vertical-align: middle;
}

/* col-6 round textbox */
.vc_col-sm-6  .full-round-textbox{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.vc_col-sm-6 .full-round-textbox .style-textbox-icon i{
    font-size: 35px;
    padding: 22px;
    line-height: 26px;
    float: left;
}
.vc_col-sm-6 .full-round-textbox .style-textbox-content {
    padding-left: 120px;
}
.vc_col-sm-6 .full-round-textbox .style-textbox-icon.textbox-right-icon{
    position: relative;
    left: auto;
    height: auto;
}
.vc_col-sm-6 .full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position{
    display: block;
    height:100%;
}
.vc_col-sm-6 .full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon{
    display: block;
    vertical-align: middle;
}

/* col-4 round textbox */
.vc_col-sm-4  .full-round-textbox{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.vc_col-sm-4 .full-round-textbox .style-textbox-icon i {
    font-size: 35px;
    padding: 22px;
    line-height: 26px;
}
.vc_col-sm-4 .full-round-textbox .style-textbox-content {
    padding-left: 0px;
}
.vc_col-sm-4 .full-round-textbox .style-textbox-icon.textbox-right-icon{
    position: relative;
    left: auto;
    height: auto;
    padding-bottom: 15px;
    text-align: center;
}
.vc_col-sm-4 .full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position{
    display: block;
    height:100%;
}
.vc_col-sm-4 .full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon{
    display: block;
    vertical-align: middle;
}

/* col-3 round textbox */

.vc_col-sm-3 .full-round-textbox .style-textbox-content, .vc_col-md-3 .full-round-textbox .style-textbox-content {
    padding-left: 0;
}
.vc_col-sm-3 .full-round-textbox .style-textbox-icon, .vc_col-md-3 .full-round-textbox .style-textbox-icon{
    margin-bottom: 15px;
}
.vc_col-sm-3 .full-round-textbox .style-textbox-icon i{
    float: none;
    font-size: 35px;
    padding: 22px;
    line-height: 26px;
}
.vc_col-md-3 .full-round-textbox .style-textbox-icon i {
    float: none;
}
.vc_col-sm-3 .full-round-textbox .style-textbox-icon.textbox-right-icon{
    position: relative;
    left: auto;
    height: auto;
}
.vc_col-sm-3 .full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position{
    display: block;
    height:100%;
}
.vc_col-sm-3 .full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon{
    display: block;
    vertical-align: middle;
}
/* small round textbox */
.small-round-textbox{
    padding:50px 30px;
    text-align: center;
    background-color: #EEEEEE;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 60px;
}
.small-round-textbox .style-textbox-icon i{
    font-size: 35px;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 22px;
    line-height: 26px;
    display: inline-block;
    background-color: #fff;
}

/* small round textbox */
.xsmall-round-textbox{
    padding:50px 30px;
    text-align: left;
    background-color: #EEEEEE;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 60px;
}
.xsmall-round-textbox .style-textbox-icon i{
    font-size: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 20px;
    line-height: 21px;
    display: inline-block;
    background-color: #fff;
}

/* half round stylebox or left-right-curve*/

.left-right-curve-textbox{
    background-color: #EEEEEE;
    padding:50px;
    border-radius: 250px 0 250px 0px;
    overflow: hidden;
}
.half-round-textbox{
    background-color: #EEEEEE;
    padding:50px;
    border-radius: 0 0 300px 300px;
    overflow: hidden;
}
.half-round-textbox .style-textbox-icon i, .left-right-curve-textbox .style-textbox-icon i{
    font-size: 90px;
    display: inline-block;
    line-height: 65px;
}
.half-round-textbox .style-textbox-content, .left-right-curve-textbox .style-textbox-content {
    padding-right: 36px;
    padding-left: 208px;
}
.half-textbox .style-textbox-content h4, .curve-textbox .style-textbox-content h4{
    font-size: 22px;
    padding-bottom: 10px;
}
.half-textbox  .style-textbox-content p, .curve-textbox  .style-textbox-content p{
    font-size: 15px;
}

.half-round-textbox .style-textbox-icon.textbox-left-icon, .left-right-curve-textbox .style-textbox-icon.textbox-left-icon{
    position: absolute;
    left: 135px;
    height: calc(100% - 100px);
}
.half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon-position, .left-right-curve-textbox .style-textbox-icon.textbox-left-icon .textbox-icon-position{
    display: table;
    height:100%;
}
.half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon, .left-right-curve-textbox .style-textbox-icon.textbox-left-icon .textbox-icon{
    display: table-cell;
    vertical-align: middle;
}
.half-textbox .style-textbox-content, .curve-textbox .style-textbox-content{
    position: relative;
}

/* md-6 half round and  left right curve */

.vc_col-sm-6 .left-right-curve-textbox{
    border-radius: 120px 0 120px 0px;
}
.vc_col-sm-6 .half-round-textbox{
    border-radius: 0 0 200px 200px;
}
.vc_col-sm-6 .half-round-textbox .style-textbox-icon i, .vc_col-sm-6 .left-right-curve-textbox .style-textbox-icon i{
    font-size: 70px;
    line-height: 50px;
    padding: 0;
    float: left;
}
.vc_col-sm-6 .half-round-textbox .style-textbox-content, .vc_col-sm-6 .left-right-curve-textbox .style-textbox-content {
    padding-left: 116px;
}
.vc_col-sm-6 .half-textbox .style-textbox-content h4, .vc_col-sm-6 .curve-textbox .style-textbox-content h4{
    font-size: 15px;
    line-height: 24px;
}
.vc_col-sm-6 .half-round-textbox .style-textbox-icon.textbox-left-icon, .vc_col-sm-6 .left-right-curve-textbox .style-textbox-icon.textbox-left-icon{
    position: relative;
    right: auto;
    height: auto;
    left: 20px;
}
.vc_col-sm-6 .half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon-position,
.vc_col-sm-6 .left-right-curve-textbox .style-textbox-icon.textbox-left-icon .textbox-icon-position{
    display: block;
    height:100%;
}
.vc_col-sm-6 .half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon,
.vc_col-sm-6 .left-right-curve-textbox .style-textbox-icon.textbox-left-icon .textbox-icon{
    display: block;
    vertical-align: middle;
}

/* small half-round textbox  or small left right curve textbox */

.small-left-right-curve-textbox{
    background-color: #EEEEEE;
    padding:50px;
    text-align: center;
    border-radius: 100px 0 100px 0px;
    overflow: hidden;
}
.small-half-round-textbox{
    padding:50px 36px;
    text-align: center;
    background-color: #EEEEEE;
    border-radius: 0 0 200px 200px;
}
.small-half-round-textbox .style-textbox-icon, .xsmall-half-round-textbox .style-textbox-icon,
.small-left-right-curve-textbox .style-textbox-icon, .xsmall-left-right-curve-textbox .style-textbox-icon{
    line-height: 0;
}
.small-half-round-textbox .style-textbox-icon i, .small-left-right-curve-textbox .style-textbox-icon i{
    font-size: 45px;
    line-height: 33px;
    display: inline-block;
}
.small-half-textbox .style-textbox-content h4, .small-left-right-curve-textbox .style-textbox-content h4 {
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}
.small-half-textbox .style-textbox-content p, .small-left-right-curve-textbox .style-textbox-content p{
    line-height: 23px;
}
/* xsmall half round textbox or xsmall left right curve */
.xsmall-left-right-curve-textbox{
    background-color: #EEEEEE;
    padding:50px;
    border-radius: 100px 0 100px 0px;
    overflow: hidden;
}
.xsmall-half-round-textbox{
    padding:50px 36px;
    text-align: left;
    background-color: #EEEEEE;
    border-radius: 0 0 200px 200px;
}
.xsmall-half-round-textbox .style-textbox-icon i, .xsmall-left-right-curve-textbox .style-textbox-icon i{
    font-size: 45px;
    line-height: 33px;
    display: inline-block;
}
.xsmall-half-textbox .style-textbox-content h4, .xsmall-left-right-curve-textbox .style-textbox-content h4 {
    font-size: 14px;
    line-height: 23px;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}
/*----------------------------------------------

21.   CUSTOM STYLES DOC

------------------------------------------------*/
/*overwrite row vc style*/
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
    padding-top: 0px !important;
}

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

21.   UNIT TEST DOC

------------------------------------------------*/
/* unit test */
.mejs-mediaelement .me-cannotplay span {
    padding: 5px;
    display: block;
    text-align: center;
}
.sticky-post {
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    background: #696969;
    padding: 10px;
    position: absolute;
    right: 0;

}
.post .post-content {
    position: relative;
}
.page-links a, .page-links > span {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    height: 1.8461538462em;
    line-height: 1.6923076923em;
    margin-right: 0.3076923077em;
    text-align: center;
    width: 1.8461538462em;
}
.page-links a {
    background-color: #232222;
    border-color: #1a1a1a;
    color: #fff;
}
.page-links > .page-links-title {
    border: 0;
    color: #1a1a1a;
    height: auto;
    margin: 0;
    padding-right: 0.6153846154em;
    width: auto;
}
.says, .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.entry-content input {
    background-color: #eeeeee;
    height: 40px;
    border: 1px solid #ADADAD;
    padding: 0 10px;
}
input[type=button], input[type=submit] {
    background: #696969;
    color: #fff;
    padding: 10px;
    border: 2px solid #696969;
}
ul.breadcrumbs.breadcrumb-text {
    margin-bottom: 0;
}
.page-title {
    display: table;
    width: 100%;
}
.page-title-1, .page-title-2 {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    float: none;
}
.comments-area {
    margin-bottom: 100px;
}
.post-container .comments-area {
    margin-bottom: 0;
}
dd {
    margin-bottom: 10px;
    margin-left: 40px;
}
dl {
    margin-top: 1em;
    margin-bottom: 1em;
}
li {
    margin-bottom: 1em;
    margin-top: 1em;
}

.widget .sub-menu,
.widget .children {
    padding: 0 12px;
}
/*----------------------------------------------

22.   vertical section title

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

.section-heading-content {
    padding: 0;
}
.section-heading-content h2{
    font-size: 44px;
    line-height: 47px;
    padding: 0px;
    display: table-cell;
    float: none;
    vertical-align: middle;
    color: #131b28;
}
.section-heading-content h2:after {
    background-color: #E1E1E1;
    height: 6px;
    margin: 14px 0 0;
    width: 90px;
    display: block;
    content: "";
}
.section-heading-content p {
    color: #898989;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding: 0px;
    text-align: justify;
}
/*----------------------------------------------

20.25.  about couple

------------------------------------------------*/
.about-img-left .frame img:first-child {
    position: relative;
    z-index: 5;
}
.about-img-left .img-circle, .about-img-right .img-circle{
    border-radius: 50%;
}
.about-img-left .frame img:last-child {
    width: 75%;
    position: absolute;
    top: 9%;
    left: 96px;
}
.about-img-right .frame img:last-child {
    width: 75%;
    position: absolute;
    top: 9%;
    left: 29px;
}
.about-img-left {
    margin-left: 70px;
}
.about-img-right {
    margin-right: 70px;
}
.about-img-right h4, .about-img-left h4 {
    position: relative;
    text-align: center;
    margin: auto auto 15px auto;
    color: #696969;
    font-size: 26px;
}
.about-img-left h3, .about-img-right h3 {
    background-image: url(../images/wedding/heading-heart.png) ;
    background-position: center 45px;
    background-repeat:  no-repeat;
    margin: 25px 0 0;
    padding-bottom: 30px;
    text-align: center;
    font-size: 23px;
}
.about-img-left p, .about-img-right p{
    text-align: center;
    width: 355px;
}
.couple-social li {
    display: inline;
}
.couple-social li a {
    font-size: 16px;
    line-height: 20px;
}
ul.couple-social {
    text-align: center;
    margin: 10px 0px 0px;
    padding: 0px;
}
/*----------------------------------------------

20.26.  Location

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

.contect-location {
    padding: 0 25px;
    text-align: center;
}
.contect-location  h3 {
    margin-bottom: 20px;
    font-size: 20px;
}

.contect-location  .icon-frame i {
    font-size: 26px;
    color: #fff;

}
.contect-location  p {
    font-size: 14px;
    color: #fff;
    margin: 20px 0 0;
}
.section-heading-content h2{
    color: #fff;
}
.section-heading-content p{
    color: #fff;
}
/*----------------------------------------------

20.27.  Story

------------------------------------------------*/
.timeline-section .mid-text-timeline {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 30px;
    margin: 0px;
}
.timeline-section {
    overflow: hidden;
    position: relative;
    list-style: none;
    overflow: hidden;
    padding: 0px;
}
.timeline-section .timeline-block{
    position: relative;
    float: left;
    max-width: 305px;
}
.timeline-section .mid-text-timeline .left-block {
    margin-top: 80px;
}
.timeline-section .left-block .sub-title {
    text-align: right;
}
.timeline-section .sub-title {
    position: relative;
    width: 100%;
    margin-bottom: 8px;
    clear: both;
}
.timeline-section .sub-title .timeline-heading {
    display: inline-block;
}
.timeline-section .sub-title .timeline-heading .timeline-title{
    font-size: 17px;
    line-height: 20px;
}
.timeline-section .timeline-date, .timeline-section .category-name{
    float: left;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;

}
.timeline-section .timeline-date span{
    padding-right: 7px;
    color: #555;
    font-size: 14px;
}
.timeline-section .category-name{
    margin-left: 8px;
}
.timeline-section .sub-title .mid-text-timeline-icon {
    display: inline-block;
    font-size: 29px;
    vertical-align: middle;
}
.timeline-section .left-block .sub-title .mid-text-timeline-icon {
    margin-left: 14px;
}
.mid-text-timeline-icon.block-text {
    color: #555;
}
.black-bg {
    background-color:  #555;
}
.timeline-section .left-block .sub-title .line {
    left: 100%;
}
.timeline-section .sub-title .line {
    position: absolute;
    top: 50%;
    display: inline-block;
    min-width: 96px;
    height: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.timeline-section p {
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    margin-bottom: 15px;
}
.timeline-section .mid-text span {
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 480px;
    line-height: 360px;
}
.timeline-section .mid-text {
    float: left;
    color: #555;
}
.timeline-section .right-block {
    margin-top: 18px;
}
.timeline-section .right-block .sub-title .line {
    right: 100%;
}
.timeline-section .right-block .sub-title .mid-text-timeline-icon {
    margin-right: 14px;
}

.timeline-bottom{
    margin-bottom: 30px;
}
/* row 1 */
.timeline-section .mid-text-1 .right-block .line {
    min-width: 200px;
}
.timeline-section .mid-text-1 .mid-text{
    margin-left: 60px;
}
.mid-text-1 .animated {
    animation-delay: 0s;
}
.timeline-section .mid-text-1 .mid-text, .timeline-section .mid-text-4 .mid-text{
    color:  #555;
}
/* row 2*/
.timeline-section .mid-text-2 .left-block {
    margin-top: 55px;
}
.timeline-section .mid-text-2 .right-block {
    margin-top: 115px;
    margin-left: 50px;
}
.timeline-section .mid-text-2 .mid-text {
    float: left;
    color: #555;
}
.timeline-section .mid-text-2 .black-bg {
    background-color: #555;
}
.timeline-section .mid-text-2 .mid-text-timeline-icon.block-text {
    color: #555;
}
.timeline-section .mid-text-2 .timeline-date span{
    color: #555;
}
/* row 3 */

.timeline-section .mid-text-3 .left-block {
    margin-top: 130px;
}
.timeline-section .mid-text-3 .mid-text {
    margin-left: 40px;
}
.timeline-section .mid-text-3 .right-block {
    margin-top: 70px;
    margin-left: 50px;
}
.mid-text-3 .animated {
    animation-delay: 0s;
}

/* row-4 */
.timeline-section .mid-text-4  .left-block {
    margin-top: 130px;
}

.timeline-section .mid-text-4  .mid-text {
    margin-left: 60px;
    color: #555;
}

.timeline-section .mid-text-4  .right-block {
    margin-top: 13px;
    margin-left: 82px;
}
.timeline-section .mid-text-4 .black-bg {
    background-color: #555;
}
.timeline-section .mid-text-4 .mid-text-timeline-icon.block-text{
    color: #555;
}
.mid-text-4 .animated {
    animation-delay: 0s;
}
.timeline-section .mid-text-4 .timeline-date span{
    color: #555;
}
/*----------------------------------------------

20.28.   menu

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

.menu-food .animated{
    border-bottom: 1px dashed #b6b6b6;  
}
.menu-food .animated:last-child {
    border: none;
}

.menu-name {
    text-align: center;
    color: #1a1a1a;
    font-size: 35px;
    margin-bottom: 10px;
}
.menu-food {
    list-style: none;
    padding: 0 10px;
}
.menu-food li {
    padding: 15px 0px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}
.menu-food .menu-img{
    width: 20%;
    display: table-cell;
    vertical-align: middle;
}
.menu-food .menu-desc{
    padding: 10px 15px 10px 20px;
    width: 80%;
    display: table-cell;
    vertical-align: middle;
}
.menu-food .menu-desc .title {
    font-size: 14px;
    color: #757575;
}
.restaurant-food-menu .menu-food .desc {
    text-transform: none;
    font-weight: normal;
    margin-top: 5px;
    overflow: hidden;
    font-size: 13px;
    color: #757575;
}
.menu-food .price {
    float: right;
    color: #757575;
    font-weight: 600;
    font-size: 15px;
}



/*start responsive*/
@media (max-width: 1799px) {

}
@media (max-width: 1499px) {
    .countdown-item {
        width: 18%;
    }
    /* header style 15-16 */
    .vertical-overlay .main_inner{
        padding: 90px 40px 0;
    }
    .vertical-overlay{
        padding: 35px;
    }
    .vertical-overlay .btn-close{
        top: 25px;
    }
    .vertical-overlay .btn-close {
        right: 30px;
    }
}
@media (max-width: 1199px) {

    /* Service */
    .service-title {
        font-size: 17px;
    }
    /*news*/
    .news-style3 .post-content {
        padding: 30px 25px 30px;
    }
    /*testimonial*/
    a.right.carousel-right {
        right: 0;
        margin-right: 0px;
    }
    a.left.carousel-left {
        left: 0;
        margin-left: 0px;
    }
    /* latest news */
    .news-style3 {
        min-height: 430px;
    }
    /* process-step-border */
    .agency-service-desc p {
        padding: 0;
    }
    .agency-service-desc p {
        padding: 0;
    }
    /*header*/
    .header-layout-1 .menu-item ul li ul {
        top: 0;
        left: auto;
    }
    .header-layout-1 .menu-item ul li ul {
        top: 0;
    }
    .header-layout-5 .menu-item:not(.mega-menu) ul li ul {
        top: 0;
        right: 0;
        border-top: 0;
        border-bottom: 3px solid black;
    }
    .header-layout-5 .menu-item:not(.mega-menu) ul li ul {
        left: auto;
    }
    .header-layout-3 .menu-item ul li ul {
        top: 50%;
        right: 0;
    }
    .header-layout-3 .menu-item ul li ul{
        left:auto;
    }
    /*.header-layout-2 .menu-item:not(.menu-box) > ul {
        top: 100%;
        left: auto;
        border-top: 3px solid #1a1a1a;
        float: left;
    }*/
    .header-layout-2 .menu-item:not(.mega-menu) ul li ul{
        left:auto;
    }
    .header-layout-2 .menu-item:not(.mega-menu) ul li ul {
        top: 0;
        right: 0;
        border-top: 0;
        border-bottom: 3px solid black;
    }

    /*.header-layout-2 .menu-item:not(.mega-menu) ul li ul {
        top: 0;
        right: 100%;
        border-top: 0;
        border-bottom: 3px solid black;
    }
    .header-layout-2 .menu-item:not(.menu-box)>ul {
        top: 100%;
        right: 0;
        border-top: 3px solid #1a1a1a;
        float: left;
    }*/

    /* header style 15-16 */
    .vertical-overlay .btn-close {
        top: 25px;
    }

    .vertical-overlay {
        padding: 30px;
    }
    .vertical-overlay .main_inner{
        padding: 110px 40px 0;
    }

    /* newsletter */

    .woo-newsletter .section-title{
        padding-right: 27px;
    }
    .woo-newsletter .newsletter-desc{
        padding-left: 27px;
    }
    .woo-newsletter .newsletter-input{
        width: 345px;
    }
    .woo-newsletter .newsletter-desc{
        width:50%;
    }

    /* poerfolio expand */
    .og-expander-inner{
        padding: 100px 30px;
    }
    /* chart page */
    .line-chart-heading{
        font-size: 30px;
        line-height:45px;
    }
    .chart_section{
        display: block;
    }

    /* fancy textbox */
    .tag-textbox .textbox-icon i{
        font-size: 45px;
        padding: 35px;
        line-height: 35px;
    }
    .section-background-color .square-textbox{
        padding: 30px;
    }
    .tag-textbox{
        padding: 10px 30px 50px;
    }

    /* style textbox */
    .vc_col-sm-4 .full-rectangle-textbox, .vc_col-sm-4 .full-round-textbox,  .vc_col-md-4 .full-rectangle-textbox, .vc_col-sm-4 .full-round-textbox{
        text-align: center;
    }
    .vc_col-sm-4 .full-rectangle-textbox .style-textbox-content, .vc_col-md-4 .full-rectangle-textbox .style-textbox-content{
        padding-right: 0;
    }
    .vc_col-sm-4 .full-rectangle-textbox .style-textbox-icon i, .vc_col-md-4 .full-rectangle-textbox .style-textbox-icon i {
        float: none;
        padding: 0 0 15px;
    }
    .vc_col-sm-4 .full-round-textbox .style-textbox-content, .vc_col-md-4 .full-round-textbox .style-textbox-content{
        padding-left: 0;
    }
    .vc_col-sm-4  .full-round-textbox .style-textbox-icon i, .vc_col-md-4  .full-round-textbox .style-textbox-icon i{
        float: none;
        margin-bottom: 15px;
    }
    .shield-textbox::before, .shield-textbox::after {
        bottom: -5%;
        height: 120px;
    }
    .shield-textbox::after {
        left: -2%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    /* chart page */
    .chart_section .chart_section_1{
        text-align: center;
    }
    .chart_section .chart_section_1, .chart_section .chart_section_2{
        float: left;
        width:100%;
    }
    /* vertical section title */
    .section-heading-content h2 {
        font-size: 31px;
        line-height: 36px;
    }
    .section-heading-content p{
        padding: 0px;
        font-size: 16px;
    }
    /*about couple*/
    .about-img-left .frame img:last-child {
        width: 70%;
        top: 10%;
        left: 96px;
    }
    .about-img-right .frame img:last-child {
        width: 70%;
        top: 10%;
        left: 29px;
    }
    /* story section */
    .timeline-section .mid-text-2 .right-block {
        margin-left: 39px;
    }
    .timeline-section .mid-text-3 .right-block{
        margin-left: 0px;
    }
    .timeline-section .mid-text-4 .right-block{
        margin-left: 33px;
    }
}
@media (max-width: 991px) {

    body.is-sticky.admin-bar .header-layout-1 .nav-header {
        top: 46px;
    }
    .header-layout-1 .main .menu-item-has-children:not(.menu-box) > a:after {
        font-family: "linea-arrows-10";
        content: "\e04b";
        margin-left: 10px;
        float: right;
        transition: all 0.3s ease;
    }
    .header-layout-1 .menu-item-has-children ul {
        margin-left: 0px;
    }
    .header-layout-1 .sub-menu .menu-item:not(.menu-box) ul {
        padding: 0px 15px;
    }
    .header-layout-1 .main .menu-item-has-children:not(.menu-box) > a.active-menu:after {
        transition: all 0.3s ease;
        transform: translate(0,-50%) rotate(90deg);
        margin-top: 10px;
    }
    .header-layout-1 .main .menu-item-has-children:not(.menu-box) > .sub-menu a.active-menu:after {

        margin-top: 0px;
    }
    /* PAGETITLE */
    #breadcrumbs {
        font-size: 12px;
    }
    /* Header */
    .header-layout-1.nav-color-white .main,
    .header-layout-2.nav-color-white .main,
    .header-layout-3.nav-color-white .main,
    .header-layout-4.nav-color-white .main,
    .header-layout-5.nav-color-white .main{
        background-color: rgba(50, 49, 49, 0.88);
    }
    body.sticky-menu .header-layout-4 .logo {
        height: auto;
    }
    body.sticky-menu .header-layout-4 .logo {
        display: block;
    }

    .sticky-menu .nav-color-white {
        color:#fff;
    }
    .sticky-menu .nav-color-white .menu-item a:hover, .sticky-menu .nav-color-white .menu-item a:active, .sticky-menu .nav-color-white .menu-item a:focus, .sticky-menu .nav-color-white .logo a:hover, .sticky-menu .nav-color-white .logo a:focus {
        color: #93979B;
    }
    .sticky-menu .navigation-menu .main .active {
        color: #93979B;
    }

    /* header style 15-16 */
    .vertical-overlay .main_inner{
        padding: 130px 40px 0;
    }
    .vertical-overlay .btn-close {
        top: 20px;
    }

    /* Counter */
    .countdown-item {
        width: 35%;
    }
    .footer-2 .footer-1-heading h4 {
        margin-bottom: 0px;
    }
    /*testiminials*/
    a.right.carousel-right {
        margin-right: 40px;
    }
    a.left.carousel-left {
        margin-left: 40px;
    }
    /* latest news */
    .news-style3 {
        min-height: 460px;
    }
    /* style5 client with background*/
    .clients-style-5 .client-box:nth-child(3),
    .clients-style-5 .client-box:nth-child(6),
    .clients-style-5 .client-box:nth-child(7),
    .clients-style-5 .client-box:nth-child(11),
    .clients-style-5 .client-box:nth-child(14),
    .clients-style-5 .client-box:nth-child(15) {
        background: #fff;
    }
    .clients-style-5 .client-box:nth-child(4),
    .clients-style-5 .client-box:nth-child(5),
    .clients-style-5 .client-box:nth-child(8),
    .clients-style-5 .client-box:nth-child(12),
    .clients-style-5 .client-box:nth-child(13),
    .clients-style-5 .client-box:nth-child(16) {
        background: #F2F2F2;;
    }

    /* newsletter */
    .woo-newsletter .section-title{
        padding-right: 14px;
    }
    .woo-newsletter .section-title h3{
        font-size: 20px;
    }
    .woo-newsletter .newsletter-desc{
        padding-left: 18px;
    }
    .woo-newsletter .newsletter-input{
        width: 280px;
    }

    /* testimonial */
    .testimonial-user-name {
        top: 0;
        margin-top: 20px;
        position: relative;
        text-align: center;
    }
    .testimonial-img {
        float: none;
    }
    .testimonial-user-name h4 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .testimonial-user-designation {
        font-size: 20px;
    }
    .testimonial-user-sign {
        margin-top: 20px;
    }

    /* portfolio expand */
    .og-fullimg, .og-details{

        height: 100%;
    }
    .og-details{
        padding: 0 0 0 30px;
    }
    .og-details h3 {
        font-size: 32px;
        padding: 0 0 10px;
    }
    .og-grid{
        padding: 0;
    }
    .og-expander-inner {
        padding: 30px 30px;
    }

    /* mesonry layout */
    .masonry-1-col {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .masonry-2-col {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .masonry-3-col {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .masonry-4-col {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .masonry-6-col {
        -moz-column-count: 2;
        -webkit-column-count:2;
        column-count: 2;
    }
    /* contact step form */
    .contactform{
        max-width: 50%;
    }
    .questions li > span label{
        font-size: 36px;
    }
    .questions input{
        font-size: 16px;
    }
    /* chart page */
    .chart_section .chart_section_1 , .chart_section .chart_section_2{
        float: left;
        width: 100%;
        display: block;
        vertical-align: middle;
    }
    .chart_section .animated_line_chart_section{
        padding: 0 20px;
    }
    /*timeline*/
    .timeline-content:before {
        left: 8px;
    }

    .timeline-box {
        width: 100%;
        padding: 0 0px 0 33px;
        margin-top: 50px;
        margin-bottom: 0;
    }

    .timeline-box.right-timeline {
        width: 100%;
        padding: 0 0px 0 33px;
        float: left;
        clear: left;
    }

    .timeline-box .timeline-arrow:before {
        left: auto;
        right: 100%;
        border-width: 10px 12px 10px 0px;
        border-color: transparent #555 transparent transparent;
    }

    .timeline-box .timeline-circle, .timeline-box.right-timeline .timeline-circle {
        right: 100%;
        left: auto;
        margin-right: -17px;
    }

    .vertical-timeline .timeline-info {
        width: 20%;
        padding-right: 75px;
    }

    .vertical-timeline .timeline-icon {
        left: 15%;
    }

    .vertical-timeline .vertical-timeline-content {
        margin: 0 0 0 20%;
    }

    .vertical-timeline li::after {
        left: 15%;
    }
    /* testimonial with background image */
    .testimonial-with-image {
        width: 90%;
    }

    .testimonial-with-image .testimonial-content {
        padding-top: 110px;
        padding-left: 95px;
    }

    .testimonial-with-image .testimonial-content::after {
        left: 16%;
    }

    .testimonial-with-image .testimonial-author .author-name {
        font-size: 23px;
    }
    /* section separator */
    .CenterTriangles::before, .CenterTrianglesDown::after {
        top: -42px;
    }
    .CenterTriangles::before, .CenterTrianglesDown::after {
        width: 85px;
        height: 85px;
    }
    .doublediagonal::before, .doublediagonal::after {
        height: 40px;
        padding: 0;
    }

    /* fancy textbox */
    .tag-textbox .textbox-icon i{
        font-size: 60px;
        padding: 50px;
        line-height: 42px;
    }
    .fancy-textbox:nth-child(odd){
        clear: both;
    }
    .style-textbox:nth-child(odd){
        clear: both;
    }
    .section-background-color .square-textbox{
        padding: 50px 30px;
    }

    /* style textbox */
    .vc_col-sm-6 .full-rectangle-textbox, .vc_col-sm-6 .full-round-textbox, .vc_col-sm-6 .half-round-textbox,
    .vc_col-sm-6 .left-right-curve-textbox{
        text-align: center;
    }
    .vc_col-sm-6 .full-rectangle-textbox .style-textbox-content{
        padding-right: 0;
    }
    .vc_col-sm-6 .full-rectangle-textbox .style-textbox-icon i{
        float: none;
        padding: 0 0 15px;
    }
    .full-rectangle-textbox .style-textbox-content {
        padding-right: 143px;
    }
    .full-round-textbox .style-textbox-content {
        padding-left: 133px;
    }
    .vc_col-sm-6 .full-round-textbox .style-textbox-content{
        padding-left: 0;
    }
    .vc_col-sm-6  .full-round-textbox .style-textbox-icon i,
    .vc_col-sm-6 .half-round-textbox .style-textbox-icon i,
    .vc_col-sm-6 .left-right-curve-textbox .style-textbox-icon i{
        float: none;
        margin-bottom: 15px;
    }
    /* half round textbox */
    .half-round-textbox .style-textbox-content, .left-right-curve-textbox .style-textbox-content {
        padding-right: 32px;
        padding-left: 140px;
    }
    .half-round-textbox .style-textbox-icon.textbox-left-icon{
        left: 100px;
    }
    .left-right-curve-textbox .style-textbox-icon.textbox-left-icon {
        left: 80px;
    }
    .vc_col-sm-6 .half-round-textbox .style-textbox-icon.textbox-left-icon, .vc_col-sm-6 .left-right-curve-textbox .style-textbox-icon.textbox-left-icon{
        left: auto;
    }
    .vc_col-sm-6 .half-round-textbox .style-textbox-content, .vc_col-sm-6 .left-right-curve-textbox .style-textbox-content{
        padding-left: 0px;
        padding-right: 0px;
    }
    .xsmall-half-round-textbox{
        border-radius: 0 0 120px 120px;
    }

    /* sheild */
    .shield-textbox::before, .shield-textbox::after {
        bottom: -15%;
        height: 180px;
    }
    .shield-textbox::after {
        left: 18%;
    }
    .shield-textbox {
        margin-bottom: 50px;
    }

    .small-left-right-curve-textbox{
        padding: 50px 20px;
    }
    .full-round-textbox{
        padding: 50px 30px;
    }
    /* vertical section title */
    .section-heading-content h2 {
        font-size: 27px;
        line-height: 30px;
    }
    .section-heading-content p{
        font-size: 15px;
        line-height: 26px;
    }
    /*about couple  */
    .about-img-left .frame img:last-child {
        width: 86%;
        top: 7%;
        left: 23px;
    }
    .left-col h4, .wedding-announcement .right-col h4 {
        font-size: 19px;
        line-height: 20px;
    }
    .about-img-left p, .about-img-right p {
        width: 275px;
    }
    .about-img-left {
        margin-left: 0px;
    }
    .about-img-right {
        margin-right: 0px;
    }
    .about-img-right .frame img:last-child {
        width: 84%;
        top: 8%;
        left: 29px;
    }
    /*  story section*/
    .timeline-section .timeline-block{
        max-width: 245px;
    }
    .timeline-section .mid-text-1 .mid-text {
        margin-left: 18px;
    }
    .timeline-section .mid-text span {
        font-size: 368px;
        line-height: 283px;
    }
    .timeline-section .mid-text-2 .left-block {
        margin-top: 49px;
    }
    .timeline-section .mid-text-2 .right-block {
        margin-left: 0px;
    }
    .timeline-section .right-block .sub-title .line {
        right: 100%;
        min-width: 70px;
    }
    .timeline-section .sub-title .line{
        min-width: 79px;
    }
    .timeline-section .mid-text-3 .mid-text {
        margin-left: 16px;
    }
    .timeline-section .mid-text-4 .mid-text {
        margin-left: 15px;
    }
    .timeline-section .mid-text-3 .right-block{
        margin-left: 0px;
    }
    .timeline-section .mid-text-4 .right-block {
        margin-left: 31px;
    }
    .timeline-section .mid-text-1 .right-block .line {
        min-width: 138px;
    }
    /* menu */
     .menu-food{
        padding: 0px 70px;
    }
     .restaurant-food-menu .menu-food li:first-child{
        padding: 0px 0px 15px 0;
    }
    .restaurant-food-menu .menu-food li:last-child{
        padding: 15px 0px 20px 0;
    }
}
@media (max-width: 767px) {
    html,body
    {
        position: static;
    }
    /* PAGETITLE */
    #breadcrumbs {
        float: left;
        padding: 0;
    }
    /*testimonials*/
    a.left.carousel-left {
        margin-left: 25px;
    }
    .right.carousel-right {
        margin-right: 25px;
    }
    .teamcarousel.owl-carousel .owl-nav .owl-prev {
        left:6%;
    }

    .teamslider.owl-carousel .owl-nav .owl-prev{
        left:12%;
    }
    .teamcarousel.owl-carousel .owl-nav .owl-next{
        right:6%;
    }
    .teamslider.owl-carousel .owl-nav .owl-next{
        right:12%;
    }
    /*single blog*/
    .post-comments article{
        padding-bottom: 36px;
    }
    .post-comments .comment-list .children{
        margin-left: 18px;
    }
    .post-comments .comment-list .children .children{
        margin-left: 9px;
    }
    /*testimonial*/
    .test-main{
        width:70%;
        margin:auto;
    }

    /* testimonial full image */
    .testimonial-user-designation {
        font-size: 25px;
    }
    .testimonial-user-name h4 {
        font-size: 25px;
    }

    /* process-step-border */
    .agency-service-main::after {
        width: 0;
        height: 0;
    }
    .agency-service-desc p {
        padding:0 15px;
    }
    .agency-service::after {
        content: "";
        height: 0;
    }

    .clients-style-5 .client-box{
        width: 70%;
        margin: auto;
        float: none;
    }

    .clients-style-5 .client-box:nth-child(n) {
        background: #F2F2F2;
    }
    .clients-style-5 .client-box:nth-child(2n) {
        background: #fff;
    }

    /* newsletter */
    .woo-3-newsletter .newsletter-desc {
        border-left: none;
    }
    .woo-newsletter .left-newsletter, .woo-newsletter .right-newsletter{
        padding: 0 15px;
        display: block;
        text-align: center;
    }
    .woo-newsletter .left-newsletter{
        margin-bottom: 20px;
    }
    .woo-newsletter .newsletter-desc{
        width:100%;
        border-left: none;
        padding-left: 0;
    }
    .woo-newsletter .newsletter-section .section-title , .woo-newsletter .newsletter-input{
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    .right-newsletter .newsletter {
        float: none;
        display: inline-table;
    }
    .woo-newsletter .newsletter-input{
        padding: 6px 50px 6px 30px;
    }
    .woo-news .newsletter-section{
        padding: 15px 0px;
        width: 100%;
    }
    .woo-news .newsletter-section .section-title h4{
        font-size: 15px;
    }
    .woo-news .newsletter-section p{
        margin: 10px;
        line-height: 20px;
        font-size: 10px;
    }


    /* portfolio expand */
    .og-details{
        padding: 0 40px 0 12px;
    }
    .og-fullimg { display: none; }
    .og-details { float: none; width: 100%; }
    .og-expander-inner {
        padding: 85px 30px;
        height: 100%;
    }
    /* mesonry */
    .masonry-1-col {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .masonry-2-col {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .masonry-3-col {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .masonry-4-col {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .masonry-6-col {
        -moz-column-count: 1;
        -webkit-column-count:1;
        column-count: 1;
    }
    /* unit test */
    .sticky-post {
        position: relative;
    }
    .breadcrumb-text {
        margin-top: 20px;
        float: left;
    }

    /* contact step form */
    .contactform{
        max-width: 90%;
    }

    /* header menu font size */
    .main li.menu-item a
    {
        font-size: 14px;
    }
    /* chart page */
    .animated_line_chart{
        padding: 25px 15px;
    }
    .line-chart-heading{
        font-size: 25px;
        line-height:40px;
    }

    /* process step (hover effect)*/
    .process_bar{
        display: none;
    }
    /* process step style-6 (with count number)*/
    .process-step-spacing{
        margin-bottom: 40px;
        margin-left: 20px;
    }

    /* vertical timeline*/
    .vertical-timeline .timeline-info {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
        text-align: left;
    }

    .vertical-timeline .vertical-timeline-box {
        margin: 0 10px;
        padding-bottom: 30px;
    }

    .vertical-timeline li:after {
        display: none;
    }

    .vertical-timeline .vertical-timeline-content {
        margin: 0;
        padding: 15px;
    }

    .vertical-timeline .timeline-icon {
        position: relative;
        float: right;
        left: auto;
        margin: -62px 5px 0 0px;
    }

    .vertical-timeline li:nth-child(2n+1) .vertical-timeline-content::before {
        border-right-color: transparent;
        border-bottom-color: #ededed;
    }

    .vertical-timeline .vertical-timeline-content::before {
        border-right-color: transparent;
        border-bottom-color: #555555;
    }

    .vertical-timeline .vertical-timeline-content::before {
        left: 15px;
        top: -25px;
    }

    .vertical-timeline .timeline-icon {
        height: 30px;
        width: 30px;
    }

    .vertical-timeline .timeline-icon i {
        font-size: 19px;
        line-height: 35px;
    }

    .vertical-timeline .timeline-info span:last-child {
        font-size: 20px;
    }
    /*section separator*/
    .doublediagonal::before, .doublediagonal::after {
        height: 25px;
        padding: 0;
    }
    .Roundedges::before, .Roundedges::after {
        width: 180px;
        height: 180px;
    }
    .Castle::before {
        background-size: 110px 100%;
    }
    .Foldedcorner::after {
        right: 80px;
    }
    .Foldedcorner::before, .Foldedcorner::after {
        width: 80px;
        height: 80px;
    }
    .Cross{
        padding: 50px;
    }
    .Cross::before, .Cross::after {
        width: 120px;
    }
    /* header style 15-16 */
    .vertical-overlay .main_inner {
        padding: 90px 40px 0;
        overflow: scroll;
    }
    .vertical-overlay {
        padding: 15px;
    }
    .vertical-overlay .btn-close {
        right: 20px;
    }
    .vertical-overlay .btn-close {
        top: 10px;
    }

    /* fancy textbox */
    .square-textbox, .flag-textbox, .note-textbox, .sentence-textbox, .capsule-textbox, .tag-textbox, .shield-textbox,
    .sentetce-textbox, .ticket-textbox, .profile-textbox, .minimal-textbox, .folded-textbox{
        width: 70%;
        margin: auto;
    }
    .textbox-flag-svg, .textbox-shield-svg, .textbox-ticket-svg, .note-textbox-svg, .textbox-sentence-svg ,.textbox-tag-svg {
        width: 70%;
        margin: auto;
    }
    .shieldbox-top-border{
        width: 70%;
        margin: auto;
    }
    .square-textbox,  .tag-textbox, .flag-textbox, .note-textbox, .sentence-textbox, .shield-textbox,
    .sentetce-textbox, .ticket-textbox .ticket-icon-bg, .profile-textbox, .minimal-textbox, .folded-textbox .folded-icon-bg{
        padding: 50px;
    }
    .capsule-textbox .capsule-content-bg, .folded-textbox .folded-content-bg{
        padding: 40px 60px;
    }
    .section-background-color .square-textbox{
        padding: 40px 30px;
    }

    /* style textbox */
    .full-textbox .style-textbox-content h4{
        font-size: 16px;
        line-height: 30px;
    }
    .full-rectangle-textbox, .xsmall-rectangle-textbox, .small-rectangle-textbox, .full-round-textbox, .small-round-textbox, .xsmall-round-textbox, .half-round-textbox, .small-half-round-textbox, .xsmall-half-round-textbox,
    .left-right-curve-textbox, .small-left-right-curve-textbox, .xsmall-left-right-curve-textbox{
        width: 70%;
        margin: 0 auto;
        text-align: center;
    }
    .vc_col-sm-6 .full-rectangle-textbox .style-textbox-icon i{
        padding: 0;
    }
    .vc_col-sm-6  .full-round-textbox .style-textbox-icon i, .vc_col-sm-6 .half-round-textbox .style-textbox-icon i, .vc_col-sm-6 .left-right-curve-textbox .style-textbox-icon i{
        margin-bottom: 0;
    }
    .full-rectangle-textbox .style-textbox-content{
        padding-right: 0;
    }
    .full-round-textbox .style-textbox-content{
        padding-left: 0;
    }
    .full-rectangle-textbox .style-textbox-icon.textbox-right-icon{
        position: relative;
        right: auto;
        height: auto;
        padding-bottom: 15px;
    }
    .full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position,
    .half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon-position,
    .left-right-curve-textbox .style-textbox-icon.textbox-left-icon .textbox-icon-position{
        display: block;
        height:100%;
    }
    .full-rectangle-textbox .style-textbox-icon.textbox-right-icon .textbox-icon,
    .half-round-textbox .style-textbox-icon.textbox-left-icon .textbox-icon,
    .left-right-curve-textbox .style-textbox-icon.textbox-left-icon .textbox-icon{
        display: block;
        vertical-align: middle;
    }
    .full-round-textbox .style-textbox-icon.textbox-right-icon{
        position: relative;
        left: auto;
        height: auto;
        padding-bottom: 15px;
        text-align: center;
    }
    .full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon-position{
        display: block;
        height:100%;
    }
    .full-round-textbox .style-textbox-icon.textbox-right-icon .textbox-icon{
        display: block;
        vertical-align: middle;
    }
    /* half round stylebox */

    .half-round-textbox .style-textbox-content, .vc_col-sm-6 .half-round-textbox .style-textbox-content,
    .left-right-curve-textbox .style-textbox-content, .vc_col-sm-6 .left-right-curve-textbox .style-textbox-content{
        padding-right: 0;
        padding-left: 0;
    }
    .half-round-textbox .style-textbox-icon.textbox-left-icon, .vc_col-sm-6 .half-round-textbox .style-textbox-icon.textbox-left-icon,
    .left-right-curve-textbox .style-textbox-icon.textbox-left-icon, .vc_col-sm-6 .left-right-curve-textbox .style-textbox-icon.textbox-left-icon{
        position: relative;
        right: auto;
        height: auto;
        padding-bottom: 15px;
        left: auto;
    }
    .half-textbox .style-textbox-content h4, .curve-textbox .style-textbox-content h4{
        font-size: 16px;
        line-height: 30px;
    }
    .xsmall-half-round-textbox{
        border-radius: 0 0 200px 200px;
    }
    .left-right-curve-textbox{
        border-radius: 150px 0 150px 0px;
    }

    /* shield */
    .shield-textbox, .textbox-shield-svg {
        width: 350px;
    }
    .shield-textbox::before, .shield-textbox::after {
        bottom: -14%;
        height: 160px;
    }
    .shield-textbox::after {
        left: 19%;
    }
    .shield-textbox {
        margin: auto auto 10%;
    }
    .full-rectangle-textbox , .half-round-textbox{
        padding: 50px 30px;
    }
    .full-rectangle-textbox .textbox-icon i ,.half-round-textbox .style-textbox-icon i, .left-right-curve-textbox .style-textbox-icon i{
        font-size: 60px;
    }
    .vc_col-sm-6 .full-rectangle-textbox .style-textbox-icon i ,.vc_col-sm-6 .half-round-textbox .style-textbox-icon i, .vc_col-sm-6 .left-right-curve-textbox .style-textbox-icon i , .full-round-textbox .style-textbox-icon i{
        font-size: 50px;
    }
    .half-round-textbox .style-textbox-content {
        padding: 0px 25px;
    }
    .vc_col-sm-6 .half-round-textbox .style-textbox-content{
        padding: 0px 15px 10px;
    }
    .small-half-round-textbox .style-textbox-content{
        padding: 0px 30px 10px;
    }
    .xsmall-half-round-textbox .style-textbox-content{
        padding: 0px 20px 10px;
    }
    .left-right-curve-textbox .style-textbox-content{
        padding: 0px 15px;
    }
    .small-curve-textbox .style-textbox-content ,.xsmall-curve-textbox .style-textbox-content , .left-right-curve-textbox .style-textbox-content{
        padding: 0 10px;
    }
    /* vertical section title */
    .section-heading-content h2{
        display: block;
        text-align: center;
        margin: auto;
        font-size: 30px;
        line-height: 30px;
    }
    .section-heading-content h2::after {
        text-align: center;
        margin: 15px auto;
    }
    .section-heading-content p{
        display: block;
        font-size: 14px;
        line-height: 26px;
        text-align: center;
    }
    /* about couple */
    .about-img-right  h4, .about-img-left h4{
        font-size: 21px;
        line-height: 35px;
    }
    .about-img-left .frame img:last-child, .about-img-right .frame img:last-child{
        width: 70%;
        position: relative;
        top: 0;
        left: 0;
        margin: auto;
        text-align: center;
    }
    .about-img-left {
        margin-left: 0px;
        width: 70%;
        text-align: center;
        margin: auto;
    }
    .about-img-right {
        margin-right:  0px;
        width: 70%;
        text-align: center;
        margin: auto;
    }
    .about-img-left p, .about-img-right p {
        width: 100%;
    }
    /* story section */
    .timeline-section .mid-text-timeline .left-block, .timeline-section .mid-text-2 .left-block {
        margin-top: 0;
        float: none;
    }
    .timeline-section .left-block .sub-title .mid-text-timeline-icon {
        margin-left: 0px;
        display: none;
    }

    .timeline-section .right-block .sub-title .mid-text-timeline-icon {
        margin-right: 0px;
        display: none;
    }
    .timeline-section .mid-text-1 .right-block .line {
        min-width: 200px;
    }
    .timeline-section .sub-title .line{
        display: none;
    }
    .timeline-section .left-block .sub-title {
        text-align: center;
    }
    .timeline-section .right-block .sub-title .line{
        min-width: 96px;
    }
    .timeline-section .mid-text {
        margin-left: 0px;
        margin: auto;
        text-align: center;
        float: none;
    }
    .timeline-section .sub-title .timeline-heading {
        display: block;
        text-align: center;
    }
    .timeline-section .mid-text span {
        font-size: 360px;
        line-height: 272px;
        padding-top: 10px;
    }
    .timeline-section .mid-text-timeline{
        padding-bottom: 15px;
        border-bottom: 1px dotted black;
        padding-top: 30px;
    }
    .timeline-section .mid-text-timeline:first-child{
        padding-top: 0px;
    }
    .timeline-section .mid-text-timeline:last-child{
        padding-bottom: 0px;
        border-bottom: none;
    }
    .timeline-section .mid-text-2 .right-block, .timeline-section .mid-text-3 .right-block, .timeline-section .mid-text-4 .right-block {
        margin-top: 18px;
        margin-left: 0px;
    }
    .timeline-section .right-block {
        margin-top: 18px;
    }
    .timeline-section .mid-text-3 .mid-text, .timeline-section .mid-text-1 .mid-text, .timeline-section .mid-text-4 .mid-text {
        margin-left: 0px;
    }
    .timeline-section .mid-text-2 .mid-text{
        float: none;
    }
    .timeline-section{
        width: 70%;
        margin: auto;

    }
    .timeline-section p{
        text-align: center;
    }
    .timeline-section .sub-title .timeline-heading .timeline-title {
        font-size: 16px;
        line-height: 25px;
    }
    .timeline-section .timeline-block {
        max-width: 100%;
    }
    .timeline-section .timeline-date, .timeline-section .category-name {
        display: none;
    }
         /* menu */
    .menu-food{
        padding: 0px 50px;
    }
    
    .menu-name {
        font-size: 33px;
    }
}
@media (max-width: 782px) {
    body.is-sticky.admin-bar .header-layout-3 .nav-header {
        top: 46px;
    }
}
@media (max-width: 600px) {
    body.is-sticky.sticky-menu.admin-bar .header-layout-1 .nav-header,body.is-sticky.sticky-menu.admin-bar .header-layout-2 .nav-header,body.is-sticky.sticky-menu.admin-bar .header-layout-3 .nav-header,body.is-sticky.sticky-menu.admin-bar .header-layout-4 .nav-header,body.is-sticky.sticky-menu.admin-bar .header-layout-5 .nav-header {
        top: 0;
    }

    /* fancy textbox */
    .shield-textbox::before, .shield-textbox::after {
        bottom: -14%;
        height: 150px;
    }
    .shield-textbox::after {
        left: 19%;
    }
}
@media (max-width: 479px) {

    /* page heading */
    /*.page-title-1, .page-title-2
    {
        display: block;
        float: left;
    }*/

    a.right.carousel-right {
        margin-right: 25px;
    }
    a.left.carousel-left {
        margin-left: 25px;
    }
    /* Team */
    .team-person {
        padding: 0 0px 40px 0px;
    }
    /* Countdown */
    .countdown-item {
        width: 70%;
    }
    /* latest news */
    .news-style3 {
        min-height: 420px;
    }
    /*single blog*/
    .post-comments article{
        padding-bottom: 36px;
    }
    .post-comments .comment-list .children{
        margin-left: 18px;
    }
    .post-comments .comment-list .children .children{
        margin-left: 9px;
    }
    /*testimonial*/
    .test-main{
        width:100%;
        margin:auto;
    }
    /* testimonial full image */

    .testimonial-user-designation {
        font-size: 18px;
    }
    .testimonial-user-name h4 {
        font-size: 22px;
    }
    .testimonial-main-content {
        padding: 5% 0px 0px;
        text-align: center;
        width: 100%;
    }
    .testimonial-left-content {
        width: 100%;
        text-align: center;
    }
    .testimonial-img img{
        max-width: 100%;
    }
    /*testimonial (with user sign)*/
    .testimonial-user-sign{
        display: inline-block;
        margin-top: 0;
    }
    /*HOME-SLIDER*/
    .home-panel {
        width: 235px;
    }

    .clients-style-5 .client-box{
        width: 100%;
    }

    /*newsletter one-line*/
    .woo-newsletter .newsletter-desc{
        font-size: 12px;
    }
    .right-newsletter .newsletter-button .button-medium{
        font-size: 12px;
        line-height: 32px;
        padding: 0px 18px;
    }
    .woo-newsletter .section-title h3{
        font-size: 18px;
    }
    .woo-newsletter .newsletter-input{
        display: inline-block;
    }
    .right-newsletter .form-inner{
        text-align: center;
        float: none;
    }
    .right-newsletter .newsletter-button{
        display: inline-block;
        text-align: center;
        margin: 15px 0 0 0;
        float: none;
    }
    .woo-newsletter .left-newsletter{
        margin-bottom: 15px;
    }


    /* portfolio expand */
    .og-details p {
        margin-bottom: 15px;
    }
    .og-fullimg, .og-details{
        width: 100%;
        height: 100%;
        text-align: center;
    }
    .og-expander h3 {
        font-size: 22px;
    }
    .og-details h3{
        padding:0;
    }
    .og-details {
        padding: 0;
    }
    .og-details a{
        margin:0;
        padding: 0px 15px;
    }

    .og-fullimg img{
        padding: 15px;
    }

    /* unit test */
    .sticky-label {
        text-align: center;
    }

    /* contact step form */
    .contactform{
        max-width: 100%;
    }
    .questions li > span label{
        line-height: 30px;
        font-size: 25px;
    }
    .questions input{
        padding: 6px 12px;
    }

    /*timeline*/
    .timeline-slider-image, .timeline-box .timeline-video iframe {
        height: 250px;
    }
    /* testimonial with background image */
    .testimonial-with-image {
        width: 100%;
        padding: 0;
    }

    .testimonial-with-image .testimonial-content {
        padding-left: 50px;
        padding-top: 105px;
    }

    .testimonial-with-image .testimonial-content::after {
        padding: 0 20px;
        font-size: 32px;
        line-height: 75px;
    }

    .testimonial-with-image .testimonial-author {
        padding-right: 10px;
    }

    .testimonial-with-image .testimonial-author .author-name {
        font-size: 21px;
    }

    .testimonial-with-image .testimonial-content p {
        margin-bottom: 5px;
    }
    /* header style 15-16*/
    .vertical-overlay .colored-menu{
        width: 100%;
    }

    /* fancy textbox*/
    .square-textbox,  .tag-textbox, .flag-textbox, .note-textbox, .sentence-textbox, .shield-textbox,
    .sentetce-textbox, .ticket-textbox .ticket-icon-bg, .profile-textbox, .minimal-textbox, .folded-textbox .folded-icon-bg{
        padding: 50px 30px;
    }
    .capsule-textbox .capsule-content-bg, .folded-textbox .folded-content-bg{
        padding: 40px 30px;
    }
    /* style textbox */
    .full-rectangle-textbox, .xsmall-rectangle-textbox, .small-rectangle-textbox, .full-round-textbox, .small-round-textbox, .xsmall-round-textbox, .half-round-textbox, .small-half-round-textbox, .xsmall-half-round-textbox,
    .left-right-curve-textbox, .small-left-right-curve-textbox, .xsmall-left-right-curve-textbox{
        width: 100%;
        padding: 30px;
    }

    .shield-textbox::before, .shield-textbox::after {
        bottom: -15%;
        height: 55%;
    }
    .shield-textbox::after {
        left: 19%;
    }
    .half-round-textbox .style-textbox-content{
        padding:0;
    }
    /* about couple */
    .about-img-left {
        width: 100%;
    }
    .about-img-right {
        width: 100%;
    }
    /* story section*/
    .timeline-section{
        width: 100%;
    }
    /* menu */
    .menu-food{
        padding: 0px 15px;
    }
}
@media (max-width: 400px){
    /* fancy textbox*/
    .square-textbox, .flag-textbox, .note-textbox, .sentence-textbox, .capsule-textbox, .tag-textbox, .shield-textbox,
    .sentetce-textbox, .ticket-textbox, .profile-textbox, .minimal-textbox, .folded-textbox{
        width: 100%;
    }
    .textbox-flag-svg, .textbox-shield-svg, .textbox-ticket-svg, .note-textbox-svg, .textbox-sentence-svg {
        width: 100%;
        margin: auto;
    }
    .shield-textbox::before, .shield-textbox::after {
        bottom: -12%;
        height: 50%;
    }
    .shield-textbox::after {
        left: 17%;
    }
    .textbox-tag-svg {
        width: 100%;
        margin: auto;
    }
}
@media (max-width: 350px){
    /* fancy textbox*/
    .shield-textbox::before, .shield-textbox::after {
        bottom: -9%;
        height: 40%;
    }
    .shield-textbox::after {
        left: 13%;
    }
}
@media (max-width: 320px){
    /* fancy textbox*/
    .shield-textbox::before, .shield-textbox::after {
        bottom: -8%;
        height: 50%;
    }
    .shield-textbox::after {
        left: 12%;
    }
}