/************************************************************************************
BUTTONS
*************************************************************************************/
a.shortcode.button {
    text-decoration: none !important;
    color: #333;
    line-height: 110%;
    padding: .5em 1em;
    margin: .5em .2em .5em 0;
    border: solid 1px #aaa;
    background-color: #f5f5f5;
    background-image: none;
    vertical-align: middle;
    display: inline-block;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .1);
    border-radius: .3em;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(255, 255, 255, .1);
    transition: background-color .3s, background-color .3s, border .3s, color .3s;
}

a.shortcode.button:hover {
    text-decoration: none;
    background-color: #fff;
}

/* button colors */
a.shortcode.button.yellow {
    border-color: #f2bd00;
    background-color: #ffe20b;
    color: #000 !important;
}

a.shortcode.button.yellow:hover {
    background-color: #fff21e;
}

a.shortcode.button.yellow.outline,
a.shortcode.button.yellow.outline:hover {
    color: #ffe20b !important;
    border-color: #ffe20b;
}

a.shortcode.button.yellow.outline:hover {
    color: #000 !important;
    background-color: #ffe20b;
}

a.shortcode.button.orange {
    border-color: #b57400;
    background-color: #f9800f;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}

a.shortcode.button.orange:hover {
    background-color: #ff9a22;
}

a.shortcode.button.orange.outline,
a.shortcode.button.orange.outline:hover {
    color: #f9800f !important;
    border-color: #f9800f;
}

a.shortcode.button.orange.outline:hover {
    color: #fff !important;
    background-color: #f9800f;
}

a.shortcode.button.blue {
    border-color: #0087b5;
    background-color: #49b3fc;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}

a.shortcode.button.blue:hover {
    background-color: #76c7ff;
}

a.shortcode.button.blue.outline,
a.shortcode.button.blue.outline:hover {
    color: #49b3fc !important;
    border-color: #49b3fc;
}

a.shortcode.button.blue.outline:hover {
    color: #fff !important;
    background-color: #49b3fc;
}

a.shortcode.button.green {
    border-color: #5a881d;
    background-color: #76ab3b;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}

a.shortcode.button.green:hover {
    background-color: #90c356;
}

a.shortcode.button.green.outline,
a.shortcode.button.green.outline:hover {
    color: #76ab3b !important;
    border-color: #76ab3b;
}

a.shortcode.button.green.outline:hover {
    color: #fff !important;
    background-color: #76ab3b;
}

/*
a.shortcode.button.red{
    border-color:#b00704;
    background-color:#e41d24;
    color:#fff !important;
    text-shadow:0 -1px 0 rgba(0,0,0,.1);
}
a.shortcode.button.red:hover{
    background-color:#fb4e55;
}
a.shortcode.button.red.outline,
a.shortcode.button.red.outline:hover{
    color:#e41d24 !important;
    border-color:#e41d24;
}
a.shortcode.button.red.outline:hover{
    color:#fff !important;
    background-color:#e41d24;
}
    */
a.shortcode.button.black {
    border-color: #000;
    background-color: #111;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .8);
}

a.shortcode.button.black:hover {
    background-color: #000;
}

a.shortcode.button.black.outline,
a.shortcode.button.black.outline:hover {
    color: #000 !important;
    border-color: #000;
}

a.shortcode.button.black.outline:hover {
    color: #fff !important;
    background-color: #000;
}

a.shortcode.button.purple {
    border-color: #400a5c;
    background-color: #7933ac;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
}

a.shortcode.button.purple:hover {
    background-color: #9655c6;
}

a.shortcode.button.purple.outline,
a.shortcode.button.purple.outline:hover {
    color: #7933ac !important;
    border-color: #7933ac;
}

a.shortcode.button.purple.outline:hover {
    color: #fff !important;
    background-color: #7933ac;
}

a.shortcode.button.gray {
    border-color: #767676;
    background-color: #888;
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}

a.shortcode.button.gray:hover {
    background-color: #adadad;
}

a.shortcode.button.gray.outline,
a.shortcode.button.gray.outline:hover {
    color: #888 !important;
    border-color: #888;
}

a.shortcode.button.gray.outline:hover {
    color: #fff !important;
    background-color: #888;
}

/* light color */
a.shortcode.button.white,
a.shortcode.button.white:hover {
    color: #000 !important;
    border-color: #eee;
    background-color: #fff;
}

a.shortcode.button.white.outline,
a.shortcode.button.white.outline:hover {
    color: #fff !important;
    border-color: #fff;
}

a.shortcode.button.white.outline:hover {
    color: #000 !important;
    background-color: #fff;
}

a.shortcode.button.light-yellow {
    border-color: #d5d28a;
    background-color: #fef8a5;
}

a.shortcode.button.light-yellow:hover {
    background-color: #fefcdf;
}

a.shortcode.button.light-yellow.outline,
a.shortcode.button.light-yellow.outline:hover {
    color: #fef8a5 !important;
    border-color: #fef8a5;
}

a.shortcode.button.light-yellow.outline:hover {
    color: #000 !important;
    background-color: #fef8a5;
}

a.shortcode.button.light-blue {
    border-color: #a4cad9;
    background-color: #c5efff;
}

a.shortcode.button.light-blue:hover {
    background-color: #e9f9ff;
}

a.shortcode.button.light-blue.outline,
a.shortcode.button.light-blue.outline:hover {
    color: #c5efff !important;
    border-color: #c5efff;
}

a.shortcode.button.light-blue.outline:hover {
    color: #000 !important;
    background-color: #c5efff;
}

a.shortcode.button.light-green {
    border-color: #bed49a;
    background-color: #ebf8d6;
}

a.shortcode.button.light-green:hover {
    background-color: #f9fff0;
}

a.shortcode.button.light-green.outline,
a.shortcode.button.light-green.outline:hover {
    color: #ebf8d6 !important;
    border-color: #ebf8d6;
}

a.shortcode.button.light-green.outline:hover {
    color: #000 !important;
    background-color: #ebf8d6;
}

a.shortcode.button.pink {
    border-color: #e6adc6;
    background-color: #facde1;
}

a.shortcode.button.pink:hover {
    background-color: #fdecf3;
}

a.shortcode.button.pink.outline,
a.shortcode.button.pink.outline:hover {
    color: #facde1 !important;
    border-color: #facde1;
}

a.shortcode.button.pink.outline:hover {
    color: #000 !important;
    background-color: #facde1;
}

a.shortcode.button.lavender {
    border-color: #ccb7e1;
    background-color: #ecd9ff;
}

a.shortcode.button.lavender:hover {
    background-color: #f7f0fe;
}

a.shortcode.button.lavender.outline,
a.shortcode.button.lavender.outline:hover {
    color: #ecd9ff !important;
    border-color: #ecd9ff;
}

a.shortcode.button.lavender.outline:hover {
    color: #000 !important;
    background-color: #ecd9ff;
}

/* gradient */
a.shortcode.button.gradient {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.35) 0%, rgba(170, 170, 170, 0.15) 66%, rgba(0, 0, 0, 0.05) 100%);
}

/* flat */
a.shortcode.button.flat {
    background-image: none;
    box-shadow: none;
    border: none;
    text-shadow: none;
}

/* outline */
a.shortcode.button.outline {
    border-style: solid;
    border-width: 1px;
    color: inherit;
}

a.shortcode.button.outline,
a.shortcode.button.outline:hover {
    background: none;
    box-shadow: none;
    text-shadow: none;
}

/* button size */
a.shortcode.button.small {
    font-size: 80%;
    font-weight: normal;
}

a.shortcode.button.large {
    font-size: 120%;
    font-weight: bold;
}

a.shortcode.button.xlarge {
    font-size: 150%;
    font-weight: bold;
}

@media screen and (max-width:600px) {
    a.shortcode.button.large {
        font-size: 115%;
        font-weight: bold;
    }

    a.shortcode.button.xlarge {
        font-size: 125%;
    }
}

/* button shape */
a.shortcode.button.rect {
    border-radius: 0;
}

a.shortcode.button.rounded {
    border-radius: 20em;
}

/* button embossed */
a.shortcode.button.embossed {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -2px 0 rgba(0, 0, 0, .2), inset 0 -3px 0 rgba(255, 255, 255, .2);
}

a.shortcode.button.embossed.small,
a.shortcode.button.small.embossed {
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 -2px 0 rgba(255, 255, 255, .2);
}

a.shortcode.button.embossed.large,
a.shortcode.button.large.embossed {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -3px 0 rgba(0, 0, 0, .2), inset 0 -4px 0 rgba(255, 255, 255, .2);
}

a.shortcode.button.embossed.xlarge,
a.shortcode.button.xlarge.embossed {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -3px 0 rgba(0, 0, 0, .2), inset 0 -5px 0 rgba(255, 255, 255, .2);
}

a.shortcode.button.block {
    display: block;
    text-align: center;
}

/* button icon */
a.shortcode.button[class^="fa-"]:before,
a.shortcode.button[class*=" fa-"]:before {
    width: 1em;
    background: none;
    font-size: inherit;
    text-align: center;
    margin: 0 .5em 0 -.5em;
}

/* button active */
.shortcode.button:active {
    position: relative;
    top: 1px;
}

/************************************************************************************
HR
*************************************************************************************/
.shortcode.hr {
    height: 1px;
    border: none;
    border-top: solid 1px #ccc;
    clear: both;
}

.shortcode.hr.red {
    border-color: #F30;
}

.shortcode.hr.blue {
    border-color: #69F;
}

.shortcode.hr.pink {
    border-color: #F9C;
}

.shortcode.hr.light-gray {
    border-color: #ddd;
}

.shortcode.hr.dark-gray {
    border-color: #999;
}

.shortcode.hr.black {
    border-color: #000;
}

.shortcode.hr.yellow {
    border-color: #FF0;
}

.shortcode.hr.orange {
    border-color: #F90;
}

.shortcode.hr.white {
    border-color: #fff;
}

/************************************************************************************
GRID
*************************************************************************************/
.shortcode.col4-1,
.shortcode.col4-2,
.shortcode.col4-3,
.shortcode.col3-1,
.shortcode.col3-2,
.shortcode.col2-1 {
    margin-left: 3.2%;
    float: left;
}

.shortcode.col4-1 {
    width: 22.6%;
}

.shortcode.col4-2,
.shortcode.col2-1 {
    width: 48.4%;
}

.shortcode.col4-3 {
    width: 74.2%;
}

.shortcode.col3-1 {
    width: 31.2%;
}

.shortcode.col3-2 {
    width: 65.6%;
}

.shortcode.col.first,
.shortcode.col4-1.first,
.shortcode.col4-2.first,
.shortcode.col4-3.first,
.shortcode.col3-1.first,
.shortcode.col3-2.first,
.shortcode.col2-1.first {
    margin-left: 0;
    clear: left;
}

div.shortcode[class*="col"]+*:not([class*="col"]) {
    clear: left;
}

/************************************************************************************
QUOTE
*************************************************************************************/
.shortcode.quote {
    font-size: 1.1em;
    line-height: 1.4em;
    padding: .8em 2em 1em;
    margin: 0 0 1.2em;
    position: relative;
}

.shortcode.quote:before {
    content: '\201C';
    font-size: 3.3em;
    position: absolute;
    margin-left: -.7em;
    margin-top: .2em;
}

/************************************************************************************
SHORTCODE BOX
*************************************************************************************/
.shortcode.box {
    background: #f6f6f6;
    border: solid 1px #ddd;
    padding: .5em 1em;
    margin: 0 0 15px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
}

/* box color */
.shortcode.box.blue {
    background: #3cafff;
    border-color: #2786cf;
    color: #fff !important;
}

.shortcode.box.green {
    background: #78ac3e;
    border-color: #5e8127;
    color: #fff !important;
}

.shortcode.box.red {
    background: #ed1c24;
    border-color: #b81e14;
    color: #fff !important;
}

.shortcode.box.purple {
    background: #722ea4;
    border-color: #471e72;
    color: #fff !important;
}

.shortcode.box.yellow {
    background: #fff200;
    border-color: #ffd200;
}

.shortcode.box.orange {
    background: #f7941d;
    border-color: #c56102;
    color: #fff !important;
}

.shortcode.box.light-yellow {
    background: #fffcd3;
    border-color: #dedba3;
}

.shortcode.box.light-blue {
    background: #d9f4fe;
    border-color: #a4cfe0;
}

.shortcode.box.lavender {
    background: #f2e6fe;
    border-color: #d1bae9;
}

.shortcode.box.pink {
    background: #ffe6f1;
    border-color: #f0b6cf;
}

.shortcode.box.light-green {
    background: #edf6df;
    border-color: #b8cd97;
}

.shortcode.box.gray {
    background: #9e9e9e;
    border-color: #858585;
    color: #fff !important;
}

.shortcode.box.black {
    background: #111;
    border-color: #000;
    color: #fff !important;
}

/* box link */
.shortcode.box.purple a,
.shortcode.box.orange a,
.shortcode.box.green a,
.shortcode.box.blue a,
.shortcode.box.black a,
.shortcode.box.gray a,
.shortcode.box.red a {
    color: #fff !important;
}

/* box rounded */
.shortcode.box.rounded {
    border-radius: .5em;
}

/* box shadow */
.shortcode.box.shadow {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.shortcode.box .tf_icon {
    width: 1em;
    background: none;
    font-size: 3em;
    text-align: center;
    margin: 5px 20px 5px 0;
    line-height: 1em;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
}

/* box heading */
.shortcode.box h1,
.shortcode.box h2,
.shortcode.box h3,
.shortcode.box h4,
.shortcode.box h5,
.shortcode.box h6 {
    margin: .1em 0 .3em;
}

/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.shortcode.author-box {
    margin: 1em 0;
}

.shortcode.author-box p {
    margin: 0 0 .5em;
}

.shortcode.author-box .author-avatar {
    margin: 0 1em .5em 0;
    position: static;
    display: inline-block
}

.shortcode.author-box .author-avatar img {
    border-radius: 5px;
}

.shortcode.author-box .author-name {
    margin: .1em 0 .4em;
}

.shortcode.author-box .author-bio {
    overflow: hidden;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

/* author box color */
.shortcode.author-box.blue {
    background: #3cafff;
    border-color: #2786cf;
}

.shortcode.author-box.green {
    background: #78ac3e;
    border-color: #5e8127;
}

.shortcode.author-box.red {
    background: #ed1c24;
    border-color: #b81e14;
}

.shortcode.author-box.purple {
    background: #722ea4;
    border-color: #471e72;
}

.shortcode.author-box.yellow {
    background: #fff200;
    border-color: #ffd200;
}

.shortcode.author-box.orange {
    background: #f7941d;
    border-color: #c56102;
}

.shortcode.author-box.light-yellow {
    background: #fffcd3;
    border-color: #dedba3;
}

.shortcode.author-box.light-blue {
    background: #d9f4fe;
    border-color: #a4cfe0;
}

.shortcode.author-box.lavender {
    background: #f2e6fe;
    border-color: #d1bae9;
}

.shortcode.author-box.pink {
    background: #ffe6f1;
    border-color: #f0b6cf;
}

.shortcode.author-box.light-green {
    background: #edf6df;
    border-color: #b8cd97;
}

.shortcode.author-box.gray {
    background: #9e9e9e;
    border-color: #858585;
}

.shortcode.author-box.black {
    background: #111;
    border-color: #000;
}

/* light box color */
.shortcode.author-box.green,
.shortcode.author-box.yellow,
.shortcode.author-box.light-yellow,
.shortcode.author-box.light-blue,
.shortcode.author-box.lavender,
.shortcode.author-box.pink,
.shortcode.author-box.light-green {
    color: #333 !important;
    padding: 1em;
}

/* dark box color */
.shortcode.author-box.blue,
.shortcode.author-box.red,
.shortcode.author-box.purple,
.shortcode.author-box.orange,
.shortcode.author-box.gray,
.shortcode.author-box.black {
    color: #fff !important;
    padding: 1em;
}

/* author box link */
.shortcode.author-box.purple a,
.shortcode.author-box.orange a,
.shortcode.author-box.green a,
.shortcode.author-box.blue a,
.shortcode.author-box.black a,
.shortcode.author-box.gray a,
.shortcode.author-box.red a {
    color: #fff !important;
}

.shortcode.author-box.yellow a,
.shortcode.author-box.light-yellow a,
.shortcode.author-box.light-blue a,
.shortcode.author-box.lavender a,
.shortcode.author-box.pink a,
.shortcode.author-box.light-green a {
    color: #000 !important;
}

/* author box rounded */
.shortcode.author-box.rounded {
    border-radius: 8px;
}

/* author box shadow */
.shortcode.author-box.shadow {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

/************************************************************************************
MAP
*************************************************************************************/
.shortcode.map .map-container {
    margin: 0 0 1em;
    border: solid 1px #ccc;
}

/************************************************************************************
SLIDER
*************************************************************************************/
.themify-shortcodes-slider {
    height: 0;
    /* height will be toggled by JS */
    visibility: hidden;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
    /* required for plugin compatibility */
}

/* slider post */
.themify-shortcodes-slider .post {
    margin: 0;
    padding: 0;
    text-align: center;
}

/* slides base h1,h2,h3,h4,h5,h6 */
.themify-shortcodes-slider h1,
.themify-shortcodes-slider h2,
.themify-shortcodes-slider h3,
.themify-shortcodes-slider h4,
.themify-shortcodes-slider h5,
.themify-shortcodes-slider h6 {
    margin: 0 0 .4em;
}

/* slides post image */
.themify-shortcodes-slider .post-image {
    margin: 0 0 .8em;
    padding: 0;
    float: none;
    text-align: center;
    max-width: 100%;
    width: auto;
}

/* slides post title */
.themify-shortcodes-slider .post-title {
    margin: 0 0 .4em;
    padding: 0;
    font-size: 115%;
}

/* slides post content */
.themify-shortcodes-slider .post-content {
    font-size: 95%;
    width: auto;
    max-width: 100%;
}

/*
CAROUSEL STYLES
================================================ */
.themify-shortcodes-slider .carousel-wrap {
    position: relative;
    margin-bottom: .8em;
    padding: 0;
}

/* base slides */
.themify-shortcodes-slider .slides {
    margin: 0;
    padding: 0;
    height: auto;
}

.themify-shortcodes-slider .slides>li {
    list-style: none !important;
    margin: 0 10px 0 0;
    padding: 0;
    width: auto;
    height: auto !important;
    float: left;
    text-align: center;
    clear: none;
}

.slider.shortcode .post {
    animation-name: inherit !important;
}

.themify-shortcodes-slider .post-video {
    padding-top: 0;
}

/* slider-nav */
.themify-shortcodes-slider .carousel-nav-wrap {
    text-align: center;
    margin: 1em auto .7em;
    border: none;
    width: auto !important;
}

.themify-shortcodes-slider .carousel-prev,
.themify-shortcodes-slider .carousel-next {
    position: static;
    display: inline-block !important;
    font: 26px/100% Arial, Helvetica, sans-serif;
    color: inherit;
    line-height: 100%;
    text-indent: 0;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    height: 26px;
    width: 26px;
    overflow: hidden;
    padding: 1px 5px 0;
    box-sizing: border-box;
}

.themify-shortcodes-slider .carousel-nav-wrap .carousel-prev:before,
.themify-shortcodes-slider .carousel-nav-wrap .carousel-next:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid transparent;
    border-bottom-color: inherit;
    border-right-color: inherit;
    transform: rotateZ(135deg);
}

.themify-shortcodes-slider .carousel-nav-wrap .carousel-next:before {
    transform: rotateZ(-45deg);
}

/* carousel nav disabled */
.themify-shortcodes-slider .carousel-nav-wrap .disabled {
    opacity: 6;
    cursor: default;
}

/* carousel pager */
.themify-shortcodes-slider .carousel-pager {
    clear: both;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    line-height: 100%;
    width: auto;
    margin-left: .3em;
}

.themify-shortcodes-slider .carousel-pager a {
    line-height: 100%;
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    cursor: pointer;
    color: inherit;
    overflow: hidden;
    outline: none;
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-sizing: border-box;
    border: 1px solid;
    transition: all .3s ease-in-out;
}

.themify-shortcodes-slider .carousel-pager a span {
    display: none;
    /* hide pagination number text */
}

.themify-shortcodes-slider .carousel-pager a:hover,
.themify-shortcodes-slider .carousel-pager a.selected {
    border-width: 5px;
}

/* slider effect */
.themify-shortcodes-slider.effect-fade .caroufredsel_wrapper {
    transition: height .5s ease-in-out;
}

/* RTL SUPPORT */
.rtl .themify-shortcodes-slider .carousel-nav-wrap .carousel-prev,
.rtl .themify-shortcodes-slider .carousel-nav-wrap .carousel-next {
    transform: rotateY(180deg);
}

/************************************************************************************
TWITTER SHORTCODE
*************************************************************************************/
.shortcode.twitter-list {
    margin: 0 0 1.3em;
}

.shortcode.twitter-list ul {
    margin: 0;
    padding: 0;
}

.shortcode.twitter-list li {
    margin: 0 0 1em;
    padding: 0;
    list-style: none;
}

.shortcode.twitter-list .twitter-timestamp a {
    font-size: 85%;
    color: inherit;
    text-decoration: none;
}

.shortcode.twitter-list .follow-user {
    margin: 0;
    padding: .2em 0;
}

/************************************************************************************
ICON FONT SHORTCODE
*************************************************************************************/
.shortcode.themify-icon {
    display: inline-block;
}

.themify-icon-link {
    text-decoration: none !important;
    border: none !important;
}

/* label */
.shortcode.themify-icon .themify-icon-label {
    display: inline-block;
    vertical-align: middle;
    margin-left: .3em;
    margin-right: .6em;
}

.shortcode.themify-icon .themify-icon-link:hover .themify-icon-label {
    text-decoration: underline;
}

/* icon */
.shortcode.themify-icon svg.tf_fa {
    vertical-align: baseline;
}

.shortcode.themify-icon .themify-icon-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    margin-right: .4em;
    box-sizing: content-box;
    position: relative;
    line-height: 1;
    text-align: center;
    padding: .5em;
}

.shortcode.themify-icon.tf_circle_bg .themify-icon-icon {
    width: 1em;
    height: 1em;
    padding: .5em;
    border-radius: 100%;
}

.shortcode.themify-icon.tf_circle_bg .themify-icon-icon::before {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/* size */
.shortcode.themify-icon.small .themify-icon-icon {
    font-size: 12px;
}

.shortcode.themify-icon.large .themify-icon-icon {
    font-size: 24px;
}

.shortcode.themify-icon.large .themify-icon-label {
    font-size: 1.2em;
}

.shortcode.themify-icon.xlarge .themify-icon-icon {
    width: 58px;
    height: 58px;
    padding: 0;
    font-size: 36px;
}

.shortcode.themify-icon.xlarge .themify-icon-label {
    font-size: 1.2em;
}

/* style */
.shortcode.themify-icon.rounded .themify-icon-icon {
    border-radius: 5px;
}

.shortcode.themify-icon.squared .themify-icon-icon {
    border-radius: 0;
}

/************************************************************************************
ICON LIST SHORTCODE
*************************************************************************************/
.shortcode.themify-list ul {
    margin: 0
}

.shortcode.themify-list ul li {
    list-style: none;
    position: relative;
    padding: 0;
    padding-left: 2.2em;
    margin: 0 0 1em;
    line-height: 1.4;
}

.shortcode.themify-list li .themify-icon {
    position: absolute;
    top: -6px;
    /* same size as .themify-icon-icon padding */
    left: 0;
}

.rtl .shortcode.themify-list ul li {
    padding-left: 0;
    padding-right: 2.2em;
}

.rtl .shortcode.themify-list li .themify-icon {
    left: auto;
    right: 0;
}

.rtl .shortcode.themify-list li .themify-icon i {
    margin-left: 0;
    margin-right: .4em
}

/************************************************************************************
ICON FONT
*************************************************************************************/
a.shortcode.button[class^="fa-"]:before,
a.shortcode.button[class*=" fa-"]:before,
.shortcode.box[class^="fa-"]:before,
.shortcode.box[class*=" fa-"]:before {
    font-family: FontAwesome;
    line-height: 1em;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
}

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

    /*	GRID */
    .shortcode.col4-1,
    .shortcode.col4-2,
    .shortcode.col4-3,
    .shortcode.col3-1,
    .shortcode.col3-2,
    .shortcode.col2-1 {
        margin-left: 0;
        width: 100%;
        max-width: 100%;
    }
}