/* ================ allPrograms page styles ===============*/
.calculator h5,
.calculator h1
{
    color: #094026;
}
.zingchart p {
    font-weight: normal !important;
}

.chartsContent .content2 hr {
    border: 0;
    height: 3px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #AD705B, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #AD705B, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #AD705B, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #AD705B, #f0f0f0);
}

.chartsContent .content2 .changeSpanStyles span {
    /*display: inline-block;*/
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 5px;
}

.chartsContent .content2 .changeSpanStyles p {
   font-size: 12px;
}

.programsBox2 {
    padding: 5px;
    background-color: #AD705B; /* gold */
}

/*.programsBox2:hover{*/
/*padding: 10px;*/
/*background-color: darkred;!* gold *!*/
/*transform: scale(1.1);*/
/*transition-duration: 2s;*/
/*}*/

.programsBox2 .content2 {
    background: white;
    padding: 5px;
}

.cutCornerRect {
    position: relative;
}

.cutCornerRect:before,
.cutCornerRect:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    border-bottom: 15px solid #AD705B;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.cutCornerRect:after {
    bottom: auto;
    top: 100%;
    border-bottom: none;
    border-top: 15px solid #AD705B;
}

.fontSizeStyle {
    color: #094026;
    font-size: 12px;
}

.font-weight-bold {
    font-weight: bold;
}

.chartsContent .content button.greenOutlineBtn {
    background-color: #AD705B !important;
    color: white;
    border: none !important;
    width: 100% !important;
    height: 40px;
    padding: 5px !important;
    border-radius: 10px;
    margin: 0 auto;
    font-size: 15px !important;
}

.chartsContent .content2 button.greenOutlineBtn {
    background-color: #094026 !important;
    color: white;
    border: none !important;
    width: 100% !important;
    height: 40px;
    padding: 5px !important;
    border-radius: 10px;
    margin: 0 auto;
    font-size: 15px !important;
}

.chartsContent .content button.calcBtn {
    /*background-color: #AD705B !important;*/
    color: #fff;
}

/*.chartsContent .content button:hover{*/
/*background-color:white !important;*/
/*color:darkred;*/
/*border:1px solid darkred !important;*/
/*border-radius: 10px;*/
/*margin: 0 auto;*/
/*font-size: 15px;*/
/*font-weight: bold;*/
/*}*/

.chartsContent .content button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.cutCornerBtn {
    position: relative;
    box-sizing: border-box;
    border: none !important;
}

.cutCornerBtn:before,
.cutCornerBtn:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    border-bottom: 8px solid #e38a2f;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.cutCornerBtn:after {
    bottom: auto;
    top: 100%;
    border-bottom: none;
    border-top: 8px solid #54A07B;
}

.darkGreen {
    color: #094026;
}

.darkBrown {
    color: #3C1204;
}

.colorDarkOrange {
    color: #094026;
    font-size: 15px;
}

.clubProgramName {
    color: #094026;
    /*font-size: 30px;*/
}

.choosePriceDiv input[type=text] {
    padding: 5px 0;
    border: 1px solid #54A07B;
    border-left: none;
    font-weight: bold !important;
    text-align: center;
    height: 32px !important;
    border-top-right-radius: 20px ;
    border-bottom-right-radius: 20px ;
    font-size: 12px !important;
}

.choosePriceDiv input[type=text]::-webkit-inner-spin-button,
.choosePriceDiv input[type=text]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.chartsContent .content2 .pay p {
    font-weight: bold;
    font-size: 13px;
}

.ytp-expand {
    display: none !important;
}

svg[id$='-svg'] {
    margin-top: -60px ;
}

svg[id$='chart5-svg'] {
    margin-top: -40px !important;
}

svg[id$='chart6-svg'] {
    margin-top: -40px !important;
}

.smallFontSize {
    font-size: 12px;
}

.respChartContent {
    position: absolute !important;
    top: 20%;
    left: 0;
    right: 0;
}

.respChartContent2 {
    position: absolute !important;
    top: 13%;
    left: 0;
    right: 0;
}

/* ================ howItWork page styles ===============*/

.howItWorkText a{
    color: #094026;
    text-decoration: none;
}

.howItWorkText a:hover{
    color: #54A07B;
    text-decoration: none;
}

/*.howItWorkText hr {*/
    /*border: 0;*/
    /*height: 2px;*/
    /*background-image: -moz-linear-gradient(45deg, #ffffff 0%, #094026 50%, #ffffff 100%); !* ff3.6+ *!*/
    /*background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffffff), color-stop(50%, #094026), color-stop(100%, #ffffff)); !* safari4+,chrome *!*/
    /*background-image: -webkit-linear-gradient(45deg, #ffffff 0%, #094026 50%, #ffffff 100%); !* safari5.1+,chrome10+ *!*/
    /*background-image: -o-linear-gradient(45deg, #ffffff 0%, #094026 50%, #ffffff 100%); !* opera 11.10+ *!*/
    /*background-image: -ms-linear-gradient(45deg, #ffffff 0%, #094026 50%, #ffffff 100%); !* ie10+ *!*/
    /*background-image: linear-gradient(45deg, #ffffff 0%, #094026 50%, #ffffff 100%); !* w3c *!*/
    /*margin-bottom: 0;*/
/*}*/

.howItWorkText p {
    text-indent: 2.7em;
}

.lightGreenColor{
    color: #54A07B;;
}

.w2 {
    width: 2%;
}

.w32 {
    width: 40%;
}


.Table {
    width: 100%;
    box-sizing: border-box !important;
}

.Table th {
    font-size: 12px;
    padding: 0;
    vertical-align: center !important;
    text-align: left;
    border: 2px solid black;
    color: black;
}

.Table td {
    font-size: 11px;
    padding: 10px !important;
    vertical-align: center !important;
    text-align: left;
    border: 2px solid black;
    color: black;
}

.noWrapNumber{
    white-space: nowrap;
}

.borderNone{
    border:none !important;
    font-size: 16px !important;
}

#myConfig {
    height: 100% !important;
    width: 100% !important;
}

.redColor{
    color: red !important;
}

/*======================Contact styles======================*/

.imgContent {
    position: relative;
    width: 100%;
}

.contact .backImg {
    background-image: url("../../assets/img/contactImgs/contactPageImg.jpg");
    background-repeat: no-repeat;
    background-clip: content-box;
    background-position: center;
    background-size: cover;
    min-height: 400px;
    height: 100%;
    width:100%;
}

.contact h1 {
    position: absolute;
    top: 38%;
    right: 0;
    left: 0;
    color: white;
    font-size: 70px;
}

.yandexMap a{
    color: #094026;
    text-decoration: none;
    font-weight: bold;
}

.yandexMap a:hover{
    color: #54a07b;
}

.socialIcon1,
.socialIcon2{
    padding: 12px;
    font-size: 20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
}

.socialIcon1:hover,
.socialIcon2:hover
{
    opacity:0.7;
}

.socialIcon1.fb,
.socialIcon2.fb,
.socialIcon1.vk,
.socialIcon2.vk,
.socialIcon1.ok,
.socialIcon2.ok,
.socialIcon1.instagram,
.socialIcon2.instagram{
    background: #094026;
    color: white;
}

.contact h5{
    color: #094026;
}

.contact h5:hover{
    transition: 1s;
    color: #54A07B;
}

.contact .clickable{
    color: #3C1204;
    text-decoration: none;
}
.contact .clickable:hover{
    color: #54A07B;
    text-decoration: none;
}

.contact .contactSpanSize i {
    font-size: 30px;
    color: #094026;
}

.contact .contactSpanSize i:hover {
    font-size: 30px;
    color: #54A07B;
}

.contact .bottomhr{
    border: 0;
    height: 3px;
    background-color:#54A07B ;
    margin: 0;
}

.contact .tophr{
    border: 0;
    height: 5px;
    background-color:#54A07B ;
    margin: 0;
}

.contact .allen{
    font-size: 17px !important;
    color: darkred ;
    margin-top: 4px !important;
    margin-left: 60px !important;
}

.showThisComtent-md{
    display: none;
}

/* ================ photoVideo page styles  ================*/

.videoStyles .youtubeIcon{
    top:45%;
    left:175px;
    font-size:30px;
    color:red;
    background-color: rgba(255,255,255,0.5);
    transform: translate(-50%, -50%);
    border-radius: 10px
}
#loadingFive{
    display: none;
}

.btn:focus{
    box-shadow: none !important;
}

/*******************footer**************/
.mailBoxDiv .email{
    font-size: 12px;
}

.logotip {
    background: rgba(255,255,255,1);
    border-radius: 10%;
    /*box-shadow: 0px 0px 10px rgba(255,255,255,0.4);*/
}