@charset "utf-8";
/* CSS Document */


@font-face {
  font-family: 'Great Vibes';
  src: url('../fonts/GreatVibes-Regular.ttf'); 
}
@font-face {
  font-family: 'Caveat-Regular';
  src: url('../fonts/Caveat-Regular.ttf'); 
}
@font-face {
  font-family: 'Sriracha-Regular';
  src: url('../fonts/Sriracha-Regular.ttf'); 
}
@font-face {
  font-family: 'KaushanScript-Regular';
  src: url('../fonts/KaushanScript-Regular.ttf'); 
}


/***************************************   Gallery image Code Start Here   *******************************************/
.small {  font-size: 11px;  color: #999;  display: block;  margin-top: -10px}
.cont {  text-align: center;}
.lg-download{display:none;}
.page-head {  padding: 60px 0;  text-align: center;}
.page-head .lead {  font-size: 18px;  font-weight: 400;  line-height: 1.4;  margin-bottom: 50px;  margin-top: 0;}
.btn {  -moz-user-select: none;  background-image: none;  border: 1px solid transparent;  border-radius: 2px;  cursor: pointer;  display: inline-block;  font-size: 14px;  font-weight: normal;  line-height: 1.42857;  margin-bottom: 0;  padding: 6px 12px;  text-align: center;  vertical-align: middle;  white-space: nowrap;  text-decoration: none;}
.btn-lg {  border-radius: 2px;  font-size: 18px;  line-height: 1.33333;  padding: 10px 16px;}
.btn-primary:hover {  background-color: #fff;  color: #152836;}
.btn-primary {  background-color: #152836;  border-color: #0e1a24;  color: #ffffff;}
.btn-primary {  border-color: #eeeeee;  color: #eeeeee;  transition: color 0.1s ease 0s, background-color 0.15s ease 0s;}
.page-head h1 {  font-size: 42px;  margin: 0 0 20px;  color: #FFF;  position: relative;  display: inline-block;}
.page-head h1 .version {  bottom: 0;  color: #ddd;  font-size: 11px;  font-style: italic;  position: absolute;  width: 58px;  right: -58px;}
.demo-gallery > ul {  margin-bottom: 0; }
.demo-gallery > ul > li {  margin-bottom: 15px; display: inline-block;  list-style: outside none none; width:32.5%;}
.demo-gallery > ul > li a {  border: 3px solid #FFF;  border-radius: 3px;  display: block;  overflow: hidden;  position: relative;  float: left;}
.demo-gallery > ul > li a > img {  -webkit-transition: -webkit-transform 0.15s ease 0s;  -moz-transition: -moz-transform 0.15s ease 0s;  -o-transition: -o-transform 0.15s ease 0s;  transition: transform 0.15s ease 0s;  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  height: 100%;  width: 100%;}
.demo-gallery > ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1);}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {  opacity: 1;}
.demo-gallery > ul > li a .demo-gallery-poster {  background-color: rgba(0, 0, 0, 0.1);  bottom: 0;  left: 0;  position: absolute;  right: 0;  top: 0;  -webkit-transition: background-color 0.15s ease 0s;  -o-transition: background-color 0.15s ease 0s;  transition: background-color 0.15s ease 0s;}
.demo-gallery > ul > li a .demo-gallery-poster > img {  left: 50%;  margin-left: -10px;  margin-top: -10px;  opacity: 0;  position: absolute;  top: 50%;  -webkit-transition: opacity 0.3s ease 0s;  -o-transition: opacity 0.3s ease 0s;  transition: opacity 0.3s ease 0s;}
.demo-gallery > ul > li a:hover .demo-gallery-poster {  background-color: rgba(0, 0, 0, 0.5);}
.demo-gallery .justified-gallery > a > img {  -webkit-transition: -webkit-transform 0.15s ease 0s;  -moz-transition: -moz-transform 0.15s ease 0s;  -o-transition: -o-transform 0.15s ease 0s;  transition: transform 0.15s ease 0s;  -webkit-transform: scale3d(1, 1, 1);  transform: scale3d(1, 1, 1);  height: 100%;  width: 100%;}
.demo-gallery .justified-gallery > a:hover > img {  -webkit-transform: scale3d(1.1, 1.1, 1.1);  transform: scale3d(1.1, 1.1, 1.1);}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {  opacity: 1;}
.demo-gallery .justified-gallery > a .demo-gallery-poster {  background-color: rgba(0, 0, 0, 0.1);  bottom: 0;  left: 0;  position: absolute;  right: 0;  top: 0;  -webkit-transition: background-color 0.15s ease 0s;  -o-transition: background-color 0.15s ease 0s;  transition: background-color 0.15s ease 0s;}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {  left: 50%;  margin-left: -10px;  margin-top: -10px;  opacity: 0;  position: absolute;  top: 50%;  -webkit-transition: opacity 0.3s ease 0s;  -o-transition: opacity 0.3s ease 0s;  transition: opacity 0.3s ease 0s;}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {  background-color: rgba(0, 0, 0, 0.5);}
.demo-gallery .video .demo-gallery-poster img {  height: 48px;  margin-left: -24px;  margin-top: -24px;  opacity: 0.8;  width: 48px;}
.demo-gallery.dark > ul > li a {  border: 3px solid #04070a;}
/********************************************  Gallery image Code End Here  **************************************/


@media only screen and (min-width : 320px) and (max-width : 480px) {
.demo-gallery > ul > li { width:100%!important; display:block;}
.p-t-60{ padding-top:20px;}
.p-t-50{ padding-top:20px;}
.t1-b-1{font-size:30px;}
.alsoin img{ width:100%; margin-bottom:15px;}
/*About us page*/
.size-h-3 { min-height: 200px;}
.p-t-92{padding-top:20px;}
.allmatter img{width:100%;}
.allmatter h2{font-size:24px; margin-bottom:30px; font-weight:bold;}
.p-t-90{padding-top:20px;}
.p-b-120{padding-bottom:50px;}
.demo-gallery > ul > li { width: 50% !important;float:left;display: block;}

.fix_banner_text{margin-top:90px; color:#FFFFFF;font-size: 23px;}
}

@media only screen and (min-width : 480px) and (max-width : 640px) {
.demo-gallery > ul > li { width:50%;}
.demo-gallery > ul > li { width:100%!important; display:block;}
.p-t-60{ padding-top:20px;}
.p-t-50{ padding-top:20px;}
.t1-b-1{font-size:30px;}
.alsoin img{ width:100%; margin-bottom:15px;}
/*About us page*/
.size-h-3 { min-height: 200px;}

.fix_banner_text{margin-top:170px; color:#FFFFFF;font-size: 23px;}
}

@media only screen and (min-width : 640px) and (max-width : 769px) {

}

@media only screen and (min-width : 769px) and (max-width : 1025px) {

}

@media only screen and (min-width : 1025px) and (max-width : 1280px) {

}

@media only screen and (min-width : 1280px) and (max-width : 1367px) {

}