@import url('https://fonts.googleapis.com/css2?family=sofia:display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

@font-face {
  font-family: bebas-neue-pro;
  src: url("fonts/Bebas Neue Pro Regular.otf") format("opentype");
}
@font-face {
  font-family: novecento-sans-wide;
  src: url("fonts/Novecento WideLight.otf") format("opentype");
}

@font-face {
  font-family: novecento-sans-widebold;
  src: url("fonts/Novecento WideBold.otf") format("opentype");
}
 
@font-face {
  font-family: sofia;
  src: url("fonts/sofiapro-light.otf") format("opentype");
}


body{font-size:17px; color:#444444;font-family: 'sofia', sans-serif; border-top:solid 1px transparent;}
button, input, optgroup, select, textarea, p{font-family: 'sofia', sans-serif;}


.my-menu{width:100%; background:#fff; border-bottom:solid 5px #00bde3; height:102px; float:left; height:75px; margin:0; padding:0 5%;}
.my-menu img{height:70px;}
.my-menu-internal{background:#0095c2; height:43px; z-index:2000; padding:10px;}
.navbar-expand-sm .navbar-collapse{background:#0095c2; padding:0px;}
.navbar-dark .navbar-toggler{border:0;}
.heading{font-size:30px;  font-family: 'novecento-sans-wide'; color:#101010;  margin-top:40px; 
font-family: novecento-sans-wide;
    font-weight: 200;
    font-style: normal;
    font-size: 39px;
    letter-spacing: .01em;
    line-height: 1em;
    text-transform: uppercase;
}
.heading strong{font-family:novecento-sans-widebold;}
.sub-heading{font-size:24px;  font-family: 'bebas-neue-pro'; color:#0295c0; margin:20px 0; font-weight:bold;}
.sub-heading1{font-size:22px;  font-family: 'bebas-neue-pro'; color:#101010; margin:0; font-weight:bold;}
.sub-heading2{font-size:22px; font-family: 'sofia', sans-serif; color:#101010; margin:20px 0; border-bottom:solid 1px #0295c0;}
strong{font-weight:bold!important;}
.page2 .heading{font-family: 'novecento-sans-wide'; font-size:22px; font-weight:300;}
.page2 .heading strong{font-family: 'novecento-sans-widebold'; font-size:22px; font-weight:700;}
.page2 ul.service-listing li h2{font-family: 'novecento-sans-wide'; font-size:20px; font-weight:700;}
.btn-container{width:90%; margin:0 auto 10px;}
.btn-container button{width:100%; margin:0 0 15px 0; line-height:35px; padding:10px; font-size:19px; text-transform: capitalize;}
.logo2{width:75px; height:auto; margin-top:40px;}
ul.service-listing{width:100%; float:left; margin:30px 0;  display: flex;}
ul.service-listing li{ flex: 1; position:relative; width:46%; float:left; margin:0 2%; border:solid 2px #b8b8b8; border-radius:10px; padding:20px 0px 60px; list-style-type:none; transition: 0.5s;
 background:#fff;}
ul.service-listing li h2{font-size:28px; padding:0 20px; color:#b8b8b8; font-weight:700; font-family: 'bebas-neue-pro'; text-align:center; margin-bottom:20px;}
ul.service-listing li p{font-size:14px; padding:0 10px; color:#101010; text-align:center; margin-bottom:15px;}
ul.service-listing li .bottom{ position:absolute; bottom:0; width: calc(100% + 2px); height:50px; padding:10px;  margin:60px -1px -1px -1px; background:#dbdbdb; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding-left:25px;}

ul.service-listing li.selected {border-color:#8dcfe3;}
ul.service-listing li.selected h2{color:#0295c0;}
ul.service-listing li.selected .bottom{background:#8dcfe3;}
.custom-control-label{line-height:25px;}
.custom-radio .custom-control-label::before, .custom-control-label::after{width:25px; height:25px;}
.custom-control-label{font-family:FontAwesome;}
.custom-control-input:checked~.custom-control-label::before{ border-color: #0295c0;  background-color: #0295c0;}
.custom-radio .custom-control-input:checked~.custom-control-label::after{background:none; content: "\f00c"; color:#fff;}
.navbar-brand{padding-top:0;}
/*ul.service-listing li:hover{border-color:#181818;}*/
ul.service-listing li:hover h2{color:#0295c0;}
/*ul.service-listing li:hover .bottom{background:#181818;}*/
ul.service-listing li:hover .custom-control-label::before{border-color: #0295c0; background-color: #0295c0;}	
.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,1); font-family: bebas-neue-pro;
    font-weight: 600;
    font-style: normal;
    font-size: 17px;
    letter-spacing: .1em;
    text-transform: uppercase;}
.navbar-expand-sm .navbar-collapse, .navbar{justify-content:flex-end;}
.banner{width:100%; height:auto;}
.banner img{width:100%; }
.full-width{width:100%; max-width:100%; padding:0; margin:0;}
.container{width:100%; max-width:100%;} 
form{ width:100%;}
.our-services{margin-bottom:60px;}
.service-box{display: flex; border:solid 1px #0295c0; border-radius:10px; overflow:hidden; padding:0;
-ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
	margin-right:4.5%;
}
.service-box:last-child{margin-right:0%;}
.service-box .service-container{ flex: 1;}
.service-container{}
.service-container img{width: calc(100% + 2px); margin:-1px;}
.footer{padding: 30px 31px; background-color:#0095c2; margin-top:60px; color:#fff; width:100%; padding:20px 5%;}
.social .fa{color:#0095c2; background:#fff; border-radius:5px; width:30px; height:30px; text-align:center; font-size:20px; line-height:30px; margin-right:5px; margin-bottom:5px;}
.footer{font-size:14px;}
.footer h2{font-family: 'bebas-neue-pro'; width:100%; border-bottom:solid 1px #fff; font-size:28px;}
.footer .logo-section{float:left; width:90px;  margin-right:15px;}
.footer .logo-section img{width:100%; max-width:88px;}
.footer .col-md-4{padding:0 55px;}
.outer-dv{border:solid 1px #ccc; border-radius:10px; padding:0px; overflow:hidden;  display: flex; margin:0;}
.upload-option-container{background:#f8f8f8;}
.upload-option{width:100%; background:#f8f8f8; float:left; padding:30px; max-width:180px; margin:0 auto; flex:1;}
.upload-option li{width:100%; float:left; list-style-type:none; margin-bottom:30px; text-align:center; cursor:pointer;}
.upload-option li:last-child{margin-bottom:0;}
.upload-option li p{border:solid 3px #0295c0; margin-bottom:5px; border-radius:10px; background:#d6eef5; color:#0295c0; font-size:65px; line-height:85px; padding:5px; width:100px; height:100px; text-align:center;}
.upload-option li span{display:block; width:100%; line-height:16px; margin-top:5px; font-size:14px; color:#101010; text-align:center; margin:0 auto;}
.upload-option li:hover p{background:#0295c0; color:#fff; transition: all 0.5s;}
.upload-option li.selected p{background:#0295c0;}
.upload-option li.selected p{color:#fff;}
.upload-option-container{width:200px; float:left; -ms-flex: 0 0 200px;  flex: 0 0 200px;  max-width: 200px;}
.upload-option-container-rght{width: calc(100% - 200px); float:left;}
.blue-border{border:solid 1px #0295c0; border-radius:10px; padding:15px; margin:20px;}
.drag-drop{padding:50px 20px; text-align:center; color:#8c8e8e; font-size:20px; border-right:solid 2px #0295c0;}
.drag-drop i{color:#8c8e8e; font-size:100px;}
.drag-drop button{font-size:24px; padding:5px 20px;}
.or{padding:10px; color:#000; font-size:20px;}
.img-container{width:65px; color:#ddd; font-size:40px; float:left; margin:0; padding:0;}
.img-container i{line-height:40px;}
.close{color:#4f4d4d; font-size:16px; float:right;}
.uploader-rght{float:right; width: calc(100% - 70px);}
.progress{height:5px;}
.progress-bar{background:#47bdff;}
.file-name{margin-bottom:5px; font-size:14px; font-weight:normal;}
.file-name-btm{margin-bottom:5px; font-size:12px; font-weight:normal; color:#4f4d4d;}
.file-name-btm .amt{font-size:12px; float:right;}
.title{margin-top:40px; text-transform:capitalize; margin-bottom:5px;}
.img-count{float:right; color:#0095c2;}
.gray-bx{margin:5px; width:100%; background:#ebebeb; padding:10px; border-radius:7px;}
.padd-rght-10{padding-right:10px;}
.table th{border-top:0;}
.incre-decre{max-width:150px;}
.blue-heading{border-radius:5px; text-align:left; padding:10px; background:#0295c0; color:#fff; font-size:18px; text-transform:capitalize;}
.blue-heading i{float:right;}
.chk-list{width:100%; margin:0; padding:0;}
.chk-list li{list-style-type:none; width:100%; text-align:left; border-bottom:solid 1px #cecccc; padding:5px;}
.chk-list li input[type=checkbox]{float:right;}
.chkout-btn{font-size:23px!important; padding:5px 20px!important; width:100%!important; margin-bottom:10px!important;}
.payment-option{width:335px; margin:20px auto;}
.payment-option li{width:100px; margin:0  20px;  list-style-type:none;  float:left; }
.payment-option li p{border:solid 3px #e3e4e4; border-radius:10px; padding:10px; background:#e3e4e4; color:#999d9d; font-size:45px; line-height:75px; text-align:center; width:100px;  height:100px;}
.payment-option li span{display:block; width:100%; line-height:16px; margin-top:5px; font-size:14px; color:#101010; text-align:center; margin:0 auto;}
.payment-option li:hover p{background:#0295c0; border-color:#0295c0;  cursor:pointer; color:#fff; transition: all 0.5s;}
.payment-option li.selected p{background:#fff; border-color:#0295c0; color:#0295c0; position:relative;}
.payment-option li.selected p i{color:#0295c0;}
.payment-option li p .check{color:#0295c0; position:absolute; right:-15px; top:-15px; font-size:32px; width: 30px;
    background: #fff; border-radius: 60px; display:none;}
.payment-option li.selected p .check{display:block;}
.checkout-form{margin:40px 0 10px;}
.checkout-form .form-group{float:left; width:50%; padding:0 20px;}
.ord-btn{width:180px;}
.blk-btn{width:180px; background:#2c2e2f!important; margin-right:-32px!important; padding-right:60px!important;}

.page2 footer {
    border-top: 1px #2aabd2 solid;
	width: 100%;
    float: left;
    padding: 10px 0px;
	margin-top:40px;
	position:relative;


}
.linkcolor{color:#0095c2 !important;}

/***************Animated buttun start********************/
.ani-button {
  border-radius: 10px;
  background-image: linear-gradient(#33bee6, #0295c0);
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 24px;
  padding: 5px 50px;
  width: auto;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  box-shadow: 3px 3px 5px #aaaaaa;
}
.page2 .ani-button{font-size:24px; font-family: 'sofia';}
.ani-button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.ani-button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.ani-button:hover span {
  padding-right: 25px;
}

.ani-button:hover span:after {
  opacity: 1;
  right: 0;
}
/***************Animated buttun ends********************/

/***************camera background css starts********************/

.camerabg-container{width:100%; max-width:100%; /*background:url(img/video-bg.jpg);*/

    background-repeat: no-repeat;

    background-size: 100%;

    background-position: left top;
	min-height : 75vh;

}



/***************camera background css ends********************/
/***************login css ends********************/

.loginbg-container{width:100%; max-width:100%; /*background:url(img/video-bg.jpg);*/

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: left top;
  min-height:75vh;
}

.login-container{width:50%; max-width:585px; margin:30px auto 0; border-radius:10px; overflow:hidden; border:solid 1px #7fcae2; background:#fff; padding-bottom:30ox;}

.login-container h2{

  background:url(img/login-bg.jpg);

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: -2px -2px;

  width:calc(100% + 4px);

  padding-top:100px;

  padding-bottom:10px;

  text-align:center;

  margin:0 0 20px 0;

  

}

.lgn-form{width:80%; margin:0 auto 30px;}



.field-container{border-radius:10px; border:solid 1px #b3b3b3; background-color:#f6f6f6; padding:6px 10px; width:100%; margin:0 0 20px 0; float:left;}

.field-container i{border-right:solid 1px #b3b3b3; padding-right:10px; margin-right:10px; font-size:30px; width:35px; float:left;}

.field-container .log-txt{background:transparent; border:0; width:calc(100% - 50px); float:left;}

.field-container .log-txt:focus, .field-container .log-txt:hover, .field-container .log-txt:active{outline:0;}

.lgn-links{ float:left; width:100%; margin-top:10px; margin-bottom:10px;}

.lgn-links a{color:#000; text-decoration:underline;}

.lgn-links a:first-child{float:left;}

.lgn-links a:last-child{float:right}

.create-links{text-align:center; color:#0091be; text-decoration:underline;}

.create-links i{margin-left:5px;}



 

/***************login css ends********************/

.fade:not(.show){opacity:1;background: rgb(0, 0, 0, 0.5);}

/*button.close {margin-right: -5px;margin-top: -5px;}*/
button.close{margin-right:-5px;margin-top:-5px;}

 


/***************Media css starts********************/
@media (min-width: 1200px){
	.container{width:100%; max-width:100%;}
}
@media screen and (max-width: 1200px)
{
	.footer .col-md-4{padding:0 15px;}
    .camerabg-container{background-position: left bottom;}
    .video-container .outer-dv{padding:0 0 50px 0;}
 
}


@media screen and (max-width: 999px)
{
	.service-box{display:block; -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; margin:0 auto;}
	.service-container{margin-bottom:30px;}
	.uploading-bx, .drag-drop{-ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; border:0;}
	.checkout-form .form-group{width:100%;}
	.service-box{margin:20px auto;}
	.service-box:last-child{margin:20px auto 0;}
    .camerabg-container{background-position:left bottom;}

}

@media screen and (max-width: 767px)
{
	ul.service-listing{display:block; width:60%; padding:0; float:none; margin:30px auto 0;}
	ul.service-listing li{width:100%; margin:0 0 40px 0;}
	.footer h2{margin-top:20px;}
	.upload-option-container{width: 100%; -ms-flex: 0 0 100%;  flex: 0 0  100%;  max-width:  100%;}
	.upload-option{width:100%; max-width:100%;}
	.upload-option li {width:33%; padding:0 3.3%; margin-bottom:0;}
	.outer-dv{display:block;}
	.upload-option li p{margin:0 auto 5px;}
	.upload-option-container-rght{width:100%;}
	.my-menu-internal{justify-content:space-between; padding:0px;}
	.navbar-nav{padding:0 10px;}
	.mob-menu{justify-content:flex-end!important;}
	.upload-option{padding:10px;}
	.upload-option li p{width:100%; font-size:45px; line-height:65px; height:auto;}
	.padd-rght-10{padding-right:15px;}
	.gray-bx{margin:5px 0;}
	.checkout-form{float:left;}
	.blk-btn{padding:5px 50px 5px 20px!important;}
	.ord-btn{padding:5px 20px!important;}
	.service-box{margin:20px auto;}
	.service-box:last-child{margin:20px auto 0;}
}

@media screen and (max-width: 567px)
{
	.upload-option li p{font-size:32px; line-height:50px; }
}

@media screen and (max-width: 480px)
{
	.blk-btn{padding:5px 20px!important; margin:5px!important;}
	.ord-btn{padding:5px 20px!important;}
	.payment-option{width:235px; padding:0;}
	.payment-option li{width:77px; margin-top:20px!important;}
	.payment-option li p{width:77px; height:77px; line-height:55px; font-size:40px;}
	ul.service-listing{width:90%;}

}
/***************Media css ends********************/
.my-menu .container, footer .container{width: 100%;}

@media screen and (min-width: 576px){
.my-menu .container, footer .container {
    max-width: 540px;
}
}

@media screen and (min-width: 768px){
.my-menu .container, footer .container {
    max-width:720px;
}
}

@media screen and (min-width: 992px){
.my-menu .container, footer .container{
    max-width: 960px;
}
}


@media screen and (min-width: 1200px){
.my-menu .container, footer .container{
    max-width: 1140px;
}
}


@media screen and (max-width: 1200px)
{
     .login-container{width:65%; margin:30px auto;}
}

@media screen and (max-width: 567px)
{
     .login-container{width:90%; margin:30px auto;}
}