Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/iatax.com.au/public_html/theme/stylesheet/ |
Upload File : |
@import 'owl.carousel.css'; @import 'flexslider.css'; @import 'font-awesome.css'; @import 'ionicons.css'; @import 'shortcodes.css'; @import 'https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700'; html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { line-height: 1; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; margin: 0; padding: 0; border: 0; outline: 0; background: 0 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } p { margin-bottom: 20px; } ul { list-style: none; } ol { margin-left: 15px; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } figure { margin: 0; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } table, tr, td { border: 1px solid black; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } legend { white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } button, input { line-height: normal; } button { border-radius: 10px; } input, textarea { background-image: -webkit-linear-gradient( hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) ); } button, input[type='button'], input[type='reset'], input[type='submit'] { line-height: 1; cursor: pointer; -webkit-appearance: button; border: none; } input[type='checkbox'], input[type='radio'] { padding: 0; } input[type='search'] { -webkit-appearance: textfield; } input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font: 14px/24px 'Poppins', sans-serif; background-color: #fff; /* color: #666; */ color: #2f2f2f; } a, .imagebox-image:after { text-decoration: none; color: #333; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:hover, a:focus { color: #c9974c; text-decoration: none; outline: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ul, ol { padding: 0; } img { max-width: 100%; height: auto; } b, strong { font-weight: 900; } button { border: none; } button, input[type='button'], input[type='reset'], input[type='submit'] { display: inline-block; color: #fff; padding: 0 29px 0 30px; height: 45px; line-height: 42px; font-size: 13px; text-transform: uppercase; color: #fff; background: #c9974c; border: 1px solid #c9974c; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -moz-border-radius: 20px; border-radius: 3px; font-weight: 600; font-family: poppins, sans-serif; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; letter-spacing: 0.5px; } button.search-submit-form { position: absolute; right: 2px; top: 7px; padding: 0 10px; color: #999; background-color: transparent; display: inline-block; height: 29px; line-height: 31px; font-size: 12px; border-color: transparent; border-left: 1px solid #d0d0d0; text-transform: uppercase; font-weight: 700; border-radius: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } select, textarea, input[type='text'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='number'], input[type='url'], input[type='search'], input[type='tel'], input[type='color'], input[type='email'] { position: relative; display: block; width: 100%; line-height: 24px; padding: 8px 15px; color: #222; border: 1px solid #d0d0d0; height: 45px; background-color: #d8e7ef; border-radius: 3px; margin-bottom: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } input[type='search'] { width: 250px; margin-bottom: 0; border-radius: 0; background-color: #fff; } input[type='email'] { padding: 8px 16px; color: #555; border: 1px solid #2e363a; height: 47px; margin-bottom: 19px; } textarea:focus, input[type='text']:focus, input[type='password']:focus, input[type='datetime']:focus, input[type='datetime-local']:focus, input[type='date']:focus, input[type='month']:focus, input[type='time']:focus, input[type='week']:focus, input[type='number']:focus, input[type='email']:focus, input[type='url']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='color']:focus { border: 1px solid #c9974c; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } textarea { width: 100%; padding: 10px 15px; height: 170px; } input[type='checkbox'] { display: inline; } textarea:-moz-placeholder, textarea::-moz-placeholder, input:-moz-placeholder, input::-moz-placeholder { color: #555; opacity: 1; } input:-ms-input-placeholder { color: #555; } textarea::-webkit-input-placeholder, input::-webkit-input-placeholder { color: #555; opacity: 1; } textarea, input[type='text'], input[type='submit'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='number'], input[type='email'], input[type='url'], input[type='search'], input[type='tel'], input[type='color'], .uneditable-input, .dropdown-menu, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { -webkit-appearance: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #000; } .blog-single .entry p { margin-bottom: 30px; } h1, h2, h3, h4, h5, h6 { font-family: poppins, sans-serif; font-weight: 400; } h1 { font-size: 36px; line-height: 40px; } h2 { font-size: 24px; line-height: 35px; } h3 { font-size: 16px; line-height: 20px; } h4 { font-size: 14px; line-height: 14px; } .left { text-align: left; } .center { text-align: center; } .flat-button { position: relative; display: inline-block; color: #fff; font-size: 12px; padding: 0 44px; font-weight: 600; border: 2px solid transparent; letter-spacing: 1.7px; line-height: 45px; background-color: #394348; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .flat-button:hover { background-color: #c9974c; color: #fff; } .wrap-button.s1 { text-align: center; margin-top: 55px; padding-right: 3px; } .wrap-button.s2 { margin-top: 0; padding-right: 0; } .wrap-button.s2 .flat-button { position: relative; display: inline-block; margin-top: 26px; font-size: 13px; color: #fff; padding: 7px 32px 7px 18px; border-radius: 3px; font-family: poppins, sans-serif; font-weight: 600; background-color: #c9974c; line-height: normal; letter-spacing: 0; } .wrap-button.s2 .flat-button:after { content: '\f054'; font-family: fontawesome; position: absolute; right: 13px; top: 11px; font-weight: 400; font-size: 12px; } .wrap-button.s2 .flat-button:hover { background-color: #2e363a; } .top { background-color: #002d67; color: #fff; font-size: 12px; padding: 2px 0; } .flat-infomation { float: right; line-height: 25px; } .flat-infomation2 { float: left; line-height: 25px; } .flat-infomation li { display: inline-block; position: relative; font-size: 15px; } .flat-infomation2 li { display: inline-block; position: relative; font-size: 15px; margin-left: 20px; } .flat-infomation li a, .flat-questions li a { color: #fff; font-size: 15px; } .flat-infomation li a:hover, .flat-questions a:hover { color: #c9974c; } .flat-infomation2 li a { color: #fff; font-size: 15px; } .flat-infomation li a:hover, .flat-questions a:hover { color: #c9974c; } .flat-infomation li.phone { padding: 0 15px 0 17px; border-right: 1px solid #617588; font-weight: 400; line-height: 1.3; } .flat-infomation li:before, .flat-questions a.questions:before { content: '\f095'; position: absolute; top: 0; left: 0; font-family: fontawesome; } .flat-infomation li.email { padding-left: 18px; margin-left: 13px; } .flat-infomation li.email:before { content: '\f0e0'; left: 0; } .flat-questions { float: right; line-height: 25px; } .flat-questions a.questions { margin-right: 25px; position: relative; padding-left: 20px; } .boxed.blog-single .flat-questions a.questions { margin-right: 25px; } .boxed.blog .flat-questions a.questions { margin-right: 25px; } .flat-questions a.questions:before { content: '\f059'; top: -3px; left: 0; } .flat-questions a.appointment { background-color: #c9974c; font-size: 14px; padding: 11px 27px 12px; font-weight: 600; letter-spacing: 0; } .flat-questions a.appointment:hover { background-color: #2e363a; color: #fff; } .tp-bannertimer { display: none; } .home-boxed .boxed { max-width: 1300px; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; background-color: #fff; box-shadow: 0 0 16px 1px #7f7f7f; overflow: hidden; } .header.fixed-header { position: fixed; left: 0; top: 0; z-index: 9999; background-color: #fff; width: 100%; } .logo { margin-top: 10px; } .flat-show-search { position: relative; float: right; } .show-search { float: right; margin-left: 32px; position: relative; } .show-search a { position: relative; width: 35px; height: 35px; background: #bfbfbf; display: block; border-radius: 50%; text-align: center; line-height: 35px; margin: 27px 0 30px; } .top-search { position: absolute; right: 0; top: 110%; width: 250px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .top-search #searchform-all { position: relative; } .top-search #searchform-all #s { margin-bottom: 0; height: 45px; font-size: 14px; color: rgba(21, 65, 110, 0.65); background-color: #fff; } .top-search #searchform-all #searchsubmit { padding: 3px; position: absolute; right: 12px; top: -2px; font-family: fontawesome; color: #c9974c; background: 0 0; border: none; text-align: center; font-size: 14px; font-weight: 700; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .top-search.show { visibility: visible; opacity: 1; z-index: 1; top: 100%; } .show-search a i { font-size: 14px; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .show-search.active .fa-search::before { content: '\f00d'; } .nav-wrap { float: right; } #mainnav .menu > li { display: inline-block; position: relative; } #mainnav .menu > li > a { line-height: 80px; display: inline-block; padding: 0 19.5px; color: #424242; font-weight: 600; /* text-transform: uppercase; */ font-size: 16px; } #mainnav .menu > li > a:hover { color: #c9974c; } #mainnav .menu > li:last-child a { padding-right: 0; } #mainnav .menu > li a i.fa { padding-left: 6px; } #mainnav .menu > li > .sub-menu { opacity: 0; z-index: 9999; position: absolute; width: 300px; background-color: #002d67; top: 150%; left: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainnav .menu > li:last-child .sub-menu { left: auto; right: 0; } #mainnav .menu > li:hover > .sub-menu { opacity: 1; z-index: 1; top: 80px; visibility: visible; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainnav .menu > li > .sub-menu > li > a { display: block; padding: 0 0 0 15px; line-height: 45px; border-bottom: 1px solid #2d374a; color: #fff; } #mainnav .menu > li > .sub-menu > li > a:hover { background-color: #c9974c; color: #fff; } .page-title { padding: 23px 0 22px; background-color: #f8f8f8; } .page-title .page-title-heading { float: left; } .page-title .page-title-heading .h1-title { color: #2e363a; font-size: 25px; font-weight: 600; letter-spacing: 0.6px; } .page-title .breadcrumbs { float: right; } .page-title .breadcrumbs li { display: inline-block; line-height: 18px; } .page-title .breadcrumbs li a { color: #c9974c; letter-spacing: -0.2px; } .page-title .breadcrumbs li:last-child a { color: #a9a9a9; } .page-title .breadcrumbs li a:hover { color: #a9a9a9; } .page-title .breadcrumbs li:last-child a:hover { color: #a9a9a9; } .page-title .breadcrumbs li a i { padding: 0 5px 0 9px; } .main-content { margin: 50px 0 39px; } .wrap-post { margin: 0 -15px; overflow: hidden; } article.post.s1 { margin-bottom: 40px; position: relative; float: left; width: 50%; padding: 0 15px; } article.post .featured-post ul.post-date { position: absolute; top: 0; left: 45px; background-color: #002d67; color: #fff; text-align: center; font-size: 18px; font-weight: 600; padding: 2px 10px 7px 12px; letter-spacing: 0.5px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } article.post .featured-post ul.post-date .day { font-size: 30px; margin-top: 2px; margin-bottom: 2px; } article.post .content-post { padding: 35px 30px 20px; position: relative; background-color: #f7f7f7; } article.post .content-post:after { content: ''; position: absolute; width: 64px; height: 5px; background-color: #c9974c; top: 0; left: 30px; z-index: 2; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } article.post:hover .featured-post ul.post-date { background-color: #c9974c; } article.post .content-post h4 { margin-bottom: 18px; font-weight: 600; font-size: 16px; } article.post .content-post .more-link { margin-top: 19px; } article.post .content-post .more-link a { background-color: #c9974c; border-radius: 3px; font-weight: 600; display: inline-block; line-height: 40px; padding: 0 38px 3px; letter-spacing: 0; color: #fff; } article.post .content-post .more-link a:hover { background-color: #c9974c; } .blog-single-pagination { margin: 12px 0 10px; } .flat-pagination li { display: inline-block; margin-right: 5px; } .flat-pagination li a { line-height: 20px; background-color: #f7f7f7; padding: 0 15px; display: block; line-height: 41px; width: 40px; text-align: center; } .flat-pagination li a:hover, .flat-pagination li a.active { background-color: #c9974c; color: #fff; } #footer { background-color: #002d67; } .widget-infomation { border-bottom: 1px solid #fff; padding: 22px 0 26px; } .widget-infomation ul.infomation-footer li { display: inline-block; margin-right: 96px; } .widget-infomation ul.infomation-footer li a { color: #e5e5e5; } .widget-infomation ul.infomation-footer li a:hover { color: #c9974c; } .widget-infomation ul.infomation-footer li i.fa { background-color: #c9974c; color: #fff; width: 40px; line-height: 40px; margin-right: 10px; border-radius: 50%; text-align: center; } .widget-box { padding: 60px 0 60px; } .widget-box .widget-text p { color: #fff; margin-bottom: 20px; } .widget-box .widget-services .one-half { width: 100%; float: left; margin-top: 2px; } .widget-box .widget-services .one-half.first { margin-top: 1px; } .widget-box .widget-services .one-half li { position: relative; padding-left: 15px; margin-bottom: 11px; color: #fff; } .widget-box .widget-services .one-half li:before { content: '\f0da'; font-family: fontawesome; position: absolute; top: 40%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .widget-box .widget-services .one-half li a { color: #e5e5e5; } .widget-box .widget-services .one-half li a:hover { color: #c9974c; } .widget-subscribe form label { color: #fff; margin-bottom: 9px; } #subscribe-email { width: 352px; border-radius: 5px; } .widget-subscribe form .button-subscribe:hover { background-color: #2e363a; border-color: #2e363a; } .widget-subscribe button { letter-spacing: 0; border-radius: 5px; } .notification_error { padding-top: 10px; color: #c9974c; } .notification_ok { text-align: center; color: #c9974c; } .footer-bottom { /* border-top: 1px solid #fff; */ padding: 24px 0; padding-top: 0; } .footer-bottom .copyright { text-align: center; color: #fff; } .footer-bottom .copyright a, .footer-bottom .menu-footer li a { color: #e5e5e5; } .footer-bottom .copyright a:hover, .footer-bottom .menu-footer li a:hover { color: #c9974c; } .footer-bottom .menu-footer { float: right; } .footer-bottom .menu-footer li { display: inline-block; margin-left: 28px; } article.main-post { padding: 29px 0; border-bottom: 1px solid #eff0f4; margin-bottom: 21px; } article.main-post:first-child { padding: 0 0 29px; } .entry-post-title .post-title { font-weight: 600; margin-bottom: 4px; letter-spacing: 0; } .entry-post-title ul.entry-meta li { display: inline-block; padding-left: 27px; padding-right: 10px; border-right: 1px solid #eff0f4; line-height: 1; position: relative; margin-left: 13px; } .entry-post-title ul.entry-meta li:first-child { margin-left: 0; } .entry-post-title ul.entry-meta li:last-child { border-right: none; } .entry-post-title ul.entry-meta li:before { content: '\f017'; font-family: fontawesome; position: absolute; top: -1px; left: 3px; font-size: 15px; color: #888; } .entry-post-title ul.entry-meta { margin-bottom: 33px; } .entry-post-title ul.entry-meta li.date:before { left: 2px; } .entry-post-title ul.entry-meta li.author:before { content: '\f007'; } .entry-post-title ul.entry-meta li.categories:before { content: '\f115'; } .entry-post-title ul.entry-meta li.comment:before { content: '\f0e6'; } .entry-post-title ul.entry-meta li a { color: #888; } .entry-post-title ul.entry-meta li a:hover { color: #c9974c; } article.main-post .featured-post { margin-bottom: 30px; } article.main-post .entry-content a.more-link { background-color: #c9974c; color: #fff; line-height: 45px; padding: 0 37px 0 19px; display: inline-block; border-radius: 5px; margin: 25px 0 20px; position: relative; font-weight: 600; font-size: 14px; } article.main-post .entry-content a.more-link:before { content: '\f054'; font-family: fontawesome; position: absolute; top: 49%; right: 14%; font-size: 13px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } article.main-post .entry-content a.more-link:hover:before { right: 10%; } article.main-post .entry-content a.more-link:hover { background-color: #3a526c; } .blog-pagination { margin: 50px 0 10px; } .sidebar.right { padding-left: 30px; } .sidebar .widget { margin-bottom: 50px; overflow: hidden; } .widget .widget-title { font-size: 24px; padding-bottom: 17px; margin-top: 20px; margin-bottom: 34px; color: #333; position: relative; font-weight: 600; text-transform: uppercase; } .widget .widget-title:after { content: ''; position: absolute; width: 40px; height: 4px; background-color: #c9974c; bottom: -1px; left: 0; border-radius: 5px; } .widget-recent ul li { padding: 15px 0; border-bottom: 1px solid #ebebeb; } .widget-recent ul li:first-child { padding-top: 0; } .widget-recent ul li a { font-weight: 600; } .widget-recent ul li span { display: block; margin-top: 5px; color: #b9c1cf; } .widget-categories ul li { padding: 13px 0 12px 16px; border-bottom: 1px solid #e5e5e5; position: relative; } .widget-categories ul li:before { content: ''; position: absolute; width: 5px; height: 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #333; top: 47%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .widget-categories ul li a { letter-spacing: 0.3px; } .widget-brochure { padding: 28px 27px 13px 24px; border: 1px solid #999; } .widget-brochure .brochure-box-title { margin-bottom: 18px; } .widget-brochure .brochure-box-title p { font-size: 13px; } .widget-brochure .brochure-box-title .brochure-title { font-size: 18px; font-weight: 600; color: #222; padding-bottom: 10px; } .widget-brochure .btn-download a { display: block; background-color: #c9974c; line-height: 45px; padding: 0 19px; margin-bottom: 18px; border-radius: 4px; position: relative; color: #fff; letter-spacing: 0.2px; } .widget-brochure .btn-download a:hover { background-color: #c9974c; } .widget-brochure .btn-download a:after { content: '\f1c1'; font-family: fontawesome; position: absolute; top: 1px; right: 19px; } .widget-brochure .btn-download a.doc:after { content: '\f1c2'; } .widget-tags .tag-cloud a { display: inline-block; background-color: #c9974c; border-radius: 4px; padding: 7px 20px; margin-bottom: 5px; margin-right: 5px; color: #fff; } .widget-tags .tag-cloud a:hover { background-color: #3a526c; } .sidebar.left .widget { margin-bottom: 50px; overflow: hidden; } .sidebar .widget.widget_nav_menu ul li { cursor: pointer; display: block; padding: 12px 0 11px 15px; margin-bottom: 2px; color: #222; font-weight: 700; font-size: 14px; font-family: poppins, sans-serif; background-color: #f1f1f1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; line-height: 35px; letter-spacing: 0.4px; } .sidebar .widget.widget_nav_menu ul li.active, .sidebar .widget.widget_nav_menu ul li:hover { background-color: #002d67; color: #fff; } .sidebar .widget.widget_nav_menu ul li.active a, .sidebar .widget.widget_nav_menu ul li:hover a { color: #fff; } .widget-brochure.services { padding: 28px 24px 13px; border: 1px solid #999; } .widget-brochure.services .brochure-box-title p { margin-right: -5px; } .header { position: relative; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .tp-banner-container .tp-banner img { height: 700px; } .pd-imagebox { padding: 60px 0; } .imagebox-image { position: relative; } .bg-theme { background-color: #f7f7f7; } .flat-iconbox { padding: 80px 0 75px; } .height80 { height: 70px; } .flat-owl-stage { padding: 50px 0 70px; } .iconbox-slider .slides { margin-top: 15px; } .flat-callback { padding: 84px 0 70px; background-color: #2e363a; } .text-block-callback { text-align: right; } .text-block-callback h2 { font-size: 30px; color: #fff; text-transform: uppercase; margin-bottom: 27px; font-weight: 600; } .text-block-callback .text-callback-content { color: #fff; } .flat-callback-form { padding-left: 30px; } .flat-callback-form .flat-field { margin: 0 -10px; padding-right: 75px; } .flat-callback-form .flat-field .field-one-half { width: 50%; padding: 0 10px; float: left; position: relative; } .flat-callback-form .flat-field .field-one-half label.error { position: absolute; right: 20px; top: 13px; color: #c9974c; } .flat-callback-form .flat-field .field-one-half.field-email label.error { top: 48px; } .flat-callback-form .flat-field .field-one-half.field-email { margin-right: 0; } .flat-callback-form .flat-field .field-one-half label { color: #ccc; margin-bottom: 10px; } .flat-callback-form .flat-field .field-one-half select { padding: 14px; } .flat-callback-form .flat-field .field-one-half select, .flat-callback-form .flat-field .field-email input, .flat-callback-form .flat-field .field-phone input { height: 50px; margin-bottom: 30px; } .flat-callback-form .flat-field .field-email input { margin-top: 35px; border-radius: 4px; } .flat-callback-form .flat-field .field-submit button.button-submit-field { text-transform: capitalize; padding: 0 30px; height: 50px; } .flat-callback-form .flat-field .field-submit button.button-submit-field:hover { background-color: #2e363a; border-color: #2e363a; } .flat-callback-form select { background-image: url(../images/icon-arrow-select.png); background-position: 96% 49%; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #555; } input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: #555; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #555; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #555; opacity: 1; } .flat-form-info input:-moz-placeholder, .flat-form-info textarea:-moz-placeholder, .flat-form-info input::-moz-placeholder, .flat-form-info textarea::-moz-placeholder { color: #c1c1c1; opacity: 1; } .flat-form-info input:-ms-input-placeholder, .flat-form-info textarea:-ms-input-placeholder { color: #c1c1c1; } .flat-form-info input::-webkit-input-placeholder, .flat-form-info textarea::-webkit-input-placeholder { color: #c1c1c1; opacity: 1; } .map { width: 100%; height: 454px; } .flat-carousel .owl-controls .owl-nav div.owl-prev { left: -85px; background-color: transparent; } .flat-carousel .owl-controls .owl-nav div.owl-next { right: -85px; background-color: transparent; } .flat-carousel .owl-controls .owl-nav div.owl-prev:before, .flat-carousel .owl-controls .owl-nav div.owl-next:before { font-family: ionicons; font-size: 30px; color: #ccc; } .flat-carousel .owl-controls .owl-nav div.owl-prev:before { content: '\f3d2'; } .flat-carousel .owl-controls .owl-nav div.owl-next:before { content: '\f3d3'; } .flat-progress { position: relative; margin-bottom: 30px; } .flat-progress .name { position: absolute; left: 0; top: 0; font-size: 14px; font-weight: 700; } .flat-progress .progress-bar { background-color: #f5f5f5; height: 10px; border-radius: 5px; width: 100%; margin-top: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .flat-progress .perc { width: 0; text-align: right; -ms-filter: 'alpha(opacity=0)'; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .flat-progress .perc.show { -ms-filter: 'alpha(opacity=100)'; filter: alpha(opacity=100); opacity: 1; } .flat-progress .progress-animate { background-color: #c9974c; height: 10px; width: 0; border-radius: 5px; } .flat-news { padding: 0 !important; } .flat-news-s2 { padding: 45px 0 113px; } .flat-news.s3 { padding: 3px 0 50px; } .flat-news .title-section h2 { margin-bottom: 30px; } .flat-news.s3 .title-section h2 { margin-bottom: 40px; } article.post.style2 .featured-post, article.post.style3 .featured-post, .news-small .news-small-image { position: relative; } article.post.style2 .featured-post:before, article.post.style3 .featured-post:before, .news-small .news-small-image:before { content: ''; position: absolute; height: 1px; width: 30px; background-color: #fff; top: 50%; left: 50%; z-index: 999; opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } article.post.style2 .featured-post:after, article.post.style3 .featured-post:after, .news-small .news-small-image:after { content: ''; position: absolute; height: 30px; width: 1px; background-color: #fff; top: 50%; left: 50%; z-index: 999; opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } article.post.style2:hover .featured-post:after, article.post.style2:hover .featured-post:before, article.post.style3:hover .featured-post:after, article.post.style3:hover .featured-post:before, .news-small:hover .news-small-image:before, .news-small:hover .news-small-image:after { opacity: 1; } article.post.style2 .featured-post a.post-image, .news-small .news-small-image a.post-image-small { position: relative; height: 100%; display: block; } article.post.style2 .featured-post a.post-image:after, article.post.style3 .featured-post a:after, .news-small .news-small-image a.post-image-small:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } article.post.style2:hover .featured-post a.post-image:after, article.post.style3:hover .featured-post a:after, .news-small:hover .news-small-image a.post-image-small:after { opacity: 0.5; } article.post.style2 .featured-post ul.post-date { left: 29px; padding-top: 10px; } .widget.widget-recent-news li { margin-bottom: 18px; padding: 0 0 18px; border-bottom: 1px solid #ebebeb; overflow: hidden; } .widget.widget-recent-news li:last-child { border-bottom: 0; margin-bottom: auto; } .widget.widget-recent-news .thumb { display: inline-block; float: left; margin-right: 20px; position: relative; } .widget.widget-recent-news .thumb a { position: relative; display: block; background: #000; } .widget.widget-recent-news .thumb a:after, .widget.widget-recent-news .thumb a:before { content: ''; position: absolute; width: 1px; height: 30px; background: #fff; top: 50%; left: 50%; z-index: 9999; margin-top: -15px; margin-left: -1px; visibility: hidden; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0); webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .widget.widget-recent-news .thumb a:before { height: 1px; width: 30px; margin-top: -1px; margin-left: -15px; } .widget.widget-recent-news li:hover a:before, .widget.widget-recent-news li:hover a:after { visibility: visible; -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); } .widget.widget-recent-news .thumb a img { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .widget.widget-recent-news li:hover img { -webkit-opacity: 0.4; -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity=40); } .widget.widget-recent-news li .text h4 { font-size: 14px; font-weight: 600; margin-bottom: 3px; } .widget.widget-recent-news li .text p { margin-bottom: 0; font-size: 13px; color: #b9c1cf; } .flat-client { padding: 15px; } .flat-client ul li:first-child { margin-left: 20px; } .flat-client ul li:last-child { margin-right: 0; } .flat-client ul li { display: inline-block; margin: 0 33px; } .top.style2 { background-color: #fff; padding: 0; color: #333; } .top.style2 .logo { margin-top: 9px; line-height: 126px; } .top.style2 .flat-open-hours { width: 50%; float: left; } .top.style2 .flat-open-hours, .top.style2 .flat-address { margin-top: 46px; } .top.style2 .flat-open-hours .icon, .top.style2 .flat-address .icon { float: left; margin-right: 13px; height: 45px; width: 45px; line-height: 45px; text-align: center; border: 2px solid #333; border-radius: 50%; font-size: 21px; } .top.style2 .flat-open-hours .text, .top.style2 .flat-address .text { font-weight: 600; font-size: 14px; line-height: 22px; } .top.style2 .flat-open-hours .text span, .top.style2 .flat-address .text span { font-size: 12px; font-weight: 400; color: #535353; } .top.style2.v1 .logo { margin-top: 0; line-height: 0; } .top.style2.v1 .flat-open-hours, .top.style2.v1 .flat-address { margin-top: 0; } .top.style2.v1 { padding: 30px 0 60px; } .head_nav.fix { left: 0; max-width: 100%; overflow: visible; position: fixed !important; top: 0; width: 100%; z-index: 1000; } .header.style2 { background-color: #002d67; } .header.style2 .nav-wrap { float: left; color: #fff; } .header.style2 #mainnav .menu > li > a { color: #fff; line-height: 65px; } .header.style2 #mainnav .menu > li > a:hover { color: #2e363a; } .header.style2 #mainnav .menu > li:hover > .sub-menu { top: 65px; } .header.style2 .show-search { float: right; width: auto; margin-left: 0; } .header.style2 .show-search a { margin: 15px 0; background-color: transparent; } .header.style2 .show-search a i { font-size: 16px; position: relative; top: 2px; } .header.style2.v1 { background-color: transparent; } .header.style2.v1 .flat-header-wrap { background-color: #002d67; } .header.style2.v1 .flat-header-wrap { position: absolute; padding: 0 40px; bottom: -32px; margin-bottom: 0; width: 100%; left: 0; z-index: 9999; background-color: #002d67; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .header.style2.v1.fixed-header { box-shadow: none; } .header.style2.v1 .show-search a { margin: 12.5px 0; } .header.style2.v1 #mainnav .menu > li > a { line-height: 59px; } .header.style2.v1.fixed-header .flat-header-wrap { bottom: -59px; } .header.style3 { position: absolute; left: 0; top: auto; width: 100%; z-index: 9999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom: 1px solid rgba(255, 255, 255, 0.15); background-color: transparent; } .header.style3.fixed-header { width: 100%; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .header.style3 .show-search a { background-color: transparent; } .header.style3 #mainnav > ul > li > a, .header.style3 .show-search a i { color: #fff; } .header.style3.fixed-header #mainnav > ul > li > a, .header.style3.fixed-header .show-search a i { color: #2d2d2d; } .flat-counter { padding: 95px 0 100px; position: relative; } .flat-counter .container { z-index: 99; position: relative; } .counter { text-align: center; color: #fff; z-index: 10; } .counter .counter-content { margin-bottom: 9px; } .counter .counter-content .counter-number { font-size: 50px; font-weight: 600; line-height: 50px; } .counter .name { font-weight: 600; } .flat-counter .overlay { position: absolute; content: ''; background-color: #333; top: 0; left: 0; height: 100%; width: 100%; opacity: 0.8; z-index: 1; } .progress-item { position: relative; margin-bottom: 30px; } .progress-item .name { position: absolute; left: 0; top: 0; font-size: 14px; font-weight: 700; font-family: poppins, sans-serif; } .progress-item .perc { font-weight: 400; text-align: right; } .progress-item .progress-animate { background-color: #c9974c; height: 10px; width: 0; border-radius: 5px; } .progress-item .progress-bar { background-color: #f5f5f5; height: 10px; border-radius: 5px; width: 100%; margin-top: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress-item .progress-bar { background-color: #f7f7f7; line-height: 24px; font-size: 12px; } .progress-item .perc { width: 0; text-align: right; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .progress.item .perc.show { opacity: 1; } .flat-progress-accordion { padding: 80px 0; } .progres, .accordion { background-color: rgba(47, 68, 147, 0.9); padding: 60px; color: white; font-size: 16px; line-height: 30px; } .progres .progress-title h2, .accordion .accordion-title h2 { font-size: 32px; font-weight: 600; color: #fff; padding-bottom: 20px; margin-bottom: 40px; position: relative; letter-spacing: 0; } .progres .progress-title h2:after, .accordion .accordion-title h2:after { content: ''; position: absolute; height: 5px; width: 50px; background-color: #c9974c; bottom: 0; left: 0; } .progres .progress-content { margin-bottom: 43px; } article.post.style2 .content-post:after { top: 0; } article.post.style2 .content-post h4 { margin: 0 0 18px; } article.post.style2 { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } article.post.style2:hover .post-date { background-color: #c9974c; } article.post.style2:hover { /* margin-top: -3px; */ background-color: #fff; box-shadow: 0 0 15px #ddd; } article.post.style2:hover .content-post { background: #fff; } .flat-block-quote { padding: 68px 0; } .flat-block-quote-slider { border-radius: 5px; box-shadow: 0 26px 16px 0 rgba(0, 0, 0, 0.27); background-color: #fff; filter: Alpha(opacity=90); opacity: 0.9; } .block-quote { text-align: center; padding: 60px 45px 105px; } .block-quote .quote-content { position: relative; } .block-quote .quote-content:before { content: '\f10d'; font-family: fontawesome; position: absolute; top: 0; left: 50%; font-size: 20px; color: #fff; background-color: #c9974c; height: 60px; width: 60px; line-height: 60px; border-radius: 50%; text-align: center; transform: translateX(-50%); } .block-quote .quote-content blockquote { padding: 80px 28px 36px 55px; font-size: 16px; color: #666; line-height: 27px; } .block-quote .quote-content .quote-author .author-name { font-size: 18px; color: #333; font-weight: 600; margin-bottom: 3px; } .flat-block-quote-slider .flex-control-nav { bottom: 46px; padding-right: 31px; } .flat-block-quote-slider .flex-control-nav li { margin: 0 3px; } .flat-block-quote-slider .flex-control-paging li a { width: 6px; height: 6px; display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a.flex-active { top: -2px; position: relative; width: 10px; height: 10px; background: #c9974c; cursor: default; background: 0 0; -webkit-box-shadow: inset 0 0 5px #c9974c; -moz-box-shadow: inset 0 0 5px #c9974c; -o-box-shadow: inset 0 0 5px #c9974c; box-shadow: inset 0 0 5px #c9974c; } .flat-benefit { padding: 96px 0 0; position: relative; } .flat-benefit:before { content: ''; position: absolute; background: #fff; opacity: 0.8; height: 100%; width: 100%; top: 0; left: 0; } .height24 { height: 24px; } .flat-testimonials { padding: 73px 0 62px; } .title-section.style3 h2:after { background-color: transparent; } .wrap-article { margin: 0 -15px; } article.post.style3 { background-color: transparent; width: 50%; float: left; padding: 0 15px; } article.post.style3 .featured-post { float: left; margin-right: 25px; position: relative; } article.post.style3 .featured-post ul.post-date { left: 30px; } article.post.style3 .content-post { padding: 0; background-color: transparent; overflow: hidden; } article.post.style3 .content-post:after { background-color: transparent; } article.post.style3 .content-post h4 { margin: 0; font-size: 20px; line-height: 27px; margin-bottom: 15px; letter-spacing: -1px; } article.post.style3 .content-post h4 a { color: #2e363a; } article.post.style3 .content-post h4 a:hover { color: #c9974c; } article.post.style3 .content-post .entry-post { padding-left: 1px; margin-bottom: 19px; } article.post.style3 .news-button.style3 { font-weight: 600; letter-spacing: 0.8px; padding-left: 5px; } article.post.style3 .news-button.style3 a { color: #c9974c; line-height: 28px; position: relative; } article.post.style3 .news-button.style3 a:after { content: '\f30f'; font-size: 18px; font-family: ionicons; position: absolute; right: -20px; color: #c9974c; font-weight: 400; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } article.post.style3 .news-button.style3 a:hover:after { right: -30px; } article.post.style4 { background-color: transparent; width: auto; float: none; padding: 0; } article.post.style4 .featured-post ul.post-date { left: 46px; } article.post .content-post { padding: 33px 30px 20px; } .one-half { width: 50%; float: left; } .wrap-one-half.services .one-half.v1 { padding: 0 17px 0 0; } .wrap-one-half.services .one-half.v2 { padding-right: 0; } .wrap-one-half.services .one-half { padding: 0 15px; } .wrap-one-half.services { margin: 0 -15px; padding-left: 45px; padding-right: 47px; overflow: hidden; } .box-content .title { font-size: 20px; font-weight: 600; color: #333; margin: 9px 0; } .box-content .flat-list li { position: relative; padding-left: 25px; line-height: 30px; } .box-content .flat-list li:before { content: '\f00c'; font-family: fontawesome; color: #c9974c; font-size: 12px; position: absolute; left: 0; top: 50%; display: block; padding-top: 1px; line-height: normal; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .flexslider .flex-direction-nav a { opacity: 0; color: transparent; text-shadow: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .flexslider:hover .flex-direction-nav a { opacity: 0.7; } .flexslider.s1 { margin: 4px 3px 87px 5px; } .flexslider { background: #fff; border: 4px solid #fff; position: relative; border-radius: 4px; -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .wrap-main-post.about-v1 { padding: 0 10px 0 30px; } .about-v1 .entry .feature-post { display: inline-block; float: left; margin: 0 31px 0 0; } .flex-viewport li.clone { width: auto !important; } .content-post .position { display: inline-block; font-size: 14px; margin-bottom: 20px; margin-top: -10px; color: #303030; } .content-post .title-post { margin-bottom: 15px; margin-top: 0; font-size: 20px; font-weight: 600; color: #222; } .title-post a { color: #002d67; line-height: 24px; } .wrap-main-post.about-v3 { padding: 0 29px 0 30px; } .flexslider.s2 { margin-bottom: 119px; } .flexslider .flex-direction-nav li a:before { content: '\f053'; font-family: fontawesome; font-size: 15px; color: #fff; left: 13px; position: absolute; } .flexslider .flex-direction-nav li a.flex-next:before { content: '\f054'; } .flat-text-block-timeline { margin-bottom: 46px; } .flat-text-block-timeline .year { font-size: 23px; font-weight: 600; font-family: poppins, sans-serif; color: #c9974c; margin-bottom: 38px; position: relative; } .flat-text-block-timeline .year:after { position: absolute; left: 0; bottom: -18px; width: 90px; height: 1px; background-color: #dfdfdf; content: ''; } .flat-text-block-timeline .flat-timeline-content { padding-left: 90px; } .flat-timeline-content .box-content .title { margin: 9px 0; } .contact-info .info { margin-bottom: 30px; } .contact-info .info .title { font-size: 17px; font-weight: 600; margin-bottom: 12px; margin-top: 7px; color: #222; } .flat-form-info { margin: 0 -10px; } .form-info .one-half { padding: 0 10px; } .form-info p { position: relative; } .form-info label.error { position: absolute; right: 10px; top: 13px; color: #c9974c; } .form-info input[type='text'], .form-info input[type='email'], .form-info input[type='phone'], .form-info textarea { background-color: #f7f7f7; font-size: 14px; color: #c1c1c1; border: 1px solid #e6e6e6; border-radius: 5px; margin-bottom: 30px; } .form-info input:focus, .form-info textarea:focus { border: 1px solid #c9974c; } .form-info input { height: 50px; width: 100%; border-radius: 5px; } .form-info textarea { height: 210px; padding: 15px 0 0 15px; } .form-info button.submit { color: #fff; letter-spacing: 2px; font-size: 13px; height: 45px; width: 100%; -webkit-border-radius: 0; border-radius: 5px; } .form-info button.submit:hover { background-color: #2e363a; border-color: #2e363a; color: #fff; } .flat-alert.msg-success { text-align: center; margin-bottom: 10px; } .parallax { width: 100%; background-attachment: fixed; background-position: 50% 0; } .parallax1 { background-image: url(../images/parallax/bg-parallax1.jpg); background-repeat: no-repeat; } .parallax2 { background-image: url(../images/parallax/bg-parallax2.jpg); background-size: cover; } .parallax.overlay-s1 .overlay-parallax { background-color: #333; opacity: 0.8; } .parallax .overlay-parallax { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .pd-imagebox-s3 { padding: 100px 0; } .flat-imagebox.style2 { padding: 50px 0; } .pd-portfolio-s1 { padding: 49px 0 74px; } .pd-portfolio-s2 { padding: 49px 0 72px; } .pd-portfolio-s3 { padding: 49px 0 70px; } .pd-services-post { padding: 0px 0 41px; } .pd-services-widget { padding: 50px 0 49px; } .pd-about-post { padding: 50px 0 113px; } .pd-aboutv3 { padding: 50px 0 49px; } .pd-about-team { padding: 59px 0 90px; } .pd-contact-v1 { padding: 0px 0 90px; } .pd-contact-v2 { padding: 40px 0 58px; } .pd-title-section { padding: 59px 0 0; } .dividers { width: 100%; height: 50px; overflow: hidden; } .blog-single-post { margin: 50px 0 39px; } .dividers-pagination { height: 40px; } .dividers.portfolio { height: 42px; } .dividers.dividers-imagebox { height: 79px; } .dividers.dividers-imagebox.v1 { height: 81px; } .dividers.dividers-bc-v1 { height: 24px; } .dividers.dividers-bc-v2 { height: 44px; } .dividers.dividers-bc-v3 { height: 20px; } .dividers.dividers-bc-v4 { height: 50px; } .dividers.dividers-about-post { height: 115px; } .dividers.dividers-about-team { height: 61px; } #mainnav-mobi { display: block; margin: 0 auto; width: 100%; background-color: #002d67; z-index: 1000; position: absolute; } #mainnav-mobi ul { display: block; list-style: none; margin: 0; padding: 0; } #mainnav-mobi ul li { margin: 0; position: relative; text-align: left; border-top: 1px solid #2d374a; cursor: pointer; } #mainnav-mobi ul > li > a { text-decoration: none; height: 50px; line-height: 50px; padding: 0 15px; color: #fff; } #mainnav-mobi ul.sub-menu { top: 100%; left: 0; z-index: 2000; position: relative; background-color: #002d67; } #mainnav-mobi > ul > li > ul > li, #mainnav-mobi > ul > li > ul > li > ul > li { border-top: 1px solid #2d374a; background-color: #002d67; } #mainnav-mobi > ul > li > ul > li > ul > li a { padding-left: 45px !important; } #mainnav-mobi ul.sub-menu > li > a { display: block; text-decoration: none; padding: 0 30px; border-top-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #mainnav-mobi > ul > li > ul > li:first-child a { border-top: none; } #mainnav-mobi ul.sub-menu > li > a:hover, #mainnav-mobi > ul > li > ul > li.active > a { color: #fff; } .btn-menu { display: none; float: right; position: relative; background: 0 0; cursor: pointer; margin: 38px 0 38px 20px; width: 26px; height: 16px; -webkit-transition: all ease 0.238s; -moz-transition: all ease 0.238s; transition: all ease 0.238s; } .btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #002d67; -webkit-transition: all ease 0.238s; -moz-transition: all ease 0.238s; transition: all ease 0.238s; } .btn-menu:before, .btn-menu:after { content: ''; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .btn-menu span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; } .btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); } .btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); } .btn-menu.active span { opacity: 0; } .btn-menu.active:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .btn-menu.active:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .btn-submenu { position: absolute; right: 20px; top: 0; font: 20px/50px 'FontAwesome'; text-align: center; cursor: pointer; width: 70px; height: 44px; } .btn-submenu:before { content: '\f107'; color: #fff; } .btn-submenu.active:before { content: '\f106'; } .btn-menu { display: none; } .go-top { position: fixed !important; right: -35px; bottom: 15px; width: 40px; height: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; cursor: pointer; background-color: rgba(0, 0, 0, 0.4); line-height: 40px; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-filter: 'alpha(opacity=0)'; filter: alpha(opacity=0); opacity: 0; } .go-top.show { right: 15px; bottom: 50px; -ms-filter: 'alpha(opacity=100)'; filter: alpha(opacity=100); opacity: 1; visibility: visible; z-index: 9999; } .go-top i { font-size: 14px; color: #fff; font-weight: 600; padding-bottom: 3px; } .go-top:hover { background-color: #c9974c; } .go-top:hover i { color: #fff; } .preloader { width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 9999999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .clear-loading { text-align: center; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .loading-effect-2 { width: 100px; height: 100px; } .loading-effect-2 > span, .loading-effect-2 > span:before, .loading-effect-2 > span:after { content: ''; display: block; border-radius: 50%; border: 2px solid #c9974c; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loading-effect-2 > span { width: 100%; height: 100%; top: 0; left: 0; border-left-color: transparent; -webkit-animation: effect-2 2s infinite linear; -moz-animation: effect-2 2s infinite linear; -ms-animation: effect-2 2s infinite linear; -o-animation: effect-2 2s infinite linear; animation: effect-2 2s infinite linear; } .loading-effect-2 > span:before { width: 75%; height: 75%; border-right-color: transparent; } .loading-effect-2 > span:after { width: 50%; height: 50%; border-bottom-color: transparent; } @-webkit-keyframes effect-2 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect-2 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .switcher-container { position: fixed; right: -220px; top: 137px; width: 220px; background-color: #000; z-index: 99999999; } .switcher-container h2 { color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: uppercase; height: 45px; line-height: 45px; padding-left: 45px; padding-right: 0; margin: 0; } .switcher-container h2 a { background-color: #000; display: block; position: absolute; left: -45px; top: 0; width: 45px; height: 45px; line-height: 45px; text-align: center; outline: 0; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .switcher-container h2 a.active { left: 0; } .switcher-container h2 a.active:after { position: absolute; right: 21px; top: 0; content: '\f105'; font-family: fontawesome; color: #c9974c; font-size: 22px; } .switcher-container h2 a.active i { display: none; } .switcher-container h2 a:hover, .switcher-container h2 a:focus { text-decoration: none; } .switcher-container h2 i { margin-top: 10px; font-size: 25px; color: #c9974c; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .switcher-container h2 i:hover { color: #fff; } .switcher-container h3 { font-size: 12px; font-weight: 700; color: #fff; margin: 0; line-height: 22px; margin-bottom: 10px; } .switcher-container .selector-box { color: #fff; overflow: hidden; } .switcher-container .layout-switcher { margin: 0 0 10px; overflow: hidden; } .switcher-container .layout-switcher a.layout { float: left; display: block; cursor: pointer; text-align: center; font-weight: 700; padding: 10px 20px; margin-left: 10px; } .switcher-container .layout-switcher a.layout:first-child { margin-left: 0; } .switcher-container .layout-switcher a.layout:hover { color: #fff; cursor: pointer; } .switcher-container .color-box { height: auto; overflow: hidden; margin-bottom: 6px; } .switcher-container .styleswitch { margin-bottom: 10px; } .sw-odd { background-color: #272727; padding: 21px 0 30px 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sw-even { background-color: #191919; padding: 21px 0 25px 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sw-even a { font-family: karla, sans-serif; text-transform: uppercase; font-size: 12px; line-height: 40px; color: #fff; border: 1px solid #fff; padding: 10px 20px; margin-right: 10px; letter-spacing: 1.8px; } .sw-even a:hover { background-color: #32bfc0; border: 1px solid #32bfc0; color: #fff !important; } .sw-light { background-color: #fff; color: #000 !important; } .sw-odd a { font-size: 16px; color: #fff; width: 100%; display: inline-block; line-height: 17px; width: 100%; position: relative; padding-left: 47px; } .sw-odd .ws-colors a:before { background: 0 0; } .sw-odd .ws-colors a { position: relative; width: auto; padding: 0; width: 30px; height: 30px; background-color: #333; display: inline-block; margin-right: 5px; overflow: hidden; } .sw-odd .ws-colors a.current:before { position: absolute; left: 8px; top: 6px; font-family: FontAwesome; content: '\f00c'; color: #fff; z-index: 999; text-shadow: 0 0 2px rgba(0, 0, 0, 1); } .sw-odd .ws-colors #color1 { background-color: #c9974c; } .sw-odd .ws-colors #color2 { background-color: #247fe1; } .sw-odd .ws-colors #color3 { background-color: #f87b27; } .sw-odd .ws-colors #color4 { background-color: #e33062; } .sw-odd .ws-colors #color5 { background-color: #29c2e1; } .sw-odd .ws-colors #color6 { background-color: #9b23ea; } .sw-odd #color2 { background-color: #333; } .sw-odd .ws-colors a#color2:after { border-bottom: 21px solid transparent; border-top: 21px solid transparent; border-left: 21px solid #ff5f2e; } .sw-odd #color3 { background-color: #333; } .sw-odd .ws-colors a#color3:after { border-bottom: 21px solid transparent; border-top: 21px solid transparent; border-left: 21px solid #30a9de; } .sw-odd #color4 { background-color: #333; } .sw-odd .ws-colors a#color4:after { border-bottom: 21px solid transparent; border-top: 21px solid transparent; border-left: 21px solid #d9e1e8; } .sw-odd #color5 { background-color: #333; } .sw-odd .ws-colors a#color5:after { border-bottom: 21px solid transparent; border-top: 21px solid transparent; border-left: 21px solid #090707; } .sw-odd #color6 { background-color: #333; } .sw-odd .ws-colors a#color6:after { border-bottom: 21px solid transparent; border-top: 21px solid transparent; border-left: 21px solid #79bd9a; } .sw-even h3 { margin-bottom: 6px; } .sw-pattern.pattern { -ms-filter: 'alpha(opacity=0)'; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 98%; background-color: #000; width: 100%; z-index: -1; padding: 20px 0 30px 20px; } .sw-pattern.pattern a { width: 40px; height: 40px; display: inline-block; margin-right: 5px; margin-bottom: 5px; position: relative; } .sw-pattern.pattern a.current:before { position: absolute; left: 12px; top: 6px; font-family: FontAwesome; content: '\f00c'; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 1); } .sw-odd .sw-image { padding: 0 20px 15px 0; } .sw-odd .sw-image a { padding: 0; margin-bottom: 5px; } .sw-odd .sw-image .sw-buy { width: 100%; border: none; background: #6f9a37; position: relative; height: 35px; line-height: 37px; border-radius: 0; } .sw-odd .sw-image .sw-buy:before { content: '\f07a'; font-family: fontawesome; color: #fff; position: absolute; left: 20%; top: -1px; } .sw-odd .sw-image .sw-buy:hover { background: #2e363a; } footer h3 { font-size: 18px; line-height: 25px; } article.entry { margin: 20px 0; } .list-group-item > .badge { float: left; } .badge { display: inline-block; min-width: 10px; padding: 5px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #c9974c; border-radius: 10px; margin-right: 10px; } ul.list-group li.list-group-item:nth-child(odd) { background: #f8f8f8; } /* testimonial */ .flat-testimonial { padding-bottom: 75px; } #testimonial-carousel > .carousel-indicators { bottom: -3px; } #testimonial-carousel > .carousel-indicators li { border-color: #c9974c; } #testimonial-carousel > .carousel-indicators .active { background-color: #c9974c; } .testimonial { display: inline-block; padding-bottom: 20px; width: 100%; } .testimonial > .testimonial-quote { position: relative; } .testimonial > .testimonial-quote::before, .testimonial > .testimonial-quote::after { content: ''; position: absolute; top: -20px; left: 0; height: 25px; width: 25px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NC40MDEiIGhlaWdodD0iNjYuODk2Ij48cGF0aCBkPSJNMjMuMDc2IDY2LjlBMjMuMzg5IDIzLjM4OSAwIDAgMSAxMi43IDY0LjY4MSAxNy4yNTQgMTcuMjU0IDAgMCAxIDUuNTk0IDU4LjVhMjQuNzI2IDI0LjcyNiAwIDAgMS00LjA3OS04Ljg1N0E0NS4zIDQ1LjMgMCAwIDEgMCAzNy43NmE0MS43NSA0MS43NSAwIDAgMSA2LjA2LTIxLjc5NFExMi4xMjEgNS44MjcgMjQuNzA3IDBsMi4xIDQuMkEzMy45NTcgMzMuOTU3IDAgMCAwIDE1LjUgMTIuNDdhMjMuNzY0IDIzLjc2NCAwIDAgMC02LjE3NyAxMS41MzhBMTkuNzM2IDE5LjczNiAwIDAgMCA4Ljg1NyAzNS4ycTUuNTk1LTYuMyAxNS4zODQtNi4zIDguNjI0IDAgMTMuOTg1IDUuMDExdDUuMzYxIDE0LjFhMTcuNjU3IDE3LjY1NyAwIDAgMS01LjcxMSAxMy42MzZxLTUuNzEgNS4yNTMtMTQuOCA1LjI1M1ptNTAuODEzIDBhMjMuMzg5IDIzLjM4OSAwIDAgMS0xMC4zNzItMi4yMTkgMTcuMjU0IDE3LjI1NCAwIDAgMS03LjEwOS02LjE4MSAyNC43MjYgMjQuNzI2IDAgMCAxLTQuMDc5LTguODU3IDQ1LjMgNDUuMyAwIDAgMS0xLjUxNi0xMS44ODMgNDEuNzUgNDEuNzUgMCAwIDEgNi4wNi0yMS43OTRRNjIuOTM0IDUuODI3IDc1LjUyMSAwbDIuMSA0LjJhMzMuOTU3IDMzLjk1NyAwIDAgMC0xMS4zIDguMjc1IDIzLjc2NCAyMy43NjQgMCAwIDAtNi4xNzcgMTEuNTM4IDE5LjczNiAxOS43MzYgMCAwIDAtLjQ3MyAxMS4xODdxNS41OTQtNi4zIDE1LjM4NC02LjMgOC42MjQgMCAxMy45ODUgNS4wMTF0NS4zNjEgMTQuMWExNy42NTcgMTcuNjU3IDAgMCAxLTUuNzExIDEzLjY0UTgyLjk4IDY2LjkgNzMuODg5IDY2LjlaIiBmaWxsPSIjMmUzMTkyIi8+PC9zdmc+); opacity: 0.2; background-repeat: no-repeat; background-size: contain; background-position: 50%; pointer-events: none; z-index: -1; } .testimonial > .testimonial-quote::after { top: auto; left: auto; bottom: -20px; right: 0; transform: rotate(180deg); } .testimonial > .testimonial-quote > div, .testimonial > .testimonial-meta { padding: 0 35px; } .testimonial > .testimonial-quote > div > p { text-align: justify; font-size: 18px; } .testimonial > .testimonial-meta > .fa-star, .testimonial > .testimonial-meta > .fa-star-o { margin-bottom: 20px; color: #efba00; font-size: 25px; } .testimonial > .testimonial-meta > p { font-size: 18px; line-height: 25px; font-weight: bold; } .testimonial-page { border-top: 1px solid rgb(230, 230, 230); padding: 50px 50px 50px 0; } /*home marketing tagline*/ #homeMarketingTag { color: white; padding: 60px; border-radius: 5px; } #homeMarketingTag h2 { line-height: 35px; font-size: 22px; } #homeMarketingTagButton { margin-top: 40px; } #homeMarketingTagButton a { background-color: #002d67; border-radius: 30px; font-weight: 600; display: inline-block; padding: 15px; font-size: 16px; width: 500px; line-height: 35px; letter-spacing: 0; color: #fff; text-align: center; } @media (max-width: 768px) { #homeMarketingTag { padding: 20px; } #homeMarketingTagButton a { width: 100%; } } .menu-services-container ul.menu-tab li a { display: block; } .imagebox-item .imagebox-desc { font-size: 18px; line-height: 45px; } @media (max-width: 1023px) { #homepageMainTagg { background: white; } #homepageMainTagg h2 { text-align: left; font-size: 17px; line-height: 30px; } } @media (min-width: 1024px) { #homepageMainTagg { background: white; } #homepageMainTagg h2 { padding-top: 10px; padding-bottom: 10px; } #homepageMainTagg h2 { /* width: 70%; */ /* text-align: center; */ margin: 0 auto; font-size: 17px; line-height: 30px; } } @media (max-width: 768px) { .imagebox-item .imagebox-desc { font-size: 15px; line-height: 35px; } } @media (max-width: 768px) { #mainSLideTag { font-size: 22px; } #slide-3049-layer-4 { padding: 5px !important; background: rgba(0, 0, 0, 0.2); border-radius: 5px; /* position: relative; top: 10px; */ } } @media (max-width: 7687px) { #homecalltoaction { background-attachment: scroll; background-position: 89% 0%; background-position-x: 89%; background-position-y: 0%; background-size: cover !important; } } #serviceContent ul { list-style: circle; padding-left: 15px; margin-bottom: 20px; } #serviceContent ol { margin-bottom: 20px; } #about_why_content p { font-size: 16px; line-height: 27px; } #resources_content p { font-size: 16px; line-height: 27px; } #resources_content p a { font-size: 18px; } #about_why_content h3 { font-size: 32px; font-weight: 600; padding: 20px 0; position: relative; color: #222; line-height: 40px; } #serviceContent h3, #serviceContent h2 { margin-bottom: 20px; } #serviceContent h3 { font-weight: bold; } #serviceContent p.small { font-size: 12px; } .h1-hidden { display: none !important; } .sub-title-section ul { list-style-type: disc; padding-left: 15px; margin-bottom: 20px; } .sub-title-section ul li::marker { color: #c9974c; } h2.h2Title { padding-top: 0px; } @media (max-width: 768px) { h2.h2Title { padding-top: 20px; } .top { padding-top: 15px; padding-bottom: 0px; } .flat-infomation2 { float: none; } .logo { margin-top: 15px; } .tp-bgimg.defaultimg { background-position: 44% 30% !important; } .footerLogo { text-align: center; } .pd-title-section { padding: 20px 0 0; } .iconbox.style2 { padding-left: 30px; } .title-section h2 { font-size: 25px; } #secondSectionServices { padding-top: 40px !important; } article.post.style2 { margin-bottom: 30px !important; min-height: 1px !important; } } .carousel-indicators li { width: 20px; height: 20px; margin-right: 10px; } .carousel-indicators .active { width: 20px; height: 20px; margin-right: 15px; }