html {
font-size: 15px;
}
body {
font-family: "Rubik", sans-serif;
background-color: #fff;
font-size: 15px;
font-size: 1rem;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
@media (max-width: 991px) {
body {
font-size: 15px;
font-size: 1rem;
}
}
@media (max-width: 767px) {
body {
font-size: 14px;
font-size: 0.93333rem;
}
}
p {
color: #727780;
line-height: 1.8em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Oswald", sans-serif;
color: #06163a;
}
ul {
padding-left: 0;
margin: 0;
list-style-position: inside;
}
a {
text-decoration: none;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}
a:hover {
text-decoration: none;
}
img {
max-width: 100%;
}
b,
strong {
font-weight: 500;
} .page-wrapper {
position: relative;
overflow: hidden;
}
.wow {
visibility: hidden;
}
.fi:before {
margin: 0;
}
.section-padding {
padding: 100px 0;
}
@media (max-width: 991px) {
.section-padding {
padding: 90px 0;
}
}
@media (max-width: 767px) {
.section-padding {
padding: 80px 0;
}
}
.rotate-text {
font-family: "Oswald", sans-serif;
font-size: 16px;
font-size: 1.06667rem;
color: #b5b5b5;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transform: rotate(-90deg) translateY(50%);
-ms-transform: rotate(-90deg) translateY(50%);
transform: rotate(-90deg) translateY(50%);
display: inline-block;
position: absolute;
left: -180px;
top: 50%;
}
@media (max-width: 1199px) {
.rotate-text {
display: none;
}
}
.rotate-text:before {
content: "";
background: #b5b5b5;
width: 2px;
height: 20px;
position: absolute;
top: 0;
left: -25px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.rotate-text:after {
content: "";
background: #b5b5b5;
width: 2px;
height: 20px;
position: absolute;
bottom: 0;
right: -25px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
} .contact-validation-active .error-handling-messages {
margin-top: 15px;
}
.contact-validation-active label.error {
color: red;
font-size: 0.93333rem;
font-weight: normal;
margin: 5px 0 0 0;
text-align: left;
display: block;
}
.contact-validation-active #loader {
display: none;
margin-top: 10px;
}
.contact-validation-active #loader i {
font-size: 30px;
font-size: 2rem;
color: #ffbd34;
display: inline-block;
-webkit-animation: rotating linear 2s infinite;
animation: rotating linear 2s infinite;
}
.contact-validation-active #success,
.contact-validation-active #error {
width: 100%;
color: #fff;
padding: 5px 10px;
font-size: 16px;
text-align: center;
display: none;
}
@media (max-width: 767px) {
.contact-validation-active #success,
.contact-validation-active #error {
font-size: 15px;
}
}
.contact-validation-active #success {
background-color: #009a00;
border-left: 5px solid green;
margin-bottom: 5px;
}
.contact-validation-active #error {
background-color: #ff1a1a;
border-left: 5px solid red;
} .back-to-top {
background-color: rgba(255, 189, 52, 0.9);
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
display: none;
position: fixed;
z-index: 999;
right: 15px;
bottom: 15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
@media (max-width: 991px) {
.back-to-top {
width: 35px;
height: 35px;
line-height: 35px;
}
}
.back-to-top:hover {
background-color: #ffbd34;
}
.back-to-top i {
font-size: 18px;
font-size: 1.2rem;
color: #fff;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .mfp-wrap {
background-color: rgba(0, 0, 0, 0.9);
z-index: 99999;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
} .fancybox-overlay {
background: rgba(0, 0, 0, 0.9);
z-index: 9999 !important;
}
.fancybox-wrap {
z-index: 99999 !important;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 5s alternate infinite;
animation: rotating 5s alternate infinite;
}
.section-title,
.section-title-s2,
.section-title-s3 {
margin-bottom: 50px;
margin-top: -5px;
}
.section-title>span,
.section-title-s2>span,
.section-title-s3>span {
font-family: "Oswald", sans-serif;
font-size: 18px;
font-size: 1.2rem;
font-weight: normal;
display: block;
color: #ffbd34;
text-transform: uppercase;
}
@media (max-width: 991px) {
.section-title>span,
.section-title-s2>span,
.section-title-s3>span {
font-size: 17px;
font-size: 1.13333rem;
}
}
@media (max-width: 767px) {
.section-title,
.section-title-s2,
.section-title-s3 {
margin-bottom: 40px;
}
}
.section-title h2,
.section-title-s2 h2,
.section-title-s3 h2 {
font-size: 42px;
font-size: 2.8rem;
font-weight: bold;
margin: 0.23em 0 0.5em;
position: relative;
text-transform: uppercase;
}
@media (max-width: 991px) {
.section-title h2,
.section-title-s2 h2,
.section-title-s3 h2 {
font-size: 35px;
font-size: 2.33333rem;
}
}
@media (max-width: 767px) {
.section-title h2,
.section-title-s2 h2,
.section-title-s3 h2 {
font-size: 32px;
font-size: 2.13333rem;
}
}
.section-title p,
.section-title-s2 p,
.section-title-s3 p {
color: #a7a5a5;
margin: 0;
}
.section-title-s2 h2 {
position: relative;
margin-bottom: 0;
padding-bottom: 0.5em;
}
.section-title-s2 h2:before {
content: "";
width: 35px;
height: 5px;
background: #ffbd34;
position: absolute;
left: 0;
bottom: 0;
}
.section-title-s3 {
text-align: center;
}
.theme-btn,
.theme-btn-s2,
.theme-btn-s3,
.theme-btn-s4 {
font-family: "Oswald", sans-serif;
background-color: #ffbd34;
height: 47px;
line-height: 47px;
font-size: 16px;
font-size: 1.06667rem;
color: #fff;
padding: 0 30px;
border-radius: 50px;
display: inline-block;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.theme-btn,
.theme-btn-s2,
.theme-btn-s3,
.theme-btn-s4 {
height: 45px;
line-height: 45px;
font-size: 15px;
font-size: 1rem;
padding: 0 25px;
}
}
.theme-btn:hover,
.theme-btn-s2:hover,
.theme-btn-s3:hover,
.theme-btn-s4:hover,
.theme-btn:focus,
.theme-btn-s2:focus,
.theme-btn-s3:focus,
.theme-btn-s4:focus,
.theme-btn:active,
.theme-btn-s2:active,
.theme-btn-s3:active,
.theme-btn-s4:active {
background-color: #ffac01;
color: #fff;
}
.theme-btn-s2 {
height: 40px;
line-height: 40px;
font-size: 14px;
font-size: 0.93333rem;
color: #fff;
padding: 0 25px;
border-radius: 40px;
}
.theme-btn-s3 {
background-color: transparent;
color: #0a172b;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #ffbd34;
border-radius: 0;
line-height: 45px;
}
@media (max-width: 1199px) {
.theme-btn-s3 {
line-height: 43px;
}
}
.theme-btn-s3:hover,
.theme-btn-s3:focus,
.theme-btn-s3:active {
background-color: #ffbd34;
color: #fff;
}
.theme-btn-s4 {
background-color: #0a172b;
color: #fff;
}
.theme-btn-s4:hover {
background-color: #000102;
}
.form input,
.form textarea,
.form select {
border-color: #bfbfbf;
border-radius: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #595959;
}
.form input:focus,
.form textarea:focus,
.form select:focus {
border-color: #ffbd34;
-webkit-box-shadow: 0 0 5px 0 #ffce67;
-moz-box-shadow: 0 0 5px 0 #ffce67;
-o-box-shadow: 0 0 5px 0 #ffce67;
-ms-box-shadow: 0 0 5px 0 #ffce67;
box-shadow: 0 0 5px 0 #ffce67;
}
.form ::-webkit-input-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form :-moz-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form ::-moz-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form :-ms-input-placeholder {
font-style: 14px;
font-style: italic;
color: #595959;
}
.form select {
font-style: italic;
background: url(//www.kelvinrojas.com/wp-content/themes/itus/assets/images/select-icon.png) no-repeat right center;
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
cursor: pointer;
}
.form select::-ms-expand { display: none;
}
.social-links {
overflow: hidden;
}
.social-links li {
float: left;
width: 35px;
height: 35px;
margin-right: 1px;
}
.social-links li a {
background-color: #ffce67;
width: 35px;
height: 35px;
line-height: 35px;
display: block;
color: #fff;
text-align: center;
}
.social-links li a:hover {
background-color: #ffbd34;
} .page-title {
background: url(//www.kelvinrojas.com/wp-content/themes/itus/assets/images/page-title.jpg) center center/cover no-repeat local;
width: 100%;
height: 500px;
text-align: center;
position: relative;
}
@media (max-width: 991px) {
.page-title {
height: 300px;
}
}
.page-title:before {
content: "";
background: -webkit-linear-gradient(top, #0a172b 55%, #ffbd34);
background: -moz-linear-gradient(top, #0a172b 55%, #ffbd34);
background: -o-linear-gradient(top, #0a172b 55%, #ffbd34);
background: -ms-linear-gradient(top, #0a172b 55%, #ffbd34);
background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #0a172b), to(#ffbd34));
background: linear-gradient(top, #0a172b 55%, #ffbd34);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0.5;
}
.page-title .container {
height: 100%;
display: table;
}
.page-title .container>.row {
vertical-align: middle;
display: table-cell;
}
@media screen and (min-width: 992px) {
.page-title .container .col {
padding-top: 163px;
}
}
.page-title h2,
.page-title ol {
color: #fff;
}
.page-title h2 {
font-size: 60px;
font-size: 4rem;
font-weight: 500;
margin: 0 0 0.30em;
text-transform: uppercase;
}
@media (max-width: 991px) {
.page-title h2 {
font-size: 50px;
font-size: 3.33333rem;
}
}
@media (max-width: 767px) {
.page-title h2 {
font-size: 40px;
font-size: 2.66667rem;
}
}
.page-title .breadcrumb {
background-color: transparent;
padding: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.page-title .breadcrumb {
text-align: center;
}
}
.page-title .breadcrumb li {
font-size: 16px;
font-size: 1.06667rem;
color: #fff;
margin-right: 5px;
}
@media (max-width: 767px) {
.page-title .breadcrumb li {
font-size: 14px;
font-size: 0.93333rem;
}
}
.page-title .breadcrumb li a {
color: #ffbd34;
}
.page-title .breadcrumb li a:hover {
color: #ffac01;
}
.page-title .breadcrumb>li+li:before {
font-family: "themify";
content: "\e628";
color: #ffbd34;
margin-right: 5px;
}
.preloader {
background-color: #fff;
width: 100%;
height: 100%;
position: fixed;
z-index: 1000;
}
.preloader .load {
width: 115px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.preloader .gear {
position: absolute;
z-index: -10;
width: 40px;
height: 40px;
-webkit-animation: spin 5s infinite;
animation: spin 5s infinite;
}
.preloader .two {
left: 40px;
width: 80px;
height: 80px;
-webkit-animation: spin-reverse 5s infinite;
animation: spin-reverse 5s infinite;
}
.preloader .three {
top: 45px;
left: -10px;
width: 60px;
height: 60px;
}
@-webkit-keyframes spin {
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin-reverse {
50% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes spin-reverse {
50% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
} .service-sidebar {   }
@media (max-width: 991px) {
.service-sidebar {
max-width: 300px;
margin-top: 80px;
}
}
.service-sidebar>.widget+.widget {
margin-top: 60px;
}
.service-sidebar .service-list-widget ul {
list-style: none;
border: 1px solid #e6e6e6;
border-bottom: 0;
}
.service-sidebar .service-list-widget ul li {
border-bottom: 1px solid #e6e6e6;
}
.service-sidebar .service-list-widget a {
font-weight: 500;
display: block;
color: #0a172b;
padding: 15px 24px;
}
.service-sidebar .service-list-widget a:hover,
.service-sidebar .service-list-widget .current a {
background-color: #ffbd34;
color: #fff;
}
.service-sidebar .download-widget ul {
list-style: none;
}
.service-sidebar .download-widget ul>li+li {
margin-top: 5px;
}
.service-sidebar .download-widget ul a {
background-color: #0a172b;
color: #fff;
padding: 17px 25px;
display: block;
}
.service-sidebar .download-widget ul i {
display: inline-block;
padding-right: 10px;
color: #ffbd34;
}
.service-sidebar .download-widget ul a:hover {
color: #ffbd34;
}
.service-sidebar .contact-widget {
background-color: #ffbd34;
padding: 45px 30px;
}
.service-sidebar .contact-widget h4 {
font-size: 22px;
font-size: 1.46667rem;
color: #0a172b;
margin: 0 0 0.8em;
}
.service-sidebar .contact-widget p {
color: #0a172b;
margin: 0 0 1em;
}
.service-sidebar .contact-widget p+a {
color: #fff;
}
.service-sidebar .contact-widget p+a i {
font-size: 14px;
}
.service-sidebar .contact-widget p+a:hover {
color: #0a172b;
} .shop-sidebar {    }
@media (max-width: 991px) {
.shop-sidebar {
max-width: 300px;
margin-top: 70px;
}
}
.shop-sidebar>.widget+.widget {
margin-top: 65px;
}
.shop-sidebar .widget>h3 {
font-size: 20px;
font-size: 1.33333rem;
text-transform: uppercase;
margin: 0 0 1.5em;
}
.shop-sidebar .widget ul {
list-style: none;
}
.shop-sidebar .search-widget div {
position: relative;
}
.shop-sidebar .search-widget button {
background: transparent;
font-size: 20px;
font-size: 1.33333rem;
color: #ffbd34;
border: 0;
outline: 0;
padding: 0;
margin: 0;
position: absolute;
right: 15px;
top: 55%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.shop-sidebar .search-widget input {
background-color: #f3f3f3;
height: 50px;
padding: 6px 40px 6px 20px;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.shop-sidebar .categories-widget ul li {
position: relative;
color: #727780;
}
.shop-sidebar .categories-widget ul li span {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.shop-sidebar .categories-widget ul li a {
color: #727780;
}
.shop-sidebar .categories-widget ul>li+li {
margin-top: 15px;
}
.shop-sidebar .categories-widget ul li a:hover {
color: #ffbd34;
}
.shop-sidebar .popular-product-widget ul li {
overflow: hidden;
}
.shop-sidebar .popular-product-widget ul>li+li {
margin-top: 20px;
}
.shop-sidebar .popular-product-widget .product-image {
width: 70px;
float: left;
}
.shop-sidebar .popular-product-widget .product-info {
width: calc(100% - 70px);
float: left;
padding-left: 20px;
}
.shop-sidebar .popular-product-widget .product-info>a {
color: #727780;
display: block;
margin-bottom: 4px;
}
.shop-sidebar .popular-product-widget .product-info>a:hover {
color: #ffbd34;
}
.shop-sidebar .popular-product-widget .star-rating {
margin-bottom: 5px;
}
.shop-sidebar .popular-product-widget .star-rating i {
font-size: 12px;
font-size: 0.8rem;
color: #ffbd34;
}
.shop-sidebar .tag-widget .tagcloud a {
font-size: 14px;
font-size: 0.93333rem;
color: #727780;
display: inline-block;
border: 1px solid #e8e8e8;
padding: 6px 15px;
border-radius: 32px;
margin: 0 5px 5px 0;
}
.shop-sidebar .tag-widget .tagcloud a:hover {
background-color: #ffbd34;
border-color: #ffbd34;
color: #fff;
} .pagination-wrapper {
max-height: 45px;
text-align: center;
margin-top: 60px;
}
@media (max-width: 991px) {
.pagination-wrapper {
text-align: left;
margin-top: 45px;
}
}
.pagination-wrapper .pg-pagination {
display: inline-block;
overflow: hidden;
list-style-type: none;
text-align: center;
}
.pagination-wrapper .pg-pagination li {
float: left;
margin-right: 10px;
}
@media (max-width: 767px) {
.pagination-wrapper .pg-pagination li {
margin-right: 5px;
}
}
.pagination-wrapper .pg-pagination li:last-child {
margin-right: 0;
}
.pagination-wrapper .pg-pagination li a {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 20px;
font-size: 1.33333rem;
border: 1px solid transparent;
color: #06163a;
display: block;
border-radius: 50%;
}
@media (max-width: 991px) {
.pagination-wrapper .pg-pagination li a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
font-size: 1.2rem;
}
}
.pagination-wrapper .pg-pagination .active a,
.pagination-wrapper .pg-pagination li a:hover {
border-color: #0a172b;
}
.pagination-wrapper-left {
text-align: left;
}
.pagination-wrapper-right {
text-align: right;
}
@media screen and (min-width: 1200px) {
.pagination-wrapper-right {
padding-right: 50px;
}
}
@media (max-width: 991px) {
.pagination-wrapper-right {
margin-top: 45px;
text-align: left;
}
} .blog-sidebar {    }
@media (max-width: 991px) {
.blog-sidebar {
max-width: 300px;
margin-top: 70px;
}
}
.blog-sidebar>.widget+.widget {
margin-top: 65px;
}
.blog-sidebar .widget>h3 {
font-size: 20px;
font-size: 1.33333rem;
text-transform: uppercase;
padding-bottom: 0.65em;
margin: 0 0 1.5em;
position: relative;
}
.blog-sidebar .widget>h3:before {
content: "";
background-color: #06163a;
width: 60px;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
}
.blog-sidebar .widget ul {
list-style: none;
}
.blog-sidebar .search-widget div {
position: relative;
}
.blog-sidebar .search-widget button {
background: transparent;
font-size: 20px;
font-size: 1.33333rem;
color: #ffbd34;
border: 0;
outline: 0;
padding: 0;
margin: 0;
position: absolute;
right: 15px;
top: 55%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-sidebar .search-widget input {
background-color: #f3f3f3;
height: 50px;
padding: 6px 40px 6px 20px;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-sidebar .categories-widget ul li {
position: relative;
color: #727780;
}
.blog-sidebar .categories-widget ul li span {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-sidebar .categories-widget ul li a {
color: #727780;
}
.blog-sidebar .categories-widget ul>li+li {
margin-top: 15px;
}
.blog-sidebar .categories-widget ul li a:hover {
color: #ffbd34;
}
.blog-sidebar .popular-post-widget ul li {
overflow: hidden;
}
.blog-sidebar .popular-post-widget ul>li+li {
margin-top: 20px;
}
.blog-sidebar .popular-post-widget .post-image {
width: 70px;
float: left;
}
.blog-sidebar .popular-post-widget .post-info {
width: calc(100% - 70px);
float: left;
padding-left: 20px;
}
.blog-sidebar .popular-post-widget .post-title {
font-size: 16px;
font-size: 1.06667rem;
line-height: 1.6em;
}
@media (max-width: 991px) {
.blog-sidebar .popular-post-widget .post-title {
font-size: 15px;
font-size: 1rem;
}
}
.blog-sidebar .popular-post-widget .post-info>a {
color: #727780;
display: block;
margin-bottom: 4px;
}
.blog-sidebar .popular-post-widget .post-info>a:hover {
color: #ffbd34;
}
.blog-sidebar .tag-widget .tagcloud a {
font-size: 14px;
font-size: 0.93333rem;
color: #727780;
display: inline-block;
border: 1px solid #e8e8e8;
padding: 6px 15px;
border-radius: 32px;
margin: 0 5px 5px 0;
}
.blog-sidebar .tag-widget .tagcloud a:hover {
background-color: #ffbd34;
border-color: #ffbd34;
color: #fff;
}
.theme-accordion-s1,
.theme-accordion-s2 {
margin-bottom: 0;
}
.theme-accordion-s1 .panel-default,
.theme-accordion-s2 .panel-default {
background: transparent;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.theme-accordion-s1 .panel-heading,
.theme-accordion-s2 .panel-heading {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.theme-accordion-s1 .panel+.panel,
.theme-accordion-s2 .panel+.panel {
margin-top: 15px;
}
.theme-accordion-s1 .panel-heading a,
.theme-accordion-s2 .panel-heading a {
background-color: #ffbd34;
font-size: 20px;
font-size: 1.33333rem;
color: #fff;
display: block;
padding: 18px 25px;
position: relative;
}
@media (max-width: 991px) {
.theme-accordion-s1 .panel-heading a,
.theme-accordion-s2 .panel-heading a {
font-size: 16px;
font-size: 1.06667rem;
padding: 15px 25px;
}
}
@media (max-width: 767px) {
.theme-accordion-s1 .panel-heading a,
.theme-accordion-s2 .panel-heading a {
padding: 12px 15px;
}
}
.theme-accordion-s1 .panel-heading a:before,
.theme-accordion-s2 .panel-heading a:before {
font-family: "FontAwesome";
content: "\f107";
font-size: 20px;
font-size: 1.33333rem;
position: absolute;
right: 25px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 991px) {
.theme-accordion-s1 .panel-heading a:before,
.theme-accordion-s2 .panel-heading a:before {
font-size: 18px;
font-size: 1.2rem;
right: 20px;
}
}
.theme-accordion-s1 .panel-heading a:focus,
.theme-accordion-s2 .panel-heading a:focus {
text-decoration: none;
}
.theme-accordion-s1 .panel-heading .collapsed,
.theme-accordion-s2 .panel-heading .collapsed {
background-color: #f1f1f1;
color: #06163a;
}
.theme-accordion-s1 .panel-heading .collapsed:before,
.theme-accordion-s2 .panel-heading .collapsed:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.theme-accordion-s1 .panel-heading+.panel-collapse>.panel-body,
.theme-accordion-s2 .panel-heading+.panel-collapse>.panel-body {
background-color: #fbfbfb;
font-size: 18px;
font-size: 1.2rem;
border: 0;
padding: 40px 25px 15px;
}
@media (max-width: 991px) {
.theme-accordion-s1 .panel-heading+.panel-collapse>.panel-body,
.theme-accordion-s2 .panel-heading+.panel-collapse>.panel-body {
padding: 20px 25px 10px;
font-size: 16px;
font-size: 1.06667rem;
}
}
@media (max-width: 767px) {
.theme-accordion-s1 .panel-heading+.panel-collapse>.panel-body,
.theme-accordion-s2 .panel-heading+.panel-collapse>.panel-body {
padding: 15px 15px 8px;
}
}
.theme-accordion-s1 .panel-heading+.panel-collapse>.panel-body p,
.theme-accordion-s2 .panel-heading+.panel-collapse>.panel-body p {
margin-bottom: 1.3em;
}
.theme-accordion-s2 .panel-default {
border: 0;
position: relative;
}
.theme-accordion-s2 .panel-heading a {
background-color: #fff;
font-family: "Oswald", sans-serif;
color: #ffbd34;
display: block;
padding: 12px 25px;
border: 1px solid #dde2e8;
position: relative;
}
@media (max-width: 991px) {
.theme-accordion-s2 .panel-heading a {
padding: 12px 20px;
}
}
@media (max-width: 767px) {
.theme-accordion-s2 .panel-heading a {
padding: 12px 15px;
}
}
.theme-accordion-s2 .panel-heading a .icon {
background: #ffbd34;
width: 47px;
height: 47px;
line-height: 47px;
color: #fff;
font-size: 20px;
font-size: 1.33333rem;
position: absolute;
right: 0;
top: 0;
text-align: center;
}
@media (max-width: 767px) {
.theme-accordion-s2 .panel-heading a .icon {
display: none;
}
}
.theme-accordion-s2 .panel-heading a .icon:before {
font-family: "FontAwesome";
content: "\f106";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.theme-accordion-s2 .panel-heading a:before {
display: none;
}
.theme-accordion-s2 .panel-heading .collapsed {
color: #1e2331;
}
.theme-accordion-s2 .panel-heading .collapsed .icon:before {
content: "\f107";
}
.theme-accordion-s2 .panel-heading+.panel-collapse>.panel-body {
padding-left: 130px;
min-height: 135px;
position: relative;
}
@media (max-width: 767px) {
.theme-accordion-s2 .panel-heading+.panel-collapse>.panel-body {
padding-left: 15px;
min-height: auto;
}
}
.theme-accordion-s2 .panel-heading+.panel-collapse>.panel-body .img-holder {
position: absolute;
left: 0;
top: 30px;
}
@media (max-width: 767px) {
.theme-accordion-s2 .panel-heading+.panel-collapse>.panel-body .img-holder {
position: static;
margin-bottom: 15px;
}
} .site-header {   }
.site-header .navigation {
background-color: #fff;
margin-bottom: 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.site-header .navigation>.container {
position: relative;
}
.site-header .navigation .navbar-brand {
height: auto;
}
@media screen and (max-width: 991px) {
.site-header #navbar {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s; }
}
.site-header #navbar ul {
font-family: "Oswald", sans-serif;
list-style: none;
}
.site-header #navbar>ul li a:hover,
.site-header #navbar>ul li a:focus {
text-decoration: none;
color: #ffbd34;
}
@media screen and (min-width: 992px) {
.site-header #navbar { }
.site-header #navbar li {
position: relative;
}
.site-header #navbar>ul>li>a {
font-size: 17px;
font-size: 1.13333rem;
font-weight: 400;
color: #fff;
padding: 40px 16px;
text-transform: uppercase;
}
.site-header #navbar>ul .sub-menu {
background-color: #fff;
width: 250px;
padding: 5px 12px;
position: absolute;
left: 0;
top: 130%;
z-index: 10;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
-webkit-box-shadow: 0px 15px 60px -19px black;
box-shadow: 0px 15px 60px -19px black;
}
.site-header #navbar>ul>li .sub-menu li {
border-bottom: 1px solid #f2f2f2;
}
.site-header #navbar>ul>li .sub-menu li:last-child {
border-bottom: 0;
}
.site-header #navbar>ul>li .sub-menu a {
font-size: 15px;
font-size: 1rem;
color: #06163a;
display: block;
padding: 12px 15px;
}
.site-header #navbar>ul>li .sub-menu a:hover {
color: #ffbd34;
}
.site-header #navbar>ul>li>.sub-menu .sub-menu {
left: 110%;
top: 0;
}
.site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a {
position: relative;
}
.site-header #navbar>ul>li>.sub-menu>.menu-item-has-children>a:before {
font-family: "themify";
content: "\e649";
font-size: 11px;
font-size: 0.73333rem;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.site-header #navbar>ul>li:hover>.sub-menu {
top: 100%;
visibility: visible;
opacity: 1;
}
.site-header #navbar .sub-menu>li:hover>.sub-menu {
left: 100%;
visibility: visible;
opacity: 1;
}
}
@media (max-width: 991px) {
.site-header #navbar>ul>li a {
display: block;
font-size: 14px;
font-size: 0.93333rem;
}
.site-header #navbar>ul>li .sub-menu li {
border-bottom: 1px solid #e6e6e6;
}
.site-header #navbar>ul .sub-menu>li:last-child {
border-bottom: 0;
}
.site-header #navbar>ul>li>.sub-menu a {
padding: 8px 15px 8px 45px;
}
.site-header #navbar>ul>li>.sub-menu .sub-menu a {
padding: 8px 15px 8px 65px;
}
.site-header #navbar>ul .menu-item-has-children>a {
position: relative;
}
.site-header #navbar>ul .menu-item-has-children>a:before {
font-family: "themify";
content: "\e64b";
font-size: 11px;
font-size: 0.73333rem;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media screen and (min-width: 992px) {
.site-header #navbar { }
.site-header #navbar .has-mega-menu {
position: static;
}
.site-header #navbar .mega-menu,
.site-header #navbar .half-mega-menu {
background-color: #fff;
padding: 20px;
border-top: 2px solid #ffbd34;
position: absolute;
right: 0;
top: 120%;
z-index: 10;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.site-header #navbar .mega-menu {
width: 1140px;
right: 15px;
}
.site-header #navbar .half-mega-menu {
width: 585px;
}
.site-header #navbar .mega-menu-box-title {
font-size: 14px;
font-size: 0.93333rem;
text-transform: uppercase;
font-weight: bold;
display: block;
padding-bottom: 7px;
margin-bottom: 7px;
border-bottom: 1px solid #e6e6e6;
}
.site-header #navbar .mega-menu-list-holder li a {
font-size: 14px;
font-size: 0.93333rem;
display: block;
padding: 7px 8px;
margin-left: -8px;
}
.site-header #navbar .has-mega-menu:hover>ul {
top: 100%;
visibility: visible;
opacity: 1;
}
}
@media (max-width: 1199px) {
.site-header #navbar>ul .mega-menu {
width: 950px;
right: 15px;
}
.site-header #navbar>ul .half-mega-menu {
width: 485px;
}
}
@media (max-width: 991px) {
.site-header #navbar>ul .mega-menu,
.site-header #navbar>ul .half-mega-menu {
width: auto;
}
.site-header #navbar>ul .mega-menu .row,
.site-header #navbar>ul .half-mega-menu .row {
margin: 0;
}
.site-header #navbar .mega-menu-content>.row>.col {
margin-bottom: 25px;
}
}
@media (max-width: 991px) {
.site-header #navbar .mega-menu .mega-menu-list-holder a {
padding: 5px 15px 5px 40px;
}
.site-header #navbar .mega-menu .mega-menu-box-title {
font-size: 14px;
font-size: 0.93333rem;
text-transform: uppercase;
display: block;
border-bottom: 1px dotted #b3b3b3;
padding: 0 0 4px 5px;
margin: 0 25px 8px 25px;
}
}
@media screen and (min-width: 992px) {
.site-header .navbar-header .open-btn {
display: none;
}
.site-header #navbar .close-navbar {
display: none;
}
}
@media (max-width: 991px) {
.site-header { }
.site-header .container {
width: 100%;
}
.site-header .navbar-header button {
background-color: #ffbd34;
width: 40px;
height: 35px;
border: 0;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
outline: 0;
position: absolute;
right: 15px;
top: 32px;
z-index: 20;
}
.site-header .navbar-header button span {
background-color: #fff;
display: block;
height: 2px;
margin-bottom: 5px;
}
.site-header .navbar-header button span:last-child {
margin: 0;
}
.site-header #navbar {
background: #fff;
display: block !important;
width: 280px;
height: 100% !important;
margin: 0;
padding: 0;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
position: fixed;
right: -300px;
top: 0;
z-index: 100;
}
.site-header #navbar ul a {
color: #000;
}
.site-header #navbar ul a:hover,
.site-header #navbar ul li.current a {
color: #ffbd34;
}
.site-header #navbar .navbar-nav {
height: 100%;
overflow: auto;
}
.site-header #navbar .close-navbar {
background-color: #ffbd34;
width: 40px;
height: 40px;
color: #fff;
border: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
outline: none;
position: absolute;
left: -18px;
top: 10px;
z-index: 20;
}
.site-header #navbar>ul>li {
border-bottom: 1px solid #cccccc;
}
.site-header #navbar>ul>li>a {
padding: 10px 15px 10px 35px;
}
.site-header .slideInn {
right: 0 !important;
}
}
@media (max-width: 767px) {
.site-header .navbar-header .navbar-brand {
font-size: 24px;
}
.site-header #navbar .navbar-nav {
margin: 0;
}
}
@media (max-width: 991px) {
.site-header .navbar-collapse.collapse {
display: none;
}
.site-header .navbar-collapse.collapse.in {
display: block;
}
.site-header .navbar-header .collapse,
.site-header .navbar-toggle {
display: block;
}
.site-header .navbar-header {
float: none;
}
.site-header .navbar-right {
float: none;
}
.site-header .navbar-nav {
float: none;
}
.site-header .navbar-nav>li {
float: none;
}
} .header-style-1,
.header-style-2,
.header-style-3 {  }
@media screen and (min-width: 992px) {
.header-style-1,
.header-style-2,
.header-style-3 {
background-color: rgba(255, 255, 255, 0.05);
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
.header-style-1 .navigation,
.header-style-2 .navigation,
.header-style-3 .navigation {
background-color: transparent;
}
.header-style-1 .navbar-header,
.header-style-2 .navbar-header,
.header-style-3 .navbar-header {
margin-top: 7px;
}
.header-style-1 #navbar,
.header-style-2 #navbar,
.header-style-3 #navbar {
margin-right: 235px;
border-right: 1px solid rgba(255, 255, 255, 0.07);
}
.header-style-1 #navbar>ul>li>a,
.header-style-2 #navbar>ul>li>a,
.header-style-3 #navbar>ul>li>a {
font-size: 16px;
font-size: 1.06667rem;
padding: 40px 12px;
}
}
@media screen and (min-width: 1200px) {
.header-style-1 #navbar>ul>li>a,
.header-style-2 #navbar>ul>li>a,
.header-style-3 #navbar>ul>li>a {
font-size: 17px;
font-size: 1.13333rem;
padding: 40px 16px;
}
.header-style-1 #navbar,
.header-style-2 #navbar,
.header-style-3 #navbar {
margin-right: 245px;
}
}
@media (max-width: 991px) {
.header-style-1 .navigation,
.header-style-2 .navigation,
.header-style-3 .navigation {
background-color: #0a172b;
}
.header-style-1 .navigation .container,
.header-style-2 .navigation .container,
.header-style-3 .navigation .container {
padding: 10px 15px;
}
}
@media (max-width: 991px) {
.header-style-1 .topbar,
.header-style-2 .topbar,
.header-style-3 .topbar {
background-color: #0a172b;
}
}
@media (max-width: 767px) {
.header-style-1 .topbar,
.header-style-2 .topbar,
.header-style-3 .topbar {
text-align: center;
padding-top: 20px;
}
}
.header-style-1 .topbar .container,
.header-style-2 .topbar .container,
.header-style-3 .topbar .container {
position: relative;
}
.header-style-1 .topbar .container:before,
.header-style-2 .topbar .container:before,
.header-style-3 .topbar .container:before {
width: calc(100% - 30px);
height: 1px;
background-color: rgba(255, 255, 255, 0.07);
position: absolute;
bottom: 0;
left: 15px;
}
.header-style-1 .topbar li,
.header-style-2 .topbar li,
.header-style-3 .topbar li {
font-weight: 300;
color: #e0e0e0;
}
.header-style-1 .topbar .contact-info ul,
.header-style-2 .topbar .contact-info ul,
.header-style-3 .topbar .contact-info ul {
overflow: hidden;
list-style: none;
}
.header-style-1 .topbar .contact-info ul li,
.header-style-2 .topbar .contact-info ul li,
.header-style-3 .topbar .contact-info ul li {
float: left;
padding: 23px 0;
}
@media (max-width: 991px) {
.header-style-1 .topbar .contact-info ul li,
.header-style-2 .topbar .contact-info ul li,
.header-style-3 .topbar .contact-info ul li {
padding: 18px 0;
}
}
@media (max-width: 767px) {
.header-style-1 .topbar .contact-info ul li,
.header-style-2 .topbar .contact-info ul li,
.header-style-3 .topbar .contact-info ul li {
float: none;
padding: 0;
}
}
.header-style-1 .topbar .contact-info ul li i,
.header-style-2 .topbar .contact-info ul li i,
.header-style-3 .topbar .contact-info ul li i {
display: inline-block;
color: #ffbd34;
padding-right: 5px;
}
.header-style-1 .topbar .contact-info ul>li+li,
.header-style-2 .topbar .contact-info ul>li+li,
.header-style-3 .topbar .contact-info ul>li+li {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid rgba(255, 255, 255, 0.07);
}
@media (max-width: 767px) {
.header-style-1 .topbar .contact-info ul>li+li,
.header-style-2 .topbar .contact-info ul>li+li,
.header-style-3 .topbar .contact-info ul>li+li {
margin-left: 0;
padding-left: 0;
margin-top: 10px;
border-left: 0;
}
}
.header-style-1 .topbar .social-icons,
.header-style-2 .topbar .social-icons,
.header-style-3 .topbar .social-icons {
float: right;
}
@media (max-width: 767px) {
.header-style-1 .topbar .social-icons,
.header-style-2 .topbar .social-icons,
.header-style-3 .topbar .social-icons {
float: none;
}
}
.header-style-1 .topbar .social-icons ul,
.header-style-2 .topbar .social-icons ul,
.header-style-3 .topbar .social-icons ul {
list-style: none;
overflow: hidden;
padding: 23px 0;
}
@media (max-width: 991px) {
.header-style-1 .topbar .social-icons ul,
.header-style-2 .topbar .social-icons ul,
.header-style-3 .topbar .social-icons ul {
padding: 18px 0;
}
}
@media (max-width: 767px) {
.header-style-1 .topbar .social-icons ul,
.header-style-2 .topbar .social-icons ul,
.header-style-3 .topbar .social-icons ul {
display: inline-block;
}
}
.header-style-1 .topbar .social-icons ul li,
.header-style-2 .topbar .social-icons ul li,
.header-style-3 .topbar .social-icons ul li {
float: left;
}
.header-style-1 .topbar .social-icons ul>li+li,
.header-style-2 .topbar .social-icons ul>li+li,
.header-style-3 .topbar .social-icons ul>li+li {
margin-left: 15px;
}
.header-style-1 .topbar .social-icons ul a,
.header-style-2 .topbar .social-icons ul a,
.header-style-3 .topbar .social-icons ul a {
font-size: 14px;
font-size: 0.93333rem;
color: #e0e0e0;
}
.header-style-1 .topbar .social-icons ul a:hover,
.header-style-2 .topbar .social-icons ul a:hover,
.header-style-3 .topbar .social-icons ul a:hover {
color: #ffbd34;
}
.header-style-1 .cart-search-contact,
.header-style-2 .cart-search-contact,
.header-style-3 .cart-search-contact {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
}
@media (max-width: 991px) {
.header-style-1 .cart-search-contact,
.header-style-2 .cart-search-contact,
.header-style-3 .cart-search-contact {
right: 95px;
}
}
.header-style-1 .cart-search-contact button,
.header-style-2 .cart-search-contact button,
.header-style-3 .cart-search-contact button {
background: transparent;
padding: 0;
border: 0;
outline: 0;
}
.header-style-1 .cart-search-contact .fi,
.header-style-2 .cart-search-contact .fi,
.header-style-3 .cart-search-contact .fi {
font-size: 30px;
font-size: 2rem;
color: #e4e4e4;
}
.header-style-1 .cart-search-contact>div,
.header-style-2 .cart-search-contact>div,
.header-style-3 .cart-search-contact>div {
float: left;
position: relative;
}
.header-style-1 .cart-search-contact>div+div,
.header-style-2 .cart-search-contact>div+div,
.header-style-3 .cart-search-contact>div+div {
margin-left: 20px;
}
@media (max-width: 450px) {
.header-style-1 .cart-search-contact .header-search-form-wrapper,
.header-style-2 .cart-search-contact .header-search-form-wrapper,
.header-style-3 .cart-search-contact .header-search-form-wrapper {
display: none;
}
}
.header-style-1 .cart-search-contact .header-search-form,
.header-style-2 .cart-search-contact .header-search-form,
.header-style-3 .cart-search-contact .header-search-form {
position: absolute;
width: 250px;
right: -25px;
top: 75px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
-webkit-box-shadow: 0px 15px 60px -19px black;
box-shadow: 0px 15px 60px -19px black;
}
.header-style-1 .cart-search-contact form div,
.header-style-2 .cart-search-contact form div,
.header-style-3 .cart-search-contact form div {
position: relative;
}
.header-style-1 .cart-search-contact form div button,
.header-style-2 .cart-search-contact form div button,
.header-style-3 .cart-search-contact form div button {
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-style-1 .cart-search-contact input,
.header-style-2 .cart-search-contact input,
.header-style-3 .cart-search-contact input {
width: 100%;
height: 50px;
padding: 6px 20px;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.header-style-1 .cart-search-contact .mini-cart .fi:before,
.header-style-2 .cart-search-contact .mini-cart .fi:before,
.header-style-3 .cart-search-contact .mini-cart .fi:before {
font-size: 25px;
font-size: 1.66667rem;
margin-left: 0px;
}
.header-style-1 .cart-search-contact .mini-cart .cart-count,
.header-style-2 .cart-search-contact .mini-cart .cart-count,
.header-style-3 .cart-search-contact .mini-cart .cart-count {
background: #ffbd34;
width: 22px;
height: 22px;
line-height: 22px;
font-size: 10px;
font-size: 0.66667rem;
color: white;
position: absolute;
top: 0;
right: -11px;
border-radius: 50%;
}
.header-style-1 .cart-search-contact .mini-cart-content,
.header-style-2 .cart-search-contact .mini-cart-content,
.header-style-3 .cart-search-contact .mini-cart-content {
background: #fff;
width: 300px;
border-top: 2px solid #ffbd34;
z-index: 10;
position: absolute;
right: -25px;
top: 75px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
-webkit-box-shadow: 0px 15px 60px -19px black;
box-shadow: 0px 15px 60px -19px black;
}
@media (max-width: 450px) {
.header-style-1 .cart-search-contact .mini-cart-content,
.header-style-2 .cart-search-contact .mini-cart-content,
.header-style-3 .cart-search-contact .mini-cart-content {
right: auto;
left: -185px;
}
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-title,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-title,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-title {
padding: 12px 15px;
border-bottom: 1px solid #efefef;
}
.header-style-1 .cart-search-contact .mini-cart-content p,
.header-style-2 .cart-search-contact .mini-cart-content p,
.header-style-3 .cart-search-contact .mini-cart-content p {
font-family: "Oswald", sans-serif;
font-size: 15px;
font-size: 1rem;
font-weight: 500;
color: #06163a;
margin: 0;
text-transform: uppercase;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-items,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-items,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-items {
padding: 15px;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item {
padding-top: 15px;
margin-top: 15px;
border-top: 1px solid #efefef;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item:first-child,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item:first-child,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item:first-child {
padding-top: 0;
margin-top: 0;
border-top: 0;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item-image,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item-image,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item-image {
width: 50px;
height: 50px;
border: 2px solid #eee;
float: left;
margin-right: 15px;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item-image a,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item-image a,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item-image a,
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item-image img,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item-image img,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item-image img {
display: block;
width: 46px;
height: 46px;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item-image:hover,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item-image:hover,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item-image:hover {
border-color: #fdc900;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item-des,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item-des,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item-des {
position: relative;
overflow: hidden;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item-des a,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item-des a,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item-des a {
font-size: 14px;
font-size: 0.93333rem;
font-weight: 500;
text-align: left;
color: #06163a;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item-des a:hover,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item-des a:hover,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item-des a:hover {
color: #ffbd34;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item-des .mini-cart-item-price,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item-des .mini-cart-item-price,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item-des .mini-cart-item-price {
font-size: 13px;
font-size: 0.86667rem;
color: #888;
display: block;
margin-top: 3px;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-item-des .mini-cart-item-quantity,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-item-des .mini-cart-item-quantity,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-item-des .mini-cart-item-quantity {
font-size: 12px;
font-size: 0.8rem;
color: #444;
display: block;
position: absolute;
right: 0;
top: 2px;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-action,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-action,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-action {
padding: 20px 15px;
border-top: 1px solid #efefef;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-action .theme-btn-s2,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-action .theme-btn-s2,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-action .theme-btn-s2 {
float: right;
}
.header-style-1 .cart-search-contact .mini-cart-content .mini-cart-action .mini-checkout-price,
.header-style-2 .cart-search-contact .mini-cart-content .mini-cart-action .mini-checkout-price,
.header-style-3 .cart-search-contact .mini-cart-content .mini-cart-action .mini-checkout-price {
font-family: "Oswald", sans-serif;
font-size: 15px;
font-size: 1rem;
font-weight: 500;
color: #06163a;
margin-top: 10px;
display: inline-block;
}
.header-style-1 .cart-search-contact .mini-cart-content-toggle,
.header-style-2 .cart-search-contact .mini-cart-content-toggle,
.header-style-3 .cart-search-contact .mini-cart-content-toggle,
.header-style-1 .cart-search-contact .header-search-content-toggle,
.header-style-2 .cart-search-contact .header-search-content-toggle,
.header-style-3 .cart-search-contact .header-search-content-toggle {
opacity: 1;
visibility: visible;
right: 0;
}
@media (max-width: 991px) {
.header-style-1 .cart-search-contact .get-quote,
.header-style-2 .cart-search-contact .get-quote,
.header-style-3 .cart-search-contact .get-quote {
display: none;
}
} .header-style-2 .navigation,
.header-style-3 .navigation {
background-color: #fff;
}
@media screen and (min-width: 992px) {
.header-style-2,
.header-style-3 {
background-color: #fff;
border-bottom: 0;
position: static;
z-index: 10;
}
.header-style-2 .topbar,
.header-style-3 .topbar {
background-color: #0a172b;
}
.header-style-2 #navbar,
.header-style-3 #navbar {
border-right: 1px solid #e7e7e7;
}
.header-style-2 #navbar>ul>li>a,
.header-style-3 #navbar>ul>li>a {
color: #06163a;
}
}
.header-style-2 .cart-search-contact .fi,
.header-style-3 .cart-search-contact .fi {
color: #c5c3c3;
} @media screen and (min-width: 992px) {
.header-style-3 {
background-color: transparent;
position: absolute;
left: 0;
}
.header-style-3 .topbar {
background-color: transparent;
}
.header-style-3 .topbar .container {
background-color: #0a172b;
}
.header-style-3 .navigation {
background-color: transparent;
}
.header-style-3 .navigation .container {
background-color: #fff;
}
} .hero {
position: relative;
height: 100vh;  }
@media (max-width: 767px) {
.hero {
min-height: 420px;
}
}
.hero .slide {
height: 100vh;
position: relative;
background-repeat: no-repeat;
position: relative;
}
@media (max-width: 767px) {
.hero .slide {
min-height: 420px;
}
}
.hero .slide .slider-bg {
display: none;
}
.hero .slide:focus {
outline: none;
}
.hero .slide .container {
height: 100%;
display: table;
}
@media (max-width: 767px) {
.hero .slide .container {
padding: 0;
}
}
.hero .slide .row {
display: table-cell;
vertical-align: middle;
}
.hero .slick-prev,
.hero .slick-next {
width: 55px;
height: 55px;
z-index: 10;
opacity: 0.3;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.hero .slick-prev:hover,
.hero .slick-next:hover {
opacity: 1;
}
@media (max-width: 991px) {
.hero .slick-prev,
.hero .slick-next {
display: none !important;
}
}
.hero .slick-prev {
left: 25px;
}
.hero .slick-prev:before {
font-family: "Flaticon";
content: "\f11e";
font-size: 40px;
opacity: 1;
}
.hero .slick-next {
right: 25px;
}
.hero .slick-next:before {
font-family: "Flaticon";
content: "\f11f";
font-size: 40px;
opacity: 1;
}
.hero .slick-dots {
bottom: 30px;
}
@media screen and (min-width: 992px) {
.hero .slick-dots {
bottom: 80px;
}
}
.hero .slick-dots li {
margin: 0;
}
.hero .slick-dots button {
background-color: #ffbd34;
width: 14px;
height: 14px;
border: 1px solid #fff;
border-radius: 50%;
}
.hero .slick-dots button:before,
.hero .slick-dots button:before {
display: none;
} .hero-style-1,
.hero-style-2,
.hero-style-3 {
min-height: 800px; }
@media (max-width: 991px) {
.hero-style-1,
.hero-style-2,
.hero-style-3 {
height: 500px;
min-height: auto;
}
}
.hero-style-1 .slide,
.hero-style-2 .slide,
.hero-style-3 .slide {
min-height: 800px;
}
@media (max-width: 991px) {
.hero-style-1 .slide,
.hero-style-2 .slide,
.hero-style-3 .slide {
height: 500px;
min-height: auto;
}
}
.hero-style-1 .slide:before,
.hero-style-2 .slide:before,
.hero-style-3 .slide:before {
content: "";
background: -webkit-linear-gradient(top, #0a172b 55%, #ffbd34);
background: -moz-linear-gradient(top, #0a172b 55%, #ffbd34);
background: -o-linear-gradient(top, #0a172b 55%, #ffbd34);
background: -ms-linear-gradient(top, #0a172b 55%, #ffbd34);
background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #0a172b), to(#ffbd34));
background: linear-gradient(top, #0a172b 55%, #ffbd34);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0.5;
}
.hero-style-1 .slide-caption,
.hero-style-2 .slide-caption,
.hero-style-3 .slide-caption {
text-align: center;
}
@media screen and (min-width: 992px) {
.hero-style-1 .slide-caption,
.hero-style-2 .slide-caption,
.hero-style-3 .slide-caption {
margin-top: 88px;
}
}
.hero-style-1 .slide-caption p,
.hero-style-2 .slide-caption p,
.hero-style-3 .slide-caption p {
font-family: "Oswald", sans-serif;
font-size: 20px;
font-size: 1.33333rem;
font-weight: 300;
margin: 0;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
@media (max-width: 991px) {
.hero-style-1 .slide-caption p,
.hero-style-2 .slide-caption p,
.hero-style-3 .slide-caption p {
font-size: 18px;
font-size: 1.2rem;
}
}
@media (max-width: 767px) {
.hero-style-1 .slide-caption p,
.hero-style-2 .slide-caption p,
.hero-style-3 .slide-caption p {
font-size: 16px;
font-size: 1.06667rem;
}
}
.hero-style-1 .slide-caption h2,
.hero-style-2 .slide-caption h2,
.hero-style-3 .slide-caption h2 {
font-size: 55px;
font-size: 3.66667rem;
font-weight: bold;
margin: 0.63em 0 1em;
color: #fff;
line-height: 1.27em;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.hero-style-1 .slide-caption h2,
.hero-style-2 .slide-caption h2,
.hero-style-3 .slide-caption h2 {
font-size: 50px;
font-size: 3.33333rem;
}
}
@media (max-width: 991px) {
.hero-style-1 .slide-caption h2,
.hero-style-2 .slide-caption h2,
.hero-style-3 .slide-caption h2 {
font-size: 40px;
font-size: 2.66667rem;
}
}
@media (max-width: 767px) {
.hero-style-1 .slide-caption h2,
.hero-style-2 .slide-caption h2,
.hero-style-3 .slide-caption h2 {
font-size: 35px;
font-size: 2.33333rem;
}
}
.hero-style-1 .slide-caption>div,
.hero-style-2 .slide-caption>div,
.hero-style-3 .slide-caption>div {
overflow: hidden;
}
.hero-style-1 .slide-caption>div *,
.hero-style-2 .slide-caption>div *,
.hero-style-3 .slide-caption>div * {
-webkit-animation: fadeOutDown 1.5s both;
animation: fadeOutDown 1.5s both;
}
.hero-style-1 .slide-caption>div.slide-title *,
.hero-style-2 .slide-caption>div.slide-title *,
.hero-style-3 .slide-caption>div.slide-title * {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.hero-style-1 .slide-caption>div.slide-subtitle *,
.hero-style-2 .slide-caption>div.slide-subtitle *,
.hero-style-3 .slide-caption>div.slide-subtitle * {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.hero-style-1 .slide-caption>div.btns *,
.hero-style-2 .slide-caption>div.btns *,
.hero-style-3 .slide-caption>div.btns * {
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.hero-style-1 .hero-slider .slick-current .slide-caption>div *,
.hero-style-2 .hero-slider .slick-current .slide-caption>div *,
.hero-style-3 .hero-slider .slick-current .slide-caption>div * {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.hero-style-1 .hero-slider .slick-current .slide-caption>div.slide-subtitle *,
.hero-style-2 .hero-slider .slick-current .slide-caption>div.slide-subtitle *,
.hero-style-3 .hero-slider .slick-current .slide-caption>div.slide-subtitle * {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.hero-style-1 .hero-slider .slick-current .slide-caption>div.slide-title *,
.hero-style-2 .hero-slider .slick-current .slide-caption>div.slide-title *,
.hero-style-3 .hero-slider .slick-current .slide-caption>div.slide-title * {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.hero-style-1 .hero-slider .slick-current .slide-caption>div.btns *,
.hero-style-2 .hero-slider .slick-current .slide-caption>div.btns *,
.hero-style-3 .hero-slider .slick-current .slide-caption>div.btns * {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
} .hero-style-2,
.hero-style-3 {
height: calc(100vh - 167px);
min-height: 700px;
}
@media (max-width: 1199px) {
.hero-style-2,
.hero-style-3 {
min-height: 700px;
}
}
@media (max-width: 991px) {
.hero-style-2,
.hero-style-3 {
height: 500px;
min-height: auto;
}
}
.hero-style-2 .slide,
.hero-style-3 .slide {
height: calc(100vh - 167px);
min-height: 700px;
}
@media (max-width: 1199px) {
.hero-style-2 .slide,
.hero-style-3 .slide {
min-height: 700px;
}
}
@media (max-width: 991px) {
.hero-style-2 .slide,
.hero-style-3 .slide {
height: 500px;
min-height: auto;
}
}
.hero-style-2 .slide:before,
.hero-style-3 .slide:before {
content: "";
background: rgba(0, 0, 0, 0.5);
opacity: 1;
}
.hero-style-2 .slide-caption,
.hero-style-3 .slide-caption {
text-align: center;
position: relative;
z-index: 10;
}
@media screen and (min-width: 992px) {
.hero-style-2 .slide-caption,
.hero-style-3 .slide-caption {
margin-top: -80px;
}
}
.hero-style-2 .pattern,
.hero-style-3 .pattern {
width: 68%;
height: 100%;
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
pointer-events: none;
}
.hero-style-2 .pattern>span,
.hero-style-3 .pattern>span {
background: rgba(255, 255, 255, 0.09);
width: 1px;
height: 100%;
position: absolute;
left: 0%;
top: 0;
}
.hero-style-2 .pattern>span:before,
.hero-style-3 .pattern>span:before {
content: "";
background: #ffbd34;
width: 4px;
height: 10px;
position: absolute;
top: 0;
left: -2px;
z-index: -1;
-webkit-animation: line-animation 9s linear infinite alternate;
animation: line-animation 9s linear infinite alternate;
}
.hero-style-2 .pattern>span:nth-child(2),
.hero-style-3 .pattern>span:nth-child(2) {
left: 25%;
}
.hero-style-2 .pattern>span:nth-child(2):before,
.hero-style-3 .pattern>span:nth-child(2):before {
content: "";
-webkit-animation: line-animation 9s linear 1s infinite alternate;
animation: line-animation 9s linear 1s infinite alternate;
}
.hero-style-2 .pattern>span:nth-child(3),
.hero-style-3 .pattern>span:nth-child(3) {
left: 50%;
}
.hero-style-2 .pattern>span:nth-child(3):before,
.hero-style-3 .pattern>span:nth-child(3):before {
content: "";
-webkit-animation: line-animation 9s linear 2s infinite alternate;
animation: line-animation 9s linear 2s infinite alternate;
}
.hero-style-2 .pattern>span:nth-child(4),
.hero-style-3 .pattern>span:nth-child(4) {
left: 75%;
}
.hero-style-2 .pattern>span:nth-child(5),
.hero-style-3 .pattern>span:nth-child(5) {
left: 100%;
}
.hero-style-2 .pattern>span:nth-child(5):before,
.hero-style-3 .pattern>span:nth-child(5):before {
content: "";
-webkit-animation: line-animation 9s linear 1s infinite alternate;
animation: line-animation 9s linear 1s infinite alternate;
}
@-webkit-keyframes line-animation {
form {
top: 0;
}
to {
top: 100%;
}
}
@keyframes line-animation {
form {
top: 0;
}
to {
top: 100%;
}
} .hero-style-3 {
height: 100vh;
min-height: 800px;
}
@media (max-width: 1199px) {
.hero-style-3 {
min-height: 700px;
}
}
@media (max-width: 991px) {
.hero-style-3 {
height: 500px;
min-height: auto;
}
}
.hero-style-3 .slide {
height: 100vh;
min-height: 800px;
}
@media (max-width: 1199px) {
.hero-style-3 .slide {
min-height: 700px;
}
}
@media (max-width: 991px) {
.hero-style-3 .slide {
height: 500px;
min-height: auto;
}
}
@media screen and (min-width: 992px) {
.hero-style-3 .slide-caption {
margin-top: 157px;
}
} .site-footer {
background-color: #0a172b;     }
.site-footer ul {
list-style: none;
}
.site-footer p,
.site-footer li {
font-size: 16px;
font-size: 1.06667rem;
color: #d5d5d5;
}
.site-footer .upper-footer {
padding: 90px 0;
}
@media (max-width: 991px) {
.site-footer .upper-footer {
padding: 90px 0 20px;
}
}
@media (max-width: 767px) {
.site-footer .upper-footer {
padding: 80px 0 10px;
}
}
@media (max-width: 991px) {
.site-footer .upper-footer .col {
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.site-footer .upper-footer .col {
margin-bottom: 60px;
}
}
.site-footer .widget-title {
margin-bottom: 35px;
}
@media (max-width: 767px) {
.site-footer .widget-title {
margin-bottom: 25px;
}
}
.site-footer .widget-title h3 {
font-size: 24px;
font-size: 1.6rem;
font-weight: 500;
color: #ebebeb;
margin: -0.13em 0 0;
text-transform: uppercase;
}
@media (max-width: 767px) {
.site-footer .widget-title h3 {
font-size: 22px;
font-size: 1.46667rem;
}
}
@media screen and (min-width: 1200px) {
.site-footer .about-widget {
padding-right: 40px;
}
}
@media (max-width: 1199px) {
.site-footer .about-widget .logo {
max-width: 90%;
}
}
.site-footer .about-widget p {
margin-bottom: 1.6em;
line-height: 1.9em;
}
.site-footer .about-widget p:last-child {
margin-bottom: 0;
}
.site-footer .about-widget .social-icons ul {
overflow: hidden;
padding-top: 15px;
}
@media (max-width: 767px) {
.site-footer .about-widget .social-icons ul {
padding-top: 8px;
}
}
.site-footer .about-widget .social-icons ul li {
float: left;
}
.site-footer .about-widget .social-icons ul>li+li {
margin-left: 15px;
}
.site-footer .about-widget .social-icons ul a {
color: #9e9e9e;
}
.site-footer .about-widget .social-icons ul a:hover {
color: #ffbd34;
}
@media (max-width: 1199px) {
.site-footer .link-widget {
padding-left: 20px;
}
}
@media (max-width: 991px) {
.site-footer .link-widget {
padding-left: 0;
}
}
.site-footer .link-widget ul li {
position: relative;
position: relative;
}
.site-footer .link-widget ul a {
color: #9e9e9e;
}
.site-footer .link-widget ul a:hover,
.site-footer .link-widget ul li:hover:before {
color: #ffbd34;
}
.site-footer .link-widget ul>li+li {
margin-top: 20px;
}
@media screen and (min-width: 1200px) {
.site-footer .service-link-widget {
padding-left: 10px;
}
}
.site-footer .contact-widget li span {
color: #ffbd34;
display: inline-block;
padding-right: 5px;
}
.site-footer .contact-widget ul li {
line-height: 1.9em;
}
@media (max-width: 767px) {
.site-footer .contact-widget ul li {
font-size: 15px;
font-size: 1rem;
}
}
.site-footer .contact-widget ul>li+li {
margin-top: 15px;
}
.site-footer .lower-footer {
text-align: center;
}
.site-footer .lower-footer .row {
padding: 35px 0 20px;
position: relative;
}
@media (max-width: 991px) {
.site-footer .lower-footer .row {
padding: 35px 0 25px;
}
}
.site-footer .lower-footer .row .separator {
background-color: rgba(255, 255, 255, 0.07);
width: calc(100% - 30px);
height: 1px;
position: absolute;
left: 15px;
top: 0;
}
.site-footer .lower-footer .copyright {
font-size: 15px;
font-size: 1rem;
float: left;
}
@media (max-width: 991px) {
.site-footer .lower-footer .copyright {
float: none;
}
}
.site-footer .lower-footer ul {
display: inline-block;
overflow: hidden;
float: right;
}
@media (max-width: 991px) {
.site-footer .lower-footer ul {
float: none;
}
}
.site-footer .lower-footer ul li {
font-size: 15px;
font-size: 1rem;
float: left;
}
@media (max-width: 767px) {
.site-footer .lower-footer ul li {
font-size: 14px;
font-size: 0.93333rem;
}
}
.site-footer .lower-footer ul>li+li {
margin-left: 30px;
position: relative;
}
@media (max-width: 767px) {
.site-footer .lower-footer ul>li+li {
margin-left: 15px;
}
}
.site-footer .lower-footer ul a {
color: #a0a0a0;
}
.site-footer .lower-footer ul a:hover {
color: #ffbd34;
}
.sticky-header {
width: 100%;
position: fixed;
left: 0;
top: -400px;
z-index: 9999;
opacity: 0;
visibility: hidden;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
}
.sticky-on {
opacity: 1;
top: 0;
visibility: visible;
}
.header-style-1 .sticky-header,
.header-style-2 .sticky-header,
.header-style-3 .sticky-header {
background-color: #0a172b;
border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.header-style-2 .sticky-header,
.header-style-3 .sticky-header {
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
} .features-section {
margin-top: -70px;
padding-bottom: 100px;
position: relative;
z-index: 5;
}
@media (max-width: 991px) {
.features-section {
margin: 0;
padding: 90px 0;
}
}
.features-section .features-grids {
overflow: hidden;
padding-left: 1px;
}
@media (max-width: 991px) {
.features-section .features-grids {
padding-left: 0;
border-top: 3px solid #ffbd34;
}
}
.features-section .features-grids .grid {
background-color: #fff;
width: 33.33%;
float: left;
padding: 36px 45px 40px;
border: 1px solid #ececec;
margin-left: -1px;
border-top: 3px solid #ffbd34;
}
@media (max-width: 1199px) {
.features-section .features-grids .grid {
padding: 36px 35px 40px;
}
}
@media (max-width: 991px) {
.features-section .features-grids .grid {
width: 100%;
float: none;
border-top: 1px solid #ececec;
margin-left: 0;
margin-top: -1px;
padding: 26px 30px 30px;
}
}
.features-section .icon {
margin-bottom: 15px;
}
.features-section .icon .fi:before {
font-size: 50px;
font-size: 3.33333rem;
color: #ffbd34;
}
@media (max-width: 1199px) {
.features-section .icon .fi:before {
font-size: 45px;
font-size: 3rem;
}
}
.features-section .grid h3 {
font-size: 22px;
font-size: 1.46667rem;
font-weight: 500;
margin: 0;
text-transform: uppercase;
margin: 0 0 0.95em;
}
@media (max-width: 1199px) {
.features-section .grid h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
@media (max-width: 991px) {
.features-section .grid h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.features-section .grid p {
margin: 0;
} .services-section {
background-color: #f8f8f8;
}
.services-section .service-grids .grid {
width: 33.33%;
float: left;
overflow: hidden;
}
@media (max-width: 991px) {
.services-section .service-grids .grid {
width: 50%;
}
}
@media (max-width: 550px) {
.services-section .service-grids .grid {
width: 100%;
float: none;
}
}
.services-section .grid h3 {
font-size: 20px;
font-size: 1.33333rem;
font-weight: 400;
margin: 0;
}
@media (max-width: 767px) {
.services-section .grid h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.services-section .grid h3 a {
color: #06163a;
}
.services-section .grid:hover h3 a {
color: #ffbd34;
}
.services-section .grid .details {
background-color: #fff;
padding: 28px 25px;
border-right: 1px solid #f1f1f1;
}
@media (max-width: 991px) {
.services-section .grid .details {
padding: 22px 20px;
}
}
.services-section .img-holder {
position: relative;
overflow: hidden;
}
.services-section .view-details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.services-section .view-details:before {
content: "";
background: rgba(0, 0, 0, 0.6);
position: absolute;
right: -100px;
bottom: -100px;
width: 300px;
height: 300px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.6);
content: '';
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
-ms-transition: all 0.35s;
transition: all 0.35s;
}
.services-section .grid:hover .view-details:before {
opacity: 1;
-webkit-transform: scale3d(0.6, 0.6, 0.6);
transform: scale3d(0.6, 0.6, 0.6);
}
.services-section .view-details a {
font-family: "Oswald", sans-serif;
font-size: 18px;
font-size: 1.2rem;
color: #ffbd34;
position: absolute;
right: 30px;
bottom: 48px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
-ms-transition: all 0.35s;
transition: all 0.35s;
}
.services-section .view-details a:hover {
color: #ffb51b;
}
.services-section .grid:hover .view-details a {
opacity: 1;
visibility: visible;
}
.services-section .grid img {
margin: -10px 0 0 -10px;
max-width: 130%;
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
opacity: 0.9;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.services-section .grid:hover img {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} @media (max-width: 991px) {
.about-section .about-features,
.about-section-s2 .about-features {
margin: 0 -22px;
}
}
.about-section .grid,
.about-section-s2 .grid {
width: 50%;
float: left;
padding-right: 45px;
margin-bottom: 45px;
}
@media (max-width: 991px) {
.about-section .grid,
.about-section-s2 .grid {
padding: 0 22px;
}
}
@media (max-width: 767px) {
.about-section .grid,
.about-section-s2 .grid {
padding: 0 22px;
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
.about-section .grid,
.about-section-s2 .grid {
width: 100%;
float: none;
}
}
.about-section .grid .fi:before,
.about-section-s2 .grid .fi:before {
font-size: 50px;
font-size: 3.33333rem;
color: #ffbd34;
}
@media (max-width: 767px) {
.about-section .grid .fi:before,
.about-section-s2 .grid .fi:before {
font-size: 40px;
font-size: 2.66667rem;
}
}
.about-section .details,
.about-section-s2 .details {
position: relative;
margin-top: -15px;
}
.about-section .details .count,
.about-section-s2 .details .count {
font-family: "Oswald", sans-serif;
font-size: 72px;
font-size: 4.8rem;
color: #f0f0f0;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
@media (max-width: 767px) {
.about-section .details .count,
.about-section-s2 .details .count {
font-size: 62px;
font-size: 4.13333rem;
}
}
.about-section .details h3,
.about-section-s2 .details h3 {
font-size: 20px;
font-size: 1.33333rem;
font-weight: 500;
margin: 0 0 0.8em;
padding: 2.6em 0 0;
text-transform: uppercase;
}
@media (max-width: 767px) {
.about-section .details h3,
.about-section-s2 .details h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.about-section .details p,
.about-section-s2 .details p {
margin: 0;
}
.about-section .video-holder,
.about-section-s2 .video-holder {
position: relative;
margin-top: 40px;
max-width: 360px;
}
@media (max-width: 991px) {
.about-section .video-holder,
.about-section-s2 .video-holder {
margin-top: 60px;
}
}
@media (max-width: 450px) {
.about-section .video-holder,
.about-section-s2 .video-holder {
margin-top: 30px;
}
}
.about-section .video-holder:before,
.about-section-s2 .video-holder:before {
content: "";
width: 100%;
height: 100%;
border: 12px solid #ffbd34;
position: absolute;
right: -35px;
top: -35px;
z-index: -1;
}
@media (max-width: 450px) {
.about-section .video-holder:before,
.about-section-s2 .video-holder:before {
display: none;
}
}
.about-section .video-holder .fi:before,
.about-section-s2 .video-holder .fi:before {
font-size: 80px;
font-size: 5.33333rem;
color: #ffbd34;
}
.about-section .video-holder a,
.about-section-s2 .video-holder a {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-section .more-about,
.about-section-s2 .more-about {
margin-top: -10px;
line-height: 0.5em;
}
@media (max-width: 991px) {
.about-section .more-about,
.about-section-s2 .more-about {
margin-top: 50px;
}
}
.about-section .more-about a,
.about-section-s2 .more-about a {
font-weight: 500;
color: #ffbd34;
text-transform: uppercase;
}
.about-section .more-about a i,
.about-section-s2 .more-about a i {
display: inline-block;
padding: 0 0 0 3px;
}
.about-section .more-about a:hover,
.about-section-s2 .more-about a:hover {
color: #ffac01;
} .testimonials-section {
text-align: center;
position: relative;
}
.testimonials-section .quote p {
font-size: 18px;
font-size: 1.2rem;
font-style: italic;
color: #ccc;
margin-bottom: 2.5em;
}
@media (max-width: 767px) {
.testimonials-section .quote p {
font-size: 16px;
font-size: 1.06667rem;
}
}
.testimonials-section .client-pic {
max-width: 80px;
margin: 0 auto;
position: relative;
}
@media screen and (min-width: 768px) {
.testimonials-section .client-pic:before, .testimonials-section .client-pic:after {
content: "";
background: url(//www.kelvinrojas.com/wp-content/themes/itus/assets/images/quote.png) center center/100% no-repeat local;
position: absolute;
top: 10px;
left: -130px;
width: 70px;
height: 50px;
opacity: 0.1;
}
.testimonials-section .client-pic:after {
left: auto;
right: -130px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.testimonials-section .client-pic img {
width: auto;
border: 3px solid #444e5d;
border-radius: 50%;
}
.testimonials-section .client-info {
margin-bottom: 35px;
}
.testimonials-section .client-info h4 {
font-size: 18px;
font-size: 1.2rem;
font-weight: normal;
color: #fff;
margin: 1em 0 0.5em;
}
.testimonials-section .client-info h4 + span {
font-size: 13px;
font-size: 0.86667rem;
color: #ffbd34;
}
.testimonials-section .owl-theme .owl-controls {
margin-top: 20px;
}
.testimonials-section .owl-dots {
height: 10px;
}
.testimonials-section .owl-dots .owl-dot {
border: 1px solid #e5e5e5;
border-radius: 50%;
width: 14px;
height: 14px;
text-align: center;
margin-right: 10px;
}
.testimonials-section .owl-dots .owl-dot span {
background-color: #e5e5e5;
width: 6px;
height: 6px;
margin: 3px auto;
}
.testimonials-section .owl-dots .owl-dot.active {
border: 1px solid #ffbd34;
}
.testimonials-section .owl-dots .owl-dot.active span,
.testimonials-section .owl-dots .owl-dot:hover span {
background-color: #ffbd34;
} .feature-projects,
.projects-pg-section {
background-color: #f8f8f8;
}
.feature-projects .projects-grids .grid,
.projects-pg-section .projects-grids .grid {
margin-bottom: 80px;
}
@media (max-width: 991px) {
.feature-projects .projects-grids .grid,
.projects-pg-section .projects-grids .grid {
margin-bottom: 70px;
}
}
@media (max-width: 767px) {
.feature-projects .projects-grids .grid,
.projects-pg-section .projects-grids .grid {
margin-bottom: 60px;
}
}
.feature-projects .grid,
.projects-pg-section .grid {
overflow: hidden;
position: relative;
}
.feature-projects .grid .project-pic,
.projects-pg-section .grid .project-pic {
width: 670px;
float: left;
}
@media (max-width: 1199px) {
.feature-projects .grid .project-pic,
.projects-pg-section .grid .project-pic {
width: 500px;
}
}
@media (max-width: 991px) {
.feature-projects .grid .project-pic,
.projects-pg-section .grid .project-pic {
width: auto;
float: none;
}
}
.feature-projects .grid .details,
.projects-pg-section .grid .details {
background-color: #fff;
width: calc(100% - 670px);
height: 100%;
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 1199px) {
.feature-projects .grid .details,
.projects-pg-section .grid .details {
width: calc(100% - 500px);
}
}
@media (max-width: 991px) {
.feature-projects .grid .details,
.projects-pg-section .grid .details {
width: auto;
float: none;
position: static;
}
}
.feature-projects .right-text .details,
.projects-pg-section .right-text .details {
left: 0;
right: auto;
text-align: right;
}
@media (max-width: 991px) {
.feature-projects .right-text .details,
.projects-pg-section .right-text .details {
text-align: left;
}
}
.feature-projects .right-text .project-pic,
.projects-pg-section .right-text .project-pic {
float: right;
}
.feature-projects .grid .details .inner,
.projects-pg-section .grid .details .inner {
padding: 0 50px;
margin-top: -12px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 991px) {
.feature-projects .grid .details .inner,
.projects-pg-section .grid .details .inner {
padding: 40px 50px 50px;
position: static;
top: auto;
-webkit-transform: none;
-moz-transform: none;
-transform: none;
}
}
@media (max-width: 767px) {
.feature-projects .grid .details .inner,
.projects-pg-section .grid .details .inner {
padding: 30px 25px 40px;
}
}
.feature-projects .count,
.projects-pg-section .count {
font-family: "Oswald", sans-serif;
font-size: 72px;
font-size: 4.8rem;
color: #efefef;
position: relative;
}
.feature-projects .count:before,
.projects-pg-section .count:before {
content: "";
background-color: #ffbd34;
width: 80px;
height: 4px;
position: absolute;
left: -92px;
bottom: 20px;
}
@media (max-width: 991px) {
.feature-projects .count:before,
.projects-pg-section .count:before {
display: none;
}
}
@media (max-width: 1199px) {
.feature-projects .count,
.projects-pg-section .count {
font-size: 50px;
font-size: 3.33333rem;
}
}
.feature-projects .right-text .count:before,
.projects-pg-section .right-text .count:before {
left: auto;
right: -92px;
bottom: 20px;
}
.feature-projects .grid .details h4,
.projects-pg-section .grid .details h4 {
font-size: 22px;
font-size: 1.46667rem;
font-weight: 500;
margin: 1em 0 1.45em;
text-transform: uppercase;
}
@media (max-width: 1199px) {
.feature-projects .grid .details h4,
.projects-pg-section .grid .details h4 {
margin: 0.5em 0 0.6em;
}
}
@media (max-width: 767px) {
.feature-projects .grid .details h4,
.projects-pg-section .grid .details h4 {
font-size: 20px;
font-size: 1.33333rem;
}
}
.feature-projects .grid .details p,
.projects-pg-section .grid .details p {
margin-bottom: 2.5em;
}
@media (max-width: 1199px) {
.feature-projects .grid .details p,
.projects-pg-section .grid .details p {
margin-bottom: 1.5em;
}
}
.feature-projects .view-all,
.projects-pg-section .view-all {
line-height: 0.5em;
text-align: center;
}
.feature-projects .view-all a,
.projects-pg-section .view-all a {
font-weight: 500;
color: #ffbd34;
text-transform: uppercase;
}
.feature-projects .view-all a i,
.projects-pg-section .view-all a i {
display: inline-block;
padding: 0 0 0 3px;
position: relative;
top: 2px;
}
.feature-projects .view-all a:hover,
.projects-pg-section .view-all a:hover {
color: #ffac01;
} .cta-section,
.cta-section-s2 {
background-color: #0a172b;
padding: 65px 0 75px;
}
.cta-section h2,
.cta-section-s2 h2 {
font-size: 36px;
font-size: 2.4rem;
font-weight: 400;
color: #fff;
line-height: 1.5em;
margin: 0 0 0.7em;
}
@media (max-width: 991px) {
.cta-section h2,
.cta-section-s2 h2 {
font-size: 30px;
font-size: 2rem;
}
}
@media (max-width: 767px) {
.cta-section h2,
.cta-section-s2 h2 {
font-size: 28px;
font-size: 1.86667rem;
}
}
.cta-section h2 span,
.cta-section-s2 h2 span {
font-weight: 300;
}
.cta-section p,
.cta-section-s2 p {
font-size: 20px;
font-size: 1.33333rem;
margin: 0;
}
@media (max-width: 991px) {
.cta-section p,
.cta-section-s2 p {
font-size: 18px;
font-size: 1.2rem;
}
}
.cta-section .contact-info,
.cta-section-s2 .contact-info {
text-align: right;
margin-top: 30px;
}
@media (max-width: 991px) {
.cta-section .contact-info,
.cta-section-s2 .contact-info {
text-align: left;
}
}
.cta-section .contact-info h4,
.cta-section-s2 .contact-info h4 {
font-size: 28px;
font-size: 1.86667rem;
font-weight: 400;
color: #fff;
margin: 0 0 1em;
}
@media (max-width: 991px) {
.cta-section .contact-info h4,
.cta-section-s2 .contact-info h4 {
font-size: 24px;
font-size: 1.6rem;
}
} .partners-section {
padding: 70px 0 58px;
}
.partners-section .grid {
border: 1px solid #e8e8e8;
}
.partners-section .grid img {
width: auto;
} .contact-section {
position: relative;
background-color: #f8f8f8;
}
.contact-section .content-area {
overflow: hidden;
position: relative;
}
.contact-section .left-col {
width: calc(50% + 30px);
float: left;
}
@media (max-width: 991px) {
.contact-section .left-col {
width: 100%;
float: none;
}
}
.contact-section .right-col {
background: url(//www.kelvinrojas.com/wp-content/themes/itus/assets/images/contact-bg.jpg) center center/cover no-repeat local;
width: calc(50% - 30px);
height: 100%;
float: left;
position: absolute;
right: 0;
bottom: 0;
}
@media (max-width: 991px) {
.contact-section .right-col {
width: 100%;
float: none;
position: relative;
padding: 45px;
}
}
@media (max-width: 991px) {
.contact-section .right-col {
padding: 25px 20px;
}
}
.contact-section .contact-form {
max-width: 500px;
margin: 0 100px 0 auto;
padding: 107px 0 45px;
position: relative;
}
@media (max-width: 1199px) {
.contact-section .contact-form {
max-width: 400px;
}
}
@media (max-width: 991px) {
.contact-section .contact-form {
max-width: 720px;
margin: 0 auto;
padding: 97px 0 35px;
}
}
@media (max-width: 767px) {
.contact-section .contact-form {
max-width: 100%;
margin: 0 auto;
padding: 90px 15px 25px;
}
}
.contact-section .contact-form form > div {
margin-bottom: 45px;
}
@media screen and (min-width: 767px) {
.contact-section .contact-form form > div:nth-child(2),
.contact-section .contact-form form > div:nth-child(3) {
width: calc(50% - 10px);
float: left;
}
.contact-section .contact-form form > div:nth-child(2) {
margin-right: 10px;
}
.contact-section .contact-form form > div:nth-child(3) {
margin-left: 10px;
}
.contact-section .contact-form form > div:nth-child(4) {
clear: both;
}
}
.contact-section .contact-form input,
.contact-section .contact-form textarea {
font-size: 15px;
font-size: 1rem;
background: transparent;
height: 50px;
padding: 6px 15px;
border: 2px solid #e4e4e4;
color: #fff;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact-section .contact-form input:focus,
.contact-section .contact-form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 767px) {
.contact-section .contact-form input,
.contact-section .contact-form textarea {
font-size: 14px;
font-size: calc(14);
}
}
.contact-section .contact-form textarea {
height: 150px;
}
.contact-section .contact-form .submit-btn-wrapper {
margin-bottom: 0;
}
.contact-section .contact-form .submit-btn-wrapper button {
border: 0;
}
.contact-section .contact-info {
background: #ffbd34;
padding: 55px 45px;
position: absolute;
left: -35px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 991px) {
.contact-section .contact-info {
position: static;
left: auto;
top: auto;
padding: 35px 20px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
}
}
.contact-section .contact-info ul {
list-style: none;
}
.contact-section .contact-info ul li {
position: relative;
padding-left: 35px;
font-size: 18px;
font-size: 1.2rem;
color: #06163a;
line-height: 1.8em;
}
@media (max-width: 767px) {
.contact-section .contact-info ul li {
font-size: 16px;
font-size: 1.06667rem;
}
}
.contact-section .contact-info ul li i {
position: absolute;
left: 0;
top: 5px;
}
.contact-section .contact-info ul > li + li {
margin-top: 20px;
} .contact-pg-section form,
.contact-pg-section-s2 form {
overflow: hidden;
margin: 0 -15px;
}
@media (max-width: 767px) {
.contact-pg-section form,
.contact-pg-section-s2 form {
margin: 0 0 0 -15px;
}
}
.contact-pg-section form .half-col,
.contact-pg-section-s2 form .half-col {
width: 50%;
float: left;
}
@media (max-width: 600px) {
.contact-pg-section form .half-col,
.contact-pg-section-s2 form .half-col {
width: 100%;
float: left;
}
}
.contact-pg-section form > div,
.contact-pg-section-s2 form > div {
padding: 0 15px 30px;
}
@media (max-width: 767px) {
.contact-pg-section form > div,
.contact-pg-section-s2 form > div {
padding: 0 0 15px 15px;
}
}
.contact-pg-section form .submit-btn-wrapper,
.contact-pg-section-s2 form .submit-btn-wrapper {
padding-bottom: 0;
}
.contact-pg-section form input,
.contact-pg-section-s2 form input,
.contact-pg-section form textarea,
.contact-pg-section-s2 form textarea {
background-color: #f8f8f8;
height: 55px;
padding: 6px 15px;
border: 2px solid #f8f8f8;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 767px) {
.contact-pg-section form input,
.contact-pg-section-s2 form input,
.contact-pg-section form textarea,
.contact-pg-section-s2 form textarea {
height: 45px;
}
}
.contact-pg-section form input:focus,
.contact-pg-section-s2 form input:focus,
.contact-pg-section form textarea:focus,
.contact-pg-section-s2 form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #c1b696;
}
.contact-pg-section form textarea,
.contact-pg-section-s2 form textarea {
height: 200px;
padding: 15px;
}
@media screen and (min-width: 1200px) {
.contact-pg-section .info-box-outer,
.contact-pg-section-s2 .info-box-outer {
padding-left: 60px;
}
}
@media (max-width: 1199px) {
.contact-pg-section .info-box-outer,
.contact-pg-section-s2 .info-box-outer {
margin-top: 53px;
}
}
@media (max-width: 991px) {
.contact-pg-section .info-box-outer,
.contact-pg-section-s2 .info-box-outer {
margin-top: 43px;
}
}
@media (max-width: 767px) {
.contact-pg-section .info-box-outer,
.contact-pg-section-s2 .info-box-outer {
margin-top: 45px;
}
}
.contact-pg-section .info-box-outer h3,
.contact-pg-section-s2 .info-box-outer h3 {
font-size: 26px;
font-size: 1.625rem;
margin: 0 0 0.6em;
}
@media (max-width: 991px) {
.contact-pg-section .info-box-outer h3,
.contact-pg-section-s2 .info-box-outer h3 {
font-size: 24px;
font-size: 1.5rem;
}
}
.contact-pg-section .info-box-outer h3,
.contact-pg-section-s2 .info-box-outer h3,
.contact-pg-section .info-box-outer h4,
.contact-pg-section-s2 .info-box-outer h4,
.contact-pg-section .info-box-outer p,
.contact-pg-section-s2 .info-box-outer p,
.contact-pg-section .info-box-outer ul li,
.contact-pg-section-s2 .info-box-outer ul li {
color: #fff;
position: relative;
}
.contact-pg-section .info-box-outer .inner ul {
list-style: none;
padding-left: 0px;
}
.contact-pg-section .info-box-outer .inner ul li {
font-size: 16px;
font-size: 1rem;
}
.contact-pg-section .info-box-outer h3+p,
.contact-pg-section-s2 .info-box-outer h3+p {
margin-bottom: 1.5em;
font-size: 1rem;
font-size: 16px;
}
.contact-pg-section .info-box-outer .inner,
.contact-pg-section-s2 .info-box-outer .inner {
padding: 35px 45px;
position: relative;
}
@media (max-width: 767px) {
.contact-pg-section .info-box-outer .inner,
.contact-pg-section-s2 .info-box-outer .inner {
padding: 35px;
}
}
.contact-pg-section .info-box-outer .inner:before,
.contact-pg-section-s2 .info-box-outer .inner:before {
content: "";
background-color: rgba(195, 140, 24, 0.81);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.contact-pg-section .info-box-outer ul li,
.contact-pg-section-s2 .info-box-outer ul li {
position: relative;
padding-left: 35px;
line-height: 1.6em;
}
.contact-pg-section .info-box-outer ul li i,
.contact-pg-section-s2 .info-box-outer ul li i {
position: absolute;
left: 0;
top: 5px;
}
.contact-pg-section .info-box-outer ul>li+li,
.contact-pg-section-s2 .info-box-outer ul>li+li {
margin-top: 15px;
}
.contact-pg-section .contact-map,
.contact-pg-section-s2 .contact-map {
height: 450px;
margin-top: 100px;
}
@media screen and (min-width: 1200px) {
.contact-pg-section .contact-map,
.contact-pg-section-s2 .contact-map {
margin-top: 58px;
}
}
@media (max-width: 991px) {
.contact-pg-section .contact-map,
.contact-pg-section-s2 .contact-map {
margin-top: 90px;
}
}
@media (max-width: 767px) {
.contact-pg-section .contact-map,
.contact-pg-section-s2 .contact-map {
height: 350px;
margin-top: 80px;
}
}
.contact-pg-section .contact-map iframe,
.contact-pg-section-s2 .contact-map iframe {
width: 100%;
height: 100%;
border: 0;
outline: 0;
} .fun-fact-section {
background-color: #0a172b;
padding: 80px 0 90px;
}
@media (max-width: 991px) {
.fun-fact-section {
padding: 70px 0 20px;
}
}
.fun-fact-section .funfact-grids {
overflow: hidden;
}
.fun-fact-section .funfact-grids .grid {
width: 25%;
float: left;
position: relative;
padding-left: 70px;
}
@media (max-width: 1199px) {
.fun-fact-section .funfact-grids .grid {
padding-left: 60px;
}
}
@media (max-width: 991px) {
.fun-fact-section .funfact-grids .grid {
width: 50%;
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.fun-fact-section .funfact-grids .grid {
padding-left: 50px;
}
}
@media (max-width: 500px) {
.fun-fact-section .funfact-grids .grid {
width: 100%;
float: none;
}
}
.fun-fact-section .odometer-inside {
font-family: "Oswald", sans-serif;
}
.fun-fact-section .icon {
position: absolute;
left: 0;
top: 5px;
}
.fun-fact-section .fi:before {
font-size: 50px;
font-size: 50px;
color: #ffbd34;
}
@media (max-width: 1199px) {
.fun-fact-section .fi:before {
font-size: 40px;
font-size: 40px;
}
}
@media (max-width: 767px) {
.fun-fact-section .fi:before {
font-size: 35px;
font-size: 35px;
}
}
.fun-fact-section h3 {
font-size: 60px;
font-size: 60px;
font-weight: 300;
color: #fff;
margin: 0;
line-height: 0.9em;
}
@media (max-width: 1199px) {
.fun-fact-section h3 {
font-size: 50px;
font-size: 50px;
}
}
@media (max-width: 991px) {
.fun-fact-section h3 {
font-size: 45px;
font-size: 45px;
}
}
@media (max-width: 767px) {
.fun-fact-section h3 {
font-size: 40px;
font-size: 40px;
}
}
.fun-fact-section p {
font-size: 18px;
font-size: 1.2rem;
color: #bcbcbc;
margin: 0;
}
@media (max-width: 991px) {
.fun-fact-section p {
font-size: 16px;
font-size: 1.06667rem;
}
}
@media (max-width: 767px) {
.fun-fact-section p {
font-size: 14px;
font-size: 0.93333rem;
}
} @media (max-width: 991px) {
.recent-blog-section {
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.recent-blog-section {
padding-bottom: 30px;
}
}
.recent-blog-section .blog-grids .grid {
width: 33.33%;
float: left;
position: relative;
}
@media (max-width: 991px) {
.recent-blog-section .blog-grids .grid {
width: 50%;
margin-bottom: 50px;
}
}
@media (max-width: 600px) {
.recent-blog-section .blog-grids .grid {
width: 100%;
float: none;
}
}
.recent-blog-section .blog-grids .details {
background-color: #fff;
padding: 35px 30px;
-webkit-box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.03);
box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.03);
}
@media (max-width: 767px) {
.recent-blog-section .blog-grids .details {
padding: 25px 20px;
}
}
.recent-blog-section .blog-grids .date {
background-color: rgba(255, 189, 52, 0.6);
padding: 15px 25px;
text-align: center;
position: absolute;
right: 30px;
top: 30px;
}
@media (max-width: 767px) {
.recent-blog-section .blog-grids .date {
padding: 10px 20px;
right: 20px;
top: 20px;
}
}
.recent-blog-section .blog-grids .date p {
font-size: 20px;
font-size: 1.33333rem;
color: #fff;
line-height: normal;
margin: 0;
}
.recent-blog-section .blog-grids .date p span {
text-transform: uppercase;
display: block;
margin-top: 5px;
}
.recent-blog-section .blog-grids .details h3 {
font-size: 22px;
font-size: 1.46667rem;
font-weight: 400;
margin: 0 0 0.5em;
line-height: 1.5em;
}
@media (max-width: 991px) {
.recent-blog-section .blog-grids .details h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
.recent-blog-section .blog-grids .details h3 a {
color: #06163a;
}
.recent-blog-section .blog-grids .details h3 a:hover {
color: #ffbd34;
}
.recent-blog-section .meta ul {
list-style: none;
overflow: hidden;
}
.recent-blog-section .meta ul li {
color: #afafaf;
float: left;
}
.recent-blog-section .meta li a {
font-weight: normal;
color: #696969;
}
.recent-blog-section .meta li a:hover {
color: #ffbd34;
}
.recent-blog-section .meta ul>li+li {
margin-left: 30px;
position: relative;
}
.recent-blog-section .meta ul>li+li:before {
content: "|";
position: absolute;
left: -15px;
top: 0;
} .cta-s2-section {
background: url(//www.kelvinrojas.com/wp-content/themes/itus/assets/images/cta-bg.jpg) center center/cover no-repeat fixed;
position: relative;
padding: 30px 0;
}
@media (max-width: 767px) {
.cta-s2-section {
text-align: center;
padding: 45px 0;
}
}
.cta-s2-section:before {
content: "";
background-color: rgba(255, 189, 52, 0.7);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.cta-s2-section h2 {
font-size: 30px;
font-size: 2rem;
font-weight: 500;
margin: 0;
line-height: 1.4em;
}
@media (max-width: 991px) {
.cta-s2-section h2 {
font-size: 22px;
font-size: 1.46667rem;
}
}
@media (max-width: 767px) {
.cta-s2-section h2 {
margin-bottom: 1.2em;
}
}
.cta-s2-section .contact-btn {
text-align: right;
}
@media (max-width: 767px) {
.cta-s2-section .contact-btn {
text-align: center;
}
} .newsletter-section {
background-color: #0a172b; }
.newsletter-section .container {
position: relative;
padding: 80px 0;
}
@media (max-width: 767px) {
.newsletter-section .container {
padding: 60px 0;
}
}
.newsletter-section .container:before {
content: "";
background: rgba(255, 255, 255, 0.07);
width: calc(100% - 30px);
height: 1px;
position: absolute;
left: 15px;
bottom: 0;
}
.newsletter-section .newsletter {
max-width: 500px;
margin: 0 auto;
text-align: center;
}
@media (max-width: 991px) {
.newsletter-section .newsletter {
max-width: 400px;
}
}
@media (max-width: 767px) {
.newsletter-section .newsletter {
max-width: 300px;
}
}
.newsletter-section .newsletter form {
position: relative;
}
.newsletter-section .newsletter input {
background-color: #1d2b40;
height: 60px;
font-size: 14px;
font-size: 0.93333rem;
color: #fff;
padding: 6px 80px 6px 30px;
border: 0;
border-radius: 60px;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 991px) {
.newsletter-section .newsletter input {
height: 55px;
}
}
@media (max-width: 767px) {
.newsletter-section .newsletter input {
height: 50px;
font-size: 14px;
font-size: 0.93333rem;
padding: 6px 60px 6px 20px;
}
}
.newsletter-section .newsletter button {
background: transparent;
border: 0;
outline: 0;
position: absolute;
right: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.newsletter-section .newsletter button i {
color: #ffbd34;
font-size: 25px;
font-size: 1.66667rem;
}
@media (max-width: 767px) {
.newsletter-section .newsletter button i {
font-size: 20px;
font-size: 1.33333rem;
}
}  .services-section-s2 {
background-color: #f8f8f8;
}
.services-section-s2 .services-list-wrapper div>ul {
width: 50%;
float: left;
list-style: none;
}
.services-section-s2 .services-list-wrapper div>ul:last-child {
padding-left: 15px;
}
.services-section-s2 .services-list-wrapper ul>li+li {
margin-top: 15px;
}
.services-section-s2 .services-list-wrapper ul li {
position: relative;
padding-left: 40px;
line-height: 1.7em;
}
.services-section-s2 .services-list-wrapper ul li i {
position: absolute;
left: -20px;
top: 0;
}
.services-section-s2 .services-list-wrapper ul li a {
font-size: 16px;
font-size: 1.06667rem;
font-weight: 500;
color: #06163a;
}
.services-section-s2 .services-list-wrapper ul li a:hover {
color: #ffbd34;
}
.services-section-s2 .services-list-wrapper p {
margin: 3em 0 0;
font-style: italic;
}
.services-section-s2 .video-holder {
position: relative;
margin-left: 70px;
}
@media (max-width: 1199px) {
.services-section-s2 .video-holder {
max-width: 500px;
margin: 70px 0 0;
}
}
.services-section-s2 .video-holder .fi:before {
font-size: 80px;
font-size: 5.33333rem;
color: #ffbd34;
}
.services-section-s2 .video-holder a {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} .about-section-s2 {
background: url(//www.kelvinrojas.com/wp-content/themes/itus/assets/images/about-s2-bg.jpg) center center/cover no-repeat local;
}
.about-section-s2 .about-features {
margin: 0;
}
@media (max-width: 1199px) {
.about-section-s2 .grid {
background-color: rgba(255, 255, 255, 0.8);
padding: 35px;
border: 1px solid #f1f1f1;
margin: 0;
}
}
@media (max-width: 767px) {
.about-section-s2 .grid {
padding: 30px 25px;
}
}
.about-section-s2 .more-about {
margin-top: 15px;
line-height: 1em;
}
@media (max-width: 1199px) {
.about-section-s2 .more-about {
margin-top: 50px;
}
} .feature-projects-s2 .projects-grids,
.projects-pg-section-s2 .projects-grids {
margin: 0 -15px;
}
.feature-projects-s2 .projects-grids .grid,
.projects-pg-section-s2 .projects-grids .grid {
width: calc(33.33% - 30px);
float: left;
margin: 0 15px 30px;
}
@media (max-width: 991px) {
.feature-projects-s2 .projects-grids .grid,
.projects-pg-section-s2 .projects-grids .grid {
width: calc(50% - 30px);
}
}
@media (max-width: 600px) {
.feature-projects-s2 .projects-grids .grid,
.projects-pg-section-s2 .projects-grids .grid {
width: calc(100% - 30px);
float: none;
}
}
.feature-projects-s2 .details,
.projects-pg-section-s2 .details {
background-color: #fff;
padding: 25px 25px 25px 60px;
-webkit-box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06);
box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06);
}
@media (max-width: 1199px) {
.feature-projects-s2 .details,
.projects-pg-section-s2 .details {
padding: 25px;
}
}
@media (max-width: 767px) {
.feature-projects-s2 .details,
.projects-pg-section-s2 .details {
padding: 25px 20px;
}
}
.feature-projects-s2 .details h3,
.projects-pg-section-s2 .details h3 {
font-size: 20px;
font-size: 1.33333rem;
font-weight: 400;
margin: 0 0 0.6em;
position: relative;
}
@media (max-width: 767px) {
.feature-projects-s2 .details h3,
.projects-pg-section-s2 .details h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.feature-projects-s2 .details h3:before,
.projects-pg-section-s2 .details h3:before {
content: "";
background: #ffbd34;
width: 16px;
height: 2px;
position: absolute;
left: -25px;
top: 10px;
}
@media (max-width: 1199px) {
.feature-projects-s2 .details h3:before,
.projects-pg-section-s2 .details h3:before {
display: none;
}
}
.feature-projects-s2 .details h3 a,
.projects-pg-section-s2 .details h3 a {
color: #06163a;
}
.feature-projects-s2 .details h3 a:hover,
.projects-pg-section-s2 .details h3 a:hover {
color: #ffbd34;
}
.feature-projects-s2 .details>span,
.projects-pg-section-s2 .details>span {
color: #ffbd34;
}
.feature-projects-s2 .view-all,
.projects-pg-section-s2 .view-all {
line-height: 0.5em;
text-align: center;
padding-top: 20px;
}
.feature-projects-s2 .view-all a,
.projects-pg-section-s2 .view-all a {
font-weight: 500;
color: #ffbd34;
text-transform: uppercase;
}
.feature-projects-s2 .view-all a i,
.projects-pg-section-s2 .view-all a i {
display: inline-block;
padding: 0 0 0 3px;
position: relative;
top: 2px;
}
.feature-projects-s2 .view-all a:hover,
.projects-pg-section-s2 .view-all a:hover {
color: #ffac01;
} .cta-section-s2 {
background: url(//www.kelvinrojas.com/wp-content/themes/itus/assets/images/cta-bg-s2.jpg) center center/cover no-repeat fixed;
position: relative;
}
.cta-section-s2:before {
content: "";
background-color: rgba(10, 23, 43, 0.92);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}  .features-section-s2 {
padding: 120px 0;
}
@media (max-width: 991px) {
.features-section-s2 {
padding: 110px 0;
}
}
@media (max-width: 767px) {
.features-section-s2 {
padding: 80px 0;
}
}
.features-section-s2 .img-holder {
width: 470px;
float: left;
position: relative;
}
@media (max-width: 991px) {
.features-section-s2 .img-holder {
width: 100%;
max-width: 470px;
float: none;
}
}
.features-section-s2 .img-holder:before {
content: "";
background-color: #ffbd34;
width: calc(100% - 20px);
height: calc(100% + 40px);
position: absolute;
right: -20px;
top: -20px;
}
@media (max-width: 767px) {
.features-section-s2 .img-holder:before {
display: none;
}
}
.features-section-s2 .img-holder img {
position: relative;
z-index: 1;
}
.features-section-s2 .features-grids {
width: calc(100% - 470px);
float: left;
padding-left: 70px;
padding-top: 20px;
}
@media (max-width: 991px) {
.features-section-s2 .features-grids {
width: 100%;
float: none;
padding-left: 0;
padding-top: 80px;
}
}
@media (max-width: 767px) {
.features-section-s2 .features-grids {
padding-top: 70px;
}
}
.features-section-s2 .features-grids>.grid+.grid {
margin-top: 60px;
}
@media (max-width: 991px) {
.features-section-s2 .features-grids>.grid+.grid {
margin-top: 50px;
}
}
.features-section-s2 .grid {
position: relative;
padding: 0 0 0 85px;
}
.features-section-s2 .icon {
position: absolute;
left: 0;
top: -5px;
}
.features-section-s2 .icon .fi:before {
font-size: 50px;
font-size: 3.33333rem;
color: #ffbd34;
}
@media (max-width: 1199px) {
.features-section-s2 .icon .fi:before {
font-size: 45px;
font-size: 3rem;
}
}
.features-section-s2 .grid h3 {
font-size: 22px;
font-size: 1.46667rem;
font-weight: 500;
margin: 0;
text-transform: uppercase;
margin: 0 0 0.95em;
}
@media (max-width: 1199px) {
.features-section-s2 .grid h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
@media (max-width: 991px) {
.features-section-s2 .grid h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.features-section-s2 .grid p {
margin: 0;
} @media (max-width: 991px) {
.about-section-s3 .about-features,
.about-pg-features-grids .about-features {
margin: 0 -22px;
}
}
.about-section-s3 .grid,
.about-pg-features-grids .grid {
width: 25%;
float: left;
padding-right: 45px;
margin-bottom: 45px;
}
@media (max-width: 991px) {
.about-section-s3 .grid,
.about-pg-features-grids .grid {
width: 50%;
padding: 0 22px;
}
}
@media (max-width: 767px) {
.about-section-s3 .grid,
.about-pg-features-grids .grid {
padding: 0 22px;
margin-bottom: 30px;
}
}
@media (max-width: 600px) {
.about-section-s3 .grid,
.about-pg-features-grids .grid {
width: 100%;
float: none;
}
}
.about-section-s3 .grid .fi:before,
.about-pg-features-grids .grid .fi:before {
font-size: 50px;
font-size: 3.33333rem;
color: #ffbd34;
}
@media (max-width: 767px) {
.about-section-s3 .grid .fi:before,
.about-pg-features-grids .grid .fi:before {
font-size: 40px;
font-size: 2.66667rem;
}
}
.about-section-s3 .details,
.about-pg-features-grids .details {
position: relative;
margin-top: -15px;
}
.about-section-s3 .details .count,
.about-pg-features-grids .details .count {
font-family: "Oswald", sans-serif;
font-size: 72px;
font-size: 4.8rem;
color: #f0f0f0;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
@media (max-width: 767px) {
.about-section-s3 .details .count,
.about-pg-features-grids .details .count {
font-size: 62px;
font-size: 4.13333rem;
}
}
.about-section-s3 .details h3,
.about-pg-features-grids .details h3 {
font-size: 20px;
font-size: 1.33333rem;
font-weight: 500;
margin: 0 0 0.8em;
padding: 2.6em 0 0;
text-transform: uppercase;
}
@media (max-width: 767px) {
.about-section-s3 .details h3,
.about-pg-features-grids .details h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.about-section-s3 .details p,
.about-pg-features-grids .details p {
margin: 0;
}
.about-section-s3 .more-about,
.about-pg-features-grids .more-about {
margin-top: 15px;
line-height: 0.5em;
}
@media (max-width: 1199px) {
.about-section-s3 .more-about,
.about-pg-features-grids .more-about {
margin-top: 20px;
}
}
.about-section-s3 .more-about a,
.about-pg-features-grids .more-about a {
font-weight: 500;
color: #ffbd34;
text-transform: uppercase;
}
.about-section-s3 .more-about a i,
.about-pg-features-grids .more-about a i {
display: inline-block;
padding: 0 0 0 3px;
}
.about-section-s3 .more-about a:hover,
.about-pg-features-grids .more-about a:hover {
color: #ffac01;
} @media screen and (min-width: 768px) {
.feature-projects-s3 {
padding-bottom: 0;
}
}
.feature-projects-s3 .projects-grids:hover {
cursor: move;
}
.feature-projects-s3 .projects-grids .grid {
overflow: hidden;
}
.feature-projects-s3 .grid .details {
background-color: rgba(255, 189, 52, 0.8);
width: calc(100% - 50px);
height: calc(100% - 50px);
text-align: center;
position: absolute;
left: 0;
top: 25px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 767px) {
.feature-projects-s3 .grid .details {
width: 100%;
height: 100%;
top: 0;
}
}
.feature-projects-s3 .grid:hover .details {
left: 25px;
opacity: 1;
visibility: visible;
}
@media (max-width: 767px) {
.feature-projects-s3 .grid:hover .details {
left: 0;
}
}
.feature-projects-s3 .details .inner {
width: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.feature-projects-s3 .details h3+span {
font-size: 16px;
font-size: 1.06667rem;
color: #06163a;
display: block;
margin-bottom: 1em;
}
.feature-projects-s3 .details h3 {
font-size: 22px;
font-size: 1.46667rem;
font-weight: 400;
margin: 0 0 0.7em;
}
.feature-projects-s3 .details h3 a {
color: #fff;
}
.feature-projects-s3 .details .view {
background-color: #ffbd34;
width: 50px;
height: 50px;
line-height: 50px;
color: #fff;
border-radius: 50%;
display: inline-block;
}
.feature-projects-s3 .owl-theme .owl-controls {
margin-top: 0;
}
@media (max-width: 767px) {
.feature-projects-s3 .owl-theme .owl-controls {
margin-top: 30px;
}
}
.feature-projects-s3 .owl-theme .owl-controls .owl-nav [class*=owl-] {
width: 40px;
height: 40px;
line-height: 37px;
background: #ffbd34;
}  .services-pg-section {
background-color: #f8f8f8;
}
.services-pg-section .service-grids .grid {
width: 33.33%;
float: left;
overflow: hidden;
}
@media (max-width: 991px) {
.services-pg-section .service-grids .grid {
width: 50%;
}
}
@media (max-width: 550px) {
.services-pg-section .service-grids .grid {
width: 100%;
float: none;
}
}
.services-pg-section .grid h3 {
font-size: 20px;
font-size: 1.33333rem;
font-weight: 400;
margin: 0;
}
@media (max-width: 767px) {
.services-pg-section .grid h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.services-pg-section .grid h3 a {
color: #06163a;
}
.services-pg-section .grid:hover h3 a {
color: #ffbd34;
}
.services-pg-section .grid .details {
background-color: #fff;
padding: 28px 25px;
border-right: 1px solid #f1f1f1;
}
@media (max-width: 991px) {
.services-pg-section .grid .details {
padding: 22px 20px;
}
}
.services-pg-section .img-holder {
position: relative;
overflow: hidden;
}
.services-pg-section .view-details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.services-pg-section .view-details:before {
content: "";
background: rgba(0, 0, 0, 0.6);
position: absolute;
right: -100px;
bottom: -100px;
width: 300px;
height: 300px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.6);
box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.6);
content: '';
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 1);
transform: scale3d(0.5, 0.5, 1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
-ms-transition: all 0.35s;
transition: all 0.35s;
}
.services-pg-section .grid:hover .view-details:before {
opacity: 1;
-webkit-transform: scale3d(0.6, 0.6, 0.6);
transform: scale3d(0.6, 0.6, 0.6);
}
.services-pg-section .view-details a {
font-family: "Oswald", sans-serif;
font-size: 18px;
font-size: 1.2rem;
color: #ffbd34;
position: absolute;
right: 30px;
bottom: 48px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
-ms-transition: all 0.35s;
transition: all 0.35s;
}
.services-pg-section .view-details a:hover {
color: #ffb51b;
}
.services-pg-section .grid:hover .view-details a {
opacity: 1;
visibility: visible;
}
.services-pg-section .grid img {
margin: -10px 0 0 -10px;
max-width: 130%;
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
opacity: 0.9;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
-o-transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.services-pg-section .grid:hover img {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}  .testimonials-pg-section {
background-color: #f3f3f3;
padding-bottom:30px;
}
@media (max-width: 991px) {
.testimonials-pg-section {
padding-bottom:20px;
}
}
.testimonials-pg-section .testimonials-grids {
margin: 0 -15px;
overflow: hidden;
}
@media (max-width: 767px) {
.testimonials-pg-section .testimonials-grids {
margin: 0;
}
}
.testimonials-pg-section .testimonials-grids .grid {
width: 50%;
float: left;
padding: 0 15px;
margin-bottom: 70px;
}
@media (max-width: 767px) {
.testimonials-pg-section .testimonials-grids .grid {
width: 100%;
float: none;
}
}
@media (max-width: 767px) {
.testimonials-pg-section .testimonials-grids > .grid + .grid {
margin-top: 45px;
}
}
.testimonials-pg-section .client-quote {
background-color: #fff;
padding: 35px;
position: relative;
}
@media (max-width: 991px) {
.testimonials-pg-section .client-quote {
padding: 25px;
}
}
.testimonials-pg-section .client-quote:after {
content: "";
border-top: 21px solid #fff;
border-left: 16px solid transparent;
position: absolute;
left: 24px;
bottom: -18px;
}
@media (max-width: 767px) {
.testimonials-pg-section .client-quote:after {
right: auto;
border-top: 12px solid #fff;
bottom: -12px;
}
}
.testimonials-pg-section .client-info {
overflow: hidden;
margin-top: 25px;
}
.testimonials-pg-section .client-info .client-pic,
.testimonials-pg-section .client-info .details {
display: inline-block;
float: left;
}
.testimonials-pg-section .client-pic {
margin-right: 20px;
}
@media (max-width: 767px) {
.testimonials-pg-section .client-pic {
margin-right: 15px;
}
}
.testimonials-pg-section .client-pic img {
max-width: 65px;
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
@media (max-width: 767px) {
.testimonials-pg-section .client-pic img {
max-width: 60px;
}
}
.testimonials-pg-section .client-info .details {
margin-top: 12px;
}
.testimonials-pg-section .client-info .details h4 {
font-size: 16px;
font-size: 1.06667rem;
margin: 0 0 0.4em;
text-transform: uppercase;
}
@media (max-width: 767px) {
.testimonials-pg-section .client-info .details h4 {
font-size: 14px;
font-size: 0.93333rem;
}
}
.testimonials-pg-section .client-info .details span {
font-size: 14px;
font-size: 0.93333rem;
color: #ffac01;
}  @media screen and (min-width: 1200px) {
.service-single-section .service-single-content {
padding-left: 20px;
}
}
.service-single-section .service-single-content .service-pic {
margin-bottom: 50px;
}
.service-single-section .service-single-content .theme-btn,
.service-single-section .service-single-content .theme-btn-s2,
.service-single-section .service-single-content .theme-btn-s3,
.service-single-section .service-single-content .theme-btn-s4 {
margin-top: 20px;
}
.service-single-section .service-single-content h2 {
font-size: 34px;
font-size: 2.26667rem;
margin: 1em 0;
}
@media (max-width: 767px) {
.service-single-section .service-single-content h2 {
font-size: 30px;
font-size: 2rem;
}
}
.service-single-section .service-single-content h3 {
font-size: 24px;
font-size: 1.6rem;
margin: 1.2em 0;
}
.service-single-section .service-single-content p {
margin-bottom: 1.3em;
}
.service-single-section .service-single-content ul {
list-style: none;
font-size: 16px;
font-size: 1.06667rem;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.service-single-section .service-single-content ul {
font-size: 15px;
font-size: 1rem;
}
}
.service-single-section .service-single-content ul li {
position: relative;
padding-left: 25px;
line-height: 1.7em;
}
.service-single-section .service-single-content ul>li+li {
margin-top: 12px;
}
.service-single-section .service-single-content ul li i {
display: inline-block;
color: #ffbd34;
position: absolute;
left: 0;
top: 5px;
}  .project-single-section .content h2 {
font-size: 28px;
font-size: 1.86667rem;
margin: 1.2em 0;
}
@media (max-width: 991px) {
.project-single-section .content h2 {
font-size: 26px;
font-size: 1.73333rem;
}
}
.project-single-section .content h3 {
font-size: 24px;
font-size: 1.6rem;
margin: 1.2em 0;
}
.project-single-section .content p {
margin-bottom: 1.5em;
line-height: 2em;
}
.project-single-section .content ul {
list-style: none;
padding-top: 10px;
}
.project-single-section .content ul>li+li {
margin-top: 15px;
}
.project-single-section .content ul li {
position: relative;
padding-left: 25px;
line-height: 1.7em;
}
.project-single-section .content ul li i {
color: #ffbd34;
position: absolute;
left: 0;
top: 5px;
}
.project-single-section .project-pic {
margin-bottom: 30px;
}
@media (max-width: 991px) {
.project-single-section .overview {
margin-top: 50px;
}
}
.project-single-section .project-info {
background-color: #0a172b;
padding: 50px;
}
@media (max-width: 1199px) {
.project-single-section .project-info {
padding: 30px;
}
}
.project-single-section .project-info h3 {
font-size: 30px;
font-size: 2rem;
font-weight: 400;
line-height: 1.38em;
color: #fff;
margin: 0 0 1.3em;
}
@media (max-width: 1199px) {
.project-single-section .project-info h3 {
font-size: 26px;
font-size: 1.73333rem;
}
}
.project-single-section .project-info ul {
list-style: none;
font-size: 16px;
font-size: 1.06667rem;
color: #fff;
}
.project-single-section .project-info ul li {
padding-left: 0;
line-height: 1.7em;
}
@media (max-width: 1199px) {
.project-single-section .project-info ul li {
font-size: 14px;
font-size: 0.93333rem;
line-height: 1.64em;
}
}
.project-single-section .project-info ul>li+li {
margin-top: 15px;
}
.project-single-section .project-info ul li span {
color: #ffbd34;
}
.project-single-section .prev-next {
max-height: 45px;
text-align: center;
margin-top: 60px;
}
.project-single-section .prev-next ul {
list-style: none;
overflow: hidden;
display: inline-block;
}
.project-single-section .prev-next ul li {
display: inline-block;
}
.project-single-section .prev-next ul a {
background-color: #ffbd34;
display: block;
padding: 12px 25px 12px 15px;
text-transform: uppercase;
color: #fff;
font-weight: 500;
}
.project-single-section .prev-next ul a i {
display: inline-block;
padding: 0 5px;
}
.project-single-section .prev-next ul a:hover {
background-color: #f6a600;
}
.project-single-section .prev-next ul li:last-child a {
padding: 12px 15px 12px 25px;
}  .shop-section .shop-grids {
margin: 0 -10px;
}
.shop-section .shop-grids .grid {
width: calc(33.33% - 20px);
float: left;
margin: 0 10px 25px;
}
@media (max-width: 767px) {
.shop-section .shop-grids .grid {
width: calc(50% - 20px);
}
}
@media (max-width: 550px) {
.shop-section .shop-grids .grid {
width: calc(100% - 20px);
float: none;
}
}
.shop-section .img-addtocart {
position: relative;
}
.shop-section .img-addtocart ul {
list-style: none;
overflow: hidden;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.shop-section .img-addtocart ul li {
float: left;
}
.shop-section .img-addtocart ul>li+li {
margin-left: 5px;
}
.shop-section .img-addtocart ul a {
background-color: #0a172b;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 20px;
font-size: 1.33333rem;
color: #ffbd34;
border-radius: 50%;
display: block;
}
.shop-section .shop-grids .grid:hover .img-addtocart ul {
opacity: 1;
visibility: visible;
bottom: 30px;
}
.shop-section .grid .details {
text-align: center;
padding: 25px 15px;
-webkit-box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06);
box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06);
}
.shop-section .grid .details h4 {
font-size: 20px;
font-size: 1.33333rem;
font-weight: 400;
line-height: 1.4em;
margin: 0 0 0.3em;
}
@media (max-width: 991px) {
.shop-section .grid .details h4 {
font-size: 18px;
font-size: 1.2rem;
}
}
.shop-section .grid .details h4 a {
color: #06163a;
}
.shop-section .grid .details h4 a:hover {
color: #ffbd34;
}
.shop-section .grid .details .price {
font-family: "Oswald", sans-serif;
font-size: 20px;
font-size: 1.33333rem;
color: #ffbd34;
}
@media (max-width: 991px) {
.shop-section .grid .details .price {
font-size: 18px;
font-size: 1.2rem;
}
}  .shop-details-section {  }
.shop-details-section .shop-single-slider .slider-for {
text-align: center;
}
.shop-details-section .shop-single-slider .slider-for img {
display: inline-block;
}
.shop-details-section .shop-single-slider .slider-nav {
padding: 0 25px;
margin-top: 35px;
}
.shop-details-section .shop-single-slider .slider-nav>i {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 100;
}
.shop-details-section .shop-single-slider .slider-nav>i:hover {
cursor: pointer;
}
.shop-details-section .shop-single-slider .slider-nav .nav-btn-rt {
left: auto;
right: 0;
}
.shop-details-section .shop-single-slider .slider-nav .slick-slide {
text-align: center;
}
.shop-details-section .shop-single-slider .slider-nav .slick-slide img {
display: inline-block;
}
.shop-details-section .product-details {
padding: 30px 30px 93px; }
@media (max-width: 1199px) {
.shop-details-section .product-details {
padding: 40px 30px 85px;
}
}
@media (max-width: 991px) {
.shop-details-section .product-details {
margin-top: 45px;
padding: 40px 30px;
}
}
@media (max-width: 767px) {
.shop-details-section .product-details {
padding: 0;
}
}
.shop-details-section .product-details h2 {
font-size: 28px;
font-size: 1.86667rem;
line-height: 1.4em;
margin: 0 0 0.33em;
}
@media (max-width: 767px) {
.shop-details-section .product-details h2 {
font-size: 22px;
font-size: 1.46667rem;
}
}
.shop-details-section .product-details .price {
font-size: 36px;
font-size: 2.4rem;
color: #ffbd34;
margin: 7px 0 14px;
}
@media (max-width: 991px) {
.shop-details-section .product-details .price {
font-size: 30px;
font-size: 2rem;
}
}
@media (max-width: 767px) {
.shop-details-section .product-details .price {
font-size: 25px;
font-size: 1.66667rem;
}
}
.shop-details-section .product-details .price .old {
font-size: 24px;
font-size: 1.6rem;
font-weight: normal;
color: #a7abb1;
text-decoration: line-through;
display: inline-block;
margin-left: 5px;
}
@media (max-width: 991px) {
.shop-details-section .product-details .price .old {
font-size: 20px;
font-size: 1.33333rem;
}
}
@media (max-width: 767px) {
.shop-details-section .product-details .price .old {
font-size: 18px;
font-size: 1.2rem;
}
}
.shop-details-section .product-details p {
margin-bottom: 1.3em;
}
.shop-details-section .product-details p:last-child {
margin: 0;
}
.shop-details-section .product-details .product-option {
margin-top: 45px;
}
.shop-details-section .product-details .product-option .product-row {
overflow: hidden;
}
.shop-details-section .product-details .product-option .product-row>div {
height: 35px;
display: inline-block;
float: left;
}
.shop-details-section .product-details .product-option .product-row>div+div {
margin-left: 15px;
}
.shop-details-section .product-details .product-option .product-row>div:first-child {
width: 85px;
}
.shop-details-section .product-details .product-option .product-row>div:last-child .theme-btn:hover,
.shop-details-section .product-details .product-option .product-row>div:last-child .theme-btn-s2:hover,
.shop-details-section .product-details .product-option .product-row>div:last-child .theme-btn-s3:hover,
.shop-details-section .product-details .product-option .product-row>div:last-child .theme-btn-s4:hover {
background: #ffbd34;
border-color: #ffbd34;
color: #fff;
}
.shop-details-section .product-details .product-option .theme-btn,
.shop-details-section .product-details .product-option .theme-btn-s2,
.shop-details-section .product-details .product-option .theme-btn-s3,
.shop-details-section .product-details .product-option .theme-btn-s4 {
font-size: 14px;
font-size: 0.93333rem;
padding: 0 20px;
height: 35px;
line-height: 35px;
border: 0;
outline: 0;
}
@media (max-width: 767px) {
.shop-details-section .product-details .product-option .theme-btn,
.shop-details-section .product-details .product-option .theme-btn-s2,
.shop-details-section .product-details .product-option .theme-btn-s3,
.shop-details-section .product-details .product-option .theme-btn-s4 {
font-size: 14px;
font-size: 0.93333rem;
}
}
.shop-details-section .product-details .product-option .theme-btn:before,
.shop-details-section .product-details .product-option .theme-btn-s2:before,
.shop-details-section .product-details .product-option .theme-btn-s3:before,
.shop-details-section .product-details .product-option .theme-btn-s4:before {
display: none;
}
.shop-details-section .product-details .product-option .product-row>div:last-child .theme-btn,
.shop-details-section .product-details .product-option .product-row>div:last-child .theme-btn-s2,
.shop-details-section .product-details .product-option .product-row>div:last-child .theme-btn-s3,
.shop-details-section .product-details .product-option .product-row>div:last-child .theme-btn-s4 {
background-color: #fff;
font-size: 18px;
font-size: 1.2rem;
color: #727780;
border: 1px solid #e6e6e6;
}
.shop-details-section .product-details #product-count {
border-radius: 0;
border: 1px solid #e6e6e6;
}
.shop-details-section .product-details #product-count:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.shop-details-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up,
.shop-details-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
border-radius: 0;
border-color: #e6e6e6;
}
.shop-details-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:hover,
.shop-details-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:hover {
background-color: #ffbd34;
color: #fff;
}
.shop-details-section .product-info {
margin-top: 75px;   }
.shop-details-section .product-info h4 {
font-size: 15px;
font-size: 1rem;
text-transform: uppercase;
margin: 0;
line-height: 1.7em;
}
.shop-details-section .product-info p {
margin-bottom: 1.3em;
}
.shop-details-section .product-info .tab-pane p:last-child {
margin-bottom: 0;
}
.shop-details-section .product-info .nav-tabs {
border: 0;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.shop-details-section .product-info .nav-tabs {
margin-bottom: 20px;
}
}
.shop-details-section .product-info .nav-tabs li {
border: 1px solid #eaeaea;
}
.shop-details-section .product-info .nav-tabs li.active a {
border: 0;
outline: 0;
}
.shop-details-section .product-info .nav-tabs a {
font-size: 15px;
font-size: 1rem;
font-weight: 500;
color: #727780;
border: 0;
border-radius: 0;
margin: 0;
display: block;
padding: 10px 15px;
text-transform: uppercase;
}
@media (max-width: 767px) {
.shop-details-section .product-info .nav-tabs a {
font-size: 14px;
font-size: 0.93333rem;
font-weight: normal;
padding: 9px 10px;
}
}
.shop-details-section .product-info .nav-tabs a:hover,
.shop-details-section .product-info .nav-tabs .active a {
background: #ffbd34;
color: #fff;
}
.shop-details-section .product-info .nav-tabs .active,
.shop-details-section .product-info .nav-tabs li:hover {
border-color: #ffbd34;
}
.shop-details-section .product-info .client-rv {
overflow: hidden;
margin-bottom: 30px;
}
.shop-details-section .product-info .client-rv:last-child {
margin-bottom: 0;
}
.shop-details-section .product-info .client-rv .client-pic {
width: 60px;
float: left;
}
@media (max-width: 767px) {
.shop-details-section .product-info .client-rv .client-pic {
width: 100%;
float: none;
margin-bottom: 10px;
}
}
.shop-details-section .product-info .client-rv .details {
width: calc(100% - 80px);
float: right;
}
@media (max-width: 767px) {
.shop-details-section .product-info .client-rv .details {
width: 100%;
float: none;
}
}
.shop-details-section .product-info .client-rv .name-rating-time {
border-bottom: 1px solid #e6e6e6;
}
@media (max-width: 767px) {
.shop-details-section .product-info .client-rv .name-rating-time {
padding-bottom: 3px;
}
}
.shop-details-section .product-info .client-rv .name-rating-time>div,
.shop-details-section .product-info .client-rv .name-rating>div {
display: inline-block;
font-size: 14px;
font-size: 0.93333rem;
}
@media (max-width: 767px) {
.shop-details-section .product-info .client-rv .name-rating-time>div,
.shop-details-section .product-info .client-rv .name-rating>div {
font-size: 12px;
font-size: 0.8rem;
display: block;
}
}
.shop-details-section .product-info .client-rv .rating {
font-size: 12px;
color: #ffbd34;
padding-left: 12px;
}
@media (max-width: 767px) {
.shop-details-section .product-info .client-rv .rating {
padding-left: 0;
margin: 4px 0 7px;
}
}
.shop-details-section .product-info .client-rv .name-rating-time .time {
float: right;
color: #b3b3b3;
text-transform: uppercase;
}
@media (max-width: 767px) {
.shop-details-section .product-info .client-rv .name-rating-time .time {
float: none;
}
}
.shop-details-section .product-info .client-rv .review-body {
padding-top: 12px;
}
@media screen and (min-width: 1200px) {
.shop-details-section .product-info .review-form-wrapper {
padding-left: 45px;
}
}
@media (max-width: 991px) {
.shop-details-section .product-info .review-form {
margin-top: 45px;
}
}
.shop-details-section .product-info .review-form h4 {
margin-bottom: 1.73em;
}
.shop-details-section .product-info .review-form form input,
.shop-details-section .product-info .review-form form textarea {
border-radius: 0;
}
.shop-details-section .product-info .review-form form input:focus,
.shop-details-section .product-info .review-form form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.shop-details-section .product-info .review-form form textarea {
height: 130px;
}
.shop-details-section .product-info .review-form form>div {
margin-bottom: 27px;
}
.shop-details-section .product-info .review-form form>div:last-child {
margin-bottom: 0;
}
.shop-details-section .product-info .review-form form .rating-wrapper>div {
display: inline-block;
}
@media (max-width: 767px) {
.shop-details-section .product-info .review-form form .rating-wrapper>div {
display: block;
float: none !important;
}
}
.shop-details-section .product-info .review-form form .rating-wrapper>div:last-child {
float: right;
}
@media (max-width: 767px) {
.shop-details-section .product-info .review-form form .rating-wrapper>div:last-child {
margin-top: 20px;
}
}
.shop-details-section .product-info .review-form form .rating a {
font-size: 14px;
color: #cccccc;
display: inline-block;
margin-right: 10px;
}
@media (max-width: 767px) {
.shop-details-section .product-info .review-form form .rating a {
font-size: 12px;
margin-right: 5px;
}
}
.shop-details-section .product-info .review-form form .rating a:last-child {
margin: 0;
}
.shop-details-section .product-info .review-form form .rating a:hover {
color: #ffbd34;
}
.shop-details-section .product-info .review-form form .theme-btn,
.shop-details-section .product-info .review-form form .theme-btn-s2,
.shop-details-section .product-info .review-form form .theme-btn-s3,
.shop-details-section .product-info .review-form form .theme-btn-s4 {
border: 0;
outline: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
@media screen and (min-width: 767px) {
.shop-details-section .product-info .review-form form .theme-btn,
.shop-details-section .product-info .review-form form .theme-btn-s2,
.shop-details-section .product-info .review-form form .theme-btn-s3,
.shop-details-section .product-info .review-form form .theme-btn-s4 {
font-size: 15px;
font-size: 1rem;
padding: 0 20px;
}
}
.shop-details-section .slider-nav .slick-slide:focus {
outline: none;
}  .projects-pg-section .projects-grids .grid:last-child {
margin-bottom: 0;
}  .projects-pg-section-s2 .pagination-wrapper {
margin-top: 40px;
}  .contact-pg-section form,
.contact-pg-section-s2 form {
overflow: hidden;
margin: 0 -15px;
}
@media (max-width: 767px) {
.contact-pg-section form,
.contact-pg-section-s2 form {
margin: 0 0 0 -15px;
}
}
.contact-pg-section form .half-col,
.contact-pg-section-s2 form .half-col {
width: 50%;
float: left;
}
@media (max-width: 600px) {
.contact-pg-section form .half-col,
.contact-pg-section-s2 form .half-col {
width: 100%;
float: left;
}
}
.contact-pg-section form div,
.contact-pg-section-s2 form div {
padding: 0 15px 30px;
}
@media (max-width: 767px) {
.contact-pg-section form div,
.contact-pg-section-s2 form div {
padding: 0 0 15px 15px;
}
}
.contact-pg-section form .submit-btn-wrapper,
.contact-pg-section-s2 form .submit-btn-wrapper {
padding-bottom: 0;
}
.contact-pg-section form input,
.contact-pg-section-s2 form input,
.contact-pg-section form textarea,
.contact-pg-section-s2 form textarea {
background-color: #f8f8f8;
height: 55px;
padding: 6px 15px;
border: 2px solid #f8f8f8;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 767px) {
.contact-pg-section form input,
.contact-pg-section-s2 form input,
.contact-pg-section form textarea,
.contact-pg-section-s2 form textarea {
height: 45px;
}
}
.contact-pg-section form input:focus,
.contact-pg-section-s2 form input:focus,
.contact-pg-section form textarea:focus,
.contact-pg-section-s2 form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #ffbd34;
}
.contact-pg-section form textarea,
.contact-pg-section-s2 form textarea {
height: 200px;
padding: 15px;
}
@media screen and (min-width: 1200px) {
.contact-pg-section .info-box-outer,
.contact-pg-section-s2 .info-box-outer {
padding-left: 90px;
}
}
@media (max-width: 1199px) {
.contact-pg-section .info-box-outer,
.contact-pg-section-s2 .info-box-outer {
margin-top: 53px;
}
}
@media (max-width: 991px) {
.contact-pg-section .info-box-outer,
.contact-pg-section-s2 .info-box-outer {
margin-top: 43px;
}
}
@media (max-width: 767px) {
.contact-pg-section .info-box-outer,
.contact-pg-section-s2 .info-box-outer {
margin-top: 45px;
}
}
.contact-pg-section .info-box,
.contact-pg-section-s2 .info-box {
border: 1px solid #efeeee;
}
.contact-pg-section .info-box .grid,
.contact-pg-section-s2 .info-box .grid {
padding: 30px 38px;
}
@media (max-width: 991px) {
.contact-pg-section .info-box .grid,
.contact-pg-section-s2 .info-box .grid {
padding: 25px 20px;
}
}
.contact-pg-section .info-box>.grid:last-child,
.contact-pg-section-s2 .info-box>.grid:last-child {
padding: 15px 38px;
}
@media (max-width: 767px) {
.contact-pg-section .info-box>.grid:last-child,
.contact-pg-section-s2 .info-box>.grid:last-child {
padding: 15px 20px;
}
}
.contact-pg-section .info-box>.grid+.grid,
.contact-pg-section-s2 .info-box>.grid+.grid {
border-top: 1px solid #efeeee;
}
.contact-pg-section .info-box h3,
.contact-pg-section-s2 .info-box h3 {
font-size: 24px;
font-size: 1.6rem;
font-weight: 400;
margin: 0 0 0.35em;
text-transform: uppercase;
}
@media (max-width: 991px) {
.contact-pg-section .info-box h3,
.contact-pg-section-s2 .info-box h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
.contact-pg-section .info-box p,
.contact-pg-section-s2 .info-box p {
font-size: 18px;
font-size: 1.2rem;
margin: 0;
}
.contact-pg-section .info-box .social,
.contact-pg-section-s2 .info-box .social {
overflow: hidden;
list-style: none;
}
.contact-pg-section .info-box .social li,
.contact-pg-section-s2 .info-box .social li {
float: left;
}
.contact-pg-section .info-box .social>li+li,
.contact-pg-section-s2 .info-box .social>li+li {
margin-left: 20px;
}
.contact-pg-section .info-box .social a,
.contact-pg-section-s2 .info-box .social a {
font-size: 20px;
font-size: clac-rem-value(20);
color: #828282;
}
.contact-pg-section .info-box .social a:hover,
.contact-pg-section-s2 .info-box .social a:hover {
color: #ffbd34;
}
.contact-pg-section .contact-map,
.contact-pg-section-s2 .contact-map {
height: 450px;
margin-top: 100px;
}
@media screen and (min-width: 1200px) {
.contact-pg-section .contact-map,
.contact-pg-section-s2 .contact-map {
margin-top: 58px;
}
}
@media (max-width: 991px) {
.contact-pg-section .contact-map,
.contact-pg-section-s2 .contact-map {
margin-top: 90px;
}
}
@media (max-width: 767px) {
.contact-pg-section .contact-map,
.contact-pg-section-s2 .contact-map {
height: 350px;
margin-top: 80px;
}
}
.contact-pg-section .contact-map iframe,
.contact-pg-section-s2 .contact-map iframe {
width: 100%;
height: 100%;
border: 0;
outline: 0;
}  .contact-pg-section-s2 .info-box-outer {
padding-left: 0;
margin-top: 55px;
}
@media (max-width: 991px) {
.contact-pg-section-s2 .info-box-outer {
margin-top: 45px;
}
}
@media (max-width: 767px) {
.contact-pg-section-s2 .info-box-outer {
margin-top: 55px;
}
}
.contact-pg-section-s2 .contact-map {
margin-top: 100px;
}
@media (max-width: 991px) {
.contact-pg-section-s2 .contact-map {
margin-top: 90px;
}
}
@media (max-width: 767px) {
.contact-pg-section-s2 .contact-map {
height: 350px;
margin-top: 80px;
}
}  @media screen and (min-width: 992px) {
.blog-pg-section .blog-content {
padding-right: 20px;
}
}
.blog-pg-section .post {
position: relative;
}
.blog-pg-section .blog-content>.post+.post {
margin-top: 80px;
}
@media (max-width: 991px) {
.blog-pg-section .blog-content>.post+.post {
margin-top: 70px;
}
}
@media (max-width: 767px) {
.blog-pg-section .blog-content>.post+.post {
margin-top: 60px;
}
}
.blog-pg-section .post .entry-media {
margin-bottom: 35px;
}
.blog-pg-section .post h3 {
font-size: 30px;
font-size: 2rem;
line-height: 1.5em;
margin: 0 0 1em;
}
@media (max-width: 991px) {
.blog-pg-section .post h3 {
font-size: 26px;
font-size: 1.73333rem;
}
}
@media (max-width: 767px) {
.blog-pg-section .post h3 {
font-size: 22px;
font-size: 1.46667rem;
}
}
.blog-pg-section .post h3 a {
color: #06163a;
display: inline-block;
}
.blog-pg-section .post h3 a:hover {
color: #ffbd34;
}
.blog-pg-section .post .meta {
background-color: #f8f8f8;
display: inline-block;
list-style: none;
font-style: italic;
padding: 5px 15px;
overflow: hidden;
}
@media (max-width: 767px) {
.blog-pg-section .post .meta {
background: transparent;
padding: 0;
}
}
.blog-pg-section .post .meta li {
float: left;
color: #838383;
position: relative;
}
@media (max-width: 767px) {
.blog-pg-section .post .meta li {
font-size: 13px;
font-size: 0.86667rem;
}
}
.blog-pg-section .post .meta>li+li {
padding-left: 15px;
margin-left: 15px;
}
@media (max-width: 767px) {
.blog-pg-section .post .meta>li+li {
padding-left: 10px;
margin-left: 10px;
}
}
.blog-pg-section .post .meta>li+li:before {
content: "|";
position: absolute;
left: 0;
top: 0;
}
.blog-pg-section .post .meta a {
color: #06163a;
font-weight: normal;
}
.blog-pg-section .post .meta a:hover {
color: #ffbd34;
}
.blog-pg-section .entry-details {
margin-top: 25px;
}
@media (max-width: 991px) {
.blog-pg-section .entry-details {
margin-top: 20px;
}
}
.blog-pg-section .entry-details p {
font-size: 16px;
line-height: 1.9em;
color: #838383;
margin: 0 0 1.5em;
}
@media (max-width: 991px) {
.blog-pg-section .entry-details p {
font-size: 16px;
font-size: 1.13333rem;
}
}
.blog-pg-section .entry-details .read-more {
font-weight: 500;
color: #ffbd34;
text-transform: uppercase;
}
@media (max-width: 991px) {
.blog-pg-section .entry-details .read-more {
font-size: 15px;
font-size: 1rem;
}
}
.blog-pg-section .post-slider {
position: relative;
}
.blog-pg-section .post-slider .owl-controls {
width: 100%;
margin: 0;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-pg-section .post-slider .owl-controls .owl-nav [class*=owl-] {
background: rgba(255, 189, 52, 0.8);
width: 30px;
height: 50px;
line-height: 50px;
padding: 0;
margin: 0;
border-radius: 0;
}
.blog-pg-section .post-slider .owl-controls .owl-nav .owl-prev,
.blog-pg-section .post-slider .owl-controls .owl-nav .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-pg-section .post-slider .owl-controls .owl-nav .owl-prev {
left: 0;
}
.blog-pg-section .post-slider .owl-controls .owl-nav .owl-next {
right: 0;
}
.blog-pg-section .video-post .video-holder {
position: relative;
text-align: center;
}
.blog-pg-section .video-post .video-holder:before {
content: "";
background-color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.blog-pg-section .video-post .video-holder:hover:before {
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.blog-pg-section .video-post .video-holder a {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.blog-pg-section .video-post .video-holder .fi {
padding-left: 8px;
}
.blog-pg-section .video-post .video-holder .fi:before {
font-size: 80px;
font-size: 5.33333rem;
color: #ffbd34;
}
@media (max-width: 767px) {
.blog-pg-section .video-post .video-holder .fi:before {
font-size: 60px;
font-size: 4rem;
}
}
.blog-pg-section .quote-post {
background-color: #f1f1f1;
padding: 45px;
}
@media (max-width: 767px) {
.blog-pg-section .quote-post {
padding: 35px 25px;
}
}
.blog-pg-section .quote-post .quote-icon {
position: absolute;
right: 25px;
top: 25px;
}
.blog-pg-section .quote-post .fi:before {
font-size: 45px;
font-size: 3rem;
color: rgba(255, 189, 52, 0.5);
}
@media screen and (min-width: 992px) {
.blog-with-left-sidebar .blog-content {
padding-right: 0;
padding-left: 20px;
}
}
.blog-fullwidth-pg-section .blog-content {
padding-right: 0;
}
.blog-pg-section .format-quote {
background-color: #f1f1f1;
padding: 45px;
}
@media (max-width: 767px) {
.blog-pg-section .format-quote {
padding: 35px 25px;
}
}
.blog-pg-section .format-quote .quote-icon {
position: absolute;
right: 25px;
top: 25px;
}
.blog-pg-section .format-quote h3 {
position: relative;
}
.blog-pg-section .format-quote h3:after {
font-size: 45px;
font-size: 2.8125rem;
color: rgba(255, 189, 52, 0.5);
position: absolute;
right: -8px;
top: -8px;
content: "\f118";
font-family: Flaticon;
}  .blog-single-section {     }
@media screen and (min-width: 992px) {
.blog-single-section .blog-content {
padding-right: 20px;
}
}
.blog-single-section .post {
position: relative;
}
.blog-single-section .post .entry-media {
margin-bottom: 35px;
}
.blog-single-section .post h2 {
font-size: 30px;
font-size: 2rem;
line-height: 1.5em;
margin: 0 0 1em;
}
@media (max-width: 991px) {
.blog-single-section .post h2 {
font-size: 26px;
font-size: 1.73333rem;
}
}
@media (max-width: 767px) {
.blog-single-section .post h2 {
font-size: 24px;
font-size: 1.6rem;
}
}
.blog-single-section .post h3 {
font-size: 26px;
font-size: 1.73333rem;
line-height: 1.5em;
margin: 1.8em 0 1em;
}
@media (max-width: 991px) {
.blog-single-section .post h3 {
font-size: 24px;
font-size: 1.6rem;
}
}
@media (max-width: 767px) {
.blog-single-section .post h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
.blog-single-section .post .meta {
background-color: #f8f8f8;
display: inline-block;
list-style: none;
font-style: italic;
padding: 5px 15px;
overflow: hidden;
}
@media (max-width: 767px) {
.blog-single-section .post .meta {
background: transparent;
padding: 0;
}
}
.blog-single-section .post .meta li {
float: left;
color: #838383;
position: relative;
}
@media (max-width: 767px) {
.blog-single-section .post .meta li {
font-size: 13px;
font-size: 0.86667rem;
}
}
.blog-single-section .post .meta>li+li {
padding-left: 15px;
margin-left: 15px;
}
@media (max-width: 767px) {
.blog-single-section .post .meta>li+li {
padding-left: 10px;
margin-left: 10px;
}
}
.blog-single-section .post .meta>li+li:before {
content: "|";
position: absolute;
left: 0;
top: 0;
}
.blog-single-section .post .meta a {
color: #06163a;
font-weight: normal;
}
.blog-single-section .post .meta a:hover {
color: #ffbd34;
}
.blog-single-section .entry-details {
margin-top: 35px;
}
@media (max-width: 991px) {
.blog-single-section .entry-details {
margin-top: 20px;
}
}
.blog-single-section .entry-details p {
font-size: 17px;
font-size: 1.13333rem;
color: #838383;
line-height: 1.9em;
margin: 0 0 1.5em;
}
@media (max-width: 991px) {
.blog-single-section .entry-details p {
font-size: 17px;
font-size: 1.13333rem;
}
}
.blog-single-section .entry-details blockquote {
background-color: #ffde9a;
font-size: 20px;
font-size: 1.33333rem;
font-style: italic;
color: #838383;
line-height: 1.9em;
padding: 30px 25px;
margin: 50px 0;
border-color: #ffce67;
}
@media (max-width: 767px) {
.blog-single-section .entry-details blockquote {
font-size: 18px;
font-size: 1.2rem;
padding: 25px 20px;
}
}
.blog-single-section .tag-share {
min-height: 59px;
border-top: 1px solid #ebebf1;
border-bottom: 1px solid #ebebf1;
margin: 60px 0 70px;
overflow: hidden;
}
.blog-single-section .tag-share ul {
list-style: none;
}
@media (max-width: 767px) {
.blog-single-section .tag-share {
border-right: 1px solid #ebebf1;
}
}
.blog-single-section .tag-share .tag,
.blog-single-section .tag-share .share {
min-height: 59px;
line-height: 59px;
display: inline-block;
padding-left: 80px;
position: relative;
}
@media (max-width: 767px) {
.blog-single-section .tag-share .tag,
.blog-single-section .tag-share .share {
display: block;
}
}
.blog-single-section .tag-share .tag>i,
.blog-single-section .tag-share .share>i {
background: #ebebf1;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
.blog-single-section .tag-share .tag {
float: left;
}
@media (max-width: 767px) {
.blog-single-section .tag-share .tag {
float: none;
}
}
.blog-single-section .tag-share .tag a {
font-size: 17px;
font-size: 1.13333rem;
color: #848484;
}
.blog-single-section .tag-share .tag a:hover {
color: #ffbd34;
}
.blog-single-section .tag-share .tag ul li {
padding-right: 5px;
position: relative;
}
.blog-single-section .tag-share .tag ul li:after {
content: ",";
position: absolute;
right: 0;
bottom: 0;
}
.blog-single-section .tag-share .tag ul li:last-child:after {
display: none;
}
.blog-single-section .tag-share .tag ul>li+li {
margin-left: 10px;
}
.blog-single-section .tag-share .share {
float: right;
}
@media (max-width: 767px) {
.blog-single-section .tag-share .share {
float: none;
border-top: 1px solid #ebebf1;
margin-top: 1px;
}
}
.blog-single-section .tag-share .share ul>li+li {
margin-left: 15px;
}
.blog-single-section .tag-share .share a {
color: #848484;
}
.blog-single-section .tag-share .share a:hover {
color: #ffbd34;
}
.blog-single-section .tag-share ul {
overflow: hidden;
}
.blog-single-section .tag-share ul li {
float: left;
}
.blog-single-section .author-box {
background-color: #f1f1f1;
padding: 45px 50px;
margin: 70px 0;
}
@media (max-width: 991px) {
.blog-single-section .author-box {
padding: 35px 40px;
}
}
@media (max-width: 767px) {
.blog-single-section .author-box {
padding: 25px;
}
}
.blog-single-section .author-box .author-avatar {
float: left;
}
@media (max-width: 767px) {
.blog-single-section .author-box .author-avatar {
float: none;
}
}
.blog-single-section .author-box .author-avatar img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.blog-single-section .author-box .author-content {
display: block;
overflow: hidden;
padding-left: 25px;
}
@media (max-width: 767px) {
.blog-single-section .author-box .author-content {
padding: 0;
margin: 15px 0 0 0;
}
}
.blog-single-section .author-box .author-content p {
font-size: 17px;
font-size: 1.13333rem;
margin-bottom: 20px;
}
.blog-single-section .author-box .author-name {
font-family: "Oswald", sans-serif;
font-size: 24px;
font-size: 1.6rem;
display: inline-block;
margin-bottom: 10px;
color: #06163a;
}
@media (max-width: 991px) {
.blog-single-section .author-box .author-name {
font-size: 22px;
font-size: 1.46667rem;
}
}
.blog-single-section .author-box .social-lnk {
display: inline-block;
list-style: none;
}
.blog-single-section .author-box .social-lnk li {
float: left;
margin-right: 15px;
}
.blog-single-section .author-box .social-lnk a {
display: block;
font-size: 18px;
font-size: 1.2rem;
color: #777;
}
.blog-single-section .author-box .social-lnk a:hover {
color: #ffbd34;
}
.blog-single-section .more-posts {
overflow: hidden;
border-top: 1px solid #ebebf1;
border-bottom: 1px solid #ebebf1;
}
@media (max-width: 767px) {
.blog-single-section .more-posts {
border-left: 1px solid #ebebf1;
border-right: 1px solid #ebebf1;
}
}
.blog-single-section .more-posts>div {
width: 50%;
float: left;
}
@media (max-width: 767px) {
.blog-single-section .more-posts>div {
width: 100%;
float: none;
}
}
.blog-single-section .more-posts>div>a {
display: inline-block;
}
.blog-single-section .more-posts .previous-post,
.blog-single-section .more-posts .next-post {
padding: 40px 0;
}
@media (max-width: 767px) {
.blog-single-section .more-posts .previous-post,
.blog-single-section .more-posts .next-post {
padding: 25px 15px !important;
}
}
.blog-single-section .more-posts .next-post {
text-align: right;
border-left: 1px solid #e8e8e8;
padding-left: 15px;
padding-right: 5px;
}
@media (max-width: 767px) {
.blog-single-section .more-posts .next-post {
border-left: 0;
text-align: left;
border-top: 1px solid #e8e8e8;
}
}
.blog-single-section .more-posts .previous-post {
padding-right: 15px;
padding-left: 5px;
}
.blog-single-section .more-posts .previous-post>a>span,
.blog-single-section .more-posts .next-post>a>span {
display: block;
}
.blog-single-section .more-posts .post-control-link {
color: #a7a7a7;
}
.blog-single-section .more-posts .post-name {
font-size: 20px;
font-size: 1.33333rem;
color: #06163a;
margin: 0.5em 0 0;
}
@media (max-width: 991px) {
.blog-single-section .more-posts .post-name {
font-size: 18px;
font-size: 1.2rem;
}
}
.blog-single-section .more-posts a:hover .post-control-link {
color: #ffbd34;
}
.blog-single-section .comments-area {
margin-top: 70px;
}
.blog-single-section .comments-area ul,
.blog-single-section .comments-area ol {
list-style: none;
}
.blog-single-section .comments-area .comments {
border: 1px solid #ebebf1;
border-bottom: 0;
}
.blog-single-section .comments-area li>div {
border-bottom: 1px solid #ebebf1;
padding: 35px 25px;
}
.blog-single-section .comments-area ol {
list-style-type: none;
padding-left: 0;
}
.blog-single-section .comments-area ol ul {
padding-left: 30px;
}
.blog-single-section .comments-area .comments-title {
font-size: 26px;
font-size: 1.73333rem;
margin: 0 0 1.5em;
}
@media (max-width: 991px) {
.blog-single-section .comments-area .comments-title {
font-size: 22px;
font-size: 1.46667rem;
}
}
.blog-single-section .comments-area li>div {
position: relative;
}
.blog-single-section .comments-area .comment-theme {
position: absolute;
left: 25px;
}
@media (max-width: 767px) {
.blog-single-section .comments-area .comment-theme {
position: static;
}
}
.blog-single-section .comments-area .comment-theme img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.blog-single-section .comments-area .comment-main-area {
padding-left: 100px;
}
@media (max-width: 767px) {
.blog-single-section .comments-area .comment-main-area {
padding-left: 0;
margin-top: 25px;
}
}
.blog-single-section .comments-area .comment-main-area p {
margin-bottom: 20px;
}
.blog-single-section .comments-area .comments-meta h4 {
font-size: 18px;
font-size: 1.2rem;
color: #6d6d6d;
margin: 0 0 1em;
display: inline-block;
}
.blog-single-section .comments-area .comments-meta h4 span {
font-family: "Rubik", sans-serif;
font-weight: normal;
color: #949494;
text-transform: none;
display: inline-block;
margin-left: 15px;
font-size: 16px;
font-size: 1.06667rem;
}
.blog-single-section .comments-area .comment-reply-link {
background: #ffbd34;
font-size: 14px;
font-size: 0.93333rem;
color: #fff;
display: inline-block;
padding: 0 5px;
}
.blog-single-section .comments-area .comment-reply-link:hover {
background-color: #ffac01;
}
.blog-single-section .comment-respond {
margin-top: 70px;
}
.blog-single-section .comment-respond .comment-reply-title {
font-size: 26px;
font-size: 1.73333rem;
margin: 0 0 1.5em;
}
@media (max-width: 991px) {
.blog-single-section .comment-respond .comment-reply-title {
font-size: 22px;
font-size: 1.46667rem;
}
}
.blog-single-section .comment-respond form input,
.blog-single-section .comment-respond form textarea {
background-color: #f8f8f8;
width: 100%;
height: 50px;
border: 1px solid #f8f8f8;
padding: 6px 15px;
margin-bottom: 15px;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.blog-single-section .comment-respond form input:focus,
.blog-single-section .comment-respond form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #ffbd34;
}
@media (max-width: 991px) {
.blog-single-section .comment-respond form input,
.blog-single-section .comment-respond form textarea {
height: 40px;
}
}
.blog-single-section .comment-respond form textarea {
height: 220px;
padding: 15px;
}
@media (max-width: 991px) {
.blog-single-section .comment-respond form textarea {
height: 150px;
}
}
.blog-single-section .comment-respond .form-inputs {
overflow: hidden;
}
.blog-single-section .comment-respond .form-inputs>input:nth-child(2) {
width: 49%;
float: left;
}
@media (max-width: 767px) {
.blog-single-section .comment-respond .form-inputs>input:nth-child(2) {
width: 100%;
float: none;
}
}
.blog-single-section .comment-respond .form-inputs>input:nth-child(3) {
width: 49%;
float: right;
}
@media (max-width: 767px) {
.blog-single-section .comment-respond .form-inputs>input:nth-child(3) {
width: 100%;
float: none;
}
}
.blog-single-section .comment-respond .form-submit input {
max-width: 180px;
background-color: #ffce67;
color: #fff;
font-weight: 500;
margin-bottom: 0;
border: 0;
outline: 0;
text-transform: uppercase;
}
.blog-single-section .comment-respond .form-submit input:hover {
background-color: #ffbd34;
}
@media screen and (min-width: 992px) {
.blog-single-with-left-sidebar .blog-content {
padding-right: 0;
padding-left: 20px;
}
}
.blog-fullwidth-single-section .blog-content {
padding-right: 0;
}  .error-404-section .content {
text-align: center;
}
.error-404-section .content h2 {
font-size: 200px;
font-size: 13.33333rem;
color: #ffbd34;
line-height: 0.73em;
margin: 0 0 0.4em;
}
@media (max-width: 991px) {
.error-404-section .content h2 {
font-size: 150px;
font-size: 10rem;
}
}
@media (max-width: 767px) {
.error-404-section .content h2 {
font-size: 120px;
font-size: 8rem;
}
}
.error-404-section .content h3 {
font-size: 30px;
font-size: 2rem;
font-weight: normal;
margin: 0 0 1.5em;
}
.error-404-section .content h3 span {
color: #ffbd34;
}
@media (max-width: 991px) {
.error-404-section .content h3 {
font-size: 25px;
font-size: 1.66667rem;
line-height: 1.3em;
}
}
@media (max-width: 767px) {
.error-404-section .content h3 {
font-size: 20px;
font-size: 1.33333rem;
}
}
.error-404-section .content p {
font-size: 18px;
font-size: 1.2rem;
margin: 0 0 2em;
}
@media (max-width: 991px) {
.error-404-section .content p {
font-size: 17px;
font-size: 1.13333rem;
}
}
@media (max-width: 767px) {
.error-404-section .content p {
font-size: 15px;
font-size: 1rem;
}
}
.error-404-section .content a {
font-size: 16px;
height: 47px;
line-height: 47px;
padding-left:30px;
padding-right:30px;
}
.error-404-section .content h3::first-word {
color: #ffbd34;
}  .about-pg-section {
padding-bottom: 75px;
}
@media (max-width: 991px) {
.about-pg-section {
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.about-pg-section {
padding-bottom: 50px;
}
}
.about-pg-section .about-text h2 {
font-size: 36px;
font-size: 2.4rem;
line-height: 1.3em;
margin: -0.27em 0 0.8em;
}
@media (max-width: 991px) {
.about-pg-section .about-text h2 {
font-size: 30px;
font-size: 2rem;
}
}
@media (max-width: 767px) {
.about-pg-section .about-text h2 {
font-size: 25px;
font-size: 1.66667rem;
}
}
.about-pg-section .about-text .info {
margin-top: 35px;
}
.about-pg-section .about-text .info img {
display: block;
margin-bottom: 15px;
}
.about-pg-section .about-text .info h4 {
margin: 0 0 0.7em;
}
.about-pg-section .about-text .info h4+span {
color: #ffbd34;
}
.about-pg-section .about-pic-video {
overflow: hidden;
}
@media (max-width: 991px) {
.about-pg-section .about-pic-video {
margin-top: 60px;
}
}
.about-pg-section .about-pic-video>div {
width: calc(50% - 20px);
float: left;
}
.about-pg-section .about-pic-video .ceo-holder {
margin-right: 10px;
position: relative;
}
.about-pg-section .about-pic-video .ceo-holder:before {
content: "";
background: #ffbd34;
width: 5px;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.about-pg-section .about-pic-video .video-holder {
margin-left: 10px;
position: relative;
}
.about-pg-section .about-pic-video .video-holder .fi:before {
font-size: 60px;
font-size: 4rem;
color: #ffbd34;
}
.about-pg-section .about-pic-video .video-holder a {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-pg-section .experience-text {
text-align: center;
margin: 45px 0 80px;
}
@media (max-width: 991px) {
.about-pg-section .experience-text {
margin: 45px 0 60px;
}
}
.about-pg-section .experience-text h2 {
font-size: 60px;
font-size: 4rem;
margin: 0;
}
@media (max-width: 991px) {
.about-pg-section .experience-text h2 {
font-size: 45px;
font-size: 3rem;
}
}
@media (max-width: 767px) {
.about-pg-section .experience-text h2 {
font-size: 30px;
font-size: 2rem;
}
}
.about-pg-section .experience-text h2 span {
display: inline-block;
border: 5px solid #ffbd34;
padding: 15px 20px 20px;
}
@media (max-width: 767px) {
.about-pg-section .experience-text h2 span {
padding: 15px 8px 20px;
}
}
@media (max-width: 991px) {
.about-pg-section .mission-vission>.col+.col {
margin-top: 40px;
}
}
.about-pg-section .mission-vission h3 {
font-size: 30px;
font-size: 2rem;
margin: 0 0 0.6em;
}
@media (max-width: 991px) {
.about-pg-section .mission-vission h3 {
font-size: 25px;
font-size: 1.66667rem;
}
}
@media (max-width: 767px) {
.about-pg-section .mission-vission h3 {
font-size: 22px;
font-size: 1.46667rem;
}
} .about-pg-features-grids {
padding: 0 0 50px;
} .about-pg-history {
border-top: 1px solid #e6e6e6;
padding-bottom: 20px;
}
@media (max-width: 991px) {
.about-pg-history {
padding-bottom: 30px;
}
}
.about-pg-history .history-grids .grid {
width: calc(50% - 70px);
float: left;
padding: 0 0 0 50px;
margin-bottom: 80px;
position: relative;
}
@media (max-width: 991px) {
.about-pg-history .history-grids .grid {
width: calc(50% - 10px);
margin-bottom: 60px;
}
}
@media (max-width: 767px) {
.about-pg-history .history-grids .grid {
width: 100%;
margin-bottom: 50px;
}
}
.about-pg-history .history-grids .grid:before {
content: "";
background-color: #dcdcdc;
width: 1px;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.about-pg-history .history-grids .grid:after {
content: "";
background-color: #ffbd34;
width: 13px;
height: 13px;
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
left: -6px;
top: 32px;
}
.about-pg-history .history-grids .grid:nth-child(odd) {
width: calc(50% + 70px);
padding-right: 150px;
}
@media (max-width: 991px) {
.about-pg-history .history-grids .grid:nth-child(odd) {
width: calc(50% + 10px);
padding-right: 35px;
}
}
@media (max-width: 767px) {
.about-pg-history .history-grids .grid:nth-child(odd) {
width: 100%;
}
}
.about-pg-history .history-grids .date {
font-size: 16px;
font-size: 1.06667rem;
font-weight: 500;
color: #ffbd34;
}
.about-pg-history .history-grids .grid h3 {
font-size: 18px;
font-size: calc(18);
margin: 0.5em 0 1em;
position: relative;
text-transform: uppercase;
}
.about-pg-history .history-grids .grid h3:before {
content: "";
background-color: #dcdcdc;
width: 33px;
height: 1px;
position: absolute;
left: -50px;
top: 7px;
} .team-section {
padding-bottom: 70px;
}
@media (max-width: 991px) {
.team-section {
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.team-section {
padding-bottom: 50px;
}
}
.team-section .team-grids .grid {
width: calc(25% - 1px);
float: left;
margin: 0 1px 30px 0;
}
@media (max-width: 991px) {
.team-section .team-grids .grid {
width: calc(50% - 1px);
}
}
@media (max-width: 500px) {
.team-section .team-grids .grid {
width: calc(100% - 1px);
float: none;
}
}
.team-section .grid .details {
padding: 30px;
-webkit-box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.03);
box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.03);
}
@media (max-width: 767px) {
.team-section .grid .details {
padding: 20px;
}
}
.team-section .grid .details h3 {
font-size: 20px;
font-size: 1.33333rem;
margin: 0 0 0.4em;
}
@media (max-width: 767px) {
.team-section .grid .details h3 {
font-size: 18px;
font-size: 1.2rem;
}
}
.team-section .grid .details h3+span {
color: #ffbd34;
}.clearfix::after {
content: "";
clear: both;
display: table;
}
body.blog .page-title .the-title {
font-size: 60px !important;
}
.site-footer .lower-footer {
text-align: left;
}
.site-footer .lower-footer .row {
padding: 10px 0;
}
.site-footer .upper-footer {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
.newsletter-section .newsletter button {
top:33px;
}
.newsletter-section .newsletter {
max-width: initial;
}
.hero-style-1 .slide-caption h2, .hero-style-2 .slide-caption h2, .hero-style-3 .slide-caption h2 {
font-family: "Oswald", sans-serif;
font-size: 20px;
font-size: 1.33333rem;
font-weight: 300;
color: #fff;
text-transform: uppercase;
margin: 0.63em 0 1em;
letter-spacing: 2px;
line-height: 1.27em;
}
.hero-style-1 .slide-caption p, .hero-style-2 .slide-caption p, .hero-style-3 .slide-caption p {
font-size: 55px;
margin: 0;
font-size: 2.66667rem;
font-weight: bold;
color: #fff;
text-transform: uppercase;
}
.page-title .the-title {
font-size: 60px;
font-size: 4rem;
font-weight: 500;
margin: 0 0 0.30em;
text-transform: uppercase;
color: #fff;
}
.about-pg-section .about-pic-video .ceo-holder {
display: block;
float: none;
width: 100%;
}
.about-pg-section .about-pic-video .ceo-holder img {
width: 100%;
}
label {
font-weight: 400;
display: block;
}
textarea {
resize: vertical;
}
select {
display: block;
height: 55px !important;
}
.projects-pg-section .count {
font-size: 2rem;
color: #06163a;
}
.projects-pg-section .grid .details h4 {
color: #727780;
font-size: 18px;
text-transform: none;
font-weight: normal;
}
.blog-single-section .entry-details blockquote {
background-color: #ffde9a !important;
}
@media screen and (max-width: 767px) {
.page-title .the-title {
font-size: 2rem;
}
.header-style-1 .topbar .contact-info {
padding: 10px 0 !important;
}
.header-style-1 .topbar .contact-info ul {
text-align: left;
}
.header-style-1 .topbar .contact-info ul li a {
padding: 5px 8px !important;
border-radius: 3px;
background: #00588f;
display: block;
}
.header-style-1 .topbar .contact-info ul li.visible-xs {
display: inline-block !important;
margin: 0 10px 0 0;
}
.header-style-1 .topbar .contact-info ul li:last-child {
margin-right: 0;
}
}
.services-pg-section .grid .details .short-description {
margin-bottom: 0;
margin-top: 10px;
text-align: justify;
}
.service-single-section .service-single-content .intro {
padding: 25px;
text-align: justify;
font-size: 16.5px;
border-left: 5px solid #ffbd34;
}
.service-single-content ul li {
color: #727780 !important;
}
.service-single-content ul li >strong {
color: #333;
}
.service-single-content .about-section-s3 .grid.expanded-grid {
width: 100%;
margin-bottom: 0;
}
.service-single-content .about-section-s3 .grid.half-grid {
width: 50%;
}
.service-single-content .about-section-s3 .grid.third-grid {
width:33.3333%;
}
.service-single-content .about-section-s3 .grid.expanded-grid.cta,
.cta-to-form { background: #00588f;
padding: 25px;
}
.service-single-content .about-section-s3 .grid.expanded-grid.cta .count {
color: #fff;
color: rgba(255,255,255,.45);
left: unset;
right: 0;
z-index: 1;
}
.service-single-content .about-section-s3 .grid.expanded-grid.cta h3 {
margin-top: 0;
color: #fff;
}
.service-single-content .about-section-s3 .grid.expanded-grid.cta a,
.service-single-content .about-section-s3 .grid.expanded-grid.cta p,
.cta-to-form,
.cta-to-form p,
.cta-to-form a {
color: #fff;
}
.service-single-content .about-section-s3 .grid.expanded-grid.cta a,
.cta-to-form a {
display: inline-block;
padding: 5px 8px;
text-decoration: none;
background: #06163a;
border-radius: 5px;
}
.service-single-content .about-section-s3 .grid.expanded-grid.cta a:hover,
.service-single-content .about-section-s3 .grid.expanded-grid.cta a:focus,
.cta-to-form a:hover,
.cta-to-form a:focus {
background: #fff;
color: #06163a;
}
.service-single-content b.highlighted,
.service-single-content strong.highlighted,
.service-single-content em.highlighted {
color: #00588f;
}
.service-single-content .about-section-s3 .grid i:before {
font-size: inherit;
} .contact-pg-section form div.wpcf7-recaptcha {
padding: 0 0 20px 0 !important;
}
.col-md-12.recaptcha .wpcf7-form-control-wrap {
padding-bottom: 0 !important;
}
.contact-pg-section form div.wpcf7-recaptcha  > div,
.contact-pg-section form div.wpcf7-recaptcha > div > div {
padding: 0 !important;
}
.col-md-12.recaptcha {
padding: 0 !important;
}
a.back-to-top {
width: 25px;
height: 25px;
z-index: 9999;
bottom: 61px;
}
.contact-pg-section form div.col-md-12 {
clear: both;
}
.service-sidebar .contact-widget {
padding: 45px 25px;
}
#floatedContactBtn {
display: inline;
background-color: #ffbd34;
font-size: 18px;
color: #0a172b;
font-family: "Oswald", sans-serif;
padding: 10px 35px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
text-align: center;
position: fixed;
z-index: 999;
right: 15px;
bottom: 15px;
text-decoration: none;
}
#floatedContactBtn:hover,
#floatedContactBtn:focus,
#floatedContactBtn:active {
background: #0a172b;
color: #ffbd34;
}
#serviceForm .response {
display: none;
font-size: 13px;
}
#serviceForm .response.alert-success {
font-size: 16px;
}
#serviceForm .response a {
text-decoration: underline;
color: #06163a;
}
#serviceForm div > h4 {
text-align: center;
}
#serviceForm .g-recaptcha {
transform: scale(.71);
transform-origin:0 0;
}
#serviceForm .field {
margin-top: 15px;
}
#serviceForm .field:first-child {
margin-top: 0;
} #serviceForm .form-control {
background-color: #f8f8f8;
height: 41px;
padding: 10px;
font-size: 16px;
border: 2px solid #f8f8f8;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px;
line-height: 1.42857143;
color: #555;
display: block;
width: 100%;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
font-family: inherit;
}
#serviceForm textarea.form-control {
resize: vertical;
min-height: 80px;
}
#serviceForm label {
color: #000;
font-size: 14px;
cursor: pointer;
display: block;
}
#serviceForm .form-control:active,
#serviceForm .form-control:focus {
background-color: #fff;
border-color: #06163a;
}
#serviceForm .theme-btn {
margin-top: -20px;
border: 0;
}
.contact-section .contact-form input, .contact-section .contact-form textarea {
color: #727780;
}
@media screen and  (max-width: 991px) {
#serviceForm .g-recaptcha {
transform: unset;
transform-origin:0 0;
}
#serviceForm .theme-btn {
margin-top: 10px;
}
.site-header #navbar>ul>li a {
font-size: 16px;
}
.blog-sidebar {
max-width: 100%;
}
#floatedContactBtn {
width: 100%;
bottom: 0;
left:0;
right: 0;
border-radius: 0;
}
a.back-to-top {
width: 45px;
height: 45px;
bottom: 0;
right: 0;
}
}
.site-logo img {
width: 64px;
}
.header-style-1 .topbar .contact-info.language-selection ul>li+li {
margin-top: 0;
}
.header-style-1 .topbar .contact-info.language-selection {
text-align: right;
}
#serviceForm .theme-btn {
display: block;
width: 100%;
}
h3.kc_accordion_header {
margin: 10px 0 !important;
margin-bottom: 0 !important;
}
.kc_accordion_header>span.ui-accordion-header-icon {
color: #fff;
}
.blog-meta-img img,
.wp-block-media-text__media img {
width: 180px !important;
height: auto !important;
} @media (max-width: 991px) {
.service-sidebar {
clear: both !important;
padding-top: 60px !important;
}
}
@media (max-width: 767px) {
.header-style-1 .topbar .contact-info.language-selection ul {
text-align: right;
}
.header-style-1 .topbar .contact-info.language-selection ul>li {
margin-right: 10px;
}
.header-style-1 .topbar .contact-info.language-selection ul>li:last-child {
margin-right: 0;
}
}
@media (max-width: 600px) {
.about-section-s3 .grid {
width: 100% !important;
float: none !important;
}
}a {
color: #ffbd34;
}
a:hover {
color: #ffac01;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
img {
max-width: 100%;
height: auto;
}
span.text-logo a {
color: #ffbd34;
}
span.text-logo a:hover {
color: #ffac01;
} table {
width: 100%;
}
table th {
background: #ffbd34;
color: #fff;
transition: .3s;
font-weight: 500;
}
table th:hover {
background: #ffac01;
}
td,
th {
border: 1px solid #ebebf1;
padding: 10px;
font-size: 15px;
color: #838383;
}
th a,
th a:hover {
color: #fff;
font-size: 15px;
}
dd,
dt {
line-height: 1.8em;
font-size: 15px;
color: #838383;
padding: 5px 0;
}
dt {
font-weight: 500;
}
address {
line-height: 1.8em;
font-size: 15px;
color: #838383;
background: #f8f8f8;
padding: 20px;
}
code {
line-height: 1.8em;
font-size: 15px;
color: #838383;
background-color: #fdf1d9;
}
kbd {
color: #838383;
background-color: #efece3;
}
pre {
background: #f8f8f8;
font-family: "Courier 10 Pitch", Courier, monospace;
color: #838383;
}
ul {
list-style: disc;
padding-left: 40px;
}
.blog-sidebar ul {
list-style: none;
padding-left: 0px;
}
.sticky-badge h2 {
width: 135px;
height: 51px;
line-height: 50px;
text-align: center;
background: #ffbd34;
padding-left: 30px;
color: #282e3f;
font-size: 14px;
display: inline-block;
position: absolute;
right: -24px;
top: 42px;
margin: 0;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
}
.sticky-badge:hover h2 {
background: #ffac01;
}
.sticky-badge h2:before {
position: absolute;
left: -2px;
top: -2px;
border-top: 27px solid transparent;
border-left: 35px solid #f1f1f1;
border-bottom: 28px solid transparent;
content: "";
z-index: 9;
}
.sticky {
background: #f1f1f1;
padding: 45px;
}
@media (max-width: 767px) {
.sticky-badge h2 {
width: 95px;
height: 46px;
line-height: 46px;
right: -24px;
top: 25px;
padding-left: 20px;
}
.sticky-badge h2:before {
position: absolute;
left: -1px;
top: 0px;
border-top: 23px solid transparent;
border-left: 19px solid #f1f1f1;
border-bottom: 23px solid transparent;
content: "";
z-index: 9;
}
} .blog-sidebar .widget_archive ul li {
font-size: 15px;
font-size: 1rem;
padding-left: 15px;
position: relative;
}
@media (max-width: 767px) {
.blog-sidebar .widget_archive ul li {
font-size: 15px;
font-size: 1rem;
}
}
.blog-sidebar .widget_archive ul li:before {
content: "-";
position: absolute;
left: 0;
top: 0;
}
.blog-sidebar .widget_archive ul>li+li {
margin-top: 15px;
}
.blog-sidebar .widget_archive ul a {
color: #727780;
}
.blog-sidebar .widget_archive ul a:hover,
.blog-sidebar .widget_archive ul li:hover:before {
color: #ffbd34;
}
select {
height: 44px;
width: 100%;
border: 1px solid #e9e7e1;
padding-left: 10px;
} .calendar_wrap table#wp-calendar tr,
.calendar_wrap table#wp-calendar td {
border: 1px solid #e1dfd9;
}
.calendar_wrap table#wp-calendar th,
.calendar_wrap table#wp-calendar td {
padding: 8px;
text-align: center;
font-weight: 400;
} .widget_categories ul ul {
padding-left: 20px;
}
.widget_categories ul li a {
display: inline-block;
width: 86%;
padding: 4px 0;
}
.widget_categories ul li ul li {
border-bottom: none;
}
.widget_categories ul li:last-child {
border-bottom: none;
}
.widget_categories select {
height: 40px;
padding-left: 10px;
}
.widget_categories ul li a {
position: relative;
padding-left: 0px;
font-size: 15px;
font-size: 1rem;
color: #727780;
}
@media (max-width: 991px) {
.widget_categories ul li a {
width: 86%;
}
}
.widget_categories ul li a:hover {
color: #ffbd34;
}
@media (max-width: 767px) {
.widget_categories ul li a {
font-size: 15px;
font-size: 1rem;
}
} .widget_pages ul ul {
padding-left: 20px;
}
.widget_pages ul li a {
display: inline-block;
width: 90%;
padding: 9px 0;
}
.widget_pages ul>li {
border-bottom: 1px solid #f0f0f0;
}
.widget_pages ul li ul li {
border-bottom: none;
border-top: 1px solid #f0f0f0;
}
.widget_pages ul li:last-child {
border-bottom: none;
}
.widget_pages ul li a {
position: relative;
font-size: 15px;
font-size: 1rem;
color: #666;
}
.widget_pages ul li a:hover {
color: #ffbd34;
}
.widget_pages ul li a:before {
content: "-";
position: absolute;
left: -12px;
top: 9px;
}
@media (max-width: 767px) {
.widget_pages ul li a {
font-size: 15px;
font-size: 1rem;
}
} .widget_meta ul li {
font-size: 15px;
font-size: 1rem;
padding-left: 15px;
position: relative;
}
@media (max-width: 767px) {
.widget_meta ul li {
font-size: 15px;
font-size: 1rem;
}
}
.widget_meta ul li:before {
content: "-";
position: absolute;
left: 0;
top: 0;
}
.widget_meta ul>li+li {
margin-top: 15px;
}
.widget_meta ul a {
color: #666;
}
.widget_meta ul a:hover,
.widget_meta ul li:hover:before {
color: #ffbd34;
} .widget_recent_comments ul li {
color: #666;
list-style: none;
border-radius: 60px;
border-bottom-left-radius: 0;
padding-top: 25px;
margin-bottom: 25px;
padding-bottom: 25px;
padding-left: 20px;
padding-right: 20px;
background: #f8f8f8;
position: relative;
}
.widget_recent_comments ul li a {
color: #666;
}
.widget_recent_comments ul li a:hover {
color: #ffbd34;
} .widget_recent_entries ul li {
font-size: 15px;
font-size: 1rem;
padding-left: 15px;
position: relative;
}
@media (max-width: 767px) {
.widget_recent_entries ul li {
font-size: 15px;
font-size: 1rem;
}
}
.widget_recent_entries ul li:before {
content: "-";
position: absolute;
left: 0;
top: 0;
}
.widget_recent_entries ul>li+li {
margin-top: 15px;
}
.widget_recent_entries ul a {
color: #666;
}
.widget_recent_entries ul a:hover,
.widget_recent_entries ul li:hover:before {
color: #ffbd34;
} .widget_rss {}
.widget_rss ul li {
font-size: 15px;
font-size: 1rem;
padding-left: 15px;
position: relative;
line-height: 28px;
color: #666;
}
@media (max-width: 767px) {
.widget_rss ul li {
font-size: 15px;
font-size: 1rem;
}
}
.widget_rss ul li:before {
content: "-";
position: absolute;
left: 0;
top: 0;
}
.widget_rss ul>li+li {
margin-top: 20px;
}
.widget_rss ul a {
color: #666;
}
.widget_rss ul a:hover,
.widget_rss ul li:hover:before {
color: #ffbd34;
} .textwidget img {
max-width: 100%;
height: auto;
}
.widget_text ul li p {
font-size: 15px;
font-size: 1rem;
position: relative;
line-height: 28px;
color: #666;
}
@media (max-width: 767px) {
.widget_text ul li p {
font-size: 15px;
font-size: 1rem;
}
} .widget_tag_cloud .tagcloud a {
font-size: 14px !important;
font-size: 0.93333rem !important;
color: #727780;
display: inline-block;
border: 1px solid #e8e8e8;
padding: 6px 15px;
border-radius: 32px;
margin: 0 5px 5px 0;
}
.widget_tag_cloud .tagcloud a:hover {
background-color: #ffbd34;
border-color: #ffbd34;
color: #fff;
}
.tag-share .tag ul {
padding-left: 0px;
} .widget_nav_menu ul ul {
padding-left: 10px;
}
.widget_nav_menu ul li a {
display: inline-block;
width: 90%;
padding: 9px 0;
}
.widget_nav_menu ul>li {
border-bottom: 1px solid #f0f0f0;
}
.widget_nav_menu ul li ul li {
border-bottom: none;
border-top: 1px solid #f0f0f0;
}
.widget_nav_menu ul li:last-child {
border-bottom: none;
}
.widget_nav_menu ul li a {
font-size: 15px;
font-size: 1rem;
position: relative;
padding-left: 20px;
color: #666;
}
.widget_nav_menu ul li a:before {
content: "-";
position: absolute;
left: 0;
top: 9px;
}
.widget_nav_menu ul a:hover,
.widget_nav_menu ul li:hover:before {
color: #ffbd34;
}
@media (max-width: 767px) {
.widget_nav_menu ul li a {
font-size: 15px;
font-size: 1rem;
}
} .wp-pagenavi {
padding-bottom: 0;
padding-top: 25px;
margin-top: 50px;
}
.wp-pagenavi a,
.wp-pagenavi span {
text-decoration: none;
border: 1px solid #d0c8b0;
background: #d0c8b0;
padding: 14px 18px;
margin-right: 10px;
margin-bottom: 0px;
color: #fff;
display: inline-block;
margin-left: -1px;
line-height: 1;
font-weight: 600;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background: #b2a47c;
color: #fff !important;
border-color: #b2a47c;
}
.wp-pagenavi span.current {
color: #fff !important;
}
ul.page-numbers {
display: inline-block;
overflow: hidden;
list-style-type: none;
text-align: center;
padding-left: 0;
margin-top: 60px;
}
ul.page-numbers li {
float: left;
margin-right: 10px;
}
ul.page-numbers li span.page-numbers.current {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 20px;
font-size: 1.33333rem;
border: 1px solid #0a172b;
border-radius: 50%;
display: block;
}
ul.page-numbers li a {
width: 45px;
height: 45px;
line-height: 45px;
font-size: 20px;
font-size: 1.33333rem;
border: 1px solid transparent;
color: #06163a;
display: block;
border-radius: 50%;
}
ul.page-numbers li a div {
line-height: 45px;
} .wp-link-pages a,
.wp-link-pages>span {
display: inline-block;
padding: 8px 16px;
border: 1px solid #ffbd34;
background: #ffbd34;
color: #fff;
}
.wp-link-pages>span,
.wp-link-pages a:hover {
background: #ffbd34;
}
.wp-link-pages {
margin-top: 35px;
}
.itus-projects .pagination-wrapper {
margin-top: 0px;
} .post-password-form>p {
padding-top: 10px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.post-password-form {
position: relative;
padding-top: 20px;
padding-bottom: 10px;
text-align: center;
}
.post-password-form label {
display: block;
font-weight: 500;
}
.post-password-form input[type="password"] {
width: 50%;
height: 50px;
padding: 10px 20px;
margin-top: 15px;
background-color: #ffffff;
color: #888888;
border: 1px solid #ececec;
outline: none;
border-radius: 0;
box-shadow: none;
transition: all 0.3s ease 0s;
appearance: none;
}
.password-form p {
position: relative;
}
.post-password-form input[type="submit"] {
padding: 12px 29px;
position: absolute;
right: 100px;
top: 24px;
border: none;
background: #ffbd34;
outline: none;
transition: .3s;
color: #fff;
}
@media (max-width: 767px) {
.post-password-form input[type="submit"] {
right: 0;
}
}
.post-password-form input[type="submit"]:hover {
background: #ffac01;
}
.gallery-caption {
color: #838383;
line-height: 1.8em;
}
.footer-widget-area .contact-widget ul li {
font-size: 16px;
color: #d5d5d5;
}
.site-footer .lower-footer ul.useful-links li {
margin-top: 0px;
margin-left: 31px;
}
.site-footer .lower-footer ul.useful-links li a {
font-size: 15px;
}
.blog-single-section p.form-submit {
margin-bottom: 0;
}
.mini-cart-item-des a.remove {
position: absolute;
right: 7px;
top: 0;
color: #8c0000;
}
.blog-sidebar .search-widget div {
background: #f3f3f3;
} .page-wrapper p {
font-size: 15px;
font-size: 1rem;
color: #727780;
line-height: 1.8em;
margin: 0 0 1.5em;
}
.page-wrapper ul li,
.page-wrapper ol li {
font-size: 15px;
color: #838383;
line-height: 1.8em;
}
ol.comments #respond {
padding: 0 20px;
}
.page-wraper .comments-area {
margin-top: 70px;
}
.page-wraper .comments-area .comments {
border: 1px solid #ebebf1;
}
.page-wraper .comments-area ol>li:last-child article {
border-bottom: 0;
}
.page-wraper .comments-area li>div {
border-bottom: 1px solid #ebebf1;
padding: 35px 25px;
}
.page-wraper .comments-area ol {
list-style-type: none;
padding-left: 0;
}
.page-wraper .comments-area ol li {
padding-left: 30px;
}
.page-wraper .comments-area .comments-title {
font-size: 26px;
font-size: 1.625rem;
margin: 0 0 1.5em;
}
@media (max-width: 991px) {
.page-wraper .comments-area .comments-title {
font-size: 22px;
font-size: 1.375rem;
}
}
.page-wraper .comments-area li>div {
position: relative;
}
.page-wraper .comments-area .comment-theme {
position: absolute;
left: 35px;
}
@media (max-width: 767px) {
.page-wraper .comments-area .comment-theme {
position: static;
}
}
.page-wraper .comments-area .comment-theme img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
.page-wraper .comments-area .comment-main-area {
padding-left: 85px;
}
@media (max-width: 767px) {
.page-wraper .comments-area .comment-main-area {
padding-left: 0;
margin-top: 25px;
}
}
.page-wraper .comments-area .comment-main-area p {
margin-bottom: 20px;
}
.page-wraper .comments-area .comments-meta h4 {
font-family: "Lato", sans-serif;
font-size: 18px;
font-size: 1.125rem;
color: #6d6d6d;
font-weight: bold;
margin: 0 0 1em;
display: inline-block;
}
.page-wraper .comments-area .comments-meta span {
font-family: "Lato", sans-serif;
font-weight: normal;
color: #949494;
text-transform: none;
display: inline-block;
margin-left: 15px;
font-size: 16px;
font-size: 1rem;
}
.page-wraper .comments-area .comments-meta span.caps {
margin-left: 5px;
}
.page-wraper .comments-area .comment-reply-link {
background: #ffbd34;
font-size: 14px;
font-size: 0.875rem;
color: #fff;
display: inline-block;
padding: 0 5px;
}
.page-wraper .comments-area .comment-reply-link:hover {
background-color: #ffac01;
}
.page-wraper .comment-respond {
margin-top: 70px;
}
.page-wraper .comment-respond .comment-reply-title {
font-size: 26px;
font-size: 1.625rem;
margin: 0 0 1.5em;
}
@media (max-width: 991px) {
.page-wraper .comment-respond .comment-reply-title {
font-size: 22px;
font-size: 1.375rem;
}
}
.page-wraper .comment-respond form input,
.page-wraper .comment-respond form textarea {
background-color: #f8f8f8;
width: 100%;
height: 50px;
border: 1px solid #f8f8f8;
padding: 6px 15px;
margin-bottom: 15px;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
}
.page-wraper .comment-respond form input:focus,
.page-wraper .comment-respond form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #c1b696;
}
@media (max-width: 991px) {
.page-wraper .comment-respond form input,
.page-wraper .comment-respond form textarea {
height: 40px;
}
}
.page-wraper .comment-respond form textarea {
height: 220px;
padding: 15px;
}
@media (max-width: 991px) {
.page-wraper .comment-respond form textarea {
height: 150px;
}
}
.page-wraper .comment-respond .form-inputs {
overflow: hidden;
}
.page-wraper .comment-respond .form-inputs>input:nth-child(2) {
width: 49%;
float: left;
}
@media (max-width: 767px) {
.page-wraper .comment-respond .form-inputs>input:nth-child(2) {
width: 100%;
float: none;
}
}
.page-wraper .comment-respond .form-inputs>input:nth-child(3) {
width: 49%;
float: right;
}
@media (max-width: 767px) {
.page-wraper .comment-respond .form-inputs>input:nth-child(3) {
width: 100%;
float: none;
}
}
.page-wraper .comment-respond .form-submit input {
max-width: 180px;
background-color: #ffce67;
color: #fff;
font-weight: 500;
margin-bottom: 0;
border: 0;
outline: 0;
text-transform: uppercase;
}
.page-wraper .comment-respond .form-submit input:hover {
background-color: #ffbd34;
}  .testimonials-pg-section .testimonial-grids>.grid+.grid {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #eaeaea;
}
@media (max-width: 767px) {
.testimonials-pg-section .testimonial-grids>.grid+.grid {
margin-top: 50px;
padding-top: 50px;
}
}
.comment-area article {
padding: 35px 25px;
border-bottom: 1px solid #ebebf1;
}
.blog-single-section .entry-details blockquote {
background-color: #ffde9a;
border-left: 5px solid #ffce67;
font-size: 20px;
}
blockquote {
background-color: #fbe9c4;
border-left: 5px solid #f1d9a8;
font-size: 20px;
padding: 35px;
}
.page-wrapper .blog-single-section blockquote p {
font-size: 16px;
margin-bottom: 0 !important;
color: #545151;
}
.blog-single-section .entry-details ul li {
font-size: 15px;
color: #838383;
line-height: 1.9em;
}
.blog-single-section .entry-details p {
font-size: 17px;
font-size: 1.13333rem;
color: #838383;
line-height: 1.9em;
}
@media screen and (min-width: 992px) {
.header-style-1 .navbar-header,
.header-style-2 .navbar-header,
.header-style-3 .navbar-header {
margin-bottom: 7px;
}
}
@media screen and (min-width: 992px) {
.page-title .container .col {
padding-top: 95px;
}
}
@media screen and (max-width: 768px) {
.page-title .container>.row .col {
padding-top: 0px !important;
}
}
@media (max-width: 991px) {
.admin-bar .site-header #navbar {
top: 46px;
}
}
.admin-bar .header-style-1 .sticky-header,
.admin-bar .header-style-2 .sticky-header,
.admin-bar .header-style-3 .sticky-header {
top: 32px;
}
.blog-single-section .comment-content ol {
list-style: decimal !important;
padding-left: 40px;
}
.comment-area article {
padding: 35px 25px;
border-bottom: 1px solid #ebebf1;
}
@media (max-width: 767px) {
.comment-area article {
padding-left: 120px;
}
.page .comment-area article {
padding: 35px 25px;
}
}
.blog-single-section .comments-area .comment-theme {
position: absolute;
left: 35px;
}
.blog-single-section .comments-area ul.children li.depth-2 .comment-theme {
left: 65px;
}
.blog-single-section .comments-area ul.children li.depth-3 .comment-theme {
left: 85px;
}
.blog-single-section .comments-area ul.children li.depth-4 .comment-theme {
left: 120px;
}
.blog-single-section .comments-area ul.children li.depth-5 .comment-theme {
left: 140px;
}
.blog-single-section .comments-area ul.children li.depth-6 .comment-theme {
left: 160px;
}
.blog-single-section .comments-area ul.children li.depth-7 .comment-theme {
left: 180px;
}
.blog-single-section .comments-area .pingback .comment-main-area {
padding-left: 0px;
}
ol.comments #respond {
padding: 0 20px 20px;
}
.page-wrapper ol.comments #respond {
padding: 0 20px 8px;
}
.page-wraper .comments-area ol.comments>li {
padding-left: 0;
}
.comments-area .itus-nav-previous {
padding-bottom: 20px;
}
@media (max-width: 991px) {
.site-header #navbar .navbar-nav ul {
padding-left: 0;
}
}
@media (max-width: 767px) {
.header-style-1 .topbar,
.header-style-2 .topbar,
.header-style-3 .topbar {
padding-top: 0px;
}
.header-style-1 .topbar .contact-info,
.header-style-2 .topbar .contact-info,
.header-style-3 .topbar .contact-info {
padding-top: 20px;
}
}
.blog-single-section .comment-respond .form-submit input.submit {
line-height: 0;
}
.blog-pg-section .post .meta li {
font-size: 15px;
font-size: 1rem;
}
.blog-single-section .post h3 {
margin-top: 20px;
margin-bottom: 10px;
}
.blog-single-section .post h2 {
margin-top: 20px;
margin-bottom: 10px;
}
.blog-single-section .post h2.post-title {
margin: 0 0 1em;
}
.blog-single-section .post h3.post-title {
margin: 1.8em 0 1em;
}
.blog-single-section .tag-share .tag ul li,
.blog-single-section .tag-share ul li {
line-height: 59px;
}
.lower-footer p {
color: #d5d5d5;
margin-bottom: 13px;
}
@media (max-width: 767px) {
.section-padding {
padding: 80px 15px;
}
.section-padding .container.content-area {
padding-left: 0px;
padding-right: 0px;
}
.shop-section .blog-sidebar {
padding-left: 0px;
}
}
.padding-default.full-width {
padding-top: 100px;
padding-bottom: 80px;
}
.tagcloud a {
font-size: 14px !important;
color: #727780;
display: inline-block;
border: 1px solid #e8e8e8;
padding: 6px 15px;
border-radius: 32px;
margin: 0 5px 5px 0;
}
.tagcloud a:hover {
background-color: #ffbd34;
border-color: #ffbd34;
color: #fff;
} .woocommerce div.product form.cart div.quantity {
border: 1px solid #e6e6e6;
margin-right: 10px;
position: relative;
}
.woocommerce div.product form.cart div.quantity:before {
position: absolute;
right: 22px;
top: 0;
content: "";
height: 100%;
width: 1px;
background: #e6e6e6;
}
.woocommerce div.product form.cart div.quantity:after {
position: absolute;
right: 0px;
top: 50%;
content: "";
height: 1px;
width: 18px;
background: #e6e6e6;
}
.woocommerce-account .woocommerce form .form-row label.inline {
margin-left: 20px;
margin-top: 15px;
}
.woocommerce .quantity .plus,
.woocommerce-page .quantity .plus {
font-family: 'Glyphicons Halflings';
content: "\e113";
background: transparent;
border: none;
height: 50%;
font-weight: normal;
font-size: 9px;
right: 0px;
top: 0px;
padding-top: 2px;
position: absolute;
outline: none;
}
.woocommerce .quantity .minus,
.woocommerce-page .quantity .minus {
font-family: 'Glyphicons Halflings';
content: "\e114";
background: transparent;
border: none;
height: 50%;
font-weight: normal;
font-size: 9px;
right: 0px;
padding-bottom: 2px;
position: absolute;
bottom: 0px;
outline: none;
}
.woocommerce .quantity input.qty,
.woocommerce-page .quantity input.qty {
width: 70px;
height: 33px;
font-weight: 400;
border: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.woocommerce .quantity .plus:hover,
.woocommerce .quantity .minus:hover,
.woocommerce-page .quantity .plus:hover,
.woocommerce-page .quantity .minus:hover {
background-color: #fff;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: calc(33.33% - 20px);
float: left;
margin: 0 10px 25px;
}
@media (max-width: 767px) {
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: calc(50% - 20px);
}
}
@media (max-width: 550px) {
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: calc(100% - 0px);
float: none;
margin: auto;
}
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: calc(25% - 20px);
float: left;
margin: 0 10px 25px;
}
@media (max-width: 767px) {
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: calc(50% - 20px);
}
}
@media (max-width: 550px) {
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: calc(100% - 0px);
float: none;
margin: auto;
}
}
@media (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n),
.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
float: left;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
clear: none;
}
}
.woocommerce ul.products li h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 20px;
font-size: 1.33333rem;
font-weight: 400;
line-height: 1.4em;
margin: 0 0 0.3em;
transition: .3s;
margin-bottom: 0px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
color: #ffbd34;
}
.woocommerce ul.products li.product .price {
font-family: "Oswald", sans-serif;
font-size: 20px;
font-size: 1.33333rem;
color: #ffbd34;
padding-bottom: 15px;
}
.woocommerce ul.products li.product a.button {
background-color: #0a172b;
width: 50px;
height: 50px;
line-height: 28px;
text-align: center;
font-size: 20px;
font-size: 1.33333rem;
color: #ffbd34;
border-radius: 50%;
}
.woocommerce ul.products li.product a.button:before {
margin-left: -3px;
}
.woocommerce ul.products li.product .price ins {
text-decoration: none;
}
.woocommerce ul.products li.product:hover a.button {
opacity: 1;
visibility: visible;
bottom: 130px;
}
.woocommerce ul.products li.product a.button {
list-style: none;
overflow: hidden;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.woocommerce .woocommerce-product-search input {
background-color: #f3f3f3;
height: 50px;
padding: 6px 40px 6px 20px;
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.woocommerce .woocommerce-product-search input:focus {
outline: none;
}
.woocommerce .woocommerce-product-search {
position: relative;
width: 100%;
background: #f3f3f3;
}
.woocommerce .woocommerce-product-search button {
background: transparent;
font-size: 20px;
font-size: 1.33333rem;
color: #ffbd34;
border: 0;
outline: 0;
padding: 0;
margin: 0;
position: absolute;
right: 15px;
top: 52%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce .product-categories li a {
color: #727780;
padding: 4px 0px;
display: block;
}
.woocommerce .product-categories li {
position: relative;
}
.woocommerce .product-categories li span {
position: absolute;
right: 0;
top: 5px;
}
.woocommerce .product-categories li a:hover {
color: #ffbd34;
}
.woocommerce ul.product_list_widget li img {
width: 70px;
float: left;
}
.woocommerce ul.product_list_widget li a {
color: #727780;
display: block;
margin-bottom: 4px;
font-weight: 400;
}
.woocommerce ul.product_list_widget li a span,
.woocommerce ul.product_list_widget li del span.woocommerce-Price-amount {
padding-left: 20px;
}
.woocommerce ul.product_list_widget li ins {
text-decoration: none;
}
.woocommerce ul.product_list_widget li {
margin-bottom: 15px;
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
left: 20px;
padding-bottom: 22px;
}
.woocommerce .star-rating span::before {
color: #ffbd34;
}
.woocommerce ul.products li.product .star-rating {
margin: auto;
padding-bottom: 19px;
}
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
background: #fff;
margin-right: 10px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
line-height: 22px;
border: 1px solid #0a172b;
border-radius: 50%;
background: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a {
line-height: 27px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
border: 1px solid #0a172b;
border-radius: 50%;
background: #fff;
}
.woocommerce span.onsale {
display: none;
}
.woocommerce.single-product .woocommerce-Price-amount {
font-size: 36px;
font-size: 2.4rem;
color: #ffbd34;
margin: 7px 0 14px;
}
.woocommerce.single-product .related.products .woocommerce-Price-amount {
font-size: 20px;
}
.woocommerce.single-product p.price ins span {
font-size: 24px;
font-size: 1.6rem;
font-weight: normal;
color: #a7abb1;
text-decoration: line-through;
display: inline-block;
margin-left: 5px;
text-decoration: none;
}
.woocommerce div.product p.price {
padding-top: 12px;
margin-bottom: 0px;
}
.woocommerce div.product form.cart .button {
font-family: "Oswald", sans-serif;
background-color: #ffbd34;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 50px;
display: block;
font-weight: 400;
text-transform: uppercase;
transition: .3s;
}
.woocommerce div.product form.cart .button:hover {
background: #ffac01;
}
.woocommerce div.product form.cart {
margin-top: 43px;
}
.woocommerce .product_meta span {
display: block;
padding-bottom: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding-left: 7px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border: none;
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
content: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #eaeaea;
border-radius: 0px;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: 1px solid #ffbd34;
border-radius: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
background: #ffbd34;
color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 15px;
font-size: 1rem;
font-weight: 500;
color: #727780;
border: 0;
border-radius: 0;
margin: 0;
display: block;
padding: 10px 15px;
text-transform: uppercase;
}
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
clear: both;
padding-top: 15px;
}
.woocommerce .related.products {
padding-top: 50px;
}
.woocommerce .related h2 {
padding-bottom: 35px;
padding-left: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0;
border: none;
box-shadow: none;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev,
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next {
background: #ffffff00 !important;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev {
left: -34px;
top: 36%;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next {
right: -34px;
top: 36%;
}
@media (max-width: 991px) {
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev {
left: -19px;
top: 40%;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next {
right: -19px;
top: 40%;
}
}
@media (max-width: 991px) {
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev {
left: -19px;
top: 30%;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next {
right: -19px;
top: 30%;
}
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev i,
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next i {
color: #333;
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-prev i.fa.fa-angle-left:before {
content: "\e629";
font-family: 'themify';
}
.woocommerce .shop-details-section .thumbnails .owl-nav .owl-next i.fa.fa-angle-right:before {
content: "\e628";
font-family: 'themify';
}
.shop-details-section {
padding-bottom: 60px;
}
@media (max-width: 767px) {
.shop-details-section {
padding-bottom: 40px;
}
}
.woocommerce #review_form #respond .form-submit input {
font-family: "Oswald", sans-serif;
background-color: #ffbd34;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 50px;
display: block;
font-weight: 400;
text-transform: uppercase;
transition: .3s;
}
.woocommerce #review_form #respond .form-submit input {
background: #ffac01;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
text-align: center;
-webkit-box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06);
box-shadow: 0px 8px 48.38px 10.62px rgba(0, 0, 0, 0.06);
}
.woocommerce-message {
border: 1px solid #eee;
background: #fff;
line-height: 40px;
}
.woocommerce-message::before {
color: #ffbd34;
}
.woocommerce .woocommerce-message .button {
font-family: "Oswald", sans-serif;
background-color: #ffbd34;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 50px;
display: block;
font-weight: 400;
text-transform: uppercase;
transition: .3s;
}
.woocommerce .woocommerce-message .button:hover {
background: #ffac01;
color: #fff;
} .woocommerce .woocommerce-cart-form table.shop_table {
border: none;
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .08);
padding: 25px;
}
.woocommerce table.shop_table th {
background: #fff;
color: #333;
border: none;
border-bottom: 1px solid #ededed;
font-weight: 500;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table th {
background: #fdfdfd;
font-weight: 500;
}
.woocommerce table.shop_table tr {
border-bottom: 1px solid #ededed;
}
.woocommerce table.shop_table tr td {
border: none;
border-bottom: 1px solid #eee;
}
.woocommerce table.shop_table tr td a {
color: #838383;
}
.woocommerce.woocommerce-cart table.shop_table .product-thumbnail img,
.woocommerce-cart table.cart img {
width: 80px;
}
.woocommerce a.remove {
font-weight: 400;
}
.woocommerce .quantity,
.woocommerce-page .quantity {
border: 1px solid #eee;
position: relative;
display: inline-block;
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
font-family: "Oswald", sans-serif;
background-color: #ffbd34;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 50px;
font-weight: 400;
text-transform: uppercase;
transition: .3s;
}
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover {
background: #ffac01;
color: #fff;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
padding-top: 0px;
color: #fff;
}
.woocommerce-page table.cart td.actions {
padding: 15px 0px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 6px 20px;
border: 1px solid #eee;
width: 150px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .08);
padding: 25px;
}
.woocommerce .cart-collaterals .cart_totals h2 {
padding-left: 10px;
}
.woocommerce .cart-collaterals table.shop_table {
border: none;
}
.woocommerce .cart-collaterals table.shop_table tr {
border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
border-bottom: 1px solid #eee;
border-top: none;
font-weight: 500;
}
.woocommerce-cart .cart-collaterals .cart_totals tr td {
border-bottom: 1px solid #eee;
border-top: none;
padding: 13px 0;
}
.cart_totals .woocommerce-shipping-calculator p {
margin-bottom: 0px;
}
.woocommerce a.button.alt,
.woocommerce .return-to-shop a {
font-family: "Oswald", sans-serif;
background-color: #ffbd34;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 50px;
font-weight: 400;
text-transform: uppercase;
transition: .3s;
display: inline-block;
}
.woocommerce a.button.alt:hover,
.woocommerce .return-to-shop a:hover {
background: #ffac01;
color: #fff;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: left;
width: 100%;
}
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
font-size: 5px;
padding-right: 15px;
}
.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button.added::after,
.woocommerce input.button.added::after {
font-size: 7px;
}
.woocommerce a.button.loading::before,
.woocommerce button.button.loading::before,
.woocommerce input.button.loading::before {
content: none;
}
.woocommerce #respond input#submit.loading::after,
.woocommerce a.button.loading::after,
.woocommerce button.button.loading::after,
.woocommerce input.button.loading::after {
right: 15px;
}
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
padding-top: 0px;
} .woocommerce-checkout .woocommerce-info {
padding: 16px 20px;
border: 1px solid #eeeeee;
margin-bottom: 28px;
border-radius: 2px;
font-size: 15px;
letter-spacing: .3px;
background: #fff;
}
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
width: 100%;
}
.woocommerce-billing-fields h3 {
font-size: 24px;
}
.woocommerce-additional-fields h3 {
font-size: 24px;
}
.woocommerce .woocommerce-info::before {
color: #1e85be;
display: none;
}
.woocommerce .woocommerce-checkout #customer_details {
width: 58.333333%;
float: left;
}
.woocommerce-checkout-review-order {
width: 41.666667%;
float: right;
background: #fdfdfd;
padding: 25px;
}
.woocommerce .woocommerce-checkout #customer_details .col-1 {
margin-bottom: 50px;
max-width: 100%;
width: 100%;
float: none;
display: flex;
padding-left: 0px;
padding-right: 50px;
}
.woocommerce .woocommerce-checkout #customer_details .col-2 {
max-width: 100%;
width: 100%;
float: none;
display: flex;
margin-left: 0px;
flex-wrap: wrap;
padding-right: 50px;
}
label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input {
width: auto;
}
.woocommerce .woocommerce-checkout input {
border: 1px solid #ececec;
padding: 12px 16px;
font-size: 14px;
background: none;
width: 100%;
transition: all .5s;
color: #999;
border-radius: 0;
}
.woocommerce .select2-container--default .select2-selection--single {
display: block;
height: auto;
min-height: 50px;
padding-top: 10px;
padding-left: 10px;
border: 1px solid #ececec;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 12px;
}
.woocommerce .woocommerce-billing-fields__field-wrapper p {
margin-bottom: 15px;
}
.woocommerce .woocommerce-additional-fields {
width: 100%;
}
.woocommerce .woocommerce-checkout .woocommerce-additional-fields textarea {
height: 120px;
border: 1px solid #eee;
padding: 15px;
} .woocommerce-checkout form.woocommerce-checkout .els-order-review {
background: #fdfdfd;
border: 1px solid #f1f1f1;
border-radius: 2px;
padding: 48px 36px;
}
.woocommerce .woocommerce-checkout-review-order-table th,
.woocommerce .woocommerce-checkout-review-order-table td {
border: none;
padding-bottom: 18px !important;
border-bottom: 1px dotted #d0d0d0;
padding-right: 0 !important;
padding-left: 0 !important;
}
.woocommerce .woocommerce-checkout-review-order-table th {
padding-top: 0 !important;
}
.woocommerce table.shop_table {
border: none;
}
.woocommerce .woocommerce-checkout-review-order-table th,
.woocommerce .woocommerce-checkout-review-order-table td {
border: none;
padding-bottom: 18px !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.woocommerce .woocommerce-checkout-review-order-table td {
letter-spacing: .3px;
color: #777777;
padding-top: 21px;
}
.woocommerce table.shop_table td {
padding-top: 15px;
}
.woocommerce table.shop_table strong {
color: #777777;
}
.woocommerce table.shop_table tr.cart-subtotal th {
padding-top: 15px !important;
}
.woocommerce .woocommerce-checkout-review-order-table th:nth-child(2),
.woocommerce .woocommerce-checkout-review-order-table td:nth-child(2) {
text-align: right;
}
.woocommerce h5.order_review_heading {
padding-bottom: 25px;
}
.woocommerce-checkout .woocommerce-checkout-payment {
padding-top: 40px;
}
.woocommerce-checkout #payment {
background: #FDFDFD;
border-radius: 5px;
}
.woocommerce-checkout .woocommerce-checkout-payment li label {
display: block;
color: #727780;
font-weight: 500;
}
.woocommerce-checkout-payment li.wc_payment_method {
position: relative;
padding-left: 25px;
}
.woocommerce-checkout-payment li.wc_payment_method label {
margin-bottom: 0 !important;
}
.woocommerce-checkout-payment input.input-radio {
width: auto;
position: absolute;
left: 0;
top: 7px;
margin-right: 0 !important;
}
.woocommerce-checkout-payment li.payment_method_paypal input.input-radio {
top: 17px;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
font-family: "Oswald", sans-serif;
background-color: #ffbd34;
height: 38px;
line-height: 38px;
font-size: 14px;
color: #fff;
padding: 0 24px;
border-radius: 50px;
font-weight: 400;
text-transform: uppercase;
transition: .3s;
}
.woocommerce #payment #place_order:hover {
background: #ffac01;
}
h5#order_review_heading {
margin-bottom: 35px;
}
.woocommerce-checkout-review-order-table th {
background: #FDFDFD;
} table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
border: 1px solid #eee;
padding: 25px;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
border-bottom: none;
padding-left: 15px;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr {
border-bottom: none;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td {
border-bottom: none;
border-color: #eee;
}
h2.woocommerce-column__title {
font-size: 25px;
}
h2.woocommerce-order-details__title {
font-size: 25px;
padding-bottom: 25px;
}
.woocommerce .woocommerce-customer-details address {
padding: 15px 15px;
border-bottom-width: 1px;
border-right-width: 1px;
}
.woocommerce form .form-row label {
line-height: 2;
font-weight: 500;
}
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
padding-left: 25px;
}
.woocommerce table.shop_table tfoot th {
border-top: none;
}
.woocommerce table.shop_table tfoot td {
font-weight: 500;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background: #f3f3f3;
}
.woocommerce ul.order_details {
padding-left: 0px;
}
.woocommerce a.remove {
color: #ffbd34 !important;
}
.woocommerce a.remove:hover {
background: #ffbd34;
}
.woocommerce .woocommerce-grouped-product-list .woocommerce-Price-amount.amount {
font-size: 20px;
}
.woocommerce .woocommerce-grouped-product-list.group_table {
margin-bottom: 25px;
}
.woocommerce div.product form.cart .variations select {
width: auto !important;
min-width: auto !important;
}
.woocommerce div.product form.cart .variations label {
color: #06163a;
font-size: 15px;
padding-top: 12px;
}
.page-wrapper .woocommerce-product-details__short-description p {
padding-top: 20px;
}
.woocommerce .woocommerce-result-count {
padding-left: 12px;
}
.shop-section.section-padding {
padding-bottom: 70px;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label.woocommerce-form__label-for-checkbox {
position: relative;
padding-left: 25px;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox {
position: absolute;
left: 0;
top: 5px;
} .contact-info ul,
.site-footer ul {
padding-left: 0px;
}
.page-wrapper .site-footer .about-widget p {
font-size: 16px;
font-size: 1.06667rem;
color: #d5d5d5;
margin-bottom: 1.6em;
}
footer .social-icons ul li a {
color: #9e9e9e;
}
footer .social-icons ul li a:hover {
color: #ffbd34;
}
.testimonials-section .owl-theme .owl-controls .owl-nav [class*=owl-] i:before {
margin-left: 0px;
}
.testimonials-section .owl-theme .owl-controls .owl-nav [class*=owl-]:hover i:before {
margin-left: 0px;
}
.cta-section,
.cta-section-s2 {
background-color: transparent;
padding: 0;
}
.cta-s2-section {
background: none;
position: relative;
padding: 0px;
}
.page-wrapper .cta-section p,
.page-wrapper .cta-section-s2 p {
font-size: 20px;
font-size: 1.33333rem;
margin: 0;
}
.partners-section {
padding: 0px;
}
.fun-fact-section {
background-color: transparent;
padding: 0px;
}
.fun-fact-section .funfact-grids .grid .icon i:before {
font-size: 50px;
font-size: 50px;
color: #ffbd34;
margin: 0px;
}
.page-wrapper .fun-fact-section p {
font-size: 18px;
font-size: 1.2rem;
color: #bcbcbc;
margin: 0;
}
.contact-section .contact-info ul li i:before {
margin-left: 0px;
}
.contact-section .contact-info ul li i {
line-height: 1;
}
.contact-section .contact-form .wpcf7-form-control.wpcf7-submit {
font-family: "Oswald", sans-serif;
background-color: #ffbd34;
height: 47px;
line-height: 47px;
font-size: 16px;
font-size: 1.06667rem;
color: #fff;
padding: 0 30px;
border-radius: 50px;
display: inline-block;
text-transform: uppercase;
border: none;
}
.contact-section .contact-form .wpcf7-form-control.wpcf7-submit:hover {
background-color: #ffbd34;
color: #fff;
}
.contact-form input[type=submit] {
background-color: transparent;
color: #0a172b;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #ffbd34;
border-radius: 0;
line-height: 45px;
padding: 0 30px;
transition: .3s;
}
.contact-form input[type=submit]:hover {
background-color: #ffbd34;
color: #fff;
}
.features-section .icon i:before {
font-size: 50px;
font-size: 3.33333rem;
color: #ffbd34;
margin-left: 0px;
}
.features-section {
padding-bottom: 0px;
}
.features-section-s2 {
padding: 0px;
}
.features-section-s2 .icon i:before {
font-size: 50px;
font-size: 3.33333rem;
color: #ffbd34;
margin-left: 0px;
}
.about-section .grid i:before,
.about-section-s2 .grid i:before {
font-size: 50px;
font-size: 3.33333rem;
color: #ffbd34;
margin-left: 0px;
}
.features-section .details span,
.features-section-s2 .details span {
display: none;
}
.about-section-s3 .grid i:before,
.about-pg-features-grids .grid i:before {
font-size: 50px;
font-size: 3.33333rem;
color: #ffbd34;
margin-left: 0px;
}
.section-title span.title-line {
position: relative;
padding-top: 20px;
}
.section-title span.title-line:before {
content: "";
width: 35px;
height: 5px;
background: #ffbd34;
position: absolute;
left: 0;
bottom: 0;
}
.section-title p {
max-width: 754px;
padding-top: 20px;
}
.section-title h2 {
margin-bottom: 0px;
}
@media (max-width: 991px) {
.section-title p {
max-width: 80%;
}
}
.page-wrapper .section-title p {
margin-bottom: 0px;
color: #a7a5a5;
}
.section-title.text-center span.title-line:before {
right: 0;
margin: auto;
}
.section-title.text-center p {
margin: auto;
}
.more-about a {
font-weight: 500;
color: #ffbd34;
text-transform: uppercase;
position: relative;
}
.more-about a:hover {
color: #ffac01;
}
.more-about a:after {
position: absolute;
right: -25px;
top: 0;
content: "\f121";
font-family: Flaticon;
font-size: 20px;
line-height: 1;
}
.theme-accordion-s1 .panel-heading a:before,
.theme-accordion-s2 .panel-heading a:before {
font-family: "themify";
content: "\e64b";
font-size: 15px;
}
.theme-accordion-s1 .panel-heading a:before,
.theme-accordion-s2 .panel-heading a:before {
font-family: "themify";
content: "\e64b";
font-size: 15px;
}
.team-section {
padding-bottom: 0px;
}
.team-section .team-grids .grid.grid-50 {
width: calc(50% - 1px);
}
@media (max-width: 991px) {
.team-section .team-grids .grid.grid-50 {
width: calc(50% - 1px);
}
}
@media (max-width: 500px) {
.team-section .team-grids .grid.grid-50 {
width: calc(100% - 1px);
float: none;
}
}
.team-section .team-grids .grid.grid-33 {
width: calc(33.33% - 1px);
}
@media (max-width: 991px) {
.team-section .team-grids .grid.grid-33 {
width: calc(50% - 1px);
}
}
@media (max-width: 500px) {
.team-section .team-grids .grid.grid-33 {
width: calc(100% - 1px);
float: none;
}
}
.about-section .video-holder i:before,
.about-section-s2 .video-holder i:before {
font-size: 80px;
font-size: 5.33333rem;
color: #ffbd34;
}
.services-section-s2 {
background: transparent;
}
.services-section-s2 .video-holder i:before {
font-size: 80px;
font-size: 5.33333rem;
color: #ffbd34;
}
.error-404-section {
padding-bottom: 100px;
padding-top: 100px;
}
.services-section-s2 .services-list-wrapper ul>li {
margin-top: 15px;
}
.services-section-s2 .services-list-wrapper div>ul {
width: 100%;
}
.services-section-s2 .services-list-wrapper ul li {
width: 50%;
float: left;
}
@media (max-width: 991px) {
.services-section-s2 .services-list-wrapper ul li i {
left: -12px;
}
}
@media (max-width: 991px) {
.services-pg-section .service-grids .grid {
width: 50% !important;
}
}
@media (max-width: 550px) {
.services-pg-section .service-grids .grid {
width: 100% !important;
float: none;
}
}
.about-pg-section {
padding-bottom: 0px;
}
@media (max-width: 991px) {
.about-pg-section {
padding-bottom: 0px;
}
}
@media (max-width: 767px) {
.about-pg-section {
padding-bottom: 00px;
}
}
.service-single-section .service-single-content ul {
padding-left: 0px;
}
.service-single-section .service-single-content p:last-of-type {
margin-bottom: 0px;
}
.service-sidebar .service-list-widget ul li.current-menu-item a {
background-color: #ffbd34;
color: #fff;
}
@media screen and (min-width: 1200px) {
.service-single-section .service-single-content {
padding-left: 10px;
}
}
@media (max-width: 991px) {
.projects-pg-section-s2 .projects-grids .grid {
width: calc(50% - 30px) !important;
}
}
@media (max-width: 600px) {
.itus-projects.projects-pg-section-s2 .projects-grids .grid {
width: calc(100% - 30px) !important;
float: none;
}
}
.project-single-section .content ul,
.project-single-section .project-info ul,
.recent-blog-section .meta ul {
padding-left: 0px;
}
.project-single-section .project-info ul li {
font-size: 16px;
font-size: 1.06667rem;
color: #fff;
}
.site-footer .lower-footer ul a {
color: #d5d5d5;
}
.site-footer .social-icons ul li {
display: inline-block;
margin-right: 15px;
padding-top: 13px;
}
.site-footer .social-icons ul li i {
font-size: 16px;
}
.service-single-content ul li {
position: relative;
color: #333;
font-size: 16px;
}
.service-single-content ul li:before {
position: absolute;
left: 0;
top: 0;
content: "\e64d";
font-family: 'themify';
color: #ffbd34;
}
.service-single-section .service-single-content .theme-btn {
margin-top: 38px;
}
.blog-single-section .author-box .social-lnk {
padding-left: 0px;
}
.cta-s2-section:before {
background-color: transparent;
}
.newsletter-form {
position: relative;
}
.newsletter-form-area p {
margin: 0;
}
.site-footer .link-widget ul a {
font-size: 16px;
font-size: 1.06667rem;
color: #9e9e9e;
}
.site-footer .link-widget ul>li+li {
margin-top: 14px;
}
.site-footer .upper-footer {
padding-bottom: 82px;
}
.recent-blog-section {
padding-bottom: 0px;
}
.ctasection .contact-info {
text-align: right;
}
@media (max-width: 768px) {
.about-section-area .kc_col-sm-7 {
width: 100%;
}
.about-section-area .kc_col-sm-5 {
width: 100%;
}
.about-section .video-holder,
.about-section-s2 .video-holder {
margin-top: 88px;
}
.page-wrapper .cta-section p,
.page-wrapper .cta-section-s2 p {
font-size: 18px;
}
.contact-info .theme-btn {
font-size: 14px;
text-align: left;
}
.contact-section .contact-form {
padding-bottom: 80px !important;
}
.kc_col-sm-6 {
width: 100% !important;
}
.services-section-s2 .services-list-wrapper ul li {
width: 48%;
}
.ctasection .contact-info {
text-align: center;
}
}
@media (max-width: 991px) {
.site-footer .upper-footer .col-sm-6>.widget {
margin-bottom: 70px;
}
.site-footer .upper-footer {
padding-bottom: 20px;
}
}
@media (max-width: 1024px) {
body.kc-css-system .kc-css-250364 {
width: 100% !important;
}
}
@media only screen and (max-width: 580px) {
.services-section-s2 .services-list-wrapper ul li {
width: 100%;
}
}
.about-pg-history {
border-top: none;
}
.blog-sidebar .popular-post-widget .post-title {
font-size: 15px;
}
.header-style-1 .topbar .social-icons ul,
.header-style-2 .topbar .social-icons ul,
.header-style-3 .topbar .social-icons ul {
padding: 20px 0;
}
.header-style-1 .topbar .contact-info ul li,
.header-style-2 .topbar .contact-info ul li,
.header-style-3 .topbar .contact-info ul li {
padding: 20px 0;
}
@media (max-width: 767px) {
.header-style-1 .topbar .contact-info ul li,
.header-style-2 .topbar .contact-info ul li,
.header-style-3 .topbar .contact-info ul li {
padding: 0;
}
.blog-pg-section .post .meta li {
font-size: 13px;
font-size: 0.86667rem;
}
.contact-pg-section form,
.contact-pg-section-s2 form {
margin-right: 15px;
}
} .no-products {
padding: 25px 15px;
display: block;
}
.added_to_cart.wc-forward {
text-transform: uppercase;
font-size: 15px;
margin-bottom: 25px;
font-family: oswald;
border: 1px solid #ffbd34;
border-radius: 24px;
padding: 3px 20px 2px;
}
.added_to_cart.wc-forward:hover {
background-color: #ffbd34;
color: white;
text-decoration: none;
}
.site-logo img {
max-width: 165px;
}
@media (max-width: 991px) {
.about-section .video-holder {
margin-top: 80px;
}
.feature-video-area .kc_col-sm-7 {
width: 100%;
}
.feature-video-area .kc_col-sm-5 {
width: 100%;
}
}
@media (max-width: 1200px) {
.service-video-area .kc_column_inner.kc_col-sm-6 {
width: 100%;
}
}
h2.itus-screen-reader-text {
font-size: 20px;
}
.comments-area .itus-nav-previous {
padding-bottom: 0px;
}
.blog-single-section .comment-respond {
margin-top: 60px;
}
.blog-single-section .itus-comment-navigation+ol.comments {
margin: 30px 0 30px;
}
.blog-pg-section .post h3 {
margin-top: -0.33em;
}
@media (max-width: 991px) {
.blog-pg-section .entry-details p {
font-size: 15px;
}
}
.site-header .close-navbar .ti-close {
position: relative;
top: 1px;
}
.wp-link-pages+a {
display: inline-block;
margin-top: 35px;
} @media screen and (min-width: 1200px) {
.header-style-1 #navbar,
.header-style-2 #navbar,
.header-style-3 #navbar  {
margin-right: 50px;
}
.header-style-1 #navbar.has-header-btn,
.header-style-2 #navbar.has-header-btn,
.header-style-3 #navbar.has-header-btn {
margin-right: 192px;
}
.header-style-1 #navbar.has-header-cart,
.header-style-2 #navbar.has-header-cart,
.header-style-3 #navbar.has-header-cart {
margin-right: 95px;
}
.header-style-1 #navbar.has-header-cart.has-header-btn,
.header-style-2 #navbar.has-header-cart.has-header-btn,
.header-style-3 #navbar.has-header-cart.has-header-btn {
margin-right: 245px;
}
}
@media (max-width:1199px) and (min-width:992px) {
.header-style-1 #navbar.has-header-cart.has-header-btn,
.header-style-2 #navbar.has-header-cart.has-header-btn,
.header-style-3 #navbar.has-header-cart.has-header-btn {
margin-right: 225px;
}
.header-style-1 #navbar.has-header-btn,
.header-style-2 #navbar.has-header-btn,
.header-style-3 #navbar.has-header-btn {
margin-right: 185px;
}
.header-style-1 #navbar.has-header-cart,
.header-style-2 #navbar.has-header-cart,
.header-style-3 #navbar.has-header-cart {
margin-right: 85px;
}
}
@media (max-width:1199px) and (min-width:992px) {
.header-style-1 #navbar,
.header-style-2 #navbar,
.header-style-3 #navbar {
margin-right: 50px;
}
}
@media (max-width: 991px) {
.site-header .navbar-header button {
top: 34px;
}
}
@media (max-width: 450px) {
.header-style-1 .cart-search-contact .header-search-form-wrapper,
.header-style-2 .cart-search-contact .header-search-form-wrapper,
.header-style-3 .cart-search-contact .header-search-form-wrapper {
display: block;
}
.header-style-1 .cart-search-contact>div+div,
.header-style-2 .cart-search-contact>div+div,
.header-style-3 .cart-search-contact>div+div {
display: none;
}
}
.header-style-1 #navbar>ul>li>a,
.header-style-2 #navbar>ul>li>a,
.header-style-3 #navbar>ul>li>a {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
@media (max-width: 1199px) {
.calendar_wrap table#wp-calendar th,
.calendar_wrap table#wp-calendar td {
padding: 6px;
}
}