/*
    Extra small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
body { color: #79859f; }
/* =============================== */
/*  definition                     */
/* =============================== */
dfn
{
    font-size: 30px; /*/ 40px larger */
    display: block;
    font-weight: 400;
}
.definition
{
    color:  #fff;
    font-style: italic;
    font-size: 16px; /* 30px larger */
}

/* =============================== */
/* Lists                           */
/* =============================== */
ul.list-arrow, ul.list-arrow-sub { padding-left: 15px; list-style: none; }
ul.list-arrow li, ul.list-arrow-sub li { padding-left: 1.3em; padding-bottom: 10px; }
ul.list-arrow li::before
{
    font-family: "themify";
    content: "\e649";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}
ul.list-arrow-sub li::before { content: "\e661"; }
ul.list-arrow-sub li:first-child { padding-top: 10px; }


/* =============================== */
/* Misc Styling                    */
/* =============================== */
h1 { font-size: 28px; line-height: 1.25em; }
h1::before { content: "" !important; }
h2 { font-size: 26px; line-height: 1.25em; }

.page-wrapper { padding-top: 145px; }
.xl-bg-fix { display: none; }
.italics { font-style: italic; }
.align-left { text-align: left; }
.intro-text { color: #79859f; font-size: 18px; line-height: 24px; font-weight: normal; }
.intro-text-big { color: #79859f; font-size: 20px; font-weight: 400; }
.blue-icon { color: #188ef4; }
.black-icon { color: #343a40; }
.spacer { padding: 50px 0; }
.upper-case { text-transform: uppercase; }
.borderless { border: 0 !important; }
.img-small { width: 200px; height: auto; }

/* =============================== */
/* Link Styling                    */
/* =============================== */
a.nav-link { color: #3f474e; display: inline-block; }
a.nav-link:hover, a.nav-link:focus, .linking:hover, .linking:focus { color: #188ef4; }
a:hover, a:focus { color: #0056b3; }
a.bt-top:hover, a.bt-top:focus { color: #fff; }

/* =============================== */
/*  Header & Navigation            */
/* =============================== */
/*.topbar { position: relative; }*/
.topbar { background: #fff; }
.header-topbar { background: #f4f8fa; }
.header-topbar .navbar-brand
{
    font-size: 14px;
    color: #263238;
    font-weight: 500;
    padding: 15px 0;
}
.header-topbar .navbar { padding: 0; }
.header-topbar .navbar .search-box { padding: 15px; width: 240px; }
.header-topbar .navbar .nav-item .nav-link { color: #8d97ad; padding: 15px 20px; }
.header-topbar .navbar .nav-item .nav-link:first-child { padding-left: 0px; }
.header-navbar { background: #fcc115; }
.header-navbar .navbar { padding: 0; }
.header-navbar .navbar .hidden-lg-up
{
    padding: 15px;
    color: #263238;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
.header-navbar .navbar .navbar-nav .nav-link
{
    padding: 18px 15px;
    color: #263238;
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
}

.header-navbar .navbar .navbar-nav .nav-item:hover .nav-link, .header-navbar .navbar .navbar-nav .nav-item.active .nav-link
{
    background: rgba(120, 130, 140, 0.13);
    color: #263238;
}
.header-navbar .navbar .navbar-nav .search .nav-link { background: rgba(0, 0, 0, 0.05); padding: 18px 23px; }
.header-navbar .navbar .navbar-nav .search .dropdown-menu { padding: 20px; min-width: 300px; }
.header-navbar .navbar .dropdown-menu
{
    background: #fcc115;
    border-radius: 0 0 4px 4px;
    margin-top: 0px;
}
.header-navbar .navbar .dropdown-menu .dropdown-item { color: #263238; }
.header-navbar .navbar .dropdown-menu .dropdown-item.active, .header-navbar .navbar .dropdown-menu .dropdown-item:active, .header-navbar .navbar .dropdown-menu .dropdown-item:hover
{
    background: rgba(120, 130, 140, 0.13);
}

.header-info-bar { padding: 15px 0px; }
.header-info-bar .donate-btn a { font-size: 13px; font-weight: 500; padding: 13px 25px; margin-left: 15px; }
.header-info-bar .nav-item .nav-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 25px; }

.header-navbar .navbar .navbar-nav .nav-item:hover .nav-link, .header-navbar .navbar .navbar-nav .nav-item:focus .nav-link, .header-navbar .navbar .navbar-nav .nav-item.active .nav-link
{
	background: rgb(255, 224, 138, 0.5);
}
.header-navbar .navbar .dropdown-menu .dropdown-item.active, .header-navbar .navbar .dropdown-menu .dropdown-item:hover, .header-navbar .navbar .dropdown-menu .dropdown-item:focus
{
	background: rgb(255, 224, 138, 0.5);
}
.header-navbar .navbar .nav-link:focus
{
    background: rgb(255, 224, 138, 0.5);
}

.divider
{
	width: 1px;
	margin: 10px;
    overflow: hidden;
	background: #ecb103;
}

/* =============================== */
/*  Slider Quotes                  */
/* =============================== */
.set-static { position: static; }
.slider-quotes p { color:#cae5fc;}
.slider-quotes .carousel-indicators { right:auto; margin-left:11%; margin-right:11%; }
.slider-quotes .col-lg-9 { max-width: 400px; }

/* =============================== */
/*  Slider Training                  */
/* =============================== */
.wrap-training { background-image: none; }   

/* =============================== */
/*  Footer                  */
/* =============================== */
.footer { padding: 0 !important; }
.footer .footer-topbar
{
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(120, 130, 140, 0.13);
    padding-top: 50px;
}
.footer-middle{ padding-top:40px; }
.footer-middle .link { color: #fff }
.link:hover, .link:focus { color:#fff; }
.footer-bottom-bar
{
    background: rgba(0, 0, 0, 0.3);
    padding: 20px 0;
}
.footer-bottom-bar a { color: #eee; }
.footer a.link:hover, .general-listing li:hover a, .footer a:hover, .footer a:focus { color: #fcc115; }
.footer h6 { text-align: left; }

.wrap-feature-4-box .card-body { padding: 40px 40px 0px; }
.wrap-feature-4-box .card-body .icon-space { padding: 0px 40px 20px 0px; }

/* ====================================================== */
/*    Small devices (landscape phones, 576px and up)      */
/* ====================================================== */
@media (min-width: 576px)
{
    h1::before { content: "min-width: 576px | "; }
}

@media (max-width: 767px)
{
    h1::before { content: "max-width: 767px | "; }
    .slider-quotes .bs-slider, .slider-quotes .carousel-item { max-height:100% !important; }
    .slider-quotes .slide-text { position:relative; }
    .slider-quotes .col-md-11 { padding:25px 15px 50px; }
    .slider-quotes .col-lg-9 { max-width:100%; }
    .slider-quotes .carousel-indicators { bottom:-5px; }
}

/* ====================================================== */
/* Medium devices (tablets, 768px and up)                 */
/* ====================================================== */
@media (min-width: 768px)
{
    h1::before { content: "min-width: 768px | "; }
}

@media (max-width: 992px)
{
    h1::before { content: "max-width: 992px | "; }
    .slider-quotes .col-md-11 { min-width:250px; }
}

/* ====================================================== */
/* Large devices (desktops, 992px and up)                 */
/* ====================================================== */
@media (min-width: 992px)
{
    h1::before { content: "min-width: 992px | "; }
}

@media (max-width: 1100px) {
    h1::before { content: "max-width: 1100px | "; }
    .slider-quotes .col-md-11 { min-width:355px; }
    .slider-quotes .carousel-indicators { right:0; }
    dfn { font-size: 30px; }
    p.definition { font-size: 16px; }
}

/* ====================================================== */
/* Large devices (desktops, 1023px and up)                */
/* ====================================================== */
@media (max-width: 1023px)
{    
    h1::before { content: "max-width: 1023px | "; }
    .page-wrapper { padding-top: 150px; }    
    .header-info-bar .nav-item .nav-link { padding: 0 10px; margin: 10px 0; }
}

/* ====================================================== */
/* Extra large devices (large desktops, 1200px and up)    */
/* ====================================================== */
@media (min-width: 1200px)
{
    h1::before { content: "min-width: 1200px | "; }
    dfn { font-size: 34px; }
    p.definition { font-size: 24px; }
    .page-wrapper { padding-top: 193px; }
    .card-title { font-size: 16px;}
    .wrap-training
    {
        background-position: right top;
        background-repeat: no-repeat;
        background-image: url("../images/tr-dev.jpg");
        background-size: contain;
    }
    .test
    {
        background-position: right center;
        background-repeat: no-repeat;
        background-image: url("../images/tr-dev.jpg");
        background-size: cover;
    }
}

@media (min-width: 1900px) and (max-width: 2700px)
{
    h1::before { content: "min-width: 1900px | "; }
    .slider-quotes .carousel-indicators { margin-left:20%; }
    dfn { font-size: 40px; }
    p.definition { font-size: 30px; }
    .xl-bg-fix { display: block; height: 50px; }
}

@media (min-width: 1970px) and (max-width: 2700px)
{
    .slider-quotes .slide-text
    {
        transform:translate(-50%, -100%) !important;
        -webkit-transform:translate(-50%, -100%) !important;
        -moz-transform:translate(-50%, -100%) !important;
    }
    .slider-quotes .carousel-indicators { margin-left:26%; }    
}