@import url(https://fonts.googleapis.com/css?family=Questrial|Montserrat);

@font-face {
  font-family: 'Questrial', sans-serif;
  src: url('./fonts/Questrial-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url('./fonts/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Hind', sans-serif;
  src: url('./fonts/Hind-Bold.ttf') format('truetype');
}

.landing-page h1, .landing-page  h2, .landing-page h3, .landing-page h4, .landing-page h5 { color: #f7f6f6; margin-top: 0; }
.landing-page img { max-width: 83%; }


/*--Backgrounds--*/
.solid-pld-black-background { background-color: #000000; color: #ffffff; }
.solid-pld-gray-background { background-color: #dedbdb; color: #737373; }
.solid-pld-white-background { background-color: #ffffff; color: #000000; }

/*--Spaces--*/
.spacer-small { margin-top: 20px; }
.spacer-medium { margin-top: 40px; }

/*--Image formating--*/
.img-center {margin:0 auto;}
.img-responsive {margin: 0 auto auto;}
.center-block {display: block;margin-left: auto;margin-right: auto;}
.no-padding { padding: 0 !important; margin: 0 !important; }
.row-text-image{display: -webkit-box;padding-left:-15px;}
.cursor-pointer{cursor: pointer;}


/*--Text color and alignment--*/
.text-align-right {text-align: right;}
.text-align-left {text-align: left;}
.text-align-center {text-align: center;}
.text-align-justify {text-align: justify;}
.text-bold { font-weight: bold; }
.text-italic { font-style:italic; }

.menuoption {
  font-size: 20px;
  font-family: 'Montserrat' , sans-serif;
  font-weight: bold;
  padding-top: 0px;
  margin: -2px;
  color: #222222;
  opacity: 0;
}

.inactive_menuoption {
  font-size: 20px;
  font-family: 'Montserrat' , sans-serif;
  font-weight: bold;
  padding-top: 0px;
  margin: -2px;
  color: #EE99EE;
}

.pointer { cursor:pointer;}




/* general styles */
html, body {
  height: 100%;
  width: 100%;
  color: #555555;
}

.sectionheading {
  font-size: 20px;
  font-family: 'Montserrat' , sans-serif;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 20px;
  margin: 0px;
  color: #AAAAAA;
  text-align: left;
}

/* padded section */
.pad-section {
  padding: 50px 0; 
}


.parent {
  position: relative;
  width: 100% !important;
  height: 100% !important;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  cursor: pointer;
}

.canvas_fs {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
}

.linkicons {
  margin-top: 4px;
}

@media(max-width:767px) {
 
}
    
@media(min-width:768px) {
  
}
    
@media(min-width:992px) {

}
  
@media(min-width:1200px) {

}