/* CSS Document */
@font-face{ font-family:"Walkway UltraBold"; src:url(../fonts/Walkway_UltraBold.ttf);}
body{font-family:"Walkway UltraBold"; /*background-image:url(../images/web-design-final.png); background-size:cover; background-position:center center; background-repeat:no-repeat;  */  background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(227, 232, 236) 0%, rgb(255, 255, 255) 48%, rgb(227, 232, 236) 100%) repeat scroll 0 0;}
.outer_bdy {
   
    padding-bottom: 0px;
    font-family:"Walkway UltraBold";
    min-height: 700px;
    overflow: hidden;
    width: 100%; padding-top:80px; padding-left:60px; }

.outer_bdy .logo img{width: 18%; margin-left:63%;}

.outer_bdy h2 {
    color: #68c6c5;
    font-size: 34px;
    margin: 0 auto;
    text-align: right;
    width: 800px;
	text-transform:uppercase;
}
.inner_container a{text-decoration:none; transition:.5s all ease-in;}
.inner_container {
    
    transition: .5s all ease-in;
/*   border:solid 1px #fff;
*/   border-right:none;
   border-bottom:none;
    border-image: none;
    border-radius: 55px 0 0;
    min-height: 700px;
    overflow: hidden;
    padding: 150px 0 0 170px;
    width: 100%;
/*    border: solid 5px #fff;
*/    border-right: 0px;
    border-bottom: 0px; padding: 150px 0 0;
}
.inner_container .thumbs {
    background-color: #63c7c7;
    border: 1px solid #fff;
    border-radius: 15px;
    float: left;
    height: 135px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in 0s;
    width: 135px;
}
.inner_container .thumbs h3 {
    color: #fff; transition:.5s all ease-in;
    display: block;
    font-size: 18px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px #333;
    text-transform: uppercase;
    top: 43%;
    width: 100%;
    z-index: 9999;
}
.inner_container .thumbs img{width:100%; height:auto; transition:.5s all ease-in;}
.inner_container .thumbs:hover img{opacity:0; transition:.5s all ease-in;}


.abt_block {
    background-color: #fff;
    border-radius: 15px;
    margin: 0 auto;
    height: 360px;
    overflow: hidden;
    padding-top: 0;
    width: 800px;
	    box-shadow: 0 0 10px #ccc;

}
.abt_block p {
    color: grey;
	text-align:justify;
    font-size: 14px !important;
}
.abt_pad{padding:15px !important;}
.abt_block1 p{text-align: justify;
    font-size: 14px !important;
}
.abt_pad1{padding-top:15px;}
.txt_bx {
    background-color: transparent;
    margin: 0 auto;
    min-height: 10px;
    overflow: hidden;
    padding-left: 15px;
    width: 800px;
}
.txt_bx h4{
    color: #68c6c5;
    font-size: 22px;
    margin: 2px 0; 
    text-align: right;
}
.inner_container_about a{text-decoration:none; transition:.5s all ease-in;}
.inner_container_about {
   
    border-image: none;
    border-radius: 55px 0 0;
/*   border:solid 5px #fff; 
   
*/   border-right:none; border-bottom:none;
    min-height: 700px;
    overflow: hidden;
    transition: all 0.5s ease-in 0s;
    width: 100%;  padding: 35px 0 0;
}
.inner_container_about .thumbs_about {
    background-color: #63c7c7;
    border: 1px solid #fff;
    border-radius: 15px;
    float: left;
    height: 120px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    transition: all 0.5s ease-in 0s;
    width: 120px;
}
.inner_container_about .thumbs_about h3 {
    color: #fff; transition:.5s all ease-in;
    display: block;
    font-size: 18px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px #333;
    text-transform: uppercase;
    top: 43%;
    width: 100%;
    z-index: 9999;
}
.inner_container_about .thumbs_about img{width:100%; height:auto; transition:.5s all ease-in;}
.inner_container_about .thumbs_about:hover img{opacity:0; transition:.5s all ease-in;}
.thumb_wrap {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 800px;
}
.thumb_wrap_about {
    height: auto;
    margin:15px auto;
    overflow: hidden;
    width: 720px;
}
.marg_ri{margin-right:0px !important;}

.navbar-default{ background-color:transparent; border:none !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background-color:transparent !important; color: #68c6c5 !important;}
.navbar-nav > li > a{ text-transform:uppercase;}
.navbar-nav{  margin-top:15px !important; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #68c6c5 !important;}
.wrap{ max-width:830px !important;}
.nav > li > a{ padding:7px !important;}
.square{ border:5px solid #fff; border-radius:55px 0 0; border-right:none;  border-bottom:none;}
.inner_container_int {
    border-image: none;
    min-height: 380px;
    overflow: hidden;
    transition: all 0.5s ease-in 0s;
    width: 100%;
	padding:0 20px;
}

.cover-container {
   height:140px;
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.cover-item {
    display: inline-block;
	width:150px;
	
}


.inner_container_int img {
    width: 20%;
    float: left;
}
.hm_block {
    background-color: #fff;
    border-radius: 15px;
    margin: 70px auto;
    height: 400px;
    overflow: hidden;
    padding-top: 0;
    width: 740px;
    box-shadow: 0 0 10px #ccc;
}

.box img { float:left; width:18%; margin:1%;}
.clr{ color:#68c6c5;}
@media only screen and (min-width: 768px) and (max-width:991px) 
{
	.outer_bdy{ padding-left:30px !important;}
	.thumb_wrap{ width:700px !important;}
	.outer_bdy h2{  width:676px !important; font-size:29px !important;}
	.inner_container .thumbs{ margin-right:15px !important; width:125px !important; height:125px !important;}
	.abt_block{ width:670px !important;}
	.wrap{ width:700px !important;}
	.inner_container_about .thumbs_about{ margin-right:8px !important;}
	.txt_bx{ width:675px !important;}
	.thumb_wrap_about{ width:640px !important; margin:0 auto !important;}

}

/*@media only screen and (min-width: 768px) and (max-width:1024px) 
{
.inner_container{padding: 150px 0 0 50px !important;}

.abt_block{width:90% !important;}
.inner_container_about .thumbs_about{margin-right:20px !important;}
.outer_bdy h2{ width:750px !important;}
.thumb_wrap{ widows:536px !important;}
.wrap{ max-width:775px !important;}
.txt_bx{ width:745px !important;}
}

@media only screen and (min-width: 320px) and (max-width:767px) 
{
	.inner_container .thumbs{margin-bottom:30px !important;}
	.outer_bdy h2{width:100% !important; text-align:center;}
	.abt_block{width:90% !important; padding: 0 15px; margin:0 auto;}
	.inner_container_about .thumbs_about{margin-bottom:30px !important;}
	.thumb_wrap{width:100% !important;}
	.thumb_wrap_about{width:100% !important;}
	.txt_bx h4{text-align: center !important;}
	.txt_bx{width:100% !important;}
}
@media screen and (max-width: 1200px){
	.inner_container{padding: 150px 0 0 80px !important;}
	
	.abt_block{width: 740px !important;}
}
@media screen and (max-width: 1100px){
	.inner_container{padding: 150px 0 0 50px !important;}
	
	.abt_block{width: 740px !important;}
}
@media screen and (max-width: 800px) {
	.inner_container{padding: 90px 0 0 100px !important;}
	.inner_container .thumbs{margin-bottom:30px !important;}
	.inner_container .thumbs{ width:110px !important; height:110px !important; margin-right:5px !important; }
     .outer_bdy h2{ width:610px !important; font-size:25px !important;}
	.abt_block{width:90% !important;}
	.txt_bx{ width:670px !important;}
	
/*}
@media screen and (max-width: 767px) {
	.inner_container{padding: 70px 0 0 130px !important;}
	
	.abt_block{width:90% !important;}
	.nav.navbar-nav.pull-right{ float:none !important;}
}
@media screen and (max-width: 600px) {
	.outer_bdy h2 {font-size: 30px; font-weight: bold; margin: 0 25px 0 0; text-align: center; width: 100%;}
	.inner_container{padding: 50px 0 0 80px !important;}
	.abt_block{width:90% !important;}
	.nav.navbar-nav.pull-right{ float:none !important;}
}
@media screen and (max-width: 400px) {
	.inner_container{padding:50px !important;}
	.inner_container .thumbs{float:none !important; clear:both !important; margin:0 auto 30px !important; }
	
	.outer_bdy{padding-left: 30px; padding-top: 40px;}
	.abt_block{width:90% !important;}
	.inner_container_about .thumbs_about{float:none !important; clear:both !important; margin:0 auto 30px !important; }
	.nav.navbar-nav.pull-right{ float:none !important;}
}
@media screen and (max-width: 500px) {
	
	.inner_container{padding: 50px 0 0 25px !important;}
	.abt_block{width:90% !important; padding: 0 15px;}
	.nav.navbar-nav.pull-right{ float:none !important;}
	
}*/