/* input(830,1): run-time error CSS1031: Expected selector, found '@-webkit-keyframes' input(830,1): run-time error CSS1025: Expected comma or open brace, found '@-webkit-keyframes' input: run-time error CSS1036: Expected expression, found '' input: run-time error CSS1036: Expected expression, found '' */ @import url("../js/plugins/font-awesome/css/fontawesome.min.css?v=vEyalAucO36TLLP4665TGce8bTg"); @import url("../fonts/elegant_font/HTML_CSS/style.css?v=vEyalAucO36TLLP4665TGce8bTg"); @import url("../fonts/et-line-font/style.css?v=vEyalAucO36TLLP4665TGce8bTg"); html { overflow-x: hidden; padding: 0; margin: 0; background: #fff; } body { font-family:"Nunito", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; color: #8492a6; line-height: 1.7em; padding: 0; display: none; } body.boxed { margin: 30px; overflow: hidden; border:solid 1px #eee; } body .owl-stage .owl-item { display: inline-block; } #wrapper { overflow: hidden; } .de-navbar-left #wrapper { overflow: visible; } a,a:hover{ text-decoration:none; } .logo-smaller div#logo { width: 150px; height: 30px; line-height: 65px; font-size: 30px; } .logo-smaller div#logo img { font-size: 30px; } .logo-smaller div#logo .logo-1 { display: none; } .logo-smaller div#logo .logo-2 { display: inline-block; } .logo-small { margin-bottom: 20px; } .de-navbar-left { background: #151618; } .de-navbar-left #logo { padding: 40px; text-align: center; width: 100%; } #subheader { text-align: center; overflow: hidden; padding: 50px 0 70px 0; } #subheader.dark{ background-color:#1A1C26; } #subheader.dark h1{ color:#fff; } .de-navbar-left #subheader { padding-bottom: 120px; } #subheader span { letter-spacing: 2px; display: inline-block; font-size: 15px; margin-top: 88px; color: #fff; } #subheader .crumb { font-size: 10px; letter-spacing: 3px; margin-top: 20px; } #subheader.dark .crumb { color: #fff; } #subheader .small-border-deco { display: block; margin: 0 auto; margin-top: 20px; width: 100%; height: 1px; background: rgba(255, 255, 255, .1); } #subheader .small-border-deco span { display: block; margin: 0 auto; height: 2px; width: 100px; } #subheader.dark h2, #subheader.dark h4 { color: #fff; } #subheader.dark h2 { font-size: 48px; } #subheader.s2{ background:#F5F9FD; text-align:left; padding:120px 0 60px; border:solid 1px #eee; border-left:none; border-right:none; } #subheader.s2 h1,#subheader.s2 .crumb{ margin:0; padding:0; } #subheader.s2 .crumb{ float:right; margin-top:15px; } .de-navbar-left.de_light #subheader h1 { color: #222; } #mainmenu { display:inline-block; font-family: "Nunito"; font-size: 16px; margin:0 auto; float:none; padding-right:20px; height:70px; } #mainmenu ul { margin: 0px 0px; padding: 10px; height: 30px; border-radius:10px; overflow:hidden; background: #ffffff; box-shadow: 2px 2px 30px 0px rgba(20,20,20, 0.1); } #mainmenu li { margin: 0px 0px; padding: 0px 0px; float: left; display: inline; list-style: none; position: relative; } #mainmenu > li{ font-weight:500; } #mainmenu a { display: inline-block; padding:30px 18px; padding-top:29px; text-decoration: none; color: #fff; text-align: center; outline: none; border-radius:5px; } #mainmenu a span{ color:#ffffff; display:inline-block; margin-left:10px; padding:3px 5px 2px 5px; font-size:10px; text-transform:uppercase; line-height:14px; border-radius:3px; } #mainmenu li li a span{ float:right; margin-top:5px; } #mainmenu a.active span{ width:100%; margin-left:0%; } .header-light #mainmenu>li>a { color: #222; font-weight:600; } #mainmenu li li{ font-size:14px; } #mainmenu li li:last-child { border-bottom: none; } #mainmenu li li a { padding: 5px 15px; border-top: none; color: #35404e; width: 100%; border-left: none; text-align: left; font-weight: normal; border-bottom: solid 1px rgba(255,255,255,.1); } #mainmenu li li a:hover { color: #111; } #mainmenu li li a:after { content: none; } #mainmenu li li li a { padding: 2px 15px 2px 15px; background: #171A21; } #mainmenu li li a:hover, #mainmenu ul li:hover>a { color: #fff; background: #1a8b49; } #mainmenu li ul { width: 210px; height: auto; position: absolute; left: 0px; z-index: 10; visibility: hidden; opacity: 0; } #mainmenu li li { display: block; float: none; text-transform: none; } #mainmenu li:hover>ul { visibility: visible; opacity: 1; margin-top: 0px; } #mainmenu li ul ul { left: 100%; top: 0px; } #mainmenu li ul ul li a { background: #202020; } #mainmenu li:hover>ul { color: #1a8b49; } #mainmenu select { padding: 10px; height: 36px; font-size: 14px; border: none; background: #ff4200; color: #eceff3; } #mainmenu select option { padding: 10px; } #mainmenu .btn-type { padding: 0; margin: 0; } #mainmenu .btn-type a { background: #eee; padding: 0; margin: 0; } #mainmenu > li ul.mega{ position:fixed; left:0; height:0%; width:100%; visibility: hidden; opacity: 0; overflow:hidden; padding-left:40px; padding-right:40px; } #mainmenu li:hover ul.mega{ visibility: visible; opacity: 1; } #mainmenu li ul.mega > li, #mainmenu li ul.mega > li a{ width:100%; } #mainmenu li ul.mega li.title{ padding:0px 10px 15px 10px; text-align:left; color:#fff; font-weight:bold; } #mainmenu li ul.mega > li ul{ position:static; visibility: visible; opacity: 1; left:0; float:none; width:100%; } #mainmenu ul.mega > li ul li{ margin:0; padding:0; } #mainmenu ul.mega > li ul li:last-child{ border-bottom:solid 1px #333333; } #mainmenu li ul.mega .menu-content{ background:#171A21; padding:30px; } #menu-btn { display: none; float: right; margin-top: -3px; width: 32px; height: 32px; padding: 4px; text-align: center; cursor: pointer; color:#fff; margin-left:20px; } #menu-btn:before { font-family: FontAwesome; content: "\f0c9"; font-size: 20px; } #menu-btn:hover { background: #fff; } #menu-btn:hover:before { color: #222; } #content { width: 100%; background: #fff; padding: 90px 0 90px 0; z-index: 100; } .de_light #content { background: #ffffff; } #content { background: #ffffff; } section { padding: 90px 0 90px 0; position: relative; } section:not(.relative){ } section.no-bg, #content.no-bg{ background:none !important; } .bgcolor-variation{ background:#f6f6f6; } .overlay-gradient { width: 100%; height: 100%; z-index: 100; top: 0; padding: 90px 0 90px 0; } .de-navbar-left .container-fluid .container { width: 100%; } .de-navbar-left section { padding: 70px; } .de_light section { background: #ffffff; } .section-fixed { position: fixed; width: 100%; min-height: 100%; height: auto; } .full-height { overflow: hidden; } #particles-js{ width:100%; height:100%; position:absolute; z-index:0; } footer { background: #071C26; color:#ffffff; padding: 80px 0 40px 0; } footer.footer-light{ background:#F5F9FD; color:#8492a6; } footer.footer-light a{ color:#8492a6; } footer.footer-black{ background:#222222; } footer h5, .de_light footer h5 { color: #fff; font-size: 16px; text-transform: none; } footer a { color: #ffffff; text-decoration:none !important; } .de-navbar-left footer { padding: 70px 70px 0 70px; } .subfooter { font-size:13px; border-top:solid 1px rgba(255,255,255,.1); background: #202020; margin-top: 80px; padding: 20px 0 20px 0; } .de-navbar-left .subfooter { background: none; } #topbar{ pos-top:fixed; z-index:1000; width:100%; padding:0 30px; overflow:hidden; top:0; } #topbar.topbar-dark{ background:#202020; } #topbar a{ color:#fff; text-decoration:none; } .topbar-left,.topbar-right{ display:flex; } .topbar-right{ float:right; } .topbar-solid{ background:#ffffff; } .tb-light{ background:#ffffff; } #topbar:not(.topbar-noborder) .topbar-right .topbar-widget{border-left:solid 1px rgba(255,255,255,.1);} #topbar:not(.topbar-noborder) .topbar-right span:last-child{border-right:solid 1px rgba(255,255,255,.1);} #topbar:not(.topbar-noborder) .topbar-light .topbar-right .topbar-widget{border-left:solid 1px #eee;} #topbar:not(.topbar-noborder) .topbar-light .topbar-right span:last-child{border-right:solid 1px #eee;} #topbar:not(.topbar-noborder) .tb-light .topbar-right .topbar-widget{border-left:solid 1px #eeeeee;} #topbar:not(.topbar-noborder) .tb-light .topbar-right span:last-child{border-right:solid 1px #eeeeee;} .topbar-left{ float:left; } #topbar:not(.topbar-noborder) .topbar-left .topbar-widget{border-right:solid 1px rgba(255,255,255,.1);} #topbar:not(.topbar-noborder) .topbar-light .topbar-left .topbar-widget{border-right:solid 1px #eee;} #topbar:not(.topbar-noborder) .topbar-left span:first-child{border-left:solid 1px rgba(255,255,255,.1);} #topbar:not(.topbar-noborder) .tb-light .topbar-left .topbar-widget{border-right:solid 1px #eeeeee;} #topbar:not(.topbar-noborder) .tb-light .topbar-left span:first-child{border-left:solid 1px #eeeeee;} .topbar-widget{ font-size:13px; display:flex; padding:8px 15px; font-weight:400; height:40px; } .topbar-widget i{ font-size:16px; margin-top:8px; margin-right:10px; } .h-sub .topbar-widget{ padding:12px; } .topbar-widget:before{ float: left; position: relative; font-family: "FontAwesome"; font-size: 16px; margin-right:10px; } .topbar-widget.tb-phone:before{ content: "\f095"; } .topbar-widget.tb-email:before{ content: "\f003"; } .topbar-widget.tb-opening-hours:before{ content: "\f017"; } .topbar-widget.tb-social{ padding:0; } .topbar-widget.tb-social a{ font-size:14px; display:flex; padding:5px; padding-left:15px; display:inline-block; text-align:center; color:#ffffff; } #topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a, #topbar:not(.topbar-noborder) .topbar-light .topbar-widget.tb-social a:first-child {border-left:solid 1px #eeeeee;} #topbar:not(.topbar-noborder) .topbar-widget.tb-social a{ border-left:solid 1px rgba(255,255,255,.1); } .tb-light .topbar-widget.tb-social a{border-left:solid 1px #eeeeee;} .topbar-widget.tb-social a:first-child{ border:none; } #de-sidebar { padding: 0px; } .blog-list { margin: 0; padding: 0; } .blog-list>div { list-style: none; line-height: 1.7em; margin-top: 0px; border-bottom: solid 1px rgba(255, 255, 255, .1); margin-bottom: 20px; } .blog-list img { margin-bottom: 20px; } .de_light .blog-list li { border-bottom: solid 1px #ddd; } .blog-list h4 { margin-top: 20px; } .blog-list h4 a { color: #fff; } .de_light .blog-list h4 a { color: #222222; } .de_light .text-light .blog-list h4 a { color: #fff; } .blog-list .btn-more { padding: 3px 25px 3px 25px; color: #111; text-transform: uppercase; text-decoration: none; font-weight: 700; float: right; } .blog-list .btn-more:hover { background: #fff; } .de_light .blog-list .btn-more:hover { background: #222; color: #fff; } .blog-list .post-text { padding-left: 80px; } .blog-list .blog-slider { margin-bottom: -60px; } .blog-list .date-box { position: absolute; text-align: center; text-shadow: none; } .blog-list .date-box .day, .blog-list .date-box .month { display: block; color: #fff; text-align: center; width: 40px; z-index: 100; } .de_light .blog-list .date-box .month { color: #222222; } .blog-list .date-box { text-align: center; background: #f6f6f6; padding: 10px; } .blog-list .date-box .month { font-size: 14px; } .blog-list .date-box .day { font-family: "Nunito"; color: #222222; font-weight: bold; font-size: 28px; } .blog-list .date-box .month { font-family: "Nunito"; color: #fff; font-size: 13px; letter-spacing: 3px; } .de_light .blog-list .date-box .month { border-bottom-color: #ddd; } .de_light .text-light .blog-list .date-box .month { color: #fff; } .blog-snippet li { border-bottom: none; margin-bottom: 0; } #blog-carousel .item.item { width: 100%; } #blog-comment { margin-top: 40px; } #blog-comment h5 { margin-bottom: 10px; } #blog-comment ul, #blog-comment li { list-style: none; margin-left: -40px; padding-left: 0; } #blog-comment li { min-height: 70px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #eee; } #blog-comment li .avatar { position: absolute; margin-top: 5px; } #blog-comment .comment { margin-left: 85px; } #blog-comment li { min-height: 70px; font-size: 14px; line-height: 1.6em; } #blog-comment li li { margin-left: 55px; padding-bottom: 0px; margin-top: 20px; padding-top: 10px; border-top: solid 1px #eee; border-bottom: none; } #blog-comment li li .avatar { position: absolute; } #blog-comment li li .comment-info { margin-left: 85px; margin-bottom: 5px; } .comment-info span {} .comment-info .c_name { display: block; font-weight: 700; color: #555555; } .comment-info .c_reply { padding-left: 20px; margin-left: 20px; border-left: solid 1px #ddd; font-size: 12px; } .comment-info .c_date { font-size: 12px; } .blog-list h4 { color: #333; } .blog-list .blog-read h4 { color: #333; letter-spacing: normal; font-size: 24px; text-transform: none; } .blog-carousel ul, .blog-carousel li { margin: 0; list-style: none; } .blog-carousel h4 { margin-bottom: 0px; } .blog-carousel p { margin-bottom: 10px; } .blog-carousel .post-date { text-transform: uppercase; letter-spacing: 3px; font-size: 11px; color: #888; } .post-text{ padding:10px 20px 0 30px; } .post-text h4{ margin-top:10px; margin-bottom:10px; } .post-text h4 a{ color:#1A1C26; text-decoration:none; font-size:18px; } .post-text .tags{ font-size:10px; text-transform:uppercase; } .post-info{ border-top:solid 1px #eeeeee; padding-top:15px; } .blog-read img{ margin-bottom:20px; } .blog-read .post-text{ padding:0; } .post-date,.post-comment,.post-like,.post-by,.post-author{ margin-right:20px; font-size: 13px; color:#999; font-family:"Nunito"; } .post-author{ color:#777; } .post-date:before,.post-comment:before,.post-like:before,.post-by:before{ font-family: FontAwesome; padding-right: 10px; font-size: 11px; } .post-comment:before{ content: "\f0e5"; } .post-like:before{ content: "\f08a"; } .post-author:before{ content: "By: "; } #commentform label { display: block; } #commentform input { width: 290px; } #commentform input:focus { border: solid 1px #999; background: #fff; } #commentform textarea { width: 97%; padding: 5px; height: 150px; color: #333; } #commentform textarea:focus { border: solid 1px #999; background: #fff; } #commentform input.btn { width: auto; } .post-meta { margin: 0px 0 10px 0px; border: solid 1px #eee; border-left:none; border-right:none; border-left: none; font-size: 11px; display: table; width: 100%; table-layout: fixed; } .post-meta a { color: #888; } .post-meta span { display: table-cell; padding: 10px 0 10px 0; text-align: center; } .post-meta span i { float: none; } .post-image img { width: 100%; margin-bottom: 0px; border-radius:10px; } .blog-slide { padding: 0; margin: 0; } .blog-item{ margin-bottom:60px; } .blog-item img.preview{ width:100%; margin-bottom:30px; } .post-image{ position:relative; } .post-image .post-info{ position:absolute; bottom:0; padding:0; border:none; width:100%; } .post-image .post-info .inner{ margin:0 30px 0 30px; padding:3px 20px; border-radius:10px 10px 0 0; } .post-image .post-date, .post-image .post-author{ color:#ffffff; } .products { padding: 0; list-style: none; text-align: center; } .products li { margin-bottom: 40px; } .product .price { margin-bottom: 10px; font-size: 20px; color: #222; } .de_light .product h4 { font-size: 16px; margin: 0; margin-top: 20px; } .product img { padding: 2px; background: #333; border: solid 1px #fff; } .de_light .product img { padding: 0; border: solid 1px #eee; } .ratings { color: #F86E4E; } .product .ratings { margin: 5px 0 5px 0; } .error { clear:both; display: none; color: #e7505a; padding-top:20px; } .success { clear:both; display: none; color: #96c346; padding-top:20px; } .error img { vertical-align: top; } .full { width: 98%; } #contact_form textarea { height: 195px; } #contact_form.s2 textarea { height: 180px; } .form-underline input[type=text], .form-underline textarea, .form-underline input[type=email], .form-underline select { padding: 10px 0 10px 0; margin-bottom: 20px; border: none; border-bottom: solid 2px #bbbbbb; background: none; border-radius: 0; height: auto; box-shadow: none; } .form-underline select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../images/ui/arrow-down-form.png') no-repeat 98% 60%; } .form-underline select:focus { background: url('../images/ui/arrow-down-form-hover.png') no-repeat 98% 60%; } .form-underline input[type=text], .form-underline textarea, .form-underline input[type=email], .form-underline select { color: #333; border-bottom: solid 1px #bbb; } .form-default input[type=text], .form-default textarea, .form-default input[type=email], .form-default select { padding: 10px; margin-bottom: 20px; background:rgba(255,255,255,.5); border-radius: 10px; height: auto; box-shadow: none; font-weight:400; font-size:18px; } #contact_form.form-default textarea{ padding: 10px; height:170px; border-radius: 10px; } #form_subscribe input[type=text]{ padding:8px 12px 9px 12px; width:80%; float:left; display:table-cell; border-radius:60px 0 0 60px; border:none; background:rgba(255,255,255,.7); box-shadow: 2px 2px 20px 0px rgba(20,20,20, 0.05); } #form_subscribe input[type=text]:focus{ background:#ffffff; } #form_subscribe #btn-submit i{ text-align:center; font-size:30px; float:left; width:20%; background:#171A21; color:#ffffff; display:table-cell; padding:5px 0 6px 0; border-radius:0 60px 60px 0; } .form-default input[type=text]:focus, .form-default textarea:focus, .form-default input[type=email]:focus, .form-default select:focus{ background:#f6f6f6; } .error_input{ border-bottom:solid 1px #ff0000 !important; } .coming-soon .logo { margin: 0; padding: 0; } .coming-soon h2 { margin-top: 0; color: rgba(255, 255, 255, .8); font-weight: 400; } .coming-soon .social-icons i { font-size: 20px; margin-left: 10px; margin-right: 10px; } .coming-soon .social-icons i:hover { background: none; color: rgba(255, 255, 255, .2); } .arrow-up, .arrow-down { width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #fff; position: fixed; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 101; } .arrow-down { border-top: 40px solid #fff; border-bottom: none; position: fixed; z-index: 102; top: -40px; } .arrow-up:before { font-family: "FontAwesome"; font-size: 20px; content: "\f067"; color: #222; position: relative; top: 12px; margin: 0 0 0 -8px; } .arrow-down:before { font-family: "FontAwesome"; font-size: 20px; content: "\f068"; color: #222; position: relative; top: -35px; margin: 0 0 0 -8px; } address{ margin-top:20px; } address span { display: block; margin-bottom:10px; font-size:18px; padding:14.5px; background:#f5f5f5; border-radius:300px; } address span i{ margin-top:5px; margin-left:5px; margin-right:15px; } address span a{ color: #707070; } .text-light address span a{ color:#ffffff; } .text-white address span a, .text-white address span a:hover{ color:#fff; } address.s1 span{ background:none; margin:0; padding:0; font-size:15px; line-height:1.7em; } address.s1 span i{ font-size:15px; } address span strong { display: inline-block; } .de_light #sidebar .widget address span { border-bottom: solid 1px #ddd; } .de_light #sidebar .widget address a { color: #333; } .small-border { height: 2px; width: 100px; background: #ccc; display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 30px; } .tiny-border { height: 1px; background: #333; width: 40px; margin: 20px 0 20px 0; display: block; } .tiny-border.center { margin-left: auto; margin-right: auto; } .crumb { color: #777; font-size: 12px; margin: 0; padding: 0; } .de-navbar-left.de_light #subheader .crumb { color: #333; } .crumb li { display: inline; text-decoration: none; padding: 0 2px 0 2px; letter-spacing: 0; font-size: 12px; } .crumb li.sep:after { font-family: "FontAwesome"; content: "\f105"; } .crumb a { text-decoration: none; } .de_light .crumb a:hover { color: #fff; } .icon_box .icon_wrapper { margin-bottom: 20px; } .icon_box .icon_wrapper i { font-size: 60px; } .icon_box.icon_left .icon_wrapper { position: absolute; width: 80px; } .icon_box.icon_left .desc_wrapper { margin-left: 80px; } .icon_box.icon_right .icon_wrapper { position: absolute; right: 0; width: 80px; } .icon_box.icon_right .desc_wrapper { margin-right: 80px; text-align: right; } a { text-decoration: none; } .text-light a{ color:#ffffff; } .de_light a { color: #888; } .de_light a:hover { color: #555; } .btn-line, a.btn-line { border: solid 1px #222; color: #fff; font-weight: 500; font-size: 12px; border-radius: 0; padding: 3px; padding-left: 30px; padding-right: 30px; text-transform: uppercase; display: inline-block; text-align: center; letter-spacing: 2px; text-decoration: none; } .btn-line, a.btn-line { border: solid 1px rgba(255, 255, 255, .2); color: #fff; } .de_light .btn-line, .de_light a.btn-line { border: solid 1px rgba(var(--primary-color-rgb), .2); color: #333; } .text-light .btn-line, .text-light a.btn-line { border: solid 1px rgba(255, 255, 255, .2); color: #fff; } .btn-line:hover, a.btn-line:hover { background: #fff; color: #111; border-color: #fff; } .btn-line:after, a.btn-line:after { color: #fff; } .btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after { color: #fff; } .btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after { color: #111; } a.btn-text { text-decoration: none; display: inline-block; color: #111; font-weight: 600; padding: 0; } a.btn-text:after { font-family: FontAwesome; content: "\f054"; padding-left: 10px; } a.btn-text { color: #fff; } a.btn-big { font-size: 14px; color: #eceff3; letter-spacing: 1px; line-height: normal; font-weight: bold; text-transform: uppercase; border: solid 1px #fff; padding: 10px 30px 10px 30px; } a.btn-big:after { font-family: FontAwesome; content: "\f054"; margin-left: 20px; } a.btn, .btn { position: relative; z-index: 1; overflow: hidden; } a.btn:before { content: ""; background: rgba(0, 0, 0, 0); width: 0; height: 100%; position: absolute; z-index: -1; } a.btn-fx:after { font-family: FontAwesome; content: "\f178"; margin-left: 15px; position: absolute; right: -20px; margin-top: 0px; } a.btn-fx { font-size: 14px; color: #eceff3; letter-spacing: 1px; line-height: normal; font-weight: bold; text-transform: uppercase; border: solid 1px #fff; padding: 10px 30px 10px 30px; } a.btn-fx:hover { padding-left: 20px; padding-right: 40px; } a.btn-fx:before { width: 0; height: 100%; left: 0; top: 0; position: absolute; } a.btn-fx:hover:after { right: 15px; } a.btn-fx:hover:before { width: 100%; background: rgba(0, 0, 0, 1); } a.btn-fx.light:hover:before { width: 100%; background: rgba(255, 255, 255, 1); } .btn-line, a.btn-line { color: #eceff3; } .btn-line:after, a.btn-line:after { font-family: FontAwesome; content: "\f054"; margin-left: 10px; } a.btn-line-white, .de_light a.btn-line-white { background: none; border: solid 2px #fff; color: #fff; border-radius: 0; } a.btn-line-black, .de_light a.btn-line-black { background: none; border: solid 2px #111; color: #111; border-radius: 0; } a.btn-line-black:hover { color: #fff; } .de_light a.btn-line-black:hover { color: #fff; } a.btn-line-white:hover { color: #000; } a.btn-line-white:hover:before { background: #fff; } .btn-fullwidth { width: 100%; } a.btn-slider { font-size: 14px; font-weight: bold; color: #fff; line-height: normal; text-decoration: none; text-transform: uppercase; border: solid 2px #fff; padding: 10px 30px 10px 30px; border-radius: 60px; } a.btn-slider:hover { color: #222; background: #fff; border-color: #000; border: solid 2px #fff; } a.btn-custom:hover, .btn-custom:hover { color: #fff; box-shadow: 2px 2px 20px 0px rgba(20,20,20, 0.3); } a.btn-slider:hover:after { color: #222; } a.btn-id, a.btn-id:hover { border: none; } a.btn-light.btn-id { color: #222; } a.btn-dark.btn-id { color: #fff; } .btn-custom.btn-small { padding: 5px 20px 5px 20px; font-weight: bold; text-transform: uppercase; } .btn-fx.btn-custom { text-transform: normal; } a.btn-bg-dark { background: #222; } a.btn-text-light { color: #fff; } .btn-icon-left i { margin-right: 12px; color: #fff; } .btn-add_to_cart, a.btn-add_to_cart { border: solid 1px #bbb; font-size: 12px; border-radius: 0; padding: 3px; padding-left: 40px; padding-right: 20px; display: inline-block; text-align: center; text-decoration: none; color: #555; } .btn-add_to_cart:before, a.btn-add_to_cart:before { font-family: "FontAwesome"; content: "\f07a"; position: absolute; left: 20px; } a.btn-custom, .btn-custom, a.btn-slider, .btn-slider { font-family: "Nunito"; font-size: 12px; min-width: 120px; } a.btn-custom,a.btn-custom:active,a.btn-custom:focus,a.btn-custom:visited, .btn-custom { color: #fff; border-radius: 30px; padding: 12px 30px; min-width: 120px; outline:0; font-weight:bold; text-decoration:none; text-transform:none; font-size:14px; } .col-right a.btn-custom{ font-size:14px; text-transform:none; } a.btn-border { border: solid 1px #1A1C26; border-radius: 30px; padding: 12px 30px; min-width: 120px; outline:0; font-weight:bold; text-decoration:none; text-transform:none; font-size:14px; } a.btn-border:hover { color: #ffffff; border-color:rgba(255, 255, 255, 0); margin-top:-2px; margin-bottom:2px; box-sizing: border-box } a.btn-border.light{ border: solid 1px #ffffff; color:#ffffff; } a.btn-border.light:hover{ background:#ffffff; } .btn-close { color: #ffffff; cursor: pointer; text-align: center; display: block; text-align: center; width: 60px; height: 60px; background: #333; font-size: 32px; font-weight: bold; text-decoration: none; margin: 0 auto; padding-top: 12px; position: absolute; left: 0; right: 0; } a.btn-link{ display:block; text-decoration:none; margin-top:10px; } .cover a.btn-link:hover{ color:#fff; } .play-button { border-radius: 60px; color: #fff; text-decoration: none; border: solid 5px rgba(255, 255, 255, .3); display: inline-block; text-align: center; width: 80px; height: 80px; padding-top: 22px; padding-left: 5px; } .play-button:before { font-family: "FontAwesome"; font-size: 20px; content: "\f04b"; position: relative; color: #fff; } .play-button:hover { border: solid 5px rgba(255, 255, 255, 1); } .play-button.dark { color: #222; border: solid 5px rgba(0, 0, 0, .1); } .play-button.dark:before { color: #222; } .play-button.dark:hover { border: solid 5px rgba(0, 0, 0, .5); } .text-light .play-button { border-radius: 60px; color: #fff; text-decoration: none; border: solid 5px rgba(255, 255, 255, .3); display: inline-block; text-align: center; width: 80px; height: 80px; padding-top: 22px; padding-left: 5px; } .text-light .play-button:before { font-family: "FontAwesome"; font-size: 20px; content: "\f04b"; position: relative; color: #fff; } .text-light .play-button.dark { color: #fff; border: solid 5px rgba(255, 255, 255, .3); } .text-light .play-button.dark:before { color: #fff; } .text-light .play-button.dark:hover { border: solid 5px rgba(255, 255, 255, 1); } .de_count { text-align: center; padding: 20px 0 10px 0; background: none; } .de_count h3 { font-size: 40px; letter-spacing: 0px; margin:0; padding:0; margin-bottom:15px; line-height:.5em; font-weight:600; } .de_count.big h3{ font-size:120px; } .de_count span { font-size: 12px; text-transform:uppercase; } .de_count i { display: block; font-size: 30px; margin: 0 auto; margin-bottom: 0px; width: 100%; font-weight: lighter; } .de_count.small h4{ font-size:28px; margin-bottom:0; } .spacer-single { width: 100%; height: 30px; display: block; clear: both; } .spacer-double { width: 100%; height: 60px; display: block; clear: both; } .spacer-half { width: 100%; height: 15px; display: block; clear: both; } .spacer-10 { width: 100%; height: 10px; display: block; clear: both; } .spacer-20 { width: 100%; height: 20px; display: block; clear: both; } .spacer-30 { width: 100%; height: 30px; display: block; clear: both; } .spacer-40 { width: 100%; height: 40px; display: block; clear: both; } .spacer-50 { width: 100%; height: 50px; display: block; clear: both; } .spacer-60 { width: 100%; height: 60px; display: block; clear: both; } .dropcap { display: inline-block; font-size: 48px; float: left; margin: 10px 15px 15px 0; color: #eceff3; padding: 20px 10px 20px 10px; } .form-transparent input[type=text], .form-transparent textarea, .form-transparent input[type=email] { padding: 10px; margin-bottom: 20px; color: #fff; border: solid 1px rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .2); border-radius: 0; height: auto; } .form-border input[type=text], .form-border textarea, .form-underline input[type=email], .form-border input[type=password], .form-border select { padding: 8px; margin-bottom: 20px; border: none; border: solid 1px #cccccc; background: none; border-radius: 6px; height: auto; box-shadow: none; color:#333; } .form-border input[type=text]:focus, .form-border textarea:focus, .form-underline input[type=email]:focus, .form-border select:focus{ background: #F5F9FD; } .form-subscribe{ display:table; margin:0 auto; } .form-subscribe input[type=text]{ display:table-cell; border: solid 1px rgba(255, 255, 255, .3); border-right:none; background: rgba(255, 255, 255, .1); padding:6px 20px 6px 20px; border-radius:60px 0 0 60px; height:40px; vertical-align:middle; } .form-subscribe .btn-custom{ display:table-cell; border-radius:0 60px 60px 0; height:40px; vertical-align:middle; } .form-subscribe input[type=text]:hover{ background: rgba(255, 255, 255, .3); } .field-set label{ color:#35404e; font-weight:500; } h1, h2, h4, h3, h5, h6, .h1_big, .h1,.h2,.h3,.h4,.h5,.h6, footer.footer-light h5 { margin-top:0; font-family: "Nunito"; font-weight: bold; color: #35404e; } footer h1, footer h2, footer h4, footer h4, footer h5, footer h6 { color: #fff; } h2.text-light, footer h4, footer h4, footer h5, footer h6 { color: #fff; } h1, .h1 { font-size: 4vh; margin-bottom:20px; line-height:56px; letter-spacing:-1px; } h1 .label{ display:inline-block; font-size:36px; padding:0 6px; margin-left:10px; border-radius:5px; } h1.s1{ letter-spacing:30px; font-size:26px; } h1 .small-border { margin-top: 30px; } h1.big, .h1_big { font-size: 64px; margin: 0; line-height: 70px; } h1.very-big { font-size: 120px; letter-spacing:-5px; } h1.ultra-big { font-size: 140px; line-height:120px; letter-spacing:-6px; font-weight:700; margin-bottom:0; } h1.ultra-big span{ display:inline-block; } h1.ultra-big span.underline span{ display:block; border-bottom:solid 12px #fff; position:relative; margin-top:-5px; } h1.very-big-2 { font-size: 90px; letter-spacing:25px; text-transform:uppercase; font-weight:bold; } .h2_title { font-size: 28px; display: block; margin-top: 0; line-height: 1.2em; } h2 .small-border { margin-left: 0; margin-bottom: 15px; width: 40px; } h2 { margin-top:0; margin-bottom:10px; font-size: 40px; line-height:48px; letter-spacing:-1px; } h2.big{ font-size:48px; line-height:1.3em; margin-bottom:0; } h2 .uptitle{ display:block; font-size:18px; line-height:28px; letter-spacing:0; } h2.s1,.h2_s1{ font-size:24px; } h2.deco-text span { font-family: "Parisienne"; display: block; line-height: .85em; font-weight: lighter; -o-transform: rotate(-5deg); transform: rotate(-5deg); } h2.deco-text .md { font-size: 80px; } h2.deco-text .lg { font-size: 120px; } h2.deco-text .xl { font-size: 150px; } h3 { font-size: 24px; margin-bottom: 25px; } h4 { font-size: 19px; margin-top: 0; margin-bottom: 10px; } h4.teaser{ font-weight:300; font-size:22px; } .subtitle.s2 { font-size: 20px; font-weight: 500; line-height: 32px; } .subtitle.s2 span { margin-right: 20px; padding-left: 20px; } .subtitle.s2 i { margin-right: 10px; } .subtitle.s2 span:first-child { padding-left: 0; } h4.s1{ letter-spacing:10px; font-weight:400; font-size:16px; } h4.s2{ font-family: "Nunito", Arial, Helvetica, sans-serif; font-weight:200; line-height:1.8em; } h4.s3 { font-family: "Parisienne"; font-size: 60px; font-weight: lighter; } h4.s3 { font-family: "Nunito"; font-weight: 300; font-size: 12px; letter-spacing: 15px; } .1A1C26-to-action h4 { text-transform: none; font-size: 20px; } h1.slogan_big { font-weight: 300; font-size: 64px; line-height: 64px; letter-spacing: -2px; padding: 0; margin: 0px 0 30px 0; } h1.title { font-size: 64px; letter-spacing: 10px; } h1.title strong { text-transform: none; letter-spacing: 0; font-weight: normal; } h1.hs1 { font-family: "Parisienne"; font-size: 96px; display: inline-block; -o-transform: rotate(-5deg); transform: rotate(-5deg); } h1.hs2 { font-family: "Parisienne"; font-size: 72px; display: inline-block; font-weight: lighter; } h2.subtitle { margin-top: 0; } h2.name { font-family: "Nunito"; color: #fff; font-size: 84px; line-height: 50px; } h2.name span { display: block; font-size: 32px; } h2.name-s1 { font-family: "Nunito"; color: #fff; font-size: 84px; font-weight: 700; line-height: 50px; } h2.name-s1 span { display: block; font-size: 32px; } h2.hw { display: block; font-family: "Parisienne"; font-size: 48px; text-transform: none; font-weight: lighter; } h2.deco { font-family: "Nunito"; text-align: center; font-weight: 600; font-size: 20px; } h2.deco span { display: inline-block; position: relative; } h2.deco span:before, h2.deco span:after { content: ""; position: absolute; border-top: 1px solid #bbb; top: 10px; width: 100px; } h2.deco span:before { right: 100%; margin-right: 15px; } h2.deco span:after { left: 100%; margin-left: 15px; } h2.hs1 { font-family: "Nunito"; font-size: 40px; } h2.hs1 i { font-size: 48px; position: relative; top: 10px; color: #ff0042; margin: 0 10px 0 10px; } h2.hs1 span { font-size: 48px; position: relative; top: 10px; font-family: "Miama"; margin: 0 15px 0 10px; font-weight: normal; } h2 .de_light .text-light h2 { color: #fff; } .text-light h2.deco span:before, .text-light h2.deco span:after { border-top: 1px solid rgba(255, 255, 255, .5); } h2.s2 { font-family: "Nunito"; font-weight: 400; } h2.s3{ font-size:36px; margin-bottom:20px; } h4.title { border-bottom: solid 1px #ddd; margin-bottom: 20px; } h4.style-2 { font-size: 18px; } h4.title { border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 20px; } h5.s2 { font-family: "Nunito"; letter-spacing: 1px; font-size: 14px; } h5 { font-size:15px; } h4.s1 { font-size:12px; letter-spacing:20px; text-transform:uppercase; font-weight:500; } span.teaser { font-family: "Georgia"; font-style: italic; font-size: 18px; } .wm{ font-size:200px; opacity:.2; position:absolute; left:0; z-index:0; letter-spacing:-.05em; } .text-light { color: #ffffff; } .text-dark{ color:#223044; } .pricing-s2.bg.text-light .top p{ color:#fff; } .text-white,.de_light .text-white { color: #fff; } .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #fff; } .de_light .text-light h1, .de_light .text-light h2, .de_light .text-light h4, .de_light .text-light h4, .de_light .text-light h5, .de_light .text-light h6 { color: #fff; } .text-white h1, .text-white h2, .text-white h4, .text-white h4, .text-white h5, .text-white h6 { color: #fff; } .de_light .text-white h1, .de_light .text-white h2, .de_light .text-white h4, .de_light .text-white h4, .de_light .text-white h5, .de_light .text-white h6 { color: #fff; } .de_light h1, .de_light h2, .de_light h4, .de_light h4, .de_light h5, .de_light h6 { color: #202020; } .feature-box .inner{ position:relative; overflow:hidden; padding:40px; border-radius:8px; } .feature-box.s1 .inner{ background:#ffffff; } .feature-box.s1:hover .inner i{ background:none; color:#303030; } .text-light .feature-box .inner{ color:#fff; } .feature-box i{ font-size:40px; margin-bottom:20px; } .feature-box.left i{ position:absolute; } .feature-box.left .text{ padding-left:70px; } .feature-box.center{ text-align:center; } .feature-box i.circle, .feature-box i.square{ display: inline-block; padding: 20px; font-size: 40px; font-weight: 500; color: #fff; width: 80px; height: 80px; border-radius: 60px; position:relative; z-index:2; } .feature-box i.square{ border-radius: 0px; } .feature-box i.circle{ display: inline-block; padding: 20px; font-size: 40px; font-weight: 500; color: #fff; width: 80px; height: 80px; border-radius: 60px; position:relative; z-index:2; } i.font60{ font-size:60px; } .feature-box i.wm{ font-size:800px; position:absolute; top:0%; width:100%; left:50%; } .feature-box:hover .inner i.wm{ transform: scale(1.2); color:rgba(0,0,0,.05); z-index:0; } .feature-box:hover .inner i.circle{ box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.3); } .feature-box.style-3{ position:relative; overflow:hidden !important; } .feature-box.style-3 i{ text-align:center; font-size:28px; color:#ffffff; padding:14px 0; width:56px; height:56px; border-radius:3px; } .feature-box.style-3 i.wm{ position:absolute; font-size:240px; background:none; width:auto; height:auto; color:rgba(0,0,0,.2); right:0; top:30%; } .feature-box.style-3:hover i.wm{ -o-transform: rotate(-25deg); transform: rotate(-25deg); } .feature-box.f-boxed{ overflow:none; padding:50px; background:#f5f9fd; border-radius:15px; } .feature-box.f-boxed:hover{ color:#ffffff; box-shadow: 2px 2px 60px 0px rgba(20,20,20,0.3); } .feature-box.f-boxed:hover h4{ color:#ffffff; } .feature-box i.i-circle{ border-radius:60px; } .feature-box-small-icon.center { text-align: center; } .dark .feature-box-small-icon .inner:hover>i { color: #fff; } .feature-box-small-icon .text { padding-left: 80px; } .feature-box-small-icon.center .text { padding-left: 0; display: block; } .feature-box-small-icon i { text-shadow: none; font-size: 40px; width: 68px; height: 68px; text-align: center; position: absolute; text-align: center; } .feature-box-small-icon i.hover { color: #333; } .feature-box-small-icon .border { height: 2px; width: 30px; background: #ccc; display: block; margin-top: 20px; margin-left: 85px; } .feature-box-small-icon .btn { margin-top: 10px; } .feature-box-small-icon.center i { position: inherit; float: none; display: inline-block; margin-bottom: 20px; border: none; font-size: 60px; background: none; padding: 0px; } .feature-box-small-icon.center .fs1 { position: inherit; float: none; display: inline-block; margin-bottom: 20px; border: none; font-size: 60px; background: none; padding: 0px; } .feature-box-small-icon i.dark { background-color: #1A1C26; } .feature-box-small-icon h4 { line-height: normal; margin-bottom: 5px; } .feature-box-small-icon.no-bg h2 { padding-top: 12px; } .feature-box-small-icon .number { font-size: 40px; text-align: center; position: absolute; width: 70px; margin-top: -5px; } .feature-box-small-icon .number.circle { border-bottom: solid 2px rgba(255, 255, 255, .3); padding: 20px; width: 70px; height: 70px; } .feature-box-small-icon.style-2 .number { font-size: 32px; color: #fff; padding-top: 22px; background: #253545; width: 70px; height: 70px; } .feature-box-small-icon.no-bg .inner, .feature-box-small-icon.no-bg .inner:hover { padding: 0; background: none; } .f-hover { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none; } .feature-box-small-icon-2 { margin-bottom: 30px; } .feature-box-small-icon-2 .text { padding-left: 48px; } .feature-box-small-icon-2 i { text-shadow: none; color: #eceff3; font-size: 24px; text-align: center; position: absolute; } .feature-box-small-icon-2 i.dark { background-color: #1A1C26; } .feature-box-small-icon-2 h4 { line-height: normal; margin-bottom: 5px; } .feature-box-small-icon-2.no-bg h2 { padding-top: 12px; } .feature-box-small-icon-2.no-bg .inner, .feature-box-small-icon-2.no-bg .inner:hover { padding: 0; background: none; } .feature-box-image-2 { margin-bottom: 30px; } .feature-box-image-2 .text { padding-left: 100px; } .feature-box-image-2 img { position: absolute; } .feature-box-image-2 i { background-color: #1A1C26; } .feature-box-image-2 h4 { line-height: normal; margin-bottom: 5px; } .feature-box-image-2.no-bg h2 { padding-top: 12px; } .feature-box-image-2 .feature-box-image-2.no-bg .inner, .feature-box-image-2.no-bg .inner:hover { padding: 0; background: none; } .feature-box-image img { width: 100%; margin-bottom: 10px; height: auto; } .feature-box-image h4 { line-height: normal; margin-bottom: 5px; font-size: 20px; font-weight: bold; } .feature-box-big-icon { text-align: center; } .feature-box-big-icon .feature-box-big-icon i { float: none; display: inline-block; text-shadow: none; color: #eceff3; font-size: 40px; padding: 40px; width: 120x; height: 120x; text-align: center; border: none; border-radius: 10px; -web-kit-border-radius: 10px; background: #333; margin-bottom: 40px; cursor: default; } .feature-box-big-icon i:after { content: ""; position: absolute; margin: 75px 0 0 -40px; border-width: 20px 20px 0 20px; border-style: solid; } .feature-box-big-icon:hover i, .feature-box-big-icon:hover i:after { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .feature-box-big-icon:hover i { background: #333; } .feature-box-big-icon:hover i:after { border-color: #333 transparent; } .feature-box-type-1{ position:relative; background:#ffffff; border-radius:7px; overflow:hidden; box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.1); } .feature-box-type-1.s2{ border:solid 1px #eeeeee; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.05); } .feature-box-type-1 i{ text-align:center; position:absolute; font-size:36px; color:#ffffff; padding:12px; border-radius:0 0 7px 0; } .feature-box-type-1.s2 i, .feature-box-type-1.s2:hover i{ background:#F5F9FD; color:#111111; } .feature-box-type-1 .text{ padding:30px; padding-left:80px; } .feature-box-type-2{ padding:50px; padding-bottom:30px; border-radius:10px; background:#ffffff; position:relative; overflow:hidden; box-shadow: 2px 10px 30px 0px rgba(10,10,10, 0.1); } .feature-box-type-2 i{ font-size:60px; margin-bottom:20px; } .feature-box-type-2:hover i{ text-shadow: 0px 0px 0px #ffffff; } .feature-box-type-2 .wm{ font-size:200px; top:50%; right:-50%; opacity:.1; } .feature-box-type-2 i{ } .f-box i{ font-size:36px; } .f-box.f-icon-rounded i{ display:block; text-align:center; padding:22px; width:80px; height:80px; border-radius:10px; } .f-box.f-icon-rounded:hover i{ border-radius:10px; box-shadow: 5px 5px 30px 0px rgba(20,20,20,0.2); } .f-box.f-icon-circle i{ display:block; text-align:center; padding:22px 0; min-width:80px; height:80px; border-radius:60px; } .f-box.f-icon-left { display:flex; } .f-box.f-icon-left i{ margin-right:30px; } .f-box.f-icon-left .d-gallery-item{ overflow:hidden; position:relative; color:#ffffff; } .d-gallery-item img{ width:100%; height:100%; } .d-gallery-item .dgi-1{ position:absolute; z-index:1; width:100%; height:100%; opacity:0; } .d-gallery-item .dgi-2{ display:table; width:100%; height:100%; position:absolute; } .d-gallery-item .dgi-3{ display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:18px; font-weight:bold; } .d-gallery-item:hover .dgi-1{ opacity:.8; } .d-gallery-item:hover img{ transform: scale(1.2); } .exp-box{ border-bottom:solid 1px rgba(255,255,255,.1); margin-bottom:30px; padding-bottom:10px; } .exp-box h5{ border:solid 2px rgba(255,255,255,.5); display:inline-block; padding:6px 10px 5px 10px; margin-bottom:20px; border-radius: 3px; } .box-fx .inner { position: relative; overflow: hidden; border-bottom: solid 2px; } .box-fx .inner { border-bottom: solid 2px; } .box-fx .front { padding: 60px 0 60px 0; } .box-fx .front span { font-size: 14px; } .box-fx .info { position: absolute; padding: 60px 30px 60px 30px; background: #fff; color: #fff; } .box-fx i { font-size: 72px; margin-bottom: 20px; } .box-fx .btn-line, .box-fx .btn-line a.btn-line { border: solid 1px rgba(255, 255, 255, 0.5); color: #fff; } .box-fx .btn-line:hover, .box-fx a.btn-line:hover { background: #fff; color: #111; border-color: #fff; } .box-fx .btn-line:after, .box-fx a.btn-line:after { color: #fff; } .box-fx .btn-line:hover:after, .box-fx a.btn-line:hover:after, .box-fx a.btn-line.hover:after { color: #111; } .box-fx .bg-icon { left: 50%; bottom: 50px; color: #f6f6f6; position: absolute; font-size: 190px; z-index: -1; } .box-icon-simple i { color: #222; } .box-icon-simple.right { margin-right: 70px; text-align: right; } .box-icon-simple.right i { font-size: 42px; right: 0; position: absolute; } .box-icon-simple .num{ display:block; font-size:20px; color:#ffffff; background:#333333; width:48px; height:48px; padding:12px 12px; position:absolute; text-align:center; font-weight:bold; border-radius:30px; } .box-icon-simple.right .num{ right:10px; } .box-icon-simple.left .text { margin-left: 70px; } .box-icon-simple.left i { font-size: 42px; position: absolute; } .box-number .number { display: block; font-size: 48px; color: #222; width: 80px; height: 80px; text-align: center; padding: 25px; border-radius: 60px; position: absolute; } .box-number .text { margin-left: 100px; } .box-border { border: solid 2px #333; } .ul-style-2 { padding: 0; list-style: none; } .ul-style-2 li { margin: 5px 0 5px 0; } .ul-style-2 li:before { font-family: "FontAwesome"; content: "\f00c"; margin-right: 15px; } .pagination li a { font-size: 12px; color: #888; border: solid 1px #eee; border-right: none; background: none; padding: 15px 20px 15px 20px; border-radius: 0; } .pagination li:last-child a { border-right: solid 1px #eee; } .pricing-box { color: #888; } .pricing-2-col { border-right: solid 1px #eee; } .pricing-2-col .pricing-box { width: 49%; } .pricing-3-col .pricing-box { width: 32.33%; } .pricing-4-col .pricing-box { width: 24%; } .pricing-5-col .pricing-box { width: 19%; } .pricing-2-col, .pricing-3-col, .pricing-4-col, .pricing-box { float: left; text-align: center; margin: 5px; padding: 0; opacity: .8; } .pricing-box ul { margin: 0; padding: 0; } .pricing-box li { list-style: none; margin: 0; padding: 15px 0 15px 0; background: #eee; } .pricing-box li h4 { font-size: 22px; margin: 0; padding: 0; font-weight: 400; color: #888; } .pricing-box li h1 { font-size: 48px; margin: 0; margin-bottom: 5px; color: #1a8b49; letter-spacing: 0px; } .pricing-box li.title-row { padding: 15px 0 15px 0; } .pricing-box li.title-row h4 {} .pricing-box li.price-row { padding: 15px 0 15px 0; background: #F5F9FD; } .pricing-box li.deco { background: #f6f6f6; } .pricing-box a.btn { color: #eceff3; } .pricing-box li.price-row span { display: block; font-weight: 600; } .pricing-box li.btn-row { background: #ddd; } .pricing .pricing.pricing-box ul { margin: 0; padding: 0; } .pricing.pricing-box li { background: #3b3b3b; color: #bbb; list-style: none; margin: 0; padding: 15px 0 15px 0; } .pricing.pricing-box li.deco { background: #333; } .pricing.pricing-box li h4 { font-size: 22px; margin: 0; padding: 0; font-weight: 400; color: #eceff3; } .pricing.pricing-box li h1 { font-size: 48px; margin: 0; margin-bottom: 5px; font-weight: 600; color: #eceff3; } .pricing.pricing-box li.title-row { background: #323232; padding: 15px 0 15px 0; } .pricing.pricing-box li.price-row { background: #2b2b2b; padding: 15px 0 15px 0; } .pricing.pricing-box li.price-row h1 { font-weight: 300; } .pricing.pricing-box li.price-row h1 span { display: inline-block; font-weight: 600; } .pricing.pricing-box li.price-row span { display: block; font-weight: 600; } .pricing.pricing-box li.btn-row { background: #202220; } .pricing-featured { position: relative; } .pricing-featured li { padding-top: 17px; padding-bottom: 17px; } .pricing-s1 { overflow: hidden; position: relative; border-radius: 10px; background:#ffffff; box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.05); } .pricing-s1 .top { padding: 30px; text-align: center; } .pricing-s1 .top h2 { font-size: 32px; letter-spacing:normal; line-height:1em; margin-bottom:0; } .pricing-s1 .top p.plan-tagline{ margin:0; padding:0; font-size:18px; min-height:30px; } .top .num { font-size:40px; font-weight:500; } .opt-2{ display:none; } .pricing-s1 .top>* { margin: 0px; } .pricing-s1 .top .price{ margin-top:40px; margin-bottom:30px; } .pricing-s1 .top .price .currency { font-size: 24px; vertical-align: top; display: inline-block; } .pricing-s1 .top .price b { color: #fff; font-family:"Nunito"; font-weight:500; } .pricing-s1 .top .price .month { color: #fff; font-size:14px; } .pricing-s1 .top .price .txt{ display:block; margin-bottom:10px; font-size:13px; color:rgba(255,255,255,.5); } .pricing-s1 .m, .pricing-s1 .y{ font-size:48px; font-weight:500; } .pricing-s1 .top .y{ display:none; } .pricing-s1 .mid{ padding:40px; padding-bottom:10px; text-align:center; } .pricing-s1 .bottom { border-top: 0px; text-align: center; } .pricing-s1 .bottom ul { display:block; list-style: none; list-style-type: none; margin: 30px 0; padding: 0px; text-align: left; overflow:hidden; } .pricing-s1 .bottom ul li { padding: 10px 30px; color:#505050; } .pricing-s1 .bottom ul li>span { color: #16A085; font-size: 20px; margin-right: 20px; } .pricing-s1.zebra .bottom ul li:nth-child(odd) { background: #ffffff; } .pricing-s1.zebra .bottom ul li:nth-child(even) { background: #F5F9FD; } .pricing-s1 .bottom>a { margin: 40px; width: auto; } .pricing-s1 .bottom i { margin-right: 10px; } .pricing-s1 .ribbon { width: 200px; position: absolute; top: 25px; left: -55px; text-align: center; line-height: 40px; letter-spacing: 1px; color: #ffffff; font-weight: bold; transform: rotate(-45deg); } .pricing-s1.light { color:#222; } .pricing-s1.light .top { background: #f9f9f9; color: #222; } .pricing-s1.light .top h2 { color: #222; } .pricing-s1.light .top .price b, .pricing-s1.light .top .price .txt { color: #222; } .pricing-s1.light .top .price .txt { color: #555; } .pricing-s1.light .top .price .month { color: #555; } .pricing-s1.light .top .price .currency { color: #555; } .pricing-s1.light .bottom { background: #eee; } .pricing-s1.light .bottom ul li>span { color: #16A085; } .pricing-s1.light .bottom ul li:nth-child(odd) { background: #ffffff; } .pricing-s1.light .bottom ul li:nth-child(even) { background: #f9f9f9; } .pricing-s1 .ribbon { color: #fff; } .pricing-s1.rec{ box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.2); } .pricing-s1 .action{ text-align:center; padding:20px; background:#fcfcfc; border-top:solid 1px #eeeeee; } .pricing-s1 a.btn-custom{ display:inline-block; } .pricing-s2 { background:#ffffff; overflow: hidden; position: relative; border-radius: 5px; box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); } .pricing-s2 .top { padding: 30px; padding-bottom:20px; text-align: center; } .pricing-s2 .top h2 { font-size: 22px; margin-bottom: 5px; letter-spacing:normal; } .pricing-s2 .top p{ margin-bottom:30px; } .pricing-s2 .top>* { margin: 0px; } .pricing-s2 .top .price{ margin-bottom:30px; color:#111111; } .pricing-s2.text-light .top .price, .pricing-s2.text-white .top .price{ color:#ffffff; } .pricing-s2 .top .price .currency { font-size: 24px; vertical-align: top; display: inline-block; } .pricing-s2 .top .price b { font-size: 40px; font-family:"Nunito"; font-weight:500; } .pricing-s2 .top .price .month { font-size:14px; } .pricing-s2 .top .price .txt{ display:block; margin-bottom:10px; font-size:13px; } .pricing-s2 .top a.btn-custom{ display:block; width:100%; padding:6px 10px; } .pricing-s2 .bottom { border-top: 0px; text-align: center; } .pricing-s2 .bottom ul { display:block; list-style: none; list-style-type: none; margin: 0; padding: 0px; text-align: left; overflow:hidden; } .pricing-s2 .bottom ul li { padding: 15px 30px; color:#505050; } .pricing-s2 .bottom ul li>span { color: #16A085; font-size: 20px; margin-right: 20px; } .pricing-s2 .bottom ul li:nth-child(odd) { background: #ffffff; } .pricing-s2 .bottom ul li:nth-child(even) { background: #F5F9FD; } .pricing-s2 .bottom>a { margin: 40px; width: auto; } .pricing-s2 .bottom i { margin-right: 10px; } .pricing-s2 .ribbon { width: 200px; position: absolute; top: 25px; left: -55px; text-align: center; line-height: 40px; letter-spacing: 1px; color: #ffffff; font-weight: bold; transform: rotate(-45deg); } .pricing-s2 .inner{ padding-bottom:10px; } .pricing-s2.bg .inner{ background: rgba(var(--primary-color-rgb), .8); } .pricing-s2.bg-2 .inner{ background: rgba(255, 88, 55, .8); } .pricing-s2.bg .top p{ color:#cccccc; } .pricing-s2.bg .top h2, .pricing-s2.bg .top .price, .pricing-s2.bg .top .price .currency, .pricing-s2.bg .top .month, .pricing-s2.bg-2 .top h2, .pricing-s2.bg-2 .top .price, .pricing-s2.bg-2 .top .price .currency, .pricing-s2.bg-2 .top .month { color:#ffffff; } .spinner { display:table-cell; vertical-align:middle; margin: 100px auto 0; width: 70px; text-align: center; } .spinner > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .spinner @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1.0); } } #preloader { display:table; position: fixed; z-index: 20000; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; text-align: center; } @keyframes preloader1 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes preloader1 { from { } to { } } .de-progress { width: 100%; height: 4px; background: #ddd; margin-top: 20px; margin-bottom: 20px; } .de-progress .progress-bar { background: #333; height: 4px; box-shadow: none; } .de-progress { background:#f5f5f5; } .skill-bar { margin-bottom: 40px; } .skill-bar.style-2 .de-progress{ background: rgba(0,0,0,.1); } .skill-bar .value{ color:#ccc; font-size:12px; font-weight:bold; float:right; margin-top:-40px; } .skill-bar h4{ font-size:16px; } .social-icons { display: inline-block; } .social-icons i { text-shadow: none; color: #fff; padding: 12px 10px 8px 10px; width: 34px; height: 34px; text-align: center; font-size: 16px; border-radius: 60px; margin:0 5px 0 5px; } .social-icons i.fa-google-plus{ padding: 12px 14px 10px 6px; } .social-icons i:hover { background: #fff; border-color: #eceff3; color: #333; } .social-icons.big i { font-size: 26px; width: auto; height: auto; margin: 0 15px 0 15px; } .social-icons.big i:hover { background: none; } .social-icons.big i { margin: 0 15px 0 15px; } .social-icons.big i:hover { background: none; } .social-icons.s1 i{ border:none; font-size:16px; margin:3px; } .social-icons.s1:hover i{ background:none; } .social-icons.s1 { line-height: 0.5; text-align: center; } .social-icons.s1 .inner { display: inline-block; position: relative; } .social-icons.s1 .inner:before, .social-icons.s1 .inner:after { content: ""; position: absolute; height: 5px; border-bottom: 1px solid rgba(255,255,255,.2); top: 0; width: 100%; } .social-icons.s1 .inner:before { right: 100%; margin-right: 15px; margin-top:20px; } .social-icons.s1 .inner:after { left: 100%; margin-left: 15px; margin-top:20px; } .col-right{ display:inline-block; float:right; margin-top:22px; } .accordion { overflow:hidden; } .accordion-section-title:before{ font-family:"FontAwesome"; content: "\f107"; float:right; color:#fff; text-align:center; padding:0 8px 0 8px; font-size:15px; border-radius:3px; } .accordion-section-title.active:before{ content: "\f106"; float:right; } .accordion-section-title.active { margin-bottom:0px; text-decoration:none; color:#fff !important; } .accordion-section-title:hover { text-decoration:none; } .expand-list .expand-custom:nth-child(even){ background:#F5F9FD; } .expand-custom h4{ margin:0; margin-bottom:5px; } .expand-custom p{ margin:0; } .expand-custom .table{ display:table; } .expand-custom .toggle{ display:block; margin-top:10px; float:right; cursor:pointer; } .expand-custom .toggle:before{ font-family:"FontAwesome"; content: "\f055"; font-size:32px; } .expand-custom .toggle.clicked:before{ content: "\f056"; } .expand-custom .c1, .expand-custom .c2, .expand-custom .c3{ display:table-cell; vertical-align:middle; } .expand-custom .c1, .expand-custom .c2{ padding-right:30px; } .expand-custom .c1 img{ width:80px; } .expand-custom .c1{ width:10%; } .expand-custom .c2{ width:80%; } .expand-custom .c3{ width:10%; } .expand-custom .details{ display:none; margin-top:30px; } .expand-custom .box-custom{ background:rgba(0,0,0,.025); padding:40px; border-radius:10px; } .de_tab .de_nav { overflow: hidden; padding-left: 0; margin: 0; padding: 0; font-weight: bold; } .de_tab .de_nav li { float: left; list-style: none; background: #EEE; margin-right: 5px; } .de_tab .de_nav li span { padding: 8px 16px 8px 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; background: #f6f6f6; text-decoration: none; color: #646464; font-size: 13px; cursor: pointer; } .de_tab.tab_steps .de_nav { text-align: center; } .de_tab.tab_steps .de_nav li { background: none; display: inline-block; float: none; margin: 0 20px 0px 20px; } .de_tab.tab_steps .de_nav li span { padding: 30px 0 30px 0; border-radius: 120px; color: #222; font-family: "Nunito"; font-size: 16px; line-height: 20px; width: 180px; height: 180px; text-align: center; display: table-cell; vertical-align: middle; } .de_tab.tab_steps.style-2 .de_nav li span { background: none; border-radius: 0px; border: solid 1px rgba(255, 255, 255, .5); font-size: 17px; color: #fff; } .de_tab.tab_steps.style-2.light .de_nav li span { background: #eee; color:#707070; } .de_tab.tab_steps.style-2 .de_nav li.active span { border: solid 2px rgba(255, 255, 255, .8); color: #222; } .de_tab.tab_steps .de_nav li span:hover { background: none; border: solid 2px rgba(255, 255, 255, .2); color: #fff; } .de_tab.tab_steps .de_nav li .v-border { height: 60px; border-left: solid 1px rgba(255, 255, 255, .3); display: inline-block; margin-bottom: -5px; } .de_tab.tab_steps.dark .de_nav li .v-border { border-left: solid 1px rgba(0, 0, 0, .3); } .de_tab .de_nav li span { border: none; background: #222; } .de_tab .de_nav li:first-child span { border-left: 1px solid #ddd; } .de_tab .de_nav li:first-child span { border-left: 1px solid #202220; } .de_tab .de_tab_content { border: 1px solid #ddd; padding: 15px 20px 20px 20px; margin-top: -1px; background: #fff; } .de_tab .de_tab_content { border: 1px solid #202220; background: #27282b; } .de_tab.tab_steps .de_tab_content { background: 0; padding: 0; border: none; padding-top: 30px; border-top: solid 1px rgba(255, 255, 255, .4); } .de_tab.tab_steps.dark .de_tab_content { border-top: solid 1px rgba(0, 0, 0, .4); } .de_tab .de_nav li.active span { background: #FFF; border-bottom: 1px solid #fff; color: #222; margin-bottom: -3px; } .de_tab .de_nav li.active span .v-border { display: none; } .de_tab .de_nav li.active span { background: #27282b; border-bottom: 1px solid #27282b; color: #ccc; } .de_tab.tab_steps .de_nav li.active span { background: none; color: #ffffff; border: solid 2px rgba(255, 255, 255, .8); } .de_tab.tab_steps.dark .de_nav li.active span { background: none; color: #333; border: solid 1px rgba(0, 0, 0, .8); } .de_tab.tab_steps.tab_6 .de_nav li span { padding: 20px 0 20px 0; font-size: 14px; line-height: 70px; width: 120px; height: 120px; } .de_tab.tab_steps.style-2 .de_nav li .arrow { width: 0; height: 0; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; margin:0 auto; margin-bottom:20px; } .de_tab.tab_steps.style-2 .de_nav li.active .arrow { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid; margin:0 auto; } .de_tab.tab_steps.style-2 .de_nav li { margin:5px; display:inline-block; } .de_tab.tab_steps.style-2 .de_nav li span { font-family:"Nunito"; background:rgba(255,255,255,.1); border-radius:0px; font-size:16px; font-weight:lighter; color:#fff; opacity:.8; width:120px; height:100px; border:none; padding:20px; border-radius:300px; } .de_tab.tab_steps.style-2 .de_nav li i{ display:block; font-size:36px; margin-bottom:10px; } .de_tab.tab_steps.style-2.sub-style-2 .de_nav li span { background:rgba(0,0,0,.1); color:#000; opacity:.8; } .de_tab.tab_steps.style-2 .de_nav li.active span{ color:#222; opacity:1; border:none; } .de_tab.tab_steps.style-2 .de_nav li span:hover{ border:none; } .de_tab.tab_steps.style-2 .de_tab_content{ border:none; } .de_light .de_tab.tab_style_2 .de_tab_content { border: none; background: none; padding: 40px 0 0 0; border-top: solid 1px #ddd; } .text-light .de_tab.tab_style_2 .de_tab_content { border-top: solid 1px rgba(255, 255, 255, .1); } .de_light .de_tab.tab_style_2 .de_light .de_tab.tab_style_2 .de_nav li { float: none; list-style: none; background: none; margin: 0 5px 0 5px; text-align: center; display: inline-block; } .de_light .de_tab.tab_style_2 .de_nav li img { width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: .7; } .de_light .de_tab.tab_style_2 .de_nav li.active img { width: auto; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .de_light .de_tab.tab_style_2 .de_nav li span { background: none; display: block; text-decoration: none; font-size: 14px; cursor: pointer; border: none; } .de_light .de_tab.tab_style_2 .de_nav li.active span { border-bottom: solid 6px; color: #333; background: none; } .text-light .de_tab.tab_style_2 .de_nav li.active span { color: #fff; } .de_light .de_tab.tab_style_3 .de_tab_content { border: none; background: none; padding: 40px 0 0 0; border-top: solid 1px #ddd; } .text-light .de_tab.tab_style_3 .de_tab_content { border-top: solid 1px rgba(255, 255, 255, .1); } .de_light .de_tab.tab_style_3 .de_nav { text-align: center; background: #eee; display: inline-block; border-radius: 60px; margin-bottom: 30px; padding: 0; } .de_light .de_tab.tab_style_3 .de_nav li { float: none; list-style: none; background: none; text-align: center; display: inline-block; margin: 0; padding: 0; } .de_light .de_tab.tab_style_3 .de_nav li img { width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: .7; } .de_light .de_tab.tab_style_3 .de_nav li.active img { width: auto; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .de_light .de_tab.tab_style_3 .de_nav li span { background: none; display: block; text-decoration: none; font-size: 14px; cursor: pointer; border: none; padding: 5px 30px 5px 30px; min-width: 150px; } .de_light .de_tab.tab_style_3 .de_nav li:last-child span { border-radius: 0 60px 60px 0; } .de_light .de_tab.tab_style_3 .de_nav li:first-child span { border-radius: 60px 0 0 60px; } .de_light .de_tab.tab_style_3 .de_nav li span:hover { background: #ddd; } .de_light .de_tab.tab_style_3 .de_nav li.active span { background: #eee; color: #fff; } .text-light .de_tab.tab_style_3 .de_nav li.active span { color: #fff; } .de_tab.tab_style_4 .de_tab_content { border: none; background: none; padding: 0; border-top: none; } .text-light .de_tab.tab_style_4 .de_tab_content { border-top: none; } .de_tab.tab_style_4 .de_nav { text-align: center; background: #eee; display: inline-block; border-radius: 60px; margin-bottom: 30px; padding: 0; border: solid 2px #333; } .de_tab.tab_style_4 .de_nav li img { width: auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity: .7; } .de_tab.tab_style_4 .de_nav li.active img { width: auto; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .de_tab.tab_style_4 .de_nav li { display: inline-block; text-decoration: none; font-size: 14px; cursor: pointer; border: none; padding: 15px 30px 15px 30px; min-width: 150px; margin: 0; border-right: solid 2px #333; } .de_tab.tab_style_4 .de_nav li span { margin: 0; padding: 0; background: none; border: none; width: auto; display: inline-block; } .de_tab.tab_style_4 .de_nav li:last-child { border-radius: 0 60px 60px 0; border-right: none; } .de_tab.tab_style_4 .de_nav li:first-child { border-radius: 60px 0 0 60px; } .de_tab.tab_style_4 .de_nav li:hover { background: #ddd; } .de_tab.tab_style_4 .de_nav li.active, .de_tab.tab_style_4 .de_nav li.active span { background: #333; color: #fff; } .text-light .de_tab.tab_style_4 .de_nav li.active { color: #fff; } .de_tab.tab_style_4 .de_nav li.active h4, .de_tab.tab_style_4 .de_nav li.active h4, .de_tab.tab_style_4 .de_nav li.active h4 span { color: #fff; } .tab_style_4 h4, .de_tab.tab_style_4 .de_nav li span { margin: 0; font-size: 22px; font-weight: 600; } .tab_style_4 h4 { margin: 0; font-size: 12px; } .de_tab .de_tab_content.tc_style-1 { background: none; padding: 0; padding-top: 30px; } .tab-small-post ul { list-style: none; margin: 0; padding: 0; } .tab-small-post ul li { min-height: 60px; margin-bottom: 15px; padding-bottom: 10px; border-bottom: solid 1px #eeeeee; } .tab-small-post ul li { border-bottom: solid 1px #202220; } .tab-small-post ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .tab-small-post ul li img { position: absolute; } .tab-small-post ul li span { display: block; padding-left: 64px; } .tab-small-post ul li span.post-date { font-size: 11px; } .de_tab.timeline.nav_4 li { display: inline-block; text-align: center; background: none; width: 24%; } .de_tab.timeline.nav_4 li span { background: none; border: none; margin-top: 20px; font-family: "Nunito"; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; } .de_tab.timeline.nav_4 .dot { display: block; width: 8px; height: 8px; background: #fff; opacity: 1; margin: 0 auto; border-radius: 8px; margin-top: 1px; } .de_tab.timeline.nav_4 .dot:before, .de_tab.timeline.nav_4 .dot:after { content: ""; position: absolute; height: 5px; border-bottom: 1px solid rgba(255, 255, 255, .1); top: 0; width: 24%; } .de_tab.timeline.nav_4 li:last-child .dot:before, .de_tab.timeline.nav_4 li:last-child .dot:after { border-bottom: none; } .de_tab.timeline li .num { font-size: 20px; } .de_tab.timeline .de_tab_content { background: none; border: none; padding-top: 30px; } .de_tab .navigation_arrow { text-align: center; } .btn-left, .btn-right { background: none; border: solid 1px rgba(255, 255, 255, .2); padding: 10px 20px 10px 20px; margin: 5px; font-family: "Nunito"; text-transform: uppercase; letter-spacing: 5px; } .btn-right:after { font-family: FontAwesome; content: "\f054"; padding-left: 10px; } .btn-left:before { font-family: FontAwesome; content: "\f053"; padding-right: 10px; } a.btn-left, a.btn-right { text-decoration: none; } .team { margin-bottom: 30px; text-align: center; } .team h5 { margin-bottom: 0; } .team_photo { margin-bottom: 10px; } .team img.team-pic { width: 100%; height: auto; } .pic-team img { width: 100%; height: auto; width: 150px; height: 150px; position: absolute; } .pic-team img.pic-hover { z-index: 100; display: none; } .team .team_desc { font-style: italic; margin-bottom: 10px; } .team .sb-icons { padding: 10px 0 0 0; } .team .sb-icons img { margin-right: 5px; } .team .columns { margin-bottom: 30px; } .team-list { min-height: 180px; margin-bottom: 40px; } .team-list .team-pic { width: 150px; height: 150px; position: absolute; } .team-list h5 { margin-top: 0; margin-bottom: 10px; font-size: 14px; } .team-list.team_desc { font-style: italic; margin-bottom: 10px; } .team-list .small-border { float: none; margin: 15px 0 15px 0; background: #ddd; width: 50px; } .team-list .social { width: 150px; margin-top: 170px; text-align: center; position: absolute; } .team-list .social a { display: inline-block; } .team-list .info { padding-left: 170px; } .de-team-list { overflow: hidden; } .de-team-list .team-desc { padding: 20px; padding-bottom: 0; position: absolute; z-index: 100; top: 0; background: #111; color: #ccc; } .de-team-list .team-desc h4 { color: #fff; } .de-team-list .de-team-list .social a { display: inline-block; padding: 0 5px 0 5px; } .de-team-list p.lead { font-size: 14px; } .de-team-list .small-border { float: none; margin: 15px 0 15px 0; background: #ddd; width: 50px; } .de-team-list .social a:hover { color: #fff; } .de_testi { display: block; margin-bottom: 10px; } .de_testi blockquote { margin: 0; border: none; padding: 20px 30px 30px 80px; background: rgba(0, 0, 0, 0.5); font-style: normal; line-height: 1.6em; font-weight: 500; } .de_testi blockquote p { margin-top: 10px; } .de_testi blockquote:before { font-family: FontAwesome; content: "\f10d"; padding-bottom: 10px; font-size: 20px; display: inline-block; padding: 10px 20px 10px 20px; font-style: normal; background: #000; position: absolute; left: 15px; font-weight: normal; } .de_testi blockquote { color: #eceff3; } .de_testi blockquote, .de_testi blockquote p { font-size: 20px; line-height: 1.7em; font-weight: normal; } .de_testi_by { margin-top: -10px; font-style: normal; font-size: 12px; } .de_testi_pic { float: left; padding-right: 15px; } .de_testi_pic img { width: 50px; height: 50px; } .de_testi_company { padding-top: 20px; } .de_testi.opt-2 blockquote { font-family:"Nunito"; border:none; color: #35404e; font-weight:300; padding:30px 40px 30px 40px; background:#eeeeee; border-radius:5px; } .de_testi.opt-2 blockquote:before{ font-family: "FontAwesome"; content: "\f10d"; display:block; color:rgba(0,0,0,.1); z-index:100; font-size:20px; background:none; left:20px; } .text-light .de_testi.opt-2 blockquote{ color:#fff; background:rgba(20,20,20,.5); } .de_testi.opt-2 blockquote p{ font-family:"Nunito"; font-size:16px; padding:40px 0 0 0; } .de_testi.opt-2 .de_testi_by { font-size: 14px; font-weight:normal; text-align:center; } .de_testi.opt-2 .de_testi_by img{ width:80px; height:auto; margin:0 auto; margin-top:40px; } .de_testi.opt-3 blockquote { background: none; color: #555; padding-top: 0; font-weight: 300; } .de_testi.opt-3 blockquote p { font-size: 16px; } .de_testi.opt-3 blockquote:before { color: #fff; } .de_testi.opt-3 .de_testi_by { font-size: 14px; color: #000; } #testimonial-masonry .item { margin-bottom: 30px; } .testimonial-list p { font-style: italic; } .testimonial-list, .testimonial-list li { list-style: none; padding: 0px; font-size: 16px; line-height: 1.7em; padding-left: 30px; } .testimonial-list span { font-weight: bold; display: block; margin-top: 20px; font-size: 14px; } .testimonial-list.big-font li { font-size: 28px; } .testimonial-list:before { font-family: FontAwesome; content: "\f10d"; font-size: 40px; color: rgba(0, 0, 0, .1); position: absolute; margin-left: -30px; } .testimonial-list.style-2, .testimonial-list.style-2 li { padding-left: 0px; } .testimonial-list.style-2 { text-align: center; } .testimonial-list.style-2:before { margin: 0; position: static; } .testimonial-list.style-2 span { margin-top: 10px; font-weight: 600; font-size: 14px; } .timeline{ position: relative; padding: 10px} .timeline:before{ content: ''; position: absolute; top: 0; left: 127px; height: 100%; width: 1px; background: #eee; } .text-light .timeline:before{ background:rgba(255,255,255,.1); } .timeline .tl-block{ position: relative; margin-top: 10px; } .timeline .tl-block:after{ content: ' '; clear: both; display: block;} .timeline .tl-block .tl-time{ float: left; padding:10px 20px 0px 20px; margin-top:-15px; border:solid 1px #ddd; } .timeline .tl-block .tl-time:after{width:50px; height:1px; background:#ddd;} .timeline .tl-block .tl-bar{float: left; width: 5%; position: absolute; margin-left:114px; } .timeline .tl-block .tl-line{background: #333; margin-left: 10px; border-radius: 10px; width: 8px; height: 8px; font-size: 10px; text-align: center; line-height: 15px; } .timeline .tl-message{ border-radius: 3px; float: left; margin-left:150px; top:0; margin-top:-50px; margin-bottom:30px; } .timeline .tl-block .tl-message:after{ display: block; content: ' '; clear:both; } .timeline .tl-block .tl-message .tl-icon{float: left; left:100px; } .timeline .tl-block .tl-message .tl-main{ float: left; } .timeline .tl-block .tl-message .tl-main .timeline .tl-block .tl-message .tl-main .timeline .tl-block .tl-message .tl-main .tl-content label{ font-weight: bold; display: inline-block; width: 80px;} .timeline .tl-block .tl-message .tl-main .tl-content span{} .timeline .tl-block .tl-message h4{text-transform:none;} .timeline .tl-block .tl-time h4{margin:0 0 10px 0;} .timeline .tl-block .tl-main h4{margin-top:-24px;} .timeline.exp:before{ left: 214px; } .timeline.exp .tl-message{margin-left:250px;} .timeline.exp .tl-block .tl-bar{margin-left:200px; } .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 1px; background-color:#ddd; left: 50%; } .timeline>li { position: relative; margin-top: -50px; } .timeline>li:first-child { position: relative; margin-top: 0px; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-panel { width: 46%; float: left; border-radius: 2px; position: relative; background: #F5F9FD; overflow:hidden; border-radius:10px; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; right: -14px; display: inline-block; border-top: 15px solid transparent; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 43%; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #f5f5f5; border-right: 0 solid #f5f5f5; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { color: #fff; width: 16px; height: 16px; line-height: 40px; font-size: 1.4em; text-align: center; position: absolute; top: 45%; left: 50%; margin-left: -7px; background-color: #fff; z-index: 100; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .timeline > li.timeline-inverted > .timeline-panel { float: right; } .timeline > li.timeline-inverted > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline > li.timeline-inverted > .timeline-panel:after { border-left-width: 0; border-right-width: 15px; left: -14px; right: auto; } .timeline-badge.primary { background-color: #2e6da4 !important; } .timeline-badge.success { background-color: #3f903f !important; } .timeline-badge.warning { background-color: #f0ad4e !important; } .timeline-badge.danger { background-color: #d9534f !important; } .timeline-badge.info { background-color: #5bc0de !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } .timeline-heading img{ float:right; position:absolute; top:30px; right:30px; } .timeline .timeline-story{ position:relative; padding:40px; } .timeline-inverted .timeline-story{ position:relative; padding:40px; padding-left:50px; } .timeline .wm{ font-size:200px; position:absolute; bottom:20px; color:rgba(0,0,0,.3); font-weight:bold; width:100%; text-align:center; } .timeline h5{ background:#bbb; color:#ffffff; padding:5px 20px 3px 20px; display:inline-block; border-radius:30px; margin-bottom:15px; float:right; } .timeline-inverted h5{ float:left; } .mt0 { margin-top: 0; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .mt70 { margin-top: 70px; } .mt80 { margin-top: 80px; } .mt90 { margin-top: 90px; } .mt100 { margin-top: 100px; } .mb0 { margin-bottom: 0; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb60 { margin-bottom: 60px; } .mb70 { margin-bottom: 70px; } .mb80 { margin-bottom: 80px; } .mb90 { margin-bottom: 90px; } .mb100 { margin-bottom: 100px; } .mb0 { margin-bottom: 0; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb50 { margin-bottom: 50px; } .mb60 { margin-bottom: 60px; } .mb70 { margin-bottom: 70px; } .mb80 { margin-bottom: 80px; } .mb90 { margin-bottom: 90px; } .mb100 { margin-bottom: 100px; } .ml0 { margin-left: 0; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .ml50 { margin-left: 50px; } .ml60 { margin-left: 60px; } .ml70 { margin-left: 70px; } .ml80 { margin-left: 80px; } .ml90 { margin-left: 90px; } .ml100 { margin-left: 100px; } .mr0 { margin-right: 0; } .mr10 { margin-right: 10px; } .mr20 { margin-right: 20px; } .mr30 { margin-right: 30px; } .mr40 { margin-right: 40px; } .mr50 { margin-right: 50px; } .mr60 { margin-right: 60px; } .mr70 { margin-right: 70px; } .mr80 { margin-right: 80px; } .mr90 { margin-right: 90px; } .mr100 { margin-right: 100px; } .padding10 { padding: 10px; } .padding20 { padding: 20px; } .padding30 { padding: 30px; } .padding40 { padding: 40px; } .padding50 { padding: 50px; } .padding60 { padding: 60px; } .padding70 { padding: 70px; } .padding80 { padding: 80px; } .padding100 { padding: 100px; } .pt0 { padding-top: 0; } .pt10 { padding-top: 10px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pt50 { padding-top: 50px; } .pt60 { padding-top: 60px; } .pt70 { padding-top: 70px; } .pt80 { padding-top: 80px; } .pb0 { padding-bottom: 0; } .pb10 { padding-bottom: 10px; } .pb20 { padding-bottom: 20px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pb50 { padding-bottom: 50px; } .pb60 { padding-bottom: 60px; } .pb80 { padding-bottom: 80px; } .pl130 { padding-left: 130px; } .pr20{ padding-right:20px; } .mt-10 { margin-top: -10px; } .mt-20 { margin-top: -20px; } .mt-30 { margin-top: -30px; } .mt-40 { margin-top: -40px; } .mt-50 { margin-top: -50px; } .mt-60 { margin-top: -60px; } .mt-70 { margin-top: -70px; } .mt-80 { margin-top: -80px; } .mt-90 { margin-top: -90px; } .mt-100 { margin-top: -100px; } .absolute { position: absolute; z-index: 1; } .relative { position: relative; z-index: 1; } .overflow-hidden { overflow: hidden; } .width100 { width: 100%; } .border1 { border-width: 1px; } .bordertop { border-top: solid 1px #eee; } .borderbottom { border-bottom: solid 1px #eee; } .pos-top { position: relative; z-index: 1000; } header,header *,de_tab .de_nav li span, .feature-box-small-icon i, a.btn-line:after, .de_count, .social-icons a i, .de_tab.tab_steps .de_nav li span, .de_tab.tab_steps .de_nav li span:hover, .de-gallery .overlay .icon i, .de-gallery .overlay .icon i:hover, .product img, .product img:hover, .mfp-close, .mfp-close:hover, .pic-hover .bg-overlay, .pic-hover:hover>.bg-overlay, i.btn-action-hide, .pic-hover.hover-scale img, .text-rotate-wrap, .text-rotate-wrap .text-item, .overlay-v, .carousel-item .pf_text .title, .carousel-item:hover .pf_text .title, .carousel-item .pf_text .title .type, .carousel-item:hover .pf_text .title .type, .owl-slider-nav .next, .owl-slider-nav .prev, #back-to-top.show, #back-to-top.hide, .social-icons-sm i, .social-icons-sm i:hover, .overlay-v i, .overlay-v i:hover, .de_tab .de_nav li span, #popup-box.popup-show, #popup-box.popup-hide, .form-underline input[type=text], .form-underline textarea, .form-underline input[type=email], .form-underline select, .btn-rsvp, .btn-close, .btn-custom, .overlay-v span, .de_tab.tab_style_4 .de_nav li,.form-subscribe input[type=text], #mainmenu a span, #mainmenu a.active span,.feature-box .inner,.feature-box:hover .inner,.feature-box .inner i,.feature-box:hover .inner i,.error_input,.de_tab.tab_steps.style-2 .de_nav li.active .arrow,.owl-item.active.center div blockquote,.mask,.mask .cover,.mask:hover .cover,.mask img,.mask:hover img,.accordion .content,a.btn-border,.f_box span,.f_box img,.f_box.s2:hover img,.mask .cover p,.feature-box-type-1:hover i,.feature-box-type-2 i,#contact_form input,#form_subscribe input[type=text],.table-pricing tbody tr,#selector .dark-mode,#selector .dark-mode:hover,.feature-box.f-boxed,.feature-box.f-boxed:hover,.fp-wrap,.fp-wrap div,.fp-wrap img, .feature-box-type-2,.feature-box.style-3 i,.feature-box.style-3 h4,.logo-carousel img,.f-box, .f-box *,.fp-wrap *,.d-gallery-item *,.de-box-image *,.de-image-hover *{ -o-transition: .7s; -ms-transition: .7s; -moz-transition: .7s; -webkit-transition: .7s; transition: .7s; outline: none; } a.btn-fx:after, a.btn-fx:hover:after, a.btn-fx:before, a.btn-fx:hover:before, #mainmenu li, #mainmenu li ul, .widget-post li .post-date { -o-transition: .2s ease; -ms-transition: .2s ease; -moz-transition: .2s ease; -webkit-transition: .2s ease; transition: .2s ease; outline: none; } .feature-box:hover i.wm{ -o-transition: 2s ease; -ms-transition: 2s ease; -moz-transition: 2s ease; -webkit-transition: 2s ease; transition: 2s ease; outline: none; } @-webkit-keyframes scaleIn { from { opacity: 1; transform: scale3d(1.5, 1.5, 1.5); } 100% { opacity: 1; transform: scale3d(var(--primary-color-rgb)); } } @keyframes scaleIn { from { opacity: 1; transform: scale3d(1.5, 1.5, 1.5); } 100% { opacity: 1; transform: scale3d(var(--primary-color-rgb)); } } @-webkit-keyframes scaleInFade { from { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } 100% { opacity: 1; transform: scale3d(var(--primary-color-rgb)); } } @keyframes scaleInFade { from { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); } 100% { opacity: 1; transform: scale3d(var(--primary-color-rgb)); } } @-webkit-keyframes scaleOutFade { from { opacity: 0; transform: scale3d(.75, .75, .75); } 100% { opacity: 1; transform: scale3d(var(--primary-color-rgb)); } } @keyframes scaleOutFade { from { opacity: 0; transform: scale3d(.75, .75, .75); } 100% { opacity: 1; transform: scale3d(var(--primary-color-rgb)); } } @-webkit-keyframes widthInFade { from { opacity: 0; width:1px; } 100% { opacity: 1; width:100px; } } @keyframes widthInFade { from { opacity: 0; width:1px; } 100% { opacity: 1; width:100px; } } video, object { display: inline-block; vertical-align: baseline; min-width: 100%; min-height: 100%; } .de-video-overlay .video-fixed { width: 100%; position: fixed; top: 0; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .de-video-container .btn-line:hover:after, .de-video-container a.btn-line:hover:after, .de-video-container a.btn-line.hover:after { color: #eceff3; } #map { width: 100%; height: 500px; } .map iframe { width: 100%; border: solid 1px #ccc; padding: 2px; background: #fff; } .map-container { width: 100%; height: 380px; overflow: hidden; } .map-container iframe { width: 100%; } .1A1C26-to-action-box { background: #f6f6f6; border: solid 1px #ddd; background: rgb(255, 255, 255); background: -moz-Infinyr-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: -webkit-gradient(Infinyr, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1))); background: -webkit-Infinyr-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: -o-Infinyr-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: -ms-Infinyr-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: Infinyr-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); } .1A1C26-to-action-box { background: #27282B; border: solid 1px #202220; } .1A1C26-to-action-box .inner { padding: 20px 20px 20px 20px; } .1A1C26-to-action-box .text { margin-right: 20px; float: left; } .1A1C26-to-action-box .act { float: right; } .1A1C26-to-action-box h4 { margin: 0; margin-top: 10px; } .1A1C26-to-action-box .btn { color: #eceff3; } .1A1C26-to-action-box { background: #202220; color: #eceff3; } .1A1C26-to-action-boxh4 { color: #eceff3; } .tab-default .tab-content{ margin-top:20px; } .container-fluid { padding: 0px; margin: 0px; } .btn-primary { text-shadow: none; border: none; } .btn.btn-primary:hover { background: #555; } .img-responsive { display: inline-block; } .img-shadow { box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.05); } img.img-auto { width: auto; height: auto; } img.img-rounded { border-radius:5px; } .box-rounded{ border-radius:10px; } .img-profile{ border:solid 3px #fff; } .label { font-family: "Nunito", Arial, Helvetica, sans-serif; } table thead { font-weight: bold; } p.lead { font-size: 17px; line-height: 1.7em; margin-top: 0; font-weight: 600; } h2.lead { font-size: 17px; line-height: 1.7em; margin-top: 0; font-weight: 600; letter-spacing: unset; color: #8492A7; } p.sub{ font-size:14px; } .panel-group { opacity: .8; } .panel-heading, .panel-body { background: #27282B; border: solid 1px #202220; border-radius: 0; } .panel-body { border-top: none; } .progress { background: #27282B; } .panel-heading h4 a { display: block; } .panel-heading h4 a:hover { color: #eceff3; } .panel-default, .panel-collapse, .panel-collapse, .panel-group .panel { border: none; border-radius: 0; } .panel-heading { background: #222; } .table-bordered, .table-bordered td { border: solid 1px #202220; } blockquote { font-family:"Nunito"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 1.4em; border:none; border-left:solid 3px #333333; padding-left:30px; color:#35404e; } blockquote span { font-family:"Nunito"; display: block; font-size: 14px; font-style: normal; font-weight: normal; margin-top:20px; } blockquote.s2 { border: none; text-align: left; background: #f2f2f2; padding: 30px 30px 30px 60px; margin-top: 20px; border-radius: 5px; } blockquote.s2:before { font-family: "FontAwesome"; content: "\f10e"; font-style: normal; position: absolute; margin-left: -30px; } blockquote.s1{ padding:0px; } blockquote.s1:before{ font-family: "FontAwesome"; content: "\f10d"; display:block; color:rgba(0,0,0,.1); z-index:-1; font-size:40px; top:0; left:0; } .collapsible-link::before { content: ''; width: 14px; height: 2px; background: #333; position: absolute; top: calc(50% - 1px); right: 1rem; display: block; transition: all 0.3s; } .collapsible-link::after { content: ''; width: 2px; height: 14px; background: #333; position: absolute; top: calc(50% - 7px); right: calc(1rem + 6px); display: block; transition: all 0.3s; } .collapsible-link[aria-expanded='true']::after { transform: rotate(90deg) translateX(-1px); } .collapsible-link[aria-expanded='true']::before { transform: rotate(180deg); } .collapsible-link.text-white{ color:#ffffff; } .collapsible-link.text-white::after, .collapsible-link.text-white::before{ background:#ffffff; } .card-header.text-light h6{ color:#ffffff; } .accordion-style-1{ overflow:visible; } .accordion-style-1 .card{ margin-bottom:20px; border:none; box-shadow: 8px 8px 50px 0px rgba(0,0,0, 0.1); border-radius:10px; overflow:hidden; } .phone-num-big i{ font-size:48px; display:block; } .pnb-text{ display:block; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:5px; } .pnb-num{ display:block; font-size:36px; color:#35404e; font-weight:bold; margin:10px 0 20px 0; } .toggle-list { list-style: none; margin: 0; padding: 0; } .toggle-list li { margin-bottom: 10px; background: #fff; border: solid 1px #ddd; border-bottom: solid 3px #ddd; } .toggle-list li h2 { -moz-user-select: none; -html-user-select: none; user-select: none; color: #555; font-size: 16px; line-height: 20px; font-family: "Nunito", Arial, Helvetica, sans-serifr; padding: 10px 20px 0px 60px; font-weight: 700; display: block; letter-spacing: normal; } .toggle-list li .acc_active:hover { color: #777; background: url(../images_02/icon-slide-plus.png) 20px center no-repeat; padding-left: 80px; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .toggle-list li .acc_noactive:hover { color: #777; background: url(../images_02/icon-slide-min.png) 20px center no-repeat; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .toggle-list .ac-content { display: none; padding: 20px; border-top: solid 1px #e5e5e5; } .acc_active { background: url(../images_02/icon-slide-plus.png) 20px center no-repeat; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; height: 32px; } .acc_noactive { background: url(../images_02/icon-slide-min.png) 20px center no-repeat; } .img-left { float: left; margin: 5px 15px 15px 0; } .img-right { float: right; margin: 5px 0 15px 15px; } #flickr-photo-stream img { width: 48px; height: auto; margin: 0 12px 12px 0; float: left; } #flickr-photo-stream a img { border: solid 2px #fff; } #flickr-photo-stream a:hover img { border: solid 2px #777777; } i { display: inline-block; } i.large { font-size: 72px; text-align: center; display: inline-block; float: none; } i.medium { font-size: 20px; padding: 10px; text-align: center; display: inline-block; float: none; } i.small { font-size: 12px; padding: 4px; text-align: center; display: inline-block; float: none; } i.circle-icon { border-radius: 75px; } .fa-android { color: #469159; } .fa-apple { color: #0EC3F7; } .de_center p { width: 100%; } .de_center .de_icon { float: none; margin: 0 auto; } a, a:hover, .test-column, .test-column:hover { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .de_contact_info { font-size: 40px; font-weight: bold; } .de_contact_info i { float: none; margin-right: 20px; } .center-div { margin: 0 auto; } #gallery-carousel .item { text-align: center; font-size: 12px; width: 100%; cursor: e-resize; } .de_carousel .item { width: 100%; display: block; } #gallery-carousel .item img { width: 100%; height: auto; } #gallery-carousel .item h4 { margin-bottom: 0; font-size: 14px; } .carousel-item { width: 100%; } .carousel-item img { width: 100%; height: auto; } .overlay-v { text-align: center; width: 100px; position: absolute; width: 100%; height: 100%; overflow: hidden; } .overlay-v i { background: #333; padding: 10px; width: 48px; height: 48px; font-weight: normal; font-size: 32px; border-radius: 60px; margin-top: 100%; color: #222; opacity: 0; } .overlay-v:hover i { margin-top: 25%; opacity: 1; } .overlay-v span { background: #1A1C26; padding: 40px; width: 100%; height: 100%; font-weight: normal; margin-top: 100%; color: #222; opacity: 0; position: absolute; left: 0; } .overlay-v:hover span { margin-top: 0px; opacity: .9; } .carousel-item .pf_text .title { display: block; position: absolute; width: 100%; top: 80%; font-size: 20px; font-weight: 700; height: 0; color: rgba(255, 255, 255, 0); letter-spacing:0; } .overlay-v:hover { background: rgba(30, 30, 30, .5); } .carousel-item:hover .pf_text .title { color: rgba(255, 255, 255, 1); top: 75%; } .carousel-item .pf_text .title .type { display: block; color: rgba(255, 255, 255, 0); font-size: 12px; font-weight: 300; } .carousel-item:hover .pf_text .title .type { color: rgba(255, 255, 255, 1); } .pf_text { color: #eceff3; letter-spacing: 5px; } .pf_text h4 { color: #eceff3; margin-bottom: 0; font-size: 14px; } .project-info { color: #ccc; margin-left: 20px; } .de_light .project-info { color: #606060; } .project-info h2 { margin-top: 0; font-size: 18px; letter-spacing: 3px; text-transform: uppercase; } .project-info h4 { font-weight: bold; } .project-info .details { padding: 20px; border: solid 1px rgba(255, 255, 255, .2); background: rgba(0, 0, 0, .5); margin-bottom: 30px; } .de_light .project-info .details { background: #eee; border-color: #ddd; } .project-infoproject-info span { display: block; } .project-info span.title { display: inline-block; min-width: 80px; } .project-info span.val { margin-bottom: 15px; font-weight: bold; } .project-view { padding: 120px 0 80px 0; } .project-images img { width: 100%; } .picframe { position: relative; overflow: hidden; } .picframe img{ width:100%; } #btn-close-x { width: 100px; height: 100px; display: block; background: url(../images_02/close.png) center no-repeat; margin: 0 auto; margin-bottom: 80px; cursor: pointer; padding: 20px; } #btn-close-x { background: url(../images_02/close-2.png) center no-repeat; } .project-name { font-size: 12px; font-weight: bold; display: block; } .info-details .info-text { margin-bottom: 20px; } .info-details .title { display: block; font-weight: bold; } span.overlay { font-family:"Nunito"; text-align: center; display: block; width: 100px; background: rgba(var(--primary-color-rgb), .8); position: absolute; opacity: .75; z-index:500; } span.icon { cursor: pointer; } .f_box{ display:block; position:relative; float:left; font-size:16px; overflow:hidden; z-index:1; } .f_box:hover .f_bg{ opacity:.3; } .grid-item .f_box img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); opacity:.8; } .f_box:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.2); opacity:1; } .f_box .f_bg{ background:#111111; display:block; position:absolute; z-index:1; width:100%; height:100%; opacity:.5; } .f_box .f_bg.s1{ opacity:0; } .f_box:hover .f_bg.s1{ opacity:.2; } .f_box .f_cap_wrap{ display:table; width:100%; height:100%; position:absolute; color:#fff; z-index:2; text-align:center; font-weight:bold; } .f_box .f_cap_wrap .f_cap{ vertical-align:middle; display:table-cell; } .f_box:hover .f_cap{ transform: scale(1.05); } .f_box .f_text{ height:0; overflow:hidden; font-family:Helvetica,Arial; font-weight:normal; display:inline-block; width:70%; font-size:14px; } .f_box:hover .f_text{ height:auto; } .f_box img{ width:100%; } .f_box.s2:hover .f_bg{ opacity:.4; } .f_box.s2 .f_bg{ opacity:0; } .f_box.s2:hover img{ transform: scale(1.2); } .f_box.s2{ position:static; } .f_box.s2 .f_cap_wrap{ opacity:0; } .f_box.s2:hover .f_cap_wrap{ opacity:1; margin-top:0; } .f_box .f_cap h1, .f_box .f_cap h4{ color:#ffffff; } .f_box.s2 .f_cap{ font-size:20px; transform: scale(1.2); } .f_box.s2:hover .f_cap{ transform: scale(1); } h2{ display:inline-block; overflow:hidden; position:relative; left: 0; right: 0 } h2 span.underline{ display:block; width:0; height:2px; background:#ffffff; position:relative; left:0; } .f_box:hover h2 span.underline{ width:100%; } .overlay .info-area { display: block; margin-top: 10%; } .overlay .sb-icons { display: block; margin-top: 200px; } .de-gallery .overlay { text-align: center; } .de-gallery .overlay .pf_text { display: inline-block; opacity: 0; } .de-gallery .project-name { font-size: 16px; letter-spacing:0; } .de-gallery .overlay .icon { display: inline-block; margin-top: 200px; text-align: center; } .de-gallery .overlay .icon i { text-shadow: none; color: #fff; border: solid 1px rgba(255, 255, 255, .1); font-size: 22px; padding: 20px; width: 60px; height: 60px; text-align: center; margin-left: 10px; } .de-gallery .overlay .icon i.icon-info { margin-left: 0px; } .de-gallery .overlay .icon i:hover { color: #222; background: #fff; } .grid_gallery .item { margin-bottom: 30px; } a.img-icon-url, a.img-icon-zoom { display: inline-block; width: 36px; height: 36px; background: url(../images_02/icon-url.png) center no-repeat; margin: 0 auto; margin: 0 2px 0 2px; } a.img-icon-zoom { background: url(../images_02/icon-zoom.png) center no-repeat; } .pf_full_width { width: 100%; } .pf_full_width .item { float: left; width: 24.99%; } .pf_4_cols { width: 101%; } .pf_full_width.pf_3_cols .item { width: 33.3%; } .pf_full_width.pf_2_cols .item { width: 49.9%; } .pf_full_width.gallery_border .item, .pf_full_width.gallery_border.pf_2_cols .item, .pf_full_width.gallery_border.pf_3_cols .item { float: left; width: 23.9%; margin-right: 1%; margin-bottom: 1%; } .pf_full_width.gallery_border.pf_3_cols .item { width: 32.3%; } .pf_full_width.gallery_border.pf_2_cols .item { width: 48.9%; } .pf_full_width img { float: left; width: 100%; } .pf_full_width.grid{ padding:.75%; padding-bottom:0; } .pf_full_width.grid .item{ margin:0 .75% .75% 0; width: 32%; } .pf_full_width.grid.pf_4_cols .item{ margin:0 .75% .75% 0; width: 23.9%; } .pf_full_width.grid.pf_2_cols .item{ margin:0 .75% .75% 0; width: 48.5%; } .gallery-cols .item { margin-bottom: 30px; } .pic-grey { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } .grid { width:100%; } .grid:after { content: ''; display: block; clear: both; } .grid-sizer { width: 5%; } .grid-item { position:relative; float: left; border:none; overflow:hidden; margin:0; padding:0; } #sidebar { padding-left: 30px; } #sidebar.post-left { padding-left: 0px; padding-right: 30px; } .widget { margin-bottom: 30px; padding-bottom: 30px; } .widget h4{ font-size: 18px; margin-top:0; letter-spacing: normal; } .widget ul { list-style: none; margin: 0; padding: 0; } .widget .small-border { height: 2px; width: 30px; background: #fff; margin: 10px 0 20px 0; display: block; } .widget_category li { padding: 8px 20px 8px 20px; margin-bottom: 8px; background: #111; } .widget_category li:before { font-family: "FontAwesome"; content: "\f07b"; margin-right: 10px; } .de_light .widget_category li { background: none; border: solid 1px #eee; } .widget_category li a { color: #606060; } .widget_recent_post li { padding-left: 20px; background: url(../images_02/list-arrow.png) left 2px no-repeat; border-bottom: solid 1px #222; padding-bottom: 7px; margin-bottom: 5px; } .widget_recent_post li a { color: #555; } .widget-post li { border-bottom: solid 1px #f2f2f2; padding-bottom: 8px; margin-bottom: 8px; } .widget-post li a { text-decoration: none; color:#35404e; } .widget-post .post-date { position: absolute; color: #222; margin-right: 10px; text-align: center; width: 50px; font-size: 10px; text-transform: uppercase; } .widget-post li:hover>.post-date { background: #222; color: #fff; } .widget-post .date{ background:#333; color:#fff; display:inline-block; padding:0px 5px 0px 5px; float:left; font-size:12px; } .widget .comments li { padding-left: 20px; background: url(../images_02/list-arrow.png) left 2px no-repeat; border-bottom: solid 1px #eee; padding-bottom: 7px; margin-bottom: 5px; } .widget .tiny-border{ width:100%; background:rgba(255,255,255,.1); } .footer-light .widget .tiny-border{ background:rgba(0,0,0,.1); } .widget_tags li { text-shadow: none; display: inline-block; margin-right: 3px; margin-bottom: 16px; } .widget_tags li a { font-size: 12px; text-decoration: none; margin-bottom: 5px; border-radius: 5px; color: #fff !important; padding: 7px 10px 7px 10px; } .de_light .widget_tags li a { color: #606060; border: solid 1px rgba(0, 0, 0, .2); } .widget_tags li a:hover { color: #555; border-color: #555; } .de_light .widget_tags li a:hover { color: #111; border-color: #111; } .widget_top_rated_product ul { padding: 0; } .widget_top_rated_product li { min-height: 80px; } .widget_top_rated_product li .text { padding-top: 5px; padding-left: 75px; } .widget_top_rated_product li img { position: absolute; width: 60px; height: 60px; } .widget_tags li a { border-color: #555; } .widget_tags li a:hover { border-color: #eceff3; } footer .widget { border: none; margin-bottom: 0; } .widget_tags ul { margin-top: 30px; } footer .widget.widget_tags li a { border-color: #222; } footer .widget_recent_post li { padding: 0 0 10px 0; margin: 0; margin-bottom: 10px; background: none; border-bottom-color: rgba(255, 255, 255, .1); } footer .widget_recent_post li a { color: #ccc; } footer .widget h5 { margin-bottom: 20px; } footer .widget_list li { padding: 0 0 10px 0; margin: 0; margin-bottom: 10px; background: none; border-bottom-color: rgba(255, 255, 255, .1); } footer .widget_list li a { color: #ccc; } footer .tiny-border span{ background:#ffffff; display:block; height:1px; width:30px; } .side-layout #content{ width:80%; float:right; } .side-layout footer{ width:80%; float:right; } .side-layout .container{ width:90%; } .side-layout section{ width:100%; float:right; } .side-layout #mainmenu{ padding:0; margin-top:40px; } .side-layout #mainmenu > li{ display:block; width:100%; border-bottom:solid 1px rgba(255,255,255,.1); margin-bottom:5px; padding-bottom:5px; } .side-layout #mainmenu > li:last-child{ border-bottom:none; } .side-layout #mainmenu > li > a{ padding:0; margin:0; } .side-layout #mainmenu > li > a span{ display:none; } .side-layout #mainmenu > li > ul { top: 0; margin-left: 120%; } .side-layout #mainmenu li ul { border:solid 1px #888; } .side-layout #subheader{ width:80%; float:right; text-align:left; } .side-layout #subheader h1{ margin-top:0; font-size:24px; } .side-layout #subheader .small-border-deco span{ margin:0; } .vertical-center { min-height: 100%; min-height: 100vh; display: flex; align-items: center; } .de-images{ position:relative; width:100%; } .de-images img{ border-radius:5px; box-shadow: 2px 20px 30px 0px rgba(20,20,20, 0.3); } .di-small{ position:absolute; width:50%; height:50%; top:15%; left:-15%; z-index:1; } .di-small-2{ position:absolute; width:40%; height:40%; right:-10%; bottom:-10%; z-index:1; } div.round{ border-radius:10px; } .opt-1{ display:inline-block; } .size96{ width:96px; height:auto; } .domain-ext{ margin-top:15px; } .ext{ border:solid 1px rgba(255,255,255,.2); display:inline-block; padding:8px 10px 0px 10px; font-size:12px; border-radius:5px; margin:0 5px 10px 5px; } .ext h4{ font-size:18px; line-height:10px; margin-bottom:0; } .border{ border-color:#EFEFEF !important; } .tparrows{ background:none !important; } .f-profile { margin-bottom: 0px; } .f-profile h4{ margin-top:20px; margin-bottom:0px; } .fp-wrap{ position:relative; border-radius:10px; overflow:hidden; } .fpw-overlay{ position:absolute; z-index:2; width:100%; height:100%; } .fpw-overlay-btm{ position:absolute; z-index:1; width:100%; height:100%; opacity:.6; } .f-invert .fpw-overlay-btm{ opacity:0; } .fpwo-wrap{ width:100%; position:absolute; bottom:30px; text-align:center; } .fpwow-icons{ display:inline-block; background:#ffffff; padding:5px 10px 7px 10px; border-radius:10px; } .fpwow-icons a{ padding:0 5px; } .fpwow-icons i{ font-size:15px; } .fp-icon{ margin-top:20%; z-index:2; opacity:0; height:100%; width:100%; text-align:center; position:absolute; display:table; text-align:center; } .fp-icon i{ display:none; vertical-align:middle; display:table-cell; color:#fff; font-size: 36px; color: #ffffff; padding: 13px 0; background: rgba(var(--primary-color-rgb), .8); border-radius:10px; } .gray img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } .demo-icon-wrap{ margin-bottom:30px; } .demo-icon-wrap i{ text-align:center; font-size:20px; margin-right:20px; position:relative; background:#F5F9FD; width:48px; height:48px; border-radius:60px; padding:15px 0; } .demo-icon-wrap-s2{ margin-bottom:30px; } .demo-icon-wrap-s2 span{ display:inline-block; text-align:center; font-size:20px; margin-right:20px; position:relative; background:#F5F9FD; width:48px; height:48px; border-radius:60px; padding:15px 0; } .demo-icon-wrap .text-grey{ display:none; } .fp-wrap:hover{ transform: scale(1.05); box-shadow: 0 40px 40px 0 rgba(10,10,10, 0.1); } .fp-wrap:hover img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.05); } .fp-wrap:hover .fpw-overlay-btm{ opacity:0; } .fp-wrap:hover .fpwow-icons a i{ color:#fff; } .fp-wrap:hover .fp-icon{ opacity:1; margin-top:0; margin-right:0; } .fp-wrap:hover .fp-icon i{ transform: scale(1.5); } i.big{ display:inline-block; font-size:48px; } .text-light .border{ border-color:rgba(255,255,255,.1) !important; } .container-full{ display:table; width:100%; table-layout: fixed; border-collapse:collapse; padding:0 !important; margin:0 !important; overflow:hidden; } .one-fourth{ width:24.9%; display:table-cell; vertical-align:middle; } .one-third{ width:33.3%; float:left; } .three-fourth{ position:relative; width:74.9%; height:100%; display:table-cell; } .owl-carousel{ position:relative; margin-top:-5px; bottom:-5px; } .owl-stage-outer .feature-box-type-2 { overflow:none; margin:30px 0 30px 0; } .owl-item.active.center .feature-box-type-2{ transform: scale(1.05); } .owl-item.active.center .feature-box-type-2, .owl-item.active.center .feature-box-type-2 h4, .owl-item.active.center .feature-box-type-2 i{ color:#ffffff; } .schedule-item { padding: 40px 0 30px 0; border-bottom: solid 1px #ddd; } .schedule-listing:nth-child(even) { background: -moz-Infinyr-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-Infinyr-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); background: Infinyr-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1); } .schedule-item>div { float: left; } .schedule-item .sc-time { width: 160px; padding-top: 25px; color: #333; } .schedule-item .sc-pic { width: 120px; } .schedule-item .sc-pic img { width: 80px; height: auto; } .schedule-item .sc-name { font-weight: normal; font-size: 14px; width: 160px; padding-top: 15px; } .schedule-item .sc-name h4 { font-size: 14px; font-weight: bold; margin: 0; line-height: 1.6em; } .schedule-item .sc-name span { font-weight: normal; font-size: 12px; } .schedule-item .sc-info { float: none; display: inline-block; width: 60%; } .schedule-item .sc-info h4 { margin-bottom: 10px; } .de_tab.tab_style_4 .de_nav { -webkit-touch-1A1C26out: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } strong { font-weight:bold; } .text-light strong { color: #fff; } .bg-white { background: #ffffff; } .wh80 { width: 80%; height: 80%; } .border-top { border-top: solid 1px #e5e5e5; } .border-bottom { border-bottom: solid 1px #e5e5e5; } .color-overlay { background: rgba(157, 130, 235, .3); } section .color-overlay { padding: 60px 0 60px 0; } .color-overlay-2 { background: rgba(26, 37, 48, .85); } .fontsize24 { font-size: 24px; } .fontsize32 { font-size: 32px; } .fontsize36 { font-size: 36px; } .fontsize40 { font-size: 40px; } .fontsize48 { font-size: 48px; } .overlay50 { background: rgba(0, 0, 0, .5) } .overlay60 { background: rgba(0, 0, 0, .6) } .overlay70 { background: rgba(0, 0, 0, .7) } .overlay80 { background: rgba(0, 0, 0, .8) } .hidden-xy { overflow: hidden; } .border-box { border: solid 1px #dddddd; } .display-table { display: table; } .display-table [class*="col-"] { float: none; display: table-cell; vertical-align: top; margin: 0; padding: 0; } #popup-box { position: fixed; background: #fff; width: 100%; height: 100%; z-index: 10000; top: -100%; overflow-y: auto; } #popup-box #popup-box .overlay-s1 { background: rgba(217, 42, 224, .5); } .overlay-s2 { background: rgba(255, 135, 140, .5); } .overlay-s3 { background: rgba(91, 35, 108, .5); } .circle-x { background: #333; display: inline-block; padding: 20px; font-size: 40px; color: #fff; margin-top: 140px; width: 70px; height: 70px; border-radius: 60px; box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6); } #services-list { padding: 0; margin: 0; } #services-list li a { color: #fff; } #services-list li.active a:after { font-family: "FontAwesome"; content: "\f054"; float: right; } .de_light #services-list li a { color: #999; } #services-list li { font-weight: bold; list-style: none; margin: 0; background: rgba(0, 0, 0, .3); margin-bottom: 2px; } .de_light #services-list li { background: #eee; } #services-list li a { display: block; padding: 15px 20px 15px 20px; text-decoration: none; } #services-list li a:hover { color: #111; } .pic-services img { margin-bottom: 30px; } #services-list li.active a, #services-list li.active a:hover { color: #fff; background: #333; } .project-images img { margin-bottom: 60px; } .teaser-text { font-family: "Nunito"; font-size: 18px; color: rgba(255, 255, 255, .5); line-height: normal; font-weight: 300; } .teaser-text h2 {} #navigation { position: fixed; width: 100%; height: 60px; top: 0; right: 20px; text-align: center; margin-bottom: 60px; z-index: 1000; } .nav-prev:before, .nav-next:before, .nav-exit:before { font-family: "FontAwesome"; content: '\f177'; color: #fff; padding: 20px; font-size: 24px; cursor: pointer; } .nav-exit:before { width: 100%; display: block; } .nav-next:before { content: '\f178'; width: 100%; background: #555; } .nav-exit:before { content: '\f00d'; } .de_light .nav-exit:before { color: #222; } .container-4 .de-team-list { width: 24.9%; float: left; position: relative; } .container-3 .de-team-list { width: 33.3%; float: left; position: relative; } .no-bottom { margin-bottom: 0; padding-bottom: 0; } p { margin-bottom: 20px; } p.intro { color: #555; font-size: 16px; line-height: 1.5em; } .bg-grey { background: #f6f6f6; } .no-bottom .no-bottom { padding-bottom: 0 !important; } .no-top { padding-top: 0 !important; } .no-margin { margin: 0 !important; } .nopadding { padding: 0; margin: 0; } #filters i { margin-right: 10px; } .bg-side { position: relative; overflow: hidden; } .image-container { position: absolute; padding: 0; margin: 0; background-size: cover; } .image-slider { cursor: move; } .inner-padding { padding: 90px; } .no-padding, section.no-padding { padding: 0; } .float-left { float: left; } #loader-area { display: none; background: #fff; } #loader-area { display: none; background: #111; } .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; background: url('../images_02/page-loader.gif') 50% 50% no-repeat rgb(249, 249, 249); } .page-overlay { display: none; width: 120px; height: 120px; background: url(../images_02/page-loader.gif) center no-repeat #fff; border-radius: 10px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; margin: auto; } .teaser { font-size: 16px; line-height:1.8em; font-weight:400; } .teaser.style-2 { letter-spacing: 20px; text-transform: uppercase; } .teaser.style-3 { font-size: 14px; } .teaser.style-4 { letter-spacing: 5px; text-transform: uppercase; font-size: 14px; } .form-control:focus { box-shadow: none; } .owl-arrow { position: absolute; z-index: 100; background: #fff; margin-top: 48%; display: none; cursor: pointer; } .owl-arrow span { display: block; background: #555; position: absolute; } .owl-arrow .prev { left: 0; } .owl-arrow .next { right: 0; } .owl-arrow .prev:before, .owl-arrow .next:before { font-family: "FontAwesome"; content: '\f177'; color: #222222; padding: 20px; font-size: 32px; display: block; } .owl-arrow .next:before { content: '\f178'; } .owl-pagination { margin-top: 0px; height: 40px; } .owl-theme .owl-controls .owl-page span { display: block; margin-top: 20px; margin-left: 10px; margin-right: 10px; width: 6px; height: 6px; background-color: #555; opacity: 1; } .owl-theme .owl-controls .owl-page.active span { background: none; } .owl-theme .owl-controls .owl-page.active span:before { content: ''; display: inline-block; width: 12px; height: 12px; border-radius: 15px; position: relative; border: solid 2px #555; top: -2px; left: -2px; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top:20px; } .owl-dots button{ border:none; outline:none; padding:0; width:8px; height:8px; margin:0 5px; border-radius:30px; } .owl-theme .owl-dots .owl-dot span{ display:none; } .text-light .owl-theme .owl-controls .owl-page span { background-color: #fff; } .text-light .owl-theme .owl-controls .owl-page.active span { background: none; } .text-light .owl-theme .owl-controls .owl-page.active span:before { border: solid 2px #fff; } .text-slider { color: #fff; display: inline-block; } .text-slider.med-text { font-size: 72px; line-height: 84px; font-weight: bold; } .text-slider.big-text { font-size: 120px; line-height: 120px; font-weight: bold; } .border-deco .text-item { display: inline-block; } .text-slider.dark { color: #222; } .text-item i { font-size: 60px; margin-top: 5px; } .text-slider.big-text i { font-size: 90px; margin-top: 15px; } .text-slider h1 { font-size: 60px; } .text-rotate-wrap { display: inline-block; } .text-rotate-wrap .text-item { display: none; } .red { color: #ff0000; } .teal { color: #009999; } .purple { color: #663366; } .green { color: #009900; } .bg-overlay { position: absolute; width: 100%; height: 100%; z-index: 1; } .center-y { position: relative; } .overlay-bg { width: 100%; height: 100%; z-index: 100; background: rgba(var(--primary-color-rgb), .9); top: 0; padding:100px 0 100px 0; } .overlay-bg.p60{ padding-top:60px; padding-bottom:60px; } .overlay-gradient { width: 100%; height: 100%; z-index: 100; top: 0; } .overlay-solid { width: 100%; height: 100%; z-index: 100; top: 0; } .overlay-bg.t0{ background: rgba(var(--primary-color-rgb), 0); } .overlay-bg.t20{ background: rgba(var(--primary-color-rgb), .2); } .overlay-bg.t30{ background: rgba(var(--primary-color-rgb), .3); } .overlay-bg.t40{ background: rgba(var(--primary-color-rgb), .4); } .overlay-bg.t50{ background: rgba(var(--primary-color-rgb), .5); } .overlay-bg.t60{ background: rgba(var(--primary-color-rgb), .6); } .overlay-bg.t70{ background: rgba(var(--primary-color-rgb), .7); } .overlay-bg.t80{ background: rgba(var(--primary-color-rgb), .8); } .overlay-bg.t90{ background: rgba(var(--primary-color-rgb), .9); } .overlay-bg.c1 { background: rgba(var(--primary-color-rgb), .8); } .overlay-bg.dark{ background:rgba(20,20,20,.8); } .overlay-bg.gradient-blue-aqua{ background: -moz-Infinyr-gradient(45deg, rgba(2,68,129,0.9) 0%, rgba(52,176,188,1) 100%); background: -webkit-Infinyr-gradient(45deg, rgba(2,68,129,0.9) 0%,rgba(52,176,188,1) 100%); background: Infinyr-gradient(45deg, rgba(2,68,129,0.9) 0%,rgba(52,176,188,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc024481', endColorstr='#cc34b0bc',GradientType=1 ); } .full-height .overlay-bg { display: table; } .full-height .overlay-gradient { display: table; } .full-height .center-y { display: table-cell; vertical-align: middle; } .pic-hover { width: 100%; position: relative; overflow: hidden; } i.btn-action-hide { opacity: 0; } .pic-hover:hover .bg-overlay { background: rgba(0, 0, 0, .5); } .pic-hover:hover i.btn-action-hide { opacity: 1; } .pic-hover.hover-scale:hover img { transform: scale(1.1); } .center-xy { position: absolute; z-index: 5; } .center-xy i.btn-action { font-size: 24px; border: solid 2px rgba(255, 255, 255, .3); padding: 16px; width: 60px; height: 60px; border-radius: 60px; text-align: center; color: #fff; } .center-xy i.btn-action:hover { border-color: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, .3); } .center-xy i.btn-action.btn-play { padding-left: 20px; } .bg-grey, section.bg-grey { background: #F5F9FD; } #back-to-top { position: fixed; bottom: -40px; right: 40px; z-index: 1020; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #f6f6f6; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; outline: none; opacity: 0; } #back-to-top:hover { background: #111; } #back-to-top.show { bottom: 40px; opacity: 1; } #back-to-top.hide { bottom: -40px; } #back-to-top:before { font-family: "FontAwesome"; font-size: 14px; content: "\f176"; color: #fff; position: relative; margin: 5px; } .mouse { position: absolute; width: 22px; height: 42px; bottom: 40px; left: 50%; margin-left: -12px; border-radius: 15px; border: 2px solid #fff; -webkit-animation: intro 1s; animation: intro 1s; } .scroll { display: block; width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; background: #fff; -webkit-animation: finger 1s infinite; animation: finger 1s infinite; } @-webkit-keyframes intro { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes intro { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(20px); } } @keyframes finger { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(20px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -ms-transform: translateY(0); transform: translateY(0); } 40% { -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -ms-transform: translateY(-15px); transform: translateY(-15px); } } .arrow-anim { position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 40px; background-size: contain; } .arrow-anim:before { content: "\f107"; font-family: "FontAwesome"; font-size: 32px; } a.read_more { display: inline-block; font-weight: bold; color: #222222; text-decoration: none; } a.read_more:hover { color: #707070; } a.read_more i { margin-left: 8px; } .text-light a.read_more { color: #fff; } .text-black { color: #222; } #de-arrow-nav-set { text-align: center; } #de-arrow-nav-set i { color: #222; font-size: 32px; } #de-arrow-nav-set i.icon_menu { display: inline-block; } .profile_pic h4 { margin-bottom: 0px; } .profile_pic .subtitle { font-size: 13px; display: block; margin-bottom: 10px; color: #999; } .profile_pic .tiny-border { margin-bottom: 20px; } .profile_pic span{ color:#fff; } .owl-custom-nav { position: absolute; z-index: 100; right: 4px; margin-top: 80px; width: 100%; } .owl-custom-nav .btn-next, .owl-custom-nav .btn-prev { opacity: 0; } .owl-custom-nav .btn-next { right: -50px; position: absolute; } .owl-custom-nav .btn-prev { left: -50px; position: absolute; } .pf-hover:hover .btn-next { right: 30px; opacity: 1; } .pf-hover:hover .btn-prev { left: 30px; opacity: 1; } .owl-custom-nav .btn-next:before, .owl-custom-nav .btn-prev:before { font-size: 18px; } .owl-custom-nav .btn-next:before { font-family: "FontAwesome"; content: "\f178"; color: #fff; padding: 12px; } .owl-custom-nav .btn-prev:before { font-family: "FontAwesome"; content: "\f177"; color: #fff; padding: 12px; } .owl-custom-nav a { text-decoration: none; } .owl-custom-nav .btn-prev:hover:before, .owl-custom-nav .btn-next:hover:before { cursor: pointer; } #custom-owl-slider { display: block; overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; background: #fff; } #custom-owl-slider .items { width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1; } #custom-owl-slider .item img { display: block; width: 100%; height: 100%; } .owl-slider-nav { position: absolute; width: 100%; } .owl-slider-nav, .owl-slider-nav div { position: absolute; z-index: 10; cursor: pointer; } .owl-slider-nav .next { right: -50px; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 50px solid transparent; } .owl-slider-nav .prev { left: -50px; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid transparent; } .owl-slider-nav .next:before { font-family: "FontAwesome"; font-size: 24px; content: "\f0da"; color: #fff; position: absolute; right: -40px; top: -13px; } .owl-slider-nav .prev:before { font-family: "FontAwesome"; font-size: 24px; content: "\f0d9"; color: #fff; position: absolute; left: -40px; top: -13px; } .owl-dots{ text-align:center; margin-top:20px; } .owl-dot{ background:#ccc; border:none; margin:5px; width:6px; height:6px; padding:0; border-radius:60px; } .owl-dot.active{ background:#1A1C26; } .owl-item.active div blockquote{ background:#f5f9fd; position:relative; overflow:hidden; border-radius:15px; } .owl-item.active div blockquote, .owl-item.active div blockquote .de_testi_by { opacity:1; } .owl-item.active div blockquote:before{ position:absolute; top:0; left:0; color:#fff; border-radius:0 0 15px 0; } .owl-stage{ overflow:none; } .de_table { display: table; border-collapse: collapse; width:100%; } .de_table .tr { display: table-row; border: 1px solid #ddd; } .de_table:not(.no-heading) .tr:first-child { font-weight: 600; border-bottom: 2px solid #ddd; color:#111111; } .de_table .tr:nth-child(even) { background-color: #f9f9f9; } .de_table .tr .td { display: table-cell; padding: 8px; border-left: 1px solid #ddd; } .de_table:not(.no-heading) .tr .td:first-child { border-left: 0; } .de_table.cols-2 .btn-custom{ padding:5px 10px; } .de_table.table-style-2{ font-size:15px; } .de_table.table-style-2 .tr .td{ border:none; padding:10px; } .de_table.table-style-2:not(.no-heading) .tr:first-child{ color:#ffffff; border:none; } .de_table.cols-2 .tr .td:last-child{ text-align:right; } .table { display: table; margin-bottom: 0; } .table [class*="col-"] { float: none; display: table-cell; vertical-align: top; padding:0; height:100%; } .table-custom-1{ position:absolute; height:100%; } .table .table { background: none; } .table-pricing{ font-size:18px; border-radius:10px; border:none; } .table-pricing thead{ color:#ffffff; font-size:18px; } .table-pricing thead tr th{ padding:20px 0 20px 0; } .table-pricing tbody tr{ width:100%; background:#f2f2f2; border-top:solid 8px #ffffff; } .table-pricing tbody tr:hover{ background:#e2e2e2; } .table-pricing tbody tr td, .table-pricing tbody tr th{ border:none; padding:20px 0 20px 0; } .table-pricing tbody tr th .lbl, .table-pricing tbody tr td .lbl{ display:none; } .text-middle, .table [class*="col-"].text-middle { vertical-align: middle; } .typed,.typed-strings{display:inline-block;} .typed-strings p{position:absolute;} .typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } .mask{ position:relative; overflow:hidden; } .mask img{ width:100%; } .mask .cover{ position:absolute; z-index:100; width:100%; height:85px; padding:20px 30px; background:rgba(var(--primary-color-rgb), .4); bottom:0; } .mask .cover h4{ font-size:18px; color:#fff; margin-bottom:0px; } .style-2 .cover{ height:63px; } .mask .cover p{ opacity:0; position:absolute; color:#fff; padding-top:20px; padding-right:25px; } .mask:hover img{ transform: scale(1.1); } .mask:hover .cover{ height:100%; } .mask:hover .cover p{ opacity:1; } .mask .cover h4 span{ margin-left:50px; } .mask .cover .date{ color:#ffffff; text-transform:uppercase; font-size:12px; letter-spacing:1px; padding-left:15px; } .mask .cover .date:before{ position:absolute; font-family:"FontAwesome"; content:"\f111"; font-size:10px; left:31px; margin-top:-1px; } .mask .cover a.btn-custom{ display:inline-block; width:auto; margin-top:20px; } .style-2 .date-box{ text-align:center; position:absolute; right:0; padding:15px 5px 5px 5px; color:#fff; } .style-2 .date-box .d{ font-weight:600; font-size:38px; margin-bottom:5px; } .style-2 .date-box .m{ font-family:"Nunito"; font-size:13px; text-transform:uppercase; letter-spacing:8px; margin-left:8px; } .sitemap{ margin:0; padding:0; } .sitemap.s1 li{ list-style:none; } .sitemap.s1 li:before{ font-family: FontAwesome; content: "\f016"; margin-right:10px; } .list{ margin:0; padding:0; } .list li{ list-style:none; } .list.s1 li:before{ font-family: FontAwesome; content: "\f00c"; margin-right:10px; } .list.s2 li:before{ font-family: FontAwesome; content: "\f055"; margin-right:10px; } .list.s3{ display: inline; margin:0; padding:0; } .list.s3 li{ display: inline; margin-right:20px; } .list.s3 a{ font-weight:bold; } #owl-logo img{ opacity:.8; } #owl-logo img:hover{ opacity:1; } .switch-set div { display: inline-block; padding: 0px 5px 1px 2px } .switch { margin-bottom:-5px; -webkit-appearance: none; height: 24px; width: 44px; background-color: #EEEEEE; border-radius: 60px; position: relative; cursor: pointer; } .switch::after { content: ""; width: 20px; height: 20px; background-color: gray; position: absolute; border-radius: 100%; transition: .5s; margin:2px 0 0 2px; } .switch:checked::after { transform: translateX(20px); } .switch:focus { outline-color: transparent; } .box-highlight{ box-shadow: 5px 5px 40px 0px rgba(0, 0, 0, 0.1); } .box-highlight, .box-highlight .content{ border-radius:5px; padding:5px; } .box-highlight .heading{ padding:5px 10px 0 10px; } .box-highlight .content{ margin:5px; padding:20px; background:#ffffff; } .box-highlight .content, .box-highlight .content strong{ color:#111111; } .box-highlight .content.v1 p{ font-size:20px; } #selector{ display:none; width:40px; position:fixed; right:0; top:120px; padding:5px; z-index:1000; } #selector .opt{ width:20px; height:20px; display:block; margin-bottom:10px; background:#ffffff; border-radius:30px; cursor:pointer; border:solid 1px rgba(255,255,255,0); } #selector .opt:hover{ border-color:#ffffff; } #selector .opt.tc1{background:linear-gradient(to right, #ab46ec, #2674e8);} #selector .opt.tc2{background:linear-gradient(to right, #5d82b4, #59c9df);} #selector .opt.tc3{background:linear-gradient(to right, #5db479, #65df59);} #selector .opt.tc4{background:linear-gradient(to right, #b45d74, #df59b3);} #selector .opt.tc5{background:linear-gradient(to right, #5D5EB4, #5998e4);} #selector #selector .dark-mode:hover{ width:190px; } #selector .dark-mode:before{ content:'\f186'; font-family:"FontAwesome"; font-size:20px; padding:0px 3px; margin-right:10px; } #selector .dark-mode.active{ background:#FDD32A; color:#222222; } .disable-dark #selector .de-box-image{ padding:10px; text-align:center; } .de-box-image img{ margin-bottom:20px; border-radius:5px; border:solid 1px #eeeeee; box-shadow: 0 0 40px 0 rgba(10,10,10, 0.05); } .de-box-image:hover img{ margin-top:-20px; box-shadow: 0 40px 40px 0 rgba(10,10,10, 0.1); } .de-box-image:hover h4{ margin-top:20px; } .de-image-hover{ position:relative; overflow:hidden; } .dih-overlay{ z-index:1; position:absolute; width:100%; height:100%; background:#eee; opacity:0; } .dih-title-wrap{ z-index:2; display:table; position:absolute; width:100%; height:100%; } .dih-title{ opacity:0; font-size:16px; z-index:2; text-align:center; display:table-cell; vertical-align:middle; color:#fff; } .de-image-hover:hover .dih-overlay{ opacity:.8; } .de-image-hover:hover .dih-title{ opacity:1; transform: scale(1.2); } .de-image-hover:hover img{ transform: scale(1.1); } .de-image-hover:hover{ box-shadow: 5px 25px 15px 0px rgba(0, 0, 0, 0.1); } .img-fullwidth{ width:100%; height:auto; } .quick-search { display: inline-block; float: right; margin-left: 10px; padding: 10px 0 0 0; } .quick-search input { width: 120px; border-radius: 40px; } .side-bg { position: relative; } .side-bg .image-container { height: 100%; overflow: hidden; padding: 0; position: absolute; top: 0 } .side-bg .background-image { background-position: 50% 50%; background-size: cover; width: 100%; height: 100%; left: 0; position: absolute; z-index: 0; } .side-bg.right .image-container { right: 0; } #search { float: left; width: 70%; margin-bottom: 0; } #btn-search { border: none; padding: 7px; background: #222; float: left; width: 30%; height: 42px; } #btn-search:before { font-family: FontAwesome; content: "\f002"; font-size: 24px; color: #111; } #btn-search:hover { background: #fff; } .de_review { text-align: center; min-height: 260px; } .de_review .de_nav { overflow: hidden; padding-left: 0; margin: 0; padding: 0; font-weight: bold; text-align: center; } .de_review .de_nav li { list-style: none; background: #EEE; margin: 0 10px 0 10px; margin-bottom: 20px; } .de_review .de_nav li { display: inline-block; } .de_review .de_nav li img { width: 100px; height: auto; } .de_review .de_nav li span { padding: 8px 16px 8px 16px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; display: block; background: #f6f6f6; text-decoration: none; color: #646464; font-size: 13px; cursor: pointer; } .de_review blockquote { border: none; font-family: "Nunito", Georgia, "Times New Roman", Times, serif; } .de_review .de_nav li span { border: 1px solid #202220; background: #222; } .de_review .de_nav li:first-child span { border-left: 1px solid #ddd; } .de_review .de_nav li:first-child span { border-left: 1px solid #202220; } .de_review .de_review_content { border: 1px solid #ddd; padding: 15px 20px 20px 20px; margin-top: -1px; background: #fff; } .de_review .de_review_content { border: 1px solid #202220; background: #27282b; } .de_review .de_nav li.active span { background: #FFF; border-bottom: 1px solid #fff; color: #222; margin-bottom: -3px; } .separator { line-height: 0.5; text-align: center; margin: 30px 0 30px 0; } .separator span { display: inline-block; position: relative; } .separator span:before, .separator span:after { content: ""; position: absolute; border-bottom: 1px solid rgba(255, 255, 255, .1); top: 5px; width: 50px; } .separator span:before { right: 100%; margin-right: 15px; } .separator span:after { left: 100%; margin-left: 15px; } .separator span i { font-size: 12px; padding: 0; margin: 0; float: none; } .de_light .separator span:before, .de_light .separator span:after { border-bottom: 1px solid rgba(0, 0, 0, .2); } .text-light .separator span:before, .text-light .separator span:after { border-bottom: 1px solid rgba(255, 255, 255, .1); } #revolution-slider { background: #222; } .tp-caption { color: #fff; font-weight: 300; } .tp-caption.teaser { letter-spacing: 5px; } .tp-caption br { margin-bottom: 5px; } .tparrows { top: 50%; } .med { font-size: 24px; letter-spacing: -.5px; } .med-white { color: #fff; font-size: 24px; letter-spacing: -.5px; } .med-green { color: #1a8b49; font-size: 24px; letter-spacing: -.5px; } .small-white { color: #fff; line-height: 1.7em; } .big-black { font-size: 52px; letter-spacing: -3px; color: #222; } .big-white { font-size: 16px; color: #fff; line-height: normal; font-weight: 300; text-transform: uppercase; letter-spacing: 6px; } .very-big-white { font-family: "Nunito"; font-size: 64px; color: #fff; margin: 0; font-weight: 500; } .ultra-big-white { font-size: 120px; font-weight: bold; color: #fff; margin: 0; } .ultra-big-black { font-size: 96px; font-weight: 400; color: #222; margin: 0; line-height: 72px; } a.btn-slider:hover { color: #222; } .tp-caption.separator { width: 100px; border-bottom: solid 1px rgba(255, 255, 255, .3); } #filters { font-family:"Nunito"; padding: 0; margin: 0; margin-bottom: 20px; font-weight: 400; } #filters li { display: inline-block; margin-right: 5px; margin-bottom: 10px; font-size:11px; text-transform:uppercase; } #filters a { background: none; outline: none; color: #888; text-decoration: none; color: #888; padding:5px 20px 5px 20px; border-radius:5px; } .text-light #filters a { color: rgba(255, 255, 255, .5); } #filters a:hover { color: #111; } #filters a.selected { color: #fff; } .text-light #filters a:hover { color: #fff; } .text-light #filters a.selected { color: #fff; } .text-light #filters a.selected { color: #fff; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .control-slider { float: right; display: inline-block; margin-right: -10px; } .prev-slider, .next-slider { float: left; display: block; text-align: center; margin-top: 10px; cursor: pointer; } .prev-slider i, .next-slider i { border: solid 1px #ccc; padding: 5px 10px 5px 10px; } .prev-slider i:hover, .next-slider i:hover { color: #fff; border: solid 1px #333; background: #333; } .prev-slider { margin-right: -5px; } .project-carousel ul.slides, .project-carousel-3-col ul.slides { margin-top: 10px; margin-bottom: 20px; } .logo-carousel .flex-direction-nav, .project-carousel .flex-control-nav, .project-carousel .flex-direction-nav, .project-carousel-3-col .flex-control-nav, .project-carousel-3-col .logo-carousel.no-control .logo-carousel li img { width: auto; } #testimonial-full { text-align: center; padding: 10px 0 10px 0; text-shadow: none; } #testimonial-full blockquote { color: #fff; border: none; margin: 0; font-size: 18px; font-weight: 300; font-style: normal; line-height: 1.5em; text-transform: uppercase; letter-spacing: 3px; } #testimonial-full span { letter-spacing: 0; margin-top: 20px; text-transform: none; } .testi-slider .testi-slider .testi-slider .testi-slider .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .testi-slider .flex-control-paging li a { background: none; width: 8px; height: 8px; display: block; border: solid 1px #fff; cursor: pointer; text-indent: -9999px; -o-border-radius: 20px; border-radius: 20px; -o-box-shadow: none; box-shadow: none; } .testi-slider .flex-control-paging li a:hover { border: solid 1px #fff; background: #fff; } .testi-slider .flex-control-paging li a.flex-active { border: solid 1px #fff; cursor: default; background: #fff; } .size10 { font-size: 10px; } .size20 { font-size: 20px; } .size30 { font-size: 30px; } .size40 { font-size: 40px; } .size50 { font-size: 50px; } .size60 { font-size: 60px; } .size70 { font-size: 70px; } .typed-strings p { position: absolute; } .deco-big { display: block; font-size: 120px; font-family: "Miama"; margin-top: 48px; margin-left: -20px; } .deco-md { display: block; font-size: 120px; font-family: "Miama"; margin-top: 32px; margin-left: -20px; } .social-icons-sm i { color: #fff; margin: 0 5px 0 5px; border: solid 1px #555; width: 32px; height: 32px; padding: 8px; text-align: center; border-radius: 30px; } .social-icons-sm i:hover { color: #ffffff; } .arrowup { width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #fff; margin: 0 auto; left: 0; right: 0; position: absolute; margin-top: -30px; } .arrowdown { width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #ffffff; margin: 0 auto; left: 0; right: 0; position: absolute; } .arrowright { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid green; } .arrowleft { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid blue; } blockquote.very-big { border: none; font-family: "Nunito"; text-align: center; border: none; font-size: 32px; font-weight: 400; background: none; font-style: normal; } blockquote.very-big span { font-family: "Nunito"; } a, img { outline: 0; } .z1 { z-index: 1; } .z10 { z-index: 10; } .rtl-content{ text-align:right; } @media only screen and (min-width: 1280px) { .container{ min-width:1200px; } } @media(min-width:980px) and (max-width: 1199px) { #mainmenu li a:after { margin-left: 15px; } .pf_full_width.gallery_border .item, .pf_full_width.gallery_border.pf_2_cols .item, .pf_full_width.gallery_border.pf_3_cols .item { float: left; width: 23.95%; } } @media (min-width: 768px) and (max-width: 979px) { .slider_text { padding-top: 0px; } } @media only screen and (max-width: 992px) { .col-right{ position:absolute; top:-82px; right:60px; width:140px; } .mb-sm-30{ margin-bottom:30px; } .p-sm-30{ padding:40px; } .pb-sm-0{ padding-bottom:0; } .mb-sm-0{ margin-bottom:0; } .text-center-sm { text-align: center; } #menu-btn { display: block; position: relative; float: right; } #de-sidebar { position: absolute; width: 100%; right: 1px; } #subheader, { padding: 0 0 0 0; } .de-navbar-left #subheader { padding: 0; margin: 0; } #subheader h1 { margin-top:0; } #subheader span { display: none; } #subheader .crumb { display: none; } .de-navbar-left #subheader { padding-top: 70px; } .slider_text h1 { font-size: 32px; } .slider_text .description { display: none; } div#logo { margin-top: -15px; } #logo, #logo .inner { vertical-align: middle; height: auto; } #domain-check .text, #domain-check .button { width: 100%; } .container-4 .de-team-list { width: 49.9%; float: left; position: relative; } #testimonial-full blockquote { padding: 20px; } nav { height:0; } #mainmenu { float: none; z-index: 200; width: 100%; margin: 0; padding: 0; } #mainmenu a { text-align: left; padding-left: 0; padding-top: 10px; padding-bottom: 10px; } #mainmenu li li a, #mainmenu li li li a { padding-left: 0; } #mainmenu a:hover { background: #111; } #mainmenu a:hover { background: #111; } #mainmenu li ul { display: block; position: inherit; margin: 0; width: 100%; } #mainmenu li { border-bottom: solid 1px #eee; margin: 0; width: 100%; display: block; } #mainmenu li a:after { display: none; } #mainmenu li:last-child { margin-bottom: 30px; } #mainmenu li ul { border-top: solid 1px #eee; top: auto; width: auto; height: auto; position: inherit; visibility: visible; opacity: 1; } #mainmenu li ul a { width: 100%; background: none; border: none; } #mainmenu li ul li { border: none; padding-left: 40px; } #mainmenu li ul li a { display: block; } #mainmenu li ul li:last-child { border-bottom: none; margin: 0; } #mainmenu li ul li:last-child a { border-bottom: none; } #mainmenu li a { color: #eceff3; } #mainmenu li li a:hover { color: #fff; } #mainmenu li ul.mega{ position:fixed; left:0; width:100%; margin-top:30px; display:block; } #mainmenu li ul.mega > li{ width:100%; } #mainmenu li ul.mega > li ul{ position:static; visibility: visible; opacity: 1; left:0; float:none; width:100%; } #mainmenu li ul.mega .inner{ background:#1A1C26; } #mainmenu ul.mega > li ul li{ margin:0; padding:0; } #mainmenu li ul.mega .menu-content{ background:#202020; padding:30px; } .header-light #mainmenu ul li a, .header-light #mainmenu ul li a:hover { color: #333; } .de_tab.tab_steps .de_nav { text-align: center; } .de_tab.tab_steps .de_nav li { display: block; margin: 0; padding: 0; } .de_tab.tab_steps .de_nav li span { margin: 0; margin-bottom: 40px; display: inline-block; } .de_tab.tab_steps .de_nav li .v-border { border: none; } .hidden-phone { display: none; } .grid_gallery .item { width: 100%; } .table [class*="col-"] { float: none; display: block; vertical-align: top; } .table-pricing thead tr, .table-pricing tbody tr { display:block; width:100%; } .table-pricing thead tr{ display:none; } .table-pricing tbody tr th, .table-pricing tbody tr td{ text-align:left; display:block; width:100%; } .table-pricing tbody tr td{ padding:10px 30px; } .table-pricing tbody tr td:nth-child(2){ padding-top:30px; } .table-pricing tbody tr td:last-child{ padding-bottom:40px; text-align:center; } .table-pricing tbody tr th span, .table-pricing tbody tr td span{ min-width:50%; } .table-pricing tbody tr th .lbl, .table-pricing tbody tr td .lbl{ display:inline-block; min-width:50%; } .table-pricing tbody tr th{ color:#ffffff; padding:20px 30px; } .btn-rsvp { position: absolute; } .btn-close { position: relative; } .schedule-item .sc-info { padding-top: 20px; } .de_tab.tab_style_4 .de_nav li { min-width:100px; } #mainmenu a span{ display:none; } .pf_full_width.grid{ margin-left:1.5%; } .de_tab.tab_steps.style-2 .de_nav li.active .arrow{ margin-top:-40px; margin-bottom:40px; } .table-custom-1{ position:relative; height:auto; } h1.very-big{ font-size:9vw; letter-spacing:0; } .timeline > li > .timeline-panel { width:100%; } .timeline-badge{ display:none; } .timeline:before{ background:none; } } @media only screen and (max-width: 767px) { .pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box { width: 100%; } .container-4 .de-team-list { width: 100%; float: left; position: relative; } .countdown-section { font-size: 12px; } .countdown-amount { font-size: 36px; } .container { padding-left: 30px; padding-right: 30px; } .feature-box-image, .pricing-box { margin-bottom: 30px; } #filters li.pull-right { float: none; } .de_tab .de_nav li { display: block; width: 100%; } .pf_full_width .item { float: left; width: 49.9%; } .text-item { font-size: 48px; line-height: 48px; } .text-item i { font-size: 36px; } #de-sidebar { width: 100%; display: block; position: relative; } .gallery_border { margin-left: 0px; } .pf_full_width.gallery_border .item { width: 48.9%; } body.boxed { margin: 0px; } .schedule-item .sc-time { width: 100%; padding-bottom: 20px; float: none; } .schedule-item .sc-pic { width: 80px; } .schedule-item .sc-pic img { width: 60px; } .schedule-item .sc-name { padding-top: 5px; } .schedule-item .sc-info { float: none; display: block; width: 100%; clear: both; padding-top: 30px; } .schedule-item .sc-info h4 { margin-bottom: 10px; } .de_tab.tab_style_4 .de_nav { border-radius: 0; } .de_tab.tab_style_4 .de_nav li { min-width: 33.3%; width: 33.3%; border: none; } .de_tab.tab_style_4 .de_nav li:first-child, .de_tab.tab_style_4 .de_nav li:last-child { border-radius: 0; } .pf_full_width.grid{ margin-left:.2%; } .pf_full_width.grid .item{ width: 48.5%; } .display-table [class*="col-"] { display: block; } h1.big, h1_big{ font-size:8vw; line-height:10vw; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .container { padding-left: 30px; padding-right: 30px; } .feature-box-image, .pricing-box { margin-bottom: 30px; } .timeline-panel{ margin-bottom:30px; } .timeline-pic{ height:300px; } } @media only screen and (max-width: 480px) { .pf_full_width .item { float: left; width: 100%; } .text-item { font-size: 32px; line-height: 32px; } .text-item i { font-size: 24px; } .pf_full_width.gallery_border .item { width: 100%; } h4.s2 span { display: block; margin: 0; padding: 0; } } @media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait){ section{ -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-attachment:scroll; } } @media only screen and (max-width: 992px) { #subheader{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment:scroll; } } @media only screen and (max-width: 992px) { section{ -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; background-attachment:scroll; } }