/*
Template:  DC-Link - Design & Construction Official Website HTML5 Template
Author: Themesfinity
Author URL: https://themesfinity.com
Version: 1.0
This file contains the styling for the actual website.
Please do not change anything here! write in a custom.css file if required!
*/

/* PRE-LOADER */
body{overflow:hidden}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999}
.main-wrap{background-color:#333;color:#fff;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}5%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}
@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}5%{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}}.ball-scale-multiple{position:relative;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
.ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}
.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}
.ball-scale-multiple>div{background-color:#fff;border-radius:100%;position:absolute;left:-30px;top:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";margin:0;width:60px;height:60px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite}

/* DEFAULT THEME SETTINGS */
.button,body{font-size:14px}
body{font-family:'Open Sans',sans-serif;color:#777;font-weight:400;font-style:normal;line-height:20px}
a,h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}img{max-width:100%;transition:all .3s ease-out 0s}a{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
a,a:focus,button,input{outline:0}
a:focus,a:hover{text-decoration:none}::-webkit-input-placeholder{color:#bababa}:-ms-input-placeholder{color:#bababa}::-moz-placeholder{color:#bababa;opacity:1}:-moz-placeholder{color:#bababa;opacity:1}
h1,h2,h3,h4,h5,h6{margin-top:0;font-style:normal;font-weight:700;line-height:24px}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#454545;font-family:inherit}
ul{margin:0;padding:0}
li{list-style:none}
p{margin-bottom:5px}
.fix{overflow:hidden}
.pos-absolute{position:absolute}
.pos-relative{position:static}
.display-table{display:table;height:100%;width:100%}
.display-table-cell{display:table-cell;vertical-align:middle}
.bg-grey{background-color:#f7f7f7}
button{border:0}.button{display:inline-block;font-weight:500;line-height:48px;padding:0 25px;text-transform:uppercase;transition:all .3s ease-out 0s}
.big-text,blockquote{font-size:16px}
.color-btn,.dark-btn:hover{color:#fff}
.color-btn:hover,.dark-btn{background-color:#454545;color:#fff}
.section-title h2{color:#333;text-transform:capitalize}
.section-title-2.color-light h2,.section-title-3.color-light h2,.section-title.color-light h2{color:#fff}
.section-title,.section-title-2,.section-title-3{margin-bottom:50px}
.section-title-2 h2,.section-title-3 h2{color:#333;display:inline-block;letter-spacing:1px;padding-bottom:20px;position:relative;text-transform:capitalize}
.section-title-2 h2::after,.section-title-2 h2::before,.section-title-3 h2::after,.section-title-3 h2::before{background-color:#777;bottom:0;content:"";height:3px;left:0;position:absolute;right:0;width:70%}
.section-title-2.text-center h2::after,.section-title-2.text-center h2::before,.section-title-3.text-center h2::after,.section-title-3.text-center h2::before{margin:auto}
.section-title-2 h2::after{width:35%}.section-title-3 h2::after,.section-title-3 h2::before{height:1px}
.section-title-3 h2::before{width:50%}
.section-title-3 h2::after{bottom:-5px;width:25%}
.w-25{width:25%}.w-33{width:33.33%}.w-50{width:50%}.w-100{width:100%}
.overlay{position:relative;z-index:1}
.overlay:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-color:rgba(0,0,0,.7);z-index:-1}
blockquote{border-radius:5px;background-color:#f5f5f5}

/* BASIC MARGIN PADDING */
.m-auto{margin:auto}.m-0{margin:0!important}.p-0{padding:0}

/* MARGIN TOP */
.mt-0{margin-top:0}
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px}
.mt-20{margin-top:20px}
.mt-25{margin-top:25px}
.mt-30{margin-top:30px}
.mt-35{margin-top:35px}
.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}

/* MARGIN RIGHT */
.mr-0 { margin-right: 0px }
.mr-5 { margin-right: 5px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-25 { margin-right: 25px }
.mr-30 { margin-right: 30px }
.mr-35 { margin-right: 35px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }

/* MARGIN BOTTOM */
.mb-0 { margin-bottom: 0 }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-35 { margin-bottom: 35px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }

/* MARGIN LEFT */
.ml-0 { margin-left: 0 }
.ml-5 { margin-left: 5px }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-25 { margin-left: 25px }
.ml-30 { margin-left: 30px }
.ml-35 { margin-left: 35px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }

/* PADDING TOP */
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-25 { padding-top: 25px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }

/* PADDING RIGHT */
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-25 { padding-right: 25px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }

/* PADDING BOTTOM */
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }

/* PADDING LEFT */
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-25 { padding-left: 25px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }

/* PAFE SECTION PADDING */
.ptb-0{padding-top:0;padding-bottom:0}
.ptb-10{padding-top:10px;padding-bottom:10px}
.ptb-15{padding-top:15px;padding-bottom:15px}
.ptb-20{padding-top:20px;padding-bottom:20px}
.ptb-25{padding-top:25px;padding-bottom:25px}
.ptb-30{padding-top:30px;padding-bottom:30px}
.ptb-35{padding-top:35px;padding-bottom:35px}
.ptb-40{padding-top:40px;padding-bottom:40px}
.ptb-50{padding-top:50px;padding-bottom:50px}
.ptb-60{padding-top:60px;padding-bottom:60px}
.ptb-70{padding-top:70px;padding-bottom:70px}
.ptb-80{padding-top:80px;padding-bottom:80px}
.ptb-90{padding-top:90px;padding-bottom:90px}
.ptb-100{padding-top:100px;padding-bottom:100px}

/* PAGE SECTION MARGIN */
.mtb-0{margin-top:0;margin-bottom:0}
.mtb-10{margin-top:10px;margin-bottom:10px}
.mtb-15{margin-top:15px;margin-bottom:15px}
.mtb-20{margin-top:20px;margin-bottom:20px}
.mtb-25{margin-top:25px;margin-bottom:25px}
.mtb-30{margin-top:30px;margin-bottom:30px}
.mtb-35{margin-top:35px;margin-bottom:35px}
.mtb-40{margin-top:40px;margin-bottom:40px}
.mtb-50{margin-top:50px;margin-bottom:50px}
.mtb-60{margin-top:60px;margin-bottom:60px}
.mtb-70{margin-top:70px;margin-bottom:70px}
.mtb-80{margin-top:80px;margin-bottom:80px}
.mtb-90{margin-top:90px;margin-bottom:90px}
.mtb-100{margin-top:100px;margin-bottom:100px}

/* BACK TO TOP */
#scrollUp {border-radius: 5px;position: fixed;bottom: 60px;color: #fff;font-size: 16px;height: 40px;line-height: 40px;right: 15px;text-align: center;transition: all 0.5s ease 0s;width: 40px;z-index: 9999 !important;}
#scrollUp:hover {height: 50px;}

/* HEADER */
.header-area {position: relative;background-color: #fff;}
nav.collapse {padding: 0;}
.logo a {display: block;padding: 5px 0;}

/* HEADER TOP */
.header-top-area{border-bottom:1px solid #f1f3f5}
.welcome-box{text-align:right}
.single-box{color:#222;display:inline-block;font-size:16px;margin-left:30px;padding:19px 0;text-align:center}
.single-box i{display:block;font-size:20px;margin-bottom:5px}
.single-box:hover{color:#222}

/* TRANSPARENT HEADER */
.header-area.transparent-header{background-color:rgba(0,0,0,.1);position:fixed;top:0;width:100%;z-index:9999}
.header-area.transparent-header.stick{background-color:rgba(0,0,0,.9)}
.header-area.transparent-header .mainmenu ul li a{color:#fff}
.header-area.transparent-header .mainmenu ul li.has-child .sub-menu{background-color:rgba(0,0,0,.9);border-color:rgba(0,0,0,.2)}
.header-area.transparent-header .mainmenu ul li.has-child .sub-menu li a,.header-area.transparent-header .mainmenu ul li.has-child .sub-menu li.has-child ul.sub-menu li a{border-bottom-color:rgba(255,255,255,.2)}
.header-area.transparent-header .mainmenu ul li.has-child .sub-menu li:hover>a{background-color:rgba(255,255,255,.08)}

/* HEADER STICKY */
#sticker.stick{position:fixed;width:100%;z-index:999999}
.header-area.stick{box-shadow:0 0 10px -6px #000;height:70px;top:0}
.stick .logo a{padding:2px 0}
.stick .logo a img{max-width:80%}
.stick .mainmenu ul li a{padding-bottom:22px;padding-top:22px}
.stick .mainmenu nav>ul>li>a::before{bottom:24px}
.header-area.style-2{margin-top:0;transition:.3s}
.header-area.style-2.stick{height:auto;margin-top:-91px}
.header-area.style-2.stick .mainmenu ul li a{padding:32px 15px}

/* MAIN MENU STYLES */
.mainmenu ul li{display:inline-block;position:relative;text-align:left}
.mainmenu ul li a{color:#3e3e3e;display:block;font-size:13px;font-weight:500;letter-spacing:1px;padding:32px 15px;position:relative;text-transform:uppercase;z-index:1}
.mainmenu ul li a:focus,.mainmenu ul li a:hover{background-color:transparent}
.mainmenu nav>ul>li>a::before{background-color:#ccc;bottom:30px;content:"";height:1px;left:0;margin:auto;position:absolute;right:0;transition:all .3s ease 0s;width:0}
.header-area.transparent-header .mainmenu ul li.active a:before,.mainmenu nav>ul>li.active>a.active::before,.mainmenu nav>ul>li:hover>a::before{width:80%}
.mainmenu ul li.has-child>a:after{content:"\f0d7";font-family:fontawesome;color:#ccc;padding-left:5px;transition:all .3s ease-out 0s}
.mainmenu ul li.has-child .sub-menu{background-color:#fff;border:1px solid #eee;position:absolute;right:0;width:220px;z-index:99;transform:scaleY(0);transform-origin:0 0 0;visibility:hidden;opacity:0;transition:all .3s ease-out 0s}
.header-area.style-2 .mainmenu ul li.has-child .sub-menu{right:auto;left:0}
.header-area.style-2 .mainmenu ul li.has-child .sub-menu li.has-child .sub-menu{right:-100%;left:auto}
.mainmenu ul li.has-child:hover .sub-menu{transform:scaleY(1);visibility:visible;opacity:1}
.mainmenu ul li.has-child .sub-menu li{display:block}
.header-area.style-2.stick .mainmenu ul li .sub-menu li a,.mainmenu ul li.has-child .sub-menu li a{border-bottom:1px solid #eee;padding:5px 10px;text-transform:capitalize}
.mainmenu ul li.has-child .sub-menu li.has-child ul.sub-menu li:last-child a,.mainmenu ul li.has-child .sub-menu li:last-child a{border-bottom:0 none}
.mainmenu ul li.has-child .sub-menu li:hover>a{background-color:#f7f7f7}
.mainmenu ul li.has-child .sub-menu li.has-child>a::after{content:"\f0da";float:right;font-size:150%}
.mainmenu ul li.has-child .sub-menu li.has-child ul.sub-menu{right:-100%;top:0;opacity:0;transform:scaleX(0)}
.mainmenu ul li.has-child .sub-menu li.has-child:hover ul.sub-menu{opacity:1;transform:scaleX(1)}
.mainmenu ul li.has-child .sub-menu li.has-child ul.sub-menu li a{border-bottom:1px solid #eee}

/* HEADER SOCIAL */
.social ul li{display:inline-block}
.social ul li a{border:1px solid #222;border-radius:50%;color:#222;display:block;font-size:18px;height:40px;line-height:40px;margin:25px 0 25px 10px;position:relative;text-align:center;width:40px;z-index:1}
.social ul li a::after{background-color:#222;border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease 0s;width:0;z-index:-1}
.social ul li a:hover::after{width:100%}

/* THEME COLOR STYLES */
#scrollUp,.blog-bg .link:hover,.blog-bg::after,.color-btn,.dark-btn:hover,.header-area.transparent-header .mainmenu ul li.active a:before,.mainmenu nav>ul>li:hover>a::before,.newsletter-box button,.owl-nav-style.owl-carousel .owl-controls .owl-nav div,.search-box button:hover,.section-title-2 h2::after,.section-title-3 h2::after,.section-title-3 h2::before,.single-blog .blog-date,.single-service-2:hover i::after,.single-service.style-2::after,.single-service.style-2::before,.single-team.style-2 .team-hover .social-link a:hover,.slider-area-2.owl-carousel .owl-controls .owl-dots .owl-dot.active,.slider-area-2.owl-carousel .owl-controls .owl-nav div:hover,.slider-area.owl-carousel .owl-controls .owl-dots .owl-dot.active,.slider-area.owl-carousel .owl-controls .owl-nav div:hover,.tag-menu ul li a:hover,.team-hover,.toolbar-bottom ul li a:hover,.toolbar-bottom ul li.current a{background-color:#d30600}
.author-comment:hover h5 a,.blog-content .info li i,.blog-content h4 a:hover,.blog-full-post .blog-info p span i,.breadcrumb-area .breadcrumb li,.client-info h4,.eror-area h2 span,.footer-copyright a,.footer-social li a:hover,.header-area.transparent-header .mainmenu ul li.active>a,.header-area.transparent-header .mainmenu ul li:hover>a,.mainmenu nav>ul>li.active>a.active::before,.mainmenu ul li.active>a,.mainmenu ul li.has-child:hover>a:after,.mainmenu ul li:hover>a,.price-plan-info h1,.single-box i,.single-contact-info a,.single-contact-info h3 i,.single-service:hover h4,.single-sidebar-menu ul li a:hover,.single-team,.single-team.style-2 .team-hover .team-info,.social ul li a:hover,.text-link:hover,span.color{color:#d30600}
.search-box button:hover,.single-service.style-2:hover,.single-team.style-2 .team-hover .social-link a:hover,.single-team:hover .team-bg,.slider-area-2.owl-carousel .owl-controls .owl-dots .owl-dot.active,.slider-area-2.owl-carousel .owl-controls .owl-nav div:hover,.slider-area.owl-carousel .owl-controls .owl-dots .owl-dot.active,.slider-area.owl-carousel .owl-controls .owl-nav div:hover,.tag-menu ul li a:hover,.toolbar-bottom ul li a:hover,.toolbar-bottom ul li.current a,blockquote,input[type=email]:focus,input[type=text]:focus,textarea:focus{border-color:#d30600}

/* BACKGROUNDS */
.slide-bg-1{background-image:url(img/slider/slider-bg-1.jpg)}
.slide-bg-2{background-image:url(img/slider/slider-bg-2.jpg)}
.slide-bg-3{background-image:url(img/slider/slider-bg-3.jpg)}
.slide-bg-4{background-image:url(img/slider/slider-bg-4.jpg)}
.slide-bg-5{background-image:url(img/slider/slider-bg-5.jpg)}
.slide-bg-6{background-image:url(img/slider/slider-bg-6.jpg)}
.about-bg-1{background-image:url(img/about/about-bg-1.jpg)}
.about-bg-2{background-image:url(img/about/about-bg-2.jpg)}
.work-bg-1{background-image:url(img/works/1.jpg)}
.work-bg-2{background-image:url(img/works/2.jpg)}
.work-bg-3{background-image:url(img/works/3.jpg)}
.work-bg-4{background-image:url(img/works/4.jpg)}
.work-bg-5{background-image:url(img/works/5.jpg)}
.work-bg-6{background-image:url(img/works/6.jpg)}
.work-bg-7{background-image:url(img/works/7.jpg)}
.work-bg-8{background-image:url(img/works/8.jpg)}
.work-bg-9{background-image:url(img/works/9.jpg)}
.work-bg-10{background-image:url(img/works/10.jpg)}
.work-bg-11{background-image:url(img/works/11.jpg)}
.work-bg-12{background-image:url(img/works/12.jpg)}
.team-bg-1{background-image:url(img/team/1.jpg)}
.team-bg-2{background-image:url(img/team/2.jpg)}
.team-bg-3{background-image:url(img/team/3.jpg)}
.team-bg-4{background-image:url(img/team/4.jpg)}
.team-bg-5{background-image:url(img/team/5.jpg)}
.team-bg-6{background-image:url(img/team/6.jpg)}
.team-bg-7{background-image:url(img/team/7.jpg)}
.team-bg-8{background-image:url(img/team/8.jpg)}
.fun-bg{background-image:url(img/bg/fun-fact-bg.jpg)}
.newsletter-bg{background-image:url(img/bg/newsletter-bg.jpg)}
.newsletter-bg-2{background-image:url(img/bg/newsletter-bg-2.jpg)}
.blog-bg-1{background-image:url(img/blog/1.jpg)}
.blog-bg-2{background-image:url(img/blog/2.jpg)}
.blog-bg-3{background-image:url(img/blog/3.jpg)}
.blog-bg-4{background-image:url(img/blog/4.jpg)}
.blog-bg-5{background-image:url(img/blog/5.jpg)}
.blog-bg-6{background-image:url(img/blog/6.jpg)}
.service-bg-1{background-image:url(img/service/service-bg-1.png)}
.service-bg-2{background-image:url(img/service/service-bg-2.png)}
.service-item-1{background-image:url(img/service/service-1.jpg)}
.service-item-2{background-image:url(img/service/service-2.jpg)}
.service-item-3{background-image:url(img/service/service-3.jpg)}
.service-item-4{background-image:url(img/service/service-4.jpg)}
.service-item-5{background-image:url(img/service/service-5.jpg)}
.service-item-6{background-image:url(img/service/service-6.jpg)}
.testimonial-bg{background-image:url(img/testimonials/testimonial-bg.jpg)}
.breadcrumb-bg-1{background-image:url(img/breadcrumb/1.jpg)}
.breadcrumb-bg-2{background-image:url(img/breadcrumb/2.jpg)}
.breadcrumb-bg-3{background-image:url(img/breadcrumb/3.jpg)}
.breadcrumb-bg-4{background-image:url(img/breadcrumb/4.jpg)}
.breadcrumb-bg-5{background-image:url(img/breadcrumb/5.jpg)}

/* SLIDER AREA */
.single-slide-item{height:calc(100vh - 90px);background-position:center center;background-repeat:no-repeat;background-size:cover;color:#fff;position:relative;z-index:0;font-size:18px;line-height:28px}
.slider-area-2 .single-slide-item{height:calc(100vh - 180px)}
.transparent-hero .single-slide-item{height:100vh}
.single-slide-item:after{background-color:#000;content:"";height:100%;left:0;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";position:absolute;top:0;width:100%;z-index:-1}
.single-slide-item h3{letter-spacing:1px;text-transform:uppercase}
.single-slide-item h2{font-size:60px;line-height:60px;text-transform:capitalize}
.single-slide-item p{margin-bottom:20px}
.single-slide-item a.button{margin-right:10px}
.slider-area.owl-carousel .owl-controls .owl-nav div{border:1px solid;color:#fff;font-size:30px;height:60px;left:0;line-height:56px;margin-top:-30px;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;text-align:center;top:50%;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:60px}
.slider-area-2.owl-carousel .owl-controls .owl-nav{position:absolute;right:80px}
.slider-area-2.owl-carousel .owl-controls .owl-nav div{border:2px solid;color:#fff;border-radius:50%;bottom:30px;font-size:24px;height:50px;line-height:46px;margin:0;right:70px;top:auto;width:50px;position:absolute;text-align:center;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.slider-area-2.owl-carousel .owl-controls .owl-nav div.owl-next,.slider-area.owl-carousel .owl-controls .owl-nav div.owl-next{left:auto;right:0}
.slider-area-2.owl-carousel:hover .owl-controls .owl-nav div,.slider-area.owl-carousel:hover .owl-controls .owl-nav div{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.slider-area-2.owl-carousel .owl-controls .owl-nav div:hover,.slider-area.owl-carousel .owl-controls .owl-nav div:hover{color:#333}
.slider-area.owl-carousel .owl-controls .owl-dots{bottom:10px;left:0;margin:auto;position:absolute;right:0;text-align:center}
.slider-area-2.owl-carousel .owl-controls .owl-dots{position:absolute;left:auto;margin-top:-50px;right:15%;top:50%}
.slider-area.owl-carousel .owl-controls .owl-dots .owl-dot{background-color:#fff;border-radius:3px;display:inline-block;height:5px;margin:0 5px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:40px}
.slider-area-2.owl-carousel .owl-controls .owl-dots .owl-dot{background-color:transparent;border:2px solid #fff;border-radius:50%;display:block;height:15px;margin:10px 0;width:15px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}

/* SERVICE AREA */
.service-items{margin-left:-2%}
.single-service{border:1px solid #eee;float:left;margin-bottom:2%;margin-left:2%;padding:25px 20px 20px;text-align:center;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:31.33%}
.single-service i{font-size:36px}
.single-service h4{color:#454545;margin-top:15px;text-transform:uppercase;letter-spacing:1px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.single-service:hover{box-shadow:0 1px 5px #ddd}

/* SERVICE 2 */
.service-bg{background-position:center center;background-repeat:no-repeat;background-size:270px 420px;height:420px}
.single-service-2{margin-bottom:40px}
.single-service-2:last-child{margin-bottom:0}
.single-service-2 i{color:#fff;float:left;font-size:18px;height:50px;line-height:50px;margin-top:15px;margin-left:10px;position:relative;text-align:center;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:50px;z-index:1}
.single-service-2:hover i{color:#222}
.single-service-2 i:after{background-color:#222;content:"";height:50px;left:0;position:absolute;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:50px;z-index:-1}
.service-content{padding-left:90px}
.single-service-2 h4{color:#222;font-family:"Open Sans",sans-serif;font-size:20px;letter-spacing:1px;text-transform:uppercase}

/* SERVICE 3 */
.service-area.pages .single-service-3{margin-bottom:40px}
.single-service.style-2{position:relative}
.single-service.style-2:hover{box-shadow:none}
.single-service.style-2:after,.single-service.style-2:before{content:"";height:0;left:0;position:absolute;top:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:2px}
.single-service.style-2:after{bottom:0;left:auto;right:0;top:auto}
.single-service.style-2:hover:after,.single-service.style-2:hover:before{height:100%}

/* SERVICE 4 */
.service-item-bg{background-position:center center;background-size:cover;height:200px;overflow:hidden;position:relative}
.service-item-bg:after,.service-item-bg:before{content:"";position:absolute}
.service-item-bg:after{background-color:rgba(255,255,255,.9);height:50px;left:-115%;top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;width:140%}
.single-service-3:hover .service-item-bg:after{left:70%}
.service-item-bg:before{background-color:rgba(0,0,0,.1);height:100%;left:0;top:0;width:100%}
.single-service-3 .service-content{color:#636363;font-size:15px;padding:15px 0 0}
.single-service-3 .service-content h3{text-transform:capitalize;color:#3e3e3e;font-size:22px;margin-bottom:15px}
.text-link{color:#222;font-size:16px;font-weight:500;text-transform:capitalize}
.single-service-3 .service-content .text-link{display:block;margin-top:10px}

/* SERVICE DETAILS */
.details-content {color: #454545;font-size: 15px;margin-bottom: 30px;margin-top: 40px;}
.details-content h2 {color: #333;letter-spacing: 2px;margin-bottom: 20px;text-transform: uppercase;}

/* ABOUT US */
.about-bg,.work-bg-style-2{background-position:center center;background-size:cover;height:100%;position:absolute;width:50%;top:0;left:0;z-index:1}
.about-us-area,.contact-area-3{background-color:#272727;color:#bababa;font-size:16px;line-height:30px;min-height:540px;position:relative}
.about-us-2-area{color:#636363;font-size:16px;line-height:30px}
.about-content p{margin-bottom:30px}

/* WORK STYLE */
.single-work,.works-area{position:relative}.all-works{margin-left:-2%}
.single-work{display:block;float:left;height:310px;margin-bottom:2%;margin-left:2%;width:31.33%}
.single-work.style-2{margin-bottom:1%;margin-left:1%;width:32.33%!important}
.column-2 .all-works .single-work.style-2{height:350px;width:49%!important}
.all-works .single-work:nth-child(1),.all-works .single-work:nth-child(6){width:39%}
.all-works .single-work:nth-child(2),.all-works .single-work:nth-child(4){width:29%}
.all-works .single-work:nth-child(3),.all-works .single-work:nth-child(5){width:26%}
.all-works .single-work:nth-child(7),.all-works .single-work:nth-child(8){width:48%}
.work-bg,.work-hover:after{height:100%;position:absolute;width:100%}
.work-bg{background-position:center center;background-size:cover;z-index:-1}
.work-hover{color:#fff;font-weight:500;height:100%;letter-spacing:1px;text-align:center;text-transform:capitalize;z-index:1}
.work-hover:after{background-color:#000;content:"";left:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";top:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;z-index:-1}
.single-work:hover .work-hover:after{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}.hover-content{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all .4s ease 0s;transition:all .4s ease 0s;visibility:hidden}
.single-work:hover .hover-content{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible}
.work-hover h4{margin-bottom:5px;text-transform:uppercase}
.see-more{background-color:#f7f7f7}

/* CALL TO ACTION */
.cta-area {background-color: #333;color: #bababa;font-size: 16px;}
.cta-area h2 {color: #fff;text-transform: capitalize;margin-bottom: 15px;}
.cta-area .button {float: right;margin-top: 9px;}

/* FUN FACTS */
.fun-bg,.newsletter-bg{background-position:center center;background-size:cover;color:#fff;position:relative;z-index:1}
.fun-bg:after,.newsletter-bg:after{background-color:#000;content:"";height:100%;left:0;opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";position:absolute;top:0;width:100%;z-index:-1}
.single-counter{font-size:16px;font-weight:300;letter-spacing:1px;text-align:center;text-transform:uppercase}
.single-counter h2{font-weight:400;margin-bottom:10px;padding-bottom:15px;position:relative}
.single-counter h2:after{background-color:#fff;bottom:0;content:"";height:1px;left:0;margin:auto;position:absolute;right:0;width:20%}

/* TESTIMONIALS */
single-testimonial{background-color:#f2f2f2;color:#333;padding:50px 20px 20px;text-align:center;margin-top:50px;font-size:13px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.single-testimonial:hover{box-shadow:0 1px 5px #ccc}
.single-testimonial .quote{background-color:#f2f2f2;border:5px solid #fff;border-radius:50%;color:#bababa;display:inline-block;font-size:42px;height:90px;left:0;line-height:80px;margin:auto;position:absolute;right:0;top:0;width:90px}
.single-testimonial .spech{color:#555;font-size:16px;font-style:italic;line-height:28px;position:relative;margin-bottom:15px;padding-bottom:15px}
.single-testimonial .spech:after{background-color:#bababa;bottom:0;content:"";height:2px;left:0;margin:auto;position:absolute;right:0;width:33%}
.client-info h4{margin-bottom:0;text-transform:capitalize}

.single-testimonial-2{background-color:rgba(0,0,0,.5);color:#fff;font-size:16px;font-style:italic;overflow:hidden;padding:25px;line-height:30px}
.single-testimonial-2 .test-img{float:left;width:22%}
.single-testimonial-2 .test-content{padding-left:25%}
.single-testimonial-2 .spech{margin-bottom:20px}
.quote-2{color:#bababa;font-size:30px;margin-right:10px}
.owl-nav-style.owl-carousel .owl-controls .owl-nav div{color:#222;font-size:24px;height:50px;left:-50px;line-height:50px;margin-top:-25px;position:absolute;text-align:center;top:50%;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:50px}
.owl-nav-style.owl-carousel .owl-controls .owl-nav div.owl-next{left:auto;right:-50px}
.owl-nav-style.owl-carousel .owl-controls .owl-nav div:hover{opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"}
.testimonial-area-2 .owl-carousel .owl-controls .owl-nav{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.testimonial-area-2:hover .owl-carousel .owl-controls .owl-nav{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}

/* CONTACT US */
.contact-bg{background-image:url(img/bg/contact-bg.png);background-position:center bottom;background-repeat:no-repeat;background-size:480px auto;height:330px;position:relative;z-index:1}
.contact-form{background-color:#333;margin-top:-48px;padding:50px;z-index:1}input[type=text],input[type=email],textarea{background-color:transparent;border:1px solid #aaa;font-size:12px;font-style:italic;padding:5px 10px;text-transform:capitalize;width:100%}
.contact-form input[type=text],.contact-form input[type=email],.contact-form textarea,.contact-form-2 input[type=text],.contact-form-2 input[type=email],.contact-form-2 textarea{margin-bottom:15px}
.contact-form input[type=text],.contact-form input[type=email]{float:left;margin-left:2%;width:48%}
.contact-form input[type=text]{margin-left:auto;margin-right:2%}input[type=text]:focus,input[type=email]:focus,textarea:focus{outline:0!important}
.contact-form .button{border:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.single-contact-info{font-size:15px;font-weight:600}
.contact-info-title{margin-bottom:50px}
.contact-info-title h2{color:#333;letter-spacing:1px;text-transform:uppercase}
.single-contact-info h3{border-bottom:2px solid #efefef;color:#333;margin-bottom:15px;padding-bottom:15px;text-transform:capitalize}
.single-contact-info h3 i{margin-right:15px}

/* EXPERIENCE */
.our-experience{background-color:#f7f7f7}
.our-experience.fun-bg:after{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.our-experience .single-counter{margin-bottom:50px;text-align:left}
.our-experience .single-counter h2:after{right:auto}
.our-experience .single-counter.text-right{text-align:right}
.our-experience .single-counter.text-right h2:after{left:auto;right:3px}

/* COMBINED SECTION */
.single-section {background-color: #333;color: #bababa;min-height: 540px;padding: 100px 0;position: relative;}
.work-bg-style-2.right{left: auto;right: 0;}
.work-bg-style-2:after {background-color: rgba(0, 0, 0, 0.15);content: "";height: 100%;position: absolute;right: 0;top: 0;width: 100%;z-index: -1;}

/* PARTICLE STYLES */
canvas.particles-js-canvas-el {left: 0;pointer-events: none;position: absolute;top: 0;z-index: 0;}

/* BREADCRUMB STYLES */
.breadcrumb-area{background-position:center center;background-size:cover;text-align:center;position:relative;z-index:1}
.breadcrumb-area:after{background-color:#000;content:"";height:100%;left:0;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";position:absolute;top:0;width:100%;z-index:-1}
.breadcrumb-area.breadcrumb-left{text-align:left}
.breadcrumb-area.breadcrumb-left:after{opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"}
.breadcrumb-area.breadcrumb-left.gradient:after{opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"}
.breadcrumb-area .page-title h1{color:#fff;letter-spacing:1px;margin-bottom:25px;text-transform:uppercase}
.breadcrumb-area .breadcrumb{background-color:transparent;margin:0;padding:0}
.breadcrumb-area .breadcrumb li a{color:#fff}
.breadcrumb-area .breadcrumb li{font-size:22px;font-weight:600;text-transform:capitalize}

/* ERROR STYLES */
.eror-area{height:100vh;background-color:#333;text-align:center}
.eror-area h1,.eror-area h2{color:#cfcfcf;margin-bottom:25px;text-transform:uppercase;line-height:40px}
.eror-area h2{font-size:50px;line-height:50px;font-weight:700}

/* FOOTER STYLES */
footer {background-color: #21201e;text-align: center;padding-bottom: 0;padding: 120px 0 0 0;}
.border-svgicon {width: 109px;height: 109px;text-align: center;margin-left: auto;margin-right: auto;vertical-align: middle;padding: 30px 0;border: solid 3px #898680;}
.border-svgicon svg {margin-top: 0;width: 46px;height: 46px;stroke-width: 2.931px;}
svg {max-width: 100%;}
.LOvgHDhB_0{stroke-dasharray:62 64;stroke-dashoffset:63;animation:LOvgHDhB_draw 843ms linear 0s forwards}
.LOvgHDhB_1{stroke-dasharray:160 162;stroke-dashoffset:161;animation:LOvgHDhB_draw 2156ms linear 843ms forwards}
@keyframes LOvgHDhB_draw{100%{stroke-dashoffset:0}}@keyframes LOvgHDhB_fade{0%,94.44444444444444%{stroke-opacity:1}100%{stroke-opacity:0}}
.pRYzWCvV_0{stroke-dasharray:190 192;stroke-dashoffset:191;animation:pRYzWCvV_draw 2282ms linear 0s forwards}
.pRYzWCvV_1{stroke-dasharray:28 30;stroke-dashoffset:29;animation:pRYzWCvV_draw 346ms linear 2282ms forwards}
@keyframes pRYzWCvV_draw{100%{stroke-dashoffset:0}}@keyframes pRYzWCvV_fade{0%,94.44444444444444%{stroke-opacity:1}100%{stroke-opacity:0}}
.mLfQFYDM_0{stroke-dasharray:193 195;stroke-dashoffset:194;animation:mLfQFYDM_draw 2196ms linear 0s forwards}
.mLfQFYDM_1{stroke-dasharray:70 72;stroke-dashoffset:71;animation:mLfQFYDM_draw 803ms linear 2196ms forwards}
@keyframes mLfQFYDM_draw{100%{stroke-dashoffset:0}}@keyframes mLfQFYDM_fade{0%,94.44444444444444%{stroke-opacity:1}100%{stroke-opacity:0}}
footer #footer h3 { text-transform: uppercase;margin: 20px 0;color: #FFF;}
footer #footer p {color: #898680;font-family: "Lato", sans-serif;font-size: 16px;margin: 0 auto 40px;width: 85%;}
.footer-area {background-color: #222;color: #eee;}
.dc-gray {color: #898680}
/* CUSTOM CSS STYLES */
.padding-top-bottom7 {padding-top: 120px; padding-bottom: 120px;}
.nopadding {padding: 0 !important; margin: 0 !important;}
.text-left {text-align: left;}
.img-hover-text2 img {display: block;}
.dcl-opacity { opacity: 0.1;}
.img-hover-text {position: relative;background: #1d2025;}
.img-hover-text img {display: block;transition: all 0.3s ease;}
.img-hover-text img:hover {opacity: 1;}
.img-hover-text .distext {opacity: 0;position: absolute;top: 25px;left: 25px;right: 25px;bottom: 25px;padding: 12% 5% 5% 5%;background: #fff;text-decoration: none;text-align: center;transition: all 0.3s ease;transform: scale(0.95);}
.img-hover-text:hover .distext {opacity: 0.9;transform: scale(1);}
.img-hover-text2 {position: relative; background: #1d2025;}
.img-hover-text2 img {display: block;}
.img-hover-text2 .distext {position: absolute;top: 0px;left: 0px;padding: 16% 14% 5% 14%;color: #fff;text-decoration: none;}
.img-hover-text h5 {text-transform: uppercase;}
.distext h2 {font-size: 30px;line-height: 120%;}
.white {color: #fff !important;}
.font-weight3 {font-weight: 300 !important;}
.font-weight7 {font-weight: 700 !important;}
.caps {text-transform: uppercase;}
hr.style-one {float: left;border: 0;height: 1px;}
hr.white {background: #fff;}
.quarter {width: 25%;}
.margin-top3 {margin-top: 30px;}
.margin-bottom3 {margin-bottom: 30px;}
@media only screen and (max-width: 479px) {
    .img-hover-text .distext {padding: 5%;}
    .img-hover-text2 .distext {padding: 10%;}
    h2.big {font-size: 23px;}
}
@media only screen and (max-width: 1000px) {
    .nopadding {position: static;}
}
@media only screen and (min-width: 991px) and (max-width: 1169px){
    .img-hover-text .distext {padding: 5%;}
    .img-hover-text2 .distext {padding: 10%;}
}
h6.small {font-size: 14px;}
.font-weight4 {font-weight: 500 !important;}
.margin-bottom {margin-bottom: 10px;}
h2.big {font-size: 35px;line-height: 120%;}
.margin-bottom5 {margin-bottom: 50px;}
.cv-title {margin-bottom: 30px;}
.v-line {border-left: 5px solid #ec082b;padding-left: 20px;}

.block-title h2 {text-transform: uppercase;}
h2 span, h3 span {font-weight: 700;text-transform: uppercase;}
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #eee;}
.divider {border-top: 1px solid #ddd;}
.post-content {position: relative;}
@media (max-width: 767px) {
    .img-responsive {width: 100%;}
}
.dark-bg {background: #ec082b;}
.padding-40 {padding: 40px !important;}

.list-check .list-check-1{list-style: none;margin: 0;padding: 0 0 0 15px;}
ul.list-check li:before {font-family: FontAwesome;content: "\f00c";margin-right: 10px;color: #e50404;font-size: 14px;}
ul.list-check-1 li:before {font-family: FontAwesome;content: "\f00c";margin-right: 10px;color: #fff;font-size: 14px;}

/* Custom CSS - Sidebar Widget */
.single-sidebar-widget ul{list-style:none;padding-left:0}
.single-sidebar-widget{margin-bottom:50px}
.single-sidebar-widget:last-child{margin-bottom:0}
.single-sidebar-widget .sec-title h2:after{width:35px}
.single-sidebar-widget .contact-form .select-menu+.ui-selectmenu-button,.single-sidebar-widget .contact-form input{height:40px}
.single-sidebar-widget .contact-form .select-menu+.ui-selectmenu-button{margin-bottom:2px}
.single-sidebar-widget .contact-form .select-menu+.ui-selectmenu-button .ui-selectmenu-text{line-height:40px}
.single-sidebar-widget .dwnld-broucher a{text-transform:uppercase;color:#08ADD0;font-weight:600;margin-top:30px;font-size:12px;display:inline-block}
.single-sidebar-widget .special-links li:last-child{margin-bottom:0}
.single-sidebar-widget .special-links li a{background:#f9f9f9;color:#2D2D2D;border:1px solid #e9e9e9;font-weight:600;text-transform:uppercase;display:block;margin-bottom:5px;line-height:50px;padding:0 20px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}
.single-sidebar-widget .special-links li.active a:after,.single-sidebar-widget .special-links li:hover a:after{color:inherit}
.single-sidebar-widget .special-links li a:after{content:'\f101';font-family:FontAwesome;position:absolute;top:0;right:20px;line-height:50px;color:#6A6969;font-weight:400}
.single-sidebar-widget .special-links li a:before{content:'\f0da';font-family:FontAwesome;position:absolute;top:0;left:-1px;color:#fab702;font-size:0;line-height:50px;opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;border-left:4px solid #fab702}
.single-sidebar-widget .special-links li a.active,.single-sidebar-widget .special-links li:hover a{background:#fff;color:#fab702}
.single-sidebar-widget .special-links li a.active:after{color:#ec082b}
.single-sidebar-widget .special-links li a.active:before,.single-sidebar-widget .special-links li a:hover:before{opacity:1}
.single-sidebar-widget .sec-title{margin-bottom:30px;font-size:15px;font-weight:600}
.single-sidebar-widget .sec-title h2{font-size:20px;font-family:Oswald,sans-serif}
.single-sidebar-widget ul.brochure-btns li{display:block;margin-bottom:21px}
.single-sidebar-widget ul.brochure-btns li a{font-family:'Open Sans',sans-serif;color:#404040;text-transform:uppercase;font-weight:600;font-size:14px;display:block;background:#FBFBFB;border:1px solid #EDEDED;padding:12px 20px}
.single-sidebar-widget ul.brochure-btns li a i{color:#ec082b;margin:0 10px;font-size:1.2em}

/* Custom CSS - Content Title Header Styles */
.title-header { position: relative;text-align: center;}
.title-header .text{z-index:9999;padding-top:100px;padding-bottom:100px;}
.title-header h1{font-size:48px;margin:10px;font-weight:900;text-transform:uppercase;padding-bottom: 10px;}
.title-header p{font-size:17px;margin-bottom:20px;}
@media (max-width: 600px) {
    .title-header h1 {font-size: 40px;}
}
.black {background: #2f2f2f;}
.black {height: 9px;width: 22%;margin: 15px auto;}
.black::after {background: #ff5200;}
.black::after {height: 9px;width: 50%;margin: 0 auto;position: relative;content: '';display: block;float: right;}
.about {padding: 50px 0;}

.clearfix,.respoimg6{display:block}
.overlay-default{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}
.overlay-default:before{content:"";background-color:rgba(0,0,0,.6);height:100%;width:100%;position:absolute;top:0;left:0;right:0}
.clearfix:after{content:" ";display:block;height:0;clear:both}
.margin-bottom{margin-bottom:10px}.margin-top{margin-top:10px}
.margin-top2{margin-top:20px}
.margin-bottom2{margin-bottom:20px}
.margin-bottom3{margin-bottom:30px}
.hover-shadow-color5{background-color:#fff;transition:all .4s ease}
.hover-shadow-color5:hover{box-shadow:inset 0 -300px 0 0 #1f1f1b}
.hover-shadow-color5 h6{transition:all .5s ease}
.hover-shadow-color5:hover h6{color:#fff}
.padding1{padding:10px}
.respoimg6{max-width:33.3333333333%;height:auto}
.respoimg6.center{margin:0 auto}
.center{text-align:center;margin:inherit auto}
h6.small2{font-size:13px}h6.line-height2{line-height:140%}
.font-weight4{font-weight:500!important}.font-weight7{font-weight:700!important}
.caps{text-transform:uppercase}
.bg-color-gray{background:#f3f3f3}.bg-color-lightgray{background:#333}.bg-color-lightgray2{background:#545454}
.white{color:#fff!important}
.opacity3{opacity:.5}
.button24.sty4>a{color:#e67e22;font-family:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit}
.button24.sty4>a:hover{color:#e67e22}
.button24.sty4>a:before{background-color:#e67e22}
.button24>a{position:relative;color:#fff;text-align:center;font-family:Raleway,sans-serif;font-weight:700;font-size:13px;letter-spacing:3px}
.button24>a:hover{color:#fff}
.button24>a:before{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:#fff;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.button24>a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
.s-space-default{padding:106px 0 125px}
@media only screen and (max-width: 479px) {
    .s-space-default {padding: 66px 0 85px;}
}
@media only screen and (max-width: 767px) {
    .s-space-default {padding: 76px 0 95px;}
}
@media only screen and (max-width: 991px) {
    .s-space-default { padding: 86px 0 105px; }
}
@media only screen and (max-width: 1199px) {
    .s-space-default {padding: 96px 0 115px;}
}
.section-lg-title-light {text-transform: capitalize;text-align: center;color: #fff;margin: 0 auto 10px;line-height: 1.5;font-size: 48px;}
@media only screen and (max-width: 479px) {
    h2.section-lg-title-light {font-size: 30px; }
}
@media only screen and (max-width: 767px) {
    h2.section-lg-title-light {font-size: 32px;}
}
@media only screen and (max-width: 991px) {
    h2.section-lg-title-light {font-size: 34px;}
}
@media only screen and (max-width: 1199px) {
    h2.section-lg-title-light {font-size: 42px;}
}
.lead {color: #808080;font-weight: 400;font-size: 17px;line-height: 1.75;margin-bottom: 0;}
@media only screen and (max-width: 767px) {
    .lead {font-size: 16px;}
}
.banner-para-light {color: #e3e3e3;width: 70%;margin: 0 auto;margin-bottom: 60px;font-weight: 600;}
@media only screen and (max-width: 991px) {
    .banner-para-light {width: 100%;}
}
.section-pad{padding-top:80px;padding-bottom:80px}
.heading-md-lead{letter-spacing:4px;font-weight:300;font-family:Roboto,sans-serif;text-transform:uppercase}
.heading-lead{margin-bottom:20px;font-size:1.875em}
.feature-intro h5{font-weight:700;text-transform:uppercase}
.feature-intro .icon-box{margin-bottom:15px}
.icon-box{width:48px;height:48px;display:inline-block;vertical-align:middle;color:#ec082b;transition:all .4s;text-align:center;font-size:1.25em;line-height:46px;margin:2px 0;border:1px solid transparent}
.icon-box.style-s1{-ms-border-radius:50%;border-radius:50%;background-color:#ec082b;color:#fff}
.fa-magnet:before{content:"\f076"}
.fa-paper-plane-o:before{content:"\f1d9"}
@media only screen and (max-width: 767px) {
    .section-pad {padding-top: 45px;padding-bottom: 45px;}
}
@media only screen and (max-width: 991px) {
    .res-m-bttm {margin-bottom: 30px;}
}
@media only screen and (max-width: 479px) {
    .marbo-resp {margin-bottom: 50px !important;}
}
.nopadding {padding: 0 !important; margin: 0 !important;}
@media only screen and (max-width: 1000px) {
    .nopadding {position: static;}
}
.bg-color {background: #f9f9f9;}
.padding-percent5 { padding: 16%;}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .header-area.style-2.stick .mainmenu ul li a,.mainmenu ul li a{padding:32px 12px}
    .logo a{padding:12px 0}
    .stick .logo a{padding:8px 0}
    .slider-area-2.owl-carousel .owl-controls .owl-dots{right:5%}
    .single-blog-2 .blog-content-2{padding:20px}
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .logo a{padding:21px 0}
    .stick .logo a{padding:16px 0}
    .mainmenu ul li a{font-size:12px;padding:32px 7px}
    .header-area.style-2 .mainmenu ul li a,.header-area.style-2.stick .mainmenu ul li a{padding:32px 4px}
    .stick .mainmenu ul li a{padding-bottom:22px;padding-top:22px}
    .single-box{font-size:13px;margin-left:10px}
    .social ul li a{font-size:16px;height:35px;line-height:35px;margin:25px 0 25px 1px;width:35px}
    .slider-area-2.owl-carousel .owl-controls .owl-dots{right:5%}
    .all-works .single-work,.single-service{width:48%!important}
    .about-us-2-area .pt-100{padding-top:0;padding-bottom:90px}
    .cta-area .button{float:left;margin-top:20px}
    .single-counter{font-size:15px}
    .single-price-table{margin-bottom:40px}
    .single-service-3{margin-bottom:30px}
    .details-small-img .service-item-bg{margin:15px 0}
    .our-pricing-area .col-lg-3:nth-child(3) .single-price-table,.our-pricing-area .col-lg-3:nth-child(4) .single-price-table{margin-bottom:0}
    .single-blog-2{width:100%}.single-blog-2 .blog-content-2{padding:20px}
    .blog-sidebar.right{margin-top:30px}
    .footer-top-area{padding-bottom:20px}
    .single-footer-widget{margin-bottom:50px}
}

/* small mobile :320px. */
@media (max-width: 767px) {
    .header-area.style-2 .header-top-area,.testimonial-area-2 .owl-carousel .owl-controls .owl-nav{display:none}
    .container{width:300px}.header-area,.header-area.stick{height:50px}
    .mobile-menu-area{background-color:transparent}
    .header-area.style-2.stick .mobile-menu-area{position:fixed;top:0;width:100%;background-color:#fff;height:50px}
    .mobile-menu.mean-container{position:absolute;right:0}
    .mean-container a.meanmenu-reveal span{background-color:#303030}
    .header-area.transparent-header .mean-container a.meanmenu-reveal span{background-color:#fff}
    .mean-container a.meanmenu-reveal{color:#303030;margin-top:2px}
    .header-area.transparent-header .mean-container a.meanmenu-reveal{color:#fff}
    .mean-container .mean-bar{padding:2px 0 0}
    .mean-container .mean-bar::after{content:""}
    .logo{position:absolute;z-index:9999999}
    #sticker.stick .logo a,.logo a{width:100px;padding:0}
    .stick .logo a img{max-width:100%}
    .mean-container .mean-nav ul li{border-top:1px solid #373737}
    .mean-container .mean-nav ul li a{background-color:#292929;color:#fff;padding:7px 5%;letter-spacing:1px;font-weight:500}
    .mean-container .mean-nav ul li li a{color:#eee;padding:7px 10%}
    .mean-container .mean-nav ul li a.mean-expand{background:#eee;color:#303030;line-height:13px}
    .mean-container .mean-nav ul li a:hover{color:#454545}
    .dark .mean-container a.meanmenu-reveal span{background-color:#cfcfcf}
    .dark .mean-container a.meanmenu-reveal{color:#cfcfcf}
    .slider-area.owl-carousel:hover .owl-controls .owl-nav div{opacity:0}
    .slider-area-2.owl-carousel .owl-controls .owl-dots{right:5%}
    .single-slide-item h2{font-size:36px;line-height:40px}
    .contact-info-title h2,.cta-area h2,.details-content h2{line-height:36px}
    .single-slide-item h3{font-size:20px;margin-bottom:0}
    .single-slide-item{font-size:15px}
    .single-slide-item .button{padding:0 15px}
    .section-title h2,.section-title-2 h2,.section-title-3 h2{font-size:24px;line-height:36px}
    .column-2 .all-works .single-work.style-2,.single-service,.single-work,.single-work.style-2{width:98%!important;height:200px}
    .single-service-2:first-child .service-content{margin-top:40px}
    .single-service-3{margin-bottom:40px}
    .col-md-4:last-child .single-service-3{margin-bottom:0}
    .about-us-2-area .pt-100{padding-top:0;padding-bottom:90px}
    .about-content{padding:0 5px 20px}
    .about-us-area{font-size:14px}
    .our-experience .section-title{margin-bottom:30px}
    .our-experience .single-counter.m-0{margin-bottom:50px!important}
    .cta-area .button{float:left;margin-top:20px}
    .single-blog,.single-counter,.single-footer-widget,.single-team{margin-bottom:40px}
    .our-experience .single-counter,.our-experience .single-counter.text-right{text-align:center}
    .our-experience .single-counter h2::after{right:0}
    .our-experience .single-counter.text-right h2::after{left:0}
    .single-work{height:200px}
    .col-sm-6:first-child .single-counter{margin-top:60px}
    .single-price-table{margin-bottom:50px}
    .col-lg-3:last-child .single-price-table{margin-bottom:0}
    .fun-facts-area,.team-area{padding-bottom:60px}
    .single-testimonial{margin-top:100px}
    .single-testimonial .quote{top:-50px}
    .single-testimonial-2 .test-content{padding-left:0}
    .single-testimonial-2 .test-img{float:none;margin:0 auto 20px;width:50%}
    .blog-area .see-more-link{margin-top:0}
    .blog-sidebar.right{margin-top:30px}
    .author-comment h5 a.reply,.blog-full-post .blog-info p span.pull-right{float:none!important;display:block}
    .comment-box ul li.comment-reply{margin-left:20px}
    .comment-box ul li .author-img{width:100%;margin-bottom:10px;text-align:center}
    .single-section{margin-bottom:10px;padding:50px 0}
    .single-section:last-child{margin-bottom:0}
    .single-blog-2{width:100%}
    .contact-area-2 #google-Map{display:none}
    .contact-bg{background-size:280px auto;height:190px}
    .contact-form{margin-top:-28px;padding:30px 10px}
    .contact-form input[type=text],.contact-form input[type=email]{margin-left:0;margin-right:0;width:100%}
    .single-contact-info{margin-bottom:40px}
    .col-sm-4:last-child .single-contact-info{margin-bottom:0}
    .details-small-img .service-item-bg{margin:15px 0}
    .breadcrumb-area .page-title h1{line-height:40px}
    .footer-top-area{padding-bottom:30px}
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {width:450px;}
    .single-team {float: left;margin-left: 1%;width: 49%;}
    .single-work,
    .column-2 .all-works .single-work.style-2 { height: 250px; }
}

/* Normalize CSS */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
