@import url(//fonts.googleapis.com/css?family=Roboto);

@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue.eot');
    src: url('../fonts/BebasNeue.eot#iefix') format('embedded-opentype'),
	 url('http://realistanbul-tours.com/dist/fonts/BebasNeue.woff') format('woff'), 
	 url('../fonts/BebasNeue.ttf') format('truetype'), 
	 url('../fonts/BebasNeue.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BEBASNEUE';
    src: url('../fonts/BebasNeue.eot');
    font-weight: normal;
    font-style: normal;
}

.imageDetay {
    width: 100%;
}

body {
    background-color: #e0d6ca;
    font-size: 12px;
}

a, a:hover, a:focus {
    text-decoration: none;
}

.btn:hover {
    color: #fff;
}

.form-control {
    border-radius: 0px;
    font-size: 12px;
}

    .form-control:focus {
        border-color: #a11e1e;
    }

label {
    color: #4b4b4b;
}

/*HEADER*/
header {
    background-color: #a11e1e;
}

.sosyal-icon {
    float: right;
    width: 150px;
    margin: 5px 0px;
    margin-bottom: -25px;
    position: relative;
    z-index: 1;
}

.header-icon {
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 10px;
    background-position: 0px 0px;
}

    .header-icon:hover {
        background-position: 0px -20px;
    }

.icon-facebook {
    background-image: url(../../images/facebook-icon.png);
}

.icon-twitter {
    background-image: url(../../images/twitter-icon.png);
}

.icon-tripadvisor {
    background-image: url(../../images/triadvisor.png);
}

.icon-googleplus {
    background-image: url(../../images/googleplus-icon.png);
}

.nav > li > a {
    padding: 10px 12px;
}

.navbar-default {
    background-color: transparent;
    border: 0px;
    margin-bottom: 0px;
}

    .navbar-default .navbar-nav > li > a {
        font-family:'BebasNeue', Arial, Helvetica, sans-serif;
        font-size: 19px;
        color: #fff;
    }

        .navbar-default .navbar-nav > li > a:hover {
            color: #fff;
        }

        .navbar-default .navbar-nav > li > a:focus {
            color: #fff;
        }
/*HEADER*/

/*CONTENT*/
.line {
    background-image: url(../../images/line.png);
    background-size: 100%;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0px center;
    margin-bottom: -18px;
    margin-top: 10px;
}

.line2 {
    background-image: url(../../images/line2.png);
    background-size: 100%;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0px center;
}

.content {
    background-color: #fff;
    padding: 20px;
    margin-top: 20px;
    display: table;
    width: 100%;
}

    .content .content-baslik {
        border-left: 2px solid #a11e1e;
        padding-top: 0px;
        background-image: url(../../images/baslik-line.png);
        background-repeat: repeat-y;
        padding-left: 15px;
        font-family: 'BebasNeue';
        margin-bottom: 20px;
    }

.index-image {
    width: 100%;
    position: relative;
	margin-bottom:20px;
}

.index-image2 {
    height: 350px;
    width: 100%;
}

.image-text {
    background: #fff;
    padding: 10px;
    position: absolute;
    bottom: 20%;
    right: 10%;
}

    .image-text p {
        color: #000;
        background: #fff;
        margin: 10px;
        padding-left: 10px;
        text-align: left;
        font-size: 18px;
        font-family: 'BebasNeue';
        border-left: 3px solid #a11e1e;
    }

.index-icerik {
    font-size: 12px;
}

    .index-icerik h1 {
        border-left: 2px solid #a11e1e;
        padding-top: 0px;
        background-image: url(../../images/baslik-line.png);
        background-repeat: repeat-y;
        padding-left: 15px;
        font-family: 'BebasNeue';
    }


@media screen and (max-width: 768px) {
    .image-text {
        display: table-cell;
        position: relative;
        width: 100%;
        float: left;
        margin-bottom: 10px;
        margin-top: 20px;
        left: 0px;
        padding: 0px;
        padding-top: 20px;
    }

    .index-icerik h1 {
        background-image: none;
        border-left: 0px;
        padding-left: 0px;
    }
}

.index-link {
    padding: 10px 0px 10px 60px;
    color: #fff;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: 15px center;
    font-family: 'BebasNeue';
    font-size: 20px;
}

.tripadvisor {
    background-color: #a11e1e;
    background-image: url(../../images/tripadvisor1.png);
    margin-top: 25px;
}

.likeus {
    background-color: #3c5a98;
    background-image: url(../../images/facebook7.png);
}

.followus {
    background-color: #20b8ff;
    background-image: url(../../images/social71.png);
}

.tour h3 {
    padding-top: 0px;
    background-image: url(../../images/baslik-line.png);
    background-repeat: repeat-y;
    padding-left: 15px;
    font-family: 'BebasNeue';
	height:55px;
	overflow:hidden;
}

.tour .btn-tour {
    background-color: #a11e1e;
    color: #fff;
    border-radius: 0px;
    padding: 7px 20px;
    border-radius: 2px;
}

.table-bordered .baslik {
    font-weight: bold;
}

.btn-booknow {
    background-color: #a11e1e;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    margin: 10px auto;
	font-family: 'BebasNeue';
	font-size:24px;
	word-spacing: 10px;
	letter-spacing: 3px;
}

.content h4 {
    padding-top: 0px;
    background-image: url(../../images/baslik-line.png);
    background-repeat: repeat-y;
    padding-left: 10px;
    font-family: 'BebasNeue';
}

.btn-form {
    background-color: #a11e1e;
    padding: 10px 25px;
    color: #fff;
    margin: 10px auto;
    float: right;
    border-radius: 0px;
}

.panel-title {
    background-image: url(../../images/asked.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.tailor-made {
    margin-bottom: 15px;
}

.imageholder {
    position: relative;
}

    .imageholder .resim-aciklama {
        position: absolute;
        width: 100%;
        bottom: 0px;
        left: 0px;
        color: #ffffff;
        background-image: url(../../images/imageholder.png);
        background-repeat: repeat;
        padding: 10px 0px;
        text-align: center;
        font-size: 16px;
        font-family: 'Roboto', sans-serif;
    }

.imagetext {
    position: relative;
}

    .imagetext .imagetext-text {
        position: absolute;
        width: 100%;
        bottom: 0px;
        left: 0px;
        color: #ffffff;
        background-image: url(../../images/imageholder.png);
        background-repeat: repeat;
        padding: 10px 0px;
        text-align: center;
        font-family: 'Roboto', sans-serif;
    }

.tour .text-justify {
    height: 65px;
    overflow: hidden;
}
/*CONTENT*/


/*FOOTER*/
footer {
    background-image: url(http://realistanbul-tours.com/images/footer.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 150px;
    margin-top: 20px;
}

.contactus {
    color: #867b6e;
}

    .contactus h3 {
        font-family: 'BebasNeue';
    }

    .contactus span {
        font-family: 'BebasNeue';
        font-size: 16px;
    }

.footer {
    background-color: #121212;
    padding: 10px;
    color: #e0d6ca;
    font-size: 12px;
}
/*FOOTER*/

/*PHONE*/
@media screen and (max-width: 768px) {
    .navbar-header {
        height: 90px;
    }

    .navbar-toggle {
        margin-top: 40px;
    }

    .sosyal-icon {
        float: left;
        width: 150px;
        margin: 5px 0px;
    }

    .hvr-underline-from-center:before {
        left: 0;
        right: 100%;
    }

    form {
        margin-top: 10px;
    }

    .index-image {
        width: 100%;
    }

    .index-image2 {
        height: 150px;
        width: 100%;
    }

    .line {
        height: 0px;
    }

    .line2 {
        height: 0px;
    }

    .contactus {
        color: #e0d6ca;
    }

    footer {
        background-color: #121212;
        padding-left: 10px;
        margin-top: 0px;
    }
}
/*PHONE*/




.mesajkutusu {
    padding: 15px 10px 15px 15px;
    margin-bottom: 5px;
}

    .mesajkutusu p {
        text-align: justify;
    }

    .mesajkutusu .close {
        height: 15px;
        width: 15px;
        background: url(http://realistanbul-tours.com/dist/images/close.png);
        background-repeat: no-repeat;
        position: relative;
        z-index: 999;
        float: right;
        margin-right: -12px;
        top: -17px;
    }

.mkhata {
    background: #ff8181;
    color: red;
}

.mkonay {
    background: #b0ffbf;
    color: #4ba75d;
}

.conditions {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #e0d6ca;
    color: #e0d6ca;
}

    .conditions:hover {
        color: #e0d6ca;
        text-decoration: underline;
    }
.carousel-inner .item img{ height:250px; width:100%}

#CDSWIDSSP{width:310px !important;}
	.widSSP{width:310px !important}
	.widSSPnarrow{width:310px !important}
	
.slider1{padding:0px; margin-top:0px;}
/*.slider1 .slide{display:inline-block; height:100px; overflow:hidden; width:25% !important; list-style:none;margin:0px; border:0 !important; float:left; margin-top:15px; padding:5px;}*/
.slider1 .slide a{display:inline-block; position:relative; color:#333;}
.slider1 .slide p{text-align:justify; font-size:11px}
.slider1 .slide img{height:100px; width:100%;}
.slider1 .slide h4{ font-family: 'BebasNeue';}
/*.slider1 .slide a span{position:absolute; bottom:0px; padding:5px; background-color:rgba(0,0,0,0.7); color:#FFF; display:block; transition:all 0.4s; width:100%; height:auto;}*/
/*.slider1 .slide:hover a span{position:absolute; bottom:0px; padding:5px; background-color:#a11e1e; color:#FFF; display:block; width:100%; height:auto;}*/

.footer-link{text-align:center}
.footer-link li{display:inline-block}
.footer-link li a{display:inline-block; margin-right:15px; margin-top:10px; color:#e0d6ca; font-size:10px;}

.logos-left{margin:20px auto;}
.logos-left img{ width:100%; margin-bottom:10px}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{width:100%; display:block;}
.carousel-control{ padding:15px; height:44px; width:44px; font-size:14px; background-color:rgba(0,0,0,0.4); top:auto; bottom:0px;}
.carousel-control.right{ left:45px; right:auto;}

.carousel-caption{ display:none;}

.col-md-8 .carousel-caption{ display:none}

.turksab{ float:right;}
.turksab ul{ float:left; width:50% !important; border:0 !important; padding:10px 5px;}
.turksab img{ float:left; width:50% !important; border:0 !important;}
.turksab ul li{ font-size:10px; text-align:right;}