/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 26 2021 | 13:12:50 */
.header-style-default #page-content {
    padding-top: 0;
}

#navigation {
    background: #ffffffeb;
    height: 78px;
    box-shadow: 12px -2px 12px 0px rgba(0, 0, 0, 0.2);
}

.grecaptcha-badge{
	visibility: collapse !important;  
}


.mobile-nav-buttons {
    right: 25px;
    margin-top: -5px;
}

.nav-menu ul li a {
    color: #000000;
  line-height: 43px;
    margin-top: 24px;
}

.rev_slider .caption a, .rev_slider .tp-caption a:hover {
    color: #FFFFFF !important;
}

.green-area p {
    font-family: "Raleway", Helvetica, Arial;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    width: 90%;
    margin: auto;
}

.green-area-icons i {
    color: #FFF;
    font-size: 60px;
}

.green-area-icons p {
    font-family: "Raleway", Helvetica, Arial;
    color: #FFF;
    font-size: 16px;
    text-align: center;
    padding: 30px 10px 0;
}

.green-area-icons .colored-bg, a.page-content-button:hover, .feature-box:hover a.box-icon, .vntd-portfolio-carousel .works .item .featured-ball:hover, .vntd-cta-button:hover, .vntd-pricing-box.p-table.active a.p-button, .vntd-pricing-box.p-table a.p-button:hover, a.active-colored, .blocked, .modal .modal-inner a.close:hover, .portfolio a.portfolio-view-more:hover, body.dark-layout .portfolio a.portfolio-view-more:hover, #team .team .team-boxes .item .member-details .details a.member-detail-button:hover, .bar .tagcloud a:hover, ul.pagination li.active a, ul.pagination li.active a:hover, body.dark-layout ul.pagination li.active a, body.dark-layout ul.pagination li.active a:hover, .contact form button.contact-form-button:hover, .btn-accent, .vntd-list-bg i, .vntd-accent-bgcolor, #navigation .nav-menu > ul > li.current_page_item > a:before, .pagination .current, .contact .wpcf7-submit:hover, .blog-extra-meta .extra-meta-comments, .vntd-bg-color-accent, .vntd-icon-box.icon-box-hover:hover .icon-box-icon, .vntd-pricing-box.active h3, .vntd-pricing-box.active .pricing-box-button a.btn, .vntd-contact-form.contact form .wpcf7-submit:hover, .portfolio-title_categories_excerpt .portfolio-overlay-excerpt:after, .portfolio-bottom .portfolio-overlay-excerpt:after, #vntd-woocommerce-layout-switcher li.active-item, #vntd-woocommerce-layout-switcher li:hover, .vntd-pagination li span.current, #page-content .woocommerce-pagination li span.current, .btn-hover-accent:hover, #page-content .vc_progress-bar-color-accent .vc_bar, .vntd-dropcap.dropcap-style2, .vntd-pagination li > a:hover, #page-content .woocommerce-pagination li > a:hover, .portfolio-style .item-inner, .blog-post-thumbnail, #page-content .vc_active .vc_tta-controls-icon, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #review_form #respond .form-submit input, .wpb_text_column ul li:before, .icon-box-big-centered-icon .icon-box-content:after, #page-content .vntd-blog .item:hover .extra-meta-item, #page-content .vntd-blog .item:hover .extra-meta-item .vntd-day, #page-content .blog-index .post:hover .extra-meta-item, #page-content .blog-index .post:hover .extra-meta-item .vntd-day, .bg-accent, .woo-cart-count, #respond #submit {
    background-color: #ffffff;
}

.about, .page-int, .page-int2 {
    padding-left: 150px;
    padding-top: 50px;
    padding-bottom: 30px;
    padding-right: 60px;
    font-family: "Raleway", Helvetica, Arial;
}
.about h2 {
    font-size: 55px;
    font-weight: 400;
}

.about h2 strong {
    font-weight: 900;
    color: #91cd1a;
}

.about p {
    font-size: 15px;
    line-height: 31px;
}

.about .vc_btn3.vc_btn3-size-lg.vc_btn3-style-outline-custom {
    padding: 11px 24px;
    font-size: 14px;
    font-weight: 600;
}

.jump {
    position: relative;
    width: 31%;
    left: 21%;
    background-color: rgba(76, 121, 139, 0.9);
    padding: 50px 50px 26px;
    text-align: center;
    color: #FFF;
    font-family: "Raleway", Helvetica, Arial;
    margin-top: 127px;
}
.jump h3 {
    font-size: 55px;
    font-weight: 400;
    color: #FFF;
}

.jump h3 strong {
  font-weight: 900;
}

.jump p {
    font-size: 20px;
    padding: 10px 20px;
}

.services {
  font-family: "Raleway", Helvetica, Arial;
}

.services h3 {
    font-size: 55px;
    font-weight: 400;
    text-align: center;
    margin-top: 69px;
    padding-bottom: 28px;
}

.services h4 {
    font-size: 50px;
    font-weight: 400;
    color: #FFF;
    margin-top: 20px;
}
.services h3 strong {
    font-weight: 900;
    color: #834d8a;
}

.services .box {
    float: right;
    width: 60%;
    background-color: rgba(134,92, 137, 0.9);
    color: #FFFFFF;
    padding: 50px 120px 37px;
    margin-top: 16px;
}

.services .col {
  float:left;
  width:40%;
  margin-right:40px;
}

.services .intro {
    font-size: 20px;
    line-height: 36px;
    padding-bottom: 20px;
    width: 88%;
}

.services p {
    font-size: 20px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin: 0;
}

.services p:last-child {
    border-bottom: none;
}

.clients h3 {
    font-size: 55px;
    font-weight: 400;
    text-align: center;
    padding: 50px 0 0;
}

.clients h3 strong {
    font-weight: 900;
    color: #4C798B;
}

.clients p {
    font-size: 20px;
    padding: 0px 0px 0 104px;
    font-family: "Raleway", Helvetica, Arial;
    margin-bottom: 20px !important;
}
.clients .box {
    width: 61%;
    margin: 0 160px;
}

/*INTERNAL PAGES*/

.page-int h2 {
    font-size: 55px;
    font-weight: 400;
  color:#FFFFFF;
}

.page-int h2 strong {
    font-weight: 900;
}

.page-int p {
    font-size: 17px;
    line-height: 32px;
    color: #FFFFFF;
}

.page-int2 h2 {
    font-size: 55px;
    font-weight: 400;
}

.page-int2 h2 strong {
    font-weight: 900;
}

.page-int2 p {
    font-size: 17px;
    line-height: 32px;
}


.page-int i {
    font-size: 14px;
    margin: 0 10px;
    color: rgba(255, 255, 255, 0.5);
}

.page-int a, a:focus, .vntd-accent-color {
    font-weight: 900;
}

.vc_label_units {
  display:none;
}

#page-content .progress-bar-value {
    text-shadow: none !important;
    font-weight: 500;
    font-size: 15px;
    font-family: "Raleway", Helvetica, Arial;
    line-height: 32px;
}

.services-int .vntd-icon-box h3 {
    font-size: 17px;
}

.services-int .icon-box-big-centered-icon .icon-box-icon {
    color: #834d8a;
}

.vntd-special-heading h6 {
    max-width: 1000px;
    font-family: "Raleway", Helvetica, Arial;
}

.vntd-team.team-style-hover .team-member-description {
    color: #e2dede;
}

/*PORTFOLIO STYLES*/

.our-work {
    font-family: "Raleway", Helvetica, Arial;
    margin-top: 100px;
}

.our-work .portfolio-details-minimal p.project-desc {
    margin-top: 13px;
    width: 100%;
    max-width: 1000px;
}

.our-work .project-feature-budget {
  display:none;
}

.portfolio-filters-boxed .portfolio-filters li {
    margin: 5px;
      font-family: "Raleway", Helvetica, Arial;
}

.item:hover .portfolio-outer-cats {
  color:#FFFFFF !important;
}

.item-outer:hover .jm-post-like span {
    color: #FFF;
}

.jm-post-like .fa:hover {
  color:#FFFFFF;
}

#page-content .vc_images_carousel .vc_carousel-indicators li {
    border: 2px solid #ddd;
 }

#page-content .vc_right.vc_carousel-control > span, #page-content .vc_left.vc_carousel-control > span {
    color: #ddd;
}

.portfolio-filters-wrap {
    display: none;
}

.portfolio-style .item-inner {
    background: #557184 !important;
   }

/*END PORFOLIO STYLES*/
/*FORM*/
#page-content .wpcf7 input[type="text"], #page-content .wpcf7 input[type="email"], #page-content .wpcf7 input[type="password"] {
    width: 100%;
}
/*END FORM*/

/*END INTERNAL PAGES*/

/*FOOTER*/

#footer-top {
  font-family: "Raleway", Helvetica, Arial;
}

#footer-top .logo {
    width: 75%;
    margin: auto;
    text-align: center;
    height: auto;
    margin-bottom: 20px;
}

#footer-top .logo img {
    width: 30%;
}


#footer-top .contact {
    width: 33%;
    float: left;
    text-align: center;
    margin-top: 15px;
}

#footer-top .menu {
}

#footer-top .menu ul {
    list-style: none;
    clear: both;
    text-align: center;
    padding: 44px 0 20px;
}

#footer-top .menu li {
    text-align: center;
    border-bottom: none;
    display: inline;
      border-right: 1px solid #ffffff75;
}

#footer-top .menu li a {
    color: #ffffff75 !important;
    padding: 0 40px;

    display: inline;
}

#footer-top i {
    margin-right: 7px;
    color: #859464;
    font-size: 16px;
}



.bar ul li:last-child {
    border: 0 !important;
}

#footer-widgets {
    padding: 0px 0 0px 0;
}

#footer {
    border-top: 1px solid;
}


/*END FOOTER*/

/*RESPONSIVE STYLES*/

@media (max-width: 1440px) {
  
  .vc_custom_1516226946522 {
    background-position: left !important;
}

.about, .page-int, .page-int2 {
    padding-left: 64px;
}
  
.jump {
    width: 42%;
    left: 11%;
    margin-top: 85px;
}
  .services .box {
    width: 66%;
   padding: 50px 0px 37px 57px;
}
  .clients .box {
    margin: 0 63px;
}
  .clients p {
    padding: 0px 0px 0 25px;
    font-family: "Raleway", Helvetica, Arial;
}
  .page-int h2 {
    font-size: 50px;
}
  
}

@media (max-width: 1280px) {
.about, .page-int, .page-int2 {
    padding: 20px 30px 0;
}
  
.about h2 {
    font-size: 45px;
    margin-bottom: 15px;
}
  
  .about p {
    font-size: 14px;
    line-height: 25px;
}
  
  .jump {
    padding: 37px 20px 20px;
}
  
  .jump h3 {
    font-size: 45px;
     margin-bottom: 15px;
}
  .jump p {
    font-size: 17px;
    padding: 0px 20px;
}
  
  .services .box {
    padding: 50px 0px 37px 42px;
}
  
  .services .intro {
    font-size: 17px;
    line-height: 30px;
    padding-bottom: 10px;
    width: 95%;
}
  
  .services p {
    font-size: 17px;
    padding: 12px 0;
}
  
  .clients .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px;
}
  .clients h3 {
    font-size: 45px;
 }
  .clients .box {
    margin: 0 27px;
}
  .clients p {
    padding: 0px 0px 0 25px;
    font-size: 17px;
    margin-bottom: 13px !important;
 }
  .page-int h2 {
    font-size: 45px;
    margin-bottom: 15px;
}
  .page-int p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 15px;
}
  
  .page-int2 h2 {
    font-size: 45px;
}
  .page-int2 p {
    font-size: 15px;
    line-height: 25px;
}
  
  .logo-item {
    height: 92px;
    
}

}

@media (max-width: 1024px) {

.green-area p {
    width: 100%;
}
  
  .jump {
    width: 50%;
    left: 7%;
    margin-top: 50px;
}
  
  .services .box {
    padding: 29px 0px 10px 42px;
    width: 73%;
}
  
  .services .col {
    width:42%;
}
  
  .clients h3 {
    font-size: 45px;
    padding: 20px 0 10px;
}
  
  .clients .box {
    width: 73%;
 }
  .page-int {
    padding: 0px 30px 0;
}
  .our-work {
    margin-top: 10px;
}
  
 .logos-overlay-no .logo-item {
    padding: 0 20px;
}
  
  .owl-dots {
    margin-top: 10px;
    margin-bottom: 10px;
}
  
 .page-holder {
    margin-top: 1px;
}
  .page-int h2 {
    font-size: 40px;
}
  
 #footer-top .contact {
    width: 33.33%;
} 
  #footer-top .menu li a {
    padding: 0 20px;
}
  
}

@media (max-width: 768px) {
  
.defaultimg {
    /* background-position: -397px 29px !important; */
}
  
#resp  .vc_col-sm-6 {
    width: 100%;
}
  .col-resp {
    height:500px;
  }
  
  .jump {
    width: 72%;
    margin-top: 42px;
}
  .services .box {
    padding: 24px 0px 4px 30px;
    width: 86%;
}
  
  .services .intro {
    font-size: 14px;
    line-height: 24px;
    
}
  
  .services p {
    font-size: 14px;
}
  .logo-item {
    height: 57px;
}
  .clients p {
    padding: 0px 0px 0 25px;
    font-size: 14px;
    margin-bottom: 13px !important;
}
  #footer-widgets .inner > div {
    width: 100%;
}
  
  #footer-top .logo img {
    width: 40%;
}
  
  #footer-top .menu li a {
    padding: 0 10px;
}
  
}

@media (max-width: 600px) {
  
  .about {
    padding: 20px 30px 0;
    margin: 0 30px;
}
  
  .page-int, .page-int2 {
    padding: 20px 0px;
    margin: 0 30px;
}

.green-area p {
    font-size: 17px;
}
  
  .inner {
    padding: 0px;
 }
  
  .jump p {
    font-size: 16px;
    padding: 0px 10px;
    line-height: 25px;
}
  .jump {
    width: 97%;
    margin: 20px;
    left: 0;
}
  
  .services h3 {
    font-size: 45px;
    margin-top: 28px;
    padding-bottom: 0;
}
  
  .services .box {
    padding: 20px;
    width: 95%;
    margin: 22px auto;
    float: none;
    height: 622px;
}
  
  .services p {
    padding: 10px 0;
}
  
  .services p:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
  
  .services .col {
    width: 100%;
}
  
  .clients h3 {
    padding: 0px 0 10px;
}
  
  .clients .box {
    width: 95%;
    float: none;
    margin: 10px auto;
}
  
  .logo-item {
    height: auto;
}
  
  .logos-overlay-no .logo-item {
    padding: 10px 0;
}
  
  .owl-dots {
    margin-bottom: 25px;
}
  
  #footer-widgets .inner {
    padding-top: 50px;
}
  
  #footer-top .logo img {
    width: 90%;
}
  #footer-top i {
    margin-right: 7px;
    color: #859464;
    font-size: 18px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 30px;
    margin: 0px 0 15px;
}
  
  #footer-top .contact {
    width: 100%;
    margin: 5px auto;
    padding: 0 0px 12px;
}
  
  #footer-top .menu ul {
    padding: 5px 0 0px;
}
  
  #footer-widgets .bar ul li, #footer-widgets .bar ul li {
    border-bottom-color: #ffffff33;
}
  
  #footer-top .menu li {
    border-bottom: 1px solid #ffffff75;
    display: block;
    border-right: none;
    padding: 7px 0;
}
  
  .footer .vntd-social-icons {
    float: none;
    text-align: center;
    padding-right: 0px;
}
#page-content .wpb_column:not(.vc_col-sm-12) {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-bottom: 0px;
}
  
.defaultimg {
    /* background-position: -412px 29px !important; */
}
  
.normal {
    line-height: 18px;
    font-size: 14px;
}
  
.normal p {
    margin: 0 0 10px;
}
  
 .skills {
    margin: auto;
    width: 87%;
}
  
}   
