/* ------
 * Cefic Jestiyon Alışveriş Merkezleri Yöneticiliği Ltd. Şti. All Rights Reserved.
 * ------ */

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color: #494949;
    background: url(/public/images/frontend/pattern.png) repeat scroll;
}

a, .social-media a i, .deals i, .home-deal-prp, .home-event h1, .home-event p, a h3, .onay {
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    text-decoration: none !important;
}

.home-content, .home-malls, .logo, .logo img, .home-mall-list, .home-mall-list a img, .footer, .footer-sec, .avm-cover, .avm-big-img, .amv-page-img img, .iletisim-content, .google-map, .slider, .slider img, .form-sec, .form-sec input, .form-sec textarea {
    width: 100%;
    float: left;
}

/*-- mini reset --*/

.padding-reset {
    padding: 0px;
    margin: 0px;
}

.padding-resize {
    padding: 5px;
    margin: 0px;
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-indicators li {
    border: solid 3px #fff;
    margin: 0px 2px;
    width: 12px;
    height: 12px;
}

.carousel-indicators {
    bottom: 10px
}

::-moz-selection {
    background: #484848;
    color: #fff;
}

::selection {
    background: #484848;
    color: #fff;
}

/*-- Index --*/

.home-content h1 {
    color: #e22f2f;
    font-size: 18px;
    font-weight: 700;
}

.home-content h1:after {
    content: '';
    background: #e22f2f;
    height: 3px;
    width: 100%;
    display: block;
    margin: 10px 0;
}

.home-content h2 {
    color: #484848;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    margin: 0;
}

.home-content p {
    font-size: 13px;
    color: #484848;
    line-height: 22px;
    margin: 5px 0 10px 0;
}

.more-content {
    color: #484848;
    font-size: 12px;
    font-weight: 700;
}

.more-content:hover {
    color: #e22f2f;
}

.home-content ul {
    margin: 0;
    padding: 0;
}

.home-content ul li {
    list-style: none;
    margin: 5px 0 10px 0;
    line-height: 22px;
    font-size: 13px;
}

.home-content ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #e22f2f;
    float: left;
    margin: 8px 5px 0 0;
}

.home-mall-list {
    border-top: solid 1px #e1e1e1;
    margin: 25px 0;
}

header {
    margin: 0 0 15px 0;
}

.navigation {
    float: right;
    margin-top: 10px;
}

.navigation ul {
    margin: 0;
    padding: 0;
}

.navigation ul li {
    float: left;
    list-style: none;
    margin: 20px 0 10px 10px;
}

.navigation ul li a {
    color: #484848;
    font-size: 14px;
    border-radius: 0px;
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}

.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.navigation .dropdown-menu li {
    margin: 0px;
    padding: 5px;
    display: block;
    width: 100%;
}

.navigation .dropdown-menu li a {
    padding: 5px 10px;
    font-size: 13px;
    color: #fff;
}

.hvr-underline-from-left:before {
    background: #e22f2f;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    border: none;
    border-radius: 0px;
    box-shadow: none;
    background: #e22f2f;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: #ba2424;
}

.home-mall-list a img {
    width: 100%;
}

.home-mall-list a {
    float: left;
    margin: 15px 0;
}

.home-mall-title {
    width: 100%;
    float: left;
    background: #161616;
    padding: 10px 5px;
    margin: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.home-mall-list a:hover h3 {
    background: #e22f2f;
}

.avmlerimiz {
    font-size: 21px;
    margin: 25px 15px 0px;
    font-weight: 600;
}

.kiralama-form {
    font-size: 16px;
    color: #fff;
    background: #e22f2f;
    display: block;
    float: right !important;
    margin: 15px !important;
    padding: 10px;
}

.kiralama-form:hover {
    background: #161616;
    color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
    background: none;
}

.nav-tabs > li {
    width: 100%;
    border-bottom: solid 1px #e1e1e1;
}

.nav-tabs {
    border: none;
}

.nav-tabs > li > a {
    border: none;
    width: 100%;
    font-size: 14px;
    color: #484848;
    font-weight: 700;
}

.nav-tabs li a:hover {
    color: red;
}

.content .nav > li > a {
    padding: 12px 0;
}

.content h1 {
    font-size: 20px;
    font-weight: 900;
}

.content h2 {
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    float: left;
}

.content p {
    float: left;
    margin: 4px 0 8px;
    line-height: 24px;
    font-size: 14px;
    color: #555;
    width: 100%;
}

.footer-sec {
    border-top: solid 1px #e1e1e1;
    padding-top: 15px;
    margin: 25px 0;
}

.copyright {
    float: left;
    font-size: 13px;
    margin: 12px 0;
    color: #888;
}

.avm-big-img, .slide-border {
    border-top: solid 1px #b82021;
    border-bottom: solid 1px #b82021;
    padding: 8px 0;
    margin-bottom: 15px;
}

.kiralama-btn {
    background: #e22f2f;
    color: #fff;
    font-size: 16px;
    padding: 18px;
    width: 100%;
    float: left;
    text-align: center;
}

.kiralama-btn:hover {
    background: #161616;
    color: #fff;
    text-decoration: none;
}

.iletisim-content h3 {
    font-size: 14px;
    margin: 10px 0 25px 0;
}

.iletisim-content p {
    display: block;
    float: left;
    width: 100%;
    margin: -2px 0;
    color: #555;
}

.google-map {
    margin: 25px 0 15px 0;
}

.linkedin-container {
    float: left;
    width: 100%;
    margin: 50px 6px 0;
}

.divider-line {
    width: 100%;
    float: left;
    padding: 20px;
    height: 1px;
    border-bottom: solid 1px #cccccc;
}

.linkedin-item-container-header {
    background: #ccc;
    width: 100%;
    float: left;
}

.linkedin-item-container-header span {
    padding: 4px;
    float: left;
    width: 100%;
    font-size: 12px;
    color: #666;
}

.linkedin-item-container {
    width: 100%;
    margin-top: 10px;
    float: left;
    background: white;
}

.linkedin-item a, .linkedin-item span {
    width: 100%;
    color: #666;
    padding: 2px;
    font-size: 13px;
}

.map-filter {
    position: absolute;
    width: 100%;
    height: 450px;
    float: left;
    background-color: rgba(255, 255, 255, 0.4);
    cursor: pointer;
}

iframe {
    border: none;
}

.slide-text {
    height: 331px;
    display: table;
}

.slide-red {
    background: #db1e25;
}

.slide-blue {
    background: #08a4ee;
}

.slide-pink {
    background: #f32682;
}

.slide-yellow {
    background: #efbc20;
}

.slide-green {
    background: #529828;
}

.slide-text h1 {
    color: #fff;
    font-size: 34px;
    text-align: center;
    padding: 25px;
    line-height: 42px;
    margin-top: 40px;
    vertical-align: middle;
    display: table-cell;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.logo img {
    width: 236px;
}

.odul-list h1, .haber-list h1 {
    margin: 0;
}

.odul-item, .haber-item {
    width: 100%;
    float: left;
}

.odul-item, .haber-item {
    border-bottom: dotted 1px #c4c4c4;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.odul-detail, .haber-detail {
    display: none;
}

.form-item {
    float: left;
    margin: 10px 20px 0 0;
}

.form-item input {
    float: left;
    margin: 3px 5px 0 0;
}

.form-item label {
    font-size: 14px;
    font-weight: 500;
}

.form-sec input, .form-sec textarea {
    border: solid 1px #c8c8c8;
    background: none;
    outline: none;
    color: #161616;
    font-size: 16px;
    padding: 10px;
}

.form-sec {
    margin: 10px 0;
}

.form-sec span {
    font-weight: 600;
    font-size: 14px;
    margin: 5px 0;
    float: left;
}

.form-sec textarea {
    min-height: 150px;
}

.onay {
    background: #161616;
    color: #fff;
    padding: 10px 35px;
    font-size: 16px;
    border: none;
    outline: none;
    margin: 15px 0;
}

.onay:hover {
    background: #e22f2f;
}

/*-- Mobile Nav --*/

/*------ Navigation All ------*/

.home-nav-bar {
    display: none;
    position: absolute;
    width: 100%;
    top: 138px;
    left: 0px;
    background-color: rgba(219, 30, 37, 0.95);
    height: auto;
    z-index: 999;
}

#nav-toggle {
    float: left;
}

#nav-toggle {
    cursor: pointer;
    padding: 10px 15px 16px 0px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 15px;
    background: #c6c6c5;
    position: absolute;
    display: block;
    content: '';
}

#nav-toggle span {
    margin-top: 15px;
}

#nav-toggle span:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

#nav-toggle span:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
}

#nav-toggle.active span {
    background-color: transparent;
}

#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}

#nav-toggle.active span:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: #db1e25 !important;
}

#nav-toggle.active span:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    background: #db1e25 !important;
}

.menu-step {
    text-align: center;
}

.menu-step ul {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

.menu-step ul li {
    list-style: none;
    display: inline-block;
    padding: 15px 25px;
}

.menu-step ul li a {
    color: #fff;
    font-size: 18px;
}

.menu-step ul li a:hover {
    color: #5d0c0f;
}

#nav-toggle span {
    left: 5px;
}

.link h1 {
    position: absolute;
    bottom: 45px;
    background-color: rgba(45, 44, 44, 0.8);
    width: 100%;
    text-align: center;
    color: #c6c6c5;
    font-size: 24px;
    padding: 15px 10px 12px 10px;
}

.hm-nav, .hm-lang, .social-media, .hm-lang a {
    float: right
}

.hm-lang a {
    font-size: 26px;
    color: #1274e2;
    margin-top: 8px;
}

.hm-lang a:hover, .selected {
    color: #1274e2;
}

.hm-nav a {
    font-size: 20px;
}

.hm-nav {
    margin-top: 15px;
}

.menu {
    position: relative
}

.menu-title {
    padding: 0px;
    margin: 0 0 0 30px;
    color: #161616;
    font-size: 21px;
}

.menu-title:hover {
    color: #db1e25;
}

#nav-toggle:hover span:after, #nav-toggle:hover span:before {
    background-color: #db1e25 !important;
}

.nav-lang {
    display: none;
}

.company-content h1 {
    margin: 10px 0 10px;
    font-size: 22px;
}

.company-content ul {
    padding: 0;
    margin: 10px;
}

.company-content ul li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 10px;
    color: #555;
}

.company-content ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #e22f2f;
    float: left;
    margin: 8px 5px 0 0;
}

.company-content p {
    width: 100%;
}

.company-content p.president {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #555;
    font-weight: bold;
    margin: 2px 0;
}

.company-content p.managers {
    width: 100%;
    float: left;
    font-size: 13.6px;
    color: #555;
    margin: 0;
}

.company-content a {
    color: #555;
}

.company-content p.managers a {
    font-size: 14px;
    color: #777;
    font-weight: bold;
}

.project-thumbnail img {
    width: 100%;
}

.fancybox-close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 46px;
    height: 41px;
    cursor: pointer;
    z-index: 8040;
    background: url(/public/images/frontend/icons/close.png);
    background-repeat: no-repeat;
}

.box-info {
    background-color: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    padding: 10px;
    float: left;
}

.box-info span {
    width: 100%;
    float: left;
}

.table.zebra {
    font-size: 13px;
    margin-bottom: 5px;
}

.table.zebra tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.03);
}

.table.zebra tbody td, table.zebra tbody tr:first-child td {
    border-color: rgba(0, 0, 0, 0.1);
}

.haber-item a img {
    max-width: 240px;
    margin-bottom: 10px;
    width: 100%;
}

.haber-item a.haber-image {
    width: 100%;
    float: left;
    text-align: center;
}

.error-displayer {
    margin: 10px 0 0 0;
    float: left;
    width: 100%;
    color: red;
    font-size: 20px;
}

.spinner-container {
    max-width: 565px;
    width: 100%;
    position: fixed;
    top: 40%;
    left: 50%;
    z-index: 10001;
    margin: 0 0 0 0;
    display: none;
}

.spinner {
    width: 80px;
    text-align: center;
}

.spinner > div {
    width: 24px;
    height: 24px;
    background-color: #182a50;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.overlay {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999999;
    display: none;
}

#error-displayer {
    margin: 10px 0 0 0;
    float: left;
    width: 100%;
    color: red;
    font-size: 18px;
}

form h2.error {
    color: #e22f2f;
}

form .form-sec.error span {
    color: #e22f2f;
}

form .form-sec.error input {
    border-color: #e22f2f;
}

form .form-sec.error textarea {
    border-color: #e22f2f;
}

.sweet-alert h2 {
    font-size: 24px !important;
}

.news-content p, .news-content ul {
    width: 100%;
    float: left;
}

.language a {
    float: right;
}

.language a {
    margin: 5px;
}

.nav-tabs li a.selected {
    color: red;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.panel-title { line-height: 26px  }

.panel-title a {width: 100%;
    display: block;  padding: 5px 10px;  }

.panel-default>.panel-heading { padding: 0px;  }