@import '../fonts/bebas.css';
@import url('https://fonts.googleapis.com/css?family=Audiowide&subset=latin,latin-ext');

html{
    min-height: 100%;
}
body {
    font-family: 'Khand', sans-serif;
    color: #333;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    font-size: 16px;
    background-image: url(../images/main-gradient.png);
    background-repeat: repeat-x;
    background-position: left top;
    background: #fff;
    /*overflow: hidden;*/
}
/*body.pace-done{
    background-image: url(../images/main-gradient.png);
    background-repeat: repeat-x;
    background-position: left top;
    background: #fff;
}*/
body.pace-done.home{
    background-image: url(../images/main-gradient.png), url(../images/sepv.gif);
    background-repeat: repeat-x, repeat-y;
    background-position: left top, center top;
}
body.all-done{
}
.command-button.primary{
    background-color: #0034A6;
    border-color: #002577
}
.container {
    margin: 0 auto;
    /*box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.15);*/
    /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), 0 3px 0 -1px #fff, 0 3px 0 -1px #bec2c8, 0 3px 0 -1px #fff, 0 5px 0 -1px #bec2c8;*/
    background-color: transparent;
    /*border: 1px solid #ccc;*/
    border-top-color: #c9c9c9;
    border-top: none;
    /*opacity: 0;*/
    transition: opacity .35s ease;
}
.container.main-content-holder{
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), 0 4px 0 -3px #fff, 0 4px 0 -2px #bec2c8, 0 8px 0 -5px #fff, 0 8px 0 -4px #bec2c8;
    background: #fafafa;
    /*padding: 25px;*/
}
.container.main-container{
    background-color: #fff;
    /*margin-top: -1px;*/
    padding: 0;
    /*border-top: 1px solid #f1f1f1;*/
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    /*box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.35);*/
    position: relative;
    overflow: hidden;

    /*z-index: 0*/
}
body.pace-done .container{
    opacity: 1;
}
/* == Header == */
#header{
    background: transparent;
    /*z-index: 1;*/
    /*position: relative;*/
    /*filter: grayscale(1);*/
    /*transition: filter 2s ease-in;*/
    box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.26);
    /*border-bottom: 1px solid #ccc;*/    
}
body.pace-done #header{
    background: #fff url(../images/headbg.png) no-repeat right top;
}
#header .mid-head > .container{
}
body.all-done #header{
    /*    padding: 20px 0;*/
    /*filter: grayscale(0);*/
}
#header .mid-head,
#header .bot-head{
    /*display: none*/
}
#header .top-head .nav{
    /*display: none*/
}
body.all-done #header .mid-head,
body.all-done #header .bot-head,
body.all-done #header .top-head .nav{
    display: block
}

.hide-on{
    /*opacity: 0;*/
}
body.all-done .hide-on{
    opacity: 1;
}
.mid-head > .container{
    background: url(../images/seperator.png) no-repeat center bottom;
}
body section#inner{
    /*background: url(../images/grid-bg.png) repeat top left;*/
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    overflow: hidden;
}
body.all-done .container.main-container{
    padding: 0 0 20px 0;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.32);
}
.background {
    background: url(../images/background_shadow.png) no-repeat top center;
    background-position: 50% 16%;	
}
h1{
    font-size: 2.8em
}
h1,h2{
    font-weight: 100
}
a {
    /*color: #BD202D;*/
    text-decoration: none;
    outline: 0;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    outline: none
}
a:hover,
a:focus {
    color: #075F9E;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -o-transition: all .35s ease;
    transition: all .55s ease;
    outline: none;
    text-decoration: none;
}
hr,
.hr2 {
    border: 0;
    height: 1px;
    margin-top: 0;
    margin-bottom: 15px;
    background-image: -webkit-linear-gradient(left, rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0));
    background-image: -moz-linear-gradient(left, rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0));
    background-image: -ms-linear-gradient(left, rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0));
    background-image: -o-linear-gradient(left, rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0));
    background-image: linear-gradient(left, rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.3), rgba(51, 51, 51, 0));
    width: 100%
}
.hr2 {
    margin-top: 30px;
    margin-bottom: 30px
}
.colred {
    color: #BA433F
}
.colblue {
    color: #3F95AE
}
.colyellow {
    color: #D38E2C
}
.colgreen {
    color: #4D9B4D
}
.relative {
    position: relative
}
/* == Lists, Progress Bars, Labels== */
ul.bullets,
ul.star,
ul.check{
    list-style: none
}
ul.bullets li,
ul.check li,
ul.star li {
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}
ul.check li {
    background-image: url(../images/check.png)
}
ul.star li {
    background-image: url(../images/star.png)
}
ol.numbers li {
    margin-left: 15px
}
.label {
    border-radius: 3px 3px 3px 3px;
    padding: 1px 4px 2px
}
.label,
.badge {
    background-color: #999;
    color: #FFF;
    white-space: nowrap
}
.label-ok,
.badge-ok {
    background-color: #4D9B4D
}
.label-info,
.badge-info {
    background-color: #3F95AE
}
.label-alert,
.badge-alert {
    background-color: #D38E2C
}
.label-error,
.badge-error {
    background-color: #BA433F
}
.progress-bar {
    height: 20px;
    border-radius: 4px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #111;
    padding: 1px
}
.progress-bar>div {
    border-radius: 3px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    text-align: center;
    height: 100%;
    background-size: 16px 16px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    box-shadow: inset 0px 2px 8px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .2)
}
.progress-bar>div.green {
    background-color: #4D9B4D;
    color: #000
}
.progress-bar>div.yellow {
    background-color: #D38E2C;
    color: #000
}
.progress-bar>div.blue {
    background-color: #3F95AE;
    color: #000
}
.progress-bar>div.red {
    background-color: #BA433F;
    color: #000
}
/* == Forms == */

.placeholder {
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
    padding-left: 10px
}
.placeholder.nopad {
    padding: 0
}
.inputbox {
    width: 100%;
}
.placeholder:hover,
.placeholder:focus {
    border: 1px solid rgba(255, 255, 255, 1);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}
img.captcha {
    display: inline-block!important;
    width: auto;
    max-width: 60px;
}

.fbbutton {
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px
}

.post-header h1{
    margin-top: 0
}
.sectiontitle{
    margin-top: 0;
    border-bottom: 1px dotted #ddd;
    padding: 15px;
}
h2.sectiontitle{
    font-size: 1.4em;
    font-weight: 300
}
/* == Select Box == */
.jstyling-select {
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0
}
.jstyling-select-t {
    white-space: nowrap;
    overflow: hidden
}
.jstyling-select-l {
    width: 100%;
    display: none;
    position: absolute;
    overflow-y: auto;
    z-index: 1000;
    margin: 0;
    padding: 0
}
.jstyling-select-l div {
    list-style: none;
    display: block;
    white-space: nowrap;
    overflow: hidden
}
.jstyling-select.active {
    z-index: 700
}
.jstyling-select.active .jstyling-select-l {
    display: block
}
.jstyling-checkbox,
.jstyling-radio {
    display: inline-block;
    z-index: 1;
    margin: 0;
    padding: 0
}
.jstyling-checkbox input[type=checkbox],
.jstyling-radio input[type=radio] {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 0
}
.jstyling-file {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0
}
.jstyling-file-f {
    overflow: hidden;
    white-space: nowrap
}
.jstyling-file-b {
    position: relative;
    overflow: hidden
}
.jstyling-file input[type=file] {
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}
/* == Select wrapper  == */

.jstyling-select {
    width: 100%;
    cursor: pointer
}
.jstyling-select-s {
    padding-left: 8px;
    height: 35px;
    line-height: 35px;
    color: rgba(255, 255, 255, 0.8);
    background-image: url(../images/select-nav.png);
    background-repeat: no-repeat;
    background-position: 100% top
}
.jstyling-select-t {
    width: 100%
}
.jstyling-select-l {
    max-height: 250px;
    color: #fff;
    top: 35px;
    left: -1px;
    background-color: #0D303F;
    border: 1px solid #FFF
}
.jstyling-select-l div {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
    padding: 5px
}
.jstyling-select-l div:hover {
    background: rgba(255, 255, 255, 0.1)
}
.jstyling-select-l div.disabled {
    background: #E5E5E5
}
.jstyling-select-l div.disabled:hover {
    color: #000
}
.jstyling-select-l div:first-child {
    border-top: 0
}
.jstyling-select.active {
    background: rgba(255, 255, 255, 0.2)
}
.jstyling-select.disabled {
    background-color: #E5E5E5
}
/* == Checkbox Ratio == */

.jstyling-checkbox {
    width: 25px;
    height: 21px;
    background: url(../images/input-sprite.png) no-repeat;
    background-position: 0 0;
    vertical-align: middle
}
.jstyling-checkbox.active {
    background-position: 0 -21px
}
.jstyling-checkbox.disabled {
    background-position: 0 -42px
}
.jstyling-checkbox.active.disabled {
    background-position: 0 -63px
}
.jstyling-radio {
    width: 25px;
    height: 21px;
    background: url(../images/input-sprite.png) no-repeat;
    background-position: 0 -84px;
    vertical-align: middle
}
.jstyling-radio.active {
    background-position: 0 -105px
}
.jstyling-radio.disabled {
    background-position: 0 -126px
}
.jstyling-radio.active.disabled {
    background-position: 0 -147px
}
/* == File input == */

.jstyling-file-f {
    float: left;
    height: 35px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
    color: #fff;
    background-attachment: scroll;
    background-image: url(../images/trans.png);
    background-repeat: repeat;
    width: 250px
}
.jstyling-file-b {
    margin-left: -1px;
    width: 80px;
    float: left;
    height: 35px;
    text-align: center;
    line-height: 35px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
    color: #fff;
    background-attachment: scroll;
    background-image: url(../images/trans.png);
    background-repeat: repeat;
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}
.jstyling-file-b:hover {
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease
}
/* == Images and Media== */

figure {
    line-height: 0
}
img {
    max-width: 100%;
    height: auto
}
.ie8 img {
    max-width: none!important
}
.flright {
    float: right
}
.flleft {
    float: left
}
.doleft {
    text-align: left
}
.doright {
    text-align: right
}
.img-left {
    float: left;
    margin: 0 20px 20px 0;
}
.img-right {
    float: right;
    margin: 0 0 20px 20px;
}
img::selection,
img::-moz-selection {
    background: transparent
}
.thumb {
    position: relative;
    float: left;
    max-width: 33%;
    height: auto;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 20px 10px 0
}
.thumb img {
    position: relative;
    z-index: 1;
    vertical-align: top;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.thumb a:hover img {
    opacity: .5
}
.thumb.max-width {
    max-width: 100%;
    margin: 0 0 20px
}
.box {
    /*padding: 20px*/
}
.logo{
    float: left;
    position: relative;
    margin-right: 0;
    margin: 31px 0 31px 0;
    padding-left: 10px;
    z-index: 10;
}
.logo a{
    overflow: hidden;
}
.logo img{
    height: 100px;
    width: auto
}
.top-menu {
    color: #fff;
    padding: 0;
    z-index: 2
}
.top-menu > .container{
    border: none;
    box-shadow: none;
    background-color: transparent;
}
.topmenu{
}
.topmenu > ul{
    display: block;
    /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
    padding-bottom: 10px;

}
.topmenu > ul > li{
    float: left;
    line-height: 20px;
    height: 40px;
}
.topmenu > a{
    display: none;
}
.topmenu li{
    position: relative;
}
/* second level */
.topmenu li ul
{
    display: none;
    position: absolute;
    top: 100%;
}
.topmenu li:hover ul{
    display: block;
}
.topmenu > ul > li a,
.top-menu .phone{
    padding: 11px 0;
    margin-left: 0;
    color: #333;
    height: 42px;
    transition-duration: .1s;
    font-size: 0.8em;
}
.topmenu > ul > li a:hover,
.topmenu > ul > li a:focus,
.topmenu > ul > li.active a,
.topmenu > ul > li a:active{
    /*background: rgba(0,0,0,0.4);*/
    color: #333;
    background: transparent;
    text-decoration: none
}
.tel {
    font-family: 'bebas', sans-serif;
}
#iletisim-link{
    /*padding-right: 0*/
}
.secondary_mid_menu{
    margin-top: 15px;
}
.secondary_mid_menu h2{
    margin-top: 5px;
    padding-bottom: 15px;
    background: transparent url(../images/top-service.png) no-repeat bottom right;
}
.topmenu > ul > li a:before{
    display: none;

}
.topmenu .tooltip-inner{
    max-width: 300px;
    width: 300px;
    background: rgba(0,0,0,0.6);
    font-weight: bold;
    text-transform: uppercase
}
.mainhe h1{
    background: #FFF;
}
.li-sub-arrow {
    position: absolute;
    right: 10px;
    text-align: center;
    width: 35px;
    height: 35px;
    z-index: 9999;
    top: 0;
    cursor: pointer;
    background-image: url(../images/mnav-arrow.png);
    background-repeat: no-repeat;
    background-position: center center
}
.navbar{
    border: none;
    background: #fff;
    margin-bottom: 0;
}
#menu{
    background: #fff url(../images/corner2.png) no-repeat top right;
    background-color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    /*border-top: 1px solid #eee;*/
}
/* == Menu == */
#navbar{
    border-bottom: none
}
#navbar .navbar-header{
    padding-left: 0;
    padding-right: 0
}
.navbar-nav > li{
    background: transparent;
    transition: background .2s ease;
    margin-left: 0;
}
#navbar .menu-right{
    padding-left: 0;
    padding-right: 0
}
#navbar .menu-right .navbar-nav{
    border-left: 6px solid rgba(0,0,0,0.1);
}
#navbar .menu-right .navbar-nav > li{
    padding: 17px 4px;
    position: relative
}
#navbar .menu-right .navbar-nav > li > a{
    font-size: 19px;
    border: none;
    font-weight: 600;
    position: relative;
    border: 1px solid transparent;
    border-bottom: none;
    padding: 10px 15px;
    border-radius: 4px
}
#navbar .menu-right .navbar-nav > li.dropdown > a{
    padding-right: 25px;
}
#navbar .menu-right .navbar-nav > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    top: -18px;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: linear-gradient(30deg, #FA8275 0%, #F95F4E 100%);
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform 0.22s ease-in-out 0s;
}
#navbar .menu-right .navbar-nav > li:hover  > a:before{
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
#navbar .menu-right .navbar-nav:hover > li > a{
    opacity: 0.4;
}

#navbar .menu-right .navbar-nav > li:hover > a{
    opacity: 1;
    color: #F95F4E
}
#navbar .menu-right .navbar-nav > li.dropdown > a:after{
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -3px;
    content: "";
    width: 14px;
    height: 6px;
    background-image: url(../images/menu-down.png);
    background-repeat: no-repeat;
    background-position: right center;
}
#navbar .menu-right .navbar-nav > li.dropdown:hover a:after{
    background-image: url(../images/menu-down-hover.png);
}
#navbar .menu-right .navbar-nav > li > a:hover:after{
    animation: down-up-down 1.2s ease-in-out;
}
@keyframes down-up-down {
    0%, 100% { 
        transform: translate(0,15px);
        -webkit-transform: translate(0,15px);
    } 25% { 
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
    } 50% { 
        transform: translate(0,5px);
        -webkit-transform: translate(0,5px);
    } 75% { 
        transform: translate(0,-1px);
        -webkit-transform: translate(0,-1px);
    } 100% { 
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
}
#navbar .navbar-header{
    font-family: 'Audiowide', cursive;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    box-shadow: 0 -1px 1px rgba(255, 255, 255, 0.25);
    position: relative;
    z-index: 2;
}
#navbar .navbar-brand,
#navbar a.navbar-brand:hover,
#navbar a.navbar-brand:visited{
    letter-spacing: 0.6px; 
    font-size: 1.1em;
    line-height: 1.2;
    padding: 16indpx 7px 14px 20px;    
    height: 75px;
    display: block;
    float: none;
    color: #1a1a1a;
    position: absolute;
    border-top-left-radius: 6px;
    background: #fff url(../images/corner.png) no-repeat top left;
    background-color: #fff
}
#navbar .menu-right .navbar-nav > li:first-child{
    margin-left: 6px;
}
#navbar .menu-right .navbar-nav > li:hover,
#navbar .menu-right .navbar-nav > li:focus,
#navbar .menu-right .navbar-nav > li:active,
#navbar .menu-right .navbar-nav > li > a:hover,
#navbar .menu-right .navbar-nav > li > a:active,
#navbar .menu-right .navbar-nav > li > a:focus{
    /*text-shadow: 1px 0 0 #fff;*/
    color: #fff;
}
.navbar-nav li.dropdown:hover > a,
.navbar-nav li.dropdown:focus > a,
#navbar .menu-right .navbar-nav > li > a:hover,
#navbar .menu-right .navbar-nav > li > a:active,
#navbar .menu-right .navbar-nav > li > a:focus{
    background-color: #324A5E;
    color: #F95F4E;
    /*background: #222222;*/
}
#navbar .navbar-nav > li > a .icon{
    display: none
}
.navbar-nav .dropdown .dropdown-menu{
    height: 0;
    left: auto;
    /*background-color: #324A5E;*/
    border: 1px solid rgba(0,0,0,0.15);
    border-top: none;
    min-width: 193px;
    width: 233px;
    padding: 0;
    opacity: 0;
    transform-origin: bottom;
    display: block; 
    overflow: hidden;
    transition: all 0.23s linear;
    -webkit-transition: all 0.23s linear;    
}
.navbar-nav .dropdown .dropdown-menu a{
    /*color: #fff;*/
    font-size: 16px
}
.navbar-nav .dropdown .dropdown-menu a:hover{
    /*color: #324A5E;*/
    /*background-color: rgba(0,0,0,0.3);*/
}
.navbar-nav .dropdown:hover .dropdown-menu {
    opacity:1;
    padding: 20px 0px;
    height: auto;
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.24);
    width: auto;
    left: 0;
}
.navbar-nav .dropdown .mega-dropdown-menu{
    padding: 0;
    border-width: 0    
}
.navbar-nav .dropdown.mega.big .mega-dropdown-menu{

}

.navbar-nav .dropdown .dropdown-menu li:first-child,
.navbar-nav .dropdown .dropdown-menu li:last-child{
    border: none;
}
.navbar-nav .dropdown .mega-dropdown-menu li a{
    border: none;
    font-weight: normal;
    margin: 1px 0 0;
    text-shadow: none;
    text-transform: capitalize;
    vertical-align: middle;
    text-decoration: none;
    transition: background 0.4s ease 0s, color 0.4s ease 0s;
}
.navbar-nav .dropdown .dropdown-menu > li a{
    padding: 4px 15px 4px 10px
}
.navbar-nav .dropdown .dropdown-menu li a:hover,
.navbar-nav .dropdown .dropdown-menu li a:focus,
.navbar-nav .dropdown .dropdown-menu li a:active,
.navbar-nav .dropdown .dropdown-menu li a.active{
    color: #F95F4E;
    background-color: rgba(0,0,0,0.3);
}

#navbar .menu-right .navbar-nav > li:hover .mega-dropdown-menu{
    padding: 30px 0 20px 0px;
    border-width: 0 1px 1px 1px;
}
.mega-dropdown {
    position: static !important;
    /*width:100%;*/
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    overflow: hidden;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.navbar-nav .dropdown.urunler .mega-dropdown-menu {
    padding: 20px 15px !important
}
.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}
.mega-dropdown-menu > li > ul > li {
    list-style: none;
}
.mega-dropdown-menu .group > ul{
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee
}
.mega-dropdown-menu .group120 > ul{
    height: 120px;
}
.mega-dropdown-menu .group250 > ul{
    height: 180px;
}
.mega-dropdown-menu .group > ul > li{
    /*display: inline-block;*/
}
.mega-dropdown-menu .group-2 > ul{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.mega-dropdown-menu .group-3 > ul,
.group3{
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
.mega-dropdown-menu .group-4 > ul{
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}
.mega-dropdown-menu .group-5 > ul{
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}
.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.6;
    white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    background-color: rgba(0,0,0,0.02);
}
.navbar-nav .dropdown .dropdown-menu li a span.icon{
    margin-right: 10px;
    padding: 0;
    text-align: left;
    background-color: transparent;
    display: inline-block;
    border-radius: 100%;   
    min-width: 24px;
    min-height: 24px;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    transition: transform .2s ease-in-out;
    transition-delay: 0;
}
.navbar-nav .dropdown .dropdown-menu li a:hover span.icon{
    transform: rotate(360deg);
}
.navbar-nav .dropdown .dropdown-menu li a span.icon img{
    vertical-align: middle;
    max-width: 32px;
}
.mega-dropdown-menu .dropdown-header,
.navbar-nav .mega-dropdown-menu li a.dropdown-header{
    font-size: 15px;
    padding: 0px;
    background-color: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.02);
    margin: 0 0 15px 0
}
.navbar-nav .mega-dropdown-menu li a.dropdown-header:hover{
    background-color: #fafafa;
}
.navbar-nav .mega-dropdown-menu li a.dropdown-header span.icon{
    background-color: transparent;
    border-right: 1px solid rgba(0,0,0,0.02);
    padding: 4px;
    padding-right: 10px;
    border-radius: 0;
}

.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}
#menu .tools-container{
    background: rgba(0,0,0,0.23);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25), 0 2px 1px rgba(0, 0, 0, 0.4) inset;
}
#menu .tools{
    float: left;
    font-size: 1.4rem;
}
#navbar .navbar-nav > li.tools > a{
    font-size: 1.7em;
    padding: 12px 5px 8px 5px;
    border: none;
    color: #fff;
}
#navbar .navbar-nav > li > a .fa{
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 20px;
    text-align: center;
    border: 1px solid transparent;
}
#navbar .navbar-nav > li.tools > a:hover .fa,
#navbar .navbar-nav > li.tools > a:focus .fa,
#navbar .navbar-nav > li.tools > a:active .fa{
    background-color: #fafafa;
    color: #3B5998
}
/*------------------------------------------------------------------------------
 * Data attr based animations
 *----------------------------------------------------------------------------*/
[data-animation="scale-it-hover"]:hover .icon img {
    transition: all 200ms ease-in;
    transform: scale(1.32); 

}
/* == Search Box == */
.topsearch {
    position: absolute;
    right: 5px;
    top: 138.5px;
    z-index: 99;
    background-color: #BD202D;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25), 0 2px 1px rgba(0, 0, 0, 0.4) inset;
    padding: 0 0 0 50px;
}
.topsearch .navbar-form{
    margin: 0;
    padding: 0
}
.topsearch .form-control{
    background-color: #004B97;
    background-color: transparent;
    color: #eee;
    border: none;
    border-radius: 0;
}
.topsearch input.form-control::-webkit-input-placeholder {
    color: #eee !important;
}

.topsearch input.form-control:-moz-placeholder {
    color: #eee !important;  
}

.topsearch input.form-control::-moz-placeholder {   
    color: #eee !important;  
}

.topsearch input.form-control:-ms-input-placeholder { 
    color: #eee !important;  
}
.topsearch .searchbtn{
    white-space: nowrap;
    width: 35px;
    overflow: hidden;
    text-indent: 1000%;
    background: #39414B url("../images/search-icon.png") no-repeat;
    z-index: 14;
    height: 34px;
    border: none;
    border-radius: 0;
    font-size: 16px;    
}
.topsearch .searchbtn:hover,
.topsearch .searchbtn:active{
    color: #fafafa;
    background-color: #2f2f2f;
}
.head-yetkili-servis-cont{
    position: absolute;
    background: #BD202D;
    width: 300px;
    height: 64px;
    top: 68px;
    right: 4px;
    text-align: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 4px 4px 4px 7px;
    z-index: 999;
    box-shadow: 0 -4px 0 -2px rgba(0,0,0,0.5);

}
.head-yetkili-servis-cont div.inner-cont{
    border: 1px dashed rgba(255,255,255,.19);

}
.head-yetkili-servis-cont div.inner-cont:before{
    content: " ";
    position: absolute;
    z-index: 3;
    top: -2px;
    left: 0;
    border-left: 2px solid rgba(0,0,0,0.2);
    bottom: 0;
    display: block
}
.head-yetkili-servis-cont div.inner{
    width: 134px;
    margin: 0 auto;
}
.head-yetkili-servis-cont div.inner img{
    height: 52px !important;
}
/*.head-yetkili-servis-cont:before{
    top: 0;
    bottom: 0px;
    left: -62px;
    z-index: 2;
    display: block;
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 62px 62px;
    border-color: transparent transparent rgba(0,0,0,0.4) transparent;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 1px rgba(0, 0, 0, 0.4) inset;
}
.head-yetkili-servis-cont div.inner-cont:after{
    top: 4px;
    bottom: 0;
    left: -58px;    
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 99;
    border-style: solid;
    content: " ";
    border-width: 0 0 58px 58px;
    border-color: transparent transparent rgba(255,255,255,.1) transparent;  
}*/
.head-yetkili-servis-shadow.right{
    /*background: url(../images/top-s.png) no-repeat;*/
    width: 65px;
    right: -1px;
    left: auto;
}
a.featured-image-cont{
    background-color: #fff;
    text-align: center;
    height: 180px !important;
    display: block;
}
a.featured-image-cont:hover{
    background-color: #eee !important;
}
.featured-image-cont img{
    max-height: 100px;
    margin: 45px auto;
}

/* == Blocks == */
.block{
    padding: 0 20px;
}
/* == Crumbs Navigation == */
#crumbs {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px 0;	
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    line-height: 36px;
}
#crumbs nav {
    float: right;
}
#crumbs h2 {
    text-transform: none;
    text-indent: -1px;
    margin: 10px 0;
    color: #0077CC;
    font-size: 1.8em;
    font-weight: 300;
}
/* == Content == */

#page {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
#sidebar{
    padding-top: 30px;
    border-right: 6px solid rgba(0,0,0,0.1);
}
.content-full,
#content-left #maincontent{
    padding-top: 30px;
    padding-bottom: 25px;
}
#content-right #maincontent{
    border-right: 1px solid rgba(0,0,0,0.1);
}

/* == Tables == */
.display,
.datatable {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-top: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.display thead tr th,
.datatable thead tr th {
    text-align: left;
    border-bottom: 1px solid #111;
    background-color: rgba(200, 200, 200, 0.1);
    font-variant: normal;
    font-size: 16px;
    font-weight: 200;
    padding: 10px 5px
}
.display tr td img,
.datatable tr td img {
    padding-right: 2px;
    padding-left: 2px
}
.display tbody tr td,
.datatable tbody tr td {
    padding: 10px;
}
.display tbody tr,
.datatable tbody tr {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.display tbody tr th,
.datatable tbody tr th {
    text-align: left;
    font-variant: normal;
    font-weight: normal;
    padding: 10px;
    width: 250px
}
.display tfoot tr td,
.datatable tfoot tr td {
    padding: 10px
}
/* == Plugins == */
.container.home-body{
    /*background: transparent;*/
    border: none;
    /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), 0 8px 0 -4px #bec2c8;*/
    margin-bottom: 20px;
    padding-top: 75px;
    padding-bottom: 25px;
}
#servicesIcons {
    padding: 0;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
#servicesIcons:before,
#servicesIcons::after{
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    height: 348px;
    width: 75%;
    border-top: #31495E 4px solid;
    border-bottom: #31495E 4px solid;
    z-index: 1;

}
#servicesIcons:before{
    top: 0;
    border-bottom: none;
    bottom: auto;
}
#servicesIcons:after{
    border-top: none;
    bottom: 1px;
}
#servicesIcons .col-sm-3 {
    background-image: url(../images/sepv.gif),url(../images/sepv.gif);
    background-repeat: no-repeat,no-repeat;
    background-position: top center,bottom+1px center;
    padding: 60px 0;
    text-align: center;
}
#servicesIcons .col-sm-3 img{
    margin: 0 auto
}
.home-section{

}
.home-section .col-sm-6{
    padding-left: 30px;
    padding-right: 30px;    
}
.firstsection{
    background: url(../images/anasayfa-info.png) no-repeat center center;
}
.secondsection{
    background: url(../images/anasayfa-servisler-info.png) no-repeat center center;
}
.animated-page-section{
    /*visibility: hidden;*/
}
#sidebar .widget-wrap {
    /*margin-bottom: 20px;*/
}
#topplugin {
    margin-top: 15px
}
#botplugin {
    padding-bottom: 20px
}
#botplugin .container{
    margin-top: 0;
    position: relative
}

#botplugin h4,
#sidebar .header,
#sidebar2 h4 {
    margin-bottom: 15px;
    padding: 3px 10px;
    font-size: 1.4em;
    line-height: 2em;
    margin-top: 0;
    border: 1px solid #CCC;

}
.content-left #sidebar .header{
    border-right: none: 
}
.content-right #sidebar .header{
    border-left: none: 
}
#sidebar h4:first-child,
#sidebar h5:first-child{
    margin-top: 0
}
#botplugin .widget-wrap,
#topplugin .widget-wrap,
#sidebar .widget-wrap,
#sidebar2 .widget-wrap {
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
    background-attachment: scroll;
    background-repeat: repeat;
    padding: 0;
    /*border-top: 2px solid #AAA;*/
    margin-top: 0
}
#botplugin .widget-wrap.brands{
    margin-top: 0;
}
/* == Alternate Classes == */

#botplugin .widget-wrap.red,
#sidebar .widget-wrap.red,
#topplugin .widget-wrap.red,
#sidebar2 .widget-wrap.red,
.redbox {
    background: #c05f7c;
    /* Old browsers */
    color: #FFF;

    background: -moz-linear-gradient(-45deg, #c05f7c 0%, #9d315c 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c05f7c), color-stop(100%, #9d315c));
    background: -webkit-linear-gradient(-45deg, #c05f7c 0%, #9d315c 100%);
    background: -o-linear-gradient(-45deg, #c05f7c 0%, #9d315c 100%);
    background: -ms-linear-gradient(-45deg, #c05f7c 0%, #9d315c 100%);
    background: linear-gradient(135deg, #c05f7c 0%, #9d315c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c05f7c', endColorstr='#9d315c', GradientType=1)
}
#botplugin .widget-wrap.light,
#sidebar .widget-wrap.light,
#topplugin .widget-wrap.light,
#sidebar2 .widget-wrap.light,
.bluebox {
    background: #5fa0c0;
    background: -moz-linear-gradient(-45deg, #5fa0c0 0%, #32839e 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #5fa0c0), color-stop(100%, #32839e));
    background: -webkit-linear-gradient(-45deg, #5fa0c0 0%, #32839e 100%);
    background: -o-linear-gradient(-45deg, #5fa0c0 0%, #32839e 100%);
    background: -ms-linear-gradient(-45deg, #5fa0c0 0%, #32839e 100%);
    background: linear-gradient(135deg, #5fa0c0 0%, #32839e 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5fa0c0', endColorstr='#32839e', GradientType=1)
}
#botplugin .widget-wrap.white,
#sidebar .widget-wrap.white,
#topplugin .widget-wrap.white,
#sidebar2 .widget-wrap.white,
.whitebox {
    color: #444;
    background: #fff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
    background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f9f9f9 100%);
    background: -o-linear-gradient(-45deg, #ffffff 0%, #f9f9f9 100%);
    background: -ms-linear-gradient(-45deg, #ffffff 0%, #f9f9f9 100%);
    background: linear-gradient(135deg, #ffffff 0%, #f9f9f9 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=1)
}
#botplugin .widget-wrap.green,
#sidebar .widget-wrap.green,
#topplugin .widget-wrap.green,
#sidebar2 .widget-wrap.green,
.greenbox {
    background: #9ac964;
    background: -moz-linear-gradient(-45deg, #9ac964 0%, #6f9b31 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #9ac964), color-stop(100%, #6f9b31));
    background: -webkit-linear-gradient(-45deg, #9ac964 0%, #6f9b31 100%);
    background: -o-linear-gradient(-45deg, #9ac964 0%, #6f9b31 100%);
    background: -ms-linear-gradient(-45deg, #9ac964 0%, #6f9b31 100%);
    background: linear-gradient(135deg, #9ac964 0%, #6f9b31 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9ac964', endColorstr='#6f9b31', GradientType=1)
}
#botplugin .widget-wrap.orange,
#sidebar .widget-wrap.orange,
#topplugin .widget-wrap.orange,
#sidebar2 .widget-wrap.orange,
.orangebox {
    background: #FC6C1D;
    background: -moz-linear-gradient(-45deg, #FC6C1D 0%, #E8641B 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #FC6C1D), color-stop(100%, #E8641B));
    background: -webkit-linear-gradient(-45deg, #FC6C1D 0%, #E8641B 100%);
    background: -o-linear-gradient(-45deg, #FC6C1D 0%, #E8641B 100%);
    background: -ms-linear-gradient(-45deg, #FC6C1D 0%, #E8641B 100%);
    background: linear-gradient(135deg, #FC6C1D 0%, #E8641B 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#FC6C1D', endColorstr='#E8641B', GradientType=1)
}
#sidebar .widget-wrap.noclass,
#sidebar2 .widget-wrap.noclass,
#botplugin .widget-wrap.noclass,
#topplugin .widget-wrap.noclass {
    background-image: none
}
#sidebar .widget-wrap.nowrap,
#topplugin .widget-wrap.nowrap,
#botplugin .widget-wrap.nowrap {
    background-image: none;
    box-shadow: none;
    padding: 0
}
.olist h4{
}
.olist ul{
    list-style: circle
}

/* == Comments == */

#comments .commentWrap {
    margin-bottom: 15px;
}
#comments .comment-info {
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.2);
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.1);
}
#comments li ul li {
    margin-left: 15px
}
#comments .avatar {
    padding: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
}

#botplugin .brands h4{

    /*background-color: #fff;*/    
    background-image: url('../images/dot.png');
    background-repeat: no-repeat;
    background-position: 10px 50%;
    border: none;
    border-bottom: 2px solid #DDD;
    padding: 0 1.5em
}
.brands h4:before{
    content: "";
    position: absolute;
    width: 80%;
    height: 2px;
    bottom: 4px;
    left: 30px;
    background: linear-gradient(to right, rgba(77,75,77,0.8) 0%, rgba(51,51,51,0.2) 57%, rgba(255,255,255,0) 100%);
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; 
}
.brands #xcarousel{
    /*	background: #fff;
            border: 1px solid #CCC;
            border-top: 3px solid #DDDDDD;
            border-bottom-left-radius: 2rem;
            border-bottom-right-radius: 2rem;*/
    position: relative
}

.exproducts .cell{
    text-align: center;
}
.exproducts .image-container .frame{
    /*background-color: transparent #0034A6*/
}
.exproducts h5{
    color: #26398c
}
pre,
code {
    font: 13px/19px Consolas, "Andale Mono", Courier, "Courier New", monospace
}
pre {
    border: 1px solid rgba(255, 255, 255, 0.2);
    overflow-x: visible;
    overflow-y: hidden;
    margin: 15px 0 20px;
    padding: 5px
}
blockquote {
    font-size: 15px!important;
    padding-left: 105px;
    line-height: 22px;
    font-style: italic;
    background-image: url(../images/quote.png);
    background-repeat: no-repeat;
    background-position: 60px 0;
    margin: 30px 0
}
blockquote.nobg {
    background-image: none;
    padding-left: 30px;
}
.char-alert {
    color: #C30
}
/* == Pagination == */

#pagination {
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}
#pagination a {
    text-decoration: none;
    outline: none;
    display: inline-block;
    text-shadow: none;
    line-height: 30px;
    height: 30px;
    width: 30px;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 0;
    border-radius: 15px
}
#pagination a.number {
    background-color: rgba(0, 0, 0, 0.1);
    color: #FFF
}
#pagination a.number:hover {
    color: #fff;
    background-color: #BA433F;
    text-decoration: none
}
#pagination a.current {
    color: #FFF;
    background-color: #3F95AE
}
#pagination a.current:hover {
    text-decoration: none
}
/* == Tabs == */

.tabs {
    overflow: auto;
    max-width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}
.tabs li {
    margin: 0;
    padding: 0;
    float: left;
}
.tabs a {
    -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    background: #ad1c1c;
    background: -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background: -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background: -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background: -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    color: #fff;
    float: left;
    font: bold 12px/35px Arial;
    height: 35px;
    padding: 0 30px;
    text-decoration: none
}
.tabs a:hover {
    background: #c93434;
    background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px);
    background: linear-gradient(220deg, transparent 10px, #c93434 10px)
}
.tabs a:focus {
    outline: 0
}
.tabs #current a {
    background: #fff;
    background: -moz-linear-gradient(220deg, transparent 10px, #fff 10px);
    background: -webkit-linear-gradient(220deg, transparent 10px, #fff 10px);
    background: -ms-linear-gradient(220deg, transparent 10px, #fff 10px);
    background: -o-linear-gradient(220deg, transparent 10px, #fff 10px);
    background: linear-gradient(220deg, transparent 10px, #fff 10px);
    text-shadow: none;
    color: #333
}
.tab-content {
    color: #444;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fff, #ddd);
    background-image: -moz-linear-gradient(top, #fff, #ddd);
    background-image: -ms-linear-gradient(top, #fff, #ddd);
    background-image: -o-linear-gradient(top, #fff, #ddd);
    background-image: linear-gradient(top, #fff, #ddd);
    padding: 30px;
    min-height: 50px;
    border: 1px solid #ddd;
    border-top: 0
}
/* == Accordion == */

.accordion {} .accowrap h4 {
    display: block;
    position: relative;
    overflow: hidden;
    height: 40px;
    background: #3F95AE;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    line-height: 40px;
    margin: 0 0 1px;
    padding: 0 0 0 20px
}
.accowrap h4 span {
    position: absolute;
    right: 10px
}
.accowrap h4:hover {
    background: #BA433F;
    color: #fff
}
.accowrap h6:hover span {
    color: #fff
}
.accowrap .acco-content {
    display: none;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 20px
}
.accowrap.current h4 {
    background: #E8641B;
    color: #fff
}
.accowrap.current .acco-content {
    display: block
}
.accowrap.current .chevron {
    width: 40px;
    height: 40px;
    background-image: url(../images/acconav.png);
    background-repeat: no-repeat;
    background-position: 0 -40px
}
.accowrap .chevron {
    width: 40px;
    height: 40px;
    background-image: url(../images/acconav.png);
    background-repeat: no-repeat;
    background-position: 0 0
}
/* == Carousel == */

.carousel {
    position: relative;
    margin: 0;
    padding: 0
}
.carousel .flex-direction-nav {
    position: absolute;
    top: -28px;
    right: 0;
    z-index: 9;
    width: 32px;
    height: 16px;
}
.carousel .flex-direction-nav li {
    display: inline-block;
    float: left
}
.carousel .flex-direction-nav a {
    cursor: pointer;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    border: 0;
    background-image: url(../images/carousel_nav.png);
    background-repeat: no-repeat;
}
.carousel .flex-direction-nav .flex-next {
    background-position: -16px 0!important
}
.carousel .flex-direction-nav .flex-prev {
    background-position: 0 0!important
}
.carousel .flex-direction-nav .flex-next:hover {
    background-position: -16px -16px!important
}
.carousel .flex-direction-nav .flex-prev:hover {
    background-position: 0 -16px!important
}
.carousel .flex-direction-nav .flex-disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default
}
/* == Notifications and Messages == */

.msgAlert,
.msgInfo,
.msgError,
.msgOk,
.msgSys {
    color: #FFF;
    background-image: url(../images/msg-bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 10px;
    margin-bottom: 5px
}
.msgError,
.butred {
    background-color: #BA433F
}
.msgInfo,
.butblue {
    background-color: #3F95AE
}
.msgAlert,
.butyellow {
    background-color: #D38E2C
}
.msgOk,
.butgreen {
    background-color: #4D9B4D
}
.msgSys,
.butorange {
    background-color: #E8641B
}
.msgError span,
.msgOk span,
.msgAlert span,
.msgInfo span,
.msgSys span {
    margin-left: 5px;
    display: inline-block;
    margin-right: 10px;
    font-weight: 700
}
.msgError .error li {
    background-image: url(../images/error-li.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    margin-left: 15px
}
.info {
    margin-bottom: 10px;
    background-image: url(../images/msg-infop.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    line-height: 1.4em;
    border-radius: 2px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px 10px 10px 35px
}
.info span {
    padding-left: 10px
}
.loader2 {
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 20px;
    width: 20px;
    display: inline-block
}
.preloader {
    background-color: #fff;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center center
}
#tooltip {
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 10px;
    font-size: 12px
}
#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px
}
#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto
}
#tooltip.left:after {
    left: 10px;
    margin: 0
}
#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0
}
/* == Footer == */
hr{
    background-color: #CCC;
}
#footer {
    padding-bottom: 0;
    background-color: #38404a;
    /*border-top: 4px solid #121417;*/
    border-bottom: 3px solid #0059B2;
    color: #ddd;
    font-size: 14px;
    margin-top: 80px;
    padding: 20px;
    /*box-shadow: 0 0px 10px #000*/
}
#footer h3{
    font-size: 18px;
}
#footer a,
#footer a:link{
    color: #ddd
}
#footer a:hover{
    color: #eee;
}
#footer .ficons {
    float: right
}
#footer .fotter-wrap {
    padding-top: 10px;
}
#footer .social{
    margin-left: 10px;
}

#footer .section-footer .list-inline{
    text-align: right;
}
#footer .footer-ribbon {
    background: #BD202D;
    margin: -20px 0 0 -6px;
    padding: 10px 20px 6px;
    position: absolute;   
    bottom: -2px;
    text-align: center;
    top: 0;
    font-size: 1.4rem;
    border-left: 2px solid #691219;
    color: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15), 0 -4px 0 -3px #fff, 0 -4px 0 -2px #bec2c8, 0 -8px 0 -5px #fff, 0 -8px 0 -4px #bec2c8
}
#footer .footer-ribbon .center{
    text-align: center;
    margin:45px 10px
}
#footer .footer-ribbon .center img{
    width: 180px;
}
#footer .container{
    box-shadow: none;
    border: none;
    background-color: transparent;
    /*border-left: 3px solid #CCC;*/
    padding-bottom: 20px;
    padding: 20px 0 30px 20px;
    position: relative;
}
#footer .foot-info{
    background-size: 44px auto;
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 15px;
    padding-left: 54px;    
}
.footer-base{
    /*background-color: #121417;*/
    padding: 10px 0;
    background-color: #FFFFFF;
    /*border-top: 3px solid #0059B2;*/
    color: #eee;
    font-size: 90%
}
.footer-base .container{
    box-shadow: none;
    border: none;
    background: transparent;
}
.footer-base a,
.footer-base a:hover,
.footer-base a:active,
.footer-base a:focus{
    color: #ccc;
}
.footer-base p{
    margin: 0
}
#footer .contact-content .cell{
    margin-bottom: 10px;
}
#footer .contact-content i.fa{
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background-color: #333;
    color: #F0F0F0;
    text-align: center;
    line-height: 34px;
}
#footer .social-details a.social{
    margin-left: 10px;
    transition: all .3s linear;
}
#footer .social-details .social:first-child{
    margin-left: 0
}
#footer .social-details .social:hover,
#footer .social-details .social:active{
    color: #2980B9
}
#footer .social-details a.social.fa-google-plus-square:hover,
#footer .social-details a.social.fa-google-plus-square:active{
    color: #dd4b39;
}
#footer .social-details a.social.fa-facebook-square:hover,
#footer .social-details a.social.fa-facebook-square:active{
    color: #3b5998;
}

#footer .contact-details .row{
    margin-left: 0;
    margin-right: 0
}
#footer .copyright {
    margin-top: 25px;
}
/* == Tablet (Full size) == */

@media only screen and (max-width: 1024px) {
    body {
        background-image: none
    }
}
/* == Tablet (Smaller than 959px) == */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    body {
        background-image: none
    }
}
/* == Phone (portrait 300px) == */

@media only screen and (max-width: 767px) {
    body {
        background-image: none
    }
    .container {
        width: 98%
    }
    #topmenu {
        display: none
    }
    .menu-mobile-wrapper {
        display: block
    }
    .copyright {
        width: 100%;
    }
    .tabs li,
    .tabs li a {
        margin: 0;
        padding: 0;
        float: none;
        display: block
    }
    .tabs li {
        margin-bottom: 1px
    }
    .tabs li a {
        padding-left: 10px
    }

    #botplugin .brands h4{
        display: none
    }


}
/* == Phone (landscape 420px) == */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 98%
    }
    #topmenu {
        display: none
    }
    .menu-mobile-wrapper {
        display: block
    }
    .copyright {
        width: 100%;
        text-align: center
    }
}

/*------------------------------------------------------------------------------
 * Helper Classes
 *----------------------------------------------------------------------------*/
.audiow{
    font-family: 'Audiowide', cursive !important;
}
.circle {
    border-radius: 50%;
}
.static{
    position: static !important;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.ellipsis{
    text-overflow: ellipsis;
}
.no-padding {
    padding: 0 !important;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.taright{
    text-align: right !important
}
.taleft{
    text-align: left !important
}
.tacent{
    text-align: center !important
}
.clear{
    clear: both
}
.ohid{
    overflow: hidden;
}
.pad20{
    padding: 20px !important;
}
.pad10{
    padding: 10px !important;
}
.pad5{
    padding: 5px !important
}
.padt0{
    padding-top: 0 !important;
}
.padl0{
    padding-left: 0 !important;
}
.padl10{    
    padding-left: 15px !important;
}
.padlr15{    
    padding-left: 15px !important;
    padding-right: 15px !important
}
.padl15{
    padding-left: 15px !important;
}
.padl20{
    padding-left: 20px !important;
}
.padr0{
    padding-right: 0 !important
}
.padr5{
    padding-right: 5px !important
}
.padr20{
    padding-right: 20px !important
}
.padr25{
    padding-right: 25px !important
}
.dn{
    display: none
}
.dblock{
    display: block !important;
}
.vhid{
    visibility: hidden !important
}
.ohidden{
    overflow: hidden !important
}
.prela{
    position: relative !important;
}
.margin10{
    margin: 10px !important
}
.ml0{
    margin-left: 0 !important;
}
.ml5{
    margin-left: 5px !important;
}
.mr0{
    margin-right: 0 !important
}
.mt0{
    margin-top: 0 !important
}
.mt10{
    margin-top: 10px !important
}
.mt20{
    margin-top: 20px !important
}
.mt50{
    margin-top: 50px !important
}
.mb0{
    margin-bottom: 0px !important;
}
.mb5{
    margin-bottom: 5px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.mtb20{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.mlrauto{
    margin-left: auto !important;
    margin-right: auto !important;
}
.taright{
    text-align: right
}
.floatnone{
    float: none !important
}
.noborder{
    border: none !important
}
.group3{
    height: 200px
}
.view-more{
    position: relative
}
.view-more:before, .view-more:after {
    background: #eee;
}
.view-more:before {
    margin-left: -50%;
    text-align: right;
}
.view-more:before, .view-more:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 50%;
    height: 2px;
    content: '\a0';
    background-color: #ddd;
    border-bottom: 1px solid #fff;
}
.cbox{
    padding: 10px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
    border-radius: 4px;
}
.listsq{
    list-style: square url("../images/bullet.png");
}
.listsqw{
    list-style: square url("../images/bulletw.png");
}
.listsq,
.listsqw{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    -moz-column-gap: 30px;
}
.catShare-cont{
    /*border-top: 1px solid #eee;*/
    display: block;
    margin-top: 10px;
    background-color: #fff;
    padding: 5px 0 20px 20px;
    z-index: 0;
}
.cbox.shadow{
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 1px 0 rgba(0, 0, 0, 0.2);
}
.main-container .spinner{
    content: "Yükleniyor...";
    position: absolute;
    z-index: 999;
    opacity: .7;
    top: 50%;
    left: 50%;
    margin-left: -44px;
    margin-top: -33px; 
}
.spinner {
    width: 88px;
    text-align: center;
}

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

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

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

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

@-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);
    }
}
/*------------------------------------------------------------------------------
 * Content/Articles
 *----------------------------------------------------------------------------*/
article{
    background-color: transparent;
}
article .post-body{
    min-height: 200px;
    padding: 20px 0;
}
article.row{
    margin-bottom: 30px;
    border-bottom: 1px solid #fafafa;
    padding-bottom: 30px;
}

article .post-header{
    /*padding: 0 15px;*/
    margin-bottom: 15px;
}

a.yetkili-servis-link{
    overflow: hidden; 
    border: 1px solid #eee; 
    padding: 30px 0; 
    display: block; 
    color: #999; 
    font-weight: 300;
    transition: all 0.2s ease-in-out
}
a.yetkili-servis-link:hover{
    background: #eee;
    color: #666;
}
a.yetkili-servis-link img{
    transition: all 1s ease-in-out;
    transform: rotateY(0deg);
}
a.yetkili-servis-link:hover img{
    transform: rotateY(-360deg);
}

.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 100%;
}

.carousel.vertical .prev {
    top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}

.carousel.vertical .active.left {
    top: -100%;
}

.carousel.vertical .active.right {
    top: 100%;
}

.carousel.vertical .item {
    left: 0;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/*Kumandalar carousel*/
#tx-kumandalar-carousel{
    border: 2px solid #f1f1f1;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    padding: 4px;
    position: relative
}
#tx-kumandalar-carousel .item-caption{
    background-color: rgba(255,255,255,0.82);
    border-bottom: 2px solid #eee;
    text-align: center;
    text-overflow:ellipsis;
    position: absolute;
    left: 4px;
    width: 30%;
    padding: 5px;
    top: 35px;
    display: block;
    color: #333;
    font-size: 14px;
}

.catBrands{
    background: #dedede
}
.catBrands .cat-brands{
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.catBrands .cat-brands .item{
    background: #fff; 
    border-radius: 100%;
    width: 140px;
    height: 140px;
    padding: 10px; 
    margin: 10px auto;
    line-height: 120px;
    text-align: center;
    overflow: hidden;
}
.catBrands .cat-brands .item img{
    max-width: 115px;
    display: inline-block
}
.catBrands .owl-controls{
    display: none !important;
}
.xn3-arrow {
    background: #C43742;
    border-bottom: medium none !important;
    border-radius: 50%;
    bottom: -10px;
    box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    width: 60px;
    opacity: 0;
}
.xn3-arrow:hover,
.xn3-arrow:focus,
.xn3-arrow:active{
    color: #fff;
}
.easyzoom {
    position: relative;
    /* 'Shrink-wrap' the element */
    *display: inline;
    *zoom: 1;
}
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pace-inactive {
    display: none;
}

.pace .pace-progress {
    background: rgba(255,255,255,0.6);
    position: fixed;
    z-index: 2000;
    top: 30px;
    right: 100%;
    width: 100%;
    height: 2px;
}

.pace .pace-progress-inner {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    opacity: 1.0;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -moz-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    -o-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 30px;
    right: 15px;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #00407F;
    border-left-color: #0080FF;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
    0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
    0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
    0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
    0% { transform: rotate(0deg); transform: rotate(0deg); }
    100% { transform: rotate(360deg); transform: rotate(360deg); }
}
.contact .form-group{
    margin-top: 24px
}

.home-icon{
    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=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M0.811,6.892l1.188-0.95v7.06c0,0.553,0.448,1,1,1h3c0.552,0,1-0.447,1-1v-4h2v4c0,0.553,0.448,1,1,1h3c0.552,0,1-0.447,1-1v-7.06l1.188,0.95C15.279,6.964,15.389,7,15.499,7c0.147,0,0.292-0.064,0.392-0.188c0.172-0.216,0.137-0.53-0.078-0.703l-7.5-6c-0.183-0.146-0.442-0.146-0.625,0L4.779,2.457l0.002-1.488c0,0-0.341-0.01-0.894-0.01C3.336,0.959,2.999,1,2.999,1v2.859l-2.812,2.25c-0.215,0.173-0.25,0.487-0.078,0.703C0.281,7.029,0.595,7.063,0.811,6.892z%20M7.999,1.14l5,4v7.861h-3v-5h-4v5h-3V5.142L7.999,1.14z%22/%3E%3C/svg%3E");
}
.tel-icon{
    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=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M10.938,11.047c-0.07-0.388-0.134-0.632-0.328-0.812c-0.096-0.088-0.252-0.257-0.452-0.278c-0.045-0.005-0.176,0.002-0.222,0.011l-1.311,0.486C8.461,10.193,7.907,9.517,7.906,7.5c0-2.031,0.523-2.652,0.688-2.906l1.343,0.439c0.045,0.008,0.088,0.013,0.133,0.012c0.509,0.002,0.668-0.389,0.821-1.014l0.391-2.516c0.003-0.023,0.016-0.335,0.016-0.359c0-0.327,0.058-0.465-0.203-0.703c-0.224-0.206-0.377-0.298-0.677-0.305L8.115,0.001C8.1,0.001,8.085,0,8.068,0C6.869,0,6.328,0.703,5.55,2.504C5.031,4.25,4.875,5.921,4.875,7.5c0,2.531,1.225,5.85,2.013,6.955l0,0C7.282,14.816,7.679,15,8.068,15c0.017,0,0.032-0.001,0.047-0.002l2.302-0.146c0.664-0.016,0.849-0.294,0.849-0.945%20M8,0.859l2.487,0.221L9.984,4.006l-1-0.271c-0.02-0.003-0.103-0.014-0.125-0.016c-0.31-0.031-0.535-0.056-0.78,0.146C7.447,4.386,7.063,6.111,7.094,7.5c0.038,1.737,0.337,3.044,0.935,3.59l0,0c0.254,0.234,0.579,0.346,0.914,0.312c0.021-0.002,0.041-0.006,0.062-0.01l0.994-0.414l0.36,2.858l-2.103,0.226C8.222,14.047,8,14.005,7.751,13.89c-0.672-0.812-1.86-2.765-2.063-6.39C5.688,7.649,5.281,1.719,8,0.859z%22/%3E%3C/svg%3E")
}
.time-icon{
    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=%2216px%22%20height=%2216px%22%20viewBox=%220%200%2016%2016%22%20enable-background=%22new%200%200%2016%2016%22%20xml:space=%22preserve%22%3E%3Cpath%20fill=%22%23ffffff%22%20d=%22M8,15.007c3.854,0,7-3.146,7-7.013c0-3.854-3.148-7.001-7-7.001c-3.854,0-7,3.147-7,7.001C1,11.86,4.146,15.007,8,15.007z%20M8.008,2.008c3.321,0,6.001,2.7,6.001,5.991c0,3.309-2.68,6.009-6.001,6.009c-3.317,0-6-2.7-6-6.009C2.008,4.708,4.691,2.008,8.008,2.008z%20M8,8.996L7.007,8.982l0.018-4.938L8,5.016V8.996z%20M10.047,9.023l-3.04-0.042L7.091,8H11L10.047,9.023z%22/%3E%3C/svg%3E")
}

/*Home loading wall*/

#loading-wall{
    position: absolute;width: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    background: #ddd url('/Content/uploads/entry.jpg') no-repeat right top;
    z-index: 111;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 3px 1px rgba(0, 0, 0, 0.32) inset;
    overflow: hidden;
    transition: all 0.3s ease-in-out
}

#loading-wall-2{
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    height: 100%;
    background: #ddd url('/Content/uploads/entry.jpg') no-repeat right top;
    z-index: 111;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25), 0 1px 3px 1px rgba(0, 0, 0, 0.32) inset;
    overflow: hidden;
    transition: all 0.3s ease-in-out
}

/**Menu*/
.content-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.menu-wrap a {
    color: #b8b7ad;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
    color: #c94e50;
}

.content-wrap {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.content {
    position: relative;
}

.content::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
    transition: opacity 0.4s, transform 0s 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

/* Menu Button */
.menu-button {
    position: absolute;
    z-index: 1000;
    margin: 1em;
    padding: 0;
    width: 2.5em;
    height: 2.25em;
    border: none;
    text-indent: 2.5em;
    font-size: 1.5em;
    color: transparent;
    background: transparent;
}

.menu-button::before {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    bottom: 0.5em;
    left: 0.5em;
    background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);
    content: '';
}

.menu-button:hover {
    opacity: 0.6;
}

/* Close Button */
.close-button {
    width: 1em;
    height: 1em;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 1em;
    font-size: 1.75em;
    border: none;
    background: transparent;
    color: transparent;
}

.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #bdc3c7;
}

.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* Menu */
.menu-wrap {
    position: fixed;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: #19252F;
    padding: 2.5em 1.5em 0;
    font-size: 1.15em;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.menu, 
.icon-list {
    height: 100%;
}

.menu-wrap ul{
    list-style: none;
    margin-left: 0;
    padding-left: 0
}
.menu-wrap ul li.dropdown.open > ul.dropdown-menu{
    display: block;
    position: relative;
    background: rgba(0,0,0,0.3);
    border-radius: 0;
    width: 100%
}
.menu-wrap ul li.dropdown.open > ul.dropdown-menu a{
    color: #eee;
    text-shadow: none;
    font-size: 1.1em
}
.menu-wrap ul li.dropdown.open > ul.dropdown-menu a:hover{
    background: rgba(0,0,0,0.3)
}
.icon-list {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.icon-list a {
    display: block;
    font-size: 1.2em;
    padding: 0.8em;
    -webkit-transform: translate3d(0,500px,0);
    transform: translate3d(0,500px,0);
}

.icon-list,
.icon-list a {
    -webkit-transition: -webkit-transform 0s 0.4s;
    transition: transform 0s 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.icon-list a:nth-child(2) {
    -webkit-transform: translate3d(0,1000px,0);
    transform: translate3d(0,1000px,0);
}

.icon-list a:nth-child(3) {
    -webkit-transform: translate3d(0,1500px,0);
    transform: translate3d(0,1500px,0);
}

.icon-list a:nth-child(4) {
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0);
}

.icon-list a:nth-child(5) {
    -webkit-transform: translate3d(0,2500px,0);
    transform: translate3d(0,2500px,0);
}

.icon-list a:nth-child(6) {
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0);
}

.icon-list a span {
    margin-left: 10px;
}

/* Shown menu */
.show-menu .menu-wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list,
.show-menu .icon-list a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list a {
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
}

.show-menu .content::before {
    opacity: 1;
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}