@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,500,600,300,200,100,800,900);
/**********************************************************************************/

/*********************************************************************/
h1, h2, h3, h4, h5, h6 {
	text-transform: none !important;
}
video {
	 max-width: 100%;
  height: auto;
}
#wapp {
	position: absolute;
	left: 10px;
	bottom: 5vw;
	z-index: 100000;
}
#ccontainer {
  display: flex;
  overflow-x: hidden;
  position: relative;
 /* max-width: 50rem;*/
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
}
#ccontainer img {
 
  margin-bottom: 20px;
  margin-top: 20px;
  
}
#ccontainer p { 
  color: white;  
  padding: 10px;
  margin: 10px;
  font-size: 19px !important;
  line-height: 28px;
  
}

.services ul {
	padding: 10px;
	margin: 10px;
}
.menu-toggle span {
	background: transparent;
}
.services li {
	font-family:Raleway,Arial,Helvetica,sans-serif;
	font-weight:700;
	font-size: 18px;
	line-height: 32px;
	list-style-type:square;
}
.scrollcaption{
	width: 27%;
	position: absolute;
	bottom: 2vw;
	/*background:#FFF;*/
	color: #FFF;
	padding: 15px;
	margin-left:6%;
	font-size: 27px;
	font-weight: 600;
	line-height:48px;
	text-align:left;
	/*border-radius: 30px;*
	border-bottom: 5px solid #0caea4;*/
	z-index:9999;
	
	
}
.roundcaption{
	position: absolute;
	bottom: 4vw;
	right: 3%;	
	z-index:9999;	
}
.teqborder {
	display:block;
	padding-bottom: 0px;
	border-bottom: 3px solid #0caea4;
	
}
.roundtext{
	display:block;
	background:#0caea4;
	color: #FFF;

	border-radius: 50%;
	
	padding-top: 40px;
	font-size: 13px;
	text-align:center;
	width: 120px;
    height: 120px;
	
}
.roundtext:hover{
		background:#FFF;
		color: #000;
}
.ith{
	
	font-size: 15px;
	font-weight: 700;
	text-align:center;
	
	
}
.qrc {
	text-align: left !important;
}
#hashtag{
	position: absolute;
	bottom: 2vw;
	right: 5%;	
	z-index:9999;
color: #FFF;
cursor:pointer;
font-size: 17px;
font-weight: 700;
}
.shrink {
padding: 70px;	
line-height: 24px;
}
.sustain {
padding: 240px 70px 180px 70px;	
line-height: 24px;
}
.cls {
	color: #000;
	background-color: #DDD;
	padding: 20px;
	border-radius: 50%;
	cursor:pointer;
}
.circle {
	display:inline-block;
	text-align:center;
	width:42vw;
    height:42vw;
	margin-top: 35px;
	padding: 70px;	
	line-height: 24px;
	border-radius:50%;
	font-size:32px;
	position:relative;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	text-decoration:none;
	outline:0
	
}
.seven {
	display:inline-block;
	text-align:center;
	/*width:42vw;
    height:42vw;*/
	width:100%;
    height:100%;
	margin-top: 35px;
	padding: 70px;	
	line-height: 24px;
	
	font-size:32px;
	position:relative;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	text-decoration:none;
	outline:0
	
}
.seven img {
	width: 100% !important;
}
.contactimg {
	display:inline-block;
	text-align:center;
	width:30vw;
    height:30vw;
	line-height: 24px;
	font-size:32px;
	position:relative;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	text-decoration:none;
	outline:0
	
}
.vision-mission {
	/*padding-top: 35px;
	padding-bottom: 35px;*/
	
}
.vision-mission1 {
	 background-image: url("../images/mapbg.jpg");
 background-repeat: no-repeat;
background-size:cover;
	
}
.ssocial {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #0caea4 !important;
}
.darkbg {
	 background-color: #000;
 opacity: 0.9;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;	
  display: block;
  
}
.vm {
	padding-top: 20vw;
	padding-left: 2vw;

}
.leftcrnr {
	/*border-top: solid 15px #0caea4;
	border-left: solid 15px #0caea4;*/
	position: relative;
	
	padding: 40px;
}
.leftcrnr:before {
 content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40%;
   height: 40%;
  border-top: 10px solid #0caea4;
  border-left: 10px solid #0caea4;
}
.rightcrnr {
	/*border-top: solid 15px #0caea4;
	border-left: solid 15px #0caea4;*/
	position: relative;
	
	padding: 40px;
}
.rightcrnr:srv {
 content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40%;
   height: 40%;
  border-top: 10px solid #0caea4;
  border-right: 10px solid #0caea4;
}
.rightcrnr:after {
 content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 40%;
   height: 40%;
  border-top: 10px solid #0caea4;
  border-right: 10px solid #0caea4;
}
.leftcrnr p {
	font-size: 13px !important; 
}
.rightcrnr p {
	font-size: 13px !important; 
}
.diagcrnr {
	padding: 40px;
	margin-top: 50px;
}
.diagcrnr:before
 {
 content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 25%;
   height: 25%;
  border-top: 20px solid #0caea4;
  border-left: 20px solid #0caea4;
 
}
.diagcrnr:after
 {
 content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 25%;
   height: 25%;
  border-top: 20px solid #0caea4;
  border-right: 20px solid #0caea4;
 
}
input, select {
	outline: solid 1px;
    -webkit-transition: outline-color .2s;
    -moz-transition: outline-color .2s;
    -ms-transition: outline-color .2s;
    -o-transition: outline-color .2s;
    transition: outline-color .2s;
	width:100%;
	padding:10px;
	font-weight:700;
	border:1px solid;
	background-color: transparent;
    border-color: rgba(255,255,255,.6);
    outline-color: rgba(239,239,239,0);
	color: #9fa0a1 !important;
}
.optn {
	width:100%;
	padding:10px;
	font-weight:700;
	border:1px solid;
	background-color: transparent;
	background-color: #222 !important;
	color: #9fa0a1 !important;
    border-color: rgba(255,255,255,.6);
    outline-color: rgba(239,239,239,0);
}
h2 {
	font-size: 45px;
	font-weight: 600;
	/*letter-spacing: 0.15em;*/
}
h4 {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.15em;
	margin: 30px;
}
hr {
content: "";
height: 20px;
border-bottom: 1px #dfdfdf solid;	
	
}
.col-content p{
	color: #dfdfdf;
	text-align: center;
	letter-spacing: 0.05em;
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 30px;
}

.beyond {
padding:15px;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 120px;
color: #FFF;
background-color: rgb(16 57 56 / 80%);/*rgb(12 89 85 / 45%);*/
border: 1px rgb(64 224 208 / 50%) solid;	

/*background-color: rgb(0 21 20 / 45%);
border: 1px rgb(64 224 208 / 50%) solid;*/	
}
.beyond p {
	/*font-weight: 500;*/
	font-size: 20px !important;
	color:#dfdfdf !important;
	line-height: 32px;
}
 .footernav {
	 text-align:center !important;
	 font-size: 16px;
 }
.file-protocol-alert {
	display: none !important;
}
.content {
	/*padding-bottom: 30px !important;*/
}
.srvs {
	background-color: RED;
	position: relative;
}
.srvlabel {
	position: absolute;
	bottom:0px;
	color: #FFF;
	font-size: 28px;
	line-height: 36px;
	padding: 5px;
	background-color: rgb(5 87 82 / 90%);
	width: 100%;
	height: 15%;
}
.srvline {

  position: relative;
  margin: 20px;
}
.srvline:after {
content: '';
  width: 2em;
  height: 2px;
  background: #0caea4;
  position: absolute;
  bottom: -9px;
  left:1px;
}
.signup {
	padding: 15px;
	margin: 20px;
	text-align:center;
	color: #fff !important;
	background-color: #0caea4;
	border: 1px solid #0caea4;
}
.big-font {
	
}
#home {
	margin-top: -5px;
	
}
#top-nav.colors-e {
	background-color: rgb(43 45 47 / 70%);
}
#top-nav.colors-e .navbar-toggle {
	padding: 25px;
}
#work {
 background-image: url("../images/bg/visionbg.jpg");
 background-repeat: no-repeat;
background-size:cover;
/*padding-top: 135px;*/
padding-bottom: 270px;
 }
 .bar1, .bar2, .bar3 {
  width: 25px;
  height: 3px;
  background-color: #DDD;
  margin: 3px 0;
  transition: 0.4s;
}
.adjust {
	min-height:556px;
}
 p {
	 font-size: 16px !important;
 }
 .colors-hr 
 {
	 color:#efefef;
	 background-color:rgba(43,45,47,.10)
 }
 .colors-hr a, a.colors-hr {
    color: #afafaf;
}
.colors-hr .text-background, .colors-hr.text-background {
    color: #0f0e0e!important;
}
@media (max-width:480px){
	#home {
	height: 289px;	
		
	}
	.qrc {
	text-align: right !important;
}
	.circle {
	display:inline-block;
	text-align:center;
	width:100%;
    height:100%;
	margin-top: 15px;
	padding: 20px;	
	line-height: 24px;
	border-radius:50%;
	font-size:32px;
	position:relative;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	text-decoration:none;
	outline:0
	
}
.sustain {
padding: 80px 20px 20px 20px;	
line-height: 24px;
}
#ccontainer {
  display: block;
 /* overflow-x: scroll;*/
  position: relative;
 /* max-width: 50rem;*/
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
}
#ccontainer img {
 
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
}
#ccontainer p { 
  color: white;  
  padding: 10px;
  margin: 10px;
  font-size: 15px !important;
  line-height: 22px;
  
}
.seven {
	display:inline-block;
	text-align:center;
	width:100%;
    height:100%;
	margin-top: 15px;
	padding: 10px;	
	line-height: 24px;
	
	font-size:32px;
	position:relative;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	text-decoration:none;
	outline:0
	
}

.srvlabel {
	position: absolute;
	bottom:0px;
	color: #FFF;
	font-size: 12px;
	line-height: 25px;
	padding: 3px;
	background-color: rgb(5 87 82 / 90%);
	width: 100%;
	height: 15%;
}
 .visible-xs-block {
	 display:none !important;
 }
 .scrollcaption {
	 width: 39%;
	 bottom: 2vw;
	 padding: 10px;
	margin-left:3%;
	font-size:9px;
	text-align:left;
	border-radius: 20px;
	line-height: 18px;
 }
 .footernav {
	 text-align:center !important;
	 font-size: 11px;
 }
 .roundcaption {
	 bottom: 7vw;/*330px;*/
	 right:0.3%;
 }
 .roundtext{
	display:block;
	background:#0caea4;
	color: #FFF !important;
	border-radius: 50%;
	color: #000;
	padding-top: 15px;
	font-size: 6px;
	line-height: 12px;
	text-align:center;
	width: 50px;
    height: 50px;
	margin-bottom: 10px;
	
}
.contactimg {
	display:inline-block;
	text-align:center;
	width:100%;
    height:100%;
	line-height: 24px;
	font-size:32px;
	position:relative;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	text-decoration:none;
	outline:0
	
}
#hashtag{
	position: absolute;
	bottom: 3.0vw;
	right: 5%;	
	z-index:9999;
color: #FFF;
cursor:pointer;
font-size: 9px !important;
	
}
.ith{
	
	font-size: 9px;
	font-weight: 700;
	text-align:center;
	
	
}
.shrink {
padding: 10px;	
line-height: 24px;
}
.adjust {
	min-height:220px !important;
}
.cls {
	color: #000;
	bottom: -40px;
	right: 20px;
	position: absolute;
	background-color: #DDD;
	padding: 20px;
	border-radius: 50%;
	cursor:pointer;
}
 #video2 {
	 width: 100%;
  margin-top: 122px;
 }
 .ext-nav-show p {
	font-size: 9px !important;
	line-height: 18px;
 }
 }
 
 
@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
	#home {
	height: 240px;	
		
	}
	#home {
	margin-top: 90px;
	
}
.qrc {
	text-align: right !important;
}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1200px) { 
	#home {
	height: 360px;	
		
	}
	#home {
	margin-top: 88px;
	
}
	.roundcaption {
	 bottom: 7vw;/*330px;*/
 }
 .qrc {
	text-align: left !important;
}
}
@media screen and (min-device-width: 1201px){ 
	#home {
	height: 540px;	
		
	}
	#home {
	margin-top:117px;
	
}
	.roundcaption {
	 bottom: 4vw;/*330px;*/
 }
 .qrc {
	text-align: left !important;
}
}