/*!
 * Start Bootstrap - Clean Blog v3.3.7+1 (http://startbootstrap.com/template-overviews/clean-blog)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */a,body{color:#333}.navbar-custom .nav li a,
 .navbar-custom .navbar-brand,h1,h2,h3,h4,h5,h6{font-weight:800}
 .caption,.intro-header 
 .page-heading,.intro-header 
 .site-heading,footer 
 .copyright{text-align:center}body{font-family:Lora,'Times New Roman',serif;font-size:20px;-webkit-tap-highlight-color:#0085A1}

/*Mobile Video*/
 @media only screen and (max-width: 768px)
 {
    .intro-header video {width: 102.5%;  }
    .intro-header .col-md-offset-1 {margin-bottom: -150%;}
    .navbar-custom .navbar-header .logopog2c {width: 250%;}
 }

 .intro-header .page-heading .subheading, 
 .intro-header .post-heading .subheading, 
 .intro-header .site-heading .subheading,
 .navbar-custom,h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}
 p{line-height:1.5;margin:30px 0}p a{text-decoration:none;}a:focus,a:hover{color:#0085A1}
 a img:focus,a img:hover{cursor:zoom-in}
 blockquote{color:#777;font-style:italic}
 hr.small{max-width:100%;margin:15px auto;border-width:4px;border-color:#fff}
 .navbar-custom{position:absolute;top:0;left:0;width:100%;z-index:3}
 .navbar-custom 
 .navbar-header 
 .navbar-toggle{color:#777;font-weight:800;text-transform:uppercase;font-size:12px}
 .navbar-custom .nav li a{text-transform:uppercase;font-size:12px;letter-spacing:1px}

 /*Menus taskbar in top*/

 @media only screen and (min-width:768px)
 {.navbar-custom{background:0 0;border-bottom:1px solid transparent}
 .navbar-custom .navbar-brand{color:#fff;padding:20px}
 .navbar-custom .navbar-brand:focus,
 .navbar-custom .navbar-brand:hover{color:rgba(255,255,255,.8)}
 .navbar-custom .nav li a{color:white;padding:20px}
 .navbar-custom .nav li a:focus,
 .navbar-custom .nav li a:hover{color:blue;}
 .navbar-custom .nav li ul.dropdown-menu a{color:#333}
 .navbar-custom .nav li ul.dropdown-menu a:focus,
 .navbar-custom .nav li ul.dropdown-menu a:hover{color:#0085A1}
}

 /*for pictures in bottom*/
 @media only screen and (min-width:1170px)
 {.navbar-custom{-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;-webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;backface-visibility:hidden;
    
 }

 .navbar-custom.is-fixed{position:fixed;top:-70px;background-color:silver;border-bottom:1px solid #f2f2f2;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
 .navbar-custom.is-fixed 
 .navbar-brand{color:#333}
 .navbar-custom.is-fixed 
 .navbar-brand:focus,
 .navbar-custom.is-fixed 
 .navbar-brand:hover{color:#0085A1}
 .navbar-custom.is-fixed .nav li a{color:white}
 .navbar-custom.is-fixed .nav li a:focus,
 .navbar-custom.is-fixed .nav li a:hover{color:blue}
 .navbar-custom.is-visible{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}

/*picture resposive buttom*/
 .intro-header {background:center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}

 .post-preview2{background:center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
  .media{background:center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
  .boxes1{background:center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;}
 .intro-header .page-heading,
 .intro-header .post-heading,
 .intro-header .site-heading{padding:100% 0 100px;color:#777;}
 .intro-header .page-heading h1,
 .intro-header .site-heading h1{margin-top:0;font-size:50px}
 .intro-header .page-heading .subheading,
 .intro-header .site-heading .subheading{font-size:24px;line-height:1.1;display:block;font-weight:300;margin:10px 0 0}


 @media only screen and (min-width:768px){
    .intro-header .page-heading,
    .intro-header .post-heading,
    .intro-header .site-heading{padding:150px 0}
    .intro-header .page-heading h1,
    .intro-header .site-heading h1{font-size:80px}
}
    .intro-header .post-heading h1{font-size:35px}
    .intro-header .post-heading .meta,
    .intro-header .post-heading .subheading{line-height:1.1;display:block}
    .intro-header .post-heading .subheading{font-size:24px;margin:10px 0 30px;font-weight:600}
    .intro-header .post-heading .meta{font-family:Lora,'Times New Roman',serif;font-style:italic;font-weight:300;font-size:20px}
    .intro-header .post-heading .meta a{color:#fff}
    @media only screen and (min-width:768px){
        .intro-header .post-heading h1{font-size:55px}
        .intro-header .post-heading .subheading{font-size:30px}}
        .post-preview>a{color:#333}.post-preview > 
        .front-label{
    margin: 0 0 10px;
    font-weight: 300;
    text-align: center;
}
@media only screen and (min-width: 330px){
    .intro-header .post-preview2{width: 20%; margin-top: -75%;} 
    .intro-header .media{width: 2%; flex:100%;}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .intro-header .post-preview2 {width: 2%; }
    .intro-header .media{width: 2%; flex:100%;}
    .intro-header .boxes1 {width: 2%; }
    .intro-header .video {width: 2000%; flex:100%;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .intro-header .post-preview2 {width: 2%; margin-top: -75%;  margin-left: 35%; }
    .intro-header .media{width: 2%; flex:100%;}
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .intro-header.post-preview2 {width: 2%; margin-top: 1000%;}
    .intro-header .media{width: 2%; flex:100%;}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .intro-header .post-preview2 {width: 2%; margin-top: 0%; margin-left: 1%;}
    .intro-header .media{width: 2%; flex:100%;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .intro-header .post-preview2 {width: 100%;}
    
}



.post-preview ul{
	margin: 0;
	padding: 0;
 }
.post-preview li{
 	float: left;
    margin: 0!important;
    list-style: none;
    max-width: 24%;
 }
.post-preview img{
    max-width: 100%;
    height: auto;
    padding:10px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.navbar-custom li div button{
     color: #c8c8c7;

}

.navbar-custom li div div{
    background-color:transparent;
    color: #333;
}
.navbar-custom li div div a{

    background-color:gray;
}
.post-preview>a:focus,
.post-preview>a:hover{text-decoration:none;color:#0085A1}
.post-preview>a>
.post-title{font-size:30px;margin-top:30px;margin-bottom:10px}
.post-preview>a>
.post-subtitle{margin:0 0 10px;font-weight:300}
.post-preview>
.post-meta{color:#777;font-size:18px;font-style:italic;margin-top:0}
.post-preview>
.post-meta>a{text-decoration:none;color:#333}
.post-preview>
.post-meta>a:focus,
.post-preview>
.post-meta>a:hover{color:#0085A1;text-decoration:underline}

@media only screen and (min-width:768px){
    .post-preview>a>.post-title{font-size:36px}
}
    .section-heading{font-size:36px;margin-top:60px;font-weight:700}
    .btn,.pager li>a,
    .pager li>span{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;font-weight:800;letter-spacing:1px}
    .caption{font-size:14px;padding:10px;font-style:italic;margin:0;display:block;border-bottom-right-radius:5px;border-bottom-left-radius:5px}footer{padding:50px 0 65px}footer 
    .list-inline{margin:0;padding:0}footer 
    .copyright{font-size:14px;margin-bottom:0;    text-transform: uppercase;font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;}
    .floating-label-form-group{font-size:14px;position:relative;margin-bottom:0;padding-bottom:0;}
    .floating-label-form-group input,
    .floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:10px;border:none;border-radius:0;font-size:1em;background:white;box-shadow:none!important;resize:none}
    .floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease}
    .floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #eee}
    .floating-label-form-group-with-value label{top:0;opacity:1}
    .floating-label-form-group-with-focus label{color:#0085A1}form 
    .row:first-child .floating-label-form-group{}
    .btn{font-size:14px;border-radius:0;padding:15px 25px}
    .btn-lg{font-size:16px;padding:25px 35px}
    .btn-default:focus,
    .btn-default:hover{background-color:#0085A1;border:1px solid #0085A1;color:#fff}
    .pager{margin:20px 0 0}
    .pager li>a,
    .pager li>span{font-size:14px;padding:15px 25px;background-color:#fff;border-radius:0}
    .pager li>a:focus,
    .pager li>a:hover{color:#fff;background-color:#0085A1;border:1px solid #0085A1}
    .pager .disabled>a,
    .pager .disabled>a:focus,
    .pager .disabled>a:hover,
    .pager .disabled>span{color:#777;background-color:#333;cursor:not-allowed}::-moz-selection{color:#fff;text-shadow:none;background:#0085A1}::selection{color:#fff;text-shadow:none;background:#0085A1}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}