@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'); 
}
body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	-user-select: none; 
}
.activebutton {  content: "\f004";  font-family: FontAwesome;  font-size: 16px;  color: #ff0000;}
.clear{margin:0px; padding:0px; clear:both;}
.comma{font-size:32px!important; font-family:"Times New Roman", Times, serif; line-height:15px;}
.red{color:#ea561c;}
.txt-justify{text-align:justify;}
.border-top{border-top:1px solid #ccc;}
.border-bottom{border-bottom:1px solid #ccc;}
footer{background-color:#05233a;; color:#FFFFFF!important;}
.fixwhatsapp a{ position:fixed; top:40%; right:0px; width:45px; height:45px; text-align:center; margin:0px; padding:0px; line-height:45px; background-color:#009933; z-index:999999; color:#fff; border-radius:10px 0px 0px 10px;}
.fixwhatsapp a:hover{ color:#FFFF00;}
.fixcall a{ position:fixed; top:50%; right:0px; width:45px; height:45px; text-align:center; margin:0px; padding:0px; line-height:45px; background-color:#fa2b57; z-index:999999; color:#fff; border-radius:10px 0px 0px 10px;}
.fixcall a:hover{ color:#FFFF00;}
/*.fixwhatsapp a:focus{ color:#FFF;}*/
.logoarea{ text-align:center!important; }
.logoarea img{ width:25%;}
.canvera-logo{border-radius:8px; display:block;}
.about_title{font-family: 'KaushanScript-Regular'; font-size:22px; text-transform:capitalize!important;}

.bg-grey{background-color:#eeeeee;}
.allmatter{ text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.allmatter p{ text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.allmatter img{ width:50%; height:auto; margin:10px 15px 15px 0px; border:5px solid #ffffff; float:left; clear:both; box-shadow:0px 0px 5px 5px #ccc; border-radius:0px 15px;}
.allmatter ul{ margin:0px 25px 25px 50px;}
.allmatter li{ font-family:Arial, Helvetica, sans-serif; font-size:16px; list-style:decimal; margin-bottom:8px;}
.footersocial a:hover{ text-align: center;
line-height: 30px;}
.service_image img{
width:100%; 
border:6px solid #ffffff;
box-shadow:0px 0px 5px 5px #ccc;
object-fit:scale-down;
}
.top-bar a{color:#FFFFFF; letter-spacing:1px;}
.top-bar a:visited{color:#FFFFFF; letter-spacing:1px;}
.top-bar a:hover{color:#FFFF00;}
footer a{color:#fff!important; display:block;}
footer a:hover{text-decoration:none;color:#06c!important; display:block;}

.alsoin img{ border:1px solid #DADADA; border-radius:5px; display:block; }



/***************************************   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:24.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  **************************************/

.block2-title p{line-height:10px!important;}
.servics_indx h2{ width:100%; background-color: #ea561c; text-align:center; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 24px;margin:0px!important; padding:10px 0px; color:#fff;text-decoration:none!important; }
.servics_indx h2 a:hover{text-decoration:none!important;}
.servics_indx img{ width:100%; }
.servics_indx img:hover{ opacity:0.9; }





.fix_banner_text{margin-top:230px; color:#FFFFFF;}



@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) {

}