/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/ 
/* 
    Theme Name: Praxis Play
    Version: 1.0
*/

*:focus{
    outline: none !important;    
}
*{
    text-decoration:none;
}
a{ 
    color: #2f447a;
	}
a:hover{ 
    color: #388cdb;
	}
	.legal a{
    color: #7485b1;
}
.legal a:hover{
    color: #2f447a;
}	
body{
    background:#2f447a;
	}
body,p{
    font-size: 14px;
    color:#1d2546;
}
.body-bg-color{
    background:#ffffff;
    overflow:hidden;
}
a,a:hover{
    text-decoration: none;
}
/* Global CSS Start */
.margin-top-40{
    margin-top:40px;
}
.margin-bottom-40{
    margin-bottom:40px;
}
.margin-bottom-60{
    margin-bottom:60px;
}
.margin-top-20{
    margin-top:20px;
}
.margin-bottom-50{
    margin-bottom:50px;
}
.margin-top-50{
    margin-top:50px;
}
.margin-bottom-20{
    margin-bottom:20px;
}
.margin-bottom-10{
    margin-bottom:10px;
}
.font-small{
    font-size: 14px;
}
/* Global CSS End */

/* Common CSS Start */
.border-bottom-gold{
    border-bottom:4px solid #bd9c21;
}

.btn-custom,.btn-custom:hover{
    background:#2f447a;
    color:#ffffff;
    font-weight:300;
    background: #2f447a;
    color: #ffffff;
    font-weight: 300;
    padding: 10px 25px;
}
.color-white{
    color:#ffffff;
}
.color-blue{
    color:#2f447a;
}
.font-light{
    font-weight:300;
}
/* Common CSS End */






/* Header Start */
.navbar-toggler:focus{
    outline: none;
}
.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,1);
}

.current-menu-item > a{
    font-weight:700;
}
nav{
    background:#2f447a;
    border-bottom:8px solid #388cdb;
    padding-top:20px !important;
    padding-bottom: 20px !important;
}
nav a{
    text-transform:uppercase;
    font-weight: 100;
    letter-spacing: 1px;
}
@media (min-width: 1200px){
.navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 1em;
    padding-left: 1rem;
}
#menu-main-menu{
    /*max-width:675px;*/
    margin-left:auto;
    margin-right:auto;
}
}
@media (max-width: 767px){
.navbar-nav{
    padding-left:15px !important;
  }
}

/* Header End */

/* Footer Start */
.theme-footer{
    background-color:#2f447a;
    padding-top: 10px;
    padding-bottom:0px;
    border-top: 8px solid #388cdb;
}
.theme-footer a{
    color:#ffffff;
}
.footer-text-container{
    padding-top:40px;
}
/* Footer End */

@media(min-width:767px){
    .text-right-767-up{
        text-align:right;
    }
}
/* Development Start */
@media(max-width:680px){
    .hero{
   padding:40px 30px 60px 30px;
   background:#e9e9e8;
   overflow:hidden;
   text-align:center;
}
.rev-container{
    display:none;
 }
}
@media(min-width:681px){
.hero{
  display:none;
}
}

.font-20{
    font-size:16px;
}
/* Form Start */
@media(min-width:992px){ 
    .rev-container{
    margin-bottom:60px;
 }
    .form-label{
        width:30%;
        float: left;
        text-align:right;
        margin-bottom:10px;
        color: #ffffff;
    }
    .form-field{
        width:65%;
        float: right;
        margin-bottom:30px;
    }
    .form-holder,.form-field .form-logo{
        margin-left:-160px;
    }
    .form-field input[type="text"],.form-field input[type="email"],.form-field textarea{
        width: 85% !important;
    }
    .main-title{
        display: inline-block;
    }
}
@media(max-width:991px){ 
    .form-holder{
        max-width: 346px;
        margin:0 auto;
    }
    .form-label{      
        margin-bottom:10px;       
    }
    .form-field{      
        margin-bottom:10px;
    }
    .img-responsive-md{
        max-width: 100%;
        height: auto;
    }   
    .grey-section .container{    
    padding-top:60px !important;
    padding-bottom:60px !important;
}
.white-section .container{    
    padding-top:60px !important;
    padding-bottom:44px !important;
}
}
.form-field input[type="text"],.form-field input[type="email"]{
    border:1px solid #ffffff;
    padding: 5px;
    width:100%;
    background: transparent;
}
.form-field textarea{
    border:1px solid #ffffff;
    padding: 5px;
    max-height:200px;
    width:100%;    
    background: transparent;
}
.primary-btn{
    padding: 7px 41px;
    color:#ffffff;
    background: #388cdb;
    border:1px solid #388cdb;
    border-radius: 0;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 14px;
}
.form-container{ 
    background-image: url("images/logo-bg.svg");
    background-repeat: no-repeat;
    background-position:center center;
    background-size:contain;
}
/* Form End */
/* Home Start */
.main-title{
    text-align: center;
    color:#2c4b7f;
    margin-bottom:40px;    
}
.main-title h2{
    font-weight: 700;
    font-size:24px;
}
.grey-section{
    background-color:#e9e9e8;    
    overflow:hidden;
}
.grey-section .container{    
    padding-top:100px;
    padding-bottom:100px;
}

.white-section{
    background-color:#ffffff;   
    overflow:hidden;
}
.white-section .container{    
    padding-top:100px;
    padding-bottom:100px;
}
.title-blue-bar{
    background-color:#2f447a;
    padding:40px 0;
    color:#ffffff;
    overflow:hidden;
}
.title-blue-bar .title-box{
    letter-spacing: 5px;
    font-size: 18px;
}
.blue-thumbnail-content{ 
    background: #3d88c8;
    padding:7px;
    overflow: hidden;
    display:block;
    font-size:20px;
}
.blue-thumbnail-content > div{
min-height:186px;
}
.blue-thumbnail-content > div{
    border:1px solid #ffffff;
    padding:30px 15px;
}
.blue-thumbnail-content .title-holder{
    font-size: 21px;
    margin-bottom:10px;
    font-weight:700;
}

.bg-container{
    background-size: auto 500px;
    background-image: url(images/graphic-1.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 483px;
}
@media(min-width:1801px){
.bg-container{
   background-size: auto 719px;
    background-image: url(images/graphic-1.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 706px;
}
}
.bg-container-1{
    background-size: auto 1000px;
    background-image: url("images/bg-image.png");
    background-repeat: no-repeat;
    background-position:left center;
    min-height:865px;
}
/* Home End */
@media (max-width: 1199px){
.navbar-toggler{
   background-color:#388cdb;
   color:#ffffff !important;
   border:1px solid #ffffff !important;
   border-radius:0 !important;
}
.navbar-expand-xl .navbar-toggler {
      display: block;
      /*margin-top: 31px;*/
      padding: 10px 15px;
  }
  .navbar>.container {
    display: Block
}
#menu-main-menu{
    margin-top: 15px;
}


}
@media (max-width: 767px){
    nav .container{
        max-width:100% !important;
    }
    #bs-example-navbar-collapse-1{
        margin-left:-15px;
        margin-right:-15px;
        margin-bottom:-20px;
    }
#menu-main-menu{
   padding-left:15px;
    padding-right:15px;
    background:#388cdb;
}
.theme-footer .col-md-10,.theme-footer .col-md-2,.theme-footer .col-md-6{
    text-align:center !important;
}
}

#to-top {
    width: 31px;
    height: 31px;   
    background: #388cdb;
    float: right;
    position: fixed;
    bottom: 101px;
    right: 2%;
    color: #ffffff;
    border: 1px solid #388cdb;
    border-radius: 0;
    transition: all .35s;
    transition-property: all;
    transition-duration: 0.35s;
    transition-timing-function: initial;
    transition-delay: initial;
    text-align: center;
    font-size: 7px !important;
    z-index:10000000000;
}
.custom-hidden{
    display:none;
}
#to-top .fa{
    margin-top: 3px;
    font-size: 20px;
}
.custom-visible {
    display: inherit !important;
}
#to-top:hover {
    background: #007bff;
    border: 1px solid #007bff;
    color: #fff !important;
}
.textwidget p{
    color:#ffffff;
    margin-bottom:0;
}
.wpcf7-list-item {
     margin: 0 0 0 0 !important; 
}

@media(max-width:1260px){
    .hide-d1261{
        display:none;
    }
}
@media(min-width:1261px){
    .hide-u1260{
        display:none;
    }
}
@media(min-width:768px) and (max-width:992px){
.blue-thumbnail-content > div{
    min-height:215px;
}

}
@media(max-width:680px){
.container {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
}
.bg-container-1 {
    background-size: auto auto;
    min-height: 400px;
}
}
.text-transparent-bg{
   background: rgba(255,255,255,0.75);
    overflow: hidden;
    padding: 15px 15px 0 15px;
}
.modal-content{
    background:#2f447a;
}
#myModal{
background:rgba(47,68,122,0.5);
}
.modal-content{
    border:1px solid #ffffff;
    border-radius:16px;
}

.modal-header{
    border-bottom:transparent;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    color: #ffffff;
    opacity:1;
}
.close{
    text-shadow:none;
    color:#ffffff;
    font-weight:400;
    opacity:1;
}
.form-label{
    color:#ffffff !important;
}

.card-header{
    background:transparent;
    border:none;
}
.card-header .left{
    float:left;
    max-width:93%;
}
.card-header .right{
    float:right;
    max-width:7%;
}
.card-link[aria-expanded="false"] .up{
    display:none;
}
.card-link[aria-expanded="true"] .down{
    display:none;
}
.card{
    margin-bottom:30px;
     border:1px solid #2f447a;
}
.card-body{
    padding-top:0;
}
.responsive-custom{
    width:100%;
}
.v-container{
width: 100%; position:
relative; 
padding: 0; 
padding-top:56.25%;
}
.v-container iframe{
position: absolute;
top: 0; 
left: 0; 
width: 100%; 
height:100%;
}
h3 {
    font-size: 1.25rem;
}
@media(min-width:768px){
.ico-logo{
    position:absolute;
    left:4px;
    top:15px;
    margin-bottom:10px;
  }
}
.ico-logo{
    display:inline-block;
    margin-bottom:10px;
  }