@charset "utf-8";



body {

	padding: 0px;

	margin: 0px;

	height:100%;

	min-width: 300px;

	background-color: #FFF;

    overflow-x: hidden;

    font-family: 'Poppins', sans-serif;

}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, select, label, legend, table, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

}

html{

    height:100%;

    position:relative;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

button, html [type="button"],[type="reset"], [type="submit"] {

    -webkit-appearance: button; /* 2 */

}

ol, ul, li {

	list-style: none;

}

.clear {

	clear: both;

}

img {

	border: 0px;

}

input[type="text"]:focus, 

input[type="password"]:focus, 

textarea:focus, 

input[type="button"]:focus, 

input[type="submit"]:focus, 

select:focus {

	outline-color: transparent;

	outline-style: none;

	box-shadow: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

}

input, textarea, select {

	font:400 13px/28px 'MBEmpire', sans-serif;

	color: #333333;

}

::-moz-selection {

	background-color: #231f20;

	color: #fff;

	text-shadow: none;

}

::selection {

	background-color: #231f20;

	color: #fff;

	text-shadow: none;

}

.highlight {

	padding: 0 3px;

	background-color: #231f20;

	color: #fff;

	text-shadow: none;

}

a,

a span,

a h2,

a p,

input[type=button],

input[type=submit]{

	text-decoration: none;

	-webkit-transition:all 200ms linear;

  	-moz-transition:all 200ms linear;

  	-o-transition:all 200ms linear;

  	-ms-transition:all 200ms linear;

  	transition:all 200ms linear;

}

.center{

    text-align: center;

}

/*----POPUP-ALERT---*/

.modalAlert{

    width:100%;

    height:auto;

    display:block;

    background:#FFF;

    max-width:420px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    border-radius:3px;

    overflow:hidden;

    padding: 10px 24px !important;

}

.modalAlert span.Baslik{

    float:left;

    width:100%;

    height:auto;

    font:700 18px/40px 'Poppins', sans-serif;

    color: #2c236b;

}

.modalAlert .AlertText,

.modalAlert .AlertButon{

    float:left;

    width:100%;

    height:auto;

    padding:30px 0px;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

}

.modalAlert .AlertText{

    font:400 13px/20px 'Poppins', sans-serif;

    text-decoration:none;

    color:#666666;

    padding:20px 0px;

}

.modalAlert .AlertButon{

    padding:20px 0px;

}

.modalAlert .AlertButon a{

    float: left;

    width:auto;

    height:auto;

    display: block;

    font:500 13px/20px 'Poppins', sans-serif;

    color:#333333;

}

.modalAlert .AlertButon a:hover{

    color:#FFF;

}

/*----POPUP-ALERT---*/

.mainWrapper {

    position: relative;

    width: 100%;

    height: 100vh;

    z-index: 9999;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    padding: 0px;

    text-align: center;

    letter-spacing: -4px;

    padding: 40px;

}

.mainWrapper .Content{

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    height: auto;

    letter-spacing: 0px;

    text-align: center;

	background-color: #8b7668;

    border-radius: 30px;

}

.mainWrapper .Content .capsule{

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    max-width: 500px;

    height: auto;

    letter-spacing: 0px;

}

.mainWrapper .Content .capsule span.Logo{

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    max-width: 400px;

    height: auto;

    letter-spacing: 0px;

}

.mainWrapper .Content .capsule span.Logo img{

    float: left;

    width: 100%;

    height: auto;

}

.mainWrapper .Content .capsule span.Logo p{

    float: left;

    width: 100%;

    height: auto;

	font:900 20px/24px 'Poppins', sans-serif;

    color: #65BAAF;

    padding: 5px 0px;

    text-transform: uppercase;

    text-align: center;

}

.mainWrapper .Content .capsule span.Text01{

    float: left;

    width: 100%;

    height: auto;

	font:300 30px/34px 'Poppins', sans-serif;

    letter-spacing: 5px;

    color: #d8ccbf;

    margin-top: 40px;

    padding: 5px 0px;

    text-transform: uppercase;

}

.mainWrapper .Content .capsule span.Text02{

    float: left;

    width: 100%;

    height: auto;

	font:500 14px/24px 'Gotham TR', sans-serif;

    color: #2f471f;

    margin-top: 30px;

}

.mainWrapper .Content .capsule span.Text02 b{

    font-weight: 700;

}

.mainWrapper .Content .capsule span.Text02 a{

    color: #2f471f;

}



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

    .mainWrapper .Content{

        text-align: center;

    }

    .mainWrapper .Content .capsule span.Logo{

        max-width: 300px;

    }

    .mainWrapper .Content .capsule span.Logo p{

        font:900 16px/20px 'Poppins', sans-serif;

    }

    .mainWrapper .Content .capsule span.Text01{

        margin-top: 20px;

        font:900 20px/24px 'Poppins', sans-serif;

    }

    .mainWrapper .Content .capsule span.Text02{

        margin-top: 10px;

        font:normal 14px/18px 'Poppins', sans-serif;

    }

}



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

    .mainWrapper .Content .capsule span.Logo{

        max-width: 240px;

    }

}