/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,500,600,700,900,400); 
@import url(http://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800); 
@import url(https://fonts.googleapis.com/css?family=Allura);  */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;900&family=Dosis:wght@200;300;400;500;600;700;800&family=Allura&display=swap');

body { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 500; color: #ddd; line-height: 1.8em; padding: 0; background: #606060 } 
.carousel-caption { top: 35%; font-size: 38px; line-height: 46px; text-transform: uppercase; letter-spacing: 6px; width: 100%; left: 2% } 
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 47%; right: 0; z-index: 5; display: inline-block; width: 38px; height: 38px; line-height: 40px; font-size: 20px } 
.carousel-control.left .fa, .carousel-control.right .fa { top: 40%; position: relative; font-size: 60px; color: #fff } 
.carousel-control .fa-chevron-left, .carousel-control .icon-prev { left: 0 } 
.carousel-indicators li { width: 12px; height: 12px; margin: 0 3px; border: 2px solid #fff; opacity: 1 } 
.carousel-indicators .active { background: #fff; margin: 0 3px } 
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-right { border-radius: 50px } 
.carousel-control .fa-chevron-left, .carousel-control .icon-prev { left: 30px } 
h1.hero { color: #fff !important } 
.carousel-control .fa-chevron-right, .carousel-control .icon-right { right: 30px } 
body.de_light { color: #606060 } 
#wrapper { overflow: hidden } 
.de-navbar-left #wrapper { overflow: visible } 
header { width: 100%; height: 80px; position: fixed; top: 0; left: 0; z-index: 999; -webkit-transition: height .3s; -moz-transition: height .3s; -ms-transition: height .3s; -o-transition: height .3s; transition: height .3s; background: #18191b; border-bottom: solid 1px transparent } 
header .info { display: none; color: #fff; text-align: right; padding: 10px 0 10px 0; width: 100%; z-index: 100; border-bottom: solid 1px rgba(255, 255, 255, .2) } 
header .info .col { display: inline-block; padding: 0 15px 0 15px; font-size: 11px; letter-spacing: 1px } 
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 } 
header .info strong { font-size: 12px } 
header.header-light .info { color: #333 } 
header.header-light .info .social i { color: #333 } 
header.transparent.header-light .info, header.transparent.header-light .info .social i { color: #fff } 
header.header-bg { background: #fff } 
header.transparent { background: rgba(0, 0, 0, 0) } 
header.autoshow { top: -80px; height: 70px !important } 
header.autoshow.scrollOff, header.autoshow.scrollOn { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: 0 } 
header.autoshow.scrollOn { top: 0 } 
header.autoshow.scrollOff { top: -80px } 
header div#logo { display: inline-block; height: 100%; float: left; font-family: Oswald, sans-serif; font-size: 60px; color: #fff; font-weight: 400; line-height: 70px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } 
header div#logo .logo-2 { display: none } 
header nav { float: right } 
header nav a { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s } 
header nav a:hover { color: #555 } 
header.smaller:not(.header-bottom):not(.side-header) #mainmenu a { padding-top: 18px; padding-bottom: 18px } 
header.smaller:not(.header-bottom):not(.side-header) #mainmenu li li a { padding-top: 2px; padding-bottom: 2px } 
header.smaller:not(.header-bottom):not(.side-header) #mainmenu ul { top: 70px } 
header.smaller:not(.header-bottom):not(.side-header) #mainmenu ul ul { top: 0 } 
header.smaller:not(.header-bottom):not(.side-header) {
height: 70px; background: #fff; border-bottom: solid 1px #fff } 
header.smaller:not(.header-bottom):not(.side-header) div#logo { line-height: 48px } 
.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; width: 200px; } 
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 } 
header.header-light { background: #fff } 
header.header-light.transparent { background: 0 0 } 
header.smaller:not(.header-bottom).header-light { background: #fff; border-bottom-color: #eee } 
.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: 0 0; 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: Dosis; letter-spacing: 5px; font-size: 14px; padding: 0; padding-top: 10px; padding-bottom: 10px; border-bottom: solid 1px rgba(255, 255, 255, .1) } 
.de_light.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_light.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-bottom: 70px; background: #222 } 
.de-navbar-left #subheader { padding-bottom: 120px } 
#subheader h1 { color: #eceff3; margin-top: 80px; font-size: 28px; letter-spacing: 5px; float: left; padding: 10px 0; padding-left: 10px; padding-right: 40px; margin-right: 40px; text-transform: uppercase; background: rgba(0, 0, 0, .5) } 
#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: 50px; color: #fff; text-transform: uppercase; background: rgba(0, 0, 0, .5) } 
.de-navbar-left.de_light #subheader h1 { color: #222 } 
#mainmenu { font-family: Raleway, Arial, Helvetica, sans-serif; float: right; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase } 
#mainmenu ul { float: right; margin: 0 0; padding: 0 0; height: 30px } 
#mainmenu li { margin: 0 0; padding: 0 0; float: left; display: inline; list-style: none; position: relative } 
#mainmenu a { display: inline-block; padding: 25px 0 25px 20px; line-height: 35px; text-decoration: none; text-align: center; outline: 0 } 
#mainmenu a, header.transparent.header-light #mainmenu a { color: #333 } 
/*#mainmenu li a:after { float: right; position: relative; font-family: FontAwesome; content: "\f111"; font-size: 6px; margin-left: 20px; margin-top: 0; color: #c9a583 } */
#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 li li { font-size: 10px; font-weight: 400; 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: 260px; 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 { color: #111; background: #edb888 } 
#mainmenu li ul { width: 260px; height: auto; position: absolute; top: 80px; left: 0; z-index: 10; visibility: hidden; opacity: 0; margin-top: 5px } 
#mainmenu li li { display: block; float: none } 
#mainmenu li:hover>ul { visibility: visible; opacity: 1; margin-top: 0 } 
#mainmenu li ul ul { left: 100%; top: 0 } 
#mainmenu li:hover>ul { color: #edb888 } 
#mainmenu select { padding: 10px; height: 36px; font-size: 14px; border: none; background: #ff4200; color: #eceff3 } 
#mainmenu select option { padding: 10px } 
header.header-light #mainmenu>li>a, header.transparent.smaller.header-light #mainmenu>li>a { color: #333 } 
#menu-btn { display: none; float: right; margin-top: 5px; width: 36px; height: 36px; background: #333; padding: 6px; text-align: center; cursor: pointer } 
#menu-btn:before { font-family: FontAwesome; content: "\f0c9"; font-size: 24px; color: #eceff3 } 
#menu-btn:hover { background: #333 } 
#menu-btn:hover:before { color: #fff } 
#nav-toggle { float: right; width: 60px; height: 20px; position: relative; margin: 15px auto; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; padding: 10px; z-index: 100 } 
#nav-toggle span { display: block; position: absolute; height: 2px; width: 50%; background: #fff; border-radius: 9px; opacity: 1; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out } 
#nav-toggle span:first-child { top: 10px } 
#nav-toggle span:nth-child(2) { top: 18px } 
#nav-toggle span:nth-child(3) { top: 26px } 
#nav-toggle.open span:first-child { top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } 
#nav-toggle.open span:nth-child(2) { opacity: 0 } 
#nav-toggle.open span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg) } 
#menu-wrapper { width: 100%; height: 100%; background: rgba(0, 0, 0, .95); position: fixed; top: 0; left: 0; text-align: center; height: 0; overflow-y: auto } 
#menu-wrapper nav { display: inline-block; margin: 20px auto 80px auto; padding: 0; float: none; font-size: 26px; opacity: 0 } 
#content { width: 100%; background: #fff; padding: 90px 0 90px 0; z-index: 100 } 
.de_light #content { background: #fff } 
#content { background: #18191b } section { padding: 90px 0 90px 0 } section { background: #18191b } 
.de-navbar-left .container-fluid .container { width: 100% !important } 
.de-navbar-left section { padding: 70px } 
.de_light section { background: #fff } 
.section-fixed { position: fixed; width: 100%; min-height: 100%; height: auto } 
footer { background: #111; color: #ccc; padding: 80px 0 0 0 } 
.de_light footer h3, footer h3 { color: #fff; font-size: 20px } 
footer a { color: #ccc } 
footer a:hover { color: #eceff3 } 
.de-navbar-left footer { padding: 70px 70px 0 70px } 
.subfooter { background: #0b0b0b; padding: 30px 0 20px 0 } 
.de-navbar-left .subfooter { background: 0 0 } 
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_light 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_light, .de-navbar-left.de_light header { background: #f9f9f9 } 
header.header-mobile { background: #fff } 
header.smaller.header-scroll:not(.autoshow) { position: absolute } 
.header-bottom .info { display: none !important } 
#de-sidebar { padding: 0 } 
.blog-list { margin: 0; padding: 0 } 
.blog-list li { list-style: none; line-height: 1.7em; margin-bottom: 60px; margin-top: 10px; padding-bottom: 15px; border-bottom: solid 1px rgba(255, 255, 255, .1) } 
.de_light .blog-list li { border-bottom: solid 1px #ddd } 
.de_light .detils-not-b li { border-bottom: solid 0 #ddd !important } 
.blog-list h3 { margin-top: 20px } 
.blog-list .blogTitle { margin-top: 20px; font-size: 22px; color: #333; letter-spacing: normal; text-transform: none; font-family: Montserrat, Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; margin-bottom: 0 } 
.blog-list h3 a { color: #fff } 
.blog-list .blogTitle a { color: #111 } 
.blog-list .blogTitle a:focus, .blog-list .blogTitle a:hover { color: #c9a583; text-decoration: none } 
.de_light .blog-list h3 a { color: #111; text-transform: capitalize } 
.de_light .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_light .blog-list .btn-more:hover { background: #222; color: #fff } 
.blog-list img { border-bottom: solid 4px } 
.blog-list .blog-slider { margin-bottom: -60px } 
.blog-list .date-box { width: 100px; position: absolute; text-shadow: none; margin-top: -55px } 
.blog-list .date-box .day, .blog-list .date-box .month { display: block; color: #fff; text-align: center; width: 100px; z-index: 100 } 
.de_light .blog-list .date-box .day, .de_light .blog-list .date-box .month { color: #111 } 
.blog-list .date-box .month { font-size: 14px } 
.blog-list .date-box .day { color: #111; font-weight: 600; font-size: 18px; padding-top: 20px; padding-bottom: 10px; display: inline-table } 
.de_light .blog-list .date-box .day { color: #fff } 
.blog-list .date-box .month { color: #fff; font-family: "Open Sans"; font-weight: 600; letter-spacing: 16px; padding: 7px 0 7px 0; border-bottom: solid 4px #333 } 
.de_light .blog-list .date-box .month { border-bottom-color: #ddd } 
.de_light .text-light .blog-list .date-box .month { color: #fff } 
.blog-snippet li { border-bottom: none !important; margin-bottom: 0 } 
#blog-carousel .item { width: 100% } 
#blog-comment { margin-top: 40px; margin-left: 80px } 
#blog-comment h5 { margin-bottom: 10px } 
#blog-comment li, #blog-comment ul { list-style: none; margin-left: -30px; padding-left: 0 } 
#blog-comment li { min-height: 70px; padding-bottom: 10px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: solid 1px #eee } 
#blog-comment li .avatar { position: absolute; margin-top: 5px } 
#blog-comment .comment { margin-left: 85px } 
#blog-comment li { min-height: 70px; font-size: 14px; line-height: 1.6em } 
#blog-comment li li { margin-left: 55px; padding-bottom: 0; margin-top: 20px; padding-top: 10px; border-top: solid 1px #eee; border-bottom: none } 
#blog-comment li li .avatar { position: absolute } 
.comment-info { margin-left: 85px; margin-bottom: 5px } 
.comment-info .c_name { display: block; font-weight: 700; color: #555 } 
.comment-info .c_reply { padding-left: 20px; margin-left: 20px; border-left: solid 1px #ddd; font-size: 12px } 
.comment-info .c_date { font-size: 12px } 
.blog-list h3, .blog-read h3 { color: #333; letter-spacing: normal; font-size: 24px; text-transform: none } 
#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: 0 0 10px 0; border: solid 1px #eee; border-left: none; font-size: 11px; display: table; width: 100%; table-layout: fixed } 
.post-meta a { color: #888 !important } 
.post-meta span { display: table-cell; padding: 10px 0 10px 0; text-align: center; border-left: solid 1px #eee } 
.post-meta span i { float: none } 
.post-image img { width: 100%; margin-bottom: 0 } 
.post-meta { border-color: #222 } 
.post-meta span { border-color: #222 } 
.blog-slide { padding: 0; margin: 0 } 
.products { padding: 0; list-style: none } 
.products li { margin-bottom: 40px } 
.product .price { margin-bottom: 10px; font-size: 16px } 
.product img { padding: 2px; background: #333; border: solid 1px #fff } 
.de_light .product img { padding: 0; border: solid 1px #ddd } 
.full { width: 98% } 
#contact-form { margin-top: 20px } 
#contact-form input[type=email], #contact-form input[type=text], #contact-form select, #contact-form textarea, #search { padding: 10px; margin-bottom: 20px; color: #fff; border: solid 1px rgba(0, 0, 0, .3); background: rgba(0, 0, 0, .2); border-radius: 0 !important; height: auto } 
.de_light #contact-form input[type=email], .de_light #contact-form input[type=number], .de_light #contact-form input[type=text], .de_light #contact-form select, .de_light #contact-form textarea, .de_light #search { border: solid 1px #ddd; background: #f5f5f5; color: #333 !important } 
#contact-form input[placeholder], #contact-form textarea[placeholder] { color: #eee } 
#contact-form input[type=submit] { background: 0 0 } 
#contact-form input[type=submit]:hover { color: #fff !important; background: #111; border-color: #111 } 
#contact-form textarea {
height: 120px } 
.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: 0 0; color: rgba(255, 255, 255, .2) !important } 
.arrow-down, .arrow-up { width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #fff; position: fixed; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: 0; cursor: pointer; z-index: 101 } 
.arrow-down { border-top: 40px solid #fff; border-bottom: none; position: fixed; z-index: 102; top: -40px } 
.arrow-up:before { font-family: FontAwesome; font-size: 20px; content: "\f067"; color: #222; position: relative; top: 12px; margin: 0 0 0 -8px !important } 
.arrow-down:before { font-family: FontAwesome; font-size: 20px; content: "\f068"; color: #222; position: relative; top: -35px; margin: 0 0 0 -8px !important } 
address { margin: 0; margin-top: 20px } 
address span { display: block; border-bottom: solid 1px #222; padding-bottom: 5px; margin-bottom: 5px; font-weight: 300 } 
.de_light .widget_text address span { border-bottom: solid 1px #ddd } 
address span strong { display: inline-block; width: 60px } 
address span { border-bottom-color: #222 } 
address span i { margin-top: 5px; margin-right: 20px; float: none } 
address span strong { display: inline-block } 
.de_light address span a { color: #eceff3 } 
address span a:hover, address span a:focus { color: #c9a583; } 
.de_light #sidebar .widget address span { border-bottom: solid 1px #ddd } 
.de_light #sidebar .widget address a { color: #333 } 
.small-border {
height: 1px; width: 120px; background: #ccc; display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 30px } 
.crumb { color: #777; float: right; font-size: 12px } 
.de-navbar-left.de_light #subheader .crumb { color: #333 } 
.crumb li { display: inline; text-decoration: none; padding: 0 2px 0 2px } 
.crumb a { text-decoration: none } 
.de_light .crumb a:hover { color: #fff } 
.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: 10px 20px; 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_light .btn-line, .de_light 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:after { font-family: FontAwesome; content: "\f054"; padding-left: 10px } 
a.btn-text { color: #fff !important } 
a.btn-big { font-size: 14px; color: #eceff3; letter-spacing: 1px; line-height: normal; font-weight: 700; text-transform: uppercase; border: solid 1px #fff; padding: 10px 30px 10px 30px } 
a.btn-big:after { font-family: FontAwesome; content: "\f054"; margin-left: 20px } 
.btn-line, a.btn-line { color: #eceff3 } 
.btn-line:after, a.btn-line:after { font-family: FontAwesome; content: "\f054"; margin-left: 10px } 
.de_light a.btn-line-black, a.btn-line-black { border: solid 1px #111; color: #111; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-weight: 400 } 
a.btn-line-black:hover { background: #111; color: #fff } 
.de_light a.btn-line-black:hover { background: #111; color: #fff } 
.btn-fullwidth { width: 100% } 
a.btn-slider { font-size: 13px; font-weight: 700; color: #fff; letter-spacing: 3px; line-height: normal; text-decoration: none; text-transform: uppercase; border: solid 2px #fff; padding: 10px 30px 10px 30px } 
a.btn-slider:hover { color: #222; background: #fff; border-color: #000; border: solid 2px #fff } 
a.btn-slider:hover:after { color: #222 } 
a.btn-custom { font-size: 13px; color: #222; letter-spacing: 3px; line-height: normal; text-decoration: none; text-transform: uppercase; padding: 7px 25px 7px 25px; background: #fff; display: inline-block } 
a.btn-custom:hover { color: #222; opacity: .8 } 
.de_count { text-align: center; padding: 30px 0 30px 0; background: 0 0 } 
.de_count .timer { margin-top: 0; margin-bottom: 10px; font-family: Dosis, Arial, Helvetica, sans-serif; font-size: 40px; font-weight: 600; color: #333; letter-spacing: 0; text-transform: none; line-height: 1.1 } 
.de_count span { text-transform: uppercase } 
.de_count i { display: block; font-size: 60px; 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 } 
hr { display: block; clear: both; border-top: solid 1px #ddd; margin: 40px 0 40px 0 } 
.dropcap { display: inline-block; font-size: 48px; float: left; margin: 10px 15px 15px 0; color: #eceff3; padding: 20px 10px 20px 10px } 
.de_form input[type=checkbox], .de_form input[type=radio] { display: none } 
.de_form input[type=radio]+label:before { content: "\f111"; font-family: FontAwesome; margin-right: 10px } 
.de_form input[type=checkbox]+label:before { content: "\f00c"; font-family: FontAwesome; margin-right: 10px } 
.de_form input[type=checkbox]+label, .de_form input[type=radio]+label { cursor: pointer; padding: 4px 10px; border: none; background: #222; color: #606060; border-radius: 3px } 
.de_light .de_form input[type=checkbox]+label, .de_light .de_form input[type=radio]+label { background: #eee; color: #999 } 
.de_form.no-bg input[type=checkbox]+label, .de_form.no-bg input[type=radio]+label { padding: 4px 0; border: none; background: 0 0 } 
.de_form input[type=checkbox]:checked+label, .de_form input[type=radio]:checked+label { border: none; color: #fff } 
.de_light .de_form input[type=checkbox]:checked+label, .de_light .de_form input[type=radio]:checked+label { color: #333 } 
.form-transparent input[type=email], .form-transparent input[type=text], .form-transparent textarea { padding: 10px; margin-bottom: 20px; color: #fff; border: none; background: rgba(0, 0, 0, .2); border-radius: 0 !important; height: auto } 
h1, h2, h3, h4, h5, h6 { color: #000; font-family: Dosis, Arial, Helvetica, sans-serif; font-weight: 400 } 
h1 { font-size: 32px; margin: 0; text-align: center; letter-spacing: 2px; text-transform: uppercase; font-weight: 300 } 
h1 .small-border { margin-top: 30px } 
h2 { font-weight: 500; margin-bottom: 30px; line-height: 1.2em } 
h2 .small-border { margin-left: 0; margin-bottom: 15px; width: 40px } 
h3 { margin-top: 0; font-size: 18px; letter-spacing: 3px; text-transform: uppercase } 
h1.slogan_big { font-weight: 300; font-size: 64px; line-height: 64px; letter-spacing: -2px; padding: 0; margin: 0 0 30px 0 } 
h1.title { font-size: 64px; letter-spacing: 10px } 
h1.title strong { font-family: Allura; text-transform: none; letter-spacing: 0; font-weight: 400 } 
h1.title-2 { letter-spacing: 20px; text-transform: uppercase; line-height: 50px } 
h1.title-3 { font-size: 72px } 
h1.title-3 strong { font-family: Allura; text-transform: none; letter-spacing: 0; font-weight: 400 } 
h2.subtitle { margin-top: 0 } 
h1.hero { font-size: 32px; font-weight: 400; text-transform: uppercase; letter-spacing: 32px; line-height: 45px; text-align: center } 
h1.hero span { color: #c9a583 } 
h2.hero { font-size: 32px; font-weight: 400; text-transform: uppercase; letter-spacing: 32px; line-height: 45px; text-align: center } 
h2.heros span { color: #c9a583 } 
h2.heros { font-size: 32px; font-weight: 400; text-transform: uppercase; letter-spacing: 32px; line-height: 45px; text-align: center; color: #fff !important; text-shadow: 2px 2px 2px #000 } 
h2.hero span { color: #c9a583 } 
h2.style-2 { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 10px } 
.de_light .text-light h2 { color: #fff } 
h3.title { border-bottom: solid 1px #ddd; margin-bottom: 20px } 
h4.title { border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 20px } 
h5 { font-weight: 700 } 
h1, h2, h3, h4, h5 { color: #eceff3 } 
.typing-wrap { font-family: Dosis; font-size: 30px; margin: 0; line-height: 60px } span.teaser { font-family: Georgia; font-style: italic; font-size: 18px } 
.text-light { color: #ddd } 
.text-dark { color: #333 } 
.text-dark, .text-dark h1, .text-dark h2, .text-dark h3 { color: #222 } 
.text-light h1 { color: #fff !important } 
.de_light h1, .de_light h2, .de_light h3, .de_light h4, .de_light h5, .de_light h6 { color: #333 } 
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5 { color: #fff } 
.feature-box i { border: solid 1px } 
.feature-box-small-icon { margin-bottom: 30px } 
.feature-box-small-icon.center { text-align: center } 
.feature-box-small-icon .inner:hover>i { color: #fff } 
.feature-box-small-icon .text { padding-left: 70px } 
.feature-box-small-icon.center .text { padding-left: 0; display: block } 
.feature-box-small-icon i { text-shadow: none; color: #333; font-size: 32px; width: 68px; height: 68px; text-align: center; position: absolute; border-radius: 60px } 
.feature-box-small-icon i.hover { color: #333 !important } 
.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: 0 0; padding: 0 } 
.feature-box-small-icon.center .fs1 { position: inherit; float: none; display: inline-block; margin-bottom: 20px; border: none; font-size: 60px; background: 0 0; padding: 0 } 
.feature-box-small-icon i { background-color: #333 } 
.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.no-bg .inner, .feature-box-small-icon.no-bg .inner:hover { padding: 0; background: 0 0 } 
.f-hover { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: 0 } 
.feature-box i { border: solid 1px } 
.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 { background-color: #333 } 
.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: 0 0 } 
.feature-box i { border: solid 1px } 
.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: #333 } 
.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: 0 0 } 
.feature-box-image img { width: 100%; margin-bottom: 10px; height: auto } 
.feature-box-image h3 { line-height: normal; margin-bottom: 5px; font-size: 20px; font-weight: 700 } 
.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: 120px; height: 120px; text-align: center; border: none; border-radius: 10px; -moz-border-radius: 10px; -web-kit-border-radius: 10px; background: #333; margin-bottom: 40px; cursor: default } 
.feature-box-big-icon i:after { content: ""; position: absolute; margin: 75px 0 0 -40px; border-width: 20px 20px 0 20px; border-style: solid } 
.feature-box-big-icon:hover i, .feature-box-big-icon:hover i:after { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s } 
.feature-box-big-icon:hover i { background: #333 } 
.feature-box-big-icon:hover i:after { border-color: #333 transparent } 
.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, .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: #f5f5f5 !important; position: absolute !important; font-size: 190px !important; z-index: -1 } 
.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 { margin-left: 70px } 
.box-icon-simple.left i { font-size: 42px; left: 0; 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.square .number { border-radius: 0 } 
.box-number .text { margin-left: 100px } 
.box-icon .icon { display: block; font-size: 48px; color: #222; text-align: center; border-radius: 60px; position: absolute; cursor: default } 
.box-icon .text { margin-left: 80px } 
.ul-style-2 { padding: 0; list-style: none } 
.ul-style-2 li { margin: 5px 0 5px 0 } 
.ul-style-2 li:before { font-family: FontAwesome; content: "\f00c"; margin-right: 15px } 
.pagination li a:hover { color: #fff; background: 0 0 } 
.de_light .pagination li a:hover { color: #111; background: 0 0 } 
.pagination li a { color: #888; border: solid 1px #404040; background: 0 0; margin: 3px; padding: 15px 20px 15px 20px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } 
.de_light .pagination li a { border-color: #ccc } 
.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: #edb888; letter-spacing: 0 } 
.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: #f5f5f5 } 
.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: #404040 } 
.pricing-featured { position: relative } 
.pricing-featured li { padding-top: 17px; padding-bottom: 17px } 
.de-progress { width: 100%; height: 8px; background: #ddd; margin-top: 20px; margin-bottom: 20px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px } 
.de-progress .progress-bar { background: #333; height: 8px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px } 
.de-progress { background: #000 } 
.social-icons { display: inline-block } 
.social-icons i { text-shadow: none; color: #fff; padding: 8px; width: 28px; height: 28px; text-align: center; font-size: 16px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px } 
.social-icons i:hover { background: #fff; border-color: #eceff3; color: #333 } 
.de_tab { opacity: .8 } 
.de_tab .de_nav { overflow: hidden; padding-left: 0; margin: 0; padding: 0; font-weight: 700 } 
.accordion-inner img.full-size { margin-top: 5px; margin-bottom: 10px } 
a.accordion-toggle, a:visited.accordion-toggle { font-weight: 700; 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: #f5f5f5; 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: 0 0; display: inline-block; float: none; margin: 0 30px 0 30px } 
.de_tab.tab_steps .de_nav li span { padding: 30px 0 30px 0; border-radius: 120px; color: #222; font-family: Dosis; font-size: 16px; -moz-border-radius: 120px; -webkit-border-radius: 120px; line-height: 120px; width: 180px; height: 180px; text-align: center; text-transform: uppercase } 
.de_tab.tab_steps .de_nav li span:hover { background: #000; border: none; 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 #404040 } 
.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 #404040; 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: 0 0; color: #fff; border: solid 2px rgba(255, 255, 255, .8) } 
.de_tab.tab_steps.dark .de_nav li.active span { background: 0 0; 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 } 
.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 #eee } 
.tab-small-post ul li { border-bottom: solid 1px #404040 } 
.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: 0 0; width: 24% } 
.de_tab.timeline.nav_4 li span { background: 0 0; border: none; margin-top: 20px; font-family: Dosis; font-size: 14px; text-transform: uppercase; letter-spacing: 2px } 
.de_tab.timeline.nav_4 .dot { display: block; width: 8px; height: 8px; background: #fff; opacity: 1; margin: 0 auto; border-radius: 8px; margin-top: 1px } 
.de_tab.timeline.nav_4 .dot:after, .de_tab.timeline.nav_4 .dot:before { 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:after, .de_tab.timeline.nav_4 li:last-child .dot:before { border-bottom: none } 
.de_tab.timeline li .num { font-size: 20px } 
.de_tab.timeline .de_tab_content { background: 0 0; border: none; padding-top: 30px } 
.de_tab .navigation_arrow { text-align: center } 
.btn-left, .btn-right { background: 0 0; border: solid 1px rgba(255, 255, 255, .2); padding: 10px 20px 10px 20px; margin: 5px; font-family: Dosis; text-transform: uppercase; letter-spacing: 5px } 
.btn-right:after { font-family: FontAwesome; content: "\f054"; padding-left: 10px } 
.btn-left:before { font-family: FontAwesome; content: "\f053"; padding-right: 10px } 
a.btn-left, a.btn-right { text-decoration: none } 
.team { margin-bottom: 30px; text-align: center } 
.team h5 { margin-bottom: 0 } 
.team_photo { margin-bottom: 10px } 
.team img.team-pic { width: 100%; height: auto } 
.pic-team img { width: 100%; height: auto; width: 150px; height: 150px; position: absolute } 
.pic-team img.pic-hover { z-index: 100; display: none } 
.team .team_desc { font-style: italic; margin-bottom: 10px } 
.team .sb-icons { padding: 10px 0 0 0 } 
.team .sb-icons img { margin-right: 5px } 
.team .columns { margin-bottom: 30px } 
.team-list { min-height: 180px; margin-bottom: 40px } 
.team-list .team-pic { width: 150px; height: 150px; position: absolute } 
.team-list h5 { margin-top: 0; margin-bottom: 10px; font-size: 14px } 
.team-list.team_desc { font-style: italic; margin-bottom: 10px } 
.team-list .small-border { float: none; margin: 15px 0 15px 0; background: #ddd; width: 50px } 
.team-list .social { width: 150px; margin-top: 170px; text-align: center; position: absolute } 
.team-list .social a { display: inline-block } 
.team-list .info { padding-left: 170px } 
.de-team-list { overflow: hidden } 
.de-team-list .team-desc { padding: 20px; padding-bottom: 0; position: absolute; z-index: 100; top: 0; background: #111; color: #ccc } 
.de-team-list .team-desc 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, .5); font-style: normal; line-height: 1.6em; font-weight: 500 } 
.de_testi blockquote p { margin-top: 10px } 
.de_testi blockquote:before { font-family: FontAwesome; content: "\f10d"; color: #fff; padding-bottom: 10px; font-size: 20px; display: inline-block; padding: 10px 20px 10px 20px; font-style: normal; background: #000; position: absolute; left: 15px } 
.de_testi blockquote { color: #eceff3 } 
.de_testi blockquote, .de_testi blockquote p { font-size: 16px; line-height: 1.6em; font-weight: 500 } 
.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 } 
#testimonial-masonry .item { margin-bottom: 30px } 
#contact-form input[type=submit], #contact-form input[type=submit]:hover, #mainmenu li, #mainmenu li ul, .carousel-item .overlay-v, .de-gallery .overlay .icon i, .de-gallery .overlay .icon i:hover, .de-gallery.hover-1 span.overlay-1, .de-gallery.hover-1 span.overlay-1 .project-name, .de_count, .de_form input[type=checkbox]+label, .de_form input[type=radio]+label, .de_tab.tab_steps .de_nav li span, .de_tab.tab_steps .de_nav li span:hover, .feature-box-small-icon i, .mfp-close, .mfp-close:hover, .product img, .product img:hover, .social-icons a i, a.btn-line:after, de_tab .de_nav li span, header.de_header_2 .info, header.de_header_2.smaller .info, header.smaller:not(.header-bottom) { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: 0 } object, video { 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: url(../images/dot-70.png) } 
.de-video-overlay.dotted { background: url(../images/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 embed, .video-container iframe, .video-container object { 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% } 
.map iframe { width: 100%; height: 320px; border: solid 1px #ccc; padding: 2px; background: #fff } 
.map-container {
height: 500px; overflow: hidden } 
.call-to-action-box { background: #f5f5f5; border: solid 1px #ddd; background: #fff; background: -moz-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -o-linear-gradient(top, #fff 0, #f2f2f2 100%); background: -ms-linear-gradient(top, #fff 0, #f2f2f2 100%); background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%) } 
.call-to-action-box { background: #27282b; border: solid 1px #404040 } 
.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: #404040; color: #eceff3 } 
.call-to-action-boxh3 { color: #eceff3 } 
.container-fluid { /* padding: 0; */ margin: 0 } 
.btn-primary { text-shadow: none; border: none !important } 
.btn.btn-primary:hover { background: #555 } 
.img-responsive { display: inline-block } 
.label { font-family: Roboto, Arial, Helvetica, sans-serif } table thead { font-weight: 700 } 
.accordion-heading a { text-decoration: none; border: none; outline: 0 } p.intro, p.lead { font-size: 16px; font-weight: 500; line-height: 1.7em } 
.panel-group { opacity: .8 } 
.panel-body, .panel-heading { background: #27282b; border: solid 1px #404040 !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-collapse, .panel-default, .panel-group .panel { border: none !important; border-radius: 0 !important } 
.panel-heading { background: #222 !important } 
.table-bordered, .table-bordered td { border: solid 1px #404040 } 
blockquote { font-size: 24px; font-style: italic; line-height: 1.5em; font-weight: 300 } 
blockquote span { display: block; font-size: 14px; font-style: normal; font-weight: 400 } 
.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: Roboto, Arial, Helvetica, sans-serifr; padding: 10px 20px 0 60px; font-weight: 700; display: block; letter-spacing: normal } 
.toggle-list li .acc_active:hover { color: #777; background: url(../images/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/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/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/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 #777 } 
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 } 
.test-column, .test-column:hover, a, a:hover { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s } 
.de_contact_info { font-size: 40px; font-weight: 700 } 
.de_contact_info i { float: none; margin-right: 20px } 
.center-div { margin: 0 auto !important } 
.de_carousel .item { width: 100%; display: block } 
.item img { width: 100%; height: auto } 
.item h4 { margin-bottom: 0; font-size: 14px } 
#gallery .item { overflow: hidden } 
.carousel-item { width: 100% } 
.carousel-item img { width: 100%; height: auto } 
.carousel-item .overlay-v { text-align: center; width: 100px; background: rgba(0, 0, 0, .7); position: absolute; width: 100%; height: 100% } 
.carousel-item .pf_text .project-name { display: block; position: absolute; width: 100%; top: 80%; font-size: 14px; font-weight: 700 } 
.carousel-item:hover .overlay-v { background: rgba(0, 0, 0, .5) } 
.pf_text { color: #eceff3 } 
.pf_text h4 { color: #eceff3; margin-bottom: 0; font-size: 14px; font-weight: 600 } 
.project-info { color: #ccc; margin-left: 20px } 
.de_light .project-info { color: #606060 } 
.project-info h2 { margin-top: 0; font-size: 18px; letter-spacing: 3px; text-transform: uppercase } 
.project-info h4 { font-weight: 700 } 
.project-info .details { padding: 20px; border: solid 1px rgba(255, 255, 255, .2); background: rgba(0, 0, 0, .5); margin-bottom: 30px } 
.de_light .project-info .details { background: #eee; border-color: #ddd } 
.project-infoproject-info span { display: block } 
.project-info span.title { display: inline-block; min-width: 80px } 
.project-info span.val { margin-bottom: 15px; font-weight: 700 } 
.project-view { padding: 120px 0 80px 0 } 
.project-images img { width: 100% } 
.picframe { overflow: hidden !important } 
.picframe img { aspect-ratio:512/319 } 
#btn-close-x { width: 100px; height: 100px; display: block; background: url(../images/close.png) center no-repeat; margin: 0 auto; margin-bottom: 80px; cursor: pointer; padding: 20px } 
#btn-close-x { background: url(../images/close-2.png) center no-repeat } 
.project-name { font-size: 12px; font-weight: 700; display: block } span.overlay { text-align: center; display: block; width: 100px; background: #111; position: absolute } 
.de_light span.overlay { background: #fff } 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 } 
.de-gallery .project-name { font-size: 11px; text-transform: uppercase; letter-spacing: 5px } 
.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: 0 } 
.de-gallery .overlay .icon i:hover { color: #222; background: #fff } 
.de-gallery.hover-1 span.overlay-1 { text-align: center; display: block; background: rgba(0, 0, 0, .7); position: absolute } 
.de-gallery.hover-1 span.overlay-1:hover { background: rgba(0, 0, 0, 0) } 
.de-gallery.hover-1 span.overlay-1 .project-name { top: 10%; letter-spacing: 4px; position: relative } 
.de-gallery.hover-1 span.overlay-1:hover .project-name { top: -10% } 
.grid_gallery .item { margin-bottom: 30px } 
a.img-icon-url, a.img-icon-zoom { display: inline-block; width: 36px; height: 36px; background: url(../images/icon-url.png) center no-repeat; margin: 0 auto; margin: 0 2px 0 2px } 
a.img-icon-zoom { background: url(../images/icon-zoom.png) center no-repeat } 
.pf_full_width .item { float: left; width: 24.95% } 
.pf_full_width.pf_3_cols .item { width: 33.3% } 
.pf_full_width.pf_2_cols .item { width: 49.9% } 
.pf_full_width img { float: left; width: 100% } 
#sidebar { padding-left: 20px } 
.widget { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #333 } 
.de_light .widget { float: left; width: 100%; border-bottom: solid 0 #ddd } 
.widget h4 { text-transform: uppercase; padding-bottom: 20px; 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; text-transform: uppercase } 
.de_light .widget_category li { background: #eee } 
.widget_category li a { color: #606060 } 
.widget_recent_post li { padding-left: 20px; background: url(../images/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 .comments li { padding-left: 20px; background: url(../images/list-arrow.png) left 2px no-repeat; border-bottom: solid 1px #eee; padding-bottom: 7px; margin-bottom: 5px } 
.widget_tags li { float: left; width: 100%; text-shadow: none; display: inline-block; margin-right: 2px; margin-bottom: 5px } 
.widget_tags li a { float: left; width: 100%; 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: 5px 8px 5px 8px } 
.de_light .widget_tags li a { color: #606060; border: solid 1px #ddd } 
.widget_tags li a:hover { color: #555; border-color: #555 } 
.de_light .widget_tags li a:hover { color: #111; border-color: #111 } 
.widget_top_rated_product ul { float: left; width: 100%; 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 .text p { padding-bottom: 0; margin-bottom: 0 } 
.widget_top_rated_product li a img { position: absolute; width: 60px; height: 60px; margin-top: 5px } 
.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 { float: left; width: 100%; margin-top: 5px } 
footer .widget.widget_tags li a { border-color: #222 } 
footer .widget_recent_post li { padding: 0 0 5px 0; margin: 0; background: 0 0; border-bottom-color: #222 } 
footer .widget_recent_post li a { color: #ccc } 
footer .widget .footerTitle { margin-bottom: 20px; color: #fff; font-size: 20px; letter-spacing: 0; text-transform: none; font-family: Montserrat, Arial, Helvetica, sans-serif; margin-top: 0; font-weight: 400; line-height: 1.1 } 
a { color: #fff; text-decoration: none } 
a:hover { color: #fff } 
.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 } 
.padding10 { padding: 10px !important } 
.padding20 { padding: 20px !important } 
.padding30 { padding: 30px !important } 
.padding40 { padding: 40px !important } 
.padding40 { padding: 50px !important } 
.padding50 { padding: 60px !important } 
.padding60 { padding: 70px !important } 
.de_light a { color: #242021; font-weight: 600; } 
.de_light a:hover { color: #555 } 
#services-list { padding: 0; margin: 0 } 
#services-list li a { color: #fff } 
.de_light #services-list li a { color: #999 } 
#services-list li { font-weight: 700; list-style: none; margin: 0; background: rgba(0, 0, 0, .3); margin-bottom: 10px } 
.de_light #services-list li { background: #ddd } 
#services-list li a { display: block; padding: 20px; text-decoration: none } 
#services-list li a:hover { color: #111 } 
.pic-services img { margin-bottom: 30px } 
#services-list li.active a { color: #111 } 
.project-images img { margin-bottom: 60px } 
.teaser-text { font-family: Dosis; font-size: 14px; color: rgba(255, 255, 255, .5); line-height: normal; font-weight: 300; text-transform: uppercase; letter-spacing: 6px } 
#navigation { position: fixed; width: 100%; height: 60px; top: 0; right: 20px; text-align: center; margin-bottom: 60px; z-index: 1000 } 
.mfp-close { color: #fff !important; position: absolute; width: 100%; font-size: 48px; margin-top: 40px; z-index: 1000 } 
.de_light .mfp-close { color: rgba(0, 0, 0, .5) !important } 
.de_light .mfp-close:hover { color: #000 !important } 
.nav-exit:before, .nav-next:before, .nav-prev:before { font-family: FontAwesome; content: '\f177'; color: #fff; padding: 20px; font-size: 24px; cursor: pointer } 
.nav-exit:before { width: 100%; display: block } 
.nav-next:before { content: '\f178'; width: 100%; background: #555 } 
.nav-exit:before { content: '\f00d' } 
.de_light .nav-exit:before { color: #222 } 
.container-4 .de-team-list { width: 24.9%; float: left; position: relative } 
.container-3 .de-team-list { width: 33.3%; float: left; position: relative } 
.no-bottom { margin-bottom: 0; padding-bottom: 0 } p { margin-bottom: 20px } 
.bg-grey { background: #f5f5f5 } 
.no-bottom { padding-bottom: 0 !important } 
.no-top { padding-top: 0 !important } 
.nopadding { padding: 0 !important; margin: 0 !important } 
#filters a { background: 0 0 } 
.side-bg .image-container {
height: 100%; overflow: hidden; padding: 0; position: absolute; background-size: cover !important } 
.side-bg .background-image { background-position: 50% 50% !important; background-size: cover !important; width: 100%; height: 100%; left: 0; position: absolute; z-index: 0 } 
.image-slider { cursor: move } 
.inner-padding { padding: 140px 0 140px 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: 0; top: 0; width: 100%; height: 100%; z-index: 99999; background: url('../images/page-loader.gif') 50% 50% no-repeat #f9f9f9 } 
.page-overlay { display: none; width: 120px; height: 120px; background: url(../images/page-loader.gif) center no-repeat #fff; border-radius: 10px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10000; margin: auto } 
.teaser { font-family: Raleway, Arial; font-size: 15px; font-weight: 300 } 
.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, .owl-arrow .prev:before { font-family: FontAwesome; content: '\f177'; color: #fff; padding: 20px; font-size: 32px; display: block } 
.owl-arrow .next:before { content: '\f178' } 
.owl-theme .owl-controls .owl-page span { width: 5px !important; height: 5px !important } 
.owl-pagination { margin-top: 0 } 
.owl-custom-nav { position: absolute; z-index: 1000; width: 100% } 
.owl-custom-nav .btn-next { position: absolute; right: 0 } 
.owl-custom-nav .btn-prev { position: absolute; left: 0 } 
.owl-custom-nav .btn-next:before { font-family: FontAwesome; content: "\f105"; color: #111; background: #333; padding: 5px 12px 5px 12px; font-size: 20px } 
.owl-custom-nav .btn-prev:before { font-family: FontAwesome; content: "\f104"; color: #111; background: #333; padding: 5px 12px 5px 12px; font-size: 20px } 
.owl-custom-nav a { text-decoration: none } 
.owl-custom-nav .btn-next:hover:before, .owl-custom-nav .btn-prev:hover:before { cursor: pointer; background: #111; color: #fff } 
.text-slider { line-height: 72px; color: #fff; font-family: Dosis; font-size: 72px; text-transform: uppercase; font-weight: 300; display: inline-block; letter-spacing: 20px } 
.text-slider.big-text { font-size: 120px; line-height: 120px; font-weight: 700 } 
.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 } 
.red { color: red !important } 
.teal { color: #099 !important } 
.purple { color: #636 !important } 
.green { color: #090 !important } 
.wow { visibility: hidden } 
#back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; width: 32px; height: 32px; text-align: center; line-height: 30px; background: #f5f5f5; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity .2s ease-out; opacity: 0; outline: 0 } 
#back-to-top:hover { background: #111 } 
#back-to-top.show { opacity: 1 } 
#back-to-top:before { font-family: FontAwesome; font-size: 22px; content: "\f106"; color: #222; position: relative; margin: 5px } 
#back-to-top:hover:before { color: #fff } 
.mouse { position: absolute; width: 22px; height: 42px; bottom: 40px; left: 50%; margin-left: -12px; border-radius: 15px; border: 2px solid #888; -webkit-animation: intro 1s; animation: intro 1s } 
.scroll { display: block; width: 3px; height: 3px; margin: 6px auto; border-radius: 4px; background: #888; -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) } 
} 
.bgimage { background-size: cover } 
.quick-search { display: inline-block; float: right; margin-left: 10px; padding: 10px 0 0 0 } 
.quick-search input { width: 120px; border-radius: 40px } 
#search { float: left; width: 70%; margin-bottom: 0 } 
#btn-search { border: none; padding: 7px; background: #222; float: left; width: 30%; height: 42px } 
#btn-search:before { font-family: FontAwesome; content: "\f002"; font-size: 24px; color: #111 } 
#btn-search:hover { background: #fff } 
.de_review { text-align: center; min-height: 260px } 
.de_review .de_nav { overflow: hidden; padding-left: 0; margin: 0; padding: 0; font-weight: 700; 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: #f5f5f5; text-decoration: none; color: #646464; font-size: 13px; cursor: pointer } 
.de_review blockquote { border: none; font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif } 
.de_review .de_nav li span { border: 1px solid #404040; 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 #404040 } 
.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 #404040; background: #27282b } 
.de_review .de_nav li.active span { background: #fff; border-bottom: 1px solid #fff; color: #222; margin-bottom: -3px } 
.separator { line-height: .5; text-align: center; margin: 30px 0 30px 0 } 
.separator span { display: inline-block; position: relative } 
.separator span:after, .separator span:before { content: ""; position: absolute; border-bottom: 1px solid rgba(255, 255, 255, .1); top: 5px; width: 300px } 
.separator span:before { right: 100%; margin-right: 15px } 
.separator span:after { left: 100%; margin-left: 15px } 
.separator span i { font-size: 6px; padding: 0; margin: 0; float: none } 
.de_light .separator span:after, .de_light .separator span:before { border-bottom: 1px solid rgba(0, 0, 0, .2) } 
.text-light .separator span:after, .text-light .separator span:before { border-bottom: 1px solid rgba(255, 255, 255, .1) } 
.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 } 
.pt0 { padding-top: 0 } 
.pt10 { padding-top: 10px } 
.pt20 { padding-top: 20px } 
.pt30 { padding-top: 30px } 
.pt40 { padding-top: 40px } 
.pt80 { padding-top: 80px } 
.pb0 { padding-bottom: 0 } 
.pb10 { padding-bottom: 10px } 
.pb20 { padding-bottom: 20px } 
.pb30 { padding-bottom: 30px } 
.pb40 { padding-bottom: 40px } 
.pb80 { padding-bottom: 80px } 
.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 } 
.mr10 { margin-right: 10px } 
.mr20 { margin-right: 20px } 
.mr30 { margin-right: 30px } 
.absolute { position: absolute; z-index: 1 } 
.overflow-hidden { overflow: hidden } 
.width100 { width: 100% } 
.border1 { border-width: 1px !important } 
.display-table { display: table } 
.display-table [class*=col-] { float: none; display: table-cell; vertical-align: top; margin: 0; padding: 0 } 
.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) } 
.shadow-soft { -webkit-box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .4); -moz-box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .4); box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, .4) } 
.overflow-hidden { overflow: hidden } 
@media(min-width:980px) and (max-width:1199px) {
header #mainmenu a { padding-left: 5px; padding-right: 5px } 
#mainmenu li a:after { margin-left: 15px } 
} 
@media (min-width:768px) and (max-width:979px) {
.slider_text { padding-top: 0 } 
} 
@media only screen and (max-width:992px) {
#menu-btn { display: block; position: relative; float: right } 
header { display: none } 
header .info { display: none !important } 
header.header-bg { background: #fff } 
header, header.fixed { display: block; position: inherit; margin: 0; padding: 0; margin-top: 0; height: auto; background: #000; padding: 15px 0 15px 0 } 
#de-sidebar { position: absolute !important; width: 100%; right: 1px } 
.de_light header.side-header, 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 } 
.de_light.de-navbar-left header #mainmenu>li>a, header.side-header #mainmenu a { display: block; text-align: center; color: #fff } 
.de_light.de-navbar-left header #mainmenu>li { border-bottom: solid 1px rgba(255, 255, 255, .1) } 
header.side-header #mainmenu a:hover { background: 0 0 !important } 
header.side-header #mainmenu a:hover { background: 0 0 !important } 
header.side-header .social-icons-2 { display: none } 
header.autoshow {
height: auto !important; top: 0 !important } 
header.autoshow #mainmenu li a { background: 0 0 !important } 
header.header-mobile-sticky { position: fixed } 
#subheader, .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 } 
#logo, #logo .inner { vertical-align: middle; height: auto } 
#domain-check .button, #domain-check .text { width: 100% } 
.container-4 .de-team-list { width: 49.9%; float: left; position: relative } 
#testimonial-full blockquote { padding: 20px } nav { width: 100% } 
#mainmenu { display: none; float: none; z-index: 200; width: 100%; margin: 0; padding: 0 } 
#mainmenu a { text-align: left; padding-left: 0; padding-top: 10px !important; padding-bottom: 10px !important } 
#mainmenu li li a, #mainmenu li li li a { padding-left: 0 } 
#mainmenu a:hover { background: #111 !important } 
#mainmenu li ul { display: block; position: inherit; margin: 0; width: 100% } 
#mainmenu li { border-bottom: solid 1px #333; margin: 0; width: 100%; display: block; letter-spacing: 3px } 
#mainmenu li a:after { display: none } 
#mainmenu li:last-child { margin-bottom: 30px } 
#mainmenu li ul { border-top: solid 1px #333; top: auto } 
#mainmenu li ul a { width: 100%; background: 0 0; border: none } 
#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 { font-size: 10px } 
#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: 0 0 !important } 
header.header-mobile #mainmenu li ul { display: block; position: inherit; margin: 0; width: 100% } 
header.header-mobile #mainmenu li { border-bottom: solid 1px #333; margin: 0; width: 100%; display: block; letter-spacing: 3px } 
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; visibility: visible; opacity: 1; } 
header.header-mobile #mainmenu li ul a { width: 100%; background: 0 0; border: none } 
header.header-mobile #mainmenu li ul li { border: none; padding-left: 15px !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: #333 } 
header.header-mobile #mainmenu li li a { font-size: 10px } 
header.header-mobile #mainmenu li li a:hover { color: #fff } 
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/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/ui/arrow-up.png) center no-repeat } 
header.header-mobile #mainmenu li>ul>li>span { width: 36px; height: 36px; background: url(../images/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/ui/arrow-up.png) center no-repeat } 
header.header-mobile #mainmenu li ul li a { border-bottom: solid 1px #333 !important } 
header.header-mobile #mainmenu li ul li:last-child>a { border-bottom: none !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 } 
.container .col-md-3 { margin-bottom: 30px } 
.container .col-md-4 { margin-bottom: 30px } 
.container .col-md-5 { margin-bottom: 30px } 
.container .col-md-6 { margin-bottom: 30px } 
.container .col-md-7 { margin-bottom: 30px } 
.container .col-md-8 { margin-bottom: 30px } 
.container .col-md-9 { margin-bottom: 30px } 
.container .col-md-10 { margin-bottom: 30px } 
.container .col-md-11 { margin-bottom: 30px } 
.container .col-md-12 { margin-bottom: 30px } 
.hidden-phone { display: none } 
.grid_gallery .item { width: 100% } 
.de-navbar-left #wrapper { overflow: hidden; width: 100% } 
.de-navbar-left .inner-padding { padding: 30px } 
.de-navbar-left header #mainmenu>li>a { padding-left: 40px } 
.side-bg .image-container { position: relative; width: 100%; height: 400px !important; top: 0; margin-bottom: 60px } 
.mobile-hide { display: none } 
.display-table { display: block } 
.display-table [class*=col-] { float: none; display: block; vertical-align: top } 
h2.hero { font-size: 28px; letter-spacing: 5px } 
#filters li.pull-right { float: none !important } 
.sm-hide { display: none } 
} 
@media only screen and (max-width:767px) {
.container { padding-left: 30px; padding-right: 30px } 
.feature-box-image, .pricing-box { margin-bottom: 30px } 
.de_tab .de_nav li { display: block; width: 100% } 
.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 } 
.pricing-2-col .pricing-box, .pricing-3-col .pricing-box, .pricing-4-col .pricing-box, .pricing-5-col .pricing-box { width: 100% } 
.container-4 .de-team-list { width: 100%; float: left; position: relative } 
.countdown-section { font-size: 12px } 
.countdown-amount { font-size: 36px } 
.de-navbar-left footer, .de-navbar-left section { padding-left: 20px; padding-right: 20px } 
.de-navbar-left header #mainmenu>li>a { padding-left: 40px } 
.de-navbar-left .inner-padding { padding: 0 } 
h1.title-2 { font-size: 16px; letter-spacing: 10px; line-height: 2em } 
header.de_header_2 {
height: auto } 
} 
@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 } 
} 
@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 } 
} 
.id-color a { text-decoration: none; color: #c9a583 } 
#section-about p { text-align: justify } 
#section-service-1 a.btn-line::after { color: #333 } 
.cate_heading {     float: left;
    width: 100%;
    margin: 0 0 20px;
    text-align: left;
    text-transform: capitalize;
    font-size: 20px;
    background: #ebc8a6;
    padding: 14px 15px;
    color: #000;
    font-weight: 600; } 
    .cate_heading h2 {
     text-align: left;
    text-transform: capitalize;
    font-size: 20px !important;
    background: #ebc8a6;
    color: #000;
    font-weight: 700 !important;
    margin: 0px !important;
}
.hid-section-heading { float: left; width: 100%; padding: 10px; margin: 0; line-height: 20px; background: #212121; color: #fff; font-size: 18px !important; text-transform: uppercase; font-weight: 700; text-align: left } 
.left-title { float: left; width: 100%; padding: 0; margin: 0; background-color: #c9a583; border-bottom: 1px solid #d39f30 } 
.left-title a { float: left; width: 100%; padding: 10px; margin: 0; line-height: 20px; color: #000; font-size: 15px !important; font-weight: 700; text-decoration: none } 
.left-list { float: left; width: 100%; margin: 0; padding: 0; margin-bottom: 15px } 
.left-list li { border-bottom: 1px dashed #ccc; list-style-type: none; background: 0 0; line-height: 20px } 
.submenu { position: relative } 
.left-list li a { display: block; font-weight: 700; color: #000; text-align: left; font-size: 12px; padding: 4px; text-decoration: none; text-transform: capitalize; line-height: 24px } 
.submenu-list { display: none; transition: all 2s; position: absolute; left: -150px; top: 0; z-index: 200; background: #fff; width: 150px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .75) } 
.projects-grid { padding: 0; list-style: none } 
.projects-grid li { margin-bottom: 40px } 
.de_light .projet-item img { padding: 0; border: solid 1px #ddd; width: 100%; height: 260px } 
.projet-item img:hover { border-color: #c9a583 } 
.projet-item h4 a { text-decoration: none } 
.projet-item h4 a:hover { color: #c9a583; text-decoration: none } 
.left-list li a:hover { color: #c9a583 } 
.widget_top_rated_product li .text strong a { color: #111 } 
.widget_top_rated_product li .text strong a:hover { color: #c9a583; text-decoration: none } 
.ht-300 a img { width: 100%; height: 350px } 
.de_light .blog-list h3 a:hover { color: #c9a583; text-decoration: none } 
.market-list { background: #fcfcfc none repeat scroll 0 0; height: auto; overflow: hidden; padding: 10px; border: 1px solid #dedede } 
.market-list li { list-style-type: none; background: transparent url("../images/arrow-market.png") no-repeat scroll 10px 12px; padding-left: 20px; line-height: 20px; width: 25%; float: left } 
.market-list li a:hover { color: #fff } 
.market-list li a { display: block; font-weight: 700; text-align: left; font-size: 12px; padding: 4px; text-decoration: none; text-transform: uppercase; line-height: 24px; font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif } 
.market-list li:hover { background: #c9a583 url("../images/arrow-market.png") no-repeat scroll 10px 12px !important; color: #fff } 
.sub-category-box { width: 100%; border: 1px solid #cec4f2; margin-bottom: 18px; background: #fcfcfc; height: auto; overflow: hidden; padding-bottom: 10px } 
.sub-category-box h3.heading { float: left; width: 100%; margin: 0; padding-left: 10px; font-size: 16px; color: #f6821f; padding: 5px 10px } 
.sub-category-box h3.heading a { color: #111; text-decoration: none } 
.sub-category-box h3.heading a:hover { color: #f6821f } 
.sub-category-box h4.heading { float: left; width: 100%; margin: 0; padding-left: 10px; font-size: 16px; color: #f6821f; padding: 5px 10px } 
.sub-category-box h4.heading a { color: #111; text-decoration: none } 
.sub-category-box h4.heading a:hover { color: #f6821f } 
.sub-category-box .line { background: #f2efeb; border-top: 1px solid #cec4f2; border-bottom: 1px solid #cec4f2; height: 6px; clear: both } 
.sub-category-box .content-area { padding: 10px } 
.content-area img { border: 1px solid #999; width: 100% } 
.content-area .des { text-align: justify; color: #000; padding-bottom: 10px } 
.content-area .des a:hover { text-decoration: underline } 
.des ul { float: left; width: 100%; margin: 0; padding: 0 } 
.des ul li { padding-left: 10px; line-height: 25px; color: #333; margin: 0; margin-left: 12px } 
.sub-category-box .content-area .des h2 { font-size: 18px; color: #f6821f; padding: 5px 10px; text-transform: capitalize; margin: 0; padding: 0 } 
.mb-p h2 { margin-bottom: 5px; margin-top: 0 } 
.whatsapp-fixed a { width: 45px !important; height: 45px !important; transition: all .3s ease-in-out; text-align: center; padding: 12px; color: #fff; font-size: 20px; position: fixed; bottom: 55px; cursor: pointer; z-index: 9999; border-radius: 100%; align-items: center; justify-content: center; transition: all .3s ease-in-out } 
#whatsapp .modal-body { padding: 0; min-height: 230px; overflow: hidden } 
#whatsapp .modal-dialog { margin: 0% auto;transform: translate(0, -40%); } 
#whatsapp .close { float: right; font-size: 21px; font-weight: 400; line-height: 2; color: #fff; text-shadow: 0 1px 0 #fff; opacity: 1; position: absolute; right: -15px; z-index: 999; top: -13px; background: #e6aa1e; width: 30px; height: 30px; border-radius: 75%; line-height: 30px } 
#whatsapp .close:hover { background: #c72125 } 
#whatsapp .modal-content { border-radius: 0 } 
#whatsapp .modal-body { padding: 0; min-height: 230px; overflow: hidden } 
#whatsapp .modal-body .modal_left { float: left; width: 40%; background: #187728; color: #fff; padding: 30px 25px; font-size: 15px } 
#whatsapp .modal-body .modal_left img { width: 60% } 
#whatsapp .modal-body .modal_left i.fa.fa-whatsapp { font-size: 150px } 
#whatsapp .modal-body .modal_left p { font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 40px } 
#whatsapp .modal-body .modal_left {
height: 100%; min-height: 353px; display: flex; align-items: center; justify-content: center } 
#whatsapp .modal-body .modal_left p { margin-bottom: 0 } 
#whatsapp .modal-body .modal_right { float: left; width: 60%; padding: 44px 35px 16px; position: relative; background: #fff } 
.bmd-form-group { position: relative; padding-top: 27px } 
.form-group.bmd-form-group .form-control { border: none; box-shadow: none; border-bottom: 1px solid #ccc; border-radius: 0 } 
.Submit_btn { padding: 7px 25px; background: #333; color: #fff; border: 0 } 
.carousel-control { z-index: 10 } 
.title_h3 { font-family: Montserrat, Arial, Helvetica, sans-serif; color: #080808; font-weight: 400; margin-bottom: 10px; line-height: 1.1; font-size: 18px; letter-spacing: 0; text-transform: none } 
.title_h4 { font-family: Montserrat, Arial, Helvetica, sans-serif; margin-top: 0; font-size: 18px; margin-bottom: 10px; line-height: 1.1; font-weight: 400; letter-spacing: 0; text-transform: none } 
.title_h4 span { color: #c9a583 } 
.title_h2 { color: #333; letter-spacing: 0; text-transform: none; font-family: Montserrat, Arial, Helvetica, sans-serif; display: inline-block; font-weight: 500; margin-bottom: 30px; margin-top: 20px; line-height: 1.2em; font-size: 30px } 
.title_h5 { font-family: Montserrat, Arial, Helvetica, sans-serif; margin-top: 0; font-size: 18px; margin-bottom: 10px; line-height: 1.1; font-weight: 400; letter-spacing: 0; text-transform: none } 
.title_h5 span { color: #c9a583 } 
#section-why-choose-us-3, .section-about-us-2 { padding: 50px 0 } 
#section-testimonial-2, #section-about, #section-fun-facts-3, #section-services { padding: 50px 0 } 
.carousel-inner>.item, .carousel-inner>.item>img, .carousel-inner>.item>a>img { aspect-ratio: 16 / 9; } 
#section-services img { aspect-ratio: 500 / 689; } 
#subheader { padding: 90px 0; } 
.label { width: 100px; text-align: right; float: left; padding-right: 10px; font-weight: bold; } 
#contact-form label.error, .output { color: #FB3A3A; font-weight: bold; } 
#map iframe { width: 100%; height: 450px; } 
.contactSecton { padding: 50px 0; } 
.cmTitle { font-weight: 500; margin-bottom: 15px; line-height: 1.2em; font-size: 28px; margin-top: 0; color: #333; } 
.mb-p .cmTitle { font-weight: 500; margin-bottom: 15px; line-height: normal; font-size: 22px; margin-top: 0; color: #333; } 
.mb-p h2 { font-weight: 500; margin-bottom: 15px; line-height: normal; font-size: 22px; margin-top: 0; color: #333; } 
#section-about h3 { font-weight: 500; line-height: 1.2em; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 24px; color: #333; } 
.mb-p ul, #section-about ul { margin: 0 0 25px; padding: 0; } 
.mb-p ul li, #section-about ul li { display: block; list-style: none; line-height: 24px; color: #606060; font-size: 14px; font-weight: normal; } 
.mb-p ul li:before, #section-about ul li:before { margin-right: 5px; content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23606060' viewBox='0 0 16 16'><path d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/></svg>"); } 
.mb-p ul li.projet-item:before { content: none; margin: 0; } 
.homeRightSection { float: right; max-width: 60%; width: 100%; margin: 0 0 15px 30px; } 
.homeRightSection p { min-height: 95px; } 
.aboutImg { float: left; max-width: 550px; margin: 0 25px 15px; width: 100%; overflow: hidden; border-radius: 12px; } 
.aboutImg img { width: 100%; } 
.de_light #section-about-us-2 .inner-padding { padding: 60px 0 50px; } 
.aboutInfo h2 { margin: 0 0 10px; font-weight: 600; } 
.aboutInfo p { text-align: justify; } 
.imageModal22 .modal-body { max-height: 100%; overflow: hidden; padding: 0px; background: #fff6ed; padding-right: 0px; border-radius: 5px; } 
.cmtitle.fw-2 { font-size: 15px; text-align: center; font-weight: 700; padding-bottom: 14px; padding-top: 0px; color: #8d6701; } 
#quickEnquiryForm input { border-radius: 4px; height: 40px; } 
#quickEnquiryForm button { border-radius: 4px; font-weight: 600; background: #303030; width: 120px; margin: auto; padding: 10px 3px; } 
.col-md-7.col-sm-12.p-0 { padding: 0px; } 
.row.m-0 { margin: 0px; } 
.btn-default1mt-3 { position: absolute; top: 2px; right: 1px; background: #e7e7e7; padding: 5px 10px; border-radius: 3px; font-size: 20px; color: #bf9b7a; border: 1px solid #bf9b7a; cursor: pointer; z-index: 1; } 
div.imageModal22 .popupheading { font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #956330; } 
div.imageModal22 .col-md-5.col-sm-12.bg-light.p-3.position-relative { background: #fff6ed; padding: 30px 20px; border-radius: 5px; } 
.modal-dialog { position: relative; top: 50%; transform: translateY(-50%); margin: auto; } 
@media (min-width:1024px) {
#imageModal2 img.img-responsive.w-100.h-auto {
height: 350px; border-radius: 10px; object-fit: cover; padding: 10px; } 
img.img-responsive.w-100.h-auto {
height: 380px; object-fit: cover; } 
} 
@media(max-width:768px) {
.market-list li { width: 50%; } 
.homeRightSection { max-width: 100%; } 
h1.hero { font-size: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 5px; line-height: 1.4; text-align: center; } 
.aboutImg { max-width: 100%; margin: 0 0 15px; } 
} 
header .social-icons .d-flex.align-items-center.justify-content-end { display: flex; align-items: center; justify-content: end; padding-right: 25px; margin-left: 20px; } 
header .social-icons .d-flex.align-items-center.justify-content-end i { color: #ebc8a6;} 
header nav { display: flex; align-items: center; } 
header nav ul#mainmenu { margin: 0px; padding: 0px !important; } 
@media (max-width:1300px) {
#mainmenu a { padding: 25px 0 25px 5px;} 
} 
@media (max-width:1200px) {
header div#logo { width: 170px; } 
img.logo { width: 100%; } 
header #mainmenu a { padding-left: 0px; padding-right: 5px; } 
header .social-icons .d-flex.align-items-center.justify-content-end { padding-right: 5px; margin-left: 5px; } 
} 
div#section-about h1, div#section-about h2, div#section-about h3, div#section-about .cmTitle, .de_light h2, .de_light h3, .de_light h4, .de_light h5, .de_light h6 {text-align: left;
    font-size: 25px;
    font-weight: 600;
    margin: 10px 0px;
    font-family: Dosis, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
    letter-spacing: 0px;} 
@media (max-width:1023px) {
header .social-icons{ display: none; } 
div#imageModal .modal-dialog.modal-md { transform: translateY(-33%) !important; } 
header.header-mobile #mainmenu { padding: 0px 10px !important; } 
header.header-mobile #mainmenu li ul { background: #e5e5e5; } 
header.header-mobile #mainmenu li ul {
height: 0; overflow: hidden; position: relative; left: 0; } 
header.header-mobile #mainmenu li a { padding: 0px 10px; } 
header.header-mobile #mainmenu li>ul>li>span { width: 25px; height: 25px; margin-top: -28px; } 
header nav { display: flex; align-items: center; position: absolute; top: 56px; background: #f5f5f5; z-index: 9; left: 0px; padding: 0px; } 
header.header-mobile #mainmenu a { text-align: left; padding-top: 0px !important; padding-bottom: 0px !important; } 
header.header-mobile #mainmenu>li>span { margin-top: 0px;} 
.cmTitle { font-size: 22px; } 
.call-to-action.bg-color.text-center.text-dark.padding30 h4.title_h2 { margin: 0px; padding: 0px;font-size: 22px; } 
footer .container .col-md-8 { margin-bottom: 10px; text-align: center; } 
footer .col-md-4.text-right div { text-align: center !important; } 
footer .col-md-4.text-right { text-align: center;    margin: 0px; } 
div#section-services { padding-top: 0px; } 
.box-icon-simple.right { margin-right: 15px; } 
footer .container .col-md-4 { margin-bottom: 0px; } 
header.header-mobile #mainmenu li ul li { padding-left: 0px !important; } 
header, header.fixed { padding: 5px 0 0px 0;} 
} 

@media (max-width:767px) {
.container { padding-left: 15px; padding-right: 15px; } 
#filters a { padding: 10px 10px 8px 10px;} 
div#section-portfolio-2 .col-md-12.mt40 { margin: 10px 0px 0px; } 
.hero { font-size: 20px; line-height: normal; } 
} 
@media (max-width:650px) { div#imageModal .modal-dialog.modal-md { transform: translateY(-40%) !important; } 
.spacer-double {
height: 30px; } 
header.header-mobile #mainmenu li ul li { padding-left: 0px !important; } 
#subheader { padding: 20px 0; } 
#subheader h1 { margin: 10px 0 10px 0; font-size: 18px; padding: 10px 0px; } 
.box-icon-simple.left { margin-left: 10px; } 
}

.carousel-caption { 
    letter-spacing: 2px; 
    font-weight: bold;
    text-shadow: 4px 2px #876340;
}
.carousel-control { 
    text-shadow: none;
    opacity: 1;
    width: 45px;
    height: 45px;
    top: 45%;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b97f4b !important;
}
.carousel-control.left .fa, .carousel-control.right .fa {
    top: 0px; 
    font-size: 30px; 
}
div#myCarousel, div#section-slider {
    aspect-ratio: 16 / 9;
}
#filters a { 
    border: 1px solid #ccc !important;
}

.hd-text.text-center.fs-2 {
    font-size: 25px;
}
.insta-section.py-5 {
    padding: 40px 0px;
}
.hd-text.text-center.fs-2 a {
    color: #a7794e;
}
p.hd-text2.text-center {
    font-size: 16px;
    margin-top: 10px;
}
.insta_item {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hover_effect2 {
    display: block;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-out;    height: 100%;
    width: 100%;
}

.hover_effect2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

/* Overlay */
.hover_effect2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.43);
    opacity: 1;
    transition: all 0.3s ease-out;
    z-index: 1;
}

/* Instagram Icon */
.hover_effect2::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 30px;
    height: 30px;
    background: url(../images/instagram-icon.svg) no-repeat center/contain;
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 1;
    transition: all 0.3s ease-out;
    z-index: 2;
}

/* Hover Effects */
.hover_effect2:hover::before {
    opacity: 1;
}

.hover_effect2:hover::after {
    opacity: 0.9;
    transform: translate(-50%, -50%) scale(1.3);
}

.hover_effect2:hover img {
    transform: scale(1.1);
}

.owl-carousel.clients {
    opacity: 0;                 /* Hide until initialized */
    transition: opacity 0.5s ease;
}
.owl-carousel.clients.owl-loaded {
    opacity: 1;                 /* Fade in after init */
}
.owl-carousel.clients .item img {
    width: 100%;
    display: block;
}