label{
	margin:0;
}
img {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
/*-- /reset code --*/



/*-- /navigation --*/

/*-- banner section --*/

/*-- banner section --*/
/*-- About Us --*/
/*-- /About US --*/
/*-- Service Section --*/
/*-- Service Section --*/ 
/*-- Gallery Section --*/
section.our-gallery {
	padding:5px 0;
	
}
section.our-gallery h3.text-center {
	font-size:45px;
	color:#312a2a;
	font-weight:300;
	padding:20px 0;
	font-family: 'Nunito', sans-serif;
}
section.our-gallery p.text-center {
	font-size:17px;
	color: #757575;
	font-weight:inherit;
	padding:0px 0 70px;
}
section.our-gallery img.img-responsive {
	display:inline;
/*	width: 280px; */
	width:190px;
	margin-bottom:4px;
	opacity:0.89;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
section.our-gallery img.img-responsive:hover {
	/*-- Agile ITS --*/
	opacity:1;
}
/*
Darkbox
*/
[data-darkbox]{ /* add cursor to clickable darkbox items */
    cursor:pointer;
    backface-visibility:hidden;
}
#darkbox{
    position:fixed;
    z-index:9999;
    background:rgba(0,0,0,0.8) no-repeat none 50%;
    background-size: contain;
    box-shadow:0 0 0 3000px rgba(0,0,0,0.8);
    opacity:0; 
    visibility:hidden;
}
#darkbox.on{ 
    opacity:1;
    visibility:visible;
    height:90% !important;
    width:90% !important;
    left:5% !important;
    top:5% !important;
}
#darkbox:after{
    position:absolute;
    right:0; top:0;
    font-size:2em;
    content:"\2A2F";
    color:#fff;
    cursor:pointer;
}
/*prev next buttons*/
#darkbox_prev,
#darkbox_next{
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
    position:absolute;
    top:50%;
    margin-top:-25px;
    height:50px;
    width:50px;
    -webkit-transition:0.3s;
    transition: 0.3s;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
#darkbox_prev:hover,
#darkbox_next:hover{
    border-color: #09c;
}
#darkbox_prev{
    left: -2px;
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#darkbox_next{
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -2px;
}
#darkbox-description{
    position: absolute;
    width:100%;
    color:#fff;
    bottom:5px;
    text-align:right;
    text-shadow: 0 1px 1px #000;
}
#darkbox-description a{
    color:#fff;
    font-weight:bold;
}
#darkbox sub{font-size:10px;}
/*-- /Gallery Section --*/
/*-- Team --*/	 
/*-- /Team --*/	 
/*-- Map --*/
/*-- /Contact --*/

/*-- sliding animations --*/
.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}
/*-- /sliding animations --*/
/*-- responsive design --*/
@media (max-width: 1920px) {
.about-details {
    padding: 0 50px 0 0px;
}
}

@media (max-width: 1680px) {
.about-details {
    padding: 0 50px 0 20px;
}	
}

@media (max-width: 1600px) {
	.cover-slider__wrap {
	height:795px;	
	}
	section.about-us .col-lg-6.about-info1 {
    padding: 0 15px 0 0;
}
	section.about-us .col-lg-6.about-info2 {
    padding: 0 0 0 15px;
}
section.about-us p {
    font-size: 16px;
    padding: 0 0 20px 0;
}
}

@media (max-width: 1366px) {
section.about-us .col-lg-6.about-info2 {
    padding: 0 15px 0 15px;
}
section.about-us h2 {
	padding:40px 0 20px;
}
}

@media (max-width: 1280px) {
.about-details {
    padding: 0 20px 0;
}
}

@media (max-width: 1080px) {
section.about-us .col-lg-6.about-info1,section.about-us .col-lg-6.about-info2 {
    padding: 0 15px 0 15px;
}
section.about-us img.img-responsive {
    margin: 0 auto;
}
section.about-us h2 {
	text-align:center;
}
section.about-us p {
	text-align:center;
	padding: 0px 100px 20px;
}
section.about-us {
	padding-bottom:50px;
}
.nav>li>a {
	padding: 10px 5px;
}
section.our-services .serv-info {
    margin-left: -70px;
}
li.t4 {
    margin-top: 50px;
}
section.our-gallery {
	text-align:center;
}
section.footer p {
    font-size: 15px;
}
section.footer .links a {
	font-size: 16px;
}
.copyright {
    vertical-align: middle;
}
.links {
    vertical-align: middle;
}
}

@media (max-width: 1024px) {
.cover-slider__wrap {
    height: 658px;
}
section.our-team ul li.t4 {
	margin-top: 40px;
}
}

@media (max-width: 991px) {
.cover-slider__wrap {
    height: 600px;
}

section.our-services .serv-info {
    margin-left: -85px;
}
section.our-services .serv-info h4 {
    font-size: 22px;
}
section.our-services .serv-info p.serv {
    font-size: 15px;
}
section.our-gallery img.img-responsive {
/*	width: 175px; */
	width: 145px;
}
.ch-grid li {
	margin: 7px;
}
section.contact-us .contact-info {
	padding-bottom:40px;
}
.links {
	text-align:center;
}
.copyright {
	text-align:center;
	padding-top:20px;
}
}

@media (max-width: 900px) {
section.about-us p {
	padding: 0px 25px 20px;
	font-size: 16px;
}
}

@media (max-width: 800px) {

}

@media (max-width: 768px) {

section.about-us p {
    padding: 0px 0px 20px;
}
section.our-services .serv-info {
   margin-left:-90px;
}
.cover-slider__wrap {
    height: 400px;
}
section.our-services , section.our-team, section.contact-us {
    padding: 40px 0;
}
section.our-gallery  {
	padding:40px 0 60px;
}
section.our-services h3.text-center, section.our-gallery h3.text-center , section.our-team h3.text-center, section.contact-us h3.text-center {
    font-size: 35px;
}
section.our-services p.text-center, section.our-gallery p.text-center, section.our-team p.text-center, section.contact-us p.text-center {
	padding:0 0 40px;
}
}

@media (max-width: 736px) {

.cover-slider__wrap {
    height: 350px;
}
section.our-services .serv-info {
	margin-left:-225px;
}
section.our-services i.fa {
	margin-left:40px;
}
section.our-services .serv-info p.serv {
    font-size: 17px;
}
section.our-services .serv-info h4 {
    font-size: 23px;
}
.ch-grid li {
    margin: 0 40px 0 40px;
}
ul.social-icons2 {
	padding-top:10px;
}
}

@media (max-width:667px) {
section.our-services i.fa {
    margin-left:40px;
}
section.our-services .serv-info {
	margin-left:-190px;
}
}

@media (max-width:640px) {
section.our-services , section.our-gallery , section.our-team, section.contact-us {
	padding:50px 0;
}
section.our-services h3.text-center , section.our-gallery h3.text-center , section.our-team h3.text-center , section.contact-us h3.text-center {
    font-size: 35px;
}
section.our-services .serv-info p.serv {
    font-size: 16px;
	padding-bottom:30px;
}
section.our-services p.text-center, section.our-gallery p.text-center , section.our-team p.text-center , section.contact-us p.text-center {
    font-size: 16px;
}
.ch-grid li {
    margin: 0 27px 0 27px;
}
section.contact-us p.text-center {
	padding:10px 0 20px;
}
section.contact-us .contact-info h4 {
	font-size: 25px;
	text-align:center;
    padding: 20px 0 10px;
}
section.contact-us .contact-info p {
	margin-left: 120px;
}
ul.social-icons2 {
	text-align:center;
}
section.our-services .serv-info {
    margin-left: -170px;
}
}

@media (max-width:600px) {
.cover-slider__wrap {
    height: 365px;
}
section.about-us h2 {
    font-size: 35px;
}
section.our-services i.fa {
    margin-left: 55px;
}
section.our-services .serv-info {
    width: 130%;
    margin-left: -130px;
    margin-bottom: 15px;
}
.ch-grid li {
    margin: 0 20px 0 20px;
}
section.map iframe.googlemaps {
    width: 100%;
    height: 250px;
}
p.addr {
    margin-right: 100px;
}
}

@media (max-width: 568px) {
.cover-slider__wrap {
    height: 255px;
}
section.our-gallery img.img-responsive {
/*    width: 160px; */
    width: 120px;
}
.ch-grid li {
    margin: 0 10px 0 10px;
}
section.contact-us .contact-info p {
    margin-left: 80px;
}
}

@media (max-width: 480px) {
.cover-slider__wrap {
    height: 260px;
}
section.about-us h2 {
	padding: 40px 0 15px;
}
section.our-services i.fa {
    margin-left: 40px;
}
section.our-services .serv-info {
	margin-left:-90px;
}
section.our-gallery img.img-responsive {
    width: 140px;
}
.ch-grid li {
    margin: 0px;
}
.ch-grid {
	margin:0;
}
section.our-team section.main ul.ch-grid li.t2,section.our-team section.main ul.ch-grid li.t3,section.our-team section.main ul.ch-grid li.t4 {
	margin-top:30px;
}
section.contact-us .contact-info h4 {
    font-size: 22px;
}
section.contact-us .contact-info p {
    margin-left: 70px;
    font-size: 17px;
}
section.about-us p {
    font-size: 15px;
}
section.our-services p.text-center, section.our-gallery p.text-center, section.our-team p.text-center, section.contact-us p.text-center {
	font-size: 15px;
	line-height:28px;
	padding:0 0 40px;
}
section.our-services h3.text-center, section.our-gallery h3.text-center, section.our-team h3.text-center, section.contact-us h3.text-center {
    font-size: 30px;
}
section.our-services .serv-info p.serv {
    font-size: 15px;
}
section.contact-us p.text-center {
	padding:0 0 15px;
}
section.contact-us form button {
	width:100%;
}
.copyright p {
	line-height:28px;
}
}

@media (max-width: 414px) {
section.our-services i.fa {
    margin-left: 25px;
}
section.our-services .serv-info {
    margin-left: -75px;
	width:145%;
}
section.our-gallery img.img-responsive {
    width: 170px;
}
section.our-services h3.text-center, section.our-gallery h3.text-center, section.our-team h3.text-center, section.contact-us h3.text-center {
    font-size: 29px;
}
section.contact-us .contact-info p {
    margin-left: 40px;
}
section.contact-us .contact-info p.addr {
	padding-right:20px;
}
}

@media (max-width: 384px) {
section.our-services i.fa {
    margin-left: 10px;
}
section.our-gallery img.img-responsive {
    width: 160px;
}
section.our-services h3.text-center, section.our-gallery h3.text-center, section.our-team h3.text-center, section.contact-us h3.text-center {
    font-size: 27px;
}
section.contact-us .contact-info p {
    margin-left: 15px;
}
section.contact-us form button {
	width:100%;
}
section.our-services .serv-info p.serv {
	padding-bottom:20px;
}
}

@media (max-width: 375px) {
section.contact-us .contact-info p {
    margin-left: 5px;
}
section.our-services h3.text-center, section.our-gallery h3.text-center, section.our-team h3.text-center, section.contact-us h3.text-center {
    font-size: 25px;
}
.cover-slider__wrap {
    height: 240px;
}
section.our-services, section.our-gallery, section.our-team, section.contact-us {
    padding: 30px 0;
}
input#name, input#email {
    height: 50px;
}
}

@media (max-width: 320px) {
input#name, input#email {
    height: 45px;
}
input#name, input#email, textarea#comments {
	font-size:16px;
}
.btn-outline1 {
	font-size:17px;
}
.cover-slider__wrap {
    height: 210px;
}
section.about-us h2 {
    padding: 30px 0 15px;
	font-size:30px;
}
section.about-us p {
	font-size:14px;
}
p {
	font-size:14px!important;
}
section.our-services .serv-info h4 {
    font-size: 19px;
	padding-bottom:7px;
}
section.our-services .serv-info p.serv {
    font-size: 14px;
	line-height: 22px;
}
section.our-services .serv-info {
    margin-left: -45px;
    width: 145%;
}
section.our-gallery img.img-responsive {
    width: 250px;
}
section.our-team h3.text-center {
	font-size:23px;
}
}