/*------------------------------------------------------------------

[Master Stylesheet]



Project:    Unify

Version:    1.0

Last change:    23/04/18 [fixed Float bug, vf]

Author Name: Asaduzzaman Nur

Primary use:    Project Type

-------------------------------------------------------------------*/





/*------------------------------------------------------------------

[Table of contents]



1. Body

2.

-------------------------------------------------------------------*/





/*

==========================================

    Reset Css

==========================================

*/



@import url('https://fonts.googleapis.com/css?family=Fira+Sans:200,300,400,500,600,700,800&display=swap');

html,

body {

    font-family: 'Fira Sans', sans-serif;

    color: #353535;

    font-weight: 300;

}



.floatleft {

    float: left;

}



.floatright {

    float: right;

}



.alignleft {

    float: left;

    margin-right: 15px;

    margin-bottom: 15px;

}



.alignright {

    float: right;

    margin-left: 15px;

    margin-bottom: 15px;

}



.aligncenter {

    display: block;

    margin: 0 auto 15px;

}



a:focus {

    outline: 0px solid;

}



img {

    max-width: 100%;

    height: auto;

}



.fix {

    overflow: hidden;

}



p {

    margin: 0 0 15px;

    color: #353535;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0 0 10px;

    color: #353535;

    font-weight: 700;

}



a {

    transition: all 0.3s ease 0s;

    text-decoration: none;

    color: #353535;

}



a:hover {

    color: #0dffaf;

    text-decoration: none;

}



a:active,

a:hover {

    outline: 0 none;

}



ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



ul li {

    list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

    margin: 0;

}



.section_padding {

    padding: 100px 0;

}



.section-title p {

    font-size: 22px;

    color: #fff;

    line-height: 29px;

    font-weight: 300;

}



.section-title h2 {

    margin-bottom: 15px;

}



.mt-60 {

    margin-top: 60px;

}



.pt-20 {

    padding-top: 20px;

}



.pt-200 {

    padding-top: 200px;

}



.pt-30 {

    padding-top: 30px;

}



.pb-15 {

    padding-bottom: 15px;

}



.pt-100 {

    padding-top: 100px;

}



.pb-105 {

    padding-bottom: 105px;

}



.pt-80 {

    padding-top: 80px;

}



.pb-95 {

    padding-bottom: 95px;

}



.pb-100 {

    padding-bottom: 100px;

}



.mb-60 {

    margin-bottom: 60px;

}



.mt-100 {

    margin-top: 104px;

}



.pb-80 {

    padding-bottom: 80px;

}



.pb-175 {

    padding-bottom: 175px;

}



.ptb-80 {

    padding: 80px 0;

}



.pt-90 {

    padding-top: 90px;

}



.ptb-40 {

    padding: 40px 0;

}



.pt-160 {

    padding-top: 160px;

}



.pt-185 {

    padding-top: 185px;

}



.pb-30 {

    padding-bottom: 30px;

}



.pt-45 {

    padding-top: 145px;

}



.pb-145 {

    padding-bottom: 145px;

}



.pt-155 {

    padding-top: 155px;

}



.pt-265 {

    padding-top: 265px;

}



.pt-360 {

    padding-top: 360px;

}



.pt-224 {

    padding-top: 224px;

}



.pt-330 {

    padding-top: 330px;

}



.pt-430 {

    padding-top: 430px;

}



.pb-175 {

    padding-bottom: 175px;

}



.pt-125 {

    padding-top: 125px;

}



.pt-215 {

    padding-top: 215px;

}



.pb-125 {

    padding-bottom: 125px;

}



.pt-40 {

    padding-top: 40px;

}



.pb-40 {

    padding-bottom: 40px;

}



.pt-130 {

    padding-top: 130px;

}



.pb-75 {

    padding-bottom: 75px;

}



.pt-100 {

    padding-top: 100px;

}



.pb-100 {

    padding-bottom: 100px;

}



.pb-60 {

    padding-bottom: 60px;

}



.pt-60 {

    padding-top: 60px;

}



.btn-gray {

    background-color: #b8b8b8;

    display: inline-block;

    padding: 15px 30px;

    border-radius: 8px;

}



.section_title h2 {

    font-size: 24px;

    text-transform: uppercase;

    font-weight: 900;

    position: relative;

    display: inline-block;

    padding-bottom: 20px;

}



.benchmarking-content-meddile .section-title h2 {

    color: #0dffaf;

    font-size: 42px;

    line-height: 1;

}



.budget-area-section-title .section-title h2 {

    color: #0dffaf;

    font-size: 58px;

    line-height: 1;

}



.budget-area-section-title .section-title p {

    font-size: 28px;

    color: #fff;

    line-height: 45px;

    margin-top: 45px;

}



.section_title h2:after {

    position: absolute;

    content: "";

    width: 50px;

    height: 1px;

    background: #121212;

    bottom: 0;

    left: 50%;

    transform: translateX(-50%);

}



.section_title p {

    font-size: 16px;

    font-weight: 300;

    font-style: italic;

    margin: 40px 0;

}





/* ultimate insights section title */



.ultimate-insights-section-title .section-title p {

    margin-top: 60px;

}



.section-padding {

    padding: 265px 0;

}



.caddy-custom-width-48 {

    width: 48%;

    float: left;

    padding-left: 7.5px;

    padding-right: 7.5px;

}



.caddy-custom-width-2 {

    width: 3.3%;

    float: left;

    padding-left: 0;

    /* padding-right: 7.5px; */

}



.caddy-custom-width-4 {

    float: left;

    width: 5.4%;

    padding-left: 0;

    /* padding-right: 7.5px; */

}



.caddy-custom-width-47 {

    float: left;

    width: 46.4%;

    padding-left: 7.5px;

    padding-right: 7.5px;

}





/* Background Color */



.bg-gray {

    background-color: #333333;

}



.bg-white-gray {

    background-color: #b0b0b0;

}





/* 

================================

     Header css

================================*/



.caddy-header.caddy-inner-page {

    position: relative;

    left: auto;

    top: auto;

    width: 100%;

    z-index: 100;

    padding: 15px 0;

}



.caddy-white-border {

    border-bottom: 2px solid #fff;

}



.overlay {

    height: 100vh;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    right: 0;

    background-color: #333333;

    overflow-x: hidden;

    transition: all 0.7s ease-in-out;

    padding: 0;

}



.overlay-content {

    position: relative;

    top: 40px;

    width: 100%;

    padding-left: 200px;

}



.overlay-content a {

    color: #fff;

    display: block;

    font-size: 34px;

    transition: all .3s cubic-bezier(0, 0, 0.73, 0.73);

    /* padding-bottom: 15px; */

    padding-bottom: 45px;

    line-height: 30px;

}



.overlay-content a:hover {

    font-size: 35px;

    font-weight: 600;

}



.overlay-content a+a {

    padding-top: 15px;

}



.overlay-content a:hover {

    color: #0dffaf;

}



.overlay-content .active-bars {

    position: absolute;

    left: 135px;

    top: 2px;

    width: 100px;

    color: #0dffaf;

    line-height: 1;

}



span.active-bars img {

    width: 43px;

}



.closebtn {

    color: #fff;

    position: absolute;

    right: 30px;

    top: 30px;

    z-index: 100;

}



.logo a {

    display: block;

    width: 150px;

}



@media screen and (max-height: 450px) {

    .overlay a {

        font-size: 20px

    }

    .overlay .closebtn {

        font-size: 40px;

        top: 15px;

        right: 35px;

    }

}



.btn-border {

    border: 2px solid #0DFFAF;

    color: #0DFFAF;

    font-size: 15px;

    display: inline-block;

    border-radius: 8px;

    padding: 4px 25px;

    text-align: center;

    transition: all .3s ease-in-out;

    font-weight: 400;

}



.btn-border:hover {

    background-color: rgba(13, 255, 175, .5);

    ;

    color: #fff;

    border-color: transparent;

}



.single-support .btn-border:hover {

    background-color: #1DA97B;

    color: #0DFFAF;

}



.btn-border.border-white {

    border-color: #fff;

    color: #fff;

}





/*

.caddy-header .btn-border {

    margin: 0 15px;

    font-size: 18px;

    padding: 8.5px 26.5px;

}



*/



.caddy-header .btn-border {

    margin: 0 15px;

    font-size: 15px;

    width: 150px;

    height: 35px;

    line-height: 30px;

    padding: 0;

    font-weight: 400;

}



.caddy-header .btn-border.border-white:hover {

    background-color: #fff;

    color: #0DFFAF;

}



.hambarger-menu {

    display: inline-block;

    font-weight: bold;

    font-size: 34px;

    line-height: 1;

    margin-left: 15px;

    cursor: pointer;

    color: #fff;

    transition: all .3s ease-in-out;

    position: relative;

}



.hambarger-menu img {

    height: 28px !important;

    margin-top: -2px;

}



.hambarger-menu .hover-img-bars {

    position: absolute;

    right: 0;

    top: 6px;

    visibility: hidden;

    opacity: 0;

    transition: all .3s ease-in-out;

}



.hambarger-menu:hover .hover-img-bars {

    visibility: visible;

    opacity: 1;

}



.hambarger-menu:hover {

    color: #0DFFAF;

}



.caddy-action-header {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}





/* Caddy Slider CSS */



html,

body {

    position: relative;

    height: 100%;

}



.caddy-header.darkHeader {

    background: #333;

    border-bottom: 2px solid #fff;

    transition: all .3s ease-in-out;

}



.swiper-container.swiper-container-initialized.swiper-container-vertical {

    background-image: url(/wp-content/uploads/2019/09/banner-golf-bg.png);

    /* background-image: url(https://livedemo00.template-help.com/muse_58498/images/slide1.jpg); */

    background-image: url(/wp-content/uploads/2019/09/Banner-Design-bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}



.swiper-container {

    width: 100%;

    height: 100%;

    margin-left: auto;

    margin-right: auto;

}



.swiper-slide {

    text-align: left;

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.caddy-header {

    position: absolute;

    left: 0;

    top: 60px;

    width: 100%;

    z-index: 100;

    padding-bottom: 24px;

}



.slide-1 h2 {

    font-size: 48px;

    color: #fff;

    font-weight: bold;

}



.slide-2 h2 {

    color: #fff;

    font-size: 48px;

    font-weight: bold;

}



.slide-3 h2 {

    font-size: 48px;

    color: #fff;

    font-weight: bold;

}



.slide-4 h2 {

    font-size: 70px;

    color: #fff;

}



.swiper-slide {

    position: relative;

    background: transparent !important;

    z-index: 1;

}



.swiper-slide:after {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    /* content: ""; */

    z-index: -1;

    background: #fff;

    opacity: 0.7;

    /* background: #1d604f;

    background: -moz-linear-gradient(-45deg, #1d604f 0%, #36826c 100%);

    background: -webkit-linear-gradient(-45deg, #1d604f 0%, #36826c 100%);

    background: linear-gradient(135deg, #1d604f 0%, #36826c 100%);

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1d604f', endColorstr='#36826c', GradientType=1); */

}



/* .swiper-slide.slider-1:after {

    opacity: .3;

}



.swiper-slide.slider-2:after {

    opacity: .5;

}



.swiper-slide.slider-3:after {

    opacity: .7;

}



.swiper-slide.slider-4:after {

    opacity: .6;

} */



.swiper-slide h2 {

    /* color: #14eda5; */

    font-size: 58px;

    font-weight: normal;

    letter-spacing: 2px;

}

.swiper-slide h3 {

    color: #fff;

    font-size: 48px;

    font-weight: lighter;

    letter-spacing: 0;

}

.swiper-slide h4 {

    color: #fff;

    font-size: 40px;

    font-weight: lighter;

    line-height: 1.5em;

    letter-spacing: 0;

}





/* Scroll down icon css */



.scroll-down-icon {

    position: absolute;

    top: 90%;

    left: 50%;

    transform: translate(-50%, -90%);

    z-index: 9;

    cursor: pointer;

}



.scroll-down-icon span {

    display: block;

    width: 25px;

    height: 25px;

    border-bottom: 2px solid #ED2028;

    border-right: 2px solid #ED2028;

    transform: rotate(45deg);

    margin: -5px;

    cursor: pointer;

}



.caddy-video-area {

    /* height: 700px; */

    padding-bottom: 56.25%;
    position: relative;
    z-index: 2;

}
.caddy-video-area #bgVideo {
    background: url(https://ultimatecaddy.net/wp-content/uploads/2019/07/video-bg.jpg) center/cover no-repeat;
    position: absolute;
    left: 0; right: 0; bottom: 0; top: 0;
}
 
.caddy-video-area #iframe_bgndVideo {

    height: 100% !important;

    width: 100% !important;

    margin: 0 !important;

}



.caddy-work-area,

.caddy-analysis-area,

.cta-area,

.footer-area {

    position: relative;

    z-index: 2;

}





/* Work CSS */



.bg-gray {

    background-color: #333333;

}



.section-padding {

    padding: 265px 0;

}



.caddy-info-box h2 {

    color: #0dffaf;

    font-size: 42px;

    margin-bottom: 15px;

}



.caddy-info-box p {

    color: #ffffff;

    font-size: 22px;

    font-weight: 300;

    line-height: 29px;

}



.caddy-info-box .btn-border {

    margin-top: 30px;

}





/* CTA CSS */



.cta-content h2,

.support-content h2 {

    font-size: 60px;

    color: #ffffff;

}



.cta-content h2 {

    margin-bottom: 10px;

}



.support-content h2 {

    color: #0DFFAF;

    margin-bottom: 15px;

}



.cta-content p,

.support-content p {

    font-size: 22px;

    color: #ffffff;

    line-height: 29px;

}



.cta-content .btn-gray,

.support-content a {

    display: block;

    height: 90px;

    line-height: 90px;

    padding: 0;

    font-size: 36px;

    color: #fff;

    margin-top: 85px;

}



.cta-content input,

.support-content input {

    height: 50px;

    line-height: 50px;

    font-size: 20px;

    color: #fff;

    margin-top: 50px;

    width: 50%;

    border-radius: 8px;

    border: none;

    box-shadow: none;

    background-color: #b8b8b8;

    padding: 0 15px;

    display: block;

    margin: 50px auto 0;

    text-align: center;

}



.cta-content input:focus,

.support-content input:focus {

    outline: none;

}



.cta-content input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #fff;

}



.cta-content input::-moz-placeholder {

    /* Firefox 19+ */

    color: #fff;

}



.cta-content input:-ms-input-placeholder {

    /* IE 10+ */

    color: #fff;

}



.cta-content input:-moz-placeholder {

    /* Firefox 18- */

    color: #fff;

}



.cta-content .btn-border {

    margin-top: 30px;

    width: 180px;

    height: 45px;

    line-height: 43px;

    padding: 0;

    font-weight: 300;

    font-size: 18px;

}



.support-content a {

    display: inline-block;

    padding: 0 30px;

    height: 60px;

    font-size: 24px;

    line-height: 58px;

    margin-top: 30px;

}



.support-content span {

    display: block;

    color: #fff;

    margin-top: 15px;

    text-align: left;

    padding-left: 28%;

}



.support-content input {

    text-align: center;

}





/* Footer Area CSS */



.caddy-separetor {

    height: 11px;

    background-color: #0DFFAF;

    border-bottom: 2px solid #fff;

}



.footer-area h3 {

    color: #0dffaf;

    font-size: 22px;

    line-height: 36px;

    font-weight: 400;

}



.footer-area p {

    color: #fff;

    font-size: 14px;

    font-weight: 300;

    line-height: 24px;

}



.social-media {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.social-media a img {

    width: 65%;

}



.social-media a {

    padding: 0;

    font-weight: 600;

    display: inline-block;

}



.btn-singin {

    width: 120px;

    height: 35px;

    color: #333333;

    background: #fff;

    font-size: 20px;

    line-height: 37px;

    text-align: center;

    border-radius: 6px;

    margin-left: 0;

}





/* Coaching page css */



.section-title h2 {

    color: #0dffaf;

    font-size: 70px;

    line-height: 1.2;

}



.benchmarking-performance-area .section-title h2 {

    font-size: 70px;

    line-height: 75px;

}



.coaching-content h3,

.solutions-info h3,

.companion-info h3,

.budget-pricing-info h3 {

    color: #0dffaf;

    font-size: 42px;

    margin-bottom: 30px;

    margin-top: 15px;

    font-weight: 700;

}



.coaching-content p,

.solutions-info p,

.companion-info p,

.budget-pricing-info p {

    font-size: 22px;

    color: #fff;

    line-height: 29px;

    font-weight: 300;

}



.coaching-image {

    overflow: hidden;

}



.coaching-image img {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.coaching-image:hover img {

    transform: scale(1.1);

    cursor: pointer;

}





/* Soutions page css */



.solution-separate {

    height: 100px;

}



.solutions-info {

    margin-right: 45px;

}



.solutions-info h3 {

    font-size: 42px;

    margin-top: 65px;

}



.playvideo {

    font-size: 30px;

    width: 112px;

    height: 112px;

    background: #64595D;

    border-radius: 50%;

    transition: all 0.3s ease-in-out;

    text-align: center;

    line-height: 116px;

    position: absolute;

    top: 42%;

    left: 50%;

    opacity: 0.1;

    cursor: pointer;

    z-index: 100;

    transform: translateX(-50%);

}



.video-play-icon i {

    color: #ffff;

}



.solutions-image {

    position: relative;

}





/* Ultimate Candy Css */



.speech-wrapper {

    transition: all 0.3s ease-in-out;

}



.speech-img img {

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out

}



.speech-wrapper:hover .speech-img img {

    transform: scale(1.1);

    cursor: pointer;

}



.speech-img {

    position: relative;

    overflow: hidden;

}





/* Speech bubble */



.speech-bubble-wrapper {

    display: inline-block;

    color: #fff;

    width: 300px;

    background: #333333;

    border-radius: 5px;

    padding: 20px;

    transition: all 0.3s ease-in-out;

    position: absolute;

    top: 40%;

    left: 35%;

}



.speech-wrapper:hover .speech-bubble-wrapper {

    transform: scale(1.2);

}



.speech-buble {

    position: relative;

}



.speech-buble:before {

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 0 0 41px 37px;

    border-color: transparent transparent #333333 transparent;

    position: absolute;

    content: "";

    right: 23px;

    top: -52px;

    transform: rotate(21deg);

}



.speech-buble p {

    color: #fff;

    font-size: 25px;

    line-height: 30px;

}



.companion-info {

    margin-right: 45px;

}



.border-green {

    border-top: 2px solid #0DFFAF;

}



#togglePlay {

    margin-top: 20px;

    font-size: 20px;

    width: 100px;

    height: 100px;

    line-height: 70px;

    border-radius: 100%;

}



.caddy-video-btn-wrapper button {

    width: 150px;

    height: 150px;

    border-radius: 50%;

    background-color: rgba(0, 0, 0, .5);

    border: none;

    color: #fff;

    font-size: 60px;

}



.caddy-video-btn-wrapper button:focus {

    outline: none;

}



.caddy-video-btn-wrapper button i {

    margin-left: 3px;

    margin-top: 18px;

}



.caddy-video-btn-wrapper {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.caddy-video-btn-wrapper button.btn-push i {

    margin-left: 5px;

}



.hide {

    display: none;

}



.caddy-video-btn-wrapper button.btn-push {

    transition: all .3s ease-in-out;

    visibility: hidden;

    opacity: 0;

}



.caddy-video-btn-wrapper:hover button.btn-push {

    visibility: visible;

    opacity: 1;

}





/* Golf Summary CSS */



.golf-shot-info {

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.golf-shot-info:hover .golf-shot-img img {

    transform: scale(1.1);

    cursor: pointer;

}



.golf-shot-img img {

    transform: scale(1);

    transition: all .3s ease-in-out;

}



.golf-shot-summary {

    position: absolute;

    left: 0;

    bottom: 0;

    background: rgba(0, 0, 0, .7);

    color: #fff;

    padding: 15px;

    width: 100%;

    min-height: 125px;

    display: flex;

    align-items: center;

}



.golf-shot-summary h4 {

    color: #fff;

    font-size: 16px;

    margin: 0;

    line-height: 24px;

}



.golf-shot-step-sing-wrapper img {

    height: 75px;

}





/* Golf Scoring CSS */



.golf-scoring-area .section-title.sm-font h2 {

    color: #fff;

}



table tr td {

    border-left: 1px solid #ffffff;

    border-bottom: 1px solid #fff;

    padding: 2px 5px !important;

    text-align: center;

    color: #fff;

    vertical-align: middle !important;

}



table tr td .green {

    color: #0dffaf;

}



.table td,

.table th {

    color: #fff;

    font-weight: 300;

}



table tr td img {

    width: 60%;

}



.table-wrapper {

    border: 1px solid #fff;

    border-radius: 8px;

}



table.table {

    margin: 0;

}



table tr:last-child td {

    border-bottom: none;

}



.table-wrapper h4 {

    font-size: 22px;

    color: #0dffaf;

    line-height: 32px;

    padding: 15px 0;

    text-align: center;

    font-weight: 400;

}



.center-amp {

    color: #fff;

    text-align: center;

    font-size: 70px;

    font-weight: normal;

}





/* Golf Content Meddile CSS */



.golf-content-meddile p {

    color: #fff;

    font-size: 20px;

    text-align: center;

}





/* Golf Stat Variance CSS */



.golf-variance-summary h3 {

    font-size: 45px;

    color: #0dffaf;

    line-height: 1.2;

}



.golf-variance-summary p {

    color: #fff;

    font-size: 19px;

    margin-top: 24px;

}





/* Ultimate insights page CSS */





/* benchmarking erformance table */



.benchmarking-erformance-table {

    margin-left: 35px;

    margin-top: 40px;

}





/* Budget Plan page CSS */





/* budget plan feature image */



.budget-plan-feature-image-info {

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: space-between;

    overflow: hidden;

    padding: 30px;

}



.budget-plan-feature-image-info img {

    max-width: 130px !important;

}



.budget-pricing-info h3 {

    color: #0dffaf;

    font-size: 40px;

    margin-bottom: 15px;

    line-height: 1;

    margin-top: 25px;

}



.budget-pricing-info a.purchase-btn {

    width: 200px;

    height: 50px;

    line-height: 48px;

    padding: 0;

    margin-top: 30px;

    font-size: 23px;

    font-weight: 500;

}





/* Cart Content Wrapper CSS */



table#cart {

    border: none;

}



table#cart thead tr th {

    border: none;

    text-align: center;

    font-size: 22px;

    font-weight: 300;

}



table#cart thead tr th:first-child {

    text-align: left;

}



table#cart td,

table#cart th {

    border-left: none;

    border-top: 1px solid #808080;

}



table#cart tbody tr td {

    padding: 40px 0 !important;

    border-bottom: 1px solid #808080;

}



.sub-title {

    font-size: 14px;

    display: block;

    font-weight: 300;

}



.caddy-product-summary h4 {

    color: #0DFFAF;

    font-size: 22px;

    font-weight: 800;

}



.caddy-product-summary p {

    color: #fff;

    font-size: 15px;

    font-weight: 300;

}



.caddy-product-summary a {

    color: #0dffaf;

    font-weight: 300;

    display: block;

    font-size: 15px;

    margin-top: 10px;

}



table#cart td img,

table#cart th img {

    width: 100%;

}



table#cart .btn-close {

    background-color: #0DFFAF;

    border: none;

    width: 30px;

    height: 30px;

    border-radius: 4px;

    font-size: 17px;

    text-align: center;

    line-height: 32px;

}



.quentaty-wrap {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



input[type=number] {

    -moz-appearance: textfield;

}



.quentaty-wrap button {

    background: transparent;

    border: 1px solid #fff;

    color: #fff;

    font-weight: 300;

    border-radius: 4px;

    text-align: center;

    width: 25px;

    height: 30px;

}



.quentaty-wrap input {

    background: transparent;

    color: #fff;

    text-align: center;

    padding: 15px 0;

    height: 30px;

    width: 35px;

    border: none;

}



button.sub i {

    font-size: 16px;

    line-height: 28px;

}



button.add i {

    line-height: 27px;

    font-size: 16px;

}



.quentaty-wrap button:focus,

.quentaty-wrap input:focus,

table#cart .btn-close:focus {

    outline: none;

}



.product-puches-note p {

    color: #fff;

    font-size: 16px;

}



table#total-cart tr th {

    border: none;

    font-size: 22px;

}



table#total-cart tr {

    border-bottom: 1px solid #808080;

}



table#total-cart tr:last-child {

    border: none;

}



table#total-cart tr th:first-child {

    padding-left: 0;

}



table#total-cart tr:first-child th {

    padding-top: 0;

}



table#total-cart tr th a {

    color: #fff;

    text-decoration: underline;

}



.checkout-option .check-out {

    padding: 5px 60px;

    margin-top: 30px;

    text-transform: uppercase;

    font-weight: 600;

    display: inline-block;

}



.checkout-option img {

    width: 200px;

    margin-top: 20px;

}





/* Benchmarking Performance CSS*/



.benchmarking-performance-heading h3 {

    color: #0dffaf;

    font-size: 30px;

}





/* Ultimate Analisys CSS */



.carousel-control-prev-icon {

    background-image: url(../img/slider-arrow-left.png);

}



.carousel-control-next,

.carousel-control-prev {

    opacity: 1;

}



.carousel-control-next-icon,

.carousel-control-prev-icon {

    width: 20px;

    height: 40px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}



.carousel-control-next-icon {

    background-image: url(../img/slider-arrow-right.png);

}



.analisys-image a {

    color: #fff;

    margin-top: 15px;

    display: inline-block;

    transition: all .3s ease-in-out;

}



.analisys-image {

    text-align: right;

}



.analisys-image-wrapper {

    overflow: hidden;

}



.analisys-image-wrapper img {

    transition: all .3s ease-in-out;

    transform: scale(1);

    cursor: pointer;

}



.analisys-image-wrapper:hover img {

    transform: scale(1.1);

}



.analisys-image a:hover {

    color: #0dffaf;

}



.solutions-image img {

    transition: all .3s ease-in-out;

    transform: scale(1);

}



.solutions-image:hover img {

    transform: scale(1.04);

}





/* Ultimate Tutorials CSS */



.ultimate-sensors-area {

    background-image: url(../img/sensor/tutorial-bg.jpg);

    /* height: 922px; */

    background-repeat: no-repeat;

    background-position: center /* 59%*/;

    background-size: cover;

    padding-bottom: 30px;
    padding-top: 50px;

}



.single-sensors-summary {

    background-color: #565656;

    color: #fff;

    position: relative;

    padding: 15px 30px;

}



.sensors-summary-info h4 {

    color: #0dffaf;

    cursor: pointer;

}



.sensors-summary-info p {

    color: #fff;

}





/* .sensors-summary-img {

    position: absolute;

    width: 150px;

    height: 150px;

    border-radius: 50%;

    border: 3px solid #fff;

    right: 0;

    top: -107px;

    cursor: pointer;

} */



.sensors-summary-img {

    position: absolute;

    width: 100px;

    height: 100px;

    border-radius: 50%;

    right: 0;

    top: -60px;

    cursor: pointer;

}



.caddy-sensor-list li {

    width: 400px;

}





/* 

.caddy-sensor-list li:nth-child(2) {

    float: right;

}



.caddy-sensor-list li:nth-child(4) {

    float: right;

}



.caddy-sensor-list li:nth-child(6) {

    float: right;

} */



.caddy-sensor-list {

    overflow: hidden;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

}





/* Ultimate Support CSS */



.single-support a h5 {

    color: #fff;

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 5px;

}



.single-support a p {

    color: #fff;

    font-size: 22px;

    line-height: 29px;

}



.single-support a {

    padding: 40px 65px;

}



.carousel-item img {

    width: 100%;

}



.caddy-info-box-img img {

    width: 100%;

}



.golf-shot-img img {

    width: 100%;

}



table#total-cart tr th:nth-child(2) {

    text-align: right;

}



.coming-soon-content {

    background-color: #000;

    text-align: center;

    color: #fff;

    height: 550px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.coming-soon-footer {

    background-color: #666666;

    padding: 36px;

}



.coming-soon-footer h4 {

    color: #fff;

}



.coming-summary h3,

.coming-summary p {

    color: #fff;

    font-weight: 300;

}



.coming-count {

    display: inline-block;

    border: 2px solid #FFF;

    height: 100px;

    width: 120px;

    text-align: center;

    line-height: 100px;

    color: #ff7f1e;

    border-radius: 8px;

    font-size: 35px;

}



.coming-summary h3 {

    padding-left: 15px;

    margin-bottom: 20px;

}



.coming-summary p {

    font-size: 22px;

}



.coming-soon-content h4 {

    color: #fff;

    font-size: 45px;

}



.slider-info {

    overflow: hidden;

    position: absolute;

    width: 68%;

    height: 100%;

    float: left;

}



.slider-summary {

    float: left;

    width: 32%;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    padding: 30px;

    text-align: left;

    font-size: 18px;

}



.slider-summary p {

    padding-left: 15px;

}



.slider-info h2 {

    position: absolute;

    left: 30px;

    bottom: 60px;

}



.slider-info-wrapper {

    overflow: hidden;

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    height: 600px;

    background: #fff;

    border-radius: 8px;

    padding: 30px;

    transform: translateY(-50%);

}



#ninja-slider .slider-inner {

    padding-bottom: 0 !important;

}



#ninja-slider li {

    margin-bottom: 0 !important;

}



#ninja-slider .ns-img {

    background-size: contain;

    cursor: default;

    display: block;

    position: absolute;

    width: 100%;

    height: 475px;

    background-repeat: no-repeat;

    background-position: center center;

    background-color: #0dffaf;

}



#ninja-slider {

    background: rgba(0, 0, 0, .5);

}



#ninja-slider-prev,

#ninja-slider-next {

    top: 50%;

}



#ninja-slider-prev {

    left: 5%;

}



#ninja-slider-next {

    right: 5%;

}



#ninja-slider-prev,

#ninja-slider-next {

    margin-top: 0;

    opacity: 1;

    font-size: 23px;

    background: transparent;

    transform: translateY(-50%);

}



#ninja-slider .slider-inner {

    position: initial;

}



.single-sensors-summary {

    margin-top: 150px;

}



#ninja-slider-prev::before,

#ninja-slider-next::before {

    width: 30px;

    height: 30px;

}



#ninja-slider-prev div {

    display: none;

}



#ninja-slider-next div {

    display: none;

}



#ninja-slider-prev:hover,

#ninja-slider-next:hover {

    width: 80px;

    background-color: transparent;

}



.support-area {

    position: fixed;

    right: 0;

    bottom: 10%;

    transform: translateY(-50%);

    z-index: 10000000;

}



.support-img {

    background-color: #354742;

    padding: 15px;

    border-radius: 15px 15px 0 15px;

    width: 70px;

    height: 65px;

}



.suppirt-icon {

    background-color: #354742;

    width: 50px;

    position: absolute;

    right: 0;

    text-align: center;

    font-size: 20px;

    color: #848786;

    border-radius: 0 0 7px 7px;

    bottom: -25px;

    z-index: -1;

}



#ninja-slider-prev::before,

#ninja-slider-next::before {

    border-left: 5px solid white;

    border-top: 5px solid white;

}



.footer-area {

    padding: 60px !important;

}



.budget-plan-feature-banner {

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



#support-content {

    display: none;

}



.ultimate-support-content-area {

    padding-top: 50px;

}



.ultimate-support-area .d-table {

    width: 100%;

    height: 100%;

}



.ultimate-support-area.bg-gray.pt-100.pb-100 {

    padding: 0;

    height: 70vh;

}



.vartical-align {

    vertical-align: middle;

}



.caddy-header,

header.caddy-header.caddy-inner-page.darkHeader {

    padding-bottom: 20px;

    padding-top: 20px;

    position: fixed;

    top: 0;

}



.cd-section.cd-section--bg-fixed {

    height: 2000px;

    background-attachment: fixed;

}



.cd-section.cd-section--bg-fixed.position-initial.bg-initial {

    background-attachment: initial;

    background-position: center bottom;

    background-size: contain;

}



.cd-section.cd-section--bg-fixed .cd-section-transbg {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 0;

    background: #424242;

    opacity: 0.8;

}



.cd-section.cd-section--bg-fixed a.scrollNext {

    content: "";

    cursor: pointer;

    bottom: 20px;

    left: 0;

    right: 0;

    width: 80px;

    height: 40px;

    background: url(http://caddy.webofficeit.com/review/assets/img/angle-down.png) center/contain no-repeat;

    margin: auto;

    position: fixed;

    z-index: 2;

}



.cd-section.cd-section--bg-fixed.position-initial.bg-initial a.scrollNext {

    position: absolute;

}



.cd-section.cd-section--bg-fixed .text-component {

    position: fixed;

    height: 100vh;

    top: 0;

    bottom: 0;

    margin: auto;

    display: flex;

    align-items: center;

    opacity: 0;

    z-index: 1;

    transition: opacity .1s ease-in-out;

    -webkit-transition: opacity 0.1s ease-in-out;

}



.cd-section.cd-section--bg-fixed .text-component h2 {

    width: 100%;

}



.topscroll-1 .topscroll-2 .topscroll-3 .topscroll-4 {

    position: fixed;

}



.cd-section.cd-section--bg-fixed.position-initial.bg-initial .slide-4 {

    bottom: auto;

}



.cd-section {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center bottom;

    padding: var(--space-xl) 0;

    font-size: var(--text-md);

    background-image: url("../img/banner-2.jpg");

    /* z-index: 2; */

    @include fontSmooth;

}



.cd-section::before {

    background-color: rgba(19, 234, 163, 0.36);

    content: '';

    display: block;

    height: 100%;

    position: absolute;

    width: 100%;

}


.home .emaillist .es-field-wrap label {
    width: 100%;
}

#html5box-html5-lightbox #html5-watermark {
    display: none !important;
}



/**** Ultimate Drills : Video Gallery *****/
.video-gallery {
    margin-bottom: 5rem;
}
.video-gallery .video-item {
    margin-bottom: 30px;
    padding-bottom: 60%;
    position: relative;
}
/* .video-gallery .video-item .caddy-video-btn-wrapper {
    position: relative;
} */
.video-gallery .video-item .bgVideo {
    background: center/cover no-repeat;
    position: absolute;
    left: 0; right: 0; bottom: 0; top: 0;
}
.video-gallery .video-item .caddy-video-btn-wrapper button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    height: 80px;
    width: 80px;
}
.video-gallery .video-item .caddy-video-btn-wrapper button i {
    margin: 0;
}

/*****************************************/

/* .cd-section--bg-fixed {

    min-height: 100vh;

    box-shadow: none;

    z-index: 1;

  

    .text-component {

      h1, h2, h3, h4, p, a {

        color: var(--cd-color-3);

        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);

      }

    }

  }

  

  @include breakpoint(md) {

    @supports (background-attachment: fixed) { // fix bug on IE11 and below 

      .cd-section--bg-fixed {

        background-attachment: fixed;

      }

    }

  } */


  @media screen and (min-width: 768px) {
    #myNav .overlay-content > a:last-child {
        display: none;
    }
  }
  @media screen and (max-width: 1199px) {

    .swiper-slide h2 {

        font-size: 60px;

    }

    .swiper-slide h3 {

        font-size: 40px;

    }

    .swiper-slide h4 {

        font-size: 30px;

    }

  }

  @media screen and (max-width: 992px) {

    .swiper-slide h2 {

        font-size: 50px;

    }

    .swiper-slide h3 {

        font-size: 40px;

    }

    .swiper-slide h4 {

        font-size: 30px;

    }

  }

  @media screen and (max-width: 767px) {
    .caddy-action-header > a {
        display: none;
    }

    .swiper-slide h2 {

        font-size: 40px;

        letter-spacing: 2px;

        margin-bottom: 15px;

    }

    .swiper-slide h3 {

        font-size: 30px;

        letter-spacing: 4px;

        margin-bottom: 15px;

    }

    .swiper-slide h4 {

        font-size: 20px;

        line-height: 1.5em;

        letter-spacing: 4px;

        margin-bottom: 15px;

    }
    .scroll-down-icon {
        top: 95%;
    }

  }