@charset "utf-8";
/*
Theme Name: Texas Security General Insurance Agency, LLC.
Author: iQuinceSoft
Author URI: http://www.iquincesoft.com/
Description: Texas Security General Insurance Agency, LLC. Theme developed by iQuinceSoft
Version: 1.2.0
Tags: Texas Security General Insurance Agency, LLC.
*/
/* CSS Document */

*{margin:0; padding:0; box-sizing: border-box; }
ul,li{list-style: none;}
a, a:hover{text-decoration: none; transition: all 500ms;}
a{color: #af7d4f;}
@font-face {font-family: fontAwesome; src: url(fonts/fontawesome-webfont.ttf); src: url(fonts/fontawesome-webfont.eot); src: url(fonts/fontawesome-webfont.woff); }

body{font-family: Roboto;}
h1, h2, h3, h4, h5, h6{font-family: Open Sans;}


/*=================================Header==========*/

.header{transition: all 500ms; width: 100%; top:0; position: absolute; height: 130px;}
.top-head {background: #0e2c6c; padding: 8px 30px; display: block; position: fixed; width: 100%; z-index: 5;}
.top-head ul{justify-content: flex-end;}
.top-head ul li{position: relative;}
.top-head ul li:after{position: absolute; content: ''; right: 0; border-right: 1px solid #747890; height: 15px; top: 5px;}
.top-head ul li:last-child:after{border: none;}
.top-head ul a{padding: 0 15px; font-size: 12px; color: #acc0ec; }
.top-head ul a:hover{color: #fff;}
/* .dropdown-toggle {position: absolute; right: 5px; top: 22px; } */
.dropdown-menu{padding: 0;}
.navbar-nav .dropdown-menu a{color: #000 !important; display: block;}
.navbar-nav .show .dropdown-toggle::after{transform: rotate(180deg);}

.bottom-head {
     height: 90px; left:0px;  margin-top: 40px; position: fixed; width: 100%; z-index: 5; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.3127626050420168) 0%, rgba(0,0,0,0) 100%);
}

.bottom-head-home {
    top: 32px !important;
}


.bottom-head-home-scroll {background-color: white !important;}

.displaynone {
    display:none;
}

.header-contact {
	color:#acc0ec;
	left: 0px;
	font-size: 14px;
}

.header-contact strong {
	color: white !important;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 14px !important;
}

.header-contact a {
	font-size: 14px !important;	
	padding:0px !important;
}


.gm-container {
	height: 90px !important;
}    

.darkHeader {background: #fff; top: -40px; box-shadow: 0 0 20px #a7a7a7;}
.darkHeader .navbar {padding: 0px 20px; }
.header-home{ position: absolute; width: 100%;}
.header-home .navbar-brand img{filter: brightness(0) invert(1);}

.header-in .navbar-nav li a{color: #0d2c6c !important;}



.navbar-brand img{width: 100%;}
.navbar-nav li{padding: 12px;}
.navbar-nav li a{position: relative; font-size: 12px; letter-spacing: 0.05em; text-transform: uppercase; color: #fff !important; font-family: Open Sans; padding: 0px !important; transition: all 500ms;}
.navbar-nav li a:after{position: absolute; content: ''; transform: scale(0); border-bottom: 1px solid #0e2c6c; bottom: -5px; transition: all 500ms; left: 0; width: 100%;}
.navbar-nav li a:hover:after{transform: scale(1);}
.navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open > a, .nav li > a.active, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: transparent; color: lightgray!important; outline: none;}
.navigation{margin-left: auto;}
.navbar{padding: 20px;}

.slide-main {  background-image: url(images/banner.png) !important; background-position: center !important; background-repeat: no-repeat !important;
    background-size: cover !important;}
                                                                    
.banner-in {position: relative; width: 100%;}
.banner-in .text-box{left: 8%; top: unset; bottom: 30px;}
.banner-in .text-box h2{font-weight: bold; font-family: Roboto;font-size:40px;margin-bottom: 0;}


.text-box {
    width: 35%;
    color: 
    #fff;
    margin-top: 125px;
    margin-left: 100px;
}
.text-box h2{ font-size: 110px; font-weight: 900; margin-bottom: 20px; font-family: Roboto; line-height: 1;}
.text-box p{line-height: normal; padding: 0; margin: 0;}
.tag-box{display: inline-flex; justify-content: space-between;}
.tag-box li a{background: #4269b8; text-align: center; border: 1px solid #6887ca; padding: 20px 30px; color: #abbee7 !important; width: 120px; height: 120px; margin: 10px 10px 0 0; display: flex; align-items: center; flex-wrap: wrap; font-size: 14px; justify-content: center;}
.tag-box li a p{text-transform: uppercase;}
.tag-box li a i{font-size: 25px;}
.tag-box li a:hover{color: #fff;}
.tag-box li a strong{font-weight:normal;}


.feat-box{ width: 100%; margin-top: 80px;}
.feat-box ul{display: inline-flex; }
.feat-box .cont-box img{width: 30px; margin-right: 10px; margin-bottom: 10px;}
.feat-box .cont-box{background: url(images/feat-bg.png) no-repeat; background-size: cover; padding: 20px 40px; color: #fff;}
.feat-box .cont-box h3{font-family: Roboto; font-size: 22px; font-weight: 300; margin-bottom: 10px;}
.feat-box .cont-box p{font-size: 12px; color: #e6e6e6; margin: 0;}


.padding-box{padding: 60px 0; background: #e6e6e6;}
.heading h1{font-weight: bold; font-size: 46px;}


.logo-box ul{display: inline-flex; width: 100%; justify-content: space-between; margin: 0;}
.logo-box ul li{width: 20%;}
.vc_btn3-container.two-boxes-btn.vc_btn3-center a {
    font-size: 18px;
    font-family: open sans;
}
.textwidget p {
    padding-top: 28px;
}
.textwidget p:last-child {
    padding-top: 70px;
}

.feat-box .wpb_wrapper a{
    color:#fff;
} 
.feat-box .wpb_wrapper a:hover {
    color:#fff;
}

.three-boxes .tag-box li a:hover {
    background: #35559c;
}
.container-fluid.inner-page .gm-container span.gm-menu-btn__inner{
  color:#000;
}
/*==========================Footer
============================================*/




footer{background: url(images/footer-background.jpg) no-repeat; /* background-attachment: fixed; */ background-size: cover; padding: 50px 0;}
footer img{margin-bottom: 40px;}
footer .nav-box li{margin: 0; width: 50%; float: left;}
footer .nav-box li a{padding: 0px; transition: all 500ms;}
footer .nav-box li a:hover{color: #96a7cb; background: transparent;}
footer p{margin: 0;}
footer p, footer a{color: #fff; font-size: 15px; font-family: Open Sans;}
.textwidget div strong {color: #fff;}
footer p b{color: #fff;}
footer a{margin-bottom: 5px;}
footer a:hover{color: #96a7cb;}
footer .contact-sub img{margin: 0; padding-right: 10px;}
p small{padding: 0px;}
footer #ot-sdk-btn.ot-sdk-show-settings{
    font-size:15px;
    line-height: 1;
    padding: 0;
    font-weight: normal;
    margin: 0;
}
.col-md-12.col-sm-12.mobile-footer {
    display: none;
}

.prefooter {
    
}

/*============================Inside Page================*/


/********************* about us page CSS start here *************************/

.about-us .content-box{margin-bottom: 50px; color: #3b3b3b;}
.about-us .content-box p{font-size: 23px; font-weight: 300;}
.about-us h3{font-family: Roboto; font-weight: 800; text-transform: uppercase; font-size: 23px;}
.right-feat a{display: inline-flex; background: #356bd8; align-items: center; width: 100%; margin-bottom: 10px;}
.right-feat .img-box{width: 100px; height: 100px; overflow: hidden; margin-right: 10px;float:left;}
.right-feat .img-box img{width: 100%; height: 100%; object-fit: cover; transition: all 500ms;}
.right-feat a:hover img{transform: scale(1.1);}
.right-feat h3{font-size: 16px; color: #ffff; align-items: center; font-family: Roboto; font-weight: 300; padding: 10px;}
.right-feat h3 img{margin-right: 10px; transition: all 500ms;}
.right-feat .wpb_text_column {display: inline-flex; background: #356bd8; align-items: center; width: 100%; margin-bottom: 10px;}
.right-feat .cont-box { display: inline-flex;padding: 20px 0; } 




/********************* leadership page CSS start here *************************/


.leader-box{display: inline-flex; width: 100%; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.leader-box li{width: 24%; text-align: center; background: #597edb; margin-bottom: 10px; padding: 20px 10px;}
.leader-box li img{transition: all 500ms; border-radius: 50%;}
.leader-box li:hover img{transform: translateY(-10px); box-shadow: 0 10px 20px 0px #000;}
.leader-box li h4{color: #fff; font-size: 16px; margin: 10px 0;}
.content-box .leader-box li p{color: #fff; font-size: 13px; margin: 0;}

.culture-sec1 h1{color: #356ad5; font-size: 110px; font-weight: 900; font-family: Roboto; line-height: 1;}
.culture-sec1 p{font-family: Open Sans; font-size: 14px; padding-right: 20%;}

.culture-sec2{background: #356bda; margin: 50px 0; color: #fff; text-align: center; border-radius: 0;}
.culture-sec2 h1{font-size: 65px; font-weight: 300; margin-bottom: 40px;}
.culture-sec2 h1 b{font-weight: 700;}
.culture-sec2 p{font-size: 26px; margin: 0; font-weight: 100; font-family: Open Sans;}

.culture-sec3 .img-box{position: relative; overflow: hidden; padding-bottom: 0 !important;}
.culture-sec3 .cont-box{position: absolute; width: 100%; bottom: 0; left: 0; transition: all 500ms; text-align: center; background: rgba(73, 129, 245, 0.8); color: #fff; padding: 10px; transform: translateY(115px);}
.culture-sec3 .cont-box h1{font-size: 22px; font-weight: 300; margin-bottom: 40px;}
.culture-sec3 .cont-box p{font-size: 14px; font-family: Open Sans;}
.culture-sec3 .img-box img{transition: all 500ms; width: 100%;}
.culture-sec3 .img-box:hover .cont-box{transform: translateY(0);}
.culture-sec3 .img-box:hover img{filter: saturate(0.5);}
.culture-sec3 .three-sec {
    margin-bottom: 0;
}
.culture-sec3 .three-sec h1{
	padding-bottom:10px;
}

.culture-sec3 .wpb_wrapper {position: relative;}

.nav-item.dropdown .dropdown-toggle {
    margin-left: 10px;
}

.culture-sec4 {margin: 50px 0; background: #d1d1d1; width: 105%;}
.culture-sec4 .col-md-4{padding-right: 0;}
.culture-sec4 .col-md-8{padding: 0;}
.social-box{padding: 20px 20px 0; text-align: center; font-family: Open Sans;}
.social-box h3{font-family: Open Sans; font-weight: 500; text-transform: none; margin: 20px 0; font-size: 32px;}
.social-box ul li{display: block;}
.social-box ul li a{padding: 20px; display: inline-flex; align-items: center; font-size: 20px; width: 100%; position: relative; background: #fff; margin: 10px 0 0;}
.social-box ul li a:before{content: ''; position: absolute; left: 0; top: 0; width: 75px; background: #3669d0; height: 100%; transition: all 500ms;}
.social-box ul li a p{margin: 0; margin-left: 60px; font-weight: 600; z-index: 1; color: #000; transition: all 500ms;}
.social-box ul li a i{font-size: 30px; width: 40px; color: #fff; z-index: 1;}
.social-box ul li a:hover:before{width: 100%;}
.social-box ul li a:hover p{color: #fff;}
.culture-sec4 .img-box{position: relative; overflow: hidden;}
.culture-sec4 .cont-box{position: absolute; width: 100%; bottom: 0; transition: all 500ms; background: rgba(0,0,0,0.5); color: #fff; padding: 20px;}
.culture-sec4 .cont-box h1{font-size: 22px; font-weight: 300; margin-bottom: 20px;}
.culture-sec4 .cont-box p{font-size: 14px; font-family: Open Sans; padding-right: 35%;}


.culture-sec5 .cont-box{color: #fff; background: linear-gradient(to right,#4269b8 40%,#3a6ed6, #356cdb); font-family: Open Sans; padding: 50px 70px; text-align: center; }
.culture-sec5 .vc_column-inner.vc_custom_1584164384558 h1, .culture-sec5 .vc_column-inner.vc_custom_1584164467586 h1{font-weight: 300; margin-bottom: 30px;}
.culture-sec5 .vc_column-inner.vc_custom_1584164384558 p, .culture-sec5 .vc_column-inner.vc_custom_1584164467586 p{font-size: 18px; font-weight: 300;}
.culture-sec5 .vc_column-inner.vc_custom_1584164384558 a, .culture-sec5 .vc_column-inner.vc_custom_1584164467586 a{background: #fcf907; font-weight: bold; padding: 15px; width: 70%; margin-top: 20px;}
.culture-sec5 .vc_column-inner.vc_custom_1584164384558 a:hover, .culture-sec5 .vc_column-inner.vc_custom_1584164467586 a:hover{background: #fff;}

.mobile-logo{display: none;}

.wpb_text_column ul li { list-style:disc; margin-left: 15px; }
.three-boxes .tag-box li {  list-style: none; }


/********************* General page layout CSS start here *************************/



/********************* History page CSS start here *************************/


/********************* EMPLOYEES page CSS start here *************************/


/********************* Jobs page CSS start here *************************/


/********************* Contact Us page CSS start here *************************/



/*========================Responsive strt=================*/


@media (min-width: 992px) and (max-width: 1200px){
    .header .container{width: 100%;}
    .navbar-brand{width: 250px;}
    .navbar-nav li a{text-transform: none; font-size: 12px;}
    .navbar{padding: 10px;}
    .right-feat h3{padding: 0; text-transform: none; text-align: center;}
    .right-feat h3 img{display: block; margin: 5px auto;}
    .cont-box{width: 60%;}
    .culture-sec1 h1{font-size: 80px;}
    .culture-sec2 h1{font-size: 50px;}
    .social-box ul li a {padding: 10px 15px;}
}
@media (min-width: 1200px) {
	.nav-item.dropdown:hover ul.dropdown-menu {
		display: block;
	}
}

@media (min-width: 768px){
    .carousel-inner > .item img{height: 1150px;} 
    .feat-box img, .tag-box img{height: auto !important;}
}

@media (min-width: 768px) and (max-width: 991px){
    .carousel-inner > .item img{height: 750px;} 
    .text-box {top: 15%; }
    .navbar-toggler, .navbar-toggler:focus{top: 30px}.right-feat h3{font-size: 12px; padding: 0; text-transform: none; text-align: center;}
    .right-feat h3 img{display: block; margin: 5px auto;}
    .cont-box{width: 60%;}    

}
@media (min-width: 320px) and (max-width: 991px){
    .container{width: 100%;}
    .navigation{padding: 10% 15% 0;}
    .navbar-nav li{padding: 0;}
    .dropdown-toggle::after{border-top-color: #fff;}
    
    .navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; border-radius: 1px; }

    .navbar-collapse {position: fixed; right: 0px; bottom: 0; height: 100%; z-index: 99; width: 100%; top: 0px; background: #0e2c6c; overflow: auto; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-transition: 0.3s ease; -o-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; -moz-transition: 0.3s cubic-bezier(0.55,0,0.1,1); -o-transition: 0.3s cubic-bezier(0.55,0,0.1,1); -webkit-transition: 0.3s cubic-bezier(0.55,0,0.1,1); transition: 0.3s cubic-bezier(0.55,0,0.1,1); }
    .container-fluid .collapse.show {-moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
    .navbar-toggler, .navbar-toggler:focus{right: 0px; z-index: 999; outline: none; border: none; padding: 0; position: absolute;}
    .navbar-toggler .icon-bar {display: block; width: 25px; height: 2px; border-radius: 10px; margin: 5px; outline: none; background: #fff; transition: all 500ms; }
    .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {top: 7px; transform: rotate(45deg); }
    .navbar-toggler:not(.collapsed) .icon-bar {height: 2px; position: relative; transition: all 300ms ease-in-out 0s; width: 30px; background: #fff; }
    .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {opacity: 0; }
    .navbar-toggler:not(.collapsed) .icon-bar:last-child {top: -7px; transform: rotate(-45deg); }    
    .sr-only {border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .header .con{display: none;}    
    .navbar-nav li a:before{border: none;}
    .navbar-nav li a{color: #a9a9a9 !important;}
    .navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open > a, .nav li > a.active, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{color: #fff !important;}
    .top-head{padding: 8px 0;}
    .header-contact {display: block; width: 100%;}
    .text-box {top: 15%; left: 10%; width: 60%; }
    .text-box h2{font-size: 60px;}
    .feat-box .cont-box{padding: 10px;}
    .feat-box .cont-box h3{font-size: 17px; margin: 0;}
    .feat-box img, .tag-box img {height: auto !important; }
    .navbar {padding: 10px; }
    .header-in .navbar-toggler .icon-bar{background: #0e2c6c;}
    .header-in .navbar-toggler, .header-in .navbar-toggler:focus{top: 30%;}
    .header-in .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2), .header-in .navbar-toggler:not(.collapsed) .icon-bar:last-child{background: #fff;}
    .header-in .navbar-nav li a {color: #ffffff !important;}
    .navbar-nav li a{ padding: 20px 0 !important; display: block; }
    .navbar-nav .dropdown-menu li a{color: #0d2c6c !important;}
    .leader-box li {width: 49%;}
    .culture-sec1 h1, .culture-sec2 h1{font-size: 40px;}
    .culture-sec2 p {font-size: 15px;}
    .culture-sec3 .cont-box h1 {font-size: 15px; margin-bottom: 30px;}
    .culture-sec3 .cont-box p{font-size: 12px;}
    .social-box ul li a{font-size: 13px; padding: 7px;}
    .social-box h3{margin: 0; font-size: 22px;}
    .social-box ul li a:before{width: 60px;}
    .social-box ul li a i {font-size: 20px;}
    .social-box ul li a p{margin-left: 40px;}
    .culture-sec5 .cont-box{padding: 10px;}
    .culture-sec5 .cont-box h1, .culture-sec4 .cont-box h1{margin-bottom: 10px;}
    .culture-sec5 .cont-box a{margin-top: 0;}
    .culture-sec4 .cont-box p{padding-right: 0;}
	.mobile-logo{display: block; padding: 0; margin: 40px 60px 0;}
}


@media (min-width: 320px) and (max-width: 767px){
    .navbar-nav li a{padding: 10px !important;display: inline-block;}
    .feat-box{position: relative;}
    .feat-box{position: relative; bottom: auto; margin: 30px 0;}
    .carousel-inner > .item img{height: 350px;} 
    .navbar-brand{width: 200px;}
    .navbar {padding: 0px; }
    .text-box {top: 10%;}
    .top-head ul a{padding: 0 4px; font-size: 11px;}
    .top-head ul li:after{display: none;}
    .top-head ul{justify-content: center;}
    .tag-box li{width: 100%;}
    .tag-box li a{width: 80px; height: 80px; padding: 10px;}
    .tag-box li a p {text-transform: none; font-size: 13px; }
    .text-box h2 {font-size: 35px; }
    .about-us .content-box p {font-size: 15px;}
    .banner-in img {height: 120px; object-fit: cover; }
    .banner-in .text-box h2{font-size: 24px;}
    .right-feat h3{font-size: 15px; text-transform: none; padding: 0;}
    .culture-sec2 h1{margin-bottom: 20px;}
    .culture-sec3 .img-box{margin-bottom: 20px;}
    .culture-sec3 .cont-box h1 {font-size: 30px; margin-bottom: 20px; }
    .culture-sec3 .cont-box{transform: translateY(75px);}
    .social-box h3{margin: 20px 0;}
    .social-box ul li a {font-size: 20px;}
    .culture-sec5 .cont-box {padding: 20px; margin: 10px 0; }
    .culture-sec5 .cont-box a{width: 90%;}
    .culture-sec4 .cont-box{padding: 5px;}
    
}

@media (min-width: 320px) and (max-width: 600px){
    footer .nav li a{padding: 0 5px;}
}
@media (min-width: 320px) and (max-width: 500px){
    .text-box { margin-left: 20px;}
	.nav-box { margin-top: 25px; }
	.col-md-12.col-sm-12.mobile-footer { display: block; color:#96a7cb;text-align:center;margin-top:50px;}
	.col-md-4.footer-copyright p small { display: none; }
	footer { padding-bottom: 30px;}
	.nav-item.dropdown { display: inline-block; }
	.nav-item.dropdown .dropdown-toggle { margin-left: 15px; padding: 9px 0;
}
}


@media (min-width: 1026px){
	.container-fluid.inner-page .gm-container ul#menu-menu-1 li a span.gm-menu-item__txt{
		color:#35559c !important; 
	}
	.container-fluid.inner-page .gm-container ul#menu-menu-1 li ul.gm-dropdown-menu span.gm-menu-item__txt{
		color:#ffffff !important;
	}
}

@media (min-width: 1026px){
.gm-navbar .gm-logo > a > img {
    height: 50px !important;
}
}