.demo-gallery > ul {
              margin-bottom: 0;
            }

            .demo-gallery > ul > li {
                float: left;
                margin-bottom: 15px;
                margin-right: 20px;
              
                border: 3px solid #f4f4f4;
              border-radius: 3px;
            }

            .demo-gallery > ul > li a {

              border: 3px solid #f1f1f1f1;
              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;
            }

            .home .demo-gallery {
              padding-bottom: 80px;
            }

        


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}






@media only screen and (min-width: 260px) and (max-width: 359px) {


.safari .example  img {

position:relative;
left:3.3%;
top:-20px;
display:block;
border:0px solid orange;
margin-left: auto;
margin-right: auto;
align:center;
width:60%;

}

}


@media only screen and (min-width: 360px) and (max-width: 479px) {


.win.gecko .example img {

position:relative;
top:-28px;
border:0px solid red;
}

.opera .example  img {
border:0px solid green;
}

.chrome .example  img {

position:relative;
top:-30px;
display:block;
border:0px solid olive;
margin-left: auto;
margin-right: auto;
align:center;
width:70%;
}



.safari .example  img {

position:relative;
left:3.3%;
top:-30px;
display:block;
border:0px solid orange;
margin-left: auto;
margin-right: auto;
align:center;
width:60%;

}

.example  img {

text-align:center;
border:0px solid orange;
position:relative;
top:-26px;
width:80%;
}

.mobile .example  img {

text-align:center;
border:0px solid silver;
position:relative;
top:-26px;
width:80%;
}



}




@media only screen and (min-width: 480px) and (max-width: 639px) {

/* Firefox */

.win.gecko .example img{

position:relative;
top:-35px;
border:0px solid red;
width:80%;
}

.opera .example img {
position:relative;
top:-75px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;
}

/* Chrome ed Explorer */

.chrome .example img {

position:relative;
top:-33px;
display:block;
border:0px solid olive;
margin-left: auto;
margin-right: auto;
align:center;
width:70%;
}

/* Safari */

.safari .example img {

position:relative;
left:3.3%;
top:-35px;
display:block;
border:0px solid green;
margin-left: auto;
margin-right: auto;
align:center;
width:60%;
}

.example img {
text-align:center;

}
.mobile .example  img {

text-align:center;
border:2px solid green;
position:relative;
top:-26px;
width:80%;
}

}




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

/* Firefox */

.win.gecko .example img{

position:relative;
top:-44px;
border:0px solid green;
width:80%;

}

.opera .example img {
position:relative;
top:-75px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;
}

/* Chrome ed Explorer */

.chrome .example img {

position:relative;
top:-50px;
display:block;
border:0px solid yellow;
margin-left: auto;
margin-right: auto;
align:center;

}

/* Safari */

.safari .example img {

position:relative;
left:3.3%;
top:-45px;
display:block;
border:0px solid blue;
margin-left: auto;
margin-right: auto;
align:center;
width:65%;
}

.example img {
text-align:center;

}

}




@media only screen and (min-width: 800px) and (max-width: 1023px) {

/* Firefox */

.win.gecko .example img{

position:relative;
top:-50px;
border:0px solid white;


}

.opera .example img {
position:relative;
top:-75px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;
}

/* Chrome ed Explorer */

.chrome .example img {

position:relative;
top:-55px;
display:block;
border:0px solid green;
margin-left: auto;
margin-right: auto;
align:center;

}

/* Safari */

.safari .example img {

position:relative;
left:23.3%;
top:-48px;
display:block;
border:0px solid green;
margin-left: auto;
margin-right: auto;
align:center;

}

.example img {
text-align:center;

}


}



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

/* Firefox */

.win.gecko .example img{

position:relative;
top:-60px;
border:0px solid gold;

}

.opera .example img {
position:relative;
top:-75px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;
}

/* Chrome ed Explorer */

.chrome .example img {

position:relative;
top:-67px;
display:block;
border:0px solid silver;
margin-left: auto;
margin-right: auto;
align:center;

}

/* Safari */

.safari .example img {

position:relative;
left:28.3%;
top:-60px;
display:block;
border:0px solid silver;
margin-left: auto;
margin-right: auto;
align:center;


}

.example img {
text-align:center;

}

}




@media only screen and (min-width: 1281px) and (max-width: 1400px) {

/* Firefox */

.win.gecko .example img{

position:relative;
top:-75px;
border:0px solid red;

}

.opera .example img {
position:relative;
top:-75px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;
}

/* Chrome ed Explorer */

.chrome .example img {

position:relative;
top:-70px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;

}

/* Safari */

.safari .example img {

position:relative;
left:37.3%;
top:-70px;
display:block;
border:0px solid silver;
margin-left: auto;
margin-right: auto;
align:center;

}

.example img {
text-align:center;

}
}





@media only screen and (min-width: 1401px) and (max-width: 1680px) {

/* Firefox */

.win.gecko .example img{

position:relative;
top:-75px;
border:0px solid red;

}

.opera .example img {
position:relative;
top:-75px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;
}

/* Chrome ed Explorer */

.chrome .example img {

position:relative;
top:-75px;
display:block;
border:0px solid orange;
margin-left: auto;
margin-right: auto;
align:center;

}

/* Safari */

.safari .example img {

position:relative;
left:37.3%;
top:-70px;
display:block;
border:0px solid silver;
margin-left: auto;
margin-right: auto;
align:center;

}

.example img {
text-align:center;

}
}





@media only screen and (min-width: 1681px) and (max-width: 1920px) {


/* Firefox */

.win.gecko .example img{

position:relative;
top:-75px;
border:0px solid red;

}

.opera .example img {
position:relative;
top:-75px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;
}

/* Chrome ed Explorer */

.chrome .example img {

position:relative;
top:-75px;
display:block;
border:0px solid yellow;
margin-left: auto;
margin-right: auto;
align:center;

}

/* Safari */

.safari .example img {

position:relative;
left:0%;
top:40px;
border:0px solid red;

}

.safari  .service-area  {

position:relative;
top:90px;
border:0px solid green;
}

.example img {
text-align:center;

}

}



@media only screen and (min-width: 1921px) and (max-width: 2550px) {

/* Firefox */

.win.gecko .example img{
position:relative;
top:-75px;
border:0px solid yellow;
}

.opera .example img {
position:relative;
top:-75px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;
}

/* Chrome ed Explorer */

.chrome .example img {

position:relative;
top:-75px;
display:block;
border:0px solid yellow;
margin-left: auto;
margin-right: auto;
align:center;

}

/* Safari */

.safari .example img {

position:relative;
top:250px;
border:0px solid yellow;

}

.safari  .service-area  {

position:relative;
top:200px;
border:0px solid green;
}

.example img {
text-align:center;

}
}




@media only screen and (min-width: 2551px) and (max-width: 3950px) {

/* Firefox */

.win.gecko .example img{
position:relative;
top:-75px;
border:0px solid yellow;
}

.opera .example img {
position:relative;
top:-75px;
display:block;
border:0px solid purple;
margin-left: auto;
margin-right: auto;
align:center;
}

/* Chrome ed Explorer */

.chrome .example img {

position:relative;
top:-75px;
display:block;
border:0px solid green;
margin-left: auto;
margin-right: auto;
align:center;

}

/* Safari */

.safari .example img {

position:relative;
left:0%;
top:-80px;
border:0px solid red;

}

.safari  .project-area  {
position:relative;
top:-40px;
}


.safari  .service-area  {

position:relative;
top:200px;
border:0px solid green;
}


.safari  .service-area2  {

position:relative;
top:-30px;
border:0px solid green;
}


.safari  .service-area3  {

position:relative;
top:-70px;
border:0px solid green;
}


.safari  .service-area4  {

position:relative;
top:10px;
border:0px solid green;
}


.example img {
text-align:center;

}

}





.project-area {

  background-color: #fff;

}

.active-works-carousel .item .thumb {

  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 111px;
 
}

.active-works-carousel .item img {

position:relative;
margin-left:auto;
margin-right:auto;
border:0px solid red;
}


.active-works-carousel .item .caption {
  padding: 30px 40px;

}

.active-works-carousel .item .caption h6 {
  margin-bottom: 10px;
  color: #222;
}

.active-works-carousel .item .caption p {
  margin-bottom: 0;
}

.active-works-carousel .center .caption {
  display: block;
}

.active-works-carousel .owl-dots {
  margin-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: relative;
}

.active-works-carousel .owl-dots:after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 60%;
  height: 1px;
  background: #ccc;
  z-index: -1;
}

.active-works-carousel .owl-dots .owl-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #ccc;
  margin: 0 50px;
}

@media (max-width: 767px) {
  .active-works-carousel .owl-dots .owl-dot {
    margin: 0 15px;
  }
}

.active-works-carousel .owl-dots .owl-dot.active {
  background: #005dc2;
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
}

.single-feature {
  background-color: #f9f9ff;
  padding: 30px 30px 15px 30px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.single-feature a {
  color: #222;
}

.single-feature:hover {
  cursor: pointer;
  color: #fff;
}

.single-feature:hover a, .single-feature:hover .title .lnr {
  color: #fff;
}

.single-feature .title .lnr {
  color: #222;
  font-weight: 400;
  margin-right: 12px;
  font-size: 20px;
}

.gallery-area .owl-controls {
  position: absolute;
  left: 90%;
  top: 89%;
}

@media (max-width: 1024px) {
  .gallery-area .owl-controls {
    position: relative;
    text-align: center;
    left: 0;
    top: 20px;
  }
  .gallery-area .owl-controls .owl-prev, .gallery-area .owl-controls .owl-next {
    display: inline-block;
  }
}

.gallery-area .lnr-arrow-up, .gallery-area .lnr-arrow-down {
  background-color: white;
  box-shadow: -14.142px 14.142px 20px 0px rgba(157, 157, 157, 0.2);
  padding: 14px;
  color: #000;
  font-weight: 500;
  border: 1px solid #f5f5f5;
  display: inline-flex;
}






#mainwrapper {

	font-size: 12px normal Titillium web, sans-serif;
	height: auto;
	margin: 40px auto 0 auto;
	text-align: center;
	width: 960px;
                color: #fff;
                max-width:100%;
}



/* Image Box Style */

#mainwrapper .box {

	border: 1px solid #fff;
	cursor: pointer;
                width: 303px;
	height: 227px;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
               max-width:100%;
	
		
}




#mainwrapper .box img {

	position: absolute;
	left: 0;
		
              -webkit-transition: all 300ms ease-out;
                -moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
                max-width:100%;
               background-color: rgba(0,0,102,.8);

}



/* Caption Common Style */


#mainwrapper .box .caption {

	background-color: rgba(0,0,102,.8);
	position: absolute;
	color: #fff;	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	left: 0; 
            
}



#mainwrapper .box .simple-caption {

	height: 36px;
	width: 303px;
	display: block;
	bottom: 0px;	
	text-align: center;
                background-color: rgba(0,0,102,.8);
                color: #fff;
          
	
}

#mainwrapper .box .simple-caption h5 a{	
               color: #fff;	
}

#mainwrapper .box .simple-caption h5 a:hover{	
               color: #0692c3;	
}


#mainwrapper .box:hover .simple-caption {

	-moz-transform: translateY(-170%);
	-o-transform: translateY(-170%);
	-webkit-transform: translateY(-170%);
	opacity: 1;
	transform: translateY(-170%);
                background-color: rgba(0,0,102,0.8);
             
}

#mainwrapper .box .simple-caption p{
	
                background-color: rgba(0,0,102,0.8);
               min-height:90px;
               border:0px solid red;
             position:relative;
               top:-2px;


}


 .simple-caption p {	

               color: #fff;	
                 font-size:13px;
                text-align:left;
                line-height:15px;
                padding:4px;
}

.simple-caption p:hover{	
               color: #0692c3;	
}




#mainwrapper .box .caption2 {

	
	position: absolute;
	 color: #0692c3;	
	
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	left: 0;
}


#mainwrapper .box .simple-caption2 {

	height: 36px;
	width: 303px;
	display: block;
	bottom: 90px;	
	text-align: center;
              color: #0692c3;	
	
}

#mainwrapper .box .simple-caption2 h5 a{	
               color: #0692c3;	
}

#mainwrapper .box .simple-caption2 h5 a:hover{	
               color: #0692c3;	
}


#mainwrapper .box:hover .simple-caption2 {
	
	opacity: 1;
	          
}

#mainwrapper .box .simple-caption2 p{
	            
              min-height:75px;

}

 .simple-caption2 p {	

                color: #0692c3;	
                font-size:13px;
                text-align:left;
                line-height:15px;
                padding:4px;
}

.simple-caption2 p:hover{	
               color: #0692c3;	
}

#mainwrapper .box .simple-caption3 {

	height: 68px;
	width: 300px;
	display: block;
	bottom: -28px;	
	text-align: center;
               color: #0692c3;	
	
}

#mainwrapperfooter   {

	width: 72.5rem;
                border: 0px solid #fff;
                 margin-left:auto;
                 margin-right:auto;
	   max-width:100%;	
}


#mainwrapperfooter  .box {

	border: 0px solid #fff;
	cursor: pointer;
                width: 335px;	
	float: left;
	margin: 20px;
	position: relative;
	overflow: hidden;	
	   max-width:100%;	
}


.single-footer-widget .click-btn, .generic-banner {

  background-image: -moz-linear-gradient(0deg, #29aae3 0%, #29aae3 100%);
  background-image: -webkit-linear-gradient(0deg, #29aae3 0%, #29aae3 100%);
  background-image: -ms-linear-gradient(0deg, #29aae3 0%, #29aae3 100%);
}

 .single-footer-widget .bb-btn {

  background: -moz-linear-gradient(0deg, #29aae3 0%, #29aae3 100%);
  background: -webkit-linear-gradient(0deg, #29aae3 0%, #29aae3 100%);
  background: -ms-linear-gradient(0deg, #29aae3 0%, #29aae3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.single-footer-widget input {
  border: none;
  width: 80%;
  font-weight: 300;
  background: #191919;
  color: #777;
  padding-left: 20px;
  border-radius: 0;
  font-size: 14px;
}

.single-footer-widget input:focus {
  background-color: #191919;

}


.single-footer-widget .bb-btn {

  color: #fff;
  font-weight: 300;
  border-radius: 20px;
  z-index: 9999;
  cursor: pointer;
}


.single-footer-widget .info {
  position: absolute;
  margin-top: 20%;
  color: #fff;
  font-size: 12px;
}

.single-footer-widget .info.valid {
  color: green;
}

.single-footer-widget .info.error {
  color: red;
}

.single-footer-widget .click-btn {

  color: #fff;
  border-radius: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  padding: 4px 6px;
  border: 0;
  top:15px;
 height:33px;
}



.single-footer-widget ::-moz-selection {
  background-color: #191919 !important;
  color: #777777;
}
.single-footer-widget ::selection {
  background-color: #191919 !important;
  color: #777777;
}
.single-footer-widget ::-webkit-input-placeholder {
  color: #777777;
  font-weight: 300;
}
.single-footer-widget :-moz-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: 300;
}
.single-footer-widget ::-moz-placeholder {
  color: #777777;
  opacity: 1;
  font-weight: 300;
}

.single-footer-widget :-ms-input-placeholder {
  color: #777777;
  font-weight: 300;
}

.single-footer-widget ::-ms-input-placeholder {
  color: #777777;
  font-weight: 300;
}


@media (max-width: 991px) {
  .single-footer-widget {
    margin-bottom: 30px;
  }
}

@media (max-width: 800px) {
  .social-widget {
    margin-top: 30px;
  }

}


.form-control 
   {
 margin-bottom:15px;
 margin-top:15px;
}




/*********************************
8. Search select in contact page
*********************************/

.search
{
             font-family: "Titillium Web";
	position: absolute;
	top: 0;
	left: 0;
	width: 370px;
	height: 100%;
	background: #29aae3;
	z-index: 10;
}
.no-padding
{
	padding-left: 0px;
	padding-right: 0px;
}
.no-margin
{
	margin-left: 0px;
	margin-right: 0px;
}
.search_tabs_container
{
	position: relative;
	top: -94px;
	width: 100%;
}
.search_tabs
{
	height: auto;
	flex-wrap: wrap;
}
.search_tab
{
               font-family: "Titillium Web";
	font-size: 14px;
	font-weight: 700;
	color: #2d2c2c;
	text-transform: uppercase;
	text-align: center;
	height: 94px;
	width: 50%;
	flex-grow: 1;
	background: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_tab:not(:first-child):not(:nth-child(2))
{
	border: solid 1px #ededed;
	margin-right: -1px;
	margin-bottom: -1px;
}
.search_tab img
{
	margin-right: 10px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_tab:first-child
{
	border-top-left-radius: 94px;
	padding-left: 7px;
}
.search_tab:nth-child(2)
{
	border-top-right-radius: 94px;
	padding-right: 7px;
}
.search_tab.active
{
	background: #29aae3;
	color: #FFFFFF;
}
.search_tab.active img
{
	-webkit-filter: brightness(200%) grayscale(100%);
	-moz-filter: brightness(200%) grayscale(100%);
	-ms-filter: brightness(200%) grayscale(100%);
	-o-filter: brightness(200%) grayscale(100%);
  	filter: brightness(200%) grayscale(100%);
}
.search_tab:hover
{
	background: #29aae3;
	color: #FFFFFF;
}
.search_tab:hover img
{
	-webkit-filter: brightness(200%) grayscale(100%);
	-moz-filter: brightness(200%) grayscale(100%);
	-ms-filter: brightness(200%) grayscale(100%);
	-o-filter: brightness(200%) grayscale(100%);
  	filter: brightness(200%) grayscale(100%);
}
.search_panel
{

              
	display: none !important;
	width: 100%;
	height: 100%;
	-webkit-animation: fadeEffect 1s;
                       animation: fadeEffect 1s;
               padding-left: 54px;
              padding-right: 47px;
                  margin-top: -25px;
}
.search_panel.active
{
	display: flex!important;
}










/* Fade in tabs */

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.search_panel_content
{
	width: 100%;
	height: 100%;
	flex-wrap: wrap;
}
.search_input
{
                font-family: "Titillium Web";
	width: 100%;
	height: 46px;
	border: none;
	outline: none;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 13px;
	font-weight: 600;
	color: #929191;
}
.search_item
{
	margin-bottom: 23px;
}
.search_item:first-child
{
	width: 100%;
}
.search_item:nth-child(2)
{
	width: 100%;
}
.search_item:nth-child(3)
{
	width: 100%;
}
.search_item:nth-child(4)
{
	width: calc(50% - 15px);
	margin-right: 30px;
}
.search_item:nth-child(5)
{
	width: calc(50% - 15px);
}
.search_item div
{
	font-size: 13px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.dropdown_item_select
{

               font-family: "Titillium Web";
	-webkit-appearance:none;
               -moz-appearance:none;
               -ms-appearance:none;
               -o-appearance:none;
                appearance:none;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(/assets_frontend/images/dropdown.png);
	background-position: center right;
	background-repeat: no-repeat;
	border: solid 1px #FFFFFF;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}

.dropdown_item_select::-ms-expand
{
    display: none;
}
.dropdown_item_select:hover
{
	border: solid 1px #29aae3;
}
.dropdown_item_select:focus
{
	outline-color: #29aae3;
}
.search_button
{
                 font-family: "Titillium Web";
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 53px;
	padding-left: 46px;
	padding-right: 46px;
	background: #31124b;
	-webkit-transform: translateY(15px);
	-moz-transform: translateY(15px);
	-ms-transform: translateY(15px);
	-o-transform: translateY(15px);
	transform: translateY(15px);
	border: none;
	outline: none;
	cursor: pointer;
	margin-top: 40px;
}
.search_button:hover
{
	opacity: 0.8;
}


 .single-service img
{
  margin-top: 25px;
 width:333px;
 height:278px;
 
}

.service-area .header-text {
  text-align: center;
 
}

.service-area .header-text h1 {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .single-service {
    margin-bottom: 30px;
  }
}

.single-service .single-service .title {
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
 
}

.single-service .content {
  position: relative;
  max-width: 400px;
  margin: auto;
  overflow: hidden;

}

.single-service .content .content-overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}



@media (max-width: 767px) {
  .single-service .content .content-overlay {
    left: 20px;
    width: 90%;
  }
}

@media (max-width: 414px) {
  .single-service .content .content-overlay {
    left: 11px;
    width: 94%;
  }
}

@media (max-width: 413px) {
  .single-service .content .content-overlay {
    left: 0;
    width: 100%;
  }
}

.single-service .content:hover .content-overlay {
  opacity: .8;
}


.single-service .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.single-service .content-title {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}

.single-service .content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.single-service .content-details p {
  color: #fff;
  font-size: 0.8em;
}

.single-service .fadeIn-bottom {
  top: 80%;
}

.p1-gradient-bg, .primary-btn, .primary-btn:after, .primary-btn2.primary-border:hover, .single-service .content .content-overlay, .content .content-overlay {

  background-image: -webkit-linear-gradient(bottom, #000066 0%, #a2c3ff 100%);
  background-image: -o-linear-gradient(bottom, #000066 0%, #a2c3ff 100%);
  background-image: linear-gradient(to top, #000066 0%, #a2c3ff 100%);

}

.single-service .content .content-overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

@media (max-width: 767px) {
  .single-service .content .content-overlay {
    left: 20px;
    width: 90%;
  }
}

@media (max-width: 414px) {
  .single-service .content .content-overlay {
    left: 11px;
    width: 94%;
  }
}

@media (max-width: 413px) {
  .single-service .content .content-overlay {
    left: 0;
    width: 100%;
  }
}

.single-service .content:hover .content-overlay {
  opacity: .8;
}

.single-service .content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.single-service .content-title {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
}

.single-service .content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.single-service .content-details p {
  color: #fff;
  font-size: 0.8em;
}

.single-service .fadeIn-bottom {
  top: 80%;
}



.content {
  position: relative;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}


.content .content-overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

@media (max-width: 574px) {
  .content .content-overlay {
    left: 8px;
    width: 96%;
  }
}

@media (max-width: 413px) {
  .content .content-overlay {
    left: 0;
    width: 100%;
  }
}

.content:hover .content-overlay {
  opacity: .8;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content-title {
  font-size: 16px;
  color: #fff;
  font-weight: 500;
 
}

.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details p {
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom {
  top: 80%;
}




/*********************************
9. Offers
*********************************/



.offers
{
	width: 100%;
	padding-top: 65px;
	padding-bottom: 43px;
	background: #f1f1f1;
}

.offers_items
{
	margin-top: 90px;
}


.offers_col
{
	margin-bottom: 83px;
}


.offers_item
{

}


.offers_image_container
{
	width: 100%;
	height: 100%;
}


.offers_image_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}




.offers_content
{
	border:0px solid red;
}


.offers_price
{

	display: inline-block;
	font-size: 36px;
	font-weight: 700;
	color: #eda84a;
	line-height: 5px;

}

.offers_price span
{
	font-size: 14px;
	font-weight: 400;
	color: #929191;
	
}


.offers_rating
{

}


.offers_rating i::before
{
	font-size: 13px;
	margin-right: 2px;
}


.offers_text
{
	font-size: 14px;
	font-weight: 300;
	color: #929191;
	margin-top: 16px;
                text-align:justify;
                 line-height: 21px;
}


.offers_icons
{
	margin-top: 17px;
}



.offers_icons_item
{
	display: inline-block;
	margin-right: 15px;
}



.offers_icons_item:last-child
{
	margin-right: 0px;
}


.offers_link
{
	margin-top: 5px;
               float:right;
}


.offers_link a
{
	font-size: 12px;
	font-weight: 700;
	color: #2d2c2c;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}



.offers_link a:hover
{
	color: #29aae3;
}
















#ajax-loading-screen .reveal-1 {
	background-color: #ffffff;
}

#ajax-loading-screen .reveal-2 {
	background-color: #ffffff;
}

@media only screen and (max-width:1000px) {
	body header#top #logo img,
	#header-outer[data-permanent-transparent="false"] #logo .dark-version {
		height: 24px!important;
	}
	header#top .col.span_9 {
		min-height: 48px;
		line-height: 28px;
	}
}

.nectar-slider-loading .loading-icon,
.portfolio-loading,
#ajax-loading-screen .loading-icon,
.loading-icon,
.pp_loaderIcon {
	background-image: url("../images/AlbaIcon106.png");
}






#ajax-loading-screen{background-color:#fff; width:100%; height:100%; position:fixed; top:0; left:0; display:none; z-index:1000000000}

#ajax-loading-screen .reveal-1, #ajax-loading-screen .reveal-2{position:absolute; left:100%; top:0; width:100%; height:100%}

#ajax-loading-screen[data-effect="horizontal_swipe"]{background-color:transparent!important; left:-100%}

body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"][data-effect="horizontal_swipe"]{display:block}

#ajax-loading-screen.in-from-right{left:0%}

.no-cssanimations #ajax-loading-screen.loaded .reveal-1, .no-cssanimations #ajax-loading-screen.loaded .reveal-2{display:none}

#ajax-loading-screen.loaded .reveal-1{backface-visibility: hidden; -webkit-animation:anim-effect-2-2 1.85s cubic-bezier(0.67,0,0.3,1) forwards; animation:anim-effect-2-2 1.85s cubic-bezier(0.67,0,0.3,1) forwards}

 #ajax-loading-screen.loaded .reveal-2{backface-visibility: hidden; -webkit-animation:anim-effect-2-1 1.85s cubic-bezier(0.67,0,0.3,1) forwards; animation:anim-effect-2-1 1.85s cubic-bezier(0.67,0,0.3,1) forwards}

#ajax-loading-screen.loaded.in-from-right .reveal-1{-webkit-animation:anim-effect-2-1 1.85s cubic-bezier(0.67,0,0.3,1) forwards; animation:anim-effect-2-1 1.85s cubic-bezier(0.67,0,0.3,1) forwards}

 #ajax-loading-screen.loaded.in-from-right .reveal-2{-webkit-animation:anim-effect-2-2 1.85s cubic-bezier(0.67,0,0.3,1) forwards; animation:anim-effect-2-2 1.85s cubic-bezier(0.67,0,0.3,1) forwards}

body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="horizontal_swipe"].hidden{display:none}
body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="horizontal_swipe"].hidden.loaded.in-from-right { display: block;}

@-webkit-keyframes anim-effect-2-1{0%{-ms-transform:translateX(0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
30%, 
100%{-ms-transform:translateX(-100%); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1); animation-timing-function:cubic-bezier(0.67,0,0.3,1)}
}

@keyframes anim-effect-2-1{0%{-ms-transform:translateX(0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
30%, 
100%{-ms-transform:translateX(-100%); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1); animation-timing-function:cubic-bezier(0.67,0,0.3,1)}
}

@-webkit-keyframes anim-effect-2-2{0%,14.5%{-ms-transform:translateX(0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
34.5%, 
100%{-ms-transform:translateX(-100%); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1); animation-timing-function:cubic-bezier(0.67,0,0.3,1)}
}

@keyframes anim-effect-2-2{0%,14.5%{-ms-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
34.5%, 
100%{-ms-transform:translate3d(-100%,0,0); -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); -webkit-animation-timing-function:cubic-bezier(0.67,0,0.3,1); animation-timing-function:cubic-bezier(0.67,0,0.3,1)}
}

body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"], 
body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="horizontal_swipe"][data-method="ajax"],
body[data-ajax-transitions="true"] #ajax-loading-screen[data-method="standard"] .loading-icon{display:block; opacity:1}

#ajax-loading-screen .loading-icon{background-repeat:no-repeat; background-position:center center; display:block; position:absolute; opacity:0; top:0; left:0; width:100%; height:100%}

.default-loading-icon{    top:50%;     border-radius:100%;     height:40px;     width:40px;     margin:0 auto;     display:block;     position:relative;      border:3px solid #e5e5e5;     margin-top:-20px}

.loading-icon .material-icon .spinner{  width:60px;   height:60px;   position:absolute;   top:0;   left:0;   right:0;   bottom:0;   margin:auto}
.loading-icon .material-icon .spinner{-webkit-animation:material-rotate-all 1s linear infinite; animation:material-rotate-all 1s linear infinite}

.loading-icon .material-icon .spinner .right-side, 
.loading-icon .material-icon .spinner .left-side{-webkit-animation:material-fade-in-first 1.2s linear infinite alternate; animation:material-fade-in-first 1.2s linear infinite alternate}
.loading-icon .material-icon .spinner.color-2 .right-side, 
.loading-icon .material-icon .spinner.color-2 .left-side{-webkit-animation:material-fade-in-second 1.2s linear infinite alternate; animation:material-fade-in-second 1.2s linear infinite alternate}

.loading-icon .material-icon .right-side, .loading-icon .material-icon .left-side{  width:50%;   height:100%;   position:absolute;   top:0;   overflow:hidden}

.loading-icon .material-icon .left-side{left:0}
.loading-icon .material-icon .right-side{right:0}

.loading-icon .material-icon .bar{  width:100%;   height:100%;   -moz-border-radius:200px 0 0 200px;   -webkit-border-radius:200px;   border-radius:200px 0 0 200px;   border:6px solid #666;   position:relative}
.loading-icon .material-icon .bar:after{  content:"";   width:6px;   height:6px;   display:block;   background:#666;   position:absolute;   -moz-border-radius:6px;   -webkit-border-radius:6px;   border-radius:6px}
.loading-icon .material-icon .right-side .bar{  -moz-border-radius:0 200px 200px 0;   -webkit-border-radius:0;   border-radius:0 200px 200px 0;   border-left:none;   -webkit-transform:rotate(-10deg);   -webkit-transform-origin:left center;   transform:rotate(-10deg);   transform-origin:left center;   -webkit-animation:material-rotate-right 0.75s linear infinite alternate;   animation:material-rotate-right 0.75s linear infinite alternate}
.loading-icon .material-icon .right-side .bar:after{  bottom:-6px;   left:-3px}
.loading-icon .material-icon .left-side .bar{  border-right:none;   -webkit-transform:rotate(10deg);   transform:rotate(10deg);   -webkit-transform-origin:right center;   transform-origin:right center;   -webkit-animation:material-rotate-left 0.75s linear infinite alternate;   animation:material-rotate-left 0.75s linear infinite alternate}
.loading-icon .material-icon .left-side .bar:after{  bottom:-6px;   right:-3px}

@keyframes material-rotate-left{  to{    transform:rotate(30deg)}
  from{    transform:rotate(175deg)}
}
@keyframes material-rotate-right{  from{    transform:rotate(-175deg)}
  to{    transform:rotate(-30deg)}
}
@keyframes material-rotate-all{  from{    transform:rotate(0deg)}
  to{    transform:rotate(-360deg)}
}
@keyframes material-fade-in-first{  from{  opacity:1}
  to{  opacity:0}
}
@keyframes material-fade-in-second{  from{  opacity:0}
  to{  opacity:1}
}
.loading-icon .material-icon{top:50%; height:65px;     width:65px;     position:relative;     margin:-32px auto 0 auto;     display:block}

.default-loading-icon:before{position:absolute; content:""; border-color:rgba(0,0,0,1) transparent transparent;     border-radius:100%;     border-style:solid;     border-width:3px;     display:block;     height:100%;     width:100%;     top:-3px;     left:-3px}

.loading-icon.spin, .portfolio-loading.spin, .pp_loaderIcon.spin, .default-loading-icon.spin{animation:2s cubic-bezier(0.63,0.045,0.34,1) 0s normal none infinite spinning_animation; -webkit-animation:2s cubic-bezier(0.63,0.045,0.34,1) 0s normal none infinite spinning_animation}

.default-skin-loading-icon{width:100%; height:100%; background-position:center; display:block; background-repeat:no-repeat; background-image:url("img/icons/loading-white-bg.gif")}

@keyframes spinning_animation{0%{ transform:scale(1) rotate(0deg);  -o-transform:scale(1) rotate(0deg)}
50%{ transform:scale(0.8) rotate(360deg);  -o-transform:scale(0.8) rotate(360deg)}
100%{ transform:scale(1) rotate(720deg);  -o-transform:scale(1) rotate(720deg)}
}

@-webkit-keyframes spinning_animation{0%{ -webkit-transform:scale(1) rotate(0deg)}
50%{ -webkit-transform:scale(0.8) rotate(360deg)}
100%{ -webkit-transform:scale(1) rotate(720deg)}

}

@keyframes bounce_in_animation{0%{ transform:scale(0,0);  -o-transform:scale(0,0)}
20%{ transform:scale(1.4,1.4);  -o-transform:scale(1.4,1.4)}
50%{ transform:scale(0.8,0.8);  -o-transform:scale(0.8,0.8)}
85%{ transform:scale(1.1,1.1);  -o-transform:scale(1.1,1.1)}
100%{ transform:scale(1,1);  -o-transform:scale(1,1)}
}

@-webkit-keyframes bounce_in_animation{0%{ -webkit-transform:scale(0,0)}
20%{ -webkit-transform:scale(1.4,1.4)}
50%{ -webkit-transform:scale(0.8,0.8)}
85%{ -webkit-transform:scale(1.1,1.1)}
100%{ -webkit-transform:scale(1,1)}
}

@keyframes grow_in_animation{0%{ transform:scale(0,0);  -o-transform:scale(0,0)}
100%{ transform:scale(1,1);  -o-transform:scale(1,1)}
}

@-webkit-keyframes grow_in_animation{0%{ -webkit-transform:scale(0,0)}
100%{ -webkit-transform:scale(1,1)}
}

#ajax-loading-screen[data-effect="center_mask_reveal"]{background-color:transparent!important}

body[data-ajax-transitions="true"] #ajax-loading-screen[data-effect="center_mask_reveal"].hidden{display:none}

#ajax-loading-screen[data-effect="center_mask_reveal"] span{ position:absolute;  background:#fff;  z-index:100;  -webkit-transition:0.8s cubic-bezier(0.12,0.75,0.4,1) !important;  transition:0.8s cubic-bezier(0.12,0.75,0.4,1) !important}

#ajax-loading-screen[data-effect="center_mask_reveal"].set-to-fade span{width:100%; height:100%; top:0; left:0; transform:none!important; -webkit-transform:none!important}

#ajax-loading-screen .mask-top{ top:0%;  left:0;  height:50%;  width:100%}

#ajax-loading-screen.loaded .mask-top{ -webkit-transform:translateY(-100%) translateZ(0);  -ms-transform:translateY(-100%) translateZ(0);  transform:translateY(-100%) translateZ(0)}

#ajax-loading-screen .mask-right{ top:0;  right:0;  height:100%;  width:50%}

#ajax-loading-screen.loaded .mask-right{ -webkit-transform:translateX(100%) translateZ(0);  -ms-transform:translateX(100%) translateZ(0);  transform:translateX(100%) translateZ(0)}

#ajax-loading-screen .mask-bottom{ bottom:0%;  right:0;  height:50%;  width:100%}

#ajax-loading-screen.loaded .mask-bottom{ -webkit-transform:translateY(100%) translateZ(0);  -ms-transform:translateY(100%) translateZ(0);  transform:translateY(100%) translateZ(0)}

#ajax-loading-screen .mask-left{ top:0;  left:0;  height:100%;  width:50%}

#ajax-loading-screen.loaded .mask-left{ -webkit-transform:translateX(-100%) translateZ(0);  -ms-transform:translateX(-100%) translateZ(0);  transform:translateX(-100%) translateZ(0)}











/* accordion + mainmenu responsive  MOBILE MENU*/

#accordion-list{
	padding: 0.6375rem 0;
   
}

.accordion{
	margin-left:0;
}

#mainmenu > ul{
	margin-top: 1.8375rem;
	margin-bottom: 1.8375rem;
            
}

#mainmenu .accordion{
	margin-top: 3.0375rem;

}


#mainmenu .accordion .no-accordion-navigation > a{
	display: block;
  
}


#mainmenu .accordion .accordion-navigation > a,
#mainmenu .accordion dd > a,
#mainmenu .accordion .no-accordion-navigation > a{
	padding: 0.2875rem 0.4375rem;

}


#mainmenu .accordion .accordion-navigation > .content,
#mainmenu .accordion dd > .content{
	padding: 0.2375rem 0;
	background: transparent;

}


#mainmenu .accordion > li{
	border-bottom: 1px solid #95cfc7;

}


#mainmenu .accordion .accordion-navigation > a,
#mainmenu .accordion .no-accordion-navigation > a{
	background: transparent;

}


#mainmenu .accordion li > a:hover,
#mainmenu .accordion dd > a:hover{
	background: transparent !important;
	text-decoration: underline !important;

}


#mainmenu .accordion .accordion-navigation.active > a{

	background: #b2dbd4 !important;
	border: 0;
}


#mainmenu .accordion .accordion-navigation ul,
#mainmenu .accordion .accordion-navigation.active ul{
	margin-left: 0;
	border-bottom: 4px solid #b2dbd4;
}


#mainmenu .accordion .accordion-navigation ul li,
#mainmenu .accordion .accordion-navigation.active ul li{
	border-bottom: 1px dotted #b2dbd4;
	display: block;
}


#mainmenu .accordion .accordion-navigation ul li:last-child,
#mainmenu .accordion .accordion-navigation.active ul li:last-child{
	border-bottom: 0;
}



#mainmenu .accordion .accordion-navigation ul a,
#mainmenu .accordion .accordion-navigation.active ul a{
	display: block;
	background: transparent;
	color: #ffffff;
	font-size: 1.1rem;
	padding: 0.5875rem 0;
}

#mainmenu .accordion > li > a{
	width: 100%;
	color: #ffffff;
	  font-family: "Titillium Web";
	text-transform: uppercase;
	font-size: 1.25rem;
	line-height: 2.3rem;
	margin-bottom: 0;
}


#mainmenu .accordion > li > a:hover{
	text-decoration: none;
}



#mainmenu .side-nav li{
	display: inline-block;
	margin-left: 0.1375rem;
	margin-right: 0.1375rem;

}


#mainmenu .side-nav li a{
	padding: 0.1875rem 0.3875rem 0;
	font-size: 1.05rem;
           
}


#mainmenu .side-nav li.active:not(.has-form) > a:not(.button){

	padding: 0.1875rem 0.3875rem 0 0.3875rem;
	background: #025b9d;
	color: #ffffff;
	line-height: 1.3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}


#mainmenu .side-nav li.active:not(.has-form) a:hover:not(.button){
	background: #025b9d;
	color: #ffffff;
	text-decoration: none;

}






/* layout */

header{

	padding: 0.5875rem 0 1.0875rem 0;
            


}

header.contain-to-grid{

	background: #000066;
	background: rgba(0,0,102,1);

}


#logo{

	display: inline-block;
	height: auto;
	width: 275px;
	line-height: 2.8125rem;
	
           
}

#logo a{
	padding: 0;

}

#logo img{
	height: auto;
	width: 270px;
	margin: 1.2rem 0.6875rem;
	

}



         /* contenitore menu a page scrolled down */




@media only screen and (max-width: 40em) {


	header{
		padding-top: 0.1875rem;
		padding-bottom: 0;
	}
	header .top-bar{
		height: 4.3rem;
	}

	header #logo,
	header #logo img{
		width: 170px;
                              border:0px solid red;
	}

	header .top-bar-section{
		padding: 0;
	}

	header .top-bar-section ul:not(.title-area):not(.dropdown):not(#social-top){
		padding-top: 1.1575rem;
		padding-bottom: 0;
	}
}



.top-bar {
	height: auto;
	line-height: 1.5;
	background: transparent;
 
}

.contain-to-grid .top-bar {
	
	line-height: 0;
   
}


section > article::before,
section > article::after {
	content: " ";
	display: table;
}


section > article::after {
	clear: both;
}

section > article{
	margin: 0 auto;
	width: 100%;
}


section{
	padding-top: 0;
	padding-bottom: 0;
}

section > .row,
section > article{
	padding-top: 1.21875rem;
	padding-bottom: 1.21875rem;
}


section > .row:only-child,
section > article:only-child,
#page-intro > .row{
	padding-top: 2.4375rem;
	padding-bottom: 2.4375rem;
}

section p:not(.value):last-of-type{
	margin-bottom: 0;
}

.custom[class*="block-grid-"] > li {
	display: inline-block;
	float: none;
	margin-left: -5px;
	vertical-align: middle;
}





/* header buttons */


.top-bar .button,
.top-bar button{

	background-color: transparent;
	border: 0;
	color: #ffffff;
	text-align: left;
	padding-right: 0;
	  font-family: "Titillium Web";
	line-height: 0.95rem;
	font-size: 1.05rem;

}
.top-bar .title-area{
	z-index: 2;
}





/* toggle menu */
#toggle-container{
	display: none;
	position: absolute:
	right: 20px;
	top: 30px;

}
#toggle {
	position: absolute;
	right: 20px;
	top: 24px;
	z-index: 101;
	display: block;
	width: 28px;
	height: 14px;
	margin: 9px auto 0;
	padding: 0;
}

#toggle span:after,
#toggle span:before {
	content: "";
	position: absolute;
	left: 0;
	top: -9px;
}
#toggle span:after{
	top: 9px;
}
#toggle span {
	position: relative;
	display: block;
	padding: 0;
}

#toggle span,
#toggle span:after,
#toggle span:before {
	width: 100%;
	height: 5px;
	background-color: #fff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	backface-visibility: hidden;
}




/* on activation */
#toggle.on span {
	background-color: transparent;
}



#toggle.on span:before {
	-moz-transform: rotate(45deg) translate(5px, 5px);
	-ms-transform: rotate(45deg) translate(5px, 5px);
	-webkit-transform: rotate(45deg) translate(5px, 5px);
	transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
	-moz-transform: rotate(-45deg) translate(7px, -8px);
	-ms-transform: rotate(-45deg) translate(7px, -8px);
	-webkit-transform: rotate(-45deg) translate(7px, -8px);
	transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on span:after,
#toggle.on span:before {
	background-color: #ffffff;
}
#toggle.on + #mainmenu {
	display: block;
}



#mainmenu{
   
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
	background-color: #0692c3;	
	padding: 0.1875rem 0.6875rem;
               
}

#header-minimal.fixed_type #mainmenu{
	background: rgba(0,0,0,1);

}


#logo-white,
#logo-white img{

	width: 150px;
	height: auto;

}


@media only screen and (min-width: 40.63em) {
	#logo-white,
	#logo-white img{
		width: 200px;
		padding-top: 0.4rem;
	}
}


#mainmenu ul{
	text-align: center;
	list-style: none;
   
}

#mainmenu li{
	line-height: 1.2;
}


#mainmenu ul a{
	color: #ffffff;
	  font-family: "Titillium Web";
	text-decoration: none;

}


#mainmenu ul a:hover{
	text-decoration: underline;
}


.mobile-nav{
	margin: 0;
}

.mobile-nav[class*="block-grid-"] > li{
	padding: 0;
}


@media only screen and (max-width: 64em) {

	#toggle-container{
		display: block;

	}

	.top-bar-section > ul:not(.title-area):not(.dropdown):not(.accordion){
		display: none;
 
	}

}








/* top bar */

.top-bar-section{

	  padding-top: 14px;                
	  margin: 0;
}



/*  CONTENITORE MENU PRINCIPALE */

.top-bar-section > ul{

	   display: inline-block;
	   margin-right: auto;
	   border:0px solid white;
                   margin-left:75px;
                  
}


.top-bar.expanded .title-area{
	background: transparent;
  

}


.top-bar-section ul li{
	background: transparent;
  
                 
}


.top-bar-section > ul:not(.title-area):not(.dropdown){

	padding: 1.0475rem 0 0 0;

}


.top-bar-section ul:not(.title-area) li{
	padding: 0px;
            
}






/* FONT SIZE MENU PRINCIPALE E COLORE FONT */

.top-bar-section > ul > li > a:not(.fa-heart){

	font-family: "Titillium Web";
	color: #fff;
	font-size: 1.0rem;
	margin-left: 6px;
                text-transform:uppercase;
}





.top-bar-section li:not(.has-form) a:not(.button):not(#toggle),
.top-bar-section li:not(.has-form) span{

	padding: 0.9875rem 0.6875rem;
	background: transparent;
	line-height: 1.3;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}




#mainmenu .accordion .accordion-navigation > .content a,
#mainmenu .accordion dd > .content a{

	padding-right: 0.4875rem;
	padding-left: 0.4875rem;
}




.top-bar-section li:not(.has-form) a:hover:not(.button){

	background: transparent;
	color: #0692c3;

}




.top-bar-section > ul > li:not(.has-form):hover > a{

	background: transparent;
	color: #0692c3;

}


.top-bar-section .has-dropdown > a{

	padding-right: 0.6875rem !important;
       
              

}



.top-bar-section .has-dropdown > a::after{

	border: 0 !important;


}


.top-bar-section li.active:not(.has-form) > span{
	display: block;
 
}





.top-bar-section li.active:not(.has-form) > a:not(.button):not(#toggle),
.top-bar-section li.active:not(.has-form) > span{

	background: #0692c3;
	color: #ffffff;


}



.top-bar-section li.active:not(.has-form) a:hover:not(.button),
.top-bar-section li.active:not(.has-form) span:hover{

	background: #0692c3;
	color: #ffffff;
	text-decoration: none;
             
}






.top-bar-section .dropdown {

                             
	font-family: "Titillium Web";
	padding: 5px;
	background:#2a2a2a;
	border-top: 1px solid #0692c3;
	border-bottom: 1px solid #0692c3;
                width:500px;
       

}

.top-bar-section .dropdown li{

	text-align: center;
               font-family: "Titillium Web";
            
               
}


/*   */

.top-bar-section .dropdown  li a{

                font-family: "Titillium Web";
	font-size: 0.7rem;	
	line-height: 1.15rem;	
	padding: 0.5875rem !important;
                text-transform:uppercase;
           
   
}




/*  COLORE FONT SUBMENU 3 livello  */

.top-bar-section .dropdown ul li:not(.has-form):not(.active) > a:not(.button) {

	color: white;
	background: transparent;
	border-bottom: 1px solid #3d3d3d;
                font-family: "Titillium Web";
	font-size: 1.0rem;
   
       
}




/*  COLORE FONT SUBMENU   2 livello     */

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {

	color: white;
	background: transparent;
	border-bottom: 1px solid #3d3d3d;
                font-family: "Titillium Web";
	font-size: 0.78rem;           /*  dimensione FONT SUBMENU   2 livello */
              
   
   
}


.top-bar-section .dropdown li:last-child > a:not(.button) {

	border-bottom: 0;


}



/*  COLORE hover SUBMENU   2 livello */

.top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {

	background: #3b3e3d !important;
	color: #0692c3;

}

.top-bar-section ul li:hover:not(.has-form) > a {
	background: transparent;
	color: #0692c3;

}

.top-bar-section .dropdown li.title.back a{

	  font-family: "Titillium Web";
	color: #ffffff;
	font-size: 0.70rem;
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px dotted #000000;

 
}


.top-bar-section .dropdown li.title.back a:hover{
	color: #ffffff;
	text-decoration: underline;
}


.top-bar-section .dropdown::before{

	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0692c3;
	border-image: none;
	border-style: solid;
	border-width: 5px 9px ;
	content: " ";
	height: 0;
	left: 50%;
	margin: -11px 0 0 -16px;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 0;
	z-index: 5;


}


@media only screen and (max-width: 64em) {

	.top-bar-section .dropdown::before{
		border: 0;
	}
	.top-bar-section .dropdown{
		padding-bottom: 50px;
	}
	.top-bar-section .dropdown li.title h5 a:hover,
	.top-bar-section .dropdown li.parent-link a:hover{
		color: #ffffff;
	}
	.top-bar-section li.active:not(.has-form) > a:not(.button):not(#toggle){
		background: #f2f2f2;
		border-bottom: 0;
	}
	.top-bar-section li:not(.has-form) a:hover:not(.button):not(#toggle),
	.top-bar-section li.active:not(.has-form) > a:hover:not(.button):not(#toggle){
		background: #f2f2f2;
	}
	.top-bar-section .dropdown li a {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.top-bar-section li.active:not(.has-form) .dropdown li > a:not(.button):not(#toggle){
		  font-family: "Titillium Web";
		color: #ffffff;
		font-size: 0.92rem;
		border-bottom: 0;
	}
}

.top-bar .icon-bar-custom{
	margin-top: 0.79rem;
 
}

.top-bar .show-for-small-only .icon-bar-custom{
	margin-top: 0;
}











/*********************************
13. Footer
*********************************/

.footer
{
	width: 100%;
	min-height: 430px;
	padding-top: 83px;
	padding-bottom: 44px;
	background: #000066;
}
.footer_title
{
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	text-transform: uppercase;
}

/*********************************
13.1 Footer - About
*********************************/

.footer_about
{
	padding-top: 67px;
}
.footer_logo
{
	position: absolute;
	left: 0;
	top: -24px;
}
.footer_about_text
{
	font-size: 13px;
	font-weight: 600;
	color: #FFFFFF;
}
.footer_social_item
{
	display: inline-block;
	width: 31px;
	height: 31px;
	border: solid 1px #29aae3;
	border-radius: 50%;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-right: 9px;
}
.footer_social_item:last-child
{
	margin-right: 0px;
}
.footer_social_item a
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.footer_social_item a i
{
	display: block;
	position: relative;
	color: #FFFFFF;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 12px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social_item:hover
{
	background: #29aae3;
}
.footer_social_item:hover a i
{
	color: #31124b;
}

/*********************************
13.2 Footer - Blog
*********************************/

.footer_blog
{
	margin-top: 39px;
}
.footer_blog_item
{
	margin-bottom: 21px;
}
.footer_blog_item:last-child
{
	margin-bottom: 0px;
}
.footer_blog_image
{
	width: 60px;
	height: 60px;
	float: left;
}
.footer_blog_image img
{
	width: 100%;
}
.footer_blog_content
{
	padding-left: 81px;
}
.footer_blog_title
{
	margin-top: -4px;
	padding-left: 1px;
}
.footer_blog_title a
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}
.footer_blog_title a:hover
{
	color: #29aae3;
}
.footer_blog_date
{
	font-size: 12px;
	font-weight: 400;
	color: #29aae3;
	margin-top: 7px;
}

/*********************************
13.3 Footer - Tags
*********************************/

.footer_tags
{
	margin-top: 40px;
}
.tag_item
{
	height: 35px;
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	border: solid 1px #29aae3;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tag_item:hover
{
	background: #29aae3;
}
.tag_item a
{
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 33px;
	padding-left: 25px;
	padding-right: 25px;
}

/*********************************
13.4 Footer - Contact Info
*********************************/

.contact_info_list
{
	margin-top: 40px;
}
.contact_info_item
{
	margin-bottom: 22px;
}
.contact_info_icon
{
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.contact_info_icon img
{
	display: block;
	width: 100%;
}


.contact_info_text,
.contact_info_text a
{

             font-size: 16px;
	color: #FFFFFF;	
	margin-top: -4px;
}


.contact_info_item:hover .contact_info_text,
.contact_info_item:hover .contact_info_text a
{
	color: #29aae3;
}

/*********************************
14. Copyright
*********************************/

.copyright
{
	background: #000044;
}
.copyright_content
{
	height: 52px;
}
.copyright_content div
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
}
.footer_nav_container
{
	height: 52px;
}
.footer_nav
{
	
}
.footer_nav_list
{
	font-size: 0px;
}
.footer_nav_item
{
	display: inline-block;
	margin-right: 40px;
}
.footer_nav_item a
{
	font-size: 12px;
	font-weight: 600;
	color: #685677;
	text-transform: uppercase;
	line-height: 2;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_nav_item a:hover
{
	color: #FFFFFF;
}