/* Html / Body */

        * { outline: none; text-decoration: none;  }
  a:hover { text-decoration: none; }
html,body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Paragraphs & Headlines */

h1,h2,h3,h4,h5,h6 { font-family: "times new roman"; }
h1.title { color: white; }
p { font-family: 'Arimo', sans-serif; }

/* Cover */

.show-grid div[class^="col-"] {
    margin-top: 20px;
    margin-bottom: 20px;
}

.cover { height: 70vh; width: 100%; text-align: center;background: url(../../img/cover/cover.jpg) center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; }
.phrase { position: absolute; width: 100%; top: 50% !important; transform: translate(0%,-20%); }
.phrase { position: absolute; left: 50%; top: 30%; transform: translate(-50%,-30%); }
.phrase h1 { color: white; font-size: 300%; }

/* National Bank of Conselours Index */

.bank-index    { text-align: center; padding: 50px 0; }
.bank-index p  { color: #777575; font-size: 15px;max-width: 700px; margin: 0 auto;}
.bank-index h1 { color: #0066af; font-size: 28px; }
.bank-index h2 { color: #0066af; font-size: 14px; padding: 30px 0; }

.bank-index .index-content { text-align: right; width: 90%; margin: 0 auto; }
.bank-index .index-content li  { list-style:none; }
.bank-index .index-content li a{ color: #777575; font-size: 14px; margin: 5px 0; line-height: 14px; display: block; cursor: pointer; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; }
.bank-index .index-content li a:hover { color: #0066af; transform: translateX(-8px); -webkit-transform: translateX(-8px); -moz-transform: translateX(-8px); -ms-transform: translateX(-8px); -o-transform: translateX(-8px); }
.index-content h3 { color: #0066af; font-size: 17px; text-transform: uppercase; }

.index-height { height: 370px; }

.border-left  { border-left: #999 solid thin; }
.border-right { border-right: #999 solid thin; }

/* Counselors Bank */

.counselor-bank { padding: 0; margin: 0; background: url(../../img/background/bg-justification.jpg) center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; }
.title-cnt { width: 90%; padding: 5%; }
.counselor-bank-cnt { width: 90%; padding: 25px 10px; margin: 0 auto; }
.counselor-bank h1 {  font-size: 40px; color: white; padding: 30px 0 0;  }
.counselor-bank p { color: white; text-align: justify; font-size: 13px; }
.counselor-bank strong { color: #53b7ff; }

/* justification */

.justification { padding: 0 !important; margin: 0 !important; background: white !important; }
.justification-cnt { width: 90%; padding: 25px 10px; margin: 0 auto; }
.justification h1 {  font-size: 40px; }
.justification p { text-align: justify; font-size: 13px; }
.justification strong { color: #53b7ff; }
.justification .separator { margin-bottom: 20px;}

.description-counselor{
    white-space: pre-line;
    text-align: justify !important;
    height: 80px;
    overflow: hidden;
    font-size: 11px;
}
/* build your counselor team */

.build-team { padding: 30px 0; margin: 20px 0; text-align: center; background: url( ../../img/background/bg-team.jpg) center bottom; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; }
.build-team h3 { font-size: 16px; color: #0066af ; font-weight: bold;}
.build-team .separator {  width: 300px; margin: 0 auto 20px; }
.build-team i { position: relative; margin-left: -30px; color: #999; }
.build-team .column-height { height: 220px; margin: 20px 0; }

form#search-your-team input[type="search"] {  width: 300px; margin: 20px auto; border: #eaeaea solid thin; border-radius: 100px; padding: 5px 8px; }

form#filter-your-team { text-align: left; }
form#filter-your-team select { color:#999; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0px; border-radius: 0px; border: none; border-bottom: #999 solid thin; padding: 5px 8px; width: 90%; margin: 0 auto; background: transparent; }
form#filter-your-team input[type="checkbox"] { text-align: left; padding: 5px; display: block; float: left; margin-right: 5px; }
form#filter-your-team input[type="submit"] { margin: 0 auto; display: table; background:#0066af; color: white; border:none; padding: 5px 30px; cursor: pointer; }
form#filter-your-team input[type="submit"]:hover { background:#033a62; }

form#search-your-team input[type="submit"] { margin: 0 auto; display: table; background:#0066af; color: white; border:none; padding: 5px 30px; cursor: pointer; }

.location-container { overflow-y:scroll; height: 160px; }
.location-container::-webkit-scrollbar              { background: rgba(000,000,000,.6); border-radius: 10px; width: 10px; }
.location-container::-webkit-scrollbar-button       { /* 2 */ }
.location-container::-webkit-scrollbar-track        { /* 3 */ }
.location-container::-webkit-scrollbar-track-piece  { /* 4 */ }
.location-container::-webkit-scrollbar-thumb        { background: rgba(000,000,000,.3); border-radius: 10px; width: 8px; margin: 0 auto; }
.location-container::-webkit-scrollbar-corner       { /* 6 */ }
.location-container::-webkit-resizer                { /* 7 */ }

/* Responsabilities */

.responsabilities { padding: 25px 0; margin: 0; background: url(../../img/background/bg-responsabilities.jpg) center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; }
.title-cnt { width: 90%; padding: 5%; }
.responsabilities-cnt { width: 90%; padding: 25px 10px; margin: 0 auto; height: 400px; overflow-y: scroll; overflow-x: hidden; }
.responsabilities h1 {  font-size: 40px;padding: 100px 0 0;  }
.responsabilities p { text-align: justify; font-size: 13px; }
.responsabilities strong { color: #53b7ff; }

.responsabilities-cnt::-webkit-scrollbar              { background: rgba(000,000,000,.4); border-radius: 10px; width: 10px; }
.responsabilities-cnt::-webkit-scrollbar-button       { /* 2 */ }
.responsabilities-cnt::-webkit-scrollbar-track        { /* 3 */ }
.responsabilities-cnt::-webkit-scrollbar-track-piece  { /* 4 */ }
.responsabilities-cnt::-webkit-scrollbar-thumb        { background: rgba(000,000,000,.3); border-radius: 10px; width: 8px; margin: 0 auto; }
.responsabilities-cnt::-webkit-scrollbar-corner       { /* 6 */ }
.responsabilities-cnt::-webkit-resizer                { /* 7 */ }

.responsabilities-cnt table.Responsabilidad { margin-left: 0px !important; }

/* Video Wrapper */

.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; margin: 15% 0 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; border: none; }

/* Colors */

.blue { color: #0066af ; }
.gray { color: #777575 ; }

/* Separators */

.separator { background: #0081de; }
.hr { width: 100%; height: 2px; }
.vr { width: 2px; height: 100px; }
.cn { margin: 0 auto; }

/* Counselors Directory */

.directory { margin: 0; padding: 0; }
.filters { background: #f9f9f9 ; height: 100vh; padding: 10px; font-size: 12px; min-height: 800px; }
.filters h1{ text-align: center; font-size: 18px;font-weight: bold; }
.filters h3{ text-align: center; font-size: 18px; color: #0066af; }

.counselor-details { padding: 40px 0; }
.counselor-details h1 { font-size: 24px; font-weight: bold; color: #0081de; padding: 0; margin: 0; cursor: pointer;}
.counselor-details h1:hover { font-size: 24px; font-weight: bold; color: #005591; }
.counselor-details h2 { font-size: 15px; font-weight: lighter; color: #777575; padding: 0; margin: 0; }

.counselor-details ul { padding: 10px 0; }
.counselor-details li { padding: 0; font-size: 12px; list-style: none; }

.btn-fav{border:none; background-color: transparent;}

.tools i { font-size: 10px; text-align: left; display: block; margin: 10px 0; cursor: pointer;}
.tools i:hover { color: #0066af; transform: translateX(5px); }

.display { overflow: hidden; color: #c6c6c6; width: 100px; height: 100px; text-align: center; line-height: 25px; padding: 25px 12px;  -webkit-border-radius: 100%; -moz-border-radius:100%; border-radius: 100%; border: #c6c6c6 solid 1px; margin: 0 auto;}
.display i { font-size: 75px; }

.display.bg-foto{background-repeat: no-repeat; background-size: cover; background-position: center;}

.counselors-cv   { background: #eaeaea; padding: 10px; margin: 25px 10px; height:0px; visibility: hidden; transition: all .2s ease-in-out;  }
.counselors-cv p { text-align: justify; font-size: 12px; opacity: 0; transition: all .8s ease-in-out; }

.cv-container { margin: 40px 0 0;}
a.cv-btn { color:#999; border:#999 solid thin; font-size: 30px;  width: 16px; height: 16px; margin: 0 auto; padding: 16px;  border-radius: 100%; -moz-border-radius:100%; -webkit-border-radius: 100%;}
a.cv-btn:hover { color:#0066af; border:#0066af solid thin; }
a.cv-btn:hover i { color:#0066af; }
p.cv-btn { margin: 20px 0; font-size: 10px;  }

.shadow { -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; }
.arrow-down { width: 0; height: 0; position: relative;left: 50%; margin-top: -10px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid white; }

.show { visibility: visible; height: auto; }
.show p { opacity: 1;  }

.hide.counselors-cv p { text-align: justify; font-size: 12px; opacity: 0; transition: all .0s ease-in-out; }
.hide.counselors-cv a.cv-btn { visibility: hidden;}
.hide.counselors-cv .close { visibility: hidden;}
.counselors-cv .close { position: relative; margin-top: -40px; }
.hide { visibility: hidden; height: 0px; }
.hide p { opacity: 0;  }

.view-options  { padding: 20px 0; }
.view-options select { color:#999; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:0px; border-radius: 0px; border: none; border-bottom: #999 solid thin; padding: 5px 8px; width: 90%; margin: 0 auto; background: transparent; }


.col-sm-1.check { line-height: 100px; }

.menu-directory { background: #0066af; text-align: center; }
.menu-directory ul li { display: inline-block; padding: 10px 20px; cursor: pointer;}
.menu-directory ul li a{ color:white; opacity: .8;}
.menu-directory ul li a:hover{  opacity: 1;}

/* Definitions */

.definitions { text-align: right; font-size: 12px; color: #777575 ; padding: 20px;}
.definitions h3 { font-size: 16px; color: #0066af ; }
.definitions a { color: #777575 ; display: block; cursor: pointer; padding: 3px 0; margin: 2px 0;}
.definitions a:hover { color: #0066af ;}

.defintion-container h1 { font-size: 30px; color: #0066af ; padding: 20px 30px; }
.defintion-container h3 { padding: 0px 30px; }
.defintion-container    {  text-align: justify;}
.defintion-container p  { font-size: 13px; color: #777575 ; padding: 20px 0; }
.defintion-container p.paragraph { font-size: 13px; color: #666 ; padding: 0 30px; margin:10px 0 0;  }
.defintion-container ul { margin: 0; padding: 20px 30px;  }
.defintion-container li { font-size: 13px; padding: 5px 0;  }


.modal-consultores .modal-content{ background-color: #dddddf; border-radius: 0px;}
.modal-consultores .modal-content h4{ font-weight: bold; font-size: 22px;}
.modal-consultores .modal-content label{color: #0066af;}
.modal-consultores .modal-content input, .modal-consultores .modal-content textarea{resize: none; border-radius: 0px;  background-color: #e7e7e8;  background-image: url('../../imgs/dvlopmx/bg_degradado_input.png');
    background-repeat: repeat-x;
    background-position: top left;}
.modal-consultores .modal-content button{border-radius: 0px;}
/* Media Queries */

@media only screen
    and (min-width : 320px)
    and (max-width : 1025px){
        
        .index-content { text-align: center; }
        .border-right, 
        .border-left {border: none; }
        .column-height,
        .index-height{ height: auto; }
        .counselor-bank h1,
        .justification h1 { text-align: center; padding: 0; }
        .hr { width: 100% !important; margin: 10px 0 !important; height: 2px; }
        .build-team { padding: 0; margin: 120px 0 0; }
        .show { height: auto; transition: all .2s ease-in-out; }
        .hide { height: 0px; transition: all .2s ease-in-out;}


        
}