@import url(https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css);

@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);





.container {



    height: 40px;

margin: auto;



  text-align: center;

}

.btn-green2 {

    color: #f7f7f7;

    text-align: center;

    background: #4098b9;

    width: 80%;

    font-size: 20px;

    padding: 5px 0px;

    -moz-box-shadow: 0 2px 0 #d64737;

    -webkit-box-shadow: 0 2px 0 #3b7c8f;

    box-shadow: 0 3px 0 #3b7c8f;

    border-radius: 6px;

    border: 0px;

}

.btn-green2:hover {

    background: #33a6d1;

}

.button12 {

  outline: none;

padding: 5px;

  text-align: center;

  width: 150px;



  background: #fff;

  border: 2px solid #1ECD97;

  color: #1ECD97;

  letter-spacing: 1px;

  text-shadow: 0;

  font-size: 16px;

  font-weight: bold;

  cursor: pointer;

  -webkit-transition: all 0.25s ease;

  transition: all 0.25s ease;

}

.button12:hover {

  color: white;

  background: #1ECD97;

}

.button12:active {

  letter-spacing: 2px;

}

.button12:after {

  content: "Send";

}



.onclic {

        border-radius: 40px;

      height: 30px;

    margin: auto;

  width: 30px;

  border-color: #bbbbbb;

  border-width: 3px;

  font-size: 0;

  border-left-color: #1ECD97;

  -webkit-animation: rotating 2s 0.25s linear infinite;

          animation: rotating 2s 0.25s linear infinite;

}

.onclic:after {

  content: "";

}

.onclic:hover {

  color: #1ECD97;

  background: white;



}



.validate {

   pointer-events: none;

   cursor: default;

  font-size: 16px;

  color: white;

  background: #1ECD97;

}

.validate:after {

  font-family: 'FontAwesome';

  content: "\f00c";

}



@-webkit-keyframes rotating {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}



@keyframes rotating {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}





form {

  padding: 20px 0;

  position: relative;

  z-index: 2;

}

form input {

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

  outline: 0;

  border: 1px solid #444444;

  background-color: #fff;

  width: 100%;

  border-radius: 3px;

  padding: 5px 10px;

  margin: 0 auto 0px auto;

  display: block;

  text-align: left;

  font-size: 18px;

  color: #444444;

  -webkit-transition-duration: 0.25s;

          transition-duration: 0.25s;

  font-weight: 300;

}

form input:hover {

  background-color: #f2f2f2;

}

form input:focus {

  background-color: #e8f0fe;

  width: 100%;

  color: #333;

}

























.panel button:focus{

  outline: auto;

}



.panel button {color:#454545;background:transparent;border-width:2px;border-style: solid;border-color: #454545;position:relative;margin:0.8em;display:inline-block;padding:0.5em 0.8em;transition:all 0.3s ease-in-out;text-align:center;

font-weight:bold}

.panel button:before, .panel button:after {content:'';display:block;position:absolute;border-color:#454545;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}

.panel button:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}

.panel button:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}

.panel button:hover:before, button:hover:after {width:calc(100% + 12px);

  height:calc(100% + 12px);border-color:#fff}

.panel button:hover {color:#353535;background-color:#fff;border-color:#fff}

.panel {max-width:960px;text-align:center;position:relative;margin:auto; z-index: 100000;}





.pink button {color:#eb1777;border-color:#eb1777}

.pink button:before, .pink button:after  {border-color:#eb1777}

.pink button:hover:before, .pink button:hover:after {border-color:#eb1777;}

.pink button:hover {color:#fff;background-color:#eb1777;border-color:#eb1777;}

.pink .panel {max-width:960px;text-align:center;position:relative;margin:auto;}





.blue button {color:#3bb4e5;border-color:#3bb4e5}

.blue button:before, .blue button:after  {border-color:#3bb4e5}

.blue button:hover:before, .blue button:hover:after {width:calc(100% + 12px);

  height:calc(100% + 12px);border-color:#3bb4e5;transform:rotateY(180deg)}

.blue button:hover {color:#3bb4e5;background-color:transparent;border-color:#3bb4e5}

.blue .panel {max-width:960px;text-align:center;position:relative;margin:auto;}



.borderless button {border-color:rgba(0,0,0,0);color:#fff; outline-color: rgba(105, 105, 105, 0.5);}

.borderless button:hover {border-color:#fff;background-color:transparent;color:#fff}

.borderless button:before, .borderless button:after {border-color:transparent;}

.borderless button:hover:before, .borderless button:hover:after {width:calc(100% + 12px); height:calc(100% + 12px);border-color:#fff}



.bw button {   
  color: #ffffff;
  font-weight: 800;
  background-color: #11af24;
  border-color: #25cb2d;
  text-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.1) inset;

}

.bw button:before, .bw button:after  {border-color:#11af24}

.bw button:hover:before, .bw button:hover:after {width:calc(100% + 12px);

  height:calc(100% + 12px);border-color:#f7f7f7;}

.bw button:hover {color:#fff;background-color: #05cece;border-color:#f7f7f7}

.blue .panel {max-width:960px;text-align:center;position:relative;margin:auto;}













.col-md-3 a.animated-button:link:after, a.animated-button:visited:after {

    content: "";

    position: absolute;

    height: 0%;

    left: 50%;

    top: 50%;

    width: 150%;

    z-index: -1;

    -webkit-transition: all 0.75s ease 0s;

    -moz-transition: all 0.75s ease 0s;

    -o-transition: all 0.75s ease 0s;

    transition: all 0.75s ease 0s;

}

.col-md-3 a.animated-button:link:hover, a.animated-button:visited:hover {

    color: #FFF;

    text-shadow: none;

}

.col-md-3 a.animated-button:link:hover:after, a.animated-button:visited:hover:after {

    height: 450%;

}

.col-md-3 a.animated-button:link, a.animated-button:visited {

    position: relative;

    display: block;

    margin: 0px auto 0;

    padding: 14px 15px;

    color: #dc481b;

    font-size:14px;

    border-radius: 0;

    font-weight: bold;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    overflow: hidden;

    letter-spacing: .08em;

    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);

    -webkit-transition: all 1s ease;

    -moz-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease;

    z-index: 9999;

}

a.col-md-0 a.col-md-0:link, a.col-md-0:visited {



    color: #fff;



}

.col-md-0{

  background: #e74342;

}

.col-md-01{



}

.row1{

width: 250px;

outline: none;

}





@media (min-width: 1200px)

.but-uslug {

    width: 1170px;

}

/* Victoria Buttons */



.col-md-3 a.animated-button.victoria-one {

  border: 2px solid #cd0a0a;
  color: #ffffff;
  box-shadow: 0px 2px 6px #5f5f5f;
}
.col-md-3 a.animated-button.victoria-one:hover {

  border: 2px solid #25cb2d;
  color: #ffffff;
  box-shadow: 0px 2px 6px #5f5f5f;
}
.col-md-3 a.animated-button.victoria-one:after {

    background: #11af24;

    -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);

    transform: translateX(-50%) translateY(-50%) rotate(-25deg);

}

.col-md-3 a.animated-button.victoria-two {

    border: 2px solid #D24D57;

}

.col-md-3 a.animated-button.victoria-two:after {

    background: #D24D57;

    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);

    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);

    transform: translateX(-50%) translateY(-50%) rotate(25deg);

}

.col-md-3 a.animated-button.victoria-three {

    border: 2px solid #D24D57;

}

.col-md-3 a.animated-button.victoria-three:after {

    background: #D24D57;

    opacity: .5;

    -moz-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}

.col-md-3 a.animated-button.victoria-three:hover:after {

    height: 140%;

    opacity: 1;

}

.col-md-3 a.animated-button.victoria-four {

    border: 2px solid #dc481b;

}

.col-md-3 a.animated-button.victoria-four:after {

    background: #ff7247;

    opacity: .5;

    -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);

    -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);

    -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);

    transform: translateY(-50%) translateX(-50%) rotate(90deg);

}

.col-md-3 a.animated-button.victoria-four:hover:after {

    opacity: 1;

    height: 900% !important;

}

























@-webkit-keyframes sheen {

  0% {

    -webkit-transform: skewY(-45deg) translateX(0);

            transform: skewY(-45deg) translateX(0);

  }

  100% {

    -webkit-transform: skewY(-45deg) translateX(12.5em);

            transform: skewY(-45deg) translateX(12.5em);

  }

}

@keyframes sheen {

  0% {

    -webkit-transform: skewY(-45deg) translateX(0);

            transform: skewY(-45deg) translateX(0);

  }

  100% {

    -webkit-transform: skewY(-45deg) translateX(12.5em);

            transform: skewY(-45deg) translateX(12.5em);

  }

}





.button332 {

  box-shadow: 1px 1px 4px #999999c7;
  text-decoration: none;
  border: 1px solid #98908e;
  font-size: 24px;
  display: inline-block;
  border-radius: 0.3em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;

}

.button332:before {

  content: "";

  background-color: rgba(255, 255, 255, 0.5);

  height: 100%;

  width: 4em;

  display: block;

  position: absolute;

  top: 0;

  left: -13.5em;

  -webkit-transform: skewX(-45deg) translateX(0);

          transform: skewX(-45deg) translateX(0);

  -webkit-transition: none;

  transition: none;

}

.button332:hover {

    margin-top: -2px;

    color: #000;

    border-bottom: 4px solid #757372;

}

.button332:hover:before {

  -webkit-transform: skewX(-45deg) translateX(34em);

          transform: skewX(-45deg) translateX(34em);

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

  transition: all 0.9s ease-in-out;

}