/* Master Stylesheet */
/* :: 1.0 Import Fonts */
/* @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"); */
/* :: 2.0 Import All CSS Plugins */
@import url(bootstrap.min.css);
@font-face {
	font-family: "SFPro";
	src: url(../fonts/sf-pro-regular/sf-pro-text-regular.ttf);
}


img{
   height:auto;
   max-width:100%
}
@keyframes lds-ellipsis1{
   0%{
       transform:scale(0)
   }
   100%{
       transform:scale(1)
   }
}
@keyframes lds-ellipsis3{
   0%{
       transform:scale(1)
   }
   100%{
       transform:scale(0)
   }
}
@keyframes lds-ellipsis2{
   0%{
       transform:translate(0,0)
   }
   100%{
       transform:translate(19px,0)
   }
}
.hero-area{
   position:relative;
   z-index:1;
   width:100%
}
.vizew-nav-tab{
   position:relative;
   z-index:1;
   background-color:#ffffff;
   width:100%;
   height:500px;
   overflow-x:hidden;
   overflow-y:scroll
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .vizew-nav-tab{
       height:400px
   }
}
@media only screen and (min-width:768px) and (max-width:991px){
   .vizew-nav-tab{
       height:350px
   }
}
@media only screen and (max-width:767px){
   .vizew-nav-tab{
       height:300px;
       display: block;

   }
}
.vizew-nav-tab .nav-link{
   padding:0;
   padding:15px 20px;
   border-left:4px solid transparent
}
.vizew-nav-tab .nav-link.active{
   background-color:#f2f3f3;
   border-left-color:#1D287F
}
.single-blog-post{
   position:relative;
   z-index:1;
   margin-bottom:20px
}
.single-blog-post:last-child{
   margin-bottom:0
}
.single-blog-post .post-thumbnail{
   position:relative;
   z-index:1;
   -webkit-box-flex:0;
   -ms-flex:0 0 100px;
   flex:0 0 100px;
   max-width:100px;
   width:100px
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .single-blog-post .post-thumbnail{
       -webkit-box-flex:0;
       -ms-flex:0 0 80px;
       flex:0 0 80px;
       max-width:80px;
       width:80px
   }
}
@media only screen and (min-width:768px) and (max-width:991px){
   .single-blog-post .post-thumbnail{
       -webkit-box-flex:0;
       -ms-flex:0 0 80px;
       flex:0 0 80px;
       max-width:80px;
       width:80px
   }
}
@media only screen and (max-width:767px){
   .single-blog-post .post-thumbnail{
       -webkit-box-flex:0;
       -ms-flex:0 0 80px;
       flex:0 0 80px;
       max-width:80px;
       width:80px
   }
}
.single-blog-post .post-thumbnail img{
   width:100%
}
.single-blog-post .post-content{
   position:relative;
   z-index:1;
   padding-left:20px
}
.single-blog-post .post-content .post-title{
   color:black;
   margin-bottom:5px;
   display:block;
   font-size:16px;
   font-family: "SFPro" !important;
   /* font-weight:700 */
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .single-blog-post .post-content .post-title{
       font-size:14px
   }
}
@media only screen and (min-width:768px) and (max-width:991px){
   .single-blog-post .post-content .post-title{
       font-size:13px
   }
}
@media only screen and (max-width:767px){
   .single-blog-post .post-content .post-title{
       font-size:13px
   }
}
.single-blog-post .post-content .post-title:hover{
   color:#1D287F
}
.single-blog-post .post-content .post-meta a{
   display:inline-block;
   color:#595959;
   font-size:12px
}
.single-blog-post .post-content .post-meta a:hover{
   color:#fff
}
.single-blog-post.style-2{
   margin-bottom:0
}
.single-blog-post.style-2 .post-thumbnail{
   position:relative;
   z-index:1;
   -webkit-box-flex:0;
   -ms-flex:0 0 110px;
   flex:0 0 110px;
   max-width:110px;
   width:110px
}
@media only screen and (min-width:768px) and (max-width:991px){
   .single-blog-post.style-2 .post-thumbnail{
       -webkit-box-flex:0;
       -ms-flex:0 0 80px;
       flex:0 0 80px;
       max-width:80px;
       width:80px
   }
}
@media only screen and (max-width:767px){
   .single-blog-post.style-2 .post-thumbnail{
       -webkit-box-flex:0;
       -ms-flex:0 0 80px;
       flex:0 0 80px;
       max-width:80px;
       width:80px
   }
}
.single-blog-post.style-2 .post-thumbnail img{
   width:100%
}
.single-blog-post.style-2 .post-content{
   position:relative;
   z-index:1;
   padding-left:20px
}
.single-blog-post.style-2 .post-content .post-title{
   color:black;
   margin-bottom:10px;
   display:block;
   /* font-weight:700; */
   font-family: "SFPro" !important;
   font-size:16px;
   line-height:1.5
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .single-blog-post.style-2 .post-content .post-title{
       font-size:14px
   }
}
@media only screen and (min-width:768px) and (max-width:991px){
   .single-blog-post.style-2 .post-content .post-title{
       font-size:13px
   }
}
@media only screen and (max-width:767px){
   .single-blog-post.style-2 .post-content .post-title{
       font-size:13px
   }
}
.single-blog-post.style-3{
   margin-bottom:0
}
.single-blog-post.style-3 .post-thumbnail{
   position:relative;
   z-index:1;
   -webkit-box-flex:0;
   -ms-flex:0 0 140px;
   flex:0 0 140px;
   max-width:140px;
   width:140px
}
@media only screen and (max-width:767px){
   .single-blog-post.style-3 .post-thumbnail{
       -webkit-box-flex:0;
       -ms-flex:0 0 100px;
       flex:0 0 100px;
       max-width:100px;
       width:100px
   }
}
.single-blog-post.style-3 .post-content .post-title{
   color:black;
   margin-bottom:15px;
   display:block;
   /* font-weight:700; */
   font-family: "SFPro" !important;
   font-size:16px;
   line-height:1.5
}
@media only screen and (max-width:767px){
   .single-blog-post.style-3 .post-content .post-title{
       font-size:14px
   }
}
.single-blog-post.style-3 .post-content .post-title:hover{
   color:#1D287F
}
.single-feature-post.video-post{
   position:relative;
   z-index:1;
   width:100%;
   height:500px
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .single-feature-post.video-post{
       height:400px
   }
}
@media only screen and (min-width:768px) and (max-width:991px){
   .single-feature-post.video-post{
       height:350px
   }
}
@media only screen and (max-width:767px){
   .single-feature-post.video-post{
       height:320px
   }
}
.single-feature-post.video-post .post-content{
   position:absolute;
   left:30px;
   bottom:30px;
   z-index:59;
   width:80%
}
@media only screen and (max-width:767px){
   .single-feature-post.video-post .post-content{
       left:15px;
       bottom:15px
   }
}
.single-feature-post.video-post .post-content .post-title{
   font-size:24px;
   display:block;
   color:black;
   margin-bottom:10px
}
@media only screen and (min-width:768px) and (max-width:991px){
   .single-feature-post.video-post .post-content .post-title{
       font-size:18px
   }
}
@media only screen and (max-width:767px){
   .single-feature-post.video-post .post-content .post-title{
       font-size:16px
   }
}
.single-feature-post.video-post .post-content .post-title:focus,.single-feature-post.video-post .post-content .post-title:hover{
   color:#0f1112
}
.single-feature-post.video-post .post-content .post-meta{
   position:relative;
   z-index:1
}
.single-feature-post.video-post .post-content .post-meta a{
   display:inline-block;
   margin-right:30px;
   color:#fff
}
.single-feature-post.video-post .post-content .post-meta a:focus,.single-feature-post.video-post .post-content .post-meta a:hover{
   color:#1D287F
}
.single-post-area{
   position:relative;
   z-index:1
}
.single-post-area .post-thumbnail{
   position:relative;
   z-index:1
}
@media only screen and (min-width:768px) and (max-width:991px){
   .single-post-area .post-thumbnail{
       margin-bottom:30px
   }
}
@media only screen and (max-width:767px){
   .single-post-area .post-thumbnail{
       margin-bottom:30px
   }
}
.single-post-area .post-content{
   position:relative;
   z-index:1;
   margin-top:20px
}
.single-post-area .post-content .post-title{
   display:block;
   color:black;
   margin-bottom:15px;
   font-size:20px
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .single-post-area .post-content .post-title{
       font-size:18px
   }
}
@media only screen and (min-width:768px) and (max-width:991px){
   .single-post-area .post-content .post-title{
       font-size:16px
   }
}
@media only screen and (max-width:767px){
   .single-post-area .post-content .post-title{
       font-size:18px
   }
}
.single-post-area .post-content .post-title:focus,.single-post-area .post-content .post-title:hover{
   color:#1D287F
}
.single-post-area .post-content .post-meta a{
   display:inline-block;
   margin-right:20px
}
.single-post-area .post-content .post-meta a:focus,.single-post-area .post-content .post-meta a:hover{
   color:#1D287F
}
.single-post-area .post-content .post-meta a:last-child{
   margin-right:0
}
.single-post-area.style-2{
   margin-bottom:30px;
   padding-bottom:30px;
   border-bottom:1px solid #393c3d
}
.single-video-area{
   position:relative;
   z-index:1;
   margin-bottom:60px
}
.single-video-area iframe{
   width:100%;
   height:600px!important;
   border:none
}
@media only screen and (min-width:992px) and (max-width:1199px){
   .single-video-area iframe{
       height:550px!important
   }
}
@media only screen and (min-width:768px) and (max-width:991px){
   .single-video-area iframe{
       height:400px!important
   }
}
@media only screen and (max-width:767px){
   .single-video-area iframe{
       height:220px!important;
       height: auto;
   }

}