/*------------------------------------------------------------------
Last change: 1-May-16
-------------------------------------------------------------------*/
/*
[Table of contents]
+ Shortcodes
- About
+ Portfolio Section
- Portfolio Boxed 3 Column-No space
- Portfolio Boxed 4 Column-No Space
- Portfolio Boxed 5 Column-No Space
- Portfolio Boxed 3 Column
- Portfolio Boxed 4 Column
- Portfolio Boxed masonary
- Portfolio Boxed mosaic
- portfolio-full-3-col-no-space
- portfolio-full-4-col-no-space
- portfolio-full-5-col-no-space
- portfolio-full-3-col-space
- portfolio-full-4-col-space
- portfolio-full-5-col-space
- portfolio-full-masonry
- portfolio-full-mosaic
- portfolio-single-layout-1
- portfolio-single-layout-2
- portfolio-single-layout-3
- portfolio-single-layout-4
- portfolio-single-layout-5
- portfolio-single-layout-6
- portfolio-single-layout-7
- Accordion
- Contact
- Alert Section
- Quotes Section
- Border Holder 1:: Layout1
- Buttons Section
- Call Out
- ClientSection:: Layout 1
- ClientSection:: Layout 2
- ClientSection:: Layout 3
- ClientSection:: Layout 4
- Columns Section
- Conceal Image
- Contact Form
- ContentSlider:: Layout1
- ContentSlider:: Layout2
- ContentSlider:: Layout3
- ContentSlider:: Layout4
- Counter Section
- Interactive Banner Style
- Doughnut Chart
- Dropcaps Section
- Expandable Section
- Full Pie Chart
- Headings Section
- Highlights Section
- Horizontal Progress
- Hover Image
- Icon Piechart
- Icon Teaser
- Image Banner
- Info Boxes
- Interactive Banner
- List Section
- Message Section
- Number Image
- Piechart
- Pricing Table
- Process Section
- Ribbon Holder
- Separator Section
- Service Table
- Social Section
- Tab Section
- Team Section
- Testimonials Section
- Vertical Progress
- Video
- Googlemap
- Icon Progress Section
- ImageGallery
- Expandable Background
- Tables
- ImageSlider Section
- Color Section
- Pagination Section
- Popup
- Offline
- Comingsoon
+ Responsive
- min-width: 1200
- min-width: 992 to max-width: 1199
- min-width: 768 to max-width: 991
- min-width: 991
- max-width: 767
- max-width: 639
- max-width: 479
*/
/*------------------------------------------------------------------
+ Shortcodes
-------------------------------------------------------------------*/
/* + Home 1 */
/* - Features Section */
.fetures-img-block {
display: inline-block;
position: relative;
width: 100%;
}
.fetures-img-block::before{
background-color: rgba(51,44,37,0.6);
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
}
/* Slider 1 */
.homeslider-section-1 .tp-bannertimer {
background-color: #c18f18;
bottom: 0;
top: auto;
height: 10px;
}
.zeus .tp-bullet::after {
content: "";
background-color: #c18f18;
}
.zeus .tp-bullet {
border: 2px solid #998675;
}
/* Slider 2 */
.homeslider-section-2 .tp-bannertimer {
background-color: #c8961b;
bottom: 50px;
top: auto;
height: 10px;
}
.homeslider-section-2 .persephone .tp-bullet:hover,
.homeslider-section-2 .persephone .tp-bullet.selected {
background-color: #d49d19;
}
.homeslider-section-2 .persephone .tp-bullet {
background-color: #746455;
border: none;
height: 10px;
width: 10px;
}
/* Slider 3 */
.homeslider-section-3 .tp-bannertimer {
background-color: #c8951e;
bottom: 0;
top: auto;
height: 10px;
}
.sld-btn:hover,
.sld-btn:hover a {
border-color: #d49d19 !important;
color: #d49d19 !important;
}
.sld-btn-bg:hover,
.sld-btn-bg:hover a {
background-color: #d49d19 !important;
}
.homeslider-section-4 {
border-bottom: 1px solid #998675;
}
/* Slider 6 */
.homeslider-section-6 .tp-bannertimer {
background-color: #c8951e;
bottom: 0;
top: auto;
height: 2px;
}
/* Slider 7 */
.homeslider-section-7 .tp-bannertimer {
background-color: #c8951e;
bottom: 0;
top: auto;
height: 10px;
}
/* Slider 8 */
.homeslider-section-8 .tp-bannertimer {
background-color: #c8951e;
bottom: 0;
top: auto;
height: 2px;
}
.homeslider-section-8 .persephone .tp-bullet:hover,
.homeslider-section-8 .persephone .tp-bullet.selected {
background-color: #fff;
}
.homeslider-section-8 .persephone .tp-bullet {
background-color: rgba(0,0,0,0);
border: none;
height: 40px;
width: 40px;
border: 2px solid #fff;
}
/* Slider 11 */
.homeslider-section-11 .persephone .tp-bullet:hover,
.homeslider-section-11 .persephone .tp-bullet.selected {
background-color: #d49d19;
}
.homeslider-section-11 .persephone .tp-bullet {
background-color: #3f51b5;
border: none;
height: 10px;
width: 10px;
}
/* Slider 15 */
.homeslider-section-15 .tp-bannertimer {
background-color: #fff;
}
/* Slider 16 */
.homeslider-section-16 .tp-bannertimer {
background-color: #fff;
}
/* Home 9 */
.home-portfolio-section .portfolio-list li a .portfolio-box::before {
content: "";
background-color: rgba(255, 255, 255, 0.25);
}
.home-portfolio-section.portfolio-boxed-mosaic .portfolio-list li .hover-content h4 {
color: #332c25;
}
/* - Home 10 */
.home10-indicators {
list-style: none;
position: fixed;
margin-bottom: 0;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
z-index: 2;
}
.home10-indicators ul {
list-style: none;
}
.home10-indicators ul li {
margin-bottom: 14px;
}
.home10-indicators ul li:last-child {
margin-bottom: 0;
}
.home10-indicators ul li a {
border-radius: 100%;
width: 16px;
height: 16px;
text-indent: 0;
border: 2px solid #978473;
display: block;
padding: 0;
}
.home10-indicators ul li a:hover,
.home10-indicators ul li a:focus,
.home10-indicators ul li:hover a,
.home10-indicators ul li:focus a,
.home10-indicators ul li.active a {
background-color: #d49d19;
border: none;
}
.home10-indicators ul li a:focus,
.home10-indicators ul li:focus a {
border: 2px solid #978473;
background-color: transparent;
}
.home10-get-in-touch .contact-form .form-style-3 .form-control {
color: #998675;
}
/* - Properties */
.home10-properties {
background-image: url("Images/home10/home10-1.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.home10-properties::before {
background-color: rgba(51, 44, 37, 0.66);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.home10-properties .accordion-block {
padding-top: 100px;
}
.home10-properties .accordion-block.layout3 .panel-title a.collapsed {
background-color: #fff;
border: 2px solid #746455;
}
.home10-properties .accordion-block.layout3 .panel-title a {
background-color: #d49d19;
border: none;
}
.home10-properties .accordion-block.layout3 .panel-title a::after {
border-right: 2px solid #332c25;
}
.home10-properties .accordion-block.layout3 .panel-title a.collapsed::after {
border-top: none;
border-bottom: none;
border-left: none;
}
.home10-properties .accordion-block.layout3 .panel-body p {
color: #fff;
}
/* - Features */
.home10-features {
background-image: url("Images/home10/home10-2.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.home10-features::before {
background-color: rgba(51, 44, 37, 0.8);
background-blend-mode: normal;
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.home10-features .process-style-3 {
padding-top: 150px;
}
.home10-features .process-style-3 .process-box {
margin-bottom: 35px;
}
.home10-features .process-style-3 .process-box span {
border-color: #746455;
color: #fff;
}
.home10-features .process-style-3 .process-box h3,
.home10-features .process-style-3 .process-box p {
color: #fff;
}
/* - Capabilities */
.home10-capabilities {
background-image: url("Images/home10/home10-3.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.home10-capabilities::before {
background-color: rgba(51, 44, 37, 0.8);
background-blend-mode: normal;
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.home10-capabilities .skill-section {
padding-top: 135px;
}
.home10-capabilities .skill-section .skill-progress-box .block-title span {
color: #d49d19;
}
.home10-capabilities .skill-section h3 {
color: #fff;
}
.home10-capabilities .skill-section-4 .progress-bar {
border-color: #d49d19;
}
/* - Get In Touch */
.home10-get-in-touch {
background-image: url("Images/home10/home10-4.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
.home10-get-in-touch::before {
background-color: rgba(51, 44, 37, 0.8);
background-blend-mode: normal;
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.home10-get-in-touch .contact-form .form-style-3 .form-group {
margin-bottom: 30px;
}
.home10-get-in-touch .contact-form .form-style-3 button {
background-color: #746455;
color: #fff;
}
/* Home 9 */
.home-slider20 .home-crousalblock {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.home-slider20 .home-crousalblock li {
position: relative;
}
.home-slider20 .home-crousalblock li::before {
content: "";
background-color: rgba(0, 0, 0, 0.75);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
.home-slider20 .home-crousalblock li:hover::before {
content: "";
background-color: rgba(255, 255, 255,0);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
.home-slider20 .home-crousalblock li:hover::after {
border: 2px solid #d49d19;
bottom: 25px;
left: 25px;
right: 25px;
top: 25px;
position: absolute;
content: "";
}
.home-slider20 .lSAction .lSPrev::before {
content:"\f104";
font-family: "FontAwesome";
color: #998675;
font-size: 30px;
opacity: 1;
}
.home-slider20 .lSAction > a {
opacity: 1;
}
.home-slider20 .lSAction .lSNext::before {
content:"\f105";
font-family: "FontAwesome";
color: #998675;
font-size: 32px;
opacity: 1;
}
.home-slider20 .lSAction > a {
background-image: none;
text-decoration: none;
font-size: 32px;
color: #332c25;
}
/* - Home 3 */
/* - Ourwork Section */
.ourwork-section .section-header h3 {
padding: 0;
margin: 0 0 5px;
font-weight: 700;
color: #332c25;
line-height: 45px;
}
.ourwork-section .section-header h3::before {
width: 0;
}
.ourwork-section .ourwork-imgbox {
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.ourwork-section .ourwork-imgbox:hover img {
opacity: 0.5;
}
/* - home 4 */
.screen-section {
border-bottom: 1px solid #ddd;
padding-bottom: 140px;
padding-top: 180px;
}
.screen-section-1 .container,
.screen-section-2 {
position: relative;
}
.screen-section .process-section .process-box h3 {
color: #746455;
}
.screen-section-2 .process-style-3 .process-box h3 {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.screen-section-2 .process-style-3 .process-box:hover h3 {
color: #d49d19;
}
.screen-section-1 .skill-section-4 h3 {
color: #746455;
}
.screen-section-1 .skill-section-4 h3 span {
color: #d49d19;
}
.screen-section-1 .skill-section-4 .progress-bar {
border-color: #d49d19;
}
.home4-contact .contact-form p {
font-size: 15px;
}
.home4-contact .contact-form p,
.home4-contact .contact-form p a {
color: #737373;
}
.home4-contact .contact-form p a {
text-decoration: none;
}
.home4-contact .contact-form form {
margin-top: 45px;
}
.home4-contact {
position: relative;
z-index: 1;
}
.home4-contact::before {
background-color: rgba(250,250,250,0.9);
mix-blend-mode: luminosity;
content: "";
display: inline-block;
z-index: 0;
}
.home4-contact::before,
.home4-contact .map-layout1 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.home4-contact .map-layout1 {
z-index: -1;
}
.home4-contact .map-layout1 .map-canvas {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
height: auto;
}
.home4-contact .container {
position: relative;
}
/* - Home5 Slide Section */
.home5-slider-section {
background: url("../images/home/hover5-bg.jpg");
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding-top: 100px;
padding-bottom: 20px;
}
.home5-slider-section::before{
background-color: rgba(51, 44, 37, 0.5);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
/* - Home5 Slider Section:: FlexSlider Settings */
.home5-slider-section .flexslider {
background-color: transparent;
border-radius: 0;
border: 0;
margin: 0;
}
.home5-slider-section .flexslider .slides img {
width: auto;
}
/* -Home5:: TypePost Setting */
.home5-slider-section .type-post .post-by {
width: 100%;
margin-bottom: 10px;
}
.home5-slider-section .type-post .entry-title a {
color: #fff;
}
.home5-slider-section .type-post .entry-meta .post-share,
.home5-slider-section .type-post .entry-meta .post-date {
float: left;
}
.home5-slider-section .type-post .post-by a{
color: #fff;
}
.home5-slider-section .type-post .entry-meta .post-date a:hover,
.home5-slider-section .type-post .entry-meta .post-share a:hover,
.home5-slider-section .type-post .post-by a:hover {
color: #fff;
}
.home5-slider-section .type-post .entry-meta .post-date a,
.home5-slider-section .type-post .entry-meta .post-share a,
.home5-slider-section .type-post .entry-meta .post-share a i,
.home5-slider-section .type-post .entry-meta .post-date a i {
color: #ccbcae;
}
/* - FlexSlider:: Main Slide Setting */
.home5-slider-section .flexslider.home5-main-slide {
margin-bottom: 110px;
}
.home5-slider-section .home5-main-slide.flexslider .slides img {
float: left;
}
.home5-slider-section .home5-main-slide.flexslider .type-post .entry-title {
font-size: 38px;
line-height: 48px;
padding-right: 25%;
text-transform: uppercase;
}
.home5-slider-section .home5-main-slide.flexslider .type-post .post-by a{
line-height: 40px;
}
.home5-slider-section .home5-main-slide.flexslider .type-post .entry-meta .post-share a {
line-height: 30px;
}
.home5-slider-section .flexslider .flex-direction-nav {
display: none;
}
/* - FlexSlider:: Thumb Slide Setting */
.home5-slider-section .home5-thumb-slide.flexslider .type-post {
margin-bottom: 0;
}
.home5-slider-section .home5-thumb-slide.flexslider .type-post .entry-title {
font-size: 20px;
line-height: 28px;
}
.home5-slider-section .custom-navigation {
position: absolute;
width: 100%;
bottom: 180px;
z-index: 2;
}
.home5-slider-section .custom-navigation a {
color: #998675;
font-size: 24px;
text-decoration: none;
position: absolute;
}
.home5-slider-section .custom-navigation a.flex-prev{
left: 80px;
}
.home5-slider-section .custom-navigation a.flex-next{
right: 80px;
}
/* - Home 6 */
.home6-simply .process-style-3 {
padding-top: 100px;
}
.testimonials-section-1.home13-testi.home6-testi {
border-bottom: none;
border-top: none;
}
.quote-style-3.home6-quote-style blockquote {
border: none;
}
.accordion-block.home6-accordion .panel-group {
margin-top: 50px;
}
.home6-expandable .expandable-section-style-3 .panel-default > .panel-heading .panel-title a {
color: #332c25;
}
.home6-expandable .expandable-section-style-3 .panel-default > .panel-heading .panel-title a.collapsed {
color: #746455;
}
.home6-expandable .expandable-section-style-3 .panel-group.act {
background-color: #fff;
border-top: 2px solid #746455;
}
.home6-expandable .expandable-section-style-3 .panel-body {
color: #737373;
}
.home6-sections .numbered-image {
position: relative;
margin-bottom: 30px;
}
.home6-sections .numbered-image span {
position: absolute;
color: #998675;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
border: 2px solid #998675;
width: 230px;
top: 40px;
bottom: 40px;
left: 30px;
padding: 15px 30px 15px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.home6-sections .numbered-image:hover span {
color: #cf4900;
border: 4px solid #cf4900;
}
.home6-contentslider.contentslider-layout3 .contentslider-content h3 {
margin-bottom: 0;
}
.home6-contentslider.contentslider-layout3 .carousel .content-slider-img::before{
content: "";
display: inline-block;
background-color: rgba(255, 255, 255,0.75);
background-blend-mode: luminosity;
bottom: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
}
/* - Skill */
.square-skill-section {
padding-bottom: 30px;
padding-top: 84px;
background-color: #fff;
}
.skill-main-box {
text-align: center;
margin-bottom: 30px;
}
.skill-main-box .skill-box {
height: 130px;
width: 130px;
display: block;
margin: 0 auto 30px;
position: relative;
padding: 25px;
}
.skill-main-box .skill-box i {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
font-size: 20px;
color: #d49d19;
}
.skill-main-box .skill-box span {
position: absolute;
background-color: #d49d19;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.skill-main-box .skill-box span.top-right,
.skill-main-box .skill-box span.top-left {
height: 2px;
left: 0;
width: 0;
top: 0;
}
.skill-main-box .skill-box span.top-right {
left: 50%;
}
.skill-main-box .skill-box span.top-left {
transition-delay: 2s;
}
.skill-main-box .skill-box span.right {
width: 2px;
top: 0;
bottom: auto;
height: 0;
right: 0;
transition-delay: 0.5s;
}
.skill-main-box .skill-box span.bottom {
height: 2px;
bottom: 0px;
left: auto;
right: 0;
width: 0;
transition-delay: 1s;
}
.skill-main-box .skill-box span.left {
width: 2px;
bottom: 0px;
left: 0;
top: auto;
height: 0;
transition-delay: 1.5s;
}
.skill-main-box .skill-detail h4 {
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
margin: 0;
text-align: left;
}
.skill-main-box .skill-detail p {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #746455;
display: inline-block;
margin-top: 0;
text-decoration: none;
}
.skill-main-box .skill-detail p::before {
content: "|";
padding-right: 3px;
}
/* - Home 7 */
.home7-features .dropcaps-box {
padding-left: 110px;
}
.home7-counter {
background-image: url("Images/home7-counter.jpg");
background-repeat: no-repeat;
background-size: cover;
padding: 140px 0;
}
.home7-texttab-section .block-title h5 {
color: #332c25;
font-size: 16px;
background-color: #fff;
padding: 15px 20px;
}
.home7-texttab-section.text-tab-section .quote-style-1 blockquote {
background-image: url("Images/home/home7-blockquotes.jpg");
margin-top: 30px;
padding-bottom: 28px;
}
.home7-texttab-section.text-tab-section .quote-style-1 blockquote::before {
display: none;
}
/* Home 8 */
.home-portfolio-8.portfolio-section {
padding: 0;
}
.home-portfolio-8 .portfolio-box {
display: inline-block;
position: relative;
}
.home-portfolio-8 .portfolio-list li a .portfolio-box::after,
.home-portfolio-8 .portfolio-list li a .portfolio-box::before,
.home-portfolio-8 .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.home-portfolio-8 .portfolio-list li a .portfolio-box::after,
.home-portfolio-8 .portfolio-list li a .portfolio-box::before {
content: "";
display: inline-block;
position: absolute;
}
.home-portfolio-8 .portfolio-list li a:hover .portfolio-box::before {
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(51,44,37,0.75);
mix-blend-mode: saturation;
}
.home-portfolio-8 .portfolio-list li a:hover .portfolio-box::before {
mix-blend-mode: normal;
opacity: 1;
}
.home-portfolio-8 .portfolio-list li a:hover .portfolio-box::after {
left: 70px;
right: 70px;
top: 70px;
bottom: 70px;
border: 2px solid #d49d19;
}
.home-portfolio-8 .hover-content {
opacity: 0;
top: 50%;
text-align: center;
padding: 0 125px;
position: absolute;
right: 0;
left: 0;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.home-portfolio-8 .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 24px;
margin-top: 0;
margin-bottom: 25px;
padding-bottom: 11px;
position: relative;
text-transform: uppercase;
}
.home-portfolio-8 .hover-content p {
font-size: 14px;
color: #fff;
font-family: 'Open Sans', sans-serif;
line-height: 26px;
}
.home-portfolio-8 .hover-content h4::after {
content: "";
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
bottom: 0;
}
.home-portfolio-8 .portfolio-list li a:hover .hover-content {
opacity: 1;
}
/* - Home 13 */
.homeslider-section-13 {
border-bottom: 2px solid #dcd8d4;
}
.home13-features-section .section-header h3::before {
display: none;
}
.home13-features-section {
position: relative;
}
.home13-features-section::after {
background-color: #a6a6a6;
content: "";
height: 1px;
width: 230px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
text-align: center;
}
/* - Home 11 */
.home11-services .section-header h3::before{
display: none;
}
/* - Home 18 */
.services-section .section-header h3,
.home18-interactive .section-header h3,
.home18-team .section-header h3 {
margin-bottom: 0;
}
.services-section .process-style-2 .process-box {
margin-bottom: 80px;
}
.services-section .process-style-2 .process-box i {
background-color: #746455;
}
.services-section .process-style-2 .process-box:hover i {
background-color: #d49d19;
}
.home18-counter.counter-section,
.home18-client .clientcarousel-layout1 {
background-color: #f2f2f2;
}
.home18-counter.counter-section-3 .counter-box h3 {
font-family: 'Montserrat', sans-serif;
}
.home18-expandables.expandable-style {
margin-bottom: 0;
}
.home18-expandables.expandable-style-3 .panel-group .panel-default.act::before {
background-color: #332c25;
mix-blend-mode: multiply;
}
.home18-team.team-section .col-md-6 {
margin-bottom: 30px;
}
.home18-team.team-section .team-style-3::before {
background-color: rgba(212,157,25,0.5);
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: inline-block;
opacity: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.home18-team.team-section .team-style-3:hover::before {
opacity: 1;
}
/* - Home 19 */
.home19-quote .quote-style-4 blockquote {
font-weight: bold;
color: #332c25;
margin: 35px 0;
}
.dropcops-section .dropcaps-box {
margin-bottom: 70px;
}
.dropcops-section .dropcaps-box .square-bg {
background-color: #d49d19;
font-size: 32px;
font-weight: normal;
}
.dropcops-section .dropcaps-box .dropcaps-content p b {
color: #332c25;
}
/* - Slider Section */
.slider-section,
.photo-slider {
position: relative;
}
#carousel,
#thumbs {
overflow: hidden;
}
.photo-slider .caroufredsel_wrapper {
max-width: 100%;
width: 100% !important;
}
.main-block > div,
.main-block img,
.small-thumb a,
.small-thumb img {
display: block;
float: left;
}
.main-block > div,
.main-block a,
.small-thumb span,
.small-thumb a {
position: relative;
}
.main-block img,
.small-thumb img {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0px;
}
.main-block > div {
width: 554px;
height: 313px;
}
.main-block > div::before {
background-color: rgba(51,44,37,0.66);
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
z-index: 1;
}
.thumbs-wrapper {
position: absolute;
top: auto;
bottom: 28px;
left: 0;
right: 0;
z-index: 2;
}
.small-thumb a {
margin: 0 0px 32px;
color: #fff;
text-decoration: none;
}
.small-thumb a:hover,
.small-thumb a.selected {
border-color: #566;
}
.small-thumb a .thumb-title {
padding: 0 20px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
opacity: 0;
transition-delay: 0.5s;
}
.small-thumb a.selected .thumb-title {
opacity: 1;
transition-delay: 0s;
}
.small-thumb a.selected .thumb-title p {
line-height: 26px;
}
.small-thumb a.selected .thumb-title span {
position: absolute;
bottom: 50px;
left: 20px;
background-color: transparent;
font-size: 12px;
padding: 12px 20px;
border: 2px solid #fff;
text-transform: uppercase;
box-shadow: none;
outline: none;
}
.small-thumb a .img-box {
background-color: #1c1c1c;
display: block;
}
.small-thumb a::before {
content: "";
background-color: rgba(28,28,28,0.5);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
z-index: 2;
}
.small-thumb a:hover::before {
background-color: transparent;
border: 2px solid #d49d19;
bottom: 35px;
left: 35px;
right: 35px;
top: 35px;
}
.small-thumb a.selected::before {
display: none;
}
.small-thumb a.selected .img-box {
height: 32px;
overflow: hidden;
position: absolute;
bottom: -32px;
left: 20px;
right: 20px;
background-color: #d49d19;
}
.small-thumb a.selected .img-box img {
opacity: 0.15;
}
#prev,
#next {
/* background: transparent url('../images/carousel_nav.png') no-repeat 0 0; */
display: block;
margin: -40px 30px 0;
position: absolute;
top: 50%;
font-size: 40px;
color: #fff;
}
#prev {
background-position: 0 0;
left: 10px;
}
#next {
background-position: -19px 0;
right: 10px;
}
#prev:hover {
background-position: 0 -20px;
}
#next:hover {
background-position: -19px -20px;
}
#prev.disabled,
#next.disabled {
display: none !important;
}
.photo-slider li {
position: relative;
}
.photo-slider .carousel-content {
top: 58%;
left: 0;
right: 0;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
position: absolute;
color: #fff;
padding-top: 50px;
z-index: 3;
}
.photo-slider .carousel-content h2 {
font-family: 'Montserrat', sans-serif;
font-size: 64px;
margin-top: 10px;
font-weight: 400;
text-transform: uppercase;
}
.photo-slider .carousel-content h3 {
font-size: 24px;
margin-bottom: 0px;
text-transform: uppercase;
}
/* - Home 14 */
.home14-content-section .container {
position: relative;
}
.home14-content-section .col-md-6.img-bg {
position: absolute;
left: 0;
top: 0;
}
/* - Home 16 */
/* - Home16 Text Block */
.home16-text-block .home16-text-box {
border-bottom: 1px solid #d49d19;
display: inline-block;
padding-bottom: 55px;
width: 100%;
}
.home16-text-block .block-title h5 {
display: inline-block;
margin-bottom: 40px;
}
.home16-text-block p {
color: #737373;
font-size: 15px;
line-height: 26px;
margin-bottom: 30px;
}
.home16-text-block p:last-child {
margin-bottom: 0;
}
.home16-text-block .quotes-section {
margin-bottom: 30px;
}
.home16-text-block .quotes-section blockquote {
margin-top: 0;
margin-bottom: 0;
}
.home16-counter {
background-color: #f5f4f3;
}
.home16-counter .counter-box .counter-img {
position: relative;
}
.home16-counter .counter-box .counter-img::before {
background-color: rgba(153, 134, 117, 0.55);
mix-blend-mode: multiply;
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.home16-list-section ul.circle-number {
padding-left: 0;
margin-bottom: 60px;
}
.expandable-style-3.home16-expandable-style .panel-group .panel-default.act::before {
background-color: rgba(116, 100, 85, 0.9);
mix-blend-mode: multiply;
}
.home16-features-section .section-header h3::before {
display: none;
}
.process-section.home16-features-section .process-box {
margin-bottom: 75px;
}
/* - Slider 15 */
.homeslider-section-15 {
position: relative;
}
/* Home 17 */
.home-layoutfixed .portfolio-full-mosaic .portfolio-list li .load-more .hover-content h4 {
color: #d49d19;
}
.home-layoutfixed .portfolio-list li a .load-more.portfolio-box::before {
content: "";
background-color: #fff;
}
.about21-description {
display: inline-block;
width: 100%;
margin-bottom: 50px;
padding-bottom: 31px;
position: relative;
}
.about21-description::before {
content: "";
height: 2px;
width: 50px;
background-color: #d49d19;
position: absolute;
left: 15px;
bottom: 0;
}
.about21-description h3 {
font-size: 48px;
color: #332c25;
margin-bottom: 20px;
margin-top: 0;
text-transform: capitalize;
font-family: 'Montserrat', sans-serif;
}
.about21-description p {
font-size: 15px;
color: #332c25;
margin-top: 0;
line-height: 26px;
font-family: 'Montserrat', sans-serif;
}
/* - Blog Section */
/* - TypePost */
.type-post {
margin-bottom: 75px;
}
.type-post .entry-cover {
margin-bottom: 23px;
}
.type-post .entry-title {
font-family: 'Montserrat', sans-serif;
font-size: 32px;
color: #332c25;
margin: 0 0 20px;
word-wrap: break-word;
}
.type-post .entry-title a {
color: #332c25;
text-decoration: none;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.type-post .entry-title:hover a {
color: #998675;
}
.type-post .entry-meta {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.type-post .post-by {
display: inline-block;
float: left;
color: #a6a6a6;
text-transform: uppercase;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
word-wrap: break-word;
}
.type-post .post-by a:first-of-type{
margin-left: 0;
}
.type-post .post-by a {
color: #998675;
text-decoration: none;
margin: 0 5px;
line-height: 28px;
word-wrap: break-word;
}
.type-post .entry-meta .post-date a:hover,
.type-post .entry-meta .post-share a:hover,
.type-post .post-by a:hover {
color: #000;
}
.type-post .post-by img {
border-radius: 100%;
margin-right: 15px;
}
.type-post .entry-meta .post-date {
display: inline-block;
float: right;
}
.type-post .entry-meta .post-date a {
color: #737373;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
word-wrap: break-word;
}
.type-post .entry-meta .post-share a i,
.type-post .entry-meta .post-date a i {
margin-right: 12px;
color: #998675;
}
.type-post .entry-meta .post-share {
display: inline-block;
float: right;
}
.type-post .entry-meta .post-share a {
color: #998675;
font-size: 12px;
text-transform: uppercase;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
margin-left: 55px;
}
.type-post .entry-meta [class*="post-"] a {
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.type-post .entry-meta [class*="post-"]:last-of-type a {
margin-right: 0;
}
.type-post .entry-cover img {
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.type-post .entry-cover a {
display: inline-block;
}
.type-post .entry-cover a:hover {
box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.35);
}
.type-post .entry-cover:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.type-post .entry-content {
display: inline-block;
width: 100%;
}
.type-post .entry-content p {
font-size: 15px;
font-family: 'Open Sans', sans-serif;
line-height: 26px;
color: #737373;
}
/* - TypePost:: Quote Post */
.type-post.quote-post {
position: relative;
}
.type-post.quote-post {
background: url("../images/blog/blog_fullwidth_4.jpg");
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.type-post.quote-post::before {
background-color: rgba(116, 100, 85, 0.9);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.type-post.quote-post .entrycontent-block {
position: relative;
padding: 50px 50px 25px;
}
.type-post.quote-post blockquote {
border-left: none;
margin: 0 0 28px;
padding: 0;
}
.type-post.quote-post blockquote p {
font-size: 32px;
line-height: 48px;
color: #fff;
font-family: 'Montserrat', sans-serif;
}
.type-post.quote-post .entry-meta .post-by {
color: #998675;
}
.type-post.quote-post .entry-meta [class*="post-"] a {
color: #fff;
}
.type-post.quote-post .entry-meta [class*="post-"] a i {
color: #fefefe;
}
.type-post.quote-post .entry-meta [class*="post-"] a:hover {
color: #000;
}
.blog-section.blogsidebar .type-post {
margin-bottom: 32px;
}
.blog-section .type-post:last-of-type {
margin-bottom:55px;
}
/* - Content Area */
.content-area .type-post.quote-post .entrycontent-block {
padding: 50px 50px 20px;
}
.content-area .type-post.quote-post blockquote p {
font-size: 31px;
}
/* - Widget Area */
.widget{
display: inline-block;
width: 100%;
margin-bottom: 25px;
}
/* - Widget Title */
.widget-title {
color: #332c25;
margin: 0 0 20px;
text-transform: uppercase;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
}
/* - Widget:: Search */
.widget-search .input-group {
background-color: #f0eeec
}
.widget-search .input-group .form-control,
.widget-search .btn-search {
min-height: 40px;
border-radius: 0;
outline: none;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-webkit-appearance: none;
color: #998675;
}
.widget-search .btn-search i {
color: #998675;
font-size: 15px;
}
.widget-search .input-group .form-control {
color: #746455;
font-size: 12px;
line-height: 30px;
padding: 13px 16px 8px;
background-color: #f0eeec;
font-family: 'Open Sans', sans-serif;
min-height: 40px;
}
.widget-search .form-control::-webkit-input-placeholder {
color: #746455;
text-transform: uppercase;
}
.widget-search .form-control:-moz-placeholder {
color: #746455;
text-transform: uppercase;
}
.widget-search .form-control::-moz-placeholder {
color: #746455;
text-transform: uppercase;
}
.widget-search .form-control:-ms-input-placeholder {
color: #746455;
text-transform: uppercase;
}
.widget-search .btn-search {
color: #998675;
font-size: 15px;
font-weight: bold;
padding: 11px 18px;
}
.widget-search .btn-search,
.widget-search .btn-search:hover,
.widget-search .btn-search:focus {
background-color: transparent;
outline: none;
}
/* - Widget:: Calender */
.widget-calender .ui-datepicker .ui-datepicker-title {
margin: 0;
font-size: 12px;
text-transform: uppercase;
line-height: 20px;
}
.widget-calender .ui-datepicker {
background-color: transparent;
box-shadow: none;
padding: 0 0 14px;
border: none;
border-radius: 0;
border-bottom: 1px solid rgba(153, 134, 117,0.25);
}
.widget-calender .ui-datepicker {
width: 100%;
}
.widget-calender .ui-datepicker-calendar,
.widget-calender .ui-datepicker-calendar thead,
.widget-calender .ui-datepicker-calendar tbody,
.widget-calender .ui-datepicker-calendar tr {
width: 100%;
display: inline-block;
}
.widget-calender .ui-datepicker table {
margin: 0;
}
.widget-calender .ui-datepicker td {
padding: 0;
}
.widget-calender .ui-corner-all,
.widget-calender .ui-corner-bottom,
.widget-calender .ui-corner-right,
.widget-calender .ui-corner-left,
.widget-calender .ui-corner-bl {
border-radius: 0;
}
.widget-calender .ui-widget-header {
border: none;
border-radius: 0;
background-color: #998675;
padding: 10px 0;
}
.widget-calender .ui-datepicker .ui-datepicker-prev.ui-state-hover,
.widget-calender .ui-datepicker .ui-datepicker-next.ui-state-hover {
background: none;
border: none;
text-decoration: none;
}
.widget-calender .ui-datepicker .ui-datepicker-prev,
.widget-calender .ui-datepicker .ui-datepicker-next {
height: 15px;
text-decoration: none;
top: 8px;
width: 15px;
}
.widget-calender .ui-datepicker .ui-datepicker-prev {
left: 15px;
}
.widget-calender .ui-datepicker .ui-datepicker-next {
right: 15px;
}
.widget-calender .ui-datepicker .ui-datepicker-prev::before,
.widget-calender .ui-datepicker .ui-datepicker-next::before {
font-family:'FontAwesome';
color: #fff;
font-size: 14px;
line-height: 20px;
}
.widget-calender .ui-datepicker .ui-datepicker-prev::before {
content:"\f104";
}
.widget-calender .ui-datepicker .ui-datepicker-next::before {
content:"\f105"
}
.widget-calender .ui-datepicker .ui-datepicker-prev:hover,
.widget-calender .ui-datepicker .ui-datepicker-next:hover {
cursor: pointer;
}
.widget-calender .ui-datepicker-calendar th,
.widget-calender .ui-datepicker-calendar td {
color: #998675;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
width: 14.2857%;
padding-left: 2px;
padding-right: 2px;
float: left;
}
.widget-calender .ui-state-highlight,
.widget-calender .ui-widget-content .ui-state-highlight,
.widget-calender .ui-widget-header .ui-state-highlight {
background-color: #cf4900;
color: #fff !important;
border: none;
}
.widget-calender .ui-datepicker .ui-datepicker-prev span,
.widget-calender .ui-datepicker .ui-datepicker-next span {
display: none;
}
.widget-calender .ui-datepicker-calendar .ui-state-default {
height: 38px;
line-height: 38px;
text-align: center;
width: 38px;
padding: 0;
border: none;
font-size: 14px;
color: #737373;
font-weight: 400;
display: block;
margin-left: auto;
margin-right: auto;
}
.widget-calender .ui-datepicker-calendar .ui-state-hover {
background-color: #d49d19;
color: #fff;
height: 38px;
width: 38px;
line-height: 38px;
text-align: center;
}
/* - Widget:: Categories */
.widget-catagories ul {
padding-left: 0;
margin-bottom: 0;
}
.widget-catagories ul li {
display: inline-block;
width: 100%;
margin-bottom: 2px;
}
.widget-catagories ul li a {
color: #746455;
font-size: 12px;
line-height: 40px;
text-transform: uppercase;
text-decoration: none;
font-family: 'Open Sans', sans-serif;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
display: inline-block;
width: 100%;
padding-left: 20px;
}
.widget-catagories ul li a:hover {
background-color: #332c25;
color: #fff;
}
.widget-catagories ul li a span {
margin-right: 25px;
}
/* - Widget:: Gallery */
.widget-gallery {
max-width: 270px;
}
.widget-gallery a {
position: relative;
display: inline-block;
}
.widget-gallery a::before {
content: "";
display: inline-block;
position: absolute;
border: 2px solid #d49d19;
bottom: 18px;
left: 18px;
right: 18px;
top: 18px;
opacity: 0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
z-index: 1;
}
.widget-gallery a:hover::before {
opacity: 1;
}
.widget-gallery .gallery_box {
position: relative;
}
.widget-gallery .gallery_box a img {
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
}
.widget-gallery a:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.widget-gallery .gallery_box::after,
.widget-gallery .gallery_box::before {
position: absolute;
content: "";
top: 0%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fed477;
z-index: 1;
opacity: 0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.widget-gallery .gallery_box::before {
width: 40px;
height: 2px;
}
.widget-gallery .gallery_box::after {
width: 2px;
height: 40px;
}
.widget-gallery .gallery_box:hover::after,
.widget-gallery .gallery_box:hover::before{
opacity: 1;
top: 50%;
}
/* - Widget:: LatestPost */
.blog-section .widget_latestpost {
margin-bottom: 10px;
}
.blog-section .widget_latestpost .type-post {
margin-bottom: 0;
}
.blog-section .widget_latestpost .type-post .entry-meta {
margin-bottom: 10px;
}
.blog-section.blog_singlepost_sidebar .widget_latestpost .type-post .entry-cover {
margin-bottom: 14px;
}
.blog-section.blog_singlepost_sidebar .widget_latestpost .entry-title,
.blog-section .widget_latestpost .entry-title {
font-size: 16px;
line-height: 24px;
color: #746455;
margin: 0 0 1px;
}
.blog-section .widget_latestpost .type-post .entry-meta .post-date {
float: none;
}
.blog-section .widget_latestpost .type-post .entry-meta .post-share a {
margin-left: 0;
}
/* - Widget:: Tag */
.widget_tags a {
background-color: #e2ddd9;
color: #737373;
display: inline-block;
font-size: 12px;
margin-bottom: 10px;
margin-right: 5px;
padding: 11px 13px;
text-decoration: none;
text-transform: uppercase;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.widget_tags a:hover {
background-color: #d49d19;
color: #fff;
}
/* - Widget:: Archives */
.widget-catagories.widget-archives ul li a:hover {
background-color: #d49d19;
}
/* - Widget:: Recent Comments */
.widget-recentcomments .recentcomment-box {
position: relative;
padding-left: 55px;
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.widget-recentcomments .recentcomment-box:last-of-type {
margin-bottom: 0;
}
.widget-recentcomments .recentcomment-box a img {
border-radius: 100%;
position: absolute;
left: 0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.widget-recentcomments .recentcomment-box a:hover img {
opacity: 0.7;
}
.widget-recentcomments .recentcomment-box h3 {
margin: 0 0 3px;
font-size: 12px;
color: #998675;
text-transform: uppercase;
line-height: 20px;
display: block;
}
.widget-recentcomments .recentcomment-box h3 a {
color: #998675;
text-decoration: none;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.widget-recentcomments .recentcomment-box h3 a:hover {
color: #000;
}
.widget-recentcomments .recentcomment-box h3 span{
color: #a6a6a6;
text-transform: uppercase;
display: block;
line-height: 28px;
}
.widget-recentcomments .recentcomment-box p {
color: #4c4c4c;
font-size: 15px;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
}
/* - Blog:: Masonry */
.blog-section.blog_masonry {
background-color: #fafafa;
}
.blog-section.blog_masonry .blog-masonry-box .type-post {
margin-bottom: 13px;
}
.blog-masonry-box .type-post .entry-cover {
margin-bottom: 17px;
}
.blog-masonry-box .type-post .entry-title {
display: inline-block;
font-size: 19px;
margin-top: 14px;
margin-bottom: 13px;
line-height: 26px;
width: 100%;
}
.blog-masonry-box .type-post .entry-meta .post-date {
float: none;
}
.blog-masonry-box .type-post .entry-meta .post-share a {
margin-left: 0;
line-height: 28px;
}
.blog-masonry-box .type-post.video-post iframe {
width: 100%;
min-height: 340px;
border: none;
}
/* - Blog:: Fullwidth 2Col */
.blog-section.blogfullwidth_2col .blog-masonry-box .type-post {
margin-bottom: 27px;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-cover {
margin-bottom: 6px;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-title {
font-size: 19px;
line-height: 30px;
text-transform: uppercase;
margin-bottom: 20px;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-share{
line-height: 38px;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-date {
float: right;
line-height: 38px;
margin-right: 58px;
}
/* - Blog:: Fullwidth 3Col */
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box .type-post {
margin-bottom: 0;
}
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta {
margin-bottom: 5px;
}
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box .type-post .entry-title {
margin-bottom: 20px;
margin-top: 14px;
}
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box .type-post .entry-cover {
margin-bottom: 20px;
}
.blogfullwidth_3col.blogfullwidth_2col .type-post .post-by {
margin-bottom: 15px;
}
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-date {
float: none;
margin-right: 5px;
}
.blog-section.blog_masonry.blogfullwidth_2col.blogfullwidth_3col .pagination-section {
margin-top: 53px;
}
/* - Blog:: Fullwidth Custom */
.blog_fullwidth_custom .type-post {
margin-bottom: 35px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-share a{
margin-left: 28px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-share a,
.blog_fullwidth_custom .type-post .entry-meta .post-date a {
line-height: 38px;
}
/* - Blog:: SinglePost Sidebar */
.blog_singlepost_sidebar .type-post {
margin-bottom: 25px;
}
.blog_singlepost_sidebar .type-post .entry-title {
font-size: 48px;
margin-bottom: 30px;
}
.blog_singlepost_sidebar .type-post .entry-content p {
margin-bottom: 30px;
}
.blog_singlepost_sidebar .type-post .entry-content cite {
margin-top: 19px;
}
.blog_singlepost_sidebar .type-post .blockquote-box {
background: url("../images/blog/blog_single_3.jpg");
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
margin-bottom: 32px;
margin-top: 36px;
padding-bottom: 24px;
padding-left: 32px;
padding-right: 32px;
padding-top: 25px;
}
.blog_singlepost_sidebar .type-post .blockquote-box::before {
background-color: rgba(116, 100, 85, 0.75);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.blog_singlepost_sidebar .type-post .blockquote-box blockquote {
border-left: none;
position: relative;
z-index: 1;
font-family: 'Open Sans', sans-serif;
line-height: 28px;
color: #fff;
font-style: italic;
padding: 0;
margin: 0;
}
.blog_singlepost_sidebar .type-post .blockquote-box blockquote p {
font-size: 18px;
font-weight: 700;
color: #fff;
}
.blog_singlepost_sidebar .type-post .blockquote-box blockquote cite{
font-size: 12px;
}
.blog_singlepost_sidebar .type-post .tags {
display: inline-block;
margin-bottom: 42px;
margin-top: 13px;
width: 100%;
}
.blog_singlepost_sidebar .type-post .tags span {
color: #998675;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
line-height: 28px;
text-transform: uppercase;
margin-right: 18px;
}
.blog_singlepost_sidebar .type-post .tags a {
background-color: #e2ddd9;
border: 2px solid transparent;
color: #737373;
display: inline-block;
font-family: "Open Sans",sans-serif;
font-size: 12px;
line-height: 28px;
margin-bottom: 8px;
margin-right: 8px;
padding: 3px 13px;
text-decoration: none;
text-transform: uppercase;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.blog_singlepost_sidebar .type-post .tags a:hover {
border-color: #e2ddd9;
background-color: transparent;
}
.blog_singlepost_sidebar .type-post .tags a:last-of-type {
margin-right: 0;
}
.blog_singlepost_sidebar .type-post .post-navigation {
border: 2px solid #998675;
display: inline-block;
padding: 29px 47px;
width: 100%;
}
.blog_singlepost_sidebar .type-post .post-navigation a {
text-decoration: none;
color: #998675;
font-size: 12px;
text-transform: uppercase;
}
.blog_singlepost_sidebar .type-post .post-navigation a,
.blog_singlepost_sidebar .type-post .post-navigation .post-next i,
.blog_singlepost_sidebar .type-post .post-navigation .post-prev i {
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.blog_singlepost_sidebar .type-post .post-navigation a:hover i,
.blog_singlepost_sidebar .type-post .post-navigation a:hover {
color: #000;
}
.blog_singlepost_sidebar .type-post .post-navigation .post-prev i {
font-size: 16px;
line-height: 28px;
color: #998675;
margin-right: 15px;
}
.blog_singlepost_sidebar .type-post .post-navigation .post-next {
float: right;
}
.blog_singlepost_sidebar .type-post .post-navigation .post-next i {
margin-left: 16px;
line-height: 28px;
color: #998675;
}
/* - Post Comments */
.post-comments .media {
margin-top: 20px;
overflow: visible;
}
.post-comments .media-body{
overflow: visible;
}
.post-comments .media-body .media {
position: relative;
}
.post-comments .media-body .media::before {
position: absolute;
content: "";
left: -50px;
top: 20px;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #c9c0b7;
}
.post-comments .media-left {
float: left;
clear: both;
padding-right: 20px;
}
.post-comments .media-left img {
border-radius: 100%;
}
/* - Block Title */
.post-comments .block-title,
.comment-form .block-title,
.recentpost-section .block-title {
color: #332c25;
font-size: 32px;
font-family: 'Montserrat', sans-serif;
line-height: 30px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 34px;
}
.post-comments .block-title {
margin-bottom: 10px;
}
.post-comments .media-heading {
color: #998675;
font-size: 12px;
line-height: 28px;
text-transform: uppercase;
margin-bottom: 15px;
}
.post-comments .media-heading a {
color: #998675;
text-decoration: none;
position: relative;
padding-right: 15px;
}
.post-comments .media-heading span {
float: right;
color: #a6a6a6;
}
.post-comments .media-content p {
color: #4c4c4c;
font-size: 15px;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
}
.post-comments .media-content a{
color: #998675;
font-size: 12px;
line-height: 28px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
/* - Comment Form */
.comment-form{
margin-bottom: 70px;
margin-top: 20px;
}
.comment-form .form-group {
margin-bottom: 30px;
}
.comment-form .form-control {
border-radius: 0;
box-shadow: none;
background-color: #f3f2f2;
-webkit-box-shadow: none;
-webkit-appearance: none;
min-height: 56px;
font-size: 14px;
line-height: 28px;
color: #998675;
font-family: 'Open Sans', sans-serif;
border: 1px solid transparent;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
padding: 5px 22px;
}
.comment-form .form-control:focus {
border-color: rgba(116, 100, 85, 1)
}
.comment-form textarea {
height: 120px;
}
/* - Placeholder */
.comment-form .form-control::-webkit-input-placeholder {
color: #998675;
text-transform: uppercase;
}
.comment-form .form-control:-moz-placeholder { /* Firefox 18- */
color: #998675;
text-transform: uppercase;
}
.comment-form .form-control::-moz-placeholder { /* Firefox 19+ */
color: #998675;
text-transform: uppercase;
}
.comment-form .form-control:-ms-input-placeholder {
color: #998675;
text-transform: uppercase;
}
.comment-form .btn-submit {
background: url("../images/blog/commentform-bg.jpg");
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 15px 0;
border-radius: 0;
border: none;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
line-height: 30px;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
position: relative;
width: 100%;
z-index: 1;
}
.comment-form .btn-submit:hover {
opacity: 0.8;
}
.comment-form .btn-submit::before {
background-color: rgba(116, 100, 85, 0.9);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
/* - RecentPost Section */
.recentpost-section.blog-section {
background-color: #f6f6f6;
}
.recentpost-section .block-title {
font-size: 40px;
color: #332c25;
line-height: 48px;
text-transform: initial;
margin: 0 0 37px;
}
.recentpost-section.blog-section .type-post .entry-title {
font-size: 32px;
}
.recentpost-section.blog-section .type-post:last-of-type {
margin-bottom: 0;
}
/* - Blog:: SinglePost Fullwidth */
.blog_singlepost_fullwidth .type-post .entry-title {
font-size: 48px;
}
.blog_singlepost_fullwidth .type-post .entry-content > p {
padding: 0 100px;
margin-bottom: 0;
color: #4c4c4c;
}
.blog_singlepost_fullwidth .type-post .blockquote-box {
background-image: url("../images/blog/blog_single_4.jpg");
background-repeat: no-repeat;
background-size: cover;
padding-top: 43px;
padding-bottom: 34px;
min-height: 140px;
}
.blog_singlepost_fullwidth .type-post .blockquote-box::before {
background-color: rgba(51, 44, 37, 0.8);
}
.blog_singlepost_fullwidth .type-post .blockquote-box p {
margin-bottom: 3px;
}
.blog_singlepost_sidebar .type-post .entry-content cite {
margin-top: 5px;
}
.blog_singlepost_sidebar.blog_singlepost_fullwidth .type-post .tags {
margin-top: 42px;
}
.blog_singlepost_fullwidth .comment-form {
margin-bottom: 30px;
}
/* - RecentPost Carousel Section */
.recentpost-section.recentpost-carousel-section {
background-color: #fafafa;
padding-top: 0;
}
.recentpost-section.recentpost-carousel-section .recentpost-carousel .type-post {
margin-bottom: 0;
}
.recentpost-carousel.owl-carousel img {
width: auto;
display: inline-block;
}
.recentpost-carousel .type-post .entry-title {
font-size: 32px;
}
.recentpost-carousel .type-post .entry-content p {
padding: 0;
color: #737373;
}
.recentpost-carousel.owl-theme .owl-controls {
position: absolute;
top: -80px;
left: 0;
margin-top: 0;
}
.recentpost-carousel.owl-theme .owl-controls .owl-nav [class*="owl-"] {
font-size: 0;
position: relative;
background-color: transparent;
padding: 0;
margin: 0;
}
.recentpost-carousel.owl-theme .owl-controls .owl-prev::before,
.recentpost-carousel.owl-theme .owl-controls .owl-next::before {
position: relative;
font-size: 30px;
color: #4c4c4c;
font-family: "FontAwesome";
}
.recentpost-carousel.owl-theme .owl-controls .owl-prev {
margin-right: 19px!important;
}
.recentpost-carousel.owl-theme .owl-controls .owl-prev::before {
content: "\f104";
}
.recentpost-carousel.owl-theme .owl-controls .owl-next::before {
content: "\f105";
}
.recentpost-carousel-section .block-title {
font-size: 24px;
margin-left: 67px;
text-transform: uppercase;
}
/* - Home1: Blog Section */
.home1-blog-section.blog-section .section-header h3 {
color: #332c25;
}
/* - Home 11 */
.home11blog_2col .section-header h3::before {
display: none;
}
.home11blog_2col .type-post .entry-cover img {
filter: none;
}
.home11blog_2col .type-post .post-by a {
color: #3f51b5;
}
.home11blog_2col .type-post .entry-meta .post-share a {
color: #3f51b5;
}
.portfolio-section {
/* padding-top: 70px; */
/* padding-bottom: 95px; */
}
.portfolio-title {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 48px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 40px;
}
.portfolio-categories {
width: 100%;
display: inline-block;
background-color: #332c25;
border-bottom: 5px solid #fff;
padding-left: 0;
margin-bottom: 0;
}
.portfolio-categories li {
display: inline-block;
}
.portfolio-categories li a {
color: #fff;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
padding: 14px 20px;
text-transform: uppercase;
display: inline-block;
text-decoration: none;
position: relative;
}
.portfolio-categories li a::before {
content: "";
background-color: #d49d19;
height: 5px;
display: inline-block;
left: 0;
width: 0;
bottom: -5px;
position: absolute;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-categories li a.active::before,
.portfolio-categories li a:hover::before {
width: 100%;
}
.portfolio-list {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
.portfolio-list li a {
float: left;
width: 100%;
color: #fff;
position: relative;
}
.portfolio-list li a .portfolio-box::before {
content: "";
top: 0;
bottom: 0;
left: 0;
right: 0;
display: inline-block;
background-color: rgba(51,44,37,0.75);
mix-blend-mode: saturation;
position: absolute;
}
.portfolio-list li a:hover .portfolio-box::before {
opacity: 0;
}
/* - Portfolio Boxed 3 Column-No Space */
.portfolio-boxed-3-col-no-space .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-boxed-3-col-no-space .hover-content {
bottom: 40px;
text-align: right;
padding: 0 50px;
position: absolute;
right: 0;
left: 0;
}
.portfolio-boxed-3-col-no-space .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-boxed-3-col-no-space .hover-content h4::before {
content: "";
position: absolute;
right: 0;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
/* - Portfolio Boxed 4 Column-No Space */
.portfolio-boxed-4-col-no-space .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-boxed-4-col-no-space .portfolio-list li a .portfolio-box::after,
.portfolio-boxed-4-col-no-space .portfolio-list li a .portfolio-box::before,
.portfolio-boxed-4-col-no-space .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-boxed-4-col-no-space .portfolio-list li a .portfolio-box::after,
.portfolio-boxed-4-col-no-space .portfolio-list li a .portfolio-box::before {
content: "";
display: inline-block;
position: absolute;
}
.portfolio-boxed-4-col-no-space .portfolio-list li a:hover .portfolio-box::before {
opacity: 0;
}
.portfolio-boxed-4-col-no-space .portfolio-list li a .portfolio-box::after {
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
border: 2px solid #746455;
}
.portfolio-boxed-4-col-no-space .portfolio-list li a:hover .portfolio-box::after {
border-color: #d49d19;
}
.portfolio-boxed-4-col-no-space .hover-content {
top: 50%;
text-align: center;
padding: 0 55px;
position: absolute;
right: 0;
left: 0;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.portfolio-boxed-4-col-no-space .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0;
padding-bottom: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-boxed-4-col-no-space .hover-content h4::before {
content: "";
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
height: 2px;
width: 20px;
display: inline-block;
background-color: #998675;
bottom: 0;
}
.portfolio-boxed-4-col-no-space .portfolio-list li a:hover .hover-content h4 {
color: #d49d19;
}
/* - Portfolio Boxed 5 Column-No Space */
.portfolio-boxed-5-col-no-space .portfolio-list li {
width: 20%;
}
.portfolio-boxed-5-col-no-space .portfolio-list li a .portfolio-box::before,
.portfolio-boxed-5-col-no-space .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-boxed-5-col-no-space .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-boxed-5-col-no-space .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(212,157,25,0.75);
mix-blend-mode: normal;
opacity: 1;
}
.portfolio-boxed-5-col-no-space .hover-content {
top: 30px;
text-align: right;
padding: 0 30px;
position: absolute;
right: 0;
left: 0;
}
.portfolio-boxed-5-col-no-space .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-boxed-5-col-no-space .hover-content h4::before {
content: "";
position: absolute;
right: 0;
margin: 0 auto;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
.portfolio-boxed-5-col-no-space .portfolio-list li a:hover .hover-content h4::before {
background-color: #332c25;
}
/* - Portfolio Boxed 3 Column */
.portfolio-boxed-3-col .portfolio-categories {
margin-bottom: 10px;
}
.portfolio-boxed-3-col .portfolio-list li {
margin: 15px 0;
}
.portfolio-boxed-3-col .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-boxed-3-col .hover-content {
bottom: 40px;
text-align: right;
padding: 0 50px;
position: absolute;
right: 0;
left: 0;
}
.portfolio-boxed-3-col .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-boxed-3-col .hover-content h4::before {
content: "";
position: absolute;
right: 0;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
/* - Portfolio Boxed 4 Column */
.portfolio-boxed-4-col .portfolio-categories {
margin-bottom: 10px;
}
.portfolio-boxed-4-col .portfolio-list li {
margin: 15px 0;
}
.portfolio-boxed-4-col .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-boxed-4-col .portfolio-box,
.portfolio-boxed-4-col .portfolio-list li a .portfolio-box::after,
.portfolio-boxed-4-col .portfolio-list li a .portfolio-box::before,
.portfolio-boxed-4-col .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-boxed-4-col .portfolio-list li a .portfolio-box::after,
.portfolio-boxed-4-col .portfolio-list li a .portfolio-box::before {
content: "";
display: inline-block;
position: absolute;
}
.portfolio-boxed-4-col .portfolio-list li a:hover .portfolio-box::before {
opacity: 0;
}
.portfolio-boxed-4-col .portfolio-list li a .portfolio-box::after {
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
border: 2px solid #746455;
}
.portfolio-boxed-4-col .portfolio-list li a:hover .portfolio-box::after {
border-color: #d49d19;
}
.portfolio-boxed-4-col .hover-content {
top: 50%;
text-align: center;
padding: 0 55px;
position: absolute;
right: 0;
left: 0;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.portfolio-boxed-4-col .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0;
padding-bottom: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-boxed-4-col .hover-content h4::before {
content: "";
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
height: 2px;
width: 20px;
display: inline-block;
background-color: #998675;
bottom: 0;
}
.portfolio-boxed-4-col .portfolio-list li a:hover .portfolio-box {
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.35);
}
.portfolio-boxed-4-col .portfolio-list li a:hover .hover-content h4 {
color: #d49d19;
}
/* - Portfolio Boxed 5 Column */
.portfolio-boxed-5-col .portfolio-categories {
margin-bottom: 10px;
}
.portfolio-boxed-5-col .portfolio-list li {
width: 20%;
margin: 15px 0;
}
.portfolio-boxed-5-col .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-boxed-5-col .portfolio-list li a .portfolio-box::before,
.portfolio-boxed-5-col .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-boxed-5-col .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(212,157,25,0.75);
mix-blend-mode: normal;
opacity: 1;
}
.portfolio-boxed-5-col .hover-content {
top: 30px;
text-align: right;
padding: 0 30px;
position: absolute;
right: 0;
left: 0;
}
.portfolio-boxed-5-col .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
opacity: 0;
}
.portfolio-boxed-5-col .hover-content h4::before {
content: "";
position: absolute;
right: 0;
margin: 0 auto;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
.portfolio-boxed-5-col .portfolio-list li a:hover .hover-content h4 {
opacity: 1;
}
.portfolio-boxed-5-col .portfolio-list li a:hover .hover-content h4::before {
background-color: #332c25;
}
/* - Portfolio Boxed masonary */
.portfolio-boxed-masonry .portfolio-list li {
margin: 15px 0;
}
.portfolio-boxed-masonry .portfolio-list .portfolio-box {
position: relative;
}
.portfolio-boxed-masonry .portfolio-list li a .portfolio-box::before,
.portfolio-boxed-masonry .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-boxed-masonry .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-boxed-masonry .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(212,157,25,0.75);
mix-blend-mode: normal;
opacity: 1;
}
.portfolio-boxed-masonry .portfolio-list li .hover-content {
bottom: 40px;
left: 0;
padding: 0 50px;
position: absolute;
right: 0;
text-align: right;
}
.portfolio-boxed-masonry .portfolio-list li .hover-content h4:before {
content: "";
position: absolute;
right: 0;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
.portfolio-boxed-masonry .portfolio-list li a:hover .hover-content h4:before {
background-color: #fff;
}
.portfolio-boxed-masonry .portfolio-list li .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-boxed-masonry .portfolio-list li.wide {
width: 66.66%;
}
/* - Portfolio Boxed mosaic */
.portfolio-boxed-mosaic .portfolio-list .portfolio-box {
position: relative;
}
.portfolio-boxed-mosaic .portfolio-list li a .portfolio-box::before,
.portfolio-boxed-mosaic .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-boxed-mosaic .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-boxed-mosaic .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(212,157,25,0.75);
mix-blend-mode: normal;
opacity: 1;
}
.portfolio-boxed-mosaic .portfolio-list li a:hover .hover-content h4::before {
background-color: rgb(255,255,255);
}
.portfolio-boxed-mosaic .portfolio-list li .hover-content {
bottom: 40px;
left: 0;
padding: 0 50px;
position: absolute;
right: 0;
text-align: right;
}
.portfolio-boxed-mosaic .portfolio-list li .hover-content h4:before {
content: "";
position: absolute;
right: 0;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
.portfolio-boxed-mosaic .portfolio-list li .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-boxed-mosaic .portfolio-list li a:hover .hover-content h4:before {
background-color: #fff;
}
.portfolio-boxed-mosaic .portfolio-list li.wide {
width: 66.67%;
}
/* - portfolio-full-3-col-no-space */
.portfolio-full-3-col-no-space .portfolio-categories-full {
background-color: #332c25;
margin-bottom: 5px;
}
.portfolio-full-3-col-no-space .portfolio-categories-full .portfolio-categories {
border-bottom: none;
}
.portfolio-full-3-col-no-space .portfolio-categories li a::before {
z-index: 1;
}
.portfolio-full-3-col-no-space .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-full-3-col-no-space .hover-content {
bottom: 40px;
text-align: right;
padding: 0 50px;
position: absolute;
right: 0;
left: 0;
}
.portfolio-full-3-col-no-space .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-full-3-col-no-space .hover-content h4::before {
content: "";
position: absolute;
right: 0;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
/* - portfolio-full-4-col-no-space */
.portfolio-full-4-col-no-space .portfolio-categories-full {
background-color: #332c25;
margin-bottom: 5px;
}
.portfolio-full-4-col-no-space .portfolio-categories-full .portfolio-categories {
border-bottom: none;
}
.portfolio-full-4-col-no-space .portfolio-categories li a::before {
z-index: 1;
}
.portfolio-full-4-col-no-space .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::after,
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::before,
.portfolio-full-4-col-no-space .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::after,
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::before {
content: "";
display: inline-block;
position: absolute;
}
.portfolio-full-4-col-no-space .portfolio-list li a:hover .portfolio-box::before {
opacity: 0;
}
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::after {
left: 115px;
right: 115px;
top: 115px;
bottom: 115px;
border: 2px solid #746455;
}
.portfolio-full-4-col-no-space .portfolio-list li a:hover .portfolio-box::after {
border-color: #d49d19;
}
.portfolio-full-4-col-no-space .hover-content {
top: 50%;
text-align: center;
padding: 0 158px;
position: absolute;
right: 0;
left: 0;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.portfolio-full-4-col-no-space .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0;
padding-bottom: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-full-4-col-no-space .hover-content h4::before {
content: "";
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
height: 2px;
width: 20px;
display: inline-block;
background-color: #998675;
bottom: 0;
}
.portfolio-full-4-col-no-space .portfolio-list li a:hover .hover-content h4 {
color: #fff;
}
/* - portfolio-full-5-col-no-space */
.portfolio-full-5-col-no-space .portfolio-categories-full {
background-color: #332c25;
margin-bottom: 5px;
}
.portfolio-full-5-col-no-space .portfolio-categories-full .portfolio-categories {
border-bottom: none;
}
.portfolio-full-5-col-no-space .portfolio-categories li a::before {
z-index: 1;
}
.portfolio-full-5-col-no-space .portfolio-list li {
width: 20%;
}
.portfolio-full-5-col-no-space .portfolio-list li a .portfolio-box::before,
.portfolio-full-5-col-no-space .hover-content h4,
.portfolio-full-5-col-no-space .portfolio-list li a .portfolio-box::before {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-full-5-col-no-space .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-full-5-col-no-space .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(212,157,25,0.75);
mix-blend-mode: normal;
opacity: 1;
}
.portfolio-full-5-col-no-space .hover-content {
top: 50px;
text-align: right;
padding: 0 50px 0 157px;
position: absolute;
right: 0;
left: 0;
}
.portfolio-full-5-col-no-space .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-full-5-col-no-space .hover-content h4::before {
content: "";
position: absolute;
right: 0;
margin: 0 auto;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
.portfolio-full-5-col-no-space .portfolio-list li a:hover .hover-content h4::before {
background-color: #332c25;
}
/* - portfolio-full-3-col-space */
.portfolio-full-3-col-space .portfolio-categories-full {
background-color: #332c25;
}
.portfolio-full-3-col-space .portfolio-categories-full .portfolio-categories {
border-bottom: none;
}
.portfolio-full-5-col-no-space .portfolio-categories li a::before {
z-index: 1;
}
.portfolio-full-3-col-space .portfolio-list {
margin: 0 15px;
}
.portfolio-full-3-col-space .portfolio-list li {
padding-top: 30px;
}
.portfolio-full-3-col-space .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-full-3-col-space .hover-content {
bottom: 40px;
text-align: right;
padding: 0 50px;
position: absolute;
right: 0;
left: 0;
}
.portfolio-full-3-col-space .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-full-3-col-space .hover-content h4::before {
content: "";
position: absolute;
right: 0;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
/* - portfolio-full-4-col-space */
.portfolio-full-4-col-space .portfolio-categories-full {
background-color: #332c25;
}
.portfolio-full-4-col-space .portfolio-categories-full .portfolio-categories {
border-bottom: none;
}
.portfolio-full-4-col-space .portfolio-categories li a::before {
z-index: 1;
}
.portfolio-full-4-col-space .portfolio-list {
margin: 0 15px;
}
.portfolio-full-4-col-space .portfolio-list {
margin-top: 15px;
}
.portfolio-full-4-col-space .portfolio-list li {
margin: 15px 0;
}
.portfolio-full-4-col-space .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-full-4-col-space .portfolio-box,
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::after,
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::before,
.portfolio-full-4-col-space .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::after,
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::before {
content: "";
display: inline-block;
position: absolute;
}
.portfolio-full-4-col-space .portfolio-list li a:hover .portfolio-box::before {
opacity: 0;
}
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::after {
left: 100px;
right: 100px;
top: 100px;
bottom: 100px;
border: 2px solid #746455;
}
.portfolio-full-4-col-space .portfolio-list li a:hover .portfolio-box::after {
border-color: #d49d19;
}
.portfolio-full-4-col-space .hover-content {
top: 50%;
text-align: center;
padding: 0 135px;
position: absolute;
right: 0;
left: 0;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.portfolio-full-4-col-space .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0;
padding-bottom: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-full-4-col-space .hover-content h4::before {
content: "";
position: absolute;
right: 0;
left: 0;
margin: 0 auto;
height: 2px;
width: 20px;
display: inline-block;
background-color: #998675;
bottom: 0;
}
.portfolio-full-4-col-space .portfolio-list li a:hover .portfolio-box {
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.35);
}
.portfolio-full-4-col-space .portfolio-list li a:hover .hover-content h4 {
color: #fff;
}
/* - portfolio-full-5-col-space */
.portfolio-full-5-col-space .portfolio-categories-full {
background-color: #332c25;
}
.portfolio-full-5-col-space .portfolio-categories-full .portfolio-categories {
border-bottom: none;
}
.portfolio-full-5-col-space .portfolio-categories li a::before {
z-index: 1;
}
.portfolio-full-5-col-space .portfolio-list {
margin: 15px 15px 0;
}
.portfolio-full-5-col-space .portfolio-list li {
width: 20%;
margin: 15px 0;
}
.portfolio-full-5-col-space .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-full-5-col-space .portfolio-list li a .portfolio-box::before,
.portfolio-full-5-col-space .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-full-5-col-space .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(212,157,25,0.75);
mix-blend-mode: normal;
opacity: 1;
}
.portfolio-full-5-col-space .hover-content {
top: 50px;
text-align: right;
padding: 0 50px 0 115px;
position: absolute;
right: 0;
left: 0;
}
.portfolio-full-5-col-space .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 24px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-full-5-col-space .hover-content h4::before {
content: "";
position: absolute;
right: 0;
margin: 0 auto;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
.portfolio-full-5-col-space .portfolio-list li a:hover .hover-content h4::before {
background-color: #332c25;
}
/* - portfolio-full-masonry */
.portfolio-full-masonry .portfolio-categories-full {
background-color: #332c25;
}
.portfolio-full-masonry .portfolio-categories-full .portfolio-categories {
border-bottom: none;
}
.portfolio-full-masonry .portfolio-categories li a::before {
z-index: 1;
}
.portfolio-full-masonry .portfolio-list li {
padding-top: 30px;
}
.portfolio-full-masonry .portfolio-list li.wide {
width: 40%;
}
.portfolio-full-masonry .portfolio-list li {
width: 20%;
}
.portfolio-full-masonry .portfolio-list .portfolio-box {
position: relative;
}
.portfolio-full-masonry .portfolio-list li a .portfolio-box::before,
.portfolio-full-masonry .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-full-masonry .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-full-masonry .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(212,157,25,0.75);
mix-blend-mode: normal;
opacity: 1;
}
.portfolio-full-masonry .portfolio-list li .hover-content {
bottom: 40px;
left: 0;
padding: 0 50px;
position: absolute;
right: 0;
text-align: right;
}
.portfolio-full-masonry .portfolio-list li .hover-content h4:before {
content: "";
position: absolute;
right: 0;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
.portfolio-full-masonry .portfolio-list li a:hover .hover-content h4:before {
background-color: #fff;
}
.portfolio-full-masonry .portfolio-list li .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
/* - portfolio-full-mosaic */
.portfolio-full-mosaic .portfolio-categories-full {
background-color: #332c25;
margin-bottom: 5px
}
.portfolio-full-mosaic .portfolio-categories-full .portfolio-categories {
border-bottom: none;
}
.portfolio-full-mosaic .portfolio-categories li a::before {
z-index: 1;
}
.portfolio-full-mosaic .portfolio-list .portfolio-box {
position: relative;
}
.portfolio-full-mosaic .portfolio-list li {
width: 20%;
}
.portfolio-full-mosaic .portfolio-list li.wide {
width: 40%;
}
.portfolio-full-mosaic .portfolio-list li a .portfolio-box::before,
.portfolio-full-mosaic .hover-content h4 {
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-full-mosaic .portfolio-box {
display: inline-block;
position: relative;
}
.portfolio-full-mosaic .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(212,157,25,0.75);
mix-blend-mode: normal;
opacity: 1;
}
.portfolio-full-mosaic .portfolio-list li a:hover .hover-content h4::before {
background-color: rgb(255,255,255);
}
.portfolio-full-mosaic .portfolio-list li .hover-content {
bottom: 40px;
left: 0;
padding: 0 50px;
position: absolute;
right: 0;
text-align: right;
}
.portfolio-full-mosaic .portfolio-list li .hover-content h4:before {
content: "";
position: absolute;
right: 0;
height: 2px;
width: 20px;
display: inline-block;
background-color: #d49d19;
top: 0;
}
.portfolio-full-mosaic .portfolio-list li .hover-content h4 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
padding-top: 11px;
position: relative;
text-transform: uppercase;
}
.portfolio-full-mosaic .portfolio-list li a:hover .hover-content h4:before {
background-color: #fff;
}
/* - portfolio-single-layout-1 */
.portfolio-single-layout-1 {
padding: 0 0 100px;
/* padding: 75px 0 100px; */
}
.portfolio-single-layout-1 .container h2.single-title {
font-size: 48px;
color: #332c25;
font-family: 'Montserrat', sans-serif;
margin-bottom: 45px;
margin-top: 0;
}
.portfolio-single-layout-1 .single-crousal-block ul {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.portfolio-single-layout-1 .single-crousal-block {
margin-bottom: 25px;
}
.portfolio-single-layout-1 .porject-details h3 {
font-size: 32px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 28px;
color: #332c25;
}
.portfolio-single-layout-1 .porject-details p {
margin-bottom: 0;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #737373;
line-height: 26px;
}
.portfolio-single-layout-1 .project-sidebar {
padding-top: 72px;
}
.portfolio-single-layout-1 .project-sidebar h5 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #4c4c4c;
text-transform: capitalize;
margin-bottom: 13px;
position: relative;
padding-left: 120px;
line-height: 28px;
}
.portfolio-single-layout-1 .project-sidebar h5 span {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
position: absolute;
left: 0;
top: 0;
}
.portfolio-single-layout-1 .project-sidebar h5:last-of-type{
color: #998675;
}
.portfolio-single-layout-1 .single-crousal-block .lSAction .lSPrev::before {
content:"\f104";
font-family: "FontAwesome";
color: #332c25;
font-size: 30px;
opacity: 1;
}
.portfolio-single-layout-1 .single-crousal-block .lSAction > a {
opacity: 1;
}
.portfolio-single-layout-1 .single-crousal-block .lSAction .lSNext::before {
content:"\f105";
font-family: "FontAwesome";
color: #332c25;
font-size: 30px;
opacity: 1;
}
.portfolio-single-layout-1 .single-crousal-block .lSAction .lSPrev {
left: 15%;
}
.portfolio-single-layout-1 .single-crousal-block .lSAction .lSNext {
right: 15%;
}
.portfolio-single-layout-1 .single-crousal-block .lSAction > a {
background-image: none;
text-decoration: none;
font-size: 32px;
color: #332c25;
}
/* - portfolio-single-layout-2 */
.portfolio-single-layout-2 {
padding: 75px 0 100px;
}
.portfolio-single-layout-2 .portfolio-single-content h2 {
font-size: 48px;
color: #332c25;
font-family: 'Montserrat', sans-serif;
margin-bottom: 45px;
margin-top: 0;
}
.portfolio-single-layout-2 .port-image-list img {
padding-bottom: 30px;
}
.portfolio-single-layout-2 .porject-details h3 {
font-size: 32px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 28px;
color: #332c25;
}
.portfolio-single-layout-2 .porject-details p {
margin-bottom: 0;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #737373;
line-height: 26px;
}
.portfolio-single-layout-2 .project-sidebar {
padding-top: 73px;
}
.portfolio-single-layout-2 .project-sidebar h5 span {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
position: absolute;
top:0;
left: 0;
}
.portfolio-single-layout-2 .project-sidebar h5 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #4c4c4c;
text-transform: capitalize;
margin-bottom: 15px;
position: relative;
padding-left: 120px;
line-height: 28px;
}
.portfolio-single-layout-2 .project-sidebar h5:last-of-type{
color: #998675;
}
.portfolio-single-layout-2 .project-sidebar a {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #fff;
padding: 11px 20px;
background-color: #332c25;
text-decoration: none;
display: inline-block;
margin-top: 18px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.portfolio-single-layout-2 .project-sidebar a:hover {
background-color: #d49d19;
}
/* - portfolio-single-layout-3 */
.portfolio-single-layout-3 {
padding: 75px 0 100px;
}
.portfolio-single-layout-3 .portfolio-single-content h2 {
font-size: 48px;
color: #332c25;
font-family: 'Montserrat', sans-serif;
margin-bottom: 50px;
margin-top: 0;
}
.portfolio-single-layout-3 .porject-details h3 {
font-size: 32px;
font-family: 'Montserrat', sans-serif;
margin-top: 0px;
margin-bottom: 25px;
color: #332c25;
}
.portfolio-single-layout-3 .porject-details p {
margin-bottom: 0;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #737373;
line-height: 26px;
}
.portfolio-single-layout-3 .project-sidebar {
padding-top: 20px;
}
.portfolio-single-layout-3 .project-sidebar h5 span {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
padding-right: 30px;
position: absolute;
top: 0;
left: 0;
}
.portfolio-single-layout-3 .project-sidebar h5 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #4c4c4c;
text-transform: capitalize;
margin-bottom: 13px;
position: relative;
padding-left: 120px;
line-height: 28px;
}
.portfolio-single-layout-3 .project-sidebar h5:last-of-type{
color: #998675;
}
.portfolio-single-layout-3 .carousel-control {
opacity: 1;
}
.portfolio-single-layout-3 .carousel-control.right,
.portfolio-single-layout-3 .carousel-control.left {
background-image: none;
}
.portfolio-single-layout-3 .carousel-control .fa-angle-left,
.portfolio-single-layout-3 .carousel-control .fa-angle-right {
position: absolute;
top: 50%;
font-size: 32px;
color: #998675;
}
/* - portfolio-single-layout-4 */
.portfolio-single-layout-4 {
padding: 75px 0 100px;
}
.portfolio-single-layout-4 .portfolio-single-content h2 {
font-size: 48px;
color: #332c25;
font-family: 'Montserrat', sans-serif;
margin-bottom: 35px;
margin-top: 0;
}
.portfolio-single-layout-4 .portfolio-list {
margin-bottom: 30px;
}
.portfolio-single-layout-4 .porject-details h3 {
font-size: 32px;
font-family: 'Montserrat', sans-serif;
margin-top: 0px;
margin-bottom: 25px;
color: #332c25;
}
.portfolio-single-layout-4 .porject-details p {
margin-bottom: 0;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #737373;
line-height: 26px;
}
.portfolio-single-layout-4 .project-sidebar {
padding-top: 50px;
}
.portfolio-single-layout-4 .project-sidebar h5 span {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
padding-right: 30px;
position: absolute;
top: 0;
left: 0;
}
.portfolio-single-layout-4 .project-sidebar h5 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #4c4c4c;
text-transform: capitalize;
margin-bottom: 13px;
position: relative;
padding-left: 120px;
line-height: 28px;
}
.portfolio-single-layout-4 .project-sidebar h5:last-of-type{
color: #998675;
}
.portfolio-single-layout-4 .portfolio-boxed-3-col .portfolio-list li a:hover .portfolio-box {
box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.35);
}
.portfolio-single-layout-4 .portfolio-boxed-3-col .hover-content h4 {
opacity: 0;
}
.portfolio-single-layout-4 .portfolio-boxed-3-col .portfolio-list li a:hover .hover-content h4 {
opacity: 1;
}
/* - portfolio-single-layout-5 */
.portfolio-single-layout-5 {
padding: 75px 0 100px;
}
.portfolio-single-layout-5 .portfolio-single-content h2 {
font-size: 48px;
color: #332c25;
font-family: 'Montserrat', sans-serif;
margin-bottom: 35px;
margin-top: 0;
}
.portfolio-single-layout-5 .porject-details h3 {
font-size: 32px;
font-family: 'Montserrat', sans-serif;
margin-top: 0px;
margin-bottom: 25px;
color: #332c25;
}
.portfolio-single-layout-5 .porject-details p {
margin-bottom: 0;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #737373;
line-height: 26px;
}
.portfolio-single-layout-5 .project-sidebar {
padding-top: 20px;
}
.portfolio-single-layout-5 .project-sidebar h5 span {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
padding-right: 30px;
position: absolute;
top: 0;
left: 0;
}
.portfolio-single-layout-5 .project-sidebar h5 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #4c4c4c;
text-transform: capitalize;
margin-bottom: 13px;
position: relative;
padding-left: 120px;
line-height: 28px;
}
.portfolio-single-layout-5 .project-sidebar h5:last-of-type{
color: #998675;
}
.group-image-list img {
margin-bottom: 30px;
}
.group-image-list img:last-of-type {
margin-bottom: 0;
}
.portfolio-single-layout-5 .project-share h5 {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
display: inline-block;
margin-bottom: 10px;
}
.portfolio-single-layout-5 .project-share ul {
list-style: none;
display: inline-block;
margin-bottom: 10px;
}
.portfolio-single-layout-5 .project-share ul li {
display: inline-block;
padding-left: 25px;
}
.portfolio-single-layout-5 .project-share ul li.twitter a {
color: #55acee;
}
.portfolio-single-layout-5 .project-share ul li.google a {
color: #dc4e41;
}
.portfolio-single-layout-5 .project-share ul li.behance a {
color: #1769ff;
}
.portfolio-single-layout-5 .project-share ul li.instagram a {
color: #3f729b;
}
.portfolio-single-layout-5 .project-share ul li a {
font-size: 17px;
}
.portfolio-single-layout-5 .container {
position: relative;
}
.portfolio-single-layout-5 .project-share {
position: absolute;
left: 0;
bottom: 0;
}
/* - portfolio-single-layout-6 */
.portfolio-single-layout-6 {
padding: 75px 0 100px;
}
.portfolio-single-layout-6 .portfolio-single-content h2 {
font-size: 48px;
color: #332c25;
font-family: 'Montserrat', sans-serif;
margin-bottom: 35px;
margin-top: 0;
}
.portfolio-single-layout-6 .porject-details h3 {
font-size: 32px;
font-family: 'Montserrat', sans-serif;
margin-top: 0px;
margin-bottom: 25px;
color: #332c25;
}
.portfolio-single-layout-6 .porject-details p {
margin-bottom: 0;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #737373;
line-height: 26px;
}
.portfolio-single-layout-6 .project-sidebar {
padding-top: 20px;
}
.portfolio-single-layout-6 .project-sidebar h5 span {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
padding-right: 30px;
position: absolute;
top: 0;
left: 0;
}
.portfolio-single-layout-6 .project-sidebar h5 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #4c4c4c;
text-transform: capitalize;
margin-bottom: 13px;
position: relative;
padding-left: 120px;
line-height: 28px;
}
.portfolio-single-layout-6 .project-sidebar h5:last-of-type{
color: #998675;
}
.group-image-list img {
margin-bottom: 30px;
}
.group-image-list img:last-of-type {
margin-bottom: 0;
}
.portfolio-single-layout-6 .project-share h5 {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
display: inline-block;
margin-bottom: 10px;
}
.portfolio-single-layout-6 .project-share ul {
list-style: none;
display: inline-block;
margin-bottom: 10px;
}
.portfolio-single-layout-6 .project-share ul li {
display: inline-block;
padding-left: 25px;
}
.portfolio-single-layout-6 .project-share ul li.twitter a {
color: #55acee;
}
.portfolio-single-layout-6 .project-share ul li.google a {
color: #dc4e41;
}
.portfolio-single-layout-6 .project-share ul li.behance a {
color: #1769ff;
}
.portfolio-single-layout-6 .project-share ul li.instagram a {
color: #3f729b;
}
.portfolio-single-layout-6 .project-share ul li a {
font-size: 17px;
}
.portfolio-single-layout-6 .container {
position: relative;
}
.portfolio-single-layout-6 .project-share {
position: absolute;
left: 0;
bottom: 0;
}
/* - portfolio-single-layout-7 */
.portfolio-single {
background-color: #fafafa;
}
.portfolio-single-layout-7 {
padding: 75px 0 100px;
}
.portfolio-single-layout-7 .portfolio-single-content h2 {
font-size: 48px;
color: #332c25;
font-family: 'Montserrat', sans-serif;
margin-bottom: 35px;
margin-top: 0;
}
.portfolio-single-layout-7 .single-content-bgwhite {
background-color: #fff;
}
.portfolio-single-layout-7 .single-content-bgwhite {
padding: 50px 58px 50px 20px;
}
.portfolio-single-layout-7 .porject-details h3 {
font-size: 32px;
font-family: 'Montserrat', sans-serif;
margin-top: 0px;
margin-bottom: 25px;
color: #332c25;
}
.portfolio-single-layout-7 .porject-details p {
margin-bottom: 0;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #737373;
line-height: 26px;
}
.portfolio-single-layout-7 .project-sidebar {
padding-top: 55px;
}
.portfolio-single-layout-7 .porject-details {
background-color: #fff;
}
.portfolio-single-layout-7 .porject-details-2 .single-content-bgwhite {
padding: 50px 35px 50px 50px;
}
.portfolio-single-layout-7 .porject-details-2 .single-content-bgwhite p {
margin-bottom: 40px;
}
.portfolio-single-layout-7 .project-sidebar h5 span {
font-size: 15px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
padding-right: 30px;
position: absolute;
top: 0;
left: 0;
}
.portfolio-single-layout-7 .project-sidebar h5 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #4c4c4c;
text-transform: capitalize;
margin-bottom: 10px;
position: relative;
padding-left: 120px;
line-height: 28px;
}
.portfolio-single-layout-7 .project-sidebar h5:last-of-type{
color: #998675;
}
.group-image-list img {
margin-bottom: 30px;
}
.group-image-list img:last-of-type {
margin-bottom: 0;
}
.portfolio-single-layout-7 .project-share h5 {
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
display: inline-block;
margin-bottom: 10px;
}
.portfolio-single-layout-7 .project-share ul {
list-style: none;
display: inline-block;
margin-bottom: 10px;
}
.portfolio-single-layout-7 .project-share ul li {
display: inline-block;
padding-left: 25px;
}
.portfolio-single-layout-7 .project-share ul li.twitter a {
color: #55acee;
}
.portfolio-single-layout-7 .project-share ul li.google a {
color: #dc4e41;
}
.portfolio-single-layout-7 .project-share ul li.behance a {
color: #1769ff;
}
.portfolio-single-layout-7 .project-share ul li.instagram a {
color: #3f729b;
}
.portfolio-single-layout-7 .project-share ul li a {
font-size: 17px;
}
.portfolio-single-layout-7 .container {
position: relative;
}
.portfolio-single-layout-7 .project-share {
position: absolute;
left: 0;
bottom: 0;
padding: 0 0 50px 65px;
}
/* - Home2: Portfoliofull 4col Nospace */
.home2-portfolio-full-4-col-no-space .portfolio-categories,
.home2-portfolio-full-4-col-no-space.portfolio-full-4-col-no-space .portfolio-categories-full{
background-color: transparent;
text-align: center;
}
.home2-portfolio-full-4-col-no-space.portfolio-full-4-col-no-space .portfolio-categories-full .portfolio-categories {
border-bottom: 4px solid #998675;
margin-bottom: 45px;
}
.home2-portfolio-full-4-col-no-space .portfolio-categories li {
margin: 0 20px;
}
.home2-portfolio-full-4-col-no-space .portfolio-categories li a {
color: #746455;
padding-left: 0;
padding-right: 0;
}
.home2-portfolio-full-4-col-no-space .portfolio-categories li a::before {
background-color: #fafafa;
}
.home2-portfolio-full-4-col-no-space .portfolio-categories li a:hover,
.home2-portfolio-full-4-col-no-space .portfolio-categories li a.active {
color: #cf4900;
}
.home2-portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::before {
background-color: rgba(51, 44, 37, 0.5);
display: inline-block;
mix-blend-mode: normal;
}
.home2-portfolio-full-4-col-no-space .portfolio-list li a:hover .portfolio-box {
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.35);
}
/* - Home 11 */
.home11-full-5-col .portfolio-categories {
border-bottom-color: #3f51b5;
}
.home11-full-5-col .portfolio-categories li a {
color: #3f51b5;
}
.home11-full-5-col .portfolio-categories li a:hover {
color: #d35714;
}
.home11-full-5-col .portfolio-categories li a.active {
color: #d35714;
}
.home11-full-5-col .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(208, 81, 11, 0.9);
}
/* - Home 13 */
.home13-full-5-col .section-header h3::before {
display: none;
}
.home13-full-5-col .portfolio-categories {
background-color: transparent;
text-align: center;
border-bottom-color: #746455;
}
.home13-full-5-col .portfolio-categories li {
margin: 0 20px;
}
.home13-full-5-col .portfolio-categories li a {
color: #746455;
padding-left: 0;
padding-right: 0;
}
.home13-full-5-col .portfolio-categories li a::before {
background-color: #fafafa;
}
.home13-full-5-col .hover-content h4 {
color: #fff;
}
.home13-full-5-col .portfolio-list li a:hover .hover-content h4::before {
background-color: #fff;
}
.home13-full-5-col .portfolio-list li a:hover .hover-content h4 {
color: #fff;
}
.home13-full-5-col .portfolio-list li a .portfolio-box::before {
mix-blend-mode: normal;
background-color: transparent;
}
.home13-full-5-col .portfolio-list li a:hover .portfolio-box::before {
background-color: rgba(211, 111, 56, 0.75);
}
/* - Accordion Block */
.accordion-block .col-md-6 {
margin-bottom: 16px;
}
.accordion-block .block-title {
margin-bottom: 18px;
}
.accordion-block .block-title h5 {
margin-bottom: 0;
}
/* - Accordion Block:: Layout1 */
.accordion-block .panel-group {
margin-bottom: 0;
}
.accordion-block.layout1 .panel {
border: none;
margin-bottom: 20px;
box-shadow: none;
}
.accordion-block.layout1 .panel:last-of-type {
margin-bottom: 0;
}
.accordion-block.layout1 .panel-heading {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.accordion-block.layout1 .panel-heading a {
border-radius: 0;
background: url("../images/accordion/accordion-style1.jpg");
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
border: none;
z-index: 1;
}
.accordion-block.layout1 .panel-heading a::after {
background-color: rgba(116,100,85 ,0.75);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.accordion-block.layout1 .panel-heading a.collapsed::after {
background-color: rgba(116,100,85 ,0.9);
}
.accordion-block.layout1 .panel-title a {
color: #fff;
display: inline-block;
padding-left: 80px;
padding-right: 80px;
padding-top: 25px;
padding-bottom: 25px;
position: relative;
text-decoration: none;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
width: 100%;
font-size: 16px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.accordion-block.layout1 .panel-title a::before {
position: absolute;
content: "\f0d8";
font-family: "FontAwesome";
left: 40px;
top: 50%;
font-size: 16px;
color: #fff;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.accordion-block.layout1 .panel-title a.collapsed::before {
content: "\f0d7";
}
.accordion-block.layout1 .panel-group .panel-heading + .panel-collapse > .list-group,
.accordion-block.layout1 .panel-group .panel-heading + .panel-collapse > .panel-body{
border-top: none;
}
.accordion-block.layout1 .panel-body {
background-color: #fff;
padding: 37px 40px 25px;
border-bottom: 2px solid #746455;
}
.accordion-block.layout1 .panel-body p {
color: #737373;
font-size: 15px;
line-height: 26px;
}
/* - Accordion Block:: Layout2 */
.accordion-block.layout2 .panel{
border: none;
margin-bottom: 20px;
box-shadow: none;
background-color: transparent;
}
.accordion-block.layout2 .panel:last-of-type {
margin-bottom: 0;
}
.accordion-block.layout2 .panel-heading {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.accordion-block.layout2 .panel-title a {
color: #332c25;
display: inline-block;
padding-left: 120px;
padding-top: 25px;
padding-bottom: 25px;
position: relative;
text-decoration: none;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
width: 100%;
font-size: 16px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
background-color: #fff;
}
.accordion-block.layout2 .panel-title a.collapsed {
background-color: transparent;
}
.accordion-block.layout2 .panel-title a::before {
position: absolute;
content: "\f106";
font-family: "FontAwesome";
left: 0;
top: 50%;
font-size: 16px;
display: inline-block;
width: 80px;
text-align: center;
color: #fff;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
}
.accordion-block.layout2 .panel-title a.collapsed::before {
content: "\f107";
}
.accordion-block.layout2 .panel-title a::after {
position: absolute;
content: "";
left: 0;
top: 0;
bottom: 0;
font-size: 16px;
display: inline-block;
width: 80px;
background-color: #746455;
}
.accordion-block.layout2 .panel-title a.collapsed::before {
content: "\f107";
}
.accordion-block.layout2 .panel-group .panel-heading + .panel-collapse > .list-group,
.accordion-block.layout2 .panel-group .panel-heading + .panel-collapse > .panel-body{
border-top: none;
}
.accordion-block.layout2 .panel-body {
padding: 0 40px 24px;
background-color: #fff;
position: relative;
background-size: cover;
position: relative;
padding-left: 120px;
}
.accordion-block.layout2 .panel-body::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
top: -1px;
background: url("../images/accordion/accordion-style2.jpg");
background-position:left;
background-repeat: no-repeat;
background-size: cover;
width: 80px;
height: 100%;
display: inline-block;
}
.accordion-block.layout2 .panel-body p {
color: #4c4c4c;
font-size: 14px;
line-height: 26px;
}
.accordion-block.layout2 .panel-body a {
text-decoration: none;
text-transform: uppercase;
color: #746455;
font-size: 12px;
line-height: 28px;
display: inline-block;
margin-top: 12px;
position: relative;
z-index: 1;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
border-bottom: 2px solid #000;
letter-spacing: 2px;
}
.accordion-block.layout2 .panel-body a:hover {
color: #000;
margin-left: 5px;
}
/* - Accordion Block:: Layout3 */
.accordion-block.layout3 .panel{
border: none;
margin-bottom: 20px;
box-shadow: none;
background-color: transparent;
}
.accordion-block.layout3 .panel:last-of-type {
margin-bottom: 0;
}
.accordion-block.layout3 .panel-heading {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.accordion-block.layout3 .panel-title a {
color: #fff;
display: inline-block;
padding: 25px 40px 25px 120px;
position: relative;
text-decoration: none;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
width: 100%;
font-size: 16px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
background-color: #332c25;
}
.accordion-block.layout3 .panel-title a::before {
position: absolute;
content: "\f068";
font-family: "FontAwesome";
left: 0px;
top: 50%;
font-size: 12px;
display: inline-block;
width: 80px;
text-align: center;
color: #fff;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
}
.accordion-block.layout3 .panel-title a.collapsed::before {
content: "\f067";
color: #442d25;
}
.accordion-block.layout3 .panel-title a::after {
content: "";
position: absolute;
left: 0;
width: 80px;
top: 0;
bottom: 0;
}
.accordion-block.layout3 .panel-title a.collapsed::after {
border: 2px solid #746455;
}
.accordion-block.layout3 .panel-title a::after {
border-right: 2px solid #fff;
}
.accordion-block.layout3 .panel-title a.collapsed {
background-color: #fff;
color: #746455;
}
.accordion-block.layout3 .panel-group .panel-heading + .panel-collapse > .list-group,
.accordion-block.layout3 .panel-group .panel-heading + .panel-collapse > .panel-body{
border-top: none;
}
.accordion-block.layout3 .panel-body {
padding: 43px 40px 24px 120px;
position: relative;
}
.accordion-block.layout3 .panel-body p {
color: #737373;
font-size: 15px;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
}
/* - Accordion Block:: Layout4 */
.accordion-block.layout4 .panel{
border: none;
margin-bottom: 20px;
box-shadow: none;
padding-left: 0;
background-color: transparent;
}
.accordion-block.layout4 .panel:last-of-type {
margin-bottom: 0;
}
.accordion-block.layout4 .panel-heading {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.accordion-block.layout4 .panel-title a {
color: #fff;
display: inline-block;
padding: 25px 80px 25px 40px;
position: relative;
text-decoration: none;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
width: 100%;
font-size: 16px;
line-height: 30px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
background-color: #746455;
}
.accordion-block.layout4 .panel-title a::before {
position: absolute;
content: "\f106";
font-family: "FontAwesome";
right: 40px;
top: 50%;
font-size: 16px;
color: #fff;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.accordion-block.layout4 .panel-title a.collapsed {
background-color: #998675;
}
.accordion-block.layout4 .panel-title a.collapsed::before {
content: "\f107";
}
.accordion-block.layout4 .panel-title a i,
.accordion-block.layout4 .panel-title a.collapsed i {
color: #fff;
margin-right: 19px;
display: inline-block;
}
.accordion-block.layout4 .panel-group .panel-heading + .panel-collapse > .list-group,
.accordion-block.layout4 .panel-group .panel-heading + .panel-collapse > .panel-body{
border-top: none;
}
.accordion-block.layout4 .panel-body {
background-color: #fff;
margin-top: 15px;
padding: 33px 40px 18px 200px;
position: relative;
}
.accordion-block.layout4 .panel-body::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
top: 0;
background: url("../images/accordion/accordion-style3.jpg");
background-position:left;
background-repeat: no-repeat;
background-size: cover;
width: 170px;
display: inline-block;
}
.accordion-block.layout4 .panel-body p {
color: #737373;
font-size: 15px;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
}
/* - Process Accordion */
.process-accordion .panel-group {
margin-bottom: 0;
padding-top: 50px;
}
/* - Home2: Accordion Section */
.home2-about-section .accordion-block.layout3 .section-header {
margin-bottom: 38px
}
.home2-about-section .accordion-block.layout3 .section-header h3{
margin: 0;
padding: 0;
}
.home2-about-section .accordion-block.layout3 .section-header h3::before {
width: 0;
}
.home2-about-section .accordion-block.layout3 .panel:last-of-type,
.home2-about-section .accordion-block.layout3 .panel-group {
margin-bottom: 0;
}
/* - Home3: About Section */
.home3-about-section .accordion-block.layout3 .section-header h3{
padding: 0;
margin: 0;
font-weight: 700;
color: #332c25;
line-height: 45px;
}
.home3-about-section .accordion-block.layout3 .section-header h3::before {
width: 0;
}
.home3-about-section .accordion-block.layout3 .panel-title a.collapsed {
color: #332c25;
}
/* - Home 13 */
.accordion-block.home13-accordion .block-title {
margin-bottom: 45px;
}
.home13-accordion.accordion-block.layout3 .panel-title a.collapsed {
background-color: #fff;
}
.home13-accordion.accordion-block.layout3 .panel-title a {
background-color: #cf4900;
}
.home13-accordion.accordion-block.layout3 .panel-title a::after {
border-right: 2px solid #fff;
}
.home13-accordion.accordion-block.layout3 .panel-title a.collapsed::after {
border-right: 2px solid #746455;
}
/* - Home 14 */
.home14-content-section .panel-group {
margin-bottom: 115px;
}
/* - Alert Section */
.alert-section {
background-color: #fafafa;
}
/* - Style 1 */
.alert-section .alerts-style-1 {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.alert-section .alerts-style-1 .alert{
background-color: #fff;
border: none;
border-radius: 0;
text-transform: uppercase;
color: #332c25;
font-size: 16px;
padding: 23px 46px 23px 23px;
position: relative;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.alert-section .alerts-style-1 .alert button.close {
color: #bfbfbf;
font-size: 14px;
position: absolute;
right: 30px;
top: 50%;
opacity: 1;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.alert-section .alerts-style-1 .alert span {
color: #737373;
display: block;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-transform: lowercase;
}
.alert-section .alerts-style-1 .alert.alert-success {
border-left: 20px solid #43a047;
}
.alert-section .alerts-style-1 .alert.alert-info {
border-left: 20px solid #2196f3;
}
.alert-section .alerts-style-1 .alert.alert-warning {
border-left: 20px solid #ff9800;
}
.alert-section .alerts-style-1 .alert.alert-danger {
border-left: 20px solid #f44336;
}
/* - Style 2 */
.alert-section .alerts-style-2 {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.alert-section .alerts-style-2 .alert{
background-color: #fff;
border: none;
border-radius: 0;
text-transform: uppercase;
color: #332c25;
font-size: 16px;
padding: 29px 32px 29px 115px;
position: relative;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.alert-section .alerts-style-2 .alert button.close {
margin-top: 20px;
font-size: 14px;
position: absolute;
right: 30px;
top: 15px;
opacity: 1;
}
.alert-section .alerts-style-2 .alert > i {
background-color: #43a047;
color: #fff;
display: inline-block;
font-size: 14px;
height: 100%;
width: 80px;
position: absolute;
left: 0;
top: 0;
margin-right: 30px;
text-align: center;
}
.alert-section .alerts-style-2 .alert > i::before {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.alert-section .alerts-style-2 .alert span {
color: #737373;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-transform: lowercase;
}
.alert-section .alerts-style-2 .alert span::before {
content: "|";
color: #d9d9d9;
padding: 0 20px;
}
.alert-section .alerts-style-2 .alert-info > i {
background-color: #2196f3;
}
.alert-section .alerts-style-2 .alert-warning > i {
background-color: #ff9800;
}
.alert-section .alerts-style-2 .alert-danger > i {
background-color: #f44336;
}
/* - Style 3 */
.alert-section .alerts-style-3 {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.alert-section .alerts-style-3 .alert{
background-color: #43a047;
border: none;
border-radius: 0;
text-transform: uppercase;
color: #fff;
font-size: 16px;
padding: 29px 38px 29px 38px;
position: relative;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.alert-section .alerts-style-3 .alert > i {
padding-right: 16px;
}
.alert-section .alerts-style-3 .alert span {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
float: right;
text-transform: lowercase;
}
.alert-section .alerts-style-3 .alert.alert-info {
background-color: #2196f3;
}
.alert-section .alerts-style-3 .alert.alert-warning {
background-color: #ff9800;
}
.alert-section .alerts-style-3 .alert.alert-danger {
background-color: #f44336;
}
/* - Style 4 */
.alert-section .alerts-style-4 .alert{
background-color: #fafafa;
border: 4px solid #43a047;
border-radius: 0;
text-transform: uppercase;
color: #998675;
font-size: 16px;
padding: 29px 46px 29px 38px;
position: relative;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.alert-section .alerts-style-4 .alert button.close {
color: #d9d9d9;
font-size: 14px;
position: absolute;
right: 30px;
top: 50%;
opacity: 1;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.alert-section .alerts-style-4 .alert span {
color: #999;
display: block;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-transform: lowercase;
}
.alert-section .alerts-style-4 .alert.alert-info {
border-color: #2196f3;
}
.alert-section .alerts-style-4 .alert.alert-warning {
border-color: #ff9800;
}
.alert-section .alerts-style-4 .alert.alert-danger {
border-color: #f44336;
}
/* - Quotes Section */
.quotes-section {
background-color: #fafafa;
}
.quotes-section {
margin-bottom: 50px;
}
.quotes-section:nth-child(2n+1) {
clear: left;
}
/* - Style 1 */
.quote-style-1 p {
color: #737373;
font-size: 15px;
line-height: 26px;
}
.quote-style-1 blockquote {
background-image: url("images/blockquotes/blockquote-bg-1.jpg");
background-repeat: no-repeat;
background-position: right center;
background-size: cover;
border-left: none;
color: #fff;
font-weight: 700;
font-style: italic;
font-size: 18px;
line-height: 28px;
position: relative;
padding: 22px 30px;
margin: 25px 0;
z-index: 1;
}
.quote-style-1 blockquote::before {
background-color: rgba(116, 100, 85, 0.9);
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: -1;
}
.quote-style-1 blockquote span {
display: block;
font-weight: normal;
font-size: 12px;
margin-top: 15px;
}
.text-tab-section .quote-style-1 blockquote {
background-image: url("Images/home/home1-blockquotes.jpg");
}
.text-tab-section .quote-style-1 blockquote::before {
background-color: rgba(116,100,85,0.5);
mix-blend-mode: soft light;
}
/* - Style 2 */
.quote-style-2 p {
color: #737373;
font-size: 15px;
line-height: 26px;
}
.quote-style-2 blockquote span {
background-image: url("images/blockquotes/blockquote-bg-2.jpg");
background-repeat: no-repeat;
background-position: right center;
background-size: cover;
color: #fff;
z-index: 1;
position: absolute;
left: 0;
top: 0;
bottom: 0;
font-size: 14px;
padding: 29px;
}
.quote-style-2 blockquote span::before {
background-color: rgba(38, 30, 22, 0.9);
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
z-index: -1;
}
.quote-style-2 blockquote {
border-left: none;
color: #1c1c1c;
font-style: italic;
font-size: 24px;
line-height: 28px;
position: relative;
padding-left: 100px;
padding-top: 15px;
padding-bottom: 15px;
margin: 25px 0;
}
.quote-style-2 blockquote span {
font-family: 'Montserrat', sans-serif;
font-size: 32px;
font-style: normal;
}
.quote-style-2 blockquote h5 {
display: block;
font-weight: normal;
font-size: 12px;
margin-top: 15px;
margin-bottom: 0;
}
/* - Style 3 */
.quote-style-3 p {
color: #737373;
font-size: 15px;
line-height: 26px;
}
.quote-style-3 blockquote {
border-left: none;
border: 2px solid #746455;
color: #746455;
font-style: italic;
font-size: 24px;
line-height: 31px;
position: relative;
padding: 26px 30px 26px 60px;
margin: 25px 0;
z-index: 1;
font-weight: 300;
letter-spacing: 0.6px;
}
.quote-style-3 blockquote span {
position: absolute;
left: 30px;
top: 30px;
font-family: 'Montserrat', sans-serif;
font-size: 32px;
font-style: normal;
}
.quote-style-3 blockquote h5 {
display: block;
font-weight: normal;
font-size: 12px;
margin-top: 15px;
margin-bottom: 0;
}
/* - Style 4 */
.quote-style-4 p {
color: #737373;
font-size: 15px;
line-height: 26px;
}
.quote-style-4 blockquote {
border-left: none;
color: #746455;
font-style: italic;
font-size: 24px;
line-height: 28px;
position: relative;
padding: 28px 0 28px 90px;
margin: 25px 0;
z-index: 1;
}
.quote-style-4 blockquote::before {
content: "";
background-color: #f3f2f2;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 140px;
z-index: -1;
}
.quote-style-4 blockquote span {
position: absolute;
left: 30px;
top: 30px;
font-family: 'Montserrat', sans-serif;
font-size: 32px;
font-style: normal;
}
.quote-style-4 blockquote h5 {
display: block;
font-weight: normal;
font-size: 12px;
margin-top: 15px;
margin-bottom: 0;
}
/* - Border Holder 1:: Layout1 */
.border-holder1.image_slider-layout1 .image_slider-box::before {
background-color: rgba(51,44, 37, 0.5);
z-index: 1;
}
/* - Border Holder 3:: Layout3 */
.border-holder3.image_slider-layout3 .item.active .col-md-4::after {
background-color: #d49d19;
}
/* - Buttons Section */
.buttons-section {
background-color: #fafafa;
}
.buttons-section .col-md-6.buttons-styles {
margin-bottom: 50px;
}
/* - style 1 */
.buttons-section .buttons-style-1 button {
color: #fff;
display: inline-block;
margin-bottom: 30px;
border-radius: 5px;
border: none;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: uppercase;
}
.buttons-section .buttons-style-1 .col-md-6:nth-child(2n+1) {
clear: left;
}
.buttons-section .buttons-style-1 .btn-primary {
background-color: #746455;
}
.buttons-section .buttons-style-1 .btn-primary.btn-1 {
font-size: 24px;
padding: 26px 35px;
}
.buttons-section .buttons-style-1 .btn-primary.btn-2 {
font-size: 20px;
padding: 18px 68px;
}
.buttons-section .buttons-style-1 .btn-primary.btn-3 {
font-size: 16px;
padding: 18px 97px;
}
.buttons-section .buttons-style-1 .btn-primary.btn-4 {
font-size: 12px;
padding: 14px 83px;
}
.buttons-section .buttons-style-1 .btn-secondary {
background-color: #d49d19;
}
.buttons-section .buttons-style-1 .btn-secondary.btn-hover-1 {
font-size: 24px;
padding: 26px 35px;
}
.buttons-section .buttons-style-1 .btn-secondary.btn-hover-2 {
font-size: 20px;
padding: 18px 51px;
}
.buttons-section .buttons-style-1 .btn-secondary.btn-hover-3 {
font-size: 16px;
padding: 18px 68px;
}
.buttons-section .buttons-style-1 .btn-secondary.btn-hover-4 {
font-size: 12px;
padding: 14px 85px;
}
.buttons-section .btn-group .btn-secondary {
background-color: #746455;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 12px 27px;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.buttons-section .btn-group .btn-secondary:hover {
background-color: #998675;
}
/* - style 2 */
.buttons-section .buttons-style-2 button {
color: #fff;
display: inline-block;
margin-bottom: 30px;
border-radius: 0;
border: none;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: uppercase;
}
.buttons-section .buttons-style-2 .col-md-6:nth-child(2n+1) {
clear: left;
}
.buttons-section .buttons-style-2 .btn-primary {
background-color: #332c25;
}
.buttons-section .buttons-style-2 .btn-primary.btn-1 {
font-size: 24px;
padding: 26px 35px;
}
.buttons-section .buttons-style-2 .btn-primary.btn-2 {
font-size: 20px;
padding: 18px 68px;
}
.buttons-section .buttons-style-2 .btn-primary.btn-3 {
font-size: 16px;
padding: 18px 97px;
}
.buttons-section .buttons-style-2 .btn-primary.btn-4 {
font-size: 12px;
padding: 14px 84px;
}
.buttons-section .buttons-style-2 .btn-secondary {
background-color: #cf4900;
}
.buttons-section .buttons-style-2 .btn-secondary.btn-hover-1 {
font-size: 24px;
padding: 26px 35px;
}
.buttons-section .buttons-style-2 .btn-secondary.btn-hover-2 {
font-size: 20px;
padding: 18px 52px;
}
.buttons-section .buttons-style-2 .btn-secondary.btn-hover-3 {
font-size: 16px;
padding: 18px 68px;
}
.buttons-section .buttons-style-2 .btn-secondary.btn-hover-4 {
font-size: 12px;
padding: 14px 84px;
}
.buttons-section .btn-group-1 {
border: 1px solid #332c25;
}
.buttons-section .btn-group-1 .btn-secondary {
background-color: transparent;
border-radius: 0;
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 12px 26px;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.buttons-section .btn-group-1 .btn-secondary:hover {
background-color: #332c25;
color: #fff;
}
/* - style 3 */
.buttons-section .buttons-style-3 button {
color: #fff;
display: inline-block;
margin-bottom: 30px;
border-radius: 0;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: uppercase;
}
.buttons-section .buttons-style-3 .col-md-6:nth-child(2n+1) {
clear: left;
}
.buttons-section .buttons-style-3 .btn-primary {
background-color: transparent;
border: 2px solid #746455;
color: #746455;
}
.buttons-section .buttons-style-3 .btn-primary.btn-1 {
font-size: 24px;
padding: 26px 34px;
}
.buttons-section .buttons-style-3 .btn-primary.btn-2 {
font-size: 20px;
padding: 18px 67px;
}
.buttons-section .buttons-style-3 .btn-primary.btn-3 {
font-size: 16px;
padding: 18px 96px;
}
.buttons-section .buttons-style-3 .btn-primary.btn-4 {
font-size: 12px;
padding: 14px 83px;
}
.buttons-section .buttons-style-3 .btn-secondary {
background-color: transparent;
border: 2px solid #d49d19;
color: #d49d19;
}
.buttons-section .buttons-style-3 .btn-secondary.btn-hover-1 {
font-size: 24px;
padding: 26px 34px;
}
.buttons-section .buttons-style-3 .btn-secondary.btn-hover-2 {
font-size: 20px;
padding: 18px 51px;
}
.buttons-section .buttons-style-3 .btn-secondary.btn-hover-3 {
font-size: 16px;
padding: 18px 67px;
}
.buttons-section .buttons-style-3 .btn-secondary.btn-hover-4 {
font-size: 12px;
padding: 14px 83px;
}
.buttons-section .btn-group-2 .btn-secondary {
background-color: transparent;
border-radius: 0;
border: 1px solid #746455;
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 12px 27px;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.buttons-section .btn-group-2 .btn-secondary:hover {
background-color: #746455;
color: #fff;
}
/* - style 4 */
.buttons-section .buttons-style-4 button {
color: #fff;
display: inline-block;
margin-bottom: 30px;
border-radius: 0;
border: none;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: uppercase;
}
.buttons-section .buttons-style-4 button i {
padding-right: 15px;
}
.buttons-section .buttons-style-4 .col-md-6:nth-child(2n+1) {
clear: left;
}
.buttons-section .buttons-style-4 .btn-primary {
background-color: #998675;
}
.buttons-section .buttons-style-4 .btn-primary.btn-1 {
font-size: 24px;
padding: 28px 34px;
}
.buttons-section .buttons-style-4 .btn-primary.btn-2 {
font-size: 20px;
padding: 20px 25px;
}
.buttons-section .buttons-style-4 .btn-primary.btn-3 {
font-size: 16px;
padding: 20px 25px;
}
.buttons-section .buttons-style-4 .btn-primary.btn-4 {
font-size: 12px;
padding: 16px 20px;
}
.buttons-section .buttons-style-4 .btn-secondary {
background-color: #d49d19;
}
.buttons-section .buttons-style-4 .btn-secondary.btn-hover-1 {
font-size: 24px;
padding: 26px 40px;
}
.buttons-section .buttons-style-4 .btn-secondary.btn-hover-2 {
font-size: 20px;
padding: 20px 25px;
}
.buttons-section .buttons-style-4 .btn-secondary.btn-hover-3 {
font-size: 16px;
padding: 18px 25px;
}
.buttons-section .buttons-style-4 .btn-secondary.btn-hover-4 {
font-size: 12px;
padding: 14px 20px;
}
.buttons-section .btn-group-3 .btn-secondary {
background-color: #998675;
border-radius: 0;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 12px;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.buttons-section .btn-group-3 .btn-secondary i {
padding-right: 10px;
}
.buttons-section .btn-group-3 .btn-secondary:hover {
background-color: #746455;
}
/* - Call Out */
/* - Style 1 */
.call-out-style-1 {
background-image: url("../images/callout/callout-1-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.call-out-style-1::before {
background-color: rgba(116, 100, 85, 0.7);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.call-out-style-1 .call-out-box {
padding: 75px 0;
}
.call-out-style-1 .call-out-content {
display: inline-block;
}
.call-out-style-1 .call-out-content h3{
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 32px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 5px;
}
.call-out-style-1 .call-out-content p {
color: #fff;
font-size: 14px;
margin-bottom: 0;
}
.call-out-style-1 a.buttons {
background-color: rgba(116, 100, 85, 0.6);
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
float: right;
padding: 15px 52px;
text-transform: uppercase;
margin-top: 4px;
}
/* - Style 2 */
.call-out-style-2 {
background-color: #998675;
}
.call-out-style-2 .call-out-box {
padding: 75px 0;
}
.call-out-style-2 .call-out-content {
display: inline-block;
}
.call-out-style-2 .call-out-content h3{
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 32px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 5px;
}
.call-out-style-2 .call-out-content p {
color: #fff;
font-size: 14px;
margin-bottom: 0;
}
.call-out-style-2 a.buttons {
background-color: #332c25;
border-radius: 50px;
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
float: right;
padding: 15px 45px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
margin-top: 4px;
}
.call-out-style-2 a.buttons:hover {
background: #fff;
color: #332c25
}
/* - Style 3 */
.call-out-style-3 {
background-image: url("../images/callout/callout-2-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.call-out-style-3::before {
background-color: rgba(243, 233, 222, 0.5);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.call-out-style-3 .call-out-box {
padding: 75px 0;
}
.call-out-style-3 .call-out-content {
display: inline-block;
}
.call-out-style-3 .call-out-content h3{
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 32px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 5px;
}
.call-out-style-3 .call-out-content p {
color: #4c4c4c;
font-size: 14px;
margin-bottom: 0;
}
.call-out-style-3 a.buttons {
border: 2px solid #746455;
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
float: right;
padding: 15px 52px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
margin-top: 4px;
}
.call-out-style-3 a.buttons:hover {
border-color: #332c25;
color: #332c25;
}
/* - Style 4 */
.call-out-style-4 {
background-image: url("../images/callout/callout-3-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
}
.call-out-style-4::before {
background-color: rgba(0, 0, 0, 0.8);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.call-out-style-4 .call-out-box {
padding: 75px 0;
}
.call-out-style-4 .call-out-content {
display: inline-block;
}
.call-out-style-4 .call-out-content h3{
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 32px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 5px;
}
.call-out-style-4 .call-out-content p {
color: #fff;
font-size: 14px;
margin-bottom: 0;
}
.call-out-style-4 a.buttons {
background-color: #cf4900;
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
float: right;
padding: 12px 22px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
margin-top: 7px;
}
.call-out-style-4 a.buttons i {
padding-right: 12px;
}
.call-out-style-4 a.buttons:hover {
background-color: #fff;
color: #cf4900;
}
/* - Call Out Container */
.call-out-container .call-out-style-1 {
padding-left: 50px;
padding-right: 50px;
}
.call-out-container .call-out-style-2 {
padding-left: 50px;
padding-right: 50px;
}
.call-out-container .call-out-style-3 {
padding-left: 50px;
padding-right: 50px;
}
.call-out-container .call-out-style-4 {
padding-left: 50px;
padding-right: 50px;
}
/* - Home 8 Call To Action */
.home8-cta.call-out-style-4 {
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.home8-cta.call-out-style-4 .call-out-content h3 {
font-size: 24px;
font-weight: 400;
}
/* - About */
.about-callout.call-out-style-2 {
margin-bottom: 0;
}
.about-callout {
background-color: #f6f1ec;
}
.about-callout .call-out-content h3,
.about-callout .call-out-content p {
color: #332c25;
}
.about-callout a.buttons {
background-color: transparent;
border: 2px solid #746455;
border-radius: 0;
color: #746455;
padding: 15px 52px;
}
/* - ClientSection:: Layout 1 */
.clientcarousel-layout1 {
background-color: #f0eeec;
padding: 72px 0 43px;
}
.client_carousel-1.owl-carousel .owl-item img {
width: auto;
margin: 0 auto;
filter: grayscale(100%);
-webkit-filter: grayscale(0);
}
/* - ClientSection:: Layout 2 */
.clientcarousel-layout2 {
padding-top: 42px;
}
.clientsection-layout2 .block-title {
margin-bottom: 0;
}
.client_carousel-2.owl-carousel .owl-item img {
width: auto;
margin: 0 auto;
background-blend-mode: luminosity;
}
.client_carousel-2 .client-box {
padding-top: 38px;
padding-bottom: 20px;
position: relative;
}
.client_carousel-2 .client-box::after {
position: absolute;
content: "";
right: 0;
top: 0;
background-color: #f0ede9;
width: 1px;
height: 120px;
}
/* - ClientSection:: Layout 3 */
.clientsection-layout3 .block-title {
margin-bottom: 0;
}
.client_carousel-3.owl-carousel .owl-item img {
width: auto;
margin: 0 auto;
display: inline-block;
}
.client_carousel-3 .client-box {
display: block;
margin: 0 auto;
width: 170px;
max-width: 100%;
height: 170px;
line-height: 170px;
text-align: center;
border: 1px solid #e1d5c8;
}
/* - ClientSection:: Layout 4 */
.clientcarousel-layout4 {
background-color: #746455;
padding-bottom: 40px;
padding-top: 48px;
overflow: hidden;
}
.clientsection-layout4 .block-title {
margin-bottom: 0;
}
.client_carousel-4.owl-carousel .owl-item img {
width: auto;
margin: 0 auto;
}
.clientcarousel-layout4 h3 {
color: #fff;
font-size: 24px;
line-height: 30px;
margin: 0 0 14px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
.clientcarousel-layout4 p {
color: #fff;
font-size: 15px;
line-height: 26px;
}
.clientcarousel-layout4 .client_carousel-4 {
position: relative;
padding-top: 20px;
}
.clientcarousel-layout4 .client_carousel-4::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: -10000%;
bottom: -10000%;
background-color: #fafafa;
}
.client-section:not(.ele-carousel) .owl-controls {
display: none;
margin: 0;
}
.ele-carousel .owl-theme .owl-controls .owl-nav [class*="owl-"] {
background-color: transparent;
font-size: 0;
margin: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ele-carousel .owl-theme .owl-controls .owl-nav [class*="owl-"]::before {
font-family:'FontAwesome';
color: rgba(146,95,54,0.5);
font-size: 32px;
}
.ele-carousel .owl-theme .owl-controls .owl-nav .owl-prev::before {
content:"\f104";
}
.ele-carousel .owl-theme .owl-controls .owl-nav .owl-next::before {
content:"\f105";
}
.ele-carousel .owl-theme .owl-controls .owl-nav [class*="owl-"] {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.ele-carousel .owl-theme .owl-controls .owl-nav .owl-prev {
left: 0;
}
.ele-carousel .owl-theme .owl-controls .owl-nav .owl-next {
right: 0;
}
/* - Layout 1 */
.ele-carousel .clientcarousel-layout1 {
position: relative;
}
.ele-carousel .clientcarousel-layout1 > a {
color: #746455;
font-size: 32px;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.ele-carousel .clientcarousel-layout1 > a.ele-prev {
left: 40px;
}
.ele-carousel .clientcarousel-layout1 > a.ele-next {
right: 40px;
}
/* - Layout 3 */
.ele-carousel.clientsection-layout3 .block-title {
position: relative;
}
.ele-carousel.clientsection-layout3 .ele-owl-controls {
right: 0;
position: absolute;
top: -10px;
}
.ele-carousel.clientsection-layout3 .ele-owl-controls a {
color: #746455;
display: inline-block;
font-size: 32px;
margin-left: 10px;
}
/* - Layout 4 */
.ele-carousel.clientsection-layout4 .owl-theme .owl-controls .owl-nav .owl-prev {
left: -40px;
}
.ele-carousel.clientsection-layout4 .owl-theme .owl-controls .owl-nav .owl-next {
right: -40px;
}
.ele-carousel.clientsection-layout4 .owl-theme .owl-controls .owl-nav [class*="owl-"]::before {
font-size: 16px;
color: #fff;
}
.clientsection-home1 .clientcarousel-layout1,
.home18-client .clientcarousel-layout1{
padding: 70px 0;
}
/* - About Client Section */
.about-clientsection .block-title h5 {
margin-left: 60px;
}
.about-clientsection .ele-owl-controls {
left: 0;
}
/* - Team Client Section */
.team-clientsection {
background-image: url("../images/client/client-bg.jpg");
background-position: center center;
position: relative;
}
.team-clientsection::before {
background-color: rgba(116,100,85,1);
mix-blend-mode: multiply;
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
.team-clientsection .client_carousel-4::before {
background-color: #fff;
}
/* - Home 14 */
.home14-clientsection {
background-image: url("../images/client/client-bg-1.jpg");
background-position: center center;
position: relative;
}
.home14-clientsection::before {
background-color: rgba(116,100,85,0.6);
mix-blend-mode: normal;
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
/* - Columns Section */
.columns-section .columns {
margin-bottom: 25px;
}
.columns-section .columns-content p {
color: #737373;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 26px;
}
/* - Conceal Image */
.conceal-style {
margin-bottom: 50px;
}
/* - Style 1 */
.conceal-style-1 .conceal-box {
text-align: center;
border: 1px solid #ecebe9;
padding: 20px;
}
.conceal-style-1 .conceal-box .conceal-content {
border: 1px solid #00000a;
display: inline-block;
padding: 70px 50px 54px;
width: 100%;
}
.conceal-style-1 .conceal-box .conceal-content h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
position: relative;
padding-bottom: 20px;
margin-top: 0;
margin-bottom: 15px;
text-transform: uppercase;
}
.conceal-style-1 .conceal-box .conceal-content h3::after {
background-color: #d49d19;
content: "";
bottom: 0;
position: absolute;
left: 0;
right: 0;
height: 4px;
width: 80px;
margin: 0 auto;
}
.conceal-style-1 .conceal-box .conceal-content p {
color: #737373;
font-size: 14px;
line-height: 28px;
margin-bottom: 0;
}
.conceal-style-1 .conceal-box-1 {
background-image: url("../images/conceal/conceal-1.jpg");
background-repeat: no-repeat;
background-position: center center;
border: none;
background-size: cover;
position: relative;
min-height: 300px;
z-index: 1;
}
.conceal-style-1 .conceal-box-1::before {
background-color: rgba(116, 100, 85, 0.1);
content: "";
display: inline-block;
left: 0;
bottom: 0;
top: 0;
right: 0;
position: absolute;
mix-blend-mode: multiply;
z-index: -1;
}
.conceal-style-1 .conceal-box-1 .conceal-content {
border: 1px solid #fff;
background-color: rgba(116, 100, 85, 0.502);
}
.conceal-style-1 .conceal-box-1 .conceal-content h3 {
color: #fff;
}
.conceal-style-1 .conceal-box-1 .conceal-content p {
color: #fff;
}
/* - Style 2 */
.conceal-style-2 .conceal-box {
background-image: url("../images/conceal/conceal-2.jpg");
background-repeat: no-repeat;
background-position: center center;
border: none;
background-size: cover;
position: relative;
min-height: 300px;
text-align: center;
padding: 40px;
}
.conceal-style-2 .conceal-box .conceal-content {
background-color: #fff;
display: inline-block;
padding: 40px 35px 40px;
width: 100%;
/* margin: 20px; */
}
.conceal-style-2 .conceal-box .conceal-content h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
position: relative;
padding-bottom: 20px;
margin-top: 0;
margin-bottom: 15px;
text-transform: uppercase;
}
.conceal-style-2 .conceal-box .conceal-content h3::after {
background-color: #d49d19;
content: "";
bottom: 0;
position: absolute;
left: 0;
right: 0;
height: 4px;
width: 80px;
margin: 0 auto;
}
.conceal-style-2 .conceal-box .conceal-content p {
color: #737373;
font-size: 14px;
line-height: 28px;
margin-bottom: 0;
}
.conceal-style-2 .conceal-box-1 .conceal-content {
background-color: rgba(51, 44, 37, 0.749);
}
.conceal-style-2 .conceal-box-1 .conceal-content h3,
.conceal-style-2 .conceal-box-1 .conceal-content p {
color: #fff;
}
/* - Style 3 */
.conceal-style-3 .conceal-box {
border: 4px solid #746455;
}
.conceal-style-3 .conceal-box .conceal-content {
padding: 38px 95px 82px;;
}
.conceal-style-3 .conceal-box .conceal-content h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
position: relative;
padding-top: 40px;
margin-top: 0;
margin-bottom: 22px;
text-transform: uppercase;
}
.conceal-style-3 .conceal-box .conceal-content h3::before {
background-color: #cf4900;
content: "";
position: absolute;
height: 4px;
width: 80px;
left: 0;
top: 0;
}
.conceal-style-3 .conceal-box .conceal-content p {
color: #737373;
font-size: 14px;
line-height: 28px;
margin-bottom: 0;
}
.conceal-style-3 .conceal-box-1 {
background-image: url("../images/conceal/conceal-3.jpg");
background-repeat: no-repeat;
background-position: center center;
border: none;
background-size: cover;
position: relative;
min-height: 300px;
z-index: 1;
}
.conceal-style-3 .conceal-box-1::before {
background-color: rgba(116, 100, 85, 0.9);
content: "";
display: inline-block;
left: 0;
bottom: 0;
top: 0;
right: 0;
position: absolute;
z-index: -1;
}
.conceal-style-3 .conceal-box-1 .conceal-content {
display: inline-block;
border: 4px solid #fff;
padding: 30px 50px;
margin: 45px;
}
.conceal-style-3 .conceal-box-1 .conceal-content h3,
.conceal-style-3 .conceal-box-1 .conceal-content p {
color: #fff;
}
.conceal-style-3 .conceal-box-1 .conceal-content h3 {
padding-top: 10px;
}
.conceal-style-3 .conceal-box-1 .conceal-content h3::before {
top: -34px;
}
/* - Style 4 */
.conceal-style-4 .conceal-box {
border: 2px solid #d49d19;
text-align: center;
padding: 75px 75px;
}
.conceal-style-4 .conceal-box .conceal-content h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
position: relative;
padding-bottom: 20px;
margin-top: 0;
margin-bottom: 15px;
text-transform: uppercase;
}
.conceal-style-4 .conceal-box .conceal-content h3::after {
background-color: #d49d19;
content: "";
bottom: 0;
position: absolute;
left: 0;
right: 0;
height: 4px;
width: 80px;
margin: 0 auto;
}
.conceal-style-4 .conceal-box .conceal-content p {
color: #737373;
font-size: 14px;
line-height: 28px;
margin-bottom: 0;
}
.conceal-style-4 .conceal-box-1 {
background-image: url("../images/conceal/conceal-4.jpg");
background-repeat: no-repeat;
background-position: center center;
border: none;
background-size: cover;
position: relative;
min-height: 300px;
z-index: -1;
}
.conceal-style-4 .conceal-box-1::before {
background-color: rgba(77, 77, 77, 0.6);
content: "";
display: inline-block;
left: 0;
bottom: 0;
top: 0;
right: 0;
mix-blend-mode: multiply;
position: absolute;
z-index: -1;
}
.conceal-style-4 .conceal-box-1::after {
border: 2px solid #d49d19;
content: "";
position: absolute;
top: 40px;
bottom: 40px;
left: -10px;
right: -10px;
z-index: 3;
}
.conceal-style-4 .conceal-box-1 .conceal-content h3,
.conceal-style-4 .conceal-box-1 .conceal-content p {
color: #fff;
}
/* - Services Page */
.service-conceal {
margin-bottom: 0;
}
.service-conceal .conceal-box {
background-image: url("../images/conceal/conceal-5.jpg");
margin-bottom: 30px;
}
.service-conceal .conceal-box-1 {
background-image: url("../images/conceal/conceal-6.jpg");
}
.service-conceal .conceal-box-2 {
background-image: url("../images/conceal/conceal-7.jpg");
}
.service-conceal .conceal-box-3 {
background-image: url("../images/conceal/conceal-2.jpg");
}
.service-conceal .conceal-box-1 .conceal-content {
background-color: #fff;
}
.service-conceal .conceal-box-1 .conceal-content h3 {
color: #332c25;
}
.service-conceal .conceal-box-1 .conceal-content p {
color: #737373;
}
.service-conceal .conceal-box .conceal-content {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.service-conceal .conceal-box:hover .conceal-content {
background-color: rgba(212, 157, 25, 0.749);
}
.service-conceal .conceal-box:hover .conceal-content h3,
.service-conceal .conceal-box:hover .conceal-content p {
color: #fff;
}
/* - Contact Form */
.contact-form {
float: left;
width: 100%;
}
/* - Style 1 */
.contact-form .form-style-1 .form-group {
margin-bottom: 20px;
}
.contact-form .form-style-1 .form-control {
border-color: #998675;
border-radius: 0;
background-color: transparent;
box-shadow: none;
font-size: 14px;
outline: none;
height: 50px;
padding: 6px 20px;
text-transform: uppercase;
}
.contact-form .form-style-1 .form-group textarea {
height: 120px;
}
.contact-form .form-style-1 .form-control::-webkit-input-placeholder {
color: #998675;
}
.contact-form .form-style-1 .form-control:-moz-placeholder { /* Firefox 18- */
color: #998675;
}
.contact-form .form-style-1 .form-control::-moz-placeholder { /* Firefox 19+ */
color: #998675;
}
.contact-form .form-style-1 .form-control:-ms-input-placeholder {
color: #998675;
}
.contact-form .form-style-1 button,
.contact-section .contact-form .form-style-2 button {
background-image: url("../images/contact-form/contact-button-bg.jpg");
background-repeat: no-repeat;
background-position: right center;
background-size: cover;
border: none;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
max-height: 56px;
min-height: 56px;
margin-top: 10px;
text-transform: uppercase;
position: relative;
width: 100%;
z-index: 1;
}
.contact-form .form-style-1 button::before,
.contact-section .contact-form .form-style-2 button::before {
background-color: rgba(116, 100, 85, 0.9);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
/* - Style 2 */
.contact-form .form-style-2 .form-btn {
text-align: center;
}
.contact-form .form-style-2 fieldset {
border: 1px solid #998675;
padding: 0 20px 0 20px;
margin-top: -10px;
margin-bottom: 25px;
}
.contact-form .form-style-2 legend {
border: none;
color: #998675;
font-size: 13px;
line-height: inherit;
margin-bottom: 0;
padding: 0 4px 0 4px;
width: auto;
text-transform: uppercase;
letter-spacing: 1px;
}
.contact-form .form-style-2 .form-control {
background-color: transparent;
border: none;
box-shadow: none;
height: auto;
padding: 4px 0 10px;
}
.contact-form .form-style-2 textarea.form-control {
height: 108px;
}
.contact-form .form-style-2 button {
background-color: #332c25;
border: 1px solid #332c25;
border-radius: 50px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 15px 103px;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.contact-form .form-style-2 button:hover {
background-color: #fff;
border: 1px solid #332c25;
color: #332c25;
}
/* - Contact Section */
.contact-section .contact-form .form-style-2 button {
border-radius: 0;
}
.contact-section .contact-form .form-style-2 button:hover {
border: none;
color: #fff;
}
.contact-section .contact-detail {
text-align: center;
}
.contact-section .contact-detail .contact-info {
display: inline-block;
text-align: left;
}
.contact-section .contact-detail .contact-info h4 {
font-size: 32px;
margin-top: 0;
}
.contact-section .contact-detail .contact-info h4 a {
color: #332c25;
text-decoration: none;
}
.contact-section .contact-detail .contact-info p {
font-size: 16px;
}
.contact-section .contact-detail .contact-info p,
.contact-section .contact-detail .contact-info a {
color: #746455;
}
.contact-section .contact-detail .contact-info > a {
font-size: 12px;
padding-top: 22px;
margin-top: 22px;
text-transform: uppercase;
display: inline-block;
position: relative;
}
.contact-section .contact-detail .contact-info > a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 50px;
height: 2px;
display: inline-block;
background-color: #d49d19;
}
.contact-section .form-style-2 button {
padding-left: 0;
padding-right: 0;
}
/* + Alert Msg */
.alert-msg {
color: #ccc;
width: 100%;
margin: 10px 15px;
text-align: left;
z-index: 1;
display: inline-block;
}
.alert-msg-success {
color: #50B948;
}
.alert-msg-failure {
color: #FF0000;
}
/* - Style 3 */
.contact-form .form-style-3 .form-group {
margin-bottom: 20px;
}
.contact-form .form-style-3 .form-control {
border: 2px solid #998675;
border-radius: 0;
background-color: transparent;
box-shadow: none;
font-size: 14px;
outline: none;
height: 50px;
padding: 6px 20px;
text-transform: uppercase;
}
.contact-form .form-style-3 .form-group textarea {
height: 120px;
}
.contact-form .form-style-3 .form-control::-webkit-input-placeholder {
color: #998675;
}
.contact-form .form-style-3 .form-control:-moz-placeholder { /* Firefox 18- */
color: #998675;
}
.contact-form .form-style-3 .form-control::-moz-placeholder { /* Firefox 19+ */
color: #998675;
}
.contact-form .form-style-3 .form-control:-ms-input-placeholder {
color: #998675;
}
.contact-form .form-style-3 button {
border: 2px solid #746455;
border-radius: 0;
background-color: transparent;
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding-bottom: 15px;
padding-top: 15px;
text-transform: uppercase;
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.contact-form .form-style-3 button:hover {
background-color: #998675;
color: #fff;
}
/* - Style 4 */
.contact-form .form-style-4 .form-group {
margin-bottom: 40px;
}
.contact-form .form-style-4 .form-control {
border: none;
border-bottom: 2px solid #998675;
border-radius: 0;
background-color: transparent;
box-shadow: none;
font-size: 14px;
outline: none;
height: 50px;
padding: 6px 12px 6px 0;
text-transform: uppercase;
}
.contact-form .form-style-4 .form-group textarea {
height: 120px;
}
.contact-form .form-style-4 .form-control::-webkit-input-placeholder {
color: #998675;
}
.contact-form .form-style-4 .form-control:-moz-placeholder { /* Firefox 18- */
color: #998675;
}
.contact-form .form-style-4 .form-control::-moz-placeholder { /* Firefox 19+ */
color: #998675;
}
.contact-form .form-style-4 .form-control:-ms-input-placeholder {
color: #998675;
}
.contact-form .form-style-4 i {
margin-right: 15px;
}
.contact-form .form-style-4 button {
background-color: #998675;
border: 1px solid #998675;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 15px;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.contact-form .form-style-4 button:hover {
background-color: #fff;
border: 1px solid #998675;
color: #998675;
}
/* - ContentSlider:: Layout1 */
.contentslider-layout1 .block-title {
margin-bottom: 18px;
}
.contentslider-layout1 .block-title h5 {
margin-bottom: 0;
}
.contentslider-layout1,
.contentslider-layout1 .carousel {
position: relative;
}
.contentslider-layout1 .carousel .content-slider-img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.contentslider-layout1 .carousel .item::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(116,100,85,0.75);
display: inline-block;
width: 50.5%;
z-index: 1;
}
.contentslider-layout1 .carousel-caption {
position: relative;
display: inline-block;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 0;
text-shadow: none;
padding-top: 153px;
padding-bottom: 150px;
}
.contentslider-layout1 .contentslider-content {
text-align: left;
padding-right: 10%;
}
.contentslider-layout1 .contentslider-content h3 {
color: #fff;
font-family: "Montserrat",sans-serif;
font-size: 24px;
line-height: 30px;
margin: 0 0 27px;
padding-bottom: 28px;
position: relative;
text-transform: uppercase;;
}
.contentslider-layout1 .contentslider-content h3::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
background-color: #d49d19;
height: 2px;
width: 50px;
}
.contentslider-layout1 .contentslider-content p {
color: #fff;
font-size: 15px;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
}
.contentslider-layout1 .carousel-indicators {
position: absolute;
left: 5%;
width: 25px;
bottom: auto;
margin: 0;
top: 50%;
right: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.contentslider-layout1 .carousel-indicators li {
width: 16px;
height: 16px;
text-indent: 0;
margin-bottom: 14px;
opacity: 0.25;
border: 2px solid #fff;
display: block;
}
.contentslider-layout1 .carousel-indicators li:last-child {
margin-bottom: 0;
}
.contentslider-layout1 .carousel-indicators li.active {
opacity: 1;
width: 16px;
height: 16px;
margin-left: 1px;
}
/* - ContentSlider:: Layout2 */
.contentslider-layout2 .block-title {
margin-bottom: 18px;
}
.contentslider-layout2 .block-title h5 {
margin-bottom: 0;
}
.contentslider-layout2,
.contentslider-layout2 .carousel {
position: relative;
}
.contentslider-layout2 .carousel .content-slider-img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.contentslider-layout2 .carousel-caption {
position: relative;
display: inline-block;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 0;
text-shadow: none;
text-align: left;
}
.contentslider-layout2 .contentslider-content {
text-align: left;
background-color: #fff;
padding: 100px;
}
.contentslider-layout2 .contentslider-content h3 {
color: #332c25;
font-family: "Montserrat",sans-serif;
font-size: 24px;
line-height: 30px;
margin: 0 0 27px;
padding-bottom: 28px;
position: relative;
text-transform: uppercase;;
}
.contentslider-layout2 .contentslider-content h3::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
background-color: #d49d19;
height: 2px;
width: 50px;
}
.contentslider-layout2 .contentslider-content p {
color: #746455;
font-size: 16px;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
}
.contentslider-layout2 .contentslider-content a {
border: 2px solid #746455;
color: #746455;
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 12px;
line-height: 30px;
margin-top: 60px;
padding: 3px 26px;
text-decoration: none;
text-transform: uppercase;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.contentslider-layout2 .contentslider-content a:hover {
background-color: #746455;
color: #fff;
}
.contentslider-layout2 .carousel-indicators {
position: absolute;
right: -100px;
width: auto;
bottom: auto;
margin: 0;
top: 100px;
right: 0;
}
.contentslider-layout2 .carousel-indicators li {
width: 16px;
height: 16px;
text-indent: 0;
margin-right: 40px;
opacity: 0.25;
border: 2px solid #746455;
display: inline-block;
border-radius: 0;
opacity: 1;
}
.contentslider-layout2 .carousel-indicators li:last-child {
margin-right: 0;
}
.contentslider-layout2 .carousel-indicators li.active {
opacity: 1;
width: 16px;
height: 16px;
background-color: #746455;
}
/* - ContentSlider:: Layout3 */
.contentslider-layout3 .block-title {
margin-bottom: 18px;
}
.contentslider-layout3 .block-title h5 {
margin-bottom: 0;
}
.contentslider-layout3,
.contentslider-layout3 .carousel {
position: relative;
}
.contentslider-layout3 .carousel .content-slider-img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.contentslider-layout3 .carousel-caption {
position: relative;
display: inline-block;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 0;
text-shadow: none;
text-align: left;
}
.contentslider-layout3 .contentslider-content {
text-align: left;
background-color: #fff;
padding: 100px 90px 100px 90px;
float: right;
position: relative;
border-left: 30px solid #fafafa;
border-right: 30px solid #fafafa;
width: 54%;
}
.contentslider-layout3 .contentslider-content::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 2px solid #746455;
}
.contentslider-layout3 .contentslider-content h3 {
color: #746455;
font-family: "Montserrat",sans-serif;
font-size: 24px;
line-height: 30px;
margin: 0 0 35px;
padding-bottom: 28px;
position: relative;
text-transform: uppercase;;
}
.contentslider-layout3 .contentslider-content p {
color: #746455;
font-size: 16px;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
}
.contentslider-layout3 .contentslider-content a {
border: 2px solid #746455;
color: #746455;
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 12px;
line-height: 30px;
margin-top: 115px;
padding: 3px 26px;
text-decoration: none;
text-transform: uppercase;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.contentslider-layout3 .contentslider-content a:hover {
background-color: #746455;
color: #fff;
}
.contentslider-layout3 .carousel-indicators {
bottom: auto;
left: 280px;
margin: 0;
position: absolute;
right: 0;
top: 157px;
width: auto;
}
.contentslider-layout3 .carousel-indicators li {
width: 16px;
height: 16px;
text-indent: 0;
margin-right: 40px;
opacity: 0.25;
border: 2px solid #746455;
display: inline-block;
border-radius: 0;
opacity: 0.5;
}
.contentslider-layout3 .carousel-indicators li:last-child {
margin-right: 0;
}
.contentslider-layout3 .carousel-indicators li.active {
opacity: 1;
width: 16px;
height: 16px;
background-color: #d49d19;
border-color: #d49d19;
}
/* - ContentSlider:: Layout4 */
.contentslider-layout4 .block-title {
margin-bottom: 18px;
}
.contentslider-layout4 .block-title h5 {
margin-bottom: 0;
}
.contentslider-layout4,
.contentslider-layout4 .carousel {
position: relative;
}
.contentslider-layout4 .carousel-inner > .active,
.contentslider-layout4 .carousel-inner > .next,
.contentslider-layout4 .carousel-inner > .prev {
width: 100%;
display: inline-block;
}
.contentslider-layout4 .carousel .content-slider-img {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
position: absolute;
left: auto;
right: 0;
top: 0;
width: 50%;
}
.contentslider-layout4 .carousel-caption {
position: relative;
display: inline-block;
width: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 0;
text-shadow: none;
text-align: left;
}
.contentslider-layout4 .contentslider-content {
text-align: left;
background-color: #fff;
padding: 75px 130px 133px 90px;
position: relative;
background-color: #746455;
}
.contentslider-layout4 .contentslider-content h3 {
color: #fff;
font-family: "Montserrat",sans-serif;
font-size: 24px;
line-height: 30px;
margin: 0 0 23px;
padding-bottom: 25px;
position: relative;
text-transform: uppercase;
}
.contentslider-layout4 .contentslider-content h3::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
background-color: #d49d19;
height: 2px;
width: 50px;
}
.contentslider-layout4 .contentslider-content p {
color: #fff;
font-size: 16px;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
}
.contentslider-layout4 .contentslider-content a {
border: 2px solid #746455;
color: #746455;
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 12px;
line-height: 30px;
margin-top: 115px;
padding: 3px 26px;
text-decoration: none;
text-transform: uppercase;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.contentslider-layout4 .contentslider-content a:hover {
background-color: #746455;
color: #fff;
}
.contentslider-layout4 .carousel-indicators {
left: 105px;
margin: 0;
position: absolute;
right: auto;
top: auto;
bottom: 70px;
width: auto;
}
.contentslider-layout4 .carousel-indicators li {
width: 16px;
height: 16px;
text-indent: 0;
margin-right: 15px;
opacity: 0.25;
border: 1px solid #fff;
display: inline-block;
border-radius: 100%;
opacity: 0.25;
}
.contentslider-layout4 .carousel-indicators li:last-child {
margin-right: 0;
}
.contentslider-layout4 .carousel-indicators li.active {
opacity: 1;
width: 17px;
height: 17px;
background-color: #d49d19;
border-color: #d49d19;
}
/* - Home 14 */
.home14-content-section .contentslider-layout4 .carousel-indicators li {
border: 1px solid #968a7f;
}
.home14-content-section .contentslider-layout4 .carousel-indicators li.active {
background-color: #cf4900;
border: none;
}
.home14-content-section .contentslider-layout4 .contentslider-content h3::after {
background-color: #cf4900;
}
/* - Counter Section */
/* - Style 1 */
.counter-section-1 h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
margin: 0;
}
.counter-section-1 p {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
position: relative;
padding-bottom: 5px;
margin-bottom: 0;
text-transform: uppercase;
}
.counter-section-1 p::after {
background-color: #d49d19;
content: "";
left: 0;
bottom: 0;
width: 80px;
height: 4px;
position: absolute;
}
/* - Style 2 */
.counter-section-2 i {
color: #998675;
font-size: 40px;
padding-right: 15px;
}
.counter-section-2 h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
display: inline-block;
margin: 0;
}
.counter-section-2 p {
color: #332c25;
display: inline-block;
font-size: 14px;
padding-left: 10px;
margin-bottom: 0;
text-transform: uppercase;
}
/* - Style 3 */
.counter-section-3 {
background-color: #f0eeec;
padding: 62px 0 58px;
margin-bottom: 60px;
}
.counter-section-3 .counter-box {
text-align: center;
}
.counter-section-3 .counter-box h3 {
color: #332c25;
font-weight: 300;
font-size: 32px;
position: relative;
padding-bottom: 15px;
margin-top: 0;
}
.counter-section-3 .counter-box h3::after {
background-color: #746455;
content: "";
bottom: 0;
left: 0;
right: 0;
height: 1px;
margin: 0 auto;
position: absolute;
width: 20px;
}
.counter-section-3 .counter-box p {
color: #332c25;
font-size: 12px;
text-transform: uppercase;
}
/* - Style 4 */
.counter-section-4 .counter-box {
display: inline-block;
position: relative;
}
.counter-section-4 .counter-box .counter-box-content {
background-color: #fff;
position: absolute;
top: 30px;
left: 30px;
right: 30px;
bottom: 30px;
padding: 32px;
margin: 0 auto;
text-align: center;
}
.counter-section-4 .counter-box .counter-box-content h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
display: inline-block;
margin-top: 0;
}
.counter-section-4 .counter-box .counter-box-content p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 0;
}
.home7-counter.counter-section-2 i {
color: #d49d19;
}
.home7-counter.counter-section-2 h3 {
font-size: 32px;
color: #fff;
}
/* - Cover Box */
/* - Style 1 */
.cover-box-style-1 .cover-box-content {
padding: 30px 0 15px 15px;
}
.cover-box-style-1 .cover-box-content p {
color: #737373;
line-height: 26px;
position: relative;
padding-top: 18px;
margin-bottom: 80px;
}
.cover-box-style-1 .cover-box-content p::before {
background-color: #d49d19;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 2px;
width: 20px;
}
.cover-box-style-1 .cover-box-content a.read-more {
color: #d49d19;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
text-transform: uppercase;
}
/* - Style 2 */
.cover-box-style-2 .cover-light-bg {
background-color: #fff;
display: inline-block;
width: 100%;
}
.cover-box-style-2 .cover-box-content {
padding: 50px 23px;
/* max-width: 270px; */
}
.cover-box-style-2 .cover-box-content h3 {
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: uppercase;
position: relative;
padding-bottom: 20px;
margin-top: 0;
margin-bottom: 20px;
}
.cover-box-style-2 .cover-box-content h3::after {
background-color: #d49d19;
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 40px;
}
.cover-box-style-2 .cover-box-content p {
color: #737373;
line-height: 26px;
margin-bottom: 0;
}
/* - Style 3 */
.cover-box-style-3 .cover-light-bg {
background-color: #332c25;
display: inline-block;
width: 100%;
}
.cover-box-style-3 .cover-box-content {
padding: 58px 23px;
max-width: 270px;
}
.cover-box-style-3 .cover-box-content h3 {
color: #d49d19;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 25px;
}
.cover-box-style-3 .cover-box-content p {
color: #998675;
line-height: 26px;
margin-bottom: 0;
}
/* - Style 4 */
.cover-box-style-4 .cover-border {
position: relative;
}
.cover-box-style-4 .cover-border::after {
border: 2px solid #d49d19;
content: "";
position: absolute;
top: 35px;
bottom: 35px;
left: 35px;
right: 35px;
}
.cover-box-style-4 .cover-light-bg {
background-color: transparent;
display: inline-block;
width: 100%;
position: relative;
}
.cover-box-style-4 .cover-light-bg::after {
border: 2px solid #d49d19;
content: "";
position: absolute;
top: 35px;
bottom: 35px;
left: 35px;
right: 0;
}
.cover-box-style-4 .cover-box-content {
padding: 58px 23px;
position: relative;
z-index: 1;
}
.cover-box-style-4 .cover-box-content h3 {
color: #d49d19;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 25px;
}
.cover-box-style-4 .cover-box-content p {
color: #998675;
line-height: 26px;
margin-bottom: 0;
}
/* - Doughnut Chart */
/* - Style 1 */
.doughnut-style-1 .chart-1 h5 {
color: #332c25;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.doughnut-style-1 .doughnut-legend {
padding-left: 0;
list-style: none;
margin: 25px 0;
}
.doughnut-style-1 .chart-legend li {
color: #746455;
text-transform: capitalize;
margin-bottom: 10px;
}
.doughnut-style-1 .chart-legend li span {
border-radius: 100%;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
}
.doughnut-style-1 canvas {
height: auto;
width: 100%;
position: relative;
}
/* - Style 2 */
.doughnut-style-2 .chart-2 h5 {
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.doughnut-style-2 .doughnut-legend {
padding-left: 0;
list-style: none;
margin: 25px 0;
}
.doughnut-style-2 .chart-legend li {
color: #746455;
text-transform: capitalize;
margin-bottom: 10px;
}
.doughnut-style-2 .chart-legend li span {
border-radius: 100%;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
}
.doughnut-style-2 canvas {
height: auto;
width: 100%;
position: relative;
}
/* - Style 3 */
.doughnut-style-3 .chart-3 h5 {
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.doughnut-style-3 .doughnut-legend {
padding-left: 0;
list-style: none;
margin: 25px 0;
}
.doughnut-style-3 .chart-legend li {
color: #746455;
text-transform: capitalize;
margin-bottom: 10px;
}
.doughnut-style-3 .chart-legend li span {
background-color: transparent !important;
border: 2px solid #d49d19 !important;
border-radius: 100%;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
}
.doughnut-style-3 .chart-legend li:nth-child(2) span {
border: 2px solid #e4c477 !important;
}
.doughnut-style-3 .chart-legend li:nth-child(3) span {
border: 2px solid #f0e3c2 !important;
}
.doughnut-style-3 canvas {
height: auto;
width: 100%;
position: relative;
}
/* - Style 4 */
.doughnut-style-4 .chart-4 h5 {
color: #332c25;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.doughnut-style-4 .doughnut-legend {
padding-left: 0;
list-style: none;
margin: 25px 0;
}
.doughnut-style-4 .chart-legend li {
color: #746455;
text-transform: capitalize;
margin-bottom: 10px;
}
.doughnut-style-4 .chart-legend li span {
background-color: transparent !important;
border: 2px solid #cf4900 !important;
border-radius: 100%;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
}
.doughnut-style-4 .chart-legend li:nth-child(2) span {
border: 2px solid #dc7d4a !important;
}
.doughnut-style-4 .chart-legend li:nth-child(3) span {
border: 2px solid #efcebb !important;
}
.doughnut-style-4 canvas {
height: auto;
width: 100%;
position: relative;
}
/* - Dropcaps Section */
.dropcaps-box .dropcaps-content p {
color: #737373;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 26px;
margin-bottom: 30px;
}
.dropcaps-box .dropcaps-content p:last-child {
margin-bottom: 0;
}
.dropcaps-box span {
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 56px;
float: left;
height: 80px;
width: 80px;
line-height: 80px;
margin-right: 30px;
margin-bottom: 20px;
text-transform: uppercase;
text-align: center;
position: relative;
top: 9px;
}
.dropcaps-box span.bg-image {
background-image: url("../images/dropcaps/dropcaps.jpg");
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
.dropcaps-box span.bg-image::before {
background-color: rgba(51, 44, 37, 0.8);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.dropcaps-box span.square-bg {
background-color: #998675;
}
.dropcaps-box span.border-bg {
border: 4px solid #746455;
color: #746455;
font-size: 40px;
font-family: 'Montserrat', sans-serif;
height: 70px;
width: 70px;
line-height: 65px;
margin-bottom: 10px;
margin-right: 15px;
}
.dropcaps-box span.empty-dropcaps {
color: #332c25;
font-size: 96px;
margin-bottom: 0;
margin-right: 10px;
}
.features-section .dropcaps-box {
margin-top: 30px;
}
/* - Expandable Section */
/* - Style 1 */
.expandable-style.expandable-section-style-1 {
margin-bottom: 0;
}
.expandable-section-style-1 .panel-group {
margin-bottom: 0;
}
.expandable-section-style-1 .panel-group .panel{
border-radius: 0;
margin-bottom: 0;
box-shadow: none;
border: none;
}
.expandable-section-style-1 .panel-default > .panel-heading {
padding: 0;
}
.expandable-section-style-1 .panel-default > .panel-heading .panel-title a {
background-color: #746455;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding-right: 15px;
width: 100%;
display: inline-block;
padding: 50px 72px;
text-transform: uppercase;
text-decoration: none;
position: relative;
}
.expandable-section-style-1 .panel-default > .panel-heading .panel-title a.collapsed {
background-color: #332c25;
color: #fff;
}
.expandable-section-style-1 .panel-title a::after {
content: "\f0d7";
color: #fff;
font-family: "FontAwesome";
font-style: normal;
position: absolute;
left: 40px;
}
.expandable-section-style-1 .panel-title a.collapsed::after {
content: "\f0da";
color: #fff;
}
.expandable-section-style-1 .panel-group .panel-heading + .panel-collapse > .panel-body {
background-color: #746455;
color: #fff;
font-size: 16px;
padding-top: 0;
padding-right: 30px;
padding-left: 72px;
padding-bottom: 50px;
line-height: 28px;
}
.expandable-section-style-1 .panel-group .panel-heading + .panel-collapse > .list-group,
.expandable-section-style-1 .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
/* - Style 2 */
.expandable-style.expandable-section-style-2 {
margin-bottom: 0;
}
.expandable-section-style-2 .panel-group {
margin-bottom: 0;
}
.expandable-section-style-2 .panel-group .panel{
background-color: #746455;
border-radius: 0;
margin-bottom: 0;
margin-top: 0;
border: none;
}
.expandable-section-style-2 .panel-default > .panel-heading {
background-color: transparent;
padding: 0;
}
.expandable-section-style-2 .panel-default > .panel-heading .panel-title a {
background-color: #fff;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
position: relative;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #332c25;
display: inline-block;
padding: 34px 38px;
text-decoration: none;
width: 100%;
text-transform: uppercase;
text-align: right;
}
.expandable-section-style-2 .panel-default > .panel-heading .panel-title a.collapsed {
box-shadow: none;
background-color: #746455;
color: #fff;
}
.expandable-section-style-2 .panel-title a::after {
content: "\f0d7";
color: #332c25;
font-family: "FontAwesome";
font-style: normal;
position: absolute;
left: 40px;
}
.expandable-section-style-2 .panel-title a.collapsed::after {
content: "\f0da";
color: #fff;
}
.expandable-section-style-2 .panel-group .panel-heading + .panel-collapse > .panel-body {
padding-left: 0;
background-color: #fff;
color: #737373;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
padding-top: 40px;
padding-left: 50px;
padding-right: 40px;
padding-bottom: 40px;
line-height: 28px;
text-align: right;
}
.expandable-section-style-2 .panel-group .panel-heading + .panel-collapse > .list-group,
.expandable-section-style-2 .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
/* - Style 3 */
.expandable-section-style-3 .panel-group {
border-top: 2px solid #746455;
margin-bottom: 0;
padding: 45px 0;
width: 100%;
}
.expandable-style .expandable-section-style-3:last-child .panel-group {
border-bottom: 2px solid #746455;
}
.expandable-section-style-3 .panel-group.act {
background-color: #332c25;
border-top: none;
border-bottom: none;
}
.expandable-section-style-3 .panel-group .panel {
border-radius: 0;
margin-bottom: 0;
box-shadow: none;
border: none;
position: relative;
}
.expandable-section-style-3 .panel-default > .panel-heading {
padding: 0;
width: 100%;
}
.expandable-section-style-3 .panel-default > .panel-heading .panel-title {
background-color: #fafafa;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
text-transform: uppercase;
}
.expandable-section-style-3 .panel-default,
.expandable-section-style-3 .panel-default > .panel-heading,
.expandable-section-style-3 .panel-default > .panel-heading .panel-title {
background-color: transparent;
}
.expandable-section-style-3 .panel-default > .panel-heading .panel-title a {
background-color: transparent;
position: relative;
color: #fff;
text-decoration: none;
padding-left: 100px;
padding-bottom: 25px;
padding-top: 25px;
display: inline-block;
width: 100%;
}
.expandable-section-style-3 .panel-default > .panel-heading .panel-title a.collapsed {
background-color: transparent;
color: #746455;
}
.expandable-section-style-3 .panel-default > .panel-heading .panel-title a::before {
border: 2px solid #d49d19;
position: absolute;
content: "";
font-family: "FontAwesome";
left: 0;
top: 0;
font-size: 20px;
font-weight: 300;
color: #d49d19;
background-color: transparent;
display: inline-block;
width: 70px;
bottom: 0;
text-align: center;
}
.expandable-section-style-3 .panel-default > .panel-heading .panel-title a::after {
content: "\f068";
font-family: "FontAwesome";
position: absolute;
left: 0;
width: 70px;
text-align: center;
color: #d49d19;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.expandable-section-style-3 .panel-default > .panel-heading .panel-title a.collapsed::before {
border: 2px solid #d49d19;
background-color: transparent;
position: absolute;
}
.expandable-section-style-3 .panel-default > .panel-heading .panel-title a.collapsed::after {
content: "\f067";
color: #d49d19;
}
.expandable-section-style-3 .panel-body{
background-color: transparent;
display: inline-block;
font-size: 16px;
color: #fff;
line-height: 28px;
}
.expandable-section-style-3 .panel-group .panel-heading + .panel-collapse > .list-group,
.expandable-section-style-3 .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
.expandable-section-style-3 .panel-default > .panel-heading + .panel-collapse > .panel-body{
padding: 20px 0 0 100px;
}
/* - Style 4 */
.expandable-section-style-4 .panel-group {
margin-bottom: 0;
}
.expandable-section-style-4 .panel-group .panel{
background-color: transparent;
border-radius: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
box-shadow: none;
border: none;
text-align: center;
}
.expandable-section-style-4 .panel-default > .panel-heading {
background-color: transparent;
padding: 0;
}
.expandable-section-style-4 .panel-title a {
background-color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #332c25;
display: inline-block;
padding: 45px 0 40px;
text-decoration: none;
width: 100%;
text-transform: uppercase;
}
.expandable-section-style-4 .panel-title a.collapsed {
background-color: #332c25;
color: #fff;
}
.expandable-section-style-4 .panel-group .panel-heading + .panel-collapse > .panel-body {
background-color: #fff;
color: #746455;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
padding: 40px 140px 50px;
position: relative;
line-height: 28px;
}
.expandable-section-style-4 .panel-group .panel-heading + .panel-collapse > .panel-body::before {
background-color: #d49d19;
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
width: 50px;
height: 4px;
}
.expandable-section-style-4 .panel-group .panel-heading + .panel-collapse > .list-group,
.expandable-section-style-4 .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
/* - Full Pie Chart */
/* - Style 1 */
.full-pie-style-1 .full-chart-1 h5 {
color: #332c25;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-bottom: 0;
margin-top: 20px;
text-transform: uppercase;
}
.full-pie-style-1 .doughnut-legend {
padding-left: 0;
list-style: none;
margin: 25px 0;
}
.full-pie-style-1 .chart-legend li {
color: #746455;
text-transform: capitalize;
margin-bottom: 10px;
}
.full-pie-style-1 .chart-legend li span {
border-radius: 100%;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
}
.full-pie-style-1 canvas {
height: auto;
width: 100%;
position: relative;
}
/* - Style 2 */
.full-pie-style-2 .full-chart-2 h5 {
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-bottom: 0;
margin-top: 20px;
text-transform: uppercase;
}
.full-pie-style-2 .doughnut-legend {
padding-left: 0;
list-style: none;
margin: 25px 0;
}
.full-pie-style-2 .chart-legend li {
color: #746455;
text-transform: capitalize;
margin-bottom: 10px;
}
.full-pie-style-2 .chart-legend li span {
background-color: transparent !important;
border: 2px solid #d49d19 !important;
border-radius: 100%;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
}
.full-pie-style-2 .chart-legend li:nth-child(2) span {
border: 2px solid #e4c477 !important;
}
.full-pie-style-2 .chart-legend li:nth-child(3) span {
border: 2px solid #f0e3c2 !important;
}
.full-pie-style-2 canvas {
height: auto;
width: 100%;
position: relative;
}
/* - Style 3 */
.full-pie-style-3 .full-chart-3 h5 {
color: #332c25;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-bottom: 0;
margin-top: 20px;
text-transform: uppercase;
}
.full-pie-style-3 .doughnut-legend {
padding-left: 0;
list-style: none;
margin: 25px 0;
}
.full-pie-style-3 .chart-legend li {
color: #746455;
text-transform: capitalize;
margin-bottom: 10px;
}
.full-pie-style-3 .chart-legend li span {
background-color: transparent !important;
border: 2px solid #cf4900 !important;
border-radius: 100%;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
}
.full-pie-style-3 .chart-legend li:nth-child(2) span {
border: 2px solid #de8554 !important;
}
.full-pie-style-3 .chart-legend li:nth-child(3) span {
border: 2px solid #efcebb !important;
}
.full-pie-style-3 canvas {
height: auto;
width: 100%;
position: relative;
}
/* - Style 4 */
.full-pie-style-4 .full-chart-4 h5 {
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-bottom: 0;
margin-top: 20px;
text-transform: uppercase;
}
.full-pie-style-4 .doughnut-legend {
padding-left: 0;
list-style: none;
margin: 25px 0;
}
.full-pie-style-4 .chart-legend li {
color: #746455;
text-transform: capitalize;
margin-bottom: 10px;
}
.full-pie-style-4 .chart-legend li span {
border-radius: 100%;
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
}
.full-pie-style-4 canvas {
height: auto;
width: 100%;
position: relative;
}
/* - Headings Section */
.headings-section > h1,
.headings-section > h2,
.headings-section > h3,
.headings-section > h4,
.headings-section > h5,
.headings-section > h6 {
margin-top: 0;
margin-bottom: 5px;
}
.headings-section .left-heading {
color: #332c25;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
.headings-section .left-heading h1 {
font-size: 64px;
}
.headings-section .left-heading h2 {
font-size: 56px;
}
.headings-section .left-heading h3 {
font-size: 48px;
}
.headings-section .left-heading h4 {
font-size: 40px;
}
.headings-section .left-heading h5 {
font-size: 32px;
}
.headings-section .left-heading h6 {
font-size: 24px;
}
.headings-section .left-heading p {
color: #737373;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin-bottom: 20px;
text-transform: capitalize;
}
.headings-section .right-heading h1,
.headings-section .right-heading h2,
.headings-section .right-heading h3,
.headings-section .right-heading h4,
.headings-section .right-heading h5,
.headings-section .right-heading h6 {
font-weight: 700;
}
.headings-section .right-heading p {
font-weight: normal;
}
.headings-section .heading-full {
margin-top: 30px;
color: #332c25;
display: inline-block;
font-weight: 400;
font-family: 'Montserrat', sans-serif;
}
.headings-section .heading-full h1 {
font-size: 64px;
}
.headings-section .heading-full h2 {
font-size: 56px;
}
.headings-section .heading-full h3 {
font-size: 48px;
}
.headings-section .heading-full h4 {
font-size: 40px;
}
.headings-section .heading-full h5 {
font-size: 32px;
}
.headings-section .heading-full h6 {
font-size: 24px;
}
.headings-section .heading-full p {
color: #737373;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 26px;
margin-bottom: 25px;
}
/* - Highlights Section */
.highlights-section .block-title h5 {
font-weight: 700;
}
.highlights-section .highlights-content p {
color: #737373;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
margin-bottom: 10px;
}
.highlights-section .highlights-content mark {
background-color: #332c25;
color: #fff;
}
.highlights-section .highlights-content-1 mark {
background-color: #d49d19;
}
.highlights-section .highlights-content-2 mark {
background-color: #746455;
}
.highlights-section .highlights-content-3 mark {
background-color: #cf4900;
}
/* - Horizontal Progress */
/* - Style 1 */
.skill-section-1 .skill-progress-box {
position: relative;
margin-bottom: 25px;
}
.skill-section-1 .skill-progress-box:last-child {
margin-bottom: 0;
}
.skill-section-1 h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding: 10px 20px;
text-transform: uppercase;
z-index: 1;
margin: 0;
}
.skill-section-1 h3 span {
position: absolute;
right: 20px;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.skill-section-1 h3 span::after {
content: "%";
padding-left: 3px;
}
.skill-section-1 .progress {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
margin-bottom: 0;
border-radius: 0;
background-color: #d8d4d1;
box-shadow: none;
}
.skill-section-1 .progress-bar {
background-color: #d49d19;
-webkit-transition: all ease 5s;
-moz-transition: all ease 5s;
-o-transition: all ease 5s;
-ms-transition: all ease 5s;
transition: all ease 5s;
}
/* - Style 2 */
.skill-section-2 .skill-progress-box {
margin-bottom: 29px;
}
.skill-section-2 .skill-progress-box:last-child {
margin-bottom: 0;
}
.skill-section-2 h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
margin-bottom: 14px;
text-transform: uppercase;
margin-top: 0;
letter-spacing: 0.5px;
}
.skill-section-2 h3 span {
float: right;
}
.skill-section-2 h3 span::after {
content: "%";
padding-left: 3px;
}
.skill-section-2 .progress {
height: 4px;
margin-bottom: 0px;
border-radius: 0;
background-color: #d8d4d1;
box-shadow: none;
}
.skill-section-2 .progress-bar {
background-color: #d49d19;
-webkit-transition: all ease 5s;
-moz-transition: all ease 5s;
-o-transition: all ease 5s;
-ms-transition: all ease 5s;
transition: all ease 5s;
}
/* - Style 3 */
.skill-section-3 .skill-progress-box {
margin-bottom: 29px;
}
.skill-section-3 .skill-progress-box:last-child {
margin-bottom: 0;
}
.skill-section-3 h3 {
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-bottom: 12px;
margin-top: 0;
text-transform: uppercase;
}
.skill-section-3 h3 span {
padding-right: 15px;
color: #998675;
}
.skill-section-3 h3 span::after {
content: "%";
padding-left: 3px;
}
.skill-section-3 .progress {
height: 10px;
margin-bottom: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
}
.skill-section-3 .progress-bar {
background-color: #d49d19;
-webkit-transition: all ease 5s;
-moz-transition: all ease 5s;
-o-transition: all ease 5s;
-ms-transition: all ease 5s;
transition: all ease 5s;
}
/* - Style 4 */
.skill-section-4 .skill-progress-box {
position: relative;
padding-left: 52px;
margin-bottom: 28px;
}
.skill-section-4 .skill-progress-box:last-child {
margin-bottom: 0;
}
.skill-section-4 h3 {
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding: 12px 20px;
text-transform: uppercase;
z-index: 1;
margin: 0;
}
.skill-section-4 h3 span {
position: absolute;
left: -52px;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.skill-section-4 h3 span::after {
content: "%";
padding-left: 3px;
}
.skill-section-4 .progress {
position: absolute;
left: 52px;
right: 0;
top: 0;
bottom: 0;
height: 100%;
margin-bottom: 25px;
border-radius: 0;
background-color: transparent;
box-shadow: none;
}
.skill-section-4 .progress-bar {
border: 2px solid #746455;
background-color: transparent;
-webkit-transition: all ease 5s;
-moz-transition: all ease 5s;
-o-transition: all ease 5s;
-ms-transition: all ease 5s;
transition: all ease 5s;
}
/* - Home 1 */
.skill-section.home1-skill-section .section-header h3 {
color: #332c25;
}
/* - Home 11 */
.home11-skill-progress .section-header h3::before {
display: none;
}
.home11-skill-progress .section-header {
display: block;
}
.home11-skill-progress .skill-section-3 h3 {
color: #332c25;
}
.home11-skill-progress .skill-section-3 h3 span {
color: #d0510c;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.home11-skill-progress .skill-section-3 .progress-bar {
background-color: #d0510c;
}
.home11-skill-progress .skill-progress-box:hover .progress-bar {
background-color: #3f51b5;
}
.home11-skill-progress .skill-progress-box:hover h3.block-title span {
color: #3f51b5;
}
/* - Hover Image */
/* - Style 1 */
.hover-image .col-md-6 {
margin-bottom: 50px;
}
.hover-image .hover-box {
position: relative;
}
.hover-image .hover-box::before {
background-color: rgba(212,157,25,0.8);
content: "";
display: inline-block;
position: absolute;
top: 40px;
left: 40px;
right: 40px;
bottom: 40px;
opacity: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
}
.hover-image .hover-box::after {
content: "\4c";
color: #fff;
font-family: 'ElegantIcons';
font-size: 60px;
left: 0;
right: 0;
top: 50%;
position: absolute;
margin: 0 auto;
opacity: 0;
text-align: center;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.hover-image .hover-box:hover::before {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}
.hover-image .hover-box:hover::before,
.hover-image .hover-box:hover::after {
opacity: 1;
}
/* - Style 2 */
.hover-image .hover-box-1 {
position: relative;
}
.hover-image .hover-box-1::before {
border: 2px solid #fff;
content: "";
display: inline-block;
position: absolute;
top: 40px;
left: 40px;
right: 40px;
bottom: 40px;
opacity: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
}
.hover-image .hover-box-1::after {
content: "\4c";
color: #fff;
font-family: 'ElegantIcons';
font-size: 60px;
left: 0;
right: 0;
top: 50%;
position: absolute;
margin: 0 auto;
opacity: 0;
text-align: center;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.hover-image .hover-box-1:hover::before {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}
.hover-image .hover-box-1:hover::before,
.hover-image .hover-box-1:hover::after {
opacity: 1;
}
/* - Style 3 */
.hover-image .hover-box-2 {
position: relative;
overflow: hidden;
}
.hover-image .hover-box-2 img,
.hover-image .hover-box-2 .image-content,
.hover-image .hover-box-2 .image-content h3 {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.hover-image .hover-box-2 img {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
position: relative;
}
.hover-image .hover-box-2 .image-content {
background-color: #746455;
position: absolute;
padding: 50px;
position: absolute;
top: 0;
width: 38%;
right: 0;
bottom: 0;
transform: translateX(38%);
-webkit-transform: translateX(38%);
-moz-transform: translateX(38%);
-ms-transform: translateX(38%);
opacity: 0;
}
.hover-image .hover-box-2 .image-content h3 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
position: relative;
padding-top: 15px;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
text-transform: uppercase;
position: absolute;
bottom: 50px;
right: 50px;
opacity: 0;
}
.hover-image .hover-box-2 .image-content h3::before {
background-color: #d49d19;
content: "";
position: absolute;
right: 0;
top: 0;
width: 22px;
height: 2px;
}
.hover-image .hover-box-2:hover img {
transform: translateX(-38%);
-webkit-transform: translateX(-38%);
-moz-transform: translateX(-38%);
-ms-transform: translateX(-38%);
}
.hover-image .hover-box-2 .image-content h3 ,
.hover-image .hover-box-2:hover .image-content {
opacity: 1;
}
.hover-image .hover-box-2:hover .image-content {
transform: translateX(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
}
/* - Style 4 */
.hover-image .hover-box-3 {
position: relative;
}
.hover-image .hover-box-3 span {
border: 2px solid #d49d19;
color: #d49d19;
font-size: 20px;
display: inline-block;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
top: 50%;
height: 200px;
width: 200px;
position: absolute;
line-height: 200px;
opacity: 0;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.hover-image .hover-box-3:hover span {
opacity: 1;
}
/* - Icon Piechart */
.icon-piechart .skill-box .skill-icon {
position: relative;
margin-bottom: 15px;
}
.icon-piechart .skill-box .skill-icon i {
color: #746455;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
font-size: 24px;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.piechart-style-3.icon-piechart .skill-box .skill-icon i {
color: #d49d19;
}
.piechart-style-4.icon-piechart .skill-box .skill-icon i {
color: #d49d19;
}
/* - Icon Teaser */
.icon-teaser {
margin-bottom: 20px;
}
.icon-teaser .icon-teaser-box {
margin-bottom: 30px;
position: relative;
}
/* - Style 1 */
.icon-teaser-style-1 .teaser-box {
position: relative;
}
.icon-teaser-style-1 .icon-teaser-box .teaser-box img {
opacity: 1;
}
.icon-teaser-style-1 .teaser-box::before,
.icon-teaser-style-1 .teaser-content,
.icon-teaser .teaser-content .btn-sm {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.icon-teaser-style-1 .teaser-box::before {
background-color: rgba(51,44,37,0.75);
background-blend-mode: overlay;
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.icon-teaser-style-1 .teaser-box .teaser-box-content {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.icon-teaser-style-1 .teaser-box .teaser-box-content i {
color: #fff;
font-size: 40px;
margin-bottom: 30px;
}
.icon-teaser-style-1 .teaser-box .teaser-box-content h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
}
.icon-teaser-style-1 .teaser-content {
text-align: center;
padding: 40px;
}
.icon-teaser-style-1 .teaser-content p {
color: #737373;
font-size: 16px;
line-height: 28px;
margin-bottom: 40px;
}
.icon-teaser .teaser-content .btn-sm {
border: 2px solid #746455;
border-radius: 0;
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 10px 85px;
text-transform: uppercase;
}
.icon-teaser-style-1 .teaser-content:hover .btn-sm {
background-color: transparent;
border-color: #cf4900;
color: #cf4900;
}
.icon-teaser-style-1 .icon-teaser-box:hover .teaser-box::before {
background-color: rgba(153,134,117,0.5);
}
.icon-teaser-style-1 .icon-teaser-box:hover .teaser-content {
background-color: #fff;
}
/* - Style 2 */
.icon-teaser-style-2 .icon-teaser-box::before {
background-color: rgba(116, 100, 85, 0.7);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.icon-teaser-style-2 .icon-teaser-box .teaser-box {
background-color: #fff;
left: 30px;
right: 30px;
top: 50%;
position: absolute;
padding: 50px 26px;
text-align: center;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.icon-teaser-style-2 .icon-teaser-box .teaser-box i {
color: #746455;
font-size: 40px;
margin-bottom: 25px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.icon-teaser-style-2 .icon-teaser-box .teaser-box h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 25px;
margin-bottom: 25px;
margin-top: 0;
text-transform: uppercase;
}
.icon-teaser-style-2 .icon-teaser-box .teaser-box h3::after {
background-color: #d49d19;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 30px;
height: 2px;
}
.icon-teaser-style-2 .icon-teaser-box .teaser-box p {
color: #737373;
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
.icon-teaser-style-2 .icon-teaser-box:hover .teaser-box i {
color: #d49d19;
}
.icon-teaser-style-2 .icon-teaser-box:hover::before {
background-color: rgba(116, 100, 85, 0.1);
}
/* - Style 3 */
.icon-teaser-style-3 .icon-teaser-box {
border: 2px solid #746455;
padding: 30px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.icon-teaser-style-3 .teaser-box {
text-align: center;
background-color: #fff;
padding: 50px 68px;
}
.icon-teaser-style-3 .teaser-box i {
font-size: 40px;
color: #998675;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.icon-teaser-style-3 .teaser-box h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 0;
}
.icon-teaser-style-3 .icon-teaser-box:hover {
border-color: #d49d19;
}
.icon-teaser-style-3 .icon-teaser-box:hover .teaser-box i {
color: #d49d19;
}
/* - Style 4 */
.icon-teaser-style-4 .icon-teaser-box i {
font-size: 24px;
padding-right: 20px;
}
.icon-teaser-style-4 .icon-teaser-box h3 {
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 27px;
margin-bottom: 27px;
margin-top: 0;
text-transform: uppercase;
}
.icon-teaser-style-4 .icon-teaser-box h3 i {
color: #746455;
}
.icon-teaser-style-4 .icon-teaser-box h3::after {
content: "";
position: absolute;
background-color: #d49d19;
width: 50px;
height: 2px;
left: 0;
bottom: 0;
}
.icon-teaser-style-4 .icon-teaser-box p {
color: #746455;
font-size: 15px;
line-height: 26px;
}
.features-section .icon-teaser-box h3 {
color: #332c25;
padding-bottom: 37px;
margin-bottom: 37px;
}
.features-section .icon-teaser-box p {
color: #737373;
}
/* - Home3: Icon Teaser */
.home3-icon-teaser .section-header h3 {
padding: 0;
margin: 8px 0 0;
font-weight: 700;
line-height: 45px;
color: #332c25
}
.home3-icon-teaser .section-header h3::before {
width: 0;
}
.home3-icon-teaser.icon-teaser-style-4 .icon-teaser-box h3 {
color: #332c25;
padding-bottom: 43px;
margin-bottom: 39px;
}
.home3-icon-teaser.icon-teaser-style-4 .icon-teaser-box p {
color: #737373;
}
/* - home 15 */
.home15-icon-teaser .section-header h3 {
font-size: 24px;
}
.home15-icon-teaser .icon-teaser-box .teaser-box {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.home15-icon-teaser.icon-teaser-style-3 .icon-teaser-box:hover .teaser-box {
background-color: #d49d19;
}
.home15-icon-teaser.icon-teaser-style-3 .icon-teaser-box:hover .teaser-box h3,
.home15-icon-teaser.icon-teaser-style-3 .icon-teaser-box:hover .teaser-box i {
color: #fff;
}
.home15-text-block .section-header {
width: 100%;
margin-bottom: 0;
}
.home15-text-block .section-header h3 {
font-size: 24px;
}
.home15-text-block .dropcaps-box .dropcaps-content p {
margin-bottom: 0;
}
.home15-text-block .icon-progress.layout1 {
margin-bottom: 0;
margin-top: 20px;
}
.icon-teaser-style-2.home15-icon-teaser .icon-teaser-box::before {
background-color: rgba(116, 100, 85, 0.9);
mix-blend-mode: saturation;
}
/* - Home 15 */
.home15-icon-teaser .section-header {
margin-bottom: 0;
}
/* - Image Banner */
.image-banner .col-md-6 {
margin-bottom: 50px;
}
.image-banner .img-banner-content {
position: relative;
}
.image-banner .img-banner-content > i {
display: inline-block;
width: 100%;
}
.image-banner .img-banner-content > i::before {
background-color: rgba(72, 44, 19, 0.6);
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.image-banner .img-banner-content::after {
border: 2px solid #746455;
content: "";
position: absolute;
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
}
.image-banner .img-banner-content h3 {
position: absolute;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-top: 0;
text-transform: uppercase;
}
.image-banner .img-banner-content h3.no-img-1 {
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
top: 50%;
padding-bottom: 10px;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.image-banner .img-banner-content h3.no-img-1::after {
background-color: #998675;
width: 20px;
height: 2px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
content: "";
position: absolute;
}
.image-banner .img-banner-content .img-banner-box {
border: 2px solid #fff;
position: absolute;
top: 50%;
left: 50px;
max-width: 230px;
padding: 25px;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.image-banner .img-banner-content-1::after {
display: none;
}
.image-banner .img-banner-content .img-banner-box i {
color: #fff;
padding-right: 12px;
}
.image-banner .img-banner-content .img-banner-box h3 {
display: inline-block;
position: relative;
padding-bottom: 25px;
}
.image-banner .img-banner-content .img-banner-box h3::after {
background-color: #fff;
content: "";
width: 170px;
height: 2px ;
position: absolute;
left: -30px;
right: 0;
bottom: 0;
}
.image-banner .img-banner-content .img-banner-box p {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 28px;
margin-top: 20px;
}
.image-banner .img-banner-content h3.no-img-3 {
bottom: 50px;
right: 50px;
padding-top: 10px;
}
.image-banner .img-banner-content h3.no-img-3::after {
background-color: #d49d19;
width: 20px;
height: 2px;
top: 0;
right: 0;
content: "";
position: absolute;
}
.image-banner .img-banner-content h3.no-img-4 {
border: 2px solid #d49d19;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
top: 50%;
height: 200px;
width: 200px;
line-height: 200px;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
/* - Info Boxes */
.info-boxes .col-md-6 {
margin-bottom: 50px;
}
.info-boxes .info-boxes-content {
position: relative;
}
.info-boxes .info-boxes-content i {
display: inline-block;
}
.info-boxes .info-boxes-content i::before {
background-color: rgba(51, 44, 37, 0.5);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.info-boxes .info-boxes-content::after {
border: 1px solid #fff;
content: "";
position: absolute;
top: 20px;
left: 20px;
bottom: 20px;
right: 20px;
z-index: 1;
}
.info-boxes .info-content {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
z-index: 2;
}
.info-boxes .info-content h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 24px;
margin-bottom: 20px;
margin-top: 0;
text-transform: uppercase;
}
.info-boxes .info-content h3::after {
background-color: #d49d19;
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
height: 4px;
width: 50px;
}
.info-boxes .info-content p {
color: rgba(255,255,255,0.8);
font-family: 'Open Sans', sans-serif;
font-size: 16px;
padding: 0 11%;
line-height: 28px;
margin-bottom: 0;
}
.info-boxes .info-boxes-content-1 {
position: relative;
}
.info-boxes .info-boxes-content-1 i {
position: relative;
display: inline-block;
}
.info-boxes .info-boxes-content-1 i::before {
background-color: rgba(51, 44, 37, 0.5);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.info-boxes .info-content-1 {
left: 50px;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.info-boxes .info-content-1 .block-title h5 {
color: #746455;
}
.info-boxes .info-content-1 p {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
padding-right: 40px;
margin-bottom: 40px;
}
.info-boxes .info-content-1 a.small-btn {
border: 2px solid #746455;
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 11px 20px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.info-boxes .info-content-1 a.small-btn:hover {
background-color: #fff;
}
.info-boxes .info-content-2 {
border: 2px solid #968a7e;
padding: 48px;
}
.info-boxes .info-content-2 h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 0;
text-transform: uppercase;
}
.info-boxes .info-content-2 h3::after {
background-color: #d49d19;
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 4px;
}
.info-boxes .info-content-2 p {
color: #332c25;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
}
.info-boxes .info-content-3 {
background-color: #ecebe9;
padding: 50px;
}
.info-boxes .info-content-3 h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-bottom: 20px;
margin-top: 0;
text-transform: uppercase;
}
.info-boxes .info-content-3 p {
color: #332c25;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
margin-bottom: 45px;
}
.info-boxes .info-content-3 a.small-btn {
background-color: #998675;
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 11px 20px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.info-boxes .info-content-3 a.small-btn:hover {
background-color: #fff;
color: #998675;
}
.info-boxes .info-content-3 a.small-btn i {
padding-right: 10px;
}
/* - Interactive Banner */
.interactive-box {
margin-bottom: 50px;
}
/* - Style 1 */
.interactive-style-1 .interactive-box {
position: relative;
display: inline-block;
}
.interactive-style-1 .interactive-box .interactive-img::before {
background-color: rgba(116, 100, 85, 0.9);
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
mix-blend-mode: multiply;
}
.interactive-style-1 .interactive-box .interactive-img::after {
content: "";
display: inline-block;
border: 1px solid #70655a;
position: absolute;
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
opacity: 1;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.interactive-style-1 .interactive-box:hover .interactive-img::after {
opacity: 0;
}
.interactive-style-1 .interactive-box .interactive-content {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
top: 50%;
opacity: 1;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.interactive-style-1 .interactive-box:hover .interactive-content {
opacity: 0;
}
.interactive-style-1 .interactive-box .interactive-content h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 20px;
text-transform: uppercase;
}
.interactive-style-1 .interactive-box .interactive-content h3::after {
background-color: #fff;
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
height: 2px;
width: 20px;
}
.interactive-style-1 .interactive-back-content {
position: absolute;
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
display: inline-block;
font-size: 14px;
line-height: 28px;
background-color: #fff;
color: #737373;
text-align: center;
padding: 85px 44px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
opacity: 0;
}
.interactive-style-1 .interactive-back-content > p {
position: relative;
padding-top: 20px;
margin-bottom: 0;
}
.interactive-style-1 .interactive-back-content p::before {
background-color: #d49d19;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
height: 2px;
width: 20px;
}
.interactive-style-1 .interactive-box:hover .interactive-back-content {
opacity: 1;
}
/* - Style 2 */
.interactive-style-2 .interactive-box {
position: relative;
display: inline-block;
}
.interactive-style-2 .interactive-box .interactive-img::before {
background-color: rgba(51,44,37,0.75);
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
opacity: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.interactive-style-2 .interactive-box .interactive-content {
position: absolute;
bottom: 50px;
right: 50px;
}
.interactive-style-2 .interactive-box .interactive-content h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
position: relative;
padding-top: 10px;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.interactive-style-2 .interactive-box .interactive-content h3::before {
background-color: #d49d19;
content: "";
position: absolute;
right: 0;
top: 0;
height: 2px;
width: 20px;
}
.interactive-style-2 .interactive-box .interactive-top-content {
position: absolute;
top: 40px;
right: 50px;
text-align: right;
opacity: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.interactive-style-2 .interactive-box .interactive-top-content p {
font-size: 14px;
color: #fff;
line-height: 28px;
padding-left: 38%;
margin-bottom: 0;
}
.interactive-style-2 .interactive-box:hover .interactive-img::before ,
.interactive-style-2 .interactive-box:hover .interactive-top-content{
opacity: 1;
}
.interactive-style-2 .interactive-box:hover .interactive-content h3 {
color: #d49d19;
}
/* - Style 3 */
.interactive-style-3 .interactive-box {
position: relative;
display: inline-block;
}
.interactive-style-3 .interactive-box .interactive-img::before,
.interactive-style-3 .interactive-box .interactive-content,
/* .interactive-style-3 .interactive-box .interactive-content a.incredible, */
.interactive-style-3 .interactive-box .interactive-content a.incredible::before {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.interactive-style-3 .interactive-box .interactive-img::before {
background-color: rgba(51, 44, 37, 0.85);
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
opacity: 0;
mix-blend-mode: multiply;
}
.interactive-style-3 .interactive-box .interactive-content {
position: absolute;
left: 0;
right: 0;
padding: 0 40px;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.interactive-style-3 .interactive-box .interactive-content a.incredible {
border: 2px solid #fff;
color: #fff;
display: inline-block;
left: 0;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 15px 30px;
margin-bottom: 35px;
text-transform: uppercase;
text-decoration: none;
position: relative;
z-index: 1;
}
.interactive-style-3 .interactive-box .interactive-content a.incredible::before {
border: 2px solid #fff;
content: "";
position: absolute;
left: 0;
width: 0;
top: -2px;
bottom: -2px;
z-index: -1;
opacity: 0;
}
.interactive-style-3 .interactive-box .interactive-content a.incredible i {
padding-right: 10px;
}
.interactive-style-3 .interactive-box .interactive-content p {
color: #fff;
line-height: 28px;
margin-bottom: 0;
opacity: 0;
padding: 0 30px;
}
.interactive-style-3 .interactive-box:hover .interactive-content a.incredible {
border: none;
color: #746455;
width: 100%;
}
.interactive-style-3 .interactive-box:hover .interactive-content a.incredible::before {
background-color: #fff;
opacity: 1;
width: 100%;
}
.interactive-style-3 .interactive-box:hover .interactive-img::before,
.interactive-style-3 .interactive-box:hover .interactive-content p {
opacity: 1;
}
/* - Style 4 */
.interactive-style-4 .interactive-box {
position: relative;
display: inline-block;
}
.interactive-style-4 .interactive-box .interactive-img::before {
background-color: rgba(51, 44, 37, 0.9);
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
opacity: 0;
mix-blend-mode: multiply;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.interactive-style-4 .interactive-box .interactive-content {
border: 2px solid #d49d19;
height: 200px;
width: 200px;
line-height: 200px;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin: 0 auto;
text-align: center;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.interactive-style-4 .interactive-box .interactive-content h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 200px;
margin: 0;
text-transform: uppercase;
}
.interactive-style-4 .interactive-box:hover .interactive-img::before {
opacity: 1;
}
.interactive-style-4 .interactive-box:hover .interactive-content {
opacity: 0;
}
.interactive-style-4 .interactive-back-content {
position: absolute;
left: 25px;
right: 25px;
top: 25px;
bottom: 25px;
display: inline-block;
font-size: 14px;
line-height: 28px;
border: 2px solid #d49d19;
background-color: transparent;
color: #fff;
text-align: center;
padding: 62px 40px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
opacity: 0;
}
.interactive-style-4 .interactive-back-content h3 {
position: relative;
padding-bottom: 20px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.interactive-style-4 .interactive-back-content h3::after {
background-color: #d49d19;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
height: 2px;
width: 20px;
}
.interactive-style-4 .interactive-back-content p {
color: #fff;
line-height: 28px;
margin-bottom: 0;
margin-top: 20px;
}
.interactive-style-4 .interactive-box:hover .interactive-back-content {
opacity: 1;
}
/* - Home1: Interactive Style */
.home1-interactive-style.interactive-style .section-header h3 {
color: #332c25;
}
/* - Home2: Interactive Style2 */
.home2-interactive-style-2 .section-header h3 {
margin: 0;
padding: 0;
color: #332c25;
font-weight: 700;
}
.home2-interactive-style-2 .section-header h3::before {
width: 0;
}
/* - List Section */
.list-section {
background-color: #fafafa;
}
.list-section .col-md-6 {
margin-bottom: 50px;
}
.list-section ul {
padding-left: 15px;
list-style: none;
margin-top: 28px;
margin-bottom: 0;
}
.list-section ul li {
color: #737373;
font-style: italic;
font-size: 16px;
margin-bottom: 22px;
}
.list-section ul li:last-child {
margin-bottom: 0;
}
.list-section ul li i {
padding-right: 24px;
}
.list-section ul.bullets-border li {
color: #998675;
}
.list-section ul.bullets-border li::before {
font-family: 'FontAwesome';
content: "\f1db";
color: #998675;
font-style: normal;
padding-right: 24px;
}
.list-section ul.bullets-bg li {
color: #998675;
}
.list-section ul.bullets-bg li::before {
font-family: 'FontAwesome';
content: "\f111";
color: #998675;
font-style: normal;
padding-right: 24px;
}
.list-section ul.bullets-square li {
color: #998675;
}
.list-section ul.bullets-square li::before {
font-family: 'FontAwesome';
content: "\f096";
color: #998675;
font-style: normal;
padding-right: 24px;
}
.list-section ul.circle-number li {
color: #998675;
}
.list-section ul.circle-number li span {
border-radius: 100%;
border: 1px solid #998675;
display: inline-block;
font-size: 14px;
height: 24px;
width: 24px;
font-style: normal;
line-height: 23px;
text-align: center;
margin-right: 24px;
}
.list-section ul.circle-number-bg li span {
background-color: #746455;
border: none;
color: #fff;
}
.list-section ul.square-number li span,
.list-section ul.square-bg li span {
border-radius: 0;
}
.list-section ul.square-bg li span {
background-color: #746455;
border: none;
color: #fff;
}
/* - Message Section */
.message-style {
margin-bottom: 50px;
}
/* - Style 1 */
.msg-style-1 .alert{
background-color: #998675;
border: none;
border-radius: 0;
text-transform: uppercase;
color: #fff;
font-size: 16px;
padding: 23px 55px 23px 23px;
position: relative;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.msg-style-1 .alert button.close {
color: #fff;
font-size: 14px;
position: absolute;
right: 30px;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
opacity: 1;
}
.msg-style-1 .alert span {
color: #fff;
display: block;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-transform: uppercase;
}
.msg-style-1 .alert.alert-success {
border-left: 20px solid #332c25;
}
/* - Style 2 */
.msg-style-2 .alert{
background-color: #fff;
border: none;
border-radius: 0;
text-transform: uppercase;
color: #332c25;
font-size: 16px;
padding: 29px 32px 29px 115px;
position: relative;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
}
.msg-style-2 .alert > i {
background-color: #d49d19;
color: #fff;
display: inline-block;
font-size: 14px;
height: 100%;
width: 80px;
position: absolute;
left: 0;
top: 0;
margin-right: 30px;
text-align: center;
}
.msg-style-2 .alert > i::before {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.msg-style-2 .alert span {
color: #737373;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-transform: uppercase;
}
.msg-style-2 .alert span::before {
content: "|";
color: #d9d9d9;
padding: 0 20px;
}
/* - Style 3 */
.msg-style-3 .alert{
background-image: url("../images/message-box/msg-bg-1.jpg");
background-repeat: no-repeat;
background-position: left center;
border: none;
border-radius: 0;
text-transform: uppercase;
color: #998675;
font-size: 16px;
padding: 29px 38px 29px 38px;
position: relative;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
z-index: 1;
}
.msg-style-3 .alert::before {
background-color: rgba(51, 44, 37, 0.7);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.msg-style-3 .alert > i {
padding-right: 16px;
}
.msg-style-3 .alert span {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
float: right;
text-transform: lowercase;
}
/* - Style 4 */
.msg-style-4 {
margin-bottom: 50px;
}
.msg-style-4 .alert{
background-image: url("../images/message-box/msg-bg-2.jpg");
background-repeat: no-repeat;
background-position: left center;
border: none;
border-radius: 0;
text-transform: uppercase;
color: #fff;
font-size: 16px;
padding: 29px 38px 29px 38px;
position: relative;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
z-index: 1;
}
.msg-style-4 .alert::before {
background-color: rgba(51, 44, 37, 0.85);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.msg-style-4 .alert span {
color: #998675;
display: block;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
text-transform: lowercase;
}
/* - Number Image */
.number-image {
margin-bottom: 50px;
}
.number-content {
position: relative;
}
.number-content span {
position: absolute;
color: #fff;
font-family: 'Montserrat', sans-serif;
}
.number-image-style-1 .number-content span {
background-color: #d49d19;
left: 40px;
top: 40px;
display: inline-block;
font-size: 40px;
height: 88px;
width: 88px;
line-height: 88px;
text-align: center;
}
.number-image-style-2 .number-content span {
border: 1px solid #fff;
left: 40px;
top: 40px;
display: inline-block;
font-size: 40px;
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
}
.number-image-style-3 .number-content span {
border-top: 2px solid #d49d19;
bottom: 45px;
right: 45px;
font-size: 24px;
padding-top: 5px;
}
.number-image-style-4 .number-content span {
border: 2px solid #d49d19;
font-size: 80px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
top: 50%;
height: 200px;
width: 200px;
line-height: 200px;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
/* - Piechart */
/* - Style 1 */
.piechart-style .col-md-3 {
margin-bottom: 50px;
}
.piechart-style .skill-box .skill-icon {
margin-bottom: 15px;
}
.piechart-style-1 .skill-box{
text-align: center;
}
.piechart-style-1 .creative-skill {
width: 90%;
font-size: 0;
margin: 0;
}
.piechart-style-1 .skill-box > div {
overflow: hidden;
display: inline-block !important;
}
.piechart-style-1 .skill-box a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-align: center;
text-transform: uppercase;
color: #746455;
display: block;
margin-top: 0;
margin-bottom: 16px;
}
.piechart-style-1 .skill-box a:hover {
text-decoration: none;
}
.piechart-style-1 .skill-box p {
color: #737373;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
}
.piechart-style-1 .creative-skill {
color: #746455;
text-align: center;
font-family: 'Montserrat', sans-serif;
margin-left: auto;
font-size: 24px;
margin-right: auto;
position: absolute;
top: 60px;
left: 0;
right: 0;
}
/* - Style 2 */
.piechart-style-2 .skill-box{
text-align: center;
}
.piechart-style-2 .creative-skill {
width: 90%;
font-size: 0;
margin: 0;
}
.piechart-style-2 .skill-box > div {
overflow: hidden;
display: inline-block !important;
}
.piechart-style-2 .skill-box a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-align: center;
text-transform: uppercase;
color: #746455;
display: block;
margin-top: 0;
margin-bottom: 16px;
}
.piechart-style-2 .skill-box a:hover {
text-decoration: none;
}
.piechart-style-2 .skill-box p {
color: #737373;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
}
.piechart-style-2 .creative-skill {
background-color: #746455;
border-radius: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 70px;
left: 0;
right: 0;
height: 10px;
width: 10px;
}
/* - Style 3 */
.piechart-style-3 {
background-color: #f0eeec;
padding: 80px 0 35px;
margin-bottom: 50px;
}
.piechart-style-3 .skill-box{
text-align: center;
}
.piechart-style-3 .creative-skill {
width: auto;
font-size: 0;
margin: 0;
}
.piechart-style-3 h3.creative-skill {
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
margin: 0;
text-align: left;
}
.piechart-style-3 .skill-box a {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #746455;
display: inline-block;
margin-top: 0;
text-decoration: none;
}
.piechart-style-3 .skill-box a::before {
content: "|";
padding-right: 3px;
}
/* - Style 4 */
.piechart-style-4 .skill-box{
text-align: center;
}
.piechart-style-4 .creative-skill {
width: 90%;
font-size: 0;
margin: 0;
}
.piechart-style-4 .skill-box > div {
overflow: hidden;
display: inline-block !important;
}
.piechart-style-4 .skill-box a {
font-size: 12px;
text-align: center;
text-transform: uppercase;
color: #746455;
display: block;
margin-top: 0;
margin-bottom: 16px;
text-decoration: none;
}
.piechart-style-4 .creative-skill {
color: #746455;
text-align: center;
font-family: 'Montserrat', sans-serif;
margin-left: auto;
font-size: 24px;
margin-right: auto;
position: absolute;
top: 60px;
left: 0;
right: 0;
}
/* - Process Piechart */
.process-piechart {
margin-bottom: 0;
}
/* - Home2: Piechart Style2 */
.home2-piechart-style-2.piechart-style .skill-box .skill-icon {
position: relative;
}
.home2-piechart-style-2.piechart-style .creative-skill {
background-color: #cf4900;
}
.home2-piechart-style-2.piechart-style.dial {
position: relative;
}
.home2-piechart-style-2.piechart-style .skill-box a {
text-decoration: none;
margin-bottom: 33px;
}
/* - Home 13 */
.home13-piechart-style .section-header h3::before {
display: none;
}
/* - Pricing Table */
.pricing-style {
margin-bottom: 20px;
}
.pricing-style .pricing-content {
margin-bottom: 30px;
}
/* - Style 1 */
.pricing-style-1 .pricing-content .pricing-title {
position: relative;
padding: 0 0 0 32px;
min-height: 140px;
max-height: 140px;
z-index: 1;
}
.pricing-style-1 .pricing-content .pricing-title img {
position: absolute;
left: 0;
top: 0;
}
.pricing-style-1 .pricing-content .pricing-title::before {
background-color: rgba(116, 100, 85, 0.7);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.pricing-style-1 .pricing-content .pricing-title h3 {
color: #fff;
font-size: 50px;
font-weight: 900;
padding-top: 32px;
margin-bottom: 0;
position: relative;
margin-top: 0;
z-index: 2;
}
.pricing-style-1 .pricing-content .pricing-title p {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding-bottom: 30px;
position: relative;
margin-bottom: 0;
text-transform: uppercase;
z-index: 2;
}
.pricing-style-1 .pricing-content .pricing-box {
background-color: #fff;
position: relative;
}
.pricing-style-1 .pricing-content .pricing-box ul {
padding-left: 0;
list-style: none;
padding: 35px 30px;
margin-bottom: 5px;
}
.pricing-style-1 .pricing-content .pricing-box ul li {
color: #998675;
font-size: 12px;
margin-bottom: 25px;
text-transform: uppercase;
}
.pricing-style-1 .pricing-content .pricing-box ul li:last-child {
margin-bottom: 0;
}
.pricing-style-1 .pricing-content .pricing-box ul li i {
padding-right: 20px;
font-size: 16px;
}
.pricing-style-1 .pricing-content a.order-plan {
background-color: #746455;
border: 1px solid #746455;
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 12px 128px 12px 30px;
width: 100%;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.pricing-style-1 .pricing-content a.order-plan:hover {
background-color: transparent;
border: 1px solid #746455;
color: #746455;
}
.pricing-style-1 .pricing-content:hover .pricing-title::before {
background-color: rgba(212, 157, 25, 0.5);
}
/* - Style 2 */
.pricing-style-2 .pricing-content {
position: relative;
}
.pricing-style-2 .pricing-content .pricing-img::before {
background-color: rgba(153, 134, 117, 0.5);
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.pricing-style-2 .pricing-content .pricing-box {
background-color: #fff;
position: absolute;
top: 30px;
left: 30px;
right: 30px;
bottom: 30px;
padding: 20px 20px 35px 35px;
margin: 0 auto;
}
.pricing-style-2 .pricing-content .pricing-box h3 {
color: #746455;
font-weight: 300;
font-size: 80px;
margin-top: 0;
}
.pricing-style-2 .pricing-content .pricing-box h3 sup {
font-size: 40px;
top: -30px;
}
.pricing-style-2 .pricing-content .pricing-box ul {
padding-left: 0;
list-style: none;
}
.pricing-style-2 .pricing-content .pricing-box ul li {
color: #998675;
font-size: 14px;
margin-bottom: 20px;
text-transform: uppercase;
}
.pricing-style-2 .pricing-content .pricing-box ul li i {
padding-right: 15px;
}
.pricing-style-2 .pricing-content .pricing-box ul li .fa-check {
color: #7cb342;
}
.pricing-style-2 .pricing-content .pricing-box ul li .fa-times {
color: #ccc2ba;
}
.pricing-style-2 .pricing-content .pricing-box ul li:last-child {
margin-bottom: 0;
}
.pricing-style-2 .pricing-content a.order-plan {
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-top: 18px;
margin-top: 10px;
text-transform: uppercase;
text-decoration: none;
}
.pricing-style-2 .pricing-content a.order-plan::before {
background-color: #d49d19;
content: "";
position: absolute;
left: 0;
top: 0;
height: 2px;
width: 50px;
}
.pricing-style-2 .pricing-content a.order-plan:hover {
color: #7cb342;
}
.pricing-style-2 .pricing-content:hover .pricing-img::before {
background-color: rgba(212, 157, 25, 0.5);
}
/* - Style 3 */
.pricing-style-3 .pricing-content {
border: 2px solid #ecebe9;
text-align: center;
}
.pricing-style-3 .pricing-content .pricing-box h3 {
color: #998675;
font-family: 'Montserrat', sans-serif;
font-size: 40px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.pricing-style-3 .pricing-content .pricing-box span {
background-color: #dc5c05;
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 12px 0;
text-transform: uppercase;
text-decoration: none;
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.pricing-style-3 .pricing-content .pricing-box ul {
padding-left: 0;
list-style: none;
padding: 30px 0;
}
.pricing-style-3 .pricing-content .pricing-box ul li {
color: #998675;
position: relative;
padding-bottom: 12px;
font-size: 14px;
margin-bottom: 15px;
text-align: center;
text-transform: uppercase;
padding: 0 3px;
}
.pricing-style-3 .pricing-content .pricing-box ul li::after {
background-color: #c9c0b7;
content: "";
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
position: absolute;
width: 30px;
height: 1px;
}
.pricing-style-3 .pricing-content .pricing-box ul li:last-child::after {
display: none;
}
.pricing-style-3 .pricing-content .pricing-box ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.pricing-style-3 .pricing-content:hover .pricing-box h3 {
color: #cf4900;
}
.pricing-style-3 .pricing-content:hover .pricing-box span {
background-color: #CF4900;
/* background-color: #b13f19;
*/ }
/* - Style 4 */
.pricing-style-4 .pricing-content .pricing-title {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
padding: 0 0 0 32px;
z-index: 1;
}
.pricing-style-4 .pricing-content .pricing-title img {
position: absolute;
left: 0;
top: 0;
}
.pricing-style-4 .pricing-content .pricing-title::before {
background-color: rgba(116, 100, 85, 0.7);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.pricing-style-4 .pricing-content .pricing-title h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 50px;
padding-top: 32px;
margin-bottom: 0;
margin-top: 0;
position: relative;
z-index: 1;
}
.pricing-style-4 .pricing-content .pricing-title p {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding-bottom: 30px;
margin-bottom: 0;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.pricing-style-4 .pricing-content a.order-plan {
background-color: #332c25;
color: #fff;
display: inline-block;
padding: 12px 12px 12px 30px;
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.pricing-style-4:not(.pricing-home1) .pricing-content:hover .pricing-title::before {
background-color: rgba(212, 157, 25, 0.5);
}
.pricing-style-4 .pricing-content:hover a.order-plan {
background-color: #d49d19;
}
.pricing-style-4.pricing-home1 .pricing-content .pricing-title::before {
background-color: rgba(116,100,85,0.75);
background-blend-mode: multiply;
}
.pricing-style-4.pricing-home1 .pricing-content:hover a.order-plan {
background-color: #cf4900;
}
/* - Services Page */
.services-price .col-md-4 {
margin-bottom: 0;
}
/* - Home3: Pricing Style */
.home3-pricing-style .section-header {
margin-bottom: 23px;
}
.home3-pricing-style .section-header h3 {
padding: 0;
margin: 0 0 5px;
font-weight: 700;
color: #332c25;
line-height: 45px;
}
.home3-pricing-style .section-header h3::before {
width: 0;
}
.home3-pricing-style.pricing-style-3 .pricing-content {
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.home3-pricing-style.pricing-style-3 .pricing-content:hover {
border-color: #cf4900;
}
.home3-pricing-style.pricing-style-3 .pricing-box h3 {
font-size: 32px;
margin-top: 39px;
margin-bottom: 35px;
}
.home3-pricing-style.pricing-style-3 .pricing-content .pricing-box ul li {
text-transform: uppercase;
}
/* - Process Section */
.process-section .process-box {
margin-bottom: 50px;
}
.process-section .process-border {
position: relative;
display: inline-block;
width: 100%;
}
.process-section .process-border::after {
background: #e2ddd9 none repeat scroll 0 0;
content: "";
width: 1000%;
position: absolute;
left: -200%;
top: 90px;
height: 2px;
}
.process-section .process-border::before {
background-color: #d49d19;
content: "";
position: absolute;
left: -30%;
right: auto;
top: 90px;
height: 2px;
width: 645px;
z-index: 1;
}
/* - Style 1 */
.process-style-1 .process-box i,
.process-style-1 .process-box h3 {
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.process-style-1 .process-box i {
color: #998675;
font-size: 40px;
}
.process-style-1 .process-box h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-top: 15px;
position: relative;
text-transform: uppercase;
}
.process-style-1 .process-box p {
color: #737373;
font-size: 16px;
line-height: 28px;
margin-top: 30px;
}
.process-style-1 .process-box:hover i {
color: #d49d19;
}
.process-home-14 {
background-color: #f7f6f5;
}
.process-home-14 .process-border::before {
background-color: #cf4900;
}
.process-home-14 .process-box:hover h3,
.process-home-14 .process-box:hover i {
color: #cf4900;
}
/* - Style 2 */
.process-style-2 .process-box i {
background-color: #332c25;
color: #fff;
display: inline-block;
font-size: 24px;
height: 60px;
width: 60px;
line-height: 60px;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.process-style-2 .process-box h3 {
color: #332c25;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding-left: 20px;
margin: 0;
text-transform: uppercase;
}
.process-style-2 .process-box p {
color: #737373;
font-size: 14px;
line-height: 25px;
margin-top: 20px;
}
/* - Style 3 */
.process-style-3 .process-box span {
background-color: transparent;
border: 2px solid #746455;
color: #746455;
display: inline-block;
font-size: 16px;
height: 60px;
width: 60px;
line-height: 55px;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.process-style-3 .process-box h3 {
color: #332c25;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding-left: 20px;
margin: 0;
text-transform: uppercase;
}
.process-style-3 .process-box p {
color: #737373;
font-size: 16px;
line-height: 28px;
margin-top: 30px;
}
.process-style-3 .process-box:hover span {
border-color: #d49d19;
color: #d49d19;
}
/* - Style 4 */
.process-style-4 .process-box > span {
background-color: #746455;
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 12px 20px;
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.process-style-4 .process-box h3 {
color: #332c25;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 0;
text-transform: uppercase;
}
.process-style-4 .process-box p {
color: #737373;
font-size: 16px;
line-height: 28px;
margin-top: 30px;
padding: 0 20px;
}
.process-style-4 .process-box:hover span {
background-color: #998675;
}
/* - Home2: Process Section */
.home2-process-section.process-style-2 .process-box i {
width: 80px;
height: 80px;
line-height: 80px;
}
.home2-process-section.process-style-2 .process-box:hover i {
background-color: #d49d19;
}
.home2-process-section .section-header h3 {
margin-bottom: 10px;
padding-bottom: 0;
}
.home2-process-section .section-header h3::before {
width: 0;
}
/* - Home 11 */
.home11-process .section-header h3::before{
display: none;
}
.process-style-2.home11-process .process-box i {
background-color: #3f51b5;
}
.process-style-2 .process-box:hover i {
background-color: #cf4900;
}
/* - Home 15 */
.process-style-4.home15-process .process-box > span {
background-color: #000;
}
.process-style-4.home15-process .process-box:hover span {
background-color: #d49d19;
}
.screen-section .process-section .col-md-6:nth-child(2n+1),
.home6-simply .process-section .col-md-6:nth-child(2n+1),
.home10-features .process-section .col-md-6:nth-child(2n+1) {
clear: both;
}
/* - Ribbon Holder */
.ribbon-style .ribbon-box {
margin-bottom: 90px;
}
/* - Style 1 */
.ribbon-style-1 .ribbon-box {
display: inline-block;
position: relative;
}
.ribbon-style-1 .ribbon-box .ribbon-img {
position: relative;
}
.ribbon-style-1 .ribbon-box .ribbon-img::before {
background-color: rgba(116, 100, 85, 0.9);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
mix-blend-mode: multiply;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-1 .ribbon-box .shape:after {
background-color: #fafafa;
content: "";
display: inline-block;
height: 276px;
transform-origin: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: skew(-80deg, 9deg);
-moz-transform: skew(-80deg, 9deg);
-ms-transform: skew(-80deg, 9deg);
-o-transform: skew(-80deg, 9deg);
transform: skew(-80deg, 9deg);
width: 100%;
}
.ribbon-style-1 .ribbon-box .shape {
bottom: -88px;
display: inline-block;
height: 227px;
transform-origin: 0;
margin-top: 0;
opacity: 1;
overflow: hidden;
position: absolute;
right: 0;
width: 100%;
}
.ribbon-style-1 .ribbon-box .ribbon-content {
position: absolute;
top: 0;
padding: 40px 30px;
z-index: 1;
}
.ribbon-style-1 .ribbon-box .ribbon-content h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-top: 0;
margin-bottom: 14px;
text-transform: uppercase;
}
.ribbon-style-1 .ribbon-box .ribbon-content p {
color: #fff;
line-height: 28px;
margin-bottom: 50px;
}
.ribbon-style-1 .ribbon-box .ribbon-content a {
border: 2px solid #fff;
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 10px 52px;
opacity: 0;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-1 .ribbon-box .ribbon-content a:hover {
border-color: #d49d19;
color: #d49d19;
}
.ribbon-style-1 .ribbon-box:hover .ribbon-content a {
opacity: 1;
}
.ribbon-style-1 .ribbon-box:hover .ribbon-img::before {
background-color: rgba(212, 157, 25, 0.9);
}
/* - Style 2 */
.ribbon-style-2 .ribbon-box {
position: relative;
}
.ribbon-style-2 .ribbon-box .shape:after {
background-color: #332c25;
content: "";
display: inline-block;
height: 215px;
transform-origin: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: skew(-85deg, -7deg);
-moz-transform: skew(-85deg, -7deg);
-ms-transform: skew(-85deg, -7deg);
-o-transform: skew(-85deg, -7deg);
transform: skew(-85deg, -7deg);
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-2 .ribbon-box .shape {
bottom: -100px;
display: inline-block;
height: 185px;
transform-origin: 0;
margin-top: 0;
opacity: 1;
overflow: hidden;
position: absolute;
right: 0;
width: 100%;
}
.ribbon-style-2 .ribbon-title {
background-color: #332c25;
display: inline-block;
padding: 45px 32px 0 32px;
position: relative;
min-height: 140px;
max-height: 140px;
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-2 .ribbon-title i {
color: #998675;
font-size: 40px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-2 .ribbon-title h3 {
color: #fff;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0;
margin-top: 10px;
text-transform: uppercase;
}
.ribbon-style-2 .ribbon-content {
padding: 25px;
}
.ribbon-style-2 .ribbon-content p {
color: #746455;
line-height: 28px;
}
.ribbon-style-2 .ribbon-box:hover .ribbon-title {
background-color: #d49d19;
}
.ribbon-style-2 .ribbon-box:hover .ribbon-title i {
color: #fff;
}
.ribbon-style-2 .ribbon-box:hover .shape:after {
background-color: #d49d19;
}
/* - Style 3 */
.ribbon-style-3 {
text-align: center;
}
.ribbon-style-3 .block-title {
text-align: left;
}
.ribbon-style-3 .ribbon-box {
border-top: 8px solid #fff;
position: relative;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-3 .ribbon-box .shape:after {
background-color: #fff;
content: "";
display: inline-block;
height: 220px;
transform-origin: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transform: skew(84deg, -9deg);
-moz-transform: skew(84deg, -9deg);
-ms-transform: skew(84deg, -9deg);
-o-transform: skew(84deg, -9deg);
transform: skew(84deg, -9deg);
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-3 .ribbon-box .shape {
bottom: -75px;
display: inline-block;
height: 185px;
transform-origin: 0;
margin-top: 0;
overflow: hidden;
position: absolute;
right: 0;
width: 100%;
z-index: -1;
}
.ribbon-style-3 .ribbon-img {
position: relative;
padding: 40px 0;
z-index: 1;
}
.ribbon-style-3 .ribbon-box .ribbon-img img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.ribbon-style-3 .ribbon-img h3 {
color: #fff;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
position: relative;
z-index: 2;
}
.ribbon-style-3 .ribbon-content {
background-color: #fff;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-3 .ribbon-content ul {
padding-left: 0;
list-style: none;
padding: 30px 0 10px;
margin-bottom: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-3 .ribbon-content ul li {
color: #998675;
position: relative;
padding-bottom: 12px;
font-size: 14px;
margin-bottom: 12px;
text-align: center;
}
.ribbon-style-3 .ribbon-content ul li::after {
background-color: #c9c0b7;
content: "";
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
position: absolute;
width: 30px;
height: 1px;
}
.ribbon-style-3 .ribbon-content ul li:last-child::after {
display: none;
}
.ribbon-style-3 .ribbon-content ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.ribbon-style-3 .ribbon-box:hover {
border-color: #f0eeec;
}
.ribbon-style-3 .ribbon-box:hover .ribbon-content,
.ribbon-style-3 .ribbon-box:hover .shape::after {
background-color: #f0eeec;
}
.ribbon-style-3 .ribbon-box:hover .ribbon-content ul {
padding: 30px 0 25px;
}
/* - Style 4 */
.ribbon-style-4 .ribbon-box {
border-top: 2px solid #ecebe9;
text-align: center;
position: relative;
}
.ribbon-style-4 .ribbon-box::before {
content: "";
background-color: #ecebe9;
position: absolute;
left: 0;
width: 2px;
bottom: 0;
top: 0;
}
.ribbon-style-4 .ribbon-box::after {
content: "";
background-color: #ecebe9;
position: absolute;
right: 0;
width: 2px;
bottom: 30px;
top: 0;
}
.ribbon-style-4 .ribbon-box .shape::after {
background-color: #ddd;
content: "";
display: inline-block;
height: 2px;
transform-origin: 0;
position: absolute;
right: 0;
bottom: 0;
-webkit-transform: skew(-50deg, -6deg);
-moz-transform: skew(-50deg, -6deg);
-ms-transform: skew(-50deg, -6deg);
-o-transform: skew(-50deg, -6deg);
transform: skew(-50deg, -6deg);
width: 100%;
}
.ribbon-style-4 .ribbon-content > i {
color: #998675;
font-size: 40px;
padding: 25px 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-4 .ribbon-content span {
background-color: #746455;
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 12px 0;
text-transform: uppercase;
text-decoration: none;
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ribbon-style-4 .ribbon-content ul {
padding-left: 0;
list-style: none;
padding: 30px 0 50px;
margin-bottom: 0;
}
.ribbon-style-4 .ribbon-content ul li {
color: #998675;
position: relative;
padding-bottom: 12px;
font-size: 14px;
margin-bottom: 12px;
text-align: center;
text-transform: uppercase;
}
.ribbon-style-4 .ribbon-content ul li::after {
background-color: #c9c0b7;
content: "";
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
position: absolute;
width: 30px;
height: 1px;
}
.ribbon-style-4 .ribbon-content ul li:last-child::after {
display: none;
}
.ribbon-style-4 .ribbon-content ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.ribbon-style-4 .ribbon-box:hover .ribbon-content > i {
color: #cf4900;
}
.ribbon-style-4 .ribbon-box:hover .ribbon-content span {
background-color: #cf4900;
}
/* - Separator Section */
.separator-style {
margin-bottom: 30px;
}
.separator-main {
background-color: #998675;
display: inline-block;
height: 1px;
width: 100%;
margin-bottom: 10px;
}
.separator-main.separator-main-1 {
height: 2px;
}
.separator-main.separator-main-2 {
height: 3px;
}
.separator-main.separator-main-3 {
height: 4px;
}
.separator-main.separator-main-4 {
height: 5px;
}
.separator-2 .separator-main {
background-color: #332c25;
}
.separator-3 .separator-main {
background-color: #746455;
}
.separator-4 .separator-main {
background-color: #d49d19;
}
/* - Service Table */
.service-style .col-md-3 {
margin-bottom: 50px;
}
/* - Style 1 */
.service-style-1 .service-content .service-title {
position: relative;
padding: 95px 32px 0 32px;
min-height: 140px;
max-height: 140px;
z-index: 1;
}
.service-style-1 .service-content .service-title img {
position: absolute;
left: 0;
top: 0;
}
.service-style-1 .service-content .service-title::before {
background-color: rgba(116,100,85,1);
mix-blend-mode: multiply;
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
z-index: 1;
}
.service-style-1 .service-content .service-title h3 {
color: #fff;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
position: relative;
z-index: 2;
}
.service-style-1 .service-content .service-box {
background-color: #fff;
position: relative;
}
.service-style-1 .service-content .service-box::after {
background-image: url("../images/pricing/pricing-4.jpg");
background-repeat: no-repeat;
background-position: bottom center;
background-color: #998675;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
min-height: 10px;
max-height: 10px;
background-blend-mode: multiply;
}
.service-style-1 .service-content:hover .service-box::after {
background-color: #d49d19;
}
.service-style-1 .service-content .service-box ul {
padding-left: 0;
list-style: none;
padding: 35px 30px;
margin-bottom: 0;
}
.service-style-1 .service-content .service-box ul li {
color: #998675;
font-size: 12px;
margin-bottom: 25px;
text-transform: uppercase;
}
.service-style-1 .service-content .service-box ul li:last-child {
margin-bottom: 5px;
}
.service-style-1 .service-content .service-box ul li i {
padding-right: 20px;
font-size: 16px;
}
.service-style-1 .service-content:hover .service-title::before {
background-color: rgba(212, 157, 25, 0.7);
}
/* - Style 2 */
.service-style-2 .service-title {
background-color: #332c25;
display: inline-block;
padding: 45px 32px 0 32px;
position: relative;
min-height: 140px;
max-height: 140px;
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.service-style-2 .service-title i {
color: #998675;
font-size: 40px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.service-style-2 .service-title h3 {
color: #fff;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0;
margin-top: 10px;
text-transform: uppercase;
}
.service-style-2 .service-box {
background-color: #fff;
}
.service-style-2 .service-box ul {
border-bottom: 10px solid #332c25;
padding-left: 0;
list-style: none;
padding: 35px 30px;
margin-bottom: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.service-style-2 .service-box ul li {
color: #998675;
font-size: 12px;
margin-bottom: 25px;
text-transform: uppercase;
}
.service-style-2 .service-box ul li:last-child {
margin-bottom: 0;
}
.service-style-2 .service-box ul li i {
padding-right: 20px;
font-size: 16px;
}
.service-style-2 .service-content:hover .service-title {
background-color: #d49d19;
}
.service-style-2 .service-content:hover .service-title i {
color: #fff;
}
.service-style-2 .service-content:hover .service-box ul {
border-color: #d49d19;
}
/* - Style 3 */
.service-style-3 {
text-align: center;
}
.service-style-3 .block-title {
text-align: left;
}
.service-style-3 .service-title {
position: relative;
padding: 40px 0;
z-index: 1;
}
.service-style-3 .service-content .service-title img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
}
.service-style-3 .service-title h3 {
color: #fff;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
position: relative;
z-index: 2;
}
.service-style-3 .service-box {
background-color: #fff;
}
.service-style-3 .service-box ul {
padding-left: 0;
list-style: none;
padding: 30px 0;
margin-bottom: 0;
}
.service-style-3 .service-box ul li {
color: #998675;
position: relative;
padding-bottom: 12px;
font-size: 14px;
margin-bottom: 12px;
text-align: center;
}
.service-style-3 .service-box ul li::after {
background-color: #c9c0b7;
content: "";
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
position: absolute;
width: 30px;
height: 1px;
}
.service-style-3 .service-box ul li:last-child::after {
display: none;
}
.service-style-3 .service-box ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
/* - Style 4 */
.service-style-4 .service-content {
border: 2px solid #ecebe9;
text-align: center;
}
.service-style-4 .service-box > i {
color: #998675;
font-size: 40px;
padding: 25px 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.service-style-4 .service-box span {
background-color: #746455;
color: #fff;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 12px 0;
text-transform: uppercase;
text-decoration: none;
width: 100%;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.service-style-4 .service-box ul {
padding-left: 0;
list-style: none;
padding: 30px 0 20px;
}
.service-style-4 .service-box ul li {
color: #998675;
position: relative;
padding-bottom: 12px;
font-size: 14px;
margin-bottom: 12px;
text-align: center;
}
.service-style-4 .service-box ul li::after {
background-color: #c9c0b7;
content: "";
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
position: absolute;
width: 30px;
height: 1px;
}
.service-style-4 .service-box ul li:last-child::after {
display: none;
}
.service-style-4 .service-box ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.service-style-4 .service-content:hover .service-box > i {
color: #cf4900;
}
.service-style-4 .service-content:hover .service-box span {
background-color: #cf4900;
}
/* - Home 11 */
.home11-services .service-style-2 .service-title i {
color: #fff;
}
.home11-services .service-style-2 .service-title {
background-color: #3f51b5;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}
.home11-services .service-style-2 .service-content:hover .service-title {
background-color: #d35714;
}
/* - Social Section */
/* - Style 1 */
.social-style-1 ul {
padding-left: 20px;
margin-top: 30px;
margin-bottom: 50px;
}
.social-style-1 ul li {
display: inline-block;
margin-right: 76px;
}
.social-style-1 ul li a {
color: #998675;
font-size: 17px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.social-style-1 ul li a:hover {
color: #dc4e41;
}
/* - Style 2 */
.social-style-2 ul {
padding-left: 0;
margin-top: 30px;
margin-bottom: 50px;
}
.social-style-2 ul li {
display: inline-block;
margin-right: 24px;
}
.social-style-2 ul li a {
background-color: #332c25;
color: #fff;
display: inline-block;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.social-style-2 ul li a:hover {
background-color: #dc4e41;
}
/* - Style 3 */
.social-style-3 ul {
padding-left: 0;
margin-top: 30px;
margin-bottom: 50px;
}
.social-style-3 ul li {
display: inline-block;
margin-right: 24px;
}
.social-style-3 ul li a {
background-color: transparent;
border: 1px solid #e2ddd9;
color: #d49d19;
display: inline-block;
font-size: 16px;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.social-style-3 ul li a:hover {
background-color: #d49d19;
color: #fff;
}
/* - Style 4 */
.social-style-4 ul {
padding-left: 0;
float: left;
width: 100%;
margin-bottom: 0;
}
.social-style-4 ul li {
display: inline-block;
width: 14.27083%;
}
.social-style-4 ul li a {
color: #fff;
display: inline-block;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
padding: 25px 0;
text-align: center;
width: 100%;
text-transform: uppercase;
}
.social-style-4 ul li a i {
padding-right: 8px;
}
.social-style-4 ul li a.color-1 {
background-color: #55acee;
}
.social-style-4 ul li a.color-2 {
background-color: #dc4e41;
}
.social-style-4 ul li a.color-3 {
background-color: #1769ff;
}
.social-style-4 ul li a.color-4 {
background-color: #00a0dc;
}
.social-style-4 ul li a.color-5 {
background-color: #3f729b;
}
.social-style-4 ul li a.color-6 {
background-color: #1ab7ea;
}
.social-style-4 ul li a.color-7 {
background-color: #cd201f;
}
.home7-socialicon .social-style-3 ul li a {
border-color: rgba(153,134,117,0.25);
color: rgba(153,134,117,0.5);
}
.home7-socialicon .social-style-3 ul li a:hover {
background-color: #cd201f;
border-color: #cd201f;
color: #fff;
}
/* - Tab Section */
.tab-style {
margin-bottom: 50px;
}
.tab-style:nth-child(2n+1) {
clear: left;
}
/* - Style 1 */
.tab-style .main-tab-style-1 > .nav-tabs {
border-bottom: none;
position: relative;
}
.tab-style .main-tab-style-1 .nav-tabs > li > a,
.tab-style .main-tab-style-1 a {
background-color: #998675;
border: none;
border-radius: 0;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 10px 30px;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.tab-style .main-tab-style-1 .nav-tabs > li.active > a,
.tab-style .main-tab-style-1 .nav-tabs > li.active > a:focus,
.tab-style .main-tab-style-1 .nav-tabs > li.active > a:hover,
.tab-style .main-tab-style-1 .nav-tabs > li a:focus,
.tab-style .main-tab-style-1 .nav-tabs > li a:hover {
background-color: #fff;
color: #332c25;
border: none;
}
.tab-style .main-tab-style-1 .tab-content {
background-color: #fff;
padding: 30px;
}
.tab-style .main-tab-style-1 .tab-content p {
color: #727272;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 26px;
margin-bottom: 0;
}
.text-tab-section .img-block {
margin: 30px -30px;
}
/* - Style 2 */
.tab-style .main-tab-style-2 > .nav-tabs {
border-bottom: 4px solid #998675;
position: relative;
}
.tab-style .main-tab-style-2 .nav-tabs > li {
margin-right: 15px;
}
.tab-style .main-tab-style-2 .nav-tabs > li > a,
.tab-style .main-tab-style-2 a {
background-color: transparent;
border: none;
border-radius: 0;
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 10px 0;
position: relative;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.tab-style .main-tab-style-2 a::after {
background-color: #cf4900;
content: "";
left: 0;
right: 0;
bottom: -3px;
height: 4px;
position: absolute;
opacity: 0;
}
.tab-style .main-tab-style-2 .nav-tabs > li.active > a,
.tab-style .main-tab-style-2 .nav-tabs > li.active > a:focus,
.tab-style .main-tab-style-2 .nav-tabs > li.active > a:hover,
.tab-style .main-tab-style-2 .nav-tabs > li a:focus,
.tab-style .main-tab-style-2 .nav-tabs > li a:hover {
background-color: transparent;
color: #cf4900;
border: none;
}
.tab-style .main-tab-style-2 .nav-tabs > li.active > a::after,
.tab-style .main-tab-style-2 .nav-tabs > li.active > a:focus::after,
.tab-style .main-tab-style-2 .nav-tabs > li.active > a:hover::after,
.tab-style .main-tab-style-2 .nav-tabs > li > a:focus::after,
.tab-style .main-tab-style-2 .nav-tabs > li > a:hover::after {
opacity: 1;
}
.tab-style .main-tab-style-2 .tab-content {
background-color: transparent;
margin-top: 20px;
}
.tab-style .main-tab-style-2 .tab-content p {
color: #727272;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
/* - Style 3 */
.tab-style .main-tab-style-3 > .nav-tabs {
background-color: #332c25;
position: relative;
}
.tab-style .main-tab-style-3 .nav-tabs > li {
margin-right: 15px;
}
.tab-style .main-tab-style-3 .nav-tabs > li > a,
.tab-style .main-tab-style-3 a {
background-color: transparent;
border: none;
border-radius: 0;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 10px 20px;
position: relative;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.tab-style .main-tab-style-3 a::after {
background-color: #d49d19;
content: "";
left: 0;
right: 0;
bottom: -3px;
height: 5px;
position: absolute;
opacity: 0;
}
.tab-style .main-tab-style-3 .nav-tabs > li.active > a,
.tab-style .main-tab-style-3 .nav-tabs > li.active > a:focus,
.tab-style .main-tab-style-3 .nav-tabs > li.active > a:hover,
.tab-style .main-tab-style-3 .nav-tabs > li a:focus,
.tab-style .main-tab-style-3 .nav-tabs > li a:hover {
background-color: transparent;
color: #fff;
border: none;
}
.tab-style .main-tab-style-3 .nav-tabs > li.active > a::after,
.tab-style .main-tab-style-3 .nav-tabs > li.active > a:focus::after,
.tab-style .main-tab-style-3 .nav-tabs > li.active > a:hover::after,
.tab-style .main-tab-style-3 .nav-tabs > li > a:focus::after,
.tab-style .main-tab-style-3 .nav-tabs > li > a:hover::after {
opacity: 1;
}
.tab-style .main-tab-style-3 .tab-content {
background-color: transparent;
margin-top: 20px;
}
.tab-style .main-tab-style-3 .tab-content p {
color: #727272;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
/* - Style 4 */
.tab-style .main-tab-style-4 > .nav-tabs {
background-color: #fff;
border-bottom: 4px solid #746455;
position: relative;
padding: 0 15px;
}
.tab-style .main-tab-style-4 .nav-tabs > li {
margin-left: 15px;
margin-right: 15px;
}
.tab-style .main-tab-style-4 .nav-tabs > li > a,
.tab-style .main-tab-style-4 a {
background-color: transparent;
border: none;
border-radius: 0;
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding: 10px 0px;
position: relative;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.tab-style .main-tab-style-4 a::after {
background-color: #fff;
content: "";
left: 0;
right: 0;
bottom: -3px;
height: 4px;
position: absolute;
opacity: 0;
}
.tab-style .main-tab-style-4 .nav-tabs > li.active > a,
.tab-style .main-tab-style-4 .nav-tabs > li.active > a:focus,
.tab-style .main-tab-style-4 .nav-tabs > li.active > a:hover,
.tab-style .main-tab-style-4 .nav-tabs > li a:focus,
.tab-style .main-tab-style-4 .nav-tabs > li a:hover {
background-color: transparent;
color: #746455;
border: none;
}
.tab-style .main-tab-style-4 .nav-tabs > li.active > a::after,
.tab-style .main-tab-style-4 .nav-tabs > li.active > a:focus::after,
.tab-style .main-tab-style-4 .nav-tabs > li.active > a:hover::after,
.tab-style .main-tab-style-4 .nav-tabs > li > a:focus::after,
.tab-style .main-tab-style-4 .nav-tabs > li > a:hover::after {
opacity: 1;
}
.tab-style .main-tab-style-4 .tab-content {
background-color: #fff;
padding: 30px;
}
.tab-style .main-tab-style-4 .tab-content p {
color: #727272;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
/* - Team Section */
.team-section {
background-color: #fafafa;
}
.team-section .col-md-3 {
margin-bottom: 50px;
}
/* - Style 1 */
.team-section .team-style-1 {
position: relative;
}
.team-section .team-style-1 .team-box {
text-align: center;
}
.team-section .team-style-1 .team-box h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
.team-section .team-style-1 .team-box h3::after {
background-color: #d49d19;
content: "";
position: absolute;
width: 80px;
height: 4px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.team-section .team-style-1 .team-box p {
color: #737373;
font-size: 14px;
}
.team-section .team-style-1 .team-social {
border: 2px solid #d49d19;
background-color: rgba(255, 255, 255, 0.95);
position: absolute;
left: 0;
right: 0;
top: 0;
padding: 80px 0;
margin: 40px;
opacity: 0;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.team-section .team-style-1 .team-social ul {
padding-left: 0;
list-style: none;
margin-bottom: 0;
text-align: center;
}
.team-section .team-style-1 .team-social ul li {
margin-bottom: 30px;
}
.team-section .team-style-1 .team-social ul li:last-child {
margin-bottom: 0;
}
.team-section .team-style-1 .team-social li a {
font-size: 14px;
text-decoration: none;
}
.team-section .team-style-1 .team-social li a.color-1 {
color: #55acee;
}
.team-section .team-style-1 .team-social li a.color-2 {
color: #dc4e41;
}
.team-section .team-style-1 .team-social li a.color-3 {
color: #1769ff;
}
.team-section .team-style-1:hover .team-social {
opacity: 1;
}
/* - Style 2 */
.team-section .team-style-2 {
position: relative;
}
.team-section .team-style-2 .team-box {
text-align: center;
}
.team-section .team-style-2 .team-box h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
.team-section .team-style-2 .team-box h3::after {
background-color: #d49d19;
content: "";
position: absolute;
width: 80px;
height: 4px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.team-section .team-style-2 .team-box p {
color: #737373;
font-size: 14px;
}
.team-section .team-style-2 .team-social {
background-color: #fff;
position: absolute;
left: 0;
right: 0;
top: 0;
padding: 80px 0;
margin: 40px;
opacity: 0;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.team-section .team-style-2 .team-social ul {
padding-left: 0;
list-style: none;
margin-bottom: 0;
text-align: center;
}
.team-section .team-style-2 .team-social ul li {
margin-right: 30px;
display: inline-block;
}
.team-section .team-style-2 .team-social ul li:last-child {
margin-right: 0;
}
.team-section .team-style-2 .team-social li a {
font-size: 14px;
text-decoration: none;
}
.team-section .team-style-2 .team-social li a.color-1 {
color: #55acee;
}
.team-section .team-style-2 .team-social li a.color-2 {
color: #dc4e41;
}
.team-section .team-style-2 .team-social li a.color-3 {
color: #1769ff;
}
.team-section .team-style-2:hover .team-social {
opacity: 1;
}
/* - Style 3 */
.team-section .col-md-6 {
margin-bottom: 50px;
}
.team-section .team-style-3 {
position: relative;
}
.team-section .team-style-3 .team-content {
position: absolute;
top: 20px;
right: 30px;
text-align: right;
}
.team-section .team-style-3 .team-content h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 20px;
margin-top: 5px;
margin-bottom: 20px;
text-transform: uppercase;
}
.team-section .team-style-3 .team-content h3::after {
background-color: #d49d19;
content: "";
position: absolute;
width: 80px;
height: 4px;
bottom: 0;
right: 0;
}
.team-section .team-style-3 .team-content p {
color: #fff;
font-size: 14px;
}
/* - Style 4 */
.team-section .team-style-4 {
position: relative;
}
.team-section .team-style-4 .team-box {
text-align: left;
}
.team-section .team-style-4 .team-box h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
.team-section .team-style-4 .team-box h3::after {
background-color: #d49d19;
content: "";
position: absolute;
width: 80px;
height: 4px;
bottom: 0;
left: 0;
}
.team-section .team-style-4 .team-box p {
color: #737373;
font-size: 14px;
}
.team-section .team-style-4 .team-social {
background-color: transparent;
border: 2px solid #d49d19;
position: absolute;
left: 0;
right: 0;
top: 0;
padding: 80px 0;
margin: 40px;
opacity: 0;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.team-section .team-style-4 .team-social ul {
padding-left: 0;
list-style: none;
margin-bottom: 0;
text-align: center;
}
.team-section .team-style-4 .team-social ul li {
margin-right: 30px;
display: inline-block;
}
.team-section .team-style-4 .team-social ul li:last-child {
margin-right: 0;
}
.team-section .team-style-4 .team-social li a {
font-size: 14px;
text-decoration: none;
}
.team-section .team-style-4 .team-social li a.color-1 {
color: #55acee;
}
.team-section .team-style-4 .team-social li a.color-2 {
color: #dc4e41;
}
.team-section .team-style-4 .team-social li a.color-3 {
color: #1769ff;
}
.team-section .team-style-4:hover .team-social {
opacity: 1;
}
/* - Team Page */
.awesome-team .section-title h3 {
text-transform: capitalize;
}
.team-testi .block-title h5 {
margin-bottom: 45px;
}
/* - Home3: Team Section */
.home3-team-section {
background: url("../images/team/home3-teambg.jpg");
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.home3-team-section::before {
background-color: rgba(255, 255, 255, 0.95);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.home3-team-section .section-header h3 {
padding: 0;
margin: 5px 0 0;
font-weight: 700;
color: #332c25;
line-height: 45px;
}
.home3-team-section .section-header h3::before {
width: 0;
}
.home3-team-section.team-section .team-style-1 .team-social {
border: none;
}
.home3-team-section.team-section .team-style-1 .team-social {
padding: 0;
margin: 0;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
background-color: transparent;
transform: translate(0, -50%);
}
.home3-team-section.team-section .team-style-1 .team-box {
position: relative;
}
.home3-team-section.team-section .team-style-1:hover .team-box::before {
background-color: rgba(255, 255, 255, 0.95);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.home3-team-section.team-section .team-style-1 h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 24px;
position: relative;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
.home3-team-section.team-section .team-style-1 h3::after {
background-color: #d49d19;
content: "";
position: absolute;
width: 80px;
height: 4px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.home3-team-section.team-section .team-style-1 p {
color: #737373;
text-align: center;
font-size: 14px;
}
/* - Testimonials Section */
/* - Style 1 */
.testimonials-section .testimonial-style-1 {
margin-bottom: 50px;
}
.testimonials-section .testimonial-style-1 .testimonial-content {
text-align: center;
}
.testimonials-section .testimonial-style-1 .testimonial-content p {
color: #737373;
font-size: 14px;
line-height: 28px;
padding: 0 25px;
margin-bottom: 20px;
}
.testimonials-section .testimonial-style-1 .testimonial-content img {
border-radius: 100%;
width: auto;
margin: 0 auto;
}
.testimonials-section .testimonial-style-1 .testimonial-content h3 {
color: #332c25;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
/* - Style 2 */
.testimonials-section .testimonial-style-2 .testimonial-content {
position: relative;
padding-left: 130px;
padding-top: 20px;
}
.testimonials-section .testimonial-style-2 .testimonial-content img {
position: absolute;
left: 0;
top: 0;
width: auto;
}
.testimonials-section .testimonial-style-2 .testimonial-content h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 15px;
margin-top: 0;
text-transform: uppercase
}
.testimonials-section .testimonial-style-2 .testimonial-content h3::after {
background-color: #d49d19;
content: "";
width: 80px;
height: 4px;
left: 0;
bottom: 0;
position: absolute;
}
.testimonials-section .testimonial-style-2 .testimonial-content span {
color: #737373;
font-size: 12px;
text-transform: uppercase;
}
.testimonials-section .testimonial-style-2 .testimonial-content p.testi-paragraph {
background-color: #fff;
display: inline-block;
line-height: 28px;
padding: 20px 30px 30px 30px;
margin-bottom: 0;
margin-left: -30px;
margin-top: 17px;
}
/* - Testimonials Section 1 */
.testimonials-section-1 {
background-image: url("../images/testimonials/testimonial-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.testimonials-section-1::before {
background-color: rgba(153, 134, 117, 0.3);
content: "";
display: inline-block;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
.testimonials-section-1 .carousel-content {
text-align: center;
}
.testimonials-section-1 .carousel-content p {
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 30px;
padding: 0 15px;
margin-bottom: 30px;
}
.testimonials-section-1 .carousel-content h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-top: 35px;
margin: 0;
text-transform: uppercase;
}
.testimonials-section-1 .carousel-content h3::before {
background-color: #d49d19;
content: "";
left: 0;
right: 0;
top: 0;
margin: 0 auto;
width: 80px;
height: 4px;
position: absolute;
}
/* - Testimonials Section 2 */
.testimonials-section-2 .testimonial-content {
border: 2px solid #c9c0b7;
padding: 45px;
text-align: right;
}
.testimonials-section-2 .testimonial-content p {
color: #4c4c4c;
line-height: 28px;
font-size: 16px;
margin-bottom: 60px;
}
.testimonials-section-2 .testimonial-content h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-top: 10px;
text-transform: uppercase;
}
.testimonials-section-2 .testimonial-content h3::before {
background-color: #d49d19;
content: "";
right: 0;
top: 0;
position: absolute;
width: 80px;
height: 4px;
}
/* - About Testimonials */
.about-testimonials::before {
background-color: rgba(153, 134, 117, 0.75);
}
.about-testimonials::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
z-index: 1;
background-color: rgb(255, 255, 255);
mix-blend-mode: saturation;
}
.about-testimonials .item {
z-index: 2;
}
/* - Home 11 */
.testimonials-section-1.home11-testi {
background-color: #3f51b5;
background-image: none;
}
.testimonials-section-1.home11-testi::before {
background-color: rgba(63, 81, 181, 1);
}
/* - Home 13 */
.home13-testi::after {
background-color: rgba(255, 255, 255,0.8);
bottom: 0;
content: "";
display: inline-block;
left: 0;
mix-blend-mode: normal;
position: absolute;
right: 0;
top: 0;
}
.testimonials-section-1.home13-testi {
border-bottom: 2px solid #d8d4d1;
border-top: 2px solid #d8d4d1;
}
.testimonials-section-1.home13-testi .item {
z-index: 2;
}
.testimonials-section-1.home13-testi .carousel-content p {
color: #737373;
}
.testimonials-section-1.home13-testi .carousel-content h3{
color: #332c25;
}
/* - Vertical Progress */
.vertical-progress.col-md-6 {
margin-bottom: 50px;
}
.vertical-progress.col-md-6:nth-child(2n+1) {
clear: left;
}
/* - Style 1 */
.vertical-skill-section-1 .bars {
height: 170px;
background-color: #d8d4d1;
position: relative;
display: inline-block;
width: 100%;
}
.vertical-skill-section-1 .bars .bar {
background-color: #746455;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.vertical-skill-section-1 .col-md-2 h4 {
color: #332c25;
font-size: 12px;
text-transform: uppercase;
}
.vertical-skill-section-1 .col-md-2 h4 > span {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
display: block;
margin-bottom: 3px;
}
.vertical-skill-section-1 .col-md-2 span::after {
content: "%";
}
/* - Style 2 */
.vertical-skill-section-2 .bars {
height: 170px;
background-color: #d8d4d1;
position: relative;
display: inline-block;
width: 100%;
}
.vertical-skill-section-2 .bars .bar {
background-image: url("../images/vertical-skill-bg.jpg");
background-position: left center;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.vertical-skill-section-2 .col-md-4:nth-child(2) .bars .bar {
background-position: center center;
}
.vertical-skill-section-2 .col-md-4:nth-child(3) .bars .bar {
background-position: right center;
}
.vertical-skill-section-2 .bars .bar::before {
background-color: rgba(116,100,85,0.85);
background-blend-mode: luminosity;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
z-index: 1;
}
.vertical-skill-section-2 .col-md-4 h4 {
color: #746455;
font-size: 12px;
text-transform: uppercase;
}
.vertical-skill-section-2 .col-md-4 > span {
left: 30px;
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
display: block;
position: absolute;
margin-bottom: 3px;
top: 65%;
z-index: 1;
}
.vertical-skill-section-2 .col-md-4 span::after {
content: "%";
}
/* - Style 3 */
.vertical-skill-section-3 .bars {
height: 170px;
background-color: transparent;
position: relative;
display: inline-block;
width: 10px;
}
.vertical-skill-section-3 .bars .bar {
background-color: #d49d19;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.vertical-skill-section-3 .col-md-2 h4 {
color: #998675;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
.vertical-skill-section-3 .col-md-2 span {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: absolute;
bottom: 0;
padding-left: 10px;
-webkit-transition: all 1.8s ease 0s;
-moz-transition: all 1.8s ease 0s;
-o-transition: all 1.8s ease 0s;
transition: all 1.8s ease 0s;
}
.vertical-skill-section-3 .col-md-2 span::after {
content: "%";
}
/* - Style 4 */
.vertical-skill-section-4 .bars {
height: 170px;
background-color: transparent;
position: relative;
display: inline-block;
width: 100%;
}
.vertical-skill-section-4 .bars .bar {
border: 2px solid #746455;
background-color: transparent;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.vertical-skill-section-4 .col-md-4 h4 {
color: #746455;
font-size: 12px;
position: absolute;
bottom: 10px;
left: 30px;
text-transform: uppercase;
}
.vertical-skill-section-4 .col-md-4 h4 > span {
color: #746455;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
display: block;
margin-top: 8px;
}
.vertical-skill-section-4 .col-md-4 span::after {
content: "%";
}
/* - Home 14 */
.home14-content-section .vertical-progress.col-md-6 {
margin-bottom: 0;
margin-top: 70px;
}
/* - Video Section */
.video-section {
position: relative;
}
.video-section iframe {
width: 100%;
height: 973px;
border: none;
}
.video-section .video-section-content {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.video-section .block-title h5 {
color: #fff;
margin-bottom: 10px;
}
.video-section .video-section-content h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 64px;
margin-top: 0;
margin-bottom: 30px;
text-transform: uppercase;
}
.video-section .video-section-content a {
border: 2px solid #b39c88;
color: #a6917e;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 14px 40px;
margin-right: 15px;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.video-section .video-section-content a:hover {
border-color: #fff;
color: #fff;
}
/* - Video Presentation */
.video-presentation .col-md-6 {
margin-bottom: 50px;
}
.video-presentation .video-block.video-vimeo iframe {
width: 100%;
height: 336px;
border: none;
}
.video-presentation .video-block h3 {
color: #332c25;
position: relative;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
padding-bottom: 20px;
text-transform: uppercase;
margin-bottom: 0;
}
.video-presentation .video-block h3::after {
background-color: #d49d19;
content: "";
left: 0;
bottom: 0;
width: 80px;
height: 4px;
position: absolute;
}
/* - Video Presentation Fullwidth */
.video-presentation-fullwidth {
background-image: url("../images/video/video-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 100px 0;
position: relative;
text-align: center;
z-index: 2;
}
.home1-video {
background-image: url("");
}
.home1-video::before {
background-color: rgba(255,255,255,0.6);
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
mix-blend-mode: saturation;
}
.video-presentation-fullwidth h3 {
color: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 64px;
font-weight: 700;
position: relative;
padding-bottom: 20px;
text-transform: uppercase;
}
.video-presentation-fullwidth:not(.home1-video) h3::after {
background-color: #d49d19;
content: "";
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
width: 80px;
height: 4px;
}
.video-presentation-fullwidth a {
border: 2px solid #998675;
color: #998675;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 12px 40px;
margin-top: 15px;
text-decoration: none;
text-transform: uppercase;
position: relative;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.home1-video.video-presentation-fullwidth h3 {
font-weight: 400;
}
.home1-video a {
border-color: #d49d19;
color: #d49d19;
}
.video-presentation-fullwidth a:hover {
border-color: #fff;
color: #fff;
}
/* - Video Vimeo Bg */
.video-vimeo-bg iframe {
height: 690px;
width: 100%;
border: none;
}
/* - Home 15 */
.video-presentation-fullwidth.home15-video-presentation {
background-image: url("../images/video/video-bg-1.jpg");
}
.video-presentation-fullwidth.home15-video-presentation::before {
background-color: rgba(255,255,255,0.5);
mix-blend-mode: saturation;
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.video-presentation-fullwidth.home15-video-presentation h3 {
font-size: 48px;
padding-bottom: 0;
}
.home15-video-presentation h3::after {
display: none;
}
.video-presentation-fullwidth.home15-video-presentation a {
border: none;
background-color: #746455;
color: #fff;
}
/* - Home2: Video Presentation */
.home2-video.video-presentation-fullwidth {
background-image: url("../images/home/home2-video.jpg");
position: relative;
padding: 151px 0 178px;
}
.home2-video.video-presentation-fullwidth::before {
background-color: #fff;
mix-blend-mode: saturation;
position: absolute;
display: inline-block;
content: "";
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.home2-video.video-presentation-fullwidth::after {
background-color: rgba(51,44,37,0.6);
position: absolute;
display: inline-block;
content: "";
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 1;
}
.home2-video.video-presentation-fullwidth .container {
position: relative;
z-index: 2;
}
.home2-video.video-presentation-fullwidth h3 {
font-size: 48px;
line-height: 55px;
text-align:left;
margin-bottom: 0;
padding-bottom: 0;
font-weight: 400;
}
.home2-video.home2-video a {
float: right;
}
/* - Home3: Video Presentation */
.home3-video.video-presentation-fullwidth {
background-image: url("../images/video/video-bg-3.jpg");
padding: 100px 0 132px;
}
.home3-video.video-presentation-fullwidth:not(.home1-video) h3::after{
width: 0;
}
.home3-video.video-presentation-fullwidth a:hover {
border-color: #d49d19;
color: #d49d19;
}
/* - Home 11 */
.video-presentation-fullwidth.home11-video {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
background-image: url("../images/video/video-bg-2.jpg");
padding: 285px 0;
}
.video-presentation-fullwidth.home11-video a {
border: none;
}
.video-presentation-fullwidth.home11-video i {
color: #cf4900;
font-size: 128px;
}
.map {
position: relative;
}
.map-section .page-title {
font-size: 48px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
color: #332c25;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
}
.map-section .google_map-title {
font-size: 24px;
color: #332c25;
margin-top: 45px;
margin-bottom: 20px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
}
/* - Layout 1 */
.map-layout1 .map-canvas {
height: 600px;
}
.map-layout1 .map-description {
position: absolute;
left: 15px;
right: 15px;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
max-width: 470px;
margin: 0 auto;
background-image: url(../images/googlemap-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
padding: 32px 40px;
z-index: 1;
}
.map-layout1 .map-description::before {
background-color: rgba(26,15,10,0.9);
mix-blend-mode: multiply;
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
z-index: -1;
}
.map-layout1 .map-description::after {
border-top: 24px solid rgba(26,15,10,0.9);
border-right: 24px solid transparent;
content: "";
height: 24px;
width: 24px;
position: absolute;
left: 0;
bottom: -23px;
display: inline-block;
}
.map-layout1 .map-description h5 {
font-size: 24px;
color: #fff;
text-transform: uppercase;
margin: 0;
font-family: 'Montserrat', sans-serif;
}
.map-layout1 .map-description h5 span {
color: #8c7966;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
display: block;
padding-top: 15px;
}
/* - Layout 2 */
.map-layout2 .map-canvas {
height: 600px;
}
.map-layout2 .map-description {
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.map-layout2 .map-description .map-detail-block {
background-color: #fff;
display: inline-block;
width: 100%;
min-height: 120px;
padding: 32px 40px 32px 147px;
position: relative;
}
.map-layout2 .map-description .map-detail-block img {
position: absolute;
left: 0;
top: 0;
}
.map-layout2 .map-description .map-detail-block h5 {
font-size: 24px;
color: #332c25;
text-transform: uppercase;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
}
.map-layout2 .map-description .map-detail-block h5 span {
color: #8c7966;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
display: block;
padding-top: 15px;
font-weight: normal;
}
/* - Layout 3 */
.map-layout3 .map-canvas {
height: 600px;
}
.map-layout3 .map-description,
.map-layout3 .map-description .container {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.map-layout3 .map-description .container .map-detail-block {
background-image: url("../images/googlemap-3.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
bottom: 0;
position: absolute;
right: 0;
top: 0;
}
.map-layout3 .map-description .container .map-detail-block::before {
background-color: rgba(255,255,255,0.95);
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
}
.map-layout3 .map-description .map-detail-block h5 {
font-size: 24px;
color: #332c25;
text-transform: uppercase;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
position: relative;
padding: 100px;
}
.map-layout3 .map-description .map-detail-block h5 span {
padding-top: 25px;
display: block;
}
.map-layout3 .map-description .map-detail-block h5 a,
.map-layout3 .map-description .map-detail-block h5 span {
color: #8c7966;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
text-transform: capitalize;
font-weight: normal;
line-height: 24px;
}
.map-layout3 .map-description .map-detail-block > a {
color: #998675;
font-size: 12px;
text-transform: uppercase;
line-height: 24px;
position: absolute;
bottom: 100px;
left: 100px;
}
/* - Layout 4 */
.map-layout4 .map-canvas {
height: 400px;
}
.container .map-layout4 {
position: relative;
}
.map-layout4 .googlemap-image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
/* - Icon Progress Section:: Layout1 */
.icon-progress.layout1 {
margin-bottom: 35px;
}
.icon-progress.layout1 .block-title h5,
.icon-progress.layout1 .block-title {
margin-bottom: 3px;
}
.icon-progress.layout1 .progress-box {
display: inline-block;
width: 100%;
line-height: 8px;
}
.icon-progress.layout1 .progress-box .progress {
background-color: transparent;
border-radius: 0;
box-shadow: none;
overflow: hidden;
position: relative;
height: 30px;
margin-bottom: 0;
margin-top: -2px;
}
.icon-progress.layout1 .progress span {
text-align:left;
}
.icon-progress.layout1 .progress span i {
color: rgba(153,134,117,0.5);
font-size: 16px;
line-height: 30px;
margin-right: 18px;
}
.icon-progress.layout1 .progress span i:last-of-type {
margin-right: 0;
}
.icon-progress.layout1 .progress .progress-bar {
background-color: transparent;
color: #d49d19;
position: absolute;
left: 0;
top: 0;
width: 0;
overflow: hidden;
z-index: 2;
height: 30px;
box-shadow: none;
}
.icon-progress .progress .progress-bar {
transition: all 2s ease 0s;
-webkit-transition: all 2s ease 0s;
-moz-transition: all 2s ease 0s;
-o-transition: all 2s ease 0s;
}
.icon-progress.layout1 .progress-box .progress-bar i {
color: #d49d19;
}
.icon-progress.layout1 .progress-box span {
font-size: 0;
}
.icon-progress.layout1 .progress-box h3 {
color: #998675;
font-size: 12px;
text-transform: uppercase;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
margin: 0;
}
/* - Icon Progress Section:: Layout2 */
.icon-progress.layout2 {
margin-bottom: 35px;
}
.icon-progress.layout2 .block-title h5,
.icon-progress.layout2 .block-title {
margin-bottom: 0;
}
.icon-progress.layout2 .progress-box {
display: inline-block;
width: 100%;
line-height: 8px;
}
.icon-progress.layout2 .progress-box .progress {
background-color: transparent;
border-radius: 0;
box-shadow: none;
overflow: hidden;
position: relative;
height: 30px;
margin-bottom: 0;
margin-top: -2px;
}
.icon-progress.layout2 .progress span {
text-align:left;
}
.icon-progress.layout2 .progress span i {
color: rgba(153,134,117,0.5);
font-size: 16px;
line-height: 30px;
margin-right: 18px;
}
.icon-progress.layout2 .progress span i:last-of-type {
margin-right: 0;
}
.icon-progress.layout2 .progress .progress-bar {
background-color: transparent;
color: #746455;
position: absolute;
left: 0;
top: 0;
width: 0;
overflow: hidden;
z-index: 2;
height: 30px;
box-shadow: none;
}
.icon-progress.layout2 .progress-box .progress-bar i {
color: #746455;
}
.icon-progress.layout2 .progress-box span {
font-size: 0;
}
.icon-progress.layout2 .progress-box h3 {
color: #998675;
font-size: 12px;
text-transform: uppercase;
line-height: 30px;
font-family: 'Open Sans', sans-serif;
margin: 0;
}
/* - Icon Progress Section:: Layout3 */
.icon-progress.layout3 .block-title h5,
.icon-progress.layout3 .block-title {
margin-bottom: 9px;
}
.icon-progress.layout3 .progress-box .progress {
background-color: transparent;
border-radius: 0;
box-shadow: none;
height: 32px;
margin-bottom: 4px;
overflow: hidden;
position: relative;
}
.icon-progress.layout3 .progress span {
display: inline-block;
width: 100%;
position: relative;
z-index: 2;
}
.icon-progress.layout3 .progress span i {
color: #fff;
font-size: 16px;
line-height: 30px;
margin-right: 18px;
position: relative;
z-index: 1;
}
.icon-progress.layout3 .progress span i:first-of-type {
padding-left: 12px;
}
.icon-progress.layout3 .progress span i:last-of-type {
margin-right: 0;
}
.icon-progress.layout3 .progress-box .progress-bar {
background: url("../images/progressbar/progressbar-style3-bg.jpg");
width: 100%;
color: #fff;
position: absolute;
left: 0;
top: 0;
width: 0;
overflow: hidden;
z-index: 1;
height: 32px;
text-align: left;
}
.icon-progress.layout3 .progress-box .progress-bar::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(51,44,37,0.9);
}
.icon-progress.layout3 .progress-box > span{
display: none;
}
.icon-progress.layout3 .progress-box h3 {
color: #998675;
font-size: 12px;
text-transform: uppercase;
line-height: 18px;
font-family: 'Open Sans', sans-serif;
margin: 0 0 18px;
}
/* - Icon Progress Section:: Layout4 */
.icon-progress.layout4 .block-title h5,
.icon-progress.layout4 .block-title {
margin-bottom: 4px;
}
.icon-progress.layout4 .progress-box .progress {
background-color: transparent;
border-radius: 0;
box-shadow: none;
height: 32px;
margin-bottom: 10px;
margin-top: 0;
overflow: hidden;
position: relative;
}
.icon-progress.layout4 .progress-box:last-of-type .progress {
margin-bottom: 0;
}
.icon-progress.layout4 .progress span {
display: inline-block;
width: 100%;
}
.icon-progress.layout4 .progress span i {
color: #998675;
font-size: 16px;
line-height: 30px;
margin-right: 8px;
}
.icon-progress.layout4 .progress span i:last-of-type {
margin-right: 0;
}
.icon-progress.layout4 .progress-box .progress-bar {
background-color: transparent;
color: #998675;
position: absolute;
left: 0;
top: 0;
width: 0;
overflow: hidden;
z-index: 2;
height: 32px;
box-shadow: none;
text-align: left;
}
.icon-progress.layout4 .progress-box .progress-bar i {
color: #998675;
width: 32px;
height: 32px;
display: inline-block;
text-align: center;
line-height: 32px;
border: 1px solid #998675;
}
.icon-progress.layout4 .progress-box > span{
display: none;
}
.icon-progress.layout4 .progress-box h3 {
color: #998675;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
line-height: 30px;
font-family: 'Montserrat', sans-serif;
margin: 0 0 3px;
display: inline-block;
width: 100%;
}
/* - ImageGallery Layout1:: GrayScale:: 1 */
.grayscale1.image_gallery-layout1 .img-box img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.grayscale1.image_gallery-layout1 .img-box img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* - ImageGallery Layout2:: GrayScale:: 2 */
.grayscale2.image_gallery-layout2 .img-box img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.grayscale2.image_gallery-layout2 .img-box img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* - ImageGallery Layout3:: GrayScale:: 3 */
.grayscale3.image_gallery-layout3 .img-box img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.grayscale3.image_gallery-layout3 .img-box img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.grayscale3.image_gallery-layout3 .img-box::before {
bottom: 12px;
top: 12px;
left: 12px;
right: 12px;
}
/* - ImageGallery Layout4:: GrayScale:: 4 */
.grayscale4.image_gallery-layout4 a {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.grayscale4.image_gallery-layout4 a:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.grayscale4.image_gallery-layout4 .gallery-masonry-list {
max-width: 100%;
margin: 0 auto;
}
.grayscale4.image_gallery-layout4 .gallery-masonry-box {
margin-bottom: 0;
}
.grayscale4.image_gallery-layout4 .gallery-masonry-box.wide {
width: 33.3334%;
}
/* - ImageGallery Layout1 */
.image_gallery-layout1 {
margin-bottom: 42px;
}
.image_gallery-layout1 .block-title {
margin-bottom: 7px;
}
.image_gallery-layout1 a {
position: relative;
float: left;
width: 100%;
}
.image_gallery-layout1 a::before {
position: absolute;
content: "";
border: 10px solid #fff;
left: -10px;
right: -10px;
top: -10px;
bottom: -10px;
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.35);
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
}
.image_gallery-layout1 a:hover::before {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform:scale(1);
-ms-transform: scale(1);
}
.image_gallery-layout1 .img-box {
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
overflow: hidden;
float: left;
width: 100%;
}
.image_gallery-layout1 a:hover {
z-index: 1;
}
.image_gallery-layout1 a .img-box img {
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.image_gallery-layout1 a:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
}
/* - ImageGallery Layout2 */
.image_gallery-layout2 {
display: inline-block;
width: 100%;
margin-bottom: 42px;
}
.image_gallery-layout2 .block-title {
margin-bottom: 7px;
}
.image_gallery-layout2 .img-box {
box-sizing: border-box;
position: relative;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
overflow: hidden;
}
.image_gallery-layout2 .img-box::before {
background-color: rgba(51, 44, 37, 0.25);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.35);
}
.image_gallery-layout2 .img-box img {
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.image_gallery-layout2 .img-box:hover img {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
}
.image_gallery-layout2 .img-box:hover::before {
background-color: rgba(51, 44, 37, 0);
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.35);
}
/* - ImageGallery Layout3 */
.image_gallery-layout3 {
overflow-x: hidden;
margin-bottom: 5px;
}
.image_gallery-layout3 .block-title {
margin-bottom: 7px;
}
.image_gallery-layout3 .img-box {
margin-bottom: 30px;
position: relative;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.image_gallery-layout3 .img-box::before {
background-color: rgba(212, 157, 25, 0.25);
bottom: 22px;
content: "";
display: inline-block;
left: 22px;
position: absolute;
right: 22px;
top: 22px;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
z-index: 1;
}
.image_gallery-layout3 .img-box:hover::before {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}
.image_gallery-layout3 .img-box img {
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.image_gallery-layout3 .img-box:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
}
/* - ImageGallery Layout4 */
.image_gallery-layout4 .block-title {
margin-bottom: 7px;
}
.image_gallery-layout4 .gallery-masonry-list {
max-width: 100%;
margin: 0 auto;
}
.image_gallery-layout4 .gallery-masonry-list .gallery-masonry-box.wide {
width: 33.334%;
}
.image_gallery-layout4 .gallery-masonry-box {
margin-bottom: 30px;
}
.image_gallery-layout4 .gallery-masonry-box a {
position: relative;
float: left;
width: 100%;
}
.image_gallery-layout4 .gallery-masonry-box a::before {
position: absolute;
content: "";
left: 30px;
right: 30px;
top: 30px;
bottom: 30px;
border: 2px solid #fff;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
}
.image_gallery-layout4 .gallery-masonry-box a:hover::before {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
}
.image_gallery-layout4 .gallery-masonry-box a::after {
content: "";
background: url("../images/img-gallery/img-zoom.png");
background-repeat: no-repeat;
width: 32px;
height: 32px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
opacity: 0;
}
.image_gallery-layout4 .gallery-masonry-box a:hover::after {
top: 50%;
opacity: 1;
}
/* - Expandable Background */
.expandable-style {
margin-bottom: 5px;
}
/* - Style 1 */
.expandable-style-1 .panel-group .panel-default {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
.expandable-style-1 .panel-group .panel-default::before {
background-color: rgba(51, 44, 37, 0.5);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-blend-mode: color-dodge;
}
.expandable-style-1 .panel-group {
margin-bottom: 0;
}
.expandable-style-1 .panel-group .panel{
background-color: transparent;
border-radius: 0;
margin-bottom: 0;
padding: 40px 14px;
box-shadow: none;
border: none;
}
.expandable-style-1 .panel-default > .panel-heading {
background-color: transparent;
}
.expandable-style-1 .panel-title a {
position: relative;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #fff;
display: inline-block;
padding-left: 32px;
text-decoration: none;
width: 100%;
text-transform: uppercase;
}
.expandable-style-1 .panel-title a::after {
content: "\f0d7";
color: #fff;
font-family: "FontAwesome";
font-style: normal;
position: absolute;
left: 0;
}
.expandable-style-1 .panel-title a.collapsed::after {
content: "\f0da";
color: #fff;
}
.expandable-style-1 .panel-group .panel-heading + .panel-collapse > .panel-body {
padding-left: 0;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
padding-top: 20px;
padding-left: 50px;
padding-bottom: 0;
line-height: 28px;
position: relative;
}
.expandable-style-1 .panel-group .panel-heading + .panel-collapse > .list-group,
.expandable-style-1 .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
/* - Style 2 */
.expandable-style-2 .panel-group .panel-default {
background-repeat: repeat;
background-position: top center;
background-size: cover;
position: relative;
z-index: 1;
}
.expandable-style-2 .panel-group .panel-default.act {
background-size: 0;
background-color: #fff;
}
.expandable-style-2 .panel-group .panel-default::before {
background-color: rgba(116, 100, 85, 0.75);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-blend-mode: color-dodge;
z-index: -1;
}
.expandable-style-2 .panel-group .panel-default.act::before {
opacity: 0;
}
.expandable-style-2 .panel-group {
margin-bottom: 0;
}
.expandable-style-2 .panel-group .panel {
background-color: #fff;
border-radius: 0;
margin-bottom: 0;
margin-top: 0;
box-shadow: none;
border: none;
}
.expandable-style-2 .panel-default > .panel-heading {
background-color: transparent;
padding: 25px 40px;
display: inline-block;
width: 100%;
}
.expandable-style-2 .panel-default.act > .panel-heading {
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
}
.expandable-style-2 .panel-title a {
position: relative;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #332c25;
display: inline-block;
padding-left: 32px;
text-decoration: none;
width: 100%;
text-transform: uppercase;
text-align: right;
}
.expandable-style-2 .panel-title a.collapsed {
color: #fff;
}
.expandable-style-2 .panel-title a::after {
content: "\f0d7";
color: #332c25;
font-family: "FontAwesome";
font-style: normal;
position: absolute;
left: 0;
}
.expandable-style-2 .panel-title a.collapsed::after {
content: "\f0da";
color: #fff;
}
.expandable-style-2 .panel-group .act .panel-heading + .panel-collapse > .panel-body {
padding-left: 0;
color: #332c25;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
padding-top: 20px;
padding-left: 50px;
padding-bottom: 20px;
line-height: 28px;
text-align: right;
}
.expandable-style-2 .panel-group .panel-heading + .panel-collapse > .list-group,
.expandable-style-2 .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
/* - Style 3 */
.expandable-style-3 .panel-group {
margin-bottom: 0;
border-top: 2px solid #746455;
}
.expandable-style-3 .panel-group:last-child {
border-bottom: 2px solid #746455;
}
.expandable-style-3 .panel-group .panel-default {
margin-bottom: 0;
padding: 45px 0;
width: 100%;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 0;
position: relative;
}
.expandable-style-3 .panel-group .panel-default.act {
background-size: cover;
}
.expandable-style-3 .panel-group .panel-default.act::before {
background-color: rgba(51, 44, 37, 0.5);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-blend-mode: color-dodge;
}
.expandable-style-3 .panel-group .panel {
border-radius: 0;
margin-bottom: 0;
box-shadow: none;
border: none;
position: relative;
}
.expandable-style-3 .panel-default .panel-heading {
padding: 0;
width: 100%;
}
.expandable-style-3 .panel-default .panel-heading .panel-title {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
text-transform: uppercase;
}
.expandable-style-3 .panel-default .panel-heading .panel-title a {
position: relative;
color: #fff;
text-decoration: none;
padding-left: 100px;
padding-bottom: 25px;
padding-top: 25px;
display: inline-block;
width: 100%;
}
.expandable-style-3 .panel-default .panel-heading .panel-title a.collapsed {
background-color: transparent;
color: #746455;
}
.expandable-style-3 .panel-default .panel-heading .panel-title a::before {
border: 2px solid #fff;
position: absolute;
content: "";
font-family: "FontAwesome";
left: 0;
top: 0;
font-size: 20px;
font-weight: 300;
color: #746455;
background-color: transparent;
display: inline-block;
width: 70px;
bottom: 0;
text-align: center;
}
.expandable-style-3 .panel-default .panel-heading .panel-title a::after {
content: "\f068";
font-family: "FontAwesome";
position: absolute;
left: 0;
width: 70px;
text-align: center;
color: #fff;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.expandable-style-3 .panel-default .panel-heading .panel-title a.collapsed::before {
border: 2px solid #746455;
background-color: transparent;
position: absolute;
}
.expandable-style-3 .panel-default .panel-heading .panel-title a.collapsed::after {
content: "\f067";
color: #746455;
}
.expandable-style-3 .panel-body {
display: inline-block;
font-size: 16px;
color: #fff;
line-height: 28px;
position: relative;
}
.expandable-style-3 .panel-group .panel-heading + .panel-collapse > .list-group,
.expandable-style-3 .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
.expandable-style-3 .panel-default .panel-heading + .panel-collapse > .panel-body{
padding: 20px 0 0 100px;
}
/* - Style 4 */
.expandable-style-4 .panel-group {
margin-bottom: 0;
}
.expandable-style-4 .panel {
background-repeat: repeat;
background-position: center center;
background-size: cover;
position: relative;
padding: 45px 0 10px;
z-index: 1;
border-radius: 0;
margin-bottom: 0;
box-shadow: none;
border: none;
text-align: center;
}
.expandable-style-4 .panel::before {
background-color: rgba(51, 44, 37, 0.5);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
mix-blend-mode: multiply;
z-index: -1;
}
.expandable-style-4 .panel-default > .panel-heading {
background-color: transparent;
}
.expandable-style-4 .panel-title a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
color: #fff;
display: inline-block;
margin-bottom: 25px;
text-decoration: none;
width: 100%;
text-transform: uppercase;
}
.expandable-style-4 .panel-group .panel-heading + .panel-collapse > .panel-body {
padding-left: 80px;
padding-right: 80px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
padding-top: 50px;
padding-bottom: 0;
position: relative;
line-height: 28px;
margin-bottom: 30px;
}
.expandable-style-4 .panel-group .panel-heading + .panel-collapse > .panel-body::before {
background-color: #d49d19;
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
margin: 0 auto;
width: 50px;
height: 4px;
}
.expandable-style-4 .panel-group .panel-heading + .panel-collapse > .list-group,
.expandable-style-4 .panel-group .panel-heading + .panel-collapse > .panel-body {
border-top: none;
}
/* - Tables */
.table-style.col-md-6 {
margin-bottom: 30px;
}
.table-style.col-md-6:nth-child(2n+1) {
clear: left;
}
/* - Style 1 */
.table-style-1.table-striped thead {
background-color: #332c25;
color: #fff;
}
.table-style-1.table-striped > thead > tr > th {
border-bottom: none;
font-weight: 700;
padding: 25px 0 25px 40px;
text-transform: uppercase;
}
.table-style-1.table-striped tbody {
border-bottom: 2px solid #332c25;
}
.table-style-1.table-striped tbody tr th {
color: #332c25;
font-size: 16px;
font-weight: normal;
padding: 18px 0 18px 40px;
}
.table-style-1.table-striped tbody tr td {
font-size: 16px;
color: #332c25;
padding: 18px 0 18px 40px;
}
.table-style-1.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color: #fff;
}
/* - Style 2 */
.table-style-2.table-bordered > tbody > tr > td,
.table-style-2.table-bordered > tbody > tr > th,
.table-style-2.table-bordered > thead > tr > td,
.table-style-2.table-bordered > thead > tr > th {
border: none;
}
.table-style-2.table-bordered > thead {
background-image: url("../images/table/table-2-bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #fff;
position: relative;
z-index: 1;
}
/* .table-style-2.table-bordered > thead::before {
background-color: rgba(116, 100, 85, 0.6);
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
} */
.table-style-2.table-bordered > thead > tr > th {
border-bottom: none;
font-weight: normal;
font-size: 16px;
padding: 23px 0 23px 40px;
text-transform: capitalize;
}
.table-style-2.table-bordered tbody > tr > td,
.table-style-2.table-bordered > tbody > tr > th {
font-size: 16px;
color: #998675;
padding: 19px 0 18px 0px;
font-weight: normal;
vertical-align: middle;
}
.table-style-2.table-bordered > tbody > tr > th {
border-right: 1px solid #d8d4d1;
text-align: center;
}
.table-style-2.table-bordered tbody > tr > td {
padding-left: 40px;
}
.table-style-2.table-bordered > tbody > tr:nth-of-type(even) {
background-color: #f6f6f6;
}
/* - Style 3 */
.table-style-3.table-striped thead {
border: 2px solid #746455;
background-color: transparent;
color: #746455;
}
.table-style-3.table-striped > thead > tr > th {
border-bottom: none;
font-weight: 700;
padding: 25px 0 25px 40px;
text-transform: uppercase;
}
.table-style-3.table-striped tbody {
border-bottom: 1px solid #ded8d3;
}
.table-style-3.table-striped tbody tr th {
color: #332c25;
font-size: 16px;
font-weight: normal;
padding: 18px 0 18px 40px;
}
.table-style-3.table-striped tbody tr td {
font-size: 16px;
color: #332c25;
padding: 18px 0 18px 40px;
}
.table-style-3.table-striped > tbody > tr:nth-of-type(even) {
background-color: #f5f4f3;
}
/* - Style 4 */
.table-style-4.table-bordered > tbody {
border: 2px solid #746455;
}
.table-style-4.table-bordered > tbody > tr > td,
.table-style-4.table-bordered > tbody > tr > th,
.table-style-4.table-bordered > thead > tr > td,
.table-style-4.table-bordered > thead > tr > th {
border: none;
}
.table-style-4.table-bordered > thead {
border: 2px solid #746455;
background-color: transparent;
color: #746455;
}
.table-style-4.table-bordered > thead > tr > th {
border-bottom: none;
font-weight: 700;
font-size: 14px;
padding: 23px 0 23px 40px;
text-transform: uppercase;
}
.table-style-4.table-bordered tbody > tr > td,
.table-style-4.table-bordered > tbody > tr > th {
font-size: 16px;
color: #998675;
padding: 19px 0 18px 0px;
font-weight: normal;
vertical-align: middle;
}
.table-style-4.table-bordered > tbody > tr > th {
text-align: center;
}
.table-style-4.table-bordered tbody > tr > td {
padding-left: 40px;
}
.table-style-4.table-bordered > tbody > tr:nth-of-type(even) {
background-color: #f6f6f6;
}
/* - ImageSlider Section */
.img-slider-section .section-title h3 {
margin-bottom: 47px
}
/* - ImageSlider Section:: Layout1 */
.image_slider-layout1 {
margin-bottom: 23px;
}
.image_slider-layout1 .block-title {
margin-bottom: 6px;
}
.image_slider-layout1 .block-title h5{
margin-bottom: 21px;
}
.image_slider-layout1 .image_slider-box {
position: relative;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.image_slider-layout1 .image_slider-box::before {
background-color: rgba(0, 0, 0, 0.5);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.image_slider-layout1 .image_slider-box .image_slider-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
width: 100%;
z-index: 2;
}
.image_slider-layout1 .image_slider-box:hover::before {
background-color: rgba(116,100,85,0.5);
border: 1px solid #fff;
bottom: 20px;
left: 20px;
right: 20px;
top: 20px;
z-index: 1;
}
.image_slider-layout1 .image_slider-box .image_slider-content h3 {
color: #fff;
font-size: 16px;
color: #fff;
text-transform: uppercase;
margin: 0;
text-align: center;
font-family: 'Montserrat', sans-serif;
line-height: 30px;
padding-bottom: 15px;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.image_slider-layout1 .image_slider-box:hover .image_slider-content h3 {
transform: scale(1);
-webkit-transform: scale(1);
}
.image_slider-layout1 .image_slider-box .image_slider-content h3::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
width: 50px;
height: 2px;
background-color: #d49d19;
margin: 0 auto;
text-align: center;
}
.image_slider-carousel_1.owl-carousel .owl-item img {
width: auto;
}
.image_slider-carousel_1.owl-theme .owl-controls .owl-nav [class*="owl-"] {
font-size: 0;
margin: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
background-color: transparent;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.image_slider-carousel_1.owl-theme .owl-controls .owl-nav .owl-prev {
background-position: left -50px;
left: 42px;
}
.image_slider-carousel_1.owl-theme .owl-controls .owl-nav .owl-next {
background-position: right -50px;
right: 42px;
}
.image_slider-carousel_1.owl-theme .owl-controls .owl-prev::before,
.image_slider-carousel_1.owl-theme .owl-controls .owl-next::before {
position: relative;
font-size: 30px;
color: #fff;
font-family: "FontAwesome";
}
.image_slider-carousel_1.owl-theme .owl-controls .owl-prev::before {
content: "\f104";
}
.image_slider-carousel_1.owl-theme .owl-controls .owl-next::before {
content: "\f105";
}
/* - ImageSlider Section:: Layout2 */
.image_slider-layout2 {
margin-bottom: 85px;
}
.image_slider-layout2 .block-title {
margin-bottom: 6px;
}
.image_slider-layout2 .block-title h5{
margin-bottom: 21px;
}
.image_slider-layout2 .item.active .col-md-4{
position: relative;
}
.image_slider-layout2 .item.active .col-md-4::before {
position: absolute;
content: "";
background-color: rgba(51,44,37, 0.75);
left: 40px;
right: 40px;
top: 40px;
bottom: 40px;
z-index: 1;
}
.image_slider-layout2 .item .col-md-4:first-of-type::before,
.image_slider-layout2 .item .col-md-4:last-of-type::before {
opacity: 0;
}
.image_slider-layout2 .item .col-md-4:first-of-type .imgslider-content,
.image_slider-layout2 .item .col-md-4:last-of-type .imgslider-content {
display: none;
}
.image_slider-layout2 .imgslider-content {
position: absolute;
top: 50%;
left: 20%;
right: 20%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
padding-top: 20px;
}
.image_slider-layout2 .imgslider-content::before {
position: absolute;
content: "";
background-color: #d49d19;
width: 80px;
height: 4px;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
}
.image_slider-layout2 .imgslider-content p {
color: #fff;
font-size: 14px;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
padding: 0 9%;
text-align: center;
}
.image_slider-layout2 .carousel-control {
position: absolute;
top: 63.5%;
left: 0;
right: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
box-shadow: none;
width: 0;
background-color: transparent;
text-shadow: none;
background-image: none;
font-size: 24px;
z-index: 1;
background-repeat: no-repeat;
opacity: 1;
z-index: 2;
}
.image_slider-layout2 .left.carousel-control{
left: 50px;
}
.image_slider-layout2 .right.carousel-control{
right: 60px;
left: auto;
}
.image_slider-layout2 .carousel {
overflow: hidden;
}
.image_slider-layout2 .carousel-inner {
left: -41.8%;
width: 183%;;
}
.image_slider-layout2 #img_slider2.carousel-inner .active.left {
left: -33% !important;
}
.image_slider-layout2 #img_slider2.carousel-inner .next {
left: 33% !important;
}
.image_slider-layout2 #img_slider2.carousel-inner .prev {
left: -33% !important;
}
/* - ImageSlider Section:: Layout3 */
.image_slider-layout3 {
margin-bottom: 34px;
}
.image_slider-layout3 .block-title {
margin-bottom: 6px;
}
.image_slider-layout3 .block-title h5{
margin-bottom: 21px;
}
.image_slider-layout3 .carousel {
position: relative;
}
.image_slider-layout3 .item.active .col-md-4::before {
position: absolute;
content: "";
left: 55px;
right: 55px;
top: 40px;
bottom: 40px;
border: 4px solid #fff;
mix-blend-mode: normal;
background-color: rgba(116,100,85,0.2);
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
z-index: 1;
}
.image_slider-layout3 .item.active .col-md-4::after {
position: absolute;
content: "";
background-color: #847052;
width: 80px;
height: 4px;
top: 40px;
margin: 0 auto;
left: 100px;
z-index: 2;
}
.image_slider-layout3 .imgslider-content {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 110px;
padding-right: 43%;
z-index: 2;
}
.image_slider-layout3 .imgslider-content h3 {
color: #fff;
font-family: "Montserrat",sans-serif;
line-height: 30px;
margin: 0 0 23px;
text-transform: uppercase;
font-size: 24px;
}
.image_slider-layout3 .imgslider-content p {
color: #fff;
font-size: 14px;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
}
.image_slider-layout3 .carousel-control {
position: absolute;
top: 60%;
left: 0;
right: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
box-shadow: none;
width: 0;
background-color: transparent;
text-shadow: none;
background-image: none;
font-size: 40px;
z-index: 1;
background-repeat: no-repeat;
opacity: 1;
z-index: 3;
color: #746455;
}
.image_slider-layout3 .left.carousel-control{
left: 16.5%;
}
.image_slider-layout3 .right.carousel-control{
right: 17.5%;
left: auto;
}
/* - ImageSlider Section:: Layout4:: Custom JS Setting */
.image_slider-layout3 .item .col-md-4:first-of-type::before,
.image_slider-layout3 .item .col-md-4:last-of-type::before {
opacity: 0;
}
.image_slider-layout3 .item .col-md-4:first-of-type::after,
.image_slider-layout3 .item .col-md-4:last-of-type::after {
display: none;
}
.image_slider-layout3 .item .col-md-4:first-of-type .imgslider-content,
.image_slider-layout3 .item .col-md-4:last-of-type .imgslider-content {
display: none;
}
.image_slider-layout3 .carousel {
overflow: hidden;
}
.image_slider-layout3 .carousel-inner {
left: -44.5%;
width: 189%
}
.image_slider-layout3 #img_slider3.carousel-inner .active.left {
left: -33% !important;
}
.image_slider-layout3 #img_slider3.carousel-inner .next {
left: 33% !important;
}
.image_slider-layout3 #img_slider3.carousel-inner .prev {
left: -33% !important;
}
/* - ImageSlider Section:: Layout4 */
.image_slider-layout4 .block-title {
margin-bottom: 6px;
}
.image_slider-layout4 .block-title h5{
margin-bottom: 21px;
}
.image_slider-layout4 .image_slider-box {
position: relative;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.image_slider-layout4 .image_slider-box::before {
border: 2px solid #d49d19;
bottom: 40px;
content: "";
display: inline-block;
left: 40px;
position: absolute;
right: 40px;
top: 40px;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
z-index: 1;
transform: scale(0);
}
.image_slider-layout4 .image_slider-box:hover::before {
transform: scale(1);
}
.image_slider-carousel_4.owl-carousel .owl-item img {
width: auto;
}
.image_slider-carousel_4.owl-theme .owl-controls {
margin-top: 0;
}
/* - Home2: - ImageSlider Section:: Layout1 */
.home2-border-holder1.image_slider-layout1 .image_slider-box::before{
border: none;
background-color: rgba(51, 44, 37, 0.75);
}
.home2-border-holder1.image_slider-layout1 .image_slider-box:hover::before {
left: 40px;
right: 40px;
top: 40px;
bottom: 40px;
}
.home2-border-holder1.image_slider-layout1 .imgslider-content {
position: absolute;
top: 50%;
left: 10%;
right: 10%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 1;
padding-top: 20px;
opacity: 0;
transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
}
.home2-border-holder1.image_slider-layout1 .imgslider-content::before {
position: absolute;
content: "";
background-color: #d49d19;
width: 80px;
height: 4px;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
}
.home2-border-holder1.image_slider-layout1 .imgslider-content p {
color: #fff;
font-size: 14px;
line-height: 28px;
font-family: 'Open Sans', sans-serif;
padding: 0 15px;
text-align: center;
}
.home2-border-holder1.image_slider-layout1 .image_slider-box {
position: relative;
}
.home2-border-holder1.image_slider-layout1 .image_slider-box:hover .imgslider-content{
opacity: 1;
}
.home2-border-holder1 .home2-image-slider-carousel-1.owl-carousel .owl-item img {
width: auto;
}
.home2-border-holder1 .home2-image-slider-carousel-1.owl-theme .owl-controls .owl-nav [class*="owl-"] {
font-size: 0;
margin: 0;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
background-color: transparent;
position: absolute;
top: 50%;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.home2-border-holder1 .home2-image-slider-carousel-1.owl-theme .owl-controls .owl-nav .owl-prev {
background-position: left -50px;
left: 42px;
}
.home2-border-holder1 .home2-image-slider-carousel-1.owl-theme .owl-controls .owl-nav .owl-next {
background-position: right -50px;
right: 42px;
}
.home2-border-holder1 .home2-image-slider-carousel-1.owl-theme .owl-controls .owl-prev::before,
.home2-border-holder1 .home2-image-slider-carousel-1.owl-theme .owl-controls .owl-next::before {
position: relative;
font-size: 30px;
color: #fff;
font-family: "FontAwesome";
}
.home2-border-holder1 .home2-image-slider-carousel-1.owl-theme .owl-controls .owl-prev::before {
content: "\f104";
}
.home2-border-holder1 .home2-image-slider-carousel-1.owl-theme .owl-controls .owl-next::before {
content: "\f105";
}
.home2-border-holder1.image_slider-layout1 .image_slider-box {
max-width: 584px;
margin: 0 auto;
}
/* - Color Section */
.color-section {
background-color: #fafafa;
}
.color-section .col-md-3 {
margin-bottom: 50px;
}
.color-section .color-box h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin-bottom: 0;
margin-top: 15px;
text-transform: uppercase;
}
.color-section .color-box h5 {
font-size: 14px;
color: #808080;
margin-top: 5px;
}
.color-section .color-block {
height: 130px;
}
.color-section .color-schemes1-1 {
background-color: #746455;
}
.color-section .color-schemes1-2 {
background-color: #998675;
}
.color-section .color-schemes1-3 {
background-color: #332c25;
}
.color-section .color-schemes1-4 {
background-color: #D49D19;
}
/* - Style 2 */
.color-section .color-schemes2-1 {
background-color: #546e7a;
}
.color-section .color-schemes2-2 {
background-color: #78909c;
}
.color-section .color-schemes2-3 {
background-color: #263238;
}
.color-section .color-schemes2-4 {
background-color: #0091ea;
}
/* - Style 3 */
.color-section .color-schemes3-1 {
background-color: #e53935;
}
.color-section .color-schemes3-2 {
background-color: #ff5252;
}
.color-section .color-schemes3-3 {
background-color: #9e0000;
}
.color-section .color-schemes3-4 {
background-color: #ffc107;
}
/* - Style 4 */
.color-section .color-schemes4-1 {
background-color: #512da8;
}
.color-section .color-schemes4-2 {
background-color: #7c4dff;
}
.color-section .color-schemes4-3 {
background-color: #090032;
}
.color-section .color-schemes4-4 {
background-color: #cf4900;
}
/* - Style 5 */
.color-section .color-schemes5-1 {
background-color: #388e3c;
}
.color-section .color-schemes5-2 {
background-color: #00c853;
}
.color-section .color-schemes5-3 {
background-color: #1b5e20;
}
.color-section .color-schemes5-4 {
background-color: #69f0ae;
}
/* - Pagination Section */
/* - Style 1 */
.ow-pagination {
display: inline-block;
width: 100%;
margin-bottom: 32px;
}
.ow-pagination:last-child {
margin-bottom: 0;
}
.ow-pagination .pagination {
margin-top: 0;
margin-bottom: 0;
}
.ow-pagination-1 .pagination li {
float: left;
margin-right: 20px;
}
.ow-pagination-1 .pagination li:last-child {
margin-right: 0;
}
.ow-pagination-1 .pagination li.left-angle {
margin-right: 50px;
}
.ow-pagination-1 .pagination li.right-angle {
margin-left: 30px;
}
.ow-pagination-1 .pagination li a {
background-color: #f0eeec;
border: none;
font-size: 14px;
height: 40px;
width: 40px;
line-height: 27px;
color: #998675;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ow-pagination-1 .pagination li:last-of-type a {
padding: 6px 12px;
}
.ow-pagination-1 .pagination li a:focus,
.ow-pagination-1 .pagination li a:hover {
color: #fff;
background-color: #332c25;
}
.ow-pagination-1 .pagination > li:first-child > a,
.ow-pagination-1 .pagination > li:last-child > a {
border-radius: 0;
}
.ow-pagination a.page-link {
color: #737373;
float: right;
font-size: 14px;
margin-top: 11px;
}
.ow-pagination-1 .pagination li {
margin-bottom: 10px;
}
/* - Style 2 */
.ow-pagination-2 {
display: inline-block;
width: 100%;
}
.ow-pagination-2 .pagination li {
float: left;
margin-right: 20px;
}
.ow-pagination-2 .pagination li:last-child {
margin-right: 0;
}
.ow-pagination-2 .pagination li.left-angle {
margin-right: 50px;
}
.ow-pagination-2 .pagination li.right-angle {
margin-left: 30px;
}
.ow-pagination-2 .pagination li a {
background-color: #998675;
border: none;
font-size: 14px;
height: 40px;
width: 40px;
line-height: 27px;
color: #fff;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ow-pagination-2 .pagination li:last-of-type a {
padding: 6px 12px;
}
.ow-pagination-2 .pagination > li:first-child > a,
.ow-pagination-2 .pagination > li:last-child > a {
border-radius: 0;
}
.ow-pagination-2 .pagination > li:first-child > a,
.ow-pagination-2 .pagination > li:last-child > a,
.ow-pagination-2 .pagination li.left-angle a,
.ow-pagination-2 .pagination li.right-angle a {
background-color: #746455;
}
.ow-pagination-2 .pagination li a:focus,
.ow-pagination-2 .pagination li a:hover {
color: #fff;
background-color: #cf4900;
}
/* - Style 3 */
.ow-pagination-3 {
display: inline-block;
width: 100%;
}
.ow-pagination-3 .pagination {
display: block;
}
.ow-pagination-3 .pagination {
margin-top: 0;
margin-bottom: 0;
display: inline-block;
width: 100%;
text-align: center;
}
.ow-pagination-3 .pagination li {
display: inline-block;
margin-right: 20px;
}
.ow-pagination-3 .pagination li.first-left,
.ow-pagination-3 .pagination li.prev {
float: left;
}
.ow-pagination-3 .pagination li.last-right,
.ow-pagination-3 .pagination li.next {
float: right;
}
.ow-pagination-3 .pagination .right-angle.next a {
line-height: 45px;
}
.ow-pagination-3 .pagination li.last-right {
margin-right: 0;
}
.ow-pagination-3 .pagination li a {
border: 2px solid #998675;
background-color: transparent;
font-size: 14px;
height: 64px;
width: 64px;
line-height: 50px;
color: #998675;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ow-pagination-3 .pagination li:last-of-type a {
padding: 9px 12px;
}
.ow-pagination-3 .pagination > li:first-child > a,
.ow-pagination-3 .pagination > li:last-child > a {
border-radius: 0;
}
.ow-pagination-3 .pagination li a:focus,
.ow-pagination-3 .pagination li a:hover {
color: #fff;
background-color: #998675;
}
/* - Style 4 */
.ow-pagination-4 {
background-color: #f0eeec;
display: inline-block;
padding-right: 10px;
line-height: 40px;
width: 100%;
}
.ow-pagination-4 .pagination {
margin-top: 0;
margin-bottom: 0;
}
.ow-pagination-4 .pagination {
display: block;
}
.ow-pagination-4 .pagination li {
float: left;
margin-right:0;
}
.ow-pagination-4 .pagination li a {
background-image: -moz-linear-gradient( 0deg, rgba(153,134,117,0.15) 0%, rgba(116,100,85,0.15) 100%);
background-image: -webkit-linear-gradient( 0deg, rgba(153,134,117,0.15) 0%, rgba(116,100,85,0.15) 100%);
background-image: -ms-linear-gradient( 0deg, rgba(153,134,117,0.15) 0%, rgba(116,100,85,0.15) 100%);
border: none;
font-size: 14px;
height: 40px;
width: 40px;
line-height: 27px;
color: #746455;
text-align: center;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.ow-pagination-4 .pagination li:last-of-type a {
padding: 6px 12px;
}
.ow-pagination-4 .pagination li a:focus,
.ow-pagination-4 .pagination li a:hover {
color: #fff;
background-color: #d49d19;
}
.ow-pagination-4 .pagination > li:first-child > a,
.ow-pagination-4 .pagination > li:last-child > a {
border-radius: 0;
}
.ow-pagination-4 a.page-link {
text-transform: uppercase;
margin-top: 0;
}
/* - Popup */
.popup-style {
margin-bottom: 40px;
}
/* - Style 1 */
.popup-style-1 .popup-box {
position: relative;
}
.popup-style-1 .popup-box .popup-image {
position: relative;
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.35);
}
.popup-style-1 .popup-box .popup-image::before {
background-color: rgba(51, 44, 37, 0.3);
mix-blend-mode: darken;
/* background-blend-mode: darken; */
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.popup-style-1 .popup-box .popup-content {
border: 1px solid #fff;
display: inline-block;
position: absolute;
left: 20px;
bottom: 20px;
right: 20px;
top: 20px;
margin: 0 auto;
padding: 100px 55px;
text-align: center;
}
.popup-style-1 .popup-box .popup-content h3 {
color: #fff;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
position: relative;
padding-bottom: 40px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 40px;
}
.popup-style-1 .popup-box .popup-content h3::after {
background-color: #d49d19;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
height: 4px;
width: 50px;
}
.popup-style-1 .popup-box .popup-content p {
color: #fff;
font-size: 16px;
line-height: 28px;
margin-bottom: 100px;
}
.popup-style-1 .popup-box .popup-content a {
border: 2px solid #998675;
color: #998675;
display: inline-block;
font-size: 12px;
font-family: 'Montserrat', sans-serif;
padding: 10px 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.popup-style-1 .popup-box .popup-content a:hover {
border-color: #fff;
color: #fff;
}
/* - Style 2 */
.popup-style-2 .popup-box {
position: relative;
}
.popup-style-2 .popup-box .popup-image {
position: relative;
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.35);
}
.popup-style-2 .popup-box .popup-image::before {
background-color: rgba(116, 100, 85, 0.9);
mix-blend-mode: multiply;
content: "";
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.popup-style-2 .popup-box .popup-content {
position: absolute;
left: 0;
right: 0;
top: 50%;
margin: 0 auto;
text-align: center;
transform: translate(0%, -50%);
-webkit-transform: translate(0%, -50%);
-moz-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
}
.popup-style-2 .popup-box .popup-content h3 {
color: #fff;
font-size: 24px;
font-family: 'Montserrat', sans-serif;
margin-top: 0;
margin-bottom: 35px;
text-transform: uppercase;
}
.popup-style-2 .popup-box .popup-content i {
color: #fff;
}
.popup-style-2 .popup-box .popup-content p {
color: #fff;
font-size: 16px;
line-height: 28px;
padding: 0 45px;
margin-top: 35px;
}
/* - Style 3 */
.popup-style-3 .popup-box {
border: 2px solid #746455;
background-color: #fff;
display: inline-block;
width: 100%;
position: relative;
}
.popup-style-3 .popup-box .popup-image {
text-align: right;
}
.popup-style-3 .popup-box .popup-content {
position: absolute;
top: 0;
left: 0;
right: 50%;
padding: 50px 0 50px 50px;
}
.popup-style-3 .popup-box .popup-content h3 {
color: #332c25;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
position: relative;
padding-bottom: 30px;
margin-top: 0;
margin-bottom: 30px;
text-transform: uppercase;
}
.popup-style-3 .popup-box .popup-content h3::after {
background-color: #d49d19;
content: "";
position: absolute;
width: 50px;
height: 4px;
left: 0;
bottom: 0;
}
.popup-style-3 .popup-box .popup-content p {
color: #332c25;
font-size: 16px;
line-height: 28px;
margin-bottom: 125px;
}
.popup-style-3 .popup-box .popup-content a.subscribe {
border: 2px solid #746455;
color: #746455;
display: inline-block;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 10px 30px;
text-decoration: none;
text-transform: uppercase;
}
.popup-style-3 .popup-box .times {
position: absolute;
top: 50px;
right: 50px;
}
.popup-style-3 .popup-box .times a {
color: #998675;
font-size: 16px;
}
.popup-style-3 .popup-box .popup-content a.subscribe:hover {
background-color: #746455;
color: #fff;
}
/* - Style 4 */
.popup-style-4 .popup-box {
background-color: #e1e1e0;
position: relative;
box-shadow: 0px 9px 11px 0px rgba(0, 0, 0, 0.35);
}
.popup-style-4 .popup-box .popup-content {
padding: 35px 50px 28px;
}
.popup-style-4 .popup-box .popup-content h3 {
color: #746455;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
margin-top: 0;
margin-bottom: 25px;
text-transform: uppercase;
}
.popup-style-4 .popup-box .popup-content h3 a {
float: right;
color: #998675;
}
.popup-style-4 .popup-box .popup-content .form-control {
background-color: #fff;
border: none;
box-shadow: none;
border-radius: 0;
height: 43px;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
color: #999;
text-transform: uppercase;
}
.popup-style-4 .popup-box .popup-content .input-group button {
background-color: #998675;
color: #fff;
padding: 13px 18px;
border-radius: 0;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
box-shadow: none;
outline: none;
border: none;
}
.popup-style-4 .popup-box .popup-content .input-group button i {
padding-right: 8px;
}
.popup-style-4 .popup-box .popup-content .input-group button:hover {
background-color: #332c25;
}
.offline-bg {
background-image: url("../images/offline-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.offline-content {
position: relative;
padding: 0px 0 273px;
}
.offline-content::before {
background-color: rgba(103, 99, 94, 0.66);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.offline-content .logo-section {
padding: 160px 0 275px;
position: relative;
}
.offline-content .logo-section a {
text-align: center;
display: block;
color: #fff;
text-decoration: none;
outline: none;
font-size: 24px;
text-transform: lowercase;
}
.offline-content .logo-section a img {
margin-right: 10px;
}
.offline-content-box {
position: relative;
border: 3px solid #fff;
padding: 35px 25px 35px 45px;
margin-right: 100px;
margin-left: 100px;
}
.offline-content-box p {
font-size: 48px;
color: #fff;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
margin-bottom: 0;
word-wrap: break-word;
}
/* Offline Social */
.offline-content .offline-social {
padding-left: 0;
margin-top: 40px;
margin-bottom: 0;
list-style: none;
text-align: center;
position: relative;
}
.offline-content .offline-social li {
display: inline-block;
}
.offline-content .offline-social li a {
font-size: 17px;
color: #fff;
padding:0 40px;
}
.offline-content .offline-social li a:hover {
color: #222;
}
.error-bg {
background-image: url("../images/error-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.error-page {
padding: 353px 0;
position: relative;
}
.error-page::before {
background-color: rgba(103, 99, 94, 0.66);
bottom: 0;
height: 100%;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.error-page .error-box {
margin-right: 15.6667%;
margin-left: 14.65%;
margin-bottom: 30px;
}
.error-page .error-content .error-box {
border: 3px solid #fff;
padding: 20px 45px 22px 75px;
}
.error-page .error-content .error-box h2 {
font-size: 124px;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #fff;
margin: 0;
display: inline-block;
}
.error-page .error-content .error-box span {
color: #fff;
font-size: 48px;
line-height: 52px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
text-transform:uppercase;
}
.error-page .error-content .error-box p {
display: inline-block;
margin: 0;
text-align: left
}
.error-box span:last-of-type{
display: block;
}
.error-page .error-content p {
font-size: 16px;
font-weight: 300;
color: #fff;
text-align: center;
font-family: 'Open Sans', sans-serif;
}
.comingsoon-bg {
background-image: url("../images/comingsoon-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.comingsoon {
position: relative;
}
.comingsoon::before {
background-color: rgba(103, 99, 94, 0.66);
bottom: 0;
content: "";
display: inline-block;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.comingsoon .logo-section {
padding: 100px 0 154px;
position: relative;
text-align: center;
}
.comingsoon .logo-section a {
text-align: center;
display: inline-block;
color: #fff;
text-decoration: none;
outline: none;
font-size: 24px;
text-transform: lowercase;
}
.comingsoon .logo-section a img {
margin-right: 10px;
}
.comingsoon-content > p {
position: relative;
font-size: 48px;
color: #fff;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
text-align: center;
margin-bottom: 70px;
}
.comingsoon-box {
padding: 0 0px 200px;
text-align: center;
display: inline-block;
width: 100%;
margin: 0 auto;
text-align: center;
}
.comingsoon-box .countdown-box {
width: 25%;
float: left;
box-sizing: border-box;
padding: 30px 15px;
position: relative;
}
.comingsoon-box .countdown-box p {
font-size: 48px;
color: #332c25;
font-family: 'Montserrat', sans-serif;
background-color: #fff;
display: inline-block;
margin-right: 160px;
margin-bottom: 0;
max-width: 100%;
width: 140px;
height: 140px;
padding:20px 0;
text-align: center;
position: relative;
z-index: 999;
}
.comingsoon-box p:last-of-type {
margin-right: 0;
}
.comingsoon-content .comingsoon-box p::after {
content:"";
position: absolute;
top: -30px;
bottom: -30px;
left: -30px;
right: -30px;
background-color: #998675;
background-image: url("../images/comingsoon-bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-blend-mode: multiply;
z-index: -2;
}
.comingsoon-content .comingsoon-box p::before {
content:"";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-color: #fff;
display: inline-block;
z-index: -1;
}
.comingsoon-content .comingsoon-box p span {
font-size: 14px;
color: #332c25;
text-transform: uppercase;
display: block;
text-align: center;
}
/* comingsoon Social */
.comingsoon-social {
padding-left: 0;
padding-bottom: 95px;
margin-bottom: 0;
list-style: none;
text-align: center;
position: relative;
width: 100%;
display: inline-block;
}
.comingsoon-social li {
display: inline-block;
}
.comingsoon-social li a {
font-size: 17px;
color: #fff;
padding:0 40px;
}
.comingsoon-social li a:hover {
color: #222;
}
/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.error-page {
padding: 359px 0;
}
.offline-content {
padding-bottom: 285px;
}
.comingsoon-social {
padding-bottom: 107px;
}
}
/*------------------------------------------------------------------
+ Responsive
-------------------------------------------------------------------*/
/* - min-width: 1500px */
@media (min-width: 1500px) {
/* - Expandable Section */
/* - Style 4 */
.expandable-section-style-4 .panel-group .panel-heading + .panel-collapse > .panel-body {
padding: 40px 22% 50px;
}
}
/* - min-width: 1200px */
@media (min-width: 1200px) {
/* - Testimonials Section 1 */
.testimonials-section-1 .carousel-content p {
padding: 0 100px;
}
}
/* - min-width: 992 */
@media (min-width: 992px) {
/* - Home 1 */
.home1-piechart .skill-progress .skill-box {
width: 20%;
}
/* - Home 4 */
.screen-section .screen-img {
position: absolute;
}
.screen-section-1 .screen-img {
width: 70%;
left: 0;
}
.screen-section-1 .container .row > .col-md-6:not(.screen-img) {
float: right;
}
.screen-section-2 .screen-img {
right: 0;
top: 74px;
}
/* - Home 7 */
.home7-counter .row > .col-md-3 {
width: 20%;
}
/* - Home 19 */
.home19-quote .quotes-section,
.dropcops-section .dropcaps-box {
float: none;
display: block;
margin: 0 auto;
}
.dropcops-section .dropcaps-box {
clear: both;
margin-bottom: 70px;
}
.home19-quote .quote-style-4 blockquote {
padding-right: 80px;
}
.services-section .process-section.process-style-2.col-md-10 {
float: none;
margin: 0 auto;
display: block;
}
.services-section .process-section.process-style-2.col-md-10 .col-md-4:nth-child(3n+1) {
clear: both;
}
/* - Accordion Section */
.accordion-section .accordion-block:nth-child(2n+1) {
clear: both;
}
/* - Home 8 Call To Action */
.home8-cta.call-out-style-4 {
padding-left: 70px;
padding-right: 70px;
}
/* - Home3: Icon Teaser */
.icon-teaser-style-4 .row .col-md-3:nth-child(4n+1){
clear: both;
}
/* - Home3: Pricing Style */
.home3-pricing-style .col-md-4:nth-child(3n+1) {
clear: both;
}
/* - Style 2 */
.process-style-2 .col-md-3:nth-child(4n+1) {
clear: both;
}
/* - Icon Progress Bar Section */
.icon-progress-bar-section .col-md-6:nth-child(2n+1) {
clear: both;
}
.home3-icon-teaser .row .col-md-3:nth-child(4n+1) {
clear: both;
}
}
/* - min-width: 768 */
@media (min-width: 768px) {
.home-layoutfixed .portfolio-full-mosaic .portfolio-list li {
width: 25%;
}
.home-layoutfixed .portfolio-full-mosaic .portfolio-list li.wide {
width: 50%;
}
}
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
/* Home 14 */
.homeslider-section-14 .slider-layer-border {
width: 430px !important;
height: 170px !important;
}
/* portfolio-full-4-col-no-space */
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::after {
top: 90px;
bottom: 90px;
left: 90px;
right: 90px;
}
.portfolio-full-4-col-no-space .hover-content {
padding: 0 100px;
}
/* portfolio-full-5-col-no-space */
.portfolio-full-5-col-no-space .hover-content {
padding: 0 50px 0 65px;
}
/* portfolio-full-4-col-space */
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::after {
top: 50px;
bottom: 50px;
left: 50px;
right: 50px;
}
.portfolio-full-4-col-space .hover-content {
padding: 0 60px;
}
/* portfolio-full-5-col-space */
.portfolio-full-5-col-space .hover-content {
padding: 0 55px;
}
/* - ImageSlider Section:: Layout3 */
.image_slider-layout3 .imgslider-content {
padding-right: 10%;
}
.image_slider-layout3 .imgslider-content h3 {
margin: 0 0 10px;
}
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
/* Home 14 */
.homeslider-section-14 .slider-layer-border {
width: 400px !important;
height: 150px !important;
}
/* portfolio-full-4-col-no-space */
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::after {
top: 50px;
bottom: 50px;
left: 50px;
right: 50px;
}
.portfolio-full-4-col-no-space .hover-content {
padding: 0 70px;
}
/* portfolio-full-5-col-no-space */
.portfolio-full-5-col-no-space .hover-content {
padding: 0 30px;
}
/* portfolio-full-4-col-space */
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::after {
top: 50px;
bottom: 50px;
left: 50px;
right: 50px;
}
.portfolio-full-4-col-space .hover-content {
padding: 0 60px;
}
/* portfolio-full-5-col-space */
.portfolio-full-5-col-space .hover-content {
padding: 0 40px;
}
/* - ContentSlider:: Layout1 */
.contentslider-layout1 .contentslider-content {
padding-left: 5%;
padding-right: 5%;
}
/* - ImageSlider Section:: Layout3 */
.image_slider-layout3 .imgslider-content {
padding-right: 10%;
}
.image_slider-layout3 .imgslider-content h3 {
margin: 0 0 10px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
/* Home 14 */
.homeslider-section-14 .slider-layer-border {
width: 370px !important;
height: 150px !important;
}
.home-portfolio-8 .portfolio-list li a:hover .portfolio-box::after {
left: 40px;
right: 40px;
top: 40px;
bottom: 40px;
}
.home-portfolio-8 .hover-content {
padding: 0 50px;
}
.photo-slider .carousel-content {
top: 50%;
}
.small-thumb a.selected .thumb-title p {
height: 50px;
overflow: hidden;
}
.small-thumb a.selected .thumb-title span {
bottom: 10px;
}
/* - Blog:: Fullwidth 3Col */
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box .type-post {
margin-bottom: 20px;
}
/* portfolio-full-4-col-no-space */
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::after {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
}
.portfolio-full-4-col-no-space .hover-content {
padding: 0 50px;
}
/* portfolio-full-5-col-no-space */
.portfolio-full-5-col-no-space .hover-content {
padding: 0 30px;
}
/* portfolio-full-4-col-space */
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::after {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
}
.portfolio-full-4-col-space .hover-content {
padding: 0 40px;
}
/* portfolio-full-5-col-space */
.portfolio-full-5-col-space .hover-content {
padding: 0 30px;
}
/* - ContentSlider:: Layout1 */
.contentslider-layout1 .carousel-indicators {
left: 3%;
}
.contentslider-layout1 .contentslider-content {
padding-left: 5%;
padding-right: 5%;
}
/* - ImageSlider Section:: Layout3 */
.image_slider-layout3 .item.active .col-md-4::before {
top: 20px;
bottom: 20px;
left: 35px;
right: 35px;
}
.image_slider-layout3 .item.active .col-md-4::after {
top: 20px;
}
.image_slider-layout3 .imgslider-content {
padding-right: 8%;
padding-left: 60px;
}
.image_slider-layout3 .imgslider-content h3 {
margin: 0 0 10px;
}
}
/* - max-width: 1200 */
@media (max-width: 1200px) {
/* - Buttons Section */
/* - Style 1 */
.buttons-section .buttons-style-1 .btn-primary.btn-1 {
font-size: 23px;
padding: 26px 15px;
}
.buttons-section .buttons-style-1 .btn-primary.btn-2 {
font-size: 19px;
padding: 18px 48px;
}
.buttons-section .buttons-style-1 .btn-primary.btn-3 {
font-size: 14px;
padding: 18px 78px;
}
.buttons-section .buttons-style-1 .btn-primary.btn-4 {
font-size: 11px;
padding: 14px 64px;
}
.buttons-section .buttons-style-1 .btn-secondary.btn-hover-1 {
font-size: 23px;
padding: 26px 15px;
}
.buttons-section .buttons-style-1 .btn-secondary.btn-hover-2 {
font-size: 19px;
padding: 18px 32px;
}
.buttons-section .buttons-style-1 .btn-secondary.btn-hover-3 {
font-size: 15px;
padding: 18px 48px;
}
.buttons-section .buttons-style-1 .btn-secondary.btn-hover-4 {
font-size: 11px;
padding: 14px 64px;
}
.buttons-section .btn-group .btn-secondary {
font-size: 15px;
padding: 12px 10px;
}
/* - Style 2 */
.buttons-section .buttons-style-2 .btn-primary.btn-1 {
font-size: 23px;
padding: 26px 15px;
}
.buttons-section .buttons-style-2 .btn-primary.btn-2 {
font-size: 19px;
padding: 18px 48px;
}
.buttons-section .buttons-style-2 .btn-primary.btn-3 {
font-size: 14px;
padding: 18px 78px;
}
.buttons-section .buttons-style-2 .btn-primary.btn-4 {
font-size: 11px;
padding: 14px 64px;
}
.buttons-section .buttons-style-2 .btn-secondary.btn-hover-1 {
font-size: 23px;
padding: 26px 15px;
}
.buttons-section .buttons-style-2 .btn-secondary.btn-hover-2 {
font-size: 19px;
padding: 18px 32px;
}
.buttons-section .buttons-style-2 .btn-secondary.btn-hover-3 {
font-size: 15px;
padding: 18px 48px;
}
.buttons-section .buttons-style-2 .btn-secondary.btn-hover-4 {
font-size: 11px;
padding: 14px 64px;
}
/* - Style 3 */
.buttons-section .buttons-style-3 .btn-primary.btn-1 {
font-size: 23px;
padding: 26px 15px;
}
.buttons-section .buttons-style-3 .btn-primary.btn-2 {
font-size: 19px;
padding: 18px 48px;
}
.buttons-section .buttons-style-3 .btn-primary.btn-3 {
font-size: 14px;
padding: 18px 78px;
}
.buttons-section .buttons-style-3 .btn-primary.btn-4 {
font-size: 11px;
padding: 14px 64px;
}
.buttons-section .buttons-style-3 .btn-secondary.btn-hover-1 {
font-size: 23px;
padding: 26px 15px;
}
.buttons-section .buttons-style-3 .btn-secondary.btn-hover-2 {
font-size: 19px;
padding: 18px 32px;
}
.buttons-section .buttons-style-3 .btn-secondary.btn-hover-3 {
font-size: 15px;
padding: 18px 48px;
}
.buttons-section .buttons-style-3 .btn-secondary.btn-hover-4 {
font-size: 11px;
padding: 14px 64px;
}
.buttons-section .btn-group-3 .btn-secondary {
font-size: 12px;
}
/* - Doughnut Chart */
.doughnut-style .chart-legend,
.doughnut-style .chart-block {
width: 100%;
}
.doughnut-style-1 .chart-1 h5,
.doughnut-style-2 .chart-2 h5,
.doughnut-style-3 .chart-3 h5,
.doughnut-style-4 .chart-4 h5{
margin-top: 20px;
}
/* - Full Pie Chart */
.full-pie-style .chart-legend,
.full-pie-style .chart-block {
width: 100%;
}
.full-pie-style-1 .full-chart-1 h5,
.full-pie-style-2 .full-chart-2 h5,
.full-pie-style-3 .full-chart-3 h5,
.full-pie-style-4 .full-chart-4 h5{
margin-top: 20px;
}
/* - Icon Teaser */
/* - Style 1 */
.icon-teaser-style-1 .teaser-content .btn-sm {
padding: 10px 56px;
}
/* - Style 2 */
.icon-teaser-style-2 .icon-teaser-box .teaser-box i {
margin-bottom: 12px;
}
.icon-teaser-style-2 .icon-teaser-box .teaser-box h3 {
margin-bottom: 10px;
}
/* - Pricing Table */
.pricing-style-2 .pricing-content .pricing-box h3 {
font-size: 45px;
}
.pricing-style-2 .pricing-content .pricing-box h3 sup {
top: -5px;
}
.pricing-style-2 .pricing-content .pricing-box ul li {
margin-bottom: 10px;
}
/* - Ribbon Holder */
/* - Style 1 */
.ribbon-style-1 .ribbon-box .ribbon-content {
padding: 25px 15px;
}
.ribbon-style-1 .ribbon-box .ribbon-content p {
line-height: 23px;
margin-bottom: 15px;
}
.ribbon-style-1 .ribbon-box .ribbon-content a {
padding: 10px 35px;
}
/* - Style 4 */
.ribbon-style-4 .ribbon-box .shape::after {
-webkit-transform: skew(-50deg, -8deg);
-moz-transform: skew(-50deg, -8deg);
-ms-transform: skew(-50deg, -8deg);
-o-transform: skew(-50deg, -8deg);
transform: skew(-50deg, -8deg);
}
/* - Social Section */
.social-style-1 ul li {
margin-right: 30px;
}
}
/* - min-width: 992 to max-width: 1199 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
/* - Home 2 */
.process-style-2 .process-box h3 {
font-size: 15px;
}
/* Home 14 */
.homeslider-section-14 .slider-layer-border {
width: 300px !important;
height: 130px !important;
}
.home-portfolio-8 .portfolio-list li a:hover .portfolio-box::after {
left: 30px;
right: 30px;
top: 30px;
bottom: 30px;
}
.home-portfolio-8 .hover-content {
padding: 0 50px;
}
.services-section .process-section.process-style-2:not(.col-md-10) .col-md-3 {
width: 50%;
}
.services-section .process-section.process-style-2:not(.col-md-10) .col-md-3:nth-child(2n+1) {
clear: both;
}
.services-section .col-md-10.process-style-2 .process-box h3 {
font-size: 14px;
padding-left: 10px;
}
/* -- Slider Section */
.small-thumb a .thumb-title h4 {
font-size: 13px;
}
.photo-slider .carousel-content {
top: 40%;
}
.small-thumb a.selected .thumb-title p {
height: 50px;
overflow: hidden;
}
.small-thumb a.selected .thumb-title span {
bottom: 10px;
}
/* - Blog:: Masonry */
.blog-masonry-box .type-post .entry-title {
font-size: 22px;
line-height: 30px;
}
.blog-masonry-box .type-post .post-by,
.blog-masonry-box .type-post .entry-meta .post-share a,
.blog-masonry-box .type-post .entry-meta .post-date a {
font-size: 11px;
}
.blog-masonry-box .type-post .entry-meta .post-share a i,
.blog-masonry-box .type-post .entry-meta .post-date a i {
margin-right: 5px;
}
/* - Blog:: Fullwidth 2col */
.blogfullwidth_2col .blog-masonry-box .type-post .entry-title {
font-size: 28px;
line-height: 36px;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-by {
width: 100%;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-date {
float: none;
margin-right: 0;
}
/* - Blog:: Fullwidth 3col */
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box .type-post .entry-title {
font-size: 22px;
line-height: 33px;
}
/* - Blog:: Fullwidth Custom */
.blog_fullwidth_custom .type-post .entry-title {
font-size: 24px;
line-height: 30px;
}
.blog_fullwidth_custom .type-post .entry-meta {
margin-bottom: 10px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-share a{
margin-left: 13px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-by,
.blog_fullwidth_custom .type-post .entry-meta .post-share a,
.blog_fullwidth_custom .type-post .entry-meta .post-date a {
font-size: 11px;
}
/* - RecentPost Carousel Section */
.recentpost-carousel .type-post .entry-title{
font-size: 24px;
}
.recentpost-carousel .type-post .entry-meta {
margin-bottom: 5px;
}
.recentpost-carousel .type-post .entry-meta .post-date a,
.recentpost-carousel .type-post .entry-meta .post-share a,
.recentpost-carousel .type-post .post-by{
font-size: 11px;
line-height: 38px;
}
.recentpost-carousel .type-post .entry-meta .post-share a{
margin-left: 10px;
}
.recentpost-carousel .type-post .entry-content p {
font-size: 15px;
}
/* portfolio-full-mosaic */
.portfolio-full-mosaic .portfolio-list li .hover-content {
padding: 0 30px;
}
/* portfolio-full-4-col-no-space */
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::after {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
}
.portfolio-full-4-col-no-space .hover-content {
padding: 0 50px;
}
/* portfolio-full-5-col-no-space */
.portfolio-full-5-col-no-space .hover-content {
padding: 0 30px;
}
/* portfolio-full-4-col-space */
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::after {
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
}
.portfolio-full-4-col-space .hover-content {
padding: 0 30px;
}
/* portfolio-full-5-col-space */
.portfolio-full-5-col-space .portfolio-list li {
width: 25%;
}
.portfolio-full-5-col-space .hover-content {
padding: 0 30px;
}
/* portfolio-boxed-mosaic */
.portfolio-boxed-mosaic .portfolio-list li.wide {
width: 33.34%;
}
/* portfolio-full-masonry */
.portfolio-full-masonry .portfolio-list li .hover-content {
padding: 0 15px;
}
/* portfolio-single-layout-3 */
.portfolio-single-layout-3 .porject-details h3 {
font-size: 24px;
margin-bottom: 15px;
}
/* portfolio-single-layout-6 */
.portfolio-single-layout-6 .porject-details h3 {
font-size: 24px;
}
/* portfolio-single-layout-7 */
.portfolio-single-layout-7 .porject-details h3 {
font-size: 18px;
}
.portfolio-single-layout-7 .project-sidebar {
padding-top: 15px;
}
/* - Home 14 */
.home14-content-section .panel-group {
margin-bottom: 80px;
}
.accordion-section .col-md-6:nth-child(2n+1) {
clear: left;
}
/* - ClientSection:: Layout 3 */
.client_carousel-3 .client-box {
width: 160px;
height: 160px;
line-height: 160px;
}
/* - ContentSlider:: Layout1 */
.contentslider-layout1 .carousel-indicators {
left: 3%;
}
.contentslider-layout1 .carousel-indicators li,
.contentslider-layout1 .carousel-indicators li.active {
width: 12px;
height: 12px;
}
.contentslider-layout1 .carousel-caption {
padding: 100px 0;
}
.contentslider-layout1 .contentslider-content {
padding-left: 5%;
padding-right: 5%;
}
/* - ContentSlider:: Layout2 */
.contentslider-layout2 .contentslider-content {
padding: 65px;
}
/* - ContentSlider:: Layout3 */
.contentslider-layout3 .contentslider-content {
padding: 100px 50px;
left: 224px;
float: none;
}
.contentslider-layout3 .carousel-indicators {
left: -195px;
}
.contentslider-layout3 .contentslider-content a {
margin-top: 25px;
}
/* - ContentSlider:: Layout4 */
.contentslider-layout4 .contentslider-content {
padding: 60px 50px 100px;
}
.contentslider-layout4 .carousel-indicators {
left: 65px;
bottom: 50px;
}
/* - Home 14 */
.home14-content-section .contentslider-layout4 .contentslider-content h3 {
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.cover-box-style-1 .cover-box-content {
padding: 10px 0 15px 15px;
}
.cover-box-style-1 .cover-box-content p {
margin-bottom: 15px;
}
.cover-box-style-2 .cover-box-content {
padding: 15px 23px;
}
.cover-box-style-3 .cover-box-content {
padding: 22px 23px;
}
.cover-box-style-4 .cover-box-content {
padding: 30px 23px;
}
.cover-box-style-4 .cover-box-content h3 {
margin-bottom: 10px;
}
.cover-box-style-4 .cover-light-bg::after {
bottom: 20px;
top: 20px;
}
/* - Info Boxes */
.info-boxes .info-content h3 {
margin-bottom: 10px;
}
.info-boxes .info-content-1 p {
margin-bottom: 20px;
}
.info-boxes .info-content-2 {
padding: 34px;
}
/* - Interactive Banner */
.interactive-style-1 .interactive-back-content {
padding: 25px 20px;
}
.interactive-style-2 .interactive-box .interactive-top-content p {
padding-left: 20%;
}
.interactive-style-3 .interactive-box .interactive-content {
top: 15px;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.interactive-style-3 .interactive-box .interactive-content a.incredible {
margin-bottom: 15px;
}
.interactive-style-3 .interactive-box .interactive-bottom-content {
bottom: 0;
}
.interactive-style-4 .interactive-back-content {
padding: 17px 10px;
}
/* - Pricing Table */
.pricing-style-1 .pricing-content a.order-plan {
padding: 12px 82px 12px 19px;
}
.pricing-style-4 .pricing-content a.order-plan {
font-size: 14px;
}
/* - Home2: Process Section */
.home2-process-section.process-style-2 .process-box h3 {
padding-left: 10px;
}
/* - Social Section */
.social-style-2 ul li,
.social-style-3 ul li {
margin-right: 4px;
}
/* - Team Section */
.team-section .team-style-1 .team-social {
padding: 40px 0;
}
.team-section .team-style-2 .team-social {
padding: 60px 0;
}
.team-section .team-style-4 .team-social {
padding: 60px 0;
}
/* - Home 14 */
.home14-content-section .vertical-progress.col-md-6 {
margin-top: 0;
}
.home14-content-section .vertical-skill-section-4 .col-md-4 h4 {
left: 22px;
font-size: 11px;
}
/* - ImageGallery Layout4 */
.image_gallery-layout4 .gallery-masonry-box {
margin-bottom: 30px;
}
.image_gallery-layout4 .gallery-masonry-box a::before {
left: 20px;
right: 20px;
top: 20px;
bottom: 20px;
}
/* - ImageSlider Section:: Layout2 */
.image_slider-layout2 .imgslider-content p {
padding: 0 15px;
}
.image_slider-layout2 .item.active .col-md-4::before {
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
}
.image_slider-layout2 .imgslider-content {
left: 10%;
right: 10%;
padding-top: 10px;
}
/* - ImageSlider Section:: Layout3 */
.image_slider-layout3 .item.active .col-md-4::before {
top: 15px;
bottom: 15px;
left: 30px;
right: 30px;
}
.image_slider-layout3 .item.active .col-md-4::after {
top: 15px;
}
.image_slider-layout3 .imgslider-content {
padding-right: 5%;
padding-left: 50px;
}
.image_slider-layout3 .carousel-inner {
left: -63%;
width: 225%;
}
.image_slider-layout3 .imgslider-content h3 {
font-size: 20px;
margin: 0 0 5px;
}
.image_slider-layout3 .left.carousel-control {
left: 6.5%;
}
.image_slider-layout3 .right.carousel-control {
right: 6.5%;
}
/* - ImageSlider Section:: Layout4 */
.image_slider-layout4 .image_slider-box::before {
bottom: 30px;
left: 30px;
right: 30px;
top: 30px;
}
/* - Popup */
/* - Style 1 */
.popup-style-1 .popup-box .popup-content {
padding: 35px 55px;
}
.popup-style-1 .popup-box .popup-content p {
margin-bottom: 65px;
}
/* - Style 3 */
.popup-style-3 .popup-box .popup-content {
padding: 15px 0 15px 15px;
}
.popup-style-3 .popup-box .popup-content p {
margin-bottom: 50px;
}
.popup-style-3 .popup-image > img {
max-width: 283px;
}
.popup-style-3 .popup-box .times {
top: 15px;
right: 15px;
}
/* Offline */
.offline-content-box p {
font-size: 34px;
}
/* Error */
.error-page .error-content .error-box span {
font-size: 32px;
line-height: 45px;
}
.error-page .error-content .error-box h2 {
font-size: 100px;
}
/* comingsoon */
.comingsoon-box p {
margin-right: 100px;
}
.service-style-1 .service-content .service-title {
padding-top: 50px;
min-height: 112px;
}
}
/* - max-width: 991 */
@media (max-width: 991px) {
.fetures-img-block {
max-width: 570px;
display: block;
margin: 0 auto;
}
.home7-features .dropcaps-box {
padding-left: 15px;
}
/* - Skill Section */
.skill-section .section-padding {
padding-bottom: 50px;
padding-top: 50px;
}
/* - Home 10 */
.home10-features .process-style-3 .process-box span {
width: 45px;
height: 45px;
line-height: 44px;
}
.home10-features .process-style-3 .process-box h3 {
font-size: 14px;
padding-left: 8px;
}
/* - Screen Section */
.screen-section {
padding-top: 80px;
padding-bottom: 80px;
}
.screen-section .screen-img {
margin-bottom: 50px;
}
/* - Home 5 */
.home5-slider-section {
padding-top: 60px;
padding-bottom: 10px;
}
.home5-slider-section .home5-main-slide.flexslider .type-post {
margin-bottom: 0;
}
.home5-slider-section .home5-main-slide.flexslider .type-post .entry-title {
padding-right: 15px;
font-size: 30px;
line-height: 42px;
}
.home5-slider-section .custom-navigation a.flex-prev{
left: 15px;
}
.home5-slider-section .custom-navigation a.flex-next{
right: 15px;
}
.home5-slider-section .home5-thumb-slide.flexslider .type-post .entry-title {
font-size: 20px;
line-height: 30px;
}
.home5-slider-section .custom-navigation {
bottom: 70px;
}
.home5-slider-section .flexslider.home5-main-slide {
margin-bottom: 0;
}
/* - Home 6 */
.home6-sections .numbered-image span {
width: 175px;
}
/* -- Slider Section */
.small-thumb a .thumb-title h4 {
padding-bottom: 15px;
padding-top: 15px;
}
.small-thumb a .thumb-title h6 {
padding-bottom: 10px;
padding-top: 10px;
}
.small-thumb a:hover .thumb-title,
.small-thumb a.selected .thumb-title {
bottom: -55px;
}
.small-thumb a .thumb-title h4 {
font-size: 13px;
}
.photo-slider .carousel-content {
top: 8%;
transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
}
.photo-slider .carousel-content h2 {
font-size: 49px;
}
.small-thumb a.selected .thumb-title p {
height: 50px;
overflow: hidden;
}
.small-thumb a.selected .thumb-title span {
bottom: 10px;
}
/* - Blog:: Masonry */
.blog-masonry-box .type-post .entry-title {
font-size: 19px;
line-height: 28px;
margin-top: 15px;
}
.blog-masonry-box .type-post .post-by,
.blog-masonry-box .type-post .entry-meta .post-share a,
.blog-masonry-box .type-post .entry-meta .post-date a {
font-size: 11px;
}
.blog-masonry-box .type-post .entry-meta .post-share a i,
.blog-masonry-box .type-post .entry-meta .post-date a i {
margin-right: 5px;
}
/* - Blog:: Fullwidth 2col */
.blogfullwidth_2col .blog-masonry-box .type-post .entry-title {
font-size: 22px;
line-height: 32px;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-by{
width: 100%;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-date {
float: none;
margin-right: 0;
}
.blogfullwidth_2col .blog-masonry-list {
max-width: 100%;
}
/* - Blog:: Fullwidth Custom */
.blog_fullwidth_custom .type-post .entry-title {
font-size: 21px;
line-height: 26px;
}
.blog_fullwidth_custom .type-post .entry-meta {
margin-bottom: 10px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-share a{
margin-left: 13px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-by {
width: 100%;
}
.blog_fullwidth_custom .type-post .entry-meta .post-by,
.blog_fullwidth_custom .type-post .entry-meta .post-share a,
.blog_fullwidth_custom .type-post .entry-meta .post-date a {
font-size: 11px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-date {
float: none;
}
.blog_fullwidth_custom .type-post .entry-content p {
font-size: 15px;
}
/* - Blog:: WithSidebar */
.blog-section .content-area .type-post .post-by {
width: 100%;
margin-bottom: 10px;
}
.blog-section .content-area .type-post .entry-meta .post-date{
float: none;
}
.blog-section .content-area .type-post .entry-title {
font-size: 26px;
}
.blog-section .widget-area .widget_latestpost .type-post .entry-title {
font-size: 22px;
}
.blog_singlepost_sidebar .type-post .post-navigation {
padding: 15px 20px;
}
.blog_singlepost_fullwidth .type-post .entry-content > p {
padding: 0;
}
/* - RecentPost Carousel Section */
.blog_singlepost_fullwidth .recentpost-carousel-section .block-title,
.recentpost-carousel .type-post .entry-title{
font-size: 22px;
}
.recentpost-carousel .type-post .entry-meta {
margin-bottom: 5px;
}
.recentpost-carousel .type-post .entry-meta .post-date a,
.recentpost-carousel .type-post .entry-meta .post-share a,
.recentpost-carousel .type-post .post-by{
font-size: 11px;
line-height: 38px;
width: 100%;
}
.recentpost-carousel .type-post .entry-meta .post-date{
float: none;
}
.recentpost-carousel .type-post .entry-meta .post-share a{
margin-left: 10px;
}
.recentpost-carousel .type-post .entry-content p {
font-size: 15px;
}
/* - Portfolio Boxed 5 Column No Space */
.portfolio-boxed-5-col-no-space .portfolio-list li {
width: 25%;
}
/* portfolio-single-layout-3 */
.portfolio-single-layout-3 .porject-details .col-md-4 {
padding-top: 50px;
}
.fetures-img-block {
max-width: 570px;
display: block;
margin: 0 auto;
}
/* - Home 10 */
.home10-features .process-style-3 .process-box span {
width: 45px;
height: 45px;
line-height: 44px;
}
.home10-features .process-style-3 .process-box h3 {
font-size: 14px;
padding-left: 8px;
}
/* - Screen Section */
.screen-section .screen-img {
margin-bottom: 50px;
}
/* - Home 5 */
.home5-slider-section {
padding-top: 60px;
padding-bottom: 10px;
}
.home5-slider-section .home5-main-slide.flexslider .type-post {
margin-bottom: 0;
}
.home5-slider-section .home5-main-slide.flexslider .type-post .entry-title {
padding-right: 15px;
font-size: 30px;
line-height: 42px;
}
.home5-slider-section .custom-navigation a.flex-prev{
left: 15px;
}
.home5-slider-section .custom-navigation a.flex-next{
right: 15px;
}
.home5-slider-section .home5-thumb-slide.flexslider .type-post .entry-title {
font-size: 20px;
line-height: 30px;
}
.home5-slider-section .custom-navigation {
bottom: 70px;
}
.home5-slider-section .flexslider.home5-main-slide {
margin-bottom: 0;
}
/* - Home 6 */
.home6-sections .numbered-image span {
width: 175px;
}
/* -- Slider Section */
.small-thumb a .thumb-title h4 {
padding-bottom: 15px;
padding-top: 15px;
}
.small-thumb a .thumb-title h6 {
padding-bottom: 10px;
padding-top: 10px;
}
.small-thumb a:hover .thumb-title,
.small-thumb a.selected .thumb-title {
bottom: -55px;
}
.small-thumb a .thumb-title h4 {
font-size: 13px;
}
.photo-slider .carousel-content {
top: 8%;
transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
}
.photo-slider .carousel-content h2 {
font-size: 49px;
}
.small-thumb a.selected .thumb-title p {
height: 50px;
overflow: hidden;
}
.small-thumb a.selected .thumb-title span {
bottom: 10px;
}
/* - Blog:: Masonry */
.blog-masonry-box .type-post .entry-title {
font-size: 19px;
line-height: 28px;
margin-top: 15px;
}
.blog-masonry-box .type-post .post-by,
.blog-masonry-box .type-post .entry-meta .post-share a,
.blog-masonry-box .type-post .entry-meta .post-date a {
font-size: 11px;
}
.blog-masonry-box .type-post .entry-meta .post-share a i,
.blog-masonry-box .type-post .entry-meta .post-date a i {
margin-right: 5px;
}
/* - Blog:: Fullwidth 2col */
.blogfullwidth_2col .blog-masonry-box .type-post .entry-title {
font-size: 22px;
line-height: 32px;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-by{
width: 100%;
}
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-date {
float: none;
margin-right: 0;
}
.blogfullwidth_2col .blog-masonry-list {
max-width: 100%;
}
/* - Blog:: Fullwidth Custom */
.blog_fullwidth_custom .type-post .entry-title {
font-size: 21px;
line-height: 26px;
}
.blog_fullwidth_custom .type-post .entry-meta {
margin-bottom: 10px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-share a{
margin-left: 13px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-by {
width: 100%;
}
.blog_fullwidth_custom .type-post .entry-meta .post-by,
.blog_fullwidth_custom .type-post .entry-meta .post-share a,
.blog_fullwidth_custom .type-post .entry-meta .post-date a {
font-size: 11px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-date {
float: none;
}
.blog_fullwidth_custom .type-post .entry-content p {
font-size: 15px;
}
/* - Blog:: WithSidebar */
.blog-section .content-area .type-post .post-by {
width: 100%;
margin-bottom: 10px;
}
.blog-section .content-area .type-post .entry-meta .post-date{
float: none;
}
.blog-section .content-area .type-post .entry-title {
font-size: 26px;
}
.blog-section .widget-area .widget_latestpost .type-post .entry-title {
font-size: 22px;
}
.blog_singlepost_sidebar .type-post .post-navigation {
padding: 15px 20px;
}
.blog_singlepost_fullwidth .type-post .entry-content > p {
padding: 0;
}
/* - RecentPost Carousel Section */
.blog_singlepost_fullwidth .recentpost-carousel-section .block-title,
.recentpost-carousel .type-post .entry-title{
font-size: 22px;
}
.recentpost-carousel .type-post .entry-meta {
margin-bottom: 5px;
}
.recentpost-carousel .type-post .entry-meta .post-date a,
.recentpost-carousel .type-post .entry-meta .post-share a,
.recentpost-carousel .type-post .post-by{
font-size: 11px;
line-height: 38px;
width: 100%;
}
.recentpost-carousel .type-post .entry-meta .post-date{
float: none;
}
.recentpost-carousel .type-post .entry-meta .post-share a{
margin-left: 10px;
}
.recentpost-carousel .type-post .entry-content p {
font-size: 15px;
}
/* - Portfolio Boxed 5 Column No Space */
.portfolio-boxed-5-col-no-space .portfolio-list li {
width: 25%;
}
/* portfolio-single-layout-3 */
.portfolio-single-layout-3 .porject-details .col-md-4 {
padding-top: 50px;
}
/* - Buttons Section */
.buttons-section .col-xs-6.buttons-styles {
width: 50%;
}
.buttons-section .col-xs-6 {
width: 100%;
}
.buttons-section .btn-group .btn-secondary {
font-size: 12px;
padding: 12px 4px;
}
.call-out .call-out-box .call-out-content {
width: 100%;
}
.call-out-style-1 a.buttons,
.call-out-style-2 a.buttons,
.call-out-style-3 a.buttons,
.call-out-style-4 a.buttons{
float: none;
margin-top: 10px;
}
.call-out-style-4 a.buttons {
padding: 12px 35px;
}
.call-out-style-4 {
padding-left: 15px;
padding-right: 15px;
}
/* - ContentSlider:: Layout1 */
.contentslider-layout1 .carousel .item::before {
width: 100%;
}
.contentslider-layout1 .carousel-indicators {
left: 3%;
}
.contentslider-layout1 .carousel-indicators li,
.contentslider-layout1 .carousel-indicators li.active {
width: 12px;
height: 12px;
}
.contentslider-layout1 .carousel-caption {
padding: 100px 0;
}
.contentslider-layout1 .contentslider-content {
padding-left: 10%;
padding-right: 10%;
}
/* - ContentSlider:: Layout2 */
.contentslider-layout2 .carousel-indicators li {
margin-right: 20px;
}
/* - ContentSlider:: Layout3 */
.contentslider-layout3 .contentslider-content {
width: 100%;
padding: 80px 50px;
}
.contentslider-layout3 .carousel-indicators {
left: 0;
top: auto;
bottom: 25px;
}
.contentslider-layout3 .contentslider-content a {
margin-top: 25px;
}
.contentslider-layout3 .contentslider-content h3 {
margin-bottom: 5px;
padding-bottom: 15px;
}
/* - ContentSlider:: Layout4 */
.contentslider-layout4 .contentslider-content {
padding: 60px 35px 80px;
}
.contentslider-layout4 .carousel-indicators {
left: 50px;
bottom: 40px;
}
.contentslider-layout4 .contentslider-content h3 {
font-size: 20px;
}
.contentslider-layout4 .contentslider-content p{
font-size: 15px;
}
/* - Counter Section */
.counter-section .col-sm-6 {
margin-bottom: 30px;
}
.cover-box-style-1 .cover-box-content {
padding: 0 0 0 15px;
}
.cover-box-style-1 .cover-box-content p {
line-height: 20px;
margin-bottom: 10px;
}
.cover-box-style-2 .cover-box-content,
.cover-box-style-3 .cover-box-content {
padding: 10px 0 0 10px;
}
.cover-box-style-2 .cover-box-content h3 {
padding-bottom: 10px;
}
.cover-box-style-2 .cover-box-content h3,
.cover-box-style-3 .cover-box-content h3 {
margin-bottom: 10px;
}
.cover-box-style-2 .cover-box-content p,
.cover-box-style-3 .cover-box-content p {
line-height: 25px;
}
.cover-box-style-4 .cover-light-bg::after {
top: 8px;
bottom: 8px;
}
.cover-box-style-4 .cover-box-content {
padding: 10px 15px;
}
.cover-box-style-4 .cover-box-content h3 {
margin-bottom: 3px;
}
.cover-box-style-4 .cover-box-content p {
line-height: 21px;
}
.features-section .dropcaps-box {
margin-top: 30px;
}
.headings-section .left-heading h1 {
font-size: 50px;
}
.headings-section .left-heading h2 {
font-size: 48px;
}
.headings-section .left-heading h3 {
font-size: 44px;
}
/* - Home 11 */
.home11-skill-progress .col-sm-6.col-xs-12 {
margin-bottom: 30px;
}
/* - Hover Image */
.hover-image .hover-box-2 .image-content h3 {
font-size: 16px;
}
.hover-image .hover-box-2:hover::before {
left: 50%;
}
.hover-image .hover-box-2 .image-content {
padding: 20px;
width: 45%;
}
.services-section .process-section.process-style-2:not(.col-md-10) .col-md-3:nth-child(2n+1) {
clear: both;
}
/* - Icon Teaser */
/* - Style 2 */
.icon-teaser-style-2 .icon-teaser-box .teaser-box {
padding: 35px 20px;
}
/* - Image Banner */
.image-banner .img-banner-content .img-banner-box {
max-height: 200px;
min-height: 100px;
}
.image-banner .img-banner-content .img-banner-box h3 {
padding-bottom: 15px;
}
.image-banner .img-banner-content .img-banner-box p {
line-height: 22px;
margin-top: 10px;
}
/* - Info Boxes */
.info-boxes .col-sm-6.col-xs-6 {
width: 100%;
}
.info-boxes {
max-width: 570px;
display: block;
margin: 0 auto;
}
/* - Interactive Banner */
.interactive-style-1 .interactive-back-content {
padding: 60px 20px;
}
.interactive-style-2 .interactive-box .interactive-top-content p {
padding-left: 20px;
}
.interactive-style-2 .interactive-box .interactive-content {
bottom: 25px;
}
.interactive-style-2 .interactive-box .interactive-top-content {
top: 25px;
}
.interactive-style-3 .col-sm-6 {
width: 100%;
}
.interactive-style-4 .interactive-back-content {
padding: 34px 27px;
}
/* - Message Section */
.msg-style-3 .alert {
padding: 29px 18px;
}
/* - Piechart */
.piechart-style .col-sm-6:nth-child(2n+1) {
clear: left;
}
/* - Pricing Table */
.pricing-style-1 .pricing-content {
max-width: 270px;
}
/* - Home3: Pricing Style */
.home3-pricing-style .col-md-4:nth-child(3n+1) {
clear: both;
}
.home3-icon-teaser .row .col-md-3:nth-child(2n+1) {
clear: both;
}
/* - Home1: Process Section */
.process-style-2 .row .col-md-3:nth-child(2n+1) {
clear: both;
}
.process-style-1 .col-sm-6:nth-child(2n+1),
.process-style-3 .col-sm-6:nth-child(2n+1){
clear: left;
}
/* - Ribbon Holder */
/* - Style 3 */
.ribbon-style-3 .col-sm-6:nth-child(2n+1) {
clear: left;
}
/* - Style 4 */
.ribbon-style-4 .ribbon-box .shape::after {
-webkit-transform: skew(-50deg, -5deg);
-moz-transform: skew(-50deg, -5deg);
-ms-transform: skew(-50deg, -5deg);
-o-transform: skew(-50deg, -5deg);
transform: skew(-50deg, -5deg);
}
/* - Service Table */
.service-style-1 .service-content,
.service-style-4 .service-content {
max-width: 270px;
margin: 0 auto;
}
/* - Social Section */
.social-style-2 ul li a,
.social-style-3 ul li a {
height: 30px;
width: 30px;
line-height: 30px;
}
.social-style-4 ul li a {
font-size: 12px;
}
/* - Tab Section */
.tab-style .main-tab-style-1 .nav-tabs > li > a,
.tab-style .main-tab-style-1 a {
padding: 10px 22px;
}
/* - Team Section */
.team-section .team-style-1,
.team-section .team-style-2 {
max-width: 270px;
}
.team-section .team-style-4 {
max-width: 370px;
}
/* - Home 1 */
.home1-video.video-presentation-fullwidth h3 {
font-size: 46px;
}
/* - ImageGallery Layout1:: GrayScale:: Main */
.grayscale-main.image-gallery-section .section-title h3 {
font-size: 34px;
}
/* - ImageGallery Layout4:: GrayScale:: 4 */
.grayscale4.image_gallery-layout4 .gallery-masonry-box {
width: 25%;
}
.grayscale4.image_gallery-layout4 .gallery-masonry-box.wide {
width: 50%;
}
/* - ImageGallery Layout2 */
.gallery-masonry-box {
margin-bottom: 30px;
}
/* - ImageGallery Layout4 */
.image_gallery-layout4 .gallery-masonry-box {
margin-bottom: 30px;
}
.image_gallery-layout4 .gallery-masonry-box a::before {
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
}
.image_gallery-layout4 .gallery-masonry-list .gallery-masonry-box {
width: 33.33%
}
.image_gallery-layout4 .gallery-masonry-list .gallery-masonry-box.wide {
width: 66.66%;
}
/* - Tables */
.table-style.col-sm-6 {
width: 100%;
}
.img-slider-section .section-title h3 {
margin-bottom: 25px;
font-size: 30px;
}
/* - ImageSlider Section:: Layout1 */
.image_slider-carousel_1.owl-theme .owl-controls .owl-nav .owl-prev {
left: 20px;
}
.image_slider-carousel_1.owl-theme .owl-controls .owl-nav .owl-next {
right: 20px;
}
/* - ImageSlider Section:: Layout2 */
.image_slider-layout2 .item.active .col-md-4::before {
left: 20px;
right: 20px;
top: 20px;
bottom: 20px;
}
.image_slider-layout2 .imgslider-content {
left: 8%;
right: 8%;
padding-top: 10px;
}
.image_slider-layout2 .imgslider-content p {
padding: 0 15px;
height: 50px;
overflow: hidden;
margin-bottom: 0;
}
.image_slider-layout2 .carousel-control {
top: 60%;
}
/* - ImageSlider Section:: Layout3 */
.image_slider-layout3 .item.active .col-md-4::before {
top: 15px;
bottom: 15px;
left: 30px;
right: 30px;
}
.image_slider-layout3 .item.active .col-md-4::after {
top: 15px;
}
.image_slider-layout3 .imgslider-content {
padding-right: 5%;
padding-left: 50px;
}
.image_slider-layout3 .carousel-inner {
left: -80%;
width: 260%;
}
.image_slider-layout3 .imgslider-content h3 {
font-size: 20px;
margin: 0 0 5px;
}
.image_slider-layout3 .carousel-control {
top: 53%;
}
.image_slider-layout3 .left.carousel-control {
left: 4%;
}
.image_slider-layout3 .right.carousel-control {
right: 5%;
}
.image_slider-layout3 .item.active .col-md-4::after {
width: 35px;
}
/* - ImageSlider Section:: Layout4 */
.image_slider-layout4 .image_slider-box::before {
bottom: 20px;
left: 20px;
right: 20px;
top: 20px;
}
/* - Home2: - ImageSlider Section:: Layout1 */
.home2-border-holder1.image_slider-layout1 .image_slider-box:hover::before {
left: 15px;
right: 15px;
top: 15px;
bottom: 15px;
}
.home2-border-holder1.image_slider-layout1 .imgslider-content {
padding-top: 10px;
}
.ow-pagination-3 .pagination li {
margin-right: 10px;
}
/* - Popup */
.popup .block-title {
text-align: left;
}
.popup.col-sm-6.col-xs-6 {
width: 100%;
text-align: center;
}
.popup-style-1 .popup-box,
.popup-style-2 .popup-box,
.popup-style-3 .popup-box,
.popup-style-4 .popup-box {
max-width: 642px;
margin: 0 auto;
}
.popup-style-3 .popup-content {
text-align: left;
}
/* - Blockquote */
.quote-style-1 blockquote,
.quote-style-2 blockquote,
.quote-style-3 blockquote,
.quote-style-4 blockquote {
font-size: 20px;
}
.ow-pagination-1 .pagination li.right-angle {
margin-left: 10px;
}
/* - Info Box */
.info-boxes .info-content-1 a.small-btn {
padding-bottom: 7px;
padding-top: 7px;
}
/* - Video Presentation */
.video-section iframe {
height: 650px;
}
/* - Alert Section */
.alert-section .alerts-style-3 .alert span {
float: none;
display: block;
}
.number-image-style-4 .number-content span {
width: 150px;
height: 150px;
line-height: 150px;
font-size: 60px;
}
}
/* - min-width: 768 to max-width: 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
/* Home 14 */
.homeslider-section-14 .slider-layer-border {
width: 240px !important;
height: 100px !important;
}
.home-portfolio-8 .portfolio-list li a:hover .portfolio-box::after {
left: 30px;
right: 30px;
top: 30px;
bottom: 30px;
}
.home-portfolio-8 .hover-content {
padding: 0 50px;
}
.services-section .process-section.process-style-2.col-md-10 .col-md-4:nth-child(2n+1) {
clear: both;
}
.photo-slider .carousel-content {
top: 20%;
padding-top: 0;
}
/* -- Slider Section */
.small-thumb a .thumb-title h6 {
margin-left: 8px;
margin-right: 8px;
}
/* portfolio-full-mosaic */
.portfolio-full-mosaic .portfolio-list li .hover-content {
padding: 0 30px;
}
/* portfolio-full-4-col-no-space */
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::after {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
}
.portfolio-full-4-col-no-space .hover-content {
padding: 0 50px;
}
/* portfolio-full-5-col-no-space */
.portfolio-full-5-col-no-space .portfolio-list li {
width: 33.33%;
text-align: center;
}
.portfolio-full-5-col-no-space .hover-content {
padding: 30px;
}
/* portfolio-full-4-col-space */
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::after {
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
}
.portfolio-full-4-col-space .hover-content {
padding: 0 30px;
}
/* portfolio-full-5-col-space */
.portfolio-full-5-col-space .portfolio-list li {
width: 33.33%;
}
.portfolio-full-5-col-space .hover-content {
padding: 0 30px;
}
/* portfolio-boxed-masonry */
.portfolio-boxed-masonry .portfolio-list li .hover-content {
padding: 0 30px;
}
/* portfolio-boxed-mosaic */
.portfolio-boxed-mosaic .portfolio-list li .hover-content {
padding: 0 30px;
}
/* portfolio-full-masonry */
.portfolio-full-masonry .portfolio-list li {
width: 33.3333%;
}
.portfolio-full-masonry .portfolio-list li.wide {
width: 66.666%
}
.portfolio-full-masonry .portfolio-list li .hover-content {
padding: 0 30px;
}
/* - Portfolio Boxed 5 Column */
.portfolio-boxed-5-col .portfolio-list li {
width: 33.333%;
}
/* portfolio-single-layout-1 */
.portfolio-single-layout-1 .project-sidebar {
padding-top: 10px;
}
/* portfolio-single-layout-2 */
.portfolio-single-layout-2 .project-sidebar {
padding-top: 10px;
}
/* portfolio-single-layout-4 */
.portfolio-single-layout-4 .project-sidebar {
padding-top: 0;
}
/* portfolio-single-layout-5 */
.portfolio-single-layout-5 .porject-details h3 {
font-size: 24px;
}
/* portfolio-single-layout-6 */
.portfolio-single-layout-6 .porject-details h3 {
font-size: 24px;
}
/* portfolio-single-layout-7 */
.portfolio-single .project-share {
position: relative;
}
.portfolio-single-layout-7 .single-content-bgwhite {
padding: 50px 58px 50px 55px;
}
.home8-cta.call-out-style-4 a{
float: right;
}
.info-boxes .info-content h3 {
margin-bottom: 5px;
padding-bottom: 8px;
}
.info-boxes .info-content p {
font-size: 12px;
line-height: 16px;
}
.info-boxes .info-content-1 {
left: 15px;
}
.info-boxes .info-content-1 .block-title h5 {
font-size: 15px;
margin-bottom: 5px;
}
.info-boxes .info-content-1 p {
font-size: 12px;
line-height: 15px;
margin-bottom: 10px;
padding-right: 20px;
}
.info-boxes .info-content-2 {
padding-left: 20px;
padding-right: 20px;
}
.info-boxes .info-content-2 p {
font-size: 15px;
line-height: 27px;
}
/* - Style 2 */
.process-style-2 .col-md-3:nth-child(2n+1) {
clear: both;
}
.text-tab-section .tab-style .main-tab-style-1 .nav-tabs > li > a,
.text-tab-section .tab-style .main-tab-style-1 a {
font-size: 14px;
}
/* - Home2: Video Presentation */
.home2-video.video-presentation-fullwidth h3 {
font-size: 40px;
}
.home2-video.home2-video a {
padding: 12px 30px;
}
/* - Icon Progress Bar Section */
.icon-progress-bar-section .col-md-6:nth-child(2n+1) {
clear: both;
}
.icon-progress-bar-section .section-title h3 {
font-size: 36px;
margin-bottom: 35px;
}
.icon-progress.layout3 {
margin-bottom: 35px;
}
/* - Cover Box */
.cover-box-style-4 .cover-box-content h3 {
margin-top: 10px;
}
.cover-box-style-4 .cover-box-content p {
font-size: 13px;
}
/* Offline */
.offline-content-box {
margin-left: 40px;
margin-right: 40px;
}
.offline-content-box p {
font-size: 30px;
}
/* Error */
.error-page .error-box {
margin-left: 10%;
margin-right: 10%;
}
.error-page .error-content .error-box h2 {
font-size: 60px;
}
.error-page .error-content .error-box span {
font-size: 26px;
line-height: 23px;
}
/* comingsoon */
.comingsoon-box p {
margin-right: 80px;
}
.comingsoon-content .comingsoon-box p::after {
content:"";
position: absolute;
top: -20px;
bottom: -20px;
left: -20px;
right: -20px;
}
.comingsoon-content .comingsoon-box p {
max-width: 100px;
max-height: 100px;
padding: 0;
}
.comingsoon-box {
padding: 0 30px 150px;
}
.comingsoon .logo-section {
padding: 100px 0;
}
/* - Blog Section */
.blog-section .content-area .ow-pagination-1 .pagination li.left-angle {
margin-right: 5px;
}
.blog-section .content-area .ow-pagination-1 .pagination li.right-angle {
margin-left: 5px;
}
.blog-section .content-area .ow-pagination-1 .pagination li {
margin-left: 5px;
margin-right: 5px;
}
}
/* - min-width: 640 to max-width: 991 */
@media only screen and (min-width: 640px) and (max-width: 991px) {
}
/* - max-width: 767 */
@media (max-width: 767px) {
/* Home 14 */
.homeslider-section-14 .slider-layer-border {
border: none !important;
}
/* - Home 10 */
.home10-properties .col-xs-12,
.home10-features .col-xs-12,
.home10-capabilities .col-xs-12 {
text-align: center;
}
.home10-properties .accordion-block,
.home10-features .process-style-3,
.home10-capabilities .skill-section {
text-align: left;
}
.home10-properties .accordion-block {
padding-top: 0;
}
.home10-features .process-style-3,
.home10-capabilities .skill-section {
padding-top: 50px;
}
.home-portfolio-8 .portfolio-list li a:hover .portfolio-box::after {
left: 30px;
right: 30px;
top: 30px;
bottom: 30px;
}
.home-portfolio-8 .hover-content {
padding: 0 50px;
}
/* - Home 6 */
.quotes-section.col-xs-6 {
width: 100%;
}
.home6-accordion-section.col-xs-6 {
width: 100%;
}
/* -- Slider Section */
.photo-slider .carousel-content h2 {
margin-top: 0px;
font-size: 34px;
}
.photo-slider .carousel-content {
top: 50%;
padding-top: 0;
}
.thumbs-wrapper {
position: relative;
bottom: 0;
}
.small-thumb a.selected .thumb-title p {
color: #332c55;
line-height: 17px;
}
.small-thumb a.selected .thumb-title span {
color: #332c55;
border-color: #332c55;
bottom: 5px;
padding-bottom: 5px;
padding-top: 5px;
left: 5px;
}
.small-thumb a.selected .img-box {
left: 5px;
right: 5px;
}
.home14-content-section .col-md-6.img-bg {
position: relative;
}
.service-conceal.conceal-style-2 .conceal-box .conceal-content h3 {
font-size: 18px;
}
/* - Blog Section */
.blog-section .ow-pagination a.page-link {
float: none;
display: block;
text-align: center;
}
.type-post .entry-title {
font-size: 28px;
}
.blog-section .content-area {
margin-bottom: 50px;
}
/* - Blog:: Masonry */
.blog-masonry-list {
max-width: 580px;
float: none;
margin: 0 auto;
}
.blog-masonry-box .type-post.video-post iframe {
height: auto;
min-height: 100%;
}
.home1-blog-section.blog-section.blog_masonry .blog-masonry-list .blog-masonry-box {
width: 100%;
}
.home1-blog-section.blog-section.blog_masonry .blog-masonry-list .type-post {
max-width: 570px;
display: block;
margin-left: auto;
margin-right: auto;
}
/* - Blog:: Fullwidth 3col */
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box .type-post .entry-title {
font-size: 22px;
line-height: 28px;
}
/* - Blog:: Fullwidth Custom */
.blog_fullwidth_custom .type-post{
max-width: 600px;
float: none;
margin: 0 auto 30px;
}
/* - Block Title */
.block-title {
font-size: 26px;
}
/* - RecentPost Section */
.recentpost-section.blog-section {
margin-top: 30px;
}
.recentpost-section .block-title {
font-size: 32px;
line-height: 40px;
}
.recentpost-section.blog-section .type-post .entry-title {
font-size: 28px;
}
/* - Portfolio Boxed 3 Column-No Space */
.portfolio-boxed-3-col-no-space .hover-content {
padding: 0 20px;
}
/* - Portfolio Boxed 4 Column-No Space */
.portfolio-boxed-4-col-no-space .portfolio-list li .portfolio-box img,
.portfolio-boxed-4-col-no-space .portfolio-list li .portfolio-box {
width: 100%;
}
/* - Portfolio Boxed 5 Column-No Space */
.portfolio-boxed-5-col-no-space .portfolio-list li {
width: 33.3333%;
}
.portfolio-boxed-5-col-no-space .portfolio-list li .portfolio-box img,
.portfolio-boxed-5-col-no-space .portfolio-list li .portfolio-box {
width: 100%;
}
.portfolio-boxed-5-col-no-space .hover-content {
padding: 0 15px;
}
/* - Portfolio Boxed 3 Column */
.portfolio-boxed-3-col .hover-content {
padding: 0 20px;
}
/* - Portfolio Boxed 4 Column */
.portfolio-boxed-4-col .portfolio-list li .portfolio-box img,
.portfolio-boxed-4-col .portfolio-list li .portfolio-box {
width: 100%;
}
/* - Portfolio Boxed 5 Column */
.portfolio-boxed-5-col .portfolio-list li {
width: 50%;
}
.portfolio-boxed-5-col .portfolio-list li .portfolio-box img,
.portfolio-boxed-5-col .portfolio-list li .portfolio-box {
width: 100%;
}
.portfolio-boxed-5-col .hover-content {
padding: 0 15px;
}
/* portfolio-full-3-col-no-space */
.portfolio-full-3-col-no-space .hover-content {
padding: 0 20px;
}
/* portfolio-full-4-col-no-space */
.portfolio-full-4-col-no-space .portfolio-list li a .portfolio-box::after {
top: 40px;
bottom: 40px;
left: 40px;
right: 40px;
}
.portfolio-full-4-col-no-space .hover-content {
padding: 0 55px;
}
/* portfolio-full-5-col-no-space */
.portfolio-full-5-col-no-space .portfolio-list li {
width: 50%;
text-align: center;
}
.portfolio-full-5-col-no-space .hover-content {
padding: 30px;
}
.portfolio-full-masonry .portfolio-list li,
.portfolio-full-masonry .portfolio-list li.wide {
width: 50%
}
/* portfolio-full-3-col-space */
.portfolio-full-3-col-space .hover-content {
padding: 0 15px;
}
/* portfolio-full-4-col-space */
.portfolio-full-4-col-space .portfolio-list li a .portfolio-box::after {
top: 20px;
bottom: 20px;
left: 20px;
right: 20px;
}
.portfolio-full-4-col-space .hover-content {
padding: 0 30px;
}
/* portfolio-full-5-col-space */
.portfolio-full-5-col-space .portfolio-list li {
width: 50%;
}
.portfolio-full-5-col-space .hover-content {
padding: 0 30px;
}
/* portfolio-boxed-masonry */
.portfolio-boxed-masonry .portfolio-list li.wide {
width: 50%;
}
.portfolio-boxed-masonry .portfolio-list li .hover-content {
padding: 0 30px;
}
/* portfolio-boxed-mosaic */
.portfolio-boxed-mosaic .portfolio-list li.wide {
width: 50%;
}
.portfolio-boxed-mosaic .portfolio-list li .hover-content {
padding: 0 30px;
}
/* portfolio-full-masonry */
.portfolio-full-masonry .portfolio-list li,
.portfolio-full-masonry .portfolio-list li.wide {
width: 50%;
}
.portfolio-full-masonry .portfolio-list li .hover-content {
padding: 0 30px;
}
/* portfolio-full-mosaic */
.portfolio-full-mosaic .portfolio-list li,
.portfolio-full-mosaic .portfolio-list li.wide {
width: 50%;
}
/* portfolio-single-layout-1 */
.portfolio-single-layout-1 .container h2.single-title,
.portfolio-single-layout-6 .portfolio-single-content h2 {
font-size: 24px;
}
/* portfolio-single-layout-2 */
.portfolio-single-layout-2 .portfolio-single-content h2 {
font-size: 24px;
}
.portfolio-single-layout-2 .porject-details h3 {
font-size: 24px;
}
/* portfolio-single-layout-3 */
.portfolio-single-layout-3 .portfolio-single-content h2 {
font-size: 24px;
}
/* portfolio-single-layout-1 */
.portfolio-single-layout-1 .project-sidebar {
padding-top: 50px;
}
/* portfolio-single-layout-2 */
.portfolio-single-layout-2 .project-sidebar {
padding-top: 50px;
}
/* portfolio-single-layout-4 */
.portfolio-single-layout-4 .portfolio-single-content h2 {
font-size: 24px;
}
/* portfolio-single-layout-5 */
.portfolio-single-layout-5 .portfolio-single-content h2 {
font-size: 24px;
}
.portfolio-single-layout-5 .porject-details h3 {
font-size: 24px;
}
.portfolio-single-layout-5 .project-share {
margin-bottom: 30px;
}
/* portfolio-single-layout-6 */
.portfolio-single-layout-6 .porject-details .col-md-8 {
padding-bottom: 30px;
}
/* portfolio-single-layout-7 */
.portfolio-single-layout-7 .portfolio-single-content h2 {
font-size: 24px;
}
.portfolio-single-layout-7 .porject-details h3 {
font-size: 24px;
}
.portfolio-single-layout-7 .single-content-bgwhite {
padding: 50px 58px 50px 55px;
}
.portfolio-single.portfolio-single-layout-7 .project-share {
padding: 0 0 50px 65px;
}
.portfolio-single .project-share {
position: relative;
padding: 0
}
/* - Alert Section */
.quotes-section .col-sm-6 {
width: 100%;
}
/* - Buttons Section */
.buttons-section .btn-group .btn-secondary {
font-size: 9px;
padding: 12px 4px;
}
.buttons-section .btn-group-3 .btn-secondary i {
display: block;
margin-bottom: 4px;
}
/* - Conceal Image */
.conceal-style-1 .conceal-box .conceal-content {
padding: 54px;
}
.conceal-style-4 .conceal-box {
padding: 60px;
}
/* - Services Page */
.service-conceal .col-xs-6:nth-child(2n+1) {
clear: left;
}
/* - ContentSlider:: Layout1 */
.contentslider-layout1 .carousel::before{
width: 100%;
}
.contentslider-layout1 .carousel-caption {
padding: 50px 0;
}
.contentslider-layout1 .contentslider-content {
padding-left: 8%;
padding-right: 15px;
text-align: left;
}
.contentslider-layout1 .contentslider-content h3 {
margin: 0 0 10px;
padding-bottom: 8px;
font-size: 17px;
}
.contentslider-layout1 .contentslider-content p {
font-size: 15px;
}
/* - ContentSlider:: Layout2 */
.contentslider-layout2 .contentslider-content {
padding: 65px;
}
.contentslider-layout2 .carousel-indicators {
left: 0;
bottom: 25px;
top: auto;
}
/* - ContentSlider:: Layout4 */
.contentslider-layout4 .contentslider-content {
width: 50%;
}
.cover-box .col-xs-6 {
margin-bottom: 30px;
}
.cover-box .col-xs-3 {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.cover-box .col-xs-6 {
width: 100%;
text-align: center;
}
.cover-box-style-2 .cover-light-bg {
background-color: transparent;
}
.cover-box-style-3 .cover-light-bg {
background-color: transparent;
}
.cover-box-style-1 .cover-box-content,
.cover-box-style-2 .cover-box-content,
.cover-box-style-3 .cover-box-content,
.cover-box-style-4 .cover-box-content {
max-width: 270px;
margin: 0 auto;
}
.cover-box-style-2 .cover-box-content {
background-color: #fff;
padding: 20px;
}
.cover-box-style-3 .cover-box-content {
background-color: #332c25;
padding: 20px;
}
.cover-box-style-1 .cover-box-content p::before {
margin: 0 auto;
}
.cover-box-style-2 .cover-box-content h3::after {
right: 0;
margin: 0 auto;
}
.cover-box-style-4 .cover-border {
max-width: 270px;
margin: 0 auto;
}
.cover-box-style-4 .cover-light-bg::after {
right: 35px;
top: 20px;
bottom: 20px;
}
/* - Expandable Section */
/* - Style 4 */
.expandable-section-style-4 .panel-group .panel-heading + .panel-collapse > .panel-body {
padding: 40px 30px 50px;
}
.headings-section .col-xs-6.left-heading {
width: 100%;
}
/* - Style 3 */
.skill-section .skill-section-3 {
margin-bottom: 30px;
}
/* - Hover Image */
.hover-image {
max-width: 570px;
display: block;
margin: 0 auto;
}
.hover-image .hover-box-3 span {
height: 150px;
width: 150px;
line-height: 150px;
}
/* - Icon Teaser */
.icon-teaser-style-2 .icon-teaser-box .teaser-box {
padding: 25px 20px;
left: 15px;
right: 15px;
}
.home15-text-block .col-xs-6 {
width: 100%;
margin-bottom: 30px;
}
.image-banner .col-xs-6 {
width: 100%;
}
.img-banner-content {
max-width: 570px;
}
.image-banner .img-banner-content .img-banner-box {
left: 30px;
}
.image-banner .img-banner-content h3.no-img-4 {
height: 150px;
width: 150px;
line-height: 150px;
}
/* - Interactive Banner */
.interactive-style-1 .interactive-back-content {
padding: 40px 20px;
}
.interactive-style-2 .interactive-box .interactive-content {
bottom: 15px;
}
.interactive-style-2 .interactive-box .interactive-top-content p {
line-height: 22px;
}
.interactive-style-3 .interactive-box .interactive-bottom-content {
text-align: left;
}
.interactive-style-3 .interactive-box .interactive-content a.incredible {
margin-bottom: 15px;
}
.interactive-style-3 .interactive-box .interactive-content {
padding-left: 10px;
padding-right: 10px;
}
.interactive-style-3 .interactive-box .interactive-content p {
height: 60px;
overflow: hidden;
}
/* - Message Section */
.msg-style-3 .alert {
padding: 6px 18px;
}
.msg-style-3 .alert span {
float: none;
display: block;
}
/* - Number Image */
.number-image .number-content span.no-img-4 {
height: 150px;
width: 150px;
line-height: 150px;
}
/* - Pricing Table */
.pricing-style-2 .pricing-content .pricing-box {
padding: 10px 20px 35px 25px;
}
/* - Home3: Pricing Style */
.home3-pricing-style .row .col-md-4:nth-child(2n+1) {
clear: both;
}
.process-section .process-style-4 {
padding: 0 15px;
}
.ribbon-style .col-xs-6 {
text-align: center;
}
/* - Style 1 */
.ribbon-style-1 .ribbon-box {
text-align: left;
}
/* - Social Section */
.social-style-2 ul li,
.social-style-3 ul li {
margin-right: 3px;
}
.social-style-4 ul li a {
font-size: 13px;
}
.social-style-4 ul li a i {
padding-right: 4px;
}
.social-style-4 ul li a span {
display: none;
}
.tab-style .main-tab-style-1 .nav-tabs > li > a,
.tab-style .main-tab-style-1 a {
padding: 10px 16px;
}
.tab-style .main-tab-style-3 .nav-tabs > li > a,
.tab-style .main-tab-style-3 a {
padding: 10px;
}
.tab-style .main-tab-style-4 .nav-tabs {
padding: 0;
}
.text-tab-section .img-block {
margin-left: 0;
margin-right: 0;
}
/* - Home 1 */
.home1-video.video-presentation-fullwidth h3 {
font-size: 34px;
}
/* - Home2: Video Presentation */
.home2-video.video-presentation-fullwidth h3 {
font-size: 34px;
text-align: center;
line-height: 48px;
}
.home2-video.home2-video a {
padding: 12px 30px;
float: none;
}
/* - Home3: Video Presentation */
.home3-video.video-presentation-fullwidth {
padding: 80px 0;
}
.home3-video.video-presentation-fullwidth h3 {
font-size: 34px;
}
/* - Layout 3 */
.map-layout3 .map-description .container .map-detail-block {
top: auto;
width: 100%;
}
.map-layout3 .map-description .map-detail-block h5 {
padding: 50px;
}
.map-layout3 .map-description .map-detail-block > a {
display: inline-block;
margin-bottom: 50px;
position: relative;
bottom: 0;
left: 50px;
}
.image-gallery-section .section-title h3 {
font-size: 30px;
margin-bottom: 20px;
}
.image_gallery-layout4 .gallery-masonry-list .gallery-masonry-box,
.image_gallery-layout4 .gallery-masonry-list .gallery-masonry-box.wide {
width: 50%;
}
/* - ImageSlider Section:: Layout2 */
.image_slider-layout2 .item.active .col-md-4::before {
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
}
.image_slider-layout2 .imgslider-content::before {
width: 45px;
}
/* - ImageSlider Section:: Layout3 */
.image_slider-layout3 .item.active .col-md-4::before {
top: 10px;
bottom: 10px;
left: 25px;
right: 25px;
}
.image_slider-layout3 .item.active .col-md-4::after {
top: 10px;
left: 40px;
}
.image_slider-layout3 .imgslider-content {
padding-right: 10%;
padding-left: 40px;
}
.image_slider-layout3 .carousel-inner {
left: -85%;
width: 270%;
}
.image_slider-layout3 .imgslider-content h3 {
font-size: 16px;
margin: 0 0 3px;
}
.image_slider-layout3 .imgslider-content p {
height: 30px;
overflow: hidden;
}
.image_slider-layout3 .carousel-control {
top: 56%;
}
.image_slider-layout3 .left.carousel-control {
left: 4%;
}
.image_slider-layout3 .right.carousel-control {
right: 5%;
}
.image_slider-layout3 .item.active .col-md-4::after {
width: 30px;
}
.ow-pagination-3 .pagination a {
height: 45px;
width: 45px;
line-height: 30px;
}
/* Offline */
.offline-content .logo-section {
padding: 75px 0 150px;
}
.offline-content {
padding-bottom: 75px;
}
.offline-content-box {
margin-left: 40px;
margin-right: 40px;
}
.offline-content-box p {
font-size: 30px;
}
.offline-content .offline-social li a {
padding: 0 25px;
}
/* Error */
.error-page {
padding: 100px 0;
}
.error-page .error-content .error-box h2 {
font-size: 70px;
}
.error-page .error-content .error-box span {
font-size: 21px;
line-height: 30px;
}
.error-page .error-content .error-box {
margin-left: 5%;
margin-right: 5%;
padding: 20px 25px 22px;
}
/* comingsoon */
.comingsoon-content > p {
font-size: 32px;
}
.comingsoon-box p {
margin-right: 50px;
}
.comingsoon-content .comingsoon-box p::after {
content:"";
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
}
.comingsoon-content .comingsoon-box p {
max-width: 70px;
max-height: 70px;
padding: 5px 0;
font-size: 24px;
}
.comingsoon-box {
padding: 0 0px 150px;
}
.comingsoon .logo-section {
padding: 100px 0;
}
.comingsoon-social li a {
padding: 0 18px;
}
.headings-section .left-heading h1,
.headings-section .heading-full h1 {
font-size: 50px;
}
.headings-section .left-heading h2,
.headings-section .heading-full h2 {
font-size: 46px;
}
.video-section iframe {
height: 500px;
}
.video-vimeo-bg iframe {
height: 400px;
}
.video-presentation-fullwidth h3 {
font-size: 44px;
}
/* - Pagination */
.ow-pagination-3 .pagination li a {
height: 44px;
width: 44px;
line-height: 30px;
}
.ow-pagination-3 .pagination .right-angle.next a {
line-height: 22px;
}
.ow-pagination a.page-link {
float: left;
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
}
/* - min-width: 768 to max-width: 991 */
@media only screen and (min-width: 640px) and (max-width: 767px) {
}
/* - max-width: 639 */
@media (max-width: 639px) {
/* - Home 6 */
.home6-sections .numbered-image span {
padding: 10px 20px;
font-size: 30px;
width: 100px;
}
.square-skill-section .col-xs-6 {
width: 100%;
}
.home-portfolio-8 .portfolio-list li {
width: 100%;
}
.home-portfolio-8 .hover-content {
padding: 0 60px;
}
/* -- Slider Section */
.small-thumb a .thumb-title {
padding: 0 5px;
}
/* - Home 16 */
/* - Home16 Text Block */
.home16-text-block .col-xs-6 {
width: 100%;
margin-bottom: 30px;
}
/* - Blog Section */
.type-post .entry-title {
font-size: 24px;
}
.type-post .entry-meta .post-by {
width: 100%;
}
.type-post .entry-meta .post-date {
float: none;
}
.content-area .type-post.quote-post .entrycontent-block,
.type-post.quote-post .entrycontent-block {
padding: 15px;
}
.content-area .type-post.quote-post blockquote p,
.type-post.quote-post blockquote p {
font-size: 22px;
line-height: 28px;
}
/* - Blog:: Fullwidth 3col */
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box {
width: 100%;
}
.portfolio-title {
font-size: 35px;
}
/* - Columns Section */
.columns-section .col-xs-6,
.columns-section .col-xs-4,
.columns-section .col-xs-8,
.columns-section .col-xs-3,
.columns-section .col-xs-9 {
width: 100%;
}
/* - Conceal Image */
.conceal-style {
margin-bottom: 0;
}
.conceal-style .conceal-box {
margin-bottom: 30px;
}
.conceal-style .col-xs-6 {
width: 100%;
}
/* - ContentSlider:: Layout2 */
.contentslider-layout2 .contentslider-content {
padding: 85px 25px;
}
.contentslider-layout2 .contentslider-content a {
margin-top: 25px;
}
.contentslider-layout2 .contentslider-content h3 {
font-size: 20px;
}
/* - ContentSlider:: Layout4 */
.contentslider-layout4 .contentslider-content {
width: 75%;
}
/* - Dropcaps Section */
.dropcaps-box .col-xs-6 {
width: 100%;
}
/* - Home 6 */
.home6-sections .numbered-image span {
padding: 10px 20px;
font-size: 30px;
width: 100px;
}
.square-skill-section .col-xs-6 {
width: 100%;
}
.home-portfolio-8 .portfolio-list li {
width: 100%;
}
.home-portfolio-8 .hover-content {
padding: 0 60px;
}
/* -- Slider Section */
.small-thumb a .thumb-title {
padding: 0 5px;
}
/* - Home 16 */
/* - Home16 Text Block */
.home16-text-block .col-xs-6 {
width: 100%;
margin-bottom: 30px;
}
/* - Blog Section */
.type-post .entry-title {
font-size: 24px;
}
.type-post .entry-meta .post-by {
width: 100%;
}
.type-post .entry-meta .post-date {
float: none;
}
.content-area .type-post.quote-post .entrycontent-block,
.type-post.quote-post .entrycontent-block {
padding: 15px;
}
.content-area .type-post.quote-post blockquote p,
.type-post.quote-post blockquote p {
font-size: 22px;
line-height: 28px;
}
/* - Blog:: Fullwidth 3col */
.blogfullwidth_3col.blogfullwidth_2col .blog-masonry-box {
width: 100%;
}
.portfolio-title {
font-size: 35px;
}
/* - Columns Section */
.columns-section .col-xs-6,
.columns-section .col-xs-4,
.columns-section .col-xs-8,
.columns-section .col-xs-3,
.columns-section .col-xs-9 {
width: 100%;
}
/* - Conceal Image */
.conceal-style {
margin-bottom: 0;
}
.conceal-style .conceal-box {
margin-bottom: 30px;
}
.conceal-style .col-xs-6 {
width: 100%;
}
/* - ContentSlider:: Layout2 */
.contentslider-layout2 .contentslider-content {
padding: 85px 25px;
}
.contentslider-layout2 .contentslider-content a {
margin-top: 25px;
}
.contentslider-layout2 .contentslider-content h3 {
font-size: 20px;
}
/* - ContentSlider:: Layout4 */
.contentslider-layout4 .contentslider-content {
width: 75%;
}
/* - Dropcaps Section */
.dropcaps-box .col-xs-6 {
width: 100%;
}
.icon-teaser .col-xs-6 {
width: 100%;
}
.icon-teaser .icon-teaser-box {
max-width: 370px;
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.icon-teaser-style-4 .icon-teaser-box {
text-align: left;
}
.image-banner .img-banner-content .img-banner-box {
max-height: 175px;
}
/* - Interactive Banner */
.interactive-style .col-xs-6 {
width: 100%;
text-align: center;
}
.interactive-style-2 .col-xs-6 {
margin-bottom: 30px;
}
.interactive-style-3.interactive-style .col-xs-6 {
text-align: left;
}
.interactive-style-3 .interactive-box .interactive-content {
top: 10px;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
}
.interactive-style-3 .interactive-box .interactive-bottom-content {
bottom: 5px;
}
.interactive-style-3 .interactive-box .interactive-content p {
height: 50px;
overflow: hidden;
}
/* - List Section */
.list-section .col-xs-6 {
width: 100%;
}
/* - Number Image */
.number-image.col-xs-6 {
width: 100%;
}
/* - Pricing Table */
.pricing-style .col-sm-6 {
width: 100%;
}
.pricing-style .pricing-content {
margin-left: auto;
margin-right: auto;
}
.pricing-style-2 .pricing-content {
max-width: 370px;
}
.pricing-style-3 .pricing-content {
max-width: 370px;
}
.process-section .col-sm-6 {
width: 100%;
}
/* - Style 4 */
.ribbon-style-4 .ribbon-box::after {
bottom: 24px;
}
/* - Service Table */
.service-style .col-sm-6 {
width: 100%;
}
.service-style-2 {
max-width: 370px;
margin: 0 auto;
}
.service-style-3 {
max-width: 370px;
margin: 0 auto;
}
/* - Social Section */
.social-style-1 ul li {
margin-right: 15px;
}
.tab-style {
width: 100%;
}
.team-section .col-xs-6 {
width: 100%;
text-align: center;
}
.team-section .team-style-1,
.team-section .team-style-2,
.team-section .team-style-4 {
margin: 0 auto;
}
/* - Layout 2 */
.map-layout2 .map-description .col-md-6 {
padding-left: 0;
padding-right: 0;
}
.map-layout2 .map-description .map-detail-block {
padding: 20px 40px 20px 147px;
}
/* - ImageGallery Layout4:: GrayScale:: 4 */
.grayscale4.image_gallery-layout4 .gallery-masonry-box {
width: 33.333333%;
}
.grayscale4.image_gallery-layout4 .gallery-masonry-box.wide {
width: 66.666666%;
}
/* - ImageGallery Layout1 */
.image_gallery-layout1 .container {
max-width: 586px;
float: none;
margin: 0 auto;
}
.image_gallery-layout1 .container [class*="col-xs-"] {
width: 50%;
}
/* - ImageGallery Layout4 */
.image_gallery-layout4 .gallery-masonry-box a::before {
left: 10px;
right: 10px;
top: 10px;
bottom: 10px;
}
.image_gallery-layout4 .gallery-masonry-box.col-xs-3 {
width: 50%;
}
/* - ImageSlider Section:: Layout2 */
.image_slider-layout2 .item.active .col-md-4::before {
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.image_slider-layout2 .left.carousel-control {
left: 20px;
}
.image_slider-layout2 .right.carousel-control {
right: 30px;
}
/* - ImageSlider Section:: Layout3 */
.image_slider-layout3 .carousel-inner {
left: -71%;
width: 240%;
}
.image_slider-layout3 .item.active .col-md-4::before {
border-width: 2px;
}
.image_slider-layout3 .item.active .col-md-4::after {
width: 20px;
}
.image_slider-layout3 .imgslider-content p {
display: none;
}
.image_slider-layout3 .carousel-control {
font-size: 26px;
top: 52%;
}
/* - Pagination Section */
.ow-pagination-1 .pagination li {
margin-right: 10px;
}
.ow-pagination-1 .pagination li.left-angle {
margin-right: 10px;
}
.ow-pagination-1 .pagination li.right-angle {
margin-left: 5px;
}
.ow-pagination-2 .pagination li {
margin-right: 10px;
}
.ow-pagination-2 .pagination li.left-angle {
margin-right: 10px;
}
.ow-pagination-2 .pagination li.right-angle {
margin-left: 5px;
}
.ow-pagination-4 {
background-color: transparent;
}
.ow-pagination-3 .pagination li {
margin-right: 4px;
}
/* - Popup */
/* - Style 1 */
.popup-style-1 .popup-box .popup-content {
padding: 50px 35px;
}
.popup-style-1 .popup-box .popup-content p {
margin-bottom: 55px;
}
.popup-style-3 .popup-image > img {
max-width: 300px;
}
.popup-style-3 .popup-box .popup-content p {
margin-bottom: 50px;
}
.popup-style-3 .popup-box .popup-content {
padding: 30px 0 20px 20px;
}
}
/* -- max-width: 600 */
@media (max-width: 600px) {
/* -- Slider Section */
.small-thumb a .thumb-title h4 {
perspective: 184px;
}
}
/* - max-width: 479 */
@media (max-width: 479px) {
/* Home 3 */
.ourwork-section .ourwork-imgbox {
width: 50%;
}
/* - Home 5 */
.home5-slider-section {
padding-top: 30px;
padding-bottom: 0;
}
.home5-slider-section .home5-thumb-slide.flexslider .type-post .entry-meta,
.home5-slider-section .home5-main-slide.flexslider .type-post .entry-meta {
margin-bottom: 0;
}
.home5-slider-section .home5-main-slide.flexslider .type-post .entry-title {
font-size: 20px;
line-height: 30px;
}
.home5-slider-section .custom-navigation {
bottom: 60px;
}
/* - Home 6 */
.home6-sections .col-xs-6 {
width: 100%;
}
/* -- Slider Section */
.photo-slider .carousel-content h2 {
font-size: 30px;
}
.photo-slider .carousel-content h6 {
font-size: 24px;
}
.small-thumb a {
margin-left: 5px;
margin-right: 5px;
}
.photo-slider .carousel-content {
top: 30%;
padding-top: 0;
}
/* - Blog Section */
.type-post .entry-title {
font-size: 20px;
}
.type-post .entry-content p {
font-size: 14px;
}
.type-post .entry-meta .post-by {
width: 100%;
float: none;
margin-bottom: 5px;
}
.type-post .entry-meta .post-share a {
margin-left: 0;
}
/* - Blog:: Masonry */
.blog-masonry-list {
max-width: 280px;
float: none;
margin: 0 auto;
}
.blog-masonry-box {
width: 100%;
}
/* - Blog:: Fullwidth 2Col */
.blogfullwidth_2col .blog-masonry-box .type-post .entry-title {
font-size: 18px;
line-height: 28px;
}
.blog_fullwidth_custom .type-post .entry-meta,
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta {
margin-bottom: 8px;
}
.blog_fullwidth_custom .type-post .entry-meta .post-date,
.blog_fullwidth_custom .type-post .entry-meta .post-share,
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-date,
.blogfullwidth_2col .blog-masonry-box .type-post .entry-meta .post-share{
line-height: 26px;
margin-bottom: 0;
}
/* - Blog:: Fullwidth Custom */
.blog_fullwidth_custom .type-post .entry-meta .post-share a {
margin-left: 0;
}
/* - Blog:: WithSidebar */
.blog-section .content-area .type-post .entry-title {
font-size: 22px;
line-height: 30px;
}
/* - Blog:: SinglePost Sidebar */
.blog_singlepost_sidebar .type-post .entry-content p {
margin-bottom: 5px;
}
.blog_singlepost_sidebar .type-post .blockquote-box blockquote p{
padding: 5px;
font-size: 16px;
}
.post-comments .media-heading span {
width: 100%;
display: inline-block;
}
.post-comments .media-content {
margin-left: 5px;
}
.post-comments .media-heading span{
float: none;
}
.post-comments .media-body .media::before{
left: -25px;
}
.post-comments .media-content p {
font-size: 15px;
}
.recentpost-section .block-title {
font-size: 20px;
}
.blog-section .widget-area .widget_latestpost .type-post .entry-title {
font-size: 18px;
}
/* - RecentPost Carousel Section */
.recentpost-carousel-section .block-title {
margin-left: 55px;
}
.recentpost-carousel .type-post .entry-meta .post-date a,
.recentpost-carousel .type-post .entry-meta .post-share a,
.recentpost-carousel .type-post .post-by{
line-height: 24px;
}
.recentpost-carousel .type-post .entry-meta .post-share a{
margin-left: 0;
}
.blog_singlepost_fullwidth .recentpost-carousel-section .block-title{
font-size: 18px;
}
/* - RecentPost Section */
.recentpost-section.blog-section .type-post .entry-title {
font-size: 22px;
}
.portfolio-title {
font-size: 25px;
}
.portfolio-categories li a {
font-size: 14px;
padding: 14px 9px;
}
/* - Portfolio Boxed 3 Column No Space */
.portfolio-boxed .portfolio-list li {
width: 100%;
text-align: center;
}
/* - Portfolio Boxed 5 Column-No Space */
.portfolio-boxed-5-col-no-space .portfolio-list li {
width: 50%;
}
.portfolio-boxed-5-col-no-space .hover-content h4 {
font-size: 14px;
}
/* - Portfolio Boxed 5 Column */
.portfolio-boxed-5-col .portfolio-list li {
width: 50%;
}
.portfolio-boxed-5-col .hover-content h4 {
font-size: 14px;
}
/* portfolio-full-3-col-no-space */
.portfolio-full-3-col-no-space .portfolio-list li {
width: 100%;
}
/* portfolio-full-5-col-no-space */
.portfolio-full-5-col-no-space .portfolio-list li {
width: 100%;
text-align: center;
}
.portfolio-full-5-col-no-space .hover-content {
padding: 30px;
}
/* portfolio-full-3-col-space */
.portfolio-full-3-col-space .portfolio-list li {
width: 100%;
}
.portfolio-full-3-col-space .hover-content {
padding: 0 15px;
}
/* portfolio-full-4-col-space */
.portfolio-full-4-col-space .portfolio-list li {
width: 100%;
}
/* portfolio-full-5-col-space */
.portfolio-full-5-col-space .portfolio-list li {
width: 100%;
}
/* portfolio-boxed-masonry */
.portfolio-boxed-masonry .portfolio-list li,
.portfolio-boxed-masonry .portfolio-list li.wide {
width: 100%;
text-align: center;
}
/* portfolio-boxed-mosaic */
.portfolio-boxed-mosaic .portfolio-list li,
.portfolio-boxed-mosaic .portfolio-list li.wide {
width: 100%;
text-align: center;
}
/* portfolio-full-masonry */
.portfolio-full-masonry .portfolio-list li,
.portfolio-full-masonry .portfolio-list li.wide {
width: 100%;
text-align: center;
}
/* portfolio-full-mosaic */
.portfolio-full-mosaic .portfolio-list li,
.portfolio-full-mosaic .portfolio-list li.wide {
width: 100%;
text-align: center;
}
.portfolio-full-mosaic .portfolio-list li .hover-content {
padding: 0 30px;
}
/* - Portfolio Boxed 5 Column */
.portfolio-boxed-5-col .portfolio-list li {
width: 100%;
}
.home13-full-5-col.portfolio-full-5-col-space .portfolio-list li .portfolio-box {
max-width: 351px;
display: block;
margin-left: auto;
margin-right: auto;
}
/* portfolio-single-layout-7 */
.portfolio-single-layout-7 .single-content-bgwhite {
padding: 50px 20px;
}
.portfolio-single-layout-7 .porject-details-2 .single-content-bgwhite {
padding: 50px 20px;
}
.portfolio-single.portfolio-single-layout-7 .project-share {
padding: 0px 20px 50px;
}
.portfolio-single-layout-7 .project-share ul li {
padding-left: 15px;
}
/* - Home2: Portfoliofull 4col Nospace */
.home2-portfolio-full-4-col-no-space .portfolio-categories li {
margin: 0 5px;
}
.home2-portfolio-full-4-col-no-space .portfolio-categories li a {
font-size: 14px;
}
/* - Accordion Block:: Layout1 */
.accordion-block.layout1 .panel-title a {
font-size: 15px;
padding-left: 45px;
padding-right: 15px;
}
.accordion-block.layout1 .panel-title a::before {
left: 15px;
}
.accordion-block.layout1 .panel-body {
padding: 15px;
}
/* - Accordion Block:: Layout2 */
.accordion-block.layout2 .panel-body,
.accordion-block.layout2 .panel-title a {
padding-left: 95px;
padding-right: 15px;
}
/* - Accordion Block:: Layout3 */
.accordion-block.layout3 .panel-title a {
padding: 10px 15px 10px 120px;
}
.accordion-block.layout3 .panel-body {
padding: 15px;
}
.accordion-block.layout4 .panel-body::before {
width: 80px;
}
/* - Accordion Block:: Layout4 */
.accordion-block.layout4 .panel-body{
padding: 15px 15px 15px 100px;
}
.accordion-block.layout4 .panel-title a {
padding: 25px 50px 25px 20px;
}
/* - Alert Section */
.alert-section .alert button.close {
right: 15px;
}
.alert-section .alerts-style-1 .alert button.close {
right: 10px;
top: 20px;
}
.alert-section .alerts-style-2 .alert {
padding-bottom: 15px;
padding-top: 15px;
}
.alert-section .alerts-style-2 .alert span::before {
padding: 0 10px;
}
.alert-section .alerts-style-4 .alert button.close {
right: 15px;
top: 30px;
}
.buttons-section .block-title {
text-align: left;
}
/* - Buttons Section */
.buttons-section .col-xs-6.buttons-styles,
.buttons-section .col-xs-6 {
width: 100%;
text-align: center;
}
.call-out-container .call-out-style-1,
.call-out-container .call-out-style-2,
.call-out-container .call-out-style-3,
.call-out-container .call-out-style-4 {
padding-left: 15px;
padding-right: 15px;
}
.call-out-style-1 .call-out-content h3,
.call-out-style-2 .call-out-content h3,
.call-out-style-3 .call-out-content h3,
.call-out-style-4 .call-out-content h3 {
font-size: 25px;
}
/* - ClientSection:: Layout 3 */
.client_carousel-3 {
max-width: 300px;
float: none;
margin: 0 auto;
text-align: center;
}
/* - ClientSection:: Layout 4 */
.clientcarousel-layout4 {
padding-top: 25px;
padding-bottom: 15px;
}
.clientcarousel-layout4 h3 {
font-size: 20px;
}
.clientcarousel-layout4 p {
font-size: 15px;
line-height: 26px;
}
/* - Conceal Image */
.conceal-style-1 .conceal-box .conceal-content {
padding: 40px;
}
/* - ContentSlider:: Layout1 */
.contentslider-layout1 .carousel::before{
width: 100%;
}
.contentslider-layout1 .carousel-indicators li {
margin-bottom: 8px;
}
/* - ContentSlider:: Layout2 */
.contentslider-layout2 .contentslider-content h3 {
font-size: 17px;
}
.contentslider-layout2 .contentslider-content {
padding: 30px 25px 80px;
}
/* - ContentSlider:: Layout3 */
.contentslider-layout3 .contentslider-content {
padding: 40px 20px 80px;
border-width: 15px;
}
.contentslider-layout3 .contentslider-content h3 {
font-size: 15px;
}
.contentslider-layout3 .contentslider-content h3 {
margin-bottom: 0;
padding-bottom: 5px;
}
/* - ContentSlider:: Layout4 */
.contentslider-layout4 .contentslider-content {
padding: 30px 15px 70px;
}
.contentslider-layout4 .contentslider-content h3{
font-size: 17px;
}
.contentslider-layout4 .carousel-indicators {
left: 30px;
bottom: 40px;
}
/* - Counter Section */
.counter-section .col-xs-6 {
width: 100%;
text-align: center;
}
.counter-section-1 p::after {
left: 0;
right: 0;
margin: 0 auto;
}
.cover-box-style-4 .cover-light-bg::after {
left: 18px;
right: 18px;
}
/* - Doughnut Chart */
.doughnut-style .col-xs-6 {
width: 100%;
text-align: center;
}
.doughnut-style .chart-legend .doughnut-legend {
display: inline-block;
}
/* - Expandable Section */
/* - Style 1 */
.expandable-section-style-1 .panel-default > .panel-heading .panel-title a {
padding: 35px 72px;
}
/* - Full Pie Chart */
.full-pie-style .col-xs-6 {
width: 100%;
text-align: center;
}
.full-pie-style .chart-legend .doughnut-legend {
display: inline-block;
}
/* - Info Boxes */
.info-boxes .info-boxes-content::after {
bottom: 10px;
left: 10px;
right: 10px;
top: 10px;
}
.info-boxes .info-content h3 {
margin-bottom: 5px;
padding-bottom: 8px;
}
.info-boxes .info-content p {
font-size: 12px;
line-height: 16px;
}
.info-boxes .info-content-1 {
left: 15px;
}
.info-boxes .info-content-1 .block-title h5 {
font-size: 15px;
margin-bottom: 5px;
}
.info-boxes .info-content-1 p {
font-size: 12px;
line-height: 15px;
margin-bottom: 10px;
padding-right: 20px;
}
/* - Home2: Interactive Style2 */
.home2-interactive-style-2 .section-header h3 {
font-size: 27px;
}
/* - List Section */
.list-section ul.circle-number li span {
margin-right: 15px;
}
/* - Message Section */
.msg-style-1 .alert button.close {
right: 20px;
}
.msg-style-2 .alert {
padding-bottom: 15px;
padding-top: 15px;
}
.msg-style-2 .alert span::before {
padding: 0 10px;
}
.msg-style-4 .alert {
padding: 16px 38px;
}
/* - Home2: Process Section */
.home2-process-section .section-header h3 {
font-size: 26px;
}
.ribbon-style .col-xs-6 {
width: 100%;
}
/* - Style 4 */
.ribbon-style-4 .ribbon-box .shape::after {
-webkit-transform: skew(-50deg, -3deg);
-moz-transform: skew(-50deg, -3deg);
-ms-transform: skew(-50deg, -3deg);
-o-transform: skew(-50deg, -3deg);
transform: skew(-50deg, -3deg);
}
/* - Social Section */
.social-style-1 ul li,
.social-style-2 ul li,
.social-style-3 ul li {
margin-bottom: 5px;
}
.social-style-4 ul li a {
padding: 15px 0;
}
.tab-style .main-tab-style-1 .nav-tabs > li > a,
.tab-style .main-tab-style-1 a {
padding: 10px 12px;
font-size: 15px;
}
.team-section .team-style-3 .team-content {
top: 0;
right: 15px;
}
.team-section .team-style-4 .team-social {
padding: 60px 0;
}
/* - Testimonials Section */
.testimonials-section .testimonial-style-2 .testimonial-content h3 {
font-size: 14px;
}
.vertical-skill-section-1 .col-xs-2 {
width: 20%;
}
.vertical-skill-section-2 .col-xs-4 {
width: 50%;
}
.vertical-skill-section-3 .col-xs-2 {
width: 25%;
}
.vertical-skill-section-4 .col-xs-4 {
width: 50%;
}
/* - Home 1 */
.home1-video.video-presentation-fullwidth h3 {
font-size: 24px;
}
/* - Video Section */
.video-section .video-section-content h3 {
font-size: 40px;
}
.video-section .video-section-content a {
margin-bottom: 10px;
}
/* - Home2: Video Presentation */
.home2-video.video-presentation-fullwidth h3 {
font-size: 25px;
line-height: 38px;
}
/* - Home3: Video Presentation */
.home3-video.video-presentation-fullwidth h3 {
font-size: 28px;
line-height: 38px;
}
/* - Layout 2 */
.map-layout2 .map-description .map-detail-block {
padding: 15px 15px 15px 95px;
min-height: 80px;
}
.map-layout2 .map-description .map-detail-block img {
width: 80px;
height: 86px;
}
.map-layout2 .map-description .map-detail-block h5 {
font-size: 18px;
}
.map-layout2 .map-description .map-detail-block h5 span {
font-size: 12px;
padding-top: 10px;
}
/* - Layout 4 */
.map-layout4 .googlemap-image {
width: 50%;
height: 100%;
}
.map-layout4 .googlemap-image img {
position: absolute;
width: 100%;
height: 100%;
}
/* - Icon Progress Bar Section */
.icon-progress-bar-section .section-title h3 {
font-size: 25px;
margin-bottom: 30px;
}
/* - ImageGallery Section:: GrayScale Main */
.grayscale-main.image-gallery-section .section-title h3 {
font-size: 28px;
}
/* - ImageGallery Layout3 */
.grayscale3.image_gallery-layout3 [class*="col-xs-"] {
width: 100%;
max-width: 270px;
float: none;
margin: 0 auto;
}
/* - ImageGallery Layout4:: GrayScale:: 4 */
.grayscale4.image_gallery-layout4 .gallery-masonry-box {
width: 50%
}
.grayscale4.image_gallery-layout4 .gallery-masonry-box.wide {
width: 100%;
}
/* - ImageGallery Layout1 */
.image_gallery-layout1 .container {
max-width: 300px;
float: none;
margin: 0 auto;
}
.image_gallery-layout1 .container [class*="col-xs-"] {
width: 100%;
}
/* - ImageGallery Layout2 */
.image_gallery-layout2 [class*="col-xs-"] {
width: 100%;
max-width: 318px;
float: none;
margin: 0 auto;
}
/* - ImageGallery Layout3 */
.image_gallery-layout3 [class*="col-xs-"] {
width: 100%;
max-width: 450px;
float: none;
margin: 0 auto;
}
.image_gallery-layout3 .img-box::before {
bottom: 15px;
left: 15px;
right: 15px;
top: 15px;
}
/* - ImageGallery Layout4 */
.image_gallery-layout4 .gallery-masonry-list .gallery-masonry-box {
width: 100%;
max-width: 272px;
float: none;
margin: 0 auto 15px;
left: 0 !important;
right: 0 !important;
}
.image_gallery-layout4 .gallery-masonry-list .gallery-masonry-box.wide {
width: 100%;
max-width: 590px;
float: none;
left: 0 !important;
right: 0 !important;
}
/* - Tables */
.table-style-1.table-striped > thead > tr > th,
.table-style-2.table-bordered > thead > tr > th,
.table-style-3.table-striped > thead > tr > th,
.table-style-4.table-bordered > thead > tr > th {
padding: 25px 0 25px 20px;
}
.table-style-1.table-striped tbody tr th,
.table-style-3.table-striped tbody tr th {
padding: 18px 0 18px 20px;
}
.table-style-1.table-striped tbody tr td,
.table-style-3.table-striped tbody tr td {
padding: 18px 15px 18px 20px;
}
.table-style-2.table-bordered tbody > tr > td,
.table-style-4.table-bordered tbody > tr > td {
padding-left: 20px;
padding-right: 15px;
}
/* - ImageSlider Section:: Layout2 */
.image_slider-layout2 .imgslider-content {
left: 5%;
right: 5%;
}
.image_slider-layout2 .imgslider-content p {
padding: 0 15px;
height: 20px;
overflow: hidden;
}
.image_slider-layout2 .carousel-control {
font-size: 18px;
}
.image_slider-layout2 .carousel-control {
top: 55%;
}
.image_slider-layout2 .left.carousel-control {
left: 10px;
}
.image_slider-layout2 .right.carousel-control {
right: 20px;
}
/* - ImageSlider Section:: Layout3 */
.image_slider-layout3 .carousel-control {
top: 45%;
}
.ow-pagination-1 .pagination li,
.ow-pagination-2 .pagination li,
.ow-pagination-3 .pagination li {
margin-bottom: 5px;
}
.ow-pagination-3 .pagination li.first-left,
.ow-pagination-3 .pagination li.prev {
float: none;
}
.ow-pagination-3 .pagination li.last-right,
.ow-pagination-3 .pagination li.next {
float: none;
}
.ow-pagination-3 .pagination li.last-right {
margin-right: 5px;
}
.popup-style-1 .popup-box .popup-content {
padding: 25px;
}
.popup-style-1 .popup-box .popup-content h3 {
margin-bottom: 12px;
padding-bottom: 12px;
}
.popup-style-1 .popup-box .popup-content p {
margin-bottom: 20px;
}
.popup-style-4 .popup-box .popup-content {
padding: 35px 15px 28px;
}
.popup-style-3 .popup-box .popup-content {
position: relative;
padding-right: 15px;
}
.popup-style-3 .popup-box .popup-image {
text-align: center;
}
.popup-style-3 .popup-image > img {
max-width: 250px;
}
/* Offline */
.offline-content-box {
margin-left: 20px;
margin-right: 20px;
padding: 35px 20px;
}
.offline-content-box p {
font-size: 18px;
}
.offline-content .offline-social li a {
padding: 0 19px;
}
/* Error */
.error-page {
padding: 100px 0;
}
.error-page .error-content .error-box h2 {
font-size: 40px;
}
.error-page .error-content .error-box span {
font-size: 16px;
line-height: 18px;
}
.error-page .error-content .error-box {
margin-left: 0;
margin-right: 0;
}
.comingsoon .logo-section {
padding: 100px 0;
}
.comingsoon-box {
padding: 0 0px 100px;
}
.comingsoon-content > p {
font-size: 32px;
}
.comingsoon-content .comingsoon-box p::after {
content:"";
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
}
.comingsoon-content .comingsoon-box p {
max-width: 50px;
max-height: 50px;
padding: 5px 0 0;
font-size: 18px;
margin-bottom: 50px;
}
.comingsoon-content .comingsoon-box p span {
font-size: 10px;
}
.headings-section .left-heading h1,
.headings-section .heading-full h1 {
font-size: 36px;
}
.headings-section .left-heading h2,
.headings-section .heading-full h2 {
font-size: 28px;
}
.headings-section .left-heading h3,
.headings-section .heading-full h3 {
font-size: 24px;
}
.headings-section .left-heading h4,
.headings-section .heading-full h4 {
font-size: 20px;
}
.headings-section .left-heading h5,
.headings-section .heading-full h5 {
font-size: 18px;
}
.headings-section .left-heading h6,
.headings-section .heading-full h6 {
font-size: 16px;
}
/* - Info Box */
.info-boxes .info-content-2,
.info-boxes .info-content-3 {
padding: 20px;
}
}
/* - max-width: 360 */
@media (max-width: 360px) {
/* - Conceal Image */
.conceal-style-3 .conceal-box .conceal-content {
padding: 30px 30px 47px;
}
.conceal-style-3 .conceal-box-1 .conceal-content {
margin: 25px;
}
/* - Style 1 */
.expandable-section-style-1 .panel-title a::after {
left: 25px;
top: 45px;
}
/* - Style 2 */
.expandable-section-style-2 .panel-title a::after {
left: 15px;
top: 45px;
}
.interactive-style-3 .interactive-box .interactive-content {
left: 15px;
}
.interactive-style-3 .interactive-box .interactive-content a.incredible {
padding: 8px 20px;
font-size: 14px;
}
.interactive-style-3 .interactive-box .interactive-bottom-content {
padding: 0 15px;
}
.interactive-style-3 .interactive-box .interactive-bottom-content p {
line-height: 18px;
}
.interactive-style-4 .interactive-back-content {
padding: 20px 8px;
}
/* - Style 4 */
.ribbon-style-4 .ribbon-box .shape::after {
-webkit-transform: skew(-50deg, -5deg);
-moz-transform: skew(-50deg, -5deg);
-ms-transform: skew(-50deg, -5deg);
-o-transform: skew(-50deg, -5deg);
transform: skew(-50deg, -5deg);
}
.popup-style-1 .popup-box .popup-content {
padding: 15px;
}
.popup-style-1 .popup-box .popup-content h3 {
margin-bottom: 8px;
padding-bottom: 8px;
}
.popup-style-1 .popup-box .popup-content p {
margin-bottom: 12px;
line-height: 23px;
}
.popup-style-2 .popup-box .popup-content h3 {
margin-bottom: 20px;
}
.popup-style-2 .popup-box .popup-content p {
margin-top: 25px;
}
}