/* 
Theme Name:		 tnunnsurface
Theme URI:		 http://ulric.biz/
Description:	 Theme by Site <a href="http://ulric.biz/">ulric.biz</a>
Author:			 Ulric
Author URI:		 http://ulric.biz/
Template:		 twentyseventeen
Version:		 1.0.0
Text Domain:	 tnunnsurface
-------------------------------------------------------------- */ 
/* =Theme customization starts here
------------------------------------------------------- */

@charset "UTF-8";@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Montserrat:400,700);body, input, p, textarea{font-family:'Roboto Slab', serif}
body, h6, ol li, ul li{line-height:1.5em}
.header, .header-black{z-index:100;position:relative}
.header, .header-black, .relative{position:relative}
.bold, .logo, .responsive-menu{font-weight:700}
*, .logo img, .responsive-menu{vertical-align:top}
*{margin:0;padding:0;border:0;font-size:100%}
body{font-size:15px;background:#fff;color:#121212}
p{font-size:14px;line-height:1.8em;margin:0 0 15px}
a{color:#ff5e00;outline:0}
a:focus, a:hover{text-decoration:none;outline:0}
ol, ul{line-height:0;font-size:0}
ol li, ul li{font-size:14px}
.italic{font-style:italic}
.clear{clear:both}
input, textarea{outline:0!important}
input:focus, textarea:focus{border:1px solid #c2d848}
iframe, img{max-width:100%}
.align-center{text-align:center}
.align-right{text-align:right}
.align-left{text-align:left!important}
.caps{text-transform:uppercase}
.no-padding{padding:0!important}
.no-margin{margin:0!important}
.dark-side{background:#333}
.white-side{background:#fff}
h1, h2, h3, h4, h5, h6{font-family:Montserrat, sans-serif;padding:0;color:#121212;font-weight:700;margin:0 0 10px}
h1{font-size:40px;line-height:1em}
h2{font-size:34px;line-height:1.1em}
h3{font-size:29px;line-height:1.2em}
h4{font-size:25px;line-height:1.3em}
h5{font-size:21px;line-height:1.4em}
h6{font-size:18px}
h2.sub-title {font-size: 19px;text-align: center;}
.show-it, .show-it .wow{visibility:visible!important;-webkit-animation:bounceIn!important;-webkit-animation-duration:1s!important;animation-duration:1s!important;-webkit-animation-fill-mode:both!important;animation-fill-mode:both!important}
.about-section .about-box .about-box-image .about-box-hover, .blog-entry .entry-hover, .shop-section .shop-item .item-hover, .slider-dots li, a, body, button, i, input, textarea{-webkit-transition:ease-in-out .3s;-moz-transition:ease-in-out .3s;-o-transition:ease-in-out .3s;transition:ease-in-out .3s}
.header-black{background:#fff;padding:10px 0;}
.header-black .logo a{color:#fefefe}
.is-sticky .sticky-bar.header-black{padding:20px 0;background:rgba(0, 0, 0, .8)}
.header{background:#fff}
.header .search-form{text-align:right;color:grey;font-size:16px}
.header .search-form .search-line{border:1px solid rgba(255, 255, 255, 0)}
.header .top-side{padding:35px 0;border-bottom:1px solid #d7d7d7}
.header .bottom-side{padding:32px 0}
.logo{font-family:'Roboto Slab', serif;display:inline-block;margin:0;padding:3px 0 0;font-size:25px;color:#000;line-height:1.2em;text-transform:none}
.logo img{margin-right:5px}
.logo a{display:block;color:#000}
.is-sticky .logo img{max-height:50px}
.header-transform{position:fixed;width:100%;top:0;background:rgba(0, 0, 0, .6);z-index:333;left:0;right:0;margin:0}
.is-sticky .sticky-bar{left:0;border-bottom:1px solid rgba(0, 0, 0, .1);background:rgba(255, 255, 255, .8);padding:0;right:0}
.is-sticky .header .bottom-side, .is-sticky .header .top-side{padding:10px 0;border:0}
.is-sticky .socials li a{font-size:15px;width:30px;height:30px;padding-top:7px}
.responsive-menu{color:#fff;text-transform:uppercase;font-size:26px;cursor:pointer;margin:0;padding-top:5px;position:absolute;left:0}
.menu{position:relative;text-align:left}
.header-black .menu>ul li:last-child span{display:none}
.header-black .menu>ul{text-align:right;padding-top:5px}
.header-black .menu>ul li span{color:#fefefe;font-size:14px;padding-left:20px}
.header-black .menu ul li a, .is-sticky .sticky-bar.header-black .menu>ul li a{color:#222222}
.header-black .menu ul li ul, .header-black .menu ul li ul li ul, .header-black .menu ul li ul li ul li ul{padding-top:52px}
.menu ul li i{font-size:20px;cursor:pointer;margin-top:-3px}
.menu ul li .search-form{display:none;position:absolute;z-index:7;width:200px;right:0;margin-top:76px;top:0}
.menu ul li .search-form:hover{display:block!important}
.is-sticky .menu ul li .search-form{margin-top:50px}
.menu ul li .search-form .search-line:focus{border:1px solid rgba(0, 0, 0, .9)}
.menu ul li .search-form .search-button:focus{border:0!important}
.menu ul li .search-form .search-line{width:100%;padding:6px 10px;border:1px solid rgba(0, 0, 0, .5);font-size:14px;line-height:1.5em;color:#fff;background:rgba(0, 0, 0, .7)}
.menu ul li .search-form .search-button{position:absolute;top:0;right:0;width:36px;height:36px;z-index:99;background:0 0;cursor:pointer}
.menu ul li .search-form i{z-index:8;position:absolute;top:0;right:0;text-align:center;padding-top:9px;width:36px;height:36px}
.menu ul li, .menu>ul{position:relative;padding:0}
.menu>ul{display:block;z-index:100;text-align:left;margin:0}
.menu ul li{display:inline-block;margin:0 20px 0 0}
.menu ul li:first-child{margin-left:0}
.home-page .is-sticky .menu ul li a, .menu ul li a{font-size:14px;display:block;color:grey;margin:0;padding:0;font-family:Montserrat, sans-serif;line-height:1.5em;text-transform:uppercase}
.home-page .is-sticky .menu ul li ul li a{padding:10px 20px;font-size:12px;line-height:1.5em}
.menu ul li a img{margin-top:-7px}
.menu ul li a:hover, .menu ul li.active a{color:#fab001}
.menu ul li:hover ul li{margin-top:0}
.menu ul li ul, .menu ul li ul li ul, .menu ul li ul li ul li ul{position:absolute;margin:0;padding:33px 0 0;min-width:180px;display:none}
.menu ul li ul li ul, .menu ul li ul li ul li ul{top:0}
.menu ul li ul li ul li:hover>ul, .menu ul li ul li:hover>ul, .menu ul li:hover>ul{display:block}
.menu ul li ul li{display:block;margin:0;padding:0;background:rgba(0, 0, 0, .6);text-align:left}
.menu ul li ul li a{padding:10px 20px;font-size:12px;color:#fff!important;line-height:1.5em;text-transform:none!important}
.menu ul li:hover ul li ul{position:absolute;left:0;margin-left:100%;overflow:hidden;width:100%}
.is-sticky .menu ul li ul, .is-sticky .menu ul li ul li ul, .is-sticky .menu ul li ul li ul li ul{padding-top:7px}
.sidebar{padding-bottom:80px}
.sidebar .widget{margin-bottom:40px}
.sidebar .widget ul{padding:0;margin:0}
.sidebar .widget .mini-shop-item{position:relative;padding-left:100px;min-height:70px;margin-bottom:20px}
.sidebar .widget .mini-shop-item .shop-item-image{display:block;position:absolute;left:0;top:0}
.sidebar .widget .mini-shop-item h4{font-family:Montserrat, sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:400;padding:0;margin:0 0 10px}
.sidebar .widget .mini-shop-item h4 a{color:#444}
.sidebar .widget .mini-shop-item h6{font-family:'Roboto Slab', serif;font-size:14px;font-weight:400;color:#444;margin:0}
.sidebar .widget .mini-shop-item .shop-item-image img{width:70px;height:70px}
.widget.widget-blog-posts ul{margin:0 0 10px}
.widget.widget-blog-posts ul li{margin:0 0 10px;padding:0 0 0 15px;list-style:none;color:#fff;font-size:13px;position:relative}
.widget.widget-blog-posts ul li:before{font-family:icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1em;position:absolute;margin-top:7px;top:0;left:0;font-size:7px;content:"\e70c";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.widget.widget-blog-posts ul li a{color:#fff}
.widget.widget-socials p{margin-bottom:30px}
.widget.widget-tag-cloud a{display:inline-block;margin-bottom:5px;margin-right:1px;color:#fff;background:grey;padding:4px 8px;font-size:13px}
.widget .widget-title{text-transform:uppercase;font-weight:400;font-size:16px;margin-bottom:20px;padding-bottom:10px;position:relative;text-align:center}
.widget .widget-title span{position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #ccc;max-width:100px;margin:auto}
.sidebar .widget ul li{list-style:none;margin-bottom:8px}
.sidebar .widget-categories ul li{font-weight:400;font-size:13px;text-transform:uppercase}
.sidebar .widget-categories ul li a{font-family:Montserrat, sans-serif;color:grey;font-size:13px}
.sidebar .widget-search-form{position:relative}
.sidebar .widget-search-form .search-line{border:1px solid #a3a3a3;padding:15px;width:100%}
.sidebar .widget-search-form i{position:absolute;width:50px;right:0;top:0;height:50px;z-index:1;text-align:center;font-size:22px;padding-top:16px;color:#999}
.sidebar .widget-search-form .search-button{position:absolute;top:0;right:0;margin:0;width:50px;outline:0;height:50px;border:0;cursor:pointer;z-index:2;background:0 0}
.sidebar .widget .mini-post{margin-bottom:20px}
.sidebar .widget .mini-post .mini-post-cover{margin-bottom:15px}
.sidebar .widget .mini-post .mini-post-cover a{display:block}
.sidebar .widget .mini-post h4{margin:0 0 5px;text-transform:uppercase;color:#121212;font-size:16px;font-weight:700}
.sidebar .widget .mini-post h4 a{color:#121212}
.sidebar .widget .mini-post p{color:#a3a3a3;font-size:13px}
.sidebar .widget .twitter-widget p{font-size:13px;border-bottom:1px dotted #999;padding-bottom:8px;margin-bottom:8px}
.sidebar .widget .twitter-widget p span{display:block;text-align:right;font-size:10px}
.sidebar .widget .twitter-widget p a:hover{border-bottom:1px dotted}
.sidebar .widget .socials{margin:0 -5px;text-align:left;padding:0}
.sidebar .widget .socials li{display:inline-block;margin:0 5px 10px}
.sidebar .widget .socials li a{display:block;color:#999;text-align:center;font-size:24px;background:#ebebeb;border:0;width:40px;height:40px;padding-top:8px;border-radius:0}
.sidebar .widget .socials li a:hover{color:#fff}
.home-page .slider-section{margin-bottom:0;z-index:0}
.home-page .responsive-menu{color:grey}
.home-page .slider-section ul{margin:0}
.slider .bg-cover{background:rgba(0, 0, 0, .5);z-index:3;position:absolute;top:0;left:0;right:0;bottom:0}
.slider .slide-text{position:absolute;z-index:13;max-width:1140px;margin:350px auto 0;left:0;text-align:center;right:0;top:0}
.slider .slide-text h1, .slider .slide-text h2{color:#fff;line-height:1.2em;font-size:70px;font-weight:400;display:block;margin:0 auto 30px;text-transform:uppercase}
.slider .slide-text h4{font-size:30px;color:#fdfafa;font-weight:400;margin-bottom:25px;font-family:'Roboto Slab', serif}
.slider .slide-text h5{font-size:16px;color:#fff;font-weight:400;text-transform:uppercase}
.slider .slide-text .site-title{margin:0 auto 10px}
.slider{overflow:hidden;position:relative}
.slider .slider-arrows{width:100%;z-index:13;position:absolute;top:50%}
.slider .slider-arrows li{display:inline-block;opacity:.5;position:absolute}
.slider:hover .slider-arrows li{opacity:1}
.slider .slider-arrows li.slide-right{right:0}
.slider .slider-arrows li.slide-right i{border-radius:5px 0 0 5px}
.slider .slider-arrows li.slide-left{left:0}
.slider .slider-arrows li.slide-left i{border-radius:0 5px 5px 0}
.slider .slider-arrows li i{width:50px;display:block;text-align:center;margin-top:-20px;cursor:pointer;font-size:50px;color:#fff}
.slider ul.slider-dots{position:absolute;bottom:0;right:0;text-align:center;z-index:4;margin:0 20px 20px 0}
.slider .slider-dots li{display:block;width:10px;background:0 0;height:10px;cursor:pointer;border-radius:30px;border:2px solid #eee;margin:5px 0}
.button{display:inline-block;padding:5px;color:#fff;font-size:14px;line-height:1.5em;font-weight:400;margin-bottom:10px}
.button:hover{color:#fff}
.button.button-type1{border-radius:5px}
.button.button-type2{border-radius:5px;color:rgba(0, 0, 0, .6);text-shadow:1px 1px 0 rgba(255, 255, 255, .3);border:1px solid rgba(0, 0, 0, .2);border-bottom:2px solid rgba(0, 0, 0, .2);font-weight:700;font-size:14px}
.button.button-large{padding:15px 50px}
.button.button-medium{padding:10px 30px;font-size:14px}
.button.button-small{padding:8px 20px;font-size:13px}
.button-m1{background:#21c2f8}
.button-m2{background:#0072a5}
.button-m3{background:#ff391f}
.button-m4{background:#2cc541}

.button-m5{background:#2f383d}
.button-m6{background:#76beea}
.button-m7{background:#9aa7af}
.alert-box{padding:10px 35px 10px 10px;border:1px solid rgba(0, 0, 0, .2);border-radius:0;font-size:13px}
.alert-box button{border:1px solid rgba(0, 0, 0, .8);width:20px;height:20px;font-size:12px;text-align:center;text-transform:lowercase;color:rgba(0, 0, 0, .8);margin-right:-25px;border-radius:30px;font-weight:700;padding:0 1px 0 0}
.alert-box p{margin:0;font-size:14px;font-weight:400;line-height:1.6em}
.alert-box.alert-normal{background:#eff5f7;border:1px solid #dcdcdc}
.alert-box.alert-normal p{color:#959595}
.alert-box.alert-warning{background:#ffcdc7;border:1px solid #fea094}
.alert-box.alert-warning p{color:#ff391f}
.alert-box.alert-information{background:#fff4bb;border:1px solid #fc6}
.alert-box.alert-information p{color:#e99b00}
.alert-box.alert-succes{background:#c1faa8;border:1px solid #9cff70}
.alert-box.alert-succes p{color:#6db74c}
.alert-box.alert-useful{background:#bceeff;border:1px solid #8ae1ff}
.alert-box.alert-useful p{color:#21c2f8}
.alert-box.alert-custom{background:#decfdf;border:1px solid #e2b5e5}
.alert-box.alert-custom p{color:#af75b3}
.tab-widget .nav-tabs{width:100%;border-bottom:0}
.tab-widget .nav-tabs li{display:inline-block;margin:0!important;width:50%}
.tab-widget .tab-content{border:1px solid #ddd;border-top:0;padding:20px;background:#fff}
.tab-widget .nav-tabs li a{color:#999;border:1px solid #fff;border-top:4px solid #fff;border-bottom:1px solid #ddd;font-family:Montserrat, sans-serif;padding:8px 16px;border-radius:0;margin:0;display:block}
.mini-post h6, .site-title h3{font-family:'Roboto Slab', serif}
.tab-widget .nav-tabs li a:hover{background:0 0}
.tab-widget .nav-tabs li.active a{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #fff}
.mini-post{margin-bottom:20px}
.mini-post .mini-post-cover{margin:0 0 15px}
.mini-post .mini-post-cover a{display:block}
.mini-post .mini-post-cover img{width:100%;height:auto}
.mini-post h3, .mini-post h3 a{margin:0;color:#666;font-size:16px;text-transform:uppercase}
.mini-post h3 a:hover{color:#ec005e}
.mini-post h6{color:#666;font-weight:400;font-size:13px;margin:5px 0}
.mini-post p{font-size:13px;color:#a3a2a2;margin:0}
.path-section{position:relative;background-size:cover;margin-bottom:10px}
.path-section .bg-cover{background:rgba(0, 0, 0, .7);padding:60px 0}
.path-section h3{color:#fff;margin:0;text-transform:uppercase;font-weight:700;font-size:70px;line-height:1em}
.single-project, .single-project .slider{margin-bottom:40px}
.single-project{padding-top:40px}
.single-project .slider .slider-dots li{width:120px;height:auto;border-radius:0}
.single-project .slider .slider-dots li.active{border-color:#f9690e}
.single-project h3{color:#454345;font-size:16px;font-weight:600;margin-bottom:10px;text-transform:none}
.single-project h2{color:#454345;font-weight:600;font-size:18px;margin-bottom:20px;text-transform:uppercase;margin-top:-20px}
.single-project .project-details li{margin:0 0 10px;color:#a3a2a2;font-size:13px;display:block}
.single-project .project-details li a:hover{color:#363636}
.single-project .project-details li span{width:90px;display:inline-block}
.panel-heading{padding:0}
.panel-default, .panel-group .panel-heading+.panel-collapse .panel-body{border:0}
.panel-heading h4 a{padding:10px 15px;display:block;text-transform:uppercase;border-bottom:2px solid #efefef;border-left:0;border-right:0}
.panel-default>.panel-heading{background:0 0}
.panel-body{color:grey;font-size:14px;font-weight:400;line-height:1.7em}
.offer-section{padding:20px 0 0px}
.offer-section .offer-featured{margin:0 auto 50px}
.offer-section .offer-box img{margin:0 auto 20px}
.offer-section .offer-box span{height:1px;background:#d7d7d7;width:60%;display:block;margin:0 20% 25px}
.offer-section .offer-box{margin-bottom:20px;padding-bottom:1px;text-align:center;}
.offer-section .offer-box p{margin:0;padding:0 20px}
.offer-section .offer-box h3{font-weight:700;font-size:16px;text-transform:uppercase;color:#444;margin:0 0 15px}
.testimonials-section{background-size:cover;overflow:hidden}
.testimonials-section .bg-cover{padding:80px 0 40px;background:rgba(255, 255, 255, .85)}
.testimonials-slider{text-align:center;position:relative;margin:0;padding:0}
.testimonials-slider .testimonials-dots{text-align:center;margin:0 auto;position:absolute;bottom:0;left:0;right:0}
.testimonials-slider .testimonials-dots li{list-style:none;text-align:center;display:inline-block;margin:0 5px;width:10px;height:10px;cursor:pointer;border-radius:100%;border:2px solid rgba(255, 255, 255, 0)}
.testimonials-slider .testimonial{list-style:none;position:absolute;left:0;text-align:center;top:0}
.site-title-2 h3, .testimonials-slider .testimonial:first-child{position:relative}
.testimonials-section .testimonial .testimonial-cover{margin-bottom:20px}
.testimonials-section .testimonial .testimonial-cover img{width:160px;height:160px;border-radius:500px;border:4px solid}
.testimonials-section .testimonial .testimonial-content{padding-bottom:30px}
.testimonials-section .testimonial .testimonial-content h3{font-size:16px;line-height:1.5em;text-transform:uppercase;margin:0;padding:0;color:#444}
.testimonials-section .testimonial .testimonial-content h5{color:grey;font-size:13px;line-height:1.5em;margin:0 0 15px;font-family:'Roboto Slab', serif}
.testimonials-section .testimonial .testimonial-content p{color:grey;font-size:13px;text-align:center;width:60%;margin:0 20%;line-height:2em}
.site-title h1, .site-title h2{font-size:30px;font-weight:700;line-height:1em}
.site-title{margin:0 auto 80px}
.site-title h1{margin:10px auto;color:#444}
.site-title h2{margin:0 auto;color:grey}
.site-title h3{border-left:3px solid;padding-left:20px;margin:0 auto;color:grey;font-size:20px;font-weight:400;line-height:1.5em}
.site-title-2 h1, .site-title-2 h2{font-size:30px;line-height:1em;font-weight:400}
.site-title-2 h1{margin:0 auto}
.site-title-2 h2{color:#fff;margin:0 auto 30px}
.site-title-2 h3{color:grey;padding-left:40px;font-size:18px;font-weight:100;line-height:1.7em;width:85%}
.amet-sed h4, h1.entry-title{text-transform:uppercase;font-weight:700}
.site-title-2 h3 span{display:block;width:30px;height:4px;margin-top:10px;position:absolute;margin-left:-10px;left:0;top:0}
.socials{text-align:right;margin:0}
.footer-class, .service-all, .socials li a, .welcome-section p{text-align:center}
.socials li{display:inline-block;margin:0 0 0 5px}
.socials li a{display:block;width:40px;height:40px;border-radius:100%;border:1px dotted rgba(0, 0, 0, .1);font-size:20px;line-height:1em;color:grey;padding-top:11px}
.foo-right li, ul.nav-bottom li a, ul.social li, ul.social li i{display:inline-block}
.socials.light li a{color:#fff}
.footer{background:#1a1a1a;margin-top:20px;color:#fff;}
.amet-sed h4{padding-bottom:10px;border-bottom:1px dotted #fff;width:100%;font-size:1em;color:#fff;font-family:Lato, sans-serif;margin:0 0 1em}
.footer-top-at{padding:4em 0}
ul.nav-bottom li{list-style:none}
ul.nav-bottom li a{text-decoration:none;color:#989696;font-size:1.1em;margin:.2em 0}
ul.nav-bottom li a:hover{color:#EF5F21}
.amet-sed p{color:#989696;font-size:14px;margin:0}
.footer-class p{color:#fff;font-size:13px}
.footer-class p a{color:#fab001;text-decoration:none}
.footer-class p a:hover{color:#fff}
.footer-class{padding:1em 0;background:#000}
.amet-sed form{padding:1em 0 0}
.amet-sed input[type=text], .amet-sed input[type=submit]{width:65%;padding:.5em;outline:0;color:#000;font-size:1em;background:#fff;border:none}
.amet-sed input[type=submit]{width:30%;color:#FFF;font-size:1em;background:#EF5F21;border:none;outline:0;padding:.5em}
.amet-sed input[type=submit]:hover{background:#fff;color:#EF5F21}
.d-text-c, .d-text-c-h.active, .d-text-c-h:hover, .d-text-c-s span, .d-text-c.active, .s-text-c, .s-text-c-h.active, .s-text-c-h:hover, .s-text-c.active, .sidebar .widget .twitter_widget ul li a, .testimonials-section .testimonial .testimonial-content p span, .widget.widget-blog-posts ul li:before, ul li.active>.d-text-c-h{color:#fab001!important}
ul.social{padding:1em 0 0}
ul.social li i{background:url(../images/img-sprite.png) -9px -14px no-repeat;width:24px;height:24px;vertical-align:middle;margin:0 5px 0 0}
ul.social li i.twitter{background-position:-43px -14px}
ul.social li i.rss{background-position:-77px -14px}
ul.social li i.gmail{background-position:-110px -14px}
.d-bg-c, .d-bg-c-a.active, .d-bg-c-h.active, .d-bg-c-h:hover, .d-bg-c-s span, .d-bg-c.active, .s-bg-c, .s-bg-c-h.active, .s-bg-c-h:hover, .s-bg-c.active, .services-mark-2 .one-service:hover .button-1, .services-mark-2 .one-service:hover i{background:#fab001!important}
ul.social li i:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transition:.5s all ease;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;-o-transition:.5s all ease;-ms-transition:.5s all ease}
.foo-left{margin-bottom:0!important;float:left}
.foo-right{float:right;margin-bottom:0}
.foo-right li{margin:0 5px!important;vertical-align:top}
.foo-right li a{font-size:22px}
.footer-class:after{display:block;height:0;overflow:hidden;clear:both;content:""}
.d-border-c, .d-border-c-a.active, .d-border-c-f:focus, .d-border-c-h.active, .d-border-c-h:hover{border-color:#fab001!important}
.tab-widget .nav-tabs li.active a{border-top:4px solid #fab001!important}
.s-border-c, .s-border-c-f:focus, .s-border-c-h.active, .s-border-c-h:hover, .s-border-c.active{border-color:#fab001!important}
.white{color:#fff}
.dark{color:#121212}
.offer-section h1, .testimonials-section h1, .welcome-section h1{text-align:center;margin:0 0 10px;text-transform:uppercase;font-weight:normal;line-height:1.5em;font-size:26px;color:#444}
.twentyseventeen-front-page .container h1{margin-bottom:10px !important;}
.welcome-section{padding:30px 0 0;}
.welcome-section p{font-size:16px;line-height:normal;}
.header_top a{color:#444444;}
.offer-box i{font-size:40px;margin-bottom:15px;margin-top:15px;color:#fff}
.offer-box h3{color:#000!important}
.offer-box p{color:#fff}
.inner-bottom table, .twits ul li{color:#989696}
.slider-section img{width:100%}
.offer-section h1{margin-bottom:15px}
.twits ul li{padding-left:22px;position:relative;list-style:none;margin-bottom:15px}
.twits ul li:before{content:"\f099";font-family:FontAwesome;display:inline-block;position:absolute;left:0;top:3px;color:#5bbcfa}
.service-all a{display:inline-block;padding:8px 20px;text-transform:uppercase;color:#fab001;border:2px solid #fab001}
.service-all a:hover{color:#fff;background:#fab001}
.slider .owl-buttons .owl-prev{position:absolute;top:48%;left:0}
.slider .owl-buttons .owl-next:after, .slider .owl-buttons .owl-prev:after{display:block;top:0;font-size:50px;font-family:FontAwesome;position:absolute}
.slider .owl-buttons .owl-prev:after{content:"\f104";left:0}
.slider .owl-buttons .owl-next:after{content:"\f105";right:0}
.menu ul li svg, .menu ul li:last-child span{display:none}
.slider .owl-buttons .owl-next{position:absolute;top:48%;right:0}
.owl-theme .owl-controls .owl-buttons div{opacity:1!important;background:0 0!important;font-size:0!important}
.testimonials-slider .owl-theme .owl-controls .owl-page span{margin:5px;height:10px;width:10px;border:2px solid #fab001;background:#fff;opacity:1}
.owl-theme .owl-controls .owl-page.active span, .testimonials-slider .owl-theme .owl-controls .owl-page span:hover{background:#fab001}
.offer-section .offer-box img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);}
.menu ul li a{font-size:13px}
.menu{float:right;padding-top:13px}
.menu ul li:last-child{margin-right:0}
.header-black .menu ul li span{padding-left:6px}
.menu ul li{margin-right:6px}
h1.entry-title{padding:20px 0 15px;margin:0 0 25px;border-bottom:1px solid #ccc;line-height:1.5em;font-size:20px;color:#444}
.offer-box a{color:#ff5e00;}
.offer-box a:hover{color:#1a1a1a;}
img.wp-post-image{margin-top:20px}
.single .content .container img{margin-bottom:15px}
.responsive-menu{display:none!important}
.footer .amet-sed a{font-size:13px}
.page-template-testimonial-page .content h4{font-size:16px}
.feature-medium-image{float:left;margin:0 16px 15px 0;}
.wl-gallery .b-link-fade .b-wrapper{background:rgb(255,94,0,0.7);}
.wl-gallery .b-link-fade .b-wrapper:hover{cursor:pointer;}
@media (max-width:1400px){.slider .slide-text{margin:200px auto 0}
}
@media (max-width:992px){.about-section .about-box, .portfolio-section .portfolio-item, .team-section .team-member{display:inline-block}
.about-section .row, .logo, .portfolio-section, .socials, .team-section .row{text-align:center}
footer{padding-top:90px}
.home-page .is-sticky .menu ul li ul li a{padding:5px 10px;font-size:12px;line-height:1.5em}
.is-sticky .menu>ul{margin-top:12px}
footer .widget{margin-bottom:50px}
.home-page .is-sticky .responsive-menu, .single-page .is-sticky .responsive-menu{margin-top:-10px}
.home-page .responsive-menu, .single-page .responsive-menu{margin-top:-10px;display:block}
.responsive-menu{margin-top:-42px;display:block}
.menu ul li ul, .menu ul li ul li ul{width:100%!important;margin:5px 0 0!important;padding:0;overflow:visible!important;position:relative!important}
.menu ul li ul li a:hover{color:#f1f1f1}
.menu ul li ul li{margin-top:0}
.menu ul li ul li a{font-size:12px;padding:5px 10px;font-weight:400;text-transform:none}
.menu>ul{display:none;min-width:140px;right:0;z-index:100;padding:10px;background:rgba(0, 0, 0, .6)}
.menu ul li{margin-left:0;display:block;width:100%;margin-bottom:10px}
.menu ul li a{text-transform:uppercase;font-size:11px;font-weight:700;display:block;color:#fff;text-align:left}
.menu ul li a:hover{color:#f1f1f1}
footer p.copywrite{text-align:center}
#gallery1 .clearfix{display:none;}
.responsive-menu.d-text-c-h{display:none !important;}
.slicknav_menu .slicknav_icon::after{content:"\f0c9";font-family:fontawesome;font-size:30px;position:absolute;top:2px;}
body .slicknav_btn{margin:12px 0 0 0 !important;}
.slicknav_menu{padding:0;}
body .header-black .menu ul li a{font-weight:normal !important;}
}
@media (max-width:1140px){.slider .slide-text{margin-top:150px}
}
@media (max-width:1040px){.slider .slide-text{margin-top:100px}
}
@media (max-width:940px){.slider .slide-text{margin-top:50px}
.logo{float:left;}
.menu{margin-right:0px;}
}
@media (max-width:880px){.slider .slide-text{display:none}
.logo{margin-left:20px}
.rebox-prev, .rebox-next{top:26%;}
}
@media (max-width:600px){.float-right{float:none;width:100%}
.menu>ul{text-align:left}
.rebox-prev, .rebox-next{top:30%;}
}
@media (min-width:991px){.menu>ul{display:block!important;}
}
@media (max-width:480px){.header-black .col-xs-6.col-sm-6.col-md-2{width:65% !important;}
.welcome-section{padding-top:0px;padding-bottom:15px;}
.offer-section h1, .testimonials-section h1, .welcome-section h1{font-size:23px;margin-bottom:15px !important;}
.welcome-section p{font-size:15px;line-height:24px;}
.offer-section{padding:20px 0;}
.offer-section .offer-box{margin-bottom:20px;}
.testimonials-section .testimonial .testimonial-content p{width:100%;margin:0px;}
.testimonials-section .bg-cover{padding:30px 0;}
.footer-top-at{padding:2em 0;}
.footer .amet-sed{margin-bottom:20px;}
.foo-left, .foo-right{float:none;margin:4px 0;}
}
@media (max-width:450px){.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{width:100%}
.logo{margin-left:0}
.rebox-prev, .rebox-next{top:20%;}
}
.load-complete{position:fixed;background:#f1f1f1;width:100%;height:100%;left:0;right:0;top:0;bottom:0;z-index:998;}
.load-complete .logo{color:#000;text-align:center;display:block;margin-bottom:20px;text-transform:uppercase}
.load-complete .load-position h6{text-align:center;color:#444;font-size:12px;font-family:'Roboto Slab', serif;font-weight:400;}
.load-complete .load-position{position:absolute;top:50%;left:0;z-index:999;right:0;margin-top:-100px;}
.load-complete .loading{position:absolute;width:100%;height:1px;margin:20px auto;left:0;right:0;}
.load-complete .loading-line{position:absolute;background:#333;width:100%;height:1px}
.load-complete .loading-break{position:absolute;background:#fff;width:10px;height:1px}
.load-complete .loading-dot-1{-webkit-animation:loading 2s infinite;-moz-animation:loading 2s infinite;-ms-animation:loading 2s infinite;-o-animation:loading 2s infinite;animation:loading 2s infinite}
.load-complete .loading-dot-2{-webkit-animation:loading 2s .5s infinite;-moz-animation:loading 2s .5s infinite;-ms-animation:loading 2s .5s infinite;-o-animation:loading 2s .5s infinite;animation:loading 2s .5s infinite}
.load-complete .loading-dot-3{-webkit-animation:loading 2s 1s infinite;-moz-animation:loading 2s 1s infinite;-ms-animation:loading 2s 1s infinite;-o-animation:loading 2s 1s infinite;animation:loading 2s 1s infinite}
@keyframes loading{from{left:0}
to{left:100%}
}
@-moz-keyframes loading{from{left:0}
to{left:100%}
}
@-webkit-keyframes loading{from{left:0}
to{left:100%}
}
@-ms-keyframes "loading"{from{left:0}
to{left:100%}
}
@-o-keyframes loading{from{left:0}
to{left:100%}
}
@media (max-width:1200px){.menu>ul>li:last-child{display:none}
}
@media (max-width:991px){.about-section .about-box-2 img, .site-title h2{margin-bottom:20px}
.statistics-section .statistic .divide{display:none}
.header-black{padding:15px 0}
.home-page .is-sticky .responsive-menu, .home-page .responsive-menu, .single-page .is-sticky .responsive-menu, .single-page .responsive-menu{margin-top:-34px}
.about-section .about-box-2 .about-box-2-name, .about-section .about-box-2 .about-box-2-name-2{margin-top:0;margin-bottom:50px;position:relative}
.about-section .about-box-2 .about-box-2-name{padding-left:0;margin-left:0}
.shop-section .shop-item .item-image, footer .socials{text-align:center}
.about-section .about-box-2 .about-box-2-name .icon-a, .about-section .about-box-2 .about-box-2-name-2 .icon-a{position:relative;margin:0 auto 15px}
.about-section .about-box-2 .about-box-2-name-2 .icon-a{margin-right:20px}
.clients-section{text-align:center}
.portfolio-section .portfolio-item img{margin:auto}
.portfolio-section .portfolio-item{display:inline-block;text-align:center}
.portfolio-section .dark-side .our-portfolio-filter li{display:inline-block;list-style:none}
.white-side:after{background:0 0}
.header-black .menu>ul li span{display:none}
.about-section .about-box-2 .about-box-2-name-2{padding-left:0;margin-left:0;padding-right:0}
.team-section .white-side, .white-side{margin:0;padding:50px 20px;text-align:center}
.portfolio-section .dark-side .our-portfolio-filter{margin:0;padding:0;text-align:center}
.portfolio-section.portfolio-section-2>.row>div{left:0;right:0}
}
.slicknav_menu{background:none !important;}
.slicknav_btn{background:none !important;margin-top:0px !important;padding-top:0px !important;}
.slicknav_menu .slicknav_icon-bar{height:4px !important;width:30px !important;margin:5px 0 !important;}
.slicknav_menu{position:relative;}
ul.slicknav_nav{position:absolute;top:69px;background:#333;right:0;padding:18px 18px 0;min-width:280px;}
.slicknav_nav .slicknav_row{padding:0 !important;margin:0 !important;}
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover{background:none !important;}
.header-black .menu .slicknav_menu ul li span:first-child{display:none;}
.header-black .menu .slicknav_menu ul li ul{padding-top:0px;}
.slicknav_nav .menu-item a:hover, .slicknav_nav a span:hover{color:#fab001 !important;}
.menu .slicknav_menu ul li{margin-bottom:15px;}
.menu .slicknav_menu ul li ul li{background:none !important;margin-bottom:5px !important;}
.menu .slicknav_menu ul li ul li:last-child{margin-bottom:0px;}
.menu .slicknav_menu ul li:last-child span:first-child{display:none;}
.menu .slicknav_menu ul li:last-child span{display:inherit;}
.menu .slicknav_menu ul li ul{display:inherit;}
.menu ul li{transition:all 0.1s ease-in-out 0s;}
.menu ul li a{padding:11px;}
.menu ul > li:hover a, .menu ul > li.active a{background:#ff5e00 !important;color:#fff !important;border-radius:0 !important;}
.header-black.sticky-bar .menu{padding-top:4px;margin-bottom:0;}
.entry-content h1{font-size:16px;color:#444;text-transform:capitalize;}
.entry-content ul.imagesall{margin-left:-15px;margin-right:-15px;padding:0;}
.entry-content ul.imagesall li{width:33.3333%;display:inline-block;list-style:none;padding:0 15px;margin-bottom:15px;}
.entry-content ul.imagesall li img{max-width:100%;height:auto;}
.contact_textarea{float:left;width:50%;}
.contact_textarea p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.contact_form{float:right;width:50%;}
.contact_form .wpcf7-form-control{border:solid 1px #c2c2c2;padding:0 10px;position:relative;}
.contact_form input.wpcf7-form-control{height:35px;}
.contact_form p label{font-weight:normal;display:inline-block;cursor:pointer;color:#464646;font-size:13px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.contact_form textarea.wpcf7-form-control.wpcf7-textarea{height:130px;max-height:130px;max-width:100%;min-height:130px;min-width:100%;padding:10px;resize:none;}
.contact_form .wpcf7-form p > input.wpcf7-form-control.wpcf7-submit{background-color:#ff5e00;border-radius:3px;color:#fff;font-family:Arial,"Helvetica Neue",Helvetica,"Liberation Sans",sans-serif;font-size:13px;font-weight:400;height:40px;text-align:center;width:90px;border-color:#fab001 !important;}
.contact_form form.wpcf7-form{float:right;max-width:363px;}
.contact_form p label, .contact_form p label span input.wpcf7-form-control{width:100%;position:relative;}
.content .map{border:solid 1px #ff5e00;margin-bottom:25px;}
.content .map p{margin-bottom:0;}
.contact_textarea p span{font-weight:bold;font-size:15px;border-bottom:solid 1px #000;}
.contact_textarea h1{font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:10px;position:relative;text-transform:uppercase;}
.contact_textarea h1:after{background-color:#e15e26;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;width:190px;}
.slicknav_nav .menu-item a:hover, .slicknav_nav a span:hover{color:#fff !important;}
.footer-class p.foo-left{width:100%;clear:both;text-align:center;}
.footer-class .foo-right{margin-top:10px;}
.footer-class .footer-navigation{display:inline-block;width:100%;text-align:center;}
.footer-class #menu-footer-menu.footer-menu{margin:0;padding:0;}
.footer-class #menu-footer-menu.footer-menu li{list-style:none;display:inline-block;border-left:solid 1px #fab001;padding:0px 5px;}
.footer-class #menu-footer-menu.footer-menu li:first-child{border-left:none;}
div.wpcf7-response-output{margin:0 0.5em !important;visibility:visible;}
.wpcf7-display-none{visibility:hidden;}
.logo a img{max-width:165px;}
.footer_contacts{padding-bottom:2em;padding-top:2em;}
.col-md-4.footer_grid{box-shadow:0 0 2px #c3c3c3;float:left;margin-left:2.5%;min-height:348px;padding:1% 2%;width:30%;}
.footer_grid h4, .footer_grid h2.widget-title{border-bottom:1px solid #ff5e00;color:#fff;font-size:20px;font-weight:normal;margin-bottom:1em;padding-bottom:10px;text-transform:uppercase; text-align:left}
.footer_grid .company_address li .textwidget p{color:#fff;}
.footer_grid .company_address li .textwidget p a{color:#fff !important;}
.footer li{list-style:none;}
body .footer a:hover{color:#fff;}
.copy_right{padding-top:10px;text-align:center;}
body{background-color:#f2f1f1;}
.header_top ul.social-icons{margin:0;padding:0;text-align:right;}
.header_top ul.social-icons li{display:inline-block;margin-left:9px;}
.header_top ul.social-icons li a{color:#666;display:inline-block;font-size:20px;text-decoration:none;transition:all 0.2s ease-in-out 0s;vertical-align:sub;}
.header_top p span i, .header_top p a i{color:#ff5e00;font-size:13px;margin-right:10px;vertical-align:middle;}
.header_top p span, .header_top p a{margin-right:20px;}
.header_top{background:#f8f8f8;border-bottom:1px solid #f0f0f0;overflow:hidden;padding:10px 0;transition:all 0.2s ease-in-out 0s;}
#home.header_top p{margin:0;color:#444444;font-family:Roboto;font-size:15px;font-weight:400;line-height:24px;}
.header_top ul.social-icons li a:hover{color:#ff5e00;}
.footer_bottom{background:#111;border-top:1px dotted #ff5e00;}
.offer-section .offer-box img{border-radius:100%;height:205px;margin:0 auto 20px;width:205px;}
*::after, *::before{box-sizing:border-box;}
body .container{max-width:1170px;width:100%;}
body .offer-section .container h1{margin-bottom:30px !important;}
@media(max-width:1199px) and (min-width:993px){.menu ul li a{padding:11px 5px;}}
@media(max-width:993px){.menu .slicknav_menu ul li{margin-bottom:0;margin-right:0;border-bottom:solid 1px #fff;display:block;}
.slicknav_menu .slicknav_nav{padding-left:0;padding-right:0;}
.menu ul li a{font-size:13px;}
}
@media(max-width:992px){body .header-black.sticky-bar ul.slicknav_nav{min-width:100%;transition:inherit !important;}
.header-black.sticky-bar .menu{width:100%;}
.header-black.sticky-bar .logo{position:relative;z-index:99;transition:all 0.3s ease 0s;}
.header-black.sticky-bar .nav_menu{left:0;position:absolute;right:0;width:100% !important;transition:all 0.3s ease 0s;}
.offer-box h3 a{font-size:14px;margin-bottom:10px;}
.offer-box{margin-bottom:10px;}
.offer-box h3{min-height:40px;}
.responsive-menu{display:block !important;}
.responsive-menu{right:0;left:inherit;color:#444 !important;}
ul.slicknav_nav{top:45px;z-index:9999;}
.header-black .menu ul li a{color:#fff !important;}
body ul.slicknav_nav{padding:0;}
.slicknav_menu .slicknav_icon{width:30px;height:30px;}
.slicknav_btn{padding:0;}
}
@media(max-width:767px){.contact_form, .contact_textarea, .contact_form form.wpcf7-form{width:100%;}
.footer .col-md-4.footer_grid{width:100%;margin-bottom:20px;margin-left:0;margin-right:0;box-sizing:border-box;}
}
@media(max-width:480px){.entry-content ul.imagesall li{width:100%;text-align:center;margin-bottom:15px;}
#home.header_top p{font-size:13px;}
.header_top p span, .header_top p a{margin-right:7px;}
.header_top p span i, .header_top p a i{margin-right:6px;}
.header_top ul.social-icons{text-align:center;}
.header_top p span, .header_top p a{margin-right:6px;}
}

/*--12-06-2017--*/
.mg-image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}