@keyframes shake {
	10%, 90% { transform: translate3d(-1px, 0, 0); }

	20%, 80% { transform: translate3d(2px, 0, 0); }

	30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }

	40%, 60% { transform: translate3d(4px, 0, 0); }
}

.jsfile .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.inputfile + label { max-width: 100%; font-size: 15px; /* 20px */ font-weight: 500; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: block; overflow: hidden; padding: 5px 18px; /* 10px 20px */ margin: 0; width: 100%; }

.inputfile-mw { min-width: 200px !important; text-align: left; }

.no-js .inputfile + label { display: none; }

.inputfile:focus + label,
.inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }

.inputfile + label * { /* pointer-events: none; */ /* in case of FastClick lib use */ color: #062f6e !important; }

.inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: -0.25em; /* 4px */ margin-right: 0.25em; /* 4px */ }


/* style 1 */

.inputfile-1 + label { color: #f1e5e6; background-color: #d3394c; }

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover { background-color: #722040; }


/* style 2 */

.inputfile-2 + label { color: #062f6e; border: 2px solid currentColor; }

.border-radius28 .inputfile-2 + label { border-radius: 28px; }

.border-radius28 img { border-radius: 28px; }

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover { color: #0d5b98; }


/* style 3 */

.inputfile-3 + label { color: #d3394c; }

.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover { color: #722040; }


/* style 4 */

.inputfile-4 + label { color: #d3394c; }

.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover { color: #722040; }

.inputfile-4 + label figure { width: 100px; height: 100px; border-radius: 50%; background-color: #d3394c; display: block; padding: 20px; margin: 0 auto 10px; }

.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure { background-color: #722040; }

.inputfile-4 + label svg { width: 100%; height: 100%; fill: #f1e5e6; }


/* style 5 */

.inputfile-5 + label { color: #d3394c; }

.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover { color: #722040; }

.inputfile-5 + label figure { width: 100px; height: 135px; background-color: #d3394c; display: block; position: relative; padding: 30px; margin: 0 auto 10px; }

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure { background-color: #722040; }

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after { width: 0; height: 0; content: ''; position: absolute; top: 0; right: 0; }

.inputfile-5 + label figure::before { border-top: 20px solid #dfc8ca; border-left: 20px solid transparent; }

.inputfile-5 + label figure::after { border-bottom: 20px solid #722040; border-right: 20px solid transparent; }

.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after { border-bottom-color: #d3394c; }

.inputfile-5 + label svg { width: 100%; height: 100%; fill: #f1e5e6; }


/* style 6 */

.inputfile-6 + label { color: #d3394c; }

.inputfile-6 + label { border: 1px solid #d3394c; background-color: #f1e5e6; padding: 0; }

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover { border-color: #722040; }

.inputfile-6 + label span,
.inputfile-6 + label strong { padding: 0.625rem 1.25rem; /* 10px 20px */ }

.inputfile-6 + label span { width: 200px; min-height: 2em; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: top; }

.inputfile-6 + label strong { height: 100%; color: #f1e5e6; background-color: #d3394c; display: inline-block; }

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong { background-color: #722040; }

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong { display: block; }
}


.refresh-block { width: 100%; height: 100%; /*background-color: rgba(255, 255, 255, .8);*/ -webkit-transition: all .05s ease; transition: all .05s ease; top: 0px; left: 0px; position: absolute; z-index: 1000; border-radius: 2px; }

.refresh-block .refresh-loader { display: inline-block; position: absolute; text-align: center; top: 50%; left: 50%; margin-left: -16px; margin-top: -16px; }

.refresh-block .refresh-loader i { display: inline-block; line-height: 32px; color: #000; font-size: 16px; }

.refresh-block2 { width: 100%; height: 100%; background-color: rgba(255, 255, 255, .8); -webkit-transition: all .05s ease; transition: all .05s ease; top: 0px; left: 0px; position: absolute; z-index: 1000; border-radius: 2px; }

.refresh-block2 .refresh-loader { display: inline-block; position: absolute; text-align: center; top: 60px; left: 50%; margin-left: -16px; margin-top: -16px; }

.refresh-block2 .refresh-loader i { display: inline-block; line-height: 32px; color: #000; font-size: 16px; }

.refresh-block3 { width: 100%; height: 100%; /*background-color: rgba(255, 255, 255, .8);*/ -webkit-transition: all .05s ease; transition: all .05s ease; top: 0px; left: 0px; position: absolute; z-index: 1000; border-radius: 2px; }

.relationActivityListTahsilat .refresh-block3 { background-color: rgb(255, 255, 255); }

.refresh-block3 .refresh-loader { display: inline-block; position: absolute; text-align: center; top: 90px; left: 49%; margin-left: -16px; margin-top: -16px; }

.refresh-block3 .refresh-loader img { /* display: none; */ }

.refresh-block4 { width: 100%; height: 100%; /*background-color:#32c5d2;*/ top: 0px; left: 0px; position: absolute; z-index: 1000; border-radius: 2px; }

.refresh-block4 .refresh-loader { display: inline-block; position: absolute; text-align: center; top: 90px; left: 49%; margin-left: -16px; margin-top: -16px; }

.refresh-block4 .refresh-loader img { display: inline-block; }

.alert { position: relative; padding: .75rem 1.25rem; margin: 1rem; border: 1px solid transparent; border-radius: .25rem; }

.alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; }

.mmnenu-cap { width: 53px; height: 53px; display: none; margin-left: 10px; }

.mmenubtn { display: block; width: 100%; text-align: center; }

.social-icons ul {margin: 0;padding: 0;display: flex;justify-content: center;align-items: center;}

.social-icons ul li { display: inline-block; }

.social-icons ul li a { color: #fff; font-size: 20px; height: 35px; line-height: 41px; margin-right: 5px; text-align: center; width: 35px; background-color: #062f6e; display: block; }

.social-icons ul li a i { color: #fff; font-size: 20px; }

.contact-social .social-icons {padding-top: 0;}
#scrollUp { background: #193768 none repeat scroll 0 0; bottom: 42px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); color: #fff; font-size: 20px; height: 46px; line-height: 46px; opacity: 1; right: 8px; text-align: center; transition: all 0.3s ease 0s; width: 46px; border-radius: 50%; }
.mb-0{margin-bottom:0!important}
.m-lr-0{margin-left:0!important;margin-right:0}