* {
margin:0;
padding:0;
  box-sizing: border-box;
}
 
#mobnavbar {
    display: none;
   text-align: center;
    line-height: 50px;
    font-size: 22px;
    cursor: pointer;
    /*border-bottom: 1px solid #5c7222;*/
    /*background: #E51573;*/
    color: #000;
    margin:0;
}

#navbar {
    position: relative;
}

 

.navbar ul {
    padding: 0;
	text-align:left; margin:0;
}

.navbar ul li {
    display: inline-block;
    line-height:30px;
    font-size:18px; 
    padding: 0 20px;
    -webkit-transition: ease-in-out .15s;
    -o-transition: ease-in-out .15s;
    transition: ease-in-out .15s;   text-transform:uppercase; 
}

.navbar ul li:hover {
     color: #ed1781;
}

.navbar{padding: 0.5rem 0 !important;}

/*.navbar ul li:last-child a{ padding-right:0;}*/

.navbar ul li a {
    display: inline-block;
    color: #fff;
    padding: 0 17px;
	font-weight:400;
    text-decoration: none;
    -webkit-transition: ease-in-out .15s;
    -o-transition: ease-in-out .15s;
    transition: ease-in-out .15s;
    width: 100%;font-weight: 500;

}

.navbar ul li a:first-child{padding: 10px 17px 10px 0;}

.navbar ul li ul li a:first-child{padding: 10px 17px 10px 17px;}



/*.navbar ul li a:hover {
     background:#888;
    color: #fff;
}*/

.navbar ul li:hover a {
    color: #3693f9  ; 
}

.navbar ul li a.active {
    color: #3693f9  ; 
}

.navbar ul li:hover ul {
    display: block;
}

.navbar ul li ul {
    display: none;
    position: absolute;
    padding:0;
    z-index: 200;
	width:180px;
	text-align:left;
	
}

.navbar ul li ul li {
    border: none;
    padding: 0; text-transform:none;
    display: block; line-height:35px; font-size:15px;
}

.navbar ul li ul li:hover {
    border-radius: 0;
}

.navbar ul li ul li:first-child {
    border: none;
}

.navbar ul li ul li a {
   /* margin: 5px 0;*/
   padding:2px 15px;
    color: #fff!important; 
	background:#333 !important;
}

/*.navbar ul li ul li a{ padding-right:50px !important;}*/

.navbar ul li ul li a:hover {
    border-radius: 0;
	background:#999 !important;
}

 

.navbar ul li ul ul {
    position: absolute;
    left: 180px;
    top: 0;
    display: none;
}

/*.navbar ul li li:hover ul {
    display: block!important;
}*/

@media screen and (max-width:959px) {
.btn-navbar {display: block;	width:46px;	height:34px; margin:6px auto; background:#d91f2a; border:#d91f2a; cursor:pointer; float: left;}

.btn-navbar .icon-bar {display: block; width: 18px; height: 2px; margin:0 auto; background-color: #fff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
		  
.btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}

    .navbar ul li a { 
        padding: 3px;
    }
  .navbar {
        display: none;
        padding: 0;
        text-align: left;
        width: 100%;
        margin: 35px 0 0;
        position: absolute;
        z-index: 200;
    }
    .navbar ul {
        z-index: 10;
        position: relative;
        display: block;
        background: #03a5db;
    }
    .navbar ul li {
        display: block;
        z-index: 3;
        text-align: left;
        position: relative;
        padding: 0;
        margin: 0;
    }
    .navbar ul li:hover {
        background: #EE2C86;
        border-radius: 0;
        color: white;
    }
    .navbar ul li:hover {
        background: none;
    }
    .navbar ul li a {
        background: #000;
        display: block;
        position: relative;
        width: 100%;
        color: white;
        padding: 3px 10px;
    }
    .navbar ul li a:hover {
        border-radius: 0;
    }
    .navbar ul li ul {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        border: none;
    }
    .navbar ul li ul {
        display: block;
        background: none;
		padding:0;
    }
    .navbar ul li ul li {
        border: none;
        float: none;
        clear: both;
        width: 100%;
    }
    .navbar ul li ul li a {
        float: none;
        clear: both;
        width: 100%;
        padding: 5px 20px 5px 30px;
        margin: 0;
        color: white;
    }
    .navbar ul li ul li a:hover {}
    .navbar ul li ul ul {
        display: block;
        left: 0;
        position: relative;
        width: 446px;
    }
    .navbar ul li ul ul li {
        width: 436px;
    }
    #mobnavbar {
        display: block;
    }
}

@media screen and (min-width:959px) {
    .navbar {
        display: block!important;
    }
}


body{padding:0px; margin:0px; font-family: 'Architects Daughter', cursive; font-weight:400; color:#000; line-height:normal;  }
	
a{text-decoration:none;	outline:none;}

img { margin: 0; height:auto; max-width: 100%; padding: 0;  border:0;}

h1, h2, h3, h4, h5, h6{	margin:0px;	padding:0px; font-weight:normal;}

ul, ol{list-style-type:none; padding:0; margin:0;}

.headertop-wrap{background:#fff; width:100%; display:block; color:#000; font-size:16px; padding:15px 0; }
 
.headertop-wrap img{margin:0 15px 0 0;}

.top-right {font-size: 16px; color: #000;}

.top-right p{display: inline-block; width: 45%; }

.top-right img{float: left;}

.top-right a {  color: #000;}

.top-right span{ color: #575757; font-size: 12px; display: block;}
 
.nav-warp{  width:100%; display:block; background:#000;}

/*---------------slider---------------*/
.banner{ width:100%; margin:0; padding:0; height:auto;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}


/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0;  position: relative;  }
 

/* Direction Nav */
.flex-direction-nav {/**height: 0; display:none;*/}
.flex-direction-nav a  { text-decoration:none; display: block; width: 18px; height: 37px; margin: -20px 0 0; position: absolute; bottom: -30; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0; text-align: right; }
.flexslider .flex-prev { opacity: 0.7; left: 80%; background:url(../images/left-arrow.png) 0 0 no-repeat; text-indent:-9999px; font-size:0px;}
.flexslider .flex-next { opacity: 0.7; right: 9%; background: url(../images/right-arrow.png)0 0 no-repeat; text-indent:-9999px;font-size:0px;  }

.flex-direction-nav .flex-disabled { opacity: 0!important;  cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block;}
.flex-direction-nav a.flex-next:before  {  }



/* Control Nav */
.flex-control-nav {
display:none;}

.banner .flex-direction-nav{display: none;}

.sliderimg {float:left; width:100%; }
.slidergt { width:100%; position:absolute; left:0; top:15%;}
.slidergt h2{font-size:62px; color:#fff; font-family: 'Chewy', cursive; font-weight: 600; margin-bottom: 15px; font-weight: normal;}

.slidergt p{font-size:14px; color: #fff; }

.bannerbtn1{background: #014085  ; width: 224px; border-radius:35px; display: block; line-height: 70px; text-align: center; color: #fff; font-size: 22px; text-transform: uppercase; display: inline-block; margin-right: 20px;}

.bannerbtn1:hover{background: #12181d;  color: #fff; text-decoration: none;}

.bannerbtn2{background: #12181d; width: 224px; border-radius:35px; display: block; line-height: 70px; text-align: center; color: #fff; font-size: 22px; text-transform: uppercase;  display: inline-block;}

.bannerbtn2:hover{background: #014085  ; color: #fff;   text-decoration: none;}

/*testimonial slider*/

.testimonial .sliderimg img{ width: auto!important;  }

.testimonial .sliderimg{  width: 25%;}

.testimonial-text{color: #fff; font-style: italic; font-size: 16px; float: left; width: 70%;}

.testimonial-text p{background: url("../images/quote.png") 0 0 no-repeat; padding: 20px 0 0 35px;}

.testimonial-text h6{ color: #3693f9; font-size: 14px; text-transform: uppercase; padding: 0 0 0 35px;}

.navright{ font-size: 22px; color: #014085  ; text-transform: uppercase; line-height: 70px; text-align: right; font-weight: 500;}

.navright a{color: #3693f9;}

.navright a:hover{color: #fff; text-decoration: none;}

.mainbody-wrap{ background: #fff  url("../images/left-bg.png") 0 100% no-repeat;}

.mainbody{ background: url("../images/right-bg.png") right bottom no-repeat; padding: 225px 0 200px; position: relative;}

.box-wrap{ position: absolute; z-index: 9999; top:-85px; left: 0; width: 100%; }

.box-wrap h3{font-size: 34px; color: #fff; text-transform: uppercase; padding: 15px 0 0; letter-spacing: -2px}

.box-wrap h3 a{color: #fff;}

.blackbg{ background: #151a1f; padding: 20px 0; text-align: center;}

.greenbg{ background: #014085  ; padding: 20px 0; text-align: center;}

.mainimg img{border-radius:10%;}

.mainbody h4{color: #0c3c61; font-size: 18px; padding-bottom: 25px;}

.mainbody h2{font-size: 34px; color: #121714; text-transform: uppercase; font-weight: bold; padding-bottom: 20px;}

.mainbody h2 strong{font-size: 50px; display: block; font-weight: bold;}

.mainbody p{font-size: 20px;}

.contact{background: #014085  ; width: 200px; border-radius:25px; display: block; line-height: 45px; text-align: center; color: #fff; font-size: 20px; text-transform: uppercase;}

.contact:hover{color: #000; text-decoration: none;}

.project-wrap{background: #014085  url("../images/projectbg.jpg") center bottom no-repeat; padding: 115px 0;}

.project-wrap h2{text-align: center; font-size: 36px; text-transform: uppercase; color: #fff; font-weight: 600; padding-bottom: 50px;}

.project IMG{width: 100%;}

.project h3{background: #fff; color: #0c3c61; text-align: center; font-size: 26px; padding: 25px 0;}

.project h3 {
	position: relative; 
}
.project h3:after, .project h3:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.project h3:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
.project h3:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #fff;
	border-width: 26px;
	margin-left: -26px;
}

.client-wrap{background: #edf0f2; padding: 100px 0; text-align: center;}

.client-wrap h2{ font-size: 40px; color: #292a2a; position:relative; text-align:center; margin-bottom: 60px; text-transform: uppercase; /*font-family: 'Oswald', sans-serif;*/}

.client-wrap h2:after{ position:absolute; width:60px; height:6px; background:#c1161a;  bottom:-20px; left:0; right:0; margin:auto; content:'';}

.client-wrap .owl-pagination{display: none !important;}

.customer-wrap{ background: #24303c url("../images/customer.jpg") right bottom no-repeat; padding: 70px 0; } 

.reviewbtn{background: #fff; width: 200px; border-radius:25px; display: block; line-height: 45px; text-align: center; color: #4c4f51; font-size: 16px; }

.reviewbtn span{color: #014085  ; }

.customer-wrap h2{ font-size: 40px; color: #3693f9  ; font-weight: 300; text-transform: uppercase; padding-bottom: 25px;}

.customer-wrap h2 strong{font-weight: 300; color: #fff; display: block; }

.customer-wrap h3{font-size: 20px; color: #fff; position: relative; text-align: left; line-height: 34px; margin-bottom: 60px;}

.customer-wrap h3:after{ position:absolute; width:170px; height:2px; background:#fff;  bottom:-20px; left:0;  margin:auto; content:'';}

.testimonial{ border: 2px solid #5e6f7c; border-radius:10px; padding: 6% 3%;}

.footertop-wrap{ background: #014085  ; padding: 50px 0; }

.footertop-wrap p{font-size: 28px; color: #fff; font-weight: 300;}

.footertop-wrap a{background: #fff; width: 285px; border-radius:35px; display: block; line-height: 70px; text-align: center; color: #014085  ; font-size: 20px; text-transform: uppercase; font-weight: 500;}

.footertop-wrap a:hover{color: #000; text-decoration: none;}

.footer-wrap{ background: #fff; padding: 50px 0 30px; text-align: center;}

.footer-wrap ul{padding-bottom: 25px;}

.footer-wrap ul li { display: inline-block; text-transform: uppercase; padding: 0 15px;}

.footer-wrap ul li a{color: #24303c; font-size: 18px; }

.footer-wrap p{color: #505253; font-size: 16px; margin-bottom: 0;  }



/*inner pages*/

.banner-inner{position: relative;}

.banner-inner img{width: 100%; height: auto;}

.innerbannertext{position: absolute; left: 0; top: 50%; width: 100%;}

.innerbannertext h2{ font-size: 48px; text-transform: uppercase; color: #fff;}

.mainbody-inner-wrap{ background: #014085  url("../images/left-bg.png") 0 100% no-repeat;}

.mainbody-inner{ background: url("../images/right-bg.png") right bottom no-repeat; padding: 150px 0 150px; position: relative;}

.mainbody-inner-wrap h2{font-size: 32px; color: #fff; text-transform: uppercase; padding-bottom: 50px;}

.mainbody-inner-wrap h2 strong{ color: #eaff00; font-weight: normal;}

.contactpage { border-left: 1px solid #4bbe37; padding-left: 30px;}

.mainbody-inner-wrap h4{color: #fff; font-size: 20px; line-height: 60px ; text-transform: uppercase;}

.mainbody-inner-wrap h4 span{ font-size: 24px;}

.mainbody-inner-wrap h4.emailid{text-transform: none;}

.mainbody-inner-wrap h4 a{color: #fff;}

.mainbody-inner-wrap h4 a:hover{color: #eaff00; text-decoration: none}

.map-wrap iframe{width: 100%!important; height: 700px!important;}

.footer-wrap{position: relative;}
.scrollToTop{
	width:100%; text-align: right;
	height:40px;
	line-height:40px;	
	font-weight: bold;
	color: #787878;
	font-size:11px;
	font-style:italic;
	display:none;	
	z-index:999; position: absolute; right: 5%; bottom: 10%;
}
.scrollToTop:hover{
	text-decoration:none;
}

/*aboutpage*/

.about-wrap{ padding: 60px 0;}

.about-wrap h4{color: #0c3c61; font-size: 18px; padding-bottom: 25px;}

.about-wrap h2{font-size: 34px; color: #121714; text-transform: uppercase; font-weight: bold; padding-bottom: 20px;}

.about-wrap h2 strong{font-size: 50px; display: block; font-weight: bold;}

.about-wrap p{font-size: 18px; text-align: justify; padding-bottom: 15px;}

.vision-mission-wrap{background: #139440 url("../images/projectbg.jpg") center bottom no-repeat; padding: 50px 0;}

.vi-mi-box{ background: #fff; border-radius: 15px; padding: 20px; text-align: center;}

.vi-mi-box h2{font-size: 40px; padding-bottom: 35px; color: #014085; /*font-family: 'Oswald', sans-serif; */font-weight: normal;}

.vi-mi-box p{font-size: 14px; text-align: justify; padding-bottom: 15px; line-height: 30px;}

.member-wrap{ background: #24303c; padding: 60px 0;}

.member-wrap h2{ font-size: 40px; color: #fff; position:relative; text-align:center; margin-bottom: 60px; text-transform: uppercase; /*font-family: 'Oswald', sans-serif;*/}

.member-wrap h2:after{ position:absolute; width:60px; height:6px; background:#fff;  bottom:-20px; left:0; right:0; margin:auto; content:'';}

.memberthumb{overflow:hidden; position: relative; padding-left: 45px;}

.memberthumb img{ -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.5s ease;}

.memberthumb:hover img{-ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
	}

.memberthumb h4{ color: #fff; font-size: 18px; position: absolute; rotate: 270deg; left: -82px; bottom: 100px;  z-index: 99;}

.memberthumb2 h4{left: -50px;  bottom: 70px; }

.memberthumb3 h4{left: -67px;  bottom: 90px; }

.member-wrap h3{font-size: 20px; padding: 15px 0; color: #fff; text-align: center; padding-left: 45px;}

.member-wrap h3 span{display: block;}

 

/*servicepage*/
.servicebox{ background: #fff; border-radius: 15px; border: 2px solid #dfe1e5; border-top:0; box-shadow: none; margin-top: 35px; min-height: 485px; }

.servicebox img{border-radius: 15px 15px 0 0; margin-bottom: 10px;}

.servicebox ul{ padding: 0 0 0 40px;}

.servicebox ul li{  color: #014085; font-size: 20px; font-weight: 300;}

.servicebox li::before {
  content: "• "; padding-right: 10px;
  color: black;  
}

/*project*/ 

.gallery-wrap{padding: 60px 0;}

.gallery-wrap .row{padding-bottom: 60px;}

.gallery-wrap h4{color: #014085; /*font-family: 'Oswald', sans-serif;*/ font-size: 25px; padding: 25px; }

.gallery-wrap a{ color: #000; border: 1px solid #dfe1e5; line-height: 25px; padding: 0 25px; border-radius: 15px;}

.gallery-wrap a:hover{ color: #014085; text-decoration: none; border-bottom: 1px solid #014085; }

.gallerybox{overflow:hidden;}

.gallerybox img{ -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.5s ease;}

.gallerybox:hover img{-ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.2);
	}
.mainbody-inner ul{padding-bottom: 25px;}
.mainbody-inner ul li{background:url(../images/icon.jpg) 0 8px no-repeat; font-size:18px; color:#000; line-height:30px; text-align:justify; margin-bottom:10px; padding:0 0 0 30px;  /*font-family: 'Poppins', sans-serif;*/}

.mainbody-inner p{font-size:18px; color:#000; line-height:30px; }


/*form*/

.contactinput {width:100%; background:none; border:1px solid #000; color:#000000; line-height:55px; padding:0 2%; margin-bottom:25px;}

.contactmsg {width:100%; background:none;  border:1px solid #000; color:#000; line-height:55px; padding:0 2%; margin-bottom:25px; height:130px;}

.sendbtn { background:#000; line-height:40px; border-radius:25px; color:#fff; border:0; text-transform:uppercase; font-size:18px; padding:0 40px; cursor:pointer; transition:all 0.3s ease;}
  
.sendbtn:hover{background:#333333;}

@media screen and (max-width: 999px) {
	
	.top-right p{width: 100%;}
	.navbar ul li{line-height: 20px; font-size: 15px; padding: 0 0;}
	.navbar ul li ul li{font-size: 13px; line-height: 20px;}
	.navright{font-size: 16px; line-height: 40px;}
	
	.slidergt h2{font-size: 22px;}
	.slidergt p{font-size: 12px;}
	.mainbody{background: none; padding: 20px 0 50px;}
	.box-wrap{position: relative; top: 0; margin-bottom: 25px; z-index: 1;}
	.mainbody h2{font-size: 25px;}
	.mainbody h2 strong{font-size: 30px;}
	.mainbody p{font-size: 15px;}
	.contact, .bannerbtn1, .bannerbtn2{font-size: 15px; line-height: 35px; width: 160px;}
	.box-wrap h3{font-size: 14px; letter-spacing: normal;}
	.box-wrap img{width: 40%;}
	.client-wrap{padding: 50px 0;}
	.client-wrap h2{font-size: 30px;}
	
	.project-wrap{padding: 50px 0;}
	.project-wrap h2{font-size: 25px; padding-bottom: 20px;}
	.project{margin-bottom: 25px;}
	.project h3{font-size: 18px;}
	.customer-wrap{background: #24303c url("../images/customer.jpg") center bottom no-repeat; padding: 25px 0 50px; }
	.testimonial{background: rgba(0, 0, 0, 0.25)}
	.customer-wrap h2{font-size: 30px;}
	.customer-wrap h3{font-size: 15px; line-height: normal;}
	.footertop-wrap{padding: 25px 0;}
	.footertop-wrap p{font-size: 15px;}
	.footertop-wrap a{font-size: 15px; line-height: 35px; width: 200px;}
	.footer-wrap{padding: 20px 0;}
	.footer-wrap ul li { padding: 0 10px; }
	.footer-wrap ul li a{font-size: 12px;}	
	.footer-wrap p{font-size: 12px;}
	.blackbg{padding: 20px 0;}
	.greenbg{padding: 20px 0;}
	
	/*inner*/
	.servicebox{ height: 225px;}
	
	.servicebox ul{padding: 0 0 0 30px;}
	
	.servicebox ul li{font-size: 15px;}
	
}
@media screen and (max-width: 959px) {
 
	.navbar ul li a:first-child{padding: 10px 17px 10px 17px;}

	.mainimg{margin-bottom: 25px;}
	
	.top-right p{width: 100%;}
	.navbar ul li{line-height: 20px; font-size: 15px;}
	.navbar ul li ul li{font-size: 13px; line-height: 20px;}
	.navright{font-size: 16px; line-height: 40px;}
	
	.slidergt h2{font-size: 22px;}
	.slidergt p{font-size: 12px;}
	.mainbody{background: none; padding: 20px 0 50px;}
	.box-wrap{position: relative; top: 0; margin-bottom: 25px; z-index: 1;}
	.mainbody h2{font-size: 25px;}
	.mainbody h2 strong{font-size: 30px;}
	.mainbody p{font-size: 15px;}
	.contact, .bannerbtn1, .bannerbtn2{font-size: 15px; line-height: 35px; width: 160px;}
	.box-wrap h3{font-size: 14px; letter-spacing: normal;}
	.box-wrap img{width: 40%;}
	.client-wrap{padding: 50px 0;}
	.client-wrap h2{font-size: 30px;}
	
	.project-wrap{padding: 50px 0;}
	.project-wrap h2{font-size: 25px; padding-bottom: 20px;}
	.project{margin-bottom: 25px;}
	.project h3{font-size: 18px;}
	.customer-wrap{background: #24303c url("../images/customer.jpg") center bottom no-repeat; padding: 25px 0 50px; }
	.testimonial{background: rgba(0, 0, 0, 0.25)}
	.customer-wrap h2{font-size: 30px;}
	.customer-wrap h3{font-size: 15px; line-height: normal;}
	.footertop-wrap{padding: 25px 0;}
	.footertop-wrap p{font-size: 15px;}
	.footertop-wrap a{font-size: 15px; line-height: 35px; width: 200px;}
	.footer-wrap{padding: 20px 0;}
	.footer-wrap ul li { padding: 0 10px; }
	.footer-wrap ul li a{font-size: 12px;}	
	.footer-wrap p{font-size: 12px;}
	.blackbg{padding: 20px 0;}
	.greenbg{padding: 20px 0;}
	.vi-mi-box{margin-bottom: 20px;}
	
	
	/*innerpages*/
	
	.innerbannertext h2{ font-size: 24px; }



.mainbody-inner{ background:none; padding: 50px 0 50px; }

.mainbody-inner-wrap h2{font-size: 20px;   padding-bottom: 10px; padding-top: 25px;} 

.contactpage { border-left: none; padding-left: 15px;}

.mainbody-inner-wrap h4{color: #fff; font-size: 14px; line-height: 25px;   } 

.map-wrap iframe{ height: 300px!important;}
	
	.servicebox{height: auto; padding-bottom: 15px; }
	
	.servicebox ul li{font-size: 15px;}
	.member-wrap h2{font-size: 25px;}
	
	.member-wrap h3{font-size: 18px;}
	
	.member-wrap h3 span{display: inline;}
	
	.gallery-wrap, .text-right{text-align: center !important;}


}

@media screen and (max-width: 540px) {
	.navright{font-size: 9px; line-height: 40px;}
	.top-right{font-size: 14px;}
	
}