/*spiner!!!*/
/* entire container, keeps perspective */
.flip-container {
    perspective: 500px;
}
/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 100%;
    height: 120px;
}

/* flip speed goes here */
.flipper {
    transition: 0.7s;
    transform-style: preserve-3d;

    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
}



.hy {
    hyphens: auto;
    text-align: justify;
}
.vcenter {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*flex-direction: row;*/
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.m-sn {
    float: left;
    margin: 20px 20px 10px 0;
}
hr {
    margin-bottom: 10px;
    margin-top: 10px;
}
.row > div {
    /*margin-bottom: 2px;*/
    margin-top: 2px;
}
.eq {
    /*float: left;*/
    padding:10px;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
/*.eq {
    float: none;
    display: table-cell;
    vertical-align: top;
}*/
.sn {
    max-width: 100%;
    border-radius: 5px;
    margin-bottom: 7px;
    /*alignment: center;*/
}
.m-ico {
    float: left;
    margin: 0 20px 10px 0;
}
.w66 {
    max-width: 44px;
    border-radius: 5px;
    margin-bottom: 15px;
}
.z-ico {
    float: left;
    margin: 0 20px 10px 0;
    padding: 10px;
    border-radius: 50%;
    border: solid 3px #2ecc71;
}
 .form-control:-moz-placeholder{color:#34345e;font-style: italic;font-weight:600}
 .form-control::-moz-placeholder{color:#34345e;font-style: italic;font-weight:600}
 .form-control:-ms-input-placeholder{color:#34345e;font-style: italic;font-weight:600}
 .form-control::-webkit-input-placeholder{color:#34345e;font-style: italic;font-weight:600}

.m-0 {
    margin: 0 !important
}

.mt-0, .my-0 {
    margin-top: 0 !important
}

.mr-0, .mx-0 {
    margin-right: 0 !important
}

.mb-0, .my-0 {
    margin-bottom: 0 !important
}

.ml-0, .mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1, .my-1 {
    margin-top: .25rem !important
}

.mr-1, .mx-1 {
    margin-right: .25rem !important
}

.mb-1, .my-1 {
    margin-bottom: .25rem !important
}

.ml-1, .mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2, .my-2 {
    margin-top: .5rem !important
}

.mr-2, .mx-2 {
    margin-right: .5rem !important
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important
}

.ml-2, .mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3, .my-3 {
    margin-top: 1rem !important
}

.mr-3, .mx-3 {
    margin-right: 1rem !important
}

.mb-3, .my-3 {
    margin-bottom: 1rem !important
}

.ml-3, .mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important
}

.mr-4, .mx-4 {
    margin-right: 1.5rem !important
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4, .mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5, .my-5 {
    margin-top: 3rem !important
}

.mr-5, .mx-5 {
    margin-right: 3rem !important
}

.mb-5, .my-5 {
    margin-bottom: 3rem !important
}

.ml-5, .mx-5 {
    margin-left: 3rem !important
}