
/*-----------------------------------------------------------------------------------*/
/*  Custom textbox shortcode
/*-----------------------------------------------------------------------------------*/
.custom-textbox .textBox {
    padding: 27px;
    width: 100%;
    height: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-textbox {
    padding:10px;
    position: relative;
    margin-bottom:10px;
}

.custom-textbox .custom-textbox-bg {
    content:"";
    position: absolute;
    height: 100%;
    width: 0;
    background-color:#fff;
    top:0;
    left:0;
    z-index: 0;
    -webkit-transition: width .7s ease-in-out 0s;
    -moz-transition: width .7s ease-in-out 0s;
    -o-transition: width .7s ease-in-out 0s;
    transition: width .7s ease-in-out 0s;
}

.custom-textbox.bg-animated .custom-textbox-bg {
    width: 100%;
}

.custom-textbox .textBox .text {
    opacity:0;
    -webkit-transition: opacity .4s ease-in-out 1s;
    -moz-transition: opacity .4s ease-in-out 1s;
    -o-transition: opacity .4s ease-in-out 1s;
    transition: opacity .4s ease-in-out 1s;
}

.custom-textbox.active .textBox .text {
    opacity:1;
}

.custom-textbox .textBox .title {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    -moz-transition: -moz-transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    -o-transition: -o-transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    transition: transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
}

.custom-textbox.active .textBox .title {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    word-wrap: break-word;
    box-sizing: border-box;
    width: 100%;
}

.custom-textbox .textBox .subtitle {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
    -moz-transition: -moz-transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
    -o-transition: -o-transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
    transition: transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
}

.custom-textbox.active .textBox .subtitle {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}


/*-----------------------------------------------------------------------------------*/
/*  30. Textbox shortcode
/*-----------------------------------------------------------------------------------*/
.textBox .title {
    font-size:26px;
    line-height:34px;
    font-weight: 700;
    color:#101010;
    text-decoration:none;
    float:left;
}

.textBox .title a {
    color:inherit;
    text-decoration:none;

    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.textBox .title a:hover {
    opacity:.6;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.textBox .subtitle {
    display:block;
    color:#363636;
    font-weight:400;
}

.textLeftBorder .title {
    border-left:solid #073B87 8px;
    padding-left:16px;
}

.textBox .text {
    font-weight:400;
}

.textBox.textRightBorder .title {
    border-right:2px solid #000;
    text-align:right;
    float:right;
}

.textBox.textRightBorder .title.no-subtitle,
.textBox.textLeftBorder .title.no-subtitle {
    padding-bottom: 12px;
}

.textBox.textLeftBorder .title {
    border-left:2px solid #000;
}

.textBox.textLeftBorder:not(.disableContentBorder) .title {
    width:calc(100% - 20px);
}

.textBox.textTopBorder hr {
    width:50%;
    height:2px;
    background-color:#000;
    margin:0 0 14px;
}

.textBox.textBottomBorder hr {
    width:50%;
    height:2px;
    background-color:#000;
    margin:7px 0 0px;
}

/* Alignment for text box description */


.textBox.textBoxRight .text {
    text-align:right;
}

.textBox.textBoxCenter .text {
    text-align:center;
}

/* undeline Align - top and Bottom */
.textBox.textBoxUnderCenter .title hr {
    margin-right:auto;
    margin-left:auto;
    max-width:140px;
}

.textBox.textBoxUnderCenter .title  {
    width:100%;
    text-align:center;
}

.textBox.textBoxUnderRight .title hr {
    margin:20px 0 0 auto;
}

.textBox.textBoxUnderRight.textTopBorder .title hr {
    margin:0 0 20px auto;
}

.textBox.textBoxUnderRight .title  {
    float:right;
    text-align:right;
}

/* text box - size 20 */
.textBox.fontSize20 .title {
    font-size:20px;
    line-height:30px;
}

.textBox.textRightBorder.fontSize20 .title {
    padding-right:21px;
    padding-top:12px;
    padding-bottom:5px;
}

.textBox.textLeftBorder.fontSize20 .title {
    padding-left:20px;
    padding-top:9px;
    padding-bottom:5px;
}

.textBox.textRightBorder.fontSize20.nosubtitle .title ,
.textBox.textLeftBorder.fontSize20.nosubtitle .title {
    padding-bottom:9px;
}

.textBox.fontSize20 .text {
    padding-top:15px;
}

.textBox.fontSize20 .subtitle {
    line-height:21px;
    font-size:13px;
}

.textBox.textTopBorder.fontSize20 .text {
    padding-top:24px;
}

.textBox.fontSize20.textBottomBorder .text {
    padding-top:23px;
}

/* text box - size 24 */
.textBox.fontSize24 .title {
    font-size:24px;
    line-height:35px;
}

.textBox.textRightBorder.fontSize24 .title {
    padding-right:23px;
    padding-top:7px;
}

.textBox.textLeftBorder.fontSize24 .title {
    padding-left:22px;
    padding-top:7px;
}

.textBox.textRightBorder.fontSize24.nosubtitle .title ,
.textBox.textLeftBorder.fontSize24.nosubtitle .title {
    padding-bottom:8px;
}

.textBox.fontSize24 .text {
    padding-top:15px;
}

.textBox.fontSize24 .subtitle {
    line-height:22px;
    font-size:14px;
}

.textBox.fontSize24.textBottomBorder .text {
    padding-top:18px;
}

/* text box - size 32 */
.textBox.fontSize32 .title {
    font-size:32px;
    line-height:44px;
}

.textBox.textRightBorder.fontSize32 .title {
    padding-right:15px;
    padding-top:7px;
}

.textBox.textLeftBorder.fontSize32 .title {
    padding-left:15px;
    padding-top:4px;
}

.textBox.textRightBorder.fontSize32.nosubtitle .title ,
.textBox.textLeftBorder.fontSize32.nosubtitle .title {
    padding-bottom:5px;
}

.textBox.fontSize32 .text {
    padding-top:15px;
}

.textBox.fontSize32 .subtitle {
    line-height:25px;
    font-size:15px;
}

/* text box - size 40 */
.textBox.fontSize40 .title {
    font-size:40px;
    line-height:53px;
}

.textBox.textRightBorder.fontSize40 .title {
    padding-right:23px;
    padding-top:16px;
}

.textBox.textLeftBorder.fontSize40 .title {
    padding-left:22px;
    padding-top:8px;
}

.textBox.textRightBorder.fontSize40.nosubtitle .title ,
.textBox.textLeftBorder.fontSize40.nosubtitle .title {
    padding-bottom:10px;
}

.textBox.fontSize40 .text {
    padding-top:16px;
}

.textBox.fontSize40 .subtitle {
    line-height:25px;
    padding-left:4px;
    padding-right:4px;
    font-size:16px;
}

.textBox.fontSize48.textBottomBorder .text {
    padding-top:23px;
}

.textBox.textTopBorder.fontSize40 .text {
    padding-top:15px;
}

/* text box - size 48 */
.textBox.fontSize48 .title {
    font-size:48px;
    line-height:60px;
}

.textBox.textRightBorder.fontSize48 .title {
    padding-right:23px;
    padding-top:22px;
}

.textBox.textLeftBorder.fontSize48 .title {
    padding-left:22px;
    padding-top:8px;
}

.textBox.textRightBorder.fontSize48.nosubtitle .title,
.textBox.textLeftBorder.fontSize48.nosubtitle .title {
    padding-bottom:7px;
}

.textBox.fontSize48 .text {
    padding-top:18px;
}

.textBox.textTopBorder.fontSize48 .text {
    padding-top:15px;
}

.textBox.fontSize48 .subtitle {
    line-height:30px;
    padding-left:4px;
    padding-right:4px;
    font-size:18px;
}

/* text box - size 60 */
.textBox.fontSize60 .title {
    font-size:60px;
    line-height:70px;
}

.textBox.fontSize60 .text {
    padding-top:20px;
}

.textBox.textRightBorder.fontSize60 .title {
    padding-right:23px;
    padding-top:27px;
}

.textBox.textLeftBorder.fontSize60 .title {
    padding-left:23px;
    padding-top:15px;
}

.textBox.textRightBorder.fontSize60.nosubtitle .title ,
.textBox.textLeftBorder.fontSize60.nosubtitle .title {
    padding-bottom:19px;
}

.textBox.fontSize60 .subtitle {
    line-height:30px;
    padding-left:4px;
    padding-right:4px;
    font-size:20px;
}

/* text box - size 80 */
.textBox.fontSize80 .title {
    font-size:80px;
    line-height:90px;
}

/* text box - size 100 */
.textBox.fontSize100 .title {
    font-size:100px;
    line-height:110px;
}

.textBox.textRightBorder.fontSize80 .title {
    padding-right:23px;
    padding-top:20px;
}

.textBox.textLeftBorder.fontSize80 .title {
    padding-left:23px;
    padding-top:10px;
}

.textBox.textRightBorder.fontSize80.nosubtitle .title ,
.textBox.textLeftBorder.fontSize80.nosubtitle .title {
    padding-bottom:11px;
}

.textBox.fontSize80 .subtitle {
    font-size:22px;
    line-height:35px;
}

.textBox.fontSize100  .text,
.textBox.fontSize80 .text {
    padding-top:20px;
}

.textBox.fontSize100 .subtitle {
    font-size:25px;
    line-height:35px;
}


.textBox.textBoxNoStyle .title   {
    margin-bottom:10px;
}

.textBox.textBoxUnderline .title  hr  {
    height:6px;
    width:15%;
    background-color:#101010;
    margin:3px 0 0 0;
}

.textBox.fontSize32.textBoxUnderline .title hr  , .textBox.fontSize45.textBoxUnderline .title hr {
    margin:15px 0 0;
}

.textBox.fontSize32.textBoxUnderline .title hr  , .textBox.fontSize38.textBoxUnderline .title hr  , .textBox.fontSize45.textBoxUnderline .title hr {
    margin-top:15px;
}

.textBox.fontSize25.textBoxUnderline .title hr {
    margin-top:10px;
}

.textBox.textBoxNoStyle .title hr {
    display:none;
}

.textBox .text.contentfs12 {
    font-size:12px;
}

.textBox .text.contentfs13 {
    font-size:13px;
    line-height:23px;
}

.textBox .text.contentfs14 {
    font-size:14px;
    line-height:24px;
}

.textBox .text.contentfs15 {
    font-size:15px;
    line-height:26px;
}

.textBox .text.contentfs16 {
    font-size:16px;
    line-height:28px;
}

.textBox .text.contentfs17 {
    font-size:17px;
    line-height:30px;
}

.textBox .text.contentfs18 {
    font-size:18px;
    line-height:32px;
}

.textBox .text.contentfs19 {
    font-size:19px;
    line-height:33px;
}

.textBox .text.contentfs20 {
    font-size:20px;
    line-height:34px;
}

.textBox .text.contentfs22 {
    font-size: 22px;
    line-height: 37px;
}

.textBox .text.contentfs24 {
    font-size:24px;
    line-height:39px;
}

.textLeftBorder.fontSize123 .title {
    border-left:15px solid #073B87;
}

.textLeftBorder  .title hr {
    height:0;
    margin:15px 0;
}

.textLeftBorder.fontSize123 .title hr {
    height:0;
    margin:30px 0;
}

.textBox.textLeftBorder.fontSize25 .title{
    font-size:25px;
    line-height: 25px;
}

.textBox.textLeftBorder.fontSize32 .title {
    font-size:32px;
    line-height: 40px;
}

.textBox.textLeftBorder.fontSize38 .title {
    font-size:38px;
    line-height: 35px;
}

.textBox.textLeftBorder.fontSize45 .title {
    font-size:45px;
    line-height:39px;
}

.textBox.textLeftBorder.fontSize56 .title{
    font-size:56px;
    line-height:48px;
}

.textBox.textLeftBorder.fontSize123 .title {
    font-size: 123px;
    line-height: 110px;
}

/* border animation - custom text box */
.custom-textbox .frame,
.custom-textbox .frame div {
    position: absolute;
}

.custom-textbox .frame.top {
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
}

.custom-textbox .frame.right {
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
}

.custom-textbox .frame.bottom {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
}

.custom-textbox .frame.left {
    left: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
}

.custom-textbox .frame div {
    background-color:#000;
    width:0;
    height:2px;
}

.custom-textbox .frame.top div,
.custom-textbox .frame.bottom div {
    -webkit-transition: width 1s ease-in-out .35s;
    -moz-transition: width 1s ease-in-out .35s;
    -o-transition: width 1s ease-in-out .35s;
    transition: width 1s ease-in-out .35s;
}

.custom-textbox .frame.left div,
.custom-textbox .frame.right div {
    -webkit-transition: height 1s ease-in-out .35s;
    -moz-transition: height 1s ease-in-out .35s;
    -o-transition: height 1s ease-in-out .35s;
    transition: height 1s ease-in-out .35s;
}

.custom-textbox .frame.top div {
    width:0;
    height:2px;
    left:0;
}

.custom-textbox .frame.bottom div {
    width:0;
    height:2px;
    right:0;
}

.custom-textbox .frame.left div {
    width:2px;
    height:0;
    bottom:0;
}

.custom-textbox .frame.right div {
    width:2px;
    height:0;
    top:0;
}

.custom-textbox.active .frame.top div,
.custom-textbox.active .frame.bottom div {
    width:100%;
}

.custom-textbox.active .frame.left div,
.custom-textbox.active .frame.right div {
    height:100%;
}



.custom-textbox .textBox {
    padding: 27px;
    width: 100%;
    height: 100%;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.custom-textbox {
    padding:10px;
    position: relative;
    margin-bottom:10px;
}

.custom-textbox .custom-textbox-bg {
    content:"";
    position: absolute;
    height: 100%;
    width: 0;
    background-color:#fff;
    top:0;
    left:0;
    z-index: 0;
    -webkit-transition: width .7s ease-in-out 0s;
    -moz-transition: width .7s ease-in-out 0s;
    -o-transition: width .7s ease-in-out 0s;
    transition: width .7s ease-in-out 0s;
}

.custom-textbox.bg-animated .custom-textbox-bg {
    width: 100%;
}

.custom-textbox .textBox .text {
    opacity:0;
    -webkit-transition: opacity .4s ease-in-out 1s;
    -moz-transition: opacity .4s ease-in-out 1s;
    -o-transition: opacity .4s ease-in-out 1s;
    transition: opacity .4s ease-in-out 1s;
}

.custom-textbox.active .textBox .text {
    opacity:1;
}

.custom-textbox .textBox .title {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    -moz-transition: -moz-transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    -o-transition: -o-transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
    transition: transform .5s ease-in-out .5s, opacity .5s ease-in-out .5s;
}

.custom-textbox.active .textBox .title {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    word-wrap: break-word;
    box-sizing: border-box;
    width: 100%;
}

.custom-textbox .textBox .subtitle {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
    -moz-transition: -moz-transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
    -o-transition: -o-transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
    transition: transform 1s ease-in-out .5s, opacity 1s ease-in-out .5s;
}

.custom-textbox.active .textBox .subtitle {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.rntp-textbox-wrap .title{
    float: none !important;
}