@import 'webfont/stylesheet.css';

body
{
	background-color:#FFFFFF;
	font-family: 'open_sansregular';
	overflow-x: hidden;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebeef4+100 */
background: rgb(246,241,238); /* Old browsers */
background: -moz-linear-gradient(left, rgba(246,241,238,1) 0%, rgba(235,238,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(246,241,238,1) 0%,rgba(235,238,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(246,241,238,1) 0%,rgba(235,238,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebeef4',GradientType=1 ); /* IE6-9 */
}
.displaymob {
	display: none;
}
	
.displaywin {
	display: block;
}
.header{
	overflow: hidden;
	width: 100%;
	height: 100px;
	background-color:#fff;
	position: relative;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
}
.logoimg{
	/*
	width: 325px;
	height: 100px;
	*/
	width: auto;
	height: auto;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
  	-moz-transition: all 0.7s ease-in-out;
}
.slogimg{
	width: auto;
	margin-top: 25px;
	margin-left: 25px;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
}
.fixed{
	position: fixed;
	top: 0px;
	height: 100px;
	z-index: 9;
}
.imgfixed{
	width: auto;
	height: auto;
}
.imgslog{
	width: auto;
	margin-top: 25px;
	margin-left: 25px;
}

.boxes {
  display: table;
  width: 100%;
  height: 100%;
}
.getintouch input ,.getintouch select,.getintouch button,.getintouch textarea
{
	color:#848181;
	border-radius:0px;
}
.getintouch button,.getintouch button:active,.getintouch button:hover,.getintouch button:focus
{
	background-color:#4a4a4a !important;
	color:#f7f7f7 !important;
	padding-left:30px;
	padding-right:30px;
	border: none;
}
.getintouchdetails p{
	    margin-bottom: .5rem;
}
.box {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 20px;
}
.box1 {
  background: #ffffff;
  width:111px;
}
.box2 {
  background: #105B63;
  background-image:url(../images/banner.jpg);
      background-size: cover;
    background-position: right top;
background-repeat:no-repeat;
}
.bannerprogram {
  background-image:url(../images/bannerprogram.jpg);
      background-size: cover;
    background-position: right top;
background-repeat:no-repeat;
}

.box3 {
  background: #ffffff;
  width:75px;
}

.halfright {
    border-top:3px solid black;
    position: relative;
    padding-right:3px;
}
.halfright:after {
    content: "";
    display:block;
    width:70%;
    height:3px;
    padding:0;margin:0;
    background-color:#fff;
    position: absolute;
    right:0;
    top:-3px;
}
.border1
{
	border-top-color:#20ad8d;
}
.border2
{
	border-top-color:#e9b56a;
}
.border3
{
	border-top-color:#6978a3;
}
.border4
{
	border-top-color:#ece9a2;
}
.mediacontainer
{
	font-size:14px;
}
.testimonialcontainer
{
	font-size:14px;
}
.testimonialname
{
	font-size:14px;
	color:#636363;
	font-style:italic;
	line-height:3;
}
.white-popup {
  position: relative;
  background: #FFFFFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  border-radius: 10px;
  font-size: 14PX;
}
.readmore
{
	font-size:12px;
	color:#242424;
	text-decoration: underline;
}
.bgwhite
{
	background-color:#fff;
	height:100%;
}
.bg1
{
	background-image:url(../images/bg1.jpg);
      background-size: cover;
	      background-position: center center;
}
.bg2
{
	background-image:url(../images/bg2.jpg);
      background-size: contain;
	      background-position: top;
		  background-repeat: no-repeat;
}
.bg3
{
	background-image:url(../images/bg3.jpg);
      background-size: contain;
	      background-position: top;
		  background-repeat: no-repeat;
}
.bg4
{
	background-image:url(../images/bg4.jpg);
      background-size: contain;
	      background-position: top;
		  background-repeat: no-repeat;
}
.square {
  position: relative;
  width: 50%;
}
/* .logoimg
{
	position: fixed;
	top:0px;
	left: 0px;
	z-index: 9;
} */

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.topdottedline
{
	border-top:dotted 1px #adaaaa;
}
.affiliates img
{
	max-width:80%;
}
.awards img
{
	width:100%;
}
.awards .title
{
	font-size:20px;
	font-weight:bold;
	font-family: 'open_sansbold';
}
h2
{
	font-size:40px;
}
.mediaheader
{
	font-size:1.6vw;
	line-height:1.2;
	    padding-top: 15px;
}
.mediadate
{
	font-size:12px;
	line-height:3;
	font-style:italic;
}
.padding10
{
	padding:10px 50px 10px 50px;
}
.description
{
	font-size:15px;
}
.greybg
{
	background-color:#fff;
}
/*.lightbg
{
	background-color:#fff;
}*/
.insidebox
{
	padding-top: 40px;
    padding-bottom: 40px;
	text-align:left;
	font-size: 14px;
}
.insidebox .title
{
	font-size: 18px;
	font-weight:bold;
	margin-bottom:20px;	
}
.aboutsubtitle
{
	font-size:1.5vw;
	color:#ffffff;
	font-family: 'open_sanssemibold';
}

.aboutusdesc
{
	color:#ffffff;
	font-family: 'open_sansregular';
}
.abouttitleheading
{
	font-size:3vw;
	    text-transform: uppercase;
	line-height:1;
	color:#ffffff;
	font-family: 'open_sansbold';
	
}
.abouttitleheading span
{
border-bottom:solid 3px #ffffff;	
}
/* Basic Style*/
* {
  margin: 0;
  padding: 0;
}
html,
body {
  height: 100%;
}
.navbar
{
	margin-top:100px;
	padding: 0px;
}
.navbar a{
	font-size: 15px;
	color:#aba8a5;
}
.navbar a:hover, .navbar a.active{
	color:#67b143;
}
.box1 li+li { border-top: 1px solid #dbd8d6 }
.navbar-nav
{
	width:100%;
}
.nav-item
{
	text-align:center;
}
.nav-item img
{
	width:30%;
	clear:both;
}
.nav-link
{
	padding:0.3rem 1rem;
}
.thumbnail {
    position: relative;
}

.caption {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
}
.homeicon
{
	background-image:url(../images/home.png);
    background-position: 50% 10%;
	background-size: 30%;
    padding-top: 30px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
.homeicon.active, .homeicon:hover
{
	background-image:url(../images/home1.png);
	background-size: 30%;
}
.abouticon
{
	background-image:url(../images/about.png);
    background-position: 50% 10%;
	background-size: 30%;
    padding-top: 30px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	background-repeat:no-repeat;
}
.abouticon.active, .abouticon:hover
{
	background-image:url(../images/about1.png);
	background-size: 30%;
}
.programsicon
{
	background-image:url(../images/programs.png);
    background-position: 50% 10%;
	background-size: 30%;
    padding-top: 30px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	background-repeat:no-repeat;
}
.programsicon.active, .programsicon:hover
{
	background-image:url(../images/programs1.png);
	background-size: 30%;
}
.mediaicon
{
	background-image:url(../images/media.png);
    background-position: 50% 10%;
	background-size: 30%;
    padding-top: 30px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	background-repeat:no-repeat;
}
.mediaicon.active, .mediaicon:hover
{
	background-image:url(../images/media1.png);
	background-size: 30%;
}
.insighticon
{
	background-image:url(../images/insights.png);
    background-position: 50% 10%;
	background-size: 30%;
    padding-top: 30px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	background-repeat:no-repeat;
}
.insighticon.active, .insighticon:hover
{
	background-image:url(../images/insights1.png);
	background-size: 30%;
}
.testimonialicon
{
	background-image:url(../images/testimonials.png);
    background-position: 50% 10%;
	background-size: 30%;
    padding-top: 30px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	background-repeat:no-repeat;
}
.testimonialicon.active, .testimonialicon:hover
{
	background-image:url(../images/testimonials1.png);
	background-size: 30%;
}
.contactusicon
{
	background-image:url(../images/contactus.png);
    background-position: 50% 10%;
	background-size: 30%;
    padding-top: 30px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	background-repeat:no-repeat;
}
.contactusicon.active, .contactusicon:hover
{
	background-image:url(../images/contactus1.png);
	background-size: 30%;
}
.filmicon
{
	background-image:url(../images/film1.png);
    background-position: 50% 10%;
	background-size: 30%;
    padding-top: 30px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	background-repeat:no-repeat;
}
.filmicon.active, .filmicon:hover
{
	background-image:url(../images/film.png);
	background-size: 30%;
}

.playicon
{
	background-image:url(../images/play.png);
    background-position: 50% 10%;
	background-size: 30%;
    padding-top: 30px;
	background-repeat:no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	background-repeat:no-repeat;
}
.playicon.active, .playpicon:hover
{
	background-image:url(../images/play1.png);
	background-size: 30%;
}
.homecontainer
{
	padding-left: 8%;
    text-align: left;
	color: #ffffff;
	padding-top: 150px;
}
.homecontainer p{
	font-size:16px;
}
.homecontainer .hometitle p 
{
	font-size:2.2vw;
	color:#ffffff;
	line-height:1;
	text-align:left;
	margin-bottom:5px;
}

.homecontainer .hometitle span 
{
	font-size:2.2vw;
	color:#000;

}
.programcontainer
{
	padding-left: 8%;
    text-align: left;
    color: #000;
	    margin-top: 30%;
		    margin-bottom: 10%;
}
.programcontainer p{
	font-size:1vw;
}
.programcontainer .hometitle p
{
	font-size:4.1vw;
	color:#000;
	line-height:1;
	text-align:left;
	margin-bottom:15px;
	font-family: 'open_sansbold';
}
.menuicon
	{
		display:none;
			position:fixed;    top: 114px;
    width: 111px;
    text-align: center;
	z-index: 999;
	background: #ffffff;
	}
	
	.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #8b8b8b;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}
.socialmenu
{
	position:fixed;width:75px;bottom:10%;right:0px;
}
.fa-facebook, .fa-twitter, .fa-youtube-play, .fa-instagram{
	font-size: 25px;
}
.socialmenu a
{
	color:#c3cede;
	margin-top:30px;	
}
.socialmenu .fb:hover
{
	color:#3B5998;
}
.socialmenu .tw:hover
{
	color:#0084b4;
}
.socialmenu .yo:hover
{
	color:#FF0000;
}
.socialmenu .in:hover
{
	color:#e95950;
}
.programcontent p{
	padding:10px;
}
.popover-body
{
	background:none;
	background-image:url('../images/blackbg.png');
	
	
}
.programbg
{
	background-image:url('../images/programbg.png');
	    background-size: 70%;
    background-position: top center;
    background-repeat: no-repeat;
	content: "";
  display: block;
  padding-bottom: 45%;
      position: relative;
}
.programbg a{
	color:#848181;
}
.programsbox
{
	position:absolute;
	width:30%;
    left: 50%;
	transform: translate(-50%, 0%); 
	font-size: 4vw;
    line-height: 1;
	padding-top: 15px;
	font-family: 'open_sansbold';
}
.smallcancerbox
{
	position:absolute;
	width:20%;
	    top: 10%;
    left: 15%;
	transform: translate(-50%, 0%); 
	text-align:center;	
}
.smallmaintenancebox
{
	position:absolute;
	width:20%;
	    top: 10%;
    left: 85%;
	transform: translate(-50%, 0%); 
	text-align:center;	
}
.form-error
{
	color:#ff0000;
}
.smallwellnessbox
{
	position:absolute;
	width:20%;
	top: 81%;
    left: 35%;
	transform: translate(-50%, -50%); 
	text-align:center;	
}
.smallvipbox
{
	position:absolute;
	width:20%;
	top: 81%;
    left: 63%;
	transform: translate(-50%, -50%); 
	text-align:center;
		
}
.popover-body ul { list-style: none;margin-bottom: 0px; }
.popover-body li+li { border-top: 1px solid #ffffff;line-height:2; }
.popover-body a{
	color:#ffffff;
}
.popover-body a:hover{
	text-decoration:none;
}
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after
{
	border-right-color: #404040;
}
.about
{
	font-size:20px;
	margin:5% 0 0 5%;
}
.aboutbox
{
	background-image:url(../images/aboutprofile.jpg);
        background-position: right;
    background-repeat: no-repeat;
    background-size: 50%;
	
}
.aboutslogan
{
	font-size:5vw;
	margin-top:20%;
	margin-left:5%;
	line-height:1.2;
	font-family: 'open_sansbold';
	color:#959494;
	text-transform:uppercase;
}
.morebtn
{
	position: absolute;
    bottom: 5%;
    right: 5%;
}
.pagetitle
{
	margin-top:150px;
	font-family: 'open_sansbold';
}
.boxtitle
{
	font-family: 'open_sansbold';
	text-transform:uppercase;
}
.contenttopmargin
{
	margin-top:150px;
}
.pagesubtitle
{
	font-weight:normal;
}
.pagedesc
{
	font-size:20px;
}
.programtable
{
	font-size:14px;
}
.btncontainer button
{
	border-radius:0px;
}
.customlist
{
	list-style-position: inside;
}
.programtable>.row>div {border-right: solid 1px #ffffff;}
.programtable>.row:nth-child(odd) {background: #e3dfde;}
.programtable>.row:nth-child(even) {background: #eeeae9;}









@media(max-width: 992px)
{
	body{
		height: 100%;
		overflow-x: hidden;
	}
	.header{
		position: fixed !important;
		top: 0px;
		z-index: 9 !important;
	}
	.logoclass{
		margin-left: 120px !important;
	}
	.logoimg{
		width: 230px !important;
	}
	.displaymob{
		display: block;
	}
	.displaywin{
		display: none;
	}
	.box1{
	width:0px;	
	}
	.box2,.bannerprogram {
		background-size:cover;
	}
	.box2 .container  {
		height:auto !important;
		margin-top: 70%;
	}
	.box3{
		width:50px;
	}
	.box3 .socialmenu
	{
		width:50px;
	}
	.menuicon
	{
		display:block;
		position:fixed;    
		top: 22px;
    	width: 111px;
    	text-align: center;
	}
	.programcontainer
	{
		margin-top: 80%;
		width:100%;
	}
	.programcontainer .hometitle p
	{
		font-size: 7.1vw;
	}
	.programcontainer p
	{
		    font-size: 4vw;
	}
	.programbg
	{
		background:none;
		padding-bottom: 0px;
	}
	.programsbox, .smallcancerbox,.smallwellnessbox,.smallvipbox,.smallmaintenancebox
	{
		position: relative;
    width: 100%;
	left: 0%; 
    transform: translate(0%, 0%);
	}
	.programsbox
	{
		text-align:center !important;
		font-size: 10vw;
	}
	.smallcancerbox img, .smallwellnessbox img, .smallvipbox img, .smallmaintenancebox img
	{
		width:30%;
	}
	.abouttitleheading
	{
		font-size: 7vw;
	}
	.aboutsubtitle
	{
		font-size: 4.5vw;
	}
	/* .logoclass
	{
	 height: 99px;
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    top: 0px;
	z-index: 9;
	} */
	/* .logoclass img
	{
		top:0px;
		right:0px;
		left: 100px;
		left: 50%;
    transform: translate(-50%);
	} */
	.boxes
	{
		margin-top: 70px;
	}
	.luke-navbar{
		height: 632px !important;
		/* overflow: auto; */
	}
	.navbar
	{
		overflow: hidden;
		margin-top:0px !important;
		padding: 0px;
		background-color:#FFFFFF;
	}
	.mediaheader
	{
		font-size: 6vw;
		   
	}
	.pagetitle
	{
		 margin-top: 35px;
	}
	.abouttitleheading
	{
		margin-top: 30px;
	}
	.menuhide
	{
		
		left:-111px;
	}
	#mySidenav
	{
		left:-111px;
		z-index:9;
	}
	.morebtn
	{
		position: relative;
		bottom: 0px;
		right: 0px;
		/* left: 10%; */
		margin: 5%;
	}
	.insidebox .title{
		padding-top: 60px;
	}
}
@media(max-width: 768px)
{
	.header{
		position: fixed !important;
		top: 0px !important;
		z-index: 9 !important;
	}
	.logoclass{
		margin-left: 120px !important;
	}
	.logoimg{
		width: 230px !important;
	}

	.square
	{
		width:100%;
	}
	.homecontainer
	{
		align-self: flex-end !important;
		/*background-color: rgb(255,255,255,.5);
		color: #000;
		    padding: 20px;*/
	}
	/*.homecontainer .hometitle p
	{
		color: #000;
	}*/
	
	.homecontainer p {
		font-size: 18px;
		margin-bottom: 0.5rem;
	}
}
@media (max-width: 768px) and (orientation:landscape) {
  /* Styles for Landscape screen */
  .homecontainer
	{
		width: auto;
	}
}

@media(max-width: 768px)
{
	.square
	{
		width:100%;
	}
	.homecontainer
	{
		align-self: flex-end !important;
		background-color: rgb(255,255,255,.5);
		color: #000;
		    padding: 20px;/**/
			margin-top:214px;
			
	}
	.homecontainer .hometitle p
	{
		color: #000;
		font-size: 5.5vw;
	}/**/
	.box2, .bannerprogram
	{
		    background-size: 100%;
	}
	
	
	.luke-navbar{
		height: 520px !important;
		overflow: auto;
	}
	
	.box2 {
    background: #ffffff;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
    background-image: url(../images/banner1.jpg);
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
}
}
@media(max-width: 320px){
	/* .logoclass
	{
		height:	70px;
    	background-color: #ffffff;
    	position: fixed;
    	width: 100%;
    	top: 0px;
	    z-index: 9;
	}
	.logoclass img
	{
		top:0px;
		right:0px;
		left: 120px;
		height: 65px;
	} */
	.header{
		position: fixed !important;
		top: 0px;
		z-index: 9 !important;
		height: 70px !important;
	}
	.logoclass{
		margin-top: -10px;
		margin-left: 100px;
	}
	.logoimg{
		width: 195px !important;
		height: 80px !important;
	}
	.menuicon
	{
		display:block;
		position:fixed;    
		top: 5px;
		width: 90px;
		height: 50px;
    	text-align: center;
	}
	.luke-navbar{
		width: 110px;
		overflow-y: scroll !important;	
	}
	.navbar
	{
		margin-top: -65px !important;
		padding: 0px;
		background-color:#FFFFFF;
	}
	.navbar a{
		font-size: 12px;
	}

	.homeicon{
		background-image:url(../images/home.png);
		background-position: 50% 10%;
		background-size: 20% !important;
		padding-top: 30px !important;
		background-repeat:no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
		  transition: all 0.3s ease-in-out;
		}
		.homeicon.active, .homeicon:hover{
		background-image:url(../images/home1.png);
		background-size: 20% !important;
	}
	.abouticon{
		background-image:url(../images/about.png);
		background-position: 50% 10%;
		background-size: 20% !important;
		padding-top: 30px !important;
		background-repeat:no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
		background-repeat:no-repeat;
	}
	.abouticon.active, .abouticon:hover
	{
		background-image:url(../images/about1.png);
		background-size: 20% !important;
	}
	.programsicon
	{
		background-image:url(../images/programs.png);
		background-position: 50% 10%;
		background-size: 20% !important;
		padding-top: 30px !important;
		background-repeat:no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
		background-repeat:no-repeat;
	}
	.programsicon.active, .programsicon:hover
	{
		background-image:url(../images/programs1.png);
		background-size: 20% !important;
	}
	.mediaicon
	{
		background-image:url(../images/media.png);
		background-position: 50% 10%;
		background-size: 20% !important;
		padding-top: 30px !important;
		background-repeat:no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
		background-repeat:no-repeat;
	}
	.mediaicon.active, .mediaicon:hover
	{
		background-image:url(../images/media1.png);
		background-size: 20% !important;
	}
	.insighticon
	{
		background-image:url(../images/insights.png);
		background-position: 50% 10%;
		background-size: 20% !important;
		padding-top: 30px !important;
		background-repeat:no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
		background-repeat:no-repeat;
	}
	.insighticon.active, .insighticon:hover
	{
		background-image:url(../images/insights1.png);
		background-size: 20% !important;
	}
	.testimonialicon
	{
		background-image:url(../images/testimonials.png);
		background-position: 50% 10%;
		background-size: 20% !important;
		padding-top: 30px !important;
		background-repeat:no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
		background-repeat:no-repeat;
	}
	.testimonialicon.active, .testimonialicon:hover
	{
		background-image:url(../images/testimonials1.png);
		background-size: 20% !important;
	}
	.contactusicon
	{
		background-image:url(../images/contactus.png);
		background-position: 50% 10%;
		background-size: 20% !important;
		padding-top: 30px !important;
		background-repeat:no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
		background-repeat:no-repeat;
	}
	.contactusicon.active, .contactusicon:hover
	{
		background-image:url(../images/contactus1.png);
		background-size: 20% !important;
	}
	.shopicon
	{
		background-image:url(../images/shop.png);
		background-position: 50% 10%;
		background-size: 20% !important;
		padding-top: 30px !important;
		background-repeat:no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
		background-repeat:no-repeat;
	}
	.shopicon.active, .shopicon:hover
	{
		background-image:url(../images/shop1.png);
		background-size: 20% !important;
	}
	.playicon{
		background-image:url(../images/play.png);
    	background-position: 50% 10%;
	    background-size: 20% !important;
    	padding-top: 30px !important;
		background-repeat:no-repeat;
		-webkit-transition: all 0.3s ease-in-out;
		background-repeat:no-repeat;
	}
	.playicon.active, .playpicon:hover{
		background-image:url(../images/play1.png);
		background-size: 20% !important;
	}
	.fa-facebook, .fa-twitter, .fa-youtube-play, .fa-instagram{
		font-size: 15px;
	}
	.homecontainer
	{
		align-self: flex-end !important;
		background-color: rgb(255,255,255,.5);
		color: #000;
		padding: 20px;
	}
	.homecontainer p{
		font-size: 15px;
	}
	.homecontainer .hometitle p
	{
		font-size: 15px;
		color: #000;
	}
	.margintoppage{
		font-size: 15px;
	}
	.box2 {
    background: #ffffff;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;

    background-image: url(../images/banner1.jpg);
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
}
.homecontainer {
    margin-top: 178px;
}
}
.mobileShow {
			position:fixed;
			right:0;
			top:30%;
			display: none;}
          
            /* Smartphone Portrait and Landscape */
            @media only screen
              and (min-device-width : 320px)
              and (max-device-width : 480px){ 
                .mobileShow {display: inline;}
            }
            .mobileHide { display: inline; }

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){
     .mobileHide { display: none;}
  }