@import url('https://fonts.googleapis.com/css?family=Oswald:300,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@font-face {
    font-family: 'Gotham Ultra';
    src: url("fonts/GothamUltra.eot");
    src: url("fonts/GothamUltra.eot?#iefix") format("embedded-opentype"), url("fonts/GothamUltra.woff2") format("woff2"), url("fonts/GothamUltra.woff") format("woff"), url("fonts/GothamUltra.ttf") format("truetype"), url("fonts/GothamUltra.svg#GothamUltra") format("svg");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: 'Gotham';
    src: url("fonts/GothamLight.eot");
    src: url("fonts/GothamLight.eot?#iefix") format("embedded-opentype"), url("fonts/GothamLight.woff2") format("woff2"), url("fonts/GothamLight.woff") format("woff"), url("fonts/GothamLight.ttf") format("truetype"), url("fonts/GothamLight.svg#GothamLight") format("svg");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: 'Gotham';
    src: url("fonts/GothamThin.eot");
    src: url("fonts/GothamThin.eot?#iefix") format("embedded-opentype"), url("fonts/GothamThin.woff2") format("woff2"), url("fonts/GothamThin.woff") format("woff"), url("fonts/GothamThin.ttf") format("truetype"), url("fonts/GothamThin.svg#GothamThin") format("svg");
    font-weight: 100;
    font-style: normal
}
@font-face {
    font-family: 'Gotham';
    src: url("fonts/GothamExtraLight.eot");
    src: url("fonts/GothamExtraLight.eot?#iefix") format("embedded-opentype"), url("fonts/GothamExtraLight.woff2") format("woff2"), url("fonts/GothamExtraLight.woff") format("woff"), url("fonts/GothamExtraLight.ttf") format("truetype"), url("fonts/GothamExtraLight.svg#GothamExtraLight") format("svg");
    font-weight: 200;
    font-style: normal
}
@font-face {
    font-family: 'Lato';
    src: url("fonts/Lato-Light.eot");
    src: url("fonts/Lato-Light.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Light.woff2") format("woff2"), url("fonts/Lato-Light.woff") format("woff"), url("fonts/Lato-Light.ttf") format("truetype"), url("fonts/Lato-Light.svg#Lato-Light") format("svg");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: 'Lato';
    src: url("fonts/Lato-Regular.eot");
    src: url("fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Regular.woff2") format("woff2"), url("fonts/Lato-Regular.woff") format("woff"), url("fonts/Lato-Regular.ttf") format("truetype"), url("fonts/Lato-Regular.svg#Lato-Regular") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Lato';
    src: url("fonts/Lato-Bold.eot");
    src: url("fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Bold.woff2") format("woff2"), url("fonts/Lato-Bold.woff") format("woff"), url("fonts/Lato-Bold.ttf") format("truetype"), url("fonts/Lato-Bold.svg#Lato-Bold") format("svg");
    font-weight: bold;
    font-style: normal
}
@font-face {
    font-family: 'Gotham';
    src: url("fonts/GothamMedium.eot");
    src: url("fonts/GothamMedium.eot?#iefix") format("embedded-opentype"), url("fonts/GothamMedium.woff2") format("woff2"), url("fonts/GothamMedium.woff") format("woff"), url("fonts/GothamMedium.ttf") format("truetype"), url("fonts/GothamMedium.svg#GothamMedium") format("svg");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: 'Gotham';
    src: url("fonts/GothamBlack.eot");
    src: url("fonts/GothamBlack.eot?#iefix") format("embedded-opentype"), url("fonts/GothamBlack.woff2") format("woff2"), url("fonts/GothamBlack.woff") format("woff"), url("fonts/GothamBlack.ttf") format("truetype"), url("fonts/GothamBlack.svg#GothamBlack") format("svg");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: 'Gotham';
    src: url("fonts/GothamBold.eot");
    src: url("fonts/GothamBold.eot?#iefix") format("embedded-opentype"), url("fonts/GothamBold.woff2") format("woff2"), url("fonts/GothamBold.woff") format("woff"), url("fonts/GothamBold.ttf") format("truetype"), url("fonts/GothamBold.svg#GothamBold") format("svg");
    font-weight: bold;
    font-style: normal
}
@font-face {
    font-family: 'Lato';
    src: url("fonts/Lato-Black.eot");
    src: url("fonts/Lato-Black.eot?#iefix") format("embedded-opentype"), url("fonts/Lato-Black.woff2") format("woff2"), url("fonts/Lato-Black.woff") format("woff"), url("fonts/Lato-Black.ttf") format("truetype"), url("fonts/Lato-Black.svg#Lato-Black") format("svg");
    font-weight: 900;
    font-style: normal
}
@font-face {
    font-family: 'Thirsty Script';
    src: url("fonts/ThirstyScriptRegular.eot");
    src: url("fonts/ThirstyScriptRegular.eot?#iefix") format("embedded-opentype"), url("fonts/ThirstyScriptRegular.woff2") format("woff2"), url("fonts/ThirstyScriptRegular.woff") format("woff"), url("fonts/ThirstyScriptRegular.ttf") format("truetype"), url("fonts/ThirstyScriptRegular.svg#ThirstyScriptRegular") format("svg");
    font-weight: normal;
    font-style: normal
}

html {
    min-height: 100%;
    height: auto;
    position: relative;
}
body {

    /*	height: 100%;*/
    font-family: "Lato";
    font-weight: 400;
    overflow-x: hidden;
    min-height: 100%;
    color: #231f20;

}

em,i{
    font-style:normal;
}
/*.page-wrapper {
    padding-bottom: 150px;
}*/
footer .float-right{text-align: right;}
/*body{
        
        height: 100%;
        font-family: "Lato";
        font-weight: 400;
        overflow-x: hidden
}
html{
       height: 100%; 
       width:100%;
      
}*/
.top-nav {
    background-color: #3b546d;
}
.top-nav li a,
.dropdown-menu.logout-menu li a{
    padding-left: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    font-size:13.6px;
    color: #fff;
    font-weight: 700;
    font-family: lato;
    cursor: pointer;
}


.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .top-nav li a:focus, .top-nav li a:hover {
    background: transparent;
}



.top-nav li a:hover
{
    color:#7688ad;
    background: rgba(13,31,66,0.5);
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.padding-l-0{padding-left:0px;}
.padding-l-30{padding-left:40px;}
.padding-t-30{padding-top:30px;}




.top-nav ul li.drop-down-parent > .drop-down,
.dropdown-menu.logout-menu {
    -moz-border-radius: 3px /1px;
    -webkit-border-radius: 3px 1px;
    border-radius: 3px /1px;
    background-color: transparent;
    -moz-box-shadow: 3px 4px 9px rgba(0,0,0,0.75), inset 1px 1px rgba(255,255,255,0.47);
    -webkit-box-shadow: 3px 4px 9px rgba(0,0,0,0.75), inset 1px 1px rgba(255,255,255,0.47);
    box-shadow: 3px 4px 9px rgba(0,0,0,0.75), inset 1px 1px rgba(255,255,255,0.47);
    border: solid 1px #293540;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMTkyMiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDRhNTgiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(17,25,34,0.5)),color-stop(100%, rgba(61,74,88,0.5)));
    background-image: -moz-linear-gradient(bottom, rgba(17,25,34,0.5),rgba(61,74,88,0.5));
    background-image: -webkit-linear-gradient(bottom, rgba(17,25,34,0.5),rgba(61,74,88,0.5));
    background-image: linear-gradient(to top, rgba(17,25,34,0.5),rgba(61,74,88,0.5));
    left: 0;
    right: auto;
    padding:0;
}
.top-nav ul li.drop-down-parent > .drop-down:after,
.dropdown-menu.logout-menu:after{
    content: "";
    top: -20px;
    left: 20px;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #7687a9
}
.dropdown-menu.logout-menu {
    right: -10px;
    left: auto;
    top:66px;
}
.dropdown-menu.logout-menu:after {
    right: 10px;
    left: auto;
}
.dropdown-menu.logout-menu li a {
    text-transform: uppercase;
}
.logout-wrapper li:hover .dropdown-menu.logout-menu{
    display: block;
}
.btn-blue {
    border-radius: 3px;
    background-color: #000;
    -webkit-box-shadow: 1px 1px rgba(0,0,0,.54), inset 1px 1px rgba(255,255,255,.22), inset 0 0 15px rgba(255,255,255,.03);
    -moz-box-shadow: 1px 1px rgba(0,0,0,.54), inset 1px 1px rgba(255,255,255,.22), inset 0 0 15px rgba(255,255,255,.03);
    box-shadow: 1px 1px rgba(0,0,0,.54), inset 1px 1px rgba(255,255,255,.22), inset 0 0 15px rgba(255,255,255,.03);
    border: solid 1px rgba(0,0,0,.86);
    background-image: -webkit-linear-gradient(bottom, #244386, #2c539e);
    background-image: -moz-linear-gradient(bottom, #244386, #2c539e);
    background-image: -o-linear-gradient(bottom, #244386, #2c539e);
    background-image: -ms-linear-gradient(bottom, #244386, #2c539e);
    background-image: linear-gradient(to top, #244386, #2c539e);
    font-size: 13px;
    color: #d7d7d7;
    text-shadow: 0 -1px #000;
}
.btn-blue:hover {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0NDM4NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJjNTM5ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #244386),color-stop(100%, #2c539e));
    background-image: -moz-linear-gradient(top, #244386,#2c539e);
    background-image: -webkit-linear-gradient(top, #244386,#2c539e);
    background-image: linear-gradient(to bottom, #244386,#2c539e);
    color: #fff
}
.top-nav ul li.drop-down-parent > .drop-down li a,
.dropdown-menu.logout-menu li a {
    color: #fff;
    display: block;
    text-shadow: 0 -1px 3px rgba(0,0,0,0.75);
    padding: 6.5px 10px;

    /*        padding: 2.5px 10px*/

}
.top-nav ul li.drop-down-parent > .drop-down li:not(:last-of-type) a,
.dropdown-menu.logout-menu li:not(:last-of-type) a {
    border-bottom: 1px solid #000;
    -moz-box-shadow: 1px 1px rgba(255,255,255,0.1);
    -webkit-box-shadow: 1px 1px rgba(255,255,255,0.1);
    box-shadow: 1px 1px rgba(255,255,255,0.1)
}
.top-nav ul li.drop-down-parent > .drop-down li.active a {
    background: rgba(13,31,66,0.5);
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(255,255,255,0.05)),color-stop(100%, rgba(255,255,255,0.2)));
    background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.05),rgba(255,255,255,0.2));
    background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.05),rgba(255,255,255,0.2));
    background-image: linear-gradient(to top, rgba(255,255,255,0.05),rgba(255,255,255,0.2))
}
.top-nav ul li.drop-down-parent > .drop-down li a:hover,
.dropdown-menu.logout-menu li a:hover{
    background: rgba(13,31,66,0.5)
}
.top-nav .navbar-brand {
    height: auto;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block
}
.top-nav .navbar-toggle {
    margin-top: 20px
}
.top-nav .navbar-toggle .icon-bar {
    background: #fff
}
.big-view {
    font-size: 70px;
    font-family: "Gotham Ultra";
    line-height: 50px
}
.view-thisty {
    font-family: "Thirsty Script";
    font-size: 40px
}
.top-banner,.faq-page {
    height: 100vh;
    /*        height: 80%;*/
    /* background-image: url("images/group-banner.jpg");*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 70px;
}
.top-banner.faq-page.short-banner {
    height: 50vh;
}
.faq-page{
    /*background-image: url("images/group-banner-1.jpg");*/
    background-attachment: fixed;
    height: 100vh;
}
.top-banner .page-heading {
    color: #fff;
    font-size: 90px;
    font-weight: 700;
    text-transform: uppercase;
}
.top-banner.slider-col {
    height: calc(100vh - 69px);
    padding-top: 0;
}

.top-banner.slider-col .carousel-inner .item {
    height: calc(100vh - 69px);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.cover-div + .front-slider .item{
    background: transparent !important;
}
.top-banner.slider-col .carousel-inner .item .carousel-caption {
    bottom: auto;
    top: 25%;
    left: 15vw;
    text-align: left;
    width: 80%;
}
.top-banner.slider-col .carousel-inner .item .carousel-caption h3 {
    font-size: 42px;
    margin-top: 0;
    font-weight: 300
}
.top-banner.slider-col .carousel-inner .item .carousel-caption h3 strong {
    font-size: 55px;
    font-weight: 700
}
.top-banner.slider-col .carousel-inner .item .carousel-caption p {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 60px;
    line-height: 28px;
    width: 80%;
}
.top-banner.slider-col .control-wrap {
    overflow: hidden;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15vw;
    z-index: 10;
}
.top-banner.slider-col .control-wrap .carousel-control {
    top: auto;
    width: auto;
    position: relative;
    padding: 15px 30px;
    display: inline-block
}
.top-banner.slider-col .control-wrap .carousel-control.left {
    background: #ab0033;
    opacity: 1;
    z-index: 3;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    margin-right: -15px;
    margin-left: -10px
}
.top-banner.slider-col .control-wrap .carousel-control.left .eleg {
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    display: inline-block
}
.top-banner.slider-col .control-wrap .carousel-control.right {
    background: #1a428a;
    opacity: 1
}
.top-banner.slider-col h1 {
    color: #fff;
    font-size: 90px;
    font-weight: 700
}
.login-area {
    background: url("images/login-banner.jpg") no-repeat center center;
    background-size: cover
}
.login-area .login-form {
    box-shadow: 1px 1px 0 0 rgba(255,255,255,0.47) inset, 0 6px 12px rgba(0,0,0,0.175);
    background: transparent;
    -moz-border-radius: 8px /6px;
    -webkit-border-radius: 8px 6px;
    border-radius: 8px /6px;
    -moz-box-shadow: 3px 4px 9px rgba(0,0,0,0.75), inset 1px 1px rgba(255,255,255,0.47);
    -webkit-box-shadow: 3px 4px 9px rgba(0,0,0,0.75), inset 1px 1px rgba(255,255,255,0.47);
    box-shadow: 3px 4px 9px rgba(0,0,0,0.75), inset 1px 1px rgba(255,255,255,0.47);
    border: solid 1px #293540;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0,0,0,0.8)),color-stop(100%, rgba(0,0,0,0.6)));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0.6),rgba(0,0,0,0.1));
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.6),rgba(0,0,0,0.1));
    background-image: linear-gradient(to right, rgba(0,0,0,0.6),rgba(0,0,0,0.1));
    border-radius: 10px;
    margin-top: 40vh;
    margin-bottom: 40vh;
    position: relative;
}                                                                         
/*.login-area .login-form:before
{
    content: "";
    position: absolute;
    top: 91%;
    background: url(images/shadow-color.png) no-repeat center center;
    left: 0;
    width: 100%;    
    height: 100px;
 
}*/
/*.login-area .login-form .form-content:before{
    content: "";
    position: absolute;
    top: 0px;
        background: url(images/traingle-icon-img.png) no-repeat center center;
    right: 0;
    width: 100%;
    height: 370px;   
}*/

.login-area .login-form .form-content {
    text-align: center;
    color: #fff;
    padding-top: 50px;
    margin-bottom: 20px;
    position: relative;
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
}
.login-area .login-form .form-content h2 {
    font-family: 'Gotham';
    font-weight:900;
    font-size: 56px;
}
.login-area .login-form .form-content p {
    font-size: 16px;
    margin-bottom: 0;
    color:#cdcdcd;
}
.login-area .login-form .form-content p .btn {
    padding: 0;
    color: #28b1f0;
    text-decoration: underline;
}
.login-area .login-form .form-value {
    max-width: 300px;
    margin: 0 auto
}
.login-area .login-form .form-value .form-control {
    border: 1px solid #000
}
.login-area .login-form .form-value .btn-wrap {
    margin-top: 40px;
    padding-bottom: 50px
}
.login-area .login-form .form-value .btn-wrap a {
    color: #fff;
    display: inline-block;
    margin-top: 5px
}
.footer {
    background-color: #1d479a;
    padding-top: 15px;
    padding-bottom: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 86px;
}
.footer .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}
.footer .row .footer-text {
    font-size: 12px;
    font-weight: bold;
    color: #bababa;
    margin-bottom: 0
}
.footer .row img {
    display: inline-block
}
.footer .row .eleg {
    /*color: #bababa;*/
    font-size: 36px;;
    opacity: 1;
    margin-left: 10px
}
.footer .row .eleg:hover{
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
.footer .row:after, .footer .row:before{
    display:none;
}
.footer .social_facebook_circle {
    color: #2b3990;
}
.footer .social_twitter_circle {
    color: #27aae1;
}
.social-block img {
    width: 50px !important;
    padding: 6px;
    border: 0;
    box-shadow: none !important;
    display: inline !important;
    vertical-align: middle;
}
.social-block img:hover{
    opacity: 0.6;
}
section.center-heading{
    background: #fff;
    position: relative;
    padding: 5px 0;
}
.center-heading h5 {
    text-align: center;
    background: #ab0033;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0;    
}
.center-heading h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;

}
.center-heading h5 a{
    color: #2e375f;
}
.img-ml{
    display: inline-block;
    margin-left: 40px;
}
section.main-heading,section.main-heading a{
    text-align: center;
    background: #ab0033;
    color: #fff;
    padding: 5px 0;
    margin: 5px 0;
}
.main-heading h4 {
    font-family: "Gotham Ultra";
    background: #ab0033;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 40px;
    margin: 0;
	text-transform: uppercase;
}
.main-heading h4 .download-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    vertical-align: middle;
    background: #1a428a url("images/download-icon.png") no-repeat center center
}
.btn-col {
    display: inline-block;
    overflow: hidden;
    color: #fff;
    text-shadow: none
}
.video-gallary-section{
    background: #fff;
}
.btn-col .btn-text {
    display: inline-block;
    background: #ab0033;
    padding: 15px 20px;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    margin-right: -15px;
    margin-left: -10px
}
.btn-col .btn-text small {
    display: block;
    -webkit-transform: skew(20deg);
    transform: skew(20deg);
    font-size: 14px
}
.btn-col .btn-icon {
    display: inline-block;
    background: #1a428a;
    padding: 15px 20px
}
.btn-col:hover {
    color: #ccc
}
.services .flex-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;

}
.services .flex-view [class*="area-"] {
    width: 33%;
    padding: 20px;
    margin-bottom: 5px;
    height: 370px;
    overflow-y: auto;
    display: flex;
    -webkit-box-align: end;
    align-items: center;
}
.services .flex-view .area-video {
    background-image: url("images/area-video.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    color: #fff;
    overflow:hidden;
    font-family: 'Montserrat', sans-serif;
}
.services .flex-view .area-video h4 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 30px
}
.services .flex-view .area-video .btn-see {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
    display: inline-block
}
.services .flex-view .area-video .btn-see:hover {
    text-decoration: none
}
.services .flex-view .area-video .btn-see .pink-circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #ab0033;
    vertical-align: middle;
    line-height: 14px;
    border-radius: 50%;
    border: 2px solid #fff
}
.services .flex-view .area-color {
    background: #ddd;
    position: relative;
    overflow: hidden;
}
.services .flex-view .area-color .content-slider {
    position: static
}
.services .flex-view .area-color .content-slider .carousel-indicators {
    background: #1a428a;
    padding: 5px 2px 5px 0;
    width: 90px;
    margin-left: 0;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    margin-bottom: 0
}
.services .flex-view .area-color .content-slider .carousel-indicators:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 30px solid #1a428a;
    border-left: 15px solid transparent;
    left: -15px;
    bottom: 0px
}
.services .flex-view .area-color .content-slider .carousel-indicators li {
    list-style-type: square;
    border-radius: 0;
    border-color: #666c8c;
    background: #2e375f
}
.services .flex-view .area-color .content-slider .carousel-indicators li.active {
    background: #fff;
    border-color: #fff
}
/*
.services .flex-view .area-color .content-slider:before {
    content: "";
    background: url("images/quoto-icon.png") no-repeat top center;
    position: absolute;
    left: 10px;
    top: 45px;
    width: 28px;
    height: 28px;
    background-size: 100%
}*/
.services .flex-view .area-color .content-slider .item h3:before {
    content: "";
    background: url("images/quoto-icon.png") no-repeat top center;
    position: absolute;
    left: 2px;
    top: -5px;
    width: 28px;
    height: 28px;
    background-size: 100%
}
.services .flex-view .area-color .content-slider .item {
    padding-left: 45px;
    padding-right: 5px;
    max-height: 350px;
    overflow: auto;
}
.services .flex-view .area-color .content-slider .item h3 {
    font-size: 25px;
    font-family: "Gotham Ultra";
    color: #2e375f;
    margin-top: 0
}
.services .flex-view .area-color .content-slider .item p {
    font-size: 12px;
    line-height: 20px;
    color: #888;
    text-align: left
}
.services .flex-view .area-color .content-slider .item .user-name {
    display: block;
    color: #2e375f;
    font-family: "Lato";
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 20px
}
.services .flex-view .area-color .content-slider .item .user-name+ span {
    font-size: 14px;
    color: #888
}
.services .flex-view .area-view {
    background-image: url("images/area-content.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff
}
.services .flex-view .area-view p {
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px
}
.services .flex-view.pages [class*="area-"] {
    text-align: center;
    padding-left: 35px;
    padding-right: 35px;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: center;
    position: relative;
}
.services .flex-view.pages [class*="area-"] h2 {
    font-family: "Gotham Ultra";
    color: #fff;
    font-size: 42px;
    line-height: 40px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 40px;
    text-transform: uppercase;
}
.younger-kamper-age-section .flex-view.pages [class*="area-"] h2{
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 70px;
    text-transform:uppercase;
}
.services .flex-view.pages [class*="area-"] .btn-line-white {
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #fff;
    color: #fff;
    min-width: 120px;
    font-weight: 700;
    will-change: background, color;
    -webkit-transition: 0.3s background, 0.3s color;
    transition: 0.3s background, 0.3s color;

    position: absolute;
    bottom: 40px;
    margin: auto;
    left: 0;
    right: 0;
    width: 30%;
}
.services .flex-view.pages [class*="area-"] .btn-line-white:hover {
    background: #fff;
    color: #333;
    border-color: #fff
}

.services .flex-view.pages .area-k1 {
    background: url(images/pink-bg.jpg) no-repeat center center;
    background-size: cover;
}
.services .flex-view.pages .area-k2 {
    background: url(images/gray-bg.jpg) no-repeat center center;
    background-size: cover;
}
.services .flex-view.pages .area-k2 h2 {
    color: #112b5c;
}
.services .flex-view.pages .area-k2 .btn-line-white {
    border-color: #112b5c;
    color: #112b5c;
}
.services .flex-view.pages .area-staff {
    background: url(images/blue-bg.jpg) no-repeat center center;
    background-size: cover;
}
.about-section .flex-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}
.about-section .flex-view .about-img {
    position: relative;
    width: 40%;
    margin-bottom: 5px;
    background-image: url("images/lg-img.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 399px;
}
.about-section .flex-view .about-img .name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: block;
    padding: 20px 10px;
    color: #fff;
    background: #ab0033;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center
}
.about-section .flex-view .about-content {
    width: 59%;
    margin-left: 1%
}
.about-section .flex-view .about-content .inner-heading h2 {
    font-size: 40px;
    color: #1a428a;
    font-family: "Gotham Ultra";
    margin-top: 0
}
.about-section .flex-view .about-content blockquote {
    color: #333;
    font-size: 16px;
    border-left: 0;
    font-weight: 700
}
.about-section .flex-view .about-content p {
    font-size: 13px;
    line-height: 20px;
    color: #888
}
.inner-banner {
    background-image: url("images/inner-banner.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 76px;
    text-align: center
}
.inner-banner .page-heading {
    font-family: "Gotham Ultra";
    font-size: 35px;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 50px
}

.inner-banner.gray-banner .page-heading{
    color: #112b5c;
}

.lesson-section .blockquote-col {
    border-left: 0;
    padding-right: 100px;
    padding-left: 100px;
    margin-top: 60px;
    margin-bottom: 60px;
    font-weight: bold;
    font-style: italic;
    color: #252525
}
.lesson-section .blockquote-col:first-letter {
    font-size: 75px;
    font-style: normal;
    line-height: 75px;
    color: #184496
}

.bread-crum-section #imaginary_container{
    margin-top:0px;
}
.paggination-wrapper li a{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    color: #184496;
    font-family: "Lato";
    padding: 10px 4px;
}

.bread-crum-section{
    padding-bottom:20px;
}
.kamper-lesson-page .lesson_nav_box{
    margin-top:30px;
}
.red-banner {
    background: url(images/red-banner.jpg) no-repeat center center;
    background-size: cover;
}
.gray-banner {
    background: url(images/gray-banner.jpg) no-repeat center center;
    background-size: cover;
}
.blue-banner {
    background: url(images/blue-banner.jpg) no-repeat center center;
    background-size: cover;
}
.grey-banner {
    background: url(images/grey-bg.jpg) no-repeat center center;
    background-size: cover;
}
/*===========================31-03-17==========================================================*/

.modal-backdrop.in{opacity: .9;}
.lession-content
{
    padding-top:40px;

}
.inner-heading
{
    font-size: 30px;
    line-height: 30px;
    color: #184496;
    font-family: 'Lato';
    font-weight: 600;
}
.blockquote-col2
{
    font-size: 25px;
    line-height: 26px;
    color: #184496;
    font-family: 'Lato';
    font-weight: 700;
    padding: 60px 20px;
    border-left:0px;
}
.list-content
{
    list-style: none;
    padding:40px 0px 40px 30px;
}
.list-box h3,.prayer-info h3{
    font-size: 20px;
    line-height: 18px;
    color:#184496;
    font-weight:600;
    margin-top: 17px;
}
.list-box img,.prayer-info img
{
    width: 100%;
    max-width: 50px;
    /* background-size: contain; */
    margin-top: 14px;
    margin-left: 18px;
}
.prayer-info h3 > a,.list-box h3 > a{
    color:#184496;

}
.prayer-info
{
    padding-top:25px;
}
a:hover, a:focus, a:active{
    text-decoration: none;
}
.list-content li
{
    font-weight:600;
    font-size:16px;
    color:#636363;
    position:relative;
    margin-bottom: 15px;


}
.marginbottom80 {
    margin-bottom: 80px;
}
.prayer-content ul
{
    padding-left:0px;
}
.list-content li:before
{
    position: absolute;
    content: "";
    width: 22px;
    height: 24px;
    background: url(images/tick-icon.jpg) no-repeat top center;
    left: -24px;
    top: -4px;
}
.sub-content
{
    border-top:1px solid #f0f4f7;

    padding-top:30px;
    padding-bottom:30px;
}
.margin-b-10
{
    margin-bottom:20px;
}
.list-box
{
    border-bottom:1px solid #f0f4f7;
    padding-bottom: 30px;
}
.prayer-content ul li
{
    list-style:none;
}
.strong-cls{
    color:#184496;
    font-weight:600;
    font-size:18px;
    text-transform: capitalize;
    margin-right:7px;
}
.video-section{
    box-sizing:border-box;
    padding-bottom: 5px;
}
.video-section .embed-responsive-16by9 {
    padding-bottom: 56.3%;
}

.fa-chevron-left:before {
    content: "\f053";
    position: absolute;
    left: 50%;
    top: 50%;
    color:#99a8b0;
}

.fa-chevron-right:before {
    content: "\f054";
    position: absolute;
    left: 0%;
    top: 50%;
    color:#99a8b0;
}
.carousel-control.left,.carousel-control.right{
    background: none;
}

.text-wrapper{
    width:646px;
    margin:0px auto;
    padding-top: 25px;
    padding-bottom: 25px;
}
.text-wrapper img{
    text-align:center;
}
.l-sec{
    float:left;
    width:200px;
    display: inline-block;
    padding-top: 31px;
    text-transform: uppercase;
    color:#99a8b0;
    font-family: 'Lato';
    font-weight:600;
}
.r-sec{
    float:right;
    width:230px;
    display: inline-block;
    padding-top: 31px;
    text-align: right;
    text-transform: uppercase;
    font-family: 'Lato';
    color:#99a8b0;
    font-weight:600;
}
.r-sec a, .l-sec a{
    color:#99a8b0;
}
.r-sec a:hover, .l-sec a:hover{
    color:#738893;
}

/*====================CSS BY video-page===========*/
.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border-radius: 0px;
    border: none;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
}
.top-banner-1{
    height: 100%;
    background-image: url("images/group-banner-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.FAQ-content{
    color: #636363;
    font-size: 16px;
    border-left: 0;
    font-weight: 700;
    margin-top: 70px;
}
.faq-section {
    padding-top: 30px;
    padding-bottom: 30px;
}
.about-section .flex-view .FAQ-content .inner-heading h2 {
    font-size: 35px;
    color: #1a428a;
    font-family: "Lato";
    margin-top: 0;
    font-weight:900;
}
.height86{
    margin-top: 86px;
}
.FAQ-content .inner-heading p{
    line-height: 28px;
}
.vdo-gallery{
    margin-top: 70px;
}
.pagination {
    display: inline-block;
}

.pagination a, .pagination .current {
    color: black;
    display: inline-block;
    font-family: lato;
    font-size: 19px;
    font-weight: bold;
    line-height: 20px;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color 0.3s ease 0s;
}
.pagination .current{
    color: #ab0033;
}
.pagination .page-num{
    display: block;
    text-align: center;
    margin-top: 10px;
}
.pagination a.active {
    color: #ab0033;
}

.pagination a:hover:not(.active) {background-color: #ddd;}
.pagination {
    left: calc(50% - 230px);
    position: absolute;
    top: -15px;
    width: 460px;
    text-align: center;
}
.line-col{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    height: 7px;
    line-height: 0;
    margin-bottom: 40px;
    margin-top: 34px;
    position: relative;
}
.line-col .pagination{
    background: #fff;
    margin-bottom: 0;
    margin-top: 0;
}
.modal-body {
    position: relative;
    padding: 0px;
}

/*===============end-css===============*/

/*==========================================css-lesson-page=====================================*/


.lesson_background_text {background: #ab1d38; color: #fff; padding-top: 50px; padding-bottom: 60px;}
.lesson_background_text .text_heading {font-family: 'Thirsty Script'; font-size: 35px;}
.lesson_background_text:hover, .lesson_background_text:focus {color:#fff;}
.lesson_background_text .text_sub_heading {font-size: 25px;font-family: 'Gotham'; line-height: 32px;text-transform: uppercase;}
.lesson_heading {font-size: 40px; color: #333333;font-family: 'Lato';margin-top: 0;font-style: italic; }
.lesson_box { border-bottom: 1px solid #eeeeee;padding-bottom: 30px; padding-top: 30px; color:#888888;}


.search_box {width: 100%;}
.padd_left_right_none {padding-left: 0; padding-right: 0;}

#imaginary_container{
    margin-top:30px; /* Don't copy this */
}
.stylish-input-group .input-group-addon{
    background: white !important;
    border-radius: 0;
}
.stylish-input-group .form-control{
    border-right:0;
    box-shadow:0 0 0;
    border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}

.input-group-addon button:focus {outline: none;}
.search_input {height:51px;border-radius: 0; }
.lesson_nav_box {width: 100%; margin-top: 40px;}
.lesson_nav_heading {
    font-size: 24px;
    color: #333333;
    font-family: 'Lato';
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    background: url(images/border_line.png) no-repeat bottom left;
    background-size: 100%;
    padding-bottom: 15px;
    padding-left: 10px;
    text-align: center;
}
.blue_text_color span.lesson_nav_heading{
	 background: url(images/border_line_blue.png) no-repeat bottom left;
}
.lesson_sub_nav {font-size: 18px; color: #ab1d38;font-family: 'Lato'; display: block; text-decoration: underline;  font-weight: bold; padding-top: 20px;}
.lesson_sub_nav > a {
    color: #ab1d38;
}
.blue_text_color span.lesson_sub_nav > a{
    color: #112b5c;
}
.white_text_color span.lesson_sub_nav > a{
    color: #112b5c;
}
.white_text_color ul.lesson_nav_list a:hover {color:#112b5c; }
.white_text_color span.lesson_nav_heading{
    background: url(images/border_line_blue.png) no-repeat bottom left;
}
.load-more-wrapper .btn-default .btn-blue-icon{
    color: #112b5c !important;
    background: #f5f5f5;
    padding: 6px 20px 10px;
}
.load-more-wrapper .btn-default:hover .btn-blue-icon{background:#112b5c !important;transition:ease all 0.2s; }
.load-more-wrapper .btn-default:hover .btn-blue-icon i {color:#fff;transition:ease all 0.2s; }
.lesson_nav_list {margin: 5px 0 0 0; padding: 0;}
.lesson_nav_list li {list-style: none; padding: 2px 0; display: block;}
.lesson_nav_list a {color: #888888; padding-left: 20px; padding-right: 5px; display: block;font-family: 'Lato';font-size: 16px;}
.lesson_nav_list a:hover {color:#ab1d38; }
.blue_text_color ul.lesson_nav_list a:hover {color:#112b5c; }
.lesson_nav_list li{position:relative;}
.lesson_nav_list li:before{content:"";left: 4px;top:9px;color:#ab1d38;font-size:15px; font-family:'FontAwesome';background:url("images/caret-icon.jpg")no-repeat 0 0;width:20px; height:20px;position: absolute;}
.blue_text_color ul.lesson_nav_list li:before{background:url("images/caret-icon-blue.png")no-repeat 0 0;}
.white_text_color ul.lesson_nav_list li:before{background:url("images/caret-icon-blue.png")no-repeat 0 0;}
.load-more-wrapper{padding-top: 60px;padding-bottom:60px;clear: both;text-align: center;}
.load-more-wrapper .btn-default{border:1px solid #eeeeee;color:#333333;text-transform: uppercase;}
.btn-default .btn-default-text{transition:2s all; background:#fff;padding:11px 23px 10px;-webkit-transform: skew(-20deg);transform: skew(-20deg);margin-right: -15px;margin-left: -10px;}
.btn-default .btn-icon{color:#e92323;background:#f5f5f5;padding:6px 20px 10px;}
.load-more-wrapper .btn-default:hover{border:1px solid #eeeeee;}
.load-more-wrapper .btn-default:hover .btn-icon{background:#ab1d38;transition:ease all 0.2s; }
.load-more-wrapper .btn-default:hover .btn-icon i {color:#fff;transition:ease all 0.2s; }
.load-more-wrapper .arrow_right:before{content: "\24";position: relative;left: 3px;font-size: 21px;font-weight: 400;top: 5px;}
/*==========================================css-lesson-page-end=====================================*/

/*========================================staff-page===============================================*/
/*.sub-heading{font-size:40px;color:#0b1a38;text-transform: uppercase;font-weight: 600;line-height: 30px;}*/
.sub-heading{font-size: 48px;color:#0b1a38;text-transform: uppercase;font-weight: 900;line-height: 30px;}

span.sub-title{font-size: 25px;line-height: 21px;margin-top: 2px;display: inline-block;}
.staff-page{padding-top:20px;padding-bottom:20px;background:none;}

.staff-content .flex-view.pages{justify-content:center;}
.staff-content .flex-view.pages [class*="area-"]{margin-bottom: 20px; margin-right:20px;width:30%;}
.staff-content .flex-view.pages [class*="area-"] > div{
    width:100%;
}
.younger-kamper-age-section .flex-view.pages [class*="area-"] > div{min-width: 230px;margin: 0px auto;width: 100%;}
/*.staff-content .flex-view.pages [class*="area-"]:nth-child(3n) {
    margin-right: 0;
}*/
.younger-kamper-age-section .flex-view.pages [class*="area-"]{width:33%; position: relative; margin: 4px;}


/*.younger-kamper-age-section .flex-view.pages [class*="area-"]:nth-child(3n){
    margin-right:20px;
}*/

/*.services.staff-content{padding-bottom:100px;}*/

/*==============================================end-css==============================================*/
/* ======= date -05 april  2017- =============== */

#about-head
{
    margin-top:0px;
    margin-bottom: 100px;
}
#about-head 	.panel-group .panel+.panel {
    margin-top: 0px;
}
#about-head .panel-default {
    border-color:#fff;
    border:0px;
    border-radius: 0px;
}
.panel-default>.panel-heading{
    border-radius:0px;
    border:0px;
    padding-left: 50px;
    padding-right: 30px;
}
.panel-title>a{
    text-decoration: none;
}
#about-head .inner-heading {
    color: #fff;
    font-family: "Lato";
    font-size: 25px;
    font-weight: 500;
    margin-top: 0;
}
#about-head .inner-heading a .fa-caret-down:before {
    content: "\f0d8";
}
#about-head .inner-heading a.collapsed .fa-caret-down:before {
    content: "\f0d7";
}

#about-head  .pull-right{position:relative;margin-right: .3em; }
/*.about-section{height:100vh;}*/


/* ======= End -05 april  2017- =============== */
.faq-content p{
    margin-bottom: 40px;
    font-size: 19px;
}

.vdo-gallery{
    margin-top: 70px;
}
/*===============end-css===============*/

.drop-bg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ab0034+0,a2002f+20,a10131+24,7a0025+76,7c0025+78,780024+80,710021+100 */
    background: #ab0034; /* Old browsers */
    background: -moz-linear-gradient(top, #ab0034 0%, #a2002f 20%, #a10131 24%, #7a0025 76%, #7c0025 78%, #780024 80%, #710021 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ab0034 0%,#a2002f 20%,#a10131 24%,#7a0025 76%,#7c0025 78%,#780024 80%,#710021 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ab0034 0%,#a2002f 20%,#a10131 24%,#7a0025 76%,#7c0025 78%,#780024 80%,#710021 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0034', endColorstr='#710021',GradientType=0 ); /* IE6-9 */

    float:right;
    box-shadow:0px 0px 4px #5b5151;
    /*box-shadow: -2px -1px 12px #5b5151;*/
    border: 1px solid #5b5151;
    border-radius: 4px;
}
.grid-bg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ab0034+0,a2002f+20,a10131+24,7a0025+76,7c0025+78,780024+80,710021+100 */
    background: #ab0034; /* Old browsers */
    background: -moz-linear-gradient(top, #ab0034 0%, #a2002f 20%, #a10131 24%, #7a0025 76%, #7c0025 78%, #780024 80%, #710021 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ab0034 0%,#a2002f 20%,#a10131 24%,#7a0025 76%,#7c0025 78%,#780024 80%,#710021 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ab0034 0%,#a2002f 20%,#a10131 24%,#7a0025 76%,#7c0025 78%,#780024 80%,#710021 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0034', endColorstr='#710021',GradientType=0 ); /* IE6-9 */
}


#img1 .modal-lg{width:600px;margin:30px auto;}
.modal-body iframe{width:100%;/*height:347px;*/}


#img1 .modal-header{padding:5px;border-bottom:0px;}
#img1 .modal-title{color:#fff;text-transform:uppercase;}
#img1 .modal-content{background:none;}
#img1 .modal-footer{color:#fff;text-align:left;padding:5px;border-top:0px;}








.drop-down-parent
{
    position:relative;
    /*        border: solid 1px #293540;*/

}


.drop-down-parent .drop-down
{
    position:absolute;
    top:90px;
    left:-99999px;	
    background:#7c4199;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-top:4px solid;
    z-index: 9;
    opacity:0;
    display: none;
}
.drop-down-parent .drop-down li a
{
    color:#fff;
    display:block;
    padding:10px 0 10px 10px;	
    text-transform:capitalize;
}
.drop-down-parent .drop-down li:last-child a
{
    border-bottom: none;
}
.drop-down-parent .drop-down li a:hover
{
    color:#7bc144;
}

.nav > li > a{
    display:inline-block;
    padding:29px 0 30px 5px;

}




#site-navigation .navbar-nav > li + li::before{
    color: transparent;
    content: "/ ";
    padding:0 9px 0px 12px;
}

.stylish-input-group,
.stylish-input-group .search-field{
    width: 100%;
}
.stylish-input-group .search-field{
    height: 51px;
    border-radius: 0;
    display: table-cell;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-right: none;
}
.stylish-input-group > form {
    display: table;

}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
    text-decoration: none;
}
.god-ifo-slider .carousel-inner {
    width: 90%;
    margin: 0 auto;
}
.carousel-control {
    width: auto;
    background: #fff;
}
.slider-left-text {
    text-align: left;        
}
.slider-right-text {
    text-align: right;
}
.god-ifo-slider .img-responsive {
    display: inline-block;
}
.god-ifo-slider {
    padding: 30px 0;
}

.custom-modal .modal-header {
    padding: 5px;
    border-bottom: 0px;
}

.custom-modal .modal-title {
    color: #fff;
    text-transform: uppercase;
}

.custom-modal .modal-content {
    background: none;
    border: 0px;
    box-shadow: none;
}

.custom-modal .modal-footer {
    color: #fff;
    text-align: left;
    padding: 5px;
    border-top: 0px;
}

.flex-row{
    display: flex;
    flex-flow: wrap;
}
.audio-col{
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.load-more-content .lesson_box {
    display:none;
}


#loadMore {

    transition: all 600ms ease-in-out;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
}
#loadMore:hover {
    background-color: #fff;
    color: #33739E;
}
/*=================================5-05-17=================================*/
.max-height-170 img.thumbnail.img-responsive
{
    display: block;
    width:100%;


}
.container{position: relative;}
.logout-wrapper
{
    position: absolute;
    right: -47px;
    top: 0px;
    display: inline-block;
    border-bottom:0px;

}

.nav-tabs>li>a:hover,.nav .open>a:focus{border-color:transparent;}
.nav .open>a:focus{outline: none;}

.logout-wrapper i.fa.fa-cog{font-size:22px;}
.max-height-170 {
    position: relative;
}
.max-height-170 a{
    width:100%;
    display:block;
}


.play-button .fa-play:before{
    font-size: 22px;
    color: #fff;
}


/*.max-height-170 .play-button {
    border: medium none;
    border-radius: 100%;
    box-shadow: 0 0 0 -5px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    font-size: 0;
    height: auto;
    left: 50%;
    margin: -32px 0 0 -32px;
      opacity: 0.65;
    overflow: visible;
    padding: 0;
    position: absolute;
    top:  50%;
    transition: opacity 0.2s ease 0s;
    width: 64px;
    height: 64px;  
    background-color:rgba(0,0,0,.2);
    transition: background .3s;
}*/
.max-height-170 .play-button {
    border: medium none;
    border-radius: 6px;
    box-shadow: 0 0 0 -5px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    font-size: 0;
    height: auto;
    left: 50%;
    margin: -32px 0 0 -32px;
    /* opacity: 0.65; */
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 50%;
    transition: opacity 0.2s ease 0s;
    width: 45px;
    height: 45px;
    background-color: rgba(0,0,0,.4);
    transition: background .3s;
}
.play-button:hover {
    background-color: #0f4c91;
}
.max-height-170 .play-button:hover .max-height-170 .play-button.faded {
    transition: opacity 0.6s ease 0s;
}
.login-heading {
    padding-top: 85px;
}
.login-heading .page-heading {
    font-family: "Gotham Ultra";
    font-size: 35px;
    color: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}
.footer ul {
    margin: 0;
    padding: 0;
}
.nav>li.logout-link {
    display: none;
}
.page-wrapper {
    padding-bottom: 86px;
}
.home-video-container {
    position: relative;
}
.video-custom-play {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;    
    border: medium none;
    border-radius: 100%;
    box-shadow: 0 0 0 -5px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: opacity 0.2s ease 0s;
    width: 64px;
    height: 64px;
    background-color: rgba(0,0,0,.2);
    font-size: 24px;
    text-align: center;
}
.video-custom-play:focus {
    outline: none;
}
.home-video-container.playing .video-custom-play {
    display: none;
}
.home-video-container.playing:hover .video-custom-play {
    display: block;
}
.home-video-container.playing .fa-play:before {
    content: "\f04c";
}
.video-custom-play:hover {
    background-color: #0f4c91;
}

.home-video-container .max-height-170 img.thumbnail.img-responsive{
    max-height: initial;
}

.services .flex-view .area-color{
    display: block;
}

.services .flex-view.pages .area-k1 > div, .services .flex-view.pages .area-k2 > div, .services .flex-view.pages .area-staff > div{
    text-align: center;
    width: 100%;
}

.video-gallary-section .modal-body iframe .services .modal-body iframe{
    height: 100% !important;
}
.services .modal-body iframe{
    height: 347px;
}

.lesson-section .blockquote-col h2{
    font-family: 'Open Sans', sans-serif;
    font-size:24px;
    font-style:normal;
    font-weight:800;
}

.lesson-section .blockquote-col h3{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:800;
}

.lesson-section .blockquote-col h4{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    font-style:normal;
    font-weight:700;
}

.lesson-section .blockquote-col p{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
}

.bg-thumbnl {
    height: 170px;
    overflow: hidden;
}

.front-slider{
    width:100%;
}

.staff-content .flex-view.pages.blue-flex [class*="area-"]{
    width: 45%;
    /*    display: inline-flex;*/
    display: flex;
    /*    background: #1A428A;*/
    background: url(images/blue-bg.jpg) no-repeat center center;
    background-size: cover;
    margin: 4px;
    align-items: center;
    /*    height: 300px;*/
    position: relative;
}
.staff-content .flex-view.pages.gray-flex [class*="area-"]{
    width: 45%;
    /*    display: inline-flex;*/
    display: flex;
    /*    background: #1A428A;*/
    background: url(images/gray-bg.jpg) no-repeat center center;
    background-size: cover;
    margin: 4px;
    align-items: center;
    /*    height: 300px;*/
    position: relative;
}
.staff-content .flex-view.pages.blue-flex{
    /*    display: block;*/
    display: flex;
    text-align: center;
}
.staff-content .flex-view.pages.gray-flex{
    /*    display: block;*/
    display: flex;
    text-align: center;
}

/*--------Custom CSS for the Tiny Editor--------*/
.cet-lt-blue{
    color: #b7def3;
    padding: 3px 20px;
}

.cet-green{
    color: #62bf93;
    padding: 3px 20px;
}

.cet-gold{
    color: #fecb7c;
    padding: 3px 20px;
}

.cet-purple {
    color: #cc5da3;
    padding: 3px 20px;
}

.cet-blue{
    color: #00a8d9;
    padding: 3px 20px;
}
p span{
    display: inline-block;  
}
.cet-bg-lt-blue{
    background-color: #b7def3;
}

.cet-bg-green{
    background-color: #62bf93;
}

.cet-bg-gold{
    background-color: #fecb7c;
}

.cet-bg-purple {
    background-color: #cc5da3;
}

.cet-bg-blue{
    background-color: #00a8d9;
}
.cet-bold{
    font-weight: 700;
}
.cet-light{
    font-weight: 300;
}
.cet-oswald {
    font-family: 'Oswald', sans-serif;
}
.cet-font-16{
    font-size:16px;
}
.cet-font-25{
    font-size:25px;
}

.cet-bg{
    display: inline-block;
    padding: 3px 20px;
    color: #fff !important;
    font-size:16px;
    width: 100%;
}
.unf-heading{
    font-size: 25px;
}
/*.cet-bg * {
    color: #fff !important;
}*/

/*==========Ps and Qs style==========*/

.cet-open-sans{
    font-family: 'Open Sans', sans-serif;
}
.header-style{
    font-weight: 900;
    font-size: 20px;
}
.scripture-header-style{
    font-weight: 700;
    font-size: 14px; 
}
.scripture-style-italic{
    font-weight: 400;
    font-size: 14px; 

}
.scripture-style-italic em{
    font-style: italic;
}
.question-style{
    font-weight: 700;
    font-size: 14px; 
}

/*--------Custom editor CSS for the spiritual training series--------*/
.st-bg{
    display: inline-block;
    padding: 3px 20px;
    width: 100%;
}
.st-font-heading{
    font-size: 32px;
    font-weight: 700;
    padding-top:15px;
}
.st-font-para{
    font-size: 26px;
    font-weight: 300;
    line-height: 32px;
    padding-bottom:15px;
}
/********Font colors*********/
.st-font-ffffff{
    color: #ffffff !important;
}
.st-font-50b748{
    color: #50b748 !important;
}
.st-font-00aecc{
    color: #00aecc !important;
}
.st-font-faa633{
    color: #faa633 !important;
}
.st-font-46c3d2{
    color: #46c3d2 !important;
}
.st-font-51afca{
    color: #51afca !important;
}
.st-font-92dad9{
    color: #92dad9 !important;
}
.st-font-f69679{
    color: #f69679 !important;
}
.st-font-ef4123{
    color: #ef4123 !important;
}
.st-font-f36f21{
    color: #f36f21 !important;
}
.st-font-6ac6b7{
    color: #6ac6b7 !important;
}
.st-font-53bceb{
    color: #53bceb !important;
}
.st-font-96bfe6{
    color: #96bfe6 !important;
}
.st-font-00718f{
    color: #00718f !important;
}
.st-font-0075bd{
    color: #0075bd !important;
}
.st-font-6bb1bd{
    color: #6bb1bd !important;
}
.st-font-6ab1bd{
    color: #6ab1bd !important;
}
.st-font-b8876a{
    color: #b8876a !important;
}
/********background colors*********/
.st-bg-color-00aecc{
    background-color: #00aecc;
}
.st-bg-color-50b748{
    background-color: #50b748;
}
.st-bg-color-d6df23{
    background-color: #d6df23;
}
.st-bg-color-fdba40{
    background-color: #fdba40;
}
.st-bg-color-ffffff{
    background-color: #ffffff;
}
.st-bg-color-00529B{
    background-color: #00529B;
}
.st-bg-color-ef4034{
    background-color: #ef4034;
}
.st-bg-color-00af85{
    background-color: #00af85;
}
.st-bg-color-46c3d2{
    background-color: #46c3d2;
}
.st-bg-color-faa633{
    background-color: #faa633;
}
.st-bg-color-51afac{
    background-color: #51afac;
}
.st-bg-color-a2dad9{
    background-color: #a2dad9;
}
.st-bg-color-ffc72e{
    background-color: #ffc72e;
}
.st-bg-color-ef463c{
    background-color: #ef463c;
}
.st-bg-color-e5c194{
    background-color: #e5c194;
}
.st-bg-color-51afca{
    background-color: #51afca;
}
.st-bg-color-92dad9{
    background-color: #92dad9;
}
.st-bg-color-f69679{
    background-color: #f69679;
}
.st-bg-color-ef4e45{
    background-color: #ef4e45;
}
.st-bg-color-6ec7b6{
    background-color: #6ec7b6;
}
.st-bg-color-008ca7{
    background-color: #008ca7;
}
.st-bg-color-a2dad9{
    background-color: #a2dad9;
}
.st-bg-color-ef4123{
    background-color: #ef4123;
}
.st-bg-color-ed2b74{
    background-color: #ed2b74;
}
.st-bg-color-22bcb8{
    background-color: #22bcb8;
}
.st-bg-color-d7df22{
    background-color: #d7df22;
}
.st-bg-color-f36f21{
    background-color: #f36f21;
}
.st-bg-color-81cdc1{
    background-color: #81cdc1;
}
.st-bg-color-ffc906{
    background-color: #ffc906;
}
.st-bg-color-5480c1{
    background-color: #5480c1;
}
.st-bg-color-38b449{
    background-color: #38b449;
}
.st-bg-color-f05722{
    background-color: #f05722;
}
.st-bg-color-8e9ebc{
    background-color: #8e9ebc;
}
.st-bg-color-b11e58{
    background-color: #b11e58;
}
.st-bg-color-6ac6b7{
    background-color: #6ac6b7;
}
.st-bg-color-fec10d{
    background-color: #fec10d;
}
.st-bg-color-53bceb{
    background-color: #53bceb;
}
.st-bg-color-0066b1{
    background-color: #0066b1;
}
.st-bg-color-00b193{
    background-color: #00b193;
}
.st-bg-color-e21d35{
    background-color: #e21d35;
}
.st-bg-color-96bfe6{
    background-color: #96bfe6;
}
.st-bg-color-00718f{
    background-color: #00718f;
}
.st-bg-color-85cebb{
    background-color: #85cebb;
}
.st-bg-color-ef4043{
    background-color: #ef4043;
}
.st-bg-color-e21d35{
    background-color: #e21d35;
}
.st-bg-color-0075bd{
    background-color: #0075bd;
}
.st-bg-color-f1665f{
    background-color: #f1665f;
}
.st-bg-color-1db897{
    background-color: #1db897;
}
.st-bg-color-00a75c{
    background-color: #00a75c;
}
.st-bg-color-6bb1bd{
    background-color: #6bb1bd;
}
.st-bg-color-ed2837{
    background-color: #ed2837;
}
.st-bg-color-b9d531{
    background-color: #b9d531;
}
.st-bg-color-29478d{
    background-color: #29478d;
}
.st-bg-color-96b0dc{
    background-color: #96b0dc;
}
.st-bg-color-ed2a37{
    background-color: #ed2a37;
}
.st-bg-color-6ab1bd{
    background-color: #6ab1bd;
}
.st-bg-color-e5c19f{
    background-color: #e5c19f;
}
.st-bg-color-b8876a{
    background-color: #b8876a;
}

.st-bg-font{
    font-family: 'Oswald', sans-serif;
}

/*satish*/
.st-lessons-body{
    height: 125px;
    overflow: hidden;
    margin-bottom: 15px;

}

.st-lessons-body span:first-child {
    font-size: 25px;
    text-transform:uppercase;
    line-height:20px;
}
.st-lessons-body span:last-child {
    font-size: 16px;
    line-height: 20px;

}

/*--------Custom editor CSS for the spiritual training series--------*/

/*--------Custom CSS for the Tiny Editor Ends--------*/

.lesson_excerpt .lesson_box p {
    text-align: left !important;
}
.lesson_excerpt .lesson_box .cet-lt-blue {
    font-size: 24px !important;
}

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

.lessons-content .vidyard_player span{
    width: 100% !important;
}
.lesson-img-part p img{
    height: auto;
    width: 100%;
}

.services .flex-view.pages .group-k{
    height: 270px;
}
.services .flex-view.pages .group-k h2{
    margin-top: 0;
}

.video-section-main {
    align-items: center;
    border-bottom: 1px solid transparent;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    position: relative;
    height: 100vh;
}

.transparent-div {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.cover-div {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
}
.about-section{
    background: #fff;
}
.video-section-main .bckgd-video, .video-section video {
    min-height: 100%;
    min-width: 100%;
}

.video-section-main h1 {
    font-size: 74px;
    margin-top: 40vmin;
    position: relative;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}


.more {
    height: 80px;
    line-height: 80px;
    width: 240px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 58px;
    line-height: 58px;
    margin: 12vmin 0;
    opacity: 1;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    width: 175px;
    z-index: 3;
    cursor: pointer;
}
.carousel .more {
    margin-bottom: 0;
}
.carousel .more:hover{
    color:#fff;
}
section.services, section.video-section{
    background: #fff;
    position: relative;
}
.sound-pos .btn-link{
    outline: 0;
    background: rgba(0,0,0,0.5);
    color:#fff;
    border-radius: 50%;
    opacity: .8;
    width: 45px;
    height: 45px;
}
.story-video{
    text-align: center;
}

.sound-pos .btn-link:hover, .sound-pos .btn-link:focus{
    opacity: 1;
    background: rgba(0,0,0,0.8);
    outline: 0;
}

.modal-top-10{
    margin-top: 10%;
}

.video-sound, .video-sound-off, #slider-pause {
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: 800;
    margin-top: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    margin-bottom: 40px;
}

.video-sound strong, .video-sound-off strong {
    color: #ab0033;
}
.sound-pos, #slider-pause.sound-pos{
    position: absolute;
    bottom: 0;
    cursor: default;
}
.desktop-img-hide video{
    display: none;
}

/*SCROLLBAR*/
.services .flex-view .area-color .content-slider .item::-webkit-scrollbar
{
    width: 5px; 
    height: 5px; 
}
.services .flex-view .area-color .content-slider .item::-webkit-scrollbar-track
{
    background: #ddd;
}
.services .flex-view .area-color .content-slider .item::-webkit-scrollbar-thumb
{
    background: #ccc;
}

.services .flex-view .area-color .content-slider .item::-webkit-scrollbar
{
    width: 5px;
    height: 5px; 
}
.services .flex-view .area-color .content-slider .item::-webkit-scrollbar-track
{
    background: #ddd;
}
.services .flex-view .area-color .content-slider .item::-webkit-scrollbar-thumb
{
    background: #ccc;
}

.services .flex-view .area-color .content-slider .item::-moz-scrollbar
{
    width: 5px; 
    height: 5px; 
}
.services .flex-view .area-color .content-slider .item::-moz-scrollbar-track
{
    background: #ddd;
}
.services .flex-view .area-color .content-slider .item::-moz-scrollbar-thumb
{
    background: #ccc;
}

.btn-to-group{
    border-radius: 0;
    background: #ab0033;
}

.img-btn{
    margin-top: 50px;
}

.select-group-btn{
    position: absolute;
    bottom: 0;
    left: calc(50% - 90px);
    width: 180px;
}
.outer_vidyard_wrapper + .groups-area{
    height:100px;
}
.groups-area{
    height:200px;
}

.lesson-title{
    font-family: "Gotham Ultra";
    font-size: 35px;
    color: #b21f3a;
    margin-top: 0;
}
.lesson-title:hover, .lesson-title:focus{
    color: #b21f3a;
}
.lesson-title.blue_title, .lesson-title .blue_title:hover, .lesson-title .blue_title:focus{
	color: #112b5c;
}
.lesson-title.white_title, .lesson-title .white_title:hover, .lesson-title .white_title:focus{
	color: #112b5c;
}
.lessons-body{
    height: 182px; 
    overflow: hidden;
    margin-bottom: 15px;
}
.lessons-body a, .lessons-body a:hover, .lessons-body a:focus{
    color:#888888;
}
.no-radius{
    border-radius: 0;
}

.services .flex-view.select-topic [class*="area-"] h2{
    margin-bottom: 45px;
    margin-top: 0;
}

.services .flex-view.select-topic [class*="area-"] .btn-line-white{
    bottom: 25px;
}

.flex-view.select-topic [class*="area-"]{
    height: 270px;
}
.thumb_color, .thumb_color:hover{
    background: #dddddd;
    color: #112b5c;
}
.thumb_white_color, .thumb_white_color:hover{
    background: #112b5c;
    color: #fff;
}
.thumb_color_staff, .thumb_color_staff:hover{
    background: #1E4488 ;
    color: #fff;
}
.lessons-body .vidyard_player{
    display: block;
}

.lessons-body .vidyard_player >span,.lessons-body .mejs-container{
    width: 100% !important;
    height: 190px !important;
    background: #fff;
}
.see_more{
    background: #b21f3a;
    color: #fff;
    border-radius: 0;
    padding: 0 6px;
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
}
.see_more:hover, .see_more:focus{
    background: #b21f3a;
    color: #fff;
}
.see_more:after {
    content: "";
    position: absolute;
    border: 9.3px solid transparent;
    border-left-color: #b21f3a;
    right: -19.5px;
    top: -0.4px;
}

.staff-content .flex-view.pages.blue-flex .area-camp.area-camp-large{
    width: 91%;
    height: 190px;
}
.staff-content .flex-view.pages.gray-flex .area-camp.area-camp-large{
    width: 91%;
    height: 190px;
}
.footer-slider{
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.footer-slider .center-image img{
    margin: auto;
}
.footer-slider  .fa-chevron-left:before, .footer-slider .fa-chevron-right:before{
    position: relative
}
.footer-slider .left-link a, .footer-slider .right-link a{
    text-transform: uppercase;
    font-weight: bold;
    color: #99a8b0;
    padding-top: 15px;
    display: inline-block;
}
.footer-slider .fa{
    font-weight: bold;
    color: #99a8b0;
    opacity: 0.5;
    font-size: 18px;
    padding-top: 17px;
}
.video-player span[id*="vidyard_span_"]{
    width: 100% !important;
    position: static !important;
}
.playstore-btn{
    display: inline-block;
}
.video-back-link a, .video-back-link span{
    font-family: "Lato";
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    color: #184496;
    margin-right: 5px;
}
.click-hear-text{
    font-family: "Gotham";
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    color: fff;
}
.click-hear-text a{
    color: #112b5c;
    text-decoration: underline;
}
.video-pop .modal-header .close, .starting-third-grp-popup .modal-dialog .close{
    opacity: 1;
    box-shadow: none;
    width: 30px;
    height: 31px;
    border: 2px solid #ccc;
    border-radius: 50%;
    font-size: 25px;
    color: #ccc;
}
.starting-third-grp-popup .modal-dialog .row{
    margin-left: 0;
    margin-right: 0;
}

/*====STARTING YOUR I’M THIRD GROUP====*/
.top-video{
	margin: 20px 0;
}
.starting-third-grp h3, .starting-third-grp h5{
    font-weight: 600;
    color: #000;
    font-family: "Gotham Ultra";
}
.starting-third-grp p{
    margin-bottom: 0;
}
.starting-third-grp .step-box{
    margin-bottom: 20px;
}
.blue-number{
    width: 40px;
    height: 40px;
    background: #00aeef;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    margin-right: 10px;
}
.starting-third-grp .pad-left-50{
    padding-left: 50px;
}
.starting-third-grp .pad-left-30{
    padding-left: 30px;
}

.starting-third-grp ol li, .starting-third-grp p{
    font-size: 16px;
    margin-bottom: 5px;
}
.starting-third-grp ul.dashed{
    padding-left: 15px;
}
.starting-third-grp ul.dashed li{
    list-style: none;
    text-indent: -15px;
}
.starting-third-grp ul.dashed li:before {
    content: "-";
    margin-right: 10px;
}
.starting-third-grp ol{
    padding-left: 18px;
}
.flat-btn{
    padding: 5px 15px;
    border: 0;
    margin: 5px 0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.flat-btn:hover{
    opacity: .8; 
}
.blue-bg{
    background: #1e4488;
}
.red-bg{
    background: #c91f2c;
}
.light-blue-bg{
    background: #008dfa;
}
.starting-third-grp-popup .modal-body{
    padding: 15px;
}
.starting-third-grp-popup .modal-content{
    border-radius: 0;
}
.starting-third-grp-popup .modal-heading{
    color: #fff;
    font-family: "Gotham Ultra";
}
.starting-third-grp-popup .modal-dialog{
    margin-top: 80px;
}
.access-denied-box{
    margin-top: 100px;
    display: inline-block;
    width: 100%;
}
.message-box{
    background: #f7f7f7;
    border-radius: 10px;
    border: 1px solid #eee;
    padding: 30px;
    text-align: center;
}
.message-box h2{
    color: #1a428a;
    font-family: "Gotham Ultra";
    font-size: 70px;
}
.message-box h1{
    color: #ab0033;
    font-family: "Gotham Ultra";
    font-size: 80px;
}
.message-box a strong{
    text-decoration: underline;
}
.do-not-access{
    color:#fff;
}
.lesson-img-part .vidyard_iframe{
    width: 100%;
    height: 190px;
}
.vidyard_iframe {
    max-width: 100%;
}

.drop-down-parent .drop-down-show{
    opacity: 1;
    top:66px;
    left:auto;
    display: block;
}
.about-joe-wht-pic{
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}
.img-ml.apple {
    margin-left: 15px;
}
@media only screen and (max-width:580px){
	.img-ml {
		margin-left: 0px;
		margin-top: 15px;
	}
}

/*update style CSS of 8-10-2019 from jaikant*/
.services .flex-view.blue-flex.pages h2{
	color :#FFF;
}
.services .flex-view.blue-flex.pages a.btn-line-white{
	border-color: #ffffff;
    color: #ffffff;
}
.services .flex-view.gray-flex.pages h2{
	color :#112b5c;
}
.services .flex-view.gray-flex.pages a.btn-line-white{
	border-color: #112b5c;
    color: #112b5c;
}
#imthird{
    border-color: #112b5c;
    color: #112b5c;
}
#imthird:hover{
    background: #fff;
    color: #333;
    border-color: #fff;
}