@charset "utf-8";
.f_input{border: 1px solid #ddd;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
width: 70%;}
.register{padding: 15px;}
.form-description {padding:0 20px;}
fieldset {border:none;background:url(../images/pattern-8.png) repeat-y 0 0;}
.form-row {padding:14px 20px; border-bottom: 1px solid #fafafa;}
.form-row label {float:left;display:block;margin-top:5px;}
.button-row {border-bottom:1px solid #e4e4e4;padding:20px 20px;}
.button-row .button {float:left;}
.form-field {display:block;margin-left:290px;}
.form-note {background:#fff;}
.form-title {font-weight:bold;padding:18px 20px 14px 20px;background:url(../images/form-title-bg.png) no-repeat 0 0;}
.select {

    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    display: inline-block;
    font-size: 13px;
    padding: 4px;
    width: 220px;
}
.button-row .button-first {margin-left:56px;}
.button-row .button-second {margin-left:118px;}
.error-msg {margin-top:3px;color:#cc0000;font-size:11px;}
article h1 { font-size: 34px; font-weight: 400; border-bottom: #d5d5d5 solid 3px; padding-bottom: 25px; margin-bottom: 20px; margin-top: 0; text-transform: uppercase; color: #000; } .justify{ text-align: justify; color: #050505; font-family: Arial, Helvetica, sans-serif; line-height: 22px; } .txt{ padding-top: 10px; } article .pto{ overflow: hidden; height: 250px; } article img{ background: #000; margin-bottom: 10px; } article .imgg { position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 
article .imgg:hover { -webkit-transform: rotate(-1deg) scale(1.1); -moz-transform: rotate(-1deg) scale(1.1); -ms-transform: rotate(-1deg) scale(1.1); -o-transform: rotate(-1deg) scale(1.1); opacity: 0.9; } .uzsen{ padding-top: 15px; padding-bottom: 15px; color:#000; font-size: 15px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; } .more{ background: #cd2122; padding: 0 10px; display: inline-block; color: #fff; font-weight: 400; font-size: 14px; margin-bottom: 25px; height: 40px; line-height: 40px; margin-top: -3px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; } .more:hover{ background: rgba(205, 33, 34, 0.78); color: #fff; } 
.cat-3 { background: #cd2122; } .cbp-cat { position: absolute; left: 9px; top: 13px; display: block; text-transform: uppercase; padding: 15px; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; line-height: 9px; background: #cd2122; z-index: 3; font-weight: 700; color: #fff!important; text-decoration: none; } 
.cbp-cat:before,.cbp-cat:before { position: absolute; left: 0; bottom: -6px; content: ""; display: block; width: 0; height: 0; border-top: 3px solid #181818; border-right: 3px solid #181818; border-left: 3px solid transparent; border-bottom: 3px solid transparent; }
.rotating {
    display: inline-block;
    position: relative;
    white-space:nowrap;	
}

.rotating .front, .rotating .back {
    position: relative;
    display: inline-block;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: 1s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;


}
.rotating .front {
    left: 0;
    top: 0;
    position: absolute;
    display: inline-block;

}
.rotating .front.flipInY {
    z-index: 1;
    display: block;
}
.rotating .front span {
    width: auto;
    position: relative;
}
.rotating .back {
    opacity: 0;
}
.rotating .back.flipInY {
    opacity: 1;
    z-index: 2;
}
@-webkit-keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}

100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
}

@keyframes fadeInLeft {
    0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
}

100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeOutRight {
    0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
}

@keyframes fadeOutRight {
    0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}