@charset "utf-8";
@import "https://fonts.googleapis.com/css2?family=Montserrat&family=Nunito:wght@400;500;600;700;800;900;1000&display=swap";
@import "https://use.typekit.net/ynf8xat.css";

html { overflow-x: hidden; padding: 0 !important; margin: 0 !important; background: #111111 }

body { font-family: Nunito !important; font-size: 15px; font-weight: 400; background: top fixed; background-size: cover; color: #777777; line-height: 1.7em; padding: 0; display: none }

div, span, h1, h2, h3, h4, h5, h6, a { font-family: Nunito !important }

#wrapper { overflow: hidden; padding: 40px 0 40px 0 }

#main { position: relative; -webkit-box-shadow: 8px 8px 60px 0px rgba(0,0,0,0.2); -moz-box-shadow: 8px 8px 60px 0px rgba(0,0,0,0.2); box-shadow: 8px 8px 60px 0px rgba(0,0,0,0.2); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden }

.fullwidth #main { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px }

.de-navbar-left #wrapper { overflow: visible }

header { width: 100%; height: 80px; position: absolute; top: 30px; left: 0; z-index: 1000; background: #333333 }

header .info { display: none; color: #fff; padding: 10px 0 10px 0; width: 100%; z-index: 100; background: #242424 }

header .info .col { display: inline-block; font-size: 12px }

header .info .col { padding-right: 30px }

header .info .col:last-child { padding-right: 0px }

header .info i { font-size: 14px; margin-right: 15px }

header .info .social.col { border: none }

header .info .social i { color: #fff; font-size: 14px; display: inline-block; float: none; padding: 0 10px 0 10px; margin: 0 }

header .info strong { font-size: 12px }

header.header-bg { background: rgba(0, 0, 0, 0.5) }

header.transparent { background: rgba(0, 0, 0, 0.0) }

header:not(.smaller):not(.header-mobile).header-light.transparent { background: rgba(255, 255, 255, 0.0) }

header.autoshow { top: -120px; height: 70px !important }

header.autoshow.scrollOn, header.autoshow.scrollOff { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none }

header.autoshow.scrollOn { top: 0 }

header.autoshow.scrollOff { top: -120px }

header div#logo { color: #fff; display: inline-block; height: 100%; float: left; font-size: 72px; color: white; font-weight: 400; line-height: 60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: absolute }

#top-bar.transparent { background: none }

#top-bar #logo { padding-top: 20px }

#top-bar #logo { color: #44566c; font-weight: 600; font-size: 24px; text-decoration: none }

header .logo-2 { display: none }

header .logo-scroll { display: none }

header .logo, header .logo-2 { font-family: "Montserrat"; color: #44566c; font-size: 40px; font-weight: 300 }

header .logo-2 { color: #333 }

header nav { text-align: center; float: none }

header nav a { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }

header nav a:hover { color: #555 }

header.smaller #mainmenu a { padding-top: 18px; padding-bottom: 18px }

header.smaller #mainmenu a { padding-top: 18px; padding-bottom: 18px }

header.smaller #mainmenu li li a { padding-top: 2px; padding-bottom: 2px }

header.smaller #mainmenu ul { top: 70px }

header.smaller #mainmenu ul ul { top: 0px }

header.smaller { height: 70px; background: rgba(50, 50, 50, .95); position: fixed; top: 0px }

header.smaller .btn-rsvp { height: 100px; padding-top: 55px }

.boxed header.smaller { margin-top: 0px }

header.smaller div#logo { line-height: 48px }

header.smaller.scroll-light { background: #fff }

header:not(.header-light).smaller.scroll-light div#logo .logo { display: none }

header.smaller.scroll-light div#logo .logo-2 { display: inline-block }

header.smaller.scroll-light div#logo .logo-scroll { display: inline-block }

header.smaller.scroll-light #mainmenu a, header.header-mobile.header-light #mainmenu a { color: #333 }

header.smaller.scroll-light #mainmenu li li a { color: #fff }

header.smaller.header-light div#logo .logo { display: none }

.logo-smaller div#logo { width: 150px; height: 30px; line-height: 65px; font-size: 30px }

.logo-smaller div#logo img { line-height: 75px; 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 }

header.de_header_2 { height: 125px }

header.de_header_2.smaller { height: 70px }

header.de_header_2.smaller .info { position: absolute; opacity: 0; z-index: -1 }

.de-navbar-left { background: #151618 }

.de-navbar-left #logo { padding: 40px; text-align: center; width: 100% }

.de-navbar-left header { position: relative; display: block; width: 100%; height: 100%; left: 0; background: none; padding: 30px; padding-right: 20px }

.de-navbar-left header #mainmenu { float: none; margin: 0; padding: 0 }

.de-navbar-left header #mainmenu > li { display: block !important; margin: 0; float: none; text-align: center; font-family: "Montserrat"; letter-spacing: 5px; font-size: 14px; padding: 0; padding-top: 10px; padding-bottom: 10px; border-bottom: solid 1px rgba(255, 255, 255, .1) }

.de_dark.de-navbar-left header #mainmenu > li { border-bottom: solid 1px rgba(0, 0, 0, .05) }

.de-navbar-left header #mainmenu > li > a { padding: 0; opacity: .5 }

.de_dark.de-navbar-left header #mainmenu > li > a { color: #222 }

.de-navbar-left header #mainmenu > li a:hover { opacity: 1 }

.de-navbar-left header #mainmenu > li > a:after { content: none }

.de-navbar-left header nav { float: none !important }

#subheader { padding: 180px 0 40px 0; text-align: center; overflow: hidden }

#subheader .wrap { padding: 180px 0 40px 0; background: rgba(30, 30, 30, .5) }

.de-navbar-left #subheader { padding-bottom: 120px }

#subheader h1 { color: #eceff3; margin-top: 80px; font-size: 32px; text-transform: uppercase; font-weight: 600 }

#subheader h2 { position: relative; z-index: 10 }

#subheader h2.s2 { font-family: "Parisienne"; font-size: 84px; font-weight: lighter !important }

#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; 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 { background: #202220; color: #ccc }

#subheader.dark h2, #subheader.dark h3 { color: #fff }

#subheader.dark h2 { font-size: 48px }

.de-navbar-left.de_dark #subheader h1 { color: #222 }

#mainmenu { display: inline-block; font-family: "neuzeit-grotesk"; font-size: 11px; font-weight: bold; margin-top: -10px; letter-spacing: 2px }

#mainmenu.icon-style i { margin-right: 10px }

#mainmenu ul { float: right; margin: 0px 0px; padding: 0px 0px; height: 30px }

#mainmenu li { margin: 0px 0px; padding: 0px 0px; float: left; display: inline; list-style: none; position: relative; text-transform: uppercase }

#mainmenu a { display: inline-block; line-height: 35px; text-decoration: none; color: #44566c; outline: none }

#mainmenu a span { display: block; margin-bottom: -20px; font-size: 12px }

#mainmenu a.active span { color: #fff }

#mainmenu a { opacity: 1 }

#mainmenu a.active, #mainmenu a.active:hover { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; opacity: 1; color: #ffffff }

#mainmenu li a:not(.active):hover { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: rgba(0,0,0,.5) }

.header-light #mainmenu > li > a { color: #222 }

#mainmenu li:last-child a:after { display: none }

#mainmenu.no-separator li a:after { font-size: 0px }

#mainmenu.line-separator li a:after { content: "/"; font-size: 14px }

#mainmenu.circle-separator li a:after { content: "\f10c"; font-size: 9px }

#mainmenu.strip-separator li a:after { content: "\f068"; font-size: 9px }

#mainmenu.plus-separator li a:after { content: "\f067"; font-size: 11px }

#mainmenu.square-separator li a:after { content: "\f096"; font-size: 11px }

#mainmenu.heart-separator li a:after { content: "\f004"; font-size: 8px }

#mainmenu li li { font-weight: normal; border-bottom: solid 1px #333 }

#mainmenu li li:last-child { border-bottom: none }

#mainmenu li li a { padding: 2px 15px 2px 15px; background: #222327; border-top: none; color: #ccc; width: 100%; border-left: none; text-align: left }

#mainmenu li li a:hover { color: #111 }

#mainmenu li li a:after { content: none !important }

#mainmenu li li li a { padding: 2px 15px 2px 15px; background: #222327 }

#mainmenu li li a:hover, #mainmenu ul li:hover > a { color: #111; background: #1a8b49 }

#mainmenu li ul { width: 210px; height: auto; position: absolute; padding-top: 37px; left: 0px; z-index: 10; visibility: hidden; opacity: 0 }

#mainmenu li li { display: block; float: none; text-transform: none }

#mainmenu li > ul { margin-top: 30px }

#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 }

#top-bar nav { text-align: center }

#top-bar #mainmenu { height: 28px; display: inline-block }

#top-bar #mainmenu a { text-align: left; margin: 0; padding: 0 15px; background: none }

#menu-btn { display: none; margin-top: -3px; width: 36px; height: 36px; padding: 6px; text-align: center; cursor: pointer; right: 30px }

#menu-btn .lt, #menu-btn .lm, #menu-btn .lb { display: block; position: absolute; width: 36px; height: 2px; background: #ffffff }

#menu-btn .lt { top: 5px }

#menu-btn .lm { top: 15px }

#menu-btn .lb { top: 25px }

#menu-btn.menu-open .lt { top: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) }

#menu-btn.menu-open .lm { width: 0; opacity: 0 }

#menu-btn.menu-open .lb { top: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }

header.header-mobile.header-light, header.header-mobile.header-light #menu-btn, header.header-mobile.header-light #menu-btn:hover { background: none }

header.header-mobile.header-light #menu-btn { color: #222 }

#content { width: 100%; background: #111111; z-index: 100; overflow: hidden; position: relative; height: 100% }

.fluid, #content.fluid { padding: 0 }

.de_dark #content { background: #ffffff }

#content { background: #18191b }

.content-wrap { padding: 100px 60px 90px 60px }

section { position: relative; padding: 100px 0 100px 0; overflow: hidden }

.section { background-position: top center }

#section-skills { display: block }

section { background: #111111 }

section.overwidth { width: 102% }

.de-navbar-left .container-fluid .container { width: 100% !important }

.de-navbar-left section { padding: 70px }

.section-fixed { position: fixed; width: 100%; min-height: 100%; height: auto }

.full-height { overflow: hidden !important; display: table; width: 100% }

.full-height .middle { display: table-cell; height: auto; vertical-align: middle }

footer { background: #222222; color: #ccc; padding: 80px 0 0px 0 }

footer h3, .de_dark footer h3 { color: #fff; font-size: 20px; text-transform: none; font-weight: normal }

footer a { color: #ccc }

footer a:visited { color: #ccc }

footer a:hover { color: #eceff3 }

.de-navbar-left footer { padding: 70px 70px 0 70px }

.subfooter { font-size: 13px; background: #232323; margin-top: 80px; padding: 30px 0 20px 0 }

.de-navbar-left .subfooter { background: none }

header.side-header { border-bottom: none !important; margin: 0 }

header.side-header .social-icons-2 { margin: 0 auto; margin-top: 50px !important; float: none; text-align: center }

header.side-header .social-icons-2 a { display: inline-block; margin: 0 2px 0 2px; background: #555; width: 36px; height: 36px; padding-top: 5px; display: inline-block; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; opacity: .2 }

.de_dark header.side-header .social-icons-2 a { background: #fff; color: #333 }

header.side-header .social-icons-2 a:hover { opacity: 1 }

.de-navbar-left.de_dark header, .de-navbar-left.de_dark { background: #f9f9f9 }

header.header-light-transparent { background: rgba(255, 255, 255, .5) }

header.header-solid.header-light #mainmenu > li > a { color: #555 }

header.header-solid.header-light .info { background: #eee; color: #555 }

header.header-solid.header-light .info .social i { color: #222 }

header.header-solid { background: #222; position: relative }

header.header-light { background: rgba(255, 255, 255, .8) }

header.header-mobile { height: 100%; background: #fff }

header.header-mobile .logo { display: none }

header.header-mobile .btn-rsvp { padding-top: 40px; height: 90px }

header.header-mobile .logo-2 { display: inline-block !important }

header.header-mobile.header-light { background: #fff }

header.header-solid.header-light { background: #fff }

header.header-light .logo { display: none }

header.header-light .logo-2 { display: inline-block }

#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_dark .blog-list li { border-bottom: solid 1px #ddd }

.blog-list h3 { margin-top: 20px }

.blog-list h3 a { color: #fff }

.de_dark .blog-list h3 a { color: #222222 }

.de_dark .text-light .blog-list h3 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_dark .blog-list .btn-more:hover { background: #222; color: #fff }

.blog-list .post-text { padding-left: 80px }

.blog-list .blog-slider { margin-bottom: -60px }

.bloglist { border-bottom: solid 1px rgba(255,255,255,.05); padding-bottom: 10px; margin-bottom: 30px }

.bloglist .date-box { position: absolute; width: 60px; height: 60px; text-align: center; color: #ffffff; background: #ffffff; padding: 10px 0; margin: 10px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px }

.bloglist.s1 .post-text { padding-left: 100px }

.bloglist .post-text h3 { margin: 0; margin-bottom: 20px }

.bloglist .post-text h3 a { color: #ffffff }

.bloglist .date-box .d { font-weight: bold; font-size: 28px; letter-spacing: 0 }

.bloglist .date-box .m { font-size: 12px; letter-spacing: 1px }

.blog-item img { float: left; width: 30%; margin-bottom: 20px }

.blog-item .text { float: left; width: 70%; padding-left: 20px }

.blog-item h5 { margin-top: 0; font-weight: 500; color: #888; font-size: 12px; margin-bottom: 5px }

.blog-item h4 { margin-top: 0px }

.blog-item h4 a { text-decoration: none }

.de_dark .blog-list .date-box .month { border-bottom-color: #ddd }

.de_dark .text-light .blog-list .date-box .month { color: #fff }

.blog-snippet li { border-bottom: none !important; margin-bottom: 0 }

#blog-carousel .item { width: 100% }

#blog-carousel .owl-dots { margin-bottom: 60px }

#blog-carousel .owl-dots button { display: none }

#blog-comment { margin-top: 40px }

#blog-comment h5 { margin-bottom: 10px }

#blog-comment ul, #blog-comment li { list-style: none; margin-left: -30px; padding-left: 0 }

#blog-comment li { min-height: 70px; margin-bottom: 10px; padding-bottom: 20px; padding-top: 10px; border-bottom: solid 1px rgba(255,255,255,.05) }

.text-light #blog-comment li { border-bottom-color: rgba(255,255,255,.2) }

#blog-comment li .avatar { margin-top: 5px; float: left }

#blog-comment .comment { margin-top: -20px; margin-left: 95px }

#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: 20px; border-top: solid 1px rgba(255,255,255,.05); border-bottom: none }

.text-light #blog-comment li li { border-top-color: rgba(255,255,255,.2) }

.comment-info { margin-left: 95px; margin-bottom: 5px }

.comment-info .c_name { display: block; font-weight: 700; color: #ffffff }

.text-light .comment-info .c_name { color: #ffffff }

.comment-info .c_reply { padding-left: 20px; margin-left: 20px; border-left: solid 1px rgba(255,255,255,.05); font-size: 12px }

.text-light .comment-info .c_reply { border-left-color: rgba(255,255,255,.2) }

.comment-info .c_date { font-size: 12px }

.blog-list h3 { color: #333 }

.blog-read h3 { 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 }

#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 25px 0px; border: solid 1px #ccc; border-left: none; border-right: none; border-left: none; font-size: 11px; display: table; width: 100%; table-layout: fixed }

.text-light .post-meta { border: solid 1px rgba(255,255,255,.2); border-left: none; border-right: none; border-left: none }

.post-meta a { color: #888 !important }

.post-meta span { display: table-cell; padding: 5px 0 5px 0 }

.post-meta span i { float: none; margin-right: 10px }

.post-image img { width: 100%; margin-bottom: 0px }

.post-date:before { content: "\f017" }

.post-comment:before { content: "\f0e5" }

.post-like:before { content: "\f08a" }

.post-by:before { content: "\f040" }

.blog-slide { padding: 0; margin: 0 }

.post-text { padding-top: 10px }

.post-text h3 { font-size: 18px; margin-top: 10px }

.post-text h3 a { color: #44566c; text-decoration: none }

.post-text .tags { font-size: 10px; text-transform: uppercase }

.blog-read img { margin-bottom: 20px }

.blog-read .post-text { padding: 0 }

.post-date, .post-comment, .post-like, .post-by { margin-right: 20px; font-size: 11px; text-transform: uppercase }

.post-date:before { content: "\f017" }

.post-comment:before { content: "\f0e5" }

.post-like:before { content: "\f08a" }

.post-by:before { content: "\f040" }

.post-cat { display: inline-block; color: #fff; padding: 2px 10px; border-radius: 2px; font-size: 12px }

.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_dark .product h4 { font-size: 16px; margin: 0; margin-top: 20px }

.product img { padding: 2px; background: #333; border: solid 1px #fff }

.de_dark .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: 190px }

.form-underline input[type=text], .form-underline textarea, .form-underline input[type=email], .form-underline select { margin-bottom: 20px; border: none; border-bottom: solid 2px #bbbbbb; background: none; border-radius: 0 !important; height: auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 10px 0 10px 0; color: #404040 }

.text-light .form-underline input[type=text], .text-light .form-underline textarea, .text-light .form-underline input[type=email], .text-light .form-underline select { border-bottom: solid 1px rgba(255,255,255,.2) }

.form-underline select { -webkit-appearance: none; -webkit-border-radius: 0px; -moz-appearance: none; appearance: none; background: url('../images_02/ui/arrow-down-form.png') no-repeat 98% 60% }

.form-underline select:focus { background: url('../images_02/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 }

.error_input { border-color: #D31E2B !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) !important }

.arrow { bottom: -2rem; left: 50%; margin-left: -20px; position: absolute; bottom: 30px; margin-left: -12px; border-radius: 15px; border: 2px solid rgba(255,255,255,.5); -webkit-animation: intro 1s; animation: intro 1s; border: none; font-size: 24px; color: #fff }

.bounce { animation: bounce 2s infinite }

@keyframes bounce {
0%,20%,50%,80%,100% { transform: translateY(0); }

40% { transform: translateY(-30px); }

60% { transform: translateY(-15px); }
}

.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 }

address { margin: 0; margin-top: 20px }

address span { display: block; border-bottom: solid 1px #222; padding-bottom: 10px; margin-bottom: 10px; font-weight: 300 }

.de_dark .widget_text address span { border-bottom: solid 1px #ddd }

address span strong { display: inline-block; width: 60px }

address span { border-bottom-color: #222 }

footer address span { border-bottom-color: rgba(255, 255, 255, .1) }

address span i { margin-top: 5px; margin-right: 20px; float: none }

address span strong { display: inline-block }

address span a { color: #eceff3 }

.address-style-2, .address-style-2 a, .address-style-2 span strong { color: #555 }

.address-style-2 span { border: none; margin-bottom: 10px }

.address-style-2 span strong { display: block }

.de_dark #sidebar .widget address span { border-bottom: solid 1px #ddd }

.de_dark #sidebar .widget address a { color: #333 }

.small-border { height: 2px; width: 120px; background: #ccc; display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 40px }

.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_dark #subheader .crumb { color: #333 }

.crumb li { display: inline; text-decoration: none; padding: 0 2px 0 2px; letter-spacing: 0; font-size: 12px }

.crumb a { text-decoration: none }

.de_dark .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 { color: #fff; text-decoration: none }

a:hover { color: #fff }

.de_dark a { color: #888 }

.de_dark a:hover { color: #555 }

.btn-line, a.btn-line { border: solid 1px #222; color: #fff; font-weight: 500; font-size: 12px; border-radius: 0; -moz-border-radius: 0; -webkit-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) !important; color: #fff }

.de_dark .btn-line, .de_dark a.btn-line { border: solid 1px rgba(1, 1, 1, .2) !important; color: #333 }

.text-light .btn-line, .text-light a.btn-line { border: solid 1px rgba(255, 255, 255, .2) !important; color: #fff }

.btn-line:hover, a.btn-line:hover { background: #fff; color: #111 !important; 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 !important }

a.btn-text { text-decoration: none; display: inline-block; color: #111 !important; font-weight: 600; padding: 0 }

a.btn-text { color: #fff !important }

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, .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 { 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 }

a.btn-line-white, .de_dark a.btn-line-white { background: none !important; border: solid 2px #fff; color: #fff; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 }

a.btn-line-black, .de_dark a.btn-line-black { background: none !important; border: solid 2px #111; color: #111; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 }

a.btn-line-black:hover { color: #fff }

.de_dark 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; opacity: .8; -webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3); box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 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 { padding: 8px 10px 8px 10px; font-weight: bold; text-transform: uppercase }

.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 !important }

.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; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 3px; padding-left: 40px; padding-right: 20px; display: inline-block; text-align: center; text-decoration: none; color: #555 }

a.btn-custom, .btn-custom, a.btn-slider, .btn-slider { font-family: "Open Sans"; font-size: 12px; min-width: 120px }

a.btn-custom, .btn-custom { background: #eee; color: #fff; border-radius: 2px; padding: 8px 30px 8px 30px; min-width: 120px }

a.btn-border { border: solid 2px rgba(255, 255, 255, 1); background: none; border-radius: 30px; padding: 9px 30px 9px 30px; color: #fff; font-family: "Montserrat"; font-weight: bold; font-size: 13px; text-transform: uppercase }

a.btn-border:hover { background: #ffffff }

.btn-rsvp { color: #ffffff !important; cursor: pointer; text-align: center; float: right; display: inline-block; text-align: center; position: relative; right: 0; top: -30px; min-width: auto; background: #333; padding: 60px 15px 15px 15px; font-size: 12px; font-weight: bold; text-decoration: none }

.btn-rsvp:hover, .btn-close:hover { opacity: .8 }

.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 }

.play-button { border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; color: #fff; text-decoration: none !important; 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: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; -moz-border-radius: 60px; -webkit-border-radius: 60px; color: #fff; text-decoration: none !important; 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.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: 30px 0 30px 0; background: none }

.de_count h3 { font-size: 40px; letter-spacing: 0px; font-weight: bold }

.de_count span { color: #333; margin: 15px 0 15px 0; font-size: 15px }

.text-light .de_count span { color: #fff }

.de_count i { display: block; font-size: 30px; margin: 0 auto; margin-bottom: 20px; width: 100%; font-weight: lighter !important }

.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 }

.spacer10 { width: 100%; height: 10px; display: block; clear: both }

.spacer20 { width: 100%; height: 20px; display: block; clear: both }

.spacer30 { width: 100%; height: 30px; display: block; clear: both }

.spacer40 { width: 100%; height: 40px; display: block; clear: both }

.spacer50 { width: 100%; height: 50px; display: block; clear: both }

.spacer60 { width: 100%; height: 60px; display: block; clear: both }

hr { display: block; clear: both; border-top: solid 1px #ddd; margin: 30px 0 30px 0 }

.divider-s1 { display: block; clear: both; background: #eee; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; height: 5px; margin: 30px 0 30px 0; border: none }

.divider-s1 span { display: block; height: 5px; width: 60px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px }

.text-light .divider-s1 { background: rgba(255,255,255,.2) }

.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(255,255,255,.05); background: rgba(0, 0, 0, 0); height: auto; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px }

.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) }

h1, h2, h3, h4, h5, h6 { font-family: "neuzeit-grotesk"; font-weight: 600; color: #44566c }

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: #fff }

h1, h2, h3, h4, h5, h6, .h1_big { color: #fff; font-family: "neuzeit-grotesk"; margin: 0; padding: 0; font-weight: 600 }

h1 { font-size: 60px; letter-spacing: -1px }

h1 span { color: #222; font-weight: 300 }

h1.s2 { font-family: "Parisienne"; font-size: 60px; font-weight: lighter !important; margin: 0 !important }

h1 .small-border { margin-top: 30px }

h1.big, .h1_big { font-size: 56px; margin: 0; line-height: 65px; letter-spacing: -2px }

h1.very-big { font-size: 84px }

h1.ultra-big, .h1_ultra { font-size: 120px; line-height: 100px; margin: 0; font-family: "neuzeit-grotesk"; font-weight: bold }

.text-light h1.ultra-big, .text-light .h1_ultra { color: #ffffff }

.uppercase { text-transform: uppercase }

h2, .h2_title { font-size: 28px; display: block; margin-top: 0; margin-bottom: 30px; line-height: 1.2em; letter-spacing: -1px }

h2 .small-border { margin-left: 0; margin-bottom: 15px; width: 40px }

h2 { display: inline-block; letter-spacing: 0px; margin: 0; font-size: 36px }

h2.s1 { font-size: 24px }

h2.deco-text span { font-family: "Parisienne"; display: block; line-height: .85em; font-weight: lighter; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -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: 20px; margin-top: 0; margin-bottom: 10px }

.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 }

h3.s3 { font-family: "Parisienne"; font-size: 60px; font-weight: lighter !important }

h4.s3 { font-family: "Open Sans"; font-weight: 300; font-size: 12px; letter-spacing: 15px }

.call-to-action h3 { 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; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg) }

h1.hs2 { font-family: "Parisienne"; font-size: 72px; display: inline-block; font-weight: lighter !important }

h2.subtitle { margin-top: 0 }

h2.name { font-family: "Montserrat"; color: #fff; font-size: 84px; line-height: 50px }

h2.name span { display: block; font-size: 32px }

h2.name-s1 { font-family: "Montserrat"; 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: "Montserrat"; text-align: center; font-weight: 600 !important; 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: "Montserrat"; 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_dark .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: "Open Sans"; font-weight: 400 }

h3.title { border-bottom: solid 1px #ddd; margin-bottom: 20px }

h3.style-2 { font-size: 18px }

h4.title { border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 20px }

h5.s2 { font-family: "Montserrat"; letter-spacing: 1px; font-size: 14px }

h5 { font-weight: bold }

h4 { margin: 10px 0 10px 0; font-size: 16px; line-height: 1.8em }

h4.s2 { font-family: "Montserrat"; font-size: 16px }

span.teaser { font-family: "Georgia"; font-style: italic; font-size: 18px }

.wm { font-family: "Miama"; font-size: 100px; font-weight: 100; position: absolute; width: 200%; left: -50%; top: 30px }

#subheader .wm { top: 60px }

.wm2 { font-family: "Parisienne"; font-size: 30px; position: relative; width: 200%; left: -50%; margin-top: -20px; margin-bottom: 20px; color: #ddd; z-index: -1; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg) }

.wm-big { bottom: -150px; font-size: 400px; text-align: center; position: absolute; width: 100%; z-index: 0; color: rgba(0, 0, 0, 0.05) !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.text-light { color: #bbb }

.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #fff !important }

.feature-box .inner { position: relative; padding: 30px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; overflow: hidden; border: solid 2px rgba(255,255,255,.05) }

.text-light .feature-box .inner { border: solid 1px rgba(255,255,255,.2) }

.feature-box:hover .inner, .feature-box:hover .inner i, .feature-box:hover .inner h3 { color: #fff }

.feature-box i { font-size: 48px; margin-bottom: 40px }

.feature-box .inner i.big { font-size: 200px; position: absolute; top: -10%; right: -10%; opacity: .1 }

.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 !important }

.dark .feature-box-small-icon i.hover { color: #fff !important }

.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: #333333 }

.feature-box-small-icon h3 { 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: #333333 }

.feature-box-small-icon-2 h3 { 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: #333333 }

.feature-box-image-2 h3 { line-height: normal; margin-bottom: 5px }

.feature-box-image-2.no-bg h2 { padding-top: 12px }

.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 h3 { line-height: normal; margin-bottom: 5px; font-size: 20px }

.feature-box-big-icon { text-align: center }

.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: 2px; -moz-border-radius: 2px; -web-kit-border-radius: 2px; 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 }

.exp-box { border-bottom: solid 1px rgba(255,255,255,.05); margin-bottom: 30px }

.text-light .exp-box { border-bottom: solid 1px rgba(255,255,255,.2) }

.exp-box h4 { margin: 0; margin-bottom: 10px; font-size: 18px }

.exp-box h5 { display: inline-block; font-size: 14px; text-decoration: none; margin-bottom: 15px; padding: 6px 12px 6px 12px; margin-right: 3px; color: #fff !important; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px }

.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 !important; 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 !important }

.box-fx .btn-line:hover, .box-fx a.btn-line:hover { background: #fff; color: #111 !important; border-color: #fff }

.box-fx .btn-line:after, .box-fx a.btn-line:after { color: #fff !important }

.box-fx .btn-line:hover:after, .box-fx a.btn-line:hover:after, .box-fx a.btn-line.hover:after { color: #111 !important }

.box-fx .bg-icon { left: 50%; bottom: 50px; color: #f6f6f6 !important; position: absolute !important; font-size: 190px !important; 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.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 }

.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; -moz-border-radius: 0; -webkit-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-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.price-row { padding: 15px 0 15px 0; background: #F8F8F8 }

.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-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: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; transition: box-shadow 1s; -webkit-transition: box-shadow 1s; -moz-transition: box-shadow 1s }

.pricing-s1 .top { background: #222222; color: #eee; padding: 40px; color: #ECF0F1; text-align: center }

.pricing-s1 .top h2 { font-size: 24px; margin-bottom: 20px; font-weight: normal }

.pricing-s1 .top > * { margin: 0px }

.pricing-s1 .top .price .currency { font-size: 24px; line-height: 54px; vertical-align: top; display: inline-block }

.pricing-s1 .top .price b { font-size: 48px; line-height: 70px; color: #fff }

.pricing-s1 .top .price .month { color: #ccc }

.pricing-s1 .bottom { border-top: 0px; padding-bottom: 5px; background: #222222; text-align: center }

.pricing-s1 .bottom ul { list-style: none; list-style-type: none; margin: 0px; padding: 0px; text-align: left }

.pricing-s1 .bottom ul li { padding: 6px 30px }

.pricing-s1 .bottom ul li > span { color: #16A085; font-size: 20px; margin-right: 20px }

.pricing-s1 .bottom ul li:nth-child(odd) { background: #282828 }

.pricing-s1 .bottom ul li:nth-child(even) { background: #2d2d2d }

.pricing-s1 .bottom > a { margin: 40px; width: auto }

.pricing-s1 .bottom i { margin-right: 10px }

.pricing-s1 .ribbon { width: 200px; position: absolute; top: 20px; left: -55px; text-align: center; line-height: 50px; letter-spacing: 1px; color: #222; font-weight: bold; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg) }

.pricing-s1.light { color: #555 }

.pricing-s1.light .top { background: #eee; color: #222 }

.pricing-s1.light .top h2 { color: #222 !important }

.pricing-s1.light .top .price b { color: #555 }

.pricing-s1.light .top .price .month { 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: #e5e5e5 }

.pricing-s1.light .bottom ul li:nth-child(even) { background: #ddd }

.pricing-s1.light .ribbon { color: #fff }

#preloader .s1 { width: 60px; height: 60px; display: table-cell; padding: 0px; vertical-align: middle; margin: 0 auto; background: #111111; text-align: center }

#preloader .s1 span { position: absolute; display: inline-block; width: 60px; height: 60px; border-radius: 100%; background: #ffffff; -webkit-animation: preloader8 1.6s linear infinite; animation: preloader8 1.6s linear infinite; margin: -30px 0 0 -30px }

#preloader .s1 span:last-child { animation-delay: -0.8s; -webkit-animation-delay: -0.8s }

@keyframes preloader8 {
0% { transform: scale(0, 0); opacity: 0.8; }

100% { transform: scale(1, 1); opacity: 0; }
}

@-webkit-keyframes preloader8 {
0% { -webkit-transform: scale(0, 0); opacity: 0.8; }

100% { -webkit-transform: scale(1, 1); opacity: 0; }
}

#preloader { display: table; position: fixed; z-index: 20000; top: 0; left: 0; width: 100%; height: 100%; background: none !important; text-align: center }

.preloader1 { width: 60px; height: 60px; display: inline-block; padding: 0px; border-radius: 100%; border: 2px solid; border-top-color: rgba(0, 0, 0, 0.65); border-bottom-color: rgba(0, 0, 0, 0.1); border-left-color: rgba(0, 0, 0, 0.1); border-right-color: rgba(0, 0, 0, 0.1); -webkit-animation: preloader1 1s ease-in infinite; animation: preloader1 1s ease-in infinite; position: absolute; margin-left: -30px; top: 45% }

@keyframes preloader1 {
from { transform: rotate(0deg); }

to { transform: rotate(360deg); }
}

@-webkit-keyframes preloader1 {
from { -webkit-transform: rotate(0deg); }

to { -webkit-transform: rotate(360deg); }
}

.de-progress { width: 100%; height: 6px; margin-top: 10px; margin-bottom: 20px; background: #eeeeee; border-radius: 30px }

.text-light .de-progress { border: solid 1px rgba(255,255,255,.2) }

.de-progress .progress-bar { background: #333; height: 6px; box-shadow: none !important; border-radius: 30px }

.skill-bar { margin-bottom: 20px }

.skill-bar .value { font-size: 12px; font-weight: bold !important; float: right; margin-top: -40px }

.social-icons { display: inline-block }

.social-icons i { text-shadow: none; color: #fff; padding: 12px; text-align: center; width: 40px; height: 40px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }

.social-icons i:hover { background: #fff; border-color: #eceff3; color: #333 }

.social-icons.big i { opacity: .8; display: inline-block; font-size: 22px; margin: 0 15px 0 15px; border: solid 1px rgba(255, 255, 255, .3); border-radius: 60px; padding-top: 13px; width: 44px; height: 44px }

.social-icons.big i:hover { background: none }

.social-icons-fixed { position: fixed; z-index: 100; width: 20px; height: 100%; text-align: center; display: table; left: 20px }

.social-icons-fixed .sc-inner { display: table-cell; vertical-align: middle }

.social-icons-fixed .sc-inner i { display: black; margin: 15px 0; font-size: 16px; color: #fff }

.social-icons-fixed.pf-click { left: -60px }

.de_tab .de_nav { overflow: hidden; padding-left: 0; margin: 0; padding: 0; font-weight: bold }

.accordion-inner img.full-size { margin-top: 5px; margin-bottom: 10px }

a.accordion-toggle, a:visited.accordion-toggle { font-weight: bold; color: #222 }

.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: "Montserrat"; font-size: 16px; -moz-border-radius: 120px; -webkit-border-radius: 120px; 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 .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 !important }

.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_dark .de_tab.tab_style_2 .de_tab_content { border: none; background: none; padding: 40px 0 0 0; border-top: solid 1px rgba(255, 255, 255, .05) }

.text-light .de_tab.tab_style_2 .de_tab_content { border-top: solid 1px rgba(255, 255, 255, .1) }

.de_dark .de_tab.tab_style_2 .de_nav li { float: none; list-style: none; background: none; margin-right: 30px; text-align: center; display: inline-block }

.de_dark .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_dark .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_dark .de_tab.tab_style_2 .de_nav li span { background: none; display: block; text-decoration: none; font-size: 14px; cursor: pointer; border: none; padding: 0; color: #888; font-weight: 600; padding-bottom: 5px }

.de_dark .de_tab.tab_style_2 .de_nav li.active span { border-bottom: solid 6px; color: #ffffff; background: none }

.text-light .de_tab.tab_style_2 .de_nav li.active span { color: #fff }

.de_dark .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_dark .de_tab.tab_style_3 .de_nav { text-align: center; background: #eee; display: inline-block; border-radius: 60px; margin-bottom: 30px; padding: 0 }

.de_dark .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_dark .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_dark .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_dark .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_dark .de_tab.tab_style_3 .de_nav li:last-child span { border-radius: 0 60px 60px 0 }

.de_dark .de_tab.tab_style_3 .de_nav li:first-child span { border-radius: 60px 0 0 60px }

.de_dark .de_tab.tab_style_3 .de_nav li span:hover { background: #ddd }

.de_dark .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 !important; 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 h3, .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 h3, .de_tab.tab_style_4 .de_nav li span { margin: 0; font-size: 22px !important; 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: "Montserrat"; 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: 2px; 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 }

.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-right: 10px; border-radius: 2px; width: 8px; height: 8px; font-size: 10px; text-align: center; line-height: 15px }

.timeline .tl-message { border-radius: 2px; 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 .tl-content label { font-weight: bold; display: inline-block; width: 80px }

.timeline .tl-block .tl-message h3 { 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; padding: 20px 30px 20px 30px; position: relative; background: #eee }

.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 #eee; border-right: 0 solid #eee; 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 }

.btn-left, .btn-right { background: none; border: solid 1px rgba(255, 255, 255, .2); padding: 10px 20px 10px 20px; margin: 5px; font-family: "Montserrat"; text-transform: uppercase; letter-spacing: 5px }

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 h3 { color: #fff }

.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 { 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 { background: #fff; color: #333; font-weight: 300; margin-top: 20px; padding: 40px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px }

.de_testi.opt-2 blockquote p { font-size: 18px }

.de_testi.opt-2 blockquote:before { display: none }

.de_testi.opt-2 .de_testi_by { font-size: 14px; font-weight: normal }

.de_testi.opt-2 .de_testi_by img { width: 60px; height: auto; margin-bottom: 10px }

.de_testi.opt-3 blockquote { background: none; color: #555; padding-top: 0; font-weight: 300 }

.de_testi.opt-3 blockquote p { font-size: 16px !important }

.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.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 }

.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 }

.padding20 { padding: 20px }

.padding30 { padding: 30px }

.padding40 { padding: 40px }

.padding50 { padding: 50px }

.padding60 { padding: 60px }

.padding70 { padding: 70px }

.padding80 { padding: 80px }

.pt0 { padding-top: 0 }

.pt10 { padding-top: 10px }

.pt20 { padding-top: 20px }

.pt30 { padding-top: 30px }

.pt40 { padding-top: 40px }

.pt60 { padding-top: 60px }

.pt80 { padding-top: 80px }

.pb0 { padding-bottom: 0 }

.pb10 { padding-bottom: 10px }

.pb20 { padding-bottom: 20px }

.pb30 { padding-bottom: 30px }

.pb40 { padding-bottom: 40px }

.pb60 { padding-bottom: 60px }

.pb80 { padding-bottom: 80px }

.pl130 { padding-left: 130px }

.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-none { overflow: none }

.width100 { width: 100% }

.border1 { border-width: 1px !important }

.bordertop { border-top: solid 1px #eee }

.borderbottom { border-bottom: solid 1px #eee }

.z-index1000 { z-index: 1000; position: relative }

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, header, .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, .section-hide, .feature-box .inner, .mask, .mask:hover, #menu-btn .lt, #menu-btn .lm, #menu-btn .lb, .social-icons-fixed .sc-inner i, .social-icons-fixed, .page-deco, .pf-nav.left, .pf-nav.right { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; 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 }

.overlay a.pf_click_1, .overlay a.pf_click_2 { -o-transition: .5s ease; -ms-transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; transition: .5s ease; outline: none }

.img-url, .picframe img { -o-transition: 1.5s ease; -ms-transition: 1.5s ease; -moz-transition: 1.5s ease; -webkit-transition: 1.5s ease; transition: 1.5s ease; outline: none }

.mask .cover div, .mask .cover p, .mask .text, .mask .cover h2 { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none }

.mask:hover .cover p { -o-transition: 1.7s; -ms-transition: 1.7s; -moz-transition: 1.7s; -webkit-transition: 1.7s; transition: 1.7s; outline: none }

video, object { display: inline-block; vertical-align: baseline; min-width: 100%; min-height: 100% }

.de-video-container { top: 0%; left: 0%; height: 500px; width: 100%; overflow: hidden }

.de-video-content { width: 100%; position: absolute; z-index: 10 }

.de-video-overlay { position: absolute; width: 100%; min-height: 100%; background: rgba(20, 20, 20, .6) }

.de-video-overlay.dotted { background: url(../images_02/dotted.png) }

.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% !important; height: 640px }

#map iframe { width: 100% }

.map iframe { width: 100%; padding: 2px; background: #fff }

.map-container { width: 100%; height: 380px; overflow: hidden }

.map-container iframe { width: 100% }

.call-to-action-box { background: #f6f6f6; border: solid 1px #ddd; background: rgb(255, 255, 255); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(242, 242, 242, 1) 100%); background: linear-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) }

.call-to-action-box { background: #27282B; border: solid 1px #202220 }

.call-to-action-box .inner { padding: 20px 20px 20px 20px }

.call-to-action-box .text { margin-right: 20px; float: left }

.call-to-action-box .act { float: right }

.call-to-action-box h3 { margin: 0; margin-top: 10px }

.call-to-action-box .btn { color: #eceff3 }

.call-to-action-box { background: #202220; color: #eceff3 }

.call-to-action-boxh3 { color: #eceff3 }

.container-fluid { padding: 0px; margin: 0px }

.btn-primary { text-shadow: none; border: none !important }

.btn.btn-primary:hover { background: #555 }

.img-responsive { display: inline-block }

.img-shadow { -webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3); box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.3) }

.img-auto { width: auto !important; height: auto !important }

.img-hover .inner { position: absolute; display: table; width: 100%; height: 100% }

.img-hover .inner .text { display: table-cell; z-index: 1; width: 100%; vertical-align: middle }

.label { font-family: "Montserrat", Arial, Helvetica, sans-serif }

.sm-info span { font-family: "neuzeit-grotesk"; color: #fff; display: block; font-size: 14px }

.color { font-size: 12px; display: inline-block; color: #fff; float: left; float: left }

.color span { display: block; width: 100px; height: 10px; background: #ffffff; float: left }

table thead { font-weight: bold }

.accordion-heading a { text-decoration: none; border: none; outline: none }

p.lead { font-size: 17px; line-height: 1.6em; margin: 10px 0; font-weight: 400 }

.text-light p.lead { color: #bbbbbb }

.panel-group { opacity: .8 }

.panel-heading, .panel-body { background: #27282B; border: solid 1px #202220 !important; border-radius: 0 !important }

.panel-body { border-top: none !important }

.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 !important; border-radius: 0 !important }

.panel-heading { background: #222 !important }

.table-bordered, .table-bordered td { border: solid 1px #202220 }

blockquote { font-size: 16px; font-style: italic; font-weight: 300; line-height: 1.7em; color: #333; background: #f8f8f8; padding: 30px }

blockquote span { display: block; font-size: 14px; font-style: normal; font-weight: normal }

blockquote.s2 { border: none; text-align: left; background: #f2f2f2; padding: 30px 30px 30px 60px; margin-top: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }

.col-md-3 { margin-right: -1px }

.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: "Montserrat", 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 }

hr { border-top: solid 1px #555 }

hr.blank { border: none; margin: 20px 0 20px 0 }

i { display: inline-block !important }

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; -moz-border-radius: 75px; -webkit-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 !important }

#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.click { cursor: pointer }

.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: #fff; padding: 10px; width: 48px; height: 48px; font-weight: normal; font-size: 32px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; margin-top: 100%; color: #222; opacity: 0 }

.overlay-v:hover i { margin-top: 25%; opacity: 1 }

.overlay-v span { background: #fff; 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; text-transform: uppercase; height: 0; color: rgba(255, 255, 255, 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_dark .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; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px }

.de_dark .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 }

#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 { text-align: center; display: block; width: 100px; background: #111; position: absolute; opacity: .75; z-index: 100 }

.picframe:hover a.pf_click_1, .picframe:hover a.pf_click_2 { padding: 0; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1) }

.picframe:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }

span.icon { cursor: pointer }

.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 { margin-top: 0; margin-bottom: 8px; overflow: hidden }

.pf_full_width .item { float: left; width: 24.99% }

.pf_4_cols { width: 100% }

.pf_full_width.pf_3_cols .item { width: calc(100% / 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% }

a.pf_click_1, a.pf_click_2 { display: inline-block; text-decoration: none; text-align: center; margin-top: -10px }

a.pf_click_2:before { content: "\f002" }

a.pf_click_1, a.pf_click_2 { opacity: 0 }

a.pf_click_1 { padding-right: 100px; -webkit-transform: scale(3); -moz-transform: scale(3); -o-transform: scale(3); transform: scale(3) }

a.pf_click_2 { padding-left: 100px; -webkit-transform: scale(3); -moz-transform: scale(3); -o-transform: scale(3); transform: scale(3) }

.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%) }

#sidebar { padding-left: 20px }

.widget { margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #333 }

.de_dark .widget { border-bottom: solid 1px #ddd }

.widget h3 { text-transform: uppercase; font-size: 16px; letter-spacing: normal; letter-spacing: 1px }

.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 }

.de_dark .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 { padding-left: 60px; display: block; text-decoration: none }

.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 .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 }

.text-light .widget .comments li { border-bottom-color: rgba(255,255,255,.2) }

.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: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border: solid 1px rgba(255, 255, 255, .1); color: #888; padding: 7px 10px 7px 10px }

.de_dark .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_dark .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 { color: #eceff3; border-color: #eceff3 }

footer .widget { border: none !important; 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 h3 { 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 }

.side-layout header { width: 20%; height: 100%; background: #222; position: fixed; padding: 30px; top: 0 }

.side-layout header.header-light { background: #fff !important; border-right: solid 1px #eee }

.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 header .info { display: none !important }

.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 header.smaller #mainmenu > li { border-bottom: solid 1px rgba(0, 0, 0, .1) }

.side-layout header.smaller { border-right: solid 1px #f6f6f6 }

.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 header div#logo { display: block; float: none; text-align: center }

.side-layout header div#logo img { width: 100% }

.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 }

.side-layout.side-custom-bg header { background: url(../images/background/bg-header.jpg) top left; background-size: cover }

.mask.s2 .cover p { padding-top: 5px; padding: 0 }

.mask.s2 .cover { padding: 40px; top: 0; height: 100%; background: rgba(0,0,0,0) }

.mask.s2:hover { background: rgba(0,0,0,.5) }

.mask.s2 .cover .text { overflow: hidden; position: absolute; display: block; top: 85%; padding-right: 40px }

.mask.s2:hover .cover .text { top: 65% }

.mask.s2 .cover h2 { font-size: 28px; border: none; padding: 0; margin: 0; margin-bottom: 20px }

.mask.s2 .tiny-border { margin: 0; margin-bottom: 20px }

.mask.s2:hover .tiny-border { width: 100% }

.mask.s2:hover p { opacity: 1 }

.mask.s2 p { opacity: 0; color: #ffffff }

.carousel-item { width: 100% }

.carousel-item img { width: 100%; height: auto }

.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) }

.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; }
}

.row.no-gutters { margin-right: 0; margin-left: 0 }

.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0 }

.image-group { position: absolute; height: 100%; overflow: hidden }

.image-group .inner { width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; box-sizing: content-box }

.f-text { line-height: 36px }

.page-deco { position: fixed; top: 50%; right: -35px; z-index: 10; text-transform: uppercase; text-align: right; transform: rotate(270deg); letter-spacing: 3px; font-size: 12px; font-weight: 400; color: #ffffff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.page-deco.pf-click { right: -95px }

.in-box { background: rgba(255,255,255,.03); padding: 30px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px }

.view-scroll { height: 550px; overflow-y: scroll }

.opacity0 { opacity: 0 }

#de-arrow-nav-set { text-align: center; padding: 15px 10px 10px 10px; background: #44566c }

#de-arrow-nav-set i { color: #fff; font-size: 32px }

#de-arrow-nav-set a i { color: #fff }

#de-arrow-nav-set i.icon_menu { display: inline-block }

.details { margin-bottom: 30px; font-size: 13px; background: rgba(255,255,255,.05); padding: 30px; padding-top: 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px }

.text-light .details { background: rgba(255,255,255,.05) }

.info-text span.title { display: inline-block; min-width: 80px }

.info-text span.val { margin-bottom: 15px; font-weight: 600 }

.img-fx { position: absolute; width: 100%; height: 100%; overflow: hidden }

.img-fx img { display: none }

.img-url { position: absolute; width: 100%; height: 100% }

.img-url, .img-url.to-2x { top: -100% }

.img-url.to-size { top: 0 }

.tags { margin: 0; padding: 0 }

.tags li { display: inline-block; font-size: 12px; text-decoration: none; margin-bottom: 5px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; border: solid 1px #000; color: #000; padding: 0px 12px 0px 12px; border-radius: 30px; margin-right: 3px }

.box3 { width: auto; display: inline-block; margin-bottom: 10px; border-radius: 15px; background: #00bfb6; color: #fff; padding: 15px 30px 15px 30px; text-align: center; font-weight: 900; position: relative }

.sb14:before { content: ""; width: 0px; height: 0px; position: absolute; border-left: 15px solid transparent; border-right: 15px solid #00bfb6; border-top: 15px solid #00bfb6; border-bottom: 15px solid transparent; left: -16px; top: 0px }

.schedule-item { padding: 40px 0 30px 0; border-bottom: solid 1px #ddd }

.schedule-listing:nth-child(even) { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(229, 229, 229, 1) 50%, rgba(255, 255, 255, 0) 100%); background: linear-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 h3 { margin-bottom: 10px }

.de_tab.tab_style_4 .de_nav { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.bg-white { background: #ffffff }

.wh80 { width: 80%; height: 80% }

.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 !important }

.fontsize32 { font-size: 32px !important }

.fontsize36 { font-size: 36px !important }

.fontsize40 { font-size: 40px !important }

.fontsize48 { font-size: 48px !important }

.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-"] { 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-show { top: 0 }

#popup-box.popup-hide { top: -100% }

.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 { background: #333; display: inline-block; padding: 20px; font-size: 40px; color: #fff; margin-top: 140px; width: 70px; height: 70px; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; -webkit-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6); box-shadow: 8px 8px 40px 0px rgba(0, 0, 0, 0.6) }

#services-list { padding: 0; margin: 0 }

#services-list li a { color: #fff }

.de_dark #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_dark #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: "Montserrat"; font-size: 18px; color: rgba(255, 255, 255, .5); line-height: normal; font-weight: 300 }

#navigation { position: fixed; width: 100%; height: 60px; top: 0; right: 20px; text-align: center; margin-bottom: 60px; z-index: 1000 }

.nav-exit:before { width: 100%; display: block }

.nav-next:before { content: '\f178'; width: 100%; background: #555 }

.nav-exit:before { content: '\f00d' }

.de_dark .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 { padding-bottom: 0 !important }

.no-top { padding-top: 0 !important }

.no-margin { margin: 0 !important }

.no-padding { padding: 0 !important; margin: 0 !important }

#filters i { margin-right: 10px }

.bg-side { position: relative; overflow: hidden !important }

.image-container { position: absolute; padding: 0; margin: 0 !important; background-size: cover !important }

.image-slider { cursor: move }

.inner-padding { padding: 90px 0 90px 0 }

.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: 2px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; margin: auto }

.teaser { font-family: "Montserrat"; font-size: 16px; font-weight: 300 }

.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; -moz-box-shadow: none; -webkit-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 .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 !important; height: 6px !important; 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; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; position: relative; border: solid 2px #555; top: -2px; left: -2px }

.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: #FCBA01 !important }

.teal { color: #009999 !important }

.purple { color: #663366 !important }

.green { color: #009900 !important }

.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(20, 20, 20, .7); top: 0; padding: 100px 0 100px 0 }

.overlay-gradient { width: 100%; height: 100%; z-index: 100; top: 0 }

.overlay-bg.t0 { background: rgba(1, 1, 1, 0) }

.overlay-bg.t20 { background: rgba(1, 1, 1, .2) }

.overlay-bg.t30 { background: rgba(1, 1, 1, .3) }

.overlay-bg.t50 { background: rgba(1, 1, 1, .5) }

.overlay-bg.t70 { background: rgba(1, 1, 1, .7) }

.overlay-bg.t80 { background: rgba(1, 1, 1, .8) }

.overlay-bg.t90 { background: rgba(1, 1, 1, .9) }

.overlay-bg.c1 { background: rgba(20, 20, 20, .8) }

.overlay-bg.gradient-blue-aqua { background: -moz-linear-gradient(45deg, rgba(2, 68, 129, 0.9) 0%, rgba(52, 176, 188, 1) 100%); background: -webkit-linear-gradient(45deg, rgba(2, 68, 129, 0.9) 0%, rgba(52, 176, 188, 1) 100%); background: linear-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 { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); 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: #f8f8f8 }

.wow { visibility: hidden }

#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 }

.mouse { position: absolute; width: 22px; height: 42px; bottom: 40px; left: 50%; margin-left: -12px; border-radius: 15px; border: 2px solid rgba(255,255,255,.5); -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; -webkit-transform: translateY(40px); transform: translateY(40px); }

100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes intro {
0% { opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px); }

100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes finger {
0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
}

@keyframes finger {
0% { opacity: 1; }

100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
}

@-moz-keyframes bounce {
0%,20%,50%,80%,100% { -moz-transform: translateY(0); transform: translateY(0); }

40% { -moz-transform: translateY(-30px); transform: translateY(-30px); }

60% { -moz-transform: translateY(-15px); transform: translateY(-15px); }
}

@-webkit-keyframes bounce {
0%,20%,50%,80%,100% { -webkit-transform: translateY(0); transform: translateY(0); }

40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}

@keyframes bounce {
0%,20%,50%,80%,100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); }

60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}

.arrow-anim { position: absolute; bottom: 0; left: 50%; margin-left: -20px; width: 40px; height: 40px; background-size: contain }

.bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite }

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 h3 { margin-bottom: 0px }

.profile_pic .subtitle { font-size: 13px; display: block; margin-bottom: 10px; color: #999 }

.profile_pic .tiny-border { margin-bottom: 20px }

.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 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 }

.table { display: table; margin-bottom: 0 }

.table [class*="col-"] { float: none; display: table-cell; vertical-align: middle; padding: 0 }

.table [class*="col-"].va-top { vertical-align: top }

.table .table { background: none }

.text-middle, .table [class*="col-"].text-middle { vertical-align: middle }

.data, .data li { padding: 0; margin: 0; list-style: none; margin-bottom: 5px }

.data div:first-child { width: 40%; float: left; color: #fff }

.text-light .data div:first-child { color: #fff }

.data .lbl { color: #fff; padding: 0 10px 0 10px }

#top-bar { background: #ffffff; display: table; width: 100%; padding: 30px 0 30px 0; position: fixed; top: 0; z-index: 1000 }

#top-bar #logo, #top-bar nav, #top-bar #mp-col { display: table-cell; vertical-align: middle }

#top-bar #logo, #top-bar #mp-col { padding: 0 30px 0 20px }

#top-bar #logo { padding: 0 20px 0 30px }

#top-bar #mp-col { text-align: right }

#top-bar.dark #logo, #top-bar.dark #mainmenu a { color: #ffffff }

#btm-bar { color: #fff; padding: 30px; z-index: 100; position: absolute }

.no-padding #top-bar, .no-padding #btm-bar { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 }

.no-padding #top-bar { bottom: 0 }

.no-padding #bottom-bar { top: 0 }

.va-top { vertical-align: top }

a.btn-download { font-family: "neuzeit-grotesk"; font-size: 14px }

a.btn-download:hover, a.btn-download:hover i { color: #ffffff !important }

.de_dark a.btn-download { border: solid 1px rgba(0, 0, 0, .1); color: #44566c; font-weight: bold; padding: 10px 20px 10px 20px; position: relative; right: 0px; text-decoration: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px }

.de_dark a.btn-download i { margin-right: 10px }

.text-light a.btn-download:hover, .text-light a.btn-download:hover i { color: #222222 }

.dark a.btn-download { border: solid 1px rgba(255,255,255, .1); color: #ffffff }

::-webkit-scrollbar { width: 10px }

::-webkit-scrollbar-track { background-color: #222222 }

::-webkit-scrollbar-thumb { background: #6d6d6d }

#particles-js { width: 100%; display: block; height: 100%; position: absolute; z-index: 0 }

#particles-js.fixed { position: fixed }

#bg-overlay.menu-open { position: fixed; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0,0,0,.5) }

#content.menu-open { filter: blur(10px); -webkit-filter: blur(10px) }

.pf-nav { color: #fff; cursor: pointer; z-index: 1000; position: fixed; top: 45%; font-size: 48px }

.pf-nav.left { left: 60px; opacity: 0 }

.pf-nav.right { right: 60px; opacity: 0 }

.pf-nav.left.pf-click { opacity: 1; left: 30px }

.pf-nav.right.pf-click { opacity: 1; right: 30px }

.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% !important; background-size: cover !important; 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: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: "Montserrat", 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_dark .separator span:before, .de_dark .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% !important }

.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: "Montserrat"; font-size: 64px; color: #fff; margin: 0; font-weight: bold }

.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) }

.isotope, .isotope .isotope-item { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s }

.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width }

.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity }

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s }

.filter-wrapper { text-align: center }

#filters { position: absolute; font-size: 13px; padding: 0; margin: 0; font-weight: 400; padding: 10px; padding-bottom: 0 }

#filters li { display: inline-block; margin-right: 5px }

#filters a { background: none; font-size: 13px; outline: none; margin: 0 20px 0 20px; color: #888; text-decoration: none; color: #888 }

.text-light #filters a { color: rgba(255, 255, 255, .5) }

#filters a:hover { color: #111 }

#filters a.selected { color: #000 }

.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 }

.flexslider { width: 100%; background: none; border: none; box-shadow: none; margin: 0px }

.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 .flex-direction-nav { display: none }

.logo-carousel.no-control .flex-control-nav { display: none }

.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 !important; 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 .flex-control-nav { position: absolute !important; margin-top: -50px !important }

.testi-slider .flex-direction-nav { display: none }

.testi-slider .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center }

.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; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; -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 }

.owl-dots { text-align: center }

.owl-dot { display: block; background: #ccc; border: none; margin: 5px; width: 5px; height: 5px; padding: 0; border-radius: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px }

.owl-dot.active { background: #404040 }

.owl-item.active.center > div blockquote { transform: scale(1.08); color: #fff; background: #404040; z-index: 1000; position: absolute; top: -5px }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 20px }

#blog-carousel { cursor: e-resize }

blockquote.very-big { border: none; font-family: "Montserrat"; text-align: center; border: none; font-size: 32px; font-weight: 400; background: none; font-style: normal }

blockquote.very-big span { font-family: "Open Sans" }

a, img { outline: 0 !important }

.z1 { z-index: 1 }

.z10 { z-index: 10 }

.rtl-content { text-align: right !important }

@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% }

#top-bar #mp-col { display: none }
}

@media (min-width: 768px) and (max-width: 979px) {
.slider_text { padding-top: 0px }
}

@media only screen and (max-width: 992px) {
.view-scroll { position: static; height: auto; overflow-y: hidden; padding: 60px }

.img-fx { position: static }

.img-fx img { display: block; width: 100% }

.text-center-sm { text-align: center }

#menu-btn { display: block; position: absolute; float: right }

header { display: none }

header .info { display: none !important }

header.header-bg { background: rgba(0, 0, 0, 1) }

header, header.fixed { display: block; position: inherit; margin: 0; padding: 0; margin-top: 0; height: auto; background: #000000; padding: 15px 0 15px 0 }

#de-sidebar { position: absolute !important; width: 100%; right: 1px }

header.side-header, .de_dark header.side-header { position: absolute !important; display: block; height: 60px; top: 0; background: #000 }

header.side-header #mainmenu { position: absolute; background: #000; margin: 0; top: 60px; left: 0; width: 100% }

header.side-header #logo .logo { display: none }

header.side-header #logo .logo-2 { display: inline-block; position: absolute; height: 30px; top: 15px; left: 40px }

header.side-header #menu-btn { position: absolute; top: 8px; right: 30px; height: 0; z-index: 2000; height: 35px }

header.side-header #mainmenu li { display: block }

header.side-header #mainmenu a, .de_dark.de-navbar-left header #mainmenu > li > a { display: block; text-align: center; color: #fff }

.de_dark.de-navbar-left header #mainmenu > li { border-bottom: solid 1px rgba(255, 255, 255, .1) }

header.side-header #mainmenu a:hover { background: none !important }

header.side-header #mainmenu a:hover { background: none !important }

header.side-header .social-icons-2 { display: none }

header.autoshow { height: auto !important; top: 0 !important }

header.autoshow #mainmenu li a { background: none !important }

header.header-mobile-sticky { position: fixed }

#subheader { padding: 90px 0 0 0 }

.de-navbar-left #subheader { padding: 0; margin: 0 }

#subheader h1 { margin: 45px 0 45px 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; padding-left: 10px; text-align: left !important }

#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 { width: 100%; position: fixed; top: 69px; left: 0 }

#mainmenu { display: none; position: absolute; top: 0; left: 0; float: none; z-index: 1000; width: 100%; height: 100%; margin: 0; padding: 0; margin-top: 15px; z-index: 1000 }

#top-bar #mainmenu a { padding: 0 20px 0 20px; text-align: center; font-size: 14px }

#mainmenu a { text-align: left; padding-left: 0; padding-top: 10px !important; padding-bottom: 10px !important; background: #111111; display: block }

#mainmenu li li a, #mainmenu li li li a { padding-left: 0 }

#mainmenu li ul { display: block; position: inherit; margin: 0; width: 100%; float: none; background: #3e4e5d }

#mainmenu li { margin: 0; width: 100%; display: block }

#mainmenu li a:hover { color: #fff !important }

#mainmenu li a:after { display: none }

#mainmenu li:last-child { margin-bottom: 30px }

#mainmenu li ul { top: auto; width: auto; height: auto; position: inherit; visibility: visible; opacity: 1; padding-top: 0 }

#mainmenu li ul a { width: 100%; background: none; border: none; font-size: 14px }

#mainmenu li ul li { border: none; padding-left: 40px !important }

#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 }

header.header-mobile #mainmenu { display: none; float: none; z-index: 200; width: 100%; margin: 0; padding: 0 }

header.header-mobile #mainmenu a { text-align: left; padding-top: 10px !important; padding-bottom: 10px !important }

header.header-mobile #mainmenu a:hover { background: none !important }

header.header-mobile #mainmenu li ul { display: block; position: inherit; margin: 0; width: 100% }

header.header-mobile #mainmenu li { border-bottom: solid 1px #eee; margin: 0; width: 100%; display: block }

header.header-light.header-mobile #mainmenu li, header.header-light.header-mobile #mainmenu li ul li a { border-color: #eee }

header.header-mobile #mainmenu li a:after { display: none }

header.header-mobile #mainmenu li:last-child { margin-bottom: 30px }

header.header-mobile #mainmenu li ul { border-top: none; top: auto }

header.header-mobile #mainmenu li ul a { width: 100%; background: none; border: none }

header.header-mobile #mainmenu li ul li { border: none; padding-left: 40px !important }

header #mainmenu li ul li:first-child { border-top: solid 1px #333 }

header.header-mobile #mainmenu li ul li a { display: block; border-bottom: solid 1px #333 }

header.header-mobile #mainmenu li ul li:last-child { border-bottom: none; margin: 0 }

header.header-mobile #mainmenu li ul li:last-child a { border-bottom: none }

header.header-mobile #mainmenu li a { color: #888 }

header.header-mobile #mainmenu li a:hover { color: #333 }

header.header-mobile #mainmenu li li a { font-size: 12px }

header.header-mobile #mainmenu li li a:hover { color: #888 }

header.header-mobile #mainmenu li ul { height: 0; overflow: hidden; position: relative; left: 0 }

header.header-mobile #mainmenu li ul li ul li:last-child { border-bottom: solid 1px #333 }

header.header-mobile #mainmenu li ul li ul { margin-bottom: 10px }

header.header-mobile #mainmenu > li > span { width: 36px; height: 36px; background: url(../images_02/ui/arrow-down.png) center no-repeat; position: absolute; right: 0; margin-top: 10px; z-index: 1000; cursor: pointer }

header.header-mobile #mainmenu li span.active { background: url(../images_02/ui/arrow-up.png) center no-repeat }

header.header-mobile #mainmenu li > ul > li > span { width: 36px; height: 36px; background: url(../images_02/ui/arrow-down.png) center no-repeat; position: absolute; right: 0; margin-top: -45px; z-index: 1000; cursor: pointer }

header.header-mobile #mainmenu > li > ul > li > span.active { background: url(../images_02/ui/arrow-up.png) center no-repeat }

header.header-mobile #mainmenu li ul li a { border-bottom: solid 1px #333 }

header.header-mobile #mainmenu li ul li:last-child > a { border-bottom: none !important }

header.header-light.header-mobile #mainmenu > li > span, header.header-light.header-mobile #mainmenu li > ul > li > span { background: url(../images_02/ui/arrow-down-dark.png) center no-repeat }

header.header-light.header-mobile #mainmenu > li > span.active, header.header-light.header-mobile #mainmenu li > ul > li > span.active { background: url(../images_02/ui/arrow-up-dark.png) center no-repeat }

.header-light #mainmenu ul li a, .header-light #mainmenu ul li a:hover { color: #333 !important }

.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 { display: block }

.table [class*="col-"] { float: none; display: block; vertical-align: top }

.sm-hide { display: none }

.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 }

#mainmenu a.active, #mainmenu a.active:hover { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px }

#mainmenu li a:not(.active):hover { border-radius: 0px; border-radius: 0px; border-radius: 0px; background: #323232 }

.pf_full_width.grid { margin-left: 1.5% }

a.btn-download { margin-right: 50px }

.social-icons.big i { font-size: 24px; margin: 0 10px 0 10px }

nav { width: 100%; height: 100%; position: absolute }

.h1_big { font-size: 7vw; line-height: 7vw }

.h1_ultra { font-size: 12vw; line-height: 12vw }
}

@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% }

#subheader h1 { font-size: 24px }

.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 !important }

.pf_full_width .item { float: left; width: 49.9% !important }

.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% !important }

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 h3 { margin-bottom: 10px }

.de_tab.tab_style_4 .de_nav { border-radius: 0; -moz-border-radius: 0; -webkit-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; -moz-border-radius: 0; -webkit-border-radius: 0 }

.pf_full_width.grid { margin-left: .2% }

.pf_full_width.grid .item { width: 48.5% !important }
}

@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 }

header div#logo img { max-width: 200px; height: auto }
}

@media only screen and (max-width: 480px) {
.pf_full_width .item { float: left; width: 100% !important }

.text-item { font-size: 32px; line-height: 32px }

.text-item i { font-size: 24px }

header div#logo img { max-width: 200px; height: auto }

.pf_full_width.gallery_border .item { width: 100% !important }

h3.s2 span { display: block; margin: 0; padding: 0 }

a.btn-download { display: none }
}

#back-to-home-div { text-align: center; margin-bottom: 50px }

#back-to-home-div-2 { text-align: center; margin-top: 3rem }

#back-to-home-div a, #back-to-home-div-2 a { text-decoration: none; background-color: red; color: white; padding: 10px 15px; border-radius: 20px; cursor: pointer }

@media only screen and (max-width:374px) {
#back-to-home-div-2 a { padding: 8px 12px }
}

#back-to-home-div a:hover, #back-to-home-div-2 a:hover { background-color: blue }

#components-reconnect-modal h5 { color: blue !important; margin-top: 50px !important; margin-bottom: 20px !important; font-size: 14pt }