/* Reset, General.css import */

@import 'Reset.css';
@import 'General.css';

/* Container */

.Container { background-color: #fff; }

.Center { margin-left: -15px; margin-right:-15px; }

/* Information*/

.Information {
        width: 100%;
}

.Information  div {
        float: left;
        color: #842056;
        font-size: 16px;
        font-weight: 200;
        margin-top: 14px;
        margin-right: 10px;
}

.Information  div a {
        color: #967a89;
        
}

.Information  div a:hover {
        color: #323232;
}

.Information  div i {
        border: 1px solid #bdc3c7;
        width: 26px;
        line-height: 24px;
        font-size: 12px;
        margin-right: 5px;
        text-align: center;
        border-radius: 100%; 
        -mox-border-radius: 100%; 
        -webkit-border-radius: 100%; 
}

/* Socials Network */

.Socials {
        float: right;
        display: block;
        margin: 10px 0;
}

.Socials a {
        float: left;
        position: relative;
        display: inline-block;
        margin-left: 3px;
        background: url(../images/Socials.png) #ff9999;
        display: block;
        width: 35px;
        height: 35px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
}

a.facebook { background-position: 0 35px; }
a.facebook:hover { background-color: #0154a0; }

a.twitter { background-position: 0 70px; }
a.twitter:hover { background-color: #33ccff; }

a.youtube { background-position: 0px 105px; }
a.youtube:hover { background-color: #de2925; }

a.google { background-position: 0px 140px; }
a.google:hover { background-color: #e14423; }

a.instagram { background-position: 0px 175px; }
a.instagram:hover { background-color: #205e85; }

a.rss { background-position: 0px 210px; }
a.rss:hover { background-color: #f4b83e; }

/* Logo */

.Logo { 
        width: 100%; 
        padding: 15px 0;} 

.Logo a { display: block; } 

.Logo a img { 
        width: 100%; 
} 

/* Nav */

.Nav {
        width: 100%;
}

.Nav > ul { 
        float: right; 
        margin-top: 60px;
}

.Nav > ul > li {
        float: left;
        position: relative;
        padding: 0 7px;
}

.Nav > ul > li > a {
        display: block;
        font-size: 16px;
        color: #493E47;
        font-weight: 300;
}

.Nav > ul > li > a:hover {
        color: #ff9999;
}

.NavOpen {
        display: none;
}


.Submenu {
        position: absolute;
        top: 19px;
        left: 7px;
        display: none;
        width: 201px;
        z-index: 999;
}

.Submenu ul {
        width: 100%;
        margin-top: 20px;
        background-color: #fafafa;
        border: 1px solid #f7f7f7;
        border-top-color: #842056;
}

.Submenu ul:Before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: 10px;
        left: 15px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #842056 transparent;
}

.Submenu ul li {
        position: relative;
        margin-left: -1px;
        border-left: 1px solid #f7f7f7;
}

.Submenu ul li:hover {
        border-left-color: #842056;
        background-color: #fff;
}

.Submenu ul li a {
        display: block;
        font-size: 13px;
        color: #656565;
        padding: 8px 10px;
        font-weight: 300;
        border-bottom: 1px solid #f3f3f3;
}

.Submenu ul li a:hover {
        background-color: #fff
}

.SubmenuTwo {
        left: 200px;
        top: 0;
}

.SubmenuTwo ul {
        margin-top: -1px;
        margin-left: -1px;
        background-color: #fff;
}

.SubmenuTwo ul:Before {
        top: 10px;
        left: -11px;
        border-color: transparent #842056 transparent transparent;
}

/* Slideshow */ 

.Slideshow {
        position: relative;
        padding-top: 10px;
}

.Slideshow ul li {
        position: relative;
        width: 100%;
        height: auto;
}

.Slideshow ul li h1 {
        position: absolute;
        top: 60%;
        left: 100px;
        font-size: 40px;
        color: #4f5367;
        font-weight: 200;
}

.Slideshow ul li h2 {
        position: absolute;
        top: 60%;
        left: 100px;
        margin-top: 45px;
        font-size: 19px;
        color: #4f5367;
        font-weight: 300;
}

.Slideshow ul li a {
        position: absolute;
        top: 60%;
        left: 100px;
        margin-top: 90px;
        display: block;
        font-size: 14px;
        color: #000;
        font-weight: 200;
        padding: 5px 10px;
        text-align: center;
        border: 1px solid #4f5367;
        border-radius: 6px;
        -mox-border-radius: 6px;
        -webkit-border-radius: 6px;
}

.Slideshow ul li a:hover {
        color: #fff;
        background-color: #4f5367;
}

.Slideshow ul li img {
        width: 100%;
        height: auto;
        
}

.Control {
        position: absolute;
        top:50%;
        margin-top: -20px;
        width: 40px;
        text-align: center;
        border: 1px solid #4f5367;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        z-index: 89;
        cursor: pointer;
}

.Control i {
        font-size: 20px;
        color: #4f5367;
        font-weight: 300;
        line-height: 38px;
}

.Control:hover {
        background-color: #4f5367;
}

.Control:hover > i {
        color: #fff;
}

.Next {
        right: 45px;
}

.Prev {
        left: 45px;
}

/* Sub Title */

.SubTitle {
        font-size: 22px;
        color: #4f5367;
        font-weight: 300;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee; 
}
.SubTitle_Three {
        font-size: 17px;
        font-weight: 300;
        padding: 8px;
        margin-bottom: 5px;
        color: #555;
        background-color: #f3f3f3;
}
.SubTitle_Four {
        font-size: 17px;
        font-weight: 300;
        padding: 8px;
        margin-bottom: 5px;
        color: #fff;
        background-color: #EE8589;
        -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
/* Blog Home */

.BlogHome { padding: 15px 0; }

.Article { 
        width: 100%;
        padding: 7px;
        margin-bottom: 10px;
        border: 1px solid #eee;
}
.Article p  {
   font-size: 15px;
        font-weight: 200;
     
}
.Article h2  {
   font-size: 15px;
        font-weight: 300;
        color: #841f57;
        text-align: right;
}
.ArticleLeft {
        float: left;
        width: 100%;
        padding-right: 10px;
}

.ArticleLeft img  { width: 100%; }

.ArticleRight  {
        float: left;
        width: 100%;
        font-size: 12px;
        color: #656565;
        font-weight: 300;
}

.ArticleRight h1  {
        font-size: 15px;
        color: #4f5367;
        padding-bottom: 7px;
        margin-bottom: 5px;
        letter-spacing: 1px;
        border-bottom: 1px solid #eee;
}

.ArticleRight a  {
        display: block;
        margin-top: 5px;
}

.StandartText {
        font-size: 13px;
        color: #656565;
        font-weight: 300; 
}

/* Right Bar Form */

.RightBarForm {
        width: 100%;
}

.RightBarForm p {
        width: 100%;
        padding: 8px 0;
        font-size: 14px;
        margin-top: 3px;
        margin-bottom: 3px;
}

.RightBarForm input[type="text"] {
        width: 100%;
        padding: 5px;
        border: 1px solid #eee;
}

.RightBarForm input[type="radio"] {
        margin-right: 5px;
}

.RightBarForm cite {
        float: left;
        width: 50%;
        font-size: 13px;
        margin-bottom: 5px;
}

.RightBarForm textarea {
        width: 100%;
        padding: 5px;
        height: 80px;
        border: 1px solid #eee;
}

.Send {
        float: right;
        padding: 5px 10px;
        margin-top: 10px;
        color: #555;
        background-color: #f3f3f3;
}

/* Border */

.Border-Right {
        border-right: 1px solid #f3f3f3;
}

.Border-Left {
        border-left: 1px solid #f3f3f3;
}

/* Footer */

.Footer {
        background-color: #fff;
        border-top: 2px solid #B65582;
        padding-bottom: 15px;
}
.Footer img{
        width: 250px;
        height: auto;
        vertical-align: middle;
        padding-bottom: 15px;
}

.FooterSubTitle {
        font-size: 17px;
        color: #4f5367;
        font-weight: 400;
        padding: 15px 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
}

.FooterSubmenu {
        width: 100%;
}

.FooterSubmenu ul {
        width: 100%;
        padding-top: 1px;
}

.FooterSubmenu ul li {
        width: 100%;
}

.FooterSubmenu ul li a {
        width: 100%;
        display: block;
        color: #bdc3c7;
        font-size: 13px;
        margin-top: 14px;
        margin-right: 10px;
        font-weight: 200;
        cursor: pointer;
}

.FooterSubmenu ul li a:hover {
        color: #55b4b6;
}

.FooterSubmenu ul li a:hover > i {
        border-color: #55b4b6;
        color: #55b4b6;
}

.FooterSubmenu ul li a.active {
        color: #55b4b6;
}

.FooterSubmenu ul li a.active i {
        border-color: #55b4b6;
        color: #55b4b6;
}

.FooterSubmenu ul li a i {
        border: 1px solid #bdc3c7;
        width: 26px;
        line-height: 24px;
        font-size: 12px;
        margin-right: 5px;
        text-align: center;
        border-radius: 100%;
        -mox-border-radius: 100%;
        -webkit-border-radius: 100%;
}

.FooterSubTwo {
        margin-left: 30px;
        padding-bottom: 10px;
        border-bottom: 1px solid #bdc3c7;
        display: none;
}

.Copright {
        font-size: 13px;
        color: #656565;
        font-weight: 300;
        border-top: 1px solid #f3f3f3;
        margin-top: 15px;
        padding-top: 15px;
        text-align: center;
}

/* Title */

.Title {
        font-size: 25px;
        font-weight: 500;
        color: #4f5367;
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #f3f3f3;
}

/* Content */

.Content {
        font-size: 15px;
        font-weight: 200;
        color: #4f5367;
        padding:15px;
}

.PressCoverage {
        position: relative;
        width: 100%;
        margin-bottom: 30px;
}

.PressCoverage:hover > .Maske {
        opacity: 1;
}

.PressCoverage:hover > h1 {
        background-color: transparent;
}

.PressCoverage img {
        width: 100%;
}

.PressCoverage h1 {
        position: absolute;
        top: 50%;
        width: 100%;
        padding: 5px;
        font-size: 22px;
        font-weight: 500;
        margin-top: -20px;
        color: #fff;
        z-index: 99;
        text-align: center;
        background-color: rgba(85, 180, 182, 0.73);
}

.Maske {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        transition: all 200ms linear;
        background-color: rgba(85, 180, 182, 0.73);
}

/* ContactForm */

.ContactForm {
        width: 100%;
        display: block;
        position: relative;
        padding-left: 15px;
}

.ContactForm h2 {
        font-size: 15px;
        font-weight: 400;
        color: #4f5367;
        margin-bottom: 10px;
}

.ContactForm input[type="text"] {
        width: 100%;
        padding: 10px;
        background-color: #f9f9f9;
        margin-bottom: 10px;
}

.ContactForm input[type="text"]:focus {
        background-color: #4f5367;
        color: #fff;
}

.ContactForm textarea {
        width: 100%;
        height: 100px;
        padding: 10px;
        background-color: #f9f9f9;
        margin-bottom: 10px;
        resize: vertical;
}

.ContactForm textarea:focus {
        background-color: #4f5367;
        color: #fff;
        height: 150px;
}

.Send_Button {
        float: right;
        padding: 7px 15px;
        color: #f0f0f0;
        background-color: #4f5367;
}

@media (min-width: 992px) and (max-width: 1199px) { /* Notebook */

        /* Slideshow */ 

        .Slideshow ul li h1 {
                top: 50%;
        }

        .Slideshow ul li h2 {
                top: 50%;
        }

        .Slideshow ul li a {
                top: 50%;
        }

        /* Nav */

        .NavOpen {
                float: right;
                display: block;
                color: #f0f0f0;
                cursor: pointer;
                font-size: 14px;
                padding: 7px 10px;
                margin-right: 10px;
                font-weight: 200;
                margin-top: 55px;
                background-color: #3E4154;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        }

        .Nav > ul {
                position: absolute;
                top: 40px;
                right: 25px;
                z-index: 999;
                display: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                background-color: #f3f3f3;
        }

        .Nav >  ul >  li {
                width: 100%;
                padding: 10px;
        }

}

@media (min-width: 768px) and (max-width: 991px) { /* Tablet */

        /* Slideshow */ 

        .Slideshow ul li h1 {
                top: 50%;
        }

        .Slideshow ul li h2 {
                top: 50%;
        }

        .Slideshow ul li a {
                top: 50%;
        }

        /* Nav */

        .NavOpen {
                float: right;
                display: block;
                color: #f0f0f0;
                cursor: pointer;
                font-size: 14px;
                padding: 7px 10px;
                margin-right: 10px;
                font-weight: 200;
                margin-top: 55px;
                background-color: #3E4154;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        }

        .Nav > ul {
                position: absolute;
                top: 40px;
                right: 25px;
                z-index: 999;
                display: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                background-color: #f3f3f3;
        }

        .Nav >  ul >  li {
                width: 100%;
                padding: 10px;
        }

}

@media (max-width: 767px) { /* Phone */
        /* Slideshow */ 

        .Slideshow ul li h1 {
                top: 30%;
        }

        .Slideshow ul li h2 {
                top: 30%;
        }

        .Slideshow ul li a {
                top: 30%;
        }

        /* Nav */

        .NavOpen {
                float: right;
                display: block;
                color: #f0f0f0;
                cursor: pointer;
                font-size: 14px;
                padding: 7px 10px;
                margin-right: 10px;
                font-weight: 200;
                margin-top: 25px;
                margin-bottom: 25px;
                background-color: #3E4154;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
        }

        .Nav > ul {
                position: absolute;
                top: 40px;
                right: 25px;
                z-index: 999;
                display: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                background-color: #f3f3f3;
        }

        .Nav >  ul >  li {
                width: 100%;
                padding: 10px;
        }

}
.urunyazi p {
	font-family: Verdana, Geneva, sans-serif;
}
.urunyazi p {
	font-family: Tahoma, Geneva, sans-serif;
}
.urunyazi {
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
}
.urunyazi table tr .urunyazi {
	font-family: Tahoma, Geneva, sans-serif;
}