*{margin:0;padding:0;outline:none;box-sizing: border-box;}p{margin-bottom:5px}a,img,fieldset{border:none;outline:none}a{color:#fff;text-decoration:none}a:hover,a:active,a:focus{color:#ddd;text-decoration:none}ul,li,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400;margin-bottom:5px}.red{color:red}.dnone{display:none}ol,ul,li{list-style:none}ol.decimal{list-style:decimal;margin:10px 0;padding-left:10px;margin-left:10px}ol.decimal li{list-style:decimal}ul.disc{list-style:disc;margin:10px 0;padding-left:10px;margin-left:10px}ul.disc li{list-style:disc}.rfl{float:right}.lfl{float:left}.clear{clear:both}.clear:after{content:'';display:table;clear:both}.nomar{margin:0!important}.nopad{padding:0!important}.pad10px{padding:10px!important}.mar10px{margin:10px!important}.rel{position:relative}.abs{position:absolute}.allft{text-align:left}.alrit{text-align:right}.alctr{text-align:center}

.raleway{font-family: 'Raleway', sans-serif;}
.playfair{font-family: 'Playfair Display', serif;}

body{font-family: 'Raleway', sans-serif; color: #000;}
.trans, .trans *{ transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.row:after, .row-fluid:after{content: ""; display: table; clear: both;}
h1,h2,h3,h4,h5,h6{font-family: 'Playfair Display', serif;}


.landing{position: fixed; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: #fff; z-index: 10;}
.landing > div{height: 100vh; position: relative;}
.landing .frntImg{background: center no-repeat; background-size: cover;}
.landing .sideTxt{padding: 40px 45px; padding-right: 120px; background: #000;}
.landing .sideTxt .logo{margin: 0 0 20px;}
.landing .sideTxt h2{color: #fff; font-size: 75px; line-height: 75px; font-size: 9vh; line-height: 9vh; font-weight: 800; border-bottom: 1px solid #fff; padding: 0px 110px 30px 0px; margin: 0px 0px 30px;}
.landing .sideTxt p{color: #fff; font-size: 24px; font-size: 16px; margin:0 0 25px;}
.landing .sideTxt .social{}
.landing .sideTxt .social a{display: inline-block; font-size: 25px;}
.landing .sideTxt .social a+a{margin-left: 10px;}
.landing .sideTxt .social a i{color: #fff;}
.landing .sideTxt .social span{display: inline-block; border-left: 1px solid #fff; height: 30px; vertical-align: middle; margin: -6px 15px 0px;}
.landing .sideTxt .begin{font-family: 'Playfair Display', serif; color: #fff; margin: 10px 0px 0px; font-size: 25px; font-weight: 800; text-transform: uppercase; display: inline-block; opacity: 1;}
.landing .sideTxt .begin i{font-size: 25px;margin: -5px 0 0 10px;vertical-align: middle;}
.landing .sideTxt .begin:hover{opacity: 0.8;}


.sidenav{position: fixed; left: -100px; top: 0; background: #000; padding:0px 10px; height:100%; z-index: 10;}
.inner .sidenav{left: 0;}
.sidenav .logo{display: block; font-family: 'Playfair Display', serif; color: #fff; font-size: 70px;}
.bottom_logo{display: block; font-family: 'Playfair Display', serif; color: #fff; font-size: 70px;}
.sidenav .socialnav{position: absolute; left: 0; top: 20%; width: 100%; padding-bottom: 25px;}
.sidenav .socialnav a{display: block; text-align: center; font-size: 20px;}
.sidenav .socialnav a+a{margin: 20px 0;}
.sidenav .socialnav span{display: block; border-top: 1px solid #fff; margin: 10px 0px;}


.main{}
.main .txtDv{padding-top: 15px;}
.main .txtDv h1{font-size: 55px; line-height: 55px; font-weight: 800; margin: 0 0 30px;}
.main .txtDv p{font-size: 16px;  margin-bottom: 20px;}
.main .txtDv p.btmlin{line-height: 25px; font-style: italic;font-size:13px;}
.main .bloglist{}

.inner .main .txtDv{}
.inner .main .txtDv h1{border-bottom: 2px solid #000; padding-bottom: 40px;}
.inner .main .txtDv p{}
.inner .main .txtDv h1+p{}
.inner .main .txtDv figure{position: relative; margin: 40px 0;}
.inner .main .txtDv figure img{width: 100%; height: auto;}

.bitem{border:1px solid #fff;}
.bitem:hover{opacity: 0.8;}
.bitem > div, .bitem > a, .bitem > span{min-height: 220px;}
.bitem .txtdv{background: #000; color: #fff; padding-top: 40px;}
.bitem .txtdv h3{font-weight: 800; font-size: 26px; line-height: 28px; margin-right: 20px; margin-bottom: 10px;}
.bitem .txtdv p{font-size: 14px;}
.bitem .imgdv{background: center no-repeat; background-size: cover; display: block; opacity: 1;}


.credits{background: #000; padding: 10px 0px; font-size: 11px; z-index: 10;}
.credits > div{color: #fff; text-align: center; font-variant: small-caps;}
.credits .title{}
.credits .title h3{margin: 0; font-weight: 800; font-size: 20px; line-height: 22px;}
.credits .navup{position: absolute; bottom: 100%; background: #000; color: #fff;     font-size: 40px; line-height: 40px; width: 100px; text-align: center; left: 0; right: 0; margin: auto; display: none;}
.creditsopen .overlay{background: none;}



.backbtn{background: #000; color: #fff; position: fixed; left: 0px; top: 0px; padding:9px 20px 8px 16px; font-size: 18px; font-weight: bold; text-transform: uppercase;}
.backbtn i{font-size: 18px; margin: 0px 0px; margin-right: 10px; vertical-align: middle;}

.forwardbtn{background: #000; color: #fff; position: fixed; right: 0px; top: 0px; padding:9px 20px 8px 16px; font-size: 18px; font-weight: bold; text-transform: uppercase;}
.forwardbtn i{font-size: 18px; margin: 0px 0px; margin-left: 10px; vertical-align: middle;}


.cmntOpen, .cmntOpen .body{overflow: hidden;}
.cmntOpen .body{margin-right: 17px;}
.commentBox{position: fixed; right: -40%; top:0px; width: 40%; height: 100%; padding: 25px 40px; background: #fff; z-index: 20;}
.cmntOpen .commentBox{right: 0;}
.commentBox .switch{position: absolute; top:78px; right:100%; font-size: 30px; color: #fff; background: #000; padding:15px 0px; width: 80px; text-align: center; cursor: pointer;}
.commentBox .switch i{margin-top: -6px;}
.commentBox .switch i.fa-times{display: none;}
.cmntOpen .commentBox .switch i.fa-commenting-o{display: none;}
.cmntOpen .commentBox .switch i.fa-times{display: inline-block;}
.commentBox .switch i{vertical-align: middle;}
.commentBox h3{font-weight: 800; font-size: 30px; line-height: 32px; margin-bottom: 20px;}
.commentBox h3 i{font-size: 33px; margin-left: 10px;}
.commentBox .share{background: #000; padding: 0px 0px; margin: 0px -40px 20px;}
.commentBox .share .title{cursor: pointer; margin: 0px; color: #fff; font-size: 18px; line-height: 20px; padding: 26px 40px;}
.commentBox .share .inner{display: none;}
.commentBox .share .inner form{padding:30px 40px 0; display: block;}
.commentBox .share .inner .row-fluid{margin: 0px -15px; padding-bottom: 20px;}
.commentBox .share .inner input[type=text],
.commentBox .share .inner textarea{background: #fff; border: 0; font-size: 14px; line-height: 15px; color: #333;     padding: 15px 15px; width: 100%; box-sizing: border-box; font-family: inherit;}
.commentBox .share .inner textarea{min-height: 100px;}
.commentBox .share .inner .btnDv{text-align: right;}
.commentBox .share .inner input[type=submit]{background: #e6e7e8; border: 0; border-radius: 4px; padding: 8px 15px; color: #000; font-size: 14px; line-height: 15px; font-weight: bold; cursor: pointer;}

.allCmnts{height: calc(100vh - 190px); overflow: auto; margin: 0px -40px; padding: 0 40px;}
.allCmnts .cmnt{padding: 20px 0px; border-bottom: 1px solid #a0a0a1;}
.allCmnts .cmnt:last-child{border: none;}
.allCmnts .cmnt .head{position: relative; padding-left: 70px; min-height: 50px; margin: 0 0 15px;}
.allCmnts .cmnt .head figure{width: 50px; height: 50px; background: center no-repeat #808285; background-size: cover; position: absolute; left: 0px; top: 0px;}
.allCmnts .cmnt .head p{font-size: 14px; line-height: 15px; font-weight: bold; margin: 0px 0px 5px; padding-top: 6px;}
.allCmnts .cmnt .head ul{}
.allCmnts .cmnt .head ul li{display: inline-block; position: relative; color: #58595b; font-size: 14px; line-height: 15px;}
.allCmnts .cmnt .head ul li+li{margin-left: 20px;}
.allCmnts .cmnt .head ul li+li:before{content: ""; position: absolute; left: -13px; top: 5px; background: #58595b; padding: 2px; border-radius: 4px;}
.allCmnts .cmnt > p{font-size: 13px; line-height: 25px; margin: 0 0 30px;}
.allCmnts .cmnt .social{}
.allCmnts .cmnt .social li{display: inline-block; position: relative; color: #58595b; font-size: 12px; line-height: 13px;}
.allCmnts .cmnt .social li+li{margin-left: 20px;}
.allCmnts .cmnt .social li+li:before{content: ""; position: absolute; left: -13px; top: 5px; background: #58595b; padding: 2px; border-radius: 4px;}
.allCmnts .cmnt .social li a{color: inherit;}
.allCmnts .cmnt .social li .like{ font-size: 15px; margin: 0 0 -1px; vertical-align: middle;}


.overlay{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 18; background: #000; opacity: 0.8; display: none;}


.a-enter-vr{ bottom: 0px !important; }
.a-enter-vr-button:active, .a-enter-vr-button:hover{ background-color: transparent !important; }
.a-enter-vr-button{ min-height: 50px !important; }
.vr_nav{ position: fixed; bottom: 0; width: 100%; background: #000; z-index: 20;}
.vr_nav .navup{position: absolute; bottom: 100%; background: #000; color: #fff;     font-size: 40px; line-height: 40px; width: 100px; text-align: center; left: 0; right: 0; margin: auto; display: none;}
.vr_nav .social_icons a{ float: left; font-size: 20px; margin-top: 10px; padding: 8px; }
.backbtn, .forwardbtn{ z-index: 1; }
.read-about, .read-about:hover{ background: #fff none repeat scroll 0 0; color: #000; float: left; font-size: 15px; font-weight: bold; margin: 19px 0; padding: 0 13px; }
.navopen .overlay{background: none;}

.icfj-logo{  }

@media (max-width: 1199px) { 
    .icfj-logo{ }
}
@media (max-width: 991px) { 
    .landing .sideTxt {position: absolute; left: 0; top: 0; width: 100%; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 20px 45px;}
    .landing .sideTxt h2{padding: 0px 0px 30px; font-size: 7vh; line-height: 8vh;}
    .vr_nav{bottom: -179px;}
    .vr_nav .navup{display: block;}
    .navopen .vr_nav{bottom: 0%;}
    .main .txtDv h1{ font-size: 30px; line-height: 30px; }
    .icfj-logo{ width: 10%; }
    .cmntOpen .commentBox{ width: 75%; }
    .landing .sideTxt p {font-size:13px;}
}
@media (max-width: 770px) { 
    .icfj-logo{ width: 10%; }
    .landing .sideTxt {position: absolute; left: 0; top: 0; width: 100%; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 20px 45px;}
    .landing .sideTxt h2{padding: 0px 0px 30px; font-size: 7vh; line-height: 8vh;}
    /*.vr_nav{bottom: -212px;}*/
    .vr_nav{bottom: -266px; min-height: 266px;}
    .vr_nav .navup{display: block;}
    .navopen .vr_nav{bottom: 0%;}
    .landing .sideTxt p {font-size:13px;}
}

@media (max-width: 543px) {
    .landing .sideTxt {position: absolute; left: 0; top: 0; width: 100%; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 20px 45px;}
    .landing .sideTxt h2{padding: 0px 0px 30px; font-size: 7vh; line-height: 8vh;}
    .vr_nav{bottom: -266px; min-height: 266px;}

    
    .vr_nav .navup,
    .credits .navup{display: block;}
    .navopen .vr_nav,
    .creditsopen .credits{bottom: 0%;}
    .icfj-logo{}

    .main{margin-left: 72px;}

    .bitem{position: relative;}
    .bitem .txtdv{position: relative; z-index: 5; background: rgba(0, 0, 0, 0.8); height: 100%}
    .bitem .txtdv h3{margin-bottom: 0;}
    .bitem .imgdv{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
    .landing .sideTxt p {font-size:13px;}

}