@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Kalam:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

@import url('font-awesome.css');
@import url('fonts.css');
@import url('reset.css');

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    color: #323232;
    font-size: 14px;
    font-weight: 400;

    text-rendering:optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

a:active, a:focus { outline: none !important; }

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-weight: 400;
    line-height: 1.5;
    margin: 0px 0px 15px 0px;
    font-family: 'Museo500', sans-serif;
    font-weight: normal;
}

a { text-decoration: none !important; }
a:hover, a:focus { color: #323232; }
a:hover, .btn, .btn:hover  {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a img, iframe { border: none !important; }

p {
    margin: 0 0 30px;
    line-height: 30px;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #eee;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 30px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f9f9f9;
    border: 1px solid #EDEDED;
    border-radius: 0;
}

/* ----------------------------------------------------------------
    Clearing
-----------------------------------------------------------------*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}


/* ----------------------------------------------------------------
    Secial Links
-----------------------------------------------------------------*/
.social-link {
    float: left;
    display: inline-block;
}
.social-link a {
    display: inline-block;
    margin-right: 6px;
    margin-top: 5px;
    color: #aaa;
    text-align: center;
    font-size: 22px;
    width: 40px;
    line-height: 38px;

    border: 1px solid rgba(0,0,0,.3);

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.social-link a:hover {
    color: #fff;
    background: rgba(0,0,0,.2);
    border: 1px solid rgba(0,0,0,0);
}
.social-link a.facebook:hover { background: rgb(59, 89, 152); }
.social-link a.twitter:hover { background: rgb(0, 172, 237); }
.social-link a.instagram:hover { background: rgb(188, 42, 141); }
.social-link a.google-plus:hover { background: rgb(221, 75, 57); }
.social-link a.pinterest:hover { background: rgb(203, 32, 39); }
.social-link a.youtube:hover { background: rgb(187, 0, 0); }
/*
Social Media Brand Colors
twitter:     #00aced     rgb(0, 172, 237)
facebook:    #3b5998     rgb(59, 89, 152)
googleplus:  #dd4b39     rgb(221, 75, 57)
pinterest:   #cb2027     rgb(203, 32, 39)
linkedin:    #007bb6     rgb(0, 123, 182)
youtube:     #bb0000     rgb(187, 0, 0)
vimeo:       #1ab7ea     rgb(26, 183, 234)
tumblr:      #32506d     rgb(50, 80, 109)
instagram:   #bc2a8d     rgb(188, 42, 141)
flickr:      #ff0084     rgb(255, 0, 132)
dribbble:    #ea4c89     rgb(234, 76, 137)
quora:       #a82400     rgb(168, 36, 0)
foursquare:  #0072b1     rgb(0, 114, 177)
forrst:      #5B9A68     rgb(91, 154, 104)
vk:          #45668e     rgb(69, 102, 142)
wordpress:   #21759b     rgb(33, 117, 155)
stumbleupon: #EB4823     rgb(235, 72, 35)
yahoo:       #7B0099     rgb(123, 0, 153)
blogger:     #fb8f3d     rgb(251, 143, 61)
soundcloud:  #ff3a00     rgb(255, 58, 0)
*/



/* ----------------------------------------------------------------
    Body
-----------------------------------------------------------------*/
#body {
    width: 100%;
    margin: 0px auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/
header {
    width: 100%;
    z-index: 1000;
    position: relative;
}

.logo-brand {
    float: left;
    margin-top: 20px;
}
.logo-brand img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* ----------------------------------------------------------------
    Genel Section
-----------------------------------------------------------------*/
section {
    position: relative;
    padding: 20px 0px;
    width: 100%;
    overflow: hidden;
}


/* ----------------------------------------------------------------
    Body Content
-----------------------------------------------------------------*/
.body-content {
}
.body-content h2 {
    font-size: 24px;
    margin-left: 20px; 
}
.body-content h2:before {
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 24px;
    margin-right: 8px; 
}
.body-content h3 {
    font-size: 24px;
}

.side {
    padding: 30px 0px;
    min-height: 400px;
}
.side ul {
    list-style: none;
    font-size: 14px;
    padding: 0px 0px 0px 38px;
}
.side ul li {
    text-transform: uppercase;
}
.side a {
    display: inline-block;
    margin: 0px;
    padding: 3px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.side a:hover, .side a.active {
    color: #999;
}

.icerik {
    padding: 30px 30px;
    min-height: 400px;
}

/* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/

footer {
    position: relative;
    margin: -85px auto 0px;
    padding: 20px 0px;
    width: 100%;
    overflow: hidden;
    background-color: #444;
    color: #efefef !important;
}
footer .footer-logo {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}
footer h3 {
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    padding: 0px 15px 0px 10px;
    margin: 0px 0px 10px 0px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    color: #efefef !important;
    border-bottom: 2px solid #4CAF50;
}
footer a {
    color: #efefef !important;
}
footer p {
    margin: 0px;
}
footer ul {
    list-style: none;
    font-size: 13px;
    padding: 0px 0px 0px 10px;
}
footer ul li a {
    color: #efefef !important;
    margin: 0px;
    padding: 0px;
}
footer ul li a:hover {
    text-decoration: underline !important;
}

/* ----------------------------------------------------------------
    Copyright
-----------------------------------------------------------------*/
section.copyright {
    padding: 10px 0px;
    margin: 0px;
    background: #efefef;
}
section.copyright p {
    padding: 10px 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 30px;
}
section.copyright is {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    padding: 10px 0px;
    margin-left: 5px; 
    border: 1px solid #999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-100 { margin-bottom: 100px; }

.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }

.shadow-top{
    height: 58px; 
    padding: 0px; 
    background: url(../images/shadow_top.png) center center;
    background-size: 100% 58px;
    background-repeat: no-repeat;
}

.shadow-bottom{
    height: 58px; 
    padding: 0px; 
    background: url(../images/shadow_bottom.png) center center;
    background-size: 100% 58px;
    background-repeat: no-repeat;
}