/*
Theme Name: #0678 - Lone Star
Theme URI: http://csibankanytime.com/
Author: CSI
Description: Design Pro 3 CSI Banking Theme
Version: 2.0.10
Text Domain: design-pro-3
*/


/* *{ transition: all 0.7s ease; -webkit-transition: all 0.7s ease } */
/*////////////////////////////////////////
		 	TEST PAGE IB STYLE
////////////////////////////////////////*/

div.test-ib{
	top: 30px;
    left: -80px;
	min-height: 210px;
	padding: 30px;
}
div.test-group{
	width: 200px;
}
.margin-0{
	margin: 0;
}
.hero-outter>.row{
	margin: 0;
}
button.test-btn{
	margin-right: -40px;
}
div.test-link{
	margin-bottom: 0px;
	color: #fff;
}
div div.test-link a{
	color: #fff!important;
}
form.test-form{
	padding-top: 10px;
	border: 0;
}
.form-group-ib input.test-control{
	border-radius: 0;
	border-bottom: 1px solid #fff;
}

.mobile-show {
    display: none;
}
@media(max-width: 992px) {
    .mobile-hide {
        display: none;
    }
    .mobile-show {
        display: block;
    }
}

/*////////////////////////////////////////
//        ADMIN BAR STYLE              //
//////////////////////////////////////////*/



#wpadminbar #wp-admin-bar-wp-logo{
	display:none;
}

/*////////////////////////////////////////
//         END ADMIN BAR STYLE              //
//////////////////////////////////////////*/


/* COLORS
BASIC BACKGROUND: #FFFBE7

*/

/*////////////////////////////////////////
//         GENERAL STYLE                   //
//////////////////////////////////////////*/

* {
    font-family: 'Open Sans', sans-serif;
}
html,body {
   background-color: #1a283c;  /* navy blue */
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
}
html { font-size: 1em; }
h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: 1.8em; font-family: 'Lora', serif; }
h1,.text-xxl { font-size: 2.074em; }
h2,.text-xl  { font-size: 1.728em; }
h3,.text-lg  { font-size: 1.44em; }
h4,.text-md  { font-size: 1.2em; }
h5,.text-sm  { font-size: 1.1em; }
h6,.text-xs  { font-size: 1.0em; }

body{
 overflow-x: hidden;

}

        @media ( max-width: 991px ) {
            .container { width: 100%; padding-left: 0; padding-right: 0; }
        }

        @media ( min-width: 1500px ) {
        .container {
            width: 1440px;
            /* width: 100%; */ }
        }

h1, h2, h3, h4, h5, h6, p, a, li, ul, ol, dl, table, nav, button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

   }

a,
a:active,
a:visited,
a:link {
    text-decoration: none;
    color: #33445c;
    font-family: 'Open Sans', sans-serif;
}

p,ul,ol {
    margin-bottom: 18px;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
}

.text-muted {
    font-size: 95%!important;
    color: #505A69;
}

.hidden-element {
    display: none;
    visibility: hidden;
}

.btn:hover {
    text-decoration: none!important;
}

/* BTN LINK */
.btn-link {
    color: #b54f23!important; /* orange */
}

.btn-link:hover,
.btn-link:active,
.btn-link:focus {
    color: #b54f23;
    text-decoration: underline;
}

/* BTN DEFAULT */
.btn-default {
    font-family: 'Roboto', sans-serif!important;
    font-size: 0.875em;
    font-weight: 700;
    color: #33445C!important;
    border: 1px solid #d55252;
    border-radius: 25px;
    background: transparent;
    padding: 15px 35px;
    /*-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
          transition: all .3s ease;*/
}

.btn-default:hover {
    border: 1px solid #d55252;
    color: #fff!important;
    /*border-radius: 15px;
    -webkit-box-shadow: -20px 25px 60px rgba(0,0,0,0.4);
    -moz-box-shadow: -20px 25px 60px rgba(0,0,0,0.4);
    box-shadow: -20px 25px 60px rgba(0,0,0,0.4);*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#DB5353+0,b54d4d+100 */
    background: #DB5353; /* Old browsers */
    background: -moz-linear-gradient(top, #DB5353 0%, #b54d4d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #DB5353 0%,#b54d4d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #DB5353 0%,#b54d4d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB5353', endColorstr='#b54d4d',GradientType=0 ); /* IE6-9 */
    /*transform: scale(1.1);*/
}

.csi-alert{
	float: left;
    width: 100%;
    position: relative;
	margin-bottom: 0;
}

/* BTN Danger */

.btn-danger {
    color: #fff!important;
    border: 1px solid #fff!important;
    border-radius: 25px;
}

/* BTN colors */
.btn-text-white {
    color: #fff!important;
}
/*////////////////////////////////////////
//         END GENERAL STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         LOGO STYLE                //
//////////////////////////////////////////*/

.csi-logo {
    position: absolute;
    top: 23px;
    left: 0;
    z-index: 100;

}

.csi-logo img {
    -webkit-box-shadow: -8px 12px 15px rgba(0,0,0,0.2);
    -moz-box-shadow: -8px 12px 15px rgba(0,0,0,0.2);
    box-shadow: -8px 12px 15px rgba(0,0,0,0.2);
}

/*////////////////////////////////////////
//         END LOGO STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         MENU STYLE              //
//////////////////////////////////////////*/

#fluid-navbar {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfaf8+0,d2d0cc+100 */
    background: #fbfaf8; /* Old browsers */
    background: -moz-linear-gradient(top, #fbfaf8 0%, #d2d0cc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fbfaf8 0%,#d2d0cc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fbfaf8 0%,#d2d0cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfaf8', endColorstr='#d2d0cc',GradientType=0 ); /* IE6-9 */
    height: 66px;
    min-height: 66px;
    max-height: 66px;
    margin-bottom: 0;
    padding-bottom: 0;
	float: left;
    width: 100%;
    position: relative;
}

#static-navbar {
    height: 66px;
    min-height: 66px;
    max-height: 66px;
    margin-bottom: 0;
    padding-bottom: 0;
}


.navbar {
    margin-top: 7px;
    margin-bottom: 0;
}

.navbar-inverse {
    background-color: transparent;
    color: #111;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}

.navbar-inverse .navbar-nav > li > a {
    font-family: 'Lora', serif;
    font-size: 0.813em;
    font-weight: 700;
    text-transform: uppercase;
    color: #46556A; /* off blue */
    letter-spacing: 2.89px;
}

.navbar-inverse .navbar-nav  .active  a:hover,
.navbar-inverse .navbar-nav  .active  a:focus,
.navbar-inverse .navbar-nav  .open  a:hover,
.navbar-inverse .navbar-nav  .open  a:focus,
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #d9534f;
}

.navbar-inverse .navbar-toggle {
    width: 100%;
    background-color: #DB5353;
    color: #fff;
    border:0;
}


    .navbar-inverse .navbar-toggle {
        margin:0;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border:0!important;
    }

    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{
        background-color: firebrick;
        color: #fff;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{
        color: #111;
    }

    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
        background-color: firebrick;
        color: #fff;
    }


 .dropdown-menu {
    background-color: #fbfaf8;
    z-index: 99;
}

@media (max-width: 767px){
	.navbar-nav.sm-collapsible a.has-submenu, .nav>li{
		    background-color: #fbfaf8;
			z-index: 99;

	}
	.navbar-inverse{
		z-index: 99;
	}
}


/*////////////////////////////////////////
//         END MENU STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         HEADER STYLE                //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         END HEADER STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         HERO STYLE                    //
//////////////////////////////////////////*/
.fluid-hero {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2d0cc+0,fbfaf8+15 */
    background: #fbfaf8; /* Old browsers */
    background: -moz-linear-gradient(top, #d2d0cc 0%, #fbfaf8 15%);  /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d2d0cc 0%,#fbfaf8 15%);  /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d2d0cc 0%,#fbfaf8 15%);  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d0cc', endColorstr='#fbfaf8',GradientType=0 );  /* IE6-9 */
    padding-left: 0;
    padding-right: 0;

}

.fluid-hero-inside {

}

            @media ( max-width: 991px ) {
                .fluid-hero,
                .static-hero {
                    margin-left: 0;
                    margin-right: 0;
                }
				div.test-offset{
					height: 0;
					margin-left: 65%;
				}
            }

            @media ( min-width: 992px ) {
                #fluid-hero-inside {
                    margin-top: 66px;
                }
            }

.hero-fade {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#46556a+0,46556a+100 */
background: rgb(51,68,92); /* Old browsers */
background: -moz-linear-gradient(-90deg, rgba(36,46,65,0.00) 16%, rgba(51,68,92,0.99)99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-90deg, rgba(36,46,65,0.00) 16%, rgba(51,68,92,0.99) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(-90deg, rgba(36,46,65,0.00) 16%, rgba(51,68,92,0.99) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46556a', endColorstr='#46556a',GradientType=1 ); /* IE6-9 */
}


.col-nav-vertical,
.col-hero-home {
    position: relative;
    min-height: 1px;
    float: left;
    box-sizing: border-box;
}


.hero-outter {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33445c+0,33445c+100 */
    background: rgb(51,68,92); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(51,68,92,0.5) 0%, rgba(51,68,92,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(51,68,92,0.5) 0%,rgba(51,68,92,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(51,68,92,0.5) 0%,rgba(51,68,92,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33445c', endColorstr='#33445c',GradientType=1 ); /* IE6-9 */
}
.hero-inner {

    -webkit-box-shadow: -25px 25px 60px rgba(0,0,0,0.2);
       -moz-box-shadow: -25px 25px 60px rgba(0,0,0,0.2);
            box-shadow: -25px 25px 60px rgba(0,0,0,0.2);

}


#fluid-hero-home .col-hero,
#fluid-hero-home .col-hero .hero-outter,
#fluid-hero-home .col-hero .hero-inner,
#fluid-hero-home .col-hero section#hero-section,
#fluid-hero-home .col-hero .hero-fade,
#fluid-hero-home .col-hero .carousel,
#fluid-hero-home .col-hero .carousel .item {
    height: 695px;
    min-height: 695px;
}

.carousel-inner div.mobile-fix {
    background-size: cover;
}
.mobile-fix .item .active {
    background-size: cover;
}

#fluid-hero-inside .col-hero,
#fluid-hero-inside .col-hero .hero-outter,
#fluid-hero-inside .col-hero .hero-inner,
#fluid-hero-inside .col-hero section#hero-section,
#fluid-hero-inside .col-hero .hero-fade,
#fluid-hero-inside .col-hero .carousel,
#fluid-hero-inside .col-hero .carousel .item {
    height: 450px;
    min-height: 450px;
}

#fluid-hero-inside .col-nav-vertical {
    display: none;
    visibility: hidden;
}

#fluid-hero-inside .col-hero-home {
    width: 100%;
}

/*
.col-hero-home,
.col-hero-home .hero-outter,
.col-hero-home .hero-inner,
.col-hero-home section#hero-section,
.col-hero-home .hero-fade,
.col-hero-home .carousel,
.col-hero-home .carousel .item {
    height: 695px;
    min-height: 695px;
}

.col-hero-inside,
.col-hero-inside .hero-outter,
.col-hero-inside .hero-inner,
.col-hero-inside section#hero-section,
.col-hero-inside .hero-fade,
.col-hero-inside .carousel,
.col-hero-inside .carousel .item {
    height: 550px;
    min-height: 550px;
} */

/*
.col-hero-home .carousel img {
    width: 100%;
    height: 695px;
}*/

.col-nav-vertical {

    padding-top: 216px;
    text-align: center;

}


        @media ( max-width: 992px) {
            .col-hero .row { margin-left: 0!important; margin-right: 0!important;}
            .col-nav-vertical { display: none; visibility: hidden; }
            .col-hero-home {
                width: 100%;
                clear: both;
                height: 400px!important;
                min-height: 400px!important; }
        }

        @media ( min-width: 993px ) {
            .col-nav-vertical { width: 5%; }
            .col-hero-home { width: 95%; }
        }

        @media ( min-width: 1399px ) {
            .col-nav-vertical { width: 4%; }
            .col-hero-home { width: 96%; }
        }
        @media ( min-width: 1799px ) {
            .col-nav-vertical { width: 3%; }
            .col-hero-home { width: 97%; }
        }


.vertical {
    display:block;
    position: relative;
    height: 150px;
    width: 130px;
    left: -90px;

    text-align: center;
    transform: rotate(90deg);
	/*transform-origin: inherit;*/

}


.vertical a {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.688em;
    font-weight: 700;
    letter-spacing: 4.14px;
    line-height: 22px;
    color: #757b85;
}

.vertical a:hover,
.vertical a:focus {
    color: #3d444f;
}

.vertical-flyout {
    width: 200px;
    height: 50px; /* 120px; */
}

.vertical-no {
    transform: rotate(-90deg)!important;
    padding-left: 6px;
    font-size: 1em;
}

.tagline {
    background-color: transparent;
}

.tagline h2 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 24px;
    color: #fff;
}

.tagline,
.tagline p {
    color: #fff;
}
		@media ( max-width: 530px ) {
			div.row div.test-tagline{
				padding: 55% 5% 25% 5%;
            }
		}
 		@media ( max-width: 610px ) {
			div div.test-ib{
				padding: 30px 30px 10px 30%;
			}
			.row div.test-tagline{
				padding: 40% 5% 25% 5%;
			}
		}
        @media ( max-width: 767px ) {
            .tagline {
                padding: 25% 5% 25% 30%;
            }
			div.test-tagline{
				padding: 35% 5% 25% 5%;
			}
			div.test-ib{
				    top: 0;
				    left: 0;
				    min-height: 220px;
				    padding: 30px 30px 10px 25%;
			}
			div.test-offset { margin-left: 0; }
			div.test-group {
			    width: 90%;
			}
			button.test-btn{
				margin-right: -50px;
    			margin-top: -35px;
			}

        }
			@media (max-width: 475px){
				.btn-tagline {
					white-space: normal;
				}
			}

		@media (max-width: 375px){
			div div.row div.test-tagline {
				padding: 55% 5% 25% 5%;
			}
			section#hero-section {
				margin-top: 6%
		}
		.static-content-home{
			margin-top: 20%;
		}
	}
        @media ( min-width: 768px ) {
            .tagline { padding: 25% 5% 25% 25%; }
			.test-tagline { padding: 30% 5% 25% 5%; }
        }
		 @media ( min-width: 768px ) and ( max-width: 830px ) {
		 	div.test-tagline { padding: 35% 5% 25% 5%; }
			div.test-offset { margin-left: 60%; }
		 }
        @media ( min-width: 993px ) {
            .tagline {
                padding: 25% 35% 25% 5%;
                color: #fff!important;
            }

            .tagline h2 { font-size: 2.4em; }

        }
        @media (min-width: 1500px ) {
            .tagline {
                padding: 300px 800px 0 10%;
                color: #fff!important;
            }

            .tagline h2 {
                font-size: 3.00em;
                line-height: 61px;
            }
        }
	@media (max-width: 320px){
		div div.test-ib {
			padding: 10px 30px 10px 29%;
		}
		section#hero-section {
			margin-top: 15%;
			margin-bottom: 5%;
		}
		.static-content-home{
			margin-top: 20%;
		}
	}

/* carousel */

.carousel-caption {
    width: 100%;
    height: 100%;
    top:0;
    left:0!important;
    right:0!important;
    bottom:0;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#33445c+0,33445c+100 */
    background: rgb(51,68,92); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(51,68,92,0.7) 0%, rgba(51,68,92,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(51,68,92,0.7) 0%,rgba(51,68,92,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(51,68,92,0.7) 0%,rgba(51,68,92,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33445c', endColorstr='#33445c',GradientType=1 ); /* IE6-9 */
}



/*////////////////////////////////////////
//         END HERO STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         IB STYLE              //
//////////////////////////////////////////*/

#fluid-ib [class*="col-md-"],
#static-ib {
    height: 70px;
}

#fluid-ib {
    background-color: #fbfaf8; /* eggshell */
}

            @media ( max-width: 991px ) {
                #fluid-ib [class*="col-md-"], #static-ib { height: auto; }
                #fluid-ib { padding-left: 0; padding-right: 0; }
            }

/* HOME NON_STICky */

.block-ib {
    position: absolute;
    top: -200px;
    left: 0;
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#DB5353+0,b54d4d+100 */
    background: #DB5353; /* Old browsers */
    background: -moz-linear-gradient(top, #DB5353 0%, #b54d4d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #DB5353 0%,#b54d4d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #DB5353 0%,#b54d4d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB5353', endColorstr='#b54d4d',GradientType=0 ); /* IE6-9 */
    min-height: 300px;
    padding: 45px;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;

}

            @media ( min-width: 993px ) {
                .block-ib {
                    box-shadow: -15px 25px 60px rgba(0,0,0,0.3);
                    width: 332px;
                    float: right;
                }
            }

            @media ( max-width: 992px ) {
                .static-ib .row { margin-right: 0!important; margin-left: 0!important; }
                .col-ib { padding-left: 0; padding-right: 0;}
            }


/* INSIDE STICKy */
.block-ib-static-inside {
    position: relative;
    top: -200px;
    left: 0;

}

.block-ib-inside {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#DB5353+0,b54d4d+100 */
    background: #DB5353; /* Old browsers */
    background: -moz-linear-gradient(top, #DB5353 0%, #b54d4d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #DB5353 0%,#b54d4d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #DB5353 0%,#b54d4d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB5353', endColorstr='#b54d4d',GradientType=0 ); /* IE6-9 */
    min-height: 300px;
    padding: 45px;
    -webkit-transition: all .3s ease-in-out;
       -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
    -webkit-box-shadow: -15px 25px 60px rgba(0,0,0,0.3);
       -moz-box-shadow: -15px 25px 60px rgba(0,0,0,0.3);
            box-shadow: -15px 25px 60px rgba(0,0,0,0.3);
}

            @media ( min-width: 993px ) {
                .block-ib-inside {
                    box-shadow: -15px 25px 60px rgba(0,0,0,0.3);
                    width: 332px;
                    float: right;
                }
            }



            @media ( min-width: 1500px ) {
                .block-ib-static-inside {
                    height: 1050px;
                    min-height: 1050px;
                }
                .block-ib-inside {
                    position: sticky;
                    top: 0;
                    left: 0;
                    z-index: 100;
                }
            }
.block-ib:hover,
.block-ib-inside:hover {
    -webkit-box-shadow: -15px 25px 60px rgba(0,0,0,0.6);
    -moz-box-shadow: -15px 25px 60px rgba(0,0,0,0.6);
    box-shadow: -15px 25px 60px rgba(0,0,0,0.6);

}

.block-ib h3,
.block-ib-inside h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.375em;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
}

            @media ( max-width: 991px ) {
                .block-ib,.block-ib-inside, .block-ib-static-inside { top: 0; left:0;right:0;bottom: 0;
                    -webkit-box-shadow: none!important;
                    -moz-box-shadow: none!important;
                    box-shadow: none!important;
                }
            }

            @media ( min-width: 1440px ) and ( max-width: 1499px ) {
                .col-ib {
                    width: auto;
                }

                .col-ib-offset {
                    margin-left: 80%; /* was 60% */
                }
				div.test-offset{
					 margin-left: 75%;
				}
            }

.form-ib {
    border-bottom: 1px solid #fff;
    padding-top: 50px;
    padding-bottom: 10px;
}

.form-group-ib .form-control {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background: transparent!important;
    border: 0;
    color: #fff!important;
}

.form-group-ib .form-control::placeholder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 22px;
    color: #fff!important;
    opacity: 1!important;
    font-size: 1em;
    letter-spacing: 1px;
}

.btn-ib {
    background: #fff;
    border: 0;
    border-radius: 100%;
    color: #B85008!important;
}

.btn-ib .fa {
    color: #B85008;
}

.btn-ib:hover {
    background-color: #B85008!important;
    color: #fff!important;
}

.btn-ib:hover .fa {
    color: #fff;
}


.block-ib-link {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 0.750em; /* 10 px on sketch */
    letter-spacing: 0.05px;
    line-height: 13px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #67221b;
    font-size: 0.750em;
}

@media(max-width: 992px) {
    .block-ib-link {
        margin-top: 0px;
    }
}

.block-ib-link a {
    color: #67221b!important;
    text-decoration: underline;
}


.block-ib .btn-ib-app,
.block-ib-inside .btn-ib-app {
    padding-top: 9px;
    padding-bottom: 10px;
}
.btn-ib-app {
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 400;
    font-size: 0.833em;
    line-height: 14px;

    border: 1px solid #fff;
    border-radius: 25px;
    color: #fff!important;


}

.btn-ib-app:hover {
    background: #8b4341; /* rgba(0,0,0,0.2); */
    color: #fff!important;
}

.btn-tagline {
    font-family: 'Roboto', sans-serif!important;
    font-weight: 700;
    font-size: 0.875em;
    border: 1px solid #d55252;
    border-radius: 50px;
    background: transparent;
    color: #fff!important;
    padding: 15px 35px;
    letter-spacing: 0;
    line-height: 16px;
}

.btn-tagline:hover {
    background: rgba(0,0,0,0.4);
    color: #fff;
}

.ib-mobile-banking {
    margin: 15px 0 0;
}
.ib-mobile-banking-links {
    margin: 10px 0 0;
}

/*////////////////////////////////////////
//         END IB STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         QUICK LINK STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         END QUICK LINK STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//            FOOTER STYLE              //
//////////////////////////////////////////*/

.fluid-footer {
    background-color: #1a283c; /* navy blue */
    color: #89919b; /* ADA lighter #78808b; */

    padding-top: 60px;
    padding-bottom: 40px;
}

.fluid-footer a {
    color: #89919b!important; /* ADA light #78808b!important; */
}

.fluid-footer a:hover {
    text-decoration: underline;
}

.copyrightxxx p {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    font-weight: 700;
}
.ico-footer {
    width: auto;
    height: 22px;
}
/*////////////////////////////////////////
//         END FOOTER STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         SIDEBAR STYLE              //
//////////////////////////////////////////*/



/*////////////////////////////////////////
//         END SIDEBAR STYLE              //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//         CONTENT BODY STYLE              //
//////////////////////////////////////////*/

/* Home page (inside page css located below ) */
.fluid-content-home {
    padding-top: 95px;
    padding-bottom: 85px;
    background-color: #33445c; /* #fbfaf8;  eggshell */
}



.fluid-content-home [class*="col-md"] {
    color: #fff;
    height: auto!important;
    vertical-align: top;
}




.fluid-content-sub-home {
    background-color: #fff;
    color: #111;
    min-height: 400px;
}


.block-content-sub {
    padding-top: 95px;
    padding-bottom: 85px;
    line-height: 28px;
}


.block-content-sub-img {
    position: relative;
    top: -50px;
    left: 0;
    width: 100%;
    height: auto;
}

.block-content-sub-img img {
    width: 100%;

}

            @media ( min-width: 993px ) {
                .block-content-sub-img img {

                    -webkit-box-shadow: -10px 10px 25px rgba(0,0,0,0.5);
                    -moz-box-shadow: -10px 10px 25px rgba(0,0,0,0.5);
                    box-shadow: -10px 10px 25px rgba(0,0,0,0.5);
                }
            }

.block-action-box {
    background-color: #fbfaf8;
    border-radius: 20px;
    padding: 50px;
    margin-bottom: 30px;

    color: #3e3d3c!important; /* grey */
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;


}

        @media ( min-width: 992px ) {
            .block-action-box {
                -webkit-box-shadow: -15px 25px 60px rgba(0,0,0,0.4);
                -moz-box-shadow: -15px 25px 60px rgba(0,0,0,0.4);
                box-shadow: -15px 25px 60px rgba(0,0,0,0.4);
            }
        }

        @media ( min-width: 992px ) {
            .block-action-box {
                height: 620px;

            }
        }

        @media ( min-width: 1280px ) and ( max-width: 1499px ) {
            .block-action-box {
                height: 520px;

            }
        }

        @media ( min-width: 1500px ) {
            .block-action-box {
                height: 470px;
                max-height: 520px;
            }
        }

.block-action-box-icon,
.block-action-box-icon .fa-1x,
.block-action-box-icon .fa-2x,
.block-action-box-icon .fa-3x,
.block-action-box-icon .fa-4x,
.block-action-box-icon .fa-5x,
.block-action-box-icon .fa-6x{
    color: #B54F23;
    font-size: 3em;
    margin-bottom: 28px;
}


.block-action-box h3 {
    font-size: 1.875em;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0px;
    color: #1f4774; /* medium blue */
    margin-bottom: 24px;
}

.block-action-box p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 26px;
    color: #3E3D3C;
}

.block-action-box .btn,
.block-action-box-btn {
    font-family: 'Roboto', sans-serif;
    font-size: 0.750em;
    font-weight: 500;
    letter-spacing: 1.11px;
    line-height: 26px;
    color: #B54F23;
    text-decoration: none;
}


.block-action-box-link:hover .block-action-box {
    border-radius: 10px;
    -webkit-box-shadow: -10px 25px 60px rgba(0,0,0,0.7);
    -moz-box-shadow: -10px 25px 60px rgba(0,0,0,0.7);
    box-shadow: -10px 25px 60px rgba(0,0,0,0.7);
    transform: scale(1.1);
}

.block-action-box-link:hover .block-action-box-btn {
    text-decoration: underline;
}


        @media ( min-width: 992px ) {
            .block-action-verbiage {
                display: table;
                min-height: 750px;
            }
            .block-action-verbiage-inner {
                display: table-cell;
                vertical-align: middle;
            }
        }

.block-action-verbiage h2 {
    font-size: 2.375em;
    font-weight: 700;
    line-height: 46px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0;
    margin-bottom: 40px!important;
}


.block-action-verbiage {
    color: #cbcfd5;
}

.btn-action-verbiage {
    font-family: 'Roboto', sans-serif!important;
    font-size: 0.875em;
    font-weight: 700;
    padding: 15px 35px;
    line-height: 16px;
}


.hr-action-verbiage {
    background-color: #6db9d1;
    border: 2px solid #6db9d1;
    width: 20%;
    margin: 35px 80% 35px 0 ;
}

.news-title {
    font-family: 'Lora', serif;
    font-size: 2.375em;
    font-weight: 700;
    color: #33445C!important;
    line-height: 46px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
}


.post {
    border-bottom: 1px dashed #d8d8d8;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.news-full {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px dashed #dcdcdc;
}

.news-intro,
.news-intro p {
    font-family: 'Roboto', sans-serif!important;
    font-size: 1em!important;
    font-weight: 400!important;
    line-height: 26px!important;
    color: #505A69;

}

/* Inside Page */
.fluid-content {
    background-color: #fbfaf8;
    padding-top: 95px;
    padding-bottom: 85px;
}

        @media ( max-width: 991px ) {
            .fluid-content,
            .fluid-content-home { padding-top: 20px; padding-bottom: 20px; }
        }
		@media ( max-width: 768px ) {
            .fluid-content,
            .fluid-content-home { padding-top: 90px; padding-bottom: 20px; }
        }

.static-content .standard-section .col-md-6 .block {
    margin-bottom: 50px; /* 85px */
    padding-left: 20px;
    padding-right: 20px;
}

.static-content .standard-section .col-md-6 .block:last-child {
    margin-bottom: 0!important
}

.static-content .standard-section {
    line-height: 2.2em;
}

.static-content .standard-section h1 {
    font-family: 'Lora', serif;
    font-size: 2.375em;
    font-weight: 700;
    color: #33445c;
    line-height: 46px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 40px;
    /*
    color: #d9534f;
    font-size: 2.8em;
    margin-bottom: 1.4em; */
}

.static-content .standard-section h2,
.static-content .standard-section h3,
.static-content .standard-section h4,
.static-content .standard-section h5,
.static-content .standard-section h6 {
    color: #33445c;

}

h2.news-title:after,
h3.news-title:after,
.static-content .standard-section h1:after,
.static-content .standard-section h2:after,
.static-content .standard-section h3:after,
.static-content .standard-section h4:after,
.static-content .standard-section h5:after,
.static-content .standard-section h6:after {
    content: "";
    position: relative;
    display: block;
    top: 18px;
    left: 0;
    bottom: 0px;
    height: 4px;
    width: 80px;
    margin-bottom: 30px;
}

.static-content .standard-section a {
    color: #b54f23;
}

.static-content .standard-section a:hover,
.static-content .standard-section a:focus {
    color: #b54f23;
    text-decoration: underline;
}
            @media ( max-width: 991px ) {
                .static-content .standard-section .btn-danger {
                    width: 100%;
                }

                .static-content section {
                    padding-left: 15px;
                    padding-right: 15px;
                    padding-top: 40px;
                }
            }
section.csi-post-section img{
    float: left;
    width: 100%;
}
section.csi-post-section iframe{
    float: left;
    width: 100%;
    height: 400px;
    margin-bottom: 15px;
}
/*
.block-card {
    background-color: bisque;
}

.block-card-content {
    width:100%;
    background-color: aqua;
    padding: 50px;
    transition: all .4s ease;
    overflow-y: hidden;
}
.block-card-learn {
    position: absolute;
    top:0;
    left: -9999px;
    z-index: -100;
    transition: all .4s ease;
    padding: 20px;
}

.block-card:hover .block-card-content {
    width: 80%; background-color: greenyellow;
}
.block-card:hover .block-card-learn {
    background-color: coral;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    margin-left: 80%;
    width: 20%;

} */

.hidden-elementx {
    visibility: hidden;
    display: none;
}

.block-card {

    width: 100%;
    background: #DB5353;

}



.block-card-content,
.block-card-learn {
    display: block;
}

.block-card-content {
    float: left;
    width: 99.9%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;

}

.block-card-learn {
    float: right;
    background: transparent;
    width: 0.1%;
    min-width: 0.1%;
    max-width: 0.1%;
    height: 0px;
    min-height: 0px;
    max-height: 0px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    overflow: hidden!important;
}

.block-card:hover .block-card-content {
    width: 70%;
    min-height: 60px;
    background-color: blue;
}

.block-card:hover .block-card-learn {
    background-color: #824743; /* dark red */
    width: 30%;
    min-width: 30%;
    max-width: 30%;
    min-height: 60px;
}

.block-card .hidden-elementx {
    visibility: visible;
    display: contents;
}


.tester {
    width: 100%;
    overflow: hidden;
    background: #fbfaf8; /* #DB5353; /* orange */
    border-radius: 10px;
    -webkit-box-shadow: -15px 15px 60px rgba(0,0,0,0.2);
    -moz-box-shadow: -15px 15px 60px rgba(0,0,0,0.2);
    box-shadow: -15px 15px 60px rgba(0,0,0,0.2);
    margin-top: 10px;
    margin-bottom : 30px;
}


.tester-out {
    display: table;
    height: 300px;
    min-height: 300px;

}

.tester-in {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;

}


.tester-in h3,
.tester-in h4 {
    font-size: 1.875em;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0px;
    color: #1f4774; /* medium blue */
    margin-bottom: 24px;
}

.tester-in p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 26px;
    color: #3E3D3C;
}

.tester-in .btn { color:#fff!important ; }
.tester-title {
    display: inline-block;
    float: left;
    width: 100%;
    -webkit-transition: width .2s;
       -moz-transition: width .2s;
        -ms-transition: width .2s;
         -o-transition: width .2s;
            transition: width .2s;

}

.tester-support {
    display: inline-block;
    float: left;
    width: 0px;
    -webkit-transition: width .2s;
       -moz-transition: width .2s;
        -ms-transition: width .2s;
         -o-transition: width .2s;
            transition: width .2s;
}

.tester-overlay {
    background-color: #fff;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    position: relative;
    top: 10%;
    left: -70%;
    text-align: center;
    vertical-align: middle;
}

.tester:hover {

    -webkit-box-shadow: -20px 20px 60px rgba(0,0,0,0.6);
    -moz-box-shadow: -20px 20px 60px rgba(0,0,0,0.6);
    box-shadow: -20px 20px 60px rgba(0,0,0,0.6);
    transform: scale(1.1);
}

.tester:hover .tester-title {
    color: #fff;
    width: 80%;
    background: #fbfaf8; /* #DB5353; /* red */
}

.tester:hover .tester-support {
    width: 20%;
    background: #1f4774; /* #824743; /* dark red */

}

.tester:hover .btn {
    background-color: #DB5353!important;
    color: #fff!important;
}
 /*////////////////////////////////////////
 //      END CONTENT BODY STYLE              //
 //////////////////////////////////////////*/

 /*////////////////////////////////////////
 //            MOBILE STYLE             //
 //////////////////////////////////////////*/



/*////////////////////////////////////////
//         END MOBILE STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//         ACCORDION STYLE             //
//////////////////////////////////////////*/
h4.panel-title {
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
}

h4.panel-title a {
    color: #fff!important;
}

h4.panel-title a:before {
    content:"\e006";
    padding: 10px;
    margin-right: 10px;
    background-color: #282780;
    color: #fff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-family: 'Glyphicons Halflings';
}

.panel-default>.panel-heading {
    padding: 10px 15px 10px 0!important;
    height: 50px!important;
    background-color: #DB5353!important;
    color: #fff!important;
}


/*////////////////////////////////////////
//         END ACCORDION STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//        BUTTON/A STYLE             //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//        END BUTTON/A STYLE             //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//        TABLE STYLE                  //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//       END TABLE STYLE                  //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//       PAGE STYLE                  //
//////////////////////////////////////////*/



/*////////////////////////////////////////
//       END PAGE STYLE                  //
//////////////////////////////////////////*/

/*////////////////////////////////////////
//       HOME PAGE STYLE                  //
//////////////////////////////////////////*/


/*////////////////////////////////////////
//      END HOME PAGE STYLE                  //
//////////////////////////////////////////*/


	.slide-left {
	  animation: slide_left .7s ease forwards;
	  -webkit-animation: slide_left .7s ease forwards;
	}

	@keyframes slide_left {
	  0% {
	    opacity: 0;
	    left: -190px;
	  }
	  100% {
	    left: 0;
	    opacity: 1;
	  }
	}
  .acf-map {
    width: 100%;
    height: 400px;
    border: #D9002A solid 1px;
    margin: 20px 0;
  }
  .acf-map img {
      max-width: inherit !important;
  }
  .map-panel {
      position: absolute;
      z-index: 1;
      background: #fff;
      border: 1px solid #D9002A;
      height: 400px;
      overflow-y: hidden;
      font-size: .75rem !important;
      padding-top: 2%;
      padding-right: 2%;
      opacity: 0;
      display: none;
			margin-top: 20px;
  }
  @media (max-width: 449px){
    .map-panel {
      width: 100%;
    }
  }
  @media (min-width: 450px) and (max-width: 799px){
    .map-panel {
      width: 50%;
    }
  }
  @media (min-width: 800px){
    .map-panel {
      width: 25%;
    }
  }
  .map-panel hr {
      margin: 15px 0;
  }
  .map-panel:not(hr) {
      padding-left: 2%;
  }
  .map-panel i.fa.fa-times {
      position: absolute;
      top: .5rem;
      right: .5rem;
  }
	.info-wrap {
		position: relative;
		width: 100%;
		float: left;
	}
  .map-panel i.fa.fa-times:hover, .map-panel i.fa.fa-times:focus {
      cursor: pointer;
      color: #D9002A;
  }
  div[class^="map-panel-content"] address p, div[class^="map-panel-content"] address {
      font-size: .85rem;
  }
  div[class^="map-panel-content"] h5 {
      margin: 0;
  }
  /*********MEETING SCHEDULER***********/
  .meeting-scheduler-actions h3 {
      margin-bottom: 0;
  }
  .static-content .standard-section .meeting-scheduler-actions h3:after {
      content: none;
  }


 .ui-dialog .ui-dialog-titlebar-close {
      right: 6rem!important;
  }
  .ui-button-icon-space {
   margin-left: 2rem;   
  }
  .ui-dialog .ui-dialog-buttonpane button {
      color: white;
      background: navy;
  }
  .ui-dialog .ui-dialog-buttonpane button:hover,
  .ui-dialog .ui-dialog-buttonpane button:focus {
      color: black;
      background: white;
  }