@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700'); @import url('https://fonts.googleapis.com/css?family=Roboto+Slab'); #sp-top-bar { height:47px; background-position: 49.2% 50% !important; .sp-module{ margin:0; } } #sp-header{ background-position: 49.4% 50% !important; box-shadow:none; &.header-sticky{ .logo{ margin:0; } } .logo{ margin: -20px 0 0; } } #sp-top1{ .custom.hot-line{ font-size:13px; padding: 14px 40px 14px 0; position:relative; p{ margin:0; &:before{ font-family: FontAwesome; content: "\f095"; margin-right:5px; } a{ color:#fff; } } } } #sp-top2{ .custom.yt-social{ ul{ padding:0;margin:0; li{ list-style:none; padding:0 10px; display:inline; a{ color:#fff; &:hover{ color:$link_hover_color; } } } } } .mod-languages{ position: relative; .btn-group{display:block !important;} .dropdown-toggle{ display: inline-block; font-size:13px; border:0; line-height:22px; &:hover{ color:$link_hover_color; } img{ float:left; margin-right: 5px; margin-top: 4px; } div{ b { background: none; &::after{ position: absolute; top: 6px; right: 9px; content: "\f107"; font-family: "FontAwesome"; } } } } .dropdown-menu{ min-width: 110px; padding: 5px 0; border-radius: 0px; margin-top: 5px; >li{ margin: 0px; padding: 0 10px; >a{ font-size:13px; &:hover{ color:$link_hover_color; } img{ display:inline; float: left; margin-top: 6px; margin-right: 8px; } } } } } } [class^="fa"]:before { font-family: FontAwesome; } .logout-button{ input[type="submit"]{ margin-top:4px; } } .logout-button, .login-greeting{display:inline;} #sp-menu{ nav.sp-megamenu-wrapper{ .sp-megamenu-parent{ .sp-dropdown { .sp-dropdown-inner{ ul.sp-mega-group{ li.menu_item.item-header{ a{ &:hover{ color: #fff; } } >ul{ li.sp-menu-item{ a{ &:hover{ color:$link_hover_color; } } } } } } } } li{ a{ color:#fff; &:hover{ color:$link_hover_color; } } } } } } #sp-search{ border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); background-color:#111;margin:0 -10px; .sp-module.module-search{ #btn-search-mobile{ float: right; color: #fff; position: relative; top: 24px; padding-right: 35px; &.open{ &:before{ content: '\f00d'; } } } #search-top-bar{ position: absolute; width: 100%; height: auto; background-color: #e6e6e6; z-index: 100; left: 0; right: 0; top: 68px; display: none; } form.form-search { position: absolute; margin: 0 auto; top: -2px; width: 238px; right: 0; input#mod-search-searchword { border-radius: 0; width: 100%; padding: 13px 50px 13px 12px; height: auto; } .btn-search { position: absolute; right: 5px; top: 14px; background-color: transparent; border: 0; color: #000; } } } } .modal-backdrop{ z-index:2; } #sp-top-bar{ div.mod-login { margin: 0; display: inline-block; position: relative; >button.icon { background: none; color: #595959; padding: 5px 15px; border:none; cursor: pointer; .fa-times { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } } >button.icon[aria-expanded*="true"]{ .fa-times { display:block; } .fa-cog { visibility: hidden; } } #collapselogin { position: absolute; top: 100%; right: 0; z-index: 999; border-top: 2px solid #fd7d1e; background: #fff; min-width: 200px; padding: 15px 15px 0; box-shadow: -1px 1px 2px; .mod-languages{ h3.title{ font-size: 14px; text-transform: uppercase; color: #222; margin: 0 0 10px; } } .logout-button { padding: 20px 0; .btn{ background: #fd7d1e; width: 100%; text-transform: uppercase; &:hover{ background: #444; } } } .title-account { font-size: 12px; color: #222; display: inline-block; margin: 5px 0; } } .yt-loginform { padding: 13px 0; margin:0; list-style: none; li{ display:inline-block; a{ position: relative; line-height: 22px; display: block; font-size:13px; text-transform: capitalize; padding: 0 10px; &:hover{ color:$link_hover_color; } } &.yt-register{ a{ &:before{ content: '\f090'; font-family: FontAwesome; } } } &.yt-login{ a{ &:before{ content: '\f007'; display: inline-block; font-family: FontAwesome; line-height: 1; font-size:14px; text-align: center; margin-right: 5px; } } } } #myLogin{ .modal-dialog { width: 360px; margin: 100px auto; z-index: 9999; text-align: left; } .modal-content { padding: 30px; border-radius: 0; background: #fff; } h3.title { font-size: 24px; color: #000; margin: 0px; text-transform: uppercase; } .btReverse { display: block; text-align: center; text-transform: uppercase; background:$bg_color; color:#fff; padding:10px 0; &:hover { color:#fff; } } #login-form { .userdata { margin: 0 0 20px; .inputbox { width: 100%; } label { font-weight: 500;display:inline-block;color:#222; } input[type="checkbox"] { margin: 3px 5px 0px 0px; } .button { text-transform: uppercase; background:$bg_color; border:0; color:#fff; padding:10px 15px; } } ul.listlogin { border-top: 1px solid #E7E7E7; margin: 30px 0; padding: 10px 0px 0px; font-size: 12px; li{ display: inline-block;margin-right:10px; a{ color: #999; &:hover{ color: #fd7d1e; } } } } } } } } } .custom.yt-project-counter{ background:#fff; padding: 0 30px; margin: 74px 0; display: flex; } .yt-bottom-contact{ ul.block-content{ li{ .ico-contactus{ background: url(../images/icon/ico-contactus.png) no-repeat transparent; border-radius: 2px; display: block; float: left; height: 30px; margin-right: 10px; text-indent: -999em; width: 30px; &:hover { background: url(../images/icon/ico-contactus.png) no-repeat transparent; } } .inner{ margin-left: 45px; line-height: 20px; margin-bottom:10px; color: #d8d8d8; a{color: #d8d8d8!important;} } a{ color: #d8d8d8; font-size: 13px; &:hover{ color:$link_hover_color; } } } .address,.email,.phone{ float: left; margin-bottom: 10px; width: 100%; } .address{ .ico-contactus{ background-position: 9px 7px; &:hover{background-position: 9px 7px;} } } .email{ .ico-contactus{ background-position: 7px -34px; &:hover{background-position: 7px -34px;} } .inner{ margin-top: 5px; } } .phone{ .ico-contactus{ background-position: 7px -75px; &:hover{background-position: 7px -75px;} } } } } #sp-footer1{ .acymailing_module_form{ display: block; overflow: hidden; width: 100%; .acymailing_form{ tr{ td{ &.acysubbuttons{ width:50px; } } } } .inputbox{ font-size: 12px; height: 51px; transition: all 0.3s ease; box-shadow: none; border-radius: 0; border: 0; } .subbutton{ font-size: 12px; font-weight: 700; height: 51px; margin: 0 0 0 -2px; background: #b71c1c; border-color: #b71c1c; border-radius: 0; text-transform: uppercase; } } } #sp-title{ .yt-content-slider .owl-controls{ margin-top:0; } } #sp-footer{ background-position: 70% 50%!important; height:146px; .container-inner{border:0;} .custom.yt-footer{float: right; p{ a{color:#b71c1c;} } } } .yt-footer{ p{text-align:left;text-transform:uppercase;color:#565656;font-weight:bold;font-size: 13px;} ul{ list-style:none;padding-left: 85px; li{ float:left; display:inline; padding:0 10px; a{ font-size: 13px; color: #c6c6c6; display: block; &:hover{ color:$link_hover_color; } .fa{ width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: #595959; color: #fff; display: inline-flex; font-size: 14px; overflow: hidden; vertical-align: middle; justify-content: center; &:hover{ background-color:$link_hover_color; } &:before{ position:absolute; left:36%; } } } } } } .acymailing_module{ div{ .acymailing_introtext{ font-size:16px; font-weight:bold; text-transform: uppercase; width: 34%; margin: 0px 0 0 !important; padding-left:0px !important; } .acymailing_finaltext{ width: 34%; float: left; padding-left:0px !important; } table.acymailing_form{ float: right; width: 58%; display: inline-table; margin-right: 50px; margin-top: -15px; } } } #sp-position5{ border-top:1px solid #ddd;padding-top: 50px; .yt-testimonial{ &:before{ position: absolute; height: 56px; background: #fff; content: ''; display: block; bottom: -64px; width: 970px; } } } .sppb-box-services { min-height:160px; background: #f8f8f8; color: #1c1c1c; width: 100%; margin-bottom: 30px; padding: 40px 35px 0 100px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; text-align: left; position: relative; z-index: 1; overflow: hidden; transition: 0.3s all ease-in-out; .sppb-box-services-inner { } .box-services--title { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700; transition: all 0.35s ease-in-out; } .box-services--icons { position: absolute; z-index: 2; left: 20px; top: 25%; transition: all 0.3s ease-in-out; } p { color:#7a7a7a; margin-bottom: 30px; } &:hover { background: #323232;color:#fff; p{color:#fff;} } } .profile-edit, .registration{ .form-group{ label{ display:inline-block!important; } } } .login{ .row{ .list-group-item{ border:0; color:#323232; &:hover{ color:$link_hover_color; } } } } #sp-intro{ .sppb-addon-heading{ .sppb-addon-title{ text-transform: uppercase; text-align: center; font-family: 'Roboto Slab', serif; } .heading-title{ font-family: 'Montserrat', sans-serif; font-weight:bold; text-transform:uppercase; color:#222; font-size:35px; } p.heading-subtitle{ text-align:center; font-style: italic; color:#767676; font-family: 'Roboto Slab', serif; } .post-text{ margin: 50px auto; text-align: center; width: 70%; color: #222222; font-size: 15px; } } } #sp-position9{ .sppb-addon-heading{ .sppb-addon-title{ text-transform: uppercase; text-align: center; font-family: 'Roboto Slab', serif; } .heading-title{ font-family: 'Montserrat', sans-serif; font-weight:bold; text-transform:uppercase; color:#222; font-size:35px; } p.heading-subtitle{ text-align:center; font-style: italic; color:#767676; font-family: 'Roboto Slab', serif; } .post-text{ margin: 50px auto 0; text-align: center; width: 70%; color: #222222; font-size: 15px; } } .sppb-addon-text-block{ ul{ list-style:none; padding:0; display:flex; flex-direction: column; >li{ margin-bottom:20px; p{ margin: 10px 0 0; } >img{ float:left;margin-right:25px; } } } } } #sp-position2{ .sppb-addon-features{ position:relative; text-align: center; margin-top: -100px; z-index: 99; padding-bottom:65px; color:#fff; h3{ position: absolute; top: 35%; left: 50%; transform: translate(-50%, -50%); font-size:24px; width: 280px; &:before{ position: absolute; width: 54px; content: ''; background-color: #fff; height: 2px; top: 180%; left: 40%; } } .btn-sm{ position: absolute; top: 55%; background-color: #fff; padding: 10px 20px; color:#1c1c1c; font-size:12px; text-transform:uppercase; border-radius: 0; font-weight: bold; left: 37%; &:hover{ color:$link_color; } } } .btn-services--readmore{ border:2px solid #b71c1c; padding: 15px 60px 15px 40px; color:#b71c1c; text-transform:uppercase; background-color:#fff; border-radius: 0; font-size:12px; font-weight:bold; position:relative; &:hover{ border:2px solid #1c1c1c; color:#1c1c1c; &:before{ color:#1c1c1c; } } &:before{ content: "\f178"; font-family:fontAwesome; font-style: normal; font-weight: normal; color:#b71c1c; font-size: 18px; position: absolute; top: 10px; right: 35px; } } } #sp-position3{ .yt-project-counter{ .box-maps{ border-right: 1px dashed #ddd; &:last-child{ border-right: 0; } .yt-counter-wrapper{ padding: 25px 52px; } } .yt-counter-icon{ img{ width:auto;margin-top: 5px; } } .yt-counter-desc{ .yt-counter-number{ font-size:37px; font-weight:bold; color:#1c1c1c; } .yt-counter-text{ font-size:15px; color:#1c1c1c; font-weight:normal; } } } } #sp-position5{ .testimonial-title{ text-indent: -9999px; position:relative; margin-bottom:100px; &:before{ content:""; background: url(../images/ico05.png) no-repeat 0 0; width:115px; height:115px; position:absolute; top:0; left:45%; } } .yt-testimonial{ width:970px; margin: 0 auto; .owl-nav{display:none;} .extraslider-inner{ .item{ .item-wrap{ p{ font-style:italic; font-size:16px; text-align: center; } .item-image{ width:250px;margin:0 auto; .item-img-info{ float:left;margin-right:15px; img{} } .item-info{ margin-top:20px;display:inline-block; h5{font-size:16px;color:#b71c1c;margin: 0;} span.position{color:#6e6e6e;} } } } } } } } #sp-bottom1{ div.custom >p{ color:#d8d8d8; } } .custom.yt-our-services{ .sppb-addon-heading{ .heading-title{ font-family: 'Montserrat', sans-serif; font-weight:bold; text-transform:uppercase; color:#222; font-size:35px; } p.heading-subtitle{ text-align:center; font-style: italic; color:#767676; font-family: 'Roboto Slab', serif; margin-bottom:50px; } } } #sp-user2{ .sppb-section-title{ padding-bottom:60px; h3.sppb-title-heading{ font-family: 'Montserrat', sans-serif; font-weight:bold; text-transform:uppercase; color:#fff; font-size:35px; } p.sppb-title-subheading{ text-align:center; font-style: italic; color:#fff; font-family: 'Roboto Slab', serif; } } } #sp-position8{ .sj-extraslider { margin:0; text-align:center; .heading-title{ float:none; font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; color: #222; font-size: 35px; } .pre-text{ font-style: italic; color: #767676; font-family: 'Roboto Slab', serif; } .item{ .item-info{ padding:0;margin:20px 0 0;text-align:left; .bs-author{ .author{text-transform: uppercase;color: #b71c1c;font-size:11px;} .bs-date{text-transform: uppercase;color: #a2a2a2;font-size:11px;} } .item-title{ padding:10px 0 15px;margin:0; a{ font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; font-size:18px; color:#222; &:hover{ color:$link_hover_color; } } } .item-content{ margin:0; .item-description{ color:#666; } } } } } } .breadcrumb-item+.breadcrumb-item::before{color:#fff;} #sp-breadcrumb{ .last-breadcrumb{ text-align:center; color:#fff; margin:0; font-size:30px; font-family: 'Poppins', sans-serif; text-transform:uppercase; } .breadcrumb{ background-color:transparent; justify-content: center; padding:0;margin:0; li{ a,span{ color:#fff; } } } } .contact-ajax.theme3{ .ctajax-wrap { position:relative; .pre-text{ font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; color: #222; font-size: 35px; text-align:center; } .post-text{ font-style: italic; color: #767676; font-family: 'Roboto Slab', serif; text-align:center; margin: 0 0 60px; } .ctajax-element { width:100%; .el-inner { padding:0; .el-info-contact{ margin:0 0 60px;padding:0;border:0; display:flex; .cf{ width:33.33%; img{ float:left; margin:0 20px; } .info-label{ margin-top:25px; } } } .el-ctajax-form { .el-control { margin-bottom: 30px; width: 50%; float: left; padding-right: 30px; &:nth-child(2) {padding-right:0;} &:nth-child(4) {padding-right:0;} &:last-child{margin:0;} &.full{ width: 100%;padding-right:0; } &.btn-subbmit { text-align:center; } .el-input { width: 100%; height: auto; padding: 14px; font-size:14px; margin-bottom: 0px; &::-webkit-input-placeholder { color:#1c1c1c;} } textarea { min-height: 180px; &::-webkit-input-placeholder { color:#1c1c1c;} } #cainput_submit { margin: 0; background: none; background-color: #0085d3; border-radius: 4px; padding: 15px 50px; border: 0; &:hover{ background-color: #00456d; } } } } } } } } .search{ .form-group{ .input-group{ width:30%; } select[name="ordering"]{ width:30%; } .form-inline select[name="limit"]{ width:30%; } input[type=radio]{margin-right:5px;} } } .content-category{ .filters{ >div.col{ select.inputbox{ display:flex; width: 80px; position:static; } } } } body.site .col-lg-12.col-xl-9 { max-width:100%; flex: 0 0 100%; } #sp-bottom2{ .sp-module{ ul{ margin: 0 0 0px 60px; } .sp-module-title{ margin: 0 0 30px 60px; } } } .content-category .col-auto .hide{display:none;} // Left and Right #search-top-bar { padding:0; .search-sidebar{ form.form-search{ width: 100%; border: 1px solid #e1e1e1; .search-query{ width: 100%; background: none; border: none; box-shadow: none; font-size:14px; } .btn-search{ border: none; background: none; position: absolute; top:0px; right: 15px; padding: 7px 10px; border-radius: 3px; &:hover{ background:$link_hover_color; color:#fff; } } } } } #sp-left, #sp-right { .sp-module { .sppb-addon-author{ text-align:center; p img{margin:0 auto; &:hover{opacity:0.8;} } div.yt-socialbt{ a{ border-radius: 50%; height: 30px; width: 30px; border: 0; background: no-repeat; box-shadow: none; &:hover{ >i{color: $link_hover_color;} } >i{ color:#898989; } } } } &.blog-sidebar{ .sj-basic-news{ .bs-image{ padding: 0 20px 10px 0; } .bs-content{ .bs-title{ a{ font-weight: bold; color: #1b1b1b; font-family: 'Montserrat', sans-serif; &:hover{ color:$link_hover_color; text-decoration:none; } } } .bs-cat-date{ span{ color:#898989;font-size:13px; } } } } } .tagspopular{ ul { li{ display:inline-block;border:0; a{ border:1px solid #f3f3f3; padding:5px 20px; margin: 0 10px 10px 0; background:#fff; color:#898989; &:hover{ background:$link_hover_color; color:#fff; } } } } } } } .input-group>.input-group-prepend>.input-group-text,.input-group>.form-control,.input-group>.input-group-append>.btn, .tag-category .input-group>.form-control,.tag-category .input-group-btn .btn{border-radius:0;} .tag-category{ .list-group{ li{ background:none; border:0; padding: 0 0 20px; h3{ text-transform: uppercase; font-size: 20px; font-weight: bold; font-family: 'Montserrat', sans-serif; a{ color:#252525; &:hover{ color:$link_hover_color; } } } } } } .tooltip.show{opacity:0!important;} table.category{ tr{ th{ a{ display:block!important; } } } } .pagination-wrapper, .paginationblock{ text-align:center;justify-content: center; margin-bottom:20px; .pagination{ li{ display: inline-block;padding: 0 1px; a,span{ border-radius: 0; min-width: 40px; height: 40px; line-height: 38px; border: 1px solid #ddd; padding: 0 10px; color: #898989; text-align: center; display: block; font-size: 14px; margin: 0; } &:hover{ a,span{ color: #fff; background-color:$link_hover_color; border-color: $link_hover_color; } } &.active{ a,span{ color: #fff; background-color:$link_hover_color; border-color: $link_hover_color; } } } } } // Blog .article-list { .col-md-12{ .article { .article-body{ .article-info{ span.published,span.createdby{font-size:13px;} } } } } .article { .article-intro-image{ img{ &:hover{ opacity: 0.8; } } } .article-body{ margin: 0 -20px; .article-header{ h2{ text-transform:uppercase; font-size:20px; font-weight:bold; font-family: 'Montserrat', sans-serif; } } .article-info{ span.createdby{ text-transform:uppercase; color:$link_hover_color; font-size:11px; } span.published{ text-transform:uppercase; color:#a2a2a2; font-size:11px; } } .article-introtext{ p{ color:#666; } } } } } .sppb-addon--slider .yt-content-slider .owl-controls .owl-nav { position: static; } .sppb-addon--slider .yt-content-slider .owl-controls .owl-nav .owl-prev, .sppb-addon--slider .yt-content-slider .owl-controls .owl-nav .owl-next { width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 3px; font-size: 18px; top: 50%; position: absolute; z-index: 1; background: rgba(200,200,200,0.6); font-family: 'FontAwesome'; margin-top: -25px; } .sppb-addon--slider .yt-content-slider .owl-controls .owl-nav .owl-prev:hover, .sppb-addon--slider .yt-content-slider .owl-controls .owl-nav .owl-next:hover { background: $link_hover_color; color: white; } .sppb-addon--slider .yt-content-slider .owl-controls .owl-nav .owl-prev { left: 30px; } .sppb-addon--slider .yt-content-slider .owl-controls .owl-nav .owl-next { right: 30px; } .sppb-addon--slider .yt-content-slider .owl-dots { position: absolute; bottom: 30px; left: 50%; width: 100%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); transform: translate(-50%,0); } .sppb-addon--slider .yt-content-slider .owl-dots .owl-dot span { width: 12px; height: 12px; } .sppb-addon--slider .yt-content-slider .owl-dots .owl-dot.active span { background: #ffab00; } .sppb-addon--slider .yt-content-slider .caption { background: none; color: #fff; text-align: center; top: 47%; bottom: auto; left: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .sppb-addon--slider .yt-content-slider .caption .title-small { font-family: 'Montserrat', sans-serif; font-size: 16px; margin: 0 0 20px; font-weight: 600; opacity: 0; text-transform: uppercase; } .sppb-addon--slider .yt-content-slider .caption .title-lage { font-family: 'Montserrat', sans-serif; font-size: 60px; margin: 0 0 0px; opacity: 0; text-transform: uppercase; } .sppb-addon--slider .yt-content-slider .caption p { opacity: 0; width: 50%; margin: 20px auto 30px; font-size: 20px; } .sppb-addon--slider .yt-content-slider .caption .button-find { background: transparent; color: white; font-weight: bold; text-transform: uppercase; opacity: 0; padding: 15px 35px; display: inline-block; box-shadow: none; min-width: 170px; border-radius:0; border: 2px solid #fff; } .sppb-addon--slider .yt-content-slider .caption .button-find:after{ font-family: 'FontAwesome'; content: '\f178'; margin-left:5px; } .sppb-addon--slider .yt-content-slider .caption .button-find:hover { border-color:$link_hover_color; color: $link_hover_color; } .sppb-addon--slider .yt-content-slider .active .caption .title-small { opacity: 1; position: relative; animation: fadeInTop 2.1s ease-in-out; } .sppb-addon--slider .yt-content-slider .active .caption h2 { opacity: 1; position: relative; animation: fadeInTop 1.8s ease-in-out; } .sppb-addon--slider .yt-content-slider .active .caption p { opacity: 1; position: relative; animation: fadeInTop 1.5s ease-in-out; } .sppb-addon--slider .yt-content-slider .active .caption .button-find { opacity: 1; position: relative; animation: fadeInTop 1.2s ease-in-out; } .contact-ajax.theme2{ border: 1px solid #ddd;float:left; .pre-text{ margin: 0; h2{ font-size:16px; font-weight:bold; color:#fff; padding: 30px 30px 0; margin:0; text-transform:uppercase; } } .ctajax-wrap{ .ctajax-element{ width: 570px; .el-inner{ padding: 30px; } .el-ctajax-form { input{ width:100%; background-color:rgba(255, 255, 255, .15); border: 1px solid rgba(255, 255, 255, .15); color:#fff; font-size:13px; border-radius: 0; &::-webkit-input-placeholder { color: #fff;} } textarea.el-input{ background-color:rgba(255, 255, 255, .15); border: 0; color:#fff; font-size:13px; border-radius: 0; &::-webkit-input-placeholder { color: #fff;} } input[type="submit"]{ background: #b71c1c; padding: 0 5px; max-width:130px; cursor:pointer; border: 0; } } } } } .contact-ajax.theme1{ .pre-text{ font-family: 'Montserrat', sans-serif; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 35px; text-align:center; } .post-text{ font-style: italic; color: #fff; font-family: 'Roboto Slab', serif; text-align:center; margin: 0 0 60px; } .ctajax-wrap{ .ctajax-element{ width:100%; .el-inner{padding: 0;} .el-ctajax-form { input{ width:100%; background-color: transparent; border: 1px solid #fff; color: #fff; font-size: 14px; border-radius: 0; &::-webkit-input-placeholder { color: #fff;} } textarea.el-input{ background-color:transparent; border: 1px solid #fff; color:#fff; font-size:14px; border-radius: 0; &::-webkit-input-placeholder { color: #fff;} } input[type="submit"]{ background: #fff; padding: 0 5px; font-weight:bold; color:#121212; max-width:130px; cursor:pointer; } } } } } @media (min-width: 1199px){ .container{ max-width: 1170px; margin:0 auto; padding:0; } .sppb-row-container{ max-width: 1170px; margin:0 auto; padding:0px !important; } #offcanvas-toggler{display:none;} }