/*!
 * Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    overflow-x: hidden;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background:url(../img/bg.jpg) no-repeat;
}

p {
    font-size: 20px;
}

p.small {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #555;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

hr.star-light,
hr.star-primary {
    margin: 25px auto 30px;
    padding: 0;
    max-width: 250px;
    border: 0;
    border-top: solid 5px;
    text-align: center;
}

hr.star-light:after,
hr.star-primary:after {
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-family: FontAwesome;
    font-size: 2em;
}

hr.star-light {
    border-color: #fff;
}

hr.star-light:after {
    color: #fff;
    background-color: #18bc9c;
}

hr.star-primary {
    border-color: #2c3e50;
}

hr.star-primary:after {
    color: #2c3e50;
    background-color: #fff;
}

.img-centered {
    margin: 0 auto;
}

header {
    text-align: center;
    color: #fff;
    background:url(../img/bg.jpg) no-repeat; z-index:22;
    background-size: 100%;
}

header .container {
  
    padding-bottom: 50px;
}

header img {
    display: block;
    margin: 0 auto 20px;
}

header .intro-text .name {
    display: block;
    text-transform: uppercase;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 2em;
    font-weight: 700;
}

header .intro-text .skills {
    font-size: 1.25em;
    font-weight: 300;
}
.navbar {
    text-transform: uppercase;
    font-family: Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    display: none;
}

.navbar a:focus {
    outline: 0;
}

.navbar .navbar-nav {
    letter-spacing: 1px;
    padding-top: 5px;
}

.navbar .navbar-nav li a:focus {
    outline: 0;
}

.navbar-default,
.navbar-inverse {
    border: 0;
    background: #ffae5f
}

section {
    padding: 100px 0;
}

section h2 {
    margin: 0;
    font-size: 3em;
}

section.success {
    color: #fff;
    background: #18bc9c;
}

section.success a,
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {
    outline: 0;
    color: #2c3e50;
}

@media(max-width:767px) {
    section {
        padding: 75px 0;
    }

    section.first {
        padding-top: 75px;
    }
}

/*HEADER*/
#main{position:relative; height:100%;}
#main .headerTop{ width:100%; height:40px; background:#ff9900;}
#main .headerTop .topText{ color:#fff; font-size:16px; font-weight:bold; padding:5px 0 0;}
#main .headerTop .phone{padding:5px 7px; border-radius:100%; background:#fff; border:2px solid #f09000; margin-right:3px;}
#main .headerTop .fa {color:#ff9900; font-size:16px;}
#main .headerTop .social ul li{padding:5px 7px; width:15px; height:17px; float:left; border-radius:100%; text-align:center; background:#fff; border:2px solid #f09000; margin:5px 5px 0 0;}

    #main .headerTop .social ul li:hover {background:#f09000;}
    #main .headerTop .social ul li:hover > a > .fa {color:#fff;}


#main .logo{ float:left; background:url(../img/logo.png) no-repeat 0 0; width:310px; display:inline-block; height:306px; margin:15px 0 0; z-index:23; position:relative;}
#main .logo a{ float:left; width:100%; height:100%; text-indent:-9999px;}
#menu{ position:absolute; right:0; top:0; background:transparent url(../img/menu-bg.png) no-repeat center top; margin:0px 0 0; width:300px;}

    #menu .social ul {padding:0px 0px 35px 0; position:relative; z-index:25;}
    #menu .social {margin:10px 0px 0 65px;position:relative; z-index:24;}
    #menu .social .fa {font-size:22px; color:#fff;}
    #menu .social .fa:hover { color:#1d1d1d;}
    #menu .social li{float:left; list-style-type:none; padding:0 6px;}
    
    #menu ul {padding:60px 0px 20px 0; position:relative; z-index:25;}
    #menu ul > li {padding:0px 0px 0px 30px; text-align: center; }
    #menu ul > li:last-child{border:none;}
    #menu ul > li > a {color:#fff; font-weight: 300; line-height:32px; font-size:16px; text-decoration:none;   }
    #menu ul > li.active > a,
    #menu ul > li:hover > a{ color:#1d1d1d;}

/*SLIDER*/
#slider{ height:780px; position:relative; background:url(../img/slider_bg.png) no-repeat; z-index:22;}
#slider .bize-ulasin > a{ position:absolute; right:0; top:0; background:url(../img/bize-ulasin.png) no-repeat; width:236px; height:88px; z-index:9;}
#slider .doktorunuzaSorun a{ float:left; width:100%; height:100%; text-indent:-9999px;}
#slider .social{ position:absolute; right:0; top:0; z-index:9;}
#slider .social ul{}
#slider .social ul li{ background:url(../img/slider_social_buttons.png) no-repeat; width:174px; height:30px; margin-bottom:10px; display:block;}
#slider .social ul li.facebook{ background-position:0 0;}
#slider .social ul li.twitter{ background-position:0 -31px;}
#slider .social ul li a{ float:left; width:100%; height:100%; text-indent:-9999px;}
#slider .sliderNav{ width:100%; height:100%;}
#slider .sliderNav .sliderLeftNav{}
#slider .sliderNav .sliderLeftNav > div{ background:url(../img/slider_nav_button.png) no-repeat 0 0; position:absolute; font-size:14px; min-width:141px; z-index:9999; }
#slider .sliderNav .sliderLeftNav > div.buton1{ top:160px;}
#slider .sliderNav .sliderLeftNav > div.buton2{ top:224px; left:30px;}
#slider .sliderNav .sliderLeftNav > div.buton3{ top:285px; left:75px;}
#slider .sliderNav .sliderLeftNav > div.buton4{ top:340px; left:165px;}
#slider .sliderNav .sliderLeftNav > div.buton5{ top:385px; left:320px;}
#slider .sliderNav .sliderLeftNav > div.buton6{ top:390px; left:475px;}
#slider .sliderNav .sliderLeftNav > div > a{ float:left; padding:16px 0 10px 40px; color:#075665;}
#slider .sliderNav .sliderLeftNav > div > a:hover{ color:#000;}
#slider .sliderNav .sliderRightNav{}
#slider .sliderNav .sliderRightNav > div{ background:url(../img/slider_nav_button.png) no-repeat 0 0; position:absolute; font-size:14px; min-width:141px; z-index:9999; }
#slider .sliderNav .sliderRightNav > div.buton1{ top:13px; left:420px;}
#slider .sliderNav .sliderRightNav > div.buton2{ top:43px; left:540px;}
#slider .sliderNav .sliderRightNav > div.buton3{ top:86px; left:635px;}
#slider .sliderNav .sliderRightNav > div.buton4{ top:135px; left:704px;}
#slider .sliderNav .sliderRightNav > div.buton5{ top:190px; left:765px;}
#slider .sliderNav .sliderRightNav > div.buton6{ top:250px; right:-10px;}
#slider .sliderNav .sliderRightNav > div > a{ float:left; padding:16px 0 10px 40px; color:#075665;}
#slider .sliderNav .sliderRightNav > div > a:hover{ color:#000;}

#slider .sliderWrapper{ position:absolute; width:100%; height:777px; z-index:555}
#slider .sliderWrapper .bx-controls-direction{ position:absolute; top:53%; z-index:999; width:100%;}
#slider .sliderWrapper .bx-controls-direction .bx-next,
#slider .sliderWrapper .bx-controls-direction .bx-prev{ background:url(../img/slider_controll_button.png) no-repeat; float:left; text-indent:-9999px;}

#slider .sliderWrapper .bx-controls-direction .bx-next:hover{ background:url(../img/slider_controll_button-hv.png) no-repeat -38px 0; float:right; text-indent:-9999px;}
#slider .sliderWrapper .bx-controls-direction .bx-prev:hover{ background:url(../img/slider_controll_button-hv.png) no-repeat; float:left; text-indent:-9999px;}

#slider .sliderWrapper .bx-controls-direction .bx-prev{ width:36px; height:73px; float:left; margin-left:25px;}
#slider .sliderWrapper .bx-controls-direction .bx-next{ width:36px; height:73px; background-position:-38px 0;float:right; margin-right:40px;}

#slider .sliderWrapper .phone{position:absolute; bottom:20px; z-index:111;}

/*SLIDER BOTTOM*/
.sliderBottom{ margin-top:30px; margin-bottom:30px;}
.sliderBottom .block{ float:left; width:320px;}
.sliderBottom .block > div{}
.sliderBottom .block .image{ margin-right:10px;}
.sliderBottom .block .image img{}
.sliderBottom .block .name{ color:#1c6996; font-size:24px; margin:15px 10px;}
.sliderBottom .block .name span{ color:#1d1d1d;}
.sliderBottom .block .continue{ background:#fd772e; color:#fff; font-size:13px; float:left; margin-top:5px; font-weight:500;}
.sliderBottom .block .continue a{ color:#fff; padding:10px 15px; display:inline-block;}
.sliderBottom .block .continue:hover{ background:#666;}


/*INDEX*/
.one-page{ }
.one-page .desc{text-align:center;}
.one-page .desc a > span{ font-size:22px; line-height:42px; font-weight:200;}

.one-page .adres{padding-top:30px;}
.one-page .adres a > span{ font-size:17px; line-height:32px; font-weight:200;}

.page{margin:0px 0; border-top:1px solid #e8e8e8; padding-top:80px;}
.page h2{font-size:48px; font-weight:300; color:#FFAF57;}

.page .desc p{font-size:18px; font-weight:300; color:#555;}

.success h3{text-transform: none;}
.success a{margin:10px;}

#fotogaleri a { margin: 10px; display: block; float: left; border: 3px solid #f1f1f1;  border-radius: 5px; overflow: hidden; position: relative; }
#fotogaleri a .mask{transition: all linear .4s; opacity: 0; top:0; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(24,188,156,.5); text-align: center;}
#fotogaleri a .mask > .fa{font-size: 28px; color:#fff; position: relative; top:44%;}
#fotogaleri a:hover > .mask{opacity: 1;}
#fotogaleri a > img{height: 150px;width: 210px;}

section#contact{padding: 100px 0 0 0 ;}
section#contact p{margin:0 ;}

footer i.btn-social{line-height: 35px; width: 40px; height: 40px; margin-right: 8px;}
footer ul.list-inline a{font-size: 20px; color: #fff;}
footer ul.list-inline a:hover{text-decoration: none; color: #18BC9C;}
footer ul.list-inline a:hover > .fa{background-color: #18BC9C;}

.footer-below a.web{float: right; color:#fff;}
.footer-below a.web:hover{text-decoration:none;color:#18BC9C;}

.btn-outline {
    margin-top: 15px;
    border: solid 2px #fff;
    font-size: 20px;
    color: #fff;
    background: 0 0;
    transition: all .3s ease-in-out;
    white-space:normal;
  	text-align:left;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
    border: solid 2px #fff;
    color: #18bc9c;
    background: #fff;
}


footer {
    color: #fff;
}

footer h3 {
    margin-bottom: 30px;
}

footer .footer-above {
    padding-top: 50px;
    background-color: #2c3e50;
}

footer .footer-col {
    margin-bottom: 50px;
}

footer .footer-below {
    padding: 25px 0;
    background-color: #233140;
}

.btn-social {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}

.btn:focus,
.btn:active,
.btn.active {
    outline: 0;
}

.scroll-top {
    z-index: 1049;
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
}

.scroll-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 28px;
}

.scroll-top .btn:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content .item-details {
    margin: 30px 0;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #2c3e50;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #2c3e50;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}