Your IP : 3.143.7.53


Current Path : /home/ncdcgo/public_html/wp-content/plugins/Ultimate_VC_Addons/assets/css/
Upload File :
Current File : /home/ncdcgo/public_html/wp-content/plugins/Ultimate_VC_Addons/assets/css/dual-button.css

.ult_dual_button {
    position: relative
}
a.ult_ivan_button {
    text-decoration: none;
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    -ms-box-sizing: initial;
    box-sizing: initial
}
.ult_dual_button.to-left {
    text-align: left
}
.ult_dual_button.to-right {
    text-align: right
}
.ult_dual_button.to-center {
    text-align: center;
    width: 100%
}
.ult_dual_button .ulitmate_dual_buttons .ult_dualbutton-wrapper {
    float: left;
    position: relative
}
.ult_dual_button.large-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
    border-width: 4px 1px 4px 4px
}
.ult_dual_button.large-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
    border-width: 4px 4px 4px 1px
}
.ult_dual_button.auto-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
    border-right-width: 1px
}
.ult_dual_button.auto-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
    border-left-width: 1px
}
.ult_dual_button.thin-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button {
    border-width: 1px
}
.ult_dual_button.thin-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
    border-width: 1px 1px 1px 0
}
.ult_dual_button.thin-borders .middle-text {
    border-width: 1px;
    line-height: 23px
}
.ult_dual_button.no-borders .middle-text,
.ult_dual_button.no-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:first-child .ult_ivan_button,
.ult_dual_button.no-borders .ulitmate_dual_buttons .ult_dualbutton-wrapper:last-child .ult_ivan_button {
    border-width: 0
}
.ult_dual_button .middle-text {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    height: 26px;
    width: 26px;
    line-height: 1;
    text-align: center;
    background: #fff;
    color: #7f7f7f;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    font-size: 11px;
    border: 2px solid #e7e7e7;
    font-weight: 400;
    z-index: 12;
    -webkit-transition: border-color ease 500ms, background ease 500ms, color ease 500ms;
    transition: border-color ease 500ms, background ease 500ms, color ease 500ms
}
.ult_dual_button .middle-text .middle-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: .8em
}
.ult_dual_button .gray-bg .middle-text {
    border-color: #ddd;
    color: #bbb
}
.ult_dual_button .dark-bg .middle-text {
    border-color: #20262c;
    background: #20262c;
    color: #fff
}
.ult_dual_button .light-bg .middle-text {
    border-color: #fff;
    color: #444
}
.ult_dual_button .primary-bg .middle-text {
    border-color: rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .2);
    color: #fff
}
.ivan-button-align.to-left {
    text-align: left
}
.ivan-button-align.to-right {
    text-align: right
}
.ivan-button-align.to-center {
    text-align: center
}
.ult_dualbutton-wrapper {
    display: inline-block
}
.ult_dualbutton-wrapper.btn-block,
.ult_dualbutton-wrapper.btn-block .ult_ivan_button {
    display: block
}
.ult_dualbutton-wrapper.btn-block .ult_ivan_button.btn-desc {
    text-align: left
}
.ult_ivan_button {
    display: block;
    vertical-align: middle;
    overflow: hidden;
    text-align: center;
    position: relative;
    -webkit-transition: border-color ease 500ms, background ease 500ms, color ease 500ms;
    transition: border-color ease 500ms, background ease 500ms, color ease 500ms;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    color: #7f7f7f;
    border: 2px solid #e7e7e7;
    background-color: #fff;
    padding: .5em 0
}
.ult_ivan_button hr {
    background-color: #e7e7e7;
    border: none;
    -webkit-transition: background ease 150ms;
    transition: background ease 150ms
}
.ult_ivan_button:hover {
    color: #fff
}
.ult_ivan_button:hover hr {
    background-color: #fff;
    border: none
}
.ult_ivan_button.outline {
    border-width: 2px;
    background-color: transparent
}
.ult_ivan_button.outline:hover {
    border-color: #2ac56c;
    color: #2ac56c
}
.ult_ivan_button.outline:hover hr {
    background-color: #2ac56c
}
.ult_ivan_button.no-border {
    border-width: 0;
    background-color: #f7f7f7
}
.ult_ivan_button.no-border:hover {
    background-color: #2ac56c;
    border-color: #2ac56c
}
.ult_ivan_button.square {
    -webkit-border-radius: 0;
    border-radius: 0
}
.ult_ivan_button.round {
    -webkit-border-radius: 50px;
    border-radius: 50px
}
.ult_ivan_button.round-square {
    -webkit-border-radius: inherit;
    border-radius: inherit
}
.ult_ivan_button.circular {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    padding: 0;
    width: 53px;
    height: 53px
}
.ult_ivan_button.circular .center-holder {
    display: table;
    width: 100%;
    height: 100%
}
.ult_ivan_button.circular .center-inner {
    display: table-cell;
    vertical-align: middle
}
.ult_ivan_button.circular .icon-simple {
    display: block;
    padding: 0 0 5px;
    width: auto
}
.ult_ivan_button.circular .text-btn {
    padding: 0;
    display: block
}
.ult_ivan_button.circular.only-icon {
    padding: 0
}
.ult_ivan_button.circular.only-icon .icon-simple {
    padding: 0;
    font-size: 25px
}
.ult_ivan_button .text-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 0 22px
}
.ult_ivan_button .icon-simple {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px 0 22px;
    font-size: 16px;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.ult_ivan_button .icon-simple.icon-text {
    width: auto
}
.ult_ivan_button.icon-before .icon-simple {
    padding: 0 10px
}
.ult_ivan_button.icon-before .text-btn {
    padding-left: 0
}
.ult_ivan_button.icon-after .icon-simple {
    padding: 0 10px
}
.ult_ivan_button.icon-after .text-btn {
    padding-right: 0
}
.ult_ivan_button.icon-cover.with-icon {
    padding: 0
}
.ult_ivan_button.icon-cover.with-icon .icon-simple {
    display: inline-block;
    vertical-align: middle;
    padding: 13px;
    background-color: rgba(0, 0, 0, .2)
}
.ult_ivan_button.icon-cover.with-icon.icon-before .text-btn {
    padding-left: 13px
}
.ult_ivan_button.icon-cover.with-icon.icon-after .text-btn {
    padding-right: 13px
}
.ult_ivan_button.text-separator.with-icon.icon-before .text-btn {
    border-left: 1px solid rgba(255, 255, 255, .25);
    padding-left: 10px
}
.ult_ivan_button.text-separator.with-icon.icon-after .text-btn {
    border-right: 1px solid rgba(255, 255, 255, .25);
    padding-right: 10px
}
.ult_ivan_button.glow-icon .icon-simple i {
    text-shadow: rgba(255, 255, 255, .4)0 0 20px
}
.ult_ivan_button.button-zoom {
    -webkit-transition: all ease 300ms;
    transition: all ease 300ms;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.ult_ivan_button.button-zoom:hover {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}
.ult_ivan_button.only-icon .icon-simple {
    padding-left: 16px;
    padding-right: 16px;
    line-height: 1
}
.ult_ivan_button.btn-desc .text-btn-inner {
    display: block;
    vertical-align: middle;
    font-size: 13px
}
.ult_ivan_button.btn-desc .text-desc {
    display: block;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 400
}
.ult_ivan_button.btn-desc.with-icon .text-btn {
    text-align: left
}
.ult_ivan_button.large {
    font-size: 18px;
    padding: 16px 0
}
.ult_ivan_button.large.circular {
    width: 67px;
    height: 67px
}
.ult_ivan_button.large.circular.only-icon .icon-simple {
    font-size: 28px
}
.ult_ivan_button.large .text-btn {
    padding: 0 24px
}
.ult_ivan_button.large .icon-simple {
    padding: 0 12px 0 24px;
    font-size: 22px
}
.ult_ivan_button.large.icon-before .icon-simple {
    padding: 0 12px 0 19px
}
.ult_ivan_button.large.icon-before .text-btn {
    padding-left: 0
}
.ult_ivan_button.large.icon-after .icon-simple {
    padding: 0 19px 0 12px
}
.ult_ivan_button.large.icon-after .text-btn {
    padding-right: 0
}
.ult_ivan_button.large.icon-cover.with-icon .icon-simple {
    padding: 16px 17px
}
.ult_ivan_button.large.icon-cover.with-icon.icon-before .text-btn {
    padding-left: 17px
}
.ult_ivan_button.large.icon-cover.with-icon.icon-after .text-btn {
    padding-right: 17px
}
.ult_ivan_button.large.text-separator.with-icon.icon-before .text-btn {
    padding-left: 12px
}
.ult_ivan_button.large.text-separator.with-icon.icon-after .text-btn {
    padding-right: 12px
}
.ult_ivan_button.large.only-icon .icon-simple {
    padding-left: 20px;
    padding-right: 20px
}
.ult_ivan_button.large.btn-desc .text-btn-inner,
.ult_ivan_button.large.btn-desc .text-desc {
    font-size: 13px
}
.ult_ivan_button.x-large {
    font-size: 20px;
    padding: 22px 0
}
.ult_ivan_button.x-large.circular {
    width: 85px;
    height: 85px
}
.ult_ivan_button.x-large.circular.only-icon .icon-simple {
    font-size: 34px
}
.ult_ivan_button.x-large .text-btn {
    padding: 0 36px
}
.ult_ivan_button.x-large .icon-simple {
    padding: 0 18px 0 36px;
    font-size: 26px
}
.ult_ivan_button.x-large.icon-before .icon-simple {
    padding: 0 18px 0 27px
}
.ult_ivan_button.x-large.icon-before .text-btn {
    padding-left: 0
}
.ult_ivan_button.x-large.icon-after .icon-simple {
    padding: 0 27px 0 18px
}
.ult_ivan_button.x-large.icon-after .text-btn {
    padding-right: 0
}
.ult_ivan_button.x-large.icon-cover.with-icon .icon-simple {
    padding: 22px 25px
}
.ult_ivan_button.x-large.icon-cover.with-icon.icon-before .text-btn {
    padding-left: 25px
}
.ult_ivan_button.x-large.icon-cover.with-icon.icon-after .text-btn {
    padding-right: 25px
}
.ult_ivan_button.x-large.text-separator.with-icon.icon-before .text-btn {
    padding-left: 18px
}
.ult_ivan_button.x-large.text-separator.with-icon.icon-after .text-btn {
    padding-right: 18px
}
.ult_ivan_button.x-large.only-icon .icon-simple {
    padding-left: 30px;
    padding-right: 30px
}
.ult_ivan_button.x-large.btn-desc .text-btn-inner {
    font-size: 14px
}
.ult_ivan_button.x-large.btn-desc .text-desc {
    font-size: 13px
}
.ult_ivan_button.compact {
    font-size: 14px;
    padding: 5px 0
}
.ult_ivan_button.compact.circular {
    width: 36px;
    height: 36px
}
.ult_ivan_button.compact.circular.only-icon .icon-simple {
    font-size: 14px
}
.ult_ivan_button.compact .text-btn {
    padding: 0 10px
}
.ult_ivan_button.compact .icon-simple {
    padding: 0 10px;
    font-size: 16px
}
.ult_ivan_button.compact.icon-before .icon-simple {
    padding: 0 10px
}
.ult_ivan_button.compact.icon-before .text-btn {
    padding-left: 0
}
.ult_ivan_button.compact.icon-after .icon-simple {
    padding: 0 10px
}
.ult_ivan_button.compact.icon-after .text-btn {
    padding-right: 0
}
.ult_ivan_button.compact.icon-cover.with-icon .icon-simple {
    padding: 5px 10px
}
.ult_ivan_button.compact.icon-cover.with-icon.icon-before .text-btn {
    padding-left: 10px
}
.ult_ivan_button.compact.icon-cover.with-icon.icon-after .text-btn {
    padding-right: 10px
}
.ult_ivan_button.compact.text-separator.with-icon.icon-before .text-btn {
    padding-left: 10px
}
.ult_ivan_button.compact.text-separator.with-icon.icon-after .text-btn {
    padding-right: 10px
}
.ult_ivan_button.compact.only-icon .icon-simple {
    padding-left: 7px;
    padding-right: 7px
}
.ult_ivan_button.compact.btn-desc .text-btn-inner {
    font-size: 11px;
    line-height: 1
}
.ult_ivan_button.compact.btn-desc .text-desc {
    font-size: 10px;
    line-height: 1
}
.ult_ivan_button.circular-mega.circular {
    width: 160px;
    height: 160px
}
.ult_ivan_button.circular-mega.circular.only-icon .icon-simple {
    font-size: 34px
}
.ult_ivan_button.circular-mega.circular .text-btn {
    padding: 0 10px
}
.ult_ivan_button.circular-mega.circular hr {
    height: 2px;
    width: 20%;
    margin: 10px auto
}
.ult_ivan_button.circular-mega.circular hr:last-child {
    margin-bottom: 0
}
.ult_ivan_button.gray-bg {
    background-color: #fff;
    border-color: #ddd;
    color: #ccc
}
.ulitmate_dual_buttons {
    display: inline-block
}
.ult-dual-btn3 .ult_dual1 {
    display: block;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-transition: all ease .8s;
    transition: all ease .8s
}
.ult-dual-btn3 .ult_dual2 {
    display: block;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
    -webkit-transition: all ease .8s;
    transition: all ease .8s
}
.ult-dual-btn3 .aio-icon,
.ult-dual-btn3 .aio-icon-img,
.ult-dual-btn3 .icon-simple,
.ult-dual-btn3 .ult-dual-button-title {
    -webkit-transition: all ease .8s;
    transition: all ease .8s
}
.ult-dual-btn4 .ult_dual1 {
    display: block;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    -webkit-transition: all ease .8s;
    transition: all ease .8s;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0
}
.ult-dual-btn4 .ult_dual2 {
    display: block;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    -webkit-transition: all ease .8s;
    transition: all ease .8s
}
.ult-dual-btn4 .aio-icon,
.ult-dual-btn4 .aio-icon-img,
.ult-dual-btn4 .icon-simple,
.ult-dual-btn4 .ult-dual-button-title {
    -webkit-transition: all ease .8s;
    transition: all ease .8s
}
.ult-dual-btn .ult_dual1,
.ult-dual-btn .ult_dual2 {
    display: block;
    -webkit-transition: .5s;
    transition: .5s
}
.ult-dual-btn .ult-dual-button-title {
    -webkit-transition: .5s;
    transition: .5s
}
.ult-dual-btn .aio-icon,
.ult-dual-btn .aio-icon-img,
.ult-dual-btn .icon-simple {
    -webkit-transition: .5s;
    transition: .5s
}
.ult_dual_button .aio-icon {
    display: block!important
}
.icon-right1 {
    padding: 0 22px 0 10px!important
}
.icon-left2 {
    padding-left: 22px!important
}
.title_right {
    padding-right: 10px!important
}
.title_left {
    padding-left: 10px!important
}
.btn1icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative
}
.ult_btn1span {
    height: 100%
}