/* ------------------ SHORTCODES ------------------ */

/*
https://htmlcolorcodes.com/color-names/
*/

.boxed-content {
    background-color: #f1f1f1;
    padding: 30px 15px;
    margin: 40px 0;
}

.row .flex { margin-left: -15px; margin-right: -15px; }


.owl-carousel.thumb-indicators {
    top: 0px;
    padding-bottom: 1px;
    margin-bottom: 4px;
}

.owl-carousel.thumb-indicators .owl-item {
    border: 2px solid transparent;
    cursor: pointer;
}
.owl-carousel.thumb-indicators .owl-item.active.center {
    border: 2px solid #203b74;
}
.owl-carousel.thumb-indicators .owl-item img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.owl-carousel.thumb-indicators .owl-item.active.center img {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


/*  SEPARATED TITLE  */

.separator {
    line-height: 0.5;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
}
.separator span {
    display: inline-block;
    position: relative;
    line-height: 19px;

}
.separator.upper span { text-transform: uppercase;  }

.separator.title-left span { float: left; }
.separator.title-left span:after {
    left: 100%;
    margin-left: 5px;
}
.separator.title-right span { float: right; }
.separator.title-right span:before {
    right: 100%;
    margin-right: 5px;
}

.separator.title-left span:after,
.separator.title-right span:before {
    content: "";
    position: absolute;
    height: 4px;
    border-bottom: 1px solid #c8c8c8;
    top: 7px;
    width: 2400px;
}

.separator.title-right.double span:before,
.separator.title-left.double span:after { border-top: 1px solid #c8c8c8; }

.separator.title-left span:before,
.separator.title-right span:after { content: ""; }

/*  WIDGET TITLE  */
.widget-title {
    text-align: center;
    float: left;
    margin-bottom: 15px;
    width: 100%;
    padding: 0px;
    text-transform: uppercase;
    border-bottom: 2px solid #c8c8c8;
}


.widget-title h2 {
    font-size: 17px;
    height: 33px;
    line-height: 33px;
    font-weight: 800;
    letter-spacing: -0.5px;
    padding: 0px 20px 0px 9px;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    border-left: 0 solid transparent;
    border-right: 16px solid transparent;
}

.widget-title.color-blue { border-bottom: 2px solid #81a2ff; }
.widget-title.color-blue h2 {
    border-bottom: 33px solid #81a2ff;
    color: #fff;
}

.widget-title.color-orange { border-bottom: 2px solid #ff5313; }
.widget-title.color-orange h2 {
    border-bottom: 33px solid #ff5313;
    color: #fff;
}

/*  SOCIAL NETWORKS  */
.social-icon-wrap {
    display: inline-block;
    margin: 5px 5px 10px 0;
    text-align: center;
}

.social-icon-wrap[class*="shape-"] a {
    text-decoration: none;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
}
.social-icon-wrap.shape-sharp  a { border-radius: 3px; }
.social-icon-wrap.shape-corner a { border-radius: 8px; }
.social-icon-wrap.shape-round  a { border-radius: 20px; }
.socail-networks [class*="shape-"].social-icon-wrap a { color: #fff; }

.btn-compact .social-icon-wrap { margin: 2px 0; }

.btn-compact .social-icon-wrap[class*="shape-"] a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

/* brand colors */
.socail-networks [class*="shape-"].facebook a { background-color: #3b5998; }
.socail-networks .facebook a { color: #3b5998; }

.socail-networks [class*="shape-"].instagram a { background-color: #517fa4; }
.socail-networks .instagram a { color: #517fa4; }

.socail-networks [class*="shape-"].twitter a { background-color: #1da1f2; }
.socail-networks .twitter a { color: #1da1f2; }

.socail-networks [class*="shape-"].pinterest a { background-color: #cb2027; }
.socail-networks .pinterest a { color: #cb2027; }

.socail-networks [class*="shape-"].youtube a{ background-color: #bb0000; }
.socail-networks .youtube a { color: #bb0000; }

.socail-networks [class*="shape-"].vimeo a { background-color: #1ab7ea; }
.socail-networks .vimeo a { color: #1ab7ea; }

.socail-networks [class*="shape-"].email a { background-color: #70cbf4; }
.socail-networks .email a { color: #70cbf4; }

.socail-networks [class*="shape-"].googleplus a { background-color: #dd4b39; }
.socail-networks .googleplus a { color: #dd4b39; }

/* default color */
.socail-networks [class*="shape-"].color-default a { background-color: #ff5313; }
.socail-networks .color-default a { color: #ff5313; }

/* blue color */
.socail-networks [class*="shape-"].color-blue a { background-color: #3c8dbc; }
.socail-networks [class*="shape-"].color-light-blue a { background-color: #3c8dbc; opacity: .65;}
.socail-networks [class*="shape-"].color-dark-blue a { background-color: #357ca5; }
.socail-networks .color-blue a { color: #3c8dbc; }
.socail-networks .color-light-blue a { color: #3c8dbc; opacity: .65;}
.socail-networks .color-dark-blue a { color: #357ca5; }

/* orange color */
.socail-networks [class*="shape-"].color-orange a { background-color: #ff851b; }
.socail-networks [class*="shape-"].color-light-orange a { background-color: #ff851b; opacity: .65;}
.socail-networks [class*="shape-"].color-dark-orange a { background-color: #ff7701; }
.socail-networks .color-orange a { color: #ff851b; }
.socail-networks .color-light-orange a { color: #ff851b; opacity: .65;}
.socail-networks .color-dark-orange a { color: #ff7701; }

/* aqua color */
.socail-networks [class*="shape-"].color-aqua a { background-color: #00c0ef; }
.socail-networks [class*="shape-"].color-light-aqua a { background-color: #00c0ef; opacity: .65;}
.socail-networks [class*="shape-"].color-dark-aqua a { background-color: #00a7d0; }
.socail-networks .color-aqua a { color: #00c0ef; }
.socail-networks .color-light-aqua a { color: #00c0ef; opacity: .65;}
.socail-networks .color-dark-aqua a { color: #00a7d0; }

/* teal color */
.socail-networks [class*="shape-"].color-teal a { background-color: #39cccc; }
.socail-networks [class*="shape-"].color-light-teal a { background-color: #39cccc; opacity: .65;}
.socail-networks [class*="shape-"].color-dark-teal a { background-color: #30bbbb; }
.socail-networks .color-teal a { color: #39cccc; }
.socail-networks .color-light-teal a { color: #39cccc; opacity: .65;}
.socail-networks .color-dark-teal a { color: #30bbbb; }

/* gray color */
.socail-networks [class*="shape-"].color-gray a { background-color: #d2d6de; }
.socail-networks [class*="shape-"].color-light-gray a { background-color: #d2d6de; opacity: .65;}
.socail-networks [class*="shape-"].color-dark-gray a { background-color: #b5bbc8; }
.socail-networks .color-gray a { color: #d2d6de; }
.socail-networks .color-light-gray a { color: #d2d6de; opacity: .65;}
.socail-networks .color-dark-gray a { color: #b5bbc8; }

/* navy color */
.socail-networks [class*="shape-"].color-navy a { background-color: #001f3f; }
.socail-networks [class*="shape-"].color-light-navy a { background-color: #1c366f; }
.socail-networks [class*="shape-"].color-dark-navy a { background-color: #001a35; }
.socail-networks .color-navy a { color: #001f3f; }
.socail-networks .color-light-navy a { color: #1c366f; }
.socail-networks .color-dark-navy a { color: #001a35; }

.socail-networks a {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.socail-networks a:hover {
    -webkit-filter: grayscale(0.4);
    filter: grayscale(0.4);
}
.socail-networks [class*="shape-"].social-icon-wrap a:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: .5;
}

.company p { margin-bottom: 0; }
.company p span {
    padding-right: 5px;
    font-weight: 200;
}

/* Container for responsive media elements */
.mx-responsive-media-yes {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.mx-responsive-media-yes iframe,
.mx-responsive-media-yes object,
.mx-responsive-media-yes embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*		YouTube
---------------------------------------------------------------*/
.mx-youtube {
    margin: 0 0 1.5em 0;
}

.mx-youtube iframe {
    border: none !important;
}

/*		Vimeo
---------------------------------------------------------------*/
.mx-vimeo {
    margin: 0 0 1.5em 0;
}

.mx-vimeo iframe {
    border: none !important;
}