html #nav .header-navibox-1 {
padding: 2px 0 0 0 !important;
}
.font-primary {
font-family: 'Open Sans', sans-serif;
}
.font-secondary, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .b-alerts-regular .alert, .b-alerts-dismissible .alert-dismissible .alert-dismissible-title {
font-family: 'Raleway', sans-serif;
}
.font-additional, .b-blockquote-center .quote-text, .b-blockquote-left-border .quote-text, .b-blockquote-bg .quote-text {
font-family: 'Merriweather', serif;
}
.b-hr, .b-hr-2, .b-hr-3, .b-hr-4, .b-hr-5, .b-hr-6, .b-hr-7, .b-hr-8 {
float: left;
margin: 82px 0;
width: 100%;
}
.b-hr hr, .b-hr-2 hr, .b-hr-3 hr, .b-hr-4 hr, .b-hr-5 hr, .b-hr-6 hr, .b-hr-7 hr, .b-hr-8 hr {
margin-bottom: 3px;
margin-top: 0;
}
.b-hr-2 {
margin: 75px 0 85px;
}
.b-hr-3 {
margin: 57px 0 87px;
}
.b-hr-4 {
margin: 42px 0 90px;
}
.b-hr-5 {
margin: 28px 0 86px;
}
.b-hr-6 {
margin: 122px 0 88px;
}
.b-hr-7 {
margin: 20px 0 88px;
}
.b-hr-8 {
margin: 80px 0 88px;
}
.heading-light {
color: #888;
font-size: 29px;
font-weight: 300;
margin: 0;
padding: 0 0 10px;
letter-spacing: 1px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: #222;
margin: 0;
font-weight: 300;
position: relative;
}
.h1, h1 {
font-size:40pt;
padding: 10px 0 15px;
line-height: 1.1;
}
.h2, h2 {
font-size: 30pt;
padding: 10px 0 22px;
line-height: 1.1;
}
.h3, h3 {
font-size: 26pt;
padding: 10px 0 26px;
line-height: 1.2;
}
.h4, h4 {
font-size: 20pt;
padding: 10px 0 34px;
line-height: 1.3;
}
.h5, h5 {
font-size: 18pt;
padding: 10px 0 37px;
line-height: 1.4;
}
.h6, h6 {
font-size: 16pt;
padding: 10px 0 20px;
line-height: 1.5;
}
.heading-line {
display: inline-block;
font-size: 28px;
font-weight: 700;
position: relative;
padding: 0 24px 0 0;
}
.b-mod-heading .first-heading {
font-family: Raleway ;
font-size: 36px;
font-weight: 400;
letter-spacing: .2px;
color: #222222;
margin: 0;
line-height: 1.1;
}
.b-mod-heading .line-right {
font-family: Raleway ;
font-size: 48px;
padding-top: 0;
margin-bottom: 40px;
}
.b-mod-heading .second-heading {
font-style: italic;
font-size: 16px;
font-weight: 300;
color: #222222;
line-height: 2;
letter-spacing: .5px;
}
.section-typography .heading-line {
padding: 67px 24px 0 0;
}
.heading-line.line-top:before {
content: "";
position: absolute;
left: 0;
top: 53px;
width: 15px;
height: 1px;
}
.heading-line.line-right:before {
content: "";
position: absolute;
right: 0;
bottom: 7px;
width: 15px;
height: 1px;
}
.heading-line.another-heading {
font-size: 48px;
padding-top: 10px;
text-transform: capitalize;
}
@media screen and (max-width: 991px) {
.heading-line.another-heading {
padding-top: 65px;
}
}
.heading-line > span {
color: #222;
display: block;
font-size: 36px;
font-weight: 400;
padding: 0;
text-transform: initial;
}
p {
font-size: 14px;
color: #666666;
font-family: "Open Sans", sans-serif;
font-weight: 300;
}
.b-headings-holder {
margin-bottom: 12px;
} .b-highlights-holder {
margin-bottom: 50px;
}
.b-highlights p {
margin: 18px 0 20px;
}
.b-highlights p span {
display: inline-block;
padding: 5px 12px;
border-radius: 4px;
margin: 0 2px;
}
.b-highlights p span.no-bg {
margin: 0;
padding-left: 0;
padding-right: 0;
font-weight: 600;
} .b-tooltips-holder {
margin-bottom: 20px;
}
.b-tooltips-holder .heading-light {
margin-bottom: 20px;
}
.color-tooltip,
.black-tooltip {
font-weight: 600;
}
.color-tooltip:hover,
.black-tooltip:hover {
cursor: pointer;
}
.color-tooltip + .tooltip > .tooltip-inner {
color: #fff;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
padding: 7px 11px;
border-radius: 2px !important;
}
.black-tooltip {
color: #222;
}
.black-tooltip + .tooltip > .tooltip-inner {
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
background-color: #222222;
padding: 7px 11px;
border-radius: 2px !important;
}
.black-tooltip + .tooltip > .tooltip-arrow {
border-top-color: #222;
} .b-list-styles {
margin-bottom: 25px;
}
.b-list-styles .row {
margin-bottom: 35px;
}
.b-list-styles .heading-light {
margin-bottom: 33px;
}
.b-list ul li {
padding-left: 38px;
position: relative;
margin-bottom: 11px;
}
.b-list.check-circle-o li:before {
font-family: FontAwesome;
content: "\f05d";
display: inline-block;
position: absolute;
top: -3px;
left: 2px;
font-size: 16px;
}
.b-list.l-caret li:before {
font-family: FontAwesome;
content: "\f0da";
display: inline-block;
position: absolute;
top: -2px;
left: 8px;
font-size: 14px;
color: #222222;
}
.b-list.l-chevron li:before {
font-family: FontAwesome;
content: "\f054";
display: inline-block;
position: absolute;
top: -1px;
left: 7px;
font-size: 13px;
color: #222222;
}
.b-list.l-checked-square .l-check-square:before {
font-family: FontAwesome;
content: "\f14a";
display: inline-block;
position: absolute;
top: -4px;
left: 4px;
font-size: 18px;
}
.b-list.l-checked-square .l-not-check-square:before {
font-family: FontAwesome;
content: "\f0c8";
display: inline-block;
position: absolute;
top: -4px;
left: 4px;
font-size: 18px;
z-index: 1;
}
.b-list.l-checked-square .l-not-check-square:after {
font-family: FontAwesome;
content: "\f00d";
display: inline-block;
position: absolute;
top: 1px;
left: 7px;
font-size: 11px;
color: #fff;
z-index: 2;
}
.b-list.l-plane li:before {
font-family: FontAwesome;
content: "\f1d8";
display: inline-block;
position: absolute;
top: -3px;
left: -1px;
font-size: 15px;
}
.b-list.l-checked .l-check:before {
font-family: FontAwesome;
content: "\f00c";
display: inline-block;
position: absolute;
top: -1px;
left: 3px;
font-size: 14px;
color: #222222;
}
.b-list.l-checked .l-not-check:before {
font-family: FontAwesome;
content: "\f00d";
display: inline-block;
position: absolute;
top: -1px;
left: 5px;
font-size: 14px;
}
.b-list.l-numered li {
padding-left: 0;
}
.b-list.l-numered span {
font-family: 'Open Sans', sans-serif;
padding-left: 2px;
padding-right: 19px;
}
.b-list.long-arrow-right li:before {
font-family: FontAwesome;
content: "\f178";
display: inline-block;
position: absolute;
top: -3px;
left: 1px;
font-size: 18px;
color: #222222;
}
.b-list.l-circle li:before {
font-family: FontAwesome;
content: "\f111";
display: inline-block;
position: absolute;
top: 1px;
left: 7px;
font-size: 10px;
color: #222222;
} .b-dropcaps .heading-light {
margin-bottom: 28px;
}
.b-dropcaps .row {
margin-bottom: 45px;
}
.b-dropcaps .row:last-child {
margin-bottom: 0;
}
.b-round-dropcap .b-text p, .b-round-dropcap-mod .b-text p {
padding: 0;
}
.b-round-dropcap .round-dropcap, .b-round-dropcap-mod .round-dropcap {
float: left;
font-weight: bold;
font-size: 40px;
border-radius: 50% !important;
color: #fff;
line-height: 59px;
margin-right: 15px;
margin-top: 5px;
width: 60px;
height: 60px;
text-align: center;
}
.b-square-dropcap .b-text p, .b-square-dropcap-mod .b-text p {
padding: 0;
}
.b-square-dropcap .square-dropcap, .b-square-dropcap-mod .square-dropcap {
float: left;
font-weight: bold;
font-size: 30px;
color: #fff;
padding: 4px 12px;
line-height: 31px;
margin-right: 12px;
margin-top: 10px;
}
.b-round-dropcap-mod .round-dropcap {
background: transparent;
border: 2px solid #666666;
color: #666666;
line-height: 54px;
}
.b-square-dropcap-mod .square-dropcap {
background: transparent;
border: 2px solid;
line-height: 29px;
} .b-blockquotes .heading-light {
margin-bottom: 30px;
}
.b-blockquote-holder {
margin-bottom: 52px;
}
.b-blockquote-center {
position: relative;
padding: 3px 0;
text-align: center;
}
.b-blockquote-center .quote-text {
position: relative;
font-size: 18px;
color: #222;
line-height: 2;
font-style: italic;
font-weight: 600;
margin-bottom: 35px;
}
.b-blockquote-center .quote-author {
font-size: 12px;
display: block;
letter-spacing: .1px;
line-height: 1.2;
text-transform: uppercase;
}
.b-blockquote-center .quote-author .ef {
padding-right: 5px;
font-size: 18px;
}
.b-blockquote-center .quote-author .author-name {
font-size: 12px;
font-weight: bold;
color: #222222;
text-transform: uppercase;
}
.b-blockquote-center .quote-author .author-role {
font-size: 12px;
color: #222;
}
.b-blockquote-left-border {
position: relative;
padding: 4px 0;
}
.b-blockquote-left-border:before {
content: '';
position: absolute;
left: 3px;
top: 4px;
display: inline-block;
height: 92%;
width: 6px;
}
.b-blockquote-left-border .quote-text {
position: relative;
font-size: 20px;
color: #222;
margin-left: 35px;
line-height: 2;
font-style: italic;
margin-bottom: 20px;
}
.b-blockquote-left-border .quote-author {
font-size: 12px;
display: block;
letter-spacing: .1px;
line-height: 1.2;
text-transform: uppercase;
margin-left: 38px;
margin-bottom: 30px;
}
.b-blockquote-left-border .quote-author .ef {
padding-right: 5px;
font-size: 18px;
}
.b-blockquote-left-border .quote-author .author-name {
font-size: 12px;
font-weight: bold;
color: #222222;
text-transform: uppercase;
}
.b-blockquote-left-border .quote-author .author-role {
font-size: 12px;
color: #222;
}
.b-blockquote-bg {
padding: 65px 68px 55px;
}
.b-blockquote-bg .quote-userpic {
display: block;
float: left;
width: 100px;
height: 100px;
background-color: #eeeeee;
margin-right: 35px;
margin-left: 10px;
margin-top: 10px;
}
.b-blockquote-bg .quote-content {
position: relative;
overflow: hidden;
}
.b-blockquote-bg .quote-text {
position: relative;
font-size: 18px;
color: #fff;
line-height: 1.5;
font-style: italic;
margin-bottom: 18px;
}
.b-blockquote-bg .quote-author .ef {
padding-right: 5px;
font-size: 18px;
color: #eee;
}
.b-blockquote-bg .quote-author .author-name {
font-size: 12px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}
.b-buttons-holder .heading-light {
margin-bottom: 17px;
}
.b-buttons-holder button {
margin-right: 25px;
margin-bottom: 40px;
}
.b-pagination-holder .heading-light {
margin-bottom: 52px;
}
.b-pagination-holder .b-pagination-mod-1 {
margin-bottom: 80px;
}
.b-pagination-holder .b-pagination-mod-2 {
margin-bottom: 25px;
}
.b-form-elements-holder .heading-light {
margin-bottom: 20px;
}
.section-typography .b-check-radio-holder {
margin: 5px 0 0 54px;
}
@media screen and (max-width: 767px) {
.section-typography .b-check-radio-holder {
margin-left: 0;
}
}
.section-typography .b-form {
margin-bottom: 75px;
} .b-alerts-holder .heading-light {
margin-bottom: 25px;
}
.b-alerts-holder > .row {
margin-bottom: 48px;
}
.b-alerts-regular .alert {
font-size: 12px;
padding: 11px 15px 11px 0;
margin-bottom: 15px;
border: 1px solid transparent;
position: relative;
border-radius: 0 !important;
}
.b-alerts-regular .alert .ef {
position: relative;
padding: 0 20px;
font-size: 16px;
line-height: 19px;
float: left;
margin-top: -2px;
color: #fff;
}
.b-alerts-regular .alert p {
position: relative;
overflow: hidden;
color: #fff;
font-size: 12px;
font-weight: bold;
}
.b-alerts-regular .alert-normal {
background: #f9f9fa;
border-color: #eeeeee;
}
.b-alerts-regular .alert-normal p, .b-alerts-regular .alert-normal .ef {
color: #444444;
}
.b-alerts-regular .alert-normal-2 {
background: #5b2db5;
}
.b-alerts-regular .alert-normal-2 p, .b-alerts-regular .alert-normal-2 .ef {
color: #fff;
}
.b-alerts-regular .alert-warning {
background: #d54b35;
}
.b-alerts-regular .alert-info {
background: #d5c035;
}
.b-alerts-regular .alert-success {
background: #74bf30;
}
.b-alerts-regular .alert-useful {
background: #2d83b4;
}
.b-alerts-dismissible .alert-dismissible {
border: 1px solid transparent;
border-radius: 0 !important;
padding: 30px 45px 28px 120px;
position: relative;
}
.b-alerts-dismissible .alert-dismissible .alert-dismissible-title {
font-size: 16px;
font-weight: bold;
color: #222222;
text-transform: uppercase;
}
.b-alerts-dismissible .alert-dismissible .alert-dismissible-description {
font-size: 13px;
font-weight: 300;
color: #444444;
line-height: 29px;
}
.b-alerts-dismissible .alert-dismissible .close {
opacity: 1;
text-shadow: none;
top: 8px;
font-size: 30px;
right: -26px;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.b-alerts-dismissible .alert-dismissible .close:hover {
opacity: .7;
}
.b-alerts-dismissible .alert-dismissible.normal-dismissible {
border: 1px solid #eeeeee;
background: #f9f9fa;
}
.b-alerts-dismissible .alert-dismissible.normal-dismissible .close {
color: #222222;
}
.b-alerts-dismissible .alert-dismissible.normal-dismissible:before {
font-family: FontAwesome;
content: "\f0f3";
display: inline-block;
position: absolute;
top: 35px;
left: 52px;
font-size: 28px;
color: #222222;
}
.b-alerts-dismissible .alert-dismissible.error-dismissible {
background: #f2cfc8;
}
.b-alerts-dismissible .alert-dismissible.error-dismissible .close {
color: #d54b35;
}
.b-alerts-dismissible .alert-dismissible.error-dismissible:before {
font-family: FontAwesome;
content: "\f00d";
display: inline-block;
position: absolute;
top: 35px;
left: 52px;
font-size: 28px;
color: #d54b35;
}
.b-alerts-dismissible .alert-dismissible.success-dismissible {
background: #d4ecc3;
}
.b-alerts-dismissible .alert-dismissible.success-dismissible .close {
color: #74bf30;
}
.b-alerts-dismissible .alert-dismissible.success-dismissible:before {
font-family: FontAwesome;
content: "\f00c";
display: inline-block;
position: absolute;
top: 35px;
left: 52px;
font-size: 28px;
color: #74bf30;
}
.b-alerts-dismissible .alert-dismissible.warning-dismissible {
background: #f2edc8;
}
.b-alerts-dismissible .alert-dismissible.warning-dismissible .close {
color: #d5c035;
}
.b-alerts-dismissible .alert-dismissible.warning-dismissible:before {
font-family: FontAwesome;
content: "\f12a";
display: inline-block;
position: absolute;
top: 34px;
left: 60px;
font-size: 29px;
color: #d5c035;
}
.b-progress-bars-holder .heading-light {
margin-bottom: 22px;
}
.b-tables-holder .heading-light {
margin-bottom: 30px;
}
.b-plans-holder .heading-light {
margin-bottom: 32px;
} .b-plan-item, .b-plan-item-odd {
background: #f6f6f8;
padding: 55px 20%;
margin-bottom: 25px;
}
.b-plan-item .plan-title, .b-plan-item-odd .plan-title {
text-transform: uppercase;
font-weight: bold;
position: relative;
padding-top: 12px;
padding-bottom: 0;
margin-top: 5px;
}
.b-plan-item .plan-title:before, .b-plan-item-odd .plan-title:before {
content: '';
display: block;
width: 15px;
height: 1px;
position: absolute;
left: 0;
top: 0;
}
.b-plan-item .plan-price, .b-plan-item-odd .plan-price {
font-size: 40px;
font-weight: bold;
margin: -10px 15px 0 0;
}
.b-plan-item .plan-description, .b-plan-item-odd .plan-description {
margin-top: 45px;
}
.b-plan-item .plan-description ul, .b-plan-item-odd .plan-description ul {
margin-bottom: 60px;
}
.b-plan-item .plan-description ul li, .b-plan-item-odd .plan-description ul li {
font-size: 13px;
font-weight: 300;
color: #666666;
margin-bottom: 15px;
letter-spacing: 1px;
}
.b-plan-item-odd {
background: #f9f9fa;
} .b-accordion-holder .heading-light {
margin-bottom: 15px;
}
html #splitslider-nav li .active span  {
background: #2d83b4 !important;
width: 7px;
height: 7px;
left: 4px;
}
html #splitslider-nav span {
top: 2px;
left: 1px;
width: 12px;
height: 12px;
border: 2px solid #fff;
background: rgba(0, 0, 0, 0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
z-index: 1;
}
html  .vc_col-has-fill>.vc_column-inner,html  .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, html  .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, html  .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, html  .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, html  .vc_row-has-fill>.vc_column_container>.vc_column-inner, html  .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, html  .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, html  .vc_section.vc_section-has-fill, html  .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, html  .vc_section.vc_section-has-fill+.vc_section {
padding-top: 0;
}
.relative {
position: relative;
}
.vc_btn3.vc_btn3-style-custom{
border: 1px solid #eee !important;
}
.vc_btn3.vc_btn3-style-custom:hover{
background: #2d83b4 !important;
color: #fff !important;    
}
.vc_btn3.vc_btn3-style-custom:hover i{
color: #fff !important;    
}
.vc_btn3.vc_btn3-style-custom i {
color: #666666 !important;
}
.page-title-box  .ui-title-page h1 {
color: #fff;
margin: 0;
font-size: 62px;
line-height: 1;
font-weight: 700;
margin-bottom: 0;
padding: 0;
}
.page-title-box  .breadcrumbs {
padding: 0;
font-weight: 700;
}
.top-decore{
position: relative;
}
.top-decore:before{
background-color: #2d83b4;
content: '';
display: block;
position: absolute;
top: -10px;
left: 0;
width: 15px;
height: 1px;
}
.vc_custom_1489517149037 .top-decore:before{
background-color: #2d83b4 !important;
}
.text-white-color  .top-decore:before {
background-color: #fff;
content: '';
display: block;
position: absolute;
top: -10px;
left: 0;
width: 15px;
height: 1px;
}
.right-decore:before{
background-color: #2d83b4;
content: '';
display: block;
position: absolute;
bottom: 10px;
right: -20px;
width: 15px;
height: 1px;
}
.container-bg-additional {
background-color: #222;
}
.color-1 {
color: #fff;
}
.color-2 {
color: rgba(255, 255, 255, 0.5);
}
.color-main {
color: #222222;
}
.color-add {
color: #cccccc;
}
.color-add-2 {
color: #f6f6f6;
}
.color-add-3 {
color: #494949;
}
.color-add-4 {
color: #919191;
}
.color-white {
color: #fff;
}
.vertical-container-top, .vertical-container-top-mod,
.vertical-container-top-btn {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
position: absolute;
width: 180px;
}
.vertical-container-top, .vertical-container-top-mod {
top: 350px;
}
.vertical-container-top {
z-index: 2;
}
.vertical-container-top-btn {
top: 130px;
}
.vertical-left {
left: -15px;
}
.vc_row[data-vc-full-width-init] .vertical-left {
left: 0 !important;
}
.vertical-text-main {
bottom: 22px;
font-size: 19px;
font-weight: 600;
letter-spacing: 3px;
position: absolute;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
white-space: nowrap;
width: 50px;
}
.text-white  .vertical-right  .color-add-3 {
color: #494949 !important;
}
.text-white  .vertical-right .color-add-4 {
color: #919191 !important;
}
.vertical-text-additional {
font-size: 50px;
position: absolute;
white-space: nowrap;
width: 50px;
}
.vertical-number {
font-size: 17px;
font-weight: 400;
padding: 0 12px 4px 0;
}
.vertical-left .vertical-text-main {
right: 47px;
}
.vertical-left .vertical-text-additional {
right: -2px;
}
.vertical-right .vertical-text-main {
left: 47px;
}
.vertical-right .vertical-text-additional {
left: -2px;
}
.vertical-container-top .vertical-text-additional, .vertical-container-top-mod .vertical-text-additional {
bottom: 32px;
font-weight: 300;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.vertical-container-top-btn .vertical-text-additional {
bottom: -70px;
font-weight: 700;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.vertical-container-top .vertical-number, .vertical-container-top-mod .vertical-number {
padding: 0 12px 4px 0;
}
.vertical-container-top-btn .vertical-number {
padding: 0 0 4px 12px;
}
.vertical-container-top-mod {
top: 75px;
}
.vertical-container-top-mod .vertical-text-additional {
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
font-family: 'Raleway', sans-serif;
font-size: 60px;
font-weight: bold;
bottom: -95px;
} .footer-side-title {
top: 335px;
}
.home-about-side-title, .home-works-side-title, .home-offers-side-title, .home-team-side-title, .home-news-side-title, .section-home-secondary .home-works-side-title, .section-home-secondary .home-offers-side-title, .section-home-secondary .home-team-side-title, .section-home-secondary .home-news-side-title {
top: 60%;
border-color: #dddddd !important;
}
.home-offers-side-title {
top: 310px;
}
.home-team-side-title {
top: 332px;
}
.home-news-side-title {
top: 150px;
} .section-home-secondary .footer-side-title {
top: 335px;
}
.section-home-secondary .home-about-side-title, .section-home-secondary .home-works-side-title, .section-home-secondary .home-offers-side-title, .section-home-secondary .home-team-side-title, .section-home-secondary .home-news-side-title {
top: 75px;
border-color: #dddddd !important;
}
.section-home-secondary .home-offers-side-title {
top: 196px;
}
.section-home-secondary .home-team-side-title {
top: 255px;
}
.half-container {
float: left;
width: 50%;
}
.transition {
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.half-filter {
height: 400px;
margin: 0;
padding: 0;
}
.half-filter > li {
float: left;
height: 100%;
list-style-type: none;
width: 50%;
}
.dark-filter {
background-color: rgba(17, 17, 17, 0.4);
}
.custom-filter {
background-color: rgba(45, 131, 180, 0.9);
} {
position: relative;
margin-bottom: 65px;  }
.sp-buttons {
display: block;
position: absolute;
width: 30px;
padding: 0;
right: 1.5%;
top: 40%;
z-index: 998;
}
.sp-buttons .sp-button {
display: block;
border: 2px solid transparent;
width: 6px;
height: 6px;
background: #fff;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
cursor: pointer;
margin: 0 auto 10px;
-moz-transition: border-color 0.3s ease-in-out;
-o-transition: border-color 0.3s ease-in-out;
-webkit-transition: border-color 0.3s ease-in-out;
-ms-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
}
.sp-buttons .sp-selected-button {
border: 2px solid #fff;
background-color: transparent;
width: 12px;
height: 12px;
}
@media screen and (max-width: 767px) {
.sp-buttons {
display: block;
}
}
@media screen and (max-width: 481px) {
.sp-buttons {
right: 0.2%;
}
}
.slider-filter-holder {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cutBox {
width: 50%;
}
@media screen and (max-width: 991px) {
.cutBox {
width: 35%;
}
}
.custom-filter {
position: absolute;
right: 0;
width: 50%;
height: 100%;
top: 0;
}
@media screen and (max-width: 991px) {
.custom-filter {
width: 100%;
}
.custom-filter .slider-icon {
display: none;
}
}
.custom-filter .slider-icon {
position: absolute;
bottom: 50px;
left: 50px;
}
.container-mod {
position: relative;
width: 60%;
height: 412px;
border: 6px solid #fff;
}
@media screen and (max-width: 991px) {
.container-mod {
width: 95%;
}
}
.container-mod-right {
position: absolute;
right: 12%;
top: 50%;
margin-top: -90px;
}
.container-mod-right .second-heading {
margin-bottom: 45px;
}
@media screen and (max-width: 641px) {
.container-mod-right {
width: 100%;
right: 0;
top: 35%;
margin-top: -90px;
text-align: center;
}
}
.b-home-big-text .rotate-block {
background: rgba(255, 255, 255, 0.95);
text-align: center;
padding: 5% 7.5%;
display: inline-block;
transform: rotate(-90deg);
}
.b-home-big-text .rotate-block p {
margin: 0;
font-size: 16px;
font-weight: 600;
letter-spacing: 2px;
}
.b-home-big-text .first-heading {
font-size: 40px;
letter-spacing: 1px;
color: #feffff;
padding: 0;
}
.b-home-big-text .second-heading {
font-size: 60px;
color: #feffff;
font-weight: bold;
padding: 0;
}
.b-home-big-text .b-text {
margin-top: 15px;
}
.b-home-big-text .b-text p {
font-size: 14px;
color: #ffffff;
}
.b-home-big-text .btn-clear {
position: relative;
color: #f5f5f5;
-moz-transition: margin 0.3s linear !important;
-o-transition: margin 0.3s linear !important;
-webkit-transition: margin 0.3s linear !important;
-ms-transition: margin 0.3s linear !important;
transition: margin 0.3s linear !important;
}
.b-home-big-text .btn-clear i {
color: #f5f5f5;
}
.slide-tex-1,
.slide-tex-2,
.slide-tex-3,
.slide-tex-4 {
width: 100%;
}
.slide-tex-1 .slide-text,
.slide-tex-2 .slide-text,
.slide-tex-3 .slide-text,
.slide-tex-4 .slide-text {
width: 100%;
}
.slide-button {
width: 100%;
}
.slide-1 .sp-layer {
padding: 0 25px;
}
.slide-2 .sp-layer {
padding: 0 12px;
}
@media screen and (max-width: 1199px) {
.slide-2 .layer-2-1 {
left: 22% !important;
}
}
@media screen and (max-width: 991px) {
.slide-1 .layer-1-1 {
left: 35% !important;
}
.slide-1 .layer-1-2 {
left: 35% !important;
}
.slide-1 .layer-1-3 {
left: 35% !important;
}
.slide-2 .layer-2-1 {
left: 0 !important;
}
}
@media screen and (max-width: 767px) {
.slide-1 .layer-1-1 {
left: 5% !important;
}
.slide-1 .layer-1-2 {
left: 5% !important;
top: 30% !important;
}
}
@media screen and (max-width: 479px) {
.slide-1 .layer-1-3 {
left: 5% !important;
top: 72% !important;
}
}
.counter {
font-family: 'Merriweather', serif;
font-style: italic;
font-size: 18px;
font-weight: 300;
color: #666666;
position: absolute;
top: 50%;
right: 134px;
margin-top: -15px;
z-index: 999;
}
@media screen and (max-width: 767px) {
.counter {
display: none;
}
} .b-pro-contr {
position: absolute;
top: 50%;
margin-top: -32px;
z-index: 99;
right: 0;
}
.b-pro-contr .contr-divider {
width: 100px;
height: 1px;
background: #dddddd;
margin: 1px 0px 7px;
}
.b-pro-contr .pro-next,
.b-pro-contr .pro-prev {
display: inline-block;
text-align: left;
cursor: pointer;
width: 24px;
height: 24px;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.b-pro-contr .pro-next:hover,
.b-pro-contr .pro-prev:hover {
opacity: .7;
}
@media screen and (max-width: 767px) {
.b-pro-contr {
display: none;
}
}
.cutBox {
background-color: #fff;
position: absolute;
left: 0;
height: 20px;
width: 100%;
}
.cut-bottom {
bottom: 0;
} .bx-wrapper .bx-viewport {
left: 0;
box-shadow: none;
border: none;
background: transparent;
}
.bx-outside-controls {
padding-top: 40px;
}
.bx-outside-controls p {
text-align: center;
}
.bx-outside-controls span {
display: inline-block;
margin: 0 15px;
border-bottom: 2px solid;
}
.bx-outside-controls span a {
display: block;
padding: 0 7px 15px;
}
.bx-outside-controls span i {
color: #cccccc;
-webkit-transition: color 300ms ease-in-out 0s;
-moz-transition: color 300ms ease-in-out 0s;
-o-transition: color 300ms ease-in-out 0s;
transition: color 300ms ease-in-out 0s;
}
.bx-outside-controls span:hover i {
color: #666666;
}
.featured-services-right .bx-wrapper .bx-pager,
.featured-services-right .bx-wrapper .bx-controls-auto,
.b-testimonials .bx-wrapper .bx-pager,
.b-testimonials .bx-wrapper .bx-controls-auto {
bottom: auto;
right: 5%;
padding: 0;
top: 50%;
margin-top: -20px;
width: inherit;
}
@media screen and (max-width: 767px) {
.featured-services-right .bx-wrapper .bx-pager,
.featured-services-right .bx-wrapper .bx-controls-auto,
.b-testimonials .bx-wrapper .bx-pager,
.b-testimonials .bx-wrapper .bx-controls-auto {
right: -10%;
}
}
.featured-services-right .bx-wrapper .bx-pager .bx-pager-item,
.featured-services-right .bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.b-testimonials .bx-wrapper .bx-pager .bx-pager-item,
.b-testimonials .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: block;
width: 22px;
height: 12px;
margin-bottom: 16px;
}
.featured-services-right .bx-wrapper .bx-pager .bx-pager-item:last-child,
.featured-services-right .bx-wrapper .bx-controls-auto .bx-controls-auto-item:last-child,
.b-testimonials .bx-wrapper .bx-pager .bx-pager-item:last-child,
.b-testimonials .bx-wrapper .bx-controls-auto .bx-controls-auto-item:last-child {
margin-bottom: 0;
}
.featured-services-right .bx-wrapper .bx-pager.bx-default-pager a,
.b-testimonials .bx-wrapper .bx-pager.bx-default-pager a {
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff;
border: 2px solid;
border-color: transparent;
margin: 0 auto;
-webkit-transition: all 300ms ease 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}
.featured-services-right .bx-wrapper .bx-pager.bx-default-pager a:hover,
.featured-services-right .bx-wrapper .bx-pager.bx-default-pager a.active,
.b-testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover,
.b-testimonials .bx-wrapper .bx-pager.bx-default-pager a.active {
background: transparent;
border-color: #fff;
width: 12px;
height: 12px;
} .b-testimonials .bx-wrapper .bx-pager,
.b-testimonials .bx-wrapper .bx-controls-auto {
right: 2%;
margin-top: -40px;
}
.b-testimonials .bx-wrapper .bx-pager .bx-pager-item,
.b-testimonials .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
margin-bottom: 14px;
}
.b-testimonials .bx-wrapper .bx-pager.bx-default-pager a {
background: #cccccc;
}
.b-testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover,
.b-testimonials .bx-wrapper .bx-pager.bx-default-pager a.active {
border-color: #cccccc;
background: transparent;
}/*/*//**//*/*//**/.section-home-primary {
padding: 120px 0 115px;
position: relative;
overflow: hidden;
}
.section-home-secondary {
padding: 120px 0 115px;
position: relative;
overflow: hidden;
}
.section-typography {
padding: 112px 0 140px;
position: relative;
overflow: hidden;
}
.section-contact-1 {
padding: 115px 0  135px;
position: relative;
overflow: hidden;
}
.section-contact-2 {
padding: 115px 0  115px;
position: relative;
overflow: hidden;
}
.section-works {
padding: 110px 0  100px;
position: relative;
overflow: hidden;
}
.section-work-detail {
padding: 113px 0  143px;
position: relative;
overflow: hidden;
}
.section-blog {
padding: 120px 0  140px;
position: relative;
overflow: hidden;
}
.section-blog-post {
padding: 115px 0  115px;
position: relative;
overflow: hidden;
}
.section-services {
padding: 115px 0  119px;
position: relative;
overflow: hidden;
}
.section-about {
padding: 115px 0 0;
position: relative;
overflow: hidden;
}  .pag-btn {
display: inline-block;
padding-bottom: 18px;
position: relative;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #999999;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.pag-btn i {
font-size: 18px;
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.pag-btn:hover {
text-decoration: none;
}
.pag-btn:hover i {
color: #222222;
}
.pag-prev i {
margin-right: 30px;
}
.pag-prev:after {
content: '';
position: absolute;
display: block;
width: 30px;
height: 2px;
left: 0;
bottom: 0;
}
.pag-next i {
margin-left: 30px;
}
.pag-next:after {
content: '';
position: absolute;
display: block;
width: 30px;
height: 2px;
right: 0;
bottom: 0;
}
.b-current-pag p {
font-size: 12px;
text-transform: uppercase;
color: #999999;
font-weight: bold;
letter-spacing: 1px;
margin-top: -8px;
}
.b-current-pag .pag-current {
font-size: 20px;
color: #222222;
font-weight: bold;
}
.b-current-pag .pag-total {
font-size: 16px;
color: #666666;
}
.b-current-pag .pag-divider {
font-size: 16px;
color: #222222;
padding: 0 5px;
}
.b-pagination-mod-2 {
max-width: 615px;
height: 128px;
border: 6px solid #eeeeee;
padding: 35px 10% 45px;
} .b-accordion .accordion-block {
margin-bottom: 18px;
}
.b-accordion .accordion-title-text {
position: relative;
overflow: hidden;
}
.b-accordion .accordion-toogle {
display: block;
float: left;
margin-top: -4px;
padding-right: 11px;
border-right: 1px solid #afafaf;
margin-right: 30px;
}
.b-accordion .accordion-toogle .ef {
display: inline-block;
font-weight: 300;
color: #afafaf;
font-size: 22px;
-moz-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
-webkit-transition: transform 0.5s ease;
-ms-transition: transform 0.5s ease;
transition: transform 0.5s ease;
}
.b-accordion .ui-accordion-header {
cursor: pointer;
padding: 15px 10px 10px 15px;
border: 4px solid #eeeeee;
font-family: 'Raleway', sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #222222;
letter-spacing: 1.3px;
}
.b-accordion .ui-accordion-header.ui-state-active {
color: #fff;
}
.b-accordion .ui-accordion-header.ui-state-active .accordion-toogle .ef {
color: #fff;
transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
}
.b-accordion .ui-accordion-content {
background: #f7f7f7;
padding: 30px 65px 32px 27px;
}
.b-accordion .ui-accordion-content .accordion-img {
width: 99px;
height: 90px;
background: #dddddd;
float: left;
margin-right: 25px;
margin-left: 55px;
}
.b-accordion .ui-accordion-content p {
font-size: 13px;
font-weight: 300;
position: relative;
overflow: hidden;
color: #666666;
line-height: 2;
padding-top: 5px;
margin: 0;
} textarea {
resize: none;
}
.form-control {
border-radius: 0 !important;
}
.form-control::-webkit-input-placeholder {
color: #666666;
font-size: 13px;
font-weight: 300;
}
.form-control::-moz-placeholder {
color: #666666;
font-size: 13px;
font-weight: 300;
} .form-control:-moz-placeholder {
color: #666666;
font-size: 13px;
font-weight: 300;
} .form-control:-ms-input-placeholder {
color: #666666;
font-size: 13px;
font-weight: 300;
}
.b-form, .b-form-mod, .b-form-footer, .b-f-s-info {
border: 6px solid #eeeeee;
padding: 42px 7.8% 18px;
margin-bottom: 25px;
}
.b-form input, .b-form-mod input, .b-form-footer input, .b-f-s-info input,
.b-form textarea,
.b-form-mod textarea,
.b-form-footer textarea,
.b-f-s-info textarea {
font-size: 13px;
font-weight: 300;
border: none;
border-bottom: 1px solid #eeeeee;
box-shadow: none;
}
.b-form .form-group, .b-form-mod .form-group, .b-form-footer .form-group, .b-f-s-info .form-group {
margin-bottom: 38px;
}
.b-form .b-form-description, .b-form-mod .b-form-description, .b-form-footer .b-form-description, .b-f-s-info .b-form-description {
margin: 33px 0 27px;
}
.b-form .form-control, .b-form-mod .form-control, .b-form-footer .form-control, .b-f-s-info .form-control {
height: 40px;
padding: 5px 0 5px;
margin-bottom: 20px;
}
.b-form .form-control:focus, .b-form-mod .form-control:focus, .b-form-footer .form-control:focus, .b-f-s-info .form-control:focus {
box-shadow: none;
}
.b-form textarea.form-control, .b-form-mod textarea.form-control, .b-form-footer textarea.form-control, .b-f-s-info textarea.form-control {
padding-top: 20px;
padding-bottom: 25px;
height: 153px;
margin-bottom: 40px;
}
.b-form-mod {
border: none;
padding: 0;
}
.b-form-mod .form-control {
height: 45px;
}
.b-form-footer.errorMsg {
border-color: #f00;
}
.b-form-footer.successMsg {
border-color: green;
}
.b-form-footer, .b-f-s-info {
border: 6px solid #eee;
padding: 66px 10% 18px;
z-index: 2;
position: relative;  }
html .b-form-footer {
padding:66px 160px 35px 10%;
}
footer .wpcf7 input[type=text], footer .wpcf7 input[type=email] {
border: 0;
border-bottom: 1px solid #444444;
}
footer .wpcf7-textarea {
border-bottom: 1px solid #444444 !important;
background: transparent;
margin-bottom: 25px !important;
padding: 10px !important;
width: 100%;
margin: 10px 0px;
height: 135px;
border: 0;
}
footer input[type="submit"] {
position: relative;
top: 40px;
border-radius: 0;
font-weight: bold;
padding: 13px 25px;
}
footer div.wpcf7-response-output{
display: none !important;
}
footer .footer-form{
max-width: 650px;
float: right;
margin-right: -90px;
margin-top: 100px !important;
margin-bottom: -260px !important;
}
.b-form-footer .footer-form-title, .b-f-s-info .footer-form-title, .b-f-s-info .f-s-title {
font-weight: bold;
font-family: 'Raleway', sans-serif;
padding: 0;
margin-bottom: 33px;
position: relative;
display: inline-block;
}
.b-form-footer .footer-form-title:after, .b-f-s-info .footer-form-title:after, .b-f-s-info .f-s-title:after {
content: '';
display: inline-block;
position: absolute;
right: 0;
bottom: 11px;
width: 15px;
height: 1px;
background: #fff;
margin-right: -24px;
}
.b-form-footer .form-control, .b-f-s-info .form-control {
color: #dddddd;
background: transparent;
border-color: #444444;
height: 43px;
margin-bottom: 26px;
max-width: 415px;
}
.b-form-footer .form-control::-webkit-input-placeholder, .b-f-s-info .form-control::-webkit-input-placeholder {
color: #dddddd;
}
.b-form-footer .form-control::-moz-placeholder, .b-f-s-info .form-control::-moz-placeholder {
color: #dddddd;
}
.b-form-footer .form-control:-moz-placeholder, .b-f-s-info .form-control:-moz-placeholder {
color: #dddddd;
}
.b-form-footer .form-control:-ms-input-placeholder, .b-f-s-info .form-control:-ms-input-placeholder {
color: #dddddd;
}
.b-form-footer textarea.form-control, .b-f-s-info textarea.form-control {
padding-top: 15px;
height: 146px;
margin-bottom: 107px;
}  .b-check-radio-holder .checkbox,
.b-check-radio-holder .radio {
margin-bottom: 0;
}
.b-check-radio-holder .checkbox label {
min-height: 16px;
color: #666666;
}
.b-check-radio-holder .radio label {
height: 20px;
position: relative;
}
.b-check-radio-holder input[type="radio"].radio-style1 + span {
display: none !important;
}
.b-check-radio-holder input[type=radio] {
display: none !important;
}
.b-check-radio-holder .radio1 label:before,
.b-check-radio-holder .radio2 label:before,
.b-check-radio-holder .radio3 label:before {
width: 18px;
height: 18px;
}
.b-check-radio-holder label:before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: #fff;
border: 1px solid #cdcdcd;
}
.b-check-radio-holder .radio label:before {
border-radius: 100%;
}
.b-check-radio-holder input[type=radio]:checked + label:after {
border-radius: 100%;
content: "";
height: 8px;
width: 8px;
position: absolute;
left: 50%;
margin-left: -5px;
top: 50%;
margin-top: -4px;
}
.b-check-radio-holder .radio1 label:before {
border-color: transparent;
}
.b-check-radio-holder .radio1 input[type=radio]:checked + label:after {
background-color: #fff;
}
.b-check-radio-holder .radio2 label:before {
background: #fff;
}
.b-check-radio-holder .radio2 input[type=radio]:checked + label:after {
background-color: #000;
}
.b-check-radio-holder input[type=checkbox] {
display: none;
}
.b-check-radio-holder .checkbox label {
padding-left: 32px;
}
.b-check-radio-holder .checkbox label:before {
width: 22px;
height: 22px;
}
.b-check-radio-holder input[type=checkbox]:checked + label:before {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
content: "\f00c";
font-size: 12px;
text-align: center;
line-height: 19px;
color: #fff;
border-color: transparent;
}
.b-check-radio-holder .checkbox-2 input[type=checkbox]:checked + label:before {
color: #fff;
background: #222;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
content: "\f00c";
font-size: 12px;
text-align: center;
line-height: 19px;
border-color: transparent;
}
.b-check-radio-holder .checkbox + .checkbox, .b-check-radio-holder .radio {
margin-right: 2px;
}
.b-check-radio-holder .checkbox + .checkbox, .b-check-radio-holder .radio + .radio {
margin-top: 0;
margin-right: 20px;
}
.b-check-radio-holder .checkbox {
display: inline-block;
margin-bottom: 25px;
margin-right: 20px;
}
.b-check-radio-holder .styled-radio,
.b-check-radio-holder .radio {
display: inline-block;
} .b-table {
margin-bottom: 58px;
}
.table thead {
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
color: #222222;
}
.table thead tr td {
padding: 0 25px 25px 35px;
border-bottom: 4px solid #2c2e30;
font-family: 'Raleway', sans-serif;
font-weight: 800;
font-size: 14px;
color: #222222;
letter-spacing: 2px;
}
.table thead tr td:first-child {
padding: 0 15px 25px 23px;
}
.table thead tr td:last-child {
padding: 0 25px 25px 40px;
}
.table thead tr span {
display: inline-block;
position: relative;
padding-top: 15px;
}
.table thead tr span:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 1px;
}
.table tbody {
font-size: 11px;
color: #666666;
}
.table tbody tr td {
padding: 15px 40px 18px 35px;
line-height: 1.1;
font-size: 13px;
font-weight: 300;
color: #666666;
}
.table tbody tr td:first-child {
padding: 15px 30px 15px 23px;
}
.table tbody tr td:last-child {
padding-left: 40px;
padding-right: 0;
}
.table.table-striped tbody tr td {
border-top: none;
}
.table.table-striped tbody tr:nth-of-type(2n+1) {
background: #f9f9fa;
}
.table.table-mod thead tr td {
padding-top: 25px;
padding-bottom: 18px;
background: #f9f9fa;
}
.table.striped-mod {
border: 1px solid #eeeeee;
}
.table.striped-mod thead tr td {
padding-top: 11px;
padding-bottom: 21px;
border-right: 1px solid #eeeeee !important;
}
.table.striped-mod thead tr td:last-child {
border-right: none;
}
.table.striped-mod thead tr span:before {
display: none;
}
.table.striped-mod tbody tr td {
border-right: 1px solid #eeeeee;
}
.table.striped-mod tbody tr td:last-child {
border-right: none;
}
.table-responsive {
border: none;
}
@-moz-document url-prefix() {
fieldset {
display: table-cell;
}
}  .footerBlock {
padding: 20px 0 0;
position: relative;
overflow: hidden;
}
.footerBlock .container-bg-additional {
padding-top: 100px;
height: 675px;
}
.copyright {
bottom: 82px;
color: #666;
font-size: 13px;
left: 0;
position: absolute;
}
.footer-btm {
background: #fff;
height: 240px;
width: 100%;
}
.b-footer-right-side {
position: relative;
}
.b-footer-bg-filter {
position: absolute;
right: 0;
top: 0;
background: url(//theoptx.com/wp-content/themes/moresa/css/media/filter-bg/1.png) center;
background-size: cover;
height: 500px;
margin: -20px 0 0;
width: 50%;
}
.b-footer-contacts {
position: relative;
z-index: 2;
margin-left: 68px;
}
.b-footer-contacts .footer-contacts-item {
margin-bottom: 43px;
}
.b-footer-contacts .footer-contacts-item .contacts-item-title {
padding: 14px 0 0;
margin-bottom: 16px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
position: relative;
letter-spacing: 1px;
}
.b-footer-contacts .footer-contacts-item .contacts-item-title:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 1px;
background: #fff;
}
.b-footer-contacts .footer-contacts-item p {
color: #fff;
}
.b-footer-socials {
position: relative;
z-index: 2;
padding-bottom: 25px;
}
.b-footer-socials  a{
text-transform: uppercase !important;
font-size: 12px !important;
color: #666666 !important;
font-weight: 600 !important;
}
.b-footer-socials .socials-title {
display: block;
font-size: 16px;
padding-top: 12px;
padding-left: 0;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 1.5px;
position: relative;
margin-right: 14%;
}
.b-footer-socials .socials-title:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 14px;
height: 1px;
}
.b-footer-socials ul {
margin: 0;
}
.b-footer-socials li {
margin-right: 25px;
margin-bottom: 5px;
padding: 0;
}
.b-footer-socials li:last-child {
margin-right: 0;
}
.b-footer-socials a {
text-transform: uppercase;
font-size: 12px;
color: #666666;
font-weight: 600;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.b-footer-socials a:hover {
color: #dddddd;
text-decoration: none;
} .home-breadcrumbs-header .custom-filter {
float: right;
}
.b-home-about {
margin-bottom: 25px;
}
.b-home-about .b-mod-heading {
margin-bottom: -2px;
margin-top: 22px;
}
.b-home-about .b-blockquote-holder {
margin-bottom: 12px;
}
.b-home-about .b-blockquote-left-border:before {
display: none;
}
.b-home-about .b-blockquote-left-border .quote-text,
.b-home-about .b-blockquote-left-border .quote-author {
margin-left: 0;
}
.b-home-about .b-blockquote-left-border .quote-text {
line-height: 1.8;
font-size: 16px;
margin-bottom: 15px;
}
.b-home-about .b-cuts-img-holder {
margin-left: 25px;
}
.b-home-about .b-cuts-img-holder .img-cut {
margin-bottom: 25px;
}
.b-services-holder > [class*='col-'] {
padding: 0;
height: 250px;
}
.b-services-holder > [class*='col-']:nth-child(even) {
background-color: #f9f9fa !important;
}
.b-services-holder > [class*='col-']:nth-child(odd) {
background-color: #f6f6f8;
}
.b-services-item {
min-height: 160px;
padding-bottom: 0;
padding: 5%;
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.m-featured-services-center{
text-align: center;
}
.m-featured-services-center .b-services-item .services-icon {
float: none;
margin-right: 0;
padding-top: 15px;
}
.m-featured-services-center .b-services-item .services-text .services-title:before {
content: '';
display: block;
position: relative;
left: 0;
top: 0;
width: 15px;
height: 1px;
margin: 0 auto 10px;
}
.text-white .m-featured-services-center .b-services-item .services-text .services-title:before{
background-color: #fff;
}
.b-home-works {
margin-bottom: 0;
}
.b-home-offers .container-bg-additional {
height: 750px;
}
@media screen and (min-width: 1200px) {
.b-home-team .b-member-info {
padding: 0 ;
}
}
.primary-home-news .b-blog-item {
margin-bottom: 75px;
}
.secondary-home-news a {
display: block;
}
.secondary-home-news a:hover {
text-decoration: none;
}
.secondary-home-news .b-blog-item {
margin-bottom: 25px;
background: url(//theoptx.com/wp-content/themes/moresa/images/home-news-bg.jpg) center;
background-size: cover;
padding: 24px 27px 15px;
position: relative;
}
.secondary-home-news .b-blog-item:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(246, 246, 248, 0.95) none repeat scroll 0 0;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.secondary-home-news .b-blog-caption .caption-title, .secondary-home-news .comment-caption .caption-title {
font-size: 14px;
font-weight: bold;
line-height: 2;
position: relative;
}
.secondary-home-news .b-blog-item:hover .b-blog-caption .caption-data, .secondary-home-news .b-blog-item:hover .comment-caption .caption-data, .comment-caption .secondary-home-news .b-blog-item:hover .b-blog-caption .comment-caption-data, .secondary-home-news .b-blog-item:hover .comment-caption .comment-caption-data {
color: #fff;
}
.secondary-home-news .b-blog-item:hover .b-blog-caption .caption-data::after, .secondary-home-news .b-blog-item:hover .comment-caption .caption-data::after, .comment-caption .secondary-home-news .b-blog-item:hover .b-blog-caption .comment-caption-data::after, .secondary-home-news .b-blog-item:hover .comment-caption .comment-caption-data::after {
background: #fff !important;
}
.secondary-home-news .b-blog-item:hover .b-blog-caption .caption-title, .secondary-home-news .b-blog-item:hover .comment-caption .caption-title {
color: #fff;
} .home-secondary-all .page-container {
display: block;
position: relative;
overflow: hidden;
}
.section-home-secondary .b-home-about .b-mod-heading {
margin-top: 0;
margin-bottom: -15px;
}
.section-home-secondary .b-home-about .b-mod-heading .line-right {
margin-bottom: 30px;
}
.section-home-secondary .b-home-about {
margin-bottom: 37px;
}
.section-home-secondary .b-home-about .b-services-holder {
padding: 15px 0 0;
}
.section-home-secondary .b-home-about .img-brd, .section-home-secondary .b-home-about .img-brd-mod, .section-home-secondary .b-home-about .img-brd-mod {
margin-left: 65px;
}
.section-home-secondary .b-home-about .img-brd .img-cut .cut, .section-home-secondary .b-home-about .img-brd-mod .img-cut .cut, .section-home-secondary .b-home-about .img-brd-mod .img-cut .cut {
width: 50px;
height: 150px;
}
.b-services-item.b-services-item-mod .services-icon {
width: 17.5%;
margin-right: 12px;
padding-top: 13px;
}
.b-services-item.b-services-item-mod .services-text {
padding-top: 22px;
}
.b-services-item.b-services-item-mod p {
margin-top: 8px;
line-height: 2;
position: relative;
overflow: hidden;
}
.section-home-secondary .b-home-offers {
margin-bottom: 120px;
}
.section-home-secondary .b-home-offers .container-bg-additional {
height: 820px;
}
.section-home-secondary .b-home-offers .b-services-bg-filter {
height: 100%;
}
.section-home-secondary .b-f-s-info {
height: 288px;
padding: 71px 6% 18px;
margin-right: 0;
margin-bottom: 85px;
}
.section-home-secondary .b-f-s-info .f-s-text {
margin-left: 63px;
margin-top: -16px;
}
.section-home-secondary .b-f-s-info p {
max-width: 100%;
}
.btn-default-arrow{
border: 0 !important;
background: transparent !important;
}
.btn-default-arrow i{
font-size: 14px;
padding-right: 10px;
}
.b-services-item .services-icon i{
font-size: 50px;
}
.featured-services-center .b-services-item {
margin-bottom: 25px;
}
.featured-services-center .b-services-item .services-icon {
float: none;
display: block;
text-align: center;
margin-right: 0;
margin-bottom: 20px;
}
.featured-services-center .b-services-item .services-text {
text-align: center;
}
.featured-services-center .b-services-item .services-text .services-title {
color: #fff;
}
.featured-services-center .b-services-item .services-text .services-title::before {
left: 0;
right: 0;
margin: 0 auto;
background: #fff;
}
.featured-services-center .b-services-item .services-text p {
color: #dddddd;
}
.section-home-secondary .tab-pane .tab-img .slide-counter {
bottom: 30px;
right: 115px;
}
.section-home-secondary .b-to-all-works {
position: relative;
left: 51px;
margin-top: 75px;
}
.b-home-video-block .container-fluid {
padding: 0;
}
.b-home-video-block .container-fluid > [class*='col-'] {
padding: 0;
}
.b-home-video-block .left-side,
.b-home-video-block .right-side {
height: 550px;
}
.b-home-video-block .left-side {
background: url(//theoptx.com/wp-content/themes/moresa/css/media/home/video-block-bg.jpg) center;
}
.b-home-video-block .right-side {
background: #f6f6f8;
}
.b-home-video-block .right-side .content {
height: 320px;
padding: 0 15%;
position: absolute;
top: 50%;
margin-top: -160px;
}
.b-home-video-block .right-side .content .b-mod-heading {
position: relative;
}
.b-home-video-block .right-side .content .b-mod-heading .first-heading {
padding-top: 27px;
font-size: 24px;
}
.b-home-video-block .right-side .content .b-mod-heading .first-heading:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 1px;
}
.b-home-video-block .right-side .content .b-mod-heading .line-right {
margin-bottom: 10px;
}
.b-home-video-block .right-side .content .b-text {
margin-bottom: 30px;
}
.b-home-video-block .b-video-holder {
text-align: center;
width: 100%;
height: 96px;
position: absolute;
top: 50%;
margin-top: -48px;
left: 0;
right: 0;
}
.b-home-video-block .b-video-holder a {
display: inline-block;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-webkit-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.b-home-video-block .b-video-holder a:hover {
opacity: .7;
text-decoration: none;
}
.b-home-video-block .b-video-holder i {
font-size: 52px;
}
.b-home-video-block .b-video-holder .video-title {
display: block;
text-transform: uppercase;
color: #f5f5f5;
font-size: 12px;
font-weight: bold;
padding-top: 25px;
}
.section-home-secondary .b-home-team .b-member-info-slide-holder {
margin-top: 50px;
}
.section-home-secondary .b-home-team .b-member-info {
padding: 0 0;
}
.section-home-secondary .b-home-team .b-member-info .b-mod-heading {
margin: 0;
}
.section-home-secondary .b-home-team .b-team {
padding: 120px 0 22px;
}
.section-home-secondary .primary-home-news a {
display: block;
}
.section-home-secondary .primary-home-news a:hover {
text-decoration: none;
}
.section-home-secondary .primary-home-news a:hover .caption-title {
text-decoration: underline;
}
.section-home-secondary .primary-home-news .caption-title {
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.section-home-secondary .primary-home-news .caption-preview-text {
color: #222222;
margin-bottom: 0;
}
.section-home-secondary .primary-home-news .b-blog-item {
margin-bottom: 45px;
}
.section-home-secondary .primary-news-1 .b-blog-img {
margin-bottom: 18px;
}
.section-home-secondary .primary-news-2 .b-blog-item .b-blog-caption, .section-home-secondary .primary-news-2 .b-blog-item .comment-caption {
margin-left: 15px;
margin-top: 6px;
margin-bottom: 44px;
}
.section-home-secondary .secondary-home-news {
margin-top: 20px;
}
.b-map {
min-height: 655px;
}
.b-map-small-holder {
margin-bottom: 25px;
}
.b-map-small {
height: 550px;
}
.section-contact-1 .b-mod-heading {
margin-bottom: 93px;
}
.section-contact-2 .b-mod-heading {
margin-bottom: 74px;
}
.b-contact-info, .b-work-info,
.b-member-caption, .b-post-tags {
margin-bottom: 78px;
}
.b-contact-info .contact-info-title, .b-work-info .contact-info-title,
.b-member-caption .contact-info-title, .b-post-tags .contact-info-title {
text-transform: uppercase;
letter-spacing: 1px;
color: #666666;
font-weight: 600;
position: relative;
padding-top: 12px;
margin-bottom: 13px;
}
.b-contact-info .contact-info-title:before, .b-work-info .contact-info-title:before,
.b-member-caption .contact-info-title:before, .b-post-tags .contact-info-title:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 1px;
}
.b-contact-info .contact-info-title span, .b-work-info .contact-info-title span,
.b-member-caption .contact-info-title span, .b-post-tags .contact-info-title span {
font-size: 18px;
font-weight: bold;
letter-spacing: 2px;
}
.b-contact-info ul li, .b-work-info ul li,
.b-member-caption ul li, .b-post-tags ul li {
color: #666666;
margin-bottom: 15px;
}
.b-contact-info ul span, .b-work-info ul span,
.b-member-caption ul span, .b-post-tags ul span {
display: inline-block;
min-width: 88px;
margin-right: 5px;
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
color: #222222;
}
.b-items-sort {
margin: 0 0 67px;
}
.b-items-sort li {
font-size: 12px;
color: #666666;
font-weight: bold;
position: relative;
padding: 10px 0 0;
cursor: pointer;
margin: 0 8px;
letter-spacing: 1px;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.b-items-sort li:before {
content: '';
display: block;
width: 15px;
height: 1px;
position: absolute;
left: 0;
top: 0;
}
.b-works-holder {
font-size: 0;
}
.works-item {
display: inline-block;
padding: 0 15px;
margin-bottom: 40px;
}
.works-item a {
display: block;
} .section-work-detail .b-text p {
padding: 5px 0;
}
.work-left-side {
margin-bottom: 25px;
}
.work-left-side .content {
margin-left: 22px;
}
.b-work-info-holder {
margin-top: 55px;
}
.b-work-info,
.b-member-caption {
margin-bottom: 58px;
}
.b-work-info .contact-info-title,
.b-member-caption .contact-info-title {
margin-bottom: 2px;
color: #222222;
font-weight: bold;
}
.b-work-info ul li,
.b-member-caption ul li {
margin-bottom: 7px;
}
.b-work-info ul span,
.b-member-caption ul span {
font-size: 13px;
text-transform: none;
color: #666666;
min-width: auto;
margin-right: 0;
}
.b-work-info .work-share li,
.b-member-caption .work-share li {
margin-bottom: 10px;
}
.b-work-info .work-share a,
.b-member-caption .work-share a {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: #666666;
letter-spacing: 1px;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.b-work-info .work-share a:hover,
.b-member-caption .work-share a:hover {
text-decoration: none;
}
.work-right-side {
margin-bottom: 85px;
}
.work-right-side .content {
margin-left: 56px;
margin-top: 5px;
}
.img-brd-holder {
padding-right: 5%;
padding-bottom: 5%;
}
.img-brd, .img-brd-mod {
display: inline-block;
position: relative;
}
.img-brd .brd, .img-brd-mod .brd {
position: absolute;
top: 22px;
left: 20px;
z-index: 1;
display: block;
width: 100%;
height: 100%;
border: 5px solid #f6f6f6;
background: transparent;
}
.img-brd img, .img-brd-mod img {
position: relative;
z-index: 2;
}
.img-brd-mod .brd {
left: -20px;
}
.img-brd-mod .img-cut .cut {
right: 0;
left: 0;
z-index: 3;
}
.img-brd-mod.cut-right-top .img-cut .cut {
right: 0 !important;
top: 0;
left:auto;
z-index: 3;
}
.work-img-big {
margin-bottom: 77px;
}
.work-img-small {
margin-bottom: 35px;
}
.img-cut {
display: inline-block;
position: relative;
margin-bottom: 10px;
}
.b-cuts-img-holder{
margin-bottom: 25px;
}
.img-cut .cut {
position: absolute;
bottom: 0;
right: 0;
display: block;
background: #fff;
width: 30px;
height: 100px;
}
.img-cut.cut-right-top .cut {
top: 0;
bottom: auto;
}
.img-cut.cut-left-bottom .cut {
left: 0;
right: auto;
}
.b-blog-item {
margin-bottom: 95px;
position: relative;
}
.b-blog-item .b-blog-caption, .b-blog-item .comment-caption {
margin-left: 15px;
margin-top: 15px;
}
.primary-home-news a {
color:inherit 
}
.primary-home-news a:hover {
text-decoration: none !important;
}
.b-blog-data{
text-align: left !important;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.3);
padding: 15px 20px 10px 20px;
width: 100%;
}
.sticky .b-blog-data , .no-image .b-blog-data{
position: relative !important;
}
.b-blog-data span {
display: block;
}
.b-blog-data .blog-data-category{
padding-bottom: 10px;
}
.b-blog-data .blog-data-category , .b-blog-data .blog-data-category a {
letter-spacing: 3px;
font-size: 10px;
font-weight: 600;
color: #fff;
}
.b-blog-data .blog-data-date {
font-size: 16px;
font-weight: bold;
color: #fff;
letter-spacing: 1px;
padding-bottom: 10px;
position: relative;
margin-left: 0;
}
.b-blog-data .blog-data-date a{
color: #fff;
}
.b-blog-caption .caption-data, .comment-caption .caption-data, .comment-caption .comment-caption-data {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
color: #666666;
font-weight: bold;
position: relative;
padding-bottom: 17px;
margin-bottom: 15px;
}
.b-blog-caption .caption-data span, .comment-caption .caption-data span, .comment-caption .comment-caption-data span {
letter-spacing: .5px;
padding-right: 15px;
}
.b-blog-caption .caption-data:after, .comment-caption .caption-data:after, .comment-caption .comment-caption-data:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 15px;
height: 1px;
}
.b-blog-caption .caption-title, .comment-caption .caption-title {
font-weight: 600;
line-height: 1.4;
padding-bottom: 20px;
}
.b-blog-caption .caption-preview-text, .comment-caption .caption-preview-text {
line-height: 2;
margin-bottom: 40px;
}
.b-blog-caption .btn, .comment-caption .btn {
padding: 10px 0;
border: none;
-moz-transition: margin 0.3s linear;
-o-transition: margin 0.3s linear;
-webkit-transition: margin 0.3s linear;
-ms-transition: margin 0.3s linear;
transition: margin 0.3s linear;
}
.b-blog-caption .btn:hover, .comment-caption .btn:hover {
background: transparent;
color: #222222;
margin-left: 15px;
}
.b-blog-caption .btn:hover i, .comment-caption .btn:hover i {
color: #222222;
}
.section-blog .b-pagination-mod-1 {
margin-top: 43px;
} .b-blog-post {
padding-left: 70px;
position: relative;
}
.b-blog-post .b-blog-data {
top: 250px;
margin-top: 0;
}
@media screen and (min-width: 1444px) {
.b-blog-post .b-blog-data {
top: 135px;
}
}
.b-blog-post .b-text p {
padding: 10px 0;
}
.b-blog-post-img {
margin-top: 18px;
margin-bottom: 35px;
}
.b-blog-post-img .cut {
width: 128px;
height: 60px;
}
.post-mid-content-1 {
padding-top: 20px;
}
.post-mid-content-1 .content-side {
width: 35%;
margin-bottom: 25px;
}
.post-mid-content-1 .content-side p {
margin-bottom: 5px;
}
.post-mid-content-1 .img-brd, .post-mid-content-1 .img-brd-mod {
margin-right: 85px;
margin-top: 12px;
margin-bottom: 108px;
}
.section-blog-post .b-blockquote-holder {
margin-bottom: 92px;
}
.section-blog-post .b-mod-heading {
margin-bottom: -12px;
}
.post-mid-content-2 {
margin-bottom: 72px;
}
.post-mid-content-2 .content-side {
width: 55%;
margin-bottom: 25px;
}
.post-mid-content-2 .content-side p {
margin-bottom: 5px;
}
.post-mid-content-2 .img-brd, .post-mid-content-2 .img-brd-mod {
margin-right: 60px;
margin-top: 12px;
margin-bottom: 25px;
}
.b-post-tags a {
-moz-transition: color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out;
-webkit-transition: color 0.3s ease-in-out;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.b-post-tags ul {
margin: 0;
}
.b-post-tags li {
padding-right: 0;
padding-left: 0;
}
.b-post-tags .tags-list li {
padding-right: 2px;
}
.b-post-tags .tags-list a {
font-size: 12px;
font-weight: bold;
color: #666666;
}
.b-post-tags .contact-info-title {
font-size: 16px;
letter-spacing: 1px;
color: #222222;
padding-right: 10px !important;
}
.b-post-tags .post-share {
margin-right: 66px;
margin-top: 17px;
}
.b-post-tags .post-share li {
margin-left: 20px;
}
.b-post-tags .post-share li:first-child {
margin: 0;
}
.b-post-tags .post-share a {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
color: #666666;
font-weight: 600px;
}
.b-pagination-holder {
margin-bottom: 100px;
}
.b-post-comments .heading-line,
.b-post-reply .heading-line {
font-size: 24px;
margin-bottom: 55px;
}
.b-post-comments {
margin-bottom: 82px;
}
.b-comment-item {
margin-bottom: 25px;
}
.comment-userpic {
float: left;
margin-right: 25px;
}
.comment-caption {
position: relative;
overflow: hidden;
padding-right: 58px;
}
.comment-caption .comment-caption-data span {
display: block;
}
.comment-caption .comment-caption-data .author {
font-size: 14px;
color: #222222;
padding-bottom: 7px;
}
.comment-caption .comment-text p {
color: #666666;
line-height: 2;
}
.comment-caption .btn-reply {
float: right;
margin-top: 27px;
}
.b-sub-comment {
padding-left: 9.5%;
padding-top: 45px;
}
.b-post-reply .b-form, .b-post-reply .b-form-mod, .b-post-reply .b-form-footer, .b-post-reply .b-f-s-info {
max-width: 1005px;
}
.section-services .b-mod-heading {
margin-bottom: 90px;
}
.section-services .container-bg-additional {
height: 750px;
margin-bottom: 120px;
}
.b-services-bg-filter {
position: absolute;
left: 0;
top: 0;
background: url(//theoptx.com/wp-content/themes/moresa/css/media/filter-bg/services-filter-bg.png) center;
background-size: cover;
height: 750px;
margin: 0 0 0;
width: 50%;
}
.b-services-item .services-icon {
float: left;
margin-right: 25px;
padding-top: 15px;
}
.b-services-item .services-icon span:before , .b-services-item .services-icon span:after{
font-size: 47px;
}
.b-services-item .services-text {
position: relative;
overflow: hidden;
}
.b-services-item .services-text .services-title {
position: relative;
padding: 15px 0 18px;
font-weight: bold;
letter-spacing: 1.2px;
}
.b-services-item .services-text .services-title:before {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 15px;
height: 1px;
}
.b-services-item .services-text p {
line-height: 2;
}
.b-featured-services {
padding-top: 120px;
}
.b-f-s-info {
padding-top: 100px;
float: right;
padding-left: 100px;
padding-right: 180px;
margin-right: -80px;
max-width: inherit;
min-width: auto;
padding-bottom: 100px;
}
.mod2  .b-f-s-info{
margin-right: 0 !important;
padding-left: 75px;
padding-right: 45px;
padding-top: 50px;
padding-bottom: 20px;
}
.mod2  .f-s-text{
padding-left: 40px;
}
.mod2 .b-f-s-info .f-s-title {
line-height: 47px;
margin-bottom: 44px;
font-size: 50px;
padding-right: 60px;
}
.mod2 .f-s-title::after {
margin-right: 70px;
}
.b-f-s-info .f-s-title {
line-height: 47px;
margin-bottom: 44px;
font-size: 50px;
}
.b-f-s-info p {
line-height: 2;
max-width: 75%;
margin-bottom: 32px;
}
.b-f-s-info .btn {
color: #fff;
padding: 10px 0;
border: none;
-moz-transition: margin 0.3s linear;
-o-transition: margin 0.3s linear;
-webkit-transition: margin 0.3s linear;
-ms-transition: margin 0.3s linear;
transition: margin 0.3s linear;
}
.b-f-s-info .btn i {
color: inherit;
}
.b-f-s-info .btn:hover {
background: transparent;
margin-left: 15px;
}
.b-f-s-info .btn:hover i {
color: #666666;
}
.text-white-color .b-services-slide .b-services-item .services-text .services-title,
.text-white-color .b-work-steps .b-services-item .services-text .services-title {
color: #fff;
}
.b-services-slide .b-services-item .services-text p,
.b-work-steps .b-services-item .services-text p {
color: #dddddd;
}
.b-brands-holder {
position: relative;
margin-bottom: 120px;
}
.b-brands-holder .container-fluid {
padding: 0;
}
.b-brands-holder .col-sm-6 {
padding: 0;
}
.b-brands-left,
.b-brands-right {
height: 240px;
padding: 90px 0;
position: relative;
}
.b-brands-left {
background-color: #f6f6f8;
}
.brand-item {
display: inline-block;
vertical-align: middle;
margin: 0 8.5%;
} .b-tabs {
position: relative;
}
.b-tabs .b-tabs-controls {
position: absolute;
left: -105px;
top: 195px;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg) translatey(-90px);
width: 445px;
}
.b-tabs ul.nav-tabs {
border: none;
}
.b-tabs .nav-tabs > li > a {
border: none;
font-size: 12px;
text-transform: uppercase;
color: #666666;
font-weight: bold;
position: relative;
padding: 0 10px 15px 10px;
letter-spacing: 1px;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.b-tabs .nav-tabs > li.active > a,
.b-tabs .nav-tabs > li.active > a:focus,
.b-tabs .nav-tabs > li.active > a:hover {
background: transparent !important;
border: none !important;
}
.tab-custom {
visibility: hidden;
position: absolute;
opacity: 0;
height: 0;
}
.tab-custom.active {
visibility: visible;
position: relative;
opacity: 1;
height: auto;
}
.tab-custom .tab-img,
.tab-pane .tab-img {
position: relative;
}
.tab-custom .tab-img .bx-wrapper,
.tab-pane .tab-img .bx-wrapper {
margin-bottom: 0;
}
.tab-custom .tab-img .bx-wrapper .bx-viewport,
.tab-pane .tab-img .bx-wrapper .bx-viewport {
left: -55px;
}
.tab-custom .tab-img .slide-counter,
.tab-pane .tab-img .slide-counter {
width: 150px;
height: 50px;
background: #fff;
font-size: 12px;
color: #666666;
font-weight: bold;
text-align: center;
position: absolute;
bottom: 0;
right: 80px;
padding-top: 20px;
}
.tab-custom .tab-img .slide-counter .current-index,
.tab-pane .tab-img .slide-counter .current-index {
font-size: 20px;
color: #222222;
}
.tab-custom .tab-img .slide-counter.mod-counter,
.tab-pane .tab-img .slide-counter.mod-counter {
right: 17.5%;
bottom: 6.5%;
}
.tab-custom .tab-caption,
.tab-pane .tab-caption {
margin-left: -56px;
padding-top: 48px;
position: relative;
overflow: hidden;
max-width: 455px;
}
.tab-custom .tab-caption .b-mod-heading,
.tab-pane .tab-caption .b-mod-heading {
margin-bottom: 5px;
}
.tab-custom .tab-caption .tab-caption-text,
.tab-pane .tab-caption .tab-caption-text {
line-height: 2;
margin-bottom: 40px;
}
.tab-custom .b-tab-additional,
.tab-pane .b-tab-additional {
margin-top: 82px;
}
.tab-custom .b-tab-additional .bx-wrapper .bx-viewport,
.tab-pane .b-tab-additional .bx-wrapper .bx-viewport {
left: -45px;
}
.tab-custom .b-tab-additional a,
.tab-pane .b-tab-additional a {
display: inline-block;
position: relative;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-webkit-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.tab-custom .b-tab-additional a:hover,
.tab-pane .b-tab-additional a:hover {
opacity: .7;
}
.tab-custom .b-tab-additional a:before,
.tab-pane .b-tab-additional a:before {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
width: 100%;
height: 100%;
background: transparent;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
-webkit-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.featured-services-right   .bx-pager {
margin-right: -70px;
}
.section-about .img-brd-mod {
margin-left: 21px;
margin-top: 25px;
}
.section-about .b-services-holder {
margin-top: 44px;
margin-bottom: 55px;
}
.section-about .featured-services-right {
margin-left: 67px;
margin-top: 7px;
}
.section-about .b-featured-services {
height: 705px;
}
.section-about .b-services-bg-filter {
height: 705px;
}
.section-about .b-f-s-info {
height: auto;
}
.b-team {
}
.b-about-facts .container-fluid {
padding: 0;
}
.b-about-facts .container-fluid .col-sm-3 {
padding: 0;
}
.b-about-facts .container-fluid .col-sm-3:nth-child(even) {
background-color: #f9f9fa !important;
}
.b-about-facts .container-fluid .col-sm-3:nth-child(odd) {
background-color: #f6f6f8;
}
.b-about-facts .about-facts-item {
padding: 34px 6%;
height: 220px;
}
.facts-content {
border: 5px solid #fff;
padding: 27px 8%;
}
.facts-content .facts-icon {
float: left;
margin-right: 7px;
}
.facts-content .facts-icon i {
font-size: 52px;
}
.facts-content .facts-caption {
position: relative;
overflow: hidden;
}
.facts-content .facts-caption p {
margin: 0;
}
.facts-content .facts-caption p:first-child {
font-size: 30px;
padding-bottom: 6px;
font-weight: bold;
}
.facts-content .facts-caption p:last-child {
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
padding-bottom: 10px;
position: relative;
}
.facts-content .facts-caption p:last-child:after {
content: '';
display: block;
width: 15px;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
}
.b-work-steps .b-services-item { }
.b-work-steps .b-services-item .services-text p {
margin-top: -10px;
}
.b-work-steps .b-services-item .services-icon {
position: relative;
padding: 0;
}
.b-work-steps .b-services-item .services-icon:after {
content: '';
display: block;
width: 1px;
height: 60px;
position: absolute;
left: 50%;
margin-left: -0.5px;
margin-top: 23px;
border-left: 1px dotted #7a7a7a;
}
.b-work-steps .b-services-item .services-icon .circle-0 {
width: 24px;
height: 24px;
border-radius: 50%;
background: #eeeeee;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.b-work-steps .b-services-item .services-icon .circle-1 {
width: 16px;
height: 16px;
margin: 0 auto;
background: #a1c3d7;
border-radius: 50%;
position: relative;
top: 4px;
-moz-transition: background 0.3s ease-in-out;
-o-transition: background 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
.b-work-steps .b-services-item .services-icon .circle-2 {
width: 10px;
height: 10px;
margin: 0 auto;
background: #2d83b4;
border-radius: 50%;
position: relative;
top: 3px;
}
.b-work-steps .b-services-item .services-icon.work-active .circle-0, .b-work-steps .b-services-item:hover .circle-0 {
background: #404040;
}
.b-work-steps .b-services-item .services-icon.work-active .circle-1, .b-work-steps .b-services-item:hover .circle-1 {
background: #385b6e;
}
.b-work-steps .b-services-item:last-child .services-icon:after {
display: none;
}
.b-testimonials .container-fluid {
padding: 0;
}
.b-testimonials .left-side {
background-color: #f6f6f8;
}
.b-testimonials .right-side {
background-color: #f9f9fa;
}
.b-testimonials .left-side,
.b-testimonials .right-side {
height: 270px;
padding: 98px 0;
}
.b-testimonials .b-services-item {
float: right;
max-width: 330px;
margin-bottom: 0;
margin-right: 16%;
}
.b-testimonials .b-services-item .services-icon {
padding-top: 0;
margin-top: -3px;
}
.b-testimonials .bx-wrapper {
margin-bottom: 0;
}
.b-member-info .b-mod-heading {
margin-top: 24px;
margin-bottom: 58px;
}
.b-member-info .member-name {
margin-bottom: 17px;
}
.b-member-info .member-socials a {
color: #666666;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
-webkit-transition: color 0.3s linear;
-ms-transition: color 0.3s linear;
transition: color 0.3s linear;
}
.b-member-info .member-socials a *{
color: #666666 !important;
font-size: 14px;
}
.b-member-info .b-member-caption {
margin-bottom: 45px;
}
.b-member-info .b-member-caption .contact-info-title {
padding-bottom: 14px;
}
.b-member-info .b-member-caption p {
line-height: 2;
}
.b-member-info .b-member-progress {
margin-top: 13px;
}
.b-member-info .b-member-progress .progress {
height: 13px;
margin-bottom: 16px;
background: transparent;
box-shadow: none;
position: relative;
border: 0;
}
.b-member-info .b-member-progress .progress .bar-holder {
height: inherit;
width: 72%;
}
.b-member-info .b-member-progress .progress .prog-title {
text-align: left;
min-width: 110px;
background: #fff;
padding-left: 10px;
}
.progress .prog-title {
display: inline-block;
text-align: right;
font-size: 12px;
color: #999999;
text-transform: uppercase;
font-weight: bold;
position: absolute;
right: 0;
bottom: 0;
z-index: 2;
}
.progress.progress-label2 .progress-bar {
background: url(//theoptx.com/wp-content/themes/moresa/img/progress-bg.png) repeat-x;
}
.progress .progress-bar {
border: 1px solid transparent;
box-shadow: none;
}
.bx-team-controls {
display: none !important;
}
.b-member-list .member-img {
position: relative;
margin-bottom: 24px;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.b-member-list .member-img:hover {
opacity: .7;
}
.b-member-list .member-img:before {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
width: 100%;
height: 100%;
background: transparent;
z-index: 1;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
-webkit-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.b-member-list .member-img:after {
position: absolute;
bottom: 0;
left: 0;
content: '';
display: block;
width: 100px;
height: 20px;
background: transparent;
z-index: 2;
-moz-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
-webkit-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.b-member-list .member-list-item a.active .member-img:after {
background: #fff;
}
.testimonials-holder {
position: relative;
}
.testimonials-item {
width: 50%;
padding: 0 6%;
clear: both;
}
.testimonials-item .testimonials-caption {
background: none !important;
padding: 0;
}
.testimonials-item .testimonials-caption .quote-userpic {
margin-top: 0;
border-radius: 50%;
overflow: hidden;
}
.testimonials-item .testimonials-caption .quote-text {
font-size: 16px;
color: #222222;
}
.testimonials-item .testimonials-caption .quote-author .ef {
color: #cccccc;
}
.testimonials-item .testimonials-caption .quote-author .author-name {
color: #222222;
}
.header-background-color {
background: #2d83b4;
}
.top-padding-120{
padding-top: 120px;
}
.header-3h{
min-height: 165px;
}
.workImg{
overflow: hidden;
}
.imageWork1{
width: 457px;
height: 350px;
}
.imageWork2{
width: 262px;
height: 350px;
}
.imageWork3{
width: 360px;
height: 350px;
} .customBgColor,
.customPseudoElBg:before,
.customPseudoElBg:after {
background-color: #2d83b4;
}
.navbar-main > li > a:focus,
.navbar-main > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.customColor {
color: #2d83b4;
}
.custom-filter {
background-color: rgba(45, 131, 180, 0.9);
}
.logo span {
color: #2d83b4;
} .highlight-primary {
background: #2d83b4;
color: #fff;
}
.highlight-secondary {
background: #222222;
color: #fff;
}
.highlight-dotted {
background: #fff;
outline: 1px dotted #878787;
}
.highlight-primary-nobg {
color: #2d83b4;
background: transparent;
}
.highlight-secondary-nobg {
color: #222222;
background: transparent;
}
.highlight-gray-nobg {
color: #bbbbbb;
background: transparent;
} .color-tooltip {
color: #2d83b4;
}
.color-tooltip + .tooltip > .tooltip-inner {
background: #2d83b4;
}
.color-tooltip + .tooltip > .tooltip-arrow {
border-top-color: #2d83b4;
} .b-list.check-circle-o li:before {
color: #2d83b4;
}
.b-list.l-checked .l-not-check:before {
color: #2d83b4;
}
.b-list.l-checked-square .l-check-square:before {
color: #2d83b4;
}
.b-list.l-checked-square .l-not-check-square:before {
color: #2d83b4;
}
.b-list.l-plane li:before {
color: #2d83b4;
}
.b-list.l-circle li:before {
font-family: FontAwesome;
content: "\f111";
display: inline-block;
position: absolute;
top: 1px;
left: 5px;
font-size: 12px;
color: #2d83b4;
} .b-round-dropcap .round-dropcap {
background: #2d83b4;
}
.b-square-dropcap .square-dropcap {
background: #2d83b4;
}
.b-square-dropcap-mod .square-dropcap {
color: #2d83b4;
border-color: #2d83b4;
} .b-blockquote-left-border:before {
background: #2d83b4;
}
.b-blockquote-bg {
background-color: #2d83b4;
} .btn-primary {
background: #2d83b4;
border-color: #2d83b4;
}
.btn-primary:hover {
border-color: #2d83b4;
}
.btn-default {
color: #2d83b4;
}
.btn-default:hover {
background: #2d83b4;
border-color: #2d83b4;
}
.btn-primary-arrow {
background: #2d83b4;
border-color: #2d83b4;
}
.btn-primary-arrow:hover {
border-color: #2d83b4;
background: none;
}
.btn-default-arrow {
color: #2d83b4;
}
.btn-default-arrow:hover {
background: #2d83b4;
border-color: #2d83b4;
}
.btn-reply {
color: #2d83b4;
} .pag-btn:hover {
color: #2d83b4;
}
.pag-prev:after,
.pag-next:after {
background-color: #2d83b4;
} .b-form .form-control:focus {
border-color: #2d83b4;
} .checkbox-1 input[type=checkbox]:checked + label:before {
background: #2d83b4;
}
.radio1 label:before {
background: #2d83b4;
}
.radio3 label:after {
background-color: #2d83b4;
} .progress.progress-color2 .progress-bar {
background: #2d83b4;
}
.progress-mod.progress-color2 {
border: 2px solid #2d83b4;
}
.progress-mod.progress-color2 .progress-bar {
background: #2d83b4;
} .table.table-striped thead tr td {
border-color: #2d83b4;
} .b-plan-item .plan-title:before,
.b-plan-item-odd .plan-title:before {
background: #2d83b4;
}
.b-plan-item .plan-price,
.b-plan-item-odd .plan-price {
color: #2d83b4;
} .b-accordion .ui-accordion-header.ui-state-active {
background: #2d83b4;
border-color: transparent;
} .b-footer-socials .socials-title {
color: #2d83b4;
}
.b-footer-socials .socials-title:before {
background: #2d83b4;
} .b-contact-info .contact-info-title span,
.b-work-info .contact-info-title span {
color: #2d83b4;
} .b-items-sort li.active-filt {
color: #2d83b4;
}
.b-items-sort li.active-filt:before {
background: #2d83b4;
} .b-work-info a:hover {
color: #2d83b4;
} .b-post-tags a:hover {
color: #2d83b4;
} .b-tabs .nav-tabs > li.active > a,
.b-tabs .nav-tabs > li.active > a:focus,
.b-tabs .nav-tabs > li.active > a:hover {
color: #2d83b4;
}
.b-tabs .tab-custom .b-tab-additional a.active::before {
background: rgba(45, 131, 180, 0.9);
} .facts-icon i {
color: #2d83b4;
}
.b-member-info .member-socials a:hover {
color: #2d83b4;
}
.b-member-list .member-list-item a.active .member-img::before {
background: rgba(45, 131, 180, 0.9);
} .bx-outside-controls span {
border-color: #2d83b4;
} .secondary-home-news .b-blog-item:hover:before {
background: rgba(45, 131, 180, 0.9);
}
.section-home-secondary .primary-home-news a {
display: block;
}
.section-home-secondary .primary-home-news a:hover {
text-decoration: none;
}
.section-home-secondary .primary-home-news a:hover .caption-title {
color: #2d83b4;
}
.b-video-holder a {
color: #2d83b4;
}
.navbar {
border-bottom: 0 !important;
} .customBgColor,
.customPseudoElBg:before,
.customPseudoElBg:after {
background-color: #2d83b4;
}
.navbar-main > li > a:focus,
.navbar-main > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.customColor {
color: #2d83b4;
}
.custom-filter {
background-color: rgba(45, 131, 180, 0.9);
}
.logo span {
color: #2d83b4;
} .highlight-primary {
background: #2d83b4;
color: #fff;
}
.highlight-secondary {
background: #222222;
color: #fff;
}
.highlight-dotted {
background: #fff;
outline: 1px dotted #878787;
}
.highlight-primary-nobg {
color: #2d83b4;
background: transparent;
}
.highlight-secondary-nobg {
color: #222222;
background: transparent;
}
.highlight-gray-nobg {
color: #bbbbbb;
background: transparent;
} .color-tooltip {
color: #2d83b4;
}
.color-tooltip + .tooltip > .tooltip-inner {
background: #2d83b4;
}
.color-tooltip + .tooltip > .tooltip-arrow {
border-top-color: #2d83b4;
} .b-list.check-circle-o li:before {
color: #2d83b4;
}
.b-list.l-checked .l-not-check:before {
color: #2d83b4;
}
.b-list.l-checked-square .l-check-square:before {
color: #2d83b4;
}
.b-list.l-checked-square .l-not-check-square:before {
color: #2d83b4;
}
.b-list.l-plane li:before {
color: #2d83b4;
}
.b-list.l-circle li:before {
font-family: FontAwesome;
content: "\f111";
display: inline-block;
position: absolute;
top: 1px;
left: 5px;
font-size: 12px;
color: #2d83b4;
} .b-round-dropcap .round-dropcap {
background: #2d83b4;
}
.b-square-dropcap .square-dropcap {
background: #2d83b4;
}
.b-square-dropcap-mod .square-dropcap {
color: #2d83b4;
border-color: #2d83b4;
} .b-blockquote-left-border:before {
background: #2d83b4;
}
.b-blockquote-bg {
background-color: #2d83b4;
} .btn-primary {
background: #2d83b4;
border-color: #2d83b4;
}
.btn-primary:hover {
border-color: #2d83b4;
}
.btn-default {
color: #2d83b4;
}
.btn-default:hover {
background: #2d83b4;
border-color: #2d83b4;
}
.btn-primary-arrow {
background: #2d83b4;
border-color: #2d83b4;
}
.btn-primary-arrow:hover {
border-color: #2d83b4;
background: none;
}
.btn-default-arrow {
color: #2d83b4;
}
.btn-default-arrow:hover {
background: #2d83b4;
border-color: #2d83b4;
}
.btn-reply {
color: #2d83b4;
} .pag-btn:hover {
color: #2d83b4;
}
.pag-prev:after,
.pag-next:after {
background-color: #2d83b4;
} .b-form .form-control:focus {
border-color: #2d83b4;
} .checkbox-1 input[type=checkbox]:checked + label:before {
background: #2d83b4;
}
.radio1 label:before {
background: #2d83b4;
}
.radio3 label:after {
background-color: #2d83b4;
} .progress.progress-color2 .progress-bar {
background: #2d83b4;
}
.progress-mod.progress-color2 {
border: 2px solid #2d83b4;
}
.progress-mod.progress-color2 .progress-bar {
background: #2d83b4;
} .table.table-striped thead tr td {
border-color: #2d83b4;
} .b-plan-item .plan-title:before,
.b-plan-item-odd .plan-title:before {
background: #2d83b4;
}
.b-plan-item .plan-price,
.b-plan-item-odd .plan-price {
color: #2d83b4;
} .b-accordion .ui-accordion-header.ui-state-active {
background: #2d83b4;
border-color: transparent;
} .b-footer-socials .socials-title {
color: #2d83b4;
}
.b-footer-socials .socials-title:before {
background: #2d83b4;
} .b-contact-info .contact-info-title span,
.b-work-info .contact-info-title span {
color: #2d83b4;
} .b-items-sort li.active-filt {
color: #2d83b4;
}
.b-items-sort li.active-filt:before {
background: #2d83b4;
} .b-work-info a:hover {
color: #2d83b4;
} .b-post-tags a:hover {
color: #2d83b4;
} .b-tabs .nav-tabs > li.active > a,
.b-tabs .nav-tabs > li.active > a:focus,
.b-tabs .nav-tabs > li.active > a:hover {
color: #2d83b4;
}
.b-tabs .tab-custom .b-tab-additional a.active::before {
background: rgba(45, 131, 180, 0.9);
} .facts-icon i {
color: #2d83b4;
}
.b-member-info .member-socials a:hover {
color: #2d83b4;
}
.b-member-list .member-list-item a.active .member-img::before {
background: rgba(45, 131, 180, 0.9);
} .bx-outside-controls span {
border-color: #2d83b4;
} .secondary-home-news .b-blog-item:hover:before {
background: rgba(45, 131, 180, 0.9);
}
.section-home-secondary .primary-home-news a {
display: block;
}
.section-home-secondary .primary-home-news a:hover {
text-decoration: none;
}
.section-home-secondary .primary-home-news a:hover .caption-title {
color: #2d83b4;
}
.b-video-holder a {
color: #2d83b4;
}
.parallax-viewport {
position: relative; }
.parallax-layer {
position: absolute;
}
.vc_custom_1489515112488   .vc_col-sm-6:first-child{
position: relative;
z-index: 77;
}
.vc_btn3.vc_btn3-style-custom {
background-image: none !important;
background-image: none !important;
background-image: none !important;
}
.blog-footer-categories a{
padding-right: 7px;
}
.left-part .ms-section:after{
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-bottom: 10px solid #fff !important;
}