/************************************************** MODIFIED BOOTSTRAP ***************************************************************/

/*--------------------------------------------------------------
>>>>>>>>>>>>>>>>>> TABLE OF CONTENTS:
----------------------------------------------------------------

#1 - MISC

#2 - NAVBAR

#3 - CAROUSEL

#4 - TABLE

#5 - RESPONSIVE

--------------------------------------------------------------*/


/*---------------------------------------------------------------

#1 - MISC

-----------------------------------------------------------------*/

a {
    color: #1a4199;
 }
 
 a:hover {
     color: #262626;
     text-decoration: none;
 }
 
 dl {
     margin: 0 0 30px 40px;
     font-family: 'Roboto';
     font-size: 21px;
 }
 
 dd {
     margin-left: 15px;
     margin-bottom: 30px;
 }
 
 /*---------------------------------------------------------------
 
 #2 - NAVBAR (Custom Navigation Bar)
 
 -----------------------------------------------------------------*/
 
 .navbar-default {
     background: #f5f5f5;
     text-transform: uppercase;    
     border: none;
     transition: 0.5s !important;
 }
 
 .navbar .navbar-nav {
     display: inline-block;
     float: none;
     vertical-align: top;
 }
 
 .navbar-default .navbar-nav>.active>a {
     background: none;
 }
 
 .navbar-default .navbar-nav>li {
     font-family: 'Roboto';
     font-weight: 600;
     font-size: 11px;
     letter-spacing: 1px;  
 }
 
 .navbar-default .navbar-nav>li:nth-child(1) {
     margin-left: 0; 
 }
 
 .navbar-default .navbar-nav>li>a:hover {
     color: #fff !important;    
     background-color: #262626 !important;
     font-weight: 500 !important;
     letter-spacing: 4px;
     transition: 0.2s;
 }
 
 .navbar-default .navbar-nav>li>a {
       transition: 0.2s;
 }
 
 .navbar-default .navbar-nav>.open>a, 
 .navbar-default .navbar-nav>.open>a:focus, 
 .navbar-default .navbar-nav>.open>a:hover {
     background-color: #262626;
     color: #ffffff;
 }
 
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, 
 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
     color: white;
 }
 
 .dropdown-menu {
     color: #ffffff !important;    
     background-color: #262626 !important;
     letter-spacing: 1px !important;
     font-size: 12px !important;
     border: none !important;    
 }
 
 .dropdown-menu>li>a {
     padding-top: 10px;
     padding-bottom: 10px;    
     color: #d8d9d9;
     font-size: 11px;
     font-weight: 500;
 }
 
 .dropdown-menu>li>a:hover {
     border-bottom: none;
 }
 
 .dropdown-menu>.active>a {
     background: none;
     color: #f5f5f5;
 }
 
 .dropdown-menu>.active>a:focus, 
 .dropdown-menu>.active>a:hover {
     color: #262626;    
     background: white;
 }
 
 .navbarsearchform {
     display: inline-block;
     padding: 7px 5px 0px 5px;
     color: #777;    
     font-family: 'Roboto';
     font-weight: 500;
     font-size: 12px;
 }
 
 .navbarsearchform input {
     outline: none;
 }
 
 .navbarsearchform input[type=search] {
     -webkit-appearance: textfield;
     -webkit-box-sizing: content-box;
     font-family: inherit;  
 }
 
 .navbarsearchform input::-webkit-search-decoration,
 .navbarsearchform input::-webkit-search-cancel-button {
     display: none; 
 }
 
 .navbarsearchform input[type=search] {
     width: 28px;    
     padding: 9px 10px 9px 10px;
     background: url(../img/search-icon.svg) no-repeat 9px center;
     background-size: 17px 19px;
     color: transparent;    
     border: none;
     border-radius: 20px;
     cursor: pointer;    
     transition: all 0.5s;
 }
 
 .navbarsearchform input[type=search]:hover {
     background-color: #fff;
 }
 
 .navbarsearchform input[type=search]:focus {
     width: 130px;
     padding-left: 32px;
     color: #000;
     background-color: #fff;
     cursor: auto; 
     border: none;
 }
 
 .navbar-toggle {
     float: none;
     margin: 10px auto; 
     padding: 15px 12px;    
     color: #262626;    
     background-color: #f5f5f5;    
     text-align: center;
     border: none;    
     border-radius: 50%;
     box-shadow: 0px 6px 17px 3px rgba(0,0,0,0.25);
     z-index: 9999;
 }
 
 
 .navbar .navbar-collapse {
     border: none;
     text-align: center;
     margin-top: -64px !important;
     padding-top: 64px !important;
 }
 
 .navbar-fixed-top .navbar-collapse {
     max-height: 400px;
 }
 
 .navbar-default .navbar-toggle:focus, 
 .navbar-default .navbar-toggle:hover {
     background-color: #f5f5f5;
 }
 
 .logged-in .navbar-fixed-top {
     top: 32px ;
 }
 
 .vc_editor .navbar-fixed-top {
     top: 0;
 }
 
 .customize-partial-edit-shortcuts-shown .navbar-fixed-top {
     top: 0px ;
 }
 
 
 /*---------------------------------------------------------------
 
 #3 - CAROUSEL (Custom Carousel)
 
 -----------------------------------------------------------------*/
 
 .carousel {
     margin-bottom: 20px;
 }
 
 .carousel-inner {
     height: 368px;
 }
 
 .carousel-thumbnail-active {
     height: 275px;    
     background: #d0d0d0;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     border-radius: 7px;
     transition: 0.2s;
 }
 
 .carousel-thumbnail {
     height: 275px;    
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;    
     border-radius: 7px;
     transition: 0.2s;
 }
 
 .carousel-caption {
     position: relative;
     left: auto !important;
     right: auto !important;
     top: -200px;
     max-width: 80%;    
     text-align: left;
 }
 
 .carousel-h3 {
     display: inline-block; 
     padding: 16px;
     margin: 0 0 0 7%;
     font-family: 'Roboto';
     font-weight: 700;
     background: #29272a;    
     color: white;
     font-size: 30px;
     text-align: left !important;   
     box-shadow: 1px 16px 22px -15px rgba(0,0,0,0.45);
     transition: 0.3s;
 }
 
 .carousel-h3 a {
     color: white;
 }
 
 .carousel-h3 a:hover {
     text-decoration: none;
 }
 
 .carousel-h3 a:focus {
     text-decoration: none; 
 }
 
 .pressed {
     margin-top: 5px; 
     box-shadow: none;
     transition: 0.2s;  
 }
 
 .pressed2 {
     margin-top: 8px;    
     text-decoration: none;    
     box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2) !important;
     transition: 0.2s;
 }
 
 .desaturated {
    filter: saturate(0.5);
 }
 
 .carousel-caption p {
     max-width: 435px;
     min-height: 88px;
     padding: 10px 15px 10px 15px;
     color: rgba(51, 51, 51, 0.86);
     font-family: 'Roboto';
     font-size: 15px;
     text-align: justify;
     line-height: 23px;
 }
 
 .carousel-excerpt {
     position: absolute;
     min-height: 88px;
     max-width: 435px;
     margin-left: 7%;
     top: 120px;
     background: #fff;
     border-radius: 5px;    
     text-shadow: none;
     box-shadow: 0px 12px 29px -11px rgba(0,0,0,0.4);
     transition: 0.2s;
 }
 
 .carousel-excerpt a:hover,
 .carousel-excerpt a:focus {
     margin: 0 !important;
     padding: 0 !important;    
     text-decoration: none !important;
     outline: none !important;
 }
 
 .carousel-caption a:visited {
     text-decoration: none;   
 }
 
 .carousel-control.left {
     background-image: none;
 }
 
 .carousel-control.right {
     background-image: none;
 }
 
 .carousel-icon {
     position: absolute;
     top: 35%;
     right: 30%;
     padding: 25px 27px 26px 30px;    
     color: #262626;
     background: white;
     border-radius: 50%;
     text-shadow: none;
     box-shadow: 0px 17px 53px 0px rgba(0,0,0,0.35);
     transition: 0.2s;
 }
 
 .carousel-single {
     height: 500px !important;
     box-shadow: 0px 24px 31px -13px rgba(0,0,0,0.20)
 }
 
 .carousel-icon-single {
     position: absolute;
     margin-left: -40px;
     top: 42% !important;    
     padding: 25px 27px 26px 30px;    
     color: white;
     font-size: 35px !important;
     text-shadow: 0px 6px 26px rgba(0, 0, 0, 0.36);
     transition: 0.3s;
 }
 
 .carousel-icon-single:hover {
     text-shadow: none;
     transition: 0.3s;
 }
 
 .carousel-caption-single {
     position: absolute;
     top: 88%;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
     padding-top: 20px;
     padding-bottom: 20px;    
     background: #262626;
     color: white;
     text-align: center;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;;
 }
 
 
 
 /** CAROUSEL FADE EFFECT **/
 
 .carousel-fade .carousel-inner .item {
     -webkit-transition-property: opacity;
     transition-property: opacity;
 }
 
 .carousel-fade .carousel-inner .item,
 .carousel-fade .carousel-inner .active.left,
 .carousel-fade .carousel-inner .active.right {
     opacity: 0;
 }
 
 .carousel-fade .carousel-inner .active,
 .carousel-fade .carousel-inner .next.left,
 .carousel-fade .carousel-inner .prev.right {
     opacity: 1;
 }
 
 .carousel-fade .carousel-inner .next,
 .carousel-fade .carousel-inner .prev,
 .carousel-fade .carousel-inner .active.left,
 .carousel-fade .carousel-inner .active.right {
     left: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
 
 .carousel-fade .carousel-control {
     z-index: 2;
 }
 
 .carousel-control {
     transition: 0.2s;
     opacity: 1;
 }
 
 .carousel-control:focus, .carousel-control:hover {
     opacity: 1;
     transition: 0.2s;
 }
 
 
 
 /*---------------------------------------------------------------
 
 #4 - TABLE (changed the default Bootstrap class ".table" to
             simply "table" in order to work with WordPress 
             directly.)
 
 -----------------------------------------------------------------*/
 
 hr {
     margin-top: 30px;
     margin-bottom: 30px;
 }
 
 table {
     width: 100%;
     max-width: 100%;
     margin-bottom: 20px;
     margin-left: 20px;
     font-family: 'Roboto';
     font-size: 18px;
 }
 
 table > thead {
     background-color: #efefef;
 }
 
 table > tbody > tr {
     border-bottom: 1px solid #efefef;
 }
 
 table > thead > tr > th,
 table > tbody > tr > th,
 table > tfoot > tr > th,
 table > thead > tr > td,
 table > tbody > tr > td,
 table > tfoot > tr > td {
     padding: 8px;
     line-height: 1.42857143;
     vertical-align: top;
 }
 
 table > thead > tr > th {
     vertical-align: bottom;
     border-bottom: 2px solid #ddd;
 }
 
 table > caption + thead > tr:first-child > th,
 table > colgroup + thead > tr:first-child > th,
 table > thead:first-child > tr:first-child > th,
 table > caption + thead > tr:first-child > td,
 table > colgroup + thead > tr:first-child > td,
 table > thead:first-child > tr:first-child > td {
     border-top: 0;
 }
 
 table > tbody + tbody {
     border-top: 2px solid #ddd;
 }
 table table {
     background-color: #fff;
 }
 
 table-hover > tbody > tr:hover {
     background-color: #f5f5f5;
 }
 
 table col[class*="col-"] {
     position: static;
     display: table-column;
     float: none;
 }
 
 table td[class*="col-"],
 table th[class*="col-"] {
     position: static;
     display: table-cell;
     float: none;
 }
 
 table > thead > tr > td.active,
 table > tbody > tr > td.active,
 table > tfoot > tr > td.active,
 table > thead > tr > th.active,
 table > tbody > tr > th.active,
 table > tfoot > tr > th.active,
 table > thead > tr.active > td,
 table > tbody > tr.active > td,
 table > tfoot > tr.active > td,
 table > thead > tr.active > th,
 table > tbody > tr.active > th,
 table > tfoot > tr.active > th {
     background-color: #f5f5f5;
 }
 table-hover > tbody > tr > td.active:hover,
 table-hover > tbody > tr > th.active:hover,
 table-hover > tbody > tr.active:hover > td,
 table-hover > tbody > tr:hover > .active,
 table-hover > tbody > tr.active:hover > th {
     background-color: #e8e8e8;
 }
 
 table a {
     text-shadow: none !important;
 }
 
 
 
 
 /*---------------------------------------------------------------
 
 #5 - RESPONSIVE MODIFIED BOOTSTRAP
 
 -----------------------------------------------------------------*/
 
 @media screen and (min-width: 1199px) {
     
     .navbar-nav>li>a { 
             margin-left: 20px !important; 
             margin-right: 20px !important;
     }
    
     
     
 }
 
 @media screen and (max-width: 1199px) {
  
     .navbar-nav>li>a {
             margin-left: 15px !important; 
             margin-right: 15px !important; 
             padding: 15px 10px;
     }
    
     
     
 }
 
 @media screen and (max-width: 782px) {
     
     .logged-in .navbar-fixed-top {
             top: 46px;
     }
     
     
     
 }
 
 @media screen and (min-width: 767px) {
     
     ul.nav li.dropdown:hover ul.dropdown-menu { 
             display: block; 
     }
     
     .dropdown-menu>li>a:hover {
             color: #262626 !important;
     }
     
      .whitesearch {
             background: url(../img/search-icon-white.svg) no-repeat 9px center !important;
             background-size: 17px 19px !important;
            
     }
     
     .whitesearch:focus {
             color: white !important;
     }
     
     .carousel-icon:hover {
             padding: 23px 25px 24px 28px;
             margin-top: 4px;
             margin-right: 4px;
             font-size: 17px;  
             box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.4);
             transition: 0.2s;        
     }
     
     
     
 }
 
 @media screen and (max-width: 767px) {
      
     .navbar-collapse {
             background-color: #f5f5f5 !important;
     }
     
     
     .navbar-default .navbar-nav>li {
             margin-left: 0px !important;
     }
     
     .navbar-default {
             background: none !important; 
     }
     
     .navbarsearchform {
             display: block !important;
             margin-left: 50px;
             padding: 0px 0px 20px 0px;
     }
    
     .navbarsearchform input[type=search] {
             margin-left: -50px;
     }
     
     .navbar-default .navbar-nav .open .dropdown-menu>li>a {
         color: #aeaeae;
     }
    
     
 }
 
 @media screen and (max-width: 599px) {
     
     .navbar-default {
             border-top: none;
     }
     
     .carousel-excerpt {
             max-width: 286px;
         
     }
     
     .carousel-caption h3 {
             font-size: 23px;
     }
     
     .carousel-inner {
             height: 452px;
     }
     
     .carousel-icon {
             padding: 15px 17px 16px 20px;
     }
     
     .single-title-zone h1 {
             font-size: 30px;
     }
     
     .zeromargin { 
             top: 0 !important;
             margin-top: 0 !important;
     }  
     
     
     
 }
 
 @media screen and (max-width: 550px) {
    
     .carousel-single {
             height: 300px !important;
     }
     
     .carousel-caption-single {
             top: 81%;
     }
     
     
     
 }
 
 @media screen and (max-width: 450px) {
     
     .single-title-zone h1 {
             font-size: 24px;
     }
     
     .single-title-zone a {
             font-size: 10px;
     }
     
     .single-title-zone h4 {
             font-size: 12px;
     }
    
     
  
 }
 
 
 @media screen and (max-width: 421px) {
     
     .carousel-single { 
             margin-bottom: 25px;
     }
     
     
     
 }
 
 
 @media screen and (max-width: 400px) {
     
     .carousel-excerpt {
             max-width: 215px;
     }
     
     .carousel-caption h3 {
             font-size: 18px;
     }
     
     .carousel-inner {
             height: 520px;
     }
     
     .carousel-icon {
             font-size: 12px !important;
             padding: 12px 12px 12px 15px;
     }
     
     .carousel-caption p {
             font-size: 14px;
     }
     
     
     
 }
 
 @media screen and (max-width: 350px) {
     
     .carousel { 
             height: 475px;
     }  
     
     
     
 }