#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}
body{
  background: url('bg.jpg');
}
#lorem{
	font-family: "Segoe UI", sans-serif;
	font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}
/*  14  - Contact Us
 ----------------------------------------------*/
.contactus-info {
	background-color: #fff;
	margin-top: 50px;
}
.contactus-info h4 {
	font-size: 20px;
	color: #65ac4c;
	padding: 20px;
	border-bottom: 1px solid #eeeeee;
}
.contactus-info .info {
	padding: 20px 30px;
	margin: 0px;
}
.contactus-info .info li {
	list-style: none;
	border-bottom: 1px solid #eeeeee;
	overflow: hidden;
	padding: 15px 0px;
}
.contactus-info .info li .icon {
	float: left;
	margin-right: 15px;
	font-size: 32px;
	color: #e31e24;
	line-height: 1;
}
.contactus-info .info li .icon:before {
	font-size: 24px;
}
.contactus-info .info li .content {
	display: table;
}
.contactus-info .info li .content p {
	margin: 0px;
	color: #696969;
	font-size: 18px;
	font-weight: 500;
}
.contactus-info .event-social {
	padding: 0px 30px 30px;
}
.contactus-info .event-social li {
	margin-right: 5px;
}
.contactus-info .event-social li a {
	height: 40px;
	width: 40px;
	line-height: 2;
}
.contactus .contact-form h3 {
	font-size: 30px;
	margin-bottom: 30px;
}
.contactus .contactus-info {
	margin: 0px;
}
.contactus .contactus-info h3 {
	font-size: 30px;
	margin-bottom: 10px;
}
.contactus .contactus-info .info {
	padding: 0px;
	margin-bottom: 20px;
}
.contactus .contactus-info .event-social {
	padding: 0px;
}
.event-social {
	overflow: hidden;
	margin-bottom: 30px;
}
.event-social li {
	list-style: none;
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 5px;
}
.event-social li a {
	color: #fff;
	font-size: 22px;
	background-color: #3b5998;
	height: 50px;
	width: 50px;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	line-height: 2.5em;
}
.event-social li:nth-child(2) a {
	background-color: #55acee;
}
.event-social li:nth-child(3) a {
	background-color: #ff0084;
}
.event-social li:nth-child(4) a {
	background-color: #f26798;
}
.event-social li:nth-child(5) a {
	background-color: #cb2027;
}
.event-social li:last-child a {
	background-color: #dc4e41;
}
.contactus .icon-circle {
	border: 1px solid #feb20e;
	color: #feb20e;
}
.contact-form {
	position: relative;
	padding: 30px;
}
.contact-form input[type="text"], .contact-form textarea {
	padding-right: 30px;
	border: 1px solid #DEDEDE;
	margin-bottom: 0;
	font-size: 14px;
}

.contact-form textarea {
	height: 130px;
}
.contact-form input[type="text"] {
	display: block;
	height: 46px;
	margin-bottom: 20px;
	width: 100%;
	font-size: 14px;
	padding: 0 15px;
	border: 1px solid #e5e5e5;
	color: #878787;
	background: transparent;
	-webkit-appearance: none;
	border-radius: 0;
}
.contact-form textarea {
	display: block;
	margin-bottom: 20px;
	width: 100%;
	font-size: 14px;
	padding: 15px 15px;
	border: 1px solid #e5e5e5;
	color: #878787;
	background: transparent;
	-webkit-appearance: none;
	border-radius: 0;
}
.contact-form input[type="text"]:focus, .contact-form textarea:focus {
	border: 1px solid #feb20e;
}
.form-full {
	width: 100%;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}
.bg-deep {
  background-color: #f1f1f1 !important;
}
.bg-light {
  background-color: #f5f5f5 !important;
}
.bg-lighter {
  background-color: #f7f7f7 !important;
}
.bg-lightest {
  background-color: #fcfcfc !important;
}
.bg-silver-light {
  background-color: #F7F8FA !important;
}
.bg-black {
  background-color: #000 !important;
}
.divider-dark {
  background-color: #252525 !important;
}
footer.bg-deep {
  background-color: #191919 !important;
}
.bg-black-111 {
  background-color: #111111 !important;
}
.bg-black-222 {
  background-color: #222222 !important;
}
.bg-black-333 {
  background-color: #333333 !important;
}
.bg-black-444 {
  background-color: #404040 !important;
}
.bg-black-555 {
  background-color: #555555 !important;
}
.bg-gray-dimgray {
  background-color: #666666 !important;
}
.bg-gray-light {
  background-color: #777777 !important;
}
.bg-gray {
  background-color: #808080 !important;
}
.bg-gray-darkgray {
  background-color: #a9a9a9 !important;
}
.bg-gray-silver {
  background-color: #c0c0c0 !important;
}
.bg-gray-lightgray {
  background-color: #d3d3d3 !important;
}
.bg-gray-gainsboro {
  background-color: #dcdcdc !important;
}
.bg-gray-lighter {
  background-color: #eeeeee !important;
}
.bg-gray-aaa {
  background-color: #aaa !important;
}
.bg-gray-bbb {
  background-color: #bbb !important;
}
.bg-gray-ccc {
  background-color: #ccc !important;
}
.bg-gray-ddd {
  background-color: #ddd !important;
}
.bg-gray-eee {
  background-color: #eee !important;
}
/* Bg White Color*/
.bg-white {
  background-color: #fff !important;
}
.bg-skyblue {
  background-color: #bbe5f3 !important;
}
.bg-white-f1 {
  background-color: #f1f1f1 !important;
}
.bg-white-f2 {
  background-color: #f2f2f2 !important;
}
.bg-white-f3 {
  background-color: #f3f3f3 !important;
}
.bg-white-f4 {
  background-color: #f4f4f4 !important;
}
.bg-white-f5 {
  background-color: #f5f5f5 !important;
}
.bg-white-f6 {
  background-color: #f6f6f6 !important;
}
.bg-white-f7 {
  background-color: #f7f7f7 !important;
}
.bg-white-f8 {
  background-color: #f8f8f8 !important;
}
.bg-white-f9 {
  background-color: #f9f9f9 !important;
}
.bg-white-fa {
  background-color: #fafafa !important;
}
.bg-white-fb {
  background-color: #fbfbfb !important;
}
.bg-white-fc {
  background-color: #fcfcfc !important;
}
.bg-white-fd {
  background-color: #fdfdfd !important;
}
.bg-white-fe {
  background-color: #fefefe !important;
}
/* -------- Transparent Background Color ---------- */
.bg-white-transparent-9 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}
.bg-white-transparent-8 {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.bg-white-transparent-7 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.bg-white-transparent-6 {
  background-color: rgba(255, 255, 255, 0.6) !important;
}
.bg-white-transparent-5 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-white-transparent-4 {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.bg-white-transparent-3 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.bg-white-transparent-2 {
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.bg-white-transparent-1 {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.bg-dark-transparent-9 {
  background-color: rgba(0, 0, 0, 0.9) !important;
}
.bg-dark-transparent-8 {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.bg-dark-transparent-7 {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
.bg-dark-transparent-6 {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.bg-dark-transparent-5 {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.bg-dark-transparent-4 {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.bg-dark-transparent-3 {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.bg-dark-transparent-2 {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.bg-dark-transparent-1 {
  background-color: rgba(0, 0, 0, 0.1) !important;
}
/*
* ----------------------------------------------------------------------------------------
* 05. START GALLERY STYLE
* ----------------------------------------------------------------------------------------
*/


				
.single-gallery {
	overflow: hidden;
	position: relative;
}
.single-gallery .single-gallery {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.single-gallery .single-gallery .single-gallery-inner {
	position: absolute;
	top: 45%;
	width: 100%;
	text-align:center;
}
.single-gallery img {
   display: block;
   position: relative;
}
.single-gallery h5 {
   text-transform: uppercase;
   color: #fff;
   font-size: 17px;
   position: relative;
   padding: 10px;
   margin: 0;
   background: rgba(0, 0, 0, 0.8);
}
.single-gallery p {
   font-size: 14px;
   color: #fff;
   font-style: italic;
   margin: 15px 0;
   position: relative;
}
.single-gallery a.info {
   color: #fff;
   background: #000;
   text-transform: uppercase;
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   margin: 0 4px;
}
.single-gallery a.info:hover {
   background: #01b5c6;
}
.single-gallery-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.single-gallery-first .single-gallery {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
	background: -moz-linear-gradient(200deg, rgba(70, 199, 207, 0.8) 0%,rgba(123,100,203,0.8) 100%);
	background: -webkit-linear-gradient(200deg, rgba(70, 199, 207, 0.8) 0%,rgba(123,100,203,0.8) 100%);
    background: linear-gradient(200deg, rgba(70, 199, 207, 0.8) 0%,rgba(123,100,203,0.8) 100%);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.single-gallery-first h5 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.single-gallery-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.single-gallery-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.single-gallery-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.single-gallery-first:hover .single-gallery {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.single-gallery-first:hover h5,
.single-gallery-first:hover p,
.single-gallery-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.single-gallery-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.single-gallery-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
	
.portfolio-slider.owl-theme .owl-nav {
	margin-top: 0;
}
.portfolio-slider.owl-theme .owl-nav div {
	font-size: 30px;
	color: #fff;
    background: #01b5c6;
	height: 50px;
	width: 50px;
	line-height: 50px;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	border-radius: 50%;
	-webkit-transition: 0.5s cubic-bezier(0.91, .27, .52, .84);
	transition: 0.5s cubic-bezier(0.91, .27, .52, .84);
}
.portfolio-slider.owl-theme .owl-nav div:hover {
    background: #fff;
	color: #333;
}
.portfolio-slider.owl-theme .owl-nav div {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.portfolio-slider.owl-theme .owl-nav .owl-prev {
    left: 15%;
}
.portfolio-slider:hover.owl-theme .owl-nav .owl-prev {
    left: 1%;
}
.portfolio-slider.owl-theme .owl-nav .owl-next {
    right: 15%;
}
.portfolio-slider:hover.owl-theme .owl-nav .owl-next {
    right: 1%;
}
.portfolio-slider:hover.owl-theme .owl-nav div {
    opacity: 1;
    visibility: visible;
}



/*
* ----------------------------------------------------------------------------------------
* 05. END GALLERY STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 17. START GALLERY PAGE STYLE
* ----------------------------------------------------------------------------------------
*/

.portfolio-filter-menu,.portfolio-filter-menu ul {
  float: left;
  width: 100%;
}
.portfolio-filter-menu ul li {
	border: 1px solid #ddd;
	cursor: pointer;
	float: left;
	width: 18%;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	padding: 20px 30px;
	margin-bottom: 20px;
	margin-right: 23px;
	text-transform: uppercase;
	position: relative;
	background: #fff;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.portfolio-filter-menu ul li:before {
	position: absolute;
	content: "";
	background: transparent;
	width: 100%;
	height: 5px;
	display: block;
	top: 0;
	left: 0;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}
.portfolio-filter-menu ul li.active:before {
	background: #01b5c6;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.portfolio-filter-menu ul li:hover:before {
	background: #01b5c6;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.portfolio-filter-menu ul li i {
	font-size: 50px;
	float: left;
	margin-right: 20px;
	margin-top: 0;
}
.portfolio-items .mix {
    display: none
}

.portfolio-items .single-gallery-item {
	margin-bottom: 30px;
}


.pagination,.page-item:first-child .page-link,.page-item:last-child .page-link {
  border-radius: 0;
}
.page-item.active .page-link {
	background-color: #01b5c6;
	border-color: #01b5c6;
}
.page-link {
	color: #333;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 16px 22px;
	margin: 0 6px;
	border-color: #999;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	background: #fff;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.page-link:before {
	position: absolute;
	content: "";
	position: absolute;
	content: "";
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #01b5c6;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.page-link:hover:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.page-link:focus, .page-link:hover {
	color: #fff;
	background-color: transparent;
	border-color: #01b5c6;
}


/*
* ----------------------------------------------------------------------------------------
* 17. END GALLERY PAGE STYLE
* ----------------------------------------------------------------------------------------
*/