.wprt-list {
list-style: none;
margin: 0;
}
.wprt-list li {
position: relative;
padding: 0 0 0 22px;
}
.wprt-list li:before {
content: "\f046";
font-family: "FontAwesome";
line-height: normal;
position: absolute;
left: 0;
top: 6px;
}
.wprt-list.style-4 li:before { top: 8px; }
.wprt-list.style-5 li:before { top: 10px; } .wprt-list.style-2 li:before { content: "\f00c"; }
.wprt-list.style-3 li:before { content: "\f101"; }
.wprt-list.style-4 li:before { content: "\f054"; font-size: 11px; }
.wprt-list.style-5 li:before { content: "\f111"; font-size: 6px; }
.wprt-list.style-6 li:before { content: "\f0da"; }
.wprt-list.style-2 li { padding-left: 30px; }
.wprt-list.style-5 li,
.wprt-list.style-6 li { padding-left: 20px; }
.wprt-list.accent-color li:before { color: #ffbc13; } .wprt-button {
display: inline-block;
font-weight: 700;
padding: 0.8em 3.25em !important;
text-transform: uppercase;
background-color: #ffbc13;
border: 2px solid #ffbc13;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all ease .238s;
-moz-transition: all ease .238s;
transition: all ease .238s;
}
.wprt-button:hover {
background-color: #2d2d2d;
border-color: #2d2d2d;
color: #fff
}
.wprt-button.square {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
} .wprt-button.dark {
background-color: #2d2d2d;
border-color: #2d2d2d;
color: #fff;
}
.wprt-button.dark:hover {
background-color: #ffbc13;
border-color: #ffbc13;
color: #fff;
} .wprt-button.white {
background-color: #fff;
border-color: #fff;
color: #2d2d2d;
}
.wprt-button.white:hover {
background-color: #2d2d2d;
border-color: #2d2d2d;
color: #fff;
} .wprt-button.outline {
background-color: transparent;
border-color: #fff;
color: #fff;
}
.wprt-button.outline:hover {
background-color: #fff;
color: #2d2d2d;
} .wprt-button.outline.accent-color {
border-color: #ffbc13;
color: #fff;
}
.wprt-button.outline.accent-color:hover {
background-color: #ffbc13;
} .wprt-button.small {
padding: 0.42em 1.9em !important;
font-size: 0.857em;
}
.wprt-button.small.dark {
background-color: #2d2d2d;
color: #fff;
} .wprt-toggle .toggle-title {
cursor: pointer;
font-size: 16px;
padding: 13px 28px 13px 68px;
border: 1px solid #e5e5e5;
background-color: transparent;
margin-bottom: 10px;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all ease .238s;
-moz-transition: all ease .238s;
transition: all ease .238s;
}
.wprt-toggle .toggle-title:before,
.wprt-toggle .toggle-title:after {
content: "\f00c";
font-family: "FontAwesome";
font-size: 18px;
font-weight: normal;
line-height: normal;
position: absolute;
left: 28px;
top: 50%;
-webkit-transition: all ease .238s;
-moz-transition: all ease .238s;
transition: all ease .238s;
-webkit-transform: translate3d(0,-50%,0);
-moz-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
.wprt-toggle .toggle-title:before {
content: "\f107";
left: auto;
right: 28px;
}
.wprt-toggle.active .toggle-title {
background-color: #ffbc13;
border-color: #ffbc13;
}
.wprt-toggle.active .toggle-title,
.wprt-toggle.active .toggle-title:after,
.wprt-toggle.active .toggle-title:before {
color: #fff;
}
.wprt-toggle .toggle-content {
display: none;
padding: 24px 30px 12px;
} .wprt-toggle.style-2 {
margin-bottom: 20px;
border: 1px solid #e5e5e5;
}
.wprt-toggle.style-2 .toggle-title {
padding-right: 20px;
padding-left: 70px;
border: 0;
margin: 0;
font-weight: bold;
}
.wprt-toggle.style-2 .toggle-title:before {
content: "";
}
.wprt-toggle.style-2 .toggle-title:after {
content: "\f067";
color: #fff;
left: 0;
width: 50px;
height: 50px;
background-color: #ffbc13;
text-align: center;
line-height: 50px;
}
.wprt-toggle.style-2.active .toggle-title:after {
content: "\f068";
}
.wprt-toggle.style-2.active .toggle-title {
background-color: transparent;
color: #585252;
}
.wprt-toggle.style-2.active .toggle-title:after {
background-color: #2d2d2d;
}
.wprt-toggle.style-2 .toggle-content {
padding: 20px 30px 0px 68px;
} .wprt-toggle.style-3 {
border: 1px solid #eee;
margin-bottom: 10px;
}
.wprt-toggle.style-3 .toggle-title {
font-weight: 600;
border: 0;
margin: 0;
border-radius: 0;
}
.wprt-toggle.style-3 .toggle-title:before {
content: "";
}
.wprt-toggle.style-3.active .toggle-title {
background-color: #1b273d;
border-color: #1b273d;
}
.wprt-toggle.style-3 .toggle-title:after {
content: "\f105";
font-size: 20px;
width: 50px;
height: 50px;
background-color: transparent;
line-height: 48px;
text-align: center;
left: 0;
-webkit-transition: all ease .238s;
-moz-transition: all ease .238s;
transition: all ease .238s;
}
.wprt-toggle.style-3.active .toggle-title:after {
background-color: #ffbc13;
color: #fff;
content: "\f107";
}
.wprt-toggle.style-3 .toggle-content {
padding: 31px 40px 10px 50px;
} .wprt-toggle.style-4 {
border: 1px solid #eee;
margin-bottom: 10px;
}
.wprt-toggle.style-4 .toggle-title {
font-weight: 400;
border: 0;
margin: 0;
border-radius: 0;
}
.wprt-toggle.style-4 .toggle-title:before {
content: "";
}
.wprt-toggle.style-4.active .toggle-title {
background-color: #292f35;
border-color: #292f35;
}
.wprt-toggle.style-4 .toggle-title:after {
content: "\f105";
font-size: 20px;
width: 50px;
height: 50px;
background-color: transparent;
line-height: 48px;
text-align: center;
left: 0;
-webkit-transition: all ease .238s;
-moz-transition: all ease .238s;
transition: all ease .238s;
}
.wprt-toggle.style-4.active .toggle-title:after {
background-color: #ffbc13;
color: #fff;
content: "\f107";
}
.wprt-toggle.style-4 .toggle-content {
padding: 20px 25px 10px 25px;
} #project-filter {
text-align: center;
margin-bottom: 62px;
font-size: 0;
}
#project-filter .cbp-filter-item {
font-size: 14px;
display: inline-block;
cursor: pointer;
position: relative;
-webkit-transition: all ease .238s;
-moz-transition: all ease .238s;
transition: all ease .238s;
}
#project-filter.style-1 .cbp-filter-item {
color: #979797;
font-weight: 700;
padding: 0 15px;    
}
#project-filter.style-1 .cbp-filter-item:hover,
#project-filter.style-1 .cbp-filter-item.cbp-filter-item-active {
color: #ffbc13;
} #project-filter.style-2 .cbp-filter-item {
background-color: #e6e6e6;
color: #373737;
padding: 5px 25px;
margin-left: 5px;
margin-bottom: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#project-filter.style-2 .cbp-filter-item:first-child {
margin-left: 0;
}
#project-filter.style-2 .cbp-filter-item:hover,
#project-filter.style-2 .cbp-filter-item.cbp-filter-item-active {
background-color: #ffbc13;
color: #fff;
} #project-filter.style-3 .cbp-filter-item {
padding-left: 40px;
}
#project-filter.style-3 .cbp-filter-item:first-child {
padding-left: 0;
}
#project-filter.style-3 .cbp-filter-item:before {
content: "/";
color: #777;
position: absolute;
left: 17px;
top: 0;
}
#project-filter.style-3 .cbp-filter-item:first-child:before {
display: none;
}
#project-filter.style-3 .cbp-filter-item:hover,
#project-filter.style-3 .cbp-filter-item.cbp-filter-item-active {
color: #ffbc13;
}
#project-filter.style-3 .cbp-filter-item.cbp-filter-item-active span {
position: relative;
}
#project-filter.style-3 .cbp-filter-item.cbp-filter-item-active span:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 100%;
height: 2px;
background-color: #ffbc13;
} #project-filter.style-4 .cbp-filter-item {
padding-left: 25px;
font-size: 16px;
font-weight: bold;
color: #fff;
}
#project-filter.style-4 .cbp-filter-item:first-child {
padding-left: 0;
}
#project-filter.style-4 .cbp-filter-item:hover,
#project-filter.style-4 .cbp-filter-item.cbp-filter-item-active {
color: #ffbc13;
}
#project-filter.style-4 .cbp-filter-item.cbp-filter-item-active span {
position: relative;
}
#project-filter.style-4 .cbp-filter-item.cbp-filter-item-active span:after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 1px;
background-color: #ffbc13;
} #project-filter.style-5 .inner {
display: inline-block;
border-top: 1px solid #f1f1f1;
}
#project-filter.style-5 .cbp-filter-item {
padding: 15px 17px 0;
font-size: 18px;
color: #262626;
position: relative;
}
#project-filter.style-5 .cbp-filter-item-active:before {
content: "";
position: absolute;
left: 0;
top: -1px;
width: 100%;
height: 2px;
background-color: #ffbc13;
}
#project-filter.style-5 .cbp-filter-item:hover {
color: #ffbc13;
} #project-filter.style-6 .inner {
display: inline-block;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
#project-filter.style-6 .cbp-filter-item {
padding: 12px 15px 10px;
font-size: 14px;
color: #585252;
position: relative;
}
#project-filter.style-6 .cbp-filter-item-active:before {
content: "";
position: absolute;
left: 0;
top: -1px;
width: 100%;
height: 3px;
background-color: #ffbc13;
}
#project-filter.style-6 .cbp-filter-item:hover {
color: #ffbc13;
} #project-filter.style-7 .cbp-filter-item {
font-size: 14px;
color: #fff;
padding: 10px 20px;
}
#project-filter.style-7 .cbp-filter-item:hover,
#project-filter.style-7 .cbp-filter-item.cbp-filter-item-active {
background-color: #ffbc13;
} #projects .project-item .inner {
position: relative;
}
#projects .project-item .inner:after {
content: "";
background-color: #ffbc13;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
z-index: 1;
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
}
#projects .project-item .inner:hover:after {
filter: alpha(opacity=90);
opacity: 0.9;
visibility: visible;
}
#projects .project-item .project-image .project-btn {
display: none;
}
#projects .project-detail {
position: absolute;
left: 0;
top: 50%;
z-index: 2;
text-align: center;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
#projects .title {
font-size: 18px;
margin-bottom: 4px;
color: #2d2d2d;
text-align: center;
width: 100%;
z-index: 2;
display: block;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
}
#projects .project-item .categories {
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
}
#projects .project-item .categories span {
color: #2d2d2d;
font-size: 12px;
padding: 0 10px;
position: relative;
line-height: normal;
}
#projects .project-item .categories span:before {
content: "/";
position: absolute;
left: -2px;
top: 0;
}
#projects .project-item .categories span:first-child:before {
content: "";
}
#projects .project-item .project-detail .link,
#projects .project-item.style-3 .project-image .link {
display: inline-block;
text-transform: uppercase;
background-color: #2d2d2d;
font-weight: bold;
color: #fff;
font-size: 12px;
padding: 9px 25px;
margin-top: 20px;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
border-radius: 3px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
}
#projects .project-item .project-detail .link:hover,
#projects .project-item.style-3 .project-image .link:hover {
background-color: #fff;
color: #585252;
}
#projects .title a:hover {
color: #2d2d2d;
text-decoration: underline;
}
#projects .project-item:hover .title,
#projects .project-item:hover .categories,
#projects .project-item:hover .link {
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
#projects .project-item .project-zoom {
position: absolute;
right: 0;
top: 0;
color: #2d2d2d;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
#projects .project-item .project-zoom:hover {
color: #fff;
}
#projects .project-item:hover .project-zoom {
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
} #projects .project-item.style-3 .project-detail,
#projects .project-item.style-3 .categories,
#projects .project-item.style-3 .title {
position: static;
transform: none;
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
}
#projects .project-item.style-3 .title { margin-bottom: 0; }
#projects .project-item.style-3 .project-detail {
background-color: #fff;
padding: 16px 0;
}
#projects .project-item.style-3 .inner:after {
width: 0;
height: 0;
}
#projects .project-item.style-3 .project-image {
position: relative;
}
#projects .project-item.style-3 .project-image:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #0c0c0c;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
#projects .project-item.style-3:hover .project-image:before {
filter: alpha(opacity=80);
opacity: 0.8;
visibility: visible;
}
#projects .project-item.style-3 .project-image .project-btn {
display: block;
position: absolute;
left: 0;
top: 50%;
text-align: center;
width: 100%;
margin-top: -20px;
}
#projects .project-item.style-3 .project-image .link {
background-color: #ffbc13;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
#projects .project-item.style-3 .project-zoom {
color: #fff;
}
#projects .project-item.style-3:hover .project-image .link {
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
#projects .project-item.style-3 .project-detail .project-btn {
display: none;
}
#projects .project-item.style-3 .categories span {
color: #c5c5c5;
} #projects .project-item.style-4 .project-detail,
#projects .project-item.style-4 .categories,
#projects .project-item.style-4 .title {
position: static;
transform: none;
opacity: 1;
visibility: visible;
}
#projects .project-item.style-4 .project-detail {
position: absolute;
left: 0;
top: auto;
bottom: 0;
z-index: 1;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
padding: 33px 40px 32px 40px;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
}
#projects .project-item.style-4:hover .project-detail {
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
#projects .project-item.style-4 .project-detail:after {
content: "";
background-color: #ffbc13;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=90);
opacity: 0.9;
visibility: visible;
z-index: -1;
}
#projects .project-item.style-4 .inner:after {
width: 0;
height: 0;
}
#projects .project-item.style-4 .project-detail .link {
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
transform: none;
position: absolute;
right: 40px;
top: 45px;
margin: 0;
}
#projects .project-item.style-4 .project-detail,
#projects .project-item.style-4 .title {
text-align: left;
color: #fff;
}
#projects .project-item.style-4 .categories span:first-child {
padding-left: 0;
}
#projects .project-item.style-4 .categories span {
color: #fff;
} #projects .project-item.style-5 .project-btn {
display: none;
}
#projects .project-item.style-5 .inner:after {
background-color: #2d2d2d;
}
#projects .project-item.style-5 .title {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
transform: translateY(-100px);
}
#projects .project-item.style-5:hover .title {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
#projects .project-item.style-5 .title,
#projects .project-item.style-5 .title:hover a,
#projects .project-item.style-5 .categories span {
color: #fff;
}
#projects .project-item.style-5 .categories span {
color: #ffbc13;
font-size: 1em;
}
#projects .project-item.style-5 .project-zoom {
color: #fff;
} #projects .project-item.style-6 .title {
font-size: 20px;
}
#projects .project-item.style-6 .inner:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 94%;
height: 90%;
border: 1px solid #fff;
z-index: 2;
opacity: 0;
margin-top: -20px;
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
-webkit-transform: translate3d(-50%,-50%,0px);
-moz-transform: translate3d(-50%,-50%,0px);
transform: translate3d(-50%,-50%,0px);
}
#projects .project-item.style-6:hover .inner:before {
margin-top: 0;
opacity: 0.5
}
#projects .project-item.style-6 .project-zoom {
left: 10px;
top: 10px;
}
#projects .project-item.style-6 .project-btn {
display: none;
}
#projects .project-item.style-6 .inner:after {
background-color: #111;
}
#projects .project-item.style-6 .title {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
transform: translateY(-100px);
}
#projects .project-item.style-6:hover .title {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
#projects .project-item.style-6 .title,
#projects .project-item.style-6 .title:hover a,
#projects .project-item.style-6 .categories span {
color: #fff;
}
#projects .project-item.style-6 .categories span {
color: #ffbc13;
font-size: 1em;
}
#projects .project-item.style-6 .project-zoom {
color: #fff;
} #projects .project-item.style-7 .inner:after {
background-color: #1b273d;
}
#projects .project-item.style-7 .project-btn {
display: none;
}
#projects .project-item.style-7 .title {
color: #fff;
font-size: 20px;
margin-top: 50px;
margin-bottom: 2px;
}
#projects .project-item.style-7 .title a:hover {
color: #fff;
}
#projects .project-item.style-7 .categories span {
color: #ffbc13;
font-weight: bold;
font-size: 1em;
}
#projects .project-item.style-7 .project-zoom {
right: auto;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: 0;
}
#projects .project-item.style-7:hover .project-zoom {
margin-top: -75px;    
}
#projects .project-item.style-7 .project-zoom i {
display: none;
}
#projects .project-item.style-7 .project-zoom:after {
content: "\f002";
font-family: "FontAwesome";
color: #ffbc13;
font-size: 20px;
line-height: 50px;
text-align: center;
}
#projects .project-item.style-7 .project-zoom:hover:after {
color: #fff;
} #projects .project-item.style-8 .project-detail {
top: 77%;
text-align: left;
padding: 0 30px;
}
#projects .project-item.style-8 .project-btn {
display: none;
}
#projects .project-item.style-8 .inner:after {
background-color: #2d2d2d;
}
#projects .project-item.style-8 .title {
font-weight: 400;
text-align: left;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
transform: translateY(-30px);
}
#projects .project-item.style-8:hover .title {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
#projects .project-item.style-8 .title,
#projects .project-item.style-8 .title:hover a,
#projects .project-item.style-8 .categories span {
color: #fff;
}
#projects .project-item.style-8 .categories span {
color: #ffbc13;
font-size: 0.857em;
text-transform: uppercase;
}
#projects .project-item.style-8 .categories span:first-child {
padding-left: 0;
}
#projects .project-item.style-8 .project-zoom {
color: #fff;
} #projects .project-item.style-9 .inner:after {
background-color: #000;
filter: alpha(opacity=70);
opacity: 0.7;
}
#projects .project-item.style-9 .title,
#projects .project-item.style-9 .categories span {
color: #fff;
}
#projects .project-item.style-9 .title {
margin-bottom: 8px;
}
#projects .project-item.style-9 .title:hover a {
color: #fff;
}
#projects .project-item.style-9 .project-detail .link {
background-color: transparent;
border: 2px solid #fff;
border-radius: 0;
padding: 5px 47px;
}
#projects .project-item.style-9 .project-detail .link:hover {
background-color: #fff;
} #projects .project-item.style-10 .project-btn {
display: none;
}
#projects .project-item.style-10 .inner:after {
background-color: #1a2029;
opacity: 0.7;
}
#projects .project-item.style-10 .title {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
transform: translateY(-100px);
}
#projects .project-item.style-10:hover .title {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
#projects .project-item.style-10 .title,
#projects .project-item.style-10 .title:hover a,
#projects .project-item.style-10 .categories span {
color: #fff;
}
#projects .project-item.style-10 .categories span {
color: #ffbc13;
font-size: 1em;
}
#projects .project-item.style-10 .project-zoom {
color: #fff;
} #projects .project-item.style-11 .title {
font-size: 18px;
margin-bottom: 0;
}
#projects .project-item.style-11 .inner:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 89%;
height: 84%;
border: 1px solid #fff;
z-index: 2;
opacity: 0;
margin-top: -20px;
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
-webkit-transform: translate3d(-50%,-50%,0px);
-moz-transform: translate3d(-50%,-50%,0px);
transform: translate3d(-50%,-50%,0px);
}
#projects .project-item.style-11:hover .inner:before {
margin-top: 0;
opacity: 1;
}
#projects .project-item.style-11 .project-zoom {
left: 10px;
top: 10px;
}
#projects .project-item.style-11 .project-btn {
display: none;
}
#projects .project-item.style-11 .inner:after {
background-color: #ffbc13;
opacity: 0.8;
}
#projects .project-item.style-11 .title {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
transform: translateY(50px);
}
#projects .project-item.style-11:hover .title {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
#projects .project-item.style-11 .title,
#projects .project-item.style-11 .title:hover a,
#projects .project-item.style-11 .categories span {
color: #fff;
}
#projects .project-item.style-11 .categories span {
color: #fff;
font-size: 1em;
}
#projects .project-item.style-11 .project-zoom {
color: #fff;
} .wprt-project .cbp-nav-pagination,
.wprt-project .cbp-nav-controls {
display: none;
}
#projects .cbp-nav-pagination {
position: static;
}
.wprt-project.has-bullets {
padding-bottom: 60px;
}
.wprt-project.has-bullets .cbp-nav-pagination {
padding-top: 42px;
display: block;
}
.wprt-project.has-bullets.bullet30 .cbp-nav-pagination {
padding-top: 22px;
}
.wprt-project.has-arrows .cbp-nav-controls {
display: block;
}
.wprt-project.has-arrows.arrow50 #projects .cbp-nav-controls {
top: -80px;
}
.wprt-project.has-arrows.arrow60 #projects .cbp-nav-controls {
top: -90px;
} .wprt-testimonials .customer {
padding: 50px 0 0;
}
.wprt-testimonials .customer .inner {
background-color: #f5f5f5;
position: relative;
text-align: center;
padding: 66px 40px 37px;
}
.wprt-testimonials .image {
position: absolute;
left: 50%;
top: -45px;
width: 90px;
height: 90px;
margin-left: -45px;
}
.wprt-testimonials .image:before {
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 0 5px #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.wprt-testimonials .image img {
width: 100%;
height: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.wprt-testimonials .name {
font-size: 16px;
margin: 0 0 0;
line-height: normal;
}
.wprt-testimonials .company {
position: relative;
color: #ffbc13;
padding-left: 12px;
font-size: 12px;
}
.wprt-testimonials .company:before {
content: "-";
position: absolute;
left: 3px;
top: 0px;
line-height: normal;
}
.wprt-testimonials .whisper {
font-size: 14px;
font-style: italic;
border: 0;
padding: 0;
margin: 22px 0 0;
}
.wprt-testimonials.style-1 .customer .inner {
margin-bottom: 8px;
} .wprt-testimonials.style-2 .customer {
padding-top: 0;
}
.wprt-testimonials.style-2 .customer .inner {
background-color: #fff;
border: 1px solid #e5e5e5;
padding: 20px 30px 37px;
text-align: left;
margin-bottom: 50px;
}
.wprt-testimonials.style-2 .image {
position: absolute;
left: 75px;
top: auto;
bottom: -45px;
width: 70px;
height: 70px;
}
.wprt-testimonials.style-2 .name {
position: absolute;
left: 110px;
bottom: -50px;
font-weight: 400;
}
.wprt-testimonials.style-2 .whisper {
margin: 0;
} .wprt-testimonials.style-3 .customer .inner {
background-color: transparent;
padding-bottom: 0;
}
.wprt-testimonials.style-3 .image:before {
box-shadow: none;
} .wprt-testimonials.style-4 .customer .inner {
background-color: transparent;
padding-top: 70px;
padding-bottom: 5px;
}
.wprt-testimonials.style-4 .image {
width: 100px;
height: 100px;
top: -50px;
margin-left: -50px;
}
.wprt-testimonials.style-4 .image:before {
box-shadow: none;
}
.wprt-testimonials.style-4 .name {
font-size: 18px;
color: #ffbc13;
margin-top: 8px;
}
.wprt-testimonials.style-4 .whisper {
color: #fff;
margin-top: 18px;
}
.wprt-testimonials.style-4 .whisper {
font-size: 14px;
font-style: normal;
} .wprt-testimonials.style-5 .customer .inner {
background-color: transparent;
padding: 0 0 50px 0;
}
.wprt-testimonials.style-5 .customer {
padding: 0;
}
.wprt-testimonials.style-5 .image {
position: static;
margin: 0 auto;
text-align: center;
width: 100px;
height: 100px;
}
.wprt-testimonials.style-5 .image img {
border-radius: 0;
}
.wprt-testimonials.style-5 .image:before {
box-shadow: none;
}
.wprt-testimonials.style-5 .name {
font-size: 18px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
padding-top: 25px;
}
.wprt-testimonials.style-5 .name:before {
content: "";
position: absolute;
left: 50%;
top: 0;
margin-left: -25px;
width: 50px;
height: 2px;
background-color: #ffbc13;
}
.wprt-testimonials.style-5 .whisper {
margin: 32px 0 22px;
} .wprt-testimonials.style-6 .customer {
padding: 0;
}
.wprt-testimonials.style-6 .customer .inner {
background-color: transparent;
padding: 0 0 42px 0;
}
.wprt-testimonials.style-6 .image {
display: none;
}
.wprt-testimonials.style-6 .name {
position: absolute;
left: 0;
bottom: 0;
font-weight: 700;
padding-left: 102px;
}
.wprt-testimonials.style-6 .name:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 90px;
height: 15px;
margin-top: -8px;
background: url(//www.raatmore.com/wp-content/plugins/WPRT_VC_Addons/assets/5-stars.png) no-repeat center center ;
}
.wprt-testimonials.style-6 .whisper {
text-align: left;
margin: 0;
} .wprt-testimonials.style-7 .customer {
padding-top: 0;
position: relative;
}
.wprt-testimonials.style-7 .customer .inner {
background-color: #fff;
padding: 48px 30px 61px;
text-align: left;
margin-bottom: 60px;
}
.wprt-testimonials.style-7 .customer:after {
content: "";
position: absolute;
right: 30px;
bottom: -35px; 
width: 90px;
height: 15px;
background: url(//www.raatmore.com/wp-content/plugins/WPRT_VC_Addons/assets/5-stars.png) no-repeat center center ;
}
.wprt-testimonials.style-7 .image {
position: absolute;
left: 75px;
top: auto;
bottom: -55px;
width: 80px;
height: 80px;
}
.wprt-testimonials.style-7 .name {
position: absolute;
left: 130px;
bottom: -53px;
font-weight: 400;
font-size: 18px;
}
.wprt-testimonials.style-7 .whisper {
margin: 0;
font-size: 16px;
line-height: 28px;
}
.wprt-testimonials.style-7 .name .company {
padding: 2px 0 0;
display: block;
}
.wprt-testimonials.style-7 .company:before {
display: none;
} .wprt-testimonials.style-8 .customer {
padding-top: 0;
position: relative;
}
.wprt-testimonials.style-8 .customer .inner {
background-color: transparent;
padding: 0 0 48px;
text-align: left;
margin-bottom: 60px;
}
.wprt-testimonials.style-8 .customer:after {
content: "";
position: absolute;
right: 0;
bottom: -12px; 
width: 90px;
height: 15px;
background: url(//www.raatmore.com/wp-content/plugins/WPRT_VC_Addons/assets/5-stars.png) no-repeat center center ;
}
.wprt-testimonials.style-8 .image {
position: absolute;
left: 45px;
top: auto;
bottom: -55px;
width: 80px;
height: 80px;
}
.wprt-testimonials.style-8 .image:before {
box-shadow: none;
}
.wprt-testimonials.style-8 .name {
position: absolute;
left: 100px;
bottom: -37px;
font-weight: 400;
font-size: 18px;
}
.wprt-testimonials.style-8 .whisper {
margin: 0;
font-size: 14px;
line-height: 26px;
font-style: normal;
}
.wprt-testimonials.style-8 .name .company {
padding: 2px 0 0;
display: block;
font-size: 14px;
}
.wprt-testimonials.style-8 .company:before {
display: none;
} .wprt-testimonials.style-9 .customer {
padding: 0;
}
.wprt-testimonials.style-9 .customer .image {
display: none;
}
.wprt-testimonials.style-9 .customer .name {
position: absolute;
bottom: 5px;
right: 30px;
}
.wprt-testimonials.style-9 .customer .inner:after {
content: "";
position: absolute;
left: 30px;
bottom: 10px; 
width: 90px;
height: 15px;
background: url(//www.raatmore.com/wp-content/plugins/WPRT_VC_Addons/assets/5-stars.png) no-repeat center center ;
}
.wprt-testimonials.style-9 .customer .whisper {
margin: 0;
font-size: 18px;
line-height: 30px;
position: relative;
padding-left: 30px;
}
.wprt-testimonials.style-9 .customer .whisper:before {
content: "";
position: absolute;
left: 0;
top: 9px;
width: 2px;
height: calc(100% - 16px);
background-color: #fdc502;
}
.wprt-testimonials.style-9 .customer .inner {
padding: 0 0 52px 0;
background-color: transparent;
text-align: left;
} .wprt-testimonials.style-10 .customer {
padding-top: 0;
position: relative;
}
.wprt-testimonials.style-10 .customer .inner {
background-color: #f8f8f8;
border: 1px solid #ddd;
padding: 31px 40px 30px;
text-align: left;
margin-bottom: 100px;
}
.wprt-testimonials.style-10 .customer .inner:after {
content: "";
position: absolute;
left: 40px;
bottom: -18px;
border-width: 0 18px 18px 0;
border-style: solid;
border-color: transparent #f8f8f8 transparent transparent;
}
.wprt-testimonials.style-10 .customer .inner:before {
content: "";
position: absolute;
left: 39px;
bottom: -20px;
border-width: 0 20px 20px 0;
border-style: solid;
border-color: transparent #ddd transparent transparent;
}
.wprt-testimonials.style-10 .image {
position: absolute;
left: 115px;
top: auto;
bottom: -100px;
width: 80px;
height: 80px;
}
.wprt-testimonials.style-10 .image:before {
box-shadow: none;
}
.wprt-testimonials.style-10 .name {
position: absolute;
left: 170px;
bottom: -86px;
font-weight: 600;
font-size: 16px;
}
.wprt-testimonials.style-10 .whisper {
margin: 0;
line-height: 28px;
}
.wprt-testimonials.style-10 .name .company {
padding: 0;
display: block;
color: #333;
}
.wprt-testimonials.style-10 .company:before {
display: none;
} .wprt-testimonials .cbp-nav-pagination,
.wprt-testimonials .cbp-nav-controls {
display: none;
}
#testimonials-wrap .cbp-nav-pagination {
position: static;
}
.wprt-testimonials.has-bullets {
padding-bottom: 52px;
}
.wprt-testimonials.has-bullets .cbp-nav-pagination {
padding-top: 34px;
display: block;
}
.wprt-testimonials.has-bullets.bullet30 .cbp-nav-pagination {
padding-top: 14px;
}
.wprt-testimonials.has-arrows .cbp-nav-controls {
display: block;
}
.wprt-testimonials.has-arrows.arrow50 #testimonials-wrap .cbp-nav-controls {
top: -80px;
}
.wprt-testimonials.bullet-left .cbp-nav-pagination {
text-align: left;
}
.wprt-testimonials.bullet-right .cbp-nav-pagination {
text-align: right;
} .wprt-service .service-item .title {
font-size: 18px;
margin: 23px 0 9px;
}
.wprt-service .service-item .desc {
margin: 0 0 14px;
}
.wprt-service.style-2 {
text-align: center;
} .wprt-service .cbp-nav-pagination,
.wprt-service .cbp-nav-controls {
display: none;
}
#service-wrap .cbp-nav-pagination {
position: static;
}
.wprt-service.has-bullets {
padding-bottom: 60px;
}
.wprt-service.has-bullets .cbp-nav-pagination {
padding-top: 42px;
display: block;
}
.wprt-service.has-bullets.bullet30 .cbp-nav-pagination {
padding-top: 22px;
}
.wprt-service.has-arrows .cbp-nav-controls {
display: block;
}
.wprt-service.has-arrows.arrow50 #service-wrap .cbp-nav-controls {
top: -80px;
} .wprt-news .news-wrap {
margin: 0 -15px;
}
.wprt-news .post-item {
float: left;
padding: 0 15px;
margin-bottom: 30px;
}
.wprt-news.one .post-item {
width: 100%;
}
.wprt-news.two .post-item {
width: 50%;
}
.wprt-news.three .post-item {
width: 33.333%;
}
.wprt-news .image {
margin-bottom: 25px;
position: relative;
}
.wprt-news .image img {
width: 100%;
height: auto;
}
.wprt-news .entry-title {
font-size: 18px;
margin-bottom: 25px;
}
.wprt-news .meta {
background-color: #fafafa;
padding: 7px 18px;
font-size: 0.857em;
margin-bottom: 24px;
}
.wprt-news .meta a {
color: #979797;
}
.wprt-news .meta a:hover {
color: #ffbc13;
}
.wprt-news .meta span {
display: inline-block;
padding-left: 18px;
position: relative;
}
.wprt-news .meta span:first-child {
padding-left: 0;
}
.wprt-news .meta span:before {
content: "/";
position: absolute;
left: 8px;
top: 0;
}
.wprt-news .meta span:first-child:before {
display: none;
}
.wprt-news .post-btn a {
display: inline-block;
font-weight: 700;
font-size: 12px;
padding: 9px 45px;
text-transform: uppercase;
background-color: #2d2d2d;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.wprt-news .post-btn a:hover {
background-color: #ffbc13;
} .wprt-news.style-2 .post-time {
display: none;
}
.wprt-news.style-2 .image {
width: 240px;
margin-right: 30px;
margin-bottom: 0;
float: left;
background-color: #f9f9f9;
}
.wprt-news.style-2 .meta {
overflow: hidden;
background-color: transparent;
padding: 0;
margin-bottom: 10px;
}
.wprt-news.style-2 .entry-title {
margin-top: -4px;
margin-bottom: 10px;
}
.wprt-news.style-2 .post-exrp {
margin-bottom: 18px;
}
.wprt-news.style-2 .post-btn a {
padding: 9px 25px;
} .wprt-news.style-3 .post-time,
.wprt-news.style-3 .meta,
.wprt-news.style-3 .post-btn {
display: none;
}
.wprt-news.style-3 .entry-title {
font-size: 18px;
margin-bottom: 16px;
} .wprt-news.style-4 .post-time,
.wprt-news.style-4 .post-btn {
display: none;
}
.wprt-news.style-4 .image {
width: 170px;
margin-right: 30px;
margin-bottom: 0;
float: left;
background-color: #f9f9f9;
}
.wprt-news.style-4 .meta {
overflow: hidden;
background-color: transparent;
padding: 0;
margin-bottom: 4px;
color: #c5c5c5;
font-size: 1em;
}
.wprt-news.style-4 .meta span.post-by-author:before {
content: "\f007";
font-family: "FontAwesome";
}
.wprt-news.style-4 .meta span.post-date:before {
content: "\f017";
font-family: "FontAwesome";
left: 0;
}
.wprt-news.style-4 .entry-title {
margin-top: 14px;
margin-bottom: 5px;
font-size: 16px;
font-weight: 600;
}
.wprt-news.style-4 .post-exrp {
margin-bottom: 0;
}
.wprt-news.style-4 .meta span {
padding-left: 22px;
margin-right: 20px;
}
.wprt-news.style-4 .meta span:first-child:before {
display: block;
left: 0;
} .wprt-news.style-5 .post-time,
.wprt-news.style-5 .meta span.post-by-author {
display: none;
}
.wprt-news.style-5 .post-item .texts {
margin: 0 20px;
padding: 23px 30px 0;
margin-top: -95px;
background-color: #fff;
position: relative;
}
.wprt-news.style-5 .meta {
overflow: hidden;
background-color: transparent;
padding: 0;
margin-bottom: 16px;
color: #c5c5c5;
font-size: 1em;
}
.wprt-news.style-5 .meta span.post-date:before {
content: "\f017";
font-family: "FontAwesome";
left: 0;
}
.wprt-news.style-5 .entry-title {
margin-bottom: 5px;
line-height: 28px
}
.wprt-news.style-5 .post-exrp {
margin-bottom: 14px;
}
.wprt-news.style-5 .meta span {
padding-left: 22px;
margin-right: 20px;
}
.wprt-news.style-5 .meta span:first-child:before {
display: block;
left: 0;
}
.wprt-news.style-5 .post-btn a {
background-color: transparent;
color: #ffbc13;
padding: 0;
font-size: 1em;
}
.wprt-news.style-5 .post-btn a:hover {
background-color: transparent;
text-decoration: underline;
} .wprt-partner-grid .partner-item { text-align: center; float: left; width: 100%; }
.wprt-partner-grid .partner-item img { width: 100%; height: auto; }
.wprt-partner-grid.col-2 .partner-item { width: 50%; }
.wprt-partner-grid.col-3 .partner-item { width: 33.333%; }
.wprt-partner-grid.col-4 .partner-item { width: 25%; }
.wprt-partner-grid.col-5 .partner-item { width: 20%; }
.wprt-partner-grid.gutter-10 { margin: 0 -5px; }
.wprt-partner-grid.gutter-10 .partner-item { padding: 0 5px 10px; }
.wprt-partner-grid.gutter-20 { margin: 0 -10px; }
.wprt-partner-grid.gutter-20 .partner-item { padding: 0 10px 20px; }
.wprt-partner-grid.gutter-30 { margin: 0 -15px; }
.wprt-partner-grid.gutter-30 .partner-item { padding: 0 15px 30px; }
.wprt-partner-grid.one-column .partner-item { padding-bottom: 0; } .wprt-partner-grid.style-2.gutter-10 .inner-item,
.wprt-partner-grid.style-2.gutter-10 .partner-row,
.wprt-partner-grid.style-2.gutter-20 .inner-item,
.wprt-partner-grid.style-2.gutter-20 .partner-row,
.wprt-partner-grid.style-2.gutter-30 .inner-item,
.wprt-partner-grid.style-2.gutter-30 .partner-row { position: relative; }
.wprt-partner-grid.style-2.gutter-10 .inner-item:after,
.wprt-partner-grid.style-2.gutter-20 .inner-item:after,
.wprt-partner-grid.style-2.gutter-30 .inner-item:after {
content: "";
position: absolute;
left: -5px;
top: -5px;
width: 1px;
height: calc(100% + 5px);
background-color: #ebebeb;
}
.wprt-partner-grid.style-2.gutter-10 .partner-row:before,
.wprt-partner-grid.style-2.gutter-20 .partner-row:before,
.wprt-partner-grid.style-2.gutter-30 .partner-row:before {
content: "";
position: absolute;
left: 5px;
top: -5px;
height: 1px;
background-color: #ebebeb;
width: calc(100% - 10px);
}
.wprt-partner-grid.style-2.gutter-10 .partner-row .partner-item:first-child .inner-item:after,
.wprt-partner-grid.style-2.gutter-10 .partner-row:first-child:before,
.wprt-partner-grid.style-2.gutter-20 .partner-row .partner-item:first-child .inner-item:after,
.wprt-partner-grid.style-2.gutter-20 .partner-row:first-child:before,
.wprt-partner-grid.style-2.gutter-30 .partner-row .partner-item:first-child .inner-item:after,
.wprt-partner-grid.style-2.gutter-30 .partner-row:first-child:before { display: none; }
.wprt-partner-grid.style-2.gutter-10 .partner-row:first-child .inner-item:after,
.wprt-partner-grid.style-2.gutter-20 .partner-row:first-child .inner-item:after,
.wprt-partner-grid.style-2.gutter-30 .partner-row:first-child .inner-item:after { top: 0; }
.wprt-partner-grid.style-2.gutter-10.one-column .inner-item:after,
.wprt-partner-grid.style-2.gutter-20.one-column .inner-item:after,
.wprt-partner-grid.style-2.gutter-30.one-column .inner-item:after { height: 100%; }
.wprt-partner-grid.style-2.gutter-20 .inner-item:after {
left: -10px;
top: -10px;
height: calc(100% + 10px);
}
.wprt-partner-grid.style-2.gutter-20 .partner-row:before {
left: 10px;
top: -10px;
width: calc(100% - 20px);
}
.wprt-partner-grid.style-2.gutter-30 .inner-item:after {
left: -15px;
top: -15px;
height: calc(100% + 15px);
}
.wprt-partner-grid.style-2.gutter-30 .partner-row:before {
left: 15px;
top: -15px;
width: calc(100% - 30px);
}
.wprt-partner-grid .partner-item:hover img { opacity: 0.8; } .wprt-partner-grid.style-3.gutter-10,
.wprt-partner-grid.style-3.gutter-20,
.wprt-partner-grid.style-3.gutter-30 { margin: 0; }
.wprt-partner-grid.style-3.gutter-10 .partner-item,
.wprt-partner-grid.style-3.gutter-20 .partner-item,
.wprt-partner-grid.style-3.gutter-30 .partner-item { padding: 0; }
.wprt-partner-grid.style-3 .inner-item {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.wprt-partner-grid.style-3 .partner-row .partner-item:first-child .inner-item {
border-left: 1px solid #ddd;
}
.wprt-partner-grid.style-3 .partner-row:first-child {
border-top: 1px solid #ddd;
} #partner-wrap .cbp-nav-pagination {
position: static;
}
.wprt-partner .cbp-nav-pagination,
.wprt-partner .cbp-nav-controls {
display: none;
}
.wprt-partner.has-bullets {
padding-bottom: 60px;
}
.wprt-partner.has-bullets .cbp-nav-pagination {
padding-top: 42px;
display: block;
}
.wprt-partner.has-arrows .cbp-nav-controls {
display: block;
}
.wprt-partner.has-arrows.arrow50 #partner-wrap .cbp-nav-controls {
top: -80px;
}
.wprt-partner.has-bullets.bullet30 .cbp-nav-pagination {
padding-top: 22px;
}
.wprt-partner .partner-item:hover img {
opacity: 0.8;
} .wprt-partner.style-2 .partner-item img {
border: 1px solid #ddd;
} .wprt-team .name {
font-size: 20px;
margin: 13px 0 4px;
}
.wprt-team .position {
font-style: italic;
}
.wprt-team .socials {
list-style: none;
margin: 12px 0 0;
}
.wprt-team .socials li {
float: left;
margin-right: 6px;
padding: 0;
}
.wprt-team .socials li a {
color: #fff;
display: inline-block;
width: 36px;
height: 36px;
background-color: #ffbc13;
font-size: 15px;
line-height: 36px;
text-align: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
}
.wprt-team .socials li.facebook a { background-color: #3a6bb1; }
.wprt-team .socials li.twitter a { background-color: #0ec8f5; }
.wprt-team .socials li.linkedin a { background-color: #0094d3; }
.wprt-team .socials li.google-plus a { background-color: #f2623b; }
.wprt-team .socials li.envelope a { background-color: #50c591; }
.wprt-team .socials li a:hover {
background-color: #2d2d2d;
} .wprt-team.style-2 .member {
position: relative;
}
.wprt-team.style-2 .socials {
position: absolute;
left: 10px;
top: 0;
margin: 0;
filter: alpha(opacity=0);
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
}
.wprt-team.style-2 .socials li {
margin: 0;
float: none;
}
.wprt-team.style-2 .socials li.facebook a,
.wprt-team.style-2 .socials li.twitter a,
.wprt-team.style-2 .socials li.linkedin a,
.wprt-team.style-2 .socials li.google-plus a,
.wprt-team.style-2 .socials li.envelope a {
background-color: #ffbc13;
width: 54px;
height: 54px;
line-height: 54px;
border-radius: 0;
}
.wprt-team.style-2 .socials li.facebook a:hover,
.wprt-team.style-2 .socials li.twitter a:hover,
.wprt-team.style-2 .socials li.linkedin a:hover,
.wprt-team.style-2 .socials li.google-plus a:hover,
.wprt-team.style-2 .socials li.envelope a:hover {
background-color: #2d2d2d;
}
.wprt-team.style-2 .member:hover .socials {
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
} .wprt-link {
display: inline-block;
}
.wprt-link span {
padding-bottom: 3px;
display: inline-block;
line-height: normal;
-webkit-transition: all ease .238s;
-moz-transition: all ease .238s;
transition: all ease .238s;
}
.wprt-link.style-1 span {
position: relative;
}
.wprt-link.style-1 span:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: transparent;
-webkit-transition: all ease .238s;
-moz-transition: all ease .238s;
transition: all ease .238s;
}
.wprt-link.style-1:hover span:after {
background-color: grey;
width: 100%;
}
.wprt-link.style-1.line-style-1-white:hover span:after {
background-color: #fff;
}
.wprt-link.style-1.line-style-1-accent:hover span:after {
background-color: #ffbc13;
}
.wprt-link.style-1.line-style-1-black:hover span:after {
background-color: #333;
}
.wprt-link.style-2:hover span {
padding-right: 13px;
position: relative;
}
.wprt-link.style-2:hover span:after {
content: "\f105";
font-family: "FontAwesome";
position: absolute;
right: 0;
top: 2px;
} .wprt-lines {
position: relative;
}
.wprt-lines .line-1,
.wprt-lines .line-2 {
position: absolute;
left: 0;
top: 50%;
z-index: 2;
}
.wprt-lines .line-2 {
z-index: 1;
}
.wprt-lines.style-2 .line-1,
.wprt-lines.style-2 .line-2 {
left: 50%;
}
.wprt-lines.full-width .line-2 {
left: 0;
} .wprt-slider-text-1 {
background: rgba(0,0,0,0.5);
padding: 20px 35px;
}  .wprt-contact-form-1 .wpcf7-form-control-wrap.name,
.wprt-contact-form-1 .wpcf7-form-control-wrap.email,
.wprt-contact-form-1 .wpcf7-form-control-wrap.phone,
.wprt-contact-form-1 .wpcf7-form-control-wrap.subject {
width: 48%;
float: left;
margin-bottom: 30px;
}
.wprt-contact-form-1 .wpcf7-form-control-wrap.name,
.wprt-contact-form-1 .wpcf7-form-control-wrap.phone {
margin-right: 4%;
}
.wprt-contact-form-1 .wpcf7-form-control-wrap.message textarea {
height: 170px;
margin-bottom: 30px;
}
.wprt-contact-form-1 .wrap-submit {
text-align: center;    
}
.wprt-contact-form-1 .wpcf7-form-control.wpcf7-submit {
width: 200px;
}
.wprt-contact-form-1 .wpcf7-form-control.wpcf7-submit:hover {
background-color: #2d2d2d;
} .wprt-galleries.galleries .flexslider {
margin-bottom: 30px;
border: 0;
border-radius: 0;
box-shadow: none;
}
.wprt-galleries.galleries.w-570px .flexslider {
margin-bottom: 10px;
}
.wprt-galleries.galleries #wprt-carousel {
margin-bottom: 0;
}
.wprt-galleries.galleries #wprt-carousel .slides > li {
position: relative;
cursor: pointer;
padding: 0;
-webkit-transition: all 0.238s ease 0s;
-moz-transition: all 0.238s ease 0s;
transition: all 0.238s ease 0s;
}
.wprt-galleries.galleries #wprt-carousel .slides > li:hover:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 2px solid #ffbc13;
}
.wprt-galleries.galleries #wprt-slider .slides li,
.wprt-images-grid .item-wrap {
position: relative;
}
.wprt-galleries.galleries #wprt-slider .slides li .popup-image,
.wprt-images-grid .item-wrap .popup-image {
position: absolute;
right: 0;
top: 0;
color: #2d2d2d;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.wprt-galleries.galleries #wprt-slider li,
.wprt-galleries.galleries #wprt-carousel li {
padding: 0;
}
.wprt-galleries.galleries #wprt-slider .slides li .popup-image:hover,
.wprt-images-grid .item-wrap .popup-image:hover {
color: #fff;
}
.wprt-galleries.galleries #wprt-slider .slides li:hover .popup-image,
.wprt-images-grid .item-wrap:hover .popup-image {
filter: alpha(opacity=100);
opacity: 1;
visibility: visible;
}
.wprt-galleries.galleries .flex-direction-nav a {
text-shadow: none;
background-color: #f1f1f1;
color: #777;
opacity: 1;
width: 30px;
height: 30px;
line-height: 28px;
text-align: center;
font-size: 18px;
margin-top: -15px;
}
.wprt-galleries.galleries .flex-direction-nav a:hover {
background-color: #ffbc13;
color: #fff;
}
.wprt-galleries.galleries .flex-direction-nav .flex-next,
.wprt-galleries.galleries .flexslider:hover .flex-direction-nav .flex-next {
right: 0;
opacity: 1;
}
.wprt-galleries.galleries .flex-direction-nav .flex-prev,
.wprt-galleries.galleries .flexslider:hover .flex-direction-nav .flex-prev {
left: 0;
opacity: 1;
}
.wprt-galleries.galleries .flex-direction-nav a:before {
display: none;
} .wprt-progress {
position: relative;
overflow: hidden;
}
.wprt-progress .title,
.wprt-progress .perc {
color: #ffbc13;
line-height: normal;
}
.wprt-progress .title {
position: absolute;
left: 0;
top:0;
}
.wprt-progress .progress-animate {
height: 14px;
width: 0;
background-color: #ffbc13;
}
.wprt-progress .progress-bar {
background-color: #2d2d2d;
width: 100%;
margin-top: 10px;
}
.wprt-progress .perc {
width: 0;
text-align: right;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
.wprt-progress .perc.show {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
} #service-wrap .cbp-nav-pagination-item ,
#projects .cbp-nav-pagination-item,
#testimonials-wrap .cbp-nav-pagination-item,
#partner-wrap .cbp-nav-pagination-item,
.widget_twitter .cbp-nav-pagination-item {
background-color: #848484;
margin: 0 5px;
}
#service-wrap .cbp-nav-pagination-active,
#projects .cbp-nav-pagination-active,
#testimonials-wrap .cbp-nav-pagination-active,
#partner-wrap .cbp-nav-pagination-active,
.widget_twitter .cbp-nav-pagination-active {
background-color: #ffbc13;
} .bullet-style-2 #service-wrap .cbp-nav-pagination-item,
.bullet-style-2 #projects .cbp-nav-pagination-item,
.bullet-style-2 #testimonials-wrap .cbp-nav-pagination-item,
.bullet-style-2 #partner-wrap .cbp-nav-pagination-item {
background-color: #474b4e;
width: 15px;
height: 15px;
}
.bullet-style-2 #service-wrap .cbp-nav-pagination-active,
.bullet-style-2 #projects .cbp-nav-pagination-active,
.bullet-style-2 #testimonials-wrap .cbp-nav-pagination-active,
.bullet-style-2 #partner-wrap .cbp-nav-pagination-active {
background-color: #474b4e;
}
.bullet-style-2 #service-wrap .cbp-nav-pagination-active:after,
.bullet-style-2 #projects .cbp-nav-pagination-active:after,
.bullet-style-2 #testimonials-wrap .cbp-nav-pagination-active:after,
.bullet-style-2 #partner-wrap .cbp-nav-pagination-active:after {
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 2.5px;
background-color: #fff;
left: 50%;
top: 50%;
margin-left: -2.5px;
margin-top: -2.5px;
} .bullet-style-3 #service-wrap .cbp-nav-pagination-item,
.bullet-style-3 #projects .cbp-nav-pagination-item,
.bullet-style-3 #testimonials-wrap .cbp-nav-pagination-item,
.bullet-style-3 #partner-wrap .cbp-nav-pagination-item {
background-color: transparent;
border: 1px solid #ffbc13;
border-radius: 0;
margin: 0 5px;
}
.bullet-style-3 #service-wrap .cbp-nav-pagination-active,
.bullet-style-3 #projects .cbp-nav-pagination-active,
.bullet-style-3 #testimonials-wrap .cbp-nav-pagination-active,
.bullet-style-3 #partner-wrap .cbp-nav-pagination-active {
background-color: #ffbc13;
} #service-wrap .cbp-nav-next,
#service-wrap .cbp-nav-prev,
#testimonials-wrap .cbp-nav-next,
#testimonials-wrap .cbp-nav-prev,
#projects .cbp-nav-next,
#projects .cbp-nav-prev,
#partner-wrap .cbp-nav-next,
#partner-wrap .cbp-nav-prev {
background-color: #f1f1f1;
opacity: 1 !important;
border-radius: 0;
margin: 0;
width: 30px;
height: 30px;
}
#service-wrap .cbp-nav-next,
#testimonials-wrap .cbp-nav-next,
#projects .cbp-nav-next,
#partner-wrap .cbp-nav-next {
margin-left: 10px;
}
#service-wrap .cbp-nav-next:after,
#service-wrap .cbp-nav-prev:after,
#testimonials-wrap .cbp-nav-next:after,
#testimonials-wrap .cbp-nav-prev:after,
#projects .cbp-nav-next:after,
#projects .cbp-nav-prev:after,
#partner-wrap .cbp-nav-next:after,
#partner-wrap .cbp-nav-prev:after {
content: "\f104"; font-family: "FontAwesome"; color: #fff; text-align: center;  width: 100%; height: auto; font-size: 18px; line-height: 30px; background-image: none; position: absolute; left: 0; top: 0; -webkit-transition: color ease .238s; -moz-transition: color ease .238s; transition: color ease .238s;
}
#service-wrap .cbp-nav-next:after,
#testimonials-wrap .cbp-nav-next:after,
#projects .cbp-nav-next:after,
#partner-wrap .cbp-nav-next:after { content: "\f105"; }
#service-wrap .cbp-nav-next:before,
#service-wrap .cbp-nav-prev:before,
#testimonials-wrap .cbp-nav-next:before,
#testimonials-wrap .cbp-nav-prev:before,
#projects .cbp-nav-next:before,
#projects .cbp-nav-prev:before,
#partner-wrap .cbp-nav-next:before,
#partner-wrap .cbp-nav-prev:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; background-color: #ffbc13; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
#service-wrap .cbp-nav-next.cbp-nav-stop:before,
#service-wrap .cbp-nav-prev.cbp-nav-stop:before,
#testimonials-wrap .cbp-nav-next.cbp-nav-stop:before,
#testimonials-wrap .cbp-nav-prev.cbp-nav-stop:before,
#projects .cbp-nav-next.cbp-nav-stop:before,
#projects .cbp-nav-prev.cbp-nav-stop:before,
#partner-wrap .cbp-nav-next.cbp-nav-stop:before,
#partner-wrap .cbp-nav-prev.cbp-nav-stop:before {
background-color: #f1f1f1;
}
#service-wrap .cbp-nav-next.cbp-nav-stop:after,
#service-wrap .cbp-nav-prev.cbp-nav-stop:after,
#testimonials-wrap .cbp-nav-next.cbp-nav-stop:after,
#testimonials-wrap .cbp-nav-prev.cbp-nav-stop:after,
#projects .cbp-nav-next.cbp-nav-stop:after,
#projects .cbp-nav-prev.cbp-nav-stop:after,
#partner-wrap .cbp-nav-next.cbp-nav-stop:after,
#partner-wrap .cbp-nav-prev.cbp-nav-stop:after {
color: #777;
}
#service-wrap .cbp-nav-next:hover:before,
#service-wrap .cbp-nav-prev:hover:before,
#testimonials-wrap .cbp-nav-next:hover:before,
#testimonials-wrap .cbp-nav-prev:hover:before,
#projects .cbp-nav-next:hover:before,
#projects .cbp-nav-prev:hover:before,
#partner-wrap .cbp-nav-next:hover:before,
#partner-wrap .cbp-nav-prev:hover:before { opacity: 0.8 }
#service-wrap .cbp-nav-controls,
#testimonials-wrap .cbp-nav-controls,
#projects .cbp-nav-controls,
#partner-wrap .cbp-nav-controls { top: -100px; } .wprt-project.arrow-style-2 #projects .cbp-nav-next,
.wprt-project.arrow-style-2 #projects .cbp-nav-prev {
background-color: transparent;
}
.wprt-project.arrow-style-2 #projects .cbp-nav-next.cbp-nav-stop:before,
.wprt-project.arrow-style-2 #projects .cbp-nav-prev.cbp-nav-stop:before {
background-color: transparent;
border: 1px solid #494c4d;
}
.wprt-project.arrow-style-2 #projects .cbp-nav-next:before,
.wprt-project.arrow-style-2 #projects .cbp-nav-prev:before {
background-color: transparent;
border: 1px solid #ffbc13;
}
.wprt-project.arrow-style-2 #projects .cbp-nav-next:after,
.wprt-project.arrow-style-2 #projects .cbp-nav-prev:after {
color: #ffbc13;
}
.wprt-project.arrow-style-2 #projects .cbp-nav-next.cbp-nav-stop:after,
.wprt-project.arrow-style-2 #projects .cbp-nav-prev.cbp-nav-stop:after {
color: #494c4d;
} .left-icon .aio-ibd-block { padding: 0 0 0 12px !important; }
.top-icon .aio-icon-header h3.aio-icon-title { margin: 14px 0 !important; } .stats-top .stats-number {
padding-bottom: 0 !important;
} @media only screen and (max-width: 959px) {
#projects .project-item.style-4 .project-detail { bottom: auto; top: 0; width: 100%; height: 100%; }
#projects .project-item.style-4 .project-detail .link { position: static; margin-top: 10px; }
.wprt-news.style-2 .post-item { width: 100%; }
.vc_tta-tabs .vc_tta-panel-title { font-size: 14px; background-color: #2d2d2d; color: #fff; }
.wprt-news .news-wrap { margin: 0; }
.wprt-news .post-item { padding: 0; }
.wprt-news.two .post-item,
.wprt-news.three .post-item { width: 100%; }
}
@media only screen and (max-width: 767px) {
.related-projects .project-item { width: 100%; padding: 0; }
.wprt-news.style-2 .post-item .image { float: none; margin-bottom: 15px; }
}