*
{
    position:relative;
    margin:0;
    padding:0;
}

body 
{
    color:#111;
    font-family:'Montserrat';
    font-size:14px;
    font-weight:500;
    overflow-x:hidden !important;
}

main
{
    min-height:calc(100vh - 100px);
}

a
{
    text-decoration:none;
}

h1{font-size:60px;}
h2{font-size:48px;}
h3{font-size:36px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:16px;}

button
{
    cursor:pointer;
}

i
{
    cursor:pointer;
    transition:all 0.3s ease;
}

ul
{
    list-style-type:none;
}

ul li
{
    height:100%;
}

fieldset
{
    border:none;
}

fieldset.two-cols label
{
    text-align:right;
    padding-right:20px;
}

img
{
    display:block;
    max-width:100%;
    max-height:100%;
    margin:0;
    padding:0;
}

p 
{
    white-space:pre-line;
}

.first-section{margin-top:175px !important;} 
.full-section{min-height:calc(100vh - 240px);}

.container-10{width:10% !important;margin:auto;}
.container-15{width:15% !important;margin:auto;}
.container-20{width:20% !important;margin:auto;}
.container-30{width:30% !important;margin:auto;}
.container-40{width:40% !important;margin:auto;}
.container-50{width:50% !important;margin:auto;}
.container-60{width:60% !important;margin:auto;}
.container-70{width:70% !important;margin:auto;}
.container-80{width:80% !important;margin:auto;}
.container-85{width:85% !important;margin:auto;}
.container-90{width:90% !important;margin:auto;}

.overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(45,62,80,0.9);}

.w-10{width:10%;margin:auto;}
.w-20{width:20%;margin:auto;}
.w-30{width:30%;margin:auto;}
.w-40{width:40%;margin:auto;}
.w-50{width:50%;margin:auto;}
.w-60{width:60%;margin:auto;}
.w-70{width:70%;margin:auto;}
.w-80{width:80%;margin:auto;}
.w-90{width:90%;margin:auto;}
.w-100{width:100%;margin:auto;}

.w-10px{width:10px;}
.w-20px{width:20px;}
.w-30px{width:30px;}
.w-40px{width:40px;}
.w-50px{width:50px;}
.w-60px{width:60px;}
.w-70px{width:70px;}
.w-80px{width:80px;}
.w-90px{width:90px;}
.w-100px{width:100px;}
.w-150px{width:150px;}
.w-200px{width:200px;}

.h-10{height:10%;}
.h-20{height:20%;}
.h-30{height:30%;}
.h-40{height:40%;}
.h-50{height:50%;}
.h-60{height:60%;}
.h-70{height:70%;}
.h-80{height:80%;}
.h-90{height:90%;}
.h-100{height:100%;}

.h-10px{height:10px;}
.h-20px{height:20px;}
.h-30px{height:30px;}
.h-40px{height:40px;}
.h-50px{height:50px;}
.h-60px{height:60px;}
.h-70px{height:70px;}
.h-80px{height:80px;}
.h-90px{height:90px;}
.h-100px{height:100px;}

.m-5{margin:5px;}
.m-10{margin:10px;}
.m-20{margin:20px;}
.m-30{margin:30px;}
.m-40{margin:40px;}
.m-50{margin:50px;}
.m-60{margin:60px;}
.m-70{margin:70px;}
.m-80{margin:80px;}
.m-90{margin:90px;}
.m-100{margin:100px;}

.ml-5{margin-left:5px;}
.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:30px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-60{margin-left:60px;}
.ml-70{margin-left:70px;}
.ml-80{margin-left:80px;}
.ml-90{margin-left:90px;}
.ml-100{margin-left:100px;}

.mr-5{margin-right:5px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-40{margin-right:40px;}
.mr-50{margin-right:50px;}
.mr-60{margin-right:60px;}
.mr-70{margin-right:70px;}
.mr-80{margin-right:80px;}
.mr-90{margin-right:90px;}
.mr-100{margin-right:100px;}

.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.mt-120{margin-top:120px;}
.mt-175{margin-top:175px;}
.mt-200{margin-top:200px;}
.mt-250{margin-top:250px;}
.mt-225{margin-top:225px;}
.mt-300{margin-top:300px;}

.mt-mns-5{margin-top:-5px;}
.mt-mns-10{margin-top:-10px;}
.mt-mns-15{margin-top:-15px;}
.mt-mns-20{margin-top:-20px;}
.mt-mns-30{margin-top:-30px;}
.mt-mns-40{margin-top:-40px;}
.mt-mns-50{margin-top:-50px;}
.mt-mns-60{margin-top:-60px;}
.mt-mns-70{margin-top:-70px;}
.mt-mns-80{margin-top:-80px;}
.mt-mns-90{margin-top:-90px;}
.mt-mns-100{margin-top:-100px;}
.mt-mns-175{margin-top:-175px;}

.mb-5{margin-bottom:5px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}

.mlr-5{margin-left:5px;margin-right:5px;}
.mlr-10{margin-left:10px;margin-right:10px;}
.mlr-20{margin-left:20px;margin-right:20px;}
.mlr-30{margin-left:30px;margin-right:30px;}
.mlr-40{margin-left:40px;margin-right:40px;}
.mlr-50{margin-left:50px;margin-right:50px;}
.mlr-60{margin-left:60px;margin-right:60px;}
.mlr-70{margin-left:70px;margin-right:70px;}
.mlr-80{margin-left:80px;margin-right:80px;}
.mlr-90{margin-left:90px;margin-right:90px;}
.mlr-100{margin-left:100px;margin-right:100px;}

.mtb-5{margin-top:5px;margin-bottom:5px;}
.mtb-10{margin-top:10px;margin-bottom:10px;}
.mtb-20{margin-top:20px;margin-bottom:20px;}
.mtb-30{margin-top:30px;margin-bottom:30px;}
.mtb-40{margin-top:40px;margin-bottom:40px;}
.mtb-50{margin-top:50px;margin-bottom:50px;}
.mtb-60{margin-top:60px;margin-bottom:60px;}
.mtb-70{margin-top:70px;margin-bottom:70px;}
.mtb-80{margin-top:80px;margin-bottom:80px;}
.mtb-90{margin-top:90px;margin-bottom:90px;}
.mtb-100{margin-top:100px;margin-bottom:100px;}

.p-5{padding:5px;}
.p-10{padding:10px;}
.p-20{padding:20px;}
.p-30{padding:30px;}
.p-40{padding:40px;}
.p-50{padding:50px;}
.p-60{padding:60px;}
.p-70{padding:70px;}
.p-80{padding:80px;}
.p-90{padding:90px;}
.p-100{padding:100px;}

.pl-0{padding-left:0 !important;} 
.pl-5{padding-left:5px !important;} 
.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.pl-60{padding-left:60px;}
.pl-70{padding-left:70px;}
.pl-80{padding-left:80px;}
.pl-90{padding-left:90px;}
.pl-100{padding-left:100px;}

.pr-5{padding-right:5px;}
.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-60{padding-right:60px;}
.pr-70{padding-right:70px;}
.pr-80{padding-right:80px;}
.pr-90{padding-right:90px;}
.pr-100{padding-right:100px;}

.plr-5{padding-left:5px;padding-right:5px;}
.plr-10{padding-left:10px;padding-right:10px;}
.plr-20{padding-left:20px;padding-right:20px;}
.plr-30{padding-left:30px;padding-right:30px;}
.plr-40{padding-left:40px;padding-right:40px;}
.plr-50{padding-left:50px;padding-right:50px;}
.plr-60{padding-left:60px;padding-right:60px;}
.plr-70{padding-left:70px;padding-right:70px;}
.plr-80{padding-left:80px;padding-right:80px;}
.plr-90{padding-left:90px;padding-right:90px;}
.plr-100{padding-left:100px;padding-right:100px;}

.pt-2{padding-top:2px;}
.pt-5{padding-top:5px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}
.pt-90{padding-top:90px;}
.pt-100{padding-top:100px;}

.pb-1{padding-bottom:2px;}
.pb-5{padding-bottom:5px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}
.pb-90{padding-bottom:90px;}
.pb-100{padding-bottom:100px;}

.ptb-2{padding-top:2px;padding-bottom:2px;}
.ptb-5{padding-top:5px;padding-bottom:5px;}
.ptb-10{padding-top:10px;padding-bottom:10px;}
.ptb-20{padding-top:20px;padding-bottom:20px;}
.ptb-30{padding-top:30px;padding-bottom:30px;}
.ptb-40{padding-top:40px;padding-bottom:40px;}
.ptb-50{padding-top:50px;padding-bottom:50px;}
.ptb-60{padding-top:60px;padding-bottom:60px;}
.ptb-70{padding-top:70px;padding-bottom:70px;}
.ptb-80{padding-top:80px;padding-bottom:80px;}
.ptb-90{padding-top:90px;padding-bottom:90px;}
.ptb-100{padding-top:100px;padding-bottom:100px;}

.tdu{text-decoration:underline;}

.br-5{border-radius:5px;}
.br-10{border-radius:10px;}

.hidden{display:none !important;}

.cp{cursor:pointer;}
.cd{cursor:default !important;}

.white-bg{background-color:#FFF;}
.blue-bg{background-color:#2D3E50;}
.green-bg{background-color:#86BC42;}
.grey-bg{background-color:rgba(229, 229, 229, 0.75);}
.no-bg{background-color:transparent!important;}

.blue-border{border:1px solid #2D3E50;} 
.grey-border{border:2px solid rgba(0,0,0,0.25);}

.blue{color:#2D3E50;}
.green{color:#86BC42;}
.dark-green{color:#435e21;}
.white{color:#FFFFFF;}
.red{color:#FF0000;}

.z-1{z-index:1;}
.z-2{z-index:2;}
.z-3{z-index:3;}
.z-4{z-index:4;}
.z-5{z-index:5;}
.z-6{z-index:6;}
.z-7{z-index:7;}
.z-8{z-index:8;}
.z-9{z-index:9;}
.z-10{z-index:10;}

.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fs-20{font-size:20px;}
.fs-22{font-size:22px;}
.fs-24{font-size:24px;}
.fs-25{font-size:25px;}
.fs-26{font-size:26px;}
.fs-30{font-size:30px;}
.fsi{font-style:italic;}

.fl{float:left;}
.fr{float:right;}

.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}

.db{display:block;}
.dib{display:inline-block;}
.mrgn-none{margin:0 !important;}

.slideable{opacity:0;}
.slideable.active{opacity:1;}

.sub-menu 
{
    position: absolute;
    top: 100%;
    left: -23px;
    height: auto !important;
    width:100%;
    background-color: #ffffff;
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.3);
    padding: 10px;
    z-index:999999999; 
    z-index: -99;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
}

.sub-menu li
{
    padding:10px 0;
}

.has-sub-menu:hover > .sub-menu,
.sub-menu.active
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:999;    
}

.cost::before
{
    content:'US$';
    padding-right:2px;
}

.drp-shdw{filter:drop-shadow(0 0 10px rgba(34, 30, 31, 1));}

.bx-shdw
{
    background:#f6f6f6 none repeat scroll 0 0;
    box-shadow:0 2px 20px rgba(34, 30, 31, 0);
    border:1px solid rgba(45, 62, 80, 0.5);
    border-bottom:5px solid #2D3E50;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    transition:all 0.3s ease 0s;    
}


.bx-shdw:hover
{
    background:#ffffff none repeat scroll 0 0;
    box-shadow:0 2px 20px rgba(34, 30, 31, 0.4);
    border:1px solid transparent;
    border-bottom:5px solid #86BC42; 
}

.bx-shdw:hover button.btn.blue-to-green-bg,
.bx-shdw:hover i.blue-to-green-bg
{
    background:#86BC42 none repeat scroll 0 0 !important;
}

.bx-shdw:hover button.btn.blue-to-green,
.bx-shdw:hover i.blue-to-green
{
    color:#86BC42;
}

.bx-shdw:hover .video-description a
{
    color:#86BC42 !important;
}

.scale-y 
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s, top 0ms;
}

.scale-y.active
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:99999;
}

.has-scale-y:hover .scale-y 
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:99999;
}

.scale-x
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0 0 0;
    transform-origin:0 0 0;
    transition:all 0.3s ease 0s;
}

.scale-x.active
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    z-index:99999;
}

.green-to-blue-bg,
.white-to-blue,
.white-to-blue-bg
{
    transition:all 0.6s ease 0s;
}

.has-green-to-blue-bg:hover .green-to-blue-bg
{
    color:#2D3E50;
}

.has-white-to-blue:hover .white-to-blue
{
    color:#2D3E50;
}

.has-white-to-blue-bg:hover span.white-to-blue-bg
{
    background-color:#2D3E50 !important; 
}

.dropdown
{
    position:fixed;
    top:140px;
    top:0;
    left:10%;
    width:80%;
    background-color:#fff;
    border:2px solid #2C3D4F;
    border-top:none;
    z-index:9999999;
}

.dropdown-100
{
    position:fixed;
    top:140px;
    top:0;
    left:0;
    width:100%;
    background-color:#fff;
    border:2px solid #2C3D4F;
    border-top:none;
    z-index:9999999; 
}

i.fas 
{
    height: 30px;
    width: 30px;
    background-color: #86bc42;
    background-color: #2D3E50;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

i.green-bg
{
    background-color:#86BC42;
}

i.transparent
{
    color:#2D3E50;
    background-color:transparent;
}

/******************************************************************/
/****************************** FLEX ******************************/
/******************************************************************/
.flx-cc 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

.flx-cs 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}

.flx-cs-wrp
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap	
}

.flx-sc 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
}

.flx-ce 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end !important;
    -ms-flex-pack:end !important;
    justify-content:flex-end !important;
}

.flx-sb 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
}

.flx-sb-wrp 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}

.flx-sa
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
}

.flx-sa-wrp 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.flx-se-wrp 
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
/******************************************************************/
/****************************** FLEX ******************************/
/******************************************************************/

/******************************************************************/
/****************************** GRID ******************************/
/******************************************************************/
.two-cols-10-90
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:10% 90%;
    grid-template-columns:10% 90%;    
}

.two-cols-15-85
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:15% 85%;
    grid-template-columns:15% 85%;    
}

.two-cols-20-80
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:20% 80%;
    grid-template-columns:20% 80%;    
}

.two-cols-30-70
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:30% 70%;
    grid-template-columns:30% 70%;    
}

.two-cols-40-60
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:40% 60%;
    grid-template-columns:40% 60%;    
}

.two-cols-45-55
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:45% 55%;
    grid-template-columns:45% 55%;    
}

.two-cols-50-50
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:50% 50%;
    grid-template-columns:50% 50%;    
}

.two-cols-60-40
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:60% 40%;
    grid-template-columns:60% 40%;    
}

.two-cols-70-30
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:70% 30%;
    grid-template-columns:70% 30%;    
}

.two-cols-80-20
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:80% 20%;
    grid-template-columns:80% 20%;    
}

.two-cols-90-10
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:90% 10%;
    grid-template-columns:90% 10%;    
}

.two-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:50% 50%;
    grid-template-columns:50% 50%;    
}

.three-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:33.33% 33.33% 33.33%;
    grid-template-columns:33.33% 33.33% 33.33%;
}

.four-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:25% 25% 25% 25%;
    grid-template-columns:25% 25% 25% 25%;
}

.five-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:20% 20% 20% 20% 20%;
    grid-template-columns:20% 20% 20% 20% 20%;
}

.six-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
    grid-template-columns:16.66% 16.66% 16.66% 16.66% 16.66% 16.66%;
}

.seven-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:14.25% 14.25% 14.25% 14.25% 14.25% 14.25% 14.25%;
    grid-template-columns:14.25% 14.25% 14.25% 14.25% 14.25% 14.25% 14.25%;
}

.eight-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
    grid-template-columns:12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
}

.nine-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:11% 11% 11% 11% 11% 11% 11% 11% 11%;
    grid-template-columns:11% 11% 11% 11% 11% 11% 11% 11% 11%;
}

.ten-cols
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
    grid-template-columns:10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
}

.two-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:50% 50%;
    grid-template-rows:50% 50%;    
}

.three-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:33.33% 33.33% 33.33%;
    grid-template-rows:33.33% 33.33% 33.33%;
}

.four-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:25% 25% 25% 25%;
    grid-template-rows:25% 25% 25% 25%;
}

.five-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:20% 20% 20% 20% 20%;
    grid-template-rows:20% 20% 20% 20% 20%;
}

.six-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;
}

.seven-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.eight-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.nine-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.ten-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.eleven-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09%;
    grid-template-rows:9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09%;
}

.twelve-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;
    grid-template-rows:8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33% 8.33%;
}

.thirteen-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69%;
    grid-template-rows:7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69% 7.69%;
}

.fourteen-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14%;
    grid-template-rows:7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14% 7.14%;
}

.fifteen-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% ;
    grid-template-rows:6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 6.66% 
}

.sixteen-rows
{
    display:-ms-gri !important;
    display:grid !important;
    -ms-grid-rows:6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25%;
    grid-template-rows:6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25% 6.25%;
}

.seventeen-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88%;
    grid-template-rows:5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88% 5.88%;
}

.eighteen-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55%;
    grid-template-rows:5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55% 5.55%;
}

.nineteen-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26%;
    grid-template-rows:5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26% 5.26%;
}

.twenty-rows
{
    display:-ms-grid !important;
    display:grid !important;
    -ms-grid-rows:5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;
    grid-template-rows:5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5% 5%;
}
/******************************************************************/
/****************************** GRID ******************************/
/******************************************************************/

/*********************************************************************/
/****************************** BUTTONS ******************************/
/*********************************************************************/
.btn 
{
    display: inline-block;
    height: 40px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer;
    border-radius:3px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn.two-cols 
{
    height: 50px;
    display:-ms-grid;
    display:grid;    
    -ms-grid-columns:25px auto;
    grid-template-columns:25px auto;
}

.btn-blue, 
i.fas-blue 
{
    color: #fff;
    background-color: #2D3E50;
    transition: background-color 0.3s ease;
}

.btn-green
{
    background-color:#86BC42;
}

.btn-green span
{
    color:#FFF;
}
/*********************************************************************/
/****************************** BUTTONS ******************************/
/*********************************************************************/

/********************************************************************/
/****************************** HEADER ******************************/
/********************************************************************/
#header
{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:140px;
    z-index:999; 
}

#desktop-header
{
    width:100%;
    height:140px;
    color:#fff;
}

#desktop-header-top
{
    width:100%;
    height:60px;
}

#desktop-header-top-container
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:45% 55%;
    grid-template-columns:45% 55%; 
}

#header-info li:nth-child(1)::after
{
    content:'';
    position:absolute;
    left:100%;
    top:20%;
    width:1px;
    height:60%;
    background-color:#fff;
}

#header-info a:hover
{
    color:#86BC42;
}

#header-nav::before
{
    content:'';
    position:absolute;
    left:-28px;
    top:0;
    width:0;
    height:0;
    border-top:60px solid transparent;
    border-right:28px solid #86BC42;
    z-index: 2;
}

#header-nav li
{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;    
}

#desktop-header-top a
{
    color:#fff;
}

#header-nav a:hover
{
    color:#2D3E50;
}

#desktop-header-bottom
{
    width:100%;
    height:80px;
    background-color:#fff;
}

#desktop-header-bottom li
{
    color:#333;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#desktop-header-bottom li a 
{
    color:#333;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    position: relative;
    font-weight: 500;
    =====padding: 0 20px;
}

#fsl-digital-books
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:46px auto;
    grid-template-columns:46px auto;    
}

#cart-tag
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:30px auto;
    grid-template-columns:30px auto;
}

#no-of-cart-items
{
    position:absolute;
    left:calc(100% - 2px);
    top:-5px;
    width:20px;
    height:20px;
    background-color:#fff;
    color:#86BC42;
    border-radius:50%;
}
/********************************************************************/
/****************************** HEADER ******************************/
/********************************************************************/

/********************************************************************/
/****************************** SLIDER ******************************/
/********************************************************************/
#slider 
{
    =margin-top:175px;
    =margin-bottom:50px;
    =margin-left:auto;
    =margin-right:auto;
    
    width:600px;
    height:288px;
    =max-width:600px;
    =max-height:288px;   

    filter:drop-shadow(0 0 10px rgba(34, 30, 31, 1));
    overflow:hidden;
}

#how-to-video
{
    max-width:600px;
    max-height:288px;
    cursor:pointer;    
}

.slide
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    opacity:0; 
    cursor:pointer;
    transition:opacity 1s ease; 
}

.slide.active
{
    opacity:1;  
    z-index:2; 
}

.slide.activating
{
    opacity:0; 
    z-index:3; 
}

.slide img
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;  
}

#slider-left,
#slider-right
{
    position:absolute;
    top:0;
    width:80px;
    height:100%;
    z-index:3; 
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#slider-left
{
    left:0;
}

#slider-right
{
    left:calc(100% - 80px);
}

#slider-left i,
#slider-right i
{
    width:40px;
    height:40px;
    border-radius:50%;
    background-color:#2D3E50;
    color:#fff;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;    
}

#slider-bottom
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:120px;
    z-index:4; 
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

#slider-bottom i
{
    width:60px;
    height:60px;
    border-radius:50%;
    background-color:#2D3E50;
    color:#fff;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}

@media only screen and (max-width:1400px) 
{
    .slider-overlay-container{padding-left:40px;}
}
/********************************************************************/
/****************************** SLIDER ******************************/
/********************************************************************/

/********************************************************************/
/****************************** VIDEOS ******************************/
/********************************************************************/
.video
{
    width:320px;
    =====background-color:rgba(45, 62, 80, 0.5);
}

.video-container
{
    width:280px;
    top:10px;
    margin-left:20px;
    border-top:10px solid rgba(45, 62, 80, 0.5);
}

.video-container::before
{
    content:'';
    position:absolute;
    left:-5px;
    top:-5px;
    width:5px;
    height:100%;
    background-color:rgba(45, 62, 80, 0.5);
}

.video-container::after
{
    content:'';
    position:absolute;
    left:100%;
    top:-5px;
    width:5px;
    height:100%;
    background-color:rgba(45, 62, 80, 0.5);
}

.video-image
{
    width:200px;
    height:200px;
    margin-top:20px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
}

.video-buttons,
.play-buttons,
.audio-buttons,
.play-audio-buttons
{
    position:absolute;
    left:0;
    top:calc(100% - 16px);
    width:100%;
}

i.btn-wishlist.do-not-add 
{
    opacity:0;
} 

.video-buttons i.ext-fas,
.video-prices i.ext-fas,
.audio-buttons i.ext-fas,
.audio-prices i.ext-fas
{
    width:45px;
    height:45px;
    font-size: 24px;
    background-color: #2D3E50;
    border-radius: 5px;    
}

.video-buttons i.int-fas,
.video-prices i.int-fas,
.audio-buttons i.int-fas,
.audio-prices i.int-fas
{

    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 10px !important;
    color: #2D3E50;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.video-buttons i.cart-fas,
.video-prices i.cart-fas,
.audio-buttons i.cart-fas,
.audio-prices i.cart-fas
{
    left:17px;
    top:12px;
}

.fas-info
{
    position:absolute;
    top:-38px;
    width:180px;
    height:30px;
    background-color:#2D3E50;
    color:#fff;
    font-size:10px;
}

.pdf-info
{
    position:absolute;
    top:-38px;
    left:-66px;
    width:180px;
    height:30px;
    background-color:#2D3E50;
    color:#fff;
    font-size:10px;
}

.fas-info.info-error
{
    background-color:#FF6666 !important;
}

.fas-info::after,
.pdf-info::after
{
    content:'';
    position:absolute;
    left:calc(50% - 5px);
    top:calc(100% - 5px);
    width:10px;
    height:10px;
    background-color:#2D3E50;
    transform:rotate(45deg);
}

.fas-info.info-error::after
{
    background-color:#FF6666 !important;
}

.video-description a,
.video-short-description a,
.audio-description a,
.audio-short-description a
{
    color:#2D3E50 !important;   
    font-size:16px;
    font-weight:900;
    text-decoration:underline;     
}

.video-prices,
.audio-prices
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:60px calc(100% - 90px) 30px;
    grid-template-columns:60px calc(100% - 90px) 30px;
}

.play-buttons i
{
    width:15px !important;
    height:15px !important;
    font-size:15px !important;
    padding-left:5px;
}

.play-button,
.play-video-button,
.play-audio-button,
.free-video-trial-button
{
    font-size:12px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:35px calc(100% - 35px);
    grid-template-columns:35px calc(100% - 35px);
}

.play-buttons span
{
    padding-right:10px;
}
/********************************************************************/
/****************************** VIDEOS ******************************/
/********************************************************************/

/********************************************************************************************************************/
/************************************************** MEMBER SIGN IN **************************************************/
/********************************************************************************************************************/
#member-sign-in 
{
    position: fixed;
    top: 140px;
    left: 20%;
    width: 60%;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
    z-index: 999;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    transition: all 0.6s ease 0s;
}

#member-sign-in.active 
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 99999;
}

#member-sign-container
{
    min-height:calc(100vh - 460px);
    margin-top:300px;
}

#sign-in-form
{
    padding:30px;
}

#sign-in-form fieldset
{
    margin-bottom:30px;
}

#sign-in-form fieldset input
{
    background-color:#fff;
    filter:none;
    transition:all 0.3s ease 0s;
}

#sign-in-form:hover fieldset input
{
    background-color:#f6f6f6;
}

#member-sign-in-form 
{
    padding: 30px;
}

#member-sign-in-form fieldset 
{
    margin-bottom: 30px;
}

#member-sign-in-form fieldset input 
{
    width:95%;
    background:#fff none repeat scroll 0 0;
    color: #777777;
    font-size: 14px;
    height: 48px;
    padding: 0 23px;
    border: none;

    transition: all 0.3s ease 0s;
}

#member-sign-in-close
{
    margin-top:5px;
    margin-right:5px;
    background-color:#2D3E50;
    border-radius:3px;
}

#member-sign-in-error 
{
    margin-top: 40px;
    color: red;
    font-size: 20px;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    transition: all 0.6s ease 0s;
}

#member-sign-in-error.active 
{
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 99999;
}

#must-sign-in-message
{
    margin-top:-50px;
    padding-bottom:20px;
    color:red;
}
/********************************************************************************************************************/
/************************************************** MEMBER SIGN IN **************************************************/
/********************************************************************************************************************/

/********************************************************************************************************************/
/************************************************** MEMBER SIGN UP **************************************************/
/********************************************************************************************************************/
#member-sign-up-form fieldset
{
    margin-bottom:20px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:20% 80%;
    grid-template-columns:20% 80%; 
}

#member-sign-up-form input
{
    height:30px;
    padding-left:10px;
    background:#f6f6f6 none repeat scroll 0 0 !important;
}

#member-sign-up-form div.required::before
{
    content:'*';
    position:absolute;
    left:-10px;
    top:10px;
    color:red;
}

#member-sign-up-form div.required input
{
    width:100%;
}

#member-sign-up-form input.danger
{
    background:#f6f6f6 none repeat scroll 0 0 !important;
    border:1px solid red;
}

.member-sign-up-error
{
    color:red;
    margin-bottom:20px;
}
/********************************************************************************************************************/
/************************************************** MEMBER SIGN UP **************************************************/
/********************************************************************************************************************/


/************************************************************************************************************/
/************************************************** BUNDLES **************************************************/
/************************************************************************************************************/
#bundles
{
    background:transparent url('../img/bundles-bg.jpg') 0% 0%/cover no-repeat scroll;
    color:#fff;
}
/************************************************************************************************************/
/************************************************** BUNDLES **************************************************/
/************************************************************************************************************/

/******************************************************************************************************************/
/************************************************** TESTIMONIALS **************************************************/
/******************************************************************************************************************/
#testimonials
{
    width:100%;
    background:transparent url('../img/testimonial-bg.jpg') 0% 0%/cover no-repeat scroll;
    color:#fff;
}

#testimonials-container
{
    overflow:hidden;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:100px calc(100% - 200px) 100px;
    grid-template-columns:100px calc(100% - 200px) 100px;
}

#prev-testimonial,
#next-testimonial
{
    width:40px;
    height:40px;
    font-size:32px;
    background-color:transparent;
}

.testimonial
{
    position:absolute;
    left:0;
    top:0;
    white-space:pre-wrap;
    opacity:0;
}

.testimonial.active
{
    opacity:1;
}

.testimonial-circle
{
    margin-right:5px;
}

.testimonial-circle.active
{
    background-color:#fff;
    border-radius:50%;
}

#testimonials i.fas.fa-school
{
    background-color:transparent;
}

.testimonial-text
{
    font-size:16px;
}
/******************************************************************************************************************/
/************************************************** TESTIMONIALS **************************************************/
/******************************************************************************************************************/

/*******************************************************************************************************************/
/************************************************** SHOPPING CART **************************************************/
/*******************************************************************************************************************/
#shopping-cart
{
    position:fixed !important;
    top:0 !important;
    border-top:1px solid #2D3E50 !important;
}

#close-shopping-cart
{
    position:absolute;
    top:10px;
    left:calc(100% - 40px);
    border-radius:2px;
}

#cart-titles li,
#cart-items li
{
    margin-bottom:10px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:3% 3% 84% 10%;
    grid-template-columns:3% 3% 84% 10%;
}

#cart-items li
{
    padding-top:10px;
    padding-bottom:10px;
}

#cart-bundle-items li
{
    transition:all 1s ease;
}

#cart-items li.removing,
#cart-bundle-items li.removing
{
    background-color:red;
    transition:all 1s ease;
}

#cart-items li.hovered,
#cart-bundle-items li.hovered
{
    background-color:#86BC42;
    transition:all 1s ease;
}

#cart-titles h5
{
    text-decoration:underline;
}

.remove-cart-item
{
    font-size:18px;
    background-color:transparent !important; 
    color:#2D3E50 !important; 
}

#cart-totals
{
    width:15%;
}

#cart-totals::before
{
    content:'';
    display:block;
    width:100%;
    height:2px;
    background-color:#000;
    margin-bottom:10px;
}

#cart-totals::after
{
    content:'';
    display:block;
    width:100%;
    height:2px;
    background-color:#000;
    margin-bottom:10px;
}

#cart-totals li
{
    margin-bottom:20px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:60% 40%;
    grid-template-columns:60% 40%;
}

.cart-bundle-video
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:100px calc(100% - 100px);
    grid-template-columns:100px calc(100% - 100px);
}

/*
.cart-bundle-video img
{
    max-width:40px;
    max-height:40px;
}
*/

#cart-items img,
#cart-audio-items img,
#cart-bundle-items img

{
    max-width:30px;
    max-height:30px;
}
/*******************************************************************************************************************/
/************************************************** SHOPPING CART **************************************************/
/*******************************************************************************************************************/

/****************************************************************************************************************/
/************************************************** CONTACT US **************************************************/
/****************************************************************************************************************/
#contact-us
{
    margin-top:175px;
}
/****************************************************************************************************************/
/************************************************** CONTACT US **************************************************/
/****************************************************************************************************************/

/**********************************************************************************************************/
/************************************************** FAQS **************************************************/
/**********************************************************************************************************/
#faqs
{
    margin-top:175px;
}

.faq
{
    margin-bottom:10px;
}

.question
{
    color:#2C3D4F;
    font-size:24px;
    font-weight:900;
    margin-bottom:5px;
}
/**********************************************************************************************************/
/************************************************** FAQS **************************************************/
/**********************************************************************************************************/

/********************************************************************************************************************/
/************************************************** ERROR MESSAGES **************************************************/
/********************************************************************************************************************/
#error-messages
{
    position:fixed;
    left:0;
    top:175px;
    width:100%;
}

#error-message
{
    color:red;
}
/********************************************************************************************************************/
/************************************************** ERROR MESSAGES **************************************************/
/********************************************************************************************************************/

/**************************************************************************************************************/
/************************************************** WISHLIST **************************************************/
/**************************************************************************************************************/
#wishlist
{
    min-height:200px;
}

#wishlist-titles li,
#wishlist-items li
{
    margin-bottom:20px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:40px 40px 60px calc(100% - 140px) 40px;
    grid-template-columns:40px 40px 60px calc(100% - 140px) 40px;
}

#wishlist-items li
{
    padding-top:20px;
    padding-bottom:20px;
    transition:all 0.5s ease;
}

.wishlist-audio-item img
{
    width:40px;
    height:40px;
}

#wishlist-items li.removing
{
    background-color:red;
}

#wishlist-titles h5
{
    text-decoration:underline;
}

#wishlist-tag 
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:30px auto;
    grid-template-columns:30px auto;
}

#close-wishlist 
{
    position: absolute;
    top: 10px;
    left: calc(100% - 40px);
    border-radius: 2px;
}

.remove-wishlist-item,
.remove-wishlist-audio-item,
.wishlist-add-to-cart-item,
.move-wishlist-item-to-cart,
.move-wishlist-wishlist-item-to-cart
{
    font-size:18px;
    background-color: transparent !important;
    color: #2D3E50 !important;
}

#no-of-wishlist-items 
{
    position: absolute;
    left: calc(100% - 2px);
    top: -5px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    color: #86BC42;
    border-radius: 50%;
}

.wishlist-img
{
    max-width:40px;
    max-height:40px;
}
/**************************************************************************************************************/
/************************************************** WISHLIST **************************************************/
/**************************************************************************************************************/

/************************************************************************************************************/
/************************************************** GRADES **************************************************/
/************************************************************************************************************/
.grade
{
    background-color:rgba(45, 62, 80, 0.25);
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.grade.inactive
{
    display:none;
}

.grade-container
{
    width:calc(100% - 20px);
    height:calc(100% - 20px);
    margin-left:10px;
    margin-top:10px;
    background-color:#fff;
}

.grade .section-title
{
    margin-top:-50px;
    background-color:#f6f6f6; 
    border-radius:5px;    
    z-index:2; 
}

.grade-info
{
    position:absolute;
    top:-33px;
    width:150px;
}

.grade-info::after
{
    content:'';
    position:absolute;
    left:calc(50% - 5px);
    top:calc(100% - 5px);
    width:10px;
    height:10px;
    background-color:#2D3E50;
    transform:rotate(45deg);
}
/************************************************************************************************************/
/************************************************** GRADES **************************************************/
/************************************************************************************************************/

/************************************************************************************************************/
/************************************************** SERIES **************************************************/
/************************************************************************************************************/
.series,
.level,
.category,
#featured,
#free
{
    background-color:rgba(45, 62, 80, 0.25);
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

.series.inactive,
.category.inactive
{
    display:none;
}

.series-container,
.level-container,
.category-container,
.featured-container,
.free-container
{
    width:calc(100% - 20px);
    height:calc(100% - 20px);
    margin-left:10px;
    margin-top:10px;
    background-color:#fff;
}

.series .section-title,
.level .section-title,
.category .category-title,
#featured .section-title,
#free .section-title
{
    margin-top:-50px;
    background-color:#f6f6f6; 
    border-radius:5px;    
    z-index:2; 
}

.series-info,
.category-info
{
    position:absolute;
    top:-33px;
    width:150px;
}

.category-level-info
{
    width:250px;
}

.series-info::after,
.category-info::after
{
    content:'';
    position:absolute;
    left:calc(50% - 5px);
    top:calc(100% - 5px);
    width:10px;
    height:10px;
    background-color:#2D3E50;
    transform:rotate(45deg);
}

.prev-series,
.prev-category,
.next-series,
.next-category
{
    position:absolute;
    width:30px;
    height:30px;
    font-size:15px;
    border-radius:2px;
}

.prev-series,
.prev-category
{
    position:absolute;
    left:-30px;
    top:30px;
}

.next-series,
.next-category
{
    position:absolute;
    left:100%;
    top:calc(50% - 15px);
}

#series-sub-menu,
#levels-sub-menu
{
    width:150%;
    left:-25%;
}
/************************************************************************************************************/
/************************************************** SERIES **************************************************/
/************************************************************************************************************/

.close-buttoon
{
    position: absolute;
    top: 10px;
    left: calc(100% - 40px);
    border-radius: 2px;
}

#grades-navigator
{
    position:fixed;
    top:calc(100% - 100px);
    left:calc(100% - 225px);

    display:-ms-grid;
    display:grid;
    -ms-grid-columns:30px calc(100% - 60px) 30px;
    grid-template-columns:30px calc(100% - 60px) 30px;     
}

.device
{
    display:none;
    visibility:hidden;
}

.grade-videos
{
    position:relative;
    left:0;
    top:calc(100% + 20px);
    width:100%;
}

.video-checkbox,
.bundle-checkbox,
.video-checkbox-container
{
    width:20px;
    height:20px;
    font-size:20px;
}

#videos-dropdown,
#series-dropdown,
#levels-dropdown,
{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:50px 50px auto 50px 50px;
    grid-template-rows:50px 50px auto 50px 50px;
}

#videos-dropdown-messages
{
    width:100%;
    height:30px;
}

#videos-dropdown-message-1,
#videos-dropdown-message-2
{
    position:absolute;
    left:20%;
    top:0;
    width:60%;
    height:30px;
    font-size:24px;
}

/*
#videos-dropdown-message-1,
#videos-dropdown-message-2
{
    display:none;
}

#videos-dropdown-message-1.active,
#videos-dropdown-message-2.active
{
    display:block;
}
*/

.video-option
{
    font-size:10px;
}

i.fa-check-square
{
    color:green;
}

.bundle-checkbox.fa-check-square
{
    color:white;
}

.video-option i.fas.fa-times,
i.fas.fa-times.member-bundle,
i.far.fa-thumbs-up.member-bundle
{
    width:15px;
    height:15px;
    color:red;
    background-color:transparent;
    font-size:12px;
    border:2px solid red;
}

i.fas.fa-times.member-bundle
{
    font-size:14px;
}

i.fas.fa-times.member-bundle::before
{
    padding-left:2px;
}

i.far.fa-thumbs-up.video-chosen
{
    width:12px;
    height:14px;
    font-size:10px;
    color:#006600;
    background-color:transparent;
    border:2px solid #006600; 
    padding-left:3px;   
    padding-top:2px;
    border-radius:2px;
}

i.far.fa-thumbs-up.member-bundle
{
    width:12px;
    height:14px;
    font-size:10px;
    color:#006600;
    color:#fff;
    background-color:transparent;
    border:2px solid #006600; 
    border:2px solid #fff; 
    border-radius:2px;
    padding-left:4px;   
}

.cart-bundle
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:100px calc(100% - 150px) 50px;
    grid-template-columns:100px calc(100% - 150px) 50px;
}

.cart-bundle-videos
{
    display:none;
    width:100%;
}

.cart-bundle-videos.active
{
    display:block;
}

.cart-bundle-video
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:100px calc(100% - 150px) 50px;
    grid-template-columns:100px calc(100% - 150px) 50px;    
}

.remove-cart-bundle,
.show-bundle-videos
{
    font-size: 18px;
    background-color: transparent !important;
    color: #2D3E50 !important;
}

.cart-bundle-video
{
    height:50px;
}

.remove-bundle
{
    width:20px;
    height:20px;
    font-size:18px;
    background-color:transparent !important;
    color:#fff !important;
}

.bundle .col-1
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:30px calc(100% - 30px);
    grid-template-columns:30px calc(100% - 30px);    
}

.bundle .col-1 i
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;   
}

.order-bundle
{
    display:-ms-grid;
    display:grid;    
    -ms-grid-rows:50px auto;
    grid-template-rows:50px auto;    
}

.order-bundle .row
{
    =border:1px solid red;
}

.order-bundle-video
{
    display:-ms-grid;
    display:grid;    
    -ms-grid-columns:50px calc(100% - 50px);
    grid-template-columns:50px calc(100% - 50px);  
}

.order-video
{
    display:-ms-grid;
    display:grid;    
    -ms-grid-columns:50px calc(100% - 100px) 50px;
    grid-template-columns:50px calc(100% - 100px) 50px;  
}

.order-bundle-video-image,
.order-video-image
{
    max-width:40px;
    max-height:40px;
}

.play-video-button-choice
{
    position:absolute;
    top:-38px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:30px;
    background-color:#2D3E50;

    display:-ms-grid;
    display:grid;    
    -ms-grid-columns:30px calc(100% - 60px) 30px;
    grid-template-columns:30px calc(100% - 60px) 30px;  
}

.play-video-button-choice::after
{
    content:'';
    position:absolute;
    left:calc(50% - 5px);
    top:calc(100% - 5px);
    width:10px;
    height:10px;
    transform:rotate(45deg);
    background-color:#2D3E50;
}

.close-button
{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:2; 
}

.success
{
    color:#006600;
}

/***************************************************************************************************************/
/************************************************** VIDEO BOX **************************************************/
/***************************************************************************************************************/
.video-box,
.audio-box
{
    width:300px;  
    transition:all 0.5s ease;  
}

.video-box-container,
.audio-box-container
{
    width:280px;
    margin:auto;
    margin-top:10px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#f6f6f6;
}

.video-box-image,
.audio-box-image
{
    width:200px;
    height:200px;
}

.video-box-shdw,
.audio-box-shdw
{
    background:rgba(45, 62, 80, 0.25) none repeat scroll 0 0;
    box-shadow:0 2px 20px rgba(34, 30, 31, 0);
    border:2px solid rgba(45, 62, 80, 1);
    border-bottom:5px solid #2D3E50;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    transition:all 0.3s ease 0s;
}

.video-box-shdw:hover,
.audio-box-shdw:hover
{
    background-color:#86BC42;
    box-shadow:0 6px 20px rgba(34, 30, 31, 0.8);
    border:2px solid #435e21; 
    border-bottom:5px solid #435e21;
}


.video-box-shdw:hover button.btn.blue-to-green-bg,
.video-box-shdw:hover i.blue-to-green-bg,
.audio-box-shdw:hover button.btn.blue-to-green-bg,
.audio-box-shdw:hover i.blue-to-green-bg
{
    background:#86BC42 none repeat scroll 0 0 !important;
}

.video-box-shdw:hover button.btn.blue-to-green,
.video-box-shdw:hover i.blue-to-green,
.audio-box-shdw:hover button.btn.blue-to-green,
.audio-box-shdw:hover i.blue-to-green
{
    color:#86BC42;
}


i.green-to-green-bg
{
    background-color:#86BC42;
}

.video-box-shdw:hover .video-title,
.audio-box-shdw:hover .audio-title
{
    padding-left:10px;   
}

.video-box-image img,
.audio-box-image img
{
    border:1px solid rgba(45, 62, 80, 1);
    transition:border 0.5s ease;
}

.video-box-shdw:hover .video-box-image img,
.video-box-shdw:hover .audio-box-image img
{
    border:1px solid #435e21;
}

.next-grade-container
{
    position:absolute;
    width:100%;
    height:50px;
    top:calc(100% - 25px);
}

.next-grade-container i
{
    height:50px;
    width:50px;
    font-size:40px;
}
/***************************************************************************************************************/
/************************************************** VIDEO BOX **************************************************/
/***************************************************************************************************************/

/*******************************************************************************************************************/
/************************************************** VIDEO DETAILS **************************************************/
/*******************************************************************************************************************/
#video-details
{
    position:fixed;
    left:0;
    top:-100vh !important;
    width:100%;
    height:100vh;
    color:#fff;
    background-color:#2D3E50;
    background-color:#243140;
    z-index:9999999; 
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:80px calc(100% - 80px);
    grid-template-rows:80px calc(100% - 80px);        
    transition:top 0.5s ease;
}


#video-details.active
{
    top:0 !important; 
}

#video-details a
{
    display:inline-block;
    color:#86BC42;
}

#video-details h3
{
    font-size:14px;
    text-align:center;
}


#video-details-title
{
    margin-bottom:20px;
}

#video-details-image
{
    max-width:300px;
}

#video-details-title,
#video-details-image,
#video-details-description,
#video-details-buttons
{
    opacity:0;
}

#video-details-title.active,
#video-details-image.active,
#video-details-description.active,
#video-details-buttons.active
{
    opacity:1;
}

#video-detils-info
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:300px calc(100% - 300px);
    grid-template-columns:300px calc(100% - 300px);
}

#video-details-details
{
    margin-top:-200px;
}

#video-details-description div
{ 
    font-size:16px;
    line-height:20px;
    white-space:normal !important;
}

#video-details-description p
{ 
    font-size:16px;
    line-height:20px;

    white-space:normal !important;
    white-space:pre-line !important;

}

#video-details .video-buttons 
{
    margin-top:50px !important; 
}

#video-details .video-buttons i
{
    background-color:#fff;
    color:#2D3E50;
}

#video-details .video-buttons .fas-info
{
    background-color:#fff;
    color:#2D3E50;    
}

#video-details .video-buttons .fas-info::after 
{
    background-color:#FFF !important; 
}

#video-details .video-buttons .int-fas
{
    color:#FFF !important; 
}

#video-details i.fa-times
{
    background-color:#243140;
}

#video-promotion i
{
    background-color:#fff !important; 
    color:#243140 !important; 
}

#video-promotion i > i.fas
{
    background-color:transparent !important;
    color:#fff !important; 
}

#video-promotion .fas-info
{
    background-color:#fff !important;
    color:#243140 !important; 
}

#video-promotion .fas-info::after
{
    background-color:#fff !important;
}

#video-promotion p 
{
    font-size: 16px;
    line-height: 20px;
    white-space: normal !important;
    white-space: pre-line !important;
}

#video-promotion a 
{
    display:inline-block;
    color:#86BC42;
    font-size:20px;
    font-weight:700;
}

#video-promotion-title,
#video-promotion-image,
#video-promotion-description,
#video-details-buttons
{
    opacity:0;
}

#video-promotion-title.active,
#video-promotion-image.active,
#video-promotion-description.active,
#video-details-buttons.active
{
    opacity:1;
}

#video-promotion .video-details
{
    display:none;
}
/*******************************************************************************************************************/
/************************************************** VIDEO DETAILS **************************************************/
/*******************************************************************************************************************/

#my-videos-button
{
    position:fixed;
    top:200px;
    left:calc(100% - 170px);
    border:1px solid #FFF;
    border-radius:2px;
    z-index:999; 
    cursor:pointer;
}

#grades-dropdown i.fas.fa-check-square
{
    width:14px;
    height:14px;
    background-color:transparent;
    color:green;
}

.info-popup
{
    position:absolute;
    left:-80px;
    top:-20px;
    width:200px;
    height:22px;
    font-size:12px;
    background-color:#2D3E50;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;    
}

.info-popup::before
{
    content:'';
    position:absolute;
    left:calc(50% - 5px);
    top:calc(100% - 5px);
    width:10px;
    height:10px;
    transform:rotate(45deg);
    background-color:#2D3E50;
}

.has-info-popup:hover .info-popup
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    z-index:99999;    
}

/**********************************************************************************************************/
/************************************************** INFO **************************************************/
/**********************************************************************************************************/
#info
{
    position:fixed;
    top:0;
    left:20%;
    width:60%;
    z-index:9999999; 
}
/**********************************************************************************************************/
/************************************************** INFO **************************************************/
/**********************************************************************************************************/

/*********************************************************************************************************************/
/************************************************** VIDEO PROMOTION **************************************************/
/*********************************************************************************************************************/
#video-promotion
{
    position:absolute;
    left:0;
    top:140px;
    width:100%;
    min-height:calc(100vh - 140px);
    background-color:#243140;
    color:#fff;
}

#video-promotion-details
{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:300px calc(100% - 300px);
    grid-template-columns:300px calc(100% - 300px);    
}
/*********************************************************************************************************************/
/************************************************** VIDEO PROMOTION **************************************************/
/*********************************************************************************************************************/

.device-has-sub-menu
{
    margin-left:-30px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:30px calc(100% - 30px);
    grid-template-columns:30px calc(100% - 30px);
}

.device-has-sub-menu span
{
    height:100%;
}

#levels-title
{
    display:none;
}

#user-reset-password-form
{
    position:fixed;
    top:200px;
    left:35%;
    width:30%;
    min-height:calc(100vh - 300px);
}

#user-reset-password-form fieldset
{
    margin-bottom:30px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:40% 60%;
    grid-template-columns:40% 60%;    
}

.two-play-buttons
{
    width:300px;
}