/*
Theme Name: River Bus
Theme URI: http://riverbusvisegrad.com/
Author: Darko Mitrovic
Author URI: http://www.darkomitrovic.com
Description: River Bus Visegrad
Version: 1.0
*/



 /* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic-ext,latin-ext'); 

 @import url('https://fonts.googleapis.com/css?family=Merriweather:400,400i,700|Open+Sans:400,700&subset=cyrillic-ext,latin-ext');

 @import url('https://fonts.googleapis.com/css?family=Ubuntu');
*/
 @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400i|Montserrat:400,500,700&subset=latin-ext');


/*
ZUTA #e5ae49;
PLAVA #2980b9;
*/


/* PNG fix */
img, .png {
   position: relative;
   behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
   this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
   this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
   this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}


* {
    -webkit-border-radius: 0px !important; 
    -moz-border-radius: 0px !important; 
    border-radius: 0px !important; 
}


body {           
    font-family: 'Montserrat', sans-serif;
    background-color: #eee;
}

h1, h2, h3, h4, h5, h6 {
    word-spacing: 4px !important;  
    /*font-family: 'Libre Baskerville', serif;*/
}

h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 36px;
    color: #f6d403;
    font-weight: bold;
    text-shadow:0 1px 1px rgba(0,0,0,.4);
    margin-bottom: 25px;
}

h5 {
    text-transform: uppercase;
    text-align: center;
    font-size: 32px;
    color: #333;
    font-weight: bold;
    text-shadow:0 1px 1px rgba(0,0,0,.4);
    margin-bottom: 20px;
}


p {
    font-size: 17px;    
    /*font-family: 'Merriweather', serif;*/
    color: #333;
}

a {
	color:#000;
	transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
}
a:hover {
	color:#2980b9;
}
				
img {
	/* width:100%; */
    max-width: 100%;
    height: auto;
    opacity:1.0;
	filter: alpha(opacity=100);
	transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-webkit-transition: 0.2s linear;
	-o-transition: 0.2s linear;
}
/*
img:hover { 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}
*/
figure img:hover { 
	opacity: 1.0; 
	filter: alpha(opacity=100);
}

.container {
    padding: 0;
}


.radius  {
    /*
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
    */
}

.row {
    margin: 0;
}


.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.center-block {
    text-align: center;
}




/*
.shadow {
	-webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.75);
}
*/



body > div.container {
    /*
    padding-left: 0;
    padding-right: 0;
    */
}










/**************************************
	           NAV 
**************************************/

.tel {
    margin: 9px 0 0 20px;
}
.tel a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    
    border: 2px solid #f6d403;
    color: #f6d403;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    background: none;
    background: rgba(231, 65, 17, 0.8);
    
    -webkit-border-radius: 20px !important; 
    -moz-border-radius: 20px !important; 
    border-radius: 20px !important; 
}

.tel a:hover {
    background: #e74111;
    border: 2px solid #f6d403;
    color: #f6d403;
}




.navbar.affix {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index:10000;
    padding-top: 30px;
    padding-bottom: 20px;
}
/*
 .affix + #page {
      padding-top: 35px;
  }
*/

.navbar {

    border: 0;
    margin-bottom: 0;
    z-index: 1;
    
    background: rgba(0, 0, 0, 0.5);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.44) 12%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.14) 73%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(12%, rgba(0, 0, 0, 0.44)), color-stop(50%, rgba(0, 0, 0, 0.25)), color-stop(73%, rgba(0, 0, 0, 0.14)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.44) 12%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.14) 73%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.44) 12%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.14) 73%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.44) 12%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.14) 73%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.44) 12%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.14) 73%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

/*
	.navbar .navbar-toggle {
		border-color:#fff;
        margin-right: 25px;
	}
	.navbar .navbar-toggle .icon-bar {
		background-color:#fff;
	}
	.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
        color: #fff;
        border-bottom: 1px solid #fff;
	}


    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        border-bottom: 1px solid #fff;
        color: #fff;    
    }
    






.navbar-collapse {
	padding-left:0;
	padding-right:0;
}



	.navbar .navbar-nav > li > a {
		color:#fff;
		text-align: center;
        font-size: 15px;
        
        transition: 0s linear;
        -moz-transition: 0s linear;
        -webkit-transition: 0s linear;
        -o-transition: 0s linear;
	
		padding:0 25px;
		text-transform:uppercase;
        height: 50px;
        vertical-align: middle;
        display: table-cell;
	}



.navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > li > a:hover {
	color:#fff;    
    border-bottom: 1px solid #fff;
    background: none;
}
.navbar .navbar-nav > .active > a {
	color:#fff;    
    background: none;
}

*/





.navbar-brand {
	display:block;
}
.navbar-brand img {
    height: 145px;
    margin-top: -35px;
}




.navbar-toggle {
    display: none !important;
}





/**************************************
	           SLIDER 
**************************************/


.carousel {

}
/*
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    height: 600px;
    width: auto !important;
}
*/
.carousel-image {
    height: 630px;
    background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*
.page-cover .carousel-image {
     height: 400px;   
}
*/


.carousel-caption {
    bottom: 200px;
}

.carousel-caption h1 {
	color:#fff;    
    font-size: 62px;
    font-weight: bold;
    text-transform: uppercase;
}
.carousel-caption p {
	color:#fff; 
    font-size: 34px;
}

.carousel-divider {
    width: 110px;
    height: 2px;
    background-color: #fff;
    margin: 17px auto 10px;
}






.carousel-caption .btn-primary {
    border: 2px solid #fff;
    padding: 6px 32px;
    margin-top: 10px;
    text-transform: uppercase;
    background-color: #000;
    background:rgba(0, 0, 0, 0.4);
}
.carousel-caption .btn-primary:hover {
    background-color: #000;
    background:rgba(0, 0, 0, 0.6);
}



.carousel-indicators {
    bottom: 15px;
}

.carousel-indicators li {
    width: 14px;
    height: 14px;
    border: 3px solid #fff;
    margin: 1px 3px;
    border-radius: 14px !important;
    -moz-border-radius: 14px !important;
    -webkit-border-radius: 14px !important;
}
.carousel-indicators .active {
    background-color: #fff;
    height: 14px;
    width: 14px;
    margin: 1px 3px;
}



.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    top: 55%;
}





/* PAGE COVER */
.page-cover .carousel-image {
    height: 400px;
}


.page-cover .carousel-caption h1 {
    font-size: 36px;
    line-height: 44px;  
}






/**************************************
	           ABOUT 
**************************************/
.about  {
    
    background: #3498db;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    
    background: url('img/talasi.png') no-repeat bottom center fixed;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;        
    

}

.blue-over {
    background:rgba(52, 152, 219, 0.97);
    padding: 55px 0 80px;
}


.about .container {
    padding-left: 15px;
    padding-right: 15px;
}



.about-circle {
	margin-top: -75px;
    position: absolute;
    
}

.about-box {
    position: relative;
   
}

    .about-circle img {
        border: 6px solid #fff;
        position: relative;

        -webkit-border-radius: 50% !important; 
        -moz-border-radius: 50% !important;  
        border-radius: 50% !important;  
        
        -webkit-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 44px 0px rgba(0,0,0,0.75);
       
    }

    .about-btn {
        position: absolute;
        bottom: 100px;
        left: 0;
        text-align: center;
        width: 100%;
    }

.about-title {
    font-size: 44px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.about-subtitle {
    font-size: 24px;
    font-family: 'Libre Baskerville', serif;
    color: #fff;
    font-style: italic;
    text-align: center;
}


/**************************************
	           BOOK 
**************************************/

.book  {
    background: #3498db;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    
    background: url('img/talasi.png') no-repeat bottom center fixed;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;  
}

.book .blue-over {
    padding: 80px 0;
}

.book-text {
    font-size: 28px;
    padding: 8px;
    text-align: center;
    font-weight: 500;
    color: #fff;
}

.btn-primary {
    background-color: #e74111;
    color: #f6d403;
    border: 2px solid #f6d403;
    
    -webkit-border-radius: 20px !important; 
    -moz-border-radius: 20px !important; 
    border-radius: 20px !important;
    
    font-size: 24px;
    font-weight: 500;
    padding: 6px 2px;
    margin: 5px 10px;
    
    display: block;
    float: left;
    width: 100%;
}


.btn-primary:hover {
    background-color: #f6d403;
    color: #e74111;
    border-color: #e74111;
}


.btn-fb {
    background: #3B5998;
    border-color: #2f4779;
    color: #fff;
}

.btn-insta {
	background-color: #3f729b;
	background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    border-color: #2f4779;
    color: #fff;
}

.btn-viber {
    background: #8f5db7;
    border-color: #59267c;
    color: #fff;
}

.btn-whatsapp {
    background: #128c7e;
    border-color: #075e54;
    color: #fff;
}







hr {
    max-width: 300px;
    margin: 0 auto 30px;
}


/**************************************
	           VISIT 
**************************************/
.visit {
    background: url('img/visit-bg.jpg') no-repeat center center fixed;

    padding-top: 80px;
    padding-bottom: 90px;
    
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.visit p, .visit ul {
    color: #fff;
    text-align: center;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 18px;
}

.visit ul {
    list-style-type: none;
    padding: 0;
}
.visit li {
    margin-bottom: 10px;
}






/**************************************
	           INSTAGRAM 
**************************************/
.instagram {
	background-color: #3f729b;
	background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
    
    padding-top: 80px;
    padding-bottom: 80px;
    
    border-bottom: 3px solid #fff;
}




#instafeed a img {
    width: 100%;
    /*height: 240px;*/
    margin-bottom: 30px;
    border: 2px solid #fff;
    
    -webkit-border-radius: 20px !important; 
    -moz-border-radius: 20px !important; 
    border-radius: 20px !important; 
}


#instafeed a img:hover { 
	opacity: 0.7; 
	filter: alpha(opacity=70);
}




/**************************************
	           CONTACTS 
**************************************/
.contacts {
}

.icons {
    font-size: 24px;
    color: #fff;    
}

iframe {
    width: 100%;
    height: 600px;
}






/**************************************
	           FOOTER 
**************************************/
.footer {
    background-color: #1e1e1e;
    color: #fff;
    padding-top: 50px;
}
.footer a {
    color: #fff;
}

.icons {
    text-align: center;
    font-size: 44px;
    margin: 5px 15px;
}
.icons i:hover {
    color: #aaa;
}

.webdesign {
    margin-top: 70px;
    font-size: 14px;
    color: #888;
}
.webdesign a {
    color: #777;
}
.webdesign a:hover {
    color: #ccc;
}



















/************************************
        RESPONSIVE
*************************************/


@media (max-width: 1199px) { 
     

    
    .blue-over {
        padding: 35px 0 50px;
    }    
    
    .about-circle {
        margin-top: -58px;
    }  
    
    #instafeed a img {
        /*height: 200px;*/
    }    
    
    
}



@media (max-width: 991px) {  

    .navbar-header {
        float: left !important;
    }
    
    .navbar-brand img {
        height: 90px;
        width: auto;
        margin: -25px 0 0 10px;
    }   
    
    
    
    
    .carousel-image {
        height: 530px;
    }    
    .carousel-indicators {
        display: none;
    }      
    
    .about-circle {
        position: relative;
        width: 200px;
        margin: -75px auto 20px;
    }    
    
  
    .book .blue-over {
        padding: 50px 0;
    }    
    
     .btn-primary {
        max-width: 300px;
         float: none;
         margin: 10px auto;
    }   
    
    
    
}





@media (max-width: 768px) {

    .container {
        /*overflow: hidden;*/
    }
   
    .navbar.affix {
        padding-top: 10px;
    }
    
    .navbar-brand img {
        height: 70px;
        width: auto;
        margin: -15px 0 0 10px;
    }    
    
    
    .tel {
        margin-right: 10px;
    }
    
    .tel a {
        font-size: 16px;
        padding: 3px 15px;
    }    
    
    
    
    
    
    .carousel-image {
        height: 400px;
    }
    .carousel-indicators {
        bottom: 1px;
    }
    

    
 
    

    .visit p {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    
    #instafeed a img {
        /*height: 170px;*/
    }     
    
    iframe {
        height: 400px;
    }
    
     .about-title {
        font-size: 36px;
         line-height: 1.1;
    }   
    
    
}





@media (max-width: 591px) {

    .about-title {
        font-size: 36px;
    }   
    .tel {
        margin-left: 0;
    }
    
}



@media (max-width: 534px) {
    
    .navbar-brand img {
        height: 47px;
        width: auto;
        margin: -15px 0 0 0px;
    }
    
    .tel {
        margin-right: 2px;
        margin-top: 6px;
    }   
    .tel a {
        font-size: 14px;
        padding: 3px 10px;
    }    
    
    
    
    .carousel-image {
        height: 330px;
    }
    #instafeed a img {
        /*height: 110px;*/
    }   
    
    h3 {
        font-size: 32px;
    }
    
}




/*******************************
            MINI
*******************************/
@media (max-width: 420px) {
    
    .carousel-image {
        height: 300px;
    }
    
    #instafeed a img {
        /*height: 70px;*/
    } 
    h3 {
        font-size: 26px;
    }    
}





/*******************************
            MENU
*******************************/

@media (max-width: 992px) {
    .navbar-header {
      float: none;
    }
    .navbar-left,
    .navbar-right {
      float: none !important;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-collapse {
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .collapse.in {
      display: block !important;
    }
  }