.spacer {
    margin-top: 40px
}

.logo-horizontal {
    height: 40px;
    margin: 5px
}

html {
    overflow-y: scroll !important
}

body {
    padding-top: 20px;
    padding-bottom: 20px;
    background: rgba(255, 255, 255, 0) url('../img/bg_pattern.png') repeat center top;
    background-size: auto
}

.navbar {
    margin-bottom: 20px
}

#navbar-login-simple {
    margin-bottom: 0;
    background-color: transparent;
    border-color: transparent
}

.page-text {
    font: normal normal normal 14px / 22px "Arial", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    color: #8d9095
}

.wpb_row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.shortcode-banner {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 5px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    line-height: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}

.wf-table .shortcode-banner-inside {
    display: table-cell;
    vertical-align: middle
}

.shortcode-banner-bg {
    height: 100%;
    background-clip: padding-box
}

.shortcode-banner-inside {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    background-clip: padding-box
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    clear: both
}

.wf-table {
    display: table;
    width: 100%
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 60px;
    background-color: #f5f5f5
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px
}

.container .text-muted {
    margin: 20px 0
}

html {
    position: relative;
    min-height: 100%
}

body {
    margin-bottom: 60px
}

.navbar-logo {
    padding: 0;
    margin: 0
}

#top-bar {
    line-height: 39px;
    background: rgba(255, 255, 255, 0) none repeat center center;
    color: #8d9095;
    font-size: 12px
}

.btn-markam, .btn-markam:hover, .btn-markam:active, .btn-markam:focus {
    color: #fff;
    background-color: #253a86;
    border-color: #2b43b3
}

.benefits-grid .fa {
    -webkit-font-smoothing: antialiased;
    color: #fff;
    cursor: auto;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 32px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    width: 60px;
    word-spacing: 0
}

.benefits-grid-ico {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #2a83ed;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.0980392) 100%);
    background-origin: padding-box;
    background-size: auto;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #2a83ed;
    cursor: auto;
    display: block;
    font-family: Arial, Helvetica, Arial, Verdana, sans-serif;
    font-size: 1px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    opacity: 1;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    perspective: 1000px;
    position: relative;
    text-align: center;
    text-decoration: underline;
    width: 60px;
    word-spacing: 0
}

.benefits-grid {
    text-align: center;
    font: normal normal normal 14px / 22px "Arial", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    color: #8d9095
}

.benefits-grid h4 {
    color: #373a41;
    font: normal normal normal 18px / 24px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none
}

.mini-contacts li.address {
    background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2215px%22%20height=%2215px%22%20viewBox=%220%200%2015%2015%22%20enable-background=%22new%200%200%2015%2015%22%20fill=%22%238d9095%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M12.041,5.739c0-2.104-1.82-3.784-4.033-3.784c-2.23,0-3.997,1.68-3.997,3.784c0,1.468,0.613,2.177,1.971,3.979%09c1.635,2.279,1.952,4.209,1.952,4.209c0.037,0.158,0.185,0.158,0.222,0c0,0,0.242-1.93,1.916-4.209%09C10.852,8.641,12.041,7.207,12.041,5.739z%20M8.045,7.314c-0.818,0-1.504-0.691-1.504-1.505c0-0.813,0.687-1.449,1.504-1.449c0.875,0,1.543,0.637,1.543,1.449C9.59,6.623,8.92,7.314,8.045,7.314z%22/%3E%3C/svg%3E")
}

.mini-contacts li.phone {
    background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2215px%22%20height=%2215px%22%20viewBox=%220%200%2015%2015%22%20enable-background=%22new%200%200%2015%2015%22%20fill=%22%238d9095%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M10.932,13.848l-0.004-3.521c-0.004,0-1-0.006-1.046-0.004c-1.13-0.012-1.112-4.613,0.017-4.648l1.056,0.004l0.017-3.522c0,0-1.052-0.003-1.068-0.002C9.165,2.166,7.218,2.096,7.195,7.985c-0.023,5.941,1.889,5.83,2.671,5.857C9.924,13.839,10.928,13.846,10.932,13.848z%22/%3E%3C/svg%3E")
}

.mini-contacts li.email {
    background-image: url("data:image/svg+xml,%3Csvg%20version=%221.1%22%20%20xmlns=%22http://www.w3.org/2000/svg%22%20xmlns:xlink=%22http://www.w3.org/1999/xlink%22%20x=%220px%22%20y=%220px%22%20width=%2215px%22%20height=%2215px%22%20viewBox=%220%200%2015%2015%22%20enable-background=%22new%200%200%2015%2015%22%20fill=%22%238d9095%22%20xml:space=%22preserve%22%3E%3Cpath%20d=%22M7.86,8.553L5.998,10.17L4.169,8.582l-3.553,3.303l10.944,0.004L7.86,8.553z%20M0.518,4.036l5.488,5.211l5.394-5.16L0.518,4.036z%20M8.417,7.986l3.574,3.426l-0.01-6.741L8.417,7.986z%20M0.018,11.338l3.538-3.34L0,4.631L0.018,11.338z%22/%3E%3C/svg%3E")
}

.mini-contacts li {
    display: inline-block;
    position: relative;
    margin: 0 10px 0 0;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-position: 0 center;
    white-space: nowrap
}

.wf-float-left {
    float: left
}

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

.mini-nav li {
    position: relative;
    display: inline-block;
    margin: 0 16px 0 0
}

footer {
    font-size: 12px;
    color: #8d9095;
    background: #f7f7f8 none repeat center top;
    border-top: 1px solid rgba(218, 222, 225, 0.85)
}

footer a {
    color: #8d9095
}

.content h4 {
    color: #373a41;
    font: normal normal normal 18px / 24px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none
}

.content {
    font: normal normal normal 14px / 22px "Arial", Helvetica, Arial, Verdana, sans-serif;
    word-spacing: normal;
    color: #8d9095
}

.fancy-header {
    -webkit-animation: mk_fade .7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-animation: mk_fade .7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-animation: mk_fade .7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation: mk_fade .7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.fancy-header h1 {
    font: normal normal 300 51px / 60px "Open Sans", Helvetica, Arial, Verdana, sans-serif
}

.title-center {
    text-align: center
}

.alignleft {
    float: left;
    margin: 5px 30px 10px 0
}

.alignright {
    float: right;
    margin: 5px 0 10px 30px
}

.wf-container:before {
    content: "";
    display: table
}

.wf-container:after {
    content: "";
    display: table;
    clear: both
}

.wf-cell {
    display: inline-block;
    vertical-align: top
}

.benefits-grid > div {
    margin-top: 10px
}

@media screen and (max-width: 760px) {
    #branding, #branding-bottom, #top-bar .wf-float-left, #top-bar .wf-float-right, #bottom-bar .wf-float-left, #bottom-bar .wf-float-right {
        float: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    #branding-bottom {
        width: 163px
    }

    .wf-table.wf-mobile-collapsed, .wf-mobile-collapsed .wf-tr, .wf-mobile-collapsed .wf-td, .logo-classic .wf-table, .logo-classic .wf-tr, .logo-classic .wf-td, .logo-classic-centered .wf-table, .logo-classic-centered .wf-tr, .logo-classic-centered .wf-td, .box-style-table .action-container, .box-style-table .action-container-td, .full-boxed-pricing .shortcode-pricing-table, .full-boxed-pricing, .shortcode-tabs.vertical-tab, .right-block .soc-ico {
        display: block
    }

    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-height: 60px;
        background-color: #f5f5f5
    }

    .navbar-header-button-text {
        vertical-align: middle;
        line-height: 14px;
        margin-right: 5px
    }

    #navbar-login {
        background-color: #f8f8f8
    }
}

.splash {
    background-color: #2f6387;
    background-color: rgba(47, 99, 135, 0.70)
}

.splash-center {
    text-align: center;
    width: 40%;
    padding: 20px;
    background: #fff;
    margin: 10% auto 0
}

.CoverPop-close {
    display: block;
    text-align: right;
    width: 100%;
    height: 20px
}

.logos-grid {
    text-align: center
}

#login-overlay1 {
    background-color: rgba(150, 150, 150, 127);
    color: #fff;
    opacity: .5;
    text-align: center;
    width: 100%;
    height: 100%
}

#branding-bottom {
    width: 163px
}

.navbar-nav > li > a.markam-turuncu {
    color: #fe7d00
}

.navbar-nav > li > a.markam-kirmizi {
    color: #fe0000
}


.cms_contents table {
    background: white;
}

.cms_contents table,
.cms-table {
    width: auto;
}

.device_detail .pricing .step_through_accordion .cms_contents table {
    width: auto !important;
}

.cms_contents table th,
.cms_contents table td,
.cms_contents_description table th,
.cms_contents_description table td,
.cms-table th,
.cms-table td {
    padding: 10px 15px;
    text-align: center;
    font-weight: normal;
    border-color: #E5E5E5;
    border-style: solid;
    border-width: 1px;
    height: auto;
}

.cms_contents table tr:nth-child(odd),
.cms_contents_description table tr:nth-child(odd),
.cms-table tr:nth-child(odd) {
    background-color: #EFEFEF;
}

.cms_contents table tr:first-child td,
.cms_contents table tr:first-child th,
.cms_contents_description table tr:first-child td,
.cms_contents_description table tr:first-child th,
.cms-table tr:first-child td,
.cms-table tr:first-child th {
    background-color: #16375A;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}

.cms_contents table td:first-child,
.cms_contents table th:first-child,
.cms_contents_description table td:first-child,
.cms_contents_description table th:first-child,
.cms-table td:first-child,
.cms-table th:first-child {
    /*text-align: left;*/
}

.cms_contents table tr:first-child p,
.cms_contents table tr:first-child a,
.cms-table tr:first-child p,
.cms-table tr:first-child a {
    color: #FFFFFF !important;
}

.cms_contents table em,
.cms_contents_description table em,
.cms-table em {
    font-style: normal;
}


.mfa-code {
    font-family: monospace;
    font-weight: 700;
    letter-spacing: 3px;
    color: #ff0000;
    padding: 0 0 0 10px;
}