/* font-family: 'PT Sans', sans-serif; font-family: 'Roboto Condensed', sans-serif; */ *, html { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} body { font-family: 'PT Sans', sans-serif; font-size: 15px; font-weight:400; line-height: 1.62857143; color:#818181; background-color: #fff; font-weight:400 } ul, ul li { list-style:none; padding:0; margin:0 } .fl { float:left} .fr { float:right} .clear { clear:both} strong { font-weight:700} .alpha { padding-right:0} a { color:#428bca} a:hover { color:#828282} a, a:hover { text-decoration:none; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s} :focus { outline:none !important; text-decoration:none !important} /* Carousel base class */ .carousel { height: 535px; } .carousel-caption { z-index: 10; } .carousel .item { height: 535px; background-color: #777; cursor:pointer; } .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 535px; } .carousel-inner > .item:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; /* background-color:rgba(0,0,0,0.3) */ } .carousel-indicators li { width:15px; height:15px; background:#fff; border:3px solid #fff; margin:0px 2px;} .carousel-indicators .active { border:3px solid #f90; width:15px; height:15px; margin:0px 2px;} .carousel-caption { bottom:auto; top:50%; transform:translateY(-50%); text-shadow:none} .carousel-caption h1 { color:#fff;font-family: 'Roboto Condensed', sans-serif; font-weight:700; font-size:48px; margin:0 0 15px 0; padding:0; line-height:50px; text-transform:uppercase } .carousel-caption p { font-size:18px; font-weight:700; line-height:20px;} .carousel-indicators{ bottom:0px;} h2{ width:100%; float:left; font-family: 'Roboto Condensed', sans-serif; color:#ff9900; font-size:26px; text-transform:uppercase; letter-spacing:0.8px; margin:0px; padding:0px 0px 30px 0px; } h2 span{ width:auto; display:inline; vertical-align:middle; padding:4px 0px 0px 6px; } h2.white{ color:#fff; text-transform:none;} h4{ width:100%; float:left; font-family: 'Roboto Condensed', sans-serif; color:#ff9900; font-size:20px; text-transform:uppercase; letter-spacing:0.8px; margin:0px; padding:0px 0px 20px 0px; } h5{ width:100%; float:left; font-family: 'Roboto Condensed', sans-serif; color:#ff9900; font-size:15px; letter-spacing:0.8px; margin:0px; padding:10px 0px; } .forgot-username{ font-size:13px; color: #787879; text-decoration: none; font-weight: 400; margin: 0px; padding: 0px 3px; } .padding-bot14{ padding-bottom:14px;} header {z-index:999; position: relative; top:0; left:0; width:100%; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s; height:114px; background-color:rgba(255,255,255,0.9) } .header-top { width:100%; float:left; background-color:rgba(255,255,255,0.8);} .logo { padding-top:12px; padding-bottom:12px} .top-search { margin-top:12px; text-align:right } .top-search input { position:relative; width:205px; border:1px solid #d4d4d4; background:#fff; height:32px; border-radius:5px; padding-left:10px; font-size:13px;} .top-search i { color:#989898; font-size:13px; margin-left:-23px; margin-top:9px; position:absolute; z-index:9; cursor:pointer;} .top-links { text-align:right; margin-top:20px} .top-links li { display:inline; margin-right:8px;} .top-links li:after { content:'/'; font-size:12px; margin-left:8px; color:#afb7c3} .top-links li:nth-child(5):after, .top-links li:last-child:after { display:none} .top-links li:last-child { margin-right:0} .top-links li a { color:#555c66; font-size:13px; } .top-links li a:hover { color:#f90} .top-links li a.donate-btn { background:#a81212; padding:3px 15px 4px 15px; color:#fff; font-size:15px; text-transform:uppercase; display:inline-block; border-radius:5px } .top-links li a.donate-btn:hover {background:#f90;} .head-top-right{ text-align:right; margin:66px 0px 0px 0px;} .head-top-right .top-social{ width:auto; float:right; margin:0px; padding:0px;} .head-top-right .top-social > div{ width:auto; text-align:left; display:inline-block; vertical-align:middle; margin-left:2px;} .head-top-right .top-social > div a { float:left; } .head-top-right .top-social > div .fa{ float:left; font-size:23px; color:#274472; margin:0px 0px 0px 10px; padding:0px;} .head-top-right .top-social > div .fa:hover{color:#ff9900;} .fa-insta { width:20px !important; height:20px !important; background:url(../images/icon_insta.png) no-repeat left 0px !important; } .fa-insta:hover { background:url(../images/icon_insta_h.png) no-repeat left 0px !important; } .fa-blog { width:20px !important; height:20px ; background:url(../images/icon_blog.png) no-repeat left 0px !important; } .fa-blog:hover { background:url(../images/icon_blog_h.png) no-repeat left 0px !important; } .head-top-right .top-social span{ width:auto; float:left;} .head-top-right .top-social span a.donate{background:#a81212; padding:3px 15px 4px 15px; margin:0px; color:#fff; font-size:15px; text-transform:uppercase; display:inline-block; border-radius:5px} .head-top-right .top-social span a.donate:hover{background:#f90;} .head-top-right .top-social span a.member-login{background:#f90; padding:3px 15px 4px 15px; margin:0px 4px 0px 8px; color:#fff; font-size:15px; text-transform:uppercase; display:inline-block; border-radius:5px} .head-top-right .top-social span a.member-login:hover{ background:#274472;} .fixed-nav { position: fixed; top:0; left:0; width: 100%; } .fixed-nav .nav-list {background-color:rgba(48,72,111,1);} nav { position:absolute; top:115px; width:100%; z-index:999} .upcome-event { width:100%; background:#f2f4f9; border-bottom:2px solid #d7d9dc; padding:28px 0;} .upcome-event li.title { width:auto; float:left; color:#696969; font-size:18px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; text-transform:uppercase; line-height:20px; padding-top:5px; margin-right:20px} .upcome-event li.title i { color:#d3ddf3; font-size:43px; float:left; margin-right:10px; margin-top:-5px} .upcome-event li.event-name { width:auto; float:left; padding:0 10px} .upcome-event li.event-name a h3 { font-size:22px; line-height:24px; color:#274472; font-family: 'Roboto Condensed', sans-serif; margin:0; padding:0} .upcome-event li.event-name a:hover h3 { color:#f90} .upcome-event li.event-name a .event-time { color:#818181; font-style:italic;} .upcome-event li.event-btn { width:auto; float:right; margin-top: 7px;} .upcome-event li.event-btn a { background:#f90; color:#fff; font-size:18px;font-family: 'Roboto Condensed', sans-serif; padding:9px 20px; text-transform:uppercase; border-radius:3px } .upcome-event li.event-btn a:hover {background:#274472;} .info-box { margin:32px 0} .info-box .box-div { background:#f6f6f6; border:1px solid #e6e6e6; border-radius:3px; padding:4px; position:relative} .info-box .box-div img { width:100%; height:100%} .info-box .box-div .caption-text { background:#274472; width:100%; position:absolute; padding:7px 10px; bottom:15px; margin-left:-4px} .info-box .box-div .caption-text h4 { color:#fff; font-size:20px; line-height:22px; margin:0; padding:0; font-family: 'Roboto Condensed', sans-serif;} .info-box .box-div .caption-text span { color:#fff; font-size:13px;} .more-event{margin:0px 0px 32px 0px;} .more-event ul{ width:100%; float:left; margin:0px; padding:0px;} .more-event ul li{ width:100%; float:left; list-style:none; border-bottom:1px solid #e9edf5; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px;} .more-event ul li .date-box{ width:auto; float:left; border-right:1px solid #e0c585; min-height:44px; font-family: 'PT Sans', sans-serif; color:#686868; font-size:15px; text-transform:uppercase; line-height:20px; text-align:center; margin:0px 20px 0px 0px; padding:0px 10px 0px 0px;} .more-event ul li .date-box span{ font-size:30px; font-weight:700; display:block; padding-bottom:6px;} .more-event ul li .event-city{ width:100%; max-width:540px; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:15px; color:#274472; line-height:20px; margin:0px; padding:0px;} .more-event ul li .event-city span{ width:100%; float:left; color:#818181; font-size:13px; font-style:italic; margin:0px; padding:0px;} .more-event ul li .event-city p {color: #818181;float: left;font-family: "PT Sans",sans-serif; font-size: 14px; font-weight: 400;line-height: 22px; margin: 0; padding: 15px 0 0;width: 100%;} .more-event ul li .read-more{ width:auto; float:right; margin:6px 0px 0px 0px; padding:0px;} .more-event ul li .read-more a{ display:inline-block; background:#d3ddf3; border:1px solid #b6c5e7; border-radius:4px; line-height:32px; font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#504f4f; margin:0px; padding:0px 16px;} .more-event ul li .read-more a:hover{ background:#ff9900; border:1px solid #ffa825; color:#fff;} .noteworthy-box{ width:100%; float:left; margin:30px 0px;} .noteworthy-box ul{ width:100%; float:left; margin:0px; padding:0px;} .noteworthy-box ul li{ width:100%; float:left; list-style:none; border-bottom:1px solid #e9edf5; margin:0px 0px 30px 0px; padding:0px 0px 24px 0px;} .noteworthy-box ul li:last-child{ margin-bottom:0px; border-bottom:0px;} .noteworthy-box ul li .noteworthy-thumb{ width:100%; max-width:263px; float:left; background:#f6f6f6; border:1px solid #e6e6e6; margin:0px; padding:4px;} .noteworthy-box ul li .noteworthy-thumb img{ width:100%; height:auto; display:block;} .noteworthy-box ul li .noteworthy-detail{ width:100%; max-width:457px; float:right; margin:0px; padding:0px;} .noteworthy-box ul li .noteworthy-detail .note-title{ width:100%; float:left; font-size:16px; color:#ff9900; font-family: 'PT Sans', sans-serif; font-weight:700; line-height:18px; letter-spacing:0.8px; border-bottom:1px solid #f0f2f8; margin:0px; padding:0px 0px 16px 0px;} .noteworthy-box ul li .noteworthy-detail .note-title a{font-size:16px; color:#ff9900; font-family: 'PT Sans', sans-serif; font-weight:700; line-height:18px; letter-spacing:0.8px; margin:0px; padding:0px; text-decoration:none;} .noteworthy-box ul li .noteworthy-detail .note-title a:hover{color:#818181;} .noteworthy-box ul li .noteworthy-detail .note-title span{ font-size:14px; color:#818181; font-style:italic; display:block; font-weight:normal; padding-top:6px;} .noteworthy-box ul li .noteworthy-detail p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:15px; color:#818181; line-height:25px; padding:16px 0px;} .left-box{ width:100%; float:left; margin:0px; padding:0px;} .left-box .grey-box{background:#f2f4f9; border-radius:5px;} .left-box .login-box{width:100%; float:left; margin:0px; padding:20px;} .left-box .login-box ul{width:100%; float:left; margin:0px; padding:0px;} .left-box .login-box ul li{width:100%; float:left; list-style:none; display:table-cell; vertical-align:middle; text-align:center; margin:0px 0px 14px 0px; padding:0px;} .left-box .login-box ul li label{width:100%; max-width:80px; float:left; font-size:15px; color:#818181; font-weight:400; line-height:36px; text-align:left; margin:0px; padding:0px;} .left-box .login-box ul li input[type="text"]{ width:100%; max-width:240px; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; height:36px; line-height:36px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:0px 10px;} .left-box .login-box ul li input[type="password"]{ width:100%; max-width:240px; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; height:36px; line-height:36px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:0px 10px;} .left-box .login-box ul li a.forgot-link{ float:right; display:block; text-align:right; font-size:13px; color:#787879; text-decoration:none; font-weight:400; margin:0px; padding:0px;} .left-box .login-box ul li a.forgot-link:hover{ color:#274472;} .left-box .login-box ul li input[type="submit"]{ width:auto; font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#fff; background:#ff9900; border-radius:4px; border:none; outline:none; height:38px; line-height:38px; text-transform:uppercase; display:inline-block; text-align:center; vertical-align:middle; margin:0px; padding:0px 26px;} .left-box .login-box ul li input[type="submit"]:hover{background:#274472; cursor:pointer;} .left-box .login-box ul li a.become-now{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:16px; color:#274472; text-align:center; text-decoration:none; margin:0px; padding:0px;} .left-box .login-box ul li a.become-now:hover{color:#ff9900;} .left-box .preview-box{ width:100%; float:left; background:#274472; border-radius:0px 0px 4px 4px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:22px; color:#fff; text-align:center; margin:-10px 0px 30px 0px; padding:12px 15px 20px 15px;} .left-box .preview-box .signup{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; text-align:center; font-size:16px; color:#ff9900; margin:0px; padding:0px;} .left-box .preview-box .signup a{font-family: 'PT Sans', sans-serif; font-weight:400; text-align:center; font-size:16px; color:#ff9900; text-decoration:underline; margin:0px; padding:0px;} .left-box .preview-box .signup a:hover{ text-decoration:none;} .left-box .sportling-list{ width:100%; float:left; margin:0px; padding:20px 20px 20px 20px;} .left-box .sportling-list ul{ width:100%; float:left; margin:0px; padding:0px;} .left-box .sportling-list ul li{ width:100%; float:left; list-style:none; background:url(../images/sportlight-listarrow.png) no-repeat left 8px; line-height:22px; margin:0px; padding:0px 0px 12px 16px;} .left-box .sportling-list ul li a{ font-family: 'PT Sans', sans-serif; font-weight:400; font-size:15px; color:#616161; text-decoration:none; margin:0px; padding:0px;} .left-box .sportling-list ul li a:hover{ color:#274472;} .gallery-main{width:100%; background:#274472; padding:22px 0px 36px 0px;} .gallery-main ul{ width:100%; float:left; margin:0px; padding:0px;} .gallery-main ul li{ width:100%; max-width:190px; float:left; list-style:none; border:1px solid #fff; margin:0px; padding:0px;} .gallery-main ul li img{ width:100%; display:block; height:auto;} .footer-part{ padding:30px 0px 0px 0px;} .footer-link{ width:100%; float:left; margin:0px; padding:0px;} .footer-link ul{ width:100%; float:left; margin:0px; padding:0px;} .footer-link ul li{ width:33.33%; float:left; list-style:none; margin:0px; padding:0px;} .footer-link ul li a{font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:28px; text-decoration:none; margin:0px; padding:0px;} .footer-link ul li a:hover{ color:#274472;} .newsletter{ width:100%; float:left; margin:0px; padding:0px;} .newsletter label{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818182; margin:0px 0px 8px 0px; padding:0px;} .newsletter input[type="text"]{ width:100%; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; line-height:36px; height:36px; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#999999; outline:none; margin:0px; padding:0px 10px;} .newsletter input[type="submit"]{ width:auto; float:left; background:#ff9900; border-radius:4px; height:40px; line-height:40px; font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#fff; text-transform:uppercase; border:none; outline:none; letter-spacing:0.8px; margin:14px 0px 0px 0px; padding:0px 20px;} .newsletter input[type="submit"]:hover{ background:#274472; cursor:pointer;} .footer-bottom{ width:100%; float:left; background:#f2f4f9; border-top:1px solid #ebeced; margin:30px 0px 0px 0px; padding:18px 0px;} .footer-bottom .address{ width:100%; float:left; margin:0px; padding:0px;} .footer-bottom .address p{ width:auto; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818182; margin:0px 18px 0px 0px; padding:0px;} .footer-bottom .address p .fa{ display:inline-block; color:#939393; font-size:15px; padding-right:4px;} .footer-bottom .address p.copyright{ width:100%; float:left; font-size:14px; color:#97999e; margin:0px; padding:8px 0px 0px 0px;} .footer-bottom .address p.copyright sup{ font-size:8px;} .footer-social{ width:auto; float:right; margin:0px; padding:0px;} .footer-social > div{ width:auto; float:left; } .footer-social > div a { float:left; margin-left:7px;} .footer-social > div .fa{font-size:23px; color:#274472; margin:0px 0px 0px 10px; padding:0px;} .footer-social > div .fa:hover{color:#ff9900;} /*css comment*/ .page-content{ width:100%; float:left;} .page-content ul li{padding-left:20px; position:relative; padding-bottom:0px; color:#2d2d2f; margin-bottom:8px;} .page-content ul li:before{ position:absolute; left:3px; top:0px; content:''; width:6px; height:6px; top:10px; background: #284472; border-radius:50%;} .page-content address{margin-bottom:30px; width: 100%; float: left;} .page-content address strong{ color: #284472; float: left; width:100px;} .page-content address p{ color:#000; clear: both;} .page-content address ul{ float: left; margin-bottom: 20px;} .page-content address ul li{padding-bottom:5px;} .page-content ul.benefits{ width:100%; float:left; margin-top:35px; padding:0px;} .page-content ul.benefits li h3, .page-content ul.benefits li p{width:100%; float:left;} .page-content ul.benefits li:before, .page-content ul.culture li:before{ display:none;} .page-content ul.benefits li{ width:100%; float:left; list-style:none; margin-bottom:70px; padding:0px 20px; border: solid 1px #ddd;} .page-content ul.benefits li .benefits-detail{ width:75%; float:left;} /*.page-content ul.benefits li strong{float:left; background:#284472; color:#fff; padding:5px 20px; margin-top:-35px;}*/ .page-content ul.benefits li h3, .page-content ul.culture li h3{padding-top:15px; margin-top:0; font-size:18px; font-weight:600;} .page-content ul.benefits li .benefits-logo {width:16%; float:right; margin:0px; padding:20px 0px 0px 0px;} .page-content ul.benefits li .benefits-logo img{width:100%; height:auto; display:block;} .page-content ul.benefits li span{font-weight:bold;} .page-content ul.benefits li ul{ width:100%; float:left; margin:0px; padding:0px;} .page-content ul.benefits li ul li{ width:100%; float:left; list-style:none; border:none; margin:0px; padding:0px 0px 0px 20px;} .page-content ul.benefits li ul li:before{ position:absolute; left:3px; content:''; width:6px; height:6px; top:9px; background: #284472; border-radius:50%; display:block;} .page-content ul.culture li figure{ float:left; max-width:150px; width:18%; padding-top:0px;} .page-content ul.culture li h3, .page-content ul.culture li p{width:80%; float:right;} .page-content ul.culture li {border-bottom:solid 1px #ddd; float:right; width:100%; padding:10px;} .alignright{float:right; clear:both; margin-bottom:20px; margin-left:25px;} .page-sec{ width:100%; float:left; padding:55px 0;} .inr-pg-title{width:100%; float:left; text-align:center; background:url(../images/banner-patten.jpg) repeat left top; min-height: inherit; color: #f90; font-size:45px; padding-top: 90px; text-transform: uppercase; padding-bottom:50px; box-shadow: 1px 0 2px black; text-shadow: 0 2px 1px #0a1a35;} .left-menu{width:100%; float:left; margin-bottom:30px;} .national-offer .person{ margin-bottom:20px;} .national-offer .person p{ max-width: 210px; margin: 0 auto; padding-top:15px;} .panel-primary > .panel-heading { color: #fff; background-color: #284472; border-color: rgba(40, 68, 114, 0.72); } /*.with-nav-tabs ul li{}*/ /* Jayraj 5 May 2017 */ .page-content table{ width:100%; float:left; margin:0px; padding:0px;} .page-content table tr:nth-child(even){ background:#ededed; line-height:36px;} .page-content table tr:nth-child(odd){ background:#fff; line-height:36px;} .page-content table tr td{ padding:0px 8px;} .page-content table tr th{ background-color:#2d2d2f; color:#fff; padding:8px;} .tab-panel-list{ width:100%; float:left; margin:0px; padding:0px;} .tab-panel-list ul{ width:100%; float:left; margin:0px; padding:0px;} .tab-panel-list ul:nth-child(even){ background:#ededed;} .tab-panel-list ul:nth-child(odd){ background:#fff;} .tab-panel-list ul li{ width:39.33%; float:left; list-style:none; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; margin:0px; padding:5px 12px;} .tab-panel-list ul li:nth-child(3n){ width:20%;} .tab-panel-list ul li:before{display:none;} .page-content .ui-accordion .ui-accordion-header{font-family: 'PT Sans', sans-serif; font-weight:400; font-size:18px !important; color:#818181; margin:4px 0px 0px 0px; padding:10px;} .page-content .ui-accordion .ui-accordion-content p{font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:22px; color:#818181;} .page-content .ui-accordion .ui-accordion-content p a{font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; line-height:22px; color:#274472; text-decoration:none;} .page-content .ui-accordion .ui-accordion-content p a:hover{ color:#818181;} .timeline-page{ width:100%; float:left; margin:0px; padding:0px;} .timeline-page .timeline-left{ width:100%; max-width:600px; float:left; margin:0px; padding:0px;} .timeline-page .timeline-year{width:100%; float:left; margin:30px 0px 0px 0px; padding:0px;} .timeline-page .timeline-year ul{width:100%; float:left; display:table-cell; text-align:center; vertical-align:middle; margin:0px 0px 40px 0px; padding:0px;} .timeline-page .timeline-year ul li{width:86px; list-style:none; display:inline-block; text-align:center; vertical-align:middle; margin:0px 5px 10px 5px; padding:0px;} .timeline-page .timeline-year ul li:before{display:none;} .timeline-page .timeline-year ul li a{ width:100%; float:left; background:#284472; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; line-height:22px; color:#fff; text-decoration:none; height:36px; line-height:36px; margin:0px; padding:0px 20px;} .timeline-page .timeline-year ul li a:hover, .timeline-page .timeline-year ul li a.active{ background:#ff9900; color:#fff;} .timeline-page .timeline-year .timeline-cont{ width:100%; float:left; margin:0px; padding:0px;} .timeline-page .timeline-year .timeline-cont h6{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:16px; color:#818181; margin:0px; padding:0px 0px 10px 0px;} .timeline-page .timeline-year .timeline-cont p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:22px; margin:0px; padding:0px 0px 40px 0px;} .timeline-page .timeline-year .cont-hide{ display:none;} .timeline-page .timeline-year .timeline-cont .newsmakers-year{width:100%; float:left; margin:0px; padding:0px 0px 0px 20px;} .timeline-page .timeline-year .timeline-cont .newsmakers-year a{ display:inline-block; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#274472; line-height:20px; text-decoration:none; margin:0px; padding:0px;} .timeline-page .timeline-year .timeline-cont .newsmakers-year a:hover{color:#818181;} .timeline-page .timeline-year .timeline-cont .newsmakers-year .fa-long-arrow-right{ display:inline-block; padding-right:6px; font-size:14px; color:#274472;} .padding-bot10{ padding-bottom:6px !important;} .margin-bot16{ margin-bottom:16px !important;} .timeline-page .press-releases{ width:100%; float:left; border-bottom:1px solid #e9edf5; margin:0px 0px 30px 0px; padding:0px 0px 20px 0px;} .timeline-page .press-releases h5{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:16px; color:#2d2d2f; margin:0px; padding:0px 0px 6px 0px;} .timeline-page .press-releases p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:15px; color:#2d2d2f; line-height:22px; margin:0px; padding:0px;} .timeline-page .press-releases p a{font-family: 'PT Sans', sans-serif; font-weight:400; font-size:15px; color:#428bca; text-decoration:none; margin:0px; padding:0px;} .timeline-page .press-releases p a:hover{color:#2d2d2f;} .timeline-page .press-releases p strong{ color:#818181;} .timeline-page .timeline-right{ width:100%; max-width:228px; float:right; margin:0px; padding:0px;} .timeline-page .timeline-right .timeline-cert{ width:100%; float:left; margin:0px; padding:0px;} .club-archives{ width:100%; float:left; margin:0px; padding:0px;} .club-archives h5{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:18px; color:#f90; text-transform:uppercase; margin:0px; padding:0px 0px 20px 0px;} .club-archives span{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#2d2d2f; margin:0px; padding:0px;} .club-archives h4{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; color:#818181; font-style:italic; line-height:24px; margin:0px; padding:16px 0px 0px 0px;} .club-archives h4 a{font-family: 'PT Sans', sans-serif; font-weight:400; font-size:15px; color:#274472; font-style:italic; text-decoration:none; margin:0px; padding:0px;} .club-archives h4 a:hover{ color:#818181;} .club-archives h6{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:700; font-size:14px; color:#2d2d2f; margin:0px 0px 14px 0px; padding:0px;} .club-archives p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:22px; margin:0px 0px 16px 0px; padding:0px;} .club-archives ul{ width:100%; float:left; background:#f2f4f9; border:1px solid #ebeced; margin:0px 0px 10px 0px; padding:10px;} .club-archives ul li{ width:50%; float:left; list-style:none; margin:0px; padding:0px 30px 12px 0px;} .club-archives ul li:before{display:none;} .club-archives ul li h6{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:16px; color:#2d2d2f; line-height:20px; margin:0px; padding:0px;} .club-archives ul li a{font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:26px; margin:0px; padding:0px 14px 0px 0px;} .club-archives ul li a:hover, .club-archives ul li a.active{color:#274472; font-weight:600;} .club-archives ul li .fa-angle-right{ font-size:16px; display:inline-block; color:#818181; padding-right:4px;} .scholarship-winner{ width:100%; float:left; margin:0px; padding:0px;} .scholarship-winner h5{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:18px; color:#f90; text-transform:uppercase; margin:0px; padding:0px 0px 20px 0px;} .scholarship-winner h6{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:16px; color:#2d2d2f; margin:0px; padding:0px 0px 20px 0px;} .scholarship-winner p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; color:#2d2d2f; margin:0px; padding:0px 0px 4px 0px;} .scholarship-winner p a{ font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; color:#284472; text-decoration:none; line-height:24px; margin:0px; padding:0px;} .scholarship-winner p a:hover{color:#2d2d2f;} .scholarship-winner ul{ width:100%; float:left; margin:0px; padding:0px;} .scholarship-winner ul li{ width:100%; max-width:251px; display:inline-block; list-style:none; border:1px solid #ebeced; text-align:center; vertical-align:top; margin:0px 14px 20px 14px; padding:10px;} .scholarship-winner ul li:before{display:none;} .scholarship-winner ul li .winner-pic{ width:100%; float:left; margin:0px 0px 10px 0px; padding:0px;} .scholarship-winner ul li .winner-pic img{ width:100%; max-width:180px; height:auto; display:inline-block;} .scholarship-winner ul li .winner-name{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:16px; color:#000; line-height:20px; text-transform:uppercase; margin:0px; padding:0px;} .scholarship-winner ul li .winner-name span{ display:block; font-weight:400; font-size:14px; color:#818181; text-transform:none;} .scholarship-winner ul li .winner-bio{width:100%; float:left; margin:6px 0px 0px 0px; padding:0px;} .scholarship-winner ul li .winner-bio h6{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; color:#2d2d2f; min-height:70px; margin:0px; padding:0px 0px 10px 0px;} .scholarship-winner ul li .winner-bio p{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#2d2d2f; line-height:20px; min-height:82px; margin:0px; padding:0px;} .news-event{width:100%; float:left; margin:0px; padding:0px;} .news-event h5{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:18px; color:#f90; text-transform:uppercase; margin:0px; padding:0px 0px 20px 0px;} .news-event h6{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:16px; color:#2d2d2f; margin:0px; padding:0px 0px 4px 0px;} .news-event .sub-title{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:16px; color:#2d2d2f; margin:0px; padding:0px 0px 4px 0px;} .news-event p{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#818181; margin:0px; padding:5px 0px;} .news-event .news-link{ width:100%; float:left; margin:0px; padding:0px;} .news-event .news-link a{font-family: 'PT Sans', sans-serif; font-weight:600; font-size:14px; color:#2d2d2f; text-decoration:none; margin:0px; padding:0px;} .news-event .news-link a:hover{text-decoration:underline;} .news-event span{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#000; margin:0px; padding:5px 0px;} .news-event ul { width:100%; float:left; margin:0px; padding:0px;} .news-event ul li{ width:100%; float:left; list-style:none; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#818181; } .news-event ul li:before{ top:10px;} .news-event newsbriefs-title{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#000; margin:0px; padding:0px;} .news-event .news-list-view{ width:100%; float:left; margin:30px 0px 0px 0px; padding:0px;} .news-event .news-list-view ul{ width:100%; float:left; margin:0px; padding:0px;} .news-event .news-list-view ul li{ width:100%; float:left; list-style:none; border-bottom:1px solid #e4e4e4; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px;} .news-event .news-list-view ul li:before{display:none;} .news-event .news-list-view ul li .news-thumb{ width:100%; max-width:220px; margin:0px; padding:0px;} .news-event .news-list-view ul li .news-thumb img{ width:100%; height:auto; display:block;} .news-event .news-list-view ul li .news-thumb2{width:100%; max-width:515px; margin:0px; padding:0px;} .news-event .news-list-view ul li .news-detail{ width:100%; max-width:610px;} .news-event .news-list-view ul li .news-detail2{ width:100%; max-width:300px;} .news-event .news-list-view ul li p{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#818181; line-height:20px; margin:0px; padding:0px;} .news-event .news-list-view ul li p a{font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#274472; line-height:20px; text-decoration:underline; margin:0px; padding:0px;} .news-event .news-list-view ul li p a:hover{color:#000; text-decoration:none;} .nelagala-part{ width:100%; float:left; margin:0px; padding:0px;} .nelagala-part .nelagala-banner{width:100%; float:left; text-align:center; margin:0px 0px 40px 0px; padding:0px;} .nelagala-part .nelagala-banner img{width:auto; height:auto; display:inline-block;} .nelagala-part h6{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:18px; line-height:22px; color:#2d2d2f; font-weight:600; text-align:center; margin:0px; padding:0px 0px 30px 0px;} .nelagala-part p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:22px; color:#2d2d2f; font-weight:400; text-align:center; margin:0px 0px 8px 0px; padding:0px;} .nelagala-part p a{font-family: 'PT Sans', sans-serif; font-size:14px; line-height:22px; color:#274472; font-weight:400; text-align:center; text-decoration:none; margin:0px; padding:0px;} .nelagala-part p a:hover{color:#2d2d2f;} .nelagala-part .nelabox-view{ width:100%; float:left; margin:20px 0px 0px 0px; padding:0px;} .nelagala-part .nelabox-view ul{ width:100%; float:left; margin:0px; padding:0px;} .nelagala-part .nelabox-view h5{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:18px; line-height:22px; color:#ff9900; font-weight:600; text-transform:uppercase; text-align:center; margin:0px; padding:0px 0px 30px 0px;} .nelagala-part .nelabox-view ul li{ width:100%; max-width:343px; float:left; border:1px solid #ebeced; min-height:358px; margin:0px 40px 30px 40px; padding:10px;} .nelagala-part .nelabox-view ul li:before{display:none;} .nelagala-part .nelabox-view ul li h6{ width:100%; float:left; text-align:center; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:600; color:#2d2d2f; line-height:20px; margin:0px; padding:0px;} .nelagala-part .nelabox-view ul li .nela-thumb{ width:100%; float:left; text-align:center; margin:14px 0px; padding:0px;} .nelagala-part .nelabox-view ul li .nela-thumb img{ width:100%; max-width:180px; height:auto; display:inline-block;} .nelagala-part .nelabox-view ul li .nela-bio{ width:100%; float:left; text-align:center; font-family: 'PT Sans', sans-serif; font-size:14px; line-height:18px; color:#2d2d2f; font-weight:400; text-align:center; margin:0px; padding:0px;} .nelagala-part .nelabox-view ul li .nela-bio span{ display:block; font-style:italic; padding-top:8px;} .awardsgala-part{ width:100%; float:left; margin:0px; padding:0px;} .awardsgala-part h5{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:18px; color:#f90; text-transform:uppercase; margin:0px; padding:0px 0px 20px 0px;} .awardsgala-part p{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#2d2d2f; line-height:20px; margin:0px; padding:0px 0px 16px 0px;} .awardsgala-part .subtitle{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:16px; font-weight:600; color:#284472; line-height:20px; margin:0px; padding:0px 0px 16px 0px;} .awardsgala-part .honorees-list{ width:100%; float:left; margin:0px; padding:0px;} .awardsgala-part .honorees-list table { width:100%; float:left; border-collapse:collapse; font-family: 'PT Sans', sans-serif; margin:0px; padding:0px;} .awardsgala-part .honorees-list td, th {border:1px solid #ccc; padding:6px; text-align:left; line-height:18px; font-size:14px; color:#818181; vertical-align:top;} .awardsgala-part .honorees-list td strong{ color:#2d2d2f;} .awardsgala-part .honorees-list th {background:#333; color:white; font-weight:bold; line-height:40px; text-align:center;} .speakers-part{ width:100%; float:left; margin:0px; padding:0px;} .speakers-part h5{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:18px; color:#f90; text-transform:uppercase; margin:0px; padding:0px 0px 20px 0px;} .speakers-part p{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#2d2d2f; line-height:20px; margin:0px; padding:0px 0px 16px 0px;} .speakers-part p a{font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#274472; line-height:20px; text-decoration:underline; margin:0px; padding:0px;} .speakers-part p a:hover{color:#000; text-decoration:none;} .speakers-part ul{ width:100%; float:left; margin:0px; padding:0px 0px 0px 30px;} .speakers-part ul li{ width:100%; float:left; list-style:none; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#2d2d2f; line-height:20px; margin:0px; padding:0px 0px 12px 20px;} .speakers-part ul li:before{ position:absolute; left:3px; content:''; width:6px; height:6px; top:8px; background: #284472; border-radius:50%;} .speakers-part .speakers-list{ width:100%; float:left; margin:30px 0px 0px 0px; padding:0px;} .speakers-part .speakers-list ul{ width:100%; float:left; margin:0px; padding:0px;} .speakers-part .speakers-list ul li{ width:100%; float:left; list-style:none; border-bottom:1px solid #e9edf5; margin:0px 0px 20px 0px; padding:0px 0px 20px 0px;} .speakers-part .speakers-list ul li:before{display:none;} .speakers-part .speakers-list ul li .subtitle{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:600; color:#284472; line-height:20px; margin:0px; padding:0px 0px 16px 0px;} .speakers-part .speakers-list ul li p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#2d2d2f; line-height:20px; margin:0px; padding:0px 0px 20px 0px;} .speakers-part .speakers-list ul li p a{font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#274472; line-height:20px; text-decoration:underline; margin:0px; padding:0px;} .speakers-part .speakers-list ul li p a:hover{color:#000; text-decoration:none;} .location-list{ width:100%; float:left; margin:20px 0px 0px 0px; padding:0px;} .location-list ul{ width:100%; float:left; margin:0px; padding:0px;} .location-list ul li{ width:33.33%; float:left; list-style:none; margin:0px; padding:0px 20px 0px 0px;} .location-list ul li:before{ display:none;} .location-list ul li a{font-family: 'PT Sans', sans-serif; font-size:15px; font-weight:400; color:#428bca; line-height:20px; text-decoration:none; margin:0px; padding:0px;} .location-list ul li a:hover{ color:#2d2d2f;} .location-list ul li .fa-long-arrow-right{ display:inline-block; font-size:14px; color:#818181;} /* Non-Fiction*/ .non-fiction-part{ width:100%; float:left; position:relative; margin:36px 0px 0px 0px; padding:0px;} .non-fiction-part .timeline-year{width:100%; float:left; margin:0px; padding:0px;} .non-fiction-part .timeline-year .timeline-subttl{width:100%; position:absolute; left:0px; top:-44px; color:#ff9900; font-family: "Roboto Condensed",sans-serif; font-size:20px; margin:0px; padding:0px 0px 20px 0px; text-transform: uppercase;} .non-fiction-part .timeline-year ul{width:100%; float:left; margin:0px 0px 14px 0px; padding:0px;} .non-fiction-part .timeline-year ul li{width:auto; list-style:none; float:left; margin:0px 16px 0px 0px; padding:0px;} .non-fiction-part .timeline-year ul li:before{display:none;} .non-fiction-part .timeline-year ul li a{float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:14px; line-height:22px; color:#2d2d2f; text-decoration:none; margin:0px; padding:0px;} .non-fiction-part .timeline-year ul li a:hover, .non-fiction-part .timeline-year ul li a.active{ color:#284472;} .non-fiction-part .timeline-year .timeline-cont{ width:100%; float:left; margin:0px; padding:0px;} .non-fiction-part .timeline-year .timeline-cont p{ width:100%; display:block; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:20px; margin:0px; padding:0px 0px 16px 0px;} .non-fiction-part .timeline-year .timeline-cont p a{font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#284472; text-decoration:underline; margin:0px; padding:0px;} .non-fiction-part .timeline-year .timeline-cont p a:hover{ text-decoration:none; color:#818181;} .non-fiction-part .timeline-year .timeline-cont ul{ width:100%; float:none; display:block; margin:0px 0px 10px 0px; padding:0px 0px 0px 20px;} .non-fiction-part .timeline-year .timeline-cont ul li{ width:100%; float:none; clear:left; list-style:none; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:20px; margin:0px 0px 10px 0px; padding:0px 0px 0px 20px;} .non-fiction-part .timeline-year .timeline-cont ul li:before{position:absolute; left:3px; content:''; width:6px; height:6px; top:9px; background: #284472; border-radius:50%; display:block;} .non-fiction-part .timeline-year .timeline-cont .fiction-thumb{ width:100%; float:left; margin:0px; padding:0px;} .non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul{ width:100%; float:left; display:table-cell; text-align:center; vertical-align:middle; margin:0px; padding:0px;} .non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li{ width:100%; max-width:251px; display:inline-block; text-align:center; vertical-align:middle; list-style:none; border:1px solid #ebeced; margin:0px 14px 20px 14px; padding:10px;} .non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li:before{ display:none;} .non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li .nonfiction-pic{ width:100%; float:left; height:140px; text-align:center; margin:0px 0px 6px 0px; padding:0px;} .non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li .nonfiction-pic img{ width:100%; height:100%; display:inline-block;} .non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li .nonfiction-pic img.nobluer{ width:auto;} .non-fiction-part .timeline-year .timeline-cont .fiction-thumb ul li p{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:20px; margin:0px; padding:0px;} .non-fiction-part .timeline-year .cont-hide{ display:none;} /* Coman Tab */ .overtab-page{ width:100%; float:left; margin:0px; padding:0px;} .overtab-page .studyabroad-tab {width:100%; float:left; margin:30px 0px 0px 0px; padding:0px;} .overtab-page .studyabroad-tab ul{width:100%; float:left; display:table-cell; text-align:center; vertical-align:middle; margin:0px 0px 40px 0px; padding:0px;} .overtab-page .studyabroad-tab ul li{width:auto; list-style:none; display:inline-block; text-align:center; vertical-align:middle; margin:0px 0px 4px 0px; padding:0px;} .overtab-page .studyabroad-tab ul li:before{display:none;} .overtab-page .studyabroad-tab ul li a{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; line-height:22px; color:#000; text-decoration:none; font-weight:700; margin:0px; padding:0px 10px;} .overtab-page .studyabroad-tab ul li a:hover, .overtab-page .studyabroad-tab ul li a.active{ color:#ff9900 ;} .overtab-page .studyabroad-tab .common-new{ width:100%; float:left; margin:0px; padding:0px;} .overtab-page .studyabroad-tab .common-new h3{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:16px; color:#000; margin:0px; padding:0px 0px 10px 0px;} .overtab-page .studyabroad-tab .common-new p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:22px; margin:0px; padding:0px 0px 40px 0px;} .overtab-page .studyabroad-tab .count-hide{ display:none;} .overtab-page .studyabroad-tab .common-new ol{ width:100%; float:left; margin:0px; padding:0px;} .overtab-page .studyabroad-tab .common-new ol li{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:20px; margin:0px; padding:0px 0px 6px 0px;} .overtab-page .studyabroad-tab .common-new.resources{ width:100%; float:left; margin:0px; padding:0px;} .overtab-page .studyabroad-tab .common-new.resources p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:16px; margin:0px; padding:0px 0px 10px 0px;} .genealogy-part{ width:100%; float:left; margin:0px; padding:0px;} .genealogy-part .genealogy-banner{ width:100%; float:left; margin:0px 0px 12px 0px; padding:0px;} .genealogy-part .genealogy-banner img{ width:auto; height:auto; display:inline-block;} .genealogy-part h5{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:18px; color:#f90; text-transform:uppercase; margin:0px; padding:0px 0px 20px 0px;} .genealogy-part .genealogy-link{ width:100%; float:left; margin:0px 0px 20px 0px; padding:0px;} .genealogy-part .genealogy-link ul{ width:100%; float:left; display:table-cell; text-align:center; vertical-align:middle; margin:0px; padding:0px;} .genealogy-part .genealogy-link ul li{ width:auto; display:inline-block; text-align:center; vertical-align:middle; list-style:none; margin:0px; padding:0px 10px;} .genealogy-part .genealogy-link ul li:before{display:none;} .genealogy-part .genealogy-link ul li a{ font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:600; color:#2d2d2f; text-decoration:none; margin:0px; padding:0px;} .genealogy-part .genealogy-link ul li a:hover{color:#284472;} .genealogy-part .genealogy-detail{ width:100%; float:left; margin:0px 0px 30px 0px; padding:0px;} .genealogy-part .genealogy-detail .subtitle{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:600; color:#818181; line-height:20px; margin:0px; padding:0px 0px 10px 0px;} .genealogy-part .genealogy-detail p{width:100%; float:none; font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:400; color:#2d2d2f; line-height:20px; margin:0px; padding:0px 0px 16px 0px;} .genealogy-part .genealogy-detail p a{font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:400; color:#428bca; text-decoration:none; margin:0px; padding:0px;} .genealogy-part .genealogy-detail p a:hover{ color:#818181;} .genealogy-part .genealogy-detail p .gene-thumb{ width:100%; max-width:190px; float:right; text-align:center; margin:0px 0px 0px 16px; padding:0px;} .genealogy-part .genealogy-detail p .gene-thumb img{ width:auto; display:inline-block; height:auto; margin-bottom:16px;} .genealogy-part .genealogy-detail p .gene-thumb .thumb-title{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; color:#2d2d2f; text-align:center; margin:0px; padding:0px 0px 8px 0px;} .genealogy-part .genealogy-detail p .gene-thumb a{ display:block; font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:400; color:#428bca; text-decoration:none; text-align:center; line-height:18px; margin:0px; padding:0px;} .genealogy-part .genealogy-detail p .gene-thumb a:hover{color:#818181;} .genealogy-part .genealogy-detail ul{ width:100%; display:table-cell; margin:0px; padding:0px 0px 0px 20px;} .genealogy-part .genealogy-detail ul li{ width:100%; display:inline-block; list-style:none; font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:400; color:#2d2d2f; line-height:20px; margin:0px; padding:0px 0px 10px 20px;} .genealogy-part .genealogy-detail ul li a{font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:400; color:#428bca; text-decoration:none; margin:0px; padding:0px;} .genealogy-part .genealogy-detail ul li a:hover{color:#2d2d2f;} /* 11 May 2017 Sidebar Menu */ .sidebar-menu{ width:100%; float:left; background:#284472; margin:0px; padding:0px;} .sidebar-nav {list-style: none; *zoom: 1; font-family: 'PT Sans', sans-serif; font-weight: 400; margin:0px; padding:0px;} .sidebar-nav:before, .sidebar-nav:after {content: " "; display:table;} .sidebar-nav:after {clear: both;} .sidebar-nav ul {list-style: none; width:100%;} .sidebar-nav a {font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#fff; text-decoration:none; height:auto; line-height:18px; padding:10px 10px 10px 10px; max-width:85%;} .sidebar-nav li li a{ max-width:100%;} .sidebar-nav a:hover, .sidebar-nav a.act {color:#ff9900;} .sidebar-nav a:hover, .sidebar-nav .test a.act {color:#ff9900;} .sidebar-nav li {position:relative; border-bottom:1px solid #536584;} .sidebar-nav > li {margin:0px; padding:0px;} .sidebar-nav > li > .parent { /*background-image:url(../images/menu-dd-arrow.png); background-repeat: no-repeat; background-position:right center;*/} .sidebar-nav > li:hover > .parent {/*background-image:url(../images/menu-dd-arrow.png); background-repeat: no-repeat; background-position:right center;*/} .sidebar-nav > li > a {display: block;} .sidebar-nav li ul {position: absolute; left: -9999px; padding: 0px;} .sidebar-nav > li.hover > ul {left: 0px;} .sidebar-nav li li.hover ul {left: 100%; top:0px;} .sidebar-nav li li {background: none; text-align: left; border-bottom:1px solid #444445;} .sidebar-nav li li a {display: block; background: #2d2d2f; position: relative; z-index: 100; border:0px; color: #fff; line-height: 20px; padding: 8px 12px;} .sidebar-nav li li:last-child{ border:0px;} .sidebar-nav li li a:hover {background-image: none; background: #23282b; color:#fff;} .sidebar-nav li li li a {z-index: 200; border-bottom:0px solid #ccc;} /*.nav li:hover > a, .nav ul ul :hover > a { color:#b69c4d; background-image:none;}*/ .sidebar-nav > li.hover > ul, .sidebar-nav li li.hover ul{ position:static;} .sidebar-nav li label {background-color:#1b3764; background-image: url(../images/drop-arrow.png); background-repeat: no-repeat;background-position: center center; position: absolute; right: 0; top: 0; padding: 0px; width: 36px; z-index: 99;height:38px; cursor: pointer;} .sidebar-nav li.hover label {background-image: url(../images/drop-arrow2.png);} .sidebar-nav li.active label {background-image: url(../images/drop-arrow2.png);} /* -------------------------------- Main Components -------------------------------- */ label{margin-bottom:1px; font-weight:normal;} .cd-accordion-menu {width:100%;} .cd-accordion-menu ul {/* by default hide all sub menus */ display:none;} .cd-accordion-menu li {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .cd-accordion-menu input[type=checkbox] {/* hide native checkbox */ position:absolute; opacity:0;} .cd-accordion-menu label, .cd-accordion-menu a {position:relative; display:block; padding:8px 10px 8px 30px; background: #284472; box-shadow:inset 0 -1px rgba(85, 89, 96, 0.5); color:#fff;} .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {background:#52565d;} .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {/* icons */ content: ''; display: inline-block; width: 16px; height: 16px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .cd-accordion-menu label {cursor: pointer;} .cd-accordion-menu label::before { background-image: url(../images/left-img.png); background-repeat: no-repeat;} .cd-accordion-menu label::before {/* arrow icon */ left: 18px; background-position: 0 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg);} .cd-accordion-menu label::after {/* folder icons */ left: 41px; background-position: -16px 0;} .cd-accordion-menu a::after {/* image icon */ left: 36px; background: url(../images/left-img.png) no-repeat -48px 0;} .cd-accordion-menu input[type=checkbox]:checked + label::before { /* rotate arrow */ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .cd-accordion-menu input[type=checkbox]:checked + label::after {/* show open folder icon if item is checked */ background-position: -32px 0;} .cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; } .cd-accordion-menu ul label, .cd-accordion-menu ul a { background:#2d2d2f; box-shadow: inset 0 -1px rgba(65, 68, 74, 0.17); padding-left: 82px;} .no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover {background: #3c3f45;} .cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a {box-shadow: none;} .cd-accordion-menu ul label::before {left: 36px;} .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {left: 59px;} .cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {padding-left: 100px;} .cd-accordion-menu ul ul label::before {left: 54px; } .cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after { left: 77px;} .cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {padding-left: 118px;} .cd-accordion-menu ul ul ul label::before {left: 72px;} .cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after {left: 95px;} /*Become a Member*/ .become-member{ width:100%; float:left;} .red{ color:#F00;} .become-member .box{ width:100%; float:left; margin:15px 0px;} .become-member .box .full{ width:100%; float:left; margin:0px 0px 10px 0px;} .become-member .mar-bt0{ margin-bottom:0 !important;} .become-member .box h4{ padding-bottom:10px;} .become-member .box p{ width:48%; position:relative; margin-bottom:20px;} .become-member .box .half{ width:49%;} .become-member .box .half2{ width:48%;} .become-member .box .half2 p{ width:100% !important;} .become-member .box p.min-h{ min-height:67px;} .become-member .box p.min-h2{ min-height:65px;} .become-member .box label{width:100%; float:left; font-size:15px; color:#818181; font-weight:400; line-height:30px; text-align:left; margin:0px; padding:0px;} .become-member .box input[type="text"]{ width:100%; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; height:36px; line-height:36px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:0px 10px;} .become-member .box textarea{ width:100%; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:0px 10px;} .become-member .box input[type="password"]{ width:100%; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; height:36px; line-height:36px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:0px 10px;} .become-member .box select{ width:98%; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; height:36px; line-height:36px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:0px 10px;} .become-member input[type="submit"]{ width:auto; font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#fff; background:#ff9900; border-radius:4px; border:none; outline:none; height:38px; line-height:38px; text-transform:uppercase; display:inline-block; text-align:center; vertical-align:middle; margin:0px; padding:0px 26px;} .become-member input[type="submit"]:hover{background:#274472; cursor:pointer;} .become-member .button-row{ width:100%; float:left; margin:0;} .become-member .button-row .field-add-more{ width:auto; display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:15px; color:#fff; background:#284472; border:none; position:relative; padding:0px 10px; line-height:30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:0px 10px 0px 0px;} .become-member .button-row .field-add-more:hover{background:#ff9900;} .become-member .button-row .field-remove{ width:auto; display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:15px; color:#fff; background:#a81212; border:none; position:relative; padding:0px 10px; line-height:30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin:0px 10px 0px 0px;} .become-member .button-row .field-remove:hover{background:#ff9900;} .login-main{ width:100%; max-width:450px; margin:0 auto;} .login-main .grey-box{width:100%; float:left; background:#f2f4f9; border-radius:5px;} .login-main .login-box{width:100%; float:left; margin:0px; padding:30px 20px 20px 20px;} .login-main .login-box .field-main{width:100%; float:left; list-style:none; text-align:center; margin:0px 0px 14px 0px; padding:0px;} .login-main .login-box label{width:100%; max-width:100px; float:left; font-size:15px; color:#818181; font-weight:400; line-height:36px; text-align:left; margin:0px; padding:0px;} .login-main .login-box input[type="text"]{ width:100%; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; height:36px; line-height:36px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:0px 10px;} .login-main .login-box input[type="password"]{ width:100%; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; height:36px; line-height:36px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:0px 10px;} .login-main .login-box a.forgot-link{ float:right; display:block; text-align:right; font-size:13px; color:#787879; text-decoration:none; font-weight:400; margin:0px; padding:0px;} .login-main .login-box a.forgot-link:hover{ color:#274472;} .login-main .login-box input[type="submit"]{ width:auto; float:left; font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#fff; background:#ff9900; border-radius:4px; border:none; outline:none; height:38px; line-height:38px; text-transform:uppercase; text-align:center; vertical-align:middle; margin:0px; padding:0px 26px;} .login-main .login-box input[type="submit"]:hover{background:#274472; cursor:pointer;} .login-main .login-box .field{ width:75%; float:left; margin:0px;} .login-main .login-box .field p{ width:100%; float:left; margin:0px; font-size:13px; text-align:left;} .login-main .login-box .full{ width:100%; float:left; margin:0px 0px 10px 0px; font-size:15px; text-align:center;} .relative{ position:relative; width:100%; float:left;} .relative label.error{ left:0; bottom:-5px !important;} .relative input[type="checkbox"], input[type="radio"] { margin-top:-3px;} .welcome-page{ width:100%; float:left; position:relative;} .welcome-page h3{ margin-top:0; margin-bottom:20px;} .welcome-page .grey-box{width:100%; float:left; background:#f2f4f9; border-radius:5px; padding:10px 20px; margin:15px 0px;} .welcome-page .grey-box .align-right{ float:right; margin:-40px 0px 0px 10px;} .blog_section{ width:100%; margin:0; padding:0; float:left;} .blog_box_main{width:48%; float:left; padding:0; margin:0px 2% 30px 0px;} .blog_box_main h4{width:100%; float:left; padding:0; margin:0; font-size:19px; text-transform:inherit;} .blog_box_main .blog_title_date{width:100%; float:left; padding:0; margin:5px 0 0 0; font-size:12px; text-transform:inherit;} .blog_box_main .blog_box{width:100%; float:left; padding:0px 20px; margin:10px 0 0 0;background:#f2f4f9; border-radius:5px; } .blog_box_main .blog_box ul{ width:100%; float:left; margin:0; padding:5px 0; list-style:none;} .blog_box_main .blog_box ul li{ width:100%; float:left; margin:0 0 0px 0; padding:10px 0 10px 0;list-style:none; border-bottom:1px dashed #818181} .blog_box_main .blog_box ul li:last-child{ border-bottom:none;} .blog_box_main .blog_box ul li::before{background:none; position:relative;} .blog_box_main .blog_box ul li a{width:auto; float:left; margin:0; padding:0; font-size:15px; color:#428bca;} .blog_box_main .blog_box ul li a:hover{ color:#828282;} .blog_box_main .blog_box ul li p{ font-size:13px; float:left; width:100%; margin:3px 0 3px 0; color:#818181;} .twitter_box{ float:left; width:100%; max-width:300px; margin:30px 0 0 2%; padding:0;} .catagory_table{ width:100%; margin:30px 0 0 0; padding:0;} .catagory_table ul{ width:100%; margin:0; padding:0; list-style:none;} .catagory_table ul li{ width:100%; margin:0; padding:0; list-style:none;font-family: 'PT Sans', sans-serif; font-size:15px;} .catagory_table ul li::before{ display:none;} .catagory_table ul li .catagory_ttl{font-size:17px; color:#fff !important; background:#284472; padding:3px 10px !important;} .catagory_table ul li .category_name{ width:40%; float:left; margin:3px 0; padding:0 10px; color:#ff9900;} .catagory_table ul li .category_name a{color:#428bca;} .catagory_table ul li .category_name a:hover{ color:#284472;} .catagory_table ul li .threads{ width:20%; float:left; margin:3px 0; padding:0; text-align:center;padding:0 10px; color:#818181;} .catagory_table ul li .recent_post{ width:40%; float:left; margin:3px 0; padding:0;padding:0 10px;color:#818181;} .catagory_table ul li .recent_post a{color:#428bca;} .catagory_table ul li .recent_post a:hover{ color:#284472;} .catagory_table ul .indicate a{ width:100%; margin:15px 0 0 0; padding:0 0 0 10px; float:left; font-size:14px; color:#ff9900;font-family: 'PT Sans', sans-serif;} .catagory_table ul .indicate a:hover{ color:#818181;} .validate label.error{ position:absolute; bottom:-23px; font-size:12px; left:0; } .author_box { float:left; margin:0 0 20px 0; padding:0; width:100%;} .othor_cnt{ float:left; width:100%; margin:40px 0 0 0; padding:0;} .othor_cnt br{ display:block; clear:both; margin:4px 0;} .othor_cnt h4{ width:83%; float:left;margin:0px 0 8px 0; padding:0; font-size:15px; font-weight:normal; color:#428bca;} .othor_cnt p{ width:83%; float:left;margin:0 0 25px 0; padding:0;} ul.othor > li{ color:#818181;} .author_book{ width:17%; float:left;} .welcome-page p span.note{ font-size:14px;} .magazine_main{ width:100%; margin:40px 0 0 0; padding:0; float:left;} .magazine_main h4{width:100%; margin:0 0 0 0; padding:0 8px; float:left;} .magazine_main ul {width:100%; margin:20px 0 50px 0; padding:0; float:left;} .magazine_main ul li{width:23%; margin:0 1% 0 1%; padding:0; float:left; border:1px solid #999; padding:3px;} .magazine_main ul li::before{ background:none;} .magazine_main ul li img{ width:100%; height:auto;} .qm_banner{ float:left; margin:30px 0 30px 0; padding:0; width:100%; text-align:center;} .qm_banner img{ width:100%; max-width:600px; height:auto;} .issue_list{ width:100%; margin:0; padding:0; float:left;} .issue_list h5{ width:100%; margin:0 0 12px 0; padding:0; float:left;} .issue_list ul{ width:100%; margin:0; padding:0; float:left;} .issue_list ul li{ width:32%; margin:0 1.33% 30px 0; padding:0; float:left;} .issue_list ul li::before{ background:none;} .issue_list ul li a{ display:table; font-size:14px; width:auto;} .hot_list_main{float:left; margin:40px 0 0 0; padding:0; width:100%;} .hot_list_box{ float:left; margin:0 0 17px 0; padding:0 0 23px 0; width:100%; border-bottom:1px dashed #818181;} .hot_list_box:last-child{border-bottom:none;} .hot_list_box .hot_list_image{float:left; margin:7px 0 0 0; padding:0; width:10%;} .hot_list_box .hot_list_image img{ width:100%; height:auto;} .hot_list_box .hot_list_cantant{float:left; margin:0 0 0 4%; padding:0; width:86%;} .hot_list_box .hot_list_cantant .list_title{float:left; margin:0 0 8px 0; padding:0; width:100%; font-family: 'Roboto Condensed', sans-serif; color:#ff9900; font-size:16px; text-transform:uppercase; letter-spacing:0.8px; } .hot_list_box .hot_list_cantant .list_cnt{ width:100%; margin:0; padding:0; width:100%;} .hot_list_box .hot_list_cantant .list_cnt ul{ width:100%; margin:0; padding:0; width:100%;} .hot_list_box .hot_list_cantant .list_cnt ul li{ width:100%; margin:0; padding:0; width:100%;} .hot_list_box .hot_list_cantant .list_cnt ul li::before{ background:none;} .attrection_list_mian{ float:left; margin:30px 0 0 0; padding:0; width:100%;} .attrection_list_mian .attrection_list {float:left; margin:0 0 40px 0; padding:0; width:100%;} .attrection_list_mian .attrection_list .att_list_ttl{float:left; margin:0 0 5px 0; padding:0; width:100%;font-family: 'Roboto Condensed', sans-serif; color:#ff9900; font-size:17px; text-transform:uppercase; letter-spacing:0.8px;} .attrection_list_mian .attrection_list .attr_image{float:left; margin:0px 0 0 0; padding:7px 3% 0 0; width:40%; text-align:center;} .attrection_list_mian .attrection_list .attr_image img{ width:100%; height:auto;} .benefit_tab { float:left; width:100%; margin:40px 0 0 0; padding:0;} .tab_panel_image{ width:auto; float:left; margin:0; padding:0;} .tab_contant{ width:auto; float:left; margin:0 0 0 3%; padding:0;} .tab_contant h5{ font-size:16px; color:#284472;} .tab_contant ul{ float:left; margin:0 0 7px 0; padding:0; width:100%;} .tab_contant ul li{ font-size:14px;} .tab_contant a{ display:table; clear:both; width:auto;} .tab_contant p{ font-size:14px;} .slide_show{ float:left; margin:30px 0 0 0; padding:0; width:100%;} .slide_show ul{float:left; margin:0; padding:0;width:100%;} .slide_show ul li{float:left; margin:0; padding:0 4%;width:50%;} .slide_show ul li p{ text-align:center; width:100%;} .slide_show ul li img{ width:100%; height:auto;} .slide_show ul li::before{ background:none;} .thread_cnt{ width:100%; margin:20px 0 0 0; padding:0; float:left;} .thread_cnt ul{ width:100%; margin:0; padding:0; float:left; border:1px solid #818181; background:#f2f4f9;} .thread_cnt ul li{ width:100%; margin:0; padding:8px 10px; float:left; border-bottom:1px dashed #818181;} .thread_cnt ul li:last-child{ border-bottom:none;} .thread_cnt ul li::before{ background:none;} .thread_cnt ul li ul{ width:100%; margin:0px; padding:0; float:left; border:none; border-top:1px solid #ccc;} .thread_cnt ul li ul li{ width:96%; margin:10px 0px 10px 4%; padding:8px 10px; float:left; border-bottom:none; background:#ffffff;} .thread_cnt ul li p span{ font-weight:bold;} .thread_cnt ul li p{color:#818181; margin:0px 0 15px 0;} .thread_cnt ul li p img{display:table; clear:both; margin-top:5px; max-width:100%;} .reply{ width:100%; margin:30px 0 30px 0; padding:0; display:block; float:left; background:#284472; padding:10px 15px 15px 15px;} .reply p{color:#ff9900; font-size:18px;} .reply_ttl{ display:block; width:100%; font-size:15px; line-height:36px; margin-top:16px; color:#ffffff;} .reply_ttl .reply_box{ display:inline-block; height:34px; width:100%; border:1px solid #dbdbdb; border-radius:4px; padding:0px 10px; color:#818181;} .reply_ttl .reply_btn{ width:auto; display:inline; background:#ff9900; border-radius:4px; height:40px; line-height:40px; font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#fff; text-transform:uppercase; border:none; outline:none; letter-spacing:0.8px; margin:14px 0px 0px 0px; padding:0px 20px;} .reply_ttl .reply_btn:hover{ background:#a81212; cursor:pointer;} .reply_ttl .mce-path-item{color:#818181;} .thread_list{ float:left; width:100%; margin:0 0 20px 0 ; padding:0;} .thread_list ul{ float:left;width:100%; margin:0; padding:0; border:none; background:none;} .thread_list ul li{ float:left;width:100%; margin:0; padding:0; border-bottom:none;} .thread_list ul li::before{ background:none;} .thread_list ul li .thread_title{ float:left; width:25%; } .thread_list ul li .thread_responses { float:left; width:20%;} .thread_list ul li .thread_date { float:left; width:30%; font-size:14px; color:#818181 } .thread_list ul li .thread_recent { float:left; width:25%;} .thread_list ul li .blue{color:#428bca; font-family: 'PT Sans', sans-serif; font-size:16px; background:#f2f4f9;} .thread_list ul li div{ padding:4px 7px} .bredcrumb_menu{ width:auto; display:block; margin:-35px 0 11px 0; padding:0; text-align:right; color:#428bca;} .bredcrumb_menu a{ margin:0 7px 0 7px; font-size:14px;} .bredcrumb_menu a:hover{ color:#ff9900;} .recaptcha_widget tr td{ line-height:0;} .recaptchatable #recaptcha_response_field{ height:22px !important; } /***** MEMBER TABLE - 27TH JUNE 2018 ***/ .member_table{ width:100%; margin:30px 0 0 0; padding:0; float:left;} .member_table ul{ width:100%; margin:0; padding:0; float:left; display:block;} .member_table ul li.catagory_ttl{font-size:17px; color:#fff !important; background:#284472; padding:3px 10px !important;} .member_table ul li{ width:20%; margin:0; padding:0; font-family: 'PT Sans', sans-serif; font-size:15px; float:left;} .member_table ul li:before { display:none} /*27 July 2017*/ .page-content .donate-main .donation_amount{ width:100%; float:left;} .page-content .donate-main .donation_amount p{ width:auto; float:left; margin:0px 2% 0px 0px; padding:0;} .page-content .donate-main .donation_amount p input[type="button"]{ width:60px; height:38px; float:left; background:#f2f4f9; font-size:15px; color:#818181; line-height:35px; margin:0; padding:0; border:none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .page-content .donate-main .donation_amount p input[type="button"]:hover{ background:#ff9900; color:#ffffff;} .page-content .donate-main .donation_amount p input[type="button"].selected{ background:#274472; color:#ffffff;} .page-content .donate-main .donation_amount .other_light{ width:100%; float:left; margin:10px 0px;} .page-content .donate-main .donation_amount .other_light p{width:100%; float:left; margin:0; padding:0; line-height:inherit;} .page-content .donate-main .donation_amount .other_light span{ font-size:13px;} .page-content .donate-main input[type="text"]{ width:100%; max-width:400px; float:left; background:#fff; border:1px solid #dbdbdb; border-radius:4px; height:36px; line-height:36px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:0px 10px;} .page-content .donate-main .fund-inst{ width:100%; float:left; margin:0;} .page-content .donate-main .fund-inst .full-text{width:100%; float:left; margin:0; padding:0; line-height:inherit;} .page-content .donate-main textarea{ width:100%; float:left; height:80px; background:#fff; border:1px solid #dbdbdb; border-radius:4px; line-height:20px; font-size:15px; color:#818181; font-weight:400; outline:none; margin:0px; padding:5px 10px; resize:none;} .page-content .donate-main .donation_amount span.full{ font-size:13px;} .page-content .donate-main .memtinfo{ width:100%; float:left;} .page-content .donate-main .memtinfo p{width:100%; float:left; margin-bottom:10px;} .page-content .donate-main .memtinfo ul.noti-type{width:100%; float:left; margin:0px; padding:0px;} .page-content .donate-main .memtinfo ul.noti-type li{width:auto; float:left; margin:0px 5% 0px 0px; padding:0px; list-style:none;} .page-content .donate-main .memtinfo ul.noti-type li:before{ display:none;} .page-content .donate-main input[type="radio"], .page-content .donate-main b{ vertical-align:middle;} .page-content .donate-main .e-card_notification, .page-content .donate-main .p_mail_notification{ width:100%; float:left;} .page-content .donate-main .e-card_notification label.error, .page-content .donate-main .p_mail_notification label.error{ left:0; bottom:-23px !important;} .page-content .donate-main .e-card_notification p, .page-content .donate-main .p_mail_notification p{ width:49%;} .page-content .donate-main .fa-caret-right{display:inline-block; vertical-align:text-bottom; font-size:20px; color:#ff9900; cursor:pointer;} .page-content .donate-main .fa-caret-down{ display:inline-block; font-size:20px; cursor:pointer;} .page-content .donate-main .memorial_tribute, .page-content .donate-main .recurring_notification{ width:100%; float:left;} .page-content .donate-main .memorial_tribute p, .page-content .donate-main .recurring_notification p{width:100%; float:left; margin-bottom:10px; font-size:13px;} .twocolum-half { width:100%; } .twocolum-half ul li { width:47%; float:left; margin-left:3%; } .sustaining-right { float:right; width:350px; margin-left:20px; } .sustaining-right .patrons { background:#f2f4f9 ; padding:15px; border-radius:5px; } .sustaining-right .patrons h2 { font-size:20px; padding-bottom:15px; } .sustaining-right .patrons p { font-size:14px;} .sustaining-right .patrons ul.patrons-list{ width:49%; float:left; margin-left:1%; font-size:14px; } .sustaining-right .patrons ul.patrons-list li { float:left; font-size:14px; line-height:19px; margin-bottom:6px; } .sustaining-right .giving { background:#3b5176; margin-top:20px; padding:15px; border-radius:5px; } .sustaining-right .giving h2 { font-size:20px; padding-bottom:15px;} .sustaining-right .giving p { font-size:14px; color:#eee;} .sustaining-right .giving .giving-left-col { width:48%; float:left; margin-left:2%; color:#a3a3a3;} .sustaining-right .giving .giving-right-col { width:48%; float:left; margin-left:2%; color:#a3a3a3;} .giving_option_pie_chart { float:right; width:auto; margin:0 0 15px 25px;} /*20 Dec 2017*/ .more-event ul li .event-disc{ max-width:670px;} .more-event ul li .event-disc p{width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#818181; line-height:22px; padding:15px 0px 0px 0px; margin:0;} /*04 Jan 2018*/ .advertising_main{margin:0px 0px 32px 0px;} .advertising_main h4{ padding:10px 0px 0px 0px;} .advertising_main .cover-img{ width:100%; float:left; position:relative; margin:0px 0px 20px 0px;} .advertising_main .cover-img img{ width:100%; height:auto; display:block;} .advertising_main .cover-img .cover-title{ width:70%; position:absolute; right:2%; top:0; text-align:right;} .advertising_main .cover-img .cover-title h1{ width:100%; float:left; font-size:80px; color:#2d2d2f; margin:0; padding:0; font-weight:normal;} .advertising_main .cover-img .cover-title h4{ width:100%; float:left; font-size:28px; color:#2d2d2f; margin:0; padding:0; font-weight:normal; text-transform:none; text-align:center;} .advertising_main .mag-add{ width:35%; float:left;} .advertising_main .mag-chief{ width:22%; float:left;} .advertising_main .addv-representat{ width:43%; float:left;} .advertising_main .addv-representat h5{ width:100%; float:left; font-size:18px; color:#2d2d2f; margin:10px 0px 0px 0px; padding:0; font-weight:normal; text-transform:none;} .advertising_main .addv-representat .col-sm-6{ padding-left:0;} .advertising_main .advert-rates{ width:100%; float:left; margin:30px 0px 10px 0px; padding:0px;} .advertising_main .advert-rates h2{ padding:0px 0px 10px 0px;} .advertising_main .advert-rates .rates-title{ width:100%; float:left;} .advertising_main .advert-rates .rates-title .advert-name{ min-height:30px; color:#fff; line-height:30px; background:#274472; padding:0px; border-bottom:none;} .advertising_main .advert-rates .rates-title .advert-size{ min-height:30px; color:#fff; line-height:30px; background:#274472; padding:0px; border-bottom:none;} .advertising_main .advert-rates .rates-title .price{ min-height:30px; color:#fff; line-height:30px; background:#274472; padding:0px; border-bottom:none;} .advertising_main .advert-rates .list-row{width:100%; float:left; margin:0px; padding:0px;} .advertising_main .advert-rates .advert-name{ width:34%; float:left; text-align:center; min-height:30px; background:#f2f4f9; margin:0 2% 0 0%; padding:5px; line-height:30px; border-bottom:1px solid #cccccc;} .advertising_main .advert-rates .advert-size{ width:42%; float:left; text-align:center; min-height:30px; background:#f2f4f9; margin:0 2% 0 0%; padding:5px; line-height:30px; border-bottom:1px solid #cccccc;} .advertising_main .advert-rates .price{ width:18%; float:left; text-align:center; min-height:30px; background:#f2f4f9; margin:0; padding:5px; line-height:30px; border-bottom:1px solid #cccccc;} .advertising_main p{ width:100%; float:left;} .advertising_main .who-readers{ width:100%; float:left; margin:30px 0px 10px 0px; padding:0px;} .advertising_main .who-readers h2{ padding:0px 0px 10px 0px;} .advertising_main .who-readers .left{ width:50%; float:left;} .advertising_main .who-readers .left .box-row{width:100%; float:left; margin:10px 0;} .advertising_main .who-readers .left .box-row ul{width:100%; float:left; margin:0px; padding:0;} .advertising_main .who-readers .left .box-row ul li{width:100%; float:left; margin:0px; padding:0; list-style:none; line-height:30px;} .advertising_main .who-readers .left .box-row ul li .col-one{ width:28%; float:left;} .advertising_main .who-readers .left .box-row ul li .col-two{ width:68%; float:left;} .advertising_main .who-readers .right{ width:50%; float:right;} .advertising_main .who-readers .right img{ width:auto; max-width:100%; height:auto; display:block;} /*20-2-18*/ /*.tumb_tit { width:100%; float:left; margin:0 0 40px; padding:20px 20px 20px 220px; background:#11588a; font-size:30px; color:#fff; font-family: 'Roboto Condensed', sans-serif; position:relative; } .tumb_tit:after { content:""; width:189px; height:189px; position:absolute; left:10px; top:10px; background:url(../images/thumb_imglogo.png) no-repeat left 0px; }*/ .tumb_tit { width:100%; float:left; margin:0 0 20px; padding:26px 20px 26px 130px; background:#11588a; font-size:30px; color:#fff; font-family: 'Roboto Condensed', sans-serif; position:relative; } .tumb_tit:after { content:""; width:94px; height:94px; position:absolute; left:10px; top:10px; background:url(../images/thumb_imglogo.png) no-repeat left 0px; } .tumb_tit span { width:100%; padding-top:5px; float:left; font-size:20px; color:#fff;} .insu_img { width:49%; float:left; margin:0px; padding:0px; } .insu_img img { width:100%;} .insu_con { width:100%; float:right; margin:0px; padding:0px; } .insu_con a.member-register { float:left; background:#ff9900; color:#fff; font-size:20px; padding:3px 20px; margin:0 0 15px; border-radius:4px; } .insu_con a.member-register:hover { background:#11588a;} .add-new-post{ width:auto; position:absolute; right:0; top:0;} .add-new-post a{ width:auto; float:left; background:#274472; border-radius:4px; height:40px; line-height:40px; font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#fff; text-transform:uppercase; border:none; outline:none; letter-spacing:0.8px; margin:14px 0px 0px 0px; padding:0px 20px;} .add-new-post a:hover{ background:#ff9900; cursor:pointer;} .generl-tag{ float:left;} /* Custom New Class Add 29-6-2018 */ /*--- Lodge Landing Page ---*/ .lodge-coman-banner{ width:100%; float:left; /*height:350px;*/ position:relative; margin:0px; padding:0px;} .lodge-coman-banner img{ width:100%; height:100%; display:block;} .lodge-coman-banner .lodge-caption{ width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0px; padding:0px;} .lodge-coman-banner .lodge-caption h1{ width:100%; float:left; font-family: 'Roboto Condensed', sans-serif; font-size:48px; color:#ffffff; text-transform:uppercase; font-weight:700; text-align:center; margin:0px; padding:0px;} .leftbarcom-menu{ width:100%; float:left; background:#284472; margin:0px; padding:0px;} .leftbarcom-menu ul{ width:100%; float:left; margin:0px; padding:0px;} .leftbarcom-menu ul li{ width:100%; float:left; list-style:none; border-bottom:1px solid #536584; margin:0px; padding:0px;} .leftbarcom-menu ul li a{ max-width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#ffffff; line-height:18px; text-decoration:none; padding:10px; margin:0px;} .leftbarcom-menu ul li a:hover{ color:#ff9900;} .landing-pic{ width:100%; float:left; position:relative; border:1px solid #e6e6e6; margin:0px; padding:3px;} .landing-pic img{ width:100%; height:auto; display:block;} .landing-pic .logo-hotel{ width:148px; height:148px; background: rgba(255, 255, 255, 0.8); position:absolute; right:3px; top:3px; text-align:center; margin:0px; padding:18px 0px 0px 0px; -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.5); box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.5); } .landing-pic .logo-hotel img{ width:112px; height:auto; display:inline-block;} .landing-content{ width:100%; float:left; margin:30px 0px 10px 0px; padding:0px;} .landing-content p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:15px; color:#818181; line-height:22px; margin:0px; padding:0px 0px 20px 0px;} .lodge-location{ width:100%; float:left; position:relative; margin:0px; padding:0px;} .lodge-location .location-pic{ width:100%; float:left; position:relative; border:1px solid #e6e6e6; padding:3px; margin:0px;} .lodge-location .location-pic img{ width:100%; height:auto; display:block;} .lodge-location .location-pic:before{ width:auto; height:auto; position:absolute; left:3px; top:3px; bottom:3px; right:3px; content:''; background:rgba(0, 0, 0, 0.3); margin:0px; padding:0px;} .lodge-location .location-box{ width:100%; background:#274472; height:54px; position:absolute; left:0px; top:50%; transform:translateY(-50%); margin:0px; padding:0px;} .lodge-location .location-box p{ width:100%; display:table-cell; height:54px; vertical-align:middle; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:13px; color:#ffffff; line-height:16px; position:relative; padding:0px 0px 0px 20px; margin:0px;} .lodge-location .location-box p .fa{ display:inline-block; font-size:15px; padding-top:2px; position:absolute; left:0px;} .lodge-location .location-box p a{ font-family: 'PT Sans', sans-serif; font-weight:400; font-size:13px; color:#ffffff; padding:0px; margin:0px;} .lodge-location .location-box p a:hover{color:#ff9900;} .lodge-location .location-box-noimg{ width:100%; float:left; background:#274472; height:54px; position:relative; top:0px; transform:none; margin:20px 0px 0px 0px; padding:0px;} /*--- Lodge Event Calendar Page ---*/ .event-calendar-list{ width:100%; float:left; margin:10px 0px 0px 0px; padding:0px;} .event-calendar-list ul{ width:100%; float:left; margin:0px; padding:0px;} .event-calendar-list ul li{ width:100%; float:left; list-style:none; background:#f7f7f7; margin:0px 0px 44px 0px; padding:3px; -webkit-box-shadow: 2px 3px 5px 0px rgba(175,175,175,0.5); -moz-box-shadow: 2px 3px 5px 0px rgba(175,175,175,0.5); box-shadow: 2px 3px 5px 0px rgba(175,175,175,0.5); } .event-calendar-list ul li:before{ display:none;} .event-calendar-list ul li:last-child{ margin-bottom:14px;} .event-calendar-list ul li .event-pic{ width:100%; max-width:400px; float:left; position:relative; margin:0px; padding:0px;} .event-calendar-list ul li .event-pic img{ width:100%; height:auto; display:block;} .event-calendar-list ul li .event-pic:after{width:auto; height:auto; position:absolute; left:0px; top:0px; bottom:0px; right:0px; content:''; background:rgba(0, 0, 0, 0.5); margin:0px; padding:0px; z-index:1;} .event-calendar-list ul li .event-pic .event-date{ width:68px; height:56px; background:#284472; position:absolute; left:20px; top:-28px; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:18px; color:#ffffff; text-transform:uppercase; text-align:center; line-height:20px; margin:0px; padding:8px 0px 0px 0px; z-index:2;} .event-calendar-list ul li .event-pic .event-date span{ font-weight:700; display:block;} .event-calendar-list ul li .event-detail{ width:100%; max-width:420px; float:right; margin:0px; padding:20px 20px 0px 0px;} .event-calendar-list ul li .event-detail h3{ width:100%; float:left; font-family: 'Roboto Condensed', sans-serif; color:#ff9900; font-size:22px; text-transform:uppercase; letter-spacing:0.8px; margin:0px; padding:0px 0px 6px 0px;} .event-calendar-list ul li .event-detail h3 span{ width:auto; display:inline; vertical-align:middle; padding:4px 0px 0px 6px;} .event-calendar-list ul li .event-detail .eventdetail-date{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:15px; color:#454545; margin:0px; padding:0px 0px 8px 0px;} .event-calendar-list ul li .event-detail .eventdetail-date .fa-calendar{ display:inline-block; padding-right:8px;} .event-calendar-list ul li .event-detail p{ width:100%; float:left; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:15px; color:#616161; line-height:20px; margin:0px; padding:0px;} .event-calendar-list ul li .event-detail a.read-more{ display:inline-block; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; color:#274472; text-transform:uppercase; margin:0px; padding:10px 0px 0px 0px;} .event-calendar-list ul li .event-detail a.read-more:hover{color:#ff9900;} .event-calendar-list ul li .event-detail a.read-more .fa{ display:inline-block; padding-left:4px;} .pagination-part{ width:100%; float:left; margin:24px 0px 0px 0px; padding:0px;} .pagination-part ul{ width:100%; float:left; display:table-cell; text-align:center; margin:0px; padding:0px;} .pagination-part ul li{ width:auto; display:inline-block; text-align:center; vertical-align:middle; list-style:none; margin:0px 4px; padding:0px;} .pagination-part ul li:before{ display:none;} .pagination-part ul li a{ width:33px; display:inline-block; height:33px; line-height:31px; background:#ffffff; border:1px solid #e6e6e6; border-radius:100%; font-family: 'PT Sans', sans-serif; font-size:16px; color:#818181; margin:0px; padding:0px; cursor:pointer;} .pagination-part ul li a:hover, .pagination-part ul li a.act{ background:#274472; border:1px solid #002b6f; color:#ffffff;} /*--- Lodge Photo Gallery Page ---*/ .photogallery-view{ width:100%; float:left; position:relative; margin:0px; padding:0px; } .photogallery-view ul{ width:100%; float:left; margin:0px; padding:0px;} .photogallery-view ul li{ width:32.11%; float:left; list-style:none; margin:0px 15px 20px 0px; padding:0px;} .photogallery-view ul li:nth-child(3n+3){ margin-right:0px;} .photogallery-view ul li:before{ display:none;} .photogallery-view ul li .photogallery-thumb{ width:100%; float:left; position:relative; border:1px solid #e6e6e6; margin:0px; padding:3px;} .photogallery-view ul li .photogallery-thumb img{ width:100%; height:100%; display:block;} .photogallery-view ul li .photo-hover{ width:100%; height:100%; position:absolute; top:0; left:0; opacity:0; padding:3px; margin:0px; text-decoration:none; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s} .photogallery-view ul li:hover .photo-hover{ opacity:1; text-decoration:none; transition:all linear 0.3s; -moz-transition:all linear 0.3s; -webkit-transition:all linear 0.3s} .photogallery-view ul li .photo-hover .bg{ width:100%; height:100%; position: relative; top:0; left:0; background:rgba(0,0,0,0.7); padding:0; margin:0px; z-index:1;} .photogallery-view ul li .photo-hover .photohover-detail{ width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0px; padding:0px; z-index:2;} .photogallery-view ul li .photo-hover h2{ width:100%; float:left; padding:0; margin:0px; text-align:center; color:#fff; font-size:16px; font-weight:600; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;} .photogallery-view ul li .photo-hover p{ width:100%; float:left; padding:0; margin:0px; text-align:center; color:#fff; font-size:14px; font-weight:500;} .photogallery-view ul li .photo-hover .search-icon{ width:100%; float:left; text-align:center; margin:8px 0px 0px 0px; padding:0px;} .photogallery-view ul li .photo-hover .fa{ width:32px; height:32px; line-height:30px; display:inline-block; padding:0px; margin:0px auto; border:1px solid #FFF; text-align:center; color:#fff; font-size:16px; font-family: 'FontAwesome';} .photogallery-view ul li .photo-hover .fa:hover{ border:1px solid #ff9900; color:#ff9900;} .photogallery-view .loading-icon, .event-calendar-list .loading-icon { width:128px; height:128px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; vertical-align:middle; margin:0px; padding:0px;} .photogallery-view { min-height: 215px; } .event-calendar-list { min-height: 475px; } /* Business Packages Page Class */ .business-packages{width:100%; float:left; position:relative; margin:0px; padding:0px;} .business-packages .packages{width:100%; display: flex; flex-wrap: wrap; position:relative; margin:0px; padding:0px;} .business-packages .packages .package-item{ width:30.7%; background:#f2f4f9; border-radius:8px; margin:0px 1.3%; padding-bottom:26px; display: flex; flex-direction: column; padding:0px;} .business-packages .packages .title{ width:100%; float:left; height:160px; font-size:40px; color:#2a2a2a; padding:10px 0 0 30px; line-height:30px;} .business-packages .packages .gold{background:url(../images/gold-bg.jpg) no-repeat left 0px; background-size:100% auto; border-radius:8px 8px 0px 0px;} .business-packages .packages .silver{background:url(../images/silver-bg.jpg) no-repeat left 0px; background-size:100% auto; border-radius:8px 8px 0px 0px;} .business-packages .packages .bronze{background:url(../images/bronze-bg.jpg) no-repeat left 0px; background-size:100% auto; border-radius:8px 8px 0px 0px;} .business-packages .packages .title span{font-size:18px; color:#2a2a2a; font-weight:700; text-transform:uppercase; display:block; padding-bottom:3px;} .business-packages .packages .title p{font-size:16px; color:#2a2a2a; font-style:italic; display:block;} .business-packages .packages .packages-detail{ width:100%; float:left; margin:18px 0px 0px 0px; padding:0px 18px 30px 18px !important;} .business-packages .packages h3{ width:100%; float:left; font-size:20px; color:#3a5278; font-weight:700; text-transform:uppercase; margin:0; padding:0; position:relative;} .business-packages .packages h3:before{ content:''; position:absolute; left:0px; bottom:-12px; width:50px; height:3px; background:#feb033; margin:0px; padding:0px;} .business-packages .packages .packages-list{ width:100%; float:left; margin:36px 0px 0px 0px; padding:0px;} .business-packages .packages .packages-list ul{ width:100%; float:left; margin:0px; padding:0px;} .business-packages .packages .packages-list ul li{ width:100%; float:left; list-style:none; background:url(../images/packages-bullet-point.png) no-repeat left 5px; font-size:16px; color:#2d2d2f; line-height:16px; margin:0px 0px 18px 0px; padding:0px 0px 0px 12px;} .business-directory{ width:100%; float:left; margin:100px 0px 0px 0px; padding:0px;} .business-directory h6{ width:100%; float:left; font-size:24px; color:#ff9900; text-transform:uppercase; font-weight:normal; margin:0px; padding:0px;} .business-directory .directory-categories-list{ width:100%; float:left; margin:20px 0px 0px 0px; padding:0px;} .business-directory .directory-categories-list ul{ width:33.33%; float:left; margin:0px; padding:0px;} .business-directory .directory-categories-list ul li{ width:100%; float:left; list-style:none; background:url(../images/directory-bullets.png) no-repeat left 4px; font-size:16px; color:#2d2d2f; line-height:16px; margin:0px 0px 14px 0px; padding:0px 0px 0px 18px;} .business-directory .directory-categories-list ul li ul{ width:100%; float:left; margin:10px 0px 0px 0px; padding:0px;} .business-directory .directory-categories-list ul li ul li{ margin-bottom:8px; background:url(../images/sub-category-line.jpg) no-repeat left 8px; padding-left:14px; font-size:15px;} .business-directory .directory-categories-list ul li p{ display:block; margin:0px; padding:0px; line-height:22px;} .business-directory .directory-categories-list ul li p:first-child{ padding-top:4px;} .commission-full-part{ width:74%; float:left; margin:0px; padding:0px;} .social-justice{ width:100%; float:left; margin:60px 0px 0px 0px; padding:0px;} .social-justice h6{ width:100%; float:left; font-size:24px; color:#ff9900; text-transform:uppercase; font-weight:normal; margin:0px; padding:0px;} .pad-left{ padding-left:0px;} .social-justice-form{ width:100%; float:left; margin:30px 0px 0px 0px; padding:0px;} .social-justice-form ul{ width:100%; float:left; margin:0px; padding:0px;} .social-justice-form ul li{ width:100%; float:left; list-style:none; margin:0px 0px 26px 0px; padding:0px;} .social-justice-form ul li .col-left{ width:48%; float:left;} .social-justice-form ul li .col-right{ width:48%; float:right;} .social-justice-form ul li .full-width{ width:100%; float:left;} .social-justice-form ul li label{ width:100%; float:left; font-size:15px; color:#818181; line-height:28px; margin:0px; padding:0px;} .social-justice-form ul li label .red-star{ display:inline-block; color:#ff0000;} .social-justice-form ul li label.line18{ line-height:18px; display:inline-block; padding-bottom:8px;} .social-justice-form ul li input[type="text"]{width:100%; float:left; font-size:15px; color:#818181; background:#ffffff; border:1px solid #dbdbdb; height:36px; line-height:36px; outline:none; border-radius:5px; margin:0px; padding:0px 12px;} .social-justice-form ul li select{width:100%; float:left; font-size:15px; color:#818181; background:#ffffff; border:1px solid #dbdbdb; height:36px; line-height:36px; outline:none; border-radius:5px; margin:0px; padding:0px 12px;} .social-justice-form ul li textarea{width:100%; float:left; font-size:15px; color:#818181; background:#ffffff; border:1px solid #dbdbdb; height:96px; line-height:20px; outline:none; border-radius:5px; margin:0px; padding:10px 12px; resize:none;} .social-justice-form ul li .advertising-checkbox{ width:auto; float:left; margin:0px 40px 0px 0px; padding:0px;} .social-justice-form ul li .advertising-checkbox label{width:auto; float:left; font-size:15px; color:#818181; line-height:28px; margin:0px; padding:0px;} .social-justice-form ul li .advertising-checkbox input[type="checkbox"], .social-justice-form ul li .advertising-checkbox input[type="radio"]{ width:18px; float:left; height:18px; margin:6px 6px 0px 0px; padding:0px;} .social-justice-form ul li .form-subtitle{ width:100%; float:left; font-size:15px; color:#ff9900; letter-spacing:0.5px; margin:0px; padding:20px 0px 10px 0px;} .social-justice-form ul li .captcha-code{ width:100%; float:left; margin:0px; padding:0px;} .social-justice-form ul li input[type="submit"]{ width:auto; float:left; background:#ff9900; border-radius:4px; height:40px; line-height:40px; font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#fff; text-transform:uppercase; border:none; outline:none; letter-spacing:0.8px; margin:0px; padding:0px 28px;} .social-justice-form ul li input[type="submit"]:hover{ background:#274472; cursor:pointer;} .social-justice-form .validate label.error{ position:relative; bottom:0px;} .social-justice-form ul li.advertising-level{ display:inline-block; position:relative;} .social-justice-form ul li.advertising-level label.error{ width:100%; position:absolute; bottom:-22px; color:#f00; font-size:12px; margin:0px; padding:0px;} /* Business Directory Page Class */ .search-business{ width:100%; float:left; margin:0px 0px 24px 0px; padding:0px;} .search-business label{ width:auto; float:left; font-size:22px; color:#3b5379; line-height:42px; margin:0px; padding:0px;} .search-business .select-fild{ width:100%; max-width:410px; float:left; margin:0px 0px 0px 16px; padding:0px;} .search-business .select-fild select{ width:100%; float:left; background:#ffffff; border:1px solid #dbdbdb; border-radius:4px; outline:none; height:42px; line-height:42px; font-size:15px; color:#818181; margin:0px; padding:0px 12px;} .search-business .viewall-button{ width:auto; display:inline-block; margin:0px 0px 0px 14px; padding:0px;} .search-business .viewall-button input[type="button"]{ width:auto; float:left; background:#ff9900; border-radius:4px; height:42px; line-height:42px; font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#fff; text-transform:uppercase; border:none; outline:none; letter-spacing:0.8px; margin:0px; padding:0px 20px;} .search-business .viewall-button input[type="button"]:hover{ background:#274472; cursor:pointer;} .gold-package{ width:100%; float:left; margin:0px 0px 20px 0px; padding:0px;} .gold-bg{ width:100%; float:left; border-top:5px solid #ff9900; border-bottom:13px solid #ff9900; margin:0px; padding:0px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ffecce 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#ffecce 100%); background: linear-gradient(to bottom, #ffffff 0%,#ffecce 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffecce',GradientType=0 ); } .packages-detail{ width:100%; float:left; margin:0px; padding:28px 20px 0px 20px !important; letter-spacing:1px;} .packages-detail .business-logo{ width:100%; float:left; margin:0px; padding:0px;} .packages-detail .business-logo img{ width:100%; max-width:250px; height:auto; vertical-align:middle; display:inline-block; padding:0px 14px 0px 0px;} .packages-detail .business-logo label{ width:auto; display:inline-block; font-weight:700; color:#3a5278; margin:0px; padding:0px; text-transform:uppercase; font-weight:700; font-size:22px;} .packages-detail .packages-content{ width:100%; float:left; margin:20px 0px; padding:0px;} .packages-detail .packages-content p{ width:100%; float:left; font-size:13px; color:#2d2d2f; line-height:18px; margin:0px; padding:0px;} .packages-detail .member-name{ width:100%; float:left; font-size:18px; color:#000000; background:url(../images/osia-member-arrow.png) no-repeat left 5px; letter-spacing:0.5px; margin:0px; padding:0px 0px 0px 18px;} .packages-detail .business-address{ width:100%; float:left; background:url(../images/packag-address-icon.png) no-repeat left 4px; font-size:14px; color:#2d2d2f; line-height:20px; letter-spacing:0.5px; margin:0px 0px 16px 0px; padding:0px 0px 0px 28px;} .packages-detail .businessMap{ width:100%; float:left; height:132px; margin:0px; padding:0px;} .packages-detail .business-contact{ width:100%; float:left; position:relative; margin:20px 0px 0px 0px; padding:12px 0px;} .packages-detail .business-contact:before{ width:105%; content:''; position:absolute; left:-20px; top:0px; border-top:1px solid #606060; margin:0px; padding:0px;} .packages-detail .business-contact ul{ width:100%; float:left; margin:0px; padding:0px;} .packages-detail .business-contact ul li{ width:auto; float:left; list-style:none; font-size:16px; color:#2d2d2f; letter-spacing:0.5px; margin:0px; padding:0px 24px 0px 28px;} .packages-detail .business-contact ul li a{font-size:16px; color:#2d2d2f; text-decoration:none;} .packages-detail .business-contact ul li a:hover{color:#284472;} .packages-detail .business-contact ul li.mail-icon{ background:url(../images/packag-mail-icon.png) no-repeat left 8px;} .packages-detail .business-contact ul li.phone-icon{ background:url(../images/packag-phone-icon.png) no-repeat left center;} .packages-detail .business-contact ul li.globle-icon{ background:url(../images/packag-globle-icon.png) no-repeat left center;} .packages-detail .packages-left{ width:75%; float:left; margin:0px; padding:0px;} .packages-detail .packages-right{ width:25%; float:right; margin:0px; padding:0px;} .silver-package{ width:100%; float:left; margin:0px 0px 20px 0px; padding:0px;} .silver-bg{ width:100%; float:left; border-top:5px solid #d4d4d4; border-bottom:13px solid #d4d4d4; margin:0px; padding:0px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );} .bronze-package{ width:100%; float:left; margin:0px 0px 20px 0px; padding:0px;} .bronze-bg{ width:100%; float:left; border-top:5px solid #ba6a44; border-bottom:13px solid #ba6a44; margin:0px; padding:0px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f0e1d6 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f0e1d6 100%); background: linear-gradient(to bottom, #ffffff 0%,#f0e1d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );} .become-member2 .box p{margin-bottom: 10px;} .catagory_table2{ width:100%; margin:30px 0 0 0; padding:0;} .catagory_table2 ul{ width:100%; margin:0; padding:0; list-style:none;} .catagory_table2 ul li{ width:100%; margin:0; padding:0; list-style:none;font-family: 'PT Sans', sans-serif; font-size:15px;} .catagory_table2 ul li:nth-child(even){ background-color:#f1f1f1; float:left;} .catagory_table2 ul li::before{ display:none;} .catagory_table2 ul li .catagory_ttl{font-size:16px !important; color:#fff !important; background:#284472; padding:7px 10px !important; font-family: 'Roboto Condensed', sans-serif;} .catagory_table2 ul li .category_name{ width:40%; float:left; margin:3px 0; padding:0 10px; color:#ff9900;} .catagory_table2 ul li .category_name a{color:#428bca;} .catagory_table2 ul li .category_name a:hover{ color:#284472;} .catagory_table2 ul li .threads{ width:35%; float:left; margin:3px 0; padding:0; font-size:11px; text-align: left;padding:0 10px; color:#818181; word-break: break-all;} .catagory_table2 ul li .threads:last-child{ width:10%; text-align:right;} .catagory_table2 ul li .threads:first-child{ width:20%;} .catagory_table2 ul li .threads #myBtn{background: #ff9900; border-radius: 3px; height: 40px; padding:2px 5px; color:#FFFFFF; font-size:11px;} .catagory_table2 ul li .threads #myBtn:hover{background: #284472;} .catagory_table2 ul li .recent_post{ width:40%; float:left; margin:3px 0; padding:0;padding:0 10px;color:#818181;} .catagory_table2 ul li .recent_post a{color:#428bca;} .catagory_table2 ul li .recent_post a:hover{ color:#284472;} .catagory_table2 ul .indicate a{ width:100%; margin:15px 0 0 0; padding:0 0 0 10px; float:left; font-size:14px; color:#ff9900;font-family: 'PT Sans', sans-serif;} .catagory_table2 ul .indicate a:hover{ color:#818181;} .paginnation {float:left; width:100%; padding:5px; text-align:center; line-height:30px; font-size:13px; } .paginnation .current{ width:auto; float:right; color:#284472; font-weight:600;} .paginnation .prev{ width:30px; height:30px; display:inline-block; background: #fff; font-size:15px; line-height:26px; border:1px solid #CCC; box-sizing:border-box;} .paginnation .next{ width:30px; height:30px; display:inline-block; background: #fff; font-size:15px; line-height:26px; border:1px solid #CCC; box-sizing:border-box;} .paginnation .prev a, .paginnation .next a{ display:block; background: #f1f1f1; color:#000; font-size:15px; line-height:28px;} .paginnation .prev a:hover, .paginnation .next a:hover{background: #284472; color:#fff;} .paginnation .paging{ width:auto; display:inline-block;} .paginnation .paging a{min-width:30px; height:30px; display:inline-block; background: #f1f1f1; color:#000;} .paginnation .paging a:hover{ background: #284472; color:#fff} .paginnation .paging span{width:30px; height:30px; display:inline-block; background: #284472; color:#fff} .catagory_table3{width:100%; float:left; margin:0; padding:0;} .catagory_table3 ul{ width:100%; margin:0; padding:0; list-style:none;} .catagory_table3 ul li{ width:100%; margin:0; padding:5px 0; list-style:none;font-family: 'PT Sans', sans-serif; font-size:15px;} .catagory_table3 ul li:nth-child(even){ background-color:#fff; float:left;} .catagory_table3 ul li:nth-child(odd){ background-color:#f1f1f1; float:left;} .catagory_table3 ul li div{ width:60%; display:inline-block; font-size:13px; vertical-align:top;} .catagory_table3 ul li div:first-child{ width:38%; font-weight:700; font-size:13px; padding-left:10px;} .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 0; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ z-index:10000; } /* Modal Content */ .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; text-align:left; font-size:14px; max-width: 94%; } /* The Close Button */ .modal-content .close { width:30px; height:30px; color: #ffff; float: right; text-align:center; font-size: 25px; line-height:28px; font-weight: normal; position:absolute; background-color:rgba(48,72,111,1); right:-5px; top:-10px; opacity:1; border-radius:50%; } .modal-content .close:hover, .modal-content .close:focus {background-color: #ff9900; text-decoration: none; cursor: pointer;} .modal-content .modal-body{ width:100%; height:70vh; overflow:auto;} .modal-content .popup-content{ width:100%;} .modal-content .popup-content strong{ color:#333333; letter-spacing:1px;} .modal-content .popup-content a.donate{background:#a81212; padding:5px 25px 5px 25px; margin:0px; color:#fff; font-size:15px; text-transform:uppercase; display:inline-block; border-radius:5px} .modal-content .popup-content a.donate:hover{background:#f90;} .modal{ overflow:visible;} .gtco-book-appointment{ width:40px; position: fixed; top:70%; right:0; text-align:center; -ms-transform: rotate(-90deg); /* IE 9 */ transform: rotate(-90deg); z-index:1000;} .gtco-book-appointment a{font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#FFFFFF; background-color:#9e0b10; text-transform:uppercase; padding:10px 25px; letter-spacing:1px; border-radius:5px 5px 0 0; box-shadow: 0px -4px 15px #333; border:none;} .gtco-book-appointment a span{ color:#f90;} .gtco-book-appointment a:hover{background-color:#f90;} .gtco-book-appointment a:hover span{ color:rgba(39,68,114,0.95);} /*.pop-up-main{width:1000px; max-width:100%; max-height:100vh; margin:0; position:absolute; top:47%; left:50%; transform: translate(-50%, -50%) !important;} .pop-up-main .popup-content{ width:100%;} .pop-up-main .popup-content p{ font-family: 'PT Sans', sans-serif; font-weight: 400; font-size: 15px; color: #818181; line-height: 25px; padding:0px;} .pop-up-main .popup-content .pop-up-gallery{ width:100%; float:left;} .pop-up-main .popup-content .pop-up-gallery img{ max-width:100%; height:auto; float:left; margin:10px 0;} .close{ z-index:10; position:absolute; right:4px; top:-4px; font-size:28px; opacity:0.5; display:block;}*/ .donate-page{ margin:30px 0 0 0;} .donate-page strong{ color:#333333; letter-spacing:1px; font-weight:500;} .donate-page a.donate{background:#a81212; padding:5px 25px 5px 25px; margin:0px; color:#fff; font-size:15px; text-transform:uppercase; display:inline-block; border-radius:5px} .donate-page a.donate:hover{background:#f90;} .donate-page .pop-up-gallery{ width:100%; float:left; margin:30px 0 0 0; padding:0;} .donate-page .pop-up-gallery ul li{ width:25%; list-style:none; margin:0 -2px -2px 0; padding:0; float:left; border:2px solid rgba(48,72,111,1);} .donate-page .pop-up-gallery ul li:before{ display:none;} .donate-page .pop-up-gallery img{ max-width:100%; height:auto; float:left; margin:0;} @media only screen and (max-width: 1500px) { .carousel {height: 465px;} .carousel .item {height: 465px;} .carousel-inner > .item > img { height: 465px;} } @media only screen and (max-width: 1360px) { .carousel {height: 425px;} .carousel .item {height: 425px; } .carousel-inner > .item > img { height: 425px;} } @media only screen and (max-width: 1279px) { .carousel {height: auto;} .carousel .item {height: auto; } .carousel-inner > .item > img { height: auto;} .photogallery-view{ margin-top:0px;} .photogallery-view ul li{ width:32%; margin:0px 2% 16px 0px; padding:0px;} .photogallery-view ul li:nth-child(3n+3){ margin-right:0%;} } @media only screen and (max-width: 600px) { .add-new-post{ width:auto; float:left; position:relative; right:auto; top:auto;} } @media only screen and (min-width: 600px) { .cd-accordion-menu label::before {left:15px; margin-top:1px;} .cd-accordion-menu label::after {left:53px;} .cd-accordion-menu ul label, .cd-accordion-menu ul a {padding-left:35px;} .cd-accordion-menu ul label::before {left:15px; margin-top:-7px;} .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after {left:77px;} .cd-accordion-menu ul ul label, .cd-accordion-menu ul ul a {padding-left:130px;} .cd-accordion-menu ul ul label::before {left:72px;} .cd-accordion-menu ul ul label::after, .cd-accordion-menu ul ul a::after {left:101px;} .cd-accordion-menu ul ul ul label, .cd-accordion-menu ul ul ul a {padding-left:154px;} .cd-accordion-menu ul ul ul label::before {left:96px;} .cd-accordion-menu ul ul ul label::after, .cd-accordion-menu ul ul ul a::after {left:125px;} } .cd-accordion-menu.animated label::before { /* this class is used if you're using jquery to animate the accordion */ -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }