@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700');body{font-family:'Nunito Sans', sans-serif;font-size:16px;font-weight:400;color:#000;float:left;width:100%;overflow-x:hidden;}


ul{padding:0px;margin:0px;}

ul, li{display:block;}

a, ul, li, i, img, button, input, textarea{transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;text-decoration:none;}

input, textarea, select{border:none;border-bottom:2px #d6d6d6 solid;padding:7px 11px;background:none;background:none;border-radius:0px;}

input:focus, textarea:focus{border-color:#000 !important;}

button:hover, a:hover{text-decoration:none;cursor:pointer;}

select{background:url(../img/select-arrow.png) no-repeat right #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position-x:89%;}

a:focus{text-decoration:none;}

h1, h2, h3, h4, h5, h6{margin:0px;font-weight:normal;float:left;width:100%;}

p{float:left;width:100%;line-height:23px;}

strong, b{font-weight:700;}

header, section, footer{float:left;width:100%;}

.blk-btn{float:left;font-size:14px;background:#000;color:#fff;padding:10px 26px;text-transform:uppercase;border:none;}

.blk-btn:hover{color:#fff;background:#222;}

.blk-btn:focus{background:#000;color:#fff;}

.show-x{display:none;}

.justify{text-align:justify}

header{-webkit-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 9px 0px rgba(0,0,0,0.15);box-shadow:0px 0px 9px 0px rgba(0,0,0,0.15);background:#fff;position:fixed;top:0px;z-index:4;}

.header{background:#fff;}

.logo{margin:3px 0px;float:left;width:100%;}

.nav-close{display:none;position:absolute;right:19px;font-size:24px;top:10px;}

.banner{margin-top:90px;background:#000;}

.b-slider{float:left;width:100%;}

.b-slider li{float:left;width:100%;position:relative;}

.b-slider li::after{content:"";background-attachment:scroll;background-image:url(../img/b-pat.png);background-repeat:repeat;background-position:left top;float:left;width:100%;position:absolute;left:0px;top:0px;height:100%;z-index:0;}

.b-slider li img{float:left;width:100%;}

.banner .owl-dots{float:none;display:table !important;margin:-27px auto 0 auto;bottom:22px;position:relative;}

.banner .owl-dot{background:none;width:9px;height:9px;border-radius:0px;border:1px #fff solid;display:inline-block;margin:0px 4px;background-color:transparent;}

.banner .owl-dot.active{background-color:#fff;}

.b-caption{position:absolute;z-index:1;top:50%;left:0;transform:translate(52%, -50%);text-align:left;color:#fff;width:23%;}

.b-caption h1{font-size:35px;color:#fff;font-weight:400;margin-bottom:25px;float:left;width:100%;}

.b-caption h1 span{border-bottom:1px #fff solid;}

.b-caption p{font-size:16px;background:#fff;margin-bottom:7px;float:left;width:auto;color:#000;padding:5px 16px;}

.b-s-btns{float:left;width:100%;}

.b-s-btns a{margin-left:7px;}

.b-caption a{color:#fff;padding:10px 26px;display:inline-block;text-decoration:none;}

.owl-item.active .b-caption p{animation:1s .3s fadeInDown both;}

.owl-item.active .b-caption h1{animation:1s .8s fadeInUp both;}

.owl-item.active .b-caption h1 span{animation:1s 1.7s fadeInUp both;}

.owl-item.active .b-caption a{animation:1s 2.2s flipInX both;}

.about{margin:70px 0px 40px 0px;}

.about h1{float:left;width:100%;font-size:18px;color:#777;margin-bottom:20px;line-height:36px;}

.about h1 span{display:block;font-size:32px;text-transform:none;color:#000;}

.about p{margin-bottom:30px;color:#888;}

.heading{float:left;width:100%;text-align:center;position:relative;color:#e9e9e9;font-weight:700;font-size:60px;text-transform:uppercase;margin-top:45px;}

.heading span{color:#000;font-weight:400;font-size:32px;text-transform:none;position:absolute;left:50%;transform:translate(-50%, -50%);top:50%;}

.services{background-image:url(../img/s-pat.png);background-repeat:repeat;background-position:left top;padding-bottom:55px;}

.s-slider{float:left;width:100%;}

.s-slider .owl-stage-outer{padding:13px 0px !important;}

.s-type{float:left;width:100%;background:#fff;-webkit-box-shadow:3px 3px 9px 0px rgba(0,0,0,0.07);-moz-box-shadow:3px 3px 9px 0px rgba(0,0,0,0.07);box-shadow:3px 3px 9px 0px rgba(0,0,0,0.07);}

.s-img{float:left;width:100%;position:relative;cursor:pointer;}

.s-img:hover span{opacity:1;}

.s-img span{position:absolute;float:left;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1;left:0px;top:0px;opacity:0;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.s-img span i{color:#fff;transform:translate(-50%, -50%);position:absolute;top:50%;font-size:30px;left:50%;}

.s-img img{float:left;width:100%;}

.s-content{float:left;width:100%;padding:20px 25px 25px 25px;}

.s-content h2{float:left;width:100%;color:#000;font-size:20px;margin:5px 0px 7px 0px;}

.s-content p{color:#777;}

.s-btn{text-transform:uppercase;font-weight:700;font-size:14px;border-bottom:2px #fff solid;}

.s-btn:hover{border-color:#000;}

.services .owl-nav{display:block !important;}

.services .owl-prev, .services .owl-next{border:1px #b7b7b7 solid;border-radius:50px;color:#b7b7b7;font-size:22px;width:40px;height:40px;text-align:center;padding-top:4px;top:45%;z-index:-1;opacity:0;}

.services .owl-prev:hover, .services:hover .owl-next:hover{border-color:#000;background:#000;color:#fff;}

.services:hover .owl-prev{left:-6%;opacity:1;}

.services:hover .owl-next{right:-6%;opacity:1;}

.clients{margin-bottom:60px;}

.clients ul{float:left;width:100%;padding:16px 0px 5px 0px;}

.clients ul li{float:left;width:20%;text-align:center;height:136px;line-height:136px;margin-bottom:16px;cursor:pointer;}

.clients ul li img{vertical-align:middle;-webkit-filter:grayscale(100%);filter:grayscale(100%);}

.clients ul li:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%);}

.clients .blk-btn{float:none;display:table;margin:0 auto;}

.projects{background-image:url(../img/s-pat.png);background-repeat:repeat;background-position:left top;}

.projects ul{float:left;width:100%;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:0px;margin-top:13px;}

.projects ul li{float:left;width:100%;}

.projects ul li a:hover span{opacity:1;}

.projects ul li a:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%);}

.projects ul li a{float:left;width:100%;position:relative;}

.projects ul li a span{position:absolute;float:left;width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:1;left:0px;top:0px;opacity:0;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.projects ul li a span i{color:#fff;transform:translate(-50%, -50%);position:absolute;top:50%;font-size:30px;left:50%;}

.projects ul li a img{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:100%;float:left;}

footer{background:#000;color:#fff;padding-top:25px;}

footer .f-types:nth-child(1){width:34%;}

footer .f-types:nth-child(2){width:19%;}

footer .f-types:nth-child(3){width:26%;}

footer .f-types{float:left;width:20%;padding-right:30px;}

footer h6{float:left;width:100%;color:#fff;font-size:19px;margin-top:20px;margin-bottom:16px;}

.f-link{float:left;width:100%;}

.f-link li{float:left;width:100%;margin-bottom:8px;font-size:15px;color:#777;}

.f-link li i{float:left;color:#fff;padding-top:2px;font-size:17px;margin-right:6px;}

.f-link li span{float:left;width:80%;}

.f-link li a{float:left;color:#777;}

.f-link li a:hover{color:#ebebeb;text-decoration:none;}

.f-contact{background-image:url(../img/f-map.png);background-position:left top;background-repeat:no-repeat;}

.f-contact li{margin-bottom:12px;}

.f-social{float:left;width:100%;}

.f-social li{float:left;width:100%;margin-bottom:10px;}

.f-social li a{color:#888;font-size:14px;}

.f-social li a i{float:left;width:28px;height:28px;text-align:center;color:#000;background:#fff;font-size:20px;padding-top:3px;}

.f-social li a span{float:left;margin-left:8px;margin-top:4px;}

.f-social li a:hover{color:#ebebeb;}

.copy{margin:0px;line-height:21px;color:#777;font-size:14px;text-align:center;border-top:1px #181818 solid;padding-top:12px;padding-bottom:10px;margin-top:50px;}

.copy a{color:#777;margin-top:-3px;}

.copy a:hover{color:#d7d7d7;}

#top{padding:5px 10px;background:#0a0a0a;color:#fff;position:fixed;bottom:15px;right:5px;display:none;z-index:3;font-size:20px;right:20px;}

.page{margin-bottom:65px;}

.page p{color:#777;text-align:justify;}

.i-banner{padding:65px 0px;background-color:#c6c6c6;background-image:url(../img/i-banner.jpg);background-repeat:no-repeat;background-position:center top;margin-top:90px;}

.i-banner h1{float:left;width:100%;font-size:34px;padding:0px;color:#fff;text-align:center;font-weight:400;margin-bottom:8px;}

.i-banner p{background:#fff;color:#000;float:none;width:auto;padding:2px 13px;display:table;margin:0 auto;}

.i-heading{color:#000;font-size:26px;margin-top:45px;float:left;width:100%;text-align:left;margin-bottom:12px;}

.i-heading u{text-decoration:none;border-bottom:1px #000 solid;}

.ul-types{float:left;width:100%;margin-bottom:0px;}

.ul-types li{float:left;width:100%;margin-bottom:4px;}

.ul-types li i{float:left;width:16px;color:#000;margin-top:2px;text-align:center;font-size:19px;}

.ul-types li span{float:left;width:88%;margin-left:7px;}

.p-quote{background:#efefef;border-bottom:2px #000 solid;padding:15px 20px;font-style:italic;color:#000 !important;margin-top:6px;}

.p-quote span{font-weight:700;}

.h-mr{margin-top:20px;}

.page-bg{background-image:url(../img/s-pat.png);background-repeat:repeat;background-position:left top;padding-bottom:40px;}

.why-ul{float:left;width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:0px;margin-top:15px;}

.why-ul li{float:left;width:100%;margin-bottom:15px;color:#777;}

.why-ul li i{float:left;color:#000;padding-top:2px;font-size:19px;margin-right:8px;}

.why-ul li span{float:left;width:80%;}

.g-slider{float:left;width:100%;}

.g-slider li{float:left;width:100%;}

.g-slider li a:hover span{opacity:1;}

.g-slider li a:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%);}

.g-slider li a{float:left;width:100%;position:relative;}

.g-slider li a span{position:absolute;float:left;width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:1;left:0px;top:0px;opacity:0;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.g-slider li a span i{color:#fff;transform:translate(-50%, -50%);position:absolute;top:50%;font-size:30px;left:50%;}

.g-slider li a img{-webkit-filter:grayscale(100%);filter:grayscale(100%);}

.page .owl-nav{display:block !important;}

.page .owl-prev, .page .owl-next{border:1px #b7b7b7 solid;border-radius:50px;color:#b7b7b7;font-size:22px;width:40px;height:40px;text-align:center;padding-top:4px;top:40%;z-index:-1;opacity:0;}

.page .owl-prev:hover, .page:hover .owl-next:hover{border-color:#000;background:#000;color:#fff;}

.page:hover .owl-prev{left:-6%;opacity:1;}

.page:hover .owl-next{right:-6%;opacity:1;}

.testi-bg{background-image:url(../img/testi-bg.jpg);background-repeat:repeat;background-position:left top;padding-bottom:50px;background-attachment:fixed;color:#fff;}

.testi-bg .i-heading{color:#fff;}

.testi-bg .i-heading u{border-bottom:1px #fff solid;}

.testi-bg .gallery{margin-top:20px;}

.testi-bg .gallery li p{color:#fff;}

.t-b-w{float:left;width:100%;display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:30px;margin-top:5px;}

.t-b-type{float:left;width:100%;}

.t-b-type i{float:left;width:100%;font-size:70px;}

.t-b-type p{color:#888;}

.t-b-type h3{text-transform:uppercase;font-size:17px;}

.t-b-type h3 span{text-transform:none;font-size:16px;color:#888;display:block;margin-top:3px;}

.testi-2{margin-top:20px;}

.testi-2 .t-b-type{-webkit-box-shadow:3px 2px 12px 0px rgba(0,0,0,0.1);-moz-box-shadow:3px 2px 12px 0px rgba(0,0,0,0.1);box-shadow:3px 2px 12px 0px rgba(0,0,0,0.1);padding:10px 30px 30px 30px;}

.s-frm{float:left;width:100%;}

.s-frm label{float:left;width:100%;margin-bottom:0px;}

.s-frm label span{float:left;width:50%;padding-right:30px;position:relative;margin-bottom:12px;}

.s-frm label span:last-child{padding-right:0px;}

.s-frm label input, .s-frm label textarea{border-bottom:2px #888 solid;float:left;width:100%;padding:12px 15px 11px 40px;}

.s-frm label i{position:absolute;left:10px;font-size:22px;top:13px;color:#000;}

.s-f-text{position:relative;}

.s-frm button{float:right;margin-top:10px;}

.gallery{float:left;width:100%;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px;margin-top:5px;}

.gallery li{float:left;width:100%;}

.gallery li a:hover span{opacity:1;}

.gallery li a:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%);}

.gallery li a{float:left;width:100%;position:relative;}

.gallery li a span{position:absolute;float:left;width:100%;height:100%;background-color:rgba(0,0,0,0.2);z-index:1;left:0px;top:0px;opacity:0;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.gallery li a span i{color:#fff;transform:translate(-50%, -50%);position:absolute;top:50%;font-size:30px;left:50%;}

.gallery li a img{-webkit-filter:grayscale(100%);filter:grayscale(100%);}

.gallery li p{float:left;width:100%;text-align:center;margin-top:8px;color:#000;}

.c-form-wrap{float:left;width:100%;background:#f4f4f4;padding:3px 36px 37px 36px;border:1px #dedede solid;margin-top:50px;margin-bottom:5px;}

.c-form-wrap .i-heading{margin-top:25px;}

.c-icons{float:left;width:100%;margin-bottom:0px;}

.c-icons li{float:left;width:100%;margin-bottom:13px;}

.c-icons li i{float:left;width:30px;background:#000;text-align:center;font-size:18px;color:#fff;height:30px;padding-top:5px;}

.c-icons li span{float:left;width:86%;margin-left:10px;}

.c-form{margin-top:7px;float:left;width:100%;}

.c-form input, .c-form textarea{float:left;width:100%;margin-bottom:10px;}

.c-form label{float:left;width:100%;margin-bottom:12px;}

.c-form label a{color:#3bacf1;}

.c-form label a:hover{text-decoration:underline;}

.c-form label input{width:auto;margin-bottom:0px;margin-top:5px;margin-right:9px;}

.c-form button{margin-top:8px;}

.gmap{overflow:hidden;float:left;width:100%;position:relative;margin-top:10px;}

.pat{float:left;width:100%;padding:16px 0px 5px 0px;}

.pat li{float:left;width:20%;text-align:center;height:136px;line-height:136px;margin-bottom:35px;cursor:pointer;}

.pat li img{vertical-align:middle;-webkit-filter:grayscale(100%);filter:grayscale(100%);}

.pat li:hover img{-webkit-filter:grayscale(0%);filter:grayscale(0%);}

.team{float:left;width:100%;}

.team-type{float:left;width:100%;border-bottom:1px #e4e4e4 solid;padding-bottom:50px;}

.team-type:last-child{border:none;}

.team-type .i-heading{margin-bottom:0px;}

.t-t-wrap{float:left;width:100%;}

.t-t-pic{float:left;width:28%;padding-right:30px;margin-top:20px;}

.t-t-con{float:left;width:100%;margin-top:15px;}

.t-t-con p{margin-bottom:0px;}

.t-t-pic ul{float:left;width:100%;margin-top:20px;}

.t-t-pic ul li{float:left;margin-right:5px;}

.t-t-pic ul li a{float:left;width:38px;height:38px;text-align:center;color:#fff;background:#000;font-size:24px;}

.t-t-pic ul li a:hover{color:#fff;background:#222;}

.t-t-pic ul li a i{padding-top:7px;}

.scroll-text{background:#000; padding: 2px 0}

.scroll-text marquee{height: 18px;}

.scroll-text marquee > a{color:#fff; font-size: 13px;}

.sidebar-right h2 {
    font-size: 26px;
}

.sidebar-right ul {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.sidebar-right ul a {
    color: #333;
    border: 1px #333 solid;
    border-radius: 30px;
    padding: 6px 16px;
    margin: 5px 8px 5px 0;
    display: block;
    max-width: 200px;
    text-align: left;
    font-size: 14px;
}

.sidebar-right ul a:hover {
    border: 1px solid #248ae3;
    color: #248ae3;
}

img{
    max-width: 100%;
}

h2.web-heading {
    font-size: 26px;
}

ul.list-li {
    float: left;
    width: 100%;
    display: inherit;
    padding-left: 20px;
}

ul.list-li li {
    color: #777;
    list-style: decimal !important;
    margin-bottom: 0.6rem;
    display: list-item;
}
.col-md-8.col-12.blog-content h6 {
    padding-bottom: 5px;
}
.col-md-8.col-12.blog-content h5 {
    padding-bottom: 5px;
}

.blog-design h5 {
    padding-bottom: 6px;
}

.blog-design ul li {
    padding-bottom: 8px;
}

.blog-design h5 {
    margin-top: 10px;
}
.blog-design h6{
    font-size: 1.25rem;
	margin-top: 10px;
	    padding-bottom: 6px;
}
.blog-design h4{
    font-size: 1.25rem;
	margin-top: 10px;
	    padding-bottom: 6px;
}

.blog-list .s-type img {
    height: 210px;
    object-fit: cover;
}
.blog-design .pt-4 {
    padding-top: 10px !important;
}