body, html {
    height: 100%;
    width: 100%;
}
.page-h2 { text-align: center; background: #3cb5d0; color: #ffffff; font-size: 22px; line-height: 50px; font-weight: 500; margin: 0 0 30px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px 1px 0 rgba(255, 255, 255, 0.1); }

/* MANAGMENT MENU *|**/
.sidebar-wrapper { width: 210px; left: -210px; position: fixed; top: 160px; z-index: 99999; -webkit-transition: left 400ms; transition: left 400ms; }
.sidebar-nav { background: #f5f5f5; width: 210px; list-style: none; margin: 0; padding: 0; }
.sidebar-nav li { line-height: 50px; text-indent: 20px; }
.sidebar-nav li a { font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-weight: bold; color: #999999; display: block; text-decoration: none; }
.sidebar-nav li a:hover { background: #fff; text-decoration: none; }
.sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; }
.sidebar-nav > .sidebar-brand { height: 55px; line-height: 55px; font-size: 18px; }
.sidebar-nav > .sidebar-brand a { color: #999999; }
.sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; }
.menu-toggle { position: absolute; top: 0; right: -48px; display: inline-block; background: #f5f5f5; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; color: #999; }
.menu-toggle:hover { color: #999; }
.menu-toggle i { color: #999; }
.sidebar-wrapper.opened { left: 0; }
.toggle { margin: 5px 5px 0 0; border-radius: 0px; }

/* MANAGMENT MENU *O**/

/* HOME ICON *|**/
#home-icon { position: fixed; top: 105px; left: 0; display: inline-block; background: #f5f5f5; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; color: #999; z-index: 1; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.1); }

/* COLOR PANEL *|**/
.style-chooser { width: 210px; left: -210px; position: fixed; top: 215px; z-index: 10; -webkit-transition: left 400ms; transition: left 400ms; }
.style-chooser.opened { left: 0; }
.style-chooser-inner { position: relative; background: #f5f5f5; padding: 15px; }
.style-chooser .toggler { position: absolute; top: 0; right: -48px; display: inline-block; background: #f5f5f5; width: 48px; height: 48px; line-height: 48px; text-align: center; font-size: 24px; color: #999; }
.style-chooser-inner h4 { margin: 0 0 10px; text-transform: uppercase; font-size: 14px; }
.style-chooser-inner ul { list-style: none; padding: 0; margin: -5px; }
.style-chooser-inner ul li { display: block; width: 60px; float: left; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.style-chooser-inner ul li a { display: block; height: 40px; }
.style-chooser-inner ul li#preset1 a { background: #0db3c7; }
.style-chooser-inner ul li#preset2 a { background: #16a085; }
.style-chooser-inner ul li#preset3 a { background: #028fcc; }
.style-chooser-inner ul li#preset4 a { background: #2c3e50; }
.style-chooser-inner ul li#preset5 a { background: #913d88; }
.style-chooser-inner ul li#preset6 a { background: #c0392b; }
.style-chooser-inner ul li#preset7 a { background: #f05f40; }
.style-chooser-inner ul li#preset8 a { background: #f7ca18; }
.style-chooser-inner ul li#preset9 a { background: #7f8c8d; }

/* COLOR PANEL *O**/

/* THEME SELECT *|**/
#style-chooser-btn { cursor: pointer; }
#settings-menu-btn, #style-chooser-btn { cursor: pointer; box-shadow: 1px 1px 0 0px rgba(0, 0, 0, 0.1); }
#style-chooser-fr.opened { box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3); }
#style-chooser-fr.opened #style-chooser-btn { box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3); }
#settings-menu-fr { box-shadow: 1px 1px 0 0px rgba(0, 0, 0, 0.1); }
#settings-menu-fr.opened { box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3); }
#settings-menu-fr.opened #settings-menu-btn { box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3); }

/* THEME SELECT *|**/

/* BOOTSTRAP FORM-1 *|**/
.form-1 { font-family: Arial; }
.form-1 legend { border-bottom: 0; margin-top: 0px; color: #777; text-align: center; font-weight: 600; font-size: 16px; background-color: #E5E5E5; position: absolute; left: 0px; top: 0px; line-height: 40px; }
.form-1 label { font-size: 14px; }
.form-1 .resize-y { resize: vertical; }
.form-1 .form-group { text-align: left; }
.form-1 .form-control { border-radius: 0px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.2); padding-left: 8px; }
.form-1 .btn-submit-fr { margin: 0px 0 50px 0; position: relative; }
.form-1 .btn-submit { width: 100%; border-radius: 0; padding: 10px 0; border-radius: 3px; transition-duration: 0.2s; }
.form-1 .help-block { text-align: left; font-size: 10px; text-indent: 5px; margin-bottom: 0; }
.form-1 .control-label { color: #777; text-align: left; }
.form-1 .control-label .inner { padding-bottom: 5px; }
.form-1 .control-label .dot { float: right; margin-right: 0px; display: none; }
@media (max-width:991px) {
	.form-1 .control-label .inner { border-bottom: 0px; text-align: left !important; }
	.form-1 .control-label .inner .dot { display: none; }
}
.form-1 .area { background: linear-gradient(#F5F5F5, #EEEEEE); padding: 68px 40px 10px 40px; border-radius: 3px; border: 1px solid #DADADA; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); margin-bottom: 30px; position: relative; }

/* BOOTSTRAP FORM-1 *O**/

/* LOGIN FORM *|**/
#form-login { width: 340px; margin: auto; position: relative; background: rgba(255, 255, 255, 0.72); padding: 40px 50px; }
@media screen and (max-width: 350px) {
    #form-login {
        width: 300px;
    }
}
.login-wrapper {
    height: 100%;
    background-color: #ffffff;
    background-image: url(../img/overlay.png), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url(../img/login-bg.jpg);
    background-image: url(../img/overlay.png), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url(../img/login-bg.jpg);
    background-image: url(../img/overlay.png), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url(../img/login-bg.jpg);
    background-image: url(../img/overlay.png), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url(../img/login-bg.jpg);
    background-repeat: repeat,  no-repeat,  no-repeat;
    background-size: 100px 100px, cover, cover;
    background-position: top left,  center center,  bottom center;
    background-attachment: fixed,   fixed, fixed;
}
.header-content{ position: relative; top: 35%;}
#form-login .form-control { margin-bottom: 10px; border-radius: 0px; border-color: rgba(255, 255, 255, 0.57); background-color: rgba(255, 255, 255, 0.55); height: 40px; color: #333; box-shadow: none; }
#form-login h3 { font-weight: bold; text-align: center; color: #707a88; margin: 0 0 20px 0; ); }
#form-login .submit {height: 40px; border-radius: 0; text-transform: capitalize; background: #6fb6c1; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 600; transition-duration: 0.5s;     border-color: #cacaca;}
#form-login .submit:hover { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 10px 1px rgba(255, 255, 255, 0.3);     background: #5c97a0;}
#form-login .msg {     width: 100%;
    color: #ff0000;    text-align: center;
    margin: 20px 0 -10px 0;}
#form-login input:-webkit-autofill { }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/* LOGIN FORM *O**/



/* ALL FORM *|**/
.awForm { position: relative; }
.awForm .msg-fr { position: absolute; z-index: 10; left: 0; top: 0; height: 100%; width: 100%; display: none; }
.awForm .msg-fr .msg { padding: 30px; background-color: #3CB5D0; color: #FFF; border-radius: 3px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4); border: 1px solid rgba(0, 0, 0, 0.1); font-family: Arial; }

/* ALL FORM *O**/

/* CONTENT TOOLS *|**/
[data-editable] iframe, [data-editable] image, [data-editable] [data-ce-tag=img], [data-editable] img, [data-editable] video { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 100%; margin-bottom: 10px; }
.ce-element--type-image { margin-bottom: 10px; }
.navbar-nav .ce-element.ce-element--type-list-item { color: #777; text-transform: uppercase; font-weight: 700; font-size: 13px; line-height: 20px; position: relative; display: block; padding: 10px 15px; }
.align-left { clear: initial; float: left; margin-right: 10px !important; }
.align-right { clear: initial; float: right; margin-left: 10px !important; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.ct-ignition__button--edit { transition-duration: 0.5s; }
.ct-ignition__button--edit:hover { padding-left: 10px !important; width: 58px !important; }
.ct-control--rotate-ccw { display: none !important; }
.ct-control--rotate-cw { display: none !important; }
.ct-control--crop { display: none !important; }
#portfolio img { margin: 0 !important; }
#portfolio .ce-element--type-image { margin: 0 !important; }

/* CONTENT TOOLS *O**/

/* CONTENT TOOLS ASSIGNMENT *|**/
.yazi-turuncu { color: #f96c26 !important; }
.yazi-beyaz { color: #FFF !important; }
.yazi-acik { color: rgba(255, 255, 255, 0.8) !important; }
.yazi-gri { color: #a1a5ac !important; }
.yazi-siyah { color: #141c2e !important; }
.yazi-koyu { color: rgba(0, 0, 0, 0.8) !important; }
.kalin { font-weight: bold !important; }
.ince { font-weight: 100 !important; }
.italik { font-style: italic !important; }
.alt-cizgi { text-decoration: underline !important; }
.punto-70 { font-size: 70px !important; line-height: 70px !important; }
.alt-bosluk-30 { margin-bottom: 30px !important; }
.alt-bosluk-15 { margin-bottom: 15px !important; }
.alt-bosluk-yok { margin-bottom: 0px !important; }
.gorsel-sol { margin-left: 0; margin-right: 0; }

/* CONTENT TOOLS ASSIGNMENT *O**/

/* GOOGLE MAP SCROLL & MSG *|**/
.map-group { position: relative; }
.map-group:hover .map-msg { opacity: 1; }
.map { height: 357px !important; margin-left: 0; margin-right: 0; }
.map-group { height: 357px !important; margin-left: 0; margin-right: 0; }
.map div { pointer-events: none; }
.map-msg { opacity: 0; position: absolute; z-index: 1; width: 100%; padding: 10px 0; text-align: center; background-color: #EEE; background-color: #F05F40; color: #FFF; transition-duration: 0.5s; font-family: Arial; }
.map-start { width: 100%; position: absolute; top: -10px; height: 10px; z-index: 10; }
.map-end { width: 100%; position: absolute; bottom: -10px; height: 10px; z-index: 10; }

/* GOOGLE MAP SCROLL & MSG *O**/

/* ERROR PAGES *|**/
#Error_404 { position: static; top: auto; margin: auto; left: auto; overflow: auto; }

/* ERROR PAGES *O**/

/* SETTINGS PAGE *|**/
.container.settingsPage { max-width: 800px; }
.settingsPage { text-align: center; }

/* SETTINGS PAGE *O**/

/* HEIGHT *|**/
.height-100 { height: 100px; }

/* HEIGHT *O**/
.opacity-70 { opacity: 0.7; }

/* BUTTONS *|**/
.btn-1 { padding: 10px 0; border-radius: 3px; transition-duration: 0.2s; border: none; font-weight: 700; }
.btn-2 { padding: 7px 12px; font-size: 14px; line-height: 14px; font-weight: normal; border-radius: 3px; font-family: Arial; }
/* BUTTONS *O**/

/* RESET PAGE*/
.reset-content h3 {}
.reset-content p {color:#333; font-size: 16px; line-height: 1.5; margin-bottom: 20px; }
.reset-content .btn {border-radius: 0px; font-weight: 700; text-transform: uppercase; }