@import "font-awesome.css"; @import "flexslider.css"; @import "owl.carousel.css"; @import "shortcodes.css"; @import "animate.min.css"; @import "revolution-slider.css"; @import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800|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 } ol, ul { list-style: none } 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 } 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 } 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 } body, button, input, select, textarea { font: 14px/24px "Open Sans", sans-serif; font-weight: 400; background: #fff; color: #777 } ::-moz-selection { color: #fff; text-shadow: none; background: #78b942 } ::-webkit-selection { color: #fff; text-shadow: none; background: #78b942 } ::selection { color: #fff; text-shadow: none; background: #000 } a, i { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } a { color: #222; text-decoration: none } a:hover { color: #00abc9; text-decoration: none; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } a:focus { text-decoration: none; outline: 0 } a:hover, a:focus { color: #a40f03; text-decoration: none; outline: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } img { max-width: 100%; height: auto } ul, ol { padding: 0 } b, strong { font-weight: 900 } button { border: none } blockquote { font-size: 16px; color: #888; font-style: italic; position: relative; border: 0; padding: 20px 15px 20px 38px; margin-bottom: 143px } button, input[type=button], input[type=reset], input[type=submit] { height: 45px; background-color: #a40f03; font-weight: 600; line-height: 45px; padding: 0 27px; border-radius: 3px; cursor: pointer; white-space: nowrap; border: none; z-index: 0; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .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=email], input[type=url], input[type=search], input[type=tel], input[type=color] { border: 1px solid #dfdfdf; height: 50px; padding: 13px 15px; width: 100%; color: #999; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { background-color: #a40f03; color: #fff } button, input[type=button], input[type=reset], input[type=submit] { color: #fff } textarea:focus, select: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 #a40f03; outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } textarea { width: 100%; height: 179px; padding: 22px 0 0 15px } input[type=checkbox] { display: inline } 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 } .btn { background-image: none } 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 } strong, b { font-weight: 700 } p { margin-bottom: 20px } h1, h2, h3, h4, h5, h6 { font-weight: 600; color: #222; margin-top: 20px; margin-bottom: 10px } h1 { font-size: 32px } h2 { font-size: 25px } h3 { font-size: 22px } h4 { font-size: 18px } h5 { font-size: 15px; line-height: 22px } h4 { font-size: 14px } .clearfix { clear: both } .left { text-align: left } .right { text-align: right } .center { text-align: center } .background-color { background-color: #f7f7f7 } .flat-one-half { width: 50%; float: left; padding: 0 10px } .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 } .top { background-color: #5c6567; color: #fff } .top .content-left { float: left } .top .content-right { float: right } ul.flat-infomation li { display: inline-block; margin-right: 27px; margin-top: 5px; letter-spacing: -.25px } ul.flat-infomation li:last-child { margin-right: 0 } ul.flat-infomation li i { margin-right: 8px } ul.flat-infomation li a { letter-spacing: 0; color: #fff; animation: color-change 1s infinite; } ul.flat-infomation li a:hover { color: #a40f03 } ul.flat-social { margin-right: 30px; display: inline-block; } ul.flat-social li { display: inline-block } ul.flat-social li a { color: #fff; display: block; background: #3a6bb1; width: 35px; text-align: center; height: 35px; line-height: 35px; margin-left: 4px; font-size: 13px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } ul.flat-social li.twitter a { background-color: #0ec8f5 } ul.flat-social li.google-plus a { background-color: #f2623b } ul.flat-social li.linkedin a { background-color: #0094d3 } .info-top-right { display: inline-block; position: relative; line-height: 30px } .info-top-right a.appoinment { display: inline-block; background-color: #a40f03; text-transform: uppercase; font-weight: 600; font-family: poppins, sans-serif; height: 45px; line-height: 45px; padding: 0 27px; color: #fff } .header { background-color: #fff; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .header-fixed { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; box-shadow: 0 1px 2px rgba(0, 0, 0, .1); background-color: #fff; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .header #logo { float: left; height: 100%; margin-top: 25px; margin-left: -15px } .nav { padding-left: 0; margin-bottom: 0; list-style: none } .nav-wrap { float: none } #mainnav .btn-submenu { display: none } #mainnav ul { list-style: none; margin: 0; padding: 0 } #mainnav ul li { position: relative } #mainnav>ul>li { display: inline-block; margin-left: 41.5px } #mainnav>ul>li>a { line-height: 100px; display: inline-block; font-weight: 600; font-family: poppins, sans-serif; color: #424242; text-transform: uppercase } #mainnav>ul>li.active>a { color: #a40f03; position: relative } #mainnav>ul>li.active>a:after { position: absolute; left: 0; bottom: 30px; width: 100%; height: 2px; background-color: #a40f03; content: "" } #mainnav>ul>li>a:after { position: absolute; left: 0; bottom: 30px; width: 0; height: 2px; background-color: #a40f03; content: ""; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } #mainnav>ul>li:hover>a:after { /*width: 100%*/ } #mainnav>ul>li>a i { font-size: 14px; margin-left: 5px } #mainnav ul.submenu { text-align: left; position: absolute; left: 0; max-height:400px; overflow-y: auto; top: 150%; width: 250px; background-color: #ffc200; z-index: 9999; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #mainnav ul.submenu.right { left: auto; right: 0 } #mainnav ul li:hover>ul.submenu { top: 100%; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible } #mainnav ul li ul li { margin-left: 0 } #mainnav ul.submenu li ul { position: absolute; left: 250px; top: 0!important } #mainnav ul.submenu>li { border-top: 1px solid #2d374a } #mainnav ul.submenu>li:first-child { border-top: 0 } #mainnav ul.submenu>li>a { display: block; color: #000; text-decoration: none; padding: 0 0 0 15px; font-weight: 300; line-height: 45px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-weight:bold; } #mainnav ul.submenu>li>a:hover { background: #a40f03; color: #fff } #mainnav>ul>li>a:hover, #mainnav>ul>li.home>a { color: #ffc200; position: relative } #mainnav-mobi { display: block; margin: 0 auto; width: 100%; position: absolute; top: 55px; left: 0; z-index: 1000; background-color: #222 } #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 #333; cursor: pointer } #mainnav-mobi ul>li>a { text-decoration: none; height: 50px; line-height: 50px; padding: 0 30px; color: #fff } #mainnav-mobi ul.sub-menu { top: 100%; left: 0; z-index: 2000; position: relative; background-color: #222 } #mainnav-mobi>ul>li>ul>li { position: relative; border-top: 1px solid #333 } #mainnav-mobi>ul>li>ul>li a { padding-left: 50px } #mainnav-mobi ul.sub-menu>li>a { display: block; text-decoration: none; padding: 0 50px; border-top-color: rgba(255, 255, 255, .1); -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .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: 20px 0 20px 20px; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s } .btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #ffffff; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .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 } .page-title { position: relative; padding: 55px 0; background-color: #f7f7f7; border-bottom: 1px #e5e5e5 solid } .page-title .breadcrumbs { display: table; overflow: hidden; width: 100% } .page-title .page-title-heading { margin-top: 0; font-size: 30px; line-height: 37px; font-family: poppins, sans-serif; display: table-cell; margin: 0; text-align: left; vertical-align: middle; width: 65% } .page-title .trail-items { display: table-cell; text-align: right; vertical-align: middle; width: 35%; font-family: poppins, sans-serif } .page-title .breadcrumbs ul.trail-items li { display: inline-block; color: #222 } .page-title .breadcrumbs ul.trail-items li span { padding: 0 2px } .page-title .breadcrumbs ul.trail-items li a, .page-title .breadcrumbs ul.trail-items li span { color: #a40f03 } .page-wrap { padding: 80px 0; background-color: #fff; overflow: hidden } .page-wrap .content-area { float: left; width: 70.08547008547009%; position: relative } article.blog-post { padding-bottom: 51px; margin-bottom: 61px; position: relative } article.blog-post:last-of-type { margin-bottom: 30px } article.blog-post:after { content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background: #dfdfdf; position: absolute } article .featured-post { margin-bottom: 19px; position: relative } .featured-post a { background-color: #364c61; position: relative } .featured-post a img { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .featured-post a:hover img { -webkit-opacity: .4; -khtml-opacity: .4; -moz-opacity: .4; opacity: .4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); filter: alpha(opacity=40) } article .content-post { letter-spacing: .03px; width: 100% } ul.entry-meta { list-style: none; margin: 0; color: #999; float: left; margin-top: -2px; max-width: 85% } ul.entry-meta li { float: left; margin-right: 20px; position: relative; display: table } ul.entry-meta li a:not(:hover) { color: inherit } article .content-post h2.entry-title { margin-top: 9px; margin-bottom: 20px } article .content-post p:last-of-type { margin-bottom: 0 } article .content-post .button-post { padding-top: 21px } article .content-post .button-post a { display: inline-block; text-transform: none; border-radius: 3px; font-size: 14px; height: 44px; line-height: 44px; padding: 0 29px; background-color: #a40f03; color: #fff; font-weight: 600; margin-top: 20px } article .content-post .button-post a:hover:after { width: 100% } ul.flat-pagination { margin: 0; text-align: left } ul.flat-pagination li { display: inline-block } ul.flat-pagination li a { width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 40px; margin-right: 3px; background-color: #ebebeb; border: 1px solid #ebebeb; border-radius: 2px; color: #222 } ul.flat-pagination li.next-page a { width: 72px } ul.flat-pagination li.next-page a i { padding-left: 5px } ul.flat-pagination li a:hover, ul.flat-pagination li.active a { background-color: #a40f03; color: #fff } .page-wrap .widget-area { float: left; width: 29.91452991452991%; z-index: 2; position: relative; padding-left: 70px } .sidebar .widget { margin-bottom: 40px; overflow: hidden } .sidebar .widget-search .search-form { width: 100%; height: 50px; position: relative; margin: 0 } .sidebar .widget-search .search-form label { width: 100%; display: block; background-color: #fff; margin-bottom: 5px; font-weight: 700 } .sidebar .widget-search .search-form input[type=search] { margin-bottom: 0; height: 48px; color: rgba(21, 65, 110, .65) } .sidebar .widget-search .search-form .search-submit { background-image: url(../images/search.svg); background-color: transparent; background-size: 13px 13px; background-position: center right; background-repeat: no-repeat; width: 24px; height: 21px; border-left: 1px solid rgba(0, 0, 0, .4); padding: 5px 0 5px 10px; text-indent: -9999px; padding: 0; position: absolute; right: 15px; top: 12px; -webkit-opacity: .3; -khtml-opacity: .3; -moz-opacity: .3; opacity: .3; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); filter: alpha(opacity=30) } .sidebar .widget ul li { color: #656565; padding-top: 12px; padding-bottom: 12px; position: relative } .widget h4.widget-title { text-transform: uppercase; position: relative; margin-bottom: 10px; margin-top: 17px; padding-right: 32px; display: inline-block; font-size: 18px } .widget-recent ul li, .widget-categories ul li { border-bottom: 1px solid #e5e5e5; position: relative; display: block; padding-left: 16px; margin-bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .widget-recent ul li:before, .widget-categories ul li:before { font-family: fontawesome; content: "\f0da"; font-size: 12px; color: #656565; position: absolute; left: 0; top: 11px } .widget.widget-recent-news li:not(:last-child) { margin-bottom: 20px; padding-bottom: 19px!important; border-bottom: 1px solid #ebebeb; overflow: hidden } .widget.widget-recent-news .thumb { display: inline-block; float: left; margin-right: 20px; position: relative } .widget.widget-recent-news .thumb a { display: block; position: relative; background-color: #000; z-index: 2 } .widget.widget-recent-news .thumb a:before, .widget.widget-recent-news .thumb a:after { 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 .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .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 .thumb a:hover:before, .widget.widget-recent-news .thumb a:hover:after { opacity: 1; visibility: visible } .widget.widget-recent-news .thumb a img { webkit-transition: all .2s ease-in-out 0s; -moz-transition: all .2s ease-in-out 0s; -ms-transition: all .2s ease-in-out 0s; -o-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s } .widget.widget-recent-news .thumb a:hover img { opacity: .4 } .widget.widget-recent-news li .text h5 { line-height: 18px; font-weight: 500; margin-bottom: 3px; margin-top: 0; font-size: 1.07em } .widget.widget-recent-news li .text p { margin-bottom: 0 } .widget.widget-recent-news li .text p { display: block; position: relative; margin-top: 0; font-size: 12px; color: #b9c1cf } .sidebar .widget-recent-news ul li:last-child { padding-bottom: 0 } .main-blog-single { padding-bottom: 95px } article.blog-single { margin-bottom: 35px; padding-bottom: 24px; position: relative } article.blog-single:after { content: ''; left: 0; bottom: 0; width: 100%; height: 1px; background: #dfdfdf; position: absolute } .blog-single .content-post { margin-bottom: 63px; letter-spacing: .06px; padding: 0 } .blog-single .entry-post { letter-spacing: 0 } .navigation-single { margin-bottom: 50px } .navigation-single .nav-links { margin: 0; list-style: none; padding: 20px 0 17px } .navigation-single .nav-links li a { display: block; font-weight: 600; white-space: nowrap; overflow: hidden; position: relative; padding: 0 10px 0 60px } .navigation-single .nav-links li a .meta-nav { display: block; text-transform: uppercase; font-size: 14px; color: #a40f03 } .navigation-single .nav-links li a:after { content: "\f053"; font-family: fontawesome; font-size: 14px; font-weight: 400; width: 45px; height: 45px; text-align: center; line-height: 45px; background: #a40f03; position: absolute; left: 0; border-radius: 50%; top: 50%; margin-top: -24px; color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .navigation-single .nav-links li a:hover:after { background-color: #222 } .comment-respond { background: #eee; padding: 50px; margin-bottom: 30px } .comment-respond .comment-reply-title { font-size: 25px; margin-top: 7px } .comment-respond .comment-form p.comment-notes { margin-bottom: 27px } .comment-respond .comment-form p label { font-weight: 700; margin-bottom: 5px } .comment-respond .comment-form .comment-form-comment textarea { margin-bottom: 2px } .comment-respond p.comment-form-author, .comment-respond p.comment-form-email, .comment-respond p.comment-form-url { width: 32.333%; float: left; margin-bottom: -11px } .comment-respond .comment-form-author, .comment-respond .comment-form-email { margin-right: 1.5% } .comment-respond input[type=text], .comment-respond input[type=email], .comment-respond input[type=url] { height: 43px } .comment-form p.comment-submit { margin-bottom: 11px } .footer { background-color: #091b27; color: #cecece } .footer-widgets { overflow: hidden; padding: 50px 0; color: #888; letter-spacing: -.5px } .footer-widgets .widget { clear: both } .footer-widgets ul li a { color: #cecece; line-height: 36px; letter-spacing: -.5px } .footer-widgets { color: #cecece } .footer-widgets ul li a:hover { color: #a40f03; padding-left: 5px } .footer-widgets .widget.widget-text h1 { line-height: 50px; color: #fff; padding-right: 50px; margin-top: 20px; font-weight: 700 } .footer-widgets .widget h4.widget-title { color: #fff; margin-bottom: 31px; letter-spacing: -.5px } .footer-widgets .widget.widget-nav-menu ul li { position: relative; padding: 2px 0 2px 14px; width: 100%; } .footer-widgets .widget.widget-nav-menu ul li:before { position: absolute; left: 0; top: 6px; content: "\f105"; font-family: fontawesome; font-size: 14px } .footer-widgets .flat-wrap-field { margin: 0 -5px } .footer-widgets input[type=text], .footer-widgets input[type=email], .footer-widgets textarea { margin-bottom: 10px; background: rgba(9, 27, 39, .1); border: 1px solid rgba(255, 255, 255, .15) } .footer-widgets input[type=text]:focus, .footer-widgets input[type=email]:focus, .footer-widgets textarea:focus { border: 1px solid #a40f03 } .footer-widgets input:-moz-placeholder, .footer-widgets textarea:-moz-placeholder, .footer-widgets input::-moz-placeholder, .footer-widgets textarea::-moz-placeholder, .footer-widgets select { color: #cecece; opacity: 1 } .footer-widgets input:-ms-input-placeholder, .footer-widgets textarea:-ms-input-placeholder, .footer-widgets select { color: #cecece } .footer-widgets input::-webkit-input-placeholder, .footer-widgets textarea::-webkit-input-placeholder, .footer-widgets select { color: #cecece; opacity: 1 } .footer-widgets .flat-one-half { padding: 0 5px; width: 50%; float: left } .footer-widgets .form-ft p { margin-bottom: 0 } .footer-widgets .form-ft textarea { height: 100px } .footer-widgets .widget.widget_text img { margin-bottom: 20px; margin-top: 15px } .widget.widget_socials .socials a { position: relative; display: inline-block; width: 38px; height: 38px; color: #fff; line-height: 38px; text-align: center; margin-right: 3px; margin-bottom: 10px; z-index: 1; background-color: #3b5998 } .widget.widget_socials .socials a:hover { opacity: .8 } .widget.widget_socials .socials a.twitter { background-color: #55acee } .widget.widget_socials .socials a.google { background-color: #f2623b } .widget.widget_socials .socials a.pinterest { background-color: #cb2027 } .widget.widget_socials .socials a.dribbble { background-color: #55acee } .footer-bottom { background-color: #000; padding: 27px 0 } .footer-bottom .copyright { text-align: center; width: 100% } .footer-bottom .copyright p { margin-bottom: 0; color: #cecece; line-height: 36px } ul.flat-social li a, .info-top-right a.appoinment, .button-slide, .button-slide-color, .main-about .sidebar .widget-text .textwidget a, .team-item .team-info ul.team-social li a, .btn-box a, button, .news-post .entry-post .content-post .button-post a, article .content-post .button-post a { position: relative; z-index: 2 } ul.flat-social li a:after, .info-top-right a.appoinment:after, article .content-post .button-post a:after, button:after, .news-post .entry-post .content-post .button-post a:after, .btn-box a:after, .main-about .sidebar .widget-text .textwidget a:after, .team-item .team-info ul.team-social li a:after, .button-slide:after, .button-slide-color:after { content: ''; position: absolute; background-color: #364c61; height: 100%; width: 100%; z-index: -1; top: 0; left: 0; opacity: 0; border-radius: 3px; transform: scaleY(0); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } ul.flat-social li a:after, .info-top-right a.appoinment:after { border-radius: 0 } ul.flat-social li a:hover:after, .info-top-right a.appoinment:hover:after, article .content-post .button-post a:hover:after, button:hover:after, .btn-box a:hover:after, .news-post .entry-post .content-post .button-post a:hover:after, .main-about .sidebar .widget-text .textwidget a:hover:after, .team-item .team-info ul.team-social li a:hover:after, .button-slide:hover:after, .button-slide-color:hover:after { opacity: 1; transform: scaleY(1) } .preloader { width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 9999; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .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 #a40f03; 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!important; -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!important } .loading-effect-2>span:after { width: 50%; height: 50%; border-bottom-color: transparent!important } @-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) } } .go-top { position: fixed!important; right: -35px; bottom: 15px; width: 30px; height: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; cursor: pointer; background-color: rgba(0, 0, 0, .4); line-height: 30px; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0 } .go-top.show { right: 20px; bottom: 20px; -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: #a40f03 } .go-top:hover i { color: #fff } .switcher-container { position: fixed; left: -220px; top: 139px; 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; right: -45px; top: 0; width: 45px; height: 45px; line-height: 45px; text-align: center; outline: 0; color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .switcher-container h2 a.active { right: 0 } .switcher-container h2 a.active:after { position: absolute; left: 21px; top: 0; content: "\f104"; font-family: fontawesome; color: #247abb; 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: #247abb; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .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: 15px 0 10px 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } .sw-even { background-color: #191919; padding: 21px 0 25px 20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .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: #247abb } .sw-odd .ws-colors #color2 { background-color: #f05323 } .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 .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .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 } .sw-pattern.pattern { -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .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: 35px; height: 35px; 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 } .logo img { height: 90px;} .enquiry-form { padding: 6px 15px; position: relative; /* top: -9px; */ font-size: 15px; font-weight: 500; color: #ffffff; background: #a40f03; cursor: pointer; text-transform: uppercase; right: 20px; margin-right: 15px; } .others-option-track { position: fixed; top: 30%; right: -80px; transform: rotate(90deg); z-index: 999; } .others-option-track2 { position: fixed; top: 30%; left: -77px; transform: rotate(90deg); z-index: 999; } @media (max-width:767px) { .enquiry-form { padding: 6px 8px; position: relative; /* top: -9px; */ font-size: 10px; font-weight: 500; color: #ffffff; background: #a40f03; cursor: pointer; text-transform: uppercase; right: 10px; } .logo img { height: 80px; } .others-option-track { right: -55px; top: 10%; } .others-option-track2 { left: -40px; top: 10%; } .header-content { width: 100%; margin-top: 20px; padding-left: 0px; } .small{font-size:15px !important;} .header-wrap .header-content li p { font-size:12px; } /*.add{ display:none; }*/ ul.flat-infomation li a { font-weight: 700; color: #555555; font-size: 32px; animation: color-change 1.5s infinite; } } @keyframes color-change { 0% {color:#feae1a;transform:scale(1);} 50% {color:#fff;transform:scale(1.5);} 100% {color:#feae1a;transform:scale(1);} } @keyframes color-change2 { 0% {color:#feae1a;transform:scale(1);} 50% {color:#000;transform:scale(1.5);} 100% {color:#feae1a;transform:scale(1);} } .iso{ height: 65px; } .widget-nav-menu a{ color:#fff; } .header-wrap .header-content li a { color: #d20c0c; font-weight: bold; } .header-wrap .header-content li i { border: 1px solid red; padding: 10px; } .flat-row.flat-accordion p { font-size: 16px; line-height: 30px; } .call-highlight { animation: text_blink 1s infinite; } @keyframes text_blink { 0% {color:#d20c0c;} 50% {color:#000;} 100% {color:#d20c0c;} } .footer-fixed { position: fixed; bottom: 0; width: 100%; z-index: 99; display: none; } .footer-fixed ul { background: #d20c0c; display: flex; justify-content: space-between; } .footer-fixed li a { color: #fff; } .footer-fixed li a { color: #fff; padding: 5px 10px; display: block; border-right: 1px solid #ffc200; text-align: center; white-space: nowrap; font-size: 12px; } .footer-fixed li a i { display: block; } .footer-fixed li { width: 100%; } .contact-whatsapp { width: 50px; position: fixed; bottom: 90px; right: 20px; z-index: 9999; display: inline-block; animation: up-down 1s infinite; background: #fff; padding: 1px; border-radius: 50%; } .btn-sonar img { width: 60px; position: fixed; right: 15px; bottom: 160px; z-index: 9999; display: inline-block; animation: call-zoomer 1s ease-in-out .1s infinite; } @keyframes up-down { 0% {transform:translateY(0px);} 50% {transform:translateY(20px);} 100% {transform:translateY(0px);} /*50% {margin-top:-20px;}*/ /*100% {margin-top: 0px;}*/ } @keyframes call-zoomer { 0% {transform:scale(1);} 50% {transform:scale(1.1);} 100% {transform:scale(1);} } .testimonial-item h4 { font-weight: bold; } .contact-page-title { font-size: 25px; margin: 0px 0 20px 0; color: #d20c0c; text-transform: uppercase; text-shadow: 1px 1px 1px #000; } .flat-contact { padding: 50px 0 30px; } .flat-contact .contact-form { background: rgb(255 194 0); padding: 15px; border-radius: 10px; } .flat-contact .contact-form input { height: 35px; } .flat-contact .contact-form textarea { height: 80px; } @media (max-width: 767px) { .flat-request-qoute .image { display: none } .footer-fixed { display:block; } .pay-now-btn { float:left; } }