/*************************

*******Typography******

**************************/

body {

  font-family: 'Open Sans', sans-serif;

  font-size: 14px;

  line-height: 24px;

  color: #666;

  background-color: #fff;

}



h1, h2, h3, h4, h5, h6 {

  color: #333;

}



h2 {

  font-size: 30px;

  margin-bottom: 20px;

}



h3 {

  font-size: 18px;

}



.parallax {

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  background-attachment: fixed;

}



.parallax,

.parallax h1,

.parallax h2,

.parallax h3,

.parallax h4,

.parallax h5,

.parallax h6 {

  color: #fff;

}



.parallax input[type="text"],

.parallax input[type="text"]:hover,

.parallax input[type="email"],

.parallax input[type="email"]:hover,

.parallax input[type="url"],

.parallax input[type="url"]:hover,

.parallax input[type="password"],

.parallax input[type="password"]:hover,

.parallax textarea,

.parallax textarea:hover {

  font-weight: 300;

  color: #fff;

}



.btn {

  border: 0;

  border-radius: 0;

}



.btn.btn-primary:hover {

  background-color: #017fb5;

}



.navbar-nav li a:hover, 

.navbar-nav li a:focus {

  outline:none;

  outline-offset: 0;

  text-decoration:none;  

  background: transparent;

}



a {

  text-decoration: none;

  -webkit-transition: 300ms;

  -moz-transition: 300ms;

  -o-transition: 300ms;

  transition: 300ms;

}



a:focus, 

a:hover {

  text-decoration: none;

  outline: none

}



section {

  padding: 30px 0;

}



.heading {

  padding-bottom:90px;

}



.preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 999999;

  background: #fff;

}



.preloader > i {

  position: absolute;

  font-size: 36px;

  line-height: 36px;

  top: 50%;

  left: 50%;

  height: 36px;

  width: 36px;

  margin-top: -15px;

  margin-left: -15px;

  display: inline-block;

}





/*************************

********Home CSS**********

**************************/

#home-slider {

  overflow: hidden;

  position: relative;

}



#home-slider .caption {

  position: absolute;

  top: 50%;

  margin-top: -104px;

  left: 0;

  right: 0;

  text-align: center;

  text-transform: uppercase;

  z-index: 15;

  font-size: 18px;

  font-weight: 300;

  color: #fff;

}



#home-slider .caption h1 {

  color: #fff;

  font-size: 60px;

  font-weight: 700;

  margin-bottom: 30px;

}



.caption .btn-start {

  color: #fff;

  font-size: 14px;

  font-weight: 600;

  padding:14px 40px;

  border: 1px solid #6e6d6c;

  border-radius: 4px;

  margin-top: 40px;

}



.caption .btn-start:hover {

  color: #fff

}



.carousel-fade .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

  transition-property: opacity;

  background-repeat: no-repeat;

  background-size: cover;

  height: 2037px;

}



.carousel-fade .carousel-inner .item:after {

  content: " ";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0,0,0,.7);

}



.carousel-fade .carousel-inner .active {

  opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}

.carousel-fade .carousel-control {

  z-index: 2;

}



.left-control, .right-control {

  position: absolute;

  top: 50%;

  height: 51px;

  width: 51px;

  line-height: 48px;

  border-radius: 50%;

  border:1px solid #fff;  

  z-index: 20;

  font-size: 24px;

  color: #fff;

  text-align: center;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -ms-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}



.left-control {

  left: -51px

} 



.right-control {

  right: -51px;

}



.left-control:hover, 

.right-control:hover {

  color: #fff;

}



#home-slider:hover .left-control {

  left:30px

} 



#home-slider:hover .right-control {

  right:30px

}



#home-slider .fa-angle-down {

  position: absolute;

  left: 50%;

  bottom: 50px;

  color: #fff;

  display: inline-block;

  width: 24px;

  margin-left: -12px;

  font-size: 24px;

  line-height: 24px;

  z-index: 999;

  -webkit-animation: bounce 3000ms infinite;

  animation: bounce 3000ms infinite;

}



.navbar-right li a {

  color: #fff;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 600;

  padding-top: 30px;

  padding-bottom: 30px;

}



.navbar-right li.active a {

  background-color: rgba(0,0,0,.2);

}



.navbar-brand h1 {

  margin-top: 5px;

}



/*************************

********Service CSS*******

**************************/



.service-icon {

  border-radius: 4px;

  color: #fff;

  display: inline-block;

  font-size: 36px;

  height: 90px;

  line-height: 90px;

  width: 90px;  

  -webkit-transition: background-color 0.2s ease;

  transition: background-color 0.2s ease;

}



.our-services .col-sm-4:hover .service-icon {

  background-color: #333;

}



.our-services .col-sm-4 {

  border-right:1px solid #f2f2f2;

  border-bottom:1px solid #f2f2f2;

  padding-bottom: 50px;

}



.our-services .col-sm-4:nth-child(4), 

.our-services .col-sm-4:nth-child(5), 

.our-services .col-sm-4:nth-child(6) {

  border-bottom:0;

  padding-top: 60px;

}



.our-services .col-sm-4:nth-child(3), 

.our-services .col-sm-4:nth-child(6) {

  border-right:0;

}



.service-info h3 {

  margin-top: 35px;

}



/*************************

********About CSS*******

**************************/

#about-us {

  background-image: url(../images/about-bg.jpg);

  padding: 60px 0;

}



#about-us h2 {

  margin-top: 0;

  color: #fff;

}



#about-us .lead {

  font-size: 16px;

  margin-bottom: 10px;

}



#about-us h1 {

  margin-bottom: 30px;

}



.progress{

  height: 20px;

  background-color: #fff;

  border-radius: 0;

  box-shadow: none;

  -webkit-box-shadow: none;

  margin-bottom: 25px;

}



.progress-bar{

  box-shadow: none;

  -webkit-box-shadow: none;

  text-align: right;

  padding-right: 12px;

  font-size: 12px;

  font-weight: 600;

}





.progress .progress-bar.six-sec-ease-in-out {

  -webkit-transition: width 2s ease-in-out;

  transition:  width 2s ease-in-out;

}



/*************************

********portfolio CSS*****

**************************/



#portfolio .container-fluid, 

#portfolio .col-sm-3  {

  overflow: hidden;

  padding: 0;

}



#portfolio .folio-item {

  position: relative;

}



#portfolio .overlay {

  background-color: #000;

  color: #fff; 

  left: 0;

  right:0;

  bottom:-100%;

  height: 0;

  position: absolute;

  text-align: center;

  opacity:0;  

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.overlay .overlay-content {

  display: table;

  height: 100%;

  width: 100%;

}



.overlay .overlay-text {

  display: table-cell;

  vertical-align: middle;

}



.overlay .folio-info {

  opacity: 0;

  margin-bottom: 75px;

  margin-top: -75px;

  -webkit-transition: all 1s ease-in-out;

  transition: all 1s ease-in-out;

}



.overlay .folio-info h3 {

  margin-top: 0;

  color: #fff;

}



.folio-overview a {

  font-size: 18px;

  color: #333;

  height: 50px;

  width: 50px;

  line-height: 50px;

  border-radius: 50%;

  background-color: #fff;

  display: inline-block;

  margin-top: 20px;

  margin-right: 5px;

}



.folio-overview a:hover {

  color: #fff;

}



.folio-overview .folio-expand {

  margin-top: -500px;

  margin-left: -500px;

}



.folio-image, .folio-overview .folio-expand {

  -webkit-transition: all 0.8s ease-in-out;

  transition: all 0.8s ease-in-out;

}



#portfolio .folio-item:hover .folio-image {

  -webkit-transform: scale(1.5) rotate(-15deg);

  transform: scale(1.5) rotate(-15deg);

}



.folio-image img {

  width: 100%;

}



#portfolio .folio-item:hover .overlay {

  opacity: 0.8;

  bottom: 0;

  height: 100%;

}



#portfolio .folio-item:hover .folio-overview .folio-expand {

  margin-top: 0;

  margin-left:0;

}



#portfolio .folio-item:hover .overlay .folio-info {

  opacity: 1;  

  margin-bottom:0;

  margin-top:0;

}





#single-portfolio {

  padding: 90px 0;

  background: #f5f5f5;

  position: relative;

}



#single-portfolio img {

  width: 100%;

  margin-bottom: 10px;

}



#single-portfolio .close-folio-item {

  position: absolute;

  top: 30px;

  font-size: 34px;

  width: 34px;

  height: 34px;

  left: 50%;

  color: #999;

  margin-left: -17px;

}







/*************************

********for-sale CSS*****

**************************/



#for-sale .container-fluid, 

#for-sale .col-sm-3  {

  overflow: hidden;

  padding: 0;

}



#for-sale .folio-item {

  position: relative;

}



#for-sale .overlay {

  background-color: #000;

  color: #fff; 

  left: 0;

  right:0;

  bottom:-100%;

  height: 0;

  position: absolute;

  text-align: center;

  opacity:0;  

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

}



.overlay .overlay-content {

  display: table;

  height: 100%;

  width: 100%;

}



.overlay .overlay-text {

  display: table-cell;

  vertical-align: middle;

}



.overlay .folio-info {

  opacity: 0;

  margin-bottom: 75px;

  margin-top: -75px;

  -webkit-transition: all 1s ease-in-out;

  transition: all 1s ease-in-out;

}



.overlay .folio-info h3 {

  margin-top: 0;

  color: #fff;

}

.folio-info h4 {
	
	color: #07d4c1;
    font-weight: 700;
    font-size: 20px;
}


.folio-overview a {

  font-size: 18px;

  color: #333;

  height: 50px;

  width: 50px;

  line-height: 50px;

  border-radius: 50%;

  background-color: #fff;

  display: inline-block;

  margin-top: 20px;

  margin-right: 5px;

}



.folio-overview a:hover {

  color: #fff;

}



.folio-overview .folio-expand {

  margin-top: -500px;

  margin-left: -500px;

}



.folio-image, .folio-overview .folio-expand {

  -webkit-transition: all 0.8s ease-in-out;

  transition: all 0.8s ease-in-out;

}



#for-sale .folio-item:hover .folio-image {

  -webkit-transform: scale(1.5) rotate(-15deg);

  transform: scale(1.5) rotate(-15deg);

}



.folio-image img {

  width: 100%;

}



#for-sale .folio-item:hover .overlay {

  opacity: 0.8;

  bottom: 0;

  height: 100%;

}



#for-sale .folio-item:hover .folio-overview .folio-expand {

  margin-top: 0;

  margin-left:0;

}



#for-sale .folio-item:hover .overlay .folio-info {

  opacity: 1;  

  margin-bottom:0;

  margin-top:0;

}





#single-portfolio {

  padding: 90px 0;

  background: #f5f5f5;

  position: relative;

}



#single-portfolio img {

  width: 100%;

  margin-bottom: 10px;

}



#single-portfolio .close-folio-item {

  position: absolute;

  top: 30px;

  font-size: 34px;

  width: 34px;

  height: 34px;

  left: 50%;

  color: #999;

  margin-left: -17px;

}













/*************************

*********Team CSS*********

**************************/

#team {

  padding-top: 0;

}



.team-members {

  margin-bottom: 25px;

}



.social-icons {

  margin-top:30px;

  text-align: center;

}



.social-icons ul {

  list-style: none;

  padding: 0;

  margin: 0;

  display: inline-block;

}



.social-icons ul li {

  float: left;

  margin-right: 8px;

}



.social-icons ul li:last-child {

  margin-right: 0;

}



.social-icons ul li a {

  color:#fff;

  background-color: #d9d9d9;

  height: 36px;

  width: 36px;

  line-height: 36px;

  display: block;

  font-size: 16px;

  opacity: 0.8;

}



.social-icons ul li a:hover {

  opacity: 1;

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

}



.team-member {

  text-align: center;

  color: #333;

  font-size: 14px;

}



.team-member:hover .social-icons ul li a.facebook {

  background-color: #3b5999;

}

.team-member:hover .social-icons ul li a.twitter {

  background-color: #2ac6f7;

}

.team-member:hover .social-icons ul li a.dribbble {

  background-color: #ff5b92;

}

.team-member:hover .social-icons ul li a.linkedin {

  background-color: #036dc0;

}

.team-member:hover .social-icons ul li a.rss {

  background-color: #ff6b00;

}



#team .img-responsive {

  width: 100%;

}



.member-info h3 {

  margin-top: 35px;

}



.member-info h4 {

  font-size: 14px;

  margin-bottom: 15px;

  color: #999;

}





/*************************

*******Features CSS*******

**************************/

#features {

  text-align: center;

  background-image: url(../images/features-bg.jpg);

}



#features i {

  font-size: 48px;

}



#features h3 {

  margin-top: 15px;

  font-size: 30px;

  margin-bottom: 7px;

  color: #fff;

}



#features .slider-overlay {

  opacity: 0.8;

}





/*************************

*****Pricing Table CSS****

**************************/

.pricing-table {

  text-align: center;

}



.single-table {

  padding: 30px 20px 20px;

  border:1px solid #f2f2f2;

}



.single-table h3 {

  margin-top: 0;

  padding: 0;

  font-size: 18px;

  text-transform: uppercase;

  margin-bottom: 30px;

}



.price {

  font-size: 36px;

  line-height: 36px;

}



.price span {

  font-size: 14px;

  line-height: 14px;

}



.single-table ul {

  list-style: none;

  padding: 0;

  margin: 30px 0;

}



.single-table ul li {

  line-height: 30px;

}



.single-table.featured {  

  color: #fff;

}



.single-table.featured h3 { 

  color: #fff;

}



.single-table.featured .btn.btn-primary {

  background-color: #fff;

}



/*************************

********Twitter CSS*******

**************************/

#twitter {

  background-image: url(../images/twitter-bg.jpg);

}



#twitter > div {

  text-align: center;

  position: relative;

}



#twitter-carousel {

  position: relative;

  z-index: 15

}



.twitter-icon {

  position: relative;

  z-index: 15;

  color: #fff;

}



.twitter-icon .fa-twitter {

  font-size: 24px;

  height: 64px;

  width: 64px;

  line-height: 65px;

  border-radius: 50%; 

  position: relative;

}



.twitter-icon .fa-twitter:after {

  position: absolute;

  content: "";

  border-width: 8px;

  border-style: solid;

  left: 24px;

  bottom: -14px;

}



#twitter-carousel .item {

  padding: 0 55px;

}



#twitter-carousel .item a {

  color: #fff;

}



.twitter-icon h4 {

  text-transform: uppercase;

  margin-top: 25px;

  margin-bottom: 25px;

  color: #fff;

}



.twitter-left-control, 

.twitter-right-control {

  position: absolute;

  top: 50%;

  color: #fff;

  border: 1px solid #fafafa;

  height:34px;

  width: 34px;

  line-height: 31px;

  margin-top: -17px;

  font-size: 18px;

  border-radius: 50%;

  z-index: 15

}



.twitter-left-control {

  left: 80px;

} 



.twitter-right-control {

  right: 80px

}



.twitter-left-control:hover, .twitter-right-control:hover {

  color: #fff;

}





/*************************

**********Blog CSS********

**************************/



.post-thumb {

  position: relative;

}



.post-icon {

  position: absolute;

  top:10px;

  right:10px;

  height: 30px;

  width: 30px;

  line-height: 30px;

  border-radius:4px;

  text-align: center;

  color: #fff;

  font-size: 12px;

}



.post-meta {

  position: absolute;

  bottom: 15px;

  left: 15px;

  color: #fff;

  font-size: 12px;

  text-transform: uppercase;

  font-weight: 600;

}



.post-meta span {

  margin-right: 16px;

}



#post-carousel .carousel-indicators {

  bottom: 3px;

  left: 90%;

}



.blog-left-control, .blog-right-control {

  position: absolute;

  top: 45%;

  width: 30px;

  text-align: center;

  color: rgba(255,255,255,.7);

  font-size: 36px;

}



.blog-left-control {

  left: 0;

}



.blog-right-control {

  right: 0;

}



.blog-left-control:hover, .blog-right-control:hover {

  color: #fff;  

}



.entry-header h3 a {

  line-height: 30px;

}



.entry-header .date, 

.entry-header .cetagory {

  display: inline-block;

  font-size: 11px;

  font-weight: 600;

  margin-bottom: 30px;

  text-transform: uppercase;

  position: relative;

}



.entry-header .date:after {

  content: "";

  position: absolute;

  left: 0;

  bottom:-22px;

  width: 20px;

  height: 3px;

}



.entry-content {

  font-size: 14px;

}



.load-more {

  display:block;

  text-align: center;

  margin-top: 70px;

}



.btn-loadmore {

    border: 1px solid #009688;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 125px;
    text-transform: uppercase;
    background: #009688;

}



.btn-loadmore:hover {

  color:#fff;

}



/*************************

**********Contact CSS*****

**************************/



#contact {

  padding-top: 45px;

  padding-bottom: 0;

}



#google-map {

  height: 350px;

}



#contact-us {

  background-image:url(../images/contact-bg.jpg);

  padding-bottom: 90px; 

}



#contact-us .heading {

  padding-top: 95px;

}



.form-control {

  background-color: transparent;

  border-color: rgba(255,255,255,.1);

  height: 50px;

  border-radius: 0;

  box-shadow: none;

}



textarea.form-control {

  min-height: 180px;

  resize:none;

}



.form-group {

  margin-bottom: 30px;

}



.contact-info {

  padding-left:70px;

  font-weight: 300;

}



ul.address {

  margin-top: 30px;

  list-style: none;

  padding: 0;

  margin: 0;

}



.contact-info ul li {

  margin-bottom: 8px;

}



.contact-info ul li a {

  color: #fff;

}



.btn-submit {

  display: block;

  padding: 12px;

  width: 100%;

  color: #fff;

  border:0;

  margin-top: 40px;

}



#footer {

  color:#fff;

}



.footer-top {

  position: relative;

  padding:30px 0

}



#footer .footer-bottom {

  background-color: #fff;

  padding: 20px 0 10px;

}



#footer .footer-bottom a:hover {

  text-decoration: underline;

}



.footer-logo {

  display: inline-block;

  margin-bottom: 5px;

}



#footer .social-icons {

  margin-top: 15px;

}



#footer .social-icons ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



#footer .social-icons ul li a {

  background-color: rgba(0,0,0,.2);

  border-radius: 4px;

  line-height: 33px;

}



#footer .social-icons ul li a:hover {

  color: #fff

}



#footer .social-icons ul li a.envelope:hover {

  background-color: #CECB26;

}



#footer .social-icons ul li a.facebook:hover {

  background-color: #3b5999;

}

#footer .social-icons ul li a.twitter:hover {

  background-color: #2ac6f7;

}

#footer .social-icons ul li a.dribbble:hover {

  background-color: #ff5b92;

}

#footer .social-icons ul li a.linkedin:hover {

  background-color: #036dc0;

}

#footer .social-icons ul li a.tumblr:hover {

  background-color: #ff6b00;

}



/*Presets*/



/*************************telegram**********/
.telegram-foot {
	position:fixed;
	bottom:20px;
	left:20px;
	width:60px;
	height:60px;
	color:white;
	line-height:60px;
	background:#009CFF;
	-webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: telegram 2s ease infinite;
    animation: telegram 2s ease infinite;
    -webkit-box-shadow: 0 0 0 7px rgb(42 182 246 / 15%);
    box-shadow: 0 0 0 7px rgb(42 182 246 / 15%);
    border-radius:100%;
    text-align:center;
    font-size:32px;
        z-index: 100000000;
}

.lni {
    display: inline-block;
    /* font: normal normal normal 1em/1 'LineIcons'; */
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 13px 0px;
    color:#fff;
}

/***********telegram************************/







/*# captcha_bg css start */
.captcha_bg {
        width: 100%;
}
.captcha_bg ul {
    
}
.captcha_bg ul li{
     display: inline-block;
    width: 49%;
    float: none;   
}
.captcha {
    background-color: #f9f9f9;
    border: 2px solid #d3d3d3;
    border-radius: 5px;
    color: #4c4a4b;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: auto;
    padding: 5px 10px;
}


.captcha_btn input{
    margin-top: 10px;
}

.captcha .text {
    font-size: 14px;
    font-weight: 500;
    margin: -4px 0px 0px 0px;
}
.captcha .spinner {
    position: relative;
    width: 2em;
    height: 2em;
    display: flex;
    margin: 0px 10px 0px 0px;
    align-items: center;
    justify-content: center;
}
.captcha input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; }
.captcha input[type="checkbox"]+.checkmark {
	display:inline-block;
	width:2em;
	height:2em;
	background-color:#fcfcfc;
	border:2.5px solid #c3c3c3;
	border-radius:3px;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor: pointer;
}
.captcha input[type="checkbox"]+.checkmark span {
	content:'';
	position:relative;/*
	position:absolute;
	border-bottom:3px solid;
	border-right:3px solid;
	border-color:#029f56;*/
	margin-top:-3px;
	transform:rotate(45deg);
	width:.75em;
	height:1.2em;
	opacity:0;
}
.captcha input[type="checkbox"]+.checkmark>span:after {
	content:'';
	position:absolute;
	display:block;
	height:3px;
	bottom:0;left:0;
	background-color:#029f56;
}
.captcha input[type="checkbox"]+.checkmark>span:before {
	content:'';
	position:absolute;
	display:block;
	width:3px;
	bottom:0;right:0;
	background-color:#029f56;
}
.captcha input[type="checkbox"]:checked+.checkmark { 
	animation:2s spin forwards;
}
.captcha input[type="checkbox"]:checked+.checkmark>span { 
	animation:1s fadein 1.9s forwards;
}
.captcha input[type="checkbox"]:checked+.checkmark>span:after {animation:.3s bottomslide 2s forwards;}
.captcha input[type="checkbox"]:checked+.checkmark>span:before {animation:.5s rightslide 2.2s forwards;}
@keyframes fadein {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes bottomslide {
	0% {width:0;}
	100% {width:100%;}
}
@keyframes rightslide {
	0% {height:0;}
	100% {height:100%;}
}
.captcha .logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    margin: 0px 0px 0px 0px;
}
.captcha .logo img {
	height:2em;
	width:2em;
}
.captcha .logo p {
    color: #9d9ba7;
    font-size: 13px;
    font-weight: 700;
    margin: 0px 0px 0px 0px;
}
.captcha .logo small {
	color:#9d9ba7;
	margin:0;
	font-size:.8em;
}
@keyframes spin {
	10% {
		width:0;
		height:0;
		border-width:6px;
	}
	30% {
		width:0;
		height:0;
		border-radius:50%;
		border-width:1em;
		transform: rotate(0deg);
		border-color:rgb(199,218,245);
	}
	50% {
		width:2em;
		height:2em;
		border-radius:50%;
		border-width:4px;
		border-color:rgb(199,218,245);
		border-right-color:rgb(89,152,239);
	}
	70% {
		border-width:4px;
		border-color:rgb(199,218,245);
		border-right-color:rgb(89,152,239);
	}
	90% {
		border-width:4px;
	}
	100% {
		width:2em;
		height:2em;
		border-radius:50%;
		transform: rotate(720deg);
		border-color:transparent;
	}
}
::selection {
	background-color:transparent;
	color:teal;
}
::-moz-selection {
	background-color:transparent;
	color:teal;
}


@media screen and (max-width: 500px) {

.captcha .text {
	margin:.5em!important;
	text-align:center;
}
.captcha .logo {
	align-self: center!important;
}
.captcha .spinner {
	margin:2em .5em .5em .5em!important;
}
}