@import "http://hello.myfonts.net/count/2c7fc7";
@import "http://hello.myfonts.net/count/2cd1fb";

@font-face {
    font-family: "ITCFranklinGothicStd-BkCd";
    src: url("fonts/2CD1FB_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/2CD1FB_0_0.woff2") format("woff2"), url("fonts/2CD1FB_0_0.woff") format("woff"), url("fonts/2CD1FB_0_0.ttf") format("truetype");
}

html{ height:100%; width:100%; display:inline-block; }
body{ margin:0px; padding:0px; overflow-x:hidden; height:100%; font-family: "Mercury Display A","Mercury Display B",TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif; }
.wrapper{ width:100%; height:inherit; }
h1{ font-family: "Mercury Display A","Mercury Display B",TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif; font-size:48px; }
h5, p{ font-family: "FranklinGothicURW-Boo","Helvetica Neue",Arial,sans-serif; font-size:16px; }

#fitsc{ width:100%; overflow:hidden; }
#fitsc .table{ width:100%; height:100%; display:table; margin-bottom:0px !important; }
#fitsc .table-row{ width:100%; height:100%; display:table-row; }
#fitsc .table-cell{ width:100%; height:100%; display:table-cell; vertical-align:middle; }

.scroll-blocks{ width:100%; position:relative; }
.scroll-blocks:before{ width:100%; height:100%; position:absolute; top:0px; left:0px; content:""; display:none; }
.scroll-block{ width:100%; height:100vh; position:relative; }
.scroll-block::before{ width:100%; height:100%; position:absolute; top:0px; left:0px; content:""; background:rgba(0,0,0,0.4); }

div.block-1{ background:url(../images/banner-1-1-1.jpg) center 0 no-repeat; background-size:cover !important; background-attachment:fixed; }

div.block-2{ background:url(../images/banner-2-2-2.jpg) center 0 no-repeat; background-size:cover !important; background-attachment:fixed; }

div.block-3{ background:url(../images/banner-3-3-3.jpg) center 0 no-repeat; background-size:cover !important; background-attachment:fixed; }

/*div.block-4{ background:url(../images/banner-4.jpg) center 0 no-repeat; background-size:cover !important; background-attachment:fixed; }

div.block-5{ background:url(../images/banner-5.jpg) center 0 no-repeat; background-size:cover !important; background-attachment:fixed; }

div.block-6{ background:url(../images/banner-6.jpg) center 0 no-repeat; background-size:cover !important; background-attachment:fixed; }*/

.fix-arrows{ width:50px; position:fixed; top:0px; right:30px; z-index:999; text-align:center; height:100%; }

.fix-arrows .table{ width:100%; height:100%; display:table; margin-bottom:0px !important; }
.fix-arrows .table-row{ width:100%; height:100%; display:table-row; }
.fix-arrows .table-cell{ width:100%; height:100%; display:table-cell; vertical-align:middle; }

.fix-arrows ul{ width:100%; display:inline-block; margin:0px; padding:0px; }
.fix-arrows ul li{ width:100%; display:inline-block; padding:2px 0px; }

.fix-arrows ul li a{ width:10px; height:10px; display:inline-block; background:#fff !important; border-radius:100%; border:transparent solid 2px; }
.fix-arrows ul li a.active{ width:12px; height:12px; display:inline-block; border:orange solid 2px; background:none !important; }

.scroll-block .table{ width:100%; height:100%; display:table; margin-bottom:0px !important; }
.scroll-block .table-row{ width:100%; height:100%; display:table-row; }
.scroll-block .table-cell{ width:100%; height:100%; display:table-cell; vertical-align:middle; }

.block-content{ width:100%; color:#fff; line-height:30px; }

.story-click{  background-color: transparent;
    border-color: -moz-use-text-color white;
    border-style: none solid;
    border-width: 0 2px;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    margin: 5px 0;
    min-width: 0;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: border 0.5s ease 0s;
    width: auto;
	font-family: "FranklinGothicURW-Boo","Helvetica Neue",Arial,sans-serif;
}

.story-click:hover{ border-radius:5px; color:#fff; text-decoration:none; }
.story-click:focus{ border-radius:5px; color:#fff; text-decoration:none; outline:none !important; }

.story-click:after{ bottom:0px; }

.story-click:before{ top:0px; }

.story-click:after,.story-click:before{
 border-color: transparent;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: border 0.5s ease 0s;
    width: 100%;	
}
.story-click:hover::after,.story-click:hover::before {
    border: 1px solid white;
}

.move-down{ width:100%; position:absolute; bottom:0px; left:0px; text-align:center; padding-bottom:20px; }
.move-down a{ display:inline-block; }
.move-down span{ width:100%; display:inline-block; padding-bottom:15px; color:#fff; opacity:0.35; }

/*Arrow Animation Css Start*/
.move-down a img{ animation-name: arrow-bounce; animation-duration: 2s; animation-fill-mode: both; animation-iteration-count: infinite; }

@keyframes arrow-bounce {
0%, 50%, 100%, 50%, 0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-10px);
}
0% {
}
}
/*Arrow Animation Css End*/


.extra-content{ width:100%; position:absolute; bottom:0px; left:0px; opacity:0; bottom:-100%; z-index:-1;
-webkit-transition-property: bottom; /* Safari */
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-property: bottom;
    transition-duration: 0.5s;
}
.extra-content.active{ opacity:1; bottom:0%; 
-webkit-transition-property: bottom; /* Safari */
    -webkit-transition-duration: 0.3s; /* Safari */
    transition-property: bottom;
    transition-duration: 0.3s;
	z-index:99;
}

.extra-text{ background:rgba(255,255,255,0.95); position:relative; padding:25px 75px; }
.extra-text h2{ font-style:italic; font-size:26px; }
a.xross{ width:auto; position:absolute; top:25px; right:25px; }
#footer{ width:100%; background:#002952; font-family:"FranklinGothicURW-Boo","Helvetica Neue",Arial,sans-serif; color:#bfcedd; padding:40px 0px 30px; }
#footer h6{ font-size:12px; margin-top:5px; }
#footer.footeractive{ display:block; }
#footer ul{ margin:0px; padding:0px; list-style:none; }
#footer ul li{ width:auto; margin:0px; padding:0px; list-style:none; display:inline-block; }
#footer ul li a{ width:auto; margin:0px; padding:0 10px 0 0px; list-style:none; display:inline-block; font-size:12px; }
#footer a i{ font-size:22px; color:#bfcedd; padding:0 5px; }
#footer a{ color:#bfcedd; }


#menus{ width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(30, 99, 176, 1); z-index:9999; text-align:center; display:none; }
#menus ul{ width:300px; margin:0px; padding:0px; list-style:none; }
#menus ul{ width:100%; margin:0px; padding:0px; list-style:none; }
#menus a{ font-family: "ITCFranklinGothicStd-BkCd","Helvetica Neue",Arial,sans-serif; text-decoration:none; color:#fff !important; font-size:20px; font-weight:700; text-transform:uppercase; line-height:45px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }

.top-bar{ width:100%; position:fixed; top:15px; left:0px; z-index:99999; }
.menu-icon{ width:90px; height:20px; background:url(../images/menu-icon.png) right center no-repeat; display:inline-block; position:relative; margin:25px 60px 0px 0px; cursor:pointer; }
.menu-icon:before{ font-size:18px; display:inline-block; content:"MENU"; color:#fff; position:absolute; left:0px; font-family: "FranklinGothicURW-Boo", "Helvetica Neue", Arial, sans-serif; font-weight:400; top:-2px; }
body.active-menu #menus{ display:block; }
.menu-xross{ width:auto; position:absolute; top:75px; right:50px; z-index:99999 !important; }
body.active-menu .menu-xross{ z-index:999999999999999 !important; }
body.active-menu{ overflow:hidden; }
body.active-menu .top-bar{ z-index:999999999; }
body.active-menu .top-bar span.menu-icon{ display:none; }

#menu-slide.active .table, #menu-slide.active .table-row, #menu-slide.active .table-cell{ display:block; }
#menu-slide.active .table-cell2{ height:100%; }

.company-title{ color:#fff; font-family: "FranklinGothicURW-Boo","Helvetica Neue",Arial,sans-serif; position:relative; font-weight:700; margin-top:30px; }

.long-content{ overflow-y:scroll; height:450px; padding:25px 50px; }
.padding-none{ padding:0px !important; }


#menu-slide{ width:100%; height:100%; padding-top:125px; }
#menu-slide.active{ width:300px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:#1a5699; }

ul#main-nav.active{ width:300px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; /*position:relative;*/ height:100%; overflow-x:hidden; overflow-y:auto; }
ul#main-nav.active li{}
ul#main-nav.active li a{ font-size:16px; color:#7599c2 !important; }
ul#main-nav.active > li > a{ font-size:20px; }

ul#main-nav.active li a:hover{ color:#fff !important; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
ul#main-nav.active li a:focus{ outline:none !important; }
ul#main-nav.active li a.active{ color:#fff !important; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
ul#main-nav li .inner-menus{ display:none; }
ul#main-nav.active li .inner-menus{ position:absolute; padding-top:0px; top:125px; left:320px; /*width:1600px;*/ width:calc(100% - 320px); text-align:left; overflow-y:auto; height:calc(100% - 125px); }
ul#main-nav.active li .inner-menus ul li{ width:49%; display:inline-block; position:relative; }
ul#main-nav.active li .inner-menus ul li:before{ width:95%; position:absolute; bottom:0px; height:1px; content:""; border-bottom:1px solid #417bbb; }
ul#main-nav.active li .inner-menus a{ width:100%; padding-right:15px; color:#bcd1e7 !important; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; text-transform:uppercase; }
ul#main-nav.active li .inner-menus a:hover{ color:#fff !important; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
ul#main-nav.active li .inner-menus p{ font-size:14px; color:#fff; }

@media screen and (max-width: 1370px){
ul#main-nav.active li .inner-menus{ /*width:907px;*/ width:calc(100% - 320px); }
}

@media screen and (max-width: 1024px){
.fix-arrows{ display:none; }
.menu-icon{ margin:0px; }
.company-title{ font-size:22px; }
h1{ font-size:30px; }

/*Menu*/
body.active-menu .top-bar{ display:none; }
#menu-slide{ padding-top:50px; }
.menu-xross{ top:0px; }
ul#main-nav > li{ text-align:left; padding-left:10px; padding-right:10px; }
ul#main-nav > li a{ font-size:16px; }

#menu-slide.active{ width:100% !important; background:rgba(30, 99, 176, 1); }
ul#main-nav.active{ width:100% !important; }
ul#main-nav.active li .inner-menus{ width:calc(100% - 0px); width:100%; left:0px; position:static !important; padding:10px; background:#1a5699 !important; }

ul#main-nav.active li .inner-menus ul li{ width:100%; }
ul#main-nav.active li .inner-menus ul li a{ line-height:24px; font-weight:400; font-size:14px; }
/*Menu End*/

.extra-content.active{ z-index:999999; }
.extra-text{ padding:25px 15px; }
a.xross{ top:5px; right:5px; }
.extra-text h2{ font-size:14px; margin-top:0px; }
.long-content{ height:250px; padding:25px 15px; }

}

@media screen and (min-width: 640px) and (max-width: 767px){
.company-title{ margin-top:5px; }
}

@media screen and (max-width: 767px){
#footer h6{ line-height:20px; }
#footer .text-center{ text-align:left !important; padding-bottom:5px; }
}

.linehight-none{ line-height:0 !important; }
h5{ color:#fff; }
h5 a{ font-size:20px !important; }

.tooltip > .tooltip-inner {
	background-color: transparent !important; 
	color: #FFFFFF;
	width:150px !important;
	text-align:right;
}
.tooltip.left > .tooltip-arrow {
	border-left: 0px !important;
}