.dark-text,body{color:#3b3b3b}
.no-gutter>[class*=col],ul{padding:0}
.fixed-bg,.page-content{background-position:center center;background-size:cover;background-repeat:no-repeat}
button,hr{border:none}
.menu-wrapper header .mobile-menu .line:after,.menu-wrapper header .mobile-menu .line:before{content:"";width:30px;height:2px;position:absolute;background-color:#3b3b3b}
.atom-work-item a,.comments-list .comment,.copyright p,.full-width{overflow:hidden}
body{font-family:Roboto,sans-serif;font-weight:400;text-rendering:optimizeLegibility;overflow-x:hidden;background-color:#f7f7f7;font-size:16px;line-height:25px}
.btn,.heading-title h2{font-weight:700;text-transform:uppercase}a,a:active,a:focus,a:hover,button,button:focus,input,textarea{outline:0}a,a:active,a:focus,a:hover{text-decoration:none}a,input,textarea{-webkit-transition:all .3s ease-in-out .25s;-o-transition:all .3s ease-in-out .25s;transition:all .3s ease-in-out .25s}
h1,h2,h3,h4,h5,h6{font-family:Lato,sans-serif}
ul{margin:0}
.clear{clear:both}
.bigfont{font-size:50px}
.dark-light-text{color:#aeaeae}
.page-content{padding:100px 0;position:relative}
.fixed-bg{background-attachment:fixed}
.light-txt{color:#fff!important}
.small-section{padding:35px 0}
.dark-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7)}
.btn-dark,.btn-theme:hover{background-color:#3b3b3b}
hr{border-top:1px solid #ccc;margin:0 0 24px;width:100%}
.heading-title{margin-bottom:100px}
.heading-title h2{font-size:18px;color:#3B3B3B;letter-spacing:5px}
.heading-title p{color:#747474}
.btn-dark,.btn-theme,.btn:focus,.btn:hover{color:#fff}.btn{display:inline-block;padding:15px 30px;border-radius:0;letter-spacing:2px;font-size:14px;transition:all .3s ease}
.btn i,.btn img,.btn span{display:inline-block;margin-left:10px}
.btn-lg{font-size:15px;padding:20px 40px}
.btn-md{font-size:13px;padding:15px 30px}
.btn-sm{font-size:12px;padding:10px 20px}
.btn-xs{font-size:11px;padding:5px 10px}
.btn-theme:focus,.btn-theme:hover{color:#fff;opacity:.8}
.menu-wrapper .portfolio .filters ul li,.menu-wrapper header nav ul li a{-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
.menu-wrapper header{height:75px;margin-top:10px}
.menu-wrapper header .logo{float:left;line-height:75px}
.menu-wrapper header .logo img{max-width:85%}
.menu-wrapper header .mobile-menu{width:32px;height:25px;position:absolute;cursor:pointer;right:20px;top:22px;display:none}
.menu-wrapper header .mobile-menu .line{height:2px;width:30px;display:inline-block;position:relative;background-color:#3b3b3b;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
.menu-wrapper header .mobile-menu.open .line{background-color:transparent}
.menu-wrapper header .mobile-menu .line:before{top:-7px;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
.menu-wrapper header .mobile-menu.open .line:before{-webkit-transform:translateY(7px) rotateZ(-45deg);-moz-transform:translateY(7px) rotateZ(-45deg);-ms-transform:translateY(7px) rotateZ(-45deg);-o-transform:translateY(7px) rotateZ(-45deg);transform:translateY(7px) rotateZ(-45deg)}
.menu-wrapper header .mobile-menu .line:after{top:7px;-webkit-transition:.2s all;-o-transition:.2s all;transition:.2s all}
.menu-wrapper header .mobile-menu.open .line:after{-webkit-transform:translateY(-7px) rotateZ(45deg);-moz-transform:translateY(-7px) rotateZ(45deg);-ms-transform:translateY(-7px) rotateZ(45deg);-o-transform:translateY(-7px) rotateZ(45deg);transform:translateY(-7px) rotateZ(45deg)}
.menu-wrapper header nav{float:right;line-height:65px}
.menu-wrapper header nav ul li{display:inline-block;margin-left:25px;position:relative}
.menu-wrapper header nav ul li:first-child{margin-left:0}
.menu-wrapper header nav ul li a{color:#0098cf;font-size:16px;/* text-transform:uppercase; font-weight:500; */letter-spacing:1px;text-decoration:none;padding-bottom:2px}
.menu-wrapper header nav>ul>li>a{/*border-bottom:2px solid #848484;*/}
.menu-wrapper header nav ul li ul{position:absolute;top:86%;min-width:200px;background-color:#3b3b3b;line-height:25px;z-index:1;opacity:0;visibility:hidden;border-top: 3px solid #31b14b;}
.menu-wrapper header nav ul li:hover ul{opacity:1;visibility:visible}
.menu-wrapper header nav ul li ul li{margin:0;display:block;position:relative}
.menu-wrapper header nav ul li ul li a{display:block;font-size:13px;font-weight:400;padding:15px 20px;line-height:15px;color:#C0BDBF;border-bottom: 1px dashed #525252;}
.menu-wrapper header nav ul li ul li a:hover{text-indent:10px;background-color:#2d2d2d}
.menu-wrapper header nav ul li ul li ul{position:absolute;left:100%;top:0;opacity:0!important;visibility:hidden!important;border-left:1px solid #4C4C4C}
.menu-wrapper header nav ul li ul li:hover ul{opacity:1!important;visibility:visible!important}
.page-title{padding:10px 0}
.page-title h1{font-size:74px;line-height:80px;font-weight:900}
.page-title h1 a{color:#3b3b3b}
.page-title p{color:#747474;font-weight:300;font-size:18px}
.heading-border{width:50px;margin:30px 0}
.atom-portfolio-filter{margin-bottom:30px}
.atom-portfolio-filter a{color:#0098cf;font-size:16px;text-transform:capitalize;/* margin:0 10px; padding-bottom:10px; */position:relative;letter-spacing:1px}
.atom-portfolio-filter a:focus:after,.atom-portfolio-filter a:hover:after{opacity:1;bottom:-5px}
/* .atom-portfolio-filter a:after{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);height:10px;width:10px;border:2px solid;border-radius:50%;opacity:0;transition:all .3s ease} */
.atom-portfolio-filter a.active:after{opacity:1;bottom:-5px}
.atom-work-item{padding-left:0;padding-bottom:15px}
.atom-work-item a{position:relative;display:block;color:#3b3b3b}
.atom-work-item .desc{position:absolute;top:70%;width:100%;left:56%;transform:translate(-50%,-50%);z-index:2}
.atom-work-item .desc h5{font-size:17px;text-transform:uppercase;font-weight:700;word-spacing:3px;color:#3b3b3b}
.atom-work-item .desc p{text-transform:capitalize;font-size:14px;color:#747474;font-weight:500}
.hover-one .atom-work-item a:after{content:'';position:absolute;top:0;right:0;left:0;bottom:0;transition:all .3s ease .1s;background-color:rgba(255,255,255,.8);opacity:0}
.hover-one .atom-work-item img{transition:all .5s ease 0s}
.hover-one .atom-work-item .desc{text-align:left;}
.hover-one .atom-work-item .desc h5,.hover-one .atom-work-item .desc p{transition:all .3s ease .2s;opacity:0}
.hover-one .atom-work-item .desc h5{transform:translateY(60%)}
.hover-one .atom-work-item .desc p{transform:translateY(-60%)}
.hover-one .atom-work-item:hover a:after{opacity:1}
.hover-one .atom-work-item:hover img{transform:scale(1.55,1.55)}
.hover-one .atom-work-item:hover h5,.hover-one .atom-work-item:hover p{opacity:1;transform:translateY(0)}
.about-fullimg{height:500px}.project-info{margin-bottom:20px}
.project-info li{font-weight:700;padding:3px 0}
.project-info li span{font-weight:300}
.parallax-image{height:100vh}
.full-width{height:500px}
.full-width img{width:100%;height:auto}
.carousel.slide .carousel-control{width:10%;z-index:90}
.carousel.slide a.right.carousel-control:hover{cursor:url(../images/arrow_right.png),auto}
.carousel.slide a.left.carousel-control:hover{cursor:url(../images/arrow_left.png),auto}
.carousel.slide a.left.carousel-control,.carousel.slide a.right.carousel-control{/* background-image:none; */}
.carousel.slide .carousel-fade .carousel-control{z-index:5000}
.carousel.slide .carousel-control:focus,.carousel.slide .carousel-control:hover{opacity:1;filter:alpha(opacity=100)}
.carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity}
.carousel-fade .carousel-inner .active{opacity:1}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}
.carousel-fade .carousel-control{z-index:5000}@media all and (transform-3d),(-webkit-transform-3d){.carousel-fade .carousel-inner>.item.active.left,.carousel-fade .carousel-inner>.item.active.right,.carousel-fade .carousel-inner>.item.next,.carousel-fade .carousel-inner>.item.prev{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.carousel-fade .carousel-inner>.item.active,.carousel-fade .carousel-inner>.item.next.left,.carousel-fade .carousel-inner>.item.prev.right{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.bs-hero.full-screen .carousel-indicators{z-index:1200}
.bs-hero.full-screen .carousel.slide .carousel-control{width:10%;/* margin-top:180px;margin-bottom:120px; */}
.blog-list{margin-bottom:30px}
.blog-list .blog-title{font-size:18px;margin-bottom:15px;line-height:1.8;letter-spacing:1px}
.blog-list .blog-title a{color:#3b3b3b;font-weight:600}
.blog-list hr{border:none;border-top:1px solid #b7b7b7;margin:0 0 24px;width:100%}
.blog-list .desk{padding:20px 0}
.blog-entry blockquote,.blog-list blockquote{padding:32px;font-style:italic;background-color:#f5f5f5}
.blog-list p{text-align:justify;color:#747474;margin-bottom:30px}
.blog-list .date{margin-bottom:18px;display:block;color:#aeaeae;transition:all .3s ease}
.blog-list iframe{width:100%}
.blog-list blockquote{font-size:18px;line-height:40px;font-weight:600;letter-spacing:1px;color:#747474;transition:all .3s ease}
.blog-list blockquote:hover{color:#fff}
.blog-entry blockquote,.blog-entry p,.blog-entry ul li,.comments-list .comment p{color:#747474}
.blog-list blockquote .author{display:block;text-align:right;font-size:11px}
.post-title{font-size:45px;font-weight:900}
.post-meta{margin-bottom:20px}
.post-meta li i{margin-right:5px}
.blog-entry p{margin-bottom:25px}
.blog-entry blockquote{line-height:46px;font-size:25px;font-weight:300}
.blog-entry .bullet{padding-left:15px}
.comments-list{list-style:none;margin:0;padding:0}
.comments-list li{margin-bottom:10px}
.comments-list ul{list-style:none;padding-left:77px}
.comments-list .avatar{float:left;margin-right:20px;overflow:hidden}
.comments-list .avatar img{max-height:70px}
.comments-list .comment h6{display:inline-block;padding-top:5px;margin-right:15px;font-weight:600}
.atom-form input,.atom-form textarea{width:100%;height:40px;margin-bottom:20px;border:1px solid #d1d1d1;background-color:#f5f5f5;padding:0 20px}
.atom-form textarea{height:140px;padding:20px}#google-map{height:500px;width:100%}
.copyright img{float:left;margin-right:20px;margin-top:7px}
.copyright p{margin-bottom:0;padding-top:15px}
.copyright p a{color:#31b14b}
.social-icons{margin-top:28px}
.social-icons a{display:inline-block;height:30px;width:30px;background-color:#555;text-align:center;line-height:40px;font-size:18px;color:#fff;border-radius:0}
.social-icons i{padding-top:7px;}
.social-icons a:hover{color:#fff}

/*** Theme Colour Css ***/
::-moz-selection{color:#fff;background:#31b14b}
::selection{color:#fff;background:#31b14b}
.blog-list .blog-title a:hover,.blog-list .date:hover,.copyright p a:hover,.menu-wrapper header nav ul li a:hover,.menu-wrapper header nav ul li.active>a,.page-title h1 a:hover,.post-meta a,.theme-color{color:#31b14b}
.blog-list blockquote:hover,.menu-wrapper header nav ul li.active>a,input:focus,textarea:focus{border-color:#31b14b}
.blog-list blockquote:hover,.btn-dark:hover,.btn-theme,.social-icons a:focus,.social-icons a:hover{background-color:#31b14b}

/*** User Styles ***/
.pad-bottom{padding-bottom:10px;}
.banner-indicators li{width: 30px;height:6px;border: 1px solid #676767;border-radius:0;margin:0;}
.banner-indicators .active{width: 30px;height:6px;background-color:#676767;}
.menu-line{padding:8px 0;border-bottom:1px dashed #b3b3b3;border-top: 4px solid #31b14b;}	
.logo-brdr{width:100px;height:4px;background-color:#000;}	
.top-brdr{border-top:1px dashed #a9a9a9;}
.ct-section-title h2 {
    font-weight: 600;
    font-size: 2em;
    line-height: 1.2;
	margin-top: 0;
}
.ct-section-title i {
    font-size: 44px;
    color: rgba(49, 177, 75, 0.58);
	padding-bottom:10px;
}
.ct-section-content p {
    font-size: 17px;
    color: #565656;
    padding: 0;
    letter-spacing: 1px;
    line-height: 1.5;
}
.ct-section-content span {
    font-size: 17px;
    font-weight: 600;
}
/*** Contact Form Styling Starts ***/
.ct-form label {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #111111;
}
.ct-form .form-control {
    border: 0px;
    border-radius: 0px;
    margin-top: 10px;
    background: transparent;
    margin-bottom: 20px;
    border-bottom: 1px solid #999;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
}
.form-control:focus {
  border-color: #31b14b;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.project-description h2, .work h1{color:#0098cf;}
.project-description p{text-align:justify;}
#bottom-line{background-image:url("../images/line.png");background-repeat:no-repeat;}
.atom-work-item p{text-align:justify; padding-top:4em;}
.atom-portfolio-filter li{padding:0;}
.atom-portfolio-filter li a{border: 1px solid #0098cf;padding: 8px;}
.atom-portfolio-filter li a:hover, .atom-portfolio-filter li a.active{background-color:#31b14b; border: 1px solid #31b14b;color: #fff;}
.atom-work-item a{text-align:right;color: #31b14b;}
.atom-work-item a:hover{color: #31b14b !important;}
.portfo-title h2{color: #0098cf;}
.portfo p{text-align:justify;color: #747474;font-size:15px;}
.portfo h5{color:#747474;}
.portfo img{width:30%;}
.portfo blockquote{padding: 10px 20px;margin: 0 0 20px;font-size: 17.5px;border-left: 5px solid #c70000;}

.portfo-filter li{padding:0;}
.portfo-filter li a{/* border: 1px solid #bdbdbd;padding:8px 0 0 8px; */color:#737373;font-size: 13px;}
.portfo-filter li a:hover{/* background-color:#31b14b; border: 1px solid #31b14b; */color: #31b14b;}
.portfo-bread .breadcrumb{padding:0px;}

.medfont{font-size:35px;}

/*** Right Side Enquiry Form Styles ***/
#side-contact p{border-bottom: 1px dotted #d8d8d8;padding-bottom: 15px;font-size:17px;}
#slider-form{width:500px;top:13em; position:fixed; z-index:9999;}   
#side-contact{ 
	width:290px;
	position:absolute; 
	right:0px; 
	border:1px solid #d8d8d8;
	margin-left:40px;
	padding:10px 20px;
	border-radius:3px;
	box-shadow: 0 0 8px gray;
	background-color: #fff;
}
#sidebar{position:absolute;top:180px;left:99px;	/* box-shadow: 0 0 8px gray; background-color: gray; */ transform: rotate(90deg);}
#sidebar1{position:absolute;top:180px;left:104px;/* box-shadow: 0 0 8px gray;background-color: gray; */transform: rotate(90deg);}
#sidebar button, #sidebar1 button{ padding:10px 28px;font-weight: normal;text-transform: none;font-size: 18px;background-color: #31b14b;color:#fff;}
#side-contact button{
	border: none;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	cursor: pointer;
}
#side-contact .ct-form .form-control{margin-top:0px; margin-bottom:12px;}


/*** Responsive Css ***/
@media (max-width:767px){
	body{font-size:14px}
	.menu-wrapper header .mobile-menu{display:block;top:50px;}
	.menu-wrapper header{margin-top:0}
	.menu-wrapper header .logo{position:absolute;top:20px;left:20px;line-height:0}
	.menu-wrapper header .logo img{width:180px}
	.menu-wrapper header nav{float:left;line-height:25px;margin-top:75px;width:100%;background-color:#3b3b3b}
	.menu-wrapper header nav ul{display:none}
	.menu-wrapper header nav ul li{display:block;margin:0;border-bottom:1px solid #757575;padding:8px 15px}
	.menu-wrapper header nav ul li ul{display:block;position:relative;opacity:1;visibility:visible;border:none}
	.menu-wrapper header nav ul li ul li{padding:0}
	.menu-wrapper header nav ul li ul li:last-child{border-bottom:none}
	.menu-wrapper header nav ul li ul li a{padding:8px 15px;color:#848484}
	.menu-wrapper header nav ul li ul li ul{display:block;position:relative;left:0;opacity:1!important;visibility:visible!important;border:none}.menu-wrapper header nav ul li ul li ul li{margin-left:12px!important}
	.menu-wrapper header nav ul li a{font-size:13px}.about-number{flex:100px}
	.page-title p {font-size:16px;}
}

@media (max-width:768px){
	.page-title { padding: 10px 0;}
	.bigfont {font-size: 35px;}
	.bs-hero.full-screen .carousel-indicators {bottom: -12px;}
}
@media (max-width:480px){
	.copyright{text-align:center;}
	.social-icons{margin-top:12px;text-align:center;}
}
@media (max-width: 767px){
	.atom-portfolio-filter li{padding: 10px;}
}