/*
 Theme Name:   Suffice Child
 Theme URI:    https://themegrill.com/themes/suffice/
 Description:  Suffice Child Theme
 Author:       Milos Tosovic
 Author URI:   http://www.beware.rs
 Template:     suffice
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  suffice-child
*/

/*Fonts*/

@font-face {
    font-family: 'Akko Rounded Pro';
    src: url('AkkoRoundedPro-Light.eot');
    src: url('AkkoRoundedPro-Light.eot?#iefix') format('embedded-opentype'),
        url('AkkoRoundedPro-Light.woff') format('woff'),
        url('AkkoRoundedPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* typography */
h1, h2, h3, h4, h5, h6, p, a, body{
    font-family: 'Akko Rounded Pro' !important;
}
ul.no-blt {
    padding: 0;
    margin: 20px 0;
    list-style: none;
}
.b-bottom {
    border-bottom: 1px solid #dcdfe1;
}
a {
    transition: none !important;
}

/* START Helper classes */
.c-red{
    color: #cb0f34;
}
.bg-red{
    background-color: #cb0f34;
    color: #fff;
}
/* END Helper classes */


/*Header*/
.header-inner-wrapper {
    box-shadow: 0 2px 10px -2px gray;
}
.header-bottom .container,
.header-top .container {
    width: 95%;
}
.header-bottom .header-bottom-right-section {
    float: left;
    margin-left: 40px;
}
.header-top,
.header-bottom {
	background: #fff;
}
.header-top a {
    font-size: 15px;
    font-weight: bold;
    padding-top: 10px; 
}
.navigation-default .menu-primary > ul > li > a, 
.navigation-default .primary-menu > ul > li > a{
	font-size: 18px;
    padding: 30px 15px;
}

.header-top a,
.search-form-style-dropdown:hover {
	color: #CC0033 !important;
}
.header-action-container {
    padding-top: 30px;
}
.header-action-search-form {
    background-color: #cb0f34;
}
.search-submit {
    border: 1px solid #fff !important;
    padding: 10px;
    font-weight: bold;
    font-family: 'Akko Rounded Pro' !important;
    text-transform: lowercase;
    margin-left: 5px;
}
.search-form .search-field {
    width: 70%;
    font-family: 'Akko Rounded Pro' !important;
}

.navigation-default .menu-primary > ul > li.current-menu-item > a {
    color: #505c68 !important;
    font-weight: bold;
}
.navigation-default .menu-primary > ul > li:hover > a {
    background-color: #cb0f34 !important;
    color: #fff !important;
}
.navigation-default .menu-primary > ul > li > a::before, .navigation-default .primary-menu > ul > li > a::before {
    display: none !important;
}

/* submenu */
.navigation-default .menu-primary > ul > li .sub-menu li {
    background-color: #cb0f34;
    border: 0;
}
.main-navigation .primary-menu ul li a, 
.main-navigation .primary-menu ul li span {
    font-size: 16px;
    color: #fff;
}
.main-navigation .primary-menu ul li:hover a, .header-inner-wrapper li.current_page_item > a {
    color: #fff !important;
    text-decoration: underline;
}
.site-identity-container{
    padding: 0;
}
.logo-container img {
	height: 60px;
    width: auto;
}
.site-branding{
	display: none !important;
}


/* social menu */
.social-menu li {
    margin-left: 20px;
}


/* breadcrumbs */
.breadcrumbs {
    background-color: #eeeff0;
    border-bottom: 1px solid #dcdfe1;
}
.breadcrumbs .breadcrumbs-page .breadcrumbs-page-title {
    color: #00698e !important;
    font-weight: 600; 
}
.breadcrumbs .breadcrumbs-trail {
    line-height: 28px;
    font-size: 13px;
}
.breadcrumbs .breadcrumbs-trail li span {
    font-weight: bold;
}
.breadcrumbs .breadcrumbs-trail li a span {
    font-weight: normal !important;
}


/* Blog */
#primary{ 
	width: 100%;
}
.post-type-archive .site-content {
    background-color: #eeeff0;
}
.post-type-archive #primary,
.post-type-archive #secondary{
    margin-top: 40px;
}
.col-md-4.hentry.post-style-grid {
    width: 30%;
    margin: 0 1.5% 30px 1.5%;
}
.hentry .post-style-grid, .hentry.post-style-grid {
    border: 1px solid #dcdfe1;
    padding: 0;
    text-align: center;
    background-color: #fff;
}
.col-md-4.hentry.post-style-grid:hover {
    background-color: #CC0033;
    color: #fff;
}
.hentry.post-style-grid h2.entry-title {
    /*text-transform: none;
    font-size: 18px;*/
    font-size: 16px;
    padding: 0 15px;
    margin-top: 25px;
}
.hentry .entry-thumbnail img {
    margin: auto;
}

.hentry.post-style-grid .entry-content {
    padding: 0 15px;
}
.col-md-4.hentry.post-style-grid:hover {
    background-color: #CC0033;
    color: #fff;
}
.hentry.post-style-grid:hover h2.entry-title a,
.hentry.post-style-grid:hover .entry-content p {
    color: #fff;
}
.blue-row {
    background-color: #00698e !important;
    padding: 50px 0;
    text-align: center;
}
.blue-row .btn.btn--ghost:hover,
.blue-row .btn.btn--ghost:focus {
    color: #00698e !important;
    border-color: #00698e !important;
}


/*Footer*/
.panorama-contact {
    background: #CC0033;
    padding: 30px 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.panorama-contact .wts-logo {
    right: -20px;
    position: absolute;
    bottom: -80px;
    width: 600px;
    opacity: 0.08;
}
h2 {
   font-size: 25px;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
}
.panorama-contact * {
    color: #fff;
}

.btn.btn--ghost {
    font-size: 20px;
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    text-transform: none;
}
.btn.btn--ghost:hover,
.btn.btn--ghost:focus {
    outline: 0;
    background-color: #fff;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.panorama-contact .btn.btn--ghost {
    background-color: #cc0033;
    margin-top: 40px;
}

.panorama-contact .btn.btn--ghost:hover,
.panorama-contact .btn.btn--ghost:focus {
    color: #cc0033;
    background-color: #fff;
}


/* white footer */
.custom_footer_menu {
    background-color: #eeeff0;
    padding: 40px 0;
}
.footer-menu {
    margin: 0;
    padding: 0;
}
.footer-menu li {
    display: inline-block;
	vertical-align:top
}
.footer-menu li a {
    color: #505c68;
}
.footer-menu > li > a {
    font-size: 16px;
}
.footer-menu .menu-item-has-children > a {
    text-transform: uppercase;
    font-weight: 600;
}
.footer-menu ul.sub-menu {
    padding: 0 !important;
    margin-top: 10px;
}
.footer-menu ul.sub-menu li {
    display: block;
    padding: 5px 0; 
}
.footer-menu ul.sub-menu li:before {
    content: "\f105";
    font-family: "FontAwesome";
    padding-right: 5px;
}
.footer-menu .sub-menu li a {
    font-size: 14px !important;
}
.site-footer {
    background-color: #eeeff0;
    margin-top: 0;
}
.site-footer .footer-bottom .container {
    /*width: 100%;
    padding: 0 5%;*/
}
.footer-bottom .footer-bottom-container {
    border-top: 1px solid #dcdfe1;
}
.footer-bottom .site-info {
    padding: 20px 0;
    color: #505c68;
}
.footer-bottom .site-info a,
.footer-bottom .site-info a span {
    color: #505c68 !important;
    font-weight: bold;
}
/*mladen footer app*/
.footer-menu li.android-ft ul.sub-menu li:before {
    display:none
}
.footer-menu .menu-item-has-children {
    width: 24%;
    text-align: left;
    margin-bottom: 30px;
}
.footer-menu li.android-ft ul.sub-menu li:before {
    display: none !important;
}
.footer-menu li {
   
    text-align: left;
}
#menu-item-952 img,
#menu-item-953 img{
    height: 100px
}
#menu-item-1660 img,
#menu-item-1662 img{
    height: 45px
}
.custom_footer_menu{
    padding-bottom: 0
}

/*Search*/
.search-form .search-field{
    width: 65%;
}

/*CF7*/
#wpcf7-f439-p17-o1 p:nth-child(27),
#wpcf7-f585-p595-o1 p:nth-child(27){
    margin-top: 126px
}
form.wpcf7-form .content-column {
    padding-right: 15px !important;
}

#wpcf7-f439-p17-o1 .wpcf7-not-valid-tip {
    font-size: 10px;
}

form.wpcf7-form label {
    color: #8f8f8f;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}
form.wpcf7-form .wpcf7-text, textarea {
    color: #000;
    margin-bottom: 15px;
    padding: 10px;
    border-color: #dbdbdb;
    font-weight: bold;
    margin-top: 2px;
    font-size: 13px;
}

.form-contactus form.wpcf7-form .wpcf7-text, textarea {
    background: #fff;
    border: 0;
}

/* nasi eksperti */
.team-member.team-bubble {
    margin-bottom: 0;
    padding-top: 20px;
}
.team-member.team-bubble .team-member-thumbnail .team-member-thumbnail-inner {
    width: 220px;
    height: 220px;
    top: 0px;
}
/*.team-member.team-bubble .team-member-thumbnail .team-bubble-two {
    background: #00698e !important
}
.team-member.team-bubble .team-member-thumbnail .team-bubble-one {
    background: #eeeff0;
}*/
.team-member.team-bubble:hover .team-bubble-one {
    transform: none;
}
.team-bubble-two {
    display: none !important;
}

.team-member.team-bubble .team-member-description .team-member-title {
    font-size: 18px;
    margin: 0;
    font-weight: bold;
    color: #00698e;
}
.team-member.team-bubble .team-member-description .team-member-position {
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
}
.expert-contact {
    text-align: center;
    line-height: 1.5;
}
.expert-contact .fa {
    margin-right: 5px;
}
.expert-contact, .expert-contact a {
    color: #424143;
}
.single-expert {
    border: 1px solid #dcdfe1;
    margin-bottom: 15px;
    padding-bottom: 20px;
}

.single-expert .so-panel {
    margin-bottom: 10px !important;
}
.cta-experts p {
    color: #fff;
    font-size: 20px;
}
.cta-experts .cta-big-bordered .cta-bordered-inner {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
}
.cta-experts .cta-big-bordered .cta-info .cta-title {
    font-size: 30px;
}
.cta-experts .cta-actions .btn {
    color: #fff !important;
    font-weight: bold !important;
}

/* services */
.services-row .tg-image-widget {
    position: relative;
    margin-bottom: 0 !important;
}
.services-row .img-home {
    height: 215px !important;
    overflow: hidden !important;
    margin-bottom: 30px;
}
.services-row .img-services{
    height: 225px !important;
    overflow: hidden !important;
    margin-bottom: 30px;
}
.services-row .title-services {
    margin-top: -100px;
    padding-bottom: 30px;
    z-index: 10;
    position: relative;
}
.services-row .title-services a {
    background-color: #cb0f34;
    padding: 10px 30px;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    display: inline-block;
}
.services-txt-row .tg-image-widget {
	position: relative;
	margin-bottom: 0 !important;
}
.services-txt-row .title-services {
    margin-top: -120px;
    z-index: 10;
    position: relative;
}
.services-txt-row .title-services p {
    background-color: #cb0f34;
    padding: 20px 25px;
    color: #fff;
    margin: 0;
    width: 700px;
    font-size: 20px;
    font-weight: bold;
    max-width: 100%;
    float: right;
}
.services-row .img-home.infographic {
    height: 323px !important;
}


/* single service */
.single-service .panel-row-style {
	background: white !important;
}
.single-service-panel {
    border: 1px solid #eeeff0;
    margin-bottom: 15px;
}
.widget .single-service-panel .widget-title {
    background-color: #00698e !important;
    color: #fff;
    padding: 10px 8px;
    font-size: 17px;
}
.single-service-panel .textwidget {
    padding: 0 15px;
}
.single-service .so-panel {
    margin-bottom: 0 !important;
}
.single-service .team-member.team-bubble .team-member-thumbnail {
    height: 150px;
}
.single-service .team-member.team-bubble .team-member-thumbnail .team-member-thumbnail-inner,
.single-service .team-member.team-bubble .team-member-thumbnail .team-bubble-one {
    width: 150px;
    height: 150px;
}
.single-service .btn-wide {
    font-size: 16px !important;
}

/*link vesti*/
.link a{ 
    position: absolute;
    z-index: 900;
    width: 100%;
    height: 100%;
    display: block;
}

/*mladen dodatak global*/
a i.fa.fa-linkedin-square{ 
    padding-left:3px !important
}
.social-menu li a[href*="linkedin.com"]::before { 
    content: " " !important; 
}
.social-menu li.current-menu-item a{ 
    color:#CC0033 !important; 
    text-decoration:none 
}
input.wpcf7-form-control.wpcf7-submit{ 
    margin:10px 0px; 
    display:block
}
.navigation-default.menu-has-submenu-indicator li.menu-item-has-children > a::after,
.navigation-default.menu-has-submenu-indicator li.page_item_has_children > a::after{
    float: none;
    content: "\f107";
}
.single .link a{ 
    display:none
}

/***  preuzimanja - downloads ***/

.widget .downloads-panel  .widget-title {
    background-color: #00698e !important;
    color: #fff;
    padding: 10px 8px;
    font-size: 17px;
}
.downloads-panel ul {
    list-style: none;
    padding: 0;
}
.downloads-panel ul li {
    padding: 8px;
    border-bottom: 1px solid #dcdfe1;
}
.downloads-panel ul li:last-of-type {
    border-bottom: 0;
}
.downloads-panel ul li:before {
    content: "\f019";
    font-family: 'FontAwesome';
    margin-right: 10px;
}
.downloads-main {
    margin-top: 30px;
}
.downloads-main ul li, .downloads-main .widget ul li a, .downloads-main ul li .fa {
    color: #fff !important;
}
.downloads-panel ul li.na-upit:before {
    content: "\f06e";
}
.downloads-main .downloads-panel .widget-title {
    font-size: 20px;
    padding: 20px;
}
#linkcat-79 > div > h3, #linkcat-80 > div > h3{
display: none !important
}


/******** Nikola Dimitrijevic START *********/

.sfsi_plus_widget{
    position: fixed;
    bottom: 0;
}
.post-banner{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding-top: 120px;
    padding-bottom: 60px;
    position: relative;
}

.post-banner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0,105,142,.8);
}
.post-banner h1{
    color: #fff;
}
.page-template-template-eksperti .site-content{
    padding-top: 30px;
}
.wts-team-member{
    position: relative;
    min-height: 1px;
    float: left;
    width: 33.33%;
    border: 1px solid #dcdfe1;
    margin: 0;
    padding: 0;
}

.wts-team-member img{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.wts-team-member a{
    color: #FFF;

}
.team-member-link{
    display: block;
}
.wts-team-member:hover .wts-team-member-hover {
    opacity: 0.9;
    filter: alpha(opacity=100);
}

.wts-team-member-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    text-align: center;
    background: #CC0033;
    transition: background, opacity .5s ease;
}

.wts-team-member-info {
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
}
/*Single Eksperti*/
.single-eksperti .breadcrumbs{
    display: none;
}
.single-eksperti .member-profile-img img{
    border-radius: 100%;
}
.single-eksperti .eksperti .main-name{
    margin: 0 0 15px;
}
.single-eksperti .eksperti .main-position{
    margin: 0 0 50px;
    color: #CC0033;
}
.member-profile-sidebar .contact, .member-profile-sidebar h4{
    margin: 15px 0 0;
}
.member-profile-sidebar .side-profile-info{
    /*width: 210px;*/
    /*margin: 0 auto;*/
    /*text-align: left;*/
}
.contact a{
    color: #424143;
}
.contact i{
    padding-right: 10px;
}
.mobile-contact .contact{
    margin-bottom: 15px;
    color: #CC0033;
}
.mobile-contact .contact a{
    color: #CC0033;
}
.member-profile-sidebar .side-position{
    margin-top: 10px;
    color: #CC0033;
}
.mobile-contact{
    display: none;
}
.gray-box{
    min-height: 230px;
    background-color: #eeeff0;
    position: relative;
    padding: 15px;
    margin-bottom: 30px;
}
.gray-box h3, .gray-box h4{
    color: #505c68;
}
.gray-box .arrow-bottom{
    background-image: url(assets/img/divider.svg);
    background-size: 100% auto;
    width: 90%;
    height: 10px;
    background-repeat: no-repeat;
    margin-top: 10px;
    background-position: center center;
    margin-left: 5px;
    position: absolute;
    bottom: 45px;
    left: 0;
}
.gray-box:hover .gray-box-hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.gray-box-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    text-align: center;
    background: #CC0033;
    transition: background, opacity .5s ease;
}
.gray-box-hover .download-icon-center{
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    font-size: 60px;
}
.heading-highlight-blue{

    background-color: #00698e ;
    color: #fff;
    padding: 10px 8px;
    margin-bottom: 30px;
    margin-top: 0;

}
.services-h-250:hover{

}
.img-services.services-h-250{

    height: 250px !important;


}
.img-services.services-h-250 img{
    width: 100%;
    height: auto;
}
.services-row.row-title-top .widget_custom_html{
    position: absolute;
    top: 15px;
    left: 0;
    width: 75%;
}
.services-row.row-title-top .panel-grid-cell{
    position: relative;
}
/*.services-row.row-title-top .tg-image-widget{*/
    /*margin-top: -55px;*/
/*}*/

.services-row.row-title-top #pg-2697-0, .services-row.row-title-top #pl-2697 .so-panel{
    margin-bottom: 0;
}

.education-list-wrapper{
    padding-top: 30px;
}
.education-list-wrapper .gray-box{
    padding: 20px;
}
.education-list-wrapper .gray-box h3{
    color: #00698e;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 22px;
    min-height: 70px;

}
.education-list-wrapper .gray-box p{
    font-weight: 700;
    margin-top: 0;
}
.btn-red{
    background-color: #cc0033;
    padding: 7px 15px;
    color: #FFF;
    font-weight: 700;
}
.btn-red.big{
    padding: 15px 25px;
    font-size: 18px;
}
.gray-box .btn-red {
    position: absolute;
    left: 20px;
    bottom: 30px;
}
/* Single Treninzi */
.single-treninzi .breadcrumbs{
    display: none;
}
.single-treninzi .member-profile-img img{
    border-radius: 100%;
}
.single-treninzi  .main-name{
    margin: 0 0 15px;
}
.single-treninzi  .main-position{
    margin: 0 0 50px;
    color: #CC0033;
}
.single-treninzi .btn-wrapper{
    margin: 30px 0;
    text-align: right;

}
.education-side-experts{
    margin-bottom: 30px;
}
.single-treninzi .member-profile-sidebar .sidebar-title{
    margin-top: 0;
}

/* END Single Treninzi */

/* START About */
.title-area{
    margin-bottom: 50px;
}
.title-area .headline, .title-area .subline {
    font-size: 2.4em;
    line-height: 1.3em;
    padding: 5px 15px;
    margin-bottom: 2px;
    display: inline-block;
}
.title-area .subline {
    font-size: 1.7em;
}

.brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .animation-key-differentiators__core {
    position: relative;
    background-image: url(https://www.wts.com/website/static/img/svg/wts-red.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 200px;
    height: 200px;
    border: 1px solid #505c68;
    border-radius: 50%;
    margin: 50px auto;
}

.brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .animation-key-differentiators__core {
    position: relative;
    background-image: url(https://www.wts.com/website/static/img/svg/wts-red.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 200px;
    height: 200px;
    border: 1px solid #505c68;
    border-radius: 50%;
    margin: 50px auto
}

.brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item {
    background-color: #fff;
    cursor: pointer
}
.animation-key-differentiators__wrapper{
    width: 100%;
    margin: 0 auto;

    position: relative;
}
.key-facts-item{
    margin-bottom: 30px;
}
.key-facts-item .key-facts-title{
    color: #515d69;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}
.key-facts-item .key-facts-description{
    color: #515d69;
    font-size: 14px;
    margin-bottom: 15px;
}


.teaser-boxes.brick {
    padding-bottom: 40px;
}
.teaser-boxes.brick  {
    overflow-x: hidden;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item {
    position: relative;
    height: 100%;
    padding-bottom: 100%;
}


a.fullwidth-link {
    z-index: 3;
    outline: 0;
}
.bg--wts-logo, a.fullwidth-link {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item .teaser-boxes__content{
    position: absolute;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    z-index: 2;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__item--medium .teaser-boxes__content .teaser-boxes__headlines, .teaser-boxes.brick .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__item--small .teaser-boxes__content .teaser-boxes__headlines {
    position: absolute;
    bottom: 80px;
    top: auto;
    max-width: 80%;
}

.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__item--small .teaser-boxes__content .teaser-boxes__headlines {
    bottom: 40px;
    max-width: 95%;
}
.teaser-boxes.brick .teaser-boxes__wrapper .teaser-boxes__item .teaser-boxes__content .description{
    padding-left: 20px;
    color: #fff;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item .teaser-boxes__content h2 {
    display: inline-block;
    color: #fff;
    padding: 5px 15px;
    margin-bottom: 5px;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item:not(.teaser-boxes__item--blue) h2 {
    background-color: #c03;
}

.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item:not(.teaser-boxes__item--blue) h2 {
    background-color: #c03;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__item--medium .teaser-boxes__content .teaser-boxes__headlines h2, .teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__item--small .teaser-boxes__content .teaser-boxes__headlines h2 {
    margin-top: 0;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__hover--full:hover .teaser-boxes__content .teaser-boxes__headlines h2 {
    margin-top: 20px;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__hover--full:hover:not(.teaser-boxes__item--blue) .teaser-boxes__content .subline, .teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__hover--full:hover:not(.teaser-boxes__item--blue) .teaser-boxes__content h2 {
    color: #c03;
}

.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__hover--full:hover .teaser-boxes__content h2 {
    background-color: #fff;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__item--medium .teaser-boxes__content .description, .teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__item--small .teaser-boxes__content .description {
    display: none;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item:hover .teaser-boxes__content, .teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item:hover .teaser-boxes__content .subline, .teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item:hover .teaser-boxes__content h2{
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}
.teaser-boxes__content .description p{
    color: #fff;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__hover--full:hover .teaser-boxes__content .description {
    display: block;
    color: #fff;
    padding-top: 20px;
}

.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__hover--full:hover .teaser-boxes__content .teaser-boxes__headlines {
    position: relative;
    bottom: auto;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__item--small .teaser-boxes__content {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item .teaser-boxes__image {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item a.more-link {
    color: #fff;
    position: absolute;
    bottom: 40px;
    left: 40px;
    max-width: 100%;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity ease-in-out .5s;
    -o-transition: opacity ease-in-out .5s;
    transition: opacity ease-in-out .5s;
}
.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item:hover a.more-link {
    opacity: 1;
    -webkit-transition: opacity ease-in-out .5s;
    -o-transition: opacity ease-in-out .5s;
    transition: opacity ease-in-out .5s;
}

.teaser-boxes.brick  .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__hover--full:hover .teaser-boxes__content {
     top: 0;
     bottom: auto;
     width: 100%;
     height: 100%;
 }
.teaser-boxes.brick .teaser-boxes__wrapper .teaser-boxes__item.teaser-boxes__hover--full:hover:not(.teaser-boxes__item--blue) .teaser-boxes__content {
    background-color: #c03;
}
.brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper {
    position: relative;
}
/*Blog Page*/
.blog-index-wrapper{
    padding-top: 50px;
}
.blog-index-wrapper .blog-listing .row{
    margin-bottom: 50px;
}
.blog-index-wrapper .blog-sidebar .teaser-boxes__wrapper{
    margin-bottom: 30px;
}
.blog-index-wrapper .blog-listing .blog-box{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 50px;
}
.blog-box .box-body{
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 20px;
}
.blog-box .box-title{
    font-size: 22px;
    margin-top: 0;
    color: #505c68;
    font-weight: bold;
    margin-bottom: 9px;
}
.blog-box .date{
    text-align: left !important;
    display: block;
    font-size: 1rem;
    color: #505c68;
}
.blog-box .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    background: #CC0033;
}
.blog-box .info h3 {
    background: white;
    top: 80px;
    left: -30px !important;
    height: auto !important;
    padding: 14px !important;
    color: #CC0033 !important;
    text-align: left;
    font-size: 18px !important;
    text-transform: none !important;
    text-shadow: none !important;
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 600;
    letter-spacing: 0px !important;

    visibility: visible;
    position: relative;
    margin: 0 30px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.blog-box .info .date-back {
    color: white;
    text-align: left !important;
    display: block;
    margin-left: 20px;
    font-size: 1rem;
}
.blog-box .info .read-more-back{
    visibility: hidden;

    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;

    color: white;
    padding: 10px 5px;
    font-style: normal;
    margin: 0 30px;
    font-size: 16px !important;
    border-top: none;
    margin-top: 80px;
    text-align: left;

    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.blog-box a:hover .info {
    opacity: 1;
}
.blog-box a:hover .info h3 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.blog-box a:hover .info .read-more-back {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
}
/*Single Blog*/
.single-post nav.breadcrumbs{
    display: none;

}
.single-post .site-content > .container{
    max-width: 100%;
    width: 100%;
}
.single-post date{
    color: #505c68;
    font-size: 18px;
}
.single-post .post-banner img{
    width: 100%;
}
.single-post .entry-title{
    font-size: 38px;
    margin-top: 20px;
    margin-bottom: 40px;
}
.single-blog-sidebar .side-title{
    font-size: 20px;

    margin-bottom: 12px ;
    padding-bottom: 0 ;
    display: block;
    color: #505c68;
    font-weight: bold;
}
.single-blog-sidebar .member-profile-sidebar{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom: 20px;
}
.single-blog-sidebar .blog-side-author{
    overflow: hidden;
    width: 100%;
    height: auto ;
}

.single-blog-sidebar .side-profile-info{
    flex: 1 1 auto;
    padding: 1.25rem;
}

.single-blog-sidebar .side-profile-info .side-position{
    color: #212529;
    margin-bottom: 30px;
    font-size: 16px;
}

.single-blog-sidebar .blog-side-author img{
    max-width: 140px;
    border-radius: 50%;
    display: block;
    margin-right: 0;
    float: right;
    padding: 10px;
    width: 100%;
    height: auto;
}
.related-blog-wrapper{
    margin:  30px -15px 0;
    background: #EEEFF0;
    padding: 5px 5px 30px;

}
.related-blog-wrapper .related-post__title{
    text-align: center;
    font-size: 34px;
    color: #505c68;
    font-weight: bold;
    margin: 50px 0;
}
.related-blog-box{
    position: relative;
}
.related-blog-box .box-body{
    background-color: #fff;
    margin-top: -6px;
    padding-bottom: 30px;
}
.related-blog-box  .box-title{
    font-size: 18px;
}

.related-blog-box .read-more-back{
    position: absolute;
    bottom: 15px;
}

/* SVG */
svg .svg-heading {
    fill: #515d69;
    font-size: 24px;
    font-weight: 600;

}
svg .svg-central-heading {
    fill: #515d69;
    font-size: 20px;
    font-weight: 600;

}
svg .svg-text {
    fill: #515d69;
    font-size: 10px;
}



/* END SVG */
/* END About */
@media (min-width: 992px){
    .sfsi_plus_widget{
        margin-left: -75px;
    }
}

@media (min-width: 768px){
    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper {
        padding-bottom: 50%;
    }
    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .animation-key-differentiators__core {
        width: 300px;
        height: 300px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin: 0;
    }

    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item {
        position: absolute;
        width: 300px;
        padding: 10px 10px 0
    }

    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item h3 {
        margin-top: 0
    }

    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item .text {
        display: none
    }

    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item:first-child,.brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item:nth-child(3) {
        text-align: right
    }

    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item:nth-child(2),.brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item:nth-child(4) {
        right: 0
    }

    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item:first-child,.brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item:nth-child(2) {
        bottom: calc(50% + 30px)
    }

    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item:nth-child(3),.brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item:nth-child(4) {
        top: calc(50% + 30px)
    }

    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item:hover .text {
        display: block
    }

    .sfsi_plus_wicons {
        display: block !important;
    }
}


@media (max-width: 1200px) and (min-width: 768px){
    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper {
        padding-bottom: 75%;
    }
    .brick.animation-brick .brick.animation-key-differentiators .animation-key-differentiators__wrapper .animation-key-differentiators__inner-wrapper .key-diff__item {
        width: 220px
    }
}





@media screen and (max-width: 768px) {
    .wts-team-member{
        width: 100%;
    }
    .side-profile-info{
        display: none;
    }
    .single-blog-sidebar .side-profile-info{
        display: block;
    }
    .mobile-contact{
        display: block;
    }
    .img-services.services-h-250{
        height: auto !important;
    }
    .home .ml-slider .caption-wrap h3{
        font-size: 18px;
    }
}

.education-side-experts .side-profile-info{
    display: block;
}
/******** Nikola Dimitrijevic END *********/


/******** responsive *********/
@media screen and (max-width: 768px) {

    /*** home ***/
    .services-row .img-home, 
    .services-row .img-services {
        margin-bottom: 0;
    }
     .services-txt-row .img-home img {
        height: 300px;
    }
    .services-txt-row .title-services {
        margin-top: -200px;
        padding-bottom: 150px;
    }
    .services-row img {
        max-width: none !important;
        min-width: 100%;
    }
    .services-row .title-services a {
        width: 100%;
        display: block;
    }
    .services-row .title-services {
        margin-top: 0;
        padding-bottom: 0;
    }
    .services-row .img-home.infographic img {
        width: 100%;
        height: auto;
    }
    .services-row .img-home.infographic {
        height: auto !important;
    }
    .header-bottom .header-bottom-right-section{ 
        float:right !important
    }
    .logo-container img{ 
        margin-bottom:15px
    }
    .col-md-4.hentry.post-style-grid{ 
        width:97% !important
    }
    .page-id-29 div.textwidget.custom-html-widget, .page-id-577 div.textwidget.custom-html-widget{ 
        padding:0 20px
    }
    .panorama-contact{ 
        text-align:center
    }
    .social-menu li.current-menu-item a{ 
        color:#CC0033 !important 
    }
    .content-area .services-row .title-services{ 
        margin-top:-70px !important; 
        padding-bottom:50px !important
    }
    div.widget_text.title-services.panel-widget-style{
        margin-top: -100px;
        padding-bottom: 50px;
    }
    .mobile-navigation .menu-primary ul li.menu-item-has-children > a::after, 
    .mobile-navigation .menu-primary ul li.page_item_has_children > a::after,
    .mobile-navigation .primary-menu ul li.menu-item-has-children > a::after,
    .mobile-navigation .primary-menu ul li.page_item_has_children > a::after{ 
        right:8% !important
    }
    .footer-menu .menu-item-has-children {
        width: 100%;
    }
}

@media screen and (max-width: 992px) and (min-width: 769px) {
    .navigation-default .menu-primary > ul > li > a, 
    .navigation-default .primary-menu > ul > li > a{ 
        padding:20px 10px;
    }
    .header-bottom .header-bottom-right-section{ 
        margin-left:0px !important
    }
    .header-action-container{ 
        padding-top:25px
    }

    div.img-home.panel-widget-style a img{ 
        height:100% !important
    }
    .team-member.team-bubble .team-member-thumbnail .team-bubble-one,
    .team-member.team-bubble .team-member-thumbnail .team-member-thumbnail-inner{ 
        width:150px; 
        height:150px
    }
    .services-row .img-home.infographic{ 
        height:262px !important
    }
    div.img-home.infographic a img{ 
        width:100% !important
    }
}
@media screen and (max-width: 1200px) and (min-width: 993px) {
    div.img-home.panel-widget-style a img{ 
        height:100% !important
    }
    .navigation-default .menu-primary > ul > li > a, 
    .navigation-default .primary-menu > ul > li > a{ 
        padding:20px 8px !important
    }
    div.img-home.infographic a img{ 
        width:100% !important
    }
    .services-row .img-home.infographic{ 
        height:262px !important
    }
}

/*META SLIDER*/
.metaslider .caption-wrap{
    width: 40% !important;
    left: 60% !important;
    bottom: 100px !important;
    background: #CA1133 !important;
    opacity: 1 !important;
    font-weight: bold;
    padding: 10px 30px;
    font-size: 18px;
}

@media screen and (max-width: 940px){
    .metaslider .caption-wrap{
        width: 50% !important;
        left: 50% !important;
        bottom: 70px !important;
        background: #CA1133 !important;
        opacity: 1 !important;
        font-weight: bold;
        padding: 10px 30px;
        font-size: 14px;
    }
}
@media screen and (max-width: 600px){
    .metaslider .caption-wrap{
        width: 60% !important;
        left: 45% !important;
        bottom: 60px !important;
        background: #CA1133 !important;
        opacity: 1 !important;
        font-weight: bold;
        padding: 10px 30px;
        font-size: 14px;
    }
}
@media screen and (max-width: 520px){
    .metaslider .caption-wrap{
        width: 60% !important;
        left: 45% !important;
        bottom: 50px !important;
        background: #CA1133 !important;
        opacity: 1 !important;
        font-weight: bold;
        padding: 10px 30px;
        font-size: 12px;
    }
}
@media screen and (max-width: 450px){
    .metaslider .caption-wrap{
        width: 60% !important;
        left: 40% !important;
        bottom: 20px !important;
        background: #CA1133 !important;
        opacity: 1 !important;
        font-weight: bold;
        padding: 5px 15px;
        font-size: 10px;
    }
}

/*ND Fix*/
.services-row.row-title-top .title-services{
    margin: 0 !important;
    padding: 0 !important;
}

/*submenu fix to right side*/
.navigation-default .menu-primary > ul > li .sub-menu li.menu-item-has-children .sub-menu {
	left: 100% !important;
}

.navigation-default .menu-primary > ul > li .sub-menu li, .navigation-default .menu-primary > ul > li .children li, .navigation-default .primary-menu > ul > li .sub-menu li, .navigation-default .primary-menu > ul > li .children li {
	width: 370px !important;
}

/*submenu arrow float right*/
.navigation-default.menu-has-submenu-indicator li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a::after,
.navigation-default.menu-has-submenu-indicator li.menu-item-has-children ul.sub-menu li.page_item_has_children > a::after,
.navigation-default.menu-has-submenu-indicator li.menu-item-has-children ul.children li.menu-item-has-children > a::after,
.navigation-default.menu-has-submenu-indicator li.menu-item-has-children ul.children li.page_item_has_children > a::after,
.navigation-default.menu-has-submenu-indicator li.page_item_has_children ul.sub-menu li.menu-item-has-children > a::after,
.navigation-default.menu-has-submenu-indicator li.page_item_has_children ul.sub-menu li.page_item_has_children > a::after,
.navigation-default.menu-has-submenu-indicator li.page_item_has_children ul.children li.menu-item-has-children > a::after,
.navigation-default.menu-has-submenu-indicator li.page_item_has_children ul.children li.page_item_has_children > a::after {
	content: "\f105";
	float:right;
}