.firstText p
{
    line-height: 1.5em;
    font-weight: 300;
    text-align: center;
    font-size: 18px;
}

.orange
{
    background-color: #ff7534;
    color: #fff;
}

.testimonial-item {
    float: left;
    margin-bottom: 30px !important;
}

.testimonial-item .testi-content, #footer.footer-dark .testimonial-item .testi-content {
    background-color: #f96e5b;
    color: #f7f7f7;
    border: 1px solid #f96e5b;
    text-align: Left;
}

.testimonial-item .testi-author {
    color: #222222;
}

body, .entry_content, .testimonial-item .testi-content {
    font-size: 14px;
}

.testimonial-item .testi-content span, .testimonial-item .testi-content span.left {
    background-color: #f96e5b;
    border: 1px solid #f96e5b;
    border-top: 0;
    border-left: 0;
}

.testimonial-item .testi-content span, .testimonial-item .testi-content span.left {
    position: absolute;
    bottom: -8px;
    left: 35px;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #f96e5b;
    border-top: 0;
    border-left: 0;
    background-color: #f96e5b;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.testimonial-item .testi-content {
    background-color: #f96e5b;
    padding: 15px;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.testimonial-item .testi-author span {
    display: block;
    color: #222222;
    font-size: 11px;
    line-height: 16px;
    font-style: italic;
    font-weight: normal;
}

.testi-author
{
    font-weight: 500;
    color: #222222;
}

.bottommargin {
    margin-bottom: 30px !important;
}

.bgimg
{

}

/* ----------------------------------------------------------------
    Promo
-----------------------------------------------------------------*/
.promo-box-wrap {
    position: relative;
    z-index:1;
}
.promo-box{
    padding: 5px;
    background-color: #f7f7f7;
    /*margin-bottom: 30px;*/
    border: 1px solid #f96e5b;
}
.promo {
    position: relative;
    background-color: #ef6353;
    padding: 10px 18px;
}

.promo-desc {
    position: relative;
}

.promo h3 {
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
    padding-bottom: 0;
    margin-bottom:10px;
    color:#FFFFFF;
    margin-top:5px;
}

.promo h3 > span { color: #f96e5b; }

.promo-desc > span {
    display: block;
    margin-top: 3px;
    font-size: 15px;
    line-height: 22px;
    color: #777;
}

.promo-desc ul > li
{
    font-size: 14px;
}

.promo-action {
    position: absolute;
    right: 20px;
    top: 48%;
    margin-top: -20px;
    /*max-width: 150px;*/
}
.center .promo-action {
    position:relative;
    right:auto;
    top: auto;
    margin-top:10px;
}
.promo-shadow:before, .promo-shadow:after {
    bottom: 15px;
    left: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    position: absolute;
    content: '';
    z-index: -1;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0,0,0,0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.promo-shadow:after {
    right: 10px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg);
}


.audio_col_top
{
    padding-top:25px;
}

.back
{
    background-color: rgb(203, 232, 255);
}


.ls-layer,
.ls-layer * {
    font-family: Arial, sans-serif;
    font-weight: normal;
    text-shadow: none !important;
}

.ls-s-1 {
    border-radius: 100px;
    font-weight: normal;
}

.plus,
.plus2 {
    text-align: center;
    width: 50px;
    height: 50px;
    font-size: 50px;
    line-height: 50px;
    background: #eee;
}

.plus {
    color: #3b173d;
}

.plus2 {
    color: #1e73be;
}

.text,
.text2 {
    font-size: 26px;
}

.text {
    color: #eee;
}

.text2 {
    color: #1e73be;
}


.promo-text h3>span
{
    color:#f96e5b;
}

.contact_form
{
    padding-top:10px;
}


.title-outer {
    border-bottom-color: #bfbfbf;
}


.title-outer {
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}


.title-outer h3, .title-outer i {
    border-color: #f96e5b;
}

.title-outer h3 {
    display: inline-block;
    position: relative;
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    margin:0 0 15px;
}

.title-outer i {
    float: right;
    font-size: 16px;
    position: relative;
    line-height: 22px;
    border-bottom:1px solid #f96e5b;
    display:block;
    padding-bottom:7px;
    bottom:8px;
}

.product-feature {
    position: relative;
    padding-left: 50px;
}

h3.featured {
    color: #333333;
}

.product-feature h3 {
    padding-bottom: 7px;
}

.default_color {
    background-color: #333333;
    color: #ffffff;
}

.default_color:hover{
    color: #ffffff;
}

.tob_bar_right_col a
{
    color: #ffffff;
}
.centered{text-align:center;}
.examples .title {margin:10px 0 30px;}
.promo-text{
    margin:35px 0 25px;
}
.promo-text h3{font-size:20px;}
.indent{padding-left:20px;margin:15px 0 25px;}

.promo-blue .promo {
    background-color: #1b75bc;
}

.promo-blue {
    border-color: #1b75bc;
}
.modal-dialog {
    margin-top: 150px;
}
.promo-blue.cta{
    cursor:pointer;
}

.promo-blue.cta{
    cursor:pointer;
}
.promo-blue.cta h3{
    padding-left:25px;
}
.promo-blue.cta h3:before{
    content: "\f055";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    left:0px;
    position:absolute;
    top:calc(50% - 18px);
}
.promo-box:not(.promo-blue) .promo{
    min-height:250px;
}

.r-embed, .r-youtube, .r-map, .r-square { //16:9
overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    max-width:300px;
    margin:auto;
}

.r-youtube {
    padding-bottom:60.72%;
}
.r-map {
    padding-bottom:75%;
}
.r-square {
    padding-bottom:100%;
}

.r-embed iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}