@import "bootstrap.min.css";
@import "fonts.css";

@font-face {
    font-family: 'museo700';
    src: url('webfonts/2DFE34_0_0.eot');
    src: url('webfonts/2DFE34_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DFE34_0_0.woff2') format('woff2'),url('webfonts/2DFE34_0_0.woff') format('woff'),url('webfonts/2DFE34_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'museo300';
    src: url('webfonts/2DFE34_1_0.eot');
    src: url('webfonts/2DFE34_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DFE34_1_0.woff2') format('woff2'),url('webfonts/2DFE34_1_0.woff') format('woff'),url('webfonts/2DFE34_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'museo500';
    src: url('webfonts/2DFE34_3_0.eot');
    src: url('webfonts/2DFE34_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DFE34_3_0.woff2') format('woff2'),url('webfonts/2DFE34_3_0.woff') format('woff'),url('webfonts/2DFE34_3_0.ttf') format('truetype');
}

@font-face {
    font-family: 'museo100';
    src: url('webfonts/2DFE34_4_0.eot');
    src: url('webfonts/2DFE34_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DFE34_4_0.woff2') format('woff2'),url('webfonts/2DFE34_4_0.woff') format('woff'),url('webfonts/2DFE34_4_0.ttf') format('truetype');
}

@font-face {
    font-family: 'museo900';
    src: url('webfonts/2DFE34_9_0.eot');
    src: url('webfonts/2DFE34_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2DFE34_9_0.woff2') format('woff2'),url('webfonts/2DFE34_9_0.woff') format('woff'),url('webfonts/2DFE34_9_0.ttf') format('truetype');
}

/* 1.0 - General */
body{margin: 0px;
    line-height: 1.45;
    background: #fff;
    color: #282828;
    font-family: 'museo300', sans-serif;
    font-size: 16px; }
table,div{font-family: 'museo300', sans-serif;  color:#333333; line-height:26px;}
a{color: #282828;  transition: all .2s ease-in-out;}
a:hover{color: #333333; text-decoration: none;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #FFFFFF;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #FFFFFF;}/* Firefox 19+ */
:-ms-input-placeholder {color: #FFFFFF;}/* IE 10+ */
:-moz-placeholder {color: #FFFFFF;}/* Firefox 18- */

img{border:none;}
p{margin:0 0 20px;}
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}

h1,h2,h3,h4,h5,h6{margin:0 0 20px;}

/*Heading*/
h1{font-size:30px;}
h2{font-size:26px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

.c-left{text-align: left;}
.c-center{text-align: center;}
.c-right{text-align: right;}
.font-uppercase {text-transform: uppercase;}

.theme-bg {background: #32c5d2;}
.gray-bg {background: #f5f5f5;}

.img-left{margin-right:10px;}
.img-right{margin-left:10px;}

ul{margin: 0; padding: 0; list-style: none;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */
.breadcrumb{margin-bottom:15px; color:#666;} .breadcrumb a{margin-bottom:15px; color:#00003f;} .breadcrumb a:hover{margin-bottom:15px; color:#333;}

/* Responsive Table */
.table {border-collapse: collapse; margin: 10px 0 0px; width: 712px;}
.table th {background: none repeat scroll 0 0 #002f92; border-right: 1px solid #ffffff; font-weight: normal; padding: 13px 8px; color: #FFFFFF;}
.table td {background: none repeat scroll 0 0 #f3f3f3; border-left: 1px solid #fff; border-right: 1px solid #fff; padding: 8px; border-bottom: 1px solid #ffffff;}
.table tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}

/** 2.0 - Header **/
.navbar .navbar-header .icon-bar {background-color: #333333; display: block; width: 22px; height: 2px; border-radius: 1px; margin-top: 4px;}
#menu-toggle{display: none}
.navbar-inverse{margin: 0; background-color: #FFFFFF; border-color: transparent;}
.navbar{border-radius: 0; position: relative; border: 1px solid transparent; background: #f7f7f7}
.navbar-brand{padding: 15px 0; height: auto; text-transform: uppercase; color: #333333; font-size: 30px; line-height: 78px;}
.navbar-brand img{width:284px;}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color: #333333}

.jumbotron{padding: 0; margin: 0; position: relative}
.jumbotron:after{background: rgba(0,0,0,.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';}
.jumbotron .container { max-width: 100%; height: 100%;}
.home-ban{position: relative;}
.home-ban img{width: 100%;}
.home-ban .container{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; display: table;}
.home-ban .ban-text{text-align: center; position: relative; margin: 0 auto 0; color: #FFFFFF; font-size: 16px; z-index: 1; width: 980px; display: table-cell; vertical-align: middle;}
.home-ban .ban-text h1{font-size: 42px; line-height: 62px; margin: 0; font-weight: bold;}
.home-ban .ban-text h1 span{display: block;}

.partner{font-size: 30px; color: #000; text-transform: uppercase; line-height: 98px; display: table; margin: 0 auto;}

/** 3.0 - Content **/
#content .row{padding: 40px 0;}
h1{text-align: center; text-transform: uppercase; font-size: 30px; color: #242424; margin: 0 0 30px;}
h3{text-align: center; font-size: 20px; color: #193055; margin: 0;}

.annuity-companies ul{margin: 0; padding: 0; list-style: none; text-align: center;}
.annuity-companies ul li{display: inline-grid; border: 4px solid #ebebeb; border-radius: 15px; padding: 10px; width: 284px; margin: 0 10px 20px;}
.annuity-companies ul li:nth-child{margin-right: 0}
.annuity-companies ul li .logo-img{width: 100%; display: table; border-bottom: 1px solid #f4f4f4}
.annuity-companies ul li .logo-img img{max-width: 100%;}
.annuity-companies ul li .logo-img span{display: table-cell; vertical-align: middle;}
.annuity-companies ul li .text{height: 160px; padding: 20px 0}
.annuity-companies ul li .text p{margin-bottom: 0; line-height: 1.5;}
.annuity-companies ul li .text .line{background: #f4f4f4; height: 1px; width: 90%; margin: 14px auto;}

.equity-companies ul li .text{height: 100px;}
.medicaid-compliance ul li .text{height: 100px;}

/** 4.0 - Footer **/


/* */
.in-ban{position: relative;}
.in-ban img{width: 100%;}
.in-ban .container{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; display: table;}
.in-ban .ban-text{text-align: center; position: relative; margin: 0 auto 0; color: #FFFFFF; font-size: 16px; z-index: 1; width: 980px; display: table-cell; vertical-align: middle;}
.in-ban .ban-text h1{font-size: 52px; line-height: 62px; margin: 0; font-weight: bold;}
.in-ban .ban-text h1 span{display: block;}

#menu-toggle{display: none}

@media only screen and (min-width:1200px) and (max-width:1399px) {

}

/** 5.0 - 1200 - Desktop **/
@media only screen and (min-width:992px) and (max-width:1199px) {

}

/** 7.0 - 768 - iPad **/
@media only screen and (min-width: 768px) and (max-width: 991px) {
#menu-toggle{display: block; float: right; padding: 20px 0}
.navbar-header {float: none;}
.partner{font-size: 30px;}
}

/** 8.0 - 640 - Mobile **/
@media only screen and (min-width: 640px) and (max-width: 767px) {
#menu-toggle{display: block; float: right; padding: 20px 0}
.navbar-header{padding: 0 15px;}
.navbar-inverse .navbar-brand{width: 200px;}
.navbar-inverse .navbar-brand img{width: 100%;}
.partner{font-size: 30px; line-height: 58px;}

.mobile{display: block;}
.desktop{display: none;}
}

/** 9.0 - 480 - Mobile **/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#menu-toggle{display: block; float: right; padding: 20px 0}
.navbar-header{padding: 0 15px;}
.navbar-inverse .navbar-brand{width: 200px;}
.navbar-inverse .navbar-brand img{width: 100%;}
.partner{font-size: 30px; line-height: 58px;}

.annuity-companies ul li{width: 80%;}
.annuity-companies ul li .text{height: auto;}

.mobile{display: block;}
.desktop{display: none;}
}

/** 10.0 - 320 - Mobile **/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#menu-toggle{display: block; float: right; padding: 20px 0}
.navbar-header{padding: 0 15px;}
.navbar-inverse .navbar-brand{width: 200px;}
.navbar-inverse .navbar-brand img{width: 100%;}
.partner{font-size: 30px; line-height: 58px;}

h1{font-size: 20px;}

.annuity-companies ul li .text{height: auto;}

footer h4{font-size: 18px;}

.mobile{display: block;}
.desktop{display: none;}
}