@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,500,600,700,800,900);

@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900);



.prettyprint{display:none}:focus{outline:0 !important}::selection{background:#b371a2;color:#fff}::-moz-selection{background:#b371a2;color:#fff}



body{font-family:'Raleway',sans-serif; color:#000; font-size:18px; line-height:150%; -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%; text-rendering:optimizeLegibility;overflow-x:hidden;height:auto !important; image-rendering: auto;}


.navbar,main{background-color:#FFF}


main{margin-top:100px}@media (max-width: 500px){main{margin-top:70px}}.container{padding-right:0;padding-left:0}@media (max-width: 767px){.container{padding-right:22px;padding-left:22px}}@media (min-width: 768px) and (max-width: 1199px){.container{padding-right:15px;padding-left:15px}}p{margin-bottom:20px;font-size:22px;line-height:34px;font-family:'Raleway', sans-serif}@media (max-width: 500px){p{font-size:18px;line-height:30px}}a{color:#436b83}


a:hover,a:focus{color:#02223E}


h1{font-size:62px;font-family:'Josefin Sans', sans-serif; line-height:130%;margin-bottom:5px;}@media (max-width: 500px){h1{font-size:42px}}



h2{font-size:42px;line-height:130%;margin-bottom:20px;font-family:'Josefin Sans', sans-serif;}@media (max-width: 500px){h2{font-size:36px}}



h3{font-size:34px;margin-bottom:15px; font-family: 'Josefin Sans', sans-serif;}



@media (max-width: 500px){h3{font-size:28px}}h4{font-size:22px;margin-bottom:15px; font-family: 'Josefin Sans', sans-serif;}



h5{font-size:18px;line-height:24px;margin-bottom:13px;font-family: 'Josefin Sans', sans-serif;}@media (max-width: 500px){h5{font-size:16px;line-height:22px}}

h5 a{color:#60bb46}



h6{font-size:16px;line-height:22px;margin-bottom:10px;font-family: 'Josefin Sans', sans-serif;}

button h6{line-height:inherit}



h7{font-size:12px;line-height:22px;margin-bottom:10px;font-family: 'Josefin Sans', sans-serif;}



.intro-thin {

font-family: 'Josefin Sans', sans-serif; }

  @media only screen and (max-width: 768px) {

    .intro-title {

      font-size: 1.5em; font-family: 'Josefin Sans', sans-serif;} }



.intro-bold {

font-family: 'Josefin Sans', sans-serif; font-weight: 900;}

  @media only screen and (max-width: 768px) {

    .intro-title {

      font-size: 1.5em; font-family: 'Josefin Sans', sans-serif;} }





a:hover .logo{opacity:.6}ul{list-style:none;position:relative;padding-left:22px; image-rendering: auto; }



header p{font-size:22px;line-height:150%}p+h2,p+h3{padding-top:15px}.inner{padding-top:60px;padding-bottom:100px;color:#000}hr{border:0;border-bottom:1px solid #CED7E0;margin:60px 0}



.light-bg{background-color:#F2F5F7}.dark-bg{background-color:#2A2D30}.dark-bg,.dark-bg p,.dark-bg .item-details li:before{color:#A3B1BF}



.yamm container{max-width:1400px;margin:0 auto}@media (min-width: 768px) and (max-width: 1199px){.yamm .container{width:auto}}.header{z-index:1000;width:100%;border-bottom:2px solid #f8f8f8;position:fixed;background-color:rgba(255,255,255,0.95);height:100px}@media (max-width: 500px){.header{height:70px}}



.navbar .container{display:table;padding:0}@media (max-width:1400px){.navbar .container{padding-right:22px;padding-left:2px}}@media (min-width: 768px) and (max-width: 1199px){.navbar .container{padding-right:15px;padding-left:15px}}



.navbar{margin:0;border-radius:0;position:relative;z-index:8000;height:105px;font-family:'Raleway', sans-serif}

.navbar ul{list-style:none}

.navbar-brand{float:left;display:table-cell;vertical-align:middle;padding:10px 0 0 30px;max-width:300px}@media (max-width: 500px){.navbar-brand{padding:5px 0 0 0}}

.navbar-brand img{height:80px}

.navbar-header{float:none !important;position:relative;background:#F5F7FA;z-index:0}@media (max-width: 500px){.navbar-header{padding:5px 0}}@media (max-width: 500px){.navbar-brand img{height:60px}}



.navbar-header li,.navbar-header a{display:table-cell;vertical-align:middle;height:40px}.navbar-nav{float:right;vertical-align:middle;padding-left:16px}.navbar-nav>li{width:182px;text-align:center}.navbar-nav .dropdown-menu>li:last-child{margin-bottom:0px !important}



.navbar-nav>.home:hover,.navbar-nav>.home:active{background-color:#e0e0e0}



.navbar-nav>li.home>a.active{border-bottom:8px solid #bcbcbc}.dropdown-menu>li.dropdown_twodots.active,.dropdown-menu>li.dropdown_dots.active{position:relative}



.dropdown-menu>li.dropdown_twodots.active a,.dropdown-menu>li.dropdown_dots.active a{background-color:transparent;color:#E0E0E0}



.dropdown-menu>li.dropdown_twodots.active:after,.dropdown-menu>li.dropdown_dots.active:after{content:"";background-color:#bcbcbc;position:absolute;bottom:0;left:0;height:100%;width:5px}





.navbar-nav>.training a:hover,.navbar-nav>.training a:active{background-color:DarkGray}



.navbar-nav>li.training .active{border-bottom:8px solid #54c0d6}

.navbar-nav>.course a:hover,.navbar-nav>.course a:active{background-color:#636363}

.navbar-nav>li.course .active{border-bottom:8px solid #b371a2}.navbar-nav>

.login a:hover,.navbar-nav>.login a:active{background-color:Azure}

.navbar-nav>li.login .active{border-bottom:8px solid #fec356}


.navbar-nav>li.email .active{border-bottom:8px solid #f48d3d}

.navbar-nav>.email a:hover,.navbar-nav>.email a:active{background-color:#f48d3d}



.navbar-nav>li.survey .active{border-bottom:8px solid #f4ca55}

.navbar-nav>.survey a:hover,.navbar-nav>.survey a:active{background-color:#f4ca55}



.navbar-nav>li.share .active{border-bottom:8px solid #94bf88}

.navbar-nav>.share a:hover,.navbar-nav>.share a:active{background-color:#94bf88}



.navbar-nav>li.calendar .active{border-bottom:8px solid #84c6d1}

.navbar-nav>.calendar a:hover,.navbar-nav>.calendar a:active{background-color:#84c6d1}



.navbar-nav>li.task .active{border-bottom:8px solid #e56b65}

.navbar-nav>.task a:hover,.navbar-nav>.task a:active{background-color:#e56b65}



.navbar-nav>li.other .active{border-bottom:8px solid #000}

.navbar-nav>.other a:hover,.navbar-nav>.other a:active{background-color:#000}


.navbar-nav>li.contact .active{border-bottom:8px solid Tan}

.navbar-nav>.contact a:hover,.navbar-nav>.contact a:active{background-color:OldLace}


.navbar-nav>li>a{font-size:14px;font-family:'Raleway', sans-serif;line-height:20px;text-transform:uppercase;color:#000;padding:40px 20px 0 20px;border:none;z-index:1;height:100px}.navbar .nav .open>a,.nav .open>a:hover,.nav>li>a:hover{background-color:inherit;color:#fff}


.nav>li>a:focus{background-color:#FFF;border-color:#FFF}

#home-list.dropdown-menu{padding:0;margin:0 0 0 -1px;width:210px;z-index:0;border:none;border-radius:0;box-shadow:none;border-bottom:solid 1px rgba(0,0,0,0.05);border-left:solid 1px rgba(0,0,0,0.05);border-right:solid 1px rgba(0,0,0,0.05)}



.navbar .nav .open>a,.navbar .nav .open>a:hover,.navbar .nav .open>a:focus{background-color:#FFF}.navbar-header .info{padding-left:0;margin:0}.navbar-header .info li{font-size:12px;padding-right:25px}



.navbar-header .info li a{font-size:12px;color:#73879C}



.navbar-header .info a:hover{color:#1ABB9C}



#navigator{display:none;width:40px;height:40px;font-size:15px;padding:0;margin:0;background-color:transparent;color:black;box-shadow:none}
@media (min-width: 501px) and (max-width: 767px){#navigator{display:block;margin-top:30px}}
@media (max-width: 500px){#navigator{display:block;margin-top:15px}}

#navigator i{color:black;padding:2px 0 0 8px}
@media (max-width: 767px){#navigator i{display:table-cell;vertical-align:middle;font-size:24px}}#navigator.open i{color:#464646}

.dropdown-menu li{padding-top:15px;background-color:#fff;height:35px;margin-top:-1px;border-top:solid 1px rgba(0,0,0,0.05);border-bottom:solid 1px rgba(0,0,0,0.05)}


.dropdown-menu li:last-of-type{border-bottom:0}



.dropdown-menu li a{float:left;font-size:14px;padding:0 20px 3px 20px}.home.open{height:100px}



.nav>.home>a,.nav>.home>a:hover{background-color:inherit}.nav .home.open>a,.nav .home.open>a:hover,.nav .home.open{background-color:#f4ca55;color:#fff}



.nav>.report>a,.nav>.report>a:hover{background-color:inherit}.nav .report.open>a,.nav .report.open>a:hover,.nav .report.open{background-color:#94bf88;color:#fff}



.nav>.mine>a,.nav>.mine>a:hover{background-color:inherit}.nav .mine.open>a,.nav .mine.open>a:hover,.nav .mine.open{background-color:#e56b65;color:#fff}






.dropdown-menu li:hover,.dropdown-menu li:active{background-color:#f7f7f7}.logo_for_menu{height:35px;margin-right:10px;margin-bottom:8px}


.header_content{width:90%;margin:0 auto;position:relative;z-index:600}.bg{position:fixed;top:0;bottom:0;background:url(img/bg.png) no-repeat center center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;width:100%;background-position:50% 100%;max-height:715px;z-index:500;margin-top:100px}@media (max-width: 500px){.bg{margin-top:70px}}.twodots_logo{background:url("img/logo.png") no-repeat center center;width:100%;height:160px;display:inline-block;margin:75px auto}@media (max-width: 500px){.twodots_logo{height:100px}}@media (min-width: 800px){.links_row{float:left}}@media (max-width: 500px){.links_row{width:80%}}@media (min-width: 501px) and (max-width: 800px){.links_row{width:60%}}@media (max-width: 800px){.links_row{overflow:hidden;clear:both;margin:0 auto}}.download:hover img{opacity:1}.download img{display:block;text-align:center;max-width:140px}@media (min-width: 500px){.download img{float:left}}


.side_nav{overflow-y:scroll;position:fixed;width:200px;top:0;bottom:0;right:-200px;z-index:2000;background-color:black;display:block}


.side_nav.open{-moz-transform:translate3d(-200px, 0, 0);-ms-transform:translate3d(-200px, 0, 0);-webkit-transform:translate3d(-200px, 0, 0);transform:translate3d(-200px, 0, 0);-moz-transition:-moz-transform,0.3s,ease-in-out;-o-transition:-o-transform,0.3s,ease-in-out;-webkit-transition:-webkit-transform,0.3s,ease-in-out;transition:transform,0.3s,ease-in-out}.side_nav.closed{-moz-transform:translate3d(0);-ms-transform:translate3d(0);-webkit-transform:translate3d(0);transform:translate3d(0);-moz-transition:-moz-transform,0.3s,ease-in-out;-o-transition:-o-transform,0.3s,ease-in-out;-webkit-transition:-webkit-transform,0.3s,ease-in-out;transition:transform,0.3s,ease-in-out}#navigator.closed,.navbar-brand.closed{-moz-transform:translate3d(0);-ms-transform:translate3d(0);-webkit-transform:translate3d(0);transform:translate3d(0);-moz-transition:-moz-transform,0.3s,ease-in-out;-o-transition:-o-transform,0.3s,ease-in-out;-webkit-transition:-webkit-transform,0.3s,ease-in-out;transition:transform,0.3s,ease-in-out}#navigator.open,.navbar-brand.open{-moz-transform:translate3d(-200px, 0, 0);-ms-transform:translate3d(-200px, 0, 0);-webkit-transform:translate3d(-200px, 0, 0);transform:translate3d(-200px, 0, 0);-moz-transition:-moz-transform,0.3s,ease-in-out;-o-transition:-o-transform,0.3s,ease-in-out;-webkit-transition:-webkit-transform,0.3s,ease-in-out;transition:transform,0.3s,ease-in-out}.side_nav ul{padding-left:0}.side_nav li{width:100%;height:100px;border-bottom:1px solid rgba(250,250,250,0.3);font-family:'Raleway', sans-serif}.side_nav li:hover{background-color:rgba(2,255,255,0.2)}.side_nav li:focus{background-color:rgba(2,255,255,0)}.side_nav li a{color:#fff;display:block;padding:40px}


.side_nav li a:hover,.side_nav li a:focus{text-decoration:none}.home_links{background-color:#bcbcbc;width:100%}#site_wrapper{width:100%;overflow-x:hidden}

.open #site_wrapper::before{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,0,0,0.3);content:'';opacity:1;-moz-transition:opacity,0.3s;-o-transition:opacity,0.3s;-webkit-transition:opacity,0.3s;transition:opacity,0.3s;-moz-transform:translate3d(0);-ms-transform:translate3d(0);-webkit-transform:translate3d(0);transform:translate3d(0);-moz-transition-timing-function:cubic-bezier,0.7,0,0.3,1;-o-transition-timing-function:cubic-bezier,0.7,0,0.3,1;-webkit-transition-timing-function:cubic-bezier,0.7,0,0.3,1;transition-timing-function:cubic-bezier,0.7,0,0.3,1}#site_wrapper.fixed{position:fixed;-webkit-overflow-scrolling:none}







.page1section1{background:#whitesmoke;width:100%;color:#464646;padding-top:10px}

.page1section1 p{color:#464646;margin:0 auto;max-width:1200px;font-family:'Raleway'}

@media (max-width: 500px){.page1section1 p{width:90%}}@media (max-width: 500px){.page1section1{padding-top:10px}}



/*env*/

.page1section2{background:#e7eeef;width:100%;color:#464646;padding-top:10px}

.page1section2 p{color:#464646;margin:0 auto;max-width:1200px}

@media (max-width: 500px){.page1section2 p{width:90%}}@media (max-width: 500px){.page1section2{padding-top:10px}}



/*mil*/

.page1section3{background:#ccddd0;width:100%;color:black;padding-top:10px}

.page1section3 p{color:black;margin:0 auto;max-width:1200px}

@media (max-width: 500px){.page1section3 p{width:90%}}@media (max-width: 500px){.page1section3{padding-top:10px}}



/*trf*/

.page1section4{background:#dddec7;width:100%;color:black;padding-top:10px}

.page1section4 p{color:#464646;margin:0 auto;max-width:1200px}

@media (max-width: 500px){.page1section4 p{width:90%}}@media (max-width: 500px){.page1section4{padding-top:10px}}





.page1section5{background:whitesmoke;width:100%;color:black;padding-top:10px}

.page1section5 p{color:#464646;margin:0 auto;max-width:1200px}

@media (max-width: 500px){.page1section5 p{width:90%}}@media (max-width: 500px){.page1section5{padding-top:10px}}





.footer{background:#f1f9fa;width:100%;color:#FFF;padding-top:10px}

.footer p{color:#FFF;margin:0 auto;max-width:1200px}

@media (max-width: 500px){.footer p{width:90%}}@media (max-width: 500px){.footer{padding-top:50px}}



.gr{color:#464646;} a.gr:hover{color:#464646}

.ltgr{color:#e0e0e0;} a.ltgr:hover{color:#e0e0e0}

.wht{color:#FFF;} a.WHT:hover{color:#FFF}

.BLK{color:#000;} a.BLK:hover{color:#000}

.BLU{color:#306087;} a.BLU:hover{color:#306087}



.RED{color:#990000;} a.RED:hover{color:#990000}

.GRN{color:#205921;} a.GRN:hover{color:#205921}



.NTYELLOW{color:#EBB600;} a.NTYELLOW:hover{color:#EBB600}

.NTGREEN{color:#277C27;} a.NTGREEN:hover{color:#277C27}

.NTBLUE{color:#309ED9;} a.NTBLUE:hover{color:#309ED9}

.NTORANGE{color:#D34747;} a.NTORANGE:hover{color:#D34747}

.NTRED{color:#D34747;} a.NTRED:hover{color:#D34747}

.NTGREY{color:#464646;} a.NTGREY:hover{color:#464646}

.ORANGE{color:#FF552A;} a.ORANGE:hover{color:#FF552A}



th, td {

    padding: 15px;

    text-align: left;

}


.postlogo{image-rendering: crisp-edges; overflow: hidden; width:100%; }@media (max-width: 800px){.postlogo img{display: none;}}

.footlogo{width:102px; margin-right:12px; image-rendering: auto;}@media (max-width: 800px){.footlogo{display: block;

    margin-left: auto;

    margin-right: auto }}

input[type=radio] {zoom: 1.5;}

SELECT{PADDING:5PX}


.bkt1{ background: url('/img/bkt1.png') no-repeat left top}

.bkt2{ background: url('/img/bkt2.png') no-repeat}

.bkt3{ background: url('/img/bkt3.png') no-repeat}