/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 3, 2015, 10:02:00 AM
    Author     : Ubo
*/

/* 
1. Element general style css
    1.1. Setsen style 
    1.2. Setsen style hover
    1.3. Setsen style active
    1.4. Setsen style change color
2. Elements
    2.1. Accordion
    2.2. Blog
    2.3. Button
        2.3.1. Button Style
            2.3.1.1. Default Style
            2.3.1.2. Bordered Style
            2.3.1.3. Flat Style
            2.3.1.4. White Style
        2.3.2. Button Size
            2.3.2.1. Small Size
            2.3.2.2. Medium Size
            2.3.2.3. Large Size
            2.3.2.4. Extra Size
    2.4. Callout
    2.5. Column
    2.6. Circle Chart
    2.7. Divider
    2.8. Font Icon
    2.9. Heading
    2.10. IconBox
    2.11. ServiceBox
    2.12. List
    2.13. Map
    2.14. Milestones
    2.15. Partner
    2.16. Pricing Table
    2.17. Progress Bar
    2.18. Post Carousel
    2.19. Portfolio
    2.20. Portfolio Carousel
    2.21. Socials
    2.22. Tabs
    2.23. Team
    2.24. Testimonial
    2.25. Toggle
    2.26. Video
3. Image overlay
4. Frequently repeated css
5. Elements Dark
6. Pagination
7. Filter
8. Visual Composer
*/




.setsen-ut-element {
    position: relative;
    margin-bottom: 40px;
}
/*.setsen-ut-element:last-child {
    margin-bottom: 0px;
}*/
.setsen-ut-element:first-child {
    margin-bottom: 40px;
}

/*---------- 1. Elements general style css ----------*/
/*---------- 1.1. Setsen Style ----------*/
.setsen-style {
    cursor: pointer;
    border-right: 1px solid #dadee5;
    border-left: 1px solid #dadee5;
    background: transparent;
    padding: 18px 25px;
}
.setsen-style span {
    content: '';
    position: absolute;
    background: #dadee5;
    border-bottom: 1px solid transparent;
    width: 5px;
}
.setsen-style span.top-left {
    left: 0px;
    top: 0px;
}
.setsen-style span.top-right {
    right: 0px;
    top: 0px;
}
.setsen-style span.bottom-left {
    bottom: 0px;
    left: 0px;
}
.setsen-style span.bottom-right {
    bottom: 0px;
    right: 0px;
}
/*---------- 1.2. Setsen Style Hover ----------*/
.setsen-style:hover span.top-right,
.setsen-style:hover span.bottom-left,
.setsen-style.ui-state-active span.top-right, 
.setsen-style.ui-state-active span.bottom-left,
.setsen-servicebox-box:hover span.top-right,
.setsen-servicebox-box:hover span.bottom-left,
.ui-state-active span.top-right,
.ui-state-active span.bottom-left {
    width: 0%;
}


.setsen-style:hover span.top-left, 
.setsen-style:hover span.bottom-right,
.setsen-style.ui-state-active span.top-left, 
.setsen-style.ui-state-active span.bottom-right,
.setsen-servicebox-box:hover span.top-left,
.setsen-servicebox-box:hover span.bottom-right,
.ui-state-active span.top-left,
.ui-state-active span.bottom-right {
    width: 100%;
}

/*---------- 1.4. Setsen style change color ----------*/
.abs-meta .meta-date.setsen-style,
.abs-meta .format-icon.setsen-style {
    border-color: #b7c2cb;
}
.abs-meta .meta-date.setsen-style span,
.abs-meta .format-icon.setsen-style span {
    background-color: #b7c2cb;
}





/*---------- 2. Elements ----------*/

/*---------- 2.1. Accordion, 2.25. Toggle ----------*/
.setsen-ut-accordion-tab,
.setsen-ut-toggle.vc_toggle {
    margin: 0 0 10px 0;
}
.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    background: transparent;
    color: #707f9b;
}
/* Accordion style 2 */
/*.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.style-2.ui-accordion-header-active {
    color: #707F9B;
    background-color: #707F9B;
}*/
.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.style-2 a {
    border: 1px solid transparent;
    border-color: #707F9B;
}
.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper h3.wpb_accordion_header.style-2.ui-state-hover {
    color: #fff;
}
.setsen-ut-toggle .vc_toggle_title > h4,
.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    font-size: 10px;
    font-weight: normal;
    font-family: Montserrat;
    text-transform: uppercase;
    color: #707f9b;
    padding: 16px 45.75px 16px 27px;
    display: block;
    margin: 0;
}
.setsen-ut-toggle .vc_toggle_title i,
.setsen-ut-accordion .wpb_accordion_header a > i {
    font-size: 14px;
    padding-right: 10px;
    position: relative;
    top: 1px;
    margin: -3px 0;
    line-height: 1;
}
.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
    background: none;
    width: 8.75px;
    height: 15px;
    right: 27px;
    line-height: 15px;
    top: 50%;
    margin-top: -7.5px;
    z-index: 1;
    text-indent: 0;
}
.setsen-ut-accordion .ui-state-default.style-1 .ui-icon:before {
    font-family: Ionicons;
    content: '\f2c7';
}
.setsen-ut-accordion .ui-state-active.style-1 .ui-icon:before {
    content: '\f2f4';
}
.setsen-ut-accordion .ui-state-default.style-2 .ui-icon:before {
    font-family: Ionicons;
    content: '\f3d3';
}
.setsen-ut-accordion .ui-state-active.style-2 .ui-icon:before {
    content: '\f3d0';
}
.setsen-ut-accordion.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    padding: 25px 0;
}

/*---------- 2.2. Blog ----------*/
.setsen-ut-blog .entry-block {
    position: relative;
    padding-left: 90px;
    min-height: 140px;
    margin-bottom: 60px;
}
.setsen-ut-blog article.hentry:last-child .entry-block {
    margin-bottom: 0;
}
.setsen-ut-thumbnail {
    position: relative;
    overflow: hidden;
    display: inline-block;
    max-width: 100%;
}

.main-layout-boxed .entry-meta,
.main-layout-boxed .entry-title,
.main-layout-boxed .entry-content {
    margin-left: 67px;
}

.main-layout-fullwidth .entry-meta,
.main-layout-fullwidth .entry-media,
.main-layout-fullwidth .entry-title
/*.main-layout-fullwidth .entry-content*/ {
    margin-left: 100px;
}
.setsen-ut-blog article .entry-media,
.single-post article .entry-media,
.setsen-ut-blog.setsen-ut-isotope-container article .entry-media {
    margin-bottom: 20px;
}
.entry-content p:last-child {
    margin-bottom: 0;
}
.entry-meta {
    margin-bottom: 15px;
    font-size: 11px;
}
.entry-meta a {
    color: #707f9b;
}
.entry-meta a:hover {
    color: #151f30;
}
.entry-meta>span:last-child:after {
    display: none;
}
.abs-meta {
    position: absolute;
    font-size: 11px;
    left: 0;
    width: 65px;
    text-align: center;
    color: #151f30;
}
.abs-meta .meta-date {
    text-transform: uppercase;
    line-height: 1;
    padding: 18px 0;
    margin-bottom: 10px;
    position: relative;
}
.abs-meta .meta-date .date {
    color: #151f30;
    font-size: 18px;
    display: block;
}
.abs-meta .format-icon {
    position: relative;
    padding: 0;
}
.abs-meta .format-icon i {
    font-size: 15px;
    line-height: 65px;
    display: block;
    position: relative;
}
.entry-media{
    line-height: 0;
}
.entry-media .setsen-ut-thumbnail:hover>img,
.image-slide-container:hover .setsen-ut-owl-item img {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
}
.entry-title {
    margin: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 1;
}
.setsen-ut-blog.setsen-ut-isotope-container .entry-title {
    margin-top: 20px;
    margin-bottom: 10px;
}
.entry-title a {
    color: #424242;
}
.entry-title a:hover {
    color: #ff6600;
}
.entry-content .more-link {
    font-size: 10px;
    border: 1px solid #dbdbdb;
}

/*---------- Blog page template ----------*/
.setsen-ut-blog > .isotope-container {
    margin: 0 -15px;
}
.setsen-ut-blog .isotope-container .entry-block {
    padding: 0 15px;
}
.isotope-container .entry-title {
    font-size: 13px;
    margin-bottom: 12px;
}
.isotope-container .link-content, .isotope-container .format-quote blockquote {
    padding: 60px 55px;
}
.isotope-container .link-content .link-text, .isotope-container .format-quote .quote-text {
    font-size: 16px;
}

/*---------- 2.3. Button ----------*/
.btn {
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: normal;
    display: inline-block;
    padding: 16px 26px;
    color: #707f9b;
    position: relative;
    text-align: center;
    vertical-align: top;
}
.btn i.left {
    float: left;
    margin-right: 10px;
}
.btn i.right {
    float: right;
    margin-left: 10px;
}
.wpb_wrapper a.vc_btn3.vc_btn3-style-outline, 
.wpb_wrapper a.vc_btn3.vc_btn3-style-outline-custom, 
.wpb_wrapper a.vc_btn3.vc_btn3-style-outline-custom:focus, 
.wpb_wrapper a.vc_btn3.vc_btn3-style-outline-custom:hover, 
.wpb_wrapper a.vc_btn3.vc_btn3-style-outline:focus, 
.wpb_wrapper a.vc_btn3.vc_btn3-style-outline:hover {
    border-width: 1px;
}
/*---------- 2.3.1.1 Default Button ----------*/
.btn.setsen-style:hover {
    color: #707F9B;
}
/*---------- 2.3.1.2 Bordered Button ----------*/
.btn.btn-border {
    border: 1px solid #dadee5;
}
/*---------- 2.3.1.3 Flat Button ----------*/
.btn.btn-flat {
    border: 1px solid transparent;
    background: #707F9B;
    color: #fff;
}
.btn.btn-flat:hover {
    background: transparent;
}
/*---------- 2.3.1.4 White Button ----------*/
.btn.btn-flat.white-button {
    color: #000;
}
/*---------- 2.3.2 Button Size ----------*/
/*---------- 2.3.2.1 Small Size ----------*/
.btn-s {
    min-width: 50px;
    padding: 16px 22px;
    font-size: 10px;
}
/*---------- 2.3.2.1 Small Medium ----------*/
.btn-m {
    padding: 16px 24px;
    font-size: 11px;
}
/*---------- 2.3.2.1 Small Large ----------*/
.btn-l {
    padding: 19px 26px;
    font-size: 13px;
}
/*---------- 2.3.2.1 Small Extra Large ----------*/
.btn-xl {
    padding: 22px 28px;
    font-size: 15px;
}

/*---------- 2.4. Callout ----------*/
.setsen-ut-callout {
    font-size: 13px;
    text-transform: uppercase;
    display: table;
    margin-left: auto;
    margin-right: auto;
    font-family: Montserrat;
    width: 100%;
}
.setsen-ut-callout .btn {
    white-space: nowrap;
}
.setsen-ut-callout p { margin: 0; }
.setsen-ut-callout .callout_1 {
    text-align: left;
}
.setsen-ut-callout .callout_2 {
    text-align: right;
}
.setsen-ut-callout .callout_1,
.setsen-ut-callout .callout_2 {
    display: table-cell;
    vertical-align: middle;
}
.setsen-ut-callout.callout_division_100 .callout_1 {
    width: 100%;
}
.setsen-ut-callout.callout_division_80_20 .callout_1 {
    width: 80%;
}
.setsen-ut-callout.callout_division_80_20 .callout_2 {
    width: 20%;
}
.setsen-ut-callout.callout_division_60_40 .callout_1 {
    width: 60%;
}
.setsen-ut-callout.callout_division_60_40 .callout_2 {
    width: 40%;
}
.setsen-ut-callout > p {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}
.setsen-ut-callout > p:last-child {
    padding-right: 0;
}
.setsen-ut-callout .btn {
    margin: 5px 0 5px 20px;
    font-weight: normal;
}

/*---------- 2.5. Column ----------*/

/*---------- 2.6. Circle Chart ----------*/
.setsen-ut-circle-chart-inner {
    position: relative;
    text-align: center;
    margin: 0 auto;
    font-weight: 300;
    color: #1f1f1f;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.setsen-ut-circle-chart-inner>span {
    display: inline-block;
}
.setsen-ut-circle-chart-inner.style_2 {
    display: inline-block;
    *display: inline;
    margin: 0 10px 10px 0;
}
.setsen-ut-circle-chart-inner canvas {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.setsen-ut-circle-chart > h5 {
    font-size: 13px;
    text-transform: uppercase;
    margin: 30px 0 0;
    text-align: center;
    color: #223557;
}
.setsen-ut-circle-chart .setsen-ut-circle-chart-content { 
    text-align: center; 
    margin-top: 15px;
}

/*---------- 2.7. Divider ----------*/
.setsen-ut-divider {
    position: relative;
    text-align: center;
}
.setsen-ut-divider>.divider-line {
    position: relative;
    margin: 0 auto;
    border-top-style: solid;
}
.setsen-ut-divider.type-dashed>.divider-line {
    border-top-style: dashed;
}
.divider-line.left{margin-left:0;}
.divider-line.right{margin-right:0;}

/*---------- 2.8. Font Icon ----------*/
.setsen-ut-fi a .fi {
    margin: inherit;
}
.fi {
    border-style: solid;
    border-width: 0;
    text-align:center;
    margin: 0 auto;
    font-style: normal;
}
.fi,.fi:after,.fi:before {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fi.vc_pixel_icon {
    background-position: center;
}

/*---------- 2.9. Heading ----------*/
.setsen-ut-heading {
    position: relative;
    text-align: center;
}
.setsen-ut-heading.left { 
    text-align: left;
}
.setsen-ut-heading.right {
    text-align: right;
}
.setsen-ut-heading i {
    line-height: 1;
    font-size: 28px;
    margin-bottom: 5px;
}
.setsen-ut-heading>.heading-title {
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0;
    font-size: 18px;
}
.setsen-ut-heading>.heading-subtitle {
    font-weight: normal;
    font-size: 14px;
    margin: 0;
    text-transform: lowercase;
}
.setsen-ut-heading .title-seperator {
    width: 370px;
    max-width: 100%;
    height: 1px;
    background: rgba(0,0,0,.14);
    display: block;
    margin: 30px auto 0 auto
}
.left.setsen-ut-heading .title-seperator {
    margin-left: 0;
}
.right.setsen-ut-heading .title-seperator {
    margin-right: 0;
}
.setsen-ut-heading .heading-description {
    margin-top:10px;
    font-size: 14px;
    max-width: 580px;
}
.center.setsen-ut-heading .heading-description {
    margin: 10px auto 0;
}
.right.setsen-ut-heading .heading-description {
    margin-right: 0;
    float: right;
}

/*---------- 2.10. IconBox ----------*/
.setsen-servicebox-box {
    padding: 50px 20px;
    text-align: center;
}
.border-servicebox-box {
    border: 1px solid #dadee5;
}
.setsen-servicebox-box i {
    /*font-size: 48px;*/
    font-size: 64px;
    margin: 0 auto;
    text-align: center;
    line-height: 48px;
    margin-bottom: 30px;
    display: inline-block;
}
.setsen-iconbox-box, .setsen-servicebox-box, .border-servicebox-box {
    position: relative;
    cursor: pointer;
}
/*.setsen-iconbox-box {
    padding-bottom: 30px;
}*/
.setsen-servicebox-box .setsen-servicebox-content > a {
    color: #707F99;
}
.left-iconbox:last-child .setsen-iconbox-box,
.right-iconbox:last-child .setsen-iconbox-box,
.top-iconbox:last-child .setsen-iconbox-box {
    padding-bottom: 0px;
}
/*.left-iconbox:first-child .setsen-iconbox-box,
.right-iconbox:first-child .setsen-iconbox-box {
.top-iconbox:first-child .setsen-iconbox-box {
    padding-bottom: 30px;
}*/
.setsen-iconbox-box a.read-more:hover, 
.setsen-iconbox-box a.read-more:hover i {
    color: #ff6600;
}
.setsen-iconbox-box .setsen-iconbox-icon, .setsen-servicebox-box .setsen-servicebox-icon {
    display: block;
    text-align: center;
}
.setsen-iconbox-box .setsen-iconbox-icon i , .setsen-servicebox-box .setsen-servicebox-icon i {
    width: 100%;
    height: calc( 100% - 2px );
    display: flex;
    align-items: center;
    justify-content: center;
}
.setsen-iconbox-box .default-iconbox-icon {
    font-size: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    color: #707f9b;
    position: relative;
    text-align: center;
    padding: 0;
}
.setsen-iconbox-box .circle-flat-iconbox-icon i,
.setsen-iconbox-box .circle-border-iconbox-icon i,
.setsen-iconbox-box .square-flat-iconbox-icon i,
.setsen-iconbox-box .square-border-iconbox-icon i {
    font-size: 48px;
    border: 1px solid #707F9B;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.setsen-iconbox-box .circle-flat-iconbox-icon i {
    background-color:#707F9B;
    color: #fff;
}
.setsen-iconbox-box .circle-flat-iconbox-icon i, .setsen-iconbox-box .circle-border-iconbox-icon i {
    border-radius: 50%;
}
.setsen-iconbox-box .square-flat-iconbox-icon i {
    background-color:#707F9B;
    color: #fff;
}
.setsen-iconbox-box .basic-iconbox-icon i {
    background-color: transparent;
    color: #707F9B;
    font-size: 48px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.top-iconbox .setsen-iconbox-box {
    padding: 0;
}
.left-iconbox .setsen-iconbox-box .default-iconbox-icon,
.right-iconbox .setsen-iconbox-box .default-iconbox-icon {
    width: 58px;
    height: 58px;
    font-size: 36px;
    line-height: 36px;
}
.left-iconbox .setsen-iconbox-box .basic-iconbox-icon i,
.right-iconbox .setsen-iconbox-box .basic-iconbox-icon i {
    height: 58px;
    width: 58px;
    font-size: 36px;
    line-height: 36px;
    margin-top: -15px;
}
.left-iconbox .setsen-iconbox-box .circle-flat-iconbox-icon i,
.left-iconbox .setsen-iconbox-box .circle-border-iconbox-icon i,
.left-iconbox .setsen-iconbox-box .square-flat-iconbox-icon i,
.left-iconbox .setsen-iconbox-box .square-border-iconbox-icon i,
.right-iconbox .setsen-iconbox-box .circle-flat-iconbox-icon i,
.right-iconbox .setsen-iconbox-box .circle-border-iconbox-icon i,
.right-iconbox .setsen-iconbox-box .square-flat-iconbox-icon i,
.right-iconbox .setsen-iconbox-box .square-border-iconbox-icon i {
    width: 58px;
    height: 58px;
    font-size: 25px;
    line-height: 25px;
}
.left-iconbox .setsen-iconbox-box .circle-flat-iconbox-icon i.s30px,
.left-iconbox .setsen-iconbox-box .circle-border-iconbox-icon i.s30px,
.left-iconbox .setsen-iconbox-box .square-flat-iconbox-icon i.s30px,
.left-iconbox .setsen-iconbox-box .square-border-iconbox-icon i.s30px,
.right-iconbox .setsen-iconbox-box .circle-flat-iconbox-icon i.s30px,
.right-iconbox .setsen-iconbox-box .circle-border-iconbox-icon i.s30px,
.right-iconbox .setsen-iconbox-box .square-flat-iconbox-icon i.s30px,
.right-iconbox .setsen-iconbox-box .square-border-iconbox-icon i.s30px {
    font-size: 26px;
    line-height: 26px;
}
.top-iconbox .setsen-iconbox-content {
    text-align: center;
    margin-top: 35px;
}
.left-iconbox .setsen-iconbox-content {
    margin-left: 80px;
}
.right-iconbox .setsen-iconbox-content {
    margin-right: 80px;
}
.left-iconbox .default-iconbox-icon,
.left-iconbox .circle-flat-iconbox-icon,
.left-iconbox .circle-border-iconbox-icon,
.left-iconbox .square-flat-iconbox-icon,
.left-iconbox .square-border-iconbox-icon,
.left-iconbox .basic-iconbox-icon {
    position: absolute;
    left: 0;
    right: auto;
    top: 2px;
}
.right-iconbox .default-iconbox-icon,
.right-iconbox .circle-flat-iconbox-icon,
.right-iconbox .circle-border-iconbox-icon,
.right-iconbox .square-flat-iconbox-icon,
.right-iconbox .square-border-iconbox-icon,
.right-iconbox .basic-iconbox-icon {
    position: absolute;
    right: 0;
    left: auto;
    top: 2px;
}
.right-iconbox .setsen-iconbox-content { 
    text-align: right;
}
.setsen-iconbox-box .setsen-iconbox-content p{
    margin-bottom: 15px;
    margin-top: 0;
    line-height: 22px;
}
.iconbox-title{
    position: relative;
}
.setsen-iconbox-box h3, .setsen-servicebox-box h3 {
    cursor: pointer;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #1e2e4a;
    margin-top: 0;
}
.setsen-servicebox-box h3 {
    margin-bottom: 30px;
}
.setsen-servicebox-box .setsen-servicebox-content p {
    margin-bottom: 30px;
}
.setsen-iconbox-content a.read-more {
    color: #1e2e4a;
    font-size: 12px;
}
.setsen-iconbox-content a.read-more i {
    padding-left: 5px;
    font-size: 18px;
    position: relative;
    top: 3px;
    color: #1e2e4a;
}
.vc_row[data-vc-full-width] .setsen-ut-element.setsen-servicebox-box:last-child {
    margin-bottom: 0;
}

/*---------- 2.12. List ----------*/
.setsen-ut-list ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.setsen-ut-list li>i {
    color: #598feb;
    padding: 1px;
    width: 25px;
    text-align: left;
    font-size: 15px;
    line-height: 1;
}
.setsen-ut-list li>img {
    max-width: 30px;
    padding-right: 12px;
}

/*---------- 2.13. Map ----------*/
.setsen-ut-element.setsen-ut-map {
    margin-bottom: 0;
}
.setsen-ut-map iframe {
    min-width: 100%;
    min-height: 400px;
}
.setsen-ut-map-contact{
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    overflow: hidden;
    padding: 30px;
    height: 100%;
    max-height: 100%;
}
.setsen-ut-map-contact>h2 {
    font-size: 26px;
    color: #FFF;
}
.setsen-ut-map-contact>p {
    color: #FFF;
}
.setsen-ut-map-contact .wpcf7 textArea {
    position: relative;
    display: inline-block;
    top: 0;
}
.setsen-ut-map-contact .wpcf7 input[type="submit"]:hover,
.setsen-ut-map-contact .wpcf7 input[type="submit"] {
    text-align: left;
    background: #598feb;
}
.setsen-ut-map-contact .wpcf7 input,
.setsen-ut-map-contact .wpcf7 textarea {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;
    padding: 15px !important;
}
.setsen-ut-map .map {
    height: 100%;
}
.setsen-ut-map>.map-markers {
    display: none;
}
.setsen-ut-map .map img {
    max-width: none;
}

/*---------- 2.14. Milestones ----------*/
.setsen-ut-milestones-box {
    position: relative;
}
.setsen-ut-milestones-count>.setsen-ut-milestones-show {
    float: left;
}
.setsen-ut-milestones-show.not-animated,
.setsen-ut-milestones-show.empty {
    opacity: 0;
}
.milestones-title {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 21px;
    font-weight: normal;
    font-family: Open Sans;
}
.milestones-title,
.setsen-ut-milestones-count {
    color: #1e2e4a;
    font-family: Montserrat;
}
.setsen-ut-milestones-count {
    font-size: 24px;
    line-height: 1;
    display: inline-block;
    *display: inline;
    margin: 0;
    font-weight: 300;
}
.setsen-ut-milestones-icon,.setsen-ut-milestones-content {
    text-align: center;
}
.setsen-ut-milestones-icon {
    margin-bottom: 25px;
}
.setsen-ut-milestones-icon i {
    font-size: 48px;
    color: #1e2e4a;
    line-height: 48px;
}
.setsen-ut-milestones-content span {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 2.18;
    color: #b2b2b2;
    font-weight: 600;
}
.thumb-left>.setsen-ut-milestones-icon {
    position: absolute;
    left: 0;
    top: 0;
    margin: 2px 0 0;
}
.thumb-left>.setsen-ut-milestones-content {
    text-align: left;
}

/*---------- 2.15. Partner, 2.18. Post Carousel, Carousel ----------*/
.setsen-ut-partner {
    text-align: center;
    padding-bottom:0;
}
.setsen-ut-partner-opacity.setsen-ut-partner.setsen-ut-carousel-container:not(.dark) img {
    opacity: 0.3;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.setsen-ut-partner.setsen-ut-carousel-container:not(.dark) img:hover {
    opacity: 1;
}
.ui-tooltip.setsen-ut-tooltip {
    padding: 8px 15px 6px;
    font-size: 10px;
    text-transform: uppercase;
    background: rgba(0,0,0,.8);
    color:#fff;
    border-style: hidden;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.ui-tooltip.setsen-ut-tooltip>.ui-tooltip-content {
    position: relative;
}
.ui-tooltip.setsen-ut-tooltip>.ui-tooltip-content:after {
    position: absolute;
    content:'';
    border-top:  4px solid rgba(0,0,0,.8);
    border-left: 5px solid transparent;
    border-right:5px solid transparent;
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
}
.ui-tooltip.setsen-ut-tooltip.top-arrow>.ui-tooltip-content:after {
    position: absolute;
    content:'';
    border-bottom: 4px solid rgba(0,0,0,.8);
    top: -12px;
    bottom: auto;
    border-top: none;
}

/*---------- jQuery-ui-tooltip ----------*/
.ui-tooltip {
    padding:8px;
    position:absolute;
    z-index:9999;
    -o-box-shadow: 0 0 5px #aaa;
    -moz-box-shadow: 0 0 5px #aaa;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
* html .ui-tooltip { background-image: none;}
body .ui-tooltip { border-width:2px; }


/*---------- 2.18. Post Carousel ----------*/
.setsen-ut-post-carousel {
    margin-left: -15px;
    margin-right: -15px;
}
.setsen-ut-post-carousel .owl-carousel .owl-item .setsen-ut-owl-item {
    margin: 0 15px;
}
.setsen-ut-post-carousel .entry-media {
    margin: 0;
}
.setsen-ut-post-carousel .setsen-ut-owl-item .carousel-content h3 {
    font-size: 14px;
    margin: 20px 0 10px 0;
    line-height: normal;
    text-transform: uppercase;
    font-weight: normal;
}
.setsen-ut-post-carousel .setsen-ut-owl-item .carousel-content h3 a {
    margin: 0;
}

/*---------- 2.20. Portfolio Carousel ----------*/
.setsen-ut-portfolio-carousel {
    margin-left: -15px;
    margin-right: -15px;
}
.setsen-ut-portfolio-carousel .owl-carousel .owl-item {
    padding:0 1px;
}
.setsen-ut-portfolio-carousel .owl-carousel .owl-item .setsen-ut-owl-item {
    margin: 0;
}
.setsen-ut-portfolio-carousel .owl-carousel .owl-item .setsen-ut-owl-item .carousel-thumb .entry-media .setsen-ut-thumbnail {
    width: 100%;
}
.setsen-ut-portfolio-carousel .entry-media {
    margin: 0;
}

/*.setsen-ut-portfolio-carousel h2.portfolio-title {
    font-size: 12px;
    line-height: normal;
}
.setsen-ut-portfolio-carousel h2.portfolio-title {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.4;
    margin: 0;
}
.setsen-ut-portfolio-carousel h2.portfolio-title a {
    color: #424242;
    margin: 0;
}
.setsen-ut-portfolio-carousel:hover h2.portfolio-title a {
    color: #ff6600;
}*/

/*---------- Carousel ----------*/
.setsen-ut-partner .owl-carousel .owl-item .setsen-ut-owl-item,
.setsen-ut-post-carousel .owl-carousel .owl-item .setsen-ut-owl-item {
    margin-left: 15px;
    margin-right: 15px;
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-theme .owl-controls .owl-page {
    margin: 25px 2px 0;
    padding: 3px;
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid rgba(255,102,0,1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #ff6600;
    border-color: #ff6600;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel li {
    list-style: none;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease;
    -moz-transition: height 500ms ease;
    -ms-transition: height 500ms ease;
    -o-transition: height 500ms ease;
    transition: height 500ms ease;
}
.owl-carousel .owl-item {
    float: left;
    position: relative;
    overflow: hidden;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-controls .owl-pagination {
    text-align: center;
}
.image-slide-container .owl-controls .owl-buttons div {
    position: absolute;
    top: 50%;
    left: 30px;
    color: #fff;
    font-size: 10px;
    width: 36px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    border: 2px solid #598feb;
    background-color: #598feb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.image-slide-container .owl-controls .owl-buttons div:hover {
    border: 2px solid #424242;
    background-color: #424242;
    color: #598feb;
}
.image-slide-container .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 30px;
}

/*---------- 2.16. Pricing Table ----------*/
.setsen-ut-element.setsen-ut-pricing {
    padding-left: 0;
    padding-right: 0;
    margin-left: -15px;
    margin-right: -15px;
}
.pricing-column {
    position: relative;
    text-align: center;
    line-height: 1;
    border: 1px solid #DADEE5;
    background-color: rgba(255,255,255,1);
}
.pricing-column .pricing-footer a {
    color: #707f9b;
}
.pricing-column.featured {
    border-color: #ff6600;
}
.pricing-column.featured .pricing-header {
    padding-top: 52px;
    padding-bottom: 58px;
    background-color: #ff6000;
}
.pricing-column.featured .pricing-header h1,
.pricing-column.featured .pricing-top > span {
    color: #fff;
}
.pricing-column.featured .pricing-header h1 {
    font-size: 14px;
}
.pricing-column.featured .pricing-top .price {
    font-size: 48px;
}
.pricing-column.featured .pricing-footer a span.top-left,
.pricing-column.featured .pricing-footer a span.top-right,
.pricing-column.featured .pricing-footer a span.bottom-left,
.pricing-column.featured .pricing-footer a span.bottom-right {
    background-color: #ff6000;
}
.pricing-column .pricing-header {
    position: relative;
    background-color: #f5f7fa;
    padding: 50px 0 40px;
}
.pricing-header h1 {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 15px;
    color: #1e2e4a;
}
.pricing-header i {
    font-size: 21px;
    color: #fff;
    margin-bottom: 18px;
}
.pricing-top > span {
    color: #424242;
    font-size: 12px;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0 5px;
    font-weight: 300;
}
.pricing-top .symbol {
    font-size: 18px;
}
.pricing-top .price {
    font-size: 36px;
}
.pricing-top h4 {
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 0;
}
.pricing-content {
    padding: 25px 0;
}
.pricing-content ul {
    margin: 0;
    padding: 0;
}
.pricing-content ul li {
    padding: 8px;
    list-style: none;
    margin: 0;
    line-height: 1.6;
    color: #707f9b;
}
.pricing-column .pricing-footer {
    padding-bottom: 40px;
    position: relative;
}
.column-2>.vc_setsen_ut_pricingtable_item.vc_element,
.column-2>.pricing-column {
    width: calc(50% - 5px);
    display: inline-block;
    margin: 0px 2.5px;
}
.column-3>.vc_setsen_ut_pricingtable_item.vc_element,
.column-3>.pricing-column {
    width: calc(33% - 5px);
    display: inline-block;
    margin: 0px 2.5px;
}
.column-4>.vc_setsen_ut_pricingtable_item.vc_element,/* For VC Frontend Editor */
.column-4>.pricing-column {
    width: calc(25% - 5px);
    display: inline-block;
    margin: 0px 2.5px;
}
.column-5>.vc_setsen_ut_pricingtable_item.vc_element,/* For VC Frontend Editor */
.column-5>.pricing-column {
    width: calc(20% - 5px);
    display: inline-block;
    margin: 0px 2.5px;
}

/* Pricing table dark */
.dark.setsen-ut-element.setsen-ut-pricing .pricing-column {
    background-color: rgba(21,31,48,0.5);
}
.dark .pricing-column.featured .pricing-footer a,
.pricing-column.featured .pricing-footer a {
    border-color: #ff6000;
    color: #ff6000;
}
.dark .pricing-column .pricing-header {
    background-color: #151f30;
}
.dark .pricing-column.featured .pricing-header {
    background-color: #ff6600;
}
.dark .pricing-column, 
.dark .pricing-column .pricing-header {
    border-color: #151f30;
}
.dark .pricing-column.featured, 
.dark .pricing-column.featured .pricing-header {
    border-color: #ff6600;
}

/*---------- 2.17. Progress Bar ----------*/
.setsen-ut-progress {
    overflow:hidden;
}
.setsen-ut-progress.vc_progress_bar .vc_single_bar {
    height: 5px;
    margin: 60px 0 60px;
    box-shadow: none;
    background: #dadee5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.setsen-ut-progress.vc_progress_bar .vc_single_bar:first-child {
    margin-top: 50px;
}
.setsen-ut-progress.vc_progress_bar .vc_single_bar .vc_bar {
    -webkit-border-radius: 1px 0 0 1px;
    -moz-border-radius: 1px 0 0 1px;
    border-radius: 1px 0 0 1px;
    background-color:#1f2f4b;
}
.setsen-ut-progress.vc_progress_bar .vc_single_bar .vc_bar.gradient {
    background: linear-gradient(to right, rgba(255,255,255,0.7), rgba(255,255,255,0));
}
.setsen-ut-progress .vc_single_bar .vc_label_units, 
.setsen-ut-progress.vc_progress_bar .vc_single_bar .vc_label {
    position: absolute;
    right: 0;
    top: -33px;
    color: #223557;
    font-size: 12px;
    font-family: Montserrat;
}
.setsen-ut-progress .vc_single_bar .vc_label_units.setsen-style {
    padding:0 10px;
    border-color: #223557;
    cursor: default;
}
.setsen-ut-progress .vc_single_bar .vc_label_units.setsen-style span {
    background-color: #223557;
}
.setsen-ut-progress .vc_single_bar .vc_label_units.setsen-style:hover span {
    width: 5px;
}
.setsen-ut-progress.vc_progress_bar .vc_single_bar .vc_label {
    right: auto;
    left: 0;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0;
}

/*---------- 2.19. Portfolio ----------*/
.setsen-ut-portfolio .isotope-container {
    margin: 0 -3px -3px 0;
}
.setsen-ut-isotope-container { overflow: hidden; }
.setsen-ut-portfolio.grid-layout-add-padding .isotope-container {
    margin: 0 -30px -30px 0;
}
/*////////////////////////////////////////*/
/*article.single-portfolio {
    margin-top: 80px;
}*/
article.single-portfolio .media-container img {
    width: 100%;
}
article.single-portfolio .media-container .setsen-ut-carousel .setsen-ut-owl-item {
    text-align: center;
}
article.single-portfolio .media-container .setsen-ut-carousel img {
    width: auto;
}
article.single-portfolio > .media-container {
    margin-bottom: 30px;
}
.portfolio-image {
    margin-bottom: 30px;
}
.portfolio-image:last-child {
    margin-bottom: 0;
}
h5.meta-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #223557;
    margin-top: 40px;
    margin-bottom: 15px;
}
.meta-section {
    margin-bottom: 10px;
    line-height: 20px;
}
.meta-section:last-child {
    margin-bottom: 0;
}
.meta-subtitle {
    float: left;
    margin-right: 20px;
    font-family: Montserrat;
    font-size: 11px;
    text-transform: uppercase;
}
.meta-subtitle > i {
    padding-right: 10px;
    font-size: 14px;
}
.meta-text {
    float: left;
    max-width: 200px;
}
.portfolio-single-content .portfolio-like-btn,
.portfolio-single-content .portfolio-print-btn {
    border: 1px solid transparent;
}
.portfolio-single-content .portfolio-like-btn > i,
.portfolio-single-content .portfolio-print-btn > i {
    padding-right: 8px;
    font-size: 14px;
}
.portfolio-single-content .portfolio-like-btn {
    margin-right: 15px;
    margin-bottom: 10px;
}
.portfolio-single-content .portfolio-like-btn:hover,
.portfolio-single-content .portfolio-print-btn:hover {
    border: 1px solid transparent;
    color: #ffffff;
    cursor: pointer;
}
.portfolio-single-content .col-md-8 .media-container {
    margin-top: 6px;
}
.portfolio-single-content .col-md-4 .portfolio-meta {
    margin-bottom: 20px;
}
.portfolio-single-content .col-md-4 .portfolio-meta h5.meta-title {
    margin-top: 0;
}
.portfolio-single-content .col-md-4 .portfolio-like-btn,
.portfolio-single-content .col-md-4 .portfolio-print-btn {
    padding: 12px 15px;
}
.portfolio-pagination .portfolio-grid-icon {
    font-size: 48px;
    color: #a1b0bd;
    text-align: center;
    margin-top: 52px;
}
.portfolio-pagination .portfolio-grid-icon > i,
.portfolio-pagination > div .portfolio-previous,
.portfolio-pagination > div .portfolio-next {
    cursor: pointer;
}
.portfolio-pagination .portfolio-previous,
.portfolio-pagination .portfolio-next {
    margin-top: 75px;
    margin-bottom: 80px;
}
.portfolio-pagination.no-padding .portfolio-previous,
.portfolio-pagination.no-padding .portfolio-next {
    margin-top: 40px;
}
.portfolio-pagination.no-padding .portfolio-grid-icon {
    margin-top: 17px;
}
.portfolio-pagination > div .portfolio-previous,
.portfolio-pagination > div .portfolio-next {
    text-align: center;
    line-height: 38px;
    width: 38px;
    height: 38px;
    font-size: 10px;
    border: 1px solid transparent;
    border-color: #a1b0bd;
}
.portfolio-pagination .portfolio-previous.none,
.portfolio-pagination .portfolio-next.none {
    cursor: not-allowed;
}

.portfolio-pagination .portfolio-previous > a,
.portfolio-pagination .portfolio-next > a {
    display: block;
}

.portfolio-pagination .portfolio-previous > a > i,
.portfolio-pagination .portfolio-next > a > i {
    color: #a1b0bd;
}
.portfolio-btn {
    border: 2px solid #598feb;
    background: #598feb;
    margin-top: 30px;
    padding: 17px 21px;
}
.portfolio-meta .portfolio-btn {
    margin: 0 0 30px;
}
.portfolio-social {
    margin-bottom: 30px;
}
.portfolio-social a {
    display: inline-block;
    margin: 0 5px 5px 0;
    font-size: 14px;
    color: #424242;
    border: 1px solid #dbdbdb;
    text-align: center;
    width: 42px;
    height: 42px;
    line-height: 42px;
}
.portfolio-social a:hover {
    background: #dbdbdb;
}

.single-portfolio .col-md-4.pos-top {
    position: fixed;
}
.single-portfolio .col-md-4.pos-bottom {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
/* Portfolio */
.setsen-ut-isotope-container {
    overflow: hidden;
}
.setsen-ut-portfolio article.portfolio {
    max-width: 100%;    
    padding: 0px 3px 3px 0px;
}
.setsen-ut-portfolio article.portfolio.grayscale-img img {
    filter: grayscale(100%);
}
.setsen-ut-portfolio article.portfolio.grid-padding-style-2 {
    max-width: 100%;    
    padding: 0px 30px 30px 0px;
}
.setsen-ut-portfolio .grid-padding-style-1 h2.portfolio-title,
.setsen-ut-portfolio .grid-padding-style-2 h2.portfolio-title {
    font-size: 13px;
}
.setsen-ut-portfolio h2.portfolio-title, .setsen-ut-portfolio-carousel h2.portfolio-title {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.4;
    margin: 0;
}
.setsen-ut-portfolio h2.portfolio-title a {
    color: #424242;
    margin: 0;
}
.setsen-ut-portfolio .portfolio-content a,
.setsen-ut-portfolio .portfolio-content span.portfolio-meta {
    color: #757575;
}

.setsen-ut-portfolio .grid-padding-style-1 .portfolio-content {
    padding: 20px 10px 17px;
}
.setsen-ut-portfolio .grid-padding-style-2 .portfolio-content {
    padding: 20px 10px 10px;
}
.setsen-ut-portfolio .portfolio-content {
    padding: 25px 10px 0 10px;
    text-align: center;
}
.portfolio-thumb>img {
    width:100%;
}
.portfolio-thumb {
    position: relative;
    overflow: hidden;
    max-height: 100%;
}
article.portfolio:hover h2.portfolio-title a {
    color: #ff6600;
}
/* Portfolio Animation */
div.isotope-container article.initing {
    -webkit-transition-duration: 0.5s !important;
    -moz-transition-duration: 0.5s !important;
    -ms-transition-duration: 0.5s !important;
    -o-transition-duration: 0.5s !important;
    transition-duration: 0.5s !important;
}
article.not-inited {
    -webkit-transition-duration: 0s !important;
    -moz-transition-duration: 0s !important;
    -ms-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 0;
}
/* Related portfolios */
#main .related_portfolios{
    border-top: 1px solid #dbdbdb;
    margin-top: 70px;
    padding-top: 60px;
}

/*---------- 2.21. Socials ----------*/
.setsen-ut-socials { margin: 0 -2px;}
.setsen-ut-socials a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    float: left;
    color: #999;
    margin: 0 2.5px 5px;
}
.setsen-ut-socials a.setsen-style{
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}
.setsen-ut-socials a.setsen-style span{
    background: #999;
}
.setsen-ut-socials a:hover { text-decoration: none;}
.setsen-ut-socials i {
    font-size: 14px;
}
.setsen-ut-socials .social-content {
    display: inline-block;
    position: relative;
    padding-left: 50px;
    line-height: 1.4;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
.setsen-ut-socials .social-content span {
    display: block;
    text-align: left;
}
.setsen-ut-social-icon li {
    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.setsen-ut-socials a.facebook:hover{ color: #3b5998; border-color: #3b5998;}
.setsen-ut-socials a.facebook:hover span{ background-color: #3b5998;}
.setsen-ut-socials a.facebook.hover-style-flat:hover{ color: #fff; border-color: #3b5998; background-color: #3b5998; transition: background-color 1s ease;}
.setsen-ut-socials a.facebook.hover-style-flat:hover span{ background-color: #3b5998;}
.setsen-ut-socials a.facebook.social-flat{ color: #fff; background-color: #3b5998; border:1px solid #3b5998;}
.setsen-ut-socials a.facebook.social-flat:hover{ color: #3b5998; background: none;}

.setsen-ut-socials a.dribbble:hover{ color: #ea4c89; border-color: #ea4c89;}
.setsen-ut-socials a.dribbble:hover span{ background-color: #ea4c89;}
.setsen-ut-socials a.dribbble.hover-style-flat:hover{ color: #fff; border-color: #ea4c89; background-color: #ea4c89; transition: background-color 1s ease;}
.setsen-ut-socials a.dribbble.hover-style-flat:hover span{ background-color: #ea4c89;}
.setsen-ut-socials a.dribbble.social-flat{ color: #fff; background-color: #ea4c89; border:1px solid #ea4c89;}
.setsen-ut-socials a.dribbble.social-flat:hover{ color: #ea4c89; background: none;}

.setsen-ut-socials a.google:hover{ color: #dd4b39; border-color: #dd4b39;}
.setsen-ut-socials a.google:hover span{ background-color: #dd4b39;}
.setsen-ut-socials a.google.hover-style-flat:hover{ color: #fff; border-color: #dd4b39; background-color: #dd4b39; transition: background-color 1s ease;}
.setsen-ut-socials a.google.hover-style-flat:hover span{ background-color: #dd4b39;}
.setsen-ut-socials a.google.social-flat{ color: #fff; background-color: #dd4b39; border:1px solid #dd4b39;}
.setsen-ut-socials a.google.social-flat:hover{ color: #dd4b39; background: none;}

.setsen-ut-socials a.instagram:hover{ color: #3f729b; border-color: #3f729b;}
.setsen-ut-socials a.instagram:hover span{ background-color: #3f729b;}
.setsen-ut-socials a.instagram.hover-style-flat:hover{ color: #fff; border-color: #3f729b; background-color: #3f729b; transition: background-color 1s ease;}
.setsen-ut-socials a.instagram.hover-style-flat:hover span{ background-color: #3f729b;}
.setsen-ut-socials a.instagram.social-flat{ color: #fff; background-color: #3f729b; border:1px solid #3f729b;}
.setsen-ut-socials a.instagram.social-flat:hover{ color: #3f729b; background: none;}

.setsen-ut-socials a.vine:hover{ color: #00b488; border-color: #00b488;}
.setsen-ut-socials a.vine:hover span{ background-color: #00b488;}
.setsen-ut-socials a.vine.hover-style-flat:hover{ color: #fff; border-color: #00b488; background-color: #00b488; transition: background-color 1s ease;}
.setsen-ut-socials a.vine.hover-style-flat:hover span{ background-color: #00b488;}
.setsen-ut-socials a.vine.social-flat{ color: #fff; background-color: #00b488; border:1px solid #00b488;}
.setsen-ut-socials a.vine.social-flat:hover{ color: #00b488; background: none;}

.setsen-ut-socials a.youtube:hover{ color: #e52222; border-color: #e52222;}
.setsen-ut-socials a.youtube:hover span{ background-color: #e52222;}
.setsen-ut-socials a.youtube.hover-style-flat:hover{ color: #fff; border-color: #e52222; background-color: #e52222; transition: background-color 1s ease;}
.setsen-ut-socials a.youtube.hover-style-flat:hover span{ background-color: #e52222;}
.setsen-ut-socials a.youtube.social-flat{ color: #fff; background-color: #e52222; border:1px solid #e52222;}
.setsen-ut-socials a.youtube.social-flat:hover{ color: #e52222; background: none;}

.setsen-ut-socials a.twitter:hover{ color: #55acee; border-color: #55acee;}
.setsen-ut-socials a.twitter:hover span{ background-color: #55acee;}
.setsen-ut-socials a.twitter.hover-style-flat:hover{ color: #fff; border-color: #55acee; background-color: #55acee; transition: background-color 1s ease;}
.setsen-ut-socials a.twitter.hover-style-flat:hover span{ background-color: #55acee;}
.setsen-ut-socials a.twitter.social-flat{ color: #fff; background-color: #55acee; border:1px solid #55acee;}
.setsen-ut-socials a.twitter.social-flat:hover{ color: #55acee; background: none;}

.setsen-ut-socials a.behance:hover{ color: #1769ff; border-color: #1769ff;}
.setsen-ut-socials a.behance:hover span{ background-color: #1769ff;}
.setsen-ut-socials a.behance.hover-style-flat:hover{ color: #fff; border-color: #1769ff; background-color: #1769ff; transition: background-color 1s ease;}
.setsen-ut-socials a.behance.hover-style-flat:hover span{ background-color: #1769ff;}
.setsen-ut-socials a.behance.social-flat{ color: #fff; background-color: #1769ff; border:1px solid #1769ff;}
.setsen-ut-socials a.behance.social-flat:hover{ color: #1769ff; background: none;}

.setsen-ut-socials a.pinterest:hover{ color: #cc2127; border-color: #cc2127;}
.setsen-ut-socials a.pinterest:hover span{ background-color: #cc2127;}
.setsen-ut-socials a.pinterest.hover-style-flat:hover{ color: #fff; border-color: #cc2127; background-color: #cc2127; transition: background-color 1s ease;}
.setsen-ut-socials a.pinterest.hover-style-flat:hover span{ background-color: #cc2127;}
.setsen-ut-socials a.pinterest.social-flat{ color: #fff; background-color: #cc2127; border:1px solid #cc2127;}
.setsen-ut-socials a.pinterest.social-flat:hover{ color: #cc2127; background: none;}

.setsen-ut-socials a.foursquare:hover{ color: #f94877; border-color: #f94877;}
.setsen-ut-socials a.foursquare:hover span{ background-color: #f94877;}
.setsen-ut-socials a.foursquare.hover-style-flat:hover{ color: #fff; border-color: #f94877; background-color: #f94877; transition: background-color 1s ease;}
.setsen-ut-socials a.foursquare.hover-style-flat:hover span{ background-color: #f94877;}
.setsen-ut-socials a.foursquare.social-flat{ color: #fff; background-color: #f94877; border:1px solid #f94877;}
.setsen-ut-socials a.foursquare.social-flat:hover{ color: #f94877; background: none;}

.setsen-ut-socials a.twitch:hover{ color: #6441a5; border-color: #6441a5;}
.setsen-ut-socials a.twitch:hover span{ background-color: #6441a5;}
.setsen-ut-socials a.twitch.hover-style-flat:hover{ color: #fff; border-color: #6441a5; background-color: #6441a5; transition: background-color 1s ease;}
.setsen-ut-socials a.twitch.hover-style-flat:hover span{ background-color: #6441a5;}
.setsen-ut-socials a.twitch.social-flat{ color: #fff; background-color: #6441a5; border:1px solid #6441a5;}
.setsen-ut-socials a.twitch.social-flat:hover{ color: #6441a5; background: none;}

.setsen-ut-socials a.tumblr:hover{ color: #35465c; border-color: #35465c;}
.setsen-ut-socials a.tumblr:hover span{ background-color: #35465c;}
.setsen-ut-socials a.tumblr.hover-style-flat:hover{ color: #fff; border-color: #35465c; background-color: #35465c; transition: background-color 1s ease;}
.setsen-ut-socials a.tumblr.hover-style-flat:hover span{ background-color: #35465c;}
.setsen-ut-socials a.tumblr.social-flat{ color: #fff; background-color: #35465c; border:1px solid #35465c;}
.setsen-ut-socials a.tumblr.social-flat:hover{ color: #35465c; background: none;}

.setsen-ut-socials a.trello:hover{ color: #0079bf; border-color: #0079bf;}
.setsen-ut-socials a.trello:hover span{ background-color: #0079bf;}
.setsen-ut-socials a.trello.hover-style-flat:hover{ color: #fff; border-color: #0079bf; background-color: #0079bf; transition: background-color 1s ease;}
.setsen-ut-socials a.trello.hover-style-flat:hover span{ background-color: #0079bf;}
.setsen-ut-socials a.trello.social-flat{ color: #fff; background-color: #0079bf; border:1px solid #0079bf;}
.setsen-ut-socials a.trello.social-flat:hover{ color: #0079bf; background: none;}

.setsen-ut-socials a.spotify:hover{ color: #2ebd59; border-color: #2ebd59;}
.setsen-ut-socials a.spotify:hover span{ background-color: #2ebd59;}
.setsen-ut-socials a.spotify.hover-style-flat:hover{ color: #fff; border-color: #2ebd59; background-color: #2ebd59; transition: background-color 1s ease;}
.setsen-ut-socials a.spotify.hover-style-flat:hover span{ background-color: #2ebd59;}
.setsen-ut-socials a.spotify.social-flat{ color: #fff; background-color: #2ebd59; border:1px solid #2ebd59;}
.setsen-ut-socials a.spotify.social-flat:hover{ color: #2ebd59; background: none;}

.setsen-ut-socials a.soundcloud:hover{ color: #ff8800; border-color: #ff8800;}
.setsen-ut-socials a.soundcloud:hover span{ background-color: #ff8800;}
.setsen-ut-socials a.soundcloud.hover-style-flat:hover{ color: #fff; border-color: #ff8800; background-color: #ff8800; transition: background-color 1s ease;}
.setsen-ut-socials a.soundcloud.hover-style-flat:hover span{ background-color: #ff8800;}
.setsen-ut-socials a.soundcloud.social-flat{ color: #fff; background-color: #ff8800; border:1px solid #ff8800;}
.setsen-ut-socials a.soundcloud.social-flat:hover{ color: #ff8800; background: none;}

.setsen-ut-socials a.linkedin:hover{ color: #2088be; border-color: #2088be;}
.setsen-ut-socials a.linkedin:hover span{ background-color: #2088be;}
.setsen-ut-socials a.linkedin.hover-style-flat:hover{ color: #fff; border-color: #2088be; background-color: #2088be; transition: background-color 1s ease;}
.setsen-ut-socials a.linkedin.hover-style-flat:hover span{ background-color: #2088be;}
.setsen-ut-socials a.linkedin.social-flat{ color: #fff; background-color: #2088be; border:1px solid #2088be;}
.setsen-ut-socials a.linkedin.social-flat:hover{ color: #2088be; background: none;}

.setsen-ut-socials a.delicious:hover{ color: #31a9ff; border-color: #31a9ff;}
.setsen-ut-socials a.delicious:hover span{ background-color: #31a9ff;}
.setsen-ut-socials a.delicious.hover-style-flat:hover{ color: #fff; border-color: #31a9ff; background-color: #31a9ff; transition: background-color 1s ease;}
.setsen-ut-socials a.delicious.hover-style-flat:hover span{ background-color: #31a9ff;}
.setsen-ut-socials a.delicious.social-flat{ color: #fff; background-color: #31a9ff; border:1px solid #31a9ff;}
.setsen-ut-socials a.delicious.social-flat:hover{ color: #31a9ff; background: none;}

.setsen-ut-socials a.codepen:hover{ color: #3d3d3d; border-color: #3d3d3d;}
.setsen-ut-socials a.codepen:hover span{ background-color: #3d3d3d;}
.setsen-ut-socials a.codepen.hover-style-flat:hover{ color: #fff; border-color: #3d3d3d; background-color: #3d3d3d; transition: background-color 1s ease;}
.setsen-ut-socials a.codepen.hover-style-flat:hover span{ background-color: #3d3d3d;}
.setsen-ut-socials a.codepen.social-flat{ color: #fff; background-color: #3d3d3d; border:1px solid #3d3d3d;}
.setsen-ut-socials a.codepen.social-flat:hover{ color: #3d3d3d; background: none;}

.setsen-ut-socials a.github:hover{ color: #333333; border-color: #333333;}
.setsen-ut-socials a.github:hover span{ background-color: #333333;}
.setsen-ut-socials a.github.hover-style-flat:hover{ color: #fff; border-color: #333333; background-color: #333333; transition: background-color 1s ease;}
.setsen-ut-socials a.github.hover-style-flat:hover span{ background-color: #333333;}
.setsen-ut-socials a.github.social-flat{ color: #fff; background-color: #333333; border:1px solid #333333;}
.setsen-ut-socials a.github.social-flat:hover{ color: #333333; background: none;}

.setsen-ut-socials a.wordpress:hover{ color: #999999; border-color: #999999;}
.setsen-ut-socials a.wordpress:hover span{ background-color: #999999;}
.setsen-ut-socials a.wordpress.hover-style-flat:hover{ color: #fff; border-color: #999999; background-color: #999999; transition: background-color 1s ease;}
.setsen-ut-socials a.wordpress.hover-style-flat:hover span{ background-color: #999999;}
.setsen-ut-socials a.wordpress.social-flat{ color: #fff; background-color: #999999; border:1px solid #999999;}
.setsen-ut-socials a.wordpress.social-flat:hover{ color: #999999; background: none;}

/*---------- 2.22. Tabs ----------*/
.setsen-ut-tabs .wpb_tabs_nav a > i {
    font-size: 14px;
    padding-right: 10px;
    position: relative;
    top: 1px;
    margin: -3px 0;
    line-height: 1;
}
.setsen-ut-accordion-tab {
    padding-top: 0;
    padding-bottom: 0;
}
.setsen-ut-accordion-tab h3 {
    padding: 0;
}
.setsen-ut-tour.wpb_tour .wpb_tabs_nav {
    margin-right: 30px;
}
.setsen-ut-tour .wpb_tour_tabs_wrapper .setsen-ut-element {
    padding: 0;
}
.setsen-ut-tour .wpb_tour_next_prev_nav {
    padding-left: 30px;
}

.setsen-ut-tabs.wpb_tabs .wpb_tabs_nav li {
    margin: 0;
    float: none;
    display: inline-block;
    background: transparent;
}
.setsen-ut-tabs.wpb_tabs .wpb_tabs_nav li:first-child a {
}
.setsen-ut-tabs.wpb_tabs .wpb_tabs_nav li:last-child a {
    margin-right: 0;
}
.setsen-ut-tabs.wpb_tabs .wpb_tabs_nav li:hover,
.setsen-ut-tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
    background-color: transparent;
}
.setsen-ut-tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
    padding: 18px 25px;
    font-size: 11px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    color: #707f9b;
    margin: 0 -1px 0 0;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
}
.setsen-ut-tabs .ui-tabs-panel,
.setsen-ut-tabs.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background: none;
    padding: 10px 0 0;
}
.setsen-ut-tabs.wpb_tabs .wpb_tabs_nav.tabs-center {
    text-align: center;
}
.setsen-ut-tabs.wpb_tabs .wpb_tabs_nav.tabs-right {
    text-align: right;
}

/*---------- 2.23. Team ----------*/
.team-member {
    text-align: center;
}
.team-member.layout_2 {
    border: 1px solid transparent;
    padding:20px 20px 40px 20px;
}
.team-member.layout_2:hover {
    border-color: #ff6600;
}
.member-title,
.member-title a {
    font-size: 14px;
    color: #1e2e4a;
    margin: 0;
    line-height: 20px;
}
.member-title > h4 {
    margin: 25px 0 0 0;
    text-transform: uppercase;
    font-size: 14px;
}
.setsen-ut-team .layout_2 .member-title>h4 {
    margin: 15px 0 0 0;
    font-size: 14px;
    line-height: normal;
}
.member-pos {
    font-family: Open sans;
    font-size: 14px;
    color: #a1b0bd;
}
.setsen-ut-team .layout_2 .member-pos {
    font-size: 10px;
    text-transform: uppercase;
}
.team-member.layout_2 .member-image {
    padding: 20px 20px 0 20px;
}
.member-image>img {
    width: 100%;
}
.team-member.layout_2 .member-image img {   
    filter: grayscale(100%);
}
.team-member.layout_2:hover .member-image img {
    filter: grayscale(0%);
}
.member-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}
.member-image a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.member-image a i {
    color:#fff;
}
.member-image .setsen-ut-plus {
    position: absolute;
    background-color: #fff;
    top: 50%;
    left: 50%;
}
.member-image .horz {
    width: 15px;
    height: 1px;
    margin-left: -6.5px;
}
.member-image .vert {
    width: 1px;
    height: 15px;
    margin-top: -6.5px;
}
.member-social {
    position: absolute;
    width: 100%;
    height: calc(50% - 30px);
    bottom: 0;
    left: 0;
    text-align: center;
}
.member-social .setsen-ut-social-icon {
    height: 100%;
}
.member-social .team-social-btn a {
    color: #fff;
    width: auto;
    height: auto;
    position: relative;
    margin: 0 10px;
    font-size: 16px;
}
.setsen-ut-team .member-content .member-social {
    position: relative;
    color: #dadee5;
    margin-top: 15px;
}
.setsen-ut-team .member-content .member-social a {
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    line-height: 40px;
    float: none;
    padding: 0;
    margin: 0 2.5px;
}
.ui-helper-hidden-accessible{display: none;}

/*---------- 2.24. Testimonial ----------*/
/*---------- Twitter Carousel Testimonials ----------*/
.setsen-ut-testimonial {
    text-align: center;
}
.setsen_ut_twitter_carousel.setsen-ut-testimonial > i,
.setsen-ut-twitter-carousel.setsen-ut-testimonial > i {
    font-size: 76px;
    line-height: 76px;
}
.setsen-ut-testimonial > i {
    font-size: 36px;
    margin-bottom: 25px;
    color:#223557;
}
.testimonial-item {
    display: none;
}
.testimonial-item:first-child {
    display: block;
}
.testimonial-content {
    font-size: 15px;
    line-height: 1.4;
    max-width: 720px;
    margin: 0 auto;
}
.testimonial-content .testimonial-title {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-family: Montserrat;
    color: #223557;
}
.testimonial-content > p {
    margin-top:0;
    margin-bottom: 0;
}
.testimonial-main {
    margin-top: 20px;
    margin-bottom: 10px;
}
.testimonial-main div.testimonial-main-style-image {
    padding: 0 15px;
    float: left;
    height: 70px;
}
.testimonial-main div.testimonial-main-style-text {
    padding: 0 15px;
    float: right;
    height: 70px;
    display: flex;
    align-items: center;
}
.testimonial-main div.testimonial-main-style-text p {
    text-align: left;
}
.testimonial-main div p.testimonial-name {
    text-transform: uppercase;
    margin: 0;
    font-size: 10px;
    font-family: Montserrat;
}
.testimonial-main div a.twitter-name,.testimonial-main div a.twitter-location {
    text-transform: uppercase;
    margin: 0 10px 0 0;
    font-size: 12px;
    font-family: Montserrat;
    line-height: 26px;
}
.testimonial-main div i {
    font-size: 16px;
    line-height: 15px;
    margin-right: 5px;
}
.testimonial-main div p.testimonial-pos {
    font-size: 13px;
}
.testimonial-main img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    float: right;
}
.testimonial-main div.testimonial-no-text-main-style-image img {
    text-align:center;
    height: 70px;
    float:none;
}

/*---------- 2.26. Video ----------*/
.background-video-player-container,.background-video,.video-mask,.video-mask-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.background-video>.wp-video {
    min-width: 100%;
}
.video-mask {
    top: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
    background-image: url(assets/img/video-mask.png);
    background-repeat: repeat;
    background-size: 2px 2px;
    transition: background 1s;
    -webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
}
.video-mask-color {
    top: 0;
    left: 0;
    z-index: 3; 
    background: #000;
    zoom: 1;
    filter: alpha(opacity=30);
    opacity: .3;
}
.bg-video-container {
    text-align: center;
    margin-top: 44px;
    margin-bottom: 46px;
    z-index: 999999;
    position: relative;
}
.bg-video-container .bg-video-play {
    cursor: pointer;
    color: #fff;
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #f5f5f5;
    background-color: rgba(255,255,255,.2);
    font-size: 22px;
    line-height: 92px;
    margin: 50px auto;
    position: relative;
    z-index: 1;
}
.bg-video-play:hover {
    color: #ffffff;
    background-color:rgba(0,0,0,.33);
    border-color:#ffffff;
}
.bg-video-container h2 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size:24px;
}
.bg-video-horizontal {
    position: relative;
}
.bg-video-horizontal h2 {
    position: absolute;
    width: 50%;
    padding-right: 125px;
    top: 50%;
    margin-top: -70px;
    font-size: 40px;
}
.bg-video-horizontal h2.bg-video-last-text {
    right: 0;
    padding-right: 0px;
    padding-left: 125px;
}
.setsen-ut-element.setsen-ut-video {
    position: relative;
    overflow: hidden;
}
.background-video .mejs-overlay-play,
.background-video .mejs-controls{
    display: none !important;
}

iframe {
    width: 100%;
    max-width: 100%;
    border: none;
} 





/*---------- 3. Image overlay ----------*/
.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,96,0,.7);
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.image-overlay:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.setsen-ut-thumbnail:hover .image-overlay {
    opacity: 1;
}

/* Portfolio Hover Content */
.setsen-ut-portfolio .layout1 .image-overlay > img {
    position: absolute;
    bottom: 40px;
    left: 40px;
}
.setsen-ut-portfolio .layout1 .image-overlay > img.portfolio-modal-img {
    position: absolute;
    bottom: 40px;
    right: 40px;
    left: auto;
}
.setsen-ut-portfolio .layout2 .image-overlay > img, .setsen-ut-portfolio-carousel .image-overlay > img {
    position: absolute;
    top: 40px;
    right: 40px;
}
.setsen-ut-portfolio .layout1 .image-overlay .portfolio-title, .setsen-ut-portfolio-carousel .image-overlay .portfolio-title {
    position: relative;
    padding: 0 25px;
    color: #fff;
}
.setsen-ut-portfolio .layout2 .image-overlay .portfolio-title, .setsen-ut-portfolio-carousel .image-overlay .portfolio-title {
    position: absolute;
    bottom: 40px;
    left: 40px;
    padding: 0 25px;
    color: #fff;
    max-width: calc(100% - 80px);
    text-align: left;
}
.setsen-ut-portfolio a.image-overlay {
    text-decoration: none;
}
.setsen-ut-portfolio .image-overlay .portfolio-title span, .setsen-ut-portfolio-carousel .image-overlay .portfolio-title span {
    background-color: #fff;
}
.setsen-ut-portfolio .image-overlay .portfolio-title.setsen-style:hover span, .setsen-ut-portfolio-carousel .image-overlay .portfolio-title.setsen-style:hover span {
    width: 5px;
}
.setsen-ut-portfolio .image-overlay .portfolio-title small, .setsen-ut-portfolio-carousel .image-overlay .portfolio-title small {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}

/* overlay hover style */
.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(255,96,0,.9);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.image-overlay:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.portfolio-thumb .image-overlay a:hover,
.setsen-ut-thumbnail:hover .image-overlay, 
.portfolio-thumb:hover .image-overlay,
.member-image:hover .image-overlay {
    opacity: 1;
    transform: scale(1);
}




/*---------- 4. Frequently repeated css ----------*/
a,
.btn,
.setsen-ut-socials a, 
.setsen-style span,
.setsen-ut-thumbnail>img,
.setsen-servicebox-box i,
.setsen-ut-team .team-member,
.bg-video-container .bg-video-play,
.setsen-iconbox-box .circle-flat-iconbox-icon i,
.setsen-iconbox-box .circle-border-iconbox-icon i,
.setsen-iconbox-box .square-flat-iconbox-icon i,
.setsen-iconbox-box .square-border-iconbox-icon i,
.setsen-ut-partner.setsen-ut-carousel-container:not(.dark) img,
.setsen-iconbox-box, .setsen-servicebox-box, .border-servicebox-box,
.setsen-ut-toggle .vc_toggle_title > h4,
.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}





/*---------- 5. Elements Dark ----------*/
/*---------- Color white ----------*/
.dark a, 
.dark a:hover, 
.dark a.setsen-style:hover, 
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, 
.dark p, 
.dark p.testimonial-title, 
.dark.setsen-ut-testimonial i,
.dark ul, .dark ul li, 
.dark.setsen-ut-toggle .vc_toggle_title > h4, 
.dark .member-pos,
.dark.setsen-ut-pricing .pricing-top span,
.dark.setsen-ut-callout p,
.dark .team-member:hover .member-title .member-pos,
.dark .pricing-column .pricing-footer a { 
    color:#fff;
}
/*---------- Border color white ----------*/
.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .dark .wpb_accordion_header a, .setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .dark .wpb_accordion_header { color: #fff;}
.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .dark .wpb_accordion_header span.bottom-left, .setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .dark .wpb_accordion_header span.bottom-right,.setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .dark .wpb_accordion_header span.top-left, .setsen-ut-accordion.wpb_accordion .wpb_accordion_wrapper .dark .wpb_accordion_header span.top-right { background: #fff;}
.dark .setsen-style,
.setsen-ut-portfolio .image-overlay .portfolio-title, .setsen-ut-portfolio-carousel .image-overlay .portfolio-title { border-color: #fff;}
.dark.setsen-ut-progress .vc_single_bar .vc_label_units.setsen-style, 
.dark a.setsen-style {
    border-color: rgb(255, 255, 255);
}

.dark .owl-theme .owl-controls .owl-page span {
    border-color: rgba(255, 255, 255, 0.5);
}
/*---------- Background color white ----------*/
.dark a.setsen-style span {
    background:#fff;
}
/*---------- Border color & Background color white ----------*/
.dark .owl-theme .owl-controls .owl-page.active span,
.dark .owl-theme .owl-controls.clickable .owl-page:hover span,
.dark.setsen-ut-progress .setsen-style span {
    background: #fff;
    border-color: #fff;
}

/*---------- 6. Pagination ----------
.setsen-ut-pagination ul.page-numbers{
    margin: 20px 0 0;
    padding: 0;
}
.setsen-ut-pagination ul.page-numbers li{
    list-style: none;    
    float: left;
    margin: 0;
    padding: 0;
}
.setsen-ut-pagination ul.page-numbers li > span.current,
.setsen-ut-pagination ul.page-numbers li > a{
    display: block;
    color: #1f1f1f;
    font-weight: bold;
    width: 38px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #dbdbdb;
    margin-right: -1px;
}
.setsen-ut-pagination ul.page-numbers li > a i{
    font-size: 10px;
}
.setsen-ut-pagination ul.page-numbers li:last-child > a,
.setsen-ut-pagination ul.page-numbers li:last-child > span{
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
}
.setsen-ut-pagination ul.page-numbers li:first-child > a,
.setsen-ut-pagination ul.page-numbers li:first-child > span{
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
}
.setsen-ut-pagination ul.page-numbers li span.current,
.setsen-ut-pagination ul.page-numbers li > a:hover{
    background: #ff4a5c;
    border-color: #ff4a5c;
    color: #fff;
}
.setsen-ut-pagination-scroll a,
.setsen-ut-portfolio .setsen-ut-pagination ul.page-numbers{
    margin-top: 50px;
}*/

/* Infinite Scroll */

.setsen-ut-infinite-scroll a {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
}

.setsen-ut-infinite-scroll a.loading i {
    font-size: 24px;
}

.setsen-ut-infinite-scroll>.loading,
.setsen-ut-infinite-scroll[data-has-next="false"]>.next,
.setsen-ut-infinite-scroll[data-has-next="true"]>.no-more{
    display: none;
    padding: 9px 18px;
}
.setsen-ut-infinite-scroll[data-has-next="false"]{
    display: none;
}

/*---------- 7. Filter ----------*/
.setsen-ut-filters ul.filters {
    text-align: center;
    width: 100%;
    display: inline-block;
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}
.setsen-ut-filters ul.filters li {
    display: inline-block;
}
.setsen-ut-filters ul.filters li a {
    color: #707f9b;
}
.setsen-ut-filters a{
    display: block;
    font-size: 12px;
    line-height: 1;
    margin: 0 15px;
    text-transform: uppercase;
}
.setsen-ut-filters ul.filters li a:hover ,
.setsen-ut-filters ul.filters li a.selected {
    color: #ff6600;
}
.setsen-ut-portfolio .setsen-ut-infinite-scroll a,
.setsen-ut-portfolio .setsen-ut-pagination-container {
    margin-top: 60px;
}
.setsen-ut-portfolio.fullwidth .setsen-ut-infinite-scroll a,
.setsen-ut-portfolio.fullwidth .setsen-ut-pagination-container {
    margin-top: 60px;
}
.setsen-ut-portfolio.grid-layout .setsen-ut-infinite-scroll a,
.setsen-ut-portfolio.grid-layout-add-padding .setsen-ut-infinite-scroll a {
    margin-top: 40px;
}
.setsen-ut-blog .setsen-ut-infinite-scroll a {
    margin-top: 40px;
}
.setsen-ut-infinite-scroll {
    text-align: center;
}
.setsen-ut-infinite-scroll a {
    color: #707f9b;
}

/*---------- 8. Visual Composer ----------*/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li { margin-bottom: 40px;}
.wpb_button:last-child, .wpb_content_element:last-child, ul.wpb_thumbnails-fluid > li:last-child { margin-bottom: 0px;}
.wpb_button:first-child, .wpb_content_element:first-child, ul.wpb_thumbnails-fluid > li:first-child { margin-bottom: 40px;}

.wpb_text_column p { line-height: 1.8; }
.setsen-ut-element.wpb_content_element { margin-bottom: 40px; }