body { /*font-family: 'Montserrat', sans-serif;*/ font-family: 'Raleway', sans-serif; font-size: 17px; color: #333333; font-weight: 300; -webkit-tap-highlight-color: #0085A1; } p { line-height: 1.5; margin: 30px 0; } h1, h2, h3, h4, h5, h6 { /*font-family: 'Montserrat', sans-serif;*/ font-family: 'Raleway', sans-serif; font-weight: 600; } a { color: #333333; text-decoration: none; } a:hover, a:focus { color: #0085A1; text-decoration: none; } button:focus, input[type="submit"]{outline:0;} a img:hover, a img:focus { cursor: zoom-in; } blockquote { color: #777777; font-style: italic; } hr.small { max-width: 100px; margin: 15px auto; border-width: 4px; border-color: white; } .navbar-custom { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; border:0px !important; } .navbar-custom .navbar-brand { font-weight: 600; } .navbar-custom .navbar-header .navbar-toggle { color: #777777; font-weight: 800; text-transform: uppercase; font-size: 12px; } .navbar-custom .nav li a { text-transform: uppercase; font-size: 12px; font-weight: 800; letter-spacing: 1px; } @media only screen and (min-width: 768px) { .navbar-custom .navbar-brand { color: rgba(0, 0, 0, 0.8); padding: 20px; } .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus { color: rgba(0, 0, 0, 0.8); } .navbar-custom .nav li a { color: white; padding: 20px; } .navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus { color: rgba(255, 255, 255, 0.8); } } @media only screen and (min-width: 1170px) { .navbar-custom { -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .navbar-custom.is-fixed { /* when the user scrolls down, we hide the header right above the viewport */ position: fixed; top: -63px; background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #f2f2f2; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .navbar-custom.is-fixed .navbar-brand { color: #333333; } .navbar-custom.is-fixed .navbar-brand:hover, .navbar-custom.is-fixed .navbar-brand:focus { color: #0085A1; } .navbar-custom.is-fixed .nav li a { color: #333333; } .navbar-custom.is-fixed .nav li a:hover, .navbar-custom.is-fixed .nav li a:focus { color: #0085A1; } .navbar-custom.is-visible { /* if the user changes the scrolling direction, we show the header */ -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .bw-intro-header { background-repeat: no-repeat; background-position: center center; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; margin-bottom: 50px; background-color: #777777; position: relative; } .single-post .bw-intro-header:before { background-image: linear-gradient(220deg, rgba(15, 23, 60, 0.56) 0%, rgba(70, 13, 27, 0.75) 73%); content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .bw-intro-header .bw-site-heading, .bw-intro-header .bw-post-heading, .bw-intro-header .page-heading { padding: 200px 0 150px; color: white; } @media only screen and (min-width: 768px) { .bw-intro-header .bw-page-heading, .bw-intro-header .bw-post-heading, .bw-intro-header .bw-page-heading { padding: 150px 0; } } .bw-intro-header .bw-page-heading, .bw-intro-header .bw-page-heading { text-align: center; } .bw-intro-header .bw-page-heading h1, .bw-intro-header .bw-page-heading h1 { margin-top: 0; font-size: 50px; } .bw-intro-header .bw-page-heading .subheading, .bw-intro-header .page-heading .subheading { font-size: 24px; line-height: 1.1; display: block; font-weight: 300; margin: 10px 0 0; } @media only screen and (min-width: 768px) { .bw-intro-header .bw-page-heading h1, .bw-intro-header .page-heading h1 { font-size: 80px; } } .bw-intro-header .bw-post-heading h1 { font-size: 35px; font-weight: 400; } .bw-intro-header .bw-post-heading .subheading, .bw-intro-header .bw-post-heading .meta { line-height: 1.1; display: block; } .bw-intro-header .bw-post-heading .subheading { font-size: 24px; margin: 10px 0 30px; font-weight: 600; } .bw-intro-header .bw-post-heading .meta { font-style: italic; font-weight: 300; font-size: 20px; } .bw-intro-header .bw-post-heading .meta a { color: white; } @media only screen and (min-width: 768px) { .bw-intro-header .bw-post-heading h1 { font-size: 55px; } .bw-intro-header .bw-post-heading .subheading { font-size: 30px; } } .bw-post-preview > a { color: #333333; } .bw-post-preview > a:hover, .bw-post-preview > a:focus { text-decoration: none; color: #0085A1; } .bw-post-preview > a > .bw-post__title { font-size: 30px; margin-top: 30px; } .bw-post-preview > a > .post-subtitle { margin: 0; font-weight: 300; margin-bottom: 10px; } .bw-post-preview > .post-meta { color: #777777; font-size: 18px; font-style: italic; margin-top: 0; } .bw-post-preview > .post-meta > a { text-decoration: none; color: #333333; } .bw-post-preview > .post-meta > a:hover, .bw-post-preview > .post-meta > a:focus { color: #0085A1; } @media only screen and (min-width: 768px) { .bw-post-preview > a > .bw-post__title { font-size: 36px; } } .bw-section-heading { font-size: 36px; margin-top: 60px; font-weight: 700; } .caption { text-align: center; font-size: 14px; padding: 10px; font-style: italic; margin: 0; display: block; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } footer { padding: 50px 0 65px; } footer .list-inline { margin: 0; padding: 0; } footer .bw-copyright { font-size: 14px; text-align: center; margin-bottom: 0; } .floating-label-form-group { font-size: 14px; position: relative; margin-bottom: 0; padding-bottom: 0.5em; border-bottom: 1px solid #eeeeee; } .floating-label-form-group input, .floating-label-form-group textarea { z-index: 1; position: relative; padding-right: 0; padding-left: 0; border: none; border-radius: 0; font-size: 1.5em; background: none; box-shadow: none !important; resize: none; } .floating-label-form-group label { display: block; z-index: 0; position: relative; top: 2em; margin: 0; font-size: 0.85em; line-height: 1.764705882em; vertical-align: middle; vertical-align: baseline; opacity: 0; -webkit-transition: top 0.3s ease,opacity 0.3s ease; -moz-transition: top 0.3s ease,opacity 0.3s ease; -ms-transition: top 0.3s ease,opacity 0.3s ease; transition: top 0.3s ease,opacity 0.3s ease; } .floating-label-form-group::not(:first-child) { padding-left: 14px; border-left: 1px solid #eeeeee; } .floating-label-form-group-with-value label { top: 0; opacity: 1; } .floating-label-form-group-with-focus label { color: #0085A1; } form .row:first-child .floating-label-form-group { border-top: 1px solid #eeeeee; } body .btn { font-size: 14px; font-weight: 400; letter-spacing: 0px; padding: 8px 25px; outline: 0px; border-radius: 35px; border: 2px solid #00000078; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-color: #fff; } body .btn:hover, body .btn:focus, body .btn:active{ background: #fff; border:2px solid #333; color: #333; text-decoration: none; box-shadow: none; } .search-field{ font-size: 14px; font-weight: 400; letter-spacing: 1px; border-radius: 0; padding: 8px 25px; outline: 0px; border: 2px solid #ccc; border-radius: 15px; } .btn-lg { font-size: 16px; padding: 25px 35px; } .btn-default:hover, .btn-default:focus { background-color: #0085A1; border: 1px solid #0085A1; color: white; } .pager { margin: 20px 0 0; } .pager li > a, a.page-numbers, .pager li > span { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; padding: 15px 25px; background-color: white; border-radius: 0; } .pager li > a:hover, .pager li > a:focus { color: white; background-color: #0085A1; border: 1px solid #0085A1; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #333333; cursor: not-allowed; } ::-moz-selection { color: white; text-shadow: none; background: #0085A1; } ::selection { color: white; text-shadow: none; background: #0085A1; } img::selection { color: white; background: transparent; } img::-moz-selection { color: white; background: #777; } /*body.admin-bar{ margin-top:32px; }*/ body.admin-bar .navbar-default{ margin-top: 32px; } a img:hover, a img:focus { cursor: pointer; } p.bw-section__description { padding: 0 5px; } /* ============== Comment Section ================*/ .bypostauthor { display: block; } .bw-comments-area{ padding: 20px; border-top: 1px solid rgba(51, 51, 51, 0.11); background-color: rgba(253, 253, 253, 0.8); } .bw-comments-title{ font-weight: 600; } .bw-comment-list{ margin-top: 50px; padding: 30px; list-style: none; margin: 0; } .bw-comment-list .comment{ padding: 20px; background: rgba(204, 204, 204, 0.07); border: rgba(238, 238, 238, 0.52) 1px solid; border-bottom: #ccc 1px solid; margin: 15px auto; } .comment-author img{ border-radius: 50%; } .comment-author .fn{ padding: 10px; } .comment-meta{ padding-left: 70px; font-size: 0.7em; } .comment-body .reply{ text-align: right; } .comment-reply-link{ padding: 10px; background-color: rgba(85, 85, 85, 0.44); color:#fff; text-decoration: none; font-size: .8em; border-radius: 1px; } .comment-awaiting-moderation{ padding: 70px; color:rgb(255, 124, 124); } .comment-reply-link:hover{ text-decoration: none; } .comment-respond{ padding: 5px 38px; } .comment-form label{ display: block; font-weight: normal; } .comment-form label, .comment-form input, .comment-form textarea{ /*font-family: 'Montserrat', sans-serif;*/ font-family: 'Raleway', sans-serif; width: 100%; } .comment-form input, .comment-form textarea{ padding: 10px 15px; font-size: 0.9em; } .form-submit .submit{ padding: 12px 20px; background-color: rgba(85, 85, 85, 0.95); color: #fff; font-size: 0.9em; border: 2px solid rgba(0, 0, 0, 0.08); transition: all 1s; border-radius: 35px; } .form-submit .submit:hover{ background-color: #222; } .bw-bg-overlay{ position: absolute; width: 100%; height: 100%; background-color: rgba(8, 11, 34, 0.3); } /* Widgets area (sidebar) */ .bw-widget { margin-bottom: 70px; background: #d8d8d80f; padding: 20px; border: 1px solid #f5f5f5; border-bottom-width: 4px; } .widget-title{ font-weight: 300; padding-bottom: 10px; font-size: 25px; } /* calendar widget */ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } /* Post*/ .post .wp-post-image{ width: 100%; height: auto; } .bw-post-preview .post-categories{ color: #777777; font-size: 18px; font-style: italic; margin-top: 5px; margin-bottom: 0; } /*==================== page ==================== */ .bw-intro-header h1.bw-page-title{ font-size: 55px; } .bw-intro-header{ background-image: linear-gradient(220deg, rgba(46, 70, 178, 0.56) 0%, rgba(222, 36, 83, 0.75) 73%); } .pager li.next.active a { background: #eee; } .pager li a, .pager li .dots{ display: inline; margin: 5px; } .pager span.page-numbers.dots { /* font-size: 24px; */ font-weight: 600; } /* ==================== Author ==================== */ .bw-author-avatar img{ border-radius: 50%; border:2px solid rgba(0,0,0,0.4); } .bw-author-name { font-size: 19px; font-weight: 600; margin-bottom: 12px; margin-top: 11px; } /* Seearch */ #bw-search { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; z-index: 999999; } .bw-search-icon{ background-image: url(../../images/icons/magnifying-glass_2.png); background-repeat: no-repeat; background-size: cover; width: 20px; height: 20px; display: inline-block; transform: translateY(3px); } #bw-search.bw-open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) scale(1, 1); opacity: 1; } #bw-search input[type="search"] { position: absolute; top: 50%; width: 100%; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); font-size: 60px; font-weight: 300; text-align: center; border: 0px; margin: 0px auto; margin-top: -51px; padding-left: 30px; padding-right: 30px; outline: none; } #bw-search .btn { position: absolute; top: 50%; left: 50%; margin-top: 61px; margin-left: -45px; } #bw-search .bw-close { position: fixed; top: 15px; right: 15px; color: #fff; background-color: transparent; border-color: transparent; opacity: 1; padding: 10px 17px; font-size: 57px; } .bw-popup-search-btn{ position: absolute; top: 50%; width: 100%; margin-top: 50px; } /* ==================== Aligment ==================== */ .alignleft { display: inline; float: left; margin: 0 1.8em 1.8em 0; } .alignright { display: inline; float: right; margin: 0 0 1.8em 1.8em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignnone { margin-left: 0; margin-right: 0; } .sticky { display: block; } .sticky { display: block; } .wp-caption-text { font-style: italic; text-align: center; } .gallery-caption { display: block; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Gallery */ .gallery{ clear: both; display: inline-block; width: 100%; } .gallery-item{ display: block; float: left; padding: 5px; } .wp-caption-text{ display: block; } /* Tag list */ ul.bw-in-post-tags{ list-style-type: none; font-size: 0.8em; padding: 0; margin: 0; } ul.bw-in-post-tags li{ border-radius: 5px; display: inline-block; padding: 3px 10px; margin: 3px; background-color: rgba(46, 70, 178, 0.06); } /*Navigation*/ .main-nav-wrapper{ display: block; line-height: 36px; float: right; } .bw-site-brand{ float: left; min-height: 62px; } .bw-site-logo{ text-align: center; } .site-name{ display: block; color: #333; text-decoration: none; font-weight: 400; padding: 7px 0px 1px 0px; } .site-logo{ max-height: 65px; width: auto; text-decoration: none !important; } .site-name:hover{ text-decoration: none !important; } .site-description{ margin: 0px; display: block; font-size: 14px; } /*Slim Navigation fix*/ ul.slimmenu li>ul{ padding-left: 0; box-shadow: 0px 1px 3px 0px #ccc; min-width: 200px !important; } body ul.slimmenu li{ background-color: transparent; border:0; } body ul.slimmenu li a{ color:#333; padding: 13px 15px; text-transform: uppercase; font-weight: 400; font-size: 14px; text-decoration: none; line-height: 75px; letter-spacing: 1px; } ul.slimmenu li ul li a{ line-height: 20px; font-size: 12px; } ul.slimmenu li .sub-toggle:before{ margin-right: 0; } ul.slimmenu li ul li { background: #fff; } ul.slimmenu li a:hover { background-color: transparent; } @media only screen and (min-width: 768px) { ul.slimmenu li .sub-toggle{ display: none; width: auto; background:transparent; } ul.slimmenu li ul li{ min-width: 100%; } } ul.slimmenu li a::before, ul.slimmenu li a::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } ul.slimmenu li a::before { margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } ul.slimmenu li a::after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } ul.slimmenu li a:hover::before, ul.slimmenu li a:hover::after, ul.slimmenu li a:focus::before, ul.slimmenu li a:focus::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } .main-nav-wrapper .menu-collapser { position: absolute; width: auto; right: 0; top: 0; background: transparent !important; } .collapse-button{ padding: 13px 10px; border-radius: 1px; top: 13px; transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); } /* Swiper Slider */ .swiper-container { width: 100%; height: 600px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /* Section styles*/ .bw-section{ padding-bottom: 50px; overflow: hidden; } .bw-section__title{ /*font-family: 'Montserrat', sans-serif;*/ font-family: 'Raleway', sans-serif; text-transform: uppercase; font-size: 70px; color: #6f6d6d; max-width: 100%; overflow: hidden; font-weight: 100; text-align: center; } .bw-section__description{ margin-top: 0; text-align: center; } .bw-section__header{ padding: 100px 0px 50px 0px; text-align: center; } .bw-section__bottom{ text-align: center; padding: 70px 0px; } /* Servises Section*/ #bw-services { padding-bottom: 100px; background-color: #fff; } .bw-service { width: 100%; text-align: center; transition: all 0.2s ease; padding: 30px 20px; border: 2px solid transparent; position: relative; overflow-y: hidden; background-color: rgba(243, 243, 243, 0.38); } .bw-service__icon-holder { position: relative; display: inline-block; margin-bottom: 10px; padding: 10px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color:#e91e63; } .bw-service__heading { position: relative; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); font-weight: 400; text-transform: uppercase; margin-bottom: 40px; letter-spacing: 2px; } .bw-service__icon-holder > i.icon { width: 60px; font-size: 55px; } .bw-service:hover .bw-service__icon-holder { color:#01423c; } .bw-service:hover .bw-service__heading { color:#01423c; } .bw-service:hover .bw-service__description { opacity: 1; color:#01423c; } .bw-service:hover .bw-service__link{ transform: translateY(0); opacity: 0.8; } .bw-service__description { margin: 0 auto; opacity: 0.9; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); font-size: 15px; } .bw-service__link-container{ display: block; width: 100%; padding: 50px 0px 10px 0px; } .bw-service__link{ padding: 9px 28px; border: 2px solid #e91e63; color: #e91e63; border-radius: 35px; display: inline-block; transition: all 0.3s ease-in-out; text-decoration: none; font-size: 12px; font-weight: 600; letter-spacing: 1px; transform: translateY(100%); opacity: 0; } .bw-service__link:hover{ background-color:#e91e63; color:#fff; text-decoration: none; } /* About-us section */ #bw-about-us{ background-color: #241d25; position: relative; } .bw-about-us__overlay{ background: url("../../images/bg-pattern.png") repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(36, 3, 67, 0.62); opacity: 0.6; } .bw-about-us__holder{ position: relative; z-index: 2; } #bw-about-us .bw-section__title{ color:#fff; font-weight: 300; font-size: 40px; text-transform: uppercase; } #bw-about-us .bw-section__description{ margin-top: 5px; color:#fff; } .bw-skills{ padding: 50px 0 50px 0; } .bw-about-us__skill{ float: none; margin: 0 auto; background-color: #3b3b3b; } .bw-about-us__skill-title{ display: block; text-align: center; clear: both; color: #fff; font-weight: 300; line-height: 26px; } .bw-about-us__skill:after{ transform: scale(1.14); background: #3b3b3b; } .bw-about-us__skill span{ font-weight: 200; color:#fff; } .bw-about-us__desc{ text-align: center; color: #fff; margin-bottom: 50px; } .bw-about-us__skill .bar{ border-color: #ffffff; } .bw-about-us__img img { margin: 0 auto; } .gt50 .fill, .percircle .bar, .pie { border: .08em solid #e91e63; } .percircle:hover>span{ transform: scale(1); color:#fff; } /* Latest Blogs */ section#bw-blog { background-color: #eceef8; } section#bw-portfolio { background-color: #eceef8; } .bw-post-item, .bw-post-preview, .bw-service{ display: block; -moz-transition: all .8s ease; -webkit-transition: all .8s ease; transition: all .8s ease; } .bw-post-item:hover, .bw-post-preview:hover, .bw-service:hover{ -webkit-transition: transform .2s linear,-webkit-box-shadow .2s linear; -moz-transition: transform .2s linear,-moz-box-shadow .2s linear; transition: transform .2s linear,box-shadow .2s linear; transition: all .8s ease; box-shadow: 0 1px 30px 0 rgba(84,110,122,.35); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .sizer-width{ width:33%; } .bw-post-item__image{ width: 100%; } .bw-post-item{ padding:0 !important; background-color: rgba(255, 255, 255, 0.88); } .bw-post-item__image img{ width: 100%; height: auto; } .bw-post-item__text{ width: 100%; padding: 25px 20px; } .bw-post-item__title{ font-size: 18px; /*font-family: 'Montserrat', sans-serif;*/ font-family: 'Raleway', sans-serif; text-decoration: none !important; font-weight: 300; letter-spacing: 0px; margin-top: 20px; text-align: left; } .bw-post-item__title a{ text-decoration: none !important; } .bw-post-item__expert{ line-height: 21px; font-size: 14px; } .bw-post-item .post-meta{ font-size: 12px; } /* Testimonial */ #bw-testimonials{ background-color: #fff; padding-bottom: 150px; background-image: linear-gradient(220deg, rgba(46, 70, 178, 0.56) 0%, rgba(222, 36, 83, 0.75) 73%); } #bw-testimonials .bw-section__title{ color: #fff; } #bw-testimonials .bw-section__description{ color: #fff; } .bw-testimonial-item{ display: inline-block; width: 100%; position: relative; z-index: 1; padding: 20px; transition: all 0.4s ease-in-out; color:#fff; } .bw-testimonial-item:hover:after{ width: 100%; } .bw-testimonial-item:after{ transition: all 0.4s ease-in-out; position: absolute; width: 0%; height: 100%; content: " "; top: 0; left: 0; z-index: -1; background: rgba(85, 85, 85, 0.23); } .bw-testimonial-item__img{ float: left; height: 100%; max-width: 70px; max-height: 72px; } .bw-testimonial-item__person{ float: left; line-height: 70px; padding: 8px 20px; } .bw-testimonial-item__title{ font-weight: 400; text-align: right; } .bw-testimonial-item__pos{ font-weight: 400; text-align: right; } .bw-testimonial-item__text{ text-align: left; } /* call-to-action */ .bw-call-to-action{ text-align: center; background-size: cover; padding: 200px 0px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; z-index: 2; position: relative; } .bw-call-to-action__overlay{ position: absolute; top:0; left: 0; width: 100%; height: 100%; } .bw-call-to-action__content { position: absolute; top: 50%; left: 0; width: 100%; /* height: 100%; */ transform: translateY(-50%); } .bw-call-to-action__title{ color:#fff; font-size: 40px; font-weight: 300; text-transform: uppercase; letter-spacing: 2px; } .bw-call-to-action__description{ color:#fff; } .bw-call-to-action__btn-container{ text-align: center; } .bw-call-to-action__btn{ padding: 17px 30px; background: transparent; border:2px solid #fff; color: #fff; transition: all 0.3s ease-in-out; text-decoration: none; font-size: 15px; border-radius: 35px; display: inline-block; margin-top: 30px; } .bw-call-to-action__btn:hover, .bw-call-to-action__btn:focus, .bw-call-to-action__btn:active{ padding: 17px 30px; background: #fff; border:2px solid #fff; color: #333; text-decoration: none; } #bw-our-team{ background-color: #d0ccd2; padding-bottom: 100px; } .bw-team-item{ position: relative; width: 100%; overflow: hidden; backface-visibility: hidden; margin-bottom: 40px; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } .bw-team-item__img img{ width: 100%; height: auto; backface-visibility: hidden; } .bw-team-item__overlay{ position: absolute; width: 100%; height: 100%; top:0; left:0; text-align: center; padding: 3em 0; background-color: rgba(0,0,0,0.4); opacity: 0; transition: opacity 0.35s, transform 0.35s; backface-visibility: hidden; } .bw-team-item__name{ padding: 20px 0 10px 0; color:#fff; transition: opacity 0.55s, transform 0.25s linear; transform: scale(1.2); -webkit-transform: scale(1.2); backface-visibility: hidden; } .bw-team-item__pos{ padding: 0px 20px; color:#fff; transition: opacity 0.55s, transform 0.25s linear; transform: scale(1.4); -webkit-transform: scale(1.4); backface-visibility: hidden; } .bw-team-item:hover .bw-team-item__overlay{ opacity: 1; } .bw-team-item:hover .bw-team-item__name{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .bw-team-item:hover .bw-team-item__pos{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); } #bw-ourclient{ background-color: #fff; padding: 100px 0; perspective: 1000px; background-image: linear-gradient(220deg, rgba(46, 70, 178, 0.36) 0%, rgba(222, 36, 83, 0.41) 73%); } .bw-client{ text-align: center; margin-bottom: 40px; } .bw-client__img{ transition: all 0.3s ease-in-out; } .bw-client__img{ max-width: 100%; height: auto; } .bw-client__link:hover .bw-client__img{ transform: scale(0.9); } #bw-oursocialnetworks{ padding: 50px 0px 140px 0px; position: relative; min-height: 600px; background-color: #2d2a2c; } #bw-oursocialnetworks .bw-section__title, #bw-oursocialnetworks .bw-section__description{ color:#fff; } .bw-social__content { height: auto; width: 100%; padding-top: 50px; } .bw-social__wrapper{ width: 60%; display: block; margin: 0 auto; text-align: center; } .bw-social__item{ width: 64px; height: 64px; display: inline-block; margin: 0 5px; } .bw-social__img{ max-width: 100%; height: auto; } .bw-social__overlay{ position: absolute; top:0; left: 0; width: 100%; height: 100%; opacity: 0.5; } a.bw-social__link:hover img { animation: jello 0.5s; } /* Post styles */ .bw-post-preview{ clear: both; border:1px solid rgba(14,27,35,.15); background: #FFF; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; width: 100%; margin-bottom: 20px; } .bw-post-preview>* { -ms-flex-positive: 1; flex-grow: 1; } .bw-post__img{ -ms-flex-preferred-size: 50%; flex-basis: 50%; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; background-color: rgba(255,255,255,0.1); background-position: 50% 50%; position: relative; background-repeat: no-repeat; } .bw-post__img-link{ width: 100%; height: 100%; position: absolute; top:0; left: 0; } .bw-post__content{ padding: 35px 40px; } .bw-post__content:after{ content: " "; clear: both; display: block; } .bw-post__title{ font-weight: normal; word-break: break-word; } .bw-post__title a{ text-decoration: none; line-height: 40px; } .bw-post__meta-wrapper{ } /* Single Blog */ .bw-single-post__hero a{ color:#fff; } /* footer */ .bw-footer{ background: #111111; } .bw-footer .widget-title{ color:#eee; } .bw-footer p, .bw-footer div, .bw-footer a{ color:#8c8c8c; } /* ----------------------------- Global Responsive styles ----------------------------- */ @media only screen and (min-width:768px) and (max-width: 1280px) { #wp-calendar tbody td{ padding:4px; font-size: 12px; } form#commentform p { padding: 5px; } } @media only screen and (max-width: 767px) { .bw-section__header { padding: 50px 0px 0px 0px; text-align: center; } .bw-testimonial-item { margin-bottom: 30px; } .bw-post-preview{ -ms-flex-direction: column; flex-direction: column; } .bw-post__img { -ms-flex-preferred-size: 350px; flex-basis: 350px; -ms-flex-order: -1; order: -1; } .bw-social__wrapper{ width: 80%; } #bw-oursocialnetworks { min-height: 400px; } body ul.slimmenu li a { padding: 10px 15px; line-height: 23px; } form#commentform p { padding: 13px; } .bw-section__title, .bw-call-to-action__title{ font-size: 40px; padding-left: 10px; padding-right: 10px; } } .bw-grid-sizer{ width: 100%; padding: 10px; } .bw-portfolio .bw-grid-sizer{ padding: 0px; } @media (min-width:768px){ .bw-grid-sizer { width: 25%; } #bw-services{ min-height: 460px; } } .widget_nav_menu ul.menu{ list-style: none; padding-left: 20px; line-height: 30px; } .widget_nav_menu ul.menu ul{ list-style: none; padding-left: 20px; } .widget_nav_menu ul.menu li ul{ font-size: 13px; } .bw-hero{ height: calc(100vh); position: relative; background-size: cover; background-repeat: no-repeat; overflow-x: hidden; overflow-y: hidden; } .bw-hero__overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; background-color: transparent; background-image: linear-gradient(220deg, rgba(46, 70, 178, 0.56) 0%, rgba(222, 36, 83, 0.75) 73%); opacity: 0.8; /*mix-blend-mode: screen;*/ transition: background 0.3s, border-radius 0.3s, opacity 0.3s; z-index: 2; } .bw-hero__content{ position: absolute; top:50%; width: 100%; left: 0; transform: translateY(-50%); z-index: 2; text-align: center; } .bw-hero__title{ color: #fff; } .bw-hero__desc{ color: #fff; margin-bottom: 50px; } .bw-hero__btn{ padding: 17px 30px; background-image: linear-gradient(220deg, rgba(0, 150, 136, 0.65) 0%, rgba(234, 65, 107, 0.58) 73%); background-color: #e91e63; border-radius: 35px; color: #fff; transition: all 0.3s ease-in-out; text-decoration: none; font-size: 15px; } .bw-hero__btn:hover{ background-color: #000; color: #fff; text-decoration: none; } .bw-wave{ background: url(../../images/wave.svg) repeat-x; position: absolute; top: -100px; width: 6400px; height: 100px; animation: wave 35s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite; transform: translate3d(0, 0, 0); } .bw-wave-parent { direction: ltr; height: 5%; width: 100%; position: absolute; bottom: 0; left: 0; background: white; z-index: 10; } .bw-wave-parent .bw-wave:nth-of-type(2) { top: -56px; animation: wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite; opacity: 1 } @keyframes wave { 0% { margin-left: 0 } 100% { margin-left: -1600px } } /*Header*/ h1.bw-header-site-name { font-weight: 400; font-size: 24px; margin-bottom: 0px; margin-top: 26px; } p.bw-site-description { margin-top: 0px; margin-bottom: 20px; } .bw-site-brand img { max-height: 100px; width: auto; } .bw-header-right-align .bw-site-brand{ float: right; } .bw-header-right-align .main-nav-wrapper { float: left; } .bw-header-right-align ul.slimmenu li{ float: right; } .bw-header-center-align .bw-site-brand { float: none !important; display: block; text-align: center; } nav.bw-header-center-align, .bw-header-center-align .main-nav-wrapper{ float: none !important; text-align: center; } .bw-header-center-align ul.slimmenu li{ float: right; text-align: center; } .bw-header-center-align ul.slimmenu li a { line-height: 45px; } .bw-header-center-align ul.slimmenu{ width: auto; display: inline-block; } .animated.delay-03s { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .animated.delay-05s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .animated.delay-07s { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .animated.delay-09s { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } h2.bw-wigdeg-header { font-size: 26px; font-weight: 400; text-transform: uppercase; margin-bottom: 28px; } .single-product .quantity input{ line-height: 32px; } .bw-bg-inner { width: 100%; position: relative; overflow: hidden; } .bw-bg-inner:after, .bw-bg-inner:before { content: ''; position: absolute; top: 20%; left: 10px; width: 500px; height: 1000px; z-index: 0; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 30px; transition: all 0.7s ease-in-out; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bw-bg-inner:before{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .bw-portfolio__item .bw-bg-inner:before{ -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); transition: all 0.9s 0.4s ease-in-out; } .bw-portfolio__item .bw-bg-inner:after{ -webkit-transform: rotate(105deg); -moz-transform: rotate(105deg); -ms-transform: rotate(105deg); -o-transform: rotate(105deg); transform: rotate(105deg); transition: all 0.7s 0.2s ease-in-out; } .bw-portfolio__item:hover .bw-bg-inner:before{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bw-portfolio__item:hover .bw-bg-inner:after{ -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .bw-in-post-cats a{ background: -webkit-gradient(linear,left top,right top,from(rgba(252, 228, 237, 0.52)),to(rgba(255, 232, 204, 0.51))); background: linear-gradient(to right,rgba(252, 228, 237, 0.52),rgba(255, 232, 204, 0.51)); padding: 3px 7px; border-radius: 4px; margin: 3px 0px; display: inline-block; font-size: 14px; } .bw-contact-form { margin: 0 0 60px 0; text-align: center; position: relative; padding-top: 30px; } .bw-contact-form label{ font-size: 16px; font-weight: 300; color: #c3c3c3; } .bw-contact-form .wpcf7 p { margin: 0; } .bw-contact-form .wpcf7-form-control { line-height: 53px; padding: 0 17px; border-radius: 35px; background-color: transparent; border: 2px solid #696969; color: #696969; max-height: 110px; transition: all 0.3s ease-in-out; } .bw-contact-form .wpcf7-form-control-wrap:hover { } .bw-contact-form .wpcf7-form-control-wrap:hover .wpcf7-form-control { border: 2px solid #c1c1c1; color: #c1c1c1; transform: translateX(15px); } .bw-contact-form input.wpcf7-form-control:focus, .bw-contact-form input.wpcf7-form-control:focus, .bw-contact-form textarea.wpcf7-form-control:focus, .bw-contact-form textarea.wpcf7-form-control:focus, .bw-contact-form input.wpcf7-form-control:active, .bw-contact-form textarea.wpcf7-form-control:active, .bw-contact-form input.wpcf7-form-control.wpcf7-submit:hover, .bw-contact-form input.wpcf7-form-control.wpcf7-submit:focus{ color: #c1c1c1; transform: translateX(15px); outline: 0; border: 2px solid #c1c1c1; } .bw-contact-form input.wpcf7-form-control.wpcf7-submit{ min-width: 130px; margin-top: 20px; } .bw-contact-form input.wpcf7-form-control.wpcf7-submit:hover, .bw-contact-form input.wpcf7-form-control.wpcf7-submit:focus{ background-color: rgba(193, 193, 193, 0.09); } .bw-contact-form span.wpcf7-not-valid-tip { color: #ff7474; font-size: 15px; width: 150px; position: absolute; right: 10px; top: 17px; line-height: 15px; } .bw-contact-form .wpcf7-not-valid{ border-color: #ff7474; } .bw-contact-form div.wpcf7-validation-errors, .bw-contact-form div.wpcf7-acceptance-missing, .bw-contact-form div.wpcf7-mail-sent-ng, .bw-contact-form div.wpcf7-aborted{ color: #d88484; border: none; position: absolute; top: 0; margin-top: 0; width:100%; } .bw-contact-form .wpcf7-form-control-wrap{ position: relative; display: block; } .bw-contact-form div.wpcf7 .ajax-loader { background-image: url(../../images/icons/hazardous_64px.png); width: 32px; height: 32px; border: 2px solid #333; animation: rotateIn 1s infinite; border-radius: 50%; background-repeat: no-repeat; background-position: center center; display: block; margin-left: -16px; position: absolute; bottom: -46px; background-size: contain; left: 50%; } .rtl .bw-post-item__title { text-align: right; line-height: 26px; } .rtl .bw-testimonial-item__text{ text-align: right; } /*Portfolio Section*/ .bw-portfolio__item{ position: relative; overflow: hidden; transition: all 0.5s ease-in-out; /*TODO*/ } .bw-portfolio--diff .bw-portfolio__item { height: 400px; } .bw-portfolio--diff .bw-portfolio__item img.bw-portfolio__main-img{ object-fit: cover; height: 100%; } .bw-portfolio__link{ position: absolute; width: 100%; height: 100%; left:0; top:0; z-index: 7; } .bw-portfolio__item img.bw-portfolio__main-img{ max-width: 100%; width: 100%; height: auto; background-color: #000; transform: scale(1); transition: all 0.9s ease-in-out; } .bw-portfolio__overlay{ background-color: rgba(0,0,0,0.2); position: absolute; top:0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease-in-out; } .bw-portfolio__item:hover .bw-portfolio__overlay{ background-color: rgba(0,0,0,0); } /*Item inner*/ .bw-portfolio__inner{ position: absolute; top:0; left: 0; width: 100%; height: 100%; padding: 10px 5px; padding: 25px 25px; z-index: 3; text-align: center; } .bw-portfolio__info{ display: inline-block; } .bw-portfolio__header{ display: inline-block; width: 100%; } .bw-portfolio__name{ font-size: 24px; font-weight: 200; line-height: 26px; } .bw-portfolio__profile-link{ font-size: 13px; text-decoration: none; } .bw-portfolio__body{ display: block; clear: both; height: 100%; overflow: hidden; font-size: 14px; max-height: calc(100% - 160px); } p.bw-portfolio__description { line-height: 22px; letter-spacing: 1px; } .bw-portfolio__footer{ clear: both; width: 100%; position: absolute; bottom: 50px; left: 0; font-size: 18px; height: auto; line-height: 100px; padding: 5px 10px; } .bw-portfolio--light-theme .bw-portfolio__inner{ background: rgba(255,255,255,0.5); } .bw-portfolio--light-theme .bw-portfolio__name, .bw-portfolio--light-theme .bw-portfolio__profile-link, .bw-portfolio--light-theme .bw-portfolio__description{ color:#333; } .bw-portfolio--hover-effect-zoom-in .bw-portfolio__item img.bw-portfolio__main-img { transform: scale(1.3); } .bw-portfolio--hover-effect-zoom-in .bw-portfolio__item:hover img.bw-portfolio__main-img { transform: scale(1); } .bw-portfolio--hover-effect-zoom-in .bw-portfolio__inner{ transform: scale(0.3); transition: transform 0.6s ease-in-out, opacity 0.3s ease-in-out; opacity: 0; } .bw-portfolio--hover-effect-zoom-in .bw-portfolio__item:hover .bw-portfolio__inner{ transform: scale(1); opacity: 1; } .bw-portfolio--dark-theme .bw-portfolio__inner{ background: rgba(0,0,0,0.9); } .bw-portfolio--dark-theme .bw-portfolio__name, .bw-portfolio--dark-theme .bw-portfolio__profile-link, .bw-portfolio--dark-theme .bw-portfolio__label{ color:#fafafa; } .bw-portfolio--dark-theme .bw-portfolio__description{ color:#d8d8d8 } .bw-portfolio--dark-theme .bw-portfolio__comment svg, .bw-portfolio--dark-theme .bw-portfolio__like svg, .bw-portfolio--dark-theme .bw-portfolio__icon-type svg{ color:#fafafa; } .bw-portfolio--dark-theme a.bw-portfolio__share-icon:hover{ background: #FFEB3B; } .bw-portfolio--dark-theme a.bw-portfolio__share-icon:hover svg{ color: #444; }