.cta {
visibility: visible;
width: 100%;
margin: 0;
}
.cta p {
margin-bottom: 0;
}
.cta .cta-content {
display: inline-block;
}
.cta-style-1 {
background-color: #11b5e6;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
}
.cta-style-1 .cta-wrapper {
padding: 30px 20px;
}
.cta-style-1 h1 {
color: #fff;
font-size: 22px;
text-transform: none !important;
margin-bottom: 0;
}
.cta-style-1 p {
color: #fff;
margin-top: 10px;
}
.cta-style-1 .cta-buttons {
display: inline-block;
float: right;
margin-top: 12px;
}
.cta-style-1 .btn {
background-color: #2c394c;
color: #fff !important;
font-weight: 600;
border-radius: 2px;
font-size: 14px;
padding: 14px 22px;
border-radius: 50px;
}
.cta-style-2 {
padding: 80px 0 50px 0;
position: relative;
background-color: #11b5e6;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
}
.cta-style-2 h1 {
font-size: 30px;
line-height: 40px;
margin: 0;
color: #fff;
text-transform: none !important;
}
.cta-style-2 p {
font-size: 15px;
margin: 12px 80px;
color: #fff;
line-height: 30px;
}
.cta-style-2 .btn {
display: inline-block;
background-color: #11b5e6;
padding: 12px 20px;
color: #fff !important;
font-weight: 600;
border-radius: 50px;
font-size: 14px;
}
@media (max-width:768px) {
.cta {
text-align: center;
}
.cta-style-1,
.cta-style-2 {
padding-bottom: 30px;
}
.cta-style-1 .cta-wrapper i,
.cta-style-2 .cta-wrapper i {
display: none;
}
.cta-style-2 h1,
.cta-style-2 p {
margin-left: 50px;
margin-right: 50px;
}
}
@media (max-width:992px) {
.cta {
text-align: center;
}
.cta .cta-buttons {
margin-top: 15px;
text-align: center;
display: inline-block;
float: none;
}
} .recent-posts {
position: relative;
width: 100%;
height: 100%;
visibility: hidden;
}
.recent-post {
display: inline-block;
height: 100%;
position: relative;
margin-bottom: 30px;
margin-right: 20px;
}
.recent-post img {
border-radius: 3px;
width: 100%;
height: auto;
}
.recent-posts-content {
border: 1px solid #EDEFF0;
padding: 20px 10px 10px 15px;
}
.recent-posts-content h4 {
line-height: 23px;
margin-bottom: 10px;
}
.recent-posts-content h4 a {
font-size: 17px;
line-height: 25px;
font-weight: 700;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.recent-posts-content h4 a:hover {
color: #11b5e6;
}
.recent-posts-content p {
font-size: 13px;
margin: 0;
}
.recent-post .read-more {
display: none;
}
.recent-posts-meta {
border: 1px solid #EDEFF0;
border-top-color: transparent;
padding: 10px 20px;
font-size: 13px;
}
.recent-posts-meta span.meta i {
margin-right: 7px;
font-size: 12px;
vertical-align: middle;
} .iconbox {
margin-bottom: 40px;
}
.iconbox h3 {
font-size: 18px;
}
.iconbox i.fa {
width: 55px;
height: 55px;
line-height: 55px;
border-radius: 5px;
margin-top: 5px;
text-align: center;
background-color: #11b5e6;
color: #fff;
font-size: 22px;
}
.iconbox img {
max-width: 100%;
height: auto;
margin-bottom: 5px;
}
.iconbox-style-1 h3,
.iconbox-style-3 h3 {
margin: 10px 0px 5px;
}
.iconbox-style-2 h3 {
margin-bottom: 3px;
}
.iconbox p {
margin: 0;
overflow: hidden;
}
.iconbox-btn a {
text-transform: uppercase;
font-size: 11px;
padding: 12px 18px;
border-radius: 50px;
color: #fff !important;
background-color: #11b5e6;
cursor: pointer;
text-decoration: none;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.iconbox-style-1 {
text-align: center;
}
.iconbox-style-1 .iconbox-btn {
margin-top: 20px;
text-align: center;
}
.iconbox-style-2 {
text-align: left;
}
.iconbox-style-2 i {
float: left;
margin-right: 10px;
vertical-align: middle;
}
.iconbox-style-2 img {
position: absolute;
margin-top: 5px;
width: 55px;
}
.iconbox-style-2 .iconbox-btn {
margin-top: 20px;
margin-left: 65px;
}
.iconbox-style-3 {
text-align: center;
padding: 30px 20px 40px 20px;
background-color: #f9f9f9;
-webkit-transition: box-shadow .3s ease-in-out;
-moz-transition: box-shadow .3s ease-in-out;
transition: box-shadow .3s ease-in-out;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
.iconbox-style-3:hover {
box-shadow: 0 0 14px rgba(0,0,0,0.1);
}
.iconbox-style-3 .iconbox-btn {
margin-top: 20px;
text-align: center;
} .imgbox-style-1,
.imgbox-style-2 {
margin-bottom: 60px;
}
.imgbox-style-1 img {
border-radius: 3px;
}
.imgbox-style-1 .imgbox-content {
text-align: left;
padding: 15px 0px 20px;
}
.imgbox-style-1 .imgbox-caption h3 {
font-size: 18px;
margin-bottom: 5px;
overflow: hidden;
white-space: nowrap;
}
.imgbox-style-1 .imgbox-caption p {
margin: 0;
}
.imgbox-style-1 .imgbox-btn {
margin: 10px 0px;
}
.imgbox-style-1 .imgbox-btn a {
text-transform: uppercase;
background-color: #11b5e6;
color: #fff;
font-size: 11px;
border-radius: 50px;
padding: 7px 18px;
font-weight: 700;
float: left;
cursor: pointer;
text-decoration: none;
}
.imgbox-style-2 {
margin-bottom: 50px;
margin-top: 50px;
}
.imgbox-style-2 img {
border-radius: 3px;
}
.imgbox-style-2:before,
.imgbox-style-2:after {
content: " ";
display: table;
}
.imgbox-style-2:after {
clear: both;
}
.imgbox-style-2 .img {
width: 45%;
overflow: hidden;
float: left;
}
.imgbox-style-2 .img img {
max-width: 100%;
width: 100%;
height: auto;
}
.imgbox-style-2 .imgbox-content {
margin-left: 49%;
text-align: left;
}
.imgbox-style-2 .imgbox-caption h3 {
margin-bottom: 15px;
margin-top: 0;
font-size: 18px;
}
.imgbox-style-2 .imgbox-caption p {
margin-bottom: 10px;
}
.imgbox-style-2 .imgbox-btn {
margin: 10px 0px;
}
.imgbox-style-2 .imgbox-btn a {
text-transform: uppercase;
background-color: #11b5e6;
color: #fff;
font-size: 11px;
border-radius: 50px;
padding: 7px 18px;
font-weight: 700;
float: left;
cursor: pointer;
text-decoration: none;
} .counter {
text-align: center;
padding: 20px;
}
.counter h2 {
font-size: 36px;
font-weight: 700;
line-height: 27px;
letter-spacing: -3px;
margin: 0;
}
.counter h2:after {
content: "";
display: block;
width: 45px;
border-radius: 50px;
height: 4px;
background-color: #11b5e6;
margin: 15px auto 15px auto;
text-align: center;
}
.counter h4 {
font-size: 18px;
margin: 10px 0px 30px 0px;
} .testimonial-slider {
visibility: hidden;
margin-bottom: -30px;
}
.testimonial-slider .testimonial {
text-align: center;
margin: 0 auto;
}
.testimonial-slider .testimonial img {
margin: 10px auto 20px auto;
width: 80px;
height: 80px;
border-radius: 100%;
border: 5px solid #f3f3f3;
}
.testimonial-slider .testimonial h4 {
margin-bottom: 6px;
}
.testimonial-slider .testimonial p {
font-family: 'Lora', serif;
font-style: italic;
font-size: 19px;
line-height: 33px;
text-align: center;
width: 80%;
margin: 6px auto 30px auto;
}
.testimonial-slider .slick-arrow {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 10px;
background-color: #2c394c;
color: #fff;
opacity: .8;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.testimonial-slider .slick-arrow:hover {
opacity: 1;
cursor: pointer;
color: #fff;
}
.testimonial-slider .slick-arrow.fa-chevron-left {
left: 0;
}
.testimonial-slider .slick-arrow.fa-chevron-right {
right: 0;
} .testimonial-box {
padding: 0px 30px 30px 30px;
position: relative;
margin: 40px 0px 40px;
text-align: center;
background-color: #f9f9f9;
border-bottom: 2px solid #ececec;
-webkit-transition: border-color .5s;
transition: border-color .5s;
}
.testimonial-box i {
position: absolute;
top: 25px;
left: 30px;
font-size: 28px;
opacity: 0.2;
}
.testimonial-box .box-img {
text-align: center;
margin-bottom: 30px;
position: relative;
}
.testimonial-box .box-img img {
width: 80px;
height: 80px;
border-radius: 100px;
margin-top: -40px;
border: 5px solid #f9f9f9;
}
.testimonial-box h4 {
font-size: 17px;
margin: 10px 0 0px 0;
}
.testimonial-box span {
font-size: 12px;
font-weight: 400;
}
.testimonial-box p {
font-size: 16px;
font-family: 'Lora', serif;
font-style: italic;
}
@media (max-width:768px) {
.testimonial-box {
text-align: center;
}
} .vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel:first-child .vc_tta-panel-heading {
border-top: none;
}
.vc_tta-panels {
border-radius: 0px !important;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
background: #11b5e6;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus::after,
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus::before,
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before,
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {
border-color: #fff !important;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-body {
background: #f8f8f8;
border: none;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active + .vc_tta-panel .vc_tta-panel-heading {
border-top: none;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 0 !important;
background-color: #f8f8f8;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title {
text-transform: none;
font-weight: 600;
padding: 0;
font-size: 16px;
line-height: 20px;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title:after {
display: none;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title a {
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #002e5b;
border: 1px solid #E6E6E6 !important;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title a {
color: #fff !important;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right a {
padding-right: 42px;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-right a .vc_tta-controls-icon.vc_tta-controls-icon-plus {
right: 25px;
width: 9px;
height: 9px;
}
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after,
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before,
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-triangle::before,
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {
border-color: #35485a !important;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left a {
padding-left: 42px;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title.vc_tta-controls-icon-position-left a .vc_tta-controls-icon.vc_tta-controls-icon-plus {
left: 25px;
width: 9px;
height: 9px;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
padding: 25px 30px 18px;
background: #f8f8f8 !important;
}
.vc_tta-container .vc_tta.vc_general.vc_tta-accordion.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body p {
line-height: 26px;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel {
margin-bottom: 19px;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-heading {
border: none;
margin: 0;
background: transparent;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body {
padding: 8px 30px 0 43px;
border: none !important;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body .wpb_text_column p {
line-height: 22px;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title {
padding: 0;
font-size: 16px;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title > a {
padding: 7px 20px 5px;
letter-spacing: -0.02em;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title > a .vc_tta-controls-icon {
border: 1px solid;
width: 24px;
height: 24px;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title > a .vc_tta-controls-icon::before {
left: 6px;
right: 6px;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title > a .vc_tta-controls-icon::after {
top: 6px;
bottom: 6px;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title.vc_tta-controls-icon-position-left > a {
padding-left: 43px;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title.vc_tta-controls-icon-position-left > a .vc_tta-controls-icon {
left: 3px;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern .vc_tta-panel-title:after {
content: none;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-controls-icon {
border-color: #6c98e1;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-controls-icon::after,
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-controls-icon::before {
border-color: #6c98e1;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a .vc_tta-controls-icon {
background: #6c98e1;
}
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a .vc_tta-controls-icon:before,
.vc_tta-container .vc_tta-accordion.vc_general.vc_tta-style-modern.vc_tta-color-orange.vc_tta-style-modern .vc_tta-panel.vc_active .vc_tta-panel-title > a .vc_tta-controls-icon:after {
border-color: #fff;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
font-weight: 700;
color: #002e5b;
background-color: #f8f8f8;
border: 1px solid #E6E6E6 !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
background-color: #11b5e6;
color: #fff !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
background-color: #f8f8f8 !important;
line-height: 26px !important;
padding: 25px 30px 18px;
border: 1px solid #E6E6E6 !important;
}
.wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-tab > a {
border-radius: 0px !important;
} .vc_toggle_title {
border-bottom: 1px solid #eee;
padding: 5px 5px 15px 0 !important;
}
.vc_toggle_title h4 {
font-weight: 500;
font-size: 17px;
color: #313a43;
transition: all 0.45s ease;
-webkit-transition: all 0.45s ease;
}
.vc_toggle_title h4:hover {
color: #11b5e6;
}
.vc_toggle .vc_toggle_icon {
float: right;
}
.vc_toggle .vc_toggle_content {
line-height: 26px;
font-size: 14px !important;
padding: 25px 0px 10px !important;
margin: 0;
}
.vc_toggle .vc_toggle_content p {
margin: 0;
}
.vc_toggle.vc_toggle_default.vc_toggle_active .vc_toggle_title {
background: transparent !important;
}
.vc_toggle.vc_toggle_default.vc_toggle_active .vc_toggle_title h4 {
color: #11b5e6 !important;
}
.vc_toggle.vc_toggle_default.vc_toggle_active .vc_toggle_icon,
.vc_toggle.vc_toggle_default.vc_toggle_active .vc_toggle_icon::before {
background: transparent !important;
color: #fff !important;
border-color: #fff !important;
}
.vc_toggle_default .vc_toggle_icon {
background: #313a43 !important;
color: #313a43 !important;
border: 1px solid #313a43 !important;
}
.vc_toggle_default .vc_toggle_icon::after,
.vc_toggle_default .vc_toggle_icon::before {
content: '';
display: block;
left: 50%;
position: absolute;
top: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: .6 !important;
}
.vc_toggle_default .vc_toggle_icon::before {
border: 1px solid #313a43 !important;
}
.vc_toggle_default.vc_toggle_active .vc_toggle_icon::after,
.vc_toggle_default.vc_toggle_active .vc_toggle_icon::before {
visibility: hidden;
}
.vc_toggle.vc_toggle_default .vc_toggle_icon {
height: 1px !important;
}
.vc_toggle.vc_toggle_default .vc_toggle_icon::before {
width: 1px !important;
}
.vc_toggle.vc_toggle_default .vc_toggle_icon::after {
height: 1px !important;
}
.vc_message_box p {
font-weight: 500 !important;
}
.vc_separator h4 {
font-size: 22px !important;
} .vc_pie_chart {
margin: 50px;
}
.vc_pie_chart .wpb_pie_chart_heading {
margin-top: 15px;
margin-right: -25px;
margin-left: -25px;
}
.vc_pie_chart .vc_pie_chart_value {
font-size: 18px !important;
font-weight: 500;
color: inherit;
}
.vc_chart .vc_chart-legend span {
border-radius: 50px !important;
width: 10px !important;
height: 10px !important;
}
.vc_chart h2 {
font-size: 24px !important;
font-weight: 700;
margin-bottom: 25px !important;
}
.wpb_flickr_widget h2 {
font-size: 24px !important;
font-weight: 700;
margin-bottom: 25px !important;
}
.wpb_images_carousel .vc_carousel-inner img {
opacity: .6 !important;
}
.wpb_images_carousel .vc_carousel-inner img:hover {
opacity: .9 !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wpb_single_image .vc_box_border.vc_box_border_grey {
background-color: #f5f5f5 !important;
}
.wpb_single_image .vc_figure-caption {
margin-top: 1.2em !important;
font-size: 1em !important;
font-weight: 600 !important;
text-transform: uppercase !important;
font-family: Montserrat !important;
}
.vc_btn3.vc_btn3-size-md {
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: .1px !important;
padding: 10px 18px !important;
} .special-heading {
display: block;
margin-bottom: 30px;
text-align: center;
}
.special-heading.left {
text-align: left;
}
.special-heading.right {
text-align: right;
}
.special-heading h1 {
font-size: 26px;
line-height: 27px;
color: #002e5b;
margin: 0;
}
.special-heading p {
margin: 0;
line-height: 26px;
}
.heading-seperator {
width: 50px;
height: 4px;
margin: 6px 0 10px;
border-radius: 50px;
background: #11b5e6;
}
.heading-seperator.center-sep {
margin: 10px auto 10px auto;
}
.heading-seperator.left-sep {
float: left;
}
.heading-seperator.right-sep {
float: right;
} .list-shortcode ul {
list-style: none;
list-style-type: none;
margin-top: -10px;
}
.list-shortcode p {
margin: 0;
}
.list-shortcode ul li {
margin-bottom: 12px;
overflow: hidden;
margin-left: 22px;
}
.list-shortcode ul li:before {
font-family: 'FontAwesome';
content: '\f0da';
position: absolute;
font-size: 14px;
font-weight: 700;
color: #11b5e6;
left: 13px;
width: 50px;
height: 50px;
} .tm-style-1 {
text-align: center;
background-color: #fff;
margin-bottom: 50px;
}
.tm-style-1 img {
width: 100%;
max-width: 100%;
height: auto;
}
.tm-style-1 .person-caption {
position: relative;
bottom: 0;
padding-top: 20px;
background: #fff;
text-align: center;
}
.tm-style-1 .person-caption p.role {
margin: 5px 0;
}
.tm-style-1 p {
margin-bottom: 10px;
}
.tm-style-1 .person-caption h4 {
font-size: 18px;
margin: 0;
}
.tm-style-1 .person-caption i {
margin-right: 10px;
color: #11b5e6;
}
.tm-style-1 .social-icons {
text-align: center;
list-style: none;
-webkit-transition: all .5s;
transition: all .5s;
margin-top: 10px;
}
.tm-style-1 .social-icons li {
display: inline-block;
margin-right: 10px;
}
.tm-style-1 .social-icons li:last-child {
margin-right: 0;
}
.tm-style-1 .social-icons li i {
background-color: #f8f8f9;
border: 1px solid #f3f3f3;
color: #5d7280;
border-radius: 100px;
line-height: 35px;
text-align: center;
width: 36px;
height: 36px;
font-size: 14px;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.tm-style-1 .social-icons li i:hover {
background-color: #11b5e6;
border-color: transparent;
color: #fff;
}
.tm-style-1 .tm-btn {
text-align: center;
margin-top: 13px;
}
.tm-style-1 .tm-btn a {
background-color: #11b5e6;
color: #fff;
padding: 10px 16px;
border-radius: 50px;
font-size: 12px;
font-weight: 500;
letter-spacing: .3px;
}
.tm-style-2 {
position: relative;
margin-bottom: 40px;
}
.tm-style-2 .person-img {
width: 28%;
overflow: hidden;
float: left;
}
.tm-style-2 .person-img img {
width: 100%;
max-width: 100%;
height: auto;
}
.tm-style-2 .person-caption {
position: relative;
bottom: 0;
margin-left: 32%;
text-align: left;
background: #fff;
}
.tm-style-2 .role {
margin-top: 5px;
}
.tm-style-2 p {
margin-bottom: 10px;
}
.tm-style-2 .person-caption h4 {
font-size: 18px;
margin: 0 0 0 5px;
}
.tm-style-2 .person-caption i {
margin-right: 10px;
color: #11b5e6;
}
.tm-style-2 .person-caption p.role {
margin: 5px 0;
}
.tm-style-2 .person-caption p {
padding: 0px 5px;
display: inline-block;
}
.tm-style-2 .social-icons {
text-align: left;
margin-left: 32%;
list-style: none;
margin-top: 5px;
-webkit-transition: all .5s;
transition: all .5s;
}
.tm-style-2 .social-icons li {
display: inline-block;
margin-right: 10px;
}
.tm-style-2 .social-icons li:last-child {
margin-right: 0;
}
.tm-style-2 .social-icons li i {
background-color: #f8f8f9;
border: 1px solid #f3f3f3;
color: #5d7280;
border-radius: 100px;
line-height: 35px;
text-align: center;
width: 36px;
height: 36px;
font-size: 14px;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
-ms-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.tm-style-2 .social-icons li i:hover {
background-color: #11b5e6;
border-color: transparent;
color: #fff;
}
.tm-style-2 .tm-btn {
text-align: left;
margin-left: 32%;
margin-top: 13px;
}
.tm-style-2 .tm-btn a {
background-color: #11b5e6;
color: #fff;
padding: 10px 16px;
border-radius: 50px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.3px;
} .vc_row-fluid.vc_row-no-padding .portfolio-container .portfolio-filters {
margin-right: 300px;
margin-left: 300px;
}
.portfolio-filters {
margin-bottom: 50px;
padding: 15px 0;
border-radius: 5px;
text-align: center;
background-color: #f8f8f8;
border: 1px solid #ECECEC;
margin-left: 15px;
margin-right: 10px;
}
@media (max-width:992px) {
.portfolio-filters {
padding-right: 15px;
}
.vc_row-fluid.vc_row-no-padding .portfolio-container .portfolio-filters {
margin-right: 0px;
margin-left: 0px;
}
}
.portfolio-filters span {
margin-left: 15px;
margin-right: -15px;
}
.portfolio-filters span a {
color: #35485a;
margin-right: 10px;
font-weight: 600;
margin-left: 10px;
line-height: 40px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width:480px) {
.portfolio-filters span a {
display: block;
text-align: center;
line-height: 30px;
}
.portfolio-filters {
padding-right: 20px;
padding-left: 20px;
}
}
.portfolio-filters span a.active {
color: #fff;
background-color: #11b5e6;
padding: 3px 15px;
border-radius: 5px;
}
.portfolio-items {
clear: both;
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
.portfolio-item {
margin-bottom: 40px;
visibility: hidden;
overflow: hidden;
}
.portfolio-style-1 .portfolio-image {
position: relative;
overflow: hidden;
width: 100%;
}
.portfolio-style-1 img {
position: relative;
width: 100%;
height: auto;
display: block;
margin: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.portfolio-style-1 .portfolio-content {
background-color: #f8f8f8;
padding: 15px 10px 20px 20px;
}
.portfolio-style-1 .portfolio-category {
font-weight: 500;
font-size: 13px;
opacity: 0.9;
margin-bottom: 5px;
}
.portfolio-style-1 h3 {
font-size: 16px;
font-weight: 700;
margin-bottom: 0;
}
.portfolio-style-1 h3 a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-style-1 h3 a:hover {
color: #11b5e6;
}
.portfolio-style-2 {
height: 100%;
display: block;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: 80%;
height: 250px;
z-index: 100;
cursor: pointer;
transform: translate3d(0,0,0);
transition: transform 0.3s;
margin-bottom: 30px;
}
.portfolio-style-2:hover {
transform: translate3d(0,-6px,0);
}
.portfolio-style-2 img {
object-fit: cover;
height: 100%;
width: 100%;
}
.portfolio-style-2:before {
content: "";
top: 0;
position: absolute;
height: 100%;
width: 92%;
z-index: 9;
background: linear-gradient(to top,rgba(35,35,37,0.85) 0%,rgba(35,35,37,0.65) 35%,rgba(22,22,23,0) 60%,rgba(0,0,0,0) 100%);
opacity: 1;
}
.portfolio-style-2-content {
position: absolute;
bottom: 25px;
left: 0;
padding: 0 34px;
width: 100%;
z-index: 50;
box-sizing: border-box;
}
.portfolio-style-2-content h3 {
font-size: 16px;
font-weight: 600;
line-height: 25px;
margin: 0;
}
.portfolio-style-2-content h3 a {
color: #fff;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.portfolio-style-2-content h3 a:hover {
color: #11b5e6;
}
.portfolio-style-2-cat {
list-style: none;
padding: 0;
margin: 0;
color: #fff;
font-size: 14px;
font-weight: 500;
opacity: 0.9;
}
.portfolio-style-2-cat li {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
#portfolio-navigation .prev {
position: fixed;
top: 50%;
left: -25px;
height: 80px;
width: 80px;
background: #2c394c;
border: 1px solid #3A485C;
margin: -30px 0 0 0;
color: #fff;
opacity: 0.5;
z-index: 1;
cursor: pointer;
}
#portfolio-navigation .next {
position: fixed;
top: 50%;
right: -25px;
height: 80px;
width: 80px;
background: #2c394c;
border: 1px solid #3A485C;
margin: -30px 0 0 0;
color: #fff;
opacity: 0.5;
z-index: 1;
cursor: pointer;
}
#portfolio-navigation .prev:before {
position: absolute;
top: 50%;
right: 22px;
margin: -7px 0 0 0;
line-height: 1;
content: "\H";
font-size: 16px;
color: #ffffff;
font-family: 'droplet-icons';
}
#portfolio-navigation .next:before {
position: absolute;
top: 50%;
left: 22px;
margin: -7px 0 0 0;
line-height: 1;
content: "\G";
font-size: 16px;
color: #ffffff;
font-family: 'droplet-icons';
}
@media (max-width:768px) {
#portfolio-navigation {
display: none;
}
} .project-info {
padding: 30px 35px 0px 35px;
text-align: left;
background-color: #f8f8f9;
border: 1px solid #f3f3f3;
}
.project-info strong {
font-weight: 600;
font-size: 16px;
}
.info-item {
padding-bottom: 18px;
margin-bottom: 18px;
border-bottom: 1px solid #dde4e8;
}
.project-info .info-item:before,
.project-info .info-item:after {
content: "";
display: table;
}
.project-info .info-item:after {
clear: both;
}
.project-info .info-item:last-child {
border: none;
}
.location-box {
position: relative;
padding: 25px 20px 20px 25px;
background-color: #f8f8f8;
border-bottom: 2px solid #F7F7F7;
margin-bottom: 30px;
}
.absolute-icon i {
position: absolute;
bottom: 15px;
right: 15px;
opacity: 0.05;
font-size: 60px;
margin: 0;
} .location-box p i {
margin-right: 10px;
color: #11b5e6;
}
.location-box h3 {
margin: 0px 0px 15px 5px;
font-size: 19px;
}
.location-box p {
margin: 0 0 15px;
font-size: 14px;
font-weight: 500;
}