/* Stylesheets and Google fonts import */ /* @import url(https://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700); @import url(https://fonts.googleapis.com/css?family=Roboto:400,700); @import url(https://fonts.googleapis.com/css?family=Volkhov:400italic); */ /* CSS definations for Tentered */ /*-------------------------------------------------------------------------------------------*/ /* 0. RESET */ /*-------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; } .main{ margin-top: 100px; } .full_btn{ width: 100% !important; } .full_screen{ height: 100%; } .city_logos{ /* position: absolute; left: 0; top: 50%; width: 100%; text-align: center; margin: 0; transform: translateY(-50%);*/ } .button_on_mobile{ display: none; } .errorMsg1{ font-weight: bold; color: red; } .specrial_head h2{ margin: 0; padding: 0; background: #fff; font-size: 18px; padding: 5px 10px; border-radius: 2px; line-height: 25px; text-align: center; text-transform: uppercase; } .subs_blog{ margin-top: 20px; } .subs_blog label{ font-size: 22px; color: #cc0000; margin: 0; line-height: 34px; } .subs_blog .form-control{ margin: 0; } .facebook_event{ background: #3b5998 !important; color: #fff !important; display: block; width: 100%; text-align: center; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-spacing: 0; border-collapse: collapse; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none; } iframe{ border:0; } /* ================================================== Basic Styles ================================================== */ /*html, body { height: 100%; }*/ html, hmtl a{ width:100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a{ color:#5e5e5e; text-decoration:none; cursor: pointer; -webkit-transition: color 0.1s linear 0s; -moz-transition: color 0.1s linear 0s; -o-transition: color 0.1s linear 0s; transition: color 0.1s linear 0s; } a:hover{ text-decoration:none; } a:hover, a:active, a:focus{ outline: 0; color:#666666; } a img { border: none; } a > img { vertical-align: middle; } .gray-bg{ background:#bababa; } .gray-text{ color:#bababa; } .lgray-bg{ background:#f8f8f8; } .dgray-bg{ background:#333333; } img { max-width: 100%; } img, object, embed, audio, video { max-width: 100%; } img { height: auto; } strong, .strong { font-weight: 700; } p { margin: 0 0 20px; } i, em, .italic{ font-style:italic; } .uppercase{ text-transform:uppercase; } .align-left{ float:left; margin:0 25px 0 0px!important; } .align-right{ float:right; margin:0 0 0 25px!important; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .color-text { color: #ffffff; } .through{ text-decoration:line-through; } .border-radius{ -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } /* ================================================== Typography ================================================== */ h1, h2, h3, h4, h5, h6{ margin:0 0 15px 0; color:#333333; font-weight:400; line-height:1.5em; font-family: 'Roboto Condensed', sans-serif; } h1{ font-size:36px; } h2{ font-size:30px; } h3{ font-size:24px; } h4{ font-size:16px; text-transform:uppercase; font-weight:700; letter-spacing:2px; font-family: 'Roboto Condensed', sans-serif; } h5{ font-size:16px; font-weight:700; } h6{ font-size:12px; } h1.short, h2.short, h3.short, h4.short, h5.short, h6.short, p.short{ margin-bottom:5px; } h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced { margin-top: 22px; } h1 a, h2 a, h3 a, h5 a, h6 a{ color:#5e5e5e; text-decoration:none; } .huge{ font-size:10em; } blockquote{ margin:30px 0; padding:0 0 0 30px; border-left:3px solid; } blockquote p{ margin-bottom:0; white-space:normal; font-style:italic; font-size:20px; font-family: 'Volkhov', serif; } blockquote cite{ color:#ffffff; } blockquote cite:before{ content:"- "; } p{ font-size:14px; line-height:20px; margin:0 0 15px 0; text-align: justify; } p.md{ font-size:16px; line-height:22px; } p.lg{ font-size:30px; line-height:1.2em; } .big{ font-size:200%; line-height:1.5em; } .thin{ font-weight:300; } p.drop-caps:first-child:first-letter { float: left; margin-top: 5px; margin-right: 5px; padding: 4px; font-size: 75px; line-height: 60px; } p.drop-caps.secondary:first-child:first-letter { margin-right: 10px; padding: 6px 12px; border-radius: 4px; color: rgb(255, 255, 255); } hr{ display:block; clear:both; margin-top:20px; margin-bottom:20px; width:100%; height:1px; border:0; background:#cccccc; } hr.fw{ display:block; clear:both; margin-top:0; margin-bottom:50px; width:100%; height:1px; border:0; background:#eaeaea; } hr.sm{ display:inline-block; margin:15px 0; width:40px; height:2px; border:0; background:#eaeaea; } ul.checks, ul.angles, ul.carets, ul.chevrons{ margin-bottom:15px; } ul.checks > li, ul.angles > li, ul.carets > li, ul.chevrons > li{ margin:10px 0; } ul.checks > li > i, ul.angles > li > i, ul.carets > li > i, ul.chevrons > li > i{ margin-right:2px; } ul.inline{ margin:10px 0; } ul.inline > li{ display:inline-block; margin-right:10px; } ul.inline > li i.fa{ margin-right:2px; } ul.nav-list-primary > li a{ display:block; padding:8px; border-bottom:1px solid #eceae4; color:#666666; text-decoration:none; } ul.nav-list-primary > li a:hover{ text-decoration:none; } ul.unordered{ margin:10px 0 10px 20px; list-style-type:disc; } ol{ margin:10px 0 10px 30px; list-style-type: decimal; } ul.unordered ul, ol ul{ margin:10px 0 10px 20px; } ul.unordered ul{ list-style-type:circle; } dl{ margin:10px 0; } dl dt{ font-weight:700; } address.ico i{ display:inline-block; float: left; clear:both; padding-top: 3px; } address.ico p{ margin:0; padding-bottom:10px; } address.ico span{ display:inline-block; padding-left:20px; } .cursive{ font-family: 'Volkhov', serif; font-style:italic; text-transform:none; font-weight:400; letter-spacing:0; } .title-note{ color:#ffffff; font-size:11px; font-weight:700; display:inline-block; padding:0 5px; line-height:20px; text-transform:uppercase; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family: 'Roboto Condensed', sans-serif; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } .form-control{ margin-bottom:10px; } /* ================================================== Margin Bottom Sets ================================================== */ .margin-0{ margin-bottom:0 !important; } .margin-10{ margin-bottom:10px !important; } .margin-15{ margin-bottom:15px !important; } .margin-20{ margin-bottom:20px !important; } .margin-30{ margin-bottom:30px !important; } .margin-40{ margin-bottom:40px !important; } .margin-50{ margin-bottom:50px !important; } .margin-60{ margin-bottom:60px !important; } .margin-70{ margin-bottom:70px !important; } .margin-80{ margin-bottom:80px !important; } .push-top{ margin-top:35px; } /* ================================================== Padding Sets ================================================== */ .padding-0{ padding:0px; } .padding-b0{ padding-bottom:0!important; } .padding-tb20{ padding-top:20px; padding-bottom:20px; } .padding-tb45{ padding-top:45px; padding-bottom:45px; } .padding-tb75{ padding-top:75px; padding-bottom:75px; } .padding-tb100{ padding-top:100px; padding-bottom:100px; } .padding-tb125{ padding-top:125px; padding-bottom:125px; } /* ================================================== Spacers ================================================== */ .spacer-20{ height:30px; clear:both; width:100%; } .spacer-30{ height:30px; clear:both; width:100%; } .spacer-40{ height:40px; clear:both; width:100%; } .spacer-50{ height:50px; clear:both; width:100%; } .spacer-75{ height:75px; clear:both; width:100%; } .spacer-100{ height:100px; clear:both; width:100%; } /* ----------------------------------------------------------------------------------------- */ /* Multi purpose classes */ /* ----------------------------------------------------------------------------------------- */ .overlay-transparent{ background:rgba(0,0,0,.6); } .btn{ border-width:0; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .btn-default{ border-width:1px; } .checkers-overlay{ background:url(../images/checkers.png) repeat; } .pattern-overlay{ background:url(../images/pattern.png) repeat; } .img-thumbnail{ background:#f8f7f3; padding:5px; } .social-icons a{ margin:0 8px; text-decoration:none; } .next-prev-nav{ display:inline-block; } .next-prev-nav a{ display:inline-block; width:20px; height:20px; color:#fff; text-align:center; line-height:20px; text-decoration:none; } .next-prev-nav a:hover{ color:#fff; } .meta-data{ display: block; margin-bottom: 0px; font-size: 14px; color: #000; } .timer-col .timer-type{ color: #000; } .meta-data a{ color:#d60c0c; } .meta-data a i{ color:#999999; } .meta-data a:hover{ text-decoration:none; } .meta-data > span{ margin-right:20px; display:inline-block; color: #171616; } .meta-data i{ margin-right:4px; } .meta-data > span:last-child{ margin-right:0; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .media-box{ position:relative; display:block; max-width:100%; } .media-box .zoom, .media-box .expand{ position:absolute; width:100%; height:100%; text-align:center; color:#ffffff!important; font-size:1.5em; z-index:999; left:0; top:0; margin:0; background-color:rgba(0,0,0,.5); opacity:0; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .img-thumbnail img:hover, .img-thumbnail:hover{ opacity:.9 } .media-box:hover .zoom, .media-box:hover .expand{ opacity:1; -webkit-transition: opacity .3s .2s; -moz-transition: opacity .3s .2s; -ms-transition: opacity .3s .2s; -o-transition: opacity .3s .2s; transition: opacity .3s .2s; } .mejs-container{ margin-bottom:20px; } .media-box .media-box-wrapper{ padding:30px; } .info-table li{ border:1px solid #fff; padding:10px 20px; background-color: #f8f7f3; } .info-table li a{ width: 100%; text-align: center; } .info-table li:nth-child(2n+1) { background-color: #f8f7f3; } .info-table li i.fa{ margin-right:5px; } .info-table li:last-child{ border-bottom:0; } /*-------------------------------------------------------------------------------------------*/ /* SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ body{ /*background: url(../images/pt4.png) repeat !important;*/ color:#666666; font-size:14px; font-weight:500; font-family: 'Roboto', serif; line-height:20px; } body.boxed .body{ position:relative; margin:25px auto; max-width:1080px; width:100%; height:auto; background-color:#ffffff; -webkit-box-shadow:0 0 2px rgba(0,0,0,.2); -moz-box-shadow:0 0 2px rgba(0,0,0,.2); box-shadow:0 0 2px rgba(0,0,0,.2); } .socials_logins{ text-align: center; } .socials_logins li{ margin-bottom: 10px; } .socials_logins_sign{ text-align: center; margin-bottom: 20px; } .socials_logins_sign li{ display: inline-block; } .subs_ban_blk input, .subs_ban_blk select, .subs_ban_blk .btn{ margin-top: 5px; } .subs_ban_blk .btn{ margin-top: 7px; } .subs_ban_blk .form-control{ margin-bottom: 0; } .show_mobile{ display: none; } .city_bg { background:url(../images/city_bg.jpg); padding: 120px 0; } @media only screen and (min-width: 768px) { .city_bg{ min-height: 500px; background-size: cover; }} /* Alt Home */ .home-cont { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; margin-top: 12px; } .home-cont:before, .home-cont:after { display: table; content: " "; } .home-cont:after { clear: both; } .home-cont:before, .home-cont:after { display: table; content: " "; } .home-cont:after { clear: both; } @media (min-width: 768px) { .home-cont { width: 720px; margin-top: 48px; } } @media (min-width: 992px) { .home-cont { width: 960px; margin-top: 48px; } } @media (min-width: 1200px) { .home-cont { width: 1080px; } } .blue_bg{ background: #fff; min-height: 500px; padding: 120px 0 0 0; } .white_bg{ background: #fff; min-height: 500px; padding: 120px 0 0 0; } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 30px; padding-left: 30px; display: inline-block; } .col-xs-5ths { max-width: 16%; padding: 0 8px 0 8px; } .hding1 { font-size: 24px; } .s1ttm { padding: 0 12%; } .stxt { font-size: 14px; } .sbtxt { font-size: 6px; } @media (min-width: 768px) { .col-md-5ths { max-width: 16%; padding: 0 24px 0 24px; } .hding1 { font-size: 36px; } .sectn1 { padding: 0 84px !important; } .sectn2 { padding: 72px 96px !important; } .sbtxt { font-size: 14px; } } .sectn1 { padding: 0; } .sectn2 { padding: 36px 24px; } .s3box1 { margin: 0 0.5% 0 0 !important; padding: 0; width: 32% !important; display: inline-block !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .s3box2 { margin: 0 0.5% 0 0.5% !important; padding: 0; width: 32% !important; display: inline-block !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .s3box3 { margin: 0 0 0 0.5% !important; padding: 0; width: 32% !important; display: inline-block !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .s4box1 { margin: 0 2% 0 0 !important; padding: 0; width: 48% !important; display: inline-block !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .s4box2 { margin: 0 0 0 1% !important; padding: 0; width: 48% !important; display: inline-block !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .unf-sp { padding-top: 16vh; padding-bottom: 10vh; } @media only screen and (max-width: 768px) { .s1ttm { padding-right: 64px; padding-left: 64px; } .unf-sp { padding-top: 2vh; padding-bottom: 5vh; } .spett { margin: 0 !important; } .spett h2 { margin: 0 !important; } } .city_base img{ width: 100%; } .top_fix{ position: fixed; left: 0; top: 0; width: 100%; padding: 5px 0px; background: #fcb711; color: #000; z-index: 9999; } .top_fix p{ text-align: center; padding: 0; margin: 0; } @media (min-width: 768px) { .sectn3 { padding: 16px 96px !important; } .sectn4 { padding: 16px 0 !important; } .unf-spf { padding-top: 16px !important; padding-bottom: 16px !important; } } .sectn3 { padding: 6px 24px; } .sectn4 { padding: 6px 0; } .unf-spf { padding-top: 10px; padding-bottom: 6px; } @media screen and (max-width: 767px){ .main { margin-top: 72px; } .city_bg{ min-height: auto; background-size: cover; background-position: center center; } .grid-holder.col-3 .grid-item{ height: auto; } } .city_bg ul{ margin: 0; padding: 0; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 45px; } .city_bg li { list-style: none; display: inline-block; width: 22%; margin: 20px 5%; padding: 0; } .city_bg li a{ display: inline-block; text-align: center; } .city_bg li a img{ transition: all .2s ease-in-out; } .press-ment h4{ height: 75px; } .press-ment img{ height: 202px; } .press-ment .p-desc p{ display: none; } .press-ment .p-desc p:first-child{ display: block; height: 83px; overflow: hidden; } .press-ment .p-desc p:last-child{ display: block; } .sticky_butns{ padding: 7px 30px; margin: 0; text-align: center; } .sticky_butns li{ list-style: none; display: inline-block; margin: 8px 10px; } @media (min-width: 1200px) { body.boxed .body .site-header, body.boxed .body .main-menu-wrapper{ max-width:100%; width:1080px; } } .site-header{ width:100%; position: absolute; left: 0; top: 31px; z-index: 999; } .site-header .topbar{ background-color: #ecede9; position: absolute; width: 100%; z-index:3; -webkit-box-shadow:0 2px 0 rgba(0,0,0,.1); -moz-box-shadow:0 2px 0 rgba(0,0,0,.1); box-shadow:0 2px 0 rgba(0,0,0,.1); top: 33px; } .site-header h1.logo{ z-index:1300; display: table; margin:0; padding: 0px 0 5px; vertical-align: middle; line-height: 0; } .logo a{ display:table-cell; vertical-align:middle; text-decoration:none; } .top-navigation{ float:right; font-family: 'Roboto Condensed', sans-serif; padding: 10px 0; } .top-navigation li{ float: left; letter-spacing: 1px; text-align: right; text-transform:uppercase; font-size:14px; font-weight:bold; color: #fff; } .top-navigation li:first-child{ margin-bottom: 5px; } .top-navigation li a{ display:inline-block; margin:0 10px; text-decoration:none; color: #fff; } .top-navigation li:after{ content:"/"; } .top-navigation li:last-child:after{ content:"" } .site-header .menu-toggle{ font-size:18px; margin:30px 10px 0 0; float:right; font-size: 18px; margin: 20px 10px 0 0; float: right; background: #fcb711; padding: 10px; border-radius: 5px; color: #fff; } .site-header .menu-toggle:focus{ outline:0; } .main-menu-wrapper{ display:block; width:100%; } .main-menu-wrapper .col-md-12{ position:relative; } .navigation{ text-align: right; font-family: 'Roboto Condensed', sans-serif; } .navigation > ul > li{ display:inline-block; line-height: 36px; font-size:16px; text-transform:uppercase; position:relative; } .navigation > ul > li i{ font-size:13px; } .navigation > ul > li > a{ margin:0 0 0 40px; display:block; text-decoration:none; color: #000; } .navigation ul > li > a:hover, .navigation ul > li > a.current{ } .navigation > ul > li ul{ position: absolute; top: 60px; left: 30px; z-index: 999; display: none; min-width: 100%; height: auto; background: #fff; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 30px; } .navigation > ul > li ul:before { position: absolute; left:50%; top: auto; margin: -10px 0px 0px -10px; width: 0; height: 0; border: solid transparent; border-width: 5px; border-bottom-color: #ffffff; content: " "; pointer-events: none; } .navigation > ul > li ul li ul:before { position: absolute; left:0; top: auto; margin: 15px 0px 0px -10px; width: 0; height: 0; border: solid transparent; border-width: 5px; border-right-color: #ffffff; content: " "; pointer-events: none; } .navigation > ul > li:hover ul{ display:block; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } .navigation > ul > li > ul li{ line-height: normal; font-size:14px; position:relative; } .navigation > ul > li > ul li > a{ display:block; padding:10px 20px; border-bottom:1px solid #f8f7f3; white-space:nowrap; text-decoration:none; text-align: left; } .navigation > ul > li > ul li a:hover{ text-decoration:none; } .navigation > ul > li > ul li:last-child a{ border-bottom:0; } .navigation > ul > li > ul li ul{ left:100%!important; top:0; min-width: inherit; margin-left:11px; position:absolute; } .sticky-wrapper{ max-height:50px; } .is-sticky .main-menu-wrapper{ z-index:1000; min-height:50px; background-color: #000; -webkit-box-shadow:0 1px 0 rgba(0,0,0,.1); -moz-box-shadow:0 1px 0 rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.1); } .is-sticky .navigation{ background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } /* Hero Slider */ .flexslider { margin: 0; padding: 0; background:url(../images/loader.gif) no-repeat scroll center center; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .flexslider .slides { zoom: 1; } .hero-slider{ position:relative; top: 0; left:0; z-index:1; width:100%; overflow:hidden; } .hero-slider .flex-viewport{ width:100%; } .hero-slider.flexslider > ul.slides{ height:100%; } .hero-slider.flexslider ul.slides li{ /*height: 500px;*/ width:100%; overflow:hidden; position:static; background-attachment:scroll!important } .flexslider .flex-control-nav{ width:100%; text-align:center; position:absolute; z-index:111; left:0; bottom:10px; padding:0; margin:0; } .hero-slider.flexslider .flex-control-nav{ bottom:-40px; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .hero-slider.flexslider:hover .flex-control-nav{ bottom:10px; -webkit-transition: bottom .3s .2s; -moz-transition: bottom .3s .2s; -ms-transition: bottom .3s .2s; -o-transition: bottom .3s .2s; transition: bottom .3s .2s; } .flexslider .flex-control-nav li{ display:inline; } .flexslider .flex-control-nav a{ width:12px; height:12px; border-radius:100%; background-color:#ffffff; display:inline-block; margin:0 6px; text-indent:-9999px; text-decoration:none; } .flexslider .flex-prev, .flexslider .flex-next{ background:rgba(0,0,0,.6); color:#f8f7f3; display:block; margin-bottom:10px; position:absolute; top:50%; right:10px; font-size:14px; line-height:25px; width:25px; height:25px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none; display:none; text-align:center; } .flexslider .flex-prev{ left:10px; right:auto; } .flexslider .flex-prev:before{ content: "\f104"; } .flexslider .flex-next:before{ content: "\f105"; } .hero-slider.flexslider .flex-prev, .hero-slider.flexslider .flex-next{ -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; width:100px; height:100px; right:-100px; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; font-size:30px; line-height:100px; display:block; text-align:left; } .flexslider:hover .flex-prev, .flexslider:hover .flex-next{ display:block; } .hero-slider.flexslider .flex-prev{ left:-100px; padding-left:60px; } .hero-slider.flexslider .flex-next{ padding-left:30px; } .hero-slider.flexslider:hover .flex-prev{ left:-50px; -webkit-transition: left .3s .2s; -moz-transition: left .3s .2s; -ms-transition: left .3s .2s; -o-transition: left .3s .2s; transition: left .3s .2s; } .hero-slider.flexslider:hover .flex-next{ right:-50px; -webkit-transition: right .3s .2s; -moz-transition: right .3s .2s; -ms-transition: right .3s .2s; -o-transition: right .3s .2s; transition: right .3s .2s; } .notice-bar, .page-header{ background: #fcb711; padding: 15px 0; box-shadow: 0 2px 0 rgba(0,0,0,.07); /* margin-top: 40px; */ } .notice-bar-title-icon{ display:inline-block; float:left; margin-right:15px; color: #000; } .notice-bar-title .title-note{ margin-top:4px; } .notice-bar-event-title a{ color: #000; } .notice-bar-title strong{ font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#333; text-transform:uppercase; font-weight:700; display:block; } .notice-bar-event-title h5, .notice-bar-event-title .date{ margin-bottom:0; } .counter .timer-col{ display:inline-block; width:23%; text-align:center; } .timer-col #days, .timer-col #hours, .timer-col #minutes, .timer-col #seconds{ display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:18px; padding:5px 10px; } .timer-col #days{ width: 100%; color:#ffffff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background: #cc0000; } .timer-col #hours, .timer-col #minutes, .timer-col #seconds{ width: 100%; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .timer-col .timer-type{ font-size:12px; display:block; margin-top:2px; } .content{ padding: 60px 0px 0px 0; } .featured-blocks{ margin-bottom:30px; } .featured-block{ position:relative; } .featured-block{ } .shop-badge{ position:absolute; right:10px; top:-10px; z-index:200; width:60px; height:60px; line-height:60px; color:#ffffff; text-align:center; display:block; text-transform:uppercase; letter-spacing:1px; font-size:11px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .featured-block .label-danger { background-color: #cc0000!important; } .featured-block strong{ position: relative; color:#fff; font-size:18px; display:inline-block; padding:5px 30px; margin:0; position:absolute; z-index:10; left:10px; bottom:30px; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .new_icon{ position: relative; } .new_icon:after{ position: absolute; content: ''; top: 0; right: -66px; background:url(../images/new.png) repeat-x; width: 75px; height: 34px; } .featured-block:hover strong{ bottom:58px; -webkit-transition: bottom .3s .2s; -moz-transition: bottom .3s .2s; -ms-transition: bottom .3s .2s; -o-transition: bottom .3s .2s; transition: bottom .3s .2s; } .featured-block .more{ background:#ffffff; color:#333333; display:inline-block; padding:5px 20px 5px 30px; margin:0; position:absolute; z-index:9; left:10px; bottom:30px; } .featured-block .img-thumbnail:hover{ opacity:1; } .listing-header, .post-title{ /*border-bottom:1px solid #eceae4;*/ } .listing-header-sub{ text-align:right; padding-top:10px; } .listing-header-sub h5{ display:inline-block; margin-right:20px; } .listing-cont, .post-content{ /*border-top:4px solid #f8f7f3;*/ } .listing .item{ width:100%; padding:10px 0; float:left; border-bottom:1px solid #eceae4; } .event-date{ width:100%; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#333333; text-align:center; padding:5px 0 0 0; } .event-date .date{ font-family: 'Roboto Condensed', sans-serif; font-size:34px; font-style:normal; font-weight:700; margin-bottom:0; display:block; margin-top:2px; } .event-date .month, .event-date .year{ font-size:12px; font-weight:700; letter-spacing:2px; color:#999999; display:block; margin-top:4px; } .event-date .year{ font-size:11px; margin-top:0; margin-bottom:2px; } .event-item .event-date{ width:6%; float:left; margin-right:4%; } .event-item .event-detail{ float:left; width:70%; margin-right:3% } .event-item .to-event-url{ float:left; width:17%; text-align:right; display:table; vertical-align:middle; } .event-item .to-event-url div{ display:table-cell; vertical-align:middle; } .event-item .event-detail h4{ font-family: 'Roboto Condensed', sans-serif; text-transform:none; font-weight:400; letter-spacing:0; margin-bottom:0; } .event-item .event-detail h4 a{ text-decoration:none; } .post-listing .post{ padding:20px 0 10px 0; } .post-listing .media-box{ margin-bottom:10px; } .post-listing .post-title{ margin-bottom:12px; } .post-listing .post-title h2, .sermons-listing h2.sermon-title{ font-size:16px; margin-bottom:0; } .sermon .meta-data{ margin:0; } .item.featured-sermon{ border-bottom:0; margin-top:20px; padding:30px; background:#f8f7f3; position: relative; margin-bottom:10px; } .featured-sermon:before { content: ""; position: absolute; top: 0%; right: 0%; width: 0px; height: 0px; border-bottom: 20px solid #eceae4; border-right: 20px solid transparent; } .featured-sermon:after { content: ""; position: absolute; top: 0%; right: 0%; width: 0px; height: 0px; border-top: 19px solid #ffffff; border-left: 19px solid transparent; } .featured-sermon .date{ text-transform:uppercase; font-size:12px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; margin-bottom:5px; display:block; } .featured-sermon h4 a{ text-decoration:none; } .sermon-actions a{ margin-right:10px; text-decoration:none; } .sermon-actions i{ font-size:18px; } .featured-sermon-video{ margin-bottom:20px; } .featured-gallery{ padding: 20px 0px 20px 0; } .featured-gallery .side-heading { position: relative; margin: 10px 0px; } .featured-gallery .side-heading h2 { font-size: 26px; text-transform: uppercase; font-weight: 700; background-color: #eceae4; margin: 0px 0 10px 0; display: inline-block; padding-right: 10px; color:#333333; } .featured-gallery .owl-theme .owl-controls .owl-buttons .owl-prev { left: -50px; top: 50%; } .featured-gallery .owl-theme .owl-controls .owl-buttons .owl-next { right:-50px; top: 50%; } .featured-gallery h4{ color:#ffffff; font-size: 28px; } .featured-gallery .btn{ border:0; margin-top:20px; background: #cc0000; } .featured-gallery .btn:hover{ background:#000; } .gallery-slide .featured-block { } .gallery-slide .featured-block .img-thumbnail { background: #f8f7f3; border: 1px solid #eceae4; } .site-footer{ background-color:rgb(219, 212, 196); padding:20px 0px 20px 0; box-shadow:0 -2px 0 rgba(0,0,0,.07); /* margin-top: 30px; */ } .ftr-links{ text-align:center; } .ftr-links ul{ margin:0px; padding:0px; } .ftr-links li{ display:inline-block; font-weight: 300; margin:0px 5px; font-size:14px; } .ftr-links li a{ text-decoration:none; font-weight: 600; } .ftr-links li a:hover{ color:#cc0000; } .site-footer-bottom{ background-color:#eceae4; padding:20px; font-size:12px; font-family: 'Roboto', sans-serif; padding-bottom: 76px; color:#999999; } .site-footer-bottom p{ margin-bottom:0; font-size:12px; } .site-footer-bottom .social-icons{ text-align:right; } .site-footer-bottom .social-icons a{ color:#ffffff; background:#999999; border-radius:50%; width:20px; height:20px; text-align:center; display:inline-block; margin:0 0 0 8px; text-decoration:none; } .site-footer-bottom .social-icons a:hover{ background:#666666; } .nav-backed-header{ position:relative; z-index:1; margin:0; border:0; } .page-header{ margin:0; position:relative; padding:20px 0 20px 0; border:0; } .page-header h1{ text-transform:uppercase; color:#ffffff; margin-bottom:0; line-height:1em; font-family: 'Roboto Condensed', sans-serif; } .page-header p{ color:#d8d6d1; margin:0; } ol.breadcrumb{ margin:0; background:none; padding:290px 0 40px 0; } ol.breadcrumb a{ color:#d8d6d1; text-decoration:none; } ol.breadcrumb a:hover{ color:#fff; text-decoration:underline; } ol.breadcrumb > .active{ color:#fff; } .grid-holder{ width: 105%; margin-left: -3%; float: left; } .grid-holder .grid-item{ float: left; } .grid-item{ margin-bottom: 15px; border-bottom: medium none; } .grid-item-inner{ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); background:rgba(240, 238, 238, 0.31); } .grid-holder .grid-item{ margin-left: 3%; } .grid-holder.col-2 .grid-item{ width:49%; } .grid-holder.col-3 .grid-item{ width:29.63%; } .grid-holder.col-4 .grid-item{ width:24%; } .grid-media{ position:relative; } .grid-content{ padding:-2px 20px 1px 20px; } .grid-content .fa-external-link{ margin-left:10px; } .events-grid .grid-item{ } .grid-item h3{ line-height:1em; text-align: center; } .grid-item span{ font-size:15px; color:#666; font-style:italic; } .post-title{ margin-bottom:0; padding-bottom:1px; } .post-content{ padding:0px 0px; } .blog-post .post-content ul{ list-style: inside; } .post-content ul{ list-style: none; } .post-content .featured-image{ margin-bottom:20px; } .post-content .featured-image img{ width:100%; display:block; } .single-post{ /*border: solid #ccc 1px;*/ margin-bottom: 20px; } .single-post-header{ margin-bottom:0; font-size: 18px; color:#000; line-height: 30px; /* border-bottom: solid #ddd 1px;*/; } .single-post-header h2{ /*font-size: 26px; color:#000;*/ margin-bottom:0px; font-weight:400; color:#000; } .single-post-header .event-date{ float:left; width:50px; } .single-post-header .btn-toolbar{ margin-top:8px; background: #fff; padding-left: 4px; } .single-post-header .sermon-actions, .post-comments-count{ margin-top:0px; } .event-description{ } .event-description img{ width: 100%; } .event-description p{ text-align:justify; } .event-description .panel-body{ padding:10px 0; } .event-description .panel-heading{ color:#ffffff; } .sermon-archive .post.sermon{ margin-bottom:30px; padding:30px; background-color:#f8f7f3; } .sermon-archive .post.sermon .img-thumbnail{ background:#fff; } .posts-archive .post{ margin-bottom: 10px; padding-bottom: 25px; border-bottom: 1px solid #eceae4; } .posts-archive .post p{ } .posts-archive .post p a{ margin:10px 0px 0px 0px; color:#900; text-decoration:none; font-size:14px; font-weight:800; } .posts-archive a{ text-decoration:none; } .post-link{ color:#C00; text-decoration:none; font-size:16px; } .posts-archive .post a:hover{ color:#333; } .posts-archive .post .img-thumbnail{ margin-top:10px; } .post.sermon .post-title h3{ margin-bottom:5px; } .post.sermon .post-title .sermon-actions{ text-align:right; padding-top:25px; } .post.sermon .post-content{ padding-top:20px; } .audio-container, .video-container{ margin-bottom:30px; } .post-meta{ background-color:#f8f7f3; border-bottom:1px solid #eceae4; padding:10px 20px; font-size:12px; } .post-meta i{ margin-right:5px; font-size:14px; } .post-comments{ margin: 30px 10px 0 10px; } .comments{ margin:0; list-style-type:none; } .comments li{ margin-bottom:25px; } .comments li .post-comment-block{ padding:25px; padding-bottom:5px; border:1px solid #eceae4; border-bottom-width:2px; background:#ffffff; } .comments li.admin > .post-comment-block{ background-color:#f8f7f3; } .comments li .img-thumbnail{ float:left; margin-right:20px; } .comments li h5{ margin-bottom:5px; } .comments li ul{ padding-top:25px; padding-left:50px; } .post-comment-form{ margin: 30px 10px 0 10px; border-bottom:0; } .post-comment-form .form-control{ margin-bottom:20px; } .gallery-filter ul{ float:right; } /* Post Formats */ .format-quote .media-box blockquote{ color:#ffffff; padding-left:0; border-left:0; } .owl-carousel .owl-item{ float:left; } .owl-carousel .owl-item img{ width:100%; float:left; } .staff-item .social-icons{ margin-bottom:15px; } .staff-item .social-icons a{ width:25px; height:25px; display:inline-block; line-height:25px; text-align:center; color:#ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-left:0; margin-right:10px; text-decoration:none; } #gmap{ margin-bottom:30px; overflow:hidden; } #gmap iframe{ border:0; width:100%; } #message{ margin-top:10px; } /* Widgets */ .widget{ margin-bottom:30px; } .search-form-widget{ margin-top:10px; } .widget .sidebar-widget-title h3{ border-bottom:2px solid #c00; margin-bottom:0; padding-bottom: 5px; font-weight:400; } .widget .sidebar-widget-title{ border-bottom:2px solid #c00; margin-bottom:20px; } .widget h4.footer-widget-title{ border-bottom:1px solid #eceae4; padding-bottom:10px; margin-bottom: 10px; font-size:15px; } .widget ul > li{ border-bottom:1px solid #eceae4; padding:10px 0; color:#999999; } .widget ul > li a{ display:inline-block; text-decoration:none; } .widget ul > li a i{ margin-right:5px; } .widget ul > li:first-child{ padding-top:0; } .widget ul > li a:hover{ text-decoration:none; } .widget .event-item .event-date{ width:15%; } .widget.post-listing h2.post-title, .widget.sermons-listing h2.sermon-title{ font-size:14px; margin-bottom:0; } .tag-cloud a{ display:inline-block; margin-right:7px; margin-bottom:7px; padding:2px 8px; border:1px solid #eceae4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#f8f7f3; font-size:12px; text-decoration:none; } .tag-cloud a:hover{ text-decoration:none; } .widget-recent-posts .post-image{ width:30%; float:left; margin-right:5%; } .widget-recent-posts .widget-blog-content{ float:left; width:65%; } .widget-recent-posts .fa-angle-right{ display:none; } .widget-recent-posts .fa-plus{ margin-right:0; } .widget-recent-posts ul li a{ padding:12px 0; text-decoration:none; } .widget-recent-posts ul li:first-child a{ padding-top:8px; } .widget_recent_comments .fa-angle-right{ display:none; } .widget .twitter-widget li{ font-size:16px; line-height:28px; border:0; padding:0; } /*-------------------------------------------------------------------------------------------*/ /* SHORTCODE DEFINATIONS */ /*-------------------------------------------------------------------------------------------*/ /* ================================================== Tabs ================================================== */ .tabs{ margin-bottom:25px; } .nav-tabs{ } .nav-tabs li{ position:relative; display:block; float:left; margin-right:1px; } .nav-tabs li a{ display:block; padding:10px 20px; background:#f8f8f8; text-decoration:none; font-size:18px; } .nav-tabs li a:hover{ color:#fff; background:#666; text-decoration:none; } .nav-tabs li a:active, .nav-tabs li.active a{ color:#fff; background:#666; } .tab-content{ padding:30px 0; background:#f99e1c; } .tab-content > .tab-pane{ display:none; padding:20px 0px 0px 0px; } .tab-content > .active{ display:block; } /* ================================================== Accordion & Toggle ================================================== */ .accordion { margin-bottom: 35px; } .accordion-group { margin-bottom: 8px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .accordion-heading { border-bottom: 0 none; } .accordion-heading .accordion-toggle { position: relative; display: block; padding: 15px; background:#f8f8f8; text-decoration:none; font-size: 13px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .accordion-toggle { cursor: pointer; } .accordion-toggle:hover{ text-decoration:none; } .accordion-heading:hover .accordion-toggle, .accordion-heading:hover .accordion-toggle.inactive { background:#666; color:#fff; } .accordion-heading .accordion-toggle.active { color:#fff; background:#666; } .accordion-heading .accordion-toggle.inactive { background:#f8f8f8; } .accordion-heading.accordionize .accordion-toggle i, .accordion-heading.togglize .accordion-toggle i { position: absolute; top: 50%; right: 20px; margin: -8px 0 0 0; color: #666; font-size: 18px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .accordion-heading:hover .accordion-toggle i { color: #fff; } .accordion-heading .accordion-toggle.active i, .accordion-heading:hover .accordion-toggle.inactive i { color: #666; } .accordion-heading.accordionize .accordion-toggle.active i, .accordion-heading.togglize .accordion-toggle.active i { color: #fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .accordion-heading.togglize .accordion-toggle i { margin: -8px 0 0 0; font-size: 18px; } .accordion-heading.togglize .accordion-toggle .fa-plus-circle{ display:block; } .accordion-heading.togglize .accordion-toggle.active .fa-plus-circle{ display:none; } .accordion-heading.togglize .accordion-toggle .fa-minus-circle{ display:none; } .accordion-heading.togglize .accordion-toggle.active .fa-minus-circle{ display:block; } .accordion-inner { padding: 16px; border: 1px solid #efefef; background: #fff; } /* ================================================== Alerts ================================================== */ .alert { margin-bottom: 20px; padding: 15px 35px 15px 15px; border: 1px solid #efefef; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #f8f8f8; text-shadow: none; } .alert .close { position: relative; top: 0px; right: -22px; color: #FFFFFF; text-shadow: none; line-height: 20px; -webkit-transition: opacity 0.1s linear 0s; -moz-transition: opacity 0.1s linear 0s; -ms-transition: opacity 0.1s linear 0s; -o-transition: opacity 0.1s linear 0s; transition: opacity 0.1s linear 0s; } .alert .close:hover { text-decoration:none; opacity: 1; } .alert-standard { border-color:#efefef; background-color: #f8f8f8; } .alert-standard, .alert-standard .close { color:#666; } .alert-success { border-color:#d6e9c6; background-color: #dff0d8; } .alert-success, .alert-success .close { color:#468847; } .alert-danger, .alert-error { border-color:#ebccd1; background-color: #f2dede; } .alert-danger, .alert-danger .close, .alert-error, .alert-error .close { color:#b94a48; } .alert-info { border-color:#bce8f1; background-color: #d9edf7; } .alert-info, .alert-info .close { color:#3a87ad; } .alert-warning { border-color:#faebcc; background-color: #fcf8e3; } .alert-warning, .alert-warning .close { color:#c09853; } /* ================================================== Progress bars ================================================== */ @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { margin-bottom: 15px; height: 20px; border-radius: 3px; background-color: #eaeaea; -webkit-box-shadow: none; box-shadow: none; overflow: visible; } .progress-bar { float: left; width: 0%; height: 100%; background-color: #eaeaea; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; text-align: center; font-size: 12px; line-height: 20px; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; position: relative; border-radius: 3px; } .progress-striped .progress-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } span.progress-bar-tooltip { position: absolute; position: absolute; top: -28px; right: 5px; display: block; padding: 4px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333; color: #FFF; font-size: 11px; line-height: 15px; opacity: 0; filter: alpha(opacity=0); -o-border-radius: 3px; } span.progress-bar-tooltip:after { position: absolute; bottom: -5px; left: 13px; display: block; width: 0; border-width: 5px 5px 0; border-style: solid; border-color: #333 transparent; content: ""; } .progress-label{ text-transform:uppercase; } /* ================================================== Facts Counters ================================================== */ .fact-ico{ display:inline-block; width:100px; height:100px; color:#999999; line-height:100px; margin:10px 0; } .fact{ display:inline-block; color:#999999; font-size:15px; margin-top:10px; font-family: 'Volkhov', serif; font-style:italic } .counters .timer{ display:inline-block; color:#333333; font-weight:700; font-size:38px; } .parallax .counters .timer{ color:#ffffff; } /*-------------------------------------------------------------------------------------------*/ /* Parallax /*-------------------------------------------------------------------------------------------*/ .parallax{ background-attachment: fixed!important; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-repeat:no-repeat; background-color:#f8f8f8; /*min-height:331px;*/ } .touch .parallax, .nav-backed-header.parallax{ background-attachment:scroll!important; } /*-------------------------------------------------------------------------------------------*/ /* Responsive Classes /*-------------------------------------------------------------------------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { .navigation > ul > li > a{ padding:0 5px; } .gallery-filter ul li span{ display:none; } } @media only screen and (max-width: 991px) { .featured-block img{ width: 100%; } .featured-block .img-thumbnail{ display: block; } .top-navigation li{ font-size:18px; } .notice-bar .btn-block, .notice-bar .counter{ margin-top:20px; } .events-listing .event-date{ width:10%; } .events-listing .event-detail{ width:57%; } .events-listing .to-event-url{ width:26%; } .main-menu-wrapper{ display:none; background:#ffffff; height:auto; position:absolute; left:0; z-index:9999; width:100% } .site-header .topbar{ background: none; box-shadow: none; top: 60px; width: 100%; } .sticky-wrapper{ height:auto!important } .navigation{ background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; height:auto; position:relative; z-index:9999; } .navigation > ul > li{ display:block; width:100%; line-height: normal; text-align:left; } .navigation > ul > li > a{ padding: 10px; border-bottom:1px solid #eceae4; } .navigation > ul > li > ul, .navigation > ul > li > ul li ul{ position:static; height:auto!important; border-bottom:1px solid #eceae4; top:0; left:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin-left:0; } .navigation > ul > li > ul:before, .navigation > ul > li > ul li ul:before{ display:none; } .is-sticky .main-menu-wrapper{ background-color:#f8f7f3; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .nav-backed-header{ top:0; margin-bottom:0; } ol.breadcrumb{ padding-top:20px; } .page-header{ top:0; margin-bottom:0; } .post .img-thumbnail, .post .img-thumbnail{ margin-bottom:20px; } .post.sermon .post-title .sermon-actions{ text-align:left; } .gallery-filter ul{ float:left; margin-top:20px; } ol.breadcrumb{ padding:40px 0 40px 0; } } @media only screen and (max-width: 767px) { .mobile_full{ width: 100%; text-align: center; } .show_mobile{ display: inline-block; } /* Isotope */ .isotope { overflow: visible !important; height: auto !important; } .isotope-item { position: static !important; margin-right: auto; margin-left: auto; width: auto; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .isotope-hidden { display: none !important; } .grid-item{ margin-bottom: 6%; } .counter{ margin-top:20px; } .featured-gallery{ text-align:center; } .featured-gallery a{ margin-bottom:20px; display:block; } .footer-widget{ margin-bottom:30px; } .copyrights-col-left, .copyrights-col-right{ text-align:center; } .copyrights-col-left{ margin-bottom:20px; } .copyrights-col-right .social-icons{ text-align:center; } .copyrights-col-right .social-icons a{ margin:0 4px; } .grid-holder.col-2 .grid-item{ width:95%; } .grid-holder.col-3 .grid-item{ width:95%; } .grid-holder.col-4 .grid-item{ width:95%; } .media-box{ margin-bottom:20px; } .grid-item .media-box{ margin-bottom:0; } .listing-header-sub .next-prev-nav{ float:left; } .listing-header-sub h5{ margin-right:0; } .featured-block{ margin-bottom:20px; } .gallery-filter ul li span{ display:none; } .page-header h1{ font-size:24px; } .sidebar{ float:left; width:100%; margin-top:30px; } .staff-item{ margin-bottom:30px; } .logo_wrap img{ width:50%; } } @media only screen and (min-width: 320px) and (max-width: 480px) { } @media all and (-webkit-min-device-pixel-ratio: 1.5) { } /*.widget{ margin-top:20px; } .sidebar{ margin-bottom:10px; } .sidebar-widget-title { border-bottom: 4px solid #f8f7f3; margin-bottom: 10px; } .sidebar-widget-title h3 { border-bottom: 1px solid #eceae4; margin-bottom: 0; padding-bottom: 15px; } .widget_custom_category li{ list-style:circle; padding-left:20px; } */ .event_place{ color: #000; display: inline; margin-left: 10px; } .img-thumbnail { background: #f8f7f3; border: 1px solid #eceae4; } .hightlight_event{ position: relative; } .hightlight_event:after{ position: absolute; content: ''; left: 48%; bottom: -60px; border: 50px solid transparent; border-top-color: #FCB711; } .hightlight_event_section{ border-bottom: 4px solid #f8f7f3; border-left: 4px solid #f8f7f3; border-right: 4px solid #f8f7f3; padding-bottom: 30px; } .contact-post{ background:#fff; padding:5px; margin-bottom:10px; } .contact-post p i{ color: #CF0202; margin-right: 5px; } .footer-widget{ margin-bottom:5px; } .footer-widget .widget { margin-bottom: 10px; } .footer-widget p { margin: 0 0 5px 0; } .footer-widget.widget ul > li { border-bottom: 1px solid #eceae4; padding: 5px 0; } .gallery-slide .item{ margin:0px 10px; } .top-phone{ padding: 25px 0px 20px 30px; position:relative; } .top-phone:before{ content:'\f098'; font-family:FontAwesome; position:absolute; top:20px; left:-10px; font-size:38px; color:#C00; padding:14px 0px 14px 0px; } .top-phone h3{ font-size:15px; padding:0px; margin:0px; color:#5e5e5e; line-height:20px; } .top-phone h2{ font-size:18px; padding:0px; margin:0px; font-weight:800; } #owl-demo .item img{ display: block; width: 100%; height: auto; } .blog-post{ } .blog-post h3{ margin-bottom:5px; /*font-size:22px;*/ font-weight:400; } .blog-post h3 a{ color:#000; } .blog-post .post-meta { background-color:transparent; border-bottom: 1px solid #eceae4; padding: 5px 2px; font-size: 12px; margin-bottom: 10px; } .blog-post .meta-data a i { color:#333; } .inner-bg { padding: 20px 0 80px 0; } /****** LOGIN MODAL ******/ .loginmodal-container { width: 100% !important; margin: 0 auto; overflow: hidden; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #FFFCFC; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; filter: alpha(opacity=20); } .modal-header { min-height: 16.428571429px; padding: 15px; background:#F99E1C; border-bottom: 1px solid #e5e5e5; } .loginmodal-container h1 { text-align: left; font-size:18px; text-transform:uppercase; background:#FCB711; padding:10px; color:#FFF; margin:0px; font-weight:600; background:#F99E1C; display:inline-block; } .loginmodal-container input[type=submit] { width: 100%; display: block; margin-bottom: 10px; position: relative; } .loginmodal-container input[type=text]{ height: 44px; font-size: 16px; width: 100%; margin-bottom: 10px; -webkit-appearance: none; background: #fff; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; /* border-radius: 2px; */ padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; } .loginmodal-container input[type=text]:hover{ border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .loginmodal { text-align: center; font-size: 14px; font-weight: 700; height: 36px; padding: 0 8px; /* border-radius: 3px; */ /* -webkit-user-select: none; user-select: none; */ } .loginmodal-submit { /* border: 1px solid #3079ed; */ border: 0px; color: #fff; background-color: #CC0000; padding: 10px 0px; font-size: 16px; margin-top:20px; text-transform:uppercase; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); */ } .loginmodal-submit:hover { /* border: 1px solid #2f5bb7; */ border: 0px; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #FCB711; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); */ } .regfrm .form-box { margin-top: 20px; } .regfrm .form-top { overflow: hidden; padding: 0 15px 0px 15px; background:#F99E1C; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; text-align: left; } .regfrm .form-top-left { float: left; width: 75%; padding-top: 10px; } .regfrm .form-top-left h3 { margin-top: 0; color:#FFF; text-transform:uppercase; } .regfrm .form-top-left p { margin-top: 0; color:#FFF; } .regfrm .form-top-right { float: left; width: 25%; padding-top: 5px; font-size: 66px; color:#F6F6F6; line-height: 100px; text-align: right; } .regfrm .form-bottom { padding: 25px 25px 30px 25px; background:#FFF6E0; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; text-align: left; } .regfrm .form-bottom form textarea { height: 100px; } .regfrm .form-bottom form button.btn { width: 100%; } .regfrm .form-bottom form button.btn:hover, .contact-form input[type="submit"]:hover { background: #000; } .regfrm .form-bottom form .input-error { border-color: #19b9e7; } .regfrm .social-login { margin-top: 35px; } .regfrm .social-login h3 { color: #181818; text-align: center; } .regfrm .social-login-buttons { margin-top: 25px; } .regfrm .middle-border { min-height: 300px; border-right: 3px solid #fff; border-right: 1px solid rgb(234, 169, 13); margin-top: 120px; } @media (max-width: 767px) { .regfrm .middle-border { min-height: auto; margin: 65px 30px 0 30px; border-right: 0; border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.6); } } .forget p{ margin-top:30px; color:#CC0000; font-size:16px; text-align:center; } .forget p a{ text-decoration:none; color:#CC0000; } .btn-link-1 { display: inline-block; height: 50px; margin: 5px; padding: 16px 6px 0 6px; background: #19b9e7; font-size: 16px; font-weight: 300; line-height: 16px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; } .btn-link-1.btn-link-1-facebook { background: #4862a3; } .btn-link-1.btn-link-1-twitter { background: #55acee; } .btn-link-1.btn-link-1-google-plus { background: #dd4b39; } .btn-link-1 i { padding-right: 3px; vertical-align: middle; font-size: 20px; line-height: 20px; } .btn-link-2 { display: inline-block; height: 50px; margin: 5px; padding: 15px 20px 0 20px; background: rgba(0, 0, 0, 0.3); border: 1px solid #fff; font-size: 16px; font-weight: 300; line-height: 16px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .btn-link-2:hover, .btn-link-2:focus, .btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; } .construct-wrap{ } .construct-wrap h2{ font-size:30px; padding-bottom:50px; } .navigation > ul > li > a:hover { color: #FCB711; } @media screen and (max-width: 767px){ .owl-theme .owl-controls .owl-buttons div{ padding: 5px; } .owl-pagination { top: -15px; } } .owl-theme .owl-controls .owl-buttons div{ transform: translateY(-50%); } .side-bx{ border: solid #ccc 1px; padding: 0px 0px; overflow: hidden; margin-bottom:0px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .side-bx h3 { border-bottom:none; margin-bottom: 0; padding-bottom: 15px; background:#F99E1C; color:#FFF; padding:10px 20px; } .side-bx .sidebar-widget-title { border-bottom: 0px solid #f8f7f3; margin-bottom: 0px; } .int-bx{ width:100%; border: solid #ccc 1px; padding: 0px; margin-bottom: 40px; border-top-right-radius: 5px; border-top-left-radius: 5px; position:relative; } .int-bx h3 { font-size: 24px; color: #fff; line-height: 30px; border-bottom: solid #ddd 1px; margin: 0px; padding: 8px; padding-left: 10px; padding-bottom: 8px; background:#FCB711; border-top-right-radius: 5px; border-top-left-radius: 5px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight:600; } .reg-btn{ display:inline-block; position: absolute; bottom: -10px; right: 10px; } .reg-btn a{ background:#cc0000; padding:10px 25px; line-height:35px; color:#FFF; text-decoration:none; font-size:14px; font-size:15px; font-weight:800; } .reg-btn a:hover{ background:#000; } .content-bx{ margin:0px; padding:0px; } .nxt-event{ border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; padding: 0px 0px 0px 0px; float: left; width: 100%; background: #FFF; margin-bottom:0px; } .nxt-event h5 { font-size: 20px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 10px 10px; line-height: normal; background-color: #FCB711; margin: 0px; } .nxt-event figure{ display: block; position: relative; overflow: hidden; } .nxt-event figure:hover{ opacity:0.5; } .nxtevent-detail{ padding:0px 0px 0px 10px; background-color: #f8f8f8; } .nxtevent-detail>ul { /*background-color: #f8f8f8;*/ padding: 12px 5px; width: 100%; margin:0px; } .nxtevent-detail>ul>li { color: #4c5955; padding-left: 15px; padding-right: 3px; margin: 0px; font-size: 13px; } .nxtevent-detail>ul>li i { color: #900; } .nxtevent-detail .list-inline { padding-left: 0; margin-left: 0px; list-style: none; } .nxt-event a{ text-decoration:none; } /*******HEADING #4******************/ .featured-heading { position: relative; text-align: center; color: #CC0000; } .featured-heading span { padding: 0 30px; position: relative; z-index: 1; background-color:#FFF; text-transform:uppercase; } .featured-heading:after { background: #2F2A2A; display: block; width: 100%; } .featured-heading:after, .featured-heading span:before, .featured-heading span:after { content: ""; height: 2px; margin-top: 0px; position: absolute; top: 50%; } .featured-heading span:before, .featured-heading span:after { background-color: #F99E1C; margin-top: 0; width: 39px; } .featured-heading span:before { left: -39px; } .featured-heading span:after { right: -39px; } .up-next { position: relative; margin: 0 auto; padding: 3px; list-style: none; text-align: center; width:100%; } .listing-event{ margin:0px; padding: 0px 15px 0px 15px; } .listing-event figure{ padding:0px 20px 0px 0px; } .listing-event ul{ padding: 5px 0px; width: 100%; margin-bottom:10px; margin-top:10px; border-bottom: #FCB711 double 3px; } .listing-event .bx-meta li{ display: inline-block; color: #4c5955; padding-left: 3px; padding-right: 3px; margin: 2px; font-size: 13px; } .listing-event .bx-meta li i { color: #900; font-weight:600; } .listing-event a{ color: #CC0000; text-decoration: none; margin-top: 30px; font-size: 16px; font-weight: 800; } .listing-event a:hover{ color:#000; } .listing-event p{ padding:0px 0px 15px 0px; margin:0px; } .bx-ftt{ width:100%; background:#070707; padding:5px 10px 5px 10px; text-align:right; } .bx-ftt p{ color:#FC0; margin:0px; padding:0px; display:inline-block; line-height:25px; } .bx-ftt .social-icons{ display:inline-block; padding:0px 0px 0px 0px; } .bx-ftt .social-icons a { margin: 0 8px; text-decoration: none; color:#FFF; font-size:18px; } .bx-ftt .social-icons a:hover{ color:#CC0000; } .panel-login { border-color: #ccc; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); } .panel-login>.panel-heading { color: #00415d; background-color: #fff; border-color: #fff; text-align:center; } .panel-login>.panel-heading a{ text-decoration: none; color: #666; font-weight: bold; font-size: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } .panel-login>.panel-heading a.active{ color: #029f5b; font-size: 18px; } .panel-login>.panel-heading hr{ margin-top: 10px; margin-bottom: 0px; clear: both; border: 0; height: 1px; background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); } .panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] { height: 45px; border: 1px solid #ddd; font-size: 16px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } .panel-login input:hover, .panel-login input:focus { outline:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #ccc; } .btn-login { background-color: #59B2E0; outline: none; color: #fff; font-size: 14px; height: auto; font-weight: normal; padding: 14px 0; text-transform: uppercase; border-color: #59B2E6; } .btn-login:hover, .btn-login:focus { color: #fff; background-color: #53A3CD; border-color: #53A3CD; } .forgot-password { text-decoration: underline; color: #888; } .forgot-password:hover, .forgot-password:focus { text-decoration: underline; color: #666; } .btn-register { background-color: #1CB94E; outline: none; color: #fff; font-size: 14px; height: auto; font-weight: normal; padding: 14px 0; text-transform: uppercase; border-color: #1CB94A; } .btn-register:hover, .btn-register:focus { color: #fff; background-color: #1CA347; border-color: #1CA347; } .section-title3 { text-transform: uppercase; text-align: center; padding-bottom: 0px; font-size: 26px; font-weight: 400; margin-bottom: 30px; } .section-title3 h1{ padding:0px; margin:0px; } h1.section-title3:after { border-bottom: 3px solid #cc0000; content: ""; display: block; margin: 5px auto; width: 80px; } .miss-stat{ padding:40px 0px; } .miss-stat .stat-txt p{ font-size:14px; text-align:center; } .top-sticky-bar{ padding: 7px 0px 5px 0px; background:#fcb711; z-index: 999; width: 100%; position:fixed; display:none; left: 0; bottom: 0; } .top-sticky-bar .title h2{ color:#000; font-size:18px; line-height:49px; margin:0px; } .top-sticky-bar .title h2 a{ color:#000; } .top-sticky-bar .meta-data{ font-size:16px; color:#000; display:inline-block; margin-right:10px; line-height:49px; } .top-sticky-bar .meta-data i,.top-sticky-bar .event_place i { margin-right:5px; } .top-sticky-bar .event_place{ font-size:16px; color:#000; display:inline-block; /* line-height:41px; */ padding: 5px 0px 0px 0px; } .top-sticky-bar .counter .timer-col{ display: block; width: 28%; text-align: center; float: left; margin-right: 5%; } .top-sticky-bar .timer-col #days, .top-sticky-bar .timer-col #hours, .top-sticky-bar .timer-col #minutes, .top-sticky-bar .timer-col #seconds{ display:inline-block; font-size:18px; padding:5px 10px; line-height: 25px; } .top-sticky-bar .timer-col #days{ color:#ffffff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .top-sticky-bar .timer-col #hours, .top-sticky-bar .timer-col #minutes, .top-sticky-bar .timer-col #seconds{ width: 100%; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; line-height: 25px; } .top-sticky-bar .timer-col .timer-type{ font-size:12px; display:block; margin-top:0px; color:#FFF; line-height: 15px; } .login-body{ margin:30px 0px 30px 0px; } .container-login { min-height: 0; width: 100%; color: #333333; margin-top: 40px; padding: 0; } .center-block { display: block; margin-left: auto; margin-right: auto; } .container-login > section { margin-left: 0; margin-right: 0; padding-bottom: 10px; } #top-bar { display: inherit; } .nav-tabs.nav-justified { border-bottom: 0 none; width: 100%; } .nav-tabs.nav-justified > li { display: table-cell; width: 1%; float: none; font-size: 24px; text-transform: uppercase; } .container-login .nav-tabs.nav-justified > li > a, .container-login .nav-tabs.nav-justified > li > a:hover, .container-login .nav-tabs.nav-justified > li > a:focus { background: #080808; border: medium none; color: #ffffff; margin-bottom: 0; margin-right: 0; border-radius: 0; } .container-login .nav-tabs.nav-justified > .active > a, .container-login .nav-tabs.nav-justified > .active > a:hover, .container-login .nav-tabs.nav-justified > .active > a:focus { background: #f99e1c; color: #FFFFFF; } .container-login .nav-tabs.nav-justified > li > a:hover, .container-login .nav-tabs.nav-justified > li > a:focus { background: #cc0000; } .tabs-login { background: #f99e1c; border: medium none; margin-top: -1px; padding: 10px 30px; } .container-login h2 { color: #ea533f; } .container-login .form-control { background-color: #ffffff; background-image: none; border: 1px solid #999999; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #333333; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .container-login a{ font-size: 16px; font-weight: 600; color: #000; text-decoration: none; } .container-login a:hover{ color:#cc0000; } .container-login form-group { margin-bottom: 0px; } .container-login .container-login .checkbox { margin-top: -15px; } .container-login .container-login button { background-color: #cc0000; border-color: #DF2E17; color: #ffffff; border-radius: 0; font-size: 18px; line-height: 1.33; padding: 10px 16px; width: 100%; } .container-login button:hover, .container-login button:focus { background: #de2f18; border-color: #be2815; color: #fff; } .container-login .form-horizontal .control-label { text-align: right; margin-bottom:5px; font-size:16px; } .frm-heading{ text-align:center; text-transform:uppercase; padding:20px 0px; color:#FFF; } .frm-heading h1{ font-size:28px; } .side-heading { position: relative; margin:10px 0px; } .side-heading h2 { font-size: 24px; text-transform: uppercase; font-weight: 700; background-color: #fff; margin: 0px 0 10px 0; display: inline-block; padding-right: 10px; color: #111; } .side-heading:before { position: absolute; bottom: 25px; left: 0; width: 100%; height: 5px; background-color:#cc0000; content: ""; display: block; z-index: -1; } .side-heading.align-center { text-align: center; } .side-heading.align-center h2 { padding: 0 10px; } .side-heading.align-right { text-align: right; } .side-heading.align-right h2 { padding: 0 0 0 10px; } .pst-evnt{} .cuming-event{ margin:0px 0px 50px 0px; } .cuming-event .panel-default > .panel-heading { color: #1C1B1B; background-color: #fcb711; border-color: #fcb711; } .cuming-event .panel-default > .panel-heading h3 { margin-bottom:0px; } .cuming-event .panel-body { padding: 0px; } .cuming-event .info-table li { border: 1px solid #fff; padding: 10px 7px; background-color: #f8f7f3; } .cuming-event .info-table li a{ width:100%; text-align:center; } .cuming-event .info-table li i.fa { margin-right: 5px; font-weight: bold; } .cuming-event .panel-heading { padding: 0px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; /* line-height: 35px; */ text-transform: uppercase; font-size: 18px; font-weight: 700; } .widget{ margin-bottom: 30px; border-top: none; color: #111111; } .widget .widget-title{ text-transform: uppercase; font-size: 18px; margin-bottom: 3px; margin-top: 0; background-color: #fcb711; border: 1px solid #E1A30D; color: #262626; padding: 5px 15px; position: relative; } .widget .widget-title:after{ position: absolute; bottom: -4px; left: -1px; height: 2px; background-color: #cc0000; content: ""; width: 50%; } .widget .widget-bx{ padding: 10px 10px; border: 1px solid #e5e5e5; } .full-width { width: 100vw; } .popular-post { position: relative; padding: 10px 0px; overflow: hidden; border-bottom: 1px solid #e5e5e5; } .popular-post:last-child { position: relative; padding: 5px 0px; overflow: hidden; border-bottom: none; } .popular-post img{ display:block; width:100%; } .popular-post h2{ margin-bottom:0px; font-size:14px; } .popular-post h2 a{ color:#000; font-weight:bold; } .popular-post.thumb-left .widget-thumb { float: left; width: auto; margin-right: 10px; margin-top: 4px; } .popular-post .post-text { margin-top: 10px; font-size: 14px; margin-top: 0; margin-bottom: 5px; } .popular-post .post-text .post-header { overflow: hidden; position: relative; margin-bottom: 10px; } .popular-post .post-text .post-header:before { position: absolute; bottom: 0; left: 0; background-color: #666; content: ""; height: 1px; width: 40px; } .popular-post .post-text .post-author { padding-top: 5px; font-size: 10px; text-transform: uppercase; display: block; line-height: 14px; color: #aaaaaa; float: left; padding-right: 10px; } .popular-post .post-text .post-author { padding-top: 5px; font-size: 10px; text-transform: uppercase; display: block; line-height: 14px; color: #aaaaaa; float: left; padding-right: 10px; margin-bottom: 10px; } .popular-post .post-text .post-date, .popular-post .post-text .post-author { padding-top: 5px; font-size: 10px; text-transform: uppercase; display: block; line-height: 14px; color: #aaaaaa; float: left; padding-right: 10px; } .popular-post .post-text .post-date .fa, .popular-post .post-text .post-author .fa { font-size: 14px; padding-right: 5px; } .popular-post .post-text .post-title a { display: block; font-size: 14px; line-height: 1.3; font-weight:800; } /* .widget a:hover { color: #CC0000; }*/ .widget .btn-primary:hover { color:#FFF!important; text-decoration:none!important; } .red { background: #cc0000; } .red-fnt{ font-size:18px; } .widget .recent_post { } .widget .recent_post ul { margin:0px; padding:0px; } .widget .recent_post ul li { list-style:none; display:block; border-bottom:solid 1px #f0f0f0; padding-bottom:10px; margin-bottom:10px; } .widget .recent_post ul li figure { margin: 0; } .widget .recent_post ul li a { display: block; text-decoration: none; } .widget .recent_post ul li h2 { margin:0px; font-size: 14px; color: #595959; font-weight: bold; margin: 0 0 12px 0; padding: 0px; line-height:19px; } .widget .recent_post ul li h2 a { font-size:14px; /*color:#333;*/ font-weight:normal; line-height:19px; } .widget .recent_post ul li h2 a:hover { color:#CC0000; } .widget .recent_post ul li img { width:58px; float:left; padding:3px; margin:0 5px 0 0; border: solid 1px #eaeaea; border-radius:5px; } .widget .recent_post ul li:last-child { border-bottom:none; margin:0px; } .widget .categories_list { } .widget .categories_list ul { margin:0px; padding:0px; } .widget .categories_list li { position:relative; display:block; border-bottom: solid #ddd 1px; line-height:25px; padding:5px 0; padding-left:5px; color:#777; list-style:none!important; } .widget .categories_list li:last-child { border-bottom:none } .widget .categories_list li:before { display:block; position:absolute; /* left:2px;*/ top:7px; font-family:'FontAwesome'; /* content:'\f054';*/ } .widget .categories_list li span { display:block; position:absolute; top:7px; right:3px; background:#c71f1f; color:#fff; text-align:center; line-height:22px; width:22px; font-size:12px; font-weight:bold; border-radius:4px; } .widget .categories_list li a { display:block; color:#777; text-decoration:none; } .sidebar .categories_list li:hover a { color:#F99E1C; } .post-share{ margin:10px 0px; } .side-advt{ margin-bottom:20px; } .side-advt img{ } .pf-times-btn{ width:100%; text-align:center; margin:80px 0px 80px 0px; } .stitched { position: relative; padding: 10px 80px; margin: 0px auto; margin-bottom:0px; background: #cc0000; color: #fff; font-size: 20px; font-weight: bold; border: 2px dashed #fff; border-radius: 4px; box-shadow: 0 0 0 4px #AA0909, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); font-weight: normal; } .pf-times-btn a{ color:#FFF; font-size:18px; font-weight:bold; text-transform:uppercase; letter-spacing: 4px; display: inline-block; } .pf-times-btn a:hover{ background: #f99e1c; box-shadow: 0 0 0 4px rgb(215, 160, 81), 2px 1px 6px 4px rgba(10, 10, 0, 0.5); } .times-thumbnail { display: block; padding: 0px; margin-bottom: 40px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .times-thumbnail .thumb-img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; opacity: 1; width: 100%; } .times-thumbnail:hover .thumb-img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .times-thumbnail .magz-info{ padding:5px 10px; } .times-thumbnail .magz-info h2{ font-size:16px; font-weight:600; margin:5px 0px; padding:0px; } .times-thumbnail .magz-info p small{ font-size:13px; color:#999; margin:0px; padding:0px; } .times-thumbnail .magz-info p small i{ margin-right:5px; font-size:15px; } .times-thumbnail p { color:#000; margin:5px 0px; padding: 0px 0px 5px 0px; line-height: 15px; font-size: 12px; } .magz-delivered{ color:#5cb85c; } .magz-receved{ color:#390; } .cuming-magz{ /* padding:20px; background-color: #ffffff; border: 1px solid #dddddd;*/ margin-bottom:70px; /*padding:0px 0px; border: 1px solid #dddddd;*/ border-radius: 4px; background: #F99E1C; } .cuming-magz h2{ font-size:26px; font-weight:800; } .cuming-magz figure{ width:100%; background:#CCC; position:relative; } /*.cuming-magz figure:before{ position:absolute; bottom:20px; right:-40px; content:''; width:50px; height: 20px; background: #2C2A2A; border-radius:4px; z-index:999; border:#FFF solid 2px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); } */ .new-magz-info{ width:100%; background:#f99e1c; padding:20px 30px; min-height:330px; position:relative; z-index:99; text-align: center; } /*.new-magz-info:before{ position:absolute; top:20px; left:-40px; content:''; width:50px; height: 20px; background: #2C2A2A; border-radius:4px; border:#FFF solid 2px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); } */ .new-magz-info h2{ text-align:center; font-size:25px; text-transform:uppercase; margin-bottom:30px; margin-top:20px; } .new-magz-info h4{ text-align:center; font-size:23px; text-transform:uppercase; margin-bottom:20px; margin-top:20px; line-height:40px; } .new-magz-info sup{ font-size:13px; text-transform:lowercase; } .new-magz-info p{ text-align:center; font-size:14px; margin:0px 0px; color: #333333; text-transform:capitalize; } .tag-new{ background:#cc0000; color:#FFF; padding:4px 10px; border-radius:4px; margin:-20px 0px 0px 0px; } .press-ment{ margin:30px 0px; } .p-mention{} .p-mention li { padding: 0 20px; margin:30px 0px; } .p-mention li a { color:#000; display:block; } .p-mention li a:hover{ opacity:0.8; } .press-ment .p-logo { margin-bottom: 15px; min-height:35px; } .press-ment .p-desc { line-height: 20px; margin: 8px 0; color: #555; } .press-ment .p-desc p{ margin:0px; padding:0px; text-align:justify; } .press-ment .p-date { font-size: 13px; margin: 0; color:#999; } .press-ment .p-date i{ margin:0px 5px 0px 0px; } .press-news{ width:100%; padding:30px 0px; background:#f8f7f3; } .press-rel{ width:100%; padding:30px 30px; } .press-rel .p-logo { margin-bottom: 15px; overflow: hidden; } .press-rel .p-title { font-size: 18px; line-height: 26px; margin: 0 0 10px 0; font-weight: bold; } .press-rel .p-date { font-size: 14px; margin: 0; color: #969696; } .press-rel .p-date i{ margin-right:5px; } .press-rel .p-excerpt { margin: 10px 0; } .press-rel .p-excerpt p{ margin:0px; padding:0px; text-align:justify; } .press-rel .item{ margin:0px 20px 10px 20px; } .press-rel .p-link{ color: #C00; text-decoration: none; font-size: 16px; } .press-rel .p-link a{ color: #C00; } .press-rel .p-link a:hover{ color:#333; } .press-rel .owl-theme .owl-controls .owl-buttons .owl-prev { left: -50px; top: 50%; } .press-rel .owl-theme .owl-controls .owl-buttons .owl-next { right: -50px; top: 50%; } .news_container { background-color: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); box-shadow: 0 0 5px 0 rgba(0,0,0,.1); margin: 0 0 30px; border: #f99e1c solid 1px; } .img_container { position: relative; overflow: hidden; border: 1px solid #fff } .news_container .news_title { padding: 15px; position: relative; background: #fcb711; } .news_container .news_title .rating { font-size: 14px; margin-left: -3px } .news_container .news_title h3 { margin: 0; font-size: 18px; text-transform: uppercase } .news_container .news_title h4 { margin: 0; font-size: 14px; text-transform: uppercase } .news_container .news_title h4 sup{ font-size:14px; text-transform:lowercase; } .img_container a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .img_container img { -webkit-transform: scale(1); transform: scale(1) -webkit-transition: all .7s ease; transition: all .7s ease } .short_info { position: absolute; left: 0; bottom: 0; background:url(../images/shadow_tour.png) left bottom repeat-x; width: 100%; padding: 10px 10px 8px 5px; color: #fff } .short_info i { font-size: 20px; display: inline-block; vertical-align: middle; font-weight: 400; font-style: normal; padding: 0; margin: 0px 10px 0px 0px; } .short_info .price { float: right; font-size: 28px; font-weight: 700; display: inline-block } .p-mention-brief{ padding: 10px 10px; margin-bottom: 20px; border: 2px solid #ccc; background:#FFF; } .p-mention-brief a{ background:#FFF; } .p-mention-brief:hover { border:2px solid #f99e1c; color:#000; } .p-mention-brief h4{ margin:0px; padding:10px 0px 5px 0px; } /* Careers Page */ .job-offer { padding: 20px 10px; border: 1px solid #e7e7e7; margin-bottom:20px; } .job-info:before, .job-info:after { content: " "; display: table; } .job-info:after { clear: both; } .job-info span { font-size: 14px; letter-spacing: 2px; display: block; font-weight: 500; } .job-info h3 { margin: 0px; font-size: 28px; font-weight: bold; } .job-info small { font-size: 14px; color: #cc0000; display: block; } .job-content { margin-top: 20px; } .job-content p { font-size: 14px; line-height: 20px; margin: 0 0 5px 0; } .job-offer a.small-link { font-size: 14px; letter-spacing: 2px; font-weight: 600; color: #cc0000; } .job-offer a:hover.small-link { color:#000; } .career_form { width: 100%; padding: 10px 20px 10px 20px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset; border: #FFFFFF solid 3px; margin-bottom: 20px; } .career_form p { padding: 0; margin-bottom: 5px; border-radius: 5px; width: 100%; margin: 0px 0px 5px 0px; float: left; } .career_form sup { color: #f00; } .career_form .form-group{ position:relative; margin-top: 10px; } .career_form .form-group input[type="text"], .career_form .form-group input[type="email"], .career_form .form-group input[type="tel"], .career_form .form-group input[type="url"], .career_form .form-group input[type="file"], .career_form .form-group input[type="password"], .career_form .form-group select, .career_form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:9px 15px; border:1px solid #d5d5d5; font-size:14px; color:#252525; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .career_form .form-group input[type="text"]:focus, .career_form .form-group input[type="email"]:focus, .career_form .form-group input[type="url"]:focus, .career_form .form-group input[type="password"]:focus, .career_form .form-group select:focus, .career_form .form-group textarea:focus{ border-color:#ED3136; } .career_form .form-group input[type="text"].error, .career_form .form-group input[type="email"].error, .career_form.form-group input[type="url"].error, .career_form .form-group input[type="password"].error, .career_form .form-group select.error, .career_form .form-group textarea.error{ border-color:#ff0000 !important; } .career_form .form-group label.error{ display:none !important; } .career_form .form-group textarea{ height:180px; resize:none; } .archive-gallery{ margin:20px 0px; } .archive-gallery .format-image{ margin:0px 0px 20px 0px; } .archive-video{ margin:20px 0px; } .archive-details{ margin: 0px 0px 20px 0px; } .archive-details .event-cover { margin: 0 0 0px; } .archive-details .event-cover .the-slider { margin: 0; padding: 0; } .archive-details .event-header { margin: 0 0 20px; position: relative; padding: 0; } .archive-details .event-header h2 { font-size: 24px; margin: 0; font-weight: 700; position: relative; color: #5a6a70; line-height: 1.5em; } .archive-details .event-header .event-header-box { background: #CC0000; padding: 10px 20px; min-height: 80px; margin: 0 0 20px; } .archive-details .event-header .event-header-box i { color: #fff; border: 2px solid #fff; width: 60px; height: 60px; text-align: center; border-radius: 100%; padding-top: 14px; position: absolute; top: 0; left: 0; line-height: 1em; font-size: 27px; } .archive-details .event-header .event-header-box .box-event-info { position: relative; padding-left: 70px; margin-bottom: 20px; } .archive-details .event-header .event-header-box .box-event-info p { font-weight: 700; margin: 0; padding-top: 7px; line-height: 3.5em; color: #fff; } .archive-info{} .archive-info p{ margin:0px; text-align:justify; } .top-chat-header{ padding:80px 0px; background: rgba(0,0,0,0.5); } .ask-question-header{ font-weight: 600; line-height: 38px; color: #ffffff; text-align: center; margin-bottom: 1.8rem; padding-top: 150px; } .ask-question-header h2{ font-weight: 600; line-height: 42px; color: #ffffff; font-size:38px; letter-spacing: 3px; text-transform:uppercase; margin:0px; padding:0px; } .ask-question-header p{ font-weight: 600; line-height: 32px; color:#fcb711; font-size:15px; letter-spacing: 2px; } .ask-question-frm { -webkit-box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); -moz-box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #e2f4ef; padding:2px; background:#FFF; margin-bottom: 20px; } .ask-question-frm .form-type-textarea { margin-bottom: 0; width:100%; } .ask-question-frm .form-type-textarea textarea{ border: none; border-bottom: 1px solid #ededed; font-size: 28px; font-weight: 700; text-align: center; color: #052119; height: 130px; line-height: 1.5; padding: 2.1875rem 0.625rem 1.25rem; -webkit-border-radius: 8px; -webkit-border-bottom-right-radius: 1px; -webkit-border-bottom-left-radius: 1px; -moz-border-radius: 8px; -moz-border-radius-bottomright: 1px; -moz-border-radius-bottomleft: 1px; border-radius: 8px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; width:100%; } .ask-question-frm .form-type-textarea textarea:nth-of-type(2)::-webkit-input-placeholder { color:#999; font-size:24px; } .ask-question-tags-with-checkbox { padding: 10px; transition: all 1s ease; height: 45px; } .ask-question-tags-with-checkbox .form-item-ask-anonymously { float: right; font-size: 0.8125rem; margin:4px 0 0; } .ask-question-tags-with-checkbox .form-item-ask-anonymously input[type="checkbox"] { float: left; margin: 0; } .ask-question-tags-with-checkbox .form-item-ask-anonymously label { font-weight: 500; line-height: 1; float: left; margin: 0 0 0 5px; } #edit-ask-question-title-counter { font-size: 11px; float: right; color: #e771a1; margin-left: 5px; margin-top: 12px; margin-right: 10px; } .ask-question-btn{ text-align:center; } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -moz-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background:#cc0000; color:#FFF; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; font-size: 16px; font-weight: 600; /* margin-top: 20px;*/ padding: 13px 30px; border-radius:5px; border:none; text-transform:uppercase; text-align: center; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background:#000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:5px; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; border:none; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .questions-wrap{ margin-top: 20px; } .field-content{ margin-bottom:20px; } .basic_info { clear: both; overflow: hidden; } .basic_info .holder { width: 65px; float: left; } .basic_info .mask { border: 3px solid #fcb711; border-radius:100%; width: 50px; height: 50px; padding: 3px; } .basic_info .mask img { float: left; width: 100%; height: 100%; border-radius:100%; } .basic_info .user-name { float: left; padding: 0 10px 5px 0; margin-right: 10px; margin-top: 5px; text-transform: capitalize; font-size: 16px; color: #cc0000; font-weight: 600; } .basic_info .user-name a { color: #cc0000; } .basic_info .user-name a:hover { color:#000; } .basic_info .user-name .date{ font-size:13px; color:#999; font-weight:400; } .question-desc{ padding-bottom: 40px; /*border-bottom: 1px solid #ededed;*/ } .ques-label { font-size: 14px; font-weight: 600; margin: 5px 0px 5px 0px; line-height: 20px; position: relative; padding: 15px 0px 20px 45px; display: block; } .ques-label:before{ position: absolute; content: 'Q'; top: 0px; left: 0px; font-family: FontAwesome; color: rgba(204, 204, 204, 0.22); font-size: 40px; line-height: 60px; text-transform: uppercase; } .ques-label a { color: #4d4d4d !important; } .ques-label a:hover { color: #cc0000 !important; } .ans-label{ margin-top:10px; } .ans-label p{ text-align:justify; color: #717171; font-size: 14px; line-height: 24px; margin:0px; } .question-sub-tags { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #ededed; padding-bottom: 10px; } .question-tag{ margin: 0px 0px 0px 10px; padding:0px 0px 0px 0px; position:relative; } .question-tag:before{ position:absolute; content:'\f02c'; top:0; left:0; font-family:FontAwesome; color:#fcb711; font-size:16px; } .question-sub-tags ul{ margin: 0; padding: 0; padding-left: 25px; } .question-sub-tags ul li{ list-style: none; list-style-image: none; text-transform: uppercase; position:relative; font-size: 11px; display: inline-block; padding: 0 10px; position:relative; color: #cc0000; } .question-sub-tags ul li:after{ position:absolute; top:0; right:0; content:''; font-family:FontAwesome; content:'|'; } .question-sub-tags ul li:last-child:after{ content:''; display:none; } .question-sub-tags ul li:before{ position:absolute; top:0; left:0; content:''; } .question-sub-tags ul li a{ color:#F00; } .question-sub-tags ul li a:hover{ color:#333; } .question-social-links { display: inline-block; float: right; line-height: 1em; } .chat-profile-bg { background: #FCB711; padding: 0px; box-shadow: 0 2px 0 rgba(0,0,0,.07); } .profile-card { padding-top: 20px; margin: 0px 0 20px 0; /*background-color: rgba(214, 224, 226, 0.2);*/ border-top-width: 0; border-bottom-width: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99; } .profile-card .profile-card-heading { padding: 0 20px; margin: 0; } .profile-card .profile-card-heading.simple { font-size: 20px; font-weight: 300; color: #777; border-bottom: 1px solid #e5e5e5; } .profile-card .profile-card-heading.image img { display: inline-block; width: 46px; height: 46px; margin-right: 15px; vertical-align: top; border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .profile-card .profile-card-heading.image .profile-card-heading-header { display: inline-block; vertical-align: top; } .profile-card .profile-card-heading.image .profile-card-heading-header h3 { margin: 0; font-size: 14px; line-height: 16px; color: #262626; } .profile-card .profile-card-heading.image .profile-card-heading-header span { font-size: 12px; color: #999999; } .profile-card .profile-card-body { padding: 0 20px; margin-top: 20px; } .profile-card .profile-card-media { padding: 0 20px; margin: 0 -14px; } .profile-card .profile-card-media img { max-width: 100%; max-height: 100%; } .profile-card .profile-card-actions { min-height: 30px; padding: 0 20px 20px 20px; margin: 20px 0 0 0; } .profile-card .profile-comments{ padding: 20px; margin: 0; background-color: #f8f8f8; } .profile-card .profile-comments.comments-collapse-toggle { padding: 0; margin: 0 20px 12px 20px; } .profile-card .profile-comments.comments-collapse-toggle a, .profile-card .profile-comments.comments-collapse-toggle span { padding-right: 5px; overflow: hidden; font-size: 12px; color: #999; text-overflow: ellipsis; white-space: nowrap; } .profile-comments.media-heading { font-size: 13px; font-weight: bold; } .profile-card.people { position: relative; display: inline-block; width: 170px; height: 300px; padding-top: 0; margin-left: 20px; overflow: hidden; vertical-align: top; } .profile-card.people:first-child { margin-left: 0; } .profile-card.people .profile-card-top { position: absolute; top: 0; left: 0; display: inline-block; width: 170px; height: 150px; background-color: #ffffff; } .profile-card.people .profile-card-top.green { background-color: #53a93f; } .profile-card.people .profile-card-top.blue { background-color: #427fed; } .profile-card.people .profile-card-info { position: absolute; top: 150px; display: inline-block; width: 100%; height: 101px; overflow: hidden; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .profile-card.people .profile-card-info .title { display: block; margin: 8px 14px 0 14px; overflow: hidden; font-size: 16px; font-weight: bold; line-height: 18px; color: #404040; } .profile-card.people .profile-card-info .desc { display: block; margin: 8px 14px 0 14px; overflow: hidden; font-size: 12px; line-height: 16px; color: #737373; text-overflow: ellipsis; } .profile-card.people .profile-card-bottom { position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; padding: 10px 20px; line-height: 29px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .profile-card.hovercard { position: relative; padding-top: 0; /* overflow: hidden;*/ text-align: center; /*background-color: rgba(214, 224, 226, 0.2);*/ } .profile-card.hovercard .profile-cardheader { background: url("http://lorempixel.com/850/280/nature/4/"); background-size: cover; height: 135px; z-index:999; } .profile-card.hovercard .avatar { position: relative; top: -50px; margin-bottom: -50px; } .profile-card.hovercard .avatar img { width: 100px; height: 100px; max-width: 100px; max-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(252, 183, 17, 0.54); } .profile-card.hovercard .info { padding: 4px 8px 10px; } .profile-card.hovercard .info .title { margin-bottom: 4px; font-size: 24px; line-height: 1; color:#000; vertical-align: middle; font-weight:600; text-transform:uppercase; margin-top: 5px; line-height: 20px; } .profile-card.hovercard .info .qualification{ font-size: 13px; margin-bottom: 8px; text-transform: capitalize; } .profile-card.hovercard .info .city_country { color:#333; margin-bottom: 15px; margin-top: 8px; text-transform: uppercase; font-weight:600; } .profile-card.hovercard .info .desc { overflow: hidden; font-size: 14px; line-height: 20px; color: #737373; margin:25px 0px 15px 0px; font-weight:600; } .profile-card.hovercard .info .desc strong{ color:#900; } .profile-card.hovercard .bottom { padding: 0 20px; margin-bottom: 17px; } .top-profile-bg{ padding: 230px 0px 3px 0px; background:#E4D0A3 } .view-basic_info { /* border-bottom: 1px solid #dff2ec; padding-bottom: 15px; margin-bottom: 20px;*/ clear: both; overflow: hidden; } .view-basic_info .ques-detail { font-size: 12px; } .view-basic_info .ques-posted-data { display: inline-block; color: #052119; font-weight:bold; margin-right: 5px; } .view-basic_info .posted_date { opacity: 0.6; } .view-basic_info .posted_date:after { content: '|'; padding-left: 4px; margin-right: 3px; } .view-basic_info .ques-page-count { color: #a1a2a1; opacity: 1; display: inline-block; } .view-basic_info .ques-page-count .page-views-count { color: #cc0000; font-weight: bold; } .view-basic_info .question-answered { display: inline-block; color: #052119; opacity: 0.8; } .view-basic_info .question-answered .answered-count a{ color: #cc0000; font-weight: bold; } .question-ans-ans-wrap{ margin:20px 0px 0px 0px; } .question-ans{ margin:0px 0px 50px 0px; } .question-ans.ques-user-info{ } .question-ans .ques-user-info .mask { width: 100px; height: 100px; float: right; border: 3px solid #f99e1c; border-radius: 100%; padding: 3px; } .question-ans .ques-user-info .mask img { border-radius: 100%; float: left; width: 100%; height: 100%; } .question-ans .ques-user-info .dr-name{ text-align: right; margin-top: 10px; } .question-ans .ques-user-info .dr-name a { text-transform: capitalize; line-height: 2; overflow: hidden; padding: 5px 0px 0px 0px; color: #444; font-size: 16px; font-weight: 600; } .user-thanks{ margin-top:10px; text-align:right; color:#999; font-weight:bold; font-size:12px; } .user-thanks span{ color:#4d4d4d; } .question-ans .ques-user-info .static-stics { font-size: 13px; width: 100%; margin-top: 15px; margin-bottom: 20px; } .question-ans .ques-user-info .static-stics li { display: inline-block; padding-right: 5px; padding-left: 5px; width: 40%; } .question-ans .ques-user-info .static-stics li a { color: #4d4d4d; font-weight: bold; } .question-ans .ques-user-info .static-stics li .a-green-small { font-weight: bold; color: #4d4d4d; } .question-ans .question-full-des{ padding-left: 28px; border-left: 1px solid #DFF2EC; } .question-ans .question-full-des .question-sub-info { margin-top: 0; border-bottom: none; padding-bottom: 0; color: #4d4d4d; font-size: 13px; font-weight: 600; } .question-ans .question-full-des .post-date { font-size: 12px; color: #a0a1a1; margin-bottom:5px; font-weight: 400; } .disclaimer { font-size: 12px !important; color: #EEC891; font-weight: 400; } .dr-info-wrap{ border:#F4F3F3 solid 1px; border-radius:3px; padding:10px 20px; } .dr-details { } .dr-details .bx1{ border-top: 1px solid #fcb711; padding-bottom: 30px; clear: both; overflow: visible; } .bx1 .block_heading { color: #fcb711; font-size: 18px; line-height: normal; font-weight: 600; background:#FFF; padding-left: 0px; margin: 0; display: inline-block; position: relative; top: -14px; padding-right: 15px; } .bx1 .bx1-text{ } .bx1 .bx1-text p{ margin-bottom:0px; } .questpage-doctor{ margin-top:40px; background:#FFD97D; padding:30px 0px 0px 0px; } .questpage-asked{ padding:10px 0px; margin-bottom: 40px; border-bottom: 1px solid #D7A62F; } .user-answer-block .ans_icon { display: block; background:url(../images/correct-icon.png) no-repeat right 7px; padding-right: 18px; text-align:right; font-size: 15px; font-weight: 600; } .user-answer-block .answered_on { font-size: 14px; font-weight: 600; color: rgba(77,77,77,0.6); float:right; } .user-answer-block .user_asked_name { margin-right: 1em; color: #052119; font-size: 14px; font-weight: 600; } .user-answer-block .user_asked_name i{ margin-right: 5px; color: rgba(204, 0, 0, 0.51); font-size: 19px; padding: 0px; } .user-answer-block .answer-text { border-left:1px solid #E4B136; padding: 0; width: 100%; padding-left: 3%; } .user-answer-block .answer-text p{ color: #282929; } .user-answer-block .answer-text h3 a{ color: #292929; } .user-answer-block .user_asked_name .username { color: #cc0000; font-size: 15px; font-weight: 600; margin-right:5px; } .user-answer-block .ques-label { font-size: 16px; font-weight: 600; margin: 5px 0px 5px 0px; line-height: 20px; position: relative; padding: 5px 0px 20px 45px; display: block; } .user-answer-block .ques-label:before { position: absolute; content: 'Q'; top: 0px; left: 0px; font-family: FontAwesome; color: rgba(204, 0, 0, 0.22); font-size: 40px; line-height: 45px; text-transform: uppercase; } .user-answer-block .question-sub-tags { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #D5A32B; padding-bottom: 10px; } .user-answer-block .question-tag:before { position: absolute; content: '\f02c'; top: 0; left: 0; font-family: FontAwesome; color: #F62C2C; font-size: 16px; } .user-answer-block .question-sub-tags ul li { list-style: none; list-style-image: none; text-transform: uppercase; position: relative; font-size: 12px; display: inline-block; padding: 0 10px; position: relative; color: #DB1A1A; } .press-photo{ margin-bottom:30px; } .press-photo .head{ padding: 0 20px; background: #FCB711; border-top-right-radius: 5px; border-top-left-radius: 5px; } .press-photo .head h3{ font-size: 24px; line-height: 60px; color: #fff; margin: 0px; padding:0px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; } .press-photo .head a{ color:#C00; font-size: 18px; line-height: 60px; } .press-photo .head a i{ margin-right:5px; } .press-photo .head a:hover{ color: #696666; } .b-photo { margin:0px; padding:0px; } .b-photo li { text-align: center; background-color: #fff; border: 1px solid #fcb711; padding:10px; height: 300px; } .b-photo li img { max-width: 280px; max-height: 260px; } .vertical-center{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .center-block { display: block; margin-left: auto; margin-right: auto; } .p-resources { text-align: center; background-color: #fff; border: 1px solid #fcb711; padding: 10px; } .b-resource { margin:0px; padding:0px; } .b-resource li { display: table; border: #FCB711 solid 1px; padding: 0px; } .b-resource .col-img { width: 220px; height: 200px; display: table-cell; vertical-align: middle; background-color: #fff; text-align: center; padding: 0px 10px; } .b-resource .col-download { height: 200px; display: table-cell; vertical-align: middle; padding:0px 10px; background-color: #fbf9fa; } .b-resource .col-download .name{ font-weight:600; font-size:15px; margin-bottom:30px; } .b-resource .col-download p i{ color:#C00; font-size:16px; margin-right:5px; } .b-resource .col-download p a{ dispaly:inline-block; font-weight:400; font-size:16px; color:#333; } .b-resource .col-download p a:hover{ color:#C00; } .b-resource .col-download p a i{ margin-right:5px; color:#C00; font-size:18px; } /************ASK Question***********************/ .askques-wrap{ margin:30px 0px; } .askques-wrap h2{ font-size: 24px; font-weight: 700; margin: 0px 0 10px 0; padding-right: 10px; color:#333; text-align:center; } .askques-frm { text-align:center; } .askques-frm textarea{ background-color: #ffffff; border: 1px solid #daeaea; color: #052119; font-size: 14px; padding: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width:100%; margin-bottom: 20px; } .askques-frm .ask-question-tags-with-checkbox .form-item-ask-anonymously label { font-weight: 600; line-height: 1; float: left; margin: 0 0 0 5px; color:#333 } .askques-frm #edit-ask-question-title-counter { font-size: 11px; float: right; color:#C00; margin-left: 5px; margin-top: 12px; margin-right: 10px; } .addimg-wrap{ } .addimg-wrap h3{ font-size: 18px; font-weight: 800; margin-bottom: 0px; } .add-img{ display:inline-block; } .add-img input[type="file"] { display: block; } .add-img input.form-file { background:url(../images/upload-img.png) no-repeat 0 3px; } .add-img input.form-file { width: 178px; height: 178px; text-indent: -9999px; cursor: pointer; border: none; box-shadow: none; font-size: 0; } .img-examp{ margin-top:10px; } .img-examp p{ margin:5px 0px; } .add-desc{ margin-top:10px; } .add-desc h3{ font-size: 22px; font-weight: 800; margin-bottom: 10px; } .add-desc textarea:focus, .askques-frm textarea:focus{ border:#C00 solid 1px; } .free-consultation{ margin-top: 80px; } .consultation_top { border-bottom: 1px solid #cc0000; padding-bottom: 20px; text-align: center; margin-bottom: 25px; display: table; width: 100%; } .consultation_top .question_section { display: table-cell; width: 97%; } .consultation_top .question_section .question_text { font-size: 16px; font-weight: 600; text-transform: uppercase; color:#000; } .consultation_top .question_section .question_ask { color: #4d4d4d; font-size: 14px; margin-top:5px; padding-right:20px; padding-left:20px; } .consultation_top .edit-section { display: table-cell; border-left: 1px solid #c00; vertical-align: middle; padding: 0 10px; text-align: center; } .consultation_top .edit-section .edit-profile { display: block; } a.edit-profile { width: 15px; height: 15px; color:#C00; } .consultation_bottom{ margin-top: 60px; } .consultation_bottom .share-info-private { width: 100%; float: left; border: 1px solid #b39e6e; background: #ffffff; padding: 45px 14px 12px 14px; position: relative; -webkit-box-shadow: 1px 1px 6px 0 #ccb686; box-shadow: 1px 1px 6px 0 #d6c08f; margin-bottom:30px; } .consultation_bottom .share-info-private h2.assesment-title { font-size: 22px; font-weight: 600; padding: 0 40px; text-align: center; color: #4d4d4d; margin-top: 0; } .recommended-top-experts{} .recommended-top-experts h4 { color: #4d4d4d; font-size: 13px; text-align: center; text-transform: uppercase; color:#afa9a9; } .share-info-private .doctor-block { border: 1px solid #daeaea; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 20px; display: table; width: 100%; margin-bottom: 10px; } .share-info-private .doctor-block .profile-row { display: table-cell; vertical-align: top; } .small-mask { border-radius: 100%; border: 4px solid #fcb711; padding: 2px; } .small-mask img { width: 100%; height: 100%; border-radius: 100%; } .share-info-private .doctor-block .profile-row.profile_middle .user-name { font-weight: 600; margin-bottom: 15px; font-size: 18px; color: #C00; } .share-info-private .doctor-block .profile-row.profile_middle .user-name a{ color:#C00; } .share-info-private .doctor-block .profile-row.profile_middle .mini-profile-bottom { margin-bottom: 8px; } .share-info-private .doctor-block .profile-row.profile_middle .mini-profile-bottom p { margin-bottom:5px; } .share-info-private .doctor-block .profile-row.profile_middle .mini-profile-bottom p strong{ font-weight:bold; } .profile-row.profile_middle a.plan-follow { font-size: 12px; text-transform: uppercase; color:#C00; } .profile-row.profile_middle a:hover{ color:#000; } .profile-row.profile_middle a.plan-follow span { margin-right: 5px; font-weight: 700; color:#C00; } .share-info-private .doctor-block .profile-row.profile_right { padding-top: 13px; text-align:right; } .profile-row.profile_right span.fees { font-weight: 400; margin-right: 3px; font-size: 16px; } .profile-row.profile_right span.fee-amount { font-size: 16px; font-weight: 800; margin-right: 0px; color: #4d4d4d; } a.get-consult-btn{ border-radius: 30px; font-size: 14px; font-weight: 600; background:#C00;; padding: 0 17px; line-height: 32px; height: 34px; vertical-align: middle; display: inline-block; color: #ffffff; border: none; margin-top:10px; margin-bottom: 20px; } a:hover.get-consult-btn{ background:#000; } .consultation_bottom .share-info-public { background: #ffdf92; border: 1px solid #b99c55; padding: 50px 20px 20px 20px; float: right; max-width: 525px; width: 100%; position: relative; margin-top: 60px; } .consultation_bottom .share-info-public img{ text-align:center; } .share-info-public h3.consultancy-community { padding: 10px 10px 10px 10px; font-size: 20px; color: #4d4d4d; font-weight:600; text-align:center; } .share-info-public .options_block { border-bottom: 1px solid #b99c55; border-top: 1px solid #b99c55; padding: 20px 0; } .share-info-public .options_block ul { margin: 0; padding: 0; display: table; } .share-info-public .options_block ul li { list-style: none; list-style-image: none; margin: 0; padding: 0; display: table-cell; font-size: 14px; text-align: center; padding: 0 5px; border-right: 1px solid #b99c55; color:#333; letter-spacing: .02rem; font-weight:800; } .share-info-public .options_block ul li:last-child { border: none; } .consultation_bottom .title_block { background:#C00; color:#FFF; padding:10px; position:absolute; margin-top:-10px; z-index:99; left:3%; font-size:16px; font-weight:600; top: -10px; } .ques-confirm{ margin:30px 0px; } .dr-book{} .dr-book h4{ font-size: 16px; padding-bottom:5px; font-weight: 600; } .ques-confirm .mini-profile { border: 1px solid #d2e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; float: left; margin-bottom: 10px; width: 100%; background: #ffffff; } .ques-confirm .mini-profile .mini-profile-top { border-bottom: 1px solid #f0f9f7; padding-bottom: 15px; margin-bottom: 20px; } .ques-confirm .mini-profile .mini-profile-top .doc-image-sec { float: left; width: 100%; } .ques-confirm .doc-detail-sec{ margin-top:10px; } .ques-confirm .doc-detail-sec .user-name { font-size: 16px; font-weight: 600; margin-bottom: .35rem; line-height: 20px; color: #052119; text-transform: capitalize; } .ques-confirm .doc-detail-sec .dr-notes { margin-bottom: 2px; font-size: 13px; color: #4d4d4d; z-index: 10; line-height: 16px; } .ques-confirm .doctor-consultation-fee { font-weight: 400; color: rgba(77,77,77,0.8); } .text_bold.rupee { font-weight: bold; font-size: 16px; margin-right:5px; } .ques-confirm .mini-profile .mini-profile-bottom { display: table; width: 100%; } .profile-point{ border-bottom: #f5f5f5 solid 1px; padding:10px 0px; } .profile-point p{ text-align:center; margin:0px; padding:0px; } .profile-point p span{ font-weight:800; } .ques-confirm .region-content { text-align: center; margin-top: 120px; border:#cecdcb solid 1px; padding:40px 0px; background:#fff; } /******************** *************************************************DASHBOARD ************************************ ***************************************************/ .top-profile{ text-align:center; } .top-profile .avatar img { max-width: 150px; max-height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(252, 183, 17, 0.95); } .top-profile .userinfo{ margin: 25px 0px 0px 0px; } .top-profile .userinfo .title { margin-bottom: 4px; font-size: 24px; line-height: 1; color: #fff; vertical-align: middle; font-weight: 600; text-transform: uppercase; margin-top: 5px; line-height: 20px; } .top-profile .userinfo .qualification { font-size: 13px; margin-bottom: 8px; text-transform: capitalize; margin-top:10px; } .top-profile .userinfo .city_country { color:#fcb711; margin-bottom: 15px; margin-top: 8px; text-transform: uppercase; font-weight: 600; } .top-profile .userinfo .edit-cover { float: right; margin-top: 180px; } .dashboard-bg{ background:#E4D0A3 url(../images/dashboard-bg.jpg) center no-repeat; padding: 190px 0px 20px 0px; background-size:cover; min-height:250px; } /*------------------------------------------------------------------ [3. Subnavbar / .subnavbar] */ .subnavbar { text-align:center; } .subnavbar-inner { height: auto; background: #fcb711; border-bottom: 1px solid #c6c6c6; } .subnavbar .container > ul { padding: 0; margin: 0; } .subnavbar .container > ul > li { padding: 0; margin: 0; text-align: center; list-style: none; display: inline-block; } .subnavbar .container > ul > li > a { display: block; height: 100%; padding: 0px 30px 5px 30px; font-size: 14px; font-weight: bold; color: #252423; border-bottom: #fcb711 3px solid; border-left: 1px solid #e4a305; text-transform:uppercase; } .subnavbar .container > ul > li > a:hover { color: #c00; text-decoration: none; } .subnavbar .container > ul > li > a > i { display: inline-block; margin-top: 11px; margin-bottom: 5px; font-size: 20px; } .subnavbar .container > ul > li > a > span { display: block; } .subnavbar .container > ul > li.active > a { border-bottom:3px solid #c00; color: #ffffff; background: #333; } .subnavbar .dropdown .dropdown-menu a { font-size: 12px; } .subnavbar .dropdown .dropdown-menu { text-align: left; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .subnavbar .dropdown-menu::before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .subnavbar .dropdown-menu::after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 10px; } .subnavbar .caret { margin-top: 4px; border-top-color: white; border-bottom-color: white; } .subnavbar .dropdown.open .caret { display: none; } .dashboard-bx{ padding: 20px 10px 20px 10px; /* background: #eee;*/ margin:10px 0px 30px 0px; /*box-shadow: 0 0 5px #BDBDBD;*/ } .dashboard-bx h2{ font-size:25px; } /* metro dashboard states */ .metro-nav .nav-block-orange { background: #f37b53; } .metro-nav .nav-block-yellow { background: #FFB400; } .metro-nav .nav-block-blue { background: #0DAED3; } .metro-nav .nav-block-green { background: #74B749; } .metro-nav .nav-block-red { background:#de577b; } .metro-nav .nav-block-purple { background: #9d4a9c; } .metro-nav .nav-block-grey { background: #77808a; } .metro-fix-view .metro-nav-block.double { width: 251px !important; } .metro-fix-view .metro-nav-block.long { width: 251px !important; height: 235px !important; } .metro-fix-view .metro-nav-block.long .value { padding-top: 30px !important; display: inline-block; } .metro-fix-view .metro-nav-block.long .value i { font-size: 90px; } .metro-nav .metro-nav-block { color: white; cursor: pointer; display: block; float: left; font-weight: 300; height:114px; letter-spacing: 0.02em; line-height: 20px; /*margin:1% 0 1% 1.6%;*/ overflow: hidden; position: relative; text-decoration: none; width: 17%; z-index: 1; } .metro-nav .metro-nav-block:first-child, .metro-nav .metro-nav-block:nth-child(3n+1) { margin-left: 0; } .metro-nav .metro-nav-block.double { /* width:32.26%;*/ width:100%; } .metro-nav .metro-nav-block.four { /*width:23.8%;*/ width:100%; } .metro-nav .metro-nav-block.four:nth-child(3n+1) { margin-left:1.6%; } .metro-nav .metro-nav-block.four:first-child { margin-left:0; } .metro-nav .metro-nav-block i { font-size: 50px; margin-top: 20px; display: inline-block; } .metro-nav .metro-nav-block a { color: white; font-size: 18px; font-weight: 400; height: 90%; line-height: 16px; overflow: hidden; padding: 5px 10px; position: absolute; text-overflow: ellipsis; vertical-align: top; width: 88%; text-decoration: none; } .metro-nav .metro-nav-block a i { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; } .metro-nav .metro-nav-block a .info { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } .metro-nav .metro-nav-block a:hover i{ transform:rotate(83deg); -moz-transform:rotate(83deg); -webkit-transform:rotate(83deg); -o-transform:rotate(83deg); font-size: 140px; opacity: 0.2; } .metro-nav .metro-nav-block.long a:hover i{ font-size: 200px; } .metro-nav .metro-nav-block.long a { height: 96%; } .metro-nav .metro-nav-block a:hover .info { transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); font-size: 40px; opacity: 0.6; } .metro-nav .metro-nav-block:hover { opacity: 0.8; } .metro-nav .metro-nav-block.double a { width: 94%; } .metro-nav .metro-nav-block .info { font-size: 24px; position: absolute; right: 20px; top: 45px; } .metro-nav .metro-nav-block .status, .metro-nav .metro-nav-block .tile-status { background-color: transparent; bottom: -10px; font-size: 14px; left: 10px; min-height: 30px; position: absolute; } .bg-facebook{ background-color: #126da7; } .bg-facebook .text-muted { color: #7cc2ef !important; } .bg-gplus{ background-color:#C30; } .bg-gplus .text-muted { color: #e26e47 !important; } .social-wrap{ padding: 15px; text-align:center; color:#FFF; } .social-wrap a{ color:#FFF; } .social-wrap a:hover{ opacity:0.6; } .social-wrap h4{} .text-white { color: #fff; color: rgba(255,255,255,0.8); } .font-bold { font-weight: 700; } .m-b-sm { margin-bottom: 10px; } .m-t { margin-top: 15px; } .bg-twiter { background-color: #24dbdd; } .bg-twiter .text-muted { color: #bef5f6 !important; } .bg-youtube{ background-color:#C00; } .bg-youtube .text-muted { color:#ed8e8e !important; } .floor-plan{ margin-bottom:20px; text-align:center; } .floor-plan a{ margin-bottom:20px; display:inline-block; margin-right:10px; } /**************FORUM*************************/ .forum-wrap{ margin:40px 0px 20px 0px; } .forum-header{ background:#F5C535; position: relative; margin-top:30px; } .forum-header h2 { text-decoration: none !important; margin: 0; color: #fff; font-size: 20px; font-weight: 400; line-height: 25.6px; padding: 15px 14px 11px; } .forum-header span{ color:#333; font-size:14px; } .form-tb{ margin-top:0px; width:100%; } .table-responsive { min-height: .01%; overflow-x: auto; } .form-tb table { max-width: 100%; background-color: transparent; } .form-tb table td[class*=col-], .form-tb table th[class*=col-] { position: static; float: none; display: table-cell; } .frumblcktable{ } .frumblcktable tr:first-child { border-top: 0; } .frumblcktable tr{ border-top: 9px solid #ffffff; } .frumblcktable td{ padding: 15px 15px; } .frum-category-icon { width: 7%; background: #e6e6e6; padding: 10px 32px !important; } .frum-category-icon i{ font-size:30px; color:#000; } /*.frum-category-icon .ficon { background-color: transparent; background-image:url(../kicon.png); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 27px; width: 22px; }*/ .fcol-mid { padding: 0; margin: 0; color: #999999; font-family: 'Varela', sans-serif; font-size: 14px; font-weight: 400; line-height: 19.6px; background: #f6f6f6; } .kthead-title { padding: 16px 0 0; } .kthead-title a { text-decoration: none !important; padding: 0; margin: 0; color: #dc0630; font-size: 16px; font-weight: 600; line-height: 25.6px; } .kthead-title a:hover{ color:#333; } .kthead-desc { padding: 0 0 18px; margin: 0; color: #999999; font-size: 16px; font-weight: 600; line-height: 25px; } .kthead-desc a{ color:#900; } .kthead-desc a:hover{ color:#000; } .kcol-kcattopics, .kcol-kcatreplies { width: 7%; background: #f6f6f6; text-align: center; } .kcol-kcattopics { border-right: 1px solid #f1f1f1; } .kcol-kcattopics span, .kcol-kcatreplies span { display: block; text-align: center; padding: 0; margin: 0; color: #999999; font-size: 14px; font-weight: 400; line-height: 19.6px; } .kcol-kcatlastpost { display: block; padding: 0; margin: 0; color: #4c4b4b; font-size: 14px; font-weight: 600; line-height: 19.6px; width: 20%; background: #e6e6e6; } .klatest-subject { display: block; padding: 0; margin: 0; color: #2d2c2c; font-size: 14px; font-weight: 600; line-height: 25px; } .klatest-subject a { color: #1d76bd; text-decoration: none !important; } .klatest-subject a:hover { color:#900; } .klatest-subject-by a { color: #0773B5; } .klatest-subject-by a:hover { color:#C00; } .frutitle_block_link { margin-top:10px; } .frutitle_block_link ul { margin:0px; padding:0px; } .frutitle_block_link ul li { list-style:none; display:inline-block; padding:0 0 0 14px; position:relative; margin-right:20px; } .frutitle_block_link ul li:before{ position:absolute; top:0; left:-5px; content:'\f075'; font-family:FontAwesome; color:#999; } .frutitle_block_link ul li a { font-size:12px; color:#0792ce; text-decoration:none; } .frutitle_block_link ul li a:hover { color:#333; } .re-sticky-book { display:none; } @media only screen and (max-width: 767px) { .re-sticky-block { display: none; position: fixed; bottom: 45px; left: 15px; width: 87px; height: 87px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index: 100; line-height: 22px; padding: 22px 17px 17px 17px; text-align: center; background:#C00 !important; -webkit-box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); -moz-box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); color:#FFF; font-size:18px; } .re-sticky-block:hover{ background:#000 !important; color:#FFF; } } /* ----------------------------------------------- * Timeline * --------------------------------------------- */ .timeline { list-style: none; padding: 10px 0; position: relative; font-weight: 300; } .timeline:before { top: 0; bottom: 0; position: absolute; content:" "; width: 2px; background: #FF9800; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 40px; position: relative; width: 50%; float: left; clear: left; } .timeline > li:before, .timeline > li:after { content:" "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content:" "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); float: left; border: 1px solid #FFC107; background: #ffffff; position: relative; padding: 10px 0px 0px 0px; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #FFC107; border-right: 0 solid #FFC107; border-bottom: 15px solid transparent; content:" "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content:" "; } .timeline > li > .timeline-badge { color: #ffffff; width: 24px; height: 24px; line-height: 50px; text-align: center; position: absolute; top: 16px; right: -12px; z-index: 100; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge > a { color: #de1405 !important } .timeline-badge a:hover { color: #dcdcdc !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-heading p { font-weight: 600; padding: 0 15px; color: #c11508; font-size:16px; } .timeline-body > p, .timeline-body > ul { padding: 10px 15px; margin-bottom: 0; text-align: justify; } .timeline-footer { padding: 5px 15px; background-color:#f4f4f4; padding:7px 10px; } .timeline-footer p {} .timeline-footer > a { cursor: pointer; text-decoration: none; } .timeline > li.timeline-inverted { float: right; clear: right; } .timeline > li:nth-child(2) { margin-top: 60px; } .timeline > li.timeline-inverted > .timeline-badge { left: -12px; } .no-float { float: none !important; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li { margin-bottom: 0px; position: relative; width:100%; float: left; clear: left; } ul.timeline > li > .timeline-panel { width: calc(100% - 65px); width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); } ul.timeline > li > .timeline-badge { left: 28px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } .timeline > li.timeline-inverted > .timeline-badge { left: 28px; } } .questiom-header{ width:100%; background:#000; padding:8px 10px; margin-bottom:10px; } .questiom-header .ques-label { font-size: 16px; font-weight: 600; margin: 0px 0px 0px 0px; line-height: 20px; position: relative; padding: 5px 0px 15px 45px; display: block; color:#ccc9c9; } .questiom-header .ques-label:before{ position: absolute; content: 'Q'; top: 0px; left: 0px; font-family: FontAwesome; color: rgba(204, 204, 204, 0.22); font-size: 40px; line-height: 40px; text-transform: uppercase; } .yellow_bg{ background: #FCB711; box-shadow: 0 2px 0 rgba(0,0,0,.07); } .press_btn{ padding: 50px 0; text-align: center; } .press_btn a i{ font-size: 104px; color: #fff; } .press_btn a figcaption{ font-size: 30px; margin-top: 20px; color: #fff; } .press_btn:hover{ background: #CC0000; color: #fff; } .login-body:after{ display: table; content: ''; clear: both; } .sml-btn { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -moz-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background:#cc0000; color:#FFF; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; font-size: 17px; font-weight: 600; /* margin-top: 20px;*/ padding: 13px 30px; border-radius:5px; border:none; text-transform:uppercase; } .sml-btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background:#000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:5px; } .sml-btn:hover, .sml-btn:focus, .sml-btn:active { color: white; border:none; } .sml-btn:before, .sml-btn:focus:before, .sml-btn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .sml-hvr-shutter .hvr-shutter-out-horizontal{ padding: 5px 30px; padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 3px; margin-top: 20px; } .login_panel:after{ display: table; content: ''; clear: both; } @media (min-width: 1200px){ .navigation { width: 100%; } } @media (min-width: 992px){ .navigation { width: 100%; } } .logo_wrap{ position: relative; } .logo_wrap .logo{ position: absolute; left: 0; top: 0; } .gallery-slide.owl-theme .owl-controls .owl-buttons div{ background: transparent; } .city_names:after{ display: table; content:''; clear: both; } .city_names li{ list-style: none; display: block; float: left; width: 31.33%; margin: 1%; } .city_names li span{ display: block; background: #CC0000; padding: 5px 10px; border-radius: 5px; color: #fff; cursor: pointer; } .city_names li span:hover{ background: #F99E1C; } @media only screen and (max-width: 767px) { /* Stylesheets and Google fonts import */ /* @import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic); @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700); @import url(http://fonts.googleapis.com/css?family=Roboto:400,700); @import url(http://fonts.googleapis.com/css?family=Volkhov:400italic); */ /* CSS definations for Tentered */ /*-------------------------------------------------------------------------------------------*/ /* 0. RESET */ /*-------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-spacing: 0; border-collapse: collapse; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none; } iframe{ border:0; } /* ================================================== Basic Styles ================================================== */ html, body { height: 100%; } html, hmtl a{ width:100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a{ color:#5e5e5e; text-decoration:none; cursor: pointer; -webkit-transition: color 0.1s linear 0s; -moz-transition: color 0.1s linear 0s; -o-transition: color 0.1s linear 0s; transition: color 0.1s linear 0s; } a:hover{ text-decoration:none; } a:hover, a:active, a:focus{ outline: 0; color:#666666; } a img { border: none; } a > img { vertical-align: middle; } .gray-bg{ background:#bababa; } .gray-text{ color:#bababa; } .lgray-bg{ background:#f8f8f8; } .dgray-bg{ background:#333333; } img { max-width: 100%; } img, object, embed, audio, video { max-width: 100%; } img { height: auto; } strong, .strong { font-weight: 700; } p { margin: 0 0 20px; } i, em, .italic{ font-style:italic; } .uppercase{ text-transform:uppercase; } .align-left{ float:left; margin:0 25px 0 0px!important; } .align-right{ float:right; margin:0 0 0 25px!important; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .color-text { color: #ffffff; } .through{ text-decoration:line-through; } .border-radius{ -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } /* ================================================== Typography ================================================== */ h1, h2, h3, h4, h5, h6{ margin:0 0 15px 0; color:#333333; font-weight:400; line-height:1.5em; font-family: 'Roboto Condensed', sans-serif; } h1{ font-size:36px; } h2{ font-size:30px; } h3{ font-size:24px; } h4{ font-size:16px; text-transform:uppercase; font-weight:700; letter-spacing:2px; font-family: 'Roboto Condensed', sans-serif; } h5{ font-size:16px; font-weight:700; } h6{ font-size:12px; } h1.short, h2.short, h3.short, h4.short, h5.short, h6.short, p.short{ margin-bottom:5px; } h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced { margin-top: 22px; } h1 a, h2 a, h3 a, h5 a, h6 a{ color:#5e5e5e; text-decoration:none; } .huge{ font-size:10em; } blockquote{ margin:30px 0; padding:0 0 0 30px; border-left:3px solid; } blockquote p{ margin-bottom:0; white-space:normal; font-style:italic; font-size:20px; font-family: 'Volkhov', serif; } blockquote cite{ color:#ffffff; } blockquote cite:before{ content:"- "; } p{ font-size:14px; line-height:20px; margin:0 0 15px 0; text-align: justify; } p.md{ font-size:16px; line-height:22px; } p.lg{ font-size:30px; line-height:1.2em; } .big{ font-size:200%; line-height:1.5em; } .thin{ font-weight:300; } p.drop-caps:first-child:first-letter { float: left; margin-top: 5px; margin-right: 5px; padding: 4px; font-size: 75px; line-height: 60px; } p.drop-caps.secondary:first-child:first-letter { margin-right: 10px; padding: 6px 12px; border-radius: 4px; color: rgb(255, 255, 255); } hr{ display:block; clear:both; margin-top:20px; margin-bottom:20px; width:100%; height:1px; border:0; background:#cccccc; } hr.fw{ display:block; clear:both; margin-top:0; margin-bottom:50px; width:100%; height:1px; border:0; background:#eaeaea; } hr.sm{ display:inline-block; margin:15px 0; width:40px; height:2px; border:0; background:#eaeaea; } ul.checks, ul.angles, ul.carets, ul.chevrons{ margin-bottom:15px; } ul.checks > li, ul.angles > li, ul.carets > li, ul.chevrons > li{ margin:10px 0; } ul.checks > li > i, ul.angles > li > i, ul.carets > li > i, ul.chevrons > li > i{ margin-right:2px; } ul.inline{ margin:10px 0; } ul.inline > li{ display:inline-block; margin-right:10px; } ul.inline > li i.fa{ margin-right:2px; } ul.nav-list-primary > li a{ display:block; padding:8px; border-bottom:1px solid #eceae4; color:#666666; text-decoration:none; } ul.nav-list-primary > li a:hover{ text-decoration:none; } ul.unordered{ margin:10px 0 10px 20px; list-style-type:disc; } ol{ margin:10px 0 10px 30px; list-style-type: decimal; } ul.unordered ul, ol ul{ margin:10px 0 10px 20px; } ul.unordered ul{ list-style-type:circle; } dl{ margin:10px 0; } dl dt{ font-weight:700; } address.ico i{ display:inline-block; float: left; clear:both; padding-top: 3px; } address.ico p{ margin:0; padding-bottom:10px; } address.ico span{ display:inline-block; padding-left:20px; } .cursive{ font-family: 'Volkhov', serif; font-style:italic; text-transform:none; font-weight:400; letter-spacing:0; } .title-note{ color:#ffffff; font-size:11px; font-weight:700; display:inline-block; padding:0 5px; line-height:20px; text-transform:uppercase; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family: 'Roboto Condensed', sans-serif; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } .form-control{ margin-bottom:10px; } /* ================================================== Margin Bottom Sets ================================================== */ .margin-0{ margin-bottom:0 !important; } .margin-10{ margin-bottom:10px !important; } .margin-15{ margin-bottom:15px !important; } .margin-20{ margin-bottom:20px !important; } .margin-30{ margin-bottom:30px !important; } .margin-40{ margin-bottom:40px !important; } .margin-50{ margin-bottom:50px !important; } .margin-60{ margin-bottom:60px !important; } .margin-70{ margin-bottom:70px !important; } .margin-80{ margin-bottom:80px !important; } .push-top{ margin-top:35px; } /* ================================================== Padding Sets ================================================== */ .padding-0{ padding:0px; } .padding-b0{ padding-bottom:0!important; } .padding-tb20{ padding-top:20px; padding-bottom:20px; } .padding-tb45{ padding-top:45px; padding-bottom:45px; } .padding-tb75{ padding-top:75px; padding-bottom:75px; } .padding-tb100{ padding-top:100px; padding-bottom:100px; } .padding-tb125{ padding-top:125px; padding-bottom:125px; } /* ================================================== Spacers ================================================== */ .spacer-20{ height:30px; clear:both; width:100%; } .spacer-30{ height:30px; clear:both; width:100%; } .spacer-40{ height:40px; clear:both; width:100%; } .spacer-50{ height:50px; clear:both; width:100%; } .spacer-75{ height:75px; clear:both; width:100%; } .spacer-100{ height:100px; clear:both; width:100%; } /* ----------------------------------------------------------------------------------------- */ /* Multi purpose classes */ /* ----------------------------------------------------------------------------------------- */ .overlay-transparent{ background:rgba(0,0,0,.6); } .btn{ border-width:0; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .btn-default{ border-width:1px; } .checkers-overlay{ background:url(../images/checkers.png) repeat; } .pattern-overlay{ background:url(../images/pattern.png) repeat; } .img-thumbnail{ background:#f8f7f3; padding:5px; } .social-icons a{ margin:0 8px; text-decoration:none; } .next-prev-nav{ display:inline-block; } .next-prev-nav a{ display:inline-block; width:20px; height:20px; color:#fff; text-align:center; line-height:20px; text-decoration:none; } .next-prev-nav a:hover{ color:#fff; } .meta-data{ display: block; margin-bottom: 0px; font-size: 14px; color: #000; } .timer-col .timer-type{ color: #000; } .meta-data a{ color:#d60c0c; } .meta-data a i{ color:#999999; } .meta-data a:hover{ text-decoration:none; } .meta-data > span{ margin-right:20px; display:inline-block; color: #171616; } .meta-data i{ margin-right:4px; } .meta-data > span:last-child{ margin-right:0; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .media-box{ position:relative; display:block; max-width:100%; } .media-box .zoom, .media-box .expand{ position:absolute; width:100%; height:100%; text-align:center; color:#ffffff!important; font-size:1.5em; z-index:999; left:0; top:0; margin:0; background-color:rgba(0,0,0,.5); opacity:0; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .img-thumbnail img:hover, .img-thumbnail:hover{ opacity:.9 } .media-box:hover .zoom, .media-box:hover .expand{ opacity:1; -webkit-transition: opacity .3s .2s; -moz-transition: opacity .3s .2s; -ms-transition: opacity .3s .2s; -o-transition: opacity .3s .2s; transition: opacity .3s .2s; } .mejs-container{ margin-bottom:20px; } .media-box .media-box-wrapper{ padding:30px; } .info-table li{ border:1px solid #fff; padding:10px 20px; background-color: #f8f7f3; } .info-table li a{ width: 100%; text-align: center; } .info-table li:nth-child(2n+1) { background-color: #f8f7f3; } .info-table li i.fa{ margin-right:5px; } .info-table li:last-child{ border-bottom:0; } /*-------------------------------------------------------------------------------------------*/ /* SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ body{ /*background: url(../images/pt4.png) repeat !important;*/ color:#666666; font-size:14px; font-weight:500; font-family: 'Roboto', serif; line-height:20px; } body.boxed .body{ position:relative; margin:25px auto; max-width:1080px; width:100%; height:auto; background-color:#ffffff; -webkit-box-shadow:0 0 2px rgba(0,0,0,.2); -moz-box-shadow:0 0 2px rgba(0,0,0,.2); box-shadow:0 0 2px rgba(0,0,0,.2); } @media (min-width: 1200px) { body.boxed .body .site-header, body.boxed .body .main-menu-wrapper{ max-width:100%; width:1080px; } } .site-header{ width:100%; position: absolute; left: 0; top: 0; z-index: 999; } .site-header .topbar{ position: absolute; width: 100%; z-index:3; } .site-header h1.logo{ z-index:1300; display: table; margin:0; padding: 0px 0 5px; vertical-align: middle; line-height: 0; } .logo a{ display:table-cell; vertical-align:middle; text-decoration:none; } .top-navigation{ float:right; font-family: 'Roboto Condensed', sans-serif; padding: 10px 0; } .top-navigation li{ float: left; letter-spacing: 1px; text-align: right; text-transform:uppercase; font-size:14px; font-weight:bold; color: #fff; } .top-navigation li:first-child{ margin-bottom: 5px; } .top-navigation li a{ display:inline-block; margin:0 10px; text-decoration:none; color: #fff; } .top-navigation li:after{ content:"/"; } .top-navigation li:last-child:after{ content:"" } .site-header .menu-toggle{ font-size:18px; margin:30px 10px 0 0; float:right; color: #fcb711; } .site-header .menu-toggle:focus{ outline:0; } .main-menu-wrapper{ display:block; width:100%; } .main-menu-wrapper .col-md-12{ position:relative; } .navigation{ text-align: right; font-family: 'Roboto Condensed', sans-serif; } .navigation > ul > li{ display:inline-block; line-height:50px; font-size:16px; text-transform:uppercase; position:relative; } .navigation > ul > li i{ font-size:13px; } .navigation > ul > li > a{ margin:0 0 0 20px; display:block; text-decoration:none; color: #000; } .navigation ul > li > a:hover, .navigation ul > li > a.current{ } .navigation > ul > li ul{ position: absolute; top: 60px; left: 30px; z-index: 999; display: none; min-width: 100%; height: auto; background: #fff; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 30px; } .navigation > ul > li ul:before { position: absolute; left:50%; top: auto; margin: -10px 0px 0px -10px; width: 0; height: 0; border: solid transparent; border-width: 5px; border-bottom-color: #ffffff; content: " "; pointer-events: none; } .navigation > ul > li ul li ul:before { position: absolute; left:0; top: auto; margin: 15px 0px 0px -10px; width: 0; height: 0; border: solid transparent; border-width: 5px; border-right-color: #ffffff; content: " "; pointer-events: none; } .navigation > ul > li:hover ul{ display:block; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } .navigation > ul > li > ul li{ line-height: normal; font-size:14px; position:relative; } .navigation > ul > li > ul li > a{ display:block; padding:10px 20px; border-bottom:1px solid #f8f7f3; white-space:nowrap; text-decoration:none; text-align: left; } .navigation > ul > li > ul li a:hover{ text-decoration:none; } .navigation > ul > li > ul li:last-child a{ border-bottom:0; } .navigation > ul > li > ul li ul{ left:100%!important; top:0; min-width: inherit; margin-left:11px; position:absolute; } .sticky-wrapper{ max-height:50px; } .is-sticky .main-menu-wrapper{ z-index:1000; min-height:50px; background-color: #000; -webkit-box-shadow:0 1px 0 rgba(0,0,0,.1); -moz-box-shadow:0 1px 0 rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.1); } .is-sticky .navigation{ background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } /* Hero Slider */ .flexslider { margin: 0; padding: 0; background:url(../images/loader.gif) no-repeat scroll center center; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .flexslider .slides { zoom: 1; } .hero-slider{ position:relative; top: 0; left:0; z-index:1; width:100%; overflow:hidden; } .hero-slider .flex-viewport{ width:100%; } .hero-slider.flexslider > ul.slides{ height:100%; } .hero-slider.flexslider ul.slides li{ /*height: 500px;*/ width:100%; overflow:hidden; position:static; background-attachment:scroll!important } .flexslider .flex-control-nav{ width:100%; text-align:center; position:absolute; z-index:111; left:0; bottom:10px; padding:0; margin:0; } .hero-slider.flexslider .flex-control-nav{ bottom:-40px; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .hero-slider.flexslider:hover .flex-control-nav{ bottom:10px; -webkit-transition: bottom .3s .2s; -moz-transition: bottom .3s .2s; -ms-transition: bottom .3s .2s; -o-transition: bottom .3s .2s; transition: bottom .3s .2s; } .flexslider .flex-control-nav li{ display:inline; } .flexslider .flex-control-nav a{ width:12px; height:12px; border-radius:100%; background-color:#ffffff; display:inline-block; margin:0 6px; text-indent:-9999px; text-decoration:none; } .flexslider .flex-prev, .flexslider .flex-next{ background:rgba(0,0,0,.6); color:#f8f7f3; display:block; margin-bottom:10px; position:absolute; top:50%; right:10px; font-size:14px; line-height:25px; width:25px; height:25px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none; display:none; text-align:center; } .flexslider .flex-prev{ left:10px; right:auto; } .flexslider .flex-prev:before{ content: "\f104"; } .flexslider .flex-next:before{ content: "\f105"; } .hero-slider.flexslider .flex-prev, .hero-slider.flexslider .flex-next{ -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; width:100px; height:100px; right:-100px; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; font-size:30px; line-height:100px; display:block; text-align:left; } .flexslider:hover .flex-prev, .flexslider:hover .flex-next{ display:block; } .hero-slider.flexslider .flex-prev{ left:-100px; padding-left:60px; } .hero-slider.flexslider .flex-next{ padding-left:30px; } .hero-slider.flexslider:hover .flex-prev{ left:-50px; -webkit-transition: left .3s .2s; -moz-transition: left .3s .2s; -ms-transition: left .3s .2s; -o-transition: left .3s .2s; transition: left .3s .2s; } .hero-slider.flexslider:hover .flex-next{ right:-50px; -webkit-transition: right .3s .2s; -moz-transition: right .3s .2s; -ms-transition: right .3s .2s; -o-transition: right .3s .2s; transition: right .3s .2s; } .notice-bar, .page-header{ background: #fcb711; padding: 15px 0; box-shadow: 0 2px 0 rgba(0,0,0,.07); /* margin-top: 40px; */ } .notice-bar-title-icon{ display:inline-block; float:left; margin-right:15px; color: #000; } .notice-bar-title .title-note{ margin-top:4px; } .notice-bar-event-title a{ color: #000; } .notice-bar-title strong{ font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#333; text-transform:uppercase; font-weight:700; display:block; } .notice-bar-event-title h5, .notice-bar-event-title .date{ margin-bottom:0; } .counter .timer-col{ display:inline-block; width:23%; text-align:center; } .timer-col #days, .timer-col #hours, .timer-col #minutes, .timer-col #seconds{ display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:18px; padding:5px 10px; } .timer-col #days{ width: 100%; color:#ffffff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background: #cc0000; } .timer-col #hours, .timer-col #minutes, .timer-col #seconds{ width: 100%; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .timer-col .timer-type{ font-size:12px; display:block; margin-top:2px; } .content{ padding:30px 0px 0px 0; } .featured-blocks{ margin-bottom:30px; } .featured-block{ position:relative; } .featured-block{ } .shop-badge{ position:absolute; right:10px; top:-10px; z-index:200; width:60px; height:60px; line-height:60px; color:#ffffff; text-align:center; display:block; text-transform:uppercase; letter-spacing:1px; font-size:11px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .featured-block .label-danger { background-color: #cc0000!important; } .featured-block strong{ position: relative; color:#fff; font-size:18px; display:inline-block; padding:5px 30px; margin:0; position:absolute; z-index:10; left:10px; bottom:30px; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .new_icon{ position: relative; } .new_icon:after{ position: absolute; content: ''; top: 0; right: -66px; background:url(../images/new.png) repeat-x; width: 75px; height: 34px; } .featured-block:hover strong{ bottom:58px; -webkit-transition: bottom .3s .2s; -moz-transition: bottom .3s .2s; -ms-transition: bottom .3s .2s; -o-transition: bottom .3s .2s; transition: bottom .3s .2s; } .featured-block .more{ background:#ffffff; color:#333333; display:inline-block; padding:5px 20px 5px 30px; margin:0; position:absolute; z-index:9; left:10px; bottom:30px; } .featured-block .img-thumbnail:hover{ opacity:1; } .listing-header, .post-title{ /*border-bottom:1px solid #eceae4;*/ } .listing-header-sub{ text-align:right; padding-top:10px; } .listing-header-sub h5{ display:inline-block; margin-right:20px; } .listing-cont, .post-content{ /*border-top:4px solid #f8f7f3;*/ } .listing .item{ width:100%; padding:10px 0; float:left; border-bottom:1px solid #eceae4; } .event-date{ width:100%; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#333333; text-align:center; padding:5px 0 0 0; } .event-date .date{ font-family: 'Roboto Condensed', sans-serif; font-size:34px; font-style:normal; font-weight:700; margin-bottom:0; display:block; margin-top:2px; } .event-date .month, .event-date .year{ font-size:12px; font-weight:700; letter-spacing:2px; color:#999999; display:block; margin-top:4px; } .event-date .year{ font-size:11px; margin-top:0; margin-bottom:2px; } .event-item .event-date{ width:6%; float:left; margin-right:4%; } .event-item .event-detail{ float:left; width:70%; margin-right:3% } .event-item .to-event-url{ float:left; width:17%; text-align:right; display:table; vertical-align:middle; } .event-item .to-event-url div{ display:table-cell; vertical-align:middle; } .event-item .event-detail h4{ font-family: 'Roboto Condensed', sans-serif; text-transform:none; font-weight:400; letter-spacing:0; margin-bottom:0; } .event-item .event-detail h4 a{ text-decoration:none; } .post-listing .post{ padding:20px 0 10px 0; } .post-listing .media-box{ margin-bottom:10px; } .post-listing .post-title{ margin-bottom:12px; } .post-listing .post-title h2, .sermons-listing h2.sermon-title{ font-size:16px; margin-bottom:0; } .sermon .meta-data{ margin:0; } .item.featured-sermon{ border-bottom:0; margin-top:20px; padding:30px; background:#f8f7f3; position: relative; margin-bottom:10px; } .featured-sermon:before { content: ""; position: absolute; top: 0%; right: 0%; width: 0px; height: 0px; border-bottom: 20px solid #eceae4; border-right: 20px solid transparent; } .featured-sermon:after { content: ""; position: absolute; top: 0%; right: 0%; width: 0px; height: 0px; border-top: 19px solid #ffffff; border-left: 19px solid transparent; } .featured-sermon .date{ text-transform:uppercase; font-size:12px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; margin-bottom:5px; display:block; } .featured-sermon h4 a{ text-decoration:none; } .sermon-actions a{ margin-right:10px; text-decoration:none; } .sermon-actions i{ font-size:18px; } .featured-sermon-video{ margin-bottom:20px; } .featured-gallery{ padding: 20px 0px 20px 0; } .featured-gallery .side-heading { position: relative; margin: 10px 0px; } .featured-gallery .side-heading h2 { font-size: 26px; text-transform: uppercase; font-weight: 700; background-color: #eceae4; margin: 0px 0 10px 0; display: inline-block; padding-right: 10px; color:#333333; } .featured-gallery .owl-theme .owl-controls .owl-buttons .owl-prev { left: -50px; top: 50%; } .featured-gallery .owl-theme .owl-controls .owl-buttons .owl-next { right:-50px; top: 50%; } .featured-gallery h4{ color:#ffffff; font-size: 28px; } .featured-gallery .btn{ border:0; margin-top:20px; background: #cc0000; } .featured-gallery .btn:hover{ background:#000; } .gallery-slide .featured-block { } .gallery-slide .featured-block .img-thumbnail { background: #f8f7f3; border: 1px solid #eceae4; } .site-footer{ background-color:rgb(219, 212, 196); padding:20px 0px 20px 0; box-shadow:0 -2px 0 rgba(0,0,0,.07); /* margin-top: 30px; */ } .ftr-links{ text-align:center; } .ftr-links ul{ margin:0px; padding:0px; } .ftr-links li{ display:inline-block; font-weight: 300; margin:0px 5px; font-size:14px; } .ftr-links li a{ text-decoration:none; font-weight: 600; } .ftr-links li a:hover{ color:#cc0000; } .site-footer-bottom{ background-color:#eceae4; padding:20px 0; font-size:12px; font-family: 'Roboto', sans-serif; color:#999999; } .site-footer-bottom p{ margin-bottom:0; font-size:12px; } .site-footer-bottom .social-icons{ text-align:right; } .site-footer-bottom .social-icons a{ color:#ffffff; background:#999999; border-radius:50%; width:20px; height:20px; text-align:center; display:inline-block; margin:0 0 0 8px; text-decoration:none; } .site-footer-bottom .social-icons a:hover{ background:#666666; } .nav-backed-header{ position:relative; z-index:1; margin:0; border:0; } .page-header{ margin:0; position:relative; padding:20px 0 20px 0; border:0; } .page-header h1{ text-transform:uppercase; color:#ffffff; margin-bottom:0; line-height:1em; font-family: 'Roboto Condensed', sans-serif; } .page-header p{ color:#d8d6d1; margin:0; } ol.breadcrumb{ margin:0; background:none; padding:290px 0 40px 0; } ol.breadcrumb a{ color:#d8d6d1; text-decoration:none; } ol.breadcrumb a:hover{ color:#fff; text-decoration:underline; } ol.breadcrumb > .active{ color:#fff; } .grid-holder{ width: 105%; margin-left: -3%; float: left; } .grid-holder .grid-item{ float: left; } .grid-item{ margin-bottom: 3%; border-bottom: medium none; } .grid-item-inner{ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); background:rgba(240, 238, 238, 0.31); } .grid-holder .grid-item{ margin-left: 3%; } .grid-holder.col-2 .grid-item{ width:49%; } .grid-holder.col-3 .grid-item{ width:29.63%; } .grid-holder.col-4 .grid-item{ width:24%; } .grid-media{ position:relative; } .grid-content{ padding:15px 20px 1px 20px; } .grid-content .fa-external-link{ margin-left:10px; } .events-grid .grid-item{ } .grid-item h3{ line-height:1em; } .grid-item span{ font-size:15px; color:#666; font-style:italic; } .post-title{ margin-bottom:0; padding-bottom:1px; } .post-content{ padding:0px 0px; } .post-content .featured-image{ margin-bottom:20px; } .post-content .featured-image img{ width:100%; display:block; } .single-post{ /*border: solid #ccc 1px;*/ margin-bottom: 20px; } .single-post-header{ margin-bottom:0; font-size: 18px; color:#000; line-height: 30px; /* border-bottom: solid #ddd 1px;*/; } .single-post-header h2{ /*font-size: 26px; color:#000;*/ margin-bottom:0px; font-weight:400; color:#000; } .single-post-header .event-date{ float:left; width:50px; } .single-post-header .btn-toolbar{ margin-top:8px; background: #fff; padding-left: 4px; } .single-post-header .sermon-actions, .post-comments-count{ margin-top:0px; } .event-description{ } .event-description p{ text-align:justify; } .event-description .panel-body{ padding:10px 0; } .event-description .panel-heading{ color:#ffffff; } .sermon-archive .post.sermon{ margin-bottom:30px; padding:30px; background-color:#f8f7f3; } .sermon-archive .post.sermon .img-thumbnail{ background:#fff; } .posts-archive .post{ margin-bottom: 10px; padding-bottom: 25px; border-bottom: 1px solid #eceae4; } .posts-archive .post p{ } .posts-archive .post p a{ margin:10px 0px 0px 0px; color:#900; text-decoration:none; font-size:14px; font-weight:800; } .posts-archive a{ text-decoration:none; } .post-link{ color:#C00; text-decoration:none; font-size:16px; } .posts-archive .post a:hover{ color:#333; } .posts-archive .post .img-thumbnail{ margin-top:10px; } .post.sermon .post-title h3{ margin-bottom:5px; } .post.sermon .post-title .sermon-actions{ text-align:right; padding-top:25px; } .post.sermon .post-content{ padding-top:20px; } .audio-container, .video-container{ margin-bottom:30px; } .post-meta{ background-color:#f8f7f3; border-bottom:1px solid #eceae4; padding:10px 20px; font-size:12px; } .post-meta i{ margin-right:5px; font-size:14px; } .post-comments{ margin: 30px 10px 0 10px; } .comments{ margin:0; list-style-type:none; } .comments li{ margin-bottom:25px; } .comments li .post-comment-block{ padding:25px; padding-bottom:5px; border:1px solid #eceae4; border-bottom-width:2px; background:#ffffff; } .comments li.admin > .post-comment-block{ background-color:#f8f7f3; } .comments li .img-thumbnail{ float:left; margin-right:20px; } .comments li h5{ margin-bottom:5px; } .comments li ul{ padding-top:25px; padding-left:50px; } .post-comment-form{ margin: 30px 10px 0 10px; border-bottom:0; } .post-comment-form .form-control{ margin-bottom:20px; } .gallery-filter ul{ float:right; } /* Post Formats */ .format-quote .media-box blockquote{ color:#ffffff; padding-left:0; border-left:0; } .owl-carousel .owl-item{ float:left; } .owl-carousel .owl-item img{ width:100%; float:left; } .staff-item .social-icons{ margin-bottom:15px; } .staff-item .social-icons a{ width:25px; height:25px; display:inline-block; line-height:25px; text-align:center; color:#ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-left:0; margin-right:10px; text-decoration:none; } #gmap{ margin-bottom:30px; overflow:hidden; } #gmap iframe{ border:0; width:100%; } #message{ margin-top:10px; } /* Widgets */ .widget{ margin-bottom:30px; } .search-form-widget{ margin-top:10px; } .widget .sidebar-widget-title h3{ border-bottom:2px solid #c00; margin-bottom:0; padding-bottom: 5px; font-weight:400; } .widget .sidebar-widget-title{ border-bottom:2px solid #c00; margin-bottom:20px; } .widget h4.footer-widget-title{ border-bottom:1px solid #eceae4; padding-bottom:10px; margin-bottom: 10px; font-size:15px; } .widget ul > li{ border-bottom:1px solid #eceae4; padding:10px 0; color:#999999; } .widget ul > li a{ display:inline-block; text-decoration:none; } .widget ul > li a i{ margin-right:5px; } .widget ul > li:first-child{ padding-top:0; } .widget ul > li a:hover{ text-decoration:none; } .widget .event-item .event-date{ width:15%; } .widget.post-listing h2.post-title, .widget.sermons-listing h2.sermon-title{ font-size:14px; margin-bottom:0; } .tag-cloud a{ display:inline-block; margin-right:7px; margin-bottom:7px; padding:2px 8px; border:1px solid #eceae4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#f8f7f3; font-size:12px; text-decoration:none; } .tag-cloud a:hover{ text-decoration:none; } .widget-recent-posts .post-image{ width:30%; float:left; margin-right:5%; } .widget-recent-posts .widget-blog-content{ float:left; width:65%; } .widget-recent-posts .fa-angle-right{ display:none; } .widget-recent-posts .fa-plus{ margin-right:0; } .widget-recent-posts ul li a{ padding:12px 0; text-decoration:none; } .widget-recent-posts ul li:first-child a{ padding-top:8px; } .widget_recent_comments .fa-angle-right{ display:none; } .widget .twitter-widget li{ font-size:16px; line-height:28px; border:0; padding:0; } /*-------------------------------------------------------------------------------------------*/ /* SHORTCODE DEFINATIONS */ /*-------------------------------------------------------------------------------------------*/ /* ================================================== Tabs ================================================== */ .tabs{ margin-bottom:25px; } .nav-tabs{ } .nav-tabs li{ position:relative; display:block; float:left; margin-right:1px; } .nav-tabs li a{ display:block; padding:10px 20px; background:#f8f8f8; text-decoration:none; font-size:18px; } .nav-tabs li a:hover{ color:#fff; background:#666; text-decoration:none; } .nav-tabs li a:active, .nav-tabs li.active a{ color:#fff; background:#666; } .tab-content{ padding:30px 0; background:#f99e1c; } .tab-content > .tab-pane{ display:none; padding:20px 0px 0px 0px; } .tab-content > .active{ display:block; } /* ================================================== Accordion & Toggle ================================================== */ .accordion { margin-bottom: 35px; } .accordion-group { margin-bottom: 8px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .accordion-heading { border-bottom: 0 none; } .accordion-heading .accordion-toggle { position: relative; display: block; padding: 15px; background:#f8f8f8; text-decoration:none; font-size: 13px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .accordion-toggle { cursor: pointer; } .accordion-toggle:hover{ text-decoration:none; } .accordion-heading:hover .accordion-toggle, .accordion-heading:hover .accordion-toggle.inactive { background:#666; color:#fff; } .accordion-heading .accordion-toggle.active { color:#fff; background:#666; } .accordion-heading .accordion-toggle.inactive { background:#f8f8f8; } .accordion-heading.accordionize .accordion-toggle i, .accordion-heading.togglize .accordion-toggle i { position: absolute; top: 50%; right: 20px; margin: -8px 0 0 0; color: #666; font-size: 18px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .accordion-heading:hover .accordion-toggle i { color: #fff; } .accordion-heading .accordion-toggle.active i, .accordion-heading:hover .accordion-toggle.inactive i { color: #666; } .accordion-heading.accordionize .accordion-toggle.active i, .accordion-heading.togglize .accordion-toggle.active i { color: #fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .accordion-heading.togglize .accordion-toggle i { margin: -8px 0 0 0; font-size: 18px; } .accordion-heading.togglize .accordion-toggle .fa-plus-circle{ display:block; } .accordion-heading.togglize .accordion-toggle.active .fa-plus-circle{ display:none; } .accordion-heading.togglize .accordion-toggle .fa-minus-circle{ display:none; } .accordion-heading.togglize .accordion-toggle.active .fa-minus-circle{ display:block; } .accordion-inner { padding: 16px; border: 1px solid #efefef; background: #fff; } /* ================================================== Alerts ================================================== */ .alert { margin-bottom: 20px; padding: 15px 35px 15px 15px; border: 1px solid #efefef; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #f8f8f8; text-shadow: none; } .alert .close { position: relative; top: 0px; right: -22px; color: #FFFFFF; text-shadow: none; line-height: 20px; -webkit-transition: opacity 0.1s linear 0s; -moz-transition: opacity 0.1s linear 0s; -ms-transition: opacity 0.1s linear 0s; -o-transition: opacity 0.1s linear 0s; transition: opacity 0.1s linear 0s; } .alert .close:hover { text-decoration:none; opacity: 1; } .alert-standard { border-color:#efefef; background-color: #f8f8f8; } .alert-standard, .alert-standard .close { color:#666; } .alert-success { border-color:#d6e9c6; background-color: #dff0d8; } .alert-success, .alert-success .close { color:#468847; } .alert-danger, .alert-error { border-color:#ebccd1; background-color: #f2dede; } .alert-danger, .alert-danger .close, .alert-error, .alert-error .close { color:#b94a48; } .alert-info { border-color:#bce8f1; background-color: #d9edf7; } .alert-info, .alert-info .close { color:#3a87ad; } .alert-warning { border-color:#faebcc; background-color: #fcf8e3; } .alert-warning, .alert-warning .close { color:#c09853; } /* ================================================== Progress bars ================================================== */ @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { margin-bottom: 15px; height: 20px; border-radius: 3px; background-color: #eaeaea; -webkit-box-shadow: none; box-shadow: none; overflow: visible; } .progress-bar { float: left; width: 0%; height: 100%; background-color: #eaeaea; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; text-align: center; font-size: 12px; line-height: 20px; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; position: relative; border-radius: 3px; } .progress-striped .progress-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } span.progress-bar-tooltip { position: absolute; position: absolute; top: -28px; right: 5px; display: block; padding: 4px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333; color: #FFF; font-size: 11px; line-height: 15px; opacity: 0; filter: alpha(opacity=0); -o-border-radius: 3px; } span.progress-bar-tooltip:after { position: absolute; bottom: -5px; left: 13px; display: block; width: 0; border-width: 5px 5px 0; border-style: solid; border-color: #333 transparent; content: ""; } .progress-label{ text-transform:uppercase; } /* ================================================== Facts Counters ================================================== */ .fact-ico{ display:inline-block; width:100px; height:100px; color:#999999; line-height:100px; margin:10px 0; } .fact{ display:inline-block; color:#999999; font-size:15px; margin-top:10px; font-family: 'Volkhov', serif; font-style:italic } .counters .timer{ display:inline-block; color:#333333; font-weight:700; font-size:38px; } .parallax .counters .timer{ color:#ffffff; } /*-------------------------------------------------------------------------------------------*/ /* Parallax /*-------------------------------------------------------------------------------------------*/ /*.parallax{ background-attachment: fixed!important; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-repeat:no-repeat; background-color:#f8f8f8; min-height:331px; }*/ .touch .parallax, .nav-backed-header.parallax{ background-attachment:scroll!important; } /*-------------------------------------------------------------------------------------------*/ /* Responsive Classes /*-------------------------------------------------------------------------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { .navigation > ul > li > a{ padding:0 25px; } .gallery-filter ul li span{ display:none; } } @media only screen and (max-width: 991px) { .top-navigation li{ font-size:18px; } .notice-bar .btn-block, .notice-bar .counter{ margin-top:20px; } .events-listing .event-date{ width:10%; } .events-listing .event-detail{ width:57%; } .events-listing .to-event-url{ width:26%; } .main-menu-wrapper{ display:none; background:#fff; height:auto; position:absolute; left:0; z-index:9999; width:100% } .sticky-wrapper{ height:auto!important } .navigation{ background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; height:auto; position:relative; z-index:9999; } .navigation > ul > li{ display:block; width:100%; line-height: normal; text-align:left; } .navigation > ul > li > a{ padding: 10px; border-bottom:1px solid #eceae4; } .navigation > ul > li > ul, .navigation > ul > li > ul li ul{ position:static; height:auto!important; border-bottom:1px solid #eceae4; top:0; left:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin-left:0; } .navigation > ul > li > ul:before, .navigation > ul > li > ul li ul:before{ display:none; } .is-sticky .main-menu-wrapper{ background-color:#f8f7f3; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .nav-backed-header{ top:0; margin-bottom:0; } ol.breadcrumb{ padding-top:20px; } .page-header{ top:0; margin-bottom:0; } .post .img-thumbnail, .post .img-thumbnail{ margin-bottom:20px; } .post.sermon .post-title .sermon-actions{ text-align:left; } .gallery-filter ul{ float:left; margin-top:20px; } ol.breadcrumb{ padding:40px 0 40px 0; } .logo_wrap .logo { position: relative; left: 0; top: 5px; } .site-header{ width:100%; left: 0; top: 31px; z-index: 999; } } @media only screen and (max-width: 767px) { /* Isotope */ .site-header{ top: 50px; } .isotope { overflow: visible !important; height: auto !important; } .isotope-item { position: static !important; margin-right: auto; margin-left: auto; width: auto; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .isotope-hidden { display: none !important; } .grid-item{ margin-bottom: 6%; } .counter{ margin-top:20px; } .featured-gallery{ text-align:center; } .featured-gallery a{ margin-bottom:20px; display:block; } .footer-widget{ margin-bottom:30px; } .copyrights-col-left, .copyrights-col-right{ text-align:center; } .copyrights-col-left{ margin-bottom:20px; } .copyrights-col-right .social-icons{ text-align:center; } .copyrights-col-right .social-icons a{ margin:0 4px; } .grid-holder.col-2 .grid-item{ width:95%; } .grid-holder.col-3 .grid-item{ width:95%; } .grid-holder.col-4 .grid-item{ width:95%; } .media-box{ margin-bottom:20px; } .grid-item .media-box{ margin-bottom:0; } .listing-header-sub .next-prev-nav{ float:left; } .listing-header-sub h5{ margin-right:0; } .featured-block{ margin-bottom:20px; } .gallery-filter ul li span{ display:none; } .page-header h1{ font-size:24px; } .sidebar{ float:left; width:100%; margin-top:30px; } .staff-item{ margin-bottom:30px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { } @media all and (-webkit-min-device-pixel-ratio: 1.5) { } /*.widget{ margin-top:20px; } .sidebar{ margin-bottom:10px; } .sidebar-widget-title { border-bottom: 4px solid #f8f7f3; margin-bottom: 10px; } .sidebar-widget-title h3 { border-bottom: 1px solid #eceae4; margin-bottom: 0; padding-bottom: 15px; } .widget_custom_category li{ list-style:circle; padding-left:20px; } */ .event_place{ color: #000; display: inline; margin-left: 10px; } .img-thumbnail { background: #f8f7f3; border: 1px solid #eceae4; } .hightlight_event{ position: relative; } .hightlight_event:after{ position: absolute; content: ''; left: 48%; bottom: -60px; border: 50px solid transparent; border-top-color: #FCB711; } .hightlight_event_section{ border-bottom: 4px solid #f8f7f3; border-left: 4px solid #f8f7f3; border-right: 4px solid #f8f7f3; padding-bottom: 30px; } .contact-post{ background:#fff; padding:5px; margin-bottom:10px; } .contact-post p i{ color: #CF0202; margin-right: 5px; } .footer-widget{ margin-bottom:5px; } .footer-widget .widget { margin-bottom: 10px; } .footer-widget p { margin: 0 0 5px 0; } .footer-widget.widget ul > li { border-bottom: 1px solid #eceae4; padding: 5px 0; } .gallery-slide .item{ margin:0px 10px; } .top-phone{ padding: 25px 0px 20px 30px; position:relative; } .top-phone:before{ content:'\f098'; font-family:FontAwesome; position:absolute; top:20px; left:-10px; font-size:38px; color:#C00; padding:14px 0px 14px 0px; } .top-phone h3{ font-size:15px; padding:0px; margin:0px; color:#5e5e5e; line-height:20px; } .top-phone h2{ font-size:18px; padding:0px; margin:0px; font-weight:800; } #owl-demo .item img{ display: block; width: 100%; height: auto; } .blog-post{ } .blog-post h3{ margin-bottom:5px; /*font-size:22px;*/ font-weight:400; } .blog-post h3 a{ color:#000; } .blog-post .post-meta { background-color:transparent; border-bottom: 1px solid #eceae4; padding: 5px 2px; font-size: 12px; margin-bottom: 10px; } .blog-post .meta-data a i { color:#333; } .inner-bg { padding: 20px 0 80px 0; } /****** LOGIN MODAL ******/ .loginmodal-container { width: 100% !important; margin: 0 auto; overflow: hidden; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #FFFCFC; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; filter: alpha(opacity=20); } .modal-header { min-height: 16.428571429px; padding: 15px; background:#F99E1C; border-bottom: 1px solid #e5e5e5; } .loginmodal-container h1 { text-align: left; font-size:18px; text-transform:uppercase; background:#FCB711; padding:10px; color:#FFF; margin:0px; font-weight:600; background:#F99E1C; display:inline-block; } .loginmodal-container input[type=submit] { width: 100%; display: block; margin-bottom: 10px; position: relative; } .loginmodal-container input[type=text]{ height: 44px; font-size: 16px; width: 100%; margin-bottom: 10px; -webkit-appearance: none; background: #fff; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; /* border-radius: 2px; */ padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; } .loginmodal-container input[type=text]:hover{ border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .loginmodal { text-align: center; font-size: 14px; font-weight: 700; height: 36px; padding: 0 8px; /* border-radius: 3px; */ /* -webkit-user-select: none; user-select: none; */ } .loginmodal-submit { /* border: 1px solid #3079ed; */ border: 0px; color: #fff; background-color: #CC0000; padding: 10px 0px; font-size: 16px; margin-top:20px; text-transform:uppercase; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); */ } .loginmodal-submit:hover { /* border: 1px solid #2f5bb7; */ border: 0px; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #FCB711; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); */ } .regfrm .form-box { margin-top: 20px; } .regfrm .form-top { overflow: hidden; padding: 0 15px 0px 15px; background:#F99E1C; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; text-align: left; } .regfrm .form-top-left { float: left; width: 75%; padding-top: 10px; } .regfrm .form-top-left h3 { margin-top: 0; color:#FFF; text-transform:uppercase; } .regfrm .form-top-left p { margin-top: 0; color:#FFF; } .regfrm .form-top-right { float: left; width: 25%; padding-top: 5px; font-size: 66px; color:#F6F6F6; line-height: 100px; text-align: right; } .regfrm .form-bottom { padding: 25px 25px 30px 25px; background:#FFF6E0; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; text-align: left; } .regfrm .form-bottom form textarea { height: 100px; } .regfrm .form-bottom form button.btn { width: 100%; } .regfrm .form-bottom form .input-error { border-color: #19b9e7; } .regfrm .social-login { margin-top: 35px; } .regfrm .social-login h3 { color: #181818; text-align: center; } .regfrm .social-login-buttons { margin-top: 25px; } .regfrm .middle-border { min-height: 300px; border-right: 3px solid #fff; border-right: 1px solid rgb(234, 169, 13); margin-top: 120px; } @media (max-width: 767px) { .regfrm .middle-border { min-height: auto; margin: 65px 30px 0 30px; border-right: 0; border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.6); } } .forget p{ margin-top:30px; color:#CC0000; font-size:16px; text-align:center; } .forget p a{ text-decoration:none; color:#CC0000; } .btn-link-1 { display: inline-block; height: 50px; margin: 5px; padding: 16px 6px 0 6px; background: #19b9e7; font-size: 16px; font-weight: 300; line-height: 16px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; } .btn-link-1.btn-link-1-facebook { background: #4862a3; } .btn-link-1.btn-link-1-twitter { background: #55acee; } .btn-link-1.btn-link-1-google-plus { background: #dd4b39; } .btn-link-1 i { padding-right: 3px; vertical-align: middle; font-size: 20px; line-height: 20px; } .btn-link-2 { display: inline-block; height: 50px; margin: 5px; padding: 15px 20px 0 20px; background: rgba(0, 0, 0, 0.3); border: 1px solid #fff; font-size: 16px; font-weight: 300; line-height: 16px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .btn-link-2:hover, .btn-link-2:focus, .btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; } .construct-wrap{ } .construct-wrap h2{ font-size:30px; padding-bottom:50px; } .navigation > ul > li > a:hover { color: #FCB711; } @media screen and (max-width: 767px){ .owl-theme .owl-controls .owl-buttons div{ padding: 5px; } .owl-pagination { top: -15px; } } .owl-theme .owl-controls .owl-buttons div{ transform: translateY(-50%); } .side-bx{ border: solid #ccc 1px; padding: 0px 0px; overflow: hidden; margin-bottom:0px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .side-bx h3 { border-bottom:none; margin-bottom: 0; padding-bottom: 15px; background:#F99E1C; color:#FFF; padding:10px 20px; } .side-bx .sidebar-widget-title { border-bottom: 0px solid #f8f7f3; margin-bottom: 0px; } .int-bx{ width:100%; border: solid #ccc 1px; padding: 0px; margin-bottom: 40px; border-top-right-radius: 5px; border-top-left-radius: 5px; position:relative; } .int-bx h3 { font-size: 24px; color: #fff; line-height: 30px; border-bottom: solid #ddd 1px; margin: 0px; padding: 8px; padding-left: 10px; padding-bottom: 8px; background:#FCB711; border-top-right-radius: 5px; border-top-left-radius: 5px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight:600; } .reg-btn{ display:inline-block; position: absolute; bottom: -10px; right: 10px; } .reg-btn a{ background:#cc0000; padding:10px 25px; line-height:35px; color:#FFF; text-decoration:none; font-size:14px; font-size:15px; font-weight:800; } .reg-btn a:hover{ background:#000; } .content-bx{ margin:0px; padding:0px; } .nxt-event{ border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; padding: 0px 0px 0px 0px; float: left; width: 100%; background: #FFF; margin-bottom:0px; } .nxt-event h5 { font-size: 20px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 10px 10px; line-height: normal; background-color: #FCB711; margin: 0px; } .nxt-event figure{ display: block; position: relative; overflow: hidden; } .nxt-event figure:hover{ opacity:0.5; } .nxtevent-detail{ padding:0px 0px 0px 10px; background-color: #f8f8f8; } .nxtevent-detail>ul { /*background-color: #f8f8f8;*/ padding: 12px 5px; width: 100%; margin:0px; } .nxtevent-detail>ul>li { color: #4c5955; padding-left: 15px; padding-right: 3px; margin: 0px; font-size: 13px; } .nxtevent-detail>ul>li i { color: #900; } .nxtevent-detail .list-inline { padding-left: 0; margin-left: 0px; list-style: none; } .nxt-event a{ text-decoration:none; } /*******HEADING #4******************/ .featured-heading { position: relative; text-align: center; color: #CC0000; } .featured-heading span { padding: 0 30px; position: relative; z-index: 1; background-color:#FFF; text-transform:uppercase; } .featured-heading:after { background: #2F2A2A; display: block; width: 100%; } .featured-heading:after, .featured-heading span:before, .featured-heading span:after { content: ""; height: 2px; margin-top: 0px; position: absolute; top: 50%; } .featured-heading span:before, .featured-heading span:after { background-color: #F99E1C; margin-top: 0; width: 39px; } .featured-heading span:before { left: -39px; } .featured-heading span:after { right: -39px; } .up-next { position: relative; margin: 0 auto; padding: 3px; list-style: none; text-align: center; width:100%; } .listing-event{ margin:0px; padding: 0px 15px 0px 15px; } .listing-event figure{ padding:0px 20px 0px 0px; } .listing-event ul{ padding: 5px 0px; width: 100%; margin-bottom:10px; margin-top:10px; border-bottom: #FCB711 double 3px; } .listing-event .bx-meta li{ display: inline-block; color: #4c5955; padding-left: 3px; padding-right: 3px; margin: 2px; font-size: 13px; } .listing-event .bx-meta li i { color: #900; font-weight:600; } .listing-event a{ color: #CC0000; text-decoration: none; margin-top: 30px; font-size: 16px; font-weight: 800; } .listing-event a:hover{ color:#000; } .listing-event p{ padding:0px 0px 15px 0px; margin:0px; } .bx-ftt{ width:100%; background:#070707; padding:5px 10px 5px 10px; text-align:right; } .bx-ftt p{ color:#FC0; margin:0px; padding:0px; display:inline-block; line-height:25px; } .bx-ftt .social-icons{ display:inline-block; padding:0px 0px 0px 0px; } .bx-ftt .social-icons a { margin: 0 8px; text-decoration: none; color:#FFF; font-size:18px; } .bx-ftt .social-icons a:hover{ color:#CC0000; } .panel-login { border-color: #ccc; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); } .panel-login>.panel-heading { color: #00415d; background-color: #fff; border-color: #fff; text-align:center; } .panel-login>.panel-heading a{ text-decoration: none; color: #666; font-weight: bold; font-size: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } .panel-login>.panel-heading a.active{ color: #029f5b; font-size: 18px; } .panel-login>.panel-heading hr{ margin-top: 10px; margin-bottom: 0px; clear: both; border: 0; height: 1px; background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); } .panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] { height: 45px; border: 1px solid #ddd; font-size: 16px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } .panel-login input:hover, .panel-login input:focus { outline:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #ccc; } .btn-login { background-color: #59B2E0; outline: none; color: #fff; font-size: 14px; height: auto; font-weight: normal; padding: 14px 0; text-transform: uppercase; border-color: #59B2E6; } .btn-login:hover, .btn-login:focus { color: #fff; background-color: #53A3CD; border-color: #53A3CD; } .forgot-password { text-decoration: underline; color: #888; } .forgot-password:hover, .forgot-password:focus { text-decoration: underline; color: #666; } .btn-register { background-color: #1CB94E; outline: none; color: #fff; font-size: 14px; height: auto; font-weight: normal; padding: 14px 0; text-transform: uppercase; border-color: #1CB94A; } .btn-register:hover, .btn-register:focus { color: #fff; background-color: #1CA347; border-color: #1CA347; } .section-title3 { text-transform: uppercase; text-align: center; padding-bottom: 0px; font-size: 26px; font-weight: 400; margin-bottom: 30px; } .section-title3 h1{ padding:0px; margin:0px; } h1.section-title3:after { border-bottom: 3px solid #cc0000; content: ""; display: block; margin: 5px auto; width: 80px; } .miss-stat{ padding:40px 0px; } .miss-stat .stat-txt p{ font-size:14px; text-align:center; } .top-sticky-bar{ padding: 7px 0px 5px 0px; background:#fcb711; z-index: 999; width: 100%; position:fixed; display:none; } .top-sticky-bar .title h2{ color:#000; font-size:18px; line-height:49px; margin:0px; } .top-sticky-bar .meta-data{ font-size:16px; color:#000; display:inline-block; margin-right:10px; line-height:49px; } .top-sticky-bar .meta-data i,.top-sticky-bar .event_place i { margin-right:5px; } .top-sticky-bar .event_place{ font-size:16px; color:#000; display:inline-block; line-height:49px; } .top-sticky-bar .counter .timer-col{ display: block; width: 28%; text-align: center; float: left; margin-right: 5%; } .top-sticky-bar .timer-col #days, .top-sticky-bar .timer-col #hours, .top-sticky-bar .timer-col #minutes, .top-sticky-bar .timer-col #seconds{ display:inline-block; font-size:18px; padding:5px 10px; line-height: 25px; } .top-sticky-bar .timer-col #days{ color:#ffffff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .top-sticky-bar .timer-col #hours, .top-sticky-bar .timer-col #minutes, .top-sticky-bar .timer-col #seconds{ width: 100%; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; line-height: 25px; } .top-sticky-bar .timer-col .timer-type{ font-size:12px; display:block; margin-top:0px; color:#FFF; line-height: 15px; } .login-body{ margin:30px 0px 30px 0px; } .container-login { min-height: 0; width: 100%; color: #333333; margin-top: 40px; padding: 0; } .center-block { display: block; margin-left: auto; margin-right: auto; } .container-login > section { margin-left: 0; margin-right: 0; padding-bottom: 10px; } #top-bar { display: inherit; } .nav-tabs.nav-justified { border-bottom: 0 none; width: 100%; } .nav-tabs.nav-justified > li { display: table-cell; width: 1%; float: none; font-size: 24px; text-transform: uppercase; } .container-login .nav-tabs.nav-justified > li > a, .container-login .nav-tabs.nav-justified > li > a:hover, .container-login .nav-tabs.nav-justified > li > a:focus { background: #080808; border: medium none; color: #ffffff; margin-bottom: 0; margin-right: 0; border-radius: 0; } .container-login .nav-tabs.nav-justified > .active > a, .container-login .nav-tabs.nav-justified > .active > a:hover, .container-login .nav-tabs.nav-justified > .active > a:focus { background: #f99e1c; color: #FFFFFF; } .container-login .nav-tabs.nav-justified > li > a:hover, .container-login .nav-tabs.nav-justified > li > a:focus { background: #cc0000; } .tabs-login { background: #f99e1c; border: medium none; margin-top: -1px; padding: 10px 30px; } .container-login h2 { color: #ea533f; } .container-login .form-control { background-color: #ffffff; background-image: none; border: 1px solid #999999; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #333333; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .container-login a{ font-size: 16px; font-weight: 600; color: #000; text-decoration: none; } .container-login a:hover{ color:#cc0000; } .container-login form-group { margin-bottom: 0px; } .container-login .container-login .checkbox { margin-top: -15px; } .container-login .container-login button { background-color: #cc0000; border-color: #DF2E17; color: #ffffff; border-radius: 0; font-size: 18px; line-height: 1.33; padding: 10px 16px; width: 100%; } .container-login button:hover, .container-login button:focus { background: #de2f18; border-color: #be2815; color: #fff; } .container-login .form-horizontal .control-label { text-align: right; margin-bottom:5px; font-size:16px; } .frm-heading{ text-align:center; text-transform:uppercase; padding:20px 0px; color:#FFF; } .frm-heading h1{ font-size:28px; } .side-heading { position: relative; margin:10px 0px; } .side-heading h2 { font-size: 24px; text-transform: uppercase; font-weight: 700; background-color: #fff; margin: 0px 0 10px 0; display: inline-block; padding-right: 10px; color: #111; } .side-heading:before { position: absolute; bottom: 25px; left: 0; width: 100%; height: 5px; background-color:#cc0000; content: ""; display: block; z-index: -1; } .side-heading.align-center { text-align: center; } .side-heading.align-center h2 { padding: 0 10px; } .side-heading.align-right { text-align: right; } .side-heading.align-right h2 { padding: 0 0 0 10px; } .pst-evnt{} .cuming-event{ margin:0px 0px 50px 0px; } .cuming-event .panel-default > .panel-heading { color: #1C1B1B; background-color: #fcb711; border-color: #fcb711; } .cuming-event .panel-default > .panel-heading h3 { margin-bottom:0px; } .cuming-event .panel-body { padding: 0px; } .cuming-event .info-table li { border: 1px solid #fff; padding: 10px 7px; background-color: #f8f7f3; } .cuming-event .info-table li a{ width:100%; text-align:center; } .cuming-event .info-table li i.fa { margin-right: 5px; font-weight: bold; } .cuming-event .panel-heading { padding: 0px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; /* line-height: 35px; */ text-transform: uppercase; font-size: 18px; font-weight: 700; } .widget{ margin-bottom: 30px; border-top: none; color: #111111; } .widget .widget-title{ text-transform: uppercase; font-size: 18px; margin-bottom: 3px; margin-top: 0; background-color: #fcb711; border: 1px solid #E1A30D; color: #262626; padding: 5px 15px; position: relative; } .widget .widget-title:after{ position: absolute; bottom: -4px; left: -1px; height: 2px; background-color: #cc0000; content: ""; width: 50%; } .widget .widget-bx{ padding: 10px 10px; border: 1px solid #e5e5e5; } .full-width { width: 100%; } .popular-post { position: relative; padding: 10px 0px; overflow: hidden; border-bottom: 1px solid #e5e5e5; } .popular-post:last-child { position: relative; padding: 5px 0px; overflow: hidden; border-bottom: none; } .popular-post img{ display:block; width:100%; } .popular-post h2{ margin-bottom:0px; font-size:14px; } .popular-post h2 a{ color:#000; font-weight:bold; } .popular-post.thumb-left .widget-thumb { float: left; width: auto; margin-right: 10px; margin-top: 4px; } .popular-post .post-text { margin-top: 10px; font-size: 14px; margin-top: 0; margin-bottom: 5px; } .popular-post .post-text .post-header { overflow: hidden; position: relative; margin-bottom: 10px; } .popular-post .post-text .post-header:before { position: absolute; bottom: 0; left: 0; background-color: #666; content: ""; height: 1px; width: 40px; } .popular-post .post-text .post-author { padding-top: 5px; font-size: 10px; text-transform: uppercase; display: block; line-height: 14px; color: #aaaaaa; float: left; padding-right: 10px; } .popular-post .post-text .post-author { padding-top: 5px; font-size: 10px; text-transform: uppercase; display: block; line-height: 14px; color: #aaaaaa; float: left; padding-right: 10px; margin-bottom: 10px; } .popular-post .post-text .post-date, .popular-post .post-text .post-author { padding-top: 5px; font-size: 10px; text-transform: uppercase; display: block; line-height: 14px; color: #aaaaaa; float: left; padding-right: 10px; } .popular-post .post-text .post-date .fa, .popular-post .post-text .post-author .fa { font-size: 14px; padding-right: 5px; } .popular-post .post-text .post-title a { display: block; font-size: 14px; line-height: 1.3; font-weight:800; } .widget a:hover { color: #CC0000; } .widget .btn-primary:hover { color:#FFF!important; text-decoration:none!important; } .red { background: #cc0000; } .red-fnt{ font-size:18px; } .widget .recent_post { } .widget .recent_post ul { margin:0px; padding:0px; } .widget .recent_post ul li { list-style:none; display:block; border-bottom:solid 1px #f0f0f0; padding-bottom:10px; margin-bottom:10px; } .widget .recent_post ul li figure { margin: 0; } .widget .recent_post ul li a { display: block; text-decoration: none; } .widget .recent_post ul li h2 { margin:0px; font-size: 14px; color: #595959; font-weight: bold; margin: 0 0 12px 0; padding: 0px; line-height:19px; } .widget .recent_post ul li h2 a { font-size:14px; /*color:#333;*/ font-weight:normal; line-height:19px; } .widget .recent_post ul li h2 a:hover { color:#CC0000; } .widget .recent_post ul li img { width:58px; float:left; padding:3px; margin:0 5px 0 0; border: solid 1px #eaeaea; border-radius:5px; } .widget .recent_post ul li:last-child { border-bottom:none; margin:0px; } .widget .categories_list { } .widget .categories_list ul { margin:0px; padding:0px; } .widget .categories_list li { position:relative; display:block; border-bottom: solid #ddd 1px; line-height:25px; padding:5px 0; padding-left:5px; color:#777; list-style:none!important; } .widget .categories_list li:last-child { border-bottom:none } .widget .categories_list li:before { display:block; position:absolute; /* left:2px;*/ top:7px; font-family:'FontAwesome'; /* content:'\f054';*/ } .widget .categories_list li span { display:block; position:absolute; top:7px; right:3px; background:#c71f1f; color:#fff; text-align:center; line-height:22px; width:22px; font-size:12px; font-weight:bold; border-radius:4px; } .widget .categories_list li a { display:block; color:#777; text-decoration:none; } .sidebar .categories_list li:hover a { color:#F99E1C; } .post-share{ margin:10px 0px; } .side-advt{ margin-bottom:20px; } .side-advt img{ } .pf-times-btn{ width:100%; text-align:center; margin:80px 0px 80px 0px; } .stitched { position: relative; padding: 10px 20px; margin: 0px auto; margin-bottom:0px; background: #cc0000; color: #fff; font-size: 13x; font-weight: normal; border: 2px dashed #fff; border-radius: 4px; box-shadow: 0 0 0 4px #AA0909, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); font-weight: normal; } .pf-times-btn a{ color:#FFF; font-size:18px; font-weight:bold; text-transform:uppercase; letter-spacing: 4px; } .pf-times-btn a:hover{ background: #f99e1c; box-shadow: 0 0 0 4px rgb(215, 160, 81), 2px 1px 6px 4px rgba(10, 10, 0, 0.5); } .times-thumbnail { display: block; padding: 0px; margin-bottom: 40px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .times-thumbnail .thumb-img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; opacity: 1; width: 100%; } .times-thumbnail:hover .thumb-img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .times-thumbnail .magz-info{ padding:5px 10px; } .times-thumbnail .magz-info h2{ font-size:16px; font-weight:600; margin:5px 0px; padding:0px; } .times-thumbnail .magz-info p small{ font-size:13px; color:#999; margin:0px; padding:0px; } .times-thumbnail .magz-info p small i{ margin-right:5px; font-size:15px; } .times-thumbnail p { color:#000; margin:5px 0px; padding: 0px 0px 5px 0px; line-height: 15px; font-size: 12px; } .magz-delivered{ color:#5cb85c; } .magz-receved{ color:#390; } .cuming-magz{ /* padding:20px; background-color: #ffffff; border: 1px solid #dddddd;*/ margin-bottom:70px; /*padding:0px 0px; border: 1px solid #dddddd;*/ border-radius: 4px; background: #F99E1C; } .cuming-magz h2{ font-size:26px; font-weight:800; } .cuming-magz figure{ width:100%; background:#CCC; position:relative; } /*.cuming-magz figure:before{ position:absolute; bottom:20px; right:-40px; content:''; width:50px; height: 20px; background: #2C2A2A; border-radius:4px; z-index:999; border:#FFF solid 2px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); } */ .new-magz-info{ width:100%; background:#f99e1c; padding:20px 30px; min-height:330px; position:relative; z-index:99; text-align: center; } /*.new-magz-info:before{ position:absolute; top:20px; left:-40px; content:''; width:50px; height: 20px; background: #2C2A2A; border-radius:4px; border:#FFF solid 2px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); } */ .new-magz-info h2{ text-align:center; font-size:25px; text-transform:uppercase; margin-bottom:30px; margin-top:20px; } .new-magz-info h4{ text-align:center; font-size:23px; text-transform:uppercase; margin-bottom:20px; margin-top:20px; line-height:40px; } .new-magz-info sup{ font-size:13px; text-transform:lowercase; } .new-magz-info p{ text-align:center; font-size:14px; margin:0px 0px; color: #333333; text-transform:capitalize; } .tag-new{ background:#cc0000; color:#FFF; padding:4px 10px; border-radius:4px; margin:-20px 0px 0px 0px; } .press-ment{ margin:30px 0px; } .p-mention{} .p-mention li { padding: 0 20px; margin:30px 0px; } .p-mention li a { color:#000; display:block; } .p-mention li a:hover{ opacity:0.8; } .press-ment .p-logo { margin-bottom: 15px; min-height:35px; } .press-ment .p-desc { line-height: 20px; margin: 8px 0; color: #555; } .press-ment .p-desc p{ margin:0px; padding:0px; text-align:justify; } .press-ment .p-date { font-size: 13px; margin: 0; color:#999; } .press-ment .p-date i{ margin:0px 5px 0px 0px; } .press-news{ width:100%; padding:30px 0px; background:#f8f7f3; } .press-rel{ width:100%; padding:30px 30px; } .press-rel .p-logo { margin-bottom: 15px; overflow: hidden; } .press-rel .p-title { font-size: 18px; line-height: 26px; margin: 0 0 10px 0; font-weight: bold; } .press-rel .p-date { font-size: 14px; margin: 0; color: #969696; } .press-rel .p-date i{ margin-right:5px; } .press-rel .p-excerpt { margin: 10px 0; } .press-rel .p-excerpt p{ margin:0px; padding:0px; text-align:justify; } .press-rel .item{ margin:0px 20px 10px 20px; } .press-rel .p-link{ color: #C00; text-decoration: none; font-size: 16px; } .press-rel .p-link a{ color: #C00; } .press-rel .p-link a:hover{ color:#333; } .press-rel .owl-theme .owl-controls .owl-buttons .owl-prev { left: -50px; top: 50%; } .press-rel .owl-theme .owl-controls .owl-buttons .owl-next { right: -50px; top: 50%; } .news_container { background-color: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); box-shadow: 0 0 5px 0 rgba(0,0,0,.1); margin: 0 0 30px; border: #f99e1c solid 1px; } .img_container { position: relative; overflow: hidden; border: 1px solid #fff } .news_container .news_title { padding: 15px; position: relative; background: #fcb711; } .news_container .news_title .rating { font-size: 14px; margin-left: -3px } .news_container .news_title h3 { margin: 0; font-size: 18px; text-transform: uppercase } .news_container .news_title h4 { margin: 0; font-size: 14px; text-transform: uppercase } .news_container .news_title h4 sup{ font-size:14px; text-transform:lowercase; } .img_container a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .img_container img { -webkit-transform: scale(1); transform: scale(1) -webkit-transition: all .7s ease; transition: all .7s ease } .short_info { position: absolute; left: 0; bottom: 0; background:url(../images/shadow_tour.png) left bottom repeat-x; width: 100%; padding: 10px 10px 8px 5px; color: #fff } .short_info i { font-size: 20px; display: inline-block; vertical-align: middle; font-weight: 400; font-style: normal; padding: 0; margin: 0px 10px 0px 0px; } .short_info .price { float: right; font-size: 28px; font-weight: 700; display: inline-block } .p-mention-brief{ padding: 10px 10px; margin-bottom: 20px; border: 2px solid #ccc; background:#FFF; } .p-mention-brief a{ background:#FFF; } .p-mention-brief:hover { border:2px solid #f99e1c; color:#000; } .p-mention-brief h4{ margin:0px; padding:10px 0px 5px 0px; } /* Careers Page */ .job-offer { padding: 20px 10px; border: 1px solid #e7e7e7; margin-bottom:20px; } .job-info:before, .job-info:after { content: " "; display: table; } .job-info:after { clear: both; } .job-info span { font-size: 14px; letter-spacing: 2px; display: block; font-weight: 500; } .job-info h3 { margin: 0px; font-size: 28px; font-weight: bold; } .job-info small { font-size: 14px; color: #cc0000; display: block; } .job-content { margin-top: 20px; } .job-content p { font-size: 14px; line-height: 20px; margin: 0 0 5px 0; } .job-offer a.small-link { font-size: 14px; letter-spacing: 2px; font-weight: 600; color: #cc0000; } .job-offer a:hover.small-link { color:#000; } .career_form { width: 100%; padding: 10px 20px 10px 20px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset; border: #FFFFFF solid 3px; margin-bottom: 20px; } .career_form p { padding: 0; margin-bottom: 5px; border-radius: 5px; width: 100%; margin: 0px 0px 5px 0px; float: left; } .career_form sup { color: #f00; } .career_form .form-group{ position:relative; margin-top: 10px; } .career_form .form-group input[type="text"], .career_form .form-group input[type="email"], .career_form .form-group input[type="url"], .career_form .form-group input[type="file"], .career_form .form-group input[type="password"], .career_form .form-group select, .career_form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:9px 15px; border:1px solid #d5d5d5; font-size:14px; color:#252525; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .career_form .form-group input[type="text"]:focus, .career_form .form-group input[type="email"]:focus, .career_form .form-group input[type="url"]:focus, .career_form .form-group input[type="password"]:focus, .career_form .form-group select:focus, .career_form .form-group textarea:focus{ border-color:#ED3136; } .career_form .form-group input[type="text"].error, .career_form .form-group input[type="email"].error, .career_form.form-group input[type="url"].error, .career_form .form-group input[type="password"].error, .career_form .form-group select.error, .career_form .form-group textarea.error{ border-color:#ff0000 !important; } .career_form .form-group label.error{ display:none !important; } .career_form .form-group textarea{ height:180px; resize:none; } .archive-gallery{ margin:20px 0px; } .archive-gallery .format-image{ margin:0px 0px 20px 0px; } .archive-video{ margin:20px 0px; } .archive-details{ margin: 0px 0px 20px 0px; } .archive-details .event-cover { margin: 0 0 0px; } .archive-details .event-cover .the-slider { margin: 0; padding: 0; } .archive-details .event-header { margin: 0 0 20px; position: relative; padding: 0; } .archive-details .event-header h2 { font-size: 24px; margin: 0; font-weight: 700; position: relative; color: #5a6a70; line-height: 1.5em; } .archive-details .event-header .event-header-box { background: #CC0000; padding: 10px 20px; min-height: 80px; margin: 0 0 20px; } .archive-details .event-header .event-header-box i { color: #fff; border: 2px solid #fff; width: 60px; height: 60px; text-align: center; border-radius: 100%; padding-top: 14px; position: absolute; top: 0; left: 0; line-height: 1em; font-size: 27px; } .archive-details .event-header .event-header-box .box-event-info { position: relative; padding-left: 70px; } .archive-details .event-header .event-header-box .box-event-info p { font-weight: 700; margin: 0; padding-top: 7px; line-height: 1.5em; color: #fff; } .archive-info{} .archive-info p{ margin:0px; text-align:justify; } .top-chat-header{ padding:80px 0px; background: rgba(0,0,0,0.5); } .ask-question-header{ font-weight: 600; line-height: 38px; color: #ffffff; text-align: center; margin-bottom: 1.8rem; padding-top: 150px; } .ask-question-header h2{ font-weight: 600; line-height: 42px; color: #ffffff; font-size:38px; letter-spacing: 3px; text-transform:uppercase; margin:0px; padding:0px; } .ask-question-header p{ font-weight: 600; line-height: 32px; color:#fcb711; font-size:15px; letter-spacing: 2px; } .ask-question-frm { -webkit-box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); -moz-box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #e2f4ef; padding:2px; background:#FFF; margin-bottom: 20px; } .ask-question-frm .form-type-textarea { margin-bottom: 0; width:100%; } .ask-question-frm .form-type-textarea textarea{ border: none; border-bottom: 1px solid #ededed; font-size: 28px; font-weight: 700; text-align: center; color: #052119; height: 130px; line-height: 1.5; padding: 2.1875rem 0.625rem 1.25rem; -webkit-border-radius: 8px; -webkit-border-bottom-right-radius: 1px; -webkit-border-bottom-left-radius: 1px; -moz-border-radius: 8px; -moz-border-radius-bottomright: 1px; -moz-border-radius-bottomleft: 1px; border-radius: 8px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; width:100%; } .ask-question-frm .form-type-textarea textarea:nth-of-type(2)::-webkit-input-placeholder { color:#999; font-size:24px; } .ask-question-tags-with-checkbox { padding: 10px; transition: all 1s ease; height: 45px; } .ask-question-tags-with-checkbox .form-item-ask-anonymously { float: right; font-size: 0.8125rem; margin:4px 0 0; } .ask-question-tags-with-checkbox .form-item-ask-anonymously input[type="checkbox"] { float: left; margin: 0; } .ask-question-tags-with-checkbox .form-item-ask-anonymously label { font-weight: 500; line-height: 1; float: left; margin: 0 0 0 5px; } #edit-ask-question-title-counter { font-size: 11px; float: right; color: #e771a1; margin-left: 5px; margin-top: 12px; margin-right: 10px; } .ask-question-btn{ text-align:center; } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -moz-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background:#cc0000; color:#FFF; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; font-size: 16px; font-weight: 600; /* margin-top: 20px;*/ padding: 13px 30px; border-radius:5px; border:none; text-transform:uppercase; text-align: center; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background:#000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:5px; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; border:none; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .questions-wrap{ margin-top: 20px; } .field-content{ margin-bottom:20px; } .basic_info { clear: both; overflow: hidden; } .basic_info .holder { width: 65px; float: left; } .basic_info .mask { border: 3px solid #fcb711; border-radius:100%; width: 50px; height: 50px; padding: 3px; } .basic_info .mask img { float: left; width: 100%; height: 100%; border-radius:100%; } .basic_info .user-name { float: left; padding: 0 10px 5px 0; margin-right: 10px; margin-top: 5px; text-transform: capitalize; font-size: 16px; color: #cc0000; font-weight: 600; } .basic_info .user-name a { color: #cc0000; } .basic_info .user-name a:hover { color:#000; } .basic_info .user-name .date{ font-size:13px; color:#999; font-weight:400; } .question-desc{ padding-bottom: 40px; /*border-bottom: 1px solid #ededed;*/ } .ques-label { font-size: 14px; font-weight: 600; margin: 5px 0px 5px 0px; line-height: 20px; position: relative; padding: 15px 0px 20px 45px; display: block; } .ques-label:before{ position: absolute; content: 'Q'; top: 0px; left: 0px; font-family: FontAwesome; color: rgba(204, 204, 204, 0.22); font-size: 40px; line-height: 60px; text-transform: uppercase; } .ques-label a { color: #4d4d4d !important; } .ques-label a:hover { color: #cc0000 !important; } .ans-label{ margin-top:10px; } .ans-label p{ text-align:justify; color: #717171; font-size: 14px; line-height: 24px; margin:0px; } .question-sub-tags { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #ededed; padding-bottom: 10px; } .question-tag{ margin: 0px 0px 0px 10px; padding:0px 0px 0px 0px; position:relative; } .question-tag:before{ position:absolute; content:'\f02c'; top:0; left:0; font-family:FontAwesome; color:#fcb711; font-size:16px; } .question-sub-tags ul{ margin: 0; padding: 0; padding-left: 25px; } .question-sub-tags ul li{ list-style: none; list-style-image: none; text-transform: uppercase; position:relative; font-size: 11px; display: inline-block; padding: 0 10px; position:relative; color: #cc0000; } .question-sub-tags ul li:after{ position:absolute; top:0; right:0; content:''; font-family:FontAwesome; content:'|'; } .question-sub-tags ul li:last-child:after{ content:''; display:none; } .question-sub-tags ul li:before{ position:absolute; top:0; left:0; content:''; } .question-sub-tags ul li a{ color:#F00; } .question-sub-tags ul li a:hover{ color:#333; } .question-social-links { display: inline-block; float: right; line-height: 1em; } .chat-profile-bg { background: #FCB711; padding: 0px; box-shadow: 0 2px 0 rgba(0,0,0,.07); } .profile-card { padding-top: 20px; margin: 0px 0 20px 0; /*background-color: rgba(214, 224, 226, 0.2);*/ border-top-width: 0; border-bottom-width: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99; } .profile-card .profile-card-heading { padding: 0 20px; margin: 0; } .profile-card .profile-card-heading.simple { font-size: 20px; font-weight: 300; color: #777; border-bottom: 1px solid #e5e5e5; } .profile-card .profile-card-heading.image img { display: inline-block; width: 46px; height: 46px; margin-right: 15px; vertical-align: top; border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .profile-card .profile-card-heading.image .profile-card-heading-header { display: inline-block; vertical-align: top; } .profile-card .profile-card-heading.image .profile-card-heading-header h3 { margin: 0; font-size: 14px; line-height: 16px; color: #262626; } .profile-card .profile-card-heading.image .profile-card-heading-header span { font-size: 12px; color: #999999; } .profile-card .profile-card-body { padding: 0 20px; margin-top: 20px; } .profile-card .profile-card-media { padding: 0 20px; margin: 0 -14px; } .profile-card .profile-card-media img { max-width: 100%; max-height: 100%; } .profile-card .profile-card-actions { min-height: 30px; padding: 0 20px 20px 20px; margin: 20px 0 0 0; } .profile-card .profile-comments{ padding: 20px; margin: 0; background-color: #f8f8f8; } .profile-card .profile-comments.comments-collapse-toggle { padding: 0; margin: 0 20px 12px 20px; } .profile-card .profile-comments.comments-collapse-toggle a, .profile-card .profile-comments.comments-collapse-toggle span { padding-right: 5px; overflow: hidden; font-size: 12px; color: #999; text-overflow: ellipsis; white-space: nowrap; } .profile-comments.media-heading { font-size: 13px; font-weight: bold; } .profile-card.people { position: relative; display: inline-block; width: 170px; height: 300px; padding-top: 0; margin-left: 20px; overflow: hidden; vertical-align: top; } .profile-card.people:first-child { margin-left: 0; } .profile-card.people .profile-card-top { position: absolute; top: 0; left: 0; display: inline-block; width: 170px; height: 150px; background-color: #ffffff; } .profile-card.people .profile-card-top.green { background-color: #53a93f; } .profile-card.people .profile-card-top.blue { background-color: #427fed; } .profile-card.people .profile-card-info { position: absolute; top: 150px; display: inline-block; width: 100%; height: 101px; overflow: hidden; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .profile-card.people .profile-card-info .title { display: block; margin: 8px 14px 0 14px; overflow: hidden; font-size: 16px; font-weight: bold; line-height: 18px; color: #404040; } .profile-card.people .profile-card-info .desc { display: block; margin: 8px 14px 0 14px; overflow: hidden; font-size: 12px; line-height: 16px; color: #737373; text-overflow: ellipsis; } .profile-card.people .profile-card-bottom { position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; padding: 10px 20px; line-height: 29px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .profile-card.hovercard { position: relative; padding-top: 0; /* overflow: hidden;*/ text-align: center; /*background-color: rgba(214, 224, 226, 0.2);*/ } .profile-card.hovercard .profile-cardheader { background: url("http://lorempixel.com/850/280/nature/4/"); background-size: cover; height: 135px; z-index:999; } .profile-card.hovercard .avatar { position: relative; top: -50px; margin-bottom: -50px; } .profile-card.hovercard .avatar img { width: 100px; height: 100px; max-width: 100px; max-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(252, 183, 17, 0.54); } .profile-card.hovercard .info { padding: 4px 8px 10px; } .profile-card.hovercard .info .title { margin-bottom: 4px; font-size: 24px; line-height: 1; color:#000; vertical-align: middle; font-weight:600; text-transform:uppercase; margin-top: 5px; line-height: 20px; } .profile-card.hovercard .info .qualification{ font-size: 13px; margin-bottom: 8px; text-transform: capitalize; } .profile-card.hovercard .info .city_country { color:#333; margin-bottom: 15px; margin-top: 8px; text-transform: uppercase; font-weight:600; } .profile-card.hovercard .info .desc { overflow: hidden; font-size: 14px; line-height: 20px; color: #737373; margin:25px 0px 15px 0px; font-weight:600; } .profile-card.hovercard .info .desc strong{ color:#900; } .profile-card.hovercard .bottom { padding: 0 20px; margin-bottom: 17px; } .top-profile-bg{ padding: 230px 0px 3px 0px; background:#E4D0A3 } .view-basic_info { /* border-bottom: 1px solid #dff2ec; padding-bottom: 15px; margin-bottom: 20px;*/ clear: both; overflow: hidden; } .view-basic_info .ques-detail { font-size: 12px; } .view-basic_info .ques-posted-data { display: inline-block; color: #052119; font-weight:bold; margin-right: 5px; } .view-basic_info .posted_date { opacity: 0.6; } .view-basic_info .posted_date:after { content: '|'; padding-left: 4px; margin-right: 3px; } .view-basic_info .ques-page-count { color: #a1a2a1; opacity: 1; display: inline-block; } .view-basic_info .ques-page-count .page-views-count { color: #cc0000; font-weight: bold; } .view-basic_info .question-answered { display: inline-block; color: #052119; opacity: 0.8; } .view-basic_info .question-answered .answered-count a{ color: #cc0000; font-weight: bold; } .question-ans-ans-wrap{ margin:20px 0px 0px 0px; } .question-ans{ margin:0px 0px 50px 0px; } .question-ans.ques-user-info{ } .question-ans .ques-user-info .mask { width: 100px; height: 100px; float: right; border: 3px solid #f99e1c; border-radius: 100%; padding: 3px; } .question-ans .ques-user-info .mask img { border-radius: 100%; float: left; width: 100%; height: 100%; } .question-ans .ques-user-info .dr-name{ text-align: right; margin-top: 10px; } .question-ans .ques-user-info .dr-name a { text-transform: capitalize; line-height: 2; overflow: hidden; padding: 5px 0px 0px 0px; color: #444; font-size: 16px; font-weight: 600; } .user-thanks{ margin-top:10px; text-align:right; color:#999; font-weight:bold; font-size:12px; } .user-thanks span{ color:#4d4d4d; } .question-ans .ques-user-info .static-stics { font-size: 13px; width: 100%; margin-top: 15px; margin-bottom: 20px; } .question-ans .ques-user-info .static-stics li { display: inline-block; padding-right: 5px; padding-left: 5px; width: 40%; } .question-ans .ques-user-info .static-stics li a { color: #4d4d4d; font-weight: bold; } .question-ans .ques-user-info .static-stics li .a-green-small { font-weight: bold; color: #4d4d4d; } .question-ans .question-full-des{ padding-left: 28px; border-left: 1px solid #DFF2EC; } .question-ans .question-full-des .question-sub-info { margin-top: 0; border-bottom: none; padding-bottom: 0; color: #4d4d4d; font-size: 13px; font-weight: 600; } .question-ans .question-full-des .post-date { font-size: 12px; color: #a0a1a1; margin-bottom:5px; font-weight: 400; } .disclaimer { font-size: 12px !important; color: #EEC891; font-weight: 400; } .dr-info-wrap{ border:#F4F3F3 solid 1px; border-radius:3px; padding:10px 20px; } .dr-details { } .dr-details .bx1{ border-top: 1px solid #fcb711; padding-bottom: 30px; clear: both; overflow: visible; } .bx1 .block_heading { color: #fcb711; font-size: 18px; line-height: normal; font-weight: 600; background:#FFF; padding-left: 0px; margin: 0; display: inline-block; position: relative; top: -14px; padding-right: 15px; } .bx1 .bx1-text{ } .bx1 .bx1-text p{ margin-bottom:0px; } .questpage-doctor{ margin-top:40px; background:#FFD97D; padding:30px 0px 0px 0px; } .questpage-asked{ padding:10px 0px; margin-bottom: 40px; border-bottom: 1px solid #D7A62F; } .user-answer-block .ans_icon { display: block; background:url(../images/correct-icon.png) no-repeat right 7px; padding-right: 18px; text-align:right; font-size: 15px; font-weight: 600; } .user-answer-block .answered_on { font-size: 14px; font-weight: 600; color: rgba(77,77,77,0.6); float:right; } .user-answer-block .user_asked_name { margin-right: 1em; color: #052119; font-size: 14px; font-weight: 600; } .user-answer-block .user_asked_name i{ margin-right: 5px; color: rgba(204, 0, 0, 0.51); font-size: 19px; padding: 0px; } .user-answer-block .answer-text { border-left:1px solid #E4B136; padding: 0; width: 100%; padding-left: 3%; } .user-answer-block .answer-text p{ color: #282929; } .user-answer-block .answer-text h3 a{ color: #292929; } .user-answer-block .user_asked_name .username { color: #cc0000; font-size: 15px; font-weight: 600; margin-right:5px; } .user-answer-block .ques-label { font-size: 16px; font-weight: 600; margin: 5px 0px 5px 0px; line-height: 20px; position: relative; padding: 5px 0px 20px 45px; display: block; } .user-answer-block .ques-label:before { position: absolute; content: 'Q'; top: 0px; left: 0px; font-family: FontAwesome; color: rgba(204, 0, 0, 0.22); font-size: 40px; line-height: 45px; text-transform: uppercase; } .user-answer-block .question-sub-tags { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #D5A32B; padding-bottom: 10px; } .user-answer-block .question-tag:before { position: absolute; content: '\f02c'; top: 0; left: 0; font-family: FontAwesome; color: #F62C2C; font-size: 16px; } .user-answer-block .question-sub-tags ul li { list-style: none; list-style-image: none; text-transform: uppercase; position: relative; font-size: 12px; display: inline-block; padding: 0 10px; position: relative; color: #DB1A1A; } .press-photo{ margin-bottom:30px; } .press-photo .head{ padding: 0 20px; background: #FCB711; border-top-right-radius: 5px; border-top-left-radius: 5px; } .press-photo .head h3{ font-size: 24px; line-height: 60px; color: #fff; margin: 0px; padding:0px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; } .press-photo .head a{ color:#C00; font-size: 18px; line-height: 60px; } .press-photo .head a i{ margin-right:5px; } .press-photo .head a:hover{ color: #696666; } .b-photo { margin:0px; padding:0px; } .b-photo li { text-align: center; background-color: #fff; border: 1px solid #fcb711; padding:10px; height: 300px; } .b-photo li img { max-width: 280px; max-height: 260px; } .vertical-center{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .center-block { display: block; margin-left: auto; margin-right: auto; } .p-resources { text-align: center; background-color: #fff; border: 1px solid #fcb711; padding: 10px; } .b-resource { margin:0px; padding:0px; } .b-resource li { display: table; border: #FCB711 solid 1px; padding: 0px; } .b-resource .col-img { width: 220px; height: 200px; display: table-cell; vertical-align: middle; background-color: #fff; text-align: center; padding: 0px 10px; } .b-resource .col-download { height: 200px; display: table-cell; vertical-align: middle; padding:0px 10px; background-color: #fbf9fa; } .b-resource .col-download .name{ font-weight:600; font-size:15px; margin-bottom:30px; } .b-resource .col-download p i{ color:#C00; font-size:16px; margin-right:5px; } .b-resource .col-download p a{ dispaly:inline-block; font-weight:400; font-size:16px; color:#333; } .b-resource .col-download p a:hover{ color:#C00; } .b-resource .col-download p a i{ margin-right:5px; color:#C00; font-size:18px; } /************ASK Question***********************/ .askques-wrap{ margin:30px 0px; } .askques-wrap h2{ font-size: 24px; font-weight: 700; margin: 0px 0 10px 0; padding-right: 10px; color:#333; text-align:center; } .askques-frm { text-align:center; } .askques-frm textarea{ background-color: #ffffff; border: 1px solid #daeaea; color: #052119; font-size: 14px; padding: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width:100%; margin-bottom: 20px; } .askques-frm .ask-question-tags-with-checkbox .form-item-ask-anonymously label { font-weight: 600; line-height: 1; float: left; margin: 0 0 0 5px; color:#333 } .askques-frm #edit-ask-question-title-counter { font-size: 11px; float: right; color:#C00; margin-left: 5px; margin-top: 12px; margin-right: 10px; } .addimg-wrap{ } .addimg-wrap h3{ font-size: 18px; font-weight: 800; margin-bottom: 0px; } .add-img{ display:inline-block; } .add-img input[type="file"] { display: block; } .add-img input.form-file { background:url(../images/upload-img.png) no-repeat 0 3px; } .add-img input.form-file { width: 178px; height: 178px; text-indent: -9999px; cursor: pointer; border: none; box-shadow: none; font-size: 0; } .img-examp{ margin-top:10px; } .img-examp p{ margin:5px 0px; } .add-desc{ margin-top:10px; } .add-desc h3{ font-size: 22px; font-weight: 800; margin-bottom: 10px; } .add-desc textarea:focus, .askques-frm textarea:focus{ border:#C00 solid 1px; } .free-consultation{ margin-top: 80px; } .consultation_top { border-bottom: 1px solid #cc0000; padding-bottom: 20px; text-align: center; margin-bottom: 25px; display: table; width: 100%; } .consultation_top .question_section { display: table-cell; width: 97%; } .consultation_top .question_section .question_text { font-size: 16px; font-weight: 600; text-transform: uppercase; color:#000; } .consultation_top .question_section .question_ask { color: #4d4d4d; font-size: 14px; margin-top:5px; padding-right:20px; padding-left:20px; } .consultation_top .edit-section { display: table-cell; border-left: 1px solid #c00; vertical-align: middle; padding: 0 10px; text-align: center; } .consultation_top .edit-section .edit-profile { display: block; } a.edit-profile { width: 15px; height: 15px; color:#C00; } .consultation_bottom{ margin-top: 60px; } .consultation_bottom .share-info-private { width: 100%; float: left; border: 1px solid #b39e6e; background: #ffffff; padding: 45px 14px 12px 14px; position: relative; -webkit-box-shadow: 1px 1px 6px 0 #ccb686; box-shadow: 1px 1px 6px 0 #d6c08f; margin-bottom:30px; } .consultation_bottom .share-info-private h2.assesment-title { font-size: 22px; font-weight: 600; padding: 0 40px; text-align: center; color: #4d4d4d; margin-top: 0; } .recommended-top-experts{} .recommended-top-experts h4 { color: #4d4d4d; font-size: 13px; text-align: center; text-transform: uppercase; color:#afa9a9; } .share-info-private .doctor-block { border: 1px solid #daeaea; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 20px; display: table; width: 100%; margin-bottom: 10px; } .share-info-private .doctor-block .profile-row { display: table-cell; vertical-align: top; } .small-mask { border-radius: 100%; border: 4px solid #fcb711; padding: 2px; } .small-mask img { width: 100%; height: 100%; border-radius: 100%; } .share-info-private .doctor-block .profile-row.profile_middle .user-name { font-weight: 600; margin-bottom: 15px; font-size: 18px; color: #C00; } .share-info-private .doctor-block .profile-row.profile_middle .user-name a{ color:#C00; } .share-info-private .doctor-block .profile-row.profile_middle .mini-profile-bottom { margin-bottom: 8px; } .share-info-private .doctor-block .profile-row.profile_middle .mini-profile-bottom p { margin-bottom:5px; } .share-info-private .doctor-block .profile-row.profile_middle .mini-profile-bottom p strong{ font-weight:bold; } .profile-row.profile_middle a.plan-follow { font-size: 12px; text-transform: uppercase; color:#C00; } .profile-row.profile_middle a:hover{ color:#000; } .profile-row.profile_middle a.plan-follow span { margin-right: 5px; font-weight: 700; color:#C00; } .share-info-private .doctor-block .profile-row.profile_right { padding-top: 13px; text-align:right; } .profile-row.profile_right span.fees { font-weight: 400; margin-right: 3px; font-size: 16px; } .profile-row.profile_right span.fee-amount { font-size: 16px; font-weight: 800; margin-right: 0px; color: #4d4d4d; } a.get-consult-btn{ border-radius: 30px; font-size: 14px; font-weight: 600; background:#C00;; padding: 0 17px; line-height: 32px; height: 34px; vertical-align: middle; display: inline-block; color: #ffffff; border: none; margin-top:10px; margin-bottom: 20px; } a:hover.get-consult-btn{ background:#000; } .consultation_bottom .share-info-public { background: #ffdf92; border: 1px solid #b99c55; padding: 50px 20px 20px 20px; float: right; max-width: 525px; width: 100%; position: relative; margin-top: 60px; } .consultation_bottom .share-info-public img{ text-align:center; } .share-info-public h3.consultancy-community { padding: 10px 10px 10px 10px; font-size: 20px; color: #4d4d4d; font-weight:600; text-align:center; } .share-info-public .options_block { border-bottom: 1px solid #b99c55; border-top: 1px solid #b99c55; padding: 20px 0; } .share-info-public .options_block ul { margin: 0; padding: 0; display: table; } .share-info-public .options_block ul li { list-style: none; list-style-image: none; margin: 0; padding: 0; display: table-cell; font-size: 14px; text-align: center; padding: 0 5px; border-right: 1px solid #b99c55; color:#333; letter-spacing: .02rem; font-weight:800; } .share-info-public .options_block ul li:last-child { border: none; } .consultation_bottom .title_block { background:#C00; color:#FFF; padding:10px; position:absolute; margin-top:-10px; z-index:99; left:3%; font-size:16px; font-weight:600; top: -10px; } .ques-confirm{ margin:30px 0px; } .dr-book{} .dr-book h4{ font-size: 16px; padding-bottom:5px; font-weight: 600; } .ques-confirm .mini-profile { border: 1px solid #d2e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; float: left; margin-bottom: 10px; width: 100%; background: #ffffff; } .ques-confirm .mini-profile .mini-profile-top { border-bottom: 1px solid #f0f9f7; padding-bottom: 15px; margin-bottom: 20px; } .ques-confirm .mini-profile .mini-profile-top .doc-image-sec { float: left; width: 100%; } .ques-confirm .doc-detail-sec{ margin-top:10px; } .ques-confirm .doc-detail-sec .user-name { font-size: 16px; font-weight: 600; margin-bottom: .35rem; line-height: 20px; color: #052119; text-transform: capitalize; } .ques-confirm .doc-detail-sec .dr-notes { margin-bottom: 2px; font-size: 13px; color: #4d4d4d; z-index: 10; line-height: 16px; } .ques-confirm .doctor-consultation-fee { font-weight: 400; color: rgba(77,77,77,0.8); } .text_bold.rupee { font-weight: bold; font-size: 16px; margin-right:5px; } .ques-confirm .mini-profile .mini-profile-bottom { display: table; width: 100%; } .profile-point{ border-bottom: #f5f5f5 solid 1px; padding:10px 0px; } .profile-point p{ text-align:center; margin:0px; padding:0px; } .profile-point p span{ font-weight:800; } .ques-confirm .region-content { text-align: center; margin-top: 120px; border:#cecdcb solid 1px; padding:40px 0px; background:#fff; } /******************** *************************************************DASHBOARD ************************************ ***************************************************/ .top-profile{ text-align:center; } .top-profile .avatar img { max-width: 150px; max-height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(252, 183, 17, 0.95); } .top-profile .userinfo{ margin: 25px 0px 0px 0px; } .top-profile .userinfo .title { margin-bottom: 4px; font-size: 24px; line-height: 1; color: #fff; vertical-align: middle; font-weight: 600; text-transform: uppercase; margin-top: 5px; line-height: 20px; } .top-profile .userinfo .qualification { font-size: 13px; margin-bottom: 8px; text-transform: capitalize; margin-top:10px; } .top-profile .userinfo .city_country { color:#fcb711; margin-bottom: 15px; margin-top: 8px; text-transform: uppercase; font-weight: 600; } .top-profile .userinfo .edit-cover { float: right; margin-top: 180px; } .dashboard-bg{ background:#E4D0A3 url(../images/dashboard-bg.jpg) center no-repeat; padding: 190px 0px 20px 0px; background-size:cover; min-height:250px; } /*------------------------------------------------------------------ [3. Subnavbar / .subnavbar] */ .subnavbar { text-align:center; } .subnavbar-inner { height: auto; background: #fcb711; border-bottom: 1px solid #c6c6c6; } .subnavbar .container > ul { padding: 0; margin: 0; } .subnavbar .container > ul > li { padding: 0; margin: 0; text-align: center; list-style: none; display: inline-block; } .subnavbar .container > ul > li > a { display: block; height: 100%; padding: 0px 35px 5px 35px; font-size: 14px; font-weight: bold; color: #252423; border-bottom: #fcb711 3px solid; border-left: 1px solid #e4a305; text-transform:uppercase; } .subnavbar .container > ul > li > a:hover { color: #c00; text-decoration: none; } .subnavbar .container > ul > li > a > i { display: inline-block; margin-top: 11px; margin-bottom: 5px; font-size: 20px; } .subnavbar .container > ul > li > a > span { display: block; } .subnavbar .container > ul > li.active > a { border-bottom:3px solid #c00; color: #ffffff; background: #333; } .subnavbar .dropdown .dropdown-menu a { font-size: 12px; } .subnavbar .dropdown .dropdown-menu { text-align: left; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .subnavbar .dropdown-menu::before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .subnavbar .dropdown-menu::after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 10px; } .subnavbar .caret { margin-top: 4px; border-top-color: white; border-bottom-color: white; } .subnavbar .dropdown.open .caret { display: none; } .dashboard-bx{ padding: 20px 10px 20px 10px; /* background: #eee;*/ margin:10px 0px 30px 0px; /*box-shadow: 0 0 5px #BDBDBD;*/ } .dashboard-bx h2{ font-size:25px; } /* metro dashboard states */ .metro-nav .nav-block-orange { background: #f37b53; } .metro-nav .nav-block-yellow { background: #FFB400; } .metro-nav .nav-block-blue { background: #0DAED3; } .metro-nav .nav-block-green { background: #74B749; } .metro-nav .nav-block-red { background:#de577b; } .metro-nav .nav-block-purple { background: #9d4a9c; } .metro-nav .nav-block-grey { background: #77808a; } .metro-fix-view .metro-nav-block.double { width: 251px !important; } .metro-fix-view .metro-nav-block.long { width: 251px !important; height: 235px !important; } .metro-fix-view .metro-nav-block.long .value { padding-top: 30px !important; display: inline-block; } .metro-fix-view .metro-nav-block.long .value i { font-size: 90px; } .metro-nav .metro-nav-block { color: white; cursor: pointer; display: block; float: left; font-weight: 300; height:114px; letter-spacing: 0.02em; line-height: 20px; /*margin:1% 0 1% 1.6%;*/ overflow: hidden; position: relative; text-decoration: none; width: 17%; z-index: 1; } .metro-nav .metro-nav-block:first-child, .metro-nav .metro-nav-block:nth-child(3n+1) { margin-left: 0; } .metro-nav .metro-nav-block.double { /* width:32.26%;*/ width:100%; } .metro-nav .metro-nav-block.four { /*width:23.8%;*/ width:100%; } .metro-nav .metro-nav-block.four:nth-child(3n+1) { margin-left:1.6%; } .metro-nav .metro-nav-block.four:first-child { margin-left:0; } .metro-nav .metro-nav-block i { font-size: 50px; margin-top: 20px; display: inline-block; } .metro-nav .metro-nav-block a { color: white; font-size: 18px; font-weight: 400; height: 90%; line-height: 16px; overflow: hidden; padding: 5px 10px; position: absolute; text-overflow: ellipsis; vertical-align: top; width: 88%; text-decoration: none; } .metro-nav .metro-nav-block a i { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; } .metro-nav .metro-nav-block a .info { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } .metro-nav .metro-nav-block a:hover i{ transform:rotate(83deg); -moz-transform:rotate(83deg); -webkit-transform:rotate(83deg); -o-transform:rotate(83deg); font-size: 140px; opacity: 0.2; } .metro-nav .metro-nav-block.long a:hover i{ font-size: 200px; } .metro-nav .metro-nav-block.long a { height: 96%; } .metro-nav .metro-nav-block a:hover .info { transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); font-size: 40px; opacity: 0.6; } .metro-nav .metro-nav-block:hover { opacity: 0.8; } .metro-nav .metro-nav-block.double a { width: 94%; } .metro-nav .metro-nav-block .info { font-size: 24px; position: absolute; right: 20px; top: 45px; } .metro-nav .metro-nav-block .status, .metro-nav .metro-nav-block .tile-status { background-color: transparent; bottom: -10px; font-size: 14px; left: 10px; min-height: 30px; position: absolute; } .bg-facebook{ background-color: #126da7; } .bg-facebook .text-muted { color: #7cc2ef !important; } .bg-gplus{ background-color:#C30; } .bg-gplus .text-muted { color: #e26e47 !important; } .social-wrap{ padding: 15px; text-align:center; color:#FFF; } .social-wrap a{ color:#FFF; } .social-wrap a:hover{ opacity:0.6; } .social-wrap h4{} .text-white { color: #fff; color: rgba(255,255,255,0.8); } .font-bold { font-weight: 700; } .m-b-sm { margin-bottom: 10px; } .m-t { margin-top: 15px; } .bg-twiter { background-color: #24dbdd; } .bg-twiter .text-muted { color: #bef5f6 !important; } .bg-youtube{ background-color:#C00; } .bg-youtube .text-muted { color:#ed8e8e !important; } .floor-plan{ margin-bottom:20px; text-align:center; } .floor-plan a{ margin-bottom:20px; display:inline-block; margin-right:10px; } /**************FORUM*************************/ .forum-wrap{ margin:40px 0px 20px 0px; } .forum-header{ background:#F5C535; position: relative; margin-top:30px; } .forum-header h2 { text-decoration: none !important; margin: 0; color: #fff; font-size: 20px; font-weight: 400; line-height: 25.6px; padding: 15px 14px 11px; } .forum-header span{ color:#333; font-size:14px; } .form-tb{ margin-top:0px; width:100%; } .table-responsive { min-height: .01%; overflow-x: auto; } .form-tb table { max-width: 100%; background-color: transparent; } .form-tb table td[class*=col-], .form-tb table th[class*=col-] { position: static; float: none; display: table-cell; } .frumblcktable{ } .frumblcktable tr:first-child { border-top: 0; } .frumblcktable tr{ border-top: 9px solid #ffffff; } .frumblcktable td{ padding: 15px 15px; } .frum-category-icon { width: 7%; background: #e6e6e6; padding: 10px 32px !important; } .frum-category-icon i{ font-size:30px; color:#000; } /*.frum-category-icon .ficon { background-color: transparent; background-image:url(../kicon.png); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 27px; width: 22px; }*/ .fcol-mid { padding: 0; margin: 0; color: #999999; font-family: 'Varela', sans-serif; font-size: 14px; font-weight: 400; line-height: 19.6px; background: #f6f6f6; } .kthead-title { padding: 16px 0 0; } .kthead-title a { text-decoration: none !important; padding: 0; margin: 0; color: #dc0630; font-size: 16px; font-weight: 600; line-height: 25.6px; } .kthead-title a:hover{ color:#333; } .kthead-desc { padding: 0 0 18px; margin: 0; color: #999999; font-size: 16px; font-weight: 600; line-height: 25px; } .kthead-desc a{ color:#900; } .kthead-desc a:hover{ color:#000; } .kcol-kcattopics, .kcol-kcatreplies { width: 7%; background: #f6f6f6; text-align: center; } .kcol-kcattopics { border-right: 1px solid #f1f1f1; } .kcol-kcattopics span, .kcol-kcatreplies span { display: block; text-align: center; padding: 0; margin: 0; color: #999999; font-size: 14px; font-weight: 400; line-height: 19.6px; } .kcol-kcatlastpost { display: block; padding: 0; margin: 0; color: #4c4b4b; font-size: 14px; font-weight: 600; line-height: 19.6px; width: 20%; background: #e6e6e6; } .klatest-subject { display: block; padding: 0; margin: 0; color: #2d2c2c; font-size: 14px; font-weight: 600; line-height: 25px; } .klatest-subject a { color: #1d76bd; text-decoration: none !important; } .klatest-subject a:hover { color:#900; } .klatest-subject-by a { color: #0773B5; } .klatest-subject-by a:hover { color:#C00; } .frutitle_block_link { margin-top:10px; } .frutitle_block_link ul { margin:0px; padding:0px; } .frutitle_block_link ul li { list-style:none; display:inline-block; padding:0 0 0 14px; position:relative; margin-right:20px; } .frutitle_block_link ul li:before{ position:absolute; top:0; left:-5px; content:'\f075'; font-family:FontAwesome; color:#999; } .frutitle_block_link ul li a { font-size:12px; color:#0792ce; text-decoration:none; } .frutitle_block_link ul li a:hover { color:#333; } /* ----------------------------------------------- * Timeline * --------------------------------------------- */ .timeline { list-style: none; padding: 10px 0; position: relative; font-weight: 300; } .timeline:before { top: 0; bottom: 0; position: absolute; content:" "; width: 2px; background: #FF9800; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 40px; position: relative; width: 50%; float: left; clear: left; } .timeline > li:before, .timeline > li:after { content:" "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content:" "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); float: left; border: 1px solid #FFC107; background: #ffffff; position: relative; padding: 10px 0px 0px 0px; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #FFC107; border-right: 0 solid #FFC107; border-bottom: 15px solid transparent; content:" "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content:" "; } .timeline > li > .timeline-badge { color: #ffffff; width: 24px; height: 24px; line-height: 50px; text-align: center; position: absolute; top: 16px; right: -12px; z-index: 100; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge > a { color: #de1405 !important } .timeline-badge a:hover { color: #dcdcdc !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-heading p { font-weight: 600; padding: 0 15px; color: #c11508; font-size:16px; } .timeline-body > p, .timeline-body > ul { padding: 10px 15px; margin-bottom: 0; text-align: justify; } .timeline-footer { padding: 5px 15px; background-color:#f4f4f4; padding:7px 10px; } .timeline-footer p {} .timeline-footer > a { cursor: pointer; text-decoration: none; } .timeline > li.timeline-inverted { float: right; clear: right; } .timeline > li:nth-child(2) { margin-top: 60px; } .timeline > li.timeline-inverted > .timeline-badge { left: -12px; } .no-float { float: none !important; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li { margin-bottom: 0px; position: relative; width:100%; float: left; clear: left; } ul.timeline > li > .timeline-panel { width: calc(100% - 65px); width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); } ul.timeline > li > .timeline-badge { left: 28px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } .timeline > li.timeline-inverted > .timeline-badge { left: 28px; } } .questiom-header{ width:100%; background:#000; padding:8px 10px; margin-bottom:10px; } .questiom-header .ques-label { font-size: 16px; font-weight: 600; margin: 0px 0px 0px 0px; line-height: 20px; position: relative; padding: 5px 0px 15px 45px; display: block; color:#ccc9c9; } .questiom-header .ques-label:before{ position: absolute; content: 'Q'; top: 0px; left: 0px; font-family: FontAwesome; color: rgba(204, 204, 204, 0.22); font-size: 40px; line-height: 40px; text-transform: uppercase; } .yellow_bg{ background: #FCB711; box-shadow: 0 2px 0 rgba(0,0,0,.07); } .press_btn{ padding: 50px 0; text-align: center; } .press_btn a i{ font-size: 104px; color: #fff; } .press_btn a figcaption{ font-size: 30px; margin-top: 20px; color: #fff; } .press_btn:hover{ background: #CC0000; color: #fff; } .login-body:after{ display: table; content: ''; clear: both; } .sml-btn { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -moz-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background:#cc0000; color:#FFF; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; font-size: 17px; font-weight: 600; /* margin-top: 20px;*/ padding: 13px 30px; border-radius:5px; border:none; text-transform:uppercase; } .sml-btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background:#000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:5px; } .sml-btn:hover, .sml-btn:focus, .sml-btn:active { color: white; border:none; } .sml-btn:before, .sml-btn:focus:before, .sml-btn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .sml-hvr-shutter .hvr-shutter-out-horizontal{ padding: 5px 30px; padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 3px; margin-top: 20px; } .login_panel:after{ display: table; content: ''; clear: both; } @media (min-width: 1200px){ .navigation { width: 100%; } } @media (min-width: 992px){ .navigation { width: 100%; } } .logo_wrap{ position: relative; } .logo_wrap .logo{ position: absolute; left: 0; top: 0; } .gallery-slide.owl-theme .owl-controls .owl-buttons div{ background: transparent; } .city_names:after{ display: table; content:''; clear: both; } .city_names li{ list-style: none; display: block; float: left; width: 31.33%; margin: 1%; } .city_names li span{ display: block; background: #CC0000; padding: 5px 10px; border-radius: 5px; color: #fff; cursor: pointer; } .city_names li span:hover{ background: #F99E1C; } @media only screen and (max-width: 767px) { .city_bg li { list-style: none; display: inline-block; width: 49%; margin: 0.5%; } /* Stylesheets and Google fonts import */ /* @import url(http://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic); @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700); @import url(http://fonts.googleapis.com/css?family=Roboto:400,700); @import url(http://fonts.googleapis.com/css?family=Volkhov:400italic); */ /* CSS definations for Tentered */ /*-------------------------------------------------------------------------------------------*/ /* 0. RESET */ /*-------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-spacing: 0; border-collapse: collapse; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline:none; } iframe{ border:0; } /* ================================================== Basic Styles ================================================== */ html, body { height: 100%; } html, hmtl a{ width:100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a{ color:#5e5e5e; text-decoration:none; cursor: pointer; -webkit-transition: color 0.1s linear 0s; -moz-transition: color 0.1s linear 0s; -o-transition: color 0.1s linear 0s; transition: color 0.1s linear 0s; } a:hover{ text-decoration:none; } a:hover, a:active, a:focus{ outline: 0; color:#666666; } a img { border: none; } a > img { vertical-align: middle; } .gray-bg{ background:#bababa; } .gray-text{ color:#bababa; } .lgray-bg{ background:#f8f8f8; } .dgray-bg{ background:#333333; } img { max-width: 100%; } img, object, embed, audio, video { max-width: 100%; } img { height: auto; } strong, .strong { font-weight: 700; } p { margin: 0 0 20px; } i, em, .italic{ font-style:italic; } .uppercase{ text-transform:uppercase; } .align-left{ float:left; margin:0 25px 0 0px!important; } .align-right{ float:right; margin:0 0 0 25px!important; } .text-align-left { text-align: left; } .text-align-center { text-align: center; } .text-align-right { text-align: right; } .color-text { color: #ffffff; } .through{ text-decoration:line-through; } .border-radius{ -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } /* ================================================== Typography ================================================== */ h1, h2, h3, h4, h5, h6{ margin:0 0 15px 0; color:#333333; font-weight:400; line-height:1.5em; font-family: 'Roboto Condensed', sans-serif; } h1{ font-size:36px; } h2{ font-size:30px; } h3{ font-size:24px; } h4{ font-size:16px; text-transform:uppercase; font-weight:700; letter-spacing:2px; font-family: 'Roboto Condensed', sans-serif; } h5{ font-size:16px; font-weight:700; } h6{ font-size:12px; } h1.short, h2.short, h3.short, h4.short, h5.short, h6.short, p.short{ margin-bottom:5px; } h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced { margin-top: 22px; } h1 a, h2 a, h3 a, h5 a, h6 a{ color:#5e5e5e; text-decoration:none; } .huge{ font-size:10em; } blockquote{ margin:30px 0; padding:0 0 0 30px; border-left:3px solid; } blockquote p{ margin-bottom:0; white-space:normal; font-style:italic; font-size:20px; font-family: 'Volkhov', serif; } blockquote cite{ color:#ffffff; } blockquote cite:before{ content:"- "; } p{ font-size:14px; line-height:20px; margin:0 0 15px 0; text-align: justify; } p.md{ font-size:16px; line-height:22px; } p.lg{ font-size:30px; line-height:1.2em; } .big{ font-size:200%; line-height:1.5em; } .thin{ font-weight:300; } p.drop-caps:first-child:first-letter { float: left; margin-top: 5px; margin-right: 5px; padding: 4px; font-size: 75px; line-height: 60px; } p.drop-caps.secondary:first-child:first-letter { margin-right: 10px; padding: 6px 12px; border-radius: 4px; color: rgb(255, 255, 255); } hr{ display:block; clear:both; margin-top:20px; margin-bottom:20px; width:100%; height:1px; border:0; background:#cccccc; } hr.fw{ display:block; clear:both; margin-top:0; margin-bottom:50px; width:100%; height:1px; border:0; background:#eaeaea; } hr.sm{ display:inline-block; margin:15px 0; width:40px; height:2px; border:0; background:#eaeaea; } ul.checks, ul.angles, ul.carets, ul.chevrons{ margin-bottom:15px; } ul.checks > li, ul.angles > li, ul.carets > li, ul.chevrons > li{ margin:10px 0; } ul.checks > li > i, ul.angles > li > i, ul.carets > li > i, ul.chevrons > li > i{ margin-right:2px; } ul.inline{ margin:10px 0; } ul.inline > li{ display:inline-block; margin-right:10px; } ul.inline > li i.fa{ margin-right:2px; } ul.nav-list-primary > li a{ display:block; padding:8px; border-bottom:1px solid #eceae4; color:#666666; text-decoration:none; } ul.nav-list-primary > li a:hover{ text-decoration:none; } ul.unordered{ margin:10px 0 10px 20px; list-style-type:disc; } ol{ margin:10px 0 10px 30px; list-style-type: decimal; } ul.unordered ul, ol ul{ margin:10px 0 10px 20px; } ul.unordered ul{ list-style-type:circle; } dl{ margin:10px 0; } dl dt{ font-weight:700; } address.ico i{ display:inline-block; float: left; clear:both; padding-top: 3px; } address.ico p{ margin:0; padding-bottom:10px; } address.ico span{ display:inline-block; padding-left:20px; } .cursive{ font-family: 'Volkhov', serif; font-style:italic; text-transform:none; font-weight:400; letter-spacing:0; } .title-note{ color:#ffffff; font-size:11px; font-weight:700; display:inline-block; padding:0 5px; line-height:20px; text-transform:uppercase; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-family: 'Roboto Condensed', sans-serif; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } .form-control{ margin-bottom:10px; } /* ================================================== Margin Bottom Sets ================================================== */ .margin-0{ margin-bottom:0 !important; } .margin-10{ margin-bottom:10px !important; } .margin-15{ margin-bottom:15px !important; } .margin-20{ margin-bottom:20px !important; } .margin-30{ margin-bottom:30px !important; } .margin-40{ margin-bottom:40px !important; } .margin-50{ margin-bottom:50px !important; } .margin-60{ margin-bottom:60px !important; } .margin-70{ margin-bottom:70px !important; } .margin-80{ margin-bottom:80px !important; } .push-top{ margin-top:35px; } /* ================================================== Padding Sets ================================================== */ .padding-0{ padding:0px; } .padding-b0{ padding-bottom:0!important; } .padding-tb20{ padding-top:20px; padding-bottom:20px; } .padding-tb45{ padding-top:45px; padding-bottom:45px; } .padding-tb75{ padding-top:75px; padding-bottom:75px; } .padding-tb100{ padding-top:100px; padding-bottom:100px; } .padding-tb125{ padding-top:125px; padding-bottom:125px; } /* ================================================== Spacers ================================================== */ .spacer-20{ height:30px; clear:both; width:100%; } .spacer-30{ height:30px; clear:both; width:100%; } .spacer-40{ height:40px; clear:both; width:100%; } .spacer-50{ height:50px; clear:both; width:100%; } .spacer-75{ height:75px; clear:both; width:100%; } .spacer-100{ height:100px; clear:both; width:100%; } /* ----------------------------------------------------------------------------------------- */ /* Multi purpose classes */ /* ----------------------------------------------------------------------------------------- */ .overlay-transparent{ background:rgba(0,0,0,.6); } .btn{ border-width:0; text-decoration:none; font-family: 'Roboto Condensed', sans-serif; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .btn-default{ border-width:1px; } .checkers-overlay{ background:url(../images/checkers.png) repeat; } .pattern-overlay{ background:url(../images/pattern.png) repeat; } .img-thumbnail{ background:#f8f7f3; padding:5px; } .social-icons a{ margin:0 8px; text-decoration:none; } .next-prev-nav{ display:inline-block; } .next-prev-nav a{ display:inline-block; width:20px; height:20px; color:#fff; text-align:center; line-height:20px; text-decoration:none; } .next-prev-nav a:hover{ color:#fff; } .meta-data{ display: block; margin-bottom: 0px; font-size: 14px; color: #000; } .timer-col .timer-type{ color: #000; } .meta-data a{ color:#d60c0c; } .meta-data a i{ color:#999999; } .meta-data a:hover{ text-decoration:none; } .meta-data > span{ margin-right:20px; display:inline-block; color: #171616; } .meta-data i{ margin-right:4px; } .meta-data > span:last-child{ margin-right:0; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .media-box{ position:relative; display:block; max-width:100%; } .media-box .zoom, .media-box .expand{ position:absolute; width:100%; height:100%; text-align:center; color:#ffffff!important; font-size:1.5em; z-index:999; left:0; top:0; margin:0; background-color:rgba(0,0,0,.5); opacity:0; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .img-thumbnail img:hover, .img-thumbnail:hover{ opacity:.9 } .media-box:hover .zoom, .media-box:hover .expand{ opacity:1; -webkit-transition: opacity .3s .2s; -moz-transition: opacity .3s .2s; -ms-transition: opacity .3s .2s; -o-transition: opacity .3s .2s; transition: opacity .3s .2s; } .mejs-container{ margin-bottom:20px; } .media-box .media-box-wrapper{ padding:30px; } .info-table li{ border:1px solid #fff; padding:10px 20px; background-color: #f8f7f3; } .info-table li a{ width: 100%; text-align: center; } .info-table li:nth-child(2n+1) { background-color: #f8f7f3; } .info-table li i.fa{ margin-right:5px; } .info-table li:last-child{ border-bottom:0; } /*-------------------------------------------------------------------------------------------*/ /* SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ body{ /*background: url(../images/pt4.png) repeat !important;*/ color:#666666; font-size:14px; font-weight:500; font-family: 'Roboto', serif; line-height:20px; } body.boxed .body{ position:relative; margin:25px auto; max-width:1080px; width:100%; height:auto; background-color:#ffffff; } @media (min-width: 1200px) { body.boxed .body .site-header, body.boxed .body .main-menu-wrapper{ max-width:100%; width:1080px; } } /*.site-header{ width:100%; position: absolute; left: 0; top: 0; z-index: 999; }*/ .site-header .topbar{ position: absolute; width: 100%; z-index:3; } .site-header h1.logo{ z-index:1300; display: table; margin:0; padding: 0px 0 5px; vertical-align: middle; line-height: 0; } .logo a{ display:table-cell; vertical-align:middle; text-decoration:none; } .top-navigation{ float:right; font-family: 'Roboto Condensed', sans-serif; padding: 10px 0; } .top-navigation li{ float: left; letter-spacing: 1px; text-align: right; text-transform:uppercase; font-size:14px; font-weight:bold; color: #fff; } .top-navigation li:first-child{ margin-bottom: 5px; } .top-navigation li a{ display:inline-block; margin:0 10px; text-decoration:none; color: #fff; } .top-navigation li:after{ content:"/"; } .top-navigation li:last-child:after{ content:"" } .site-header .menu-toggle{ font-size: 18px; margin: 21px 10px 0 0; float: right; background: none; color: #fcb711; } .site-header .menu-toggle:focus{ outline:0; } .main-menu-wrapper{ display:block; width:100%; } .main-menu-wrapper .col-md-12{ position:relative; } .navigation{ text-align: right; font-family: 'Roboto Condensed', sans-serif; } .navigation > ul > li{ display:inline-block; line-height:50px; font-size:16px; text-transform:uppercase; position:relative; } .navigation > ul > li i{ font-size:13px; } .navigation > ul > li > a{ margin:0 0 0 20px; display:block; text-decoration:none; color: #000; } .navigation ul > li > a:hover, .navigation ul > li > a.current{ } .navigation > ul > li ul{ position: absolute; top: 60px; left: 30px; z-index: 999; display: none; min-width: 100%; height: auto; background: #fff; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 30px; } .navigation > ul > li ul:before { position: absolute; left:50%; top: auto; margin: -10px 0px 0px -10px; width: 0; height: 0; border: solid transparent; border-width: 5px; border-bottom-color: #ffffff; content: " "; pointer-events: none; } .navigation > ul > li ul li ul:before { position: absolute; left:0; top: auto; margin: 15px 0px 0px -10px; width: 0; height: 0; border: solid transparent; border-width: 5px; border-right-color: #ffffff; content: " "; pointer-events: none; } .navigation > ul > li:hover ul{ display:block; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } .navigation > ul > li > ul li{ line-height: normal; font-size:14px; position:relative; } .navigation > ul > li > ul li > a{ display:block; padding:10px 20px; border-bottom:1px solid #f8f7f3; white-space:nowrap; text-decoration:none; text-align: left; } .navigation > ul > li > ul li a:hover{ text-decoration:none; } .navigation > ul > li > ul li:last-child a{ border-bottom:0; } .navigation > ul > li > ul li ul{ left:100%!important; top:0; min-width: inherit; margin-left:11px; position:absolute; } .sticky-wrapper{ max-height:50px; } .is-sticky .main-menu-wrapper{ z-index:1000; min-height:50px; background-color: #000; -webkit-box-shadow:0 1px 0 rgba(0,0,0,.1); -moz-box-shadow:0 1px 0 rgba(0,0,0,.1); box-shadow:0 1px 0 rgba(0,0,0,.1); } .is-sticky .navigation{ background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } /* Hero Slider */ .flexslider { margin: 0; padding: 0; background:url(../images/loader.gif) no-repeat scroll center center; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .flexslider .slides { zoom: 1; } .hero-slider{ position:relative; top: 0; left:0; z-index:1; width:100%; overflow:hidden; /*min-height:400px;*/ } .hero-slider .flex-viewport{ width:100%; } .hero-slider.flexslider > ul.slides{ height:100%; } .hero-slider.flexslider ul.slides li{ /*height: 500px;*/ width:100%; overflow:hidden; position:static; background-attachment:scroll!important } .flexslider .flex-control-nav{ width:100%; text-align:center; position:absolute; z-index:111; left:0; bottom:10px; padding:0; margin:0; } .hero-slider.flexslider .flex-control-nav{ bottom:-40px; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .hero-slider.flexslider:hover .flex-control-nav{ bottom:10px; -webkit-transition: bottom .3s .2s; -moz-transition: bottom .3s .2s; -ms-transition: bottom .3s .2s; -o-transition: bottom .3s .2s; transition: bottom .3s .2s; } .flexslider .flex-control-nav li{ display:inline; } .flexslider .flex-control-nav a{ width:12px; height:12px; border-radius:100%; background-color:#ffffff; display:inline-block; margin:0 6px; text-indent:-9999px; text-decoration:none; } .flexslider .flex-prev, .flexslider .flex-next{ background:rgba(0,0,0,.6); color:#f8f7f3; display:block; margin-bottom:10px; position:absolute; top:50%; right:10px; font-size:14px; line-height:25px; width:25px; height:25px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration:none; display:none; text-align:center; } .flexslider .flex-prev{ left:10px; right:auto; } .flexslider .flex-prev:before{ content: "\f104"; } .flexslider .flex-next:before{ content: "\f105"; } .hero-slider.flexslider .flex-prev, .hero-slider.flexslider .flex-next{ -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; width:100px; height:100px; right:-100px; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; font-size:30px; line-height:100px; display:block; text-align:left; } .flexslider:hover .flex-prev, .flexslider:hover .flex-next{ display:block; } .hero-slider.flexslider .flex-prev{ left:-100px; padding-left:60px; } .hero-slider.flexslider .flex-next{ padding-left:30px; } .hero-slider.flexslider:hover .flex-prev{ left:-50px; -webkit-transition: left .3s .2s; -moz-transition: left .3s .2s; -ms-transition: left .3s .2s; -o-transition: left .3s .2s; transition: left .3s .2s; } .hero-slider.flexslider:hover .flex-next{ right:-50px; -webkit-transition: right .3s .2s; -moz-transition: right .3s .2s; -ms-transition: right .3s .2s; -o-transition: right .3s .2s; transition: right .3s .2s; } .notice-bar, .page-header{ background: #fcb711; padding: 15px 0; box-shadow: 0 2px 0 rgba(0,0,0,.07); /* margin-top: 40px; */ } .notice-bar-title-icon{ display:inline-block; float:left; margin-right:15px; color: #000; } .notice-bar-title .title-note{ margin-top:4px; } .notice-bar-event-title a{ color: #000; } .notice-bar-title strong{ font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#333; text-transform:uppercase; font-weight:700; display:block; } .notice-bar-event-title h5, .notice-bar-event-title .date{ margin-bottom:0; } .counter .timer-col{ display:inline-block; width:23%; text-align:center; } .timer-col #days, .timer-col #hours, .timer-col #minutes, .timer-col #seconds{ display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:18px; padding:5px 10px; } .timer-col #days{ width: 100%; color:#ffffff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background: #cc0000; } .timer-col #hours, .timer-col #minutes, .timer-col #seconds{ width: 100%; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .timer-col .timer-type{ font-size:12px; display:block; margin-top:2px; } .content{ padding: 36px 0px 0px 0; } .featured-blocks{ margin-bottom:30px; } .featured-block{ position:relative; } .featured-block{ } .shop-badge{ position:absolute; right:10px; top:-10px; z-index:200; width:60px; height:60px; line-height:60px; color:#ffffff; text-align:center; display:block; text-transform:uppercase; letter-spacing:1px; font-size:11px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; } .featured-block .label-danger { background-color: #cc0000!important; } .featured-block strong{ position: relative; color:#fff; font-size:18px; display:inline-block; padding:5px 30px; margin:0; position:absolute; z-index:10; left:10px; bottom:30px; -webkit-transition:all 0.3s ease 0.2s; -moz-transition:all 0.3s ease 0.2s; -ms-transition:all 0.3s ease 0.2s; -o-transition:all 0.3s ease 0.2s; transition:all 0.3s ease 0.1s; } .new_icon{ position: relative; } .new_icon:after{ position: absolute; content: ''; top: 0; right: -66px; background:url(../images/new.png) repeat-x; width: 75px; height: 34px; } .featured-block:hover strong{ bottom:58px; -webkit-transition: bottom .3s .2s; -moz-transition: bottom .3s .2s; -ms-transition: bottom .3s .2s; -o-transition: bottom .3s .2s; transition: bottom .3s .2s; } .featured-block .more{ background:#ffffff; color:#333333; display:inline-block; padding:5px 20px 5px 30px; margin:0; position:absolute; z-index:9; left:10px; bottom:30px; } .featured-block .img-thumbnail:hover{ opacity:1; } .listing-header, .post-title{ /*border-bottom:1px solid #eceae4;*/ } .listing-header-sub{ text-align:right; padding-top:10px; } .listing-header-sub h5{ display:inline-block; margin-right:20px; } .listing-cont, .post-content{ /*border-top:4px solid #f8f7f3;*/ } .listing .item{ width:100%; padding:10px 0; float:left; border-bottom:1px solid #eceae4; } .event-date{ width:100%; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#333333; text-align:center; padding:5px 0 0 0; } .event-date .date{ font-family: 'Roboto Condensed', sans-serif; font-size:34px; font-style:normal; font-weight:700; margin-bottom:0; display:block; margin-top:2px; } .event-date .month, .event-date .year{ font-size:12px; font-weight:700; letter-spacing:2px; color:#999999; display:block; margin-top:4px; } .event-date .year{ font-size:11px; margin-top:0; margin-bottom:2px; } .event-item .event-date{ width:6%; float:left; margin-right:4%; } .event-item .event-detail{ float:left; width:70%; margin-right:3% } .event-item .to-event-url{ float:left; width:17%; text-align:right; display:table; vertical-align:middle; } .event-item .to-event-url div{ display:table-cell; vertical-align:middle; } .event-item .event-detail h4{ font-family: 'Roboto Condensed', sans-serif; text-transform:none; font-weight:400; letter-spacing:0; margin-bottom:0; } .event-item .event-detail h4 a{ text-decoration:none; } .post-listing .post{ padding:20px 0 10px 0; } .post-listing .media-box{ margin-bottom:10px; } .post-listing .post-title{ margin-bottom:12px; } .post-listing .post-title h2, .sermons-listing h2.sermon-title{ font-size:16px; margin-bottom:0; } .sermon .meta-data{ margin:0; } .item.featured-sermon{ border-bottom:0; margin-top:20px; padding:30px; background:#f8f7f3; position: relative; margin-bottom:10px; } .featured-sermon:before { content: ""; position: absolute; top: 0%; right: 0%; width: 0px; height: 0px; border-bottom: 20px solid #eceae4; border-right: 20px solid transparent; } .featured-sermon:after { content: ""; position: absolute; top: 0%; right: 0%; width: 0px; height: 0px; border-top: 19px solid #ffffff; border-left: 19px solid transparent; } .featured-sermon .date{ text-transform:uppercase; font-size:12px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; margin-bottom:5px; display:block; } .featured-sermon h4 a{ text-decoration:none; } .sermon-actions a{ margin-right:10px; text-decoration:none; } .sermon-actions i{ font-size:18px; } .featured-sermon-video{ margin-bottom:20px; } .featured-gallery{ padding: 20px 0px 20px 0; } .featured-gallery .side-heading { position: relative; margin: 10px 0px; } .featured-gallery .side-heading h2 { font-size: 26px; text-transform: uppercase; font-weight: 700; background-color: #eceae4; margin: 0px 0 10px 0; display: inline-block; padding-right: 10px; color:#333333; } .featured-gallery .owl-theme .owl-controls .owl-buttons .owl-prev { left: -50px; top: 50%; } .featured-gallery .owl-theme .owl-controls .owl-buttons .owl-next { right:-50px; top: 50%; } .featured-gallery h4{ color:#ffffff; font-size: 28px; } .featured-gallery .btn{ border:0; margin-top:20px; background: #cc0000; } .featured-gallery .btn:hover{ background:#000; } .gallery-slide .featured-block { } .gallery-slide .featured-block .img-thumbnail { background: #f8f7f3; border: 1px solid #eceae4; } .site-footer{ background-color:rgb(219, 212, 196); padding:20px 0px 20px 0; box-shadow:0 -2px 0 rgba(0,0,0,.07); /* margin-top: 30px; */ } .ftr-links{ text-align:center; } .ftr-links ul{ margin:0px; padding:0px; } .ftr-links li{ display:inline-block; font-weight: 300; margin:0px 5px; font-size:14px; } .ftr-links li a{ text-decoration:none; font-weight: 600; } .ftr-links li a:hover{ color:#cc0000; } .site-footer-bottom{ background-color:#eceae4; padding:20px 0 80px 0; font-size:12px; font-family: 'Roboto', sans-serif; color:#999999; } .site-footer-bottom p{ margin-bottom:0; font-size:12px; } .site-footer-bottom .social-icons{ text-align:right; } .site-footer-bottom .social-icons a{ color:#ffffff; background:#999999; border-radius:50%; width:20px; height:20px; text-align:center; display:inline-block; margin:0 0 0 8px; text-decoration:none; } .site-footer-bottom .social-icons a:hover{ background:#666666; } .nav-backed-header{ position:relative; z-index:1; margin:0; border:0; } .page-header{ margin:0; position:relative; padding:20px 0 20px 0; border:0; } .page-header h1{ text-transform:uppercase; color:#ffffff; margin-bottom:0; line-height:1em; font-family: 'Roboto Condensed', sans-serif; } .page-header p{ color:#d8d6d1; margin:0; } ol.breadcrumb{ margin:0; background:none; padding:290px 0 40px 0; } ol.breadcrumb a{ color:#d8d6d1; text-decoration:none; } ol.breadcrumb a:hover{ color:#fff; text-decoration:underline; } ol.breadcrumb > .active{ color:#fff; } .grid-holder{ width: 105%; margin-left: -3%; float: left; } .grid-holder .grid-item{ float: left; } .grid-item{ margin-bottom: 3%; border-bottom: medium none; } .grid-item-inner{ -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); background:rgba(240, 238, 238, 0.31); } .grid-holder .grid-item{ margin-left: 3%; } .grid-holder.col-2 .grid-item{ width:49%; } .grid-holder.col-3 .grid-item{ width:29.63%; } .grid-holder.col-4 .grid-item{ width:24%; } .grid-media{ position:relative; } .grid-content{ padding:15px 20px 1px 20px; } .grid-content .fa-external-link{ margin-left:10px; } .events-grid .grid-item{ } .grid-item h3{ line-height:1em; } .grid-item span{ font-size:15px; color:#666; font-style:italic; } .post-title{ margin-bottom:0; padding-bottom:1px; } .post-content{ padding:0px 0px; } .post-content .featured-image{ margin-bottom:20px; } .post-content .featured-image img{ width:100%; display:block; } .single-post{ /*border: solid #ccc 1px;*/ margin-bottom: 20px; } .single-post-header{ margin-bottom:0; font-size: 18px; color:#000; line-height: 30px; /* border-bottom: solid #ddd 1px;*/; } .single-post-header h2{ /*font-size: 26px; color:#000;*/ margin-bottom:0px; font-weight:400; color:#000; } .single-post-header .event-date{ float:left; width:50px; } .single-post-header .btn-toolbar{ margin-top:8px; background: #fff; padding-left: 4px; } .single-post-header .sermon-actions, .post-comments-count{ margin-top:0px; } .event-description{ } .event-description p{ text-align:justify; } .event-description .panel-body{ padding:10px 0; } .event-description .panel-heading{ color:#ffffff; } .sermon-archive .post.sermon{ margin-bottom:30px; padding:30px; background-color:#f8f7f3; } .sermon-archive .post.sermon .img-thumbnail{ background:#fff; } .posts-archive .post{ margin-bottom: 10px; padding-bottom: 25px; border-bottom: 1px solid #eceae4; } .posts-archive .post p{ } .posts-archive .post p a{ margin:10px 0px 0px 0px; color:#900; text-decoration:none; font-size:14px; font-weight:800; } .posts-archive a{ text-decoration:none; } .post-link{ color:#C00; text-decoration:none; font-size:16px; } .posts-archive .post a:hover{ color:#333; } .posts-archive .post .img-thumbnail{ margin-top:10px; } .post.sermon .post-title h3{ margin-bottom:5px; } .post.sermon .post-title .sermon-actions{ text-align:right; padding-top:25px; } .post.sermon .post-content{ padding-top:20px; } .audio-container, .video-container{ margin-bottom:30px; } .post-meta{ background-color:#f8f7f3; border-bottom:1px solid #eceae4; padding:10px 20px; font-size:12px; } .post-meta i{ margin-right:5px; font-size:14px; } .post-comments{ margin: 30px 10px 0 10px; } .comments{ margin:0; list-style-type:none; } .comments li{ margin-bottom:25px; } .comments li .post-comment-block{ padding:25px; padding-bottom:5px; border:1px solid #eceae4; border-bottom-width:2px; background:#ffffff; } .comments li.admin > .post-comment-block{ background-color:#f8f7f3; } .comments li .img-thumbnail{ float:left; margin-right:20px; } .comments li h5{ margin-bottom:5px; } .comments li ul{ padding-top:25px; padding-left:50px; } .post-comment-form{ margin: 30px 10px 0 10px; border-bottom:0; } .post-comment-form .form-control{ margin-bottom:20px; } .gallery-filter ul{ float:right; } /* Post Formats */ .format-quote .media-box blockquote{ color:#ffffff; padding-left:0; border-left:0; } .owl-carousel .owl-item{ float:left; } .owl-carousel .owl-item img{ width:100%; float:left; } .staff-item .social-icons{ margin-bottom:15px; } .staff-item .social-icons a{ width:25px; height:25px; display:inline-block; line-height:25px; text-align:center; color:#ffffff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-left:0; margin-right:10px; text-decoration:none; } #gmap{ margin-bottom:30px; overflow:hidden; } #gmap iframe{ border:0; width:100%; } #message{ margin-top:10px; } /* Widgets */ .widget{ margin-bottom:30px; } .search-form-widget{ margin-top:10px; } .widget .sidebar-widget-title h3{ border-bottom:2px solid #c00; margin-bottom:0; padding-bottom: 5px; font-weight:400; } .widget .sidebar-widget-title{ border-bottom:2px solid #c00; margin-bottom:20px; } .widget h4.footer-widget-title{ border-bottom:1px solid #eceae4; padding-bottom:10px; margin-bottom: 10px; font-size:15px; } .widget ul > li{ border-bottom:1px solid #eceae4; padding:10px 0; color:#999999; } .widget ul > li a{ display:inline-block; text-decoration:none; } .widget ul > li a i{ margin-right:5px; } .widget ul > li:first-child{ padding-top:0; } .widget ul > li a:hover{ text-decoration:none; } .widget .event-item .event-date{ width:15%; } .widget.post-listing h2.post-title, .widget.sermons-listing h2.sermon-title{ font-size:14px; margin-bottom:0; } .tag-cloud a{ display:inline-block; margin-right:7px; margin-bottom:7px; padding:2px 8px; border:1px solid #eceae4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#f8f7f3; font-size:12px; text-decoration:none; } .tag-cloud a:hover{ text-decoration:none; } .widget-recent-posts .post-image{ width:30%; float:left; margin-right:5%; } .widget-recent-posts .widget-blog-content{ float:left; width:65%; } .widget-recent-posts .fa-angle-right{ display:none; } .widget-recent-posts .fa-plus{ margin-right:0; } .widget-recent-posts ul li a{ padding:12px 0; text-decoration:none; } .widget-recent-posts ul li:first-child a{ padding-top:8px; } .widget_recent_comments .fa-angle-right{ display:none; } .widget .twitter-widget li{ font-size:16px; line-height:28px; border:0; padding:0; } /*-------------------------------------------------------------------------------------------*/ /* SHORTCODE DEFINATIONS */ /*-------------------------------------------------------------------------------------------*/ /* ================================================== Tabs ================================================== */ .tabs{ margin-bottom:25px; } .nav-tabs{ } .nav-tabs li{ position:relative; display:block; float:left; margin-right:1px; } .nav-tabs li a{ display:block; padding:10px 20px; background:#f8f8f8; text-decoration:none; font-size:18px; } .nav-tabs li a:hover{ color:#fff; background:#666; text-decoration:none; } .nav-tabs li a:active, .nav-tabs li.active a{ color:#fff; background:#666; } .tab-content{ padding:30px 0; background:#f99e1c; } .tab-content > .tab-pane{ display:none; padding:20px 0px 0px 0px; } .tab-content > .active{ display:block; } /* ================================================== Accordion & Toggle ================================================== */ .accordion { margin-bottom: 35px; } .accordion-group { margin-bottom: 8px; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .accordion-heading { border-bottom: 0 none; } .accordion-heading .accordion-toggle { position: relative; display: block; padding: 15px; background:#f8f8f8; text-decoration:none; font-size: 13px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .accordion-toggle { cursor: pointer; } .accordion-toggle:hover{ text-decoration:none; } .accordion-heading:hover .accordion-toggle, .accordion-heading:hover .accordion-toggle.inactive { background:#666; color:#fff; } .accordion-heading .accordion-toggle.active { color:#fff; background:#666; } .accordion-heading .accordion-toggle.inactive { background:#f8f8f8; } .accordion-heading.accordionize .accordion-toggle i, .accordion-heading.togglize .accordion-toggle i { position: absolute; top: 50%; right: 20px; margin: -8px 0 0 0; color: #666; font-size: 18px; -webkit-transition: all 0.1s linear 0s; -moz-transition: all 0.1s linear 0s; -ms-transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s; transition: all 0.1s linear 0s; } .accordion-heading:hover .accordion-toggle i { color: #fff; } .accordion-heading .accordion-toggle.active i, .accordion-heading:hover .accordion-toggle.inactive i { color: #666; } .accordion-heading.accordionize .accordion-toggle.active i, .accordion-heading.togglize .accordion-toggle.active i { color: #fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .accordion-heading.togglize .accordion-toggle i { margin: -8px 0 0 0; font-size: 18px; } .accordion-heading.togglize .accordion-toggle .fa-plus-circle{ display:block; } .accordion-heading.togglize .accordion-toggle.active .fa-plus-circle{ display:none; } .accordion-heading.togglize .accordion-toggle .fa-minus-circle{ display:none; } .accordion-heading.togglize .accordion-toggle.active .fa-minus-circle{ display:block; } .accordion-inner { padding: 16px; border: 1px solid #efefef; background: #fff; } /* ================================================== Alerts ================================================== */ .alert { margin-bottom: 20px; padding: 15px 35px 15px 15px; border: 1px solid #efefef; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #f8f8f8; text-shadow: none; } .alert .close { position: relative; top: 0px; right: -22px; color: #FFFFFF; text-shadow: none; line-height: 20px; -webkit-transition: opacity 0.1s linear 0s; -moz-transition: opacity 0.1s linear 0s; -ms-transition: opacity 0.1s linear 0s; -o-transition: opacity 0.1s linear 0s; transition: opacity 0.1s linear 0s; } .alert .close:hover { text-decoration:none; opacity: 1; } .alert-standard { border-color:#efefef; background-color: #f8f8f8; } .alert-standard, .alert-standard .close { color:#666; } .alert-success { border-color:#d6e9c6; background-color: #dff0d8; } .alert-success, .alert-success .close { color:#468847; } .alert-danger, .alert-error { border-color:#ebccd1; background-color: #f2dede; } .alert-danger, .alert-danger .close, .alert-error, .alert-error .close { color:#b94a48; } .alert-info { border-color:#bce8f1; background-color: #d9edf7; } .alert-info, .alert-info .close { color:#3a87ad; } .alert-warning { border-color:#faebcc; background-color: #fcf8e3; } .alert-warning, .alert-warning .close { color:#c09853; } /* ================================================== Progress bars ================================================== */ @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { margin-bottom: 15px; height: 20px; border-radius: 3px; background-color: #eaeaea; -webkit-box-shadow: none; box-shadow: none; overflow: visible; } .progress-bar { float: left; width: 0%; height: 100%; background-color: #eaeaea; -webkit-box-shadow: none; box-shadow: none; color: #ffffff; text-align: center; font-size: 12px; line-height: 20px; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; position: relative; border-radius: 3px; } .progress-striped .progress-bar { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } span.progress-bar-tooltip { position: absolute; position: absolute; top: -28px; right: 5px; display: block; padding: 4px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #333; color: #FFF; font-size: 11px; line-height: 15px; opacity: 0; filter: alpha(opacity=0); -o-border-radius: 3px; } span.progress-bar-tooltip:after { position: absolute; bottom: -5px; left: 13px; display: block; width: 0; border-width: 5px 5px 0; border-style: solid; border-color: #333 transparent; content: ""; } .progress-label{ text-transform:uppercase; } /* ================================================== Facts Counters ================================================== */ .fact-ico{ display:inline-block; width:100px; height:100px; color:#999999; line-height:100px; margin:10px 0; } .fact{ display:inline-block; color:#999999; font-size:15px; margin-top:10px; font-family: 'Volkhov', serif; font-style:italic } .counters .timer{ display:inline-block; color:#333333; font-weight:700; font-size:38px; } .parallax .counters .timer{ color:#ffffff; } /*-------------------------------------------------------------------------------------------*/ /* Parallax /*-------------------------------------------------------------------------------------------*/ .parallax{ background-attachment: fixed!important; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; background-repeat:no-repeat; background-color:#f8f8f8; /* min-height:331px;*/ } .touch .parallax, .nav-backed-header.parallax{ background-attachment:scroll!important; } /*-------------------------------------------------------------------------------------------*/ /* Responsive Classes /*-------------------------------------------------------------------------------------------*/ @media (min-width: 992px) and (max-width: 1199px) { .navigation > ul > li > a{ padding:0 25px; } .gallery-filter ul li span{ display:none; } } @media only screen and (max-width: 991px) { .top-navigation li{ font-size:18px; } .notice-bar .btn-block, .notice-bar .counter{ margin-top:20px; } .events-listing .event-date{ width:10%; } .events-listing .event-detail{ width:57%; } .events-listing .to-event-url{ width:26%; } .main-menu-wrapper{ display:none; background:#FFF; height:auto; position:absolute; left:0; z-index:9999; width:100% } .sticky-wrapper{ height:auto!important } .navigation{ background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; height:auto; position:relative; z-index:9999; } .navigation > ul > li{ display:block; width:100%; line-height: normal; text-align:left; } .navigation > ul > li > a{ padding: 10px; border-bottom:1px solid #eceae4; } .navigation > ul > li > ul, .navigation > ul > li > ul li ul{ position:static; height:auto!important; border-bottom:1px solid #eceae4; top:0; left:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin-left:0; } .navigation > ul > li > ul:before, .navigation > ul > li > ul li ul:before{ display:none; } .is-sticky .main-menu-wrapper{ background-color:#f8f7f3; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .nav-backed-header{ top:0; margin-bottom:0; } ol.breadcrumb{ padding-top:20px; } .page-header{ top:0; margin-bottom:0; } .post .img-thumbnail, .post .img-thumbnail{ margin-bottom:20px; } .post.sermon .post-title .sermon-actions{ text-align:left; } .gallery-filter ul{ float:left; margin-top:20px; } ol.breadcrumb{ padding:40px 0 40px 0; } } @media only screen and (max-width: 767px) { /* Isotope */ .isotope { overflow: visible !important; height: auto !important; } .isotope-item { position: static !important; margin-right: auto; margin-left: auto; width: auto; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } .isotope-hidden { display: none !important; } .grid-item{ margin-bottom: 6%; } .counter{ margin-top:20px; } .featured-gallery{ text-align:center; } .featured-gallery a{ margin-bottom:20px; display:block; } .footer-widget{ margin-bottom:30px; } .copyrights-col-left, .copyrights-col-right{ text-align:center; } .copyrights-col-left{ margin-bottom:20px; } .copyrights-col-right .social-icons{ text-align:center; } .copyrights-col-right .social-icons a{ margin:0 4px; } .grid-holder.col-2 .grid-item{ width:95%; } .grid-holder.col-3 .grid-item{ width:95%; } .grid-holder.col-4 .grid-item{ width:95%; } .media-box{ margin-bottom:20px; } .grid-item .media-box{ margin-bottom:0; } .listing-header-sub .next-prev-nav{ float:left; } .listing-header-sub h5{ margin-right:0; } .featured-block{ margin-bottom:20px; } .gallery-filter ul li span{ display:none; } .page-header h1{ font-size:24px; } .sidebar{ float:left; width:100%; margin-top:30px; } .staff-item{ margin-bottom:30px; } } @media only screen and (min-width: 320px) and (max-width: 480px) { } @media all and (-webkit-min-device-pixel-ratio: 1.5) { } /*.widget{ margin-top:20px; } .sidebar{ margin-bottom:10px; } .sidebar-widget-title { border-bottom: 4px solid #f8f7f3; margin-bottom: 10px; } .sidebar-widget-title h3 { border-bottom: 1px solid #eceae4; margin-bottom: 0; padding-bottom: 15px; } .widget_custom_category li{ list-style:circle; padding-left:20px; } */ .event_place{ color: #000; display: inline; margin-left: 10px; } .img-thumbnail { background: #f8f7f3; border: 1px solid #eceae4; } .hightlight_event{ position: relative; } .hightlight_event:after{ position: absolute; content: ''; left: 48%; bottom: -60px; border: 50px solid transparent; border-top-color: #FCB711; } .hightlight_event_section{ border-bottom: 4px solid #f8f7f3; border-left: 4px solid #f8f7f3; border-right: 4px solid #f8f7f3; padding-bottom: 30px; } .contact-post{ background:#fff; padding:5px; margin-bottom:10px; } .contact-post p i{ color: #CF0202; margin-right: 5px; } .footer-widget{ margin-bottom:5px; } .footer-widget .widget { margin-bottom: 10px; } .footer-widget p { margin: 0 0 5px 0; } .footer-widget.widget ul > li { border-bottom: 1px solid #eceae4; padding: 5px 0; } .gallery-slide .item{ margin:0px 10px; } .top-phone{ padding: 25px 0px 20px 30px; position:relative; } .top-phone:before{ content:'\f098'; font-family:FontAwesome; position:absolute; top:20px; left:-10px; font-size:38px; color:#C00; padding:14px 0px 14px 0px; } .top-phone h3{ font-size:15px; padding:0px; margin:0px; color:#5e5e5e; line-height:20px; } .top-phone h2{ font-size:18px; padding:0px; margin:0px; font-weight:800; } #owl-demo .item img{ display: block; width: 100%; height: auto; } .blog-post{ } .blog-post h3{ margin-bottom:5px; /*font-size:22px;*/ font-weight:400; } .blog-post h3 a{ color:#000; } .blog-post .post-meta { background-color:transparent; border-bottom: 1px solid #eceae4; padding: 5px 2px; font-size: 12px; margin-bottom: 10px; } .blog-post .meta-data a i { color:#333; } .inner-bg { padding: 20px 0 80px 0; } /****** LOGIN MODAL ******/ .loginmodal-container { width: 100% !important; margin: 0 auto; overflow: hidden; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #FFFCFC; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; filter: alpha(opacity=20); } .modal-header { min-height: 16.428571429px; padding: 15px; background:#F99E1C; border-bottom: 1px solid #e5e5e5; } .loginmodal-container h1 { text-align: left; font-size:18px; text-transform:uppercase; background:#FCB711; padding:10px; color:#FFF; margin:0px; font-weight:600; background:#F99E1C; display:inline-block; } .loginmodal-container input[type=submit] { width: 100%; display: block; margin-bottom: 10px; position: relative; } .loginmodal-container input[type=text]{ height: 44px; font-size: 16px; width: 100%; margin-bottom: 10px; -webkit-appearance: none; background: #fff; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; /* border-radius: 2px; */ padding: 0 8px; box-sizing: border-box; -moz-box-sizing: border-box; } .loginmodal-container input[type=text]:hover{ border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } .loginmodal { text-align: center; font-size: 14px; font-weight: 700; height: 36px; padding: 0 8px; /* border-radius: 3px; */ /* -webkit-user-select: none; user-select: none; */ } .loginmodal-submit { /* border: 1px solid #3079ed; */ border: 0px; color: #fff; background-color: #CC0000; padding: 10px 0px; font-size: 16px; margin-top:20px; text-transform:uppercase; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#4787ed)); */ } .loginmodal-submit:hover { /* border: 1px solid #2f5bb7; */ border: 0px; text-shadow: 0 1px rgba(0,0,0,0.3); background-color: #FCB711; /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d90fe), to(#357ae8)); */ } .regfrm .form-box { margin-top: 20px; } .regfrm .form-top { overflow: hidden; padding: 0 15px 0px 15px; background:#F99E1C; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; text-align: left; } .regfrm .form-top-left { float: left; width: 75%; padding-top: 10px; } .regfrm .form-top-left h3 { margin-top: 0; color:#FFF; text-transform:uppercase; } .regfrm .form-top-left p { margin-top: 0; color:#FFF; } .regfrm .form-top-right { float: left; width: 25%; padding-top: 5px; font-size: 66px; color:#F6F6F6; line-height: 100px; text-align: right; } .regfrm .form-bottom { padding: 25px 25px 30px 25px; background:#FFF6E0; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; text-align: left; } .regfrm .form-bottom form textarea { height: 100px; } .regfrm .form-bottom form button.btn { width: 100%; } .regfrm .form-bottom form .input-error { border-color: #19b9e7; } .regfrm .social-login { margin-top: 35px; } .regfrm .social-login h3 { color: #181818; text-align: center; } .regfrm .social-login-buttons { margin-top: 25px; } .regfrm .middle-border { min-height: 300px; border-right: 3px solid #fff; border-right: 1px solid rgb(234, 169, 13); margin-top: 120px; } @media (max-width: 767px) { .regfrm .middle-border { min-height: auto; margin: 65px 30px 0 30px; border-right: 0; border-top: 1px solid #fff; border-top: 1px solid rgba(255, 255, 255, 0.6); } } .forget p{ margin-top:30px; color:#CC0000; font-size:16px; text-align:center; } .forget p a{ text-decoration:none; color:#CC0000; } .btn-link-1 { display: inline-block; height: 50px; margin: 5px; padding: 16px 6px 0 6px; background: #19b9e7; font-size: 16px; font-weight: 300; line-height: 16px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; } .btn-link-1.btn-link-1-facebook { background: #4862a3; } .btn-link-1.btn-link-1-twitter { background: #55acee; } .btn-link-1.btn-link-1-google-plus { background: #dd4b39; } .btn-link-1 i { padding-right: 3px; vertical-align: middle; font-size: 20px; line-height: 20px; } .btn-link-2 { display: inline-block; height: 50px; margin: 5px; padding: 15px 20px 0 20px; background: rgba(0, 0, 0, 0.3); border: 1px solid #fff; font-size: 16px; font-weight: 300; line-height: 16px; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .btn-link-2:hover, .btn-link-2:focus, .btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; } .construct-wrap{ } .construct-wrap h2{ font-size:30px; padding-bottom:50px; } .navigation > ul > li > a:hover { color: #FCB711; } @media screen and (max-width: 767px){ .owl-theme .owl-controls .owl-buttons div{ padding: 5px; } .owl-pagination { top: -15px; } } .owl-theme .owl-controls .owl-buttons div{ transform: translateY(-50%); } .side-bx{ border: solid #ccc 1px; padding: 0px 0px; overflow: hidden; margin-bottom:0px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .side-bx h3 { border-bottom:none; margin-bottom: 0; padding-bottom: 15px; background:#F99E1C; color:#FFF; padding:10px 20px; } .side-bx .sidebar-widget-title { border-bottom: 0px solid #f8f7f3; margin-bottom: 0px; } .int-bx{ width:100%; border: solid #ccc 1px; padding: 0px; margin-bottom: 40px; border-top-right-radius: 5px; border-top-left-radius: 5px; position:relative; } .int-bx h3 { font-size: 24px; color: #fff; line-height: 30px; border-bottom: solid #ddd 1px; margin: 0px; padding: 8px; padding-left: 10px; padding-bottom: 8px; background:#FCB711; border-top-right-radius: 5px; border-top-left-radius: 5px; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight:600; } .reg-btn{ display:inline-block; position: absolute; bottom: -10px; right: 10px; } .reg-btn a{ background:#cc0000; padding:10px 25px; line-height:35px; color:#FFF; text-decoration:none; font-size:14px; font-size:15px; font-weight:800; } .reg-btn a:hover{ background:#000; } .content-bx{ margin:0px; padding:0px; } .nxt-event{ border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; padding: 0px 0px 0px 0px; float: none; width: 100%; background: #FFF; margin-bottom:0px; border: 0; } .nxt-event h5 { font-size: 20px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 10px 10px; line-height: normal; background-color: #FCB711; margin: 0px; } .nxt-event figure{ display: block; position: relative; overflow: hidden; } .nxt-event figure:hover{ opacity:0.5; } .nxtevent-detail{ padding:0px 0px 0px 10px; background-color: #f8f8f8; } .nxtevent-detail>ul { /*background-color: #f8f8f8;*/ padding: 12px 5px; width: 100%; margin:0px; } .nxtevent-detail>ul>li { color: #4c5955; padding-left: 15px; padding-right: 3px; margin: 0px; font-size: 13px; } .nxtevent-detail>ul>li i { color: #900; } .nxtevent-detail .list-inline { padding-left: 0; margin-left: 0px; list-style: none; } .nxt-event a{ text-decoration:none; } /*******HEADING #4******************/ .featured-heading { position: relative; text-align: center; color: #CC0000; } .featured-heading span { padding: 0 30px; position: relative; z-index: 1; background-color:#FFF; text-transform:uppercase; } .featured-heading:after { background: #2F2A2A; display: block; width: 100%; } .featured-heading:after, .featured-heading span:before, .featured-heading span:after { content: ""; height: 2px; margin-top: 0px; position: absolute; top: 50%; } .featured-heading span:before, .featured-heading span:after { background-color: #F99E1C; margin-top: 0; width: 39px; } .featured-heading span:before { left: -39px; } .featured-heading span:after { right: -39px; } .up-next { position: relative; margin: 0 auto; padding: 3px; list-style: none; text-align: center; width:100%; } .listing-event{ margin:0px; padding: 0px 15px 0px 15px; } .listing-event figure{ padding:0px 20px 0px 0px; } .listing-event ul{ padding: 5px 0px; width: 100%; margin-bottom:10px; margin-top:10px; border-bottom: #FCB711 double 3px; } .listing-event .bx-meta li{ display: inline-block; color: #4c5955; padding-left: 3px; padding-right: 3px; margin: 2px; font-size: 13px; } .listing-event .bx-meta li i { color: #900; font-weight:600; } .listing-event a{ color: #CC0000; text-decoration: none; margin-top: 30px; font-size: 16px; font-weight: 800; } .listing-event a:hover{ color:#000; } .listing-event p{ padding:0px 0px 15px 0px; margin:0px; } .bx-ftt{ width:100%; background:#070707; padding:5px 10px 5px 10px; text-align:right; } .bx-ftt p{ color:#FC0; margin:0px; padding:0px; display:inline-block; line-height:25px; } .bx-ftt .social-icons{ display:inline-block; padding:0px 0px 0px 0px; } .bx-ftt .social-icons a { margin: 0 8px; text-decoration: none; color:#FFF; font-size:18px; } .bx-ftt .social-icons a:hover{ color:#CC0000; } .panel-login { border-color: #ccc; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2); } .panel-login>.panel-heading { color: #00415d; background-color: #fff; border-color: #fff; text-align:center; } .panel-login>.panel-heading a{ text-decoration: none; color: #666; font-weight: bold; font-size: 15px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } .panel-login>.panel-heading a.active{ color: #029f5b; font-size: 18px; } .panel-login>.panel-heading hr{ margin-top: 10px; margin-bottom: 0px; clear: both; border: 0; height: 1px; background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0)); } .panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] { height: 45px; border: 1px solid #ddd; font-size: 16px; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } .panel-login input:hover, .panel-login input:focus { outline:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #ccc; } .btn-login { background-color: #59B2E0; outline: none; color: #fff; font-size: 14px; height: auto; font-weight: normal; padding: 14px 0; text-transform: uppercase; border-color: #59B2E6; } .btn-login:hover, .btn-login:focus { color: #fff; background-color: #53A3CD; border-color: #53A3CD; } .forgot-password { text-decoration: underline; color: #888; } .forgot-password:hover, .forgot-password:focus { text-decoration: underline; color: #666; } .btn-register { background-color: #1CB94E; outline: none; color: #fff; font-size: 14px; height: auto; font-weight: normal; padding: 14px 0; text-transform: uppercase; border-color: #1CB94A; } .btn-register:hover, .btn-register:focus { color: #fff; background-color: #1CA347; border-color: #1CA347; } .section-title3 { text-transform: uppercase; text-align: center; padding-bottom: 0px; font-size: 26px; font-weight: 400; margin-bottom: 30px; } .section-title3 h1{ padding:0px; margin:0px; } h1.section-title3:after { border-bottom: 3px solid #cc0000; content: ""; display: block; margin: 5px auto; width: 80px; } .miss-stat{ padding:40px 0px; } .miss-stat .stat-txt p{ font-size:14px; text-align:center; } .top-sticky-bar{ padding: 7px 0px 5px 0px; background: #fcb711; z-index: 999; width: 96%; position: fixed; display: block; margin: 5px 2%; border-radius: 5px; bottom: 0; top: auto; } .button_on_mobile{ display: block; padding: 13px 30px; border-radius: 5px; border: none; text-transform: uppercase; text-align: center; color: #FFF; font-size: 16px; font-weight: 600; } .sticky_butns li { list-style: none; display: block; margin: 10px; } .hide_in_mobile{ display: none; } .top-sticky-bar .title h2{ color:#000; font-size:18px; line-height:49px; margin:0px; } .top-sticky-bar .meta-data{ font-size:16px; color:#000; display:inline-block; margin-right:10px; line-height:49px; } .top-sticky-bar .meta-data i,.top-sticky-bar .event_place i { margin-right:5px; } .top-sticky-bar .event_place{ font-size:16px; color:#000; display:inline-block; line-height:49px; } .top-sticky-bar .counter .timer-col{ display: block; width: 28%; text-align: center; float: left; margin-right: 5%; } .top-sticky-bar .timer-col #days, .top-sticky-bar .timer-col #hours, .top-sticky-bar .timer-col #minutes, .top-sticky-bar .timer-col #seconds{ display:inline-block; font-size:18px; padding:5px 10px; line-height: 25px; } .top-sticky-bar .timer-col #days{ color:#ffffff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } .top-sticky-bar .timer-col #hours, .top-sticky-bar .timer-col #minutes, .top-sticky-bar .timer-col #seconds{ width: 100%; background:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; line-height: 25px; } .top-sticky-bar .timer-col .timer-type{ font-size:12px; display:block; margin-top:0px; color:#FFF; line-height: 15px; } .login-body{ margin:30px 0px 30px 0px; } .container-login { min-height: 0; width: 100%; color: #333333; margin-top: 40px; padding: 0; } .center-block { display: block; margin-left: auto; margin-right: auto; } .container-login > section { margin-left: 0; margin-right: 0; padding-bottom: 10px; } #top-bar { display: inherit; } .nav-tabs.nav-justified { border-bottom: 0 none; width: 100%; } .nav-tabs.nav-justified > li { display: table-cell; width: 1%; float: none; font-size: 24px; text-transform: uppercase; } .container-login .nav-tabs.nav-justified > li > a, .container-login .nav-tabs.nav-justified > li > a:hover, .container-login .nav-tabs.nav-justified > li > a:focus { background: #080808; border: medium none; color: #ffffff; margin-bottom: 0; margin-right: 0; border-radius: 0; } .container-login .nav-tabs.nav-justified > .active > a, .container-login .nav-tabs.nav-justified > .active > a:hover, .container-login .nav-tabs.nav-justified > .active > a:focus { background: #f99e1c; color: #FFFFFF; } .container-login .nav-tabs.nav-justified > li > a:hover, .container-login .nav-tabs.nav-justified > li > a:focus { background: #cc0000; } .tabs-login { background: #f99e1c; border: medium none; margin-top: -1px; padding: 10px 30px; } .container-login h2 { color: #ea533f; } .container-login .form-control { background-color: #ffffff; background-image: none; border: 1px solid #999999; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #333333; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .container-login a{ font-size: 16px; font-weight: 600; color: #000; text-decoration: none; } .container-login a:hover{ color:#cc0000; } .container-login form-group { margin-bottom: 0px; } .container-login .container-login .checkbox { margin-top: -15px; } .container-login .container-login button { background-color: #cc0000; border-color: #DF2E17; color: #ffffff; border-radius: 0; font-size: 18px; line-height: 1.33; padding: 10px 16px; width: 100%; } .container-login button:hover, .container-login button:focus { background: #de2f18; border-color: #be2815; color: #fff; } .container-login .form-horizontal .control-label { text-align: right; margin-bottom:5px; font-size:16px; } .frm-heading{ text-align:center; text-transform:uppercase; padding:20px 0px; color:#FFF; } .frm-heading h1{ font-size:28px; } .side-heading { position: relative; margin:10px 0px; } .side-heading h2 { font-size: 24px; text-transform: uppercase; font-weight: 700; background-color: #fff; margin: 0px 0 10px 0; display: inline-block; padding-right: 10px; color: #111; } .side-heading:before { position: absolute; bottom: 25px; left: 0; width: 100%; height: 5px; background-color:#cc0000; content: ""; display: block; z-index: -1; } .side-heading.align-center { text-align: center; } .side-heading.align-center h2 { padding: 0 10px; } .side-heading.align-right { text-align: right; } .side-heading.align-right h2 { padding: 0 0 0 10px; } .pst-evnt{} .cuming-event{ margin:0px 0px 50px 0px; } .cuming-event .panel-default > .panel-heading { color: #1C1B1B; background-color: #fcb711; border-color: #fcb711; } .cuming-event .panel-default > .panel-heading h3 { margin-bottom:0px; } .cuming-event .panel-body { padding: 0px; } .cuming-event .info-table li { border: 1px solid #fff; padding: 10px 7px; background-color: #f8f7f3; } .cuming-event .info-table li a{ width:100%; text-align:center; } .cuming-event .info-table li i.fa { margin-right: 5px; font-weight: bold; } .cuming-event .panel-heading { padding: 0px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: inherit; /* line-height: 35px; */ text-transform: uppercase; font-size: 18px; font-weight: 700; } .widget{ margin-bottom: 30px; border-top: none; color: #111111; } .widget .widget-title{ text-transform: uppercase; font-size: 18px; margin-bottom: 3px; margin-top: 0; background-color: #fcb711; border: 1px solid #E1A30D; color: #262626; padding: 5px 15px; position: relative; } .widget .widget-title:after{ position: absolute; bottom: -4px; left: -1px; height: 2px; background-color: #cc0000; content: ""; width: 50%; } .widget .widget-bx{ padding: 10px 10px; border: 1px solid #e5e5e5; } .full-width { width: 103.75vw; } .popular-post { position: relative; padding: 10px 0px; overflow: hidden; border-bottom: 1px solid #e5e5e5; } .popular-post:last-child { position: relative; padding: 5px 0px; overflow: hidden; border-bottom: none; } .popular-post img{ display:block; width:100%; } .popular-post h2{ margin-bottom:0px; font-size:14px; } .popular-post h2 a{ color:#000; font-weight:bold; } .popular-post.thumb-left .widget-thumb { float: left; width: auto; margin-right: 10px; margin-top: 4px; } .popular-post .post-text { margin-top: 10px; font-size: 14px; margin-top: 0; margin-bottom: 5px; } .popular-post .post-text .post-header { overflow: hidden; position: relative; margin-bottom: 10px; } .popular-post .post-text .post-header:before { position: absolute; bottom: 0; left: 0; background-color: #666; content: ""; height: 1px; width: 40px; } .popular-post .post-text .post-author { padding-top: 5px; font-size: 10px; text-transform: uppercase; display: block; line-height: 14px; color: #aaaaaa; float: left; padding-right: 10px; } .popular-post .post-text .post-author { padding-top: 5px; font-size: 10px; text-transform: uppercase; display: block; line-height: 14px; color: #aaaaaa; float: left; padding-right: 10px; margin-bottom: 10px; } .popular-post .post-text .post-date, .popular-post .post-text .post-author { padding-top: 5px; font-size: 10px; text-transform: uppercase; display: block; line-height: 14px; color: #aaaaaa; float: left; padding-right: 10px; } .popular-post .post-text .post-date .fa, .popular-post .post-text .post-author .fa { font-size: 14px; padding-right: 5px; } .popular-post .post-text .post-title a { display: block; font-size: 14px; line-height: 1.3; font-weight:800; } .widget a:hover { color: #CC0000; } .widget .btn-primary:hover { color:#FFF!important; text-decoration:none!important; } .red { background: #cc0000; } .red-fnt{ font-size:18px; } .widget .recent_post { } .widget .recent_post ul { margin:0px; padding:0px; } .widget .recent_post ul li { list-style:none; display:block; border-bottom:solid 1px #f0f0f0; padding-bottom:10px; margin-bottom:10px; } .widget .recent_post ul li figure { margin: 0; } .widget .recent_post ul li a { display: block; text-decoration: none; } .widget .recent_post ul li h2 { margin:0px; font-size: 14px; color: #595959; font-weight: bold; margin: 0 0 12px 0; padding: 0px; line-height:19px; } .widget .recent_post ul li h2 a { font-size:14px; /*color:#333;*/ font-weight:normal; line-height:19px; } .widget .recent_post ul li h2 a:hover { color:#CC0000; } .widget .recent_post ul li img { width:58px; float:left; padding:3px; margin:0 5px 0 0; border: solid 1px #eaeaea; border-radius:5px; } .widget .recent_post ul li:last-child { border-bottom:none; margin:0px; } .widget .categories_list { } .widget .categories_list ul { margin:0px; padding:0px; } .widget .categories_list li { position:relative; display:block; border-bottom: solid #ddd 1px; line-height:25px; padding:5px 0; padding-left:5px; color:#777; list-style:none!important; } .widget .categories_list li:last-child { border-bottom:none } .widget .categories_list li:before { display:block; position:absolute; /* left:2px;*/ top:7px; font-family:'FontAwesome'; /* content:'\f054';*/ } .widget .categories_list li span { display:block; position:absolute; top:7px; right:3px; background:#c71f1f; color:#fff; text-align:center; line-height:22px; width:22px; font-size:12px; font-weight:bold; border-radius:4px; } .widget .categories_list li a { display:block; color:#777; text-decoration:none; } .sidebar .categories_list li:hover a { color:#F99E1C; } .post-share{ margin:10px 0px; } .side-advt{ margin-bottom:20px; } .side-advt img{ } .pf-times-btn{ width:100%; text-align:center; margin:80px 0px 80px 0px; } .stitched { position: relative; padding: 10px 80px; margin: 0px auto; margin-bottom:0px; background: #cc0000; color: #fff; font-size: 20px; font-weight: bold; border: 2px dashed #fff; border-radius: 4px; box-shadow: 0 0 0 4px #AA0909, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); font-weight: normal; } .pf-times-btn a{ color:#FFF; font-size:18px; font-weight:bold; text-transform:uppercase; letter-spacing: 4px; } .pf-times-btn a:hover{ background: #f99e1c; box-shadow: 0 0 0 4px rgb(215, 160, 81), 2px 1px 6px 4px rgba(10, 10, 0, 0.5); } .times-thumbnail { display: block; padding: 0px; margin-bottom: 40px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .times-thumbnail .thumb-img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; opacity: 1; width: 100%; } .times-thumbnail:hover .thumb-img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } .times-thumbnail .magz-info{ padding:5px 10px; } .times-thumbnail .magz-info h2{ font-size:16px; font-weight:600; margin:5px 0px; padding:0px; } .times-thumbnail .magz-info p small{ font-size:13px; color:#999; margin:0px; padding:0px; } .times-thumbnail .magz-info p small i{ margin-right:5px; font-size:15px; } .times-thumbnail p { color:#000; margin:5px 0px; padding: 0px 0px 5px 0px; line-height: 15px; font-size: 12px; } .magz-delivered{ color:#5cb85c; } .magz-receved{ color:#390; } .cuming-magz{ /* padding:20px; background-color: #ffffff; border: 1px solid #dddddd;*/ margin-bottom:70px; /*padding:0px 0px; border: 1px solid #dddddd;*/ border-radius: 4px; background: #F99E1C; } .cuming-magz h2{ font-size:26px; font-weight:800; } .cuming-magz figure{ width:100%; background:#CCC; position:relative; } /*.cuming-magz figure:before{ position:absolute; bottom:20px; right:-40px; content:''; width:50px; height: 20px; background: #2C2A2A; border-radius:4px; z-index:999; border:#FFF solid 2px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); } */ .new-magz-info{ width:100%; background:#f99e1c; padding:20px 30px; min-height:330px; position:relative; z-index:99; text-align: center; } /*.new-magz-info:before{ position:absolute; top:20px; left:-40px; content:''; width:50px; height: 20px; background: #2C2A2A; border-radius:4px; border:#FFF solid 2px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1); } */ .new-magz-info h2{ text-align:center; font-size:25px; text-transform:uppercase; margin-bottom:30px; margin-top:20px; } .new-magz-info h4{ text-align:center; font-size:23px; text-transform:uppercase; margin-bottom:20px; margin-top:20px; line-height:40px; } .new-magz-info sup{ font-size:13px; text-transform:lowercase; } .new-magz-info p{ text-align:center; font-size:14px; margin:0px 0px; color: #333333; text-transform:capitalize; } .tag-new{ background:#cc0000; color:#FFF; padding:4px 10px; border-radius:4px; margin:-20px 0px 0px 0px; } .press-ment{ margin:30px 0px; } .p-mention{} .p-mention li { padding: 0 20px; margin:30px 0px; } .p-mention li a { color:#000; display:block; } .p-mention li a:hover{ opacity:0.8; } .press-ment .p-logo { margin-bottom: 15px; min-height:35px; } .press-ment .p-desc { line-height: 20px; margin: 8px 0; color: #555; } .press-ment .p-desc p{ margin:0px; padding:0px; text-align:justify; } .press-ment .p-date { font-size: 13px; margin: 0; color:#999; } .press-ment .p-date i{ margin:0px 5px 0px 0px; } .press-news{ width:100%; padding:30px 0px; background:#f8f7f3; } .press-rel{ width:100%; padding:30px 30px; } .press-rel .p-logo { margin-bottom: 15px; overflow: hidden; } .press-rel .p-title { font-size: 18px; line-height: 26px; margin: 0 0 10px 0; font-weight: bold; } .press-rel .p-date { font-size: 14px; margin: 0; color: #969696; } .press-rel .p-date i{ margin-right:5px; } .press-rel .p-excerpt { margin: 10px 0; } .press-rel .p-excerpt p{ margin:0px; padding:0px; text-align:justify; } .press-rel .item{ margin:0px 20px 10px 20px; } .press-rel .p-link{ color: #C00; text-decoration: none; font-size: 16px; } .press-rel .p-link a{ color: #C00; } .press-rel .p-link a:hover{ color:#333; } .press-rel .owl-theme .owl-controls .owl-buttons .owl-prev { left: -50px; top: 50%; } .press-rel .owl-theme .owl-controls .owl-buttons .owl-next { right: -50px; top: 50%; } .news_container { background-color: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); box-shadow: 0 0 5px 0 rgba(0,0,0,.1); margin: 0 0 30px; border: #f99e1c solid 1px; } .img_container { position: relative; overflow: hidden; border: 1px solid #fff } .news_container .news_title { padding: 15px; position: relative; background: #fcb711; } .news_container .news_title .rating { font-size: 14px; margin-left: -3px } .news_container .news_title h3 { margin: 0; font-size: 18px; text-transform: uppercase } .news_container .news_title h4 { margin: 0; font-size: 14px; text-transform: uppercase } .news_container .news_title h4 sup{ font-size:14px; text-transform:lowercase; } .img_container a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .img_container img { -webkit-transform: scale(1); transform: scale(1) -webkit-transition: all .7s ease; transition: all .7s ease } .short_info { position: absolute; left: 0; bottom: 0; background:url(../images/shadow_tour.png) left bottom repeat-x; width: 100%; padding: 10px 10px 8px 5px; color: #fff } .short_info i { font-size: 20px; display: inline-block; vertical-align: middle; font-weight: 400; font-style: normal; padding: 0; margin: 0px 10px 0px 0px; } .short_info .price { float: right; font-size: 28px; font-weight: 700; display: inline-block } .p-mention-brief{ padding: 10px 10px; margin-bottom: 20px; border: 2px solid #ccc; background:#FFF; } .p-mention-brief a{ background:#FFF; } .p-mention-brief:hover { border:2px solid #f99e1c; color:#000; } .p-mention-brief h4{ margin:0px; padding:10px 0px 5px 0px; } /* Careers Page */ .job-offer { padding: 20px 10px; border: 1px solid #e7e7e7; margin-bottom:20px; } .job-info:before, .job-info:after { content: " "; display: table; } .job-info:after { clear: both; } .job-info span { font-size: 14px; letter-spacing: 2px; display: block; font-weight: 500; } .job-info h3 { margin: 0px; font-size: 28px; font-weight: bold; } .job-info small { font-size: 14px; color: #cc0000; display: block; } .job-content { margin-top: 20px; } .job-content p { font-size: 14px; line-height: 20px; margin: 0 0 5px 0; } .job-offer a.small-link { font-size: 14px; letter-spacing: 2px; font-weight: 600; color: #cc0000; } .job-offer a:hover.small-link { color:#000; } .career_form { width: 100%; padding: 10px 20px 10px 20px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) inset; border: #FFFFFF solid 3px; margin-bottom: 20px; } .career_form p { padding: 0; margin-bottom: 5px; border-radius: 5px; width: 100%; margin: 0px 0px 5px 0px; float: left; } .career_form sup { color: #f00; } .career_form .form-group{ position:relative; margin-top: 10px; } .career_form .form-group input[type="text"], .career_form .form-group input[type="email"], .career_form .form-group input[type="url"], .career_form .form-group input[type="file"], .career_form .form-group input[type="password"], .career_form .form-group select, .career_form .form-group textarea{ position:relative; display:block; width:100%; line-height:24px; padding:9px 15px; border:1px solid #d5d5d5; font-size:14px; color:#252525; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; } .career_form .form-group input[type="text"]:focus, .career_form .form-group input[type="email"]:focus, .career_form .form-group input[type="url"]:focus, .career_form .form-group input[type="password"]:focus, .career_form .form-group select:focus, .career_form .form-group textarea:focus{ border-color:#ED3136; } .career_form .form-group input[type="text"].error, .career_form .form-group input[type="email"].error, .career_form.form-group input[type="url"].error, .career_form .form-group input[type="password"].error, .career_form .form-group select.error, .career_form .form-group textarea.error{ border-color:#ff0000 !important; } .career_form .form-group label.error{ display:none !important; } .career_form .form-group textarea{ height:180px; resize:none; } .archive-gallery{ margin:20px 0px; } .archive-gallery .format-image{ margin:0px 0px 20px 0px; } .archive-video{ margin:20px 0px; } .archive-details{ margin: 0px 0px 20px 0px; } .archive-details .event-cover { margin: 0 0 0px; } .archive-details .event-cover .the-slider { margin: 0; padding: 0; } .archive-details .event-header { margin: 0 0 20px; position: relative; padding: 0; } .archive-details .event-header h2 { font-size: 24px; margin: 0; font-weight: 700; position: relative; color: #5a6a70; line-height: 1.5em; } .archive-details .event-header .event-header-box { background: #CC0000; padding: 10px 20px; min-height: 80px; margin: 0 0 20px; } .archive-details .event-header .event-header-box i { color: #fff; border: 2px solid #fff; width: 30px; height: 30px; line-height: 27px; text-align: center; padding-top: 0; border-radius: 100%; position: absolute; top: 0; left: 0; font-size: 16px; } .archive-details .event-header .event-header-box .box-event-info { position: relative; padding-left: 40px; margin-bottom: 10px; } .archive-details .event-header .event-header-box .box-event-info p { font-weight: 700; margin: 0; padding-top: 7px; line-height: 1.5em; color: #fff; } .archive-info{} .archive-info p{ margin:0px; text-align:justify; } .top-chat-header{ padding:80px 0px; background: rgba(0,0,0,0.5); } .ask-question-header{ font-weight: 600; line-height: 38px; color: #ffffff; text-align: center; margin-bottom: 1.8rem; padding-top: 150px; } .ask-question-header h2{ font-weight: 600; line-height: 42px; color: #ffffff; font-size:38px; letter-spacing: 3px; text-transform:uppercase; margin:0px; padding:0px; } .ask-question-header p{ font-weight: 600; line-height: 32px; color:#fcb711; font-size:15px; letter-spacing: 2px; } .ask-question-frm { -webkit-box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); -moz-box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); box-shadow: 1px 1px 10px 0px rgba(50,50,50,0.5); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #e2f4ef; padding:2px; background:#FFF; margin-bottom: 20px; } .ask-question-frm .form-type-textarea { margin-bottom: 0; width:100%; } .ask-question-frm .form-type-textarea textarea{ border: none; border-bottom: 1px solid #ededed; font-size: 28px; font-weight: 700; text-align: center; color: #052119; height: 130px; line-height: 1.5; padding: 2.1875rem 0.625rem 1.25rem; -webkit-border-radius: 8px; -webkit-border-bottom-right-radius: 1px; -webkit-border-bottom-left-radius: 1px; -moz-border-radius: 8px; -moz-border-radius-bottomright: 1px; -moz-border-radius-bottomleft: 1px; border-radius: 8px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; width:100%; } .ask-question-frm .form-type-textarea textarea:nth-of-type(2)::-webkit-input-placeholder { color:#999; font-size:24px; } .ask-question-tags-with-checkbox { padding: 10px; transition: all 1s ease; height: 45px; } .ask-question-tags-with-checkbox .form-item-ask-anonymously { float: right; font-size: 0.8125rem; margin:4px 0 0; } .ask-question-tags-with-checkbox .form-item-ask-anonymously input[type="checkbox"] { float: left; margin: 0; } .ask-question-tags-with-checkbox .form-item-ask-anonymously label { font-weight: 500; line-height: 1; float: left; margin: 0 0 0 5px; } #edit-ask-question-title-counter { font-size: 11px; float: right; color: #e771a1; margin-left: 5px; margin-top: 12px; margin-right: 10px; } .ask-question-btn{ text-align:center; } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -moz-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background:#cc0000; color:#FFF; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; font-size: 16px; font-weight: 600; /* margin-top: 20px;*/ padding: 13px 30px; border-radius:5px; border:none; text-transform:uppercase; text-align: center; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background:#000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:5px; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; border:none; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .questions-wrap{ margin-top: 20px; } .field-content{ margin-bottom:20px; } .basic_info { clear: both; overflow: hidden; } .basic_info .holder { width: 65px; float: left; } .basic_info .mask { border: 3px solid #fcb711; border-radius:100%; width: 50px; height: 50px; padding: 3px; } .basic_info .mask img { float: left; width: 100%; height: 100%; border-radius:100%; } .basic_info .user-name { float: left; padding: 0 10px 5px 0; margin-right: 10px; margin-top: 5px; text-transform: capitalize; font-size: 16px; color: #cc0000; font-weight: 600; } .basic_info .user-name a { color: #cc0000; } .basic_info .user-name a:hover { color:#000; } .basic_info .user-name .date{ font-size:13px; color:#999; font-weight:400; } .question-desc{ padding-bottom: 40px; /*border-bottom: 1px solid #ededed;*/ } .ques-label { font-size: 14px; font-weight: 600; margin: 5px 0px 5px 0px; line-height: 20px; position: relative; padding: 15px 0px 20px 45px; display: block; } .ques-label:before{ position: absolute; content: 'Q'; top: 0px; left: 0px; font-family: FontAwesome; color: rgba(204, 204, 204, 0.22); font-size: 40px; line-height: 60px; text-transform: uppercase; } .ques-label a { color: #4d4d4d !important; } .ques-label a:hover { color: #cc0000 !important; } .ans-label{ margin-top:10px; } .ans-label p{ text-align:justify; color: #717171; font-size: 14px; line-height: 24px; margin:0px; } .question-sub-tags { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #ededed; padding-bottom: 10px; } .question-tag{ margin: 0px 0px 0px 10px; padding:0px 0px 0px 0px; position:relative; } .question-tag:before{ position:absolute; content:'\f02c'; top:0; left:0; font-family:FontAwesome; color:#fcb711; font-size:16px; } .question-sub-tags ul{ margin: 0; padding: 0; padding-left: 25px; } .question-sub-tags ul li{ list-style: none; list-style-image: none; text-transform: uppercase; position:relative; font-size: 11px; display: inline-block; padding: 0 10px; position:relative; color: #cc0000; } .question-sub-tags ul li:after{ position:absolute; top:0; right:0; content:''; font-family:FontAwesome; content:'|'; } .question-sub-tags ul li:last-child:after{ content:''; display:none; } .question-sub-tags ul li:before{ position:absolute; top:0; left:0; content:''; } .question-sub-tags ul li a{ color:#F00; } .question-sub-tags ul li a:hover{ color:#333; } .question-social-links { display: inline-block; float: right; line-height: 1em; } .chat-profile-bg { background: #FCB711; padding: 0px; box-shadow: 0 2px 0 rgba(0,0,0,.07); } .profile-card { padding-top: 20px; margin: 0px 0 20px 0; /*background-color: rgba(214, 224, 226, 0.2);*/ border-top-width: 0; border-bottom-width: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99; } .profile-card .profile-card-heading { padding: 0 20px; margin: 0; } .profile-card .profile-card-heading.simple { font-size: 20px; font-weight: 300; color: #777; border-bottom: 1px solid #e5e5e5; } .profile-card .profile-card-heading.image img { display: inline-block; width: 46px; height: 46px; margin-right: 15px; vertical-align: top; border: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .profile-card .profile-card-heading.image .profile-card-heading-header { display: inline-block; vertical-align: top; } .profile-card .profile-card-heading.image .profile-card-heading-header h3 { margin: 0; font-size: 14px; line-height: 16px; color: #262626; } .profile-card .profile-card-heading.image .profile-card-heading-header span { font-size: 12px; color: #999999; } .profile-card .profile-card-body { padding: 0 20px; margin-top: 20px; } .profile-card .profile-card-media { padding: 0 20px; margin: 0 -14px; } .profile-card .profile-card-media img { max-width: 100%; max-height: 100%; } .profile-card .profile-card-actions { min-height: 30px; padding: 0 20px 20px 20px; margin: 20px 0 0 0; } .profile-card .profile-comments{ padding: 20px; margin: 0; background-color: #f8f8f8; } .profile-card .profile-comments.comments-collapse-toggle { padding: 0; margin: 0 20px 12px 20px; } .profile-card .profile-comments.comments-collapse-toggle a, .profile-card .profile-comments.comments-collapse-toggle span { padding-right: 5px; overflow: hidden; font-size: 12px; color: #999; text-overflow: ellipsis; white-space: nowrap; } .profile-comments.media-heading { font-size: 13px; font-weight: bold; } .profile-card.people { position: relative; display: inline-block; width: 170px; height: 300px; padding-top: 0; margin-left: 20px; overflow: hidden; vertical-align: top; } .profile-card.people:first-child { margin-left: 0; } .profile-card.people .profile-card-top { position: absolute; top: 0; left: 0; display: inline-block; width: 170px; height: 150px; background-color: #ffffff; } .profile-card.people .profile-card-top.green { background-color: #53a93f; } .profile-card.people .profile-card-top.blue { background-color: #427fed; } .profile-card.people .profile-card-info { position: absolute; top: 150px; display: inline-block; width: 100%; height: 101px; overflow: hidden; background: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .profile-card.people .profile-card-info .title { display: block; margin: 8px 14px 0 14px; overflow: hidden; font-size: 16px; font-weight: bold; line-height: 18px; color: #404040; } .profile-card.people .profile-card-info .desc { display: block; margin: 8px 14px 0 14px; overflow: hidden; font-size: 12px; line-height: 16px; color: #737373; text-overflow: ellipsis; } .profile-card.people .profile-card-bottom { position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; padding: 10px 20px; line-height: 29px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .profile-card.hovercard { position: relative; padding-top: 0; /* overflow: hidden;*/ text-align: center; /*background-color: rgba(214, 224, 226, 0.2);*/ } .profile-card.hovercard .profile-cardheader { background: url("http://lorempixel.com/850/280/nature/4/"); background-size: cover; height: 135px; z-index:999; } .profile-card.hovercard .avatar { position: relative; top: -50px; margin-bottom: -50px; } .profile-card.hovercard .avatar img { width: 100px; height: 100px; max-width: 100px; max-height: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(252, 183, 17, 0.54); } .profile-card.hovercard .info { padding: 4px 8px 10px; } .profile-card.hovercard .info .title { margin-bottom: 4px; font-size: 24px; line-height: 1; color:#000; vertical-align: middle; font-weight:600; text-transform:uppercase; margin-top: 5px; line-height: 20px; } .profile-card.hovercard .info .qualification{ font-size: 13px; margin-bottom: 8px; text-transform: capitalize; } .profile-card.hovercard .info .city_country { color:#333; margin-bottom: 15px; margin-top: 8px; text-transform: uppercase; font-weight:600; } .profile-card.hovercard .info .desc { overflow: hidden; font-size: 14px; line-height: 20px; color: #737373; margin:25px 0px 15px 0px; font-weight:600; } .profile-card.hovercard .info .desc strong{ color:#900; } .profile-card.hovercard .bottom { padding: 0 20px; margin-bottom: 17px; } .top-profile-bg{ padding: 230px 0px 3px 0px; background:#E4D0A3 } .view-basic_info { /* border-bottom: 1px solid #dff2ec; padding-bottom: 15px; margin-bottom: 20px;*/ clear: both; overflow: hidden; } .view-basic_info .ques-detail { font-size: 12px; } .view-basic_info .ques-posted-data { display: inline-block; color: #052119; font-weight:bold; margin-right: 5px; } .view-basic_info .posted_date { opacity: 0.6; } .view-basic_info .posted_date:after { content: '|'; padding-left: 4px; margin-right: 3px; } .view-basic_info .ques-page-count { color: #a1a2a1; opacity: 1; display: inline-block; } .view-basic_info .ques-page-count .page-views-count { color: #cc0000; font-weight: bold; } .view-basic_info .question-answered { display: inline-block; color: #052119; opacity: 0.8; } .view-basic_info .question-answered .answered-count a{ color: #cc0000; font-weight: bold; } .question-ans-ans-wrap{ margin:20px 0px 0px 0px; } .question-ans{ margin:0px 0px 50px 0px; } .question-ans.ques-user-info{ } .question-ans .ques-user-info .mask { width: 100px; height: 100px; float: right; border: 3px solid #f99e1c; border-radius: 100%; padding: 3px; } .question-ans .ques-user-info .mask img { border-radius: 100%; float: left; width: 100%; height: 100%; } .question-ans .ques-user-info .dr-name{ text-align: right; margin-top: 10px; } .question-ans .ques-user-info .dr-name a { text-transform: capitalize; line-height: 2; overflow: hidden; padding: 5px 0px 0px 0px; color: #444; font-size: 16px; font-weight: 600; } .user-thanks{ margin-top:10px; text-align:right; color:#999; font-weight:bold; font-size:12px; } .user-thanks span{ color:#4d4d4d; } .question-ans .ques-user-info .static-stics { font-size: 13px; width: 100%; margin-top: 15px; margin-bottom: 20px; } .question-ans .ques-user-info .static-stics li { display: inline-block; padding-right: 5px; padding-left: 5px; width: 40%; } .question-ans .ques-user-info .static-stics li a { color: #4d4d4d; font-weight: bold; } .question-ans .ques-user-info .static-stics li .a-green-small { font-weight: bold; color: #4d4d4d; } .question-ans .question-full-des{ padding-left: 28px; border-left: 1px solid #DFF2EC; } .question-ans .question-full-des .question-sub-info { margin-top: 0; border-bottom: none; padding-bottom: 0; color: #4d4d4d; font-size: 13px; font-weight: 600; } .question-ans .question-full-des .post-date { font-size: 12px; color: #a0a1a1; margin-bottom:5px; font-weight: 400; } .disclaimer { font-size: 12px !important; color: #EEC891; font-weight: 400; } .dr-info-wrap{ border:#F4F3F3 solid 1px; border-radius:3px; padding:10px 20px; } .dr-details { } .dr-details .bx1{ border-top: 1px solid #fcb711; padding-bottom: 30px; clear: both; overflow: visible; } .bx1 .block_heading { color: #fcb711; font-size: 18px; line-height: normal; font-weight: 600; background:#FFF; padding-left: 0px; margin: 0; display: inline-block; position: relative; top: -14px; padding-right: 15px; } .bx1 .bx1-text{ } .bx1 .bx1-text p{ margin-bottom:0px; } .questpage-doctor{ margin-top:40px; background:#FFD97D; padding:30px 0px 0px 0px; } .questpage-asked{ padding:10px 0px; margin-bottom: 40px; border-bottom: 1px solid #D7A62F; } .user-answer-block .ans_icon { display: block; background:url(../images/correct-icon.png) no-repeat right 7px; padding-right: 18px; text-align:right; font-size: 15px; font-weight: 600; } .user-answer-block .answered_on { font-size: 14px; font-weight: 600; color: rgba(77,77,77,0.6); float:right; } .user-answer-block .user_asked_name { margin-right: 1em; color: #052119; font-size: 14px; font-weight: 600; } .user-answer-block .user_asked_name i{ margin-right: 5px; color: rgba(204, 0, 0, 0.51); font-size: 19px; padding: 0px; } .user-answer-block .answer-text { border-left:1px solid #E4B136; padding: 0; width: 100%; padding-left: 3%; } .user-answer-block .answer-text p{ color: #282929; } .user-answer-block .answer-text h3 a{ color: #292929; } .user-answer-block .user_asked_name .username { color: #cc0000; font-size: 15px; font-weight: 600; margin-right:5px; } .user-answer-block .ques-label { font-size: 16px; font-weight: 600; margin: 5px 0px 5px 0px; line-height: 20px; position: relative; padding: 5px 0px 20px 45px; display: block; } .user-answer-block .ques-label:before { position: absolute; content: 'Q'; top: 0px; left: 0px; font-family: FontAwesome; color: rgba(204, 0, 0, 0.22); font-size: 40px; line-height: 45px; text-transform: uppercase; } .user-answer-block .question-sub-tags { margin-top: 0; margin-bottom: 0; border-bottom: 1px solid #D5A32B; padding-bottom: 10px; } .user-answer-block .question-tag:before { position: absolute; content: '\f02c'; top: 0; left: 0; font-family: FontAwesome; color: #F62C2C; font-size: 16px; } .user-answer-block .question-sub-tags ul li { list-style: none; list-style-image: none; text-transform: uppercase; position: relative; font-size: 12px; display: inline-block; padding: 0 10px; position: relative; color: #DB1A1A; } .press-photo{ margin-bottom:30px; } .press-photo .head{ padding: 0 20px; background: #FCB711; border-top-right-radius: 5px; border-top-left-radius: 5px; } .press-photo .head h3{ font-size: 24px; line-height: 60px; color: #fff; margin: 0px; padding:0px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; } .press-photo .head a{ color:#C00; font-size: 18px; line-height: 60px; } .press-photo .head a i{ margin-right:5px; } .press-photo .head a:hover{ color: #696666; } .b-photo { margin:0px; padding:0px; } .b-photo li { text-align: center; background-color: #fff; border: 1px solid #fcb711; padding:10px; height: 300px; } .b-photo li img { max-width: 280px; max-height: 260px; } .vertical-center{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .center-block { display: block; margin-left: auto; margin-right: auto; } .p-resources { text-align: center; background-color: #fff; border: 1px solid #fcb711; padding: 10px; } .b-resource { margin:0px; padding:0px; } .b-resource li { display: table; border: #FCB711 solid 1px; padding: 0px; } .b-resource .col-img { width: 220px; height: 200px; display: table-cell; vertical-align: middle; background-color: #fff; text-align: center; padding: 0px 10px; } .b-resource .col-download { height: 200px; display: table-cell; vertical-align: middle; padding:0px 10px; background-color: #fbf9fa; } .b-resource .col-download .name{ font-weight:600; font-size:15px; margin-bottom:30px; } .b-resource .col-download p i{ color:#C00; font-size:16px; margin-right:5px; } .b-resource .col-download p a{ dispaly:inline-block; font-weight:400; font-size:16px; color:#333; } .b-resource .col-download p a:hover{ color:#C00; } .b-resource .col-download p a i{ margin-right:5px; color:#C00; font-size:18px; } /************ASK Question***********************/ .askques-wrap{ margin:30px 0px; } .askques-wrap h2{ font-size: 24px; font-weight: 700; margin: 0px 0 10px 0; padding-right: 10px; color:#333; text-align:center; } .askques-frm { text-align:center; } .askques-frm textarea{ background-color: #ffffff; border: 1px solid #daeaea; color: #052119; font-size: 14px; padding: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width:100%; margin-bottom: 20px; } .askques-frm .ask-question-tags-with-checkbox .form-item-ask-anonymously label { font-weight: 600; line-height: 1; float: left; margin: 0 0 0 5px; color:#333 } .askques-frm #edit-ask-question-title-counter { font-size: 11px; float: right; color:#C00; margin-left: 5px; margin-top: 12px; margin-right: 10px; } .addimg-wrap{ } .addimg-wrap h3{ font-size: 18px; font-weight: 800; margin-bottom: 0px; } .add-img{ display:inline-block; } .add-img input[type="file"] { display: block; } .add-img input.form-file { background:url(../images/upload-img.png) no-repeat 0 3px; } .add-img input.form-file { width: 178px; height: 178px; text-indent: -9999px; cursor: pointer; border: none; box-shadow: none; font-size: 0; } .img-examp{ margin-top:10px; } .img-examp p{ margin:5px 0px; } .add-desc{ margin-top:10px; } .add-desc h3{ font-size: 22px; font-weight: 800; margin-bottom: 10px; } .add-desc textarea:focus, .askques-frm textarea:focus{ border:#C00 solid 1px; } .free-consultation{ margin-top: 80px; } .consultation_top { border-bottom: 1px solid #cc0000; padding-bottom: 20px; text-align: center; margin-bottom: 25px; display: table; width: 100%; } .consultation_top .question_section { display: table-cell; width: 97%; } .consultation_top .question_section .question_text { font-size: 16px; font-weight: 600; text-transform: uppercase; color:#000; } .consultation_top .question_section .question_ask { color: #4d4d4d; font-size: 14px; margin-top:5px; padding-right:20px; padding-left:20px; } .consultation_top .edit-section { display: table-cell; border-left: 1px solid #c00; vertical-align: middle; padding: 0 10px; text-align: center; } .consultation_top .edit-section .edit-profile { display: block; } a.edit-profile { width: 15px; height: 15px; color:#C00; } .consultation_bottom{ margin-top: 60px; } .consultation_bottom .share-info-private { width: 100%; float: left; border: 1px solid #b39e6e; background: #ffffff; padding: 45px 14px 12px 14px; position: relative; -webkit-box-shadow: 1px 1px 6px 0 #ccb686; box-shadow: 1px 1px 6px 0 #d6c08f; margin-bottom:30px; } .consultation_bottom .share-info-private h2.assesment-title { font-size: 22px; font-weight: 600; padding: 0 40px; text-align: center; color: #4d4d4d; margin-top: 0; } .recommended-top-experts{} .recommended-top-experts h4 { color: #4d4d4d; font-size: 13px; text-align: center; text-transform: uppercase; color:#afa9a9; } .share-info-private .doctor-block { border: 1px solid #daeaea; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 20px; display: table; width: 100%; margin-bottom: 10px; } .share-info-private .doctor-block .profile-row { display: table-cell; vertical-align: top; } .small-mask { border-radius: 100%; border: 4px solid #fcb711; padding: 2px; } .small-mask img { width: 100%; height: 100%; border-radius: 100%; } .share-info-private .doctor-block .profile-row.profile_middle .user-name { font-weight: 600; margin-bottom: 15px; font-size: 18px; color: #C00; } .share-info-private .doctor-block .profile-row.profile_middle .user-name a{ color:#C00; } .share-info-private .doctor-block .profile-row.profile_middle .mini-profile-bottom { margin-bottom: 8px; } .share-info-private .doctor-block .profile-row.profile_middle .mini-profile-bottom p { margin-bottom:5px; } .share-info-private .doctor-block .profile-row.profile_middle .mini-profile-bottom p strong{ font-weight:bold; } .profile-row.profile_middle a.plan-follow { font-size: 12px; text-transform: uppercase; color:#C00; } .profile-row.profile_middle a:hover{ color:#000; } .profile-row.profile_middle a.plan-follow span { margin-right: 5px; font-weight: 700; color:#C00; } .share-info-private .doctor-block .profile-row.profile_right { padding-top: 13px; text-align:right; } .profile-row.profile_right span.fees { font-weight: 400; margin-right: 3px; font-size: 16px; } .profile-row.profile_right span.fee-amount { font-size: 16px; font-weight: 800; margin-right: 0px; color: #4d4d4d; } a.get-consult-btn{ border-radius: 30px; font-size: 14px; font-weight: 600; background:#C00;; padding: 0 17px; line-height: 32px; height: 34px; vertical-align: middle; display: inline-block; color: #ffffff; border: none; margin-top:10px; margin-bottom: 20px; } a:hover.get-consult-btn{ background:#000; } .consultation_bottom .share-info-public { background: #ffdf92; border: 1px solid #b99c55; padding: 50px 20px 20px 20px; float: right; max-width: 525px; width: 100%; position: relative; margin-top: 60px; } .consultation_bottom .share-info-public img{ text-align:center; } .share-info-public h3.consultancy-community { padding: 10px 10px 10px 10px; font-size: 20px; color: #4d4d4d; font-weight:600; text-align:center; } .share-info-public .options_block { border-bottom: 1px solid #b99c55; border-top: 1px solid #b99c55; padding: 20px 0; } .share-info-public .options_block ul { margin: 0; padding: 0; display: table; } .share-info-public .options_block ul li { list-style: none; list-style-image: none; margin: 0; padding: 0; display: table-cell; font-size: 14px; text-align: center; padding: 0 5px; border-right: 1px solid #b99c55; color:#333; letter-spacing: .02rem; font-weight:800; } .share-info-public .options_block ul li:last-child { border: none; } .consultation_bottom .title_block { background:#C00; color:#FFF; padding:10px; position:absolute; margin-top:-10px; z-index:99; left:3%; font-size:16px; font-weight:600; top: -10px; } .ques-confirm{ margin:30px 0px; } .dr-book{} .dr-book h4{ font-size: 16px; padding-bottom:5px; font-weight: 600; } .ques-confirm .mini-profile { border: 1px solid #d2e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; float: left; margin-bottom: 10px; width: 100%; background: #ffffff; } .ques-confirm .mini-profile .mini-profile-top { border-bottom: 1px solid #f0f9f7; padding-bottom: 15px; margin-bottom: 20px; } .ques-confirm .mini-profile .mini-profile-top .doc-image-sec { float: left; width: 100%; } .ques-confirm .doc-detail-sec{ margin-top:10px; } .ques-confirm .doc-detail-sec .user-name { font-size: 16px; font-weight: 600; margin-bottom: .35rem; line-height: 20px; color: #052119; text-transform: capitalize; } .ques-confirm .doc-detail-sec .dr-notes { margin-bottom: 2px; font-size: 13px; color: #4d4d4d; z-index: 10; line-height: 16px; } .ques-confirm .doctor-consultation-fee { font-weight: 400; color: rgba(77,77,77,0.8); } .text_bold.rupee { font-weight: bold; font-size: 16px; margin-right:5px; } .ques-confirm .mini-profile .mini-profile-bottom { display: table; width: 100%; } .profile-point{ border-bottom: #f5f5f5 solid 1px; padding:10px 0px; } .profile-point p{ text-align:center; margin:0px; padding:0px; } .profile-point p span{ font-weight:800; } .ques-confirm .region-content { text-align: center; margin-top: 120px; border:#cecdcb solid 1px; padding:40px 0px; background:#fff; } /******************** *************************************************DASHBOARD ************************************ ***************************************************/ .top-profile{ text-align:center; } .top-profile .avatar img { max-width: 150px; max-height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid rgba(252, 183, 17, 0.95); } .top-profile .userinfo{ margin: 25px 0px 0px 0px; } .top-profile .userinfo .title { margin-bottom: 4px; font-size: 24px; line-height: 1; color: #fff; vertical-align: middle; font-weight: 600; text-transform: uppercase; margin-top: 5px; line-height: 20px; } .top-profile .userinfo .qualification { font-size: 13px; margin-bottom: 8px; text-transform: capitalize; margin-top:10px; } .top-profile .userinfo .city_country { color:#fcb711; margin-bottom: 15px; margin-top: 8px; text-transform: uppercase; font-weight: 600; } .top-profile .userinfo .edit-cover { float: right; margin-top: 180px; } .dashboard-bg{ background:#E4D0A3 url(../images/dashboard-bg.jpg) center no-repeat; padding: 190px 0px 20px 0px; background-size:cover; min-height:250px; } /*------------------------------------------------------------------ [3. Subnavbar / .subnavbar] */ .subnavbar { text-align:center; } .subnavbar-inner { height: auto; background: #fcb711; border-bottom: 1px solid #c6c6c6; } .subnavbar .container > ul { padding: 0; margin: 0; } .subnavbar .container > ul > li { padding: 0; margin: 0; text-align: center; list-style: none; display: inline-block; } .subnavbar .container > ul > li > a { display: block; height: 100%; padding: 0px 35px 5px 35px; font-size: 14px; font-weight: bold; color: #252423; border-bottom: #fcb711 3px solid; border-left: 1px solid #e4a305; text-transform:uppercase; } .subnavbar .container > ul > li > a:hover { color: #c00; text-decoration: none; } .subnavbar .container > ul > li > a > i { display: inline-block; margin-top: 11px; margin-bottom: 5px; font-size: 20px; } .subnavbar .container > ul > li > a > span { display: block; } .subnavbar .container > ul > li.active > a { border-bottom:3px solid #c00; color: #ffffff; background: #333; } .subnavbar .dropdown .dropdown-menu a { font-size: 12px; } .subnavbar .dropdown .dropdown-menu { text-align: left; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .subnavbar .dropdown-menu::before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #CCC; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .subnavbar .dropdown-menu::after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -6px; left: 10px; } .subnavbar .caret { margin-top: 4px; border-top-color: white; border-bottom-color: white; } .subnavbar .dropdown.open .caret { display: none; } .dashboard-bx{ padding: 20px 10px 20px 10px; /* background: #eee;*/ margin:10px 0px 30px 0px; /*box-shadow: 0 0 5px #BDBDBD;*/ } .dashboard-bx h2{ font-size:25px; } /* metro dashboard states */ .metro-nav .nav-block-orange { background: #f37b53; } .metro-nav .nav-block-yellow { background: #FFB400; } .metro-nav .nav-block-blue { background: #0DAED3; } .metro-nav .nav-block-green { background: #74B749; } .metro-nav .nav-block-red { background:#de577b; } .metro-nav .nav-block-purple { background: #9d4a9c; } .metro-nav .nav-block-grey { background: #77808a; } .metro-fix-view .metro-nav-block.double { width: 251px !important; } .metro-fix-view .metro-nav-block.long { width: 251px !important; height: 235px !important; } .metro-fix-view .metro-nav-block.long .value { padding-top: 30px !important; display: inline-block; } .metro-fix-view .metro-nav-block.long .value i { font-size: 90px; } .metro-nav .metro-nav-block { color: white; cursor: pointer; display: block; float: left; font-weight: 300; height:114px; letter-spacing: 0.02em; line-height: 20px; /*margin:1% 0 1% 1.6%;*/ overflow: hidden; position: relative; text-decoration: none; width: 17%; z-index: 1; } .metro-nav .metro-nav-block:first-child, .metro-nav .metro-nav-block:nth-child(3n+1) { margin-left: 0; } .metro-nav .metro-nav-block.double { /* width:32.26%;*/ width:100%; } .metro-nav .metro-nav-block.four { /*width:23.8%;*/ width:100%; } .metro-nav .metro-nav-block.four:nth-child(3n+1) { margin-left:1.6%; } .metro-nav .metro-nav-block.four:first-child { margin-left:0; } .metro-nav .metro-nav-block i { font-size: 50px; margin-top: 20px; display: inline-block; } .metro-nav .metro-nav-block a { color: white; font-size: 18px; font-weight: 400; height: 90%; line-height: 16px; overflow: hidden; padding: 5px 10px; position: absolute; text-overflow: ellipsis; vertical-align: top; width: 88%; text-decoration: none; } .metro-nav .metro-nav-block a i { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; } .metro-nav .metro-nav-block a .info { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } .metro-nav .metro-nav-block a:hover i{ transform:rotate(83deg); -moz-transform:rotate(83deg); -webkit-transform:rotate(83deg); -o-transform:rotate(83deg); font-size: 140px; opacity: 0.2; } .metro-nav .metro-nav-block.long a:hover i{ font-size: 200px; } .metro-nav .metro-nav-block.long a { height: 96%; } .metro-nav .metro-nav-block a:hover .info { transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); font-size: 40px; opacity: 0.6; } .metro-nav .metro-nav-block:hover { opacity: 0.8; } .metro-nav .metro-nav-block.double a { width: 94%; } .metro-nav .metro-nav-block .info { font-size: 24px; position: absolute; right: 20px; top: 45px; } .metro-nav .metro-nav-block .status, .metro-nav .metro-nav-block .tile-status { background-color: transparent; bottom: -10px; font-size: 14px; left: 10px; min-height: 30px; position: absolute; } .bg-facebook{ background-color: #126da7; } .bg-facebook .text-muted { color: #7cc2ef !important; } .bg-gplus{ background-color:#C30; } .bg-gplus .text-muted { color: #e26e47 !important; } .social-wrap{ padding: 15px; text-align:center; color:#FFF; } .social-wrap a{ color:#FFF; } .social-wrap a:hover{ opacity:0.6; } .social-wrap h4{} .text-white { color: #fff; color: rgba(255,255,255,0.8); } .font-bold { font-weight: 700; } .m-b-sm { margin-bottom: 10px; } .m-t { margin-top: 15px; } .bg-twiter { background-color: #24dbdd; } .bg-twiter .text-muted { color: #bef5f6 !important; } .bg-youtube{ background-color:#C00; } .bg-youtube .text-muted { color:#ed8e8e !important; } .floor-plan{ margin-bottom:20px; text-align:center; } .floor-plan a{ margin-bottom:20px; display:inline-block; margin-right:10px; } /**************FORUM*************************/ .forum-wrap{ margin:40px 0px 20px 0px; } .forum-header{ background:#F5C535; position: relative; margin-top:30px; } .forum-header h2 { text-decoration: none !important; margin: 0; color: #fff; font-size: 20px; font-weight: 400; line-height: 25.6px; padding: 15px 14px 11px; } .forum-header span{ color:#333; font-size:14px; } .form-tb{ margin-top:0px; width:100%; } .table-responsive { min-height: .01%; overflow-x: auto; } .form-tb table { max-width: 100%; background-color: transparent; } .form-tb table td[class*=col-], .form-tb table th[class*=col-] { position: static; float: none; display: table-cell; } .frumblcktable{ } .frumblcktable tr:first-child { border-top: 0; } .frumblcktable tr{ border-top: 9px solid #ffffff; } .frumblcktable td{ padding: 15px 15px; } .frum-category-icon { width: 7%; background: #e6e6e6; padding: 10px 32px !important; } .frum-category-icon i{ font-size:30px; color:#000; } /*.frum-category-icon .ficon { background-color: transparent; background-image:url(../kicon.png); background-position: center center; background-repeat: no-repeat; display: inline-block; height: 27px; width: 22px; }*/ .fcol-mid { padding: 0; margin: 0; color: #999999; font-family: 'Varela', sans-serif; font-size: 14px; font-weight: 400; line-height: 19.6px; background: #f6f6f6; } .kthead-title { padding: 16px 0 0; } .kthead-title a { text-decoration: none !important; padding: 0; margin: 0; color: #dc0630; font-size: 16px; font-weight: 600; line-height: 25.6px; } .kthead-title a:hover{ color:#333; } .kthead-desc { padding: 0 0 18px; margin: 0; color: #999999; font-size: 16px; font-weight: 600; line-height: 25px; } .kthead-desc a{ color:#900; } .kthead-desc a:hover{ color:#000; } .kcol-kcattopics, .kcol-kcatreplies { width: 7%; background: #f6f6f6; text-align: center; } .kcol-kcattopics { border-right: 1px solid #f1f1f1; } .kcol-kcattopics span, .kcol-kcatreplies span { display: block; text-align: center; padding: 0; margin: 0; color: #999999; font-size: 14px; font-weight: 400; line-height: 19.6px; } .kcol-kcatlastpost { display: block; padding: 0; margin: 0; color: #4c4b4b; font-size: 14px; font-weight: 600; line-height: 19.6px; width: 20%; background: #e6e6e6; } .klatest-subject { display: block; padding: 0; margin: 0; color: #2d2c2c; font-size: 14px; font-weight: 600; line-height: 25px; } .klatest-subject a { color: #1d76bd; text-decoration: none !important; } .klatest-subject a:hover { color:#900; } .klatest-subject-by a { color: #0773B5; } .klatest-subject-by a:hover { color:#C00; } .frutitle_block_link { margin-top:10px; } .frutitle_block_link ul { margin:0px; padding:0px; } .frutitle_block_link ul li { list-style:none; display:inline-block; padding:0 0 0 14px; position:relative; margin-right:20px; } .frutitle_block_link ul li:before{ position:absolute; top:0; left:-5px; content:'\f075'; font-family:FontAwesome; color:#999; } .frutitle_block_link ul li a { font-size:12px; color:#0792ce; text-decoration:none; } .frutitle_block_link ul li a:hover { color:#333; } /* ----------------------------------------------- * Timeline * --------------------------------------------- */ .timeline { list-style: none; padding: 10px 0; position: relative; font-weight: 300; } .timeline:before { top: 0; bottom: 0; position: absolute; content:" "; width: 2px; background: #FF9800; left: 50%; margin-left: -1.5px; } .timeline > li { margin-bottom: 40px; position: relative; width: 50%; float: left; clear: left; } .timeline > li:before, .timeline > li:after { content:" "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content:" "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: calc(100% - 25px); width: -moz-calc(100% - 25px); width: -webkit-calc(100% - 25px); float: left; border: 1px solid #FFC107; background: #ffffff; position: relative; padding: 10px 0px 0px 0px; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #FFC107; border-right: 0 solid #FFC107; border-bottom: 15px solid transparent; content:" "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #ffffff; border-right: 0 solid #ffffff; border-bottom: 14px solid transparent; content:" "; } .timeline > li > .timeline-badge { color: #ffffff; width: 24px; height: 24px; line-height: 50px; text-align: center; position: absolute; top: 16px; right: -12px; z-index: 100; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline-badge > a { color: #de1405 !important } .timeline-badge a:hover { color: #dcdcdc !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-heading p { font-weight: 600; padding: 0 15px; color: #c11508; font-size:16px; } .timeline-body > p, .timeline-body > ul { padding: 10px 15px; margin-bottom: 0; text-align: justify; } .timeline-footer { padding: 5px 15px; background-color:#f4f4f4; padding:7px 10px; } .timeline-footer p {} .timeline-footer > a { cursor: pointer; text-decoration: none; } .timeline > li.timeline-inverted { float: right; clear: right; } .timeline > li:nth-child(2) { margin-top: 60px; } .timeline > li.timeline-inverted > .timeline-badge { left: -12px; } .no-float { float: none !important; } @media (max-width: 767px) { ul.timeline:before { left: 40px; } ul.timeline > li { margin-bottom: 0px; position: relative; width:100%; float: left; clear: left; } ul.timeline > li > .timeline-panel { width: calc(100% - 65px); width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); } ul.timeline > li > .timeline-badge { left: 28px; margin-left: 0; top: 16px; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .timeline > li.timeline-inverted { float: left; clear: left; margin-top: 30px; margin-bottom: 30px; } .timeline > li.timeline-inverted > .timeline-badge { left: 28px; } } .questiom-header{ width:100%; background:#000; padding:8px 10px; margin-bottom:10px; } .questiom-header .ques-label { font-size: 16px; font-weight: 600; margin: 0px 0px 0px 0px; line-height: 20px; position: relative; padding: 5px 0px 15px 45px; display: block; color:#ccc9c9; } .questiom-header .ques-label:before{ position: absolute; content: 'Q'; top: 0px; left: 0px; font-family: FontAwesome; color: rgba(204, 204, 204, 0.22); font-size: 40px; line-height: 40px; text-transform: uppercase; } .yellow_bg{ background: #FCB711; box-shadow: 0 2px 0 rgba(0,0,0,.07); } .press_btn{ padding: 50px 0; text-align: center; } .press_btn a i{ font-size: 104px; color: #fff; } .press_btn a figcaption{ font-size: 30px; margin-top: 20px; color: #fff; } .press_btn:hover{ background: #CC0000; color: #fff; } .login-body:after{ display: table; content: ''; clear: both; } .sml-btn { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -moz-box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); box-shadow: 1px 3px 4px 0px rgba(50,50,50,0.3); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background:#cc0000; color:#FFF; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; font-size: 17px; font-weight: 600; /* margin-top: 20px;*/ padding: 13px 30px; border-radius:5px; border:none; text-transform:uppercase; } .sml-btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background:#000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius:5px; } .sml-btn:hover, .sml-btn:focus, .sml-btn:active { color: white; border:none; } .sml-btn:before, .sml-btn:focus:before, .sml-btn:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .sml-hvr-shutter .hvr-shutter-out-horizontal{ padding: 5px 30px; padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 3px; margin-top: 20px; } .login_panel:after{ display: table; content: ''; clear: both; } @media (min-width: 1200px){ .navigation { width: 100%; } } @media (min-width: 992px){ .navigation { width: 100%; } } .logo_wrap{ position: relative; } .logo_wrap .logo{ position:relative; left: 0; top: 5px; } .gallery-slide.owl-theme .owl-controls .owl-buttons div{ background: transparent; } .city_names:after{ display: table; content:''; clear: both; } .city_names li{ list-style: none; display: block; float: left; width: 31.33%; margin: 1%; } .city_names li span{ display: block; background: #CC0000; padding: 5px 10px; border-radius: 5px; color: #fff; cursor: pointer; } .city_names li span:hover{ background: #F99E1C; } @media screen and (max-width: 767px){ .hide_mobile{ display: none !important; } .mobile_padd{ margin-top: 10px; } } #owl-demo .item img{ height:450px!important; } @media only screen and (max-width: 767px) { #owl-demo .item img{ height:200px!important; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-repeat: no-repeat; } .gallery-slide.owl-theme .owl-controls .owl-buttons div{ display: none; } ol.breadcrumb{ padding-top: 120px; } } @media screen and (max-width: 767px){ .grid-holder.col-3 .grid-item{ height: auto; } .city_bg ul{ position: relative; top: 0; transform: translate(0,0); left: 0; } .full_screen{ height: auto;} }